pjc-fields 0.0.34 → 0.0.36

package/fesm2022/pjc-fields.mjs

@@ -1086,12 +1086,17 @@ class PjcUppercaseFieldComponent {
     id = input(`pjc-uppercase-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     labelVariant = input('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
-    value = '';
+    value = signal('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     disabled = false;
     onChange = () => { };
     onTouched = () => { };
     writeValue(val) {
-        this.value = val?.toUpperCase() ?? '';
+        if (val == null) {
+            this.value.set('');
+        }
+        else {
+            this.value.set(String(val).toUpperCase());
+        }
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -1104,7 +1109,7 @@ class PjcUppercaseFieldComponent {
     }
     onInput(event) {
         const upper = event.target.value.toUpperCase();
-        this.value = upper;
+        this.value.set(upper);
         this.onChange(upper);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcUppercaseFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -1114,7 +1119,7 @@ class PjcUppercaseFieldComponent {
                 useExisting: forwardRef(() => PjcUppercaseFieldComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <input\n        pInputText\n        [id]=\"id()\"\n        [value]=\"value\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 uppercase\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"value\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      [placeholder]=\"placeholder()\"\n      class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 uppercase\"\n    />\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <input\n        pInputText\n        [id]=\"id()\"\n        [value]=\"value()\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 uppercase\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"value\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      [placeholder]=\"placeholder()\"\n      class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 uppercase\"\n    />\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcUppercaseFieldComponent, decorators: [{
             type: Component,
@@ -1124,7 +1129,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                             useExisting: forwardRef(() => PjcUppercaseFieldComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <input\n        pInputText\n        [id]=\"id()\"\n        [value]=\"value\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 uppercase\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"value\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      [placeholder]=\"placeholder()\"\n      class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 uppercase\"\n    />\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
+                    ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <input\n        pInputText\n        [id]=\"id()\"\n        [value]=\"value()\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 uppercase\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"value\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      [placeholder]=\"placeholder()\"\n      class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500 uppercase\"\n    />\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }] } });
 
 class PjcCepFieldComponent {
@@ -1877,7 +1882,7 @@ class PjcCidadeFieldComponent {
     municipios = signal([], ...(ngDevMode ? [{ debugName: "municipios" }] : /* istanbul ignore next */ []));
     filteredMunicipios = signal([], ...(ngDevMode ? [{ debugName: "filteredMunicipios" }] : /* istanbul ignore next */ []));
     loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
-    value = null;
+    value = signal(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     disabled = false;
     onChange = () => { };
     onTouched = () => { };
@@ -1895,14 +1900,14 @@ class PjcCidadeFieldComponent {
     }
     writeValue(val) {
         if (val === null || val === undefined) {
-            this.value = null;
+            this.value.set(null);
         }
         else if (typeof val === 'string') {
             const found = this.municipios().find(m => m.nome === val || m.descricao === val);
-            this.value = found ?? { id: 0, nome: val };
+            this.value.set(found ?? { id: 0, nome: val });
         }
         else {
-            this.value = val;
+            this.value.set(val);
         }
     }
     registerOnChange(fn) {
@@ -1916,11 +1921,11 @@ class PjcCidadeFieldComponent {
     }
     onModelChange(value) {
         if (typeof value === 'string') {
-            this.value = null;
+            this.value.set(null);
             this.onChange(null);
         }
         else {
-            this.value = value;
+            this.value.set(value);
             this.onChange(value);
         }
     }
@@ -1936,7 +1941,7 @@ class PjcCidadeFieldComponent {
     }
     fetchMunicipios(uf) {
         this.loading.set(true);
-        const previousValue = this.value;
+        const previousValue = this.value();
         this.service.getMunicipiosByUf(uf).subscribe({
             next: (data) => {
                 const normalized = data.map(m => ({ ...m, nome: m.nome || m.descricao || '' }));
@@ -1946,11 +1951,11 @@ class PjcCidadeFieldComponent {
                 if (previousValue) {
                     const match = normalized.find(m => m.id === previousValue.id || m.nome === previousValue.nome);
                     if (match) {
-                        this.value = match;
+                        this.value.set(match);
                         this.onChange(match);
                     }
                     else {
-                        this.value = null;
+                        this.value.set(null);
                         this.onChange(null);
                     }
                 }
@@ -1959,7 +1964,7 @@ class PjcCidadeFieldComponent {
                 this.municipios.set([]);
                 this.filteredMunicipios.set([]);
                 this.loading.set(false);
-                this.value = null;
+                this.value.set(null);
                 this.onChange(null);
             },
         });
@@ -1971,7 +1976,7 @@ class PjcCidadeFieldComponent {
                 useExisting: forwardRef(() => PjcCidadeFieldComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-autocomplete\n        [inputId]=\"id()\"\n        [suggestions]=\"filteredMunicipios()\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        (completeMethod)=\"filterMunicipios($event)\"\n        dataKey=\"id\"\n        optionLabel=\"nome\"\n        [forceSelection]=\"true\"\n        [disabled]=\"disabled || readonly() || !uf() || loading()\"\n        appendTo=\"body\"\n        styleClass=\"w-full\"\n        inputStyleClass=\"w-full\"\n      >\n        <ng-template pTemplate=\"item\" let-option>\n          {{ getMunicipioDisplay(option) }}\n        </ng-template>\n      </p-autocomplete>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-autocomplete\n      [inputId]=\"id()\"\n      [suggestions]=\"filteredMunicipios()\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      (completeMethod)=\"filterMunicipios($event)\"\n      dataKey=\"id\"\n      optionLabel=\"nome\"\n      [forceSelection]=\"true\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled || readonly() || !uf() || loading()\"\n      appendTo=\"body\"\n      styleClass=\"w-full\"\n      inputStyleClass=\"w-full\"\n    >\n      <ng-template pTemplate=\"item\" let-option>\n        {{ getMunicipioDisplay(option) }}\n      </ng-template>\n    </p-autocomplete>\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i2$4.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo", "motionOptions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i3$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-autocomplete\n        [inputId]=\"id()\"\n        [suggestions]=\"filteredMunicipios()\"\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        (completeMethod)=\"filterMunicipios($event)\"\n        dataKey=\"id\"\n        optionLabel=\"nome\"\n        [forceSelection]=\"true\"\n        [disabled]=\"disabled || readonly() || !uf() || loading()\"\n        appendTo=\"body\"\n        styleClass=\"w-full\"\n        inputStyleClass=\"w-full\"\n      >\n        <ng-template pTemplate=\"item\" let-option>\n          {{ getMunicipioDisplay(option) }}\n        </ng-template>\n      </p-autocomplete>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-autocomplete\n      [inputId]=\"id()\"\n      [suggestions]=\"filteredMunicipios()\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      (completeMethod)=\"filterMunicipios($event)\"\n      dataKey=\"id\"\n      optionLabel=\"nome\"\n      [forceSelection]=\"true\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled || readonly() || !uf() || loading()\"\n      appendTo=\"body\"\n      styleClass=\"w-full\"\n      inputStyleClass=\"w-full\"\n    >\n      <ng-template pTemplate=\"item\" let-option>\n        {{ getMunicipioDisplay(option) }}\n      </ng-template>\n    </p-autocomplete>\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i2$4.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo", "motionOptions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i3$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCidadeFieldComponent, decorators: [{
             type: Component,
@@ -1981,7 +1986,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                             useExisting: forwardRef(() => PjcCidadeFieldComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-autocomplete\n        [inputId]=\"id()\"\n        [suggestions]=\"filteredMunicipios()\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        (completeMethod)=\"filterMunicipios($event)\"\n        dataKey=\"id\"\n        optionLabel=\"nome\"\n        [forceSelection]=\"true\"\n        [disabled]=\"disabled || readonly() || !uf() || loading()\"\n        appendTo=\"body\"\n        styleClass=\"w-full\"\n        inputStyleClass=\"w-full\"\n      >\n        <ng-template pTemplate=\"item\" let-option>\n          {{ getMunicipioDisplay(option) }}\n        </ng-template>\n      </p-autocomplete>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-autocomplete\n      [inputId]=\"id()\"\n      [suggestions]=\"filteredMunicipios()\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      (completeMethod)=\"filterMunicipios($event)\"\n      dataKey=\"id\"\n      optionLabel=\"nome\"\n      [forceSelection]=\"true\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled || readonly() || !uf() || loading()\"\n      appendTo=\"body\"\n      styleClass=\"w-full\"\n      inputStyleClass=\"w-full\"\n    >\n      <ng-template pTemplate=\"item\" let-option>\n        {{ getMunicipioDisplay(option) }}\n      </ng-template>\n    </p-autocomplete>\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
+                    ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-autocomplete\n        [inputId]=\"id()\"\n        [suggestions]=\"filteredMunicipios()\"\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        (completeMethod)=\"filterMunicipios($event)\"\n        dataKey=\"id\"\n        optionLabel=\"nome\"\n        [forceSelection]=\"true\"\n        [disabled]=\"disabled || readonly() || !uf() || loading()\"\n        appendTo=\"body\"\n        styleClass=\"w-full\"\n        inputStyleClass=\"w-full\"\n      >\n        <ng-template pTemplate=\"item\" let-option>\n          {{ getMunicipioDisplay(option) }}\n        </ng-template>\n      </p-autocomplete>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-autocomplete\n      [inputId]=\"id()\"\n      [suggestions]=\"filteredMunicipios()\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      (completeMethod)=\"filterMunicipios($event)\"\n      dataKey=\"id\"\n      optionLabel=\"nome\"\n      [forceSelection]=\"true\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled || readonly() || !uf() || loading()\"\n      appendTo=\"body\"\n      styleClass=\"w-full\"\n      inputStyleClass=\"w-full\"\n    >\n      <ng-template pTemplate=\"item\" let-option>\n        {{ getMunicipioDisplay(option) }}\n      </ng-template>\n    </p-autocomplete>\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], uf: [{ type: i0.Input, args: [{ isSignal: true, alias: "uf", required: false }] }] } });
 
 /*