valtech-components 2.0.610 → 2.0.611

package/fesm2022/valtech-components.mjs

@@ -1,13 +1,13 @@
 import * as i0 from '@angular/core';
 import { signal, Injectable, makeEnvironmentProviders, APP_INITIALIZER, inject, EventEmitter, Component, Input, Output, HostListener, Pipe, input, computed, ChangeDetectionStrategy, ViewChild, ChangeDetectorRef, ElementRef, ContentChild, Inject, PLATFORM_ID, ErrorHandler, DestroyRef, InjectionToken, runInInjectionContext, effect, Optional, TemplateRef, ViewContainerRef, isSignal, Directive, ViewEncapsulation } from '@angular/core';
 import * as i2$1 from '@ionic/angular/standalone';
-import { IonAvatar, IonCard, IonIcon, IonButton, IonSpinner, IonText, IonModal, IonHeader, IonToolbar, IonContent, IonButtons, IonTitle, IonProgressBar, IonSkeletonText, IonFab, IonFabButton, IonFabList, IonLabel, IonCardContent, IonCardHeader, IonCardTitle, IonCardSubtitle, IonCheckbox, IonTextarea, IonDatetime, IonDatetimeButton, IonInput, IonSelect, IonSelectOption, IonPopover, IonList, IonItem, IonRadioGroup, IonRadio, IonRange, IonSearchbar, IonSegment, IonSegmentButton, IonToggle, IonAccordion, IonAccordionGroup, IonTabBar, IonTabButton, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonChip, IonNote, ToastController as ToastController$1, IonCol, IonRow, IonRefresher, IonRefresherContent, IonMenuButton, IonFooter, IonListHeader, IonInfiniteScroll, IonInfiniteScrollContent, IonGrid, MenuController, IonMenu, IonMenuToggle, AlertController } from '@ionic/angular/standalone';
+import { IonAvatar, IonCard, IonIcon, IonButton, IonSpinner, IonText, IonModal, IonHeader, IonToolbar, IonContent, IonButtons, IonTitle, IonProgressBar, IonSkeletonText, IonFab, IonFabButton, IonFabList, IonLabel, IonCardContent, IonCardHeader, IonCardTitle, IonCardSubtitle, IonCheckbox, IonTextarea, IonDatetime, IonDatetimeButton, IonInput, IonSelect, IonSelectOption, IonPopover, IonList, IonItem, IonRadioGroup, IonRadio, IonRange, IonSearchbar, IonSegment, IonSegmentButton, IonToggle, IonAccordion, IonAccordionGroup, IonTabBar, IonTabButton, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonChip, IonNote, ToastController as ToastController$1, IonCol, IonRow, IonRefresher, IonRefresherContent, IonMenuButton, IonFooter, IonListHeader, IonInfiniteScroll, IonInfiniteScrollContent, IonGrid, MenuController, IonMenu, IonMenuToggle, AlertController, IonSplitPane } from '@ionic/angular/standalone';
 import * as i1 from '@angular/common';
 import { CommonModule, NgStyle, NgFor, NgClass, isPlatformBrowser } from '@angular/common';
 import { addIcons } from 'ionicons';
 import { addOutline, addCircleOutline, alertOutline, alertCircleOutline, arrowBackOutline, arrowForwardOutline, arrowDownOutline, settingsOutline, checkmarkCircleOutline, ellipsisHorizontalOutline, notificationsOutline, openOutline, closeOutline, chatbubblesOutline, shareOutline, heart, heartOutline, homeOutline, eyeOffOutline, eyeOutline, scanOutline, chevronDownOutline, chevronForwardOutline, checkmarkOutline, clipboardOutline, copyOutline, filterOutline, locationOutline, calendarOutline, businessOutline, logoTwitter, logoInstagram, logoLinkedin, logoYoutube, logoTiktok, logoFacebook, logoGoogle, createOutline, trashOutline, playOutline, refreshOutline, documentTextOutline, lockClosedOutline, informationCircleOutline, logoNpm, removeOutline, add, close, share, create, trash, star, camera, mic, send, downloadOutline, chevronDown, language, globeOutline, checkmark, list, grid, apps, menu, settings, home, search, person, helpCircle, informationCircle, documentText, notifications, mail, calendar, folder, chevronForward, ellipsisHorizontal, chevronBack, playBack, playForward, ellipse, starOutline, starHalf, heartHalf, checkmarkCircle, timeOutline, flag, trendingUp, trendingDown, remove, analytics, people, cash, cart, eye, chatbubbleOutline, thumbsUpOutline, thumbsUp, happyOutline, happy, sadOutline, sad, chevronUp, pin, pencil, callOutline, shuffleOutline, logoWhatsapp, paperPlaneOutline, mailOutline, trophyOutline, ticketOutline, giftOutline, personOutline, ellipsisVertical, closeCircle, chevronBackOutline, sendOutline, chatbubbleEllipsesOutline, swapVerticalOutline, chevronUpOutline, documentOutline, bugOutline, bulbOutline, closeCircleOutline, menuOutline, searchOutline } from 'ionicons/icons';
 import * as i1$1 from '@angular/router';
-import { RouterLink, Router, NavigationEnd, RouterOutlet } from '@angular/router';
+import { RouterLink, Router, NavigationEnd, RouterOutlet, RouterModule } from '@angular/router';
 import { Browser } from '@capacitor/browser';
 import * as i1$2 from '@angular/platform-browser';
 import QRCodeStyling from 'qr-code-styling';
@@ -38032,6 +38032,329 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }] } });
 
+addIcons({
+    chevronDownOutline,
+    chevronForwardOutline,
+    closeOutline,
+});
+/**
+ * val-docs-shell
+ *
+ * A complete documentation shell with sidebar navigation, search, and content area.
+ * Use this component as the root layout for documentation pages.
+ *
+ * @example
+ * ```html
+ * <val-docs-shell [props]="shellConfig">
+ *   <router-outlet></router-outlet>
+ * </val-docs-shell>
+ * ```
+ */
+class DocsShellComponent {
+    constructor() {
+        this.menuCtrl = inject(MenuController);
+        this.docsNav = inject(DocsNavigationService);
+        this.props = {
+            logo: { alt: 'Logo' },
+            sections: [],
+        };
+        this.navigate = new EventEmitter();
+        // Internal state for expanded sections
+        this._sectionsState = signal([]);
+        this.sectionsState = computed(() => {
+            // Initialize from props if empty
+            if (this._sectionsState().length === 0 && this.props.sections.length > 0) {
+                return this.props.sections.map(s => ({
+                    ...s,
+                    expanded: s.expanded ?? true,
+                }));
+            }
+            return this._sectionsState().length > 0 ? this._sectionsState() : this.props.sections;
+        });
+        this.searchProps = computed(() => ({
+            placeholder: this.props.search?.placeholder || 'Search...',
+            showShortcut: this.props.search?.showShortcut ?? true,
+            sections: this.buildSearchSections(),
+        }));
+    }
+    ngOnChanges() {
+        // Update sections state when props change
+        if (this.props.sections.length > 0) {
+            this._sectionsState.set(this.props.sections.map(s => ({
+                ...s,
+                expanded: s.expanded ?? true,
+            })));
+        }
+    }
+    toggleSection(section) {
+        this._sectionsState.update(sections => sections.map(s => s.key === section.key ? { ...s, expanded: !s.expanded } : s));
+    }
+    async closeMenu() {
+        await this.menuCtrl.close('docs-menu');
+        this.docsNav.scrollToTop();
+    }
+    onNavigate(route) {
+        this.navigate.emit(route);
+        this.docsNav.navigateAndScroll(route);
+        this.menuCtrl.close('docs-menu');
+    }
+    buildSearchSections() {
+        return this.props.sections.map(section => ({
+            title: section.title,
+            items: section.children.map(child => ({
+                label: child.label,
+                route: child.route,
+                description: `${section.title} > ${child.label}`,
+            })),
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DocsShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DocsShellComponent, isStandalone: true, selector: "val-docs-shell", inputs: { props: "props" }, outputs: { navigate: "navigate" }, usesOnChanges: true, ngImport: i0, template: `
+    <ion-split-pane contentId="docs-content" when="lg">
+      <ion-menu contentId="docs-content" type="overlay" menuId="docs-menu">
+        <ion-header class="ion-no-border">
+          <ion-toolbar>
+            <div class="sidebar-header">
+              <a [routerLink]="props.logo.route || ['/']" class="logo-link" [attr.aria-label]="props.logo.alt">
+                @if (props.logo.cssVariable) {
+                  <span
+                    class="sidebar-logo sidebar-logo--css-var"
+                    role="img"
+                    [attr.aria-label]="props.logo.alt"
+                    [style.--logo-var]="'var(' + props.logo.cssVariable + ')'"
+                    [style.width]="props.logo.width || '10rem'"
+                    [style.height]="props.logo.height || '3rem'"
+                  ></span>
+                } @else if (props.logo.src) {
+                  <img
+                    [src]="props.logo.src"
+                    [alt]="props.logo.alt"
+                    class="sidebar-logo sidebar-logo--img"
+                    [style.width]="props.logo.width || '10rem'"
+                    [style.height]="props.logo.height || '3rem'"
+                  />
+                }
+              </a>
+              <button
+                type="button"
+                class="sidebar-close"
+                (click)="closeMenu()"
+                aria-label="Close menu"
+              >
+                <ion-icon name="close-outline"></ion-icon>
+              </button>
+            </div>
+          </ion-toolbar>
+        </ion-header>
+
+        <ion-content>
+          <!-- Search -->
+          @if (props.search) {
+            <div class="search-wrapper">
+              <val-docs-search
+                [props]="searchProps()"
+                (navigate)="onNavigate($event)"
+              ></val-docs-search>
+            </div>
+          }
+
+          <nav class="sidebar-nav">
+            @for (section of sectionsState(); track section.key) {
+              <div class="nav-section">
+                <button
+                  type="button"
+                  class="nav-section__header"
+                  (click)="toggleSection(section)"
+                >
+                  @if (section.icon) {
+                    <ion-icon [name]="section.icon"></ion-icon>
+                  }
+                  <span>{{ section.title }}</span>
+                  <ion-icon
+                    [name]="section.expanded ? 'chevron-down-outline' : 'chevron-forward-outline'"
+                    class="nav-chevron"
+                  ></ion-icon>
+                </button>
+
+                @if (section.expanded) {
+                  <ul class="nav-links">
+                    @for (link of section.children; track link.label) {
+                      <li>
+                        <a
+                          [routerLink]="link.route"
+                          routerLinkActive="active"
+                          (click)="closeMenu()"
+                        >
+                          {{ link.label }}
+                          @if (link.badge) {
+                            <span
+                              class="nav-badge"
+                              [class.nav-badge--success]="link.badgeColor === 'success'"
+                            >{{ link.badge }}</span>
+                          }
+                        </a>
+                      </li>
+                    }
+                  </ul>
+                }
+              </div>
+            }
+          </nav>
+        </ion-content>
+      </ion-menu>
+
+      <div class="ion-page" id="docs-content">
+        <ion-header class="ion-no-border mobile-header">
+          <ion-toolbar>
+            <ion-buttons slot="start">
+              <ion-menu-button menu="docs-menu" color="dark"></ion-menu-button>
+            </ion-buttons>
+          </ion-toolbar>
+        </ion-header>
+
+        <main class="docs-main-scroll">
+          <ng-content></ng-content>
+          @if (props.footer) {
+            <val-company-footer [props]="props.footer"></val-company-footer>
+          }
+        </main>
+      </div>
+    </ion-split-pane>
+  `, isInline: true, styles: [":host{display:block;height:100%}ion-split-pane{height:100%;--side-width: var(--docs-sidebar-width, 260px);--side-min-width: var(--docs-sidebar-width, 260px);--side-max-width: var(--docs-sidebar-width, 260px)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}.logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:opacity .2s ease}.logo-link:hover{opacity:.8}.sidebar-logo--css-var{display:block;background-image:var(--logo-var);background-size:contain;background-repeat:no-repeat;background-position:left center}.sidebar-logo--img{display:block;object-fit:contain}.sidebar-close{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background:transparent;border-radius:50%;cursor:pointer;color:var(--ion-text-color, #333);transition:background .2s ease}.sidebar-close:hover{background:#0000000d}.sidebar-close ion-icon{font-size:1.5rem}@media (min-width: 992px){.sidebar-close{display:none}}.search-wrapper{padding:.75rem 1rem;border-bottom:1px solid var(--ion-border-color, #e0e0e0)}.sidebar-nav{padding:.5rem 0}.nav-section__header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666;cursor:pointer}.nav-section__header:hover{color:var(--ion-text-color)}.nav-section__header span{flex:1;text-align:left}.nav-chevron{font-size:.875rem}.nav-links{list-style:none;margin:0;padding:0}.nav-links a{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem .5rem 2.5rem;font-size:.875rem;color:#555;text-decoration:none;border-left:2px solid transparent}.nav-links a:hover{color:var(--ion-text-color);background:#00000008}.nav-links a.active{color:var(--ion-text-color);font-weight:500;background:#0000000d;border-left-color:var(--ion-color-primary)}.nav-badge{font-size:.625rem;font-weight:500;text-transform:uppercase;padding:.125rem .375rem;border-radius:4px;background:#0000000a;color:#888}.nav-badge--success{background:#e8f5e9;color:#2e7d32}.docs-main-scroll{flex:1;overflow-y:auto;background:var(--ion-background-color)}ion-menu{--width: 100%;--max-width: 100%;--background: var(--ion-background-color);border-right:1px solid var(--ion-border-color, #e0e0e0)}@media (min-width: 992px){ion-menu{--width: var(--docs-sidebar-width, 260px);--max-width: var(--docs-sidebar-width, 260px)}.mobile-header{display:none}}#docs-content{display:flex;flex-direction:column}:host-context(.dark) .nav-badge,:host-context([color-scheme=\"dark\"]) .nav-badge{background:#ffffff0f;color:#999}:host-context(.dark) .nav-badge--success,:host-context([color-scheme=\"dark\"]) .nav-badge--success{background:#2e7d3233;color:#81c784}:host-context(.dark) .sidebar-close:hover,:host-context([color-scheme=\"dark\"]) .sidebar-close:hover{background:#ffffff1a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: IonSplitPane, selector: "ion-split-pane", inputs: ["contentId", "disabled", "when"] }, { kind: "component", type: IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonMenuButton, selector: "ion-menu-button", inputs: ["autoHide", "color", "disabled", "menu", "mode", "type"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: DocsSearchComponent, selector: "val-docs-search", inputs: ["props"], outputs: ["navigate", "search"] }, { kind: "component", type: CompanyFooterComponent, selector: "val-company-footer", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DocsShellComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-docs-shell', standalone: true, imports: [
+                        CommonModule,
+                        RouterModule,
+                        IonSplitPane,
+                        IonMenu,
+                        IonHeader,
+                        IonToolbar,
+                        IonContent,
+                        IonIcon,
+                        IonMenuButton,
+                        IonButtons,
+                        DocsSearchComponent,
+                        CompanyFooterComponent,
+                    ], template: `
+    <ion-split-pane contentId="docs-content" when="lg">
+      <ion-menu contentId="docs-content" type="overlay" menuId="docs-menu">
+        <ion-header class="ion-no-border">
+          <ion-toolbar>
+            <div class="sidebar-header">
+              <a [routerLink]="props.logo.route || ['/']" class="logo-link" [attr.aria-label]="props.logo.alt">
+                @if (props.logo.cssVariable) {
+                  <span
+                    class="sidebar-logo sidebar-logo--css-var"
+                    role="img"
+                    [attr.aria-label]="props.logo.alt"
+                    [style.--logo-var]="'var(' + props.logo.cssVariable + ')'"
+                    [style.width]="props.logo.width || '10rem'"
+                    [style.height]="props.logo.height || '3rem'"
+                  ></span>
+                } @else if (props.logo.src) {
+                  <img
+                    [src]="props.logo.src"
+                    [alt]="props.logo.alt"
+                    class="sidebar-logo sidebar-logo--img"
+                    [style.width]="props.logo.width || '10rem'"
+                    [style.height]="props.logo.height || '3rem'"
+                  />
+                }
+              </a>
+              <button
+                type="button"
+                class="sidebar-close"
+                (click)="closeMenu()"
+                aria-label="Close menu"
+              >
+                <ion-icon name="close-outline"></ion-icon>
+              </button>
+            </div>
+          </ion-toolbar>
+        </ion-header>
+
+        <ion-content>
+          <!-- Search -->
+          @if (props.search) {
+            <div class="search-wrapper">
+              <val-docs-search
+                [props]="searchProps()"
+                (navigate)="onNavigate($event)"
+              ></val-docs-search>
+            </div>
+          }
+
+          <nav class="sidebar-nav">
+            @for (section of sectionsState(); track section.key) {
+              <div class="nav-section">
+                <button
+                  type="button"
+                  class="nav-section__header"
+                  (click)="toggleSection(section)"
+                >
+                  @if (section.icon) {
+                    <ion-icon [name]="section.icon"></ion-icon>
+                  }
+                  <span>{{ section.title }}</span>
+                  <ion-icon
+                    [name]="section.expanded ? 'chevron-down-outline' : 'chevron-forward-outline'"
+                    class="nav-chevron"
+                  ></ion-icon>
+                </button>
+
+                @if (section.expanded) {
+                  <ul class="nav-links">
+                    @for (link of section.children; track link.label) {
+                      <li>
+                        <a
+                          [routerLink]="link.route"
+                          routerLinkActive="active"
+                          (click)="closeMenu()"
+                        >
+                          {{ link.label }}
+                          @if (link.badge) {
+                            <span
+                              class="nav-badge"
+                              [class.nav-badge--success]="link.badgeColor === 'success'"
+                            >{{ link.badge }}</span>
+                          }
+                        </a>
+                      </li>
+                    }
+                  </ul>
+                }
+              </div>
+            }
+          </nav>
+        </ion-content>
+      </ion-menu>
+
+      <div class="ion-page" id="docs-content">
+        <ion-header class="ion-no-border mobile-header">
+          <ion-toolbar>
+            <ion-buttons slot="start">
+              <ion-menu-button menu="docs-menu" color="dark"></ion-menu-button>
+            </ion-buttons>
+          </ion-toolbar>
+        </ion-header>
+
+        <main class="docs-main-scroll">
+          <ng-content></ng-content>
+          @if (props.footer) {
+            <val-company-footer [props]="props.footer"></val-company-footer>
+          }
+        </main>
+      </div>
+    </ion-split-pane>
+  `, styles: [":host{display:block;height:100%}ion-split-pane{height:100%;--side-width: var(--docs-sidebar-width, 260px);--side-min-width: var(--docs-sidebar-width, 260px);--side-max-width: var(--docs-sidebar-width, 260px)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}.logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:opacity .2s ease}.logo-link:hover{opacity:.8}.sidebar-logo--css-var{display:block;background-image:var(--logo-var);background-size:contain;background-repeat:no-repeat;background-position:left center}.sidebar-logo--img{display:block;object-fit:contain}.sidebar-close{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background:transparent;border-radius:50%;cursor:pointer;color:var(--ion-text-color, #333);transition:background .2s ease}.sidebar-close:hover{background:#0000000d}.sidebar-close ion-icon{font-size:1.5rem}@media (min-width: 992px){.sidebar-close{display:none}}.search-wrapper{padding:.75rem 1rem;border-bottom:1px solid var(--ion-border-color, #e0e0e0)}.sidebar-nav{padding:.5rem 0}.nav-section__header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666;cursor:pointer}.nav-section__header:hover{color:var(--ion-text-color)}.nav-section__header span{flex:1;text-align:left}.nav-chevron{font-size:.875rem}.nav-links{list-style:none;margin:0;padding:0}.nav-links a{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem .5rem 2.5rem;font-size:.875rem;color:#555;text-decoration:none;border-left:2px solid transparent}.nav-links a:hover{color:var(--ion-text-color);background:#00000008}.nav-links a.active{color:var(--ion-text-color);font-weight:500;background:#0000000d;border-left-color:var(--ion-color-primary)}.nav-badge{font-size:.625rem;font-weight:500;text-transform:uppercase;padding:.125rem .375rem;border-radius:4px;background:#0000000a;color:#888}.nav-badge--success{background:#e8f5e9;color:#2e7d32}.docs-main-scroll{flex:1;overflow-y:auto;background:var(--ion-background-color)}ion-menu{--width: 100%;--max-width: 100%;--background: var(--ion-background-color);border-right:1px solid var(--ion-border-color, #e0e0e0)}@media (min-width: 992px){ion-menu{--width: var(--docs-sidebar-width, 260px);--max-width: var(--docs-sidebar-width, 260px)}.mobile-header{display:none}}#docs-content{display:flex;flex-direction:column}:host-context(.dark) .nav-badge,:host-context([color-scheme=\"dark\"]) .nav-badge{background:#ffffff0f;color:#999}:host-context(.dark) .nav-badge--success,:host-context([color-scheme=\"dark\"]) .nav-badge--success{background:#2e7d3233;color:#81c784}:host-context(.dark) .sidebar-close:hover,:host-context([color-scheme=\"dark\"]) .sidebar-close:hover{background:#ffffff1a}\n"] }]
+        }], propDecorators: { props: [{
+                type: Input
+            }], navigate: [{
+                type: Output
+            }] } });
+
 /*
  * Public API Surface of valtech-components
  */
@@ -38040,5 +38363,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_SPACING, AccordionComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, ArticleBuilder, ArticleComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, BannerComponent, BaseDefault, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, CheckInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContentLoaderComponent, ContentReactionComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_LEGEND_LABELS, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PAYMENT_STATUS_COLORS, DEFAULT_PAYMENT_STATUS_LABELS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_STATUS_COLORS, DEFAULT_STATUS_LABELS, DEFAULT_WINNER_LABELS, DataTableComponent, DateInputComponent, DateRangeInputComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsSidebarComponent, DocsTocComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FabComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, GlowCardComponent, GridSkeletonComponent, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LOGIN_DEFAULTS, LanguageSelectorComponent, LayeredCardComponent, LayoutComponent, LinkComponent, LinkProcessorService, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MODAL_SIZES, MOTION, MenuComponent, MessagingService, ModalService, MultiSelectSearchComponent, NavigationService, NoContentComponent, NotesBoxComponent, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAuthCallbackComponent, OAuthService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PLATFORM_CONFIGS, PageContentComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, PaginationService, ParticipantCardComponent, PasswordInputComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RaffleStatusCardComponent, RangeInputComponent, RatingComponent, RecapCardComponent, RefresherComponent, RightsFooterComponent, RotatingTextComponent, SKELETON_PRESETS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, SessionService, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TicketGridComponent, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, VALTECH_ADS_CONFIG, VALTECH_AUTH_CONFIG, VALTECH_DEFAULT_CONTENT, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, WinnerDisplayComponent, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, buildPath, collections, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createTitleProps, extractPathParams, getCollectionPath, getDocumentId, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, permissionGuard, permissionGuardFromRoute, provideValtechAds, provideValtechAuth, provideValtechAuthInterceptor, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechPresets, provideValtechSkeleton, query, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard };
+export { AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_SPACING, AccordionComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, ArticleBuilder, ArticleComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, BannerComponent, BaseDefault, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, CheckInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContentLoaderComponent, ContentReactionComponent, CountdownComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CANCEL_BUTTON, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_EMPTY_STATE, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_LEGEND_LABELS, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PAYMENT_STATUS_COLORS, DEFAULT_PAYMENT_STATUS_LABELS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_STATUS_COLORS, DEFAULT_STATUS_LABELS, DEFAULT_WINNER_LABELS, DataTableComponent, DateInputComponent, DateRangeInputComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DownloadService, EmailInputComponent, ExpandableTextComponent, FabComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, GlowCardComponent, GridSkeletonComponent, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, Icon, IconComponent, IconService, ImageComponent, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LOGIN_DEFAULTS, LanguageSelectorComponent, LayeredCardComponent, LayoutComponent, LinkComponent, LinkProcessorService, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MODAL_SIZES, MOTION, MenuComponent, MessagingService, ModalService, MultiSelectSearchComponent, NavigationService, NoContentComponent, NotesBoxComponent, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAuthCallbackComponent, OAuthService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PLATFORM_CONFIGS, PageContentComponent, PageTemplateComponent, PageWrapperComponent, PaginationComponent, PaginationService, ParticipantCardComponent, PasswordInputComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, RadioInputComponent, RaffleStatusCardComponent, RangeInputComponent, RatingComponent, RecapCardComponent, RefresherComponent, RightsFooterComponent, RotatingTextComponent, SKELETON_PRESETS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, SessionService, ShareButtonsComponent, SimpleComponent, SkeletonComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TicketGridComponent, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TranslatePipe, TypedCollection, VALTECH_ADS_CONFIG, VALTECH_AUTH_CONFIG, VALTECH_DEFAULT_CONTENT, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, WinnerDisplayComponent, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, buildPath, collections, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createTitleProps, extractPathParams, getCollectionPath, getDocumentId, goToTop, guestGuard, hasEmulators, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, permissionGuard, permissionGuardFromRoute, provideValtechAds, provideValtechAuth, provideValtechAuthInterceptor, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechPresets, provideValtechSkeleton, query, replaceSpecialChars, resolveColor, resolveInputDefaultValue, roleGuard, storagePaths, superAdminGuard };
 //# sourceMappingURL=valtech-components.mjs.map