@ojiepermana/angular 22.1.14 → 22.2.0

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

@@ -1,114 +1,258 @@
-import * as i0 from '@angular/core';
-import { inject, input, computed, Component } from '@angular/core';
-import { cn } from '@ojiepermana/angular/component/utils/core';
-import { PageStateService, PAGE_DEFAULT_HEIGHT, PAGE_DEFAULT_SCROLL } from '@ojiepermana/angular/theme/page/core';
-
+import * as i0 from "@angular/core";
+import { Component, computed, inject, input } from "@angular/core";
+import { cn } from "@ojiepermana/angular/component/utils/core";
+import { PAGE_DEFAULT_HEIGHT, PAGE_DEFAULT_SCROLL, PageStateService } from "@ojiepermana/angular/theme/page/core";
 function buildPageBodyClasses(scroll, customClass) {
-    return cn('block min-w-0', scroll === 'content' && 'h-full min-h-0 overflow-auto', scroll === 'page' && 'overflow-visible', 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 */ []));
-    /** Saat tombol apps mengambang di atas header, sisakan ruang kanan agar isi header tidak tertimpa. */
-    reservesAppsLauncher = computed(() => this.page?.appsLauncherReserve() ?? false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "reservesAppsLauncher" }] : /* istanbul ignore next */ []));
-    /** Lebar tombol apps (h-9 w-9 = 36px) + offset kanan (right-2 = 8px) + jarak aman; `null` = tak memesan. */
-    appsLauncherReservePadding = computed(() => this.reservesAppsLauncher() ? '3.5rem' : null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "appsLauncherReservePadding" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn('block shrink-0 border-b border-[hsl(var(--border)/var(--section-border-opacity))] 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.1.6", ngImport: i0, type: PageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", 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()", "style.padding-right": "appsLauncherReservePadding()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: PageHeaderComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'PageHeader',
-                    host: {
-                        '[class]': 'classes()',
-                        // Inline style menang atas utility responsif konsumen (mis. `md:px-6`), jadi ruang
-                        // untuk tombol apps yang mengambang tetap terjamin di semua breakpoint.
-                        '[style.padding-right]': 'appsLauncherReservePadding()',
-                        '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.1.6", ngImport: i0, type: PageContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", 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()", "attr.tabindex": "resolvedScroll() === \"content\" ? \"0\" : null" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: PageContentComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'PageContent',
-                    host: {
-                        '[class]': 'classes()',
-                        // When this region scrolls its own content, make it keyboard-focusable so it
-                        // can be scrolled without a mouse (axe scrollable-region-focusable).
-                        '[attr.tabindex]': 'resolvedScroll() === "content" ? "0" : null',
-                        '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.1.6", ngImport: i0, type: PageDashboardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", 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 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: PageDashboardComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'PageDashboard',
-                    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-[hsl(var(--border)/var(--section-border-opacity))] 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.1.6", ngImport: i0, type: PageFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", 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 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: PageFooterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'PageFooter',
-                    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 { PageContentComponent, PageDashboardComponent, PageFooterComponent, PageHeaderComponent };
+var PageHeaderComponent = class PageHeaderComponent {
+	page = inject(PageStateService, { optional: true });
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	resolvedHeight = computed(() => this.page?.height() ?? PAGE_DEFAULT_HEIGHT, ...ngDevMode ? [{ debugName: "resolvedHeight" }] : /* istanbul ignore next */ []);
+	reservesAppsLauncher = computed(() => this.page?.appsLauncherReserve() ?? false, ...ngDevMode ? [{ debugName: "reservesAppsLauncher" }] : /* istanbul ignore next */ []);
+	appsLauncherReservePadding = computed(() => this.reservesAppsLauncher() ? "3.5rem" : null, ...ngDevMode ? [{ debugName: "appsLauncherReservePadding" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn("block shrink-0 border-b border-[hsl(var(--border)/var(--section-border-opacity))] bg-background", this.class(), this.resolvedHeight() === "fix" && "h-12 overflow-hidden"), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: PageHeaderComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		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()",
+				"style.padding-right": "appsLauncherReservePadding()"
+			}
+		},
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: PageHeaderComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "PageHeader",
+			host: {
+				"[class]": "classes()",
+				"[style.padding-right]": "appsLauncherReservePadding()",
+				"data-page-slot": "header"
+			},
+			template: `<ng-content />`
+		}]
+	}],
+	propDecorators: { class: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var PageContentComponent = class PageContentComponent {
+	page = inject(PageStateService, { optional: true });
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	resolvedScroll = computed(() => this.page?.scroll() ?? PAGE_DEFAULT_SCROLL, ...ngDevMode ? [{ debugName: "resolvedScroll" }] : /* istanbul ignore next */ []);
+	classes = computed(() => buildPageBodyClasses(this.resolvedScroll(), this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: PageContentComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		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()",
+				"attr.tabindex": "resolvedScroll() === \"content\" ? \"0\" : null"
+			}
+		},
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: PageContentComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "PageContent",
+			host: {
+				"[class]": "classes()",
+				"[attr.tabindex]": "resolvedScroll() === \"content\" ? \"0\" : null",
+				"data-page-slot": "content"
+			},
+			template: `<ng-content />`
+		}]
+	}],
+	propDecorators: { class: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var PageDashboardComponent = class PageDashboardComponent {
+	page = inject(PageStateService, { optional: true });
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	resolvedScroll = computed(() => this.page?.scroll() ?? PAGE_DEFAULT_SCROLL, ...ngDevMode ? [{ debugName: "resolvedScroll" }] : /* istanbul ignore next */ []);
+	classes = computed(() => buildPageBodyClasses(this.resolvedScroll(), this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: PageDashboardComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		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
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: PageDashboardComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "PageDashboard",
+			host: {
+				"[class]": "classes()",
+				"data-page-slot": "dashboard"
+			},
+			template: `<ng-content />`
+		}]
+	}],
+	propDecorators: { class: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var PageFooterComponent = class PageFooterComponent {
+	page = inject(PageStateService, { optional: true });
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	resolvedHeight = computed(() => this.page?.height() ?? PAGE_DEFAULT_HEIGHT, ...ngDevMode ? [{ debugName: "resolvedHeight" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn("block shrink-0 border-t border-[hsl(var(--border)/var(--section-border-opacity))] bg-background", this.class(), this.resolvedHeight() === "fix" && "h-12 overflow-hidden"), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: PageFooterComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		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
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: PageFooterComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "PageFooter",
+			host: {
+				"[class]": "classes()",
+				"data-page-slot": "footer"
+			},
+			template: `<ng-content />`
+		}]
+	}],
+	propDecorators: { class: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+export { PageContentComponent, PageDashboardComponent, PageFooterComponent, PageHeaderComponent };

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

@@ -1,12 +1,7 @@
-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, isUiPageAppearance, isUiPageFilterPlacement, isUiPageHeight, isUiPageScroll, isUiPageSideMode, isUiPageSidePosition, isUiPageVariant } from '@ojiepermana/angular/theme/page/core';
-export { PageFilterComponent, PageFilterToggleComponent } from '@ojiepermana/angular/theme/page/filter';
-export { PageComponent } from '@ojiepermana/angular/theme/page/root';
-export { PageSideComponent, PageSideToggleComponent } from '@ojiepermana/angular/theme/page/side';
-export { PageContentComponent, PageDashboardComponent, PageFooterComponent, PageHeaderComponent } from '@ojiepermana/angular/theme/page/slots';
-
-// Explicit named forwarding keeps the compatibility barrel inspectable by declaration/API tools
-// while each implementation remains owned by its focused secondary entry point.
-
-/**
- * Generated bundle index. Do not edit.
- */
+import { 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, isUiPageAppearance, isUiPageFilterPlacement, isUiPageHeight, isUiPageScroll, isUiPageSideMode, isUiPageSidePosition, isUiPageVariant } from "@ojiepermana/angular/theme/page/core";
+import { PageFilterComponent, PageFilterToggleComponent } from "@ojiepermana/angular/theme/page/filter";
+import { PageOverviewComponent } from "@ojiepermana/angular/theme/page/overview";
+import { PageComponent } from "@ojiepermana/angular/theme/page/root";
+import { PageSideComponent, PageSideToggleComponent } from "@ojiepermana/angular/theme/page/side";
+import { PageContentComponent, PageDashboardComponent, PageFooterComponent, PageHeaderComponent } from "@ojiepermana/angular/theme/page/slots";
+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, PageComponent, PageContentComponent, PageDashboardComponent, PageFilterComponent, PageFilterToggleComponent, PageFooterComponent, PageHeaderComponent, PageOverviewComponent, PageSideComponent, PageSideToggleComponent, isUiPageAppearance, isUiPageFilterPlacement, isUiPageHeight, isUiPageScroll, isUiPageSideMode, isUiPageSidePosition, isUiPageVariant };