@koalarx/ui 20.2.11 → 20.3.3

package/fesm2022/koalarx-ui-shared-components-input-field-input-currency.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koalarx-ui-shared-components-input-field-input-currency.mjs","sources":["../../projects/koala-ui/shared/components/input-field/input-currency/input-currency.ts","../../projects/koala-ui/shared/components/input-field/input-currency/input-currency.html","../../projects/koala-ui/shared/components/input-field/input-currency/koalarx-ui-shared-components-input-field-input-currency.ts"],"sourcesContent":["import { Component, input, linkedSignal } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { FieldErrors } from '@koalarx/ui/shared/components/field-errors';\nimport { InputFieldBase } from '@koalarx/ui/shared/components/input-field';\nimport { InputCurrencyMask } from '@koalarx/ui/shared/directives';\n\n@Component({\n  selector: 'kl-input-currency',\n  templateUrl: './input-currency.html',\n  imports: [ReactiveFormsModule, FormsModule, InputCurrencyMask, FieldErrors],\n})\nexport class InputCurrency extends InputFieldBase {\n  decimalCount = input<number>(2);\n  currentValue = linkedSignal(() => this.control().value);\n}\n","<label [attr.for]=\"fieldId\" class=\"floating-label input validator w-full rounded-sm\">\n  @if (label(); as label) {\n    <span>\n      <ng-content select=\"[icon]\" />\n      {{ label }} {{ isRequired() ? '*' : '' }}\n    </span>\n  }\n\n  <input\n    [id]=\"fieldId\"\n    [formControl]=\"control()\"\n    [placeholder]=\"label()\n      ? label() + (isRequired() ? '*' : '')\n      : placeholder()\"\n    [required]=\"isRequired()\"\n    type=\"tel\"\n    currencyMask\n    [decimalCount]=\"decimalCount()\"\n    (currencyValue)=\"control().setValue($event)\"\n  />\n\n  <ng-content select=\"[suffix]\" />\n</label>\n\n<kl-field-errors [field]=\"control()\">\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-field-errors>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAWM,MAAO,aAAc,SAAQ,cAAc,CAAA;AAC/C,IAAA,YAAY,GAAG,KAAK,CAAS,CAAC,wDAAC;AAC/B,IAAA,YAAY,GAAG,YAAY,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC;uGAF5C,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECX1B,kwBA6BA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDpBY,mBAAmB,syBAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,iBAAiB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,WAAW,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAE/D,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,SAAS;+BACE,mBAAmB,EAAA,OAAA,EAEpB,CAAC,mBAAmB,EAAE,WAAW,EAAE,iBAAiB,EAAE,WAAW,CAAC,EAAA,QAAA,EAAA,kwBAAA,EAAA;;;AET7E;;AAEG;;;;"}
+{"version":3,"file":"koalarx-ui-shared-components-input-field-input-currency.mjs","sources":["../../projects/koala-ui/shared/components/input-field/input-currency/input-currency.ts","../../projects/koala-ui/shared/components/input-field/input-currency/input-currency.html","../../projects/koala-ui/shared/components/input-field/input-currency/koalarx-ui-shared-components-input-field-input-currency.ts"],"sourcesContent":["import { Component, input, linkedSignal } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { FieldErrors } from '@koalarx/ui/shared/components/field-errors';\nimport { InputFieldBase } from '@koalarx/ui/shared/components/input-field';\nimport { InputCurrencyMask } from '@koalarx/ui/shared/directives';\n\n@Component({\n  selector: 'kl-input-currency',\n  templateUrl: './input-currency.html',\n  imports: [ReactiveFormsModule, FormsModule, InputCurrencyMask, FieldErrors],\n})\nexport class InputCurrency extends InputFieldBase {\n  decimalCount = input<number>(2);\n  currentValue = linkedSignal(() => this.control().value);\n}\n","<label [attr.for]=\"fieldId\" class=\"floating-label input validator w-full rounded-sm\">\n  @if (label(); as label) {\n    <span>\n      <ng-content select=\"[icon]\" />\n      {{ label }} {{ isRequired() ? '*' : '' }}\n    </span>\n  }\n\n  <input\n    [id]=\"fieldId\"\n    [formControl]=\"control()\"\n    [placeholder]=\"label()\n      ? label() + (isRequired() ? '*' : '')\n      : placeholder()\"\n    [required]=\"isRequired()\"\n    type=\"tel\"\n    currencyMask\n    [decimalCount]=\"decimalCount()\"\n    (currencyValue)=\"control().setValue($event)\"\n  />\n\n  <ng-content select=\"[suffix]\" />\n</label>\n\n@if (hint()) {\n  <span class=\"hint-content\">\n    <i class=\"fa-regular fa-circle-question\"></i> {{hint()}}\n  </span>\n}\n\n<kl-field-errors [field]=\"control()\">\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-field-errors>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAWM,MAAO,aAAc,SAAQ,cAAc,CAAA;AAC/C,IAAA,YAAY,GAAG,KAAK,CAAS,CAAC,wDAAC;AAC/B,IAAA,YAAY,GAAG,YAAY,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC;uGAF5C,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECX1B,m4BAmCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED1BY,mBAAmB,syBAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,iBAAiB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,WAAW,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAE/D,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,SAAS;+BACE,mBAAmB,EAAA,OAAA,EAEpB,CAAC,mBAAmB,EAAE,WAAW,EAAE,iBAAiB,EAAE,WAAW,CAAC,EAAA,QAAA,EAAA,m4BAAA,EAAA;;;AET7E;;AAEG;;;;"}

package/fesm2022/koalarx-ui-shared-components-input-field-input-date.mjs

@@ -6,11 +6,11 @@ class InputDate extends InputFieldBase {
     min = input(...(ngDevMode ? [undefined, { debugName: "min" }] : []));
     max = input(...(ngDevMode ? [undefined, { debugName: "max" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InputDate, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.6", type: InputDate, isStandalone: true, selector: "kl-input-date", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<kl-input-field\n  type=\"date\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [min]=\"min()\"\n  [max]=\"max()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n", dependencies: [{ kind: "component", type: InputField, selector: "kl-input-field", inputs: ["type", "mask", "min", "max"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.6", type: InputDate, isStandalone: true, selector: "kl-input-date", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<kl-input-field\n  type=\"date\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [min]=\"min()\"\n  [max]=\"max()\"\n  [hint]=\"hint()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n", dependencies: [{ kind: "component", type: InputField, selector: "kl-input-field", inputs: ["type", "mask", "min", "max"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InputDate, decorators: [{
             type: Component,
-            args: [{ selector: 'kl-input-date', imports: [InputField], template: "<kl-input-field\n  type=\"date\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [min]=\"min()\"\n  [max]=\"max()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n" }]
+            args: [{ selector: 'kl-input-date', imports: [InputField], template: "<kl-input-field\n  type=\"date\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [min]=\"min()\"\n  [max]=\"max()\"\n  [hint]=\"hint()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n" }]
         }] });
 
 /**

package/fesm2022/koalarx-ui-shared-components-input-field-input-date.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koalarx-ui-shared-components-input-field-input-date.mjs","sources":["../../projects/koala-ui/shared/components/input-field/input-date/input-date.ts","../../projects/koala-ui/shared/components/input-field/input-date/input-date.html","../../projects/koala-ui/shared/components/input-field/input-date/koalarx-ui-shared-components-input-field-input-date.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport {\n  InputField,\n  InputFieldBase,\n} from '@koalarx/ui/shared/components/input-field';\n\n@Component({\n  selector: 'kl-input-date',\n  templateUrl: './input-date.html',\n  imports: [InputField],\n})\nexport class InputDate extends InputFieldBase {\n  min = input<string>();\n  max = input<string>();\n}\n","<kl-input-field\n  type=\"date\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [min]=\"min()\"\n  [max]=\"max()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAWM,MAAO,SAAU,SAAQ,cAAc,CAAA;IAC3C,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACrB,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;uGAFV,SAAS,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXtB,sOAWA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDFY,UAAU,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAET,SAAS,EAAA,UAAA,EAAA,CAAA;kBALrB,SAAS;+BACE,eAAe,EAAA,OAAA,EAEhB,CAAC,UAAU,CAAC,EAAA,QAAA,EAAA,sOAAA,EAAA;;;AETvB;;AAEG;;;;"}
+{"version":3,"file":"koalarx-ui-shared-components-input-field-input-date.mjs","sources":["../../projects/koala-ui/shared/components/input-field/input-date/input-date.ts","../../projects/koala-ui/shared/components/input-field/input-date/input-date.html","../../projects/koala-ui/shared/components/input-field/input-date/koalarx-ui-shared-components-input-field-input-date.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport {\n  InputField,\n  InputFieldBase,\n} from '@koalarx/ui/shared/components/input-field';\n\n@Component({\n  selector: 'kl-input-date',\n  templateUrl: './input-date.html',\n  imports: [InputField],\n})\nexport class InputDate extends InputFieldBase {\n  min = input<string>();\n  max = input<string>();\n}\n","<kl-input-field\n  type=\"date\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [min]=\"min()\"\n  [max]=\"max()\"\n  [hint]=\"hint()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAWM,MAAO,SAAU,SAAQ,cAAc,CAAA;IAC3C,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACrB,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;uGAFV,SAAS,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXtB,2PAYA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDHY,UAAU,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAET,SAAS,EAAA,UAAA,EAAA,CAAA;kBALrB,SAAS;+BACE,eAAe,EAAA,OAAA,EAEhB,CAAC,UAAU,CAAC,EAAA,QAAA,EAAA,2PAAA,EAAA;;;AETvB;;AAEG;;;;"}

package/fesm2022/koalarx-ui-shared-components-input-field-input-datetime.mjs

@@ -6,11 +6,11 @@ class InputDatetime extends InputFieldBase {
     min = input(...(ngDevMode ? [undefined, { debugName: "min" }] : []));
     max = input(...(ngDevMode ? [undefined, { debugName: "max" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InputDatetime, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.6", type: InputDatetime, isStandalone: true, selector: "kl-input-datetime", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<kl-input-field\n  type=\"datetime-local\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [min]=\"min()\"\n  [max]=\"max()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n", dependencies: [{ kind: "component", type: InputField, selector: "kl-input-field", inputs: ["type", "mask", "min", "max"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.6", type: InputDatetime, isStandalone: true, selector: "kl-input-datetime", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<kl-input-field\n  type=\"datetime-local\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [min]=\"min()\"\n  [max]=\"max()\"\n  [hint]=\"hint()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n", dependencies: [{ kind: "component", type: InputField, selector: "kl-input-field", inputs: ["type", "mask", "min", "max"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InputDatetime, decorators: [{
             type: Component,
-            args: [{ selector: 'kl-input-datetime', imports: [InputField], template: "<kl-input-field\n  type=\"datetime-local\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [min]=\"min()\"\n  [max]=\"max()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n" }]
+            args: [{ selector: 'kl-input-datetime', imports: [InputField], template: "<kl-input-field\n  type=\"datetime-local\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [min]=\"min()\"\n  [max]=\"max()\"\n  [hint]=\"hint()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n" }]
         }] });
 
 /**

package/fesm2022/koalarx-ui-shared-components-input-field-input-datetime.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koalarx-ui-shared-components-input-field-input-datetime.mjs","sources":["../../projects/koala-ui/shared/components/input-field/input-datetime/input-datetime.ts","../../projects/koala-ui/shared/components/input-field/input-datetime/input-datetime.html","../../projects/koala-ui/shared/components/input-field/input-datetime/koalarx-ui-shared-components-input-field-input-datetime.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport {\n  InputField,\n  InputFieldBase,\n} from '@koalarx/ui/shared/components/input-field';\n\n@Component({\n  selector: 'kl-input-datetime',\n  templateUrl: './input-datetime.html',\n  imports: [InputField],\n})\nexport class InputDatetime extends InputFieldBase {\n  min = input<string>();\n  max = input<string>();\n}\n","<kl-input-field\n  type=\"datetime-local\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [min]=\"min()\"\n  [max]=\"max()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAWM,MAAO,aAAc,SAAQ,cAAc,CAAA;IAC/C,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACrB,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;uGAFV,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECX1B,gPAWA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDFY,UAAU,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAET,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,SAAS;+BACE,mBAAmB,EAAA,OAAA,EAEpB,CAAC,UAAU,CAAC,EAAA,QAAA,EAAA,gPAAA,EAAA;;;AETvB;;AAEG;;;;"}
+{"version":3,"file":"koalarx-ui-shared-components-input-field-input-datetime.mjs","sources":["../../projects/koala-ui/shared/components/input-field/input-datetime/input-datetime.ts","../../projects/koala-ui/shared/components/input-field/input-datetime/input-datetime.html","../../projects/koala-ui/shared/components/input-field/input-datetime/koalarx-ui-shared-components-input-field-input-datetime.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport {\n  InputField,\n  InputFieldBase,\n} from '@koalarx/ui/shared/components/input-field';\n\n@Component({\n  selector: 'kl-input-datetime',\n  templateUrl: './input-datetime.html',\n  imports: [InputField],\n})\nexport class InputDatetime extends InputFieldBase {\n  min = input<string>();\n  max = input<string>();\n}\n","<kl-input-field\n  type=\"datetime-local\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [min]=\"min()\"\n  [max]=\"max()\"\n  [hint]=\"hint()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAWM,MAAO,aAAc,SAAQ,cAAc,CAAA;IAC/C,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACrB,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;uGAFV,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECX1B,qQAYA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDHY,UAAU,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAET,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,SAAS;+BACE,mBAAmB,EAAA,OAAA,EAEpB,CAAC,UAAU,CAAC,EAAA,QAAA,EAAA,qQAAA,EAAA;;;AETvB;;AAEG;;;;"}

package/fesm2022/koalarx-ui-shared-components-input-field-input-email.mjs

@@ -12,11 +12,11 @@ class InputEmail extends InputFieldBase {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InputEmail, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: InputEmail, isStandalone: true, selector: "kl-input-email", usesInheritance: true, ngImport: i0, template: "<kl-input-field\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  type=\"email\"\n/>\n", dependencies: [{ kind: "component", type: InputField, selector: "kl-input-field", inputs: ["type", "mask", "min", "max"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: InputEmail, isStandalone: true, selector: "kl-input-email", usesInheritance: true, ngImport: i0, template: "<kl-input-field\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [hint]=\"hint()\"\n  type=\"email\"\n/>\n", dependencies: [{ kind: "component", type: InputField, selector: "kl-input-field", inputs: ["type", "mask", "min", "max"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InputEmail, decorators: [{
             type: Component,
-            args: [{ selector: 'kl-input-email', imports: [InputField], template: "<kl-input-field\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  type=\"email\"\n/>\n" }]
+            args: [{ selector: 'kl-input-email', imports: [InputField], template: "<kl-input-field\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [hint]=\"hint()\"\n  type=\"email\"\n/>\n" }]
         }], ctorParameters: () => [] });
 
 /**

package/fesm2022/koalarx-ui-shared-components-input-field-input-email.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koalarx-ui-shared-components-input-field-input-email.mjs","sources":["../../projects/koala-ui/shared/components/input-field/input-email/input-email.ts","../../projects/koala-ui/shared/components/input-field/input-email/input-email.html","../../projects/koala-ui/shared/components/input-field/input-email/koalarx-ui-shared-components-input-field-input-email.ts"],"sourcesContent":["import { Component, effect } from '@angular/core';\nimport { Validators } from '@angular/forms';\nimport {\n  InputField,\n  InputFieldBase,\n} from '@koalarx/ui/shared/components/input-field';\n\n@Component({\n  selector: 'kl-input-email',\n  templateUrl: './input-email.html',\n  imports: [InputField],\n})\nexport class InputEmail extends InputFieldBase {\n  constructor() {\n    super();\n\n    effect(() => {\n      const control = this.control();\n\n      control.addValidators(Validators.email);\n    });\n  }\n}\n","<kl-input-field\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  type=\"email\"\n/>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAYM,MAAO,UAAW,SAAQ,cAAc,CAAA;AAC5C,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QAEP,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;AAE9B,YAAA,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC;AACzC,SAAC,CAAC;;uGARO,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZvB,8HAMA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDIY,UAAU,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAET,UAAU,EAAA,UAAA,EAAA,CAAA;kBALtB,SAAS;+BACE,gBAAgB,EAAA,OAAA,EAEjB,CAAC,UAAU,CAAC,EAAA,QAAA,EAAA,8HAAA,EAAA;;;AEVvB;;AAEG;;;;"}
+{"version":3,"file":"koalarx-ui-shared-components-input-field-input-email.mjs","sources":["../../projects/koala-ui/shared/components/input-field/input-email/input-email.ts","../../projects/koala-ui/shared/components/input-field/input-email/input-email.html","../../projects/koala-ui/shared/components/input-field/input-email/koalarx-ui-shared-components-input-field-input-email.ts"],"sourcesContent":["import { Component, effect } from '@angular/core';\nimport { Validators } from '@angular/forms';\nimport {\n  InputField,\n  InputFieldBase,\n} from '@koalarx/ui/shared/components/input-field';\n\n@Component({\n  selector: 'kl-input-email',\n  templateUrl: './input-email.html',\n  imports: [InputField],\n})\nexport class InputEmail extends InputFieldBase {\n  constructor() {\n    super();\n\n    effect(() => {\n      const control = this.control();\n\n      control.addValidators(Validators.email);\n    });\n  }\n}\n","<kl-input-field\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [hint]=\"hint()\"\n  type=\"email\"\n/>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAYM,MAAO,UAAW,SAAQ,cAAc,CAAA;AAC5C,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QAEP,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;AAE9B,YAAA,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC;AACzC,SAAC,CAAC;;uGARO,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZvB,mJAOA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDGY,UAAU,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAET,UAAU,EAAA,UAAA,EAAA,CAAA;kBALtB,SAAS;+BACE,gBAAgB,EAAA,OAAA,EAEjB,CAAC,UAAU,CAAC,EAAA,QAAA,EAAA,mJAAA,EAAA;;;AEVvB;;AAEG;;;;"}

package/fesm2022/koalarx-ui-shared-components-input-field-input-month.mjs

@@ -6,11 +6,11 @@ class InputMonth extends InputFieldBase {
     min = input(...(ngDevMode ? [undefined, { debugName: "min" }] : []));
     max = input(...(ngDevMode ? [undefined, { debugName: "max" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InputMonth, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.6", type: InputMonth, isStandalone: true, selector: "kl-input-month", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<kl-input-field\n  type=\"month\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [min]=\"min()\"\n  [max]=\"max()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n", dependencies: [{ kind: "component", type: InputField, selector: "kl-input-field", inputs: ["type", "mask", "min", "max"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.6", type: InputMonth, isStandalone: true, selector: "kl-input-month", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<kl-input-field\n  type=\"month\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [min]=\"min()\"\n  [max]=\"max()\"\n  [hint]=\"hint()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n", dependencies: [{ kind: "component", type: InputField, selector: "kl-input-field", inputs: ["type", "mask", "min", "max"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InputMonth, decorators: [{
             type: Component,
-            args: [{ selector: 'kl-input-month', imports: [InputField], template: "<kl-input-field\n  type=\"month\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [min]=\"min()\"\n  [max]=\"max()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n" }]
+            args: [{ selector: 'kl-input-month', imports: [InputField], template: "<kl-input-field\n  type=\"month\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [min]=\"min()\"\n  [max]=\"max()\"\n  [hint]=\"hint()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n" }]
         }] });
 
 /**

package/fesm2022/koalarx-ui-shared-components-input-field-input-month.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koalarx-ui-shared-components-input-field-input-month.mjs","sources":["../../projects/koala-ui/shared/components/input-field/input-month/input-month.ts","../../projects/koala-ui/shared/components/input-field/input-month/input-month.html","../../projects/koala-ui/shared/components/input-field/input-month/koalarx-ui-shared-components-input-field-input-month.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport {\n  InputField,\n  InputFieldBase,\n} from '@koalarx/ui/shared/components/input-field';\n\n@Component({\n  selector: 'kl-input-month',\n  templateUrl: './input-month.html',\n  imports: [InputField],\n})\nexport class InputMonth extends InputFieldBase {\n  min = input<string>();\n  max = input<string>();\n}\n","<kl-input-field\n  type=\"month\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [min]=\"min()\"\n  [max]=\"max()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAWM,MAAO,UAAW,SAAQ,cAAc,CAAA;IAC5C,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACrB,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;uGAFV,UAAU,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXvB,uOAWA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDFY,UAAU,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAET,UAAU,EAAA,UAAA,EAAA,CAAA;kBALtB,SAAS;+BACE,gBAAgB,EAAA,OAAA,EAEjB,CAAC,UAAU,CAAC,EAAA,QAAA,EAAA,uOAAA,EAAA;;;AETvB;;AAEG;;;;"}
+{"version":3,"file":"koalarx-ui-shared-components-input-field-input-month.mjs","sources":["../../projects/koala-ui/shared/components/input-field/input-month/input-month.ts","../../projects/koala-ui/shared/components/input-field/input-month/input-month.html","../../projects/koala-ui/shared/components/input-field/input-month/koalarx-ui-shared-components-input-field-input-month.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport {\n  InputField,\n  InputFieldBase,\n} from '@koalarx/ui/shared/components/input-field';\n\n@Component({\n  selector: 'kl-input-month',\n  templateUrl: './input-month.html',\n  imports: [InputField],\n})\nexport class InputMonth extends InputFieldBase {\n  min = input<string>();\n  max = input<string>();\n}\n","<kl-input-field\n  type=\"month\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [min]=\"min()\"\n  [max]=\"max()\"\n  [hint]=\"hint()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAWM,MAAO,UAAW,SAAQ,cAAc,CAAA;IAC5C,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACrB,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;uGAFV,UAAU,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXvB,4PAYA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDHY,UAAU,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAET,UAAU,EAAA,UAAA,EAAA,CAAA;kBALtB,SAAS;+BACE,gBAAgB,EAAA,OAAA,EAEjB,CAAC,UAAU,CAAC,EAAA,QAAA,EAAA,4PAAA,EAAA;;;AETvB;;AAEG;;;;"}

package/fesm2022/koalarx-ui-shared-components-input-field-input-password.mjs

@@ -53,11 +53,11 @@ class InputPassword extends InputFieldBase {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InputPassword, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: InputPassword, isStandalone: true, selector: "kl-input-password", inputs: { enableStrongPasswordCheck: { classPropertyName: "enableStrongPasswordCheck", publicName: "enableStrongPasswordCheck", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<label [attr.for]=\"fieldId\" class=\"floating-label input validator w-full\">\n  @if (label(); as label) {\n    <span class=\"label\">\n      <ng-content select=\"[icon]\" />\n      {{ label }} {{ isRequired() ? '*' : '' }}\n    </span>\n  }\n\n  <input\n    [id]=\"fieldId\"\n    [formControl]=\"control()\"\n    [placeholder]=\"label()\n      ? label() + (isRequired() ? '*' : '')\n      : placeholder()\"\n    [required]=\"isRequired()\"\n    [type]=\"type()\"\n  />\n\n  <button class=\"cursor-pointer\" type=\"button\" (click)=\"togglePasswordVisibility()\">\n    @if (type() === 'password') {\n      <i class=\"fa-regular fa-eye-slash\"></i>\n    } @else {\n      <i class=\"fa-regular fa-eye\"></i>\n    }\n  </button>\n</label>\n\n<kl-field-errors [field]=\"control()\">\n  <ng-container errors>\n    @if (control().errors?.['hasSpecialCharacters']) {\n      {{translations.invalidPasswordHasSpecialCharacters}}<br/>\n    }\n\n    @if (control().errors?.['hasUppercase']) {\n      {{translations.invalidPasswordHasUppercase}}<br/>\n    }\n\n    @if (control().errors?.['hasLowercase']) {\n      {{translations.invalidPasswordHasLowercase}}<br/>\n    }\n\n    @if (control().errors?.['hasNumber']) {\n      {{translations.invalidPasswordHasNumber}}<br/>\n    }\n\n    @if (control().errors?.['minlength']) {\n      {{translations.invalidMinLength(control().errors?.['minlength'].requiredLength)}}<br/>\n    }\n\n    @if (control().errors?.['confirmPassword']) {\n      {{translations.invalidConfirmPassword}}<br/>\n    }\n\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-field-errors>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrors, selector: "kl-field-errors", inputs: ["field"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: InputPassword, isStandalone: true, selector: "kl-input-password", inputs: { enableStrongPasswordCheck: { classPropertyName: "enableStrongPasswordCheck", publicName: "enableStrongPasswordCheck", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<label [attr.for]=\"fieldId\" class=\"floating-label input validator w-full\">\n  @if (label(); as label) {\n    <span class=\"label\">\n      <ng-content select=\"[icon]\" />\n      {{ label }} {{ isRequired() ? '*' : '' }}\n    </span>\n  }\n\n  <input\n    [id]=\"fieldId\"\n    [formControl]=\"control()\"\n    [placeholder]=\"label()\n      ? label() + (isRequired() ? '*' : '')\n      : placeholder()\"\n    [required]=\"isRequired()\"\n    [type]=\"type()\"\n  />\n\n  <button class=\"cursor-pointer\" type=\"button\" (click)=\"togglePasswordVisibility()\">\n    @if (type() === 'password') {\n      <i class=\"fa-regular fa-eye-slash\"></i>\n    } @else {\n      <i class=\"fa-regular fa-eye\"></i>\n    }\n  </button>\n</label>\n\n@if (hint()) {\n  <span class=\"hint-content\">\n    <i class=\"fa-regular fa-circle-question\"></i> {{hint()}}\n  </span>\n}\n\n<kl-field-errors [field]=\"control()\">\n  <ng-container errors>\n    @if (control().errors?.['hasSpecialCharacters']) {\n      {{translations.invalidPasswordHasSpecialCharacters}}<br/>\n    }\n\n    @if (control().errors?.['hasUppercase']) {\n      {{translations.invalidPasswordHasUppercase}}<br/>\n    }\n\n    @if (control().errors?.['hasLowercase']) {\n      {{translations.invalidPasswordHasLowercase}}<br/>\n    }\n\n    @if (control().errors?.['hasNumber']) {\n      {{translations.invalidPasswordHasNumber}}<br/>\n    }\n\n    @if (control().errors?.['minlength']) {\n      {{translations.invalidMinLength(control().errors?.['minlength'].requiredLength)}}<br/>\n    }\n\n    @if (control().errors?.['confirmPassword']) {\n      {{translations.invalidConfirmPassword}}<br/>\n    }\n\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-field-errors>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrors, selector: "kl-field-errors", inputs: ["field"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InputPassword, decorators: [{
             type: Component,
-            args: [{ selector: 'kl-input-password', imports: [ReactiveFormsModule, FieldErrors], template: "<label [attr.for]=\"fieldId\" class=\"floating-label input validator w-full\">\n  @if (label(); as label) {\n    <span class=\"label\">\n      <ng-content select=\"[icon]\" />\n      {{ label }} {{ isRequired() ? '*' : '' }}\n    </span>\n  }\n\n  <input\n    [id]=\"fieldId\"\n    [formControl]=\"control()\"\n    [placeholder]=\"label()\n      ? label() + (isRequired() ? '*' : '')\n      : placeholder()\"\n    [required]=\"isRequired()\"\n    [type]=\"type()\"\n  />\n\n  <button class=\"cursor-pointer\" type=\"button\" (click)=\"togglePasswordVisibility()\">\n    @if (type() === 'password') {\n      <i class=\"fa-regular fa-eye-slash\"></i>\n    } @else {\n      <i class=\"fa-regular fa-eye\"></i>\n    }\n  </button>\n</label>\n\n<kl-field-errors [field]=\"control()\">\n  <ng-container errors>\n    @if (control().errors?.['hasSpecialCharacters']) {\n      {{translations.invalidPasswordHasSpecialCharacters}}<br/>\n    }\n\n    @if (control().errors?.['hasUppercase']) {\n      {{translations.invalidPasswordHasUppercase}}<br/>\n    }\n\n    @if (control().errors?.['hasLowercase']) {\n      {{translations.invalidPasswordHasLowercase}}<br/>\n    }\n\n    @if (control().errors?.['hasNumber']) {\n      {{translations.invalidPasswordHasNumber}}<br/>\n    }\n\n    @if (control().errors?.['minlength']) {\n      {{translations.invalidMinLength(control().errors?.['minlength'].requiredLength)}}<br/>\n    }\n\n    @if (control().errors?.['confirmPassword']) {\n      {{translations.invalidConfirmPassword}}<br/>\n    }\n\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-field-errors>\n" }]
+            args: [{ selector: 'kl-input-password', imports: [ReactiveFormsModule, FieldErrors], template: "<label [attr.for]=\"fieldId\" class=\"floating-label input validator w-full\">\n  @if (label(); as label) {\n    <span class=\"label\">\n      <ng-content select=\"[icon]\" />\n      {{ label }} {{ isRequired() ? '*' : '' }}\n    </span>\n  }\n\n  <input\n    [id]=\"fieldId\"\n    [formControl]=\"control()\"\n    [placeholder]=\"label()\n      ? label() + (isRequired() ? '*' : '')\n      : placeholder()\"\n    [required]=\"isRequired()\"\n    [type]=\"type()\"\n  />\n\n  <button class=\"cursor-pointer\" type=\"button\" (click)=\"togglePasswordVisibility()\">\n    @if (type() === 'password') {\n      <i class=\"fa-regular fa-eye-slash\"></i>\n    } @else {\n      <i class=\"fa-regular fa-eye\"></i>\n    }\n  </button>\n</label>\n\n@if (hint()) {\n  <span class=\"hint-content\">\n    <i class=\"fa-regular fa-circle-question\"></i> {{hint()}}\n  </span>\n}\n\n<kl-field-errors [field]=\"control()\">\n  <ng-container errors>\n    @if (control().errors?.['hasSpecialCharacters']) {\n      {{translations.invalidPasswordHasSpecialCharacters}}<br/>\n    }\n\n    @if (control().errors?.['hasUppercase']) {\n      {{translations.invalidPasswordHasUppercase}}<br/>\n    }\n\n    @if (control().errors?.['hasLowercase']) {\n      {{translations.invalidPasswordHasLowercase}}<br/>\n    }\n\n    @if (control().errors?.['hasNumber']) {\n      {{translations.invalidPasswordHasNumber}}<br/>\n    }\n\n    @if (control().errors?.['minlength']) {\n      {{translations.invalidMinLength(control().errors?.['minlength'].requiredLength)}}<br/>\n    }\n\n    @if (control().errors?.['confirmPassword']) {\n      {{translations.invalidConfirmPassword}}<br/>\n    }\n\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-field-errors>\n" }]
         }] });
 
 /**

package/fesm2022/koalarx-ui-shared-components-input-field-input-password.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koalarx-ui-shared-components-input-field-input-password.mjs","sources":["../../projects/koala-ui/shared/components/input-field/input-password/has-lowercase-validator.ts","../../projects/koala-ui/shared/components/input-field/input-password/has-number-validator.ts","../../projects/koala-ui/shared/components/input-field/input-password/has-special-characters-validator.ts","../../projects/koala-ui/shared/components/input-field/input-password/has-uppercase-validator.ts","../../projects/koala-ui/shared/components/input-field/input-password/input-password.ts","../../projects/koala-ui/shared/components/input-field/input-password/input-password.html","../../projects/koala-ui/shared/components/input-field/input-password/koalarx-ui-shared-components-input-field-input-password.ts"],"sourcesContent":["import { AbstractControl } from '@angular/forms';\n\nexport function HasLowercaseValidator(control: AbstractControl) {\n  if (!/[a-z]/.test(control.value)) {\n    return { hasLowercase: true };\n  }\n\n  return null;\n}\n","import { AbstractControl } from '@angular/forms';\n\nexport function HasNumberValidator(control: AbstractControl) {\n  if (!/\\d/.test(control.value)) {\n    return { hasNumber: true };\n  }\n\n  return null;\n}\n","import { AbstractControl } from '@angular/forms';\n\nexport function HasSpecialCharactersValidator(control: AbstractControl) {\n  if (!/[ `!@#$%^&*()_+\\-=[\\]{};':\"\\\\|,.<>/?~]/.test(control.value)) {\n    return { hasSpecialCharacters: true };\n  }\n\n  return null;\n}\n","import { AbstractControl } from '@angular/forms';\n\nexport function HasUppercaseValidator(control: AbstractControl) {\n  if (!/[A-Z]/.test(control.value)) {\n    return { hasUppercase: true };\n  }\n\n  return null;\n}\n","import {\n  booleanAttribute,\n  Component,\n  inject,\n  input,\n  OnInit,\n  signal,\n} from '@angular/core';\nimport { ReactiveFormsModule, Validators } from '@angular/forms';\nimport { AppConfig } from '@koalarx/ui/core/config';\nimport { FieldErrors } from '@koalarx/ui/shared/components/field-errors';\nimport { InputFieldBase } from '@koalarx/ui/shared/components/input-field';\nimport { HasLowercaseValidator } from './has-lowercase-validator';\nimport { HasNumberValidator } from './has-number-validator';\nimport { HasSpecialCharactersValidator } from './has-special-characters-validator';\nimport { HasUppercaseValidator } from './has-uppercase-validator';\n\ntype InputPasswordType = 'password' | 'text';\n\n@Component({\n  selector: 'kl-input-password',\n  templateUrl: './input-password.html',\n  imports: [ReactiveFormsModule, FieldErrors],\n})\nexport class InputPassword extends InputFieldBase implements OnInit {\n  readonly translations = inject(AppConfig).translation.form;\n\n  type = signal<InputPasswordType>('password');\n  enableStrongPasswordCheck = input(false, { transform: booleanAttribute });\n\n  togglePasswordVisibility() {\n    this.type.set(this.type() === 'password' ? 'text' : 'password');\n  }\n\n  ngOnInit(): void {\n    if (this.enableStrongPasswordCheck()) {\n      this.control().addValidators([\n        HasSpecialCharactersValidator,\n        HasLowercaseValidator,\n        HasUppercaseValidator,\n        HasNumberValidator,\n        Validators.minLength(8),\n      ]);\n    }\n  }\n}\n","<label [attr.for]=\"fieldId\" class=\"floating-label input validator w-full\">\n  @if (label(); as label) {\n    <span class=\"label\">\n      <ng-content select=\"[icon]\" />\n      {{ label }} {{ isRequired() ? '*' : '' }}\n    </span>\n  }\n\n  <input\n    [id]=\"fieldId\"\n    [formControl]=\"control()\"\n    [placeholder]=\"label()\n      ? label() + (isRequired() ? '*' : '')\n      : placeholder()\"\n    [required]=\"isRequired()\"\n    [type]=\"type()\"\n  />\n\n  <button class=\"cursor-pointer\" type=\"button\" (click)=\"togglePasswordVisibility()\">\n    @if (type() === 'password') {\n      <i class=\"fa-regular fa-eye-slash\"></i>\n    } @else {\n      <i class=\"fa-regular fa-eye\"></i>\n    }\n  </button>\n</label>\n\n<kl-field-errors [field]=\"control()\">\n  <ng-container errors>\n    @if (control().errors?.['hasSpecialCharacters']) {\n      {{translations.invalidPasswordHasSpecialCharacters}}<br/>\n    }\n\n    @if (control().errors?.['hasUppercase']) {\n      {{translations.invalidPasswordHasUppercase}}<br/>\n    }\n\n    @if (control().errors?.['hasLowercase']) {\n      {{translations.invalidPasswordHasLowercase}}<br/>\n    }\n\n    @if (control().errors?.['hasNumber']) {\n      {{translations.invalidPasswordHasNumber}}<br/>\n    }\n\n    @if (control().errors?.['minlength']) {\n      {{translations.invalidMinLength(control().errors?.['minlength'].requiredLength)}}<br/>\n    }\n\n    @if (control().errors?.['confirmPassword']) {\n      {{translations.invalidConfirmPassword}}<br/>\n    }\n\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-field-errors>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"koalarx-ui-shared-components-input-field-input-password.mjs","sources":["../../projects/koala-ui/shared/components/input-field/input-password/has-lowercase-validator.ts","../../projects/koala-ui/shared/components/input-field/input-password/has-number-validator.ts","../../projects/koala-ui/shared/components/input-field/input-password/has-special-characters-validator.ts","../../projects/koala-ui/shared/components/input-field/input-password/has-uppercase-validator.ts","../../projects/koala-ui/shared/components/input-field/input-password/input-password.ts","../../projects/koala-ui/shared/components/input-field/input-password/input-password.html","../../projects/koala-ui/shared/components/input-field/input-password/koalarx-ui-shared-components-input-field-input-password.ts"],"sourcesContent":["import { AbstractControl } from '@angular/forms';\n\nexport function HasLowercaseValidator(control: AbstractControl) {\n  if (!/[a-z]/.test(control.value)) {\n    return { hasLowercase: true };\n  }\n\n  return null;\n}\n","import { AbstractControl } from '@angular/forms';\n\nexport function HasNumberValidator(control: AbstractControl) {\n  if (!/\\d/.test(control.value)) {\n    return { hasNumber: true };\n  }\n\n  return null;\n}\n","import { AbstractControl } from '@angular/forms';\n\nexport function HasSpecialCharactersValidator(control: AbstractControl) {\n  if (!/[ `!@#$%^&*()_+\\-=[\\]{};':\"\\\\|,.<>/?~]/.test(control.value)) {\n    return { hasSpecialCharacters: true };\n  }\n\n  return null;\n}\n","import { AbstractControl } from '@angular/forms';\n\nexport function HasUppercaseValidator(control: AbstractControl) {\n  if (!/[A-Z]/.test(control.value)) {\n    return { hasUppercase: true };\n  }\n\n  return null;\n}\n","import {\n  booleanAttribute,\n  Component,\n  inject,\n  input,\n  OnInit,\n  signal,\n} from '@angular/core';\nimport { ReactiveFormsModule, Validators } from '@angular/forms';\nimport { AppConfig } from '@koalarx/ui/core/config';\nimport { FieldErrors } from '@koalarx/ui/shared/components/field-errors';\nimport { InputFieldBase } from '@koalarx/ui/shared/components/input-field';\nimport { HasLowercaseValidator } from './has-lowercase-validator';\nimport { HasNumberValidator } from './has-number-validator';\nimport { HasSpecialCharactersValidator } from './has-special-characters-validator';\nimport { HasUppercaseValidator } from './has-uppercase-validator';\n\ntype InputPasswordType = 'password' | 'text';\n\n@Component({\n  selector: 'kl-input-password',\n  templateUrl: './input-password.html',\n  imports: [ReactiveFormsModule, FieldErrors],\n})\nexport class InputPassword extends InputFieldBase implements OnInit {\n  readonly translations = inject(AppConfig).translation.form;\n\n  type = signal<InputPasswordType>('password');\n  enableStrongPasswordCheck = input(false, { transform: booleanAttribute });\n\n  togglePasswordVisibility() {\n    this.type.set(this.type() === 'password' ? 'text' : 'password');\n  }\n\n  ngOnInit(): void {\n    if (this.enableStrongPasswordCheck()) {\n      this.control().addValidators([\n        HasSpecialCharactersValidator,\n        HasLowercaseValidator,\n        HasUppercaseValidator,\n        HasNumberValidator,\n        Validators.minLength(8),\n      ]);\n    }\n  }\n}\n","<label [attr.for]=\"fieldId\" class=\"floating-label input validator w-full\">\n  @if (label(); as label) {\n    <span class=\"label\">\n      <ng-content select=\"[icon]\" />\n      {{ label }} {{ isRequired() ? '*' : '' }}\n    </span>\n  }\n\n  <input\n    [id]=\"fieldId\"\n    [formControl]=\"control()\"\n    [placeholder]=\"label()\n      ? label() + (isRequired() ? '*' : '')\n      : placeholder()\"\n    [required]=\"isRequired()\"\n    [type]=\"type()\"\n  />\n\n  <button class=\"cursor-pointer\" type=\"button\" (click)=\"togglePasswordVisibility()\">\n    @if (type() === 'password') {\n      <i class=\"fa-regular fa-eye-slash\"></i>\n    } @else {\n      <i class=\"fa-regular fa-eye\"></i>\n    }\n  </button>\n</label>\n\n@if (hint()) {\n  <span class=\"hint-content\">\n    <i class=\"fa-regular fa-circle-question\"></i> {{hint()}}\n  </span>\n}\n\n<kl-field-errors [field]=\"control()\">\n  <ng-container errors>\n    @if (control().errors?.['hasSpecialCharacters']) {\n      {{translations.invalidPasswordHasSpecialCharacters}}<br/>\n    }\n\n    @if (control().errors?.['hasUppercase']) {\n      {{translations.invalidPasswordHasUppercase}}<br/>\n    }\n\n    @if (control().errors?.['hasLowercase']) {\n      {{translations.invalidPasswordHasLowercase}}<br/>\n    }\n\n    @if (control().errors?.['hasNumber']) {\n      {{translations.invalidPasswordHasNumber}}<br/>\n    }\n\n    @if (control().errors?.['minlength']) {\n      {{translations.invalidMinLength(control().errors?.['minlength'].requiredLength)}}<br/>\n    }\n\n    @if (control().errors?.['confirmPassword']) {\n      {{translations.invalidConfirmPassword}}<br/>\n    }\n\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-field-errors>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/koalarx-ui-shared-components-input-field-input-radio.mjs

@@ -76,11 +76,11 @@ class InputRadio extends InputFieldBase {
         this.control().setValue(value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InputRadio, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.6", type: InputRadio, isStandalone: true, selector: "kl-input-radio", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disableAutoTypeConversion: { classPropertyName: "disableAutoTypeConversion", publicName: "disableAutoTypeConversion", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "inputRadioElement", first: true, predicate: ["inputRadio"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<input #inputRadio\n  type=\"radio\"\n  class=\"radio\"\n  [name]=\"name()\"\n  [value]=\"value()\"\n  [checked]=\"value() === control().value\"\n  [disabled]=\"disabled()\"\n  (change)=\"toggle($event)\"\n/>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: InputRadio, isStandalone: true, selector: "kl-input-radio", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disableAutoTypeConversion: { classPropertyName: "disableAutoTypeConversion", publicName: "disableAutoTypeConversion", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "inputRadioElement", first: true, predicate: ["inputRadio"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<label [attr.for]=\"fieldId\" class=\"flex items-center gap-2 cursor-pointer\">\n  <input #inputRadio\n    [id]=\"fieldId\"\n    type=\"radio\"\n    class=\"radio\"\n    [name]=\"name()\"\n    [value]=\"value()\"\n    [checked]=\"value() === control().value\"\n    [disabled]=\"disabled()\"\n    (change)=\"toggle($event)\"\n  />\n\n  <ng-content />\n</label>\n\n@if (hint()) {\n  <span class=\"hint-content\">\n    <i class=\"fa-regular fa-circle-question\"></i> {{hint()}}\n  </span>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InputRadio, decorators: [{
             type: Component,
-            args: [{ selector: 'kl-input-radio', imports: [ReactiveFormsModule], template: "<input #inputRadio\n  type=\"radio\"\n  class=\"radio\"\n  [name]=\"name()\"\n  [value]=\"value()\"\n  [checked]=\"value() === control().value\"\n  [disabled]=\"disabled()\"\n  (change)=\"toggle($event)\"\n/>\n" }]
+            args: [{ selector: 'kl-input-radio', imports: [ReactiveFormsModule], template: "<label [attr.for]=\"fieldId\" class=\"flex items-center gap-2 cursor-pointer\">\n  <input #inputRadio\n    [id]=\"fieldId\"\n    type=\"radio\"\n    class=\"radio\"\n    [name]=\"name()\"\n    [value]=\"value()\"\n    [checked]=\"value() === control().value\"\n    [disabled]=\"disabled()\"\n    (change)=\"toggle($event)\"\n  />\n\n  <ng-content />\n</label>\n\n@if (hint()) {\n  <span class=\"hint-content\">\n    <i class=\"fa-regular fa-circle-question\"></i> {{hint()}}\n  </span>\n}\n" }]
         }], ctorParameters: () => [] });
 
 /**

package/fesm2022/koalarx-ui-shared-components-input-field-input-radio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koalarx-ui-shared-components-input-field-input-radio.mjs","sources":["../../projects/koala-ui/shared/components/input-field/input-radio/input-radio.ts","../../projects/koala-ui/shared/components/input-field/input-radio/input-radio.html","../../projects/koala-ui/shared/components/input-field/input-radio/koalarx-ui-shared-components-input-field-input-radio.ts"],"sourcesContent":["import {\n  booleanAttribute,\n  Component,\n  effect,\n  ElementRef,\n  input,\n  viewChild,\n} from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { InputFieldBase } from '@koalarx/ui/shared/components/input-field';\n\nexport type RadioColor =\n  | 'neutral'\n  | 'primary'\n  | 'secondary'\n  | 'accent'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'ghost';\n\nexport type RadioSize =\n  | 'extraSmall'\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'extraLarge';\n\n@Component({\n  selector: 'kl-input-radio',\n  templateUrl: './input-radio.html',\n  imports: [ReactiveFormsModule],\n})\nexport class InputRadio extends InputFieldBase {\n  private readonly inputRadioElement =\n    viewChild<ElementRef<HTMLInputElement>>('inputRadio');\n\n  color = input<RadioColor>();\n  size = input<RadioSize>();\n  name = input.required<string>();\n  value = input.required<string | number>();\n  disableAutoTypeConversion = input(false, { transform: booleanAttribute });\n\n  private getColorClass(): string {\n    switch (this.color()) {\n      case 'neutral':\n        return 'radio-neutral';\n      case 'primary':\n        return 'radio-primary';\n      case 'secondary':\n        return 'radio-secondary';\n      case 'accent':\n        return 'radio-accent';\n      case 'info':\n        return 'radio-info';\n      case 'success':\n        return 'radio-success';\n      case 'warning':\n        return 'radio-warning';\n      case 'error':\n        return 'radio-error';\n      case 'ghost':\n        return 'radio-ghost';\n      default:\n        return 'radio';\n    }\n  }\n\n  private getSizeClass(): string {\n    switch (this.size()) {\n      case 'extraSmall':\n        return 'radio-xs';\n      case 'small':\n        return 'radio-sm';\n      case 'medium':\n        return 'radio-md';\n      case 'large':\n        return 'radio-lg';\n      case 'extraLarge':\n        return 'radio-xl';\n      default:\n        return 'radio';\n    }\n  }\n\n  constructor() {\n    super();\n\n    effect(() => {\n      const input = this.inputRadioElement()?.nativeElement;\n\n      if (input) {\n        input.classList.add(this.getColorClass());\n      }\n    });\n\n    effect(() => {\n      const input = this.inputRadioElement()?.nativeElement;\n\n      if (input) {\n        input.classList.add(this.getSizeClass());\n      }\n    });\n  }\n\n  toggle(event: Event) {\n    const target = event.target as HTMLInputElement;\n\n    let value: string | number = target.value;\n\n    if (\n      !Number.isNaN(parseInt(value as any)) &&\n      !/^0+[1-9]\\d*$/.test(value) &&\n      !this.disableAutoTypeConversion()\n    ) {\n      value = Number(value);\n    }\n\n    this.control().setValue(value);\n  }\n}\n","<input #inputRadio\n  type=\"radio\"\n  class=\"radio\"\n  [name]=\"name()\"\n  [value]=\"value()\"\n  [checked]=\"value() === control().value\"\n  [disabled]=\"disabled()\"\n  (change)=\"toggle($event)\"\n/>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"koalarx-ui-shared-components-input-field-input-radio.mjs","sources":["../../projects/koala-ui/shared/components/input-field/input-radio/input-radio.ts","../../projects/koala-ui/shared/components/input-field/input-radio/input-radio.html","../../projects/koala-ui/shared/components/input-field/input-radio/koalarx-ui-shared-components-input-field-input-radio.ts"],"sourcesContent":["import {\n  booleanAttribute,\n  Component,\n  effect,\n  ElementRef,\n  input,\n  viewChild,\n} from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { InputFieldBase } from '@koalarx/ui/shared/components/input-field';\n\nexport type RadioColor =\n  | 'neutral'\n  | 'primary'\n  | 'secondary'\n  | 'accent'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'ghost';\n\nexport type RadioSize =\n  | 'extraSmall'\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'extraLarge';\n\n@Component({\n  selector: 'kl-input-radio',\n  templateUrl: './input-radio.html',\n  imports: [ReactiveFormsModule],\n})\nexport class InputRadio extends InputFieldBase {\n  private readonly inputRadioElement =\n    viewChild<ElementRef<HTMLInputElement>>('inputRadio');\n\n  color = input<RadioColor>();\n  size = input<RadioSize>();\n  name = input.required<string>();\n  value = input.required<string | number>();\n  disableAutoTypeConversion = input(false, { transform: booleanAttribute });\n\n  private getColorClass(): string {\n    switch (this.color()) {\n      case 'neutral':\n        return 'radio-neutral';\n      case 'primary':\n        return 'radio-primary';\n      case 'secondary':\n        return 'radio-secondary';\n      case 'accent':\n        return 'radio-accent';\n      case 'info':\n        return 'radio-info';\n      case 'success':\n        return 'radio-success';\n      case 'warning':\n        return 'radio-warning';\n      case 'error':\n        return 'radio-error';\n      case 'ghost':\n        return 'radio-ghost';\n      default:\n        return 'radio';\n    }\n  }\n\n  private getSizeClass(): string {\n    switch (this.size()) {\n      case 'extraSmall':\n        return 'radio-xs';\n      case 'small':\n        return 'radio-sm';\n      case 'medium':\n        return 'radio-md';\n      case 'large':\n        return 'radio-lg';\n      case 'extraLarge':\n        return 'radio-xl';\n      default:\n        return 'radio';\n    }\n  }\n\n  constructor() {\n    super();\n\n    effect(() => {\n      const input = this.inputRadioElement()?.nativeElement;\n\n      if (input) {\n        input.classList.add(this.getColorClass());\n      }\n    });\n\n    effect(() => {\n      const input = this.inputRadioElement()?.nativeElement;\n\n      if (input) {\n        input.classList.add(this.getSizeClass());\n      }\n    });\n  }\n\n  toggle(event: Event) {\n    const target = event.target as HTMLInputElement;\n\n    let value: string | number = target.value;\n\n    if (\n      !Number.isNaN(parseInt(value as any)) &&\n      !/^0+[1-9]\\d*$/.test(value) &&\n      !this.disableAutoTypeConversion()\n    ) {\n      value = Number(value);\n    }\n\n    this.control().setValue(value);\n  }\n}\n","<label [attr.for]=\"fieldId\" class=\"flex items-center gap-2 cursor-pointer\">\n  <input #inputRadio\n    [id]=\"fieldId\"\n    type=\"radio\"\n    class=\"radio\"\n    [name]=\"name()\"\n    [value]=\"value()\"\n    [checked]=\"value() === control().value\"\n    [disabled]=\"disabled()\"\n    (change)=\"toggle($event)\"\n  />\n\n  <ng-content />\n</label>\n\n@if (hint()) {\n  <span class=\"hint-content\">\n    <i class=\"fa-regular fa-circle-question\"></i> {{hint()}}\n  </span>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/koalarx-ui-shared-components-input-field-input-text.mjs

@@ -5,11 +5,11 @@ import { InputFieldBase, InputField } from '@koalarx/ui/shared/components/input-
 class InputText extends InputFieldBase {
     mask = input('', ...(ngDevMode ? [{ debugName: "mask" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InputText, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.6", type: InputText, isStandalone: true, selector: "kl-input-text", inputs: { mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<kl-input-field\n  type=\"text\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [mask]=\"mask()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n", dependencies: [{ kind: "component", type: InputField, selector: "kl-input-field", inputs: ["type", "mask", "min", "max"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.6", type: InputText, isStandalone: true, selector: "kl-input-text", inputs: { mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<kl-input-field\n  type=\"text\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [mask]=\"mask()\"\n  [hint]=\"hint()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n", dependencies: [{ kind: "component", type: InputField, selector: "kl-input-field", inputs: ["type", "mask", "min", "max"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InputText, decorators: [{
             type: Component,
-            args: [{ selector: 'kl-input-text', imports: [InputField], template: "<kl-input-field\n  type=\"text\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [mask]=\"mask()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n" }]
+            args: [{ selector: 'kl-input-text', imports: [InputField], template: "<kl-input-field\n  type=\"text\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [mask]=\"mask()\"\n  [hint]=\"hint()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n" }]
         }] });
 
 /**

package/fesm2022/koalarx-ui-shared-components-input-field-input-text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koalarx-ui-shared-components-input-field-input-text.mjs","sources":["../../projects/koala-ui/shared/components/input-field/input-text/input-text.ts","../../projects/koala-ui/shared/components/input-field/input-text/input-text.html","../../projects/koala-ui/shared/components/input-field/input-text/koalarx-ui-shared-components-input-field-input-text.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport {\n  InputField,\n  InputFieldBase,\n} from '@koalarx/ui/shared/components/input-field';\n\n@Component({\n  selector: 'kl-input-text',\n  templateUrl: './input-text.html',\n  imports: [InputField],\n})\nexport class InputText extends InputFieldBase {\n  mask = input<string>('');\n}\n","<kl-input-field\n  type=\"text\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [mask]=\"mask()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAWM,MAAO,SAAU,SAAQ,cAAc,CAAA;AAC3C,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,gDAAC;uGADb,SAAS,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXtB,wPAWA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDFY,UAAU,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAET,SAAS,EAAA,UAAA,EAAA,CAAA;kBALrB,SAAS;+BACE,eAAe,EAAA,OAAA,EAEhB,CAAC,UAAU,CAAC,EAAA,QAAA,EAAA,wPAAA,EAAA;;;AETvB;;AAEG;;;;"}
+{"version":3,"file":"koalarx-ui-shared-components-input-field-input-text.mjs","sources":["../../projects/koala-ui/shared/components/input-field/input-text/input-text.ts","../../projects/koala-ui/shared/components/input-field/input-text/input-text.html","../../projects/koala-ui/shared/components/input-field/input-text/koalarx-ui-shared-components-input-field-input-text.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport {\n  InputField,\n  InputFieldBase,\n} from '@koalarx/ui/shared/components/input-field';\n\n@Component({\n  selector: 'kl-input-text',\n  templateUrl: './input-text.html',\n  imports: [InputField],\n})\nexport class InputText extends InputFieldBase {\n  mask = input<string>('');\n}\n","<kl-input-field\n  type=\"text\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [mask]=\"mask()\"\n  [hint]=\"hint()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAWM,MAAO,SAAU,SAAQ,cAAc,CAAA;AAC3C,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,gDAAC;uGADb,SAAS,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXtB,6QAYA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDHY,UAAU,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAET,SAAS,EAAA,UAAA,EAAA,CAAA;kBALrB,SAAS;+BACE,eAAe,EAAA,OAAA,EAEhB,CAAC,UAAU,CAAC,EAAA,QAAA,EAAA,6QAAA,EAAA;;;AETvB;;AAEG;;;;"}

package/fesm2022/koalarx-ui-shared-components-input-field-input-time.mjs

@@ -6,11 +6,11 @@ class InputTime extends InputFieldBase {
     min = input(...(ngDevMode ? [undefined, { debugName: "min" }] : []));
     max = input(...(ngDevMode ? [undefined, { debugName: "max" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InputTime, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.6", type: InputTime, isStandalone: true, selector: "kl-input-time", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<kl-input-field\n  type=\"time\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [min]=\"min()\"\n  [max]=\"max()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n", dependencies: [{ kind: "component", type: InputField, selector: "kl-input-field", inputs: ["type", "mask", "min", "max"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.6", type: InputTime, isStandalone: true, selector: "kl-input-time", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<kl-input-field\n  type=\"time\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [min]=\"min()\"\n  [max]=\"max()\"\n  [hint]=\"hint()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n", dependencies: [{ kind: "component", type: InputField, selector: "kl-input-field", inputs: ["type", "mask", "min", "max"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InputTime, decorators: [{
             type: Component,
-            args: [{ selector: 'kl-input-time', imports: [InputField], template: "<kl-input-field\n  type=\"time\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [min]=\"min()\"\n  [max]=\"max()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n" }]
+            args: [{ selector: 'kl-input-time', imports: [InputField], template: "<kl-input-field\n  type=\"time\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [min]=\"min()\"\n  [max]=\"max()\"\n  [hint]=\"hint()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n" }]
         }] });
 
 /**

package/fesm2022/koalarx-ui-shared-components-input-field-input-time.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koalarx-ui-shared-components-input-field-input-time.mjs","sources":["../../projects/koala-ui/shared/components/input-field/input-time/input-time.ts","../../projects/koala-ui/shared/components/input-field/input-time/input-time.html","../../projects/koala-ui/shared/components/input-field/input-time/koalarx-ui-shared-components-input-field-input-time.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport {\n  InputField,\n  InputFieldBase,\n} from '@koalarx/ui/shared/components/input-field';\n\n@Component({\n  selector: 'kl-input-time',\n  templateUrl: './input-time.html',\n  imports: [InputField],\n})\nexport class InputTime extends InputFieldBase {\n  min = input<string>();\n  max = input<string>();\n}\n","<kl-input-field\n  type=\"time\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [min]=\"min()\"\n  [max]=\"max()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAWM,MAAO,SAAU,SAAQ,cAAc,CAAA;IAC3C,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACrB,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;uGAFV,SAAS,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXtB,yQAYA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDHY,UAAU,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAET,SAAS,EAAA,UAAA,EAAA,CAAA;kBALrB,SAAS;+BACE,eAAe,EAAA,OAAA,EAEhB,CAAC,UAAU,CAAC,EAAA,QAAA,EAAA,yQAAA,EAAA;;;AETvB;;AAEG;;;;"}
+{"version":3,"file":"koalarx-ui-shared-components-input-field-input-time.mjs","sources":["../../projects/koala-ui/shared/components/input-field/input-time/input-time.ts","../../projects/koala-ui/shared/components/input-field/input-time/input-time.html","../../projects/koala-ui/shared/components/input-field/input-time/koalarx-ui-shared-components-input-field-input-time.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport {\n  InputField,\n  InputFieldBase,\n} from '@koalarx/ui/shared/components/input-field';\n\n@Component({\n  selector: 'kl-input-time',\n  templateUrl: './input-time.html',\n  imports: [InputField],\n})\nexport class InputTime extends InputFieldBase {\n  min = input<string>();\n  max = input<string>();\n}\n","<kl-input-field\n  type=\"time\"\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [min]=\"min()\"\n  [max]=\"max()\"\n  [hint]=\"hint()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAWM,MAAO,SAAU,SAAQ,cAAc,CAAA;IAC3C,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACrB,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;uGAFV,SAAS,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXtB,8RAaA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDJY,UAAU,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAET,SAAS,EAAA,UAAA,EAAA,CAAA;kBALrB,SAAS;+BACE,eAAe,EAAA,OAAA,EAEhB,CAAC,UAAU,CAAC,EAAA,QAAA,EAAA,8RAAA,EAAA;;;AETvB;;AAEG;;;;"}

package/fesm2022/koalarx-ui-shared-components-input-field-input-url.mjs

@@ -14,11 +14,11 @@ class InputUrl extends InputFieldBase {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InputUrl, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: InputUrl, isStandalone: true, selector: "kl-input-url", usesInheritance: true, ngImport: i0, template: "<kl-input-field\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  type=\"url\">\n\n  <ng-container errors>\n    @if (control().errors?.['pattern']) {\n      <div class=\"error-message\">{{ translations.invalidURL }}</div>\n    }\n  </ng-container>\n</kl-input-field>\n", dependencies: [{ kind: "component", type: InputField, selector: "kl-input-field", inputs: ["type", "mask", "min", "max"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: InputUrl, isStandalone: true, selector: "kl-input-url", usesInheritance: true, ngImport: i0, template: "<kl-input-field\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [hint]=\"hint()\"\n  type=\"url\">\n\n  <ng-container errors>\n    @if (control().errors?.['pattern']) {\n      <div class=\"error-message\">{{ translations.invalidURL }}</div>\n    }\n  </ng-container>\n</kl-input-field>\n", dependencies: [{ kind: "component", type: InputField, selector: "kl-input-field", inputs: ["type", "mask", "min", "max"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: InputUrl, decorators: [{
             type: Component,
-            args: [{ selector: 'kl-input-url', imports: [InputField], template: "<kl-input-field\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  type=\"url\">\n\n  <ng-container errors>\n    @if (control().errors?.['pattern']) {\n      <div class=\"error-message\">{{ translations.invalidURL }}</div>\n    }\n  </ng-container>\n</kl-input-field>\n" }]
+            args: [{ selector: 'kl-input-url', imports: [InputField], template: "<kl-input-field\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [hint]=\"hint()\"\n  type=\"url\">\n\n  <ng-container errors>\n    @if (control().errors?.['pattern']) {\n      <div class=\"error-message\">{{ translations.invalidURL }}</div>\n    }\n  </ng-container>\n</kl-input-field>\n" }]
         }], ctorParameters: () => [] });
 
 /**

package/fesm2022/koalarx-ui-shared-components-input-field-input-url.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koalarx-ui-shared-components-input-field-input-url.mjs","sources":["../../projects/koala-ui/shared/components/input-field/input-url/input-url.ts","../../projects/koala-ui/shared/components/input-field/input-url/input-url.html","../../projects/koala-ui/shared/components/input-field/input-url/koalarx-ui-shared-components-input-field-input-url.ts"],"sourcesContent":["import { Component, effect, inject } from '@angular/core';\nimport { Validators } from '@angular/forms';\nimport { AppConfig } from '@koalarx/ui/core/config';\nimport {\n  InputField,\n  InputFieldBase,\n} from '@koalarx/ui/shared/components/input-field';\n\n@Component({\n  selector: 'kl-input-url',\n  templateUrl: './input-url.html',\n  imports: [InputField],\n})\nexport class InputUrl extends InputFieldBase {\n  readonly translations = inject(AppConfig).translation.form;\n\n  constructor() {\n    super();\n\n    effect(() => {\n      const control = this.control();\n\n      control.addValidators(\n        Validators.pattern(/^(https?|ftp):\\/\\/[^\\s/$.?#].[^\\s]*$/)\n      );\n    });\n  }\n}\n","<kl-input-field\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  type=\"url\">\n\n  <ng-container errors>\n    @if (control().errors?.['pattern']) {\n      <div class=\"error-message\">{{ translations.invalidURL }}</div>\n    }\n  </ng-container>\n</kl-input-field>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAaM,MAAO,QAAS,SAAQ,cAAc,CAAA;IACjC,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,IAAI;AAE1D,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QAEP,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;YAE9B,OAAO,CAAC,aAAa,CACnB,UAAU,CAAC,OAAO,CAAC,sCAAsC,CAAC,CAC3D;AACH,SAAC,CAAC;;uGAZO,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbrB,oTAYA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDDY,UAAU,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAET,QAAQ,EAAA,UAAA,EAAA,CAAA;kBALpB,SAAS;+BACE,cAAc,EAAA,OAAA,EAEf,CAAC,UAAU,CAAC,EAAA,QAAA,EAAA,oTAAA,EAAA;;;AEXvB;;AAEG;;;;"}
+{"version":3,"file":"koalarx-ui-shared-components-input-field-input-url.mjs","sources":["../../projects/koala-ui/shared/components/input-field/input-url/input-url.ts","../../projects/koala-ui/shared/components/input-field/input-url/input-url.html","../../projects/koala-ui/shared/components/input-field/input-url/koalarx-ui-shared-components-input-field-input-url.ts"],"sourcesContent":["import { Component, effect, inject } from '@angular/core';\nimport { Validators } from '@angular/forms';\nimport { AppConfig } from '@koalarx/ui/core/config';\nimport {\n  InputField,\n  InputFieldBase,\n} from '@koalarx/ui/shared/components/input-field';\n\n@Component({\n  selector: 'kl-input-url',\n  templateUrl: './input-url.html',\n  imports: [InputField],\n})\nexport class InputUrl extends InputFieldBase {\n  readonly translations = inject(AppConfig).translation.form;\n\n  constructor() {\n    super();\n\n    effect(() => {\n      const control = this.control();\n\n      control.addValidators(\n        Validators.pattern(/^(https?|ftp):\\/\\/[^\\s/$.?#].[^\\s]*$/)\n      );\n    });\n  }\n}\n","<kl-input-field\n  [control]=\"control()\"\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [hint]=\"hint()\"\n  type=\"url\">\n\n  <ng-container errors>\n    @if (control().errors?.['pattern']) {\n      <div class=\"error-message\">{{ translations.invalidURL }}</div>\n    }\n  </ng-container>\n</kl-input-field>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAaM,MAAO,QAAS,SAAQ,cAAc,CAAA;IACjC,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,IAAI;AAE1D,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QAEP,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;YAE9B,OAAO,CAAC,aAAa,CACnB,UAAU,CAAC,OAAO,CAAC,sCAAsC,CAAC,CAC3D;AACH,SAAC,CAAC;;uGAZO,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbrB,yUAaA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDFY,UAAU,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAET,QAAQ,EAAA,UAAA,EAAA,CAAA;kBALpB,SAAS;+BACE,cAAc,EAAA,OAAA,EAEf,CAAC,UAAU,CAAC,EAAA,QAAA,EAAA,yUAAA,EAAA;;;AEXvB;;AAEG;;;;"}

package/fesm2022/koalarx-ui-shared-components-input-field-select.mjs

@@ -27,11 +27,11 @@ class Select extends InputFieldBase {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Select, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: Select, isStandalone: true, selector: "kl-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "@if (options(); as items) {\n  <label [attr.for]=\"fieldId\" class=\"floating-label select w-full\">\n\n    @if (label(); as label) {\n      <span>{{ label }} {{ isRequired() ? '*' : '' }}</span>\n    }\n\n    <select\n      [id]=\"fieldId\"\n      [value]=\"control().value\"\n      (change)=\"onSelectChange($event)\"\n      [disabled]=\"items.isLoading()\">\n\n      @if (items.isLoading()) {\n        <option [value]=\"null\">Carregando...</option>\n      } @else {\n        <option [value]=\"null\">Selecione uma op\u00E7\u00E3o...</option>\n      }\n      @for (item of items.value(); track $index) {\n        <option\n          [value]=\"`${item.value}`\"\n          [selected]=\"item.value === control().value\">\n          {{ item.label }}\n        </option>\n      }\n    </select>\n  </label>\n\n  <kl-field-errors [field]=\"control()\">\n    <ng-container errors>\n      <ng-content select=\"[errors]\" />\n    </ng-container>\n  </kl-field-errors>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "component", type: FieldErrors, selector: "kl-field-errors", inputs: ["field"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: Select, isStandalone: true, selector: "kl-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "@if (options(); as items) {\n  <label [attr.for]=\"fieldId\" class=\"floating-label select w-full\">\n\n    @if (label(); as label) {\n      <span>{{ label }} {{ isRequired() ? '*' : '' }}</span>\n    }\n\n    <select\n      [id]=\"fieldId\"\n      [value]=\"control().value\"\n      (change)=\"onSelectChange($event)\"\n      [disabled]=\"items.isLoading()\">\n\n      @if (items.isLoading()) {\n        <option [value]=\"null\">Carregando...</option>\n      } @else {\n        <option [value]=\"null\">Selecione uma op\u00E7\u00E3o...</option>\n      }\n      @for (item of items.value(); track $index) {\n        <option\n          [value]=\"`${item.value}`\"\n          [selected]=\"item.value === control().value\">\n          {{ item.label }}\n        </option>\n      }\n    </select>\n  </label>\n\n  @if (hint()) {\n    <span class=\"hint-content\">\n      <i class=\"fa-regular fa-circle-question\"></i> {{hint()}}\n    </span>\n  }\n\n  <kl-field-errors [field]=\"control()\">\n    <ng-container errors>\n      <ng-content select=\"[errors]\" />\n    </ng-container>\n  </kl-field-errors>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "component", type: FieldErrors, selector: "kl-field-errors", inputs: ["field"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Select, decorators: [{
             type: Component,
-            args: [{ selector: 'kl-select', imports: [ReactiveFormsModule, FieldErrors], template: "@if (options(); as items) {\n  <label [attr.for]=\"fieldId\" class=\"floating-label select w-full\">\n\n    @if (label(); as label) {\n      <span>{{ label }} {{ isRequired() ? '*' : '' }}</span>\n    }\n\n    <select\n      [id]=\"fieldId\"\n      [value]=\"control().value\"\n      (change)=\"onSelectChange($event)\"\n      [disabled]=\"items.isLoading()\">\n\n      @if (items.isLoading()) {\n        <option [value]=\"null\">Carregando...</option>\n      } @else {\n        <option [value]=\"null\">Selecione uma op\u00E7\u00E3o...</option>\n      }\n      @for (item of items.value(); track $index) {\n        <option\n          [value]=\"`${item.value}`\"\n          [selected]=\"item.value === control().value\">\n          {{ item.label }}\n        </option>\n      }\n    </select>\n  </label>\n\n  <kl-field-errors [field]=\"control()\">\n    <ng-container errors>\n      <ng-content select=\"[errors]\" />\n    </ng-container>\n  </kl-field-errors>\n}\n" }]
+            args: [{ selector: 'kl-select', imports: [ReactiveFormsModule, FieldErrors], template: "@if (options(); as items) {\n  <label [attr.for]=\"fieldId\" class=\"floating-label select w-full\">\n\n    @if (label(); as label) {\n      <span>{{ label }} {{ isRequired() ? '*' : '' }}</span>\n    }\n\n    <select\n      [id]=\"fieldId\"\n      [value]=\"control().value\"\n      (change)=\"onSelectChange($event)\"\n      [disabled]=\"items.isLoading()\">\n\n      @if (items.isLoading()) {\n        <option [value]=\"null\">Carregando...</option>\n      } @else {\n        <option [value]=\"null\">Selecione uma op\u00E7\u00E3o...</option>\n      }\n      @for (item of items.value(); track $index) {\n        <option\n          [value]=\"`${item.value}`\"\n          [selected]=\"item.value === control().value\">\n          {{ item.label }}\n        </option>\n      }\n    </select>\n  </label>\n\n  @if (hint()) {\n    <span class=\"hint-content\">\n      <i class=\"fa-regular fa-circle-question\"></i> {{hint()}}\n    </span>\n  }\n\n  <kl-field-errors [field]=\"control()\">\n    <ng-container errors>\n      <ng-content select=\"[errors]\" />\n    </ng-container>\n  </kl-field-errors>\n}\n" }]
         }] });
 
 /**

package/fesm2022/koalarx-ui-shared-components-input-field-select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koalarx-ui-shared-components-input-field-select.mjs","sources":["../../projects/koala-ui/shared/components/input-field/select/select.ts","../../projects/koala-ui/shared/components/input-field/select/select.html","../../projects/koala-ui/shared/components/input-field/select/koalarx-ui-shared-components-input-field-select.ts"],"sourcesContent":["import { Component, input, ResourceRef } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FieldErrors } from '@koalarx/ui/shared/components/field-errors';\nimport { InputFieldBase } from '@koalarx/ui/shared/components/input-field';\n\ntype SelectValue = string | number | boolean | null;\nexport interface SelectOption<TData = any> {\n  label: string;\n  value: SelectValue;\n  data?: TData;\n}\nexport type SelectList<TData = any> = SelectOption<TData>[];\n\n@Component({\n  selector: 'kl-select',\n  templateUrl: './select.html',\n  imports: [ReactiveFormsModule, FieldErrors],\n})\nexport class Select extends InputFieldBase {\n  options = input.required<ResourceRef<SelectList>>();\n\n  onSelectChange(event: Event) {\n    const select = event.target as HTMLSelectElement;\n    let value: SelectValue = select.value;\n\n    const selectedOption = this.options()\n      .value()\n      .find((item) => String(item.value) === value);\n\n    if (selectedOption) {\n      if (typeof selectedOption.value === 'number') {\n        value = Number(value);\n      } else if (typeof selectedOption.value === 'boolean') {\n        value = value === 'true';\n      } else {\n        value = selectedOption.value;\n      }\n      this.control().setValue(value, { emitEvent: true });\n    }\n  }\n}\n","@if (options(); as items) {\n  <label [attr.for]=\"fieldId\" class=\"floating-label select w-full\">\n\n    @if (label(); as label) {\n      <span>{{ label }} {{ isRequired() ? '*' : '' }}</span>\n    }\n\n    <select\n      [id]=\"fieldId\"\n      [value]=\"control().value\"\n      (change)=\"onSelectChange($event)\"\n      [disabled]=\"items.isLoading()\">\n\n      @if (items.isLoading()) {\n        <option [value]=\"null\">Carregando...</option>\n      } @else {\n        <option [value]=\"null\">Selecione uma opção...</option>\n      }\n      @for (item of items.value(); track $index) {\n        <option\n          [value]=\"`${item.value}`\"\n          [selected]=\"item.value === control().value\">\n          {{ item.label }}\n        </option>\n      }\n    </select>\n  </label>\n\n  <kl-field-errors [field]=\"control()\">\n    <ng-container errors>\n      <ng-content select=\"[errors]\" />\n    </ng-container>\n  </kl-field-errors>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAkBM,MAAO,MAAO,SAAQ,cAAc,CAAA;AACxC,IAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,kDAA2B;AAEnD,IAAA,cAAc,CAAC,KAAY,EAAA;AACzB,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA2B;AAChD,QAAA,IAAI,KAAK,GAAgB,MAAM,CAAC,KAAK;AAErC,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO;AAChC,aAAA,KAAK;AACL,aAAA,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC;QAE/C,IAAI,cAAc,EAAE;AAClB,YAAA,IAAI,OAAO,cAAc,CAAC,KAAK,KAAK,QAAQ,EAAE;AAC5C,gBAAA,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;;AAChB,iBAAA,IAAI,OAAO,cAAc,CAAC,KAAK,KAAK,SAAS,EAAE;AACpD,gBAAA,KAAK,GAAG,KAAK,KAAK,MAAM;;iBACnB;AACL,gBAAA,KAAK,GAAG,cAAc,CAAC,KAAK;;AAE9B,YAAA,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;;;uGAnB5C,MAAM,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAN,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAM,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBnB,u8BAkCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDlBY,mBAAmB,4OAAE,WAAW,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAE/B,MAAM,EAAA,UAAA,EAAA,CAAA;kBALlB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,OAAA,EAEZ,CAAC,mBAAmB,EAAE,WAAW,CAAC,EAAA,QAAA,EAAA,u8BAAA,EAAA;;;AEhB7C;;AAEG;;;;"}
+{"version":3,"file":"koalarx-ui-shared-components-input-field-select.mjs","sources":["../../projects/koala-ui/shared/components/input-field/select/select.ts","../../projects/koala-ui/shared/components/input-field/select/select.html","../../projects/koala-ui/shared/components/input-field/select/koalarx-ui-shared-components-input-field-select.ts"],"sourcesContent":["import { Component, input, ResourceRef } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FieldErrors } from '@koalarx/ui/shared/components/field-errors';\nimport { InputFieldBase } from '@koalarx/ui/shared/components/input-field';\n\ntype SelectValue = string | number | boolean | null;\nexport interface SelectOption<TData = any> {\n  label: string;\n  value: SelectValue;\n  data?: TData;\n}\nexport type SelectList<TData = any> = SelectOption<TData>[];\n\n@Component({\n  selector: 'kl-select',\n  templateUrl: './select.html',\n  imports: [ReactiveFormsModule, FieldErrors],\n})\nexport class Select extends InputFieldBase {\n  options = input.required<ResourceRef<SelectList>>();\n\n  onSelectChange(event: Event) {\n    const select = event.target as HTMLSelectElement;\n    let value: SelectValue = select.value;\n\n    const selectedOption = this.options()\n      .value()\n      .find((item) => String(item.value) === value);\n\n    if (selectedOption) {\n      if (typeof selectedOption.value === 'number') {\n        value = Number(value);\n      } else if (typeof selectedOption.value === 'boolean') {\n        value = value === 'true';\n      } else {\n        value = selectedOption.value;\n      }\n      this.control().setValue(value, { emitEvent: true });\n    }\n  }\n}\n","@if (options(); as items) {\n  <label [attr.for]=\"fieldId\" class=\"floating-label select w-full\">\n\n    @if (label(); as label) {\n      <span>{{ label }} {{ isRequired() ? '*' : '' }}</span>\n    }\n\n    <select\n      [id]=\"fieldId\"\n      [value]=\"control().value\"\n      (change)=\"onSelectChange($event)\"\n      [disabled]=\"items.isLoading()\">\n\n      @if (items.isLoading()) {\n        <option [value]=\"null\">Carregando...</option>\n      } @else {\n        <option [value]=\"null\">Selecione uma opção...</option>\n      }\n      @for (item of items.value(); track $index) {\n        <option\n          [value]=\"`${item.value}`\"\n          [selected]=\"item.value === control().value\">\n          {{ item.label }}\n        </option>\n      }\n    </select>\n  </label>\n\n  @if (hint()) {\n    <span class=\"hint-content\">\n      <i class=\"fa-regular fa-circle-question\"></i> {{hint()}}\n    </span>\n  }\n\n  <kl-field-errors [field]=\"control()\">\n    <ng-container errors>\n      <ng-content select=\"[errors]\" />\n    </ng-container>\n  </kl-field-errors>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAkBM,MAAO,MAAO,SAAQ,cAAc,CAAA;AACxC,IAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,kDAA2B;AAEnD,IAAA,cAAc,CAAC,KAAY,EAAA;AACzB,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA2B;AAChD,QAAA,IAAI,KAAK,GAAgB,MAAM,CAAC,KAAK;AAErC,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO;AAChC,aAAA,KAAK;AACL,aAAA,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC;QAE/C,IAAI,cAAc,EAAE;AAClB,YAAA,IAAI,OAAO,cAAc,CAAC,KAAK,KAAK,QAAQ,EAAE;AAC5C,gBAAA,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;;AAChB,iBAAA,IAAI,OAAO,cAAc,CAAC,KAAK,KAAK,SAAS,EAAE;AACpD,gBAAA,KAAK,GAAG,KAAK,KAAK,MAAM;;iBACnB;AACL,gBAAA,KAAK,GAAG,cAAc,CAAC,KAAK;;AAE9B,YAAA,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;;;uGAnB5C,MAAM,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAN,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAM,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBnB,klCAwCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDxBY,mBAAmB,4OAAE,WAAW,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAE/B,MAAM,EAAA,UAAA,EAAA,CAAA;kBALlB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,OAAA,EAEZ,CAAC,mBAAmB,EAAE,WAAW,CAAC,EAAA,QAAA,EAAA,klCAAA,EAAA;;;AEhB7C;;AAEG;;;;"}

package/fesm2022/koalarx-ui-shared-components-input-field-switcher.mjs

@@ -67,11 +67,11 @@ class Switcher extends InputFieldBase {
         this.control().setValue(target.checked);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Switcher, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.6", type: Switcher, isStandalone: true, selector: "kl-switcher", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "switcherElement", first: true, predicate: ["inputSwitcher"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<input #inputSwitcher\n  type=\"checkbox\"\n  class=\"toggle\"\n  [checked]=\"control().value\"\n  [disabled]=\"disabled()\"\n  (change)=\"toggle($event)\"\n/>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: Switcher, isStandalone: true, selector: "kl-switcher", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "switcherElement", first: true, predicate: ["inputSwitcher"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<label [attr.for]=\"fieldId\" class=\"flex items-center gap-2 cursor-pointer\">\n  <input #inputSwitcher\n    [id]=\"fieldId\"\n    type=\"checkbox\"\n    class=\"toggle\"\n    [checked]=\"control().value\"\n    [disabled]=\"disabled()\"\n    (change)=\"toggle($event)\"\n  />\n\n  <ng-content />\n</label>\n\n@if (hint()) {\n  <span class=\"hint-content\">\n    <i class=\"fa-regular fa-circle-question\"></i> {{hint()}}\n  </span>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Switcher, decorators: [{
             type: Component,
-            args: [{ selector: 'kl-switcher', imports: [ReactiveFormsModule], template: "<input #inputSwitcher\n  type=\"checkbox\"\n  class=\"toggle\"\n  [checked]=\"control().value\"\n  [disabled]=\"disabled()\"\n  (change)=\"toggle($event)\"\n/>\n" }]
+            args: [{ selector: 'kl-switcher', imports: [ReactiveFormsModule], template: "<label [attr.for]=\"fieldId\" class=\"flex items-center gap-2 cursor-pointer\">\n  <input #inputSwitcher\n    [id]=\"fieldId\"\n    type=\"checkbox\"\n    class=\"toggle\"\n    [checked]=\"control().value\"\n    [disabled]=\"disabled()\"\n    (change)=\"toggle($event)\"\n  />\n\n  <ng-content />\n</label>\n\n@if (hint()) {\n  <span class=\"hint-content\">\n    <i class=\"fa-regular fa-circle-question\"></i> {{hint()}}\n  </span>\n}\n" }]
         }], ctorParameters: () => [] });
 
 /**

package/fesm2022/koalarx-ui-shared-components-input-field-switcher.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koalarx-ui-shared-components-input-field-switcher.mjs","sources":["../../projects/koala-ui/shared/components/input-field/switcher/switcher.ts","../../projects/koala-ui/shared/components/input-field/switcher/switcher.html","../../projects/koala-ui/shared/components/input-field/switcher/koalarx-ui-shared-components-input-field-switcher.ts"],"sourcesContent":["import { Component, effect, ElementRef, input, viewChild } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { InputFieldBase } from '@koalarx/ui/shared/components/input-field';\n\nexport type SwitcherColor =\n  | 'neutral'\n  | 'primary'\n  | 'secondary'\n  | 'accent'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'ghost';\n\nexport type SwitcherSize =\n  | 'extraSmall'\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'extraLarge';\n\n@Component({\n  selector: 'kl-switcher',\n  templateUrl: './switcher.html',\n  imports: [ReactiveFormsModule],\n})\nexport class Switcher extends InputFieldBase {\n  private readonly switcherElement =\n    viewChild<ElementRef<HTMLInputElement>>('inputSwitcher');\n\n  color = input<SwitcherColor>();\n  size = input<SwitcherSize>();\n\n  private getColorClass(): string {\n    switch (this.color()) {\n      case 'neutral':\n        return 'toggle-neutral';\n      case 'primary':\n        return 'toggle-primary';\n      case 'secondary':\n        return 'toggle-secondary';\n      case 'accent':\n        return 'toggle-accent';\n      case 'info':\n        return 'toggle-info';\n      case 'success':\n        return 'toggle-success';\n      case 'warning':\n        return 'toggle-warning';\n      case 'error':\n        return 'toggle-error';\n      case 'ghost':\n        return 'toggle-ghost';\n      default:\n        return 'toggle';\n    }\n  }\n\n  private getSizeClass(): string {\n    switch (this.size()) {\n      case 'extraSmall':\n        return 'toggle-xs';\n      case 'small':\n        return 'toggle-sm';\n      case 'medium':\n        return 'toggle-md';\n      case 'large':\n        return 'toggle-lg';\n      case 'extraLarge':\n        return 'toggle-xl';\n      default:\n        return 'toggle';\n    }\n  }\n\n  constructor() {\n    super();\n\n    effect(() => {\n      const input = this.switcherElement()?.nativeElement;\n\n      if (input) {\n        input.classList.add(this.getColorClass());\n      }\n    });\n\n    effect(() => {\n      const input = this.switcherElement()?.nativeElement;\n\n      if (input) {\n        input.classList.add(this.getSizeClass());\n      }\n    });\n  }\n\n  toggle(event: Event) {\n    const target = event.target as HTMLInputElement;\n    this.control().setValue(target.checked);\n  }\n}\n","<input #inputSwitcher\n  type=\"checkbox\"\n  class=\"toggle\"\n  [checked]=\"control().value\"\n  [disabled]=\"disabled()\"\n  (change)=\"toggle($event)\"\n/>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"koalarx-ui-shared-components-input-field-switcher.mjs","sources":["../../projects/koala-ui/shared/components/input-field/switcher/switcher.ts","../../projects/koala-ui/shared/components/input-field/switcher/switcher.html","../../projects/koala-ui/shared/components/input-field/switcher/koalarx-ui-shared-components-input-field-switcher.ts"],"sourcesContent":["import { Component, effect, ElementRef, input, viewChild } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { InputFieldBase } from '@koalarx/ui/shared/components/input-field';\n\nexport type SwitcherColor =\n  | 'neutral'\n  | 'primary'\n  | 'secondary'\n  | 'accent'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'ghost';\n\nexport type SwitcherSize =\n  | 'extraSmall'\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'extraLarge';\n\n@Component({\n  selector: 'kl-switcher',\n  templateUrl: './switcher.html',\n  imports: [ReactiveFormsModule],\n})\nexport class Switcher extends InputFieldBase {\n  private readonly switcherElement =\n    viewChild<ElementRef<HTMLInputElement>>('inputSwitcher');\n\n  color = input<SwitcherColor>();\n  size = input<SwitcherSize>();\n\n  private getColorClass(): string {\n    switch (this.color()) {\n      case 'neutral':\n        return 'toggle-neutral';\n      case 'primary':\n        return 'toggle-primary';\n      case 'secondary':\n        return 'toggle-secondary';\n      case 'accent':\n        return 'toggle-accent';\n      case 'info':\n        return 'toggle-info';\n      case 'success':\n        return 'toggle-success';\n      case 'warning':\n        return 'toggle-warning';\n      case 'error':\n        return 'toggle-error';\n      case 'ghost':\n        return 'toggle-ghost';\n      default:\n        return 'toggle';\n    }\n  }\n\n  private getSizeClass(): string {\n    switch (this.size()) {\n      case 'extraSmall':\n        return 'toggle-xs';\n      case 'small':\n        return 'toggle-sm';\n      case 'medium':\n        return 'toggle-md';\n      case 'large':\n        return 'toggle-lg';\n      case 'extraLarge':\n        return 'toggle-xl';\n      default:\n        return 'toggle';\n    }\n  }\n\n  constructor() {\n    super();\n\n    effect(() => {\n      const input = this.switcherElement()?.nativeElement;\n\n      if (input) {\n        input.classList.add(this.getColorClass());\n      }\n    });\n\n    effect(() => {\n      const input = this.switcherElement()?.nativeElement;\n\n      if (input) {\n        input.classList.add(this.getSizeClass());\n      }\n    });\n  }\n\n  toggle(event: Event) {\n    const target = event.target as HTMLInputElement;\n    this.control().setValue(target.checked);\n  }\n}\n","<label [attr.for]=\"fieldId\" class=\"flex items-center gap-2 cursor-pointer\">\n  <input #inputSwitcher\n    [id]=\"fieldId\"\n    type=\"checkbox\"\n    class=\"toggle\"\n    [checked]=\"control().value\"\n    [disabled]=\"disabled()\"\n    (change)=\"toggle($event)\"\n  />\n\n  <ng-content />\n</label>\n\n@if (hint()) {\n  <span class=\"hint-content\">\n    <i class=\"fa-regular fa-circle-question\"></i> {{hint()}}\n  </span>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/koalarx-ui-shared-components-input-field-textarea.mjs

@@ -19,11 +19,11 @@ class Textarea extends InputFieldBase {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Textarea, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: Textarea, isStandalone: true, selector: "kl-textarea", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, resizeble: { classPropertyName: "resizeble", publicName: "resizeble", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "textareaElement", first: true, predicate: ["textareaElement"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<label [attr.for]=\"fieldId\" class=\"floating-label textarea validator w-full rounded-sm\">\n  @if (label(); as label) {\n    <span>\n      <ng-content select=\"[icon]\" />\n      {{ label }} {{ isRequired() ? '*' : '' }}\n    </span>\n  }\n\n  <textarea class=\"w-full h-full\" #textareaElement\n    [id]=\"fieldId\"\n    [formControl]=\"control()\"\n    [required]=\"isRequired()\"\n    [placeholder]=\"label()\n      ? label() + (isRequired() ? '*' : '')\n      : placeholder()\"\n    [rows]=\"rows()\">\n  </textarea>\n</label>\n\n<kl-field-errors [field]=\"control()\">\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-field-errors>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrors, selector: "kl-field-errors", inputs: ["field"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: Textarea, isStandalone: true, selector: "kl-textarea", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, resizeble: { classPropertyName: "resizeble", publicName: "resizeble", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "textareaElement", first: true, predicate: ["textareaElement"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<label [attr.for]=\"fieldId\" class=\"floating-label textarea validator w-full rounded-sm\">\n  @if (label(); as label) {\n    <span>\n      <ng-content select=\"[icon]\" />\n      {{ label }} {{ isRequired() ? '*' : '' }}\n    </span>\n  }\n\n  <textarea class=\"w-full h-full\" #textareaElement\n    [id]=\"fieldId\"\n    [formControl]=\"control()\"\n    [required]=\"isRequired()\"\n    [placeholder]=\"label()\n      ? label() + (isRequired() ? '*' : '')\n      : placeholder()\"\n    [rows]=\"rows()\">\n  </textarea>\n</label>\n\n@if (hint()) {\n  <span class=\"hint-content\">\n    <i class=\"fa-regular fa-circle-question\"></i> {{hint()}}\n  </span>\n}\n\n<kl-field-errors [field]=\"control()\">\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-field-errors>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrors, selector: "kl-field-errors", inputs: ["field"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Textarea, decorators: [{
             type: Component,
-            args: [{ selector: 'kl-textarea', imports: [ReactiveFormsModule, FieldErrors], template: "<label [attr.for]=\"fieldId\" class=\"floating-label textarea validator w-full rounded-sm\">\n  @if (label(); as label) {\n    <span>\n      <ng-content select=\"[icon]\" />\n      {{ label }} {{ isRequired() ? '*' : '' }}\n    </span>\n  }\n\n  <textarea class=\"w-full h-full\" #textareaElement\n    [id]=\"fieldId\"\n    [formControl]=\"control()\"\n    [required]=\"isRequired()\"\n    [placeholder]=\"label()\n      ? label() + (isRequired() ? '*' : '')\n      : placeholder()\"\n    [rows]=\"rows()\">\n  </textarea>\n</label>\n\n<kl-field-errors [field]=\"control()\">\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-field-errors>\n" }]
+            args: [{ selector: 'kl-textarea', imports: [ReactiveFormsModule, FieldErrors], template: "<label [attr.for]=\"fieldId\" class=\"floating-label textarea validator w-full rounded-sm\">\n  @if (label(); as label) {\n    <span>\n      <ng-content select=\"[icon]\" />\n      {{ label }} {{ isRequired() ? '*' : '' }}\n    </span>\n  }\n\n  <textarea class=\"w-full h-full\" #textareaElement\n    [id]=\"fieldId\"\n    [formControl]=\"control()\"\n    [required]=\"isRequired()\"\n    [placeholder]=\"label()\n      ? label() + (isRequired() ? '*' : '')\n      : placeholder()\"\n    [rows]=\"rows()\">\n  </textarea>\n</label>\n\n@if (hint()) {\n  <span class=\"hint-content\">\n    <i class=\"fa-regular fa-circle-question\"></i> {{hint()}}\n  </span>\n}\n\n<kl-field-errors [field]=\"control()\">\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-field-errors>\n" }]
         }], ctorParameters: () => [] });
 
 /**