valtech-components 2.0.689 → 2.0.690

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

@@ -0,0 +1,140 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { IonIcon } from '@ionic/angular/standalone';
+import { CommonModule } from '@angular/common';
+import { addIcons } from 'ionicons';
+import { ellipse, checkmarkCircle, timeOutline, calendar, flag } from 'ionicons/icons';
+import * as i0 from "@angular/core";
+addIcons({ ellipse, checkmarkCircle, timeOutline, calendar, flag });
+/**
+ * val-timeline
+ *
+ * A timeline component for displaying chronological events.
+ * Supports vertical and horizontal orientations.
+ *
+ * @example Basic timeline
+ * <val-timeline [props]="{
+ *   items: [
+ *     { title: 'Order placed', date: 'Jan 1', icon: 'cart' },
+ *     { title: 'Processing', date: 'Jan 2', active: true },
+ *     { title: 'Shipped', date: 'Jan 3' },
+ *     { title: 'Delivered', date: 'Jan 5' }
+ *   ]
+ * }"></val-timeline>
+ *
+ * @example Alternate timeline
+ * <val-timeline [props]="{
+ *   items: [...],
+ *   alternate: true,
+ *   connectorStyle: 'dashed'
+ * }"></val-timeline>
+ *
+ * @input props: TimelineMetadata - Configuration for the timeline
+ * @output itemClick: { item: TimelineItemMetadata, index: number }
+ */
+export class TimelineComponent {
+    constructor() {
+        this.itemClick = new EventEmitter();
+    }
+    getItemColor(item) {
+        const color = item.color || this.props.color || 'primary';
+        return `var(--ion-color-${color})`;
+    }
+    onItemClick(item, index) {
+        this.itemClick.emit({ item, index });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TimelineComponent, isStandalone: true, selector: "val-timeline", inputs: { props: "props" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: `
+    <div
+      class="timeline"
+      [class.vertical]="props.orientation !== 'horizontal'"
+      [class.horizontal]="props.orientation === 'horizontal'"
+      [class.alternate]="props.alternate"
+    >
+      @for (item of props.items; track item.token; let i = $index; let isLast = $last) {
+        <div
+          class="timeline-item"
+          [class.active]="item.active"
+          [class.left]="props.alternate && i % 2 === 0"
+          [class.right]="props.alternate && i % 2 !== 0"
+          (click)="onItemClick(item, i)"
+        >
+          <div class="timeline-marker" [style.--marker-color]="getItemColor(item)">
+            @if (item.icon) {
+              <ion-icon [name]="item.icon"></ion-icon>
+            } @else {
+              <div class="marker-dot"></div>
+            }
+          </div>
+
+          @if (!isLast && props.showConnectors !== false) {
+            <div
+              class="timeline-connector"
+              [class.dashed]="props.connectorStyle === 'dashed'"
+            ></div>
+          }
+
+          <div class="timeline-content">
+            @if (item.date) {
+              <div class="timeline-date">{{ item.date }}</div>
+            }
+            <div class="timeline-title">{{ item.title }}</div>
+            @if (item.content) {
+              <div class="timeline-description">{{ item.content }}</div>
+            }
+          </div>
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:block}.timeline{position:relative}.timeline.vertical{display:flex;flex-direction:column}.timeline.vertical .timeline-item{display:flex;position:relative;padding-bottom:24px}.timeline.vertical .timeline-item:last-child{padding-bottom:0}.timeline.vertical .timeline-marker{flex-shrink:0;z-index:1}.timeline.vertical .timeline-connector{position:absolute;left:11px;top:28px;bottom:0;width:2px;background-color:var(--ion-color-light-shade)}.timeline.vertical .timeline-connector.dashed{background:repeating-linear-gradient(to bottom,var(--ion-color-light-shade),var(--ion-color-light-shade) 4px,transparent 4px,transparent 8px)}.timeline.vertical .timeline-content{margin-left:16px;flex:1}.timeline.vertical.alternate .timeline-item{width:50%}.timeline.vertical.alternate .timeline-item.left{align-self:flex-start;flex-direction:row-reverse;text-align:right;padding-right:24px}.timeline.vertical.alternate .timeline-item.left .timeline-content{margin-left:0;margin-right:16px}.timeline.vertical.alternate .timeline-item.left .timeline-connector{left:auto;right:-13px}.timeline.vertical.alternate .timeline-item.right{align-self:flex-end;padding-left:24px}.timeline.vertical.alternate .timeline-item.right .timeline-connector{left:11px}.timeline.horizontal{display:flex;flex-direction:row;overflow-x:auto}.timeline.horizontal .timeline-item{display:flex;flex-direction:column;align-items:center;min-width:120px;position:relative}.timeline.horizontal .timeline-connector{position:absolute;top:11px;left:50%;width:100%;height:2px;background-color:var(--ion-color-light-shade)}.timeline.horizontal .timeline-connector.dashed{background:repeating-linear-gradient(to right,var(--ion-color-light-shade),var(--ion-color-light-shade) 4px,transparent 4px,transparent 8px)}.timeline.horizontal .timeline-content{margin-top:12px;text-align:center}.timeline-marker{width:24px;height:24px;border-radius:50%;background-color:var(--marker-color, var(--ion-color-primary));display:flex;align-items:center;justify-content:center;color:#fff}.timeline-marker ion-icon{font-size:14px}.timeline-marker .marker-dot{width:8px;height:8px;border-radius:50%;background-color:#fff}.timeline-item.active .timeline-marker{box-shadow:0 0 0 4px rgba(var(--ion-color-primary-rgb),.3)}.timeline-date{font-size:12px;color:var(--ion-color-medium);margin-bottom:4px}.timeline-title{font-weight:600;font-size:14px;color:var(--ion-text-color)}.timeline-description{font-size:13px;color:var(--ion-color-medium);margin-top:4px;line-height:1.4}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: TimelineComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-timeline', standalone: true, imports: [CommonModule, IonIcon], template: `
+    <div
+      class="timeline"
+      [class.vertical]="props.orientation !== 'horizontal'"
+      [class.horizontal]="props.orientation === 'horizontal'"
+      [class.alternate]="props.alternate"
+    >
+      @for (item of props.items; track item.token; let i = $index; let isLast = $last) {
+        <div
+          class="timeline-item"
+          [class.active]="item.active"
+          [class.left]="props.alternate && i % 2 === 0"
+          [class.right]="props.alternate && i % 2 !== 0"
+          (click)="onItemClick(item, i)"
+        >
+          <div class="timeline-marker" [style.--marker-color]="getItemColor(item)">
+            @if (item.icon) {
+              <ion-icon [name]="item.icon"></ion-icon>
+            } @else {
+              <div class="marker-dot"></div>
+            }
+          </div>
+
+          @if (!isLast && props.showConnectors !== false) {
+            <div
+              class="timeline-connector"
+              [class.dashed]="props.connectorStyle === 'dashed'"
+            ></div>
+          }
+
+          <div class="timeline-content">
+            @if (item.date) {
+              <div class="timeline-date">{{ item.date }}</div>
+            }
+            <div class="timeline-title">{{ item.title }}</div>
+            @if (item.content) {
+              <div class="timeline-description">{{ item.content }}</div>
+            }
+          </div>
+        </div>
+      }
+    </div>
+  `, styles: [":host{display:block}.timeline{position:relative}.timeline.vertical{display:flex;flex-direction:column}.timeline.vertical .timeline-item{display:flex;position:relative;padding-bottom:24px}.timeline.vertical .timeline-item:last-child{padding-bottom:0}.timeline.vertical .timeline-marker{flex-shrink:0;z-index:1}.timeline.vertical .timeline-connector{position:absolute;left:11px;top:28px;bottom:0;width:2px;background-color:var(--ion-color-light-shade)}.timeline.vertical .timeline-connector.dashed{background:repeating-linear-gradient(to bottom,var(--ion-color-light-shade),var(--ion-color-light-shade) 4px,transparent 4px,transparent 8px)}.timeline.vertical .timeline-content{margin-left:16px;flex:1}.timeline.vertical.alternate .timeline-item{width:50%}.timeline.vertical.alternate .timeline-item.left{align-self:flex-start;flex-direction:row-reverse;text-align:right;padding-right:24px}.timeline.vertical.alternate .timeline-item.left .timeline-content{margin-left:0;margin-right:16px}.timeline.vertical.alternate .timeline-item.left .timeline-connector{left:auto;right:-13px}.timeline.vertical.alternate .timeline-item.right{align-self:flex-end;padding-left:24px}.timeline.vertical.alternate .timeline-item.right .timeline-connector{left:11px}.timeline.horizontal{display:flex;flex-direction:row;overflow-x:auto}.timeline.horizontal .timeline-item{display:flex;flex-direction:column;align-items:center;min-width:120px;position:relative}.timeline.horizontal .timeline-connector{position:absolute;top:11px;left:50%;width:100%;height:2px;background-color:var(--ion-color-light-shade)}.timeline.horizontal .timeline-connector.dashed{background:repeating-linear-gradient(to right,var(--ion-color-light-shade),var(--ion-color-light-shade) 4px,transparent 4px,transparent 8px)}.timeline.horizontal .timeline-content{margin-top:12px;text-align:center}.timeline-marker{width:24px;height:24px;border-radius:50%;background-color:var(--marker-color, var(--ion-color-primary));display:flex;align-items:center;justify-content:center;color:#fff}.timeline-marker ion-icon{font-size:14px}.timeline-marker .marker-dot{width:8px;height:8px;border-radius:50%;background-color:#fff}.timeline-item.active .timeline-marker{box-shadow:0 0 0 4px rgba(var(--ion-color-primary-rgb),.3)}.timeline-date{font-size:12px;color:var(--ion-color-medium);margin-bottom:4px}.timeline-title{font-weight:600;font-size:14px;color:var(--ion-text-color)}.timeline-description{font-size:13px;color:var(--ion-color-medium);margin-top:4px;line-height:1.4}\n"] }]
+        }], propDecorators: { props: [{
+                type: Input
+            }], itemClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy90aW1lbGluZS90aW1lbGluZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDcEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDcEMsT0FBTyxFQUFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFFdkYsUUFBUSxDQUFDLEVBQUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7QUFtRHBFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBeUJHO0FBQ0gsTUFBTSxPQUFPLGlCQUFpQjtJQTNFOUI7UUE4RVksY0FBUyxHQUFHLElBQUksWUFBWSxFQUFpRCxDQUFDO0tBVXpGO0lBUkMsWUFBWSxDQUFDLElBQTBCO1FBQ3JDLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLElBQUksU0FBUyxDQUFDO1FBQzFELE9BQU8sbUJBQW1CLEtBQUssR0FBRyxDQUFDO0lBQ3JDLENBQUM7SUFFRCxXQUFXLENBQUMsSUFBMEIsRUFBRSxLQUFhO1FBQ25ELElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDdkMsQ0FBQzsrR0FaVSxpQkFBaUI7bUdBQWpCLGlCQUFpQix5SUF2RWxCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EwQ1QsMmhGQTNDUyxZQUFZLCtCQUFFLE9BQU87OzRGQXdFcEIsaUJBQWlCO2tCQTNFN0IsU0FBUzsrQkFDRSxjQUFjLGNBQ1osSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLE9BQU8sQ0FBQyxZQUN0Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMENUOzhCQThCUSxLQUFLO3NCQUFiLEtBQUs7Z0JBRUksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJb25JY29uIH0gZnJvbSAnQGlvbmljL2FuZ3VsYXIvc3RhbmRhbG9uZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgVGltZWxpbmVNZXRhZGF0YSwgVGltZWxpbmVJdGVtTWV0YWRhdGEgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IGFkZEljb25zIH0gZnJvbSAnaW9uaWNvbnMnO1xuaW1wb3J0IHsgZWxsaXBzZSwgY2hlY2ttYXJrQ2lyY2xlLCB0aW1lT3V0bGluZSwgY2FsZW5kYXIsIGZsYWcgfSBmcm9tICdpb25pY29ucy9pY29ucyc7XG5cbmFkZEljb25zKHsgZWxsaXBzZSwgY2hlY2ttYXJrQ2lyY2xlLCB0aW1lT3V0bGluZSwgY2FsZW5kYXIsIGZsYWcgfSk7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC10aW1lbGluZScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIElvbkljb25dLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwidGltZWxpbmVcIlxuICAgICAgW2NsYXNzLnZlcnRpY2FsXT1cInByb3BzLm9yaWVudGF0aW9uICE9PSAnaG9yaXpvbnRhbCdcIlxuICAgICAgW2NsYXNzLmhvcml6b250YWxdPVwicHJvcHMub3JpZW50YXRpb24gPT09ICdob3Jpem9udGFsJ1wiXG4gICAgICBbY2xhc3MuYWx0ZXJuYXRlXT1cInByb3BzLmFsdGVybmF0ZVwiXG4gICAgPlxuICAgICAgQGZvciAoaXRlbSBvZiBwcm9wcy5pdGVtczsgdHJhY2sgaXRlbS50b2tlbjsgbGV0IGkgPSAkaW5kZXg7IGxldCBpc0xhc3QgPSAkbGFzdCkge1xuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3M9XCJ0aW1lbGluZS1pdGVtXCJcbiAgICAgICAgICBbY2xhc3MuYWN0aXZlXT1cIml0ZW0uYWN0aXZlXCJcbiAgICAgICAgICBbY2xhc3MubGVmdF09XCJwcm9wcy5hbHRlcm5hdGUgJiYgaSAlIDIgPT09IDBcIlxuICAgICAgICAgIFtjbGFzcy5yaWdodF09XCJwcm9wcy5hbHRlcm5hdGUgJiYgaSAlIDIgIT09IDBcIlxuICAgICAgICAgIChjbGljayk9XCJvbkl0ZW1DbGljayhpdGVtLCBpKVwiXG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidGltZWxpbmUtbWFya2VyXCIgW3N0eWxlLi0tbWFya2VyLWNvbG9yXT1cImdldEl0ZW1Db2xvcihpdGVtKVwiPlxuICAgICAgICAgICAgQGlmIChpdGVtLmljb24pIHtcbiAgICAgICAgICAgICAgPGlvbi1pY29uIFtuYW1lXT1cIml0ZW0uaWNvblwiPjwvaW9uLWljb24+XG4gICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1hcmtlci1kb3RcIj48L2Rpdj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgIEBpZiAoIWlzTGFzdCAmJiBwcm9wcy5zaG93Q29ubmVjdG9ycyAhPT0gZmFsc2UpIHtcbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY2xhc3M9XCJ0aW1lbGluZS1jb25uZWN0b3JcIlxuICAgICAgICAgICAgICBbY2xhc3MuZGFzaGVkXT1cInByb3BzLmNvbm5lY3RvclN0eWxlID09PSAnZGFzaGVkJ1wiXG4gICAgICAgICAgICA+PC9kaXY+XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInRpbWVsaW5lLWNvbnRlbnRcIj5cbiAgICAgICAgICAgIEBpZiAoaXRlbS5kYXRlKSB7XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aW1lbGluZS1kYXRlXCI+e3sgaXRlbS5kYXRlIH19PC9kaXY+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGltZWxpbmUtdGl0bGVcIj57eyBpdGVtLnRpdGxlIH19PC9kaXY+XG4gICAgICAgICAgICBAaWYgKGl0ZW0uY29udGVudCkge1xuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGltZWxpbmUtZGVzY3JpcHRpb25cIj57eyBpdGVtLmNvbnRlbnQgfX08L2Rpdj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3RpbWVsaW5lLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuLyoqXG4gKiB2YWwtdGltZWxpbmVcbiAqXG4gKiBBIHRpbWVsaW5lIGNvbXBvbmVudCBmb3IgZGlzcGxheWluZyBjaHJvbm9sb2dpY2FsIGV2ZW50cy5cbiAqIFN1cHBvcnRzIHZlcnRpY2FsIGFuZCBob3Jpem9udGFsIG9yaWVudGF0aW9ucy5cbiAqXG4gKiBAZXhhbXBsZSBCYXNpYyB0aW1lbGluZVxuICogPHZhbC10aW1lbGluZSBbcHJvcHNdPVwie1xuICogICBpdGVtczogW1xuICogICAgIHsgdGl0bGU6ICdPcmRlciBwbGFjZWQnLCBkYXRlOiAnSmFuIDEnLCBpY29uOiAnY2FydCcgfSxcbiAqICAgICB7IHRpdGxlOiAnUHJvY2Vzc2luZycsIGRhdGU6ICdKYW4gMicsIGFjdGl2ZTogdHJ1ZSB9LFxuICogICAgIHsgdGl0bGU6ICdTaGlwcGVkJywgZGF0ZTogJ0phbiAzJyB9LFxuICogICAgIHsgdGl0bGU6ICdEZWxpdmVyZWQnLCBkYXRlOiAnSmFuIDUnIH1cbiAqICAgXVxuICogfVwiPjwvdmFsLXRpbWVsaW5lPlxuICpcbiAqIEBleGFtcGxlIEFsdGVybmF0ZSB0aW1lbGluZVxuICogPHZhbC10aW1lbGluZSBbcHJvcHNdPVwie1xuICogICBpdGVtczogWy4uLl0sXG4gKiAgIGFsdGVybmF0ZTogdHJ1ZSxcbiAqICAgY29ubmVjdG9yU3R5bGU6ICdkYXNoZWQnXG4gKiB9XCI+PC92YWwtdGltZWxpbmU+XG4gKlxuICogQGlucHV0IHByb3BzOiBUaW1lbGluZU1ldGFkYXRhIC0gQ29uZmlndXJhdGlvbiBmb3IgdGhlIHRpbWVsaW5lXG4gKiBAb3V0cHV0IGl0ZW1DbGljazogeyBpdGVtOiBUaW1lbGluZUl0ZW1NZXRhZGF0YSwgaW5kZXg6IG51bWJlciB9XG4gKi9cbmV4cG9ydCBjbGFzcyBUaW1lbGluZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHByb3BzOiBUaW1lbGluZU1ldGFkYXRhO1xuXG4gIEBPdXRwdXQoKSBpdGVtQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHsgaXRlbTogVGltZWxpbmVJdGVtTWV0YWRhdGE7IGluZGV4OiBudW1iZXIgfT4oKTtcblxuICBnZXRJdGVtQ29sb3IoaXRlbTogVGltZWxpbmVJdGVtTWV0YWRhdGEpOiBzdHJpbmcge1xuICAgIGNvbnN0IGNvbG9yID0gaXRlbS5jb2xvciB8fCB0aGlzLnByb3BzLmNvbG9yIHx8ICdwcmltYXJ5JztcbiAgICByZXR1cm4gYHZhcigtLWlvbi1jb2xvci0ke2NvbG9yfSlgO1xuICB9XG5cbiAgb25JdGVtQ2xpY2soaXRlbTogVGltZWxpbmVJdGVtTWV0YWRhdGEsIGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLml0ZW1DbGljay5lbWl0KHsgaXRlbSwgaW5kZXggfSk7XG4gIH1cbn1cbiJdfQ==

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL3RpbWVsaW5lL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2xvciB9IGZyb20gJ0Bpb25pYy9jb3JlJztcblxuLyoqXG4gKiBUaW1lbGluZSBpdGVtIGNvbmZpZ3VyYXRpb24uXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgVGltZWxpbmVJdGVtTWV0YWRhdGEge1xuICAvKiogSXRlbSB0aXRsZSAqL1xuICB0aXRsZTogc3RyaW5nO1xuICAvKiogSXRlbSBjb250ZW50L2Rlc2NyaXB0aW9uICovXG4gIGNvbnRlbnQ/OiBzdHJpbmc7XG4gIC8qKiBEYXRlIG9yIHRpbWUgbGFiZWwgKi9cbiAgZGF0ZT86IHN0cmluZztcbiAgLyoqIEl0ZW0gaWNvbiAqL1xuICBpY29uPzogc3RyaW5nO1xuICAvKiogSXRlbSBjb2xvciAqL1xuICBjb2xvcj86IENvbG9yO1xuICAvKiogV2hldGhlciBpdGVtIGlzIGFjdGl2ZS9jdXJyZW50ICovXG4gIGFjdGl2ZT86IGJvb2xlYW47XG4gIC8qKiBVbmlxdWUgdG9rZW4gaWRlbnRpZmllciAqL1xuICB0b2tlbj86IHN0cmluZztcbn1cblxuLyoqXG4gKiBNZXRhZGF0YSBmb3IgdGhlIHRpbWVsaW5lIGNvbXBvbmVudC5cbiAqL1xuZXhwb3J0IGludGVyZmFjZSBUaW1lbGluZU1ldGFkYXRhIHtcbiAgLyoqIFRpbWVsaW5lIGl0ZW1zICovXG4gIGl0ZW1zOiBUaW1lbGluZUl0ZW1NZXRhZGF0YVtdO1xuICAvKiogVGltZWxpbmUgb3JpZW50YXRpb24gKi9cbiAgb3JpZW50YXRpb24/OiAndmVydGljYWwnIHwgJ2hvcml6b250YWwnO1xuICAvKiogQWx0ZXJuYXRlIGl0ZW1zIG9uIGJvdGggc2lkZXMgKHZlcnRpY2FsIG9ubHkpICovXG4gIGFsdGVybmF0ZT86IGJvb2xlYW47XG4gIC8qKiBTaG93IGNvbm5lY3RvciBsaW5lcyAqL1xuICBzaG93Q29ubmVjdG9ycz86IGJvb2xlYW47XG4gIC8qKiBEZWZhdWx0IGNvbG9yIGZvciBhbGwgaXRlbXMgKi9cbiAgY29sb3I/OiBDb2xvcjtcbiAgLyoqIENvbm5lY3RvciBzdHlsZSAqL1xuICBjb25uZWN0b3JTdHlsZT86ICdzb2xpZCcgfCAnZGFzaGVkJztcbiAgLyoqIFVuaXF1ZSB0b2tlbiBpZGVudGlmaWVyICovXG4gIHRva2VuPzogc3RyaW5nO1xufVxuIl19

package/esm2022/lib/components/molecules/title-block/title-block.component.mjs

@@ -0,0 +1,102 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input } from '@angular/core';
+import { DisplayComponent } from '../../atoms/display/display.component';
+import { TitleComponent } from '../../atoms/title/title.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * val-title-block
+ *
+ * Displays a block of titles (above, main, below) with configurable styles and positions.
+ *
+ * @example
+ * <val-title-block [props]="{ title: {...}, aboveTitle: {...}, bellowTitle: {...}, position: 'center' }"></val-title-block>
+ *
+ * @input props: TitleBlockMetada - Configuration for the title block (title, aboveTitle, bellowTitle, position)
+ */
+export class TitleBlockComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    ngOnInit() { }
+    ngOnChanges(changes) {
+        if (changes['props']) {
+            // Forzar detección de cambios múltiple
+            this.cdr.detectChanges();
+            setTimeout(() => {
+                this.cdr.detectChanges();
+            }, 0);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TitleBlockComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TitleBlockComponent, isStandalone: true, selector: "val-title-block", inputs: { props: "props" }, usesOnChanges: true, ngImport: i0, template: `
+    <div [ngClass]="['titles-container', props.position]">
+      <val-title
+        *ngIf="props.aboveTitle"
+        [props]="{
+          content: props.aboveTitle.content | uppercase,
+          color: props.aboveTitle.color,
+          bold: false,
+          size: props.aboveTitle.size,
+        }"
+      ></val-title>
+      <val-display
+        *ngIf="props.title"
+        [props]="{
+          content: props.title.content,
+          color: props.title.color,
+          size: props.title.size,
+        }"
+      ></val-display>
+      <val-title
+        style="margin-top: 16px;"
+        *ngIf="props.bellowTitle"
+        [props]="{
+          content: props.bellowTitle.content,
+          color: props.bellowTitle.color,
+          bold: false,
+          size: props.bellowTitle.size,
+          thin: props.bellowTitle.thin,
+        }"
+      ></val-title>
+    </div>
+  `, 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)}val-button,val-title,val-display{display:inline-block}.titles-container{width:100%;display:flex;flex-direction:column;flex-wrap:wrap}.titles-container.left{align-content:flex-start;align-items:start;text-align:left}.titles-container.center{align-content:center;align-items:center;text-align:center}.titles-container.right{align-content:flex-end;align-items:end;text-align:end}.titles-container.leftocenter{align-content:flex-start;align-items:start;text-align:left}@media (min-width: 768px){.titles-container.leftocenter{align-content:center;align-items:center;text-align:center}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TitleBlockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-title-block', standalone: true, imports: [CommonModule, TitleComponent, DisplayComponent], template: `
+    <div [ngClass]="['titles-container', props.position]">
+      <val-title
+        *ngIf="props.aboveTitle"
+        [props]="{
+          content: props.aboveTitle.content | uppercase,
+          color: props.aboveTitle.color,
+          bold: false,
+          size: props.aboveTitle.size,
+        }"
+      ></val-title>
+      <val-display
+        *ngIf="props.title"
+        [props]="{
+          content: props.title.content,
+          color: props.title.color,
+          size: props.title.size,
+        }"
+      ></val-display>
+      <val-title
+        style="margin-top: 16px;"
+        *ngIf="props.bellowTitle"
+        [props]="{
+          content: props.bellowTitle.content,
+          color: props.bellowTitle.color,
+          bold: false,
+          size: props.bellowTitle.size,
+          thin: props.bellowTitle.thin,
+        }"
+      ></val-title>
+    </div>
+  `, 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)}val-button,val-title,val-display{display:inline-block}.titles-container{width:100%;display:flex;flex-direction:column;flex-wrap:wrap}.titles-container.left{align-content:flex-start;align-items:start;text-align:left}.titles-container.center{align-content:center;align-items:center;text-align:center}.titles-container.right{align-content:flex-end;align-items:end;text-align:end}.titles-container.leftocenter{align-content:flex-start;align-items:start;text-align:left}@media (min-width: 768px){.titles-container.leftocenter{align-content:center;align-items:center;text-align:center}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { props: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGl0bGUtYmxvY2suY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy90aXRsZS1ibG9jay90aXRsZS1ibG9jay5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBcUIsU0FBUyxFQUFFLEtBQUssRUFBb0MsTUFBTSxlQUFlLENBQUM7QUFDdEcsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDekUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7QUF5Q25FOzs7Ozs7Ozs7R0FTRztBQUNILE1BQU0sT0FBTyxtQkFBbUI7SUFJOUIsWUFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFBRyxDQUFDO0lBRTlDLFFBQVEsS0FBSSxDQUFDO0lBRWIsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7WUFDckIsdUNBQXVDO1lBQ3ZDLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDekIsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQzNCLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUNSLENBQUM7SUFDSCxDQUFDOytHQWhCVSxtQkFBbUI7bUdBQW5CLG1CQUFtQiw0SEE1Q3BCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBK0JULG1wR0FoQ1MsWUFBWSw4UkFBRSxjQUFjLHlFQUFFLGdCQUFnQjs7NEZBNkM3QyxtQkFBbUI7a0JBaEQvQixTQUFTOytCQUNFLGlCQUFpQixjQUNmLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsZ0JBQWdCLENBQUMsWUFDL0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0ErQlQ7c0ZBZUQsS0FBSztzQkFESixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGlzcGxheUNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2F0b21zL2Rpc3BsYXkvZGlzcGxheS5jb21wb25lbnQnO1xuaW1wb3J0IHsgVGl0bGVDb21wb25lbnQgfSBmcm9tICcuLi8uLi9hdG9tcy90aXRsZS90aXRsZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgVGl0bGVCbG9ja01ldGFkYSB9IGZyb20gJy4vdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtdGl0bGUtYmxvY2snLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBUaXRsZUNvbXBvbmVudCwgRGlzcGxheUNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBbbmdDbGFzc109XCJbJ3RpdGxlcy1jb250YWluZXInLCBwcm9wcy5wb3NpdGlvbl1cIj5cbiAgICAgIDx2YWwtdGl0bGVcbiAgICAgICAgKm5nSWY9XCJwcm9wcy5hYm92ZVRpdGxlXCJcbiAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICBjb250ZW50OiBwcm9wcy5hYm92ZVRpdGxlLmNvbnRlbnQgfCB1cHBlcmNhc2UsXG4gICAgICAgICAgY29sb3I6IHByb3BzLmFib3ZlVGl0bGUuY29sb3IsXG4gICAgICAgICAgYm9sZDogZmFsc2UsXG4gICAgICAgICAgc2l6ZTogcHJvcHMuYWJvdmVUaXRsZS5zaXplLFxuICAgICAgICB9XCJcbiAgICAgID48L3ZhbC10aXRsZT5cbiAgICAgIDx2YWwtZGlzcGxheVxuICAgICAgICAqbmdJZj1cInByb3BzLnRpdGxlXCJcbiAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICBjb250ZW50OiBwcm9wcy50aXRsZS5jb250ZW50LFxuICAgICAgICAgIGNvbG9yOiBwcm9wcy50aXRsZS5jb2xvcixcbiAgICAgICAgICBzaXplOiBwcm9wcy50aXRsZS5zaXplLFxuICAgICAgICB9XCJcbiAgICAgID48L3ZhbC1kaXNwbGF5PlxuICAgICAgPHZhbC10aXRsZVxuICAgICAgICBzdHlsZT1cIm1hcmdpbi10b3A6IDE2cHg7XCJcbiAgICAgICAgKm5nSWY9XCJwcm9wcy5iZWxsb3dUaXRsZVwiXG4gICAgICAgIFtwcm9wc109XCJ7XG4gICAgICAgICAgY29udGVudDogcHJvcHMuYmVsbG93VGl0bGUuY29udGVudCxcbiAgICAgICAgICBjb2xvcjogcHJvcHMuYmVsbG93VGl0bGUuY29sb3IsXG4gICAgICAgICAgYm9sZDogZmFsc2UsXG4gICAgICAgICAgc2l6ZTogcHJvcHMuYmVsbG93VGl0bGUuc2l6ZSxcbiAgICAgICAgICB0aGluOiBwcm9wcy5iZWxsb3dUaXRsZS50aGluLFxuICAgICAgICB9XCJcbiAgICAgID48L3ZhbC10aXRsZT5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vdGl0bGUtYmxvY2suY29tcG9uZW50LnNjc3MnXSxcbn0pXG4vKipcbiAqIHZhbC10aXRsZS1ibG9ja1xuICpcbiAqIERpc3BsYXlzIGEgYmxvY2sgb2YgdGl0bGVzIChhYm92ZSwgbWFpbiwgYmVsb3cpIHdpdGggY29uZmlndXJhYmxlIHN0eWxlcyBhbmQgcG9zaXRpb25zLlxuICpcbiAqIEBleGFtcGxlXG4gKiA8dmFsLXRpdGxlLWJsb2NrIFtwcm9wc109XCJ7IHRpdGxlOiB7Li4ufSwgYWJvdmVUaXRsZTogey4uLn0sIGJlbGxvd1RpdGxlOiB7Li4ufSwgcG9zaXRpb246ICdjZW50ZXInIH1cIj48L3ZhbC10aXRsZS1ibG9jaz5cbiAqXG4gKiBAaW5wdXQgcHJvcHM6IFRpdGxlQmxvY2tNZXRhZGEgLSBDb25maWd1cmF0aW9uIGZvciB0aGUgdGl0bGUgYmxvY2sgKHRpdGxlLCBhYm92ZVRpdGxlLCBiZWxsb3dUaXRsZSwgcG9zaXRpb24pXG4gKi9cbmV4cG9ydCBjbGFzcyBUaXRsZUJsb2NrQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICBASW5wdXQoKVxuICBwcm9wczogVGl0bGVCbG9ja01ldGFkYTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgbmdPbkluaXQoKSB7fVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlc1sncHJvcHMnXSkge1xuICAgICAgLy8gRm9yemFyIGRldGVjY2nDs24gZGUgY2FtYmlvcyBtw7psdGlwbGVcbiAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICB9LCAwKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/components/molecules/title-block/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL3RpdGxlLWJsb2NrL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUaXRsZU1ldGFkYXRhIH0gZnJvbSAnLi4vLi4vYXRvbXMvdGl0bGUvdHlwZXMnO1xuXG4vKipcbiAqIFRpdGxlIGJsb2NrIGNvbmZpZ3VyYXRpb24gb2JqZWN0LlxuICogQHR5cGUge1RpdGxlQmxvY2tNZXRhZGF9XG4gKiBAcHJvcGVydHkgdGl0bGUgLSBNYWluIHRpdGxlIGRpc3BsYXkgY29uZmlndXJhdGlvbi5cbiAqIEBwcm9wZXJ0eSBhYm92ZVRpdGxlIC0gVGl0bGUgYWJvdmUgdGhlIG1haW4gdGl0bGUgKG9wdGlvbmFsKS5cbiAqIEBwcm9wZXJ0eSBiZWxsb3dUaXRsZSAtIFRpdGxlIGJlbG93IHRoZSBtYWluIHRpdGxlIChvcHRpb25hbCkuXG4gKiBAcHJvcGVydHkgcG9zaXRpb24gLSBQb3NpdGlvbiBvZiB0aGUgYmxvY2sgKCdjZW50ZXInLCBldGMuKS5cbiAqL1xuZXhwb3J0IHR5cGUgVGl0bGVCbG9ja01ldGFkYSA9IHtcbiAgcG9zaXRpb246ICdjZW50ZXInIHwgJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdsZWZ0b2NlbnRlcic7XG4gIHRpdGxlPzogVGl0bGVNZXRhZGF0YTtcbiAgYWJvdmVUaXRsZT86IFRpdGxlTWV0YWRhdGE7XG4gIGJlbGxvd1RpdGxlPzogVGl0bGVNZXRhZGF0YTtcbn07XG4iXX0=

package/esm2022/lib/components/molecules/toggle-input/toggle-input.component.mjs

@@ -0,0 +1,93 @@
+import { Component, inject, Input } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { IonToggle } from '@ionic/angular/standalone';
+import { CommonModule } from '@angular/common';
+import { PresetService } from '../../../services/presets';
+import { ComponentStates } from '../../types';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+/**
+ * val-toggle-input
+ *
+ * A toggle/switch input for boolean values, integrated with Angular forms.
+ *
+ * @example
+ * <val-toggle-input [props]="{
+ *   control: myBooleanControl,
+ *   label: 'Activar notificaciones',
+ *   color: 'primary',
+ *   labelPosition: 'end'
+ * }"></val-toggle-input>
+ *
+ * @input props: ToggleInputMetadata - Configuration for the toggle input
+ */
+export class ToggleInputComponent {
+    constructor() {
+        this.presets = inject(PresetService);
+        /**
+         * Input configuration object. Values here override preset values.
+         * @type {ToggleInputMetadata}
+         */
+        this.props = {};
+        /**
+         * Resolved props after merging preset + explicit props.
+         */
+        this.resolvedProps = {};
+        this.states = ComponentStates;
+    }
+    ngOnInit() {
+        this.resolveProps();
+    }
+    ngOnChanges(changes) {
+        if (changes['preset'] || changes['props']) {
+            this.resolveProps();
+        }
+    }
+    /**
+     * Merge preset configuration with explicit props.
+     * Explicit props take precedence over preset values.
+     */
+    resolveProps() {
+        const presetProps = this.preset
+            ? this.presets.get('toggleInput', this.preset)
+            : {};
+        this.resolvedProps = {
+            ...presetProps,
+            ...this.props,
+        };
+    }
+    getDisplayLabel() {
+        return this.resolvedProps.label || this.resolvedProps.contentFallback || '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToggleInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ToggleInputComponent, isStandalone: true, selector: "val-toggle-input", inputs: { preset: "preset", props: "props" }, usesOnChanges: true, ngImport: i0, template: `
+    <ion-toggle
+      [formControl]="resolvedProps.control"
+      [color]="resolvedProps.color || 'primary'"
+      [disabled]="resolvedProps.state === states.DISABLED || resolvedProps.disabled"
+      [labelPlacement]="resolvedProps.labelPosition || 'end'"
+      [justify]="resolvedProps.justify || 'start'"
+    >
+      {{ getDisplayLabel() }}
+    </ion-toggle>
+  `, isInline: true, styles: [":host{display:block}ion-toggle{--handle-spacing: 3px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IonToggle, selector: "ion-toggle", inputs: ["checked", "color", "disabled", "enableOnOffLabels", "errorText", "helperText", "justify", "labelPlacement", "mode", "name", "value"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToggleInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-toggle-input', standalone: true, imports: [CommonModule, ReactiveFormsModule, IonToggle], template: `
+    <ion-toggle
+      [formControl]="resolvedProps.control"
+      [color]="resolvedProps.color || 'primary'"
+      [disabled]="resolvedProps.state === states.DISABLED || resolvedProps.disabled"
+      [labelPlacement]="resolvedProps.labelPosition || 'end'"
+      [justify]="resolvedProps.justify || 'start'"
+    >
+      {{ getDisplayLabel() }}
+    </ion-toggle>
+  `, styles: [":host{display:block}ion-toggle{--handle-spacing: 3px}\n"] }]
+        }], propDecorators: { preset: [{
+                type: Input
+            }], props: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9tb2xlY3VsZXMvdG9nZ2xlLWlucHV0L3RvZ2dsZS1pbnB1dC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFvQyxNQUFNLGVBQWUsQ0FBQztBQUMzRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUUxRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDOzs7QUFtQjlDOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBQ0gsTUFBTSxPQUFPLG9CQUFvQjtJQWhDakM7UUFpQ1UsWUFBTyxHQUFHLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztRQVd4Qzs7O1dBR0c7UUFDTSxVQUFLLEdBQWlDLEVBQUUsQ0FBQztRQUVsRDs7V0FFRztRQUNILGtCQUFhLEdBQXdCLEVBQXlCLENBQUM7UUFFL0QsV0FBTSxHQUFHLGVBQWUsQ0FBQztLQThCMUI7SUE1QkMsUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLFFBQVEsQ0FBQyxJQUFJLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO1lBQzFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUN0QixDQUFDO0lBQ0gsQ0FBQztJQUVEOzs7T0FHRztJQUNLLFlBQVk7UUFDbEIsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLE1BQU07WUFDN0IsQ0FBQyxDQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFrQztZQUNoRixDQUFDLENBQUMsRUFBRSxDQUFDO1FBRVAsSUFBSSxDQUFDLGFBQWEsR0FBRztZQUNuQixHQUFHLFdBQVc7WUFDZCxHQUFHLElBQUksQ0FBQyxLQUFLO1NBQ1MsQ0FBQztJQUMzQixDQUFDO0lBRUQsZUFBZTtRQUNiLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQyxlQUFlLElBQUksRUFBRSxDQUFDO0lBQzlFLENBQUM7K0dBcERVLG9CQUFvQjttR0FBcEIsb0JBQW9CLCtJQTVCckI7Ozs7Ozs7Ozs7R0FVVCxnSUFYUyxZQUFZLDhCQUFFLG1CQUFtQiwwVEFBRSxTQUFTOzs0RkE2QjNDLG9CQUFvQjtrQkFoQ2hDLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxtQkFBbUIsRUFBRSxTQUFTLENBQUMsWUFDN0M7Ozs7Ozs7Ozs7R0FVVDs4QkE0QlEsTUFBTTtzQkFBZCxLQUFLO2dCQU1HLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5qZWN0LCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBJb25Ub2dnbGUgfSBmcm9tICdAaW9uaWMvYW5ndWxhci9zdGFuZGFsb25lJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBQcmVzZXRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvcHJlc2V0cyc7XG5pbXBvcnQgeyBUb2dnbGVJbnB1dE1ldGFkYXRhIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQgeyBDb21wb25lbnRTdGF0ZXMgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC10b2dnbGUtaW5wdXQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlLCBJb25Ub2dnbGVdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxpb24tdG9nZ2xlXG4gICAgICBbZm9ybUNvbnRyb2xdPVwicmVzb2x2ZWRQcm9wcy5jb250cm9sXCJcbiAgICAgIFtjb2xvcl09XCJyZXNvbHZlZFByb3BzLmNvbG9yIHx8ICdwcmltYXJ5J1wiXG4gICAgICBbZGlzYWJsZWRdPVwicmVzb2x2ZWRQcm9wcy5zdGF0ZSA9PT0gc3RhdGVzLkRJU0FCTEVEIHx8IHJlc29sdmVkUHJvcHMuZGlzYWJsZWRcIlxuICAgICAgW2xhYmVsUGxhY2VtZW50XT1cInJlc29sdmVkUHJvcHMubGFiZWxQb3NpdGlvbiB8fCAnZW5kJ1wiXG4gICAgICBbanVzdGlmeV09XCJyZXNvbHZlZFByb3BzLmp1c3RpZnkgfHwgJ3N0YXJ0J1wiXG4gICAgPlxuICAgICAge3sgZ2V0RGlzcGxheUxhYmVsKCkgfX1cbiAgICA8L2lvbi10b2dnbGU+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3RvZ2dsZS1pbnB1dC5jb21wb25lbnQuc2NzcyddLFxufSlcbi8qKlxuICogdmFsLXRvZ2dsZS1pbnB1dFxuICpcbiAqIEEgdG9nZ2xlL3N3aXRjaCBpbnB1dCBmb3IgYm9vbGVhbiB2YWx1ZXMsIGludGVncmF0ZWQgd2l0aCBBbmd1bGFyIGZvcm1zLlxuICpcbiAqIEBleGFtcGxlXG4gKiA8dmFsLXRvZ2dsZS1pbnB1dCBbcHJvcHNdPVwie1xuICogICBjb250cm9sOiBteUJvb2xlYW5Db250cm9sLFxuICogICBsYWJlbDogJ0FjdGl2YXIgbm90aWZpY2FjaW9uZXMnLFxuICogICBjb2xvcjogJ3ByaW1hcnknLFxuICogICBsYWJlbFBvc2l0aW9uOiAnZW5kJ1xuICogfVwiPjwvdmFsLXRvZ2dsZS1pbnB1dD5cbiAqXG4gKiBAaW5wdXQgcHJvcHM6IFRvZ2dsZUlucHV0TWV0YWRhdGEgLSBDb25maWd1cmF0aW9uIGZvciB0aGUgdG9nZ2xlIGlucHV0XG4gKi9cbmV4cG9ydCBjbGFzcyBUb2dnbGVJbnB1dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAgcHJpdmF0ZSBwcmVzZXRzID0gaW5qZWN0KFByZXNldFNlcnZpY2UpO1xuXG4gIC8qKlxuICAgKiBQcmVzZXQgbmFtZSB0byBhcHBseS4gUHJlc2V0cyBkZWZpbmUgcmV1c2FibGUgdG9nZ2xlIGlucHV0IGNvbmZpZ3VyYXRpb25zXG4gICAqIHRoYXQgY2FuIGJlIHJlZ2lzdGVyZWQgYXQgYXBwIGxldmVsIHZpYSBwcm92aWRlVmFsdGVjaFByZXNldHMoKS5cbiAgICpcbiAgICogQGV4YW1wbGVcbiAgICogPHZhbC10b2dnbGUtaW5wdXQgcHJlc2V0PVwiZm9ybS1maWVsZFwiIFtwcm9wc109XCJ7IGNvbnRyb2w6IGN0cmwgfVwiPjwvdmFsLXRvZ2dsZS1pbnB1dD5cbiAgICovXG4gIEBJbnB1dCgpIHByZXNldD86IHN0cmluZztcblxuICAvKipcbiAgICogSW5wdXQgY29uZmlndXJhdGlvbiBvYmplY3QuIFZhbHVlcyBoZXJlIG92ZXJyaWRlIHByZXNldCB2YWx1ZXMuXG4gICAqIEB0eXBlIHtUb2dnbGVJbnB1dE1ldGFkYXRhfVxuICAgKi9cbiAgQElucHV0KCkgcHJvcHM6IFBhcnRpYWw8VG9nZ2xlSW5wdXRNZXRhZGF0YT4gPSB7fTtcblxuICAvKipcbiAgICogUmVzb2x2ZWQgcHJvcHMgYWZ0ZXIgbWVyZ2luZyBwcmVzZXQgKyBleHBsaWNpdCBwcm9wcy5cbiAgICovXG4gIHJlc29sdmVkUHJvcHM6IFRvZ2dsZUlucHV0TWV0YWRhdGEgPSB7fSBhcyBUb2dnbGVJbnB1dE1ldGFkYXRhO1xuXG4gIHN0YXRlcyA9IENvbXBvbmVudFN0YXRlcztcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnJlc29sdmVQcm9wcygpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGlmIChjaGFuZ2VzWydwcmVzZXQnXSB8fCBjaGFuZ2VzWydwcm9wcyddKSB7XG4gICAgICB0aGlzLnJlc29sdmVQcm9wcygpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBNZXJnZSBwcmVzZXQgY29uZmlndXJhdGlvbiB3aXRoIGV4cGxpY2l0IHByb3BzLlxuICAgKiBFeHBsaWNpdCBwcm9wcyB0YWtlIHByZWNlZGVuY2Ugb3ZlciBwcmVzZXQgdmFsdWVzLlxuICAgKi9cbiAgcHJpdmF0ZSByZXNvbHZlUHJvcHMoKTogdm9pZCB7XG4gICAgY29uc3QgcHJlc2V0UHJvcHMgPSB0aGlzLnByZXNldFxuICAgICAgPyAodGhpcy5wcmVzZXRzLmdldCgndG9nZ2xlSW5wdXQnLCB0aGlzLnByZXNldCkgYXMgUGFydGlhbDxUb2dnbGVJbnB1dE1ldGFkYXRhPilcbiAgICAgIDoge307XG5cbiAgICB0aGlzLnJlc29sdmVkUHJvcHMgPSB7XG4gICAgICAuLi5wcmVzZXRQcm9wcyxcbiAgICAgIC4uLnRoaXMucHJvcHMsXG4gICAgfSBhcyBUb2dnbGVJbnB1dE1ldGFkYXRhO1xuICB9XG5cbiAgZ2V0RGlzcGxheUxhYmVsKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMucmVzb2x2ZWRQcm9wcy5sYWJlbCB8fCB0aGlzLnJlc29sdmVkUHJvcHMuY29udGVudEZhbGxiYWNrIHx8ICcnO1xuICB9XG59XG4iXX0=

package/esm2022/lib/components/molecules/toggle-input/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL3RvZ2dsZS1pbnB1dC90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBDb2xvciB9IGZyb20gJ0Bpb25pYy9jb3JlJztcbmltcG9ydCB7IENvbXBvbmVudFN0YXRlIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuXG4vKipcbiAqIE1ldGFkYXRhIGZvciB0aGUgdG9nZ2xlIGlucHV0IGNvbXBvbmVudC5cbiAqL1xuZXhwb3J0IGludGVyZmFjZSBUb2dnbGVJbnB1dE1ldGFkYXRhIHtcbiAgLyoqIEFzc29jaWF0ZWQgZm9ybSBjb250cm9sICovXG4gIGNvbnRyb2w6IEZvcm1Db250cm9sPGJvb2xlYW4+O1xuICAvKiogVW5pcXVlIHRva2VuIGZvciB0aGUgaW5wdXQgKi9cbiAgdG9rZW4/OiBzdHJpbmc7XG4gIC8qKiBEaXNwbGF5IGxhYmVsICovXG4gIGxhYmVsPzogc3RyaW5nO1xuICAvKiogTGFiZWwgcG9zaXRpb24gcmVsYXRpdmUgdG8gdG9nZ2xlICovXG4gIGxhYmVsUG9zaXRpb24/OiAnc3RhcnQnIHwgJ2VuZCc7XG4gIC8qKiBUb2dnbGUgY29sb3IgKi9cbiAgY29sb3I/OiBDb2xvcjtcbiAgLyoqIENvbXBvbmVudCBzdGF0ZSAqL1xuICBzdGF0ZT86IENvbXBvbmVudFN0YXRlO1xuICAvKiogSnVzdGlmeSBjb250ZW50IGFsaWdubWVudCAqL1xuICBqdXN0aWZ5PzogJ3N0YXJ0JyB8ICdlbmQnIHwgJ3NwYWNlLWJldHdlZW4nO1xuICAvKiogRW5hYmxlL2Rpc2FibGUgdG9nZ2xlICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIFJlYWN0aXZlIGNvbnRlbnQga2V5IGZvciBsYWJlbCAqL1xuICBjb250ZW50S2V5Pzogc3RyaW5nO1xuICAvKiogQ29tcG9uZW50IGNsYXNzIG5hbWUgZm9yIGNvbnRlbnQgbG9va3VwICovXG4gIGNvbnRlbnRDbGFzcz86IHN0cmluZztcbiAgLyoqIEZhbGxiYWNrIHRleHQgaWYgY29udGVudEtleSBpcyBub3QgZm91bmQgKi9cbiAgY29udGVudEZhbGxiYWNrPzogc3RyaW5nO1xufVxuIl19

package/esm2022/lib/components/molecules/update-banner/update-banner.component.mjs

@@ -0,0 +1,112 @@
+/**
+ * UpdateBannerComponent
+ *
+ * Componente que muestra un banner cuando hay una nueva versión de la aplicación disponible.
+ * Se integra automáticamente con AppConfigService para detectar actualizaciones.
+ */
+import { CommonModule } from '@angular/common';
+import { Component, computed, inject, signal } from '@angular/core';
+import { BannerComponent } from '../../organisms/banner/banner.component';
+import { AppConfigService } from '../../../services/app-config/app-config.service';
+import { I18nService } from '../../../services/i18n';
+import * as i0 from "@angular/core";
+/**
+ * val-update-banner
+ *
+ * Banner de actualización que aparece cuando hay una nueva versión disponible.
+ * Se cierra automáticamente cuando el usuario hace clic en "Actualizar" o en cerrar.
+ *
+ * @example
+ * ```html
+ * <!-- Uso básico -->
+ * <val-update-banner />
+ *
+ * <!-- El banner solo aparece si hay actualización disponible -->
+ * ```
+ */
+export class UpdateBannerComponent {
+    constructor() {
+        this.appConfig = inject(AppConfigService);
+        this.i18n = inject(I18nService);
+        /**
+         * Signal para controlar si el banner fue descartado por el usuario.
+         */
+        this.dismissed = signal(false);
+        /**
+         * Indica si el banner debe mostrarse.
+         */
+        this.show = computed(() => this.appConfig.hasUpdate() && !this.dismissed());
+        /**
+         * Props del banner calculadas reactivamente.
+         */
+        this.bannerProps = computed(() => ({
+            color: 'primary',
+            bordered: false,
+            closable: true,
+            mode: 'center',
+            alignment: 'center',
+            padding: '0.5rem 1rem',
+            content: {
+                position: 'center',
+                title: {
+                    content: this.i18n.t('clickToUpdate', 'AppConfig'),
+                    size: 'small',
+                    color: 'light',
+                    bold: false,
+                },
+            },
+            actions: {
+                position: 'center',
+                columned: false,
+                buttons: [
+                    {
+                        token: 'update',
+                        text: this.i18n.t('updateNow', 'AppConfig'),
+                        color: 'light',
+                        fill: 'outline',
+                        size: 'small',
+                        state: 'ENABLED',
+                        type: 'button',
+                    },
+                ],
+            },
+        }));
+    }
+    /**
+     * Maneja el clic en acciones del banner.
+     */
+    onAction(token) {
+        if (token === 'update') {
+            window.location.reload();
+        }
+    }
+    /**
+     * Descarta el banner temporalmente (hasta que se recargue la página).
+     */
+    dismiss() {
+        this.dismissed.set(true);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UpdateBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: UpdateBannerComponent, isStandalone: true, selector: "val-update-banner", ngImport: i0, template: `
+    @if (show()) {
+      <val-banner
+        [props]="bannerProps()"
+        (onClick)="onAction($event)"
+        (onClose)="dismiss()"
+      />
+    }
+  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: BannerComponent, selector: "val-banner", inputs: ["props"], outputs: ["onClick", "onClose"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UpdateBannerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-update-banner', standalone: true, imports: [CommonModule, BannerComponent], template: `
+    @if (show()) {
+      <val-banner
+        [props]="bannerProps()"
+        (onClick)="onAction($event)"
+        (onClose)="dismiss()"
+      />
+    }
+  `, styles: [":host{display:block}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBkYXRlLWJhbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL3VwZGF0ZS1iYW5uZXIvdXBkYXRlLWJhbm5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7O0dBS0c7QUFFSCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDMUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDbkYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQUdyRDs7Ozs7Ozs7Ozs7OztHQWFHO0FBc0JILE1BQU0sT0FBTyxxQkFBcUI7SUFyQmxDO1FBc0JVLGNBQVMsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUNyQyxTQUFJLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBRW5DOztXQUVHO1FBQ0ssY0FBUyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUVsQzs7V0FFRztRQUNNLFNBQUksR0FBRyxRQUFRLENBQ3RCLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQ3RELENBQUM7UUFFRjs7V0FFRztRQUNNLGdCQUFXLEdBQUcsUUFBUSxDQUFpQixHQUFHLEVBQUUsQ0FBQyxDQUFDO1lBQ3JELEtBQUssRUFBRSxTQUFTO1lBQ2hCLFFBQVEsRUFBRSxLQUFLO1lBQ2YsUUFBUSxFQUFFLElBQUk7WUFDZCxJQUFJLEVBQUUsUUFBUTtZQUNkLFNBQVMsRUFBRSxRQUFRO1lBQ25CLE9BQU8sRUFBRSxhQUFhO1lBQ3RCLE9BQU8sRUFBRTtnQkFDUCxRQUFRLEVBQUUsUUFBUTtnQkFDbEIsS0FBSyxFQUFFO29CQUNMLE9BQU8sRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxlQUFlLEVBQUUsV0FBVyxDQUFDO29CQUNsRCxJQUFJLEVBQUUsT0FBTztvQkFDYixLQUFLLEVBQUUsT0FBTztvQkFDZCxJQUFJLEVBQUUsS0FBSztpQkFDWjthQUNGO1lBQ0QsT0FBTyxFQUFFO2dCQUNQLFFBQVEsRUFBRSxRQUFRO2dCQUNsQixRQUFRLEVBQUUsS0FBSztnQkFDZixPQUFPLEVBQUU7b0JBQ1A7d0JBQ0UsS0FBSyxFQUFFLFFBQVE7d0JBQ2YsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxXQUFXLENBQUM7d0JBQzNDLEtBQUssRUFBRSxPQUFPO3dCQUNkLElBQUksRUFBRSxTQUFTO3dCQUNmLElBQUksRUFBRSxPQUFPO3dCQUNiLEtBQUssRUFBRSxTQUFTO3dCQUNoQixJQUFJLEVBQUUsUUFBUTtxQkFDZjtpQkFDRjthQUNGO1NBQ0YsQ0FBQyxDQUFDLENBQUM7S0FpQkw7SUFmQzs7T0FFRztJQUNILFFBQVEsQ0FBQyxLQUFhO1FBQ3BCLElBQUksS0FBSyxLQUFLLFFBQVEsRUFBRSxDQUFDO1lBQ3ZCLE1BQU0sQ0FBQyxRQUFRLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDM0IsQ0FBQztJQUNILENBQUM7SUFFRDs7T0FFRztJQUNILE9BQU87UUFDTCxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMzQixDQUFDOytHQWxFVSxxQkFBcUI7bUdBQXJCLHFCQUFxQiw2RUFqQnRCOzs7Ozs7OztHQVFULCtGQVRTLFlBQVksK0JBQUUsZUFBZTs7NEZBa0I1QixxQkFBcUI7a0JBckJqQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZUFBZSxDQUFDLFlBQzlCOzs7Ozs7OztHQVFUIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBVcGRhdGVCYW5uZXJDb21wb25lbnRcbiAqXG4gKiBDb21wb25lbnRlIHF1ZSBtdWVzdHJhIHVuIGJhbm5lciBjdWFuZG8gaGF5IHVuYSBudWV2YSB2ZXJzacOzbiBkZSBsYSBhcGxpY2FjacOzbiBkaXNwb25pYmxlLlxuICogU2UgaW50ZWdyYSBhdXRvbcOhdGljYW1lbnRlIGNvbiBBcHBDb25maWdTZXJ2aWNlIHBhcmEgZGV0ZWN0YXIgYWN0dWFsaXphY2lvbmVzLlxuICovXG5cbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIGNvbXB1dGVkLCBpbmplY3QsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBCYW5uZXJDb21wb25lbnQgfSBmcm9tICcuLi8uLi9vcmdhbmlzbXMvYmFubmVyL2Jhbm5lci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQXBwQ29uZmlnU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2FwcC1jb25maWcvYXBwLWNvbmZpZy5zZXJ2aWNlJztcbmltcG9ydCB7IEkxOG5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvaTE4bic7XG5pbXBvcnQgeyBCYW5uZXJNZXRhZGF0YSB9IGZyb20gJy4uLy4uL29yZ2FuaXNtcy9iYW5uZXIvdHlwZXMnO1xuXG4vKipcbiAqIHZhbC11cGRhdGUtYmFubmVyXG4gKlxuICogQmFubmVyIGRlIGFjdHVhbGl6YWNpw7NuIHF1ZSBhcGFyZWNlIGN1YW5kbyBoYXkgdW5hIG51ZXZhIHZlcnNpw7NuIGRpc3BvbmlibGUuXG4gKiBTZSBjaWVycmEgYXV0b23DoXRpY2FtZW50ZSBjdWFuZG8gZWwgdXN1YXJpbyBoYWNlIGNsaWMgZW4gXCJBY3R1YWxpemFyXCIgbyBlbiBjZXJyYXIuXG4gKlxuICogQGV4YW1wbGVcbiAqIGBgYGh0bWxcbiAqIDwhLS0gVXNvIGLDoXNpY28gLS0+XG4gKiA8dmFsLXVwZGF0ZS1iYW5uZXIgLz5cbiAqXG4gKiA8IS0tIEVsIGJhbm5lciBzb2xvIGFwYXJlY2Ugc2kgaGF5IGFjdHVhbGl6YWNpw7NuIGRpc3BvbmlibGUgLS0+XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLXVwZGF0ZS1iYW5uZXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBCYW5uZXJDb21wb25lbnRdLFxuICB0ZW1wbGF0ZTogYFxuICAgIEBpZiAoc2hvdygpKSB7XG4gICAgICA8dmFsLWJhbm5lclxuICAgICAgICBbcHJvcHNdPVwiYmFubmVyUHJvcHMoKVwiXG4gICAgICAgIChvbkNsaWNrKT1cIm9uQWN0aW9uKCRldmVudClcIlxuICAgICAgICAob25DbG9zZSk9XCJkaXNtaXNzKClcIlxuICAgICAgLz5cbiAgICB9XG4gIGAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIDpob3N0IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgVXBkYXRlQmFubmVyQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSBhcHBDb25maWcgPSBpbmplY3QoQXBwQ29uZmlnU2VydmljZSk7XG4gIHByaXZhdGUgaTE4biA9IGluamVjdChJMThuU2VydmljZSk7XG5cbiAgLyoqXG4gICAqIFNpZ25hbCBwYXJhIGNvbnRyb2xhciBzaSBlbCBiYW5uZXIgZnVlIGRlc2NhcnRhZG8gcG9yIGVsIHVzdWFyaW8uXG4gICAqL1xuICBwcml2YXRlIGRpc21pc3NlZCA9IHNpZ25hbChmYWxzZSk7XG5cbiAgLyoqXG4gICAqIEluZGljYSBzaSBlbCBiYW5uZXIgZGViZSBtb3N0cmFyc2UuXG4gICAqL1xuICByZWFkb25seSBzaG93ID0gY29tcHV0ZWQoXG4gICAgKCkgPT4gdGhpcy5hcHBDb25maWcuaGFzVXBkYXRlKCkgJiYgIXRoaXMuZGlzbWlzc2VkKClcbiAgKTtcblxuICAvKipcbiAgICogUHJvcHMgZGVsIGJhbm5lciBjYWxjdWxhZGFzIHJlYWN0aXZhbWVudGUuXG4gICAqL1xuICByZWFkb25seSBiYW5uZXJQcm9wcyA9IGNvbXB1dGVkPEJhbm5lck1ldGFkYXRhPigoKSA9PiAoe1xuICAgIGNvbG9yOiAncHJpbWFyeScsXG4gICAgYm9yZGVyZWQ6IGZhbHNlLFxuICAgIGNsb3NhYmxlOiB0cnVlLFxuICAgIG1vZGU6ICdjZW50ZXInLFxuICAgIGFsaWdubWVudDogJ2NlbnRlcicsXG4gICAgcGFkZGluZzogJzAuNXJlbSAxcmVtJyxcbiAgICBjb250ZW50OiB7XG4gICAgICBwb3NpdGlvbjogJ2NlbnRlcicsXG4gICAgICB0aXRsZToge1xuICAgICAgICBjb250ZW50OiB0aGlzLmkxOG4udCgnY2xpY2tUb1VwZGF0ZScsICdBcHBDb25maWcnKSxcbiAgICAgICAgc2l6ZTogJ3NtYWxsJyxcbiAgICAgICAgY29sb3I6ICdsaWdodCcsXG4gICAgICAgIGJvbGQ6IGZhbHNlLFxuICAgICAgfSxcbiAgICB9LFxuICAgIGFjdGlvbnM6IHtcbiAgICAgIHBvc2l0aW9uOiAnY2VudGVyJyxcbiAgICAgIGNvbHVtbmVkOiBmYWxzZSxcbiAgICAgIGJ1dHRvbnM6IFtcbiAgICAgICAge1xuICAgICAgICAgIHRva2VuOiAndXBkYXRlJyxcbiAgICAgICAgICB0ZXh0OiB0aGlzLmkxOG4udCgndXBkYXRlTm93JywgJ0FwcENvbmZpZycpLFxuICAgICAgICAgIGNvbG9yOiAnbGlnaHQnLFxuICAgICAgICAgIGZpbGw6ICdvdXRsaW5lJyxcbiAgICAgICAgICBzaXplOiAnc21hbGwnLFxuICAgICAgICAgIHN0YXRlOiAnRU5BQkxFRCcsXG4gICAgICAgICAgdHlwZTogJ2J1dHRvbicsXG4gICAgICAgIH0sXG4gICAgICBdLFxuICAgIH0sXG4gIH0pKTtcblxuICAvKipcbiAgICogTWFuZWphIGVsIGNsaWMgZW4gYWNjaW9uZXMgZGVsIGJhbm5lci5cbiAgICovXG4gIG9uQWN0aW9uKHRva2VuOiBzdHJpbmcpOiB2b2lkIHtcbiAgICBpZiAodG9rZW4gPT09ICd1cGRhdGUnKSB7XG4gICAgICB3aW5kb3cubG9jYXRpb24ucmVsb2FkKCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIERlc2NhcnRhIGVsIGJhbm5lciB0ZW1wb3JhbG1lbnRlIChoYXN0YSBxdWUgc2UgcmVjYXJndWUgbGEgcMOhZ2luYSkuXG4gICAqL1xuICBkaXNtaXNzKCk6IHZvaWQge1xuICAgIHRoaXMuZGlzbWlzc2VkLnNldCh0cnVlKTtcbiAgfVxufVxuIl19

package/esm2022/lib/components/molecules/username-input/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL3VzZXJuYW1lLWlucHV0L3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IENvbXBvbmVudFN0YXRlIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuXG4vKipcbiAqIE1ldGFkYXRhIGZvciBVc2VybmFtZUlucHV0Q29tcG9uZW50LlxuICovXG5leHBvcnQgaW50ZXJmYWNlIFVzZXJuYW1lSW5wdXRNZXRhZGF0YSB7XG4gIC8qKiBGb3JtQ29udHJvbCBwYXJhIGVsIHZhbG9yIGRlbCB1c2VybmFtZSAqL1xuICBjb250cm9sOiBGb3JtQ29udHJvbDxzdHJpbmc+O1xuICAvKiogTGFiZWwgZGVsIGNhbXBvICovXG4gIGxhYmVsPzogc3RyaW5nO1xuICAvKiogUGxhY2Vob2xkZXIgZGVsIGlucHV0ICovXG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICAvKiogUHJlZmlqbyB2aXN1YWwgKGRlZmF1bHQ6ICdAJykgKi9cbiAgcHJlZml4Pzogc3RyaW5nO1xuICAvKiogTG9uZ2l0dWQgbcOtbmltYSBwZXJtaXRpZGEgKGRlZmF1bHQ6IDMpICovXG4gIG1pbkxlbmd0aD86IG51bWJlcjtcbiAgLyoqIExvbmdpdHVkIG3DoXhpbWEgcGVybWl0aWRhIChkZWZhdWx0OiAzMCkgKi9cbiAgbWF4TGVuZ3RoPzogbnVtYmVyO1xuICAvKiogRnVuY2nDs24gcGFyYSB2ZXJpZmljYXIgZGlzcG9uaWJpbGlkYWQgZGVsIHVzZXJuYW1lICovXG4gIGNoZWNrQXZhaWxhYmlsaXR5PzogKGhhbmRsZTogc3RyaW5nKSA9PiBPYnNlcnZhYmxlPGJvb2xlYW4+O1xuICAvKiogTWVuc2FqZXMgZGUgZXJyb3IgcGVyc29uYWxpemFkb3MgKi9cbiAgZXJyb3JzPzogUmVjb3JkPHN0cmluZywgc3RyaW5nPjtcbiAgLyoqIEVzdGFkbyBkZWwgY29tcG9uZW50ZSAqL1xuICBzdGF0ZT86IENvbXBvbmVudFN0YXRlO1xuICAvKiogTW9zdHJhciBpbmRpY2Fkb3IgZGUgZGlzcG9uaWJpbGlkYWQgKGRlZmF1bHQ6IHRydWUpICovXG4gIHNob3dBdmFpbGFiaWxpdHk/OiBib29sZWFuO1xuICAvKiogRGVib3VuY2UgZW4gbXMgcGFyYSBjaGVjayBkZSBkaXNwb25pYmlsaWRhZCAoZGVmYXVsdDogNTAwKSAqL1xuICBkZWJvdW5jZVRpbWU/OiBudW1iZXI7XG59XG5cbi8qKlxuICogRXN0YWRvIGRlIGRpc3BvbmliaWxpZGFkIGRlbCB1c2VybmFtZS5cbiAqL1xuZXhwb3J0IHR5cGUgVXNlcm5hbWVBdmFpbGFiaWxpdHlTdGF0dXMgPSAnaWRsZScgfCAnY2hlY2tpbmcnIHwgJ2F2YWlsYWJsZScgfCAndGFrZW4nIHwgJ2ludmFsaWQnO1xuIl19