valtech-components 2.0.821 → 2.0.823

package/esm2022/lib/components/templates/page-content/page-content.component.mjs

@@ -0,0 +1,193 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, inject, Input, Output } from '@angular/core';
+import { IonContent } from '@ionic/angular/standalone';
+import { HeaderComponent } from '../../organisms/header/header.component';
+import { UpdateBannerComponent } from '../../molecules/update-banner/update-banner.component';
+import { VALTECH_APP_CONFIG } from '../../../services/app-config/config';
+import { resolveColor } from '../../../shared/utils/styles';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../services/theme.service";
+import * as i2 from "../../../services/navigation";
+import * as i3 from "@angular/common";
+/**
+ * val-page-content
+ *
+ * A page content template with corporate header, main content area,
+ * and footer slots. Supports dark mode and customizable backgrounds.
+ *
+ * @example
+ * <val-page-content
+ *   [props]="{
+ *     header: { ... },
+ *     background: '--main-background',
+ *     homeRoute: '/'
+ *   }"
+ *   (onHeaderClick)="handleHeaderAction($event)"
+ * >
+ *   <div content>
+ *     <!-- Main page content -->
+ *   </div>
+ *   <div footer>
+ *     <val-company-footer [props]="footerProps"></val-company-footer>
+ *   </div>
+ * </val-page-content>
+ *
+ * @input props - Page content configuration
+ * @output onHeaderClick - Emits when a header action is clicked
+ */
+export class PageContentComponent {
+    constructor(theme, nav) {
+        this.theme = theme;
+        this.nav = nav;
+        /**
+         * Page content configuration.
+         */
+        this.props = {};
+        this.appConfigEnabled = inject(VALTECH_APP_CONFIG, { optional: true });
+        /**
+         * Emits when a header action is clicked.
+         */
+        this.onHeaderClick = new EventEmitter();
+        /**
+         * Default header configuration (cached to avoid infinite change detection).
+         */
+        this.defaultHeader = {
+            bordered: true,
+            translucent: true,
+            toolbar: {
+                withBack: false,
+                withActions: true,
+                textColor: 'dark',
+                withMenu: true,
+                title: '',
+                languageSelector: undefined,
+                actions: [
+                    {
+                        token: 'header-logo',
+                        description: '',
+                        position: 'left',
+                        type: 'IMAGE',
+                        image: {
+                            width: 10,
+                            src: '--main-logo',
+                            alt: 'header logo',
+                            mode: 'box',
+                            shaded: false,
+                            bordered: false,
+                            size: 'small',
+                            limited: false,
+                            flex: true,
+                        },
+                    },
+                ],
+            },
+        };
+    }
+    /**
+     * Whether to show the update banner.
+     * Only shows if AppConfigService is configured and not disabled via props.
+     */
+    get showUpdateBanner() {
+        return this.appConfigEnabled !== null && this.props.showUpdateBanner !== false;
+    }
+    /**
+     * Gets header props, using cached default if not provided.
+     * Injects languageSelector into toolbar when provided at page level.
+     */
+    get headerProps() {
+        const header = this.props.header || this.defaultHeader;
+        // Inject languageSelector into toolbar if provided at page level
+        if (this.props.languageSelector && !header.toolbar.languageSelector) {
+            return {
+                ...header,
+                toolbar: {
+                    ...header.toolbar,
+                    languageSelector: this.props.languageSelector,
+                },
+            };
+        }
+        return header;
+    }
+    /**
+     * Gets the background color based on theme.
+     */
+    getBackground() {
+        if (this.theme.IsDark) {
+            return 'var(--ion-background-color)';
+        }
+        const bg = this.props.background;
+        if (!bg) {
+            return 'var(--ion-background-color)';
+        }
+        return resolveColor(bg);
+    }
+    /**
+     * Handles header action clicks.
+     */
+    onHeaderClickHandler(token) {
+        this.onHeaderClick.emit(token);
+        // Navigate to home route if configured and logo was clicked
+        if (token === 'header-logo' && this.props.homeRoute) {
+            this.nav.navigateByUrl(this.props.homeRoute);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageContentComponent, deps: [{ token: i1.ThemeService }, { token: i2.NavigationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PageContentComponent, isStandalone: true, selector: "val-page-content", inputs: { props: "props" }, outputs: { onHeaderClick: "onHeaderClick" }, ngImport: i0, template: `
+    <div class="ion-page">
+      <val-header
+        [props]="headerProps"
+        (onClick)="onHeaderClickHandler($event)"
+      />
+      <ion-content
+        [fullscreen]="true"
+        [ngStyle]="{
+          '--background': getBackground()
+        }"
+      >
+        @if (showUpdateBanner) {
+          <val-update-banner />
+        }
+        <div class="page-wrapper">
+          <main>
+            <ng-content select="[content]"></ng-content>
+          </main>
+          <ng-content select="[footer]"></ng-content>
+        </div>
+      </ion-content>
+      <ng-content select="[extra-footer]"></ng-content>
+    </div>
+  `, isInline: true, styles: [".page-wrapper{display:flex;flex-direction:column;min-height:100%}main{flex:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: HeaderComponent, selector: "val-header", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: UpdateBannerComponent, selector: "val-update-banner" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-page-content', standalone: true, imports: [CommonModule, HeaderComponent, IonContent, UpdateBannerComponent], template: `
+    <div class="ion-page">
+      <val-header
+        [props]="headerProps"
+        (onClick)="onHeaderClickHandler($event)"
+      />
+      <ion-content
+        [fullscreen]="true"
+        [ngStyle]="{
+          '--background': getBackground()
+        }"
+      >
+        @if (showUpdateBanner) {
+          <val-update-banner />
+        }
+        <div class="page-wrapper">
+          <main>
+            <ng-content select="[content]"></ng-content>
+          </main>
+          <ng-content select="[footer]"></ng-content>
+        </div>
+      </ion-content>
+      <ng-content select="[extra-footer]"></ng-content>
+    </div>
+  `, styles: [".page-wrapper{display:flex;flex-direction:column;min-height:100%}main{flex:1}\n"] }]
+        }], ctorParameters: () => [{ type: i1.ThemeService }, { type: i2.NavigationService }], propDecorators: { props: [{
+                type: Input
+            }], onHeaderClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy90ZW1wbGF0ZXMvcGFnZS1jb250ZW50L3BhZ2UtY29udGVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDMUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdURBQXVELENBQUM7QUFHOUYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFekUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7OztBQUU1RDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXlCRztBQTBDSCxNQUFNLE9BQU8sb0JBQW9CO0lBUS9CLFlBQ1UsS0FBbUIsRUFDbkIsR0FBc0I7UUFEdEIsVUFBSyxHQUFMLEtBQUssQ0FBYztRQUNuQixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQVRoQzs7V0FFRztRQUNNLFVBQUssR0FBd0IsRUFBRSxDQUFDO1FBRWpDLHFCQUFnQixHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBZTFFOztXQUVHO1FBQ08sa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRXJEOztXQUVHO1FBQ2Msa0JBQWEsR0FBRztZQUMvQixRQUFRLEVBQUUsSUFBSTtZQUNkLFdBQVcsRUFB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QUs7Z0JBb0JJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIGluamVjdCwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW9uQ29udGVudCB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyL3N0YW5kYWxvbmUnO1xuaW1wb3J0IHsgSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vb3JnYW5pc21zL2hlYWRlci9oZWFkZXIuY29tcG9uZW50JztcbmltcG9ydCB7IFVwZGF0ZUJhbm5lckNvbXBvbmVudCB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy91cGRhdGUtYmFubmVyL3VwZGF0ZS1iYW5uZXIuY29tcG9uZW50JztcbmltcG9ydCB7IFRoZW1lU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL3RoZW1lLnNlcnZpY2UnO1xuaW1wb3J0IHsgTmF2aWdhdGlvblNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9uYXZpZ2F0aW9uJztcbmltcG9ydCB7IFZBTFRFQ0hfQVBQX0NPTkZJRyB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2FwcC1jb25maWcvY29uZmlnJztcbmltcG9ydCB7IFBhZ2VDb250ZW50TWV0YWRhdGEgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IHJlc29sdmVDb2xvciB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC91dGlscy9zdHlsZXMnO1xuXG4vKipcbiAqIHZhbC1wYWdlLWNvbnRlbnRcbiAqXG4gKiBBIHBhZ2UgY29udGVudCB0ZW1wbGF0ZSB3aXRoIGNvcnBvcmF0ZSBoZWFkZXIsIG1haW4gY29udGVudCBhcmVhLFxuICogYW5kIGZvb3RlciBzbG90cy4gU3VwcG9ydHMgZGFyayBtb2RlIGFuZCBjdXN0b21pemFibGUgYmFja2dyb3VuZHMuXG4gKlxuICogQGV4YW1wbGVcbiAqIDx2YWwtcGFnZS1jb250ZW50XG4gKiAgIFtwcm9wc109XCJ7XG4gKiAgICAgaGVhZGVyOiB7IC4uLiB9LFxuICogICAgIGJhY2tncm91bmQ6ICctLW1haW4tYmFja2dyb3VuZCcsXG4gKiAgICAgaG9tZVJvdXRlOiAnLydcbiAqICAgfVwiXG4gKiAgIChvbkhlYWRlckNsaWNrKT1cImhhbmRsZUhlYWRlckFjdGlvbigkZXZlbnQpXCJcbiAqID5cbiAqICAgPGRpdiBjb250ZW50PlxuICogICAgIDwhLS0gTWFpbiBwYWdlIGNvbnRlbnQgLS0+XG4gKiAgIDwvZGl2PlxuICogICA8ZGl2IGZvb3Rlcj5cbiAqICAgICA8dmFsLWNvbXBhbnktZm9vdGVyIFtwcm9wc109XCJmb290ZXJQcm9wc1wiPjwvdmFsLWNvbXBhbnktZm9vdGVyPlxuICogICA8L2Rpdj5cbiAqIDwvdmFsLXBhZ2UtY29udGVudD5cbiAqXG4gKiBAaW5wdXQgcHJvcHMgLSBQYWdlIGNvbnRlbnQgY29uZmlndXJhdGlvblxuICogQG91dHB1dCBvbkhlYWRlckNsaWNrIC0gRW1pdHMgd2hlbiBhIGhlYWRlciBhY3Rpb24gaXMgY2xpY2tlZFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtcGFnZS1jb250ZW50JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSGVhZGVyQ29tcG9uZW50LCBJb25Db250ZW50LCBVcGRhdGVCYW5uZXJDb21wb25lbnRdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJpb24tcGFnZVwiPlxuICAgICAgPHZhbC1oZWFkZXJcbiAgICAgICAgW3Byb3BzXT1cImhlYWRlclByb3BzXCJcbiAgICAgICAgKG9uQ2xpY2spPVwib25IZWFkZXJDbGlja0hhbmRsZXIoJGV2ZW50KVwiXG4gICAgICAvPlxuICAgICAgPGlvbi1jb250ZW50XG4gICAgICAgIFtmdWxsc2NyZWVuXT1cInRydWVcIlxuICAgICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgICAgJy0tYmFja2dyb3VuZCc6IGdldEJhY2tncm91bmQoKVxuICAgICAgICB9XCJcbiAgICAgID5cbiAgICAgICAgQGlmIChzaG93VXBkYXRlQmFubmVyKSB7XG4gICAgICAgICAgPHZhbC11cGRhdGUtYmFubmVyIC8+XG4gICAgICAgIH1cbiAgICAgICAgPGRpdiBjbGFzcz1cInBhZ2Utd3JhcHBlclwiPlxuICAgICAgICAgIDxtYWluPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2NvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgIDwvbWFpbj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZm9vdGVyXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2lvbi1jb250ZW50PlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2V4dHJhLWZvb3Rlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlczogYFxuICAgIC5wYWdlLXdyYXBwZXIge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgIG1haW4ge1xuICAgICAgZmxleDogMTtcbiAgICB9XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VDb250ZW50Q29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFBhZ2UgY29udGVudCBjb25maWd1cmF0aW9uLlxuICAgKi9cbiAgQElucHV0KCkgcHJvcHM6IFBhZ2VDb250ZW50TWV0YWRhdGEgPSB7fTtcblxuICBwcml2YXRlIGFwcENvbmZpZ0VuYWJsZWQgPSBpbmplY3QoVkFMVEVDSF9BUFBfQ09ORklHLCB7IG9wdGlvbmFsOiB0cnVlIH0pO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgdGhlbWU6IFRoZW1lU2VydmljZSxcbiAgICBwcml2YXRlIG5hdjogTmF2aWdhdGlvblNlcnZpY2VcbiAgKSB7fVxuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRvIHNob3cgdGhlIHVwZGF0ZSBiYW5uZXIuXG4gICAqIE9ubHkgc2hvd3MgaWYgQXBwQ29uZmlnU2VydmljZSBpcyBjb25maWd1cmVkIGFuZCBub3QgZGlzYWJsZWQgdmlhIHByb3BzLlxuICAgKi9cbiAgZ2V0IHNob3dVcGRhdGVCYW5uZXIoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuYXBwQ29uZmlnRW5hYmxlZCAhPT0gbnVsbCAmJiB0aGlzLnByb3BzLnNob3dVcGRhdGVCYW5uZXIgIT09IGZhbHNlO1xuICB9XG5cbiAgLyoqXG4gICAqIEVtaXRzIHdoZW4gYSBoZWFkZXIgYWN0aW9uIGlzIGNsaWNrZWQuXG4gICAqL1xuICBAT3V0cHV0KCkgb25IZWFkZXJDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIC8qKlxuICAgKiBEZWZhdWx0IGhlYWRlciBjb25maWd1cmF0aW9uIChjYWNoZWQgdG8gYXZvaWQgaW5maW5pdGUgY2hhbmdlIGRldGVjdGlvbikuXG4gICAqL1xuICBwcml2YXRlIHJlYWRvbmx5IGRlZmF1bHRIZWFkZXIgPSB7XG4gICAgYm9yZGVyZWQ6IHRydWUsXG4gICAgdHJhbnNsdWNlbnQ6IHRydWUsXG4gICAgdG9vbGJhcjoge1xuICAgICAgd2l0aEJhY2s6IGZhbHNlLFxuICAgICAgd2l0aEFjdGlvbnM6IHRydWUsXG4gICAgICB0ZXh0Q29sb3I6ICdkYXJrJyBhcyBjb25zdCxcbiAgICAgIHdpdGhNZW51OiB0cnVlLFxuICAgICAgdGl0bGU6ICcnLFxuICAgICAgbGFuZ3VhZ2VTZWxlY3RvcjogdW5kZWZpbmVkIGFzIHVuZGVmaW5lZCxcbiAgICAgIGFjdGlvbnM6IFtcbiAgICAgICAge1xuICAgICAgICAgIHRva2VuOiAnaGVhZGVyLWxvZ28nLFxuICAgICAgICAgIGRlc2NyaXB0aW9uOiAnJyxcbiAgICAgICAgICBwb3NpdGlvbjogJ2xlZnQnIGFzIGNvbnN0LFxuICAgICAgICAgIHR5cGU6ICdJTUFHRScgYXMgY29uc3QsXG4gICAgICAgICAgaW1hZ2U6IHtcbiAgICAgICAgICAgIHdpZHRoOiAxMCxcbiAgICAgICAgICAgIHNyYzogJy0tbWFpbi1sb2dvJyxcbiAgICAgICAgICAgIGFsdDogJ2hlYWRlciBsb2dvJyxcbiAgICAgICAgICAgIG1vZGU6ICdib3gnIGFzIGNvbnN0LFxuICAgICAgICAgICAgc2hhZGVkOiBmYWxzZSxcbiAgICAgICAgICAgIGJvcmRlcmVkOiBmYWxzZSxcbiAgICAgICAgICAgIHNpemU6ICdzbWFsbCcgYXMgY29uc3QsXG4gICAgICAgICAgICBsaW1pdGVkOiBmYWxzZSxcbiAgICAgICAgICAgIGZsZXg6IHRydWUsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgfSxcbiAgfTtcblxuICAvKipcbiAgICogR2V0cyBoZWFkZXIgcHJvcHMsIHVzaW5nIGNhY2hlZCBkZWZhdWx0IGlmIG5vdCBwcm92aWRlZC5cbiAgICogSW5qZWN0cyBsYW5ndWFnZVNlbGVjdG9yIGludG8gdG9vbGJhciB3aGVuIHByb3ZpZGVkIGF0IHBhZ2UgbGV2ZWwuXG4gICAqL1xuICBnZXQgaGVhZGVyUHJvcHMoKSB7XG4gICAgY29uc3QgaGVhZGVyID0gdGhpcy5wcm9wcy5oZWFkZXIgfHwgdGhpcy5kZWZhdWx0SGVhZGVyO1xuXG4gICAgLy8gSW5qZWN0IGxhbmd1YWdlU2VsZWN0b3IgaW50byB0b29sYmFyIGlmIHByb3ZpZGVkIGF0IHBhZ2UgbGV2ZWxcbiAgICBpZiAodGhpcy5wcm9wcy5sYW5ndWFnZVNlbGVjdG9yICYmICFoZWFkZXIudG9vbGJhci5sYW5ndWFnZVNlbGVjdG9yKSB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICAuLi5oZWFkZXIsXG4gICAgICAgIHRvb2xiYXI6IHtcbiAgICAgICAgICAuLi5oZWFkZXIudG9vbGJhcixcbiAgICAgICAgICBsYW5ndWFnZVNlbGVjdG9yOiB0aGlzLnByb3BzLmxhbmd1YWdlU2VsZWN0b3IsXG4gICAgICAgIH0sXG4gICAgICB9O1xuICAgIH1cblxuICAgIHJldHVybiBoZWFkZXI7XG4gIH1cblxuICAvKipcbiAgICogR2V0cyB0aGUgYmFja2dyb3VuZCBjb2xvciBiYXNlZCBvbiB0aGVtZS5cbiAgICovXG4gIGdldEJhY2tncm91bmQoKTogc3RyaW5nIHtcbiAgICBpZiAodGhpcy50aGVtZS5Jc0RhcmspIHtcbiAgICAgIHJldHVybiAndmFyKC0taW9uLWJhY2tncm91bmQtY29sb3IpJztcbiAgICB9XG5cbiAgICBjb25zdCBiZyA9IHRoaXMucHJvcHMuYmFja2dyb3VuZDtcbiAgICBpZiAoIWJnKSB7XG4gICAgICByZXR1cm4gJ3ZhcigtLWlvbi1iYWNrZ3JvdW5kLWNvbG9yKSc7XG4gICAgfVxuXG4gICAgcmV0dXJuIHJlc29sdmVDb2xvcihiZyk7XG4gIH1cblxuICAvKipcbiAgICogSGFuZGxlcyBoZWFkZXIgYWN0aW9uIGNsaWNrcy5cbiAgICovXG4gIG9uSGVhZGVyQ2xpY2tIYW5kbGVyKHRva2VuOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLm9uSGVhZGVyQ2xpY2suZW1pdCh0b2tlbik7XG5cbiAgICAvLyBOYXZpZ2F0ZSB0byBob21lIHJvdXRlIGlmIGNvbmZpZ3VyZWQgYW5kIGxvZ28gd2FzIGNsaWNrZWRcbiAgICBpZiAodG9rZW4gPT09ICdoZWFkZXItbG9nbycgJiYgdGhpcy5wcm9wcy5ob21lUm91dGUpIHtcbiAgICAgIHRoaXMubmF2Lm5hdmlnYXRlQnlVcmwodGhpcy5wcm9wcy5ob21lUm91dGUpO1xuICAgIH1cbiAgfVxufVxuIl19

package/esm2022/lib/components/templates/page-content/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvdGVtcGxhdGVzL3BhZ2UtY29udGVudC90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSGVhZGVyTWV0YWRhdGEgfSBmcm9tICcuLi8uLi9vcmdhbmlzbXMvaGVhZGVyL3R5cGVzJztcbmltcG9ydCB7IExhbmd1YWdlU2VsZWN0b3JNZXRhZGF0YSB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9sYW5ndWFnZS1zZWxlY3Rvci90eXBlcyc7XG5cbi8qKlxuICogQ29uZmlndXJhdGlvbiBmb3IgdGhlIHBhZ2UgY29udGVudCBjb21wb25lbnQuXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgUGFnZUNvbnRlbnRNZXRhZGF0YSB7XG4gIC8qKiBIZWFkZXIgY29uZmlndXJhdGlvbiAqL1xuICBoZWFkZXI/OiBIZWFkZXJNZXRhZGF0YTtcbiAgLyoqIEJhY2tncm91bmQgY29sb3Igb3IgQ1NTIHZhcmlhYmxlICovXG4gIGJhY2tncm91bmQ/OiBzdHJpbmc7XG4gIC8qKiBCYWNrZ3JvdW5kIGNvbG9yIGZvciBkYXJrIG1vZGUgKi9cbiAgYmFja2dyb3VuZERhcms/OiBzdHJpbmc7XG4gIC8qKiBSb3V0ZSB0byBuYXZpZ2F0ZSB0byB3aGVuIGhlYWRlciBsb2dvIGlzIGNsaWNrZWQgKi9cbiAgaG9tZVJvdXRlPzogc3RyaW5nO1xuICAvKipcbiAgICogTGFuZ3VhZ2Ugc2VsZWN0b3IgY29uZmlndXJhdGlvbi5cbiAgICogV2hlbiBwcm92aWRlZCwgZGlzcGxheXMgYSBsYW5ndWFnZSBzZWxlY3RvciBpY29uIGluIHRoZSBoZWFkZXIgKGxlZnQgb2YgbWVudSBidXR0b24pLlxuICAgKiBVc2VzICdpY29uJyBtb2RlIGJ5IGRlZmF1bHQgZm9yIGNvbXBhY3QgZGlzcGxheS5cbiAgICovXG4gIGxhbmd1YWdlU2VsZWN0b3I/OiBMYW5ndWFnZVNlbGVjdG9yTWV0YWRhdGE7XG4gIC8qKlxuICAgKiBXaGV0aGVyIHRvIHNob3cgdGhlIHVwZGF0ZSBiYW5uZXIgd2hlbiBhIG5ldyB2ZXJzaW9uIGlzIGF2YWlsYWJsZS5cbiAgICogUmVxdWlyZXMgQXBwQ29uZmlnU2VydmljZSB0byBiZSBjb25maWd1cmVkIHdpdGggcHJvdmlkZVZhbHRlY2hBcHBDb25maWcoKS5cbiAgICogQGRlZmF1bHQgdHJ1ZVxuICAgKi9cbiAgc2hvd1VwZGF0ZUJhbm5lcj86IGJvb2xlYW47XG59XG4iXX0=

package/esm2022/lib/components/templates/page-template/page-template.component.mjs

@@ -0,0 +1,188 @@
+import { CommonModule } from '@angular/common';
+import { Component, computed, EventEmitter, inject, Input, Output } from '@angular/core';
+import { NavController } from '@ionic/angular';
+import { IonCol, IonGrid, IonHeader, IonRow, IonTitle, IonToolbar } from '@ionic/angular/standalone';
+import { ExpandableTextComponent } from '../../molecules/expandable-text/expandable-text.component';
+import { ButtonComponent } from '../../atoms/button/button.component';
+import { I18nService } from '../../../services/i18n';
+import * as i0 from "@angular/core";
+/**
+ * val-page-template
+ *
+ * A page template component with title, expandable description,
+ * content projection, and optional back navigation button.
+ *
+ * @example
+ * <val-page-template
+ *   [props]="{
+ *     pageTitle: 'Getting Started',
+ *     pageDescription: 'Learn how to use our components...',
+ *     showBackButton: true
+ *   }"
+ * >
+ *   <div extra-description>
+ *     <p>Additional info here</p>
+ *   </div>
+ *
+ *   <!-- Main content -->
+ *   <my-content></my-content>
+ *
+ *   <div extra-footer>
+ *     <p>Footer content</p>
+ *   </div>
+ * </val-page-template>
+ *
+ * @input props - Page template configuration
+ * @output onBack - Emits when back button is clicked
+ */
+export class PageTemplateComponent {
+    constructor() {
+        this.nav = inject(NavController);
+        this.i18n = inject(I18nService);
+        /**
+         * Page template configuration.
+         */
+        this.props = {};
+        /**
+         * Emits when the back button is clicked.
+         */
+        this.onBack = new EventEmitter();
+        /**
+         * Back button text - reactive to language changes.
+         */
+        this.backButtonText = computed(() => {
+            this.i18n.lang(); // Track language changes
+            return this.props.backButtonText || this.i18n.t('back');
+        });
+    }
+    /**
+     * Handles back navigation.
+     */
+    handleBack() {
+        this.onBack.emit();
+        this.nav.back();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PageTemplateComponent, isStandalone: true, selector: "val-page-template", inputs: { props: "props" }, outputs: { onBack: "onBack" }, ngImport: i0, template: `
+    @if (props.pageTitle) {
+      <ion-header [class.ion-no-border]="true">
+        <ion-toolbar style="--background: transparent; --padding-start: 0; --padding-end: 0;">
+          <ion-title class="page-title" size="large" style="--padding-start: 0; --padding-end: 0; padding: 0;">{{ props.pageTitle }}</ion-title>
+        </ion-toolbar>
+      </ion-header>
+    }
+    <ion-grid>
+      <ion-row class="ion-justify-content-center description-row">
+        <ion-col size="12" size-md="10" size-lg="8">
+          @if (props.pageDescription) {
+            <div class="description-container">
+              <val-expandable-text
+                [props]="{
+                  limit: props.descriptionLimit || 180,
+                  content: props.pageDescription,
+                  color: props.descriptionColor || 'dark',
+                }"
+              />
+            </div>
+          }
+          <ng-content select="[extra-description]"></ng-content>
+        </ion-col>
+      </ion-row>
+      <ng-content></ng-content>
+      <ng-content select="[extra-footer]"></ng-content>
+      @if (props.showBackButton) {
+        <ion-row class="ion-justify-content-center back-row">
+          <ion-col size="12" size-md="10" size-lg="8">
+            <val-button
+              class="back-button"
+              [props]="{
+                text: backButtonText(),
+                color: 'dark',
+                size: 'small',
+                type: 'button',
+                state: 'ENABLED',
+                fill: 'outline',
+                shape: 'round',
+                icon: {
+                  name: 'arrow-back-outline',
+                  slot: 'start'
+                }
+              }"
+              (onClick)="handleBack()"
+            />
+          </ion-col>
+        </ion-row>
+      }
+    </ion-grid>
+  `, isInline: true, styles: [".page-title{font-size:1.6rem;font-weight:800}@media (min-width: 768px){.page-title{font-size:2rem}}.description-row{margin-bottom:16px}.description-container{margin-top:1rem}.back-row{margin-bottom:16px}.back-button{display:block;margin:1rem 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: ExpandableTextComponent, selector: "val-expandable-text", inputs: ["props"] }, { kind: "component", type: IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: IonRow, selector: "ion-row" }, { kind: "component", type: IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageTemplateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-page-template', standalone: true, imports: [
+                        CommonModule,
+                        IonHeader,
+                        IonToolbar,
+                        IonTitle,
+                        ExpandableTextComponent,
+                        IonGrid,
+                        IonRow,
+                        IonCol,
+                        ButtonComponent,
+                    ], template: `
+    @if (props.pageTitle) {
+      <ion-header [class.ion-no-border]="true">
+        <ion-toolbar style="--background: transparent; --padding-start: 0; --padding-end: 0;">
+          <ion-title class="page-title" size="large" style="--padding-start: 0; --padding-end: 0; padding: 0;">{{ props.pageTitle }}</ion-title>
+        </ion-toolbar>
+      </ion-header>
+    }
+    <ion-grid>
+      <ion-row class="ion-justify-content-center description-row">
+        <ion-col size="12" size-md="10" size-lg="8">
+          @if (props.pageDescription) {
+            <div class="description-container">
+              <val-expandable-text
+                [props]="{
+                  limit: props.descriptionLimit || 180,
+                  content: props.pageDescription,
+                  color: props.descriptionColor || 'dark',
+                }"
+              />
+            </div>
+          }
+          <ng-content select="[extra-description]"></ng-content>
+        </ion-col>
+      </ion-row>
+      <ng-content></ng-content>
+      <ng-content select="[extra-footer]"></ng-content>
+      @if (props.showBackButton) {
+        <ion-row class="ion-justify-content-center back-row">
+          <ion-col size="12" size-md="10" size-lg="8">
+            <val-button
+              class="back-button"
+              [props]="{
+                text: backButtonText(),
+                color: 'dark',
+                size: 'small',
+                type: 'button',
+                state: 'ENABLED',
+                fill: 'outline',
+                shape: 'round',
+                icon: {
+                  name: 'arrow-back-outline',
+                  slot: 'start'
+                }
+              }"
+              (onClick)="handleBack()"
+            />
+          </ion-col>
+        </ion-row>
+      }
+    </ion-grid>
+  `, styles: [".page-title{font-size:1.6rem;font-weight:800}@media (min-width: 768px){.page-title{font-size:2rem}}.description-row{margin-bottom:16px}.description-container{margin-top:1rem}.back-row{margin-bottom:16px}.back-button{display:block;margin:1rem 0}\n"] }]
+        }], propDecorators: { props: [{
+                type: Input
+            }], onBack: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS10ZW1wbGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvdGVtcGxhdGVzL3BhZ2UtdGVtcGxhdGUvcGFnZS10ZW1wbGF0ZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDL0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDckcsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMkRBQTJELENBQUM7QUFDcEcsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRXRFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFFckQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E0Qkc7QUFpR0gsTUFBTSxPQUFPLHFCQUFxQjtJQWhHbEM7UUFpR1UsUUFBRyxHQUFHLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUM1QixTQUFJLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBRW5DOztXQUVHO1FBQ00sVUFBSyxHQUF5QixFQUFFLENBQUM7UUFFMUM7O1dBRUc7UUFDTyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUU1Qzs7V0FFRztRQUNILG1CQUFjLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUM3QixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMseUJBQXlCO1lBQzNDLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDMUQsQ0FBQyxDQUFDLENBQUM7S0FTSjtJQVBDOztPQUVHO0lBQ0gsVUFBVTtRQUNSLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNsQixDQUFDOytHQTVCVSxxQkFBcUI7bUdBQXJCLHFCQUFxQix3SUFsRnRCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FtRFQsK1RBN0RDLFlBQVksK0JBQ1osU0FBUyxvR0FDVCxVQUFVLG1GQUNWLFFBQVEsaUZBQ1IsdUJBQXVCLG1GQUN2QixPQUFPLHdFQUNQLE1BQU0sb0RBQ04sTUFBTSxrVEFDTixlQUFlOzs0RkFvRk4scUJBQXFCO2tCQWhHakMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osU0FBUzt3QkFDVCxVQUFVO3dCQUNWLFFBQVE7d0JBQ1IsdUJBQXVCO3dCQUN2QixPQUFPO3dCQUNQLE1BQU07d0JBQ04sTUFBTTt3QkFDTixlQUFlO3FCQUNoQixZQUNTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FtRFQ7OEJBc0NRLEtBQUs7c0JBQWIsS0FBSztnQkFLSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBjb21wdXRlZCwgRXZlbnRFbWl0dGVyLCBpbmplY3QsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5hdkNvbnRyb2xsZXIgfSBmcm9tICdAaW9uaWMvYW5ndWxhcic7XG5pbXBvcnQgeyBJb25Db2wsIElvbkdyaWQsIElvbkhlYWRlciwgSW9uUm93LCBJb25UaXRsZSwgSW9uVG9vbGJhciB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyL3N0YW5kYWxvbmUnO1xuaW1wb3J0IHsgRXhwYW5kYWJsZVRleHRDb21wb25lbnQgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvZXhwYW5kYWJsZS10ZXh0L2V4cGFuZGFibGUtdGV4dC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbXMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgUGFnZVRlbXBsYXRlTWV0YWRhdGEgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IEkxOG5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvaTE4bic7XG5cbi8qKlxuICogdmFsLXBhZ2UtdGVtcGxhdGVcbiAqXG4gKiBBIHBhZ2UgdGVtcGxhdGUgY29tcG9uZW50IHdpdGggdGl0bGUsIGV4cGFuZGFibGUgZGVzY3JpcHRpb24sXG4gKiBjb250ZW50IHByb2plY3Rpb24sIGFuZCBvcHRpb25hbCBiYWNrIG5hdmlnYXRpb24gYnV0dG9uLlxuICpcbiAqIEBleGFtcGxlXG4gKiA8dmFsLXBhZ2UtdGVtcGxhdGVcbiAqICAgW3Byb3BzXT1cIntcbiAqICAgICBwYWdlVGl0bGU6ICdHZXR0aW5nIFN0YXJ0ZWQnLFxuICogICAgIHBhZ2VEZXNjcmlwdGlvbjogJ0xlYXJuIGhvdyB0byB1c2Ugb3VyIGNvbXBvbmVudHMuLi4nLFxuICogICAgIHNob3dCYWNrQnV0dG9uOiB0cnVlXG4gKiAgIH1cIlxuICogPlxuICogICA8ZGl2IGV4dHJhLWRlc2NyaXB0aW9uPlxuICogICAgIDxwPkFkZGl0aW9uYWwgaW5mbyBoZXJlPC9wPlxuICogICA8L2Rpdj5cbiAqXG4gKiAgIDwhLS0gTWFpbiBjb250ZW50IC0tPlxuICogICA8bXktY29udGVudD48L215LWNvbnRlbnQ+XG4gKlxuICogICA8ZGl2IGV4dHJhLWZvb3Rlcj5cbiAqICAgICA8cD5Gb290ZXIgY29udGVudDwvcD5cbiAqICAgPC9kaXY+XG4gKiA8L3ZhbC1wYWdlLXRlbXBsYXRlPlxuICpcbiAqIEBpbnB1dCBwcm9wcyAtIFBhZ2UgdGVtcGxhdGUgY29uZmlndXJhdGlvblxuICogQG91dHB1dCBvbkJhY2sgLSBFbWl0cyB3aGVuIGJhY2sgYnV0dG9uIGlzIGNsaWNrZWRcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLXBhZ2UtdGVtcGxhdGUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIElvbkhlYWRlcixcbiAgICBJb25Ub29sYmFyLFxuICAgIElvblRpdGxlLFxuICAgIEV4cGFuZGFibGVUZXh0Q29tcG9uZW50LFxuICAgIElvbkdyaWQsXG4gICAgSW9uUm93LFxuICAgIElvbkNvbCxcbiAgICBCdXR0b25Db21wb25lbnQsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgQGlmIChwcm9wcy5wYWdlVGl0bGUpIHtcbiAgICAgIDxpb24taGVhZGVyIFtjbGFzcy5pb24tbm8tYm9yZGVyXT1cInRydWVcIj5cbiAgICAgICAgPGlvbi10b29sYmFyIHN0eWxlPVwiLS1iYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsgLS1wYWRkaW5nLXN0YXJ0OiAwOyAtLXBhZGRpbmctZW5kOiAwO1wiPlxuICAgICAgICAgIDxpb24tdGl0bGUgY2xhc3M9XCJwYWdlLXRpdGxlXCIgc2l6ZT1cImxhcmdlXCIgc3R5bGU9XCItLXBhZGRpbmctc3RhcnQ6IDA7IC0tcGFkZGluZy1lbmQ6IDA7IHBhZGRpbmc6IDA7XCI+e3sgcHJvcHMucGFnZVRpdGxlIH19PC9pb24tdGl0bGU+XG4gICAgICAgIDwvaW9uLXRvb2xiYXI+XG4gICAgICA8L2lvbi1oZWFkZXI+XG4gICAgfVxuICAgIDxpb24tZ3JpZD5cbiAgICAgIDxpb24tcm93IGNsYXNzPVwiaW9uLWp1c3RpZnktY29udGVudC1jZW50ZXIgZGVzY3JpcHRpb24tcm93XCI+XG4gICAgICAgIDxpb24tY29sIHNpemU9XCIxMlwiIHNpemUtbWQ9XCIxMFwiIHNpemUtbGc9XCI4XCI+XG4gICAgICAgICAgQGlmIChwcm9wcy5wYWdlRGVzY3JpcHRpb24pIHtcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXNjcmlwdGlvbi1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgPHZhbC1leHBhbmRhYmxlLXRleHRcbiAgICAgICAgICAgICAgICBbcHJvcHNdPVwie1xuICAgICAgICAgICAgICAgICAgbGltaXQ6IHByb3BzLmRlc2NyaXB0aW9uTGltaXQgfHwgMTgwLFxuICAgICAgICAgICAgICAgICAgY29udGVudDogcHJvcHMucGFnZURlc2NyaXB0aW9uLFxuICAgICAgICAgICAgICAgICAgY29sb3I6IHByb3BzLmRlc2NyaXB0aW9uQ29sb3IgfHwgJ2RhcmsnLFxuICAgICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgfVxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltleHRyYS1kZXNjcmlwdGlvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvaW9uLWNvbD5cbiAgICAgIDwvaW9uLXJvdz5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltleHRyYS1mb290ZXJdXCI+PC9uZy1jb250ZW50PlxuICAgICAgQGlmIChwcm9wcy5zaG93QmFja0J1dHRvbikge1xuICAgICAgICA8aW9uLXJvdyBjbGFzcz1cImlvbi1qdXN0aWZ5LWNvbnRlbnQtY2VudGVyIGJhY2stcm93XCI+XG4gICAgICAgICAgPGlvbi1jb2wgc2l6ZT1cIjEyXCIgc2l6ZS1tZD1cIjEwXCIgc2l6ZS1sZz1cIjhcIj5cbiAgICAgICAgICAgIDx2YWwtYnV0dG9uXG4gICAgICAgICAgICAgIGNsYXNzPVwiYmFjay1idXR0b25cIlxuICAgICAgICAgICAgICBbcHJvcHNdPVwie1xuICAgICAgICAgICAgICAgIHRleHQ6IGJhY2tCdXR0b25UZXh0KCksXG4gICAgICAgICAgICAgICAgY29sb3I6ICdkYXJrJyxcbiAgICAgICAgICAgICAgICBzaXplOiAnc21hbGwnLFxuICAgICAgICAgICAgICAgIHR5cGU6ICdidXR0b24nLFxuICAgICAgICAgICAgICAgIHN0YXRlOiAnRU5BQkxFRCcsXG4gICAgICAgICAgICAgICAgZmlsbDogJ291dGxpbmUnLFxuICAgICAgICAgICAgICAgIHNoYXBlOiAncm91bmQnLFxuICAgICAgICAgICAgICAgIGljb246IHtcbiAgICAgICAgICAgICAgICAgIG5hbWU6ICdhcnJvdy1iYWNrLW91dGxpbmUnLFxuICAgICAgICAgICAgICAgICAgc2xvdDogJ3N0YXJ0J1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgIChvbkNsaWNrKT1cImhhbmRsZUJhY2soKVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvaW9uLWNvbD5cbiAgICAgICAgPC9pb24tcm93PlxuICAgICAgfVxuICAgIDwvaW9uLWdyaWQ+XG4gIGAsXG4gIHN0eWxlczogYFxuICAgIC5wYWdlLXRpdGxlIHtcbiAgICAgIGZvbnQtc2l6ZTogMS42cmVtO1xuICAgICAgZm9udC13ZWlnaHQ6IDgwMDtcbiAgICB9XG5cbiAgICBAbWVkaWEgKG1pbi13aWR0aDogNzY4cHgpIHtcbiAgICAgIC5wYWdlLXRpdGxlIHtcbiAgICAgICAgZm9udC1zaXplOiAycmVtO1xuICAgICAgfVxuICAgIH1cblxuICAgIC5kZXNjcmlwdGlvbi1yb3cge1xuICAgICAgbWFyZ2luLWJvdHRvbTogMTZweDtcbiAgICB9XG5cbiAgICAuZGVzY3JpcHRpb24tY29udGFpbmVyIHtcbiAgICAgIG1hcmdpbi10b3A6IDFyZW07XG4gICAgfVxuXG4gICAgLmJhY2stcm93IHtcbiAgICAgIG1hcmdpbi1ib3R0b206IDE2cHg7XG4gICAgfVxuXG4gICAgLmJhY2stYnV0dG9uIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgbWFyZ2luOiAxcmVtIDA7XG4gICAgfVxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBQYWdlVGVtcGxhdGVDb21wb25lbnQge1xuICBwcml2YXRlIG5hdiA9IGluamVjdChOYXZDb250cm9sbGVyKTtcbiAgcHJpdmF0ZSBpMThuID0gaW5qZWN0KEkxOG5TZXJ2aWNlKTtcblxuICAvKipcbiAgICogUGFnZSB0ZW1wbGF0ZSBjb25maWd1cmF0aW9uLlxuICAgKi9cbiAgQElucHV0KCkgcHJvcHM6IFBhZ2VUZW1wbGF0ZU1ldGFkYXRhID0ge307XG5cbiAgLyoqXG4gICAqIEVtaXRzIHdoZW4gdGhlIGJhY2sgYnV0dG9uIGlzIGNsaWNrZWQuXG4gICAqL1xuICBAT3V0cHV0KCkgb25CYWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIC8qKlxuICAgKiBCYWNrIGJ1dHRvbiB0ZXh0IC0gcmVhY3RpdmUgdG8gbGFuZ3VhZ2UgY2hhbmdlcy5cbiAgICovXG4gIGJhY2tCdXR0b25UZXh0ID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIHRoaXMuaTE4bi5sYW5nKCk7IC8vIFRyYWNrIGxhbmd1YWdlIGNoYW5nZXNcbiAgICByZXR1cm4gdGhpcy5wcm9wcy5iYWNrQnV0dG9uVGV4dCB8fCB0aGlzLmkxOG4udCgnYmFjaycpO1xuICB9KTtcblxuICAvKipcbiAgICogSGFuZGxlcyBiYWNrIG5hdmlnYXRpb24uXG4gICAqL1xuICBoYW5kbGVCYWNrKCk6IHZvaWQge1xuICAgIHRoaXMub25CYWNrLmVtaXQoKTtcbiAgICB0aGlzLm5hdi5iYWNrKCk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/components/templates/page-template/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvdGVtcGxhdGVzL3BhZ2UtdGVtcGxhdGUvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29uZmlndXJhdGlvbiBmb3IgdGhlIHBhZ2UgdGVtcGxhdGUgY29tcG9uZW50LlxuICovXG5leHBvcnQgaW50ZXJmYWNlIFBhZ2VUZW1wbGF0ZU1ldGFkYXRhIHtcbiAgLyoqIFBhZ2UgdGl0bGUgZGlzcGxheWVkIGluIGxhcmdlIGhlYWRlciBzdHlsZSAqL1xuICBwYWdlVGl0bGU/OiBzdHJpbmc7XG4gIC8qKiBQYWdlIGRlc2NyaXB0aW9uIChleHBhbmRhYmxlIHRleHQpICovXG4gIHBhZ2VEZXNjcmlwdGlvbj86IHN0cmluZztcbiAgLyoqIFNob3cgYSBiYWNrIGJ1dHRvbiBhdCB0aGUgYm90dG9tICovXG4gIHNob3dCYWNrQnV0dG9uPzogYm9vbGVhbjtcbiAgLyoqIEN1c3RvbSB0ZXh0IGZvciB0aGUgYmFjayBidXR0b24gKGRlZmF1bHQ6ICdCYWNrJykgKi9cbiAgYmFja0J1dHRvblRleHQ/OiBzdHJpbmc7XG4gIC8qKiBDaGFyYWN0ZXIgbGltaXQgZm9yIGRlc2NyaXB0aW9uIGJlZm9yZSBleHBhbmQgKGRlZmF1bHQ6IDE4MCkgKi9cbiAgZGVzY3JpcHRpb25MaW1pdD86IG51bWJlcjtcbiAgLyoqIFRleHQgY29sb3IgZm9yIHRoZSBkZXNjcmlwdGlvbiAoZGVmYXVsdDogJ2RhcmsnKSAqL1xuICBkZXNjcmlwdGlvbkNvbG9yPzogc3RyaW5nO1xufVxuIl19