valtech-components 2.0.773 → 2.0.775

package/fesm2022/valtech-components.mjs

@@ -52,7 +52,7 @@ import 'prismjs/components/prism-json';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '2.0.773';
+const VERSION = '2.0.775';
 
 /**
  * Servicio para gestionar presets de componentes.
@@ -5834,19 +5834,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * transform="translate(col*100 row*100)">` con un `<rect width=100 height=100
  * fill=bg/>` de fondo.
  */
+/**
+ * Chevrons stroke-based con linecap/linejoin redondos — visualmente coherente
+ * con el símbolo de marca Valtech (`>_`). Stroke-width 18 (default), 12 para
+ * variants `small-*`.
+ */
+const CHEV_STROKE = 18;
+const CHEV_SMALL_STROKE = 12;
+const chevStyle = (f, w = CHEV_STROKE) => `stroke="${f}" stroke-width="${w}" stroke-linecap="round" stroke-linejoin="round" fill="none"`;
 const PATTERN_MOTIFS = {
-    'chev-r': f => `<path d="M22 18 L58 50 L22 82 L42 82 L78 50 L42 18 Z" fill="${f}"/>`,
-    'chev-l': f => `<path d="M78 18 L42 50 L78 82 L58 82 L22 50 L58 18 Z" fill="${f}"/>`,
-    'chev-d': f => `<path d="M18 22 L50 58 L82 22 L82 42 L50 78 L18 42 Z" fill="${f}"/>`,
-    'chev-u': f => `<path d="M18 78 L50 42 L82 78 L82 58 L50 22 L18 58 Z" fill="${f}"/>`,
+    'chev-r': f => `<path d="M22 18 L72 50 L22 82" ${chevStyle(f)}/>`,
+    'chev-l': f => `<path d="M78 18 L28 50 L78 82" ${chevStyle(f)}/>`,
+    'chev-d': f => `<path d="M18 22 L50 72 L82 22" ${chevStyle(f)}/>`,
+    'chev-u': f => `<path d="M18 78 L50 28 L82 78" ${chevStyle(f)}/>`,
     'tri-tl': f => `<polygon points="0,0 100,0 0,100" fill="${f}"/>`,
     'tri-tr': f => `<polygon points="0,0 100,0 100,100" fill="${f}"/>`,
     'tri-bl': f => `<polygon points="0,0 100,100 0,100" fill="${f}"/>`,
     'tri-br': f => `<polygon points="100,0 100,100 0,100" fill="${f}"/>`,
     solid: () => ``,
     diamond: f => `<polygon points="50,12 88,50 50,88 12,50" fill="${f}"/>`,
-    'small-r': f => `<path d="M38 32 L62 50 L38 68 L48 68 L72 50 L48 32 Z" fill="${f}"/>`,
-    'small-l': f => `<path d="M62 32 L38 50 L62 68 L52 68 L28 50 L52 32 Z" fill="${f}"/>`,
+    'small-r': f => `<path d="M38 32 L62 50 L38 68" ${chevStyle(f, CHEV_SMALL_STROKE)}/>`,
+    'small-l': f => `<path d="M62 32 L38 50 L62 68" ${chevStyle(f, CHEV_SMALL_STROKE)}/>`,
     'arrow-r': f => `<path d="M10 42 L60 42 L60 28 L92 50 L60 72 L60 58 L10 58 Z" fill="${f}"/>`,
     'arrow-l': f => `<path d="M90 42 L40 42 L40 28 L8 50 L40 72 L40 58 L90 58 Z" fill="${f}"/>`,
     'house-d': f => `<polygon points="50,20 88,50 12,50" fill="${f}"/><rect x="28" y="50" width="44" height="32" fill="${f}"/>`,
@@ -5906,6 +5914,31 @@ function mulberry32(seed) {
         return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
     };
 }
+/**
+ * Genera UN tile con motif/bg/fg respetando densidades + contraste.
+ * Caller pasa rng (Math.random o seeded) — útil para reshuffle individual de
+ * tiles en `val-pattern` sin regenerar la grid completa.
+ */
+function generateRandomTile(palette, chevronDensity = 0.55, rng = Math.random) {
+    const roll = rng();
+    let key;
+    if (roll < chevronDensity)
+        key = CHEV_KEYS[Math.floor(rng() * CHEV_KEYS.length)];
+    else if (roll < chevronDensity + 0.2)
+        key = SOLID_KEYS[Math.floor(rng() * SOLID_KEYS.length)];
+    else if (roll < chevronDensity + 0.35)
+        key = SHAPE_KEYS[Math.floor(rng() * SHAPE_KEYS.length)];
+    else
+        key = TRI_KEYS[Math.floor(rng() * TRI_KEYS.length)];
+    const bgIdx = Math.floor(rng() * palette.length);
+    let fgIdx = Math.floor(rng() * palette.length);
+    let tries = 0;
+    while (Math.abs(fgIdx - bgIdx) < 3 && tries < 6) {
+        fgIdx = Math.floor(rng() * palette.length);
+        tries++;
+    }
+    return { motif: key, bg: palette[bgIdx], fg: palette[fgIdx] };
+}
 /** Genera matriz de tiles aplicando densidades + reglas de contraste. */
 function generatePatternTiles(cfg) {
     const { cols, rows, seed, palette } = cfg;
@@ -5913,25 +5946,7 @@ function generatePatternTiles(cfg) {
     const r = mulberry32(seed);
     const tiles = [];
     for (let i = 0; i < cols * rows; i++) {
-        const roll = r();
-        let key;
-        if (roll < chevronDensity)
-            key = CHEV_KEYS[Math.floor(r() * CHEV_KEYS.length)];
-        else if (roll < chevronDensity + 0.2)
-            key = SOLID_KEYS[Math.floor(r() * SOLID_KEYS.length)];
-        else if (roll < chevronDensity + 0.35)
-            key = SHAPE_KEYS[Math.floor(r() * SHAPE_KEYS.length)];
-        else
-            key = TRI_KEYS[Math.floor(r() * TRI_KEYS.length)];
-        // Pick bg + contrasting fg (índices con distancia ≥3 en la palette).
-        const bgIdx = Math.floor(r() * palette.length);
-        let fgIdx = Math.floor(r() * palette.length);
-        let tries = 0;
-        while (Math.abs(fgIdx - bgIdx) < 3 && tries < 6) {
-            fgIdx = Math.floor(r() * palette.length);
-            tries++;
-        }
-        tiles.push({ motif: key, bg: palette[bgIdx], fg: palette[fgIdx] });
+        tiles.push(generateRandomTile(palette, chevronDensity, r));
     }
     return tiles;
 }
@@ -6004,6 +6019,9 @@ class PatternComponent {
         if (value.reshuffleInterval !== undefined && value.reshuffleInterval > 0) {
             this.reshuffleInterval.set(value.reshuffleInterval);
         }
+        if (value.tilesPerTick !== undefined && value.tilesPerTick > 0) {
+            this.tilesPerTick.set(Math.floor(value.tilesPerTick));
+        }
         if (value.animated !== undefined)
             this.animated.set(!!value.animated);
     }
@@ -6016,15 +6034,16 @@ class PatternComponent {
         this.chevronDensity = signal(0.55);
         this.preserveAspect = signal('slice');
         this.animated = signal(false);
-        this.reshuffleInterval = signal(8000);
-        /** Tiles computed — se regenera cuando cambia seed/cols/rows/palette/density. */
-        this.tiles = computed(() => generatePatternTiles({
-            cols: this.cols(),
-            rows: this.rows(),
-            seed: this.seed(),
-            palette: this.paletteRef(),
-            chevronDensity: this.chevronDensity(),
-        }));
+        /** ms entre updates individuales de tiles (modo animated). Default 1200ms. */
+        this.reshuffleInterval = signal(1200);
+        /** Cuántos tiles cambiar por tick (default 1 → cambio sutil). */
+        this.tilesPerTick = signal(1);
+        /**
+         * Tiles signal — mutable. Se regenera completa cuando cambia seed/cols/rows/
+         * palette/density. En modo animated, tiles individuales se sobrescriben sin
+         * tocar el resto (efecto staggered).
+         */
+        this.tiles = signal([]);
         /** SVG completo como string sanitized para `[innerHTML]`. */
         this.svgHtml = computed(() => {
             const cols = this.cols();
@@ -6035,18 +6054,30 @@ class PatternComponent {
             const svg = `<svg viewBox="0 0 ${cols * 100} ${rows * 100}" preserveAspectRatio="${aspect}" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">${inner}</svg>`;
             return this.sanitizer.bypassSecurityTrustHtml(svg);
         });
-        // Animated reshuffle: cada N ms cambia seed para reshuffle visual.
+        // Regenera grid completa cuando cambian props estructurales (cols/rows/
+        // palette/density/seed). El seed solo cambia explícitamente via props o
+        // mount inicial — NO se muta en modo animated.
+        effect(() => {
+            const cols = this.cols();
+            const rows = this.rows();
+            const seed = this.seed();
+            const palette = this.paletteRef();
+            const density = this.chevronDensity();
+            this.tiles.set(generatePatternTiles({ cols, rows, seed, palette, chevronDensity: density }));
+        });
+        // Modo animated: cada `reshuffleInterval` ms, sobrescribe `tilesPerTick`
+        // tiles random — efecto staggered (no toda la grid de una). Si el user
+        // desactiva animated, el timer se limpia automáticamente.
         effect(onCleanup => {
             const isAnimated = this.animated();
             const interval = this.reshuffleInterval();
+            const perTick = this.tilesPerTick();
             if (this.timer)
                 clearInterval(this.timer);
             this.timer = undefined;
             if (!isAnimated)
                 return;
-            this.timer = setInterval(() => {
-                this.seed.set(this.randomSeed());
-            }, interval);
+            this.timer = setInterval(() => this.mutateRandomTiles(perTick), interval);
             onCleanup(() => {
                 if (this.timer) {
                     clearInterval(this.timer);
@@ -6055,6 +6086,23 @@ class PatternComponent {
             });
         });
     }
+    /**
+     * Reemplaza `count` tiles random del grid actual con tiles nuevos generados.
+     * Usado por el modo animated para staggered reshuffle.
+     */
+    mutateRandomTiles(count) {
+        const current = this.tiles();
+        if (current.length === 0)
+            return;
+        const next = [...current];
+        const palette = this.paletteRef();
+        const density = this.chevronDensity();
+        for (let n = 0; n < count; n++) {
+            const idx = Math.floor(Math.random() * next.length);
+            next[idx] = generateRandomTile(palette, density);
+        }
+        this.tiles.set(next);
+    }
     ngOnDestroy() {
         if (this.timer)
             clearInterval(this.timer);
@@ -25947,6 +25995,198 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }] } });
 
+/**
+ * `val-cookie-banner` — bottom/top fixed banner asking the user to choose
+ * a cookie consent option. Presentational only: emits events on each
+ * action, the parent decides what to do (typically wiring to
+ * `AnalyticsService` from `valtech-components`).
+ *
+ * @example
+ * <val-cookie-banner
+ *   [props]="bannerProps()"
+ *   (accept)="onAccept()"
+ *   (reject)="onReject()"
+ *   (customize)="onCustomize()"
+ *   (dismiss)="onDismiss()"
+ * />
+ *
+ * Wire `props.visible` to `analytics.consentState().hasDecided === false`
+ * so the banner auto-hides once the user makes a choice.
+ */
+class CookieBannerComponent {
+    constructor() {
+        /** Fired when the user clicks the primary "accept" button. */
+        this.accept = new EventEmitter();
+        /** Fired when the user clicks the secondary "reject" button. */
+        this.reject = new EventEmitter();
+        /** Fired when the user clicks the tertiary "customize/configure" button. */
+        this.customize = new EventEmitter();
+        /** Fired when the user clicks the dismiss (X) icon. */
+        this.dismiss = new EventEmitter();
+        addIcons({ closeOutline });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CookieBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CookieBannerComponent, isStandalone: true, selector: "val-cookie-banner", inputs: { props: "props" }, outputs: { accept: "accept", reject: "reject", customize: "customize", dismiss: "dismiss" }, ngImport: i0, template: `
+    @if (props?.visible) {
+      <div
+        class="val-cookie-banner"
+        [class.val-cookie-banner--top]="props.position === 'top'"
+        [class.val-cookie-banner--bottom]="props.position !== 'top'"
+        [class.val-cookie-banner--translucent]="props.translucent"
+        role="dialog"
+        aria-modal="false"
+        aria-live="polite"
+      >
+        <div class="val-cookie-banner__inner" [style.max-width]="props.maxWidth || '1200px'">
+          @if (props.dismissible) {
+            <button
+              type="button"
+              class="val-cookie-banner__dismiss"
+              [attr.aria-label]="'dismiss'"
+              (click)="dismiss.emit()"
+            >
+              <ion-icon name="close-outline"></ion-icon>
+            </button>
+          }
+
+          <div class="val-cookie-banner__copy">
+            @if (props.title) {
+              <h3 class="val-cookie-banner__title">{{ props.title }}</h3>
+            }
+            <p class="val-cookie-banner__message">
+              {{ props.message }}
+              @if (props.policyLinkText && props.policyHref) {
+                <a class="val-cookie-banner__policy" [href]="props.policyHref" target="_blank" rel="noopener">
+                  {{ props.policyLinkText }}
+                </a>
+              }
+            </p>
+          </div>
+
+          <div class="val-cookie-banner__actions">
+            <ion-button fill="clear" size="small" [color]="props.rejectColor || 'medium'" (click)="reject.emit()">
+              {{ props.rejectText }}
+            </ion-button>
+
+            @if (props.customizeText) {
+              @if (props.customizeRouterLink) {
+                <ion-button
+                  fill="outline"
+                  size="small"
+                  [color]="props.customizeColor || 'dark'"
+                  [routerLink]="props.customizeRouterLink"
+                  (click)="customize.emit()"
+                >
+                  {{ props.customizeText }}
+                </ion-button>
+              } @else {
+                <ion-button
+                  fill="outline"
+                  size="small"
+                  [color]="props.customizeColor || 'dark'"
+                  (click)="customize.emit()"
+                >
+                  {{ props.customizeText }}
+                </ion-button>
+              }
+            }
+
+            <ion-button fill="solid" size="small" [color]="props.acceptColor || 'primary'" (click)="accept.emit()">
+              {{ props.acceptText }}
+            </ion-button>
+          </div>
+        </div>
+      </div>
+    }
+  `, isInline: true, styles: [":host{display:contents}.val-cookie-banner{position:fixed;left:0;right:0;z-index:1000;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--ion-background-color, #fff);border-color:var(--val-border-color, rgba(0, 0, 0, .08));border-style:solid;border-width:0;box-shadow:0 -2px 16px #00000014;animation:val-cookie-banner-in .25s ease-out}.val-cookie-banner--bottom{bottom:0;border-top-width:1px}.val-cookie-banner--top{top:0;border-bottom-width:1px;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;box-shadow:0 2px 16px #00000014}.val-cookie-banner--translucent{background:#ffffffd9;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px)}@media (prefers-color-scheme: dark){.val-cookie-banner--translucent{background:#141414d9}}.val-cookie-banner__inner{margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:16px;position:relative}.val-cookie-banner__dismiss{position:absolute;top:-8px;right:-4px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:50%;cursor:pointer;color:var(--ion-color-medium);transition:color .15s ease,background .15s ease}.val-cookie-banner__dismiss:hover{color:var(--ion-color-dark);background:var(--ion-color-light-shade, rgba(0, 0, 0, .04))}.val-cookie-banner__dismiss ion-icon{font-size:18px}.val-cookie-banner__copy{flex:1 1 auto;min-width:0}.val-cookie-banner__title{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--ion-color-dark)}.val-cookie-banner__message{margin:0;font-size:13px;line-height:1.45;color:var(--ion-color-dark)}.val-cookie-banner__policy{margin-left:4px;color:var(--ion-color-primary);text-decoration:underline;text-underline-offset:2px}.val-cookie-banner__actions{display:inline-flex;flex-direction:row;align-items:center;gap:8px;flex-shrink:0}@media (max-width: 768px){.val-cookie-banner__inner{flex-direction:column;align-items:stretch;gap:12px}.val-cookie-banner__actions{flex-wrap:wrap;justify-content:flex-end}}@media (max-width: 480px){.val-cookie-banner__actions{flex-direction:column;align-items:stretch}.val-cookie-banner__actions ion-button{width:100%}}@keyframes val-cookie-banner-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.val-cookie-banner--top{animation-name:val-cookie-banner-in-top}@keyframes val-cookie-banner-in-top{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.val-cookie-banner{animation:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { 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"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CookieBannerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-cookie-banner', standalone: true, imports: [CommonModule, RouterLink, IonButton, IonIcon], template: `
+    @if (props?.visible) {
+      <div
+        class="val-cookie-banner"
+        [class.val-cookie-banner--top]="props.position === 'top'"
+        [class.val-cookie-banner--bottom]="props.position !== 'top'"
+        [class.val-cookie-banner--translucent]="props.translucent"
+        role="dialog"
+        aria-modal="false"
+        aria-live="polite"
+      >
+        <div class="val-cookie-banner__inner" [style.max-width]="props.maxWidth || '1200px'">
+          @if (props.dismissible) {
+            <button
+              type="button"
+              class="val-cookie-banner__dismiss"
+              [attr.aria-label]="'dismiss'"
+              (click)="dismiss.emit()"
+            >
+              <ion-icon name="close-outline"></ion-icon>
+            </button>
+          }
+
+          <div class="val-cookie-banner__copy">
+            @if (props.title) {
+              <h3 class="val-cookie-banner__title">{{ props.title }}</h3>
+            }
+            <p class="val-cookie-banner__message">
+              {{ props.message }}
+              @if (props.policyLinkText && props.policyHref) {
+                <a class="val-cookie-banner__policy" [href]="props.policyHref" target="_blank" rel="noopener">
+                  {{ props.policyLinkText }}
+                </a>
+              }
+            </p>
+          </div>
+
+          <div class="val-cookie-banner__actions">
+            <ion-button fill="clear" size="small" [color]="props.rejectColor || 'medium'" (click)="reject.emit()">
+              {{ props.rejectText }}
+            </ion-button>
+
+            @if (props.customizeText) {
+              @if (props.customizeRouterLink) {
+                <ion-button
+                  fill="outline"
+                  size="small"
+                  [color]="props.customizeColor || 'dark'"
+                  [routerLink]="props.customizeRouterLink"
+                  (click)="customize.emit()"
+                >
+                  {{ props.customizeText }}
+                </ion-button>
+              } @else {
+                <ion-button
+                  fill="outline"
+                  size="small"
+                  [color]="props.customizeColor || 'dark'"
+                  (click)="customize.emit()"
+                >
+                  {{ props.customizeText }}
+                </ion-button>
+              }
+            }
+
+            <ion-button fill="solid" size="small" [color]="props.acceptColor || 'primary'" (click)="accept.emit()">
+              {{ props.acceptText }}
+            </ion-button>
+          </div>
+        </div>
+      </div>
+    }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:contents}.val-cookie-banner{position:fixed;left:0;right:0;z-index:1000;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--ion-background-color, #fff);border-color:var(--val-border-color, rgba(0, 0, 0, .08));border-style:solid;border-width:0;box-shadow:0 -2px 16px #00000014;animation:val-cookie-banner-in .25s ease-out}.val-cookie-banner--bottom{bottom:0;border-top-width:1px}.val-cookie-banner--top{top:0;border-bottom-width:1px;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;box-shadow:0 2px 16px #00000014}.val-cookie-banner--translucent{background:#ffffffd9;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px)}@media (prefers-color-scheme: dark){.val-cookie-banner--translucent{background:#141414d9}}.val-cookie-banner__inner{margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:16px;position:relative}.val-cookie-banner__dismiss{position:absolute;top:-8px;right:-4px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:50%;cursor:pointer;color:var(--ion-color-medium);transition:color .15s ease,background .15s ease}.val-cookie-banner__dismiss:hover{color:var(--ion-color-dark);background:var(--ion-color-light-shade, rgba(0, 0, 0, .04))}.val-cookie-banner__dismiss ion-icon{font-size:18px}.val-cookie-banner__copy{flex:1 1 auto;min-width:0}.val-cookie-banner__title{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--ion-color-dark)}.val-cookie-banner__message{margin:0;font-size:13px;line-height:1.45;color:var(--ion-color-dark)}.val-cookie-banner__policy{margin-left:4px;color:var(--ion-color-primary);text-decoration:underline;text-underline-offset:2px}.val-cookie-banner__actions{display:inline-flex;flex-direction:row;align-items:center;gap:8px;flex-shrink:0}@media (max-width: 768px){.val-cookie-banner__inner{flex-direction:column;align-items:stretch;gap:12px}.val-cookie-banner__actions{flex-wrap:wrap;justify-content:flex-end}}@media (max-width: 480px){.val-cookie-banner__actions{flex-direction:column;align-items:stretch}.val-cookie-banner__actions ion-button{width:100%}}@keyframes val-cookie-banner-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.val-cookie-banner--top{animation-name:val-cookie-banner-in-top}@keyframes val-cookie-banner-in-top{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.val-cookie-banner{animation:none}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { props: [{
+                type: Input
+            }], accept: [{
+                type: Output
+            }], reject: [{
+                type: Output
+            }], customize: [{
+                type: Output
+            }], dismiss: [{
+                type: Output
+            }] } });
+
 /**
  * ToolbarComponent
  *
@@ -43238,5 +43478,5 @@ function buildFooterLinks(links, t, resolver) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_SPACING, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AppConfigService, ArticleBuilder, ArticleComponent, AuthBackgroundComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CHEV_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentTransformer, CountdownComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DataTableComponent, DateInputComponent, DateRangeInputComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FabComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MenuComponent, MessagingService, MetaService, ModalService, MultiSelectSearchComponent, NavigationService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OrgSwitchService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PATTERN_MOTIFS, PATTERN_PALETTES, PLATFORM_CONFIGS, PageContentComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RightsFooterComponent, RotatingTextComponent, SHAPE_KEYS, SKELETON_PRESETS, SOLID_KEYS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, SessionService, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, UpdateBannerComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_DEFAULT_CONTENT, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_SOCIAL_LINKS, VERSION, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, blogPost, buildFooterLinks, buildPath, collections, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createTitleProps, docs, extractPathParams, generatePatternTiles, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideValtechAds, provideValtechAppConfig, provideValtechAuth, provideValtechAuthInterceptor, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechPresets, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard, toArticle };
+export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_SPACING, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AppConfigService, ArticleBuilder, ArticleComponent, AuthBackgroundComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CHEV_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentTransformer, CookieBannerComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DataTableComponent, DateInputComponent, DateRangeInputComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FabComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MenuComponent, MessagingService, MetaService, ModalService, MultiSelectSearchComponent, NavigationService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OrgSwitchService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PATTERN_MOTIFS, PATTERN_PALETTES, PLATFORM_CONFIGS, PageContentComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RightsFooterComponent, RotatingTextComponent, SHAPE_KEYS, SKELETON_PRESETS, SOLID_KEYS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, SessionService, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, UpdateBannerComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_DEFAULT_CONTENT, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_SOCIAL_LINKS, VERSION, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, blogPost, buildFooterLinks, buildPath, collections, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createTitleProps, docs, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideValtechAds, provideValtechAppConfig, provideValtechAuth, provideValtechAuthInterceptor, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechPresets, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard, toArticle };
 //# sourceMappingURL=valtech-components.mjs.map