Sha256: 97f03eb01be68369987f5f6465ce0a946dd985df58236333ea0c0c9ce033e01e

Contents?: true

Size: 707 Bytes

Versions: 16

Compression:

Stored size: 707 Bytes

Contents

import tokens from "@config/tokens.cjs";
import { CocoComponent } from "@js/coco";

const mobileMaxWidth = parseInt(tokens.app.screens.sm, 10);

export default CocoComponent("appSidebarNav", () => {
  return {
    sizeObserver: null,
    mobileLayout: true,

    init() {
      this.sizeObserver = new ResizeObserver(
        Alpine.throttle((entries) => {
          this.$nextTick(() => {
            const bodyWidth = entries[0].contentRect.width;
            this.mobileLayout = bodyWidth < mobileMaxWidth;
          });
        }, 20)
      );

      this.sizeObserver.observe(document.documentElement);
    },

    destroy() {
      this.sizeObserver && this.sizeObserver.disconnect();
    },
  };
});

Version data entries

16 entries across 16 versions & 1 rubygems

Version Path
coveragebook_components-0.10.0 app/components/coco/app/blocks/sidebar_nav/navbar/navbar.js
coveragebook_components-0.9.1 app/components/coco/app/blocks/sidebar_nav/navbar/navbar.js
coveragebook_components-0.9.0 app/components/coco/app/blocks/sidebar_nav/navbar/navbar.js
coveragebook_components-0.8.9 app/components/coco/app/blocks/sidebar_nav/navbar/navbar.js
coveragebook_components-0.8.8 app/components/coco/app/blocks/sidebar_nav/navbar/navbar.js
coveragebook_components-0.8.7 app/components/coco/app/blocks/sidebar_nav/navbar/navbar.js
coveragebook_components-0.8.6 app/components/coco/app/blocks/sidebar_nav/navbar/navbar.js
coveragebook_components-0.8.5 app/components/coco/app/blocks/sidebar_nav/navbar/navbar.js
coveragebook_components-0.8.4 app/components/coco/app/blocks/sidebar_nav/navbar/navbar.js
coveragebook_components-0.8.3 app/components/coco/app/blocks/sidebar_nav/navbar/navbar.js
coveragebook_components-0.8.2 app/components/coco/app/blocks/sidebar_nav/sidebar_nav.js
coveragebook_components-0.8.1 app/components/coco/app/blocks/sidebar_nav/sidebar_nav.js
coveragebook_components-0.8.0 app/components/coco/app/blocks/sidebar_nav/sidebar_nav.js
coveragebook_components-0.8.0.beta.3 app/components/coco/app/blocks/sidebar_nav/sidebar_nav.js
coveragebook_components-0.8.0.beta.2 app/components/coco/app/blocks/sidebar_nav/sidebar_nav.js
coveragebook_components-0.8.0.beta.1 app/components/coco/app/blocks/sidebar_nav/sidebar_nav.js