@ojiepermana/angular 22.1.14 → 22.2.1

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

@@ -1,385 +1,315 @@
-import * as i0 from '@angular/core';
-import { signal, computed, Service, effect } from '@angular/core';
-
-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'];
-/** Visual appearance shared with the layout/navigation axes — unifies borders. */
-const PAGE_APPEARANCES = ['flat', 'border-rail'];
-/** `PageFilter` placement: `stacked` = a bar between header and content; `side` = a column beside content. */
-const PAGE_FILTER_PLACEMENTS = ['stacked', 'side'];
-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_APPEARANCE = 'flat';
-const PAGE_DEFAULT_SIDE_WIDTH = '16rem';
-/** Placement default `PageFilter`. */
-const PAGE_DEFAULT_FILTER_PLACEMENT = 'stacked';
-/** Default `PageFilter` mode under `placement="side"`; `stacked` always behaves as `sticky`. */
-const PAGE_DEFAULT_FILTER_MODE = 'sticky';
-/** Default position of the `PageFilter` column under `placement="side"`. */
-const PAGE_DEFAULT_FILTER_POSITION = 'left';
-/** Default width of the `PageFilter` column under `placement="side"` (sticky/drawer/overlay). */
-const PAGE_DEFAULT_FILTER_WIDTH = '18rem';
+import * as i0 from "@angular/core";
+import { Service, computed, effect, signal } from "@angular/core";
+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_APPEARANCES = ["flat", "border-rail"];
+const PAGE_FILTER_PLACEMENTS = ["stacked", "side"];
+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_APPEARANCE = "flat";
+const PAGE_DEFAULT_SIDE_WIDTH = "16rem";
+const PAGE_DEFAULT_FILTER_PLACEMENT = "stacked";
+const PAGE_DEFAULT_FILTER_MODE = "sticky";
+const PAGE_DEFAULT_FILTER_POSITION = "left";
+const PAGE_DEFAULT_FILTER_WIDTH = "18rem";
 function isUiPageVariant(value) {
-    return value !== null && PAGE_VARIANTS.includes(value);
+	return value !== null && PAGE_VARIANTS.includes(value);
 }
 function isUiPageSidePosition(value) {
-    return value !== null && PAGE_SIDE_POSITIONS.includes(value);
+	return value !== null && PAGE_SIDE_POSITIONS.includes(value);
 }
 function isUiPageSideMode(value) {
-    return value !== null && PAGE_SIDE_MODES.includes(value);
+	return value !== null && PAGE_SIDE_MODES.includes(value);
 }
 function isUiPageScroll(value) {
-    return value !== null && PAGE_SCROLL_VALUES.includes(value);
+	return value !== null && PAGE_SCROLL_VALUES.includes(value);
 }
 function isUiPageHeight(value) {
-    return value !== null && PAGE_HEIGHT_VALUES.includes(value);
+	return value !== null && PAGE_HEIGHT_VALUES.includes(value);
 }
 function isUiPageAppearance(value) {
-    return value !== null && PAGE_APPEARANCES.includes(value);
+	return value !== null && PAGE_APPEARANCES.includes(value);
 }
 function isUiPageFilterPlacement(value) {
-    return value !== null && PAGE_FILTER_PLACEMENTS.includes(value);
+	return value !== null && PAGE_FILTER_PLACEMENTS.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 */ []));
-    appearanceState = signal(PAGE_DEFAULT_APPEARANCE, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "appearanceState" }] : /* 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 */ []));
-    sideReturnFocus = null;
-    /** Aktif saat apps-launcher mengambang di atas `PageHeader`; header memesan ruang kanan agar isinya tidak tertimpa. */
-    appsLauncherReserveState = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "appsLauncherReserveState" }] : /* istanbul ignore next */ []));
-    // Filter state — paralel dengan side state agar `PageFilter` punya open/close sendiri yang independen.
-    filterPlacementState = signal(PAGE_DEFAULT_FILTER_PLACEMENT, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "filterPlacementState" }] : /* istanbul ignore next */ []));
-    filterModeState = signal(PAGE_DEFAULT_FILTER_MODE, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "filterModeState" }] : /* istanbul ignore next */ []));
-    filterPositionState = signal(PAGE_DEFAULT_FILTER_POSITION, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "filterPositionState" }] : /* istanbul ignore next */ []));
-    filterWidthState = signal(PAGE_DEFAULT_FILTER_WIDTH, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "filterWidthState" }] : /* istanbul ignore next */ []));
-    filterIdState = signal(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "filterIdState" }] : /* istanbul ignore next */ []));
-    internalFilterOpenState = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "internalFilterOpenState" }] : /* istanbul ignore next */ []));
-    controlledFilterOpenState = signal(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "controlledFilterOpenState" }] : /* istanbul ignore next */ []));
-    filterOpenRequestState = signal(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "filterOpenRequestState" }] : /* istanbul ignore next */ []));
-    filterOpenRequestVersionState = signal(0, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "filterOpenRequestVersionState" }] : /* istanbul ignore next */ []));
-    filterReturnFocus = null;
-    variant = this.variantState.asReadonly();
-    height = this.heightState.asReadonly();
-    scroll = this.scrollState.asReadonly();
-    appearance = this.appearanceState.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();
-    appsLauncherReserve = this.appsLauncherReserveState.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 */ []));
-    filterPlacement = this.filterPlacementState.asReadonly();
-    filterMode = this.filterModeState.asReadonly();
-    filterPosition = this.filterPositionState.asReadonly();
-    filterWidth = this.filterWidthState.asReadonly();
-    filterId = this.filterIdState.asReadonly();
-    filterOpenRequest = this.filterOpenRequestState.asReadonly();
-    filterOpenRequestVersion = this.filterOpenRequestVersionState.asReadonly();
-    filterOpen = computed(() => this.controlledFilterOpenState() ?? this.internalFilterOpenState(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "filterOpen" }] : /* istanbul ignore next */ []));
-    isFilterInteractive = computed(() => this.filterMode() === 'drawer' || this.filterMode() === 'overlay', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isFilterInteractive" }] : /* istanbul ignore next */ []));
-    isFilterVisible = computed(() => this.filterMode() === 'sticky' || this.filterOpen(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isFilterVisible" }] : /* istanbul ignore next */ []));
-    registerRoot(config) {
-        this.variantState.set(config.variant);
-        this.heightState.set(config.height);
-        this.scrollState.set(config.scroll);
-        this.appearanceState.set(config.appearance);
-        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);
-    }
-    setAppsLauncherReserve(reserve) {
-        this.appsLauncherReserveState.set(reserve);
-    }
-    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());
-    }
-    /** Stores the concrete trigger before opening so restoration is not browser-timing dependent. */
-    setSideReturnFocus(element) {
-        this.sideReturnFocus = element;
-    }
-    takeSideReturnFocus() {
-        const element = this.sideReturnFocus;
-        this.sideReturnFocus = null;
-        return element;
-    }
-    requestSideOpenChange(open) {
-        if (this.controlledSideOpenState() === null) {
-            this.internalSideOpenState.set(open);
-        }
-        this.sideOpenRequestState.set(open);
-        this.sideOpenRequestVersionState.update((version) => version + 1);
-        return open;
-    }
-    registerFilter(config) {
-        this.filterPlacementState.set(config.placement);
-        this.filterModeState.set(config.mode);
-        this.filterPositionState.set(config.position);
-        this.filterWidthState.set(config.width);
-        this.filterIdState.set(config.id);
-    }
-    setControlledFilterOpen(open) {
-        this.controlledFilterOpenState.set(open);
-        if (open !== null) {
-            this.internalFilterOpenState.set(open);
-        }
-    }
-    setFilterOpen(open) {
-        this.internalFilterOpenState.set(open);
-    }
-    openFilter() {
-        return this.requestFilterOpenChange(true);
-    }
-    closeFilter() {
-        return this.requestFilterOpenChange(false);
-    }
-    toggleFilter() {
-        return this.requestFilterOpenChange(!this.filterOpen());
-    }
-    /** Mirrors side focus ownership for filter drawer/overlay triggers. */
-    setFilterReturnFocus(element) {
-        this.filterReturnFocus = element;
-    }
-    takeFilterReturnFocus() {
-        const element = this.filterReturnFocus;
-        this.filterReturnFocus = null;
-        return element;
-    }
-    requestFilterOpenChange(open) {
-        if (this.controlledFilterOpenState() === null) {
-            this.internalFilterOpenState.set(open);
-        }
-        this.filterOpenRequestState.set(open);
-        this.filterOpenRequestVersionState.update((version) => version + 1);
-        return open;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: PageStateService, deps: [], target: i0.ɵɵFactoryTarget.Service });
-    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.6", ngImport: i0, type: PageStateService, autoProvided: false });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: PageStateService, decorators: [{
-            type: Service,
-            args: [{ autoProvided: false }]
-        }] });
-
+var PageStateService = class PageStateService {
+	variantState = signal(PAGE_DEFAULT_VARIANT, ...ngDevMode ? [{ debugName: "variantState" }] : /* istanbul ignore next */ []);
+	heightState = signal(PAGE_DEFAULT_HEIGHT, ...ngDevMode ? [{ debugName: "heightState" }] : /* istanbul ignore next */ []);
+	scrollState = signal(PAGE_DEFAULT_SCROLL, ...ngDevMode ? [{ debugName: "scrollState" }] : /* istanbul ignore next */ []);
+	appearanceState = signal(PAGE_DEFAULT_APPEARANCE, ...ngDevMode ? [{ debugName: "appearanceState" }] : /* istanbul ignore next */ []);
+	positionState = signal(PAGE_DEFAULT_SIDE_POSITION, ...ngDevMode ? [{ debugName: "positionState" }] : /* istanbul ignore next */ []);
+	sideModeState = signal(PAGE_DEFAULT_SIDE_MODE, ...ngDevMode ? [{ debugName: "sideModeState" }] : /* istanbul ignore next */ []);
+	internalSideOpenState = signal(false, ...ngDevMode ? [{ debugName: "internalSideOpenState" }] : /* istanbul ignore next */ []);
+	controlledSideOpenState = signal(null, ...ngDevMode ? [{ debugName: "controlledSideOpenState" }] : /* istanbul ignore next */ []);
+	sideWidthState = signal(PAGE_DEFAULT_SIDE_WIDTH, ...ngDevMode ? [{ debugName: "sideWidthState" }] : /* istanbul ignore next */ []);
+	sideIdState = signal(null, ...ngDevMode ? [{ debugName: "sideIdState" }] : /* istanbul ignore next */ []);
+	sideOpenRequestState = signal(null, ...ngDevMode ? [{ debugName: "sideOpenRequestState" }] : /* istanbul ignore next */ []);
+	sideOpenRequestVersionState = signal(0, ...ngDevMode ? [{ debugName: "sideOpenRequestVersionState" }] : /* istanbul ignore next */ []);
+	sideReturnFocus = null;
+	appsLauncherReserveState = signal(false, ...ngDevMode ? [{ debugName: "appsLauncherReserveState" }] : /* istanbul ignore next */ []);
+	filterPlacementState = signal(PAGE_DEFAULT_FILTER_PLACEMENT, ...ngDevMode ? [{ debugName: "filterPlacementState" }] : /* istanbul ignore next */ []);
+	filterModeState = signal(PAGE_DEFAULT_FILTER_MODE, ...ngDevMode ? [{ debugName: "filterModeState" }] : /* istanbul ignore next */ []);
+	filterPositionState = signal(PAGE_DEFAULT_FILTER_POSITION, ...ngDevMode ? [{ debugName: "filterPositionState" }] : /* istanbul ignore next */ []);
+	filterWidthState = signal(PAGE_DEFAULT_FILTER_WIDTH, ...ngDevMode ? [{ debugName: "filterWidthState" }] : /* istanbul ignore next */ []);
+	filterIdState = signal(null, ...ngDevMode ? [{ debugName: "filterIdState" }] : /* istanbul ignore next */ []);
+	internalFilterOpenState = signal(false, ...ngDevMode ? [{ debugName: "internalFilterOpenState" }] : /* istanbul ignore next */ []);
+	controlledFilterOpenState = signal(null, ...ngDevMode ? [{ debugName: "controlledFilterOpenState" }] : /* istanbul ignore next */ []);
+	filterOpenRequestState = signal(null, ...ngDevMode ? [{ debugName: "filterOpenRequestState" }] : /* istanbul ignore next */ []);
+	filterOpenRequestVersionState = signal(0, ...ngDevMode ? [{ debugName: "filterOpenRequestVersionState" }] : /* istanbul ignore next */ []);
+	filterReturnFocus = null;
+	variant = this.variantState.asReadonly();
+	height = this.heightState.asReadonly();
+	scroll = this.scrollState.asReadonly();
+	appearance = this.appearanceState.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();
+	appsLauncherReserve = this.appsLauncherReserveState.asReadonly();
+	sideOpen = computed(() => this.controlledSideOpenState() ?? this.internalSideOpenState(), ...ngDevMode ? [{ debugName: "sideOpen" }] : /* istanbul ignore next */ []);
+	isSideInteractive = computed(() => this.sideMode() === "drawer" || this.sideMode() === "overlay", ...ngDevMode ? [{ debugName: "isSideInteractive" }] : /* istanbul ignore next */ []);
+	isSideVisible = computed(() => this.sideMode() === "sticky" || this.sideOpen(), ...ngDevMode ? [{ debugName: "isSideVisible" }] : /* istanbul ignore next */ []);
+	filterPlacement = this.filterPlacementState.asReadonly();
+	filterMode = this.filterModeState.asReadonly();
+	filterPosition = this.filterPositionState.asReadonly();
+	filterWidth = this.filterWidthState.asReadonly();
+	filterId = this.filterIdState.asReadonly();
+	filterOpenRequest = this.filterOpenRequestState.asReadonly();
+	filterOpenRequestVersion = this.filterOpenRequestVersionState.asReadonly();
+	filterOpen = computed(() => this.controlledFilterOpenState() ?? this.internalFilterOpenState(), ...ngDevMode ? [{ debugName: "filterOpen" }] : /* istanbul ignore next */ []);
+	isFilterInteractive = computed(() => this.filterMode() === "drawer" || this.filterMode() === "overlay", ...ngDevMode ? [{ debugName: "isFilterInteractive" }] : /* istanbul ignore next */ []);
+	isFilterVisible = computed(() => this.filterMode() === "sticky" || this.filterOpen(), ...ngDevMode ? [{ debugName: "isFilterVisible" }] : /* istanbul ignore next */ []);
+	registerRoot(config) {
+		this.variantState.set(config.variant);
+		this.heightState.set(config.height);
+		this.scrollState.set(config.scroll);
+		this.appearanceState.set(config.appearance);
+		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);
+	}
+	setAppsLauncherReserve(reserve) {
+		this.appsLauncherReserveState.set(reserve);
+	}
+	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());
+	}
+	setSideReturnFocus(element) {
+		this.sideReturnFocus = element;
+	}
+	takeSideReturnFocus() {
+		const element = this.sideReturnFocus;
+		this.sideReturnFocus = null;
+		return element;
+	}
+	requestSideOpenChange(open) {
+		if (this.controlledSideOpenState() === null) this.internalSideOpenState.set(open);
+		this.sideOpenRequestState.set(open);
+		this.sideOpenRequestVersionState.update((version) => version + 1);
+		return open;
+	}
+	registerFilter(config) {
+		this.filterPlacementState.set(config.placement);
+		this.filterModeState.set(config.mode);
+		this.filterPositionState.set(config.position);
+		this.filterWidthState.set(config.width);
+		this.filterIdState.set(config.id);
+	}
+	setControlledFilterOpen(open) {
+		this.controlledFilterOpenState.set(open);
+		if (open !== null) this.internalFilterOpenState.set(open);
+	}
+	setFilterOpen(open) {
+		this.internalFilterOpenState.set(open);
+	}
+	openFilter() {
+		return this.requestFilterOpenChange(true);
+	}
+	closeFilter() {
+		return this.requestFilterOpenChange(false);
+	}
+	toggleFilter() {
+		return this.requestFilterOpenChange(!this.filterOpen());
+	}
+	setFilterReturnFocus(element) {
+		this.filterReturnFocus = element;
+	}
+	takeFilterReturnFocus() {
+		const element = this.filterReturnFocus;
+		this.filterReturnFocus = null;
+		return element;
+	}
+	requestFilterOpenChange(open) {
+		if (this.controlledFilterOpenState() === null) this.internalFilterOpenState.set(open);
+		this.filterOpenRequestState.set(open);
+		this.filterOpenRequestVersionState.update((version) => version + 1);
+		return open;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: PageStateService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Service
+	});
+	static ɵprov = i0.ɵɵngDeclareService({
+		minVersion: "22.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: PageStateService,
+		autoProvided: false
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: PageStateService,
+	decorators: [{
+		type: Service,
+		args: [{ autoProvided: false }]
+	}]
+});
 const FOCUSABLE_SELECTOR = [
-    'a[href]',
-    'button:not([disabled])',
-    'input:not([disabled])',
-    'select:not([disabled])',
-    'textarea:not([disabled])',
-    '[tabindex]:not([tabindex="-1"])',
-].join(',');
-const inertLocks = new WeakMap();
-const scrollLocks = new WeakMap();
-/**
- * Accessibility management for the Page panels.
- *
- * A drawer only gets initial focus and focus restoration. An overlay is a modal dialog:
- * focus is trapped, the background is made inert, and document scrolling is locked until
- * the panel closes. Must be called from an injection context, because it uses `effect`.
- */
-/** @internal */
+	"a[href]",
+	"button:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(",");
+const inertLocks = /* @__PURE__ */ new WeakMap();
+const scrollLocks = /* @__PURE__ */ new WeakMap();
 function ɵsetupOverlayFocusManagement(config) {
-    effect((onCleanup) => {
-        if (!config.isInteractive() || !config.isOpen()) {
-            return;
-        }
-        const document = config.document;
-        const view = document?.defaultView;
-        if (!document || !view) {
-            return;
-        }
-        const returnFocus = config.takeReturnFocus?.() ?? document.activeElement;
-        const modal = config.isModal();
-        const inertSnapshots = modal ? makeBackgroundInert(config.host) : [];
-        if (modal) {
-            lockDocumentScroll(document);
-        }
-        const handleKeydown = (event) => {
-            if (!modal || event.key !== 'Tab') {
-                return;
-            }
-            const focusable = getFocusableElements(config.host);
-            if (focusable.length === 0) {
-                event.preventDefault();
-                config.host.focus();
-                return;
-            }
-            const active = document.activeElement;
-            const first = focusable[0];
-            const last = focusable.at(-1);
-            const activeIndex = focusable.indexOf(active);
-            if (event.shiftKey && activeIndex <= 0) {
-                event.preventDefault();
-                last.focus();
-            }
-            else if (!event.shiftKey && (activeIndex === -1 || active === last)) {
-                event.preventDefault();
-                first.focus();
-            }
-        };
-        config.host.addEventListener('keydown', handleKeydown);
-        const animationFrame = view.requestAnimationFrame(() => {
-            const initial = config.host.querySelector('[data-page-initial-focus], [autofocus]') ??
-                getFocusableElements(config.host)[0] ??
-                config.host;
-            initial.focus();
-        });
-        onCleanup(() => {
-            view.cancelAnimationFrame(animationFrame);
-            config.host.removeEventListener('keydown', handleKeydown);
-            restoreBackground(inertSnapshots);
-            if (modal) {
-                unlockDocumentScroll(document);
-            }
-            if (returnFocus?.isConnected && typeof returnFocus.focus === 'function') {
-                view.requestAnimationFrame(() => returnFocus.focus());
-            }
-        });
-    });
+	effect((onCleanup) => {
+		if (!config.isInteractive() || !config.isOpen()) return;
+		const document = config.document;
+		const view = document?.defaultView;
+		if (!document || !view) return;
+		const returnFocus = config.takeReturnFocus?.() ?? document.activeElement;
+		const modal = config.isModal();
+		const inertSnapshots = modal ? makeBackgroundInert(config.host) : [];
+		if (modal) lockDocumentScroll(document);
+		const handleKeydown = (event) => {
+			if (!modal || event.key !== "Tab") return;
+			const focusable = getFocusableElements(config.host);
+			if (focusable.length === 0) {
+				event.preventDefault();
+				config.host.focus();
+				return;
+			}
+			const active = document.activeElement;
+			const first = focusable[0];
+			const last = focusable.at(-1);
+			const activeIndex = focusable.indexOf(active);
+			if (event.shiftKey && activeIndex <= 0) {
+				event.preventDefault();
+				last.focus();
+			} else if (!event.shiftKey && (activeIndex === -1 || active === last)) {
+				event.preventDefault();
+				first.focus();
+			}
+		};
+		config.host.addEventListener("keydown", handleKeydown);
+		const animationFrame = view.requestAnimationFrame(() => {
+			(config.host.querySelector("[data-page-initial-focus], [autofocus]") ?? getFocusableElements(config.host)[0] ?? config.host).focus();
+		});
+		onCleanup(() => {
+			view.cancelAnimationFrame(animationFrame);
+			config.host.removeEventListener("keydown", handleKeydown);
+			restoreBackground(inertSnapshots);
+			if (modal) unlockDocumentScroll(document);
+			if (returnFocus?.isConnected && typeof returnFocus.focus === "function") view.requestAnimationFrame(() => returnFocus.focus());
+		});
+	});
 }
 function getFocusableElements(host) {
-    return Array.from(host.querySelectorAll(FOCUSABLE_SELECTOR)).filter((element) => !element.hidden && !element.inert && element.getAttribute('aria-hidden') !== 'true');
+	return Array.from(host.querySelectorAll(FOCUSABLE_SELECTOR)).filter((element) => !element.hidden && !element.inert && element.getAttribute("aria-hidden") !== "true");
 }
-/** Make every sibling along the panel → Page host path inert, without killing backdrop dismiss. */
 function makeBackgroundInert(host) {
-    const snapshots = [];
-    const pageRoot = host.closest('Page');
-    if (!pageRoot) {
-        return snapshots;
-    }
-    let branch = host;
-    let parent = branch.parentElement;
-    while (parent) {
-        for (const sibling of Array.from(parent.children)) {
-            if (sibling === branch ||
-                !(sibling instanceof HTMLElement) ||
-                sibling.hasAttribute('data-page-overlay-backdrop')) {
-                continue;
-            }
-            const lock = inertLocks.get(sibling);
-            if (lock) {
-                lock.count += 1;
-            }
-            else {
-                inertLocks.set(sibling, { count: 1, initial: sibling.inert === true });
-            }
-            snapshots.push({ element: sibling });
-            sibling.inert = true;
-        }
-        if (parent === pageRoot) {
-            break;
-        }
-        branch = parent;
-        parent = parent.parentElement;
-    }
-    return snapshots;
+	const snapshots = [];
+	const pageRoot = host.closest("Page");
+	if (!pageRoot) return snapshots;
+	let branch = host;
+	let parent = branch.parentElement;
+	while (parent) {
+		for (const sibling of Array.from(parent.children)) {
+			if (sibling === branch || !(sibling instanceof HTMLElement) || sibling.hasAttribute("data-page-overlay-backdrop")) continue;
+			const lock = inertLocks.get(sibling);
+			if (lock) lock.count += 1;
+			else inertLocks.set(sibling, {
+				count: 1,
+				initial: sibling.inert === true
+			});
+			snapshots.push({ element: sibling });
+			sibling.inert = true;
+		}
+		if (parent === pageRoot) break;
+		branch = parent;
+		parent = parent.parentElement;
+	}
+	return snapshots;
 }
 function restoreBackground(snapshots) {
-    for (const snapshot of snapshots) {
-        const lock = inertLocks.get(snapshot.element);
-        if (!lock) {
-            continue;
-        }
-        lock.count -= 1;
-        if (lock.count === 0) {
-            snapshot.element.inert = lock.initial;
-            inertLocks.delete(snapshot.element);
-        }
-    }
+	for (const snapshot of snapshots) {
+		const lock = inertLocks.get(snapshot.element);
+		if (!lock) continue;
+		lock.count -= 1;
+		if (lock.count === 0) {
+			snapshot.element.inert = lock.initial;
+			inertLocks.delete(snapshot.element);
+		}
+	}
 }
 function lockDocumentScroll(document) {
-    const lock = scrollLocks.get(document);
-    if (lock) {
-        lock.count += 1;
-    }
-    else {
-        scrollLocks.set(document, { count: 1, initialOverflow: document.body.style.overflow });
-    }
-    document.body.style.overflow = 'hidden';
+	const lock = scrollLocks.get(document);
+	if (lock) lock.count += 1;
+	else scrollLocks.set(document, {
+		count: 1,
+		initialOverflow: document.body.style.overflow
+	});
+	document.body.style.overflow = "hidden";
 }
 function unlockDocumentScroll(document) {
-    const lock = scrollLocks.get(document);
-    if (!lock) {
-        return;
-    }
-    lock.count -= 1;
-    if (lock.count === 0) {
-        document.body.style.overflow = lock.initialOverflow;
-        scrollLocks.delete(document);
-    }
+	const lock = scrollLocks.get(document);
+	if (!lock) return;
+	lock.count -= 1;
+	if (lock.count === 0) {
+		document.body.style.overflow = lock.initialOverflow;
+		scrollLocks.delete(document);
+	}
 }
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { PAGE_APPEARANCES, PAGE_DEFAULT_APPEARANCE, PAGE_DEFAULT_FILTER_MODE, PAGE_DEFAULT_FILTER_PLACEMENT, PAGE_DEFAULT_FILTER_POSITION, PAGE_DEFAULT_FILTER_WIDTH, PAGE_DEFAULT_HEIGHT, PAGE_DEFAULT_SCROLL, PAGE_DEFAULT_SIDE_MODE, PAGE_DEFAULT_SIDE_POSITION, PAGE_DEFAULT_SIDE_WIDTH, PAGE_DEFAULT_VARIANT, PAGE_FILTER_PLACEMENTS, PAGE_HEIGHT_VALUES, PAGE_SCROLL_VALUES, PAGE_SIDE_MODES, PAGE_SIDE_POSITIONS, PAGE_VARIANTS, PageStateService, isUiPageAppearance, isUiPageFilterPlacement, isUiPageHeight, isUiPageScroll, isUiPageSideMode, isUiPageSidePosition, isUiPageVariant, ɵsetupOverlayFocusManagement };
+export { PAGE_APPEARANCES, PAGE_DEFAULT_APPEARANCE, PAGE_DEFAULT_FILTER_MODE, PAGE_DEFAULT_FILTER_PLACEMENT, PAGE_DEFAULT_FILTER_POSITION, PAGE_DEFAULT_FILTER_WIDTH, PAGE_DEFAULT_HEIGHT, PAGE_DEFAULT_SCROLL, PAGE_DEFAULT_SIDE_MODE, PAGE_DEFAULT_SIDE_POSITION, PAGE_DEFAULT_SIDE_WIDTH, PAGE_DEFAULT_VARIANT, PAGE_FILTER_PLACEMENTS, PAGE_HEIGHT_VALUES, PAGE_SCROLL_VALUES, PAGE_SIDE_MODES, PAGE_SIDE_POSITIONS, PAGE_VARIANTS, PageStateService, isUiPageAppearance, isUiPageFilterPlacement, isUiPageHeight, isUiPageScroll, isUiPageSideMode, isUiPageSidePosition, isUiPageVariant, ɵsetupOverlayFocusManagement };