@masterteam/components 0.0.16 → 0.0.18

package/assets/common.css

@@ -1,6 +1,26 @@
 @import "tailwindcss";
 @plugin "tailwindcss-primeui";
 
+@source inline("{dark:,}bg-primary-{50,{100..900..100},950}");
+@source inline("bg-teal-{50,{100..900..100},550}");
+@source inline("bg-violet-{50,{100..900..100},550}");
+@source inline("bg-red-{50,{100..900..100},550}");
+
+@source inline("border-primary-{50,{100..500..100},550}");
+@source inline("border-teal-{50,{100..500..100},550}");
+@source inline("border-violet-{50,{100..500..100},550}");
+@source inline("border-red-{50,{100..500..100},550}");
+
+@source inline("ring-primary-{50,{100..500..100},550}");
+@source inline("ring-teal-{50,{100..500..100},550}");
+@source inline("ring-violet-{50,{100..500..100},550}");
+@source inline("ring-red-{50,{100..500..100},550}");
+
+@source inline("text-primary-{50,{100..500..100},550}");
+@source inline("text-teal-{50,{100..500..100},550}");
+@source inline("text-violet-{50,{100..500..100},550}");
+@source inline("text-red-{50,{100..500..100},550}");
+
 @custom-variant dark (&:where(.dark, .dark *));
 
 :root {

package/breadcrumb/index.d.ts

@@ -0,0 +1,17 @@
+import * as _angular_core from '@angular/core';
+
+interface BreadcrumbItem {
+    label?: string;
+    routerLink?: string;
+    icon?: string;
+}
+declare class Breadcrumb {
+    readonly items: _angular_core.InputSignal<BreadcrumbItem[]>;
+    readonly styleClass: _angular_core.InputSignal<string | undefined>;
+    readonly onItemClick: _angular_core.OutputEmitterRef<BreadcrumbItem>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Breadcrumb, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Breadcrumb, "mt-breadcrumb", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, { "onItemClick": "onItemClick"; }, never, never, true, never>;
+}
+
+export { Breadcrumb };
+export type { BreadcrumbItem };

package/fesm2022/masterteam-components-breadcrumb.mjs

@@ -0,0 +1,26 @@
+import * as i0 from '@angular/core';
+import { input, output, Component } from '@angular/core';
+import * as i1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { Icon } from '@masterteam/icons';
+
+class Breadcrumb {
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    styleClass = input(undefined, ...(ngDevMode ? [{ debugName: "styleClass" }] : []));
+    onItemClick = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: Breadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: Breadcrumb, isStandalone: true, selector: "mt-breadcrumb", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onItemClick: "onItemClick" }, host: { properties: { "class": "styleClass()" } }, ngImport: i0, template: "<nav aria-label=\"breadcrumb\">\n  <ol class=\"flex items-center space-x-2\">\n    @for (\n      item of items();\n      track item.label;\n      let isFirst = $first;\n      let isLast = $last\n    ) {\n      @if (!isFirst) {\n        <li>\n          <span class=\"text-gray-400 flex\">\n            <mt-icon icon=\"arrow.chevron-right\"></mt-icon>\n          </span>\n        </li>\n      }\n      <li>\n        @if (item.routerLink) {\n          <a\n            [routerLink]=\"item.routerLink\"\n            class=\"text-gray-500 hover:text-gray-700 flex items-center gap-1 text-[.95rem]\"\n            (click)=\"onItemClick.emit(item)\"\n          >\n            @if (item.icon) {\n              <mt-icon [icon]=\"item.icon\"></mt-icon>\n            }\n            @if (item.label) {\n              <span>{{ item.label }}</span>\n            }\n          </a>\n        } @else {\n          <span\n            class=\"\n                {{\n              isLast\n                ? 'bg-primary-50 text-primary-400 cursor-default flex items-center gap-1 rounded-md px-2 py-1 text-[.95rem]'\n                : 'text-gray-500 hover:text-gray-700 flex items-center gap-1 text-[.95rem]'\n            }}\"\n            (click)=\"onItemClick.emit(item)\"\n          >\n            @if (item.icon) {\n              <mt-icon [icon]=\"item.icon\"></mt-icon>\n            }\n            @if (item.label) {\n              <span>{{ item.label }}</span>\n            }\n          </span>\n        }\n      </li>\n    }\n  </ol>\n</nav>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: Breadcrumb, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-breadcrumb', standalone: true, imports: [RouterModule, Icon], host: {
+                        '[class]': 'styleClass()',
+                    }, template: "<nav aria-label=\"breadcrumb\">\n  <ol class=\"flex items-center space-x-2\">\n    @for (\n      item of items();\n      track item.label;\n      let isFirst = $first;\n      let isLast = $last\n    ) {\n      @if (!isFirst) {\n        <li>\n          <span class=\"text-gray-400 flex\">\n            <mt-icon icon=\"arrow.chevron-right\"></mt-icon>\n          </span>\n        </li>\n      }\n      <li>\n        @if (item.routerLink) {\n          <a\n            [routerLink]=\"item.routerLink\"\n            class=\"text-gray-500 hover:text-gray-700 flex items-center gap-1 text-[.95rem]\"\n            (click)=\"onItemClick.emit(item)\"\n          >\n            @if (item.icon) {\n              <mt-icon [icon]=\"item.icon\"></mt-icon>\n            }\n            @if (item.label) {\n              <span>{{ item.label }}</span>\n            }\n          </a>\n        } @else {\n          <span\n            class=\"\n                {{\n              isLast\n                ? 'bg-primary-50 text-primary-400 cursor-default flex items-center gap-1 rounded-md px-2 py-1 text-[.95rem]'\n                : 'text-gray-500 hover:text-gray-700 flex items-center gap-1 text-[.95rem]'\n            }}\"\n            (click)=\"onItemClick.emit(item)\"\n          >\n            @if (item.icon) {\n              <mt-icon [icon]=\"item.icon\"></mt-icon>\n            }\n            @if (item.label) {\n              <span>{{ item.label }}</span>\n            }\n          </span>\n        }\n      </li>\n    }\n  </ol>\n</nav>\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Breadcrumb };
+//# sourceMappingURL=masterteam-components-breadcrumb.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"masterteam-components-breadcrumb.mjs","sources":["../../../../packages/masterteam/components/breadcrumb/breadcrumb.ts","../../../../packages/masterteam/components/breadcrumb/breadcrumb.html","../../../../packages/masterteam/components/breadcrumb/masterteam-components-breadcrumb.ts"],"sourcesContent":["import { Component, input, output } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { Icon } from '@masterteam/icons';\nexport interface BreadcrumbItem {\n  label?: string;\n  routerLink?: string;\n  icon?: string;\n}\n\n@Component({\n  selector: 'mt-breadcrumb',\n  standalone: true,\n  imports: [RouterModule, Icon],\n  templateUrl: './breadcrumb.html',\n  styleUrls: ['./breadcrumb.scss'],\n  host: {\n    '[class]': 'styleClass()',\n  },\n})\nexport class Breadcrumb {\n  readonly items = input<BreadcrumbItem[]>([]);\n  readonly styleClass = input<string | undefined>(undefined);\n  readonly onItemClick = output<BreadcrumbItem>();\n}\n","<nav aria-label=\"breadcrumb\">\n  <ol class=\"flex items-center space-x-2\">\n    @for (\n      item of items();\n      track item.label;\n      let isFirst = $first;\n      let isLast = $last\n    ) {\n      @if (!isFirst) {\n        <li>\n          <span class=\"text-gray-400 flex\">\n            <mt-icon icon=\"arrow.chevron-right\"></mt-icon>\n          </span>\n        </li>\n      }\n      <li>\n        @if (item.routerLink) {\n          <a\n            [routerLink]=\"item.routerLink\"\n            class=\"text-gray-500 hover:text-gray-700 flex items-center gap-1 text-[.95rem]\"\n            (click)=\"onItemClick.emit(item)\"\n          >\n            @if (item.icon) {\n              <mt-icon [icon]=\"item.icon\"></mt-icon>\n            }\n            @if (item.label) {\n              <span>{{ item.label }}</span>\n            }\n          </a>\n        } @else {\n          <span\n            class=\"\n                {{\n              isLast\n                ? 'bg-primary-50 text-primary-400 cursor-default flex items-center gap-1 rounded-md px-2 py-1 text-[.95rem]'\n                : 'text-gray-500 hover:text-gray-700 flex items-center gap-1 text-[.95rem]'\n            }}\"\n            (click)=\"onItemClick.emit(item)\"\n          >\n            @if (item.icon) {\n              <mt-icon [icon]=\"item.icon\"></mt-icon>\n            }\n            @if (item.label) {\n              <span>{{ item.label }}</span>\n            }\n          </span>\n        }\n      </li>\n    }\n  </ol>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAmBa,UAAU,CAAA;AACZ,IAAA,KAAK,GAAG,KAAK,CAAmB,EAAE,iDAAC;AACnC,IAAA,UAAU,GAAG,KAAK,CAAqB,SAAS,sDAAC;IACjD,WAAW,GAAG,MAAM,EAAkB;uGAHpC,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAV,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnBvB,s/CAmDA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDvCY,YAAY,gRAAE,IAAI,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAOjB,UAAU,EAAA,UAAA,EAAA,CAAA;kBAVtB,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,IAAI,CAAC,EAAA,IAAA,EAGvB;AACJ,wBAAA,SAAS,EAAE,cAAc;AAC1B,qBAAA,EAAA,QAAA,EAAA,s/CAAA,EAAA;;;AEjBH;;AAEG;;;;"}

package/fesm2022/masterteam-components-paginator.mjs

@@ -0,0 +1,50 @@
+import * as i0 from '@angular/core';
+import { model, input, booleanAttribute, output, Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import * as i1 from 'primeng/paginator';
+import { PaginatorModule } from 'primeng/paginator';
+import * as i2 from 'primeng/api';
+
+class Paginator {
+    rows = model(10, ...(ngDevMode ? [{ debugName: "rows" }] : []));
+    totalRecords = input(0, ...(ngDevMode ? [{ debugName: "totalRecords" }] : []));
+    first = model(0, ...(ngDevMode ? [{ debugName: "first" }] : []));
+    page = model(0, ...(ngDevMode ? [{ debugName: "page" }] : []));
+    rowsPerPageOptions = input(undefined, ...(ngDevMode ? [{ debugName: "rowsPerPageOptions" }] : []));
+    showFirstLastIcon = input(false, ...(ngDevMode ? [{ debugName: "showFirstLastIcon", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    showCurrentPageReport = input(false, ...(ngDevMode ? [{ debugName: "showCurrentPageReport", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    fluid = input(false, ...(ngDevMode ? [{ debugName: "fluid", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    // Paginator Inputs
+    pageLinkSize = input(6, ...(ngDevMode ? [{ debugName: "pageLinkSize" }] : []));
+    alwaysShow = input(true, ...(ngDevMode ? [{ debugName: "alwaysShow", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    onPageChange = output();
+    onPaginatorChange(event) {
+        this.first.set(event.first);
+        this.page.set(event.page);
+        this.rows.set(event.rows);
+        this.onPageChange.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: Paginator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.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>Previous</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>Next</span>\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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: Paginator, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-paginator', standalone: true, imports: [FormsModule, PaginatorModule], host: {
+                        class: 'grid gap-1',
+                    }, 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>Previous</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>Next</span>\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" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Paginator };
+//# sourceMappingURL=masterteam-components-paginator.mjs.map

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

@@ -0,0 +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';\n\n@Component({\n  selector: 'mt-paginator',\n  standalone: true,\n  imports: [FormsModule, PaginatorModule],\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  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>Previous</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>Next</span>\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":"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"}

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

@@ -0,0 +1,84 @@
+import * as i0 from '@angular/core';
+import { input, output, inject, computed, signal, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { NgControl, Validators, FormsModule } from '@angular/forms';
+import * as i2 from 'primeng/radiobutton';
+import { RadioButtonModule } from 'primeng/radiobutton';
+import { FieldValidation } from '@masterteam/components/field-validation';
+import { isInvalid } from '@masterteam/components';
+
+class RadioButtonField {
+    radioButton;
+    labelPosition = input('end', ...(ngDevMode ? [{ debugName: "labelPosition" }] : []));
+    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" }] : []));
+    requiredValidator = Validators.required;
+    value = signal(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    onTouched = () => { };
+    onModelChange = () => { };
+    constructor() {
+        if (this.ngControl) {
+            this.ngControl.valueAccessor = this;
+        }
+        // Effect to apply pInputs reactively when the pInputs signal changes
+        effect(() => {
+            const currentPInputs = this.pInputs();
+            if (this.radioButton && currentPInputs) {
+                this.applyInputsToRadioButton();
+            }
+        });
+        // Effect to add required validator if required input is true
+        effect(() => {
+            if (this.ngControl?.control && this.required()) {
+                this.ngControl.control.addValidators(Validators.required);
+                this.ngControl.control.updateValueAndValidity();
+            }
+        });
+    }
+    applyInputsToRadioButton() {
+        const currentPInputs = this.pInputs();
+        if (currentPInputs) {
+            Object.assign(this.radioButton, currentPInputs);
+        }
+    }
+    onValueChange(value) {
+        this.onModelChange(value);
+        this.value.set(value);
+    }
+    writeValue(value) {
+        this.value.set(value);
+    }
+    registerOnChange(fn) {
+        this.onModelChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(disabled) {
+        this.disabled.set(disabled);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: RadioButtonField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: RadioButtonField, isStandalone: true, selector: "mt-radio-button-field", inputs: { labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", 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@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<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: "20.1.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',
+                    }, template: "@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    >{{ label() }}</label\n  >\n}\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<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n" }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RadioButtonField };
+//# sourceMappingURL=masterteam-components-radio-button-field.mjs.map

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

@@ -0,0 +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  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@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<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

@@ -0,0 +1,70 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, contentChild, TemplateRef, signal, inject, ChangeDetectionStrategy, Component } from '@angular/core';
+import { Validators, NgControl, FormsModule } from '@angular/forms';
+import { RadioCards } from '@masterteam/components/radio-cards';
+import { FieldValidation } from '@masterteam/components/field-validation';
+
+class RadioCardsField {
+    circle = input(false, ...(ngDevMode ? [{ debugName: "circle", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    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 }] : [{ read: TemplateRef }]));
+    selectedId = signal(null, ...(ngDevMode ? [{ debugName: "selectedId" }] : []));
+    isDisabled = signal(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
+    requiredValidator = Validators.required;
+    ngControl = null;
+    constructor() {
+        try {
+            this.ngControl = inject(NgControl, { self: true, optional: true });
+            if (this.ngControl) {
+                this.ngControl.valueAccessor = this;
+            }
+        }
+        catch (_e) {
+            this.ngControl = null;
+        }
+    }
+    // --- CVA Methods ---
+    onChange = () => { };
+    onTouched = () => { };
+    writeValue(value) {
+        this.selectedId.set(value);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.isDisabled.set(isDisabled);
+    }
+    onSelectionChange(selectedItem) {
+        if (!this.isDisabled()) {
+            const newId = selectedItem.id;
+            this.selectedId.set(newId);
+            this.onChange(newId);
+            this.onTouched();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: RadioCardsField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.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: "20.1.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',
+                    }, providers: [], 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" }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RadioCardsField };
+//# sourceMappingURL=masterteam-components-radio-cards-field.mjs.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,116 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, computed, model, output, contentChild, TemplateRef, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { Avatar } from '@masterteam/components/avatar';
+import { NgTemplateOutlet } from '@angular/common';
+
+class RadioCards {
+    circle = input(false, ...(ngDevMode ? [{ debugName: "circle", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    color = input('primary', ...(ngDevMode ? [{ debugName: "color", transform: (value) => {
+                if (value) {
+                    return value;
+                }
+                return 'primary';
+            } }] : [{
+            transform: (value) => {
+                if (value) {
+                    return value;
+                }
+                return 'primary';
+            },
+        }]));
+    size = input('medium', ...(ngDevMode ? [{ debugName: "size", transform: (value) => {
+                if (value) {
+                    switch (value) {
+                        case 'small':
+                            return 'xs';
+                        case 'medium':
+                            return 'base';
+                        case 'large':
+                            return '2xl';
+                    }
+                }
+                return 'base';
+            } }] : [{
+            transform: (value) => {
+                if (value) {
+                    switch (value) {
+                        case 'small':
+                            return 'xs';
+                        case 'medium':
+                            return 'base';
+                        case 'large':
+                            return '2xl';
+                    }
+                }
+                return 'base';
+            },
+        }]));
+    avatarSize = computed(() => {
+        switch (this.size()) {
+            case 'xs':
+                return 'normal';
+            case 'base':
+                return 'large';
+            case '2xl':
+                return 'xlarge';
+            default:
+                return 'normal';
+        }
+    }, ...(ngDevMode ? [{ debugName: "avatarSize" }] : []));
+    options = model.required(...(ngDevMode ? [{ debugName: "options" }] : []));
+    activeId = model(...(ngDevMode ? [undefined, { debugName: "activeId" }] : []));
+    selectionChange = output();
+    itemTemplate = input(null, ...(ngDevMode ? [{ debugName: "itemTemplate" }] : []));
+    itemTemplateContent = contentChild('option', ...(ngDevMode ? [{ debugName: "itemTemplateContent", read: TemplateRef }] : [{ read: TemplateRef }]));
+    /**
+     * A computed signal that generates the dynamic Tailwind CSS classes
+     * for the active state based on the color input.
+     */
+    activeColorClasses = computed(() => {
+        const color = this.color();
+        return {
+            [`bg-${color}-50`]: true,
+            [`dark:bg-${color}-800`]: true,
+            [`border-${color}-400`]: true,
+            [`ring-${color}-200`]: true,
+        };
+    }, ...(ngDevMode ? [{ debugName: "activeColorClasses" }] : []));
+    constructor() {
+        effect(() => {
+            const active = this.activeId();
+            console.log('Active ID changed to:', active);
+            this.options.update((options) => {
+                return options.map((option) => {
+                    option.active = option.id === active;
+                    return option;
+                });
+            });
+        });
+    }
+    selectItem(item) {
+        if (this.activeId() !== item.id) {
+            this.activeId.set(item.id);
+            this.selectionChange.emit(item);
+        }
+        const options = this.options();
+        options.map((option) => {
+            const active = option.id === this.activeId();
+            option.active = active;
+            return option;
+        });
+        this.options.set(options);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: RadioCards, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.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      <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          item.active\n            ? activeColorClasses()\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: item.active,\n              color: color(),\n              size: size(),\n            }\n          \"\n        >\n        </ng-container>\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template\n  #defaultTemplate\n  let-template\n  let-active=\"active\"\n  let-color=\"color\"\n  let-size=\"size\"\n>\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=\"font-semibold\"\n      [class]=\"\n        'text-' +\n        size +\n        ' ' +\n        (active\n          ? 'text-' + color + '-500'\n          : 'dark:text-gray-100 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", "size", "shape", "badge", "badgeSize", "badgeSeverity"], outputs: ["onImageError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.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      <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          item.active\n            ? activeColorClasses()\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: item.active,\n              color: color(),\n              size: size(),\n            }\n          \"\n        >\n        </ng-container>\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template\n  #defaultTemplate\n  let-template\n  let-active=\"active\"\n  let-color=\"color\"\n  let-size=\"size\"\n>\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=\"font-semibold\"\n      [class]=\"\n        'text-' +\n        size +\n        ' ' +\n        (active\n          ? 'text-' + color + '-500'\n          : 'dark:text-gray-100 text-gray-600 ')\n      \"\n    >\n      {{ template.name }}\n    </span>\n  }\n</ng-template>\n", styles: [":host{display:block}\n"] }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RadioCards };
+//# sourceMappingURL=masterteam-components-radio-cards.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"masterteam-components-radio-cards.mjs","sources":["../../../../packages/masterteam/components/radio-cards/radio-cards.ts","../../../../packages/masterteam/components/radio-cards/radio-cards.html","../../../../packages/masterteam/components/radio-cards/masterteam-components-radio-cards.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  contentChild,\n  input,\n  output,\n  TemplateRef,\n  computed,\n  model,\n  effect,\n  booleanAttribute,\n} from '@angular/core';\nimport { MTIcon } from '@masterteam/icons';\nimport { Avatar } from '@masterteam/components/avatar';\nimport { NgTemplateOutlet } from '@angular/common';\n\nexport interface RadioItem {\n  id: string | number;\n  name?: string;\n  active?: boolean;\n  icon?: MTIcon;\n  [key: string]: any;\n}\n\n@Component({\n  selector: 'mt-radio-cards',\n  standalone: true,\n  imports: [NgTemplateOutlet, Avatar],\n  templateUrl: './radio-cards.html',\n  styleUrl: './radio-cards.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RadioCards {\n  circle = input<boolean, unknown>(false, { transform: booleanAttribute });\n  color = input('primary', {\n    transform: (value: string) => {\n      if (value) {\n        return value;\n      }\n      return 'primary';\n    },\n  });\n  size = input('medium', {\n    transform: (value: 'small' | 'medium' | 'large') => {\n      if (value) {\n        switch (value) {\n          case 'small':\n            return 'xs';\n          case 'medium':\n            return 'base';\n          case 'large':\n            return '2xl';\n        }\n      }\n      return 'base';\n    },\n  });\n  avatarSize = computed(() => {\n    switch (this.size()) {\n      case 'xs':\n        return 'normal';\n      case 'base':\n        return 'large';\n      case '2xl':\n        return 'xlarge';\n      default:\n        return 'normal';\n    }\n  });\n  options = model.required<RadioItem[]>();\n  activeId = model<string | number>();\n  selectionChange = output<RadioItem>();\n\n  itemTemplate = input<TemplateRef<any> | null>(null);\n  itemTemplateContent = contentChild('option', { read: TemplateRef });\n\n  /**\n   * A computed signal that generates the dynamic Tailwind CSS classes\n   * for the active state based on the color input.\n   */\n  protected activeColorClasses = computed(() => {\n    const color = this.color();\n    return {\n      [`bg-${color}-50`]: true,\n      [`dark:bg-${color}-800`]: true,\n      [`border-${color}-400`]: true,\n      [`ring-${color}-200`]: true,\n    };\n  });\n\n  constructor() {\n    effect(() => {\n      const active = this.activeId();\n      console.log('Active ID changed to:', active);\n      this.options.update((options) => {\n        return options.map((option) => {\n          option.active = option.id === active;\n          return option;\n        });\n      });\n    });\n  }\n\n  public selectItem(item: RadioItem): void {\n    if (this.activeId() !== item.id) {\n      this.activeId.set(item.id);\n      this.selectionChange.emit(item);\n    }\n    const options = this.options();\n    options.map((option) => {\n      const active = option.id === this.activeId();\n      option.active = active;\n      return option;\n    });\n    this.options.set(options);\n  }\n}\n","<div>\n  <div class=\"flex flex-wrap gap-3\">\n    @for (item of options(); track item.id) {\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          item.active\n            ? activeColorClasses()\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: item.active,\n              color: color(),\n              size: size(),\n            }\n          \"\n        >\n        </ng-container>\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template\n  #defaultTemplate\n  let-template\n  let-active=\"active\"\n  let-color=\"color\"\n  let-size=\"size\"\n>\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=\"font-semibold\"\n      [class]=\"\n        'text-' +\n        size +\n        ' ' +\n        (active\n          ? 'text-' + color + '-500'\n          : 'dark:text-gray-100 text-gray-600 ')\n      \"\n    >\n      {{ template.name }}\n    </span>\n  }\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/masterteam-components.mjs

@@ -225,6 +225,101 @@ const MTPreset = (primaryColor) => definePreset(Aura, {
                 borderRadius: '{border.radius.lg}',
             },
         },
+        paginator: {
+            root: {
+                borderRadius: '{border.radius.lg}',
+                padding: '0 .5rem',
+            },
+            navButton: {
+                borderRadius: '0',
+            },
+            colorScheme: {
+                light: {
+                    navButton: {
+                        color: '{surface.600}',
+                        hoverBackground: '#fff',
+                        selectedBackground: '{surface.200}',
+                        selectedColor: '{surface.600}',
+                        focusRing: {
+                            color: '{surface.200}',
+                        },
+                    },
+                },
+                dark: {
+                    navButton: {
+                        color: '{surface.200}',
+                        hoverBackground: 'transparent',
+                        selectedBackground: 'transparent',
+                        selectedColor: '#fff',
+                        focusRing: {
+                            color: '#fff',
+                        },
+                    },
+                },
+            },
+            css: () => `
+          .p-paginator {
+            --p-paginator-gap: 0;
+            --p-paginator-nav-button-width: 2.2rem;
+            --p-paginator-nav-button-height: 2.2rem;
+            width: fit-content;
+            border: 1px solid var(--p-surface-200);
+            overflow: hidden;
+            font-size: .95rem;
+          }
+
+          .p-paginator-pages button,
+          .p-paginator-prev,
+          .p-paginator-next {
+            border-color: var(--p-surface-200);
+          }
+
+          .p-paginator-pages button {
+            border-style: solid;
+            border-width: 0 0 0 1px;
+          }
+
+          .p-paginator-pages button:first-child {
+            border-left: none;
+          }
+
+          .p-paginator-prev {
+            border-right: 1px solid var(--p-surface-200);
+          }
+
+          .p-paginator-next {
+            border-left: 1px solid var(--p-surface-200);
+          }
+
+          .p-paginator .p-select {
+            border: 0;
+            background: transparent;
+          }
+
+          .p-paginator .p-select .p-select-label {
+            padding: 0;
+          }
+
+          /* Dark Mode Styles */
+          .dark .p-paginator {
+            border-color: var(--p-surface-500);
+          }
+
+          .dark .p-paginator-pages button,
+          .dark .p-paginator-prev,
+          .dark .p-paginator-next {
+            border-color: var(--p-surface-500);
+          }
+
+          .dark .p-paginator-prev {
+            border-right-color: var(--p-surface-500);
+          }
+
+          .dark .p-paginator-next {
+            border-left-color: var(--p-surface-500);
+          }
+        `,
+        },
         // steps: {
         //   item: {
         //     link: {

package/fesm2022/masterteam-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components.mjs","sources":["../../../../packages/masterteam/components/src/lib/utils/theme.ts","../../../../packages/masterteam/components/src/lib/config/providemt.ts","../../../../packages/masterteam/components/src/lib/config/povide-messages.ts","../../../../packages/masterteam/components/src/lib/utils/inputs.ts","../../../../packages/masterteam/components/src/lib/config/dynamic-form.model.ts","../../../../packages/masterteam/components/src/public-api.ts","../../../../packages/masterteam/components/src/masterteam-components.ts"],"sourcesContent":["type HSLTuple = [number, number, number]; // [hue, saturation, lightness]\ntype TailwindColorPalette = {\n  [key: string]: string; // e.g., '50': '#f0f9ff', '500': '#0284c7'\n};\n\n/**\n * Converts a hex color string to an HSL tuple.\n * @param hex - The hex color string (e.g., \"#RRGGBB\" or \"#RGB\").\n * @returns An HSL tuple [hue, saturation, lightness] where hue is in degrees (0-360),\n * and saturation/lightness are percentages (0-100).\n */\nfunction hexToHsl(hex: string): HSLTuple {\n  let r: number = 0,\n    g: number = 0,\n    b: number = 0;\n\n  // Handle shorthand hex codes\n  if (hex.length === 4) {\n    r = parseInt(hex[1] + hex[1], 16);\n    g = parseInt(hex[2] + hex[2], 16);\n    b = parseInt(hex[3] + hex[3], 16);\n  } else if (hex.length === 7) {\n    r = parseInt(hex.substring(1, 3), 16);\n    g = parseInt(hex.substring(3, 5), 16);\n    b = parseInt(hex.substring(5, 7), 16);\n  } else {\n    throw new Error('Invalid hex color format. Expected #RGB or #RRGGBB.');\n  }\n\n  r /= 255;\n  g /= 255;\n  b /= 255;\n\n  const max: number = Math.max(r, g, b);\n  const min: number = Math.min(r, g, b);\n  let h: number = 0,\n    s: number;\n  const l: number = (max + min) / 2;\n\n  if (max === min) {\n    h = s = 0; // achromatic\n  } else {\n    const d: number = max - min;\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n    switch (max) {\n      case r:\n        h = (g - b) / d + (g < b ? 6 : 0);\n        break;\n      case g:\n        h = (b - r) / d + 2;\n        break;\n      case b:\n        h = (r - g) / d + 4;\n        break;\n    }\n    h /= 6;\n  }\n\n  return [h * 360, s * 100, l * 100]; // HSL in degrees, percentage, percentage\n}\n\n/**\n * Converts HSL values to a hex color string.\n * @param h - Hue (0-360).\n * @param s - Saturation (0-100).\n * @param l - Lightness (0-100).\n * @returns The hex color string (e.g., \"#RRGGBB\").\n */\nfunction hslToHex(h: number, s: number, l: number): string {\n  l /= 100;\n  const a: number = (s * Math.min(l, 1 - l)) / 100;\n  const f = (n: number): string => {\n    const k: number = (n + h / 30) % 12;\n    const color: number = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n    return Math.round(255 * color)\n      .toString(16)\n      .padStart(2, '0');\n  };\n  return `#${f(0)}${f(8)}${f(4)}`;\n}\n\n/**\n * Generates a Tailwind-like color palette (50-950) from a primary color (assumed to be 500).\n *\n * @param primaryColor500 - The hex string of the primary color (e.g., \"#0284c7\").\n * @returns An object representing the color palette, where keys are color numbers (e.g., \"50\", \"100\")\n * and values are hex color strings.\n */\nexport function generateTailwindPalette(\n  primaryColor500: string,\n): TailwindColorPalette {\n  const [h, s, _l]: HSLTuple = hexToHsl(primaryColor500);\n\n  const palette: TailwindColorPalette = {\n    '500': primaryColor500,\n  };\n\n  // Define steps for lighter shades (50 - 400)\n  const lightnessStepsLighter: { [key: string]: number } = {\n    '50': 95,\n    '100': 90,\n    '200': 80,\n    '300': 70,\n    '400': 60,\n  };\n\n  const saturationReductionsLighter: { [key: string]: number } = {\n    '50': 40, // More desaturated\n    '100': 30,\n    '200': 20,\n    '300': 10,\n    '400': 5, // Slightly desaturated\n  };\n\n  for (const shade in lightnessStepsLighter) {\n    if (Object.prototype.hasOwnProperty.call(lightnessStepsLighter, shade)) {\n      const newL: number = lightnessStepsLighter[shade];\n      // Ensure saturation doesn't go below 0\n      const newS: number = Math.max(0, s - saturationReductionsLighter[shade]);\n      palette[shade] = hslToHex(h, newS, newL);\n    }\n  }\n\n  // Define steps for darker shades (600 - 950)\n  const lightnessStepsDarker: { [key: string]: number } = {\n    '600': 45,\n    '700': 35,\n    '800': 25,\n    '900': 15,\n    '950': 8, // More aggressive darkening for 950\n  };\n\n  const saturationIncreasesDarker: { [key: string]: number } = {\n    '600': 5,\n    '700': 10,\n    '800': 15,\n    '900': 20,\n    '950': 25, // Can increase saturation for darker shades\n  };\n\n  for (const shade in lightnessStepsDarker) {\n    if (Object.prototype.hasOwnProperty.call(lightnessStepsDarker, shade)) {\n      const newL: number = lightnessStepsDarker[shade];\n      // Ensure saturation doesn't exceed 100\n      const newS: number = Math.min(100, s + saturationIncreasesDarker[shade]);\n      palette[shade] = hslToHex(h, newS, newL);\n    }\n  }\n\n  // Sort the keys numerically to ensure consistent order\n  const sortedPalette: TailwindColorPalette = {};\n  Object.keys(palette)\n    .sort((a, b) => parseInt(a) - parseInt(b))\n    .forEach((key: string) => {\n      sortedPalette[key] = palette[key];\n    });\n\n  return sortedPalette;\n}\n","import { providePrimeNG } from 'primeng/config';\nimport { generateTailwindPalette } from '../utils/theme';\nimport Aura from '@primeuix/themes/aura';\nimport { definePreset, updatePreset } from '@primeuix/themes';\nimport { ToastTokenSections } from '@primeuix/themes/types/toast';\nimport { EnvironmentProviders } from '@angular/core';\n\nconst toastStyle: ToastTokenSections.Success = {\n  // borderColor: '{surface.300}',\n  background: '{content.background}',\n  // color: '{surface.600}',\n  // closeButton: {\n  //   hoverBackground: '{surface.100}',\n  //   focusRing: {\n  //     color: '{surface.600}',\n  //   },\n  // },\n};\n\nexport function changePrimaryColor(color: string): void {\n  updatePreset({\n    semantic: {\n      primary: generateTailwindPalette(color || '#334dff'),\n    },\n  });\n}\n\nconst MTPreset = (primaryColor?: string) =>\n  definePreset(Aura, {\n    options: {\n      prefix: 'mt',\n      cssLayer: {\n        name: 'primeng',\n        order: 'theme, base, primeng',\n      },\n    },\n    semantic: {\n      primary: generateTailwindPalette(primaryColor || '#334dff'),\n      content: {\n        borderRadius: '{border.radius.lg}',\n      },\n      formField: {\n        borderRadius: '{border.radius.lg}',\n      },\n    },\n    components: {\n      toast: {\n        root: {\n          borderRadius: '{border.radius.xl}',\n        },\n        colorScheme: {\n          light: {\n            success: toastStyle,\n            info: toastStyle,\n            warn: toastStyle,\n            error: toastStyle,\n            secondary: toastStyle,\n          },\n          dark: {\n            success: toastStyle,\n            info: toastStyle,\n            warn: toastStyle,\n            error: toastStyle,\n            secondary: toastStyle,\n          },\n        },\n      },\n      togglebutton: {\n        root: {\n          padding: '1px',\n          sm: {\n            padding: '1px',\n          },\n          lg: {\n            padding: '1px',\n          },\n        },\n        colorScheme: {\n          light: {\n            root: {\n              checkedColor: '{primary.500}',\n            },\n          },\n          dark: {\n            root: {\n              checkedColor: '{primary.400}',\n            },\n          },\n        },\n      },\n      selectbutton: {\n        root: {\n          borderRadius: '{border.radius.lg}',\n        },\n      },\n      // steps: {\n      //   item: {\n      //     link: {\n      //       gap: 'calc(50% + 0.25rem)',\n      //     },\n      //     number: {\n      //       font: {\n      //         size: '0.9rem',\n      //       },\n      //       active: {\n      //         color: 'white',\n      //         background: '{primary.500}',\n      //         border: {\n      //           color: '{primary.500}',\n      //         },\n      //       },\n      //     },\n      //   },\n      // },\n    },\n  });\n\nexport function provideMTComponents(\n  primaryColor?: string,\n): EnvironmentProviders {\n  return providePrimeNG({\n    zIndex: {\n      modal: 1900,\n      overlay: 1500,\n      menu: 1500,\n      tooltip: 1600,\n    },\n    theme: {\n      preset: MTPreset(primaryColor),\n      options: {\n        darkModeSelector: '.dark',\n      },\n    },\n  });\n}\n","import { MessageService } from 'primeng/api';\n\nexport function provideMTMessages() {\n  return MessageService;\n}\n","import { AbstractControl } from '@angular/forms';\n\nexport function isInvalid(control: AbstractControl | null) {\n  if (!control) return false;\n  return control && control?.invalid && control?.touched;\n}\n","import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\n\nexport type FieldType =\n  | 'text'\n  | 'textarea'\n  | 'select'\n  | 'date'\n  | 'number'\n  | 'slider'\n  | 'multi-select'\n  | 'checkbox'\n  | 'icon-field'\n  | 'color-picker'\n  | string;\n\nexport type ValidatorType =\n  | 'required'\n  | 'email'\n  | 'minLength'\n  | 'maxLength'\n  | 'min'\n  | 'max'\n  | 'pattern'\n  | 'custom';\n\nexport class ValidatorConfig {\n  type: ValidatorType;\n  value?: any;\n  message?: string;\n  customValidator?: (value: any) => boolean | Promise<boolean>;\n\n  constructor(config: {\n    type: ValidatorType;\n    value?: any;\n    message?: string;\n    customValidator?: (value: any) => boolean | Promise<boolean>;\n  }) {\n    this.type = config.type;\n    this.value = config.value;\n    this.message = config.message;\n    this.customValidator = config.customValidator;\n  }\n\n  // Factory methods for common validators\n  static required(message = 'This field is required'): ValidatorConfig {\n    return new ValidatorConfig({ type: 'required', message });\n  }\n\n  static email(message = 'Please enter a valid email'): ValidatorConfig {\n    return new ValidatorConfig({ type: 'email', message });\n  }\n\n  static minLength(length: number, message?: string): ValidatorConfig {\n    return new ValidatorConfig({\n      type: 'minLength',\n      value: length,\n      message: message || `Minimum length is ${length} characters`,\n    });\n  }\n\n  static maxLength(length: number, message?: string): ValidatorConfig {\n    return new ValidatorConfig({\n      type: 'maxLength',\n      value: length,\n      message: message || `Maximum length is ${length} characters`,\n    });\n  }\n\n  static min(value: number, message?: string): ValidatorConfig {\n    return new ValidatorConfig({\n      type: 'min',\n      value,\n      message: message || `Minimum value is ${value}`,\n    });\n  }\n\n  static max(value: number, message?: string): ValidatorConfig {\n    return new ValidatorConfig({\n      type: 'max',\n      value,\n      message: message || `Maximum value is ${value}`,\n    });\n  }\n\n  static pattern(pattern: string, message = 'Invalid format'): ValidatorConfig {\n    return new ValidatorConfig({ type: 'pattern', value: pattern, message });\n  }\n\n  static custom(\n    validator: (value: any) => boolean | Promise<boolean>,\n    message = 'Invalid value',\n  ): ValidatorConfig {\n    return new ValidatorConfig({\n      type: 'custom',\n      customValidator: validator,\n      message,\n    });\n  }\n}\n\nexport type BaseFieldConstructorConfig = ConstructorParameters<\n  typeof BaseFieldConfig\n>[0];\n\nexport abstract class BaseFieldConfig {\n  key: string;\n  label: string;\n  type: FieldType;\n  required: boolean;\n  disabled: boolean;\n  readonly: boolean;\n  hidden: boolean;\n  placeholder: string;\n  hint: string;\n  cssClass: string;\n  validators: ValidatorConfig[];\n  order: number;\n\n  defaultValue?: any;\n\n  customTemplate: string;\n\n  constructor(config: {\n    key?: string;\n    label?: string;\n    type: FieldType;\n    required?: boolean;\n    disabled?: boolean;\n    readonly?: boolean;\n    hidden?: boolean;\n    placeholder?: string;\n    hint?: string;\n    cssClass?: string;\n    validators?: ValidatorConfig[];\n    order?: number;\n    defaultValue?: any;\n  }) {\n    this.key = config.key || 'Key';\n    this.label = config.label || '';\n    this.type = config.type;\n    this.required = config.required || false;\n    this.disabled = config.disabled || false;\n    this.readonly = config.readonly || false;\n    this.hidden = config.hidden || false;\n    this.placeholder = config.placeholder || '';\n    this.hint = config.hint || '';\n    this.cssClass = config.cssClass || '';\n    this.validators = config.validators || [];\n    this.order = config.order || 0;\n    this.defaultValue = config.defaultValue;\n  }\n}\n\n// Specific configurations for different field types\nexport class TextFieldConfig extends BaseFieldConfig {\n  inputType: 'text' | 'email';\n\n  constructor(\n    config: Omit<BaseFieldConstructorConfig, 'type'> & {\n      inputType?: 'text' | 'email';\n    },\n  ) {\n    super({ ...config, type: 'text' });\n    this.inputType = config.inputType || 'text';\n  }\n}\n\nexport class TextareaFieldConfig extends BaseFieldConfig {\n  rows: number;\n  autoResize: boolean;\n\n  constructor(\n    config: Omit<BaseFieldConstructorConfig, 'type'> & {\n      rows?: number;\n      autoResize?: boolean;\n    },\n  ) {\n    super({ ...config, type: 'textarea' });\n    this.rows = config.rows || 3;\n    this.autoResize = config.autoResize || false;\n  }\n}\n\nexport class SelectFieldConfig extends BaseFieldConfig {\n  options: any[];\n  optionLabel: string;\n  optionValue: string;\n  multiple: boolean;\n  filter: boolean;\n  filterBy: string;\n  filterPlaceholder: string;\n  showClear: boolean;\n  emptyMessage: string;\n\n  constructor(\n    config: Omit<BaseFieldConstructorConfig, 'type'> & {\n      options: any[];\n      optionLabel?: string;\n      optionValue?: string;\n      multiple?: boolean;\n      filter?: boolean;\n      filterBy?: string;\n      filterPlaceholder?: string;\n      showClear?: boolean;\n      emptyMessage?: string;\n    },\n  ) {\n    super({ ...config, type: 'select' });\n    this.options = config.options;\n    this.optionLabel = config.optionLabel || 'label';\n    this.optionValue = config.optionValue || 'value';\n    this.multiple = config.multiple || false;\n    this.filter = config.filter || false;\n    this.filterBy = config.filterBy || '';\n    this.filterPlaceholder = config.filterPlaceholder || 'Search...';\n    this.showClear = config.showClear || false;\n    this.emptyMessage = config.emptyMessage || 'No options available';\n  }\n}\n\nexport class DateFieldConfig extends BaseFieldConfig {\n  dateFormat: string;\n  showTime: boolean;\n  showSeconds: boolean;\n  hourFormat: '12' | '24';\n  minDate?: Date;\n  maxDate?: Date;\n  disabledDates: Date[];\n  disabledDays: number[];\n  yearRange: string;\n  showIcon: boolean;\n  icon: string;\n  showButtonBar: boolean;\n  showClear: boolean;\n  inline: boolean;\n\n  constructor(\n    config: Omit<BaseFieldConstructorConfig, 'type'> & {\n      dateFormat?: string;\n      showTime?: boolean;\n      showSeconds?: boolean;\n      hourFormat?: '12' | '24';\n      minDate?: Date;\n      maxDate?: Date;\n      disabledDates?: Date[];\n      disabledDays?: number[];\n      yearRange?: string;\n      showIcon?: boolean;\n      icon?: string;\n      showButtonBar?: boolean;\n      showClear?: boolean;\n      inline?: boolean;\n    },\n  ) {\n    super({ ...config, type: 'date' });\n    this.dateFormat = config.dateFormat || 'yyyy-mm-dd';\n    this.showTime = config.showTime || false;\n    this.showSeconds = config.showSeconds || false;\n    this.hourFormat = config.hourFormat || '24';\n    this.minDate = config.minDate;\n    this.maxDate = config.maxDate;\n    this.disabledDates = config.disabledDates || [];\n    this.disabledDays = config.disabledDays || [];\n    this.yearRange = config.yearRange || '1900:2030';\n    this.showIcon = config.showIcon || true;\n    this.icon = config.icon || 'pi pi-calendar';\n    this.showButtonBar = config.showButtonBar || false;\n    this.showClear = config.showClear || true;\n    this.inline = config.inline || false;\n  }\n}\n\nexport class NumberFieldConfig extends BaseFieldConfig {\n  min?: number;\n  max?: number;\n  step?: number;\n  prefix?: string;\n  suffix?: string;\n  currency?: string;\n  locale?: string;\n  minFractionDigits?: number;\n  maxFractionDigits?: number;\n  useGrouping?: boolean;\n  showButtons?: boolean;\n  buttonLayout?: 'stacked' | 'horizontal';\n  incrementButtonClass?: string;\n  decrementButtonClass?: string;\n  incrementButtonIcon?: string;\n  decrementButtonIcon?: string;\n\n  constructor(\n    config: Omit<BaseFieldConstructorConfig, 'type'> & {\n      min?: number;\n      max?: number;\n      step?: number;\n      prefix?: string;\n      suffix?: string;\n      currency?: string;\n      locale?: string;\n      minFractionDigits?: number;\n      maxFractionDigits?: number;\n      useGrouping?: boolean;\n      showButtons?: boolean;\n      buttonLayout?: 'stacked' | 'horizontal';\n      incrementButtonClass?: string;\n      decrementButtonClass?: string;\n      incrementButtonIcon?: string;\n      decrementButtonIcon?: string;\n    },\n  ) {\n    super({ ...config, type: 'number' });\n    this.min = config.min;\n    this.max = config.max;\n    this.step = config.step || 1;\n    this.prefix = config.prefix;\n    this.suffix = config.suffix;\n    this.currency = config.currency;\n    this.locale = config.locale;\n    this.minFractionDigits = config.minFractionDigits;\n    this.maxFractionDigits = config.maxFractionDigits;\n    this.useGrouping = config.useGrouping || false;\n    this.showButtons = config.showButtons || false;\n    this.buttonLayout = config.buttonLayout || 'stacked';\n    this.incrementButtonClass = config.incrementButtonClass;\n    this.decrementButtonClass = config.decrementButtonClass;\n    this.incrementButtonIcon = config.incrementButtonIcon;\n    this.decrementButtonIcon = config.decrementButtonIcon;\n  }\n}\n\nexport class SliderFieldConfig extends BaseFieldConfig {\n  min?: number;\n  max?: number;\n  step?: number;\n  orientation?: 'horizontal' | 'vertical';\n  range?: boolean;\n  animate?: boolean;\n\n  constructor(\n    config: Omit<BaseFieldConstructorConfig, 'type'> & {\n      min?: number;\n      max?: number;\n      step?: number;\n      orientation?: 'horizontal' | 'vertical';\n      range?: boolean;\n      animate?: boolean;\n    },\n  ) {\n    super({ ...config, type: 'slider' });\n    this.min = config.min || 0;\n    this.max = config.max || 100;\n    this.step = config.step || 1;\n    this.orientation = config.orientation || 'horizontal';\n    this.range = config.range || false;\n    this.animate = config.animate || false;\n  }\n}\n\nexport class MultiSelectFieldConfig extends BaseFieldConfig {\n  options: any[];\n  optionLabel: string;\n  optionValue: string;\n  filter: boolean;\n  filterBy: string;\n  filterPlaceholder: string;\n  showClear: boolean;\n  emptyMessage: string;\n  display?: 'comma' | 'chip';\n  maxSelectedLabels?: number;\n  selectedItemsLabel?: string;\n  showToggleAll?: boolean;\n  resetFilterOnHide?: boolean;\n\n  constructor(\n    config: Omit<BaseFieldConstructorConfig, 'type'> & {\n      options: any[];\n      optionLabel?: string;\n      optionValue?: string;\n      filter?: boolean;\n      filterBy?: string;\n      filterPlaceholder?: string;\n      showClear?: boolean;\n      emptyMessage?: string;\n      display?: 'comma' | 'chip';\n      maxSelectedLabels?: number;\n      selectedItemsLabel?: string;\n      showToggleAll?: boolean;\n      resetFilterOnHide?: boolean;\n    },\n  ) {\n    super({ ...config, type: 'multi-select' });\n    this.options = config.options;\n    this.optionLabel = config.optionLabel || 'label';\n    this.optionValue = config.optionValue || 'value';\n    this.filter = config.filter || false;\n    this.filterBy = config.filterBy || '';\n    this.filterPlaceholder = config.filterPlaceholder || 'Search...';\n    this.showClear = config.showClear || false;\n    this.emptyMessage = config.emptyMessage || 'No options available';\n    this.display = config.display || 'comma';\n    this.maxSelectedLabels = config.maxSelectedLabels || 3;\n    this.selectedItemsLabel = config.selectedItemsLabel || '{0} items selected';\n    this.showToggleAll = config.showToggleAll || true;\n    this.resetFilterOnHide = config.resetFilterOnHide || false;\n  }\n}\n\nexport class CheckboxFieldConfig extends BaseFieldConfig {\n  binary?: boolean;\n  trueValue?: any;\n  falseValue?: any;\n  checkboxIcon?: string;\n\n  constructor(\n    config: Omit<BaseFieldConstructorConfig, 'type'> & {\n      binary?: boolean;\n      trueValue?: any;\n      falseValue?: any;\n      checkboxIcon?: string;\n    },\n  ) {\n    super({ ...config, type: 'checkbox' });\n    this.binary = config.binary !== false; // Default to true\n    this.trueValue = config.trueValue !== undefined ? config.trueValue : true;\n    this.falseValue =\n      config.falseValue !== undefined ? config.falseValue : false;\n    this.checkboxIcon = config.checkboxIcon;\n  }\n}\n\nexport class ColorPickerFieldConfig extends BaseFieldConfig {\n  format?: 'hex' | 'rgb' | 'hsb';\n  inline?: boolean;\n  appendTo?: any;\n\n  constructor(\n    config: Omit<BaseFieldConstructorConfig, 'type'> & {\n      format?: 'hex' | 'rgb' | 'hsb';\n      inline?: boolean;\n      appendTo?: any;\n    },\n  ) {\n    super({ ...config, type: 'color-picker' });\n    this.format = config.format || 'hex';\n    this.inline = config.inline || false;\n    this.appendTo = config.appendTo || 'body';\n  }\n}\n\nexport class IconFieldConfig extends BaseFieldConfig {\n  constructor(config: Omit<BaseFieldConstructorConfig, 'type'> & {}) {\n    super({ ...config, type: 'icon-field' });\n  }\n}\n\n// Union type for all field configurations\nexport type DynamicFieldConfig = {\n  [K in keyof (TextFieldConfig &\n    TextareaFieldConfig &\n    SelectFieldConfig &\n    DateFieldConfig &\n    NumberFieldConfig &\n    SliderFieldConfig &\n    MultiSelectFieldConfig &\n    CheckboxFieldConfig &\n    ColorPickerFieldConfig &\n    IconFieldConfig &\n    BaseFieldConfig)]?: (TextFieldConfig &\n    TextareaFieldConfig &\n    SelectFieldConfig &\n    DateFieldConfig &\n    NumberFieldConfig &\n    SliderFieldConfig &\n    MultiSelectFieldConfig &\n    CheckboxFieldConfig &\n    ColorPickerFieldConfig &\n    IconFieldConfig &\n    BaseFieldConfig)[K];\n};\n\n// Layout configuration\nexport interface LayoutConfig {\n  containerClass?: string;\n  sectionClass?: string;\n  fieldClass?: string;\n}\n\n// Simplified form configuration interface\nexport interface DynamicFormConfig {\n  sections: SectionConfig[];\n  layout?: LayoutConfig;\n}\nexport interface SectionConfig {\n  key?: string;\n  label?: string;\n  type: 'none' | 'header';\n  cssClass?: string;\n  bodyClass?: string;\n  headerClass?: string;\n\n  order?: number;\n  fields: DynamicFieldConfig[];\n}\n\nexport function createCustomValidator(\n  customValidator: (value: any) => boolean | Promise<boolean>,\n  message?: string,\n): ValidatorFn {\n  return (control: AbstractControl): ValidationErrors | null => {\n    const result = customValidator(control.value);\n\n    if (result instanceof Promise) {\n      // Handle async validation\n      result.then((isValid) => {\n        if (!isValid) {\n          control.setErrors({\n            custom: { message: message || 'Invalid value' },\n          });\n        }\n      });\n      return null; // For async, return null initially\n    } else {\n      // Handle sync validation\n      return result\n        ? null\n        : { custom: { message: message || 'Invalid value' } };\n    }\n  };\n}\n\nexport function wrapValidatorWithMessage(\n  validator: ValidatorFn,\n  errorKey: string,\n  message: string,\n): ValidatorFn {\n  return (control: AbstractControl): ValidationErrors | null => {\n    const result = validator(control);\n    if (result) {\n      // Replace the default error with custom message\n      return { [errorKey]: { ...result[Object.keys(result)[0]], message } };\n    }\n    return null;\n  };\n}\n// DynamicFieldConfig = input.required<any>({\n//   transform: (value: any) => this.transformToDateFieldConfig(value)\n// });\n// transformToDateFieldConfig(value: any){\n// return  new TextFieldConfig()\n// }\n","/*\n * Public API Surface of components\n */\n\nexport * from './lib/config/providemt';\nexport * from './lib/config/povide-messages';\nexport * from './lib/utils/theme';\nexport * from './lib/utils/inputs';\nexport * from './lib/config/dynamic-form.model';\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.mjs","sources":["../../../../packages/masterteam/components/src/lib/utils/theme.ts","../../../../packages/masterteam/components/src/lib/config/providemt.ts","../../../../packages/masterteam/components/src/lib/config/povide-messages.ts","../../../../packages/masterteam/components/src/lib/utils/inputs.ts","../../../../packages/masterteam/components/src/lib/config/dynamic-form.model.ts","../../../../packages/masterteam/components/src/public-api.ts","../../../../packages/masterteam/components/src/masterteam-components.ts"],"sourcesContent":["type HSLTuple = [number, number, number]; // [hue, saturation, lightness]\ntype TailwindColorPalette = {\n  [key: string]: string; // e.g., '50': '#f0f9ff', '500': '#0284c7'\n};\n\n/**\n * Converts a hex color string to an HSL tuple.\n * @param hex - The hex color string (e.g., \"#RRGGBB\" or \"#RGB\").\n * @returns An HSL tuple [hue, saturation, lightness] where hue is in degrees (0-360),\n * and saturation/lightness are percentages (0-100).\n */\nfunction hexToHsl(hex: string): HSLTuple {\n  let r: number = 0,\n    g: number = 0,\n    b: number = 0;\n\n  // Handle shorthand hex codes\n  if (hex.length === 4) {\n    r = parseInt(hex[1] + hex[1], 16);\n    g = parseInt(hex[2] + hex[2], 16);\n    b = parseInt(hex[3] + hex[3], 16);\n  } else if (hex.length === 7) {\n    r = parseInt(hex.substring(1, 3), 16);\n    g = parseInt(hex.substring(3, 5), 16);\n    b = parseInt(hex.substring(5, 7), 16);\n  } else {\n    throw new Error('Invalid hex color format. Expected #RGB or #RRGGBB.');\n  }\n\n  r /= 255;\n  g /= 255;\n  b /= 255;\n\n  const max: number = Math.max(r, g, b);\n  const min: number = Math.min(r, g, b);\n  let h: number = 0,\n    s: number;\n  const l: number = (max + min) / 2;\n\n  if (max === min) {\n    h = s = 0; // achromatic\n  } else {\n    const d: number = max - min;\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n    switch (max) {\n      case r:\n        h = (g - b) / d + (g < b ? 6 : 0);\n        break;\n      case g:\n        h = (b - r) / d + 2;\n        break;\n      case b:\n        h = (r - g) / d + 4;\n        break;\n    }\n    h /= 6;\n  }\n\n  return [h * 360, s * 100, l * 100]; // HSL in degrees, percentage, percentage\n}\n\n/**\n * Converts HSL values to a hex color string.\n * @param h - Hue (0-360).\n * @param s - Saturation (0-100).\n * @param l - Lightness (0-100).\n * @returns The hex color string (e.g., \"#RRGGBB\").\n */\nfunction hslToHex(h: number, s: number, l: number): string {\n  l /= 100;\n  const a: number = (s * Math.min(l, 1 - l)) / 100;\n  const f = (n: number): string => {\n    const k: number = (n + h / 30) % 12;\n    const color: number = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n    return Math.round(255 * color)\n      .toString(16)\n      .padStart(2, '0');\n  };\n  return `#${f(0)}${f(8)}${f(4)}`;\n}\n\n/**\n * Generates a Tailwind-like color palette (50-950) from a primary color (assumed to be 500).\n *\n * @param primaryColor500 - The hex string of the primary color (e.g., \"#0284c7\").\n * @returns An object representing the color palette, where keys are color numbers (e.g., \"50\", \"100\")\n * and values are hex color strings.\n */\nexport function generateTailwindPalette(\n  primaryColor500: string,\n): TailwindColorPalette {\n  const [h, s, _l]: HSLTuple = hexToHsl(primaryColor500);\n\n  const palette: TailwindColorPalette = {\n    '500': primaryColor500,\n  };\n\n  // Define steps for lighter shades (50 - 400)\n  const lightnessStepsLighter: { [key: string]: number } = {\n    '50': 95,\n    '100': 90,\n    '200': 80,\n    '300': 70,\n    '400': 60,\n  };\n\n  const saturationReductionsLighter: { [key: string]: number } = {\n    '50': 40, // More desaturated\n    '100': 30,\n    '200': 20,\n    '300': 10,\n    '400': 5, // Slightly desaturated\n  };\n\n  for (const shade in lightnessStepsLighter) {\n    if (Object.prototype.hasOwnProperty.call(lightnessStepsLighter, shade)) {\n      const newL: number = lightnessStepsLighter[shade];\n      // Ensure saturation doesn't go below 0\n      const newS: number = Math.max(0, s - saturationReductionsLighter[shade]);\n      palette[shade] = hslToHex(h, newS, newL);\n    }\n  }\n\n  // Define steps for darker shades (600 - 950)\n  const lightnessStepsDarker: { [key: string]: number } = {\n    '600': 45,\n    '700': 35,\n    '800': 25,\n    '900': 15,\n    '950': 8, // More aggressive darkening for 950\n  };\n\n  const saturationIncreasesDarker: { [key: string]: number } = {\n    '600': 5,\n    '700': 10,\n    '800': 15,\n    '900': 20,\n    '950': 25, // Can increase saturation for darker shades\n  };\n\n  for (const shade in lightnessStepsDarker) {\n    if (Object.prototype.hasOwnProperty.call(lightnessStepsDarker, shade)) {\n      const newL: number = lightnessStepsDarker[shade];\n      // Ensure saturation doesn't exceed 100\n      const newS: number = Math.min(100, s + saturationIncreasesDarker[shade]);\n      palette[shade] = hslToHex(h, newS, newL);\n    }\n  }\n\n  // Sort the keys numerically to ensure consistent order\n  const sortedPalette: TailwindColorPalette = {};\n  Object.keys(palette)\n    .sort((a, b) => parseInt(a) - parseInt(b))\n    .forEach((key: string) => {\n      sortedPalette[key] = palette[key];\n    });\n\n  return sortedPalette;\n}\n","import { providePrimeNG } from 'primeng/config';\nimport { generateTailwindPalette } from '../utils/theme';\nimport Aura from '@primeuix/themes/aura';\nimport { definePreset, updatePreset } from '@primeuix/themes';\nimport { ToastTokenSections } from '@primeuix/themes/types/toast';\nimport { EnvironmentProviders } from '@angular/core';\n\nconst toastStyle: ToastTokenSections.Success = {\n  // borderColor: '{surface.300}',\n  background: '{content.background}',\n  // color: '{surface.600}',\n  // closeButton: {\n  //   hoverBackground: '{surface.100}',\n  //   focusRing: {\n  //     color: '{surface.600}',\n  //   },\n  // },\n};\n\nexport function changePrimaryColor(color: string): void {\n  updatePreset({\n    semantic: {\n      primary: generateTailwindPalette(color || '#334dff'),\n    },\n  });\n}\n\nconst MTPreset = (primaryColor?: string) =>\n  definePreset(Aura, {\n    options: {\n      prefix: 'mt',\n      cssLayer: {\n        name: 'primeng',\n        order: 'theme, base, primeng',\n      },\n    },\n    semantic: {\n      primary: generateTailwindPalette(primaryColor || '#334dff'),\n      content: {\n        borderRadius: '{border.radius.lg}',\n      },\n      formField: {\n        borderRadius: '{border.radius.lg}',\n      },\n    },\n    components: {\n      toast: {\n        root: {\n          borderRadius: '{border.radius.xl}',\n        },\n        colorScheme: {\n          light: {\n            success: toastStyle,\n            info: toastStyle,\n            warn: toastStyle,\n            error: toastStyle,\n            secondary: toastStyle,\n          },\n          dark: {\n            success: toastStyle,\n            info: toastStyle,\n            warn: toastStyle,\n            error: toastStyle,\n            secondary: toastStyle,\n          },\n        },\n      },\n      togglebutton: {\n        root: {\n          padding: '1px',\n          sm: {\n            padding: '1px',\n          },\n          lg: {\n            padding: '1px',\n          },\n        },\n        colorScheme: {\n          light: {\n            root: {\n              checkedColor: '{primary.500}',\n            },\n          },\n          dark: {\n            root: {\n              checkedColor: '{primary.400}',\n            },\n          },\n        },\n      },\n      selectbutton: {\n        root: {\n          borderRadius: '{border.radius.lg}',\n        },\n      },\n\n      paginator: {\n        root: {\n          borderRadius: '{border.radius.lg}',\n          padding: '0 .5rem',\n        },\n        navButton: {\n          borderRadius: '0',\n        },\n\n        colorScheme: {\n          light: {\n            navButton: {\n              color: '{surface.600}',\n              hoverBackground: '#fff',\n              selectedBackground: '{surface.200}',\n              selectedColor: '{surface.600}',\n              focusRing: {\n                color: '{surface.200}',\n              },\n            },\n          },\n          dark: {\n            navButton: {\n              color: '{surface.200}',\n              hoverBackground: 'transparent',\n              selectedBackground: 'transparent',\n              selectedColor: '#fff',\n              focusRing: {\n                color: '#fff',\n              },\n            },\n          },\n        },\n\n        css: () => `\n          .p-paginator {\n            --p-paginator-gap: 0;\n            --p-paginator-nav-button-width: 2.2rem;\n            --p-paginator-nav-button-height: 2.2rem;\n            width: fit-content;\n            border: 1px solid var(--p-surface-200);\n            overflow: hidden;\n            font-size: .95rem;\n          }\n\n          .p-paginator-pages button,\n          .p-paginator-prev,\n          .p-paginator-next {\n            border-color: var(--p-surface-200);\n          }\n\n          .p-paginator-pages button {\n            border-style: solid;\n            border-width: 0 0 0 1px;\n          }\n\n          .p-paginator-pages button:first-child {\n            border-left: none;\n          }\n\n          .p-paginator-prev {\n            border-right: 1px solid var(--p-surface-200);\n          }\n\n          .p-paginator-next {\n            border-left: 1px solid var(--p-surface-200);\n          }\n\n          .p-paginator .p-select {\n            border: 0;\n            background: transparent;\n          }\n\n          .p-paginator .p-select .p-select-label {\n            padding: 0;\n          }\n\n          /* Dark Mode Styles */\n          .dark .p-paginator {\n            border-color: var(--p-surface-500);\n          }\n\n          .dark .p-paginator-pages button,\n          .dark .p-paginator-prev,\n          .dark .p-paginator-next {\n            border-color: var(--p-surface-500);\n          }\n\n          .dark .p-paginator-prev {\n            border-right-color: var(--p-surface-500);\n          }\n\n          .dark .p-paginator-next {\n            border-left-color: var(--p-surface-500);\n          }\n        `,\n      },\n      // steps: {\n      //   item: {\n      //     link: {\n      //       gap: 'calc(50% + 0.25rem)',\n      //     },\n      //     number: {\n      //       font: {\n      //         size: '0.9rem',\n      //       },\n      //       active: {\n      //         color: 'white',\n      //         background: '{primary.500}',\n      //         border: {\n      //           color: '{primary.500}',\n      //         },\n      //       },\n      //     },\n      //   },\n      // },\n    },\n  });\n\nexport function provideMTComponents(\n  primaryColor?: string,\n): EnvironmentProviders {\n  return providePrimeNG({\n    zIndex: {\n      modal: 1900,\n      overlay: 1500,\n      menu: 1500,\n      tooltip: 1600,\n    },\n    theme: {\n      preset: MTPreset(primaryColor),\n      options: {\n        darkModeSelector: '.dark',\n      },\n    },\n  });\n}\n","import { MessageService } from 'primeng/api';\n\nexport function provideMTMessages() {\n  return MessageService;\n}\n","import { AbstractControl } from '@angular/forms';\n\nexport function isInvalid(control: AbstractControl | null) {\n  if (!control) return false;\n  return control && control?.invalid && control?.touched;\n}\n","import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\n\nexport type FieldType =\n  | 'text'\n  | 'textarea'\n  | 'select'\n  | 'date'\n  | 'number'\n  | 'slider'\n  | 'multi-select'\n  | 'checkbox'\n  | 'icon-field'\n  | 'color-picker'\n  | string;\n\nexport type ValidatorType =\n  | 'required'\n  | 'email'\n  | 'minLength'\n  | 'maxLength'\n  | 'min'\n  | 'max'\n  | 'pattern'\n  | 'custom';\n\nexport class ValidatorConfig {\n  type: ValidatorType;\n  value?: any;\n  message?: string;\n  customValidator?: (value: any) => boolean | Promise<boolean>;\n\n  constructor(config: {\n    type: ValidatorType;\n    value?: any;\n    message?: string;\n    customValidator?: (value: any) => boolean | Promise<boolean>;\n  }) {\n    this.type = config.type;\n    this.value = config.value;\n    this.message = config.message;\n    this.customValidator = config.customValidator;\n  }\n\n  // Factory methods for common validators\n  static required(message = 'This field is required'): ValidatorConfig {\n    return new ValidatorConfig({ type: 'required', message });\n  }\n\n  static email(message = 'Please enter a valid email'): ValidatorConfig {\n    return new ValidatorConfig({ type: 'email', message });\n  }\n\n  static minLength(length: number, message?: string): ValidatorConfig {\n    return new ValidatorConfig({\n      type: 'minLength',\n      value: length,\n      message: message || `Minimum length is ${length} characters`,\n    });\n  }\n\n  static maxLength(length: number, message?: string): ValidatorConfig {\n    return new ValidatorConfig({\n      type: 'maxLength',\n      value: length,\n      message: message || `Maximum length is ${length} characters`,\n    });\n  }\n\n  static min(value: number, message?: string): ValidatorConfig {\n    return new ValidatorConfig({\n      type: 'min',\n      value,\n      message: message || `Minimum value is ${value}`,\n    });\n  }\n\n  static max(value: number, message?: string): ValidatorConfig {\n    return new ValidatorConfig({\n      type: 'max',\n      value,\n      message: message || `Maximum value is ${value}`,\n    });\n  }\n\n  static pattern(pattern: string, message = 'Invalid format'): ValidatorConfig {\n    return new ValidatorConfig({ type: 'pattern', value: pattern, message });\n  }\n\n  static custom(\n    validator: (value: any) => boolean | Promise<boolean>,\n    message = 'Invalid value',\n  ): ValidatorConfig {\n    return new ValidatorConfig({\n      type: 'custom',\n      customValidator: validator,\n      message,\n    });\n  }\n}\n\nexport type BaseFieldConstructorConfig = ConstructorParameters<\n  typeof BaseFieldConfig\n>[0];\n\nexport abstract class BaseFieldConfig {\n  key: string;\n  label: string;\n  type: FieldType;\n  required: boolean;\n  disabled: boolean;\n  readonly: boolean;\n  hidden: boolean;\n  placeholder: string;\n  hint: string;\n  cssClass: string;\n  validators: ValidatorConfig[];\n  order: number;\n\n  defaultValue?: any;\n\n  customTemplate: string;\n\n  constructor(config: {\n    key?: string;\n    label?: string;\n    type: FieldType;\n    required?: boolean;\n    disabled?: boolean;\n    readonly?: boolean;\n    hidden?: boolean;\n    placeholder?: string;\n    hint?: string;\n    cssClass?: string;\n    validators?: ValidatorConfig[];\n    order?: number;\n    defaultValue?: any;\n  }) {\n    this.key = config.key || 'Key';\n    this.label = config.label || '';\n    this.type = config.type;\n    this.required = config.required || false;\n    this.disabled = config.disabled || false;\n    this.readonly = config.readonly || false;\n    this.hidden = config.hidden || false;\n    this.placeholder = config.placeholder || '';\n    this.hint = config.hint || '';\n    this.cssClass = config.cssClass || '';\n    this.validators = config.validators || [];\n    this.order = config.order || 0;\n    this.defaultValue = config.defaultValue;\n  }\n}\n\n// Specific configurations for different field types\nexport class TextFieldConfig extends BaseFieldConfig {\n  inputType: 'text' | 'email';\n\n  constructor(\n    config: Omit<BaseFieldConstructorConfig, 'type'> & {\n      inputType?: 'text' | 'email';\n    },\n  ) {\n    super({ ...config, type: 'text' });\n    this.inputType = config.inputType || 'text';\n  }\n}\n\nexport class TextareaFieldConfig extends BaseFieldConfig {\n  rows: number;\n  autoResize: boolean;\n\n  constructor(\n    config: Omit<BaseFieldConstructorConfig, 'type'> & {\n      rows?: number;\n      autoResize?: boolean;\n    },\n  ) {\n    super({ ...config, type: 'textarea' });\n    this.rows = config.rows || 3;\n    this.autoResize = config.autoResize || false;\n  }\n}\n\nexport class SelectFieldConfig extends BaseFieldConfig {\n  options: any[];\n  optionLabel: string;\n  optionValue: string;\n  multiple: boolean;\n  filter: boolean;\n  filterBy: string;\n  filterPlaceholder: string;\n  showClear: boolean;\n  emptyMessage: string;\n\n  constructor(\n    config: Omit<BaseFieldConstructorConfig, 'type'> & {\n      options: any[];\n      optionLabel?: string;\n      optionValue?: string;\n      multiple?: boolean;\n      filter?: boolean;\n      filterBy?: string;\n      filterPlaceholder?: string;\n      showClear?: boolean;\n      emptyMessage?: string;\n    },\n  ) {\n    super({ ...config, type: 'select' });\n    this.options = config.options;\n    this.optionLabel = config.optionLabel || 'label';\n    this.optionValue = config.optionValue || 'value';\n    this.multiple = config.multiple || false;\n    this.filter = config.filter || false;\n    this.filterBy = config.filterBy || '';\n    this.filterPlaceholder = config.filterPlaceholder || 'Search...';\n    this.showClear = config.showClear || false;\n    this.emptyMessage = config.emptyMessage || 'No options available';\n  }\n}\n\nexport class DateFieldConfig extends BaseFieldConfig {\n  dateFormat: string;\n  showTime: boolean;\n  showSeconds: boolean;\n  hourFormat: '12' | '24';\n  minDate?: Date;\n  maxDate?: Date;\n  disabledDates: Date[];\n  disabledDays: number[];\n  yearRange: string;\n  showIcon: boolean;\n  icon: string;\n  showButtonBar: boolean;\n  showClear: boolean;\n  inline: boolean;\n\n  constructor(\n    config: Omit<BaseFieldConstructorConfig, 'type'> & {\n      dateFormat?: string;\n      showTime?: boolean;\n      showSeconds?: boolean;\n      hourFormat?: '12' | '24';\n      minDate?: Date;\n      maxDate?: Date;\n      disabledDates?: Date[];\n      disabledDays?: number[];\n      yearRange?: string;\n      showIcon?: boolean;\n      icon?: string;\n      showButtonBar?: boolean;\n      showClear?: boolean;\n      inline?: boolean;\n    },\n  ) {\n    super({ ...config, type: 'date' });\n    this.dateFormat = config.dateFormat || 'yyyy-mm-dd';\n    this.showTime = config.showTime || false;\n    this.showSeconds = config.showSeconds || false;\n    this.hourFormat = config.hourFormat || '24';\n    this.minDate = config.minDate;\n    this.maxDate = config.maxDate;\n    this.disabledDates = config.disabledDates || [];\n    this.disabledDays = config.disabledDays || [];\n    this.yearRange = config.yearRange || '1900:2030';\n    this.showIcon = config.showIcon || true;\n    this.icon = config.icon || 'pi pi-calendar';\n    this.showButtonBar = config.showButtonBar || false;\n    this.showClear = config.showClear || true;\n    this.inline = config.inline || false;\n  }\n}\n\nexport class NumberFieldConfig extends BaseFieldConfig {\n  min?: number;\n  max?: number;\n  step?: number;\n  prefix?: string;\n  suffix?: string;\n  currency?: string;\n  locale?: string;\n  minFractionDigits?: number;\n  maxFractionDigits?: number;\n  useGrouping?: boolean;\n  showButtons?: boolean;\n  buttonLayout?: 'stacked' | 'horizontal';\n  incrementButtonClass?: string;\n  decrementButtonClass?: string;\n  incrementButtonIcon?: string;\n  decrementButtonIcon?: string;\n\n  constructor(\n    config: Omit<BaseFieldConstructorConfig, 'type'> & {\n      min?: number;\n      max?: number;\n      step?: number;\n      prefix?: string;\n      suffix?: string;\n      currency?: string;\n      locale?: string;\n      minFractionDigits?: number;\n      maxFractionDigits?: number;\n      useGrouping?: boolean;\n      showButtons?: boolean;\n      buttonLayout?: 'stacked' | 'horizontal';\n      incrementButtonClass?: string;\n      decrementButtonClass?: string;\n      incrementButtonIcon?: string;\n      decrementButtonIcon?: string;\n    },\n  ) {\n    super({ ...config, type: 'number' });\n    this.min = config.min;\n    this.max = config.max;\n    this.step = config.step || 1;\n    this.prefix = config.prefix;\n    this.suffix = config.suffix;\n    this.currency = config.currency;\n    this.locale = config.locale;\n    this.minFractionDigits = config.minFractionDigits;\n    this.maxFractionDigits = config.maxFractionDigits;\n    this.useGrouping = config.useGrouping || false;\n    this.showButtons = config.showButtons || false;\n    this.buttonLayout = config.buttonLayout || 'stacked';\n    this.incrementButtonClass = config.incrementButtonClass;\n    this.decrementButtonClass = config.decrementButtonClass;\n    this.incrementButtonIcon = config.incrementButtonIcon;\n    this.decrementButtonIcon = config.decrementButtonIcon;\n  }\n}\n\nexport class SliderFieldConfig extends BaseFieldConfig {\n  min?: number;\n  max?: number;\n  step?: number;\n  orientation?: 'horizontal' | 'vertical';\n  range?: boolean;\n  animate?: boolean;\n\n  constructor(\n    config: Omit<BaseFieldConstructorConfig, 'type'> & {\n      min?: number;\n      max?: number;\n      step?: number;\n      orientation?: 'horizontal' | 'vertical';\n      range?: boolean;\n      animate?: boolean;\n    },\n  ) {\n    super({ ...config, type: 'slider' });\n    this.min = config.min || 0;\n    this.max = config.max || 100;\n    this.step = config.step || 1;\n    this.orientation = config.orientation || 'horizontal';\n    this.range = config.range || false;\n    this.animate = config.animate || false;\n  }\n}\n\nexport class MultiSelectFieldConfig extends BaseFieldConfig {\n  options: any[];\n  optionLabel: string;\n  optionValue: string;\n  filter: boolean;\n  filterBy: string;\n  filterPlaceholder: string;\n  showClear: boolean;\n  emptyMessage: string;\n  display?: 'comma' | 'chip';\n  maxSelectedLabels?: number;\n  selectedItemsLabel?: string;\n  showToggleAll?: boolean;\n  resetFilterOnHide?: boolean;\n\n  constructor(\n    config: Omit<BaseFieldConstructorConfig, 'type'> & {\n      options: any[];\n      optionLabel?: string;\n      optionValue?: string;\n      filter?: boolean;\n      filterBy?: string;\n      filterPlaceholder?: string;\n      showClear?: boolean;\n      emptyMessage?: string;\n      display?: 'comma' | 'chip';\n      maxSelectedLabels?: number;\n      selectedItemsLabel?: string;\n      showToggleAll?: boolean;\n      resetFilterOnHide?: boolean;\n    },\n  ) {\n    super({ ...config, type: 'multi-select' });\n    this.options = config.options;\n    this.optionLabel = config.optionLabel || 'label';\n    this.optionValue = config.optionValue || 'value';\n    this.filter = config.filter || false;\n    this.filterBy = config.filterBy || '';\n    this.filterPlaceholder = config.filterPlaceholder || 'Search...';\n    this.showClear = config.showClear || false;\n    this.emptyMessage = config.emptyMessage || 'No options available';\n    this.display = config.display || 'comma';\n    this.maxSelectedLabels = config.maxSelectedLabels || 3;\n    this.selectedItemsLabel = config.selectedItemsLabel || '{0} items selected';\n    this.showToggleAll = config.showToggleAll || true;\n    this.resetFilterOnHide = config.resetFilterOnHide || false;\n  }\n}\n\nexport class CheckboxFieldConfig extends BaseFieldConfig {\n  binary?: boolean;\n  trueValue?: any;\n  falseValue?: any;\n  checkboxIcon?: string;\n\n  constructor(\n    config: Omit<BaseFieldConstructorConfig, 'type'> & {\n      binary?: boolean;\n      trueValue?: any;\n      falseValue?: any;\n      checkboxIcon?: string;\n    },\n  ) {\n    super({ ...config, type: 'checkbox' });\n    this.binary = config.binary !== false; // Default to true\n    this.trueValue = config.trueValue !== undefined ? config.trueValue : true;\n    this.falseValue =\n      config.falseValue !== undefined ? config.falseValue : false;\n    this.checkboxIcon = config.checkboxIcon;\n  }\n}\n\nexport class ColorPickerFieldConfig extends BaseFieldConfig {\n  format?: 'hex' | 'rgb' | 'hsb';\n  inline?: boolean;\n  appendTo?: any;\n\n  constructor(\n    config: Omit<BaseFieldConstructorConfig, 'type'> & {\n      format?: 'hex' | 'rgb' | 'hsb';\n      inline?: boolean;\n      appendTo?: any;\n    },\n  ) {\n    super({ ...config, type: 'color-picker' });\n    this.format = config.format || 'hex';\n    this.inline = config.inline || false;\n    this.appendTo = config.appendTo || 'body';\n  }\n}\n\nexport class IconFieldConfig extends BaseFieldConfig {\n  constructor(config: Omit<BaseFieldConstructorConfig, 'type'> & {}) {\n    super({ ...config, type: 'icon-field' });\n  }\n}\n\n// Union type for all field configurations\nexport type DynamicFieldConfig = {\n  [K in keyof (TextFieldConfig &\n    TextareaFieldConfig &\n    SelectFieldConfig &\n    DateFieldConfig &\n    NumberFieldConfig &\n    SliderFieldConfig &\n    MultiSelectFieldConfig &\n    CheckboxFieldConfig &\n    ColorPickerFieldConfig &\n    IconFieldConfig &\n    BaseFieldConfig)]?: (TextFieldConfig &\n    TextareaFieldConfig &\n    SelectFieldConfig &\n    DateFieldConfig &\n    NumberFieldConfig &\n    SliderFieldConfig &\n    MultiSelectFieldConfig &\n    CheckboxFieldConfig &\n    ColorPickerFieldConfig &\n    IconFieldConfig &\n    BaseFieldConfig)[K];\n};\n\n// Layout configuration\nexport interface LayoutConfig {\n  containerClass?: string;\n  sectionClass?: string;\n  fieldClass?: string;\n}\n\n// Simplified form configuration interface\nexport interface DynamicFormConfig {\n  sections: SectionConfig[];\n  layout?: LayoutConfig;\n}\nexport interface SectionConfig {\n  key?: string;\n  label?: string;\n  type: 'none' | 'header';\n  cssClass?: string;\n  bodyClass?: string;\n  headerClass?: string;\n\n  order?: number;\n  fields: DynamicFieldConfig[];\n}\n\nexport function createCustomValidator(\n  customValidator: (value: any) => boolean | Promise<boolean>,\n  message?: string,\n): ValidatorFn {\n  return (control: AbstractControl): ValidationErrors | null => {\n    const result = customValidator(control.value);\n\n    if (result instanceof Promise) {\n      // Handle async validation\n      result.then((isValid) => {\n        if (!isValid) {\n          control.setErrors({\n            custom: { message: message || 'Invalid value' },\n          });\n        }\n      });\n      return null; // For async, return null initially\n    } else {\n      // Handle sync validation\n      return result\n        ? null\n        : { custom: { message: message || 'Invalid value' } };\n    }\n  };\n}\n\nexport function wrapValidatorWithMessage(\n  validator: ValidatorFn,\n  errorKey: string,\n  message: string,\n): ValidatorFn {\n  return (control: AbstractControl): ValidationErrors | null => {\n    const result = validator(control);\n    if (result) {\n      // Replace the default error with custom message\n      return { [errorKey]: { ...result[Object.keys(result)[0]], message } };\n    }\n    return null;\n  };\n}\n// DynamicFieldConfig = input.required<any>({\n//   transform: (value: any) => this.transformToDateFieldConfig(value)\n// });\n// transformToDateFieldConfig(value: any){\n// return  new TextFieldConfig()\n// }\n","/*\n * Public API Surface of components\n */\n\nexport * from './lib/config/providemt';\nexport * from './lib/config/povide-messages';\nexport * from './lib/utils/theme';\nexport * from './lib/utils/inputs';\nexport * from './lib/config/dynamic-form.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@masterteam/components",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "publishConfig": {
     "directory": ".",
     "linkDirectory": false,
@@ -38,61 +38,61 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/masterteam-components.mjs"
     },
-    "./button-group": {
-      "types": "./button-group/index.d.ts",
-      "default": "./fesm2022/masterteam-components-button-group.mjs"
+    "./avatar-text": {
+      "types": "./avatar-text/index.d.ts",
+      "default": "./fesm2022/masterteam-components-avatar-text.mjs"
+    },
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "default": "./fesm2022/masterteam-components-avatar.mjs"
+    },
+    "./breadcrumb": {
+      "types": "./breadcrumb/index.d.ts",
+      "default": "./fesm2022/masterteam-components-breadcrumb.mjs"
     },
     "./button": {
       "types": "./button/index.d.ts",
       "default": "./fesm2022/masterteam-components-button.mjs"
     },
-    "./avatar-text": {
-      "types": "./avatar-text/index.d.ts",
-      "default": "./fesm2022/masterteam-components-avatar-text.mjs"
-    },
-    "./chip": {
-      "types": "./chip/index.d.ts",
-      "default": "./fesm2022/masterteam-components-chip.mjs"
+    "./button-group": {
+      "types": "./button-group/index.d.ts",
+      "default": "./fesm2022/masterteam-components-button-group.mjs"
     },
     "./card": {
       "types": "./card/index.d.ts",
       "default": "./fesm2022/masterteam-components-card.mjs"
     },
-    "./checkbox-field": {
-      "types": "./checkbox-field/index.d.ts",
-      "default": "./fesm2022/masterteam-components-checkbox-field.mjs"
-    },
-    "./avatar": {
-      "types": "./avatar/index.d.ts",
-      "default": "./fesm2022/masterteam-components-avatar.mjs"
-    },
     "./color-picker-field": {
       "types": "./color-picker-field/index.d.ts",
       "default": "./fesm2022/masterteam-components-color-picker-field.mjs"
     },
-    "./editor-field": {
-      "types": "./editor-field/index.d.ts",
-      "default": "./fesm2022/masterteam-components-editor-field.mjs"
+    "./chip": {
+      "types": "./chip/index.d.ts",
+      "default": "./fesm2022/masterteam-components-chip.mjs"
+    },
+    "./checkbox-field": {
+      "types": "./checkbox-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-checkbox-field.mjs"
     },
     "./date-field": {
       "types": "./date-field/index.d.ts",
       "default": "./fesm2022/masterteam-components-date-field.mjs"
     },
-    "./icon-field": {
-      "types": "./icon-field/index.d.ts",
-      "default": "./fesm2022/masterteam-components-icon-field.mjs"
-    },
-    "./formula-builder": {
-      "types": "./formula-builder/index.d.ts",
-      "default": "./fesm2022/masterteam-components-formula-builder.mjs"
+    "./editor-field": {
+      "types": "./editor-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-editor-field.mjs"
     },
     "./field-validation": {
       "types": "./field-validation/index.d.ts",
       "default": "./fesm2022/masterteam-components-field-validation.mjs"
     },
-    "./multi-select-field": {
-      "types": "./multi-select-field/index.d.ts",
-      "default": "./fesm2022/masterteam-components-multi-select-field.mjs"
+    "./formula-builder": {
+      "types": "./formula-builder/index.d.ts",
+      "default": "./fesm2022/masterteam-components-formula-builder.mjs"
+    },
+    "./icon-field": {
+      "types": "./icon-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-icon-field.mjs"
     },
     "./list": {
       "types": "./list/index.d.ts",
@@ -102,6 +102,30 @@
       "types": "./number-field/index.d.ts",
       "default": "./fesm2022/masterteam-components-number-field.mjs"
     },
+    "./multi-select-field": {
+      "types": "./multi-select-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-multi-select-field.mjs"
+    },
+    "./paginator": {
+      "types": "./paginator/index.d.ts",
+      "default": "./fesm2022/masterteam-components-paginator.mjs"
+    },
+    "./radio-cards": {
+      "types": "./radio-cards/index.d.ts",
+      "default": "./fesm2022/masterteam-components-radio-cards.mjs"
+    },
+    "./radio-button-field": {
+      "types": "./radio-button-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-radio-button-field.mjs"
+    },
+    "./radio-cards-field": {
+      "types": "./radio-cards-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-radio-cards-field.mjs"
+    },
+    "./tabs": {
+      "types": "./tabs/index.d.ts",
+      "default": "./fesm2022/masterteam-components-tabs.mjs"
+    },
     "./select-field": {
       "types": "./select-field/index.d.ts",
       "default": "./fesm2022/masterteam-components-select-field.mjs"
@@ -110,25 +134,21 @@
       "types": "./slider-field/index.d.ts",
       "default": "./fesm2022/masterteam-components-slider-field.mjs"
     },
-    "./text-field": {
-      "types": "./text-field/index.d.ts",
-      "default": "./fesm2022/masterteam-components-text-field.mjs"
-    },
-    "./tabs": {
-      "types": "./tabs/index.d.ts",
-      "default": "./fesm2022/masterteam-components-tabs.mjs"
-    },
     "./textarea-field": {
       "types": "./textarea-field/index.d.ts",
       "default": "./fesm2022/masterteam-components-textarea-field.mjs"
     },
-    "./toast": {
-      "types": "./toast/index.d.ts",
-      "default": "./fesm2022/masterteam-components-toast.mjs"
+    "./text-field": {
+      "types": "./text-field/index.d.ts",
+      "default": "./fesm2022/masterteam-components-text-field.mjs"
     },
     "./toggle-field": {
       "types": "./toggle-field/index.d.ts",
       "default": "./fesm2022/masterteam-components-toggle-field.mjs"
+    },
+    "./toast": {
+      "types": "./toast/index.d.ts",
+      "default": "./fesm2022/masterteam-components-toast.mjs"
     }
   }
 }

package/paginator/index.d.ts

@@ -0,0 +1,20 @@
+import * as _angular_core from '@angular/core';
+
+declare class Paginator {
+    readonly rows: _angular_core.ModelSignal<number>;
+    readonly totalRecords: _angular_core.InputSignal<number>;
+    readonly first: _angular_core.ModelSignal<number>;
+    readonly page: _angular_core.ModelSignal<number>;
+    readonly rowsPerPageOptions: _angular_core.InputSignal<number[] | undefined>;
+    readonly showFirstLastIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly showCurrentPageReport: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly fluid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly pageLinkSize: _angular_core.InputSignal<number | undefined>;
+    readonly alwaysShow: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly onPageChange: _angular_core.OutputEmitterRef<any>;
+    onPaginatorChange(event: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Paginator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Paginator, "mt-paginator", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "first": { "alias": "first"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; "showFirstLastIcon": { "alias": "showFirstLastIcon"; "required": false; "isSignal": true; }; "showCurrentPageReport": { "alias": "showCurrentPageReport"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "pageLinkSize": { "alias": "pageLinkSize"; "required": false; "isSignal": true; }; "alwaysShow": { "alias": "alwaysShow"; "required": false; "isSignal": true; }; }, { "rows": "rowsChange"; "first": "firstChange"; "page": "pageChange"; "onPageChange": "onPageChange"; }, never, never, true, never>;
+}
+
+export { Paginator };

package/radio-button-field/index.d.ts

@@ -0,0 +1,40 @@
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor, NgControl, Validators } from '@angular/forms';
+import { RadioButton } from 'primeng/radiobutton';
+import { isInvalid } from '@masterteam/components';
+
+interface radioOptions {
+    label: string;
+    value: string;
+}
+declare class RadioButtonField implements ControlValueAccessor {
+    radioButton: RadioButton;
+    labelPosition: _angular_core.InputSignal<"top" | "start" | "end" | "bottom">;
+    readonly: _angular_core.InputSignal<boolean>;
+    pInputs: _angular_core.InputSignal<Partial<RadioButton> | undefined>;
+    required: _angular_core.InputSignal<boolean>;
+    options: _angular_core.InputSignal<radioOptions[]>;
+    size: _angular_core.InputSignal<"small" | "large" | undefined>;
+    label: _angular_core.InputSignal<string | undefined>;
+    onChange: _angular_core.OutputEmitterRef<string>;
+    ngControl: NgControl;
+    isInvalid: typeof isInvalid;
+    isVertical: _angular_core.Signal<boolean>;
+    requiredValidator: typeof Validators.required;
+    value: _angular_core.WritableSignal<string | null>;
+    disabled: _angular_core.WritableSignal<boolean>;
+    onTouched: () => void;
+    onModelChange: (value: string | null) => void;
+    constructor();
+    applyInputsToRadioButton(): void;
+    onValueChange(value: string | null): void;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(disabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioButtonField, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioButtonField, "mt-radio-button-field", never, { "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "pInputs": { "alias": "pInputs"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, true, never>;
+}
+
+export { RadioButtonField };
+export type { radioOptions };

package/radio-cards/index.d.ts

@@ -0,0 +1,36 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { MTIcon } from '@masterteam/icons';
+
+interface RadioItem {
+    id: string | number;
+    name?: string;
+    active?: boolean;
+    icon?: MTIcon;
+    [key: string]: any;
+}
+declare class RadioCards {
+    circle: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    color: _angular_core.InputSignalWithTransform<string, string>;
+    size: _angular_core.InputSignalWithTransform<"medium" | "xs" | "base" | "2xl", "medium" | "small" | "large">;
+    avatarSize: _angular_core.Signal<"large" | "normal" | "xlarge">;
+    options: _angular_core.ModelSignal<RadioItem[]>;
+    activeId: _angular_core.ModelSignal<string | number | undefined>;
+    selectionChange: _angular_core.OutputEmitterRef<RadioItem>;
+    itemTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
+    itemTemplateContent: _angular_core.Signal<TemplateRef<any> | undefined>;
+    /**
+     * A computed signal that generates the dynamic Tailwind CSS classes
+     * for the active state based on the color input.
+     */
+    protected activeColorClasses: _angular_core.Signal<{
+        [x: string]: boolean;
+    }>;
+    constructor();
+    selectItem(item: RadioItem): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioCards, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioCards, "mt-radio-cards", never, { "circle": { "alias": "circle"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "activeId": { "alias": "activeId"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; }, { "options": "optionsChange"; "activeId": "activeIdChange"; "selectionChange": "selectionChange"; }, ["itemTemplateContent"], never, true, never>;
+}
+
+export { RadioCards };
+export type { RadioItem };

package/radio-cards-field/index.d.ts

@@ -0,0 +1,30 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { ControlValueAccessor, Validators, NgControl } from '@angular/forms';
+import { RadioItem } from '@masterteam/components/radio-cards';
+
+declare class RadioCardsField implements ControlValueAccessor {
+    readonly circle: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly color: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<"small" | "medium" | "large">;
+    readonly options: _angular_core.InputSignal<RadioItem[]>;
+    readonly itemTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected selectedId: _angular_core.WritableSignal<string | number | null>;
+    protected isDisabled: _angular_core.WritableSignal<boolean>;
+    requiredValidator: typeof Validators.required;
+    ngControl: NgControl | null;
+    constructor();
+    private onChange;
+    private onTouched;
+    writeValue(value: string | number): void;
+    registerOnChange(fn: (value: string | number) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onSelectionChange(selectedItem: RadioItem): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioCardsField, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioCardsField, "mt-radio-cards-field", never, { "circle": { "alias": "circle"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; }, {}, ["itemTemplate"], never, true, never>;
+}
+
+export { RadioCardsField };