@ojiepermana/angular-theme 22.0.27

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

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-theme-layout.mjs","sources":["../../../library/theme/layout/loading/layout-loading.component.ts","../../../library/theme/layout/layout.component.ts","../../../library/theme/layout/vertical/layout-vertical.component.ts","../../../library/theme/layout/horizontal/layout-horizontal.component.ts","../../../library/theme/layout/empty/layout-empty.component.ts","../../../library/theme/layout/fluid/layout-fluid.component.ts","../../../library/theme/layout/navigation/layout-navigation.component.ts","../../../library/theme/layout/content/layout-content.component.ts","../../../library/theme/layout/ojiepermana-angular-theme-layout.ts"],"sourcesContent":["import { Component, computed, DestroyRef, inject, input } from '@angular/core';\nimport { cn } from '@ojiepermana/angular-component/utils';\nimport { LayoutLoadingService } from '@ojiepermana/angular-theme/layout/services';\n\n/**\n * Garis progres tipis di tepi atas browser yang bergerak dari kiri ke kanan.\n * Dirender otomatis oleh `Layout` dan dikendalikan `LayoutLoadingService`,\n * sehingga aktif sendiri saat navigasi halaman atau pemuatan data berjalan.\n *\n * Boleh juga dipasang langsung di root aplikasi agar bar sudah tampil sejak\n * navigasi awal; instance tambahan di dalam `Layout` otomatis inert sehingga\n * garis tidak pernah dirender ganda.\n */\n@Component({\n  selector: 'LayoutLoading',\n  host: {\n    '[class]': 'hostClasses()',\n    '[attr.data-state]': 'state()',\n  },\n  template: `\n    @if (isPrimary() && loading.active()) {\n      <div\n        role=\"progressbar\"\n        data-layout-loading-track\n        class=\"h-full w-full\"\n        [attr.aria-label]=\"ariaLabel()\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        [attr.aria-valuenow]=\"roundedProgress()\">\n        <div\n          data-layout-loading-bar\n          class=\"h-full rounded-r-full bg-primary transition-[width] duration-200 ease-out\"\n          [style.width.%]=\"loading.progress()\"></div>\n      </div>\n    }\n  `,\n})\nexport class LayoutLoadingComponent {\n  protected readonly loading = inject(LayoutLoadingService);\n  private readonly hostId = this.loading.registerHost();\n\n  readonly class = input<string>('');\n  readonly ariaLabel = input<string>('Memuat halaman');\n\n  protected readonly isPrimary = computed(() => this.loading.primaryHostId() === this.hostId);\n  protected readonly state = computed(() => {\n    if (!this.isPrimary()) {\n      return 'inert';\n    }\n\n    return this.loading.active() ? 'active' : 'idle';\n  });\n  protected readonly hostClasses = computed(() =>\n    cn('pointer-events-none fixed inset-x-0 top-0 z-50 block h-0.5', this.class()),\n  );\n  protected readonly roundedProgress = computed(() => Math.round(this.loading.progress()));\n\n  constructor() {\n    inject(DestroyRef).onDestroy(() => this.loading.unregisterHost(this.hostId));\n  }\n}\n","import { ChangeDetectionStrategy, Component, computed, effect, inject, input } from '@angular/core';\nimport { cn } from '@ojiepermana/angular-component/utils';\nimport { LayoutService } from '@ojiepermana/angular-theme/layout/services';\nimport { LayoutLoadingComponent } from './loading/layout-loading.component';\nimport {\n  LAYOUT_DEFAULT_STYLE,\n  LAYOUT_DEFAULT_SURFACE,\n  LAYOUT_DEFAULT_WIDTH,\n  type LayoutStyle,\n  type LayoutSurface,\n  type LayoutWidth,\n} from '@ojiepermana/angular-theme/layout/types';\n\n@Component({\n  selector: 'Layout',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [LayoutLoadingComponent],\n  host: {\n    '[class]': 'hostClasses()',\n    '[attr.data-surface]': 'resolvedSurface()',\n    '[attr.data-layout-appearance]': 'resolvedAppearance()',\n    '[attr.data-layout-style]': 'resolvedStyle()',\n    '[attr.data-layout-width]': 'resolvedWidth()',\n    '[attr.data-layout-type]': 'layout.type()',\n  },\n  template: `\n    <LayoutLoading />\n\n    <div data-layout-stage [class]=\"frameStageClasses()\">\n      @if (isBorderRail()) {\n        <div\n          aria-hidden=\"true\"\n          data-layout-rail\n          class=\"pointer-events-none col-start-1 row-start-1 z-0 overflow-visible\">\n          <div data-layout-rail-anchor [class]=\"railAnchorClasses()\">\n            <div\n              data-layout-rail-top-left-horizontal\n              class=\"absolute top-0 right-full h-[1.5px] w-[calc((100vw-100%)/2)] bg-border\"></div>\n            <div\n              data-layout-rail-top-left-vertical\n              class=\"absolute bottom-full left-0 h-[calc((100dvh-100%)/2)] w-[1.5px] bg-border\"></div>\n            <div\n              data-layout-rail-top-right-horizontal\n              class=\"absolute top-0 left-full h-[1.5px] w-[calc((100vw-100%)/2)] bg-border\"></div>\n            <div\n              data-layout-rail-top-right-vertical\n              class=\"absolute bottom-full right-0 h-[calc((100dvh-100%)/2)] w-[1.5px] bg-border\"></div>\n            <div\n              data-layout-rail-bottom-left-horizontal\n              class=\"absolute bottom-0 right-full h-[1.5px] w-[calc((100vw-100%)/2)] bg-border\"></div>\n            <div\n              data-layout-rail-bottom-left-vertical\n              class=\"absolute top-full left-0 h-[calc((100dvh-100%)/2)] w-[1.5px] bg-border\"></div>\n            <div\n              data-layout-rail-bottom-right-horizontal\n              class=\"absolute bottom-0 left-full h-[1.5px] w-[calc((100vw-100%)/2)] bg-border\"></div>\n            <div\n              data-layout-rail-bottom-right-vertical\n              class=\"absolute top-full right-0 h-[calc((100dvh-100%)/2)] w-[1.5px] bg-border\"></div>\n\n            @if (showsInsetRails()) {\n              <div data-layout-horizontal-top-rail class=\"absolute inset-x-0 top-12 h-[1.5px] bg-border\"></div>\n              <div\n                data-layout-horizontal-top-left-extension\n                class=\"absolute top-12 right-full h-[1.5px] w-[calc((100vw-100%)/2)] bg-border\"></div>\n              <div\n                data-layout-horizontal-top-right-extension\n                class=\"absolute top-12 left-full h-[1.5px] w-[calc((100vw-100%)/2)] bg-border\"></div>\n              <div data-layout-horizontal-bottom-rail class=\"absolute inset-x-0 bottom-12 h-[1.5px] bg-border\"></div>\n              <div\n                data-layout-horizontal-bottom-left-extension\n                class=\"absolute bottom-12 right-full h-[1.5px] w-[calc((100vw-100%)/2)] bg-border\"></div>\n              <div\n                data-layout-horizontal-bottom-right-extension\n                class=\"absolute bottom-12 left-full h-[1.5px] w-[calc((100vw-100%)/2)] bg-border\"></div>\n\n              <div data-layout-vertical-left-rail class=\"absolute inset-y-0 -left-4 w-[1.5px] bg-border\"></div>\n              <div\n                data-layout-vertical-left-top-extension\n                class=\"absolute bottom-full -left-4 h-[calc((100dvh-100%)/2)] w-[1.5px] bg-border\"></div>\n              <div\n                data-layout-vertical-left-bottom-extension\n                class=\"absolute top-full -left-4 h-[calc((100dvh-100%)/2)] w-[1.5px] bg-border\"></div>\n              <div data-layout-vertical-right-rail class=\"absolute inset-y-0 -right-4 w-[1.5px] bg-border\"></div>\n              <div\n                data-layout-vertical-right-top-extension\n                class=\"absolute bottom-full -right-4 h-[calc((100dvh-100%)/2)] w-[1.5px] bg-border\"></div>\n              <div\n                data-layout-vertical-right-bottom-extension\n                class=\"absolute top-full -right-4 h-[calc((100dvh-100%)/2)] w-[1.5px] bg-border\"></div>\n            }\n          </div>\n        </div>\n      }\n\n      <div data-layout-frame [class]=\"frameLayerClasses()\">\n        <div [class]=\"contentShellClasses()\">\n          <ng-content />\n        </div>\n      </div>\n    </div>\n  `,\n})\nexport class LayoutComponent {\n  protected readonly layout = inject(LayoutService);\n\n  readonly surface = input<LayoutSurface | null>(null);\n  readonly appearance = input<LayoutStyle | null>(null);\n  readonly layoutStyleAttribute = input<LayoutStyle | null>(null, { alias: 'layout-style' });\n  readonly width = input<LayoutWidth | null>(null);\n  readonly class = input<string>('');\n\n  protected readonly appearanceInput = computed(() => this.appearance() ?? this.layoutStyleAttribute());\n  protected readonly resolvedSurface = computed(() => this.surface() ?? this.layout.surface());\n  protected readonly resolvedAppearance = computed(() => this.appearanceInput() ?? this.layout.appearance());\n  protected readonly resolvedStyle = computed(() => this.layout.appearance());\n  protected readonly resolvedWidth = computed(() => this.width() ?? this.layout.width());\n  protected readonly isBorderRail = computed(() => this.resolvedAppearance() === 'border-rail');\n  protected readonly isFluidFrame = computed(() => this.resolvedWidth() === 'fluid' && this.layout.type() === 'fluid');\n  protected readonly showsInsetRails = computed(() => {\n    const layoutType = this.layout.type();\n    return this.isBorderRail() && (layoutType === 'horizontal' || layoutType === 'vertical');\n  });\n  protected readonly frameStageClasses = computed(() =>\n    cn('relative grid min-h-0 min-w-0 grid-cols-1 grid-rows-1', this.frameSizeClasses()),\n  );\n  protected readonly railAnchorClasses = computed(() => 'relative h-full min-h-0 w-full min-w-0');\n  protected readonly contentShellClasses = computed(() =>\n    cn(\n      'relative z-10 min-h-0 min-w-0',\n      this.isFluidFrame() ? 'h-auto w-auto max-h-full max-w-full' : 'h-full w-full',\n      this.isBorderRail() ? 'overflow-visible' : 'overflow-hidden',\n    ),\n  );\n\n  protected readonly hostClasses = computed(() =>\n    cn(\n      'relative isolate h-dvh w-full min-w-0 box-border overflow-hidden text-foreground',\n      this.isFluidFrame() ? 'grid place-items-center' : 'block',\n      this.surfaceClasses(),\n      this.widthPaddingClasses(),\n      this.class(),\n    ),\n  );\n\n  protected readonly frameClasses = computed(() =>\n    cn(\n      'relative min-h-0 min-w-0 border-border bg-background/55 backdrop-blur-xs',\n      this.frameSizeClasses(),\n      this.isBorderRail() ? 'overflow-visible border-[1.5px]' : 'overflow-hidden border',\n    ),\n  );\n  protected readonly frameLayerClasses = computed(() => cn('col-start-1 row-start-1', this.frameClasses()));\n\n  constructor() {\n    effect(() => {\n      const surface = this.surface();\n      if (surface !== null) {\n        this.layout.setSurface(surface, { persist: false });\n      } else {\n        this.layout.registerSurface(LAYOUT_DEFAULT_SURFACE);\n      }\n\n      const appearance = this.appearanceInput();\n      if (appearance !== null) {\n        this.layout.setAppearance(appearance, { persist: false });\n      } else {\n        this.layout.registerAppearance(LAYOUT_DEFAULT_STYLE);\n      }\n\n      const width = this.width();\n      if (width !== null) {\n        this.layout.setWidth(width, { persist: false });\n      } else {\n        this.layout.registerWidth(LAYOUT_DEFAULT_WIDTH);\n      }\n    });\n  }\n\n  private surfaceClasses(): string {\n    switch (this.resolvedSurface()) {\n      case 'grid':\n        return '[--layout-grid-size:2rem] bg-background bg-[linear-gradient(hsl(var(--layout-grid-line)/var(--layout-grid-line-opacity))_1px,transparent_1px),linear-gradient(to_right,hsl(var(--layout-grid-line)/var(--layout-grid-line-opacity))_1px,transparent_1px)] bg-position-[center_center] bg-size-[var(--layout-grid-size)_var(--layout-grid-size)]';\n      case 'honeycome':\n        return 'bg-background bg-[radial-gradient(circle_at_0_0,hsl(var(--layout-grid-line)/var(--layout-grid-dot-opacity))_1px,transparent_1.5px)] bg-position-[center_center] bg-size-[1.25rem_1.25rem]';\n      case 'line-vertical':\n        return 'bg-background bg-[linear-gradient(to_right,hsl(var(--layout-grid-line)/var(--layout-grid-dot-opacity))_1px,transparent_1px)] bg-position-[center_center] bg-size-[2rem_2rem]';\n      case 'line-horizontal':\n        return 'bg-background bg-[linear-gradient(hsl(var(--layout-grid-line)/var(--layout-grid-dot-opacity))_1px,transparent_1px)] bg-position-[center_center] bg-size-[2rem_2rem]';\n      default:\n        return 'bg-background';\n    }\n  }\n\n  private widthPaddingClasses(): string {\n    switch (this.resolvedWidth()) {\n      case 'wide':\n        return 'p-4 lg:p-12';\n      case 'container':\n        return 'p-4 lg:px-0 lg:py-16';\n      case 'fluid':\n        return 'p-4 sm:p-6 lg:p-8';\n      default:\n        return 'p-4';\n    }\n  }\n\n  private frameSizeClasses(): string {\n    if (this.isFluidFrame()) {\n      return 'h-auto w-auto max-h-full max-w-full';\n    }\n\n    return this.resolvedWidth() === 'container' ? 'h-full w-full lg:container lg:mx-auto' : 'h-full w-full';\n  }\n}\n","import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { cn } from '@ojiepermana/angular-component/utils';\nimport { LayoutService } from '@ojiepermana/angular-theme/layout/services';\n\n@Component({\n  selector: 'LayoutVertical',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    'data-layout-type': 'vertical',\n  },\n  template: `<ng-content />`,\n})\nexport class LayoutVerticalComponent {\n  private readonly layout = inject(LayoutService);\n\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn(\n      'grid h-full min-h-0 w-full min-w-0 grid-cols-[auto_minmax(0,1fr)]',\n      this.layout.appearance() === 'border-rail' ? 'overflow-visible' : 'overflow-hidden',\n      this.class(),\n    ),\n  );\n\n  constructor() {\n    this.layout.setType('vertical', { persist: false });\n  }\n}\n","import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { cn } from '@ojiepermana/angular-component/utils';\nimport { LayoutService } from '@ojiepermana/angular-theme/layout/services';\n\n@Component({\n  selector: 'LayoutHorizontal',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    'data-layout-type': 'horizontal',\n  },\n  template: `<ng-content />`,\n})\nexport class LayoutHorizontalComponent {\n  private readonly layout = inject(LayoutService);\n\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn('flex h-full min-h-0 w-full min-w-0 flex-col overflow-hidden', this.class()),\n  );\n\n  constructor() {\n    this.layout.setType('horizontal', { persist: false });\n  }\n}\n","import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { cn } from '@ojiepermana/angular-component/utils';\nimport { LayoutService } from '@ojiepermana/angular-theme/layout/services';\n\n@Component({\n  selector: 'LayoutEmpty',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    'data-layout-type': 'empty',\n  },\n  template: `<ng-content />`,\n})\nexport class LayoutEmptyComponent {\n  private readonly layout = inject(LayoutService);\n\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() => cn('h-full min-h-0 w-full min-w-0 overflow-hidden', this.class()));\n\n  constructor() {\n    this.layout.setType('empty', { persist: false });\n  }\n}\n","import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { cn } from '@ojiepermana/angular-component/utils';\nimport { LayoutService } from '@ojiepermana/angular-theme/layout/services';\n\n@Component({\n  selector: 'LayoutFluid',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    'data-layout-type': 'fluid',\n  },\n  template: `<ng-content />`,\n})\nexport class LayoutFluidComponent {\n  private readonly layout = inject(LayoutService);\n\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn(\n      'grid min-h-0 min-w-0 place-items-center overflow-auto',\n      this.layout.width() === 'fluid' ? 'h-auto w-auto max-h-full max-w-full' : 'h-full w-full',\n      this.class(),\n    ),\n  );\n\n  constructor() {\n    this.layout.setType('fluid', { persist: false });\n  }\n}\n","import { ChangeDetectionStrategy, Component, computed, contentChild, inject, input } from '@angular/core';\nimport { NavigationContainerComponent } from '@ojiepermana/angular-navigation';\nimport { cn } from '@ojiepermana/angular-component/utils';\nimport { LayoutService } from '@ojiepermana/angular-theme/layout/services';\n\n@Component({\n  selector: 'LayoutNavigation',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    role: 'navigation',\n    '[attr.aria-label]': 'ariaLabel() || null',\n    '[attr.data-layout-type]': 'layout.type()',\n    '[attr.data-layout-appearance]': 'layout.appearance()',\n    '[attr.data-layout-style]': 'layout.appearance()',\n    '[attr.data-layout-nav-rail-offset]': 'resolvedRailOffset()',\n  },\n  template: `\n    @if (showsVerticalRail()) {\n      <div\n        aria-hidden=\"true\"\n        data-layout-nav-rail\n        class=\"pointer-events-none absolute inset-y-0 right-0 z-20 w-[1.5px] transition-transform duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none\"\n        [style.transform]=\"railTransform()\">\n        <div data-layout-nav-rail-line class=\"absolute inset-y-0 right-0 w-[1.5px] bg-border\"></div>\n        <div\n          data-layout-nav-rail-top\n          class=\"absolute bottom-full right-0 h-[calc((100dvh-100%)/2)] w-[1.5px] bg-border\"></div>\n        <div\n          data-layout-nav-rail-bottom\n          class=\"absolute top-full right-0 h-[calc((100dvh-100%)/2)] w-[1.5px] bg-border\"></div>\n      </div>\n    }\n\n    <ng-content />\n  `,\n})\nexport class LayoutNavigationComponent {\n  protected readonly layout = inject(LayoutService);\n  protected readonly projectedNav = contentChild(NavigationContainerComponent);\n\n  readonly ariaLabel = input<string>('Layout navigation');\n  readonly railOffset = input<string | null>(null);\n  readonly class = input<string>('');\n  protected readonly showsVerticalRail = computed(\n    () => this.layout.type() === 'vertical' && this.layout.appearance() === 'border-rail',\n  );\n  protected readonly resolvedRailOffset = computed(\n    () => this.railOffset() ?? this.projectedNav()?.previewRailOffset() ?? '0px',\n  );\n  protected readonly railTransform = computed(() => `translateX(${this.resolvedRailOffset()})`);\n\n  protected readonly classes = computed(() => {\n    const layoutType = this.layout.type();\n\n    return cn(\n      'relative block min-h-0 min-w-0',\n      layoutType === 'horizontal' && 'h-12 min-h-12 w-full shrink-0 overflow-visible',\n      // overflow-visible: clipping diatur host <Navigation>; overlay nav (aside\n      // drawer dockbar, preview rail) keluar dari kolom w-16 dan overflow-hidden\n      // di sini ikut ter-scroll oleh focus scroll-into-view sehingga rail hilang.\n      layoutType === 'vertical' && 'h-full w-max max-w-full shrink-0 overflow-visible',\n      layoutType === 'empty' && 'hidden',\n      this.class(),\n    );\n  });\n}\n","import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { cn } from '@ojiepermana/angular-component/utils';\nimport { LayoutService } from '@ojiepermana/angular-theme/layout/services';\n\n@Component({\n  selector: 'LayoutContent',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-layout-type]': 'layout.type()',\n    '[attr.data-layout-width]': 'layout.width()',\n  },\n  template: `<ng-content />`,\n})\nexport class LayoutContentComponent {\n  protected readonly layout = inject(LayoutService);\n\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() => {\n    const layoutType = this.layout.type();\n\n    return cn(\n      'block min-h-0 min-w-0 overflow-auto',\n      layoutType === 'horizontal' && 'flex-1',\n      layoutType === 'vertical' && 'h-full',\n      layoutType === 'empty' && 'h-full w-full',\n      this.layout.width() === 'container' && 'w-full lg:container lg:mx-auto',\n      this.class(),\n    );\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ojiepermana-angular-theme-page.mjs

@@ -0,0 +1,510 @@
+import * as i0 from '@angular/core';
+import { signal, computed, Injectable, inject, input, effect, untracked, ChangeDetectionStrategy, Component, contentChild, output } from '@angular/core';
+import { cn } from '@ojiepermana/angular-component/utils';
+import { DOCUMENT } from '@angular/common';
+
+const PAGE_VARIANTS = ['stacked', 'side'];
+const PAGE_SIDE_POSITIONS = ['left', 'right'];
+const PAGE_SIDE_MODES = ['sticky', 'drawer', 'overlay'];
+const PAGE_SCROLL_VALUES = ['content', 'page'];
+const PAGE_HEIGHT_VALUES = ['auto', 'fix'];
+const PAGE_DEFAULT_VARIANT = 'stacked';
+const PAGE_DEFAULT_SIDE_POSITION = 'left';
+const PAGE_DEFAULT_SIDE_MODE = 'sticky';
+const PAGE_DEFAULT_SCROLL = 'content';
+const PAGE_DEFAULT_HEIGHT = 'auto';
+const PAGE_DEFAULT_SIDE_WIDTH = '16rem';
+function isUiPageVariant(value) {
+    return value !== null && PAGE_VARIANTS.includes(value);
+}
+function isUiPageSidePosition(value) {
+    return value !== null && PAGE_SIDE_POSITIONS.includes(value);
+}
+function isUiPageSideMode(value) {
+    return value !== null && PAGE_SIDE_MODES.includes(value);
+}
+function isUiPageScroll(value) {
+    return value !== null && PAGE_SCROLL_VALUES.includes(value);
+}
+function isUiPageHeight(value) {
+    return value !== null && PAGE_HEIGHT_VALUES.includes(value);
+}
+
+class PageStateService {
+    variantState = signal(PAGE_DEFAULT_VARIANT, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variantState" }] : /* istanbul ignore next */ []));
+    heightState = signal(PAGE_DEFAULT_HEIGHT, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "heightState" }] : /* istanbul ignore next */ []));
+    scrollState = signal(PAGE_DEFAULT_SCROLL, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollState" }] : /* istanbul ignore next */ []));
+    positionState = signal(PAGE_DEFAULT_SIDE_POSITION, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "positionState" }] : /* istanbul ignore next */ []));
+    sideModeState = signal(PAGE_DEFAULT_SIDE_MODE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sideModeState" }] : /* istanbul ignore next */ []));
+    internalSideOpenState = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "internalSideOpenState" }] : /* istanbul ignore next */ []));
+    controlledSideOpenState = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "controlledSideOpenState" }] : /* istanbul ignore next */ []));
+    sideWidthState = signal(PAGE_DEFAULT_SIDE_WIDTH, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sideWidthState" }] : /* istanbul ignore next */ []));
+    sideIdState = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sideIdState" }] : /* istanbul ignore next */ []));
+    sideOpenRequestState = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sideOpenRequestState" }] : /* istanbul ignore next */ []));
+    sideOpenRequestVersionState = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sideOpenRequestVersionState" }] : /* istanbul ignore next */ []));
+    variant = this.variantState.asReadonly();
+    height = this.heightState.asReadonly();
+    scroll = this.scrollState.asReadonly();
+    position = this.positionState.asReadonly();
+    sideMode = this.sideModeState.asReadonly();
+    sideWidth = this.sideWidthState.asReadonly();
+    sideId = this.sideIdState.asReadonly();
+    sideOpenRequest = this.sideOpenRequestState.asReadonly();
+    sideOpenRequestVersion = this.sideOpenRequestVersionState.asReadonly();
+    sideOpen = computed(() => this.controlledSideOpenState() ?? this.internalSideOpenState(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sideOpen" }] : /* istanbul ignore next */ []));
+    isSideInteractive = computed(() => this.sideMode() === 'drawer' || this.sideMode() === 'overlay', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isSideInteractive" }] : /* istanbul ignore next */ []));
+    isSideVisible = computed(() => this.sideMode() === 'sticky' || this.sideOpen(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isSideVisible" }] : /* istanbul ignore next */ []));
+    registerRoot(config) {
+        this.variantState.set(config.variant);
+        this.heightState.set(config.height);
+        this.scrollState.set(config.scroll);
+        this.positionState.set(config.position);
+        this.sideModeState.set(config.sideMode);
+        this.sideWidthState.set(config.sideWidth);
+    }
+    registerSide(config) {
+        this.sideModeState.set(config.mode);
+        this.positionState.set(config.position);
+        this.sideWidthState.set(config.width);
+        this.sideIdState.set(config.id);
+    }
+    setControlledSideOpen(open) {
+        this.controlledSideOpenState.set(open);
+        if (open !== null) {
+            this.internalSideOpenState.set(open);
+        }
+    }
+    setSideOpen(open) {
+        this.internalSideOpenState.set(open);
+    }
+    openSide() {
+        return this.requestSideOpenChange(true);
+    }
+    closeSide() {
+        return this.requestSideOpenChange(false);
+    }
+    toggleSide() {
+        return this.requestSideOpenChange(!this.sideOpen());
+    }
+    requestSideOpenChange(open) {
+        if (this.controlledSideOpenState() === null) {
+            this.internalSideOpenState.set(open);
+        }
+        this.sideOpenRequestState.set(open);
+        this.sideOpenRequestVersionState.update((version) => version + 1);
+        return open;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PageStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PageStateService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PageStateService, decorators: [{
+            type: Injectable
+        }] });
+
+let nextPageSideId = 0;
+class PageSideComponent {
+    document = inject(DOCUMENT, { optional: true });
+    page = inject(PageStateService);
+    resolvedId = `page-side-${++nextPageSideId}`;
+    mode = input('sticky', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    position = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    width = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+    closeOnEsc = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "closeOnEsc" }] : /* istanbul ignore next */ []));
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    resolvedMode = computed(() => this.mode() ?? this.page.sideMode(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedMode" }] : /* istanbul ignore next */ []));
+    resolvedPosition = computed(() => this.position() ?? this.page.position(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedPosition" }] : /* istanbul ignore next */ []));
+    resolvedWidth = computed(() => this.width() ?? this.page.sideWidth() ?? PAGE_DEFAULT_SIDE_WIDTH, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedWidth" }] : /* istanbul ignore next */ []));
+    isSticky = computed(() => this.resolvedMode() === 'sticky', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isSticky" }] : /* istanbul ignore next */ []));
+    isDrawer = computed(() => this.resolvedMode() === 'drawer', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isDrawer" }] : /* istanbul ignore next */ []));
+    isOverlay = computed(() => this.resolvedMode() === 'overlay', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isOverlay" }] : /* istanbul ignore next */ []));
+    resolvedScroll = computed(() => this.page.scroll() ?? PAGE_DEFAULT_SCROLL, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedScroll" }] : /* istanbul ignore next */ []));
+    ariaHidden = computed(() => (!this.isSticky() && !this.page.sideOpen() ? 'true' : null), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaHidden" }] : /* istanbul ignore next */ []));
+    classes = computed(() => {
+        const position = this.resolvedPosition();
+        const sideOpen = this.page.sideOpen();
+        return cn('block min-h-0 border-border bg-background', this.resolvedScroll() === 'content' && 'h-full overflow-auto', this.resolvedScroll() === 'page' && 'overflow-visible', this.isSticky() && 'shrink-0 w-[var(--page-side-width)]', this.isSticky() && position === 'left' && 'order-1 border-r', this.isSticky() && position === 'right' && 'order-2 border-l', this.isDrawer() &&
+            'absolute inset-y-0 z-20 w-[var(--page-side-width)] border shadow-sm transition-transform duration-200 ease-out', this.isDrawer() && position === 'left' && (sideOpen ? 'left-0 translate-x-0' : 'left-0 -translate-x-full'), this.isDrawer() && position === 'right' && (sideOpen ? 'right-0 translate-x-0' : 'right-0 translate-x-full'), this.isOverlay() &&
+            'absolute inset-y-0 z-30 w-[var(--page-side-width)] border shadow-md transition-transform duration-200 ease-out', this.isOverlay() && position === 'left' && (sideOpen ? 'left-0 translate-x-0' : 'left-0 -translate-x-full'), this.isOverlay() && position === 'right' && (sideOpen ? 'right-0 translate-x-0' : 'right-0 translate-x-full'), this.class());
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            this.page.registerSide({
+                mode: this.resolvedMode(),
+                position: this.resolvedPosition(),
+                width: this.resolvedWidth(),
+                id: this.resolvedId,
+            });
+        });
+        effect((onCleanup) => {
+            if (!this.closeOnEsc() || this.isSticky()) {
+                return;
+            }
+            const defaultView = this.document?.defaultView;
+            if (!defaultView) {
+                return;
+            }
+            const handler = (event) => {
+                if (event.key !== 'Escape') {
+                    return;
+                }
+                if (!untracked(() => this.page.sideOpen())) {
+                    return;
+                }
+                untracked(() => {
+                    this.page.closeSide();
+                });
+            };
+            defaultView.addEventListener('keydown', handler);
+            onCleanup(() => defaultView.removeEventListener('keydown', handler));
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PageSideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.2", type: PageSideComponent, isStandalone: true, selector: "PageSide", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, closeOnEsc: { classPropertyName: "closeOnEsc", publicName: "closeOnEsc", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.id": "resolvedId", "attr.data-page-slot": "\"side\"", "attr.data-page-side-mode": "resolvedMode()", "attr.data-page-side-open": "page.sideOpen()", "attr.data-page-position": "resolvedPosition()", "attr.aria-hidden": "ariaHidden()", "style.--page-side-width": "resolvedWidth()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PageSideComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'PageSide',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.id]': 'resolvedId',
+                        '[attr.data-page-slot]': '"side"',
+                        '[attr.data-page-side-mode]': 'resolvedMode()',
+                        '[attr.data-page-side-open]': 'page.sideOpen()',
+                        '[attr.data-page-position]': 'resolvedPosition()',
+                        '[attr.aria-hidden]': 'ariaHidden()',
+                        '[style.--page-side-width]': 'resolvedWidth()',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], ctorParameters: () => [], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], closeOnEsc: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEsc", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class PageComponent {
+    page = inject(PageStateService);
+    projectedSide = contentChild(PageSideComponent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "projectedSide" }] : /* istanbul ignore next */ []));
+    variant = input(PAGE_DEFAULT_VARIANT, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    height = input(PAGE_DEFAULT_HEIGHT, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
+    scroll = input(PAGE_DEFAULT_SCROLL, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scroll" }] : /* istanbul ignore next */ []));
+    position = input(PAGE_DEFAULT_SIDE_POSITION, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    sideMode = input(PAGE_DEFAULT_SIDE_MODE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sideMode" }] : /* istanbul ignore next */ []));
+    sideOpen = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sideOpen" }] : /* istanbul ignore next */ []));
+    sideWidth = input(PAGE_DEFAULT_SIDE_WIDTH, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sideWidth" }] : /* istanbul ignore next */ []));
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    sideOpenChange = output();
+    resolvedPosition = computed(() => this.projectedSide()?.position() ?? this.position(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedPosition" }] : /* istanbul ignore next */ []));
+    resolvedSideMode = computed(() => this.projectedSide()?.mode() ?? this.sideMode(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedSideMode" }] : /* istanbul ignore next */ []));
+    isLeftSide = computed(() => this.resolvedPosition() === 'left', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isLeftSide" }] : /* istanbul ignore next */ []));
+    isRightSide = computed(() => this.resolvedPosition() === 'right', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isRightSide" }] : /* istanbul ignore next */ []));
+    showsOverlayBackdrop = computed(() => this.variant() === 'side' && this.resolvedSideMode() === 'overlay' && this.page.sideOpen(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showsOverlayBackdrop" }] : /* istanbul ignore next */ []));
+    hostClasses = computed(() => cn('relative block h-full min-h-0 w-full min-w-0 overflow-hidden text-foreground', this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    shellClasses = computed(() => cn('relative z-10 h-full min-h-0 w-full min-w-0', this.scroll() === 'content' && 'grid grid-rows-[auto_minmax(0,1fr)_auto]', this.scroll() === 'page' && 'overflow-auto'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "shellClasses" }] : /* istanbul ignore next */ []));
+    bodyClasses = computed(() => {
+        if (this.variant() !== 'side') {
+            return cn('relative min-w-0', this.scroll() === 'content' && 'min-h-0');
+        }
+        const sideMode = this.resolvedSideMode();
+        const position = this.resolvedPosition();
+        if (sideMode === 'sticky') {
+            return cn('grid min-w-0', this.scroll() === 'content' && 'min-h-0', position === 'left'
+                ? 'grid-cols-[var(--page-side-width)_minmax(0,1fr)]'
+                : 'grid-cols-[minmax(0,1fr)_var(--page-side-width)]');
+        }
+        return cn('relative min-w-0', this.scroll() === 'content' && 'min-h-0');
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "bodyClasses" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            this.page.registerRoot({
+                variant: this.variant(),
+                height: this.height(),
+                scroll: this.scroll(),
+                position: this.position(),
+                sideMode: this.sideMode(),
+                sideWidth: this.sideWidth(),
+            });
+        });
+        effect(() => {
+            this.page.setControlledSideOpen(this.sideOpen());
+        });
+        effect(() => {
+            const requestVersion = this.page.sideOpenRequestVersion();
+            if (requestVersion === 0) {
+                return;
+            }
+            this.sideOpenChange.emit(this.page.sideOpenRequest() ?? false);
+        });
+    }
+    handleBackdropClick() {
+        this.page.closeSide();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: PageComponent, isStandalone: true, selector: "Page", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, scroll: { classPropertyName: "scroll", publicName: "scroll", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, sideMode: { classPropertyName: "sideMode", publicName: "sideMode", isSignal: true, isRequired: false, transformFunction: null }, sideOpen: { classPropertyName: "sideOpen", publicName: "sideOpen", isSignal: true, isRequired: false, transformFunction: null }, sideWidth: { classPropertyName: "sideWidth", publicName: "sideWidth", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sideOpenChange: "sideOpenChange" }, host: { properties: { "class": "hostClasses()", "attr.data-page-variant": "variant()", "attr.data-page-height": "height()", "attr.data-page-scroll": "scroll()", "attr.data-page-position": "resolvedPosition()", "attr.data-page-side-mode": "resolvedSideMode()", "attr.data-page-side-open": "page.sideOpen()", "style.--page-side-width": "sideWidth()" } }, providers: [PageStateService], queries: [{ propertyName: "projectedSide", first: true, predicate: PageSideComponent, descendants: true, isSignal: true }], ngImport: i0, template: `
+    @if (showsOverlayBackdrop()) {
+      <button
+        type="button"
+        aria-label="Close page side"
+        data-page-overlay-backdrop
+        class="absolute inset-0 z-20 bg-[hsl(var(--overlay-backdrop))]"
+        (click)="handleBackdropClick()"></button>
+    }
+
+    <div [class]="shellClasses()">
+      <ng-content select="PageHeader" />
+      <ng-content select="PageSideToggle" />
+
+      <div [class]="bodyClasses()">
+        @if (variant() === 'side') {
+          <ng-content select="PageSide" />
+        }
+
+        <ng-content select="PageContent, PageDashboard" />
+      </div>
+
+      <ng-content select="PageFooter" />
+    </div>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'Page',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [PageStateService],
+                    host: {
+                        '[class]': 'hostClasses()',
+                        '[attr.data-page-variant]': 'variant()',
+                        '[attr.data-page-height]': 'height()',
+                        '[attr.data-page-scroll]': 'scroll()',
+                        '[attr.data-page-position]': 'resolvedPosition()',
+                        '[attr.data-page-side-mode]': 'resolvedSideMode()',
+                        '[attr.data-page-side-open]': 'page.sideOpen()',
+                        '[style.--page-side-width]': 'sideWidth()',
+                    },
+                    template: `
+    @if (showsOverlayBackdrop()) {
+      <button
+        type="button"
+        aria-label="Close page side"
+        data-page-overlay-backdrop
+        class="absolute inset-0 z-20 bg-[hsl(var(--overlay-backdrop))]"
+        (click)="handleBackdropClick()"></button>
+    }
+
+    <div [class]="shellClasses()">
+      <ng-content select="PageHeader" />
+      <ng-content select="PageSideToggle" />
+
+      <div [class]="bodyClasses()">
+        @if (variant() === 'side') {
+          <ng-content select="PageSide" />
+        }
+
+        <ng-content select="PageContent, PageDashboard" />
+      </div>
+
+      <ng-content select="PageFooter" />
+    </div>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { projectedSide: [{ type: i0.ContentChild, args: [i0.forwardRef(() => PageSideComponent), { isSignal: true }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], scroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "scroll", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], sideMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideMode", required: false }] }], sideOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideOpen", required: false }] }], sideWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideWidth", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], sideOpenChange: [{ type: i0.Output, args: ["sideOpenChange"] }] } });
+
+class PageSideToggleComponent {
+    page = inject(PageStateService);
+    ariaLabel = input('Toggle page side', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    toggled = output();
+    hostClasses = computed(() => cn('inline-flex shrink-0', this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    buttonClasses = computed(() => cn('inline-flex h-9 min-w-9 items-center justify-center rounded-md border border-border bg-background px-3 text-sm text-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "buttonClasses" }] : /* istanbul ignore next */ []));
+    handleClick() {
+        this.toggled.emit(this.page.toggleSide());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PageSideToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.2", type: PageSideToggleComponent, isStandalone: true, selector: "PageSideToggle", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggled: "toggled" }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
+    <button
+      type="button"
+      [class]="buttonClasses()"
+      [attr.aria-label]="ariaLabel()"
+      [attr.aria-controls]="page.sideId()"
+      [attr.aria-expanded]="page.sideOpen()"
+      (click)="handleClick()">
+      <ng-content>
+        <span aria-hidden="true" class="text-lg leading-none">☰</span>
+      </ng-content>
+    </button>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PageSideToggleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'PageSideToggle',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'hostClasses()',
+                    },
+                    template: `
+    <button
+      type="button"
+      [class]="buttonClasses()"
+      [attr.aria-label]="ariaLabel()"
+      [attr.aria-controls]="page.sideId()"
+      [attr.aria-expanded]="page.sideOpen()"
+      (click)="handleClick()">
+      <ng-content>
+        <span aria-hidden="true" class="text-lg leading-none">☰</span>
+      </ng-content>
+    </button>
+  `,
+                }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], toggled: [{ type: i0.Output, args: ["toggled"] }] } });
+
+function buildPageBodyClasses(scroll, customClass) {
+    return cn('block min-w-0', scroll === 'content' && 'h-full min-h-0 overflow-auto', scroll === 'page' && 'overflow-visible', customClass);
+}
+class PageHeaderComponent {
+    page = inject(PageStateService, { optional: true });
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    resolvedHeight = computed(() => this.page?.height() ?? PAGE_DEFAULT_HEIGHT, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedHeight" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('block shrink-0 border-b border-border bg-background', this.class(), this.resolvedHeight() === 'fix' && 'h-12 overflow-hidden'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.2", type: PageHeaderComponent, isStandalone: true, selector: "PageHeader", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-page-slot": "header" }, properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PageHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'PageHeader',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        'data-page-slot': 'header',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class PageContentComponent {
+    page = inject(PageStateService, { optional: true });
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    resolvedScroll = computed(() => this.page?.scroll() ?? PAGE_DEFAULT_SCROLL, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedScroll" }] : /* istanbul ignore next */ []));
+    classes = computed(() => buildPageBodyClasses(this.resolvedScroll(), this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PageContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.2", type: PageContentComponent, isStandalone: true, selector: "PageContent", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-page-slot": "content" }, properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PageContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'PageContent',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        'data-page-slot': 'content',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class PageDashboardComponent {
+    page = inject(PageStateService, { optional: true });
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    resolvedScroll = computed(() => this.page?.scroll() ?? PAGE_DEFAULT_SCROLL, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedScroll" }] : /* istanbul ignore next */ []));
+    classes = computed(() => buildPageBodyClasses(this.resolvedScroll(), this.class()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PageDashboardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.2", type: PageDashboardComponent, isStandalone: true, selector: "PageDashboard", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-page-slot": "dashboard" }, properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PageDashboardComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'PageDashboard',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        'data-page-slot': 'dashboard',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class PageFooterComponent {
+    page = inject(PageStateService, { optional: true });
+    class = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    resolvedHeight = computed(() => this.page?.height() ?? PAGE_DEFAULT_HEIGHT, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedHeight" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('block shrink-0 border-t border-border bg-background', this.class(), this.resolvedHeight() === 'fix' && 'h-12 overflow-hidden'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PageFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.2", type: PageFooterComponent, isStandalone: true, selector: "PageFooter", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-page-slot": "footer" }, properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PageFooterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'PageFooter',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        'data-page-slot': 'footer',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PAGE_DEFAULT_HEIGHT, PAGE_DEFAULT_SCROLL, PAGE_DEFAULT_SIDE_MODE, PAGE_DEFAULT_SIDE_POSITION, PAGE_DEFAULT_SIDE_WIDTH, PAGE_DEFAULT_VARIANT, PAGE_HEIGHT_VALUES, PAGE_SCROLL_VALUES, PAGE_SIDE_MODES, PAGE_SIDE_POSITIONS, PAGE_VARIANTS, PageComponent, PageContentComponent, PageDashboardComponent, PageFooterComponent, PageHeaderComponent, PageSideComponent, PageSideToggleComponent, isUiPageHeight, isUiPageScroll, isUiPageSideMode, isUiPageSidePosition, isUiPageVariant };
+//# sourceMappingURL=ojiepermana-angular-theme-page.mjs.map