@masterteam/components 0.0.15 → 0.0.17

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,12 @@
+import * as _angular_core from '@angular/core';
+import { MenuItem } from 'primeng/api';
+
+declare class Breadcrumb {
+    readonly items: _angular_core.InputSignal<MenuItem[]>;
+    readonly home: _angular_core.InputSignal<MenuItem>;
+    readonly styleClass: _angular_core.InputSignal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Breadcrumb, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Breadcrumb, "mt-breadcrumb", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "home": { "alias": "home"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { Breadcrumb };

package/button/index.d.ts

@@ -5,6 +5,7 @@ import { MTIcon } from '@masterteam/icons';
 declare class Button {
     readonly iconText: _angular_core.InputSignal<MTIcon | undefined>;
     readonly label: _angular_core.InputSignal<string | undefined>;
+    readonly tooltip: _angular_core.InputSignal<string | undefined>;
     readonly class: _angular_core.InputSignal<string>;
     readonly type: _angular_core.InputSignal<string>;
     readonly severity: _angular_core.InputSignal<ButtonSeverity>;
@@ -28,7 +29,7 @@ declare class Button {
     onFocus: _angular_core.OutputEmitterRef<FocusEvent>;
     onBlur: _angular_core.OutputEmitterRef<FocusEvent>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Button, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Button, "mt-button", never, { "iconText": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "badgeSeverity": { "alias": "badgeSeverity"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "iconPos": { "alias": "iconPos"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "raised": { "alias": "raised"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "plain": { "alias": "plain"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "pInputs": { "alias": "pInputs"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Button, "mt-button", never, { "iconText": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "badgeSeverity": { "alias": "badgeSeverity"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "iconPos": { "alias": "iconPos"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "raised": { "alias": "raised"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "plain": { "alias": "plain"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "pInputs": { "alias": "pInputs"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, never, never, true, never>;
 }
 
 export { Button };

package/fesm2022/masterteam-components-breadcrumb.mjs

@@ -0,0 +1,26 @@
+import * as i0 from '@angular/core';
+import { input, Component } from '@angular/core';
+import * as i1 from 'primeng/breadcrumb';
+import { BreadcrumbModule } from 'primeng/breadcrumb';
+
+class Breadcrumb {
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    home = input({ icon: 'pi pi-home' }, ...(ngDevMode ? [{ debugName: "home" }] : []));
+    styleClass = input(undefined, ...(ngDevMode ? [{ debugName: "styleClass" }] : []));
+    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.1.0", version: "20.1.3", type: Breadcrumb, isStandalone: true, selector: "mt-breadcrumb", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, home: { classPropertyName: "home", publicName: "home", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "styleClass()" }, classAttribute: "grid gap-1" }, ngImport: i0, template: "<p-breadcrumb [model]=\"items()\" [home]=\"home()\" />\n", styles: [""], dependencies: [{ kind: "ngmodule", type: BreadcrumbModule }, { kind: "component", type: i1.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: Breadcrumb, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-breadcrumb', standalone: true, imports: [BreadcrumbModule], host: {
+                        class: 'grid gap-1',
+                        '[class]': 'styleClass()',
+                    }, template: "<p-breadcrumb [model]=\"items()\" [home]=\"home()\" />\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 } from '@angular/core';\nimport { MenuItem } from 'primeng/api';\nimport { BreadcrumbModule } from 'primeng/breadcrumb';\n\n@Component({\n  selector: 'mt-breadcrumb',\n  standalone: true,\n  imports: [BreadcrumbModule],\n  templateUrl: './breadcrumb.html',\n  styleUrls: ['./breadcrumb.scss'],\n  host: {\n    class: 'grid gap-1',\n    '[class]': 'styleClass()',\n  },\n})\nexport class Breadcrumb {\n  readonly items = input<MenuItem[]>([]);\n  readonly home = input<MenuItem>({ icon: 'pi pi-home' });\n  readonly styleClass = input<string | undefined>(undefined);\n}\n","<p-breadcrumb [model]=\"items()\" [home]=\"home()\" />\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAea,UAAU,CAAA;AACZ,IAAA,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC;IAC7B,IAAI,GAAG,KAAK,CAAW,EAAE,IAAI,EAAE,YAAY,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AAC9C,IAAA,UAAU,GAAG,KAAK,CAAqB,SAAS,sDAAC;uGAH/C,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAV,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,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,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,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,cAAA,EAAA,EAAA,cAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECfvB,0DACA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDMY,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,YAAA,EAAA,MAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAQf,UAAU,EAAA,UAAA,EAAA,CAAA;kBAXtB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,cACb,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,CAAC,EAAA,IAAA,EAGrB;AACJ,wBAAA,KAAK,EAAE,YAAY;AACnB,wBAAA,SAAS,EAAE,cAAc;AAC1B,qBAAA,EAAA,QAAA,EAAA,0DAAA,EAAA;;;AEbH;;AAEG;;;;"}

package/fesm2022/masterteam-components-button.mjs

@@ -3,11 +3,13 @@ import { input, booleanAttribute, output, Component } from '@angular/core';
 import * as i1 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
 import { Icon } from '@masterteam/icons';
+import { Tooltip } from 'primeng/tooltip';
 
 class Button {
     // eslint-disable-next-line @angular-eslint/no-input-rename
     iconText = input(undefined, ...(ngDevMode ? [{ debugName: "iconText", alias: 'icon' }] : [{ alias: 'icon' }]));
     label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+    tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : []));
     class = input('', ...(ngDevMode ? [{ debugName: "class" }] : []));
     type = input('button', ...(ngDevMode ? [{ debugName: "type" }] : []));
     severity = input(...(ngDevMode ? [undefined, { debugName: "severity" }] : []));
@@ -51,14 +53,14 @@ class Button {
     onFocus = output();
     onBlur = output();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: Button, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: Button, isStandalone: true, selector: "mt-button", inputs: { iconText: { classPropertyName: "iconText", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, badgeSeverity: { classPropertyName: "badgeSeverity", publicName: "badgeSeverity", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconPos: { classPropertyName: "iconPos", publicName: "iconPos", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, fluid: { classPropertyName: "fluid", publicName: "fluid", isSignal: true, isRequired: false, transformFunction: null }, raised: { classPropertyName: "raised", publicName: "raised", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, plain: { classPropertyName: "plain", publicName: "plain", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur" }, host: { properties: { "class.w-full": "fluid()" }, classAttribute: "grid gap-1" }, ngImport: i0, template: "<p-button\n  [fluid]=\"fluid()\"\n  [severity]=\"severity()\"\n  [size]=\"size()\"\n  [label]=\"label()\"\n  [iconPos]=\"iconPos()\"\n  [type]=\"type()\"\n  [badge]=\"badge()\"\n  [badgeSeverity]=\"badgeSeverity()\"\n  [variant]=\"variant()\"\n  [loading]=\"loading()\"\n  [disabled]=\"disabled()\"\n  [link]=\"link()\"\n  [plain]=\"plain()\"\n  [text]=\"text()\"\n  [raised]=\"raised()\"\n  [outlined]=\"outlined()\"\n  [rounded]=\"rounded()\"\n  [autofocus]=\"autofocus()\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\"\n>\n  @if (iconText()) {\n    <ng-template #icon>\n      <mt-icon\n        [class.order-1]=\"iconPos() === 'end' || iconPos() === 'bottom'\"\n        [icon]=\"iconText()\"\n      />\n    </ng-template>\n  }\n\n  <!-- <ng-template #loadingicon> -->\n  <!--   <mt-icon -->\n  <!--     class=\"p-icon-spin\" -->\n  <!--     [class.order-1]=\"iconPos() === 'end' || iconPos() === 'bottom'\" -->\n  <!--     icon=\"general.loading-01\" -->\n  <!--   /> -->\n  <!-- </ng-template> -->\n</p-button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: Button, isStandalone: true, selector: "mt-button", inputs: { iconText: { classPropertyName: "iconText", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, badgeSeverity: { classPropertyName: "badgeSeverity", publicName: "badgeSeverity", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconPos: { classPropertyName: "iconPos", publicName: "iconPos", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, fluid: { classPropertyName: "fluid", publicName: "fluid", isSignal: true, isRequired: false, transformFunction: null }, raised: { classPropertyName: "raised", publicName: "raised", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, plain: { classPropertyName: "plain", publicName: "plain", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur" }, host: { properties: { "class.w-full": "fluid()" }, classAttribute: "grid gap-1" }, ngImport: i0, template: "<p-button\n  [fluid]=\"fluid()\"\n  [severity]=\"severity()\"\n  [size]=\"size()\"\n  [label]=\"label()\"\n  [pTooltip]=\"tooltip()\"\n  tooltipPosition=\"top\"\n  [iconPos]=\"iconPos()\"\n  [type]=\"type()\"\n  [badge]=\"badge()\"\n  [badgeSeverity]=\"badgeSeverity()\"\n  [variant]=\"variant()\"\n  [loading]=\"loading()\"\n  [disabled]=\"disabled()\"\n  [link]=\"link()\"\n  [plain]=\"plain()\"\n  [text]=\"text()\"\n  [raised]=\"raised()\"\n  [outlined]=\"outlined()\"\n  [rounded]=\"rounded()\"\n  [autofocus]=\"autofocus()\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\"\n>\n  @if (iconText()) {\n    <ng-template #icon>\n      <mt-icon\n        [class.order-1]=\"iconPos() === 'end' || iconPos() === 'bottom'\"\n        [icon]=\"iconText()\"\n      />\n    </ng-template>\n  }\n\n  <!-- <ng-template #loadingicon> -->\n  <!--   <mt-icon -->\n  <!--     class=\"p-icon-spin\" -->\n  <!--     [class.order-1]=\"iconPos() === 'end' || iconPos() === 'bottom'\" -->\n  <!--     icon=\"general.loading-01\" -->\n  <!--   /> -->\n  <!-- </ng-template> -->\n</p-button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: Button, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-button', standalone: true, imports: [ButtonModule, Icon], host: {
+            args: [{ selector: 'mt-button', standalone: true, imports: [ButtonModule, Icon, Tooltip], host: {
                         class: 'grid gap-1',
                         '[class.w-full]': 'fluid()',
-                    }, template: "<p-button\n  [fluid]=\"fluid()\"\n  [severity]=\"severity()\"\n  [size]=\"size()\"\n  [label]=\"label()\"\n  [iconPos]=\"iconPos()\"\n  [type]=\"type()\"\n  [badge]=\"badge()\"\n  [badgeSeverity]=\"badgeSeverity()\"\n  [variant]=\"variant()\"\n  [loading]=\"loading()\"\n  [disabled]=\"disabled()\"\n  [link]=\"link()\"\n  [plain]=\"plain()\"\n  [text]=\"text()\"\n  [raised]=\"raised()\"\n  [outlined]=\"outlined()\"\n  [rounded]=\"rounded()\"\n  [autofocus]=\"autofocus()\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\"\n>\n  @if (iconText()) {\n    <ng-template #icon>\n      <mt-icon\n        [class.order-1]=\"iconPos() === 'end' || iconPos() === 'bottom'\"\n        [icon]=\"iconText()\"\n      />\n    </ng-template>\n  }\n\n  <!-- <ng-template #loadingicon> -->\n  <!--   <mt-icon -->\n  <!--     class=\"p-icon-spin\" -->\n  <!--     [class.order-1]=\"iconPos() === 'end' || iconPos() === 'bottom'\" -->\n  <!--     icon=\"general.loading-01\" -->\n  <!--   /> -->\n  <!-- </ng-template> -->\n</p-button>\n" }]
+                    }, template: "<p-button\n  [fluid]=\"fluid()\"\n  [severity]=\"severity()\"\n  [size]=\"size()\"\n  [label]=\"label()\"\n  [pTooltip]=\"tooltip()\"\n  tooltipPosition=\"top\"\n  [iconPos]=\"iconPos()\"\n  [type]=\"type()\"\n  [badge]=\"badge()\"\n  [badgeSeverity]=\"badgeSeverity()\"\n  [variant]=\"variant()\"\n  [loading]=\"loading()\"\n  [disabled]=\"disabled()\"\n  [link]=\"link()\"\n  [plain]=\"plain()\"\n  [text]=\"text()\"\n  [raised]=\"raised()\"\n  [outlined]=\"outlined()\"\n  [rounded]=\"rounded()\"\n  [autofocus]=\"autofocus()\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\"\n>\n  @if (iconText()) {\n    <ng-template #icon>\n      <mt-icon\n        [class.order-1]=\"iconPos() === 'end' || iconPos() === 'bottom'\"\n        [icon]=\"iconText()\"\n      />\n    </ng-template>\n  }\n\n  <!-- <ng-template #loadingicon> -->\n  <!--   <mt-icon -->\n  <!--     class=\"p-icon-spin\" -->\n  <!--     [class.order-1]=\"iconPos() === 'end' || iconPos() === 'bottom'\" -->\n  <!--     icon=\"general.loading-01\" -->\n  <!--   /> -->\n  <!-- </ng-template> -->\n</p-button>\n" }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-button.mjs","sources":["../../../../packages/masterteam/components/button/button.ts","../../../../packages/masterteam/components/button/button.html","../../../../packages/masterteam/components/button/masterteam-components-button.ts"],"sourcesContent":["import { Component, input, booleanAttribute, output } from '@angular/core';\nimport { ButtonModule, ButtonProps, ButtonSeverity } from 'primeng/button';\nimport { Icon, MTIcon } from '@masterteam/icons';\n\n@Component({\n  selector: 'mt-button',\n  standalone: true,\n  imports: [ButtonModule, Icon],\n  templateUrl: './button.html',\n  styleUrls: ['./button.scss'],\n  host: {\n    class: 'grid gap-1',\n    '[class.w-full]': 'fluid()',\n  },\n})\nexport class Button {\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  readonly iconText = input<MTIcon>(undefined, { alias: 'icon' });\n  readonly label = input<string>();\n  readonly class = input<string>('');\n  readonly type = input<string>('button');\n  readonly severity = input<ButtonSeverity>();\n  readonly badge = input<string>();\n  readonly variant = input<'text' | 'outlined' | undefined>();\n  readonly badgeSeverity = input<\n    | 'info'\n    | 'success'\n    | 'warn'\n    | 'danger'\n    | 'secondary'\n    | 'contrast'\n    | 'help'\n    | 'primary'\n  >('secondary');\n  readonly size = input<'small' | 'large' | undefined>();\n  readonly iconPos = input<'top' | 'bottom' | 'end' | undefined>();\n  readonly autofocus = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly fluid = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly raised = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly rounded = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly text = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly plain = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly outlined = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly link = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly disabled = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly loading = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly pInputs = input<Partial<ButtonProps>>();\n\n  onClick = output<MouseEvent>();\n  onFocus = output<FocusEvent>();\n  onBlur = output<FocusEvent>();\n}\n","<p-button\n  [fluid]=\"fluid()\"\n  [severity]=\"severity()\"\n  [size]=\"size()\"\n  [label]=\"label()\"\n  [iconPos]=\"iconPos()\"\n  [type]=\"type()\"\n  [badge]=\"badge()\"\n  [badgeSeverity]=\"badgeSeverity()\"\n  [variant]=\"variant()\"\n  [loading]=\"loading()\"\n  [disabled]=\"disabled()\"\n  [link]=\"link()\"\n  [plain]=\"plain()\"\n  [text]=\"text()\"\n  [raised]=\"raised()\"\n  [outlined]=\"outlined()\"\n  [rounded]=\"rounded()\"\n  [autofocus]=\"autofocus()\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\"\n>\n  @if (iconText()) {\n    <ng-template #icon>\n      <mt-icon\n        [class.order-1]=\"iconPos() === 'end' || iconPos() === 'bottom'\"\n        [icon]=\"iconText()\"\n      />\n    </ng-template>\n  }\n\n  <!-- <ng-template #loadingicon> -->\n  <!--   <mt-icon -->\n  <!--     class=\"p-icon-spin\" -->\n  <!--     [class.order-1]=\"iconPos() === 'end' || iconPos() === 'bottom'\" -->\n  <!--     icon=\"general.loading-01\" -->\n  <!--   /> -->\n  <!-- </ng-template> -->\n</p-button>\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-button.mjs","sources":["../../../../packages/masterteam/components/button/button.ts","../../../../packages/masterteam/components/button/button.html","../../../../packages/masterteam/components/button/masterteam-components-button.ts"],"sourcesContent":["import { Component, input, booleanAttribute, output } from '@angular/core';\nimport { ButtonModule, ButtonProps, ButtonSeverity } from 'primeng/button';\nimport { Icon, MTIcon } from '@masterteam/icons';\nimport { Tooltip } from 'primeng/tooltip';\n\n@Component({\n  selector: 'mt-button',\n  standalone: true,\n  imports: [ButtonModule, Icon, Tooltip],\n  templateUrl: './button.html',\n  styleUrls: ['./button.scss'],\n  host: {\n    class: 'grid gap-1',\n    '[class.w-full]': 'fluid()',\n  },\n})\nexport class Button {\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  readonly iconText = input<MTIcon>(undefined, { alias: 'icon' });\n  readonly label = input<string>();\n  readonly tooltip = input<string>();\n  readonly class = input<string>('');\n  readonly type = input<string>('button');\n  readonly severity = input<ButtonSeverity>();\n  readonly badge = input<string>();\n  readonly variant = input<'text' | 'outlined' | undefined>();\n  readonly badgeSeverity = input<\n    | 'info'\n    | 'success'\n    | 'warn'\n    | 'danger'\n    | 'secondary'\n    | 'contrast'\n    | 'help'\n    | 'primary'\n  >('secondary');\n  readonly size = input<'small' | 'large' | undefined>();\n  readonly iconPos = input<'top' | 'bottom' | 'end' | undefined>();\n  readonly autofocus = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly fluid = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly raised = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly rounded = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly text = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly plain = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly outlined = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly link = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly disabled = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly loading = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly pInputs = input<Partial<ButtonProps>>();\n\n  onClick = output<MouseEvent>();\n  onFocus = output<FocusEvent>();\n  onBlur = output<FocusEvent>();\n}\n","<p-button\n  [fluid]=\"fluid()\"\n  [severity]=\"severity()\"\n  [size]=\"size()\"\n  [label]=\"label()\"\n  [pTooltip]=\"tooltip()\"\n  tooltipPosition=\"top\"\n  [iconPos]=\"iconPos()\"\n  [type]=\"type()\"\n  [badge]=\"badge()\"\n  [badgeSeverity]=\"badgeSeverity()\"\n  [variant]=\"variant()\"\n  [loading]=\"loading()\"\n  [disabled]=\"disabled()\"\n  [link]=\"link()\"\n  [plain]=\"plain()\"\n  [text]=\"text()\"\n  [raised]=\"raised()\"\n  [outlined]=\"outlined()\"\n  [rounded]=\"rounded()\"\n  [autofocus]=\"autofocus()\"\n  (onClick)=\"onClick.emit($event)\"\n  (onFocus)=\"onFocus.emit($event)\"\n  (onBlur)=\"onBlur.emit($event)\"\n>\n  @if (iconText()) {\n    <ng-template #icon>\n      <mt-icon\n        [class.order-1]=\"iconPos() === 'end' || iconPos() === 'bottom'\"\n        [icon]=\"iconText()\"\n      />\n    </ng-template>\n  }\n\n  <!-- <ng-template #loadingicon> -->\n  <!--   <mt-icon -->\n  <!--     class=\"p-icon-spin\" -->\n  <!--     [class.order-1]=\"iconPos() === 'end' || iconPos() === 'bottom'\" -->\n  <!--     icon=\"general.loading-01\" -->\n  <!--   /> -->\n  <!-- </ng-template> -->\n</p-button>\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-formula-builder.mjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-formula-builder.mjs","sources":["../../../../packages/masterteam/components/formula-builder/formula-builder.utils.ts","../../../../packages/masterteam/components/formula-builder/formula-builder.ts","../../../../packages/masterteam/components/formula-builder/formula-builder.html","../../../../packages/masterteam/components/formula-builder/masterteam-components-formula-builder.ts"],"sourcesContent":["export const types = {\n  function: {\n    bg: 'var(--p-green-50)',\n    border: 'var(--p-green-500)',\n  },\n  value: {\n    bg: 'var(--p-purple-100)',\n    border: 'var(--p-purple-500)',\n  },\n  field: {\n    bg: 'var(--p-orange-50)',\n    border: 'var(--p-orange-500)',\n  },\n  operator: {\n    bg: 'var(--p-primary-50)',\n    border: 'var(--p-primary-500)',\n  },\n};\n\nexport const operators = [\n  {\n    key: '+',\n    name: '+',\n    type: 'operator',\n  },\n  {\n    key: '-',\n    name: '-',\n    type: 'operator',\n  },\n  {\n    key: '*',\n    name: '×',\n    type: 'operator',\n  },\n  {\n    key: '/',\n    name: '÷',\n    type: 'operator',\n  },\n  // {\n  //   key: '==',\n  //   name: '=',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '!=',\n  //   name: '≠',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '<',\n  //   name: '<',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '<=',\n  //   name: '≤',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '>',\n  //   name: '>',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '>=',\n  //   name: '≥',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '||',\n  //   name: '||',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '&&',\n  //   name: '&&',\n  //   type: 'operator',\n  // },\n  {\n    key: '(',\n    name: '(',\n    type: 'operator',\n  },\n  {\n    key: ')',\n    name: ')',\n    type: 'operator',\n  },\n  {\n    key: ',',\n    name: ',',\n    type: 'operator',\n  },\n  {\n    key: ';',\n    name: ';',\n    type: 'operator',\n  },\n];\n","import {\n  booleanAttribute,\n  Component,\n  computed,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  FormsModule,\n  // NG_ASYNC_VALIDATORS,\n  // NG_VALUE_ACCESSOR,\n  ValidationErrors,\n} from '@angular/forms';\nimport {\n  CdkDragDrop,\n  DragDropModule,\n  moveItemInArray,\n} from '@angular/cdk/drag-drop';\nimport { Button } from '@masterteam/components/button';\nimport { InputTextModule } from 'primeng/inputtext';\nimport { ChipModule } from 'primeng/chip';\n// import { TranslateModule, TranslateService } from '@ngx-translate/core';\nimport { HttpClient } from '@angular/common/http';\nimport { catchError, EMPTY, map, Observable, of } from 'rxjs';\nimport { operators, types } from './formula-builder.utils';\nimport { SelectField } from '@masterteam/components/select-field';\nimport { InputGroupModule } from 'primeng/inputgroup';\nimport { InputGroupAddonModule } from 'primeng/inputgroupaddon';\nimport { TextField } from '@masterteam/components/text-field';\n\nexport interface FormulaBuilderProperty {\n  key: string;\n  name: string;\n  dataType: string;\n}\n\n@Component({\n  selector: 'mt-formula-builder',\n  standalone: true,\n  imports: [\n    FormsModule,\n    SelectField,\n    InputTextModule,\n    Button,\n    ChipModule,\n    // TranslateModule,\n    DragDropModule,\n    InputGroupModule,\n    InputGroupAddonModule,\n    TextField,\n  ],\n  // providers: [\n  //   {\n  //     provide: NG_VALUE_ACCESSOR,\n  //     multi: true,\n  //     useExisting: FormulaBuilder,\n  //   },\n  //   {\n  //     provide: NG_ASYNC_VALIDATORS,\n  //     multi: true,\n  //     useExisting: FormulaBuilder,\n  //   },\n  // ],\n  templateUrl: './formula-builder.html',\n  styleUrls: ['./formula-builder.scss'],\n})\nexport class FormulaBuilder implements ControlValueAccessor {\n  hideTitle = input<boolean, unknown>(false, { transform: booleanAttribute });\n  properties = input<FormulaBuilderProperty[]>([]);\n  // validationUrl = input<string>('app/checkformula');\n  validationUrl = input<string>();\n\n  httpClient: HttpClient = inject(HttpClient);\n  // translateService: TranslateService = inject(TranslateService);\n\n  // functions = computed(() => []);\n  protected readonly functions: any[] = [\n    {\n      // name: this.translateService.instant('formula-builder.count'),\n      name: 'formula-builder.count',\n      key: 'count',\n      hint: '',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.sum'),\n      name: 'formula-builder.sum',\n      key: 'sum',\n      hint: '',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.average'),\n      name: 'formula-builder.average',\n      key: 'average',\n      hint: '',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.count-value'),\n      name: 'formula-builder.count-value',\n      key: 'countvalue',\n      // hint: this.translateService.instant('formula-builder.count-value-hint'),\n      hint: 'formula-builder.count-value-hint',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.average-count'),\n      name: 'formula-builder.average-count',\n      key: 'averagecount',\n      // hint: this.translateService.instant('formula-builder.average-count-hint'),\n      hint: 'formula-builder.average-count-hint',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.mode'),\n      name: 'formula-builder.mode',\n      key: 'mode',\n      // hint: this.translateService.instant('formula-builder.mode-hint'),\n      hint: 'formula-builder.mode-hint',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.median'),\n      name: 'formula-builder.median',\n      key: 'median',\n      // hint: this.translateService.instant('formula-builder.median-hint'),\n      hint: 'formula-builder.median-hint',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.standard-deviation'),\n      name: 'formula-builder.standard-deviation',\n      key: 'stddev',\n      hint: '',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.min-max'),\n      name: 'formula-builder.min-max',\n      key: 'range',\n      // hint: this.translateService.instant('formula-builder.min-max-hint'),\n      hint: 'formula-builder.min-max-hint',\n    },\n  ];\n  selectedLookup = signal<any>(null);\n  formula = signal<any[]>([]);\n  disabled = signal<boolean>(false);\n  touched = signal<boolean>(false);\n  types = types;\n  operators = operators;\n\n  formulaText = computed<string>(() => {\n    return '';\n  });\n\n  onChange(_formula: string) {}\n\n  onTouched() {}\n\n  emitChange() {\n    const str = this.formula()\n      .map((x) => x.key)\n      .join(' ');\n    this.onChange(str);\n  }\n\n  onAdd(item: any) {\n    this.markAsTouched();\n    if (!this.disabled()) {\n      this.formula.update((formula) => [...formula, item]);\n      this.emitChange();\n    }\n  }\n\n  onRemove(index: number) {\n    this.markAsTouched();\n    if (!this.disabled()) {\n      this.formula.update((formula) => {\n        formula.splice(index, 1);\n        return formula;\n      });\n\n      this.emitChange();\n    }\n  }\n\n  onAddProperty(property: any, dropdown: SelectField) {\n    if (!property?.key) return;\n    this.onAdd({\n      key: property.key,\n      name: property.name,\n      type: 'field',\n      dataType: property?.dataType,\n    });\n    // TODO: fix input clearing\n    dropdown?.clearSelection();\n    this.selectedLookup.set(null);\n  }\n\n  onAddValue(el: TextField) {\n    this.onAdd({\n      key: el.value(),\n      name: el.value(),\n      type: 'value',\n    });\n    el.value.set('');\n  }\n\n  onAddFunction(func: any, dropdown: SelectField) {\n    if (!func?.key) return;\n    this.onAdd({\n      key: func.key,\n      name: func.name,\n      type: 'function',\n    });\n    dropdown?.clearSelection();\n  }\n\n  writeValue(formulaString: string): void {\n    if (formulaString) {\n      this.formula.set(this.parseStringToItems(formulaString));\n    }\n  }\n\n  registerOnChange(onChange: any) {\n    this.onChange = onChange;\n  }\n\n  registerOnTouched(onTouched: any) {\n    this.onTouched = onTouched;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled.set(isDisabled);\n  }\n\n  markAsTouched() {\n    if (!this.touched()) {\n      this.onTouched();\n      this.touched.set(true);\n    }\n  }\n\n  validate(control: AbstractControl): Observable<ValidationErrors | null> {\n    const formula = control.value;\n\n    if (this.validationUrl()) {\n      const res$ = this.httpClient.post<any>(this.validationUrl() as string, {\n        formula,\n      });\n      return res$.pipe(\n        map(({ data }) => {\n          return data ? null : { mustBeValidFormula: formula };\n        }),\n        catchError(() => {\n          return EMPTY;\n        }),\n      );\n    } else {\n      return of(null);\n    }\n  }\n\n  drop(event: CdkDragDrop<any[]>) {\n    this.formula.update((formula) => {\n      moveItemInArray(formula, event.previousIndex, event.currentIndex);\n      return formula;\n    });\n  }\n\n  parseStringToItems(strValue: string): any[] {\n    if (!strValue || !strValue.trim()) return [];\n\n    const tokens = strValue.split(/\\s+/);\n    const results: any[] = [];\n\n    tokens.forEach((token) => {\n      let found: any = this.operators.find((el) => el.key === token);\n\n      if (found) {\n        results.push(found);\n        return;\n      }\n\n      found = this.functions.find((el) => el.key === token);\n\n      if (found) {\n        results.push({\n          key: token,\n          name: found.name,\n          type: 'function',\n        });\n\n        return;\n      }\n\n      found = this.properties().find((el) => el.key === token);\n\n      if (found) {\n        results.push({\n          key: token,\n          name: found.name,\n          type: 'field',\n        });\n        return;\n      }\n\n      results.push({\n        key: token,\n        name: token,\n        type: 'value',\n      });\n    });\n\n    return results;\n  }\n}\n","<div class=\"@container w-full flex flex-col gap-2\">\n  @if (!hideTitle()) {\n    <h6 class=\"m-0\" translate>formula-builder.formula-builder</h6>\n  }\n  @if (!disabled()) {\n    <div class=\"grid grid-cols-6 gap-2\">\n      @if (properties()?.length) {\n        <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n          <mt-select-field\n            #propertyDropdown=\"\"\n            (onChange)=\"onAddProperty($event, propertyDropdown)\"\n            label=\"formula-builder.property\"\n            selectId=\"-1\"\n            placeholder=\"{{ 'formula-builder.select-property' }}\"\n            styleClass=\"w-full\"\n            [filter]=\"true\"\n            filterBy=\"name\"\n            [ngModel]=\"null\"\n            [options]=\"properties()\"\n            optionLabel=\"name\"\n            dataKey=\"key\"\n            appendTo=\"body\"\n          ></mt-select-field>\n        </div>\n      }\n      @if (functions?.length) {\n        <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n          <mt-select-field\n            #functionDropdown=\"\"\n            label=\"formula-builder.function\"\n            (onChange)=\"onAddFunction($event, functionDropdown)\"\n            selectId=\"-1\"\n            placeholder=\"{{ 'formula-builder.select-function' }}\"\n            styleClass=\"w-full\"\n            [filter]=\"true\"\n            filterBy=\"name\"\n            [ngModel]=\"null\"\n            [options]=\"functions\"\n            optionLabel=\"name\"\n            dataKey=\"key\"\n            appendTo=\"body\"\n          ></mt-select-field>\n        </div>\n      }\n      <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n        <label for=\"configuration\" translate>formula-builder.operators</label>\n        <div dir=\"ltr\" class=\"flex flex-wrap gap-1\">\n          @for (operator of operators; track operator) {\n            <mt-button\n              type=\"button\"\n              [outlined]=\"true\"\n              [label]=\"operator.name\"\n              (click)=\"onAdd(operator)\"\n            >\n            </mt-button>\n          }\n        </div>\n      </div>\n      <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n        <label for=\"configuration\" translate\n          >formula-builder.custom-value</label\n        >\n        <p-input-group>\n          <mt-text-field\n            #customInput\n            type=\"text\"\n            [field]=\"false\"\n            [placeholder]=\"'formula-builder.custom-value'\"\n            style=\"width: 100%\"\n          ></mt-text-field>\n          <p-inputgroup-addon>\n            <mt-button\n              class=\"\"\n              type=\"button\"\n              (click)=\"onAddValue(customInput)\"\n              [disabled]=\"disabled() || !customInput.value()\"\n              label=\"\"\n              icon=\"general.plus\"\n            ></mt-button>\n          </p-inputgroup-addon>\n        </p-input-group>\n      </div>\n    </div>\n  }\n  <div>\n    <label for=\"configuration\" translate>formula-builder.formula</label>\n    <div\n      dir=\"ltr\"\n      cdkDropList=\"\"\n      cdkDropListOrientation=\"mixed\"\n      [cdkDropListData]=\"formula()\"\n      (cdkDropListDropped)=\"drop($event)\"\n      [cdkDropListDisabled]=\"disabled()\"\n      class=\"flex flex-wrap gap-1 rounded-lg border-1 border-gray-500 bg-gray-50 p-2 formula-preview\"\n    >\n      @for (item of formula(); track item; let i = $index) {\n        <p-chip\n          [style]=\"{\n            background: types[item.type]?.bg ?? 'var(--p-gary-50)',\n            borderColor: types[item.type]?.border ?? 'var(--p-gary-500)',\n          }\"\n          styleClass=\"text-black-alpha-90 border-1 border-round cursor-grab\"\n          [label]=\"item.name\"\n          [removable]=\"!disabled()\"\n          (onRemove)=\"onRemove(i)\"\n          [cdkDragDisabled]=\"disabled()\"\n          cdkDrag=\"\"\n        ></p-chip>\n      }\n    </div>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"masterteam-components-formula-builder.mjs","sources":["../../../../packages/masterteam/components/formula-builder/formula-builder.utils.ts","../../../../packages/masterteam/components/formula-builder/formula-builder.ts","../../../../packages/masterteam/components/formula-builder/formula-builder.html","../../../../packages/masterteam/components/formula-builder/masterteam-components-formula-builder.ts"],"sourcesContent":["export const types = {\n  function: {\n    bg: 'var(--p-green-50)',\n    border: 'var(--p-green-500)',\n  },\n  value: {\n    bg: 'var(--p-purple-100)',\n    border: 'var(--p-purple-500)',\n  },\n  field: {\n    bg: 'var(--p-orange-50)',\n    border: 'var(--p-orange-500)',\n  },\n  operator: {\n    bg: 'var(--p-primary-50)',\n    border: 'var(--p-primary-500)',\n  },\n};\n\nexport const operators = [\n  {\n    key: '+',\n    name: '+',\n    type: 'operator',\n  },\n  {\n    key: '-',\n    name: '-',\n    type: 'operator',\n  },\n  {\n    key: '*',\n    name: '×',\n    type: 'operator',\n  },\n  {\n    key: '/',\n    name: '÷',\n    type: 'operator',\n  },\n  // {\n  //   key: '==',\n  //   name: '=',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '!=',\n  //   name: '≠',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '<',\n  //   name: '<',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '<=',\n  //   name: '≤',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '>',\n  //   name: '>',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '>=',\n  //   name: '≥',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '||',\n  //   name: '||',\n  //   type: 'operator',\n  // },\n  // {\n  //   key: '&&',\n  //   name: '&&',\n  //   type: 'operator',\n  // },\n  {\n    key: '(',\n    name: '(',\n    type: 'operator',\n  },\n  {\n    key: ')',\n    name: ')',\n    type: 'operator',\n  },\n  {\n    key: ',',\n    name: ',',\n    type: 'operator',\n  },\n  {\n    key: ';',\n    name: ';',\n    type: 'operator',\n  },\n];\n","import {\n  booleanAttribute,\n  Component,\n  computed,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  FormsModule,\n  // NG_ASYNC_VALIDATORS,\n  // NG_VALUE_ACCESSOR,\n  ValidationErrors,\n} from '@angular/forms';\nimport {\n  CdkDragDrop,\n  DragDropModule,\n  moveItemInArray,\n} from '@angular/cdk/drag-drop';\nimport { Button } from '@masterteam/components/button';\nimport { InputTextModule } from 'primeng/inputtext';\nimport { ChipModule } from 'primeng/chip';\n// import { TranslateModule, TranslateService } from '@ngx-translate/core';\nimport { HttpClient } from '@angular/common/http';\nimport { catchError, EMPTY, map, Observable, of } from 'rxjs';\nimport { operators, types } from './formula-builder.utils';\nimport { SelectField } from '@masterteam/components/select-field';\nimport { InputGroupModule } from 'primeng/inputgroup';\nimport { InputGroupAddonModule } from 'primeng/inputgroupaddon';\nimport { TextField } from '@masterteam/components/text-field';\n\nexport interface FormulaBuilderProperty {\n  key: string;\n  name: string;\n  dataType: string;\n}\n\n@Component({\n  selector: 'mt-formula-builder',\n  standalone: true,\n  imports: [\n    FormsModule,\n    SelectField,\n    InputTextModule,\n    Button,\n    ChipModule,\n    // TranslateModule,\n    DragDropModule,\n    InputGroupModule,\n    InputGroupAddonModule,\n    TextField,\n  ],\n  // providers: [\n  //   {\n  //     provide: NG_VALUE_ACCESSOR,\n  //     multi: true,\n  //     useExisting: FormulaBuilder,\n  //   },\n  //   {\n  //     provide: NG_ASYNC_VALIDATORS,\n  //     multi: true,\n  //     useExisting: FormulaBuilder,\n  //   },\n  // ],\n  templateUrl: './formula-builder.html',\n  styleUrls: ['./formula-builder.scss'],\n})\nexport class FormulaBuilder implements ControlValueAccessor {\n  hideTitle = input<boolean, unknown>(false, { transform: booleanAttribute });\n  properties = input<FormulaBuilderProperty[]>([]);\n  // validationUrl = input<string>('app/checkformula');\n  validationUrl = input<string>();\n\n  httpClient: HttpClient = inject(HttpClient);\n  // translateService: TranslateService = inject(TranslateService);\n\n  // functions = computed(() => []);\n  protected readonly functions: any[] = [\n    {\n      // name: this.translateService.instant('formula-builder.count'),\n      name: 'formula-builder.count',\n      key: 'count',\n      hint: '',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.sum'),\n      name: 'formula-builder.sum',\n      key: 'sum',\n      hint: '',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.average'),\n      name: 'formula-builder.average',\n      key: 'average',\n      hint: '',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.count-value'),\n      name: 'formula-builder.count-value',\n      key: 'countvalue',\n      // hint: this.translateService.instant('formula-builder.count-value-hint'),\n      hint: 'formula-builder.count-value-hint',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.average-count'),\n      name: 'formula-builder.average-count',\n      key: 'averagecount',\n      // hint: this.translateService.instant('formula-builder.average-count-hint'),\n      hint: 'formula-builder.average-count-hint',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.mode'),\n      name: 'formula-builder.mode',\n      key: 'mode',\n      // hint: this.translateService.instant('formula-builder.mode-hint'),\n      hint: 'formula-builder.mode-hint',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.median'),\n      name: 'formula-builder.median',\n      key: 'median',\n      // hint: this.translateService.instant('formula-builder.median-hint'),\n      hint: 'formula-builder.median-hint',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.standard-deviation'),\n      name: 'formula-builder.standard-deviation',\n      key: 'stddev',\n      hint: '',\n    },\n    {\n      // name: this.translateService.instant('formula-builder.min-max'),\n      name: 'formula-builder.min-max',\n      key: 'range',\n      // hint: this.translateService.instant('formula-builder.min-max-hint'),\n      hint: 'formula-builder.min-max-hint',\n    },\n  ];\n  selectedLookup = signal<any>(null);\n  formula = signal<any[]>([]);\n  disabled = signal<boolean>(false);\n  touched = signal<boolean>(false);\n  types = types;\n  operators = operators;\n\n  formulaText = computed<string>(() => {\n    return '';\n  });\n\n  onChange(_formula: string) {}\n\n  onTouched() {}\n\n  emitChange() {\n    const str = this.formula()\n      .map((x) => x.key)\n      .join(' ');\n    this.onChange(str);\n  }\n\n  onAdd(item: any) {\n    this.markAsTouched();\n    if (!this.disabled()) {\n      this.formula.update((formula) => [...formula, item]);\n      this.emitChange();\n    }\n  }\n\n  onRemove(index: number) {\n    this.markAsTouched();\n    if (!this.disabled()) {\n      this.formula.update((formula) => {\n        formula.splice(index, 1);\n        return formula;\n      });\n\n      this.emitChange();\n    }\n  }\n\n  onAddProperty(property: any, dropdown: SelectField) {\n    if (!property?.key) return;\n    this.onAdd({\n      key: property.key,\n      name: property.name,\n      type: 'field',\n      dataType: property?.dataType,\n    });\n    // TODO: fix input clearing\n    dropdown?.clearSelection();\n    this.selectedLookup.set(null);\n  }\n\n  onAddValue(el: TextField) {\n    this.onAdd({\n      key: el.value(),\n      name: el.value(),\n      type: 'value',\n    });\n    el.value.set('');\n  }\n\n  onAddFunction(func: any, dropdown: SelectField) {\n    if (!func?.key) return;\n    this.onAdd({\n      key: func.key,\n      name: func.name,\n      type: 'function',\n    });\n    dropdown?.clearSelection();\n  }\n\n  writeValue(formulaString: string): void {\n    if (formulaString) {\n      this.formula.set(this.parseStringToItems(formulaString));\n    }\n  }\n\n  registerOnChange(onChange: any) {\n    this.onChange = onChange;\n  }\n\n  registerOnTouched(onTouched: any) {\n    this.onTouched = onTouched;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled.set(isDisabled);\n  }\n\n  markAsTouched() {\n    if (!this.touched()) {\n      this.onTouched();\n      this.touched.set(true);\n    }\n  }\n\n  validate(control: AbstractControl): Observable<ValidationErrors | null> {\n    const formula = control.value;\n\n    if (this.validationUrl()) {\n      const res$ = this.httpClient.post<any>(this.validationUrl() as string, {\n        formula,\n      });\n      return res$.pipe(\n        map(({ data }) => {\n          return data ? null : { mustBeValidFormula: formula };\n        }),\n        catchError(() => {\n          return EMPTY;\n        }),\n      );\n    } else {\n      return of(null);\n    }\n  }\n\n  drop(event: CdkDragDrop<any[]>) {\n    this.formula.update((formula) => {\n      moveItemInArray(formula, event.previousIndex, event.currentIndex);\n      return formula;\n    });\n  }\n\n  parseStringToItems(strValue: string): any[] {\n    if (!strValue || !strValue.trim()) return [];\n\n    const tokens = strValue.split(/\\s+/);\n    const results: any[] = [];\n\n    tokens.forEach((token) => {\n      let found: any = this.operators.find((el) => el.key === token);\n\n      if (found) {\n        results.push(found);\n        return;\n      }\n\n      found = this.functions.find((el) => el.key === token);\n\n      if (found) {\n        results.push({\n          key: token,\n          name: found.name,\n          type: 'function',\n        });\n\n        return;\n      }\n\n      found = this.properties().find((el) => el.key === token);\n\n      if (found) {\n        results.push({\n          key: token,\n          name: found.name,\n          type: 'field',\n        });\n        return;\n      }\n\n      results.push({\n        key: token,\n        name: token,\n        type: 'value',\n      });\n    });\n\n    return results;\n  }\n}\n","<div class=\"@container w-full flex flex-col gap-2\">\n  @if (!hideTitle()) {\n    <h6 class=\"m-0\" translate>formula-builder.formula-builder</h6>\n  }\n  @if (!disabled()) {\n    <div class=\"grid grid-cols-6 gap-2\">\n      @if (properties()?.length) {\n        <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n          <mt-select-field\n            #propertyDropdown=\"\"\n            (onChange)=\"onAddProperty($event, propertyDropdown)\"\n            label=\"formula-builder.property\"\n            selectId=\"-1\"\n            placeholder=\"{{ 'formula-builder.select-property' }}\"\n            styleClass=\"w-full\"\n            [filter]=\"true\"\n            filterBy=\"name\"\n            [ngModel]=\"null\"\n            [options]=\"properties()\"\n            optionLabel=\"name\"\n            dataKey=\"key\"\n            appendTo=\"body\"\n          ></mt-select-field>\n        </div>\n      }\n      @if (functions?.length) {\n        <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n          <mt-select-field\n            #functionDropdown=\"\"\n            label=\"formula-builder.function\"\n            (onChange)=\"onAddFunction($event, functionDropdown)\"\n            selectId=\"-1\"\n            placeholder=\"{{ 'formula-builder.select-function' }}\"\n            styleClass=\"w-full\"\n            [filter]=\"true\"\n            filterBy=\"name\"\n            [ngModel]=\"null\"\n            [options]=\"functions\"\n            optionLabel=\"name\"\n            dataKey=\"key\"\n            appendTo=\"body\"\n          ></mt-select-field>\n        </div>\n      }\n      <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n        <label for=\"configuration\" translate>formula-builder.operators</label>\n        <div dir=\"ltr\" class=\"flex flex-wrap gap-1\">\n          @for (operator of operators; track operator) {\n            <mt-button\n              type=\"button\"\n              [outlined]=\"true\"\n              [label]=\"operator.name\"\n              (click)=\"onAdd(operator)\"\n            >\n            </mt-button>\n          }\n        </div>\n      </div>\n      <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n        <label for=\"configuration\" translate\n          >formula-builder.custom-value</label\n        >\n        <p-input-group>\n          <mt-text-field\n            #customInput\n            type=\"text\"\n            [field]=\"false\"\n            [placeholder]=\"'formula-builder.custom-value'\"\n            style=\"width: 100%\"\n          ></mt-text-field>\n          <p-inputgroup-addon>\n            <mt-button\n              class=\"\"\n              type=\"button\"\n              (click)=\"onAddValue(customInput)\"\n              [disabled]=\"disabled() || !customInput.value()\"\n              label=\"\"\n              icon=\"general.plus\"\n            ></mt-button>\n          </p-inputgroup-addon>\n        </p-input-group>\n      </div>\n    </div>\n  }\n  <div>\n    <label for=\"configuration\" translate>formula-builder.formula</label>\n    <div\n      dir=\"ltr\"\n      cdkDropList=\"\"\n      cdkDropListOrientation=\"mixed\"\n      [cdkDropListData]=\"formula()\"\n      (cdkDropListDropped)=\"drop($event)\"\n      [cdkDropListDisabled]=\"disabled()\"\n      class=\"flex flex-wrap gap-1 rounded-lg border-1 border-gray-500 bg-gray-50 p-2 formula-preview\"\n    >\n      @for (item of formula(); track item; let i = $index) {\n        <p-chip\n          [style]=\"{\n            background: types[item.type]?.bg ?? 'var(--p-gary-50)',\n            borderColor: types[item.type]?.border ?? 'var(--p-gary-500)',\n          }\"\n          styleClass=\"text-black-alpha-90 border-1 border-round cursor-grab\"\n          [label]=\"item.name\"\n          [removable]=\"!disabled()\"\n          (onRemove)=\"onRemove(i)\"\n          [cdkDragDisabled]=\"disabled()\"\n          cdkDrag=\"\"\n        ></p-chip>\n      }\n    </div>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAO,MAAM,KAAK,GAAG;AACnB,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,mBAAmB;AACvB,QAAA,MAAM,EAAE,oBAAoB;AAC7B,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,EAAE,EAAE,qBAAqB;AACzB,QAAA,MAAM,EAAE,qBAAqB;AAC9B,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,EAAE,EAAE,oBAAoB;AACxB,QAAA,MAAM,EAAE,qBAAqB;AAC9B,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,qBAAqB;AACzB,QAAA,MAAM,EAAE,sBAAsB;AAC/B,KAAA;CACF;AAEM,MAAM,SAAS,GAAG;AACvB,IAAA;AACE,QAAA,GAAG,EAAE,GAAG;AACR,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,IAAI,EAAE,UAAU;AACjB,KAAA;AACD,IAAA;AACE,QAAA,GAAG,EAAE,GAAG;AACR,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,IAAI,EAAE,UAAU;AACjB,KAAA;AACD,IAAA;AACE,QAAA,GAAG,EAAE,GAAG;AACR,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,IAAI,EAAE,UAAU;AACjB,KAAA;AACD,IAAA;AACE,QAAA,GAAG,EAAE,GAAG;AACR,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,IAAI,EAAE,UAAU;AACjB,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCD,IAAA;AACE,QAAA,GAAG,EAAE,GAAG;AACR,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,IAAI,EAAE,UAAU;AACjB,KAAA;AACD,IAAA;AACE,QAAA,GAAG,EAAE,GAAG;AACR,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,IAAI,EAAE,UAAU;AACjB,KAAA;AACD,IAAA;AACE,QAAA,GAAG,EAAE,GAAG;AACR,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,IAAI,EAAE,UAAU;AACjB,KAAA;AACD,IAAA;AACE,QAAA,GAAG,EAAE,GAAG;AACR,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,IAAI,EAAE,UAAU;AACjB,KAAA;CACF;;MC/BY,cAAc,CAAA;AACzB,IAAA,SAAS,GAAG,KAAK,CAAmB,KAAK,6CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAC3E,IAAA,UAAU,GAAG,KAAK,CAA2B,EAAE,sDAAC;;IAEhD,aAAa,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,eAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAE/B,IAAA,UAAU,GAAe,MAAM,CAAC,UAAU,CAAC;;;AAIxB,IAAA,SAAS,GAAU;AACpC,QAAA;;AAEE,YAAA,IAAI,EAAE,uBAAuB;AAC7B,YAAA,GAAG,EAAE,OAAO;AACZ,YAAA,IAAI,EAAE,EAAE;AACT,SAAA;AACD,QAAA;;AAEE,YAAA,IAAI,EAAE,qBAAqB;AAC3B,YAAA,GAAG,EAAE,KAAK;AACV,YAAA,IAAI,EAAE,EAAE;AACT,SAAA;AACD,QAAA;;AAEE,YAAA,IAAI,EAAE,yBAAyB;AAC/B,YAAA,GAAG,EAAE,SAAS;AACd,YAAA,IAAI,EAAE,EAAE;AACT,SAAA;AACD,QAAA;;AAEE,YAAA,IAAI,EAAE,6BAA6B;AACnC,YAAA,GAAG,EAAE,YAAY;;AAEjB,YAAA,IAAI,EAAE,kCAAkC;AACzC,SAAA;AACD,QAAA;;AAEE,YAAA,IAAI,EAAE,+BAA+B;AACrC,YAAA,GAAG,EAAE,cAAc;;AAEnB,YAAA,IAAI,EAAE,oCAAoC;AAC3C,SAAA;AACD,QAAA;;AAEE,YAAA,IAAI,EAAE,sBAAsB;AAC5B,YAAA,GAAG,EAAE,MAAM;;AAEX,YAAA,IAAI,EAAE,2BAA2B;AAClC,SAAA;AACD,QAAA;;AAEE,YAAA,IAAI,EAAE,wBAAwB;AAC9B,YAAA,GAAG,EAAE,QAAQ;;AAEb,YAAA,IAAI,EAAE,6BAA6B;AACpC,SAAA;AACD,QAAA;;AAEE,YAAA,IAAI,EAAE,oCAAoC;AAC1C,YAAA,GAAG,EAAE,QAAQ;AACb,YAAA,IAAI,EAAE,EAAE;AACT,SAAA;AACD,QAAA;;AAEE,YAAA,IAAI,EAAE,yBAAyB;AAC/B,YAAA,GAAG,EAAE,OAAO;;AAEZ,YAAA,IAAI,EAAE,8BAA8B;AACrC,SAAA;KACF;AACD,IAAA,cAAc,GAAG,MAAM,CAAM,IAAI,0DAAC;AAClC,IAAA,OAAO,GAAG,MAAM,CAAQ,EAAE,mDAAC;AAC3B,IAAA,QAAQ,GAAG,MAAM,CAAU,KAAK,oDAAC;AACjC,IAAA,OAAO,GAAG,MAAM,CAAU,KAAK,mDAAC;IAChC,KAAK,GAAG,KAAK;IACb,SAAS,GAAG,SAAS;AAErB,IAAA,WAAW,GAAG,QAAQ,CAAS,MAAK;AAClC,QAAA,OAAO,EAAE;AACX,IAAA,CAAC,uDAAC;IAEF,QAAQ,CAAC,QAAgB,EAAA,EAAG;AAE5B,IAAA,SAAS,KAAI;IAEb,UAAU,GAAA;AACR,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO;aACrB,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG;aAChB,IAAI,CAAC,GAAG,CAAC;AACZ,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;IACpB;AAEA,IAAA,KAAK,CAAC,IAAS,EAAA;QACb,IAAI,CAAC,aAAa,EAAE;AACpB,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;AACpB,YAAA,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,KAAK,CAAC,GAAG,OAAO,EAAE,IAAI,CAAC,CAAC;YACpD,IAAI,CAAC,UAAU,EAAE;QACnB;IACF;AAEA,IAAA,QAAQ,CAAC,KAAa,EAAA;QACpB,IAAI,CAAC,aAAa,EAAE;AACpB,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;YACpB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,KAAI;AAC9B,gBAAA,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AACxB,gBAAA,OAAO,OAAO;AAChB,YAAA,CAAC,CAAC;YAEF,IAAI,CAAC,UAAU,EAAE;QACnB;IACF;IAEA,aAAa,CAAC,QAAa,EAAE,QAAqB,EAAA;QAChD,IAAI,CAAC,QAAQ,EAAE,GAAG;YAAE;QACpB,IAAI,CAAC,KAAK,CAAC;YACT,GAAG,EAAE,QAAQ,CAAC,GAAG;YACjB,IAAI,EAAE,QAAQ,CAAC,IAAI;AACnB,YAAA,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,QAAQ,EAAE,QAAQ;AAC7B,SAAA,CAAC;;QAEF,QAAQ,EAAE,cAAc,EAAE;AAC1B,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC;IAC/B;AAEA,IAAA,UAAU,CAAC,EAAa,EAAA;QACtB,IAAI,CAAC,KAAK,CAAC;AACT,YAAA,GAAG,EAAE,EAAE,CAAC,KAAK,EAAE;AACf,YAAA,IAAI,EAAE,EAAE,CAAC,KAAK,EAAE;AAChB,YAAA,IAAI,EAAE,OAAO;AACd,SAAA,CAAC;AACF,QAAA,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;IAClB;IAEA,aAAa,CAAC,IAAS,EAAE,QAAqB,EAAA;QAC5C,IAAI,CAAC,IAAI,EAAE,GAAG;YAAE;QAChB,IAAI,CAAC,KAAK,CAAC;YACT,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,YAAA,IAAI,EAAE,UAAU;AACjB,SAAA,CAAC;QACF,QAAQ,EAAE,cAAc,EAAE;IAC5B;AAEA,IAAA,UAAU,CAAC,aAAqB,EAAA;QAC9B,IAAI,aAAa,EAAE;AACjB,YAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAAC;QAC1D;IACF;AAEA,IAAA,gBAAgB,CAAC,QAAa,EAAA;AAC5B,QAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;IAC1B;AAEA,IAAA,iBAAiB,CAAC,SAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS;IAC5B;AAEA,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAClC,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC;IAC/B;IAEA,aAAa,GAAA;AACX,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE;YACnB,IAAI,CAAC,SAAS,EAAE;AAChB,YAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;QACxB;IACF;AAEA,IAAA,QAAQ,CAAC,OAAwB,EAAA;AAC/B,QAAA,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK;AAE7B,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE,EAAE;AACxB,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAM,IAAI,CAAC,aAAa,EAAY,EAAE;gBACrE,OAAO;AACR,aAAA,CAAC;YACF,OAAO,IAAI,CAAC,IAAI,CACd,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAI;AACf,gBAAA,OAAO,IAAI,GAAG,IAAI,GAAG,EAAE,kBAAkB,EAAE,OAAO,EAAE;AACtD,YAAA,CAAC,CAAC,EACF,UAAU,CAAC,MAAK;AACd,gBAAA,OAAO,KAAK;YACd,CAAC,CAAC,CACH;QACH;aAAO;AACL,YAAA,OAAO,EAAE,CAAC,IAAI,CAAC;QACjB;IACF;AAEA,IAAA,IAAI,CAAC,KAAyB,EAAA;QAC5B,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,KAAI;YAC9B,eAAe,CAAC,OAAO,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC;AACjE,YAAA,OAAO,OAAO;AAChB,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,kBAAkB,CAAC,QAAgB,EAAA;AACjC,QAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;AAAE,YAAA,OAAO,EAAE;QAE5C,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;QACpC,MAAM,OAAO,GAAU,EAAE;AAEzB,QAAA,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;AACvB,YAAA,IAAI,KAAK,GAAQ,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,KAAK,CAAC;YAE9D,IAAI,KAAK,EAAE;AACT,gBAAA,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;gBACnB;YACF;AAEA,YAAA,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,KAAK,CAAC;YAErD,IAAI,KAAK,EAAE;gBACT,OAAO,CAAC,IAAI,CAAC;AACX,oBAAA,GAAG,EAAE,KAAK;oBACV,IAAI,EAAE,KAAK,CAAC,IAAI;AAChB,oBAAA,IAAI,EAAE,UAAU;AACjB,iBAAA,CAAC;gBAEF;YACF;AAEA,YAAA,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,KAAK,CAAC;YAExD,IAAI,KAAK,EAAE;gBACT,OAAO,CAAC,IAAI,CAAC;AACX,oBAAA,GAAG,EAAE,KAAK;oBACV,IAAI,EAAE,KAAK,CAAC,IAAI;AAChB,oBAAA,IAAI,EAAE,OAAO;AACd,iBAAA,CAAC;gBACF;YACF;YAEA,OAAO,CAAC,IAAI,CAAC;AACX,gBAAA,GAAG,EAAE,KAAK;AACV,gBAAA,IAAI,EAAE,KAAK;AACX,gBAAA,IAAI,EAAE,OAAO;AACd,aAAA,CAAC;AACJ,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,OAAO;IAChB;uGAlPW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrE3B,w4HAgHA,EAAA,MAAA,EAAA,CAAA,s7CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDrEI,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACX,WAAW,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,sBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,EAAA,aAAA,EAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACX,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACf,MAAM,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACN,UAAU,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,KAAA,EAAA,YAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA;;AAEV,gBAAA,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,EAAA,iBAAA,EAAA,wBAAA,EAAA,IAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,4BAAA,EAAA,2BAAA,EAAA,0BAAA,EAAA,+BAAA,EAAA,2BAAA,EAAA,6BAAA,EAAA,sBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,oBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,iBAAA,EAAA,0BAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAChB,qBAAqB,oKACrB,SAAS,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,aAAA,EAAA,OAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,YAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAiBA,cAAc,EAAA,UAAA,EAAA,CAAA;kBA9B1B,SAAS;+BACE,oBAAoB,EAAA,UAAA,EAClB,IAAI,EAAA,OAAA,EACP;wBACP,WAAW;wBACX,WAAW;wBACX,eAAe;wBACf,MAAM;wBACN,UAAU;;wBAEV,cAAc;wBACd,gBAAgB;wBAChB,qBAAqB;wBACrB,SAAS;AACV,qBAAA,EAAA,QAAA,EAAA,w4HAAA,EAAA,MAAA,EAAA,CAAA,s7CAAA,CAAA,EAAA;;;AErDH;;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