@masterteam/components 0.0.3 → 0.0.5

package/fesm2022/masterteam-components-icon-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-icon-field.mjs","sources":["../../../../packages/masterteam/components/icon-field/select-icons.ts","../../../../packages/masterteam/components/icon-field/icon-field.ts","../../../../packages/masterteam/components/icon-field/icon-field.html","../../../../packages/masterteam/components/icon-field/masterteam-components-icon-field.ts"],"sourcesContent":["export const mtIcons = [\n  'vro-2030',\n  'motlss',\n  'spl',\n  'sair',\n  'sar',\n  'gaca',\n  'mawani',\n  'rga',\n  'tga',\n  'dim',\n  'dollar-bars',\n  'dollar-circle',\n  'finger-up',\n  'globe-pin',\n  'grid-cards',\n  'list-cards',\n  'high-order-kpis',\n  'road-traffic-light',\n  'config',\n  'dashboard',\n  'kpi',\n  'planner',\n  'portfolio',\n  'strategy',\n  'task',\n  'accommodation',\n  'achievement',\n  'address-book-sp',\n  'agile',\n  'alert',\n  'approved',\n  'archive',\n  'arrows',\n  'award',\n  'bar-chart',\n  'bed',\n  'bidding',\n  'blog',\n  'broadband',\n  'budgeting',\n  'business-model',\n  'care',\n  'ceo',\n  'change-management',\n  'clients',\n  'compass-sp',\n  'computer-207',\n  'computer',\n  'creative',\n  'dashboard1',\n  'data-6',\n  'date-124',\n  'deliverable',\n  'details-75',\n  'detective',\n  'diagram',\n  'diamond',\n  'discussion-area',\n  'document-approval',\n  'engineering',\n  'eye-sp',\n  'first-prize-trophy',\n  'flow-chart',\n  'focus',\n  'gear',\n  'global',\n  'goal',\n  'group-management',\n  'group',\n  'growth',\n  'hand-23',\n  'hierarchy-structure-1',\n  'hierarchy-structure',\n  'high-voltage',\n  'history-sp',\n  'iconfont-profile',\n  'idea',\n  'innovation',\n  'institution',\n  'label-137',\n  'layer-6',\n  'manager',\n  'medal',\n  'money-bag',\n  'package',\n  'partner-9',\n  'performance',\n  'permission-configuration',\n  'pillar',\n  'pills',\n  'plan',\n  'playground',\n  'presentation-57',\n  'process-1',\n  'process',\n  'products-and-services',\n  'project-experience',\n  'project-management',\n  'rating',\n  'reading-book',\n  'receipt-5',\n  'return',\n  'rocket',\n  'saving',\n  'search-sp',\n  'seo-marketing-business-01',\n  'setting-9',\n  'settings-1',\n  'settings',\n  'share-129',\n  'siren',\n  'stages',\n  'strategy-1',\n  'strategy1',\n  'switch-user-1',\n  'system-integration',\n  'target-1',\n  'target-68',\n  'target',\n  'task-10',\n  'teaching-education',\n  'team-1',\n  'team-2',\n  'team',\n  'technological-process-18',\n  'timeline-point',\n  'to-work-in-an-office-13',\n  'touch',\n  'transparency',\n  'value-proposal',\n  'value',\n  'vision',\n  'worker',\n  'risk',\n  'issue',\n  'support-needed',\n  'user-pp',\n  'total-budget',\n  'task-pp',\n  'pencel',\n  'flag',\n  'sync',\n  'male',\n  'female',\n  'anti-virus',\n  'budget-v2',\n  'budget-v3',\n  'budget',\n  'building-1',\n  'change-request',\n  'chart',\n  'departments',\n  'folder-gear',\n  'outputs',\n  'progress',\n  'projects',\n  'saudi-flag',\n  'security',\n  'spam',\n  'spent',\n  'timer',\n  'wallet-number',\n  'wallet-money',\n];\n","import { Component, signal, inject, input } from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormControl,\n  FormsModule,\n  NgControl,\n  Validators,\n} from '@angular/forms';\nimport { Select } from 'primeng/select';\nimport { mtIcons } from './select-icons';\n\n@Component({\n  selector: 'mt-icon-field',\n  imports: [FormsModule, Select],\n  templateUrl: './icon-field.html',\n  styleUrls: ['./icon-field.scss'],\n  host: {\n    class: 'grid gap-1',\n  },\n})\nexport class IconField implements ControlValueAccessor {\n  readonly label = input<string>('');\n\n  icons: { name: string }[] =\n    mtIcons?.map((icon) => ({\n      name: icon,\n    })) ?? [];\n  selectedIcon = signal<string | null>(null);\n  requiredValidator = Validators.required;\n\n  public ngControl = inject(NgControl, { self: true });\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  private onTouched: () => void = () => {};\n  private onChange: (icon: string) => void = () => {};\n\n  writeValue(value: string) {\n    this.selectedIcon.set(value);\n  }\n\n  registerOnChange(fn: any) {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n\n  onChangeIcon(icon: string) {\n    this.selectedIcon.set(icon);\n    this.onChange(icon);\n  }\n\n  public validate(c: FormControl) {\n    return c.errors;\n  }\n}\n","@if (label()) {\n  <label\n    (click)=\"dropdown.show(); dropdown.focus()\"\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n<p-select\n  #dropdown\n  [options]=\"icons\"\n  [filter]=\"false\"\n  filterBy=\"name\"\n  optionLabel=\"name\"\n  optionValue=\"name\"\n  [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n  [class.ng-invalid]=\"ngControl?.control?.invalid\"\n  appendTo=\"body\"\n  (ngModelChange)=\"onChangeIcon($event)\"\n  [ngModel]=\"selectedIcon()\"\n  placeholder=\"Select Icon\"\n  styleClass=\"w-full\"\n  panelStyleClass=\"icon-select-panel\"\n>\n  <ng-template let-icon #selectedItem>\n    @if (icon?.name) {\n      <div class=\"flex items-center justify-center\">\n        <i [class]=\"'text-xl mti mti-' + icon?.name\"></i>\n      </div>\n    } @else {\n      <div class=\"flex items-center justify-center\">Select Icon</div>\n    }\n  </ng-template>\n  <ng-template let-icon #item>\n    <div class=\"w-full h-full flex items-center justify-center\">\n      <i [class]=\"'mti mti-' + icon.name\"></i>\n    </div>\n  </ng-template>\n</p-select>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"masterteam-components-icon-field.mjs","sources":["../../../../packages/masterteam/components/icon-field/icon-field.ts","../../../../packages/masterteam/components/icon-field/icon-field.html","../../../../packages/masterteam/components/icon-field/masterteam-components-icon-field.ts"],"sourcesContent":["import { Component, signal, inject, input } from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormControl,\n  FormsModule,\n  NgControl,\n  Validators,\n} from '@angular/forms';\nimport { Select } from 'primeng/select';\nimport * as mtIcons from '@masterteam/icons/assets/select-icons.json';\nimport { Icon, MTIcon } from '@masterteam/icons';\n\n@Component({\n  selector: 'mt-icon-field',\n  imports: [FormsModule, Select, Icon],\n  templateUrl: './icon-field.html',\n  styleUrls: ['./icon-field.scss'],\n  host: {\n    class: 'grid gap-1',\n  },\n})\nexport class IconField implements ControlValueAccessor {\n  readonly label = input<string>('');\n\n  icons: MTIcon[] = (mtIcons?.regular as MTIcon[]) ?? [];\n  selectedIcon = signal<string | null>(null);\n  requiredValidator = Validators.required;\n\n  public ngControl = inject(NgControl, { self: true });\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  private onTouched: () => void = () => {};\n  private onChange: (icon: string) => void = () => {};\n\n  writeValue(value: string) {\n    this.selectedIcon.set(value);\n  }\n\n  registerOnChange(fn: any) {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n\n  onChangeIcon(icon: string) {\n    this.selectedIcon.set(icon);\n    this.onChange(icon);\n  }\n\n  public validate(c: FormControl) {\n    return c.errors;\n  }\n}\n","@if (label()) {\n  <label\n    (click)=\"dropdown.show(); dropdown.focus()\"\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n<p-select\n  #dropdown\n  [options]=\"icons\"\n  [filter]=\"false\"\n  filterBy=\"name\"\n  [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n  [class.ng-invalid]=\"ngControl?.control?.invalid\"\n  appendTo=\"body\"\n  (ngModelChange)=\"onChangeIcon($event)\"\n  [ngModel]=\"selectedIcon()\"\n  placeholder=\"Select Icon\"\n  styleClass=\"w-full\"\n  panelStyleClass=\"icon-select-panel\"\n>\n  <ng-template let-icon #selectedItem>\n    @if (icon) {\n      <div class=\"flex items-center justify-center text-2xl\">\n        <mt-icon [icon]=\"icon\" />\n      </div>\n    } @else {\n      <div class=\"flex items-center justify-center\">Select Icon</div>\n    }\n  </ng-template>\n  <ng-template let-icon #item>\n    <div class=\"w-full h-full flex items-center justify-center text-lg\">\n      <mt-icon [icon]=\"icon\" />\n    </div>\n  </ng-template>\n</p-select>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;MAqBa,SAAS,CAAA;AACX,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,CAAC;AAElC,IAAA,KAAK,GAAc,OAAO,EAAE,OAAoB,IAAI,EAAE;AACtD,IAAA,YAAY,GAAG,MAAM,CAAgB,IAAI,CAAC;AAC1C,IAAA,iBAAiB,GAAG,UAAU,CAAC,QAAQ;IAEhC,SAAS,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAEpD,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI;QACrC;IACF;AAEQ,IAAA,SAAS,GAAe,MAAK,EAAE,CAAC;AAChC,IAAA,QAAQ,GAA2B,MAAK,EAAE,CAAC;AAEnD,IAAA,UAAU,CAAC,KAAa,EAAA;AACtB,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC;IAC9B;AAEA,IAAA,gBAAgB,CAAC,EAAO,EAAA;AACtB,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;IACpB;AAEA,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEA,IAAA,YAAY,CAAC,IAAY,EAAA;AACvB,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;IACrB;AAEO,IAAA,QAAQ,CAAC,CAAc,EAAA;QAC5B,OAAO,CAAC,CAAC,MAAM;IACjB;uGArCW,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAT,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,qPCrBtB,kmCAqCA,EAAA,MAAA,EAAA,CAAA,+VAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDvBY,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,MAAM,i9BAAE,IAAI,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAOxB,SAAS,EAAA,UAAA,EAAA,CAAA;kBATrB,SAAS;+BACE,eAAe,EAAA,OAAA,EAChB,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,CAAC,EAAA,IAAA,EAG9B;AACJ,wBAAA,KAAK,EAAE,YAAY;AACpB,qBAAA,EAAA,QAAA,EAAA,kmCAAA,EAAA,MAAA,EAAA,CAAA,+VAAA,CAAA,EAAA;;;AEnBH;;AAEG;;;;"}

package/fesm2022/masterteam-components-text-field.mjs

@@ -13,11 +13,13 @@ import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
 import * as i4 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
 import { FieldValidation } from '@masterteam/components/field-validation';
+import { Icon } from '@masterteam/icons';
 
-//TODO text stuck when reset
+// TODO: text stuck when reset
 class TextField {
     inputText;
     field = input(true);
+    hint = input();
     label = input();
     placeholder = input();
     class = input('');
@@ -83,7 +85,7 @@ class TextField {
         this.disabled.set(disabled);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TextField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: TextField, isStandalone: true, selector: "mt-text-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, pKeyFilter: { classPropertyName: "pKeyFilter", publicName: "pKeyFilter", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "inputText", first: true, predicate: ["inputText"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n@if (type() !== \"password\") {\n  @if (!pKeyFilter()) {\n    <input\n      #inputText=\"\"\n      pInputText=\"\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onValueChange($event)\"\n      [disabled]=\"disabled() || readonly()\"\n      [type]=\"type()\"\n      [id]=\"ngControl?.name || label()\"\n      [class.ng-invalid]=\"ngControl?.control?.invalid\"\n      placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n      class=\"w-full\"\n    />\n  }\n  @if (pKeyFilter()) {\n    <input\n      #inputText=\"\"\n      pInputText=\"\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onValueChange($event)\"\n      [disabled]=\"disabled() || readonly()\"\n      [type]=\"type()\"\n      [id]=\"ngControl?.name || label()\"\n      [class.ng-invalid]=\"ngControl?.control?.invalid\"\n      placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n      class=\"w-full\"\n      [pKeyFilter]=\"pKeyFilter() === 'alphanum' ? alphaNum : pKeyFilter()\"\n    />\n  }\n}\n@if (type() === \"password\") {\n  <p-inputgroup>\n    @if (!pKeyFilter()) {\n      <input\n        #inputText=\"\"\n        pInputText=\"\"\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onValueChange($event)\"\n        [disabled]=\"disabled() || readonly()\"\n        [type]=\"type()\"\n        [id]=\"ngControl?.name || label()\"\n        [class.ng-invalid]=\"ngControl?.control?.invalid\"\n        placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n        class=\"w-full\"\n      />\n    }\n    @if (pKeyFilter()) {\n      <input\n        #inputText=\"\"\n        pInputText=\"\"\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onValueChange($event)\"\n        [disabled]=\"disabled() || readonly()\"\n        [type]=\"type()\"\n        [id]=\"ngControl?.name || label()\"\n        [class.ng-invalid]=\"ngControl?.control?.invalid\"\n        placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n        class=\"w-full\"\n        [pKeyFilter]=\"pKeyFilter() === 'alphanum' ? alphaNum : pKeyFilter()\"\n      />\n    }\n    <p-inputgroup-addon\n      [pTooltip]=\"'users-groups-managment.password-rules'\"\n      tooltipPosition=\"top\"\n    >\n      <i class=\"mti mti-info-circle\"></i>\n    </p-inputgroup-addon>\n  </p-inputgroup>\n}\n\n<mt-field-validation [control]=\"ngControl?.control!\"></mt-field-validation>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid"] }, { kind: "ngmodule", type: KeyFilterModule }, { kind: "directive", type: i3.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i5.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i6.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched", "customErrorClass"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: TextField, isStandalone: true, selector: "mt-text-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, pKeyFilter: { classPropertyName: "pKeyFilter", publicName: "pKeyFilter", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "inputText", first: true, predicate: ["inputText"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n@if (!hint()) {\n  @if (!pKeyFilter()) {\n    <input\n      #inputText=\"\"\n      pInputText=\"\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onValueChange($event)\"\n      [disabled]=\"disabled() || readonly()\"\n      [type]=\"type()\"\n      [id]=\"ngControl?.name || label()\"\n      [class.ng-invalid]=\"ngControl?.control?.invalid\"\n      placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n      class=\"w-full\"\n    />\n  }\n  @if (pKeyFilter()) {\n    <input\n      #inputText=\"\"\n      pInputText=\"\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onValueChange($event)\"\n      [disabled]=\"disabled() || readonly()\"\n      [type]=\"type()\"\n      [id]=\"ngControl?.name || label()\"\n      [class.ng-invalid]=\"ngControl?.control?.invalid\"\n      placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n      class=\"w-full\"\n      [pKeyFilter]=\"pKeyFilter() === 'alphanum' ? alphaNum : pKeyFilter()\"\n    />\n  }\n} @else {\n  <p-inputgroup>\n    @if (!pKeyFilter()) {\n      <input\n        #inputText=\"\"\n        pInputText=\"\"\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onValueChange($event)\"\n        [disabled]=\"disabled() || readonly()\"\n        [type]=\"type()\"\n        [id]=\"ngControl?.name || label()\"\n        [class.ng-invalid]=\"ngControl?.control?.invalid\"\n        placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n        class=\"w-full\"\n      />\n    }\n    @if (pKeyFilter()) {\n      <input\n        #inputText=\"\"\n        pInputText=\"\"\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onValueChange($event)\"\n        [disabled]=\"disabled() || readonly()\"\n        [type]=\"type()\"\n        [id]=\"ngControl?.name || label()\"\n        [class.ng-invalid]=\"ngControl?.control?.invalid\"\n        placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n        class=\"w-full\"\n        [pKeyFilter]=\"pKeyFilter() === 'alphanum' ? alphaNum : pKeyFilter()\"\n      />\n    }\n    <p-inputgroup-addon [pTooltip]=\"hint()\" tooltipPosition=\"top\">\n      <mt-icon icon=\"general.help-circle\" />\n    </p-inputgroup-addon>\n  </p-inputgroup>\n}\n\n<mt-field-validation [control]=\"ngControl?.control!\"></mt-field-validation>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: KeyFilterModule }, { kind: "directive", type: i3.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i5.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i6.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched", "customErrorClass"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TextField, decorators: [{
             type: Component,
@@ -95,9 +97,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         InputGroupModule,
                         InputGroupAddonModule,
                         FieldValidation,
+                        Icon,
                     ], host: {
                         class: 'grid gap-1',
-                    }, template: "@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n@if (type() !== \"password\") {\n  @if (!pKeyFilter()) {\n    <input\n      #inputText=\"\"\n      pInputText=\"\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onValueChange($event)\"\n      [disabled]=\"disabled() || readonly()\"\n      [type]=\"type()\"\n      [id]=\"ngControl?.name || label()\"\n      [class.ng-invalid]=\"ngControl?.control?.invalid\"\n      placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n      class=\"w-full\"\n    />\n  }\n  @if (pKeyFilter()) {\n    <input\n      #inputText=\"\"\n      pInputText=\"\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onValueChange($event)\"\n      [disabled]=\"disabled() || readonly()\"\n      [type]=\"type()\"\n      [id]=\"ngControl?.name || label()\"\n      [class.ng-invalid]=\"ngControl?.control?.invalid\"\n      placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n      class=\"w-full\"\n      [pKeyFilter]=\"pKeyFilter() === 'alphanum' ? alphaNum : pKeyFilter()\"\n    />\n  }\n}\n@if (type() === \"password\") {\n  <p-inputgroup>\n    @if (!pKeyFilter()) {\n      <input\n        #inputText=\"\"\n        pInputText=\"\"\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onValueChange($event)\"\n        [disabled]=\"disabled() || readonly()\"\n        [type]=\"type()\"\n        [id]=\"ngControl?.name || label()\"\n        [class.ng-invalid]=\"ngControl?.control?.invalid\"\n        placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n        class=\"w-full\"\n      />\n    }\n    @if (pKeyFilter()) {\n      <input\n        #inputText=\"\"\n        pInputText=\"\"\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onValueChange($event)\"\n        [disabled]=\"disabled() || readonly()\"\n        [type]=\"type()\"\n        [id]=\"ngControl?.name || label()\"\n        [class.ng-invalid]=\"ngControl?.control?.invalid\"\n        placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n        class=\"w-full\"\n        [pKeyFilter]=\"pKeyFilter() === 'alphanum' ? alphaNum : pKeyFilter()\"\n      />\n    }\n    <p-inputgroup-addon\n      [pTooltip]=\"'users-groups-managment.password-rules'\"\n      tooltipPosition=\"top\"\n    >\n      <i class=\"mti mti-info-circle\"></i>\n    </p-inputgroup-addon>\n  </p-inputgroup>\n}\n\n<mt-field-validation [control]=\"ngControl?.control!\"></mt-field-validation>\n" }]
+                    }, template: "@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n@if (!hint()) {\n  @if (!pKeyFilter()) {\n    <input\n      #inputText=\"\"\n      pInputText=\"\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onValueChange($event)\"\n      [disabled]=\"disabled() || readonly()\"\n      [type]=\"type()\"\n      [id]=\"ngControl?.name || label()\"\n      [class.ng-invalid]=\"ngControl?.control?.invalid\"\n      placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n      class=\"w-full\"\n    />\n  }\n  @if (pKeyFilter()) {\n    <input\n      #inputText=\"\"\n      pInputText=\"\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onValueChange($event)\"\n      [disabled]=\"disabled() || readonly()\"\n      [type]=\"type()\"\n      [id]=\"ngControl?.name || label()\"\n      [class.ng-invalid]=\"ngControl?.control?.invalid\"\n      placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n      class=\"w-full\"\n      [pKeyFilter]=\"pKeyFilter() === 'alphanum' ? alphaNum : pKeyFilter()\"\n    />\n  }\n} @else {\n  <p-inputgroup>\n    @if (!pKeyFilter()) {\n      <input\n        #inputText=\"\"\n        pInputText=\"\"\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onValueChange($event)\"\n        [disabled]=\"disabled() || readonly()\"\n        [type]=\"type()\"\n        [id]=\"ngControl?.name || label()\"\n        [class.ng-invalid]=\"ngControl?.control?.invalid\"\n        placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n        class=\"w-full\"\n      />\n    }\n    @if (pKeyFilter()) {\n      <input\n        #inputText=\"\"\n        pInputText=\"\"\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onValueChange($event)\"\n        [disabled]=\"disabled() || readonly()\"\n        [type]=\"type()\"\n        [id]=\"ngControl?.name || label()\"\n        [class.ng-invalid]=\"ngControl?.control?.invalid\"\n        placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n        class=\"w-full\"\n        [pKeyFilter]=\"pKeyFilter() === 'alphanum' ? alphaNum : pKeyFilter()\"\n      />\n    }\n    <p-inputgroup-addon [pTooltip]=\"hint()\" tooltipPosition=\"top\">\n      <mt-icon icon=\"general.help-circle\" />\n    </p-inputgroup-addon>\n  </p-inputgroup>\n}\n\n<mt-field-validation [control]=\"ngControl?.control!\"></mt-field-validation>\n" }]
         }], ctorParameters: () => [], propDecorators: { inputText: [{
                 type: ViewChild,
                 args: ['inputText', { static: true }]

package/fesm2022/masterteam-components-text-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-text-field.mjs","sources":["../../../../packages/masterteam/components/text-field/text-field.ts","../../../../packages/masterteam/components/text-field/text-field.html","../../../../packages/masterteam/components/text-field/masterteam-components-text-field.ts"],"sourcesContent":["import {\n  Component,\n  HostBinding,\n  SimpleChanges,\n  ViewChild,\n  signal,\n  input,\n  OnInit,\n  OnChanges,\n  inject,\n} from '@angular/core';\nimport { InputTextModule } from 'primeng/inputtext';\nimport {\n  ControlValueAccessor,\n  FormsModule,\n  NgControl,\n  Validators,\n} from '@angular/forms';\nimport { KeyFilterModule, KeyFilterPattern } from 'primeng/keyfilter';\nimport { InputGroupModule } from 'primeng/inputgroup';\nimport { InputGroupAddonModule } from 'primeng/inputgroupaddon';\nimport { TooltipModule } from 'primeng/tooltip';\nimport { FieldValidation } from '@masterteam/components/field-validation';\n\n//TODO text stuck when reset\n@Component({\n  selector: 'mt-text-field',\n  standalone: true,\n  imports: [\n    FormsModule,\n    InputTextModule,\n    KeyFilterModule,\n    TooltipModule,\n    InputGroupModule,\n    InputGroupAddonModule,\n    FieldValidation,\n  ],\n  templateUrl: './text-field.html',\n  styleUrls: ['./text-field.scss'],\n  host: {\n    class: 'grid gap-1',\n  },\n})\nexport class TextField implements ControlValueAccessor, OnInit, OnChanges {\n  @ViewChild('inputText', { static: true })\n  inputText: HTMLInputElement;\n\n  readonly field = input<boolean>(true);\n  readonly label = input<string>();\n  readonly placeholder = input<string>();\n  readonly class = input<string>('');\n  readonly type = input<string>('text');\n  readonly readonly = input<boolean>(false);\n  readonly pInputs = input<Partial<HTMLInputElement>>();\n  readonly pKeyFilter = input<KeyFilterPattern | RegExp>();\n  // readonly externalControl = input<any>(null);\n\n  @HostBinding('class') styleClass: string;\n\n  requiredValidator = Validators.required;\n  value = signal<string | null>(null);\n  disabled = signal<boolean>(false);\n\n  alphaNum: RegExp = /[\\u0621-\\u064A\\u0660-\\u0669a-z0-9\\s]/i;\n\n  onTouched: () => void = () => {};\n  onModelChange: (value: any) => void = () => {};\n\n  public ngControl: NgControl | null = null;\n\n  constructor() {\n    try {\n      // Try to inject NgControl if available\n      this.ngControl = inject(NgControl, { self: true, optional: true });\n      if (this.ngControl) {\n        this.ngControl.valueAccessor = this;\n      }\n    } catch (_e) {\n      // If injection fails, ngControl will remain null\n      this.ngControl = null;\n    }\n  }\n\n  ngOnInit() {\n    this.styleClass = this.class();\n    // if (this.externalControl()) {\n    //   debugger\n    //   this.ngControl = this.externalControl();\n    // }\n\n    if (this.pInputs()) {\n      this.applyInputsToInputText();\n    }\n  }\n\n  applyInputsToInputText() {\n    Object.assign(this.inputText, this.pInputs());\n  }\n\n  onValueChange(value: any) {\n    this.onModelChange(value);\n    this.onTouched();\n    this.value.set(value);\n  }\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes['pInputs']) {\n      this.applyInputsToInputText();\n    }\n  }\n\n  writeValue(value: string) {\n    this.value.set(value);\n  }\n\n  registerOnChange(fn: any) {\n    this.onModelChange = fn;\n  }\n\n  registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(disabled: boolean) {\n    this.disabled.set(disabled);\n  }\n}\n","@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n@if (type() !== \"password\") {\n  @if (!pKeyFilter()) {\n    <input\n      #inputText=\"\"\n      pInputText=\"\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onValueChange($event)\"\n      [disabled]=\"disabled() || readonly()\"\n      [type]=\"type()\"\n      [id]=\"ngControl?.name || label()\"\n      [class.ng-invalid]=\"ngControl?.control?.invalid\"\n      placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n      class=\"w-full\"\n    />\n  }\n  @if (pKeyFilter()) {\n    <input\n      #inputText=\"\"\n      pInputText=\"\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onValueChange($event)\"\n      [disabled]=\"disabled() || readonly()\"\n      [type]=\"type()\"\n      [id]=\"ngControl?.name || label()\"\n      [class.ng-invalid]=\"ngControl?.control?.invalid\"\n      placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n      class=\"w-full\"\n      [pKeyFilter]=\"pKeyFilter() === 'alphanum' ? alphaNum : pKeyFilter()\"\n    />\n  }\n}\n@if (type() === \"password\") {\n  <p-inputgroup>\n    @if (!pKeyFilter()) {\n      <input\n        #inputText=\"\"\n        pInputText=\"\"\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onValueChange($event)\"\n        [disabled]=\"disabled() || readonly()\"\n        [type]=\"type()\"\n        [id]=\"ngControl?.name || label()\"\n        [class.ng-invalid]=\"ngControl?.control?.invalid\"\n        placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n        class=\"w-full\"\n      />\n    }\n    @if (pKeyFilter()) {\n      <input\n        #inputText=\"\"\n        pInputText=\"\"\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onValueChange($event)\"\n        [disabled]=\"disabled() || readonly()\"\n        [type]=\"type()\"\n        [id]=\"ngControl?.name || label()\"\n        [class.ng-invalid]=\"ngControl?.control?.invalid\"\n        placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n        class=\"w-full\"\n        [pKeyFilter]=\"pKeyFilter() === 'alphanum' ? alphaNum : pKeyFilter()\"\n      />\n    }\n    <p-inputgroup-addon\n      [pTooltip]=\"'users-groups-managment.password-rules'\"\n      tooltipPosition=\"top\"\n    >\n      <i class=\"mti mti-info-circle\"></i>\n    </p-inputgroup-addon>\n  </p-inputgroup>\n}\n\n<mt-field-validation [control]=\"ngControl?.control!\"></mt-field-validation>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"masterteam-components-text-field.mjs","sources":["../../../../packages/masterteam/components/text-field/text-field.ts","../../../../packages/masterteam/components/text-field/text-field.html","../../../../packages/masterteam/components/text-field/masterteam-components-text-field.ts"],"sourcesContent":["import {\n  Component,\n  HostBinding,\n  SimpleChanges,\n  ViewChild,\n  signal,\n  input,\n  OnInit,\n  OnChanges,\n  inject,\n} from '@angular/core';\nimport { InputTextModule } from 'primeng/inputtext';\nimport {\n  ControlValueAccessor,\n  FormsModule,\n  NgControl,\n  Validators,\n} from '@angular/forms';\nimport { KeyFilterModule, KeyFilterPattern } from 'primeng/keyfilter';\nimport { InputGroupModule } from 'primeng/inputgroup';\nimport { InputGroupAddonModule } from 'primeng/inputgroupaddon';\nimport { TooltipModule } from 'primeng/tooltip';\nimport { FieldValidation } from '@masterteam/components/field-validation';\nimport { Icon } from '@masterteam/icons';\n\n// TODO: text stuck when reset\n@Component({\n  selector: 'mt-text-field',\n  standalone: true,\n  imports: [\n    FormsModule,\n    InputTextModule,\n    KeyFilterModule,\n    TooltipModule,\n    InputGroupModule,\n    InputGroupAddonModule,\n    FieldValidation,\n    Icon,\n  ],\n  templateUrl: './text-field.html',\n  styleUrls: ['./text-field.scss'],\n  host: {\n    class: 'grid gap-1',\n  },\n})\nexport class TextField implements ControlValueAccessor, OnInit, OnChanges {\n  @ViewChild('inputText', { static: true })\n  inputText: HTMLInputElement;\n\n  readonly field = input<boolean>(true);\n  readonly hint = input<string>();\n  readonly label = input<string>();\n  readonly placeholder = input<string>();\n  readonly class = input<string>('');\n  readonly type = input<string>('text');\n  readonly readonly = input<boolean>(false);\n  readonly pInputs = input<Partial<HTMLInputElement>>();\n  readonly pKeyFilter = input<KeyFilterPattern | RegExp>();\n  // readonly externalControl = input<any>(null);\n\n  @HostBinding('class') styleClass: string;\n\n  requiredValidator = Validators.required;\n  value = signal<string | null>(null);\n  disabled = signal<boolean>(false);\n\n  alphaNum: RegExp = /[\\u0621-\\u064A\\u0660-\\u0669a-z0-9\\s]/i;\n\n  onTouched: () => void = () => {};\n  onModelChange: (value: any) => void = () => {};\n\n  public ngControl: NgControl | null = null;\n\n  constructor() {\n    try {\n      // Try to inject NgControl if available\n      this.ngControl = inject(NgControl, { self: true, optional: true });\n      if (this.ngControl) {\n        this.ngControl.valueAccessor = this;\n      }\n    } catch (_e) {\n      // If injection fails, ngControl will remain null\n      this.ngControl = null;\n    }\n  }\n\n  ngOnInit() {\n    this.styleClass = this.class();\n    // if (this.externalControl()) {\n    //   debugger\n    //   this.ngControl = this.externalControl();\n    // }\n\n    if (this.pInputs()) {\n      this.applyInputsToInputText();\n    }\n  }\n\n  applyInputsToInputText() {\n    Object.assign(this.inputText, this.pInputs());\n  }\n\n  onValueChange(value: any) {\n    this.onModelChange(value);\n    this.onTouched();\n    this.value.set(value);\n  }\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes['pInputs']) {\n      this.applyInputsToInputText();\n    }\n  }\n\n  writeValue(value: string) {\n    this.value.set(value);\n  }\n\n  registerOnChange(fn: any) {\n    this.onModelChange = fn;\n  }\n\n  registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(disabled: boolean) {\n    this.disabled.set(disabled);\n  }\n}\n","@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n@if (!hint()) {\n  @if (!pKeyFilter()) {\n    <input\n      #inputText=\"\"\n      pInputText=\"\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onValueChange($event)\"\n      [disabled]=\"disabled() || readonly()\"\n      [type]=\"type()\"\n      [id]=\"ngControl?.name || label()\"\n      [class.ng-invalid]=\"ngControl?.control?.invalid\"\n      placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n      class=\"w-full\"\n    />\n  }\n  @if (pKeyFilter()) {\n    <input\n      #inputText=\"\"\n      pInputText=\"\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onValueChange($event)\"\n      [disabled]=\"disabled() || readonly()\"\n      [type]=\"type()\"\n      [id]=\"ngControl?.name || label()\"\n      [class.ng-invalid]=\"ngControl?.control?.invalid\"\n      placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n      class=\"w-full\"\n      [pKeyFilter]=\"pKeyFilter() === 'alphanum' ? alphaNum : pKeyFilter()\"\n    />\n  }\n} @else {\n  <p-inputgroup>\n    @if (!pKeyFilter()) {\n      <input\n        #inputText=\"\"\n        pInputText=\"\"\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onValueChange($event)\"\n        [disabled]=\"disabled() || readonly()\"\n        [type]=\"type()\"\n        [id]=\"ngControl?.name || label()\"\n        [class.ng-invalid]=\"ngControl?.control?.invalid\"\n        placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n        class=\"w-full\"\n      />\n    }\n    @if (pKeyFilter()) {\n      <input\n        #inputText=\"\"\n        pInputText=\"\"\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onValueChange($event)\"\n        [disabled]=\"disabled() || readonly()\"\n        [type]=\"type()\"\n        [id]=\"ngControl?.name || label()\"\n        [class.ng-invalid]=\"ngControl?.control?.invalid\"\n        placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n        class=\"w-full\"\n        [pKeyFilter]=\"pKeyFilter() === 'alphanum' ? alphaNum : pKeyFilter()\"\n      />\n    }\n    <p-inputgroup-addon [pTooltip]=\"hint()\" tooltipPosition=\"top\">\n      <mt-icon icon=\"general.help-circle\" />\n    </p-inputgroup-addon>\n  </p-inputgroup>\n}\n\n<mt-field-validation [control]=\"ngControl?.control!\"></mt-field-validation>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/masterteam-components-textarea-field.mjs

@@ -5,7 +5,7 @@ import { TextareaModule } from 'primeng/textarea';
 import * as i1 from '@angular/forms';
 import { Validators, NgControl, FormsModule } from '@angular/forms';
 
-//TODO text stuck when reset
+// TODO: text stuck when reset
 class TextareaField {
     textarea;
     field = input(true);
@@ -59,7 +59,7 @@ class TextareaField {
         this.disabled.set(disabled);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TextareaField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: TextareaField, isStandalone: true, selector: "mt-textarea-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, noErrorStyle: { classPropertyName: "noErrorStyle", publicName: "noErrorStyle", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n<textarea\n  #textarea\n  pTextarea\n  [ngModel]=\"value()\"\n  (ngModelChange)=\"onValueChange($event)\"\n  (blur)=\"onTouched()\"\n  [disabled]=\"disabled() || readonly()\"\n  [id]=\"ngControl?.name || label()\"\n  [class.ng-invalid]=\"!noErrorStyle() && ngControl?.control?.invalid\"\n  placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n  class=\"w-full\"\n  [rows]=\"rows()\"\n  style=\"resize: none\"\n></textarea>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i2.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "pSize", "variant", "fluid"], outputs: ["onResize"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: TextareaField, isStandalone: true, selector: "mt-textarea-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, noErrorStyle: { classPropertyName: "noErrorStyle", publicName: "noErrorStyle", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n<textarea\n  #textarea\n  pTextarea\n  [ngModel]=\"value()\"\n  (ngModelChange)=\"onValueChange($event)\"\n  (blur)=\"onTouched()\"\n  [disabled]=\"disabled() || readonly()\"\n  [id]=\"ngControl?.name || label()\"\n  [class.ng-invalid]=\"!noErrorStyle() && ngControl?.control?.invalid\"\n  placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n  class=\"w-full\"\n  [rows]=\"rows()\"\n  style=\"resize: none\"\n></textarea>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i2.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TextareaField, decorators: [{
             type: Component,

package/fesm2022/masterteam-components-textarea-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-textarea-field.mjs","sources":["../../../../packages/masterteam/components/textarea-field/textarea-field.ts","../../../../packages/masterteam/components/textarea-field/textarea-field.html","../../../../packages/masterteam/components/textarea-field/masterteam-components-textarea-field.ts"],"sourcesContent":["import {\n  Component,\n  HostBinding,\n  SimpleChanges,\n  ViewChild,\n  signal,\n  input,\n  OnInit,\n  OnChanges,\n  inject,\n} from '@angular/core';\nimport { TextareaModule } from 'primeng/textarea';\nimport {\n  ControlValueAccessor,\n  FormsModule,\n  NgControl,\n  Validators,\n} from '@angular/forms';\n\n//TODO text stuck when reset\n@Component({\n  selector: 'mt-textarea-field',\n  standalone: true,\n  imports: [FormsModule, TextareaModule],\n  templateUrl: './textarea-field.html',\n  styleUrls: ['./textarea-field.scss'],\n  host: {\n    class: 'grid gap-1',\n  },\n})\nexport class TextareaField implements ControlValueAccessor, OnInit, OnChanges {\n  @ViewChild('textarea', { static: true })\n  textarea: HTMLTextAreaElement;\n\n  readonly field = input<boolean>(true);\n  readonly label = input<string>();\n  readonly placeholder = input<string>();\n  readonly class = input<string>('');\n  readonly readonly = input<boolean>(false);\n  readonly noErrorStyle = input<boolean>(false);\n  readonly pInputs = input<Partial<HTMLTextAreaElement>>();\n  readonly rows = input<string>('4');\n\n  @HostBinding('class') styleClass: string;\n\n  requiredValidator = Validators.required;\n  value = signal<string | null>(null);\n  disabled = signal<boolean>(false);\n\n  onTouched: () => void = () => {};\n  onModelChange: (value: string | null) => void = () => {};\n\n  public ngControl = inject(NgControl, { self: true });\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  applyInputsToTextarea() {\n    Object.assign(this.textarea, this.pInputs());\n  }\n\n  ngOnInit() {\n    this.styleClass = this.class();\n    if (this.pInputs()) {\n      this.applyInputsToTextarea();\n    }\n  }\n\n  onValueChange(value: string | null) {\n    this.onModelChange(value);\n    this.value.set(value);\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes['pInputs']) {\n      this.applyInputsToTextarea();\n    }\n  }\n\n  writeValue(value: string) {\n    this.value.set(value);\n  }\n\n  registerOnChange(fn: any) {\n    this.onModelChange = fn;\n  }\n\n  registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(disabled: boolean) {\n    this.disabled.set(disabled);\n  }\n}\n","@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n<textarea\n  #textarea\n  pTextarea\n  [ngModel]=\"value()\"\n  (ngModelChange)=\"onValueChange($event)\"\n  (blur)=\"onTouched()\"\n  [disabled]=\"disabled() || readonly()\"\n  [id]=\"ngControl?.name || label()\"\n  [class.ng-invalid]=\"!noErrorStyle() && ngControl?.control?.invalid\"\n  placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n  class=\"w-full\"\n  [rows]=\"rows()\"\n  style=\"resize: none\"\n></textarea>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"masterteam-components-textarea-field.mjs","sources":["../../../../packages/masterteam/components/textarea-field/textarea-field.ts","../../../../packages/masterteam/components/textarea-field/textarea-field.html","../../../../packages/masterteam/components/textarea-field/masterteam-components-textarea-field.ts"],"sourcesContent":["import {\n  Component,\n  HostBinding,\n  SimpleChanges,\n  ViewChild,\n  signal,\n  input,\n  OnInit,\n  OnChanges,\n  inject,\n} from '@angular/core';\nimport { TextareaModule } from 'primeng/textarea';\nimport {\n  ControlValueAccessor,\n  FormsModule,\n  NgControl,\n  Validators,\n} from '@angular/forms';\n\n// TODO: text stuck when reset\n@Component({\n  selector: 'mt-textarea-field',\n  standalone: true,\n  imports: [FormsModule, TextareaModule],\n  templateUrl: './textarea-field.html',\n  styleUrls: ['./textarea-field.scss'],\n  host: {\n    class: 'grid gap-1',\n  },\n})\nexport class TextareaField implements ControlValueAccessor, OnInit, OnChanges {\n  @ViewChild('textarea', { static: true })\n  textarea: HTMLTextAreaElement;\n\n  readonly field = input<boolean>(true);\n  readonly label = input<string>();\n  readonly placeholder = input<string>();\n  readonly class = input<string>('');\n  readonly readonly = input<boolean>(false);\n  readonly noErrorStyle = input<boolean>(false);\n  readonly pInputs = input<Partial<HTMLTextAreaElement>>();\n  readonly rows = input<string>('4');\n\n  @HostBinding('class') styleClass: string;\n\n  requiredValidator = Validators.required;\n  value = signal<string | null>(null);\n  disabled = signal<boolean>(false);\n\n  onTouched: () => void = () => {};\n  onModelChange: (value: string | null) => void = () => {};\n\n  public ngControl = inject(NgControl, { self: true });\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  applyInputsToTextarea() {\n    Object.assign(this.textarea, this.pInputs());\n  }\n\n  ngOnInit() {\n    this.styleClass = this.class();\n    if (this.pInputs()) {\n      this.applyInputsToTextarea();\n    }\n  }\n\n  onValueChange(value: string | null) {\n    this.onModelChange(value);\n    this.value.set(value);\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes['pInputs']) {\n      this.applyInputsToTextarea();\n    }\n  }\n\n  writeValue(value: string) {\n    this.value.set(value);\n  }\n\n  registerOnChange(fn: any) {\n    this.onModelChange = fn;\n  }\n\n  registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(disabled: boolean) {\n    this.disabled.set(disabled);\n  }\n}\n","@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n<textarea\n  #textarea\n  pTextarea\n  [ngModel]=\"value()\"\n  (ngModelChange)=\"onValueChange($event)\"\n  (blur)=\"onTouched()\"\n  [disabled]=\"disabled() || readonly()\"\n  [id]=\"ngControl?.name || label()\"\n  [class.ng-invalid]=\"!noErrorStyle() && ngControl?.control?.invalid\"\n  placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n  class=\"w-full\"\n  [rows]=\"rows()\"\n  style=\"resize: none\"\n></textarea>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/icon-field/index.d.ts

@@ -1,12 +1,11 @@
 import * as _angular_forms from '@angular/forms';
 import { ControlValueAccessor, Validators, NgControl, FormControl } from '@angular/forms';
 import * as _angular_core from '@angular/core';
+import { MTIcon } from '@masterteam/icons';
 
 declare class IconField implements ControlValueAccessor {
     readonly label: _angular_core.InputSignal<string>;
-    icons: {
-        name: string;
-    }[];
+    icons: MTIcon[];
     selectedIcon: _angular_core.WritableSignal<string | null>;
     requiredValidator: typeof Validators.required;
     ngControl: NgControl;

package/package.json

@@ -1,22 +1,24 @@
 {
   "name": "@masterteam/components",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "publishConfig": {
     "directory": ".",
     "linkDirectory": false,
     "access": "public"
   },
   "peerDependencies": {
-    "@angular/common": "^20.0.0",
-    "@angular/core": "^20.0.0",
+    "@angular/common": "^20.1.0",
+    "@angular/core": "^20.1.0",
+    "@primeuix/themes": "^1.2.1",
     "@tailwindcss/postcss": "^4.1.11",
+    "postcss": "^8.5.6",
+    "primeng": "20.0.0-rc.3",
     "tailwindcss": "^4.1.11",
-    "tailwindcss-primeui": "^0.6.1",
-    "primeng": "^20.0.0-rc.2",
-    "@primeuix/themes": "^1.2.1"
+    "tailwindcss-primeui": "^0.6.1"
   },
   "dependencies": {
-    "tslib": "^2.3.0"
+    "tslib": "^2.3.0",
+    "@masterteam/icons": "x"
   },
   "repository": {
     "type": "git",
@@ -33,21 +35,21 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/masterteam-components.mjs"
     },
+    "./checkbox-field": {
+      "types": "./checkbox-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-checkbox-field.mjs"
+    },
     "./field-validation": {
       "types": "./field-validation/index.d.ts",
       "default": "./fesm2022/masterteam-components-field-validation.mjs"
     },
-    "./icon-field": {
-      "types": "./icon-field/index.d.ts",
-      "default": "./fesm2022/masterteam-components-icon-field.mjs"
-    },
     "./date-field": {
       "types": "./date-field/index.d.ts",
       "default": "./fesm2022/masterteam-components-date-field.mjs"
     },
-    "./checkbox-field": {
-      "types": "./checkbox-field/index.d.ts",
-      "default": "./fesm2022/masterteam-components-checkbox-field.mjs"
+    "./icon-field": {
+      "types": "./icon-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-icon-field.mjs"
     },
     "./multi-select-field": {
       "types": "./multi-select-field/index.d.ts",
@@ -57,14 +59,14 @@
       "types": "./number-field/index.d.ts",
       "default": "./fesm2022/masterteam-components-number-field.mjs"
     },
-    "./slider-field": {
-      "types": "./slider-field/index.d.ts",
-      "default": "./fesm2022/masterteam-components-slider-field.mjs"
-    },
     "./select-field": {
       "types": "./select-field/index.d.ts",
       "default": "./fesm2022/masterteam-components-select-field.mjs"
     },
+    "./slider-field": {
+      "types": "./slider-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-slider-field.mjs"
+    },
     "./text-field": {
       "types": "./text-field/index.d.ts",
       "default": "./fesm2022/masterteam-components-text-field.mjs"

package/text-field/index.d.ts

@@ -6,6 +6,7 @@ import { KeyFilterPattern } from 'primeng/keyfilter';
 declare class TextField implements ControlValueAccessor, OnInit, OnChanges {
     inputText: HTMLInputElement;
     readonly field: _angular_core.InputSignal<boolean>;
+    readonly hint: _angular_core.InputSignal<string | undefined>;
     readonly label: _angular_core.InputSignal<string | undefined>;
     readonly placeholder: _angular_core.InputSignal<string | undefined>;
     readonly class: _angular_core.InputSignal<string>;
@@ -31,7 +32,7 @@ declare class TextField implements ControlValueAccessor, OnInit, OnChanges {
     registerOnTouched(fn: any): void;
     setDisabledState(disabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextField, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextField, "mt-text-field", never, { "field": { "alias": "field"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "pInputs": { "alias": "pInputs"; "required": false; "isSignal": true; }; "pKeyFilter": { "alias": "pKeyFilter"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextField, "mt-text-field", never, { "field": { "alias": "field"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "pInputs": { "alias": "pInputs"; "required": false; "isSignal": true; }; "pKeyFilter": { "alias": "pKeyFilter"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { TextField };