valtech-components 2.0.689 → 2.0.690

package/esm2022/lib/components/molecules/progress-status/progress-status.component.mjs

@@ -0,0 +1,105 @@
+import { Component, Input } from '@angular/core';
+import { ProgressBarComponent } from '../../atoms/progress-bar/progress-bar.component';
+import { TextComponent } from '../../atoms/text/text.component';
+import { TitleBlockComponent } from '../title-block/title-block.component';
+import * as i0 from "@angular/core";
+//TODO: support automatic or manual interval for messages. Include the interval number as a parameter.
+/**
+ * val-progress-status
+ *
+ * Displays a progress bar with status messages and titles, useful for multi-step or loading processes.
+ *
+ * @example
+ * <val-progress-status [props]="{ progress: 0.5, color: 'primary', size: 'medium', titles: {...}, messages: [...] }"></val-progress-status>
+ *
+ * @input props: ProgressStatusMetadata - Configuration for the progress status (progress, color, size, titles, messages)
+ */
+export class ProgressStatusComponent {
+    constructor() {
+        this.currentIndex = 0;
+        this.blinking = false;
+    }
+    ngOnInit() {
+        setInterval(() => {
+            this.blinking = !this.blinking;
+        }, 1000);
+        setInterval(() => {
+            this.getNextMessage();
+        }, 9000);
+    }
+    get Content() {
+        return this.props.messages[this.currentIndex];
+    }
+    getNextMessage() {
+        this.currentIndex = (this.currentIndex + 1) % this.props.messages.length;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProgressStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ProgressStatusComponent, isStandalone: true, selector: "val-progress-status", inputs: { props: "props" }, ngImport: i0, template: `
+    <div class="status-container">
+      <div class="title-container">
+        <val-title-block
+          [props]="{
+            position: 'center',
+            aboveTitle: props.titles.aboveTitle,
+            title: props.titles.title,
+            bellowTitle: props.titles.bellowTitle,
+          }"
+        ></val-title-block>
+      </div>
+      <div class="progress-bar-container">
+        <val-progress-bar
+          [props]="{
+            progress: props.progress,
+            size: 'xlarge',
+            color: props.color,
+            rounded: true,
+            type: 'determinate',
+            buffer: 1,
+          }"
+        ></val-progress-bar>
+      </div>
+      <div class="subtitle-container">
+        <div class="subtitle" [class.blink]="blinking">
+          <val-text [props]="{ content: Content, color: 'medium', bold: false, size: props.size }"></val-text>
+        </div>
+      </div>
+    </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)}.status-container{min-height:6.25rem;margin:1rem .5rem}.progress-bar-container{max-width:60%;margin:0 auto}.title-container{margin-bottom:.5rem}.subtitle-container{width:100%;display:flex}.subtitle{padding:1rem;margin:0 auto;height:1rem}.blink{animation:blink 1s infinite alternate ease-in}@keyframes blink{0%{opacity:0;margin-top:6px}to{opacity:1;margin-top:0}}\n"], dependencies: [{ kind: "component", type: TitleBlockComponent, selector: "val-title-block", inputs: ["props"] }, { kind: "component", type: ProgressBarComponent, selector: "val-progress-bar", inputs: ["preset", "props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProgressStatusComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-progress-status', standalone: true, imports: [TitleBlockComponent, ProgressBarComponent, TextComponent], template: `
+    <div class="status-container">
+      <div class="title-container">
+        <val-title-block
+          [props]="{
+            position: 'center',
+            aboveTitle: props.titles.aboveTitle,
+            title: props.titles.title,
+            bellowTitle: props.titles.bellowTitle,
+          }"
+        ></val-title-block>
+      </div>
+      <div class="progress-bar-container">
+        <val-progress-bar
+          [props]="{
+            progress: props.progress,
+            size: 'xlarge',
+            color: props.color,
+            rounded: true,
+            type: 'determinate',
+            buffer: 1,
+          }"
+        ></val-progress-bar>
+      </div>
+      <div class="subtitle-container">
+        <div class="subtitle" [class.blink]="blinking">
+          <val-text [props]="{ content: Content, color: 'medium', bold: false, size: props.size }"></val-text>
+        </div>
+      </div>
+    </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)}.status-container{min-height:6.25rem;margin:1rem .5rem}.progress-bar-container{max-width:60%;margin:0 auto}.title-container{margin-bottom:.5rem}.subtitle-container{width:100%;display:flex}.subtitle{padding:1rem;margin:0 auto;height:1rem}.blink{animation:blink 1s infinite alternate ease-in}@keyframes blink{0%{opacity:0;margin-top:6px}to{opacity:1;margin-top:0}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { props: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3Mtc3RhdHVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9tb2xlY3VsZXMvcHJvZ3Jlc3Mtc3RhdHVzL3Byb2dyZXNzLXN0YXR1cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDdkYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDOztBQUczRSxzR0FBc0c7QUFzQ3RHOzs7Ozs7Ozs7R0FTRztBQUNILE1BQU0sT0FBTyx1QkFBdUI7SUFnQmxDO1FBSEEsaUJBQVksR0FBRyxDQUFDLENBQUM7UUFDakIsYUFBUSxHQUFHLEtBQUssQ0FBQztJQUVGLENBQUM7SUFFaEIsUUFBUTtRQUNOLFdBQVcsQ0FBQyxHQUFHLEVBQUU7WUFDZixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUNqQyxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFFVCxXQUFXLENBQUMsR0FBRyxFQUFFO1lBQ2YsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3hCLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUNoRCxDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQztJQUMzRSxDQUFDOytHQWxDVSx1QkFBdUI7bUdBQXZCLHVCQUF1QiwyR0EzQ3hCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E4QlQsMDdGQS9CUyxtQkFBbUIsK0VBQUUsb0JBQW9CLDBGQUFFLGFBQWE7OzRGQTRDdkQsdUJBQXVCO2tCQS9DbkMsU0FBUzsrQkFDRSxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQLENBQUMsbUJBQW1CLEVBQUUsb0JBQW9CLEVBQUUsYUFBYSxDQUFDLFlBQ3pEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E4QlQ7d0RBd0JELEtBQUs7c0JBREosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUHJvZ3Jlc3NCYXJDb21wb25lbnQgfSBmcm9tICcuLi8uLi9hdG9tcy9wcm9ncmVzcy1iYXIvcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUZXh0Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbXMvdGV4dC90ZXh0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUaXRsZUJsb2NrQ29tcG9uZW50IH0gZnJvbSAnLi4vdGl0bGUtYmxvY2svdGl0bGUtYmxvY2suY29tcG9uZW50JztcbmltcG9ydCB7IFByb2dyZXNzU3RhdHVzTWV0YWRhdGEgfSBmcm9tICcuL3R5cGVzJztcblxuLy9UT0RPOiBzdXBwb3J0IGF1dG9tYXRpYyBvciBtYW51YWwgaW50ZXJ2YWwgZm9yIG1lc3NhZ2VzLiBJbmNsdWRlIHRoZSBpbnRlcnZhbCBudW1iZXIgYXMgYSBwYXJhbWV0ZXIuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtcHJvZ3Jlc3Mtc3RhdHVzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1RpdGxlQmxvY2tDb21wb25lbnQsIFByb2dyZXNzQmFyQ29tcG9uZW50LCBUZXh0Q29tcG9uZW50XSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwic3RhdHVzLWNvbnRhaW5lclwiPlxuICAgICAgPGRpdiBjbGFzcz1cInRpdGxlLWNvbnRhaW5lclwiPlxuICAgICAgICA8dmFsLXRpdGxlLWJsb2NrXG4gICAgICAgICAgW3Byb3BzXT1cIntcbiAgICAgICAgICAgIHBvc2l0aW9uOiAnY2VudGVyJyxcbiAgICAgICAgICAgIGFib3ZlVGl0bGU6IHByb3BzLnRpdGxlcy5hYm92ZVRpdGxlLFxuICAgICAgICAgICAgdGl0bGU6IHByb3BzLnRpdGxlcy50aXRsZSxcbiAgICAgICAgICAgIGJlbGxvd1RpdGxlOiBwcm9wcy50aXRsZXMuYmVsbG93VGl0bGUsXG4gICAgICAgICAgfVwiXG4gICAgICAgID48L3ZhbC10aXRsZS1ibG9jaz5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInByb2dyZXNzLWJhci1jb250YWluZXJcIj5cbiAgICAgICAgPHZhbC1wcm9ncmVzcy1iYXJcbiAgICAgICAgICBbcHJvcHNdPVwie1xuICAgICAgICAgICAgcHJvZ3Jlc3M6IHByb3BzLnByb2dyZXNzLFxuICAgICAgICAgICAgc2l6ZTogJ3hsYXJnZScsXG4gICAgICAgICAgICBjb2xvcjogcHJvcHMuY29sb3IsXG4gICAgICAgICAgICByb3VuZGVkOiB0cnVlLFxuICAgICAgICAgICAgdHlwZTogJ2RldGVybWluYXRlJyxcbiAgICAgICAgICAgIGJ1ZmZlcjogMSxcbiAgICAgICAgICB9XCJcbiAgICAgICAgPjwvdmFsLXByb2dyZXNzLWJhcj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInN1YnRpdGxlLWNvbnRhaW5lclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic3VidGl0bGVcIiBbY2xhc3MuYmxpbmtdPVwiYmxpbmtpbmdcIj5cbiAgICAgICAgICA8dmFsLXRleHQgW3Byb3BzXT1cInsgY29udGVudDogQ29udGVudCwgY29sb3I6ICdtZWRpdW0nLCBib2xkOiBmYWxzZSwgc2l6ZTogcHJvcHMuc2l6ZSB9XCI+PC92YWwtdGV4dD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vcHJvZ3Jlc3Mtc3RhdHVzLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuLyoqXG4gKiB2YWwtcHJvZ3Jlc3Mtc3RhdHVzXG4gKlxuICogRGlzcGxheXMgYSBwcm9ncmVzcyBiYXIgd2l0aCBzdGF0dXMgbWVzc2FnZXMgYW5kIHRpdGxlcywgdXNlZnVsIGZvciBtdWx0aS1zdGVwIG9yIGxvYWRpbmcgcHJvY2Vzc2VzLlxuICpcbiAqIEBleGFtcGxlXG4gKiA8dmFsLXByb2dyZXNzLXN0YXR1cyBbcHJvcHNdPVwieyBwcm9ncmVzczogMC41LCBjb2xvcjogJ3ByaW1hcnknLCBzaXplOiAnbWVkaXVtJywgdGl0bGVzOiB7Li4ufSwgbWVzc2FnZXM6IFsuLi5dIH1cIj48L3ZhbC1wcm9ncmVzcy1zdGF0dXM+XG4gKlxuICogQGlucHV0IHByb3BzOiBQcm9ncmVzc1N0YXR1c01ldGFkYXRhIC0gQ29uZmlndXJhdGlvbiBmb3IgdGhlIHByb2dyZXNzIHN0YXR1cyAocHJvZ3Jlc3MsIGNvbG9yLCBzaXplLCB0aXRsZXMsIG1lc3NhZ2VzKVxuICovXG5leHBvcnQgY2xhc3MgUHJvZ3Jlc3NTdGF0dXNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAvKipcbiAgICogUHJvZ3Jlc3Mgc3RhdHVzIGNvbmZpZ3VyYXRpb24gb2JqZWN0LlxuICAgKiBAdHlwZSB7UHJvZ3Jlc3NTdGF0dXNNZXRhZGF0YX1cbiAgICogQHByb3BlcnR5IHByb2dyZXNzIC0gVGhlIHByb2dyZXNzIHZhbHVlICgwIHRvIDEpLlxuICAgKiBAcHJvcGVydHkgY29sb3IgLSBUaGUgY29sb3Igb2YgdGhlIHByb2dyZXNzIGJhci5cbiAgICogQHByb3BlcnR5IHNpemUgLSBUaGUgc2l6ZSBvZiB0aGUgdGV4dCBhbmQgYmFyLlxuICAgKiBAcHJvcGVydHkgdGl0bGVzIC0gVGl0bGUgYmxvY2sgY29uZmlndXJhdGlvbi5cbiAgICogQHByb3BlcnR5IG1lc3NhZ2VzIC0gQXJyYXkgb2Ygc3RhdHVzIG1lc3NhZ2VzLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHJvcHM6IFByb2dyZXNzU3RhdHVzTWV0YWRhdGE7XG5cbiAgY3VycmVudEluZGV4ID0gMDtcbiAgYmxpbmtpbmcgPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgc2V0SW50ZXJ2YWwoKCkgPT4ge1xuICAgICAgdGhpcy5ibGlua2luZyA9ICF0aGlzLmJsaW5raW5nO1xuICAgIH0sIDEwMDApO1xuXG4gICAgc2V0SW50ZXJ2YWwoKCkgPT4ge1xuICAgICAgdGhpcy5nZXROZXh0TWVzc2FnZSgpO1xuICAgIH0sIDkwMDApO1xuICB9XG5cbiAgZ2V0IENvbnRlbnQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5wcm9wcy5tZXNzYWdlc1t0aGlzLmN1cnJlbnRJbmRleF07XG4gIH1cblxuICBnZXROZXh0TWVzc2FnZSgpOiB2b2lkIHtcbiAgICB0aGlzLmN1cnJlbnRJbmRleCA9ICh0aGlzLmN1cnJlbnRJbmRleCArIDEpICUgdGhpcy5wcm9wcy5tZXNzYWdlcy5sZW5ndGg7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/components/molecules/progress-status/types.mjs

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

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

@@ -0,0 +1,85 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { IonText } from '@ionic/angular/standalone';
+import { BoxComponent } from '../../atoms/box/box.component';
+import { HrefComponent } from '../../atoms/href/href.component';
+import { ButtonGroupComponent } from '../button-group/button-group.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class PrompterComponent {
+    constructor() {
+        this.onClick = new EventEmitter();
+    }
+    clickHandler(token) {
+        this.onClick.emit(token);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PrompterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PrompterComponent, isStandalone: true, selector: "val-prompter", inputs: { props: "props" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
+    <val-box
+      class="teleprompter-container"
+      [props]="{ icon: '', bordered: props.bordered, color: props.color, leftBorder: false, padding: props.padding }"
+      (onClick)="clickHandler()"
+    >
+      <div class="container" [class.teleprompter-content]="props.teleprompter" body>
+        <div>
+          <ion-text>
+            <p [class]="props.size" class="bold">{{ props.content }}</p>
+          </ion-text>
+        </div>
+        @if (props.buttons || props.hrefs) {
+          <div class="actions-container">
+            <val-button-group
+              class="buttons-container"
+              [props]="{ buttons: props.buttons, position: 'right', columned: false }"
+              (onClick)="clickHandler($event)"
+            ></val-button-group>
+            <val-href
+              class="link"
+              *ngFor="let l of props.hrefs"
+              [props]="l"
+              (onClick)="clickHandler($event)"
+            ></val-href>
+          </div>
+        }
+      </div>
+    </val-box>
+  `, isInline: true, styles: ["@charset \"UTF-8\";: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)}.container{display:flex;align-items:center;justify-content:space-between;flex-direction:column}@media (min-width: 768px){.container{flex-direction:row}}.teleprompter-container{overflow:hidden;width:100%}.teleprompter-content{white-space:nowrap;animation:scroll-left 15s linear infinite}@keyframes scroll-left{0%{transform:translate(100%)}to{transform:translate(-100%)}}.link{margin:0 .5rem;width:max-content}.actions-container{display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: BoxComponent, selector: "val-box", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: ButtonGroupComponent, selector: "val-button-group", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: HrefComponent, selector: "val-href", inputs: ["props"], outputs: ["onClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PrompterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-prompter', standalone: true, imports: [CommonModule, IonText, BoxComponent, ButtonGroupComponent, HrefComponent], template: `
+    <val-box
+      class="teleprompter-container"
+      [props]="{ icon: '', bordered: props.bordered, color: props.color, leftBorder: false, padding: props.padding }"
+      (onClick)="clickHandler()"
+    >
+      <div class="container" [class.teleprompter-content]="props.teleprompter" body>
+        <div>
+          <ion-text>
+            <p [class]="props.size" class="bold">{{ props.content }}</p>
+          </ion-text>
+        </div>
+        @if (props.buttons || props.hrefs) {
+          <div class="actions-container">
+            <val-button-group
+              class="buttons-container"
+              [props]="{ buttons: props.buttons, position: 'right', columned: false }"
+              (onClick)="clickHandler($event)"
+            ></val-button-group>
+            <val-href
+              class="link"
+              *ngFor="let l of props.hrefs"
+              [props]="l"
+              (onClick)="clickHandler($event)"
+            ></val-href>
+          </div>
+        }
+      </div>
+    </val-box>
+  `, styles: ["@charset \"UTF-8\";: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)}.container{display:flex;align-items:center;justify-content:space-between;flex-direction:column}@media (min-width: 768px){.container{flex-direction:row}}.teleprompter-container{overflow:hidden;width:100%}.teleprompter-content{white-space:nowrap;animation:scroll-left 15s linear infinite}@keyframes scroll-left{0%{transform:translate(100%)}to{transform:translate(-100%)}}.link{margin:0 .5rem;width:max-content}.actions-container{display:flex;align-items:center}\n"] }]
+        }], propDecorators: { props: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvbXB0ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9wcm9tcHRlci9wcm9tcHRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDaEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7OztBQXVDOUUsTUFBTSxPQUFPLGlCQUFpQjtJQXBDOUI7UUF5Q0UsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FLdEM7SUFIQyxZQUFZLENBQUMsS0FBYztRQUN6QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDOytHQVRVLGlCQUFpQjttR0FBakIsaUJBQWlCLHFJQWhDbEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNkJULDZpR0E5QlMsWUFBWSw0SkFBRSxPQUFPLGdGQUFFLFlBQVksNkZBQUUsb0JBQW9CLHNHQUFFLGFBQWE7OzRGQWlDdkUsaUJBQWlCO2tCQXBDN0IsU0FBUzsrQkFDRSxjQUFjLGNBQ1osSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsb0JBQW9CLEVBQUUsYUFBYSxDQUFDLFlBQ3pFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTZCVDs4QkFLRCxLQUFLO3NCQURKLEtBQUs7Z0JBSU4sT0FBTztzQkFETixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJb25UZXh0IH0gZnJvbSAnQGlvbmljL2FuZ3VsYXIvc3RhbmRhbG9uZSc7XG5pbXBvcnQgeyBCb3hDb21wb25lbnQgfSBmcm9tICcuLi8uLi9hdG9tcy9ib3gvYm94LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBIcmVmQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbXMvaHJlZi9ocmVmLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCdXR0b25Hcm91cENvbXBvbmVudCB9IGZyb20gJy4uL2J1dHRvbi1ncm91cC9idXR0b24tZ3JvdXAuY29tcG9uZW50JztcbmltcG9ydCB7IFByb21wdGVyTWV0YWRhdGEgfSBmcm9tICcuL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLXByb21wdGVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSW9uVGV4dCwgQm94Q29tcG9uZW50LCBCdXR0b25Hcm91cENvbXBvbmVudCwgSHJlZkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPHZhbC1ib3hcbiAgICAgIGNsYXNzPVwidGVsZXByb21wdGVyLWNvbnRhaW5lclwiXG4gICAgICBbcHJvcHNdPVwieyBpY29uOiAnJywgYm9yZGVyZWQ6IHByb3BzLmJvcmRlcmVkLCBjb2xvcjogcHJvcHMuY29sb3IsIGxlZnRCb3JkZXI6IGZhbHNlLCBwYWRkaW5nOiBwcm9wcy5wYWRkaW5nIH1cIlxuICAgICAgKG9uQ2xpY2spPVwiY2xpY2tIYW5kbGVyKClcIlxuICAgID5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJcIiBbY2xhc3MudGVsZXByb21wdGVyLWNvbnRlbnRdPVwicHJvcHMudGVsZXByb21wdGVyXCIgYm9keT5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8aW9uLXRleHQ+XG4gICAgICAgICAgICA8cCBbY2xhc3NdPVwicHJvcHMuc2l6ZVwiIGNsYXNzPVwiYm9sZFwiPnt7IHByb3BzLmNvbnRlbnQgfX08L3A+XG4gICAgICAgICAgPC9pb24tdGV4dD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIEBpZiAocHJvcHMuYnV0dG9ucyB8fCBwcm9wcy5ocmVmcykge1xuICAgICAgICAgIDxkaXYgY2xhc3M9XCJhY3Rpb25zLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgPHZhbC1idXR0b24tZ3JvdXBcbiAgICAgICAgICAgICAgY2xhc3M9XCJidXR0b25zLWNvbnRhaW5lclwiXG4gICAgICAgICAgICAgIFtwcm9wc109XCJ7IGJ1dHRvbnM6IHByb3BzLmJ1dHRvbnMsIHBvc2l0aW9uOiAncmlnaHQnLCBjb2x1bW5lZDogZmFsc2UgfVwiXG4gICAgICAgICAgICAgIChvbkNsaWNrKT1cImNsaWNrSGFuZGxlcigkZXZlbnQpXCJcbiAgICAgICAgICAgID48L3ZhbC1idXR0b24tZ3JvdXA+XG4gICAgICAgICAgICA8dmFsLWhyZWZcbiAgICAgICAgICAgICAgY2xhc3M9XCJsaW5rXCJcbiAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGwgb2YgcHJvcHMuaHJlZnNcIlxuICAgICAgICAgICAgICBbcHJvcHNdPVwibFwiXG4gICAgICAgICAgICAgIChvbkNsaWNrKT1cImNsaWNrSGFuZGxlcigkZXZlbnQpXCJcbiAgICAgICAgICAgID48L3ZhbC1ocmVmPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICA8L3ZhbC1ib3g+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3Byb21wdGVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFByb21wdGVyQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgcHJvcHM6IFByb21wdGVyTWV0YWRhdGE7XG5cbiAgQE91dHB1dCgpXG4gIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBjbGlja0hhbmRsZXIodG9rZW4/OiBzdHJpbmcpIHtcbiAgICB0aGlzLm9uQ2xpY2suZW1pdCh0b2tlbik7XG4gIH1cbn1cbiJdfQ==

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

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

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

@@ -0,0 +1,155 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class QuoteBoxComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: QuoteBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: QuoteBoxComponent, isStandalone: true, selector: "quote-box", inputs: { props: "props" }, ngImport: i0, template: `
+    <div
+      class="quote-box"
+      [ngClass]="{
+        'quote-box--primary': props.color === 'primary',
+        'quote-box--secondary': props.color === 'secondary',
+        'quote-box--tertiary': props.color === 'tertiary',
+        'quote-box--success': props.color === 'success',
+        'quote-box--warning': props.color === 'warning',
+        'quote-box--danger': props.color === 'danger',
+        'quote-box--dark': props.color === 'dark',
+        'quote-box--light': props.color === 'light',
+        'quote-box--medium': props.color === 'medium',
+        'quote-box--left': props.alignment === 'left',
+        'quote-box--center': props.alignment === 'center' || !props.alignment,
+        'quote-box--right': props.alignment === 'right',
+      }"
+    >
+      <!-- Comillas decorativas -->
+      <div
+        *ngIf="props.showQuoteMark !== false"
+        class="quote-box__quote-mark"
+        [ngClass]="{
+          'quote-box__quote-mark--small': props.size === 'small',
+          'quote-box__quote-mark--medium': props.size === 'medium' || !props.size,
+          'quote-box__quote-mark--large': props.size === 'large',
+          'quote-box__quote-mark--xlarge': props.size === 'xlarge',
+        }"
+      >
+        "
+      </div>
+
+      <!-- Contenido de la cita -->
+      <div
+        class="quote-box__content"
+        [ngClass]="{
+          'quote-box__content--small': props.size === 'small',
+          'quote-box__content--medium': props.size === 'medium' || !props.size,
+          'quote-box__content--large': props.size === 'large',
+          'quote-box__content--xlarge': props.size === 'xlarge',
+          'quote-box__content--bold': props.bold,
+        }"
+      >
+        {{ props.content }}
+      </div>
+
+      <!-- Autor y fuente -->
+      <div
+        *ngIf="props.author"
+        class="quote-box__attribution"
+        [ngClass]="{
+          'quote-box__attribution--small': props.size === 'small',
+          'quote-box__attribution--medium': props.size === 'medium' || !props.size,
+          'quote-box__attribution--large': props.size === 'large',
+          'quote-box__attribution--xlarge': props.size === 'xlarge',
+          'quote-box__attribution--bold': props.bold,
+          'quote-box__attribution--primary': props.authorColor === 'primary',
+          'quote-box__attribution--secondary': props.authorColor === 'secondary',
+          'quote-box__attribution--tertiary': props.authorColor === 'tertiary',
+          'quote-box__attribution--success': props.authorColor === 'success',
+          'quote-box__attribution--warning': props.authorColor === 'warning',
+          'quote-box__attribution--danger': props.authorColor === 'danger',
+          'quote-box__attribution--dark': props.authorColor === 'dark',
+          'quote-box__attribution--light': props.authorColor === 'light',
+          'quote-box__attribution--color-medium': props.authorColor === 'medium',
+        }"
+      >
+        {{ props.author }}<span *ngIf="props.source">, {{ props.source }}</span>
+      </div>
+    </div>
+  `, isInline: true, styles: ["@charset \"UTF-8\";.quote-box{position:relative;margin:2rem 0;text-align:center;max-width:37.5rem;margin-left:auto;margin-right:auto;transition:all .3s ease-in-out}.quote-box:hover{transform:translateY(-.125rem)}.quote-box__quote-mark{font-size:3rem;line-height:1;opacity:.3;font-family:Georgia,serif}.quote-box__quote-mark--small{font-size:2.25rem}.quote-box__quote-mark--medium{font-size:3rem}.quote-box__quote-mark--large{font-size:4rem}.quote-box__quote-mark--xlarge{font-size:5rem}.quote-box__content{font-style:italic;line-height:1.8;margin-bottom:1.5rem;font-family:Georgia,serif;color:var(--ion-color-dark, #000);position:relative}.quote-box__content--small{font-size:1rem}.quote-box__content--medium{font-size:1.125rem}.quote-box__content--large{font-size:1.375rem}.quote-box__content--xlarge{font-size:1.625rem}.quote-box__content--bold{font-weight:600}.quote-box__attribution{font-style:normal;font-weight:500;text-align:right;color:var(--ion-color-medium, #666);position:relative}.quote-box__attribution:before{content:\"\\2014  \";opacity:.6}.quote-box__attribution--small{font-size:.875rem}.quote-box__attribution--medium{font-size:1rem}.quote-box__attribution--large{font-size:1.125rem}.quote-box__attribution--xlarge{font-size:1.25rem}.quote-box__attribution--bold{font-weight:600}.quote-box--left{text-align:left;max-width:none;margin-left:0;margin-right:auto}.quote-box--left .quote-box__attribution{text-align:left}.quote-box--right{text-align:right;max-width:none;margin-left:auto;margin-right:0}.quote-box--right .quote-box__attribution{text-align:right}.quote-box--center{text-align:center;max-width:600px;margin-left:auto;margin-right:auto}.quote-box--center .quote-box__attribution{text-align:right}.quote-box--primary .quote-box__content,.quote-box--primary .quote-box__quote-mark{color:var(--ion-color-primary, #3880ff)}.quote-box--secondary .quote-box__content,.quote-box--secondary .quote-box__quote-mark{color:var(--ion-color-secondary, #3dc2ff)}.quote-box--tertiary .quote-box__content,.quote-box--tertiary .quote-box__quote-mark{color:var(--ion-color-tertiary, #5260ff)}.quote-box--success .quote-box__content,.quote-box--success .quote-box__quote-mark{color:var(--ion-color-success, #2dd36f)}.quote-box--warning .quote-box__content,.quote-box--warning .quote-box__quote-mark{color:var(--ion-color-warning, #ffc409)}.quote-box--danger .quote-box__content,.quote-box--danger .quote-box__quote-mark{color:var(--ion-color-danger, #eb445a)}.quote-box--dark .quote-box__content,.quote-box--dark .quote-box__quote-mark{color:var(--ion-color-dark, #222428)}.quote-box--light .quote-box__content,.quote-box--light .quote-box__quote-mark{color:var(--ion-color-light, #f4f5f8)}.quote-box--medium .quote-box__content,.quote-box--medium .quote-box__quote-mark{color:var(--ion-color-medium, #92949c)}.quote-box__attribution--primary{color:var(--ion-color-primary, #3880ff)!important}.quote-box__attribution--secondary{color:var(--ion-color-secondary, #3dc2ff)!important}.quote-box__attribution--tertiary{color:var(--ion-color-tertiary, #5260ff)!important}.quote-box__attribution--success{color:var(--ion-color-success, #2dd36f)!important}.quote-box__attribution--warning{color:var(--ion-color-warning, #ffc409)!important}.quote-box__attribution--danger{color:var(--ion-color-danger, #eb445a)!important}.quote-box__attribution--dark{color:var(--ion-color-dark, #222428)!important}.quote-box__attribution--color-medium{color:var(--ion-color-medium, #92949c)!important}.quote-box__attribution--light{color:var(--ion-color-light, #f4f5f8)!important}\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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: QuoteBoxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'quote-box', standalone: true, imports: [CommonModule], template: `
+    <div
+      class="quote-box"
+      [ngClass]="{
+        'quote-box--primary': props.color === 'primary',
+        'quote-box--secondary': props.color === 'secondary',
+        'quote-box--tertiary': props.color === 'tertiary',
+        'quote-box--success': props.color === 'success',
+        'quote-box--warning': props.color === 'warning',
+        'quote-box--danger': props.color === 'danger',
+        'quote-box--dark': props.color === 'dark',
+        'quote-box--light': props.color === 'light',
+        'quote-box--medium': props.color === 'medium',
+        'quote-box--left': props.alignment === 'left',
+        'quote-box--center': props.alignment === 'center' || !props.alignment,
+        'quote-box--right': props.alignment === 'right',
+      }"
+    >
+      <!-- Comillas decorativas -->
+      <div
+        *ngIf="props.showQuoteMark !== false"
+        class="quote-box__quote-mark"
+        [ngClass]="{
+          'quote-box__quote-mark--small': props.size === 'small',
+          'quote-box__quote-mark--medium': props.size === 'medium' || !props.size,
+          'quote-box__quote-mark--large': props.size === 'large',
+          'quote-box__quote-mark--xlarge': props.size === 'xlarge',
+        }"
+      >
+        "
+      </div>
+
+      <!-- Contenido de la cita -->
+      <div
+        class="quote-box__content"
+        [ngClass]="{
+          'quote-box__content--small': props.size === 'small',
+          'quote-box__content--medium': props.size === 'medium' || !props.size,
+          'quote-box__content--large': props.size === 'large',
+          'quote-box__content--xlarge': props.size === 'xlarge',
+          'quote-box__content--bold': props.bold,
+        }"
+      >
+        {{ props.content }}
+      </div>
+
+      <!-- Autor y fuente -->
+      <div
+        *ngIf="props.author"
+        class="quote-box__attribution"
+        [ngClass]="{
+          'quote-box__attribution--small': props.size === 'small',
+          'quote-box__attribution--medium': props.size === 'medium' || !props.size,
+          'quote-box__attribution--large': props.size === 'large',
+          'quote-box__attribution--xlarge': props.size === 'xlarge',
+          'quote-box__attribution--bold': props.bold,
+          'quote-box__attribution--primary': props.authorColor === 'primary',
+          'quote-box__attribution--secondary': props.authorColor === 'secondary',
+          'quote-box__attribution--tertiary': props.authorColor === 'tertiary',
+          'quote-box__attribution--success': props.authorColor === 'success',
+          'quote-box__attribution--warning': props.authorColor === 'warning',
+          'quote-box__attribution--danger': props.authorColor === 'danger',
+          'quote-box__attribution--dark': props.authorColor === 'dark',
+          'quote-box__attribution--light': props.authorColor === 'light',
+          'quote-box__attribution--color-medium': props.authorColor === 'medium',
+        }"
+      >
+        {{ props.author }}<span *ngIf="props.source">, {{ props.source }}</span>
+      </div>
+    </div>
+  `, styles: ["@charset \"UTF-8\";.quote-box{position:relative;margin:2rem 0;text-align:center;max-width:37.5rem;margin-left:auto;margin-right:auto;transition:all .3s ease-in-out}.quote-box:hover{transform:translateY(-.125rem)}.quote-box__quote-mark{font-size:3rem;line-height:1;opacity:.3;font-family:Georgia,serif}.quote-box__quote-mark--small{font-size:2.25rem}.quote-box__quote-mark--medium{font-size:3rem}.quote-box__quote-mark--large{font-size:4rem}.quote-box__quote-mark--xlarge{font-size:5rem}.quote-box__content{font-style:italic;line-height:1.8;margin-bottom:1.5rem;font-family:Georgia,serif;color:var(--ion-color-dark, #000);position:relative}.quote-box__content--small{font-size:1rem}.quote-box__content--medium{font-size:1.125rem}.quote-box__content--large{font-size:1.375rem}.quote-box__content--xlarge{font-size:1.625rem}.quote-box__content--bold{font-weight:600}.quote-box__attribution{font-style:normal;font-weight:500;text-align:right;color:var(--ion-color-medium, #666);position:relative}.quote-box__attribution:before{content:\"\\2014  \";opacity:.6}.quote-box__attribution--small{font-size:.875rem}.quote-box__attribution--medium{font-size:1rem}.quote-box__attribution--large{font-size:1.125rem}.quote-box__attribution--xlarge{font-size:1.25rem}.quote-box__attribution--bold{font-weight:600}.quote-box--left{text-align:left;max-width:none;margin-left:0;margin-right:auto}.quote-box--left .quote-box__attribution{text-align:left}.quote-box--right{text-align:right;max-width:none;margin-left:auto;margin-right:0}.quote-box--right .quote-box__attribution{text-align:right}.quote-box--center{text-align:center;max-width:600px;margin-left:auto;margin-right:auto}.quote-box--center .quote-box__attribution{text-align:right}.quote-box--primary .quote-box__content,.quote-box--primary .quote-box__quote-mark{color:var(--ion-color-primary, #3880ff)}.quote-box--secondary .quote-box__content,.quote-box--secondary .quote-box__quote-mark{color:var(--ion-color-secondary, #3dc2ff)}.quote-box--tertiary .quote-box__content,.quote-box--tertiary .quote-box__quote-mark{color:var(--ion-color-tertiary, #5260ff)}.quote-box--success .quote-box__content,.quote-box--success .quote-box__quote-mark{color:var(--ion-color-success, #2dd36f)}.quote-box--warning .quote-box__content,.quote-box--warning .quote-box__quote-mark{color:var(--ion-color-warning, #ffc409)}.quote-box--danger .quote-box__content,.quote-box--danger .quote-box__quote-mark{color:var(--ion-color-danger, #eb445a)}.quote-box--dark .quote-box__content,.quote-box--dark .quote-box__quote-mark{color:var(--ion-color-dark, #222428)}.quote-box--light .quote-box__content,.quote-box--light .quote-box__quote-mark{color:var(--ion-color-light, #f4f5f8)}.quote-box--medium .quote-box__content,.quote-box--medium .quote-box__quote-mark{color:var(--ion-color-medium, #92949c)}.quote-box__attribution--primary{color:var(--ion-color-primary, #3880ff)!important}.quote-box__attribution--secondary{color:var(--ion-color-secondary, #3dc2ff)!important}.quote-box__attribution--tertiary{color:var(--ion-color-tertiary, #5260ff)!important}.quote-box__attribution--success{color:var(--ion-color-success, #2dd36f)!important}.quote-box__attribution--warning{color:var(--ion-color-warning, #ffc409)!important}.quote-box__attribution--danger{color:var(--ion-color-danger, #eb445a)!important}.quote-box__attribution--dark{color:var(--ion-color-dark, #222428)!important}.quote-box__attribution--color-medium{color:var(--ion-color-medium, #92949c)!important}.quote-box__attribution--light{color:var(--ion-color-light, #f4f5f8)!important}\n"] }]
+        }], propDecorators: { props: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVvdGUtYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9tb2xlY3VsZXMvcXVvdGUtYm94L3F1b3RlLWJveC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFvR2pELE1BQU0sT0FBTyxpQkFBaUI7K0dBQWpCLGlCQUFpQjttR0FBakIsaUJBQWlCLGlHQXpFbEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FzRVQsc2pIQXZFUyxZQUFZOzs0RkEwRVgsaUJBQWlCO2tCQTdFN0IsU0FBUzsrQkFDRSxXQUFXLGNBQ1QsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLFlBQ2I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FzRVQ7OEJBSVEsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGludGVyZmFjZSBRdW90ZUJveE1ldGFkYXRhIHtcbiAgLyoqIENvbnRlbmlkbyBkZSBsYSBjaXRhICovXG4gIGNvbnRlbnQ6IHN0cmluZztcbiAgLyoqIEF1dG9yIGRlIGxhIGNpdGEgKi9cbiAgYXV0aG9yPzogc3RyaW5nO1xuICAvKiogRnVlbnRlIGRlIGxhIGNpdGEgKGxpYnJvLCBhcnTDrWN1bG8sIGV0Yy4pICovXG4gIHNvdXJjZT86IHN0cmluZztcbiAgLyoqIFRhbWHDsW8gZGVsIHRleHRvICovXG4gIHNpemU/OiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnIHwgJ3hsYXJnZSc7XG4gIC8qKiBDb2xvciBkZSBsYSBjaXRhICovXG4gIGNvbG9yPzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknIHwgJ3N1Y2Nlc3MnIHwgJ3dhcm5pbmcnIHwgJ2RhbmdlcicgfCAnZGFyaycgfCAnbGlnaHQnIHwgJ21lZGl1bSc7XG4gIC8qKiBDb2xvciBkZWwgYXV0b3IgeSBmdWVudGUgKi9cbiAgYXV0aG9yQ29sb3I/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICd0ZXJ0aWFyeScgfCAnc3VjY2VzcycgfCAnd2FybmluZycgfCAnZGFuZ2VyJyB8ICdkYXJrJyB8ICdsaWdodCcgfCAnbWVkaXVtJztcbiAgLyoqIEFsaW5lYWNpw7NuIGRlbCBjb250ZW5pZG8gKi9cbiAgYWxpZ25tZW50PzogJ2xlZnQnIHwgJ2NlbnRlcicgfCAncmlnaHQnO1xuICAvKiogTW9zdHJhciBjb21pbGxhcyBkZWNvcmF0aXZhcyAqL1xuICBzaG93UXVvdGVNYXJrPzogYm9vbGVhbjtcbiAgLyoqIFRleHRvIGVuIG5lZ3JpdGEgKi9cbiAgYm9sZD86IGJvb2xlYW47XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3F1b3RlLWJveCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwicXVvdGUtYm94XCJcbiAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgJ3F1b3RlLWJveC0tcHJpbWFyeSc6IHByb3BzLmNvbG9yID09PSAncHJpbWFyeScsXG4gICAgICAgICdxdW90ZS1ib3gtLXNlY29uZGFyeSc6IHByb3BzLmNvbG9yID09PSAnc2Vjb25kYXJ5JyxcbiAgICAgICAgJ3F1b3RlLWJveC0tdGVydGlhcnknOiBwcm9wcy5jb2xvciA9PT0gJ3RlcnRpYXJ5JyxcbiAgICAgICAgJ3F1b3RlLWJveC0tc3VjY2Vzcyc6IHByb3BzLmNvbG9yID09PSAnc3VjY2VzcycsXG4gICAgICAgICdxdW90ZS1ib3gtLXdhcm5pbmcnOiBwcm9wcy5jb2xvciA9PT0gJ3dhcm5pbmcnLFxuICAgICAgICAncXVvdGUtYm94LS1kYW5nZXInOiBwcm9wcy5jb2xvciA9PT0gJ2RhbmdlcicsXG4gICAgICAgICdxdW90ZS1ib3gtLWRhcmsnOiBwcm9wcy5jb2xvciA9PT0gJ2RhcmsnLFxuICAgICAgICAncXVvdGUtYm94LS1saWdodCc6IHByb3BzLmNvbG9yID09PSAnbGlnaHQnLFxuICAgICAgICAncXVvdGUtYm94LS1tZWRpdW0nOiBwcm9wcy5jb2xvciA9PT0gJ21lZGl1bScsXG4gICAgICAgICdxdW90ZS1ib3gtLWxlZnQnOiBwcm9wcy5hbGlnbm1lbnQgPT09ICdsZWZ0JyxcbiAgICAgICAgJ3F1b3RlLWJveC0tY2VudGVyJzogcHJvcHMuYWxpZ25tZW50ID09PSAnY2VudGVyJyB8fCAhcHJvcHMuYWxpZ25tZW50LFxuICAgICAgICAncXVvdGUtYm94LS1yaWdodCc6IHByb3BzLmFsaWdubWVudCA9PT0gJ3JpZ2h0JyxcbiAgICAgIH1cIlxuICAgID5cbiAgICAgIDwhLS0gQ29taWxsYXMgZGVjb3JhdGl2YXMgLS0+XG4gICAgICA8ZGl2XG4gICAgICAgICpuZ0lmPVwicHJvcHMuc2hvd1F1b3RlTWFyayAhPT0gZmFsc2VcIlxuICAgICAgICBjbGFzcz1cInF1b3RlLWJveF9fcXVvdGUtbWFya1wiXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAncXVvdGUtYm94X19xdW90ZS1tYXJrLS1zbWFsbCc6IHByb3BzLnNpemUgPT09ICdzbWFsbCcsXG4gICAgICAgICAgJ3F1b3RlLWJveF9fcXVvdGUtbWFyay0tbWVkaXVtJzogcHJvcHMuc2l6ZSA9PT0gJ21lZGl1bScgfHwgIXByb3BzLnNpemUsXG4gICAgICAgICAgJ3F1b3RlLWJveF9fcXVvdGUtbWFyay0tbGFyZ2UnOiBwcm9wcy5zaXplID09PSAnbGFyZ2UnLFxuICAgICAgICAgICdxdW90ZS1ib3hfX3F1b3RlLW1hcmstLXhsYXJnZSc6IHByb3BzLnNpemUgPT09ICd4bGFyZ2UnLFxuICAgICAgICB9XCJcbiAgICAgID5cbiAgICAgICAgXCJcbiAgICAgIDwvZGl2PlxuXG4gICAgICA8IS0tIENvbnRlbmlkbyBkZSBsYSBjaXRhIC0tPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInF1b3RlLWJveF9fY29udGVudFwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAncXVvdGUtYm94X19jb250ZW50LS1zbWFsbCc6IHByb3BzLnNpemUgPT09ICdzbWFsbCcsXG4gICAgICAgICAgJ3F1b3RlLWJveF9fY29udGVudC0tbWVkaXVtJzogcHJvcHMuc2l6ZSA9PT0gJ21lZGl1bScgfHwgIXByb3BzLnNpemUsXG4gICAgICAgICAgJ3F1b3RlLWJveF9fY29udGVudC0tbGFyZ2UnOiBwcm9wcy5zaXplID09PSAnbGFyZ2UnLFxuICAgICAgICAgICdxdW90ZS1ib3hfX2NvbnRlbnQtLXhsYXJnZSc6IHByb3BzLnNpemUgPT09ICd4bGFyZ2UnLFxuICAgICAgICAgICdxdW90ZS1ib3hfX2NvbnRlbnQtLWJvbGQnOiBwcm9wcy5ib2xkLFxuICAgICAgICB9XCJcbiAgICAgID5cbiAgICAgICAge3sgcHJvcHMuY29udGVudCB9fVxuICAgICAgPC9kaXY+XG5cbiAgICAgIDwhLS0gQXV0b3IgeSBmdWVudGUgLS0+XG4gICAgICA8ZGl2XG4gICAgICAgICpuZ0lmPVwicHJvcHMuYXV0aG9yXCJcbiAgICAgICAgY2xhc3M9XCJxdW90ZS1ib3hfX2F0dHJpYnV0aW9uXCJcbiAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICdxdW90ZS1ib3hfX2F0dHJpYnV0aW9uLS1zbWFsbCc6IHByb3BzLnNpemUgPT09ICdzbWFsbCcsXG4gICAgICAgICAgJ3F1b3RlLWJveF9fYXR0cmlidXRpb24tLW1lZGl1bSc6IHByb3BzLnNpemUgPT09ICdtZWRpdW0nIHx8ICFwcm9wcy5zaXplLFxuICAgICAgICAgICdxdW90ZS1ib3hfX2F0dHJpYnV0aW9uLS1sYXJnZSc6IHByb3BzLnNpemUgPT09ICdsYXJnZScsXG4gICAgICAgICAgJ3F1b3RlLWJveF9fYXR0cmlidXRpb24tLXhsYXJnZSc6IHByb3BzLnNpemUgPT09ICd4bGFyZ2UnLFxuICAgICAgICAgICdxdW90ZS1ib3hfX2F0dHJpYnV0aW9uLS1ib2xkJzogcHJvcHMuYm9sZCxcbiAgICAgICAgICAncXVvdGUtYm94X19hdHRyaWJ1dGlvbi0tcHJpbWFyeSc6IHByb3BzLmF1dGhvckNvbG9yID09PSAncHJpbWFyeScsXG4gICAgICAgICAgJ3F1b3RlLWJveF9fYXR0cmlidXRpb24tLXNlY29uZGFyeSc6IHByb3BzLmF1dGhvckNvbG9yID09PSAnc2Vjb25kYXJ5JyxcbiAgICAgICAgICAncXVvdGUtYm94X19hdHRyaWJ1dGlvbi0tdGVydGlhcnknOiBwcm9wcy5hdXRob3JDb2xvciA9PT0gJ3RlcnRpYXJ5JyxcbiAgICAgICAgICAncXVvdGUtYm94X19hdHRyaWJ1dGlvbi0tc3VjY2Vzcyc6IHByb3BzLmF1dGhvckNvbG9yID09PSAnc3VjY2VzcycsXG4gICAgICAgICAgJ3F1b3RlLWJveF9fYXR0cmlidXRpb24tLXdhcm5pbmcnOiBwcm9wcy5hdXRob3JDb2xvciA9PT0gJ3dhcm5pbmcnLFxuICAgICAgICAgICdxdW90ZS1ib3hfX2F0dHJpYnV0aW9uLS1kYW5nZXInOiBwcm9wcy5hdXRob3JDb2xvciA9PT0gJ2RhbmdlcicsXG4gICAgICAgICAgJ3F1b3RlLWJveF9fYXR0cmlidXRpb24tLWRhcmsnOiBwcm9wcy5hdXRob3JDb2xvciA9PT0gJ2RhcmsnLFxuICAgICAgICAgICdxdW90ZS1ib3hfX2F0dHJpYnV0aW9uLS1saWdodCc6IHByb3BzLmF1dGhvckNvbG9yID09PSAnbGlnaHQnLFxuICAgICAgICAgICdxdW90ZS1ib3hfX2F0dHJpYnV0aW9uLS1jb2xvci1tZWRpdW0nOiBwcm9wcy5hdXRob3JDb2xvciA9PT0gJ21lZGl1bScsXG4gICAgICAgIH1cIlxuICAgICAgPlxuICAgICAgICB7eyBwcm9wcy5hdXRob3IgfX08c3BhbiAqbmdJZj1cInByb3BzLnNvdXJjZVwiPiwge3sgcHJvcHMuc291cmNlIH19PC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3F1b3RlLWJveC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBRdW90ZUJveENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHByb3BzITogUXVvdGVCb3hNZXRhZGF0YTtcbn1cbiJdfQ==

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

@@ -0,0 +1,52 @@
+import { NgFor } from '@angular/common';
+import { Component, Input } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { IonRadio, IonRadioGroup } from '@ionic/angular/standalone';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+/**
+ * val-radio-input
+ *
+ * A radio group input for selecting one option, integrated with Angular forms.
+ * For i18n support, provide translated option names in the options array.
+ *
+ * @example Static options:
+ * <val-radio-input [props]="{ control: myControl, options: [{ id: '1', name: 'Option 1' }] }"></val-radio-input>
+ *
+ * @example With i18n (translate options before passing):
+ * ```typescript
+ * // In component
+ * options = [
+ *   { id: '1', name: this.langService.getText('MyComponent', 'option1'), order: 1 },
+ *   { id: '2', name: this.langService.getText('MyComponent', 'option2'), order: 2 }
+ * ];
+ * ```
+ *
+ * @input props: InputMetadata - Configuration for the radio input (form control, options, etc.)
+ */
+export class RadioInputComponent {
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RadioInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: RadioInputComponent, isStandalone: true, selector: "val-radio-input", inputs: { props: "props" }, ngImport: i0, template: `
+    <ion-radio-group [allowEmptySelection]="true" [formControl]="props.control">
+      <ng-container *ngFor="let o of props.options">
+        <ion-radio [value]="o.id">{{ o.name }}</ion-radio>
+        <br />
+      </ng-container>
+    </ion-radio-group>
+  `, isInline: true, styles: [""], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: IonRadioGroup, selector: "ion-radio-group", inputs: ["allowEmptySelection", "compareWith", "errorText", "helperText", "name", "value"] }, { kind: "component", type: IonRadio, selector: "ion-radio", inputs: ["alignment", "color", "disabled", "justify", "labelPlacement", "mode", "name", "value"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RadioInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-radio-input', standalone: true, imports: [NgFor, ReactiveFormsModule, IonRadioGroup, IonRadio], template: `
+    <ion-radio-group [allowEmptySelection]="true" [formControl]="props.control">
+      <ng-container *ngFor="let o of props.options">
+        <ion-radio [value]="o.id">{{ o.name }}</ion-radio>
+        <br />
+      </ng-container>
+    </ion-radio-group>
+  ` }]
+        }], propDecorators: { props: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8taW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9yYWRpby1pbnB1dC9yYWRpby1pbnB1dC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxRQUFRLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7OztBQWlCcEU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FtQkc7QUFDSCxNQUFNLE9BQU8sbUJBQW1CO0lBUzlCLFFBQVEsS0FBSSxDQUFDOytHQVRGLG1CQUFtQjttR0FBbkIsbUJBQW1CLHVHQTlCcEI7Ozs7Ozs7R0FPVCwwRUFSUyxLQUFLLGtIQUFFLG1CQUFtQiwwVEFBRSxhQUFhLHdKQUFFLFFBQVE7OzRGQStCbEQsbUJBQW1CO2tCQWxDL0IsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLFdBQ1AsQ0FBQyxLQUFLLEVBQUUsbUJBQW1CLEVBQUUsYUFBYSxFQUFFLFFBQVEsQ0FBQyxZQUNwRDs7Ozs7OztHQU9UOzhCQThCUSxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0ZvciB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBJb25SYWRpbywgSW9uUmFkaW9Hcm91cCB9IGZyb20gJ0Bpb25pYy9hbmd1bGFyL3N0YW5kYWxvbmUnO1xuaW1wb3J0IHsgSW5wdXRNZXRhZGF0YSB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLXJhZGlvLWlucHV0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nRm9yLCBSZWFjdGl2ZUZvcm1zTW9kdWxlLCBJb25SYWRpb0dyb3VwLCBJb25SYWRpb10sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGlvbi1yYWRpby1ncm91cCBbYWxsb3dFbXB0eVNlbGVjdGlvbl09XCJ0cnVlXCIgW2Zvcm1Db250cm9sXT1cInByb3BzLmNvbnRyb2xcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG8gb2YgcHJvcHMub3B0aW9uc1wiPlxuICAgICAgICA8aW9uLXJhZGlvIFt2YWx1ZV09XCJvLmlkXCI+e3sgby5uYW1lIH19PC9pb24tcmFkaW8+XG4gICAgICAgIDxiciAvPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9pb24tcmFkaW8tZ3JvdXA+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3JhZGlvLWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuLyoqXG4gKiB2YWwtcmFkaW8taW5wdXRcbiAqXG4gKiBBIHJhZGlvIGdyb3VwIGlucHV0IGZvciBzZWxlY3Rpbmcgb25lIG9wdGlvbiwgaW50ZWdyYXRlZCB3aXRoIEFuZ3VsYXIgZm9ybXMuXG4gKiBGb3IgaTE4biBzdXBwb3J0LCBwcm92aWRlIHRyYW5zbGF0ZWQgb3B0aW9uIG5hbWVzIGluIHRoZSBvcHRpb25zIGFycmF5LlxuICpcbiAqIEBleGFtcGxlIFN0YXRpYyBvcHRpb25zOlxuICogPHZhbC1yYWRpby1pbnB1dCBbcHJvcHNdPVwieyBjb250cm9sOiBteUNvbnRyb2wsIG9wdGlvbnM6IFt7IGlkOiAnMScsIG5hbWU6ICdPcHRpb24gMScgfV0gfVwiPjwvdmFsLXJhZGlvLWlucHV0PlxuICpcbiAqIEBleGFtcGxlIFdpdGggaTE4biAodHJhbnNsYXRlIG9wdGlvbnMgYmVmb3JlIHBhc3NpbmcpOlxuICogYGBgdHlwZXNjcmlwdFxuICogLy8gSW4gY29tcG9uZW50XG4gKiBvcHRpb25zID0gW1xuICogICB7IGlkOiAnMScsIG5hbWU6IHRoaXMubGFuZ1NlcnZpY2UuZ2V0VGV4dCgnTXlDb21wb25lbnQnLCAnb3B0aW9uMScpLCBvcmRlcjogMSB9LFxuICogICB7IGlkOiAnMicsIG5hbWU6IHRoaXMubGFuZ1NlcnZpY2UuZ2V0VGV4dCgnTXlDb21wb25lbnQnLCAnb3B0aW9uMicpLCBvcmRlcjogMiB9XG4gKiBdO1xuICogYGBgXG4gKlxuICogQGlucHV0IHByb3BzOiBJbnB1dE1ldGFkYXRhIC0gQ29uZmlndXJhdGlvbiBmb3IgdGhlIHJhZGlvIGlucHV0IChmb3JtIGNvbnRyb2wsIG9wdGlvbnMsIGV0Yy4pXG4gKi9cbmV4cG9ydCBjbGFzcyBSYWRpb0lucHV0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIElucHV0IGNvbmZpZ3VyYXRpb24gb2JqZWN0LlxuICAgKiBAdHlwZSB7SW5wdXRNZXRhZGF0YX1cbiAgICogQHByb3BlcnR5IGNvbnRyb2wgLSBUaGUgQW5ndWxhciBGb3JtQ29udHJvbCBmb3IgdGhlIHJhZGlvIGlucHV0LlxuICAgKiBAcHJvcGVydHkgb3B0aW9ucyAtIFRoZSBhdmFpbGFibGUgb3B0aW9ucyBmb3IgdGhlIHJhZGlvIGdyb3VwLiBGb3IgaTE4biwgdHJhbnNsYXRlIG5hbWVzIGJlZm9yZSBwYXNzaW5nLlxuICAgKi9cbiAgQElucHV0KCkgcHJvcHM6IElucHV0TWV0YWRhdGE7XG5cbiAgbmdPbkluaXQoKSB7fVxufVxuIl19