@masterteam/components 0.0.69 → 0.0.70

package/fesm2022/masterteam-components-avatar-text.mjs

@@ -31,11 +31,11 @@ class AvatarText {
     textSizeClass = computed(() => this.sizeMap[this.size() ?? 'normal'].text, ...(ngDevMode ? [{ debugName: "textSizeClass" }] : []));
     gapClass = computed(() => this.sizeMap[this.size() ?? 'normal'].gap, ...(ngDevMode ? [{ debugName: "gapClass" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: AvatarText, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: AvatarText, isStandalone: true, selector: "mt-avatar-text", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null }, avatarLabel: { classPropertyName: "avatarLabel", publicName: "avatarLabel", 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 }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, badgeSize: { classPropertyName: "badgeSize", publicName: "badgeSize", isSignal: true, isRequired: false, transformFunction: null }, badgeSeverity: { classPropertyName: "badgeSeverity", publicName: "badgeSeverity", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onImageError: "onImageError" }, ngImport: i0, template: "<div [class]=\"'flex items-center ' + gapClass()\">\n  <mt-avatar\n    [size]=\"size()\"\n    [shape]=\"shape()\"\n    [label]=\"avatarLabel()\"\n    [image]=\"image()\"\n    [icon]=\"icon()\"\n    [badge]=\"badge()\"\n    [badgeSize]=\"badgeSize()\"\n    [badgeSeverity]=\"badgeSeverity()\"\n    (onImageError)=\"onImageError.emit($event)\"\n  >\n  </mt-avatar>\n  @if (title()) {\n    <div [class]=\"textSizeClass()\">\n      <div class=\"font-semibold\">\n        {{ title() }}\n      </div>\n      @if (subTitle()) {\n        <div class=\"text-muted-color\" [class.font-semibold]=\"!title()\">\n          {{ subTitle() }}\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: Avatar, selector: "mt-avatar", inputs: ["label", "icon", "image", "styleClass", "size", "shape", "badge", "badgeSize", "badgeSeverity"], outputs: ["onImageError"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: AvatarText, isStandalone: true, selector: "mt-avatar-text", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null }, avatarLabel: { classPropertyName: "avatarLabel", publicName: "avatarLabel", 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 }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, badgeSize: { classPropertyName: "badgeSize", publicName: "badgeSize", isSignal: true, isRequired: false, transformFunction: null }, badgeSeverity: { classPropertyName: "badgeSeverity", publicName: "badgeSeverity", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onImageError: "onImageError" }, ngImport: i0, template: "<div [class]=\"'flex items-center ' + gapClass()\">\r\n  <mt-avatar\r\n    [size]=\"size()\"\r\n    [shape]=\"shape()\"\r\n    [label]=\"avatarLabel()\"\r\n    [image]=\"image()\"\r\n    [icon]=\"icon()\"\r\n    [badge]=\"badge()\"\r\n    [badgeSize]=\"badgeSize()\"\r\n    [badgeSeverity]=\"badgeSeverity()\"\r\n    (onImageError)=\"onImageError.emit($event)\"\r\n  >\r\n  </mt-avatar>\r\n  @if (title()) {\r\n    <div [class]=\"textSizeClass()\">\r\n      <div class=\"font-semibold\">\r\n        {{ title() }}\r\n      </div>\r\n      @if (subTitle()) {\r\n        <div class=\"text-muted-color\" [class.font-semibold]=\"!title()\">\r\n          {{ subTitle() }}\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: Avatar, selector: "mt-avatar", inputs: ["label", "icon", "image", "styleClass", "size", "shape", "badge", "badgeSize", "badgeSeverity"], outputs: ["onImageError"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: AvatarText, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-avatar-text', standalone: true, imports: [Avatar], template: "<div [class]=\"'flex items-center ' + gapClass()\">\n  <mt-avatar\n    [size]=\"size()\"\n    [shape]=\"shape()\"\n    [label]=\"avatarLabel()\"\n    [image]=\"image()\"\n    [icon]=\"icon()\"\n    [badge]=\"badge()\"\n    [badgeSize]=\"badgeSize()\"\n    [badgeSeverity]=\"badgeSeverity()\"\n    (onImageError)=\"onImageError.emit($event)\"\n  >\n  </mt-avatar>\n  @if (title()) {\n    <div [class]=\"textSizeClass()\">\n      <div class=\"font-semibold\">\n        {{ title() }}\n      </div>\n      @if (subTitle()) {\n        <div class=\"text-muted-color\" [class.font-semibold]=\"!title()\">\n          {{ subTitle() }}\n        </div>\n      }\n    </div>\n  }\n</div>\n" }]
+            args: [{ selector: 'mt-avatar-text', standalone: true, imports: [Avatar], template: "<div [class]=\"'flex items-center ' + gapClass()\">\r\n  <mt-avatar\r\n    [size]=\"size()\"\r\n    [shape]=\"shape()\"\r\n    [label]=\"avatarLabel()\"\r\n    [image]=\"image()\"\r\n    [icon]=\"icon()\"\r\n    [badge]=\"badge()\"\r\n    [badgeSize]=\"badgeSize()\"\r\n    [badgeSeverity]=\"badgeSeverity()\"\r\n    (onImageError)=\"onImageError.emit($event)\"\r\n  >\r\n  </mt-avatar>\r\n  @if (title()) {\r\n    <div [class]=\"textSizeClass()\">\r\n      <div class=\"font-semibold\">\r\n        {{ title() }}\r\n      </div>\r\n      @if (subTitle()) {\r\n        <div class=\"text-muted-color\" [class.font-semibold]=\"!title()\">\r\n          {{ subTitle() }}\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n" }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subTitle", required: false }] }], avatarLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarLabel", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], image: [{ type: i0.Input, args: [{ isSignal: true, alias: "image", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], badge: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge", required: false }] }], badgeSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeSize", required: false }] }], badgeSeverity: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeSeverity", required: false }] }], onImageError: [{ type: i0.Output, args: ["onImageError"] }] } });
 
 /**

package/fesm2022/masterteam-components-avatar-text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-avatar-text.mjs","sources":["../../../../packages/masterteam/components/avatar-text/avatar-text.ts","../../../../packages/masterteam/components/avatar-text/avatar-text.html","../../../../packages/masterteam/components/avatar-text/masterteam-components-avatar-text.ts"],"sourcesContent":["import { Component, computed, input, output } from '@angular/core';\nimport { Avatar } from '@masterteam/components/avatar';\nimport { MTIcon } from '@masterteam/icons';\n\n@Component({\n  selector: 'mt-avatar-text',\n  standalone: true,\n  imports: [Avatar],\n  templateUrl: './avatar-text.html',\n  styleUrls: ['./avatar-text.scss'],\n})\nexport class AvatarText {\n  readonly title = input<string>();\n  readonly subTitle = input<string>();\n  readonly avatarLabel = input<string>();\n  readonly icon = input<MTIcon>();\n  readonly image = input<string>();\n  readonly size = input<'normal' | 'large' | 'xlarge' | undefined>('normal');\n  readonly shape = input<'square' | 'circle' | undefined>('circle');\n  readonly badge = input<string>();\n  readonly badgeSize = input<'small' | 'large' | 'xlarge'>();\n  readonly badgeSeverity = input<\n    | 'info'\n    | 'success'\n    | 'warn'\n    | 'danger'\n    | 'secondary'\n    | 'contrast'\n    | 'help'\n    | 'primary'\n  >();\n\n  onImageError = output<Event>();\n\n  private readonly sizeMap = {\n    normal: {\n      text: 'text-xs',\n      gap: 'gap-2',\n    },\n    large: {\n      text: 'text-md',\n      gap: 'gap-4',\n    },\n    xlarge: {\n      text: 'text-xl',\n      gap: 'gap-5',\n    },\n  };\n\n  textSizeClass = computed(() => this.sizeMap[this.size() ?? 'normal'].text);\n  gapClass = computed(() => this.sizeMap[this.size() ?? 'normal'].gap);\n}\n","<div [class]=\"'flex items-center ' + gapClass()\">\n  <mt-avatar\n    [size]=\"size()\"\n    [shape]=\"shape()\"\n    [label]=\"avatarLabel()\"\n    [image]=\"image()\"\n    [icon]=\"icon()\"\n    [badge]=\"badge()\"\n    [badgeSize]=\"badgeSize()\"\n    [badgeSeverity]=\"badgeSeverity()\"\n    (onImageError)=\"onImageError.emit($event)\"\n  >\n  </mt-avatar>\n  @if (title()) {\n    <div [class]=\"textSizeClass()\">\n      <div class=\"font-semibold\">\n        {{ title() }}\n      </div>\n      @if (subTitle()) {\n        <div class=\"text-muted-color\" [class.font-semibold]=\"!title()\">\n          {{ subTitle() }}\n        </div>\n      }\n    </div>\n  }\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-avatar-text.mjs","sources":["../../../../packages/masterteam/components/avatar-text/avatar-text.ts","../../../../packages/masterteam/components/avatar-text/avatar-text.html","../../../../packages/masterteam/components/avatar-text/masterteam-components-avatar-text.ts"],"sourcesContent":["import { Component, computed, input, output } from '@angular/core';\r\nimport { Avatar } from '@masterteam/components/avatar';\r\nimport { MTIcon } from '@masterteam/icons';\r\n\r\n@Component({\r\n  selector: 'mt-avatar-text',\r\n  standalone: true,\r\n  imports: [Avatar],\r\n  templateUrl: './avatar-text.html',\r\n  styleUrls: ['./avatar-text.scss'],\r\n})\r\nexport class AvatarText {\r\n  readonly title = input<string>();\r\n  readonly subTitle = input<string>();\r\n  readonly avatarLabel = input<string>();\r\n  readonly icon = input<MTIcon>();\r\n  readonly image = input<string>();\r\n  readonly size = input<'normal' | 'large' | 'xlarge' | undefined>('normal');\r\n  readonly shape = input<'square' | 'circle' | undefined>('circle');\r\n  readonly badge = input<string>();\r\n  readonly badgeSize = input<'small' | 'large' | 'xlarge'>();\r\n  readonly badgeSeverity = input<\r\n    | 'info'\r\n    | 'success'\r\n    | 'warn'\r\n    | 'danger'\r\n    | 'secondary'\r\n    | 'contrast'\r\n    | 'help'\r\n    | 'primary'\r\n  >();\r\n\r\n  onImageError = output<Event>();\r\n\r\n  private readonly sizeMap = {\r\n    normal: {\r\n      text: 'text-xs',\r\n      gap: 'gap-2',\r\n    },\r\n    large: {\r\n      text: 'text-md',\r\n      gap: 'gap-4',\r\n    },\r\n    xlarge: {\r\n      text: 'text-xl',\r\n      gap: 'gap-5',\r\n    },\r\n  };\r\n\r\n  textSizeClass = computed(() => this.sizeMap[this.size() ?? 'normal'].text);\r\n  gapClass = computed(() => this.sizeMap[this.size() ?? 'normal'].gap);\r\n}\r\n","<div [class]=\"'flex items-center ' + gapClass()\">\r\n  <mt-avatar\r\n    [size]=\"size()\"\r\n    [shape]=\"shape()\"\r\n    [label]=\"avatarLabel()\"\r\n    [image]=\"image()\"\r\n    [icon]=\"icon()\"\r\n    [badge]=\"badge()\"\r\n    [badgeSize]=\"badgeSize()\"\r\n    [badgeSeverity]=\"badgeSeverity()\"\r\n    (onImageError)=\"onImageError.emit($event)\"\r\n  >\r\n  </mt-avatar>\r\n  @if (title()) {\r\n    <div [class]=\"textSizeClass()\">\r\n      <div class=\"font-semibold\">\r\n        {{ title() }}\r\n      </div>\r\n      @if (subTitle()) {\r\n        <div class=\"text-muted-color\" [class.font-semibold]=\"!title()\">\r\n          {{ subTitle() }}\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/masterteam-components-avatar.mjs

@@ -28,13 +28,13 @@ class Avatar {
         return this.badgeSizeMap[this.size() ?? 'normal'];
     }, ...(ngDevMode ? [{ debugName: "internalBadgeSize" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Avatar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Avatar, isStandalone: true, selector: "mt-avatar", 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 }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, badgeSize: { classPropertyName: "badgeSize", publicName: "badgeSize", isSignal: true, isRequired: false, transformFunction: null }, badgeSeverity: { classPropertyName: "badgeSeverity", publicName: "badgeSeverity", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onImageError: "onImageError" }, host: { classAttribute: "grid gap-1" }, ngImport: i0, template: "@if (!badge()) {\n  <p-avatar\n    [styleClass]=\"styleClass()\"\n    [size]=\"size()\"\n    [shape]=\"shape()\"\n    [label]=\"label()\"\n    [image]=\"image()\"\n    (onImageError)=\"onImageError.emit($event)\"\n  >\n    @if (icon()) {\n      <mt-icon [icon]=\"icon()\" />\n    }\n  </p-avatar>\n} @else {\n  <p-overlaybadge\n    [badgeSize]=\"internalBadgeSize()\"\n    [value]=\"badge()\"\n    [severity]=\"badgeSeverity()\"\n  >\n    <p-avatar\n      [size]=\"size()\"\n      [shape]=\"shape()\"\n      [label]=\"label()\"\n      [image]=\"image()\"\n      (onImageError)=\"onImageError($event)\"\n    >\n      @if (icon()) {\n        <mt-icon [icon]=\"icon()\" />\n      }\n    </p-avatar>\n  </p-overlaybadge>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i1.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "ngmodule", type: OverlayBadgeModule }, { kind: "component", type: i2.OverlayBadge, selector: "p-overlayBadge, p-overlay-badge, p-overlaybadge", inputs: ["styleClass", "style", "badgeSize", "severity", "value", "badgeDisabled", "size"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Avatar, isStandalone: true, selector: "mt-avatar", 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 }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, badgeSize: { classPropertyName: "badgeSize", publicName: "badgeSize", isSignal: true, isRequired: false, transformFunction: null }, badgeSeverity: { classPropertyName: "badgeSeverity", publicName: "badgeSeverity", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onImageError: "onImageError" }, host: { classAttribute: "grid gap-1" }, ngImport: i0, template: "@if (!badge()) {\r\n  <p-avatar\r\n    [styleClass]=\"styleClass()\"\r\n    [size]=\"size()\"\r\n    [shape]=\"shape()\"\r\n    [label]=\"label()\"\r\n    [image]=\"image()\"\r\n    (onImageError)=\"onImageError.emit($event)\"\r\n  >\r\n    @if (icon()) {\r\n      <mt-icon [icon]=\"icon()\" />\r\n    }\r\n  </p-avatar>\r\n} @else {\r\n  <p-overlaybadge\r\n    [badgeSize]=\"internalBadgeSize()\"\r\n    [value]=\"badge()\"\r\n    [severity]=\"badgeSeverity()\"\r\n  >\r\n    <p-avatar\r\n      [size]=\"size()\"\r\n      [shape]=\"shape()\"\r\n      [label]=\"label()\"\r\n      [image]=\"image()\"\r\n      (onImageError)=\"onImageError($event)\"\r\n    >\r\n      @if (icon()) {\r\n        <mt-icon [icon]=\"icon()\" />\r\n      }\r\n    </p-avatar>\r\n  </p-overlaybadge>\r\n}\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i1.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "ngmodule", type: OverlayBadgeModule }, { kind: "component", type: i2.OverlayBadge, selector: "p-overlayBadge, p-overlay-badge, p-overlaybadge", inputs: ["styleClass", "style", "badgeSize", "severity", "value", "badgeDisabled", "size"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Avatar, decorators: [{
             type: Component,
             args: [{ selector: 'mt-avatar', standalone: true, imports: [AvatarModule, OverlayBadgeModule, Icon], host: {
                         class: 'grid gap-1',
-                    }, template: "@if (!badge()) {\n  <p-avatar\n    [styleClass]=\"styleClass()\"\n    [size]=\"size()\"\n    [shape]=\"shape()\"\n    [label]=\"label()\"\n    [image]=\"image()\"\n    (onImageError)=\"onImageError.emit($event)\"\n  >\n    @if (icon()) {\n      <mt-icon [icon]=\"icon()\" />\n    }\n  </p-avatar>\n} @else {\n  <p-overlaybadge\n    [badgeSize]=\"internalBadgeSize()\"\n    [value]=\"badge()\"\n    [severity]=\"badgeSeverity()\"\n  >\n    <p-avatar\n      [size]=\"size()\"\n      [shape]=\"shape()\"\n      [label]=\"label()\"\n      [image]=\"image()\"\n      (onImageError)=\"onImageError($event)\"\n    >\n      @if (icon()) {\n        <mt-icon [icon]=\"icon()\" />\n      }\n    </p-avatar>\n  </p-overlaybadge>\n}\n" }]
+                    }, template: "@if (!badge()) {\r\n  <p-avatar\r\n    [styleClass]=\"styleClass()\"\r\n    [size]=\"size()\"\r\n    [shape]=\"shape()\"\r\n    [label]=\"label()\"\r\n    [image]=\"image()\"\r\n    (onImageError)=\"onImageError.emit($event)\"\r\n  >\r\n    @if (icon()) {\r\n      <mt-icon [icon]=\"icon()\" />\r\n    }\r\n  </p-avatar>\r\n} @else {\r\n  <p-overlaybadge\r\n    [badgeSize]=\"internalBadgeSize()\"\r\n    [value]=\"badge()\"\r\n    [severity]=\"badgeSeverity()\"\r\n  >\r\n    <p-avatar\r\n      [size]=\"size()\"\r\n      [shape]=\"shape()\"\r\n      [label]=\"label()\"\r\n      [image]=\"image()\"\r\n      (onImageError)=\"onImageError($event)\"\r\n    >\r\n      @if (icon()) {\r\n        <mt-icon [icon]=\"icon()\" />\r\n      }\r\n    </p-avatar>\r\n  </p-overlaybadge>\r\n}\r\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 }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], badge: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge", required: false }] }], badgeSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeSize", required: false }] }], badgeSeverity: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeSeverity", required: false }] }], onImageError: [{ type: i0.Output, args: ["onImageError"] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-avatar.mjs","sources":["../../../../packages/masterteam/components/avatar/avatar.ts","../../../../packages/masterteam/components/avatar/avatar.html","../../../../packages/masterteam/components/avatar/masterteam-components-avatar.ts"],"sourcesContent":["import { Component, computed, input, output } from '@angular/core';\nimport { AvatarModule } from 'primeng/avatar';\nimport { OverlayBadgeModule } from 'primeng/overlaybadge';\nimport { Icon, MTIcon } from '@masterteam/icons';\n\n@Component({\n  selector: 'mt-avatar',\n  standalone: true,\n  imports: [AvatarModule, OverlayBadgeModule, Icon],\n  templateUrl: './avatar.html',\n  styleUrls: ['./avatar.scss'],\n  host: {\n    class: 'grid gap-1',\n  },\n})\nexport class Avatar {\n  readonly label = input<string>();\n  readonly icon = input<MTIcon>();\n  readonly image = input<string>();\n  readonly styleClass = input<string>();\n  readonly size = input<'normal' | 'large' | 'xlarge' | undefined>('normal');\n  readonly shape = input<'square' | 'circle' | undefined>('circle');\n  readonly badge = input<string>();\n  readonly badgeSize = input<'small' | 'large' | 'xlarge'>();\n  readonly badgeSeverity = input<\n    | 'info'\n    | 'success'\n    | 'warn'\n    | 'danger'\n    | 'secondary'\n    | 'contrast'\n    | 'help'\n    | 'primary'\n  >('primary');\n\n  onImageError = output<Event>();\n\n  private readonly badgeSizeMap = {\n    normal: 'small',\n    large: undefined,\n    xlarge: 'large',\n  };\n\n  internalBadgeSize = computed(() => {\n    if (this.badgeSize()) return this.badgeSize();\n\n    return this.badgeSizeMap[this.size() ?? 'normal'];\n  });\n}\n","@if (!badge()) {\n  <p-avatar\n    [styleClass]=\"styleClass()\"\n    [size]=\"size()\"\n    [shape]=\"shape()\"\n    [label]=\"label()\"\n    [image]=\"image()\"\n    (onImageError)=\"onImageError.emit($event)\"\n  >\n    @if (icon()) {\n      <mt-icon [icon]=\"icon()\" />\n    }\n  </p-avatar>\n} @else {\n  <p-overlaybadge\n    [badgeSize]=\"internalBadgeSize()\"\n    [value]=\"badge()\"\n    [severity]=\"badgeSeverity()\"\n  >\n    <p-avatar\n      [size]=\"size()\"\n      [shape]=\"shape()\"\n      [label]=\"label()\"\n      [image]=\"image()\"\n      (onImageError)=\"onImageError($event)\"\n    >\n      @if (icon()) {\n        <mt-icon [icon]=\"icon()\" />\n      }\n    </p-avatar>\n  </p-overlaybadge>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;MAea,MAAM,CAAA;IACR,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACvB,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACtB,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACvB,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAC5B,IAAA,IAAI,GAAG,KAAK,CAA4C,QAAQ,gDAAC;AACjE,IAAA,KAAK,GAAG,KAAK,CAAkC,QAAQ,iDAAC;IACxD,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACvB,SAAS,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAgC;AACjD,IAAA,aAAa,GAAG,KAAK,CAS5B,SAAS,yDAAC;IAEZ,YAAY,GAAG,MAAM,EAAS;AAEb,IAAA,YAAY,GAAG;AAC9B,QAAA,MAAM,EAAE,OAAO;AACf,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,MAAM,EAAE,OAAO;KAChB;AAED,IAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAK;QAChC,IAAI,IAAI,CAAC,SAAS,EAAE;AAAE,YAAA,OAAO,IAAI,CAAC,SAAS,EAAE;QAE7C,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,QAAQ,CAAC;AACnD,IAAA,CAAC,6DAAC;uGAhCS,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAN,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAM,ywCCfnB,mtBAgCA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDxBY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,WAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,kBAAkB,sOAAE,IAAI,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAOrC,MAAM,EAAA,UAAA,EAAA,CAAA;kBAVlB,SAAS;+BACE,WAAW,EAAA,UAAA,EACT,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,kBAAkB,EAAE,IAAI,CAAC,EAAA,IAAA,EAG3C;AACJ,wBAAA,KAAK,EAAE,YAAY;AACpB,qBAAA,EAAA,QAAA,EAAA,mtBAAA,EAAA;;;AEbH;;AAEG;;;;"}
+{"version":3,"file":"masterteam-components-avatar.mjs","sources":["../../../../packages/masterteam/components/avatar/avatar.ts","../../../../packages/masterteam/components/avatar/avatar.html","../../../../packages/masterteam/components/avatar/masterteam-components-avatar.ts"],"sourcesContent":["import { Component, computed, input, output } from '@angular/core';\r\nimport { AvatarModule } from 'primeng/avatar';\r\nimport { OverlayBadgeModule } from 'primeng/overlaybadge';\r\nimport { Icon, MTIcon } from '@masterteam/icons';\r\n\r\n@Component({\r\n  selector: 'mt-avatar',\r\n  standalone: true,\r\n  imports: [AvatarModule, OverlayBadgeModule, Icon],\r\n  templateUrl: './avatar.html',\r\n  styleUrls: ['./avatar.scss'],\r\n  host: {\r\n    class: 'grid gap-1',\r\n  },\r\n})\r\nexport class Avatar {\r\n  readonly label = input<string>();\r\n  readonly icon = input<MTIcon>();\r\n  readonly image = input<string>();\r\n  readonly styleClass = input<string>();\r\n  readonly size = input<'normal' | 'large' | 'xlarge' | undefined>('normal');\r\n  readonly shape = input<'square' | 'circle' | undefined>('circle');\r\n  readonly badge = input<string>();\r\n  readonly badgeSize = input<'small' | 'large' | 'xlarge'>();\r\n  readonly badgeSeverity = input<\r\n    | 'info'\r\n    | 'success'\r\n    | 'warn'\r\n    | 'danger'\r\n    | 'secondary'\r\n    | 'contrast'\r\n    | 'help'\r\n    | 'primary'\r\n  >('primary');\r\n\r\n  onImageError = output<Event>();\r\n\r\n  private readonly badgeSizeMap = {\r\n    normal: 'small',\r\n    large: undefined,\r\n    xlarge: 'large',\r\n  };\r\n\r\n  internalBadgeSize = computed(() => {\r\n    if (this.badgeSize()) return this.badgeSize();\r\n\r\n    return this.badgeSizeMap[this.size() ?? 'normal'];\r\n  });\r\n}\r\n","@if (!badge()) {\r\n  <p-avatar\r\n    [styleClass]=\"styleClass()\"\r\n    [size]=\"size()\"\r\n    [shape]=\"shape()\"\r\n    [label]=\"label()\"\r\n    [image]=\"image()\"\r\n    (onImageError)=\"onImageError.emit($event)\"\r\n  >\r\n    @if (icon()) {\r\n      <mt-icon [icon]=\"icon()\" />\r\n    }\r\n  </p-avatar>\r\n} @else {\r\n  <p-overlaybadge\r\n    [badgeSize]=\"internalBadgeSize()\"\r\n    [value]=\"badge()\"\r\n    [severity]=\"badgeSeverity()\"\r\n  >\r\n    <p-avatar\r\n      [size]=\"size()\"\r\n      [shape]=\"shape()\"\r\n      [label]=\"label()\"\r\n      [image]=\"image()\"\r\n      (onImageError)=\"onImageError($event)\"\r\n    >\r\n      @if (icon()) {\r\n        <mt-icon [icon]=\"icon()\" />\r\n      }\r\n    </p-avatar>\r\n  </p-overlaybadge>\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;MAea,MAAM,CAAA;IACR,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACvB,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACtB,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACvB,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAC5B,IAAA,IAAI,GAAG,KAAK,CAA4C,QAAQ,gDAAC;AACjE,IAAA,KAAK,GAAG,KAAK,CAAkC,QAAQ,iDAAC;IACxD,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACvB,SAAS,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAgC;AACjD,IAAA,aAAa,GAAG,KAAK,CAS5B,SAAS,yDAAC;IAEZ,YAAY,GAAG,MAAM,EAAS;AAEb,IAAA,YAAY,GAAG;AAC9B,QAAA,MAAM,EAAE,OAAO;AACf,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,MAAM,EAAE,OAAO;KAChB;AAED,IAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAK;QAChC,IAAI,IAAI,CAAC,SAAS,EAAE;AAAE,YAAA,OAAO,IAAI,CAAC,SAAS,EAAE;QAE7C,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,QAAQ,CAAC;AACnD,IAAA,CAAC,6DAAC;uGAhCS,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAN,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAM,ywCCfnB,mxBAgCA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDxBY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,WAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,kBAAkB,sOAAE,IAAI,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAOrC,MAAM,EAAA,UAAA,EAAA,CAAA;kBAVlB,SAAS;+BACE,WAAW,EAAA,UAAA,EACT,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,kBAAkB,EAAE,IAAI,CAAC,EAAA,IAAA,EAG3C;AACJ,wBAAA,KAAK,EAAE,YAAY;AACpB,qBAAA,EAAA,QAAA,EAAA,mxBAAA,EAAA;;;AEbH;;AAEG;;;;"}

package/fesm2022/masterteam-components-breadcrumb.mjs

@@ -10,13 +10,13 @@ class Breadcrumb {
     onItemClick = output();
     rtl = signal(document.documentElement.dir === 'rtl', ...(ngDevMode ? [{ debugName: "rtl" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Breadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Breadcrumb, isStandalone: true, selector: "mt-breadcrumb", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onItemClick: "onItemClick" }, host: { properties: { "class": "styleClass()" } }, ngImport: i0, template: "<nav aria-label=\"breadcrumb\">\n  <ol class=\"flex items-center space-x-2\">\n    @for (\n      item of items();\n      track item.label;\n      let isFirst = $first;\n      let isLast = $last\n    ) {\n      @if (!isFirst) {\n        <li>\n          <span class=\"text-gray-400 flex\">\n            <mt-icon\n              [icon]=\"this.rtl() ? 'arrow.chevron-left' : 'arrow.chevron-right'\"\n            ></mt-icon>\n          </span>\n        </li>\n      }\n      <li>\n        @if (item.routerLink) {\n          <a\n            [routerLink]=\"item.routerLink\"\n            class=\"text-gray-500 hover:text-gray-700 flex items-center gap-1 text-[.95rem]\"\n            (click)=\"onItemClick.emit(item)\"\n          >\n            @if (item.icon) {\n              <mt-icon [icon]=\"item.icon\"></mt-icon>\n            }\n            @if (item.label) {\n              <span>{{ item.label }}</span>\n            }\n          </a>\n        } @else {\n          <span\n            class=\"\n                {{\n              isLast\n                ? 'bg-primary-50 text-primary-400 cursor-default flex items-center gap-1 rounded-md px-2 py-1 text-[.95rem]'\n                : 'text-gray-500 hover:text-gray-700 flex items-center gap-1 text-[.95rem]'\n            }}\"\n            (click)=\"onItemClick.emit(item)\"\n          >\n            @if (item.icon) {\n              <mt-icon [icon]=\"item.icon\"></mt-icon>\n            }\n            @if (item.label) {\n              <span>{{ item.label }}</span>\n            }\n          </span>\n        }\n      </li>\n    }\n  </ol>\n</nav>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Breadcrumb, isStandalone: true, selector: "mt-breadcrumb", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onItemClick: "onItemClick" }, host: { properties: { "class": "styleClass()" } }, ngImport: i0, template: "<nav aria-label=\"breadcrumb\">\r\n  <ol class=\"flex items-center space-x-2\">\r\n    @for (\r\n      item of items();\r\n      track item.label;\r\n      let isFirst = $first;\r\n      let isLast = $last\r\n    ) {\r\n      @if (!isFirst) {\r\n        <li>\r\n          <span class=\"text-gray-400 flex\">\r\n            <mt-icon\r\n              [icon]=\"this.rtl() ? 'arrow.chevron-left' : 'arrow.chevron-right'\"\r\n            ></mt-icon>\r\n          </span>\r\n        </li>\r\n      }\r\n      <li>\r\n        @if (item.routerLink) {\r\n          <a\r\n            [routerLink]=\"item.routerLink\"\r\n            class=\"text-gray-500 hover:text-gray-700 flex items-center gap-1 text-[.95rem]\"\r\n            (click)=\"onItemClick.emit(item)\"\r\n          >\r\n            @if (item.icon) {\r\n              <mt-icon [icon]=\"item.icon\"></mt-icon>\r\n            }\r\n            @if (item.label) {\r\n              <span>{{ item.label }}</span>\r\n            }\r\n          </a>\r\n        } @else {\r\n          <span\r\n            class=\"\r\n                {{\r\n              isLast\r\n                ? 'bg-primary-50 text-primary-400 cursor-default flex items-center gap-1 rounded-md px-2 py-1 text-[.95rem]'\r\n                : 'text-gray-500 hover:text-gray-700 flex items-center gap-1 text-[.95rem]'\r\n            }}\"\r\n            (click)=\"onItemClick.emit(item)\"\r\n          >\r\n            @if (item.icon) {\r\n              <mt-icon [icon]=\"item.icon\"></mt-icon>\r\n            }\r\n            @if (item.label) {\r\n              <span>{{ item.label }}</span>\r\n            }\r\n          </span>\r\n        }\r\n      </li>\r\n    }\r\n  </ol>\r\n</nav>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Breadcrumb, decorators: [{
             type: Component,
             args: [{ selector: 'mt-breadcrumb', standalone: true, imports: [RouterModule, Icon], host: {
                         '[class]': 'styleClass()',
-                    }, template: "<nav aria-label=\"breadcrumb\">\n  <ol class=\"flex items-center space-x-2\">\n    @for (\n      item of items();\n      track item.label;\n      let isFirst = $first;\n      let isLast = $last\n    ) {\n      @if (!isFirst) {\n        <li>\n          <span class=\"text-gray-400 flex\">\n            <mt-icon\n              [icon]=\"this.rtl() ? 'arrow.chevron-left' : 'arrow.chevron-right'\"\n            ></mt-icon>\n          </span>\n        </li>\n      }\n      <li>\n        @if (item.routerLink) {\n          <a\n            [routerLink]=\"item.routerLink\"\n            class=\"text-gray-500 hover:text-gray-700 flex items-center gap-1 text-[.95rem]\"\n            (click)=\"onItemClick.emit(item)\"\n          >\n            @if (item.icon) {\n              <mt-icon [icon]=\"item.icon\"></mt-icon>\n            }\n            @if (item.label) {\n              <span>{{ item.label }}</span>\n            }\n          </a>\n        } @else {\n          <span\n            class=\"\n                {{\n              isLast\n                ? 'bg-primary-50 text-primary-400 cursor-default flex items-center gap-1 rounded-md px-2 py-1 text-[.95rem]'\n                : 'text-gray-500 hover:text-gray-700 flex items-center gap-1 text-[.95rem]'\n            }}\"\n            (click)=\"onItemClick.emit(item)\"\n          >\n            @if (item.icon) {\n              <mt-icon [icon]=\"item.icon\"></mt-icon>\n            }\n            @if (item.label) {\n              <span>{{ item.label }}</span>\n            }\n          </span>\n        }\n      </li>\n    }\n  </ol>\n</nav>\n" }]
+                    }, template: "<nav aria-label=\"breadcrumb\">\r\n  <ol class=\"flex items-center space-x-2\">\r\n    @for (\r\n      item of items();\r\n      track item.label;\r\n      let isFirst = $first;\r\n      let isLast = $last\r\n    ) {\r\n      @if (!isFirst) {\r\n        <li>\r\n          <span class=\"text-gray-400 flex\">\r\n            <mt-icon\r\n              [icon]=\"this.rtl() ? 'arrow.chevron-left' : 'arrow.chevron-right'\"\r\n            ></mt-icon>\r\n          </span>\r\n        </li>\r\n      }\r\n      <li>\r\n        @if (item.routerLink) {\r\n          <a\r\n            [routerLink]=\"item.routerLink\"\r\n            class=\"text-gray-500 hover:text-gray-700 flex items-center gap-1 text-[.95rem]\"\r\n            (click)=\"onItemClick.emit(item)\"\r\n          >\r\n            @if (item.icon) {\r\n              <mt-icon [icon]=\"item.icon\"></mt-icon>\r\n            }\r\n            @if (item.label) {\r\n              <span>{{ item.label }}</span>\r\n            }\r\n          </a>\r\n        } @else {\r\n          <span\r\n            class=\"\r\n                {{\r\n              isLast\r\n                ? 'bg-primary-50 text-primary-400 cursor-default flex items-center gap-1 rounded-md px-2 py-1 text-[.95rem]'\r\n                : 'text-gray-500 hover:text-gray-700 flex items-center gap-1 text-[.95rem]'\r\n            }}\"\r\n            (click)=\"onItemClick.emit(item)\"\r\n          >\r\n            @if (item.icon) {\r\n              <mt-icon [icon]=\"item.icon\"></mt-icon>\r\n            }\r\n            @if (item.label) {\r\n              <span>{{ item.label }}</span>\r\n            }\r\n          </span>\r\n        }\r\n      </li>\r\n    }\r\n  </ol>\r\n</nav>\r\n" }]
         }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], onItemClick: [{ type: i0.Output, args: ["onItemClick"] }] } });
 
 /**

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

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

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

@@ -5,11 +5,11 @@ import { ButtonGroupModule } from 'primeng/buttongroup';
 
 class ButtonGroup {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: ButtonGroup, isStandalone: true, selector: "mt-buttonGroup, mt-buttongroup, mt-button-group", ngImport: i0, template: "<p-buttongroup>\n  <ng-content></ng-content>\n</p-buttongroup>\n", styles: [":host ::ng-deep .p-buttongroup mt-button:first-of-type:not(:only-of-type) p-button .p-button{border-start-end-radius:0;border-end-end-radius:0}:host ::ng-deep .p-buttongroup mt-button:last-of-type:not(:only-of-type) p-button .p-button{border-start-start-radius:0;border-end-start-radius:0}:host ::ng-deep .p-buttongroup mt-button:not(:first-of-type):not(:last-of-type) p-button .p-button{border-radius:0}:host ::ng-deep .p-buttongroup mt-button:not(:last-child) p-button .p-button,:host ::ng-deep .p-buttongroup mt-button:not(:last-child) p-button .p-button:hover{border-right:0 none}\n"], dependencies: [{ kind: "ngmodule", type: ButtonGroupModule }, { kind: "component", type: i1.ButtonGroup, selector: "p-buttonGroup, p-buttongroup, p-button-group" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: ButtonGroup, isStandalone: true, selector: "mt-buttonGroup, mt-buttongroup, mt-button-group", ngImport: i0, template: "<p-buttongroup>\r\n  <ng-content></ng-content>\r\n</p-buttongroup>\r\n", styles: [":host ::ng-deep .p-buttongroup mt-button:first-of-type:not(:only-of-type) p-button .p-button{border-start-end-radius:0;border-end-end-radius:0}:host ::ng-deep .p-buttongroup mt-button:last-of-type:not(:only-of-type) p-button .p-button{border-start-start-radius:0;border-end-start-radius:0}:host ::ng-deep .p-buttongroup mt-button:not(:first-of-type):not(:last-of-type) p-button .p-button{border-radius:0}:host ::ng-deep .p-buttongroup mt-button:not(:last-child) p-button .p-button,:host ::ng-deep .p-buttongroup mt-button:not(:last-child) p-button .p-button:hover{border-right:0 none}\n"], dependencies: [{ kind: "ngmodule", type: ButtonGroupModule }, { kind: "component", type: i1.ButtonGroup, selector: "p-buttonGroup, p-buttongroup, p-button-group" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ButtonGroup, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-buttonGroup, mt-buttongroup, mt-button-group', standalone: true, imports: [ButtonGroupModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-buttongroup>\n  <ng-content></ng-content>\n</p-buttongroup>\n", styles: [":host ::ng-deep .p-buttongroup mt-button:first-of-type:not(:only-of-type) p-button .p-button{border-start-end-radius:0;border-end-end-radius:0}:host ::ng-deep .p-buttongroup mt-button:last-of-type:not(:only-of-type) p-button .p-button{border-start-start-radius:0;border-end-start-radius:0}:host ::ng-deep .p-buttongroup mt-button:not(:first-of-type):not(:last-of-type) p-button .p-button{border-radius:0}:host ::ng-deep .p-buttongroup mt-button:not(:last-child) p-button .p-button,:host ::ng-deep .p-buttongroup mt-button:not(:last-child) p-button .p-button:hover{border-right:0 none}\n"] }]
+            args: [{ selector: 'mt-buttonGroup, mt-buttongroup, mt-button-group', standalone: true, imports: [ButtonGroupModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-buttongroup>\r\n  <ng-content></ng-content>\r\n</p-buttongroup>\r\n", styles: [":host ::ng-deep .p-buttongroup mt-button:first-of-type:not(:only-of-type) p-button .p-button{border-start-end-radius:0;border-end-end-radius:0}:host ::ng-deep .p-buttongroup mt-button:last-of-type:not(:only-of-type) p-button .p-button{border-start-start-radius:0;border-end-start-radius:0}:host ::ng-deep .p-buttongroup mt-button:not(:first-of-type):not(:last-of-type) p-button .p-button{border-radius:0}:host ::ng-deep .p-buttongroup mt-button:not(:last-child) p-button .p-button,:host ::ng-deep .p-buttongroup mt-button:not(:last-child) p-button .p-button:hover{border-right:0 none}\n"] }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-button-group.mjs","sources":["../../../../packages/masterteam/components/button-group/button-group.ts","../../../../packages/masterteam/components/button-group/button-group.html","../../../../packages/masterteam/components/button-group/masterteam-components-button-group.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { ButtonGroupModule } from 'primeng/buttongroup';\n\n@Component({\n  selector: 'mt-buttonGroup, mt-buttongroup, mt-button-group',\n  standalone: true,\n  imports: [ButtonGroupModule],\n  templateUrl: './button-group.html',\n  styleUrls: ['./button-group.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ButtonGroup {}\n","<p-buttongroup>\n  <ng-content></ng-content>\n</p-buttongroup>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAWa,WAAW,CAAA;uGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iDAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXxB,kEAGA,EAAA,MAAA,EAAA,CAAA,4kBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDGY,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAKhB,WAAW,EAAA,UAAA,EAAA,CAAA;kBARvB,SAAS;+BACE,iDAAiD,EAAA,UAAA,EAC/C,IAAI,EAAA,OAAA,EACP,CAAC,iBAAiB,CAAC,EAAA,eAAA,EAGX,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kEAAA,EAAA,MAAA,EAAA,CAAA,4kBAAA,CAAA,EAAA;;;AETjD;;AAEG;;;;"}
+{"version":3,"file":"masterteam-components-button-group.mjs","sources":["../../../../packages/masterteam/components/button-group/button-group.ts","../../../../packages/masterteam/components/button-group/button-group.html","../../../../packages/masterteam/components/button-group/masterteam-components-button-group.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\r\nimport { ButtonGroupModule } from 'primeng/buttongroup';\r\n\r\n@Component({\r\n  selector: 'mt-buttonGroup, mt-buttongroup, mt-button-group',\r\n  standalone: true,\r\n  imports: [ButtonGroupModule],\r\n  templateUrl: './button-group.html',\r\n  styleUrls: ['./button-group.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class ButtonGroup {}\r\n","<p-buttongroup>\r\n  <ng-content></ng-content>\r\n</p-buttongroup>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAWa,WAAW,CAAA;uGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iDAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXxB,wEAGA,EAAA,MAAA,EAAA,CAAA,4kBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDGY,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAKhB,WAAW,EAAA,UAAA,EAAA,CAAA;kBARvB,SAAS;+BACE,iDAAiD,EAAA,UAAA,EAC/C,IAAI,EAAA,OAAA,EACP,CAAC,iBAAiB,CAAC,EAAA,eAAA,EAGX,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wEAAA,EAAA,MAAA,EAAA,CAAA,4kBAAA,CAAA,EAAA;;;AETjD;;AAEG;;;;"}

package/fesm2022/masterteam-components-button.mjs

@@ -34,14 +34,14 @@ class Button {
     onFocus = output();
     onBlur = output();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Button, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Button, isStandalone: true, selector: "mt-button", inputs: { iconText: { classPropertyName: "iconText", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, badgeSeverity: { classPropertyName: "badgeSeverity", publicName: "badgeSeverity", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconPos: { classPropertyName: "iconPos", publicName: "iconPos", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, fluid: { classPropertyName: "fluid", publicName: "fluid", isSignal: true, isRequired: false, transformFunction: null }, raised: { classPropertyName: "raised", publicName: "raised", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, plain: { classPropertyName: "plain", publicName: "plain", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur" }, host: { properties: { "class.w-full": "fluid()" }, classAttribute: "grid gap-1" }, ngImport: i0, template: "<p-button\n  [fluid]=\"fluid()\"\n  [severity]=\"severity()\"\n  [size]=\"size()\"\n  [label]=\"label()\"\n  [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", styles: [""], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "directive", type: Tooltip, selector: "[mtTooltip]" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Button, isStandalone: true, selector: "mt-button", inputs: { iconText: { classPropertyName: "iconText", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, badgeSeverity: { classPropertyName: "badgeSeverity", publicName: "badgeSeverity", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconPos: { classPropertyName: "iconPos", publicName: "iconPos", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, fluid: { classPropertyName: "fluid", publicName: "fluid", isSignal: true, isRequired: false, transformFunction: null }, raised: { classPropertyName: "raised", publicName: "raised", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, plain: { classPropertyName: "plain", publicName: "plain", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur" }, host: { properties: { "class.w-full": "fluid()" }, classAttribute: "grid gap-1" }, ngImport: i0, template: "<p-button\r\n  [fluid]=\"fluid()\"\r\n  [severity]=\"severity()\"\r\n  [size]=\"size()\"\r\n  [label]=\"label()\"\r\n  [mtTooltip]=\"tooltip()\"\r\n  tooltipPosition=\"top\"\r\n  [iconPos]=\"iconPos()\"\r\n  [type]=\"type()\"\r\n  [badge]=\"badge()\"\r\n  [badgeSeverity]=\"badgeSeverity()\"\r\n  [variant]=\"variant()\"\r\n  [loading]=\"loading()\"\r\n  [disabled]=\"disabled()\"\r\n  [link]=\"link()\"\r\n  [plain]=\"plain()\"\r\n  [text]=\"text()\"\r\n  [raised]=\"raised()\"\r\n  [outlined]=\"outlined()\"\r\n  [rounded]=\"rounded()\"\r\n  [autofocus]=\"autofocus()\"\r\n  [styleClass]=\"styleClass()\"\r\n  (onClick)=\"onClick.emit($event)\"\r\n  (onFocus)=\"onFocus.emit($event)\"\r\n  (onBlur)=\"onBlur.emit($event)\"\r\n>\r\n  @if (iconText()) {\r\n    <ng-template #icon>\r\n      <mt-icon\r\n        [class.order-1]=\"iconPos() === 'end' || iconPos() === 'bottom'\"\r\n        [icon]=\"iconText()\"\r\n      />\r\n    </ng-template>\r\n  }\r\n\r\n  <!-- <ng-template #loadingicon> -->\r\n  <!--   <mt-icon -->\r\n  <!--     class=\"p-icon-spin\" -->\r\n  <!--     [class.order-1]=\"iconPos() === 'end' || iconPos() === 'bottom'\" -->\r\n  <!--     icon=\"general.loading-01\" -->\r\n  <!--   /> -->\r\n  <!-- </ng-template> -->\r\n</p-button>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "directive", type: Tooltip, selector: "[mtTooltip]" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Button, decorators: [{
             type: Component,
             args: [{ selector: 'mt-button', standalone: true, imports: [ButtonModule, Icon, Tooltip], host: {
                         class: 'grid gap-1',
                         '[class.w-full]': 'fluid()',
-                    }, template: "<p-button\n  [fluid]=\"fluid()\"\n  [severity]=\"severity()\"\n  [size]=\"size()\"\n  [label]=\"label()\"\n  [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" }]
+                    }, template: "<p-button\r\n  [fluid]=\"fluid()\"\r\n  [severity]=\"severity()\"\r\n  [size]=\"size()\"\r\n  [label]=\"label()\"\r\n  [mtTooltip]=\"tooltip()\"\r\n  tooltipPosition=\"top\"\r\n  [iconPos]=\"iconPos()\"\r\n  [type]=\"type()\"\r\n  [badge]=\"badge()\"\r\n  [badgeSeverity]=\"badgeSeverity()\"\r\n  [variant]=\"variant()\"\r\n  [loading]=\"loading()\"\r\n  [disabled]=\"disabled()\"\r\n  [link]=\"link()\"\r\n  [plain]=\"plain()\"\r\n  [text]=\"text()\"\r\n  [raised]=\"raised()\"\r\n  [outlined]=\"outlined()\"\r\n  [rounded]=\"rounded()\"\r\n  [autofocus]=\"autofocus()\"\r\n  [styleClass]=\"styleClass()\"\r\n  (onClick)=\"onClick.emit($event)\"\r\n  (onFocus)=\"onFocus.emit($event)\"\r\n  (onBlur)=\"onBlur.emit($event)\"\r\n>\r\n  @if (iconText()) {\r\n    <ng-template #icon>\r\n      <mt-icon\r\n        [class.order-1]=\"iconPos() === 'end' || iconPos() === 'bottom'\"\r\n        [icon]=\"iconText()\"\r\n      />\r\n    </ng-template>\r\n  }\r\n\r\n  <!-- <ng-template #loadingicon> -->\r\n  <!--   <mt-icon -->\r\n  <!--     class=\"p-icon-spin\" -->\r\n  <!--     [class.order-1]=\"iconPos() === 'end' || iconPos() === 'bottom'\" -->\r\n  <!--     icon=\"general.loading-01\" -->\r\n  <!--   /> -->\r\n  <!-- </ng-template> -->\r\n</p-button>\r\n" }]
         }], propDecorators: { iconText: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], severity: [{ type: i0.Input, args: [{ isSignal: true, alias: "severity", required: false }] }], badge: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], badgeSeverity: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeSeverity", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], iconPos: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconPos", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], fluid: [{ type: i0.Input, args: [{ isSignal: true, alias: "fluid", required: false }] }], raised: [{ type: i0.Input, args: [{ isSignal: true, alias: "raised", required: false }] }], rounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "rounded", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], plain: [{ type: i0.Input, args: [{ isSignal: true, alias: "plain", required: false }] }], outlined: [{ type: i0.Input, args: [{ isSignal: true, alias: "outlined", required: false }] }], link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], pInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "pInputs", required: false }] }], onClick: [{ type: i0.Output, args: ["onClick"] }], onFocus: [{ type: i0.Output, args: ["onFocus"] }], onBlur: [{ type: i0.Output, args: ["onBlur"] }] } });
 
 /**

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

package/fesm2022/masterteam-components-card.mjs

@@ -10,13 +10,13 @@ class Card {
     // Content child to get the headless template
     headless = contentChild('headless', ...(ngDevMode ? [{ debugName: "headless" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Card, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.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\">\r\n  @if (headless()) {\r\n    <!-- Custom headless template -->\r\n    <ng-container [ngTemplateOutlet]=\"headless()\"></ng-container>\r\n  } @else {\r\n    @if (title()) {\r\n      <!-- Default header with dynamic title -->\r\n      <div\r\n        class=\"flex items-center justify-between px-4 py-5 border-b border-surface\"\r\n      >\r\n        <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\r\n      </div>\r\n    }\r\n\r\n    <div class=\"flex-1\" [class.p-4]=\"!paddingless()\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  }\r\n</div>\r\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: "21.0.3", 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" }]
+                    }, template: "<div class=\"size-full flex flex-col\">\r\n  @if (headless()) {\r\n    <!-- Custom headless template -->\r\n    <ng-container [ngTemplateOutlet]=\"headless()\"></ng-container>\r\n  } @else {\r\n    @if (title()) {\r\n      <!-- Default header with dynamic title -->\r\n      <div\r\n        class=\"flex items-center justify-between px-4 py-5 border-b border-surface\"\r\n      >\r\n        <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\r\n      </div>\r\n    }\r\n\r\n    <div class=\"flex-1\" [class.p-4]=\"!paddingless()\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  }\r\n</div>\r\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 }] }] } });
 
 /**

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,wDAClD,SAAS,EAAE,gBAAgB,EAAA,CAC3B;;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;mWASyC,UAAU,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AE1BtD;;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';\r\nimport {\r\n  Component,\r\n  input,\r\n  contentChild,\r\n  TemplateRef,\r\n  booleanAttribute,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'mt-card',\r\n  standalone: true,\r\n  templateUrl: './card.html',\r\n  styleUrl: './card.scss',\r\n  imports: [CommonModule],\r\n  host: {\r\n    class: 'block bg-content rounded-2xl border-1 border-surface',\r\n  },\r\n})\r\nexport class Card {\r\n  readonly class = input<string>('');\r\n  readonly title = input<string>('');\r\n  readonly paddingless = input<boolean, unknown>(false, {\r\n    transform: booleanAttribute,\r\n  });\r\n  // Content child to get the headless template\r\n  headless = contentChild<TemplateRef<any>>('headless');\r\n}\r\n","<div class=\"size-full flex flex-col\">\r\n  @if (headless()) {\r\n    <!-- Custom headless template -->\r\n    <ng-container [ngTemplateOutlet]=\"headless()\"></ng-container>\r\n  } @else {\r\n    @if (title()) {\r\n      <!-- Default header with dynamic title -->\r\n      <div\r\n        class=\"flex items-center justify-between px-4 py-5 border-b border-surface\"\r\n      >\r\n        <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\r\n      </div>\r\n    }\r\n\r\n    <div class=\"flex-1\" [class.p-4]=\"!paddingless()\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  }\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;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,wDAClD,SAAS,EAAE,gBAAgB,EAAA,CAC3B;;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,+lBAmBA,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,+lBAAA,EAAA;mWASyC,UAAU,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AE1BtD;;AAEG;;;;"}

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

@@ -68,13 +68,13 @@ class CheckboxField {
         this.disabled.set(disabled);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CheckboxField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.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: ["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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.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\r\n  class=\"flex gap-1\"\r\n  [class.items-center]=\"!isVertical()\"\r\n  [class.gap-2]=\"!isVertical()\"\r\n  [class.flex-col]=\"isVertical()\"\r\n  [class.flex-col-reverse]=\"labelPosition() === 'top'\"\r\n  [class.flex-row-reverse]=\"labelPosition() === 'start'\"\r\n  [class.justify-end]=\"labelPosition() === 'start'\"\r\n>\r\n  <p-checkbox\r\n    #checkbox\r\n    [ngModel]=\"value()\"\r\n    (ngModelChange)=\"onValueChange($event)\"\r\n    (onChange)=\"onChange.emit($event)\"\r\n    (onBlur)=\"onTouched()\"\r\n    [disabled]=\"disabled() || readonly()\"\r\n    [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\r\n    [binary]=\"true\"\r\n    [invalid]=\"isInvalid(ngControl?.control)\"\r\n    class=\"leading-none\"\r\n  ></p-checkbox>\r\n  @if (label()) {\r\n    <label\r\n      [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n      [for]=\"ngControl?.name || label()\"\r\n      >{{ label() }}</label\r\n    >\r\n  }\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\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: "21.0.3", 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',
-                    }, 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" }]
+                    }, template: "<div\r\n  class=\"flex gap-1\"\r\n  [class.items-center]=\"!isVertical()\"\r\n  [class.gap-2]=\"!isVertical()\"\r\n  [class.flex-col]=\"isVertical()\"\r\n  [class.flex-col-reverse]=\"labelPosition() === 'top'\"\r\n  [class.flex-row-reverse]=\"labelPosition() === 'start'\"\r\n  [class.justify-end]=\"labelPosition() === 'start'\"\r\n>\r\n  <p-checkbox\r\n    #checkbox\r\n    [ngModel]=\"value()\"\r\n    (ngModelChange)=\"onValueChange($event)\"\r\n    (onChange)=\"onChange.emit($event)\"\r\n    (onBlur)=\"onTouched()\"\r\n    [disabled]=\"disabled() || readonly()\"\r\n    [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\r\n    [binary]=\"true\"\r\n    [invalid]=\"isInvalid(ngControl?.control)\"\r\n    class=\"leading-none\"\r\n  ></p-checkbox>\r\n  @if (label()) {\r\n    <label\r\n      [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n      [for]=\"ngControl?.name || label()\"\r\n      >{{ label() }}</label\r\n    >\r\n  }\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { checkbox: [{
                 type: ViewChild,
                 args: ['checkbox', { static: true }]

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

package/fesm2022/masterteam-components-chip.mjs

@@ -20,11 +20,11 @@ class Chip {
         this.onImageError.emit(event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Chip, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.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", "disabled", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.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\r\n  [label]=\"label()\"\r\n  [image]=\"image()\"\r\n  [removable]=\"removable()\"\r\n  [removeIcon]=\"removeIcon()\"\r\n  [class]=\"styleClass()\"\r\n  (onRemove)=\"onChipRemove($event)\"\r\n  (onImageError)=\"onChipImageError($event)\"\r\n>\r\n  <ng-template #removeicon>\r\n    <mt-icon class=\"align-super!\" [icon]=\"removeIcon()\" />\r\n  </ng-template>\r\n  @if (icon()) {\r\n    <mt-icon #iconTemplate class=\"align-super!\" [icon]=\"icon()\" />\r\n  }\r\n</p-chip>\r\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: "21.0.3", 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" }]
+            args: [{ selector: 'mt-chip', standalone: true, imports: [ChipModule, Icon], template: "<p-chip\r\n  [label]=\"label()\"\r\n  [image]=\"image()\"\r\n  [removable]=\"removable()\"\r\n  [removeIcon]=\"removeIcon()\"\r\n  [class]=\"styleClass()\"\r\n  (onRemove)=\"onChipRemove($event)\"\r\n  (onImageError)=\"onChipImageError($event)\"\r\n>\r\n  <ng-template #removeicon>\r\n    <mt-icon class=\"align-super!\" [icon]=\"removeIcon()\" />\r\n  </ng-template>\r\n  @if (icon()) {\r\n    <mt-icon #iconTemplate class=\"align-super!\" [icon]=\"icon()\" />\r\n  }\r\n</p-chip>\r\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"] }] } });
 
 /**

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":";;;;;;MAWa,IAAI,CAAA;AACN,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;IACzB,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AACtB,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;IACzB,SAAS,GAAG,KAAK,CAAmB,KAAK,sDAChD,SAAS,EAAE,gBAAgB,EAAA,CAC3B;AACO,IAAA,UAAU,GAAG,KAAK,CAAS,kBAAkB,sDAAC;AAC9C,IAAA,UAAU,GAAG,KAAK,CAAS,EAAE,sDAAC;IAEvC,QAAQ,GAAG,MAAM,EAAc;IAC/B,YAAY,GAAG,MAAM,EAAS;AAE9B,IAAA,YAAY,CAAC,KAAiB,EAAA;AAC5B,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;IAC3B;AAEA,IAAA,gBAAgB,CAAC,KAAY,EAAA;AAC3B,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;IAC/B;uGAnBW,IAAI,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAJ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,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,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,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,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXjB,ucAgBA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDTY,UAAU,6OAAE,IAAI,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAIf,IAAI,EAAA,UAAA,EAAA,CAAA;kBAPhB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAS,cACP,IAAI,EAAA,OAAA,EACP,CAAC,UAAU,EAAE,IAAI,CAAC,EAAA,QAAA,EAAA,ucAAA,EAAA;;;AEP7B;;AAEG;;;;"}
+{"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';\r\nimport { Icon, MTIcon } from '@masterteam/icons';\r\nimport { ChipModule } from 'primeng/chip';\r\n\r\n@Component({\r\n  selector: 'mt-chip',\r\n  standalone: true,\r\n  imports: [ChipModule, Icon],\r\n  templateUrl: './chip.html',\r\n  styleUrls: ['./chip.scss'],\r\n})\r\nexport class Chip {\r\n  readonly label = input<string>('');\r\n  readonly icon = input<MTIcon>();\r\n  readonly image = input<string>('');\r\n  readonly removable = input<boolean, unknown>(false, {\r\n    transform: booleanAttribute,\r\n  });\r\n  readonly removeIcon = input<MTIcon>('general.x-circle');\r\n  readonly styleClass = input<string>('');\r\n\r\n  onRemove = output<MouseEvent>();\r\n  onImageError = output<Event>();\r\n\r\n  onChipRemove(event: MouseEvent): void {\r\n    this.onRemove.emit(event);\r\n  }\r\n\r\n  onChipImageError(event: Event): void {\r\n    this.onImageError.emit(event);\r\n  }\r\n}\r\n","<p-chip\r\n  [label]=\"label()\"\r\n  [image]=\"image()\"\r\n  [removable]=\"removable()\"\r\n  [removeIcon]=\"removeIcon()\"\r\n  [class]=\"styleClass()\"\r\n  (onRemove)=\"onChipRemove($event)\"\r\n  (onImageError)=\"onChipImageError($event)\"\r\n>\r\n  <ng-template #removeicon>\r\n    <mt-icon class=\"align-super!\" [icon]=\"removeIcon()\" />\r\n  </ng-template>\r\n  @if (icon()) {\r\n    <mt-icon #iconTemplate class=\"align-super!\" [icon]=\"icon()\" />\r\n  }\r\n</p-chip>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}