@ojiepermana/angular 21.3.3 → 22.0.1

package/fesm2022/ojiepermana-angular-navigation-sidebar.mjs

@@ -17,7 +17,7 @@ import { ScrollAreaComponent } from '@ojiepermana/angular/component/scroll-area'
  *
  * Variants:
  * - `default`: 17.5rem, label + icon
- * - `thin`: 4rem icon-only; hover memunculkan overlay expand (tidak push konten)
+ * - `docked`: 4rem icon-only; hover memunculkan overlay expand (tidak push konten)
  *
  * Mobile (`< md`): saat `autoMobile=true` (default), host desktop disembunyikan
  * dan konten dirender lewat CDK Overlay drawer dengan focus trap. State buka
@@ -31,27 +31,40 @@ class SidebarComponent {
     focusTrapFactory = inject(FocusTrapFactory);
     doc = inject(DOCUMENT);
     destroyRef = inject(DestroyRef);
-    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    items = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
     /** Registry key di `NavigationService`. Default `'main'`. */
-    navigationId = input(DEFAULT_NAVIGATION_ID, ...(ngDevMode ? [{ debugName: "navigationId" }] : /* istanbul ignore next */ []));
-    appearance = input('default', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+    navigationId = input(DEFAULT_NAVIGATION_ID, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "navigationId" }] : /* istanbul ignore next */ []));
+    variant = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
     /** Desktop border can be owned by the sidebar or by the surrounding layout shell. */
-    borderSource = input('component', ...(ngDevMode ? [{ debugName: "borderSource" }] : /* istanbul ignore next */ []));
-    position = input('left', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
-    ariaLabel = input('Primary', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-    header = input(true, ...(ngDevMode ? [{ debugName: "header" }] : /* istanbul ignore next */ []));
-    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    borderSource = input('component', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "borderSource" }] : /* istanbul ignore next */ []));
+    position = input('left', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    ariaLabel = input('Primary', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    header = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "header" }] : /* istanbul ignore next */ []));
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
     /** Auto switch ke CDK overlay drawer saat viewport `< md`. */
-    autoMobile = input(true, ...(ngDevMode ? [{ debugName: "autoMobile" }] : /* istanbul ignore next */ []));
+    autoMobile = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "autoMobile" }] : /* istanbul ignore next */ []));
     /** Auto-register `items` ke `NavigationService` agar `activeTrail` bekerja. */
-    autoRegister = input(true, ...(ngDevMode ? [{ debugName: "autoRegister" }] : /* istanbul ignore next */ []));
+    autoRegister = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "autoRegister" }] : /* istanbul ignore next */ []));
     /** Resolved items: input jika disediakan, fallback ke registry NavigationService. */
     resolvedItems = computed(() => {
         const explicit = this.items();
         return explicit.length > 0 ? explicit : this.nav.getItems(this.navigationId())();
-    }, ...(ngDevMode ? [{ debugName: "resolvedItems" }] : /* istanbul ignore next */ []));
-    hovered = signal(false, ...(ngDevMode ? [{ debugName: "hovered" }] : /* istanbul ignore next */ []));
-    suppressHoverUntilLeave = signal(false, ...(ngDevMode ? [{ debugName: "suppressHoverUntilLeave" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedItems" }] : /* istanbul ignore next */ []));
+    hovered = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hovered" }] : /* istanbul ignore next */ []));
+    suppressHoverUntilLeave = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "suppressHoverUntilLeave" }] : /* istanbul ignore next */ []));
     drawerTpl = viewChild.required('drawerTpl');
     drawerRef = null;
     focusTrap = null;
@@ -60,20 +73,27 @@ class SidebarComponent {
     isMobileMedia = toSignal(this.bp.observe('(max-width: 767.98px)').pipe(map((s) => s.matches)), {
         initialValue: false,
     });
-    isMobile = computed(() => this.autoMobile() && this.isMobileMedia(), ...(ngDevMode ? [{ debugName: "isMobile" }] : /* istanbul ignore next */ []));
+    isMobile = computed(() => this.autoMobile() && this.isMobileMedia(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isMobile" }] : /* istanbul ignore next */ []));
     resolvedCollapsed = computed(() => {
         if (this.nav.hasStoredSidebarCollapse()) {
             return this.nav.collapsed();
         }
-        return this.appearance() === 'thin';
-    }, ...(ngDevMode ? [{ debugName: "resolvedCollapsed" }] : /* istanbul ignore next */ []));
-    resolvedAppearance = computed(() => {
-        return this.resolvedCollapsed() ? 'thin' : 'default';
-    }, ...(ngDevMode ? [{ debugName: "resolvedAppearance" }] : /* istanbul ignore next */ []));
-    hoverActive = computed(() => this.hovered() && !this.suppressHoverUntilLeave(), ...(ngDevMode ? [{ debugName: "hoverActive" }] : /* istanbul ignore next */ []));
-    isExpanded = computed(() => !this.resolvedCollapsed() || this.hoverActive(), ...(ngDevMode ? [{ debugName: "isExpanded" }] : /* istanbul ignore next */ []));
-    isCompact = computed(() => !this.isMobile() && this.resolvedCollapsed() && !this.hoverActive(), ...(ngDevMode ? [{ debugName: "isCompact" }] : /* istanbul ignore next */ []));
-    toggleButtonLabel = computed(() => this.resolvedCollapsed() ? 'Expand sidebar' : 'Collapse sidebar', ...(ngDevMode ? [{ debugName: "toggleButtonLabel" }] : /* istanbul ignore next */ []));
+        return this.variant() === 'docked';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedCollapsed" }] : /* istanbul ignore next */ []));
+    resolvedVariant = computed(() => {
+        return this.resolvedCollapsed() ? 'docked' : 'default';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []));
+    hoverActive = computed(() => this.hovered() && !this.suppressHoverUntilLeave(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hoverActive" }] : /* istanbul ignore next */ []));
+    isExpanded = computed(() => !this.resolvedCollapsed() || this.hoverActive(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isExpanded" }] : /* istanbul ignore next */ []));
+    isCompact = computed(() => !this.isMobile() && this.resolvedCollapsed() && !this.hoverActive(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isCompact" }] : /* istanbul ignore next */ []));
+    toggleButtonLabel = computed(() => this.resolvedCollapsed() ? 'Expand sidebar' : 'Collapse sidebar', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "toggleButtonLabel" }] : /* istanbul ignore next */ []));
     constructor() {
         // Auto-register items ke service untuk active trail (hanya jika input non-kosong).
         effect(() => {
@@ -105,7 +125,8 @@ class SidebarComponent {
                 base.push('border-r', 'border-primary/30');
         }
         return [...base, this.class()].join(' ');
-    }, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
     headerClasses = computed(() => {
         const base = ['flex items-center gap-1 border-b border-primary/30'];
         if (this.isCompact()) {
@@ -115,7 +136,8 @@ class SidebarComponent {
             base.push('h-12', 'pr-2');
         }
         return base.join(' ');
-    }, ...(ngDevMode ? [{ debugName: "headerClasses" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "headerClasses" }] : /* istanbul ignore next */ []));
     headerSlotClasses = computed(() => {
         const base = ['min-w-0'];
         if (this.isCompact()) {
@@ -125,22 +147,26 @@ class SidebarComponent {
             base.push('flex min-w-0 flex-1 items-center');
         }
         return base.join(' ');
-    }, ...(ngDevMode ? [{ debugName: "headerSlotClasses" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "headerSlotClasses" }] : /* istanbul ignore next */ []));
     navClasses = computed(() => {
         const base = ['min-h-full'];
         if (this.isCompact()) {
             base.push('px-2', '[&_.ui-nav-text]:mx-auto', '[&_.ui-nav-text]:w-10', '[&_.ui-nav-text]:justify-center', '[&_.ui-nav-text]:px-0');
         }
         return base.join(' ');
-    }, ...(ngDevMode ? [{ debugName: "navClasses" }] : /* istanbul ignore next */ []));
-    scrollViewportClasses = computed(() => 'overflow-y-auto overflow-x-hidden scrollbar-thin scrollbar-thumb-primary scrollbar-track-primary/10', ...(ngDevMode ? [{ debugName: "scrollViewportClasses" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "navClasses" }] : /* istanbul ignore next */ []));
+    scrollViewportClasses = computed(() => 'overflow-y-auto overflow-x-hidden scrollbar-thin scrollbar-thumb-primary scrollbar-track-primary/10', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollViewportClasses" }] : /* istanbul ignore next */ []));
     footerClasses = computed(() => {
         const base = ['h-12 border-t border-primary/30'];
         if (this.isCompact()) {
             base.push('flex items-center justify-center px-2');
         }
         return base.join(' ');
-    }, ...(ngDevMode ? [{ debugName: "footerClasses" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "footerClasses" }] : /* istanbul ignore next */ []));
     footerSlotClasses = computed(() => {
         const base = ['h-full'];
         if (this.isCompact()) {
@@ -150,7 +176,8 @@ class SidebarComponent {
             base.push('w-full');
         }
         return base.join(' ');
-    }, ...(ngDevMode ? [{ debugName: "footerSlotClasses" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "footerSlotClasses" }] : /* istanbul ignore next */ []));
     innerClasses = computed(() => {
         const overlayActive = this.resolvedCollapsed() && this.hoverActive();
         const base = ['flex h-full flex-col transition-[width] duration-200 ease-out'];
@@ -164,7 +191,8 @@ class SidebarComponent {
             base.push('w-full');
         }
         return base.join(' ');
-    }, ...(ngDevMode ? [{ debugName: "innerClasses" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "innerClasses" }] : /* istanbul ignore next */ []));
     onHoverEnter() {
         if (!this.resolvedCollapsed() || this.isMobile() || this.suppressHoverUntilLeave())
             return;
@@ -175,14 +203,14 @@ class SidebarComponent {
         if (this.resolvedCollapsed())
             this.hovered.set(false);
     }
-    toggleAppearance(event) {
+    toggleVariant(event) {
         event.stopPropagation();
         const nextCollapsed = !this.resolvedCollapsed();
         this.nav.setCollapsed(nextCollapsed);
         this.hovered.set(false);
         this.suppressHoverUntilLeave.set(nextCollapsed);
     }
-    /** Touch fallback: tap pada strip thin (ketika belum expanded) untuk expand. */
+    /** Touch fallback: tap pada strip docked (ketika belum expanded) untuk expand. */
     onHostClick(event) {
         if (!this.resolvedCollapsed() || this.isMobile())
             return;
@@ -237,8 +265,8 @@ class SidebarComponent {
         this.previouslyFocused?.focus?.();
         this.previouslyFocused = null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: SidebarComponent, isStandalone: true, selector: "sidebar", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, navigationId: { classPropertyName: "navigationId", publicName: "navigationId", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, borderSource: { classPropertyName: "borderSource", publicName: "borderSource", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, autoMobile: { classPropertyName: "autoMobile", publicName: "autoMobile", isSignal: true, isRequired: false, transformFunction: null }, autoRegister: { classPropertyName: "autoRegister", publicName: "autoRegister", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "navigation" }, listeners: { "mouseenter": "onHoverEnter()", "mouseleave": "onHoverLeave()", "focusin": "onHoverEnter()", "click": "onHostClick($event)" }, properties: { "attr.aria-label": "ariaLabel()", "class": "hostClasses()", "attr.data-appearance": "resolvedAppearance()", "attr.data-position": "position()", "attr.data-expanded": "isExpanded()", "hidden": "isMobile()" } }, viewQueries: [{ propertyName: "drawerTpl", first: true, predicate: ["drawerTpl"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: SidebarComponent, isStandalone: true, selector: "sidebar", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, navigationId: { classPropertyName: "navigationId", publicName: "navigationId", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, borderSource: { classPropertyName: "borderSource", publicName: "borderSource", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, autoMobile: { classPropertyName: "autoMobile", publicName: "autoMobile", isSignal: true, isRequired: false, transformFunction: null }, autoRegister: { classPropertyName: "autoRegister", publicName: "autoRegister", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "navigation" }, listeners: { "mouseenter": "onHoverEnter()", "mouseleave": "onHoverLeave()", "focusin": "onHoverEnter()", "click": "onHostClick($event)" }, properties: { "attr.aria-label": "ariaLabel()", "class": "hostClasses()", "attr.data-variant": "resolvedVariant()", "attr.data-position": "position()", "attr.data-expanded": "isExpanded()", "hidden": "isMobile()" } }, viewQueries: [{ propertyName: "drawerTpl", first: true, predicate: ["drawerTpl"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <div [class]="innerClasses()">
       <ng-container [ngTemplateOutlet]="body" />
     </div>
@@ -256,8 +284,8 @@ class SidebarComponent {
               class="inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
               [attr.aria-label]="toggleButtonLabel()"
               [attr.title]="toggleButtonLabel()"
-              [attr.aria-pressed]="resolvedAppearance() === 'thin'"
-              (click)="toggleAppearance($event)">
+              [attr.aria-pressed]="resolvedVariant() === 'docked'"
+              (click)="toggleVariant($event)">
               <ui-nav-icon name="view_sidebar" [size]="18" class="text-current" />
             </button>
           }
@@ -291,7 +319,7 @@ class SidebarComponent {
     </ng-template>
   `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ScrollAreaComponent, selector: "ui-scroll-area", inputs: ["class", "viewportClass", "viewportAriaLabel", "viewportTabIndex"] }, { kind: "component", type: UiNavIconComponent, selector: "ui-nav-icon", inputs: ["name", "class", "size"] }, { kind: "component", type: UiNavItemComponent, selector: "ui-nav-item", inputs: ["item", "level", "compact", "railConnector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SidebarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: SidebarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sidebar',
@@ -301,7 +329,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         role: 'navigation',
                         '[attr.aria-label]': 'ariaLabel()',
                         '[class]': 'hostClasses()',
-                        '[attr.data-appearance]': 'resolvedAppearance()',
+                        '[attr.data-variant]': 'resolvedVariant()',
                         '[attr.data-position]': 'position()',
                         '[attr.data-expanded]': 'isExpanded()',
                         '[hidden]': 'isMobile()',
@@ -328,8 +356,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
               class="inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
               [attr.aria-label]="toggleButtonLabel()"
               [attr.title]="toggleButtonLabel()"
-              [attr.aria-pressed]="resolvedAppearance() === 'thin'"
-              (click)="toggleAppearance($event)">
+              [attr.aria-pressed]="resolvedVariant() === 'docked'"
+              (click)="toggleVariant($event)">
               <ui-nav-icon name="view_sidebar" [size]="18" class="text-current" />
             </button>
           }
@@ -363,7 +391,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
     </ng-template>
   `,
                 }]
-        }], ctorParameters: () => [], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], navigationId: [{ type: i0.Input, args: [{ isSignal: true, alias: "navigationId", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], borderSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderSource", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], autoMobile: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoMobile", required: false }] }], autoRegister: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoRegister", required: false }] }], drawerTpl: [{ type: i0.ViewChild, args: ['drawerTpl', { isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], navigationId: [{ type: i0.Input, args: [{ isSignal: true, alias: "navigationId", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], borderSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderSource", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], autoMobile: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoMobile", required: false }] }], autoRegister: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoRegister", required: false }] }], drawerTpl: [{ type: i0.ViewChild, args: ['drawerTpl', { isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ojiepermana-angular-navigation-sidebar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ojiepermana-angular-navigation-sidebar.mjs","sources":["../../../projects/angular/navigation/sidebar/src/lib/sidebar.component.ts","../../../projects/angular/navigation/sidebar/ojiepermana-angular-navigation-sidebar.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  TemplateRef,\n  ViewContainerRef,\n  computed,\n  effect,\n  inject,\n  input,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { DOCUMENT, NgTemplateOutlet } from '@angular/common';\nimport { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { BreakpointObserver } from '@angular/cdk/layout';\nimport { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { FocusTrap, FocusTrapFactory } from '@angular/cdk/a11y';\nimport { filter, map } from 'rxjs/operators';\nimport { UiNavIconComponent } from '@ojiepermana/angular/navigation/icon';\nimport { UiNavItemComponent } from '@ojiepermana/angular/navigation/item';\nimport { DEFAULT_NAVIGATION_ID, NavigationService } from '@ojiepermana/angular/navigation/service';\nimport type {\n  NavigationItem,\n  SidebarAppearance,\n  SidebarBorderSource,\n  SidebarPosition,\n} from '@ojiepermana/angular/navigation/types';\nimport { ScrollAreaComponent } from '@ojiepermana/angular/component/scroll-area';\n\n/**\n * Vertical navigation (sidebar) — shadcn-styled.\n *\n * Variants:\n * - `default`: 17.5rem, label + icon\n * - `thin`: 4rem icon-only; hover memunculkan overlay expand (tidak push konten)\n *\n * Mobile (`< md`): saat `autoMobile=true` (default), host desktop disembunyikan\n * dan konten dirender lewat CDK Overlay drawer dengan focus trap. State buka\n * dikontrol lewat `NavigationService.mobileOpen`.\n */\n@Component({\n  selector: 'sidebar',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgTemplateOutlet, ScrollAreaComponent, UiNavIconComponent, UiNavItemComponent],\n  host: {\n    role: 'navigation',\n    '[attr.aria-label]': 'ariaLabel()',\n    '[class]': 'hostClasses()',\n    '[attr.data-appearance]': 'resolvedAppearance()',\n    '[attr.data-position]': 'position()',\n    '[attr.data-expanded]': 'isExpanded()',\n    '[hidden]': 'isMobile()',\n    '(mouseenter)': 'onHoverEnter()',\n    '(mouseleave)': 'onHoverLeave()',\n    '(focusin)': 'onHoverEnter()',\n    '(click)': 'onHostClick($event)',\n  },\n  template: `\n    <div [class]=\"innerClasses()\">\n      <ng-container [ngTemplateOutlet]=\"body\" />\n    </div>\n\n    <ng-template #body>\n      @if (header()) {\n        <div [class]=\"headerClasses()\">\n          <div [class]=\"headerSlotClasses()\">\n            <ng-content select=\"[sidebar-header]\" />\n          </div>\n          @if (!isMobile() && !isCompact()) {\n            <button\n              type=\"button\"\n              data-sidebar-toggle\n              class=\"inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\"\n              [attr.aria-label]=\"toggleButtonLabel()\"\n              [attr.title]=\"toggleButtonLabel()\"\n              [attr.aria-pressed]=\"resolvedAppearance() === 'thin'\"\n              (click)=\"toggleAppearance($event)\">\n              <ui-nav-icon name=\"view_sidebar\" [size]=\"18\" class=\"text-current\" />\n            </button>\n          }\n        </div>\n      }\n      <ui-scroll-area class=\"min-h-0 flex-1\" [viewportClass]=\"scrollViewportClasses()\">\n        <nav [class]=\"navClasses()\">\n          @for (item of resolvedItems(); track item.id) {\n            <ui-nav-item [item]=\"item\" [compact]=\"isCompact()\" />\n          }\n        </nav>\n      </ui-scroll-area>\n      <div [class]=\"footerClasses()\">\n        <div [class]=\"footerSlotClasses()\">\n          <ng-content select=\"[sidebar-footer]\" />\n        </div>\n      </div>\n    </ng-template>\n\n    <ng-template #drawerTpl>\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        [attr.aria-label]=\"ariaLabel()\"\n        class=\"flex h-full w-72 max-w-[85vw] flex-col border-primary/30 text-foreground shadow-xl\"\n        [class.border-r]=\"position() === 'left'\"\n        [class.border-l]=\"position() === 'right'\"\n        [class.border-primary/30]=\"position() === 'left' || position() === 'right'\">\n        <ng-container [ngTemplateOutlet]=\"body\" />\n      </div>\n    </ng-template>\n  `,\n})\nexport class SidebarComponent {\n  private readonly nav = inject(NavigationService);\n  private readonly bp = inject(BreakpointObserver);\n  private readonly overlay = inject(Overlay);\n  private readonly vcr = inject(ViewContainerRef);\n  private readonly focusTrapFactory = inject(FocusTrapFactory);\n  private readonly doc = inject(DOCUMENT);\n  private readonly destroyRef = inject(DestroyRef);\n\n  readonly items = input<NavigationItem[]>([]);\n  /** Registry key di `NavigationService`. Default `'main'`. */\n  readonly navigationId = input<string>(DEFAULT_NAVIGATION_ID);\n  readonly appearance = input<SidebarAppearance>('default');\n  /** Desktop border can be owned by the sidebar or by the surrounding layout shell. */\n  readonly borderSource = input<SidebarBorderSource>('component');\n  readonly position = input<SidebarPosition>('left');\n  readonly ariaLabel = input<string>('Primary');\n  readonly header = input<boolean>(true);\n  readonly class = input<string>('');\n  /** Auto switch ke CDK overlay drawer saat viewport `< md`. */\n  readonly autoMobile = input<boolean>(true);\n  /** Auto-register `items` ke `NavigationService` agar `activeTrail` bekerja. */\n  readonly autoRegister = input<boolean>(true);\n\n  /** Resolved items: input jika disediakan, fallback ke registry NavigationService. */\n  protected readonly resolvedItems = computed(() => {\n    const explicit = this.items();\n    return explicit.length > 0 ? explicit : this.nav.getItems(this.navigationId())();\n  });\n\n  private readonly hovered = signal<boolean>(false);\n  private readonly suppressHoverUntilLeave = signal<boolean>(false);\n\n  private readonly drawerTpl = viewChild.required<TemplateRef<unknown>>('drawerTpl');\n  private drawerRef: OverlayRef | null = null;\n  private focusTrap: FocusTrap | null = null;\n  private previouslyFocused: HTMLElement | null = null;\n\n  /** True saat viewport `< md` (767.98px). */\n  protected readonly isMobileMedia = toSignal(this.bp.observe('(max-width: 767.98px)').pipe(map((s) => s.matches)), {\n    initialValue: false,\n  });\n\n  protected readonly isMobile = computed(() => this.autoMobile() && this.isMobileMedia());\n  protected readonly resolvedCollapsed = computed(() => {\n    if (this.nav.hasStoredSidebarCollapse()) {\n      return this.nav.collapsed();\n    }\n\n    return this.appearance() === 'thin';\n  });\n  protected readonly resolvedAppearance = computed<SidebarAppearance>(() => {\n    return this.resolvedCollapsed() ? 'thin' : 'default';\n  });\n  protected readonly hoverActive = computed(() => this.hovered() && !this.suppressHoverUntilLeave());\n  protected readonly isExpanded = computed(() => !this.resolvedCollapsed() || this.hoverActive());\n  protected readonly isCompact = computed(() => !this.isMobile() && this.resolvedCollapsed() && !this.hoverActive());\n  protected readonly toggleButtonLabel = computed(() =>\n    this.resolvedCollapsed() ? 'Expand sidebar' : 'Collapse sidebar',\n  );\n\n  constructor() {\n    // Auto-register items ke service untuk active trail (hanya jika input non-kosong).\n    effect(() => {\n      const explicit = this.items();\n      if (this.autoRegister() && explicit.length > 0) this.nav.registerItems(this.navigationId(), explicit);\n    });\n\n    // Kelola overlay drawer berdasarkan mobileOpen + isMobile.\n    effect(() => {\n      const open = this.nav.mobileOpen();\n      const mobile = this.isMobile();\n      if (mobile && open) this.openDrawer();\n      else this.closeDrawer();\n    });\n\n    this.destroyRef.onDestroy(() => this.closeDrawer());\n  }\n\n  protected readonly hostClasses = computed(() => {\n    const base = ['relative flex shrink-0 text-foreground', 'transition-[width] duration-200 ease-out'];\n    if (this.resolvedCollapsed()) base.push('w-16');\n    else base.push('[width:17.5rem]');\n    if (this.borderSource() === 'component') {\n      if (this.position() === 'right') base.push('border-l', 'border-primary/30');\n      else base.push('border-r', 'border-primary/30');\n    }\n    return [...base, this.class()].join(' ');\n  });\n\n  protected readonly headerClasses = computed(() => {\n    const base = ['flex items-center gap-1 border-b border-primary/30'];\n    if (this.isCompact()) {\n      base.push('h-12', 'justify-center', 'px-2');\n    } else {\n      base.push('h-12', 'pr-2');\n    }\n    return base.join(' ');\n  });\n\n  protected readonly headerSlotClasses = computed(() => {\n    const base = ['min-w-0'];\n    if (this.isCompact()) {\n      base.push(\n        'flex flex-1 items-center justify-center overflow-hidden',\n        '[&>[sidebar-header]>*]:mx-auto',\n        '[&>[sidebar-header]>*]:w-auto',\n        '[&>[sidebar-header]>*]:max-w-full',\n        '[&>[sidebar-header]>*]:justify-center',\n        '[&>[sidebar-header]>*]:gap-0',\n        '[&>[sidebar-header]>*]:px-0',\n        '[&>[sidebar-header]>*]:shrink-0',\n        '[&>[sidebar-header]>*>*:first-child]:mx-auto',\n        '[&>[sidebar-header]>*>*:nth-child(n+2)]:hidden',\n      );\n    } else {\n      base.push('flex min-w-0 flex-1 items-center');\n    }\n    return base.join(' ');\n  });\n\n  protected readonly navClasses = computed(() => {\n    const base = ['min-h-full'];\n    if (this.isCompact()) {\n      base.push(\n        'px-2',\n        '[&_.ui-nav-text]:mx-auto',\n        '[&_.ui-nav-text]:w-10',\n        '[&_.ui-nav-text]:justify-center',\n        '[&_.ui-nav-text]:px-0',\n      );\n    }\n    return base.join(' ');\n  });\n\n  protected readonly scrollViewportClasses = computed(\n    () => 'overflow-y-auto overflow-x-hidden scrollbar-thin scrollbar-thumb-primary scrollbar-track-primary/10',\n  );\n\n  protected readonly footerClasses = computed(() => {\n    const base = ['h-12 border-t border-primary/30'];\n    if (this.isCompact()) {\n      base.push('flex items-center justify-center px-2');\n    }\n    return base.join(' ');\n  });\n\n  protected readonly footerSlotClasses = computed(() => {\n    const base = ['h-full'];\n    if (this.isCompact()) {\n      base.push(\n        'flex h-full items-center justify-center overflow-hidden',\n        '[&>[sidebar-footer]>*]:mx-auto',\n        '[&>[sidebar-footer]>*]:w-auto',\n        '[&>[sidebar-footer]>*]:max-w-full',\n        '[&>[sidebar-footer]>*]:justify-center',\n        '[&>[sidebar-footer]>*]:gap-0',\n        '[&>[sidebar-footer]>*]:px-0',\n        '[&>[sidebar-footer]>*>*:first-child]:mx-auto',\n        '[&>[sidebar-footer]>*>*:nth-child(n+2)]:hidden',\n      );\n    } else {\n      base.push('w-full');\n    }\n    return base.join(' ');\n  });\n\n  protected readonly innerClasses = computed(() => {\n    const overlayActive = this.resolvedCollapsed() && this.hoverActive();\n    const base = ['flex h-full flex-col transition-[width] duration-200 ease-out'];\n    if (this.resolvedCollapsed()) {\n      base.push('bg-background');\n    }\n    if (overlayActive) {\n      base.push(\n        'absolute inset-y-0 z-30 border-l border-r border-primary/30 shadow-xl [width:17.5rem]',\n        this.position() === 'right' ? 'right-0' : 'left-0',\n      );\n    } else {\n      base.push('w-full');\n    }\n    return base.join(' ');\n  });\n\n  protected onHoverEnter(): void {\n    if (!this.resolvedCollapsed() || this.isMobile() || this.suppressHoverUntilLeave()) return;\n    this.hovered.set(true);\n  }\n\n  protected onHoverLeave(): void {\n    this.suppressHoverUntilLeave.set(false);\n    if (this.resolvedCollapsed()) this.hovered.set(false);\n  }\n\n  protected toggleAppearance(event: MouseEvent): void {\n    event.stopPropagation();\n    const nextCollapsed = !this.resolvedCollapsed();\n    this.nav.setCollapsed(nextCollapsed);\n    this.hovered.set(false);\n    this.suppressHoverUntilLeave.set(nextCollapsed);\n  }\n\n  /** Touch fallback: tap pada strip thin (ketika belum expanded) untuk expand. */\n  protected onHostClick(event: MouseEvent): void {\n    if (!this.resolvedCollapsed() || this.isMobile()) return;\n    if (this.hovered()) return;\n    const target = event.target as HTMLElement | null;\n    // Biarkan klik pada control interaktif terus propagate (tidak intercept).\n    if (target && target.closest('a,button,[role=\"menuitem\"]')) return;\n    this.hovered.set(true);\n  }\n\n  private openDrawer(): void {\n    if (this.drawerRef) return;\n    const side = this.position();\n    const pos = this.overlay.position().global().top('0');\n    if (side === 'right') pos.right('0');\n    else pos.left('0');\n\n    this.drawerRef = this.overlay.create({\n      positionStrategy: pos,\n      height: '100vh',\n      hasBackdrop: true,\n      backdropClass: 'cdk-overlay-dark-backdrop',\n      scrollStrategy: this.overlay.scrollStrategies.block(),\n      panelClass: ['sidebar-drawer'],\n    });\n\n    const portal = new TemplatePortal(this.drawerTpl(), this.vcr);\n    const viewRef = this.drawerRef.attach(portal);\n    viewRef.detectChanges();\n\n    const root = this.drawerRef.overlayElement;\n    this.focusTrap = this.focusTrapFactory.create(root);\n    this.previouslyFocused = this.doc.activeElement as HTMLElement | null;\n    queueMicrotask(() => this.focusTrap?.focusInitialElementWhenReady());\n\n    this.drawerRef\n      .backdropClick()\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => this.nav.closeMobile());\n\n    this.drawerRef\n      .keydownEvents()\n      .pipe(\n        filter((e) => e.key === 'Escape'),\n        takeUntilDestroyed(this.destroyRef),\n      )\n      .subscribe(() => this.nav.closeMobile());\n  }\n\n  private closeDrawer(): void {\n    if (!this.drawerRef) return;\n    this.focusTrap?.destroy();\n    this.focusTrap = null;\n    this.drawerRef.dispose();\n    this.drawerRef = null;\n    this.previouslyFocused?.focus?.();\n    this.previouslyFocused = null;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ojiepermana-angular-navigation-sidebar.mjs","sources":["../../../projects/angular/navigation/sidebar/default/sidebar.component.ts","../../../projects/angular/navigation/sidebar/ojiepermana-angular-navigation-sidebar.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  TemplateRef,\n  ViewContainerRef,\n  computed,\n  effect,\n  inject,\n  input,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { DOCUMENT, NgTemplateOutlet } from '@angular/common';\nimport { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { BreakpointObserver } from '@angular/cdk/layout';\nimport { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { FocusTrap, FocusTrapFactory } from '@angular/cdk/a11y';\nimport { filter, map } from 'rxjs/operators';\nimport { UiNavIconComponent } from '@ojiepermana/angular/navigation/icon';\nimport { UiNavItemComponent } from '@ojiepermana/angular/navigation/item';\nimport { DEFAULT_NAVIGATION_ID, NavigationService } from '@ojiepermana/angular/navigation/service';\nimport type {\n  NavigationItem,\n  SidebarBorderSource,\n  SidebarPosition,\n  SidebarVariant,\n} from '@ojiepermana/angular/navigation/types';\nimport { ScrollAreaComponent } from '@ojiepermana/angular/component/scroll-area';\n\n/**\n * Vertical navigation (sidebar) — shadcn-styled.\n *\n * Variants:\n * - `default`: 17.5rem, label + icon\n * - `docked`: 4rem icon-only; hover memunculkan overlay expand (tidak push konten)\n *\n * Mobile (`< md`): saat `autoMobile=true` (default), host desktop disembunyikan\n * dan konten dirender lewat CDK Overlay drawer dengan focus trap. State buka\n * dikontrol lewat `NavigationService.mobileOpen`.\n */\n@Component({\n  selector: 'sidebar',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgTemplateOutlet, ScrollAreaComponent, UiNavIconComponent, UiNavItemComponent],\n  host: {\n    role: 'navigation',\n    '[attr.aria-label]': 'ariaLabel()',\n    '[class]': 'hostClasses()',\n    '[attr.data-variant]': 'resolvedVariant()',\n    '[attr.data-position]': 'position()',\n    '[attr.data-expanded]': 'isExpanded()',\n    '[hidden]': 'isMobile()',\n    '(mouseenter)': 'onHoverEnter()',\n    '(mouseleave)': 'onHoverLeave()',\n    '(focusin)': 'onHoverEnter()',\n    '(click)': 'onHostClick($event)',\n  },\n  template: `\n    <div [class]=\"innerClasses()\">\n      <ng-container [ngTemplateOutlet]=\"body\" />\n    </div>\n\n    <ng-template #body>\n      @if (header()) {\n        <div [class]=\"headerClasses()\">\n          <div [class]=\"headerSlotClasses()\">\n            <ng-content select=\"[sidebar-header]\" />\n          </div>\n          @if (!isMobile() && !isCompact()) {\n            <button\n              type=\"button\"\n              data-sidebar-toggle\n              class=\"inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\"\n              [attr.aria-label]=\"toggleButtonLabel()\"\n              [attr.title]=\"toggleButtonLabel()\"\n              [attr.aria-pressed]=\"resolvedVariant() === 'docked'\"\n              (click)=\"toggleVariant($event)\">\n              <ui-nav-icon name=\"view_sidebar\" [size]=\"18\" class=\"text-current\" />\n            </button>\n          }\n        </div>\n      }\n      <ui-scroll-area class=\"min-h-0 flex-1\" [viewportClass]=\"scrollViewportClasses()\">\n        <nav [class]=\"navClasses()\">\n          @for (item of resolvedItems(); track item.id) {\n            <ui-nav-item [item]=\"item\" [compact]=\"isCompact()\" />\n          }\n        </nav>\n      </ui-scroll-area>\n      <div [class]=\"footerClasses()\">\n        <div [class]=\"footerSlotClasses()\">\n          <ng-content select=\"[sidebar-footer]\" />\n        </div>\n      </div>\n    </ng-template>\n\n    <ng-template #drawerTpl>\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        [attr.aria-label]=\"ariaLabel()\"\n        class=\"flex h-full w-72 max-w-[85vw] flex-col border-primary/30 text-foreground shadow-xl\"\n        [class.border-r]=\"position() === 'left'\"\n        [class.border-l]=\"position() === 'right'\"\n        [class.border-primary/30]=\"position() === 'left' || position() === 'right'\">\n        <ng-container [ngTemplateOutlet]=\"body\" />\n      </div>\n    </ng-template>\n  `,\n})\nexport class SidebarComponent {\n  private readonly nav = inject(NavigationService);\n  private readonly bp = inject(BreakpointObserver);\n  private readonly overlay = inject(Overlay);\n  private readonly vcr = inject(ViewContainerRef);\n  private readonly focusTrapFactory = inject(FocusTrapFactory);\n  private readonly doc = inject(DOCUMENT);\n  private readonly destroyRef = inject(DestroyRef);\n\n  readonly items = input<NavigationItem[]>([]);\n  /** Registry key di `NavigationService`. Default `'main'`. */\n  readonly navigationId = input<string>(DEFAULT_NAVIGATION_ID);\n  readonly variant = input<SidebarVariant>('default');\n  /** Desktop border can be owned by the sidebar or by the surrounding layout shell. */\n  readonly borderSource = input<SidebarBorderSource>('component');\n  readonly position = input<SidebarPosition>('left');\n  readonly ariaLabel = input<string>('Primary');\n  readonly header = input<boolean>(true);\n  readonly class = input<string>('');\n  /** Auto switch ke CDK overlay drawer saat viewport `< md`. */\n  readonly autoMobile = input<boolean>(true);\n  /** Auto-register `items` ke `NavigationService` agar `activeTrail` bekerja. */\n  readonly autoRegister = input<boolean>(true);\n\n  /** Resolved items: input jika disediakan, fallback ke registry NavigationService. */\n  protected readonly resolvedItems = computed(() => {\n    const explicit = this.items();\n    return explicit.length > 0 ? explicit : this.nav.getItems(this.navigationId())();\n  });\n\n  private readonly hovered = signal<boolean>(false);\n  private readonly suppressHoverUntilLeave = signal<boolean>(false);\n\n  private readonly drawerTpl = viewChild.required<TemplateRef<unknown>>('drawerTpl');\n  private drawerRef: OverlayRef | null = null;\n  private focusTrap: FocusTrap | null = null;\n  private previouslyFocused: HTMLElement | null = null;\n\n  /** True saat viewport `< md` (767.98px). */\n  protected readonly isMobileMedia = toSignal(this.bp.observe('(max-width: 767.98px)').pipe(map((s) => s.matches)), {\n    initialValue: false,\n  });\n\n  protected readonly isMobile = computed(() => this.autoMobile() && this.isMobileMedia());\n  protected readonly resolvedCollapsed = computed(() => {\n    if (this.nav.hasStoredSidebarCollapse()) {\n      return this.nav.collapsed();\n    }\n\n    return this.variant() === 'docked';\n  });\n  protected readonly resolvedVariant = computed<SidebarVariant>(() => {\n    return this.resolvedCollapsed() ? 'docked' : 'default';\n  });\n  protected readonly hoverActive = computed(() => this.hovered() && !this.suppressHoverUntilLeave());\n  protected readonly isExpanded = computed(() => !this.resolvedCollapsed() || this.hoverActive());\n  protected readonly isCompact = computed(() => !this.isMobile() && this.resolvedCollapsed() && !this.hoverActive());\n  protected readonly toggleButtonLabel = computed(() =>\n    this.resolvedCollapsed() ? 'Expand sidebar' : 'Collapse sidebar',\n  );\n\n  constructor() {\n    // Auto-register items ke service untuk active trail (hanya jika input non-kosong).\n    effect(() => {\n      const explicit = this.items();\n      if (this.autoRegister() && explicit.length > 0) this.nav.registerItems(this.navigationId(), explicit);\n    });\n\n    // Kelola overlay drawer berdasarkan mobileOpen + isMobile.\n    effect(() => {\n      const open = this.nav.mobileOpen();\n      const mobile = this.isMobile();\n      if (mobile && open) this.openDrawer();\n      else this.closeDrawer();\n    });\n\n    this.destroyRef.onDestroy(() => this.closeDrawer());\n  }\n\n  protected readonly hostClasses = computed(() => {\n    const base = ['relative flex shrink-0 text-foreground', 'transition-[width] duration-200 ease-out'];\n    if (this.resolvedCollapsed()) base.push('w-16');\n    else base.push('[width:17.5rem]');\n    if (this.borderSource() === 'component') {\n      if (this.position() === 'right') base.push('border-l', 'border-primary/30');\n      else base.push('border-r', 'border-primary/30');\n    }\n    return [...base, this.class()].join(' ');\n  });\n\n  protected readonly headerClasses = computed(() => {\n    const base = ['flex items-center gap-1 border-b border-primary/30'];\n    if (this.isCompact()) {\n      base.push('h-12', 'justify-center', 'px-2');\n    } else {\n      base.push('h-12', 'pr-2');\n    }\n    return base.join(' ');\n  });\n\n  protected readonly headerSlotClasses = computed(() => {\n    const base = ['min-w-0'];\n    if (this.isCompact()) {\n      base.push(\n        'flex flex-1 items-center justify-center overflow-hidden',\n        '[&>[sidebar-header]>*]:mx-auto',\n        '[&>[sidebar-header]>*]:w-auto',\n        '[&>[sidebar-header]>*]:max-w-full',\n        '[&>[sidebar-header]>*]:justify-center',\n        '[&>[sidebar-header]>*]:gap-0',\n        '[&>[sidebar-header]>*]:px-0',\n        '[&>[sidebar-header]>*]:shrink-0',\n        '[&>[sidebar-header]>*>*:first-child]:mx-auto',\n        '[&>[sidebar-header]>*>*:nth-child(n+2)]:hidden',\n      );\n    } else {\n      base.push('flex min-w-0 flex-1 items-center');\n    }\n    return base.join(' ');\n  });\n\n  protected readonly navClasses = computed(() => {\n    const base = ['min-h-full'];\n    if (this.isCompact()) {\n      base.push(\n        'px-2',\n        '[&_.ui-nav-text]:mx-auto',\n        '[&_.ui-nav-text]:w-10',\n        '[&_.ui-nav-text]:justify-center',\n        '[&_.ui-nav-text]:px-0',\n      );\n    }\n    return base.join(' ');\n  });\n\n  protected readonly scrollViewportClasses = computed(\n    () => 'overflow-y-auto overflow-x-hidden scrollbar-thin scrollbar-thumb-primary scrollbar-track-primary/10',\n  );\n\n  protected readonly footerClasses = computed(() => {\n    const base = ['h-12 border-t border-primary/30'];\n    if (this.isCompact()) {\n      base.push('flex items-center justify-center px-2');\n    }\n    return base.join(' ');\n  });\n\n  protected readonly footerSlotClasses = computed(() => {\n    const base = ['h-full'];\n    if (this.isCompact()) {\n      base.push(\n        'flex h-full items-center justify-center overflow-hidden',\n        '[&>[sidebar-footer]>*]:mx-auto',\n        '[&>[sidebar-footer]>*]:w-auto',\n        '[&>[sidebar-footer]>*]:max-w-full',\n        '[&>[sidebar-footer]>*]:justify-center',\n        '[&>[sidebar-footer]>*]:gap-0',\n        '[&>[sidebar-footer]>*]:px-0',\n        '[&>[sidebar-footer]>*>*:first-child]:mx-auto',\n        '[&>[sidebar-footer]>*>*:nth-child(n+2)]:hidden',\n      );\n    } else {\n      base.push('w-full');\n    }\n    return base.join(' ');\n  });\n\n  protected readonly innerClasses = computed(() => {\n    const overlayActive = this.resolvedCollapsed() && this.hoverActive();\n    const base = ['flex h-full flex-col transition-[width] duration-200 ease-out'];\n    if (this.resolvedCollapsed()) {\n      base.push('bg-background');\n    }\n    if (overlayActive) {\n      base.push(\n        'absolute inset-y-0 z-30 border-l border-r border-primary/30 shadow-xl [width:17.5rem]',\n        this.position() === 'right' ? 'right-0' : 'left-0',\n      );\n    } else {\n      base.push('w-full');\n    }\n    return base.join(' ');\n  });\n\n  protected onHoverEnter(): void {\n    if (!this.resolvedCollapsed() || this.isMobile() || this.suppressHoverUntilLeave()) return;\n    this.hovered.set(true);\n  }\n\n  protected onHoverLeave(): void {\n    this.suppressHoverUntilLeave.set(false);\n    if (this.resolvedCollapsed()) this.hovered.set(false);\n  }\n\n  protected toggleVariant(event: MouseEvent): void {\n    event.stopPropagation();\n    const nextCollapsed = !this.resolvedCollapsed();\n    this.nav.setCollapsed(nextCollapsed);\n    this.hovered.set(false);\n    this.suppressHoverUntilLeave.set(nextCollapsed);\n  }\n\n  /** Touch fallback: tap pada strip docked (ketika belum expanded) untuk expand. */\n  protected onHostClick(event: MouseEvent): void {\n    if (!this.resolvedCollapsed() || this.isMobile()) return;\n    if (this.hovered()) return;\n    const target = event.target as HTMLElement | null;\n    // Biarkan klik pada control interaktif terus propagate (tidak intercept).\n    if (target && target.closest('a,button,[role=\"menuitem\"]')) return;\n    this.hovered.set(true);\n  }\n\n  private openDrawer(): void {\n    if (this.drawerRef) return;\n    const side = this.position();\n    const pos = this.overlay.position().global().top('0');\n    if (side === 'right') pos.right('0');\n    else pos.left('0');\n\n    this.drawerRef = this.overlay.create({\n      positionStrategy: pos,\n      height: '100vh',\n      hasBackdrop: true,\n      backdropClass: 'cdk-overlay-dark-backdrop',\n      scrollStrategy: this.overlay.scrollStrategies.block(),\n      panelClass: ['sidebar-drawer'],\n    });\n\n    const portal = new TemplatePortal(this.drawerTpl(), this.vcr);\n    const viewRef = this.drawerRef.attach(portal);\n    viewRef.detectChanges();\n\n    const root = this.drawerRef.overlayElement;\n    this.focusTrap = this.focusTrapFactory.create(root);\n    this.previouslyFocused = this.doc.activeElement as HTMLElement | null;\n    queueMicrotask(() => this.focusTrap?.focusInitialElementWhenReady());\n\n    this.drawerRef\n      .backdropClick()\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => this.nav.closeMobile());\n\n    this.drawerRef\n      .keydownEvents()\n      .pipe(\n        filter((e) => e.key === 'Escape'),\n        takeUntilDestroyed(this.destroyRef),\n      )\n      .subscribe(() => this.nav.closeMobile());\n  }\n\n  private closeDrawer(): void {\n    if (!this.drawerRef) return;\n    this.focusTrap?.destroy();\n    this.focusTrap = null;\n    this.drawerRef.dispose();\n    this.drawerRef = null;\n    this.previouslyFocused?.focus?.();\n    this.previouslyFocused = null;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}