@koalarx/ui 15.0.0 → 20.0.2

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

@@ -0,0 +1,68 @@
+import * as i0 from '@angular/core';
+import { signal, input, booleanAttribute, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { Validators, ReactiveFormsModule } from '@angular/forms';
+import { FieldErrors } from '@koalarx/ui/shared/components/field-errors';
+import { InputFieldBase } from '@koalarx/ui/shared/components/input-field';
+import { AppConfig } from '@koalarx/ui/core/config';
+
+function HasLowercaseValidator(control) {
+    if (!/[a-z]/.test(control.value)) {
+        return { hasLowercase: true };
+    }
+    return null;
+}
+
+function HasNumberValidator(control) {
+    if (!/\d/.test(control.value)) {
+        return { hasNumber: true };
+    }
+    return null;
+}
+
+function HasSpecialCharactersValidator(control) {
+    if (!/[ `!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?~]/.test(control.value)) {
+        return { hasSpecialCharacters: true };
+    }
+    return null;
+}
+
+function HasUppercaseValidator(control) {
+    if (!/[A-Z]/.test(control.value)) {
+        return { hasUppercase: true };
+    }
+    return null;
+}
+
+class InputPassword extends InputFieldBase {
+    translations = AppConfig.translation.form;
+    type = signal('password');
+    enableStrongPasswordCheck = input(false, { transform: booleanAttribute });
+    togglePasswordVisibility() {
+        this.type.set(this.type() === 'password' ? 'text' : 'password');
+    }
+    ngOnInit() {
+        if (this.enableStrongPasswordCheck()) {
+            this.control().addValidators([
+                HasSpecialCharactersValidator,
+                HasLowercaseValidator,
+                HasUppercaseValidator,
+                HasNumberValidator,
+                Validators.minLength(8),
+            ]);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputPassword, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.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() + (isRequired() ? ' *' : '')\"\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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.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() + (isRequired() ? ' *' : '')\"\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" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HasLowercaseValidator, HasNumberValidator, HasSpecialCharactersValidator, HasUppercaseValidator, InputPassword };
+//# sourceMappingURL=koalarx-ui-shared-components-input-field-input-password.mjs.map

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

@@ -0,0 +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  input,\n  OnInit,\n  signal,\n} from '@angular/core';\nimport { ReactiveFormsModule, Validators } from '@angular/forms';\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';\nimport { AppConfig } from '@koalarx/ui/core/config';\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 = 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() + (isRequired() ? ' *' : '')\"\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":";;;;;;;;AAEM,SAAU,qBAAqB,CAAC,OAAwB,EAAA;IAC5D,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AAChC,QAAA,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE;;AAG/B,IAAA,OAAO,IAAI;AACb;;ACNM,SAAU,kBAAkB,CAAC,OAAwB,EAAA;IACzD,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AAC7B,QAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE;;AAG5B,IAAA,OAAO,IAAI;AACb;;ACNM,SAAU,6BAA6B,CAAC,OAAwB,EAAA;IACpE,IAAI,CAAC,wCAAwC,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACjE,QAAA,OAAO,EAAE,oBAAoB,EAAE,IAAI,EAAE;;AAGvC,IAAA,OAAO,IAAI;AACb;;ACNM,SAAU,qBAAqB,CAAC,OAAwB,EAAA;IAC5D,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AAChC,QAAA,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE;;AAG/B,IAAA,OAAO,IAAI;AACb;;ACeM,MAAO,aAAc,SAAQ,cAAc,CAAA;AACtC,IAAA,YAAY,GAAG,SAAS,CAAC,WAAW,CAAC,IAAI;AAElD,IAAA,IAAI,GAAG,MAAM,CAAoB,UAAU,CAAC;IAC5C,yBAAyB,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAEzE,wBAAwB,GAAA;QACtB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,UAAU,GAAG,MAAM,GAAG,UAAU,CAAC;;IAGjE,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,yBAAyB,EAAE,EAAE;AACpC,YAAA,IAAI,CAAC,OAAO,EAAE,CAAC,aAAa,CAAC;gBAC3B,6BAA6B;gBAC7B,qBAAqB;gBACrB,qBAAqB;gBACrB,kBAAkB;AAClB,gBAAA,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;AACxB,aAAA,CAAC;;;uGAlBK,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,ECvB1B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,yBAAA,EAAA,EAAA,iBAAA,EAAA,2BAAA,EAAA,UAAA,EAAA,2BAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,siDAsDA,EDjCY,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,uyBAAE,WAAW,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAE/B,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAEpB,OAAA,EAAA,CAAC,mBAAmB,EAAE,WAAW,CAAC,EAAA,QAAA,EAAA,siDAAA,EAAA;;;AErB7C;;AAEG;;;;"}

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

@@ -0,0 +1,91 @@
+import * as i0 from '@angular/core';
+import { viewChild, input, booleanAttribute, effect, Component } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { InputFieldBase } from '@koalarx/ui/shared/components/input-field';
+
+class InputRadio extends InputFieldBase {
+    inputRadioElement = viewChild('inputRadio');
+    color = input();
+    size = input();
+    name = input.required();
+    value = input.required();
+    disableAutoTypeConversion = input(false, { transform: booleanAttribute });
+    getColorClass() {
+        switch (this.color()) {
+            case 'neutral':
+                return 'radio-neutral';
+            case 'primary':
+                return 'radio-primary';
+            case 'secondary':
+                return 'radio-secondary';
+            case 'accent':
+                return 'radio-accent';
+            case 'info':
+                return 'radio-info';
+            case 'success':
+                return 'radio-success';
+            case 'warning':
+                return 'radio-warning';
+            case 'error':
+                return 'radio-error';
+            case 'ghost':
+                return 'radio-ghost';
+            default:
+                return 'radio';
+        }
+    }
+    getSizeClass() {
+        switch (this.size()) {
+            case 'extraSmall':
+                return 'radio-xs';
+            case 'small':
+                return 'radio-sm';
+            case 'medium':
+                return 'radio-md';
+            case 'large':
+                return 'radio-lg';
+            case 'extraLarge':
+                return 'radio-xl';
+            default:
+                return 'radio';
+        }
+    }
+    constructor() {
+        super();
+        effect(() => {
+            const input = this.inputRadioElement()?.nativeElement;
+            if (input) {
+                input.classList.add(this.getColorClass());
+            }
+        });
+        effect(() => {
+            const input = this.inputRadioElement()?.nativeElement;
+            if (input) {
+                input.classList.add(this.getSizeClass());
+            }
+        });
+    }
+    toggle(event) {
+        const target = event.target;
+        let value = target.value;
+        if (!Number.isNaN(parseInt(value)) &&
+            !/^0+[1-9]\d*$/.test(value) &&
+            !this.disableAutoTypeConversion()) {
+            value = Number(value);
+        }
+        this.control().setValue(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputRadio, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.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 }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.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" }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputRadio };
+//# sourceMappingURL=koalarx-ui-shared-components-input-field-input-radio.mjs.map

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

@@ -0,0 +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":";;;;;AAkCM,MAAO,UAAW,SAAQ,cAAc,CAAA;AAC3B,IAAA,iBAAiB,GAChC,SAAS,CAA+B,YAAY,CAAC;IAEvD,KAAK,GAAG,KAAK,EAAc;IAC3B,IAAI,GAAG,KAAK,EAAa;AACzB,IAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,EAAU;AAC/B,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAmB;IACzC,yBAAyB,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAEjE,aAAa,GAAA;AACnB,QAAA,QAAQ,IAAI,CAAC,KAAK,EAAE;AAClB,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,eAAe;AACxB,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,eAAe;AACxB,YAAA,KAAK,WAAW;AACd,gBAAA,OAAO,iBAAiB;AAC1B,YAAA,KAAK,QAAQ;AACX,gBAAA,OAAO,cAAc;AACvB,YAAA,KAAK,MAAM;AACT,gBAAA,OAAO,YAAY;AACrB,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,eAAe;AACxB,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,eAAe;AACxB,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,aAAa;AACtB,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,aAAa;AACtB,YAAA;AACE,gBAAA,OAAO,OAAO;;;IAIZ,YAAY,GAAA;AAClB,QAAA,QAAQ,IAAI,CAAC,IAAI,EAAE;AACjB,YAAA,KAAK,YAAY;AACf,gBAAA,OAAO,UAAU;AACnB,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,UAAU;AACnB,YAAA,KAAK,QAAQ;AACX,gBAAA,OAAO,UAAU;AACnB,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,UAAU;AACnB,YAAA,KAAK,YAAY;AACf,gBAAA,OAAO,UAAU;AACnB,YAAA;AACE,gBAAA,OAAO,OAAO;;;AAIpB,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QAEP,MAAM,CAAC,MAAK;YACV,MAAM,KAAK,GAAG,IAAI,CAAC,iBAAiB,EAAE,EAAE,aAAa;YAErD,IAAI,KAAK,EAAE;gBACT,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;;AAE7C,SAAC,CAAC;QAEF,MAAM,CAAC,MAAK;YACV,MAAM,KAAK,GAAG,IAAI,CAAC,iBAAiB,EAAE,EAAE,aAAa;YAErD,IAAI,KAAK,EAAE;gBACT,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;;AAE5C,SAAC,CAAC;;AAGJ,IAAA,MAAM,CAAC,KAAY,EAAA;AACjB,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B;AAE/C,QAAA,IAAI,KAAK,GAAoB,MAAM,CAAC,KAAK;QAEzC,IACE,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAY,CAAC,CAAC;AACrC,YAAA,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC;AAC3B,YAAA,CAAC,IAAI,CAAC,yBAAyB,EAAE,EACjC;AACA,YAAA,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;;QAGvB,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;;uGArFrB,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,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,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,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,yBAAA,EAAA,EAAA,iBAAA,EAAA,2BAAA,EAAA,UAAA,EAAA,2BAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClCvB,oNASA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDuBY,mBAAmB,EAAA,CAAA,EAAA,CAAA;;2FAElB,UAAU,EAAA,UAAA,EAAA,CAAA;kBALtB,SAAS;+BACE,gBAAgB,EAAA,OAAA,EAEjB,CAAC,mBAAmB,CAAC,EAAA,QAAA,EAAA,oNAAA,EAAA;;;AEhChC;;AAEG;;;;"}

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

@@ -0,0 +1,20 @@
+import * as i0 from '@angular/core';
+import { input, Component } from '@angular/core';
+import { InputFieldBase, InputField } from '@koalarx/ui/shared/components/input-field';
+
+class InputText extends InputFieldBase {
+    mask = input('');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputText, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.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  [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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.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  [mask]=\"mask()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputText };
+//# sourceMappingURL=koalarx-ui-shared-components-input-field-input-text.mjs.map

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

@@ -0,0 +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  [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,CAAC;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,qNAUA,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,SAAS,EAAA,UAAA,EAAA,CAAA;kBALrB,SAAS;+BACE,eAAe,EAAA,OAAA,EAEhB,CAAC,UAAU,CAAC,EAAA,QAAA,EAAA,qNAAA,EAAA;;;AETvB;;AAEG;;;;"}

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

@@ -0,0 +1,21 @@
+import * as i0 from '@angular/core';
+import { input, Component } from '@angular/core';
+import { InputFieldBase, InputField } from '@koalarx/ui/shared/components/input-field';
+
+class InputTime extends InputFieldBase {
+    min = input();
+    max = input();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputTime, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.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  [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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.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  [min]=\"min()\"\n  [max]=\"max()\">\n\n  <ng-container errors>\n    <ng-content select=\"[errors]\" />\n  </ng-container>\n</kl-input-field>\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputTime };
+//# sourceMappingURL=koalarx-ui-shared-components-input-field-input-time.mjs.map

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

@@ -0,0 +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  [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,EAAU;IACrB,GAAG,GAAG,KAAK,EAAU;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;;;;"}

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

@@ -0,0 +1,29 @@
+import * as i0 from '@angular/core';
+import { effect, Component } from '@angular/core';
+import { Validators } from '@angular/forms';
+import { AppConfig } from '@koalarx/ui/core/config';
+import { InputFieldBase, InputField } from '@koalarx/ui/shared/components/input-field';
+
+class InputUrl extends InputFieldBase {
+    translations = AppConfig.translation.form;
+    constructor() {
+        super();
+        effect(() => {
+            const control = this.control();
+            control.addValidators(Validators.pattern(/^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/));
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputUrl, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: InputUrl, isStandalone: true, selector: "kl-input-url", usesInheritance: true, ngImport: i0, template: "<kl-input-field\n  [control]=\"control()\"\n  [label]=\"label()\"\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.0.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  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: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputUrl };
+//# sourceMappingURL=koalarx-ui-shared-components-input-field-input-url.mjs.map

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

@@ -0,0 +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 } 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 = 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  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;AACjC,IAAA,YAAY,GAAG,SAAS,CAAC,WAAW,CAAC,IAAI;AAElD,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,iRAWA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDAY,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,iRAAA,EAAA;;;AEXvB;;AAEG;;;;"}

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

@@ -0,0 +1,42 @@
+import * as i0 from '@angular/core';
+import { input, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { FieldErrors } from '@koalarx/ui/shared/components/field-errors';
+import { InputFieldBase } from '@koalarx/ui/shared/components/input-field';
+
+class Select extends InputFieldBase {
+    options = input.required();
+    onSelectChange(event) {
+        const select = event.target;
+        let value = select.value;
+        const selectedOption = this.options()
+            .value()
+            .find((item) => String(item.value) === value);
+        if (selectedOption) {
+            if (typeof selectedOption.value === 'number') {
+                value = Number(value);
+            }
+            else if (typeof selectedOption.value === 'boolean') {
+                value = value === 'true';
+            }
+            else {
+                value = selectedOption.value;
+            }
+            this.control().setValue(value, { emitEvent: true });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: Select, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.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" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Select };
+//# sourceMappingURL=koalarx-ui-shared-components-input-field-select.mjs.map

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

@@ -0,0 +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,EAA2B;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,EClBnB,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,EAAA,u8BAkCA,EDlBY,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,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,EAEZ,OAAA,EAAA,CAAC,mBAAmB,EAAE,WAAW,CAAC,EAAA,QAAA,EAAA,u8BAAA,EAAA;;;AEhB7C;;AAEG;;;;"}

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

@@ -0,0 +1,82 @@
+import * as i0 from '@angular/core';
+import { viewChild, input, effect, Component } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { InputFieldBase } from '@koalarx/ui/shared/components/input-field';
+
+class Switcher extends InputFieldBase {
+    switcherElement = viewChild('inputSwitcher');
+    color = input();
+    size = input();
+    getColorClass() {
+        switch (this.color()) {
+            case 'neutral':
+                return 'toggle-neutral';
+            case 'primary':
+                return 'toggle-primary';
+            case 'secondary':
+                return 'toggle-secondary';
+            case 'accent':
+                return 'toggle-accent';
+            case 'info':
+                return 'toggle-info';
+            case 'success':
+                return 'toggle-success';
+            case 'warning':
+                return 'toggle-warning';
+            case 'error':
+                return 'toggle-error';
+            case 'ghost':
+                return 'toggle-ghost';
+            default:
+                return 'toggle';
+        }
+    }
+    getSizeClass() {
+        switch (this.size()) {
+            case 'extraSmall':
+                return 'toggle-xs';
+            case 'small':
+                return 'toggle-sm';
+            case 'medium':
+                return 'toggle-md';
+            case 'large':
+                return 'toggle-lg';
+            case 'extraLarge':
+                return 'toggle-xl';
+            default:
+                return 'toggle';
+        }
+    }
+    constructor() {
+        super();
+        effect(() => {
+            const input = this.switcherElement()?.nativeElement;
+            if (input) {
+                input.classList.add(this.getColorClass());
+            }
+        });
+        effect(() => {
+            const input = this.switcherElement()?.nativeElement;
+            if (input) {
+                input.classList.add(this.getSizeClass());
+            }
+        });
+    }
+    toggle(event) {
+        const target = event.target;
+        this.control().setValue(target.checked);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: Switcher, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.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 }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.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" }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Switcher };
+//# sourceMappingURL=koalarx-ui-shared-components-input-field-switcher.mjs.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,34 @@
+import * as i0 from '@angular/core';
+import { viewChild, input, booleanAttribute, effect, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { FieldErrors } from '@koalarx/ui/shared/components/field-errors';
+import { InputFieldBase } from '@koalarx/ui/shared/components/input-field';
+
+class Textarea extends InputFieldBase {
+    textareaElement = viewChild('textareaElement');
+    rows = input(3);
+    resizeble = input(false, { transform: booleanAttribute });
+    constructor() {
+        super();
+        effect(() => {
+            const textarea = this.textareaElement()?.nativeElement;
+            if (textarea) {
+                textarea.style.resize = this.resizeble() ? 'vertical' : 'none';
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: Textarea, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.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    [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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.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    [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" }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Textarea };
+//# sourceMappingURL=koalarx-ui-shared-components-input-field-textarea.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"koalarx-ui-shared-components-input-field-textarea.mjs","sources":["../../projects/koala-ui/shared/components/input-field/textarea/textarea.ts","../../projects/koala-ui/shared/components/input-field/textarea/textarea.html","../../projects/koala-ui/shared/components/input-field/textarea/koalarx-ui-shared-components-input-field-textarea.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 { FieldErrors } from '@koalarx/ui/shared/components/field-errors';\nimport { InputFieldBase } from '@koalarx/ui/shared/components/input-field';\n\n@Component({\n  selector: 'kl-textarea',\n  templateUrl: './textarea.html',\n  imports: [ReactiveFormsModule, FieldErrors],\n})\nexport class Textarea extends InputFieldBase {\n  private readonly textareaElement =\n    viewChild<ElementRef<HTMLTextAreaElement>>('textareaElement');\n\n  rows = input<number>(3);\n  resizeble = input(false, { transform: booleanAttribute });\n\n  constructor() {\n    super();\n\n    effect(() => {\n      const textarea = this.textareaElement()?.nativeElement;\n\n      if (textarea) {\n        textarea.style.resize = this.resizeble() ? 'vertical' : 'none';\n      }\n    });\n  }\n}\n","<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    [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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAiBM,MAAO,QAAS,SAAQ,cAAc,CAAA;AACzB,IAAA,eAAe,GAC9B,SAAS,CAAkC,iBAAiB,CAAC;AAE/D,IAAA,IAAI,GAAG,KAAK,CAAS,CAAC,CAAC;IACvB,SAAS,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAEzD,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QAEP,MAAM,CAAC,MAAK;YACV,MAAM,QAAQ,GAAG,IAAI,CAAC,eAAe,EAAE,EAAE,aAAa;YAEtD,IAAI,QAAQ,EAAE;AACZ,gBAAA,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,GAAG,UAAU,GAAG,MAAM;;AAElE,SAAC,CAAC;;uGAhBO,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAR,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,ECjBrB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,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,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wkBAqBA,EDNY,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,uyBAAE,WAAW,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAE/B,QAAQ,EAAA,UAAA,EAAA,CAAA;kBALpB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EAEd,OAAA,EAAA,CAAC,mBAAmB,EAAE,WAAW,CAAC,EAAA,QAAA,EAAA,wkBAAA,EAAA;;;AEf7C;;AAEG;;;;"}

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

@@ -0,0 +1,51 @@
+import * as i0 from '@angular/core';
+import { signal, linkedSignal, input, booleanAttribute, effect, Directive, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { Validators, ReactiveFormsModule } from '@angular/forms';
+import { randomString } from '@koalarx/utils/KlString';
+import { FieldErrors } from '@koalarx/ui/shared/components/field-errors';
+import { InputMask } from '@koalarx/ui/shared/directives';
+
+class InputFieldBase {
+    required = signal(false);
+    isDisabled = linkedSignal(() => this.disabled());
+    isRequired = this.required.asReadonly();
+    fieldId = randomString(10, {
+        lowercase: true,
+        uppercase: true,
+    });
+    control = input.required();
+    label = input('');
+    disabled = input(false, { transform: booleanAttribute });
+    constructor() {
+        effect(() => this.checkIsRequired(this.control()));
+    }
+    checkIsRequired(control) {
+        this.required.set(control.hasValidator(Validators.required));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputFieldBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: InputFieldBase, isStandalone: true, inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputFieldBase, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [] });
+
+class InputField extends InputFieldBase {
+    type = input('text');
+    mask = input('');
+    min = input();
+    max = input();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputField, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: InputField, isStandalone: true, selector: "kl-input-field", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<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() + (isRequired() ? ' *' : '')\"\n    [required]=\"isRequired()\"\n    [mask]=\"mask()\"\n    [type]=\"type()\"\n    [min]=\"min()\"\n    [max]=\"max()\"\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", 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: "directive", type: InputMask, selector: "input[mask]", inputs: ["mask"] }, { kind: "component", type: FieldErrors, selector: "kl-field-errors", inputs: ["field"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputField, decorators: [{
+            type: Component,
+            args: [{ selector: 'kl-input-field', imports: [ReactiveFormsModule, InputMask, FieldErrors], template: "<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() + (isRequired() ? ' *' : '')\"\n    [required]=\"isRequired()\"\n    [mask]=\"mask()\"\n    [type]=\"type()\"\n    [min]=\"min()\"\n    [max]=\"max()\"\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" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputField, InputFieldBase };
+//# sourceMappingURL=koalarx-ui-shared-components-input-field.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"koalarx-ui-shared-components-input-field.mjs","sources":["../../projects/koala-ui/shared/components/input-field/input-field.base.ts","../../projects/koala-ui/shared/components/input-field/input-field.ts","../../projects/koala-ui/shared/components/input-field/input-field.html","../../projects/koala-ui/shared/components/input-field/koalarx-ui-shared-components-input-field.ts"],"sourcesContent":["import {\n  booleanAttribute,\n  Directive,\n  effect,\n  input,\n  linkedSignal,\n  signal,\n} from '@angular/core';\nimport { FormControl, Validators } from '@angular/forms';\nimport { randomString } from '@koalarx/utils/KlString';\n\n@Directive()\nexport abstract class InputFieldBase {\n  private readonly required = signal(false);\n  protected readonly isDisabled = linkedSignal(() => this.disabled());\n  protected readonly isRequired = this.required.asReadonly();\n  protected readonly fieldId = randomString(10, {\n    lowercase: true,\n    uppercase: true,\n  });\n\n  control = input.required<FormControl>();\n  label = input<string>('');\n  disabled = input(false, { transform: booleanAttribute });\n\n  constructor() {\n    effect(() => this.checkIsRequired(this.control()));\n  }\n\n  private checkIsRequired(control: FormControl) {\n    this.required.set(control.hasValidator(Validators.required));\n  }\n}\n","import { Component, input } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FieldErrors } from '@koalarx/ui/shared/components/field-errors';\nimport { InputMask } from '@koalarx/ui/shared/directives';\nimport { InputFieldBase } from './input-field.base';\n\ntype InputTypeField =\n  | 'text'\n  | 'email'\n  | 'password'\n  | 'number'\n  | 'tel'\n  | 'url'\n  | 'date'\n  | 'datetime-local'\n  | 'month'\n  | 'time'\n  | 'search';\n\n@Component({\n  selector: 'kl-input-field',\n  templateUrl: './input-field.html',\n  imports: [ReactiveFormsModule, InputMask, FieldErrors],\n})\nexport class InputField extends InputFieldBase {\n  type = input<InputTypeField>('text');\n  mask = input<string>('');\n  min = input<string>();\n  max = input<string>();\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() + (isRequired() ? ' *' : '')\"\n    [required]=\"isRequired()\"\n    [mask]=\"mask()\"\n    [type]=\"type()\"\n    [min]=\"min()\"\n    [max]=\"max()\"\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":"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"}