@masterteam/components 0.0.136 → 0.0.137

package/fesm2022/masterteam-components-page.mjs

@@ -4,25 +4,25 @@ import { PageHeader } from '@masterteam/components/page-header';
 import { NgTemplateOutlet } from '@angular/common';
 
 class Page {
-    backButton = input(false, { ...(ngDevMode ? { debugName: "backButton" } : {}), transform: booleanAttribute });
-    backButtonIcon = input(...(ngDevMode ? [undefined, { debugName: "backButtonIcon" }] : []));
-    avatarIcon = input(...(ngDevMode ? [undefined, { debugName: "avatarIcon" }] : []));
-    avatarStyle = input(...(ngDevMode ? [undefined, { debugName: "avatarStyle" }] : []));
-    avatarShape = input(...(ngDevMode ? [undefined, { debugName: "avatarShape" }] : []));
-    title = input.required(...(ngDevMode ? [{ debugName: "title" }] : []));
-    tabs = input([], ...(ngDevMode ? [{ debugName: "tabs" }] : []));
-    activeTab = input(...(ngDevMode ? [undefined, { debugName: "activeTab" }] : []));
-    contentClass = input('', ...(ngDevMode ? [{ debugName: "contentClass" }] : []));
-    contentId = input(...(ngDevMode ? [undefined, { debugName: "contentId" }] : []));
-    titleEnd = contentChild('titleEnd', ...(ngDevMode ? [{ debugName: "titleEnd" }] : []));
-    headerEnd = contentChild('headerEnd', ...(ngDevMode ? [{ debugName: "headerEnd" }] : []));
-    content = viewChild('content', ...(ngDevMode ? [{ debugName: "content" }] : []));
+    backButton = input(false, { ...(ngDevMode ? { debugName: "backButton" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    backButtonIcon = input(...(ngDevMode ? [undefined, { debugName: "backButtonIcon" }] : /* istanbul ignore next */ []));
+    avatarIcon = input(...(ngDevMode ? [undefined, { debugName: "avatarIcon" }] : /* istanbul ignore next */ []));
+    avatarStyle = input(...(ngDevMode ? [undefined, { debugName: "avatarStyle" }] : /* istanbul ignore next */ []));
+    avatarShape = input(...(ngDevMode ? [undefined, { debugName: "avatarShape" }] : /* istanbul ignore next */ []));
+    title = input.required(...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    tabs = input([], ...(ngDevMode ? [{ debugName: "tabs" }] : /* istanbul ignore next */ []));
+    activeTab = input(...(ngDevMode ? [undefined, { debugName: "activeTab" }] : /* istanbul ignore next */ []));
+    contentClass = input('', ...(ngDevMode ? [{ debugName: "contentClass" }] : /* istanbul ignore next */ []));
+    contentId = input(...(ngDevMode ? [undefined, { debugName: "contentId" }] : /* istanbul ignore next */ []));
+    titleEnd = contentChild('titleEnd', ...(ngDevMode ? [{ debugName: "titleEnd" }] : /* istanbul ignore next */ []));
+    headerEnd = contentChild('headerEnd', ...(ngDevMode ? [{ debugName: "headerEnd" }] : /* istanbul ignore next */ []));
+    content = viewChild('content', ...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
     backButtonClick = output();
     tabChange = output();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Page, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Page, isStandalone: true, selector: "mt-page", inputs: { backButton: { classPropertyName: "backButton", publicName: "backButton", isSignal: true, isRequired: false, transformFunction: null }, backButtonIcon: { classPropertyName: "backButtonIcon", publicName: "backButtonIcon", isSignal: true, isRequired: false, transformFunction: null }, avatarIcon: { classPropertyName: "avatarIcon", publicName: "avatarIcon", isSignal: true, isRequired: false, transformFunction: null }, avatarStyle: { classPropertyName: "avatarStyle", publicName: "avatarStyle", isSignal: true, isRequired: false, transformFunction: null }, avatarShape: { classPropertyName: "avatarShape", publicName: "avatarShape", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null }, activeTab: { classPropertyName: "activeTab", publicName: "activeTab", isSignal: true, isRequired: false, transformFunction: null }, contentClass: { classPropertyName: "contentClass", publicName: "contentClass", isSignal: true, isRequired: false, transformFunction: null }, contentId: { classPropertyName: "contentId", publicName: "contentId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { backButtonClick: "backButtonClick", tabChange: "tabChange" }, queries: [{ propertyName: "titleEnd", first: true, predicate: ["titleEnd"], descendants: true, isSignal: true }, { propertyName: "headerEnd", first: true, predicate: ["headerEnd"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"page h-full flex flex-col\">\r\n  <mt-page-header\r\n    [backButton]=\"backButton()\"\r\n    [backButtonIcon]=\"backButtonIcon()\"\r\n    [avatarIcon]=\"avatarIcon()\"\r\n    [avatarStyle]=\"avatarStyle()\"\r\n    [avatarShape]=\"avatarShape()\"\r\n    [title]=\"title()\"\r\n    [tabs]=\"tabs()\"\r\n    [activeTab]=\"activeTab()\"\r\n    (backButtonClick)=\"backButtonClick.emit()\"\r\n    (tabChange)=\"tabChange.emit($event)\"\r\n  >\r\n    @if (titleEnd(); as template) {\r\n      <ng-template #titleEnd>\r\n        <ng-container [ngTemplateOutlet]=\"template\" />\r\n      </ng-template>\r\n    }\r\n\r\n    @if (headerEnd(); as template) {\r\n      <ng-template #headerEnd>\r\n        <ng-container [ngTemplateOutlet]=\"template\" />\r\n      </ng-template>\r\n    }\r\n  </mt-page-header>\r\n  <div\r\n    [class]=\"'flex-1 relative overflow-x-hidden '\"\r\n    [id]=\"contentId() ?? 'page-content'\"\r\n  >\r\n    <div\r\n      [class]=\"'h-full w-full overflow-y-auto p-5 ' + contentClass()\"\r\n      #content\r\n    >\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "component", type: PageHeader, selector: "mt-page-header", inputs: ["backButton", "backButtonIcon", "avatarIcon", "avatarStyle", "avatarShape", "title", "tabs", "activeTab"], outputs: ["backButtonClick", "tabChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Page, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Page, isStandalone: true, selector: "mt-page", inputs: { backButton: { classPropertyName: "backButton", publicName: "backButton", isSignal: true, isRequired: false, transformFunction: null }, backButtonIcon: { classPropertyName: "backButtonIcon", publicName: "backButtonIcon", isSignal: true, isRequired: false, transformFunction: null }, avatarIcon: { classPropertyName: "avatarIcon", publicName: "avatarIcon", isSignal: true, isRequired: false, transformFunction: null }, avatarStyle: { classPropertyName: "avatarStyle", publicName: "avatarStyle", isSignal: true, isRequired: false, transformFunction: null }, avatarShape: { classPropertyName: "avatarShape", publicName: "avatarShape", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null }, activeTab: { classPropertyName: "activeTab", publicName: "activeTab", isSignal: true, isRequired: false, transformFunction: null }, contentClass: { classPropertyName: "contentClass", publicName: "contentClass", isSignal: true, isRequired: false, transformFunction: null }, contentId: { classPropertyName: "contentId", publicName: "contentId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { backButtonClick: "backButtonClick", tabChange: "tabChange" }, queries: [{ propertyName: "titleEnd", first: true, predicate: ["titleEnd"], descendants: true, isSignal: true }, { propertyName: "headerEnd", first: true, predicate: ["headerEnd"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"page h-full flex flex-col\">\r\n  <mt-page-header\r\n    [backButton]=\"backButton()\"\r\n    [backButtonIcon]=\"backButtonIcon()\"\r\n    [avatarIcon]=\"avatarIcon()\"\r\n    [avatarStyle]=\"avatarStyle()\"\r\n    [avatarShape]=\"avatarShape()\"\r\n    [title]=\"title()\"\r\n    [tabs]=\"tabs()\"\r\n    [activeTab]=\"activeTab()\"\r\n    (backButtonClick)=\"backButtonClick.emit()\"\r\n    (tabChange)=\"tabChange.emit($event)\"\r\n  >\r\n    @if (titleEnd(); as template) {\r\n      <ng-template #titleEnd>\r\n        <ng-container [ngTemplateOutlet]=\"template\" />\r\n      </ng-template>\r\n    }\r\n\r\n    @if (headerEnd(); as template) {\r\n      <ng-template #headerEnd>\r\n        <ng-container [ngTemplateOutlet]=\"template\" />\r\n      </ng-template>\r\n    }\r\n  </mt-page-header>\r\n  <div\r\n    [class]=\"'flex-1 relative overflow-x-hidden '\"\r\n    [id]=\"contentId() ?? 'page-content'\"\r\n  >\r\n    <div\r\n      [class]=\"'h-full w-full overflow-y-auto p-5 ' + contentClass()\"\r\n      #content\r\n    >\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "component", type: PageHeader, selector: "mt-page-header", inputs: ["backButton", "backButtonIcon", "avatarIcon", "avatarStyle", "avatarShape", "title", "tabs", "activeTab"], outputs: ["backButtonClick", "tabChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Page, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Page, decorators: [{
             type: Component,
             args: [{ selector: 'mt-page', standalone: true, imports: [PageHeader, NgTemplateOutlet], template: "<div class=\"page h-full flex flex-col\">\r\n  <mt-page-header\r\n    [backButton]=\"backButton()\"\r\n    [backButtonIcon]=\"backButtonIcon()\"\r\n    [avatarIcon]=\"avatarIcon()\"\r\n    [avatarStyle]=\"avatarStyle()\"\r\n    [avatarShape]=\"avatarShape()\"\r\n    [title]=\"title()\"\r\n    [tabs]=\"tabs()\"\r\n    [activeTab]=\"activeTab()\"\r\n    (backButtonClick)=\"backButtonClick.emit()\"\r\n    (tabChange)=\"tabChange.emit($event)\"\r\n  >\r\n    @if (titleEnd(); as template) {\r\n      <ng-template #titleEnd>\r\n        <ng-container [ngTemplateOutlet]=\"template\" />\r\n      </ng-template>\r\n    }\r\n\r\n    @if (headerEnd(); as template) {\r\n      <ng-template #headerEnd>\r\n        <ng-container [ngTemplateOutlet]=\"template\" />\r\n      </ng-template>\r\n    }\r\n  </mt-page-header>\r\n  <div\r\n    [class]=\"'flex-1 relative overflow-x-hidden '\"\r\n    [id]=\"contentId() ?? 'page-content'\"\r\n  >\r\n    <div\r\n      [class]=\"'h-full w-full overflow-y-auto p-5 ' + contentClass()\"\r\n      #content\r\n    >\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
         }], propDecorators: { backButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "backButton", required: false }] }], backButtonIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "backButtonIcon", required: false }] }], avatarIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarIcon", required: false }] }], avatarStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarStyle", required: false }] }], avatarShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarShape", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], tabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabs", required: false }] }], activeTab: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeTab", required: false }] }], contentClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentClass", required: false }] }], contentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentId", required: false }] }], titleEnd: [{ type: i0.ContentChild, args: ['titleEnd', { isSignal: true }] }], headerEnd: [{ type: i0.ContentChild, args: ['headerEnd', { isSignal: true }] }], content: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }], backButtonClick: [{ type: i0.Output, args: ["backButtonClick"] }], tabChange: [{ type: i0.Output, args: ["tabChange"] }] } });

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

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-page.mjs","sources":["../../../../packages/masterteam/components/page/page.ts","../../../../packages/masterteam/components/page/page.html","../../../../packages/masterteam/components/page/masterteam-components-page.ts"],"sourcesContent":["import {\r\n  Component,\r\n  input,\r\n  output,\r\n  contentChild,\r\n  TemplateRef,\r\n  viewChild,\r\n  ElementRef,\r\n  booleanAttribute,\r\n} from '@angular/core';\r\nimport { PageHeader, PageHeaderTab } from '@masterteam/components/page-header';\r\nimport { MTIcon } from '@masterteam/icons';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\n\r\n@Component({\r\n  selector: 'mt-page',\r\n  standalone: true,\r\n  imports: [PageHeader, NgTemplateOutlet],\r\n  templateUrl: './page.html',\r\n})\r\nexport class Page {\r\n  backButton = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  backButtonIcon = input<'arrow' | 'close'>();\r\n  avatarIcon = input<MTIcon>();\r\n  avatarStyle = input<Record<string, string>>();\r\n  avatarShape = input<'circle' | 'square'>();\r\n  title = input.required<string>();\r\n  tabs = input<PageHeaderTab[]>([]);\r\n  activeTab = input<string | number>();\r\n  contentClass = input<string>('');\r\n  contentId = input<string>();\r\n\r\n  titleEnd = contentChild<TemplateRef<any>>('titleEnd');\r\n  headerEnd = contentChild<TemplateRef<any>>('headerEnd');\r\n  content = viewChild<ElementRef<HTMLElement>>('content');\r\n\r\n  backButtonClick = output<void>();\r\n  tabChange = output<string | number>();\r\n}\r\n","<div class=\"page h-full flex flex-col\">\r\n  <mt-page-header\r\n    [backButton]=\"backButton()\"\r\n    [backButtonIcon]=\"backButtonIcon()\"\r\n    [avatarIcon]=\"avatarIcon()\"\r\n    [avatarStyle]=\"avatarStyle()\"\r\n    [avatarShape]=\"avatarShape()\"\r\n    [title]=\"title()\"\r\n    [tabs]=\"tabs()\"\r\n    [activeTab]=\"activeTab()\"\r\n    (backButtonClick)=\"backButtonClick.emit()\"\r\n    (tabChange)=\"tabChange.emit($event)\"\r\n  >\r\n    @if (titleEnd(); as template) {\r\n      <ng-template #titleEnd>\r\n        <ng-container [ngTemplateOutlet]=\"template\" />\r\n      </ng-template>\r\n    }\r\n\r\n    @if (headerEnd(); as template) {\r\n      <ng-template #headerEnd>\r\n        <ng-container [ngTemplateOutlet]=\"template\" />\r\n      </ng-template>\r\n    }\r\n  </mt-page-header>\r\n  <div\r\n    [class]=\"'flex-1 relative overflow-x-hidden '\"\r\n    [id]=\"contentId() ?? 'page-content'\"\r\n  >\r\n    <div\r\n      [class]=\"'h-full w-full overflow-y-auto p-5 ' + contentClass()\"\r\n      #content\r\n    >\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"masterteam-components-page.mjs","sources":["../../../../packages/masterteam/components/page/page.ts","../../../../packages/masterteam/components/page/page.html","../../../../packages/masterteam/components/page/masterteam-components-page.ts"],"sourcesContent":["import {\r\n  Component,\r\n  input,\r\n  output,\r\n  contentChild,\r\n  TemplateRef,\r\n  viewChild,\r\n  ElementRef,\r\n  booleanAttribute,\r\n} from '@angular/core';\r\nimport { PageHeader, PageHeaderTab } from '@masterteam/components/page-header';\r\nimport { MTIcon } from '@masterteam/icons';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\n\r\n@Component({\r\n  selector: 'mt-page',\r\n  standalone: true,\r\n  imports: [PageHeader, NgTemplateOutlet],\r\n  templateUrl: './page.html',\r\n})\r\nexport class Page {\r\n  backButton = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  backButtonIcon = input<'arrow' | 'close'>();\r\n  avatarIcon = input<MTIcon>();\r\n  avatarStyle = input<Record<string, string>>();\r\n  avatarShape = input<'circle' | 'square'>();\r\n  title = input.required<string>();\r\n  tabs = input<PageHeaderTab[]>([]);\r\n  activeTab = input<string | number>();\r\n  contentClass = input<string>('');\r\n  contentId = input<string>();\r\n\r\n  titleEnd = contentChild<TemplateRef<any>>('titleEnd');\r\n  headerEnd = contentChild<TemplateRef<any>>('headerEnd');\r\n  content = viewChild<ElementRef<HTMLElement>>('content');\r\n\r\n  backButtonClick = output<void>();\r\n  tabChange = output<string | number>();\r\n}\r\n","<div class=\"page h-full flex flex-col\">\r\n  <mt-page-header\r\n    [backButton]=\"backButton()\"\r\n    [backButtonIcon]=\"backButtonIcon()\"\r\n    [avatarIcon]=\"avatarIcon()\"\r\n    [avatarStyle]=\"avatarStyle()\"\r\n    [avatarShape]=\"avatarShape()\"\r\n    [title]=\"title()\"\r\n    [tabs]=\"tabs()\"\r\n    [activeTab]=\"activeTab()\"\r\n    (backButtonClick)=\"backButtonClick.emit()\"\r\n    (tabChange)=\"tabChange.emit($event)\"\r\n  >\r\n    @if (titleEnd(); as template) {\r\n      <ng-template #titleEnd>\r\n        <ng-container [ngTemplateOutlet]=\"template\" />\r\n      </ng-template>\r\n    }\r\n\r\n    @if (headerEnd(); as template) {\r\n      <ng-template #headerEnd>\r\n        <ng-container [ngTemplateOutlet]=\"template\" />\r\n      </ng-template>\r\n    }\r\n  </mt-page-header>\r\n  <div\r\n    [class]=\"'flex-1 relative overflow-x-hidden '\"\r\n    [id]=\"contentId() ?? 'page-content'\"\r\n  >\r\n    <div\r\n      [class]=\"'h-full w-full overflow-y-auto p-5 ' + contentClass()\"\r\n      #content\r\n    >\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/masterteam-components-paginator.mjs

@@ -8,17 +8,17 @@ import { TranslocoModule } from '@jsverse/transloco';
 import * as i2 from 'primeng/api';
 
 class Paginator {
-    rows = model(10, ...(ngDevMode ? [{ debugName: "rows" }] : []));
-    totalRecords = input(0, ...(ngDevMode ? [{ debugName: "totalRecords" }] : []));
-    first = model(0, ...(ngDevMode ? [{ debugName: "first" }] : []));
-    page = model(0, ...(ngDevMode ? [{ debugName: "page" }] : []));
-    rowsPerPageOptions = input(undefined, ...(ngDevMode ? [{ debugName: "rowsPerPageOptions" }] : []));
-    showFirstLastIcon = input(false, { ...(ngDevMode ? { debugName: "showFirstLastIcon" } : {}), transform: booleanAttribute });
-    showCurrentPageReport = input(false, { ...(ngDevMode ? { debugName: "showCurrentPageReport" } : {}), transform: booleanAttribute });
-    fluid = input(false, { ...(ngDevMode ? { debugName: "fluid" } : {}), transform: booleanAttribute });
+    rows = model(10, ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+    totalRecords = input(0, ...(ngDevMode ? [{ debugName: "totalRecords" }] : /* istanbul ignore next */ []));
+    first = model(0, ...(ngDevMode ? [{ debugName: "first" }] : /* istanbul ignore next */ []));
+    page = model(0, ...(ngDevMode ? [{ debugName: "page" }] : /* istanbul ignore next */ []));
+    rowsPerPageOptions = input(undefined, ...(ngDevMode ? [{ debugName: "rowsPerPageOptions" }] : /* istanbul ignore next */ []));
+    showFirstLastIcon = input(false, { ...(ngDevMode ? { debugName: "showFirstLastIcon" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    showCurrentPageReport = input(false, { ...(ngDevMode ? { debugName: "showCurrentPageReport" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    fluid = input(false, { ...(ngDevMode ? { debugName: "fluid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     // Paginator Inputs
-    pageLinkSize = input(6, ...(ngDevMode ? [{ debugName: "pageLinkSize" }] : []));
-    alwaysShow = input(true, { ...(ngDevMode ? { debugName: "alwaysShow" } : {}), transform: booleanAttribute });
+    pageLinkSize = input(6, ...(ngDevMode ? [{ debugName: "pageLinkSize" }] : /* istanbul ignore next */ []));
+    alwaysShow = input(true, { ...(ngDevMode ? { debugName: "alwaysShow" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     onPageChange = output();
     onPaginatorChange(event) {
         this.first.set(event.first);
@@ -26,10 +26,10 @@ class Paginator {
         this.rows.set(event.rows);
         this.onPageChange.emit(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Paginator, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", type: Paginator, isStandalone: true, selector: "mt-paginator", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: true, isRequired: false, transformFunction: null }, first: { classPropertyName: "first", publicName: "first", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, rowsPerPageOptions: { classPropertyName: "rowsPerPageOptions", publicName: "rowsPerPageOptions", isSignal: true, isRequired: false, transformFunction: null }, showFirstLastIcon: { classPropertyName: "showFirstLastIcon", publicName: "showFirstLastIcon", isSignal: true, isRequired: false, transformFunction: null }, showCurrentPageReport: { classPropertyName: "showCurrentPageReport", publicName: "showCurrentPageReport", isSignal: true, isRequired: false, transformFunction: null }, fluid: { classPropertyName: "fluid", publicName: "fluid", isSignal: true, isRequired: false, transformFunction: null }, pageLinkSize: { classPropertyName: "pageLinkSize", publicName: "pageLinkSize", isSignal: true, isRequired: false, transformFunction: null }, alwaysShow: { classPropertyName: "alwaysShow", publicName: "alwaysShow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rows: "rowsChange", first: "firstChange", page: "pageChange", onPageChange: "onPageChange" }, host: { classAttribute: "grid gap-1" }, ngImport: i0, template: "<p-paginator\r\n  [rows]=\"rows()\"\r\n  [totalRecords]=\"totalRecords()\"\r\n  [first]=\"first()\"\r\n  [pageLinkSize]=\"pageLinkSize()\"\r\n  [rowsPerPageOptions]=\"rowsPerPageOptions()\"\r\n  [showFirstLastIcon]=\"showFirstLastIcon()\"\r\n  [showCurrentPageReport]=\"showCurrentPageReport()\"\r\n  [alwaysShow]=\"alwaysShow()\"\r\n  (onPageChange)=\"onPaginatorChange($event)\"\r\n  appendTo=\"body\"\r\n>\r\n  <ng-template pTemplate=\"previouspagelinkicon\">\r\n    <div class=\"flex items-center justify-center px-3 gap-3\">\r\n      <svg\r\n        width=\"12\"\r\n        height=\"12\"\r\n        viewBox=\"0 0 14 14\"\r\n        fill=\"none\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n      >\r\n        <path\r\n          d=\"M12.8346 6.99984H1.16797M1.16797 6.99984L7.0013 12.8332M1.16797 6.99984L7.0013 1.1665\"\r\n          stroke=\"#414651\"\r\n          stroke-width=\"1.67\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n        />\r\n      </svg>\r\n      <span class=\"rtl:rotate-180\">\r\n        {{ \"components.paginator.previous\" | transloco }}\r\n      </span>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <ng-template pTemplate=\"nextpagelinkicon\">\r\n    <div class=\"flex items-center justify-center px-3 gap-3\">\r\n      <span class=\"rtl:rotate-180\">\r\n        {{ \"components.paginator.next\" | transloco }}</span\r\n      >\r\n      <svg\r\n        width=\"12\"\r\n        height=\"12\"\r\n        viewBox=\"0 0 14 14\"\r\n        fill=\"none\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n      >\r\n        <path\r\n          d=\"M1.16797 6.99984H12.8346M12.8346 6.99984L7.0013 1.1665M12.8346 6.99984L7.0013 12.8332\"\r\n          stroke=\"#414651\"\r\n          stroke-width=\"1.67\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n        />\r\n      </svg>\r\n    </div>\r\n  </ng-template>\r\n</p-paginator>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: PaginatorModule }, { kind: "component", type: i1.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first", "appendTo"], outputs: ["onPageChange"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Paginator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: Paginator, isStandalone: true, selector: "mt-paginator", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, totalRecords: { classPropertyName: "totalRecords", publicName: "totalRecords", isSignal: true, isRequired: false, transformFunction: null }, first: { classPropertyName: "first", publicName: "first", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, rowsPerPageOptions: { classPropertyName: "rowsPerPageOptions", publicName: "rowsPerPageOptions", isSignal: true, isRequired: false, transformFunction: null }, showFirstLastIcon: { classPropertyName: "showFirstLastIcon", publicName: "showFirstLastIcon", isSignal: true, isRequired: false, transformFunction: null }, showCurrentPageReport: { classPropertyName: "showCurrentPageReport", publicName: "showCurrentPageReport", isSignal: true, isRequired: false, transformFunction: null }, fluid: { classPropertyName: "fluid", publicName: "fluid", isSignal: true, isRequired: false, transformFunction: null }, pageLinkSize: { classPropertyName: "pageLinkSize", publicName: "pageLinkSize", isSignal: true, isRequired: false, transformFunction: null }, alwaysShow: { classPropertyName: "alwaysShow", publicName: "alwaysShow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rows: "rowsChange", first: "firstChange", page: "pageChange", onPageChange: "onPageChange" }, host: { classAttribute: "grid gap-1" }, ngImport: i0, template: "<p-paginator\r\n  [rows]=\"rows()\"\r\n  [totalRecords]=\"totalRecords()\"\r\n  [first]=\"first()\"\r\n  [pageLinkSize]=\"pageLinkSize()\"\r\n  [rowsPerPageOptions]=\"rowsPerPageOptions()\"\r\n  [showFirstLastIcon]=\"showFirstLastIcon()\"\r\n  [showCurrentPageReport]=\"showCurrentPageReport()\"\r\n  [alwaysShow]=\"alwaysShow()\"\r\n  (onPageChange)=\"onPaginatorChange($event)\"\r\n  appendTo=\"body\"\r\n>\r\n  <ng-template pTemplate=\"previouspagelinkicon\">\r\n    <div class=\"flex items-center justify-center px-3 gap-3\">\r\n      <svg\r\n        width=\"12\"\r\n        height=\"12\"\r\n        viewBox=\"0 0 14 14\"\r\n        fill=\"none\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n      >\r\n        <path\r\n          d=\"M12.8346 6.99984H1.16797M1.16797 6.99984L7.0013 12.8332M1.16797 6.99984L7.0013 1.1665\"\r\n          stroke=\"#414651\"\r\n          stroke-width=\"1.67\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n        />\r\n      </svg>\r\n      <span class=\"rtl:rotate-180\">\r\n        {{ \"components.paginator.previous\" | transloco }}\r\n      </span>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <ng-template pTemplate=\"nextpagelinkicon\">\r\n    <div class=\"flex items-center justify-center px-3 gap-3\">\r\n      <span class=\"rtl:rotate-180\">\r\n        {{ \"components.paginator.next\" | transloco }}</span\r\n      >\r\n      <svg\r\n        width=\"12\"\r\n        height=\"12\"\r\n        viewBox=\"0 0 14 14\"\r\n        fill=\"none\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n      >\r\n        <path\r\n          d=\"M1.16797 6.99984H12.8346M12.8346 6.99984L7.0013 1.1665M12.8346 6.99984L7.0013 12.8332\"\r\n          stroke=\"#414651\"\r\n          stroke-width=\"1.67\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n        />\r\n      </svg>\r\n    </div>\r\n  </ng-template>\r\n</p-paginator>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: PaginatorModule }, { kind: "component", type: i1.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first", "appendTo"], outputs: ["onPageChange"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: i3.TranslocoPipe, name: "transloco" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Paginator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Paginator, decorators: [{
             type: Component,
             args: [{ selector: 'mt-paginator', standalone: true, imports: [FormsModule, PaginatorModule, TranslocoModule], host: {
                         class: 'grid gap-1',

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

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-paginator.mjs","sources":["../../../../packages/masterteam/components/paginator/paginator.ts","../../../../packages/masterteam/components/paginator/paginator.html","../../../../packages/masterteam/components/paginator/masterteam-components-paginator.ts"],"sourcesContent":["import {\r\n  booleanAttribute,\r\n  Component,\r\n  input,\r\n  output,\r\n  model,\r\n} from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { PaginatorModule } from 'primeng/paginator';\r\nimport { TranslocoModule } from '@jsverse/transloco';\r\n\r\n@Component({\r\n  selector: 'mt-paginator',\r\n  standalone: true,\r\n  imports: [FormsModule, PaginatorModule, TranslocoModule],\r\n  templateUrl: './paginator.html',\r\n  styleUrls: ['./paginator.scss'],\r\n  host: {\r\n    class: 'grid gap-1',\r\n  },\r\n})\r\nexport class Paginator {\r\n  readonly rows = model<number>(10);\r\n  readonly totalRecords = input<number>(0);\r\n  readonly first = model<number>(0);\r\n  readonly page = model<number>(0);\r\n  readonly rowsPerPageOptions = input<number[] | undefined>(undefined);\r\n  readonly showFirstLastIcon = input<boolean, unknown>(false, {\r\n    transform: booleanAttribute,\r\n  });\r\n\r\n  readonly showCurrentPageReport = input<boolean, unknown>(false, {\r\n    transform: booleanAttribute,\r\n  });\r\n  readonly fluid = input<boolean, unknown>(false, {\r\n    transform: booleanAttribute,\r\n  });\r\n\r\n  // Paginator Inputs\r\n  readonly pageLinkSize = input<number | undefined>(6);\r\n  readonly alwaysShow = input<boolean, unknown>(true, {\r\n    transform: booleanAttribute,\r\n  });\r\n\r\n  readonly onPageChange = output<any>();\r\n\r\n  onPaginatorChange(event: any) {\r\n    this.first.set(event.first);\r\n    this.page.set(event.page);\r\n    this.rows.set(event.rows);\r\n    this.onPageChange.emit(event);\r\n  }\r\n}\r\n","<p-paginator\r\n  [rows]=\"rows()\"\r\n  [totalRecords]=\"totalRecords()\"\r\n  [first]=\"first()\"\r\n  [pageLinkSize]=\"pageLinkSize()\"\r\n  [rowsPerPageOptions]=\"rowsPerPageOptions()\"\r\n  [showFirstLastIcon]=\"showFirstLastIcon()\"\r\n  [showCurrentPageReport]=\"showCurrentPageReport()\"\r\n  [alwaysShow]=\"alwaysShow()\"\r\n  (onPageChange)=\"onPaginatorChange($event)\"\r\n  appendTo=\"body\"\r\n>\r\n  <ng-template pTemplate=\"previouspagelinkicon\">\r\n    <div class=\"flex items-center justify-center px-3 gap-3\">\r\n      <svg\r\n        width=\"12\"\r\n        height=\"12\"\r\n        viewBox=\"0 0 14 14\"\r\n        fill=\"none\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n      >\r\n        <path\r\n          d=\"M12.8346 6.99984H1.16797M1.16797 6.99984L7.0013 12.8332M1.16797 6.99984L7.0013 1.1665\"\r\n          stroke=\"#414651\"\r\n          stroke-width=\"1.67\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n        />\r\n      </svg>\r\n      <span class=\"rtl:rotate-180\">\r\n        {{ \"components.paginator.previous\" | transloco }}\r\n      </span>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <ng-template pTemplate=\"nextpagelinkicon\">\r\n    <div class=\"flex items-center justify-center px-3 gap-3\">\r\n      <span class=\"rtl:rotate-180\">\r\n        {{ \"components.paginator.next\" | transloco }}</span\r\n      >\r\n      <svg\r\n        width=\"12\"\r\n        height=\"12\"\r\n        viewBox=\"0 0 14 14\"\r\n        fill=\"none\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n      >\r\n        <path\r\n          d=\"M1.16797 6.99984H12.8346M12.8346 6.99984L7.0013 1.1665M12.8346 6.99984L7.0013 12.8332\"\r\n          stroke=\"#414651\"\r\n          stroke-width=\"1.67\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n        />\r\n      </svg>\r\n    </div>\r\n  </ng-template>\r\n</p-paginator>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;MAqBa,SAAS,CAAA;AACX,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,gDAAC;AACxB,IAAA,YAAY,GAAG,KAAK,CAAS,CAAC,wDAAC;AAC/B,IAAA,KAAK,GAAG,KAAK,CAAS,CAAC,iDAAC;AACxB,IAAA,IAAI,GAAG,KAAK,CAAS,CAAC,gDAAC;AACvB,IAAA,kBAAkB,GAAG,KAAK,CAAuB,SAAS,8DAAC;IAC3D,iBAAiB,GAAG,KAAK,CAAmB,KAAK,8DACxD,SAAS,EAAE,gBAAgB,EAAA,CAC3B;IAEO,qBAAqB,GAAG,KAAK,CAAmB,KAAK,kEAC5D,SAAS,EAAE,gBAAgB,EAAA,CAC3B;IACO,KAAK,GAAG,KAAK,CAAmB,KAAK,kDAC5C,SAAS,EAAE,gBAAgB,EAAA,CAC3B;;AAGO,IAAA,YAAY,GAAG,KAAK,CAAqB,CAAC,wDAAC;IAC3C,UAAU,GAAG,KAAK,CAAmB,IAAI,uDAChD,SAAS,EAAE,gBAAgB,EAAA,CAC3B;IAEO,YAAY,GAAG,MAAM,EAAO;AAErC,IAAA,iBAAiB,CAAC,KAAU,EAAA;QAC1B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;QACzB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;AACzB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;IAC/B;uGA9BW,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAT,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,mkDCrBtB,44DA0DA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED5CY,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,eAAe,mnBAAE,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FAO5C,SAAS,EAAA,UAAA,EAAA,CAAA;kBAVrB,SAAS;+BACE,cAAc,EAAA,UAAA,EACZ,IAAI,EAAA,OAAA,EACP,CAAC,WAAW,EAAE,eAAe,EAAE,eAAe,CAAC,EAAA,IAAA,EAGlD;AACJ,wBAAA,KAAK,EAAE,YAAY;AACpB,qBAAA,EAAA,QAAA,EAAA,44DAAA,EAAA;;;AEnBH;;AAEG;;;;"}
+{"version":3,"file":"masterteam-components-paginator.mjs","sources":["../../../../packages/masterteam/components/paginator/paginator.ts","../../../../packages/masterteam/components/paginator/paginator.html","../../../../packages/masterteam/components/paginator/masterteam-components-paginator.ts"],"sourcesContent":["import {\r\n  booleanAttribute,\r\n  Component,\r\n  input,\r\n  output,\r\n  model,\r\n} from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { PaginatorModule } from 'primeng/paginator';\r\nimport { TranslocoModule } from '@jsverse/transloco';\r\n\r\n@Component({\r\n  selector: 'mt-paginator',\r\n  standalone: true,\r\n  imports: [FormsModule, PaginatorModule, TranslocoModule],\r\n  templateUrl: './paginator.html',\r\n  styleUrls: ['./paginator.scss'],\r\n  host: {\r\n    class: 'grid gap-1',\r\n  },\r\n})\r\nexport class Paginator {\r\n  readonly rows = model<number>(10);\r\n  readonly totalRecords = input<number>(0);\r\n  readonly first = model<number>(0);\r\n  readonly page = model<number>(0);\r\n  readonly rowsPerPageOptions = input<number[] | undefined>(undefined);\r\n  readonly showFirstLastIcon = input<boolean, unknown>(false, {\r\n    transform: booleanAttribute,\r\n  });\r\n\r\n  readonly showCurrentPageReport = input<boolean, unknown>(false, {\r\n    transform: booleanAttribute,\r\n  });\r\n  readonly fluid = input<boolean, unknown>(false, {\r\n    transform: booleanAttribute,\r\n  });\r\n\r\n  // Paginator Inputs\r\n  readonly pageLinkSize = input<number | undefined>(6);\r\n  readonly alwaysShow = input<boolean, unknown>(true, {\r\n    transform: booleanAttribute,\r\n  });\r\n\r\n  readonly onPageChange = output<any>();\r\n\r\n  onPaginatorChange(event: any) {\r\n    this.first.set(event.first);\r\n    this.page.set(event.page);\r\n    this.rows.set(event.rows);\r\n    this.onPageChange.emit(event);\r\n  }\r\n}\r\n","<p-paginator\r\n  [rows]=\"rows()\"\r\n  [totalRecords]=\"totalRecords()\"\r\n  [first]=\"first()\"\r\n  [pageLinkSize]=\"pageLinkSize()\"\r\n  [rowsPerPageOptions]=\"rowsPerPageOptions()\"\r\n  [showFirstLastIcon]=\"showFirstLastIcon()\"\r\n  [showCurrentPageReport]=\"showCurrentPageReport()\"\r\n  [alwaysShow]=\"alwaysShow()\"\r\n  (onPageChange)=\"onPaginatorChange($event)\"\r\n  appendTo=\"body\"\r\n>\r\n  <ng-template pTemplate=\"previouspagelinkicon\">\r\n    <div class=\"flex items-center justify-center px-3 gap-3\">\r\n      <svg\r\n        width=\"12\"\r\n        height=\"12\"\r\n        viewBox=\"0 0 14 14\"\r\n        fill=\"none\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n      >\r\n        <path\r\n          d=\"M12.8346 6.99984H1.16797M1.16797 6.99984L7.0013 12.8332M1.16797 6.99984L7.0013 1.1665\"\r\n          stroke=\"#414651\"\r\n          stroke-width=\"1.67\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n        />\r\n      </svg>\r\n      <span class=\"rtl:rotate-180\">\r\n        {{ \"components.paginator.previous\" | transloco }}\r\n      </span>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <ng-template pTemplate=\"nextpagelinkicon\">\r\n    <div class=\"flex items-center justify-center px-3 gap-3\">\r\n      <span class=\"rtl:rotate-180\">\r\n        {{ \"components.paginator.next\" | transloco }}</span\r\n      >\r\n      <svg\r\n        width=\"12\"\r\n        height=\"12\"\r\n        viewBox=\"0 0 14 14\"\r\n        fill=\"none\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n      >\r\n        <path\r\n          d=\"M1.16797 6.99984H12.8346M12.8346 6.99984L7.0013 1.1665M12.8346 6.99984L7.0013 12.8332\"\r\n          stroke=\"#414651\"\r\n          stroke-width=\"1.67\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n        />\r\n      </svg>\r\n    </div>\r\n  </ng-template>\r\n</p-paginator>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;MAqBa,SAAS,CAAA;AACX,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,2EAAC;AACxB,IAAA,YAAY,GAAG,KAAK,CAAS,CAAC,mFAAC;AAC/B,IAAA,KAAK,GAAG,KAAK,CAAS,CAAC,4EAAC;AACxB,IAAA,IAAI,GAAG,KAAK,CAAS,CAAC,2EAAC;AACvB,IAAA,kBAAkB,GAAG,KAAK,CAAuB,SAAS,yFAAC;IAC3D,iBAAiB,GAAG,KAAK,CAAmB,KAAK,yFACxD,SAAS,EAAE,gBAAgB,EAAA,CAC3B;IAEO,qBAAqB,GAAG,KAAK,CAAmB,KAAK,6FAC5D,SAAS,EAAE,gBAAgB,EAAA,CAC3B;IACO,KAAK,GAAG,KAAK,CAAmB,KAAK,6EAC5C,SAAS,EAAE,gBAAgB,EAAA,CAC3B;;AAGO,IAAA,YAAY,GAAG,KAAK,CAAqB,CAAC,mFAAC;IAC3C,UAAU,GAAG,KAAK,CAAmB,IAAI,kFAChD,SAAS,EAAE,gBAAgB,EAAA,CAC3B;IAEO,YAAY,GAAG,MAAM,EAAO;AAErC,IAAA,iBAAiB,CAAC,KAAU,EAAA;QAC1B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;QACzB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;AACzB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;IAC/B;uGA9BW,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAT,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,mkDCrBtB,44DA0DA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED5CY,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,eAAe,mnBAAE,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FAO5C,SAAS,EAAA,UAAA,EAAA,CAAA;kBAVrB,SAAS;+BACE,cAAc,EAAA,UAAA,EACZ,IAAI,EAAA,OAAA,EACP,CAAC,WAAW,EAAE,eAAe,EAAE,eAAe,CAAC,EAAA,IAAA,EAGlD;AACJ,wBAAA,KAAK,EAAE,YAAY;AACpB,qBAAA,EAAA,QAAA,EAAA,44DAAA,EAAA;;;AEnBH;;AAEG;;;;"}

package/fesm2022/masterteam-components-pick-list-field.mjs

@@ -8,31 +8,31 @@ import { isInvalid } from '@masterteam/components';
 import * as i2 from 'primeng/api';
 
 class PickListField {
-    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
-    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : []));
-    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
-    options = input([], ...(ngDevMode ? [{ debugName: "options" }] : []));
-    optionLabel = input('label', ...(ngDevMode ? [{ debugName: "optionLabel" }] : []));
-    optionValue = input('value', ...(ngDevMode ? [{ debugName: "optionValue" }] : []));
-    sourceHeader = input('Available', ...(ngDevMode ? [{ debugName: "sourceHeader" }] : []));
-    targetHeader = input('Selected', ...(ngDevMode ? [{ debugName: "targetHeader" }] : []));
-    showSourceControls = input(true, ...(ngDevMode ? [{ debugName: "showSourceControls" }] : []));
-    showTargetControls = input(true, ...(ngDevMode ? [{ debugName: "showTargetControls" }] : []));
-    showSourceFilter = input(false, ...(ngDevMode ? [{ debugName: "showSourceFilter" }] : []));
-    showTargetFilter = input(false, ...(ngDevMode ? [{ debugName: "showTargetFilter" }] : []));
-    filterBy = input(...(ngDevMode ? [undefined, { debugName: "filterBy" }] : []));
-    dataKey = input(...(ngDevMode ? [undefined, { debugName: "dataKey" }] : []));
-    filterLocale = input(...(ngDevMode ? [undefined, { debugName: "filterLocale" }] : []));
-    filterMatchMode = input('contains', ...(ngDevMode ? [{ debugName: "filterMatchMode" }] : []));
-    dragdrop = input(false, ...(ngDevMode ? [{ debugName: "dragdrop" }] : []));
-    responsive = input(true, ...(ngDevMode ? [{ debugName: "responsive" }] : []));
-    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    options = input([], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    optionLabel = input('label', ...(ngDevMode ? [{ debugName: "optionLabel" }] : /* istanbul ignore next */ []));
+    optionValue = input('value', ...(ngDevMode ? [{ debugName: "optionValue" }] : /* istanbul ignore next */ []));
+    sourceHeader = input('Available', ...(ngDevMode ? [{ debugName: "sourceHeader" }] : /* istanbul ignore next */ []));
+    targetHeader = input('Selected', ...(ngDevMode ? [{ debugName: "targetHeader" }] : /* istanbul ignore next */ []));
+    showSourceControls = input(true, ...(ngDevMode ? [{ debugName: "showSourceControls" }] : /* istanbul ignore next */ []));
+    showTargetControls = input(true, ...(ngDevMode ? [{ debugName: "showTargetControls" }] : /* istanbul ignore next */ []));
+    showSourceFilter = input(false, ...(ngDevMode ? [{ debugName: "showSourceFilter" }] : /* istanbul ignore next */ []));
+    showTargetFilter = input(false, ...(ngDevMode ? [{ debugName: "showTargetFilter" }] : /* istanbul ignore next */ []));
+    filterBy = input(...(ngDevMode ? [undefined, { debugName: "filterBy" }] : /* istanbul ignore next */ []));
+    dataKey = input(...(ngDevMode ? [undefined, { debugName: "dataKey" }] : /* istanbul ignore next */ []));
+    filterLocale = input(...(ngDevMode ? [undefined, { debugName: "filterLocale" }] : /* istanbul ignore next */ []));
+    filterMatchMode = input('contains', ...(ngDevMode ? [{ debugName: "filterMatchMode" }] : /* istanbul ignore next */ []));
+    dragdrop = input(false, ...(ngDevMode ? [{ debugName: "dragdrop" }] : /* istanbul ignore next */ []));
+    responsive = input(true, ...(ngDevMode ? [{ debugName: "responsive" }] : /* istanbul ignore next */ []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
     styleClass = '';
     requiredValidator = Validators.required;
-    value = signal([], ...(ngDevMode ? [{ debugName: "value" }] : []));
-    targetItems = signal([], ...(ngDevMode ? [{ debugName: "targetItems" }] : []));
-    sourceItems = signal([], ...(ngDevMode ? [{ debugName: "sourceItems" }] : []));
-    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    value = signal([], ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    targetItems = signal([], ...(ngDevMode ? [{ debugName: "targetItems" }] : /* istanbul ignore next */ []));
+    sourceItems = signal([], ...(ngDevMode ? [{ debugName: "sourceItems" }] : /* istanbul ignore next */ []));
+    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     onTouched = () => { };
     onModelChange = () => { };
     ngControl = inject(NgControl, { self: true });
@@ -180,10 +180,10 @@ class PickListField {
         const entryId = this.getIdentifier(entry);
         return options.find((option) => this.getIdentifier(option) === entryId);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: PickListField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: PickListField, isStandalone: true, selector: "mt-pick-list-field", inputs: { label: { classPropertyName: "label", publicName: "label", 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 }, 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 }, sourceHeader: { classPropertyName: "sourceHeader", publicName: "sourceHeader", isSignal: true, isRequired: false, transformFunction: null }, targetHeader: { classPropertyName: "targetHeader", publicName: "targetHeader", isSignal: true, isRequired: false, transformFunction: null }, showSourceControls: { classPropertyName: "showSourceControls", publicName: "showSourceControls", isSignal: true, isRequired: false, transformFunction: null }, showTargetControls: { classPropertyName: "showTargetControls", publicName: "showTargetControls", isSignal: true, isRequired: false, transformFunction: null }, showSourceFilter: { classPropertyName: "showSourceFilter", publicName: "showSourceFilter", isSignal: true, isRequired: false, transformFunction: null }, showTargetFilter: { classPropertyName: "showTargetFilter", publicName: "showTargetFilter", isSignal: true, isRequired: false, transformFunction: null }, filterBy: { classPropertyName: "filterBy", publicName: "filterBy", isSignal: true, isRequired: false, transformFunction: null }, dataKey: { classPropertyName: "dataKey", publicName: "dataKey", isSignal: true, isRequired: false, transformFunction: null }, filterLocale: { classPropertyName: "filterLocale", publicName: "filterLocale", isSignal: true, isRequired: false, transformFunction: null }, filterMatchMode: { classPropertyName: "filterMatchMode", publicName: "filterMatchMode", isSignal: true, isRequired: false, transformFunction: null }, dragdrop: { classPropertyName: "dragdrop", publicName: "dragdrop", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", 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: "pickList", first: true, predicate: ["pickList"], descendants: true }], ngImport: i0, template: "@if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n    >{{ label() }}</label\r\n  >\r\n}\r\n<p-pickList\r\n  #pickList\r\n  [source]=\"sourceItems()\"\r\n  [target]=\"targetItems()\"\r\n  (onMoveToTarget)=\"onInteractiveChange()\"\r\n  (onMoveToSource)=\"onInteractiveChange()\"\r\n  (onMoveAllToTarget)=\"onInteractiveChange()\"\r\n  (onMoveAllToSource)=\"onInteractiveChange()\"\r\n  (onTargetReorder)=\"onInteractiveChange()\"\r\n  (onSourceReorder)=\"onInteractiveChange()\"\r\n  (onBlur)=\"handleBlur()\"\r\n  [filterBy]=\"filterBy() || optionLabel()\"\r\n  [showSourceControls]=\"showSourceControls()\"\r\n  [showTargetControls]=\"showTargetControls()\"\r\n  [showSourceFilter]=\"showSourceFilter()\"\r\n  [showTargetFilter]=\"showTargetFilter()\"\r\n  [sourceHeader]=\"sourceHeader()\"\r\n  [targetHeader]=\"targetHeader()\"\r\n  [dragdrop]=\"dragdrop()\"\r\n  [responsive]=\"responsive()\"\r\n  [disabled]=\"disabled() || readonly()\"\r\n  [styleClass]=\"'w-full relative'\"\r\n  [class.p-invalid]=\"isInvalid(ngControl?.control)\"\r\n>\r\n  <ng-template let-item pTemplate=\"item\">\r\n    {{ displayLabel(item) }}\r\n  </ng-template>\r\n</p-pickList>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: PickListModule }, { kind: "component", type: i1.PickList, selector: "p-pickList, p-picklist, p-pick-list", inputs: ["hostName", "source", "target", "dataKey", "sourceHeader", "tabindex", "rightButtonAriaLabel", "leftButtonAriaLabel", "allRightButtonAriaLabel", "allLeftButtonAriaLabel", "upButtonAriaLabel", "downButtonAriaLabel", "topButtonAriaLabel", "bottomButtonAriaLabel", "sourceAriaLabel", "targetAriaLabel", "targetHeader", "responsive", "filterBy", "filterLocale", "trackBy", "sourceTrackBy", "targetTrackBy", "showSourceFilter", "showTargetFilter", "metaKeySelection", "dragdrop", "style", "styleClass", "sourceStyle", "targetStyle", "showSourceControls", "showTargetControls", "sourceFilterPlaceholder", "targetFilterPlaceholder", "disabled", "sourceOptionDisabled", "targetOptionDisabled", "ariaSourceFilterLabel", "ariaTargetFilterLabel", "filterMatchMode", "stripedRows", "keepSelection", "scrollHeight", "autoOptionFocus", "buttonProps", "moveUpButtonProps", "moveTopButtonProps", "moveDownButtonProps", "moveBottomButtonProps", "moveToTargetProps", "moveAllToTargetProps", "moveToSourceProps", "moveAllToSourceProps", "breakpoint"], outputs: ["sourceChange", "targetChange", "onMoveToSource", "onMoveAllToSource", "onMoveAllToTarget", "onMoveToTarget", "onSourceReorder", "onTargetReorder", "onSourceSelect", "onTargetSelect", "onSourceFilter", "onTargetFilter", "onFocus", "onBlur"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { 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.2.8", ngImport: i0, type: PickListField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: PickListField, isStandalone: true, selector: "mt-pick-list-field", inputs: { label: { classPropertyName: "label", publicName: "label", 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 }, 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 }, sourceHeader: { classPropertyName: "sourceHeader", publicName: "sourceHeader", isSignal: true, isRequired: false, transformFunction: null }, targetHeader: { classPropertyName: "targetHeader", publicName: "targetHeader", isSignal: true, isRequired: false, transformFunction: null }, showSourceControls: { classPropertyName: "showSourceControls", publicName: "showSourceControls", isSignal: true, isRequired: false, transformFunction: null }, showTargetControls: { classPropertyName: "showTargetControls", publicName: "showTargetControls", isSignal: true, isRequired: false, transformFunction: null }, showSourceFilter: { classPropertyName: "showSourceFilter", publicName: "showSourceFilter", isSignal: true, isRequired: false, transformFunction: null }, showTargetFilter: { classPropertyName: "showTargetFilter", publicName: "showTargetFilter", isSignal: true, isRequired: false, transformFunction: null }, filterBy: { classPropertyName: "filterBy", publicName: "filterBy", isSignal: true, isRequired: false, transformFunction: null }, dataKey: { classPropertyName: "dataKey", publicName: "dataKey", isSignal: true, isRequired: false, transformFunction: null }, filterLocale: { classPropertyName: "filterLocale", publicName: "filterLocale", isSignal: true, isRequired: false, transformFunction: null }, filterMatchMode: { classPropertyName: "filterMatchMode", publicName: "filterMatchMode", isSignal: true, isRequired: false, transformFunction: null }, dragdrop: { classPropertyName: "dragdrop", publicName: "dragdrop", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", 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: "pickList", first: true, predicate: ["pickList"], descendants: true }], ngImport: i0, template: "@if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n    >{{ label() }}</label\r\n  >\r\n}\r\n<p-pickList\r\n  #pickList\r\n  [source]=\"sourceItems()\"\r\n  [target]=\"targetItems()\"\r\n  (onMoveToTarget)=\"onInteractiveChange()\"\r\n  (onMoveToSource)=\"onInteractiveChange()\"\r\n  (onMoveAllToTarget)=\"onInteractiveChange()\"\r\n  (onMoveAllToSource)=\"onInteractiveChange()\"\r\n  (onTargetReorder)=\"onInteractiveChange()\"\r\n  (onSourceReorder)=\"onInteractiveChange()\"\r\n  (onBlur)=\"handleBlur()\"\r\n  [filterBy]=\"filterBy() || optionLabel()\"\r\n  [showSourceControls]=\"showSourceControls()\"\r\n  [showTargetControls]=\"showTargetControls()\"\r\n  [showSourceFilter]=\"showSourceFilter()\"\r\n  [showTargetFilter]=\"showTargetFilter()\"\r\n  [sourceHeader]=\"sourceHeader()\"\r\n  [targetHeader]=\"targetHeader()\"\r\n  [dragdrop]=\"dragdrop()\"\r\n  [responsive]=\"responsive()\"\r\n  [disabled]=\"disabled() || readonly()\"\r\n  [styleClass]=\"'w-full relative'\"\r\n  [class.p-invalid]=\"isInvalid(ngControl?.control)\"\r\n>\r\n  <ng-template let-item pTemplate=\"item\">\r\n    {{ displayLabel(item) }}\r\n  </ng-template>\r\n</p-pickList>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: PickListModule }, { kind: "component", type: i1.PickList, selector: "p-pickList, p-picklist, p-pick-list", inputs: ["hostName", "source", "target", "dataKey", "sourceHeader", "tabindex", "rightButtonAriaLabel", "leftButtonAriaLabel", "allRightButtonAriaLabel", "allLeftButtonAriaLabel", "upButtonAriaLabel", "downButtonAriaLabel", "topButtonAriaLabel", "bottomButtonAriaLabel", "sourceAriaLabel", "targetAriaLabel", "targetHeader", "responsive", "filterBy", "filterLocale", "trackBy", "sourceTrackBy", "targetTrackBy", "showSourceFilter", "showTargetFilter", "metaKeySelection", "dragdrop", "style", "styleClass", "sourceStyle", "targetStyle", "showSourceControls", "showTargetControls", "sourceFilterPlaceholder", "targetFilterPlaceholder", "disabled", "sourceOptionDisabled", "targetOptionDisabled", "ariaSourceFilterLabel", "ariaTargetFilterLabel", "filterMatchMode", "stripedRows", "keepSelection", "scrollHeight", "autoOptionFocus", "buttonProps", "moveUpButtonProps", "moveTopButtonProps", "moveDownButtonProps", "moveBottomButtonProps", "moveToTargetProps", "moveAllToTargetProps", "moveToSourceProps", "moveAllToSourceProps", "breakpoint"], outputs: ["sourceChange", "targetChange", "onMoveToSource", "onMoveAllToSource", "onMoveAllToTarget", "onMoveToTarget", "onSourceReorder", "onTargetReorder", "onSourceSelect", "onTargetSelect", "onSourceFilter", "onTargetFilter", "onFocus", "onBlur"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: PickListField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PickListField, decorators: [{
             type: Component,
             args: [{ selector: 'mt-pick-list-field', imports: [PickListModule, FieldValidation], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'grid gap-1',

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

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-pick-list-field.mjs","sources":["../../../../packages/masterteam/components/pick-list-field/pick-list-field.ts","../../../../packages/masterteam/components/pick-list-field/pick-list-field.html","../../../../packages/masterteam/components/pick-list-field/masterteam-components-pick-list-field.ts"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  HostBinding,\r\n  OnInit,\r\n  ViewChild,\r\n  effect,\r\n  inject,\r\n  input,\r\n  signal,\r\n} from '@angular/core';\r\nimport { ControlValueAccessor, NgControl, Validators } from '@angular/forms';\r\nimport { PickList, PickListModule } from 'primeng/picklist';\r\nimport { FieldValidation } from '@masterteam/components/field-validation';\r\nimport { isInvalid } from '@masterteam/components';\r\n\r\n@Component({\r\n  selector: 'mt-pick-list-field',\r\n  templateUrl: './pick-list-field.html',\r\n  styleUrls: ['./pick-list-field.scss'],\r\n  imports: [PickListModule, FieldValidation],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'grid gap-1',\r\n  },\r\n})\r\nexport class PickListField implements ControlValueAccessor, OnInit {\r\n  readonly label = input<string>();\r\n  readonly class = input<string>('');\r\n  readonly readonly = input<boolean>(false);\r\n  readonly options = input<any[]>([]);\r\n  readonly optionLabel = input<string>('label');\r\n  readonly optionValue = input<string>('value');\r\n  readonly sourceHeader = input<string>('Available');\r\n  readonly targetHeader = input<string>('Selected');\r\n  readonly showSourceControls = input<boolean>(true);\r\n  readonly showTargetControls = input<boolean>(true);\r\n  readonly showSourceFilter = input<boolean>(false);\r\n  readonly showTargetFilter = input<boolean>(false);\r\n  readonly filterBy = input<string>();\r\n  readonly dataKey = input<string>();\r\n  readonly filterLocale = input<string>();\r\n  readonly filterMatchMode = input<\r\n    | 'contains'\r\n    | 'startsWith'\r\n    | 'endsWith'\r\n    | 'equals'\r\n    | 'notEquals'\r\n    | 'in'\r\n    | 'lt'\r\n    | 'lte'\r\n    | 'gt'\r\n    | 'gte'\r\n    | string\r\n  >('contains');\r\n  readonly dragdrop = input<boolean>(false);\r\n  readonly responsive = input<boolean>(true);\r\n  readonly required = input<boolean>(false);\r\n\r\n  @HostBinding('class') styleClass: string = '';\r\n\r\n  requiredValidator = Validators.required;\r\n  value = signal<any[]>([]);\r\n  targetItems = signal<any[]>([]);\r\n  sourceItems = signal<any[]>([]);\r\n  disabled = signal<boolean>(false);\r\n\r\n  private onTouched: () => void = () => {};\r\n  private onModelChange: (value: any) => void = () => {};\r\n\r\n  public ngControl = inject(NgControl, { self: true });\r\n\r\n  isInvalid = isInvalid;\r\n\r\n  private hasInitialized = false;\r\n\r\n  @ViewChild('pickList') pickList?: PickList;\r\n\r\n  constructor() {\r\n    if (this.ngControl) {\r\n      this.ngControl.valueAccessor = this;\r\n    }\r\n    effect(() => {\r\n      if (this.ngControl?.control && this.required()) {\r\n        this.ngControl.control.addValidators(Validators.required);\r\n        this.ngControl.control.updateValueAndValidity();\r\n      }\r\n    });\r\n    effect(() => {\r\n      this.options();\r\n      if (this.hasInitialized) {\r\n        this.syncLists();\r\n      }\r\n    });\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.styleClass = this.class();\r\n    this.syncLists();\r\n    this.hasInitialized = true;\r\n  }\r\n\r\n  writeValue(value: any) {\r\n    const nextValue = Array.isArray(value)\r\n      ? [...value]\r\n      : value === null || value === undefined\r\n        ? []\r\n        : [value];\r\n    this.value.set(nextValue);\r\n    this.syncLists();\r\n  }\r\n\r\n  registerOnChange(fn: any) {\r\n    this.onModelChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: any) {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(disabled: boolean) {\r\n    this.disabled.set(disabled);\r\n  }\r\n\r\n  onInteractiveChange() {\r\n    this.syncFromPickList();\r\n  }\r\n\r\n  handleBlur() {\r\n    this.onTouched();\r\n  }\r\n\r\n  displayLabel(item: any): string {\r\n    if (item === null || item === undefined) {\r\n      return '';\r\n    }\r\n    if (typeof item === 'string' || typeof item === 'number') {\r\n      return String(item);\r\n    }\r\n    const labelKey = this.optionLabel();\r\n    const nestedLabel =\r\n      labelKey && labelKey.includes('.')\r\n        ? this.getNestedValue(item, labelKey)\r\n        : undefined;\r\n    if (nestedLabel !== undefined) {\r\n      return nestedLabel;\r\n    }\r\n    if (labelKey && item[labelKey] !== undefined) {\r\n      return item[labelKey];\r\n    }\r\n    return JSON.stringify(item);\r\n  }\r\n\r\n  private getNestedValue(target: any, path: string): any {\r\n    if (!target || !path) {\r\n      return undefined;\r\n    }\r\n    return path\r\n      .split('.')\r\n      .reduce(\r\n        (acc, key) =>\r\n          acc !== null && acc !== undefined ? acc[key] : undefined,\r\n        target,\r\n      );\r\n  }\r\n\r\n  private syncLists() {\r\n    const currentValue = this.value();\r\n    const targetOptions = this.normalizeValueToOptions(currentValue);\r\n    this.targetItems.set(targetOptions);\r\n    this.updateSourceFromTarget(targetOptions);\r\n  }\r\n\r\n  private syncFromPickList() {\r\n    const pickListInstance = this.pickList;\r\n    if (!pickListInstance) {\r\n      return;\r\n    }\r\n    const currentTarget = [...(pickListInstance.target() ?? [])];\r\n    const currentSource = [...(pickListInstance.source() ?? [])];\r\n    this.targetItems.set(currentTarget);\r\n    this.sourceItems.set(currentSource);\r\n\r\n    const newValue = this.extractValues(currentTarget);\r\n    this.value.set(newValue);\r\n    this.onModelChange(newValue);\r\n    this.onTouched();\r\n  }\r\n\r\n  private normalizeValueToOptions(value: any[]): any[] {\r\n    if (!Array.isArray(value)) {\r\n      return [];\r\n    }\r\n    return value\r\n      .map((entry) => this.findOption(entry) ?? entry)\r\n      .filter((item) => item !== undefined && item !== null);\r\n  }\r\n\r\n  private extractValues(items: any[]): any[] {\r\n    const optionValueKey = this.optionValue();\r\n    if (!optionValueKey) {\r\n      return items ?? [];\r\n    }\r\n    const values: any[] = [];\r\n    (items ?? []).forEach((item) => {\r\n      if (item && typeof item === 'object') {\r\n        values.push(item[optionValueKey] ?? item);\r\n      } else {\r\n        values.push(item);\r\n      }\r\n    });\r\n    return values;\r\n  }\r\n\r\n  private updateSourceFromTarget(targetItems: any[]) {\r\n    const options = this.options() ?? [];\r\n    const targetIds = new Set(\r\n      (targetItems ?? []).map((item) => this.getIdentifier(item)),\r\n    );\r\n    const newSource = options.filter(\r\n      (option) => !targetIds.has(this.getIdentifier(option)),\r\n    );\r\n    this.sourceItems.set(newSource);\r\n  }\r\n\r\n  private getIdentifier(item: any): any {\r\n    if (item === null || item === undefined) {\r\n      return item;\r\n    }\r\n    const optionValueKey = this.optionValue();\r\n    if (!optionValueKey) {\r\n      return item;\r\n    }\r\n    if (typeof item === 'object') {\r\n      return item[optionValueKey];\r\n    }\r\n    return item;\r\n  }\r\n\r\n  private findOption(entry: any): any | undefined {\r\n    const options = this.options() ?? [];\r\n    const entryId = this.getIdentifier(entry);\r\n    return options.find((option) => this.getIdentifier(option) === entryId);\r\n  }\r\n}\r\n","@if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n    >{{ label() }}</label\r\n  >\r\n}\r\n<p-pickList\r\n  #pickList\r\n  [source]=\"sourceItems()\"\r\n  [target]=\"targetItems()\"\r\n  (onMoveToTarget)=\"onInteractiveChange()\"\r\n  (onMoveToSource)=\"onInteractiveChange()\"\r\n  (onMoveAllToTarget)=\"onInteractiveChange()\"\r\n  (onMoveAllToSource)=\"onInteractiveChange()\"\r\n  (onTargetReorder)=\"onInteractiveChange()\"\r\n  (onSourceReorder)=\"onInteractiveChange()\"\r\n  (onBlur)=\"handleBlur()\"\r\n  [filterBy]=\"filterBy() || optionLabel()\"\r\n  [showSourceControls]=\"showSourceControls()\"\r\n  [showTargetControls]=\"showTargetControls()\"\r\n  [showSourceFilter]=\"showSourceFilter()\"\r\n  [showTargetFilter]=\"showTargetFilter()\"\r\n  [sourceHeader]=\"sourceHeader()\"\r\n  [targetHeader]=\"targetHeader()\"\r\n  [dragdrop]=\"dragdrop()\"\r\n  [responsive]=\"responsive()\"\r\n  [disabled]=\"disabled() || readonly()\"\r\n  [styleClass]=\"'w-full relative'\"\r\n  [class.p-invalid]=\"isInvalid(ngControl?.control)\"\r\n>\r\n  <ng-template let-item pTemplate=\"item\">\r\n    {{ displayLabel(item) }}\r\n  </ng-template>\r\n</p-pickList>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"masterteam-components-pick-list-field.mjs","sources":["../../../../packages/masterteam/components/pick-list-field/pick-list-field.ts","../../../../packages/masterteam/components/pick-list-field/pick-list-field.html","../../../../packages/masterteam/components/pick-list-field/masterteam-components-pick-list-field.ts"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  HostBinding,\r\n  OnInit,\r\n  ViewChild,\r\n  effect,\r\n  inject,\r\n  input,\r\n  signal,\r\n} from '@angular/core';\r\nimport { ControlValueAccessor, NgControl, Validators } from '@angular/forms';\r\nimport { PickList, PickListModule } from 'primeng/picklist';\r\nimport { FieldValidation } from '@masterteam/components/field-validation';\r\nimport { isInvalid } from '@masterteam/components';\r\n\r\n@Component({\r\n  selector: 'mt-pick-list-field',\r\n  templateUrl: './pick-list-field.html',\r\n  styleUrls: ['./pick-list-field.scss'],\r\n  imports: [PickListModule, FieldValidation],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'grid gap-1',\r\n  },\r\n})\r\nexport class PickListField implements ControlValueAccessor, OnInit {\r\n  readonly label = input<string>();\r\n  readonly class = input<string>('');\r\n  readonly readonly = input<boolean>(false);\r\n  readonly options = input<any[]>([]);\r\n  readonly optionLabel = input<string>('label');\r\n  readonly optionValue = input<string>('value');\r\n  readonly sourceHeader = input<string>('Available');\r\n  readonly targetHeader = input<string>('Selected');\r\n  readonly showSourceControls = input<boolean>(true);\r\n  readonly showTargetControls = input<boolean>(true);\r\n  readonly showSourceFilter = input<boolean>(false);\r\n  readonly showTargetFilter = input<boolean>(false);\r\n  readonly filterBy = input<string>();\r\n  readonly dataKey = input<string>();\r\n  readonly filterLocale = input<string>();\r\n  readonly filterMatchMode = input<\r\n    | 'contains'\r\n    | 'startsWith'\r\n    | 'endsWith'\r\n    | 'equals'\r\n    | 'notEquals'\r\n    | 'in'\r\n    | 'lt'\r\n    | 'lte'\r\n    | 'gt'\r\n    | 'gte'\r\n    | string\r\n  >('contains');\r\n  readonly dragdrop = input<boolean>(false);\r\n  readonly responsive = input<boolean>(true);\r\n  readonly required = input<boolean>(false);\r\n\r\n  @HostBinding('class') styleClass: string = '';\r\n\r\n  requiredValidator = Validators.required;\r\n  value = signal<any[]>([]);\r\n  targetItems = signal<any[]>([]);\r\n  sourceItems = signal<any[]>([]);\r\n  disabled = signal<boolean>(false);\r\n\r\n  private onTouched: () => void = () => {};\r\n  private onModelChange: (value: any) => void = () => {};\r\n\r\n  public ngControl = inject(NgControl, { self: true });\r\n\r\n  isInvalid = isInvalid;\r\n\r\n  private hasInitialized = false;\r\n\r\n  @ViewChild('pickList') pickList?: PickList;\r\n\r\n  constructor() {\r\n    if (this.ngControl) {\r\n      this.ngControl.valueAccessor = this;\r\n    }\r\n    effect(() => {\r\n      if (this.ngControl?.control && this.required()) {\r\n        this.ngControl.control.addValidators(Validators.required);\r\n        this.ngControl.control.updateValueAndValidity();\r\n      }\r\n    });\r\n    effect(() => {\r\n      this.options();\r\n      if (this.hasInitialized) {\r\n        this.syncLists();\r\n      }\r\n    });\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.styleClass = this.class();\r\n    this.syncLists();\r\n    this.hasInitialized = true;\r\n  }\r\n\r\n  writeValue(value: any) {\r\n    const nextValue = Array.isArray(value)\r\n      ? [...value]\r\n      : value === null || value === undefined\r\n        ? []\r\n        : [value];\r\n    this.value.set(nextValue);\r\n    this.syncLists();\r\n  }\r\n\r\n  registerOnChange(fn: any) {\r\n    this.onModelChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: any) {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(disabled: boolean) {\r\n    this.disabled.set(disabled);\r\n  }\r\n\r\n  onInteractiveChange() {\r\n    this.syncFromPickList();\r\n  }\r\n\r\n  handleBlur() {\r\n    this.onTouched();\r\n  }\r\n\r\n  displayLabel(item: any): string {\r\n    if (item === null || item === undefined) {\r\n      return '';\r\n    }\r\n    if (typeof item === 'string' || typeof item === 'number') {\r\n      return String(item);\r\n    }\r\n    const labelKey = this.optionLabel();\r\n    const nestedLabel =\r\n      labelKey && labelKey.includes('.')\r\n        ? this.getNestedValue(item, labelKey)\r\n        : undefined;\r\n    if (nestedLabel !== undefined) {\r\n      return nestedLabel;\r\n    }\r\n    if (labelKey && item[labelKey] !== undefined) {\r\n      return item[labelKey];\r\n    }\r\n    return JSON.stringify(item);\r\n  }\r\n\r\n  private getNestedValue(target: any, path: string): any {\r\n    if (!target || !path) {\r\n      return undefined;\r\n    }\r\n    return path\r\n      .split('.')\r\n      .reduce(\r\n        (acc, key) =>\r\n          acc !== null && acc !== undefined ? acc[key] : undefined,\r\n        target,\r\n      );\r\n  }\r\n\r\n  private syncLists() {\r\n    const currentValue = this.value();\r\n    const targetOptions = this.normalizeValueToOptions(currentValue);\r\n    this.targetItems.set(targetOptions);\r\n    this.updateSourceFromTarget(targetOptions);\r\n  }\r\n\r\n  private syncFromPickList() {\r\n    const pickListInstance = this.pickList;\r\n    if (!pickListInstance) {\r\n      return;\r\n    }\r\n    const currentTarget = [...(pickListInstance.target() ?? [])];\r\n    const currentSource = [...(pickListInstance.source() ?? [])];\r\n    this.targetItems.set(currentTarget);\r\n    this.sourceItems.set(currentSource);\r\n\r\n    const newValue = this.extractValues(currentTarget);\r\n    this.value.set(newValue);\r\n    this.onModelChange(newValue);\r\n    this.onTouched();\r\n  }\r\n\r\n  private normalizeValueToOptions(value: any[]): any[] {\r\n    if (!Array.isArray(value)) {\r\n      return [];\r\n    }\r\n    return value\r\n      .map((entry) => this.findOption(entry) ?? entry)\r\n      .filter((item) => item !== undefined && item !== null);\r\n  }\r\n\r\n  private extractValues(items: any[]): any[] {\r\n    const optionValueKey = this.optionValue();\r\n    if (!optionValueKey) {\r\n      return items ?? [];\r\n    }\r\n    const values: any[] = [];\r\n    (items ?? []).forEach((item) => {\r\n      if (item && typeof item === 'object') {\r\n        values.push(item[optionValueKey] ?? item);\r\n      } else {\r\n        values.push(item);\r\n      }\r\n    });\r\n    return values;\r\n  }\r\n\r\n  private updateSourceFromTarget(targetItems: any[]) {\r\n    const options = this.options() ?? [];\r\n    const targetIds = new Set(\r\n      (targetItems ?? []).map((item) => this.getIdentifier(item)),\r\n    );\r\n    const newSource = options.filter(\r\n      (option) => !targetIds.has(this.getIdentifier(option)),\r\n    );\r\n    this.sourceItems.set(newSource);\r\n  }\r\n\r\n  private getIdentifier(item: any): any {\r\n    if (item === null || item === undefined) {\r\n      return item;\r\n    }\r\n    const optionValueKey = this.optionValue();\r\n    if (!optionValueKey) {\r\n      return item;\r\n    }\r\n    if (typeof item === 'object') {\r\n      return item[optionValueKey];\r\n    }\r\n    return item;\r\n  }\r\n\r\n  private findOption(entry: any): any | undefined {\r\n    const options = this.options() ?? [];\r\n    const entryId = this.getIdentifier(entry);\r\n    return options.find((option) => this.getIdentifier(option) === entryId);\r\n  }\r\n}\r\n","@if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n    >{{ label() }}</label\r\n  >\r\n}\r\n<p-pickList\r\n  #pickList\r\n  [source]=\"sourceItems()\"\r\n  [target]=\"targetItems()\"\r\n  (onMoveToTarget)=\"onInteractiveChange()\"\r\n  (onMoveToSource)=\"onInteractiveChange()\"\r\n  (onMoveAllToTarget)=\"onInteractiveChange()\"\r\n  (onMoveAllToSource)=\"onInteractiveChange()\"\r\n  (onTargetReorder)=\"onInteractiveChange()\"\r\n  (onSourceReorder)=\"onInteractiveChange()\"\r\n  (onBlur)=\"handleBlur()\"\r\n  [filterBy]=\"filterBy() || optionLabel()\"\r\n  [showSourceControls]=\"showSourceControls()\"\r\n  [showTargetControls]=\"showTargetControls()\"\r\n  [showSourceFilter]=\"showSourceFilter()\"\r\n  [showTargetFilter]=\"showTargetFilter()\"\r\n  [sourceHeader]=\"sourceHeader()\"\r\n  [targetHeader]=\"targetHeader()\"\r\n  [dragdrop]=\"dragdrop()\"\r\n  [responsive]=\"responsive()\"\r\n  [disabled]=\"disabled() || readonly()\"\r\n  [styleClass]=\"'w-full relative'\"\r\n  [class.p-invalid]=\"isInvalid(ngControl?.control)\"\r\n>\r\n  <ng-template let-item pTemplate=\"item\">\r\n    {{ displayLabel(item) }}\r\n  </ng-template>\r\n</p-pickList>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/masterteam-components-progress.mjs

@@ -11,32 +11,32 @@ import * as i2 from 'primeng/api';
 class Progress {
     static DEFAULT_PRIMARY_COLOR = 'var(--p-primary-color)';
     // Required Input: The progress value (0-100)
-    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     // Optional Inputs with Defaults
-    mode = input('linear', ...(ngDevMode ? [{ debugName: "mode" }] : []));
-    showLabel = input(true, ...(ngDevMode ? [{ debugName: "showLabel" }] : []));
-    unit = input('%', ...(ngDevMode ? [{ debugName: "unit" }] : []));
-    color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : [])); // Default Tailwind blue-500
-    minValue = input(0, ...(ngDevMode ? [{ debugName: "minValue" }] : [])); // Height for linear bar
-    maxValue = input(100, ...(ngDevMode ? [{ debugName: "maxValue" }] : [])); // Height for linear bar
+    mode = input('linear', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    showLabel = input(true, ...(ngDevMode ? [{ debugName: "showLabel" }] : /* istanbul ignore next */ []));
+    unit = input('%', ...(ngDevMode ? [{ debugName: "unit" }] : /* istanbul ignore next */ []));
+    color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ [])); // Default Tailwind blue-500
+    minValue = input(0, ...(ngDevMode ? [{ debugName: "minValue" }] : /* istanbul ignore next */ [])); // Height for linear bar
+    maxValue = input(100, ...(ngDevMode ? [{ debugName: "maxValue" }] : /* istanbul ignore next */ [])); // Height for linear bar
     // Style Inputs
-    height = input(20, ...(ngDevMode ? [{ debugName: "height" }] : [])); // Height for linear bar
-    circleSize = input(100, ...(ngDevMode ? [{ debugName: "circleSize" }] : [])); // Diameter for circle
-    strokeWidth = input(10, ...(ngDevMode ? [{ debugName: "strokeWidth" }] : [])); // Thickness for circle
-    customClass = input('', ...(ngDevMode ? [{ debugName: "customClass" }] : [])); // Pass tailwind classes like 'rounded-none'
+    height = input(20, ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ [])); // Height for linear bar
+    circleSize = input(100, ...(ngDevMode ? [{ debugName: "circleSize" }] : /* istanbul ignore next */ [])); // Diameter for circle
+    strokeWidth = input(10, ...(ngDevMode ? [{ debugName: "strokeWidth" }] : /* istanbul ignore next */ [])); // Thickness for circle
+    customClass = input('', ...(ngDevMode ? [{ debugName: "customClass" }] : /* istanbul ignore next */ [])); // Pass tailwind classes like 'rounded-none'
     // Computed template for the knob text (e.g. "75%")
-    labelTemplate = computed(() => `{value}${this.unit()}`, ...(ngDevMode ? [{ debugName: "labelTemplate" }] : []));
+    labelTemplate = computed(() => `{value}${this.unit()}`, ...(ngDevMode ? [{ debugName: "labelTemplate" }] : /* istanbul ignore next */ []));
     resolvedColor = computed(() => {
         const color = this.color()?.trim();
         if (!color || color === 'primary') {
             return Progress.DEFAULT_PRIMARY_COLOR;
         }
         return color;
-    }, ...(ngDevMode ? [{ debugName: "resolvedColor" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Progress, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Progress, isStandalone: true, selector: "mt-progress", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, minValue: { classPropertyName: "minValue", publicName: "minValue", isSignal: true, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: "maxValue", publicName: "maxValue", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, circleSize: { classPropertyName: "circleSize", publicName: "circleSize", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null }, customClass: { classPropertyName: "customClass", publicName: "customClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"w-full flex flex-col items-center justify-center gap-2\">\r\n  @if (mode() === \"linear\") {\r\n    <div class=\"w-full\">\r\n      <p-progressBar\r\n        [value]=\"value()\"\r\n        [showValue]=\"showLabel()\"\r\n        [styleClass]=\"customClass()\"\r\n        [style]=\"{ height: height() + 'px' }\"\r\n        [color]=\"resolvedColor()\"\r\n      >\r\n        <ng-template pTemplate=\"content\" let-val>\r\n          @if (showLabel()) {\r\n            <span class=\"text-xs font-bold\">{{ val }}{{ unit() }}</span>\r\n          }\r\n        </ng-template>\r\n      </p-progressBar>\r\n    </div>\r\n  } @else {\r\n    <div class=\"relative flex items-center justify-center\">\r\n      <p-knob\r\n        [ngModel]=\"value()\"\r\n        [readonly]=\"true\"\r\n        [size]=\"circleSize()\"\r\n        [strokeWidth]=\"strokeWidth()\"\r\n        [rangeColor]=\"'#e5e7eb'\"\r\n        [valueTemplate]=\"labelTemplate()\"\r\n        [showValue]=\"showLabel()\"\r\n        [min]=\"minValue()\"\r\n        [max]=\"maxValue()\"\r\n      >\r\n      </p-knob>\r\n    </div>\r\n  }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i1.ProgressBar, selector: "p-progressBar, p-progressbar, p-progress-bar", inputs: ["value", "showValue", "styleClass", "valueStyleClass", "unit", "mode", "color"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: KnobModule }, { kind: "component", type: i3.Knob, selector: "p-knob", inputs: ["styleClass", "ariaLabel", "ariaLabelledBy", "tabindex", "valueColor", "rangeColor", "textColor", "valueTemplate", "size", "min", "max", "step", "strokeWidth", "showValue", "readonly"], outputs: ["onChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    }, ...(ngDevMode ? [{ debugName: "resolvedColor" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Progress, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Progress, isStandalone: true, selector: "mt-progress", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, minValue: { classPropertyName: "minValue", publicName: "minValue", isSignal: true, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: "maxValue", publicName: "maxValue", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, circleSize: { classPropertyName: "circleSize", publicName: "circleSize", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null }, customClass: { classPropertyName: "customClass", publicName: "customClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"w-full flex flex-col items-center justify-center gap-2\">\r\n  @if (mode() === \"linear\") {\r\n    <div class=\"w-full\">\r\n      <p-progressBar\r\n        [value]=\"value()\"\r\n        [showValue]=\"showLabel()\"\r\n        [styleClass]=\"customClass()\"\r\n        [style]=\"{ height: height() + 'px' }\"\r\n        [color]=\"resolvedColor()\"\r\n      >\r\n        <ng-template pTemplate=\"content\" let-val>\r\n          @if (showLabel()) {\r\n            <span class=\"text-xs font-bold\">{{ val }}{{ unit() }}</span>\r\n          }\r\n        </ng-template>\r\n      </p-progressBar>\r\n    </div>\r\n  } @else {\r\n    <div class=\"relative flex items-center justify-center\">\r\n      <p-knob\r\n        [ngModel]=\"value()\"\r\n        [readonly]=\"true\"\r\n        [size]=\"circleSize()\"\r\n        [strokeWidth]=\"strokeWidth()\"\r\n        [rangeColor]=\"'#e5e7eb'\"\r\n        [valueTemplate]=\"labelTemplate()\"\r\n        [showValue]=\"showLabel()\"\r\n        [min]=\"minValue()\"\r\n        [max]=\"maxValue()\"\r\n      >\r\n      </p-knob>\r\n    </div>\r\n  }\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i1.ProgressBar, selector: "p-progressBar, p-progressbar, p-progress-bar", inputs: ["value", "showValue", "styleClass", "valueStyleClass", "unit", "mode", "color"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: KnobModule }, { kind: "component", type: i3.Knob, selector: "p-knob", inputs: ["styleClass", "ariaLabel", "ariaLabelledBy", "tabindex", "valueColor", "rangeColor", "textColor", "valueTemplate", "size", "min", "max", "step", "strokeWidth", "showValue", "readonly"], outputs: ["onChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.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.3", ngImport: i0, type: Progress, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Progress, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [ProgressBarModule, KnobModule, FormsModule], selector: 'mt-progress', template: "<div class=\"w-full flex flex-col items-center justify-center gap-2\">\r\n  @if (mode() === \"linear\") {\r\n    <div class=\"w-full\">\r\n      <p-progressBar\r\n        [value]=\"value()\"\r\n        [showValue]=\"showLabel()\"\r\n        [styleClass]=\"customClass()\"\r\n        [style]=\"{ height: height() + 'px' }\"\r\n        [color]=\"resolvedColor()\"\r\n      >\r\n        <ng-template pTemplate=\"content\" let-val>\r\n          @if (showLabel()) {\r\n            <span class=\"text-xs font-bold\">{{ val }}{{ unit() }}</span>\r\n          }\r\n        </ng-template>\r\n      </p-progressBar>\r\n    </div>\r\n  } @else {\r\n    <div class=\"relative flex items-center justify-center\">\r\n      <p-knob\r\n        [ngModel]=\"value()\"\r\n        [readonly]=\"true\"\r\n        [size]=\"circleSize()\"\r\n        [strokeWidth]=\"strokeWidth()\"\r\n        [rangeColor]=\"'#e5e7eb'\"\r\n        [valueTemplate]=\"labelTemplate()\"\r\n        [showValue]=\"showLabel()\"\r\n        [min]=\"minValue()\"\r\n        [max]=\"maxValue()\"\r\n      >\r\n      </p-knob>\r\n    </div>\r\n  }\r\n</div>\r\n" }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], showLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabel", required: false }] }], unit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unit", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], minValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "minValue", required: false }] }], maxValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxValue", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], circleSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "circleSize", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }], customClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "customClass", required: false }] }] } });

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

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-progress.mjs","sources":["../../../../packages/masterteam/components/progress/progress.ts","../../../../packages/masterteam/components/progress/progress.html","../../../../packages/masterteam/components/progress/masterteam-components-progress.ts"],"sourcesContent":["import { Component, computed, input } from '@angular/core';\r\nimport { ProgressBarModule } from 'primeng/progressbar';\r\nimport { KnobModule } from 'primeng/knob';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\n@Component({\r\n  standalone: true,\r\n  imports: [ProgressBarModule, KnobModule, FormsModule],\r\n  selector: 'mt-progress',\r\n  templateUrl: 'progress.html',\r\n})\r\nexport class Progress {\r\n  private static readonly DEFAULT_PRIMARY_COLOR = 'var(--p-primary-color)';\r\n\r\n  // Required Input: The progress value (0-100)\r\n  value = input.required<number>();\r\n\r\n  // Optional Inputs with Defaults\r\n  mode = input<'linear' | 'circle'>('linear');\r\n  showLabel = input<boolean>(true);\r\n  unit = input<string>('%');\r\n  color = input<string>('primary'); // Default Tailwind blue-500\r\n  minValue = input<number>(0); // Height for linear bar\r\n  maxValue = input<number>(100); // Height for linear bar\r\n\r\n  // Style Inputs\r\n  height = input<number>(20); // Height for linear bar\r\n  circleSize = input<number>(100); // Diameter for circle\r\n  strokeWidth = input<number>(10); // Thickness for circle\r\n  customClass = input<string>(''); // Pass tailwind classes like 'rounded-none'\r\n\r\n  // Computed template for the knob text (e.g. \"75%\")\r\n  labelTemplate = computed(() => `{value}${this.unit()}`);\r\n\r\n  readonly resolvedColor = computed(() => {\r\n    const color = this.color()?.trim();\r\n\r\n    if (!color || color === 'primary') {\r\n      return Progress.DEFAULT_PRIMARY_COLOR;\r\n    }\r\n\r\n    return color;\r\n  });\r\n}\r\n","<div class=\"w-full flex flex-col items-center justify-center gap-2\">\r\n  @if (mode() === \"linear\") {\r\n    <div class=\"w-full\">\r\n      <p-progressBar\r\n        [value]=\"value()\"\r\n        [showValue]=\"showLabel()\"\r\n        [styleClass]=\"customClass()\"\r\n        [style]=\"{ height: height() + 'px' }\"\r\n        [color]=\"resolvedColor()\"\r\n      >\r\n        <ng-template pTemplate=\"content\" let-val>\r\n          @if (showLabel()) {\r\n            <span class=\"text-xs font-bold\">{{ val }}{{ unit() }}</span>\r\n          }\r\n        </ng-template>\r\n      </p-progressBar>\r\n    </div>\r\n  } @else {\r\n    <div class=\"relative flex items-center justify-center\">\r\n      <p-knob\r\n        [ngModel]=\"value()\"\r\n        [readonly]=\"true\"\r\n        [size]=\"circleSize()\"\r\n        [strokeWidth]=\"strokeWidth()\"\r\n        [rangeColor]=\"'#e5e7eb'\"\r\n        [valueTemplate]=\"labelTemplate()\"\r\n        [showValue]=\"showLabel()\"\r\n        [min]=\"minValue()\"\r\n        [max]=\"maxValue()\"\r\n      >\r\n      </p-knob>\r\n    </div>\r\n  }\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"masterteam-components-progress.mjs","sources":["../../../../packages/masterteam/components/progress/progress.ts","../../../../packages/masterteam/components/progress/progress.html","../../../../packages/masterteam/components/progress/masterteam-components-progress.ts"],"sourcesContent":["import { Component, computed, input } from '@angular/core';\r\nimport { ProgressBarModule } from 'primeng/progressbar';\r\nimport { KnobModule } from 'primeng/knob';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\n@Component({\r\n  standalone: true,\r\n  imports: [ProgressBarModule, KnobModule, FormsModule],\r\n  selector: 'mt-progress',\r\n  templateUrl: 'progress.html',\r\n})\r\nexport class Progress {\r\n  private static readonly DEFAULT_PRIMARY_COLOR = 'var(--p-primary-color)';\r\n\r\n  // Required Input: The progress value (0-100)\r\n  value = input.required<number>();\r\n\r\n  // Optional Inputs with Defaults\r\n  mode = input<'linear' | 'circle'>('linear');\r\n  showLabel = input<boolean>(true);\r\n  unit = input<string>('%');\r\n  color = input<string>('primary'); // Default Tailwind blue-500\r\n  minValue = input<number>(0); // Height for linear bar\r\n  maxValue = input<number>(100); // Height for linear bar\r\n\r\n  // Style Inputs\r\n  height = input<number>(20); // Height for linear bar\r\n  circleSize = input<number>(100); // Diameter for circle\r\n  strokeWidth = input<number>(10); // Thickness for circle\r\n  customClass = input<string>(''); // Pass tailwind classes like 'rounded-none'\r\n\r\n  // Computed template for the knob text (e.g. \"75%\")\r\n  labelTemplate = computed(() => `{value}${this.unit()}`);\r\n\r\n  readonly resolvedColor = computed(() => {\r\n    const color = this.color()?.trim();\r\n\r\n    if (!color || color === 'primary') {\r\n      return Progress.DEFAULT_PRIMARY_COLOR;\r\n    }\r\n\r\n    return color;\r\n  });\r\n}\r\n","<div class=\"w-full flex flex-col items-center justify-center gap-2\">\r\n  @if (mode() === \"linear\") {\r\n    <div class=\"w-full\">\r\n      <p-progressBar\r\n        [value]=\"value()\"\r\n        [showValue]=\"showLabel()\"\r\n        [styleClass]=\"customClass()\"\r\n        [style]=\"{ height: height() + 'px' }\"\r\n        [color]=\"resolvedColor()\"\r\n      >\r\n        <ng-template pTemplate=\"content\" let-val>\r\n          @if (showLabel()) {\r\n            <span class=\"text-xs font-bold\">{{ val }}{{ unit() }}</span>\r\n          }\r\n        </ng-template>\r\n      </p-progressBar>\r\n    </div>\r\n  } @else {\r\n    <div class=\"relative flex items-center justify-center\">\r\n      <p-knob\r\n        [ngModel]=\"value()\"\r\n        [readonly]=\"true\"\r\n        [size]=\"circleSize()\"\r\n        [strokeWidth]=\"strokeWidth()\"\r\n        [rangeColor]=\"'#e5e7eb'\"\r\n        [valueTemplate]=\"labelTemplate()\"\r\n        [showValue]=\"showLabel()\"\r\n        [min]=\"minValue()\"\r\n        [max]=\"maxValue()\"\r\n      >\r\n      </p-knob>\r\n    </div>\r\n  }\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}