valtech-components 2.0.689 → 2.0.690

package/esm2022/lib/components/molecules/ad-slot/ad-slot.component.mjs

@@ -0,0 +1,274 @@
+/**
+ * Ad Slot Component
+ *
+ * Componente standalone para mostrar ads de Google AdSense.
+ * Se integra automaticamente con el servicio de Ads y respeta consent + premium.
+ *
+ * @example
+ * ```html
+ * <!-- Banner basico -->
+ * <val-ad-slot
+ *   slotId="homepage-top"
+ *   format="horizontal"
+ *   [fullWidth]="true"
+ * />
+ *
+ * <!-- Rectangle ad -->
+ * <val-ad-slot
+ *   slotId="sidebar-ad"
+ *   adSlot="1234567890"
+ *   format="rectangle"
+ * />
+ *
+ * <!-- Auto format (Google decides) -->
+ * <val-ad-slot
+ *   slotId="article-ad"
+ *   format="auto"
+ *   [fullWidth]="true"
+ * />
+ * ```
+ */
+import { Component, Input, inject, signal, computed, PLATFORM_ID, ChangeDetectionStrategy, ElementRef, } from '@angular/core';
+import { CommonModule, isPlatformBrowser } from '@angular/common';
+import { AdsService } from '../../../services/ads/ads.service';
+import * as i0 from "@angular/core";
+export class AdSlotComponent {
+    constructor() {
+        this.adsService = inject(AdsService);
+        this.platformId = inject(PLATFORM_ID);
+        this.elementRef = inject(ElementRef);
+        /** Formato del ad */
+        this.format = 'auto';
+        /** Full width responsive */
+        this.fullWidth = true;
+        /** CSS class adicional */
+        this.cssClass = '';
+        /** Altura minima */
+        this.minHeight = '90px';
+        /** Mostrar skeleton */
+        this.showSkeleton = true;
+        // ===========================================================================
+        // ESTADO
+        // ===========================================================================
+        this._state = signal('idle');
+        this.state = this._state.asReadonly();
+        this.adInitialized = false;
+        /** Indica si el componente debe renderizarse */
+        this.shouldRender = computed(() => {
+            // No renderizar en SSR
+            if (!isPlatformBrowser(this.platformId)) {
+                return false;
+            }
+            // No renderizar si usuario es premium
+            if (this.adsService.isPremiumUser()) {
+                return false;
+            }
+            // No renderizar si ads estan deshabilitados y aun no inicializado
+            if (!this.adsService.isInitialized()) {
+                return false;
+            }
+            return true;
+        });
+        /**
+         * Indica si debe mostrar placeholder en vez de ad real.
+         * Activo en localhost o con Publisher ID placeholder.
+         */
+        this.isPlaceholderMode = computed(() => {
+            if (!isPlatformBrowser(this.platformId)) {
+                return false;
+            }
+            const adClient = this.adsService.adClient();
+            const isLocalhost = window.location.hostname === 'localhost' ||
+                window.location.hostname === '127.0.0.1';
+            const isPlaceholderClient = !adClient ||
+                adClient === 'ca-pub-0000000000000000' ||
+                adClient.includes('0000000000');
+            return isLocalhost || isPlaceholderClient;
+        });
+    }
+    // ===========================================================================
+    // LIFECYCLE
+    // ===========================================================================
+    async ngOnInit() {
+        if (!this.shouldRender()) {
+            return;
+        }
+        this._state.set('loading');
+    }
+    async ngAfterViewInit() {
+        if (!this.shouldRender() || this.adInitialized) {
+            return;
+        }
+        // En modo placeholder, solo marcar como rendered
+        if (this.isPlaceholderMode()) {
+            this._state.set('rendered');
+            this.adInitialized = true;
+            if (this.adsService.isDebugMode()) {
+                console.log(`[ValtechAds] Ad slot '${this.slotId}' in PLACEHOLDER mode (localhost or invalid adClient)`);
+            }
+            return;
+        }
+        await this.initializeAd();
+    }
+    ngOnDestroy() {
+        // AdSense no requiere cleanup manual como GPT
+        this.adInitialized = false;
+    }
+    // ===========================================================================
+    // PRIVATE
+    // ===========================================================================
+    async initializeAd() {
+        try {
+            // Registrar slot y cargar AdSense si no esta cargado
+            const success = await this.adsService.registerSlot(this.slotId);
+            if (success) {
+                this._state.set('rendered');
+                this.adInitialized = true;
+                if (this.adsService.isDebugMode()) {
+                    console.log(`[ValtechAds] Ad slot '${this.slotId}' rendered`, {
+                        format: this.format,
+                        adSlot: this.adSlot,
+                        fullWidth: this.fullWidth,
+                    });
+                }
+            }
+            else {
+                this._state.set('empty');
+            }
+        }
+        catch (error) {
+            console.error(`[ValtechAds] Error initializing ad slot '${this.slotId}':`, error);
+            this._state.set('error');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AdSlotComponent, isStandalone: true, selector: "val-ad-slot", inputs: { slotId: "slotId", adSlot: "adSlot", format: "format", fullWidth: "fullWidth", cssClass: "cssClass", minHeight: "minHeight", showSkeleton: "showSkeleton" }, ngImport: i0, template: `
+    @if (shouldRender()) {
+      <div
+        class="val-ad-slot"
+        [class.val-ad-slot--loading]="state() === 'loading'"
+        [class.val-ad-slot--rendered]="state() === 'rendered'"
+        [class.val-ad-slot--empty]="state() === 'empty'"
+        [class.val-ad-slot--hidden]="state() === 'hidden'"
+        [class.val-ad-slot--placeholder]="isPlaceholderMode()"
+        [class]="cssClass"
+        [style.min-height]="minHeight"
+      >
+        <!-- Placeholder mode (desarrollo local) -->
+        @if (isPlaceholderMode()) {
+          <div class="val-ad-slot__placeholder" [style.height]="minHeight">
+            <div class="val-ad-slot__placeholder-content">
+              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <rect x="3" y="3" width="18" height="18" rx="2" ry="2"/>
+                <line x1="3" y1="9" x2="21" y2="9"/>
+                <line x1="9" y1="21" x2="9" y2="9"/>
+              </svg>
+              <span class="val-ad-slot__placeholder-label">Ad Placeholder</span>
+              <span class="val-ad-slot__placeholder-info">{{ slotId }} | {{ format }}</span>
+            </div>
+          </div>
+        } @else {
+          <!-- Skeleton mientras carga -->
+          @if (showSkeleton && state() === 'loading') {
+            <div
+              class="val-ad-slot__skeleton"
+              [style.height]="minHeight"
+            ></div>
+          }
+
+          <!-- AdSense ins element -->
+          <ins
+            class="adsbygoogle val-ad-slot__container"
+            [class.val-ad-slot__container--hidden]="state() === 'loading' && showSkeleton"
+            [style.display]="'block'"
+            [attr.data-ad-client]="adsService.adClient()"
+            [attr.data-ad-slot]="adSlot || null"
+            [attr.data-ad-format]="format"
+            [attr.data-full-width-responsive]="fullWidth ? 'true' : null"
+          ></ins>
+        }
+
+        <!-- Debug info -->
+        @if (adsService.isDebugMode()) {
+          <div class="val-ad-slot__debug">
+            <small>{{ slotId }} | {{ format }} | {{ state() }}{{ isPlaceholderMode() ? ' | PLACEHOLDER' : '' }}</small>
+          </div>
+        }
+      </div>
+    }
+  `, isInline: true, styles: [".val-ad-slot{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%}.val-ad-slot--loading{background-color:var(--ion-color-light, #f4f4f4)}.val-ad-slot--empty,.val-ad-slot--hidden{display:none!important}.val-ad-slot__skeleton{width:100%;background:linear-gradient(90deg,var(--ion-color-light, #f4f4f4) 25%,var(--ion-color-light-shade, #e0e0e0) 50%,var(--ion-color-light, #f4f4f4) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.val-ad-slot__container{width:100%}.val-ad-slot__container--hidden{visibility:hidden;position:absolute}.val-ad-slot__placeholder{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;border:2px dashed rgba(255,255,255,.4)}.val-ad-slot__placeholder-content{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;text-align:center}.val-ad-slot__placeholder-content svg{opacity:.8}.val-ad-slot__placeholder-label{font-weight:600;font-size:14px;letter-spacing:.5px}.val-ad-slot__placeholder-info{font-size:11px;opacity:.7;font-family:monospace}.val-ad-slot__debug{position:absolute;bottom:0;left:0;background:#000000b3;color:#fff;padding:2px 6px;font-size:10px;z-index:1000;font-family:monospace}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdSlotComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-ad-slot', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    @if (shouldRender()) {
+      <div
+        class="val-ad-slot"
+        [class.val-ad-slot--loading]="state() === 'loading'"
+        [class.val-ad-slot--rendered]="state() === 'rendered'"
+        [class.val-ad-slot--empty]="state() === 'empty'"
+        [class.val-ad-slot--hidden]="state() === 'hidden'"
+        [class.val-ad-slot--placeholder]="isPlaceholderMode()"
+        [class]="cssClass"
+        [style.min-height]="minHeight"
+      >
+        <!-- Placeholder mode (desarrollo local) -->
+        @if (isPlaceholderMode()) {
+          <div class="val-ad-slot__placeholder" [style.height]="minHeight">
+            <div class="val-ad-slot__placeholder-content">
+              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <rect x="3" y="3" width="18" height="18" rx="2" ry="2"/>
+                <line x1="3" y1="9" x2="21" y2="9"/>
+                <line x1="9" y1="21" x2="9" y2="9"/>
+              </svg>
+              <span class="val-ad-slot__placeholder-label">Ad Placeholder</span>
+              <span class="val-ad-slot__placeholder-info">{{ slotId }} | {{ format }}</span>
+            </div>
+          </div>
+        } @else {
+          <!-- Skeleton mientras carga -->
+          @if (showSkeleton && state() === 'loading') {
+            <div
+              class="val-ad-slot__skeleton"
+              [style.height]="minHeight"
+            ></div>
+          }
+
+          <!-- AdSense ins element -->
+          <ins
+            class="adsbygoogle val-ad-slot__container"
+            [class.val-ad-slot__container--hidden]="state() === 'loading' && showSkeleton"
+            [style.display]="'block'"
+            [attr.data-ad-client]="adsService.adClient()"
+            [attr.data-ad-slot]="adSlot || null"
+            [attr.data-ad-format]="format"
+            [attr.data-full-width-responsive]="fullWidth ? 'true' : null"
+          ></ins>
+        }
+
+        <!-- Debug info -->
+        @if (adsService.isDebugMode()) {
+          <div class="val-ad-slot__debug">
+            <small>{{ slotId }} | {{ format }} | {{ state() }}{{ isPlaceholderMode() ? ' | PLACEHOLDER' : '' }}</small>
+          </div>
+        }
+      </div>
+    }
+  `, styles: [".val-ad-slot{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%}.val-ad-slot--loading{background-color:var(--ion-color-light, #f4f4f4)}.val-ad-slot--empty,.val-ad-slot--hidden{display:none!important}.val-ad-slot__skeleton{width:100%;background:linear-gradient(90deg,var(--ion-color-light, #f4f4f4) 25%,var(--ion-color-light-shade, #e0e0e0) 50%,var(--ion-color-light, #f4f4f4) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.val-ad-slot__container{width:100%}.val-ad-slot__container--hidden{visibility:hidden;position:absolute}.val-ad-slot__placeholder{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;border:2px dashed rgba(255,255,255,.4)}.val-ad-slot__placeholder-content{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;text-align:center}.val-ad-slot__placeholder-content svg{opacity:.8}.val-ad-slot__placeholder-label{font-weight:600;font-size:14px;letter-spacing:.5px}.val-ad-slot__placeholder-info{font-size:11px;opacity:.7;font-family:monospace}.val-ad-slot__debug{position:absolute;bottom:0;left:0;background:#000000b3;color:#fff;padding:2px 6px;font-size:10px;z-index:1000;font-family:monospace}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}\n"] }]
+        }], propDecorators: { slotId: [{
+                type: Input,
+                args: [{ required: true }]
+            }], adSlot: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], fullWidth: [{
+                type: Input
+            }], cssClass: [{
+                type: Input
+            }], minHeight: [{
+                type: Input
+            }], showSkeleton: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWQtc2xvdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL2FkLXNsb3QvYWQtc2xvdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNkJHO0FBRUgsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBR0wsTUFBTSxFQUNOLE1BQU0sRUFDTixRQUFRLEVBQ1IsV0FBVyxFQUNYLHVCQUF1QixFQUN2QixVQUFVLEdBRVgsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUFxSy9ELE1BQU0sT0FBTyxlQUFlO0lBbEs1QjtRQW1LVyxlQUFVLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3hCLGVBQVUsR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDakMsZUFBVSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQVlqRCxxQkFBcUI7UUFDWixXQUFNLEdBQWEsTUFBTSxDQUFDO1FBRW5DLDRCQUE0QjtRQUNuQixjQUFTLEdBQUcsSUFBSSxDQUFDO1FBRTFCLDBCQUEwQjtRQUNqQixhQUFRLEdBQUcsRUFBRSxDQUFDO1FBRXZCLG9CQUFvQjtRQUNYLGNBQVMsR0FBRyxNQUFNLENBQUM7UUFFNUIsdUJBQXVCO1FBQ2QsaUJBQVksR0FBRyxJQUFJLENBQUM7UUFFN0IsOEVBQThFO1FBQzlFLFNBQVM7UUFDVCw4RUFBOEU7UUFFN0QsV0FBTSxHQUFHLE1BQU0sQ0FBYyxNQUFNLENBQUMsQ0FBQztRQUM3QyxVQUFLLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQztR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Z0JBR0csU0FBUztzQkFBakIsS0FBSztnQkFHRyxRQUFRO3NCQUFoQixLQUFLO2dCQUdHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBR0csWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQWQgU2xvdCBDb21wb25lbnRcbiAqXG4gKiBDb21wb25lbnRlIHN0YW5kYWxvbmUgcGFyYSBtb3N0cmFyIGFkcyBkZSBHb29nbGUgQWRTZW5zZS5cbiAqIFNlIGludGVncmEgYXV0b21hdGljYW1lbnRlIGNvbiBlbCBzZXJ2aWNpbyBkZSBBZHMgeSByZXNwZXRhIGNvbnNlbnQgKyBwcmVtaXVtLlxuICpcbiAqIEBleGFtcGxlXG4gKiBgYGBodG1sXG4gKiA8IS0tIEJhbm5lciBiYXNpY28gLS0+XG4gKiA8dmFsLWFkLXNsb3RcbiAqICAgc2xvdElkPVwiaG9tZXBhZ2UtdG9wXCJcbiAqICAgZm9ybWF0PVwiaG9yaXpvbnRhbFwiXG4gKiAgIFtmdWxsV2lkdGhdPVwidHJ1ZVwiXG4gKiAvPlxuICpcbiAqIDwhLS0gUmVjdGFuZ2xlIGFkIC0tPlxuICogPHZhbC1hZC1zbG90XG4gKiAgIHNsb3RJZD1cInNpZGViYXItYWRcIlxuICogICBhZFNsb3Q9XCIxMjM0NTY3ODkwXCJcbiAqICAgZm9ybWF0PVwicmVjdGFuZ2xlXCJcbiAqIC8+XG4gKlxuICogPCEtLSBBdXRvIGZvcm1hdCAoR29vZ2xlIGRlY2lkZXMpIC0tPlxuICogPHZhbC1hZC1zbG90XG4gKiAgIHNsb3RJZD1cImFydGljbGUtYWRcIlxuICogICBmb3JtYXQ9XCJhdXRvXCJcbiAqICAgW2Z1bGxXaWR0aF09XCJ0cnVlXCJcbiAqIC8+XG4gKiBgYGBcbiAqL1xuXG5pbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE9uRGVzdHJveSxcbiAgaW5qZWN0LFxuICBzaWduYWwsXG4gIGNvbXB1dGVkLFxuICBQTEFURk9STV9JRCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIEVsZW1lbnRSZWYsXG4gIEFmdGVyVmlld0luaXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlLCBpc1BsYXRmb3JtQnJvd3NlciB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBZHNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvYWRzL2Fkcy5zZXJ2aWNlJztcbmltcG9ydCB7IEFkRm9ybWF0LCBBZFNsb3RTdGF0ZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2Fkcy90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1hZC1zbG90JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICB0ZW1wbGF0ZTogYFxuICAgIEBpZiAoc2hvdWxkUmVuZGVyKCkpIHtcbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJ2YWwtYWQtc2xvdFwiXG4gICAgICAgIFtjbGFzcy52YWwtYWQtc2xvdC0tbG9hZGluZ109XCJzdGF0ZSgpID09PSAnbG9hZGluZydcIlxuICAgICAgICBbY2xhc3MudmFsLWFkLXNsb3QtLXJlbmRlcmVkXT1cInN0YXRlKCkgPT09ICdyZW5kZXJlZCdcIlxuICAgICAgICBbY2xhc3MudmFsLWFkLXNsb3QtLWVtcHR5XT1cInN0YXRlKCkgPT09ICdlbXB0eSdcIlxuICAgICAgICBbY2xhc3MudmFsLWFkLXNsb3QtLWhpZGRlbl09XCJzdGF0ZSgpID09PSAnaGlkZGVuJ1wiXG4gICAgICAgIFtjbGFzcy52YWwtYWQtc2xvdC0tcGxhY2Vob2xkZXJdPVwiaXNQbGFjZWhvbGRlck1vZGUoKVwiXG4gICAgICAgIFtjbGFzc109XCJjc3NDbGFzc1wiXG4gICAgICAgIFtzdHlsZS5taW4taGVpZ2h0XT1cIm1pbkhlaWdodFwiXG4gICAgICA+XG4gICAgICAgIDwhLS0gUGxhY2Vob2xkZXIgbW9kZSAoZGVzYXJyb2xsbyBsb2NhbCkgLS0+XG4gICAgICAgIEBpZiAoaXNQbGFjZWhvbGRlck1vZGUoKSkge1xuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWwtYWQtc2xvdF9fcGxhY2Vob2xkZXJcIiBbc3R5bGUuaGVpZ2h0XT1cIm1pbkhlaWdodFwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZhbC1hZC1zbG90X19wbGFjZWhvbGRlci1jb250ZW50XCI+XG4gICAgICAgICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMjRcIiBoZWlnaHQ9XCIyNFwiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBmaWxsPVwibm9uZVwiIHN0cm9rZT1cImN1cnJlbnRDb2xvclwiIHN0cm9rZS13aWR0aD1cIjJcIj5cbiAgICAgICAgICAgICAgICA8cmVjdCB4PVwiM1wiIHk9XCIzXCIgd2lkdGg9XCIxOFwiIGhlaWdodD1cIjE4XCIgcng9XCIyXCIgcnk9XCIyXCIvPlxuICAgICAgICAgICAgICAgIDxsaW5lIHgxPVwiM1wiIHkxPVwiOVwiIHgyPVwiMjFcIiB5Mj1cIjlcIi8+XG4gICAgICAgICAgICAgICAgPGxpbmUgeDE9XCI5XCIgeTE9XCIyMVwiIHgyPVwiOVwiIHkyPVwiOVwiLz5cbiAgICAgICAgICAgICAgPC9zdmc+XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidmFsLWFkLXNsb3RfX3BsYWNlaG9sZGVyLWxhYmVsXCI+QWQgUGxhY2Vob2xkZXI8L3NwYW4+XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidmFsLWFkLXNsb3RfX3BsYWNlaG9sZGVyLWluZm9cIj57eyBzbG90SWQgfX0gfCB7eyBmb3JtYXQgfX08L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgPCEtLSBTa2VsZXRvbiBtaWVudHJhcyBjYXJnYSAtLT5cbiAgICAgICAgICBAaWYgKHNob3dTa2VsZXRvbiAmJiBzdGF0ZSgpID09PSAnbG9hZGluZycpIHtcbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY2xhc3M9XCJ2YWwtYWQtc2xvdF9fc2tlbGV0b25cIlxuICAgICAgICAgICAgICBbc3R5bGUuaGVpZ2h0XT1cIm1pbkhlaWdodFwiXG4gICAgICAgICAgICA+PC9kaXY+XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgPCEtLSBBZFNlbnNlIGlucyBlbGVtZW50IC0tPlxuICAgICAgICAgIDxpbnNcbiAgICAgICAgICAgIGNsYXNzPVwiYWRzYnlnb29nbGUgdmFsLWFkLXNsb3RfX2NvbnRhaW5lclwiXG4gICAgICAgICAgICBbY2xhc3MudmFsLWFkLXNsb3RfX2NvbnRhaW5lci0taGlkZGVuXT1cInN0YXRlKCkgPT09ICdsb2FkaW5nJyAmJiBzaG93U2tlbGV0b25cIlxuICAgICAgICAgICAgW3N0eWxlLmRpc3BsYXldPVwiJ2Jsb2NrJ1wiXG4gICAgICAgICAgICBbYXR0ci5kYXRhLWFkLWNsaWVudF09XCJhZHNTZXJ2aWNlLmFkQ2xpZW50KClcIlxuICAgICAgICAgICAgW2F0dHIuZGF0YS1hZC1zbG90XT1cImFkU2xvdCB8fCBudWxsXCJcbiAgICAgICAgICAgIFthdHRyLmRhdGEtYWQtZm9ybWF0XT1cImZvcm1hdFwiXG4gICAgICAgICAgICBbYXR0ci5kYXRhLWZ1bGwtd2lkdGgtcmVzcG9uc2l2ZV09XCJmdWxsV2lkdGggPyAndHJ1ZScgOiBudWxsXCJcbiAgICAgICAgICA+PC9pbnM+XG4gICAgICAgIH1cblxuICAgICAgICA8IS0tIERlYnVnIGluZm8gLS0+XG4gICAgICAgIEBpZiAoYWRzU2VydmljZS5pc0RlYnVnTW9kZSgpKSB7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInZhbC1hZC1zbG90X19kZWJ1Z1wiPlxuICAgICAgICAgICAgPHNtYWxsPnt7IHNsb3RJZCB9fSB8IHt7IGZvcm1hdCB9fSB8IHt7IHN0YXRlKCkgfX17eyBpc1BsYWNlaG9sZGVyTW9kZSgpID8gJyB8IFBMQUNFSE9MREVSJyA6ICcnIH19PC9zbWFsbD5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG4gICAgfVxuICBgLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgICAudmFsLWFkLXNsb3Qge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgIH1cblxuICAgICAgLnZhbC1hZC1zbG90LS1sb2FkaW5nIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW9uLWNvbG9yLWxpZ2h0LCAjZjRmNGY0KTtcbiAgICAgIH1cblxuICAgICAgLnZhbC1hZC1zbG90LS1lbXB0eSxcbiAgICAgIC52YWwtYWQtc2xvdC0taGlkZGVuIHtcbiAgICAgICAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xuICAgICAgfVxuXG4gICAgICAudmFsLWFkLXNsb3RfX3NrZWxldG9uIHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgICA5MGRlZyxcbiAgICAgICAgICB2YXIoLS1pb24tY29sb3ItbGlnaHQsICNmNGY0ZjQpIDI1JSxcbiAgICAgICAgICB2YXIoLS1pb24tY29sb3ItbGlnaHQtc2hhZGUsICNlMGUwZTApIDUwJSxcbiAgICAgICAgICB2YXIoLS1pb24tY29sb3ItbGlnaHQsICNmNGY0ZjQpIDc1JVxuICAgICAgICApO1xuICAgICAgICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTtcbiAgICAgICAgYW5pbWF0aW9uOiBza2VsZXRvbi1sb2FkaW5nIDEuNXMgaW5maW5pdGU7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICAgIH1cblxuICAgICAgLnZhbC1hZC1zbG90X19jb250YWluZXIge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgIH1cblxuICAgICAgLnZhbC1hZC1zbG90X19jb250YWluZXItLWhpZGRlbiB7XG4gICAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgfVxuXG4gICAgICAvKiBQbGFjZWhvbGRlciBzdHlsZXMgKi9cbiAgICAgIC52YWwtYWQtc2xvdF9fcGxhY2Vob2xkZXIge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDEzNWRlZywgIzY2N2VlYSAwJSwgIzc2NGJhMiAxMDAlKTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogOHB4O1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgY29sb3I6IHdoaXRlO1xuICAgICAgICBib3JkZXI6IDJweCBkYXNoZWQgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQpO1xuICAgICAgfVxuXG4gICAgICAudmFsLWFkLXNsb3RfX3BsYWNlaG9sZGVyLWNvbnRlbnQge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgcGFkZGluZzogMTZweDtcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgfVxuXG4gICAgICAudmFsLWFkLXNsb3RfX3BsYWNlaG9sZGVyLWNvbnRlbnQgc3ZnIHtcbiAgICAgICAgb3BhY2l0eTogMC44O1xuICAgICAgfVxuXG4gICAgICAudmFsLWFkLXNsb3RfX3BsYWNlaG9sZGVyLWxhYmVsIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogMC41cHg7XG4gICAgICB9XG5cbiAgICAgIC52YWwtYWQtc2xvdF9fcGxhY2Vob2xkZXItaW5mbyB7XG4gICAgICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICAgICAgb3BhY2l0eTogMC43O1xuICAgICAgICBmb250LWZhbWlseTogbW9ub3NwYWNlO1xuICAgICAgfVxuXG4gICAgICAudmFsLWFkLXNsb3RfX2RlYnVnIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC43KTtcbiAgICAgICAgY29sb3I6IHdoaXRlO1xuICAgICAgICBwYWRkaW5nOiAycHggNnB4O1xuICAgICAgICBmb250LXNpemU6IDEwcHg7XG4gICAgICAgIHotaW5kZXg6IDEwMDA7XG4gICAgICAgIGZvbnQtZmFtaWx5OiBtb25vc3BhY2U7XG4gICAgICB9XG5cbiAgICAgIEBrZXlmcmFtZXMgc2tlbGV0b24tbG9hZGluZyB7XG4gICAgICAgIDAlIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAyMDAlIDA7XG4gICAgICAgIH1cbiAgICAgICAgMTAwJSB7XG4gICAgICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTIwMCUgMDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIGAsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEFkU2xvdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95LCBBZnRlclZpZXdJbml0IHtcbiAgcmVhZG9ubHkgYWRzU2VydmljZSA9IGluamVjdChBZHNTZXJ2aWNlKTtcbiAgcHJpdmF0ZSByZWFkb25seSBwbGF0Zm9ybUlkID0gaW5qZWN0KFBMQVRGT1JNX0lEKTtcbiAgcHJpdmF0ZSByZWFkb25seSBlbGVtZW50UmVmID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuXG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuICAvLyBJTlBVVFMgKENvbmZpZ3VyYWNpb24gZGVsIHNsb3QpXG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG4gIC8qKiBJRCB1bmljbyBkZWwgc2xvdCAocGFyYSB0cmFja2luZyBpbnRlcm5vKSAqL1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBzbG90SWQhOiBzdHJpbmc7XG5cbiAgLyoqIEFkIFNsb3QgSUQgZGUgQWRTZW5zZSAob3BjaW9uYWwsIHBhcmEgdW5pZGFkZXMgbWFudWFsZXMpICovXG4gIEBJbnB1dCgpIGFkU2xvdD86IHN0cmluZztcblxuICAvKiogRm9ybWF0byBkZWwgYWQgKi9cbiAgQElucHV0KCkgZm9ybWF0OiBBZEZvcm1hdCA9ICdhdXRvJztcblxuICAvKiogRnVsbCB3aWR0aCByZXNwb25zaXZlICovXG4gIEBJbnB1dCgpIGZ1bGxXaWR0aCA9IHRydWU7XG5cbiAgLyoqIENTUyBjbGFzcyBhZGljaW9uYWwgKi9cbiAgQElucHV0KCkgY3NzQ2xhc3MgPSAnJztcblxuICAvKiogQWx0dXJhIG1pbmltYSAqL1xuICBASW5wdXQoKSBtaW5IZWlnaHQgPSAnOTBweCc7XG5cbiAgLyoqIE1vc3RyYXIgc2tlbGV0b24gKi9cbiAgQElucHV0KCkgc2hvd1NrZWxldG9uID0gdHJ1ZTtcblxuICAvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgLy8gRVNUQURPXG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG4gIHByaXZhdGUgcmVhZG9ubHkgX3N0YXRlID0gc2lnbmFsPEFkU2xvdFN0YXRlPignaWRsZScpO1xuICByZWFkb25seSBzdGF0ZSA9IHRoaXMuX3N0YXRlLmFzUmVhZG9ubHkoKTtcbiAgcHJpdmF0ZSBhZEluaXRpYWxpemVkID0gZmFsc2U7XG5cbiAgLyoqIEluZGljYSBzaSBlbCBjb21wb25lbnRlIGRlYmUgcmVuZGVyaXphcnNlICovXG4gIHJlYWRvbmx5IHNob3VsZFJlbmRlciA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICAvLyBObyByZW5kZXJpemFyIGVuIFNTUlxuICAgIGlmICghaXNQbGF0Zm9ybUJyb3dzZXIodGhpcy5wbGF0Zm9ybUlkKSkge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cblxuICAgIC8vIE5vIHJlbmRlcml6YXIgc2kgdXN1YXJpbyBlcyBwcmVtaXVtXG4gICAgaWYgKHRoaXMuYWRzU2VydmljZS5pc1ByZW1pdW1Vc2VyKCkpIHtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG5cbiAgICAvLyBObyByZW5kZXJpemFyIHNpIGFkcyBlc3RhbiBkZXNoYWJpbGl0YWRvcyB5IGF1biBubyBpbmljaWFsaXphZG9cbiAgICBpZiAoIXRoaXMuYWRzU2VydmljZS5pc0luaXRpYWxpemVkKCkpIHtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG5cbiAgICByZXR1cm4gdHJ1ZTtcbiAgfSk7XG5cbiAgLyoqXG4gICAqIEluZGljYSBzaSBkZWJlIG1vc3RyYXIgcGxhY2Vob2xkZXIgZW4gdmV6IGRlIGFkIHJlYWwuXG4gICAqIEFjdGl2byBlbiBsb2NhbGhvc3QgbyBjb24gUHVibGlzaGVyIElEIHBsYWNlaG9sZGVyLlxuICAgKi9cbiAgcmVhZG9ubHkgaXNQbGFjZWhvbGRlck1vZGUgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgaWYgKCFpc1BsYXRmb3JtQnJvd3Nlcih0aGlzLnBsYXRmb3JtSWQpKSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuXG4gICAgY29uc3QgYWRDbGllbnQgPSB0aGlzLmFkc1NlcnZpY2UuYWRDbGllbnQoKTtcbiAgICBjb25zdCBpc0xvY2FsaG9zdCA9IHdpbmRvdy5sb2NhdGlvbi5ob3N0bmFtZSA9PT0gJ2xvY2FsaG9zdCcgfHxcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpbmRvdy5sb2NhdGlvbi5ob3N0bmFtZSA9PT0gJzEyNy4wLjAuMSc7XG4gICAgY29uc3QgaXNQbGFjZWhvbGRlckNsaWVudCA9ICFhZENsaWVudCB8fFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYWRDbGllbnQgPT09ICdjYS1wdWItMDAwMDAwMDAwMDAwMDAwMCcgfHxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFkQ2xpZW50LmluY2x1ZGVzKCcwMDAwMDAwMDAwJyk7XG5cbiAgICByZXR1cm4gaXNMb2NhbGhvc3QgfHwgaXNQbGFjZWhvbGRlckNsaWVudDtcbiAgfSk7XG5cbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4gIC8vIExJRkVDWUNMRVxuICAvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuICBhc3luYyBuZ09uSW5pdCgpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBpZiAoIXRoaXMuc2hvdWxkUmVuZGVyKCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLl9zdGF0ZS5zZXQoJ2xvYWRpbmcnKTtcbiAgfVxuXG4gIGFzeW5jIG5nQWZ0ZXJWaWV3SW5pdCgpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBpZiAoIXRoaXMuc2hvdWxkUmVuZGVyKCkgfHwgdGhpcy5hZEluaXRpYWxpemVkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgLy8gRW4gbW9kbyBwbGFjZWhvbGRlciwgc29sbyBtYXJjYXIgY29tbyByZW5kZXJlZFxuICAgIGlmICh0aGlzLmlzUGxhY2Vob2xkZXJNb2RlKCkpIHtcbiAgICAgIHRoaXMuX3N0YXRlLnNldCgncmVuZGVyZWQnKTtcbiAgICAgIHRoaXMuYWRJbml0aWFsaXplZCA9IHRydWU7XG5cbiAgICAgIGlmICh0aGlzLmFkc1NlcnZpY2UuaXNEZWJ1Z01vZGUoKSkge1xuICAgICAgICBjb25zb2xlLmxvZyhgW1ZhbHRlY2hBZHNdIEFkIHNsb3QgJyR7dGhpcy5zbG90SWR9JyBpbiBQTEFDRUhPTERFUiBtb2RlIChsb2NhbGhvc3Qgb3IgaW52YWxpZCBhZENsaWVudClgKTtcbiAgICAgIH1cbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBhd2FpdCB0aGlzLmluaXRpYWxpemVBZCgpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgLy8gQWRTZW5zZSBubyByZXF1aWVyZSBjbGVhbnVwIG1hbnVhbCBjb21vIEdQVFxuICAgIHRoaXMuYWRJbml0aWFsaXplZCA9IGZhbHNlO1xuICB9XG5cbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4gIC8vIFBSSVZBVEVcbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG5cbiAgcHJpdmF0ZSBhc3luYyBpbml0aWFsaXplQWQoKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgdHJ5IHtcbiAgICAgIC8vIFJlZ2lzdHJhciBzbG90IHkgY2FyZ2FyIEFkU2Vuc2Ugc2kgbm8gZXN0YSBjYXJnYWRvXG4gICAgICBjb25zdCBzdWNjZXNzID0gYXdhaXQgdGhpcy5hZHNTZXJ2aWNlLnJlZ2lzdGVyU2xvdCh0aGlzLnNsb3RJZCk7XG5cbiAgICAgIGlmIChzdWNjZXNzKSB7XG4gICAgICAgIHRoaXMuX3N0YXRlLnNldCgncmVuZGVyZWQnKTtcbiAgICAgICAgdGhpcy5hZEluaXRpYWxpemVkID0gdHJ1ZTtcblxuICAgICAgICBpZiAodGhpcy5hZHNTZXJ2aWNlLmlzRGVidWdNb2RlKCkpIHtcbiAgICAgICAgICBjb25zb2xlLmxvZyhgW1ZhbHRlY2hBZHNdIEFkIHNsb3QgJyR7dGhpcy5zbG90SWR9JyByZW5kZXJlZGAsIHtcbiAgICAgICAgICAgIGZvcm1hdDogdGhpcy5mb3JtYXQsXG4gICAgICAgICAgICBhZFNsb3Q6IHRoaXMuYWRTbG90LFxuICAgICAgICAgICAgZnVsbFdpZHRoOiB0aGlzLmZ1bGxXaWR0aCxcbiAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5fc3RhdGUuc2V0KCdlbXB0eScpO1xuICAgICAgfVxuICAgIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgICBjb25zb2xlLmVycm9yKGBbVmFsdGVjaEFkc10gRXJyb3IgaW5pdGlhbGl6aW5nIGFkIHNsb3QgJyR7dGhpcy5zbG90SWR9JzpgLCBlcnJvcik7XG4gICAgICB0aGlzLl9zdGF0ZS5zZXQoJ2Vycm9yJyk7XG4gICAgfVxuICB9XG59XG4iXX0=

package/esm2022/lib/components/molecules/alert-box/alert-box.component.mjs

@@ -0,0 +1,119 @@
+import { CommonModule } from '@angular/common';
+import { Component, inject, Input } from '@angular/core';
+import { PresetService } from '../../../services/presets';
+import { BoxComponent } from '../../atoms/box/box.component';
+import { IconComponent } from '../../atoms/icon/icon.component';
+import { TextComponent } from '../../atoms/text/text.component';
+import * as i0 from "@angular/core";
+/**
+ * val-alert-box
+ *
+ * Displays an alert box with an icon and text, using a styled box container.
+ * Supports presets for reusable configurations.
+ *
+ * @example With preset (recommended):
+ * <val-alert-box preset="warning" [props]="{ text: 'Advertencia!' }"></val-alert-box>
+ *
+ * @example Static (backwards compatible):
+ * <val-alert-box [props]="{ box: {...}, icon: {...}, text: { content: 'Alerta' } }"></val-alert-box>
+ *
+ * @input preset: string - Name of preset to apply (e.g., 'info', 'success', 'warning', 'error')
+ * @input props: AlertBoxMetadata | ReactiveAlertBoxMetadata - Configuration for the alert box (overrides preset values)
+ */
+export class AlertBoxComponent {
+    constructor() {
+        this.presets = inject(PresetService);
+        /**
+         * Alert box configuration object. Values here override preset values.
+         * Supports both legacy AlertBoxMetadata and ReactiveAlertBoxMetadata patterns.
+         */
+        this.props = {};
+        /**
+         * Resolved props after merging preset + explicit props.
+         */
+        this.resolvedProps = {};
+    }
+    /** Whether this is using the legacy props pattern */
+    get isLegacyProps() {
+        return 'text' in this.resolvedProps && typeof this.resolvedProps.text === 'object';
+    }
+    /** Get text props for legacy pattern */
+    getLegacyTextProps() {
+        return this.resolvedProps.text;
+    }
+    ngOnInit() {
+        this.resolveProps();
+        if (!this.isLegacyProps) {
+            this.initializeTextProps();
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes['preset'] || changes['props']) {
+            this.resolveProps();
+            if (!this.isLegacyProps) {
+                this.initializeTextProps();
+            }
+        }
+    }
+    /**
+     * Merge preset configuration with explicit props.
+     * Explicit props take precedence over preset values.
+     */
+    resolveProps() {
+        const presetProps = this.preset
+            ? this.presets.get('alertBox', this.preset)
+            : {};
+        this.resolvedProps = {
+            ...presetProps,
+            ...this.props,
+        };
+    }
+    initializeTextProps() {
+        const reactiveProps = this.resolvedProps;
+        // Base text properties with styling
+        this.computedTextProps = {
+            size: reactiveProps.textStyle?.size || 'medium',
+            color: reactiveProps.textStyle?.color,
+            bold: reactiveProps.textStyle?.bold || false,
+        };
+        // Add content - use static text only
+        if (reactiveProps.text !== undefined) {
+            this.computedTextProps.content = reactiveProps.text;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AlertBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AlertBoxComponent, isStandalone: true, selector: "val-alert-box", inputs: { preset: "preset", props: "props" }, usesOnChanges: true, ngImport: i0, template: `
+    <val-box [props]="resolvedProps.box">
+      <div class="content-container" body>
+        <val-icon [props]="resolvedProps.icon"></val-icon>
+        <!-- Support both legacy and reactive patterns -->
+        @if (isLegacyProps) {
+          <val-text class="text" [props]="getLegacyTextProps()" />
+        } @else {
+          <val-text class="text" [props]="computedTextProps" />
+        }
+      </div>
+    </val-box>
+  `, isInline: true, styles: [":root{--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}@media (prefers-color-scheme: dark){:root{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.text{margin-left:.25rem}.content-container{display:flex;align-items:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: BoxComponent, selector: "val-box", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: IconComponent, selector: "val-icon", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AlertBoxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-alert-box', standalone: true, imports: [CommonModule, BoxComponent, IconComponent, TextComponent], template: `
+    <val-box [props]="resolvedProps.box">
+      <div class="content-container" body>
+        <val-icon [props]="resolvedProps.icon"></val-icon>
+        <!-- Support both legacy and reactive patterns -->
+        @if (isLegacyProps) {
+          <val-text class="text" [props]="getLegacyTextProps()" />
+        } @else {
+          <val-text class="text" [props]="computedTextProps" />
+        }
+      </div>
+    </val-box>
+  `, styles: [":root{--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}@media (prefers-color-scheme: dark){:root{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.text{margin-left:.25rem}.content-container{display:flex;align-items:flex-start}\n"] }]
+        }], propDecorators: { preset: [{
+                type: Input
+            }], props: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9tb2xlY3VsZXMvYWxlcnQtYm94L2FsZXJ0LWJveC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBb0MsTUFBTSxlQUFlLENBQUM7QUFDM0YsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzFELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOztBQXNCaEU7Ozs7Ozs7Ozs7Ozs7O0dBY0c7QUFDSCxNQUFNLE9BQU8saUJBQWlCO0lBbEM5QjtRQW1DVSxZQUFPLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBV3hDOzs7V0FHRztRQUNNLFVBQUssR0FBeUQsRUFBRSxDQUFDO1FBRTFFOztXQUVHO1FBQ0gsa0JBQWEsR0FBZ0QsRUFBc0IsQ0FBQztLQTZEckY7SUF4REMscURBQXFEO0lBQ3JELElBQUksYUFBYTtRQUNmLE9BQU8sTUFBTSxJQUFJLElBQUksQ0FBQyxhQUFhLElBQUksT0FBUSxJQUFJLENBQUMsYUFBcUIsQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDO0lBQzlGLENBQUM7SUFFRCx3Q0FBd0M7SUFDeEMsa0JBQWtCO1FBQ2hCLE9BQVEsSUFBSSxDQUFDLGFBQWtDLENBQUMsSUFBSSxDQUFDO0lBQ3ZELENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDeEIsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7UUFDN0IsQ0FBQztJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDLElBQUksT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7WUFDMUMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7Z0JBQ3hCLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1lBQzdCLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQztJQUVEOzs7T0FHRztJQUNLLFlBQVk7UUFDbEIsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLE1BQU07WUFDN0IsQ0FBQyxDQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUEwRDtZQUNyRyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBRVAsSUFBSSxDQUFDLGFBQWEsR0FBRztZQUNuQixHQUFHLFdBQVc7WUFDZCxHQUFHLElBQUksQ0FBQyxLQUFLO1NBQ2lDLENBQUM7SUFDbkQsQ0FBQztJQUVPLG1CQUFtQjtRQUN6QixNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsYUFBeUMsQ0FBQztRQUVyRSxvQ0FBb0M7UUFDcEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHO1lBQ3ZCLElBQUksRUFBRSxhQUFhLENBQUMsU0FBUyxFQUFFLElBQUksSUFBSSxRQUFRO1lBQy9DLEtBQUssRUFBRSxhQUFhLENBQUMsU0FBUyxFQUFFLEtBQUs7WUFDckMsSUFBSSxFQUFFLGFBQWEsQ0FBQyxTQUFTLEVBQUUsSUFBSSxJQUFJLEtBQUs7U0FDN0MsQ0FBQztRQUVGLHFDQUFxQztRQUNyQyxJQUFJLGFBQWEsQ0FBQyxJQUFJLEtBQUssU0FBUyxFQUFFLENBQUM7WUFDckMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLE9BQU8sR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFDO1FBQ3RELENBQUM7SUFDSCxDQUFDOytHQWpGVSxpQkFBaUI7bUdBQWpCLGlCQUFpQiw0SUE5QmxCOzs7Ozs7Ozs7Ozs7R0FZVCwrcEZBYlMsWUFBWSwrQkFBRSxZQUFZLDZGQUFFLGFBQWEsd0VBQUUsYUFBYTs7NEZBK0J2RCxpQkFBaUI7a0JBbEM3QixTQUFTOytCQUNFLGVBQWUsY0FDYixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxhQUFhLENBQUMsWUFDekQ7Ozs7Ozs7Ozs7OztHQVlUOzhCQTRCUSxNQUFNO3NCQUFkLEtBQUs7Z0JBTUcsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgaW5qZWN0LCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFByZXNldFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9wcmVzZXRzJztcbmltcG9ydCB7IEJveENvbXBvbmVudCB9IGZyb20gJy4uLy4uL2F0b21zL2JveC9ib3guY29tcG9uZW50JztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICcuLi8uLi9hdG9tcy9pY29uL2ljb24uY29tcG9uZW50JztcbmltcG9ydCB7IFRleHRDb21wb25lbnQgfSBmcm9tICcuLi8uLi9hdG9tcy90ZXh0L3RleHQuY29tcG9uZW50JztcbmltcG9ydCB7IEFsZXJ0Qm94TWV0YWRhdGEsIFJlYWN0aXZlQWxlcnRCb3hNZXRhZGF0YSB9IGZyb20gJy4vdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtYWxlcnQtYm94JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQm94Q29tcG9uZW50LCBJY29uQ29tcG9uZW50LCBUZXh0Q29tcG9uZW50XSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8dmFsLWJveCBbcHJvcHNdPVwicmVzb2x2ZWRQcm9wcy5ib3hcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LWNvbnRhaW5lclwiIGJvZHk+XG4gICAgICAgIDx2YWwtaWNvbiBbcHJvcHNdPVwicmVzb2x2ZWRQcm9wcy5pY29uXCI+PC92YWwtaWNvbj5cbiAgICAgICAgPCEtLSBTdXBwb3J0IGJvdGggbGVnYWN5IGFuZCByZWFjdGl2ZSBwYXR0ZXJucyAtLT5cbiAgICAgICAgQGlmIChpc0xlZ2FjeVByb3BzKSB7XG4gICAgICAgICAgPHZhbC10ZXh0IGNsYXNzPVwidGV4dFwiIFtwcm9wc109XCJnZXRMZWdhY3lUZXh0UHJvcHMoKVwiIC8+XG4gICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgIDx2YWwtdGV4dCBjbGFzcz1cInRleHRcIiBbcHJvcHNdPVwiY29tcHV0ZWRUZXh0UHJvcHNcIiAvPlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICA8L3ZhbC1ib3g+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2FsZXJ0LWJveC5jb21wb25lbnQuc2NzcyddLFxufSlcbi8qKlxuICogdmFsLWFsZXJ0LWJveFxuICpcbiAqIERpc3BsYXlzIGFuIGFsZXJ0IGJveCB3aXRoIGFuIGljb24gYW5kIHRleHQsIHVzaW5nIGEgc3R5bGVkIGJveCBjb250YWluZXIuXG4gKiBTdXBwb3J0cyBwcmVzZXRzIGZvciByZXVzYWJsZSBjb25maWd1cmF0aW9ucy5cbiAqXG4gKiBAZXhhbXBsZSBXaXRoIHByZXNldCAocmVjb21tZW5kZWQpOlxuICogPHZhbC1hbGVydC1ib3ggcHJlc2V0PVwid2FybmluZ1wiIFtwcm9wc109XCJ7IHRleHQ6ICdBZHZlcnRlbmNpYSEnIH1cIj48L3ZhbC1hbGVydC1ib3g+XG4gKlxuICogQGV4YW1wbGUgU3RhdGljIChiYWNrd2FyZHMgY29tcGF0aWJsZSk6XG4gKiA8dmFsLWFsZXJ0LWJveCBbcHJvcHNdPVwieyBib3g6IHsuLi59LCBpY29uOiB7Li4ufSwgdGV4dDogeyBjb250ZW50OiAnQWxlcnRhJyB9IH1cIj48L3ZhbC1hbGVydC1ib3g+XG4gKlxuICogQGlucHV0IHByZXNldDogc3RyaW5nIC0gTmFtZSBvZiBwcmVzZXQgdG8gYXBwbHkgKGUuZy4sICdpbmZvJywgJ3N1Y2Nlc3MnLCAnd2FybmluZycsICdlcnJvcicpXG4gKiBAaW5wdXQgcHJvcHM6IEFsZXJ0Qm94TWV0YWRhdGEgfCBSZWFjdGl2ZUFsZXJ0Qm94TWV0YWRhdGEgLSBDb25maWd1cmF0aW9uIGZvciB0aGUgYWxlcnQgYm94IChvdmVycmlkZXMgcHJlc2V0IHZhbHVlcylcbiAqL1xuZXhwb3J0IGNsYXNzIEFsZXJ0Qm94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICBwcml2YXRlIHByZXNldHMgPSBpbmplY3QoUHJlc2V0U2VydmljZSk7XG5cbiAgLyoqXG4gICAqIFByZXNldCBuYW1lIHRvIGFwcGx5LiBQcmVzZXRzIGRlZmluZSByZXVzYWJsZSBhbGVydCBjb25maWd1cmF0aW9uc1xuICAgKiAoY29sb3IsIGljb24sIGJveCBzdHlsZSkgdGhhdCBjYW4gYmUgcmVnaXN0ZXJlZCBhdCBhcHAgbGV2ZWwuXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIDx2YWwtYWxlcnQtYm94IHByZXNldD1cIndhcm5pbmdcIiBbcHJvcHNdPVwieyB0ZXh0OiAnV2FybmluZyBtZXNzYWdlJyB9XCI+PC92YWwtYWxlcnQtYm94PlxuICAgKi9cbiAgQElucHV0KCkgcHJlc2V0Pzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBBbGVydCBib3ggY29uZmlndXJhdGlvbiBvYmplY3QuIFZhbHVlcyBoZXJlIG92ZXJyaWRlIHByZXNldCB2YWx1ZXMuXG4gICAqIFN1cHBvcnRzIGJvdGggbGVnYWN5IEFsZXJ0Qm94TWV0YWRhdGEgYW5kIFJlYWN0aXZlQWxlcnRCb3hNZXRhZGF0YSBwYXR0ZXJucy5cbiAgICovXG4gIEBJbnB1dCgpIHByb3BzOiBQYXJ0aWFsPEFsZXJ0Qm94TWV0YWRhdGEgfCBSZWFjdGl2ZUFsZXJ0Qm94TWV0YWRhdGE+ID0ge307XG5cbiAgLyoqXG4gICAqIFJlc29sdmVkIHByb3BzIGFmdGVyIG1lcmdpbmcgcHJlc2V0ICsgZXhwbGljaXQgcHJvcHMuXG4gICAqL1xuICByZXNvbHZlZFByb3BzOiBBbGVydEJveE1ldGFkYXRhIHwgUmVhY3RpdmVBbGVydEJveE1ldGFkYXRhID0ge30gYXMgQWxlcnRCb3hNZXRhZGF0YTtcblxuICAvKiogQ29tcHV0ZWQgdGV4dCBwcm9wZXJ0aWVzIGZvciByZWFjdGl2ZSBwYXR0ZXJuICovXG4gIGNvbXB1dGVkVGV4dFByb3BzOiBhbnk7XG5cbiAgLyoqIFdoZXRoZXIgdGhpcyBpcyB1c2luZyB0aGUgbGVnYWN5IHByb3BzIHBhdHRlcm4gKi9cbiAgZ2V0IGlzTGVnYWN5UHJvcHMoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICd0ZXh0JyBpbiB0aGlzLnJlc29sdmVkUHJvcHMgJiYgdHlwZW9mICh0aGlzLnJlc29sdmVkUHJvcHMgYXMgYW55KS50ZXh0ID09PSAnb2JqZWN0JztcbiAgfVxuXG4gIC8qKiBHZXQgdGV4dCBwcm9wcyBmb3IgbGVnYWN5IHBhdHRlcm4gKi9cbiAgZ2V0TGVnYWN5VGV4dFByb3BzKCk6IGFueSB7XG4gICAgcmV0dXJuICh0aGlzLnJlc29sdmVkUHJvcHMgYXMgQWxlcnRCb3hNZXRhZGF0YSkudGV4dDtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMucmVzb2x2ZVByb3BzKCk7XG4gICAgaWYgKCF0aGlzLmlzTGVnYWN5UHJvcHMpIHtcbiAgICAgIHRoaXMuaW5pdGlhbGl6ZVRleHRQcm9wcygpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoY2hhbmdlc1sncHJlc2V0J10gfHwgY2hhbmdlc1sncHJvcHMnXSkge1xuICAgICAgdGhpcy5yZXNvbHZlUHJvcHMoKTtcbiAgICAgIGlmICghdGhpcy5pc0xlZ2FjeVByb3BzKSB7XG4gICAgICAgIHRoaXMuaW5pdGlhbGl6ZVRleHRQcm9wcygpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBNZXJnZSBwcmVzZXQgY29uZmlndXJhdGlvbiB3aXRoIGV4cGxpY2l0IHByb3BzLlxuICAgKiBFeHBsaWNpdCBwcm9wcyB0YWtlIHByZWNlZGVuY2Ugb3ZlciBwcmVzZXQgdmFsdWVzLlxuICAgKi9cbiAgcHJpdmF0ZSByZXNvbHZlUHJvcHMoKTogdm9pZCB7XG4gICAgY29uc3QgcHJlc2V0UHJvcHMgPSB0aGlzLnByZXNldFxuICAgICAgPyAodGhpcy5wcmVzZXRzLmdldCgnYWxlcnRCb3gnLCB0aGlzLnByZXNldCkgYXMgUGFydGlhbDxBbGVydEJveE1ldGFkYXRhIHwgUmVhY3RpdmVBbGVydEJveE1ldGFkYXRhPilcbiAgICAgIDoge307XG5cbiAgICB0aGlzLnJlc29sdmVkUHJvcHMgPSB7XG4gICAgICAuLi5wcmVzZXRQcm9wcyxcbiAgICAgIC4uLnRoaXMucHJvcHMsXG4gICAgfSBhcyBBbGVydEJveE1ldGFkYXRhIHwgUmVhY3RpdmVBbGVydEJveE1ldGFkYXRhO1xuICB9XG5cbiAgcHJpdmF0ZSBpbml0aWFsaXplVGV4dFByb3BzKCkge1xuICAgIGNvbnN0IHJlYWN0aXZlUHJvcHMgPSB0aGlzLnJlc29sdmVkUHJvcHMgYXMgUmVhY3RpdmVBbGVydEJveE1ldGFkYXRhO1xuXG4gICAgLy8gQmFzZSB0ZXh0IHByb3BlcnRpZXMgd2l0aCBzdHlsaW5nXG4gICAgdGhpcy5jb21wdXRlZFRleHRQcm9wcyA9IHtcbiAgICAgIHNpemU6IHJlYWN0aXZlUHJvcHMudGV4dFN0eWxlPy5zaXplIHx8ICdtZWRpdW0nLFxuICAgICAgY29sb3I6IHJlYWN0aXZlUHJvcHMudGV4dFN0eWxlPy5jb2xvcixcbiAgICAgIGJvbGQ6IHJlYWN0aXZlUHJvcHMudGV4dFN0eWxlPy5ib2xkIHx8IGZhbHNlLFxuICAgIH07XG5cbiAgICAvLyBBZGQgY29udGVudCAtIHVzZSBzdGF0aWMgdGV4dCBvbmx5XG4gICAgaWYgKHJlYWN0aXZlUHJvcHMudGV4dCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aGlzLmNvbXB1dGVkVGV4dFByb3BzLmNvbnRlbnQgPSByZWFjdGl2ZVByb3BzLnRleHQ7XG4gICAgfVxuICB9XG59XG4iXX0=

package/esm2022/lib/components/molecules/alert-box/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL2FsZXJ0LWJveC90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94TWV0YWRhdGEgfSBmcm9tICcuLi8uLi9hdG9tcy9ib3gvdHlwZXMnO1xuaW1wb3J0IHsgSWNvbk1ldGFkYXRhIH0gZnJvbSAnLi4vLi4vYXRvbXMvaWNvbi90eXBlcyc7XG5pbXBvcnQgeyBUZXh0TWV0YWRhdGEgfSBmcm9tICcuLi8uLi9hdG9tcy90ZXh0L3R5cGVzJztcblxuLyoqXG4gKiBBbGVydCBib3ggY29tcG9uZW50IG1ldGFkYXRhIHdpdGggc3VwcG9ydCBmb3IgcmVhY3RpdmUgY29udGVudC5cbiAqIFByb3ZpZGVzIGJvdGggc3RhdGljIGFuZCByZWFjdGl2ZSBjb250ZW50IG9wdGlvbnMgZm9yIHRoZSB0ZXh0IGVsZW1lbnQuXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgQWxlcnRCb3hNZXRhZGF0YSB7XG4gIGJveDogQm94TWV0YWRhdGE7XG4gIGljb246IEljb25NZXRhZGF0YTtcbiAgdGV4dDogVGV4dE1ldGFkYXRhO1xufVxuXG4vKipcbiAqIEVuaGFuY2VkIGFsZXJ0IGJveCBtZXRhZGF0YSB3aXRoIHNpbXBsaWZpZWQgcmVhY3RpdmUgY29udGVudCBzdXBwb3J0LlxuICogQWx0ZXJuYXRpdmUgdG8gdGhlIHN0YW5kYXJkIEFsZXJ0Qm94TWV0YWRhdGEgZm9yIGNvbW1vbiB1c2UgY2FzZXMuXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgUmVhY3RpdmVBbGVydEJveE1ldGFkYXRhIHtcbiAgLyoqIEJveCBzdHlsaW5nIGNvbmZpZ3VyYXRpb24gKi9cbiAgYm94OiBCb3hNZXRhZGF0YTtcbiAgLyoqIEljb24gY29uZmlndXJhdGlvbiAqL1xuICBpY29uOiBJY29uTWV0YWRhdGE7XG4gIC8qKiBTdGF0aWMgdGV4dCAodGFrZXMgcHJlY2VkZW5jZSBvdmVyIHRleHRDb25maWcpICovXG4gIHRleHQ/OiBzdHJpbmc7XG4gIC8qKiBSZWFjdGl2ZSBjb250ZW50IGNvbmZpZ3VyYXRpb24gZm9yIGFsZXJ0IHRleHQgKi9cbiAgdGV4dENvbmZpZz86IHtcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gICAga2V5OiBzdHJpbmc7XG4gICAgZmFsbGJhY2s/OiBzdHJpbmc7XG4gICAgaW50ZXJwb2xhdGlvbj86IFJlY29yZDxzdHJpbmcsIGFueT47XG4gIH07XG4gIC8qKiBUZXh0IHN0eWxpbmcgb3B0aW9ucyAqL1xuICB0ZXh0U3R5bGU/OiB7XG4gICAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgfCAneGxhcmdlJztcbiAgICBjb2xvcj86IHN0cmluZztcbiAgICBib2xkPzogYm9vbGVhbjtcbiAgfTtcbn1cbiJdfQ==

package/esm2022/lib/components/molecules/breadcrumb/breadcrumb.component.mjs

@@ -0,0 +1,130 @@
+import { Component, inject, Input, Output, EventEmitter } from '@angular/core';
+import { IonBreadcrumb, IonBreadcrumbs, IonIcon } from '@ionic/angular/standalone';
+import { CommonModule } from '@angular/common';
+import { PresetService } from '../../../services/presets';
+import { addIcons } from 'ionicons';
+import { chevronForward, home, ellipsisHorizontal } from 'ionicons/icons';
+import * as i0 from "@angular/core";
+addIcons({ chevronForward, home, ellipsisHorizontal });
+/**
+ * val-breadcrumb
+ *
+ * A breadcrumb navigation component for hierarchical navigation.
+ * Supports presets for reusable configurations.
+ *
+ * @example With preset:
+ * <val-breadcrumb preset="default" [props]="{ items: [...] }"></val-breadcrumb>
+ *
+ * @example Static:
+ * <val-breadcrumb [props]="{
+ *   items: [
+ *     { label: 'Inicio', href: '/', icon: 'home' },
+ *     { label: 'Productos', href: '/products' },
+ *     { label: 'Electrónica', active: true }
+ *   ]
+ * }"></val-breadcrumb>
+ *
+ * @input preset: string - Name of preset to apply
+ * @input props: BreadcrumbMetadata - Configuration for the breadcrumb
+ * @output breadcrumbClick: { item: BreadcrumbItemMetadata, index: number }
+ */
+export class BreadcrumbComponent {
+    constructor() {
+        this.presets = inject(PresetService);
+        this.props = {};
+        this.resolvedProps = {};
+        this.breadcrumbClick = new EventEmitter();
+        this.collapsedClick = new EventEmitter();
+    }
+    ngOnInit() {
+        this.resolveProps();
+    }
+    ngOnChanges(changes) {
+        if (changes['preset'] || changes['props']) {
+            this.resolveProps();
+        }
+    }
+    resolveProps() {
+        const presetProps = this.preset
+            ? this.presets.get('breadcrumb', this.preset)
+            : {};
+        this.resolvedProps = {
+            ...presetProps,
+            ...this.props,
+        };
+    }
+    onBreadcrumbClick(event, item, index) {
+        if (!item.disabled && !item.active) {
+            this.breadcrumbClick.emit({ item, index });
+        }
+    }
+    onCollapsedClick(event) {
+        this.collapsedClick.emit(event);
+    }
+    getItemLabel(item) {
+        return item.label || item.contentFallback || '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BreadcrumbComponent, isStandalone: true, selector: "val-breadcrumb", inputs: { preset: "preset", props: "props" }, outputs: { breadcrumbClick: "breadcrumbClick", collapsedClick: "collapsedClick" }, usesOnChanges: true, ngImport: i0, template: `
+    <ion-breadcrumbs
+      [maxItems]="resolvedProps.maxItems"
+      [mode]="resolvedProps.mode"
+      (ionCollapsedClick)="onCollapsedClick($event)"
+    >
+      @for (item of resolvedProps.items; track $index; let isLast = $last) {
+        <ion-breadcrumb
+          [href]="item.href"
+          [active]="item.active || isLast"
+          [disabled]="item.disabled"
+          [separator]="!isLast"
+          (click)="onBreadcrumbClick($event, item, $index)"
+        >
+          @if (item.icon) {
+            <ion-icon [name]="item.icon" slot="start"></ion-icon>
+          }
+          {{ getItemLabel(item) }}
+          @if (!isLast && resolvedProps.separatorIcon) {
+            <ion-icon [name]="resolvedProps.separatorIcon" slot="separator"></ion-icon>
+          }
+        </ion-breadcrumb>
+      }
+    </ion-breadcrumbs>
+  `, isInline: true, styles: [":host{display:block}ion-breadcrumbs{padding:8px 0}ion-breadcrumb{--color: var(--ion-color-medium);--color-active: var(--ion-color-dark);--color-hover: var(--ion-color-primary);font-size:14px}ion-breadcrumb[active]{font-weight:500}ion-breadcrumb ion-icon[slot=start]{font-size:16px;margin-right:4px}ion-breadcrumb ion-icon[slot=separator]{font-size:14px;margin:0 4px;color:var(--ion-color-medium)}ion-breadcrumb:not([active]):hover{cursor:pointer;text-decoration:underline}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonBreadcrumb, selector: "ion-breadcrumb", inputs: ["active", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "separator", "target"] }, { kind: "component", type: IonBreadcrumbs, selector: "ion-breadcrumbs", inputs: ["color", "itemsAfterCollapse", "itemsBeforeCollapse", "maxItems", "mode"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-breadcrumb', standalone: true, imports: [CommonModule, IonBreadcrumb, IonBreadcrumbs, IonIcon], template: `
+    <ion-breadcrumbs
+      [maxItems]="resolvedProps.maxItems"
+      [mode]="resolvedProps.mode"
+      (ionCollapsedClick)="onCollapsedClick($event)"
+    >
+      @for (item of resolvedProps.items; track $index; let isLast = $last) {
+        <ion-breadcrumb
+          [href]="item.href"
+          [active]="item.active || isLast"
+          [disabled]="item.disabled"
+          [separator]="!isLast"
+          (click)="onBreadcrumbClick($event, item, $index)"
+        >
+          @if (item.icon) {
+            <ion-icon [name]="item.icon" slot="start"></ion-icon>
+          }
+          {{ getItemLabel(item) }}
+          @if (!isLast && resolvedProps.separatorIcon) {
+            <ion-icon [name]="resolvedProps.separatorIcon" slot="separator"></ion-icon>
+          }
+        </ion-breadcrumb>
+      }
+    </ion-breadcrumbs>
+  `, styles: [":host{display:block}ion-breadcrumbs{padding:8px 0}ion-breadcrumb{--color: var(--ion-color-medium);--color-active: var(--ion-color-dark);--color-hover: var(--ion-color-primary);font-size:14px}ion-breadcrumb[active]{font-weight:500}ion-breadcrumb ion-icon[slot=start]{font-size:16px;margin-right:4px}ion-breadcrumb ion-icon[slot=separator]{font-size:14px;margin:0 4px;color:var(--ion-color-medium)}ion-breadcrumb:not([active]):hover{cursor:pointer;text-decoration:underline}\n"] }]
+        }], propDecorators: { preset: [{
+                type: Input
+            }], props: [{
+                type: Input
+            }], breadcrumbClick: [{
+                type: Output
+            }], collapsedClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQUUsWUFBWSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUNqSCxPQUFPLEVBQUUsYUFBYSxFQUFFLGNBQWMsRUFBRSxPQUFPLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNuRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRTFELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDcEMsT0FBTyxFQUFFLGNBQWMsRUFBRSxJQUFJLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFFMUUsUUFBUSxDQUFDLEVBQUUsY0FBYyxFQUFFLElBQUksRUFBRSxrQkFBa0IsRUFBRSxDQUFDLENBQUM7QUFpQ3ZEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkc7QUFDSCxNQUFNLE9BQU8sbUJBQW1CO0lBckRoQztRQXNEVSxZQUFPLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBRy9CLFVBQUssR0FBZ0MsRUFBRSxDQUFDO1FBRWpELGtCQUFhLEdBQXVCLEVBQXdCLENBQUM7UUFFbkQsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBbUQsQ0FBQztRQUN0RixtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFlLENBQUM7S0FvQzVEO0lBbENDLFFBQVE7UUFDTixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxRQUFRLENBQUMsSUFBSSxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztZQUMxQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDdEIsQ0FBQztJQUNILENBQUM7SUFFTyxZQUFZO1FBQ2xCLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxNQUFNO1lBQzdCLENBQUMsQ0FBRSxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBaUM7WUFDOUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUVQLElBQUksQ0FBQyxhQUFhLEdBQUc7WUFDbkIsR0FBRyxXQUFXO1lBQ2QsR0FBRyxJQUFJLENBQUMsS0FBSztTQUNRLENBQUM7SUFDMUIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEtBQVksRUFBRSxJQUE0QixFQUFFLEtBQWE7UUFDekUsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDbkMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUM3QyxDQUFDO0lBQ0gsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQWtCO1FBQ2pDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxZQUFZLENBQUMsSUFBNEI7UUFDdkMsT0FBTyxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxlQUFlLElBQUksRUFBRSxDQUFDO0lBQ2xELENBQUM7K0dBNUNVLG1CQUFtQjttR0FBbkIsbUJBQW1CLGdPQWpEcEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXdCVCxtaUJBekJTLFlBQVksK0JBQUUsYUFBYSxvTUFBRSxjQUFjLGdKQUFFLE9BQU87OzRGQWtEbkQsbUJBQW1CO2tCQXJEL0IsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLGNBQWMsRUFBRSxPQUFPLENBQUMsWUFDckQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXdCVDs4QkE0QlEsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFJSSxlQUFlO3NCQUF4QixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGluamVjdCwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW9uQnJlYWRjcnVtYiwgSW9uQnJlYWRjcnVtYnMsIElvbkljb24gfSBmcm9tICdAaW9uaWMvYW5ndWxhci9zdGFuZGFsb25lJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBQcmVzZXRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvcHJlc2V0cyc7XG5pbXBvcnQgeyBCcmVhZGNydW1iTWV0YWRhdGEsIEJyZWFkY3J1bWJJdGVtTWV0YWRhdGEgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IGFkZEljb25zIH0gZnJvbSAnaW9uaWNvbnMnO1xuaW1wb3J0IHsgY2hldnJvbkZvcndhcmQsIGhvbWUsIGVsbGlwc2lzSG9yaXpvbnRhbCB9IGZyb20gJ2lvbmljb25zL2ljb25zJztcblxuYWRkSWNvbnMoeyBjaGV2cm9uRm9yd2FyZCwgaG9tZSwgZWxsaXBzaXNIb3Jpem9udGFsIH0pO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtYnJlYWRjcnVtYicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIElvbkJyZWFkY3J1bWIsIElvbkJyZWFkY3J1bWJzLCBJb25JY29uXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8aW9uLWJyZWFkY3J1bWJzXG4gICAgICBbbWF4SXRlbXNdPVwicmVzb2x2ZWRQcm9wcy5tYXhJdGVtc1wiXG4gICAgICBbbW9kZV09XCJyZXNvbHZlZFByb3BzLm1vZGVcIlxuICAgICAgKGlvbkNvbGxhcHNlZENsaWNrKT1cIm9uQ29sbGFwc2VkQ2xpY2soJGV2ZW50KVwiXG4gICAgPlxuICAgICAgQGZvciAoaXRlbSBvZiByZXNvbHZlZFByb3BzLml0ZW1zOyB0cmFjayAkaW5kZXg7IGxldCBpc0xhc3QgPSAkbGFzdCkge1xuICAgICAgICA8aW9uLWJyZWFkY3J1bWJcbiAgICAgICAgICBbaHJlZl09XCJpdGVtLmhyZWZcIlxuICAgICAgICAgIFthY3RpdmVdPVwiaXRlbS5hY3RpdmUgfHwgaXNMYXN0XCJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiXG4gICAgICAgICAgW3NlcGFyYXRvcl09XCIhaXNMYXN0XCJcbiAgICAgICAgICAoY2xpY2spPVwib25CcmVhZGNydW1iQ2xpY2soJGV2ZW50LCBpdGVtLCAkaW5kZXgpXCJcbiAgICAgICAgPlxuICAgICAgICAgIEBpZiAoaXRlbS5pY29uKSB7XG4gICAgICAgICAgICA8aW9uLWljb24gW25hbWVdPVwiaXRlbS5pY29uXCIgc2xvdD1cInN0YXJ0XCI+PC9pb24taWNvbj5cbiAgICAgICAgICB9XG4gICAgICAgICAge3sgZ2V0SXRlbUxhYmVsKGl0ZW0pIH19XG4gICAgICAgICAgQGlmICghaXNMYXN0ICYmIHJlc29sdmVkUHJvcHMuc2VwYXJhdG9ySWNvbikge1xuICAgICAgICAgICAgPGlvbi1pY29uIFtuYW1lXT1cInJlc29sdmVkUHJvcHMuc2VwYXJhdG9ySWNvblwiIHNsb3Q9XCJzZXBhcmF0b3JcIj48L2lvbi1pY29uPlxuICAgICAgICAgIH1cbiAgICAgICAgPC9pb24tYnJlYWRjcnVtYj5cbiAgICAgIH1cbiAgICA8L2lvbi1icmVhZGNydW1icz5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vYnJlYWRjcnVtYi5jb21wb25lbnQuc2NzcyddLFxufSlcbi8qKlxuICogdmFsLWJyZWFkY3J1bWJcbiAqXG4gKiBBIGJyZWFkY3J1bWIgbmF2aWdhdGlvbiBjb21wb25lbnQgZm9yIGhpZXJhcmNoaWNhbCBuYXZpZ2F0aW9uLlxuICogU3VwcG9ydHMgcHJlc2V0cyBmb3IgcmV1c2FibGUgY29uZmlndXJhdGlvbnMuXG4gKlxuICogQGV4YW1wbGUgV2l0aCBwcmVzZXQ6XG4gKiA8dmFsLWJyZWFkY3J1bWIgcHJlc2V0PVwiZGVmYXVsdFwiIFtwcm9wc109XCJ7IGl0ZW1zOiBbLi4uXSB9XCI+PC92YWwtYnJlYWRjcnVtYj5cbiAqXG4gKiBAZXhhbXBsZSBTdGF0aWM6XG4gKiA8dmFsLWJyZWFkY3J1bWIgW3Byb3BzXT1cIntcbiAqICAgaXRlbXM6IFtcbiAqICAgICB7IGxhYmVsOiAnSW5pY2lvJywgaHJlZjogJy8nLCBpY29uOiAnaG9tZScgfSxcbiAqICAgICB7IGxhYmVsOiAnUHJvZHVjdG9zJywgaHJlZjogJy9wcm9kdWN0cycgfSxcbiAqICAgICB7IGxhYmVsOiAnRWxlY3Ryw7NuaWNhJywgYWN0aXZlOiB0cnVlIH1cbiAqICAgXVxuICogfVwiPjwvdmFsLWJyZWFkY3J1bWI+XG4gKlxuICogQGlucHV0IHByZXNldDogc3RyaW5nIC0gTmFtZSBvZiBwcmVzZXQgdG8gYXBwbHlcbiAqIEBpbnB1dCBwcm9wczogQnJlYWRjcnVtYk1ldGFkYXRhIC0gQ29uZmlndXJhdGlvbiBmb3IgdGhlIGJyZWFkY3J1bWJcbiAqIEBvdXRwdXQgYnJlYWRjcnVtYkNsaWNrOiB7IGl0ZW06IEJyZWFkY3J1bWJJdGVtTWV0YWRhdGEsIGluZGV4OiBudW1iZXIgfVxuICovXG5leHBvcnQgY2xhc3MgQnJlYWRjcnVtYkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAgcHJpdmF0ZSBwcmVzZXRzID0gaW5qZWN0KFByZXNldFNlcnZpY2UpO1xuXG4gIEBJbnB1dCgpIHByZXNldD86IHN0cmluZztcbiAgQElucHV0KCkgcHJvcHM6IFBhcnRpYWw8QnJlYWRjcnVtYk1ldGFkYXRhPiA9IHt9O1xuXG4gIHJlc29sdmVkUHJvcHM6IEJyZWFkY3J1bWJNZXRhZGF0YSA9IHt9IGFzIEJyZWFkY3J1bWJNZXRhZGF0YTtcblxuICBAT3V0cHV0KCkgYnJlYWRjcnVtYkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx7IGl0ZW06IEJyZWFkY3J1bWJJdGVtTWV0YWRhdGE7IGluZGV4OiBudW1iZXIgfT4oKTtcbiAgQE91dHB1dCgpIGNvbGxhcHNlZENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxDdXN0b21FdmVudD4oKTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnJlc29sdmVQcm9wcygpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGlmIChjaGFuZ2VzWydwcmVzZXQnXSB8fCBjaGFuZ2VzWydwcm9wcyddKSB7XG4gICAgICB0aGlzLnJlc29sdmVQcm9wcygpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgcmVzb2x2ZVByb3BzKCk6IHZvaWQge1xuICAgIGNvbnN0IHByZXNldFByb3BzID0gdGhpcy5wcmVzZXRcbiAgICAgID8gKHRoaXMucHJlc2V0cy5nZXQoJ2JyZWFkY3J1bWInLCB0aGlzLnByZXNldCkgYXMgUGFydGlhbDxCcmVhZGNydW1iTWV0YWRhdGE+KVxuICAgICAgOiB7fTtcblxuICAgIHRoaXMucmVzb2x2ZWRQcm9wcyA9IHtcbiAgICAgIC4uLnByZXNldFByb3BzLFxuICAgICAgLi4udGhpcy5wcm9wcyxcbiAgICB9IGFzIEJyZWFkY3J1bWJNZXRhZGF0YTtcbiAgfVxuXG4gIG9uQnJlYWRjcnVtYkNsaWNrKGV2ZW50OiBFdmVudCwgaXRlbTogQnJlYWRjcnVtYkl0ZW1NZXRhZGF0YSwgaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIGlmICghaXRlbS5kaXNhYmxlZCAmJiAhaXRlbS5hY3RpdmUpIHtcbiAgICAgIHRoaXMuYnJlYWRjcnVtYkNsaWNrLmVtaXQoeyBpdGVtLCBpbmRleCB9KTtcbiAgICB9XG4gIH1cblxuICBvbkNvbGxhcHNlZENsaWNrKGV2ZW50OiBDdXN0b21FdmVudCk6IHZvaWQge1xuICAgIHRoaXMuY29sbGFwc2VkQ2xpY2suZW1pdChldmVudCk7XG4gIH1cblxuICBnZXRJdGVtTGFiZWwoaXRlbTogQnJlYWRjcnVtYkl0ZW1NZXRhZGF0YSk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGl0ZW0ubGFiZWwgfHwgaXRlbS5jb250ZW50RmFsbGJhY2sgfHwgJyc7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/components/molecules/breadcrumb/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL2JyZWFkY3J1bWIvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yIH0gZnJvbSAnQGlvbmljL2NvcmUnO1xuXG4vKipcbiAqIFNpbmdsZSBicmVhZGNydW1iIGl0ZW0gY29uZmlndXJhdGlvbi5cbiAqL1xuZXhwb3J0IGludGVyZmFjZSBCcmVhZGNydW1iSXRlbU1ldGFkYXRhIHtcbiAgLyoqIERpc3BsYXkgdGV4dCAqL1xuICBsYWJlbD86IHN0cmluZztcbiAgLyoqIE5hdmlnYXRpb24gaHJlZiBvciByb3V0ZXIgbGluayAqL1xuICBocmVmPzogc3RyaW5nO1xuICAvKiogSWNvbiBuYW1lICovXG4gIGljb24/OiBzdHJpbmc7XG4gIC8qKiBXaGV0aGVyIHRoaXMgaXMgdGhlIGN1cnJlbnQvYWN0aXZlIGl0ZW0gKi9cbiAgYWN0aXZlPzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgdGhlIGl0ZW0gaXMgZGlzYWJsZWQgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogUmVhY3RpdmUgY29udGVudCBrZXkgZm9yIGxhYmVsICovXG4gIGNvbnRlbnRLZXk/OiBzdHJpbmc7XG4gIC8qKiBDb21wb25lbnQgY2xhc3MgbmFtZSBmb3IgY29udGVudCBsb29rdXAgKi9cbiAgY29udGVudENsYXNzPzogc3RyaW5nO1xuICAvKiogRmFsbGJhY2sgZm9yIGxhYmVsICovXG4gIGNvbnRlbnRGYWxsYmFjaz86IHN0cmluZztcbn1cblxuLyoqXG4gKiBNZXRhZGF0YSBmb3IgdGhlIGJyZWFkY3J1bWIgY29tcG9uZW50LlxuICovXG5leHBvcnQgaW50ZXJmYWNlIEJyZWFkY3J1bWJNZXRhZGF0YSB7XG4gIC8qKiBCcmVhZGNydW1iIGl0ZW1zICovXG4gIGl0ZW1zOiBCcmVhZGNydW1iSXRlbU1ldGFkYXRhW107XG4gIC8qKiBTZXBhcmF0b3IgY2hhcmFjdGVyIG9yIGljb24gKi9cbiAgc2VwYXJhdG9yPzogc3RyaW5nO1xuICAvKiogVXNlIGljb24gYXMgc2VwYXJhdG9yICovXG4gIHNlcGFyYXRvckljb24/OiBzdHJpbmc7XG4gIC8qKiBNYXhpbXVtIGl0ZW1zIGJlZm9yZSBjb2xsYXBzaW5nICovXG4gIG1heEl0ZW1zPzogbnVtYmVyO1xuICAvKiogQ29sbGFwc2VkIGl0ZW0gaW5kaWNhdG9yICovXG4gIGNvbGxhcHNlZEluZGljYXRvcj86IHN0cmluZztcbiAgLyoqIENvbG9yIGZvciBhY3RpdmUvY3VycmVudCBpdGVtICovXG4gIGFjdGl2ZUNvbG9yPzogQ29sb3I7XG4gIC8qKiBDb2xvciBmb3IgaW5hY3RpdmUgaXRlbXMgKi9cbiAgaW5hY3RpdmVDb2xvcj86IENvbG9yO1xuICAvKiogVW5pcXVlIHRva2VuIGlkZW50aWZpZXIgKi9cbiAgdG9rZW4/OiBzdHJpbmc7XG4gIC8qKiBNb2RlIHN0eWxlICovXG4gIG1vZGU/OiAnaW9zJyB8ICdtZCc7XG59XG4iXX0=