@masterteam/components 0.0.64 → 0.0.65

package/fesm2022/masterteam-components-paginator.mjs

@@ -8,16 +8,16 @@ 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" } : {}) });
+    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 });
     // Paginator Inputs
-    pageLinkSize = input(6, { ...(ngDevMode ? { debugName: "pageLinkSize" } : {}) });
+    pageLinkSize = input(6, ...(ngDevMode ? [{ debugName: "pageLinkSize" }] : []));
     alwaysShow = input(true, { ...(ngDevMode ? { debugName: "alwaysShow" } : {}), transform: booleanAttribute });
     onPageChange = output();
     onPaginatorChange(event) {
@@ -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.2", ngImport: i0, type: Paginator, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.2", 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\n  [rows]=\"rows()\"\n  [totalRecords]=\"totalRecords()\"\n  [first]=\"first()\"\n  [pageLinkSize]=\"pageLinkSize()\"\n  [rowsPerPageOptions]=\"rowsPerPageOptions()\"\n  [showFirstLastIcon]=\"showFirstLastIcon()\"\n  [showCurrentPageReport]=\"showCurrentPageReport()\"\n  [alwaysShow]=\"alwaysShow()\"\n  (onPageChange)=\"onPaginatorChange($event)\"\n  appendTo=\"body\"\n>\n  <ng-template pTemplate=\"previouspagelinkicon\">\n    <div class=\"flex items-center justify-center px-3 gap-3\">\n      <svg\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 14 14\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M12.8346 6.99984H1.16797M1.16797 6.99984L7.0013 12.8332M1.16797 6.99984L7.0013 1.1665\"\n          stroke=\"#414651\"\n          stroke-width=\"1.67\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n      <span class=\"rtl:rotate-180\">\n        {{ \"components.paginator.previous\" | transloco }}\n      </span>\n    </div>\n  </ng-template>\n\n  <ng-template pTemplate=\"nextpagelinkicon\">\n    <div class=\"flex items-center justify-center px-3 gap-3\">\n      <span class=\"rtl:rotate-180\">\n        {{ \"components.paginator.next\" | transloco }}</span\n      >\n      <svg\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 14 14\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M1.16797 6.99984H12.8346M12.8346 6.99984L7.0013 1.1665M12.8346 6.99984L7.0013 12.8332\"\n          stroke=\"#414651\"\n          stroke-width=\"1.67\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n    </div>\n  </ng-template>\n</p-paginator>\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.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\n  [rows]=\"rows()\"\n  [totalRecords]=\"totalRecords()\"\n  [first]=\"first()\"\n  [pageLinkSize]=\"pageLinkSize()\"\n  [rowsPerPageOptions]=\"rowsPerPageOptions()\"\n  [showFirstLastIcon]=\"showFirstLastIcon()\"\n  [showCurrentPageReport]=\"showCurrentPageReport()\"\n  [alwaysShow]=\"alwaysShow()\"\n  (onPageChange)=\"onPaginatorChange($event)\"\n  appendTo=\"body\"\n>\n  <ng-template pTemplate=\"previouspagelinkicon\">\n    <div class=\"flex items-center justify-center px-3 gap-3\">\n      <svg\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 14 14\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M12.8346 6.99984H1.16797M1.16797 6.99984L7.0013 12.8332M1.16797 6.99984L7.0013 1.1665\"\n          stroke=\"#414651\"\n          stroke-width=\"1.67\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n      <span class=\"rtl:rotate-180\">\n        {{ \"components.paginator.previous\" | transloco }}\n      </span>\n    </div>\n  </ng-template>\n\n  <ng-template pTemplate=\"nextpagelinkicon\">\n    <div class=\"flex items-center justify-center px-3 gap-3\">\n      <span class=\"rtl:rotate-180\">\n        {{ \"components.paginator.next\" | transloco }}</span\n      >\n      <svg\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 14 14\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M1.16797 6.99984H12.8346M12.8346 6.99984L7.0013 1.1665M12.8346 6.99984L7.0013 12.8332\"\n          stroke=\"#414651\"\n          stroke-width=\"1.67\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n    </div>\n  </ng-template>\n</p-paginator>\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.2", ngImport: i0, type: Paginator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", 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 {\n  booleanAttribute,\n  Component,\n  input,\n  output,\n  model,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { PaginatorModule } from 'primeng/paginator';\nimport { TranslocoModule } from '@jsverse/transloco';\n\n@Component({\n  selector: 'mt-paginator',\n  standalone: true,\n  imports: [FormsModule, PaginatorModule, TranslocoModule],\n  templateUrl: './paginator.html',\n  styleUrls: ['./paginator.scss'],\n  host: {\n    class: 'grid gap-1',\n  },\n})\nexport class Paginator {\n  readonly rows = model<number>(10);\n  readonly totalRecords = input<number>(0);\n  readonly first = model<number>(0);\n  readonly page = model<number>(0);\n  readonly rowsPerPageOptions = input<number[] | undefined>(undefined);\n  readonly showFirstLastIcon = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n\n  readonly showCurrentPageReport = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly fluid = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n\n  // Paginator Inputs\n  readonly pageLinkSize = input<number | undefined>(6);\n  readonly alwaysShow = input<boolean, unknown>(true, {\n    transform: booleanAttribute,\n  });\n\n  readonly onPageChange = output<any>();\n\n  onPaginatorChange(event: any) {\n    this.first.set(event.first);\n    this.page.set(event.page);\n    this.rows.set(event.rows);\n    this.onPageChange.emit(event);\n  }\n}\n","<p-paginator\n  [rows]=\"rows()\"\n  [totalRecords]=\"totalRecords()\"\n  [first]=\"first()\"\n  [pageLinkSize]=\"pageLinkSize()\"\n  [rowsPerPageOptions]=\"rowsPerPageOptions()\"\n  [showFirstLastIcon]=\"showFirstLastIcon()\"\n  [showCurrentPageReport]=\"showCurrentPageReport()\"\n  [alwaysShow]=\"alwaysShow()\"\n  (onPageChange)=\"onPaginatorChange($event)\"\n  appendTo=\"body\"\n>\n  <ng-template pTemplate=\"previouspagelinkicon\">\n    <div class=\"flex items-center justify-center px-3 gap-3\">\n      <svg\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 14 14\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M12.8346 6.99984H1.16797M1.16797 6.99984L7.0013 12.8332M1.16797 6.99984L7.0013 1.1665\"\n          stroke=\"#414651\"\n          stroke-width=\"1.67\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n      <span class=\"rtl:rotate-180\">\n        {{ \"components.paginator.previous\" | transloco }}\n      </span>\n    </div>\n  </ng-template>\n\n  <ng-template pTemplate=\"nextpagelinkicon\">\n    <div class=\"flex items-center justify-center px-3 gap-3\">\n      <span class=\"rtl:rotate-180\">\n        {{ \"components.paginator.next\" | transloco }}</span\n      >\n      <svg\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 14 14\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M1.16797 6.99984H12.8346M12.8346 6.99984L7.0013 1.1665M12.8346 6.99984L7.0013 12.8332\"\n          stroke=\"#414651\"\n          stroke-width=\"1.67\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n    </div>\n  </ng-template>\n</p-paginator>\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,kDAAC;AACxB,IAAA,YAAY,GAAG,KAAK,CAAS,CAAC,0DAAC;AAC/B,IAAA,KAAK,GAAG,KAAK,CAAS,CAAC,mDAAC;AACxB,IAAA,IAAI,GAAG,KAAK,CAAS,CAAC,kDAAC;AACvB,IAAA,kBAAkB,GAAG,KAAK,CAAuB,SAAS,gEAAC;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,0DAAC;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,wxDA0DA,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,wxDAAA,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 {\n  booleanAttribute,\n  Component,\n  input,\n  output,\n  model,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { PaginatorModule } from 'primeng/paginator';\nimport { TranslocoModule } from '@jsverse/transloco';\n\n@Component({\n  selector: 'mt-paginator',\n  standalone: true,\n  imports: [FormsModule, PaginatorModule, TranslocoModule],\n  templateUrl: './paginator.html',\n  styleUrls: ['./paginator.scss'],\n  host: {\n    class: 'grid gap-1',\n  },\n})\nexport class Paginator {\n  readonly rows = model<number>(10);\n  readonly totalRecords = input<number>(0);\n  readonly first = model<number>(0);\n  readonly page = model<number>(0);\n  readonly rowsPerPageOptions = input<number[] | undefined>(undefined);\n  readonly showFirstLastIcon = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n\n  readonly showCurrentPageReport = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly fluid = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n\n  // Paginator Inputs\n  readonly pageLinkSize = input<number | undefined>(6);\n  readonly alwaysShow = input<boolean, unknown>(true, {\n    transform: booleanAttribute,\n  });\n\n  readonly onPageChange = output<any>();\n\n  onPaginatorChange(event: any) {\n    this.first.set(event.first);\n    this.page.set(event.page);\n    this.rows.set(event.rows);\n    this.onPageChange.emit(event);\n  }\n}\n","<p-paginator\n  [rows]=\"rows()\"\n  [totalRecords]=\"totalRecords()\"\n  [first]=\"first()\"\n  [pageLinkSize]=\"pageLinkSize()\"\n  [rowsPerPageOptions]=\"rowsPerPageOptions()\"\n  [showFirstLastIcon]=\"showFirstLastIcon()\"\n  [showCurrentPageReport]=\"showCurrentPageReport()\"\n  [alwaysShow]=\"alwaysShow()\"\n  (onPageChange)=\"onPaginatorChange($event)\"\n  appendTo=\"body\"\n>\n  <ng-template pTemplate=\"previouspagelinkicon\">\n    <div class=\"flex items-center justify-center px-3 gap-3\">\n      <svg\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 14 14\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M12.8346 6.99984H1.16797M1.16797 6.99984L7.0013 12.8332M1.16797 6.99984L7.0013 1.1665\"\n          stroke=\"#414651\"\n          stroke-width=\"1.67\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n      <span class=\"rtl:rotate-180\">\n        {{ \"components.paginator.previous\" | transloco }}\n      </span>\n    </div>\n  </ng-template>\n\n  <ng-template pTemplate=\"nextpagelinkicon\">\n    <div class=\"flex items-center justify-center px-3 gap-3\">\n      <span class=\"rtl:rotate-180\">\n        {{ \"components.paginator.next\" | transloco }}</span\n      >\n      <svg\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 14 14\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M1.16797 6.99984H12.8346M12.8346 6.99984L7.0013 1.1665M12.8346 6.99984L7.0013 12.8332\"\n          stroke=\"#414651\"\n          stroke-width=\"1.67\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n    </div>\n  </ng-template>\n</p-paginator>\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,wxDA0DA,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,wxDAAA,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(undefined, { ...(ngDevMode ? { 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(undefined, { ...(ngDevMode ? { debugName: "filterBy" } : {}) });
-    dataKey = input(undefined, { ...(ngDevMode ? { debugName: "dataKey" } : {}) });
-    filterLocale = input(undefined, { ...(ngDevMode ? { 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" }] : []));
+    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" }] : []));
     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" }] : []));
+    targetItems = signal([], ...(ngDevMode ? [{ debugName: "targetItems" }] : []));
+    sourceItems = signal([], ...(ngDevMode ? [{ debugName: "sourceItems" }] : []));
+    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
     onTouched = () => { };
     onModelChange = () => { };
     ngControl = inject(NgControl, { self: true });
@@ -166,10 +166,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.2", ngImport: i0, type: PickListField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", 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()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n<p-pickList\n  #pickList\n  [source]=\"sourceItems()\"\n  [target]=\"targetItems()\"\n  (onMoveToTarget)=\"onInteractiveChange()\"\n  (onMoveToSource)=\"onInteractiveChange()\"\n  (onMoveAllToTarget)=\"onInteractiveChange()\"\n  (onMoveAllToSource)=\"onInteractiveChange()\"\n  (onTargetReorder)=\"onInteractiveChange()\"\n  (onSourceReorder)=\"onInteractiveChange()\"\n  (onBlur)=\"handleBlur()\"\n  [filterBy]=\"filterBy() || optionLabel()\"\n  [showSourceControls]=\"showSourceControls()\"\n  [showTargetControls]=\"showTargetControls()\"\n  [showSourceFilter]=\"showSourceFilter()\"\n  [showTargetFilter]=\"showTargetFilter()\"\n  [sourceHeader]=\"sourceHeader()\"\n  [targetHeader]=\"targetHeader()\"\n  [dragdrop]=\"dragdrop()\"\n  [responsive]=\"responsive()\"\n  [disabled]=\"disabled() || readonly()\"\n  [styleClass]=\"'w-full relative'\"\n  [class.p-invalid]=\"isInvalid(ngControl?.control)\"\n>\n  <ng-template let-item pTemplate=\"item\">\n    {{ displayLabel(item) }}\n  </ng-template>\n</p-pickList>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\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.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()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n<p-pickList\n  #pickList\n  [source]=\"sourceItems()\"\n  [target]=\"targetItems()\"\n  (onMoveToTarget)=\"onInteractiveChange()\"\n  (onMoveToSource)=\"onInteractiveChange()\"\n  (onMoveAllToTarget)=\"onInteractiveChange()\"\n  (onMoveAllToSource)=\"onInteractiveChange()\"\n  (onTargetReorder)=\"onInteractiveChange()\"\n  (onSourceReorder)=\"onInteractiveChange()\"\n  (onBlur)=\"handleBlur()\"\n  [filterBy]=\"filterBy() || optionLabel()\"\n  [showSourceControls]=\"showSourceControls()\"\n  [showTargetControls]=\"showTargetControls()\"\n  [showSourceFilter]=\"showSourceFilter()\"\n  [showTargetFilter]=\"showTargetFilter()\"\n  [sourceHeader]=\"sourceHeader()\"\n  [targetHeader]=\"targetHeader()\"\n  [dragdrop]=\"dragdrop()\"\n  [responsive]=\"responsive()\"\n  [disabled]=\"disabled() || readonly()\"\n  [styleClass]=\"'w-full relative'\"\n  [class.p-invalid]=\"isInvalid(ngControl?.control)\"\n>\n  <ng-template let-item pTemplate=\"item\">\n    {{ displayLabel(item) }}\n  </ng-template>\n</p-pickList>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\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.2", ngImport: i0, type: PickListField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", 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 {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  OnInit,\n  ViewChild,\n  effect,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl, Validators } from '@angular/forms';\nimport { PickList, PickListModule } from 'primeng/picklist';\nimport { FieldValidation } from '@masterteam/components/field-validation';\nimport { isInvalid } from '@masterteam/components';\n\n@Component({\n  selector: 'mt-pick-list-field',\n  templateUrl: './pick-list-field.html',\n  styleUrls: ['./pick-list-field.scss'],\n  imports: [PickListModule, FieldValidation],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'grid gap-1',\n  },\n})\nexport class PickListField implements ControlValueAccessor, OnInit {\n  readonly label = input<string>();\n  readonly class = input<string>('');\n  readonly readonly = input<boolean>(false);\n  readonly options = input<any[]>([]);\n  readonly optionLabel = input<string>('label');\n  readonly optionValue = input<string>('value');\n  readonly sourceHeader = input<string>('Available');\n  readonly targetHeader = input<string>('Selected');\n  readonly showSourceControls = input<boolean>(true);\n  readonly showTargetControls = input<boolean>(true);\n  readonly showSourceFilter = input<boolean>(false);\n  readonly showTargetFilter = input<boolean>(false);\n  readonly filterBy = input<string>();\n  readonly dataKey = input<string>();\n  readonly filterLocale = input<string>();\n  readonly filterMatchMode = input<\n    | 'contains'\n    | 'startsWith'\n    | 'endsWith'\n    | 'equals'\n    | 'notEquals'\n    | 'in'\n    | 'lt'\n    | 'lte'\n    | 'gt'\n    | 'gte'\n    | string\n  >('contains');\n  readonly dragdrop = input<boolean>(false);\n  readonly responsive = input<boolean>(true);\n  readonly required = input<boolean>(false);\n\n  @HostBinding('class') styleClass: string = '';\n\n  requiredValidator = Validators.required;\n  value = signal<any[]>([]);\n  targetItems = signal<any[]>([]);\n  sourceItems = signal<any[]>([]);\n  disabled = signal<boolean>(false);\n\n  private onTouched: () => void = () => {};\n  private onModelChange: (value: any) => void = () => {};\n\n  public ngControl = inject(NgControl, { self: true });\n\n  isInvalid = isInvalid;\n\n  private hasInitialized = false;\n\n  @ViewChild('pickList') pickList?: PickList;\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n    effect(() => {\n      if (this.ngControl?.control && this.required()) {\n        this.ngControl.control.addValidators(Validators.required);\n        this.ngControl.control.updateValueAndValidity();\n      }\n    });\n    effect(\n      () => {\n        this.options();\n        if (this.hasInitialized) {\n          this.syncLists();\n        }\n      },\n      { allowSignalWrites: true },\n    );\n  }\n\n  ngOnInit() {\n    this.styleClass = this.class();\n    this.syncLists();\n    this.hasInitialized = true;\n  }\n\n  writeValue(value: any) {\n    const nextValue = Array.isArray(value)\n      ? [...value]\n      : value === null || value === undefined\n        ? []\n        : [value];\n    this.value.set(nextValue);\n    this.syncLists();\n  }\n\n  registerOnChange(fn: any) {\n    this.onModelChange = fn;\n  }\n\n  registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(disabled: boolean) {\n    this.disabled.set(disabled);\n  }\n\n  onInteractiveChange() {\n    this.syncFromPickList();\n  }\n\n  handleBlur() {\n    this.onTouched();\n  }\n\n  displayLabel(item: any): string {\n    if (item === null || item === undefined) {\n      return '';\n    }\n    if (typeof item === 'string' || typeof item === 'number') {\n      return String(item);\n    }\n    const labelKey = this.optionLabel();\n    if (labelKey && item[labelKey] !== undefined) {\n      return item[labelKey];\n    }\n    return JSON.stringify(item);\n  }\n\n  private syncLists() {\n    const currentValue = this.value();\n    const targetOptions = this.normalizeValueToOptions(currentValue);\n    this.targetItems.set(targetOptions);\n    this.updateSourceFromTarget(targetOptions);\n  }\n\n  private syncFromPickList() {\n    const pickListInstance = this.pickList;\n    if (!pickListInstance) {\n      return;\n    }\n    const currentTarget = [...(pickListInstance.target() ?? [])];\n    const currentSource = [...(pickListInstance.source() ?? [])];\n    this.targetItems.set(currentTarget);\n    this.sourceItems.set(currentSource);\n\n    const newValue = this.extractValues(currentTarget);\n    this.value.set(newValue);\n    this.onModelChange(newValue);\n    this.onTouched();\n  }\n\n  private normalizeValueToOptions(value: any[]): any[] {\n    if (!Array.isArray(value)) {\n      return [];\n    }\n    return value\n      .map((entry) => this.findOption(entry) ?? entry)\n      .filter((item) => item !== undefined && item !== null);\n  }\n\n  private extractValues(items: any[]): any[] {\n    const optionValueKey = this.optionValue();\n    if (!optionValueKey) {\n      return items ?? [];\n    }\n    const values: any[] = [];\n    (items ?? []).forEach((item) => {\n      if (item && typeof item === 'object') {\n        values.push(item[optionValueKey] ?? item);\n      } else {\n        values.push(item);\n      }\n    });\n    return values;\n  }\n\n  private updateSourceFromTarget(targetItems: any[]) {\n    const options = this.options() ?? [];\n    const targetIds = new Set(\n      (targetItems ?? []).map((item) => this.getIdentifier(item)),\n    );\n    const newSource = options.filter(\n      (option) => !targetIds.has(this.getIdentifier(option)),\n    );\n    this.sourceItems.set(newSource);\n  }\n\n  private getIdentifier(item: any): any {\n    if (item === null || item === undefined) {\n      return item;\n    }\n    const optionValueKey = this.optionValue();\n    if (!optionValueKey) {\n      return item;\n    }\n    if (typeof item === 'object') {\n      return item[optionValueKey];\n    }\n    return item;\n  }\n\n  private findOption(entry: any): any | undefined {\n    const options = this.options() ?? [];\n    const entryId = this.getIdentifier(entry);\n    return options.find((option) => this.getIdentifier(option) === entryId);\n  }\n}\n","@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n<p-pickList\n  #pickList\n  [source]=\"sourceItems()\"\n  [target]=\"targetItems()\"\n  (onMoveToTarget)=\"onInteractiveChange()\"\n  (onMoveToSource)=\"onInteractiveChange()\"\n  (onMoveAllToTarget)=\"onInteractiveChange()\"\n  (onMoveAllToSource)=\"onInteractiveChange()\"\n  (onTargetReorder)=\"onInteractiveChange()\"\n  (onSourceReorder)=\"onInteractiveChange()\"\n  (onBlur)=\"handleBlur()\"\n  [filterBy]=\"filterBy() || optionLabel()\"\n  [showSourceControls]=\"showSourceControls()\"\n  [showTargetControls]=\"showTargetControls()\"\n  [showSourceFilter]=\"showSourceFilter()\"\n  [showTargetFilter]=\"showTargetFilter()\"\n  [sourceHeader]=\"sourceHeader()\"\n  [targetHeader]=\"targetHeader()\"\n  [dragdrop]=\"dragdrop()\"\n  [responsive]=\"responsive()\"\n  [disabled]=\"disabled() || readonly()\"\n  [styleClass]=\"'w-full relative'\"\n  [class.p-invalid]=\"isInvalid(ngControl?.control)\"\n>\n  <ng-template let-item pTemplate=\"item\">\n    {{ displayLabel(item) }}\n  </ng-template>\n</p-pickList>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"masterteam-components-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 {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  OnInit,\n  ViewChild,\n  effect,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl, Validators } from '@angular/forms';\nimport { PickList, PickListModule } from 'primeng/picklist';\nimport { FieldValidation } from '@masterteam/components/field-validation';\nimport { isInvalid } from '@masterteam/components';\n\n@Component({\n  selector: 'mt-pick-list-field',\n  templateUrl: './pick-list-field.html',\n  styleUrls: ['./pick-list-field.scss'],\n  imports: [PickListModule, FieldValidation],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'grid gap-1',\n  },\n})\nexport class PickListField implements ControlValueAccessor, OnInit {\n  readonly label = input<string>();\n  readonly class = input<string>('');\n  readonly readonly = input<boolean>(false);\n  readonly options = input<any[]>([]);\n  readonly optionLabel = input<string>('label');\n  readonly optionValue = input<string>('value');\n  readonly sourceHeader = input<string>('Available');\n  readonly targetHeader = input<string>('Selected');\n  readonly showSourceControls = input<boolean>(true);\n  readonly showTargetControls = input<boolean>(true);\n  readonly showSourceFilter = input<boolean>(false);\n  readonly showTargetFilter = input<boolean>(false);\n  readonly filterBy = input<string>();\n  readonly dataKey = input<string>();\n  readonly filterLocale = input<string>();\n  readonly filterMatchMode = input<\n    | 'contains'\n    | 'startsWith'\n    | 'endsWith'\n    | 'equals'\n    | 'notEquals'\n    | 'in'\n    | 'lt'\n    | 'lte'\n    | 'gt'\n    | 'gte'\n    | string\n  >('contains');\n  readonly dragdrop = input<boolean>(false);\n  readonly responsive = input<boolean>(true);\n  readonly required = input<boolean>(false);\n\n  @HostBinding('class') styleClass: string = '';\n\n  requiredValidator = Validators.required;\n  value = signal<any[]>([]);\n  targetItems = signal<any[]>([]);\n  sourceItems = signal<any[]>([]);\n  disabled = signal<boolean>(false);\n\n  private onTouched: () => void = () => {};\n  private onModelChange: (value: any) => void = () => {};\n\n  public ngControl = inject(NgControl, { self: true });\n\n  isInvalid = isInvalid;\n\n  private hasInitialized = false;\n\n  @ViewChild('pickList') pickList?: PickList;\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n    effect(() => {\n      if (this.ngControl?.control && this.required()) {\n        this.ngControl.control.addValidators(Validators.required);\n        this.ngControl.control.updateValueAndValidity();\n      }\n    });\n    effect(\n      () => {\n        this.options();\n        if (this.hasInitialized) {\n          this.syncLists();\n        }\n      },\n      { allowSignalWrites: true },\n    );\n  }\n\n  ngOnInit() {\n    this.styleClass = this.class();\n    this.syncLists();\n    this.hasInitialized = true;\n  }\n\n  writeValue(value: any) {\n    const nextValue = Array.isArray(value)\n      ? [...value]\n      : value === null || value === undefined\n        ? []\n        : [value];\n    this.value.set(nextValue);\n    this.syncLists();\n  }\n\n  registerOnChange(fn: any) {\n    this.onModelChange = fn;\n  }\n\n  registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(disabled: boolean) {\n    this.disabled.set(disabled);\n  }\n\n  onInteractiveChange() {\n    this.syncFromPickList();\n  }\n\n  handleBlur() {\n    this.onTouched();\n  }\n\n  displayLabel(item: any): string {\n    if (item === null || item === undefined) {\n      return '';\n    }\n    if (typeof item === 'string' || typeof item === 'number') {\n      return String(item);\n    }\n    const labelKey = this.optionLabel();\n    if (labelKey && item[labelKey] !== undefined) {\n      return item[labelKey];\n    }\n    return JSON.stringify(item);\n  }\n\n  private syncLists() {\n    const currentValue = this.value();\n    const targetOptions = this.normalizeValueToOptions(currentValue);\n    this.targetItems.set(targetOptions);\n    this.updateSourceFromTarget(targetOptions);\n  }\n\n  private syncFromPickList() {\n    const pickListInstance = this.pickList;\n    if (!pickListInstance) {\n      return;\n    }\n    const currentTarget = [...(pickListInstance.target() ?? [])];\n    const currentSource = [...(pickListInstance.source() ?? [])];\n    this.targetItems.set(currentTarget);\n    this.sourceItems.set(currentSource);\n\n    const newValue = this.extractValues(currentTarget);\n    this.value.set(newValue);\n    this.onModelChange(newValue);\n    this.onTouched();\n  }\n\n  private normalizeValueToOptions(value: any[]): any[] {\n    if (!Array.isArray(value)) {\n      return [];\n    }\n    return value\n      .map((entry) => this.findOption(entry) ?? entry)\n      .filter((item) => item !== undefined && item !== null);\n  }\n\n  private extractValues(items: any[]): any[] {\n    const optionValueKey = this.optionValue();\n    if (!optionValueKey) {\n      return items ?? [];\n    }\n    const values: any[] = [];\n    (items ?? []).forEach((item) => {\n      if (item && typeof item === 'object') {\n        values.push(item[optionValueKey] ?? item);\n      } else {\n        values.push(item);\n      }\n    });\n    return values;\n  }\n\n  private updateSourceFromTarget(targetItems: any[]) {\n    const options = this.options() ?? [];\n    const targetIds = new Set(\n      (targetItems ?? []).map((item) => this.getIdentifier(item)),\n    );\n    const newSource = options.filter(\n      (option) => !targetIds.has(this.getIdentifier(option)),\n    );\n    this.sourceItems.set(newSource);\n  }\n\n  private getIdentifier(item: any): any {\n    if (item === null || item === undefined) {\n      return item;\n    }\n    const optionValueKey = this.optionValue();\n    if (!optionValueKey) {\n      return item;\n    }\n    if (typeof item === 'object') {\n      return item[optionValueKey];\n    }\n    return item;\n  }\n\n  private findOption(entry: any): any | undefined {\n    const options = this.options() ?? [];\n    const entryId = this.getIdentifier(entry);\n    return options.find((option) => this.getIdentifier(option) === entryId);\n  }\n}\n","@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n<p-pickList\n  #pickList\n  [source]=\"sourceItems()\"\n  [target]=\"targetItems()\"\n  (onMoveToTarget)=\"onInteractiveChange()\"\n  (onMoveToSource)=\"onInteractiveChange()\"\n  (onMoveAllToTarget)=\"onInteractiveChange()\"\n  (onMoveAllToSource)=\"onInteractiveChange()\"\n  (onTargetReorder)=\"onInteractiveChange()\"\n  (onSourceReorder)=\"onInteractiveChange()\"\n  (onBlur)=\"handleBlur()\"\n  [filterBy]=\"filterBy() || optionLabel()\"\n  [showSourceControls]=\"showSourceControls()\"\n  [showTargetControls]=\"showTargetControls()\"\n  [showSourceFilter]=\"showSourceFilter()\"\n  [showTargetFilter]=\"showTargetFilter()\"\n  [sourceHeader]=\"sourceHeader()\"\n  [targetHeader]=\"targetHeader()\"\n  [dragdrop]=\"dragdrop()\"\n  [responsive]=\"responsive()\"\n  [disabled]=\"disabled() || readonly()\"\n  [styleClass]=\"'w-full relative'\"\n  [class.p-invalid]=\"isInvalid(ngControl?.control)\"\n>\n  <ng-template let-item pTemplate=\"item\">\n    {{ displayLabel(item) }}\n  </ng-template>\n</p-pickList>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/masterteam-components-radio-button-field.mjs

@@ -9,21 +9,21 @@ import { isInvalid } from '@masterteam/components';
 
 class RadioButtonField {
     radioButton;
-    labelPosition = input('end', { ...(ngDevMode ? { debugName: "labelPosition" } : {}) });
-    orientation = input('vertical', { ...(ngDevMode ? { debugName: "orientation" } : {}) });
-    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}) });
-    pInputs = input(undefined, { ...(ngDevMode ? { debugName: "pInputs" } : {}) });
-    required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}) });
-    options = input([], { ...(ngDevMode ? { debugName: "options" } : {}) });
-    size = input(undefined, { ...(ngDevMode ? { debugName: "size" } : {}) });
-    label = input(undefined, { ...(ngDevMode ? { debugName: "label" } : {}) });
+    labelPosition = input('end', ...(ngDevMode ? [{ debugName: "labelPosition" }] : []));
+    orientation = input('vertical', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+    pInputs = input(...(ngDevMode ? [undefined, { debugName: "pInputs" }] : []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+    options = input([], ...(ngDevMode ? [{ debugName: "options" }] : []));
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
     onChange = output();
     ngControl = inject(NgControl, { self: true });
     isInvalid = isInvalid;
-    isVertical = computed(() => this.labelPosition() === 'top' || this.labelPosition() === 'bottom', { ...(ngDevMode ? { debugName: "isVertical" } : {}) });
+    isVertical = computed(() => this.labelPosition() === 'top' || this.labelPosition() === 'bottom', ...(ngDevMode ? [{ debugName: "isVertical" }] : []));
     requiredValidator = Validators.required;
-    value = signal(null, { ...(ngDevMode ? { debugName: "value" } : {}) });
-    disabled = signal(false, { ...(ngDevMode ? { debugName: "disabled" } : {}) });
+    value = signal(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
     onTouched = () => { };
     onModelChange = () => { };
     constructor() {
@@ -67,10 +67,10 @@ class RadioButtonField {
     setDisabledState(disabled) {
         this.disabled.set(disabled);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: RadioButtonField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: RadioButtonField, isStandalone: true, selector: "mt-radio-button-field", inputs: { labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, host: { classAttribute: "grid gap-1" }, ngImport: i0, template: "@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    >{{ label() }}</label\n  >\n}\n\n<div\n  class=\"flex gap-3\"\n  [class.flex-col]=\"orientation() === 'vertical'\"\n  [class.flex-row]=\"orientation() === 'horizontal'\"\n  [class.flex-wrap]=\"orientation() === 'horizontal'\"\n>\n  @for (option of options(); track option) {\n    <div\n      class=\"flex gap-1\"\n      [class.items-center]=\"!isVertical()\"\n      [class.gap-2]=\"!isVertical()\"\n      [class.flex-col]=\"isVertical()\"\n      [class.flex-col-reverse]=\"labelPosition() === 'top'\"\n      [class.flex-row-reverse]=\"labelPosition() === 'start'\"\n      [class.justify-end]=\"labelPosition() === 'start'\"\n    >\n      <p-radiobutton\n        [size]=\"size()\"\n        #radiobutton\n        [ngModel]=\"value()\"\n        [value]=\"option.value\"\n        [inputId]=\"option?.label\"\n        (ngModelChange)=\"onValueChange($event)\"\n        (onClick)=\"onChange.emit($event)\"\n        (onBlur)=\"onTouched()\"\n        [disabled]=\"disabled() || readonly()\"\n        [invalid]=\"isInvalid(ngControl?.control)\"\n        class=\"leading-none\"\n      ></p-radiobutton>\n\n      @if (option?.label) {\n        <label [for]=\"option?.label\">{{ option?.label }}</label>\n      }\n    </div>\n  }\n</div>\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i2.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "styleClass", "autofocus", "binary", "variant", "size"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: RadioButtonField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: RadioButtonField, isStandalone: true, selector: "mt-radio-button-field", inputs: { labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, host: { classAttribute: "grid gap-1" }, ngImport: i0, template: "@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    >{{ label() }}</label\n  >\n}\n\n<div\n  class=\"flex gap-3\"\n  [class.flex-col]=\"orientation() === 'vertical'\"\n  [class.flex-row]=\"orientation() === 'horizontal'\"\n  [class.flex-wrap]=\"orientation() === 'horizontal'\"\n>\n  @for (option of options(); track option) {\n    <div\n      class=\"flex gap-1\"\n      [class.items-center]=\"!isVertical()\"\n      [class.gap-2]=\"!isVertical()\"\n      [class.flex-col]=\"isVertical()\"\n      [class.flex-col-reverse]=\"labelPosition() === 'top'\"\n      [class.flex-row-reverse]=\"labelPosition() === 'start'\"\n      [class.justify-end]=\"labelPosition() === 'start'\"\n    >\n      <p-radiobutton\n        [size]=\"size()\"\n        #radiobutton\n        [ngModel]=\"value()\"\n        [value]=\"option.value\"\n        [inputId]=\"option?.label\"\n        (ngModelChange)=\"onValueChange($event)\"\n        (onClick)=\"onChange.emit($event)\"\n        (onBlur)=\"onTouched()\"\n        [disabled]=\"disabled() || readonly()\"\n        [invalid]=\"isInvalid(ngControl?.control)\"\n        class=\"leading-none\"\n      ></p-radiobutton>\n\n      @if (option?.label) {\n        <label [for]=\"option?.label\">{{ option?.label }}</label>\n      }\n    </div>\n  }\n</div>\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i2.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "styleClass", "autofocus", "binary", "variant", "size"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: RadioButtonField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: RadioButtonField, decorators: [{
             type: Component,
             args: [{ selector: 'mt-radio-button-field', standalone: true, imports: [FormsModule, RadioButtonModule, FieldValidation], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'grid gap-1',

package/fesm2022/masterteam-components-radio-button-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-radio-button-field.mjs","sources":["../../../../packages/masterteam/components/radio-button-field/radio-button-field.ts","../../../../packages/masterteam/components/radio-button-field/radio-button-field.html","../../../../packages/masterteam/components/radio-button-field/masterteam-components-radio-button-field.ts"],"sourcesContent":["import {\n  Component,\n  signal,\n  input,\n  output,\n  inject,\n  ChangeDetectionStrategy,\n  computed,\n  effect,\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormsModule,\n  NgControl,\n  Validators,\n} from '@angular/forms';\nimport { RadioButton, RadioButtonModule } from 'primeng/radiobutton';\nimport { FieldValidation } from '@masterteam/components/field-validation';\nimport { isInvalid } from '@masterteam/components';\n\nexport interface radioOptions {\n  label: string;\n  value: string;\n}\n\n@Component({\n  selector: 'mt-radio-button-field',\n  standalone: true,\n  imports: [FormsModule, RadioButtonModule, FieldValidation],\n  templateUrl: './radio-button-field.html',\n  styleUrls: ['./radio-button-field.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'grid gap-1',\n  },\n})\nexport class RadioButtonField implements ControlValueAccessor {\n  radioButton: RadioButton;\n  labelPosition = input<'top' | 'start' | 'end' | 'bottom'>('end');\n  orientation = input<'vertical' | 'horizontal'>('vertical');\n  readonly = input<boolean>(false);\n  pInputs = input<Partial<RadioButton>>();\n  required = input<boolean>(false);\n  options = input<radioOptions[]>([]);\n  size = input<'small' | 'large' | undefined>();\n  label = input<string>();\n  onChange = output<string>();\n\n  public ngControl = inject(NgControl, { self: true });\n\n  isInvalid = isInvalid;\n\n  isVertical = computed(\n    () => this.labelPosition() === 'top' || this.labelPosition() === 'bottom',\n  );\n\n  requiredValidator = Validators.required;\n  value = signal<string | null>(null);\n  disabled = signal<boolean>(false);\n\n  onTouched: () => void = () => {};\n  onModelChange: (value: string | null) => void = () => {};\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n\n    // Effect to apply pInputs reactively when the pInputs signal changes\n    effect(() => {\n      const currentPInputs = this.pInputs();\n\n      if (this.radioButton && currentPInputs) {\n        this.applyInputsToRadioButton();\n      }\n    });\n\n    // Effect to add required validator if required input is true\n    effect(() => {\n      if (this.ngControl?.control && this.required()) {\n        this.ngControl.control.addValidators(Validators.required);\n        this.ngControl.control.updateValueAndValidity();\n      }\n    });\n  }\n\n  applyInputsToRadioButton() {\n    const currentPInputs = this.pInputs();\n    if (currentPInputs) {\n      Object.assign(this.radioButton, currentPInputs);\n    }\n  }\n\n  onValueChange(value: string | null) {\n    this.onModelChange(value);\n    this.value.set(value);\n  }\n\n  writeValue(value: string | null) {\n    this.value.set(value);\n  }\n\n  registerOnChange(fn: any) {\n    this.onModelChange = fn;\n  }\n\n  registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(disabled: boolean) {\n    this.disabled.set(disabled);\n  }\n}\n","@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    >{{ label() }}</label\n  >\n}\n\n<div\n  class=\"flex gap-3\"\n  [class.flex-col]=\"orientation() === 'vertical'\"\n  [class.flex-row]=\"orientation() === 'horizontal'\"\n  [class.flex-wrap]=\"orientation() === 'horizontal'\"\n>\n  @for (option of options(); track option) {\n    <div\n      class=\"flex gap-1\"\n      [class.items-center]=\"!isVertical()\"\n      [class.gap-2]=\"!isVertical()\"\n      [class.flex-col]=\"isVertical()\"\n      [class.flex-col-reverse]=\"labelPosition() === 'top'\"\n      [class.flex-row-reverse]=\"labelPosition() === 'start'\"\n      [class.justify-end]=\"labelPosition() === 'start'\"\n    >\n      <p-radiobutton\n        [size]=\"size()\"\n        #radiobutton\n        [ngModel]=\"value()\"\n        [value]=\"option.value\"\n        [inputId]=\"option?.label\"\n        (ngModelChange)=\"onValueChange($event)\"\n        (onClick)=\"onChange.emit($event)\"\n        (onBlur)=\"onTouched()\"\n        [disabled]=\"disabled() || readonly()\"\n        [invalid]=\"isInvalid(ngControl?.control)\"\n        class=\"leading-none\"\n      ></p-radiobutton>\n\n      @if (option?.label) {\n        <label [for]=\"option?.label\">{{ option?.label }}</label>\n      }\n    </div>\n  }\n</div>\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"masterteam-components-radio-button-field.mjs","sources":["../../../../packages/masterteam/components/radio-button-field/radio-button-field.ts","../../../../packages/masterteam/components/radio-button-field/radio-button-field.html","../../../../packages/masterteam/components/radio-button-field/masterteam-components-radio-button-field.ts"],"sourcesContent":["import {\n  Component,\n  signal,\n  input,\n  output,\n  inject,\n  ChangeDetectionStrategy,\n  computed,\n  effect,\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormsModule,\n  NgControl,\n  Validators,\n} from '@angular/forms';\nimport { RadioButton, RadioButtonModule } from 'primeng/radiobutton';\nimport { FieldValidation } from '@masterteam/components/field-validation';\nimport { isInvalid } from '@masterteam/components';\n\nexport interface radioOptions {\n  label: string;\n  value: string;\n}\n\n@Component({\n  selector: 'mt-radio-button-field',\n  standalone: true,\n  imports: [FormsModule, RadioButtonModule, FieldValidation],\n  templateUrl: './radio-button-field.html',\n  styleUrls: ['./radio-button-field.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'grid gap-1',\n  },\n})\nexport class RadioButtonField implements ControlValueAccessor {\n  radioButton: RadioButton;\n  labelPosition = input<'top' | 'start' | 'end' | 'bottom'>('end');\n  orientation = input<'vertical' | 'horizontal'>('vertical');\n  readonly = input<boolean>(false);\n  pInputs = input<Partial<RadioButton>>();\n  required = input<boolean>(false);\n  options = input<radioOptions[]>([]);\n  size = input<'small' | 'large' | undefined>();\n  label = input<string>();\n  onChange = output<string>();\n\n  public ngControl = inject(NgControl, { self: true });\n\n  isInvalid = isInvalid;\n\n  isVertical = computed(\n    () => this.labelPosition() === 'top' || this.labelPosition() === 'bottom',\n  );\n\n  requiredValidator = Validators.required;\n  value = signal<string | null>(null);\n  disabled = signal<boolean>(false);\n\n  onTouched: () => void = () => {};\n  onModelChange: (value: string | null) => void = () => {};\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n\n    // Effect to apply pInputs reactively when the pInputs signal changes\n    effect(() => {\n      const currentPInputs = this.pInputs();\n\n      if (this.radioButton && currentPInputs) {\n        this.applyInputsToRadioButton();\n      }\n    });\n\n    // Effect to add required validator if required input is true\n    effect(() => {\n      if (this.ngControl?.control && this.required()) {\n        this.ngControl.control.addValidators(Validators.required);\n        this.ngControl.control.updateValueAndValidity();\n      }\n    });\n  }\n\n  applyInputsToRadioButton() {\n    const currentPInputs = this.pInputs();\n    if (currentPInputs) {\n      Object.assign(this.radioButton, currentPInputs);\n    }\n  }\n\n  onValueChange(value: string | null) {\n    this.onModelChange(value);\n    this.value.set(value);\n  }\n\n  writeValue(value: string | null) {\n    this.value.set(value);\n  }\n\n  registerOnChange(fn: any) {\n    this.onModelChange = fn;\n  }\n\n  registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(disabled: boolean) {\n    this.disabled.set(disabled);\n  }\n}\n","@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    >{{ label() }}</label\n  >\n}\n\n<div\n  class=\"flex gap-3\"\n  [class.flex-col]=\"orientation() === 'vertical'\"\n  [class.flex-row]=\"orientation() === 'horizontal'\"\n  [class.flex-wrap]=\"orientation() === 'horizontal'\"\n>\n  @for (option of options(); track option) {\n    <div\n      class=\"flex gap-1\"\n      [class.items-center]=\"!isVertical()\"\n      [class.gap-2]=\"!isVertical()\"\n      [class.flex-col]=\"isVertical()\"\n      [class.flex-col-reverse]=\"labelPosition() === 'top'\"\n      [class.flex-row-reverse]=\"labelPosition() === 'start'\"\n      [class.justify-end]=\"labelPosition() === 'start'\"\n    >\n      <p-radiobutton\n        [size]=\"size()\"\n        #radiobutton\n        [ngModel]=\"value()\"\n        [value]=\"option.value\"\n        [inputId]=\"option?.label\"\n        (ngModelChange)=\"onValueChange($event)\"\n        (onClick)=\"onChange.emit($event)\"\n        (onBlur)=\"onTouched()\"\n        [disabled]=\"disabled() || readonly()\"\n        [invalid]=\"isInvalid(ngControl?.control)\"\n        class=\"leading-none\"\n      ></p-radiobutton>\n\n      @if (option?.label) {\n        <label [for]=\"option?.label\">{{ option?.label }}</label>\n      }\n    </div>\n  }\n</div>\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/masterteam-components-radio-cards-field.mjs

@@ -6,14 +6,14 @@ import { FieldValidation } from '@masterteam/components/field-validation';
 
 class RadioCardsField {
     circle = input(false, { ...(ngDevMode ? { debugName: "circle" } : {}), transform: booleanAttribute });
-    label = input(undefined, { ...(ngDevMode ? { debugName: "label" } : {}) });
-    required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}) });
-    color = input('primary', { ...(ngDevMode ? { debugName: "color" } : {}) });
-    size = input('medium', { ...(ngDevMode ? { debugName: "size" } : {}) });
-    options = input.required({ ...(ngDevMode ? { debugName: "options" } : {}) });
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+    color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : []));
+    size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    options = input.required(...(ngDevMode ? [{ debugName: "options" }] : []));
     itemTemplate = contentChild('option', { ...(ngDevMode ? { debugName: "itemTemplate" } : {}), read: TemplateRef });
-    selectedId = signal(null, { ...(ngDevMode ? { debugName: "selectedId" } : {}) });
-    isDisabled = signal(false, { ...(ngDevMode ? { debugName: "isDisabled" } : {}) });
+    selectedId = signal(null, ...(ngDevMode ? [{ debugName: "selectedId" }] : []));
+    isDisabled = signal(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
     requiredValidator = Validators.required;
     ngControl = null;
     constructor() {
@@ -50,10 +50,10 @@ class RadioCardsField {
             this.onTouched();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: RadioCardsField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: RadioCardsField, isStandalone: true, selector: "mt-radio-cards-field", inputs: { circle: { classPropertyName: "circle", publicName: "circle", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "grid gap-1" }, providers: [], queries: [{ propertyName: "itemTemplate", first: true, predicate: ["option"], descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n<div\n  class=\"relative\"\n  [class.opacity-50]=\"isDisabled()\"\n  [class.pointer-events-none]=\"isDisabled()\"\n  [id]=\"ngControl?.name || label()\"\n>\n  <mt-radio-cards\n    [options]=\"options()\"\n    [activeId]=\"selectedId()\"\n    [color]=\"color()\"\n    [size]=\"size()\"\n    [circle]=\"circle()\"\n    (selectionChange)=\"onSelectionChange($event)\"\n    [itemTemplate]=\"itemTemplate()\"\n  ></mt-radio-cards>\n</div>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: RadioCards, selector: "mt-radio-cards", inputs: ["circle", "color", "size", "options", "activeId", "itemTemplate"], outputs: ["optionsChange", "activeIdChange", "selectionChange"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: RadioCardsField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: RadioCardsField, isStandalone: true, selector: "mt-radio-cards-field", inputs: { circle: { classPropertyName: "circle", publicName: "circle", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "grid gap-1" }, providers: [], queries: [{ propertyName: "itemTemplate", first: true, predicate: ["option"], descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n<div\n  class=\"relative\"\n  [class.opacity-50]=\"isDisabled()\"\n  [class.pointer-events-none]=\"isDisabled()\"\n  [id]=\"ngControl?.name || label()\"\n>\n  <mt-radio-cards\n    [options]=\"options()\"\n    [activeId]=\"selectedId()\"\n    [color]=\"color()\"\n    [size]=\"size()\"\n    [circle]=\"circle()\"\n    (selectionChange)=\"onSelectionChange($event)\"\n    [itemTemplate]=\"itemTemplate()\"\n  ></mt-radio-cards>\n</div>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: RadioCards, selector: "mt-radio-cards", inputs: ["circle", "color", "size", "options", "activeId", "itemTemplate"], outputs: ["optionsChange", "activeIdChange", "selectionChange"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: RadioCardsField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: RadioCardsField, decorators: [{
             type: Component,
             args: [{ selector: 'mt-radio-cards-field', standalone: true, imports: [FormsModule, RadioCards, FieldValidation], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'grid gap-1',

package/fesm2022/masterteam-components-radio-cards-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-radio-cards-field.mjs","sources":["../../../../packages/masterteam/components/radio-cards-field/radio-cards-field.ts","../../../../packages/masterteam/components/radio-cards-field/radio-cards-field.html","../../../../packages/masterteam/components/radio-cards-field/masterteam-components-radio-cards-field.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  signal,\n  TemplateRef,\n  contentChild,\n  inject,\n  booleanAttribute,\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormsModule,\n  NgControl,\n  Validators,\n} from '@angular/forms';\nimport { RadioCards, RadioItem } from '@masterteam/components/radio-cards';\nimport { FieldValidation } from '@masterteam/components/field-validation';\n\n@Component({\n  selector: 'mt-radio-cards-field',\n  standalone: true,\n  imports: [FormsModule, RadioCards, FieldValidation],\n  templateUrl: './radio-cards-field.html',\n  styleUrl: './radio-cards-field.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'grid gap-1',\n  },\n  providers: [],\n})\nexport class RadioCardsField implements ControlValueAccessor {\n  readonly circle = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly label = input<string>();\n  readonly required = input<boolean>(false);\n  readonly color = input<string>('primary');\n  readonly size = input<'small' | 'medium' | 'large'>('medium');\n  readonly options = input.required<RadioItem[]>();\n  readonly itemTemplate = contentChild('option', { read: TemplateRef });\n\n  protected selectedId = signal<string | number | null>(null);\n  protected isDisabled = signal(false);\n\n  requiredValidator = Validators.required;\n\n  public ngControl: NgControl | null = null;\n\n  constructor() {\n    try {\n      this.ngControl = inject(NgControl, { self: true, optional: true });\n      if (this.ngControl) {\n        this.ngControl.valueAccessor = this;\n      }\n    } catch (_e) {\n      this.ngControl = null;\n    }\n  }\n\n  // --- CVA Methods ---\n  private onChange: (value: string | number) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  writeValue(value: string | number): void {\n    this.selectedId.set(value);\n  }\n\n  registerOnChange(fn: (value: string | number) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.isDisabled.set(isDisabled);\n  }\n\n  onSelectionChange(selectedItem: RadioItem): void {\n    if (!this.isDisabled()) {\n      const newId = selectedItem.id;\n      this.selectedId.set(newId);\n      this.onChange(newId);\n      this.onTouched();\n    }\n  }\n}\n","@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n<div\n  class=\"relative\"\n  [class.opacity-50]=\"isDisabled()\"\n  [class.pointer-events-none]=\"isDisabled()\"\n  [id]=\"ngControl?.name || label()\"\n>\n  <mt-radio-cards\n    [options]=\"options()\"\n    [activeId]=\"selectedId()\"\n    [color]=\"color()\"\n    [size]=\"size()\"\n    [circle]=\"circle()\"\n    (selectionChange)=\"onSelectionChange($event)\"\n    [itemTemplate]=\"itemTemplate()\"\n  ></mt-radio-cards>\n</div>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"masterteam-components-radio-cards-field.mjs","sources":["../../../../packages/masterteam/components/radio-cards-field/radio-cards-field.ts","../../../../packages/masterteam/components/radio-cards-field/radio-cards-field.html","../../../../packages/masterteam/components/radio-cards-field/masterteam-components-radio-cards-field.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  signal,\n  TemplateRef,\n  contentChild,\n  inject,\n  booleanAttribute,\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormsModule,\n  NgControl,\n  Validators,\n} from '@angular/forms';\nimport { RadioCards, RadioItem } from '@masterteam/components/radio-cards';\nimport { FieldValidation } from '@masterteam/components/field-validation';\n\n@Component({\n  selector: 'mt-radio-cards-field',\n  standalone: true,\n  imports: [FormsModule, RadioCards, FieldValidation],\n  templateUrl: './radio-cards-field.html',\n  styleUrl: './radio-cards-field.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'grid gap-1',\n  },\n  providers: [],\n})\nexport class RadioCardsField implements ControlValueAccessor {\n  readonly circle = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly label = input<string>();\n  readonly required = input<boolean>(false);\n  readonly color = input<string>('primary');\n  readonly size = input<'small' | 'medium' | 'large'>('medium');\n  readonly options = input.required<RadioItem[]>();\n  readonly itemTemplate = contentChild('option', { read: TemplateRef });\n\n  protected selectedId = signal<string | number | null>(null);\n  protected isDisabled = signal(false);\n\n  requiredValidator = Validators.required;\n\n  public ngControl: NgControl | null = null;\n\n  constructor() {\n    try {\n      this.ngControl = inject(NgControl, { self: true, optional: true });\n      if (this.ngControl) {\n        this.ngControl.valueAccessor = this;\n      }\n    } catch (_e) {\n      this.ngControl = null;\n    }\n  }\n\n  // --- CVA Methods ---\n  private onChange: (value: string | number) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  writeValue(value: string | number): void {\n    this.selectedId.set(value);\n  }\n\n  registerOnChange(fn: (value: string | number) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.isDisabled.set(isDisabled);\n  }\n\n  onSelectionChange(selectedItem: RadioItem): void {\n    if (!this.isDisabled()) {\n      const newId = selectedItem.id;\n      this.selectedId.set(newId);\n      this.onChange(newId);\n      this.onTouched();\n    }\n  }\n}\n","@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n<div\n  class=\"relative\"\n  [class.opacity-50]=\"isDisabled()\"\n  [class.pointer-events-none]=\"isDisabled()\"\n  [id]=\"ngControl?.name || label()\"\n>\n  <mt-radio-cards\n    [options]=\"options()\"\n    [activeId]=\"selectedId()\"\n    [color]=\"color()\"\n    [size]=\"size()\"\n    [circle]=\"circle()\"\n    (selectionChange)=\"onSelectionChange($event)\"\n    [itemTemplate]=\"itemTemplate()\"\n  ></mt-radio-cards>\n</div>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/masterteam-components-radio-cards.mjs

@@ -5,8 +5,8 @@ import { NgTemplateOutlet } from '@angular/common';
 
 class RadioCards {
     circle = input(false, { ...(ngDevMode ? { debugName: "circle" } : {}), transform: booleanAttribute });
-    color = input('primary', { ...(ngDevMode ? { debugName: "color" } : {}) });
-    size = input('medium', { ...(ngDevMode ? { debugName: "size" } : {}) });
+    color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : []));
+    size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
     avatarSize = computed(() => {
         switch (this.size()) {
             case 'small':
@@ -18,11 +18,11 @@ class RadioCards {
             default:
                 return 'normal';
         }
-    }, { ...(ngDevMode ? { debugName: "avatarSize" } : {}) });
-    options = model.required({ ...(ngDevMode ? { debugName: "options" } : {}) });
-    activeId = model(undefined, { ...(ngDevMode ? { debugName: "activeId" } : {}) });
+    }, ...(ngDevMode ? [{ debugName: "avatarSize" }] : []));
+    options = model.required(...(ngDevMode ? [{ debugName: "options" }] : []));
+    activeId = model(...(ngDevMode ? [undefined, { debugName: "activeId" }] : []));
     selectionChange = output();
-    itemTemplate = input(null, { ...(ngDevMode ? { debugName: "itemTemplate" } : {}) });
+    itemTemplate = input(null, ...(ngDevMode ? [{ debugName: "itemTemplate" }] : []));
     itemTemplateContent = contentChild('option', { ...(ngDevMode ? { debugName: "itemTemplateContent" } : {}), read: TemplateRef });
     textSizeClass = computed(() => {
         switch (this.size()) {
@@ -33,8 +33,8 @@ class RadioCards {
             default:
                 return 'text-base';
         }
-    }, { ...(ngDevMode ? { debugName: "textSizeClass" } : {}) });
-    classes = computed(() => { }, { ...(ngDevMode ? { debugName: "classes" } : {}) });
+    }, ...(ngDevMode ? [{ debugName: "textSizeClass" }] : []));
+    classes = computed(() => { }, ...(ngDevMode ? [{ debugName: "classes" }] : []));
     activeColorClasses = computed(() => {
         return [
             'bg-primary-50',
@@ -42,17 +42,17 @@ class RadioCards {
             'border-primary-400',
             'ring-primary-200',
         ];
-    }, { ...(ngDevMode ? { debugName: "activeColorClasses" } : {}) });
+    }, ...(ngDevMode ? [{ debugName: "activeColorClasses" }] : []));
     selectItem(item) {
         if (this.activeId() !== item.id) {
             this.activeId.set(item.id);
             this.selectionChange.emit(item);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: RadioCards, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.2", type: RadioCards, isStandalone: true, selector: "mt-radio-cards", inputs: { circle: { classPropertyName: "circle", publicName: "circle", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, activeId: { classPropertyName: "activeId", publicName: "activeId", isSignal: true, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { options: "optionsChange", activeId: "activeIdChange", selectionChange: "selectionChange" }, queries: [{ propertyName: "itemTemplateContent", first: true, predicate: ["option"], descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<div>\n  <div class=\"flex flex-wrap gap-3\">\n    @for (item of options(); track item.id) {\n      @let active = item.id === activeId();\n      <div\n        (click)=\"selectItem(item)\"\n        class=\"flex items-center space-x-4 p-4 rounded-lg cursor-pointer border-2 border-dashed transition-all ease-in-out duration-300\"\n        [class]=\"\n          active\n            ? 'bg-primary-50 dark:bg-primary-800 border-primary-400 ring-primary-200'\n            : 'border-gray-300 hover:border-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800 hover:text-gray-600 dark:hover:text-gray-100'\n        \"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"\n            itemTemplate() || itemTemplateContent() || defaultTemplate;\n            context: {\n              $implicit: item,\n              active: active,\n              size: size(),\n            }\n          \"\n        >\n        </ng-container>\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template #defaultTemplate let-template let-active=\"active\" let-size=\"size\">\n  @if (template.icon) {\n    <mt-avatar\n      [shape]=\"circle() ? 'circle' : 'square'\"\n      [size]=\"avatarSize()\"\n      [icon]=\"template.icon\"\n    ></mt-avatar>\n  }\n  @if (template.name) {\n    <span\n      [class]=\"[\n        'font-semibold',\n        textSizeClass(),\n        'dark:text-gray-100',\n        'text-gray-600',\n      ]\"\n    >\n      {{ template.name }}\n    </span>\n  }\n</ng-template>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Avatar, selector: "mt-avatar", inputs: ["label", "icon", "image", "styleClass", "size", "shape", "badge", "badgeSize", "badgeSeverity"], outputs: ["onImageError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: RadioCards, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: RadioCards, isStandalone: true, selector: "mt-radio-cards", inputs: { circle: { classPropertyName: "circle", publicName: "circle", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, activeId: { classPropertyName: "activeId", publicName: "activeId", isSignal: true, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { options: "optionsChange", activeId: "activeIdChange", selectionChange: "selectionChange" }, queries: [{ propertyName: "itemTemplateContent", first: true, predicate: ["option"], descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<div>\n  <div class=\"flex flex-wrap gap-3\">\n    @for (item of options(); track item.id) {\n      @let active = item.id === activeId();\n      <div\n        (click)=\"selectItem(item)\"\n        class=\"flex items-center space-x-4 p-4 rounded-lg cursor-pointer border-2 border-dashed transition-all ease-in-out duration-300\"\n        [class]=\"\n          active\n            ? 'bg-primary-50 dark:bg-primary-800 border-primary-400 ring-primary-200'\n            : 'border-gray-300 hover:border-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800 hover:text-gray-600 dark:hover:text-gray-100'\n        \"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"\n            itemTemplate() || itemTemplateContent() || defaultTemplate;\n            context: {\n              $implicit: item,\n              active: active,\n              size: size(),\n            }\n          \"\n        >\n        </ng-container>\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template #defaultTemplate let-template let-active=\"active\" let-size=\"size\">\n  @if (template.icon) {\n    <mt-avatar\n      [shape]=\"circle() ? 'circle' : 'square'\"\n      [size]=\"avatarSize()\"\n      [icon]=\"template.icon\"\n    ></mt-avatar>\n  }\n  @if (template.name) {\n    <span\n      [class]=\"[\n        'font-semibold',\n        textSizeClass(),\n        'dark:text-gray-100',\n        'text-gray-600',\n      ]\"\n    >\n      {{ template.name }}\n    </span>\n  }\n</ng-template>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Avatar, selector: "mt-avatar", inputs: ["label", "icon", "image", "styleClass", "size", "shape", "badge", "badgeSize", "badgeSeverity"], outputs: ["onImageError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: RadioCards, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: RadioCards, decorators: [{
             type: Component,
             args: [{ selector: 'mt-radio-cards', standalone: true, imports: [NgTemplateOutlet, Avatar], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div>\n  <div class=\"flex flex-wrap gap-3\">\n    @for (item of options(); track item.id) {\n      @let active = item.id === activeId();\n      <div\n        (click)=\"selectItem(item)\"\n        class=\"flex items-center space-x-4 p-4 rounded-lg cursor-pointer border-2 border-dashed transition-all ease-in-out duration-300\"\n        [class]=\"\n          active\n            ? 'bg-primary-50 dark:bg-primary-800 border-primary-400 ring-primary-200'\n            : 'border-gray-300 hover:border-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800 hover:text-gray-600 dark:hover:text-gray-100'\n        \"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"\n            itemTemplate() || itemTemplateContent() || defaultTemplate;\n            context: {\n              $implicit: item,\n              active: active,\n              size: size(),\n            }\n          \"\n        >\n        </ng-container>\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template #defaultTemplate let-template let-active=\"active\" let-size=\"size\">\n  @if (template.icon) {\n    <mt-avatar\n      [shape]=\"circle() ? 'circle' : 'square'\"\n      [size]=\"avatarSize()\"\n      [icon]=\"template.icon\"\n    ></mt-avatar>\n  }\n  @if (template.name) {\n    <span\n      [class]=\"[\n        'font-semibold',\n        textSizeClass(),\n        'dark:text-gray-100',\n        'text-gray-600',\n      ]\"\n    >\n      {{ template.name }}\n    </span>\n  }\n</ng-template>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { circle: [{ type: i0.Input, args: [{ isSignal: true, alias: "circle", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }, { type: i0.Output, args: ["optionsChange"] }], activeId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeId", required: false }] }, { type: i0.Output, args: ["activeIdChange"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], itemTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemTemplate", required: false }] }], itemTemplateContent: [{ type: i0.ContentChild, args: ['option', { ...{ read: TemplateRef }, isSignal: true }] }] } });