@ojiepermana/angular 21.0.3 → 21.0.7

package/README.md

@@ -10,6 +10,29 @@ Install dependencies from the workspace root with Bun:
 bun install
 ```
 
+## Consumer installation
+
+Install the published package into a consumer Angular workspace with Angular
+CLI so the required peer dependencies are added to the app's `package.json`
+and installed in the same flow:
+
+```bash
+ng add @ojiepermana/angular
+```
+
+When updating the library later, use Angular CLI as well:
+
+```bash
+ng update @ojiepermana/angular
+```
+
+The package ships `ng-add` and `ng-update` metadata so Angular and RxJS
+companions stay aligned with the supported versions of the library.
+
+If you install the package with `npm install`, `bun add`, `pnpm add`, or `yarn
+add` directly, peer dependency installation falls back to the package
+manager's own behavior.
+
 ## Code scaffolding
 
 Angular CLI includes powerful code scaffolding tools. To generate a new component, run:

package/collection.json

@@ -1,6 +1,11 @@
 {
     "$schema": "../../node_modules/@angular-devkit/schematics/collection-schema.json",
     "schematics": {
+        "ng-add": {
+            "description": "Add @ojiepermana/angular and its required peer dependencies to an Angular workspace.",
+            "factory": "./generator/api/bin/schematics/ng-add/index.js#ngAdd",
+            "schema": "./generator/api/schematics/ng-add/schema.json"
+        },
         "sdk": {
             "description": "Generate an Angular SDK from an OpenAPI spec.",
             "factory": "./generator/api/bin/schematics/sdk/index.js#sdk",

package/fesm2022/ojiepermana-angular-layout.mjs

@@ -152,12 +152,7 @@ class VerticalLayoutComponent {
         }
         return classes.join(' ');
     }, ...(ngDevMode ? [{ debugName: "frameClasses" }] : /* istanbul ignore next */ []));
-    mainClasses = computed(() => {
-        const classes = ['flex-1', 'overflow-auto'];
-        if (this.layoutWidth() === 'fixed')
-            classes.push('lg:mx-auto', 'lg:max-w-7xl');
-        return classes.join(' ');
-    }, ...(ngDevMode ? [{ debugName: "mainClasses" }] : /* istanbul ignore next */ []));
+    mainClasses = 'min-w-0 flex-1 overflow-auto';
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: VerticalLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: VerticalLayoutComponent, isStandalone: true, selector: "vertical", inputs: { sidebarAppearance: { classPropertyName: "sidebarAppearance", publicName: "sidebarAppearance", isSignal: true, isRequired: false, transformFunction: null }, sidebarPosition: { classPropertyName: "sidebarPosition", publicName: "sidebarPosition", isSignal: true, isRequired: false, transformFunction: null }, sidebarMode: { classPropertyName: "sidebarMode", publicName: "sidebarMode", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.data-layout-width": "layoutWidth()", "attr.data-style": "themeStyle()" } }, ngImport: i0, template: `
     <div [class]="frameClasses()" [style.border-width]="shellBorderWidth()">
@@ -167,7 +162,7 @@ class VerticalLayoutComponent {
         [ariaLabel]="ariaLabel()"
         [style.border-left-width]="dividerBorderWidth()"
         [style.border-right-width]="dividerBorderWidth()" />
-      <main [class]="mainClasses()">
+      <main [class]="mainClasses">
         <router-outlet />
       </main>
     </div>
@@ -192,7 +187,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         [ariaLabel]="ariaLabel()"
         [style.border-left-width]="dividerBorderWidth()"
         [style.border-right-width]="dividerBorderWidth()" />
-      <main [class]="mainClasses()">
+      <main [class]="mainClasses">
         <router-outlet />
       </main>
     </div>

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

@@ -1 +1 @@
-{"version":3,"file":"ojiepermana-angular-layout.mjs","sources":["../../../projects/angular/layout/src/lib/core/layout.tokens.ts","../../../projects/angular/layout/src/lib/core/layout.service.ts","../../../projects/angular/layout/src/lib/vertical/vertical.component.ts","../../../projects/angular/layout/src/lib/horizontal/horizontal.component.ts","../../../projects/angular/layout/src/lib/empty/empty.component.ts","../../../projects/angular/layout/src/lib/core/layout.provider.ts","../../../projects/angular/layout/public-api.ts","../../../projects/angular/layout/ojiepermana-angular-layout.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const LAYOUT_MODES = ['vertical', 'horizontal'] as const;\n\nexport type LayoutMode = (typeof LAYOUT_MODES)[number];\n\nexport const LAYOUT_WIDTHS = ['full', 'fixed'] as const;\n\nexport type LayoutWidth = (typeof LAYOUT_WIDTHS)[number];\n\nexport interface MaterialLayoutConfig {\n  /** Initial layout mode. */\n  readonly mode?: LayoutMode;\n  /** Initial layout width. */\n  readonly width?: LayoutWidth;\n  /** @deprecated Use `mode` instead. */\n  /** Initial layout mode. Defaults to `vertical`. */\n  readonly defaultMode?: LayoutMode;\n  /** localStorage key used to persist the layout mode. Set to `null` to disable persistence. */\n  readonly storageKey?: string | null;\n  /** localStorage key used to persist the layout width. Set to `null` to disable persistence. */\n  readonly widthStorageKey?: string | null;\n}\n\nexport interface ResolvedMaterialLayoutConfig {\n  readonly defaultMode: LayoutMode;\n  readonly defaultWidth: LayoutWidth;\n  readonly storageKey: string | null;\n  readonly widthStorageKey: string | null;\n}\n\nexport const MATERIAL_LAYOUT_CONFIG = new InjectionToken<MaterialLayoutConfig>('MATERIAL_LAYOUT_CONFIG');\n\nexport const DEFAULT_MATERIAL_LAYOUT_CONFIG: ResolvedMaterialLayoutConfig = {\n  defaultMode: 'vertical',\n  defaultWidth: 'fixed',\n  storageKey: 'layout-mode',\n  widthStorageKey: 'layout-width',\n};\n\nexport function isLayoutMode(value: string | null | undefined): value is LayoutMode {\n  return LAYOUT_MODES.some((mode) => mode === value);\n}\n\nexport function isLayoutWidth(value: string | null | undefined): value is LayoutWidth {\n  return LAYOUT_WIDTHS.some((width) => width === value);\n}\n","import { DOCUMENT } from '@angular/common';\nimport { Injectable, effect, inject, signal } from '@angular/core';\nimport {\n  DEFAULT_MATERIAL_LAYOUT_CONFIG,\n  MATERIAL_LAYOUT_CONFIG,\n  isLayoutMode,\n  isLayoutWidth,\n  type LayoutMode,\n  type LayoutWidth,\n  type ResolvedMaterialLayoutConfig,\n} from './layout.tokens';\n\n@Injectable({ providedIn: 'root' })\nexport class LayoutService {\n  private readonly document = inject(DOCUMENT);\n  private readonly config = this.resolveConfig();\n\n  private readonly _mode = signal<LayoutMode>(this.readPersistedMode() ?? this.config.defaultMode);\n  private readonly _width = signal<LayoutWidth>(this.readPersistedWidth() ?? this.config.defaultWidth);\n\n  readonly mode = this._mode.asReadonly();\n  readonly width = this._width.asReadonly();\n\n  constructor() {\n    effect(() => {\n      this.persistMode(this._mode());\n    });\n\n    effect(() => {\n      this.persistWidth(this._width());\n    });\n  }\n\n  setMode(mode: LayoutMode): void {\n    this._mode.set(mode);\n  }\n\n  toggleMode(): void {\n    this._mode.update((mode) => (mode === 'vertical' ? 'horizontal' : 'vertical'));\n  }\n\n  setWidth(width: LayoutWidth): void {\n    this._width.set(width);\n  }\n\n  toggleWidth(): void {\n    this._width.update((width) => (width === 'fixed' ? 'full' : 'fixed'));\n  }\n\n  private resolveConfig(): ResolvedMaterialLayoutConfig {\n    const config = inject(MATERIAL_LAYOUT_CONFIG, { optional: true }) ?? {};\n    const configuredMode = config.mode ?? config.defaultMode;\n    const configuredWidth = config.width;\n\n    return {\n      defaultMode: isLayoutMode(configuredMode) ? configuredMode : DEFAULT_MATERIAL_LAYOUT_CONFIG.defaultMode,\n      defaultWidth: isLayoutWidth(configuredWidth) ? configuredWidth : DEFAULT_MATERIAL_LAYOUT_CONFIG.defaultWidth,\n      storageKey: config.storageKey ?? DEFAULT_MATERIAL_LAYOUT_CONFIG.storageKey,\n      widthStorageKey: config.widthStorageKey ?? DEFAULT_MATERIAL_LAYOUT_CONFIG.widthStorageKey,\n    };\n  }\n\n  private readPersistedMode(): LayoutMode | null {\n    const key = this.config.storageKey;\n    if (!key) return null;\n    try {\n      const value = this.document.defaultView?.localStorage?.getItem(key);\n      return isLayoutMode(value) ? value : null;\n    } catch {\n      return null;\n    }\n  }\n\n  private readPersistedWidth(): LayoutWidth | null {\n    const key = this.config.widthStorageKey;\n    if (!key) return null;\n    try {\n      const value = this.document.defaultView?.localStorage?.getItem(key);\n      return isLayoutWidth(value) ? value : null;\n    } catch {\n      return null;\n    }\n  }\n\n  private persistMode(mode: LayoutMode): void {\n    const key = this.config.storageKey;\n    if (!key) return;\n    try {\n      this.document.defaultView?.localStorage?.setItem(key, mode);\n    } catch {\n      /* ignore */\n    }\n  }\n\n  private persistWidth(width: LayoutWidth): void {\n    const key = this.config.widthStorageKey;\n    if (!key) return;\n    try {\n      this.document.defaultView?.localStorage?.setItem(key, width);\n    } catch {\n      /* ignore */\n    }\n  }\n}\n","import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport {\n  SidebarComponent,\n  type SidebarAppearance,\n  type SidebarMode,\n  type SidebarPosition,\n} from '@ojiepermana/angular/navigation';\nimport { ThemeService } from '@ojiepermana/angular/theme';\nimport { LayoutService } from '../core/layout.service';\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 *   <!-- sidebar + router-outlet dirender oleh komponen -->\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      <ui-sidebar\n        [appearance]=\"sidebarAppearance()\"\n        [position]=\"sidebarPosition()\"\n        [ariaLabel]=\"ariaLabel()\"\n        [style.border-left-width]=\"dividerBorderWidth()\"\n        [style.border-right-width]=\"dividerBorderWidth()\" />\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 shellBorderWidth = computed(() => (this.layoutWidth() === 'fixed' ? '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', 'bg-background', 'text-foreground'];\n    if (this.layoutWidth() === 'fixed') {\n      classes.push('box-border', 'lg:p-8');\n    }\n    return classes.join(' ');\n  });\n\n  protected readonly frameClasses = computed(() => {\n    const classes = ['flex', 'h-full', 'w-full', 'overflow-hidden'];\n    if (this.layoutWidth() === 'fixed') {\n      classes.push('lg:border', 'lg:border-border', 'lg:rounded-lg', 'lg:shadow-sm');\n    }\n    return classes.join(' ');\n  });\n\n  protected readonly mainClasses = computed(() => {\n    const classes = ['flex-1', 'overflow-auto'];\n    if (this.layoutWidth() === 'fixed') classes.push('lg:mx-auto', 'lg:max-w-7xl');\n    return classes.join(' ');\n  });\n}\n","import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport { TopbarComponent, type TopbarAppearance } from '@ojiepermana/angular/navigation';\nimport { ThemeService } from '@ojiepermana/angular/theme';\nimport { LayoutService } from '../core/layout.service';\n\n/**\n * Horizontal layout — topbar (h-12) + 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      <ui-topbar\n        class=\"h-12 w-full shrink-0 border-b border-border\"\n        [style.border-bottom-width]=\"dividerBorderWidth()\"\n        [appearance]=\"topbarAppearance()\"\n        [ariaLabel]=\"ariaLabel()\">\n        <div ui-topbar-start class=\"flex min-w-0 items-center\">\n          <ng-content select=\"[ui-layout-brand],[ui-topbar-start]\" />\n        </div>\n        <div ui-topbar-end class=\"flex min-w-0 items-center\">\n          <ng-content select=\"[ui-layout-profile],[ui-topbar-end]\" />\n        </div>\n      </ui-topbar>\n      <main class=\"flex-1 overflow-auto\">\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 shellBorderWidth = computed(() => (this.layoutWidth() === 'fixed' ? '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', 'bg-background', 'text-foreground'];\n    if (this.layoutWidth() === 'fixed') {\n      classes.push('box-border', 'lg:p-8');\n    }\n    return classes.join(' ');\n  });\n\n  protected readonly frameClasses = computed(() => {\n    const classes = ['flex', 'h-full', 'w-full', 'flex-col', 'overflow-hidden'];\n    if (this.layoutWidth() === 'fixed') {\n      classes.push('lg:mx-auto', 'lg:max-w-7xl', 'lg:border', 'lg:border-border', 'lg:rounded-lg', 'lg:shadow-sm');\n    }\n    return classes.join(' ');\n  });\n}\n","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","import {\n  inject,\n  type EnvironmentProviders,\n  makeEnvironmentProviders,\n  provideEnvironmentInitializer,\n} from '@angular/core';\nimport { LayoutService } from './layout.service';\nimport { MATERIAL_LAYOUT_CONFIG, type MaterialLayoutConfig } from './layout.tokens';\n\nexport function provideMaterialLayout(config: MaterialLayoutConfig = {}): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    { provide: MATERIAL_LAYOUT_CONFIG, useValue: config },\n    provideEnvironmentInitializer(() => {\n      inject(LayoutService);\n    }),\n  ]);\n}\n","/*\n * Public API Surface of @ojiepermana/angular/layout\n */\n\nexport * from './src/lib/vertical/vertical.component';\nexport * from './src/lib/horizontal/horizontal.component';\nexport * from './src/lib/empty/empty.component';\nexport * from './src/lib/core/layout.tokens';\nexport * from './src/lib/core/layout.service';\nexport * from './src/lib/core/layout.provider';\n\nexport const LAYOUT_VERSION = '0.0.1';\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-layout.mjs","sources":["../../../projects/angular/layout/src/lib/core/layout.tokens.ts","../../../projects/angular/layout/src/lib/core/layout.service.ts","../../../projects/angular/layout/src/lib/vertical/vertical.component.ts","../../../projects/angular/layout/src/lib/horizontal/horizontal.component.ts","../../../projects/angular/layout/src/lib/empty/empty.component.ts","../../../projects/angular/layout/src/lib/core/layout.provider.ts","../../../projects/angular/layout/public-api.ts","../../../projects/angular/layout/ojiepermana-angular-layout.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const LAYOUT_MODES = ['vertical', 'horizontal'] as const;\n\nexport type LayoutMode = (typeof LAYOUT_MODES)[number];\n\nexport const LAYOUT_WIDTHS = ['full', 'fixed'] as const;\n\nexport type LayoutWidth = (typeof LAYOUT_WIDTHS)[number];\n\nexport interface MaterialLayoutConfig {\n  /** Initial layout mode. */\n  readonly mode?: LayoutMode;\n  /** Initial layout width. */\n  readonly width?: LayoutWidth;\n  /** @deprecated Use `mode` instead. */\n  /** Initial layout mode. Defaults to `vertical`. */\n  readonly defaultMode?: LayoutMode;\n  /** localStorage key used to persist the layout mode. Set to `null` to disable persistence. */\n  readonly storageKey?: string | null;\n  /** localStorage key used to persist the layout width. Set to `null` to disable persistence. */\n  readonly widthStorageKey?: string | null;\n}\n\nexport interface ResolvedMaterialLayoutConfig {\n  readonly defaultMode: LayoutMode;\n  readonly defaultWidth: LayoutWidth;\n  readonly storageKey: string | null;\n  readonly widthStorageKey: string | null;\n}\n\nexport const MATERIAL_LAYOUT_CONFIG = new InjectionToken<MaterialLayoutConfig>('MATERIAL_LAYOUT_CONFIG');\n\nexport const DEFAULT_MATERIAL_LAYOUT_CONFIG: ResolvedMaterialLayoutConfig = {\n  defaultMode: 'vertical',\n  defaultWidth: 'fixed',\n  storageKey: 'layout-mode',\n  widthStorageKey: 'layout-width',\n};\n\nexport function isLayoutMode(value: string | null | undefined): value is LayoutMode {\n  return LAYOUT_MODES.some((mode) => mode === value);\n}\n\nexport function isLayoutWidth(value: string | null | undefined): value is LayoutWidth {\n  return LAYOUT_WIDTHS.some((width) => width === value);\n}\n","import { DOCUMENT } from '@angular/common';\nimport { Injectable, effect, inject, signal } from '@angular/core';\nimport {\n  DEFAULT_MATERIAL_LAYOUT_CONFIG,\n  MATERIAL_LAYOUT_CONFIG,\n  isLayoutMode,\n  isLayoutWidth,\n  type LayoutMode,\n  type LayoutWidth,\n  type ResolvedMaterialLayoutConfig,\n} from './layout.tokens';\n\n@Injectable({ providedIn: 'root' })\nexport class LayoutService {\n  private readonly document = inject(DOCUMENT);\n  private readonly config = this.resolveConfig();\n\n  private readonly _mode = signal<LayoutMode>(this.readPersistedMode() ?? this.config.defaultMode);\n  private readonly _width = signal<LayoutWidth>(this.readPersistedWidth() ?? this.config.defaultWidth);\n\n  readonly mode = this._mode.asReadonly();\n  readonly width = this._width.asReadonly();\n\n  constructor() {\n    effect(() => {\n      this.persistMode(this._mode());\n    });\n\n    effect(() => {\n      this.persistWidth(this._width());\n    });\n  }\n\n  setMode(mode: LayoutMode): void {\n    this._mode.set(mode);\n  }\n\n  toggleMode(): void {\n    this._mode.update((mode) => (mode === 'vertical' ? 'horizontal' : 'vertical'));\n  }\n\n  setWidth(width: LayoutWidth): void {\n    this._width.set(width);\n  }\n\n  toggleWidth(): void {\n    this._width.update((width) => (width === 'fixed' ? 'full' : 'fixed'));\n  }\n\n  private resolveConfig(): ResolvedMaterialLayoutConfig {\n    const config = inject(MATERIAL_LAYOUT_CONFIG, { optional: true }) ?? {};\n    const configuredMode = config.mode ?? config.defaultMode;\n    const configuredWidth = config.width;\n\n    return {\n      defaultMode: isLayoutMode(configuredMode) ? configuredMode : DEFAULT_MATERIAL_LAYOUT_CONFIG.defaultMode,\n      defaultWidth: isLayoutWidth(configuredWidth) ? configuredWidth : DEFAULT_MATERIAL_LAYOUT_CONFIG.defaultWidth,\n      storageKey: config.storageKey ?? DEFAULT_MATERIAL_LAYOUT_CONFIG.storageKey,\n      widthStorageKey: config.widthStorageKey ?? DEFAULT_MATERIAL_LAYOUT_CONFIG.widthStorageKey,\n    };\n  }\n\n  private readPersistedMode(): LayoutMode | null {\n    const key = this.config.storageKey;\n    if (!key) return null;\n    try {\n      const value = this.document.defaultView?.localStorage?.getItem(key);\n      return isLayoutMode(value) ? value : null;\n    } catch {\n      return null;\n    }\n  }\n\n  private readPersistedWidth(): LayoutWidth | null {\n    const key = this.config.widthStorageKey;\n    if (!key) return null;\n    try {\n      const value = this.document.defaultView?.localStorage?.getItem(key);\n      return isLayoutWidth(value) ? value : null;\n    } catch {\n      return null;\n    }\n  }\n\n  private persistMode(mode: LayoutMode): void {\n    const key = this.config.storageKey;\n    if (!key) return;\n    try {\n      this.document.defaultView?.localStorage?.setItem(key, mode);\n    } catch {\n      /* ignore */\n    }\n  }\n\n  private persistWidth(width: LayoutWidth): void {\n    const key = this.config.widthStorageKey;\n    if (!key) return;\n    try {\n      this.document.defaultView?.localStorage?.setItem(key, width);\n    } catch {\n      /* ignore */\n    }\n  }\n}\n","import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport {\n  SidebarComponent,\n  type SidebarAppearance,\n  type SidebarMode,\n  type SidebarPosition,\n} from '@ojiepermana/angular/navigation';\nimport { ThemeService } from '@ojiepermana/angular/theme';\nimport { LayoutService } from '../core/layout.service';\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 *   <!-- sidebar + router-outlet dirender oleh komponen -->\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      <ui-sidebar\n        [appearance]=\"sidebarAppearance()\"\n        [position]=\"sidebarPosition()\"\n        [ariaLabel]=\"ariaLabel()\"\n        [style.border-left-width]=\"dividerBorderWidth()\"\n        [style.border-right-width]=\"dividerBorderWidth()\" />\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 shellBorderWidth = computed(() => (this.layoutWidth() === 'fixed' ? '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', 'bg-background', 'text-foreground'];\n    if (this.layoutWidth() === 'fixed') {\n      classes.push('box-border', 'lg:p-8');\n    }\n    return classes.join(' ');\n  });\n\n  protected readonly frameClasses = computed(() => {\n    const classes = ['flex', 'h-full', 'w-full', 'overflow-hidden'];\n    if (this.layoutWidth() === 'fixed') {\n      classes.push('lg:border', 'lg:border-border', 'lg:rounded-lg', 'lg:shadow-sm');\n    }\n    return classes.join(' ');\n  });\n\n  protected readonly mainClasses = 'min-w-0 flex-1 overflow-auto';\n}\n","import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport { TopbarComponent, type TopbarAppearance } from '@ojiepermana/angular/navigation';\nimport { ThemeService } from '@ojiepermana/angular/theme';\nimport { LayoutService } from '../core/layout.service';\n\n/**\n * Horizontal layout — topbar (h-12) + 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      <ui-topbar\n        class=\"h-12 w-full shrink-0 border-b border-border\"\n        [style.border-bottom-width]=\"dividerBorderWidth()\"\n        [appearance]=\"topbarAppearance()\"\n        [ariaLabel]=\"ariaLabel()\">\n        <div ui-topbar-start class=\"flex min-w-0 items-center\">\n          <ng-content select=\"[ui-layout-brand],[ui-topbar-start]\" />\n        </div>\n        <div ui-topbar-end class=\"flex min-w-0 items-center\">\n          <ng-content select=\"[ui-layout-profile],[ui-topbar-end]\" />\n        </div>\n      </ui-topbar>\n      <main class=\"flex-1 overflow-auto\">\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 shellBorderWidth = computed(() => (this.layoutWidth() === 'fixed' ? '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', 'bg-background', 'text-foreground'];\n    if (this.layoutWidth() === 'fixed') {\n      classes.push('box-border', 'lg:p-8');\n    }\n    return classes.join(' ');\n  });\n\n  protected readonly frameClasses = computed(() => {\n    const classes = ['flex', 'h-full', 'w-full', 'flex-col', 'overflow-hidden'];\n    if (this.layoutWidth() === 'fixed') {\n      classes.push('lg:mx-auto', 'lg:max-w-7xl', 'lg:border', 'lg:border-border', 'lg:rounded-lg', 'lg:shadow-sm');\n    }\n    return classes.join(' ');\n  });\n}\n","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","import {\n  inject,\n  type EnvironmentProviders,\n  makeEnvironmentProviders,\n  provideEnvironmentInitializer,\n} from '@angular/core';\nimport { LayoutService } from './layout.service';\nimport { MATERIAL_LAYOUT_CONFIG, type MaterialLayoutConfig } from './layout.tokens';\n\nexport function provideMaterialLayout(config: MaterialLayoutConfig = {}): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    { provide: MATERIAL_LAYOUT_CONFIG, useValue: config },\n    provideEnvironmentInitializer(() => {\n      inject(LayoutService);\n    }),\n  ]);\n}\n","/*\n * Public API Surface of @ojiepermana/angular/layout\n */\n\nexport * from './src/lib/vertical/vertical.component';\nexport * from './src/lib/horizontal/horizontal.component';\nexport * from './src/lib/empty/empty.component';\nexport * from './src/lib/core/layout.tokens';\nexport * from './src/lib/core/layout.service';\nexport * from './src/lib/core/layout.provider';\n\nexport const LAYOUT_VERSION = '0.0.1';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/generator/api/bin/schematics/ng-add/index.js

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ngAdd = ngAdd;
+const node_fs_1 = require("node:fs");
+const node_path_1 = require("node:path");
+const tasks_1 = require("@angular-devkit/schematics/tasks");
+function ngAdd(options = {}) {
+    return (tree, context) => {
+        const manifest = loadLibraryManifest();
+        const requiredDependencies = collectRequiredDependencies(manifest);
+        if (requiredDependencies.length === 0) {
+            context.logger.warn('[ng-add] No peer dependencies were declared by @ojiepermana/angular.');
+            return;
+        }
+        const workspacePackageJson = readWorkspacePackageJson(tree);
+        workspacePackageJson.dependencies ??= {};
+        let changed = false;
+        for (const dependency of requiredDependencies) {
+            const existingSection = findExistingSection(workspacePackageJson, dependency.name);
+            if (existingSection) {
+                context.logger.info(`[ng-add] keeping existing ${dependency.name} from ${existingSection}.`);
+                continue;
+            }
+            workspacePackageJson.dependencies[dependency.name] = dependency.version;
+            changed = true;
+            context.logger.info(`[ng-add] added ${dependency.name}@${dependency.version}.`);
+        }
+        if (!changed) {
+            context.logger.info('[ng-add] Required dependencies are already present.');
+            return;
+        }
+        workspacePackageJson.dependencies = sortSection(workspacePackageJson.dependencies);
+        writeWorkspacePackageJson(tree, workspacePackageJson);
+        if (!options.skipInstall) {
+            context.addTask(new tasks_1.NodePackageInstallTask());
+        }
+    };
+}
+/**
+ * Use the package manifest as the source of truth so ng-add stays aligned with
+ * the published peerDependencies and ng-update packageGroup metadata.
+ */
+function loadLibraryManifest() {
+    const candidates = [
+        (0, node_path_1.resolve)(__dirname, '../../../../../package.json'),
+        (0, node_path_1.resolve)(process.cwd(), 'node_modules/@ojiepermana/angular/package.json'),
+        (0, node_path_1.resolve)(process.cwd(), 'projects/angular/package.json'),
+    ];
+    for (const candidate of candidates) {
+        if (!(0, node_fs_1.existsSync)(candidate))
+            continue;
+        return JSON.parse((0, node_fs_1.readFileSync)(candidate, 'utf8'));
+    }
+    throw new Error('Could not locate the @ojiepermana/angular package manifest for ng-add.');
+}
+function collectRequiredDependencies(manifest) {
+    const peerDependencies = manifest.peerDependencies ?? {};
+    const packageGroup = normalizePackageGroup(manifest['ng-update']?.packageGroup);
+    return Object.keys(peerDependencies)
+        .sort((left, right) => left.localeCompare(right))
+        .map((name) => ({
+        name,
+        version: packageGroup[name] ?? peerDependencies[name],
+    }));
+}
+function normalizePackageGroup(packageGroup) {
+    if (!packageGroup) {
+        return {};
+    }
+    if (Array.isArray(packageGroup)) {
+        return {};
+    }
+    return packageGroup;
+}
+function readWorkspacePackageJson(tree) {
+    const buffer = tree.read('/package.json');
+    if (!buffer) {
+        throw new Error('No package.json found at the workspace root.');
+    }
+    return JSON.parse(buffer.toString('utf8'));
+}
+function writeWorkspacePackageJson(tree, packageJson) {
+    const content = `${JSON.stringify(packageJson, null, 2)}\n`;
+    if (tree.exists('/package.json')) {
+        tree.overwrite('/package.json', content);
+    }
+    else {
+        tree.create('/package.json', content);
+    }
+}
+function findExistingSection(packageJson, dependencyName) {
+    if (packageJson.dependencies?.[dependencyName]) {
+        return 'dependencies';
+    }
+    if (packageJson.devDependencies?.[dependencyName]) {
+        return 'devDependencies';
+    }
+    if (packageJson.peerDependencies?.[dependencyName]) {
+        return 'peerDependencies';
+    }
+    if (packageJson.optionalDependencies?.[dependencyName]) {
+        return 'optionalDependencies';
+    }
+    return null;
+}
+function sortSection(section) {
+    return Object.fromEntries(Object.entries(section).sort(([left], [right]) => left.localeCompare(right)));
+}

package/generator/api/bin/src/writer/index.js

@@ -27,9 +27,9 @@ function writeLibrary(files, ir, target) {
         version: target.packageVersion,
         description: `Generated SDK for ${ir.title} ${ir.version}`,
         peerDependencies: {
-            '@angular/common': '>=20.0.0',
-            '@angular/core': '>=20.0.0',
-            rxjs: '>=7.0.0',
+            '@angular/common': '>=21.2.0',
+            '@angular/core': '>=21.2.0',
+            rxjs: '>=7.8.0',
         },
         sideEffects: false,
     };

package/generator/api/schematics/ng-add/schema.json

@@ -0,0 +1,14 @@
+{
+    "$schema": "http://json-schema.org/schema",
+    "$id": "NgAddSchema",
+    "title": "@ojiepermana/angular ng-add options",
+    "type": "object",
+    "properties": {
+        "skipInstall": {
+            "type": "boolean",
+            "default": false,
+            "description": "Skip installing dependencies after updating package.json."
+        }
+    },
+    "additionalProperties": false
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ojiepermana/angular",
-  "version": "21.0.3",
+  "version": "21.0.7",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ojiepermana/angular.git"
@@ -16,33 +16,48 @@
     "@angular/router": "^21.2.0",
     "@angular/cdk": "^21.2.7",
     "@angular/material": "^21.2.7",
-    "rxjs": "~7.8.0"
+    "rxjs": "^7.8.0"
   },
   "peerDependenciesMeta": {
     "@angular/forms": {
-      "optional": true
+      "optional": false
     },
     "@angular/router": {
-      "optional": true
+      "optional": false
     },
     "@angular/cdk": {
-      "optional": true
+      "optional": false
     },
     "@angular/material": {
-      "optional": true
+      "optional": false
     }
   },
   "dependencies": {
+    "@angular-devkit/schematics": "^21.2.7",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "d3-array": "^3.2.4",
     "d3-scale": "^4.0.2",
     "d3-shape": "^3.2.0",
-    "marked": "^16.0.0",
+    "marked": "^18.0.2",
     "tailwind-merge": "^3.5.0",
     "tslib": "^2.8.1",
     "yaml": "^2.8.3"
   },
+  "ng-add": {
+    "save": "dependencies"
+  },
+  "ng-update": {
+    "packageGroup": {
+      "@angular/common": "^21.2.9",
+      "@angular/core": "^21.2.9",
+      "@angular/forms": "^21.2.9",
+      "@angular/router": "^21.2.9",
+      "@angular/cdk": "^21.2.7",
+      "@angular/material": "^21.2.7",
+      "rxjs": "~7.8.2"
+    }
+  },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"

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

@@ -29,7 +29,7 @@ declare class VerticalLayoutComponent {
     protected readonly dividerBorderWidth: _angular_core.Signal<string>;
     protected readonly hostClasses: _angular_core.Signal<string>;
     protected readonly frameClasses: _angular_core.Signal<string>;
-    protected readonly mainClasses: _angular_core.Signal<string>;
+    protected readonly mainClasses = "min-w-0 flex-1 overflow-auto";
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<VerticalLayoutComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<VerticalLayoutComponent, "vertical", never, { "sidebarAppearance": { "alias": "sidebarAppearance"; "required": false; "isSignal": true; }; "sidebarPosition": { "alias": "sidebarPosition"; "required": false; "isSignal": true; }; "sidebarMode": { "alias": "sidebarMode"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }