@geoit/ui 0.0.2 → 0.0.5

package/esm2022/lib/figma/geo-file-picker/geo-file-picker.component.mjs

@@ -1,64 +1,69 @@
-import { Component, EventEmitter, forwardRef, Input, Output, ViewChild, ViewEncapsulation, } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, computed, forwardRef, inject, input, output, signal, viewChild, ViewEncapsulation, } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { GeoButtonComponent } from '../geo-button/geo-button.component';
 import * as i0 from "@angular/core";
 let uiFilePickerErrorId = 0;
 export class GeoFilePickerComponent {
-    fileInput;
-    label = 'Tải file';
-    placeholder = 'Chọn giá trị';
-    buttonText = 'Chọn file';
-    required = false;
-    disabled = false;
-    accept = '';
-    multiple = false;
-    error = false;
-    errorMessage = '';
-    block = false;
-    width;
+    cdr = inject(ChangeDetectorRef);
+    fileInput = viewChild('fileInput');
+    label = input('Tải file');
+    placeholder = input('Chọn giá trị');
+    buttonText = input('Chọn file');
+    required = input(false);
+    disabled = input(false);
+    accept = input('');
+    multiple = input(false);
+    error = input(false);
+    errorMessage = input('');
+    block = input(false);
+    width = input(undefined);
     /**
      * Tên file đã upload (server) — hiện khi chưa có File local trong CVA.
      * Dùng cho flow: chọn file → upload → giữ tên từ API.
      */
-    selectedName = '';
-    fileChange = new EventEmitter();
+    selectedName = input('');
+    fileChange = output();
     errorMessageId = `geo-file-picker-error-${++uiFilePickerErrorId}`;
-    value = null;
+    disabledFromCva = signal(false);
+    isDisabled = computed(() => this.disabled() || this.disabledFromCva());
+    value = signal(null);
     onChange = () => undefined;
     onTouched = () => undefined;
-    get hostWidth() {
-        if (this.block || this.width == null) {
+    hostWidth = computed(() => {
+        const width = this.width();
+        if (this.block() || width == null) {
             return null;
         }
-        return typeof this.width === 'number' ? `${this.width}px` : this.width;
-    }
-    get displayValue() {
-        if (Array.isArray(this.value) && this.value.length > 0) {
-            return this.value.map((file) => file.name).join(', ');
+        return typeof width === 'number' ? `${width}px` : width;
+    });
+    displayValue = computed(() => {
+        const value = this.value();
+        if (Array.isArray(value) && value.length > 0) {
+            return value.map((file) => file.name).join(', ');
         }
-        if (this.value && !Array.isArray(this.value)) {
-            return this.value.name;
+        if (value && !Array.isArray(value)) {
+            return value.name;
         }
-        if (this.selectedName) {
-            return this.selectedName;
+        if (this.selectedName()) {
+            return this.selectedName();
         }
-        return this.placeholder;
-    }
-    get hasValue() {
-        if (Array.isArray(this.value)) {
-            return this.value.length > 0;
+        return this.placeholder();
+    });
+    hasValue = computed(() => {
+        const value = this.value();
+        if (Array.isArray(value)) {
+            return value.length > 0;
         }
-        if (this.value != null) {
+        if (value != null) {
             return true;
         }
-        return !!this.selectedName;
-    }
+        return !!this.selectedName();
+    });
     openFilePicker() {
-        if (this.disabled) {
+        if (this.isDisabled()) {
             return;
         }
-        this.fileInput?.nativeElement.click();
+        this.fileInput()?.nativeElement.click();
     }
     onFileSelected(event) {
         const input = event.target;
@@ -66,18 +71,19 @@ export class GeoFilePickerComponent {
         if (!files || files.length === 0) {
             return;
         }
-        const nextValue = this.multiple ? Array.from(files) : files[0];
+        const nextValue = this.multiple() ? Array.from(files) : files[0];
         this.setValue(nextValue);
         input.value = '';
     }
     setValue(value) {
-        this.value = value;
+        this.value.set(value);
         this.onChange(value);
         this.onTouched();
         this.fileChange.emit(value);
     }
     writeValue(value) {
-        this.value = value;
+        this.value.set(value);
+        this.cdr.markForCheck();
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -86,60 +92,32 @@ export class GeoFilePickerComponent {
         this.onTouched = fn;
     }
     setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
+        this.disabledFromCva.set(isDisabled);
+        this.cdr.markForCheck();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoFilePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoFilePickerComponent, isStandalone: true, selector: "geo-file-picker", inputs: { label: "label", placeholder: "placeholder", buttonText: "buttonText", required: "required", disabled: "disabled", accept: "accept", multiple: "multiple", error: "error", errorMessage: "errorMessage", block: "block", width: "width", selectedName: "selectedName" }, outputs: { fileChange: "fileChange" }, host: { properties: { "class.geo-file-picker-host--block": "block", "class.geo-file-picker-host--error": "error", "class.geo-file-picker-host--disabled": "disabled", "style.width": "hostWidth" }, classAttribute: "geo-file-picker-host" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoFilePickerComponent, isStandalone: true, selector: "geo-file-picker", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, selectedName: { classPropertyName: "selectedName", publicName: "selectedName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fileChange: "fileChange" }, host: { properties: { "class.geo-file-picker-host--block": "block()", "class.geo-file-picker-host--error": "error()", "class.geo-file-picker-host--disabled": "isDisabled()", "style.width": "hostWidth()" }, classAttribute: "geo-file-picker-host" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => GeoFilePickerComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "@if (label) {\n  <div class=\"geo-file-picker__label\">\n    <span>{{ label }}</span>\n    @if (required) {\n      <span class=\"geo-file-picker__required\" aria-hidden=\"true\">*</span>\n    }\n  </div>\n}\n\n<div\n  class=\"geo-file-picker__control\"\n  [attr.aria-invalid]=\"error ? 'true' : null\"\n  [attr.aria-describedby]=\"error && errorMessage ? errorMessageId : null\"\n>\n  <span\n    class=\"geo-file-picker__value\"\n    [class.geo-file-picker__value--placeholder]=\"!hasValue\"\n  >\n    {{ displayValue }}\n  </span>\n\n  <input\n    #fileInput\n    class=\"geo-file-picker__input\"\n    type=\"file\"\n    tabindex=\"-1\"\n    [accept]=\"accept\"\n    [multiple]=\"multiple\"\n    [disabled]=\"disabled\"\n    (change)=\"onFileSelected($event)\"\n  />\n\n  <geo-button\n    class=\"geo-file-picker__button\"\n    appearance=\"primary\"\n    color=\"brand\"\n    icon=\"plus\"\n    [disabled]=\"disabled\"\n    (clicked)=\"openFilePicker()\"\n  >\n    {{ buttonText }}\n  </geo-button>\n</div>\n\n@if (error && errorMessage) {\n  <p class=\"geo-file-picker__error\" [id]=\"errorMessageId\" role=\"alert\">{{ errorMessage }}</p>\n}\n", styles: ["geo-file-picker.geo-file-picker-host,.geo-file-picker-host{display:inline-flex;flex-direction:column;gap:8px;width:413px;max-width:100%;vertical-align:top}geo-file-picker.geo-file-picker-host.geo-file-picker-host--block,.geo-file-picker-host.geo-file-picker-host--block{display:flex;width:100%;max-width:none}.geo-file-picker__label{display:inline-flex;align-items:flex-start;gap:4px;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-file-picker__required{color:var(--geo-color-error-default)}.geo-file-picker__control{display:flex;align-items:center;gap:10px;min-height:40px;height:40px;padding:8px;border:1px solid var(--geo-color-neutral-300);border-radius:var(--geo-radius);background:var(--geo-color-neutral-white);transition:border-color .15s ease,box-shadow .15s ease}.geo-file-picker-host:not(.geo-file-picker-host--disabled) .geo-file-picker__control:hover{border-color:var(--geo-color-primary-default)}.geo-file-picker__value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-file-picker__value--placeholder{color:var(--geo-color-neutral-500)}.geo-file-picker__input{display:none}.geo-file-picker__button .geo-button{height:32px;min-height:32px;padding:8px;flex-shrink:0}.geo-file-picker-host--disabled .geo-file-picker__control{background:var(--geo-color-neutral-100);border-color:var(--geo-color-neutral-300)}.geo-file-picker-host--disabled .geo-file-picker__value,.geo-file-picker-host--disabled .geo-file-picker__value--placeholder{color:var(--geo-color-neutral-disabled-text)}.geo-file-picker__error{margin:0;font-size:14px;line-height:normal;color:var(--geo-color-error-default)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: GeoButtonComponent, selector: "geo-button", inputs: ["appearance", "color", "icon", "iconTheme", "iconPlacement", "iconOnly", "type", "disabled", "tooltip", "tooltipPlacement", "active", "title"], outputs: ["clicked"] }], encapsulation: i0.ViewEncapsulation.None });
+        ], viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (label()) {\n  <div class=\"geo-file-picker__label\">\n    <span>{{ label() }}</span>\n    @if (required()) {\n      <span class=\"geo-file-picker__required\" aria-hidden=\"true\">*</span>\n    }\n  </div>\n}\n\n<div\n  class=\"geo-file-picker__control\"\n  [attr.aria-invalid]=\"error() ? 'true' : null\"\n  [attr.aria-describedby]=\"error() && errorMessage() ? errorMessageId : null\"\n>\n  <span\n    class=\"geo-file-picker__value\"\n    [class.geo-file-picker__value--placeholder]=\"!hasValue()\"\n  >\n    {{ displayValue() }}\n  </span>\n\n  <input\n    #fileInput\n    class=\"geo-file-picker__input\"\n    type=\"file\"\n    tabindex=\"-1\"\n    [accept]=\"accept()\"\n    [multiple]=\"multiple()\"\n    [disabled]=\"isDisabled()\"\n    (change)=\"onFileSelected($event)\"\n  />\n\n  <geo-button\n    class=\"geo-file-picker__button\"\n    appearance=\"primary\"\n    color=\"brand\"\n    icon=\"plus\"\n    [disabled]=\"isDisabled()\"\n    (clicked)=\"openFilePicker()\"\n  >\n    {{ buttonText() }}\n  </geo-button>\n</div>\n\n@if (error() && errorMessage()) {\n  <p class=\"geo-file-picker__error\" [id]=\"errorMessageId\" role=\"alert\">{{ errorMessage() }}</p>\n}\n", styles: ["geo-file-picker.geo-file-picker-host,.geo-file-picker-host{display:inline-flex;flex-direction:column;gap:8px;width:413px;max-width:100%;vertical-align:top}geo-file-picker.geo-file-picker-host.geo-file-picker-host--block,.geo-file-picker-host.geo-file-picker-host--block{display:flex;width:100%;max-width:none}.geo-file-picker__label{display:inline-flex;align-items:flex-start;gap:4px;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-file-picker__required{color:var(--geo-color-error-default)}.geo-file-picker__control{display:flex;align-items:center;gap:10px;min-height:40px;height:40px;padding:8px;border:1px solid var(--geo-color-neutral-300);border-radius:var(--geo-radius);background:var(--geo-color-neutral-white);transition:border-color .15s ease,box-shadow .15s ease}.geo-file-picker-host:not(.geo-file-picker-host--disabled) .geo-file-picker__control:hover{border-color:var(--geo-color-primary-default)}.geo-file-picker__value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-file-picker__value--placeholder{color:var(--geo-color-neutral-500)}.geo-file-picker__input{display:none}.geo-file-picker__button .geo-button{height:32px;min-height:32px;padding:8px;flex-shrink:0}.geo-file-picker-host--disabled .geo-file-picker__control{background:var(--geo-color-neutral-100);border-color:var(--geo-color-neutral-300)}.geo-file-picker-host--disabled .geo-file-picker__value,.geo-file-picker-host--disabled .geo-file-picker__value--placeholder{color:var(--geo-color-neutral-disabled-text)}.geo-file-picker__error{margin:0;font-size:14px;line-height:normal;color:var(--geo-color-error-default)}\n"], dependencies: [{ kind: "component", type: GeoButtonComponent, selector: "geo-button", inputs: ["appearance", "color", "icon", "iconTheme", "iconPlacement", "iconOnly", "type", "disabled", "tooltip", "tooltipPlacement", "active", "title"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoFilePickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'geo-file-picker', standalone: true, imports: [CommonModule, GeoButtonComponent], encapsulation: ViewEncapsulation.None, host: {
+            args: [{ selector: 'geo-file-picker', standalone: true, imports: [GeoButtonComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'geo-file-picker-host',
-                        '[class.geo-file-picker-host--block]': 'block',
-                        '[class.geo-file-picker-host--error]': 'error',
-                        '[class.geo-file-picker-host--disabled]': 'disabled',
-                        '[style.width]': 'hostWidth',
+                        '[class.geo-file-picker-host--block]': 'block()',
+                        '[class.geo-file-picker-host--error]': 'error()',
+                        '[class.geo-file-picker-host--disabled]': 'isDisabled()',
+                        '[style.width]': 'hostWidth()',
                     }, providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => GeoFilePickerComponent),
                             multi: true,
                         },
-                    ], template: "@if (label) {\n  <div class=\"geo-file-picker__label\">\n    <span>{{ label }}</span>\n    @if (required) {\n      <span class=\"geo-file-picker__required\" aria-hidden=\"true\">*</span>\n    }\n  </div>\n}\n\n<div\n  class=\"geo-file-picker__control\"\n  [attr.aria-invalid]=\"error ? 'true' : null\"\n  [attr.aria-describedby]=\"error && errorMessage ? errorMessageId : null\"\n>\n  <span\n    class=\"geo-file-picker__value\"\n    [class.geo-file-picker__value--placeholder]=\"!hasValue\"\n  >\n    {{ displayValue }}\n  </span>\n\n  <input\n    #fileInput\n    class=\"geo-file-picker__input\"\n    type=\"file\"\n    tabindex=\"-1\"\n    [accept]=\"accept\"\n    [multiple]=\"multiple\"\n    [disabled]=\"disabled\"\n    (change)=\"onFileSelected($event)\"\n  />\n\n  <geo-button\n    class=\"geo-file-picker__button\"\n    appearance=\"primary\"\n    color=\"brand\"\n    icon=\"plus\"\n    [disabled]=\"disabled\"\n    (clicked)=\"openFilePicker()\"\n  >\n    {{ buttonText }}\n  </geo-button>\n</div>\n\n@if (error && errorMessage) {\n  <p class=\"geo-file-picker__error\" [id]=\"errorMessageId\" role=\"alert\">{{ errorMessage }}</p>\n}\n", styles: ["geo-file-picker.geo-file-picker-host,.geo-file-picker-host{display:inline-flex;flex-direction:column;gap:8px;width:413px;max-width:100%;vertical-align:top}geo-file-picker.geo-file-picker-host.geo-file-picker-host--block,.geo-file-picker-host.geo-file-picker-host--block{display:flex;width:100%;max-width:none}.geo-file-picker__label{display:inline-flex;align-items:flex-start;gap:4px;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-file-picker__required{color:var(--geo-color-error-default)}.geo-file-picker__control{display:flex;align-items:center;gap:10px;min-height:40px;height:40px;padding:8px;border:1px solid var(--geo-color-neutral-300);border-radius:var(--geo-radius);background:var(--geo-color-neutral-white);transition:border-color .15s ease,box-shadow .15s ease}.geo-file-picker-host:not(.geo-file-picker-host--disabled) .geo-file-picker__control:hover{border-color:var(--geo-color-primary-default)}.geo-file-picker__value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-file-picker__value--placeholder{color:var(--geo-color-neutral-500)}.geo-file-picker__input{display:none}.geo-file-picker__button .geo-button{height:32px;min-height:32px;padding:8px;flex-shrink:0}.geo-file-picker-host--disabled .geo-file-picker__control{background:var(--geo-color-neutral-100);border-color:var(--geo-color-neutral-300)}.geo-file-picker-host--disabled .geo-file-picker__value,.geo-file-picker-host--disabled .geo-file-picker__value--placeholder{color:var(--geo-color-neutral-disabled-text)}.geo-file-picker__error{margin:0;font-size:14px;line-height:normal;color:var(--geo-color-error-default)}\n"] }]
-        }], propDecorators: { fileInput: [{
-                type: ViewChild,
-                args: ['fileInput']
-            }], label: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], buttonText: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], accept: [{
-                type: Input
-            }], multiple: [{
-                type: Input
-            }], error: [{
-                type: Input
-            }], errorMessage: [{
-                type: Input
-            }], block: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], selectedName: [{
-                type: Input
-            }], fileChange: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvLWZpbGUtcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dlby11aS9zcmMvbGliL2ZpZ21hL2dlby1maWxlLXBpY2tlci9nZW8tZmlsZS1waWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VvLXVpL3NyYy9saWIvZmlnbWEvZ2VvLWZpbGUtcGlja2VyL2dlby1maWxlLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixVQUFVLEVBQ1YsS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7O0FBRXhFLElBQUksbUJBQW1CLEdBQUcsQ0FBQyxDQUFDO0FBd0I1QixNQUFNLE9BQU8sc0JBQXNCO0lBQ1QsU0FBUyxDQUFnQztJQUV4RCxLQUFLLEdBQUcsVUFBVSxDQUFDO0lBQ25CLFdBQVcsR0FBRyxjQUFjLENBQUM7SUFDN0IsVUFBVSxHQUFHLFdBQVcsQ0FBQztJQUN6QixRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDakIsTUFBTSxHQUFHLEVBQUUsQ0FBQztJQUNaLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDakIsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNkLFlBQVksR0FBRyxFQUFFLENBQUM7SUFDbEIsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNkLEtBQUssQ0FBbUI7SUFDakM7OztPQUdHO0lBQ00sWUFB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dUIsQ0FBQzs0QkFDckQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7OEJBR3VCLFNBQVM7c0JBQWhDLFNBQVM7dUJBQUMsV0FBVztnQkFFYixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUtHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBmb3J3YXJkUmVmLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBHZW9CdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9nZW8tYnV0dG9uL2dlby1idXR0b24uY29tcG9uZW50JztcblxubGV0IHVpRmlsZVBpY2tlckVycm9ySWQgPSAwO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnZW8tZmlsZS1waWNrZXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBHZW9CdXR0b25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vZ2VvLWZpbGUtcGlja2VyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2dlby1maWxlLXBpY2tlci5jb21wb25lbnQuc2NzcycsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2dlby1maWxlLXBpY2tlci1ob3N0JyxcbiAgICAnW2NsYXNzLmdlby1maWxlLXBpY2tlci1ob3N0LS1ibG9ja10nOiAnYmxvY2snLFxuICAgICdbY2xhc3MuZ2VvLWZpbGUtcGlja2VyLWhvc3QtLWVycm9yXSc6ICdlcnJvcicsXG4gICAgJ1tjbGFzcy5nZW8tZmlsZS1waWNrZXItaG9zdC0tZGlzYWJsZWRdJzogJ2Rpc2FibGVkJyxcbiAgICAnW3N0eWxlLndpZHRoXSc6ICdob3N0V2lkdGgnLFxuICB9LFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEdlb0ZpbGVQaWNrZXJDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgR2VvRmlsZVBpY2tlckNvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgQFZpZXdDaGlsZCgnZmlsZUlucHV0JykgZmlsZUlucHV0PzogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50PjtcblxuICBASW5wdXQoKSBsYWJlbCA9ICdU4bqjaSBmaWxlJztcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnQ2jhu41uIGdpw6EgdHLhu4snO1xuICBASW5wdXQoKSBidXR0b25UZXh0ID0gJ0No4buNbiBmaWxlJztcbiAgQElucHV0KCkgcmVxdWlyZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgYWNjZXB0ID0gJyc7XG4gIEBJbnB1dCgpIG11bHRpcGxlID0gZmFsc2U7XG4gIEBJbnB1dCgpIGVycm9yID0gZmFsc2U7XG4gIEBJbnB1dCgpIGVycm9yTWVzc2FnZSA9ICcnO1xuICBASW5wdXQoKSBibG9jayA9IGZhbHNlO1xuICBASW5wdXQoKSB3aWR0aD86IG51bWJlciB8IHN0cmluZztcbiAgLyoqXG4gICAqIFTDqm4gZmlsZSDEkcOjIHVwbG9hZCAoc2VydmVyKSDigJQgaGnhu4duIGtoaSBjaMawYSBjw7MgRmlsZSBsb2NhbCB0cm9uZyBDVkEuXG4gICAqIETDuW5nIGNobyBmbG93OiBjaOG7jW4gZmlsZSDihpIgdXBsb2FkIOKGkiBnaeG7ryB0w6puIHThu6sgQVBJLlxuICAgKi9cbiAgQElucHV0KCkgc2VsZWN0ZWROYW1lID0gJyc7XG5cbiAgQE91dHB1dCgpIGZpbGVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPEZpbGUgfCBGaWxlW10gfCBudWxsPigpO1xuXG4gIHJlYWRvbmx5IGVycm9yTWVzc2FnZUlkID0gYGdlby1maWxlLXBpY2tlci1lcnJvci0keysrdWlGaWxlUGlja2VyRXJyb3JJZH1gO1xuXG4gIHZhbHVlOiBGaWxlIHwgRmlsZVtdIHwgbnVsbCA9IG51bGw7XG5cbiAgcHJpdmF0ZSBvbkNoYW5nZTogKHZhbHVlOiBGaWxlIHwgRmlsZVtdIHwgbnVsbCkgPT4gdm9pZCA9ICgpID0+IHVuZGVmaW5lZDtcbiAgcHJpdmF0ZSBvblRvdWNoZWQ6ICgpID0+IHZvaWQgPSAoKSA9PiB1bmRlZmluZWQ7XG5cbiAgZ2V0IGhvc3RXaWR0aCgpOiBzdHJpbmcgfCBudWxsIHtcbiAgICBpZiAodGhpcy5ibG9jayB8fCB0aGlzLndpZHRoID09IG51bGwpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIHJldHVybiB0eXBlb2YgdGhpcy53aWR0aCA9PT0gJ251bWJlcicgPyBgJHt0aGlzLndpZHRofXB4YCA6IHRoaXMud2lkdGg7XG4gIH1cblxuICBnZXQgZGlzcGxheVZhbHVlKCk6IHN0cmluZyB7XG4gICAgaWYgKEFycmF5LmlzQXJyYXkodGhpcy52YWx1ZSkgJiYgdGhpcy52YWx1ZS5sZW5ndGggPiAwKSB7XG4gICAgICByZXR1cm4gdGhpcy52YWx1ZS5tYXAoKGZpbGUpID0+IGZpbGUubmFtZSkuam9pbignLCAnKTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy52YWx1ZSAmJiAhQXJyYXkuaXNBcnJheSh0aGlzLnZhbHVlKSkge1xuICAgICAgcmV0dXJuIHRoaXMudmFsdWUubmFtZTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5zZWxlY3RlZE5hbWUpIHtcbiAgICAgIHJldHVybiB0aGlzLnNlbGVjdGVkTmFtZTtcbiAgICB9XG5cbiAgICByZXR1cm4gdGhpcy5wbGFjZWhvbGRlcjtcbiAgfVxuXG4gIGdldCBoYXNWYWx1ZSgpOiBib29sZWFuIHtcbiAgICBpZiAoQXJyYXkuaXNBcnJheSh0aGlzLnZhbHVlKSkge1xuICAgICAgcmV0dXJuIHRoaXMudmFsdWUubGVuZ3RoID4gMDtcbiAgICB9XG5cbiAgICBpZiAodGhpcy52YWx1ZSAhPSBudWxsKSB7XG4gICAgICByZXR1cm4gdHJ1ZTtcbiAgICB9XG5cbiAgICByZXR1cm4gISF0aGlzLnNlbGVjdGVkTmFtZTtcbiAgfVxuXG4gIG9wZW5GaWxlUGlja2VyKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmRpc2FibGVkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5maWxlSW5wdXQ/Lm5hdGl2ZUVsZW1lbnQuY2xpY2soKTtcbiAgfVxuXG4gIG9uRmlsZVNlbGVjdGVkKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgY29uc3QgZmlsZXMgPSBpbnB1dC5maWxlcztcblxuICAgIGlmICghZmlsZXMgfHwgZmlsZXMubGVuZ3RoID09PSAwKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgbmV4dFZhbHVlID0gdGhpcy5tdWx0aXBsZSA/IEFycmF5LmZyb20oZmlsZXMpIDogZmlsZXNbMF07XG4gICAgdGhpcy5zZXRWYWx1ZShuZXh0VmFsdWUpO1xuICAgIGlucHV0LnZhbHVlID0gJyc7XG4gIH1cblxuICBwcml2YXRlIHNldFZhbHVlKHZhbHVlOiBGaWxlIHwgRmlsZVtdIHwgbnVsbCk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlKTtcbiAgICB0aGlzLm9uVG91Y2hlZCgpO1xuICAgIHRoaXMuZmlsZUNoYW5nZS5lbWl0KHZhbHVlKTtcbiAgfVxuXG4gIHdyaXRlVmFsdWUodmFsdWU6IEZpbGUgfCBGaWxlW10gfCBudWxsKTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKHZhbHVlOiBGaWxlIHwgRmlsZVtdIHwgbnVsbCkgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG59XG4iLCJAaWYgKGxhYmVsKSB7XG4gIDxkaXYgY2xhc3M9XCJnZW8tZmlsZS1waWNrZXJfX2xhYmVsXCI+XG4gICAgPHNwYW4+e3sgbGFiZWwgfX08L3NwYW4+XG4gICAgQGlmIChyZXF1aXJlZCkge1xuICAgICAgPHNwYW4gY2xhc3M9XCJnZW8tZmlsZS1waWNrZXJfX3JlcXVpcmVkXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+Kjwvc3Bhbj5cbiAgICB9XG4gIDwvZGl2PlxufVxuXG48ZGl2XG4gIGNsYXNzPVwiZ2VvLWZpbGUtcGlja2VyX19jb250cm9sXCJcbiAgW2F0dHIuYXJpYS1pbnZhbGlkXT1cImVycm9yID8gJ3RydWUnIDogbnVsbFwiXG4gIFthdHRyLmFyaWEtZGVzY3JpYmVkYnldPVwiZXJyb3IgJiYgZXJyb3JNZXNzYWdlID8gZXJyb3JNZXNzYWdlSWQgOiBudWxsXCJcbj5cbiAgPHNwYW5cbiAgICBjbGFzcz1cImdlby1maWxlLXBpY2tlcl9fdmFsdWVcIlxuICAgIFtjbGFzcy5nZW8tZmlsZS1waWNrZXJfX3ZhbHVlLS1wbGFjZWhvbGRlcl09XCIhaGFzVmFsdWVcIlxuICA+XG4gICAge3sgZGlzcGxheVZhbHVlIH19XG4gIDwvc3Bhbj5cblxuICA8aW5wdXRcbiAgICAjZmlsZUlucHV0XG4gICAgY2xhc3M9XCJnZW8tZmlsZS1waWNrZXJfX2lucHV0XCJcbiAgICB0eXBlPVwiZmlsZVwiXG4gICAgdGFiaW5kZXg9XCItMVwiXG4gICAgW2FjY2VwdF09XCJhY2NlcHRcIlxuICAgIFttdWx0aXBsZV09XCJtdWx0aXBsZVwiXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAoY2hhbmdlKT1cIm9uRmlsZVNlbGVjdGVkKCRldmVudClcIlxuICAvPlxuXG4gIDxnZW8tYnV0dG9uXG4gICAgY2xhc3M9XCJnZW8tZmlsZS1waWNrZXJfX2J1dHRvblwiXG4gICAgYXBwZWFyYW5jZT1cInByaW1hcnlcIlxuICAgIGNvbG9yPVwiYnJhbmRcIlxuICAgIGljb249XCJwbHVzXCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgIChjbGlja2VkKT1cIm9wZW5GaWxlUGlja2VyKClcIlxuICA+XG4gICAge3sgYnV0dG9uVGV4dCB9fVxuICA8L2dlby1idXR0b24+XG48L2Rpdj5cblxuQGlmIChlcnJvciAmJiBlcnJvck1lc3NhZ2UpIHtcbiAgPHAgY2xhc3M9XCJnZW8tZmlsZS1waWNrZXJfX2Vycm9yXCIgW2lkXT1cImVycm9yTWVzc2FnZUlkXCIgcm9sZT1cImFsZXJ0XCI+e3sgZXJyb3JNZXNzYWdlIH19PC9wPlxufVxuIl19
+                    ], template: "@if (label()) {\n  <div class=\"geo-file-picker__label\">\n    <span>{{ label() }}</span>\n    @if (required()) {\n      <span class=\"geo-file-picker__required\" aria-hidden=\"true\">*</span>\n    }\n  </div>\n}\n\n<div\n  class=\"geo-file-picker__control\"\n  [attr.aria-invalid]=\"error() ? 'true' : null\"\n  [attr.aria-describedby]=\"error() && errorMessage() ? errorMessageId : null\"\n>\n  <span\n    class=\"geo-file-picker__value\"\n    [class.geo-file-picker__value--placeholder]=\"!hasValue()\"\n  >\n    {{ displayValue() }}\n  </span>\n\n  <input\n    #fileInput\n    class=\"geo-file-picker__input\"\n    type=\"file\"\n    tabindex=\"-1\"\n    [accept]=\"accept()\"\n    [multiple]=\"multiple()\"\n    [disabled]=\"isDisabled()\"\n    (change)=\"onFileSelected($event)\"\n  />\n\n  <geo-button\n    class=\"geo-file-picker__button\"\n    appearance=\"primary\"\n    color=\"brand\"\n    icon=\"plus\"\n    [disabled]=\"isDisabled()\"\n    (clicked)=\"openFilePicker()\"\n  >\n    {{ buttonText() }}\n  </geo-button>\n</div>\n\n@if (error() && errorMessage()) {\n  <p class=\"geo-file-picker__error\" [id]=\"errorMessageId\" role=\"alert\">{{ errorMessage() }}</p>\n}\n", styles: ["geo-file-picker.geo-file-picker-host,.geo-file-picker-host{display:inline-flex;flex-direction:column;gap:8px;width:413px;max-width:100%;vertical-align:top}geo-file-picker.geo-file-picker-host.geo-file-picker-host--block,.geo-file-picker-host.geo-file-picker-host--block{display:flex;width:100%;max-width:none}.geo-file-picker__label{display:inline-flex;align-items:flex-start;gap:4px;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-file-picker__required{color:var(--geo-color-error-default)}.geo-file-picker__control{display:flex;align-items:center;gap:10px;min-height:40px;height:40px;padding:8px;border:1px solid var(--geo-color-neutral-300);border-radius:var(--geo-radius);background:var(--geo-color-neutral-white);transition:border-color .15s ease,box-shadow .15s ease}.geo-file-picker-host:not(.geo-file-picker-host--disabled) .geo-file-picker__control:hover{border-color:var(--geo-color-primary-default)}.geo-file-picker__value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-file-picker__value--placeholder{color:var(--geo-color-neutral-500)}.geo-file-picker__input{display:none}.geo-file-picker__button .geo-button{height:32px;min-height:32px;padding:8px;flex-shrink:0}.geo-file-picker-host--disabled .geo-file-picker__control{background:var(--geo-color-neutral-100);border-color:var(--geo-color-neutral-300)}.geo-file-picker-host--disabled .geo-file-picker__value,.geo-file-picker-host--disabled .geo-file-picker__value--placeholder{color:var(--geo-color-neutral-disabled-text)}.geo-file-picker__error{margin:0;font-size:14px;line-height:normal;color:var(--geo-color-error-default)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvLWZpbGUtcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dlby11aS9zcmMvbGliL2ZpZ21hL2dlby1maWxlLXBpY2tlci9nZW8tZmlsZS1waWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VvLXVpL3NyYy9saWIvZmlnbWEvZ2VvLWZpbGUtcGlja2VyL2dlby1maWxlLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsUUFBUSxFQUVSLFVBQVUsRUFDVixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFDTixNQUFNLEVBQ04sU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7O0FBRXhFLElBQUksbUJBQW1CLEdBQUcsQ0FBQyxDQUFDO0FBeUI1QixNQUFNLE9BQU8sc0JBQXNCO0lBQ2hCLEdBQUcsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUV4QyxTQUFTLEdBQUcsU0FBUyxDQUErQixXQUFXLENBQUMsQ0FBQztJQUVqRSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQzFCLFdBQVcsR0FBRyxLQUFLLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDcEMsVUFBVSxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNoQyxRQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hCLFFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEIsTUFBTSxHQUFHLEtB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QWM7UUFDOUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFVBQW1CO1FBQ2xDLElBQUksQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3JDLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQzt3R0F2SFUsc0JBQXNCOzRGQUF0QixzQkFBc0IsazNEQVJ0QjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsc0JBQXNCLENBQUM7Z0JBQ3JELEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRixrSkN4Q0gsaXFDQStDQSwydkREekJZLGtCQUFrQjs7NEZBb0JqQixzQkFBc0I7a0JBdkJsQyxTQUFTOytCQUNFLGlCQUFpQixjQUNmLElBQUksV0FDUCxDQUFDLGtCQUFrQixDQUFDLGlCQUdkLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0osS0FBSyxFQUFFLHNCQUFzQjt3QkFDN0IscUNBQXFDLEVBQUUsU0FBUzt3QkFDaEQscUNBQXFDLEVBQUUsU0FBUzt3QkFDaEQsd0NBQXdDLEVBQUUsY0FBYzt3QkFDeEQsZUFBZSxFQUFFLGFBQWE7cUJBQy9CLGFBQ1U7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsdUJBQXVCLENBQUM7NEJBQ3JELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIGNvbXB1dGVkLFxuICBFbGVtZW50UmVmLFxuICBmb3J3YXJkUmVmLFxuICBpbmplY3QsXG4gIGlucHV0LFxuICBvdXRwdXQsXG4gIHNpZ25hbCxcbiAgdmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBHZW9CdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9nZW8tYnV0dG9uL2dlby1idXR0b24uY29tcG9uZW50JztcblxubGV0IHVpRmlsZVBpY2tlckVycm9ySWQgPSAwO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnZW8tZmlsZS1waWNrZXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbR2VvQnV0dG9uQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL2dlby1maWxlLXBpY2tlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9nZW8tZmlsZS1waWNrZXIuY29tcG9uZW50LnNjc3MnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnZ2VvLWZpbGUtcGlja2VyLWhvc3QnLFxuICAgICdbY2xhc3MuZ2VvLWZpbGUtcGlja2VyLWhvc3QtLWJsb2NrXSc6ICdibG9jaygpJyxcbiAgICAnW2NsYXNzLmdlby1maWxlLXBpY2tlci1ob3N0LS1lcnJvcl0nOiAnZXJyb3IoKScsXG4gICAgJ1tjbGFzcy5nZW8tZmlsZS1waWNrZXItaG9zdC0tZGlzYWJsZWRdJzogJ2lzRGlzYWJsZWQoKScsXG4gICAgJ1tzdHlsZS53aWR0aF0nOiAnaG9zdFdpZHRoKCknLFxuICB9LFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEdlb0ZpbGVQaWNrZXJDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgR2VvRmlsZVBpY2tlckNvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgcHJpdmF0ZSByZWFkb25seSBjZHIgPSBpbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuXG4gIHJlYWRvbmx5IGZpbGVJbnB1dCA9IHZpZXdDaGlsZDxFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+PignZmlsZUlucHV0Jyk7XG5cbiAgcmVhZG9ubHkgbGFiZWwgPSBpbnB1dCgnVOG6o2kgZmlsZScpO1xuICByZWFkb25seSBwbGFjZWhvbGRlciA9IGlucHV0KCdDaOG7jW4gZ2nDoSB0cuG7iycpO1xuICByZWFkb25seSBidXR0b25UZXh0ID0gaW5wdXQoJ0No4buNbiBmaWxlJyk7XG4gIHJlYWRvbmx5IHJlcXVpcmVkID0gaW5wdXQoZmFsc2UpO1xuICByZWFkb25seSBkaXNhYmxlZCA9IGlucHV0KGZhbHNlKTtcbiAgcmVhZG9ubHkgYWNjZXB0ID0gaW5wdXQoJycpO1xuICByZWFkb25seSBtdWx0aXBsZSA9IGlucHV0KGZhbHNlKTtcbiAgcmVhZG9ubHkgZXJyb3IgPSBpbnB1dChmYWxzZSk7XG4gIHJlYWRvbmx5IGVycm9yTWVzc2FnZSA9IGlucHV0KCcnKTtcbiAgcmVhZG9ubHkgYmxvY2sgPSBpbnB1dChmYWxzZSk7XG4gIHJlYWRvbmx5IHdpZHRoID0gaW5wdXQ8bnVtYmVyIHwgc3RyaW5nIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuICAvKipcbiAgICogVMOqbiBmaWxlIMSRw6MgdXBsb2FkIChzZXJ2ZXIpIOKAlCBoaeG7h24ga2hpIGNoxrBhIGPDsyBGaWxlIGxvY2FsIHRyb25nIENWQS5cbiAgICogRMO5bmcgY2hvIGZsb3c6IGNo4buNbiBmaWxlIOKGkiB1cGxvYWQg4oaSIGdp4buvIHTDqm4gdOG7qyBBUEkuXG4gICAqL1xuICByZWFkb25seSBzZWxlY3RlZE5hbWUgPSBpbnB1dCgnJyk7XG5cbiAgcmVhZG9ubHkgZmlsZUNoYW5nZSA9IG91dHB1dDxGaWxlIHwgRmlsZVtdIHwgbnVsbD4oKTtcblxuICByZWFkb25seSBlcnJvck1lc3NhZ2VJZCA9IGBnZW8tZmlsZS1waWNrZXItZXJyb3ItJHsrK3VpRmlsZVBpY2tlckVycm9ySWR9YDtcblxuICBwcml2YXRlIHJlYWRvbmx5IGRpc2FibGVkRnJvbUN2YSA9IHNpZ25hbChmYWxzZSk7XG4gIHJlYWRvbmx5IGlzRGlzYWJsZWQgPSBjb21wdXRlZCgoKSA9PiB0aGlzLmRpc2FibGVkKCkgfHwgdGhpcy5kaXNhYmxlZEZyb21DdmEoKSk7XG5cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHZhbHVlID0gc2lnbmFsPEZpbGUgfCBGaWxlW10gfCBudWxsPihudWxsKTtcblxuICBwcml2YXRlIG9uQ2hhbmdlOiAodmFsdWU6IEZpbGUgfCBGaWxlW10gfCBudWxsKSA9PiB2b2lkID0gKCkgPT4gdW5kZWZpbmVkO1xuICBwcml2YXRlIG9uVG91Y2hlZDogKCkgPT4gdm9pZCA9ICgpID0+IHVuZGVmaW5lZDtcblxuICByZWFkb25seSBob3N0V2lkdGggPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3Qgd2lkdGggPSB0aGlzLndpZHRoKCk7XG4gICAgaWYgKHRoaXMuYmxvY2soKSB8fCB3aWR0aCA9PSBudWxsKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICByZXR1cm4gdHlwZW9mIHdpZHRoID09PSAnbnVtYmVyJyA/IGAke3dpZHRofXB4YCA6IHdpZHRoO1xuICB9KTtcblxuICByZWFkb25seSBkaXNwbGF5VmFsdWUgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3QgdmFsdWUgPSB0aGlzLnZhbHVlKCk7XG5cbiAgICBpZiAoQXJyYXkuaXNBcnJheSh2YWx1ZSkgJiYgdmFsdWUubGVuZ3RoID4gMCkge1xuICAgICAgcmV0dXJuIHZhbHVlLm1hcCgoZmlsZSkgPT4gZmlsZS5uYW1lKS5qb2luKCcsICcpO1xuICAgIH1cblxuICAgIGlmICh2YWx1ZSAmJiAhQXJyYXkuaXNBcnJheSh2YWx1ZSkpIHtcbiAgICAgIHJldHVybiB2YWx1ZS5uYW1lO1xuICAgIH1cblxuICAgIGlmICh0aGlzLnNlbGVjdGVkTmFtZSgpKSB7XG4gICAgICByZXR1cm4gdGhpcy5zZWxlY3RlZE5hbWUoKTtcbiAgICB9XG5cbiAgICByZXR1cm4gdGhpcy5wbGFjZWhvbGRlcigpO1xuICB9KTtcblxuICByZWFkb25seSBoYXNWYWx1ZSA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCB2YWx1ZSA9IHRoaXMudmFsdWUoKTtcblxuICAgIGlmIChBcnJheS5pc0FycmF5KHZhbHVlKSkge1xuICAgICAgcmV0dXJuIHZhbHVlLmxlbmd0aCA+IDA7XG4gICAgfVxuXG4gICAgaWYgKHZhbHVlICE9IG51bGwpIHtcbiAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cblxuICAgIHJldHVybiAhIXRoaXMuc2VsZWN0ZWROYW1lKCk7XG4gIH0pO1xuXG4gIG9wZW5GaWxlUGlja2VyKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmlzRGlzYWJsZWQoKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuZmlsZUlucHV0KCk/Lm5hdGl2ZUVsZW1lbnQuY2xpY2soKTtcbiAgfVxuXG4gIG9uRmlsZVNlbGVjdGVkKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgY29uc3QgZmlsZXMgPSBpbnB1dC5maWxlcztcblxuICAgIGlmICghZmlsZXMgfHwgZmlsZXMubGVuZ3RoID09PSAwKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgbmV4dFZhbHVlID0gdGhpcy5tdWx0aXBsZSgpID8gQXJyYXkuZnJvbShmaWxlcykgOiBmaWxlc1swXTtcbiAgICB0aGlzLnNldFZhbHVlKG5leHRWYWx1ZSk7XG4gICAgaW5wdXQudmFsdWUgPSAnJztcbiAgfVxuXG4gIHByaXZhdGUgc2V0VmFsdWUodmFsdWU6IEZpbGUgfCBGaWxlW10gfCBudWxsKTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZS5zZXQodmFsdWUpO1xuICAgIHRoaXMub25DaGFuZ2UodmFsdWUpO1xuICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gICAgdGhpcy5maWxlQ2hhbmdlLmVtaXQodmFsdWUpO1xuICB9XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogRmlsZSB8IEZpbGVbXSB8IG51bGwpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlLnNldCh2YWx1ZSk7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAodmFsdWU6IEZpbGUgfCBGaWxlW10gfCBudWxsKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46ICgpID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZEZyb21DdmEuc2V0KGlzRGlzYWJsZWQpO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG59XG4iLCJAaWYgKGxhYmVsKCkpIHtcbiAgPGRpdiBjbGFzcz1cImdlby1maWxlLXBpY2tlcl9fbGFiZWxcIj5cbiAgICA8c3Bhbj57eyBsYWJlbCgpIH19PC9zcGFuPlxuICAgIEBpZiAocmVxdWlyZWQoKSkge1xuICAgICAgPHNwYW4gY2xhc3M9XCJnZW8tZmlsZS1waWNrZXJfX3JlcXVpcmVkXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+Kjwvc3Bhbj5cbiAgICB9XG4gIDwvZGl2PlxufVxuXG48ZGl2XG4gIGNsYXNzPVwiZ2VvLWZpbGUtcGlja2VyX19jb250cm9sXCJcbiAgW2F0dHIuYXJpYS1pbnZhbGlkXT1cImVycm9yKCkgPyAndHJ1ZScgOiBudWxsXCJcbiAgW2F0dHIuYXJpYS1kZXNjcmliZWRieV09XCJlcnJvcigpICYmIGVycm9yTWVzc2FnZSgpID8gZXJyb3JNZXNzYWdlSWQgOiBudWxsXCJcbj5cbiAgPHNwYW5cbiAgICBjbGFzcz1cImdlby1maWxlLXBpY2tlcl9fdmFsdWVcIlxuICAgIFtjbGFzcy5nZW8tZmlsZS1waWNrZXJfX3ZhbHVlLS1wbGFjZWhvbGRlcl09XCIhaGFzVmFsdWUoKVwiXG4gID5cbiAgICB7eyBkaXNwbGF5VmFsdWUoKSB9fVxuICA8L3NwYW4+XG5cbiAgPGlucHV0XG4gICAgI2ZpbGVJbnB1dFxuICAgIGNsYXNzPVwiZ2VvLWZpbGUtcGlja2VyX19pbnB1dFwiXG4gICAgdHlwZT1cImZpbGVcIlxuICAgIHRhYmluZGV4PVwiLTFcIlxuICAgIFthY2NlcHRdPVwiYWNjZXB0KClcIlxuICAgIFttdWx0aXBsZV09XCJtdWx0aXBsZSgpXCJcbiAgICBbZGlzYWJsZWRdPVwiaXNEaXNhYmxlZCgpXCJcbiAgICAoY2hhbmdlKT1cIm9uRmlsZVNlbGVjdGVkKCRldmVudClcIlxuICAvPlxuXG4gIDxnZW8tYnV0dG9uXG4gICAgY2xhc3M9XCJnZW8tZmlsZS1waWNrZXJfX2J1dHRvblwiXG4gICAgYXBwZWFyYW5jZT1cInByaW1hcnlcIlxuICAgIGNvbG9yPVwiYnJhbmRcIlxuICAgIGljb249XCJwbHVzXCJcbiAgICBbZGlzYWJsZWRdPVwiaXNEaXNhYmxlZCgpXCJcbiAgICAoY2xpY2tlZCk9XCJvcGVuRmlsZVBpY2tlcigpXCJcbiAgPlxuICAgIHt7IGJ1dHRvblRleHQoKSB9fVxuICA8L2dlby1idXR0b24+XG48L2Rpdj5cblxuQGlmIChlcnJvcigpICYmIGVycm9yTWVzc2FnZSgpKSB7XG4gIDxwIGNsYXNzPVwiZ2VvLWZpbGUtcGlja2VyX19lcnJvclwiIFtpZF09XCJlcnJvck1lc3NhZ2VJZFwiIHJvbGU9XCJhbGVydFwiPnt7IGVycm9yTWVzc2FnZSgpIH19PC9wPlxufVxuIl19

package/esm2022/lib/figma/geo-forgot-password/geo-forgot-password.component.mjs

@@ -0,0 +1,51 @@
+import { ChangeDetectionStrategy, Component, input, model, output, signal, ViewEncapsulation, } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { GeoAlertComponent } from '../geo-alert/geo-alert.component';
+import { GeoButtonComponent } from '../geo-button/geo-button.component';
+import { GeoInputComponent } from '../geo-input/geo-input.component';
+import { GeoTypographyComponent } from '../geo-typography/geo-typography.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+/**
+ * Forgot password form (STT 36).
+ *
+ * @summary Form quên mật khẩu — nhập email để lấy lại mật khẩu.
+ * @whenToUse Màn Quên mật khẩu từ đăng nhập.
+ * @doNotUseWhen Inline password reset inside profile settings.
+ */
+export class GeoForgotPasswordComponent {
+    title = input('Quên mật khẩu');
+    subtitle = input('Nhập email đã đăng ký để nhận mật khẩu mới.');
+    loading = input(false);
+    errorMessage = input('');
+    successMessage = input('');
+    email = model('');
+    submitEmail = output();
+    backToLogin = output();
+    submitted = signal(false);
+    emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    emailInvalid() {
+        const value = this.email().trim();
+        return !value || !this.emailPattern.test(value);
+    }
+    submit() {
+        this.submitted.set(true);
+        if (this.emailInvalid()) {
+            return;
+        }
+        this.submitEmail.emit(this.email().trim());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoForgotPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoForgotPasswordComponent, isStandalone: true, selector: "geo-forgot-password", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, successMessage: { classPropertyName: "successMessage", publicName: "successMessage", isSignal: true, isRequired: false, transformFunction: null }, email: { classPropertyName: "email", publicName: "email", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { email: "emailChange", submitEmail: "submitEmail", backToLogin: "backToLogin" }, host: { classAttribute: "geo-forgot-password-host" }, ngImport: i0, template: "<section class=\"geo-forgot-password\" aria-label=\"Qu\u00EAn m\u1EADt kh\u1EA9u\">\n  <header class=\"geo-forgot-password__header\">\n    <geo-typography variant=\"h3\">{{ title() }}</geo-typography>\n    @if (subtitle()) {\n      <geo-typography variant=\"body\" color=\"secondary\">{{ subtitle() }}</geo-typography>\n    }\n  </header>\n\n  @if (errorMessage()) {\n    <geo-alert\n      type=\"error\"\n      title=\"Kh\u00F4ng th\u1EC3 l\u1EA5y l\u1EA1i m\u1EADt kh\u1EA9u\"\n      [message]=\"errorMessage()\"\n      [closable]=\"false\"\n    />\n  }\n  @if (successMessage()) {\n    <geo-alert\n      type=\"success\"\n      title=\"\u0110\u00E3 g\u1EEDi y\u00EAu c\u1EA7u\"\n      [message]=\"successMessage()\"\n      [closable]=\"false\"\n    />\n  }\n\n  <form class=\"geo-forgot-password__form\" (ngSubmit)=\"submit()\">\n    <geo-input\n      label=\"Email\"\n      type=\"email\"\n      placeholder=\"Nh\u1EADp email \u0111\u0103ng k\u00FD\"\n      [required]=\"true\"\n      [block]=\"true\"\n      [error]=\"submitted() && emailInvalid()\"\n      [errorMessage]=\"\n        !email().trim()\n          ? 'Vui l\u00F2ng nh\u1EADp email'\n          : 'Email ch\u01B0a \u0111\u00FAng \u0111\u1ECBnh d\u1EA1ng'\n      \"\n      [ngModel]=\"email()\"\n      (ngModelChange)=\"email.set($event)\"\n      name=\"email\"\n    />\n\n    <div class=\"geo-forgot-password__actions\">\n      <geo-button appearance=\"secondary\" type=\"button\" (clicked)=\"backToLogin.emit()\">\n        Quay l\u1EA1i \u0111\u0103ng nh\u1EADp\n      </geo-button>\n      <geo-button appearance=\"primary\" type=\"submit\" [disabled]=\"loading()\">\n        {{ loading() ? '\u0110ang g\u1EEDi\u2026' : 'L\u1EA5y l\u1EA1i m\u1EADt kh\u1EA9u' }}\n      </geo-button>\n    </div>\n  </form>\n</section>\n", styles: [".geo-forgot-password-host{display:block;max-width:420px}.geo-forgot-password{display:flex;flex-direction:column;gap:16px;padding:28px 24px;border:1px solid var(--geo-color-border-default);border-radius:var(--geo-radius-lg);background:var(--geo-color-surface-elevated)}.geo-forgot-password__header{display:flex;flex-direction:column;gap:4px}.geo-forgot-password__form{display:flex;flex-direction:column;gap:14px}.geo-forgot-password__actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: GeoAlertComponent, selector: "geo-alert", inputs: ["type", "title", "message", "closable", "visible", "showIcon"], outputs: ["visibleChange", "closed"] }, { kind: "component", type: GeoButtonComponent, selector: "geo-button", inputs: ["appearance", "color", "icon", "iconTheme", "iconPlacement", "iconOnly", "type", "disabled", "tooltip", "tooltipPlacement", "active", "title"], outputs: ["clicked"] }, { kind: "component", type: GeoInputComponent, selector: "geo-input", inputs: ["label", "placeholder", "type", "disabled", "readonly", "required", "error", "errorMessage", "maxlength", "prefixIcon", "suffixIcon", "allowClear", "block", "width"], outputs: ["valueChange", "enterPressed"] }, { kind: "component", type: GeoTypographyComponent, selector: "geo-typography", inputs: ["variant", "color", "strong", "underline", "delete", "mark", "code", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoForgotPasswordComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-forgot-password', standalone: true, imports: [
+                        FormsModule,
+                        GeoAlertComponent,
+                        GeoButtonComponent,
+                        GeoInputComponent,
+                        GeoTypographyComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'geo-forgot-password-host' }, template: "<section class=\"geo-forgot-password\" aria-label=\"Qu\u00EAn m\u1EADt kh\u1EA9u\">\n  <header class=\"geo-forgot-password__header\">\n    <geo-typography variant=\"h3\">{{ title() }}</geo-typography>\n    @if (subtitle()) {\n      <geo-typography variant=\"body\" color=\"secondary\">{{ subtitle() }}</geo-typography>\n    }\n  </header>\n\n  @if (errorMessage()) {\n    <geo-alert\n      type=\"error\"\n      title=\"Kh\u00F4ng th\u1EC3 l\u1EA5y l\u1EA1i m\u1EADt kh\u1EA9u\"\n      [message]=\"errorMessage()\"\n      [closable]=\"false\"\n    />\n  }\n  @if (successMessage()) {\n    <geo-alert\n      type=\"success\"\n      title=\"\u0110\u00E3 g\u1EEDi y\u00EAu c\u1EA7u\"\n      [message]=\"successMessage()\"\n      [closable]=\"false\"\n    />\n  }\n\n  <form class=\"geo-forgot-password__form\" (ngSubmit)=\"submit()\">\n    <geo-input\n      label=\"Email\"\n      type=\"email\"\n      placeholder=\"Nh\u1EADp email \u0111\u0103ng k\u00FD\"\n      [required]=\"true\"\n      [block]=\"true\"\n      [error]=\"submitted() && emailInvalid()\"\n      [errorMessage]=\"\n        !email().trim()\n          ? 'Vui l\u00F2ng nh\u1EADp email'\n          : 'Email ch\u01B0a \u0111\u00FAng \u0111\u1ECBnh d\u1EA1ng'\n      \"\n      [ngModel]=\"email()\"\n      (ngModelChange)=\"email.set($event)\"\n      name=\"email\"\n    />\n\n    <div class=\"geo-forgot-password__actions\">\n      <geo-button appearance=\"secondary\" type=\"button\" (clicked)=\"backToLogin.emit()\">\n        Quay l\u1EA1i \u0111\u0103ng nh\u1EADp\n      </geo-button>\n      <geo-button appearance=\"primary\" type=\"submit\" [disabled]=\"loading()\">\n        {{ loading() ? '\u0110ang g\u1EEDi\u2026' : 'L\u1EA5y l\u1EA1i m\u1EADt kh\u1EA9u' }}\n      </geo-button>\n    </div>\n  </form>\n</section>\n", styles: [".geo-forgot-password-host{display:block;max-width:420px}.geo-forgot-password{display:flex;flex-direction:column;gap:16px;padding:28px 24px;border:1px solid var(--geo-color-border-default);border-radius:var(--geo-radius-lg);background:var(--geo-color-surface-elevated)}.geo-forgot-password__header{display:flex;flex-direction:column;gap:4px}.geo-forgot-password__form{display:flex;flex-direction:column;gap:14px}.geo-forgot-password__actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvLWZvcmdvdC1wYXNzd29yZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9nZW8tdWkvc3JjL2xpYi9maWdtYS9nZW8tZm9yZ290LXBhc3N3b3JkL2dlby1mb3Jnb3QtcGFzc3dvcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VvLXVpL3NyYy9saWIvZmlnbWEvZ2VvLWZvcmdvdC1wYXNzd29yZC9nZW8tZm9yZ290LXBhc3N3b3JkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTCxLQUFLLEVBQ0wsTUFBTSxFQUNOLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRDQUE0QyxDQUFDOzs7QUFFcEY7Ozs7OztHQU1HO0FBaUJILE1BQU0sT0FBTywwQkFBMEI7SUFDNUIsS0FBSyxHQUFHLEtBQUssQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUMvQixRQUFRLEdBQUcsS0FBSyxDQUN2Qiw2Q0FBNkMsQ0FDOUMsQ0FBQztJQUNPLE9BQU8sR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdkIsWUFBWSxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUN6QixjQUFjLEdBQUcsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBRTNCLEtBQUssR0FBRyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7SUFFbEIsV0FBVyxHQUFHLE1BQU0sRUFBVSxDQUFDO0lBQy9CLFdBQVcsR0FBRyxNQUFNLEVBQVEsQ0FBQztJQUU3QixTQUFTLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRWxCLFlBQVksR0FDM0IsNEJBQTRCLENBQUM7SUFFL0IsWUFBWTtRQUNWLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNsQyxPQUFPLENBQUMsS0FBSyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbEQsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN6QixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsRUFBRSxDQUFDO1lBQ3hCLE9BQU87UUFDVCxDQUFDO1FBQ0QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7SUFDN0MsQ0FBQzt3R0E5QlUsMEJBQTBCOzRGQUExQiwwQkFBMEIsMi9CQ3RDdkMsNHZEQXFEQSxpakJEM0JJLFdBQVcscS9CQUNYLGlCQUFpQixxS0FDakIsa0JBQWtCLHNPQUNsQixpQkFBaUIsZ1JBQ2pCLHNCQUFzQjs7NEZBUWIsMEJBQTBCO2tCQWhCdEMsU0FBUzsrQkFDRSxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQO3dCQUNQLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQixrQkFBa0I7d0JBQ2xCLGlCQUFpQjt3QkFDakIsc0JBQXNCO3FCQUN2QixtQkFHZ0IsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxRQUMvQixFQUFFLEtBQUssRUFBRSwwQkFBMEIsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIGlucHV0LFxuICBtb2RlbCxcbiAgb3V0cHV0LFxuICBzaWduYWwsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgR2VvQWxlcnRDb21wb25lbnQgfSBmcm9tICcuLi9nZW8tYWxlcnQvZ2VvLWFsZXJ0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBHZW9CdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9nZW8tYnV0dG9uL2dlby1idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IEdlb0lucHV0Q29tcG9uZW50IH0gZnJvbSAnLi4vZ2VvLWlucHV0L2dlby1pbnB1dC5jb21wb25lbnQnO1xuaW1wb3J0IHsgR2VvVHlwb2dyYXBoeUNvbXBvbmVudCB9IGZyb20gJy4uL2dlby10eXBvZ3JhcGh5L2dlby10eXBvZ3JhcGh5LmNvbXBvbmVudCc7XG5cbi8qKlxuICogRm9yZ290IHBhc3N3b3JkIGZvcm0gKFNUVCAzNikuXG4gKlxuICogQHN1bW1hcnkgRm9ybSBxdcOqbiBt4bqtdCBraOG6qXUg4oCUIG5o4bqtcCBlbWFpbCDEkeG7gyBs4bqleSBs4bqhaSBt4bqtdCBraOG6qXUuXG4gKiBAd2hlblRvVXNlIE3DoG4gUXXDqm4gbeG6rXQga2jhuql1IHThu6sgxJHEg25nIG5o4bqtcC5cbiAqIEBkb05vdFVzZVdoZW4gSW5saW5lIHBhc3N3b3JkIHJlc2V0IGluc2lkZSBwcm9maWxlIHNldHRpbmdzLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnZW8tZm9yZ290LXBhc3N3b3JkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIEZvcm1zTW9kdWxlLFxuICAgIEdlb0FsZXJ0Q29tcG9uZW50LFxuICAgIEdlb0J1dHRvbkNvbXBvbmVudCxcbiAgICBHZW9JbnB1dENvbXBvbmVudCxcbiAgICBHZW9UeXBvZ3JhcGh5Q29tcG9uZW50LFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vZ2VvLWZvcmdvdC1wYXNzd29yZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9nZW8tZm9yZ290LXBhc3N3b3JkLmNvbXBvbmVudC5zY3NzJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3Q6IHsgY2xhc3M6ICdnZW8tZm9yZ290LXBhc3N3b3JkLWhvc3QnIH0sXG59KVxuZXhwb3J0IGNsYXNzIEdlb0ZvcmdvdFBhc3N3b3JkQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgdGl0bGUgPSBpbnB1dCgnUXXDqm4gbeG6rXQga2jhuql1Jyk7XG4gIHJlYWRvbmx5IHN1YnRpdGxlID0gaW5wdXQoXG4gICAgJ05o4bqtcCBlbWFpbCDEkcOjIMSRxINuZyBrw70gxJHhu4Mgbmjhuq1uIG3huq10IGto4bqpdSBt4bubaS4nLFxuICApO1xuICByZWFkb25seSBsb2FkaW5nID0gaW5wdXQoZmFsc2UpO1xuICByZWFkb25seSBlcnJvck1lc3NhZ2UgPSBpbnB1dCgnJyk7XG4gIHJlYWRvbmx5IHN1Y2Nlc3NNZXNzYWdlID0gaW5wdXQoJycpO1xuXG4gIHJlYWRvbmx5IGVtYWlsID0gbW9kZWwoJycpO1xuXG4gIHJlYWRvbmx5IHN1Ym1pdEVtYWlsID0gb3V0cHV0PHN0cmluZz4oKTtcbiAgcmVhZG9ubHkgYmFja1RvTG9naW4gPSBvdXRwdXQ8dm9pZD4oKTtcblxuICByZWFkb25seSBzdWJtaXR0ZWQgPSBzaWduYWwoZmFsc2UpO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgZW1haWxQYXR0ZXJuID1cbiAgICAvXlteXFxzQF0rQFteXFxzQF0rXFwuW15cXHNAXSskLztcblxuICBlbWFpbEludmFsaWQoKTogYm9vbGVhbiB7XG4gICAgY29uc3QgdmFsdWUgPSB0aGlzLmVtYWlsKCkudHJpbSgpO1xuICAgIHJldHVybiAhdmFsdWUgfHwgIXRoaXMuZW1haWxQYXR0ZXJuLnRlc3QodmFsdWUpO1xuICB9XG5cbiAgc3VibWl0KCk6IHZvaWQge1xuICAgIHRoaXMuc3VibWl0dGVkLnNldCh0cnVlKTtcbiAgICBpZiAodGhpcy5lbWFpbEludmFsaWQoKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLnN1Ym1pdEVtYWlsLmVtaXQodGhpcy5lbWFpbCgpLnRyaW0oKSk7XG4gIH1cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwiZ2VvLWZvcmdvdC1wYXNzd29yZFwiIGFyaWEtbGFiZWw9XCJRdcOqbiBt4bqtdCBraOG6qXVcIj5cbiAgPGhlYWRlciBjbGFzcz1cImdlby1mb3Jnb3QtcGFzc3dvcmRfX2hlYWRlclwiPlxuICAgIDxnZW8tdHlwb2dyYXBoeSB2YXJpYW50PVwiaDNcIj57eyB0aXRsZSgpIH19PC9nZW8tdHlwb2dyYXBoeT5cbiAgICBAaWYgKHN1YnRpdGxlKCkpIHtcbiAgICAgIDxnZW8tdHlwb2dyYXBoeSB2YXJpYW50PVwiYm9keVwiIGNvbG9yPVwic2Vjb25kYXJ5XCI+e3sgc3VidGl0bGUoKSB9fTwvZ2VvLXR5cG9ncmFwaHk+XG4gICAgfVxuICA8L2hlYWRlcj5cblxuICBAaWYgKGVycm9yTWVzc2FnZSgpKSB7XG4gICAgPGdlby1hbGVydFxuICAgICAgdHlwZT1cImVycm9yXCJcbiAgICAgIHRpdGxlPVwiS2jDtG5nIHRo4buDIGzhuqV5IGzhuqFpIG3huq10IGto4bqpdVwiXG4gICAgICBbbWVzc2FnZV09XCJlcnJvck1lc3NhZ2UoKVwiXG4gICAgICBbY2xvc2FibGVdPVwiZmFsc2VcIlxuICAgIC8+XG4gIH1cbiAgQGlmIChzdWNjZXNzTWVzc2FnZSgpKSB7XG4gICAgPGdlby1hbGVydFxuICAgICAgdHlwZT1cInN1Y2Nlc3NcIlxuICAgICAgdGl0bGU9XCLEkMOjIGfhu61pIHnDqnUgY+G6p3VcIlxuICAgICAgW21lc3NhZ2VdPVwic3VjY2Vzc01lc3NhZ2UoKVwiXG4gICAgICBbY2xvc2FibGVdPVwiZmFsc2VcIlxuICAgIC8+XG4gIH1cblxuICA8Zm9ybSBjbGFzcz1cImdlby1mb3Jnb3QtcGFzc3dvcmRfX2Zvcm1cIiAobmdTdWJtaXQpPVwic3VibWl0KClcIj5cbiAgICA8Z2VvLWlucHV0XG4gICAgICBsYWJlbD1cIkVtYWlsXCJcbiAgICAgIHR5cGU9XCJlbWFpbFwiXG4gICAgICBwbGFjZWhvbGRlcj1cIk5o4bqtcCBlbWFpbCDEkcSDbmcga8O9XCJcbiAgICAgIFtyZXF1aXJlZF09XCJ0cnVlXCJcbiAgICAgIFtibG9ja109XCJ0cnVlXCJcbiAgICAgIFtlcnJvcl09XCJzdWJtaXR0ZWQoKSAmJiBlbWFpbEludmFsaWQoKVwiXG4gICAgICBbZXJyb3JNZXNzYWdlXT1cIlxuICAgICAgICAhZW1haWwoKS50cmltKClcbiAgICAgICAgICA/ICdWdWkgbMOybmcgbmjhuq1wIGVtYWlsJ1xuICAgICAgICAgIDogJ0VtYWlsIGNoxrBhIMSRw7puZyDEkeG7i25oIGThuqFuZydcbiAgICAgIFwiXG4gICAgICBbbmdNb2RlbF09XCJlbWFpbCgpXCJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cImVtYWlsLnNldCgkZXZlbnQpXCJcbiAgICAgIG5hbWU9XCJlbWFpbFwiXG4gICAgLz5cblxuICAgIDxkaXYgY2xhc3M9XCJnZW8tZm9yZ290LXBhc3N3b3JkX19hY3Rpb25zXCI+XG4gICAgICA8Z2VvLWJ1dHRvbiBhcHBlYXJhbmNlPVwic2Vjb25kYXJ5XCIgdHlwZT1cImJ1dHRvblwiIChjbGlja2VkKT1cImJhY2tUb0xvZ2luLmVtaXQoKVwiPlxuICAgICAgICBRdWF5IGzhuqFpIMSRxINuZyBuaOG6rXBcbiAgICAgIDwvZ2VvLWJ1dHRvbj5cbiAgICAgIDxnZW8tYnV0dG9uIGFwcGVhcmFuY2U9XCJwcmltYXJ5XCIgdHlwZT1cInN1Ym1pdFwiIFtkaXNhYmxlZF09XCJsb2FkaW5nKClcIj5cbiAgICAgICAge3sgbG9hZGluZygpID8gJ8SQYW5nIGfhu61p4oCmJyA6ICdM4bqleSBs4bqhaSBt4bqtdCBraOG6qXUnIH19XG4gICAgICA8L2dlby1idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvZm9ybT5cbjwvc2VjdGlvbj5cbiJdfQ==