@masterteam/components 0.0.1

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

@@ -0,0 +1,98 @@
+import * as i0 from '@angular/core';
+import { input, signal, inject, HostBinding, ViewChild, Component } from '@angular/core';
+import * as i2 from 'primeng/inputtext';
+import { InputTextModule } from 'primeng/inputtext';
+import * as i1 from '@angular/forms';
+import { Validators, NgControl, FormsModule } from '@angular/forms';
+import * as i3 from 'primeng/keyfilter';
+import { KeyFilterModule } from 'primeng/keyfilter';
+import * as i5 from 'primeng/inputgroup';
+import { InputGroupModule } from 'primeng/inputgroup';
+import * as i6 from 'primeng/inputgroupaddon';
+import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
+import * as i4 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
+
+//TODO text stuck when reset
+class TextField {
+    inputText;
+    field = input(true);
+    label = input();
+    placeholder = input();
+    class = input('');
+    type = input('text');
+    readonly = input(false);
+    pInputs = input();
+    pKeyFilter = input();
+    styleClass;
+    requiredValidator = Validators.required;
+    value = signal(null);
+    disabled = signal(false);
+    alphaNum = /[\u0621-\u064A\u0660-\u0669a-z0-9\s]/i;
+    onTouched = () => { };
+    onModelChange = () => { };
+    ngControl = inject(NgControl, { self: true });
+    constructor() {
+        if (this.ngControl) {
+            this.ngControl.valueAccessor = this;
+        }
+    }
+    applyInputsToInputText() {
+        Object.assign(this.inputText, this.pInputs());
+    }
+    ngOnInit() {
+        this.styleClass = this.class();
+        if (this.pInputs()) {
+            this.applyInputsToInputText();
+        }
+    }
+    onValueChange(value) {
+        this.onModelChange(value);
+        this.value.set(value);
+    }
+    ngOnChanges(changes) {
+        if (changes['pInputs']) {
+            this.applyInputsToInputText();
+        }
+    }
+    writeValue(value) {
+        this.value.set(value);
+    }
+    registerOnChange(fn) {
+        this.onModelChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(disabled) {
+        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      (blur)=\"onTouched()\"\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      (blur)=\"onTouched()\"\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        (blur)=\"onTouched()\"\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        (blur)=\"onTouched()\"\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", 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: ["variant", "fluid", "pSize"] }, { 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", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i5.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i6.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TextField, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-text-field', standalone: true, imports: [
+                        FormsModule,
+                        InputTextModule,
+                        KeyFilterModule,
+                        TooltipModule,
+                        InputGroupModule,
+                        InputGroupAddonModule,
+                    ], 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      (blur)=\"onTouched()\"\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      (blur)=\"onTouched()\"\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        (blur)=\"onTouched()\"\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        (blur)=\"onTouched()\"\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" }]
+        }], ctorParameters: () => [], propDecorators: { inputText: [{
+                type: ViewChild,
+                args: ['inputText', { static: true }]
+            }], styleClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextField };
+//# sourceMappingURL=masterteam-components-src-text-field.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"masterteam-components-src-text-field.mjs","sources":["../../../../packages/masterteam/components/src/text-field/text-field.ts","../../../../packages/masterteam/components/src/text-field/text-field.html","../../../../packages/masterteam/components/src/text-field/masterteam-components-src-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';\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  ],\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\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 = inject(NgControl, { self: true });\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  applyInputsToInputText() {\n    Object.assign(this.inputText, this.pInputs());\n  }\n\n  ngOnInit() {\n    this.styleClass = this.class();\n    if (this.pInputs()) {\n      this.applyInputsToInputText();\n    }\n  }\n  onValueChange(value: any) {\n    this.onModelChange(value);\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      (blur)=\"onTouched()\"\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      (blur)=\"onTouched()\"\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        (blur)=\"onTouched()\"\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        (blur)=\"onTouched()\"\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 * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,82 @@
+import * as i0 from '@angular/core';
+import { input, signal, inject, HostBinding, ViewChild, Component } from '@angular/core';
+import * as i2 from 'primeng/textarea';
+import { TextareaModule } from 'primeng/textarea';
+import * as i1 from '@angular/forms';
+import { Validators, NgControl, FormsModule } from '@angular/forms';
+
+//TODO text stuck when reset
+class TextareaField {
+    textarea;
+    field = input(true);
+    label = input();
+    placeholder = input();
+    class = input('');
+    readonly = input(false);
+    noErrorStyle = input(false);
+    pInputs = input();
+    rows = input('4');
+    styleClass;
+    requiredValidator = Validators.required;
+    value = signal(null);
+    disabled = signal(false);
+    onTouched = () => { };
+    onModelChange = () => { };
+    ngControl = inject(NgControl, { self: true });
+    constructor() {
+        if (this.ngControl) {
+            this.ngControl.valueAccessor = this;
+        }
+    }
+    applyInputsToTextarea() {
+        Object.assign(this.textarea, this.pInputs());
+    }
+    ngOnInit() {
+        this.styleClass = this.class();
+        if (this.pInputs()) {
+            this.applyInputsToTextarea();
+        }
+    }
+    onValueChange(value) {
+        this.onModelChange(value);
+        this.value.set(value);
+    }
+    ngOnChanges(changes) {
+        if (changes['pInputs']) {
+            this.applyInputsToTextarea();
+        }
+    }
+    writeValue(value) {
+        this.value.set(value);
+    }
+    registerOnChange(fn) {
+        this.onModelChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(disabled) {
+        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", "variant", "fluid", "pSize"], outputs: ["onResize"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TextareaField, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-textarea-field', standalone: true, imports: [FormsModule, TextareaModule], 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<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" }]
+        }], ctorParameters: () => [], propDecorators: { textarea: [{
+                type: ViewChild,
+                args: ['textarea', { static: true }]
+            }], styleClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextareaField };
+//# sourceMappingURL=masterteam-components-src-textarea-field.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"masterteam-components-src-textarea-field.mjs","sources":["../../../../packages/masterteam/components/src/textarea-field/textarea-field.ts","../../../../packages/masterteam/components/src/textarea-field/textarea-field.html","../../../../packages/masterteam/components/src/textarea-field/masterteam-components-src-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/fesm2022/masterteam-components.mjs

@@ -0,0 +1,211 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import { providePrimeNG } from 'primeng/config';
+import Aura from '@primeng/themes/aura';
+import { definePreset } from '@primeng/themes';
+
+class Components {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: Components, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: Components, isStandalone: true, selector: "mt-components", ngImport: i0, template: ` <p>components works!</p> `, isInline: true, styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: Components, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-components', imports: [], template: ` <p>components works!</p> ` }]
+        }] });
+
+/**
+ * Converts a hex color string to an HSL tuple.
+ * @param hex - The hex color string (e.g., "#RRGGBB" or "#RGB").
+ * @returns An HSL tuple [hue, saturation, lightness] where hue is in degrees (0-360),
+ * and saturation/lightness are percentages (0-100).
+ */
+function hexToHsl(hex) {
+    let r = 0, g = 0, b = 0;
+    // Handle shorthand hex codes
+    if (hex.length === 4) {
+        r = parseInt(hex[1] + hex[1], 16);
+        g = parseInt(hex[2] + hex[2], 16);
+        b = parseInt(hex[3] + hex[3], 16);
+    }
+    else if (hex.length === 7) {
+        r = parseInt(hex.substring(1, 3), 16);
+        g = parseInt(hex.substring(3, 5), 16);
+        b = parseInt(hex.substring(5, 7), 16);
+    }
+    else {
+        throw new Error('Invalid hex color format. Expected #RGB or #RRGGBB.');
+    }
+    r /= 255;
+    g /= 255;
+    b /= 255;
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    let h = 0, s;
+    const l = (max + min) / 2;
+    if (max === min) {
+        h = s = 0; // achromatic
+    }
+    else {
+        const d = max - min;
+        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+        switch (max) {
+            case r:
+                h = (g - b) / d + (g < b ? 6 : 0);
+                break;
+            case g:
+                h = (b - r) / d + 2;
+                break;
+            case b:
+                h = (r - g) / d + 4;
+                break;
+        }
+        h /= 6;
+    }
+    return [h * 360, s * 100, l * 100]; // HSL in degrees, percentage, percentage
+}
+/**
+ * Converts HSL values to a hex color string.
+ * @param h - Hue (0-360).
+ * @param s - Saturation (0-100).
+ * @param l - Lightness (0-100).
+ * @returns The hex color string (e.g., "#RRGGBB").
+ */
+function hslToHex(h, s, l) {
+    l /= 100;
+    const a = (s * Math.min(l, 1 - l)) / 100;
+    const f = (n) => {
+        const k = (n + h / 30) % 12;
+        const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
+        return Math.round(255 * color)
+            .toString(16)
+            .padStart(2, '0');
+    };
+    return `#${f(0)}${f(8)}${f(4)}`;
+}
+/**
+ * Generates a Tailwind-like color palette (50-950) from a primary color (assumed to be 500).
+ *
+ * @param primaryColor500 - The hex string of the primary color (e.g., "#0284c7").
+ * @returns An object representing the color palette, where keys are color numbers (e.g., "50", "100")
+ * and values are hex color strings.
+ */
+function generateTailwindPalette(primaryColor500) {
+    const [h, s, _l] = hexToHsl(primaryColor500);
+    const palette = {
+        '500': primaryColor500,
+    };
+    // Define steps for lighter shades (50 - 400)
+    const lightnessStepsLighter = {
+        '50': 95,
+        '100': 90,
+        '200': 80,
+        '300': 70,
+        '400': 60,
+    };
+    const saturationReductionsLighter = {
+        '50': 40, // More desaturated
+        '100': 30,
+        '200': 20,
+        '300': 10,
+        '400': 5, // Slightly desaturated
+    };
+    for (const shade in lightnessStepsLighter) {
+        if (Object.prototype.hasOwnProperty.call(lightnessStepsLighter, shade)) {
+            const newL = lightnessStepsLighter[shade];
+            // Ensure saturation doesn't go below 0
+            const newS = Math.max(0, s - saturationReductionsLighter[shade]);
+            palette[shade] = hslToHex(h, newS, newL);
+        }
+    }
+    // Define steps for darker shades (600 - 950)
+    const lightnessStepsDarker = {
+        '600': 45,
+        '700': 35,
+        '800': 25,
+        '900': 15,
+        '950': 8, // More aggressive darkening for 950
+    };
+    const saturationIncreasesDarker = {
+        '600': 5,
+        '700': 10,
+        '800': 15,
+        '900': 20,
+        '950': 25, // Can increase saturation for darker shades
+    };
+    for (const shade in lightnessStepsDarker) {
+        if (Object.prototype.hasOwnProperty.call(lightnessStepsDarker, shade)) {
+            const newL = lightnessStepsDarker[shade];
+            // Ensure saturation doesn't exceed 100
+            const newS = Math.min(100, s + saturationIncreasesDarker[shade]);
+            palette[shade] = hslToHex(h, newS, newL);
+        }
+    }
+    // Sort the keys numerically to ensure consistent order
+    const sortedPalette = {};
+    Object.keys(palette)
+        .sort((a, b) => parseInt(a) - parseInt(b))
+        .forEach((key) => {
+        sortedPalette[key] = palette[key];
+    });
+    return sortedPalette;
+}
+
+const MTPreset = definePreset(Aura, {
+    options: {
+        cssLayer: {
+            name: 'primeng',
+            order: 'theme, base, primeng',
+        },
+    },
+    semantic: {
+        primary: generateTailwindPalette('#334dff'),
+    },
+    components: {
+        steps: {
+            item: {
+                link: {
+                    gap: 'calc(50% + 0.25rem)',
+                },
+                number: {
+                    font: {
+                        size: '0.9rem',
+                    },
+                    active: {
+                        color: 'white',
+                        background: '{primary.500}',
+                        border: {
+                            color: '{primary.500}',
+                        },
+                    },
+                },
+            },
+        },
+    },
+});
+function provideMTComponents() {
+    return providePrimeNG({
+        zIndex: {
+            modal: 1900,
+            overlay: 1500,
+            menu: 1500,
+            tooltip: 1600,
+        },
+        theme: {
+            preset: MTPreset,
+            options: {
+                darkModeSelector: '.my-app-dark',
+            },
+        },
+    });
+}
+
+/*
+ * Public API Surface of components
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Components, generateTailwindPalette, provideMTComponents };
+//# sourceMappingURL=masterteam-components.mjs.map

package/fesm2022/masterteam-components.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masterteam-components.mjs","sources":["../../../../packages/masterteam/components/src/lib/components.ts","../../../../packages/masterteam/components/src/lib/utils/theme.ts","../../../../packages/masterteam/components/src/lib/config/providemt.ts","../../../../packages/masterteam/components/src/public-api.ts","../../../../packages/masterteam/components/src/masterteam-components.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'mt-components',\n  imports: [],\n  template: ` <p>components works!</p> `,\n  styles: ``,\n})\nexport class Components {}\n","type HSLTuple = [number, number, number]; // [hue, saturation, lightness]\ntype TailwindColorPalette = {\n  [key: string]: string; // e.g., '50': '#f0f9ff', '500': '#0284c7'\n};\n\n/**\n * Converts a hex color string to an HSL tuple.\n * @param hex - The hex color string (e.g., \"#RRGGBB\" or \"#RGB\").\n * @returns An HSL tuple [hue, saturation, lightness] where hue is in degrees (0-360),\n * and saturation/lightness are percentages (0-100).\n */\nfunction hexToHsl(hex: string): HSLTuple {\n  let r: number = 0,\n    g: number = 0,\n    b: number = 0;\n\n  // Handle shorthand hex codes\n  if (hex.length === 4) {\n    r = parseInt(hex[1] + hex[1], 16);\n    g = parseInt(hex[2] + hex[2], 16);\n    b = parseInt(hex[3] + hex[3], 16);\n  } else if (hex.length === 7) {\n    r = parseInt(hex.substring(1, 3), 16);\n    g = parseInt(hex.substring(3, 5), 16);\n    b = parseInt(hex.substring(5, 7), 16);\n  } else {\n    throw new Error('Invalid hex color format. Expected #RGB or #RRGGBB.');\n  }\n\n  r /= 255;\n  g /= 255;\n  b /= 255;\n\n  const max: number = Math.max(r, g, b);\n  const min: number = Math.min(r, g, b);\n  let h: number = 0,\n    s: number;\n  const l: number = (max + min) / 2;\n\n  if (max === min) {\n    h = s = 0; // achromatic\n  } else {\n    const d: number = max - min;\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n    switch (max) {\n      case r:\n        h = (g - b) / d + (g < b ? 6 : 0);\n        break;\n      case g:\n        h = (b - r) / d + 2;\n        break;\n      case b:\n        h = (r - g) / d + 4;\n        break;\n    }\n    h /= 6;\n  }\n\n  return [h * 360, s * 100, l * 100]; // HSL in degrees, percentage, percentage\n}\n\n/**\n * Converts HSL values to a hex color string.\n * @param h - Hue (0-360).\n * @param s - Saturation (0-100).\n * @param l - Lightness (0-100).\n * @returns The hex color string (e.g., \"#RRGGBB\").\n */\nfunction hslToHex(h: number, s: number, l: number): string {\n  l /= 100;\n  const a: number = (s * Math.min(l, 1 - l)) / 100;\n  const f = (n: number): string => {\n    const k: number = (n + h / 30) % 12;\n    const color: number = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n    return Math.round(255 * color)\n      .toString(16)\n      .padStart(2, '0');\n  };\n  return `#${f(0)}${f(8)}${f(4)}`;\n}\n\n/**\n * Generates a Tailwind-like color palette (50-950) from a primary color (assumed to be 500).\n *\n * @param primaryColor500 - The hex string of the primary color (e.g., \"#0284c7\").\n * @returns An object representing the color palette, where keys are color numbers (e.g., \"50\", \"100\")\n * and values are hex color strings.\n */\nexport function generateTailwindPalette(\n  primaryColor500: string,\n): TailwindColorPalette {\n  const [h, s, _l]: HSLTuple = hexToHsl(primaryColor500);\n\n  const palette: TailwindColorPalette = {\n    '500': primaryColor500,\n  };\n\n  // Define steps for lighter shades (50 - 400)\n  const lightnessStepsLighter: { [key: string]: number } = {\n    '50': 95,\n    '100': 90,\n    '200': 80,\n    '300': 70,\n    '400': 60,\n  };\n\n  const saturationReductionsLighter: { [key: string]: number } = {\n    '50': 40, // More desaturated\n    '100': 30,\n    '200': 20,\n    '300': 10,\n    '400': 5, // Slightly desaturated\n  };\n\n  for (const shade in lightnessStepsLighter) {\n    if (Object.prototype.hasOwnProperty.call(lightnessStepsLighter, shade)) {\n      const newL: number = lightnessStepsLighter[shade];\n      // Ensure saturation doesn't go below 0\n      const newS: number = Math.max(0, s - saturationReductionsLighter[shade]);\n      palette[shade] = hslToHex(h, newS, newL);\n    }\n  }\n\n  // Define steps for darker shades (600 - 950)\n  const lightnessStepsDarker: { [key: string]: number } = {\n    '600': 45,\n    '700': 35,\n    '800': 25,\n    '900': 15,\n    '950': 8, // More aggressive darkening for 950\n  };\n\n  const saturationIncreasesDarker: { [key: string]: number } = {\n    '600': 5,\n    '700': 10,\n    '800': 15,\n    '900': 20,\n    '950': 25, // Can increase saturation for darker shades\n  };\n\n  for (const shade in lightnessStepsDarker) {\n    if (Object.prototype.hasOwnProperty.call(lightnessStepsDarker, shade)) {\n      const newL: number = lightnessStepsDarker[shade];\n      // Ensure saturation doesn't exceed 100\n      const newS: number = Math.min(100, s + saturationIncreasesDarker[shade]);\n      palette[shade] = hslToHex(h, newS, newL);\n    }\n  }\n\n  // Sort the keys numerically to ensure consistent order\n  const sortedPalette: TailwindColorPalette = {};\n  Object.keys(palette)\n    .sort((a, b) => parseInt(a) - parseInt(b))\n    .forEach((key: string) => {\n      sortedPalette[key] = palette[key];\n    });\n\n  return sortedPalette;\n}\n","import { providePrimeNG } from 'primeng/config';\nimport { generateTailwindPalette } from '../utils/theme';\nimport Aura from '@primeng/themes/aura';\nimport { definePreset } from '@primeng/themes';\n\nconst MTPreset = definePreset(Aura, {\n  options: {\n    cssLayer: {\n      name: 'primeng',\n      order: 'theme, base, primeng',\n    },\n  },\n  semantic: {\n    primary: generateTailwindPalette('#334dff'),\n  },\n  components: {\n    steps: {\n      item: {\n        link: {\n          gap: 'calc(50% + 0.25rem)',\n        },\n        number: {\n          font: {\n            size: '0.9rem',\n          },\n          active: {\n            color: 'white',\n            background: '{primary.500}',\n            border: {\n              color: '{primary.500}',\n            },\n          },\n        },\n      },\n    },\n  },\n});\n\nexport function provideMTComponents() {\n  return providePrimeNG({\n    zIndex: {\n      modal: 1900,\n      overlay: 1500,\n      menu: 1500,\n      tooltip: 1600,\n    },\n    theme: {\n      preset: MTPreset,\n      options: {\n        darkModeSelector: '.my-app-dark',\n      },\n    },\n  });\n}\n","/*\n * Public API Surface of components\n */\n\nexport * from './lib/components';\nexport * from './lib/config/providemt';\nexport * from './lib/utils/theme';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,22 @@
+import * as i0 from '@angular/core';
+
+declare class Components {
+    static ɵfac: i0.ɵɵFactoryDeclaration<Components, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Components, "mt-components", never, {}, {}, never, never, true, never>;
+}
+
+declare function provideMTComponents(): i0.EnvironmentProviders;
+
+type TailwindColorPalette = {
+    [key: string]: string;
+};
+/**
+ * Generates a Tailwind-like color palette (50-950) from a primary color (assumed to be 500).
+ *
+ * @param primaryColor500 - The hex string of the primary color (e.g., "#0284c7").
+ * @returns An object representing the color palette, where keys are color numbers (e.g., "50", "100")
+ * and values are hex color strings.
+ */
+declare function generateTailwindPalette(primaryColor500: string): TailwindColorPalette;
+
+export { Components, generateTailwindPalette, provideMTComponents };

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@masterteam/components",
+  "version": "0.0.1",
+  "publishConfig": {
+    "directory": ".",
+    "linkDirectory": false,
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@angular/common": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@tailwindcss/postcss": "^4.1.11",
+    "tailwindcss": "^4.1.11",
+    "tailwindcss-primeui": "^0.6.1",
+    "primeng": "^19.1.3",
+    "@primeng/themes": "^19.1.3"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/MasterteamSA/components.git"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/masterteam-components.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/masterteam-components.mjs"
+    },
+    "./src/checkbox-field": {
+      "types": "./src/checkbox-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-src-checkbox-field.mjs"
+    },
+    "./src/date-field": {
+      "types": "./src/date-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-src-date-field.mjs"
+    },
+    "./src/icon-field": {
+      "types": "./src/icon-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-src-icon-field.mjs"
+    },
+    "./src/multi-select-field": {
+      "types": "./src/multi-select-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-src-multi-select-field.mjs"
+    },
+    "./src/select-field": {
+      "types": "./src/select-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-src-select-field.mjs"
+    },
+    "./src/number-field": {
+      "types": "./src/number-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-src-number-field.mjs"
+    },
+    "./src/text-field": {
+      "types": "./src/text-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-src-text-field.mjs"
+    },
+    "./src/textarea-field": {
+      "types": "./src/textarea-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-src-textarea-field.mjs"
+    },
+    "./src/slider-field": {
+      "types": "./src/slider-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-src-slider-field.mjs"
+    }
+  }
+}