@ojiepermana/angular 0.0.2

package/fesm2022/ojiepermana-angular-layout.mjs

@@ -0,0 +1,471 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, PLATFORM_ID, signal, effect, Injectable, Directive, ChangeDetectionStrategy, Component, computed, isDevMode, makeEnvironmentProviders } from '@angular/core';
+import { DOCUMENT, isPlatformBrowser } from '@angular/common';
+import { LocalStorageStateAdapter, libraryLucideConfigProvider } from '@ojiepermana/angular/internal';
+import { RouterOutlet } from '@angular/router';
+import { MatIconButton } from '@angular/material/button';
+import { MatTooltip } from '@angular/material/tooltip';
+import { LucideExpand, LucideShrink, LucidePanelLeft, LucidePanelTop, LucideAppWindow } from '@lucide/angular';
+import { MatMenu, MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
+
+const DEFAULT_NG_LAYOUT_CONFIG = {
+    defaultMode: 'vertical',
+    defaultContainer: 'full',
+};
+const NG_LAYOUT_CONFIG = new InjectionToken('NG_LAYOUT_CONFIG', {
+    providedIn: 'root',
+    factory: () => ({ ...DEFAULT_NG_LAYOUT_CONFIG }),
+});
+
+const LAYOUT_MODES = ['vertical', 'horizontal', 'empty'];
+const LAYOUT_CONTAINERS = ['full', 'boxed'];
+const LAYOUT_MODE_SET = new Set(LAYOUT_MODES);
+const LAYOUT_CONTAINER_SET = new Set(LAYOUT_CONTAINERS);
+function isLayoutMode(value) {
+    return typeof value === 'string' && LAYOUT_MODE_SET.has(value);
+}
+function isLayoutContainer(value) {
+    return typeof value === 'string' && LAYOUT_CONTAINER_SET.has(value);
+}
+
+const STORAGE_KEYS = {
+    'layout-mode': 'layout-mode',
+    'layout-container': 'layout-container',
+};
+const LEGACY_STORAGE_PREFIX = 'ng-theme:v2';
+class LayoutService {
+    config = inject(NG_LAYOUT_CONFIG);
+    document = inject(DOCUMENT);
+    isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+    storage = new LocalStorageStateAdapter({
+        isBrowser: this.isBrowser,
+        storage: this.document.defaultView?.localStorage ?? null,
+        keys: STORAGE_KEYS,
+        legacyPrefix: LEGACY_STORAGE_PREFIX,
+    });
+    mode = signal(this.storage.read('layout-mode', this.config.defaultMode, isLayoutMode), ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    container = signal(this.storage.read('layout-container', this.config.defaultContainer, isLayoutContainer), ...(ngDevMode ? [{ debugName: "container" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            if (this.isBrowser) {
+                this.applyToDOM();
+            }
+        });
+    }
+    /**
+     * Updates the active shell mode and persists the value for future sessions.
+     */
+    setMode(value) {
+        this.storage.persist('layout-mode', value);
+        this.mode.set(value);
+    }
+    /**
+     * Updates the active container width mode and persists the value for future sessions.
+     */
+    setContainer(value) {
+        this.storage.persist('layout-container', value);
+        this.container.set(value);
+    }
+    /**
+     * Clears persisted layout state and restores the configured defaults for mode and container.
+     */
+    reset() {
+        this.storage.clear('layout-mode');
+        this.storage.clear('layout-container');
+        this.mode.set(this.config.defaultMode);
+        this.container.set(this.config.defaultContainer);
+    }
+    applyToDOM() {
+        const element = this.document.documentElement;
+        element.dataset['layoutMode'] = this.mode();
+        element.dataset['layoutContainer'] = this.container();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LayoutService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LayoutService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LayoutService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+class LayoutHostDirective {
+    layout = inject(LayoutService);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LayoutHostDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: LayoutHostDirective, isStandalone: true, selector: "[ngtLayoutHost]", host: { properties: { "attr.data-layout-mode": "layout.mode()", "attr.data-layout-container": "layout.container()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LayoutHostDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngtLayoutHost]',
+                    host: {
+                        '[attr.data-layout-mode]': 'layout.mode()',
+                        '[attr.data-layout-container]': 'layout.container()',
+                    },
+                }]
+        }] });
+
+class LayoutElementDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LayoutElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: LayoutElementDirective, isStandalone: true, selector: "layout", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LayoutElementDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'layout',
+                }]
+        }] });
+class ContentElementDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ContentElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: ContentElementDirective, isStandalone: true, selector: "content,shell-content", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ContentElementDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'content,shell-content',
+                }]
+        }] });
+class BrandElementDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: BrandElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: BrandElementDirective, isStandalone: true, selector: "brand", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: BrandElementDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'brand',
+                }]
+        }] });
+class PanelElementDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PanelElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: PanelElementDirective, isStandalone: true, selector: "panel", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PanelElementDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'panel',
+                }]
+        }] });
+
+class LayoutHorizontalComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LayoutHorizontalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: LayoutHorizontalComponent, isStandalone: true, selector: "horizontal", host: { properties: { "attr.data-layout-mode": "\"horizontal\"" } }, ngImport: i0, template: `
+    <layout>
+      <shell-content>
+        <header>
+          <brand>
+            <ng-content select="[headerBrand]"></ng-content>
+          </brand>
+
+          <nav>
+            <ng-content select="[headerNavigation]"></ng-content>
+          </nav>
+
+          <panel>
+            <ng-content select="[headerActions]"></ng-content>
+          </panel>
+        </header>
+
+        <main>
+          <router-outlet />
+        </main>
+      </shell-content>
+    </layout>
+  `, isInline: true, dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: LayoutElementDirective, selector: "layout" }, { kind: "directive", type: ContentElementDirective, selector: "content,shell-content" }, { kind: "directive", type: BrandElementDirective, selector: "brand" }, { kind: "directive", type: PanelElementDirective, selector: "panel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LayoutHorizontalComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'horizontal',
+                    imports: [
+                        RouterOutlet,
+                        LayoutElementDirective,
+                        ContentElementDirective,
+                        BrandElementDirective,
+                        PanelElementDirective,
+                    ],
+                    host: {
+                        '[attr.data-layout-mode]': '"horizontal"',
+                    },
+                    template: `
+    <layout>
+      <shell-content>
+        <header>
+          <brand>
+            <ng-content select="[headerBrand]"></ng-content>
+          </brand>
+
+          <nav>
+            <ng-content select="[headerNavigation]"></ng-content>
+          </nav>
+
+          <panel>
+            <ng-content select="[headerActions]"></ng-content>
+          </panel>
+        </header>
+
+        <main>
+          <router-outlet />
+        </main>
+      </shell-content>
+    </layout>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+class LayoutVerticalComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LayoutVerticalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: LayoutVerticalComponent, isStandalone: true, selector: "vertical", host: { properties: { "attr.data-layout-mode": "\"vertical\"" } }, ngImport: i0, template: `
+    <layout>
+      <shell-content>
+        <aside>
+          <ng-content select="[navigation]"></ng-content>
+        </aside>
+        <main>
+          <router-outlet />
+        </main>
+      </shell-content>
+    </layout>
+  `, isInline: true, dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: LayoutElementDirective, selector: "layout" }, { kind: "directive", type: ContentElementDirective, selector: "content,shell-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LayoutVerticalComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vertical',
+                    imports: [RouterOutlet, LayoutElementDirective, ContentElementDirective],
+                    host: {
+                        '[attr.data-layout-mode]': '"vertical"',
+                    },
+                    template: `
+    <layout>
+      <shell-content>
+        <aside>
+          <ng-content select="[navigation]"></ng-content>
+        </aside>
+        <main>
+          <router-outlet />
+        </main>
+      </shell-content>
+    </layout>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+class LayoutContainerSwitcherComponent {
+    layout = inject(LayoutService);
+    label = computed(() => this.layout.container() === 'boxed'
+        ? 'Boxed layout container enabled'
+        : 'Boxed layout container disabled', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    toggle() {
+        this.layout.setContainer(this.layout.container() === 'full' ? 'boxed' : 'full');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LayoutContainerSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: LayoutContainerSwitcherComponent, isStandalone: true, selector: "layout-container-switcher", providers: [libraryLucideConfigProvider], ngImport: i0, template: `
+    <button
+      class="ngt-icon-button"
+      type="button"
+      mat-icon-button
+      aria-label="Boxed layout container"
+      [attr.aria-pressed]="layout.container() === 'boxed'"
+      [matTooltip]="label()"
+      (click)="toggle()"
+    >
+      @if (layout.container() === 'full') {
+        <svg lucideExpand aria-hidden="true"></svg>
+      } @else {
+        <svg lucideShrink aria-hidden="true"></svg>
+      }
+    </button>
+  `, isInline: true, dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: LucideExpand, selector: "svg[lucideExpand]" }, { kind: "component", type: LucideShrink, selector: "svg[lucideShrink]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LayoutContainerSwitcherComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'layout-container-switcher',
+                    imports: [MatIconButton, MatTooltip, LucideExpand, LucideShrink],
+                    providers: [libraryLucideConfigProvider],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <button
+      class="ngt-icon-button"
+      type="button"
+      mat-icon-button
+      aria-label="Boxed layout container"
+      [attr.aria-pressed]="layout.container() === 'boxed'"
+      [matTooltip]="label()"
+      (click)="toggle()"
+    >
+      @if (layout.container() === 'full') {
+        <svg lucideExpand aria-hidden="true"></svg>
+      } @else {
+        <svg lucideShrink aria-hidden="true"></svg>
+      }
+    </button>
+  `,
+                }]
+        }] });
+
+class LayoutModeSwitcherComponent {
+    layout = inject(LayoutService);
+    // Empty mode remains programmatic so the UI only exposes the two navigational shell variants.
+    options = [
+        { value: 'vertical', label: 'Vertical Sidebar' },
+        { value: 'horizontal', label: 'Horizontal Navbar' },
+    ];
+    currentOption = computed(() => this.options.find((option) => option.value === this.layout.mode()) ?? {
+        value: 'empty',
+        label: 'Content Only',
+    }, ...(ngDevMode ? [{ debugName: "currentOption" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LayoutModeSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: LayoutModeSwitcherComponent, isStandalone: true, selector: "layout-mode-switcher", providers: [libraryLucideConfigProvider], ngImport: i0, template: `
+    <button
+      class="ngt-icon-button"
+      type="button"
+      mat-icon-button
+      [attr.aria-label]="'Layout mode: ' + currentOption().label"
+      [matTooltip]="'Layout mode: ' + currentOption().label"
+      [matMenuTriggerFor]="menu"
+    >
+      @switch (layout.mode()) {
+        @case ('vertical') {
+          <svg lucidePanelLeft aria-hidden="true"></svg>
+        }
+        @case ('horizontal') {
+          <svg lucidePanelTop aria-hidden="true"></svg>
+        }
+        @default {
+          <svg lucideAppWindow aria-hidden="true"></svg>
+        }
+      }
+    </button>
+
+    <mat-menu #menu="matMenu">
+      @for (option of options; track option.value) {
+        <button
+          type="button"
+          mat-menu-item
+          role="menuitemradio"
+          [attr.aria-checked]="layout.mode() === option.value"
+          (click)="layout.setMode(option.value)"
+        >
+          @switch (option.value) {
+            @case ('vertical') {
+              <svg lucidePanelLeft aria-hidden="true"></svg>
+            }
+            @case ('horizontal') {
+              <svg lucidePanelTop aria-hidden="true"></svg>
+            }
+            @default {
+              <svg lucideAppWindow aria-hidden="true"></svg>
+            }
+          }
+          <span>{{ option.label }}</span>
+        </button>
+      }
+    </mat-menu>
+  `, isInline: true, dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: LucidePanelLeft, selector: "svg[lucidePanelLeft], svg[lucideSidebar]" }, { kind: "component", type: LucidePanelTop, selector: "svg[lucidePanelTop]" }, { kind: "component", type: LucideAppWindow, selector: "svg[lucideAppWindow]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LayoutModeSwitcherComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'layout-mode-switcher',
+                    imports: [
+                        MatIconButton,
+                        MatTooltip,
+                        MatMenu,
+                        MatMenuItem,
+                        MatMenuTrigger,
+                        LucidePanelLeft,
+                        LucidePanelTop,
+                        LucideAppWindow,
+                    ],
+                    providers: [libraryLucideConfigProvider],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <button
+      class="ngt-icon-button"
+      type="button"
+      mat-icon-button
+      [attr.aria-label]="'Layout mode: ' + currentOption().label"
+      [matTooltip]="'Layout mode: ' + currentOption().label"
+      [matMenuTriggerFor]="menu"
+    >
+      @switch (layout.mode()) {
+        @case ('vertical') {
+          <svg lucidePanelLeft aria-hidden="true"></svg>
+        }
+        @case ('horizontal') {
+          <svg lucidePanelTop aria-hidden="true"></svg>
+        }
+        @default {
+          <svg lucideAppWindow aria-hidden="true"></svg>
+        }
+      }
+    </button>
+
+    <mat-menu #menu="matMenu">
+      @for (option of options; track option.value) {
+        <button
+          type="button"
+          mat-menu-item
+          role="menuitemradio"
+          [attr.aria-checked]="layout.mode() === option.value"
+          (click)="layout.setMode(option.value)"
+        >
+          @switch (option.value) {
+            @case ('vertical') {
+              <svg lucidePanelLeft aria-hidden="true"></svg>
+            }
+            @case ('horizontal') {
+              <svg lucidePanelTop aria-hidden="true"></svg>
+            }
+            @default {
+              <svg lucideAppWindow aria-hidden="true"></svg>
+            }
+          }
+          <span>{{ option.label }}</span>
+        </button>
+      }
+    </mat-menu>
+  `,
+                }]
+        }] });
+
+function warnInvalidLayoutConfig(message) {
+    if (isDevMode()) {
+        console.warn(`[provideNgLayout] ${message}`);
+    }
+}
+function normalizeLayoutMode(value) {
+    if (typeof value === 'undefined' || isLayoutMode(value)) {
+        return value ?? DEFAULT_NG_LAYOUT_CONFIG.defaultMode;
+    }
+    warnInvalidLayoutConfig(`Ignoring invalid defaultMode ${JSON.stringify(value)}. Falling back to ${JSON.stringify(DEFAULT_NG_LAYOUT_CONFIG.defaultMode)}.`);
+    return DEFAULT_NG_LAYOUT_CONFIG.defaultMode;
+}
+function normalizeLayoutContainer(value) {
+    if (typeof value === 'undefined' || isLayoutContainer(value)) {
+        return value ?? DEFAULT_NG_LAYOUT_CONFIG.defaultContainer;
+    }
+    warnInvalidLayoutConfig(`Ignoring invalid defaultContainer ${JSON.stringify(value)}. Falling back to ${JSON.stringify(DEFAULT_NG_LAYOUT_CONFIG.defaultContainer)}.`);
+    return DEFAULT_NG_LAYOUT_CONFIG.defaultContainer;
+}
+function normalizeLayoutConfig(config) {
+    return {
+        ...DEFAULT_NG_LAYOUT_CONFIG,
+        defaultMode: normalizeLayoutMode(config.defaultMode),
+        defaultContainer: normalizeLayoutContainer(config.defaultContainer),
+    };
+}
+function provideNgLayout(config = {}) {
+    return makeEnvironmentProviders([
+        { provide: NG_LAYOUT_CONFIG, useValue: normalizeLayoutConfig(config) },
+    ]);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LayoutContainerSwitcherComponent, LayoutHorizontalComponent, LayoutHostDirective, LayoutModeSwitcherComponent, LayoutService, LayoutVerticalComponent, NG_LAYOUT_CONFIG, provideNgLayout };
+//# sourceMappingURL=ojiepermana-angular-layout.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-layout.mjs","sources":["../../../projects/library/layout/src/layout.token.ts","../../../projects/library/layout/src/layout.types.ts","../../../projects/library/layout/src/layout.service.ts","../../../projects/library/layout/src/layout-host.directive.ts","../../../projects/library/layout/src/elements.directive.ts","../../../projects/library/layout/src/horizontal.ts","../../../projects/library/layout/src/vertical.ts","../../../projects/library/layout/src/layout-container-switcher.ts","../../../projects/library/layout/src/layout-mode-switcher.ts","../../../projects/library/layout/src/layout.provider.ts","../../../projects/library/layout/ojiepermana-angular-layout.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { NgLayoutConfig } from './layout.types';\n\nexport const DEFAULT_NG_LAYOUT_CONFIG: NgLayoutConfig = {\n  defaultMode: 'vertical',\n  defaultContainer: 'full',\n};\n\nexport const NG_LAYOUT_CONFIG = new InjectionToken<NgLayoutConfig>('NG_LAYOUT_CONFIG', {\n  providedIn: 'root',\n  factory: () => ({ ...DEFAULT_NG_LAYOUT_CONFIG }),\n});\n","export const LAYOUT_MODES = ['vertical', 'horizontal', 'empty'] as const;\nexport type LayoutMode = (typeof LAYOUT_MODES)[number];\n\nexport const LAYOUT_CONTAINERS = ['full', 'boxed'] as const;\nexport type LayoutContainer = (typeof LAYOUT_CONTAINERS)[number];\n\nconst LAYOUT_MODE_SET = new Set<LayoutMode>(LAYOUT_MODES);\nconst LAYOUT_CONTAINER_SET = new Set<LayoutContainer>(LAYOUT_CONTAINERS);\n\nexport function isLayoutMode(value: unknown): value is LayoutMode {\n  return typeof value === 'string' && LAYOUT_MODE_SET.has(value as LayoutMode);\n}\n\nexport function isLayoutContainer(value: unknown): value is LayoutContainer {\n  return typeof value === 'string' && LAYOUT_CONTAINER_SET.has(value as LayoutContainer);\n}\n\nexport interface NgLayoutConfig {\n  defaultMode: LayoutMode;\n  defaultContainer: LayoutContainer;\n}\n","import { Injectable, PLATFORM_ID, effect, inject, signal } from '@angular/core';\nimport { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { LocalStorageStateAdapter } from '@ojiepermana/angular/internal';\nimport { NG_LAYOUT_CONFIG } from './layout.token';\nimport { isLayoutContainer, isLayoutMode, LayoutContainer, LayoutMode } from './layout.types';\n\nconst STORAGE_KEYS = {\n  'layout-mode': 'layout-mode',\n  'layout-container': 'layout-container',\n} as const;\n\ntype LayoutStorageAxis = keyof typeof STORAGE_KEYS;\n\nconst LEGACY_STORAGE_PREFIX = 'ng-theme:v2';\n\n@Injectable({ providedIn: 'root' })\nexport class LayoutService {\n  private readonly config = inject(NG_LAYOUT_CONFIG);\n  private readonly document = inject(DOCUMENT);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n  private readonly storage = new LocalStorageStateAdapter<LayoutStorageAxis>({\n    isBrowser: this.isBrowser,\n    storage: this.document.defaultView?.localStorage ?? null,\n    keys: STORAGE_KEYS,\n    legacyPrefix: LEGACY_STORAGE_PREFIX,\n  });\n\n  readonly mode = signal<LayoutMode>(\n    this.storage.read('layout-mode', this.config.defaultMode, isLayoutMode),\n  );\n  readonly container = signal<LayoutContainer>(\n    this.storage.read('layout-container', this.config.defaultContainer, isLayoutContainer),\n  );\n\n  constructor() {\n    effect(() => {\n      if (this.isBrowser) {\n        this.applyToDOM();\n      }\n    });\n  }\n\n  /**\n   * Updates the active shell mode and persists the value for future sessions.\n   */\n  setMode(value: LayoutMode): void {\n    this.storage.persist('layout-mode', value);\n    this.mode.set(value);\n  }\n\n  /**\n   * Updates the active container width mode and persists the value for future sessions.\n   */\n  setContainer(value: LayoutContainer): void {\n    this.storage.persist('layout-container', value);\n    this.container.set(value);\n  }\n\n  /**\n   * Clears persisted layout state and restores the configured defaults for mode and container.\n   */\n  reset(): void {\n    this.storage.clear('layout-mode');\n    this.storage.clear('layout-container');\n    this.mode.set(this.config.defaultMode);\n    this.container.set(this.config.defaultContainer);\n  }\n\n  private applyToDOM(): void {\n    const element = this.document.documentElement;\n\n    element.dataset['layoutMode'] = this.mode();\n    element.dataset['layoutContainer'] = this.container();\n  }\n}\n","import { Directive, inject } from '@angular/core';\nimport { LayoutService } from './layout.service';\n\n@Directive({\n  selector: '[ngtLayoutHost]',\n  host: {\n    '[attr.data-layout-mode]': 'layout.mode()',\n    '[attr.data-layout-container]': 'layout.container()',\n  },\n})\nexport class LayoutHostDirective {\n  protected readonly layout = inject(LayoutService);\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: 'layout',\n})\nexport class LayoutElementDirective {}\n\n@Directive({\n  selector: 'content,shell-content',\n})\nexport class ContentElementDirective {}\n\n@Directive({\n  selector: 'brand',\n})\nexport class BrandElementDirective {}\n\n@Directive({\n  selector: 'panel',\n})\nexport class PanelElementDirective {}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport {\n  BrandElementDirective,\n  ContentElementDirective,\n  LayoutElementDirective,\n  PanelElementDirective,\n} from './elements.directive';\n\n@Component({\n  selector: 'horizontal',\n  imports: [\n    RouterOutlet,\n    LayoutElementDirective,\n    ContentElementDirective,\n    BrandElementDirective,\n    PanelElementDirective,\n  ],\n  host: {\n    '[attr.data-layout-mode]': '\"horizontal\"',\n  },\n  template: `\n    <layout>\n      <shell-content>\n        <header>\n          <brand>\n            <ng-content select=\"[headerBrand]\"></ng-content>\n          </brand>\n\n          <nav>\n            <ng-content select=\"[headerNavigation]\"></ng-content>\n          </nav>\n\n          <panel>\n            <ng-content select=\"[headerActions]\"></ng-content>\n          </panel>\n        </header>\n\n        <main>\n          <router-outlet />\n        </main>\n      </shell-content>\n    </layout>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LayoutHorizontalComponent {}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport { ContentElementDirective, LayoutElementDirective } from './elements.directive';\n\n@Component({\n  selector: 'vertical',\n  imports: [RouterOutlet, LayoutElementDirective, ContentElementDirective],\n  host: {\n    '[attr.data-layout-mode]': '\"vertical\"',\n  },\n  template: `\n    <layout>\n      <shell-content>\n        <aside>\n          <ng-content select=\"[navigation]\"></ng-content>\n        </aside>\n        <main>\n          <router-outlet />\n        </main>\n      </shell-content>\n    </layout>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LayoutVerticalComponent {}\n","import { ChangeDetectionStrategy, Component, computed, inject } from '@angular/core';\nimport { MatIconButton } from '@angular/material/button';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { libraryLucideConfigProvider } from '@ojiepermana/angular/internal';\nimport { LucideExpand, LucideShrink } from '@lucide/angular';\nimport { LayoutService } from './layout.service';\n\n@Component({\n  selector: 'layout-container-switcher',\n  imports: [MatIconButton, MatTooltip, LucideExpand, LucideShrink],\n  providers: [libraryLucideConfigProvider],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <button\n      class=\"ngt-icon-button\"\n      type=\"button\"\n      mat-icon-button\n      aria-label=\"Boxed layout container\"\n      [attr.aria-pressed]=\"layout.container() === 'boxed'\"\n      [matTooltip]=\"label()\"\n      (click)=\"toggle()\"\n    >\n      @if (layout.container() === 'full') {\n        <svg lucideExpand aria-hidden=\"true\"></svg>\n      } @else {\n        <svg lucideShrink aria-hidden=\"true\"></svg>\n      }\n    </button>\n  `,\n})\nexport class LayoutContainerSwitcherComponent {\n  protected readonly layout = inject(LayoutService);\n\n  protected readonly label = computed(() =>\n    this.layout.container() === 'boxed'\n      ? 'Boxed layout container enabled'\n      : 'Boxed layout container disabled',\n  );\n\n  protected toggle(): void {\n    this.layout.setContainer(this.layout.container() === 'full' ? 'boxed' : 'full');\n  }\n}\n","import { ChangeDetectionStrategy, Component, computed, inject } from '@angular/core';\nimport { MatIconButton } from '@angular/material/button';\nimport { MatMenu, MatMenuItem, MatMenuTrigger } from '@angular/material/menu';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { libraryLucideConfigProvider } from '@ojiepermana/angular/internal';\nimport { LucideAppWindow, LucidePanelLeft, LucidePanelTop } from '@lucide/angular';\nimport { LayoutService } from './layout.service';\n\n@Component({\n  selector: 'layout-mode-switcher',\n  imports: [\n    MatIconButton,\n    MatTooltip,\n    MatMenu,\n    MatMenuItem,\n    MatMenuTrigger,\n    LucidePanelLeft,\n    LucidePanelTop,\n    LucideAppWindow,\n  ],\n  providers: [libraryLucideConfigProvider],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <button\n      class=\"ngt-icon-button\"\n      type=\"button\"\n      mat-icon-button\n      [attr.aria-label]=\"'Layout mode: ' + currentOption().label\"\n      [matTooltip]=\"'Layout mode: ' + currentOption().label\"\n      [matMenuTriggerFor]=\"menu\"\n    >\n      @switch (layout.mode()) {\n        @case ('vertical') {\n          <svg lucidePanelLeft aria-hidden=\"true\"></svg>\n        }\n        @case ('horizontal') {\n          <svg lucidePanelTop aria-hidden=\"true\"></svg>\n        }\n        @default {\n          <svg lucideAppWindow aria-hidden=\"true\"></svg>\n        }\n      }\n    </button>\n\n    <mat-menu #menu=\"matMenu\">\n      @for (option of options; track option.value) {\n        <button\n          type=\"button\"\n          mat-menu-item\n          role=\"menuitemradio\"\n          [attr.aria-checked]=\"layout.mode() === option.value\"\n          (click)=\"layout.setMode(option.value)\"\n        >\n          @switch (option.value) {\n            @case ('vertical') {\n              <svg lucidePanelLeft aria-hidden=\"true\"></svg>\n            }\n            @case ('horizontal') {\n              <svg lucidePanelTop aria-hidden=\"true\"></svg>\n            }\n            @default {\n              <svg lucideAppWindow aria-hidden=\"true\"></svg>\n            }\n          }\n          <span>{{ option.label }}</span>\n        </button>\n      }\n    </mat-menu>\n  `,\n})\nexport class LayoutModeSwitcherComponent {\n  protected readonly layout = inject(LayoutService);\n\n  // Empty mode remains programmatic so the UI only exposes the two navigational shell variants.\n  protected readonly options = [\n    { value: 'vertical' as const, label: 'Vertical Sidebar' },\n    { value: 'horizontal' as const, label: 'Horizontal Navbar' },\n  ];\n\n  protected readonly currentOption = computed(\n    () =>\n      this.options.find((option) => option.value === this.layout.mode()) ?? {\n        value: 'empty' as const,\n        label: 'Content Only',\n      },\n  );\n}\n","import { EnvironmentProviders, isDevMode, makeEnvironmentProviders } from '@angular/core';\nimport { DEFAULT_NG_LAYOUT_CONFIG, NG_LAYOUT_CONFIG } from './layout.token';\nimport {\n  isLayoutContainer,\n  isLayoutMode,\n  LayoutContainer,\n  LayoutMode,\n  NgLayoutConfig,\n} from './layout.types';\n\nfunction warnInvalidLayoutConfig(message: string): void {\n  if (isDevMode()) {\n    console.warn(`[provideNgLayout] ${message}`);\n  }\n}\n\nfunction normalizeLayoutMode(value: unknown): LayoutMode {\n  if (typeof value === 'undefined' || isLayoutMode(value)) {\n    return value ?? DEFAULT_NG_LAYOUT_CONFIG.defaultMode;\n  }\n\n  warnInvalidLayoutConfig(\n    `Ignoring invalid defaultMode ${JSON.stringify(value)}. Falling back to ${JSON.stringify(DEFAULT_NG_LAYOUT_CONFIG.defaultMode)}.`,\n  );\n\n  return DEFAULT_NG_LAYOUT_CONFIG.defaultMode;\n}\n\nfunction normalizeLayoutContainer(value: unknown): LayoutContainer {\n  if (typeof value === 'undefined' || isLayoutContainer(value)) {\n    return value ?? DEFAULT_NG_LAYOUT_CONFIG.defaultContainer;\n  }\n\n  warnInvalidLayoutConfig(\n    `Ignoring invalid defaultContainer ${JSON.stringify(value)}. Falling back to ${JSON.stringify(DEFAULT_NG_LAYOUT_CONFIG.defaultContainer)}.`,\n  );\n\n  return DEFAULT_NG_LAYOUT_CONFIG.defaultContainer;\n}\n\nfunction normalizeLayoutConfig(config: Partial<NgLayoutConfig>): NgLayoutConfig {\n  return {\n    ...DEFAULT_NG_LAYOUT_CONFIG,\n    defaultMode: normalizeLayoutMode(config.defaultMode),\n    defaultContainer: normalizeLayoutContainer(config.defaultContainer),\n  };\n}\n\nexport function provideNgLayout(config: Partial<NgLayoutConfig> = {}): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    { provide: NG_LAYOUT_CONFIG, useValue: normalizeLayoutConfig(config) },\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-shell.mjs

@@ -0,0 +1,14 @@
+import { makeEnvironmentProviders } from '@angular/core';
+import { provideNgLayout } from '@ojiepermana/angular/layout';
+import { provideNgTheme } from '@ojiepermana/angular/theme/service';
+
+function provideNgShell(config = {}) {
+    return makeEnvironmentProviders([provideNgTheme(config.theme), provideNgLayout(config.layout)]);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { provideNgShell };
+//# sourceMappingURL=ojiepermana-angular-shell.mjs.map

package/fesm2022/ojiepermana-angular-shell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-shell.mjs","sources":["../../../projects/library/shell/src/shell.provider.ts","../../../projects/library/shell/ojiepermana-angular-shell.ts"],"sourcesContent":["import { EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\nimport { provideNgLayout } from '@ojiepermana/angular/layout';\nimport type { NgLayoutConfig } from '@ojiepermana/angular/layout';\nimport { provideNgTheme } from '@ojiepermana/angular/theme/service';\nimport type { NgThemeConfig } from '@ojiepermana/angular/theme/service';\n\nexport interface NgShellConfig {\n  readonly theme?: Partial<NgThemeConfig>;\n  readonly layout?: Partial<NgLayoutConfig>;\n}\n\nexport function provideNgShell(config: NgShellConfig = {}): EnvironmentProviders {\n  return makeEnvironmentProviders([provideNgTheme(config.theme), provideNgLayout(config.layout)]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAWM,SAAU,cAAc,CAAC,MAAA,GAAwB,EAAE,EAAA;AACvD,IAAA,OAAO,wBAAwB,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AACjG;;ACbA;;AAEG;;;;"}