@masterteam/components 0.0.59 → 0.0.60

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';\nimport { Tooltip } from '@masterteam/components/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 styleClass = input<string>('');\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  [mtTooltip]=\"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  [styleClass]=\"styleClass()\"\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 '@masterteam/components/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 styleClass = input<string>('');\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  [mtTooltip]=\"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  [styleClass]=\"styleClass()\"\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-card.mjs

@@ -4,22 +4,20 @@ import * as i0 from '@angular/core';
 import { input, booleanAttribute, contentChild, Component } from '@angular/core';
 
 class Card {
-    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : []));
-    title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
-    paddingless = input(false, ...(ngDevMode ? [{ debugName: "paddingless", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
+    class = input('', { ...(ngDevMode ? { debugName: "class" } : {}) });
+    title = input('', { ...(ngDevMode ? { debugName: "title" } : {}) });
+    paddingless = input(false, { ...(ngDevMode ? { debugName: "paddingless" } : {}), transform: booleanAttribute });
     // Content child to get the headless template
-    headless = contentChild('headless', ...(ngDevMode ? [{ debugName: "headless" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: Card, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: Card, isStandalone: true, selector: "mt-card", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, paddingless: { classPropertyName: "paddingless", publicName: "paddingless", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "block bg-content rounded-2xl border-1 border-surface" }, queries: [{ propertyName: "headless", first: true, predicate: ["headless"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"size-full flex flex-col\">\n  @if (headless()) {\n    <!-- Custom headless template -->\n    <ng-container [ngTemplateOutlet]=\"headless()\"></ng-container>\n  } @else {\n    @if (title()) {\n      <!-- Default header with dynamic title -->\n      <div\n        class=\"flex items-center justify-between px-4 py-5 border-b border-surface\"\n      >\n        <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\n      </div>\n    }\n\n    <div class=\"flex-1\" [class.p-4]=\"!paddingless()\">\n      <ng-content></ng-content>\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    headless = contentChild('headless', { ...(ngDevMode ? { debugName: "headless" } : {}) });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Card, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: Card, isStandalone: true, selector: "mt-card", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, paddingless: { classPropertyName: "paddingless", publicName: "paddingless", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "block bg-content rounded-2xl border-1 border-surface" }, queries: [{ propertyName: "headless", first: true, predicate: ["headless"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"size-full flex flex-col\">\n  @if (headless()) {\n    <!-- Custom headless template -->\n    <ng-container [ngTemplateOutlet]=\"headless()\"></ng-container>\n  } @else {\n    @if (title()) {\n      <!-- Default header with dynamic title -->\n      <div\n        class=\"flex items-center justify-between px-4 py-5 border-b border-surface\"\n      >\n        <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\n      </div>\n    }\n\n    <div class=\"flex-1\" [class.p-4]=\"!paddingless()\">\n      <ng-content></ng-content>\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: Card, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Card, decorators: [{
             type: Component,
             args: [{ selector: 'mt-card', standalone: true, imports: [CommonModule], host: {
                         class: 'block bg-content rounded-2xl border-1 border-surface',
                     }, template: "<div class=\"size-full flex flex-col\">\n  @if (headless()) {\n    <!-- Custom headless template -->\n    <ng-container [ngTemplateOutlet]=\"headless()\"></ng-container>\n  } @else {\n    @if (title()) {\n      <!-- Default header with dynamic title -->\n      <div\n        class=\"flex items-center justify-between px-4 py-5 border-b border-surface\"\n      >\n        <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\n      </div>\n    }\n\n    <div class=\"flex-1\" [class.p-4]=\"!paddingless()\">\n      <ng-content></ng-content>\n    </div>\n  }\n</div>\n" }]
-        }] });
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], paddingless: [{ type: i0.Input, args: [{ isSignal: true, alias: "paddingless", required: false }] }], headless: [{ type: i0.ContentChild, args: ['headless', { isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-card.mjs","sources":["../../../../packages/masterteam/components/card/card.ts","../../../../packages/masterteam/components/card/card.html","../../../../packages/masterteam/components/card/masterteam-components-card.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  input,\n  contentChild,\n  TemplateRef,\n  booleanAttribute,\n} from '@angular/core';\n\n@Component({\n  selector: 'mt-card',\n  standalone: true,\n  templateUrl: './card.html',\n  styleUrl: './card.scss',\n  imports: [CommonModule],\n  host: {\n    class: 'block bg-content rounded-2xl border-1 border-surface',\n  },\n})\nexport class Card {\n  readonly class = input<string>('');\n  readonly title = input<string>('');\n  readonly paddingless = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  // Content child to get the headless template\n  headless = contentChild<TemplateRef<any>>('headless');\n}\n","<div class=\"size-full flex flex-col\">\n  @if (headless()) {\n    <!-- Custom headless template -->\n    <ng-container [ngTemplateOutlet]=\"headless()\"></ng-container>\n  } @else {\n    @if (title()) {\n      <!-- Default header with dynamic title -->\n      <div\n        class=\"flex items-center justify-between px-4 py-5 border-b border-surface\"\n      >\n        <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\n      </div>\n    }\n\n    <div class=\"flex-1\" [class.p-4]=\"!paddingless()\">\n      <ng-content></ng-content>\n    </div>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAmBa,IAAI,CAAA;AACN,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;AACzB,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;IACzB,WAAW,GAAG,KAAK,CAAmB,KAAK,+CAClD,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADyB;AACpD,YAAA,SAAS,EAAE,gBAAgB;AAC5B,SAAA,CAAA,CAAA,CAAC;;AAEF,IAAA,QAAQ,GAAG,YAAY,CAAmB,UAAU,oDAAC;uGAP1C,IAAI,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAJ,IAAI,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,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,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,sDAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnBjB,yjBAmBA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDLY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAKX,IAAI,EAAA,UAAA,EAAA,CAAA;kBAVhB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAS,cACP,IAAI,EAAA,OAAA,EAGP,CAAC,YAAY,CAAC,EAAA,IAAA,EACjB;AACJ,wBAAA,KAAK,EAAE,sDAAsD;AAC9D,qBAAA,EAAA,QAAA,EAAA,yjBAAA,EAAA;;;AEjBH;;AAEG;;;;"}
+{"version":3,"file":"masterteam-components-card.mjs","sources":["../../../../packages/masterteam/components/card/card.ts","../../../../packages/masterteam/components/card/card.html","../../../../packages/masterteam/components/card/masterteam-components-card.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  input,\n  contentChild,\n  TemplateRef,\n  booleanAttribute,\n} from '@angular/core';\n\n@Component({\n  selector: 'mt-card',\n  standalone: true,\n  templateUrl: './card.html',\n  styleUrl: './card.scss',\n  imports: [CommonModule],\n  host: {\n    class: 'block bg-content rounded-2xl border-1 border-surface',\n  },\n})\nexport class Card {\n  readonly class = input<string>('');\n  readonly title = input<string>('');\n  readonly paddingless = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  // Content child to get the headless template\n  headless = contentChild<TemplateRef<any>>('headless');\n}\n","<div class=\"size-full flex flex-col\">\n  @if (headless()) {\n    <!-- Custom headless template -->\n    <ng-container [ngTemplateOutlet]=\"headless()\"></ng-container>\n  } @else {\n    @if (title()) {\n      <!-- Default header with dynamic title -->\n      <div\n        class=\"flex items-center justify-between px-4 py-5 border-b border-surface\"\n      >\n        <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\n      </div>\n    }\n\n    <div class=\"flex-1\" [class.p-4]=\"!paddingless()\">\n      <ng-content></ng-content>\n    </div>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAmBa,IAAI,CAAA;AACN,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,mDAAC;AACzB,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,mDAAC;IACzB,WAAW,GAAG,KAAK,CAAmB,KAAK,wDAClD,SAAS,EAAE,gBAAgB,EAAA,CAC3B;;AAEF,IAAA,QAAQ,GAAG,YAAY,CAAmB,UAAU,sDAAC;uGAP1C,IAAI,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAJ,IAAI,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,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,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,sDAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnBjB,yjBAmBA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDLY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAKX,IAAI,EAAA,UAAA,EAAA,CAAA;kBAVhB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAS,cACP,IAAI,EAAA,OAAA,EAGP,CAAC,YAAY,CAAC,EAAA,IAAA,EACjB;AACJ,wBAAA,KAAK,EAAE,sDAAsD;AAC9D,qBAAA,EAAA,QAAA,EAAA,yjBAAA,EAAA;mWASyC,UAAU,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AE1BtD;;AAEG;;;;"}

package/fesm2022/masterteam-components-checkbox-field.mjs

@@ -9,19 +9,19 @@ import { isInvalid } from '@masterteam/components';
 
 class CheckboxField {
     checkbox;
-    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
-    labelPosition = input('end', ...(ngDevMode ? [{ debugName: "labelPosition" }] : []));
-    placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
-    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
-    pInputs = input(...(ngDevMode ? [undefined, { debugName: "pInputs" }] : []));
-    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+    label = input(undefined, { ...(ngDevMode ? { debugName: "label" } : {}) });
+    labelPosition = input('end', { ...(ngDevMode ? { debugName: "labelPosition" } : {}) });
+    placeholder = input(undefined, { ...(ngDevMode ? { debugName: "placeholder" } : {}) });
+    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}) });
+    pInputs = input(undefined, { ...(ngDevMode ? { debugName: "pInputs" } : {}) });
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}) });
     onChange = output();
     ngControl = inject(NgControl, { self: true });
     isInvalid = isInvalid;
-    isVertical = computed(() => this.labelPosition() === 'top' || this.labelPosition() === 'bottom', ...(ngDevMode ? [{ debugName: "isVertical" }] : []));
+    isVertical = computed(() => this.labelPosition() === 'top' || this.labelPosition() === 'bottom', { ...(ngDevMode ? { debugName: "isVertical" } : {}) });
     requiredValidator = Validators.required;
-    value = signal(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
-    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    value = signal(null, { ...(ngDevMode ? { debugName: "value" } : {}) });
+    disabled = signal(false, { ...(ngDevMode ? { debugName: "disabled" } : {}) });
     onTouched = () => { };
     onModelChange = () => { };
     constructor() {
@@ -67,10 +67,10 @@ class CheckboxField {
     setDisabledState(disabled) {
         this.disabled.set(disabled);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: CheckboxField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: CheckboxField, isStandalone: true, selector: "mt-checkbox-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, host: { classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "checkbox", first: true, predicate: ["checkbox"], descendants: true, static: true }], ngImport: i0, template: "<div\n  class=\"flex gap-1\"\n  [class.items-center]=\"!isVertical()\"\n  [class.gap-2]=\"!isVertical()\"\n  [class.flex-col]=\"isVertical()\"\n  [class.flex-col-reverse]=\"labelPosition() === 'top'\"\n  [class.flex-row-reverse]=\"labelPosition() === 'start'\"\n  [class.justify-end]=\"labelPosition() === 'start'\"\n>\n  <p-checkbox\n    #checkbox\n    [ngModel]=\"value()\"\n    (ngModelChange)=\"onValueChange($event)\"\n    (onChange)=\"onChange.emit($event)\"\n    (onBlur)=\"onTouched()\"\n    [disabled]=\"disabled() || readonly()\"\n    [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n    [binary]=\"true\"\n    [invalid]=\"isInvalid(ngControl?.control)\"\n    class=\"leading-none\"\n  ></p-checkbox>\n  @if (label()) {\n    <label\n      [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n      [for]=\"ngControl?.name || label()\"\n      >{{ label() }}</label\n    >\n  }\n</div>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i2.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: CheckboxField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: CheckboxField, isStandalone: true, selector: "mt-checkbox-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, host: { classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "checkbox", first: true, predicate: ["checkbox"], descendants: true, static: true }], ngImport: i0, template: "<div\n  class=\"flex gap-1\"\n  [class.items-center]=\"!isVertical()\"\n  [class.gap-2]=\"!isVertical()\"\n  [class.flex-col]=\"isVertical()\"\n  [class.flex-col-reverse]=\"labelPosition() === 'top'\"\n  [class.flex-row-reverse]=\"labelPosition() === 'start'\"\n  [class.justify-end]=\"labelPosition() === 'start'\"\n>\n  <p-checkbox\n    #checkbox\n    [ngModel]=\"value()\"\n    (ngModelChange)=\"onValueChange($event)\"\n    (onChange)=\"onChange.emit($event)\"\n    (onBlur)=\"onTouched()\"\n    [disabled]=\"disabled() || readonly()\"\n    [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n    [binary]=\"true\"\n    [invalid]=\"isInvalid(ngControl?.control)\"\n    class=\"leading-none\"\n  ></p-checkbox>\n  @if (label()) {\n    <label\n      [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n      [for]=\"ngControl?.name || label()\"\n      >{{ label() }}</label\n    >\n  }\n</div>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i2.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "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: CheckboxField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: CheckboxField, decorators: [{
             type: Component,
             args: [{ selector: 'mt-checkbox-field', standalone: true, imports: [FormsModule, CheckboxModule, FieldValidation], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'grid gap-1',
@@ -78,7 +78,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
         }], ctorParameters: () => [], propDecorators: { checkbox: [{
                 type: ViewChild,
                 args: ['checkbox', { static: true }]
-            }] } });
+            }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelPosition", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], pInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "pInputs", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], onChange: [{ type: i0.Output, args: ["onChange"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/masterteam-components-checkbox-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-checkbox-field.mjs","sources":["../../../../packages/masterteam/components/checkbox-field/checkbox-field.ts","../../../../packages/masterteam/components/checkbox-field/checkbox-field.html","../../../../packages/masterteam/components/checkbox-field/masterteam-components-checkbox-field.ts"],"sourcesContent":["import {\n  Component,\n  ViewChild,\n  signal,\n  input,\n  output,\n  inject,\n  ChangeDetectionStrategy,\n  computed,\n  effect,\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormsModule,\n  NgControl,\n  Validators,\n} from '@angular/forms';\nimport {\n  CheckboxModule,\n  Checkbox,\n  CheckboxChangeEvent,\n} from 'primeng/checkbox';\nimport { FieldValidation } from '@masterteam/components/field-validation';\nimport { isInvalid } from '@masterteam/components';\n\n@Component({\n  selector: 'mt-checkbox-field',\n  standalone: true,\n  imports: [FormsModule, CheckboxModule, FieldValidation],\n  templateUrl: './checkbox-field.html',\n  styleUrls: ['./checkbox-field.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'grid gap-1',\n  },\n})\nexport class CheckboxField implements ControlValueAccessor {\n  @ViewChild('checkbox', { static: true })\n  checkbox: Checkbox;\n\n  label = input<string>();\n  labelPosition = input<'top' | 'start' | 'end' | 'bottom'>('end');\n  placeholder = input<string>();\n  readonly = input<boolean>(false);\n  pInputs = input<Partial<Checkbox>>();\n  required = input<boolean>(false);\n\n  onChange = output<CheckboxChangeEvent>();\n\n  public ngControl = inject(NgControl, { self: true });\n\n  isInvalid = isInvalid;\n\n  isVertical = computed(\n    () => this.labelPosition() === 'top' || this.labelPosition() === 'bottom',\n  );\n\n  requiredValidator = Validators.required;\n  value = signal<boolean | null>(null);\n  disabled = signal<boolean>(false);\n\n  onTouched: () => void = () => {};\n  onModelChange: (value: boolean | null) => void = () => {};\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n\n    // Effect to apply pInputs reactively when the pInputs signal changes\n    effect(() => {\n      const currentPInputs = this.pInputs();\n      // Ensure checkbox ViewChild is initialized and pInputs has a value\n      // @ViewChild with static: true makes 'checkbox' available during construction/ngOnInit\n      if (this.checkbox && currentPInputs) {\n        this.applyInputsToCheckbox();\n      }\n    });\n\n    // Effect to add required validator if required input is true\n    effect(() => {\n      if (this.ngControl?.control && this.required()) {\n        this.ngControl.control.addValidators(Validators.required);\n        this.ngControl.control.updateValueAndValidity();\n      }\n    });\n  }\n\n  applyInputsToCheckbox() {\n    const currentPInputs = this.pInputs();\n    if (currentPInputs) {\n      Object.assign(this.checkbox, currentPInputs);\n    }\n  }\n\n  onValueChange(value: boolean | null) {\n    this.onModelChange(value);\n    this.value.set(value);\n  }\n\n  writeValue(value: boolean | null) {\n    this.value.set(value);\n  }\n\n  registerOnChange(fn: any) {\n    this.onModelChange = fn;\n  }\n\n  registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(disabled: boolean) {\n    this.disabled.set(disabled);\n  }\n}\n","<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-checkbox\n    #checkbox\n    [ngModel]=\"value()\"\n    (ngModelChange)=\"onValueChange($event)\"\n    (onChange)=\"onChange.emit($event)\"\n    (onBlur)=\"onTouched()\"\n    [disabled]=\"disabled() || readonly()\"\n    [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n    [binary]=\"true\"\n    [invalid]=\"isInvalid(ngControl?.control)\"\n    class=\"leading-none\"\n  ></p-checkbox>\n  @if (label()) {\n    <label\n      [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n      [for]=\"ngControl?.name || label()\"\n      >{{ label() }}</label\n    >\n  }\n</div>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n","/**\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-checkbox-field.mjs","sources":["../../../../packages/masterteam/components/checkbox-field/checkbox-field.ts","../../../../packages/masterteam/components/checkbox-field/checkbox-field.html","../../../../packages/masterteam/components/checkbox-field/masterteam-components-checkbox-field.ts"],"sourcesContent":["import {\n  Component,\n  ViewChild,\n  signal,\n  input,\n  output,\n  inject,\n  ChangeDetectionStrategy,\n  computed,\n  effect,\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormsModule,\n  NgControl,\n  Validators,\n} from '@angular/forms';\nimport {\n  CheckboxModule,\n  Checkbox,\n  CheckboxChangeEvent,\n} from 'primeng/checkbox';\nimport { FieldValidation } from '@masterteam/components/field-validation';\nimport { isInvalid } from '@masterteam/components';\n\n@Component({\n  selector: 'mt-checkbox-field',\n  standalone: true,\n  imports: [FormsModule, CheckboxModule, FieldValidation],\n  templateUrl: './checkbox-field.html',\n  styleUrls: ['./checkbox-field.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'grid gap-1',\n  },\n})\nexport class CheckboxField implements ControlValueAccessor {\n  @ViewChild('checkbox', { static: true })\n  checkbox: Checkbox;\n\n  label = input<string>();\n  labelPosition = input<'top' | 'start' | 'end' | 'bottom'>('end');\n  placeholder = input<string>();\n  readonly = input<boolean>(false);\n  pInputs = input<Partial<Checkbox>>();\n  required = input<boolean>(false);\n\n  onChange = output<CheckboxChangeEvent>();\n\n  public ngControl = inject(NgControl, { self: true });\n\n  isInvalid = isInvalid;\n\n  isVertical = computed(\n    () => this.labelPosition() === 'top' || this.labelPosition() === 'bottom',\n  );\n\n  requiredValidator = Validators.required;\n  value = signal<boolean | null>(null);\n  disabled = signal<boolean>(false);\n\n  onTouched: () => void = () => {};\n  onModelChange: (value: boolean | null) => void = () => {};\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n\n    // Effect to apply pInputs reactively when the pInputs signal changes\n    effect(() => {\n      const currentPInputs = this.pInputs();\n      // Ensure checkbox ViewChild is initialized and pInputs has a value\n      // @ViewChild with static: true makes 'checkbox' available during construction/ngOnInit\n      if (this.checkbox && currentPInputs) {\n        this.applyInputsToCheckbox();\n      }\n    });\n\n    // Effect to add required validator if required input is true\n    effect(() => {\n      if (this.ngControl?.control && this.required()) {\n        this.ngControl.control.addValidators(Validators.required);\n        this.ngControl.control.updateValueAndValidity();\n      }\n    });\n  }\n\n  applyInputsToCheckbox() {\n    const currentPInputs = this.pInputs();\n    if (currentPInputs) {\n      Object.assign(this.checkbox, currentPInputs);\n    }\n  }\n\n  onValueChange(value: boolean | null) {\n    this.onModelChange(value);\n    this.value.set(value);\n  }\n\n  writeValue(value: boolean | null) {\n    this.value.set(value);\n  }\n\n  registerOnChange(fn: any) {\n    this.onModelChange = fn;\n  }\n\n  registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(disabled: boolean) {\n    this.disabled.set(disabled);\n  }\n}\n","<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-checkbox\n    #checkbox\n    [ngModel]=\"value()\"\n    (ngModelChange)=\"onValueChange($event)\"\n    (onChange)=\"onChange.emit($event)\"\n    (onBlur)=\"onTouched()\"\n    [disabled]=\"disabled() || readonly()\"\n    [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n    [binary]=\"true\"\n    [invalid]=\"isInvalid(ngControl?.control)\"\n    class=\"leading-none\"\n  ></p-checkbox>\n  @if (label()) {\n    <label\n      [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n      [for]=\"ngControl?.name || label()\"\n      >{{ label() }}</label\n    >\n  }\n</div>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/masterteam-components-chip.mjs

@@ -5,14 +5,12 @@ import * as i1 from 'primeng/chip';
 import { ChipModule } from 'primeng/chip';
 
 class Chip {
-    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
-    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
-    image = input('', ...(ngDevMode ? [{ debugName: "image" }] : []));
-    removable = input(false, ...(ngDevMode ? [{ debugName: "removable", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
-    removeIcon = input('general.x-circle', ...(ngDevMode ? [{ debugName: "removeIcon" }] : []));
-    styleClass = input('', ...(ngDevMode ? [{ debugName: "styleClass" }] : []));
+    label = input('', { ...(ngDevMode ? { debugName: "label" } : {}) });
+    icon = input(undefined, { ...(ngDevMode ? { debugName: "icon" } : {}) });
+    image = input('', { ...(ngDevMode ? { debugName: "image" } : {}) });
+    removable = input(false, { ...(ngDevMode ? { debugName: "removable" } : {}), transform: booleanAttribute });
+    removeIcon = input('general.x-circle', { ...(ngDevMode ? { debugName: "removeIcon" } : {}) });
+    styleClass = input('', { ...(ngDevMode ? { debugName: "styleClass" } : {}) });
     onRemove = output();
     onImageError = output();
     onChipRemove(event) {
@@ -21,13 +19,13 @@ class Chip {
     onChipImageError(event) {
         this.onImageError.emit(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: Chip, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: Chip, isStandalone: true, selector: "mt-chip", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, removeIcon: { classPropertyName: "removeIcon", publicName: "removeIcon", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onRemove: "onRemove", onImageError: "onImageError" }, ngImport: i0, template: "<p-chip\n  [label]=\"label()\"\n  [image]=\"image()\"\n  [removable]=\"removable()\"\n  [removeIcon]=\"removeIcon()\"\n  [class]=\"styleClass()\"\n  (onRemove)=\"onChipRemove($event)\"\n  (onImageError)=\"onChipImageError($event)\"\n>\n  <ng-template #removeicon>\n    <mt-icon class=\"align-super!\" [icon]=\"removeIcon()\" />\n  </ng-template>\n  @if (icon()) {\n    <mt-icon #iconTemplate class=\"align-super!\" [icon]=\"icon()\" />\n  }\n</p-chip>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ChipModule }, { kind: "component", type: i1.Chip, selector: "p-chip", inputs: ["label", "icon", "image", "alt", "styleClass", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Chip, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: Chip, isStandalone: true, selector: "mt-chip", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, removeIcon: { classPropertyName: "removeIcon", publicName: "removeIcon", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onRemove: "onRemove", onImageError: "onImageError" }, ngImport: i0, template: "<p-chip\n  [label]=\"label()\"\n  [image]=\"image()\"\n  [removable]=\"removable()\"\n  [removeIcon]=\"removeIcon()\"\n  [class]=\"styleClass()\"\n  (onRemove)=\"onChipRemove($event)\"\n  (onImageError)=\"onChipImageError($event)\"\n>\n  <ng-template #removeicon>\n    <mt-icon class=\"align-super!\" [icon]=\"removeIcon()\" />\n  </ng-template>\n  @if (icon()) {\n    <mt-icon #iconTemplate class=\"align-super!\" [icon]=\"icon()\" />\n  }\n</p-chip>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ChipModule }, { kind: "component", type: i1.Chip, selector: "p-chip", inputs: ["label", "icon", "image", "alt", "styleClass", "disabled", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: Chip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Chip, decorators: [{
             type: Component,
             args: [{ selector: 'mt-chip', standalone: true, imports: [ChipModule, Icon], template: "<p-chip\n  [label]=\"label()\"\n  [image]=\"image()\"\n  [removable]=\"removable()\"\n  [removeIcon]=\"removeIcon()\"\n  [class]=\"styleClass()\"\n  (onRemove)=\"onChipRemove($event)\"\n  (onImageError)=\"onChipImageError($event)\"\n>\n  <ng-template #removeicon>\n    <mt-icon class=\"align-super!\" [icon]=\"removeIcon()\" />\n  </ng-template>\n  @if (icon()) {\n    <mt-icon #iconTemplate class=\"align-super!\" [icon]=\"icon()\" />\n  }\n</p-chip>\n" }]
-        }] });
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], image: [{ type: i0.Input, args: [{ isSignal: true, alias: "image", required: false }] }], removable: [{ type: i0.Input, args: [{ isSignal: true, alias: "removable", required: false }] }], removeIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "removeIcon", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], onRemove: [{ type: i0.Output, args: ["onRemove"] }], onImageError: [{ type: i0.Output, args: ["onImageError"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-chip.mjs","sources":["../../../../packages/masterteam/components/chip/chip.ts","../../../../packages/masterteam/components/chip/chip.html","../../../../packages/masterteam/components/chip/masterteam-components-chip.ts"],"sourcesContent":["import { Component, output, input, booleanAttribute } from '@angular/core';\nimport { Icon, MTIcon } from '@masterteam/icons';\nimport { ChipModule } from 'primeng/chip';\n\n@Component({\n  selector: 'mt-chip',\n  standalone: true,\n  imports: [ChipModule, Icon],\n  templateUrl: './chip.html',\n  styleUrls: ['./chip.scss'],\n})\nexport class Chip {\n  readonly label = input<string>('');\n  readonly icon = input<MTIcon>();\n  readonly image = input<string>('');\n  readonly removable = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly removeIcon = input<MTIcon>('general.x-circle');\n  readonly styleClass = input<string>('');\n\n  onRemove = output<MouseEvent>();\n  onImageError = output<Event>();\n\n  onChipRemove(event: MouseEvent): void {\n    this.onRemove.emit(event);\n  }\n\n  onChipImageError(event: Event): void {\n    this.onImageError.emit(event);\n  }\n}\n","<p-chip\n  [label]=\"label()\"\n  [image]=\"image()\"\n  [removable]=\"removable()\"\n  [removeIcon]=\"removeIcon()\"\n  [class]=\"styleClass()\"\n  (onRemove)=\"onChipRemove($event)\"\n  (onImageError)=\"onChipImageError($event)\"\n>\n  <ng-template #removeicon>\n    <mt-icon class=\"align-super!\" [icon]=\"removeIcon()\" />\n  </ng-template>\n  @if (icon()) {\n    <mt-icon #iconTemplate class=\"align-super!\" [icon]=\"icon()\" />\n  }\n</p-chip>\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-chip.mjs","sources":["../../../../packages/masterteam/components/chip/chip.ts","../../../../packages/masterteam/components/chip/chip.html","../../../../packages/masterteam/components/chip/masterteam-components-chip.ts"],"sourcesContent":["import { Component, output, input, booleanAttribute } from '@angular/core';\nimport { Icon, MTIcon } from '@masterteam/icons';\nimport { ChipModule } from 'primeng/chip';\n\n@Component({\n  selector: 'mt-chip',\n  standalone: true,\n  imports: [ChipModule, Icon],\n  templateUrl: './chip.html',\n  styleUrls: ['./chip.scss'],\n})\nexport class Chip {\n  readonly label = input<string>('');\n  readonly icon = input<MTIcon>();\n  readonly image = input<string>('');\n  readonly removable = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly removeIcon = input<MTIcon>('general.x-circle');\n  readonly styleClass = input<string>('');\n\n  onRemove = output<MouseEvent>();\n  onImageError = output<Event>();\n\n  onChipRemove(event: MouseEvent): void {\n    this.onRemove.emit(event);\n  }\n\n  onChipImageError(event: Event): void {\n    this.onImageError.emit(event);\n  }\n}\n","<p-chip\n  [label]=\"label()\"\n  [image]=\"image()\"\n  [removable]=\"removable()\"\n  [removeIcon]=\"removeIcon()\"\n  [class]=\"styleClass()\"\n  (onRemove)=\"onChipRemove($event)\"\n  (onImageError)=\"onChipImageError($event)\"\n>\n  <ng-template #removeicon>\n    <mt-icon class=\"align-super!\" [icon]=\"removeIcon()\" />\n  </ng-template>\n  @if (icon()) {\n    <mt-icon #iconTemplate class=\"align-super!\" [icon]=\"icon()\" />\n  }\n</p-chip>\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-color-picker-field.mjs

@@ -10,18 +10,18 @@ import { isInvalid } from '@masterteam/components';
 
 class ColorPickerField {
     colorPicker;
-    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
-    placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
-    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : []));
-    variant = input('outlined', ...(ngDevMode ? [{ debugName: "variant" }] : []));
-    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
-    pInputs = input(...(ngDevMode ? [undefined, { debugName: "pInputs" }] : []));
-    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+    label = input(undefined, { ...(ngDevMode ? { debugName: "label" } : {}) });
+    placeholder = input(undefined, { ...(ngDevMode ? { debugName: "placeholder" } : {}) });
+    class = input('', { ...(ngDevMode ? { debugName: "class" } : {}) });
+    variant = input('outlined', { ...(ngDevMode ? { debugName: "variant" } : {}) });
+    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}) });
+    pInputs = input(undefined, { ...(ngDevMode ? { debugName: "pInputs" } : {}) });
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}) });
     onChange = output();
     ngControl = inject(NgControl, { self: true });
     requiredValidator = Validators.required;
-    value = signal(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
-    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    value = signal(null, { ...(ngDevMode ? { debugName: "value" } : {}) });
+    disabled = signal(false, { ...(ngDevMode ? { debugName: "disabled" } : {}) });
     onTouched = () => { };
     onModelChange = () => { };
     isInvalid = isInvalid;
@@ -72,10 +72,10 @@ class ColorPickerField {
     setDisabledState(disabled) {
         this.disabled.set(disabled);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ColorPickerField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: ColorPickerField, isStandalone: true, selector: "mt-color-picker-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, host: { properties: { "class": "class()" } }, viewQueries: [{ propertyName: "colorPicker", first: true, predicate: ["colorPicker"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"flex flex-col gap-1 min-w-full\">\n  @if (label()) {\n    <label\n      [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n      [for]=\"ngControl?.name || label()\"\n      >{{ label() }}</label\n    >\n  }\n  <div\n    class=\"flex items-center hover:border-(--p-inputtext-hover-border-color)! p-inputtext\"\n    [class.bg-(--p-inputtext-filled-background)]=\"variant() === 'filled'\"\n    [class.border-(--p-inputtext-invalid-border-color)!]=\"\n      ngControl?.control?.invalid && ngControl?.control?.touched\n    \"\n  >\n    <p-colorpicker\n      #colorPicker=\"\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onValueChange($event)\"\n      (onChange)=\"onChange.emit($event)\"\n      (blur)=\"onTouched()\"\n      [disabled]=\"disabled() || readonly()\"\n      [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n      [class.ng-invalid]=\"ngControl?.control?.invalid\"\n      class=\"leading-none\"\n      [invalid]=\"isInvalid(ngControl?.control)\"\n    ></p-colorpicker>\n    <div class=\"ms-2 w-full\">\n      <mt-text-field\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onValueChange($event)\"\n        (change)=\"onChange.emit($event)\"\n        (blur)=\"onTouched()\"\n        [disabled]=\"disabled() || readonly()\"\n        [class.ng-invalid]=\"ngControl?.control?.invalid\"\n        placeholder=\"No color selected\"\n        class=\"leading-none min-w-max p-0 input-no-border px-0\"\n        hint=\"Should be a hex color code, e.g. #ff5733 or #f00\"\n      ></mt-text-field>\n    </div>\n  </div>\n  <mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n</div>\n", styles: [":host{display:flex;align-items:center}::ng-deep .input-no-border .p-component{border:none;box-shadow:none;background-color:transparent;width:100%}::ng-deep .input-no-border .p-inputgroupaddon{border-inline:none;border-block-start:none;border-block-end:none;padding:0!important}::ng-deep .input-no-border .p-inputgroupaddon:last-child{border-inline-end:none}::ng-deep .p-inputtext .p-inputtext{padding:0!important}\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: "ngmodule", type: ColorPickerModule }, { kind: "component", type: i2.ColorPicker, selector: "p-colorPicker, p-colorpicker, p-color-picker", inputs: ["styleClass", "inline", "format", "tabindex", "inputId", "autoZIndex", "showTransitionOptions", "hideTransitionOptions", "autofocus", "defaultColor", "appendTo"], outputs: ["onChange", "onShow", "onHide"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }, { kind: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "icon", "iconPosition"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ColorPickerField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: ColorPickerField, isStandalone: true, selector: "mt-color-picker-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, host: { properties: { "class": "class()" } }, viewQueries: [{ propertyName: "colorPicker", first: true, predicate: ["colorPicker"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"flex flex-col gap-1 min-w-full\">\n  @if (label()) {\n    <label\n      [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n      [for]=\"ngControl?.name || label()\"\n      >{{ label() }}</label\n    >\n  }\n  <div\n    class=\"flex items-center hover:border-(--p-inputtext-hover-border-color)! p-inputtext\"\n    [class.bg-(--p-inputtext-filled-background)]=\"variant() === 'filled'\"\n    [class.border-(--p-inputtext-invalid-border-color)!]=\"\n      ngControl?.control?.invalid && ngControl?.control?.touched\n    \"\n  >\n    <p-colorpicker\n      #colorPicker=\"\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onValueChange($event)\"\n      (onChange)=\"onChange.emit($event)\"\n      (blur)=\"onTouched()\"\n      [disabled]=\"disabled() || readonly()\"\n      [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n      [class.ng-invalid]=\"ngControl?.control?.invalid\"\n      class=\"leading-none\"\n      [invalid]=\"isInvalid(ngControl?.control)\"\n    ></p-colorpicker>\n    <div class=\"ms-2 w-full\">\n      <mt-text-field\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onValueChange($event)\"\n        (change)=\"onChange.emit($event)\"\n        (blur)=\"onTouched()\"\n        [disabled]=\"disabled() || readonly()\"\n        [class.ng-invalid]=\"ngControl?.control?.invalid\"\n        placeholder=\"No color selected\"\n        class=\"leading-none min-w-max p-0 input-no-border px-0\"\n        hint=\"Should be a hex color code, e.g. #ff5733 or #f00\"\n      ></mt-text-field>\n    </div>\n  </div>\n  <mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n</div>\n", styles: [":host{display:flex;align-items:center}::ng-deep .input-no-border .p-component{border:none;box-shadow:none;background-color:transparent;width:100%}::ng-deep .input-no-border .p-inputgroupaddon{border-inline:none;border-block-start:none;border-block-end:none;padding:0!important}::ng-deep .input-no-border .p-inputgroupaddon:last-child{border-inline-end:none}::ng-deep .p-inputtext .p-inputtext{padding:0!important}\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: "ngmodule", type: ColorPickerModule }, { kind: "component", type: i2.ColorPicker, selector: "p-colorPicker, p-colorpicker, p-color-picker", inputs: ["styleClass", "showTransitionOptions", "hideTransitionOptions", "inline", "format", "tabindex", "inputId", "autoZIndex", "autofocus", "defaultColor", "appendTo", "overlayOptions", "motionOptions"], outputs: ["onChange", "onShow", "onHide"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }, { kind: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "icon", "iconPosition"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ColorPickerField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ColorPickerField, decorators: [{
             type: Component,
             args: [{ selector: 'mt-color-picker-field', standalone: true, imports: [FormsModule, ColorPickerModule, FieldValidation, TextField], host: {
                         '[class]': 'class()',
@@ -83,7 +83,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
         }], ctorParameters: () => [], propDecorators: { colorPicker: [{
                 type: ViewChild,
                 args: ['colorPicker', { static: true }]
-            }] } });
+            }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], pInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "pInputs", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], onChange: [{ type: i0.Output, args: ["onChange"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/masterteam-components-color-picker-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-color-picker-field.mjs","sources":["../../../../packages/masterteam/components/color-picker-field/color-picker-field.ts","../../../../packages/masterteam/components/color-picker-field/color-picker-field.html","../../../../packages/masterteam/components/color-picker-field/masterteam-components-color-picker-field.ts"],"sourcesContent":["import {\n  Component,\n  ViewChild,\n  signal,\n  input,\n  output,\n  inject,\n  effect,\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormsModule,\n  NgControl,\n  Validators,\n} from '@angular/forms';\nimport {\n  ColorPickerModule,\n  ColorPicker,\n  ColorPickerChangeEvent,\n} from 'primeng/colorpicker';\nimport { FieldValidation } from '@masterteam/components/field-validation';\nimport { TextField } from '@masterteam/components/text-field';\nimport { isInvalid } from '@masterteam/components';\n\n@Component({\n  selector: 'mt-color-picker-field',\n  standalone: true,\n  imports: [FormsModule, ColorPickerModule, FieldValidation, TextField],\n  templateUrl: './color-picker-field.html',\n  styleUrls: ['./color-picker-field.scss'],\n  host: {\n    '[class]': 'class()',\n  },\n})\nexport class ColorPickerField implements ControlValueAccessor {\n  @ViewChild('colorPicker', { static: true })\n  colorPicker: ColorPicker;\n\n  label = input<string>();\n  placeholder = input<string>();\n  class = input<string>('');\n  variant = input<'outlined' | 'filled'>('outlined');\n  readonly = input<boolean>(false);\n  pInputs = input<Partial<ColorPicker>>();\n  required = input<boolean>(false);\n\n  onChange = output<ColorPickerChangeEvent>();\n\n  public ngControl = inject(NgControl, { self: true });\n\n  requiredValidator = Validators.required;\n  value = signal<string | null>(null);\n  disabled = signal<boolean>(false);\n\n  onTouched: () => void = () => {};\n  onModelChange: (value: string | null) => void = () => {};\n  isInvalid = isInvalid;\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n\n    // Effect to apply pInputs reactively when the pInputs signal changes\n    effect(() => {\n      const currentPInputs = this.pInputs();\n      // Ensure colorPicker ViewChild is initialized and pInputs has a value\n      // @ViewChild with static: true makes 'colorPicker' available during construction/ngOnInit\n      if (this.colorPicker && currentPInputs) {\n        this.applyInputsToColorPicker();\n      }\n    });\n\n    // Effect to add required validator if required input is true\n    effect(() => {\n      if (this.ngControl.control && this.required()) {\n        this.ngControl.control.addValidators(Validators.required);\n        this.ngControl.control.updateValueAndValidity();\n      }\n      if (this.ngControl.control) {\n        this.ngControl.control.addValidators(\n          Validators.pattern(/^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$/),\n        );\n      }\n    });\n  }\n\n  applyInputsToColorPicker() {\n    const currentPInputs = this.pInputs();\n    if (currentPInputs) {\n      Object.assign(this.colorPicker, currentPInputs);\n    }\n  }\n\n  onValueChange(value: string | null) {\n    this.onModelChange(value);\n    this.onTouched();\n    this.value.set(value);\n  }\n\n  writeValue(value: string | null) {\n    this.value.set(value);\n  }\n\n  registerOnChange(fn: any) {\n    this.onModelChange = fn;\n  }\n\n  registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(disabled: boolean) {\n    this.disabled.set(disabled);\n  }\n}\n","<div class=\"flex flex-col gap-1 min-w-full\">\n  @if (label()) {\n    <label\n      [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n      [for]=\"ngControl?.name || label()\"\n      >{{ label() }}</label\n    >\n  }\n  <div\n    class=\"flex items-center hover:border-(--p-inputtext-hover-border-color)! p-inputtext\"\n    [class.bg-(--p-inputtext-filled-background)]=\"variant() === 'filled'\"\n    [class.border-(--p-inputtext-invalid-border-color)!]=\"\n      ngControl?.control?.invalid && ngControl?.control?.touched\n    \"\n  >\n    <p-colorpicker\n      #colorPicker=\"\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onValueChange($event)\"\n      (onChange)=\"onChange.emit($event)\"\n      (blur)=\"onTouched()\"\n      [disabled]=\"disabled() || readonly()\"\n      [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n      [class.ng-invalid]=\"ngControl?.control?.invalid\"\n      class=\"leading-none\"\n      [invalid]=\"isInvalid(ngControl?.control)\"\n    ></p-colorpicker>\n    <div class=\"ms-2 w-full\">\n      <mt-text-field\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onValueChange($event)\"\n        (change)=\"onChange.emit($event)\"\n        (blur)=\"onTouched()\"\n        [disabled]=\"disabled() || readonly()\"\n        [class.ng-invalid]=\"ngControl?.control?.invalid\"\n        placeholder=\"No color selected\"\n        class=\"leading-none min-w-max p-0 input-no-border px-0\"\n        hint=\"Should be a hex color code, e.g. #ff5733 or #f00\"\n      ></mt-text-field>\n    </div>\n  </div>\n  <mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\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-color-picker-field.mjs","sources":["../../../../packages/masterteam/components/color-picker-field/color-picker-field.ts","../../../../packages/masterteam/components/color-picker-field/color-picker-field.html","../../../../packages/masterteam/components/color-picker-field/masterteam-components-color-picker-field.ts"],"sourcesContent":["import {\n  Component,\n  ViewChild,\n  signal,\n  input,\n  output,\n  inject,\n  effect,\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormsModule,\n  NgControl,\n  Validators,\n} from '@angular/forms';\nimport {\n  ColorPickerModule,\n  ColorPicker,\n  ColorPickerChangeEvent,\n} from 'primeng/colorpicker';\nimport { FieldValidation } from '@masterteam/components/field-validation';\nimport { TextField } from '@masterteam/components/text-field';\nimport { isInvalid } from '@masterteam/components';\n\n@Component({\n  selector: 'mt-color-picker-field',\n  standalone: true,\n  imports: [FormsModule, ColorPickerModule, FieldValidation, TextField],\n  templateUrl: './color-picker-field.html',\n  styleUrls: ['./color-picker-field.scss'],\n  host: {\n    '[class]': 'class()',\n  },\n})\nexport class ColorPickerField implements ControlValueAccessor {\n  @ViewChild('colorPicker', { static: true })\n  colorPicker: ColorPicker;\n\n  label = input<string>();\n  placeholder = input<string>();\n  class = input<string>('');\n  variant = input<'outlined' | 'filled'>('outlined');\n  readonly = input<boolean>(false);\n  pInputs = input<Partial<ColorPicker>>();\n  required = input<boolean>(false);\n\n  onChange = output<ColorPickerChangeEvent>();\n\n  public ngControl = inject(NgControl, { self: true });\n\n  requiredValidator = Validators.required;\n  value = signal<string | null>(null);\n  disabled = signal<boolean>(false);\n\n  onTouched: () => void = () => {};\n  onModelChange: (value: string | null) => void = () => {};\n  isInvalid = isInvalid;\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n\n    // Effect to apply pInputs reactively when the pInputs signal changes\n    effect(() => {\n      const currentPInputs = this.pInputs();\n      // Ensure colorPicker ViewChild is initialized and pInputs has a value\n      // @ViewChild with static: true makes 'colorPicker' available during construction/ngOnInit\n      if (this.colorPicker && currentPInputs) {\n        this.applyInputsToColorPicker();\n      }\n    });\n\n    // Effect to add required validator if required input is true\n    effect(() => {\n      if (this.ngControl.control && this.required()) {\n        this.ngControl.control.addValidators(Validators.required);\n        this.ngControl.control.updateValueAndValidity();\n      }\n      if (this.ngControl.control) {\n        this.ngControl.control.addValidators(\n          Validators.pattern(/^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$/),\n        );\n      }\n    });\n  }\n\n  applyInputsToColorPicker() {\n    const currentPInputs = this.pInputs();\n    if (currentPInputs) {\n      Object.assign(this.colorPicker, currentPInputs);\n    }\n  }\n\n  onValueChange(value: string | null) {\n    this.onModelChange(value);\n    this.onTouched();\n    this.value.set(value);\n  }\n\n  writeValue(value: string | null) {\n    this.value.set(value);\n  }\n\n  registerOnChange(fn: any) {\n    this.onModelChange = fn;\n  }\n\n  registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(disabled: boolean) {\n    this.disabled.set(disabled);\n  }\n}\n","<div class=\"flex flex-col gap-1 min-w-full\">\n  @if (label()) {\n    <label\n      [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n      [for]=\"ngControl?.name || label()\"\n      >{{ label() }}</label\n    >\n  }\n  <div\n    class=\"flex items-center hover:border-(--p-inputtext-hover-border-color)! p-inputtext\"\n    [class.bg-(--p-inputtext-filled-background)]=\"variant() === 'filled'\"\n    [class.border-(--p-inputtext-invalid-border-color)!]=\"\n      ngControl?.control?.invalid && ngControl?.control?.touched\n    \"\n  >\n    <p-colorpicker\n      #colorPicker=\"\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onValueChange($event)\"\n      (onChange)=\"onChange.emit($event)\"\n      (blur)=\"onTouched()\"\n      [disabled]=\"disabled() || readonly()\"\n      [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n      [class.ng-invalid]=\"ngControl?.control?.invalid\"\n      class=\"leading-none\"\n      [invalid]=\"isInvalid(ngControl?.control)\"\n    ></p-colorpicker>\n    <div class=\"ms-2 w-full\">\n      <mt-text-field\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onValueChange($event)\"\n        (change)=\"onChange.emit($event)\"\n        (blur)=\"onTouched()\"\n        [disabled]=\"disabled() || readonly()\"\n        [class.ng-invalid]=\"ngControl?.control?.invalid\"\n        placeholder=\"No color selected\"\n        class=\"leading-none min-w-max p-0 input-no-border px-0\"\n        hint=\"Should be a hex color code, e.g. #ff5733 or #f00\"\n      ></mt-text-field>\n    </div>\n  </div>\n  <mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n</div>\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-confirmation.mjs

@@ -32,7 +32,7 @@ class ConfirmationService {
         dismissableMask: true,
         draggable: false,
     };
-    popupKey = signal('', ...(ngDevMode ? [{ debugName: "popupKey" }] : []));
+    popupKey = signal('', { ...(ngDevMode ? { debugName: "popupKey" } : {}) });
     lastTarget = null;
     confirm(config) {
         const currentTarget = config?.event?.currentTarget;
@@ -68,19 +68,19 @@ class ConfirmationService {
             ...config,
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ConfirmationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ConfirmationService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ConfirmationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ConfirmationService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ConfirmationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ConfirmationService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
 
 class ConfirmationDialog {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ConfirmationDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: ConfirmationDialog, isStandalone: true, selector: "mt-confirmation-dialog", ngImport: i0, template: "<ng-template #popupTemplate let-key=\"key\">\n  <p-confirmpopup #cp [key]=\"key\">\n    <ng-template #headless let-data>\n      <div class=\"flex items-center gap-2 p-3 min-w-100\">\n        <div class=\"text-3xl mb-2\">\n          <mt-icon [icon]=\"data.icon\"></mt-icon>\n        </div>\n        <div>{{ data.message }}</div>\n      </div>\n\n      <div class=\"flex items-center justify-end gap-2 p-3 pt-0\">\n        <mt-button\n          [label]=\"data.acceptLabel\"\n          [styleClass]=\"data.acceptButtonStyleClass\"\n          [severity]=\"data.acceptButton.severity\"\n          [variant]=\"data.acceptButton.variant\"\n          size=\"small\"\n          (onClick)=\"cp.onAccept()\"\n        ></mt-button>\n        <mt-button\n          [label]=\"data.rejectLabel\"\n          [severity]=\"data.rejectButton.severity\"\n          [variant]=\"data.rejectButton.variant\"\n          size=\"small\"\n          (onClick)=\"cp.onReject()\"\n        ></mt-button>\n      </div>\n    </ng-template>\n  </p-confirmpopup>\n</ng-template>\n\n<ng-container\n  *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup1' }\"\n></ng-container>\n<ng-container\n  *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup2' }\"\n></ng-container>\n\n<p-confirmdialog [key]=\"'dialog'\">\n  <ng-template\n    #headless\n    let-data\n    let-onAccept=\"onAccept\"\n    let-onReject=\"onReject\"\n  >\n    <div\n      class=\"flex items-center justify-between bg-surface-100 rounded-t-xl px-4 py-2\"\n    >\n      <div class=\"text-xl font-semibold\">{{ data.header }}</div>\n      <mt-button\n        [icon]=\"'general.x-close'\"\n        variant=\"text\"\n        severity=\"secondary\"\n        styleClass=\"text-8xl\"\n        size=\"large\"\n        (onClick)=\"onReject()\"\n      ></mt-button>\n    </div>\n\n    <div class=\"flex items-center gap-2 p-4 min-w-100\">\n      <div class=\"text-3xl mb-2\">\n        <mt-icon [icon]=\"data.icon\"></mt-icon>\n      </div>\n      <div>{{ data.message }}</div>\n    </div>\n\n    <div class=\"flex items-center justify-end gap-2 mt-2 p-4\">\n      <mt-button\n        [label]=\"data.acceptLabel\"\n        [styleClass]=\"data.acceptButtonStyleClass\"\n        [severity]=\"data.acceptButton.severity\"\n        [variant]=\"data.acceptButton.variant\"\n        (onClick)=\"onAccept()\"\n      ></mt-button>\n      <mt-button\n        [label]=\"data.rejectLabel\"\n        [severity]=\"data.rejectButton.severity\"\n        [variant]=\"data.rejectButton.variant\"\n        (onClick)=\"onReject()\"\n      ></mt-button>\n    </div>\n  </ng-template>\n</p-confirmdialog>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "component", type: ConfirmPopup, selector: "p-confirmpopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ConfirmationDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.1", type: ConfirmationDialog, isStandalone: true, selector: "mt-confirmation-dialog", ngImport: i0, template: "<ng-template #popupTemplate let-key=\"key\">\n  <p-confirmpopup #cp [key]=\"key\">\n    <ng-template #headless let-data>\n      <div class=\"flex items-center gap-2 p-3 min-w-100\">\n        <div class=\"text-3xl mb-2\">\n          <mt-icon [icon]=\"data.icon\"></mt-icon>\n        </div>\n        <div>{{ data.message }}</div>\n      </div>\n\n      <div class=\"flex items-center justify-end gap-2 p-3 pt-0\">\n        <mt-button\n          [label]=\"data.acceptLabel\"\n          [styleClass]=\"data.acceptButtonStyleClass\"\n          [severity]=\"data.acceptButton.severity\"\n          [variant]=\"data.acceptButton.variant\"\n          size=\"small\"\n          (onClick)=\"cp.onAccept()\"\n        ></mt-button>\n        <mt-button\n          [label]=\"data.rejectLabel\"\n          [severity]=\"data.rejectButton.severity\"\n          [variant]=\"data.rejectButton.variant\"\n          size=\"small\"\n          (onClick)=\"cp.onReject()\"\n        ></mt-button>\n      </div>\n    </ng-template>\n  </p-confirmpopup>\n</ng-template>\n\n<ng-container\n  *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup1' }\"\n></ng-container>\n<ng-container\n  *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup2' }\"\n></ng-container>\n\n<p-confirmdialog [key]=\"'dialog'\">\n  <ng-template\n    #headless\n    let-data\n    let-onAccept=\"onAccept\"\n    let-onReject=\"onReject\"\n  >\n    <div\n      class=\"flex items-center justify-between bg-surface-100 rounded-t-xl px-4 py-2\"\n    >\n      <div class=\"text-xl font-semibold\">{{ data.header }}</div>\n      <mt-button\n        [icon]=\"'general.x-close'\"\n        variant=\"text\"\n        severity=\"secondary\"\n        styleClass=\"text-8xl\"\n        size=\"large\"\n        (onClick)=\"onReject()\"\n      ></mt-button>\n    </div>\n\n    <div class=\"flex items-center gap-2 p-4 min-w-100\">\n      <div class=\"text-3xl mb-2\">\n        <mt-icon [icon]=\"data.icon\"></mt-icon>\n      </div>\n      <div>{{ data.message }}</div>\n    </div>\n\n    <div class=\"flex items-center justify-end gap-2 mt-2 p-4\">\n      <mt-button\n        [label]=\"data.acceptLabel\"\n        [styleClass]=\"data.acceptButtonStyleClass\"\n        [severity]=\"data.acceptButton.severity\"\n        [variant]=\"data.acceptButton.variant\"\n        (onClick)=\"onAccept()\"\n      ></mt-button>\n      <mt-button\n        [label]=\"data.rejectLabel\"\n        [severity]=\"data.rejectButton.severity\"\n        [variant]=\"data.rejectButton.variant\"\n        (onClick)=\"onReject()\"\n      ></mt-button>\n    </div>\n  </ng-template>\n</p-confirmdialog>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "component", type: ConfirmPopup, selector: "p-confirmpopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible", "motionOptions", "appendTo"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ConfirmationDialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ConfirmationDialog, decorators: [{
             type: Component,
             args: [{ selector: 'mt-confirmation-dialog', standalone: true, imports: [CommonModule, ConfirmDialog, Button, Icon, ConfirmPopup], template: "<ng-template #popupTemplate let-key=\"key\">\n  <p-confirmpopup #cp [key]=\"key\">\n    <ng-template #headless let-data>\n      <div class=\"flex items-center gap-2 p-3 min-w-100\">\n        <div class=\"text-3xl mb-2\">\n          <mt-icon [icon]=\"data.icon\"></mt-icon>\n        </div>\n        <div>{{ data.message }}</div>\n      </div>\n\n      <div class=\"flex items-center justify-end gap-2 p-3 pt-0\">\n        <mt-button\n          [label]=\"data.acceptLabel\"\n          [styleClass]=\"data.acceptButtonStyleClass\"\n          [severity]=\"data.acceptButton.severity\"\n          [variant]=\"data.acceptButton.variant\"\n          size=\"small\"\n          (onClick)=\"cp.onAccept()\"\n        ></mt-button>\n        <mt-button\n          [label]=\"data.rejectLabel\"\n          [severity]=\"data.rejectButton.severity\"\n          [variant]=\"data.rejectButton.variant\"\n          size=\"small\"\n          (onClick)=\"cp.onReject()\"\n        ></mt-button>\n      </div>\n    </ng-template>\n  </p-confirmpopup>\n</ng-template>\n\n<ng-container\n  *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup1' }\"\n></ng-container>\n<ng-container\n  *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup2' }\"\n></ng-container>\n\n<p-confirmdialog [key]=\"'dialog'\">\n  <ng-template\n    #headless\n    let-data\n    let-onAccept=\"onAccept\"\n    let-onReject=\"onReject\"\n  >\n    <div\n      class=\"flex items-center justify-between bg-surface-100 rounded-t-xl px-4 py-2\"\n    >\n      <div class=\"text-xl font-semibold\">{{ data.header }}</div>\n      <mt-button\n        [icon]=\"'general.x-close'\"\n        variant=\"text\"\n        severity=\"secondary\"\n        styleClass=\"text-8xl\"\n        size=\"large\"\n        (onClick)=\"onReject()\"\n      ></mt-button>\n    </div>\n\n    <div class=\"flex items-center gap-2 p-4 min-w-100\">\n      <div class=\"text-3xl mb-2\">\n        <mt-icon [icon]=\"data.icon\"></mt-icon>\n      </div>\n      <div>{{ data.message }}</div>\n    </div>\n\n    <div class=\"flex items-center justify-end gap-2 mt-2 p-4\">\n      <mt-button\n        [label]=\"data.acceptLabel\"\n        [styleClass]=\"data.acceptButtonStyleClass\"\n        [severity]=\"data.acceptButton.severity\"\n        [variant]=\"data.acceptButton.variant\"\n        (onClick)=\"onAccept()\"\n      ></mt-button>\n      <mt-button\n        [label]=\"data.rejectLabel\"\n        [severity]=\"data.rejectButton.severity\"\n        [variant]=\"data.rejectButton.variant\"\n        (onClick)=\"onReject()\"\n      ></mt-button>\n    </div>\n  </ng-template>\n</p-confirmdialog>\n" }]
         }] });

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

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-confirmation.mjs","sources":["../../../../packages/masterteam/components/confirmation/confirmation.ts","../../../../packages/masterteam/components/confirmation/confirmation-dialog.ts","../../../../packages/masterteam/components/confirmation/confirmation-dialog.html","../../../../packages/masterteam/components/confirmation/masterteam-components-confirmation.ts"],"sourcesContent":["import { inject, Injectable, signal } from '@angular/core';\nimport {\n  ConfirmationService as PNConfirmationService,\n  Confirmation,\n} from 'primeng/api';\nimport { TranslocoService } from '@jsverse/transloco';\n\ninterface ButtonConfig {\n  severity?: string | undefined;\n  variant?: string | undefined;\n}\ninterface BaseConfirmationConfig extends Confirmation {\n  draggable?: boolean;\n  acceptButton?: ButtonConfig;\n  rejectButton?: ButtonConfig;\n  confirmationType?: string;\n}\n\ninterface DialogConfirmationConfig extends BaseConfirmationConfig {\n  type?: 'dialog' | undefined;\n  event?: Event;\n}\n\ninterface PopupConfirmationConfig extends BaseConfirmationConfig {\n  type: 'popup';\n  event: Event;\n}\n\nexport type ConfirmationConfig =\n  | DialogConfirmationConfig\n  | PopupConfirmationConfig;\n\n@Injectable({ providedIn: 'root' })\nexport class ConfirmationService {\n  private confirmationService = inject(PNConfirmationService);\n  private transloco = inject(TranslocoService);\n  private defaultConfig: ConfirmationConfig = {\n    header: this.transloco.translate('components.confirmation.header'),\n    message: this.transloco.translate('components.confirmation.message'),\n    icon: 'alert.alert-triangle',\n    acceptLabel: this.transloco.translate('components.confirmation.yes'),\n    rejectLabel: this.transloco.translate('components.confirmation.cancel'),\n    acceptButton: {\n      severity: 'primary',\n      variant: undefined,\n    },\n    rejectButton: {\n      severity: 'secondary',\n      variant: 'text',\n    },\n    position: 'center',\n    type: 'dialog',\n    closeOnEscape: true,\n    dismissableMask: true,\n    draggable: false,\n  };\n  popupKey = signal<string | undefined>('');\n  private lastTarget: EventTarget | null = null;\n\n  confirm(config: ConfirmationConfig): void {\n    const currentTarget = config?.event?.currentTarget;\n    this.popupKey.update((prev) => {\n      if (config.type === 'popup') {\n        if (this.lastTarget === currentTarget) {\n          return prev || 'popup1';\n        }\n        return prev === 'popup1' ? 'popup2' : 'popup1';\n      }\n      return config.type;\n    });\n\n    this.lastTarget = currentTarget ?? null;\n    this.confirmationService.close();\n    const mergedConfig: Confirmation = {\n      ...this.defaultConfig,\n      ...config,\n      target: currentTarget as EventTarget,\n      key: this.popupKey(),\n    };\n    this.confirmationService.confirm(mergedConfig);\n  }\n\n  confirmDelete(config: ConfirmationConfig): void {\n    this.confirm({\n      message: 'Are you sure you want to delete?',\n      header: 'Delete Confirmation',\n      icon: 'general.trash-01',\n      acceptLabel: 'Delete',\n      rejectLabel: 'Cancel',\n      acceptButton: {\n        severity: 'danger',\n      },\n      ...config,\n    });\n  }\n}\n","import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ConfirmDialog } from 'primeng/confirmdialog';\nimport { Button } from '@masterteam/components/button';\nimport { Icon } from '@masterteam/icons';\nimport { ConfirmPopup } from 'primeng/confirmpopup';\n\n@Component({\n  selector: 'mt-confirmation-dialog',\n  standalone: true,\n  imports: [CommonModule, ConfirmDialog, Button, Icon, ConfirmPopup],\n  templateUrl: './confirmation-dialog.html',\n  styleUrl: './confirmation-dialog.scss',\n})\nexport class ConfirmationDialog {}\n","<ng-template #popupTemplate let-key=\"key\">\n  <p-confirmpopup #cp [key]=\"key\">\n    <ng-template #headless let-data>\n      <div class=\"flex items-center gap-2 p-3 min-w-100\">\n        <div class=\"text-3xl mb-2\">\n          <mt-icon [icon]=\"data.icon\"></mt-icon>\n        </div>\n        <div>{{ data.message }}</div>\n      </div>\n\n      <div class=\"flex items-center justify-end gap-2 p-3 pt-0\">\n        <mt-button\n          [label]=\"data.acceptLabel\"\n          [styleClass]=\"data.acceptButtonStyleClass\"\n          [severity]=\"data.acceptButton.severity\"\n          [variant]=\"data.acceptButton.variant\"\n          size=\"small\"\n          (onClick)=\"cp.onAccept()\"\n        ></mt-button>\n        <mt-button\n          [label]=\"data.rejectLabel\"\n          [severity]=\"data.rejectButton.severity\"\n          [variant]=\"data.rejectButton.variant\"\n          size=\"small\"\n          (onClick)=\"cp.onReject()\"\n        ></mt-button>\n      </div>\n    </ng-template>\n  </p-confirmpopup>\n</ng-template>\n\n<ng-container\n  *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup1' }\"\n></ng-container>\n<ng-container\n  *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup2' }\"\n></ng-container>\n\n<p-confirmdialog [key]=\"'dialog'\">\n  <ng-template\n    #headless\n    let-data\n    let-onAccept=\"onAccept\"\n    let-onReject=\"onReject\"\n  >\n    <div\n      class=\"flex items-center justify-between bg-surface-100 rounded-t-xl px-4 py-2\"\n    >\n      <div class=\"text-xl font-semibold\">{{ data.header }}</div>\n      <mt-button\n        [icon]=\"'general.x-close'\"\n        variant=\"text\"\n        severity=\"secondary\"\n        styleClass=\"text-8xl\"\n        size=\"large\"\n        (onClick)=\"onReject()\"\n      ></mt-button>\n    </div>\n\n    <div class=\"flex items-center gap-2 p-4 min-w-100\">\n      <div class=\"text-3xl mb-2\">\n        <mt-icon [icon]=\"data.icon\"></mt-icon>\n      </div>\n      <div>{{ data.message }}</div>\n    </div>\n\n    <div class=\"flex items-center justify-end gap-2 mt-2 p-4\">\n      <mt-button\n        [label]=\"data.acceptLabel\"\n        [styleClass]=\"data.acceptButtonStyleClass\"\n        [severity]=\"data.acceptButton.severity\"\n        [variant]=\"data.acceptButton.variant\"\n        (onClick)=\"onAccept()\"\n      ></mt-button>\n      <mt-button\n        [label]=\"data.rejectLabel\"\n        [severity]=\"data.rejectButton.severity\"\n        [variant]=\"data.rejectButton.variant\"\n        (onClick)=\"onReject()\"\n      ></mt-button>\n    </div>\n  </ng-template>\n</p-confirmdialog>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["PNConfirmationService"],"mappings":"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"}
+{"version":3,"file":"masterteam-components-confirmation.mjs","sources":["../../../../packages/masterteam/components/confirmation/confirmation.ts","../../../../packages/masterteam/components/confirmation/confirmation-dialog.ts","../../../../packages/masterteam/components/confirmation/confirmation-dialog.html","../../../../packages/masterteam/components/confirmation/masterteam-components-confirmation.ts"],"sourcesContent":["import { inject, Injectable, signal } from '@angular/core';\nimport {\n  ConfirmationService as PNConfirmationService,\n  Confirmation,\n} from 'primeng/api';\nimport { TranslocoService } from '@jsverse/transloco';\n\ninterface ButtonConfig {\n  severity?: string | undefined;\n  variant?: string | undefined;\n}\ninterface BaseConfirmationConfig extends Confirmation {\n  draggable?: boolean;\n  acceptButton?: ButtonConfig;\n  rejectButton?: ButtonConfig;\n  confirmationType?: string;\n}\n\ninterface DialogConfirmationConfig extends BaseConfirmationConfig {\n  type?: 'dialog' | undefined;\n  event?: Event;\n}\n\ninterface PopupConfirmationConfig extends BaseConfirmationConfig {\n  type: 'popup';\n  event: Event;\n}\n\nexport type ConfirmationConfig =\n  | DialogConfirmationConfig\n  | PopupConfirmationConfig;\n\n@Injectable({ providedIn: 'root' })\nexport class ConfirmationService {\n  private confirmationService = inject(PNConfirmationService);\n  private transloco = inject(TranslocoService);\n  private defaultConfig: ConfirmationConfig = {\n    header: this.transloco.translate('components.confirmation.header'),\n    message: this.transloco.translate('components.confirmation.message'),\n    icon: 'alert.alert-triangle',\n    acceptLabel: this.transloco.translate('components.confirmation.yes'),\n    rejectLabel: this.transloco.translate('components.confirmation.cancel'),\n    acceptButton: {\n      severity: 'primary',\n      variant: undefined,\n    },\n    rejectButton: {\n      severity: 'secondary',\n      variant: 'text',\n    },\n    position: 'center',\n    type: 'dialog',\n    closeOnEscape: true,\n    dismissableMask: true,\n    draggable: false,\n  };\n  popupKey = signal<string | undefined>('');\n  private lastTarget: EventTarget | null = null;\n\n  confirm(config: ConfirmationConfig): void {\n    const currentTarget = config?.event?.currentTarget;\n    this.popupKey.update((prev) => {\n      if (config.type === 'popup') {\n        if (this.lastTarget === currentTarget) {\n          return prev || 'popup1';\n        }\n        return prev === 'popup1' ? 'popup2' : 'popup1';\n      }\n      return config.type;\n    });\n\n    this.lastTarget = currentTarget ?? null;\n    this.confirmationService.close();\n    const mergedConfig: Confirmation = {\n      ...this.defaultConfig,\n      ...config,\n      target: currentTarget as EventTarget,\n      key: this.popupKey(),\n    };\n    this.confirmationService.confirm(mergedConfig);\n  }\n\n  confirmDelete(config: ConfirmationConfig): void {\n    this.confirm({\n      message: 'Are you sure you want to delete?',\n      header: 'Delete Confirmation',\n      icon: 'general.trash-01',\n      acceptLabel: 'Delete',\n      rejectLabel: 'Cancel',\n      acceptButton: {\n        severity: 'danger',\n      },\n      ...config,\n    });\n  }\n}\n","import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ConfirmDialog } from 'primeng/confirmdialog';\nimport { Button } from '@masterteam/components/button';\nimport { Icon } from '@masterteam/icons';\nimport { ConfirmPopup } from 'primeng/confirmpopup';\n\n@Component({\n  selector: 'mt-confirmation-dialog',\n  standalone: true,\n  imports: [CommonModule, ConfirmDialog, Button, Icon, ConfirmPopup],\n  templateUrl: './confirmation-dialog.html',\n  styleUrl: './confirmation-dialog.scss',\n})\nexport class ConfirmationDialog {}\n","<ng-template #popupTemplate let-key=\"key\">\n  <p-confirmpopup #cp [key]=\"key\">\n    <ng-template #headless let-data>\n      <div class=\"flex items-center gap-2 p-3 min-w-100\">\n        <div class=\"text-3xl mb-2\">\n          <mt-icon [icon]=\"data.icon\"></mt-icon>\n        </div>\n        <div>{{ data.message }}</div>\n      </div>\n\n      <div class=\"flex items-center justify-end gap-2 p-3 pt-0\">\n        <mt-button\n          [label]=\"data.acceptLabel\"\n          [styleClass]=\"data.acceptButtonStyleClass\"\n          [severity]=\"data.acceptButton.severity\"\n          [variant]=\"data.acceptButton.variant\"\n          size=\"small\"\n          (onClick)=\"cp.onAccept()\"\n        ></mt-button>\n        <mt-button\n          [label]=\"data.rejectLabel\"\n          [severity]=\"data.rejectButton.severity\"\n          [variant]=\"data.rejectButton.variant\"\n          size=\"small\"\n          (onClick)=\"cp.onReject()\"\n        ></mt-button>\n      </div>\n    </ng-template>\n  </p-confirmpopup>\n</ng-template>\n\n<ng-container\n  *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup1' }\"\n></ng-container>\n<ng-container\n  *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup2' }\"\n></ng-container>\n\n<p-confirmdialog [key]=\"'dialog'\">\n  <ng-template\n    #headless\n    let-data\n    let-onAccept=\"onAccept\"\n    let-onReject=\"onReject\"\n  >\n    <div\n      class=\"flex items-center justify-between bg-surface-100 rounded-t-xl px-4 py-2\"\n    >\n      <div class=\"text-xl font-semibold\">{{ data.header }}</div>\n      <mt-button\n        [icon]=\"'general.x-close'\"\n        variant=\"text\"\n        severity=\"secondary\"\n        styleClass=\"text-8xl\"\n        size=\"large\"\n        (onClick)=\"onReject()\"\n      ></mt-button>\n    </div>\n\n    <div class=\"flex items-center gap-2 p-4 min-w-100\">\n      <div class=\"text-3xl mb-2\">\n        <mt-icon [icon]=\"data.icon\"></mt-icon>\n      </div>\n      <div>{{ data.message }}</div>\n    </div>\n\n    <div class=\"flex items-center justify-end gap-2 mt-2 p-4\">\n      <mt-button\n        [label]=\"data.acceptLabel\"\n        [styleClass]=\"data.acceptButtonStyleClass\"\n        [severity]=\"data.acceptButton.severity\"\n        [variant]=\"data.acceptButton.variant\"\n        (onClick)=\"onAccept()\"\n      ></mt-button>\n      <mt-button\n        [label]=\"data.rejectLabel\"\n        [severity]=\"data.rejectButton.severity\"\n        [variant]=\"data.rejectButton.variant\"\n        (onClick)=\"onReject()\"\n      ></mt-button>\n    </div>\n  </ng-template>\n</p-confirmdialog>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["PNConfirmationService"],"mappings":"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"}