npm - @masterteam/components - Versions diffs - 0.0.62 → 0.0.64 - Mend

@masterteam/components 0.0.62 → 0.0.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (95) hide show

package/fesm2022/masterteam-components-sidebar.mjs CHANGED Viewed

@@ -10,10 +10,10 @@ class Sidebar {
     bgImage = input(undefined, { ...(ngDevMode ? { debugName: "bgImage" } : {}) });
     bgRepeat = input(false, { ...(ngDevMode ? { debugName: "bgRepeat" } : {}), transform: booleanAttribute });
     iconsColor = input('var(--p-text-color)', { ...(ngDevMode ? { debugName: "iconsColor" } : {}) });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Sidebar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: Sidebar, isStandalone: true, selector: "mt-sidebar", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, bgImage: { classPropertyName: "bgImage", publicName: "bgImage", isSignal: true, isRequired: false, transformFunction: null }, bgRepeat: { classPropertyName: "bgRepeat", publicName: "bgRepeat", isSignal: true, isRequired: false, transformFunction: null }, iconsColor: { classPropertyName: "iconsColor", publicName: "iconsColor", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"flex flex-col bg-surface-200 dark:bg-surface-800 h-[calc(100vh-var(--header-height))] overflow-clip w-16 border-e-1 border-surface-300 rounded-ss-2xl\"\n>\n  <div\n    class=\"h-full flex flex-col gap-3 px-2 py-8\"\n    [style.backgroundColor]=\"bgColor()\"\n    [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\n    [class.bg-no-repeat]=\"!bgRepeat()\"\n    [class.bg-repeat-y]=\"bgRepeat()\"\n  >\n    @for (item of items(); track item.id) {\n      <a\n        [routerLink]=\"item.routerLink\"\n        routerLinkActive=\"bg-surface-0 dark:bg-surface-950\"\n        #rla=\"routerLinkActive\"\n        class=\"flex items-center justify-center size-[47px] dark:hover:bg-surface-900 hover:bg-surface-100 transition-colors rounded-xl\"\n        mtTooltip=\"{{ item.title }}\"\n        [style.color]=\"rla.isActive ? 'var(--p-primary-500)' : iconsColor()\"\n      >\n        <mt-icon [icon]=\"item.icon\" />\n      </a>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "directive", type: Tooltip, selector: "[mtTooltip]" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Sidebar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: Sidebar, isStandalone: true, selector: "mt-sidebar", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, bgImage: { classPropertyName: "bgImage", publicName: "bgImage", isSignal: true, isRequired: false, transformFunction: null }, bgRepeat: { classPropertyName: "bgRepeat", publicName: "bgRepeat", isSignal: true, isRequired: false, transformFunction: null }, iconsColor: { classPropertyName: "iconsColor", publicName: "iconsColor", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"flex flex-col bg-surface-200 dark:bg-surface-800 h-[calc(100vh-var(--header-height))] overflow-clip w-16 border-e-1 border-surface-300 rounded-ss-2xl\"\n>\n  <div\n    class=\"h-full flex flex-col gap-3 px-2 py-8\"\n    [style.backgroundColor]=\"bgColor()\"\n    [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\n    [class.bg-no-repeat]=\"!bgRepeat()\"\n    [class.bg-repeat-y]=\"bgRepeat()\"\n  >\n    @for (item of items(); track item.id) {\n      <a\n        [routerLink]=\"item.routerLink\"\n        routerLinkActive=\"bg-surface-0 dark:bg-surface-950\"\n        #rla=\"routerLinkActive\"\n        class=\"flex items-center justify-center size-[47px] dark:hover:bg-surface-900 hover:bg-surface-100 transition-colors rounded-xl\"\n        mtTooltip=\"{{ item.title }}\"\n        [style.color]=\"rla.isActive ? 'var(--p-primary-500)' : iconsColor()\"\n      >\n        <mt-icon [icon]=\"item.icon\" />\n      </a>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "directive", type: Tooltip, selector: "[mtTooltip]" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Sidebar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Sidebar, decorators: [{
             type: Component,
             args: [{ selector: 'mt-sidebar', standalone: true, imports: [RouterLinkActive, RouterLink, Icon, Tooltip], template: "<div\n  class=\"flex flex-col bg-surface-200 dark:bg-surface-800 h-[calc(100vh-var(--header-height))] overflow-clip w-16 border-e-1 border-surface-300 rounded-ss-2xl\"\n>\n  <div\n    class=\"h-full flex flex-col gap-3 px-2 py-8\"\n    [style.backgroundColor]=\"bgColor()\"\n    [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\n    [class.bg-no-repeat]=\"!bgRepeat()\"\n    [class.bg-repeat-y]=\"bgRepeat()\"\n  >\n    @for (item of items(); track item.id) {\n      <a\n        [routerLink]=\"item.routerLink\"\n        routerLinkActive=\"bg-surface-0 dark:bg-surface-950\"\n        #rla=\"routerLinkActive\"\n        class=\"flex items-center justify-center size-[47px] dark:hover:bg-surface-900 hover:bg-surface-100 transition-colors rounded-xl\"\n        mtTooltip=\"{{ item.title }}\"\n        [style.color]=\"rla.isActive ? 'var(--p-primary-500)' : iconsColor()\"\n      >\n        <mt-icon [icon]=\"item.icon\" />\n      </a>\n    }\n  </div>\n</div>\n" }]
         }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], bgImage: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgImage", required: false }] }], bgRepeat: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgRepeat", required: false }] }], iconsColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconsColor", required: false }] }] } });

package/fesm2022/masterteam-components-slider-field.mjs CHANGED Viewed

@@ -69,10 +69,10 @@ class SliderField {
     setDisabledState(disabled) {
         this.disabled.set(disabled);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: SliderField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: SliderField, isStandalone: true, selector: "mt-slider-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, hideNumber: { classPropertyName: "hideNumber", publicName: "hideNumber", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange", onSlideEnd: "onSlideEnd" }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    [class.mb-3]=\"hideNumber()\"\n    >{{ label() }}</label\n  >\n}\n<div\n  class=\"flex items-center gap-3 w-full\"\n  [style.padding-inline-start]=\"'calc(var(--p-slider-handle-width) / 2)'\"\n>\n  <p-slider\n    #input\n    [ngModel]=\"value()\"\n    (ngModelChange)=\"onValueChange($event)\"\n    (onChange)=\"onChange.emit($event)\"\n    (onSlideEnd)=\"onTouched(); onSlideEnd.emit($event)\"\n    [disabled]=\"disabled() || readonly()\"\n    [animate]=\"animate()\"\n    [id]=\"ngControl?.name || label()\"\n    [min]=\"min()\"\n    [max]=\"max()\"\n    [step]=\"step()\"\n    [invalid]=\"isInvalid(ngControl?.control)\"\n    class=\"grow\"\n  ></p-slider>\n  @if (!hideNumber()) {\n    <span class=\"leading-none\">{{ value() ? value() + unit() : \"-\" }}</span>\n  }\n</div>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n", styles: [""], 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: "ngmodule", type: SliderModule }, { kind: "component", type: i2.Slider, selector: "p-slider", inputs: ["animate", "min", "max", "orientation", "step", "range", "styleClass", "ariaLabel", "ariaLabelledBy", "tabindex", "autofocus"], outputs: ["onChange", "onSlideEnd"] }, { 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.2", ngImport: i0, type: SliderField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: SliderField, isStandalone: true, selector: "mt-slider-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, hideNumber: { classPropertyName: "hideNumber", publicName: "hideNumber", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange", onSlideEnd: "onSlideEnd" }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    [class.mb-3]=\"hideNumber()\"\n    >{{ label() }}</label\n  >\n}\n<div\n  class=\"flex items-center gap-3 w-full\"\n  [style.padding-inline-start]=\"'calc(var(--p-slider-handle-width) / 2)'\"\n>\n  <p-slider\n    #input\n    [ngModel]=\"value()\"\n    (ngModelChange)=\"onValueChange($event)\"\n    (onChange)=\"onChange.emit($event)\"\n    (onSlideEnd)=\"onTouched(); onSlideEnd.emit($event)\"\n    [disabled]=\"disabled() || readonly()\"\n    [animate]=\"animate()\"\n    [id]=\"ngControl?.name || label()\"\n    [min]=\"min()\"\n    [max]=\"max()\"\n    [step]=\"step()\"\n    [invalid]=\"isInvalid(ngControl?.control)\"\n    class=\"grow\"\n  ></p-slider>\n  @if (!hideNumber()) {\n    <span class=\"leading-none\">{{ value() ? value() + unit() : \"-\" }}</span>\n  }\n</div>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n", styles: [""], 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: "ngmodule", type: SliderModule }, { kind: "component", type: i2.Slider, selector: "p-slider", inputs: ["animate", "min", "max", "orientation", "step", "range", "styleClass", "ariaLabel", "ariaLabelledBy", "tabindex", "autofocus"], outputs: ["onChange", "onSlideEnd"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: SliderField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: SliderField, decorators: [{
             type: Component,
             args: [{ selector: 'mt-slider-field', standalone: true, imports: [FormsModule, SliderModule, FieldValidation], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'grid gap-1',

package/fesm2022/masterteam-components-table.mjs CHANGED Viewed

@@ -226,10 +226,10 @@ class Table {
             });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Table, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: Table, isStandalone: true, selector: "mt-table", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, rowActions: { classPropertyName: "rowActions", publicName: "rowActions", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showGridlines: { classPropertyName: "showGridlines", publicName: "showGridlines", isSignal: true, isRequired: false, transformFunction: null }, stripedRows: { classPropertyName: "stripedRows", publicName: "stripedRows", isSignal: true, isRequired: false, transformFunction: null }, selectableRows: { classPropertyName: "selectableRows", publicName: "selectableRows", isSignal: true, isRequired: false, transformFunction: null }, generalSearch: { classPropertyName: "generalSearch", publicName: "generalSearch", isSignal: true, isRequired: false, transformFunction: null }, showFilters: { classPropertyName: "showFilters", publicName: "showFilters", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, updating: { classPropertyName: "updating", publicName: "updating", isSignal: true, isRequired: false, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null }, tabsOptionLabel: { classPropertyName: "tabsOptionLabel", publicName: "tabsOptionLabel", isSignal: true, isRequired: false, transformFunction: null }, tabsOptionValue: { classPropertyName: "tabsOptionValue", publicName: "tabsOptionValue", isSignal: true, isRequired: false, transformFunction: null }, activeTab: { classPropertyName: "activeTab", publicName: "activeTab", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, paginatorPosition: { classPropertyName: "paginatorPosition", publicName: "paginatorPosition", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null }, first: { classPropertyName: "first", publicName: "first", isSignal: true, isRequired: false, transformFunction: null }, filterTerm: { classPropertyName: "filterTerm", publicName: "filterTerm", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectionChange: "selectionChange", cellChange: "cellChange", activeTab: "activeTabChange", onTabChange: "onTabChange", pageSize: "pageSizeChange", currentPage: "currentPageChange", first: "firstChange", filterTerm: "filterTermChange" }, queries: [{ propertyName: "captionStartContent", first: true, predicate: ["captionStart"], descendants: true, isSignal: true }, { propertyName: "captionEndContent", first: true, predicate: ["captionEnd"], descendants: true, isSignal: true }, { propertyName: "emptyContent", first: true, predicate: ["empty"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"space-y-4 rounded-2xl\">\n  <div>\n    @if (\n      captionStartContent() ||\n      captionEndContent() ||\n      generalSearch() ||\n      showFilters() ||\n      tabs()?.length > 0 ||\n      actions()?.length > 0\n    ) {\n      <div class=\"p-datatable-header rounded-t-2xl\">\n        <div\n          class=\"flex relative\"\n          [class]=\"!generalSearch() ? 'justify-end' : 'justify-between'\"\n        >\n          <div class=\"flex items-center gap-2\">\n            <ng-container\n              *ngTemplateOutlet=\"captionStartContent()\"\n            ></ng-container>\n            @if (tabs()) {\n              <mt-tabs\n                [(active)]=\"activeTab\"\n                [options]=\"tabs()\"\n                [optionLabel]=\"tabsOptionLabel()\"\n                [optionValue]=\"tabsOptionValue()\"\n                (onChange)=\"tabChanged($event)\"\n                size=\"large\"\n              ></mt-tabs>\n            }\n            @if (generalSearch()) {\n              <mt-text-field\n                [(ngModel)]=\"filterTerm\"\n                (change)=\"onSearchChange($event)\"\n                icon=\"general.search-lg\"\n                [placeholder]=\"'components.table.search' | transloco\"\n              ></mt-text-field>\n            }\n          </div>\n          <div class=\"flex items-center gap-2\">\n            @if (showFilters()) {\n              <mt-button\n                variant=\"outline\"\n                (click)=\"toggleFilterPanel()\"\n                [label]=\"'components.table.filter' | transloco\"\n                [badge]=\"activeFilterCount()\"\n                icon=\"general.filter-funnel-01\"\n              >\n              </mt-button>\n              @if (isFilterPanelOpen()) {\n                <div\n                  class=\"absolute top-full end-0 z-10 mt-2 w-72 origin-top-right rounded-md bg-content shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none\"\n                  role=\"menu\"\n                >\n                  <div class=\"p-4\">\n                    <h3 class=\"text-base font-semibold\">\n                      {{ \"components.table.filterOptions\" | transloco }}\n                    </h3>\n                  </div>\n                  <div\n                    class=\"border-t border-surface-300 dark:border-surface-500 p-4 space-y-4\"\n                  >\n                    @for (col of filterableColumns(); track col.key) {\n                      <div class=\"space-y-1\">\n                        <label class=\"block text-sm font-medium\">\n                          {{ col.filterConfig?.label }}\n                        </label>\n                        @switch (col.filterConfig?.type) {\n                          @case (\"text\") {\n                            <mt-text-field\n                              [(ngModel)]=\"pendingFilters()[col.key]\"\n                              (ngModelChange)=\"\n                                updatePendingFilter(col.key, $event)\n                              \"\n                            ></mt-text-field>\n                          }\n                          @case (\"select\") {\n                            <mt-select-field\n                              [(ngModel)]=\"pendingFilters()[col.key]\"\n                              (ngModelChange)=\"\n                                updatePendingFilter(col.key, $event)\n                              \"\n                              [options]=\"col.filterConfig?.options\"\n                              [hasPlaceholderPrefix]=\"false\"\n                              [placeholder]=\"\n                                ('components.table.select' | transloco) +\n                                ' ' +\n                                col.filterConfig?.label\n                              \"\n                              showClear\n                            ></mt-select-field>\n                          }\n                        }\n                      </div>\n                    }\n                  </div>\n                  <div\n                    class=\"flex items-center justify-end space-x-2 border-t border-surface-300 dark:border-surface-500 bg-surface-50 dark:bg-surface-950 p-4 rounded-b-md\"\n                  >\n                    <mt-button\n                      variant=\"outlined\"\n                      (click)=\"resetFilters()\"\n                      [label]=\"'components.table.reset' | transloco\"\n                    />\n                    <mt-button\n                      (click)=\"applyFilters()\"\n                      [label]=\"'components.table.apply' | transloco\"\n                    />\n                  </div>\n                </div>\n              }\n            }\n            @if (actions()?.length > 0) {\n              <div class=\"flex items-center space-x-2\">\n                @for (action of actions(); track action.label) {\n                  <mt-button\n                    [icon]=\"action.icon\"\n                    [severity]=\"action.color\"\n                    [variant]=\"action.variant\"\n                    [size]=\"action.size\"\n                    (click)=\"action.action(row)\"\n                    [label]=\"action.label\"\n                    [tooltip]=\"action.tooltip\"\n                  ></mt-button>\n                }\n              </div>\n            }\n            <ng-container\n              *ngTemplateOutlet=\"captionEndContent()\"\n            ></ng-container>\n          </div>\n        </div>\n      </div>\n    }\n    @if (!loading() && emptyContent() && data().length === 0) {\n      <div\n        class=\"p-4 bg-content rounded-md text-center text-gray-600 dark:text-gray-300\"\n      >\n        <ng-container *ngTemplateOutlet=\"emptyContent()\"></ng-container>\n      </div>\n    } @else {\n      <div class=\"overflow-x-auto bg-content\">\n        <p-table\n          [value]=\"displayData()\"\n          [columns]=\"columns()\"\n          [size]=\"size()\"\n          [showGridlines]=\"showGridlines()\"\n          [stripedRows]=\"stripedRows()\"\n          [first]=\"first()\"\n          [rows]=\"pageSize()\"\n          (onPage)=\"onTablePage($event)\"\n          paginator\n          paginatorStyleClass=\"hidden!\"\n          class=\"min-w-full text-sm align-middle table-fixed\"\n        >\n          <ng-template\n            #header\n            let-columns\n            class=\"bg-surface-50 dark:bg-surface-950 border-b border-surface-300 dark:border-surface-500\"\n          >\n            <tr>\n              @if (selectableRows()) {\n                <th class=\"w-12 text-start\">\n                  <mt-checkbox-field\n                    [ngModel]=\"allSelectedOnPage()\"\n                    (ngModelChange)=\"toggleAllRowsOnPage()\"\n                  ></mt-checkbox-field>\n                </th>\n              }\n\n              @for (col of columns; track col.key) {\n                <th\n                  class=\"text-start font-semibold text-gray-600 dark:text-gray-50 uppercase tracking-wider\"\n                >\n                  {{ col.label }}\n                </th>\n              }\n\n              @if (rowActions().length > 0) {\n                <th\n                  class=\"text-end! font-semibold text-gray-600 dark:text-gray-50 uppercase tracking-wider\"\n                >\n                  Actions\n                </th>\n              }\n            </tr>\n            @if (updating()) {\n              <tr>\n                <th\n                  [attr.colspan]=\"\n                    columns.length +\n                    (selectableRows() ? 1 : 0) +\n                    (rowActions().length > 0 ? 1 : 0)\n                  \"\n                  class=\"!p-0\"\n                >\n                  <p-progressBar\n                    mode=\"indeterminate\"\n                    [style]=\"{ height: '4px' }\"\n                  />\n                </th>\n              </tr>\n            }\n          </ng-template>\n          <ng-template\n            #body\n            let-row\n            let-columns=\"columns\"\n            class=\"divide-y divide-gray-200\"\n          >\n            @if (loading()) {\n              <tr>\n                @if (selectableRows()) {\n                  <td><p-skeleton /></td>\n                }\n                @for (col of columns; track col.key) {\n                  <td><p-skeleton /></td>\n                }\n                @if (rowActions().length > 0) {\n                  <td><p-skeleton /></td>\n                }\n              </tr>\n            } @else {\n              <tr\n                class=\"hover:bg-gray-50 dark:hover:bg-surface-950 border-surface-300 dark:border-surface-500\"\n              >\n                @if (selectableRows()) {\n                  <td class=\"w-12\">\n                    <mt-checkbox-field\n                      [ngModel]=\"selectedRows().has(row)\"\n                      (ngModelChange)=\"toggleRow(row)\"\n                    ></mt-checkbox-field>\n                  </td>\n                }\n\n                @for (col of columns; track col.key) {\n                  <td class=\"text-gray-700 dark:text-gray-100\">\n                    @switch (col.type) {\n                      @case (\"boolean\") {\n                        <mt-toggle-field\n                          [(ngModel)]=\"row[col.key]\"\n                          (ngModelChange)=\"\n                            onCellChange(row, col.key, $event, 'boolean')\n                          \"\n                        ></mt-toggle-field>\n                      }\n                      @case (\"date\") {\n                        {{ getProperty(row, col.key) | date: \"mediumDate\" }}\n                      }\n                      @case (\"custom\") {\n                        <ng-container\n                          *ngTemplateOutlet=\"\n                            col.customCellTpl;\n                            context: { $implicit: row }\n                          \"\n                        >\n                        </ng-container>\n                      }\n                      @default {\n                        {{ getProperty(row, col.key) }}\n                      }\n                    }\n                  </td>\n                }\n\n                @if (rowActions().length > 0) {\n                  <td class=\"text-right\">\n                    <div class=\"flex items-center justify-end space-x-2\">\n                      @for (action of rowActions(); track action.label) {\n                        @let hidden = action.hidden?.(row);\n                        @if (!hidden) {\n                          <mt-button\n                            [icon]=\"action.icon\"\n                            [severity]=\"action.color\"\n                            [variant]=\"action.variant\"\n                            [size]=\"action.size || 'small'\"\n                            (click)=\"rowAction($event, action, row)\"\n                            [tooltip]=\"action.tooltip\"\n                            [label]=\"action.label\"\n                            [loading]=\"resolveActionLoading(action, row)\"\n                          ></mt-button>\n                        }\n                      }\n                    </div>\n                  </td>\n                }\n              </tr>\n            }\n          </ng-template>\n          <ng-template #emptymessage>\n            <tr>\n              <td colspan=\"20\" class=\"text-center\">\n                <div class=\"flex justify-center\">No data found.</div>\n              </td>\n            </tr>\n          </ng-template>\n        </p-table>\n      </div>\n    }\n  </div>\n\n  <div\n    class=\"flex flex-col gap-3 pb-3 px-4\"\n    [class]=\"'items-' + paginatorPosition()\"\n  >\n    <mt-paginator\n      [(rows)]=\"pageSize\"\n      [(first)]=\"first\"\n      [(page)]=\"currentPage\"\n      [totalRecords]=\"totalRecords()\"\n      [alwaysShow]=\"false\"\n      [rowsPerPageOptions]=\"[5, 10, 20, 50]\"\n    ></mt-paginator>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "labelPosition", "placeholder", "readonly", "pInputs", "required"], outputs: ["onChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "icon", "iconPosition"] }, { 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: "component", type: Paginator, selector: "mt-paginator", inputs: ["rows", "totalRecords", "first", "page", "rowsPerPageOptions", "showFirstLastIcon", "showCurrentPageReport", "fluid", "pageLinkSize", "alwaysShow"], outputs: ["rowsChange", "firstChange", "pageChange", "onPageChange"] }, { kind: "component", type: CheckboxField, selector: "mt-checkbox-field", inputs: ["label", "labelPosition", "placeholder", "readonly", "pInputs", "required"], outputs: ["onChange"] }, { kind: "component", type: Tabs, selector: "mt-tabs", inputs: ["options", "optionLabel", "optionValue", "active", "size", "fluid", "disabled"], outputs: ["activeChange", "onChange"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i3.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i4.ProgressBar, selector: "p-progressBar, p-progressbar, p-progress-bar", inputs: ["value", "showValue", "styleClass", "valueStyleClass", "unit", "mode", "color"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: i5.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Table, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: Table, isStandalone: true, selector: "mt-table", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, rowActions: { classPropertyName: "rowActions", publicName: "rowActions", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showGridlines: { classPropertyName: "showGridlines", publicName: "showGridlines", isSignal: true, isRequired: false, transformFunction: null }, stripedRows: { classPropertyName: "stripedRows", publicName: "stripedRows", isSignal: true, isRequired: false, transformFunction: null }, selectableRows: { classPropertyName: "selectableRows", publicName: "selectableRows", isSignal: true, isRequired: false, transformFunction: null }, generalSearch: { classPropertyName: "generalSearch", publicName: "generalSearch", isSignal: true, isRequired: false, transformFunction: null }, showFilters: { classPropertyName: "showFilters", publicName: "showFilters", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, updating: { classPropertyName: "updating", publicName: "updating", isSignal: true, isRequired: false, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null }, tabsOptionLabel: { classPropertyName: "tabsOptionLabel", publicName: "tabsOptionLabel", isSignal: true, isRequired: false, transformFunction: null }, tabsOptionValue: { classPropertyName: "tabsOptionValue", publicName: "tabsOptionValue", isSignal: true, isRequired: false, transformFunction: null }, activeTab: { classPropertyName: "activeTab", publicName: "activeTab", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, paginatorPosition: { classPropertyName: "paginatorPosition", publicName: "paginatorPosition", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null }, first: { classPropertyName: "first", publicName: "first", isSignal: true, isRequired: false, transformFunction: null }, filterTerm: { classPropertyName: "filterTerm", publicName: "filterTerm", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectionChange: "selectionChange", cellChange: "cellChange", activeTab: "activeTabChange", onTabChange: "onTabChange", pageSize: "pageSizeChange", currentPage: "currentPageChange", first: "firstChange", filterTerm: "filterTermChange" }, queries: [{ propertyName: "captionStartContent", first: true, predicate: ["captionStart"], descendants: true, isSignal: true }, { propertyName: "captionEndContent", first: true, predicate: ["captionEnd"], descendants: true, isSignal: true }, { propertyName: "emptyContent", first: true, predicate: ["empty"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"space-y-4 rounded-2xl\">\n  <div>\n    @if (\n      captionStartContent() ||\n      captionEndContent() ||\n      generalSearch() ||\n      showFilters() ||\n      tabs()?.length > 0 ||\n      actions()?.length > 0\n    ) {\n      <div class=\"p-datatable-header rounded-t-2xl\">\n        <div\n          class=\"flex relative\"\n          [class]=\"!generalSearch() ? 'justify-end' : 'justify-between'\"\n        >\n          <div class=\"flex items-center gap-2\">\n            <ng-container\n              *ngTemplateOutlet=\"captionStartContent()\"\n            ></ng-container>\n            @if (tabs()) {\n              <mt-tabs\n                [(active)]=\"activeTab\"\n                [options]=\"tabs()\"\n                [optionLabel]=\"tabsOptionLabel()\"\n                [optionValue]=\"tabsOptionValue()\"\n                (onChange)=\"tabChanged($event)\"\n                size=\"large\"\n              ></mt-tabs>\n            }\n            @if (generalSearch()) {\n              <mt-text-field\n                [(ngModel)]=\"filterTerm\"\n                (change)=\"onSearchChange($event)\"\n                icon=\"general.search-lg\"\n                [placeholder]=\"'components.table.search' | transloco\"\n              ></mt-text-field>\n            }\n          </div>\n          <div class=\"flex items-center gap-2\">\n            @if (showFilters()) {\n              <mt-button\n                variant=\"outline\"\n                (click)=\"toggleFilterPanel()\"\n                [label]=\"'components.table.filter' | transloco\"\n                [badge]=\"activeFilterCount()\"\n                icon=\"general.filter-funnel-01\"\n              >\n              </mt-button>\n              @if (isFilterPanelOpen()) {\n                <div\n                  class=\"absolute top-full end-0 z-10 mt-2 w-72 origin-top-right rounded-md bg-content shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none\"\n                  role=\"menu\"\n                >\n                  <div class=\"p-4\">\n                    <h3 class=\"text-base font-semibold\">\n                      {{ \"components.table.filterOptions\" | transloco }}\n                    </h3>\n                  </div>\n                  <div\n                    class=\"border-t border-surface-300 dark:border-surface-500 p-4 space-y-4\"\n                  >\n                    @for (col of filterableColumns(); track col.key) {\n                      <div class=\"space-y-1\">\n                        <label class=\"block text-sm font-medium\">\n                          {{ col.filterConfig?.label }}\n                        </label>\n                        @switch (col.filterConfig?.type) {\n                          @case (\"text\") {\n                            <mt-text-field\n                              [(ngModel)]=\"pendingFilters()[col.key]\"\n                              (ngModelChange)=\"\n                                updatePendingFilter(col.key, $event)\n                              \"\n                            ></mt-text-field>\n                          }\n                          @case (\"select\") {\n                            <mt-select-field\n                              [(ngModel)]=\"pendingFilters()[col.key]\"\n                              (ngModelChange)=\"\n                                updatePendingFilter(col.key, $event)\n                              \"\n                              [options]=\"col.filterConfig?.options\"\n                              [hasPlaceholderPrefix]=\"false\"\n                              [placeholder]=\"\n                                ('components.table.select' | transloco) +\n                                ' ' +\n                                col.filterConfig?.label\n                              \"\n                              showClear\n                            ></mt-select-field>\n                          }\n                        }\n                      </div>\n                    }\n                  </div>\n                  <div\n                    class=\"flex items-center justify-end space-x-2 border-t border-surface-300 dark:border-surface-500 bg-surface-50 dark:bg-surface-950 p-4 rounded-b-md\"\n                  >\n                    <mt-button\n                      variant=\"outlined\"\n                      (click)=\"resetFilters()\"\n                      [label]=\"'components.table.reset' | transloco\"\n                    />\n                    <mt-button\n                      (click)=\"applyFilters()\"\n                      [label]=\"'components.table.apply' | transloco\"\n                    />\n                  </div>\n                </div>\n              }\n            }\n            @if (actions()?.length > 0) {\n              <div class=\"flex items-center space-x-2\">\n                @for (action of actions(); track action.label) {\n                  <mt-button\n                    [icon]=\"action.icon\"\n                    [severity]=\"action.color\"\n                    [variant]=\"action.variant\"\n                    [size]=\"action.size\"\n                    (click)=\"action.action(row)\"\n                    [label]=\"action.label\"\n                    [tooltip]=\"action.tooltip\"\n                  ></mt-button>\n                }\n              </div>\n            }\n            <ng-container\n              *ngTemplateOutlet=\"captionEndContent()\"\n            ></ng-container>\n          </div>\n        </div>\n      </div>\n    }\n    @if (!loading() && emptyContent() && data().length === 0) {\n      <div\n        class=\"p-4 bg-content rounded-md text-center text-gray-600 dark:text-gray-300\"\n      >\n        <ng-container *ngTemplateOutlet=\"emptyContent()\"></ng-container>\n      </div>\n    } @else {\n      <div class=\"overflow-x-auto bg-content\">\n        <p-table\n          [value]=\"displayData()\"\n          [columns]=\"columns()\"\n          [size]=\"size()\"\n          [showGridlines]=\"showGridlines()\"\n          [stripedRows]=\"stripedRows()\"\n          [first]=\"first()\"\n          [rows]=\"pageSize()\"\n          (onPage)=\"onTablePage($event)\"\n          paginator\n          paginatorStyleClass=\"hidden!\"\n          class=\"min-w-full text-sm align-middle table-fixed\"\n        >\n          <ng-template\n            #header\n            let-columns\n            class=\"bg-surface-50 dark:bg-surface-950 border-b border-surface-300 dark:border-surface-500\"\n          >\n            <tr>\n              @if (selectableRows()) {\n                <th class=\"w-12 text-start\">\n                  <mt-checkbox-field\n                    [ngModel]=\"allSelectedOnPage()\"\n                    (ngModelChange)=\"toggleAllRowsOnPage()\"\n                  ></mt-checkbox-field>\n                </th>\n              }\n\n              @for (col of columns; track col.key) {\n                <th\n                  class=\"text-start font-semibold text-gray-600 dark:text-gray-50 uppercase tracking-wider\"\n                >\n                  {{ col.label }}\n                </th>\n              }\n\n              @if (rowActions().length > 0) {\n                <th\n                  class=\"text-end! font-semibold text-gray-600 dark:text-gray-50 uppercase tracking-wider\"\n                >\n                  Actions\n                </th>\n              }\n            </tr>\n            @if (updating()) {\n              <tr>\n                <th\n                  [attr.colspan]=\"\n                    columns.length +\n                    (selectableRows() ? 1 : 0) +\n                    (rowActions().length > 0 ? 1 : 0)\n                  \"\n                  class=\"!p-0\"\n                >\n                  <p-progressBar\n                    mode=\"indeterminate\"\n                    [style]=\"{ height: '4px' }\"\n                  />\n                </th>\n              </tr>\n            }\n          </ng-template>\n          <ng-template\n            #body\n            let-row\n            let-columns=\"columns\"\n            class=\"divide-y divide-gray-200\"\n          >\n            @if (loading()) {\n              <tr>\n                @if (selectableRows()) {\n                  <td><p-skeleton /></td>\n                }\n                @for (col of columns; track col.key) {\n                  <td><p-skeleton /></td>\n                }\n                @if (rowActions().length > 0) {\n                  <td><p-skeleton /></td>\n                }\n              </tr>\n            } @else {\n              <tr\n                class=\"hover:bg-gray-50 dark:hover:bg-surface-950 border-surface-300 dark:border-surface-500\"\n              >\n                @if (selectableRows()) {\n                  <td class=\"w-12\">\n                    <mt-checkbox-field\n                      [ngModel]=\"selectedRows().has(row)\"\n                      (ngModelChange)=\"toggleRow(row)\"\n                    ></mt-checkbox-field>\n                  </td>\n                }\n\n                @for (col of columns; track col.key) {\n                  <td class=\"text-gray-700 dark:text-gray-100\">\n                    @switch (col.type) {\n                      @case (\"boolean\") {\n                        <mt-toggle-field\n                          [(ngModel)]=\"row[col.key]\"\n                          (ngModelChange)=\"\n                            onCellChange(row, col.key, $event, 'boolean')\n                          \"\n                        ></mt-toggle-field>\n                      }\n                      @case (\"date\") {\n                        {{ getProperty(row, col.key) | date: \"mediumDate\" }}\n                      }\n                      @case (\"custom\") {\n                        <ng-container\n                          *ngTemplateOutlet=\"\n                            col.customCellTpl;\n                            context: { $implicit: row }\n                          \"\n                        >\n                        </ng-container>\n                      }\n                      @default {\n                        {{ getProperty(row, col.key) }}\n                      }\n                    }\n                  </td>\n                }\n\n                @if (rowActions().length > 0) {\n                  <td class=\"text-right\">\n                    <div class=\"flex items-center justify-end space-x-2\">\n                      @for (action of rowActions(); track action.label) {\n                        @let hidden = action.hidden?.(row);\n                        @if (!hidden) {\n                          <mt-button\n                            [icon]=\"action.icon\"\n                            [severity]=\"action.color\"\n                            [variant]=\"action.variant\"\n                            [size]=\"action.size || 'small'\"\n                            (click)=\"rowAction($event, action, row)\"\n                            [tooltip]=\"action.tooltip\"\n                            [label]=\"action.label\"\n                            [loading]=\"resolveActionLoading(action, row)\"\n                          ></mt-button>\n                        }\n                      }\n                    </div>\n                  </td>\n                }\n              </tr>\n            }\n          </ng-template>\n          <ng-template #emptymessage>\n            <tr>\n              <td colspan=\"20\" class=\"text-center\">\n                <div class=\"flex justify-center\">No data found.</div>\n              </td>\n            </tr>\n          </ng-template>\n        </p-table>\n      </div>\n    }\n  </div>\n\n  <div\n    class=\"flex flex-col gap-3 pb-3 px-4\"\n    [class]=\"'items-' + paginatorPosition()\"\n  >\n    <mt-paginator\n      [(rows)]=\"pageSize\"\n      [(first)]=\"first\"\n      [(page)]=\"currentPage\"\n      [totalRecords]=\"totalRecords()\"\n      [alwaysShow]=\"false\"\n      [rowsPerPageOptions]=\"[5, 10, 20, 50]\"\n    ></mt-paginator>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "labelPosition", "placeholder", "readonly", "pInputs", "required"], outputs: ["onChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "icon", "iconPosition"] }, { 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: "component", type: Paginator, selector: "mt-paginator", inputs: ["rows", "totalRecords", "first", "page", "rowsPerPageOptions", "showFirstLastIcon", "showCurrentPageReport", "fluid", "pageLinkSize", "alwaysShow"], outputs: ["rowsChange", "firstChange", "pageChange", "onPageChange"] }, { kind: "component", type: CheckboxField, selector: "mt-checkbox-field", inputs: ["label", "labelPosition", "placeholder", "readonly", "pInputs", "required"], outputs: ["onChange"] }, { kind: "component", type: Tabs, selector: "mt-tabs", inputs: ["options", "optionLabel", "optionValue", "active", "size", "fluid", "disabled"], outputs: ["activeChange", "onChange"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i3.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i4.ProgressBar, selector: "p-progressBar, p-progressbar, p-progress-bar", inputs: ["value", "showValue", "styleClass", "valueStyleClass", "unit", "mode", "color"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: i5.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Table, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Table, decorators: [{
             type: Component,
             args: [{ selector: 'mt-table', standalone: true, imports: [
                         TableModule,

package/fesm2022/masterteam-components-tabs.mjs CHANGED Viewed

@@ -25,10 +25,10 @@ class Tabs {
     onTabChange(value) {
         this.onChange.emit(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Tabs, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.1", type: Tabs, isStandalone: true, selector: "mt-tabs", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fluid: { classPropertyName: "fluid", publicName: "fluid", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange", onChange: "onChange" }, host: { properties: { "class.w-full": "fluid()" }, classAttribute: "grid gap-1" }, ngImport: i0, template: "<p-selectbutton\n  [options]=\"options()\"\n  [(ngModel)]=\"active\"\n  (ngModelChange)=\"onTabChange($event)\"\n  [optionLabel]=\"optionLabel()\"\n  [optionValue]=\"optionValue()\"\n  styleClass=\"my-tabs-button\"\n  [size]=\"size()\"\n  [fluid]=\"fluid()\"\n  [disabled]=\"disabled()\"\n  unselectable\n/>\n", styles: [""], dependencies: [{ kind: "component", type: SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "styleClass", "ariaLabelledBy", "dataKey", "autofocus", "size", "fluid"], outputs: ["onOptionClick", "onChange"] }, { 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"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Tabs, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.2", type: Tabs, isStandalone: true, selector: "mt-tabs", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fluid: { classPropertyName: "fluid", publicName: "fluid", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange", onChange: "onChange" }, host: { properties: { "class.w-full": "fluid()" }, classAttribute: "grid gap-1" }, ngImport: i0, template: "<p-selectbutton\n  [options]=\"options()\"\n  [(ngModel)]=\"active\"\n  (ngModelChange)=\"onTabChange($event)\"\n  [optionLabel]=\"optionLabel()\"\n  [optionValue]=\"optionValue()\"\n  styleClass=\"my-tabs-button\"\n  [size]=\"size()\"\n  [fluid]=\"fluid()\"\n  [disabled]=\"disabled()\"\n  unselectable\n/>\n", styles: [""], dependencies: [{ kind: "component", type: SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "styleClass", "ariaLabelledBy", "dataKey", "autofocus", "size", "fluid"], outputs: ["onOptionClick", "onChange"] }, { 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"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Tabs, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Tabs, decorators: [{
             type: Component,
             args: [{ selector: 'mt-tabs', standalone: true, imports: [SelectButton, FormsModule], host: {
                         class: 'grid gap-1',

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

@@ -105,8 +105,8 @@ class TextField {
     setDisabledState(disabled) {
         this.disabled.set(disabled);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: TextField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: TextField, isStandalone: true, selector: "mt-text-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "inputText", first: true, predicate: ["inputText"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n@if (!hint()) {\n  <ng-container *ngTemplateOutlet=\"inputTemp\"></ng-container>\n} @else {\n  <p-inputgroup>\n    <ng-container *ngTemplateOutlet=\"inputTemp\"></ng-container>\n    <p-inputgroup-addon [mtTooltip]=\"hint()\" tooltipPosition=\"top\">\n      <mt-icon icon=\"general.help-circle\" />\n    </p-inputgroup-addon>\n  </p-inputgroup>\n}\n\n<ng-template #inputTemp>\n  @if (!icon()) {\n    <input\n      #inputText=\"\"\n      pInputText=\"\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onValueChange($event)\"\n      [disabled]=\"disabled() || readonly()\"\n      [type]=\"type()\"\n      [id]=\"ngControl?.name || label()\"\n      [invalid]=\"isInvalid(ngControl?.control)\"\n      (blur)=\"onTouched()\"\n      placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n      class=\"w-full\"\n    />\n  } @else {\n    <p-iconfield iconPosition=\"iconPos()\">\n      <p-inputicon>\n        <mt-icon [icon]=\"icon()\" />\n      </p-inputicon>\n      <input\n        #inputText=\"\"\n        pInputText=\"\"\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onValueChange($event)\"\n        [disabled]=\"disabled() || readonly()\"\n        [type]=\"type()\"\n        [id]=\"ngControl?.name || label()\"\n        [invalid]=\"isInvalid(ngControl?.control)\"\n        (blur)=\"onTouched()\"\n        placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n        class=\"w-full\"\n      />\n    </p-iconfield>\n  }\n</ng-template>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPt", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "component", type: IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "directive", type:
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: TextField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: TextField, isStandalone: true, selector: "mt-text-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "inputText", first: true, predicate: ["inputText"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n@if (!hint()) {\n  <ng-container *ngTemplateOutlet=\"inputTemp\"></ng-container>\n} @else {\n  <p-inputgroup>\n    <ng-container *ngTemplateOutlet=\"inputTemp\"></ng-container>\n    <p-inputgroup-addon [mtTooltip]=\"hint()\" tooltipPosition=\"top\">\n      <mt-icon icon=\"general.help-circle\" />\n    </p-inputgroup-addon>\n  </p-inputgroup>\n}\n\n<ng-template #inputTemp>\n  @if (!icon()) {\n    <input\n      #inputText=\"\"\n      pInputText=\"\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onValueChange($event)\"\n      [disabled]=\"disabled() || readonly()\"\n      [type]=\"type()\"\n      [id]=\"ngControl?.name || label()\"\n      [invalid]=\"isInvalid(ngControl?.control)\"\n      (blur)=\"onTouched()\"\n      placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n      class=\"w-full\"\n    />\n  } @else {\n    <p-iconfield iconPosition=\"iconPos()\">\n      <p-inputicon>\n        <mt-icon [icon]=\"icon()\" />\n      </p-inputicon>\n      <input\n        #inputText=\"\"\n        pInputText=\"\"\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onValueChange($event)\"\n        [disabled]=\"disabled() || readonly()\"\n        [type]=\"type()\"\n        [id]=\"ngControl?.name || label()\"\n        [invalid]=\"isInvalid(ngControl?.control)\"\n        (blur)=\"onTouched()\"\n        placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n        class=\"w-full\"\n      />\n    </p-iconfield>\n  }\n</ng-template>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPt", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "component", type: IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "directive", type:
                 // INFO: if we need this filter uncomment the import, and next line and add this to the template input
                 //[pKeyFilter]="
                 //   pKeyFilter()
@@ -118,7 +118,7 @@ class TextField {
                 // KeyFilterModule,
                 Tooltip, selector: "[mtTooltip]" }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i3.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i4.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: TextField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: TextField, decorators: [{
             type: Component,
             args: [{ selector: 'mt-text-field', standalone: true, imports: [
                         FormsModule,

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

@@ -68,10 +68,10 @@ class TextareaField {
     setDisabledState(disabled) {
         this.disabled.set(disabled);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: TextareaField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: TextareaField, isStandalone: true, selector: "mt-textarea-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, noErrorStyle: { classPropertyName: "noErrorStyle", publicName: "noErrorStyle", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n<textarea\n  #textarea\n  pTextarea\n  [ngModel]=\"value()\"\n  (ngModelChange)=\"onValueChange($event)\"\n  (blur)=\"onTouched()\"\n  [disabled]=\"disabled() || readonly()\"\n  [id]=\"ngControl?.name || label()\"\n  [invalid]=\"!noErrorStyle() && isInvalid(ngControl?.control)\"\n  (blur)=\"onTouched()\"\n  placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n  class=\"w-full\"\n  [rows]=\"rows()\"\n  style=\"resize: none\"\n></textarea>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i2.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPt", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { 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.2", ngImport: i0, type: TextareaField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: TextareaField, isStandalone: true, selector: "mt-textarea-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, noErrorStyle: { classPropertyName: "noErrorStyle", publicName: "noErrorStyle", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n<textarea\n  #textarea\n  pTextarea\n  [ngModel]=\"value()\"\n  (ngModelChange)=\"onValueChange($event)\"\n  (blur)=\"onTouched()\"\n  [disabled]=\"disabled() || readonly()\"\n  [id]=\"ngControl?.name || label()\"\n  [invalid]=\"!noErrorStyle() && isInvalid(ngControl?.control)\"\n  (blur)=\"onTouched()\"\n  placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n  class=\"w-full\"\n  [rows]=\"rows()\"\n  style=\"resize: none\"\n></textarea>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TextareaModule }, { kind: "directive", type: i2.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPt", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: TextareaField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: TextareaField, decorators: [{
             type: Component,
             args: [{ selector: 'mt-textarea-field', standalone: true, imports: [FormsModule, TextareaModule, FieldValidation], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'grid gap-1',

package/fesm2022/masterteam-components-toast.mjs CHANGED Viewed

@@ -7,10 +7,10 @@ import { MessageService } from 'primeng/api';
 class Toast {
     toastPosition = 'bottom-right';
     toastTransX = 'translateX(100%)';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Toast, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.1", type: Toast, isStandalone: true, selector: "mt-toast", ngImport: i0, template: "<p-toast [position]=\"toastPosition\" [showTransformOptions]=\"toastTransX\">\n  <!-- <ng-template let-message #headless let-closeFn=\"closeFn\"> -->\n  <!--   <div> -->\n  <!--     <div class=\"flex justify-between p-3\"> -->\n  <!--       <h6> -->\n  <!--         {{ message.summary }} -->\n  <!--       </h6> -->\n  <!--       <mt-button -->\n  <!--         size=\"small\" -->\n  <!--         icon=\"general.x\" -->\n  <!--         severity=\"secondary\" -->\n  <!--         text -->\n  <!--         (onClick)=\"closeFn()\" -->\n  <!--       /> -->\n  <!--     </div> -->\n  <!--   </div> -->\n  <!-- </ng-template> -->\n</p-toast>\n", dependencies: [{ kind: "ngmodule", type: ToastModule }, { kind: "component", type: i1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "motionOptions", "breakpoints"], outputs: ["onClose"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Toast, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.2", type: Toast, isStandalone: true, selector: "mt-toast", ngImport: i0, template: "<p-toast [position]=\"toastPosition\" [showTransformOptions]=\"toastTransX\">\n  <!-- <ng-template let-message #headless let-closeFn=\"closeFn\"> -->\n  <!--   <div> -->\n  <!--     <div class=\"flex justify-between p-3\"> -->\n  <!--       <h6> -->\n  <!--         {{ message.summary }} -->\n  <!--       </h6> -->\n  <!--       <mt-button -->\n  <!--         size=\"small\" -->\n  <!--         icon=\"general.x\" -->\n  <!--         severity=\"secondary\" -->\n  <!--         text -->\n  <!--         (onClick)=\"closeFn()\" -->\n  <!--       /> -->\n  <!--     </div> -->\n  <!--   </div> -->\n  <!-- </ng-template> -->\n</p-toast>\n", dependencies: [{ kind: "ngmodule", type: ToastModule }, { kind: "component", type: i1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "motionOptions", "breakpoints"], outputs: ["onClose"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Toast, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Toast, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [ToastModule], selector: 'mt-toast', template: "<p-toast [position]=\"toastPosition\" [showTransformOptions]=\"toastTransX\">\n  <!-- <ng-template let-message #headless let-closeFn=\"closeFn\"> -->\n  <!--   <div> -->\n  <!--     <div class=\"flex justify-between p-3\"> -->\n  <!--       <h6> -->\n  <!--         {{ message.summary }} -->\n  <!--       </h6> -->\n  <!--       <mt-button -->\n  <!--         size=\"small\" -->\n  <!--         icon=\"general.x\" -->\n  <!--         severity=\"secondary\" -->\n  <!--         text -->\n  <!--         (onClick)=\"closeFn()\" -->\n  <!--       /> -->\n  <!--     </div> -->\n  <!--   </div> -->\n  <!-- </ng-template> -->\n</p-toast>\n" }]
         }] });
@@ -57,10 +57,10 @@ class ToastService {
     summary = '') {
         this.messageService.add({ severity: 'contrast', summary, detail });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ToastService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ToastService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ToastService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ToastService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2022/masterteam-components-toggle-field.mjs CHANGED Viewed

@@ -67,10 +67,10 @@ class ToggleField {
     setDisabledState(disabled) {
         this.disabled.set(disabled);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ToggleField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: ToggleField, isStandalone: true, selector: "mt-toggle-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, host: { classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "toggle", first: true, predicate: ["toggle"], descendants: true, static: true }], ngImport: i0, template: "<div\n  class=\"flex gap-1\"\n  [class.items-center]=\"!isVertical()\"\n  [class.gap-2]=\"!isVertical()\"\n  [class.flex-col]=\"isVertical()\"\n  [class.flex-col-reverse]=\"labelPosition() === 'top'\"\n  [class.flex-row-reverse]=\"labelPosition() === 'start'\"\n  [class.justify-end]=\"labelPosition() === 'start'\"\n>\n  <p-toggleswitch\n    #checkbox\n    [ngModel]=\"value()\"\n    (ngModelChange)=\"onValueChange($event)\"\n    (onChange)=\"onTouched(); onChange.emit($event)\"\n    [disabled]=\"disabled() || readonly()\"\n    [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n    [invalid]=\"isInvalid(ngControl?.control)\"\n    class=\"leading-none\"\n  ></p-toggleswitch>\n  @if (label()) {\n    <label\n      [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n      [for]=\"ngControl?.name || label()\"\n      >{{ label() }}</label\n    >\n  }\n</div>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n", styles: [""], 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: "ngmodule", type: ToggleSwitchModule }, { kind: "component", type: i2.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { 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.2", ngImport: i0, type: ToggleField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: ToggleField, isStandalone: true, selector: "mt-toggle-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, host: { classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "toggle", first: true, predicate: ["toggle"], descendants: true, static: true }], ngImport: i0, template: "<div\n  class=\"flex gap-1\"\n  [class.items-center]=\"!isVertical()\"\n  [class.gap-2]=\"!isVertical()\"\n  [class.flex-col]=\"isVertical()\"\n  [class.flex-col-reverse]=\"labelPosition() === 'top'\"\n  [class.flex-row-reverse]=\"labelPosition() === 'start'\"\n  [class.justify-end]=\"labelPosition() === 'start'\"\n>\n  <p-toggleswitch\n    #checkbox\n    [ngModel]=\"value()\"\n    (ngModelChange)=\"onValueChange($event)\"\n    (onChange)=\"onTouched(); onChange.emit($event)\"\n    [disabled]=\"disabled() || readonly()\"\n    [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n    [invalid]=\"isInvalid(ngControl?.control)\"\n    class=\"leading-none\"\n  ></p-toggleswitch>\n  @if (label()) {\n    <label\n      [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n      [for]=\"ngControl?.name || label()\"\n      >{{ label() }}</label\n    >\n  }\n</div>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n", styles: [""], 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: "ngmodule", type: ToggleSwitchModule }, { kind: "component", type: i2.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ToggleField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ToggleField, decorators: [{
             type: Component,
             args: [{ selector: 'mt-toggle-field', standalone: true, imports: [FormsModule, ToggleSwitchModule, FieldValidation], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'grid gap-1',

package/fesm2022/masterteam-components-tooltip.mjs CHANGED Viewed

@@ -4,10 +4,10 @@ import * as i1 from 'primeng/tooltip';
 import { Tooltip as Tooltip$1 } from 'primeng/tooltip';
 class Tooltip {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Tooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", type: Tooltip, isStandalone: true, selector: "[mtTooltip]", hostDirectives: [{ directive: i1.Tooltip, inputs: ["pTooltip", "mtTooltip", "tooltipPosition", "tooltipPosition", "tooltipEvent", "tooltipEvent", "appendTo", "appendTo", "tooltipStyleClass", "tooltipStyleClass", "escape", "escape", "showDelay", "showDelay", "hideDelay", "hideDelay", "life", "life", "positionTop", "positionTop", "positionLeft", "positionLeft", "autoHide", "autoHide", "fitContent", "fitContent", "hideOnEscape", "hideOnEscape", "tooltipDisabled", "tooltipDisabled"] }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Tooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.2", type: Tooltip, isStandalone: true, selector: "[mtTooltip]", hostDirectives: [{ directive: i1.Tooltip, inputs: ["pTooltip", "mtTooltip", "tooltipPosition", "tooltipPosition", "tooltipEvent", "tooltipEvent", "appendTo", "appendTo", "tooltipStyleClass", "tooltipStyleClass", "escape", "escape", "showDelay", "showDelay", "hideDelay", "hideDelay", "life", "life", "positionTop", "positionTop", "positionLeft", "positionLeft", "autoHide", "autoHide", "fitContent", "fitContent", "hideOnEscape", "hideOnEscape", "tooltipDisabled", "tooltipDisabled"] }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Tooltip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Tooltip, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mtTooltip]',

package/fesm2022/masterteam-components-topbar.mjs CHANGED Viewed

@@ -11,10 +11,10 @@ class Topbar {
     textColor = input('var(--p-primary-contrast-color)', { ...(ngDevMode ? { debugName: "textColor" } : {}) });
     title = input(undefined, { ...(ngDevMode ? { debugName: "title" } : {}) });
     subTitle = input(undefined, { ...(ngDevMode ? { debugName: "subTitle" } : {}) });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Topbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: Topbar, isStandalone: true, selector: "mt-topbar", inputs: { logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, logoLink: { classPropertyName: "logoLink", publicName: "logoLink", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, bgImage: { classPropertyName: "bgImage", publicName: "bgImage", isSignal: true, isRequired: false, transformFunction: null }, bgRepeat: { classPropertyName: "bgRepeat", publicName: "bgRepeat", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"w-screen flex justify-between align-center bg-primary p-4 pb-8 h-[calc(var(--header-height)+(8*var(--spacing)))]\"\n  [style.backgroundColor]=\"bgColor()\"\n  [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\n  [class.bg-no-repeat]=\"!bgRepeat()\"\n  [class.bg-repeat]=\"bgRepeat()\"\n>\n  <div class=\"flex gap-4 items-center\" [style.color]=\"textColor()\">\n    @if (logo()) {\n      <img\n        [src]=\"logo()\"\n        alt=\"Logo\"\n        class=\"h-full\"\n        [routerLink]=\"logoLink()\"\n        [class.cursor-pointer]=\"logoLink()\"\n      />\n    }\n    @if (logo() && (title() || subTitle())) {\n      <div class=\"h-3/4 w-[1px] bg-current\"></div>\n    }\n    @if (title() || subTitle()) {\n      <div class=\"flex flex-col gap-1\">\n        <h2 class=\"text-xl font-semibold product-name\">\n          {{ title() }}\n        </h2>\n        <span class=\"text-sm font-semibold product-tagline\">{{\n          subTitle()\n        }}</span>\n      </div>\n    }\n  </div>\n  <div class=\"flex gap-2 items-center\">\n    <ng-content select=\"[actions]\"></ng-content>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Topbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: Topbar, isStandalone: true, selector: "mt-topbar", inputs: { logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, logoLink: { classPropertyName: "logoLink", publicName: "logoLink", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, bgImage: { classPropertyName: "bgImage", publicName: "bgImage", isSignal: true, isRequired: false, transformFunction: null }, bgRepeat: { classPropertyName: "bgRepeat", publicName: "bgRepeat", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"w-screen flex justify-between align-center bg-primary p-4 pb-8 h-[calc(var(--header-height)+(8*var(--spacing)))]\"\n  [style.backgroundColor]=\"bgColor()\"\n  [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\n  [class.bg-no-repeat]=\"!bgRepeat()\"\n  [class.bg-repeat]=\"bgRepeat()\"\n>\n  <div class=\"flex gap-4 items-center\" [style.color]=\"textColor()\">\n    @if (logo()) {\n      <img\n        [src]=\"logo()\"\n        alt=\"Logo\"\n        class=\"h-full\"\n        [routerLink]=\"logoLink()\"\n        [class.cursor-pointer]=\"logoLink()\"\n      />\n    }\n    @if (logo() && (title() || subTitle())) {\n      <div class=\"h-3/4 w-[1px] bg-current\"></div>\n    }\n    @if (title() || subTitle()) {\n      <div class=\"flex flex-col gap-1\">\n        <h2 class=\"text-xl font-semibold product-name\">\n          {{ title() }}\n        </h2>\n        <span class=\"text-sm font-semibold product-tagline\">{{\n          subTitle()\n        }}</span>\n      </div>\n    }\n  </div>\n  <div class=\"flex gap-2 items-center\">\n    <ng-content select=\"[actions]\"></ng-content>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Topbar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: Topbar, decorators: [{
             type: Component,
             args: [{ selector: 'mt-topbar', standalone: true, imports: [RouterLink], template: "<div\n  class=\"w-screen flex justify-between align-center bg-primary p-4 pb-8 h-[calc(var(--header-height)+(8*var(--spacing)))]\"\n  [style.backgroundColor]=\"bgColor()\"\n  [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\n  [class.bg-no-repeat]=\"!bgRepeat()\"\n  [class.bg-repeat]=\"bgRepeat()\"\n>\n  <div class=\"flex gap-4 items-center\" [style.color]=\"textColor()\">\n    @if (logo()) {\n      <img\n        [src]=\"logo()\"\n        alt=\"Logo\"\n        class=\"h-full\"\n        [routerLink]=\"logoLink()\"\n        [class.cursor-pointer]=\"logoLink()\"\n      />\n    }\n    @if (logo() && (title() || subTitle())) {\n      <div class=\"h-3/4 w-[1px] bg-current\"></div>\n    }\n    @if (title() || subTitle()) {\n      <div class=\"flex flex-col gap-1\">\n        <h2 class=\"text-xl font-semibold product-name\">\n          {{ title() }}\n        </h2>\n        <span class=\"text-sm font-semibold product-tagline\">{{\n          subTitle()\n        }}</span>\n      </div>\n    }\n  </div>\n  <div class=\"flex gap-2 items-center\">\n    <ng-content select=\"[actions]\"></ng-content>\n  </div>\n</div>\n" }]
         }], propDecorators: { logo: [{ type: i0.Input, args: [{ isSignal: true, alias: "logo", required: false }] }], logoLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoLink", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], bgImage: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgImage", required: false }] }], bgRepeat: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgRepeat", required: false }] }], textColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "textColor", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subTitle", required: false }] }] } });