@ojiepermana/angular 21.3.3 → 22.0.1

package/types/ojiepermana-angular-navigation-item.d.ts

@@ -16,7 +16,7 @@ declare class UiNavItemComponent {
     protected readonly cn: typeof cn;
     readonly item: _angular_core.InputSignal<NavigationItem>;
     readonly level: _angular_core.InputSignal<number>;
-    /** Compact / icon-only rendering (sidebar `thin`). */
+    /** Compact / icon-only rendering (sidebar `docked`). */
     readonly compact: _angular_core.InputSignal<boolean>;
     /** True when this branch sits inside a collapsable rail and can draw a connector back to it. */
     readonly railConnector: _angular_core.InputSignal<boolean>;

package/types/ojiepermana-angular-navigation-service.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { NavigationItem, SidebarAppearance } from '@ojiepermana/angular/navigation/types';
+import { NavigationItem, SidebarVariant } from '@ojiepermana/angular/navigation/types';
 
 /** Default registry key used when no id is specified. */
 declare const DEFAULT_NAVIGATION_ID = "main";
@@ -25,10 +25,10 @@ declare class NavigationService {
      * Prefer `getItems(id)` when working with named registries.
      */
     readonly items: _angular_core.Signal<readonly NavigationItem[]>;
-    /** Sidebar appearance preference (`default` or `thin`). */
-    readonly sidebarAppearance: _angular_core.Signal<SidebarAppearance>;
+    /** Sidebar variant preference (`default` or `docked`). */
+    readonly sidebarVariant: _angular_core.Signal<SidebarVariant>;
     readonly hasStoredSidebarCollapse: _angular_core.Signal<boolean>;
-    /** Sidebar collapsed (default ↔ thin) toggle untuk desktop. */
+    /** Sidebar collapsed (default ↔ docked) toggle untuk desktop. */
     readonly collapsed: _angular_core.Signal<boolean>;
     /** Sheet drawer terbuka di mobile. */
     readonly mobileOpen: _angular_core.WritableSignal<boolean>;
@@ -55,9 +55,9 @@ declare class NavigationService {
      * Reactive terhadap perubahan registry.
      */
     getItems(id: string): () => readonly NavigationItem[];
-    setSidebarAppearance(value: SidebarAppearance): void;
-    toggleSidebarAppearance(currentAppearance?: SidebarAppearance): void;
-    /** Toggle sidebar collapsed (default ↔ thin). */
+    setSidebarVariant(value: SidebarVariant): void;
+    toggleSidebarVariant(currentVariant?: SidebarVariant): void;
+    /** Toggle sidebar collapsed (default ↔ docked). */
     toggleCollapsed(): void;
     setCollapsed(value: boolean): void;
     openMobile(): void;

package/types/ojiepermana-angular-navigation-sidebar.d.ts

@@ -1,13 +1,13 @@
 import * as _angular_core from '@angular/core';
-import { NavigationItem, SidebarAppearance, SidebarBorderSource, SidebarPosition } from '@ojiepermana/angular/navigation/types';
-export { SidebarAppearance, SidebarBorderSource, SidebarMode, SidebarPosition } from '@ojiepermana/angular/navigation/types';
+import { NavigationItem, SidebarVariant, SidebarBorderSource, SidebarPosition } from '@ojiepermana/angular/navigation/types';
+export { SidebarBorderSource, SidebarMode, SidebarPosition, SidebarVariant } from '@ojiepermana/angular/navigation/types';
 
 /**
  * Vertical navigation (sidebar) — shadcn-styled.
  *
  * 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
@@ -24,7 +24,7 @@ declare class SidebarComponent {
     readonly items: _angular_core.InputSignal<NavigationItem[]>;
     /** Registry key di `NavigationService`. Default `'main'`. */
     readonly navigationId: _angular_core.InputSignal<string>;
-    readonly appearance: _angular_core.InputSignal<SidebarAppearance>;
+    readonly variant: _angular_core.InputSignal<SidebarVariant>;
     /** Desktop border can be owned by the sidebar or by the surrounding layout shell. */
     readonly borderSource: _angular_core.InputSignal<SidebarBorderSource>;
     readonly position: _angular_core.InputSignal<SidebarPosition>;
@@ -47,7 +47,7 @@ declare class SidebarComponent {
     protected readonly isMobileMedia: _angular_core.Signal<boolean>;
     protected readonly isMobile: _angular_core.Signal<boolean>;
     protected readonly resolvedCollapsed: _angular_core.Signal<boolean>;
-    protected readonly resolvedAppearance: _angular_core.Signal<SidebarAppearance>;
+    protected readonly resolvedVariant: _angular_core.Signal<SidebarVariant>;
     protected readonly hoverActive: _angular_core.Signal<boolean>;
     protected readonly isExpanded: _angular_core.Signal<boolean>;
     protected readonly isCompact: _angular_core.Signal<boolean>;
@@ -63,13 +63,13 @@ declare class SidebarComponent {
     protected readonly innerClasses: _angular_core.Signal<string>;
     protected onHoverEnter(): void;
     protected onHoverLeave(): void;
-    protected toggleAppearance(event: MouseEvent): void;
-    /** Touch fallback: tap pada strip thin (ketika belum expanded) untuk expand. */
+    protected toggleVariant(event: MouseEvent): void;
+    /** Touch fallback: tap pada strip docked (ketika belum expanded) untuk expand. */
     protected onHostClick(event: MouseEvent): void;
     private openDrawer;
     private closeDrawer;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "sidebar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "navigationId": { "alias": "navigationId"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "borderSource": { "alias": "borderSource"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "autoMobile": { "alias": "autoMobile"; "required": false; "isSignal": true; }; "autoRegister": { "alias": "autoRegister"; "required": false; "isSignal": true; }; }, {}, never, ["[sidebar-header]", "[sidebar-footer]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "sidebar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "navigationId": { "alias": "navigationId"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "borderSource": { "alias": "borderSource"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "autoMobile": { "alias": "autoMobile"; "required": false; "isSignal": true; }; "autoRegister": { "alias": "autoRegister"; "required": false; "isSignal": true; }; }, {}, never, ["[sidebar-header]", "[sidebar-footer]"], true, never>;
 }
 
 export { SidebarComponent };

package/types/ojiepermana-angular-navigation-topbar.d.ts

@@ -1,8 +1,9 @@
 import * as _angular_core from '@angular/core';
 import { NavigationService } from '@ojiepermana/angular/navigation/service';
-import { NavigationItem, TopbarAppearance, NavigationBasicItem, NavigationCollapsableItem, NavigationGroupItem } from '@ojiepermana/angular/navigation/types';
-export { TopbarAppearance } from '@ojiepermana/angular/navigation/types';
+import { NavigationItem, TopbarVariant, NavigationBasicItem, NavigationCollapsableItem, NavigationGroupItem } from '@ojiepermana/angular/navigation/types';
+export { TopbarVariant } from '@ojiepermana/angular/navigation/types';
 
+type DropdownPanelItem = NavigationCollapsableItem | NavigationGroupItem;
 /**
  * Horizontal navigation (topbar) — shadcn-styled.
  */
@@ -15,7 +16,7 @@ declare class TopbarComponent {
     readonly items: _angular_core.InputSignal<NavigationItem[]>;
     /** Registry key di `NavigationService`. Default `'main'`. */
     readonly navigationId: _angular_core.InputSignal<string>;
-    readonly appearance: _angular_core.InputSignal<TopbarAppearance>;
+    readonly variant: _angular_core.InputSignal<TopbarVariant>;
     readonly ariaLabel: _angular_core.InputSignal<string>;
     readonly class: _angular_core.InputSignal<string>;
     /** Auto-register `items` ke `NavigationService` agar `activeTrail` bekerja. */
@@ -24,6 +25,21 @@ declare class TopbarComponent {
     readonly showHamburger: _angular_core.InputSignal<boolean>;
     readonly hamburgerLabel: _angular_core.InputSignal<string>;
     protected readonly mobileOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly isFlyout: _angular_core.Signal<boolean>;
+    protected readonly exactMatch: {
+        readonly exact: true;
+        readonly paths: "exact";
+        readonly queryParams: "exact";
+        readonly fragment: "exact";
+        readonly matrixParams: "exact";
+    };
+    protected readonly inexactMatch: {
+        readonly exact: false;
+        readonly paths: "subset";
+        readonly queryParams: "subset";
+        readonly fragment: "ignored";
+        readonly matrixParams: "ignored";
+    };
     /** Resolved items: input jika disediakan, fallback ke registry NavigationService. */
     protected readonly resolvedItems: _angular_core.Signal<readonly NavigationItem[]>;
     protected readonly openId: _angular_core.WritableSignal<string | null>;
@@ -35,7 +51,11 @@ declare class TopbarComponent {
     protected asBasic(i: NavigationItem): NavigationBasicItem;
     protected asCollapsable(i: NavigationItem): NavigationCollapsableItem;
     protected asGroup(i: NavigationItem): NavigationGroupItem;
+    protected panelClasses(item: DropdownPanelItem): string;
+    protected panelGridClasses(item: DropdownPanelItem): string;
+    protected flyoutItemClasses(active: boolean): string;
     protected isItemActive(id: string | undefined): boolean;
+    protected runMenuAction(item: NavigationBasicItem): void;
     protected toggleMobile(): void;
     protected toggleDropdown(trigger: HTMLElement, item: NavigationItem): void;
     protected openDropdown(trigger: HTMLElement, item: NavigationItem): void;
@@ -48,7 +68,7 @@ declare class TopbarComponent {
     private collectPanelFocusables;
     private focusFirstInPanel;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TopbarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TopbarComponent, "topbar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "navigationId": { "alias": "navigationId"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "autoRegister": { "alias": "autoRegister"; "required": false; "isSignal": true; }; "showHamburger": { "alias": "showHamburger"; "required": false; "isSignal": true; }; "hamburgerLabel": { "alias": "hamburgerLabel"; "required": false; "isSignal": true; }; }, {}, never, ["[topbar-start]", "[topbar-end]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TopbarComponent, "topbar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "navigationId": { "alias": "navigationId"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "autoRegister": { "alias": "autoRegister"; "required": false; "isSignal": true; }; "showHamburger": { "alias": "showHamburger"; "required": false; "isSignal": true; }; "hamburgerLabel": { "alias": "hamburgerLabel"; "required": false; "isSignal": true; }; }, {}, never, ["[topbar-start]", "[topbar-end]"], true, never>;
 }
 
 export { TopbarComponent };

package/types/ojiepermana-angular-navigation-types.d.ts

@@ -104,26 +104,32 @@ type NavigationItem = NavigationBranchItem | NavigationLeafItem;
  */
 type NavigationStructuredItem = NavigationItem;
 /**
- * Sidebar Appearance
+ * Sidebar Variant
  * - default: full width (lebar penuh) dengan label + icon
- * - thin: icon-only, expand overlay saat hover
+ * - docked: icon-only, expand overlay saat hover
  */
-type SidebarAppearance = 'default' | 'thin';
+type SidebarVariant = 'default' | 'docked';
 /**
- * Topbar Appearance
+ * Topbar Variant
  * - default: horizontal dengan dropdown untuk collapsable
- * - megamenu: full-width panel multi-kolom untuk item `mega`
+ * - flyout: wider dropdown panel untuk item dengan child deskriptif
  */
-type TopbarAppearance = 'default' | 'megamenu';
+type TopbarVariant = 'default' | 'flyout';
 /** Sidebar desktop border ownership */
 type SidebarBorderSource = 'component' | 'layout';
 /** Sidebar position */
 type SidebarPosition = 'left' | 'right';
 /** Sidebar display mode */
 type SidebarMode = 'over' | 'side';
-type VerticalNavigationAppearance = SidebarAppearance;
+type VerticalNavigationVariant = SidebarVariant;
 type VerticalNavigationBorderSource = SidebarBorderSource;
 type VerticalNavigationMode = SidebarMode;
 type VerticalNavigationPosition = SidebarPosition;
+/** @deprecated Use `SidebarVariant`. */
+type SidebarAppearance = SidebarVariant | 'thin';
+/** @deprecated Use `TopbarVariant`. */
+type TopbarAppearance = TopbarVariant | 'megamenu';
+/** @deprecated Use `VerticalNavigationVariant`. */
+type VerticalNavigationAppearance = SidebarAppearance;
 
-export type { NavigationActionHandler, NavigationAsideItem, NavigationBasicItem, NavigationBranchItem, NavigationCollapsableItem, NavigationDividerItem, NavigationGroupItem, NavigationItem, NavigationItemBadge, NavigationItemBase, NavigationItemClasses, NavigationItemType, NavigationLeafItem, NavigationMegaItem, NavigationRoutableItemBase, NavigationSpacerItem, NavigationStructuredItem, NavigationVisibilityHandler, SidebarAppearance, SidebarBorderSource, SidebarMode, SidebarPosition, TopbarAppearance, VerticalNavigationAppearance, VerticalNavigationBorderSource, VerticalNavigationMode, VerticalNavigationPosition };
+export type { NavigationActionHandler, NavigationAsideItem, NavigationBasicItem, NavigationBranchItem, NavigationCollapsableItem, NavigationDividerItem, NavigationGroupItem, NavigationItem, NavigationItemBadge, NavigationItemBase, NavigationItemClasses, NavigationItemType, NavigationLeafItem, NavigationMegaItem, NavigationRoutableItemBase, NavigationSpacerItem, NavigationStructuredItem, NavigationVisibilityHandler, SidebarAppearance, SidebarBorderSource, SidebarMode, SidebarPosition, SidebarVariant, TopbarAppearance, TopbarVariant, VerticalNavigationAppearance, VerticalNavigationBorderSource, VerticalNavigationMode, VerticalNavigationPosition, VerticalNavigationVariant };

package/fesm2022/ojiepermana-angular-layout-empty.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ojiepermana-angular-layout-empty.mjs","sources":["../../../projects/angular/layout/empty/src/lib/empty.component.ts","../../../projects/angular/layout/empty/ojiepermana-angular-layout-empty.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\n\n/**\n * Empty layout — full-viewport, flex-centered main.\n *\n * Cocok untuk halaman login / error / onboarding (pola shadcn `login-05`).\n * Konten dirender lewat `<router-outlet>`; consumer men-style card / form\n * milik halaman route sendiri.\n *\n * Markup:\n * ```html\n * <empty>\n *   <!-- router-outlet dirender oleh komponen -->\n * </empty>\n * ```\n */\n@Component({\n  selector: 'empty',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [RouterOutlet],\n  host: {\n    class: 'flex min-h-dvh w-full items-center justify-center bg-background p-6 text-foreground',\n  },\n  template: `\n    <main class=\"w-full max-w-sm\">\n      <router-outlet />\n    </main>\n  `,\n})\nexport class EmptyLayoutComponent {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAGA;;;;;;;;;;;;;AAaG;MAcU,oBAAoB,CAAA;wGAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,OAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,qFAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EANrB;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EARS,YAAY,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAUX,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAbhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,OAAO;oBACjB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,qFAAqF;AAC7F,qBAAA;AACD,oBAAA,QAAQ,EAAE;;;;AAIT,EAAA,CAAA;AACF,iBAAA;;;AC7BD;;AAEG;;;;"}

package/fesm2022/ojiepermana-angular-layout-horizontal.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ojiepermana-angular-layout-horizontal.mjs","sources":["../../../projects/angular/layout/horizontal/src/lib/horizontal.component.ts","../../../projects/angular/layout/horizontal/ojiepermana-angular-layout-horizontal.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport { LayoutService } from '@ojiepermana/angular/layout/services';\nimport { TopbarComponent } from '@ojiepermana/angular/navigation/topbar';\nimport type { TopbarAppearance } from '@ojiepermana/angular/navigation/types';\nimport { ThemeService } from '@ojiepermana/angular/theme';\n\n/**\n * Horizontal layout — themed topbar + main (scrollable).\n *\n * Data navigasi diambil dari `NavigationService`.\n * Consumer app dapat memproyeksikan brand kiri dan profile kanan.\n *\n * Markup:\n * ```html\n * <horizontal>\n *   <a ui-layout-brand>Brand</a>\n *   <button ui-layout-profile type=\"button\">Profile</button>\n * </horizontal>\n * ```\n */\n@Component({\n  selector: 'horizontal',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [RouterOutlet, TopbarComponent],\n  host: {\n    '[class]': 'hostClasses()',\n    '[attr.data-layout-width]': 'layoutWidth()',\n    '[attr.data-style]': 'themeStyle()',\n  },\n  template: `\n    <div [class]=\"frameClasses()\" [style.border-width]=\"shellBorderWidth()\">\n      <topbar\n        class=\"w-full shrink-0 border-b border-border\"\n        [style.border-bottom-width]=\"dividerBorderWidth()\"\n        [appearance]=\"topbarAppearance()\"\n        [ariaLabel]=\"ariaLabel()\">\n        <div topbar-start class=\"flex min-w-0 items-center\">\n          <ng-content select=\"[ui-layout-brand],[topbar-start]\" />\n        </div>\n        <div topbar-end class=\"flex min-w-0 items-center\">\n          <ng-content select=\"[ui-layout-profile],[topbar-end]\" />\n        </div>\n      </topbar>\n      <main [class]=\"mainClasses()\">\n        <router-outlet />\n      </main>\n    </div>\n  `,\n})\nexport class HorizontalLayoutComponent {\n  private readonly layout = inject(LayoutService);\n  private readonly theme = inject(ThemeService);\n\n  readonly topbarAppearance = input<TopbarAppearance>('default');\n  readonly ariaLabel = input<string>('Primary');\n\n  protected readonly layoutWidth = this.layout.width;\n  protected readonly themeStyle = this.theme.style;\n  protected readonly isConstrainedWidth = computed(() => this.layoutWidth() !== 'full');\n  protected readonly isWideWidth = computed(() => this.layoutWidth() === 'wide');\n  protected readonly shellBorderWidth = computed(() => (this.isConstrainedWidth() ? 'var(--border-width)' : null));\n  protected readonly dividerBorderWidth = computed(() => 'var(--border-width)');\n\n  protected readonly hostClasses = computed(() => {\n    const classes = ['block', 'h-dvh', 'w-full', 'overflow-hidden', 'text-foreground'];\n    if (this.isConstrainedWidth()) {\n      classes.push('bg-primary/10', 'box-border', 'lg:p-8');\n    } else {\n      classes.push('bg-background');\n    }\n    return classes.join(' ');\n  });\n\n  protected readonly frameClasses = computed(() => {\n    const classes = ['flex', 'h-full', 'w-full', 'flex-col', 'overflow-hidden', 'bg-background'];\n    if (this.isConstrainedWidth()) {\n      classes.push('lg:border', 'lg:border-primary/30', 'lg:rounded-lg', 'lg:shadow-sm');\n    }\n    return classes.join(' ');\n  });\n\n  protected readonly mainClasses = computed(() => {\n    const classes = ['min-w-0', 'flex-1', 'overflow-auto'];\n    if (this.layoutWidth() === 'container') {\n      classes.push('mx-auto', 'w-full', 'max-w-7xl');\n    } else if (this.isWideWidth()) {\n      classes.push('mx-auto', 'w-full', 'max-w-screen-2xl');\n    }\n    return classes.join(' ');\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ojiepermana-angular-layout-vertical.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ojiepermana-angular-layout-vertical.mjs","sources":["../../../projects/angular/layout/vertical/src/lib/vertical.component.ts","../../../projects/angular/layout/vertical/ojiepermana-angular-layout-vertical.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport { LayoutService } from '@ojiepermana/angular/layout/services';\nimport { SidebarComponent } from '@ojiepermana/angular/navigation/sidebar';\nimport type { SidebarAppearance, SidebarMode, SidebarPosition } from '@ojiepermana/angular/navigation/types';\nimport { ThemeService } from '@ojiepermana/angular/theme';\n\n/**\n * Vertical layout — sidebar + main (scrollable).\n *\n * Data navigasi diambil dari `NavigationService` (register via\n * `NavigationService.registerItems()` di bootstrap). Main memegang\n * `<router-outlet>` dan scroll jika konten panjang.\n *\n * Markup:\n * ```html\n * <vertical>\n *   <a ui-layout-brand>Brand</a>\n *   <button ui-layout-profile type=\"button\">Profile</button>\n * </vertical>\n * ```\n */\n@Component({\n  selector: 'vertical',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [RouterOutlet, SidebarComponent],\n  host: {\n    '[class]': 'hostClasses()',\n    '[attr.data-layout-width]': 'layoutWidth()',\n    '[attr.data-style]': 'themeStyle()',\n  },\n  template: `\n    <div [class]=\"frameClasses()\" [style.border-width]=\"shellBorderWidth()\">\n      <sidebar [appearance]=\"sidebarAppearance()\" [position]=\"sidebarPosition()\" [ariaLabel]=\"ariaLabel()\">\n        <div sidebar-header class=\"contents\">\n          <ng-content select=\"[ui-layout-brand],[sidebar-header]\" />\n        </div>\n        <div sidebar-footer class=\"contents\">\n          <ng-content select=\"[ui-layout-profile],[sidebar-footer]\" />\n        </div>\n      </sidebar>\n      <main [class]=\"mainClasses()\">\n        <router-outlet />\n      </main>\n    </div>\n  `,\n})\nexport class VerticalLayoutComponent {\n  private readonly layout = inject(LayoutService);\n  private readonly theme = inject(ThemeService);\n\n  readonly sidebarAppearance = input<SidebarAppearance>('default');\n  readonly sidebarPosition = input<SidebarPosition>('left');\n  readonly sidebarMode = input<SidebarMode>('side');\n  readonly ariaLabel = input<string>('Primary');\n\n  protected readonly layoutWidth = this.layout.width;\n  protected readonly themeStyle = this.theme.style;\n  protected readonly isConstrainedWidth = computed(() => this.layoutWidth() !== 'full');\n  protected readonly isWideWidth = computed(() => this.layoutWidth() === 'wide');\n  protected readonly shellBorderWidth = computed(() => (this.isConstrainedWidth() ? 'var(--border-width)' : null));\n\n  protected readonly hostClasses = computed(() => {\n    const classes = ['block', 'h-dvh', 'w-full', 'overflow-hidden', 'text-foreground'];\n    if (this.isConstrainedWidth()) {\n      classes.push('bg-primary/10', 'box-border', 'lg:p-8');\n    } else {\n      classes.push('bg-background');\n    }\n    return classes.join(' ');\n  });\n\n  protected readonly frameClasses = computed(() => {\n    const classes = ['flex', 'h-full', 'w-full', 'overflow-hidden', 'bg-background'];\n    if (this.isConstrainedWidth()) {\n      classes.push(\n        'lg:mx-auto',\n        this.isWideWidth() ? 'lg:max-w-[calc(17.5rem+96rem)]' : 'lg:max-w-[calc(17.5rem+80rem)]',\n        'lg:border',\n        'lg:border-primary/30',\n        'lg:rounded-lg',\n        'lg:shadow-sm',\n      );\n    }\n    return classes.join(' ');\n  });\n\n  protected readonly mainClasses = computed(() => {\n    const classes = ['min-w-0', 'flex-1', 'overflow-auto'];\n    if (this.layoutWidth() === 'container') {\n      classes.push('w-full', 'max-w-7xl');\n    } else if (this.isWideWidth()) {\n      classes.push('w-full', 'max-w-screen-2xl');\n    }\n    return classes.join(' ');\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/layout/empty/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../../fesm2022/ojiepermana-angular-layout-empty.mjs",
-  "typings": "../../types/ojiepermana-angular-layout-empty.d.ts"
-}

package/layout/horizontal/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../../fesm2022/ojiepermana-angular-layout-horizontal.mjs",
-  "typings": "../../types/ojiepermana-angular-layout-horizontal.d.ts"
-}

package/layout/vertical/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "../../fesm2022/ojiepermana-angular-layout-vertical.mjs",
-  "typings": "../../types/ojiepermana-angular-layout-vertical.d.ts"
-}