oasys-lib 1.33.0 → 1.34.0

package/esm2020/lib/components/form/checkbox/checkbox.component.mjs

@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, Output, forwardRef } from '@angular/core';
+import { Component, EventEmitter, Input, Output, forwardRef, } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../services/token.service";
@@ -10,6 +10,8 @@ export class CheckboxComponent {
     constructor(tokenService) {
         this.tokenService = tokenService;
         this.checkbox_type = 'primary';
+        // Required for chip component
+        this.hide_checkbox = false;
         this.didChange = new EventEmitter();
         this.onChange = () => { };
         this.onTouched = () => { };
@@ -35,24 +37,28 @@ export class CheckboxComponent {
     }
 }
 CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CheckboxComponent, deps: [{ token: i1.TokenService }], target: i0.ɵɵFactoryTarget.Component });
-CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CheckboxComponent, selector: "ui-checkbox", inputs: { checkbox_type: "checkbox_type", label: "label", checked: "checked", required: "required" }, outputs: { didChange: "didChange" }, providers: [
+CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CheckboxComponent, selector: "ui-checkbox", inputs: { checkbox_type: "checkbox_type", hide_checkbox: "hide_checkbox", iconName: "iconName", label: "label", checked: "checked", required: "required" }, outputs: { didChange: "didChange" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => CheckboxComponent),
-            multi: true
-        }
-    ], ngImport: i0, template: "<ui-stack stack_direction=\"x\" stack_gap=\"near\" stack class=\"ui-checkbox\">\n    <input\n      type=\"checkbox\"\n      [required]=\"required\"\n      [id]=\"id\"\n      [ngModel]=\"checked\"\n      (ngModelChange)=\"onModelChange($event)\"\n      [attr.checked]=\"checked || null\"\n      [ngClass]=\"checkbox_type\"\n    />\n    <label [for]=\"id\" [ngClass]=\"checkbox_type\">\n    <ui-stack stack_gap=\"near\" stack_direction=\"x\" >\n      <div class=\"icon-container\" [ngClass]=\"{'focus-element': checkbox_type === 'secondary'}\">\n        <ui-icon icon_name=\"tick\" [icon_size_override]=\"iconSize\" icon_class=\"checkboxIcon\"></ui-icon>\n      </div>\n      <ui-stack stack_gap=\"tight\" >\n        <ui-stack stack_direction=\"x\" stack_distribute=\"space-between\" [ngClass]=\"checkbox_type === 'primary' ? 'text-label--primary' : 'text-label--secondary'\">\n          <span>{{ label }}</span>\n          <ng-content select=\"[tertiary-content]\"></ng-content>\n        </ui-stack>\n        <span class=\"input-hint text-body--regular  text-body--supporting text-color--supporting\"><ng-content></ng-content></span>\n      </ui-stack>\n    </ui-stack>\n    </label>\n</ui-stack>", styles: [":host{display:contents}.ui-checkbox input+label .icon-container ui-icon{visibility:hidden}.ui-checkbox input:checked+label.primary ui-icon,.ui-checkbox input:checked+label.secondary ui-icon{visibility:visible}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "directive", type: i4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "icon_class"] }] });
+            multi: true,
+        },
+    ], ngImport: i0, template: "<ui-stack stack_direction=\"x\" stack_gap=\"near\" stack class=\"ui-checkbox\">\n  <input\n    type=\"checkbox\"\n    [required]=\"required\"\n    [id]=\"id\"\n    [ngModel]=\"checked\"\n    (ngModelChange)=\"onModelChange($event)\"\n    [attr.checked]=\"checked || null\"\n    [ngClass]=\"checkbox_type\"\n  />\n  <label [for]=\"id\" [ngClass]=\"checkbox_type\">\n    <ui-stack\n      stack_gap=\"near\"\n      [stack_align]=\"hide_checkbox ? 'center' : 'left'\"\n      stack_direction=\"x\"\n    >\n      <div\n        class=\"icon-container\"\n        [ngClass]=\"{\n          'focus-element': checkbox_type === 'secondary',\n          'icon--hidden': hide_checkbox\n        }\"\n      >\n        <ui-icon\n          icon_name=\"tick\"\n          [icon_size_override]=\"iconSize\"\n          icon_class=\"checkboxIcon\"\n        ></ui-icon>\n      </div>\n      <ui-stack stack_gap=\"tight\">\n        <ui-stack\n          stack_direction=\"x\"\n          stack_distribute=\"space-between\"\n          [ngClass]=\"checkbox_type === 'primary' ? 'text-label--primary' : 'text-label--secondary'\"\n        >\n          <ui-icon\n            *ngIf=\"hide_checkbox && iconName\"\n            [icon_name]=\"iconName\"\n            icon_size=\"small\"\n          ></ui-icon>\n          <span>{{ label }}</span>\n          <ng-content select=\"[tertiary-content]\"></ng-content>\n        </ui-stack>\n        <span class=\"input-hint text-body--regular text-body--supporting text-color--supporting\"\n          ><ng-content></ng-content\n        ></span>\n      </ui-stack>\n    </ui-stack>\n  </label>\n</ui-stack>\n", styles: [":host{display:contents}.ui-checkbox input+label .icon-container ui-icon{visibility:hidden}.ui-checkbox input:checked+label.primary ui-icon,.ui-checkbox input:checked+label.secondary ui-icon{visibility:visible}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "directive", type: i4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "icon_class"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ui-checkbox', providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => CheckboxComponent),
-                            multi: true
-                        }
-                    ], template: "<ui-stack stack_direction=\"x\" stack_gap=\"near\" stack class=\"ui-checkbox\">\n    <input\n      type=\"checkbox\"\n      [required]=\"required\"\n      [id]=\"id\"\n      [ngModel]=\"checked\"\n      (ngModelChange)=\"onModelChange($event)\"\n      [attr.checked]=\"checked || null\"\n      [ngClass]=\"checkbox_type\"\n    />\n    <label [for]=\"id\" [ngClass]=\"checkbox_type\">\n    <ui-stack stack_gap=\"near\" stack_direction=\"x\" >\n      <div class=\"icon-container\" [ngClass]=\"{'focus-element': checkbox_type === 'secondary'}\">\n        <ui-icon icon_name=\"tick\" [icon_size_override]=\"iconSize\" icon_class=\"checkboxIcon\"></ui-icon>\n      </div>\n      <ui-stack stack_gap=\"tight\" >\n        <ui-stack stack_direction=\"x\" stack_distribute=\"space-between\" [ngClass]=\"checkbox_type === 'primary' ? 'text-label--primary' : 'text-label--secondary'\">\n          <span>{{ label }}</span>\n          <ng-content select=\"[tertiary-content]\"></ng-content>\n        </ui-stack>\n        <span class=\"input-hint text-body--regular  text-body--supporting text-color--supporting\"><ng-content></ng-content></span>\n      </ui-stack>\n    </ui-stack>\n    </label>\n</ui-stack>", styles: [":host{display:contents}.ui-checkbox input+label .icon-container ui-icon{visibility:hidden}.ui-checkbox input:checked+label.primary ui-icon,.ui-checkbox input:checked+label.secondary ui-icon{visibility:visible}\n"] }]
+                            multi: true,
+                        },
+                    ], template: "<ui-stack stack_direction=\"x\" stack_gap=\"near\" stack class=\"ui-checkbox\">\n  <input\n    type=\"checkbox\"\n    [required]=\"required\"\n    [id]=\"id\"\n    [ngModel]=\"checked\"\n    (ngModelChange)=\"onModelChange($event)\"\n    [attr.checked]=\"checked || null\"\n    [ngClass]=\"checkbox_type\"\n  />\n  <label [for]=\"id\" [ngClass]=\"checkbox_type\">\n    <ui-stack\n      stack_gap=\"near\"\n      [stack_align]=\"hide_checkbox ? 'center' : 'left'\"\n      stack_direction=\"x\"\n    >\n      <div\n        class=\"icon-container\"\n        [ngClass]=\"{\n          'focus-element': checkbox_type === 'secondary',\n          'icon--hidden': hide_checkbox\n        }\"\n      >\n        <ui-icon\n          icon_name=\"tick\"\n          [icon_size_override]=\"iconSize\"\n          icon_class=\"checkboxIcon\"\n        ></ui-icon>\n      </div>\n      <ui-stack stack_gap=\"tight\">\n        <ui-stack\n          stack_direction=\"x\"\n          stack_distribute=\"space-between\"\n          [ngClass]=\"checkbox_type === 'primary' ? 'text-label--primary' : 'text-label--secondary'\"\n        >\n          <ui-icon\n            *ngIf=\"hide_checkbox && iconName\"\n            [icon_name]=\"iconName\"\n            icon_size=\"small\"\n          ></ui-icon>\n          <span>{{ label }}</span>\n          <ng-content select=\"[tertiary-content]\"></ng-content>\n        </ui-stack>\n        <span class=\"input-hint text-body--regular text-body--supporting text-color--supporting\"\n          ><ng-content></ng-content\n        ></span>\n      </ui-stack>\n    </ui-stack>\n  </label>\n</ui-stack>\n", styles: [":host{display:contents}.ui-checkbox input+label .icon-container ui-icon{visibility:hidden}.ui-checkbox input:checked+label.primary ui-icon,.ui-checkbox input:checked+label.secondary ui-icon{visibility:visible}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TokenService }]; }, propDecorators: { checkbox_type: [{
                 type: Input
+            }], hide_checkbox: [{
+                type: Input
+            }], iconName: [{
+                type: Input
             }], label: [{
                 type: Input
             }], checked: [{
@@ -62,4 +68,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
             }], didChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLFNBQVMsRUFBRSxZQUFZLEVBQWUsS0FBSyxFQUFvQixNQUFNLEVBQVEsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZJLE9BQU8sRUFBd0IsaUJBQWlCLEVBQWEsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7OztBQWVwRixNQUFNLE9BQU8saUJBQWlCO0lBVzVCLFlBQW9CLFlBQTBCO1FBQTFCLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBVnJDLGtCQUFhLEdBQTRCLFNBQVMsQ0FBQztRQUtsRCxjQUFTLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7UUFRaEUsYUFBUSxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUN6QixjQUFTLEdBQVEsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0lBSnVCLENBQUM7SUFNbEQsVUFBVSxDQUFDLE9BQWdCO1FBQ3pCLElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBYztRQUMxQixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUNyQixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDckMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxrQ0FBa0MsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDLENBQUE7SUFDekcsQ0FBQzs7OEdBdkNVLGlCQUFpQjtrR0FBakIsaUJBQWlCLGlMQVJqQjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGlCQUFpQixDQUFDO1lBQ2hELEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FDRiwwQkNkSCw2cUNBd0JXOzJGRFJFLGlCQUFpQjtrQkFaN0IsU0FBUzsrQkFDRSxhQUFhLGFBR1o7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsa0JBQWtCLENBQUM7NEJBQ2hELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGO21HQUdRLGFBQWE7c0JBQXJCLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNJLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIE9wdGlvbmFsLCBPdXRwdXQsIFNlbGYsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiwgTmdDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgVG9rZW5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvdG9rZW4uc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLWNoZWNrYm94JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoZWNrYm94LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hlY2tib3guY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBDaGVja2JveENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZVxuICAgIH1cbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBDaGVja2JveENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBPbkluaXQge1xuICBASW5wdXQoKSBjaGVja2JveF90eXBlOiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyA9ICdwcmltYXJ5JztcblxuICBASW5wdXQoKSBsYWJlbCE6IHN0cmluZztcbiAgQElucHV0KCkgY2hlY2tlZDogYm9vbGVhbjtcbiAgQElucHV0KCkgcmVxdWlyZWQ6IGJvb2xlYW47XG4gIEBPdXRwdXQoKSBkaWRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBpZDogc3RyaW5nIHwgbnVtYmVyO1xuICBpY29uU2l6ZTogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdG9rZW5TZXJ2aWNlOiBUb2tlblNlcnZpY2UpIHt9XG5cblxuICBvbkNoYW5nZTogYW55ID0gKCkgPT4ge307XG4gIG9uVG91Y2hlZDogYW55ID0gKCkgPT4ge307XG5cbiAgd3JpdGVWYWx1ZShjaGVja2VkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5jaGVja2VkID0gY2hlY2tlZDtcbiAgfVxuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgb25Nb2RlbENoYW5nZShldmVudDogYm9vbGVhbikge1xuICAgIHRoaXMuY2hlY2tlZCA9IGV2ZW50O1xuICAgIHRoaXMub25DaGFuZ2UoZXZlbnQpO1xuICAgIHRoaXMuZGlkQ2hhbmdlLmVtaXQoZXZlbnQpO1xuICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmlkID0gdGhpcy5sYWJlbCArIE1hdGgucmFuZG9tKCk7XG4gICAgdGhpcy5pY29uU2l6ZSA9IHRoaXMudG9rZW5TZXJ2aWNlLmdldFRva2VuVmFsdWUoYC0tY29tcG9uZW50LWNoZWNrYm94LWljb24tc2l6ZS0ke3RoaXMuY2hlY2tib3hfdHlwZX1gKVxuICB9XG59XG4iLCI8dWktc3RhY2sgc3RhY2tfZGlyZWN0aW9uPVwieFwiIHN0YWNrX2dhcD1cIm5lYXJcIiBzdGFjayBjbGFzcz1cInVpLWNoZWNrYm94XCI+XG4gICAgPGlucHV0XG4gICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcbiAgICAgIFtpZF09XCJpZFwiXG4gICAgICBbbmdNb2RlbF09XCJjaGVja2VkXCJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uTW9kZWxDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICBbYXR0ci5jaGVja2VkXT1cImNoZWNrZWQgfHwgbnVsbFwiXG4gICAgICBbbmdDbGFzc109XCJjaGVja2JveF90eXBlXCJcbiAgICAvPlxuICAgIDxsYWJlbCBbZm9yXT1cImlkXCIgW25nQ2xhc3NdPVwiY2hlY2tib3hfdHlwZVwiPlxuICAgIDx1aS1zdGFjayBzdGFja19nYXA9XCJuZWFyXCIgc3RhY2tfZGlyZWN0aW9uPVwieFwiID5cbiAgICAgIDxkaXYgY2xhc3M9XCJpY29uLWNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cInsnZm9jdXMtZWxlbWVudCc6IGNoZWNrYm94X3R5cGUgPT09ICdzZWNvbmRhcnknfVwiPlxuICAgICAgICA8dWktaWNvbiBpY29uX25hbWU9XCJ0aWNrXCIgW2ljb25fc2l6ZV9vdmVycmlkZV09XCJpY29uU2l6ZVwiIGljb25fY2xhc3M9XCJjaGVja2JveEljb25cIj48L3VpLWljb24+XG4gICAgICA8L2Rpdj5cbiAgICAgIDx1aS1zdGFjayBzdGFja19nYXA9XCJ0aWdodFwiID5cbiAgICAgICAgPHVpLXN0YWNrIHN0YWNrX2RpcmVjdGlvbj1cInhcIiBzdGFja19kaXN0cmlidXRlPVwic3BhY2UtYmV0d2VlblwiIFtuZ0NsYXNzXT1cImNoZWNrYm94X3R5cGUgPT09ICdwcmltYXJ5JyA/ICd0ZXh0LWxhYmVsLS1wcmltYXJ5JyA6ICd0ZXh0LWxhYmVsLS1zZWNvbmRhcnknXCI+XG4gICAgICAgICAgPHNwYW4+e3sgbGFiZWwgfX08L3NwYW4+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3RlcnRpYXJ5LWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L3VpLXN0YWNrPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImlucHV0LWhpbnQgdGV4dC1ib2R5LS1yZWd1bGFyICB0ZXh0LWJvZHktLXN1cHBvcnRpbmcgdGV4dC1jb2xvci0tc3VwcG9ydGluZ1wiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L3NwYW4+XG4gICAgICA8L3VpLXN0YWNrPlxuICAgIDwvdWktc3RhY2s+XG4gICAgPC9sYWJlbD5cbjwvdWktc3RhY2s+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULFlBQVksRUFFWixLQUFLLEVBR0wsTUFBTSxFQUVOLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXdCLGlCQUFpQixFQUFhLE1BQU0sZ0JBQWdCLENBQUM7Ozs7Ozs7QUFnQnBGLE1BQU0sT0FBTyxpQkFBaUI7SUFlNUIsWUFBb0IsWUFBMEI7UUFBMUIsaUJBQVksR0FBWixZQUFZLENBQWM7UUFkckMsa0JBQWEsR0FBNEIsU0FBUyxDQUFDO1FBRTVELDhCQUE4QjtRQUNyQixrQkFBYSxHQUFZLEtBQUssQ0FBQztRQU05QixjQUFTLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7UUFPaEUsYUFBUSxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUN6QixjQUFTLEdBQVEsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0lBSHVCLENBQUM7SUFLbEQsVUFBVSxDQUFDLE9BQWdCO1FBQ3pCLElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBYztRQUMxQixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUNyQixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDckMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FDN0Msa0NBQWtDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FDdkQsQ0FBQztJQUNKLENBQUM7OzhHQTVDVSxpQkFBaUI7a0dBQWpCLGlCQUFpQix1T0FSakI7UUFDVDtZQUNFLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztZQUNoRCxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0YsMEJDMUJILDhrREFrREE7MkZEdEJhLGlCQUFpQjtrQkFaN0IsU0FBUzsrQkFDRSxhQUFhLGFBR1o7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsa0JBQWtCLENBQUM7NEJBQ2hELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGO21HQUdRLGFBQWE7c0JBQXJCLEtBQUs7Z0JBR0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDSSxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPcHRpb25hbCxcbiAgT3V0cHV0LFxuICBTZWxmLFxuICBmb3J3YXJkUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiwgTmdDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgVG9rZW5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvdG9rZW4uc2VydmljZSc7XG5pbXBvcnQgeyBJY29uTmFtZXMgfSBmcm9tICcuLi8uLi9pY29uL2ljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1jaGVja2JveCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NoZWNrYm94LmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQ2hlY2tib3hDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2hlY2tib3hDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciwgT25Jbml0IHtcbiAgQElucHV0KCkgY2hlY2tib3hfdHlwZTogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgPSAncHJpbWFyeSc7XG5cbiAgLy8gUmVxdWlyZWQgZm9yIGNoaXAgY29tcG9uZW50XG4gIEBJbnB1dCgpIGhpZGVfY2hlY2tib3g6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaWNvbk5hbWU/OiBJY29uTmFtZXM7XG5cbiAgQElucHV0KCkgbGFiZWw/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGNoZWNrZWQ6IGJvb2xlYW47XG4gIEBJbnB1dCgpIHJlcXVpcmVkOiBib29sZWFuO1xuICBAT3V0cHV0KCkgZGlkQ2hhbmdlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgaWQ6IHN0cmluZyB8IG51bWJlcjtcbiAgaWNvblNpemU6IHN0cmluZztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHRva2VuU2VydmljZTogVG9rZW5TZXJ2aWNlKSB7fVxuXG4gIG9uQ2hhbmdlOiBhbnkgPSAoKSA9PiB7fTtcbiAgb25Ub3VjaGVkOiBhbnkgPSAoKSA9PiB7fTtcblxuICB3cml0ZVZhbHVlKGNoZWNrZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmNoZWNrZWQgPSBjaGVja2VkO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cblxuICBvbk1vZGVsQ2hhbmdlKGV2ZW50OiBib29sZWFuKSB7XG4gICAgdGhpcy5jaGVja2VkID0gZXZlbnQ7XG4gICAgdGhpcy5vbkNoYW5nZShldmVudCk7XG4gICAgdGhpcy5kaWRDaGFuZ2UuZW1pdChldmVudCk7XG4gICAgdGhpcy5vblRvdWNoZWQoKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaWQgPSB0aGlzLmxhYmVsICsgTWF0aC5yYW5kb20oKTtcbiAgICB0aGlzLmljb25TaXplID0gdGhpcy50b2tlblNlcnZpY2UuZ2V0VG9rZW5WYWx1ZShcbiAgICAgIGAtLWNvbXBvbmVudC1jaGVja2JveC1pY29uLXNpemUtJHt0aGlzLmNoZWNrYm94X3R5cGV9YCxcbiAgICApO1xuICB9XG59XG4iLCI8dWktc3RhY2sgc3RhY2tfZGlyZWN0aW9uPVwieFwiIHN0YWNrX2dhcD1cIm5lYXJcIiBzdGFjayBjbGFzcz1cInVpLWNoZWNrYm94XCI+XG4gIDxpbnB1dFxuICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcbiAgICBbaWRdPVwiaWRcIlxuICAgIFtuZ01vZGVsXT1cImNoZWNrZWRcIlxuICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uTW9kZWxDaGFuZ2UoJGV2ZW50KVwiXG4gICAgW2F0dHIuY2hlY2tlZF09XCJjaGVja2VkIHx8IG51bGxcIlxuICAgIFtuZ0NsYXNzXT1cImNoZWNrYm94X3R5cGVcIlxuICAvPlxuICA8bGFiZWwgW2Zvcl09XCJpZFwiIFtuZ0NsYXNzXT1cImNoZWNrYm94X3R5cGVcIj5cbiAgICA8dWktc3RhY2tcbiAgICAgIHN0YWNrX2dhcD1cIm5lYXJcIlxuICAgICAgW3N0YWNrX2FsaWduXT1cImhpZGVfY2hlY2tib3ggPyAnY2VudGVyJyA6ICdsZWZ0J1wiXG4gICAgICBzdGFja19kaXJlY3Rpb249XCJ4XCJcbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiaWNvbi1jb250YWluZXJcIlxuICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgJ2ZvY3VzLWVsZW1lbnQnOiBjaGVja2JveF90eXBlID09PSAnc2Vjb25kYXJ5JyxcbiAgICAgICAgICAnaWNvbi0taGlkZGVuJzogaGlkZV9jaGVja2JveFxuICAgICAgICB9XCJcbiAgICAgID5cbiAgICAgICAgPHVpLWljb25cbiAgICAgICAgICBpY29uX25hbWU9XCJ0aWNrXCJcbiAgICAgICAgICBbaWNvbl9zaXplX292ZXJyaWRlXT1cImljb25TaXplXCJcbiAgICAgICAgICBpY29uX2NsYXNzPVwiY2hlY2tib3hJY29uXCJcbiAgICAgICAgPjwvdWktaWNvbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPHVpLXN0YWNrIHN0YWNrX2dhcD1cInRpZ2h0XCI+XG4gICAgICAgIDx1aS1zdGFja1xuICAgICAgICAgIHN0YWNrX2RpcmVjdGlvbj1cInhcIlxuICAgICAgICAgIHN0YWNrX2Rpc3RyaWJ1dGU9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgICBbbmdDbGFzc109XCJjaGVja2JveF90eXBlID09PSAncHJpbWFyeScgPyAndGV4dC1sYWJlbC0tcHJpbWFyeScgOiAndGV4dC1sYWJlbC0tc2Vjb25kYXJ5J1wiXG4gICAgICAgID5cbiAgICAgICAgICA8dWktaWNvblxuICAgICAgICAgICAgKm5nSWY9XCJoaWRlX2NoZWNrYm94ICYmIGljb25OYW1lXCJcbiAgICAgICAgICAgIFtpY29uX25hbWVdPVwiaWNvbk5hbWVcIlxuICAgICAgICAgICAgaWNvbl9zaXplPVwic21hbGxcIlxuICAgICAgICAgID48L3VpLWljb24+XG4gICAgICAgICAgPHNwYW4+e3sgbGFiZWwgfX08L3NwYW4+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3RlcnRpYXJ5LWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L3VpLXN0YWNrPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImlucHV0LWhpbnQgdGV4dC1ib2R5LS1yZWd1bGFyIHRleHQtYm9keS0tc3VwcG9ydGluZyB0ZXh0LWNvbG9yLS1zdXBwb3J0aW5nXCJcbiAgICAgICAgICA+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50XG4gICAgICAgID48L3NwYW4+XG4gICAgICA8L3VpLXN0YWNrPlxuICAgIDwvdWktc3RhY2s+XG4gIDwvbGFiZWw+XG48L3VpLXN0YWNrPlxuIl19

package/esm2020/lib/components/form/chip/chip.component.mjs

@@ -0,0 +1,83 @@
+import { Component, EventEmitter, Input, Output, forwardRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "../radio/radio.component";
+import * as i4 from "../checkbox/checkbox.component";
+export class ChipComponent {
+    constructor() {
+        this.chip_type = 'radio';
+        this.didChange = new EventEmitter();
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    /**
+     * On init
+     */
+    ngOnInit() {
+        this.id = 'chip' + Math.random();
+    }
+    /**
+     * CVA - Write value
+     * @param {string | boolean} value
+     */
+    writeValue(value) {
+        this.selectedValue = value;
+    }
+    /**
+     * CVA - Register on change
+     * @param {() => void} fn
+     */
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    /**
+     * CVA - Register on touched
+     * @param {() => void} fn
+     */
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    /**
+     * On modal interaction and change
+     * @param event
+     */
+    onModalChange(event) {
+        this.value = event;
+        this.onChange(event);
+        this.didChange.emit(event);
+        this.onTouched();
+    }
+}
+ChipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ChipComponent, selector: "ui-chip", inputs: { chip_type: "chip_type", icon_name: "icon_name", label: "label", value: "value", required: "required" }, outputs: { didChange: "didChange" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => ChipComponent),
+            multi: true,
+        },
+    ], ngImport: i0, template: "<div [id]=\"id\" class=\"ui-chip\">\n  <ui-radio\n    *ngIf=\"chip_type === 'radio'\"\n    [label]=\"label\"\n    [value]=\"value\"\n    radio_type=\"primary\"\n    [hide_radio]=\"true\"\n    [iconName]=\"icon_name\"\n    [ngModel]=\"selectedValue\"\n    (didChange)=\"onModalChange($event)\"\n  >\n    <ng-content ngProjectAs=\"[tertiary-content]\"></ng-content>\n  </ui-radio>\n\n  <ui-checkbox\n    *ngIf=\"chip_type === 'checkbox'\"\n    [label]=\"label\"\n    [checked]=\"checked\"\n    [required]=\"required\"\n    checkbox_type=\"primary\"\n    [hide_checkbox]=\"true\"\n    [iconName]=\"iconName\"\n    [ngModel]=\"selectedValue\"\n    (didChange)=\"onModalChange($event)\"\n  >\n    <ng-content ngProjectAs=\"[tertiary-content]\"></ng-content>\n  </ui-checkbox>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.RadioComponent, selector: "ui-radio", inputs: ["radio_type", "hide_radio", "iconName", "label", "value"], outputs: ["didChange"] }, { kind: "component", type: i4.CheckboxComponent, selector: "ui-checkbox", inputs: ["checkbox_type", "hide_checkbox", "iconName", "label", "checked", "required"], outputs: ["didChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ChipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-chip', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ChipComponent),
+                            multi: true,
+                        },
+                    ], template: "<div [id]=\"id\" class=\"ui-chip\">\n  <ui-radio\n    *ngIf=\"chip_type === 'radio'\"\n    [label]=\"label\"\n    [value]=\"value\"\n    radio_type=\"primary\"\n    [hide_radio]=\"true\"\n    [iconName]=\"icon_name\"\n    [ngModel]=\"selectedValue\"\n    (didChange)=\"onModalChange($event)\"\n  >\n    <ng-content ngProjectAs=\"[tertiary-content]\"></ng-content>\n  </ui-radio>\n\n  <ui-checkbox\n    *ngIf=\"chip_type === 'checkbox'\"\n    [label]=\"label\"\n    [checked]=\"checked\"\n    [required]=\"required\"\n    checkbox_type=\"primary\"\n    [hide_checkbox]=\"true\"\n    [iconName]=\"iconName\"\n    [ngModel]=\"selectedValue\"\n    (didChange)=\"onModalChange($event)\"\n  >\n    <ng-content ngProjectAs=\"[tertiary-content]\"></ng-content>\n  </ui-checkbox>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { chip_type: [{
+                type: Input
+            }], icon_name: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], didChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vY2hpcC9jaGlwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS9jaGlwL2NoaXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFM0YsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7QUFjekUsTUFBTSxPQUFPLGFBQWE7SUFrQnhCO1FBakJTLGNBQVMsR0FBeUIsT0FBTyxDQUFDO1FBU3pDLGNBQVMsR0FBbUMsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUt6RSxhQUFRLEdBQVEsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBQ3pCLGNBQVMsR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFFWCxDQUFDO0lBRWhCOztPQUVHO0lBQ0gsUUFBUTtRQUNOLElBQUksQ0FBQyxFQUFFLEdBQUcsTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUNuQyxDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsVUFBVSxDQUFDLEtBQXVCO1FBQ2hDLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO0lBQzdCLENBQUM7SUFFRDs7O09BR0c7SUFDSCxnQkFBZ0IsQ0FBQyxFQUFjO1FBQzdCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRDs7O09BR0c7SUFDSCxpQkFBaUIsQ0FBQyxFQUFjO1FBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRDs7O09BR0c7SUFDSCxhQUFhLENBQUMsS0FBdUI7UUFDbkMsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQzs7MEdBNURVLGFBQWE7OEZBQWIsYUFBYSx5TEFSYjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGFBQWEsQ0FBQztZQUM1QyxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0YsMEJDZEgsOHdCQTRCQTsyRkRaYSxhQUFhO2tCQVp6QixTQUFTOytCQUNFLFNBQVMsYUFHUjt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxjQUFjLENBQUM7NEJBQzVDLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGOzBFQUdRLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUcsU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUdHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25OYW1lcyB9IGZyb20gJy4uLy4uL2ljb24vaWNvbic7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLWNoaXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hpcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NoaXAuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBDaGlwQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIENoaXBDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciwgT25Jbml0IHtcbiAgQElucHV0KCkgY2hpcF90eXBlOiAncmFkaW8nIHwgJ2NoZWNrYm94JyA9ICdyYWRpbyc7XG5cbiAgQElucHV0KCkgaWNvbl9uYW1lITogSWNvbk5hbWVzO1xuICBASW5wdXQoKSBsYWJlbD86IHN0cmluZztcbiAgQElucHV0KCkgdmFsdWU/OiBzdHJpbmcgfCBib29sZWFuO1xuXG4gIC8vIENoZWNrYm94IG9ubHlcbiAgQElucHV0KCkgcmVxdWlyZWQ6IGJvb2xlYW47XG5cbiAgQE91dHB1dCgpIGRpZENoYW5nZTogRXZlbnRFbWl0dGVyPHN0cmluZyB8IGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGlkOiBzdHJpbmc7XG4gIHNlbGVjdGVkVmFsdWU6IHN0cmluZyB8IGJvb2xlYW47XG5cbiAgb25DaGFuZ2U6IGFueSA9ICgpID0+IHt9O1xuICBvblRvdWNoZWQ6IGFueSA9ICgpID0+IHt9O1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICAvKipcbiAgICogT24gaW5pdFxuICAgKi9cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pZCA9ICdjaGlwJyArIE1hdGgucmFuZG9tKCk7XG4gIH1cblxuICAvKipcbiAgICogQ1ZBIC0gV3JpdGUgdmFsdWVcbiAgICogQHBhcmFtIHtzdHJpbmcgfCBib29sZWFufSB2YWx1ZVxuICAgKi9cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogc3RyaW5nIHwgYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9IHZhbHVlO1xuICB9XG5cbiAgLyoqXG4gICAqIENWQSAtIFJlZ2lzdGVyIG9uIGNoYW5nZVxuICAgKiBAcGFyYW0geygpID0+IHZvaWR9IGZuXG4gICAqL1xuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgLyoqXG4gICAqIENWQSAtIFJlZ2lzdGVyIG9uIHRvdWNoZWRcbiAgICogQHBhcmFtIHsoKSA9PiB2b2lkfSBmblxuICAgKi9cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46ICgpID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgLyoqXG4gICAqIE9uIG1vZGFsIGludGVyYWN0aW9uIGFuZCBjaGFuZ2VcbiAgICogQHBhcmFtIGV2ZW50XG4gICAqL1xuICBvbk1vZGFsQ2hhbmdlKGV2ZW50OiBzdHJpbmcgfCBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZSA9IGV2ZW50O1xuICAgIHRoaXMub25DaGFuZ2UoZXZlbnQpO1xuICAgIHRoaXMuZGlkQ2hhbmdlLmVtaXQoZXZlbnQpO1xuICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gIH1cbn1cbiIsIjxkaXYgW2lkXT1cImlkXCIgY2xhc3M9XCJ1aS1jaGlwXCI+XG4gIDx1aS1yYWRpb1xuICAgICpuZ0lmPVwiY2hpcF90eXBlID09PSAncmFkaW8nXCJcbiAgICBbbGFiZWxdPVwibGFiZWxcIlxuICAgIFt2YWx1ZV09XCJ2YWx1ZVwiXG4gICAgcmFkaW9fdHlwZT1cInByaW1hcnlcIlxuICAgIFtoaWRlX3JhZGlvXT1cInRydWVcIlxuICAgIFtpY29uTmFtZV09XCJpY29uX25hbWVcIlxuICAgIFtuZ01vZGVsXT1cInNlbGVjdGVkVmFsdWVcIlxuICAgIChkaWRDaGFuZ2UpPVwib25Nb2RhbENoYW5nZSgkZXZlbnQpXCJcbiAgPlxuICAgIDxuZy1jb250ZW50IG5nUHJvamVjdEFzPVwiW3RlcnRpYXJ5LWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICA8L3VpLXJhZGlvPlxuXG4gIDx1aS1jaGVja2JveFxuICAgICpuZ0lmPVwiY2hpcF90eXBlID09PSAnY2hlY2tib3gnXCJcbiAgICBbbGFiZWxdPVwibGFiZWxcIlxuICAgIFtjaGVja2VkXT1cImNoZWNrZWRcIlxuICAgIFtyZXF1aXJlZF09XCJyZXF1aXJlZFwiXG4gICAgY2hlY2tib3hfdHlwZT1cInByaW1hcnlcIlxuICAgIFtoaWRlX2NoZWNrYm94XT1cInRydWVcIlxuICAgIFtpY29uTmFtZV09XCJpY29uTmFtZVwiXG4gICAgW25nTW9kZWxdPVwic2VsZWN0ZWRWYWx1ZVwiXG4gICAgKGRpZENoYW5nZSk9XCJvbk1vZGFsQ2hhbmdlKCRldmVudClcIlxuICA+XG4gICAgPG5nLWNvbnRlbnQgbmdQcm9qZWN0QXM9XCJbdGVydGlhcnktY29udGVudF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvdWktY2hlY2tib3g+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/components/form/chip/chip.module.mjs

@@ -0,0 +1,45 @@
+import { NgModule } from '@angular/core';
+import { ChipComponent } from './chip.component';
+import { CommonModule } from '@angular/common';
+import { TokenService } from '../../../services/token.service';
+import { OasysLayoutModule } from '../../layout/layout.module';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { OasysIconModule } from '../../icon';
+import { OasysRadioModule } from '../radio';
+import { OasysCheckboxModule } from '../checkbox';
+import * as i0 from "@angular/core";
+export class OasysChipModule {
+}
+OasysChipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+OasysChipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: OasysChipModule, declarations: [ChipComponent], imports: [CommonModule,
+        OasysLayoutModule,
+        ReactiveFormsModule,
+        FormsModule,
+        OasysIconModule,
+        OasysRadioModule,
+        OasysCheckboxModule], exports: [ChipComponent] });
+OasysChipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysChipModule, providers: [TokenService], imports: [CommonModule,
+        OasysLayoutModule,
+        ReactiveFormsModule,
+        FormsModule,
+        OasysIconModule,
+        OasysRadioModule,
+        OasysCheckboxModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OasysChipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ChipComponent],
+                    imports: [
+                        CommonModule,
+                        OasysLayoutModule,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        OasysIconModule,
+                        OasysRadioModule,
+                        OasysCheckboxModule,
+                    ],
+                    exports: [ChipComponent],
+                    providers: [TokenService],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vY2hpcC9jaGlwLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQzdDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUM1QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxhQUFhLENBQUM7O0FBZ0JsRCxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlLGlCQWJYLGFBQWEsYUFFMUIsWUFBWTtRQUNaLGlCQUFpQjtRQUNqQixtQkFBbUI7UUFDbkIsV0FBVztRQUNYLGVBQWU7UUFDZixnQkFBZ0I7UUFDaEIsbUJBQW1CLGFBRVgsYUFBYTs2R0FHWixlQUFlLGFBRmYsQ0FBQyxZQUFZLENBQUMsWUFUdkIsWUFBWTtRQUNaLGlCQUFpQjtRQUNqQixtQkFBbUI7UUFDbkIsV0FBVztRQUNYLGVBQWU7UUFDZixnQkFBZ0I7UUFDaEIsbUJBQW1COzJGQUtWLGVBQWU7a0JBZDNCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsYUFBYSxDQUFDO29CQUM3QixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixpQkFBaUI7d0JBQ2pCLG1CQUFtQjt3QkFDbkIsV0FBVzt3QkFDWCxlQUFlO3dCQUNmLGdCQUFnQjt3QkFDaEIsbUJBQW1CO3FCQUNwQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxhQUFhLENBQUM7b0JBQ3hCLFNBQVMsRUFBRSxDQUFDLFlBQVksQ0FBQztpQkFDMUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2hpcENvbXBvbmVudCB9IGZyb20gJy4vY2hpcC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFRva2VuU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL3Rva2VuLnNlcnZpY2UnO1xuaW1wb3J0IHsgT2FzeXNMYXlvdXRNb2R1bGUgfSBmcm9tICcuLi8uLi9sYXlvdXQvbGF5b3V0Lm1vZHVsZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE9hc3lzSWNvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2ljb24nO1xuaW1wb3J0IHsgT2FzeXNSYWRpb01vZHVsZSB9IGZyb20gJy4uL3JhZGlvJztcbmltcG9ydCB7IE9hc3lzQ2hlY2tib3hNb2R1bGUgfSBmcm9tICcuLi9jaGVja2JveCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0NoaXBDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE9hc3lzTGF5b3V0TW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgT2FzeXNJY29uTW9kdWxlLFxuICAgIE9hc3lzUmFkaW9Nb2R1bGUsXG4gICAgT2FzeXNDaGVja2JveE1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW0NoaXBDb21wb25lbnRdLFxuICBwcm92aWRlcnM6IFtUb2tlblNlcnZpY2VdLFxufSlcbmV4cG9ydCBjbGFzcyBPYXN5c0NoaXBNb2R1bGUge31cbiJdfQ==

package/esm2020/lib/components/form/chip/index.mjs

@@ -0,0 +1,3 @@
+export * from './chip.component';
+export * from './chip.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vY2hpcC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsZUFBZSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jaGlwLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NoaXAubW9kdWxlJztcbiJdfQ==

package/esm2020/lib/components/form/radio/radio.component.mjs

@@ -1,12 +1,15 @@
-import { Component, EventEmitter, Input, Output, forwardRef } from '@angular/core';
+import { Component, EventEmitter, Input, Output, forwardRef, } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "../../layout/stack/stack.component";
 import * as i3 from "@angular/forms";
+import * as i4 from "../../icon/icon.component";
 export class RadioComponent {
     constructor() {
         this.radio_type = 'primary';
+        // Required for chip component
+        this.hide_radio = false;
         this.didChange = new EventEmitter();
         this.onChange = () => { };
         this.onTouched = () => { };
@@ -35,24 +38,28 @@ export class RadioComponent {
     }
 }
 RadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: RadioComponent, selector: "ui-radio", inputs: { radio_type: "radio_type", label: "label", value: "value" }, outputs: { didChange: "didChange" }, providers: [
+RadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: RadioComponent, selector: "ui-radio", inputs: { radio_type: "radio_type", hide_radio: "hide_radio", iconName: "iconName", label: "label", value: "value" }, outputs: { didChange: "didChange" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => RadioComponent),
-            multi: true
-        }
-    ], ngImport: i0, template: "<ui-stack stack_direction=\"x\" stack_gap=\"near\" stack class=\"ui-radio\">\n    <input\n      role=\"radio\"\n      type=\"radio\"\n      [id]=\"id\"\n      [value]=\"value\"\n      [ngModel]=\"selectedValue\"\n      (ngModelChange)=\"onModelChange($event)\"\n      [ngClass]=\"radio_type\"\n\n    />\n    <label [for]=\"id\" [ngClass]=\"radio_type\">\n    <ui-stack stack_gap=\"near\" stack_direction=\"x\" >\n      <div class=\"icon-container\">\n        <div class=\"dot\"></div>\n      </div>\n      <ui-stack stack_gap=\"tight\" >\n        <ui-stack stack_direction=\"x\" stack_distribute=\"space-between\" [ngClass]=\"radio_type === 'primary' ? 'text-label--primary' : 'text-label--secondary'\">\n          <span>{{ label }}</span>\n          <ng-content select=\"[tertiary-content]\"></ng-content>\n        </ui-stack>\n        <span [attr.aria-details]=\"id\" class=\"input-hint text-body--regular  text-body--supporting text-color--supporting\"><ng-content></ng-content></span>\n      </ui-stack>\n    </ui-stack>\n    </label>\n</ui-stack>", styles: [":host{display:contents}.ui-radio input.secondary{border-radius:var(--semantic-spacing-border-radius-round)}.ui-radio input+label.primary .icon-container,.ui-radio input+label.secondary .icon-container{padding:var(--component-radio-icon-inset)}.ui-radio input+label.primary .icon-container,.ui-radio input+label.primary .icon-container .dot,.ui-radio input+label.secondary .icon-container,.ui-radio input+label.secondary .icon-container .dot{border-radius:var(--semantic-spacing-border-radius-round)}.ui-radio input+label.primary .icon-container .dot,.ui-radio input+label.secondary .icon-container .dot{width:var(--component-radio-icon-size-primary);height:var(--component-radio-icon-size-primary);visibility:hidden;background-color:var(--semantic-color-text-primary-on-dark)}.ui-radio input+label.primary{padding:var(--_inset);border-radius:var(--_radius);border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selectable-border)}.ui-radio input+label.secondary .icon-container .dot{width:var(--component-radio-icon-size-secondary);height:var(--component-radio-icon-size-secondary)}.ui-radio input:checked+label.primary .icon-container .dot,.ui-radio input:checked+label.secondary .icon-container .dot{visibility:visible}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "directive", type: i3.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: i3.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+            multi: true,
+        },
+    ], ngImport: i0, template: "<ui-stack stack_direction=\"x\" stack_gap=\"near\" stack class=\"ui-radio\">\n  <input\n    role=\"radio\"\n    type=\"radio\"\n    [id]=\"id\"\n    [value]=\"value\"\n    [ngModel]=\"selectedValue\"\n    (ngModelChange)=\"onModelChange($event)\"\n    [ngClass]=\"radio_type\"\n  />\n  <label [for]=\"id\" [ngClass]=\"radio_type\">\n    <ui-stack stack_gap=\"near\" [stack_align]=\"hide_radio ? 'center' : 'left'\" stack_direction=\"x\">\n      <div [ngClass]=\"{ 'icon--hidden': hide_radio, 'icon-container': true }\">\n        <div class=\"dot\"></div>\n      </div>\n      <ui-stack stack_gap=\"tight\">\n        <ui-stack\n          stack_direction=\"x\"\n          stack_distribute=\"space-between\"\n          stack_gap=\"near\"\n          [ngClass]=\"radio_type === 'primary' ? 'text-label--primary' : 'text-label--secondary'\"\n        >\n          <ui-icon\n            *ngIf=\"hide_radio && iconName\"\n            [icon_name]=\"iconName\"\n            icon_size=\"small\"\n          ></ui-icon>\n          <span [ngClass]=\"{ 'label--center': hide_radio }\">{{ label }}</span>\n          <ng-content select=\"[tertiary-content]\"></ng-content>\n        </ui-stack>\n        <span\n          [attr.aria-details]=\"id\"\n          class=\"input-hint text-body--regular text-body--supporting text-color--supporting\"\n          ><ng-content></ng-content\n        ></span>\n      </ui-stack>\n    </ui-stack>\n  </label>\n</ui-stack>\n", styles: [":host{display:contents}.ui-radio input.secondary{border-radius:var(--semantic-spacing-border-radius-round)}.ui-radio input+label.primary .icon-container,.ui-radio input+label.secondary .icon-container{padding:var(--component-radio-icon-inset)}.ui-radio input+label.primary .icon-container,.ui-radio input+label.primary .icon-container .dot,.ui-radio input+label.secondary .icon-container,.ui-radio input+label.secondary .icon-container .dot{border-radius:var(--semantic-spacing-border-radius-round)}.ui-radio input+label.primary .icon-container .dot,.ui-radio input+label.secondary .icon-container .dot{width:var(--component-radio-icon-size-primary);height:var(--component-radio-icon-size-primary);visibility:hidden;background-color:var(--semantic-color-text-primary-on-dark)}.ui-radio input+label.primary{padding:var(--_inset);border-radius:var(--_radius);border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selectable-border)}.ui-radio input+label.secondary .icon-container .dot{width:var(--component-radio-icon-size-secondary);height:var(--component-radio-icon-size-secondary)}.ui-radio input:checked+label.primary .icon-container .dot,.ui-radio input:checked+label.secondary .icon-container .dot{visibility:visible}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "directive", type: i3.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: i3.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.IconComponent, selector: "ui-icon", inputs: ["icon_size", "icon_size_override", "icon_name", "icon_context", "icon_class"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadioComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ui-radio', providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => RadioComponent),
-                            multi: true
-                        }
-                    ], template: "<ui-stack stack_direction=\"x\" stack_gap=\"near\" stack class=\"ui-radio\">\n    <input\n      role=\"radio\"\n      type=\"radio\"\n      [id]=\"id\"\n      [value]=\"value\"\n      [ngModel]=\"selectedValue\"\n      (ngModelChange)=\"onModelChange($event)\"\n      [ngClass]=\"radio_type\"\n\n    />\n    <label [for]=\"id\" [ngClass]=\"radio_type\">\n    <ui-stack stack_gap=\"near\" stack_direction=\"x\" >\n      <div class=\"icon-container\">\n        <div class=\"dot\"></div>\n      </div>\n      <ui-stack stack_gap=\"tight\" >\n        <ui-stack stack_direction=\"x\" stack_distribute=\"space-between\" [ngClass]=\"radio_type === 'primary' ? 'text-label--primary' : 'text-label--secondary'\">\n          <span>{{ label }}</span>\n          <ng-content select=\"[tertiary-content]\"></ng-content>\n        </ui-stack>\n        <span [attr.aria-details]=\"id\" class=\"input-hint text-body--regular  text-body--supporting text-color--supporting\"><ng-content></ng-content></span>\n      </ui-stack>\n    </ui-stack>\n    </label>\n</ui-stack>", styles: [":host{display:contents}.ui-radio input.secondary{border-radius:var(--semantic-spacing-border-radius-round)}.ui-radio input+label.primary .icon-container,.ui-radio input+label.secondary .icon-container{padding:var(--component-radio-icon-inset)}.ui-radio input+label.primary .icon-container,.ui-radio input+label.primary .icon-container .dot,.ui-radio input+label.secondary .icon-container,.ui-radio input+label.secondary .icon-container .dot{border-radius:var(--semantic-spacing-border-radius-round)}.ui-radio input+label.primary .icon-container .dot,.ui-radio input+label.secondary .icon-container .dot{width:var(--component-radio-icon-size-primary);height:var(--component-radio-icon-size-primary);visibility:hidden;background-color:var(--semantic-color-text-primary-on-dark)}.ui-radio input+label.primary{padding:var(--_inset);border-radius:var(--_radius);border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selectable-border)}.ui-radio input+label.secondary .icon-container .dot{width:var(--component-radio-icon-size-secondary);height:var(--component-radio-icon-size-secondary)}.ui-radio input:checked+label.primary .icon-container .dot,.ui-radio input:checked+label.secondary .icon-container .dot{visibility:visible}\n"] }]
+                            multi: true,
+                        },
+                    ], template: "<ui-stack stack_direction=\"x\" stack_gap=\"near\" stack class=\"ui-radio\">\n  <input\n    role=\"radio\"\n    type=\"radio\"\n    [id]=\"id\"\n    [value]=\"value\"\n    [ngModel]=\"selectedValue\"\n    (ngModelChange)=\"onModelChange($event)\"\n    [ngClass]=\"radio_type\"\n  />\n  <label [for]=\"id\" [ngClass]=\"radio_type\">\n    <ui-stack stack_gap=\"near\" [stack_align]=\"hide_radio ? 'center' : 'left'\" stack_direction=\"x\">\n      <div [ngClass]=\"{ 'icon--hidden': hide_radio, 'icon-container': true }\">\n        <div class=\"dot\"></div>\n      </div>\n      <ui-stack stack_gap=\"tight\">\n        <ui-stack\n          stack_direction=\"x\"\n          stack_distribute=\"space-between\"\n          stack_gap=\"near\"\n          [ngClass]=\"radio_type === 'primary' ? 'text-label--primary' : 'text-label--secondary'\"\n        >\n          <ui-icon\n            *ngIf=\"hide_radio && iconName\"\n            [icon_name]=\"iconName\"\n            icon_size=\"small\"\n          ></ui-icon>\n          <span [ngClass]=\"{ 'label--center': hide_radio }\">{{ label }}</span>\n          <ng-content select=\"[tertiary-content]\"></ng-content>\n        </ui-stack>\n        <span\n          [attr.aria-details]=\"id\"\n          class=\"input-hint text-body--regular text-body--supporting text-color--supporting\"\n          ><ng-content></ng-content\n        ></span>\n      </ui-stack>\n    </ui-stack>\n  </label>\n</ui-stack>\n", styles: [":host{display:contents}.ui-radio input.secondary{border-radius:var(--semantic-spacing-border-radius-round)}.ui-radio input+label.primary .icon-container,.ui-radio input+label.secondary .icon-container{padding:var(--component-radio-icon-inset)}.ui-radio input+label.primary .icon-container,.ui-radio input+label.primary .icon-container .dot,.ui-radio input+label.secondary .icon-container,.ui-radio input+label.secondary .icon-container .dot{border-radius:var(--semantic-spacing-border-radius-round)}.ui-radio input+label.primary .icon-container .dot,.ui-radio input+label.secondary .icon-container .dot{width:var(--component-radio-icon-size-primary);height:var(--component-radio-icon-size-primary);visibility:hidden;background-color:var(--semantic-color-text-primary-on-dark)}.ui-radio input+label.primary{padding:var(--_inset);border-radius:var(--_radius);border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selectable-border)}.ui-radio input+label.secondary .icon-container .dot{width:var(--component-radio-icon-size-secondary);height:var(--component-radio-icon-size-secondary)}.ui-radio input:checked+label.primary .icon-container .dot,.ui-radio input:checked+label.secondary .icon-container .dot{visibility:visible}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { radio_type: [{
                 type: Input
+            }], hide_radio: [{
+                type: Input
+            }], iconName: [{
+                type: Input
             }], label: [{
                 type: Input
             }], value: [{
@@ -60,4 +67,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
             }], didChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL3JhZGlvL3JhZGlvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS9yYWRpby9yYWRpby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBZSxLQUFLLEVBQW9CLE1BQU0sRUFBUSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEgsT0FBTyxFQUF3QixpQkFBaUIsRUFBYSxNQUFNLGdCQUFnQixDQUFDOzs7OztBQWVwRixNQUFNLE9BQU8sY0FBYztJQWlCekI7UUFmUyxlQUFVLEdBQTRCLFNBQVMsQ0FBQztRQUsvQyxjQUFTLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFPL0QsYUFBUSxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUN6QixjQUFTLEdBQVEsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0lBRVosQ0FBQztJQUVmLFlBQVk7UUFDVixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFhO1FBQ3RCLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO0lBQzdCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBYTtRQUN6QixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDdkMsQ0FBQzs7MkdBN0NVLGNBQWM7K0ZBQWQsY0FBYyw4SUFSZDtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGNBQWMsQ0FBQztZQUM3QyxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0YsMEJDZEgsNmhDQXlCVzsyRkRURSxjQUFjO2tCQVoxQixTQUFTOytCQUNFLFVBQVUsYUFHVDt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxlQUFlLENBQUM7NEJBQzdDLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGOzBFQUlRLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0LCBPcHRpb25hbCwgT3V0cHV0LCBTZWxmLCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IsIE5nQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFRva2VuU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL3Rva2VuLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1yYWRpbycsXG4gIHRlbXBsYXRlVXJsOiAnLi9yYWRpby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3JhZGlvLmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gUmFkaW9Db21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWVcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgUmFkaW9Db21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciwgT25Jbml0IHtcblxuICBASW5wdXQoKSByYWRpb190eXBlOiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyA9ICdwcmltYXJ5JztcblxuICBASW5wdXQoKSBsYWJlbCE6IHN0cmluZztcbiAgQElucHV0KCkgdmFsdWUhOiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIGRpZENoYW5nZTogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgaWQ6IHN0cmluZyB8IG51bWJlcjtcbiAgaWNvblNpemU6IHN0cmluZztcblxuICBzZWxlY3RlZFZhbHVlOiBhbnk7XG5cbiAgb25DaGFuZ2U6IGFueSA9ICgpID0+IHt9O1xuICBvblRvdWNoZWQ6IGFueSA9ICgpID0+IHt9O1xuXG4gIGNvbnN0cnVjdG9yKCl7fVxuXG4gIHNlbGVjdE9wdGlvbigpIHtcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xuICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gIH1cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdGVkVmFsdWUgPSB2YWx1ZTtcbiAgfVxuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgb25Nb2RlbENoYW5nZShldmVudDogc3RyaW5nKSB7XG4gICAgdGhpcy52YWx1ZSA9IGV2ZW50O1xuICAgIHRoaXMub25DaGFuZ2UoZXZlbnQpO1xuICAgIHRoaXMuZGlkQ2hhbmdlLmVtaXQoZXZlbnQpO1xuICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmlkID0gdGhpcy5sYWJlbCArIE1hdGgucmFuZG9tKCk7XG4gIH1cbn1cbiIsIjx1aS1zdGFjayBzdGFja19kaXJlY3Rpb249XCJ4XCIgc3RhY2tfZ2FwPVwibmVhclwiIHN0YWNrIGNsYXNzPVwidWktcmFkaW9cIj5cbiAgICA8aW5wdXRcbiAgICAgIHJvbGU9XCJyYWRpb1wiXG4gICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgW2lkXT1cImlkXCJcbiAgICAgIFt2YWx1ZV09XCJ2YWx1ZVwiXG4gICAgICBbbmdNb2RlbF09XCJzZWxlY3RlZFZhbHVlXCJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uTW9kZWxDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICBbbmdDbGFzc109XCJyYWRpb190eXBlXCJcblxuICAgIC8+XG4gICAgPGxhYmVsIFtmb3JdPVwiaWRcIiBbbmdDbGFzc109XCJyYWRpb190eXBlXCI+XG4gICAgPHVpLXN0YWNrIHN0YWNrX2dhcD1cIm5lYXJcIiBzdGFja19kaXJlY3Rpb249XCJ4XCIgPlxuICAgICAgPGRpdiBjbGFzcz1cImljb24tY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkb3RcIj48L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPHVpLXN0YWNrIHN0YWNrX2dhcD1cInRpZ2h0XCIgPlxuICAgICAgICA8dWktc3RhY2sgc3RhY2tfZGlyZWN0aW9uPVwieFwiIHN0YWNrX2Rpc3RyaWJ1dGU9XCJzcGFjZS1iZXR3ZWVuXCIgW25nQ2xhc3NdPVwicmFkaW9fdHlwZSA9PT0gJ3ByaW1hcnknID8gJ3RleHQtbGFiZWwtLXByaW1hcnknIDogJ3RleHQtbGFiZWwtLXNlY29uZGFyeSdcIj5cbiAgICAgICAgICA8c3Bhbj57eyBsYWJlbCB9fTwvc3Bhbj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdGVydGlhcnktY29udGVudF1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvdWktc3RhY2s+XG4gICAgICAgIDxzcGFuIFthdHRyLmFyaWEtZGV0YWlsc109XCJpZFwiIGNsYXNzPVwiaW5wdXQtaGludCB0ZXh0LWJvZHktLXJlZ3VsYXIgIHRleHQtYm9keS0tc3VwcG9ydGluZyB0ZXh0LWNvbG9yLS1zdXBwb3J0aW5nXCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50Pjwvc3Bhbj5cbiAgICAgIDwvdWktc3RhY2s+XG4gICAgPC91aS1zdGFjaz5cbiAgICA8L2xhYmVsPlxuPC91aS1zdGFjaz4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb2FzeXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL3JhZGlvL3JhZGlvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS9yYWRpby9yYWRpby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFFWixLQUFLLEVBR0wsTUFBTSxFQUdOLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXdCLGlCQUFpQixFQUFhLE1BQU0sZ0JBQWdCLENBQUM7Ozs7OztBQWdCcEYsTUFBTSxPQUFPLGNBQWM7SUFvQnpCO1FBbkJTLGVBQVUsR0FBNEIsU0FBUyxDQUFDO1FBRXpELDhCQUE4QjtRQUNyQixlQUFVLEdBQVksS0FBSyxDQUFDO1FBTTNCLGNBQVMsR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQU8vRCxhQUFRLEdBQVEsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBQ3pCLGNBQVMsR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFFWCxDQUFDO0lBRWhCLFlBQVk7UUFDVixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFhO1FBQ3RCLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO0lBQzdCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBYTtRQUN6QixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDdkMsQ0FBQzs7MkdBaERVLGNBQWM7K0ZBQWQsY0FBYyw4TEFSZDtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGNBQWMsQ0FBQztZQUM3QyxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0YsMEJDMUJILG82Q0F1Q0E7MkZEWGEsY0FBYztrQkFaMUIsU0FBUzsrQkFDRSxVQUFVLGFBR1Q7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsZUFBZSxDQUFDOzRCQUM3QyxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjswRUFHUSxVQUFVO3NCQUFsQixLQUFLO2dCQUdHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUVJLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE9wdGlvbmFsLFxuICBPdXRwdXQsXG4gIFNlbGYsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBmb3J3YXJkUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiwgTmdDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgVG9rZW5TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvdG9rZW4uc2VydmljZSc7XG5pbXBvcnQgeyBJY29uTmFtZXMgfSBmcm9tICcuLi8uLi9pY29uL2ljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1yYWRpbycsXG4gIHRlbXBsYXRlVXJsOiAnLi9yYWRpby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3JhZGlvLmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gUmFkaW9Db21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgUmFkaW9Db21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciwgT25Jbml0IHtcbiAgQElucHV0KCkgcmFkaW9fdHlwZTogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgPSAncHJpbWFyeSc7XG5cbiAgLy8gUmVxdWlyZWQgZm9yIGNoaXAgY29tcG9uZW50XG4gIEBJbnB1dCgpIGhpZGVfcmFkaW86IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaWNvbk5hbWU/OiBJY29uTmFtZXM7XG5cbiAgQElucHV0KCkgbGFiZWw/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHZhbHVlPzogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKSBkaWRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGlkOiBzdHJpbmcgfCBudW1iZXI7XG4gIGljb25TaXplOiBzdHJpbmc7XG5cbiAgc2VsZWN0ZWRWYWx1ZTogc3RyaW5nO1xuXG4gIG9uQ2hhbmdlOiBhbnkgPSAoKSA9PiB7fTtcbiAgb25Ub3VjaGVkOiBhbnkgPSAoKSA9PiB7fTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgc2VsZWN0T3B0aW9uKCkge1xuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5vblRvdWNoZWQoKTtcbiAgfVxuXG4gIHdyaXRlVmFsdWUodmFsdWU6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9IHZhbHVlO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cblxuICBvbk1vZGVsQ2hhbmdlKGV2ZW50OiBzdHJpbmcpIHtcbiAgICB0aGlzLnZhbHVlID0gZXZlbnQ7XG4gICAgdGhpcy5vbkNoYW5nZShldmVudCk7XG4gICAgdGhpcy5kaWRDaGFuZ2UuZW1pdChldmVudCk7XG4gICAgdGhpcy5vblRvdWNoZWQoKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaWQgPSB0aGlzLmxhYmVsICsgTWF0aC5yYW5kb20oKTtcbiAgfVxufVxuIiwiPHVpLXN0YWNrIHN0YWNrX2RpcmVjdGlvbj1cInhcIiBzdGFja19nYXA9XCJuZWFyXCIgc3RhY2sgY2xhc3M9XCJ1aS1yYWRpb1wiPlxuICA8aW5wdXRcbiAgICByb2xlPVwicmFkaW9cIlxuICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgW2lkXT1cImlkXCJcbiAgICBbdmFsdWVdPVwidmFsdWVcIlxuICAgIFtuZ01vZGVsXT1cInNlbGVjdGVkVmFsdWVcIlxuICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uTW9kZWxDaGFuZ2UoJGV2ZW50KVwiXG4gICAgW25nQ2xhc3NdPVwicmFkaW9fdHlwZVwiXG4gIC8+XG4gIDxsYWJlbCBbZm9yXT1cImlkXCIgW25nQ2xhc3NdPVwicmFkaW9fdHlwZVwiPlxuICAgIDx1aS1zdGFjayBzdGFja19nYXA9XCJuZWFyXCIgW3N0YWNrX2FsaWduXT1cImhpZGVfcmFkaW8gPyAnY2VudGVyJyA6ICdsZWZ0J1wiIHN0YWNrX2RpcmVjdGlvbj1cInhcIj5cbiAgICAgIDxkaXYgW25nQ2xhc3NdPVwieyAnaWNvbi0taGlkZGVuJzogaGlkZV9yYWRpbywgJ2ljb24tY29udGFpbmVyJzogdHJ1ZSB9XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkb3RcIj48L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPHVpLXN0YWNrIHN0YWNrX2dhcD1cInRpZ2h0XCI+XG4gICAgICAgIDx1aS1zdGFja1xuICAgICAgICAgIHN0YWNrX2RpcmVjdGlvbj1cInhcIlxuICAgICAgICAgIHN0YWNrX2Rpc3RyaWJ1dGU9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgICBzdGFja19nYXA9XCJuZWFyXCJcbiAgICAgICAgICBbbmdDbGFzc109XCJyYWRpb190eXBlID09PSAncHJpbWFyeScgPyAndGV4dC1sYWJlbC0tcHJpbWFyeScgOiAndGV4dC1sYWJlbC0tc2Vjb25kYXJ5J1wiXG4gICAgICAgID5cbiAgICAgICAgICA8dWktaWNvblxuICAgICAgICAgICAgKm5nSWY9XCJoaWRlX3JhZGlvICYmIGljb25OYW1lXCJcbiAgICAgICAgICAgIFtpY29uX25hbWVdPVwiaWNvbk5hbWVcIlxuICAgICAgICAgICAgaWNvbl9zaXplPVwic21hbGxcIlxuICAgICAgICAgID48L3VpLWljb24+XG4gICAgICAgICAgPHNwYW4gW25nQ2xhc3NdPVwieyAnbGFiZWwtLWNlbnRlcic6IGhpZGVfcmFkaW8gfVwiPnt7IGxhYmVsIH19PC9zcGFuPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlt0ZXJ0aWFyeS1jb250ZW50XVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC91aS1zdGFjaz5cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBbYXR0ci5hcmlhLWRldGFpbHNdPVwiaWRcIlxuICAgICAgICAgIGNsYXNzPVwiaW5wdXQtaGludCB0ZXh0LWJvZHktLXJlZ3VsYXIgdGV4dC1ib2R5LS1zdXBwb3J0aW5nIHRleHQtY29sb3ItLXN1cHBvcnRpbmdcIlxuICAgICAgICAgID48bmctY29udGVudD48L25nLWNvbnRlbnRcbiAgICAgICAgPjwvc3Bhbj5cbiAgICAgIDwvdWktc3RhY2s+XG4gICAgPC91aS1zdGFjaz5cbiAgPC9sYWJlbD5cbjwvdWktc3RhY2s+XG4iXX0=

package/esm2020/lib/components/form/text-input/text-input.component.mjs

@@ -73,7 +73,7 @@ TextInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
             useExisting: forwardRef(() => TextInputComponent),
             multi: true,
         },
-    ], viewQueries: [{ propertyName: "textInput", first: true, predicate: ["textinput"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-stack class=\"ui-text-input-container\" stack_gap=\"tight\">\n  <div class=\"ui-text-input\">\n    <ui-stack stack_direction=\"x\">\n      <div class=\"input-preface\">\n        <ng-content select=\"[preface]\"></ng-content>\n      </div>\n      <input\n      #textinput\n      [id]=\"id\"\n      [name]=\"id\"\n      [ngModel]=\"textValue\"\n      (ngModelChange)=\"onModelChange($event)\"\n      [ngClass]=\"inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\n      [attr.autocorrect]=\"safariAutocorrect\"\n      [attr.disabled]=\"disabled || null\"\n      [autofocus]=\"autofocus\"\n      [autocomplete]=\"autocomplete || null\"\n      [minlength]=\"minlength || null\"\n      [maxlength]=\"maxlength\"\n      [pattern]=\"pattern || null\"\n      [required]=\"!optional\"\n      [spellcheck]=\"autocorrect\"\n      [type]=\"textInputType\"\n      [value]=\"textValue\"\n      class=\"text-body--default text-body--regular\"\n      />\n    </ui-stack>\n    <ui-stack class=\"label-container\" stack_direction=\"x\"\n      [stack_distribute]=\"type === 'password' ? 'space-between' : 'start'\">\n      <label class=\"text-body--supporting text-body--regular\" [for]=\"id\">{{label}}</label>\n      <a (click)=\"toggleShowPassword()\" class=\"text-body--supporting text-color--supporting\"\n        *ngIf=\"type === 'password'\">\n        <span *ngIf=\"!showPassword\">{{show_password_string}}</span>\n        <span *ngIf=\"showPassword\">{{hide_password_string}}</span>\n      </a>\n    </ui-stack>\n  </div>\n  <ui-stack stack_gap=\"none\">\n    <div class=\"input-errors\">\n      <div class=\"input-errors-content\">\n        <ng-content select=\"ui-form-errors\"></ng-content>\n      </div>\n    </div>\n    <ui-box *ngIf=\"hint\" box_background=\"none\" box_space=\"none\" box_space_left=\"near\" box_space_right=\"near\"\n      box_space_bottom=\"near\">\n      <div class=\"ui-text-input-hint text-body--supporting text-color--supporting\">{{hint}}</div>\n    </ui-box>\n  </ui-stack>\n</ui-stack>", styles: ["html{font-size:62.5%}html,html body{font-family:var(--semantic-font-family-body);font-weight:var(--semantic-font-weight-normal);font-size:var(--semantic-font-styles-body-default-size);line-height:var(--semantic-font-styles-body-default-line-height);color:var(--semantic-color-text-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--semantic-font-weight-bold)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote{font-family:var(--semantic-font-family-headline)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--semantic-font-family-headline-secondary)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1),.text-heading--hero{font-size:var(--semantic-font-styles-heading-hero-size);line-height:var(--semantic-font-styles-heading-hero-line-height)}@media only screen and (max-width: 767px){h1:not(.seo-h1),.text-heading--hero{font-size:var(--semantic-font-styles-heading-hero-mobile-size);line-height:var(--semantic-font-styles-heading-hero-mobile-line-height)}}h2,.text-heading--primary{font-size:var(--semantic-font-styles-heading-primary-size);line-height:var(--semantic-font-styles-heading-primary-line-height)}@media only screen and (max-width: 767px){h2,.text-heading--primary{font-size:var(--semantic-font-styles-heading-primary-mobile-size);line-height:var(--semantic-font-styles-heading-primary-mobile-line-height)}}h3,.text-heading--secondary{font-size:var(--semantic-font-styles-heading-secondary-size);line-height:var(--semantic-font-styles-heading-secondary-line-height)}h4,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{font-size:var(--semantic-font-styles-heading-functional-primary-size);line-height:var(--semantic-font-styles-heading-functional-primary-line-height);font-weight:var(--semantic-font-styles-heading-heading-functional-weight)}@media only screen and (max-width: 767px){h4,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{font-size:var(--semantic-font-styles-heading-functional-primary-mobile-size);line-height:var(--semantic-font-styles-heading-functional-primary-mobile-line-height)}}h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{font-size:var(--semantic-font-styles-heading-functional-secondary-size);line-height:var(--semantic-font-styles-heading-functional-secondary-line-height);font-weight:var(--semantic-font-styles-heading-heading-functional-weight)}@media only screen and (max-width: 767px){h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{font-size:var(--semantic-font-styles-heading-functional-secondary-mobile-size);line-height:var(--semantic-font-styles-heading-functional-secondary-mobile-line-height)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary{font-size:var(--semantic-font-styles-label-primary-size);line-height:var(--semantic-font-styles-label-primary-line-height);font-weight:var(--semantic-font-styles-label-weight)}.text-label--secondary{font-size:var(--semantic-font-styles-label-secondary-size);line-height:var(--semantic-font-styles-label-secondary-line-height);font-weight:var(--semantic-font-styles-label-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote{font-size:var(--semantic-font-styles-body-expressive-size);line-height:var(--semantic-font-styles-body-expressive-line-height)}.text-body--hero,.ui-text-input-container .ui-text-input input:-webkit-autofill:first-line,.ui-rce h6,.ui-prose h6,article h6{font-size:var(--semantic-font-styles-body-hero-size);line-height:var(--semantic-font-styles-body-hero-line-height)}.text-body--default{font-size:var(--semantic-font-styles-body-default-size);line-height:var(--semantic-font-styles-body-default-line-height)}.text-body--supporting{font-size:var(--semantic-font-styles-body-supporting-size);line-height:var(--semantic-font-styles-body-supporting-line-height)}.text-body--regular,.ui-rce h6,.ui-prose h6,article h6{font-weight:var(--semantic-font-weight-normal)}.text-body--line-through{text-decoration:line-through}.text-body--emphasis,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2,a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{font-weight:var(--semantic-font-weight-medium)}.text-color--on-dark{color:var(--semantic-color-text-primary-on-dark)}.text-color--on-dark.text-color--supporting,.text-color--on-dark .text-color--supporting{color:var(--semantic-color-text-supporting-on-dark)}.text-color--supporting{color:var(--semantic-color-text-supporting)}.text-color--error{color:var(--semantic-color-tint-error)}a{color:inherit;text-decoration:none}.text--readable-width,.ui-rce blockquote,.ui-prose blockquote,article blockquote{max-width:70ch}a,.text-link,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:none;cursor:pointer}a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{text-decoration:underline}a--paragraph,.text-link--paragraph,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:underline;font-weight:inherit}.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--semantic-font-prose-vertical-adjustment-heading-primary-large-top);margin-bottom:var(--semantic-font-prose-vertical-adjustment-heading-primary-large-bottom)}@media only screen and (max-width: 767px){.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--semantic-font-prose-vertical-adjustment-heading-primary-small-top);margin-bottom:var(--semantic-font-prose-vertical-adjustment-heading-primary-small-bottom)}}.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--semantic-font-prose-vertical-adjustment-heading-secondary-large-top);margin-bottom:var(--semantic-font-prose-vertical-adjustment-heading-secondary-large-bottom)}@media only screen and (max-width: 767px){.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--semantic-font-prose-vertical-adjustment-heading-secondary-small-top);margin-bottom:var(--semantic-font-prose-vertical-adjustment-heading-secondary-small-bottom)}}.ui-rce p,.ui-rce ul,.ui-rce ol,.ui-prose p,.ui-prose ul,.ui-prose ol,article p,article ul,article ol{margin-bottom:var(--semantic-font-prose-vertical-adjustment-paragraph-bottom)}.ui-rce p:empty,.ui-rce ul:empty,.ui-rce ol:empty,.ui-prose p:empty,.ui-prose ul:empty,.ui-prose ol:empty,article p:empty,article ul:empty,article ol:empty{display:none}.ui-rce blockquote,.ui-prose blockquote,article blockquote{padding-top:var(--semantic-font-prose-vertical-adjustment-blockquote-top);margin-bottom:var(--semantic-font-prose-vertical-adjustment-blockquote-bottom);text-align:center;margin:0 auto}.ui-rce hr,.ui-prose hr,article hr{display:block;width:100%;border:0;padding:0;margin:0;height:var(--global-size-unit-08);background:var(--semantic-color-background-core-secondary);margin-top:var(--semantic-spacing-box-expanded);margin-bottom:var(--semantic-spacing-box-expanded)}.ui-rce ol,.ui-prose ol,article ol{list-style-type:decimal;list-style-position:inside}.ui-rce ul,.ui-prose ul,article ul{list-style:initial;list-style-position:inside}.ui-rce .ui-rce-embed,.ui-prose .ui-rce-embed,article .ui-rce-embed{padding-top:var(--semantic-font-prose-vertical-adjustment-component-top-bottom);margin-bottom:var(--semantic-font-prose-vertical-adjustment-component-top-bottom)}.ui-rce .ui-rce-embed ui-button a,.ui-rce .ui-rce-embed ui-button a:hover,.ui-prose .ui-rce-embed ui-button a,.ui-prose .ui-rce-embed ui-button a:hover,article .ui-rce-embed ui-button a,article .ui-rce-embed ui-button a:hover{text-decoration:none}.ui-rce>ui-box .ui-box-content>*:first-child{padding-top:0}.ui-rce>ui-box .ui-box-content>*:last-child{margin-bottom:0}.ui-rce .ui-rce-instance:last-of-type{padding-bottom:var(--semantic-spacing-box-expanded)}.ui-rce ui-button,.ui-rce img{display:inline-block;margin:0;margin-top:var(--semantic-spacing-box-near);margin-right:var(--semantic-spacing-box-near);vertical-align:top}.ui-rce ui-button:last-child,.ui-rce img:last-child{margin-right:0}.ui-rce img{width:100%}.ui-rce ol p,.ui-rce ul p{display:inline;margin:0}form fieldset legend{margin-bottom:var(--semantic-spacing-stack-near)}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus)) .ui-text-input{border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-tint-error)}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus)) .input-errors .input-errors-content{visibility:visible!important}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .ui-text-input{border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-tint-error)}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .input-errors .input-errors-content{visibility:visible!important}.ui-checkbox input,.ui-radio input,.ui-text-input input{-webkit-appearance:none;appearance:none;margin:0;border:none}.ui-checkbox,.ui-radio{--_inset: var(--semantic-spacing-box-near);--_radius: var(--semantic-spacing-border-radius-soften-ui);--_transition_duration: var(--global-animation-duration)}.ui-checkbox input,.ui-radio input{position:absolute;inset:0;border-radius:var(--semantic-spacing-border-radius-soften-ui)}.ui-checkbox input.secondary,.ui-radio input.secondary{inset:unset;top:var(--_inset);--_focusSize: var(--semantic-font-styles-label-secondary-line-height);width:var(--_focusSize);height:var(--_focusSize)}.ui-checkbox input+label,.ui-radio input+label{width:inherit;display:flex;align-items:center;gap:var(--semantic-spacing-stack-tight)}.ui-checkbox input+label .icon-container,.ui-radio input+label .icon-container{padding:var(--component-checkbox-icon-inset);border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selected-border);border-radius:var(--_radius)}.ui-checkbox input+label .input-hint:empty,.ui-radio input+label .input-hint:empty{display:none}.ui-checkbox input+label.primary,.ui-radio input+label.primary{padding:var(--_inset);border-radius:var(--_radius);border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selectable-border)}.ui-checkbox input+label.secondary,.ui-radio input+label.secondary{padding:var(--_inset) 0}.ui-checkbox input+label.secondary .icon-container,.ui-radio input+label.secondary .icon-container{background:transparent;border-radius:var(--_radius);border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selected-border)}.ui-checkbox input+label,.ui-checkbox input+label .icon-container,.ui-radio input+label,.ui-radio input+label .icon-container{transition:background-color var(--_transition_duration),border-color var(--_transition_duration)}.ui-checkbox input:hover+label.primary,.ui-checkbox input:checked+label.primary,.ui-radio input:hover+label.primary,.ui-radio input:checked+label.primary{background:var(--semantic-color-state-selected-fill)}.ui-checkbox input:hover+label.secondary .icon-container,.ui-checkbox input:checked+label.secondary .icon-container,.ui-radio input:hover+label.secondary .icon-container,.ui-radio input:checked+label.secondary .icon-container{background:var(--semantic-color-state-selected-fill)}.ui-checkbox input:checked+label.primary .icon-container,.ui-checkbox input:checked+label.secondary .icon-container,.ui-radio input:checked+label.primary .icon-container,.ui-radio input:checked+label.secondary .icon-container{background:var(--semantic-color-state-selected-border);border-color:var(--semantic-color-state-selected-border);color:var(--semantic-color-text-primary-on-dark)}.ui-checkbox input:checked+label.primary,.ui-radio input:checked+label.primary{border-color:var(--semantic-color-state-selected-border)}.ui-checkbox input.ng-touched.ng-invalid+label,.ui-radio input.ng-touched.ng-invalid+label{color:var(--semantic-color-tint-error)}.ui-checkbox input.ng-touched.ng-invalid+label .icon-container,.ui-radio input.ng-touched.ng-invalid+label .icon-container{border-color:var(--semantic-color-tint-error)}:host{display:block;width:100%}.ui-text-input-container .ui-text-input{--_label-height: var(--semantic-font-styles-body-supporting-line-height);--_label-input-gap: var(--semantic-spacing-stack-tiny);--_label-top-inset: var(--semantic-spacing-box-near);--_input-inset-top: calc(var(--_label-height) + var(--_label-input-gap) + var(--_label-top-inset));--_preface-width: var(--component-text-input-preface-width);position:relative;transition:border var(--global-animation-duration-long);border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selectable-border)}.ui-text-input-container .ui-text-input,.ui-text-input-container .ui-text-input input{border-radius:var(--semantic-spacing-border-radius-soften-ui);width:100%}.ui-text-input-container .ui-text-input input{padding:var(--semantic-spacing-box-near);padding-top:var(--_input-inset-top)}.ui-text-input-container .ui-text-input .label-container{position:absolute;top:var(--semantic-spacing-box-near);left:var(--semantic-spacing-box-near);right:var(--semantic-spacing-box-near);width:calc(100% - var(--semantic-spacing-box-near) - var(--semantic-spacing-box-near))}.ui-text-input-container .ui-text-input .label-container label{pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-text-input-container .ui-text-input:has(.input-preface:not(:empty)){--_left-inset: calc(var(--semantic-spacing-box-near) + var(--_preface-width))}.ui-text-input-container .ui-text-input:has(.input-preface:not(:empty)) .label-container{left:var(--_left-inset);width:calc(100% - var(--_left-inset) - var(--semantic-spacing-box-near))}.ui-text-input-container .ui-text-input:has(.input-preface:not(:empty)) input{padding-left:var(--_left-inset)}.ui-text-input-container .ui-text-input .input-preface{width:var(--_preface-width);height:100%;position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;flex-direction:column;text-align:center;border-right:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selectable-border)}.ui-text-input-container .ui-text-input .input-preface:empty{visibility:hidden}.ui-text-input-container .input-errors{--_ad: var(--global-animation-duration-long);display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transform:translateY(-33%);transition:grid-template-rows var(--_ad),opacity var(--_ad),transform var(--_ad);transition-timing-function:cubic-bezier(var(--global-animation-timing-function-soft));will-change:grid-template-rows,transform,opacity}.ui-text-input-container .input-errors .input-errors-content{min-height:0;visibility:hidden;transition:visibility var(--_ad)}.ui-text-input-container:has(input.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus)) .ui-text-input{border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-tint-error)}.ui-text-input-container:has(input.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}.ui-text-input-container:has(input.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus)) .input-errors .input-errors-content{visibility:visible!important}.ui-text-input-container:has(input:disabled) input{background-color:none;color:var(--component-text-input-color-disabled-foreground)}.ui-text-input-container:has(input:disabled) .ui-text-input{background-color:var(--component-text-input-color-disabled-background)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width"] }, { kind: "component", type: i3.LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.OasysHrefDirective, selector: "a, uiHref, [uiHref]" }, { kind: "directive", type: i6.OasysAutofocusDirective, selector: "[autofocus]", inputs: ["autofocus"] }] });
+    ], viewQueries: [{ propertyName: "textInput", first: true, predicate: ["textinput"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ui-stack class=\"ui-text-input-container\" stack_gap=\"tight\">\n  <div class=\"ui-text-input\">\n    <ui-stack stack_direction=\"x\">\n      <div class=\"input-preface\">\n        <ng-content select=\"[preface]\"></ng-content>\n      </div>\n      <input\n      #textinput\n      [id]=\"id\"\n      [name]=\"id\"\n      [ngModel]=\"textValue\"\n      (ngModelChange)=\"onModelChange($event)\"\n      [ngClass]=\"inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\n      [attr.autocorrect]=\"safariAutocorrect\"\n      [attr.disabled]=\"disabled || null\"\n      [autofocus]=\"autofocus\"\n      [autocomplete]=\"autocomplete || null\"\n      [minlength]=\"minlength || null\"\n      [maxlength]=\"maxlength\"\n      [pattern]=\"pattern || null\"\n      [required]=\"!optional\"\n      [spellcheck]=\"autocorrect\"\n      [type]=\"textInputType\"\n      [value]=\"textValue\"\n      class=\"text-body--default text-body--regular\"\n      />\n    </ui-stack>\n    <ui-stack class=\"label-container\" stack_direction=\"x\"\n      [stack_distribute]=\"type === 'password' ? 'space-between' : 'start'\">\n      <label class=\"text-body--supporting text-body--regular\" [for]=\"id\">{{label}}</label>\n      <a (click)=\"toggleShowPassword()\" class=\"text-body--supporting text-color--supporting\"\n        *ngIf=\"type === 'password'\">\n        <span *ngIf=\"!showPassword\">{{show_password_string}}</span>\n        <span *ngIf=\"showPassword\">{{hide_password_string}}</span>\n      </a>\n    </ui-stack>\n  </div>\n  <ui-stack stack_gap=\"none\">\n    <div class=\"input-errors\">\n      <div class=\"input-errors-content\">\n        <ng-content select=\"ui-form-errors\"></ng-content>\n      </div>\n    </div>\n    <ui-box *ngIf=\"hint\" box_background=\"none\" box_space=\"none\" box_space_left=\"near\" box_space_right=\"near\"\n      box_space_bottom=\"near\">\n      <div class=\"ui-text-input-hint text-body--supporting text-color--supporting\">{{hint}}</div>\n    </ui-box>\n  </ui-stack>\n</ui-stack>", styles: ["html{font-size:62.5%}html,html body{font-family:var(--semantic-font-family-body);font-weight:var(--semantic-font-weight-normal);font-size:var(--semantic-font-styles-body-default-size);line-height:var(--semantic-font-styles-body-default-line-height);color:var(--semantic-color-text-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--semantic-font-weight-bold)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote{font-family:var(--semantic-font-family-headline)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--semantic-font-family-headline-secondary)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1),.text-heading--hero{font-size:var(--semantic-font-styles-heading-hero-size);line-height:var(--semantic-font-styles-heading-hero-line-height)}@media only screen and (max-width: 767px){h1:not(.seo-h1),.text-heading--hero{font-size:var(--semantic-font-styles-heading-hero-mobile-size);line-height:var(--semantic-font-styles-heading-hero-mobile-line-height)}}h2,.text-heading--primary{font-size:var(--semantic-font-styles-heading-primary-size);line-height:var(--semantic-font-styles-heading-primary-line-height)}@media only screen and (max-width: 767px){h2,.text-heading--primary{font-size:var(--semantic-font-styles-heading-primary-mobile-size);line-height:var(--semantic-font-styles-heading-primary-mobile-line-height)}}h3,.text-heading--secondary{font-size:var(--semantic-font-styles-heading-secondary-size);line-height:var(--semantic-font-styles-heading-secondary-line-height)}h4,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{font-size:var(--semantic-font-styles-heading-functional-primary-size);line-height:var(--semantic-font-styles-heading-functional-primary-line-height);font-weight:var(--semantic-font-styles-heading-heading-functional-weight)}@media only screen and (max-width: 767px){h4,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{font-size:var(--semantic-font-styles-heading-functional-primary-mobile-size);line-height:var(--semantic-font-styles-heading-functional-primary-mobile-line-height)}}h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{font-size:var(--semantic-font-styles-heading-functional-secondary-size);line-height:var(--semantic-font-styles-heading-functional-secondary-line-height);font-weight:var(--semantic-font-styles-heading-heading-functional-weight)}@media only screen and (max-width: 767px){h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{font-size:var(--semantic-font-styles-heading-functional-secondary-mobile-size);line-height:var(--semantic-font-styles-heading-functional-secondary-mobile-line-height)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary{font-size:var(--semantic-font-styles-label-primary-size);line-height:var(--semantic-font-styles-label-primary-line-height);font-weight:var(--semantic-font-styles-label-weight)}.text-label--secondary{font-size:var(--semantic-font-styles-label-secondary-size);line-height:var(--semantic-font-styles-label-secondary-line-height);font-weight:var(--semantic-font-styles-label-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote{font-size:var(--semantic-font-styles-body-expressive-size);line-height:var(--semantic-font-styles-body-expressive-line-height)}.text-body--hero,.ui-text-input-container .ui-text-input input:-webkit-autofill:first-line,.ui-rce h6,.ui-prose h6,article h6{font-size:var(--semantic-font-styles-body-hero-size);line-height:var(--semantic-font-styles-body-hero-line-height)}.text-body--default{font-size:var(--semantic-font-styles-body-default-size);line-height:var(--semantic-font-styles-body-default-line-height)}.text-body--supporting{font-size:var(--semantic-font-styles-body-supporting-size);line-height:var(--semantic-font-styles-body-supporting-line-height)}.text-body--regular,.ui-rce h6,.ui-prose h6,article h6{font-weight:var(--semantic-font-weight-normal)}.text-body--line-through{text-decoration:line-through}.text-body--emphasis,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2,a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{font-weight:var(--semantic-font-weight-medium)}.text-color--on-dark{color:var(--semantic-color-text-primary-on-dark)}.text-color--on-dark.text-color--supporting,.text-color--on-dark .text-color--supporting{color:var(--semantic-color-text-supporting-on-dark)}.text-color--supporting{color:var(--semantic-color-text-supporting)}.text-color--error{color:var(--semantic-color-tint-error)}a{color:inherit;text-decoration:none}.text--readable-width,.ui-rce blockquote,.ui-prose blockquote,article blockquote{max-width:70ch}a,.text-link,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:none;cursor:pointer}a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{text-decoration:underline}a--paragraph,.text-link--paragraph,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:underline;font-weight:inherit}.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--semantic-font-prose-vertical-adjustment-heading-primary-large-top);margin-bottom:var(--semantic-font-prose-vertical-adjustment-heading-primary-large-bottom)}@media only screen and (max-width: 767px){.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--semantic-font-prose-vertical-adjustment-heading-primary-small-top);margin-bottom:var(--semantic-font-prose-vertical-adjustment-heading-primary-small-bottom)}}.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--semantic-font-prose-vertical-adjustment-heading-secondary-large-top);margin-bottom:var(--semantic-font-prose-vertical-adjustment-heading-secondary-large-bottom)}@media only screen and (max-width: 767px){.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--semantic-font-prose-vertical-adjustment-heading-secondary-small-top);margin-bottom:var(--semantic-font-prose-vertical-adjustment-heading-secondary-small-bottom)}}.ui-rce p,.ui-rce ul,.ui-rce ol,.ui-prose p,.ui-prose ul,.ui-prose ol,article p,article ul,article ol{margin-bottom:var(--semantic-font-prose-vertical-adjustment-paragraph-bottom)}.ui-rce p:empty,.ui-rce ul:empty,.ui-rce ol:empty,.ui-prose p:empty,.ui-prose ul:empty,.ui-prose ol:empty,article p:empty,article ul:empty,article ol:empty{display:none}.ui-rce blockquote,.ui-prose blockquote,article blockquote{padding-top:var(--semantic-font-prose-vertical-adjustment-blockquote-top);margin-bottom:var(--semantic-font-prose-vertical-adjustment-blockquote-bottom);text-align:center;margin:0 auto}.ui-rce hr,.ui-prose hr,article hr{display:block;width:100%;border:0;padding:0;margin:0;height:var(--global-size-unit-08);background:var(--semantic-color-background-core-secondary);margin-top:var(--semantic-spacing-box-expanded);margin-bottom:var(--semantic-spacing-box-expanded)}.ui-rce ol,.ui-prose ol,article ol{list-style-type:decimal;list-style-position:inside}.ui-rce ul,.ui-prose ul,article ul{list-style:initial;list-style-position:inside}.ui-rce .ui-rce-embed,.ui-prose .ui-rce-embed,article .ui-rce-embed{padding-top:var(--semantic-font-prose-vertical-adjustment-component-top-bottom);margin-bottom:var(--semantic-font-prose-vertical-adjustment-component-top-bottom)}.ui-rce .ui-rce-embed ui-button a,.ui-rce .ui-rce-embed ui-button a:hover,.ui-prose .ui-rce-embed ui-button a,.ui-prose .ui-rce-embed ui-button a:hover,article .ui-rce-embed ui-button a,article .ui-rce-embed ui-button a:hover{text-decoration:none}.ui-rce>ui-box .ui-box-content>*:first-child{padding-top:0}.ui-rce>ui-box .ui-box-content>*:last-child{margin-bottom:0}.ui-rce .ui-rce-instance:last-of-type{padding-bottom:var(--semantic-spacing-box-expanded)}.ui-rce ui-button,.ui-rce img{display:inline-block;margin:0;margin-top:var(--semantic-spacing-box-near);margin-right:var(--semantic-spacing-box-near);vertical-align:top}.ui-rce ui-button:last-child,.ui-rce img:last-child{margin-right:0}.ui-rce img{width:100%}.ui-rce ol p,.ui-rce ul p{display:inline;margin:0}form fieldset legend{margin-bottom:var(--semantic-spacing-stack-near)}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus)) .ui-text-input{border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-tint-error)}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus)) .input-errors .input-errors-content{visibility:visible!important}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .ui-text-input{border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-tint-error)}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .input-errors .input-errors-content{visibility:visible!important}.ui-checkbox input,.ui-radio input,.ui-text-input input{-webkit-appearance:none;appearance:none;margin:0;border:none}.ui-checkbox,.ui-radio{--_inset: var(--semantic-spacing-box-near);--_radius: var(--semantic-spacing-border-radius-soften-ui);--_transition_duration: var(--global-animation-duration)}.ui-checkbox input,.ui-radio input{position:absolute;inset:0;border-radius:var(--semantic-spacing-border-radius-soften-ui)}.ui-checkbox input.secondary,.ui-radio input.secondary{inset:unset;top:var(--_inset);--_focusSize: var(--semantic-font-styles-label-secondary-line-height);width:var(--_focusSize);height:var(--_focusSize)}.ui-checkbox input+label,.ui-radio input+label{width:inherit;display:flex;align-items:center;gap:var(--semantic-spacing-stack-tight)}.ui-checkbox input+label .icon-container,.ui-radio input+label .icon-container{align-self:flex-start;padding:var(--component-checkbox-icon-inset);border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selected-border);border-radius:var(--_radius)}.ui-checkbox input+label .input-hint:empty,.ui-radio input+label .input-hint:empty{display:none}.ui-checkbox input+label.primary,.ui-radio input+label.primary{padding:var(--_inset);border-radius:var(--_radius);border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selectable-border)}.ui-checkbox input+label.secondary,.ui-radio input+label.secondary{padding:var(--_inset) 0}.ui-checkbox input+label.secondary .icon-container,.ui-radio input+label.secondary .icon-container{background:transparent;border-radius:var(--_radius);border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selected-border)}.ui-checkbox input+label,.ui-checkbox input+label .icon-container,.ui-radio input+label,.ui-radio input+label .icon-container{transition:background-color var(--_transition_duration),border-color var(--_transition_duration)}.ui-checkbox input:hover+label.primary,.ui-checkbox input:checked+label.primary,.ui-radio input:hover+label.primary,.ui-radio input:checked+label.primary{background:var(--semantic-color-state-selected-fill)}.ui-checkbox input:hover+label.secondary .icon-container,.ui-checkbox input:checked+label.secondary .icon-container,.ui-radio input:hover+label.secondary .icon-container,.ui-radio input:checked+label.secondary .icon-container{background:var(--semantic-color-state-selected-fill)}.ui-checkbox input:checked+label.primary .icon-container,.ui-checkbox input:checked+label.secondary .icon-container,.ui-radio input:checked+label.primary .icon-container,.ui-radio input:checked+label.secondary .icon-container{background:var(--semantic-color-state-selected-border);border-color:var(--semantic-color-state-selected-border);color:var(--semantic-color-text-primary-on-dark)}.ui-checkbox input:checked+label.primary,.ui-radio input:checked+label.primary{border-color:var(--semantic-color-state-selected-border)}.ui-checkbox input.ng-touched.ng-invalid+label,.ui-radio input.ng-touched.ng-invalid+label{color:var(--semantic-color-tint-error)}.ui-checkbox input.ng-touched.ng-invalid+label .icon-container,.ui-radio input.ng-touched.ng-invalid+label .icon-container{border-color:var(--semantic-color-tint-error)}.ui-chip .ui-checkbox input+label .icon-container.icon--hidden,.ui-chip .ui-radio input+label .icon-container.icon--hidden{display:none}.ui-chip .ui-checkbox input+label .label--center,.ui-chip .ui-radio input+label .label--center{margin:0 auto}.ui-chip .ui-checkbox input:checked+label.primary,.ui-chip .ui-radio input:checked+label.primary{border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selected-border)!important}:host{display:block;width:100%}.ui-text-input-container .ui-text-input{--_label-height: var(--semantic-font-styles-body-supporting-line-height);--_label-input-gap: var(--semantic-spacing-stack-tiny);--_label-top-inset: var(--semantic-spacing-box-near);--_input-inset-top: calc(var(--_label-height) + var(--_label-input-gap) + var(--_label-top-inset));--_preface-width: var(--component-text-input-preface-width);position:relative;transition:border var(--global-animation-duration-long);border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selectable-border)}.ui-text-input-container .ui-text-input,.ui-text-input-container .ui-text-input input{border-radius:var(--semantic-spacing-border-radius-soften-ui);width:100%}.ui-text-input-container .ui-text-input input{padding:var(--semantic-spacing-box-near);padding-top:var(--_input-inset-top)}.ui-text-input-container .ui-text-input .label-container{position:absolute;top:var(--semantic-spacing-box-near);left:var(--semantic-spacing-box-near);right:var(--semantic-spacing-box-near);width:calc(100% - var(--semantic-spacing-box-near) - var(--semantic-spacing-box-near))}.ui-text-input-container .ui-text-input .label-container label{pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-text-input-container .ui-text-input:has(.input-preface:not(:empty)){--_left-inset: calc(var(--semantic-spacing-box-near) + var(--_preface-width))}.ui-text-input-container .ui-text-input:has(.input-preface:not(:empty)) .label-container{left:var(--_left-inset);width:calc(100% - var(--_left-inset) - var(--semantic-spacing-box-near))}.ui-text-input-container .ui-text-input:has(.input-preface:not(:empty)) input{padding-left:var(--_left-inset)}.ui-text-input-container .ui-text-input .input-preface{width:var(--_preface-width);height:100%;position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;flex-direction:column;text-align:center;border-right:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selectable-border)}.ui-text-input-container .ui-text-input .input-preface:empty{visibility:hidden}.ui-text-input-container .input-errors{--_ad: var(--global-animation-duration-long);display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transform:translateY(-33%);transition:grid-template-rows var(--_ad),opacity var(--_ad),transform var(--_ad);transition-timing-function:cubic-bezier(var(--global-animation-timing-function-soft));will-change:grid-template-rows,transform,opacity}.ui-text-input-container .input-errors .input-errors-content{min-height:0;visibility:hidden;transition:visibility var(--_ad)}.ui-text-input-container:has(input.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus)) .ui-text-input{border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-tint-error)}.ui-text-input-container:has(input.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}.ui-text-input-container:has(input.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus)) .input-errors .input-errors-content{visibility:visible!important}.ui-text-input-container:has(input:disabled) input{background-color:none;color:var(--component-text-input-color-disabled-foreground)}.ui-text-input-container:has(input:disabled) .ui-text-input{background-color:var(--component-text-input-color-disabled-background)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width"] }, { kind: "component", type: i3.LayoutStackComponent, selector: "ui-stack", inputs: ["stack_gap", "stack_align", "stack_direction", "stack_distribute", "stack_wrap", "stack_collapse_below"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.OasysHrefDirective, selector: "a, uiHref, [uiHref]" }, { kind: "directive", type: i6.OasysAutofocusDirective, selector: "[autofocus]", inputs: ["autofocus"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TextInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ui-text-input', providers: [
@@ -82,7 +82,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                             useExisting: forwardRef(() => TextInputComponent),
                             multi: true,
                         },
-                    ], template: "<ui-stack class=\"ui-text-input-container\" stack_gap=\"tight\">\n  <div class=\"ui-text-input\">\n    <ui-stack stack_direction=\"x\">\n      <div class=\"input-preface\">\n        <ng-content select=\"[preface]\"></ng-content>\n      </div>\n      <input\n      #textinput\n      [id]=\"id\"\n      [name]=\"id\"\n      [ngModel]=\"textValue\"\n      (ngModelChange)=\"onModelChange($event)\"\n      [ngClass]=\"inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\n      [attr.autocorrect]=\"safariAutocorrect\"\n      [attr.disabled]=\"disabled || null\"\n      [autofocus]=\"autofocus\"\n      [autocomplete]=\"autocomplete || null\"\n      [minlength]=\"minlength || null\"\n      [maxlength]=\"maxlength\"\n      [pattern]=\"pattern || null\"\n      [required]=\"!optional\"\n      [spellcheck]=\"autocorrect\"\n      [type]=\"textInputType\"\n      [value]=\"textValue\"\n      class=\"text-body--default text-body--regular\"\n      />\n    </ui-stack>\n    <ui-stack class=\"label-container\" stack_direction=\"x\"\n      [stack_distribute]=\"type === 'password' ? 'space-between' : 'start'\">\n      <label class=\"text-body--supporting text-body--regular\" [for]=\"id\">{{label}}</label>\n      <a (click)=\"toggleShowPassword()\" class=\"text-body--supporting text-color--supporting\"\n        *ngIf=\"type === 'password'\">\n        <span *ngIf=\"!showPassword\">{{show_password_string}}</span>\n        <span *ngIf=\"showPassword\">{{hide_password_string}}</span>\n      </a>\n    </ui-stack>\n  </div>\n  <ui-stack stack_gap=\"none\">\n    <div class=\"input-errors\">\n      <div class=\"input-errors-content\">\n        <ng-content select=\"ui-form-errors\"></ng-content>\n      </div>\n    </div>\n    <ui-box *ngIf=\"hint\" box_background=\"none\" box_space=\"none\" box_space_left=\"near\" box_space_right=\"near\"\n      box_space_bottom=\"near\">\n      <div class=\"ui-text-input-hint text-body--supporting text-color--supporting\">{{hint}}</div>\n    </ui-box>\n  </ui-stack>\n</ui-stack>", styles: ["html{font-size:62.5%}html,html body{font-family:var(--semantic-font-family-body);font-weight:var(--semantic-font-weight-normal);font-size:var(--semantic-font-styles-body-default-size);line-height:var(--semantic-font-styles-body-default-line-height);color:var(--semantic-color-text-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--semantic-font-weight-bold)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote{font-family:var(--semantic-font-family-headline)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--semantic-font-family-headline-secondary)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1),.text-heading--hero{font-size:var(--semantic-font-styles-heading-hero-size);line-height:var(--semantic-font-styles-heading-hero-line-height)}@media only screen and (max-width: 767px){h1:not(.seo-h1),.text-heading--hero{font-size:var(--semantic-font-styles-heading-hero-mobile-size);line-height:var(--semantic-font-styles-heading-hero-mobile-line-height)}}h2,.text-heading--primary{font-size:var(--semantic-font-styles-heading-primary-size);line-height:var(--semantic-font-styles-heading-primary-line-height)}@media only screen and (max-width: 767px){h2,.text-heading--primary{font-size:var(--semantic-font-styles-heading-primary-mobile-size);line-height:var(--semantic-font-styles-heading-primary-mobile-line-height)}}h3,.text-heading--secondary{font-size:var(--semantic-font-styles-heading-secondary-size);line-height:var(--semantic-font-styles-heading-secondary-line-height)}h4,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{font-size:var(--semantic-font-styles-heading-functional-primary-size);line-height:var(--semantic-font-styles-heading-functional-primary-line-height);font-weight:var(--semantic-font-styles-heading-heading-functional-weight)}@media only screen and (max-width: 767px){h4,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{font-size:var(--semantic-font-styles-heading-functional-primary-mobile-size);line-height:var(--semantic-font-styles-heading-functional-primary-mobile-line-height)}}h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{font-size:var(--semantic-font-styles-heading-functional-secondary-size);line-height:var(--semantic-font-styles-heading-functional-secondary-line-height);font-weight:var(--semantic-font-styles-heading-heading-functional-weight)}@media only screen and (max-width: 767px){h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{font-size:var(--semantic-font-styles-heading-functional-secondary-mobile-size);line-height:var(--semantic-font-styles-heading-functional-secondary-mobile-line-height)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary{font-size:var(--semantic-font-styles-label-primary-size);line-height:var(--semantic-font-styles-label-primary-line-height);font-weight:var(--semantic-font-styles-label-weight)}.text-label--secondary{font-size:var(--semantic-font-styles-label-secondary-size);line-height:var(--semantic-font-styles-label-secondary-line-height);font-weight:var(--semantic-font-styles-label-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote{font-size:var(--semantic-font-styles-body-expressive-size);line-height:var(--semantic-font-styles-body-expressive-line-height)}.text-body--hero,.ui-text-input-container .ui-text-input input:-webkit-autofill:first-line,.ui-rce h6,.ui-prose h6,article h6{font-size:var(--semantic-font-styles-body-hero-size);line-height:var(--semantic-font-styles-body-hero-line-height)}.text-body--default{font-size:var(--semantic-font-styles-body-default-size);line-height:var(--semantic-font-styles-body-default-line-height)}.text-body--supporting{font-size:var(--semantic-font-styles-body-supporting-size);line-height:var(--semantic-font-styles-body-supporting-line-height)}.text-body--regular,.ui-rce h6,.ui-prose h6,article h6{font-weight:var(--semantic-font-weight-normal)}.text-body--line-through{text-decoration:line-through}.text-body--emphasis,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2,a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{font-weight:var(--semantic-font-weight-medium)}.text-color--on-dark{color:var(--semantic-color-text-primary-on-dark)}.text-color--on-dark.text-color--supporting,.text-color--on-dark .text-color--supporting{color:var(--semantic-color-text-supporting-on-dark)}.text-color--supporting{color:var(--semantic-color-text-supporting)}.text-color--error{color:var(--semantic-color-tint-error)}a{color:inherit;text-decoration:none}.text--readable-width,.ui-rce blockquote,.ui-prose blockquote,article blockquote{max-width:70ch}a,.text-link,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:none;cursor:pointer}a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{text-decoration:underline}a--paragraph,.text-link--paragraph,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:underline;font-weight:inherit}.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--semantic-font-prose-vertical-adjustment-heading-primary-large-top);margin-bottom:var(--semantic-font-prose-vertical-adjustment-heading-primary-large-bottom)}@media only screen and (max-width: 767px){.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--semantic-font-prose-vertical-adjustment-heading-primary-small-top);margin-bottom:var(--semantic-font-prose-vertical-adjustment-heading-primary-small-bottom)}}.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--semantic-font-prose-vertical-adjustment-heading-secondary-large-top);margin-bottom:var(--semantic-font-prose-vertical-adjustment-heading-secondary-large-bottom)}@media only screen and (max-width: 767px){.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--semantic-font-prose-vertical-adjustment-heading-secondary-small-top);margin-bottom:var(--semantic-font-prose-vertical-adjustment-heading-secondary-small-bottom)}}.ui-rce p,.ui-rce ul,.ui-rce ol,.ui-prose p,.ui-prose ul,.ui-prose ol,article p,article ul,article ol{margin-bottom:var(--semantic-font-prose-vertical-adjustment-paragraph-bottom)}.ui-rce p:empty,.ui-rce ul:empty,.ui-rce ol:empty,.ui-prose p:empty,.ui-prose ul:empty,.ui-prose ol:empty,article p:empty,article ul:empty,article ol:empty{display:none}.ui-rce blockquote,.ui-prose blockquote,article blockquote{padding-top:var(--semantic-font-prose-vertical-adjustment-blockquote-top);margin-bottom:var(--semantic-font-prose-vertical-adjustment-blockquote-bottom);text-align:center;margin:0 auto}.ui-rce hr,.ui-prose hr,article hr{display:block;width:100%;border:0;padding:0;margin:0;height:var(--global-size-unit-08);background:var(--semantic-color-background-core-secondary);margin-top:var(--semantic-spacing-box-expanded);margin-bottom:var(--semantic-spacing-box-expanded)}.ui-rce ol,.ui-prose ol,article ol{list-style-type:decimal;list-style-position:inside}.ui-rce ul,.ui-prose ul,article ul{list-style:initial;list-style-position:inside}.ui-rce .ui-rce-embed,.ui-prose .ui-rce-embed,article .ui-rce-embed{padding-top:var(--semantic-font-prose-vertical-adjustment-component-top-bottom);margin-bottom:var(--semantic-font-prose-vertical-adjustment-component-top-bottom)}.ui-rce .ui-rce-embed ui-button a,.ui-rce .ui-rce-embed ui-button a:hover,.ui-prose .ui-rce-embed ui-button a,.ui-prose .ui-rce-embed ui-button a:hover,article .ui-rce-embed ui-button a,article .ui-rce-embed ui-button a:hover{text-decoration:none}.ui-rce>ui-box .ui-box-content>*:first-child{padding-top:0}.ui-rce>ui-box .ui-box-content>*:last-child{margin-bottom:0}.ui-rce .ui-rce-instance:last-of-type{padding-bottom:var(--semantic-spacing-box-expanded)}.ui-rce ui-button,.ui-rce img{display:inline-block;margin:0;margin-top:var(--semantic-spacing-box-near);margin-right:var(--semantic-spacing-box-near);vertical-align:top}.ui-rce ui-button:last-child,.ui-rce img:last-child{margin-right:0}.ui-rce img{width:100%}.ui-rce ol p,.ui-rce ul p{display:inline;margin:0}form fieldset legend{margin-bottom:var(--semantic-spacing-stack-near)}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus)) .ui-text-input{border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-tint-error)}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus)) .input-errors .input-errors-content{visibility:visible!important}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .ui-text-input{border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-tint-error)}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .input-errors .input-errors-content{visibility:visible!important}.ui-checkbox input,.ui-radio input,.ui-text-input input{-webkit-appearance:none;appearance:none;margin:0;border:none}.ui-checkbox,.ui-radio{--_inset: var(--semantic-spacing-box-near);--_radius: var(--semantic-spacing-border-radius-soften-ui);--_transition_duration: var(--global-animation-duration)}.ui-checkbox input,.ui-radio input{position:absolute;inset:0;border-radius:var(--semantic-spacing-border-radius-soften-ui)}.ui-checkbox input.secondary,.ui-radio input.secondary{inset:unset;top:var(--_inset);--_focusSize: var(--semantic-font-styles-label-secondary-line-height);width:var(--_focusSize);height:var(--_focusSize)}.ui-checkbox input+label,.ui-radio input+label{width:inherit;display:flex;align-items:center;gap:var(--semantic-spacing-stack-tight)}.ui-checkbox input+label .icon-container,.ui-radio input+label .icon-container{padding:var(--component-checkbox-icon-inset);border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selected-border);border-radius:var(--_radius)}.ui-checkbox input+label .input-hint:empty,.ui-radio input+label .input-hint:empty{display:none}.ui-checkbox input+label.primary,.ui-radio input+label.primary{padding:var(--_inset);border-radius:var(--_radius);border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selectable-border)}.ui-checkbox input+label.secondary,.ui-radio input+label.secondary{padding:var(--_inset) 0}.ui-checkbox input+label.secondary .icon-container,.ui-radio input+label.secondary .icon-container{background:transparent;border-radius:var(--_radius);border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selected-border)}.ui-checkbox input+label,.ui-checkbox input+label .icon-container,.ui-radio input+label,.ui-radio input+label .icon-container{transition:background-color var(--_transition_duration),border-color var(--_transition_duration)}.ui-checkbox input:hover+label.primary,.ui-checkbox input:checked+label.primary,.ui-radio input:hover+label.primary,.ui-radio input:checked+label.primary{background:var(--semantic-color-state-selected-fill)}.ui-checkbox input:hover+label.secondary .icon-container,.ui-checkbox input:checked+label.secondary .icon-container,.ui-radio input:hover+label.secondary .icon-container,.ui-radio input:checked+label.secondary .icon-container{background:var(--semantic-color-state-selected-fill)}.ui-checkbox input:checked+label.primary .icon-container,.ui-checkbox input:checked+label.secondary .icon-container,.ui-radio input:checked+label.primary .icon-container,.ui-radio input:checked+label.secondary .icon-container{background:var(--semantic-color-state-selected-border);border-color:var(--semantic-color-state-selected-border);color:var(--semantic-color-text-primary-on-dark)}.ui-checkbox input:checked+label.primary,.ui-radio input:checked+label.primary{border-color:var(--semantic-color-state-selected-border)}.ui-checkbox input.ng-touched.ng-invalid+label,.ui-radio input.ng-touched.ng-invalid+label{color:var(--semantic-color-tint-error)}.ui-checkbox input.ng-touched.ng-invalid+label .icon-container,.ui-radio input.ng-touched.ng-invalid+label .icon-container{border-color:var(--semantic-color-tint-error)}:host{display:block;width:100%}.ui-text-input-container .ui-text-input{--_label-height: var(--semantic-font-styles-body-supporting-line-height);--_label-input-gap: var(--semantic-spacing-stack-tiny);--_label-top-inset: var(--semantic-spacing-box-near);--_input-inset-top: calc(var(--_label-height) + var(--_label-input-gap) + var(--_label-top-inset));--_preface-width: var(--component-text-input-preface-width);position:relative;transition:border var(--global-animation-duration-long);border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selectable-border)}.ui-text-input-container .ui-text-input,.ui-text-input-container .ui-text-input input{border-radius:var(--semantic-spacing-border-radius-soften-ui);width:100%}.ui-text-input-container .ui-text-input input{padding:var(--semantic-spacing-box-near);padding-top:var(--_input-inset-top)}.ui-text-input-container .ui-text-input .label-container{position:absolute;top:var(--semantic-spacing-box-near);left:var(--semantic-spacing-box-near);right:var(--semantic-spacing-box-near);width:calc(100% - var(--semantic-spacing-box-near) - var(--semantic-spacing-box-near))}.ui-text-input-container .ui-text-input .label-container label{pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-text-input-container .ui-text-input:has(.input-preface:not(:empty)){--_left-inset: calc(var(--semantic-spacing-box-near) + var(--_preface-width))}.ui-text-input-container .ui-text-input:has(.input-preface:not(:empty)) .label-container{left:var(--_left-inset);width:calc(100% - var(--_left-inset) - var(--semantic-spacing-box-near))}.ui-text-input-container .ui-text-input:has(.input-preface:not(:empty)) input{padding-left:var(--_left-inset)}.ui-text-input-container .ui-text-input .input-preface{width:var(--_preface-width);height:100%;position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;flex-direction:column;text-align:center;border-right:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selectable-border)}.ui-text-input-container .ui-text-input .input-preface:empty{visibility:hidden}.ui-text-input-container .input-errors{--_ad: var(--global-animation-duration-long);display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transform:translateY(-33%);transition:grid-template-rows var(--_ad),opacity var(--_ad),transform var(--_ad);transition-timing-function:cubic-bezier(var(--global-animation-timing-function-soft));will-change:grid-template-rows,transform,opacity}.ui-text-input-container .input-errors .input-errors-content{min-height:0;visibility:hidden;transition:visibility var(--_ad)}.ui-text-input-container:has(input.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus)) .ui-text-input{border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-tint-error)}.ui-text-input-container:has(input.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}.ui-text-input-container:has(input.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus)) .input-errors .input-errors-content{visibility:visible!important}.ui-text-input-container:has(input:disabled) input{background-color:none;color:var(--component-text-input-color-disabled-foreground)}.ui-text-input-container:has(input:disabled) .ui-text-input{background-color:var(--component-text-input-color-disabled-background)}\n"] }]
+                    ], template: "<ui-stack class=\"ui-text-input-container\" stack_gap=\"tight\">\n  <div class=\"ui-text-input\">\n    <ui-stack stack_direction=\"x\">\n      <div class=\"input-preface\">\n        <ng-content select=\"[preface]\"></ng-content>\n      </div>\n      <input\n      #textinput\n      [id]=\"id\"\n      [name]=\"id\"\n      [ngModel]=\"textValue\"\n      (ngModelChange)=\"onModelChange($event)\"\n      [ngClass]=\"inputDidChange ? 'ng-input-did-change' : 'ng-input-did-not-change'\"\n      [attr.autocorrect]=\"safariAutocorrect\"\n      [attr.disabled]=\"disabled || null\"\n      [autofocus]=\"autofocus\"\n      [autocomplete]=\"autocomplete || null\"\n      [minlength]=\"minlength || null\"\n      [maxlength]=\"maxlength\"\n      [pattern]=\"pattern || null\"\n      [required]=\"!optional\"\n      [spellcheck]=\"autocorrect\"\n      [type]=\"textInputType\"\n      [value]=\"textValue\"\n      class=\"text-body--default text-body--regular\"\n      />\n    </ui-stack>\n    <ui-stack class=\"label-container\" stack_direction=\"x\"\n      [stack_distribute]=\"type === 'password' ? 'space-between' : 'start'\">\n      <label class=\"text-body--supporting text-body--regular\" [for]=\"id\">{{label}}</label>\n      <a (click)=\"toggleShowPassword()\" class=\"text-body--supporting text-color--supporting\"\n        *ngIf=\"type === 'password'\">\n        <span *ngIf=\"!showPassword\">{{show_password_string}}</span>\n        <span *ngIf=\"showPassword\">{{hide_password_string}}</span>\n      </a>\n    </ui-stack>\n  </div>\n  <ui-stack stack_gap=\"none\">\n    <div class=\"input-errors\">\n      <div class=\"input-errors-content\">\n        <ng-content select=\"ui-form-errors\"></ng-content>\n      </div>\n    </div>\n    <ui-box *ngIf=\"hint\" box_background=\"none\" box_space=\"none\" box_space_left=\"near\" box_space_right=\"near\"\n      box_space_bottom=\"near\">\n      <div class=\"ui-text-input-hint text-body--supporting text-color--supporting\">{{hint}}</div>\n    </ui-box>\n  </ui-stack>\n</ui-stack>", styles: ["html{font-size:62.5%}html,html body{font-family:var(--semantic-font-family-body);font-weight:var(--semantic-font-weight-normal);font-size:var(--semantic-font-styles-body-default-size);line-height:var(--semantic-font-styles-body-default-line-height);color:var(--semantic-color-text-primary)}html b,html bold,html strong,html body b,html body bold,html body strong{font-weight:var(--semantic-font-weight-bold)}html i,html body i{font-style:normal}h1,h2,h3,.text-heading,.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote{font-family:var(--semantic-font-family-headline)}h4,h5,h6,.text-heading--functional,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2{font-family:var(--semantic-font-family-headline-secondary)}ui-container h1,ui-container h2,ui-container h3,ui-container h4,ui-container h5,ui-container h6,ui-container p,ui-box h1,ui-box h2,ui-box h3,ui-box h4,ui-box h5,ui-box h6,ui-box p,ui-stack h1,ui-stack h2,ui-stack h3,ui-stack h4,ui-stack h5,ui-stack h6,ui-stack p,ui-grid h1,ui-grid h2,ui-grid h3,ui-grid h4,ui-grid h5,ui-grid h6,ui-grid p{margin:0}h1:not(.seo-h1),.text-heading--hero{font-size:var(--semantic-font-styles-heading-hero-size);line-height:var(--semantic-font-styles-heading-hero-line-height)}@media only screen and (max-width: 767px){h1:not(.seo-h1),.text-heading--hero{font-size:var(--semantic-font-styles-heading-hero-mobile-size);line-height:var(--semantic-font-styles-heading-hero-mobile-line-height)}}h2,.text-heading--primary{font-size:var(--semantic-font-styles-heading-primary-size);line-height:var(--semantic-font-styles-heading-primary-line-height)}@media only screen and (max-width: 767px){h2,.text-heading--primary{font-size:var(--semantic-font-styles-heading-primary-mobile-size);line-height:var(--semantic-font-styles-heading-primary-mobile-line-height)}}h3,.text-heading--secondary{font-size:var(--semantic-font-styles-heading-secondary-size);line-height:var(--semantic-font-styles-heading-secondary-line-height)}h4,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{font-size:var(--semantic-font-styles-heading-functional-primary-size);line-height:var(--semantic-font-styles-heading-functional-primary-line-height);font-weight:var(--semantic-font-styles-heading-heading-functional-weight)}@media only screen and (max-width: 767px){h4,.text-heading--functional--primary,.ui-rce h2,.ui-prose h2,article h2{font-size:var(--semantic-font-styles-heading-functional-primary-mobile-size);line-height:var(--semantic-font-styles-heading-functional-primary-mobile-line-height)}}h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{font-size:var(--semantic-font-styles-heading-functional-secondary-size);line-height:var(--semantic-font-styles-heading-functional-secondary-line-height);font-weight:var(--semantic-font-styles-heading-heading-functional-weight)}@media only screen and (max-width: 767px){h5,.text-heading--functional--secondary,.ui-rce h3,.ui-prose h3,article h3{font-size:var(--semantic-font-styles-heading-functional-secondary-mobile-size);line-height:var(--semantic-font-styles-heading-functional-secondary-mobile-line-height)}}label{-webkit-user-select:none;user-select:none;cursor:pointer}label,.text-label--primary{font-size:var(--semantic-font-styles-label-primary-size);line-height:var(--semantic-font-styles-label-primary-line-height);font-weight:var(--semantic-font-styles-label-weight)}.text-label--secondary{font-size:var(--semantic-font-styles-label-secondary-size);line-height:var(--semantic-font-styles-label-secondary-line-height);font-weight:var(--semantic-font-styles-label-weight)}.text-body--expressive,.ui-rce blockquote,.ui-prose blockquote,article blockquote{font-size:var(--semantic-font-styles-body-expressive-size);line-height:var(--semantic-font-styles-body-expressive-line-height)}.text-body--hero,.ui-text-input-container .ui-text-input input:-webkit-autofill:first-line,.ui-rce h6,.ui-prose h6,article h6{font-size:var(--semantic-font-styles-body-hero-size);line-height:var(--semantic-font-styles-body-hero-line-height)}.text-body--default{font-size:var(--semantic-font-styles-body-default-size);line-height:var(--semantic-font-styles-body-default-line-height)}.text-body--supporting{font-size:var(--semantic-font-styles-body-supporting-size);line-height:var(--semantic-font-styles-body-supporting-line-height)}.text-body--regular,.ui-rce h6,.ui-prose h6,article h6{font-weight:var(--semantic-font-weight-normal)}.text-body--line-through{text-decoration:line-through}.text-body--emphasis,.ui-rce h3,.ui-prose h3,article h3,.ui-rce h2,.ui-prose h2,article h2,a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{font-weight:var(--semantic-font-weight-medium)}.text-color--on-dark{color:var(--semantic-color-text-primary-on-dark)}.text-color--on-dark.text-color--supporting,.text-color--on-dark .text-color--supporting{color:var(--semantic-color-text-supporting-on-dark)}.text-color--supporting{color:var(--semantic-color-text-supporting)}.text-color--error{color:var(--semantic-color-tint-error)}a{color:inherit;text-decoration:none}.text--readable-width,.ui-rce blockquote,.ui-prose blockquote,article blockquote{max-width:70ch}a,.text-link,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:none;cursor:pointer}a--standalone,.text-link--standalone,.ui-rce .ui-rce-embed a,.ui-rce .ui-rce-embed a:hover,.ui-prose .ui-rce-embed a,.ui-prose .ui-rce-embed a:hover,article .ui-rce-embed a,article .ui-rce-embed a:hover{text-decoration:underline}a--paragraph,.text-link--paragraph,.ui-rce a,.ui-rce a:hover,.ui-prose a,.ui-prose a:hover,article a,article a:hover{text-decoration:underline;font-weight:inherit}.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--semantic-font-prose-vertical-adjustment-heading-primary-large-top);margin-bottom:var(--semantic-font-prose-vertical-adjustment-heading-primary-large-bottom)}@media only screen and (max-width: 767px){.ui-rce h2,.ui-prose h2,article h2{padding-top:var(--semantic-font-prose-vertical-adjustment-heading-primary-small-top);margin-bottom:var(--semantic-font-prose-vertical-adjustment-heading-primary-small-bottom)}}.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--semantic-font-prose-vertical-adjustment-heading-secondary-large-top);margin-bottom:var(--semantic-font-prose-vertical-adjustment-heading-secondary-large-bottom)}@media only screen and (max-width: 767px){.ui-rce h3,.ui-prose h3,article h3{padding-top:var(--semantic-font-prose-vertical-adjustment-heading-secondary-small-top);margin-bottom:var(--semantic-font-prose-vertical-adjustment-heading-secondary-small-bottom)}}.ui-rce p,.ui-rce ul,.ui-rce ol,.ui-prose p,.ui-prose ul,.ui-prose ol,article p,article ul,article ol{margin-bottom:var(--semantic-font-prose-vertical-adjustment-paragraph-bottom)}.ui-rce p:empty,.ui-rce ul:empty,.ui-rce ol:empty,.ui-prose p:empty,.ui-prose ul:empty,.ui-prose ol:empty,article p:empty,article ul:empty,article ol:empty{display:none}.ui-rce blockquote,.ui-prose blockquote,article blockquote{padding-top:var(--semantic-font-prose-vertical-adjustment-blockquote-top);margin-bottom:var(--semantic-font-prose-vertical-adjustment-blockquote-bottom);text-align:center;margin:0 auto}.ui-rce hr,.ui-prose hr,article hr{display:block;width:100%;border:0;padding:0;margin:0;height:var(--global-size-unit-08);background:var(--semantic-color-background-core-secondary);margin-top:var(--semantic-spacing-box-expanded);margin-bottom:var(--semantic-spacing-box-expanded)}.ui-rce ol,.ui-prose ol,article ol{list-style-type:decimal;list-style-position:inside}.ui-rce ul,.ui-prose ul,article ul{list-style:initial;list-style-position:inside}.ui-rce .ui-rce-embed,.ui-prose .ui-rce-embed,article .ui-rce-embed{padding-top:var(--semantic-font-prose-vertical-adjustment-component-top-bottom);margin-bottom:var(--semantic-font-prose-vertical-adjustment-component-top-bottom)}.ui-rce .ui-rce-embed ui-button a,.ui-rce .ui-rce-embed ui-button a:hover,.ui-prose .ui-rce-embed ui-button a,.ui-prose .ui-rce-embed ui-button a:hover,article .ui-rce-embed ui-button a,article .ui-rce-embed ui-button a:hover{text-decoration:none}.ui-rce>ui-box .ui-box-content>*:first-child{padding-top:0}.ui-rce>ui-box .ui-box-content>*:last-child{margin-bottom:0}.ui-rce .ui-rce-instance:last-of-type{padding-bottom:var(--semantic-spacing-box-expanded)}.ui-rce ui-button,.ui-rce img{display:inline-block;margin:0;margin-top:var(--semantic-spacing-box-near);margin-right:var(--semantic-spacing-box-near);vertical-align:top}.ui-rce ui-button:last-child,.ui-rce img:last-child{margin-right:0}.ui-rce img{width:100%}.ui-rce ol p,.ui-rce ul p{display:inline;margin:0}form fieldset legend{margin-bottom:var(--semantic-spacing-stack-near)}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus)) .ui-text-input{border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-tint-error)}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}form.ng-dirty .ui-text-input-container:has(input.ng-invalid.ng-input-did-change:not(:focus)) .input-errors .input-errors-content{visibility:visible!important}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .ui-text-input{border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-tint-error)}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}form.ng-dirty.ng-submitted .ui-text-input-container:has(input.ng-invalid) .input-errors .input-errors-content{visibility:visible!important}.ui-checkbox input,.ui-radio input,.ui-text-input input{-webkit-appearance:none;appearance:none;margin:0;border:none}.ui-checkbox,.ui-radio{--_inset: var(--semantic-spacing-box-near);--_radius: var(--semantic-spacing-border-radius-soften-ui);--_transition_duration: var(--global-animation-duration)}.ui-checkbox input,.ui-radio input{position:absolute;inset:0;border-radius:var(--semantic-spacing-border-radius-soften-ui)}.ui-checkbox input.secondary,.ui-radio input.secondary{inset:unset;top:var(--_inset);--_focusSize: var(--semantic-font-styles-label-secondary-line-height);width:var(--_focusSize);height:var(--_focusSize)}.ui-checkbox input+label,.ui-radio input+label{width:inherit;display:flex;align-items:center;gap:var(--semantic-spacing-stack-tight)}.ui-checkbox input+label .icon-container,.ui-radio input+label .icon-container{align-self:flex-start;padding:var(--component-checkbox-icon-inset);border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selected-border);border-radius:var(--_radius)}.ui-checkbox input+label .input-hint:empty,.ui-radio input+label .input-hint:empty{display:none}.ui-checkbox input+label.primary,.ui-radio input+label.primary{padding:var(--_inset);border-radius:var(--_radius);border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selectable-border)}.ui-checkbox input+label.secondary,.ui-radio input+label.secondary{padding:var(--_inset) 0}.ui-checkbox input+label.secondary .icon-container,.ui-radio input+label.secondary .icon-container{background:transparent;border-radius:var(--_radius);border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selected-border)}.ui-checkbox input+label,.ui-checkbox input+label .icon-container,.ui-radio input+label,.ui-radio input+label .icon-container{transition:background-color var(--_transition_duration),border-color var(--_transition_duration)}.ui-checkbox input:hover+label.primary,.ui-checkbox input:checked+label.primary,.ui-radio input:hover+label.primary,.ui-radio input:checked+label.primary{background:var(--semantic-color-state-selected-fill)}.ui-checkbox input:hover+label.secondary .icon-container,.ui-checkbox input:checked+label.secondary .icon-container,.ui-radio input:hover+label.secondary .icon-container,.ui-radio input:checked+label.secondary .icon-container{background:var(--semantic-color-state-selected-fill)}.ui-checkbox input:checked+label.primary .icon-container,.ui-checkbox input:checked+label.secondary .icon-container,.ui-radio input:checked+label.primary .icon-container,.ui-radio input:checked+label.secondary .icon-container{background:var(--semantic-color-state-selected-border);border-color:var(--semantic-color-state-selected-border);color:var(--semantic-color-text-primary-on-dark)}.ui-checkbox input:checked+label.primary,.ui-radio input:checked+label.primary{border-color:var(--semantic-color-state-selected-border)}.ui-checkbox input.ng-touched.ng-invalid+label,.ui-radio input.ng-touched.ng-invalid+label{color:var(--semantic-color-tint-error)}.ui-checkbox input.ng-touched.ng-invalid+label .icon-container,.ui-radio input.ng-touched.ng-invalid+label .icon-container{border-color:var(--semantic-color-tint-error)}.ui-chip .ui-checkbox input+label .icon-container.icon--hidden,.ui-chip .ui-radio input+label .icon-container.icon--hidden{display:none}.ui-chip .ui-checkbox input+label .label--center,.ui-chip .ui-radio input+label .label--center{margin:0 auto}.ui-chip .ui-checkbox input:checked+label.primary,.ui-chip .ui-radio input:checked+label.primary{border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selected-border)!important}:host{display:block;width:100%}.ui-text-input-container .ui-text-input{--_label-height: var(--semantic-font-styles-body-supporting-line-height);--_label-input-gap: var(--semantic-spacing-stack-tiny);--_label-top-inset: var(--semantic-spacing-box-near);--_input-inset-top: calc(var(--_label-height) + var(--_label-input-gap) + var(--_label-top-inset));--_preface-width: var(--component-text-input-preface-width);position:relative;transition:border var(--global-animation-duration-long);border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selectable-border)}.ui-text-input-container .ui-text-input,.ui-text-input-container .ui-text-input input{border-radius:var(--semantic-spacing-border-radius-soften-ui);width:100%}.ui-text-input-container .ui-text-input input{padding:var(--semantic-spacing-box-near);padding-top:var(--_input-inset-top)}.ui-text-input-container .ui-text-input .label-container{position:absolute;top:var(--semantic-spacing-box-near);left:var(--semantic-spacing-box-near);right:var(--semantic-spacing-box-near);width:calc(100% - var(--semantic-spacing-box-near) - var(--semantic-spacing-box-near))}.ui-text-input-container .ui-text-input .label-container label{pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-text-input-container .ui-text-input:has(.input-preface:not(:empty)){--_left-inset: calc(var(--semantic-spacing-box-near) + var(--_preface-width))}.ui-text-input-container .ui-text-input:has(.input-preface:not(:empty)) .label-container{left:var(--_left-inset);width:calc(100% - var(--_left-inset) - var(--semantic-spacing-box-near))}.ui-text-input-container .ui-text-input:has(.input-preface:not(:empty)) input{padding-left:var(--_left-inset)}.ui-text-input-container .ui-text-input .input-preface{width:var(--_preface-width);height:100%;position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;flex-direction:column;text-align:center;border-right:var(--semantic-spacing-border-width-default) solid var(--semantic-color-state-selectable-border)}.ui-text-input-container .ui-text-input .input-preface:empty{visibility:hidden}.ui-text-input-container .input-errors{--_ad: var(--global-animation-duration-long);display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transform:translateY(-33%);transition:grid-template-rows var(--_ad),opacity var(--_ad),transform var(--_ad);transition-timing-function:cubic-bezier(var(--global-animation-timing-function-soft));will-change:grid-template-rows,transform,opacity}.ui-text-input-container .input-errors .input-errors-content{min-height:0;visibility:hidden;transition:visibility var(--_ad)}.ui-text-input-container:has(input.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus)) .ui-text-input{border:var(--semantic-spacing-border-width-default) solid var(--semantic-color-tint-error)}.ui-text-input-container:has(input.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus)) .input-errors{grid-template-rows:1fr;transform:translateY(0);opacity:1}.ui-text-input-container:has(input.ng-invalid.ng-touched.ng-dirty.ng-input-did-change:not(:focus)) .input-errors .input-errors-content{visibility:visible!important}.ui-text-input-container:has(input:disabled) input{background-color:none;color:var(--component-text-input-color-disabled-foreground)}.ui-text-input-container:has(input:disabled) .ui-text-input{background-color:var(--component-text-input-color-disabled-background)}\n"] }]
         }], ctorParameters: function () { return [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]