@iamgld/ui 0.0.1 → 1.0.0

package/fesm2022/iamgld-ui.mjs

@@ -0,0 +1,834 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, output, Component, ChangeDetectionStrategy, inject, DestroyRef, ChangeDetectorRef, signal, forwardRef, computed, contentChildren, numberAttribute, viewChild, effect } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1 from '@angular/forms';
+import { FormControl, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { NgTemplateOutlet } from '@angular/common';
+import { debounceTime } from 'rxjs';
+
+// Angular Imports
+class ButtonComponent {
+    name = input.required();
+    disable = input(false, { transform: booleanAttribute });
+    // hasIcon = input<boolean, string | boolean>(false, { transform: booleanAttribute })
+    // icon = input<Icons>(Icons.addLine)
+    // iconSize = input<keyof typeof IconsSize>(IconsSize.small)
+    // iconMoveTopToBottom = input<number, string | number>(0, { transform: numberAttribute })
+    // iconMoveLeftToRight = input<number, string | number>(0, { transform: numberAttribute })
+    color = input('pink');
+    size = input('normal');
+    clicked = output();
+    emitClick() {
+        if (!this.disable())
+            this.clicked.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.1", type: ButtonComponent, isStandalone: true, selector: "gld-button", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\r\n  id=\"{{ name() }}\"\r\n  attr.aria-label=\"{{ name() }}\"\r\n  class=\"Button Button--{{ color() }} Button--{{ size() }}\"\r\n  [class.Button--disable]=\"disable()\"\r\n  (click)=\"emitClick()\">\r\n  <span>\r\n    <ng-content />\r\n  </span>\r\n</button>\r\n", styles: [".Button{--gld-color: initial;--gld-border-color: initial;--gld-border: var(--gld-border-size) solid var(--gld-border-color);--gld-background: initial;--gld-background--hover: initial;--gld-box-shadow-size: 2px;--gld-box-shadow-size--hover: 0;--gld-padding: var(--gld-spacing--xxs) var(--gld-spacing--xs);--gld-radius: var(--gld-radius--xxxs);--gld-font-size: var(--gld-font-size--normal);outline:none;border:var(--gld-border);padding:var(--gld-padding);border-radius:var(--gld-radius);font-family:var(--gld-font--poppins);font-size:var(--gld-font-size);font-weight:600;line-height:1.25;cursor:pointer;width:inherit;color:var(--gld-color);background:var(--gld-background);box-shadow:0 var(--gld-box-shadow-size) 0 0;display:inline-flex;align-items:center;justify-content:center;gap:var(--gld-spacing--xxxs);will-change:background,color;transition:background var(--gld-animation-time--150),box-shadow var(--gld-animation-time--150),color var(--gld-animation-time--150)}.Button:hover,.Button:focus{--gld-background: var(--gld-background--hover);--gld-box-shadow-size: var(--gld-box-shadow-size--hover)}.Button span{text-transform:capitalize;-webkit-user-select:none;user-select:none}.Button--pink{--gld-color: var(--gld-pink);--gld-border-color: var(--gld-pink);--gld-background: var(--gld-pink-transparent--010);--gld-background--hover: var(--gld-pink-transparent--020)}.Button--purple{--gld-color: var(--gld-purple);--gld-border-color: var(--gld-purple);--gld-background: var(--gld-purple-transparent--010);--gld-background--hover: var(--gld-purple-transparent--020)}.Button--mustard{--gld-color: var(--gld-mustard);--gld-border-color: var(--gld-mustard);--gld-background: var(--gld-mustard-transparent--010);--gld-background--hover: var(--gld-mustard-transparent--020)}.Button--orange{--gld-color: var(--gld-orange);--gld-border-color: var(--gld-orange);--gld-background: var(--gld-orange-transparent--010);--gld-background--hover: var(--gld-orange-transparent--020)}.Button--blue{--gld-color: var(--gld-blue);--gld-border-color: var(--gld-blue);--gld-background: var(--gld-blue-transparent--010);--gld-background--hover: var(--gld-blue-transparent--020)}.Button--red{--gld-color: var(--gld-red);--gld-border-color: var(--gld-red);--gld-background: var(--gld-red-transparent--010);--gld-background--hover: var(--gld-red-transparent--020)}.Button--green{--gld-color: var(--gld-green);--gld-border-color: var(--gld-green);--gld-background: var(--gld-green-transparent--010);--gld-background--hover: var(--gld-green-transparent--020)}.Button--tiny{--gld-font-size: var(--gld-font-size--small);--gld-padding: var(--gld-spacing--xxxs) var(--gld-spacing--xxs)}.Button--small{--gld-font-size: var(--gld-font-size--small);--gld-padding: var(--gld-spacing--xxs)}.Button--normal{--gld-font-size: var(--gld-font-size--normal);--gld-padding: var(--gld-spacing--xxs) var(--gld-spacing--xs)}.Button--medium{--gld-padding: var(--gld-spacing--xs) var(--gld-spacing--m)}.Button--large{--gld-font-size: var(--gld-font-size--heading-three);--gld-padding: var(--gld-spacing--xs) var(--gld-spacing--l)}.Button--disable{--gld-color: var(--gld-gray-transparent--060);--gld-border-color: var(--gld-gray-transparent--060);--gld-background: var(--gld-gray-transparent--010);--gld-background--hover: var(--gld-gray-transparent--010);pointer-events:none;cursor:not-allowed}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gld-button', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n  id=\"{{ name() }}\"\r\n  attr.aria-label=\"{{ name() }}\"\r\n  class=\"Button Button--{{ color() }} Button--{{ size() }}\"\r\n  [class.Button--disable]=\"disable()\"\r\n  (click)=\"emitClick()\">\r\n  <span>\r\n    <ng-content />\r\n  </span>\r\n</button>\r\n", styles: [".Button{--gld-color: initial;--gld-border-color: initial;--gld-border: var(--gld-border-size) solid var(--gld-border-color);--gld-background: initial;--gld-background--hover: initial;--gld-box-shadow-size: 2px;--gld-box-shadow-size--hover: 0;--gld-padding: var(--gld-spacing--xxs) var(--gld-spacing--xs);--gld-radius: var(--gld-radius--xxxs);--gld-font-size: var(--gld-font-size--normal);outline:none;border:var(--gld-border);padding:var(--gld-padding);border-radius:var(--gld-radius);font-family:var(--gld-font--poppins);font-size:var(--gld-font-size);font-weight:600;line-height:1.25;cursor:pointer;width:inherit;color:var(--gld-color);background:var(--gld-background);box-shadow:0 var(--gld-box-shadow-size) 0 0;display:inline-flex;align-items:center;justify-content:center;gap:var(--gld-spacing--xxxs);will-change:background,color;transition:background var(--gld-animation-time--150),box-shadow var(--gld-animation-time--150),color var(--gld-animation-time--150)}.Button:hover,.Button:focus{--gld-background: var(--gld-background--hover);--gld-box-shadow-size: var(--gld-box-shadow-size--hover)}.Button span{text-transform:capitalize;-webkit-user-select:none;user-select:none}.Button--pink{--gld-color: var(--gld-pink);--gld-border-color: var(--gld-pink);--gld-background: var(--gld-pink-transparent--010);--gld-background--hover: var(--gld-pink-transparent--020)}.Button--purple{--gld-color: var(--gld-purple);--gld-border-color: var(--gld-purple);--gld-background: var(--gld-purple-transparent--010);--gld-background--hover: var(--gld-purple-transparent--020)}.Button--mustard{--gld-color: var(--gld-mustard);--gld-border-color: var(--gld-mustard);--gld-background: var(--gld-mustard-transparent--010);--gld-background--hover: var(--gld-mustard-transparent--020)}.Button--orange{--gld-color: var(--gld-orange);--gld-border-color: var(--gld-orange);--gld-background: var(--gld-orange-transparent--010);--gld-background--hover: var(--gld-orange-transparent--020)}.Button--blue{--gld-color: var(--gld-blue);--gld-border-color: var(--gld-blue);--gld-background: var(--gld-blue-transparent--010);--gld-background--hover: var(--gld-blue-transparent--020)}.Button--red{--gld-color: var(--gld-red);--gld-border-color: var(--gld-red);--gld-background: var(--gld-red-transparent--010);--gld-background--hover: var(--gld-red-transparent--020)}.Button--green{--gld-color: var(--gld-green);--gld-border-color: var(--gld-green);--gld-background: var(--gld-green-transparent--010);--gld-background--hover: var(--gld-green-transparent--020)}.Button--tiny{--gld-font-size: var(--gld-font-size--small);--gld-padding: var(--gld-spacing--xxxs) var(--gld-spacing--xxs)}.Button--small{--gld-font-size: var(--gld-font-size--small);--gld-padding: var(--gld-spacing--xxs)}.Button--normal{--gld-font-size: var(--gld-font-size--normal);--gld-padding: var(--gld-spacing--xxs) var(--gld-spacing--xs)}.Button--medium{--gld-padding: var(--gld-spacing--xs) var(--gld-spacing--m)}.Button--large{--gld-font-size: var(--gld-font-size--heading-three);--gld-padding: var(--gld-spacing--xs) var(--gld-spacing--l)}.Button--disable{--gld-color: var(--gld-gray-transparent--060);--gld-border-color: var(--gld-gray-transparent--060);--gld-background: var(--gld-gray-transparent--010);--gld-background--hover: var(--gld-gray-transparent--010);pointer-events:none;cursor:not-allowed}\n"] }]
+        }] });
+
+// Angular Imports
+class InputErrorComponent {
+    Boolean = Boolean;
+    errors = input.required();
+    border = input(false, { transform: booleanAttribute });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: InputErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: InputErrorComponent, isStandalone: true, selector: "gld-input-error", inputs: { errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: true, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section class=\"error\" [class.error--with-border]=\"border()\">\r\n  <span class=\"error__message\">\r\n    <ng-content>\r\n      <ng-content>\r\n        @switch (true) {\r\n          @case (Boolean(this.errors()?.['required'])) {\r\n            Este campo es requerido!\r\n          }\r\n          @case (Boolean(this.errors()?.['email'])) {\r\n            {{ this.errors()?.['email'] }}\r\n          }\r\n          @case (Boolean(this.errors()?.['maxlength'])) {\r\n            Este campo debe tener como m\u00E1ximo\r\n            {{ this.errors()?.['maxlength'].requiredLength }}\r\n            caracteres!\r\n          }\r\n          @case (Boolean(this.errors()?.['minlength'])) {\r\n            Este campo debe tener como m\u00EDnimo\r\n            {{ this.errors()?.['minlength'].requiredLength }}\r\n            caracteres!\r\n          }\r\n          @case (Boolean(this.errors()?.['isDate'])) {\r\n            {{ this.errors()?.['isDate'] }}\r\n          }\r\n          @case (Boolean(this.errors()?.['minimumAge'])) {\r\n            Esta campo debe cumplir con la edad minima,\r\n            {{ this.errors()?.['minimumAge'].requiredAge }} a\u00F1os\r\n          }\r\n          @case (Boolean(this.errors()?.['naturalNumber'])) {\r\n            {{ this.errors()?.['naturalNumber'] }}\r\n          }\r\n          @case (Boolean(this.errors()?.['mustMatch'])) {\r\n            {{ this.errors()?.['mustMatch'] }}\r\n          }\r\n          @case (Boolean(this.errors()?.['mustUnmatch'])) {\r\n            {{ this.errors()?.['mustUnmatch'] }}\r\n          }\r\n          @case (Boolean(this.errors()?.['isDocument'])) {\r\n            {{ this.errors()?.['isDocument'] }}\r\n          }\r\n          @case (Boolean(this.errors()?.['isFormSelectItem'])) {\r\n            {{ this.errors()?.['isFormSelectItem'] }}\r\n          }\r\n          @case (Boolean(this.errors()?.['isLicensePlate'])) {\r\n            {{ this.errors()?.['isLicensePlate'] }}\r\n          }\r\n          @default {\r\n            empty error message\r\n          }\r\n        }\r\n      </ng-content>\r\n    </ng-content>\r\n  </span>\r\n</section>\r\n", styles: [".error{--gld-color: var(--gld-red);--gld-background: var(--gld-red-transparent--010);--gld-radius: var(--gld-radius--xxxs);--gld-border-color: var(--gld-red);color:var(--gld-color);background:var(--gld-background);border-radius:0 0 var(--gld-radius) var(--gld-radius);padding:var(--gld-spacing--xxxs) var(--gld-spacing--xxs);display:flex;align-items:flex-start;gap:var(--gld-spacing--xxxs)}.error__icon{display:flex;align-items:center}.error__message{font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--small);font-weight:400;line-height:1.25;text-transform:lowercase}.error__message:first-letter{text-transform:uppercase}.error--with-border{border-top:var(--gld-border-size) solid var(--gld-border-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: InputErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gld-input-error', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"error\" [class.error--with-border]=\"border()\">\r\n  <span class=\"error__message\">\r\n    <ng-content>\r\n      <ng-content>\r\n        @switch (true) {\r\n          @case (Boolean(this.errors()?.['required'])) {\r\n            Este campo es requerido!\r\n          }\r\n          @case (Boolean(this.errors()?.['email'])) {\r\n            {{ this.errors()?.['email'] }}\r\n          }\r\n          @case (Boolean(this.errors()?.['maxlength'])) {\r\n            Este campo debe tener como m\u00E1ximo\r\n            {{ this.errors()?.['maxlength'].requiredLength }}\r\n            caracteres!\r\n          }\r\n          @case (Boolean(this.errors()?.['minlength'])) {\r\n            Este campo debe tener como m\u00EDnimo\r\n            {{ this.errors()?.['minlength'].requiredLength }}\r\n            caracteres!\r\n          }\r\n          @case (Boolean(this.errors()?.['isDate'])) {\r\n            {{ this.errors()?.['isDate'] }}\r\n          }\r\n          @case (Boolean(this.errors()?.['minimumAge'])) {\r\n            Esta campo debe cumplir con la edad minima,\r\n            {{ this.errors()?.['minimumAge'].requiredAge }} a\u00F1os\r\n          }\r\n          @case (Boolean(this.errors()?.['naturalNumber'])) {\r\n            {{ this.errors()?.['naturalNumber'] }}\r\n          }\r\n          @case (Boolean(this.errors()?.['mustMatch'])) {\r\n            {{ this.errors()?.['mustMatch'] }}\r\n          }\r\n          @case (Boolean(this.errors()?.['mustUnmatch'])) {\r\n            {{ this.errors()?.['mustUnmatch'] }}\r\n          }\r\n          @case (Boolean(this.errors()?.['isDocument'])) {\r\n            {{ this.errors()?.['isDocument'] }}\r\n          }\r\n          @case (Boolean(this.errors()?.['isFormSelectItem'])) {\r\n            {{ this.errors()?.['isFormSelectItem'] }}\r\n          }\r\n          @case (Boolean(this.errors()?.['isLicensePlate'])) {\r\n            {{ this.errors()?.['isLicensePlate'] }}\r\n          }\r\n          @default {\r\n            empty error message\r\n          }\r\n        }\r\n      </ng-content>\r\n    </ng-content>\r\n  </span>\r\n</section>\r\n", styles: [".error{--gld-color: var(--gld-red);--gld-background: var(--gld-red-transparent--010);--gld-radius: var(--gld-radius--xxxs);--gld-border-color: var(--gld-red);color:var(--gld-color);background:var(--gld-background);border-radius:0 0 var(--gld-radius) var(--gld-radius);padding:var(--gld-spacing--xxxs) var(--gld-spacing--xxs);display:flex;align-items:flex-start;gap:var(--gld-spacing--xxxs)}.error__icon{display:flex;align-items:center}.error__message{font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--small);font-weight:400;line-height:1.25;text-transform:lowercase}.error__message:first-letter{text-transform:uppercase}.error--with-border{border-top:var(--gld-border-size) solid var(--gld-border-color)}\n"] }]
+        }] });
+
+function formatDateToISO(outerDate) {
+    const date = new Date(outerDate);
+    if (!isNaN(date.getTime()))
+        return date.toISOString();
+    else
+        return null;
+}
+// export function formatDateFromISOToDDMMYYYY(dateAsString: string): string | null {
+// 	const [year, month, day] = dateAsString.split('-')
+// 	if (year && month && day) return `${day}/${month}/${year}`
+// 	else return null
+// }
+function formatDateFromISOToYYYYMMDD(dateAsString) {
+    if (!dateAsString)
+        return null;
+    const [date] = dateAsString.split('T');
+    if (date)
+        return date;
+    else
+        return null;
+}
+function getDateWithOffsetInYears({ years }) {
+    const today = new Date();
+    today.setFullYear(today.getFullYear() + years); // Agrega o resta años
+    return today;
+}
+
+function capitalizeFirstLetter(str) {
+    if (!str)
+        return str; // Maneja el caso de string vacío
+    return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
+}
+
+// Angular Imports
+const components$4 = [InputErrorComponent];
+class InputDateComponent {
+    #destroyRef = inject(DestroyRef);
+    #changeDetectorRef = inject(ChangeDetectorRef);
+    control = input.required();
+    name = input.required();
+    label = input('');
+    min = input('', {
+        transform: (value) => formatDateFromISOToYYYYMMDD(value),
+    });
+    max = input('', {
+        transform: (value) => formatDateFromISOToYYYYMMDD(value),
+    });
+    placeholder = input('');
+    suffix = input(false, { transform: booleanAttribute });
+    innerControl = signal(new FormControl('', { nonNullable: true }));
+    // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-unused-vars
+    onChange = (value) => { };
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onTouched = () => { };
+    constructor() {
+        this.innerControl()
+            .valueChanges.pipe(takeUntilDestroyed(this.#destroyRef), debounceTime(100))
+            .subscribe((value) => {
+            const valueTransformed = formatDateToISO(value);
+            this.onChange(valueTransformed);
+        });
+    }
+    ngOnInit() {
+        // Subscribes to the form control's events and triggers change detection to update the view accordingly.
+        this.control()
+            .events.pipe(takeUntilDestroyed(this.#destroyRef), debounceTime(100))
+            .subscribe(() => this.#changeDetectorRef.detectChanges());
+    }
+    writeValue(value) {
+        // console.log('writeValue')
+        if (value !== this.innerControl().value)
+            this.innerControl().setValue(String(value));
+    }
+    registerOnChange(onChange) {
+        // console.log('registerOnChange')
+        this.onChange = onChange;
+    }
+    registerOnTouched(onTouched) {
+        // console.log('registerOnTouched')
+        this.onTouched = onTouched;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: InputDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: InputDateComponent, isStandalone: true, selector: "gld-input-date", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => InputDateComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "@let errors = control().invalid && (control().dirty || control().touched);\n@let disabled = control().disabled || (control().pending && control().disabled);\n\n<section class=\"input\" [class.input--disabled]=\"disabled\" [class.input--error]=\"errors\">\n\t<!-- Label -->\n\t@if (label()) {\n\t\t<label [for]=\"name()\">\n\t\t\t{{ label() }}\n\t\t</label>\n\t}\n\n\t<!-- Input -->\n\t<input\n\t\ttype=\"date\"\n\t\tid=\"input-date-{{ name() }}\"\n\t\t[name]=\"name()\"\n\t\t[attr.min]=\"min()\"\n\t\t[attr.max]=\"max()\"\n\t\t[placeholder]=\"placeholder()\"\n\t\t[formControl]=\"innerControl()\"\n\t\t(blur)=\"onTouched()\" />\n\n\t<!-- Suffix -->\n\t@if (suffix()) {\n\t\t<ng-container [ngTemplateOutlet]=\"suffixTemplate\" />\n\t}\n</section>\n<!-- Errors -->\n@if (errors) {\n\t<ng-content select=\"gld-input-error\">\n\t\t<gld-input-error [errors]=\"control().errors\" />\n\t</ng-content>\n} @else {\n\t<!-- Hint -->\n\t<ng-content select=\"gld-input-hint\" />\n}\n\n<!-- Suffix Template -->\n<ng-template #suffixTemplate>\n\t<span tabindex=\"-1\" class=\"input-icon\" [class.input-icon--error]=\"errors\">\n\t\t<ng-content select=\"[inputSuffix]\" />\n\t</span>\n</ng-template>\n\n<!-- <h3>Debugging</h3> -->\n<!-- <section>errors: {{ control().errors | json }}</section> -->\n<!-- <section>errors: {{ errors }}</section> -->\n<!-- <section>invalid: {{ control().invalid }}</section> -->\n<!-- <section>dirty: {{ control().dirty }}</section> -->\n<!-- <section>touched: {{ control().touched }}</section> -->\n<!-- <section>disable: {{ control().disabled }}</section> -->\n<!-- <section>status: {{ control().status }}</section> -->\n\n", styles: [".input{--gld-color: var(--gld-darkblue);--gld-color--disabled: var(--gld-gray-transparent--060);--gld-color--error: var(--gld-red);--gld-placeholder-color: var(--gld-gray-transparent--060);--gld-border-color: var(--gld-gray-transparent--060);--gld-label-color: var(--gld-darkblue);--gld-height: 40px;--gld-min-with: 50px;--gld-animation-time: var(--gld-animation-time--150);position:relative;background:transparent}.input label{padding:0;font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--normal);font-weight:400;line-height:1.25;color:var(--gld-label-color);will-change:color;transition:color var(--gld-animation-time) ease;cursor:text}.input input{width:100%;min-width:var(--gld-min-with);height:var(--gld-height);padding:var(--gld-spacing--xxs);padding-right:var(--gld-spacing--m);font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--normal);font-weight:400;line-height:1.25;border:none;outline:none;border-bottom:var(--gld-border-size) solid var(--gld-border-color);color:var(--gld-color);background:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;will-change:color;transition:color var(--gld-animation-time) ease-in-out}.input input:focus{--gld-border-color: var(--gld-blue)}.input input::placeholder{color:var(--gld-placeholder-color)}.input--error{--gld-color: var(--gld-color--error);--gld-label-color: var(--gld-color--error);--gld-border-color: var(--gld-color--error);--gld-placeholder-color: var(--gld-color--error)}.input--disabled{--gld-color: var(--gld-color--disabled);--gld-border-color: var(--gld-color--disabled);--gld-label-color: var(--gld-color--disabled);--gld-placeholder-color: var(--gld-color--disabled);pointer-events:none;cursor:not-allowed}.input-icon{position:absolute;right:var(--gld-spacing--xxs);bottom:0;display:inline-block;color:var(--gld-color);will-change:transform,color;transition:color var(--gld-animation-time) ease;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: InputErrorComponent, selector: "gld-input-error", inputs: ["errors", "border"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: InputDateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gld-input-date', standalone: true, imports: [ReactiveFormsModule, NgTemplateOutlet, ...components$4], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => InputDateComponent),
+                            multi: true,
+                        },
+                    ], template: "@let errors = control().invalid && (control().dirty || control().touched);\n@let disabled = control().disabled || (control().pending && control().disabled);\n\n<section class=\"input\" [class.input--disabled]=\"disabled\" [class.input--error]=\"errors\">\n\t<!-- Label -->\n\t@if (label()) {\n\t\t<label [for]=\"name()\">\n\t\t\t{{ label() }}\n\t\t</label>\n\t}\n\n\t<!-- Input -->\n\t<input\n\t\ttype=\"date\"\n\t\tid=\"input-date-{{ name() }}\"\n\t\t[name]=\"name()\"\n\t\t[attr.min]=\"min()\"\n\t\t[attr.max]=\"max()\"\n\t\t[placeholder]=\"placeholder()\"\n\t\t[formControl]=\"innerControl()\"\n\t\t(blur)=\"onTouched()\" />\n\n\t<!-- Suffix -->\n\t@if (suffix()) {\n\t\t<ng-container [ngTemplateOutlet]=\"suffixTemplate\" />\n\t}\n</section>\n<!-- Errors -->\n@if (errors) {\n\t<ng-content select=\"gld-input-error\">\n\t\t<gld-input-error [errors]=\"control().errors\" />\n\t</ng-content>\n} @else {\n\t<!-- Hint -->\n\t<ng-content select=\"gld-input-hint\" />\n}\n\n<!-- Suffix Template -->\n<ng-template #suffixTemplate>\n\t<span tabindex=\"-1\" class=\"input-icon\" [class.input-icon--error]=\"errors\">\n\t\t<ng-content select=\"[inputSuffix]\" />\n\t</span>\n</ng-template>\n\n<!-- <h3>Debugging</h3> -->\n<!-- <section>errors: {{ control().errors | json }}</section> -->\n<!-- <section>errors: {{ errors }}</section> -->\n<!-- <section>invalid: {{ control().invalid }}</section> -->\n<!-- <section>dirty: {{ control().dirty }}</section> -->\n<!-- <section>touched: {{ control().touched }}</section> -->\n<!-- <section>disable: {{ control().disabled }}</section> -->\n<!-- <section>status: {{ control().status }}</section> -->\n\n", styles: [".input{--gld-color: var(--gld-darkblue);--gld-color--disabled: var(--gld-gray-transparent--060);--gld-color--error: var(--gld-red);--gld-placeholder-color: var(--gld-gray-transparent--060);--gld-border-color: var(--gld-gray-transparent--060);--gld-label-color: var(--gld-darkblue);--gld-height: 40px;--gld-min-with: 50px;--gld-animation-time: var(--gld-animation-time--150);position:relative;background:transparent}.input label{padding:0;font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--normal);font-weight:400;line-height:1.25;color:var(--gld-label-color);will-change:color;transition:color var(--gld-animation-time) ease;cursor:text}.input input{width:100%;min-width:var(--gld-min-with);height:var(--gld-height);padding:var(--gld-spacing--xxs);padding-right:var(--gld-spacing--m);font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--normal);font-weight:400;line-height:1.25;border:none;outline:none;border-bottom:var(--gld-border-size) solid var(--gld-border-color);color:var(--gld-color);background:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;will-change:color;transition:color var(--gld-animation-time) ease-in-out}.input input:focus{--gld-border-color: var(--gld-blue)}.input input::placeholder{color:var(--gld-placeholder-color)}.input--error{--gld-color: var(--gld-color--error);--gld-label-color: var(--gld-color--error);--gld-border-color: var(--gld-color--error);--gld-placeholder-color: var(--gld-color--error)}.input--disabled{--gld-color: var(--gld-color--disabled);--gld-border-color: var(--gld-color--disabled);--gld-label-color: var(--gld-color--disabled);--gld-placeholder-color: var(--gld-color--disabled);pointer-events:none;cursor:not-allowed}.input-icon{position:absolute;right:var(--gld-spacing--xxs);bottom:0;display:inline-block;color:var(--gld-color);will-change:transform,color;transition:color var(--gld-animation-time) ease;cursor:pointer}\n"] }]
+        }], ctorParameters: () => [] });
+
+// Angular Imports
+class InputHintComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: InputHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.1", type: InputHintComponent, isStandalone: true, selector: "gld-input-hint", ngImport: i0, template: "<section class=\"hint\">\r\n\t<span class=\"hint__message\">\r\n\t\t<ng-content>hint empty</ng-content>\r\n\t</span>\r\n</section>\r\n", styles: [".hint{--gld-color: var(--gld-darkblue);--gld-background: var(--gld-gray-transparent--010);--gld-radius: var(--gld-radius--xxxs);color:var(--gld-color);background:var(--gld-background);border-radius:0 0 var(--gld-radius) var(--gld-radius);padding:var(--gld-spacing--xxxs) var(--gld-spacing--xxs);display:flex;align-items:flex-start;gap:var(--gld-spacing--xxxs)}.hint__icon{display:flex;align-items:center}.hint__message{font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--small);font-weight:400;line-height:1.25;text-transform:lowercase}.hint__message:first-letter{text-transform:uppercase}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: InputHintComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gld-input-hint', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"hint\">\r\n\t<span class=\"hint__message\">\r\n\t\t<ng-content>hint empty</ng-content>\r\n\t</span>\r\n</section>\r\n", styles: [".hint{--gld-color: var(--gld-darkblue);--gld-background: var(--gld-gray-transparent--010);--gld-radius: var(--gld-radius--xxxs);color:var(--gld-color);background:var(--gld-background);border-radius:0 0 var(--gld-radius) var(--gld-radius);padding:var(--gld-spacing--xxxs) var(--gld-spacing--xxs);display:flex;align-items:flex-start;gap:var(--gld-spacing--xxxs)}.hint__icon{display:flex;align-items:center}.hint__message{font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--small);font-weight:400;line-height:1.25;text-transform:lowercase}.hint__message:first-letter{text-transform:uppercase}\n"] }]
+        }] });
+
+// Angular Imports
+const components$3 = [InputErrorComponent];
+class InputComponent {
+    #destroyRef = inject(DestroyRef);
+    #changeDetectorRef = inject(ChangeDetectorRef);
+    control = input.required();
+    name = input.required();
+    label = input('');
+    placeholder = input('');
+    type = input('text');
+    suffix = input(false, { transform: booleanAttribute });
+    innerControl = signal(new FormControl(''));
+    // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-unused-vars
+    onChange = (value) => { };
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onTouched = () => { };
+    constructor() {
+        this.innerControl()
+            .valueChanges.pipe(takeUntilDestroyed(this.#destroyRef), debounceTime(100))
+            .subscribe((value) => {
+            const valueTransformed = value;
+            this.onChange(valueTransformed);
+        });
+    }
+    ngOnInit() {
+        // Subscribes to the form control's events and triggers change detection to update the view accordingly.
+        this.control()
+            .events.pipe(takeUntilDestroyed(this.#destroyRef), debounceTime(100))
+            .subscribe(() => this.#changeDetectorRef.detectChanges());
+    }
+    writeValue(value) {
+        // console.log('writeValue')
+        if (value !== this.innerControl().value)
+            this.innerControl().setValue(value);
+    }
+    registerOnChange(onChange) {
+        // console.log('registerOnChange')
+        this.onChange = onChange;
+    }
+    registerOnTouched(onTouched) {
+        // console.log('registerOnTouched')
+        this.onTouched = onTouched;
+    }
+    onFocus() {
+        // this.isMenuOpen.set(true)
+    }
+    onBlur() {
+        this.onTouched();
+        // this.isMenuOpen.set(false)
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: InputComponent, isStandalone: true, selector: "gld-input", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => InputComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "@let errors = control().invalid && (control().dirty || control().touched);\r\n@let disabled = control().disabled || (control().pending && control().disabled);\r\n\r\n<section class=\"input\" [class.input--disabled]=\"disabled\" [class.input--error]=\"errors\">\r\n  <!-- Label -->\r\n  @if (label()) {\r\n    <label [for]=\"name()\">\r\n      {{ label() }}\r\n    </label>\r\n  }\r\n\r\n  <!-- Input -->\r\n  <input\r\n    id=\"input-{{ name() }}\"\r\n    [tabindex]=\"disabled ? '-1' : '0'\"\r\n    [name]=\"name()\"\r\n    [type]=\"type()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [formControl]=\"innerControl()\"\r\n    (focus)=\"onFocus()\"\r\n    (blur)=\"onTouched()\"\r\n    (keyup.escape)=\"onBlur()\" />\r\n\r\n  <!-- Suffix -->\r\n  @if (suffix()) {\r\n    <ng-container [ngTemplateOutlet]=\"suffixTemplate\" />\r\n  }\r\n</section>\r\n<!-- Errors -->\r\n@if (errors) {\r\n  <ng-content select=\"gld-input-error\">\r\n    <gld-input-error [errors]=\"control().errors\" />\r\n  </ng-content>\r\n} @else {\r\n  <!-- Hint -->\r\n  <ng-content select=\"gld-input-hint\" />\r\n}\r\n\r\n<!-- Suffix Template -->\r\n<ng-template #suffixTemplate>\r\n  <span tabindex=\"-1\" class=\"input-icon\" [class.input-icon--error]=\"errors\">\r\n    <ng-content select=\"[inputSuffix]\" />\r\n  </span>\r\n</ng-template>\r\n\r\n<!-- <h3>Debugging</h3> -->\r\n<!-- <section>errors: {{ control().errors | json }}</section> -->\r\n<!-- <section>errors: {{ errors }}</section> -->\r\n<!-- <section>invalid: {{ control().invalid }}</section> -->\r\n<!-- <section>dirty: {{ control().dirty }}</section> -->\r\n<!-- <section>touched: {{ control().touched }}</section> -->\r\n<!-- <section>disable: {{ control().disabled }}</section> -->\r\n<!-- <section>status: {{ control().status }}</section> -->\r\n", styles: [".input{--gld-color: var(--gld-darkblue);--gld-color--disabled: var(--gld-gray-transparent--060);--gld-color--error: var(--gld-red);--gld-placeholder-color: var(--gld-gray-transparent--060);--gld-border-color: var(--gld-gray-transparent--060);--gld-label-color: var(--gld-darkblue);--gld-height: 40px;--gld-min-with: 50px;--gld-animation-time: var(--gld-animation-time--150);position:relative;background:transparent}.input label{padding:0;font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--normal);font-weight:400;line-height:1.25;color:var(--gld-label-color);will-change:color;transition:color var(--gld-animation-time) ease;cursor:text}.input input{width:100%;min-width:var(--gld-min-with);height:var(--gld-height);padding:var(--gld-spacing--xxs);padding-right:var(--gld-spacing--m);font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--normal);font-weight:400;line-height:1.25;border:none;outline:none;border-bottom:var(--gld-border-size) solid var(--gld-border-color);color:var(--gld-color);background:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;will-change:color;transition:color var(--gld-animation-time) ease-in-out}.input input:focus{--gld-border-color: var(--gld-blue)}.input input::placeholder{color:var(--gld-placeholder-color)}.input--error{--gld-color: var(--gld-color--error);--gld-label-color: var(--gld-color--error);--gld-border-color: var(--gld-color--error);--gld-placeholder-color: var(--gld-color--error)}.input--disabled{--gld-color: var(--gld-color--disabled);--gld-border-color: var(--gld-color--disabled);--gld-label-color: var(--gld-color--disabled);--gld-placeholder-color: var(--gld-color--disabled);pointer-events:none;cursor:not-allowed}.input-icon{position:absolute;right:var(--gld-spacing--xxs);bottom:0;display:inline-block;color:var(--gld-color);will-change:transform,color;transition:color var(--gld-animation-time) ease;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: InputErrorComponent, selector: "gld-input-error", inputs: ["errors", "border"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: InputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gld-input', standalone: true, imports: [ReactiveFormsModule, NgTemplateOutlet, ...components$3], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => InputComponent),
+                            multi: true,
+                        },
+                    ], template: "@let errors = control().invalid && (control().dirty || control().touched);\r\n@let disabled = control().disabled || (control().pending && control().disabled);\r\n\r\n<section class=\"input\" [class.input--disabled]=\"disabled\" [class.input--error]=\"errors\">\r\n  <!-- Label -->\r\n  @if (label()) {\r\n    <label [for]=\"name()\">\r\n      {{ label() }}\r\n    </label>\r\n  }\r\n\r\n  <!-- Input -->\r\n  <input\r\n    id=\"input-{{ name() }}\"\r\n    [tabindex]=\"disabled ? '-1' : '0'\"\r\n    [name]=\"name()\"\r\n    [type]=\"type()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [formControl]=\"innerControl()\"\r\n    (focus)=\"onFocus()\"\r\n    (blur)=\"onTouched()\"\r\n    (keyup.escape)=\"onBlur()\" />\r\n\r\n  <!-- Suffix -->\r\n  @if (suffix()) {\r\n    <ng-container [ngTemplateOutlet]=\"suffixTemplate\" />\r\n  }\r\n</section>\r\n<!-- Errors -->\r\n@if (errors) {\r\n  <ng-content select=\"gld-input-error\">\r\n    <gld-input-error [errors]=\"control().errors\" />\r\n  </ng-content>\r\n} @else {\r\n  <!-- Hint -->\r\n  <ng-content select=\"gld-input-hint\" />\r\n}\r\n\r\n<!-- Suffix Template -->\r\n<ng-template #suffixTemplate>\r\n  <span tabindex=\"-1\" class=\"input-icon\" [class.input-icon--error]=\"errors\">\r\n    <ng-content select=\"[inputSuffix]\" />\r\n  </span>\r\n</ng-template>\r\n\r\n<!-- <h3>Debugging</h3> -->\r\n<!-- <section>errors: {{ control().errors | json }}</section> -->\r\n<!-- <section>errors: {{ errors }}</section> -->\r\n<!-- <section>invalid: {{ control().invalid }}</section> -->\r\n<!-- <section>dirty: {{ control().dirty }}</section> -->\r\n<!-- <section>touched: {{ control().touched }}</section> -->\r\n<!-- <section>disable: {{ control().disabled }}</section> -->\r\n<!-- <section>status: {{ control().status }}</section> -->\r\n", styles: [".input{--gld-color: var(--gld-darkblue);--gld-color--disabled: var(--gld-gray-transparent--060);--gld-color--error: var(--gld-red);--gld-placeholder-color: var(--gld-gray-transparent--060);--gld-border-color: var(--gld-gray-transparent--060);--gld-label-color: var(--gld-darkblue);--gld-height: 40px;--gld-min-with: 50px;--gld-animation-time: var(--gld-animation-time--150);position:relative;background:transparent}.input label{padding:0;font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--normal);font-weight:400;line-height:1.25;color:var(--gld-label-color);will-change:color;transition:color var(--gld-animation-time) ease;cursor:text}.input input{width:100%;min-width:var(--gld-min-with);height:var(--gld-height);padding:var(--gld-spacing--xxs);padding-right:var(--gld-spacing--m);font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--normal);font-weight:400;line-height:1.25;border:none;outline:none;border-bottom:var(--gld-border-size) solid var(--gld-border-color);color:var(--gld-color);background:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;will-change:color;transition:color var(--gld-animation-time) ease-in-out}.input input:focus{--gld-border-color: var(--gld-blue)}.input input::placeholder{color:var(--gld-placeholder-color)}.input--error{--gld-color: var(--gld-color--error);--gld-label-color: var(--gld-color--error);--gld-border-color: var(--gld-color--error);--gld-placeholder-color: var(--gld-color--error)}.input--disabled{--gld-color: var(--gld-color--disabled);--gld-border-color: var(--gld-color--disabled);--gld-label-color: var(--gld-color--disabled);--gld-placeholder-color: var(--gld-color--disabled);pointer-events:none;cursor:not-allowed}.input-icon{position:absolute;right:var(--gld-spacing--xxs);bottom:0;display:inline-block;color:var(--gld-color);will-change:transform,color;transition:color var(--gld-animation-time) ease;cursor:pointer}\n"] }]
+        }], ctorParameters: () => [] });
+
+// Angular Imports
+class RadioButtonComponent {
+    value = input.required();
+    changeValue = output();
+    changeFocus = output();
+    current = signal(null);
+    disabled = signal(false);
+    error = signal(false);
+    selected = computed(() => Boolean(this.current() === this.value()));
+    select(value) {
+        this.changeValue.emit(value);
+    }
+    keyup(value) {
+        this.select(value);
+    }
+    onFocus() {
+        this.changeFocus.emit(true);
+    }
+    onBlur() {
+        this.changeFocus.emit(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: RadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.1", type: RadioButtonComponent, isStandalone: true, selector: "gld-radio-button", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { changeValue: "changeValue", changeFocus: "changeFocus" }, ngImport: i0, template: "<button\r\n\t[tabindex]=\"disabled() ? '-1' : '0'\"\r\n\t(keyup.enter)=\"keyup(value())\"\r\n\t(click)=\"select(value())\"\r\n\tclass=\"radio\"\r\n\t[class.radio--selected]=\"selected()\"\r\n\t[class.radio--disabled]=\"disabled()\"\r\n\t[class.radio--error]=\"error()\"\r\n\t(focus)=\"onFocus()\"\r\n\t(blur)=\"onBlur()\"\r\n\t(keyup.escape)=\"onBlur()\">\r\n\t<span class=\"radio__icon\" [class.radio__icon--selected]=\"selected()\"></span>\r\n\r\n\t<span class=\"radio__label\">\r\n\t\t<ng-content>empty radio button</ng-content>\r\n\t</span>\r\n</button>\r\n", styles: [":host{display:inline-flex;color:inherit;width:inherit;height:inherit}.radio{--gld-height: 26px;--gld-color: var(--gld-darkblue);--gld-color--disabled: var(--gld-gray-transparent--060);--gld-dot-color: var(--gld-blue);--gld-dot-color--outer: var(--gld-gray-transparent--060);--gld-dot-color--outer-hover: var(--gld-blue);--gld-dot-color--outer-selected: var(--gld-blue);--gld-dot-color--outer-error: var(--gld-red);display:inline-flex;justify-content:center;align-items:center;border:none;background:none;gap:var(--gld-spacing--xxs);font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--normal);font-weight:400;line-height:1.25;color:var(--gld-color);height:var(--gld-height);padding:var(--gld-spacing--xxxs);cursor:pointer;-webkit-user-select:none;user-select:none}.radio:hover .radio__icon,.radio:focus .radio__icon{--gld-dot-color--outer: var(--gld-dot-color--outer-hover)}.radio:focus{outline:none}.radio__icon{--gld-size: 20px;width:var(--gld-size);height:var(--gld-size);border-radius:50%;border:var(--gld-border-size) solid var(--gld-dot-color--outer);position:relative;display:flex;justify-content:center;align-items:center}.radio__icon--selected:before{content:\"\";position:absolute;width:calc(var(--gld-size) / 2);height:calc(var(--gld-size) / 2);background:var(--gld-dot-color);border-radius:inherit}.radio__label:first-letter{text-transform:uppercase}.radio--selected{--gld-dot-color--outer: var(--gld-dot-color--outer-selected)}.radio--disabled{--gld-color: var(--gld-color--disabled);--gld-dot-color--outer: var(--gld-color--disabled);pointer-events:none}.radio--error .radio__icon{--gld-dot-color--outer: var(--gld-dot-color--outer-error)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: RadioButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gld-radio-button', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n\t[tabindex]=\"disabled() ? '-1' : '0'\"\r\n\t(keyup.enter)=\"keyup(value())\"\r\n\t(click)=\"select(value())\"\r\n\tclass=\"radio\"\r\n\t[class.radio--selected]=\"selected()\"\r\n\t[class.radio--disabled]=\"disabled()\"\r\n\t[class.radio--error]=\"error()\"\r\n\t(focus)=\"onFocus()\"\r\n\t(blur)=\"onBlur()\"\r\n\t(keyup.escape)=\"onBlur()\">\r\n\t<span class=\"radio__icon\" [class.radio__icon--selected]=\"selected()\"></span>\r\n\r\n\t<span class=\"radio__label\">\r\n\t\t<ng-content>empty radio button</ng-content>\r\n\t</span>\r\n</button>\r\n", styles: [":host{display:inline-flex;color:inherit;width:inherit;height:inherit}.radio{--gld-height: 26px;--gld-color: var(--gld-darkblue);--gld-color--disabled: var(--gld-gray-transparent--060);--gld-dot-color: var(--gld-blue);--gld-dot-color--outer: var(--gld-gray-transparent--060);--gld-dot-color--outer-hover: var(--gld-blue);--gld-dot-color--outer-selected: var(--gld-blue);--gld-dot-color--outer-error: var(--gld-red);display:inline-flex;justify-content:center;align-items:center;border:none;background:none;gap:var(--gld-spacing--xxs);font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--normal);font-weight:400;line-height:1.25;color:var(--gld-color);height:var(--gld-height);padding:var(--gld-spacing--xxxs);cursor:pointer;-webkit-user-select:none;user-select:none}.radio:hover .radio__icon,.radio:focus .radio__icon{--gld-dot-color--outer: var(--gld-dot-color--outer-hover)}.radio:focus{outline:none}.radio__icon{--gld-size: 20px;width:var(--gld-size);height:var(--gld-size);border-radius:50%;border:var(--gld-border-size) solid var(--gld-dot-color--outer);position:relative;display:flex;justify-content:center;align-items:center}.radio__icon--selected:before{content:\"\";position:absolute;width:calc(var(--gld-size) / 2);height:calc(var(--gld-size) / 2);background:var(--gld-dot-color);border-radius:inherit}.radio__label:first-letter{text-transform:uppercase}.radio--selected{--gld-dot-color--outer: var(--gld-dot-color--outer-selected)}.radio--disabled{--gld-color: var(--gld-color--disabled);--gld-dot-color--outer: var(--gld-color--disabled);pointer-events:none}.radio--error .radio__icon{--gld-dot-color--outer: var(--gld-dot-color--outer-error)}\n"] }]
+        }] });
+
+var Icons;
+(function (Icons) {
+    Icons["arrowDownSLine"] = "arrow-down-s-line";
+    Icons["arrowUpSLine"] = "arrow-up-s-line";
+    Icons["checkboxCircleLine"] = "checkbox-circle-line";
+    Icons["checkboxBlankCircleLine"] = "checkbox-blank-circle-line";
+    Icons["loader4Fill"] = "loader-4-fill";
+})(Icons || (Icons = {}));
+var IconsSize;
+(function (IconsSize) {
+    IconsSize["tiny"] = "tiny";
+    IconsSize["small"] = "small";
+    IconsSize["normal"] = "normal";
+    IconsSize["medium"] = "medium";
+    IconsSize["large"] = "large";
+})(IconsSize || (IconsSize = {}));
+
+var SelectType;
+(function (SelectType) {
+    SelectType["default"] = "default";
+    SelectType["inline"] = "inline";
+})(SelectType || (SelectType = {}));
+
+var RadioDirection;
+(function (RadioDirection) {
+    RadioDirection["horizontal"] = "horizontal";
+    RadioDirection["vertical"] = "vertical";
+})(RadioDirection || (RadioDirection = {}));
+
+// Angular Imports
+const components$2 = [InputErrorComponent];
+class RadioGroupComponent {
+    #destroyRef = inject(DestroyRef);
+    #changeDetectorRef = inject(ChangeDetectorRef);
+    control = input.required();
+    name = input.required();
+    label = input('');
+    direction = input(RadioDirection.horizontal);
+    radioButtonChildren = contentChildren(RadioButtonComponent);
+    innerControl = signal(new FormControl(''));
+    // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-unused-vars
+    onChange = (value) => { };
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onTouched = () => { };
+    constructor() {
+        this.innerControl()
+            .valueChanges.pipe(takeUntilDestroyed(this.#destroyRef), debounceTime(100))
+            .subscribe((value) => {
+            const valueTransformed = value;
+            this.onChange(valueTransformed);
+        });
+    }
+    ngOnInit() {
+        // Subscribes to the form control's events and triggers change detection to update the view accordingly.
+        this.control()
+            .events.pipe(takeUntilDestroyed(this.#destroyRef), debounceTime(100))
+            .subscribe(() => {
+            this.updateErrorInChildren(this.control().invalid && (this.control().dirty || this.control().touched));
+            this.#changeDetectorRef.detectChanges();
+        });
+    }
+    ngAfterContentInit() {
+        this.radioButtonChildren().map((radioButton) => {
+            radioButton.changeValue.subscribe((value) => this.updateCurrentInChildren(value));
+            radioButton.changeFocus.subscribe((focus) => {
+                if (!focus)
+                    this.onTouched();
+            });
+        });
+    }
+    updateCurrentInChildren(value) {
+        this.radioButtonChildren().map((radioButton, index) => {
+            radioButton.current.set(value);
+            // Set current one time
+            if (index === 0)
+                this.onChange(value);
+        });
+    }
+    updateErrorInChildren(error) {
+        this.radioButtonChildren().map((radioButton) => radioButton.error.set(error));
+    }
+    writeValue(value) {
+        // console.log('writeValue')
+        if (value !== this.innerControl().value) {
+            this.innerControl().setValue(value);
+        }
+    }
+    registerOnChange(onChange) {
+        // console.log('registerOnChange')
+        this.onChange = onChange;
+    }
+    registerOnTouched(onTouched) {
+        // console.log('registerOnTouched')
+        this.onTouched = onTouched;
+    }
+    setDisabledState(disabled) {
+        // console.log('setDisabledState')
+        this.#updateDisabledInChildren(disabled);
+    }
+    #updateDisabledInChildren(disabled) {
+        this.radioButtonChildren().map((radioButton) => radioButton.disabled.set(disabled));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: RadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: RadioGroupComponent, isStandalone: true, selector: "gld-radio-group", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => RadioGroupComponent),
+                multi: true,
+            },
+        ], queries: [{ propertyName: "radioButtonChildren", predicate: RadioButtonComponent, isSignal: true }], ngImport: i0, template: "@let errors = control().invalid && (control().dirty || control().touched);\r\n@let disabled = control().disabled || (control().pending && control().disabled);\r\n\r\n<article class=\"radio\" [class.radio--disabled]=\"disabled\" [attr.name]=\"name()\">\r\n  <!-- Label -->\r\n  @if (label()) {\r\n    <label class=\"radio__label\" [for]=\"name()\">\r\n      {{ label() }}\r\n    </label>\r\n  }\r\n  <section class=\"radio__items radio__items--{{ direction() }}\">\r\n    <ng-content select=\"gld-radio-button\" />\r\n  </section>\r\n</article>\r\n<!-- Errors -->\r\n@if (errors) {\r\n  <ng-content select=\"gld-input-error\">\r\n    <gld-input-error border [errors]=\"control().errors\" />\r\n  </ng-content>\r\n} @else {\r\n  <!-- Hint -->\r\n  <ng-content select=\"gld-input-hint\" />\r\n}\r\n\r\n<!-- <h3>Debugging</h3> -->\r\n<!-- <section>errors: {{ control().errors | json }}</section> -->\r\n<!-- <section>errors: {{ errors }}</section> -->\r\n<!-- <section>invalid: {{ control().invalid }}</section> -->\r\n<!-- <section>dirty: {{ control().dirty }}</section> -->\r\n<!-- <section>touched: {{ control().touched }}</section> -->\r\n<!-- <section>disable: {{ control().disabled }}</section> -->\r\n", styles: [".radio{--gld-color: var(--gld-darkblue);--gld-color--disabled: var(--gld-gray-transparent--060);margin-bottom:var(--gld-spacing--xxxs)}.radio__label{margin-bottom:var(--gld-spacing--xxxs);color:var(--gld-color)}.radio__label:first-letter{text-transform:uppercase}.radio--disabled .radio__label{--gld-color: var(--gld-color--disabled);pointer-events:none}.radio__items{display:flex;gap:var(--gld-spacing--xxs)}.radio__items--horizontal{align-items:center}.radio__items--vertical{flex-direction:column}\n"], dependencies: [{ kind: "component", type: InputErrorComponent, selector: "gld-input-error", inputs: ["errors", "border"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: RadioGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gld-radio-group', standalone: true, imports: [...components$2], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => RadioGroupComponent),
+                            multi: true,
+                        },
+                    ], template: "@let errors = control().invalid && (control().dirty || control().touched);\r\n@let disabled = control().disabled || (control().pending && control().disabled);\r\n\r\n<article class=\"radio\" [class.radio--disabled]=\"disabled\" [attr.name]=\"name()\">\r\n  <!-- Label -->\r\n  @if (label()) {\r\n    <label class=\"radio__label\" [for]=\"name()\">\r\n      {{ label() }}\r\n    </label>\r\n  }\r\n  <section class=\"radio__items radio__items--{{ direction() }}\">\r\n    <ng-content select=\"gld-radio-button\" />\r\n  </section>\r\n</article>\r\n<!-- Errors -->\r\n@if (errors) {\r\n  <ng-content select=\"gld-input-error\">\r\n    <gld-input-error border [errors]=\"control().errors\" />\r\n  </ng-content>\r\n} @else {\r\n  <!-- Hint -->\r\n  <ng-content select=\"gld-input-hint\" />\r\n}\r\n\r\n<!-- <h3>Debugging</h3> -->\r\n<!-- <section>errors: {{ control().errors | json }}</section> -->\r\n<!-- <section>errors: {{ errors }}</section> -->\r\n<!-- <section>invalid: {{ control().invalid }}</section> -->\r\n<!-- <section>dirty: {{ control().dirty }}</section> -->\r\n<!-- <section>touched: {{ control().touched }}</section> -->\r\n<!-- <section>disable: {{ control().disabled }}</section> -->\r\n", styles: [".radio{--gld-color: var(--gld-darkblue);--gld-color--disabled: var(--gld-gray-transparent--060);margin-bottom:var(--gld-spacing--xxxs)}.radio__label{margin-bottom:var(--gld-spacing--xxxs);color:var(--gld-color)}.radio__label:first-letter{text-transform:uppercase}.radio--disabled .radio__label{--gld-color: var(--gld-color--disabled);pointer-events:none}.radio__items{display:flex;gap:var(--gld-spacing--xxs)}.radio__items--horizontal{align-items:center}.radio__items--vertical{flex-direction:column}\n"] }]
+        }], ctorParameters: () => [] });
+
+// Angular Imports
+class SelectOptionComponent {
+    value = input.required();
+    disabled = input(false, { transform: booleanAttribute });
+    selected = output();
+    changeFocus = output();
+    select() {
+        if (!this.disabled())
+            this.selected.emit(this.value());
+    }
+    keyup() {
+        this.select();
+    }
+    onFocus() {
+        this.changeFocus.emit(true);
+    }
+    onBlur() {
+        this.changeFocus.emit(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: SelectOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.1", type: SelectOptionComponent, isStandalone: true, selector: "gld-select-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected", changeFocus: "changeFocus" }, ngImport: i0, template: "<button\r\n  [tabindex]=\"disabled() ? '-1' : '0'\"\r\n  (keyup.enter)=\"keyup()\"\r\n  (click)=\"select()\"\r\n  (focus)=\"onFocus()\"\r\n  (blur)=\"onBlur()\"\r\n  (keyup.escape)=\"onBlur()\">\r\n  <span><ng-content> an option </ng-content></span>\r\n</button>\r\n", styles: [":host{height:var(--gld-height)}button{--gld-background: transparent;--gld-background--hover: var(--gld-blue-transparent--010);--gld-color: var(--gld-darkblue);--gld-color--hover: var(--gld-blue);padding:var(--gld-spacing--xs) var(--gld-spacing--s);width:100%;height:100%;max-width:100%;background:var(--gld-background);color:var(--gld-color);font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--normal);font-weight:400;line-height:1.25;display:flex;align-items:center;-webkit-user-select:none;user-select:none;outline:none;border:none;cursor:pointer}button:hover,button:focus{--gld-background: var(--gld-background--hover);--gld-color: var(--gld-color--hover)}button span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: SelectOptionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gld-select-option', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n  [tabindex]=\"disabled() ? '-1' : '0'\"\r\n  (keyup.enter)=\"keyup()\"\r\n  (click)=\"select()\"\r\n  (focus)=\"onFocus()\"\r\n  (blur)=\"onBlur()\"\r\n  (keyup.escape)=\"onBlur()\">\r\n  <span><ng-content> an option </ng-content></span>\r\n</button>\r\n", styles: [":host{height:var(--gld-height)}button{--gld-background: transparent;--gld-background--hover: var(--gld-blue-transparent--010);--gld-color: var(--gld-darkblue);--gld-color--hover: var(--gld-blue);padding:var(--gld-spacing--xs) var(--gld-spacing--s);width:100%;height:100%;max-width:100%;background:var(--gld-background);color:var(--gld-color);font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--normal);font-weight:400;line-height:1.25;display:flex;align-items:center;-webkit-user-select:none;user-select:none;outline:none;border:none;cursor:pointer}button:hover,button:focus{--gld-background: var(--gld-background--hover);--gld-color: var(--gld-color--hover)}button span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n"] }]
+        }] });
+
+// Angular Imports
+class IconComponent {
+    IconsSpace = IconsSpace;
+    Icons = Icons;
+    icon = input(Icons.arrowDownSLine);
+    size = input(IconsSize.normal);
+    space = input(IconsSpace.none);
+    moveTopToBottom = input(0, { transform: numberAttribute });
+    moveLeftToRight = input(0, { transform: numberAttribute });
+    disabled = input(false, { transform: booleanAttribute });
+    clicked = output();
+    emitClick() {
+        if (!this.disabled())
+            this.clicked.emit();
+    }
+    keyup() {
+        this.emitClick();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: IconComponent, isStandalone: true, selector: "gld-icon", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, space: { classPropertyName: "space", publicName: "space", isSignal: true, isRequired: false, transformFunction: null }, moveTopToBottom: { classPropertyName: "moveTopToBottom", publicName: "moveTopToBottom", isSignal: true, isRequired: false, transformFunction: null }, moveLeftToRight: { classPropertyName: "moveLeftToRight", publicName: "moveLeftToRight", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<span\r\n  tabindex=\"-1\"\r\n  (click)=\"emitClick()\"\r\n  (keyup.enter)=\"keyup()\"\r\n  class=\"Icon Icon--{{ size() }}\"\r\n  [class.Icon--left]=\"space() === IconsSpace.left\"\r\n  [class.Icon--right]=\"space() === IconsSpace.right\"\r\n  [style.right.px]=\"moveLeftToRight()\"\r\n  [style.top.px]=\"moveTopToBottom()\">\r\n  @switch (icon()) {\r\n    @case (Icons.arrowDownSLine) {\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n        <path\r\n          d=\"M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z\"></path>\r\n      </svg>\r\n    }\r\n    @case (Icons.arrowUpSLine) {\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n        <path\r\n          d=\"M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z\"></path>\r\n      </svg>\r\n    }\r\n    @case (Icons.checkboxCircleLine) {\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n        <path\r\n          d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11.0026 16L6.75999 11.7574L8.17421 10.3431L11.0026 13.1716L16.6595 7.51472L18.0737 8.92893L11.0026 16Z\"></path>\r\n      </svg>\r\n    }\r\n    @case (Icons.checkboxBlankCircleLine) {\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n        <path\r\n          d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"></path>\r\n      </svg>\r\n    }\r\n    @case (Icons.loader4Fill) {\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n        <path\r\n          d=\"M18.364 5.63604L16.9497 7.05025C15.683 5.7835 13.933 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12H21C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C14.4853 3 16.7353 4.00736 18.364 5.63604Z\"></path>\r\n      </svg>\r\n    }\r\n  }\r\n</span>\r\n", styles: [":host{color:inherit;display:inline-flex}:host:has(.Icon--left){margin-left:var(--gld-spacing--xxxs)}:host:has(.Icon--right){margin-right:var(--gld-spacing--xxxs)}.Icon{--gld-icon-size: var(--gld-icon-size--normal);position:relative;color:inherit;font-weight:400;width:var(--gld-icon-size);height:var(--gld-icon-size);margin:auto}.Icon--tiny{--gld-icon-size: var(--gld-icon-size--tiny)}.Icon--small{--gld-icon-size: var(--gld-icon-size--small)}.Icon--medium{--gld-icon-size: var(--gld-icon-size--medium)}.Icon--large{--gld-icon-size: var(--gld-icon-size--large)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gld-icon', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\r\n  tabindex=\"-1\"\r\n  (click)=\"emitClick()\"\r\n  (keyup.enter)=\"keyup()\"\r\n  class=\"Icon Icon--{{ size() }}\"\r\n  [class.Icon--left]=\"space() === IconsSpace.left\"\r\n  [class.Icon--right]=\"space() === IconsSpace.right\"\r\n  [style.right.px]=\"moveLeftToRight()\"\r\n  [style.top.px]=\"moveTopToBottom()\">\r\n  @switch (icon()) {\r\n    @case (Icons.arrowDownSLine) {\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n        <path\r\n          d=\"M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z\"></path>\r\n      </svg>\r\n    }\r\n    @case (Icons.arrowUpSLine) {\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n        <path\r\n          d=\"M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z\"></path>\r\n      </svg>\r\n    }\r\n    @case (Icons.checkboxCircleLine) {\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n        <path\r\n          d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11.0026 16L6.75999 11.7574L8.17421 10.3431L11.0026 13.1716L16.6595 7.51472L18.0737 8.92893L11.0026 16Z\"></path>\r\n      </svg>\r\n    }\r\n    @case (Icons.checkboxBlankCircleLine) {\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n        <path\r\n          d=\"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\"></path>\r\n      </svg>\r\n    }\r\n    @case (Icons.loader4Fill) {\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n        <path\r\n          d=\"M18.364 5.63604L16.9497 7.05025C15.683 5.7835 13.933 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12H21C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C14.4853 3 16.7353 4.00736 18.364 5.63604Z\"></path>\r\n      </svg>\r\n    }\r\n  }\r\n</span>\r\n", styles: [":host{color:inherit;display:inline-flex}:host:has(.Icon--left){margin-left:var(--gld-spacing--xxxs)}:host:has(.Icon--right){margin-right:var(--gld-spacing--xxxs)}.Icon{--gld-icon-size: var(--gld-icon-size--normal);position:relative;color:inherit;font-weight:400;width:var(--gld-icon-size);height:var(--gld-icon-size);margin:auto}.Icon--tiny{--gld-icon-size: var(--gld-icon-size--tiny)}.Icon--small{--gld-icon-size: var(--gld-icon-size--small)}.Icon--medium{--gld-icon-size: var(--gld-icon-size--medium)}.Icon--large{--gld-icon-size: var(--gld-icon-size--large)}\n"] }]
+        }] });
+var IconsSpace;
+(function (IconsSpace) {
+    IconsSpace["left"] = "left";
+    IconsSpace["right"] = "right";
+    IconsSpace["none"] = "none";
+})(IconsSpace || (IconsSpace = {}));
+
+// Angular Imports
+const components$1 = [IconComponent, InputErrorComponent];
+class SelectComponent {
+    #destroyRef = inject(DestroyRef);
+    #changeDetectorRef = inject(ChangeDetectorRef);
+    Icons = Icons;
+    control = input.required();
+    name = input.required();
+    label = input('');
+    placeholder = input('');
+    transform = input((value) => String(value));
+    selectElement = viewChild('selectElement');
+    selectOptionChildren = contentChildren(SelectOptionComponent);
+    innerControl = signal(new FormControl(''));
+    isMenuOpen = signal(false);
+    // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-unused-vars
+    onChange = (value) => { };
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onTouched = () => { };
+    constructor() {
+        effect(() => {
+            if (this.selectOptionChildren())
+                this.#detectSelectOptionChildren();
+        });
+        this.innerControl()
+            .valueChanges.pipe(takeUntilDestroyed(this.#destroyRef), debounceTime(100))
+            .subscribe((value) => this.onChange(value));
+    }
+    ngOnInit() {
+        // Subscribes to the form control's events and triggers change detection to update the view accordingly.
+        this.control()
+            .events.pipe(takeUntilDestroyed(this.#destroyRef), debounceTime(100))
+            .subscribe(() => this.#changeDetectorRef.detectChanges());
+    }
+    ngAfterContentInit() {
+        this.#detectSelectOptionChildren();
+        this.selectOptionChildren().map((selectOption) => {
+            selectOption.changeFocus.subscribe((focus) => {
+                // console.log('focus', focus)
+                if (focus)
+                    this.onFocus();
+                else
+                    this.onBlur();
+            });
+        });
+    }
+    writeValue(value) {
+        // console.log('writeValue')
+        if (value !== this.innerControl().value) {
+            const valueTransformed = this.#transformValue(value);
+            this.innerControl().setValue(valueTransformed);
+        }
+    }
+    registerOnChange(onChange) {
+        // console.log('registerOnChange')
+        this.onChange = onChange;
+    }
+    registerOnTouched(onTouched) {
+        // console.log('registerOnTouched')
+        this.onTouched = onTouched;
+    }
+    onFocus() {
+        this.isMenuOpen.set(true);
+    }
+    onBlur() {
+        // console.log('blur')
+        this.onTouched();
+        this.isMenuOpen.set(false);
+    }
+    arrowIconClicked() {
+        // FIXME: This is a workaround to prevent the menu from closing when the arrow icon is clicked.
+        // console.log('clicked - init', this.isMenuOpen())
+        if (this.isMenuOpen())
+            this.onTouched();
+        this.isMenuOpen.update((open) => !open);
+        // console.log('clicked - end', this.isMenuOpen())
+    }
+    #transformValue(value) {
+        let valueTransformed;
+        if (value === null || value === undefined)
+            valueTransformed = null;
+        else
+            valueTransformed = this.transform()(value);
+        return valueTransformed;
+    }
+    #detectSelectOptionChildren() {
+        const selectOptionChildren = this.selectOptionChildren();
+        const selectElement = this.selectElement()?.nativeElement;
+        selectElement?.style.setProperty('--gld-option-items', String(selectOptionChildren.length));
+        const clientHeight = selectElement?.querySelector('gld-select-option')?.clientHeight;
+        if (clientHeight)
+            selectElement?.style.setProperty('--gld-option-height', `${clientHeight}px`);
+        selectOptionChildren.map((selectOption) => {
+            selectOption.selected.subscribe((value) => {
+                if (value) {
+                    const buttons = Array.from(selectElement?.querySelectorAll('gld-select-option button') ?? []);
+                    buttons.map((button) => button.blur());
+                    const valueTransformed = this.#transformValue(value);
+                    this.innerControl().setValue(valueTransformed, { emitEvent: false });
+                    this.onChange(value);
+                    this.onTouched();
+                    this.isMenuOpen.set(false);
+                }
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: SelectComponent, isStandalone: true, selector: "gld-select", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, transform: { classPropertyName: "transform", publicName: "transform", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SelectComponent),
+                multi: true,
+            },
+        ], queries: [{ propertyName: "selectOptionChildren", predicate: SelectOptionComponent, isSignal: true }], viewQueries: [{ propertyName: "selectElement", first: true, predicate: ["selectElement"], descendants: true, isSignal: true }], ngImport: i0, template: "\r\n@let errors = control().invalid && (control().dirty || control().touched);\r\n@let disabled = control().disabled || (control().pending && control().disabled);\r\n\r\n<section #selectElement class=\"select\">\r\n\t<section class=\"input\" [class.input--disabled]=\"disabled\" [class.input--error]=\"errors\">\r\n\t\t<!-- Label -->\r\n\t\t@if (label()) {\r\n\t\t\t<label [for]=\"name()\">\r\n\t\t\t\t{{ label() }}\r\n\t\t\t</label>\r\n\t\t}\r\n\t\t<!-- Input -->\r\n\t\t<input\r\n\t\t\ttype=\"text\"\r\n\t\t\tid=\"input-select-{{ name() }}\"\r\n\t\t\t[tabindex]=\"disabled ? '-1' : '0'\"\r\n\t\t\t[name]=\"name()\"\r\n\t\t\t[placeholder]=\"placeholder()\"\r\n\t\t\t[formControl]=\"innerControl()\"\r\n\t\t\t(focus)=\"onFocus()\"\r\n\t\t\t(blur)=\"onBlur()\"\r\n\t\t\t(keyup.escape)=\"onBlur()\" />\r\n\r\n\t\t<!-- Suffix -->\r\n\t\t<ng-container [ngTemplateOutlet]=\"suffixTemplate\" />\r\n\r\n\t\t<!-- Menu -->\r\n\t\t<ng-container [ngTemplateOutlet]=\"menuTemplate\" />\r\n\t</section>\r\n\t<!-- Errors -->\r\n\t@if (errors) {\r\n\t\t<ng-content select=\"gld-input-error\">\r\n\t\t\t<gld-input-error [errors]=\"control().errors\" />\r\n\t\t</ng-content>\r\n\t} @else {\r\n\t\t<!-- Hint -->\r\n\t\t<ng-content select=\"gld-input-hint\" />\r\n\t}\r\n</section>\r\n\r\n<!-- Menu Template -->\r\n<ng-template #menuTemplate>\r\n\t<section class=\"select-menu\" [class.select-menu--opened]=\"isMenuOpen()\">\r\n\t\t<ng-content select=\"gld-select-option\" />\r\n\t</section>\r\n</ng-template>\r\n\r\n<!-- Suffix Template -->\r\n<ng-template #suffixTemplate>\r\n\t@if (control().pending) {\r\n\t\t<gld-icon\r\n\t\t\tsize=\"small\"\r\n\t\t\tclass=\"input-icon input-icon--animated\"\r\n\t\t\t[class.input-icon--error]=\"errors\"\r\n\t\t\t[icon]=\"Icons.loader4Fill\"\r\n\t\t\t[disabled]=\"disabled\" />\r\n\t} @else {\r\n\t\t<gld-icon\r\n\t\t\tsize=\"small\"\r\n\t\t\tclass=\"input-icon\"\r\n\t\t\t[class.input-icon--rotated]=\"isMenuOpen()\"\r\n\t\t\t[class.input-icon--error]=\"errors\"\r\n\t\t\t[icon]=\"Icons.arrowDownSLine\"\r\n\t\t\t[disabled]=\"disabled\"\r\n\t\t\t(clicked)=\"arrowIconClicked()\" />\r\n\t}\r\n</ng-template>\r\n\r\n<!-- <h3>Debugging</h3> -->\r\n<!-- <section>errors: {{ control().errors | json }}</section> -->\r\n<!-- <section>errors: {{ errors }}</section> -->\r\n<!-- <section>invalid: {{ control().invalid }}</section> -->\r\n<!-- <section>dirty: {{ control().dirty }}</section> -->\r\n<!-- <section>touched: {{ control().touched }}</section> -->\r\n<!-- <section>disable: {{ control().disabled }}</section> -->\r\n<!-- <section>status: {{ control().status }}</section> -->\r\n\r\n<!-- Suffix Template -->\r\n<ng-template #suffixTemplate>\r\n\t<gld-icon\r\n\t\tsize=\"small\"\r\n\t\tclass=\"input-icon\"\r\n\t\t[class.input-icon--error]=\"errors\"\r\n\t\t[icon]=\"Icons.arrowDownSLine\" />\r\n</ng-template>\r\n\r\n<!-- <h3>Debugging</h3> -->\r\n<!-- <section>errors: {{ control().errors | json }}</section> -->\r\n<!-- <section>errors: {{ errors }}</section> -->\r\n<!-- <section>invalid: {{ control().invalid }}</section> -->\r\n<!-- <section>dirty: {{ control().dirty }}</section> -->\r\n<!-- <section>touched: {{ control().touched }}</section> -->\r\n<!-- <section>disable: {{ control().disabled }}</section> -->\r\n", styles: [".input{--gld-color: var(--gld-darkblue);--gld-color--disabled: var(--gld-gray-transparent--060);--gld-color--error: var(--gld-red);--gld-placeholder-color: var(--gld-gray-transparent--060);--gld-border-color: var(--gld-gray-transparent--060);--gld-label-color: var(--gld-darkblue);--gld-height: 40px;--gld-min-with: 50px;--gld-animation-time: var(--gld-animation-time--150);position:relative;background:transparent}.input label{padding:0;font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--normal);font-weight:400;line-height:1.25;color:var(--gld-label-color);will-change:color;transition:color var(--gld-animation-time) ease;cursor:text}.input input{width:100%;min-width:var(--gld-min-with);height:var(--gld-height);padding:var(--gld-spacing--xxs);padding-right:var(--gld-spacing--m);font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--normal);font-weight:400;line-height:1.25;border:none;outline:none;border-bottom:var(--gld-border-size) solid var(--gld-border-color);color:var(--gld-color);background:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;will-change:color;transition:color var(--gld-animation-time) ease-in-out}.input input:focus{--gld-border-color: var(--gld-blue)}.input input::placeholder{color:var(--gld-placeholder-color)}.input--error{--gld-color: var(--gld-color--error);--gld-label-color: var(--gld-color--error);--gld-border-color: var(--gld-color--error);--gld-placeholder-color: var(--gld-color--error)}.input--disabled{--gld-color: var(--gld-color--disabled);--gld-border-color: var(--gld-color--disabled);--gld-label-color: var(--gld-color--disabled);--gld-placeholder-color: var(--gld-color--disabled);pointer-events:none;cursor:not-allowed}.input-icon{position:absolute;right:var(--gld-spacing--xxs);bottom:var(--gld-spacing--xxs);color:var(--gld-color);-webkit-user-select:none;user-select:none;will-change:transform,color;transition:transform var(--gld-animation-time) ease,color var(--gld-animation-time) ease-in-out;cursor:pointer}.input-icon--animated{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-icon--rotated{transform:rotate(180deg)}.select{--gld-background: var(--gld-whitelight);--gld-height: 40px;--gld-option-items: 0;--gld-option-height: 40px;--gld-animation-time: var(--gld-animation-time--150);--gld-padding: var(--gld-spacing--xxxs);position:relative;background:transparent}.select-menu{position:absolute;z-index:1;top:calc(var(--gld-height) + 20px);left:0;height:0;padding:0;display:grid;grid-template-columns:1fr;background:var(--gld-background);color:var(--gld-darkblue);box-shadow:inset 0 0 0 var(--gld-border-size) var(--gld-gray-transparent--050);min-width:100%;max-width:100%;max-height:calc(var(--gld-option-height) * 5);overflow-y:auto;transition:var(--gld-animation-time) height ease-in-out,var(--gld-animation-time) padding ease-in-out}.select-menu--opened{height:calc(var(--gld-option-height) * var(--gld-option-items) + var(--gld-padding) * 2);padding:var(--gld-padding)}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "gld-icon", inputs: ["icon", "size", "space", "moveTopToBottom", "moveLeftToRight", "disabled"], outputs: ["clicked"] }, { kind: "component", type: InputErrorComponent, selector: "gld-input-error", inputs: ["errors", "border"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: SelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gld-select', standalone: true, imports: [ReactiveFormsModule, NgTemplateOutlet, ...components$1], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SelectComponent),
+                            multi: true,
+                        },
+                    ], template: "\r\n@let errors = control().invalid && (control().dirty || control().touched);\r\n@let disabled = control().disabled || (control().pending && control().disabled);\r\n\r\n<section #selectElement class=\"select\">\r\n\t<section class=\"input\" [class.input--disabled]=\"disabled\" [class.input--error]=\"errors\">\r\n\t\t<!-- Label -->\r\n\t\t@if (label()) {\r\n\t\t\t<label [for]=\"name()\">\r\n\t\t\t\t{{ label() }}\r\n\t\t\t</label>\r\n\t\t}\r\n\t\t<!-- Input -->\r\n\t\t<input\r\n\t\t\ttype=\"text\"\r\n\t\t\tid=\"input-select-{{ name() }}\"\r\n\t\t\t[tabindex]=\"disabled ? '-1' : '0'\"\r\n\t\t\t[name]=\"name()\"\r\n\t\t\t[placeholder]=\"placeholder()\"\r\n\t\t\t[formControl]=\"innerControl()\"\r\n\t\t\t(focus)=\"onFocus()\"\r\n\t\t\t(blur)=\"onBlur()\"\r\n\t\t\t(keyup.escape)=\"onBlur()\" />\r\n\r\n\t\t<!-- Suffix -->\r\n\t\t<ng-container [ngTemplateOutlet]=\"suffixTemplate\" />\r\n\r\n\t\t<!-- Menu -->\r\n\t\t<ng-container [ngTemplateOutlet]=\"menuTemplate\" />\r\n\t</section>\r\n\t<!-- Errors -->\r\n\t@if (errors) {\r\n\t\t<ng-content select=\"gld-input-error\">\r\n\t\t\t<gld-input-error [errors]=\"control().errors\" />\r\n\t\t</ng-content>\r\n\t} @else {\r\n\t\t<!-- Hint -->\r\n\t\t<ng-content select=\"gld-input-hint\" />\r\n\t}\r\n</section>\r\n\r\n<!-- Menu Template -->\r\n<ng-template #menuTemplate>\r\n\t<section class=\"select-menu\" [class.select-menu--opened]=\"isMenuOpen()\">\r\n\t\t<ng-content select=\"gld-select-option\" />\r\n\t</section>\r\n</ng-template>\r\n\r\n<!-- Suffix Template -->\r\n<ng-template #suffixTemplate>\r\n\t@if (control().pending) {\r\n\t\t<gld-icon\r\n\t\t\tsize=\"small\"\r\n\t\t\tclass=\"input-icon input-icon--animated\"\r\n\t\t\t[class.input-icon--error]=\"errors\"\r\n\t\t\t[icon]=\"Icons.loader4Fill\"\r\n\t\t\t[disabled]=\"disabled\" />\r\n\t} @else {\r\n\t\t<gld-icon\r\n\t\t\tsize=\"small\"\r\n\t\t\tclass=\"input-icon\"\r\n\t\t\t[class.input-icon--rotated]=\"isMenuOpen()\"\r\n\t\t\t[class.input-icon--error]=\"errors\"\r\n\t\t\t[icon]=\"Icons.arrowDownSLine\"\r\n\t\t\t[disabled]=\"disabled\"\r\n\t\t\t(clicked)=\"arrowIconClicked()\" />\r\n\t}\r\n</ng-template>\r\n\r\n<!-- <h3>Debugging</h3> -->\r\n<!-- <section>errors: {{ control().errors | json }}</section> -->\r\n<!-- <section>errors: {{ errors }}</section> -->\r\n<!-- <section>invalid: {{ control().invalid }}</section> -->\r\n<!-- <section>dirty: {{ control().dirty }}</section> -->\r\n<!-- <section>touched: {{ control().touched }}</section> -->\r\n<!-- <section>disable: {{ control().disabled }}</section> -->\r\n<!-- <section>status: {{ control().status }}</section> -->\r\n\r\n<!-- Suffix Template -->\r\n<ng-template #suffixTemplate>\r\n\t<gld-icon\r\n\t\tsize=\"small\"\r\n\t\tclass=\"input-icon\"\r\n\t\t[class.input-icon--error]=\"errors\"\r\n\t\t[icon]=\"Icons.arrowDownSLine\" />\r\n</ng-template>\r\n\r\n<!-- <h3>Debugging</h3> -->\r\n<!-- <section>errors: {{ control().errors | json }}</section> -->\r\n<!-- <section>errors: {{ errors }}</section> -->\r\n<!-- <section>invalid: {{ control().invalid }}</section> -->\r\n<!-- <section>dirty: {{ control().dirty }}</section> -->\r\n<!-- <section>touched: {{ control().touched }}</section> -->\r\n<!-- <section>disable: {{ control().disabled }}</section> -->\r\n", styles: [".input{--gld-color: var(--gld-darkblue);--gld-color--disabled: var(--gld-gray-transparent--060);--gld-color--error: var(--gld-red);--gld-placeholder-color: var(--gld-gray-transparent--060);--gld-border-color: var(--gld-gray-transparent--060);--gld-label-color: var(--gld-darkblue);--gld-height: 40px;--gld-min-with: 50px;--gld-animation-time: var(--gld-animation-time--150);position:relative;background:transparent}.input label{padding:0;font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--normal);font-weight:400;line-height:1.25;color:var(--gld-label-color);will-change:color;transition:color var(--gld-animation-time) ease;cursor:text}.input input{width:100%;min-width:var(--gld-min-with);height:var(--gld-height);padding:var(--gld-spacing--xxs);padding-right:var(--gld-spacing--m);font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--normal);font-weight:400;line-height:1.25;border:none;outline:none;border-bottom:var(--gld-border-size) solid var(--gld-border-color);color:var(--gld-color);background:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;will-change:color;transition:color var(--gld-animation-time) ease-in-out}.input input:focus{--gld-border-color: var(--gld-blue)}.input input::placeholder{color:var(--gld-placeholder-color)}.input--error{--gld-color: var(--gld-color--error);--gld-label-color: var(--gld-color--error);--gld-border-color: var(--gld-color--error);--gld-placeholder-color: var(--gld-color--error)}.input--disabled{--gld-color: var(--gld-color--disabled);--gld-border-color: var(--gld-color--disabled);--gld-label-color: var(--gld-color--disabled);--gld-placeholder-color: var(--gld-color--disabled);pointer-events:none;cursor:not-allowed}.input-icon{position:absolute;right:var(--gld-spacing--xxs);bottom:var(--gld-spacing--xxs);color:var(--gld-color);-webkit-user-select:none;user-select:none;will-change:transform,color;transition:transform var(--gld-animation-time) ease,color var(--gld-animation-time) ease-in-out;cursor:pointer}.input-icon--animated{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-icon--rotated{transform:rotate(180deg)}.select{--gld-background: var(--gld-whitelight);--gld-height: 40px;--gld-option-items: 0;--gld-option-height: 40px;--gld-animation-time: var(--gld-animation-time--150);--gld-padding: var(--gld-spacing--xxxs);position:relative;background:transparent}.select-menu{position:absolute;z-index:1;top:calc(var(--gld-height) + 20px);left:0;height:0;padding:0;display:grid;grid-template-columns:1fr;background:var(--gld-background);color:var(--gld-darkblue);box-shadow:inset 0 0 0 var(--gld-border-size) var(--gld-gray-transparent--050);min-width:100%;max-width:100%;max-height:calc(var(--gld-option-height) * 5);overflow-y:auto;transition:var(--gld-animation-time) height ease-in-out,var(--gld-animation-time) padding ease-in-out}.select-menu--opened{height:calc(var(--gld-option-height) * var(--gld-option-items) + var(--gld-padding) * 2);padding:var(--gld-padding)}\n"] }]
+        }], ctorParameters: () => [] });
+
+// Angular Imports
+const components = [InputErrorComponent];
+class TextareaComponent {
+    #destroyRef = inject(DestroyRef);
+    #changeDetectorRef = inject(ChangeDetectorRef);
+    control = input.required();
+    name = input.required();
+    label = input('');
+    placeholder = input('');
+    type = input('text');
+    suffix = input(false, { transform: booleanAttribute });
+    // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-unused-vars
+    onChange = (value) => { };
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onTouched = () => { };
+    innerControl = signal(new FormControl(''));
+    constructor() {
+        this.innerControl()
+            .valueChanges.pipe(takeUntilDestroyed(this.#destroyRef), debounceTime(100))
+            .subscribe((value) => {
+            const valueTransformed = value;
+            this.onChange(valueTransformed);
+        });
+    }
+    ngOnInit() {
+        // Subscribes to the form control's events and triggers change detection to update the view accordingly.
+        this.control()
+            .events.pipe(takeUntilDestroyed(this.#destroyRef), debounceTime(100))
+            .subscribe(() => this.#changeDetectorRef.detectChanges());
+    }
+    writeValue(value) {
+        // console.log('writeValue')
+        if (value !== this.innerControl().value)
+            this.innerControl().setValue(value);
+    }
+    registerOnChange(onChange) {
+        // console.log('registerOnChange')
+        this.onChange = onChange;
+    }
+    registerOnTouched(onTouched) {
+        // console.log('registerOnTouched')
+        this.onTouched = onTouched;
+    }
+    onFocus() {
+        // this.isMenuOpen.set(true)
+    }
+    onBlur() {
+        this.onTouched();
+        // this.isMenuOpen.set(false)
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: TextareaComponent, isStandalone: true, selector: "gld-textarea", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TextareaComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "@let errors = control().invalid && (control().dirty || control().touched);\r\n@let disabled = control().disabled || (control().pending && control().disabled);\r\n\r\n<section class=\"input\" [class.input--disabled]=\"disabled\" [class.input--error]=\"errors\">\r\n  <!-- Label -->\r\n  @if (label()) {\r\n    <label [for]=\"name()\">\r\n      {{ label() }}\r\n    </label>\r\n  }\r\n\r\n  <!-- Input -->\r\n  <textarea\r\n    id=\"input-textarea-{{ name() }}\"\r\n    [name]=\"name()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [formControl]=\"innerControl()\"\r\n    (focus)=\"onFocus()\"\r\n    (blur)=\"onTouched()\"\r\n    (keyup.escape)=\"onBlur()\"></textarea>\r\n\r\n  <!-- Suffix -->\r\n  @if (suffix()) {\r\n    <ng-container [ngTemplateOutlet]=\"suffixTemplate\" />\r\n  }\r\n</section>\r\n<!-- Errors -->\r\n@if (errors) {\r\n  <ng-content select=\"gld-input-error\">\r\n    <gld-input-error [errors]=\"control().errors\" />\r\n  </ng-content>\r\n} @else {\r\n  <!-- Hint -->\r\n  <ng-content select=\"gld-input-hint\" />\r\n}\r\n\r\n<!-- Suffix emplate -->\r\n<ng-template #suffixTemplate>\r\n  <span tabindex=\"-1\" class=\"input-icon\" [class.input-icon--error]=\"errors\">\r\n    <ng-content select=\"[inputSuffix]\" />\r\n  </span>\r\n</ng-template>\r\n\r\n<!-- <h3>Debugging</h3>\r\n<section>errors: {{ errors }}</section>\r\n<section>invalid: {{ control().invalid }}</section>\r\n<section>dirty: {{ control().dirty }}</section>\r\n<section>touched: {{ control().touched }}</section>\r\n<section>disable: {{ control().disabled }}</section> -->\r\n", styles: [".input{--gld-color: var(--gld-darkblue);--gld-color--disabled: var(--gld-gray-transparent--060);--gld-color--error: var(--gld-red);--gld-placeholder-color: var(--gld-gray-transparent--060);--gld-border-color: var(--gld-gray-transparent--060);--gld-label-color: var(--gld-darkblue);--gld-min-height: 120px;--gld-max-height: 240px;--gld-min-with: 50px;--gld-animation-time: var(--gld-animation-time--150);position:relative;background:transparent}.input label{padding:0;font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--normal);font-weight:400;line-height:1.25;color:var(--gld-label-color);will-change:color;transition:color var(--gld-animation-time) ease;cursor:text}.input textarea{display:flex;width:100%;min-width:var(--gld-min-with);min-height:var(--gld-min-height);max-height:var(--gld-max-height);padding:var(--gld-spacing--xxs);font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--normal);font-weight:400;line-height:1.25;border:none;outline:none;border-bottom:var(--gld-border-size) solid var(--gld-border-color);color:var(--gld-color);background:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;resize:vertical;form-sizing:content;will-change:color;transition:color var(--gld-animation-time) ease-in-out}.input textarea:focus{--gld-border-color: var(--gld-blue)}.input textarea::placeholder{color:var(--gld-placeholder-color)}.input--error{--gld-color: var(--gld-color--error);--gld-label-color: var(--gld-color--error);--gld-border-color: var(--gld-color--error);--gld-placeholder-color: var(--gld-color--error)}.input--disabled{--gld-color: var(--gld-color--disabled);--gld-border-color: var(--gld-color--disabled);--gld-label-color: var(--gld-color--disabled);--gld-placeholder-color: var(--gld-color--disabled);pointer-events:none;cursor:not-allowed}.input-icon{position:absolute;right:var(--gld-spacing--xxs);bottom:0;display:inline-block;color:var(--gld-color);will-change:transform,color;transition:color var(--gld-animation-time) ease;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: InputErrorComponent, selector: "gld-input-error", inputs: ["errors", "border"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: TextareaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gld-textarea', standalone: true, imports: [ReactiveFormsModule, NgTemplateOutlet, ...components], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TextareaComponent),
+                            multi: true,
+                        },
+                    ], template: "@let errors = control().invalid && (control().dirty || control().touched);\r\n@let disabled = control().disabled || (control().pending && control().disabled);\r\n\r\n<section class=\"input\" [class.input--disabled]=\"disabled\" [class.input--error]=\"errors\">\r\n  <!-- Label -->\r\n  @if (label()) {\r\n    <label [for]=\"name()\">\r\n      {{ label() }}\r\n    </label>\r\n  }\r\n\r\n  <!-- Input -->\r\n  <textarea\r\n    id=\"input-textarea-{{ name() }}\"\r\n    [name]=\"name()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [formControl]=\"innerControl()\"\r\n    (focus)=\"onFocus()\"\r\n    (blur)=\"onTouched()\"\r\n    (keyup.escape)=\"onBlur()\"></textarea>\r\n\r\n  <!-- Suffix -->\r\n  @if (suffix()) {\r\n    <ng-container [ngTemplateOutlet]=\"suffixTemplate\" />\r\n  }\r\n</section>\r\n<!-- Errors -->\r\n@if (errors) {\r\n  <ng-content select=\"gld-input-error\">\r\n    <gld-input-error [errors]=\"control().errors\" />\r\n  </ng-content>\r\n} @else {\r\n  <!-- Hint -->\r\n  <ng-content select=\"gld-input-hint\" />\r\n}\r\n\r\n<!-- Suffix emplate -->\r\n<ng-template #suffixTemplate>\r\n  <span tabindex=\"-1\" class=\"input-icon\" [class.input-icon--error]=\"errors\">\r\n    <ng-content select=\"[inputSuffix]\" />\r\n  </span>\r\n</ng-template>\r\n\r\n<!-- <h3>Debugging</h3>\r\n<section>errors: {{ errors }}</section>\r\n<section>invalid: {{ control().invalid }}</section>\r\n<section>dirty: {{ control().dirty }}</section>\r\n<section>touched: {{ control().touched }}</section>\r\n<section>disable: {{ control().disabled }}</section> -->\r\n", styles: [".input{--gld-color: var(--gld-darkblue);--gld-color--disabled: var(--gld-gray-transparent--060);--gld-color--error: var(--gld-red);--gld-placeholder-color: var(--gld-gray-transparent--060);--gld-border-color: var(--gld-gray-transparent--060);--gld-label-color: var(--gld-darkblue);--gld-min-height: 120px;--gld-max-height: 240px;--gld-min-with: 50px;--gld-animation-time: var(--gld-animation-time--150);position:relative;background:transparent}.input label{padding:0;font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--normal);font-weight:400;line-height:1.25;color:var(--gld-label-color);will-change:color;transition:color var(--gld-animation-time) ease;cursor:text}.input textarea{display:flex;width:100%;min-width:var(--gld-min-with);min-height:var(--gld-min-height);max-height:var(--gld-max-height);padding:var(--gld-spacing--xxs);font-family:var(--gld-font--poppins);font-size:var(--gld-font-size--normal);font-weight:400;line-height:1.25;border:none;outline:none;border-bottom:var(--gld-border-size) solid var(--gld-border-color);color:var(--gld-color);background:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;resize:vertical;form-sizing:content;will-change:color;transition:color var(--gld-animation-time) ease-in-out}.input textarea:focus{--gld-border-color: var(--gld-blue)}.input textarea::placeholder{color:var(--gld-placeholder-color)}.input--error{--gld-color: var(--gld-color--error);--gld-label-color: var(--gld-color--error);--gld-border-color: var(--gld-color--error);--gld-placeholder-color: var(--gld-color--error)}.input--disabled{--gld-color: var(--gld-color--disabled);--gld-border-color: var(--gld-color--disabled);--gld-label-color: var(--gld-color--disabled);--gld-placeholder-color: var(--gld-color--disabled);pointer-events:none;cursor:not-allowed}.input-icon{position:absolute;right:var(--gld-spacing--xxs);bottom:0;display:inline-block;color:var(--gld-color);will-change:transform,color;transition:color var(--gld-animation-time) ease;cursor:pointer}\n"] }]
+        }], ctorParameters: () => [] });
+
+// Shared Imports
+// Regex to validate the ISO date format (YYYY-MM-DD)
+const ISO_DATE_REGEX = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])$/;
+function isDateValidator() {
+    return (control) => {
+        const value = formatDateFromISOToYYYYMMDD(control.value);
+        if (!value)
+            return null;
+        if (!ISO_DATE_REGEX.test(value))
+            return { isDate: 'Este campo debe ser una fecha valida con formato DD/MM/YYYY!' };
+        // Verify if the date is valid (additional logic)
+        const [year, month, day] = value.split('-').map(Number);
+        const date = new Date(year, month - 1, day);
+        // Verify if the date is logical and corresponds to the format
+        if (date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day)
+            return null;
+        else
+            return { isDate: 'Este campo debe ser una fecha valida!' };
+    };
+}
+
+function isDocumentValidator({ documentType }) {
+    return (control) => {
+        const value = control.value;
+        // Definir los patrones de acuerdo al tipo de vehículo
+        const patterns = {
+            DNI: [
+                {
+                    regex: /^\d+$/,
+                    message: 'Este campo debe contener solo números!',
+                },
+                {
+                    regex: /^.{7,8}$/,
+                    message: 'Este campo debe contener entre 7 y 8 dígitos!',
+                },
+            ],
+            CT: [
+                {
+                    regex: /^\d+$/,
+                    message: 'Este campo debe contener solo números!',
+                },
+                {
+                    regex: /^.{11}$/,
+                    message: 'Este campo debe contener 11 dígitos!',
+                },
+            ],
+            CL: [
+                {
+                    regex: /^\d+$/,
+                    message: 'Este campo debe contener solo números!',
+                },
+                {
+                    regex: /^.{11}$/,
+                    message: 'Este campo debe contener 11 dígitos!',
+                },
+            ],
+        };
+        const patternsToValid = patterns[documentType];
+        if (!value)
+            return null;
+        const pattern = patternsToValid.find((pattern) => !pattern.regex.test(value));
+        return pattern ? { isDocument: pattern.message } : null;
+    };
+}
+
+// Regex para validar emails
+const EMAIL_REGEX = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
+function isEmailValidator() {
+    return (control) => {
+        const value = control.value;
+        if (!value)
+            return null;
+        if (EMAIL_REGEX.test(value))
+            return null;
+        else
+            return { email: 'Este campo debe ser un email valido!' };
+    };
+}
+
+function isFormSelectItemValidator() {
+    return (control) => {
+        const value = control.value;
+        if (!value)
+            return null;
+        if (typeof value === 'string')
+            return { isFormSelectItem: 'Este campo debe ser una opción valida!' };
+        if (typeof value === 'object') {
+            if ('value' in value && 'label' in value)
+                return null;
+        }
+        return { isFormSelectItem: 'Este campo debe ser una opción valida!' };
+    };
+}
+
+function isLicensePlateValidator({ vehicleType, }) {
+    return (control) => {
+        const value = control.value;
+        // Definir los patrones de acuerdo al tipo de vehículo
+        const patterns = {
+            AUTO: [
+                /^[a-zA-Z]{3}[\d]{3}$/, // Auto viejo
+                /^[a-zA-Z]{2}[\d]{3}[a-zA-Z]{2}$/, // Auto nuevo
+            ],
+            MOTO: [
+                /^[\d]{3}[a-zA-Z]{3}$/, // Moto viejo
+                /^[a-zA-Z]{1}[\d]{3}[a-zA-Z]{3}$/, // Moto nuevo
+            ],
+            BOTH: [
+                /^[a-zA-Z]{3}[\d]{3}$/, // Auto viejo
+                /^[a-zA-Z]{2}[\d]{3}[a-zA-Z]{2}$/, // Auto nuevo
+                /^[\d]{3}[a-zA-Z]{3}$/, // Moto viejo
+                /^[a-zA-Z]{1}[\d]{3}[a-zA-Z]{3}$/, // Moto nuevo
+            ],
+        };
+        const patternsToValid = patterns[vehicleType];
+        if (!value)
+            return null;
+        const isValid = patternsToValid.some((pattern) => pattern.test(value));
+        return isValid ? null : { isLicensePlate: 'El campo debe ser una patente valida!' };
+    };
+}
+
+// Regex para validar números naturales (0, 1, 2, 3, ...)
+const NATURAL_NUMBER_REGEX = /^[0-9]+$/;
+function isNaturalNumberValidator() {
+    return (control) => {
+        const value = control.value;
+        if (!value)
+            return null;
+        if (NATURAL_NUMBER_REGEX.test(value))
+            return null;
+        else
+            return { naturalNumber: 'Este campo debe contener solo números validos!' };
+    };
+}
+
+// Shared Imports
+function minimumAgeValidator({ minAge }) {
+    return (control) => {
+        const value = formatDateFromISOToYYYYMMDD(control.value);
+        if (!value)
+            return null;
+        // Verify if the date is valid (additional logic)
+        const [year, month, day] = value.split('-').map(Number);
+        const birthDay = new Date(year, month - 1, day);
+        // Get the current date and calculate the difference in years
+        const today = new Date();
+        today.setHours(0, 0, 0, 0);
+        const age = today.getFullYear() - birthDay.getFullYear();
+        const isMonthPast = today.getMonth() > birthDay.getMonth();
+        const isSameMonthDayPast = today.getMonth() === birthDay.getMonth() && today.getDate() >= birthDay.getDate();
+        const isValidAge = age > minAge || (age === minAge && (isMonthPast || isSameMonthDayPast));
+        // Retornar el error si la edad es menor al mínimo
+        return isValidAge ? null : { minimumAge: { requiredAge: minAge, actualAge: age } };
+    };
+}
+
+function mustMatchValidator({ controlName, mustMatchControlName, errorMessage, }) {
+    return (formGroup) => {
+        const firstControl = formGroup.get(controlName);
+        const mustMatchControl = formGroup.get(mustMatchControlName);
+        // Validar que ambos controles existan
+        if (!firstControl || !mustMatchControl)
+            return null;
+        // Verificar si los valores coinciden
+        if (firstControl.value && firstControl.value !== mustMatchControl.value) {
+            mustMatchControl.setErrors({ ...mustMatchControl.errors, mustMatch: errorMessage ?? true });
+            return { mustMatch: errorMessage ?? true };
+        }
+        return null; // Es válido si no hay errores
+    };
+}
+
+function mustUnmatchValidator({ controlName, mustUnmatchControlName, errorMessage, }) {
+    return (formGroup) => {
+        const firstControl = formGroup.get(controlName);
+        const mustUnmatchControl = formGroup.get(mustUnmatchControlName);
+        // Validar que ambos controles existan
+        if (!firstControl || !mustUnmatchControl)
+            return null;
+        // Verificar si los valores coinciden
+        if (firstControl.value && firstControl.value === mustUnmatchControl.value) {
+            mustUnmatchControl.setErrors({
+                ...mustUnmatchControl.errors,
+                mustUnmatch: errorMessage ?? true,
+            });
+            return { mustUnmatch: errorMessage ?? true };
+        }
+        return null; // Es válido si no hay errores
+    };
+}
+
+/*
+ * Public API Surface of iamgld-ui
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonComponent, InputComponent, InputDateComponent, InputErrorComponent, InputHintComponent, RadioButtonComponent, RadioGroupComponent, SelectComponent, SelectOptionComponent, TextareaComponent, capitalizeFirstLetter, formatDateFromISOToYYYYMMDD, formatDateToISO, getDateWithOffsetInYears, isDateValidator, isDocumentValidator, isEmailValidator, isFormSelectItemValidator, isLicensePlateValidator, isNaturalNumberValidator, minimumAgeValidator, mustMatchValidator, mustUnmatchValidator };
+//# sourceMappingURL=iamgld-ui.mjs.map