valtech-components 2.0.944 → 2.0.945

package/fesm2022/valtech-components.mjs

@@ -54,7 +54,7 @@ import 'prismjs/components/prism-json';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '2.0.944';
+const VERSION = '2.0.945';
 
 // Control de estado de refresco (singleton a nivel de módulo)
 let isRefreshing = false;
@@ -10486,7 +10486,7 @@ class ButtonComponent {
       <ion-spinner *ngIf="resolvedProps.state === states.WORKING" name="circular"></ion-spinner>
       <ion-text *ngIf="resolvedProps.state !== states.WORKING">{{ displayText }}</ion-text>
     </ion-button>
-  `, isInline: true, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}ion-button{font-family:var(--ion-default-font),Arial,sans-serif;min-width:6.25rem;margin:0}ion-button.small{--padding-bottom: 12px;--padding-end: 14px;--padding-start: 14px;--padding-top: 12px}ion-button.button-clear{padding:0;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }] }); }
+  `, isInline: true, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}ion-button{font-family:var(--ion-default-font),Arial,sans-serif;min-width:6.25rem;margin:0}ion-button.small{--padding-bottom: 12px;--padding-end: 14px;--padding-start: 14px;--padding-top: 12px}ion-button.button-clear{padding:0;margin:0}ion-button ion-spinner{--color: currentColor}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
@@ -10509,7 +10509,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
       <ion-spinner *ngIf="resolvedProps.state === states.WORKING" name="circular"></ion-spinner>
       <ion-text *ngIf="resolvedProps.state !== states.WORKING">{{ displayText }}</ion-text>
     </ion-button>
-  `, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}ion-button{font-family:var(--ion-default-font),Arial,sans-serif;min-width:6.25rem;margin:0}ion-button.small{--padding-bottom: 12px;--padding-end: 14px;--padding-start: 14px;--padding-top: 12px}ion-button.button-clear{padding:0;margin:0}\n"] }]
+  `, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}ion-button{font-family:var(--ion-default-font),Arial,sans-serif;min-width:6.25rem;margin:0}ion-button.small{--padding-bottom: 12px;--padding-end: 14px;--padding-start: 14px;--padding-top: 12px}ion-button.button-clear{padding:0;margin:0}ion-button ion-spinner{--color: currentColor}\n"] }]
         }], ctorParameters: () => [{ type: DownloadService }, { type: IconService }, { type: NavigationService }], propDecorators: { preset: [{
                 type: Input
             }], props: [{
@@ -26952,7 +26952,7 @@ const ACTION_CARD_DEFAULTS = {
 };
 
 addIcons({ chevronForwardOutline });
-const IONIC_COLORS = ['primary', 'secondary', 'tertiary', 'success', 'warning', 'danger', 'light', 'medium', 'dark'];
+const IONIC_COLORS$4 = ['primary', 'secondary', 'tertiary', 'success', 'warning', 'danger', 'light', 'medium', 'dark'];
 /**
  * val-action-card
  *
@@ -27032,7 +27032,7 @@ class ActionCardComponent {
     resolveColor(color) {
         if (!color)
             return null;
-        if (IONIC_COLORS.includes(color)) {
+        if (IONIC_COLORS$4.includes(color)) {
             return `var(--ion-color-${color})`;
         }
         return color;
@@ -27214,6 +27214,540 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 
+/**
+ * Default values for MediaObjectMetadata.
+ */
+const MEDIA_OBJECT_DEFAULTS = {
+    mediaWidth: '96px',
+    reversed: false,
+    align: 'start',
+    rounded: true,
+    circle: false,
+};
+
+const IONIC_COLORS$3 = ['primary', 'secondary', 'tertiary', 'success', 'warning', 'danger', 'light', 'medium', 'dark'];
+/**
+ * val-media-object
+ *
+ * Image (or icon) on one side, title + long body text on the other. Useful for
+ * feature rows, informational blocks, "what is X" sections, etc.
+ *
+ * Presentational: pass already-resolved strings (build them with
+ * `I18nService.t()` in the consumer page).
+ *
+ * @example
+ * ```html
+ * <val-media-object
+ *   [props]="{
+ *     image: '/assets/feature.png',
+ *     overtitle: 'Privacy',
+ *     title: 'Your data stays yours',
+ *     body: 'A long explanation that can span several lines without truncation.',
+ *     link: { label: 'Learn more', routerLink: '/privacy' }
+ *   }"
+ * />
+ * ```
+ */
+class MediaObjectComponent {
+    constructor() {
+        this.navigation = inject(NavigationService);
+        /** Component configuration */
+        this.props = input({});
+        /** Emitted when the inline link is clicked */
+        this.onLinkClick = new EventEmitter();
+        /** Merged configuration with defaults */
+        this.config = computed(() => ({
+            ...MEDIA_OBJECT_DEFAULTS,
+            ...this.props(),
+        }));
+    }
+    getColor() {
+        const color = this.config().color;
+        if (!color)
+            return 'var(--ion-color-primary)';
+        return IONIC_COLORS$3.includes(color) ? `var(--ion-color-${color})` : color;
+    }
+    handleLinkClick(event) {
+        const link = this.config().link;
+        this.onLinkClick.emit(this.config().token);
+        if (link?.href) {
+            event.preventDefault();
+            this.navigation.openInNewTab(link.href);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MediaObjectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: MediaObjectComponent, isStandalone: true, selector: "val-media-object", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onLinkClick: "onLinkClick" }, ngImport: i0, template: `
+    <div
+      class="media-object"
+      [class.media-object--reversed]="config().reversed"
+      [class.media-object--center]="config().align === 'center'"
+    >
+      <!-- Media (image or icon) -->
+      <div
+        class="media-object__media"
+        [class.media-object__media--rounded]="config().rounded && !config().circle"
+        [class.media-object__media--circle]="config().circle"
+        [style.width]="config().mediaWidth"
+        [style.--media-color]="getColor()"
+      >
+        @if (config().image) {
+          <img [src]="config().image" [alt]="config().imageAlt || config().title" />
+        } @else if (config().icon) {
+          <ion-icon [name]="config().icon!"></ion-icon>
+        }
+      </div>
+
+      <!-- Content -->
+      <div class="media-object__content">
+        @if (config().overtitle) {
+          <span class="media-object__overtitle">{{ config().overtitle }}</span>
+        }
+        <h3 class="media-object__title">{{ config().title }}</h3>
+        @if (config().body) {
+          <p class="media-object__body">{{ config().body }}</p>
+        }
+        @if (config().link; as link) {
+          <a class="media-object__link" [routerLink]="link.routerLink ?? null" (click)="handleLinkClick($event)">
+            {{ link.label }}
+          </a>
+        }
+      </div>
+    </div>
+  `, isInline: true, styles: [":host{display:block}.media-object{display:flex;align-items:flex-start;gap:1.25rem}.media-object--center{align-items:center}.media-object--reversed{flex-direction:row-reverse}.media-object__media{flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--media-color, var(--ion-color-primary))}.media-object__media img{width:100%;height:100%;object-fit:cover;display:block}.media-object__media ion-icon{font-size:2.5rem}.media-object__media--rounded{border-radius:12px}.media-object__media--circle{aspect-ratio:1;border-radius:50%}.media-object__content{flex:1;min-width:0}.media-object__overtitle{display:block;margin-bottom:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ion-color-medium)}.media-object__title{margin:0 0 .5rem;font-size:1.15rem;font-weight:700;line-height:1.3;color:var(--ion-text-color)}.media-object__body{margin:0;font-size:.95rem;line-height:1.6;color:var(--ion-color-medium-shade)}.media-object__link{display:inline-block;margin-top:.75rem;font-size:.9rem;font-weight:600;color:var(--ion-color-primary);text-decoration:none;cursor:pointer}.media-object__link:hover{text-decoration:underline}@media (max-width: 576px){.media-object{gap:1rem}}\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: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MediaObjectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-media-object', standalone: true, imports: [CommonModule, RouterLink, IonIcon], template: `
+    <div
+      class="media-object"
+      [class.media-object--reversed]="config().reversed"
+      [class.media-object--center]="config().align === 'center'"
+    >
+      <!-- Media (image or icon) -->
+      <div
+        class="media-object__media"
+        [class.media-object__media--rounded]="config().rounded && !config().circle"
+        [class.media-object__media--circle]="config().circle"
+        [style.width]="config().mediaWidth"
+        [style.--media-color]="getColor()"
+      >
+        @if (config().image) {
+          <img [src]="config().image" [alt]="config().imageAlt || config().title" />
+        } @else if (config().icon) {
+          <ion-icon [name]="config().icon!"></ion-icon>
+        }
+      </div>
+
+      <!-- Content -->
+      <div class="media-object__content">
+        @if (config().overtitle) {
+          <span class="media-object__overtitle">{{ config().overtitle }}</span>
+        }
+        <h3 class="media-object__title">{{ config().title }}</h3>
+        @if (config().body) {
+          <p class="media-object__body">{{ config().body }}</p>
+        }
+        @if (config().link; as link) {
+          <a class="media-object__link" [routerLink]="link.routerLink ?? null" (click)="handleLinkClick($event)">
+            {{ link.label }}
+          </a>
+        }
+      </div>
+    </div>
+  `, styles: [":host{display:block}.media-object{display:flex;align-items:flex-start;gap:1.25rem}.media-object--center{align-items:center}.media-object--reversed{flex-direction:row-reverse}.media-object__media{flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--media-color, var(--ion-color-primary))}.media-object__media img{width:100%;height:100%;object-fit:cover;display:block}.media-object__media ion-icon{font-size:2.5rem}.media-object__media--rounded{border-radius:12px}.media-object__media--circle{aspect-ratio:1;border-radius:50%}.media-object__content{flex:1;min-width:0}.media-object__overtitle{display:block;margin-bottom:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ion-color-medium)}.media-object__title{margin:0 0 .5rem;font-size:1.15rem;font-weight:700;line-height:1.3;color:var(--ion-text-color)}.media-object__body{margin:0;font-size:.95rem;line-height:1.6;color:var(--ion-color-medium-shade)}.media-object__link{display:inline-block;margin-top:.75rem;font-size:.9rem;font-weight:600;color:var(--ion-color-primary);text-decoration:none;cursor:pointer}.media-object__link:hover{text-decoration:underline}@media (max-width: 576px){.media-object{gap:1rem}}\n"] }]
+        }], propDecorators: { onLinkClick: [{
+                type: Output
+            }] } });
+
+/**
+ * Default values for StatsBarMetadata.
+ */
+const STATS_BAR_DEFAULTS = {
+    dividers: true,
+    align: 'start',
+    size: 'large',
+    stackOnMobile: true,
+};
+
+const IONIC_COLORS$2 = ['primary', 'secondary', 'tertiary', 'success', 'warning', 'danger', 'light', 'medium', 'dark'];
+/**
+ * val-stats-bar
+ *
+ * Horizontal row of headline stats separated by dividers (AWS / SES "Daily
+ * email usage" style). Stacks vertically on mobile.
+ *
+ * Presentational: values + labels are passed already resolved/formatted.
+ *
+ * @example
+ * ```html
+ * <val-stats-bar
+ *   [props]="{
+ *     stats: [
+ *       { label: 'Emails sent', value: 0 },
+ *       { label: 'Remaining sends', value: 200 },
+ *       { label: 'Sending quota used', value: '0.00', suffix: '%' }
+ *     ]
+ *   }"
+ * />
+ * ```
+ */
+class StatsBarComponent {
+    constructor() {
+        /** Component configuration */
+        this.props = input({});
+        /** Merged configuration with defaults */
+        this.config = computed(() => ({
+            ...STATS_BAR_DEFAULTS,
+            stats: [],
+            ...this.props(),
+        }));
+    }
+    getColor(stat) {
+        const color = stat.color;
+        if (!color)
+            return null;
+        return IONIC_COLORS$2.includes(color) ? `var(--ion-color-${color})` : color;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StatsBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: StatsBarComponent, isStandalone: true, selector: "val-stats-bar", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div
+      class="stats-bar"
+      [class.stats-bar--dividers]="config().dividers"
+      [class.stats-bar--center]="config().align === 'center'"
+      [class.stats-bar--spaced]="config().align === 'spaced'"
+      [class.stats-bar--medium]="config().size === 'medium'"
+      [class.stats-bar--stack]="config().stackOnMobile"
+    >
+      @for (stat of config().stats; track stat.token ?? $index) {
+        <div class="stats-bar__item">
+          <span class="stats-bar__label">{{ stat.label }}</span>
+          <span class="stats-bar__value" [style.color]="getColor(stat)">
+            @if (stat.prefix) {
+              <span class="stats-bar__affix">{{ stat.prefix }}</span>
+            }
+            {{ stat.value }}
+            @if (stat.suffix) {
+              <span class="stats-bar__affix">{{ stat.suffix }}</span>
+            }
+          </span>
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:block}.stats-bar{display:flex;flex-wrap:wrap;align-items:stretch;gap:2rem}.stats-bar--center{justify-content:center}.stats-bar--spaced{justify-content:space-between}.stats-bar--dividers .stats-bar__item:not(:first-child){padding-left:2rem;border-left:1px solid var(--ion-color-light-shade, rgba(0, 0, 0, .1))}.stats-bar__item{display:flex;flex-direction:column;gap:.25rem;min-width:0}.stats-bar__label{font-size:.875rem;font-weight:600;color:var(--ion-text-color)}.stats-bar__value{font-size:2.75rem;font-weight:800;line-height:1.05;color:var(--ion-text-color);letter-spacing:-.02em}.stats-bar__affix{font-size:.6em;font-weight:700}.stats-bar--medium .stats-bar__value{font-size:1.75rem}@media (max-width: 576px){.stats-bar--stack{flex-direction:column;gap:1.25rem}.stats-bar--stack .stats-bar__item:not(:first-child){padding-left:0;border-left:none}.stats-bar--stack.stats-bar--dividers .stats-bar__item:not(:first-child){padding-top:1.25rem;border-top:1px solid var(--ion-color-light-shade, rgba(0, 0, 0, .1))}}:host-context(.dark) .stats-bar--dividers .stats-bar__item:not(:first-child),:host-context(.ion-palette-dark) .stats-bar--dividers .stats-bar__item:not(:first-child),:host-context(html.ion-palette-dark) .stats-bar--dividers .stats-bar__item:not(:first-child),:host-context(body.dark) .stats-bar--dividers .stats-bar__item:not(:first-child),:host-context([data-theme=dark]) .stats-bar--dividers .stats-bar__item:not(:first-child){border-left-color:#ffffff1f}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StatsBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-stats-bar', standalone: true, imports: [CommonModule], template: `
+    <div
+      class="stats-bar"
+      [class.stats-bar--dividers]="config().dividers"
+      [class.stats-bar--center]="config().align === 'center'"
+      [class.stats-bar--spaced]="config().align === 'spaced'"
+      [class.stats-bar--medium]="config().size === 'medium'"
+      [class.stats-bar--stack]="config().stackOnMobile"
+    >
+      @for (stat of config().stats; track stat.token ?? $index) {
+        <div class="stats-bar__item">
+          <span class="stats-bar__label">{{ stat.label }}</span>
+          <span class="stats-bar__value" [style.color]="getColor(stat)">
+            @if (stat.prefix) {
+              <span class="stats-bar__affix">{{ stat.prefix }}</span>
+            }
+            {{ stat.value }}
+            @if (stat.suffix) {
+              <span class="stats-bar__affix">{{ stat.suffix }}</span>
+            }
+          </span>
+        </div>
+      }
+    </div>
+  `, styles: [":host{display:block}.stats-bar{display:flex;flex-wrap:wrap;align-items:stretch;gap:2rem}.stats-bar--center{justify-content:center}.stats-bar--spaced{justify-content:space-between}.stats-bar--dividers .stats-bar__item:not(:first-child){padding-left:2rem;border-left:1px solid var(--ion-color-light-shade, rgba(0, 0, 0, .1))}.stats-bar__item{display:flex;flex-direction:column;gap:.25rem;min-width:0}.stats-bar__label{font-size:.875rem;font-weight:600;color:var(--ion-text-color)}.stats-bar__value{font-size:2.75rem;font-weight:800;line-height:1.05;color:var(--ion-text-color);letter-spacing:-.02em}.stats-bar__affix{font-size:.6em;font-weight:700}.stats-bar--medium .stats-bar__value{font-size:1.75rem}@media (max-width: 576px){.stats-bar--stack{flex-direction:column;gap:1.25rem}.stats-bar--stack .stats-bar__item:not(:first-child){padding-left:0;border-left:none}.stats-bar--stack.stats-bar--dividers .stats-bar__item:not(:first-child){padding-top:1.25rem;border-top:1px solid var(--ion-color-light-shade, rgba(0, 0, 0, .1))}}:host-context(.dark) .stats-bar--dividers .stats-bar__item:not(:first-child),:host-context(.ion-palette-dark) .stats-bar--dividers .stats-bar__item:not(:first-child),:host-context(html.ion-palette-dark) .stats-bar--dividers .stats-bar__item:not(:first-child),:host-context(body.dark) .stats-bar--dividers .stats-bar__item:not(:first-child),:host-context([data-theme=dark]) .stats-bar--dividers .stats-bar__item:not(:first-child){border-left-color:#ffffff1f}\n"] }]
+        }] });
+
+/**
+ * Default values for ArticleCardMetadata.
+ */
+const ARTICLE_CARD_DEFAULTS = {
+    aspectRatio: '16 / 9',
+    bordered: true,
+    shadowed: false,
+    excerptLines: 3,
+};
+
+const IONIC_COLORS$1 = ['primary', 'secondary', 'tertiary', 'success', 'warning', 'danger', 'light', 'medium', 'dark'];
+/**
+ * val-article-card
+ *
+ * Article / blog teaser card: cover image, topic chip, title, excerpt and date.
+ * Clickable (routerLink or external href).
+ *
+ * Presentational — pass already-resolved/formatted strings (pre-format the date
+ * in the consumer with a locale-aware pipe).
+ *
+ * @example
+ * ```html
+ * <val-article-card
+ *   [props]="{
+ *     image: '/assets/post.jpg',
+ *     topic: 'Holidays',
+ *     title: 'New Holiday Shopping Features',
+ *     excerpt: 'A short summary of the article that gets clamped after a few lines.',
+ *     date: 'Oct 31, 2025',
+ *     routerLink: '/blog/holiday-shopping'
+ *   }"
+ *   (onClick)="open($event)"
+ * />
+ * ```
+ */
+class ArticleCardComponent {
+    constructor() {
+        this.navigation = inject(NavigationService);
+        /** Component configuration */
+        this.props = input({});
+        /** Emitted when the card is clicked */
+        this.onClick = new EventEmitter();
+        /** Merged configuration with defaults */
+        this.config = computed(() => ({
+            ...ARTICLE_CARD_DEFAULTS,
+            ...this.props(),
+        }));
+        this.isClickable = computed(() => !!this.config().routerLink || !!this.config().href);
+    }
+    getTopicColor() {
+        const color = this.config().topicColor;
+        if (!color)
+            return 'var(--ion-color-primary)';
+        return IONIC_COLORS$1.includes(color) ? `var(--ion-color-${color})` : color;
+    }
+    handleClick(event) {
+        const cfg = this.config();
+        this.onClick.emit({ token: cfg.token, navigated: this.isClickable() });
+        if (cfg.href) {
+            event.preventDefault();
+            this.navigation.openInNewTab(cfg.href);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ArticleCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ArticleCardComponent, isStandalone: true, selector: "val-article-card", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
+    <article
+      class="article-card"
+      [class.article-card--bordered]="config().bordered"
+      [class.article-card--shadowed]="config().shadowed"
+      [class.article-card--clickable]="isClickable()"
+      [routerLink]="config().routerLink ?? null"
+      (click)="handleClick($event)"
+      [attr.tabindex]="isClickable() ? 0 : null"
+      [attr.role]="isClickable() ? 'link' : null"
+    >
+      @if (isClickable()) {
+        <ion-ripple-effect></ion-ripple-effect>
+      }
+
+      @if (config().image) {
+        <div class="article-card__media" [style.aspect-ratio]="config().aspectRatio">
+          <img [src]="config().image" [alt]="config().imageAlt || config().title" />
+        </div>
+      }
+
+      <div class="article-card__body">
+        @if (config().date || config().topic) {
+          <div class="article-card__meta">
+            @if (config().date) {
+              <span class="article-card__date">{{ config().date }}</span>
+            }
+            @if (config().topic) {
+              <span class="article-card__topic" [style.color]="getTopicColor()">{{ config().topic }}</span>
+            }
+          </div>
+        }
+
+        <h3 class="article-card__title">{{ config().title }}</h3>
+
+        @if (config().excerpt) {
+          <p class="article-card__excerpt" [style.-webkit-line-clamp]="config().excerptLines">
+            {{ config().excerpt }}
+          </p>
+        }
+      </div>
+    </article>
+  `, isInline: true, styles: [":host{display:flex;flex-direction:column}.article-card{position:relative;display:flex;flex:1;flex-direction:column;background:var(--ion-card-background, var(--ion-background-color));border-radius:14px;overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;--ripple-color: var(--ion-color-primary)}.article-card--bordered{border:1px solid var(--ion-color-light-shade, rgba(0, 0, 0, .1))}.article-card--shadowed{box-shadow:0 2px 8px #00000014}.article-card--clickable{cursor:pointer}.article-card--clickable:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001f}.article-card--clickable:focus-visible{outline:2px solid var(--ion-color-primary);outline-offset:2px}.article-card__media{width:100%;overflow:hidden;background:var(--ion-color-light, #f4f5f8)}.article-card__media img{width:100%;height:100%;object-fit:cover;display:block}.article-card__body{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.1rem 1.25rem}.article-card__meta{display:flex;align-items:center;gap:.75rem;font-size:.8rem}.article-card__date{color:var(--ion-color-medium)}.article-card__topic{font-weight:600;color:var(--ion-color-primary)}.article-card__title{margin:0;font-size:1.05rem;font-weight:700;line-height:1.35;color:var(--ion-text-color)}.article-card__excerpt{margin:0;font-size:.9rem;line-height:1.5;color:var(--ion-color-medium-shade);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}:host-context(.dark) .article-card--bordered,:host-context(.ion-palette-dark) .article-card--bordered,:host-context(html.ion-palette-dark) .article-card--bordered,:host-context(body.dark) .article-card--bordered,:host-context([data-theme=dark]) .article-card--bordered{border-color:#ffffff1f}:host-context(.dark) .article-card--shadowed,:host-context(.ion-palette-dark) .article-card--shadowed,:host-context(html.ion-palette-dark) .article-card--shadowed,:host-context(body.dark) .article-card--shadowed,:host-context([data-theme=dark]) .article-card--shadowed{box-shadow:0 2px 8px #0000004d}:host-context(.dark) .article-card--clickable:hover,:host-context(.ion-palette-dark) .article-card--clickable:hover,:host-context(html.ion-palette-dark) .article-card--clickable:hover,:host-context(body.dark) .article-card--clickable:hover,:host-context([data-theme=dark]) .article-card--clickable:hover{box-shadow:0 6px 20px #0006}\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: IonRippleEffect, selector: "ion-ripple-effect", inputs: ["type"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ArticleCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-article-card', standalone: true, imports: [CommonModule, RouterLink, IonRippleEffect], template: `
+    <article
+      class="article-card"
+      [class.article-card--bordered]="config().bordered"
+      [class.article-card--shadowed]="config().shadowed"
+      [class.article-card--clickable]="isClickable()"
+      [routerLink]="config().routerLink ?? null"
+      (click)="handleClick($event)"
+      [attr.tabindex]="isClickable() ? 0 : null"
+      [attr.role]="isClickable() ? 'link' : null"
+    >
+      @if (isClickable()) {
+        <ion-ripple-effect></ion-ripple-effect>
+      }
+
+      @if (config().image) {
+        <div class="article-card__media" [style.aspect-ratio]="config().aspectRatio">
+          <img [src]="config().image" [alt]="config().imageAlt || config().title" />
+        </div>
+      }
+
+      <div class="article-card__body">
+        @if (config().date || config().topic) {
+          <div class="article-card__meta">
+            @if (config().date) {
+              <span class="article-card__date">{{ config().date }}</span>
+            }
+            @if (config().topic) {
+              <span class="article-card__topic" [style.color]="getTopicColor()">{{ config().topic }}</span>
+            }
+          </div>
+        }
+
+        <h3 class="article-card__title">{{ config().title }}</h3>
+
+        @if (config().excerpt) {
+          <p class="article-card__excerpt" [style.-webkit-line-clamp]="config().excerptLines">
+            {{ config().excerpt }}
+          </p>
+        }
+      </div>
+    </article>
+  `, styles: [":host{display:flex;flex-direction:column}.article-card{position:relative;display:flex;flex:1;flex-direction:column;background:var(--ion-card-background, var(--ion-background-color));border-radius:14px;overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;--ripple-color: var(--ion-color-primary)}.article-card--bordered{border:1px solid var(--ion-color-light-shade, rgba(0, 0, 0, .1))}.article-card--shadowed{box-shadow:0 2px 8px #00000014}.article-card--clickable{cursor:pointer}.article-card--clickable:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001f}.article-card--clickable:focus-visible{outline:2px solid var(--ion-color-primary);outline-offset:2px}.article-card__media{width:100%;overflow:hidden;background:var(--ion-color-light, #f4f5f8)}.article-card__media img{width:100%;height:100%;object-fit:cover;display:block}.article-card__body{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.1rem 1.25rem}.article-card__meta{display:flex;align-items:center;gap:.75rem;font-size:.8rem}.article-card__date{color:var(--ion-color-medium)}.article-card__topic{font-weight:600;color:var(--ion-color-primary)}.article-card__title{margin:0;font-size:1.05rem;font-weight:700;line-height:1.35;color:var(--ion-text-color)}.article-card__excerpt{margin:0;font-size:.9rem;line-height:1.5;color:var(--ion-color-medium-shade);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}:host-context(.dark) .article-card--bordered,:host-context(.ion-palette-dark) .article-card--bordered,:host-context(html.ion-palette-dark) .article-card--bordered,:host-context(body.dark) .article-card--bordered,:host-context([data-theme=dark]) .article-card--bordered{border-color:#ffffff1f}:host-context(.dark) .article-card--shadowed,:host-context(.ion-palette-dark) .article-card--shadowed,:host-context(html.ion-palette-dark) .article-card--shadowed,:host-context(body.dark) .article-card--shadowed,:host-context([data-theme=dark]) .article-card--shadowed{box-shadow:0 2px 8px #0000004d}:host-context(.dark) .article-card--clickable:hover,:host-context(.ion-palette-dark) .article-card--clickable:hover,:host-context(html.ion-palette-dark) .article-card--clickable:hover,:host-context(body.dark) .article-card--clickable:hover,:host-context([data-theme=dark]) .article-card--clickable:hover{box-shadow:0 6px 20px #0006}\n"] }]
+        }], propDecorators: { onClick: [{
+                type: Output
+            }] } });
+
+/**
+ * Default values for CtaCardMetadata.
+ */
+const CTA_CARD_DEFAULTS = {
+    padding: '2rem',
+    borderRadius: '20px',
+    align: 'start',
+    bordered: false,
+    shadowed: false,
+};
+
+const IONIC_COLORS = ['primary', 'secondary', 'tertiary', 'success', 'warning', 'danger', 'light', 'medium', 'dark'];
+/**
+ * val-cta-card
+ *
+ * Card with a title, optional description and a group of action buttons, with
+ * customisable padding, corner rounding and background (Ionic colors
+ * supported). Buttons reuse `val-button-group`.
+ *
+ * Presentational — pass already-resolved strings.
+ *
+ * @example
+ * ```html
+ * <val-cta-card
+ *   [props]="{
+ *     title: 'Read the Bible Online',
+ *     description: 'Trusted translations, in your language.',
+ *     actions: {
+ *       position: 'left',
+ *       columned: false,
+ *       buttons: [
+ *         { text: 'Continue Reading', color: 'dark', type: 'button', shape: 'round', state: 'ENABLED', token: 'read' },
+ *         { text: 'Listen', color: 'dark', fill: 'outline', type: 'button', shape: 'round', state: 'ENABLED', token: 'listen' }
+ *       ]
+ *     }
+ *   }"
+ *   (onAction)="onAction($event)"
+ * />
+ * ```
+ */
+class CtaCardComponent {
+    constructor() {
+        /** Component configuration */
+        this.props = input({});
+        /** Emitted with the token of the clicked action button */
+        this.onAction = new EventEmitter();
+        /** Merged configuration with defaults */
+        this.config = computed(() => ({
+            ...CTA_CARD_DEFAULTS,
+            ...this.props(),
+        }));
+    }
+    resolveColor(color) {
+        if (!color)
+            return null;
+        return IONIC_COLORS.includes(color) ? `var(--ion-color-${color})` : color;
+    }
+    getBackground() {
+        return this.resolveColor(this.config().backgroundColor) || 'var(--ion-color-light, #f4f5f8)';
+    }
+    getColor() {
+        return this.resolveColor(this.config().color);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CtaCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CtaCardComponent, isStandalone: true, selector: "val-cta-card", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onAction: "onAction" }, ngImport: i0, template: `
+    <section
+      class="cta-card"
+      [class.cta-card--center]="config().align === 'center'"
+      [class.cta-card--bordered]="config().bordered"
+      [class.cta-card--shadowed]="config().shadowed"
+      [style.padding]="config().padding"
+      [style.border-radius]="config().borderRadius"
+      [style.background]="getBackground()"
+      [style.color]="getColor()"
+    >
+      @if (config().overtitle) {
+        <span class="cta-card__overtitle">{{ config().overtitle }}</span>
+      }
+
+      <h2 class="cta-card__title">{{ config().title }}</h2>
+
+      @if (config().description) {
+        <p class="cta-card__description">{{ config().description }}</p>
+      }
+
+      @if (config().actions; as actions) {
+        <div class="cta-card__actions">
+          <val-button-group [props]="actions" (onClick)="onAction.emit($event)"></val-button-group>
+        </div>
+      }
+    </section>
+  `, isInline: true, styles: [":host{display:block}.cta-card{display:flex;flex-direction:column;gap:.5rem}.cta-card--center{align-items:center;text-align:center}.cta-card--bordered{border:1px solid var(--ion-color-light-shade, rgba(0, 0, 0, .1))}.cta-card--shadowed{box-shadow:0 4px 16px #00000014}.cta-card__overtitle{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.cta-card__title{margin:0;font-size:1.75rem;font-weight:800;line-height:1.2;letter-spacing:-.02em}.cta-card__description{margin:0;font-size:1rem;line-height:1.5;opacity:.8}.cta-card__actions{margin-top:1rem;width:100%}@media (max-width: 576px){.cta-card__title{font-size:1.4rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ButtonGroupComponent, selector: "val-button-group", inputs: ["props"], outputs: ["onClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CtaCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-cta-card', standalone: true, imports: [CommonModule, ButtonGroupComponent], template: `
+    <section
+      class="cta-card"
+      [class.cta-card--center]="config().align === 'center'"
+      [class.cta-card--bordered]="config().bordered"
+      [class.cta-card--shadowed]="config().shadowed"
+      [style.padding]="config().padding"
+      [style.border-radius]="config().borderRadius"
+      [style.background]="getBackground()"
+      [style.color]="getColor()"
+    >
+      @if (config().overtitle) {
+        <span class="cta-card__overtitle">{{ config().overtitle }}</span>
+      }
+
+      <h2 class="cta-card__title">{{ config().title }}</h2>
+
+      @if (config().description) {
+        <p class="cta-card__description">{{ config().description }}</p>
+      }
+
+      @if (config().actions; as actions) {
+        <div class="cta-card__actions">
+          <val-button-group [props]="actions" (onClick)="onAction.emit($event)"></val-button-group>
+        </div>
+      }
+    </section>
+  `, styles: [":host{display:block}.cta-card{display:flex;flex-direction:column;gap:.5rem}.cta-card--center{align-items:center;text-align:center}.cta-card--bordered{border:1px solid var(--ion-color-light-shade, rgba(0, 0, 0, .1))}.cta-card--shadowed{box-shadow:0 4px 16px #00000014}.cta-card__overtitle{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.cta-card__title{margin:0;font-size:1.75rem;font-weight:800;line-height:1.2;letter-spacing:-.02em}.cta-card__description{margin:0;font-size:1rem;line-height:1.5;opacity:.8}.cta-card__actions{margin-top:1rem;width:100%}@media (max-width: 576px){.cta-card__title{font-size:1.4rem}}\n"] }]
+        }], propDecorators: { onAction: [{
+                type: Output
+            }] } });
+
 /**
  * Defaults de InvitationCardMetadata.
  */
@@ -50378,5 +50912,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * 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, AnimatedTerminalComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleComponent, AttachmentUploaderComponent, AuthBackgroundComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, CIRCLE_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CORNER_KEYS, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, ChangeEmailModalComponent, ChangePasswordModalComponent, 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_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_CANCEL_BUTTON, DEFAULT_CHECK_INTERVAL_MS, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_DEBUG_CONSOLE_CONFIG, DEFAULT_DONATION_CONFIG, 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, DEFAULT_SPLASH_SCREEN_CONFIG, DataTableComponent, DateInputComponent, DateRangeInputComponent, DebugConsoleComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EmailInputComponent, EmptyStateComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FabComponent, FaqComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HasPermissionDirective, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MEMBER_CARD_DEFAULTS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MemberCardComponent, MenuComponent, MessagingService, MetaService, MfaModalComponent, ModalService, ModalShellComponent, MultiSelectSearchComponent, NUM_KEYS, NavigationService, NetworkBannerComponent, NetworkStatusService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OrgService, OrgSwitchService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PATTERN_MOTIFS, PATTERN_PALETTES, PATTERN_STYLE_CONFIGS, PLATFORM_CONFIGS, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, 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, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RequestFormBuilderService, RequestService, RightsFooterComponent, RotatingTextComponent, SHAPE_KEYS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, STROKE_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, SkeletonLayoutComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, SplashScreenService, 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, UPDATE_BANNER_DEFAULT_CONTENT, UPDATE_BANNER_I18N_NAMESPACE, UpdateBannerComponent, UserAvatarComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_APP_VERSION, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_DEBUG_CONSOLE, VALTECH_DEFAULT_CONTENT, VALTECH_DONATION_CONFIG, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_NETWORK_ERROR_KEY, VALTECH_SITE_PATHS, VALTECH_SOCIAL_LINKS, VALTECH_SPLASH_SCREEN, VALTECH_WEB_BASE_URLS, VERSION, ValtechErrorService, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, authPasswordValidator, blogPost, buildFooterLinks, buildPath, collections, connectPageRefresh, createErrorStateProps, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createRefreshableStream, createTitleProps, docs, errorLoggingInterceptor, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, interpretError, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideSplashScreen, provideValtechAds, provideValtechAppConfig, provideValtechAppVersion, provideValtechAuth, provideValtechAuthInterceptor, provideValtechDebugConsole, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechPresets, provideValtechSite, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor, resolveInputDefaultValue, resolveWebBaseUrl, roleGuard, storagePaths, superAdminGuard, toArticle };
+export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_CARD_DEFAULTS, ARTICLE_SPACING, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimatedTerminalComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, AttachmentUploaderComponent, AuthBackgroundComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, CIRCLE_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CORNER_KEYS, CTA_CARD_DEFAULTS, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, ChangeEmailModalComponent, ChangePasswordModalComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentTransformer, CookieBannerComponent, CountdownComponent, CtaCardComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_CANCEL_BUTTON, DEFAULT_CHECK_INTERVAL_MS, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_DEBUG_CONSOLE_CONFIG, DEFAULT_DONATION_CONFIG, 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, DEFAULT_SPLASH_SCREEN_CONFIG, DataTableComponent, DateInputComponent, DateRangeInputComponent, DebugConsoleComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EmailInputComponent, EmptyStateComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FabComponent, FaqComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HasPermissionDirective, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MemberCardComponent, MenuComponent, MessagingService, MetaService, MfaModalComponent, ModalService, ModalShellComponent, MultiSelectSearchComponent, NUM_KEYS, NavigationService, NetworkBannerComponent, NetworkStatusService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OrgService, OrgSwitchService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PATTERN_MOTIFS, PATTERN_PALETTES, PATTERN_STYLE_CONFIGS, PLATFORM_CONFIGS, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, 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, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RequestFormBuilderService, RequestService, RightsFooterComponent, RotatingTextComponent, SHAPE_KEYS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, STATS_BAR_DEFAULTS, STROKE_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, SkeletonLayoutComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, SplashScreenService, StatsBarComponent, 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, UPDATE_BANNER_DEFAULT_CONTENT, UPDATE_BANNER_I18N_NAMESPACE, UpdateBannerComponent, UserAvatarComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_APP_VERSION, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_DEBUG_CONSOLE, VALTECH_DEFAULT_CONTENT, VALTECH_DONATION_CONFIG, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_NETWORK_ERROR_KEY, VALTECH_SITE_PATHS, VALTECH_SOCIAL_LINKS, VALTECH_SPLASH_SCREEN, VALTECH_WEB_BASE_URLS, VERSION, ValtechErrorService, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, authPasswordValidator, blogPost, buildFooterLinks, buildPath, collections, connectPageRefresh, createErrorStateProps, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createRefreshableStream, createTitleProps, docs, errorLoggingInterceptor, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, interpretError, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideSplashScreen, provideValtechAds, provideValtechAppConfig, provideValtechAppVersion, provideValtechAuth, provideValtechAuthInterceptor, provideValtechDebugConsole, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechPresets, provideValtechSite, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor, resolveInputDefaultValue, resolveWebBaseUrl, roleGuard, storagePaths, superAdminGuard, toArticle };
 //# sourceMappingURL=valtech-components.mjs.map