valtech-components 2.0.691 → 2.0.693

package/esm2022/lib/components/atoms/fab/fab.component.mjs

@@ -0,0 +1,190 @@
+import { Component, inject, Input, Output, EventEmitter } from '@angular/core';
+import { IonFab, IonFabButton, IonFabList, IonIcon, IonLabel } from '@ionic/angular/standalone';
+import { CommonModule } from '@angular/common';
+import { PresetService } from '../../../services/presets';
+import { addIcons } from 'ionicons';
+import { add, close, share, create, trash, heart, star, camera, mic, send } from 'ionicons/icons';
+import * as i0 from "@angular/core";
+addIcons({ add, close, share, create, trash, heart, star, camera, mic, send });
+/**
+ * val-fab
+ *
+ * A Floating Action Button component with optional speed dial actions.
+ * Supports presets for reusable configurations.
+ *
+ * @example With preset:
+ * <val-fab preset="default" [props]="{ icon: 'add' }" (fabClick)="onCreate()"></val-fab>
+ *
+ * @example Simple FAB
+ * <val-fab [props]="{
+ *   icon: 'add',
+ *   color: 'primary',
+ *   position: 'bottom-end'
+ * }" (fabClick)="onCreate()"></val-fab>
+ *
+ * @example Speed dial FAB
+ * <val-fab [props]="{
+ *   icon: 'add',
+ *   iconActivated: 'close',
+ *   position: 'bottom-end',
+ *   actions: [
+ *     { icon: 'camera', label: 'Photo', token: 'photo' },
+ *     { icon: 'mic', label: 'Audio', token: 'audio' },
+ *     { icon: 'create', label: 'Note', token: 'note' }
+ *   ],
+ *   side: 'top'
+ * }" (actionClick)="onAction($event)"></val-fab>
+ *
+ * @input preset: string - Name of preset to apply
+ * @input props: FabMetadata - Configuration for the FAB
+ * @output fabClick: void - Emits when main FAB is clicked (without actions)
+ * @output actionClick: FabActionMetadata - Emits when an action is clicked
+ */
+export class FabComponent {
+    constructor() {
+        this.presets = inject(PresetService);
+        /**
+         * FAB configuration object. Values here override preset values.
+         */
+        this.props = {};
+        /**
+         * Resolved props after merging preset + explicit props.
+         */
+        this.resolvedProps = {};
+        this.fabClick = new EventEmitter();
+        this.actionClick = new EventEmitter();
+        this.isActivated = false;
+    }
+    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('fab', this.preset)
+            : {};
+        this.resolvedProps = {
+            ...presetProps,
+            ...this.props,
+        };
+    }
+    getVertical() {
+        const pos = this.resolvedProps.position || 'bottom-end';
+        if (pos.startsWith('top'))
+            return 'top';
+        if (pos.startsWith('center'))
+            return 'center';
+        return 'bottom';
+    }
+    getHorizontal() {
+        const pos = this.resolvedProps.position || 'bottom-end';
+        if (pos.endsWith('start'))
+            return 'start';
+        if (pos.endsWith('center'))
+            return 'center';
+        return 'end';
+    }
+    getMainIcon() {
+        if (this.isActivated && this.resolvedProps.iconActivated) {
+            return this.resolvedProps.iconActivated;
+        }
+        return this.resolvedProps.icon;
+    }
+    onMainClick() {
+        if (this.resolvedProps.actions && this.resolvedProps.actions.length > 0) {
+            this.isActivated = !this.isActivated;
+        }
+        else {
+            this.fabClick.emit();
+        }
+    }
+    onActionClick(action) {
+        this.actionClick.emit(action);
+        if (this.resolvedProps.closeOnAction !== false) {
+            this.isActivated = false;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FabComponent, isStandalone: true, selector: "val-fab", inputs: { preset: "preset", props: "props" }, outputs: { fabClick: "fabClick", actionClick: "actionClick" }, usesOnChanges: true, ngImport: i0, template: `
+    <ion-fab
+      [vertical]="getVertical()"
+      [horizontal]="getHorizontal()"
+      [activated]="isActivated"
+    >
+      <ion-fab-button
+        [color]="resolvedProps.color || 'primary'"
+        [size]="resolvedProps.size"
+        [disabled]="resolvedProps.disabled"
+        [translucent]="resolvedProps.translucent"
+        (click)="onMainClick()"
+      >
+        <ion-icon [name]="getMainIcon()"></ion-icon>
+      </ion-fab-button>
+
+      @if (resolvedProps.actions && resolvedProps.actions.length > 0) {
+        <ion-fab-list [side]="resolvedProps.side || 'top'">
+          @for (action of resolvedProps.actions; track action.token || $index) {
+            <ion-fab-button
+              [color]="action.color || 'light'"
+              [disabled]="action.disabled"
+              (click)="onActionClick(action)"
+            >
+              <ion-icon [name]="action.icon"></ion-icon>
+            </ion-fab-button>
+          }
+        </ion-fab-list>
+      }
+    </ion-fab>
+  `, isInline: true, styles: [":host{display:block}ion-fab{position:relative}ion-fab-button{--box-shadow: 0 4px 12px rgba(0, 0, 0, .15);transition:transform .2s}ion-fab-button:hover:not([disabled]){transform:scale(1.05)}ion-fab-button:active:not([disabled]){transform:scale(.95)}ion-fab-list ion-fab-button{--box-shadow: 0 2px 8px rgba(0, 0, 0, .1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonFab, selector: "ion-fab", inputs: ["activated", "edge", "horizontal", "vertical"] }, { kind: "component", type: IonFabButton, selector: "ion-fab-button", inputs: ["activated", "closeIcon", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "show", "size", "target", "translucent", "type"] }, { kind: "component", type: IonFabList, selector: "ion-fab-list", inputs: ["activated", "side"] }, { 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: FabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-fab', standalone: true, imports: [CommonModule, IonFab, IonFabButton, IonFabList, IonIcon, IonLabel], template: `
+    <ion-fab
+      [vertical]="getVertical()"
+      [horizontal]="getHorizontal()"
+      [activated]="isActivated"
+    >
+      <ion-fab-button
+        [color]="resolvedProps.color || 'primary'"
+        [size]="resolvedProps.size"
+        [disabled]="resolvedProps.disabled"
+        [translucent]="resolvedProps.translucent"
+        (click)="onMainClick()"
+      >
+        <ion-icon [name]="getMainIcon()"></ion-icon>
+      </ion-fab-button>
+
+      @if (resolvedProps.actions && resolvedProps.actions.length > 0) {
+        <ion-fab-list [side]="resolvedProps.side || 'top'">
+          @for (action of resolvedProps.actions; track action.token || $index) {
+            <ion-fab-button
+              [color]="action.color || 'light'"
+              [disabled]="action.disabled"
+              (click)="onActionClick(action)"
+            >
+              <ion-icon [name]="action.icon"></ion-icon>
+            </ion-fab-button>
+          }
+        </ion-fab-list>
+      }
+    </ion-fab>
+  `, styles: [":host{display:block}ion-fab{position:relative}ion-fab-button{--box-shadow: 0 4px 12px rgba(0, 0, 0, .15);transition:transform .2s}ion-fab-button:hover:not([disabled]){transform:scale(1.05)}ion-fab-button:active:not([disabled]){transform:scale(.95)}ion-fab-list ion-fab-button{--box-shadow: 0 2px 8px rgba(0, 0, 0, .1)}\n"] }]
+        }], propDecorators: { preset: [{
+                type: Input
+            }], props: [{
+                type: Input
+            }], fabClick: [{
+                type: Output
+            }], actionClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9hdG9tcy9mYWIvZmFiLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBRSxZQUFZLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ2pILE9BQU8sRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDaEcsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUUxRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ3BDLE9BQU8sRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFFbEcsUUFBUSxDQUFDLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztBQXVDL0U7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWlDRztBQUNILE1BQU0sT0FBTyxZQUFZO0lBdkV6QjtRQXdFVSxZQUFPLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBUXhDOztXQUVHO1FBQ00sVUFBSyxHQUF5QixFQUFFLENBQUM7UUFFMUM7O1dBRUc7UUFDSCxrQkFBYSxHQUFnQixFQUFp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LFlBQVksRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLFFBQVEsQ0FBQyxZQUNsRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBOEJUOzhCQTRDUSxNQUFNO3NCQUFkLEtBQUs7Z0JBS0csS0FBSztzQkFBYixLQUFLO2dCQU9JLFFBQVE7c0JBQWpCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5qZWN0LCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJb25GYWIsIElvbkZhYkJ1dHRvbiwgSW9uRmFiTGlzdCwgSW9uSWNvbiwgSW9uTGFiZWwgfSBmcm9tICdAaW9uaWMvYW5ndWxhci9zdGFuZGFsb25lJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBQcmVzZXRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvcHJlc2V0cyc7XG5pbXBvcnQgeyBGYWJNZXRhZGF0YSwgRmFiQWN0aW9uTWV0YWRhdGEgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IGFkZEljb25zIH0gZnJvbSAnaW9uaWNvbnMnO1xuaW1wb3J0IHsgYWRkLCBjbG9zZSwgc2hhcmUsIGNyZWF0ZSwgdHJhc2gsIGhlYXJ0LCBzdGFyLCBjYW1lcmEsIG1pYywgc2VuZCB9IGZyb20gJ2lvbmljb25zL2ljb25zJztcblxuYWRkSWNvbnMoeyBhZGQsIGNsb3NlLCBzaGFyZSwgY3JlYXRlLCB0cmFzaCwgaGVhcnQsIHN0YXIsIGNhbWVyYSwgbWljLCBzZW5kIH0pO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtZmFiJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSW9uRmFiLCBJb25GYWJCdXR0b24sIElvbkZhYkxpc3QsIElvbkljb24sIElvbkxhYmVsXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8aW9uLWZhYlxuICAgICAgW3ZlcnRpY2FsXT1cImdldFZlcnRpY2FsKClcIlxuICAgICAgW2hvcml6b250YWxdPVwiZ2V0SG9yaXpvbnRhbCgpXCJcbiAgICAgIFthY3RpdmF0ZWRdPVwiaXNBY3RpdmF0ZWRcIlxuICAgID5cbiAgICAgIDxpb24tZmFiLWJ1dHRvblxuICAgICAgICBbY29sb3JdPVwicmVzb2x2ZWRQcm9wcy5jb2xvciB8fCAncHJpbWFyeSdcIlxuICAgICAgICBbc2l6ZV09XCJyZXNvbHZlZFByb3BzLnNpemVcIlxuICAgICAgICBbZGlzYWJsZWRdPVwicmVzb2x2ZWRQcm9wcy5kaXNhYmxlZFwiXG4gICAgICAgIFt0cmFuc2x1Y2VudF09XCJyZXNvbHZlZFByb3BzLnRyYW5zbHVjZW50XCJcbiAgICAgICAgKGNsaWNrKT1cIm9uTWFpbkNsaWNrKClcIlxuICAgICAgPlxuICAgICAgICA8aW9uLWljb24gW25hbWVdPVwiZ2V0TWFpbkljb24oKVwiPjwvaW9uLWljb24+XG4gICAgICA8L2lvbi1mYWItYnV0dG9uPlxuXG4gICAgICBAaWYgKHJlc29sdmVkUHJvcHMuYWN0aW9ucyAmJiByZXNvbHZlZFByb3BzLmFjdGlvbnMubGVuZ3RoID4gMCkge1xuICAgICAgICA8aW9uLWZhYi1saXN0IFtzaWRlXT1cInJlc29sdmVkUHJvcHMuc2lkZSB8fCAndG9wJ1wiPlxuICAgICAgICAgIEBmb3IgKGFjdGlvbiBvZiByZXNvbHZlZFByb3BzLmFjdGlvbnM7IHRyYWNrIGFjdGlvbi50b2tlbiB8fCAkaW5kZXgpIHtcbiAgICAgICAgICAgIDxpb24tZmFiLWJ1dHRvblxuICAgICAgICAgICAgICBbY29sb3JdPVwiYWN0aW9uLmNvbG9yIHx8ICdsaWdodCdcIlxuICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiYWN0aW9uLmRpc2FibGVkXCJcbiAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uQWN0aW9uQ2xpY2soYWN0aW9uKVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxpb24taWNvbiBbbmFtZV09XCJhY3Rpb24uaWNvblwiPjwvaW9uLWljb24+XG4gICAgICAgICAgICA8L2lvbi1mYWItYnV0dG9uPlxuICAgICAgICAgIH1cbiAgICAgICAgPC9pb24tZmFiLWxpc3Q+XG4gICAgICB9XG4gICAgPC9pb24tZmFiPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9mYWIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG4vKipcbiAqIHZhbC1mYWJcbiAqXG4gKiBBIEZsb2F0aW5nIEFjdGlvbiBCdXR0b24gY29tcG9uZW50IHdpdGggb3B0aW9uYWwgc3BlZWQgZGlhbCBhY3Rpb25zLlxuICogU3VwcG9ydHMgcHJlc2V0cyBmb3IgcmV1c2FibGUgY29uZmlndXJhdGlvbnMuXG4gKlxuICogQGV4YW1wbGUgV2l0aCBwcmVzZXQ6XG4gKiA8dmFsLWZhYiBwcmVzZXQ9XCJkZWZhdWx0XCIgW3Byb3BzXT1cInsgaWNvbjogJ2FkZCcgfVwiIChmYWJDbGljayk9XCJvbkNyZWF0ZSgpXCI+PC92YWwtZmFiPlxuICpcbiAqIEBleGFtcGxlIFNpbXBsZSBGQUJcbiAqIDx2YWwtZmFiIFtwcm9wc109XCJ7XG4gKiAgIGljb246ICdhZGQnLFxuICogICBjb2xvcjogJ3ByaW1hcnknLFxuICogICBwb3NpdGlvbjogJ2JvdHRvbS1lbmQnXG4gKiB9XCIgKGZhYkNsaWNrKT1cIm9uQ3JlYXRlKClcIj48L3ZhbC1mYWI+XG4gKlxuICogQGV4YW1wbGUgU3BlZWQgZGlhbCBGQUJcbiAqIDx2YWwtZmFiIFtwcm9wc109XCJ7XG4gKiAgIGljb246ICdhZGQnLFxuICogICBpY29uQWN0aXZhdGVkOiAnY2xvc2UnLFxuICogICBwb3NpdGlvbjogJ2JvdHRvbS1lbmQnLFxuICogICBhY3Rpb25zOiBbXG4gKiAgICAgeyBpY29uOiAnY2FtZXJhJywgbGFiZWw6ICdQaG90bycsIHRva2VuOiAncGhvdG8nIH0sXG4gKiAgICAgeyBpY29uOiAnbWljJywgbGFiZWw6ICdBdWRpbycsIHRva2VuOiAnYXVkaW8nIH0sXG4gKiAgICAgeyBpY29uOiAnY3JlYXRlJywgbGFiZWw6ICdOb3RlJywgdG9rZW46ICdub3RlJyB9XG4gKiAgIF0sXG4gKiAgIHNpZGU6ICd0b3AnXG4gKiB9XCIgKGFjdGlvbkNsaWNrKT1cIm9uQWN0aW9uKCRldmVudClcIj48L3ZhbC1mYWI+XG4gKlxuICogQGlucHV0IHByZXNldDogc3RyaW5nIC0gTmFtZSBvZiBwcmVzZXQgdG8gYXBwbHlcbiAqIEBpbnB1dCBwcm9wczogRmFiTWV0YWRhdGEgLSBDb25maWd1cmF0aW9uIGZvciB0aGUgRkFCXG4gKiBAb3V0cHV0IGZhYkNsaWNrOiB2b2lkIC0gRW1pdHMgd2hlbiBtYWluIEZBQiBpcyBjbGlja2VkICh3aXRob3V0IGFjdGlvbnMpXG4gKiBAb3V0cHV0IGFjdGlvbkNsaWNrOiBGYWJBY3Rpb25NZXRhZGF0YSAtIEVtaXRzIHdoZW4gYW4gYWN0aW9uIGlzIGNsaWNrZWRcbiAqL1xuZXhwb3J0IGNsYXNzIEZhYkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAgcHJpdmF0ZSBwcmVzZXRzID0gaW5qZWN0KFByZXNldFNlcnZpY2UpO1xuXG4gIC8qKlxuICAgKiBQcmVzZXQgbmFtZSB0byBhcHBseS4gUHJlc2V0cyBkZWZpbmUgcmV1c2FibGUgRkFCIGNvbmZpZ3VyYXRpb25zXG4gICAqIHRoYXQgY2FuIGJlIHJlZ2lzdGVyZWQgYXQgYXBwIGxldmVsIHZpYSBwcm92aWRlVmFsdGVjaFByZXNldHMoKS5cbiAgICovXG4gIEBJbnB1dCgpIHByZXNldD86IHN0cmluZztcblxuICAvKipcbiAgICogRkFCIGNvbmZpZ3VyYXRpb24gb2JqZWN0LiBWYWx1ZXMgaGVyZSBvdmVycmlkZSBwcmVzZXQgdmFsdWVzLlxuICAgKi9cbiAgQElucHV0KCkgcHJvcHM6IFBhcnRpYWw8RmFiTWV0YWRhdGE+ID0ge307XG5cbiAgLyoqXG4gICAqIFJlc29sdmVkIHByb3BzIGFmdGVyIG1lcmdpbmcgcHJlc2V0ICsgZXhwbGljaXQgcHJvcHMuXG4gICAqL1xuICByZXNvbHZlZFByb3BzOiBGYWJNZXRhZGF0YSA9IHt9IGFzIEZhYk1ldGFkYXRhO1xuXG4gIEBPdXRwdXQoKSBmYWJDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGFjdGlvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxGYWJBY3Rpb25NZXRhZGF0YT4oKTtcblxuICBpc0FjdGl2YXRlZCA9IGZhbHNlO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMucmVzb2x2ZVByb3BzKCk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgaWYgKGNoYW5nZXNbJ3ByZXNldCddIHx8IGNoYW5nZXNbJ3Byb3BzJ10pIHtcbiAgICAgIHRoaXMucmVzb2x2ZVByb3BzKCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIE1lcmdlIHByZXNldCBjb25maWd1cmF0aW9uIHdpdGggZXhwbGljaXQgcHJvcHMuXG4gICAqIEV4cGxpY2l0IHByb3BzIHRha2UgcHJlY2VkZW5jZSBvdmVyIHByZXNldCB2YWx1ZXMuXG4gICAqL1xuICBwcml2YXRlIHJlc29sdmVQcm9wcygpOiB2b2lkIHtcbiAgICBjb25zdCBwcmVzZXRQcm9wcyA9IHRoaXMucHJlc2V0XG4gICAgICA/ICh0aGlzLnByZXNldHMuZ2V0KCdmYWInLCB0aGlzLnByZXNldCkgYXMgUGFydGlhbDxGYWJNZXRhZGF0YT4pXG4gICAgICA6IHt9O1xuXG4gICAgdGhpcy5yZXNvbHZlZFByb3BzID0ge1xuICAgICAgLi4ucHJlc2V0UHJvcHMsXG4gICAgICAuLi50aGlzLnByb3BzLFxuICAgIH0gYXMgRmFiTWV0YWRhdGE7XG4gIH1cblxuICBnZXRWZXJ0aWNhbCgpOiAndG9wJyB8ICdib3R0b20nIHwgJ2NlbnRlcicge1xuICAgIGNvbnN0IHBvcyA9IHRoaXMucmVzb2x2ZWRQcm9wcy5wb3NpdGlvbiB8fCAnYm90dG9tLWVuZCc7XG4gICAgaWYgKHBvcy5zdGFydHNXaXRoKCd0b3AnKSkgcmV0dXJuICd0b3AnO1xuICAgIGlmIChwb3Muc3RhcnRzV2l0aCgnY2VudGVyJykpIHJldHVybiAnY2VudGVyJztcbiAgICByZXR1cm4gJ2JvdHRvbSc7XG4gIH1cblxuICBnZXRIb3Jpem9udGFsKCk6ICdzdGFydCcgfCAnZW5kJyB8ICdjZW50ZXInIHtcbiAgICBjb25zdCBwb3MgPSB0aGlzLnJlc29sdmVkUHJvcHMucG9zaXRpb24gfHwgJ2JvdHRvbS1lbmQnO1xuICAgIGlmIChwb3MuZW5kc1dpdGgoJ3N0YXJ0JykpIHJldHVybiAnc3RhcnQnO1xuICAgIGlmIChwb3MuZW5kc1dpdGgoJ2NlbnRlcicpKSByZXR1cm4gJ2NlbnRlcic7XG4gICAgcmV0dXJuICdlbmQnO1xuICB9XG5cbiAgZ2V0TWFpbkljb24oKTogc3RyaW5nIHtcbiAgICBpZiAodGhpcy5pc0FjdGl2YXRlZCAmJiB0aGlzLnJlc29sdmVkUHJvcHMuaWNvbkFjdGl2YXRlZCkge1xuICAgICAgcmV0dXJuIHRoaXMucmVzb2x2ZWRQcm9wcy5pY29uQWN0aXZhdGVkO1xuICAgIH1cbiAgICByZXR1cm4gdGhpcy5yZXNvbHZlZFByb3BzLmljb247XG4gIH1cblxuICBvbk1haW5DbGljaygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5yZXNvbHZlZFByb3BzLmFjdGlvbnMgJiYgdGhpcy5yZXNvbHZlZFByb3BzLmFjdGlvbnMubGVuZ3RoID4gMCkge1xuICAgICAgdGhpcy5pc0FjdGl2YXRlZCA9ICF0aGlzLmlzQWN0aXZhdGVkO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmZhYkNsaWNrLmVtaXQoKTtcbiAgICB9XG4gIH1cblxuICBvbkFjdGlvbkNsaWNrKGFjdGlvbjogRmFiQWN0aW9uTWV0YWRhdGEpOiB2b2lkIHtcbiAgICB0aGlzLmFjdGlvbkNsaWNrLmVtaXQoYWN0aW9uKTtcbiAgICBpZiAodGhpcy5yZXNvbHZlZFByb3BzLmNsb3NlT25BY3Rpb24gIT09IGZhbHNlKSB7XG4gICAgICB0aGlzLmlzQWN0aXZhdGVkID0gZmFsc2U7XG4gICAgfVxuICB9XG59XG4iXX0=

package/esm2022/lib/components/atoms/fab/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvZmFiL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2xvciB9IGZyb20gJ0Bpb25pYy9jb3JlJztcblxuLyoqXG4gKiBGQUIgYWN0aW9uIGl0ZW0gY29uZmlndXJhdGlvbi5cbiAqL1xuZXhwb3J0IGludGVyZmFjZSBGYWJBY3Rpb25NZXRhZGF0YSB7XG4gIC8qKiBBY3Rpb24gaWNvbiAqL1xuICBpY29uOiBzdHJpbmc7XG4gIC8qKiBBY3Rpb24gbGFiZWwgKHRvb2x0aXApICovXG4gIGxhYmVsPzogc3RyaW5nO1xuICAvKiogQWN0aW9uIGNvbG9yICovXG4gIGNvbG9yPzogQ29sb3I7XG4gIC8qKiBBY3Rpb24gaWRlbnRpZmllciAqL1xuICB0b2tlbj86IHN0cmluZztcbiAgLyoqIFdoZXRoZXIgYWN0aW9uIGlzIGRpc2FibGVkICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbn1cblxuLyoqXG4gKiBNZXRhZGF0YSBmb3IgdGhlIEZBQiBjb21wb25lbnQuXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgRmFiTWV0YWRhdGEge1xuICAvKiogTWFpbiBGQUIgaWNvbiAqL1xuICBpY29uOiBzdHJpbmc7XG4gIC8qKiBJY29uIHdoZW4gRkFCIGlzIGFjdGl2YXRlZCAob3B0aW9uYWwpICovXG4gIGljb25BY3RpdmF0ZWQ/OiBzdHJpbmc7XG4gIC8qKiBGQUIgY29sb3IgKi9cbiAgY29sb3I/OiBDb2xvcjtcbiAgLyoqIEZBQiBwb3NpdGlvbiAqL1xuICBwb3NpdGlvbj86ICd0b3Atc3RhcnQnIHwgJ3RvcC1lbmQnIHwgJ2JvdHRvbS1zdGFydCcgfCAnYm90dG9tLWVuZCcgfCAnY2VudGVyLXN0YXJ0JyB8ICdjZW50ZXItZW5kJztcbiAgLyoqIEZBQiBzaXplICovXG4gIHNpemU/OiAnc21hbGwnIHwgJ2RlZmF1bHQnO1xuICAvKiogRkFCIGFjdGlvbnMgKG1pbmkgYnV0dG9ucykgKi9cbiAgYWN0aW9ucz86IEZhYkFjdGlvbk1ldGFkYXRhW107XG4gIC8qKiBBY3Rpb25zIGxpc3Qgc2lkZSAqL1xuICBzaWRlPzogJ3N0YXJ0JyB8ICdlbmQnIHwgJ3RvcCcgfCAnYm90dG9tJztcbiAgLyoqIFdoZXRoZXIgRkFCIGlzIGRpc2FibGVkICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIFRyYW5zbHVjZW50IGJhY2tncm91bmQgKi9cbiAgdHJhbnNsdWNlbnQ/OiBib29sZWFuO1xuICAvKiogU2hvdyBsYWJlbHMgb24gYWN0aW9ucyAqL1xuICBzaG93TGFiZWxzPzogYm9vbGVhbjtcbiAgLyoqIENsb3NlIG9uIGFjdGlvbiBjbGljayAqL1xuICBjbG9zZU9uQWN0aW9uPzogYm9vbGVhbjtcbiAgLyoqIFVuaXF1ZSB0b2tlbiBpZGVudGlmaWVyICovXG4gIHRva2VuPzogc3RyaW5nO1xufVxuIl19

package/esm2022/lib/components/atoms/horizontal-scroll/horizontal-scroll.component.mjs

@@ -0,0 +1,82 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * val-horizontal-scroll
+ *
+ * A generic horizontal scroll container that renders items using a provided template.
+ * Useful for carousels, galleries, or any horizontally scrollable content.
+ *
+ * @example
+ * <val-horizontal-scroll
+ *   [items]="cards"
+ *   [itemTemplate]="cardTemplate"
+ *   [props]="{ gap: '16px', snapAlign: 'start' }"
+ * ></val-horizontal-scroll>
+ *
+ * <ng-template #cardTemplate let-item let-index="index">
+ *   <div class="card">{{ item.title }}</div>
+ * </ng-template>
+ *
+ * @input items - Array of items to render
+ * @input itemTemplate - Template reference for rendering each item
+ * @input props - Optional configuration (gap, padding, showScrollbar, snapAlign)
+ */
+export class HorizontalScrollComponent {
+    constructor() {
+        /**
+         * Array of items to render in the horizontal scroll.
+         */
+        this.items = [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HorizontalScrollComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: HorizontalScrollComponent, isStandalone: true, selector: "val-horizontal-scroll", inputs: { items: "items", itemTemplate: "itemTemplate", props: "props" }, ngImport: i0, template: `
+    <div
+      class="horizontal-scroll-container"
+      [class.hide-scrollbar]="!props?.showScrollbar"
+      [class.snap-start]="props?.snapAlign === 'start'"
+      [class.snap-center]="props?.snapAlign === 'center'"
+      [style.padding]="props?.padding || '0px'"
+    >
+      <div class="items-wrapper" [style.gap]="props?.gap || '0px'">
+        @for (item of items; track $index) {
+          <div class="scroll-item">
+            <ng-container
+              *ngTemplateOutlet="itemTemplate; context: { $implicit: item, index: $index }"
+            ></ng-container>
+          </div>
+        }
+      </div>
+    </div>
+  `, isInline: true, styles: [".horizontal-scroll-container{overflow-x:scroll;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.horizontal-scroll-container.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.horizontal-scroll-container.hide-scrollbar::-webkit-scrollbar{display:none}.horizontal-scroll-container.snap-start{scroll-snap-type:x mandatory}.horizontal-scroll-container.snap-start .scroll-item{scroll-snap-align:start}.horizontal-scroll-container.snap-center{scroll-snap-type:x mandatory}.horizontal-scroll-container.snap-center .scroll-item{scroll-snap-align:center}.horizontal-scroll-container .items-wrapper{display:flex;flex-wrap:nowrap}.horizontal-scroll-container .items-wrapper .scroll-item{flex-shrink:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HorizontalScrollComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-horizontal-scroll', standalone: true, imports: [CommonModule], template: `
+    <div
+      class="horizontal-scroll-container"
+      [class.hide-scrollbar]="!props?.showScrollbar"
+      [class.snap-start]="props?.snapAlign === 'start'"
+      [class.snap-center]="props?.snapAlign === 'center'"
+      [style.padding]="props?.padding || '0px'"
+    >
+      <div class="items-wrapper" [style.gap]="props?.gap || '0px'">
+        @for (item of items; track $index) {
+          <div class="scroll-item">
+            <ng-container
+              *ngTemplateOutlet="itemTemplate; context: { $implicit: item, index: $index }"
+            ></ng-container>
+          </div>
+        }
+      </div>
+    </div>
+  `, styles: [".horizontal-scroll-container{overflow-x:scroll;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.horizontal-scroll-container.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.horizontal-scroll-container.hide-scrollbar::-webkit-scrollbar{display:none}.horizontal-scroll-container.snap-start{scroll-snap-type:x mandatory}.horizontal-scroll-container.snap-start .scroll-item{scroll-snap-align:start}.horizontal-scroll-container.snap-center{scroll-snap-type:x mandatory}.horizontal-scroll-container.snap-center .scroll-item{scroll-snap-align:center}.horizontal-scroll-container .items-wrapper{display:flex;flex-wrap:nowrap}.horizontal-scroll-container .items-wrapper .scroll-item{flex-shrink:0}\n"] }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], itemTemplate: [{
+                type: Input
+            }], props: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG9yaXpvbnRhbC1zY3JvbGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2hvcml6b250YWwtc2Nyb2xsL2hvcml6b250YWwtc2Nyb2xsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7OztBQUc5RDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQkc7QUEwQkgsTUFBTSxPQUFPLHlCQUF5QjtJQXpCdEM7UUEwQkU7O1dBRUc7UUFDTSxVQUFLLEdBQVEsRUFBRSxDQUFDO0tBWTFCOytHQWhCWSx5QkFBeUI7bUdBQXpCLHlCQUF5QiwySkFyQjFCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQlQsK3dCQW5CUyxZQUFZOzs0RkFzQlgseUJBQXlCO2tCQXpCckMsU0FBUzsrQkFDRSx1QkFBdUIsY0FDckIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLFlBQ2I7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtCVDs4QkFPUSxLQUFLO3NCQUFiLEtBQUs7Z0JBTUcsWUFBWTtzQkFBcEIsS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEhvcml6b250YWxTY3JvbGxNZXRhZGF0YSB9IGZyb20gJy4vdHlwZXMnO1xuXG4vKipcbiAqIHZhbC1ob3Jpem9udGFsLXNjcm9sbFxuICpcbiAqIEEgZ2VuZXJpYyBob3Jpem9udGFsIHNjcm9sbCBjb250YWluZXIgdGhhdCByZW5kZXJzIGl0ZW1zIHVzaW5nIGEgcHJvdmlkZWQgdGVtcGxhdGUuXG4gKiBVc2VmdWwgZm9yIGNhcm91c2VscywgZ2FsbGVyaWVzLCBvciBhbnkgaG9yaXpvbnRhbGx5IHNjcm9sbGFibGUgY29udGVudC5cbiAqXG4gKiBAZXhhbXBsZVxuICogPHZhbC1ob3Jpem9udGFsLXNjcm9sbFxuICogICBbaXRlbXNdPVwiY2FyZHNcIlxuICogICBbaXRlbVRlbXBsYXRlXT1cImNhcmRUZW1wbGF0ZVwiXG4gKiAgIFtwcm9wc109XCJ7IGdhcDogJzE2cHgnLCBzbmFwQWxpZ246ICdzdGFydCcgfVwiXG4gKiA+PC92YWwtaG9yaXpvbnRhbC1zY3JvbGw+XG4gKlxuICogPG5nLXRlbXBsYXRlICNjYXJkVGVtcGxhdGUgbGV0LWl0ZW0gbGV0LWluZGV4PVwiaW5kZXhcIj5cbiAqICAgPGRpdiBjbGFzcz1cImNhcmRcIj57eyBpdGVtLnRpdGxlIH19PC9kaXY+XG4gKiA8L25nLXRlbXBsYXRlPlxuICpcbiAqIEBpbnB1dCBpdGVtcyAtIEFycmF5IG9mIGl0ZW1zIHRvIHJlbmRlclxuICogQGlucHV0IGl0ZW1UZW1wbGF0ZSAtIFRlbXBsYXRlIHJlZmVyZW5jZSBmb3IgcmVuZGVyaW5nIGVhY2ggaXRlbVxuICogQGlucHV0IHByb3BzIC0gT3B0aW9uYWwgY29uZmlndXJhdGlvbiAoZ2FwLCBwYWRkaW5nLCBzaG93U2Nyb2xsYmFyLCBzbmFwQWxpZ24pXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1ob3Jpem9udGFsLXNjcm9sbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiaG9yaXpvbnRhbC1zY3JvbGwtY29udGFpbmVyXCJcbiAgICAgIFtjbGFzcy5oaWRlLXNjcm9sbGJhcl09XCIhcHJvcHM/LnNob3dTY3JvbGxiYXJcIlxuICAgICAgW2NsYXNzLnNuYXAtc3RhcnRdPVwicHJvcHM/LnNuYXBBbGlnbiA9PT0gJ3N0YXJ0J1wiXG4gICAgICBbY2xhc3Muc25hcC1jZW50ZXJdPVwicHJvcHM/LnNuYXBBbGlnbiA9PT0gJ2NlbnRlcidcIlxuICAgICAgW3N0eWxlLnBhZGRpbmddPVwicHJvcHM/LnBhZGRpbmcgfHwgJzBweCdcIlxuICAgID5cbiAgICAgIDxkaXYgY2xhc3M9XCJpdGVtcy13cmFwcGVyXCIgW3N0eWxlLmdhcF09XCJwcm9wcz8uZ2FwIHx8ICcwcHgnXCI+XG4gICAgICAgIEBmb3IgKGl0ZW0gb2YgaXRlbXM7IHRyYWNrICRpbmRleCkge1xuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzY3JvbGwtaXRlbVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cIml0ZW1UZW1wbGF0ZTsgY29udGV4dDogeyAkaW1wbGljaXQ6IGl0ZW0sIGluZGV4OiAkaW5kZXggfVwiXG4gICAgICAgICAgICA+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9ob3Jpem9udGFsLXNjcm9sbC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBIb3Jpem9udGFsU2Nyb2xsQ29tcG9uZW50PFQgPSBhbnk+IHtcbiAgLyoqXG4gICAqIEFycmF5IG9mIGl0ZW1zIHRvIHJlbmRlciBpbiB0aGUgaG9yaXpvbnRhbCBzY3JvbGwuXG4gICAqL1xuICBASW5wdXQoKSBpdGVtczogVFtdID0gW107XG5cbiAgLyoqXG4gICAqIFRlbXBsYXRlIHJlZmVyZW5jZSBmb3IgcmVuZGVyaW5nIGVhY2ggaXRlbS5cbiAgICogVGhlIHRlbXBsYXRlIHJlY2VpdmVzIHRoZSBpdGVtIGFzIGltcGxpY2l0IGNvbnRleHQgYW5kIGluZGV4IGFzICdpbmRleCcuXG4gICAqL1xuICBASW5wdXQoKSBpdGVtVGVtcGxhdGUhOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIC8qKlxuICAgKiBPcHRpb25hbCBjb25maWd1cmF0aW9uIGZvciB0aGUgaG9yaXpvbnRhbCBzY3JvbGwgY29udGFpbmVyLlxuICAgKi9cbiAgQElucHV0KCkgcHJvcHM/OiBIb3Jpem9udGFsU2Nyb2xsTWV0YWRhdGE7XG59XG4iXX0=

package/esm2022/lib/components/atoms/horizontal-scroll/types.mjs

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

package/esm2022/lib/components/atoms/href/href.component.mjs

@@ -0,0 +1,62 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../services/download.service";
+import * as i2 from "@angular/common";
+/**
+ * val-href
+ *
+ * A styled anchor/link element, supporting download and click events.
+ *
+ * @example
+ * <val-href [props]="{ url: 'https://...', text: 'Open', color: 'primary', download: true }" (onClick)="handler()"></val-href>
+ *
+ * @input props: HrefMetadata - Configuration for the link (url, text, color, download, etc.)
+ * @output onClick - Emits when the link is clicked
+ */
+export class HrefComponent {
+    constructor(downloadService) {
+        this.downloadService = downloadService;
+        this.onClick = new EventEmitter();
+    }
+    ngOnInit() { }
+    getFileName() {
+        return this.downloadService.getFileNameFromUrl(this.props.url);
+    }
+    onClickHandler(event) {
+        if (this.props.download && this.props.url) {
+            event.preventDefault();
+            this.downloadService.downloadLinkFromBrowser(this.props.url);
+        }
+        this.onClick.emit(this.props.token);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HrefComponent, deps: [{ token: i1.DownloadService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: HrefComponent, isStandalone: true, selector: "val-href", inputs: { props: "props" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
+    <a
+      [ngClass]="[props.color]"
+      [class.hoverable]="props.hoverable"
+      [href]="props.url"
+      target="_blank"
+      (click)="onClickHandler($event)"
+      >{{ props.text }}</a
+    >
+  `, 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)}.primary{color:var(--ion-color-primary)}.secondary{color:var(--ion-color-secondary)}.dark{color:var(--ion-color-dark)}.medium{color:var(--ion-color-medium)}.hoverable{text-decoration:none}.hoverable:hover{text-decoration:underline}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HrefComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-href', standalone: true, imports: [CommonModule], template: `
+    <a
+      [ngClass]="[props.color]"
+      [class.hoverable]="props.hoverable"
+      [href]="props.url"
+      target="_blank"
+      (click)="onClickHandler($event)"
+      >{{ props.text }}</a
+    >
+  `, 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)}.primary{color:var(--ion-color-primary)}.secondary{color:var(--ion-color-secondary)}.dark{color:var(--ion-color-dark)}.medium{color:var(--ion-color-medium)}.hoverable{text-decoration:none}.hoverable:hover{text-decoration:underline}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DownloadService }], propDecorators: { props: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaHJlZi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvaHJlZi9ocmVmLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQW9CL0U7Ozs7Ozs7Ozs7R0FVRztBQUNILE1BQU0sT0FBTyxhQUFhO0lBZ0J4QixZQUFvQixlQUFnQztRQUFoQyxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFGcEQsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFFa0IsQ0FBQztJQUV4RCxRQUFRLEtBQUksQ0FBQztJQUViLFdBQVc7UUFDVCxPQUFPLElBQUksQ0FBQyxlQUFlLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNqRSxDQUFDO0lBRUQsY0FBYyxDQUFDLEtBQWlCO1FBQzlCLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLEVBQUUsQ0FBQztZQUMxQyxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDdkIsSUFBSSxDQUFDLGVBQWUsQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQy9ELENBQUM7UUFDRCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3RDLENBQUM7K0dBOUJVLGFBQWE7bUdBQWIsYUFBYSxpSUF2QmQ7Ozs7Ozs7OztHQVNULHN6RkFWUyxZQUFZOzs0RkF3QlgsYUFBYTtrQkEzQnpCLFNBQVM7K0JBQ0UsVUFBVSxjQUNSLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxZQUNiOzs7Ozs7Ozs7R0FTVDtvRkF5QlEsS0FBSztzQkFBYixLQUFLO2dCQUdOLE9BQU87c0JBRE4sTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEb3dubG9hZFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9kb3dubG9hZC5zZXJ2aWNlJztcbmltcG9ydCB7IEhyZWZNZXRhZGF0YSB9IGZyb20gJy4vdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtaHJlZicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxhXG4gICAgICBbbmdDbGFzc109XCJbcHJvcHMuY29sb3JdXCJcbiAgICAgIFtjbGFzcy5ob3ZlcmFibGVdPVwicHJvcHMuaG92ZXJhYmxlXCJcbiAgICAgIFtocmVmXT1cInByb3BzLnVybFwiXG4gICAgICB0YXJnZXQ9XCJfYmxhbmtcIlxuICAgICAgKGNsaWNrKT1cIm9uQ2xpY2tIYW5kbGVyKCRldmVudClcIlxuICAgICAgPnt7IHByb3BzLnRleHQgfX08L2FcbiAgICA+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2hyZWYuY29tcG9uZW50LnNjc3MnXSxcbn0pXG4vKipcbiAqIHZhbC1ocmVmXG4gKlxuICogQSBzdHlsZWQgYW5jaG9yL2xpbmsgZWxlbWVudCwgc3VwcG9ydGluZyBkb3dubG9hZCBhbmQgY2xpY2sgZXZlbnRzLlxuICpcbiAqIEBleGFtcGxlXG4gKiA8dmFsLWhyZWYgW3Byb3BzXT1cInsgdXJsOiAnaHR0cHM6Ly8uLi4nLCB0ZXh0OiAnT3BlbicsIGNvbG9yOiAncHJpbWFyeScsIGRvd25sb2FkOiB0cnVlIH1cIiAob25DbGljayk9XCJoYW5kbGVyKClcIj48L3ZhbC1ocmVmPlxuICpcbiAqIEBpbnB1dCBwcm9wczogSHJlZk1ldGFkYXRhIC0gQ29uZmlndXJhdGlvbiBmb3IgdGhlIGxpbmsgKHVybCwgdGV4dCwgY29sb3IsIGRvd25sb2FkLCBldGMuKVxuICogQG91dHB1dCBvbkNsaWNrIC0gRW1pdHMgd2hlbiB0aGUgbGluayBpcyBjbGlja2VkXG4gKi9cbmV4cG9ydCBjbGFzcyBIcmVmQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIExpbmsgY29uZmlndXJhdGlvbiBvYmplY3QuXG4gICAqIEB0eXBlIHtIcmVmTWV0YWRhdGF9XG4gICAqIEBwcm9wZXJ0eSB1cmwgLSBUaGUgVVJMIHRvIG9wZW4uXG4gICAqIEBwcm9wZXJ0eSB0ZXh0IC0gVGhlIGxpbmsgdGV4dC5cbiAgICogQHByb3BlcnR5IGNvbG9yIC0gVGhlIGxpbmsgY29sb3IgKElvbmljIGNvbG9yIHN0cmluZykuXG4gICAqIEBwcm9wZXJ0eSBkb3dubG9hZCAtIFdoZXRoZXIgdG8gdHJpZ2dlciBhIGRvd25sb2FkIChvcHRpb25hbCkuXG4gICAqIEBwcm9wZXJ0eSBob3ZlcmFibGUgLSBXaGV0aGVyIHRoZSBsaW5rIGlzIGhvdmVyYWJsZSAob3B0aW9uYWwpLlxuICAgKiBAcHJvcGVydHkgdG9rZW4gLSBPcHRpb25hbCB0b2tlbiBmb3IgZXZlbnQgaWRlbnRpZmljYXRpb24uXG4gICAqL1xuICBASW5wdXQoKSBwcm9wczogSHJlZk1ldGFkYXRhO1xuXG4gIEBPdXRwdXQoKVxuICBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBkb3dubG9hZFNlcnZpY2U6IERvd25sb2FkU2VydmljZSkge31cblxuICBuZ09uSW5pdCgpIHt9XG5cbiAgZ2V0RmlsZU5hbWUoKSB7XG4gICAgcmV0dXJuIHRoaXMuZG93bmxvYWRTZXJ2aWNlLmdldEZpbGVOYW1lRnJvbVVybCh0aGlzLnByb3BzLnVybCk7XG4gIH1cblxuICBvbkNsaWNrSGFuZGxlcihldmVudDogTW91c2VFdmVudCkge1xuICAgIGlmICh0aGlzLnByb3BzLmRvd25sb2FkICYmIHRoaXMucHJvcHMudXJsKSB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgdGhpcy5kb3dubG9hZFNlcnZpY2UuZG93bmxvYWRMaW5rRnJvbUJyb3dzZXIodGhpcy5wcm9wcy51cmwpO1xuICAgIH1cbiAgICB0aGlzLm9uQ2xpY2suZW1pdCh0aGlzLnByb3BzLnRva2VuKTtcbiAgfVxufVxuIl19

package/esm2022/lib/components/atoms/href/types.mjs

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

package/esm2022/lib/components/atoms/icon/icon.component.mjs

@@ -0,0 +1,29 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input } from '@angular/core';
+import { IonIcon } from '@ionic/angular/standalone';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../services/icons.service";
+import * as i2 from "@angular/common";
+/**
+ * val-icon
+ *
+ * Displays an icon from the Ionicons set, with configurable size and color.
+ *
+ * @example
+ * <val-icon [props]="{ name: 'star', size: 'large', color: 'warning' }"></val-icon>
+ *
+ * @input props: IconMetadata - Configuration for the icon (name, color, size)
+ */
+export class IconComponent {
+    constructor(service) { }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconComponent, deps: [{ token: i1.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IconComponent, isStandalone: true, selector: "val-icon", inputs: { props: "props" }, ngImport: i0, template: ` <ion-icon aria-hidden="true" [ngClass]="[props.size]" [name]="props.name" [color]="props.color" /> `, 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)}.small{font-size:.75rem;line-height:1.25rem;font-weight:400}.small.bold{font-size:.75rem;line-height:1.25rem;font-weight:700}.medium{font-size:.875rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.medium{font-size:1rem;line-height:1.5rem}}.medium.bold{font-size:.875rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.medium.bold{font-size:1rem;line-height:1.5rem}}.large{font-size:1rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.large{font-size:1.125rem;line-height:1.5rem}}.large.bold{font-size:1rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.large.bold{font-size:1.125rem;line-height:1.5rem}}.xlarge{font-size:1.125rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.xlarge{font-size:1.5rem;line-height:2rem}}.xlarge.bold{font-size:1.125rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.xlarge.bold{font-size:1.5rem;line-height:2rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: IconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-icon', standalone: true, imports: [CommonModule, IonIcon], template: ` <ion-icon aria-hidden="true" [ngClass]="[props.size]" [name]="props.name" [color]="props.color" /> `, 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)}.small{font-size:.75rem;line-height:1.25rem;font-weight:400}.small.bold{font-size:.75rem;line-height:1.25rem;font-weight:700}.medium{font-size:.875rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.medium{font-size:1rem;line-height:1.5rem}}.medium.bold{font-size:.875rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.medium.bold{font-size:1rem;line-height:1.5rem}}.large{font-size:1rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.large{font-size:1.125rem;line-height:1.5rem}}.large.bold{font-size:1rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.large.bold{font-size:1.125rem;line-height:1.5rem}}.xlarge{font-size:1.125rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.xlarge{font-size:1.5rem;line-height:2rem}}.xlarge.bold{font-size:1.125rem;line-height:1.5rem;font-weight:700}@media (min-width: 768px){.xlarge.bold{font-size:1.5rem;line-height:2rem}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.IconService }], propDecorators: { props: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvaWNvbi9pY29uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7O0FBV3BEOzs7Ozs7Ozs7R0FTRztBQUNILE1BQU0sT0FBTyxhQUFhO0lBV3hCLFlBQVksT0FBb0IsSUFBRyxDQUFDO0lBRXBDLFFBQVEsS0FBSSxDQUFDOytHQWJGLGFBQWE7bUdBQWIsYUFBYSxnR0FiZCxzR0FBc0cscy9HQUR0RyxZQUFZLDZIQUFFLE9BQU87OzRGQWNwQixhQUFhO2tCQWpCekIsU0FBUzsrQkFDRSxVQUFVLGNBQ1IsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLE9BQU8sQ0FBQyxZQUN0QixzR0FBc0c7Z0ZBc0JoSCxLQUFLO3NCQURKLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJb25JY29uIH0gZnJvbSAnQGlvbmljL2FuZ3VsYXIvc3RhbmRhbG9uZSc7XG5pbXBvcnQgeyBJY29uU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2ljb25zLnNlcnZpY2UnO1xuaW1wb3J0IHsgSWNvbk1ldGFkYXRhIH0gZnJvbSAnLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1pY29uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSW9uSWNvbl0sXG4gIHRlbXBsYXRlOiBgIDxpb24taWNvbiBhcmlhLWhpZGRlbj1cInRydWVcIiBbbmdDbGFzc109XCJbcHJvcHMuc2l6ZV1cIiBbbmFtZV09XCJwcm9wcy5uYW1lXCIgW2NvbG9yXT1cInByb3BzLmNvbG9yXCIgLz4gYCxcbiAgc3R5bGVVcmxzOiBbJy4vaWNvbi5jb21wb25lbnQuc2NzcyddLFxufSlcbi8qKlxuICogdmFsLWljb25cbiAqXG4gKiBEaXNwbGF5cyBhbiBpY29uIGZyb20gdGhlIElvbmljb25zIHNldCwgd2l0aCBjb25maWd1cmFibGUgc2l6ZSBhbmQgY29sb3IuXG4gKlxuICogQGV4YW1wbGVcbiAqIDx2YWwtaWNvbiBbcHJvcHNdPVwieyBuYW1lOiAnc3RhcicsIHNpemU6ICdsYXJnZScsIGNvbG9yOiAnd2FybmluZycgfVwiPjwvdmFsLWljb24+XG4gKlxuICogQGlucHV0IHByb3BzOiBJY29uTWV0YWRhdGEgLSBDb25maWd1cmF0aW9uIGZvciB0aGUgaWNvbiAobmFtZSwgY29sb3IsIHNpemUpXG4gKi9cbmV4cG9ydCBjbGFzcyBJY29uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIEljb24gY29uZmlndXJhdGlvbiBvYmplY3QuXG4gICAqIEB0eXBlIHtJY29uTWV0YWRhdGF9XG4gICAqIEBwcm9wZXJ0eSBuYW1lIC0gVGhlIGljb24gbmFtZSAoSW9uaWNvbnMpLlxuICAgKiBAcHJvcGVydHkgY29sb3IgLSBUaGUgaWNvbiBjb2xvciAoSW9uaWMgY29sb3Igc3RyaW5nKS5cbiAgICogQHByb3BlcnR5IHNpemUgLSBUaGUgaWNvbiBzaXplICgnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnIHwgJ3hsYXJnZScpLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHJvcHM6IEljb25NZXRhZGF0YTtcblxuICBjb25zdHJ1Y3RvcihzZXJ2aWNlOiBJY29uU2VydmljZSkge31cblxuICBuZ09uSW5pdCgpIHt9XG59XG4iXX0=

package/esm2022/lib/components/atoms/icon/types.mjs

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