@masterteam/components 0.0.64 → 0.0.65

package/fesm2022/masterteam-components-formula-builder.mjs

@@ -120,9 +120,9 @@ const operators = [
 
 class FormulaBuilder {
     hideTitle = input(false, { ...(ngDevMode ? { debugName: "hideTitle" } : {}), transform: booleanAttribute });
-    properties = input([], { ...(ngDevMode ? { debugName: "properties" } : {}) });
+    properties = input([], ...(ngDevMode ? [{ debugName: "properties" }] : []));
     // validationUrl = input<string>('app/checkformula');
-    validationUrl = input(undefined, { ...(ngDevMode ? { debugName: "validationUrl" } : {}) });
+    validationUrl = input(...(ngDevMode ? [undefined, { debugName: "validationUrl" }] : []));
     httpClient = inject(HttpClient);
     // translateService: TranslateService = inject(TranslateService);
     // functions = computed(() => []);
@@ -187,15 +187,15 @@ class FormulaBuilder {
             hint: 'formula-builder.min-max-hint',
         },
     ];
-    selectedLookup = signal(null, { ...(ngDevMode ? { debugName: "selectedLookup" } : {}) });
-    formula = signal([], { ...(ngDevMode ? { debugName: "formula" } : {}) });
-    disabled = signal(false, { ...(ngDevMode ? { debugName: "disabled" } : {}) });
-    touched = signal(false, { ...(ngDevMode ? { debugName: "touched" } : {}) });
+    selectedLookup = signal(null, ...(ngDevMode ? [{ debugName: "selectedLookup" }] : []));
+    formula = signal([], ...(ngDevMode ? [{ debugName: "formula" }] : []));
+    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    touched = signal(false, ...(ngDevMode ? [{ debugName: "touched" }] : []));
     types = types;
     operators = operators;
     formulaText = computed(() => {
         return '';
-    }, { ...(ngDevMode ? { debugName: "formulaText" } : {}) });
+    }, ...(ngDevMode ? [{ debugName: "formulaText" }] : []));
     onChange(_formula) { }
     onTouched() { }
     emitChange() {
@@ -331,12 +331,12 @@ class FormulaBuilder {
         });
         return results;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: FormulaBuilder, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: FormulaBuilder, isStandalone: true, selector: "mt-formula-builder", inputs: { hideTitle: { classPropertyName: "hideTitle", publicName: "hideTitle", isSignal: true, isRequired: false, transformFunction: null }, properties: { classPropertyName: "properties", publicName: "properties", isSignal: true, isRequired: false, transformFunction: null }, validationUrl: { classPropertyName: "validationUrl", publicName: "validationUrl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"@container w-full flex flex-col gap-2\">\n  @if (!hideTitle()) {\n    <h6 class=\"m-0\" translate>formula-builder.formula-builder</h6>\n  }\n  @if (!disabled()) {\n    <div class=\"grid grid-cols-6 gap-2\">\n      @if (properties()?.length) {\n        <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n          <mt-select-field\n            #propertyDropdown=\"\"\n            (onChange)=\"onAddProperty($event, propertyDropdown)\"\n            label=\"formula-builder.property\"\n            selectId=\"-1\"\n            placeholder=\"{{ 'formula-builder.select-property' }}\"\n            styleClass=\"w-full\"\n            [filter]=\"true\"\n            filterBy=\"name\"\n            [ngModel]=\"null\"\n            [options]=\"properties()\"\n            optionLabel=\"name\"\n            dataKey=\"key\"\n            appendTo=\"body\"\n          ></mt-select-field>\n        </div>\n      }\n      @if (functions?.length) {\n        <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n          <mt-select-field\n            #functionDropdown=\"\"\n            label=\"formula-builder.function\"\n            (onChange)=\"onAddFunction($event, functionDropdown)\"\n            selectId=\"-1\"\n            placeholder=\"{{ 'formula-builder.select-function' }}\"\n            styleClass=\"w-full\"\n            [filter]=\"true\"\n            filterBy=\"name\"\n            [ngModel]=\"null\"\n            [options]=\"functions\"\n            optionLabel=\"name\"\n            dataKey=\"key\"\n            appendTo=\"body\"\n          ></mt-select-field>\n        </div>\n      }\n      <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n        <label for=\"configuration\" translate>formula-builder.operators</label>\n        <div dir=\"ltr\" class=\"flex flex-wrap gap-1\">\n          @for (operator of operators; track operator) {\n            <mt-button\n              type=\"button\"\n              [outlined]=\"true\"\n              [label]=\"operator.name\"\n              (click)=\"onAdd(operator)\"\n            >\n            </mt-button>\n          }\n        </div>\n      </div>\n      <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n        <label for=\"configuration\" translate\n          >formula-builder.custom-value</label\n        >\n        <p-input-group>\n          <mt-text-field\n            #customInput\n            type=\"text\"\n            [field]=\"false\"\n            [placeholder]=\"'formula-builder.custom-value'\"\n            style=\"width: 100%\"\n          ></mt-text-field>\n          <p-inputgroup-addon>\n            <mt-button\n              class=\"\"\n              type=\"button\"\n              (click)=\"onAddValue(customInput)\"\n              [disabled]=\"disabled() || !customInput.value()\"\n              label=\"\"\n              icon=\"general.plus\"\n            ></mt-button>\n          </p-inputgroup-addon>\n        </p-input-group>\n      </div>\n    </div>\n  }\n  <div>\n    <label for=\"configuration\" translate>formula-builder.formula</label>\n    <div\n      dir=\"ltr\"\n      cdkDropList=\"\"\n      cdkDropListOrientation=\"mixed\"\n      [cdkDropListData]=\"formula()\"\n      (cdkDropListDropped)=\"drop($event)\"\n      [cdkDropListDisabled]=\"disabled()\"\n      class=\"flex flex-wrap gap-1 rounded-lg border-1 border-gray-500 bg-gray-50 p-2 formula-preview\"\n    >\n      @for (item of formula(); track item; let i = $index) {\n        <p-chip\n          [style]=\"{\n            background: types[item.type]?.bg ?? 'var(--p-gary-50)',\n            borderColor: types[item.type]?.border ?? 'var(--p-gary-500)',\n          }\"\n          styleClass=\"text-black-alpha-90 border-1 border-round cursor-grab\"\n          [label]=\"item.name\"\n          [removable]=\"!disabled()\"\n          (onRemove)=\"onRemove(i)\"\n          [cdkDragDisabled]=\"disabled()\"\n          cdkDrag=\"\"\n        ></p-chip>\n      }\n    </div>\n  </div>\n</div>\n", styles: [":host .formula-preview{border-color:var(--p-gray-500);min-height:60px}:host.ng-valid .formula-preview{border-color:var(--p-green-500)}:host.ng-invalid .formula-preview{border-color:var(--p-red-500)}:host ::ng-deep .cdk-drop-list{display:flex}:host ::ng-deep .cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;z-index:1000}:host ::ng-deep .cdk-drag-placeholder{opacity:.5}:host ::ng-deep .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}:host ::ng-deep .formula-preview.cdk-drop-list-dragging .formula-preview:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .p-inputgroupaddon:first-child .p-inputtext,::ng-deep .p-inputgroup>mt-text-field:first-child .p-inputtext{height:100%;width:100%;border-radius:0;border-start-start-radius:var(--p-inputgroup-addon-border-radius);border-end-start-radius:var(--p-inputgroup-addon-border-radius)}::ng-deep .p-inputgroupaddon:first-child,::ng-deep .p-inputgroup>p-autocomplete:first-child{width:100%}::ng-deep .p-inputgroupaddon:first-child>div,::ng-deep .p-inputgroup>p-autocomplete:first-child>div{width:100%;height:100%}::ng-deep .p-inputgroupaddon:first-child>div ul,::ng-deep .p-inputgroup>p-autocomplete:first-child>div ul{border-radius:0;border-start-start-radius:var(--p-inputgroup-addon-border-radius);border-end-start-radius:var(--p-inputgroup-addon-border-radius)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required"], outputs: ["onChange"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ChipModule }, { kind: "component", type: i2.Chip, selector: "p-chip", inputs: ["label", "icon", "image", "alt", "styleClass", "disabled", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }, { kind: "ngmodule", type: 
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: FormulaBuilder, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: FormulaBuilder, isStandalone: true, selector: "mt-formula-builder", inputs: { hideTitle: { classPropertyName: "hideTitle", publicName: "hideTitle", isSignal: true, isRequired: false, transformFunction: null }, properties: { classPropertyName: "properties", publicName: "properties", isSignal: true, isRequired: false, transformFunction: null }, validationUrl: { classPropertyName: "validationUrl", publicName: "validationUrl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"@container w-full flex flex-col gap-2\">\n  @if (!hideTitle()) {\n    <h6 class=\"m-0\" translate>formula-builder.formula-builder</h6>\n  }\n  @if (!disabled()) {\n    <div class=\"grid grid-cols-6 gap-2\">\n      @if (properties()?.length) {\n        <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n          <mt-select-field\n            #propertyDropdown=\"\"\n            (onChange)=\"onAddProperty($event, propertyDropdown)\"\n            label=\"formula-builder.property\"\n            selectId=\"-1\"\n            placeholder=\"{{ 'formula-builder.select-property' }}\"\n            styleClass=\"w-full\"\n            [filter]=\"true\"\n            filterBy=\"name\"\n            [ngModel]=\"null\"\n            [options]=\"properties()\"\n            optionLabel=\"name\"\n            dataKey=\"key\"\n            appendTo=\"body\"\n          ></mt-select-field>\n        </div>\n      }\n      @if (functions?.length) {\n        <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n          <mt-select-field\n            #functionDropdown=\"\"\n            label=\"formula-builder.function\"\n            (onChange)=\"onAddFunction($event, functionDropdown)\"\n            selectId=\"-1\"\n            placeholder=\"{{ 'formula-builder.select-function' }}\"\n            styleClass=\"w-full\"\n            [filter]=\"true\"\n            filterBy=\"name\"\n            [ngModel]=\"null\"\n            [options]=\"functions\"\n            optionLabel=\"name\"\n            dataKey=\"key\"\n            appendTo=\"body\"\n          ></mt-select-field>\n        </div>\n      }\n      <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n        <label for=\"configuration\" translate>formula-builder.operators</label>\n        <div dir=\"ltr\" class=\"flex flex-wrap gap-1\">\n          @for (operator of operators; track operator) {\n            <mt-button\n              type=\"button\"\n              [outlined]=\"true\"\n              [label]=\"operator.name\"\n              (click)=\"onAdd(operator)\"\n            >\n            </mt-button>\n          }\n        </div>\n      </div>\n      <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n        <label for=\"configuration\" translate\n          >formula-builder.custom-value</label\n        >\n        <p-input-group>\n          <mt-text-field\n            #customInput\n            type=\"text\"\n            [field]=\"false\"\n            [placeholder]=\"'formula-builder.custom-value'\"\n            style=\"width: 100%\"\n          ></mt-text-field>\n          <p-inputgroup-addon>\n            <mt-button\n              class=\"\"\n              type=\"button\"\n              (click)=\"onAddValue(customInput)\"\n              [disabled]=\"disabled() || !customInput.value()\"\n              label=\"\"\n              icon=\"general.plus\"\n            ></mt-button>\n          </p-inputgroup-addon>\n        </p-input-group>\n      </div>\n    </div>\n  }\n  <div>\n    <label for=\"configuration\" translate>formula-builder.formula</label>\n    <div\n      dir=\"ltr\"\n      cdkDropList=\"\"\n      cdkDropListOrientation=\"mixed\"\n      [cdkDropListData]=\"formula()\"\n      (cdkDropListDropped)=\"drop($event)\"\n      [cdkDropListDisabled]=\"disabled()\"\n      class=\"flex flex-wrap gap-1 rounded-lg border-1 border-gray-500 bg-gray-50 p-2 formula-preview\"\n    >\n      @for (item of formula(); track item; let i = $index) {\n        <p-chip\n          [style]=\"{\n            background: types[item.type]?.bg ?? 'var(--p-gary-50)',\n            borderColor: types[item.type]?.border ?? 'var(--p-gary-500)',\n          }\"\n          styleClass=\"text-black-alpha-90 border-1 border-round cursor-grab\"\n          [label]=\"item.name\"\n          [removable]=\"!disabled()\"\n          (onRemove)=\"onRemove(i)\"\n          [cdkDragDisabled]=\"disabled()\"\n          cdkDrag=\"\"\n        ></p-chip>\n      }\n    </div>\n  </div>\n</div>\n", styles: [":host .formula-preview{border-color:var(--p-gray-500);min-height:60px}:host.ng-valid .formula-preview{border-color:var(--p-green-500)}:host.ng-invalid .formula-preview{border-color:var(--p-red-500)}:host ::ng-deep .cdk-drop-list{display:flex}:host ::ng-deep .cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;z-index:1000}:host ::ng-deep .cdk-drag-placeholder{opacity:.5}:host ::ng-deep .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}:host ::ng-deep .formula-preview.cdk-drop-list-dragging .formula-preview:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .p-inputgroupaddon:first-child .p-inputtext,::ng-deep .p-inputgroup>mt-text-field:first-child .p-inputtext{height:100%;width:100%;border-radius:0;border-start-start-radius:var(--p-inputgroup-addon-border-radius);border-end-start-radius:var(--p-inputgroup-addon-border-radius)}::ng-deep .p-inputgroupaddon:first-child,::ng-deep .p-inputgroup>p-autocomplete:first-child{width:100%}::ng-deep .p-inputgroupaddon:first-child>div,::ng-deep .p-inputgroup>p-autocomplete:first-child>div{width:100%;height:100%}::ng-deep .p-inputgroupaddon:first-child>div ul,::ng-deep .p-inputgroup>p-autocomplete:first-child>div ul{border-radius:0;border-start-start-radius:var(--p-inputgroup-addon-border-radius);border-end-start-radius:var(--p-inputgroup-addon-border-radius)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required"], outputs: ["onChange"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ChipModule }, { kind: "component", type: i2.Chip, selector: "p-chip", inputs: ["label", "icon", "image", "alt", "styleClass", "disabled", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }, { kind: "ngmodule", type: 
                 // TranslateModule,
                 DragDropModule }, { kind: "directive", type: i3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i4.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i5.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "icon", "iconPosition"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: FormulaBuilder, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: FormulaBuilder, decorators: [{
             type: Component,
             args: [{ selector: 'mt-formula-builder', standalone: true, imports: [
                         FormsModule,

package/fesm2022/masterteam-components-formula-builder.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-formula-builder.mjs","sources":["../../../../packages/masterteam/components/formula-builder/formula-builder.utils.ts","../../../../packages/masterteam/components/formula-builder/formula-builder.ts","../../../../packages/masterteam/components/formula-builder/formula-builder.html","../../../../packages/masterteam/components/formula-builder/masterteam-components-formula-builder.ts"],"sourcesContent":["export const types = {\n  function: {\n    bg: 'var(--p-green-50)',\n    border: 'var(--p-green-500)',\n  },\n  value: {\n    bg: 'var(--p-purple-100)',\n    border: 'var(--p-purple-500)',\n  },\n  field: {\n    bg: 'var(--p-orange-50)',\n    border: 'var(--p-orange-500)',\n  },\n  operator: {\n    bg: 'var(--p-primary-50)',\n    border: 'var(--p-primary-500)',\n  },\n};\n\nexport const operators = [\n  {\n    key: '+',\n    name: '+',\n    type: 'operator',\n  },\n  {\n    key: '-',\n    name: '-',\n    type: 'operator',\n  },\n  {\n    key: '*',\n    name: '×',\n    type: 'operator',\n  },\n  {\n    key: '/',\n    name: '÷',\n    type: 'operator',\n  },\n  // {\n  //   key: '==',\n  //   name: '=',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '!=',\n  //   name: '≠',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '<',\n  //   name: '<',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '<=',\n  //   name: '≤',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '>',\n  //   name: '>',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '>=',\n  //   name: '≥',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '||',\n  //   name: '||',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '&&',\n  //   name: '&&',\n  //   type: 'operator',\n  // },\n  {\n    key: '(',\n    name: '(',\n    type: 'operator',\n  },\n  {\n    key: ')',\n    name: ')',\n    type: 'operator',\n  },\n  {\n    key: ',',\n    name: ',',\n    type: 'operator',\n  },\n  {\n    key: ';',\n    name: ';',\n    type: 'operator',\n  },\n];\n","import {\n  booleanAttribute,\n  Component,\n  computed,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  FormsModule,\n  // NG_ASYNC_VALIDATORS,\n  // NG_VALUE_ACCESSOR,\n  ValidationErrors,\n} from '@angular/forms';\nimport {\n  CdkDragDrop,\n  DragDropModule,\n  moveItemInArray,\n} from '@angular/cdk/drag-drop';\nimport { Button } from '@masterteam/components/button';\nimport { InputTextModule } from 'primeng/inputtext';\nimport { ChipModule } from 'primeng/chip';\n// import { TranslateModule, TranslateService } from '@ngx-translate/core';\nimport { HttpClient } from '@angular/common/http';\nimport { catchError, EMPTY, map, Observable, of } from 'rxjs';\nimport { operators, types } from './formula-builder.utils';\nimport { SelectField } from '@masterteam/components/select-field';\nimport { InputGroupModule } from 'primeng/inputgroup';\nimport { InputGroupAddonModule } from 'primeng/inputgroupaddon';\nimport { TextField } from '@masterteam/components/text-field';\n\nexport interface FormulaBuilderProperty {\n  key: string;\n  name: string;\n  dataType: string;\n}\n\n@Component({\n  selector: 'mt-formula-builder',\n  standalone: true,\n  imports: [\n    FormsModule,\n    SelectField,\n    InputTextModule,\n    Button,\n    ChipModule,\n    // TranslateModule,\n    DragDropModule,\n    InputGroupModule,\n    InputGroupAddonModule,\n    TextField,\n  ],\n  // providers: [\n  //   {\n  //     provide: NG_VALUE_ACCESSOR,\n  //     multi: true,\n  //     useExisting: FormulaBuilder,\n  //   },\n  //   {\n  //     provide: NG_ASYNC_VALIDATORS,\n  //     multi: true,\n  //     useExisting: FormulaBuilder,\n  //   },\n  // ],\n  templateUrl: './formula-builder.html',\n  styleUrls: ['./formula-builder.scss'],\n})\nexport class FormulaBuilder implements ControlValueAccessor {\n  hideTitle = input<boolean, unknown>(false, { transform: booleanAttribute });\n  properties = input<FormulaBuilderProperty[]>([]);\n  // validationUrl = input<string>('app/checkformula');\n  validationUrl = input<string>();\n\n  httpClient: HttpClient = inject(HttpClient);\n  // translateService: TranslateService = inject(TranslateService);\n\n  // functions = computed(() => []);\n  protected readonly functions: any[] = [\n    {\n      // name: this.translateService.instant('formula-builder.count'),\n      name: 'formula-builder.count',\n      key: 'count',\n      hint: '',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.sum'),\n      name: 'formula-builder.sum',\n      key: 'sum',\n      hint: '',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.average'),\n      name: 'formula-builder.average',\n      key: 'average',\n      hint: '',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.count-value'),\n      name: 'formula-builder.count-value',\n      key: 'countvalue',\n      // hint: this.translateService.instant('formula-builder.count-value-hint'),\n      hint: 'formula-builder.count-value-hint',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.average-count'),\n      name: 'formula-builder.average-count',\n      key: 'averagecount',\n      // hint: this.translateService.instant('formula-builder.average-count-hint'),\n      hint: 'formula-builder.average-count-hint',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.mode'),\n      name: 'formula-builder.mode',\n      key: 'mode',\n      // hint: this.translateService.instant('formula-builder.mode-hint'),\n      hint: 'formula-builder.mode-hint',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.median'),\n      name: 'formula-builder.median',\n      key: 'median',\n      // hint: this.translateService.instant('formula-builder.median-hint'),\n      hint: 'formula-builder.median-hint',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.standard-deviation'),\n      name: 'formula-builder.standard-deviation',\n      key: 'stddev',\n      hint: '',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.min-max'),\n      name: 'formula-builder.min-max',\n      key: 'range',\n      // hint: this.translateService.instant('formula-builder.min-max-hint'),\n      hint: 'formula-builder.min-max-hint',\n    },\n  ];\n  selectedLookup = signal<any>(null);\n  formula = signal<any[]>([]);\n  disabled = signal<boolean>(false);\n  touched = signal<boolean>(false);\n  types = types;\n  operators = operators;\n\n  formulaText = computed<string>(() => {\n    return '';\n  });\n\n  onChange(_formula: string) {}\n\n  onTouched() {}\n\n  emitChange() {\n    const str = this.formula()\n      .map((x) => x.key)\n      .join(' ');\n    this.onChange(str);\n  }\n\n  onAdd(item: any) {\n    this.markAsTouched();\n    if (!this.disabled()) {\n      this.formula.update((formula) => [...formula, item]);\n      this.emitChange();\n    }\n  }\n\n  onRemove(index: number) {\n    this.markAsTouched();\n    if (!this.disabled()) {\n      this.formula.update((formula) => {\n        formula.splice(index, 1);\n        return formula;\n      });\n\n      this.emitChange();\n    }\n  }\n\n  onAddProperty(property: any, dropdown: SelectField) {\n    if (!property?.key) return;\n    this.onAdd({\n      key: property.key,\n      name: property.name,\n      type: 'field',\n      dataType: property?.dataType,\n    });\n    // TODO: fix input clearing\n    dropdown?.clearSelection();\n    this.selectedLookup.set(null);\n  }\n\n  onAddValue(el: TextField) {\n    this.onAdd({\n      key: el.value(),\n      name: el.value(),\n      type: 'value',\n    });\n    el.value.set('');\n  }\n\n  onAddFunction(func: any, dropdown: SelectField) {\n    if (!func?.key) return;\n    this.onAdd({\n      key: func.key,\n      name: func.name,\n      type: 'function',\n    });\n    dropdown?.clearSelection();\n  }\n\n  writeValue(formulaString: string): void {\n    if (formulaString) {\n      this.formula.set(this.parseStringToItems(formulaString));\n    }\n  }\n\n  registerOnChange(onChange: any) {\n    this.onChange = onChange;\n  }\n\n  registerOnTouched(onTouched: any) {\n    this.onTouched = onTouched;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled.set(isDisabled);\n  }\n\n  markAsTouched() {\n    if (!this.touched()) {\n      this.onTouched();\n      this.touched.set(true);\n    }\n  }\n\n  validate(control: AbstractControl): Observable<ValidationErrors | null> {\n    const formula = control.value;\n\n    if (this.validationUrl()) {\n      const res$ = this.httpClient.post<any>(this.validationUrl() as string, {\n        formula,\n      });\n      return res$.pipe(\n        map(({ data }) => {\n          return data ? null : { mustBeValidFormula: formula };\n        }),\n        catchError(() => {\n          return EMPTY;\n        }),\n      );\n    } else {\n      return of(null);\n    }\n  }\n\n  drop(event: CdkDragDrop<any[]>) {\n    this.formula.update((formula) => {\n      moveItemInArray(formula, event.previousIndex, event.currentIndex);\n      return formula;\n    });\n  }\n\n  parseStringToItems(strValue: string): any[] {\n    if (!strValue || !strValue.trim()) return [];\n\n    const tokens = strValue.split(/\\s+/);\n    const results: any[] = [];\n\n    tokens.forEach((token) => {\n      let found: any = this.operators.find((el) => el.key === token);\n\n      if (found) {\n        results.push(found);\n        return;\n      }\n\n      found = this.functions.find((el) => el.key === token);\n\n      if (found) {\n        results.push({\n          key: token,\n          name: found.name,\n          type: 'function',\n        });\n\n        return;\n      }\n\n      found = this.properties().find((el) => el.key === token);\n\n      if (found) {\n        results.push({\n          key: token,\n          name: found.name,\n          type: 'field',\n        });\n        return;\n      }\n\n      results.push({\n        key: token,\n        name: token,\n        type: 'value',\n      });\n    });\n\n    return results;\n  }\n}\n","<div class=\"@container w-full flex flex-col gap-2\">\n  @if (!hideTitle()) {\n    <h6 class=\"m-0\" translate>formula-builder.formula-builder</h6>\n  }\n  @if (!disabled()) {\n    <div class=\"grid grid-cols-6 gap-2\">\n      @if (properties()?.length) {\n        <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n          <mt-select-field\n            #propertyDropdown=\"\"\n            (onChange)=\"onAddProperty($event, propertyDropdown)\"\n            label=\"formula-builder.property\"\n            selectId=\"-1\"\n            placeholder=\"{{ 'formula-builder.select-property' }}\"\n            styleClass=\"w-full\"\n            [filter]=\"true\"\n            filterBy=\"name\"\n            [ngModel]=\"null\"\n            [options]=\"properties()\"\n            optionLabel=\"name\"\n            dataKey=\"key\"\n            appendTo=\"body\"\n          ></mt-select-field>\n        </div>\n      }\n      @if (functions?.length) {\n        <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n          <mt-select-field\n            #functionDropdown=\"\"\n            label=\"formula-builder.function\"\n            (onChange)=\"onAddFunction($event, functionDropdown)\"\n            selectId=\"-1\"\n            placeholder=\"{{ 'formula-builder.select-function' }}\"\n            styleClass=\"w-full\"\n            [filter]=\"true\"\n            filterBy=\"name\"\n            [ngModel]=\"null\"\n            [options]=\"functions\"\n            optionLabel=\"name\"\n            dataKey=\"key\"\n            appendTo=\"body\"\n          ></mt-select-field>\n        </div>\n      }\n      <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n        <label for=\"configuration\" translate>formula-builder.operators</label>\n        <div dir=\"ltr\" class=\"flex flex-wrap gap-1\">\n          @for (operator of operators; track operator) {\n            <mt-button\n              type=\"button\"\n              [outlined]=\"true\"\n              [label]=\"operator.name\"\n              (click)=\"onAdd(operator)\"\n            >\n            </mt-button>\n          }\n        </div>\n      </div>\n      <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n        <label for=\"configuration\" translate\n          >formula-builder.custom-value</label\n        >\n        <p-input-group>\n          <mt-text-field\n            #customInput\n            type=\"text\"\n            [field]=\"false\"\n            [placeholder]=\"'formula-builder.custom-value'\"\n            style=\"width: 100%\"\n          ></mt-text-field>\n          <p-inputgroup-addon>\n            <mt-button\n              class=\"\"\n              type=\"button\"\n              (click)=\"onAddValue(customInput)\"\n              [disabled]=\"disabled() || !customInput.value()\"\n              label=\"\"\n              icon=\"general.plus\"\n            ></mt-button>\n          </p-inputgroup-addon>\n        </p-input-group>\n      </div>\n    </div>\n  }\n  <div>\n    <label for=\"configuration\" translate>formula-builder.formula</label>\n    <div\n      dir=\"ltr\"\n      cdkDropList=\"\"\n      cdkDropListOrientation=\"mixed\"\n      [cdkDropListData]=\"formula()\"\n      (cdkDropListDropped)=\"drop($event)\"\n      [cdkDropListDisabled]=\"disabled()\"\n      class=\"flex flex-wrap gap-1 rounded-lg border-1 border-gray-500 bg-gray-50 p-2 formula-preview\"\n    >\n      @for (item of formula(); track item; let i = $index) {\n        <p-chip\n          [style]=\"{\n            background: types[item.type]?.bg ?? 'var(--p-gary-50)',\n            borderColor: types[item.type]?.border ?? 'var(--p-gary-500)',\n          }\"\n          styleClass=\"text-black-alpha-90 border-1 border-round cursor-grab\"\n          [label]=\"item.name\"\n          [removable]=\"!disabled()\"\n          (onRemove)=\"onRemove(i)\"\n          [cdkDragDisabled]=\"disabled()\"\n          cdkDrag=\"\"\n        ></p-chip>\n      }\n    </div>\n  </div>\n</div>\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-formula-builder.mjs","sources":["../../../../packages/masterteam/components/formula-builder/formula-builder.utils.ts","../../../../packages/masterteam/components/formula-builder/formula-builder.ts","../../../../packages/masterteam/components/formula-builder/formula-builder.html","../../../../packages/masterteam/components/formula-builder/masterteam-components-formula-builder.ts"],"sourcesContent":["export const types = {\n  function: {\n    bg: 'var(--p-green-50)',\n    border: 'var(--p-green-500)',\n  },\n  value: {\n    bg: 'var(--p-purple-100)',\n    border: 'var(--p-purple-500)',\n  },\n  field: {\n    bg: 'var(--p-orange-50)',\n    border: 'var(--p-orange-500)',\n  },\n  operator: {\n    bg: 'var(--p-primary-50)',\n    border: 'var(--p-primary-500)',\n  },\n};\n\nexport const operators = [\n  {\n    key: '+',\n    name: '+',\n    type: 'operator',\n  },\n  {\n    key: '-',\n    name: '-',\n    type: 'operator',\n  },\n  {\n    key: '*',\n    name: '×',\n    type: 'operator',\n  },\n  {\n    key: '/',\n    name: '÷',\n    type: 'operator',\n  },\n  // {\n  //   key: '==',\n  //   name: '=',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '!=',\n  //   name: '≠',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '<',\n  //   name: '<',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '<=',\n  //   name: '≤',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '>',\n  //   name: '>',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '>=',\n  //   name: '≥',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '||',\n  //   name: '||',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '&&',\n  //   name: '&&',\n  //   type: 'operator',\n  // },\n  {\n    key: '(',\n    name: '(',\n    type: 'operator',\n  },\n  {\n    key: ')',\n    name: ')',\n    type: 'operator',\n  },\n  {\n    key: ',',\n    name: ',',\n    type: 'operator',\n  },\n  {\n    key: ';',\n    name: ';',\n    type: 'operator',\n  },\n];\n","import {\n  booleanAttribute,\n  Component,\n  computed,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  FormsModule,\n  // NG_ASYNC_VALIDATORS,\n  // NG_VALUE_ACCESSOR,\n  ValidationErrors,\n} from '@angular/forms';\nimport {\n  CdkDragDrop,\n  DragDropModule,\n  moveItemInArray,\n} from '@angular/cdk/drag-drop';\nimport { Button } from '@masterteam/components/button';\nimport { InputTextModule } from 'primeng/inputtext';\nimport { ChipModule } from 'primeng/chip';\n// import { TranslateModule, TranslateService } from '@ngx-translate/core';\nimport { HttpClient } from '@angular/common/http';\nimport { catchError, EMPTY, map, Observable, of } from 'rxjs';\nimport { operators, types } from './formula-builder.utils';\nimport { SelectField } from '@masterteam/components/select-field';\nimport { InputGroupModule } from 'primeng/inputgroup';\nimport { InputGroupAddonModule } from 'primeng/inputgroupaddon';\nimport { TextField } from '@masterteam/components/text-field';\n\nexport interface FormulaBuilderProperty {\n  key: string;\n  name: string;\n  dataType: string;\n}\n\n@Component({\n  selector: 'mt-formula-builder',\n  standalone: true,\n  imports: [\n    FormsModule,\n    SelectField,\n    InputTextModule,\n    Button,\n    ChipModule,\n    // TranslateModule,\n    DragDropModule,\n    InputGroupModule,\n    InputGroupAddonModule,\n    TextField,\n  ],\n  // providers: [\n  //   {\n  //     provide: NG_VALUE_ACCESSOR,\n  //     multi: true,\n  //     useExisting: FormulaBuilder,\n  //   },\n  //   {\n  //     provide: NG_ASYNC_VALIDATORS,\n  //     multi: true,\n  //     useExisting: FormulaBuilder,\n  //   },\n  // ],\n  templateUrl: './formula-builder.html',\n  styleUrls: ['./formula-builder.scss'],\n})\nexport class FormulaBuilder implements ControlValueAccessor {\n  hideTitle = input<boolean, unknown>(false, { transform: booleanAttribute });\n  properties = input<FormulaBuilderProperty[]>([]);\n  // validationUrl = input<string>('app/checkformula');\n  validationUrl = input<string>();\n\n  httpClient: HttpClient = inject(HttpClient);\n  // translateService: TranslateService = inject(TranslateService);\n\n  // functions = computed(() => []);\n  protected readonly functions: any[] = [\n    {\n      // name: this.translateService.instant('formula-builder.count'),\n      name: 'formula-builder.count',\n      key: 'count',\n      hint: '',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.sum'),\n      name: 'formula-builder.sum',\n      key: 'sum',\n      hint: '',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.average'),\n      name: 'formula-builder.average',\n      key: 'average',\n      hint: '',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.count-value'),\n      name: 'formula-builder.count-value',\n      key: 'countvalue',\n      // hint: this.translateService.instant('formula-builder.count-value-hint'),\n      hint: 'formula-builder.count-value-hint',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.average-count'),\n      name: 'formula-builder.average-count',\n      key: 'averagecount',\n      // hint: this.translateService.instant('formula-builder.average-count-hint'),\n      hint: 'formula-builder.average-count-hint',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.mode'),\n      name: 'formula-builder.mode',\n      key: 'mode',\n      // hint: this.translateService.instant('formula-builder.mode-hint'),\n      hint: 'formula-builder.mode-hint',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.median'),\n      name: 'formula-builder.median',\n      key: 'median',\n      // hint: this.translateService.instant('formula-builder.median-hint'),\n      hint: 'formula-builder.median-hint',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.standard-deviation'),\n      name: 'formula-builder.standard-deviation',\n      key: 'stddev',\n      hint: '',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.min-max'),\n      name: 'formula-builder.min-max',\n      key: 'range',\n      // hint: this.translateService.instant('formula-builder.min-max-hint'),\n      hint: 'formula-builder.min-max-hint',\n    },\n  ];\n  selectedLookup = signal<any>(null);\n  formula = signal<any[]>([]);\n  disabled = signal<boolean>(false);\n  touched = signal<boolean>(false);\n  types = types;\n  operators = operators;\n\n  formulaText = computed<string>(() => {\n    return '';\n  });\n\n  onChange(_formula: string) {}\n\n  onTouched() {}\n\n  emitChange() {\n    const str = this.formula()\n      .map((x) => x.key)\n      .join(' ');\n    this.onChange(str);\n  }\n\n  onAdd(item: any) {\n    this.markAsTouched();\n    if (!this.disabled()) {\n      this.formula.update((formula) => [...formula, item]);\n      this.emitChange();\n    }\n  }\n\n  onRemove(index: number) {\n    this.markAsTouched();\n    if (!this.disabled()) {\n      this.formula.update((formula) => {\n        formula.splice(index, 1);\n        return formula;\n      });\n\n      this.emitChange();\n    }\n  }\n\n  onAddProperty(property: any, dropdown: SelectField) {\n    if (!property?.key) return;\n    this.onAdd({\n      key: property.key,\n      name: property.name,\n      type: 'field',\n      dataType: property?.dataType,\n    });\n    // TODO: fix input clearing\n    dropdown?.clearSelection();\n    this.selectedLookup.set(null);\n  }\n\n  onAddValue(el: TextField) {\n    this.onAdd({\n      key: el.value(),\n      name: el.value(),\n      type: 'value',\n    });\n    el.value.set('');\n  }\n\n  onAddFunction(func: any, dropdown: SelectField) {\n    if (!func?.key) return;\n    this.onAdd({\n      key: func.key,\n      name: func.name,\n      type: 'function',\n    });\n    dropdown?.clearSelection();\n  }\n\n  writeValue(formulaString: string): void {\n    if (formulaString) {\n      this.formula.set(this.parseStringToItems(formulaString));\n    }\n  }\n\n  registerOnChange(onChange: any) {\n    this.onChange = onChange;\n  }\n\n  registerOnTouched(onTouched: any) {\n    this.onTouched = onTouched;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled.set(isDisabled);\n  }\n\n  markAsTouched() {\n    if (!this.touched()) {\n      this.onTouched();\n      this.touched.set(true);\n    }\n  }\n\n  validate(control: AbstractControl): Observable<ValidationErrors | null> {\n    const formula = control.value;\n\n    if (this.validationUrl()) {\n      const res$ = this.httpClient.post<any>(this.validationUrl() as string, {\n        formula,\n      });\n      return res$.pipe(\n        map(({ data }) => {\n          return data ? null : { mustBeValidFormula: formula };\n        }),\n        catchError(() => {\n          return EMPTY;\n        }),\n      );\n    } else {\n      return of(null);\n    }\n  }\n\n  drop(event: CdkDragDrop<any[]>) {\n    this.formula.update((formula) => {\n      moveItemInArray(formula, event.previousIndex, event.currentIndex);\n      return formula;\n    });\n  }\n\n  parseStringToItems(strValue: string): any[] {\n    if (!strValue || !strValue.trim()) return [];\n\n    const tokens = strValue.split(/\\s+/);\n    const results: any[] = [];\n\n    tokens.forEach((token) => {\n      let found: any = this.operators.find((el) => el.key === token);\n\n      if (found) {\n        results.push(found);\n        return;\n      }\n\n      found = this.functions.find((el) => el.key === token);\n\n      if (found) {\n        results.push({\n          key: token,\n          name: found.name,\n          type: 'function',\n        });\n\n        return;\n      }\n\n      found = this.properties().find((el) => el.key === token);\n\n      if (found) {\n        results.push({\n          key: token,\n          name: found.name,\n          type: 'field',\n        });\n        return;\n      }\n\n      results.push({\n        key: token,\n        name: token,\n        type: 'value',\n      });\n    });\n\n    return results;\n  }\n}\n","<div class=\"@container w-full flex flex-col gap-2\">\n  @if (!hideTitle()) {\n    <h6 class=\"m-0\" translate>formula-builder.formula-builder</h6>\n  }\n  @if (!disabled()) {\n    <div class=\"grid grid-cols-6 gap-2\">\n      @if (properties()?.length) {\n        <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n          <mt-select-field\n            #propertyDropdown=\"\"\n            (onChange)=\"onAddProperty($event, propertyDropdown)\"\n            label=\"formula-builder.property\"\n            selectId=\"-1\"\n            placeholder=\"{{ 'formula-builder.select-property' }}\"\n            styleClass=\"w-full\"\n            [filter]=\"true\"\n            filterBy=\"name\"\n            [ngModel]=\"null\"\n            [options]=\"properties()\"\n            optionLabel=\"name\"\n            dataKey=\"key\"\n            appendTo=\"body\"\n          ></mt-select-field>\n        </div>\n      }\n      @if (functions?.length) {\n        <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n          <mt-select-field\n            #functionDropdown=\"\"\n            label=\"formula-builder.function\"\n            (onChange)=\"onAddFunction($event, functionDropdown)\"\n            selectId=\"-1\"\n            placeholder=\"{{ 'formula-builder.select-function' }}\"\n            styleClass=\"w-full\"\n            [filter]=\"true\"\n            filterBy=\"name\"\n            [ngModel]=\"null\"\n            [options]=\"functions\"\n            optionLabel=\"name\"\n            dataKey=\"key\"\n            appendTo=\"body\"\n          ></mt-select-field>\n        </div>\n      }\n      <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n        <label for=\"configuration\" translate>formula-builder.operators</label>\n        <div dir=\"ltr\" class=\"flex flex-wrap gap-1\">\n          @for (operator of operators; track operator) {\n            <mt-button\n              type=\"button\"\n              [outlined]=\"true\"\n              [label]=\"operator.name\"\n              (click)=\"onAdd(operator)\"\n            >\n            </mt-button>\n          }\n        </div>\n      </div>\n      <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n        <label for=\"configuration\" translate\n          >formula-builder.custom-value</label\n        >\n        <p-input-group>\n          <mt-text-field\n            #customInput\n            type=\"text\"\n            [field]=\"false\"\n            [placeholder]=\"'formula-builder.custom-value'\"\n            style=\"width: 100%\"\n          ></mt-text-field>\n          <p-inputgroup-addon>\n            <mt-button\n              class=\"\"\n              type=\"button\"\n              (click)=\"onAddValue(customInput)\"\n              [disabled]=\"disabled() || !customInput.value()\"\n              label=\"\"\n              icon=\"general.plus\"\n            ></mt-button>\n          </p-inputgroup-addon>\n        </p-input-group>\n      </div>\n    </div>\n  }\n  <div>\n    <label for=\"configuration\" translate>formula-builder.formula</label>\n    <div\n      dir=\"ltr\"\n      cdkDropList=\"\"\n      cdkDropListOrientation=\"mixed\"\n      [cdkDropListData]=\"formula()\"\n      (cdkDropListDropped)=\"drop($event)\"\n      [cdkDropListDisabled]=\"disabled()\"\n      class=\"flex flex-wrap gap-1 rounded-lg border-1 border-gray-500 bg-gray-50 p-2 formula-preview\"\n    >\n      @for (item of formula(); track item; let i = $index) {\n        <p-chip\n          [style]=\"{\n            background: types[item.type]?.bg ?? 'var(--p-gary-50)',\n            borderColor: types[item.type]?.border ?? 'var(--p-gary-500)',\n          }\"\n          styleClass=\"text-black-alpha-90 border-1 border-round cursor-grab\"\n          [label]=\"item.name\"\n          [removable]=\"!disabled()\"\n          (onRemove)=\"onRemove(i)\"\n          [cdkDragDisabled]=\"disabled()\"\n          cdkDrag=\"\"\n        ></p-chip>\n      }\n    </div>\n  </div>\n</div>\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-icon-field.mjs

@@ -9,10 +9,10 @@ import { FieldValidation } from '@masterteam/components/field-validation';
 import { isInvalid } from '@masterteam/components';
 
 class IconField {
-    label = input('', { ...(ngDevMode ? { debugName: "label" } : {}) });
-    required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}) });
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
     icons = mtIcons?.regular ?? [];
-    selectedIcon = signal(null, { ...(ngDevMode ? { debugName: "selectedIcon" } : {}) });
+    selectedIcon = signal(null, ...(ngDevMode ? [{ debugName: "selectedIcon" }] : []));
     requiredValidator = Validators.required;
     ngControl = inject(NgControl, { self: true });
     isInvalid = isInvalid;
@@ -45,10 +45,10 @@ class IconField {
     validate(c) {
         return c.errors;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: IconField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: IconField, isStandalone: true, selector: "mt-icon-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "grid gap-1" }, ngImport: i0, template: "@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  appendTo=\"body\"\n  (onBlur)=\"onTouched()\"\n  (ngModelChange)=\"onChangeIcon($event)\"\n  [ngModel]=\"selectedIcon()\"\n  [invalid]=\"isInvalid(ngControl?.control)\"\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<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n", styles: ["::ng-deep .icon-select-panel .p-select-list-container .p-select-list{display:grid;grid-template-columns:repeat(7,1fr);padding-inline:calc(var(--spacing) * 2);gap:.5rem}::ng-deep .icon-select-panel .p-select-list-container .p-select-list .p-select-option{padding:.25rem;border-radius:var(--p-select-option-border-radius);width:2.5rem;height:2.5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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: "component", type: Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: IconField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: IconField, isStandalone: true, selector: "mt-icon-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "grid gap-1" }, ngImport: i0, template: "@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  appendTo=\"body\"\n  (onBlur)=\"onTouched()\"\n  (ngModelChange)=\"onChangeIcon($event)\"\n  [ngModel]=\"selectedIcon()\"\n  [invalid]=\"isInvalid(ngControl?.control)\"\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<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n", styles: ["::ng-deep .icon-select-panel .p-select-list-container .p-select-list{display:grid;grid-template-columns:repeat(7,1fr);padding-inline:calc(var(--spacing) * 2);gap:.5rem}::ng-deep .icon-select-panel .p-select-list-container .p-select-list .p-select-option{padding:.25rem;border-radius:var(--p-select-option-border-radius);width:2.5rem;height:2.5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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: "component", type: Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: IconField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: IconField, decorators: [{
             type: Component,
             args: [{ selector: 'mt-icon-field', imports: [FormsModule, Select, Icon, FieldValidation], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'grid gap-1',

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

@@ -1 +1 @@
-{"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 {\n  Component,\n  signal,\n  inject,\n  input,\n  ChangeDetectionStrategy,\n  effect,\n} 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';\nimport { FieldValidation } from '@masterteam/components/field-validation';\nimport { isInvalid } from '@masterteam/components';\n\n@Component({\n  selector: 'mt-icon-field',\n  imports: [FormsModule, Select, Icon, FieldValidation],\n  templateUrl: './icon-field.html',\n  styleUrls: ['./icon-field.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'grid gap-1',\n  },\n})\nexport class IconField implements ControlValueAccessor {\n  readonly label = input<string>('');\n  readonly required = input<boolean>(false);\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  isInvalid = isInvalid;\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n    effect(() => {\n      if (this.ngControl.control && this.required()) {\n        this.ngControl.control.addValidators(Validators.required);\n        this.ngControl.control.updateValueAndValidity();\n      }\n    });\n  }\n\n  protected 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  appendTo=\"body\"\n  (onBlur)=\"onTouched()\"\n  (ngModelChange)=\"onChangeIcon($event)\"\n  [ngModel]=\"selectedIcon()\"\n  [invalid]=\"isInvalid(ngControl?.control)\"\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<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-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 {\n  Component,\n  signal,\n  inject,\n  input,\n  ChangeDetectionStrategy,\n  effect,\n} 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';\nimport { FieldValidation } from '@masterteam/components/field-validation';\nimport { isInvalid } from '@masterteam/components';\n\n@Component({\n  selector: 'mt-icon-field',\n  imports: [FormsModule, Select, Icon, FieldValidation],\n  templateUrl: './icon-field.html',\n  styleUrls: ['./icon-field.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'grid gap-1',\n  },\n})\nexport class IconField implements ControlValueAccessor {\n  readonly label = input<string>('');\n  readonly required = input<boolean>(false);\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  isInvalid = isInvalid;\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n    effect(() => {\n      if (this.ngControl.control && this.required()) {\n        this.ngControl.control.addValidators(Validators.required);\n        this.ngControl.control.updateValueAndValidity();\n      }\n    });\n  }\n\n  protected 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  appendTo=\"body\"\n  (onBlur)=\"onTouched()\"\n  (ngModelChange)=\"onChangeIcon($event)\"\n  [ngModel]=\"selectedIcon()\"\n  [invalid]=\"isInvalid(ngControl?.control)\"\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<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-list.mjs

@@ -5,20 +5,20 @@ import { CommonModule } from '@angular/common';
 
 class List {
     // Input for the data array to loop through
-    data = input([], { ...(ngDevMode ? { debugName: "data" } : {}) });
+    data = input([], ...(ngDevMode ? [{ debugName: "data" }] : []));
     separated = input(false, { ...(ngDevMode ? { debugName: "separated" } : {}), transform: booleanAttribute });
     // Content child to get the template from ng-content
-    itemTemplate = contentChild('item', { ...(ngDevMode ? { debugName: "itemTemplate" } : {}) });
+    itemTemplate = contentChild('item', ...(ngDevMode ? [{ debugName: "itemTemplate" }] : []));
     // Alternative input for template reference
-    template = input(null, { ...(ngDevMode ? { debugName: "template" } : {}) });
+    template = input(null, ...(ngDevMode ? [{ debugName: "template" }] : []));
     // Computed signal for effective template (prioritize template() input over content child)
     effectiveTemplate = computed(() => {
         return this.template() || this.itemTemplate() || null;
-    }, { ...(ngDevMode ? { debugName: "effectiveTemplate" } : {}) });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: List, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: List, isStandalone: true, selector: "mt-list", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, separated: { classPropertyName: "separated", publicName: "separated", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ["item"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"template-list\">\n  @if (effectiveTemplate()) {\n    @for (item of data(); track $index) {\n      <div\n        class=\"border-(--p-content-border-color)\"\n        [class.border-b]=\"!$last && separated()\"\n      >\n        <ng-container\n          [ngTemplateOutlet]=\"effectiveTemplate()\"\n          [ngTemplateOutletContext]=\"{\n            $implicit: item,\n            index: $index,\n            first: $first,\n            last: $last,\n            count: $count,\n          }\"\n        >\n        </ng-container>\n      </div>\n    }\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    }, ...(ngDevMode ? [{ debugName: "effectiveTemplate" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: List, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: List, isStandalone: true, selector: "mt-list", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, separated: { classPropertyName: "separated", publicName: "separated", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ["item"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"template-list\">\n  @if (effectiveTemplate()) {\n    @for (item of data(); track $index) {\n      <div\n        class=\"border-(--p-content-border-color)\"\n        [class.border-b]=\"!$last && separated()\"\n      >\n        <ng-container\n          [ngTemplateOutlet]=\"effectiveTemplate()\"\n          [ngTemplateOutletContext]=\"{\n            $implicit: item,\n            index: $index,\n            first: $first,\n            last: $last,\n            count: $count,\n          }\"\n        >\n        </ng-container>\n      </div>\n    }\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: List, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: List, decorators: [{
             type: Component,
             args: [{ selector: 'mt-list', standalone: true, imports: [CommonModule], template: "<div class=\"template-list\">\n  @if (effectiveTemplate()) {\n    @for (item of data(); track $index) {\n      <div\n        class=\"border-(--p-content-border-color)\"\n        [class.border-b]=\"!$last && separated()\"\n      >\n        <ng-container\n          [ngTemplateOutlet]=\"effectiveTemplate()\"\n          [ngTemplateOutletContext]=\"{\n            $implicit: item,\n            index: $index,\n            first: $first,\n            last: $last,\n            count: $count,\n          }\"\n        >\n        </ng-container>\n      </div>\n    }\n  }\n</div>\n" }]
         }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], separated: [{ type: i0.Input, args: [{ isSignal: true, alias: "separated", required: false }] }], itemTemplate: [{ type: i0.ContentChild, args: ['item', { isSignal: true }] }], template: [{ type: i0.Input, args: [{ isSignal: true, alias: "template", required: false }] }] } });

package/fesm2022/masterteam-components-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-list.mjs","sources":["../../../../packages/masterteam/components/list/list.ts","../../../../packages/masterteam/components/list/list.html","../../../../packages/masterteam/components/list/masterteam-components-list.ts"],"sourcesContent":["import {\n  Component,\n  input,\n  TemplateRef,\n  contentChild,\n  computed,\n  booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nexport interface ListItem {\n  [key: string]: any;\n}\n\n@Component({\n  selector: 'mt-list',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './list.html',\n})\nexport class List {\n  // Input for the data array to loop through\n  data = input<ListItem[]>([]);\n\n  separated = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  // Content child to get the template from ng-content\n  itemTemplate = contentChild<TemplateRef<any>>('item');\n  // Alternative input for template reference\n  template = input<TemplateRef<any> | null>(null);\n\n  // Computed signal for effective template (prioritize template() input over content child)\n  effectiveTemplate = computed(() => {\n    return this.template() || this.itemTemplate() || null;\n  });\n}\n","<div class=\"template-list\">\n  @if (effectiveTemplate()) {\n    @for (item of data(); track $index) {\n      <div\n        class=\"border-(--p-content-border-color)\"\n        [class.border-b]=\"!$last && separated()\"\n      >\n        <ng-container\n          [ngTemplateOutlet]=\"effectiveTemplate()\"\n          [ngTemplateOutletContext]=\"{\n            $implicit: item,\n            index: $index,\n            first: $first,\n            last: $last,\n            count: $count,\n          }\"\n        >\n        </ng-container>\n      </div>\n    }\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAoBa,IAAI,CAAA;;AAEf,IAAA,IAAI,GAAG,KAAK,CAAa,EAAE,kDAAC;IAE5B,SAAS,GAAG,KAAK,CAAmB,KAAK,sDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;;AAG3E,IAAA,YAAY,GAAG,YAAY,CAAmB,MAAM,0DAAC;;AAErD,IAAA,QAAQ,GAAG,KAAK,CAA0B,IAAI,sDAAC;;AAG/C,IAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAK;QAChC,OAAO,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI;AACvD,IAAA,CAAC,+DAAC;uGAdS,IAAI,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAJ,IAAI,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpBjB,gkBAsBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDLY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAGX,IAAI,EAAA,UAAA,EAAA,CAAA;kBANhB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAS,EAAA,UAAA,EACP,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,gkBAAA,EAAA;uQAUuB,MAAM,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AE3BtD;;AAEG;;;;"}
+{"version":3,"file":"masterteam-components-list.mjs","sources":["../../../../packages/masterteam/components/list/list.ts","../../../../packages/masterteam/components/list/list.html","../../../../packages/masterteam/components/list/masterteam-components-list.ts"],"sourcesContent":["import {\n  Component,\n  input,\n  TemplateRef,\n  contentChild,\n  computed,\n  booleanAttribute,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nexport interface ListItem {\n  [key: string]: any;\n}\n\n@Component({\n  selector: 'mt-list',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './list.html',\n})\nexport class List {\n  // Input for the data array to loop through\n  data = input<ListItem[]>([]);\n\n  separated = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  // Content child to get the template from ng-content\n  itemTemplate = contentChild<TemplateRef<any>>('item');\n  // Alternative input for template reference\n  template = input<TemplateRef<any> | null>(null);\n\n  // Computed signal for effective template (prioritize template() input over content child)\n  effectiveTemplate = computed(() => {\n    return this.template() || this.itemTemplate() || null;\n  });\n}\n","<div class=\"template-list\">\n  @if (effectiveTemplate()) {\n    @for (item of data(); track $index) {\n      <div\n        class=\"border-(--p-content-border-color)\"\n        [class.border-b]=\"!$last && separated()\"\n      >\n        <ng-container\n          [ngTemplateOutlet]=\"effectiveTemplate()\"\n          [ngTemplateOutletContext]=\"{\n            $implicit: item,\n            index: $index,\n            first: $first,\n            last: $last,\n            count: $count,\n          }\"\n        >\n        </ng-container>\n      </div>\n    }\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAoBa,IAAI,CAAA;;AAEf,IAAA,IAAI,GAAG,KAAK,CAAa,EAAE,gDAAC;IAE5B,SAAS,GAAG,KAAK,CAAmB,KAAK,sDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;;AAG3E,IAAA,YAAY,GAAG,YAAY,CAAmB,MAAM,wDAAC;;AAErD,IAAA,QAAQ,GAAG,KAAK,CAA0B,IAAI,oDAAC;;AAG/C,IAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAK;QAChC,OAAO,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI;AACvD,IAAA,CAAC,6DAAC;uGAdS,IAAI,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAJ,IAAI,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpBjB,gkBAsBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDLY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAGX,IAAI,EAAA,UAAA,EAAA,CAAA;kBANhB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAS,EAAA,UAAA,EACP,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,gkBAAA,EAAA;uQAUuB,MAAM,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AE3BtD;;AAEG;;;;"}

package/fesm2022/masterteam-components-menu.mjs

@@ -12,20 +12,20 @@ class Menu {
     endTemplate = contentChild('end', { ...(ngDevMode ? { debugName: "endTemplate" } : {}), read: TemplateRef });
     headerTemplate = contentChild('header', { ...(ngDevMode ? { debugName: "headerTemplate" } : {}), read: TemplateRef });
     submenuHeaderTemplate = contentChild('submenuheader', { ...(ngDevMode ? { debugName: "submenuHeaderTemplate" } : {}), read: TemplateRef });
-    model = input([], { ...(ngDevMode ? { debugName: "model" } : {}) });
+    model = input([], ...(ngDevMode ? [{ debugName: "model" }] : []));
     popup = input(true, { ...(ngDevMode ? { debugName: "popup" } : {}), transform: booleanAttribute });
-    appendTo = input('body', { ...(ngDevMode ? { debugName: "appendTo" } : {}) });
-    style = input(undefined, { ...(ngDevMode ? { debugName: "style" } : {}) });
-    styleClass = input(undefined, { ...(ngDevMode ? { debugName: "styleClass" } : {}) });
+    appendTo = input('body', ...(ngDevMode ? [{ debugName: "appendTo" }] : []));
+    style = input(...(ngDevMode ? [undefined, { debugName: "style" }] : []));
+    styleClass = input(...(ngDevMode ? [undefined, { debugName: "styleClass" }] : []));
     autoZIndex = input(true, { ...(ngDevMode ? { debugName: "autoZIndex" } : {}), transform: booleanAttribute });
-    baseZIndex = input(0, { ...(ngDevMode ? { debugName: "baseZIndex" } : {}) });
-    showTransitionOptions = input('0.12s cubic-bezier(0, 0, 0.2, 1)', { ...(ngDevMode ? { debugName: "showTransitionOptions" } : {}) });
-    hideTransitionOptions = input('0.1s linear', { ...(ngDevMode ? { debugName: "hideTransitionOptions" } : {}) });
-    ariaLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabel" } : {}) });
-    ariaLabelledBy = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabelledBy" } : {}) });
-    id = input(undefined, { ...(ngDevMode ? { debugName: "id" } : {}) });
-    tabindex = input(0, { ...(ngDevMode ? { debugName: "tabindex" } : {}) });
-    activeItemId = model(undefined, { ...(ngDevMode ? { debugName: "activeItemId" } : {}) });
+    baseZIndex = input(0, ...(ngDevMode ? [{ debugName: "baseZIndex" }] : []));
+    showTransitionOptions = input('0.12s cubic-bezier(0, 0, 0.2, 1)', ...(ngDevMode ? [{ debugName: "showTransitionOptions" }] : []));
+    hideTransitionOptions = input('0.1s linear', ...(ngDevMode ? [{ debugName: "hideTransitionOptions" }] : []));
+    ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : []));
+    ariaLabelledBy = input(...(ngDevMode ? [undefined, { debugName: "ariaLabelledBy" }] : []));
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    tabindex = input(0, ...(ngDevMode ? [{ debugName: "tabindex" }] : []));
+    activeItemId = model(...(ngDevMode ? [undefined, { debugName: "activeItemId" }] : []));
     onShow = output();
     onHide = output();
     onBlur = output();
@@ -33,7 +33,7 @@ class Menu {
     onItemSelect = output();
     transformedModel = computed(() => {
         return this.model().map((item) => this.transformMenuItem(item, this.activeItemId()));
-    }, { ...(ngDevMode ? { debugName: "transformedModel" } : {}) });
+    }, ...(ngDevMode ? [{ debugName: "transformedModel" }] : []));
     toggle(event) {
         this.menuRef().toggle(event);
     }
@@ -99,10 +99,10 @@ class Menu {
         }
         this.onItemSelect.emit(item);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Menu, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: Menu, isStandalone: true, selector: "mt-menu", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: false, transformFunction: null }, popup: { classPropertyName: "popup", publicName: "popup", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, autoZIndex: { classPropertyName: "autoZIndex", publicName: "autoZIndex", isSignal: true, isRequired: false, transformFunction: null }, baseZIndex: { classPropertyName: "baseZIndex", publicName: "baseZIndex", isSignal: true, isRequired: false, transformFunction: null }, showTransitionOptions: { classPropertyName: "showTransitionOptions", publicName: "showTransitionOptions", isSignal: true, isRequired: false, transformFunction: null }, hideTransitionOptions: { classPropertyName: "hideTransitionOptions", publicName: "hideTransitionOptions", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, activeItemId: { classPropertyName: "activeItemId", publicName: "activeItemId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeItemId: "activeItemIdChange", onShow: "onShow", onHide: "onHide", onBlur: "onBlur", onFocus: "onFocus", onItemSelect: "onItemSelect" }, queries: [{ propertyName: "startTemplate", first: true, predicate: ["start"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "endTemplate", first: true, predicate: ["end"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "submenuHeaderTemplate", first: true, predicate: ["submenuheader"], descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "menuRef", first: true, predicate: ["menu"], descendants: true, read: Menu$1, isSignal: true }], ngImport: i0, template: "<p-menu\n  #menu\n  [model]=\"transformedModel()\"\n  [popup]=\"popup()\"\n  [appendTo]=\"appendTo()\"\n  [style]=\"style()\"\n  [styleClass]=\"styleClass()\"\n  [autoZIndex]=\"autoZIndex()\"\n  [baseZIndex]=\"baseZIndex()\"\n  [showTransitionOptions]=\"showTransitionOptions()\"\n  [hideTransitionOptions]=\"hideTransitionOptions()\"\n  [ariaLabel]=\"ariaLabel()\"\n  [ariaLabelledBy]=\"ariaLabelledBy()\"\n  [id]=\"id()\"\n  [tabindex]=\"tabindex()\"\n  (onShow)=\"onShow.emit($event)\"\n  (onHide)=\"onHide.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n>\n  @if (startTemplate()) {\n    <ng-template pTemplate=\"start\">\n      <ng-container *ngTemplateOutlet=\"startTemplate()!\" />\n    </ng-template>\n  }\n\n  @if (endTemplate()) {\n    <ng-template pTemplate=\"end\">\n      <ng-container *ngTemplateOutlet=\"endTemplate()!\" />\n    </ng-template>\n  }\n\n  @if (headerTemplate()) {\n    <ng-template pTemplate=\"header\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate()!\" />\n    </ng-template>\n  }\n\n  @if (submenuHeaderTemplate()) {\n    <ng-template pTemplate=\"submenuheader\" let-item>\n      <ng-container\n        *ngTemplateOutlet=\"\n          submenuHeaderTemplate()!;\n          context: { $implicit: item }\n        \"\n      />\n    </ng-template>\n  }\n\n  <ng-template pTemplate=\"item\" let-item>\n    <div\n      class=\"flex gap-2 align-middle p-2 cursor-pointer rounded transition-colors\"\n      [class]=\"item.computedClass\"\n    >\n      @if (getItemIcon(item)) {\n        <mt-icon\n          [icon]=\"getItemIcon(item)!\"\n          class=\"p-menu-item-icon\"\n          [style.color]=\"'inherit'\"\n        />\n      }\n      @if (item.label) {\n        <span class=\"p-menu-item-label\">{{ item.label }}</span>\n      }\n      @if (item.badge) {\n        <span class=\"p-menu-item-badge\">{{ item.badge }}</span>\n      }\n    </div>\n  </ng-template>\n</p-menu>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "component", type: Menu$1, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex", "appendTo", "motionOptions"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Menu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Menu, isStandalone: true, selector: "mt-menu", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: false, transformFunction: null }, popup: { classPropertyName: "popup", publicName: "popup", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, autoZIndex: { classPropertyName: "autoZIndex", publicName: "autoZIndex", isSignal: true, isRequired: false, transformFunction: null }, baseZIndex: { classPropertyName: "baseZIndex", publicName: "baseZIndex", isSignal: true, isRequired: false, transformFunction: null }, showTransitionOptions: { classPropertyName: "showTransitionOptions", publicName: "showTransitionOptions", isSignal: true, isRequired: false, transformFunction: null }, hideTransitionOptions: { classPropertyName: "hideTransitionOptions", publicName: "hideTransitionOptions", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, activeItemId: { classPropertyName: "activeItemId", publicName: "activeItemId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeItemId: "activeItemIdChange", onShow: "onShow", onHide: "onHide", onBlur: "onBlur", onFocus: "onFocus", onItemSelect: "onItemSelect" }, queries: [{ propertyName: "startTemplate", first: true, predicate: ["start"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "endTemplate", first: true, predicate: ["end"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "submenuHeaderTemplate", first: true, predicate: ["submenuheader"], descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "menuRef", first: true, predicate: ["menu"], descendants: true, read: Menu$1, isSignal: true }], ngImport: i0, template: "<p-menu\n  #menu\n  [model]=\"transformedModel()\"\n  [popup]=\"popup()\"\n  [appendTo]=\"appendTo()\"\n  [style]=\"style()\"\n  [styleClass]=\"styleClass()\"\n  [autoZIndex]=\"autoZIndex()\"\n  [baseZIndex]=\"baseZIndex()\"\n  [showTransitionOptions]=\"showTransitionOptions()\"\n  [hideTransitionOptions]=\"hideTransitionOptions()\"\n  [ariaLabel]=\"ariaLabel()\"\n  [ariaLabelledBy]=\"ariaLabelledBy()\"\n  [id]=\"id()\"\n  [tabindex]=\"tabindex()\"\n  (onShow)=\"onShow.emit($event)\"\n  (onHide)=\"onHide.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n>\n  @if (startTemplate()) {\n    <ng-template pTemplate=\"start\">\n      <ng-container *ngTemplateOutlet=\"startTemplate()!\" />\n    </ng-template>\n  }\n\n  @if (endTemplate()) {\n    <ng-template pTemplate=\"end\">\n      <ng-container *ngTemplateOutlet=\"endTemplate()!\" />\n    </ng-template>\n  }\n\n  @if (headerTemplate()) {\n    <ng-template pTemplate=\"header\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate()!\" />\n    </ng-template>\n  }\n\n  @if (submenuHeaderTemplate()) {\n    <ng-template pTemplate=\"submenuheader\" let-item>\n      <ng-container\n        *ngTemplateOutlet=\"\n          submenuHeaderTemplate()!;\n          context: { $implicit: item }\n        \"\n      />\n    </ng-template>\n  }\n\n  <ng-template pTemplate=\"item\" let-item>\n    <div\n      class=\"flex gap-2 align-middle p-2 cursor-pointer rounded transition-colors\"\n      [class]=\"item.computedClass\"\n    >\n      @if (getItemIcon(item)) {\n        <mt-icon\n          [icon]=\"getItemIcon(item)!\"\n          class=\"p-menu-item-icon\"\n          [style.color]=\"'inherit'\"\n        />\n      }\n      @if (item.label) {\n        <span class=\"p-menu-item-label\">{{ item.label }}</span>\n      }\n      @if (item.badge) {\n        <span class=\"p-menu-item-badge\">{{ item.badge }}</span>\n      }\n    </div>\n  </ng-template>\n</p-menu>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "component", type: Menu$1, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex", "appendTo", "motionOptions"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Menu, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Menu, decorators: [{
             type: Component,
             args: [{ selector: 'mt-menu', standalone: true, imports: [Menu$1, Icon, SharedModule, NgTemplateOutlet], template: "<p-menu\n  #menu\n  [model]=\"transformedModel()\"\n  [popup]=\"popup()\"\n  [appendTo]=\"appendTo()\"\n  [style]=\"style()\"\n  [styleClass]=\"styleClass()\"\n  [autoZIndex]=\"autoZIndex()\"\n  [baseZIndex]=\"baseZIndex()\"\n  [showTransitionOptions]=\"showTransitionOptions()\"\n  [hideTransitionOptions]=\"hideTransitionOptions()\"\n  [ariaLabel]=\"ariaLabel()\"\n  [ariaLabelledBy]=\"ariaLabelledBy()\"\n  [id]=\"id()\"\n  [tabindex]=\"tabindex()\"\n  (onShow)=\"onShow.emit($event)\"\n  (onHide)=\"onHide.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n>\n  @if (startTemplate()) {\n    <ng-template pTemplate=\"start\">\n      <ng-container *ngTemplateOutlet=\"startTemplate()!\" />\n    </ng-template>\n  }\n\n  @if (endTemplate()) {\n    <ng-template pTemplate=\"end\">\n      <ng-container *ngTemplateOutlet=\"endTemplate()!\" />\n    </ng-template>\n  }\n\n  @if (headerTemplate()) {\n    <ng-template pTemplate=\"header\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate()!\" />\n    </ng-template>\n  }\n\n  @if (submenuHeaderTemplate()) {\n    <ng-template pTemplate=\"submenuheader\" let-item>\n      <ng-container\n        *ngTemplateOutlet=\"\n          submenuHeaderTemplate()!;\n          context: { $implicit: item }\n        \"\n      />\n    </ng-template>\n  }\n\n  <ng-template pTemplate=\"item\" let-item>\n    <div\n      class=\"flex gap-2 align-middle p-2 cursor-pointer rounded transition-colors\"\n      [class]=\"item.computedClass\"\n    >\n      @if (getItemIcon(item)) {\n        <mt-icon\n          [icon]=\"getItemIcon(item)!\"\n          class=\"p-menu-item-icon\"\n          [style.color]=\"'inherit'\"\n        />\n      }\n      @if (item.label) {\n        <span class=\"p-menu-item-label\">{{ item.label }}</span>\n      }\n      @if (item.badge) {\n        <span class=\"p-menu-item-badge\">{{ item.badge }}</span>\n      }\n    </div>\n  </ng-template>\n</p-menu>\n", styles: [":host{display:contents}\n"] }]
         }], propDecorators: { menuRef: [{ type: i0.ViewChild, args: ['menu', { ...{ read: Menu$1 }, isSignal: true }] }], startTemplate: [{ type: i0.ContentChild, args: ['start', { ...{ read: TemplateRef }, isSignal: true }] }], endTemplate: [{ type: i0.ContentChild, args: ['end', { ...{ read: TemplateRef }, isSignal: true }] }], headerTemplate: [{ type: i0.ContentChild, args: ['header', { ...{ read: TemplateRef }, isSignal: true }] }], submenuHeaderTemplate: [{ type: i0.ContentChild, args: ['submenuheader', { ...{

package/fesm2022/masterteam-components-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-menu.mjs","sources":["../../../../packages/masterteam/components/menu/menu.ts","../../../../packages/masterteam/components/menu/menu.html","../../../../packages/masterteam/components/menu/masterteam-components-menu.ts"],"sourcesContent":["import {\n  Component,\n  input,\n  output,\n  booleanAttribute,\n  computed,\n  viewChild,\n  contentChild,\n  TemplateRef,\n  model,\n} from '@angular/core';\nimport { Menu as PrimeMenu } from 'primeng/menu';\nimport { MenuItem, SharedModule } from 'primeng/api';\nimport { Icon, MTIcon } from '@masterteam/icons';\nimport { ButtonSeverity } from 'primeng/button';\nimport { NgTemplateOutlet } from '@angular/common';\n\nexport interface MTMenuItem extends Omit<MenuItem, 'icon'> {\n  icon?: MTIcon;\n  severity?: ButtonSeverity | 'danger';\n  styleClass?: string;\n  id?: string | number;\n}\n\n@Component({\n  selector: 'mt-menu',\n  standalone: true,\n  imports: [PrimeMenu, Icon, SharedModule, NgTemplateOutlet],\n  templateUrl: './menu.html',\n  styleUrls: ['./menu.scss'],\n})\nexport class Menu {\n  menuRef = viewChild.required('menu', { read: PrimeMenu });\n\n  readonly startTemplate = contentChild('start', { read: TemplateRef });\n  readonly endTemplate = contentChild('end', { read: TemplateRef });\n  readonly headerTemplate = contentChild('header', { read: TemplateRef });\n  readonly submenuHeaderTemplate = contentChild('submenuheader', {\n    read: TemplateRef,\n  });\n\n  readonly model = input<MTMenuItem[]>([]);\n  readonly popup = input<boolean, unknown>(true, {\n    transform: booleanAttribute,\n  });\n  readonly appendTo = input<any>('body');\n  readonly style = input<Record<string, any> | null>();\n  readonly styleClass = input<string>();\n  readonly autoZIndex = input<boolean, unknown>(true, {\n    transform: booleanAttribute,\n  });\n  readonly baseZIndex = input<number>(0);\n  readonly showTransitionOptions = input<string>(\n    '0.12s cubic-bezier(0, 0, 0.2, 1)',\n  );\n  readonly hideTransitionOptions = input<string>('0.1s linear');\n  readonly ariaLabel = input<string>();\n  readonly ariaLabelledBy = input<string>();\n  readonly id = input<string>();\n  readonly tabindex = input<number>(0);\n\n  readonly activeItemId = model<string | number | undefined>();\n\n  readonly onShow = output<any>();\n  readonly onHide = output<any>();\n  readonly onBlur = output<Event>();\n  readonly onFocus = output<Event>();\n  readonly onItemSelect = output<MTMenuItem>();\n\n  transformedModel = computed(() => {\n    return this.model().map((item) =>\n      this.transformMenuItem(item, this.activeItemId()),\n    );\n  });\n\n  toggle(event: Event): void {\n    this.menuRef().toggle(event);\n  }\n\n  show(event: Event): void {\n    this.menuRef().show(event);\n  }\n\n  hide(): void {\n    this.menuRef().hide();\n  }\n\n  protected getItemIcon(item: any): MTIcon | undefined {\n    return item?.mtIcon;\n  }\n\n  private transformMenuItem(item: MTMenuItem, activeId?: string | number): any {\n    const transformed: any = { ...item };\n\n    if (item.icon) {\n      transformed.mtIcon = item.icon;\n      delete transformed.icon;\n    }\n\n    const classes: string[] = [];\n    const isActive = activeId && item.id && item.id === activeId;\n\n    if (isActive) {\n      classes.push(\n        'bg-primary-50',\n        'text-primary-700',\n        'dark:bg-primary-900/20',\n        'dark:text-primary-300',\n      );\n    } else if (item.severity) {\n      const severityClass = this.getSeverityClass(item.severity);\n      if (severityClass) {\n        classes.push(severityClass);\n      }\n    }\n\n    if (item.styleClass) {\n      classes.push(item.styleClass);\n    }\n\n    transformed.computedClass = classes.join(' ');\n\n    if (item['items']) {\n      transformed['items'] = item['items'].map((subItem: any) =>\n        this.transformMenuItem(subItem as MTMenuItem, activeId),\n      );\n    }\n\n    const originalCommand = transformed.command;\n    transformed.command = (event: any) => {\n      if (item.id) {\n        this.handleItemSelect(item);\n      }\n\n      if (originalCommand) {\n        originalCommand(event);\n      }\n    };\n\n    return transformed;\n  }\n\n  private getSeverityClass(severity: string): string {\n    const severityMap: Record<string, string> = {\n      danger: 'text-red-600 hover:bg-red-50 hover:text-red-700',\n      warn: 'text-yellow-600 hover:bg-yellow-50 hover:text-yellow-700',\n      success: 'text-green-600 hover:bg-green-50 hover:text-green-700',\n      info: 'text-blue-600 hover:bg-blue-50 hover:text-blue-700',\n      help: 'text-purple-600 hover:bg-purple-50 hover:text-purple-700',\n      secondary: 'text-gray-600 hover:bg-gray-50 hover:text-gray-700',\n      contrast: 'text-gray-900 hover:bg-gray-100',\n    };\n\n    return severityMap[severity] || '';\n  }\n\n  private handleItemSelect(item: MTMenuItem): void {\n    if (item.id) {\n      this.activeItemId.set(item.id);\n    }\n    this.onItemSelect.emit(item);\n  }\n}\n","<p-menu\n  #menu\n  [model]=\"transformedModel()\"\n  [popup]=\"popup()\"\n  [appendTo]=\"appendTo()\"\n  [style]=\"style()\"\n  [styleClass]=\"styleClass()\"\n  [autoZIndex]=\"autoZIndex()\"\n  [baseZIndex]=\"baseZIndex()\"\n  [showTransitionOptions]=\"showTransitionOptions()\"\n  [hideTransitionOptions]=\"hideTransitionOptions()\"\n  [ariaLabel]=\"ariaLabel()\"\n  [ariaLabelledBy]=\"ariaLabelledBy()\"\n  [id]=\"id()\"\n  [tabindex]=\"tabindex()\"\n  (onShow)=\"onShow.emit($event)\"\n  (onHide)=\"onHide.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n>\n  @if (startTemplate()) {\n    <ng-template pTemplate=\"start\">\n      <ng-container *ngTemplateOutlet=\"startTemplate()!\" />\n    </ng-template>\n  }\n\n  @if (endTemplate()) {\n    <ng-template pTemplate=\"end\">\n      <ng-container *ngTemplateOutlet=\"endTemplate()!\" />\n    </ng-template>\n  }\n\n  @if (headerTemplate()) {\n    <ng-template pTemplate=\"header\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate()!\" />\n    </ng-template>\n  }\n\n  @if (submenuHeaderTemplate()) {\n    <ng-template pTemplate=\"submenuheader\" let-item>\n      <ng-container\n        *ngTemplateOutlet=\"\n          submenuHeaderTemplate()!;\n          context: { $implicit: item }\n        \"\n      />\n    </ng-template>\n  }\n\n  <ng-template pTemplate=\"item\" let-item>\n    <div\n      class=\"flex gap-2 align-middle p-2 cursor-pointer rounded transition-colors\"\n      [class]=\"item.computedClass\"\n    >\n      @if (getItemIcon(item)) {\n        <mt-icon\n          [icon]=\"getItemIcon(item)!\"\n          class=\"p-menu-item-icon\"\n          [style.color]=\"'inherit'\"\n        />\n      }\n      @if (item.label) {\n        <span class=\"p-menu-item-label\">{{ item.label }}</span>\n      }\n      @if (item.badge) {\n        <span class=\"p-menu-item-badge\">{{ item.badge }}</span>\n      }\n    </div>\n  </ng-template>\n</p-menu>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["PrimeMenu"],"mappings":";;;;;;;;MA+Ba,IAAI,CAAA;AACf,IAAA,OAAO,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,IAAI,EAAEA,MAAS,EAAE,CAAC;IAEhD,aAAa,GAAG,YAAY,CAAC,OAAO,0DAAI,IAAI,EAAE,WAAW,EAAA,CAAG;IAC5D,WAAW,GAAG,YAAY,CAAC,KAAK,wDAAI,IAAI,EAAE,WAAW,EAAA,CAAG;IACxD,cAAc,GAAG,YAAY,CAAC,QAAQ,2DAAI,IAAI,EAAE,WAAW,EAAA,CAAG;IAC9D,qBAAqB,GAAG,YAAY,CAAC,eAAe,kEAC3D,IAAI,EAAE,WAAW,EAAA,CACjB;AAEO,IAAA,KAAK,GAAG,KAAK,CAAe,EAAE,mDAAC;IAC/B,KAAK,GAAG,KAAK,CAAmB,IAAI,kDAC3C,SAAS,EAAE,gBAAgB,EAAA,CAC3B;AACO,IAAA,QAAQ,GAAG,KAAK,CAAM,MAAM,sDAAC;IAC7B,KAAK,GAAG,KAAK,CAAA,SAAA,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,OAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAA8B;IAC3C,UAAU,GAAG,KAAK,CAAA,SAAA,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,YAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAU;IAC5B,UAAU,GAAG,KAAK,CAAmB,IAAI,uDAChD,SAAS,EAAE,gBAAgB,EAAA,CAC3B;AACO,IAAA,UAAU,GAAG,KAAK,CAAS,CAAC,wDAAC;AAC7B,IAAA,qBAAqB,GAAG,KAAK,CACpC,kCAAkC,mEACnC;AACQ,IAAA,qBAAqB,GAAG,KAAK,CAAS,aAAa,mEAAC;IACpD,SAAS,GAAG,KAAK,CAAA,SAAA,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,WAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAU;IAC3B,cAAc,GAAG,KAAK,CAAA,SAAA,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAU;IAChC,EAAE,GAAG,KAAK,CAAA,SAAA,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,IAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAU;AACpB,IAAA,QAAQ,GAAG,KAAK,CAAS,CAAC,sDAAC;IAE3B,YAAY,GAAG,KAAK,CAAA,SAAA,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,cAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAA+B;IAEnD,MAAM,GAAG,MAAM,EAAO;IACtB,MAAM,GAAG,MAAM,EAAO;IACtB,MAAM,GAAG,MAAM,EAAS;IACxB,OAAO,GAAG,MAAM,EAAS;IACzB,YAAY,GAAG,MAAM,EAAc;AAE5C,IAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAK;QAC/B,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,KAC3B,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAClD;AACH,IAAA,CAAC,8DAAC;AAEF,IAAA,MAAM,CAAC,KAAY,EAAA;QACjB,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;IAC9B;AAEA,IAAA,IAAI,CAAC,KAAY,EAAA;QACf,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;IAC5B;IAEA,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE;IACvB;AAEU,IAAA,WAAW,CAAC,IAAS,EAAA;QAC7B,OAAO,IAAI,EAAE,MAAM;IACrB;IAEQ,iBAAiB,CAAC,IAAgB,EAAE,QAA0B,EAAA;AACpE,QAAA,MAAM,WAAW,GAAQ,EAAE,GAAG,IAAI,EAAE;AAEpC,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACb,YAAA,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI;YAC9B,OAAO,WAAW,CAAC,IAAI;QACzB;QAEA,MAAM,OAAO,GAAa,EAAE;AAC5B,QAAA,MAAM,QAAQ,GAAG,QAAQ,IAAI,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,EAAE,KAAK,QAAQ;QAE5D,IAAI,QAAQ,EAAE;YACZ,OAAO,CAAC,IAAI,CACV,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,uBAAuB,CACxB;QACH;AAAO,aAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACxB,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC1D,IAAI,aAAa,EAAE;AACjB,gBAAA,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC;YAC7B;QACF;AAEA,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;QAC/B;QAEA,WAAW,CAAC,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAE7C,QAAA,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE;YACjB,WAAW,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,OAAY,KACpD,IAAI,CAAC,iBAAiB,CAAC,OAAqB,EAAE,QAAQ,CAAC,CACxD;QACH;AAEA,QAAA,MAAM,eAAe,GAAG,WAAW,CAAC,OAAO;AAC3C,QAAA,WAAW,CAAC,OAAO,GAAG,CAAC,KAAU,KAAI;AACnC,YAAA,IAAI,IAAI,CAAC,EAAE,EAAE;AACX,gBAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;YAC7B;YAEA,IAAI,eAAe,EAAE;gBACnB,eAAe,CAAC,KAAK,CAAC;YACxB;AACF,QAAA,CAAC;AAED,QAAA,OAAO,WAAW;IACpB;AAEQ,IAAA,gBAAgB,CAAC,QAAgB,EAAA;AACvC,QAAA,MAAM,WAAW,GAA2B;AAC1C,YAAA,MAAM,EAAE,iDAAiD;AACzD,YAAA,IAAI,EAAE,0DAA0D;AAChE,YAAA,OAAO,EAAE,uDAAuD;AAChE,YAAA,IAAI,EAAE,oDAAoD;AAC1D,YAAA,IAAI,EAAE,0DAA0D;AAChE,YAAA,SAAS,EAAE,oDAAoD;AAC/D,YAAA,QAAQ,EAAE,iCAAiC;SAC5C;AAED,QAAA,OAAO,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE;IACpC;AAEQ,IAAA,gBAAgB,CAAC,IAAgB,EAAA;AACvC,QAAA,IAAI,IAAI,CAAC,EAAE,EAAE;YACX,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;QAChC;AACA,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;IAC9B;uGAlIW,IAAI,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAJ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAI,ypEAGwC,WAAW,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,KAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EACf,WAAW,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,QAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EACL,WAAW,iIAE5D,WAAW,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAN0BA,MAAS,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChCxD,u6DAsEA,mFD3CYA,MAAS,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,QAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,IAAI,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,sIAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAI9C,IAAI,EAAA,UAAA,EAAA,CAAA;kBAPhB,SAAS;+BACE,SAAS,EAAA,UAAA,EACP,IAAI,EAAA,OAAA,EACP,CAACA,MAAS,EAAE,IAAI,EAAE,YAAY,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,u6DAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;AAK7B,SAAA,CAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CAAA,MAAM,EAAA,EAAA,GAAE,EAAE,IAAI,EAAEA,MAAS,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAElB,OAAO,EAAA,EAAA,GAAE,EAAE,IAAI,EAAE,WAAW,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAChC,KAAK,EAAA,EAAA,GAAE,EAAE,IAAI,EAAE,WAAW,EAAE,yEACzB,QAAQ,EAAA,EAAA,GAAE,EAAE,IAAI,EAAE,WAAW,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,qBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CACxB,eAAe,EAAA,EAAA,GAAE;AAC7D,4BAAA,IAAI,EAAE,WAAW;AAClB,yBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,qBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,qBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,WAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,IAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,cAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEvCH;;AAEG;;;;"}
+{"version":3,"file":"masterteam-components-menu.mjs","sources":["../../../../packages/masterteam/components/menu/menu.ts","../../../../packages/masterteam/components/menu/menu.html","../../../../packages/masterteam/components/menu/masterteam-components-menu.ts"],"sourcesContent":["import {\n  Component,\n  input,\n  output,\n  booleanAttribute,\n  computed,\n  viewChild,\n  contentChild,\n  TemplateRef,\n  model,\n} from '@angular/core';\nimport { Menu as PrimeMenu } from 'primeng/menu';\nimport { MenuItem, SharedModule } from 'primeng/api';\nimport { Icon, MTIcon } from '@masterteam/icons';\nimport { ButtonSeverity } from 'primeng/button';\nimport { NgTemplateOutlet } from '@angular/common';\n\nexport interface MTMenuItem extends Omit<MenuItem, 'icon'> {\n  icon?: MTIcon;\n  severity?: ButtonSeverity | 'danger';\n  styleClass?: string;\n  id?: string | number;\n}\n\n@Component({\n  selector: 'mt-menu',\n  standalone: true,\n  imports: [PrimeMenu, Icon, SharedModule, NgTemplateOutlet],\n  templateUrl: './menu.html',\n  styleUrls: ['./menu.scss'],\n})\nexport class Menu {\n  menuRef = viewChild.required('menu', { read: PrimeMenu });\n\n  readonly startTemplate = contentChild('start', { read: TemplateRef });\n  readonly endTemplate = contentChild('end', { read: TemplateRef });\n  readonly headerTemplate = contentChild('header', { read: TemplateRef });\n  readonly submenuHeaderTemplate = contentChild('submenuheader', {\n    read: TemplateRef,\n  });\n\n  readonly model = input<MTMenuItem[]>([]);\n  readonly popup = input<boolean, unknown>(true, {\n    transform: booleanAttribute,\n  });\n  readonly appendTo = input<any>('body');\n  readonly style = input<Record<string, any> | null>();\n  readonly styleClass = input<string>();\n  readonly autoZIndex = input<boolean, unknown>(true, {\n    transform: booleanAttribute,\n  });\n  readonly baseZIndex = input<number>(0);\n  readonly showTransitionOptions = input<string>(\n    '0.12s cubic-bezier(0, 0, 0.2, 1)',\n  );\n  readonly hideTransitionOptions = input<string>('0.1s linear');\n  readonly ariaLabel = input<string>();\n  readonly ariaLabelledBy = input<string>();\n  readonly id = input<string>();\n  readonly tabindex = input<number>(0);\n\n  readonly activeItemId = model<string | number | undefined>();\n\n  readonly onShow = output<any>();\n  readonly onHide = output<any>();\n  readonly onBlur = output<Event>();\n  readonly onFocus = output<Event>();\n  readonly onItemSelect = output<MTMenuItem>();\n\n  transformedModel = computed(() => {\n    return this.model().map((item) =>\n      this.transformMenuItem(item, this.activeItemId()),\n    );\n  });\n\n  toggle(event: Event): void {\n    this.menuRef().toggle(event);\n  }\n\n  show(event: Event): void {\n    this.menuRef().show(event);\n  }\n\n  hide(): void {\n    this.menuRef().hide();\n  }\n\n  protected getItemIcon(item: any): MTIcon | undefined {\n    return item?.mtIcon;\n  }\n\n  private transformMenuItem(item: MTMenuItem, activeId?: string | number): any {\n    const transformed: any = { ...item };\n\n    if (item.icon) {\n      transformed.mtIcon = item.icon;\n      delete transformed.icon;\n    }\n\n    const classes: string[] = [];\n    const isActive = activeId && item.id && item.id === activeId;\n\n    if (isActive) {\n      classes.push(\n        'bg-primary-50',\n        'text-primary-700',\n        'dark:bg-primary-900/20',\n        'dark:text-primary-300',\n      );\n    } else if (item.severity) {\n      const severityClass = this.getSeverityClass(item.severity);\n      if (severityClass) {\n        classes.push(severityClass);\n      }\n    }\n\n    if (item.styleClass) {\n      classes.push(item.styleClass);\n    }\n\n    transformed.computedClass = classes.join(' ');\n\n    if (item['items']) {\n      transformed['items'] = item['items'].map((subItem: any) =>\n        this.transformMenuItem(subItem as MTMenuItem, activeId),\n      );\n    }\n\n    const originalCommand = transformed.command;\n    transformed.command = (event: any) => {\n      if (item.id) {\n        this.handleItemSelect(item);\n      }\n\n      if (originalCommand) {\n        originalCommand(event);\n      }\n    };\n\n    return transformed;\n  }\n\n  private getSeverityClass(severity: string): string {\n    const severityMap: Record<string, string> = {\n      danger: 'text-red-600 hover:bg-red-50 hover:text-red-700',\n      warn: 'text-yellow-600 hover:bg-yellow-50 hover:text-yellow-700',\n      success: 'text-green-600 hover:bg-green-50 hover:text-green-700',\n      info: 'text-blue-600 hover:bg-blue-50 hover:text-blue-700',\n      help: 'text-purple-600 hover:bg-purple-50 hover:text-purple-700',\n      secondary: 'text-gray-600 hover:bg-gray-50 hover:text-gray-700',\n      contrast: 'text-gray-900 hover:bg-gray-100',\n    };\n\n    return severityMap[severity] || '';\n  }\n\n  private handleItemSelect(item: MTMenuItem): void {\n    if (item.id) {\n      this.activeItemId.set(item.id);\n    }\n    this.onItemSelect.emit(item);\n  }\n}\n","<p-menu\n  #menu\n  [model]=\"transformedModel()\"\n  [popup]=\"popup()\"\n  [appendTo]=\"appendTo()\"\n  [style]=\"style()\"\n  [styleClass]=\"styleClass()\"\n  [autoZIndex]=\"autoZIndex()\"\n  [baseZIndex]=\"baseZIndex()\"\n  [showTransitionOptions]=\"showTransitionOptions()\"\n  [hideTransitionOptions]=\"hideTransitionOptions()\"\n  [ariaLabel]=\"ariaLabel()\"\n  [ariaLabelledBy]=\"ariaLabelledBy()\"\n  [id]=\"id()\"\n  [tabindex]=\"tabindex()\"\n  (onShow)=\"onShow.emit($event)\"\n  (onHide)=\"onHide.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n>\n  @if (startTemplate()) {\n    <ng-template pTemplate=\"start\">\n      <ng-container *ngTemplateOutlet=\"startTemplate()!\" />\n    </ng-template>\n  }\n\n  @if (endTemplate()) {\n    <ng-template pTemplate=\"end\">\n      <ng-container *ngTemplateOutlet=\"endTemplate()!\" />\n    </ng-template>\n  }\n\n  @if (headerTemplate()) {\n    <ng-template pTemplate=\"header\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate()!\" />\n    </ng-template>\n  }\n\n  @if (submenuHeaderTemplate()) {\n    <ng-template pTemplate=\"submenuheader\" let-item>\n      <ng-container\n        *ngTemplateOutlet=\"\n          submenuHeaderTemplate()!;\n          context: { $implicit: item }\n        \"\n      />\n    </ng-template>\n  }\n\n  <ng-template pTemplate=\"item\" let-item>\n    <div\n      class=\"flex gap-2 align-middle p-2 cursor-pointer rounded transition-colors\"\n      [class]=\"item.computedClass\"\n    >\n      @if (getItemIcon(item)) {\n        <mt-icon\n          [icon]=\"getItemIcon(item)!\"\n          class=\"p-menu-item-icon\"\n          [style.color]=\"'inherit'\"\n        />\n      }\n      @if (item.label) {\n        <span class=\"p-menu-item-label\">{{ item.label }}</span>\n      }\n      @if (item.badge) {\n        <span class=\"p-menu-item-badge\">{{ item.badge }}</span>\n      }\n    </div>\n  </ng-template>\n</p-menu>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["PrimeMenu"],"mappings":"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"}

package/fesm2022/masterteam-components-modal.mjs

@@ -34,10 +34,10 @@ class ModalService {
             return position || 'right';
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ModalService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ModalService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ModalService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ModalService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });