valtech-components 2.0.691 → 2.0.692

package/esm2022/lib/components/templates/auth-background/auth-background.component.mjs

@@ -0,0 +1,149 @@
+import { Component, Input, signal, computed } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+/**
+ * val-auth-background
+ *
+ * A visually striking background component for authentication pages.
+ * Features animated wave patterns, grain texture, and glassmorphism effects.
+ * Supports dark mode automatically via CSS variables.
+ *
+ * @example Basic usage
+ * ```html
+ * <val-auth-background>
+ *   <div class="my-content">
+ *     <h1>Welcome</h1>
+ *     <val-login [props]="loginProps" />
+ *   </div>
+ * </val-auth-background>
+ * ```
+ *
+ * @example Custom configuration
+ * ```html
+ * <val-auth-background [props]="{
+ *   waveCount: 30,
+ *   showGrain: false,
+ *   minHeight: '100vh'
+ * }">
+ *   <div class="content">...</div>
+ * </val-auth-background>
+ * ```
+ */
+export class AuthBackgroundComponent {
+    set props(value) {
+        this._props.set(value);
+        this.regenerateWaves();
+    }
+    get props() {
+        return this._props();
+    }
+    constructor() {
+        this._props = signal({});
+        this.defaultColors = ['#e0e0e0', '#bdbdbd', '#9e9e9e', '#757575', '#616161', '#424242'];
+        this.wavesSignal = signal([]);
+        this.config = computed(() => {
+            const props = this._props();
+            return {
+                waveCount: props.waveCount ?? 45,
+                waveColors: props.waveColors ?? this.defaultColors,
+                showGrain: props.showGrain !== false,
+                showGlass: props.showGlass !== false,
+                minHeight: props.minHeight ?? 'calc(100vh - 120px)',
+            };
+        });
+        this.waves = computed(() => this.wavesSignal());
+        this.regenerateWaves();
+    }
+    regenerateWaves() {
+        const cfg = this.config();
+        const colors = cfg.waveColors;
+        const count = cfg.waveCount;
+        const newWaves = Array.from({ length: count }, (_, i) => {
+            const y = 20 + i * 18;
+            const isThick = i % 5 === 0;
+            const isMedium = i % 3 === 0 && !isThick;
+            const amplitude = 10 + Math.random() * 20;
+            const frequency = 1 + Math.random() * 2;
+            const phase = Math.random() * Math.PI * 2;
+            let path = `M0,${y}`;
+            for (let x = 0; x <= 1440; x += 40) {
+                const waveY = y + amplitude * Math.sin((x / 1440) * Math.PI * frequency * 2 + phase);
+                path += ` L${x},${waveY.toFixed(1)}`;
+            }
+            const color = colors[Math.floor(Math.random() * colors.length)];
+            return {
+                id: i,
+                path,
+                color,
+                thickness: isThick ? 1.2 : isMedium ? 0.7 : 0.3,
+                opacity: isThick ? 0.5 : isMedium ? 0.4 : 0.3,
+                duration: 2 + Math.random() * 3,
+                delay: Math.random() * -3,
+            };
+        });
+        this.wavesSignal.set(newWaves);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthBackgroundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AuthBackgroundComponent, isStandalone: true, selector: "val-auth-background", inputs: { props: "props" }, ngImport: i0, template: `
+    <section class="auth-background" [style.min-height]="config().minHeight">
+      @if (config().showGrain) {
+        <div class="grain"></div>
+      }
+      @if (config().showGlass) {
+        <div class="glass-layer"></div>
+      }
+      <div class="wave-bg">
+        <svg class="waves" viewBox="0 0 1440 800" preserveAspectRatio="none">
+          @for (wave of waves(); track wave.id) {
+            <path
+              [attr.d]="wave.path"
+              [attr.stroke]="wave.color"
+              [attr.stroke-width]="wave.thickness"
+              [style.opacity]="wave.opacity"
+              [style.animation-duration]="wave.duration + 's'"
+              [style.animation-delay]="wave.delay + 's'"
+            />
+          }
+        </svg>
+      </div>
+
+      <div class="content-layer">
+        <ng-content></ng-content>
+      </div>
+    </section>
+  `, isInline: true, styles: [":host{display:block;--auth-bg-start: #ffffff;--auth-bg-mid: #f8f9fa;--auth-bg-end: #f0f0f0;--auth-glass-bg: rgba(255, 255, 255, .3);--auth-grain-opacity: .035;--auth-wave-color: var(--ion-color-primary, #6366f1)}@media (prefers-color-scheme: dark){:host{--auth-bg-start: #0f0f1a;--auth-bg-mid: #1a1a2e;--auth-bg-end: #16213e;--auth-glass-bg: rgba(0, 0, 0, .3);--auth-grain-opacity: .05;--auth-wave-color: var(--ion-color-primary, #818cf8)}}:host-context(body.dark),:host-context(.dark),:host-context([data-theme=\"dark\"]){--auth-bg-start: #0f0f1a;--auth-bg-mid: #1a1a2e;--auth-bg-end: #16213e;--auth-glass-bg: rgba(0, 0, 0, .3);--auth-grain-opacity: .05;--auth-wave-color: var(--ion-color-primary, #818cf8)}.auth-background{position:relative;display:flex;align-items:center;padding:0;background:linear-gradient(135deg,var(--auth-bg-start) 0%,var(--auth-bg-mid) 50%,var(--auth-bg-end) 100%);overflow:hidden}.grain{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:var(--auth-grain-opacity);background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E\")}.glass-layer{position:absolute;inset:0;pointer-events:none;z-index:1;background:var(--auth-glass-bg);backdrop-filter:blur(3px) saturate(120%);-webkit-backdrop-filter:blur(3px) saturate(120%)}.wave-bg{position:absolute;inset:0;pointer-events:none;z-index:0;transition:filter .3s ease}@media (prefers-color-scheme: dark){.wave-bg{filter:invert(1) opacity(.6)}}:host-context(body.dark) .wave-bg,:host-context(.dark) .wave-bg,:host-context([data-theme=\"dark\"]) .wave-bg{filter:invert(1) opacity(.6)}.waves{width:100%;height:100%}.waves path{fill:none;animation:wave-pulse ease-in-out infinite alternate}@keyframes wave-pulse{0%{transform:scaleY(1);opacity:var(--base-opacity, .2)}to{transform:scaleY(1.3);opacity:calc(var(--base-opacity, .2) + .1)}}.content-layer{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthBackgroundComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-auth-background', standalone: true, imports: [CommonModule], template: `
+    <section class="auth-background" [style.min-height]="config().minHeight">
+      @if (config().showGrain) {
+        <div class="grain"></div>
+      }
+      @if (config().showGlass) {
+        <div class="glass-layer"></div>
+      }
+      <div class="wave-bg">
+        <svg class="waves" viewBox="0 0 1440 800" preserveAspectRatio="none">
+          @for (wave of waves(); track wave.id) {
+            <path
+              [attr.d]="wave.path"
+              [attr.stroke]="wave.color"
+              [attr.stroke-width]="wave.thickness"
+              [style.opacity]="wave.opacity"
+              [style.animation-duration]="wave.duration + 's'"
+              [style.animation-delay]="wave.delay + 's'"
+            />
+          }
+        </svg>
+      </div>
+
+      <div class="content-layer">
+        <ng-content></ng-content>
+      </div>
+    </section>
+  `, styles: [":host{display:block;--auth-bg-start: #ffffff;--auth-bg-mid: #f8f9fa;--auth-bg-end: #f0f0f0;--auth-glass-bg: rgba(255, 255, 255, .3);--auth-grain-opacity: .035;--auth-wave-color: var(--ion-color-primary, #6366f1)}@media (prefers-color-scheme: dark){:host{--auth-bg-start: #0f0f1a;--auth-bg-mid: #1a1a2e;--auth-bg-end: #16213e;--auth-glass-bg: rgba(0, 0, 0, .3);--auth-grain-opacity: .05;--auth-wave-color: var(--ion-color-primary, #818cf8)}}:host-context(body.dark),:host-context(.dark),:host-context([data-theme=\"dark\"]){--auth-bg-start: #0f0f1a;--auth-bg-mid: #1a1a2e;--auth-bg-end: #16213e;--auth-glass-bg: rgba(0, 0, 0, .3);--auth-grain-opacity: .05;--auth-wave-color: var(--ion-color-primary, #818cf8)}.auth-background{position:relative;display:flex;align-items:center;padding:0;background:linear-gradient(135deg,var(--auth-bg-start) 0%,var(--auth-bg-mid) 50%,var(--auth-bg-end) 100%);overflow:hidden}.grain{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:var(--auth-grain-opacity);background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E\")}.glass-layer{position:absolute;inset:0;pointer-events:none;z-index:1;background:var(--auth-glass-bg);backdrop-filter:blur(3px) saturate(120%);-webkit-backdrop-filter:blur(3px) saturate(120%)}.wave-bg{position:absolute;inset:0;pointer-events:none;z-index:0;transition:filter .3s ease}@media (prefers-color-scheme: dark){.wave-bg{filter:invert(1) opacity(.6)}}:host-context(body.dark) .wave-bg,:host-context(.dark) .wave-bg,:host-context([data-theme=\"dark\"]) .wave-bg{filter:invert(1) opacity(.6)}.waves{width:100%;height:100%}.waves path{fill:none;animation:wave-pulse ease-in-out infinite alternate}@keyframes wave-pulse{0%{transform:scaleY(1);opacity:var(--base-opacity, .2)}to{transform:scaleY(1.3);opacity:calc(var(--base-opacity, .2) + .1)}}.content-layer{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { props: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0aC1iYWNrZ3JvdW5kLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy90ZW1wbGF0ZXMvYXV0aC1iYWNrZ3JvdW5kL2F1dGgtYmFja2dyb3VuZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBYS9DOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EyQkc7QUFxSkgsTUFBTSxPQUFPLHVCQUF1QjtJQUdsQyxJQUNJLEtBQUssQ0FBQyxLQUE2QjtRQUNyQyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2QixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUNELElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFrQkQ7UUEzQlEsV0FBTSxHQUFHLE1BQU0sQ0FBeUIsRUFBRSxDQUFDLENBQUM7UUFXNUMsa0JBQWEsR0FBRyxDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDbkYsZ0JBQVcsR0FBRyxNQUFNLENBQWEsRUFBRSxDQUFDLENBQUM7UUFFN0MsV0FBTSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDckIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQzVCLE9BQU87Z0JBQ0wsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLElBQUksRUFBRTtnQkFDaEMsVUFBVSxFQUFFLEtBQUssQ0FBQyxVQUFVLElB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QUMsQ0FBQztJQUNqQyxDQUFDOytHQWxFVSx1QkFBdUI7bUdBQXZCLHVCQUF1QiwyR0FoSnhCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EyQlQsa3NFQTVCUyxZQUFZOzs0RkFpSlgsdUJBQXVCO2tCQXBKbkMsU0FBUzsrQkFDRSxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLFlBQ2I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTJCVDt3REF5SEcsS0FBSztzQkFEUixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgc2lnbmFsLCBjb21wdXRlZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEF1dGhCYWNrZ3JvdW5kTWV0YWRhdGEgfSBmcm9tICcuL3R5cGVzJztcblxuaW50ZXJmYWNlIFdhdmVEYXRhIHtcbiAgaWQ6IG51bWJlcjtcbiAgcGF0aDogc3RyaW5nO1xuICBjb2xvcjogc3RyaW5nO1xuICB0aGlja25lc3M6IG51bWJlcjtcbiAgb3BhY2l0eTogbnVtYmVyO1xuICBkdXJhdGlvbjogbnVtYmVyO1xuICBkZWxheTogbnVtYmVyO1xufVxuXG4vKipcbiAqIHZhbC1hdXRoLWJhY2tncm91bmRcbiAqXG4gKiBBIHZpc3VhbGx5IHN0cmlraW5nIGJhY2tncm91bmQgY29tcG9uZW50IGZvciBhdXRoZW50aWNhdGlvbiBwYWdlcy5cbiAqIEZlYXR1cmVzIGFuaW1hdGVkIHdhdmUgcGF0dGVybnMsIGdyYWluIHRleHR1cmUsIGFuZCBnbGFzc21vcnBoaXNtIGVmZmVjdHMuXG4gKiBTdXBwb3J0cyBkYXJrIG1vZGUgYXV0b21hdGljYWxseSB2aWEgQ1NTIHZhcmlhYmxlcy5cbiAqXG4gKiBAZXhhbXBsZSBCYXNpYyB1c2FnZVxuICogYGBgaHRtbFxuICogPHZhbC1hdXRoLWJhY2tncm91bmQ+XG4gKiAgIDxkaXYgY2xhc3M9XCJteS1jb250ZW50XCI+XG4gKiAgICAgPGgxPldlbGNvbWU8L2gxPlxuICogICAgIDx2YWwtbG9naW4gW3Byb3BzXT1cImxvZ2luUHJvcHNcIiAvPlxuICogICA8L2Rpdj5cbiAqIDwvdmFsLWF1dGgtYmFja2dyb3VuZD5cbiAqIGBgYFxuICpcbiAqIEBleGFtcGxlIEN1c3RvbSBjb25maWd1cmF0aW9uXG4gKiBgYGBodG1sXG4gKiA8dmFsLWF1dGgtYmFja2dyb3VuZCBbcHJvcHNdPVwie1xuICogICB3YXZlQ291bnQ6IDMwLFxuICogICBzaG93R3JhaW46IGZhbHNlLFxuICogICBtaW5IZWlnaHQ6ICcxMDB2aCdcbiAqIH1cIj5cbiAqICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj4uLi48L2Rpdj5cbiAqIDwvdmFsLWF1dGgtYmFja2dyb3VuZD5cbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtYXV0aC1iYWNrZ3JvdW5kJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPHNlY3Rpb24gY2xhc3M9XCJhdXRoLWJhY2tncm91bmRcIiBbc3R5bGUubWluLWhlaWdodF09XCJjb25maWcoKS5taW5IZWlnaHRcIj5cbiAgICAgIEBpZiAoY29uZmlnKCkuc2hvd0dyYWluKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJncmFpblwiPjwvZGl2PlxuICAgICAgfVxuICAgICAgQGlmIChjb25maWcoKS5zaG93R2xhc3MpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImdsYXNzLWxheWVyXCI+PC9kaXY+XG4gICAgICB9XG4gICAgICA8ZGl2IGNsYXNzPVwid2F2ZS1iZ1wiPlxuICAgICAgICA8c3ZnIGNsYXNzPVwid2F2ZXNcIiB2aWV3Qm94PVwiMCAwIDE0NDAgODAwXCIgcHJlc2VydmVBc3BlY3RSYXRpbz1cIm5vbmVcIj5cbiAgICAgICAgICBAZm9yICh3YXZlIG9mIHdhdmVzKCk7IHRyYWNrIHdhdmUuaWQpIHtcbiAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgIFthdHRyLmRdPVwid2F2ZS5wYXRoXCJcbiAgICAgICAgICAgICAgW2F0dHIuc3Ryb2tlXT1cIndhdmUuY29sb3JcIlxuICAgICAgICAgICAgICBbYXR0ci5zdHJva2Utd2lkdGhdPVwid2F2ZS50aGlja25lc3NcIlxuICAgICAgICAgICAgICBbc3R5bGUub3BhY2l0eV09XCJ3YXZlLm9wYWNpdHlcIlxuICAgICAgICAgICAgICBbc3R5bGUuYW5pbWF0aW9uLWR1cmF0aW9uXT1cIndhdmUuZHVyYXRpb24gKyAncydcIlxuICAgICAgICAgICAgICBbc3R5bGUuYW5pbWF0aW9uLWRlbGF5XT1cIndhdmUuZGVsYXkgKyAncydcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICB9XG4gICAgICAgIDwvc3ZnPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LWxheWVyXCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvc2VjdGlvbj5cbiAgYCxcbiAgc3R5bGVzOiBbYFxuICAgIC8qIFRoZW1lIHZhcmlhYmxlcyAtIExpZ2h0IG1vZGUgKGRlZmF1bHQpICovXG4gICAgOmhvc3Qge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAtLWF1dGgtYmctc3RhcnQ6ICNmZmZmZmY7XG4gICAgICAtLWF1dGgtYmctbWlkOiAjZjhmOWZhO1xuICAgICAgLS1hdXRoLWJnLWVuZDogI2YwZjBmMDtcbiAgICAgIC0tYXV0aC1nbGFzcy1iZzogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjMpO1xuICAgICAgLS1hdXRoLWdyYWluLW9wYWNpdHk6IDAuMDM1O1xuICAgICAgLS1hdXRoLXdhdmUtY29sb3I6IHZhcigtLWlvbi1jb2xvci1wcmltYXJ5LCAjNjM2NmYxKTtcbiAgICB9XG5cbiAgICAvKiBEYXJrIG1vZGUgLSBTeXN0ZW0gcHJlZmVyZW5jZSAqL1xuICAgIEBtZWRpYSAocHJlZmVycy1jb2xvci1zY2hlbWU6IGRhcmspIHtcbiAgICAgIDpob3N0IHtcbiAgICAgICAgLS1hdXRoLWJnLXN0YXJ0OiAjMGYwZjFhO1xuICAgICAgICAtLWF1dGgtYmctbWlkOiAjMWExYTJlO1xuICAgICAgICAtLWF1dGgtYmctZW5kOiAjMTYyMTNlO1xuICAgICAgICAtLWF1dGgtZ2xhc3MtYmc6IHJnYmEoMCwgMCwgMCwgMC4zKTtcbiAgICAgICAgLS1hdXRoLWdyYWluLW9wYWNpdHk6IDAuMDU7XG4gICAgICAgIC0tYXV0aC13YXZlLWNvbG9yOiB2YXIoLS1pb24tY29sb3ItcHJpbWFyeSwgIzgxOGNmOCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLyogRGFyayBtb2RlIC0gQ2xhc3MtYmFzZWQgKGZvciB0b2dnbGUgc3VwcG9ydCkgKi9cbiAgICA6aG9zdC1jb250ZXh0KGJvZHkuZGFyayksXG4gICAgOmhvc3QtY29udGV4dCguZGFyayksXG4gICAgOmhvc3QtY29udGV4dChbZGF0YS10aGVtZT1cImRhcmtcIl0pIHtcbiAgICAgIC0tYXV0aC1iZy1zdGFydDogIzBmMGYxYTtcbiAgICAgIC0tYXV0aC1iZy1taWQ6ICMxYTFhMmU7XG4gICAgICAtLWF1dGgtYmctZW5kOiAjMTYyMTNlO1xuICAgICAgLS1hdXRoLWdsYXNzLWJnOiByZ2JhKDAsIDAsIDAsIDAuMyk7XG4gICAgICAtLWF1dGgtZ3JhaW4tb3BhY2l0eTogMC4wNTtcbiAgICAgIC0tYXV0aC13YXZlLWNvbG9yOiB2YXIoLS1pb24tY29sb3ItcHJpbWFyeSwgIzgxOGNmOCk7XG4gICAgfVxuXG4gICAgLmF1dGgtYmFja2dyb3VuZCB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoMTM1ZGVnLCB2YXIoLS1hdXRoLWJnLXN0YXJ0KSAwJSwgdmFyKC0tYXV0aC1iZy1taWQpIDUwJSwgdmFyKC0tYXV0aC1iZy1lbmQpIDEwMCUpO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB9XG5cbiAgICAuZ3JhaW4ge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgaW5zZXQ6IDA7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIHotaW5kZXg6IDA7XG4gICAgICBvcGFjaXR5OiB2YXIoLS1hdXRoLWdyYWluLW9wYWNpdHkpO1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFwiZGF0YTppbWFnZS9zdmcreG1sLCUzQ3N2ZyB2aWV3Qm94PScwIDAgMjU2IDI1NicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyUzRSUzQ2ZpbHRlciBpZD0nbm9pc2UnJTNFJTNDZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgYmFzZUZyZXF1ZW5jeT0nMC41JyBudW1PY3RhdmVzPScyJyBzdGl0Y2hUaWxlcz0nc3RpdGNoJy8lM0UlM0MvZmlsdGVyJTNFJTNDcmVjdCB3aWR0aD0nMTAwJTI1JyBoZWlnaHQ9JzEwMCUyNScgZmlsdGVyPSd1cmwoJTIzbm9pc2UpJy8lM0UlM0Mvc3ZnJTNFXCIpO1xuICAgIH1cblxuICAgIC5nbGFzcy1sYXllciB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBpbnNldDogMDtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgei1pbmRleDogMTtcbiAgICAgIGJhY2tncm91bmQ6IHZhcigtLWF1dGgtZ2xhc3MtYmcpO1xuICAgICAgYmFja2Ryb3AtZmlsdGVyOiBibHVyKDNweCkgc2F0dXJhdGUoMTIwJSk7XG4gICAgICAtd2Via2l0LWJhY2tkcm9wLWZpbHRlcjogYmx1cigzcHgpIHNhdHVyYXRlKDEyMCUpO1xuICAgIH1cblxuICAgIC53YXZlLWJnIHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGluc2V0OiAwO1xuICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICB6LWluZGV4OiAwO1xuICAgICAgdHJhbnNpdGlvbjogZmlsdGVyIDAuM3MgZWFzZTtcbiAgICB9XG5cbiAgICAvKiBJbnZlcnQgd2F2ZXMgaW4gZGFyayBtb2RlICovXG4gICAgQG1lZGlhIChwcmVmZXJzLWNvbG9yLXNjaGVtZTogZGFyaykge1xuICAgICAgLndhdmUtYmcge1xuICAgICAgICBmaWx0ZXI6IGludmVydCgxKSBvcGFjaXR5KDAuNik7XG4gICAgICB9XG4gICAgfVxuXG4gICAgOmhvc3QtY29udGV4dChib2R5LmRhcmspIC53YXZlLWJnLFxuICAgIDpob3N0LWNvbnRleHQoLmRhcmspIC53YXZlLWJnLFxuICAgIDpob3N0LWNvbnRleHQoW2RhdGEtdGhlbWU9XCJkYXJrXCJdKSAud2F2ZS1iZyB7XG4gICAgICBmaWx0ZXI6IGludmVydCgxKSBvcGFjaXR5KDAuNik7XG4gICAgfVxuXG4gICAgLndhdmVzIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgIC53YXZlcyBwYXRoIHtcbiAgICAgIGZpbGw6IG5vbmU7XG4gICAgICBhbmltYXRpb246IHdhdmUtcHVsc2UgZWFzZS1pbi1vdXQgaW5maW5pdGUgYWx0ZXJuYXRlO1xuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgd2F2ZS1wdWxzZSB7XG4gICAgICAwJSB7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGVZKDEpO1xuICAgICAgICBvcGFjaXR5OiB2YXIoLS1iYXNlLW9wYWNpdHksIDAuMik7XG4gICAgICB9XG4gICAgICAxMDAlIHtcbiAgICAgICAgdHJhbnNmb3JtOiBzY2FsZVkoMS4zKTtcbiAgICAgICAgb3BhY2l0eTogY2FsYyh2YXIoLS1iYXNlLW9wYWNpdHksIDAuMikgKyAwLjEpO1xuICAgICAgfVxuICAgIH1cblxuICAgIC5jb250ZW50LWxheWVyIHtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHotaW5kZXg6IDI7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIH1cbiAgYF0sXG59KVxuZXhwb3J0IGNsYXNzIEF1dGhCYWNrZ3JvdW5kQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSBfcHJvcHMgPSBzaWduYWw8QXV0aEJhY2tncm91bmRNZXRhZGF0YT4oe30pO1xuXG4gIEBJbnB1dCgpXG4gIHNldCBwcm9wcyh2YWx1ZTogQXV0aEJhY2tncm91bmRNZXRhZGF0YSkge1xuICAgIHRoaXMuX3Byb3BzLnNldCh2YWx1ZSk7XG4gICAgdGhpcy5yZWdlbmVyYXRlV2F2ZXMoKTtcbiAgfVxuICBnZXQgcHJvcHMoKTogQXV0aEJhY2tncm91bmRNZXRhZGF0YSB7XG4gICAgcmV0dXJuIHRoaXMuX3Byb3BzKCk7XG4gIH1cblxuICBwcml2YXRlIGRlZmF1bHRDb2xvcnMgPSBbJyNlMGUwZTAnLCAnI2JkYmRiZCcsICcjOWU5ZTllJywgJyM3NTc1NzUnLCAnIzYxNjE2MScsICcjNDI0MjQyJ107XG4gIHByaXZhdGUgd2F2ZXNTaWduYWwgPSBzaWduYWw8V2F2ZURhdGFbXT4oW10pO1xuXG4gIGNvbmZpZyA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCBwcm9wcyA9IHRoaXMuX3Byb3BzKCk7XG4gICAgcmV0dXJuIHtcbiAgICAgIHdhdmVDb3VudDogcHJvcHMud2F2ZUNvdW50ID8/IDQ1LFxuICAgICAgd2F2ZUNvbG9yczogcHJvcHMud2F2ZUNvbG9ycyA/PyB0aGlzLmRlZmF1bHRDb2xvcnMsXG4gICAgICBzaG93R3JhaW46IHByb3BzLnNob3dHcmFpbiAhPT0gZmFsc2UsXG4gICAgICBzaG93R2xhc3M6IHByb3BzLnNob3dHbGFzcyAhPT0gZmFsc2UsXG4gICAgICBtaW5IZWlnaHQ6IHByb3BzLm1pbkhlaWdodCA/PyAnY2FsYygxMDB2aCAtIDEyMHB4KScsXG4gICAgfTtcbiAgfSk7XG5cbiAgd2F2ZXMgPSBjb21wdXRlZCgoKSA9PiB0aGlzLndhdmVzU2lnbmFsKCkpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHRoaXMucmVnZW5lcmF0ZVdhdmVzKCk7XG4gIH1cblxuICBwcml2YXRlIHJlZ2VuZXJhdGVXYXZlcygpOiB2b2lkIHtcbiAgICBjb25zdCBjZmcgPSB0aGlzLmNvbmZpZygpO1xuICAgIGNvbnN0IGNvbG9ycyA9IGNmZy53YXZlQ29sb3JzO1xuICAgIGNvbnN0IGNvdW50ID0gY2ZnLndhdmVDb3VudDtcblxuICAgIGNvbnN0IG5ld1dhdmVzID0gQXJyYXkuZnJvbSh7IGxlbmd0aDogY291bnQgfSwgKF8sIGkpID0+IHtcbiAgICAgIGNvbnN0IHkgPSAyMCArIGkgKiAxODtcbiAgICAgIGNvbnN0IGlzVGhpY2sgPSBpICUgNSA9PT0gMDtcbiAgICAgIGNvbnN0IGlzTWVkaXVtID0gaSAlIDMgPT09IDAgJiYgIWlzVGhpY2s7XG5cbiAgICAgIGNvbnN0IGFtcGxpdHVkZSA9IDEwICsgTWF0aC5yYW5kb20oKSAqIDIwO1xuICAgICAgY29uc3QgZnJlcXVlbmN5ID0gMSArIE1hdGgucmFuZG9tKCkgKiAyO1xuICAgICAgY29uc3QgcGhhc2UgPSBNYXRoLnJhbmRvbSgpICogTWF0aC5QSSAqIDI7XG5cbiAgICAgIGxldCBwYXRoID0gYE0wLCR7eX1gO1xuICAgICAgZm9yIChsZXQgeCA9IDA7IHggPD0gMTQ0MDsgeCArPSA0MCkge1xuICAgICAgICBjb25zdCB3YXZlWSA9IHkgKyBhbXBsaXR1ZGUgKiBNYXRoLnNpbigoeCAvIDE0NDApICogTWF0aC5QSSAqIGZyZXF1ZW5jeSAqIDIgKyBwaGFzZSk7XG4gICAgICAgIHBhdGggKz0gYCBMJHt4fSwke3dhdmVZLnRvRml4ZWQoMSl9YDtcbiAgICAgIH1cblxuICAgICAgY29uc3QgY29sb3IgPSBjb2xvcnNbTWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogY29sb3JzLmxlbmd0aCldO1xuXG4gICAgICByZXR1cm4ge1xuICAgICAgICBpZDogaSxcbiAgICAgICAgcGF0aCxcbiAgICAgICAgY29sb3IsXG4gICAgICAgIHRoaWNrbmVzczogaXNUaGljayA/IDEuMiA6IGlzTWVkaXVtID8gMC43IDogMC4zLFxuICAgICAgICBvcGFjaXR5OiBpc1RoaWNrID8gMC41IDogaXNNZWRpdW0gPyAwLjQgOiAwLjMsXG4gICAgICAgIGR1cmF0aW9uOiAyICsgTWF0aC5yYW5kb20oKSAqIDMsXG4gICAgICAgIGRlbGF5OiBNYXRoLnJhbmRvbSgpICogLTMsXG4gICAgICB9O1xuICAgIH0pO1xuXG4gICAgdGhpcy53YXZlc1NpZ25hbC5zZXQobmV3V2F2ZXMpO1xuICB9XG59XG4iXX0=

package/esm2022/lib/components/templates/auth-background/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvdGVtcGxhdGVzL2F1dGgtYmFja2dyb3VuZC90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb25maWd1cmF0aW9uIGZvciB0aGUgYXV0aC1iYWNrZ3JvdW5kIGNvbXBvbmVudC5cbiAqL1xuZXhwb3J0IGludGVyZmFjZSBBdXRoQmFja2dyb3VuZE1ldGFkYXRhIHtcbiAgLyoqXG4gICAqIE51bWJlciBvZiBhbmltYXRlZCB3YXZlIGxpbmVzLlxuICAgKiBAZGVmYXVsdCA0NVxuICAgKi9cbiAgd2F2ZUNvdW50PzogbnVtYmVyO1xuXG4gIC8qKlxuICAgKiBBcnJheSBvZiBjb2xvcnMgZm9yIHdhdmVzLiBQaWNrcyByYW5kb21seSBmcm9tIHRoaXMgcGFsZXR0ZS5cbiAgICogQGRlZmF1bHQgWycjZTBlMGUwJywgJyNiZGJkYmQnLCAnIzllOWU5ZScsICcjNzU3NTc1JywgJyM2MTYxNjEnLCAnIzQyNDI0MiddXG4gICAqL1xuICB3YXZlQ29sb3JzPzogc3RyaW5nW107XG5cbiAgLyoqXG4gICAqIFNob3cgZ3JhaW4gdGV4dHVyZSBvdmVybGF5LlxuICAgKiBAZGVmYXVsdCB0cnVlXG4gICAqL1xuICBzaG93R3JhaW4/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBTaG93IGdsYXNzbW9ycGhpc20gbGF5ZXIuXG4gICAqIEBkZWZhdWx0IHRydWVcbiAgICovXG4gIHNob3dHbGFzcz86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIE1pbmltdW0gaGVpZ2h0IG9mIHRoZSBiYWNrZ3JvdW5kIGNvbnRhaW5lci5cbiAgICogQGRlZmF1bHQgJ2NhbGMoMTAwdmggLSAxMjBweCknXG4gICAqL1xuICBtaW5IZWlnaHQ/OiBzdHJpbmc7XG59XG4iXX0=

package/esm2022/lib/components/templates/docs-layout/docs-layout.component.mjs

@@ -0,0 +1,221 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input, Output, EventEmitter, HostListener, signal, computed, } from '@angular/core';
+import { IonIcon, IonButton } from '@ionic/angular/standalone';
+import { addIcons } from 'ionicons';
+import { menuOutline, closeOutline } from 'ionicons/icons';
+import * as i0 from "@angular/core";
+addIcons({ menuOutline, closeOutline });
+/**
+ * val-docs-layout
+ *
+ * A responsive 3-column layout template for documentation sites.
+ * Provides slots for sidebar navigation, main content, and table of contents.
+ *
+ * @example Basic usage
+ * ```html
+ * <val-docs-layout [props]="{ showToc: true }">
+ *   <ng-container sidebar>
+ *     <val-docs-sidebar [props]="sidebarConfig"></val-docs-sidebar>
+ *   </ng-container>
+ *
+ *   <ng-container content>
+ *     <val-article [props]="articleConfig"></val-article>
+ *   </ng-container>
+ *
+ *   <ng-container toc>
+ *     <val-docs-toc [props]="tocConfig"></val-docs-toc>
+ *   </ng-container>
+ * </val-docs-layout>
+ * ```
+ */
+export class DocsLayoutComponent {
+    constructor() {
+        this.props = {};
+        this.sidebarToggle = new EventEmitter();
+        // Responsive breakpoints
+        this.MOBILE_BREAKPOINT = 768;
+        this.TABLET_BREAKPOINT = 1024;
+        // Signals for reactive state
+        this.windowWidth = signal(typeof window !== 'undefined' ? window.innerWidth : 1200);
+        this.sidebarOpen = signal(false);
+        this.isMobile = computed(() => this.windowWidth() < this.MOBILE_BREAKPOINT);
+        this.isTablet = computed(() => this.windowWidth() >= this.MOBILE_BREAKPOINT && this.windowWidth() < this.TABLET_BREAKPOINT);
+    }
+    onResize() {
+        this.windowWidth.set(window.innerWidth);
+        // Auto-close sidebar when resizing to desktop
+        if (!this.isMobile() && !this.isTablet()) {
+            this.sidebarOpen.set(false);
+        }
+    }
+    onEscapeKey() {
+        if (this.sidebarOpen()) {
+            this.closeSidebar();
+        }
+    }
+    toggleSidebar() {
+        this.sidebarOpen.update(open => !open);
+        this.sidebarToggle.emit(this.sidebarOpen());
+    }
+    closeSidebar() {
+        this.sidebarOpen.set(false);
+        this.sidebarToggle.emit(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DocsLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DocsLayoutComponent, isStandalone: true, selector: "val-docs-layout", inputs: { props: "props" }, outputs: { sidebarToggle: "sidebarToggle" }, host: { listeners: { "window:resize": "onResize()", "document:keydown.escape": "onEscapeKey()" } }, ngImport: i0, template: `
+    <div
+      class="docs-layout"
+      [class]="props.cssClass"
+      [class.docs-layout--sidebar-open]="sidebarOpen()"
+      [class.docs-layout--mobile]="isMobile()"
+      [class.docs-layout--tablet]="isTablet()"
+      [style.--sidebar-width]="props.sidebarWidth || '260px'"
+      [style.--toc-width]="props.tocWidth || '220px'"
+      [style.--content-max-width]="props.contentMaxWidth || '900px'"
+    >
+      <!-- Mobile header with menu toggle -->
+      @if (isMobile() || isTablet()) {
+        <header class="docs-layout__mobile-header">
+          <ion-button
+            fill="clear"
+            class="docs-layout__menu-toggle"
+            (click)="toggleSidebar()"
+            [attr.aria-label]="sidebarOpen() ? 'Close menu' : 'Open menu'"
+            [attr.aria-expanded]="sidebarOpen()"
+            aria-controls="docs-sidebar"
+          >
+            <ion-icon
+              slot="icon-only"
+              [name]="sidebarOpen() ? 'close-outline' : 'menu-outline'"
+            ></ion-icon>
+          </ion-button>
+          <ng-content select="[mobile-header]"></ng-content>
+        </header>
+      }
+
+      <!-- Backdrop for mobile sidebar -->
+      @if ((isMobile() || isTablet()) && sidebarOpen()) {
+        <div
+          class="docs-layout__backdrop"
+          role="presentation"
+          aria-hidden="true"
+          (click)="closeSidebar()"
+        ></div>
+      }
+
+      <!-- Sidebar -->
+      @if (props.showSidebar !== false) {
+        <aside
+          id="docs-sidebar"
+          class="docs-layout__sidebar"
+          [class.docs-layout__sidebar--open]="sidebarOpen() || (!isMobile() && !isTablet())"
+        >
+          <div class="docs-layout__sidebar-content">
+            <ng-content select="[sidebar]"></ng-content>
+          </div>
+        </aside>
+      }
+
+      <!-- Main content area -->
+      <main class="docs-layout__main">
+        <div class="docs-layout__content">
+          <ng-content select="[content]"></ng-content>
+        </div>
+      </main>
+
+      <!-- Table of contents -->
+      @if (props.showToc !== false && !isMobile()) {
+        <aside class="docs-layout__toc">
+          <div class="docs-layout__toc-content">
+            <ng-content select="[toc]"></ng-content>
+          </div>
+        </aside>
+      }
+    </div>
+  `, isInline: true, styles: [".docs-layout{--sidebar-width: 260px;--toc-width: 220px;--content-max-width: 900px;--header-height: 56px;--spacing-md: 1.5rem;--spacing-lg: 2rem;display:grid;grid-template-columns:var(--sidebar-width) 1fr var(--toc-width);min-height:100vh;background:var(--ion-background-color, #fff)}.docs-layout__mobile-header{display:none;position:sticky;top:0;z-index:100;height:var(--header-height);padding:0 var(--spacing-md);background:var(--ion-background-color, #fff);border-bottom:1px solid var(--ion-border-color, #e0e0e0);align-items:center;gap:.5rem}.docs-layout__menu-toggle{--padding-start: 0;--padding-end: 0}.docs-layout__backdrop{position:fixed;inset:0;background:#00000080;z-index:199;opacity:0;animation:fadeIn .2s ease forwards}@keyframes fadeIn{to{opacity:1}}.docs-layout__sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid var(--ion-border-color, #e0e0e0);background:var(--ion-background-color, #fff);z-index:200}.docs-layout__sidebar::-webkit-scrollbar{width:6px}.docs-layout__sidebar::-webkit-scrollbar-track{background:transparent}.docs-layout__sidebar::-webkit-scrollbar-thumb{background:var(--ion-color-medium, #92949c);border-radius:3px}.docs-layout__sidebar-content{padding:var(--spacing-md)}.docs-layout__main{min-width:0;padding:var(--spacing-lg)}.docs-layout__content{max-width:var(--content-max-width);margin:0 auto}.docs-layout__toc{position:sticky;top:0;height:100vh;overflow-y:auto;padding:var(--spacing-lg) var(--spacing-md);border-left:1px solid var(--ion-border-color, #e0e0e0);background:var(--ion-background-color, #fff)}.docs-layout__toc::-webkit-scrollbar{width:4px}.docs-layout__toc::-webkit-scrollbar-track{background:transparent}.docs-layout__toc::-webkit-scrollbar-thumb{background:var(--ion-color-medium, #92949c);border-radius:2px}.docs-layout__toc-content{position:sticky;top:var(--spacing-lg)}.docs-layout--tablet{grid-template-columns:1fr}.docs-layout--tablet .docs-layout__mobile-header{display:flex}.docs-layout--tablet .docs-layout__sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);transform:translate(-100%);transition:transform .3s ease;box-shadow:none}.docs-layout--tablet .docs-layout__sidebar--open{transform:translate(0);box-shadow:4px 0 20px #00000026}.docs-layout--tablet .docs-layout__main{padding-top:calc(var(--header-height) + var(--spacing-md))}.docs-layout--tablet .docs-layout__toc{display:none}.docs-layout--mobile{grid-template-columns:1fr}.docs-layout--mobile .docs-layout__mobile-header{display:flex}.docs-layout--mobile .docs-layout__sidebar{position:fixed;top:0;left:0;width:min(var(--sidebar-width),85vw);transform:translate(-100%);transition:transform .3s ease;box-shadow:none}.docs-layout--mobile .docs-layout__sidebar--open{transform:translate(0);box-shadow:4px 0 20px #00000026}.docs-layout--mobile .docs-layout__main{padding:var(--spacing-md);padding-top:calc(var(--header-height) + var(--spacing-md))}.docs-layout--mobile .docs-layout__toc{display:none}:host-context(.dark) .docs-layout__backdrop,:host-context([color-scheme=dark]) .docs-layout__backdrop{background:#000000b3}:host-context(.dark) .docs-layout__sidebar,:host-context(.dark) .docs-layout__toc,:host-context([color-scheme=dark]) .docs-layout__sidebar,:host-context([color-scheme=dark]) .docs-layout__toc{border-color:var(--ion-border-color, #3a3a3a)}:host-context(.dark) .docs-layout__mobile-header,:host-context([color-scheme=dark]) .docs-layout__mobile-header{border-color:var(--ion-border-color, #3a3a3a)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DocsLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-docs-layout', standalone: true, imports: [CommonModule, IonIcon, IonButton], template: `
+    <div
+      class="docs-layout"
+      [class]="props.cssClass"
+      [class.docs-layout--sidebar-open]="sidebarOpen()"
+      [class.docs-layout--mobile]="isMobile()"
+      [class.docs-layout--tablet]="isTablet()"
+      [style.--sidebar-width]="props.sidebarWidth || '260px'"
+      [style.--toc-width]="props.tocWidth || '220px'"
+      [style.--content-max-width]="props.contentMaxWidth || '900px'"
+    >
+      <!-- Mobile header with menu toggle -->
+      @if (isMobile() || isTablet()) {
+        <header class="docs-layout__mobile-header">
+          <ion-button
+            fill="clear"
+            class="docs-layout__menu-toggle"
+            (click)="toggleSidebar()"
+            [attr.aria-label]="sidebarOpen() ? 'Close menu' : 'Open menu'"
+            [attr.aria-expanded]="sidebarOpen()"
+            aria-controls="docs-sidebar"
+          >
+            <ion-icon
+              slot="icon-only"
+              [name]="sidebarOpen() ? 'close-outline' : 'menu-outline'"
+            ></ion-icon>
+          </ion-button>
+          <ng-content select="[mobile-header]"></ng-content>
+        </header>
+      }
+
+      <!-- Backdrop for mobile sidebar -->
+      @if ((isMobile() || isTablet()) && sidebarOpen()) {
+        <div
+          class="docs-layout__backdrop"
+          role="presentation"
+          aria-hidden="true"
+          (click)="closeSidebar()"
+        ></div>
+      }
+
+      <!-- Sidebar -->
+      @if (props.showSidebar !== false) {
+        <aside
+          id="docs-sidebar"
+          class="docs-layout__sidebar"
+          [class.docs-layout__sidebar--open]="sidebarOpen() || (!isMobile() && !isTablet())"
+        >
+          <div class="docs-layout__sidebar-content">
+            <ng-content select="[sidebar]"></ng-content>
+          </div>
+        </aside>
+      }
+
+      <!-- Main content area -->
+      <main class="docs-layout__main">
+        <div class="docs-layout__content">
+          <ng-content select="[content]"></ng-content>
+        </div>
+      </main>
+
+      <!-- Table of contents -->
+      @if (props.showToc !== false && !isMobile()) {
+        <aside class="docs-layout__toc">
+          <div class="docs-layout__toc-content">
+            <ng-content select="[toc]"></ng-content>
+          </div>
+        </aside>
+      }
+    </div>
+  `, styles: [".docs-layout{--sidebar-width: 260px;--toc-width: 220px;--content-max-width: 900px;--header-height: 56px;--spacing-md: 1.5rem;--spacing-lg: 2rem;display:grid;grid-template-columns:var(--sidebar-width) 1fr var(--toc-width);min-height:100vh;background:var(--ion-background-color, #fff)}.docs-layout__mobile-header{display:none;position:sticky;top:0;z-index:100;height:var(--header-height);padding:0 var(--spacing-md);background:var(--ion-background-color, #fff);border-bottom:1px solid var(--ion-border-color, #e0e0e0);align-items:center;gap:.5rem}.docs-layout__menu-toggle{--padding-start: 0;--padding-end: 0}.docs-layout__backdrop{position:fixed;inset:0;background:#00000080;z-index:199;opacity:0;animation:fadeIn .2s ease forwards}@keyframes fadeIn{to{opacity:1}}.docs-layout__sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid var(--ion-border-color, #e0e0e0);background:var(--ion-background-color, #fff);z-index:200}.docs-layout__sidebar::-webkit-scrollbar{width:6px}.docs-layout__sidebar::-webkit-scrollbar-track{background:transparent}.docs-layout__sidebar::-webkit-scrollbar-thumb{background:var(--ion-color-medium, #92949c);border-radius:3px}.docs-layout__sidebar-content{padding:var(--spacing-md)}.docs-layout__main{min-width:0;padding:var(--spacing-lg)}.docs-layout__content{max-width:var(--content-max-width);margin:0 auto}.docs-layout__toc{position:sticky;top:0;height:100vh;overflow-y:auto;padding:var(--spacing-lg) var(--spacing-md);border-left:1px solid var(--ion-border-color, #e0e0e0);background:var(--ion-background-color, #fff)}.docs-layout__toc::-webkit-scrollbar{width:4px}.docs-layout__toc::-webkit-scrollbar-track{background:transparent}.docs-layout__toc::-webkit-scrollbar-thumb{background:var(--ion-color-medium, #92949c);border-radius:2px}.docs-layout__toc-content{position:sticky;top:var(--spacing-lg)}.docs-layout--tablet{grid-template-columns:1fr}.docs-layout--tablet .docs-layout__mobile-header{display:flex}.docs-layout--tablet .docs-layout__sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);transform:translate(-100%);transition:transform .3s ease;box-shadow:none}.docs-layout--tablet .docs-layout__sidebar--open{transform:translate(0);box-shadow:4px 0 20px #00000026}.docs-layout--tablet .docs-layout__main{padding-top:calc(var(--header-height) + var(--spacing-md))}.docs-layout--tablet .docs-layout__toc{display:none}.docs-layout--mobile{grid-template-columns:1fr}.docs-layout--mobile .docs-layout__mobile-header{display:flex}.docs-layout--mobile .docs-layout__sidebar{position:fixed;top:0;left:0;width:min(var(--sidebar-width),85vw);transform:translate(-100%);transition:transform .3s ease;box-shadow:none}.docs-layout--mobile .docs-layout__sidebar--open{transform:translate(0);box-shadow:4px 0 20px #00000026}.docs-layout--mobile .docs-layout__main{padding:var(--spacing-md);padding-top:calc(var(--header-height) + var(--spacing-md))}.docs-layout--mobile .docs-layout__toc{display:none}:host-context(.dark) .docs-layout__backdrop,:host-context([color-scheme=dark]) .docs-layout__backdrop{background:#000000b3}:host-context(.dark) .docs-layout__sidebar,:host-context(.dark) .docs-layout__toc,:host-context([color-scheme=dark]) .docs-layout__sidebar,:host-context([color-scheme=dark]) .docs-layout__toc{border-color:var(--ion-border-color, #3a3a3a)}:host-context(.dark) .docs-layout__mobile-header,:host-context([color-scheme=dark]) .docs-layout__mobile-header{border-color:var(--ion-border-color, #3a3a3a)}\n"] }]
+        }], propDecorators: { props: [{
+                type: Input
+            }], sidebarToggle: [{
+                type: Output
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }], onEscapeKey: [{
+                type: HostListener,
+                args: ['document:keydown.escape']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jcy1sYXlvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL3RlbXBsYXRlcy9kb2NzLWxheW91dC9kb2NzLWxheW91dC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBQ1osWUFBWSxFQUNaLE1BQU0sRUFDTixRQUFRLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ3BDLE9BQU8sRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBRzNELFFBQVEsQ0FBQyxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUUsQ0FBQyxDQUFDO0FBRXhDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBc0JHO0FBOEVILE1BQU0sT0FBTyxtQkFBbUI7SUE3RWhDO1FBOEVXLFVBQUssR0FBdUIsRUFBRSxDQUFDO1FBRTlCLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUV0RCx5QkFBeUI7UUFDUixzQkFBaUIsR0FBRyxHQUFHLENBQUM7UUFDeEIsc0JBQWlCLEdBQUcsSUFBSSxDQUFDO1FBRTFDLDZCQUE2QjtRQUNyQixnQkFBVyxHQUFHLE1BQU0sQ0FBQyxPQUFPLE1BQU0sS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzdFLGdCQUFXLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRTVCLGFBQVEsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ3ZFLGFBQVEsR0FBRyxRQUFRLENBQzNCLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsSUFBSSxJQUFJLENBQUMsaUJBQWlCLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRSxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FDbEcsQ0FBQztLQTJCSDtJQXhCQyxRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3hDLDhDQUE4QztRQUM5QyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUM7WUFDekMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDOUIsQ0FBQztJQUNILENBQUM7SUFHRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDdEIsQ0FBQztJQUNILENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDNUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQzsrR0ExQ1UsbUJBQW1CO21HQUFuQixtQkFBbUIsd1BBekVwQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXNFVCxzK0dBdkVTLFlBQVksK0JBQUUsT0FBTywySkFBRSxTQUFTOzs0RkEwRS9CLG1CQUFtQjtrQkE3RS9CLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLE9BQU8sRUFBRSxTQUFTLENBQUMsWUFDakM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FzRVQ7OEJBSVEsS0FBSztzQkFBYixLQUFLO2dCQUVJLGFBQWE7c0JBQXRCLE1BQU07Z0JBZ0JQLFFBQVE7c0JBRFAsWUFBWTt1QkFBQyxlQUFlO2dCQVU3QixXQUFXO3NCQURWLFlBQVk7dUJBQUMseUJBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0TGlzdGVuZXIsXG4gIHNpZ25hbCxcbiAgY29tcHV0ZWQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW9uSWNvbiwgSW9uQnV0dG9uIH0gZnJvbSAnQGlvbmljL2FuZ3VsYXIvc3RhbmRhbG9uZSc7XG5pbXBvcnQgeyBhZGRJY29ucyB9IGZyb20gJ2lvbmljb25zJztcbmltcG9ydCB7IG1lbnVPdXRsaW5lLCBjbG9zZU91dGxpbmUgfSBmcm9tICdpb25pY29ucy9pY29ucyc7XG5pbXBvcnQgeyBEb2NzTGF5b3V0TWV0YWRhdGEgfSBmcm9tICcuL3R5cGVzJztcblxuYWRkSWNvbnMoeyBtZW51T3V0bGluZSwgY2xvc2VPdXRsaW5lIH0pO1xuXG4vKipcbiAqIHZhbC1kb2NzLWxheW91dFxuICpcbiAqIEEgcmVzcG9uc2l2ZSAzLWNvbHVtbiBsYXlvdXQgdGVtcGxhdGUgZm9yIGRvY3VtZW50YXRpb24gc2l0ZXMuXG4gKiBQcm92aWRlcyBzbG90cyBmb3Igc2lkZWJhciBuYXZpZ2F0aW9uLCBtYWluIGNvbnRlbnQsIGFuZCB0YWJsZSBvZiBjb250ZW50cy5cbiAqXG4gKiBAZXhhbXBsZSBCYXNpYyB1c2FnZVxuICogYGBgaHRtbFxuICogPHZhbC1kb2NzLWxheW91dCBbcHJvcHNdPVwieyBzaG93VG9jOiB0cnVlIH1cIj5cbiAqICAgPG5nLWNvbnRhaW5lciBzaWRlYmFyPlxuICogICAgIDx2YWwtZG9jcy1zaWRlYmFyIFtwcm9wc109XCJzaWRlYmFyQ29uZmlnXCI+PC92YWwtZG9jcy1zaWRlYmFyPlxuICogICA8L25nLWNvbnRhaW5lcj5cbiAqXG4gKiAgIDxuZy1jb250YWluZXIgY29udGVudD5cbiAqICAgICA8dmFsLWFydGljbGUgW3Byb3BzXT1cImFydGljbGVDb25maWdcIj48L3ZhbC1hcnRpY2xlPlxuICogICA8L25nLWNvbnRhaW5lcj5cbiAqXG4gKiAgIDxuZy1jb250YWluZXIgdG9jPlxuICogICAgIDx2YWwtZG9jcy10b2MgW3Byb3BzXT1cInRvY0NvbmZpZ1wiPjwvdmFsLWRvY3MtdG9jPlxuICogICA8L25nLWNvbnRhaW5lcj5cbiAqIDwvdmFsLWRvY3MtbGF5b3V0PlxuICogYGBgXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1kb2NzLWxheW91dCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIElvbkljb24sIElvbkJ1dHRvbl0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJkb2NzLWxheW91dFwiXG4gICAgICBbY2xhc3NdPVwicHJvcHMuY3NzQ2xhc3NcIlxuICAgICAgW2NsYXNzLmRvY3MtbGF5b3V0LS1zaWRlYmFyLW9wZW5dPVwic2lkZWJhck9wZW4oKVwiXG4gICAgICBbY2xhc3MuZG9jcy1sYXlvdXQtLW1vYmlsZV09XCJpc01vYmlsZSgpXCJcbiAgICAgIFtjbGFzcy5kb2NzLWxheW91dC0tdGFibGV0XT1cImlzVGFibGV0KClcIlxuICAgICAgW3N0eWxlLi0tc2lkZWJhci13aWR0aF09XCJwcm9wcy5zaWRlYmFyV2lkdGggfHwgJzI2MHB4J1wiXG4gICAgICBbc3R5bGUuLS10b2Mtd2lkdGhdPVwicHJvcHMudG9jV2lkdGggfHwgJzIyMHB4J1wiXG4gICAgICBbc3R5bGUuLS1jb250ZW50LW1heC13aWR0aF09XCJwcm9wcy5jb250ZW50TWF4V2lkdGggfHwgJzkwMHB4J1wiXG4gICAgPlxuICAgICAgPCEtLSBNb2JpbGUgaGVhZGVyIHdpdGggbWVudSB0b2dnbGUgLS0+XG4gICAgICBAaWYgKGlzTW9iaWxlKCkgfHwgaXNUYWJsZXQoKSkge1xuICAgICAgICA8aGVhZGVyIGNsYXNzPVwiZG9jcy1sYXlvdXRfX21vYmlsZS1oZWFkZXJcIj5cbiAgICAgICAgICA8aW9uLWJ1dHRvblxuICAgICAgICAgICAgZmlsbD1cImNsZWFyXCJcbiAgICAgICAgICAgIGNsYXNzPVwiZG9jcy1sYXlvdXRfX21lbnUtdG9nZ2xlXCJcbiAgICAgICAgICAgIChjbGljayk9XCJ0b2dnbGVTaWRlYmFyKClcIlxuICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJzaWRlYmFyT3BlbigpID8gJ0Nsb3NlIG1lbnUnIDogJ09wZW4gbWVudSdcIlxuICAgICAgICAgICAgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJzaWRlYmFyT3BlbigpXCJcbiAgICAgICAgICAgIGFyaWEtY29udHJvbHM9XCJkb2NzLXNpZGViYXJcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxpb24taWNvblxuICAgICAgICAgICAgICBzbG90PVwiaWNvbi1vbmx5XCJcbiAgICAgICAgICAgICAgW25hbWVdPVwic2lkZWJhck9wZW4oKSA/ICdjbG9zZS1vdXRsaW5lJyA6ICdtZW51LW91dGxpbmUnXCJcbiAgICAgICAgICAgID48L2lvbi1pY29uPlxuICAgICAgICAgIDwvaW9uLWJ1dHRvbj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbW9iaWxlLWhlYWRlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvaGVhZGVyPlxuICAgICAgfVxuXG4gICAgICA8IS0tIEJhY2tkcm9wIGZvciBtb2JpbGUgc2lkZWJhciAtLT5cbiAgICAgIEBpZiAoKGlzTW9iaWxlKCkgfHwgaXNUYWJsZXQoKSkgJiYgc2lkZWJhck9wZW4oKSkge1xuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3M9XCJkb2NzLWxheW91dF9fYmFja2Ryb3BcIlxuICAgICAgICAgIHJvbGU9XCJwcmVzZW50YXRpb25cIlxuICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgICAgKGNsaWNrKT1cImNsb3NlU2lkZWJhcigpXCJcbiAgICAgICAgPjwvZGl2PlxuICAgICAgfVxuXG4gICAgICA8IS0tIFNpZGViYXIgLS0+XG4gICAgICBAaWYgKHByb3BzLnNob3dTaWRlYmFyICE9PSBmYWxzZSkge1xuICAgICAgICA8YXNpZGVcbiAgICAgICAgICBpZD1cImRvY3Mtc2lkZWJhclwiXG4gICAgICAgICAgY2xhc3M9XCJkb2NzLWxheW91dF9fc2lkZWJhclwiXG4gICAgICAgICAgW2NsYXNzLmRvY3MtbGF5b3V0X19zaWRlYmFyLS1vcGVuXT1cInNpZGViYXJPcGVuKCkgfHwgKCFpc01vYmlsZSgpICYmICFpc1RhYmxldCgpKVwiXG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZG9jcy1sYXlvdXRfX3NpZGViYXItY29udGVudFwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NpZGViYXJdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2FzaWRlPlxuICAgICAgfVxuXG4gICAgICA8IS0tIE1haW4gY29udGVudCBhcmVhIC0tPlxuICAgICAgPG1haW4gY2xhc3M9XCJkb2NzLWxheW91dF9fbWFpblwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZG9jcy1sYXlvdXRfX2NvbnRlbnRcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbY29udGVudF1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9tYWluPlxuXG4gICAgICA8IS0tIFRhYmxlIG9mIGNvbnRlbnRzIC0tPlxuICAgICAgQGlmIChwcm9wcy5zaG93VG9jICE9PSBmYWxzZSAmJiAhaXNNb2JpbGUoKSkge1xuICAgICAgICA8YXNpZGUgY2xhc3M9XCJkb2NzLWxheW91dF9fdG9jXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRvY3MtbGF5b3V0X190b2MtY29udGVudFwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3RvY11cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvYXNpZGU+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2RvY3MtbGF5b3V0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIERvY3NMYXlvdXRDb21wb25lbnQge1xuICBASW5wdXQoKSBwcm9wczogRG9jc0xheW91dE1ldGFkYXRhID0ge307XG5cbiAgQE91dHB1dCgpIHNpZGViYXJUb2dnbGUgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgLy8gUmVzcG9uc2l2ZSBicmVha3BvaW50c1xuICBwcml2YXRlIHJlYWRvbmx5IE1PQklMRV9CUkVBS1BPSU5UID0gNzY4O1xuICBwcml2YXRlIHJlYWRvbmx5IFRBQkxFVF9CUkVBS1BPSU5UID0gMTAyNDtcblxuICAvLyBTaWduYWxzIGZvciByZWFjdGl2ZSBzdGF0ZVxuICBwcml2YXRlIHdpbmRvd1dpZHRoID0gc2lnbmFsKHR5cGVvZiB3aW5kb3cgIT09ICd1bmRlZmluZWQnID8gd2luZG93LmlubmVyV2lkdGggOiAxMjAwKTtcbiAgcHJvdGVjdGVkIHNpZGViYXJPcGVuID0gc2lnbmFsKGZhbHNlKTtcblxuICBwcm90ZWN0ZWQgaXNNb2JpbGUgPSBjb21wdXRlZCgoKSA9PiB0aGlzLndpbmRvd1dpZHRoKCkgPCB0aGlzLk1PQklMRV9CUkVBS1BPSU5UKTtcbiAgcHJvdGVjdGVkIGlzVGFibGV0ID0gY29tcHV0ZWQoXG4gICAgKCkgPT4gdGhpcy53aW5kb3dXaWR0aCgpID49IHRoaXMuTU9CSUxFX0JSRUFLUE9JTlQgJiYgdGhpcy53aW5kb3dXaWR0aCgpIDwgdGhpcy5UQUJMRVRfQlJFQUtQT0lOVFxuICApO1xuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnKVxuICBvblJlc2l6ZSgpOiB2b2lkIHtcbiAgICB0aGlzLndpbmRvd1dpZHRoLnNldCh3aW5kb3cuaW5uZXJXaWR0aCk7XG4gICAgLy8gQXV0by1jbG9zZSBzaWRlYmFyIHdoZW4gcmVzaXppbmcgdG8gZGVza3RvcFxuICAgIGlmICghdGhpcy5pc01vYmlsZSgpICYmICF0aGlzLmlzVGFibGV0KCkpIHtcbiAgICAgIHRoaXMuc2lkZWJhck9wZW4uc2V0KGZhbHNlKTtcbiAgICB9XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDprZXlkb3duLmVzY2FwZScpXG4gIG9uRXNjYXBlS2V5KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnNpZGViYXJPcGVuKCkpIHtcbiAgICAgIHRoaXMuY2xvc2VTaWRlYmFyKCk7XG4gICAgfVxuICB9XG5cbiAgdG9nZ2xlU2lkZWJhcigpOiB2b2lkIHtcbiAgICB0aGlzLnNpZGViYXJPcGVuLnVwZGF0ZShvcGVuID0+ICFvcGVuKTtcbiAgICB0aGlzLnNpZGViYXJUb2dnbGUuZW1pdCh0aGlzLnNpZGViYXJPcGVuKCkpO1xuICB9XG5cbiAgY2xvc2VTaWRlYmFyKCk6IHZvaWQge1xuICAgIHRoaXMuc2lkZWJhck9wZW4uc2V0KGZhbHNlKTtcbiAgICB0aGlzLnNpZGViYXJUb2dnbGUuZW1pdChmYWxzZSk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/components/templates/docs-layout/types.mjs

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