valtech-components 4.0.257 → 4.0.260

package/fesm2022/valtech-components.mjs

@@ -57,7 +57,7 @@ import fixWebmDuration from 'fix-webm-duration';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '4.0.257';
+const VERSION = '4.0.260';
 
 // Control de estado de refresco (singleton a nivel de módulo)
 let isRefreshing = false;
@@ -20713,6 +20713,140 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 
+/**
+ * `val-picker-v2`
+ *
+ * Dropdown propio para pickers simples. Evita el trigger de `ion-select`, que en
+ * popovers de settings podía deformar el borde activo del botón.
+ */
+class PickerV2Component {
+    constructor() {
+        this.props = { options: [] };
+        this.selectionChange = new EventEmitter();
+        this.host = inject(ElementRef);
+        this.open = signal(false);
+        this.selectedOption = computed(() => this.props.options.find(option => option.value === this.props.selectedValue));
+        this.displayText = computed(() => this.selectedOption()?.label || this.props.placeholder || '');
+    }
+    toggle() {
+        if (this.props.disabled)
+            return;
+        this.open.update(open => !open);
+    }
+    select(option) {
+        if (option.disabled)
+            return;
+        this.open.set(false);
+        if (option.value === this.props.selectedValue)
+            return;
+        this.selectionChange.emit(option.value);
+    }
+    onDocumentClick(event) {
+        if (!this.open())
+            return;
+        if (!this.host.nativeElement.contains(event.target)) {
+            this.open.set(false);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PickerV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PickerV2Component, isStandalone: true, selector: "val-picker-v2", inputs: { props: "props" }, outputs: { selectionChange: "selectionChange" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0, template: `
+    <div class="pkv2">
+      <button
+        type="button"
+        class="pkv2__trigger"
+        [class.is-open]="open()"
+        [disabled]="props.disabled"
+        (click)="toggle()"
+        [attr.aria-haspopup]="'listbox'"
+        [attr.aria-expanded]="open()"
+        [attr.aria-label]="props.ariaLabel || displayText()"
+      >
+        @if (selectedOption()?.prefix; as prefix) {
+          <span class="pkv2__prefix">{{ prefix }}</span>
+        }
+        <span class="pkv2__name">{{ displayText() }}</span>
+      </button>
+
+      @if (open()) {
+        <ul class="pkv2__menu" role="listbox">
+          @for (option of props.options; track option.value) {
+            <li
+              class="pkv2__option"
+              [class.is-active]="option.value === props.selectedValue"
+              [class.is-disabled]="option.disabled"
+              role="option"
+              [attr.aria-selected]="option.value === props.selectedValue"
+              [attr.aria-disabled]="option.disabled"
+              (click)="select(option)"
+            >
+              @if (option.prefix; as prefix) {
+                <span class="pkv2__prefix">{{ prefix }}</span>
+              }
+              <span class="pkv2__name">{{ option.label }}</span>
+              @if (option.value === props.selectedValue) {
+                <span class="pkv2__check" aria-hidden="true">✓</span>
+              }
+            </li>
+          }
+        </ul>
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:inline-block;max-width:100%}.pkv2{position:relative;display:inline-block;max-width:100%}.pkv2__trigger{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:40px;padding:8px 14px;margin:0;border:1.5px solid var(--ion-color-dark, #1a1a1a);border-radius:10px;background:var(--ion-card-background, var(--ion-background-color, #ffffff));color:var(--ion-text-color, #1a1a1a);cursor:pointer;font:inherit;font-size:.9375rem;font-weight:600;line-height:1.2;transition:border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.pkv2__trigger.is-open,.pkv2__trigger:focus-visible{border-color:var(--ion-color-primary);outline:none;box-shadow:0 0 0 3px rgba(var(--ion-color-primary-rgb, 112, 38, 223),.15)}.pkv2__trigger:disabled{cursor:default;opacity:.55}.pkv2__prefix{flex:0 0 auto;font-size:1.05em;line-height:1}.pkv2__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pkv2__menu{position:absolute;top:calc(100% + 6px);left:0;z-index:50;min-width:100%;margin:0;padding:6px;list-style:none;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .12));border-radius:12px;background:var(--ion-card-background, var(--ion-background-color, #ffffff));box-shadow:0 8px 24px #00000029}.pkv2__option{display:flex;align-items:center;gap:10px;min-height:36px;padding:9px 12px;border-radius:8px;color:var(--ion-text-color, #1a1a1a);cursor:pointer;white-space:nowrap;transition:background .12s ease}.pkv2__option:hover{background:var(--ion-color-light, rgba(0, 0, 0, .05))}.pkv2__option.is-active{font-weight:700}.pkv2__option.is-disabled{pointer-events:none;opacity:.55}.pkv2__check{margin-left:auto;color:var(--ion-color-primary);font-weight:700}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PickerV2Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-picker-v2', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="pkv2">
+      <button
+        type="button"
+        class="pkv2__trigger"
+        [class.is-open]="open()"
+        [disabled]="props.disabled"
+        (click)="toggle()"
+        [attr.aria-haspopup]="'listbox'"
+        [attr.aria-expanded]="open()"
+        [attr.aria-label]="props.ariaLabel || displayText()"
+      >
+        @if (selectedOption()?.prefix; as prefix) {
+          <span class="pkv2__prefix">{{ prefix }}</span>
+        }
+        <span class="pkv2__name">{{ displayText() }}</span>
+      </button>
+
+      @if (open()) {
+        <ul class="pkv2__menu" role="listbox">
+          @for (option of props.options; track option.value) {
+            <li
+              class="pkv2__option"
+              [class.is-active]="option.value === props.selectedValue"
+              [class.is-disabled]="option.disabled"
+              role="option"
+              [attr.aria-selected]="option.value === props.selectedValue"
+              [attr.aria-disabled]="option.disabled"
+              (click)="select(option)"
+            >
+              @if (option.prefix; as prefix) {
+                <span class="pkv2__prefix">{{ prefix }}</span>
+              }
+              <span class="pkv2__name">{{ option.label }}</span>
+              @if (option.value === props.selectedValue) {
+                <span class="pkv2__check" aria-hidden="true">✓</span>
+              }
+            </li>
+          }
+        </ul>
+      }
+    </div>
+  `, styles: [":host{display:inline-block;max-width:100%}.pkv2{position:relative;display:inline-block;max-width:100%}.pkv2__trigger{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:40px;padding:8px 14px;margin:0;border:1.5px solid var(--ion-color-dark, #1a1a1a);border-radius:10px;background:var(--ion-card-background, var(--ion-background-color, #ffffff));color:var(--ion-text-color, #1a1a1a);cursor:pointer;font:inherit;font-size:.9375rem;font-weight:600;line-height:1.2;transition:border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.pkv2__trigger.is-open,.pkv2__trigger:focus-visible{border-color:var(--ion-color-primary);outline:none;box-shadow:0 0 0 3px rgba(var(--ion-color-primary-rgb, 112, 38, 223),.15)}.pkv2__trigger:disabled{cursor:default;opacity:.55}.pkv2__prefix{flex:0 0 auto;font-size:1.05em;line-height:1}.pkv2__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pkv2__menu{position:absolute;top:calc(100% + 6px);left:0;z-index:50;min-width:100%;margin:0;padding:6px;list-style:none;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .12));border-radius:12px;background:var(--ion-card-background, var(--ion-background-color, #ffffff));box-shadow:0 8px 24px #00000029}.pkv2__option{display:flex;align-items:center;gap:10px;min-height:36px;padding:9px 12px;border-radius:8px;color:var(--ion-text-color, #1a1a1a);cursor:pointer;white-space:nowrap;transition:background .12s ease}.pkv2__option:hover{background:var(--ion-color-light, rgba(0, 0, 0, .05))}.pkv2__option.is-active{font-weight:700}.pkv2__option.is-disabled{pointer-events:none;opacity:.55}.pkv2__check{margin-left:auto;color:var(--ion-color-primary);font-weight:700}\n"] }]
+        }], propDecorators: { props: [{
+                type: Input
+            }], selectionChange: [{
+                type: Output
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
 /**
  * Defaults i18n (es/en) — auto-registrados si el consumer no proveyó el
  * namespace `CommandDisplay`. Cubre el aria-label del botón copiar.
@@ -46965,6 +47099,8 @@ const PREFERENCES_VIEW_I18N = {
         themeAuto: 'Auto',
         languageTitle: 'Idioma',
         languageHint: 'Idioma de la interfaz y de los correos que recibes.',
+        language_es: 'Español',
+        language_en: 'English',
         fontSizeTitle: 'Tamaño de texto',
         fontSizeHint: 'Ajusta el tamaño de la letra en toda la app.',
         fontSizeSmall: 'Pequeño',
@@ -46982,6 +47118,8 @@ const PREFERENCES_VIEW_I18N = {
         themeAuto: 'Auto',
         languageTitle: 'Language',
         languageHint: 'Language of the interface and of the emails you receive.',
+        language_es: 'Español',
+        language_en: 'English',
         fontSizeTitle: 'Text size',
         fontSizeHint: 'Adjust the font size across the entire app.',
         fontSizeSmall: 'Small',
@@ -47043,26 +47181,29 @@ class PreferencesViewComponent {
         this.langHint = computed(() => this.t('languageHint'));
         this.fontSizeTitle = computed(() => this.t('fontSizeTitle'));
         this.fontSizeHint = computed(() => this.t('fontSizeHint'));
-        this.langProps = computed(() => ({
-            availableLanguages: this.resolvedConfig().supportedLanguages,
-            showFlags: false,
-        }));
         this.themePickerProps = computed(() => ({
             selectedValue: this.prefs.theme(),
             disabled: this.saving(),
-            fill: 'outline',
-            interface: 'popover',
+            ariaLabel: this.themeTitle(),
             options: [
                 { value: 'light', label: this.t('themeLight') },
                 { value: 'dark', label: this.t('themeDark') },
                 { value: 'auto', label: this.t('themeAuto') },
             ],
         }));
+        this.languagePickerProps = computed(() => ({
+            selectedValue: this.prefs.language(),
+            disabled: this.saving(),
+            ariaLabel: this.langTitle(),
+            options: this.resolvedConfig().supportedLanguages.map(lang => ({
+                value: lang,
+                label: this.languageName(lang),
+            })),
+        }));
         this.fontSizePickerProps = computed(() => ({
             selectedValue: this.prefs.fontSize(),
             disabled: this.saving(),
-            fill: 'outline',
-            interface: 'popover',
+            ariaLabel: this.fontSizeTitle(),
             options: [
                 { value: 'small', label: this.t('fontSizeSmall') },
                 { value: 'medium', label: this.t('fontSizeMedium') },
@@ -47118,6 +47259,9 @@ class PreferencesViewComponent {
     t(key) {
         return this.i18n.t(key, this.ns);
     }
+    languageName(lang) {
+        return this.t(`language_${lang}`);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PreferencesViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PreferencesViewComponent, isStandalone: true, selector: "val-preferences-view", inputs: { config: "config" }, ngImport: i0, template: `
     <div class="page">
@@ -47152,7 +47296,7 @@ class PreferencesViewComponent {
                 content: themeHint(),
               }"
             />
-            <val-popover-selector [props]="themePickerProps()" (selectionChange)="onThemeChange($event)" />
+            <val-picker-v2 [props]="themePickerProps()" (selectionChange)="onThemeChange($event)" />
           </div>
         </section>
       }
@@ -47176,7 +47320,7 @@ class PreferencesViewComponent {
                 content: langHint(),
               }"
             />
-            <val-language-selector-v2 [props]="langProps()" (languageChange)="onLanguageChange($event)" />
+            <val-picker-v2 [props]="languagePickerProps()" (selectionChange)="onLanguageChange($event)" />
           </div>
         </section>
       }
@@ -47200,19 +47344,18 @@ class PreferencesViewComponent {
                 content: fontSizeHint(),
               }"
             />
-            <val-popover-selector [props]="fontSizePickerProps()" (selectionChange)="onFontSizeChange($event)" />
+            <val-picker-v2 [props]="fontSizePickerProps()" (selectionChange)="onFontSizeChange($event)" />
           </div>
         </section>
       }
     </div>
-  `, isInline: true, styles: [".page{padding:16px 0;max-width:720px;margin:0 auto}.settings-section{padding:16px 0}.settings-section+.settings-section{border-top:1px solid var(--val-border-color, rgba(0, 0, 0, .08))}.section-body{display:flex;flex-direction:column;gap:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: PopoverSelectorComponent, selector: "val-popover-selector", inputs: ["props"], outputs: ["selectionChange"] }, { kind: "component", type: LanguageSelectorV2Component, selector: "val-language-selector-v2", inputs: ["props"], outputs: ["languageChange"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }] }); }
+  `, isInline: true, styles: [".page{padding:16px 0;max-width:720px;margin:0 auto}.settings-section{padding:16px 0}.settings-section+.settings-section{border-top:1px solid var(--val-border-color, rgba(0, 0, 0, .08))}.section-body{display:flex;flex-direction:column;gap:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: PickerV2Component, selector: "val-picker-v2", inputs: ["props"], outputs: ["selectionChange"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PreferencesViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'val-preferences-view', standalone: true, imports: [
                         CommonModule,
-                        PopoverSelectorComponent,
-                        LanguageSelectorV2Component,
+                        PickerV2Component,
                         DisplayComponent,
                         TitleComponent,
                         TextComponent,
@@ -47249,7 +47392,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 content: themeHint(),
               }"
             />
-            <val-popover-selector [props]="themePickerProps()" (selectionChange)="onThemeChange($event)" />
+            <val-picker-v2 [props]="themePickerProps()" (selectionChange)="onThemeChange($event)" />
           </div>
         </section>
       }
@@ -47273,7 +47416,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 content: langHint(),
               }"
             />
-            <val-language-selector-v2 [props]="langProps()" (languageChange)="onLanguageChange($event)" />
+            <val-picker-v2 [props]="languagePickerProps()" (selectionChange)="onLanguageChange($event)" />
           </div>
         </section>
       }
@@ -47297,7 +47440,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 content: fontSizeHint(),
               }"
             />
-            <val-popover-selector [props]="fontSizePickerProps()" (selectionChange)="onFontSizeChange($event)" />
+            <val-picker-v2 [props]="fontSizePickerProps()" (selectionChange)="onFontSizeChange($event)" />
           </div>
         </section>
       }
@@ -60957,6 +61100,257 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * `FAQPage` (JSON-LD) y ganar rich results en buscadores.
  */
 
+class PricingTableComponent {
+    constructor() {
+        this.onSelect = new EventEmitter();
+    }
+    cycle() {
+        return this.props?.billingCycle || 'monthly';
+    }
+    featuredLabel() {
+        return this.props?.featuredLabel || 'Destacado';
+    }
+    currentLabel() {
+        return this.props?.currentLabel || 'Plan actual';
+    }
+    customPriceLabel() {
+        return this.props?.customPriceLabel || 'Precio a medida';
+    }
+    defaultCtaLabel() {
+        return this.props?.defaultCtaLabel || 'Seleccionar plan';
+    }
+    periodLabel() {
+        return this.cycle() === 'annual'
+            ? this.props?.annualPeriodLabel || '/ año'
+            : this.props?.monthlyPeriodLabel || '/ mes';
+    }
+    priceLabel(plan) {
+        const value = this.cycle() === 'annual' ? plan.priceAnnual : plan.priceMonthly;
+        const amount = value ?? 0;
+        const currency = plan.currency || 'CLP';
+        const locale = this.props?.locale || 'es-CL';
+        return new Intl.NumberFormat(locale, {
+            style: 'currency',
+            currency,
+            maximumFractionDigits: 0,
+        }).format(amount);
+    }
+    select(plan) {
+        if (plan.disabled || plan.current)
+            return;
+        this.onSelect.emit(plan.tier);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PricingTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PricingTableComponent, isStandalone: true, selector: "val-pricing-table", inputs: { props: "props" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: `
+    <section class="pricing" [attr.data-cycle]="cycle()">
+      @if (!props?.plans?.length) {
+        <p class="pricing__empty">{{ props?.emptyLabel || 'No hay planes disponibles.' }}</p>
+      } @else {
+        <div class="pricing__grid" role="list">
+          @for (plan of props.plans; track plan.tier) {
+            <article
+              class="plan"
+              role="listitem"
+              [class.plan--highlighted]="plan.highlighted"
+              [class.plan--current]="plan.current"
+              [class.plan--disabled]="plan.disabled"
+            >
+              @if (plan.highlighted || plan.badge || plan.current) {
+                <div class="plan__ribbon">
+                  {{ plan.current ? currentLabel() : plan.badge || featuredLabel() }}
+                </div>
+              }
+
+              <div class="plan__body">
+                <header class="plan__header">
+                  <h3 class="plan__name">{{ plan.name }}</h3>
+                  @if (plan.description) {
+                    <p class="plan__description">{{ plan.description }}</p>
+                  }
+                </header>
+
+                <div class="plan__price" [class.plan__price--custom]="plan.custom">
+                  @if (plan.custom) {
+                    <span class="plan__custom-price">{{ customPriceLabel() }}</span>
+                  } @else {
+                    <span class="plan__amount">{{ priceLabel(plan) }}</span>
+                    <span class="plan__period">{{ periodLabel() }}</span>
+                  }
+                </div>
+
+                <button
+                  class="plan__cta"
+                  type="button"
+                  [disabled]="plan.disabled || plan.current"
+                  (click)="select(plan)"
+                >
+                  {{ plan.current ? currentLabel() : plan.ctaLabel || defaultCtaLabel() }}
+                </button>
+
+                @if (plan.summary?.length) {
+                  <section class="plan__summary">
+                    @if (plan.summaryTitle) {
+                      <p class="plan__section-title">{{ plan.summaryTitle }}</p>
+                    }
+                    <ul>
+                      @for (item of plan.summary; track item) {
+                        <li>{{ item }}</li>
+                      }
+                    </ul>
+                  </section>
+                }
+
+                @if (plan.features?.length) {
+                  <section class="plan__features">
+                    <p class="plan__section-title">{{ plan.featuresTitle || 'Incluye' }}</p>
+                    <ul>
+                      @for (feature of plan.features; track feature.label) {
+                        <li [class.is-excluded]="feature.included === false">
+                          <span class="check" aria-hidden="true">
+                            @if (feature.included === false) {
+                              <svg viewBox="0 0 24 24" fill="none">
+                                <path d="M6 6l12 12M18 6L6 18" />
+                              </svg>
+                            } @else {
+                              <svg viewBox="0 0 24 24" fill="none">
+                                <path d="M20 6L9 17l-5-5" />
+                              </svg>
+                            }
+                          </span>
+                          <span>{{ feature.label }}</span>
+                        </li>
+                      }
+                    </ul>
+                  </section>
+                }
+
+                @if (plan.limits?.length) {
+                  <section class="plan__limits">
+                    @for (limit of plan.limits; track limit.label) {
+                      <div>
+                        <span>{{ limit.label }}</span>
+                        <strong>{{ limit.value }}</strong>
+                      </div>
+                    }
+                  </section>
+                }
+              </div>
+            </article>
+          }
+        </div>
+      }
+    </section>
+  `, isInline: true, styles: [":host{display:block}.pricing{color:var(--ion-text-color, #2f2940)}.pricing__empty{margin:0;color:var(--ion-color-medium, #6f6a7c)}.pricing__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:clamp(14px,2vw,22px);align-items:stretch}.plan{position:relative;min-width:0;border:1px solid var(--vds-pricing-border, var(--ion-color-light-shade, #dedbe6));border-radius:var(--vds-pricing-radius, 18px);background:var(--vds-pricing-bg, var(--ion-card-background, #ffffff));box-shadow:var(--vds-pricing-shadow, 0 8px 22px rgba(14, 4, 32, .08));overflow:hidden}.plan--highlighted{border-color:var(--vds-pricing-accent, var(--ion-color-primary, #ff00b2));box-shadow:var(--vds-pricing-featured-shadow, 0 14px 34px rgba(255, 0, 178, .16))}.plan--disabled{opacity:.72}.plan__ribbon{min-height:42px;display:grid;place-items:center;padding:8px 16px;background:var(--vds-pricing-accent, var(--ion-color-primary, #ff00b2));color:var(--vds-pricing-accent-contrast, var(--ion-color-primary-contrast, #ffffff));font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.plan--current .plan__ribbon{background:var(--ion-color-medium, #6f6a7c)}.plan__body{min-height:100%;display:flex;flex-direction:column;gap:22px;padding:clamp(20px,2.4vw,30px)}.plan__header{display:grid;gap:8px}.plan__name{margin:0;color:var(--vds-pricing-title, var(--ion-text-color, #2f2940));font-size:clamp(1.35rem,1.8vw,1.75rem);line-height:1.05;font-weight:850}.plan__description{min-height:44px;margin:0;color:var(--ion-color-medium, #6f6a7c);font-size:.95rem;line-height:1.45}.plan__price{display:flex;align-items:baseline;gap:8px;min-height:48px}.plan__amount{color:var(--vds-pricing-accent, var(--ion-color-primary, #ff00b2));font-size:clamp(2rem,4vw,3.25rem);line-height:1;font-weight:900;overflow-wrap:anywhere}.plan__period,.plan__custom-price{color:var(--ion-color-medium, #6f6a7c);font-size:.95rem;line-height:1.4}.plan__custom-price{color:var(--ion-text-color, #2f2940);font-weight:800}.plan__cta{width:100%;min-height:48px;border:0;border-radius:999px;padding:12px 20px;background:var(--vds-pricing-cta-bg, #2b1236);color:var(--vds-pricing-cta-color, #ffffff);font:inherit;font-weight:800;cursor:pointer;transition:transform .14s ease,opacity .14s ease}.plan--highlighted .plan__cta{background:var(--vds-pricing-accent, var(--ion-color-primary, #ff00b2));color:var(--vds-pricing-accent-contrast, var(--ion-color-primary-contrast, #ffffff))}.plan__cta:disabled{cursor:default;opacity:.62}.plan__cta:not(:disabled):hover{transform:translateY(-1px)}.plan__cta:focus-visible{outline:3px solid color-mix(in srgb,var(--vds-pricing-accent, #ff00b2) 45%,transparent);outline-offset:3px}.plan__summary{min-height:190px;padding:18px;border-top:5px solid var(--vds-pricing-accent-soft, color-mix(in srgb, var(--vds-pricing-accent, #ff00b2) 52%, #ffffff));border-radius:12px;background:var(--vds-pricing-soft-bg, color-mix(in srgb, var(--vds-pricing-accent, #ff00b2) 7%, var(--ion-card-background, #ffffff)))}.plan__section-title{margin:0 0 12px;color:var(--ion-color-medium, #6f6a7c);font-size:.78rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.plan__summary ul,.plan__features ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.plan__summary li{position:relative;padding-left:18px;color:var(--ion-text-color, #2f2940);font-size:.95rem;line-height:1.35}.plan__summary li:before{content:\"\";position:absolute;top:.58em;left:2px;width:5px;height:5px;border-radius:50%;background:var(--vds-pricing-accent, var(--ion-color-primary, #ff00b2))}.plan__features{display:grid;gap:10px}.plan__features li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;color:var(--ion-text-color, #2f2940);font-size:.95rem;line-height:1.35}.plan__features li.is-excluded{color:var(--ion-color-medium, #6f6a7c);text-decoration:line-through}.check{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--vds-pricing-accent, var(--ion-color-primary, #ff00b2));color:var(--vds-pricing-accent-contrast, #ffffff)}.is-excluded .check{background:var(--ion-color-medium, #6f6a7c)}.check svg{width:13px;height:13px;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.plan__limits{display:grid;gap:8px;margin-top:auto;padding-top:8px}.plan__limits div{display:flex;justify-content:space-between;gap:12px;color:var(--ion-color-medium, #6f6a7c);font-size:.86rem}.plan__limits strong{color:var(--ion-text-color, #2f2940);text-align:right;overflow-wrap:anywhere}@media (max-width: 700px){.plan__description,.plan__summary{min-height:0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PricingTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-pricing-table', standalone: true, imports: [CommonModule], template: `
+    <section class="pricing" [attr.data-cycle]="cycle()">
+      @if (!props?.plans?.length) {
+        <p class="pricing__empty">{{ props?.emptyLabel || 'No hay planes disponibles.' }}</p>
+      } @else {
+        <div class="pricing__grid" role="list">
+          @for (plan of props.plans; track plan.tier) {
+            <article
+              class="plan"
+              role="listitem"
+              [class.plan--highlighted]="plan.highlighted"
+              [class.plan--current]="plan.current"
+              [class.plan--disabled]="plan.disabled"
+            >
+              @if (plan.highlighted || plan.badge || plan.current) {
+                <div class="plan__ribbon">
+                  {{ plan.current ? currentLabel() : plan.badge || featuredLabel() }}
+                </div>
+              }
+
+              <div class="plan__body">
+                <header class="plan__header">
+                  <h3 class="plan__name">{{ plan.name }}</h3>
+                  @if (plan.description) {
+                    <p class="plan__description">{{ plan.description }}</p>
+                  }
+                </header>
+
+                <div class="plan__price" [class.plan__price--custom]="plan.custom">
+                  @if (plan.custom) {
+                    <span class="plan__custom-price">{{ customPriceLabel() }}</span>
+                  } @else {
+                    <span class="plan__amount">{{ priceLabel(plan) }}</span>
+                    <span class="plan__period">{{ periodLabel() }}</span>
+                  }
+                </div>
+
+                <button
+                  class="plan__cta"
+                  type="button"
+                  [disabled]="plan.disabled || plan.current"
+                  (click)="select(plan)"
+                >
+                  {{ plan.current ? currentLabel() : plan.ctaLabel || defaultCtaLabel() }}
+                </button>
+
+                @if (plan.summary?.length) {
+                  <section class="plan__summary">
+                    @if (plan.summaryTitle) {
+                      <p class="plan__section-title">{{ plan.summaryTitle }}</p>
+                    }
+                    <ul>
+                      @for (item of plan.summary; track item) {
+                        <li>{{ item }}</li>
+                      }
+                    </ul>
+                  </section>
+                }
+
+                @if (plan.features?.length) {
+                  <section class="plan__features">
+                    <p class="plan__section-title">{{ plan.featuresTitle || 'Incluye' }}</p>
+                    <ul>
+                      @for (feature of plan.features; track feature.label) {
+                        <li [class.is-excluded]="feature.included === false">
+                          <span class="check" aria-hidden="true">
+                            @if (feature.included === false) {
+                              <svg viewBox="0 0 24 24" fill="none">
+                                <path d="M6 6l12 12M18 6L6 18" />
+                              </svg>
+                            } @else {
+                              <svg viewBox="0 0 24 24" fill="none">
+                                <path d="M20 6L9 17l-5-5" />
+                              </svg>
+                            }
+                          </span>
+                          <span>{{ feature.label }}</span>
+                        </li>
+                      }
+                    </ul>
+                  </section>
+                }
+
+                @if (plan.limits?.length) {
+                  <section class="plan__limits">
+                    @for (limit of plan.limits; track limit.label) {
+                      <div>
+                        <span>{{ limit.label }}</span>
+                        <strong>{{ limit.value }}</strong>
+                      </div>
+                    }
+                  </section>
+                }
+              </div>
+            </article>
+          }
+        </div>
+      }
+    </section>
+  `, styles: [":host{display:block}.pricing{color:var(--ion-text-color, #2f2940)}.pricing__empty{margin:0;color:var(--ion-color-medium, #6f6a7c)}.pricing__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:clamp(14px,2vw,22px);align-items:stretch}.plan{position:relative;min-width:0;border:1px solid var(--vds-pricing-border, var(--ion-color-light-shade, #dedbe6));border-radius:var(--vds-pricing-radius, 18px);background:var(--vds-pricing-bg, var(--ion-card-background, #ffffff));box-shadow:var(--vds-pricing-shadow, 0 8px 22px rgba(14, 4, 32, .08));overflow:hidden}.plan--highlighted{border-color:var(--vds-pricing-accent, var(--ion-color-primary, #ff00b2));box-shadow:var(--vds-pricing-featured-shadow, 0 14px 34px rgba(255, 0, 178, .16))}.plan--disabled{opacity:.72}.plan__ribbon{min-height:42px;display:grid;place-items:center;padding:8px 16px;background:var(--vds-pricing-accent, var(--ion-color-primary, #ff00b2));color:var(--vds-pricing-accent-contrast, var(--ion-color-primary-contrast, #ffffff));font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.plan--current .plan__ribbon{background:var(--ion-color-medium, #6f6a7c)}.plan__body{min-height:100%;display:flex;flex-direction:column;gap:22px;padding:clamp(20px,2.4vw,30px)}.plan__header{display:grid;gap:8px}.plan__name{margin:0;color:var(--vds-pricing-title, var(--ion-text-color, #2f2940));font-size:clamp(1.35rem,1.8vw,1.75rem);line-height:1.05;font-weight:850}.plan__description{min-height:44px;margin:0;color:var(--ion-color-medium, #6f6a7c);font-size:.95rem;line-height:1.45}.plan__price{display:flex;align-items:baseline;gap:8px;min-height:48px}.plan__amount{color:var(--vds-pricing-accent, var(--ion-color-primary, #ff00b2));font-size:clamp(2rem,4vw,3.25rem);line-height:1;font-weight:900;overflow-wrap:anywhere}.plan__period,.plan__custom-price{color:var(--ion-color-medium, #6f6a7c);font-size:.95rem;line-height:1.4}.plan__custom-price{color:var(--ion-text-color, #2f2940);font-weight:800}.plan__cta{width:100%;min-height:48px;border:0;border-radius:999px;padding:12px 20px;background:var(--vds-pricing-cta-bg, #2b1236);color:var(--vds-pricing-cta-color, #ffffff);font:inherit;font-weight:800;cursor:pointer;transition:transform .14s ease,opacity .14s ease}.plan--highlighted .plan__cta{background:var(--vds-pricing-accent, var(--ion-color-primary, #ff00b2));color:var(--vds-pricing-accent-contrast, var(--ion-color-primary-contrast, #ffffff))}.plan__cta:disabled{cursor:default;opacity:.62}.plan__cta:not(:disabled):hover{transform:translateY(-1px)}.plan__cta:focus-visible{outline:3px solid color-mix(in srgb,var(--vds-pricing-accent, #ff00b2) 45%,transparent);outline-offset:3px}.plan__summary{min-height:190px;padding:18px;border-top:5px solid var(--vds-pricing-accent-soft, color-mix(in srgb, var(--vds-pricing-accent, #ff00b2) 52%, #ffffff));border-radius:12px;background:var(--vds-pricing-soft-bg, color-mix(in srgb, var(--vds-pricing-accent, #ff00b2) 7%, var(--ion-card-background, #ffffff)))}.plan__section-title{margin:0 0 12px;color:var(--ion-color-medium, #6f6a7c);font-size:.78rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.plan__summary ul,.plan__features ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.plan__summary li{position:relative;padding-left:18px;color:var(--ion-text-color, #2f2940);font-size:.95rem;line-height:1.35}.plan__summary li:before{content:\"\";position:absolute;top:.58em;left:2px;width:5px;height:5px;border-radius:50%;background:var(--vds-pricing-accent, var(--ion-color-primary, #ff00b2))}.plan__features{display:grid;gap:10px}.plan__features li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;color:var(--ion-text-color, #2f2940);font-size:.95rem;line-height:1.35}.plan__features li.is-excluded{color:var(--ion-color-medium, #6f6a7c);text-decoration:line-through}.check{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--vds-pricing-accent, var(--ion-color-primary, #ff00b2));color:var(--vds-pricing-accent-contrast, #ffffff)}.is-excluded .check{background:var(--ion-color-medium, #6f6a7c)}.check svg{width:13px;height:13px;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.plan__limits{display:grid;gap:8px;margin-top:auto;padding-top:8px}.plan__limits div{display:flex;justify-content:space-between;gap:12px;color:var(--ion-color-medium, #6f6a7c);font-size:.86rem}.plan__limits strong{color:var(--ion-text-color, #2f2940);text-align:right;overflow-wrap:anywhere}@media (max-width: 700px){.plan__description,.plan__summary{min-height:0}}\n"] }]
+        }], propDecorators: { props: [{
+                type: Input,
+                args: [{ required: true }]
+            }], onSelect: [{
+                type: Output
+            }] } });
+
 class SimpleComponent {
     constructor() {
         this.onClick = new EventEmitter();
@@ -74802,5 +75196,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, APP_VERSION_PLATFORM_PLUGIN, APP_VERSION_REMOTE_PLUGIN, ARTICLE_CARD_DEFAULTS, ARTICLE_SPACING, ARTICLE_STRIP_DEFAULTS, AUTH_CTA_DEFAULTS, AVATAR_UPLOAD_DEFAULTS, AboutViewComponent, AccordionComponent, AccountViewComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimatedTerminalComponent, ApiKeyCreateModalComponent, ApiKeyService, ApiKeysModalComponent, ApiKeysViewComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, ArticleStripComponent, AttachmentUploaderComponent, AuthBackgroundComponent, AuthCtaComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, 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, ChatComposerComponent, ChatInputComponent, ChatWindowComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentService, ContentTransformer, ConversationListItemComponent, ConversationService, CookieBannerComponent, CookieSettingsComponent, CountdownComponent, CreateOrgModalComponent, CtaCardComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_BUTTON_PRESETS, 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_LOGIN_LOGO, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_POST_UPDATE_GRACE_MS, DEFAULT_PRESETS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_SPLASH_SCREEN_CONFIG, DataTableComponent, DateInputComponent, DatePickerComponent, DateRangeInputComponent, DebugConsoleComponent, DeleteAccountModalComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EditOrgModalComponent, EmptyStateComponent, EntityCardComponent, EntityFeedService, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FUN_MODAL_DEFAULTS, FabComponent, FaqComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FieldListComponent, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FontSizeOption, FontSizeSelectorComponent, FontSizeService, FooterComponent, FooterLinksComponent, FormComponent, FormFieldComponent, FormSkeletonComponent, FunHeaderComponent, FunModalComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HapticsService, HasPermissionDirective, HeaderActionsService, HeaderComponent, HintComponent, HorizontalScrollComponent, HrefComponent, HtmlViewerModalComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, IONIC_COLORS$5 as IONIC_COLORS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, InviteMemberModalComponent, ItemListComponent, KNOWN_ROUTES, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGGED_IN_HINT_COOKIE, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LanguageSelectorV2Component, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadMoreComponent, LoadingDirective, LocalStorageService, LocaleService, LoginAttemptModalComponent, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, META_SCHEMA_VERSION, METRIC_CARD_DEFAULTS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MediaViewerModalComponent, MemberCardComponent, MemberDetailModalComponent, MemberImportModalComponent, MenuComponent, MessageBubbleComponent, MessagingService, MetaService, MetricCardComponent, MfaModalComponent, ModalService, ModalShellComponent, MultiSelectSearchComponent, NUM_KEYS, NavigationService, NetworkBannerComponent, NetworkStatusService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationPreferencesViewComponent, NotificationsService, NotificationsViewComponent, NumberFromToComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OptionCardsComponent, OrgInfoSheetComponent, OrgService, OrgSwitchService, OrganizationViewComponent, PATTERN_MOTIFS, PATTERN_PALETTES, PATTERN_STYLE_CONFIGS, PLATFORM_CONFIGS, POST_UPDATE_TS_KEY, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PdfService, PermissionCatalogService, PermissionSelectorComponent, PermissionsModalComponent, PermissionsViewComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PreferencesViewComponent, PresetService, PriceTagComponent, ProcessLinksPipe, ProfileContentComponent, ProfileModalComponent, ProfileSkeletonComponent, ProfileViewComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QrScannerComponent, QueryBuilder, QuoteBoxComponent, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, ReactionBarComponent, ReactionsService, RefresherComponent, RequestFirestoreService, RequestFormBuilderService, RequestFormComponent, RequestModalComponent, RequestService, RightsFooterComponent, RotatingTextComponent, SEARCH_HEADER_DEFAULTS, SETTINGS_SECTIONS_CATALOG, SHAPE_KEYS, SHARE_PROFILE_MODAL_DEFAULTS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, STATS_BAR_DEFAULTS, STROKE_KEYS, SearchHeaderComponent, SearchSelectorComponent, SearchbarComponent, SectionHeaderComponent, SecurityViewComponent, SegmentControlComponent, SelectSearchComponent, SessionListModalComponent, SessionService, SettingsHubComponent, ShareButtonsComponent, ShareProfileModalComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SplashComponent, SplashScreenService, StatsBarComponent, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, SwitchOrgModalComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, ThreadPanelComponent, TicketCardComponent, TicketCardImageService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TransferOwnershipModalComponent, TranslatePipe, TypedCollection, TypingIndicatorComponent, UPDATE_BANNER_DEFAULT_CONTENT, UPDATE_BANNER_I18N_NAMESPACE, UpdateBannerComponent, UsageMetersComponent, UsageService, UserAvatarComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_APP_VERSION, VALTECH_AUTH_CONFIG, VALTECH_CHAT_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_CONTENT_CONFIG, 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_REACTIONS_CONFIG, VALTECH_SETTINGS_MENU_LINKS, VALTECH_SITE_PATHS, VALTECH_SOCIAL_LINKS, VALTECH_SPLASH_SCREEN, VALTECH_WEB_BASE_URLS, VALTECH_WHATSAPP_CONFIG, VERSION, ValtechErrorService, VerifyViewComponent, WhatsappFabComponent, WhatsappService, WizardComponent, WizardFooterComponent, WorkflowService, applyDefaultValueToControl, authGuard, authInterceptor, authPasswordValidator, beautifyLegalArticle, blogPost, buildCompanyFooterProps, buildFooterLinks, buildLegalLinkResolver, buildPath, buildSettingsCards, button, canSubmitRequestType, collections, connectPageRefresh, createErrorStateProps, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createPageState, createPermissionLabeler, createRefreshableStream, createTitleProps, docs, errorLoggingInterceptor, extractPathParams, formatClockTime, formatDateSeparator, formatRelativeTime, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, groupPermissionsByScope, guestGuard, hasEmulators, iconButton, interpretError, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isIonicColor, isKnownRoute, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideSplashScreen, provideValtechAboutRoutes, provideValtechAccountRoutes, provideValtechAds, provideValtechApiKeysRoutes, provideValtechAppConfig, provideValtechAppVersion, provideValtechAppVersionHttp, provideValtechAuth, provideValtechAuthInterceptor, provideValtechChat, provideValtechContent, provideValtechDebugConsole, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechNotificationPreferencesRoutes, provideValtechNotificationsRoutes, provideValtechOrganizationRoutes, provideValtechPermissionsRoutes, provideValtechPreferencesRoutes, provideValtechPresets, provideValtechProfileRoutes, provideValtechReactions, provideValtechSecurityRoutes, provideValtechSettingsRoutes, provideValtechSite, provideValtechSkeleton, provideValtechWhatsapp, query, rbacGuard, renderPatternSvgInner, replaceSpecialChars, requestSubmitMode, resolveColor, resolveInputDefaultValue, resolveIonicColor, resolveWebBaseUrl, roleGuard, selectableRequestTypes, storagePaths, superAdminGuard, toArticle, validateRoutes };
+export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, APP_VERSION_PLATFORM_PLUGIN, APP_VERSION_REMOTE_PLUGIN, ARTICLE_CARD_DEFAULTS, ARTICLE_SPACING, ARTICLE_STRIP_DEFAULTS, AUTH_CTA_DEFAULTS, AVATAR_UPLOAD_DEFAULTS, AboutViewComponent, AccordionComponent, AccountViewComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimatedTerminalComponent, ApiKeyCreateModalComponent, ApiKeyService, ApiKeysModalComponent, ApiKeysViewComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, ArticleStripComponent, AttachmentUploaderComponent, AuthBackgroundComponent, AuthCtaComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, 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, ChatComposerComponent, ChatInputComponent, ChatWindowComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentService, ContentTransformer, ConversationListItemComponent, ConversationService, CookieBannerComponent, CookieSettingsComponent, CountdownComponent, CreateOrgModalComponent, CtaCardComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_BUTTON_PRESETS, 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_LOGIN_LOGO, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_POST_UPDATE_GRACE_MS, DEFAULT_PRESETS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_SPLASH_SCREEN_CONFIG, DataTableComponent, DateInputComponent, DatePickerComponent, DateRangeInputComponent, DebugConsoleComponent, DeleteAccountModalComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EditOrgModalComponent, EmptyStateComponent, EntityCardComponent, EntityFeedService, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FUN_MODAL_DEFAULTS, FabComponent, FaqComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FieldListComponent, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FontSizeOption, FontSizeSelectorComponent, FontSizeService, FooterComponent, FooterLinksComponent, FormComponent, FormFieldComponent, FormSkeletonComponent, FunHeaderComponent, FunModalComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HapticsService, HasPermissionDirective, HeaderActionsService, HeaderComponent, HintComponent, HorizontalScrollComponent, HrefComponent, HtmlViewerModalComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, IONIC_COLORS$5 as IONIC_COLORS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, InviteMemberModalComponent, ItemListComponent, KNOWN_ROUTES, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGGED_IN_HINT_COOKIE, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LanguageSelectorV2Component, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadMoreComponent, LoadingDirective, LocalStorageService, LocaleService, LoginAttemptModalComponent, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, META_SCHEMA_VERSION, METRIC_CARD_DEFAULTS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MediaViewerModalComponent, MemberCardComponent, MemberDetailModalComponent, MemberImportModalComponent, MenuComponent, MessageBubbleComponent, MessagingService, MetaService, MetricCardComponent, MfaModalComponent, ModalService, ModalShellComponent, MultiSelectSearchComponent, NUM_KEYS, NavigationService, NetworkBannerComponent, NetworkStatusService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationPreferencesViewComponent, NotificationsService, NotificationsViewComponent, NumberFromToComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OptionCardsComponent, OrgInfoSheetComponent, OrgService, OrgSwitchService, OrganizationViewComponent, PATTERN_MOTIFS, PATTERN_PALETTES, PATTERN_STYLE_CONFIGS, PLATFORM_CONFIGS, POST_UPDATE_TS_KEY, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PdfService, PermissionCatalogService, PermissionSelectorComponent, PermissionsModalComponent, PermissionsViewComponent, PhoneInputComponent, PickerV2Component, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PreferencesViewComponent, PresetService, PriceTagComponent, PricingTableComponent, ProcessLinksPipe, ProfileContentComponent, ProfileModalComponent, ProfileSkeletonComponent, ProfileViewComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QrScannerComponent, QueryBuilder, QuoteBoxComponent, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, ReactionBarComponent, ReactionsService, RefresherComponent, RequestFirestoreService, RequestFormBuilderService, RequestFormComponent, RequestModalComponent, RequestService, RightsFooterComponent, RotatingTextComponent, SEARCH_HEADER_DEFAULTS, SETTINGS_SECTIONS_CATALOG, SHAPE_KEYS, SHARE_PROFILE_MODAL_DEFAULTS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, STATS_BAR_DEFAULTS, STROKE_KEYS, SearchHeaderComponent, SearchSelectorComponent, SearchbarComponent, SectionHeaderComponent, SecurityViewComponent, SegmentControlComponent, SelectSearchComponent, SessionListModalComponent, SessionService, SettingsHubComponent, ShareButtonsComponent, ShareProfileModalComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SplashComponent, SplashScreenService, StatsBarComponent, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, SwitchOrgModalComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, ThreadPanelComponent, TicketCardComponent, TicketCardImageService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TransferOwnershipModalComponent, TranslatePipe, TypedCollection, TypingIndicatorComponent, UPDATE_BANNER_DEFAULT_CONTENT, UPDATE_BANNER_I18N_NAMESPACE, UpdateBannerComponent, UsageMetersComponent, UsageService, UserAvatarComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_APP_VERSION, VALTECH_AUTH_CONFIG, VALTECH_CHAT_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_CONTENT_CONFIG, 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_REACTIONS_CONFIG, VALTECH_SETTINGS_MENU_LINKS, VALTECH_SITE_PATHS, VALTECH_SOCIAL_LINKS, VALTECH_SPLASH_SCREEN, VALTECH_WEB_BASE_URLS, VALTECH_WHATSAPP_CONFIG, VERSION, ValtechErrorService, VerifyViewComponent, WhatsappFabComponent, WhatsappService, WizardComponent, WizardFooterComponent, WorkflowService, applyDefaultValueToControl, authGuard, authInterceptor, authPasswordValidator, beautifyLegalArticle, blogPost, buildCompanyFooterProps, buildFooterLinks, buildLegalLinkResolver, buildPath, buildSettingsCards, button, canSubmitRequestType, collections, connectPageRefresh, createErrorStateProps, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createPageState, createPermissionLabeler, createRefreshableStream, createTitleProps, docs, errorLoggingInterceptor, extractPathParams, formatClockTime, formatDateSeparator, formatRelativeTime, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, groupPermissionsByScope, guestGuard, hasEmulators, iconButton, interpretError, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isIonicColor, isKnownRoute, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideSplashScreen, provideValtechAboutRoutes, provideValtechAccountRoutes, provideValtechAds, provideValtechApiKeysRoutes, provideValtechAppConfig, provideValtechAppVersion, provideValtechAppVersionHttp, provideValtechAuth, provideValtechAuthInterceptor, provideValtechChat, provideValtechContent, provideValtechDebugConsole, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechNotificationPreferencesRoutes, provideValtechNotificationsRoutes, provideValtechOrganizationRoutes, provideValtechPermissionsRoutes, provideValtechPreferencesRoutes, provideValtechPresets, provideValtechProfileRoutes, provideValtechReactions, provideValtechSecurityRoutes, provideValtechSettingsRoutes, provideValtechSite, provideValtechSkeleton, provideValtechWhatsapp, query, rbacGuard, renderPatternSvgInner, replaceSpecialChars, requestSubmitMode, resolveColor, resolveInputDefaultValue, resolveIonicColor, resolveWebBaseUrl, roleGuard, selectableRequestTypes, storagePaths, superAdminGuard, toArticle, validateRoutes };
 //# sourceMappingURL=valtech-components.mjs.map