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

Koala UI is a modern and accessible component library designed to speed up interface development in Angular projects. With simple integration and clear documentation, you can easily build robust and visually appealing applications.

{"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    [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","/**\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,2qBAwBA,EDTY,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,2qBAAA,EAAA;;;AEf7C;;AAEG;;;;"}