@masterteam/components 0.0.135 → 0.0.137

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-radio-cards.mjs","sources":["../../../../packages/masterteam/components/radio-cards/radio-cards.ts","../../../../packages/masterteam/components/radio-cards/radio-cards.html","../../../../packages/masterteam/components/radio-cards/masterteam-components-radio-cards.ts"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  contentChild,\r\n  input,\r\n  output,\r\n  TemplateRef,\r\n  computed,\r\n  model,\r\n  booleanAttribute,\r\n} from '@angular/core';\r\nimport { MTIcon } from '@masterteam/icons';\r\nimport { Avatar } from '@masterteam/components/avatar';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\n\r\nexport interface RadioItem {\r\n  id: string | number;\r\n  name?: string;\r\n  icon?: MTIcon;\r\n  [key: string]: any;\r\n}\r\n\r\n@Component({\r\n  selector: 'mt-radio-cards',\r\n  standalone: true,\r\n  imports: [NgTemplateOutlet, Avatar],\r\n  templateUrl: './radio-cards.html',\r\n  styleUrl: './radio-cards.css',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class RadioCards {\r\n  circle = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  color = input<string>('primary');\r\n  size = input<'small' | 'medium' | 'large'>('medium');\r\n  /** Number of columns for grid layout. If not set, uses flex wrap. */\r\n  columns = input<number | null>(null);\r\n  avatarSize = computed(() => {\r\n    switch (this.size()) {\r\n      case 'small':\r\n        return 'normal';\r\n      case 'medium':\r\n        return 'large';\r\n      case 'large':\r\n        return 'xlarge';\r\n      default:\r\n        return 'normal';\r\n    }\r\n  });\r\n  options = model.required<RadioItem[]>();\r\n  activeId = model<string | number>();\r\n  selectionChange = output<RadioItem>();\r\n\r\n  itemTemplate = input<TemplateRef<any> | null>(null);\r\n  itemTemplateContent = contentChild('option', { read: TemplateRef });\r\n\r\n  textSizeClass = computed(() => {\r\n    switch (this.size()) {\r\n      case 'small':\r\n        return 'text-xs';\r\n\r\n      case 'large':\r\n        return 'text-2xl';\r\n\r\n      default:\r\n        return 'text-base';\r\n    }\r\n  });\r\n  /** Container classes based on columns setting */\r\n  containerClasses = computed(() => {\r\n    const cols = this.columns();\r\n    if (cols) {\r\n      return `grid gap-2 grid-cols-${cols}`;\r\n    }\r\n    return 'flex flex-wrap gap-3';\r\n  });\r\n\r\n  protected activeColorClasses = computed(() => {\r\n    return [\r\n      'bg-primary-50',\r\n      'dark:bg-primary-800',\r\n      'border-primary-400',\r\n      'ring-primary-200',\r\n    ];\r\n  });\r\n\r\n  public selectItem(item: RadioItem): void {\r\n    if (this.activeId() !== item.id) {\r\n      this.activeId.set(item.id);\r\n      this.selectionChange.emit(item);\r\n    }\r\n  }\r\n}\r\n","<div>\r\n  <div [class]=\"containerClasses()\">\r\n    @for (item of options(); track item.id) {\r\n      @let active = item.id === activeId();\r\n      <div\r\n        (click)=\"selectItem(item)\"\r\n        class=\"flex items-center space-x-2 px-3 py-2 rounded-lg cursor-pointer border-2 border-dashed transition-all ease-in-out duration-300\"\r\n        [class]=\"\r\n          active\r\n            ? 'bg-primary-50 dark:bg-primary-800 border-primary-400 ring-primary-200'\r\n            : 'border-gray-300 hover:border-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800 hover:text-gray-600 dark:hover:text-gray-100'\r\n        \"\r\n      >\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            itemTemplate() || itemTemplateContent() || defaultTemplate;\r\n            context: {\r\n              $implicit: item,\r\n              active: active,\r\n              size: size(),\r\n            }\r\n          \"\r\n        >\r\n        </ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultTemplate let-template let-active=\"active\" let-size=\"size\">\r\n  @if (template.icon) {\r\n    <mt-avatar\r\n      [shape]=\"circle() ? 'circle' : 'square'\"\r\n      [size]=\"avatarSize()\"\r\n      [icon]=\"template.icon\"\r\n      [style.--p-avatar-background]=\"\r\n        active ? 'var(--p-primary-color)' : 'var(--p-surface-100)'\r\n      \"\r\n      [style.--p-avatar-color]=\"active ? '#ffffff' : ''\"\r\n    ></mt-avatar>\r\n  }\r\n  @if (template.name) {\r\n    <span\r\n      [class]=\"[\r\n        'font-semibold',\r\n        textSizeClass(),\r\n        'dark:text-gray-100',\r\n        'text-gray-600',\r\n      ]\"\r\n    >\r\n      {{ template.name }}\r\n    </span>\r\n  }\r\n</ng-template>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"masterteam-components-radio-cards.mjs","sources":["../../../../packages/masterteam/components/radio-cards/radio-cards.ts","../../../../packages/masterteam/components/radio-cards/radio-cards.html","../../../../packages/masterteam/components/radio-cards/masterteam-components-radio-cards.ts"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  contentChild,\r\n  input,\r\n  output,\r\n  TemplateRef,\r\n  computed,\r\n  model,\r\n  booleanAttribute,\r\n} from '@angular/core';\r\nimport { MTIcon } from '@masterteam/icons';\r\nimport { Avatar } from '@masterteam/components/avatar';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\n\r\nexport interface RadioItem {\r\n  id: string | number;\r\n  name?: string;\r\n  icon?: MTIcon;\r\n  [key: string]: any;\r\n}\r\n\r\n@Component({\r\n  selector: 'mt-radio-cards',\r\n  standalone: true,\r\n  imports: [NgTemplateOutlet, Avatar],\r\n  templateUrl: './radio-cards.html',\r\n  styleUrl: './radio-cards.css',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class RadioCards {\r\n  circle = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  color = input<string>('primary');\r\n  size = input<'small' | 'medium' | 'large'>('medium');\r\n  /** Number of columns for grid layout. If not set, uses flex wrap. */\r\n  columns = input<number | null>(null);\r\n  avatarSize = computed(() => {\r\n    switch (this.size()) {\r\n      case 'small':\r\n        return 'normal';\r\n      case 'medium':\r\n        return 'large';\r\n      case 'large':\r\n        return 'xlarge';\r\n      default:\r\n        return 'normal';\r\n    }\r\n  });\r\n  options = model.required<RadioItem[]>();\r\n  activeId = model<string | number>();\r\n  selectionChange = output<RadioItem>();\r\n\r\n  itemTemplate = input<TemplateRef<any> | null>(null);\r\n  itemTemplateContent = contentChild('option', { read: TemplateRef });\r\n\r\n  textSizeClass = computed(() => {\r\n    switch (this.size()) {\r\n      case 'small':\r\n        return 'text-xs';\r\n\r\n      case 'large':\r\n        return 'text-2xl';\r\n\r\n      default:\r\n        return 'text-base';\r\n    }\r\n  });\r\n  /** Container classes based on columns setting */\r\n  containerClasses = computed(() => {\r\n    const cols = this.columns();\r\n    if (cols) {\r\n      return `grid gap-2 grid-cols-${cols}`;\r\n    }\r\n    return 'flex flex-wrap gap-3';\r\n  });\r\n\r\n  protected activeColorClasses = computed(() => {\r\n    return [\r\n      'bg-primary-50',\r\n      'dark:bg-primary-800',\r\n      'border-primary-400',\r\n      'ring-primary-200',\r\n    ];\r\n  });\r\n\r\n  public selectItem(item: RadioItem): void {\r\n    if (this.activeId() !== item.id) {\r\n      this.activeId.set(item.id);\r\n      this.selectionChange.emit(item);\r\n    }\r\n  }\r\n}\r\n","<div>\r\n  <div [class]=\"containerClasses()\">\r\n    @for (item of options(); track item.id) {\r\n      @let active = item.id === activeId();\r\n      <div\r\n        (click)=\"selectItem(item)\"\r\n        class=\"flex items-center space-x-2 px-3 py-2 rounded-lg cursor-pointer border-2 border-dashed transition-all ease-in-out duration-300\"\r\n        [class]=\"\r\n          active\r\n            ? 'bg-primary-50 dark:bg-primary-800 border-primary-400 ring-primary-200'\r\n            : 'border-gray-300 hover:border-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800 hover:text-gray-600 dark:hover:text-gray-100'\r\n        \"\r\n      >\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            itemTemplate() || itemTemplateContent() || defaultTemplate;\r\n            context: {\r\n              $implicit: item,\r\n              active: active,\r\n              size: size(),\r\n            }\r\n          \"\r\n        >\r\n        </ng-container>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultTemplate let-template let-active=\"active\" let-size=\"size\">\r\n  @if (template.icon) {\r\n    <mt-avatar\r\n      [shape]=\"circle() ? 'circle' : 'square'\"\r\n      [size]=\"avatarSize()\"\r\n      [icon]=\"template.icon\"\r\n      [style.--p-avatar-background]=\"\r\n        active ? 'var(--p-primary-color)' : 'var(--p-surface-100)'\r\n      \"\r\n      [style.--p-avatar-color]=\"active ? '#ffffff' : ''\"\r\n    ></mt-avatar>\r\n  }\r\n  @if (template.name) {\r\n    <span\r\n      [class]=\"[\r\n        'font-semibold',\r\n        textSizeClass(),\r\n        'dark:text-gray-100',\r\n        'text-gray-600',\r\n      ]\"\r\n    >\r\n      {{ template.name }}\r\n    </span>\r\n  }\r\n</ng-template>\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-select-field.mjs

@@ -12,40 +12,40 @@ import { Avatar } from '@masterteam/components/avatar';
 class SelectField {
     cdr = inject(ChangeDetectorRef);
     dropdown;
-    field = input(true, ...(ngDevMode ? [{ debugName: "field" }] : []));
-    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
-    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
-    hasPlaceholderPrefix = input(true, ...(ngDevMode ? [{ debugName: "hasPlaceholderPrefix" }] : []));
-    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : []));
-    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
-    pInputs = input(...(ngDevMode ? [undefined, { debugName: "pInputs" }] : []));
-    options = input(undefined, ...(ngDevMode ? [{ debugName: "options" }] : []));
-    optionValue = input(undefined, ...(ngDevMode ? [{ debugName: "optionValue" }] : []));
-    optionLabel = input(undefined, ...(ngDevMode ? [{ debugName: "optionLabel" }] : []));
-    filter = input(undefined, ...(ngDevMode ? [{ debugName: "filter" }] : []));
-    filterBy = input(undefined, ...(ngDevMode ? [{ debugName: "filterBy" }] : []));
-    dataKey = input(undefined, ...(ngDevMode ? [{ debugName: "dataKey" }] : []));
-    showClear = input(undefined, ...(ngDevMode ? [{ debugName: "showClear" }] : []));
-    clearAfterSelect = input(undefined, ...(ngDevMode ? [{ debugName: "clearAfterSelect" }] : []));
-    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : [])); // Add readonly required input
-    group = input(false, ...(ngDevMode ? [{ debugName: "group" }] : []));
-    size = input('', ...(ngDevMode ? [{ debugName: "size" }] : []));
-    optionGroupLabel = input('label', ...(ngDevMode ? [{ debugName: "optionGroupLabel" }] : []));
-    optionGroupChildren = input('items', ...(ngDevMode ? [{ debugName: "optionGroupChildren" }] : []));
-    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    optionIcon = input('icon', ...(ngDevMode ? [{ debugName: "optionIcon" }] : []));
-    optionIconColor = input('color', ...(ngDevMode ? [{ debugName: "optionIconColor" }] : []));
-    optionIconShape = input('shape', ...(ngDevMode ? [{ debugName: "optionIconShape" }] : []));
-    optionAvatarShape = input('square', ...(ngDevMode ? [{ debugName: "optionAvatarShape" }] : []));
-    optionGroupIcon = input('icon', ...(ngDevMode ? [{ debugName: "optionGroupIcon" }] : []));
-    optionGroupIconColor = input('color', ...(ngDevMode ? [{ debugName: "optionGroupIconColor" }] : []));
-    optionGroupIconShape = input('shape', ...(ngDevMode ? [{ debugName: "optionGroupIconShape" }] : []));
-    optionGroupAvatarShape = input('square', ...(ngDevMode ? [{ debugName: "optionGroupAvatarShape" }] : []));
+    field = input(true, ...(ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []));
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    hasPlaceholderPrefix = input(true, ...(ngDevMode ? [{ debugName: "hasPlaceholderPrefix" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    pInputs = input(...(ngDevMode ? [undefined, { debugName: "pInputs" }] : /* istanbul ignore next */ []));
+    options = input(undefined, ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    optionValue = input(undefined, ...(ngDevMode ? [{ debugName: "optionValue" }] : /* istanbul ignore next */ []));
+    optionLabel = input(undefined, ...(ngDevMode ? [{ debugName: "optionLabel" }] : /* istanbul ignore next */ []));
+    filter = input(undefined, ...(ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []));
+    filterBy = input(undefined, ...(ngDevMode ? [{ debugName: "filterBy" }] : /* istanbul ignore next */ []));
+    dataKey = input(undefined, ...(ngDevMode ? [{ debugName: "dataKey" }] : /* istanbul ignore next */ []));
+    showClear = input(undefined, ...(ngDevMode ? [{ debugName: "showClear" }] : /* istanbul ignore next */ []));
+    clearAfterSelect = input(undefined, ...(ngDevMode ? [{ debugName: "clearAfterSelect" }] : /* istanbul ignore next */ []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ [])); // Add readonly required input
+    group = input(false, ...(ngDevMode ? [{ debugName: "group" }] : /* istanbul ignore next */ []));
+    size = input('', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    optionGroupLabel = input('label', ...(ngDevMode ? [{ debugName: "optionGroupLabel" }] : /* istanbul ignore next */ []));
+    optionGroupChildren = input('items', ...(ngDevMode ? [{ debugName: "optionGroupChildren" }] : /* istanbul ignore next */ []));
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    optionIcon = input('icon', ...(ngDevMode ? [{ debugName: "optionIcon" }] : /* istanbul ignore next */ []));
+    optionIconColor = input('color', ...(ngDevMode ? [{ debugName: "optionIconColor" }] : /* istanbul ignore next */ []));
+    optionIconShape = input('shape', ...(ngDevMode ? [{ debugName: "optionIconShape" }] : /* istanbul ignore next */ []));
+    optionAvatarShape = input('square', ...(ngDevMode ? [{ debugName: "optionAvatarShape" }] : /* istanbul ignore next */ []));
+    optionGroupIcon = input('icon', ...(ngDevMode ? [{ debugName: "optionGroupIcon" }] : /* istanbul ignore next */ []));
+    optionGroupIconColor = input('color', ...(ngDevMode ? [{ debugName: "optionGroupIconColor" }] : /* istanbul ignore next */ []));
+    optionGroupIconShape = input('shape', ...(ngDevMode ? [{ debugName: "optionGroupIconShape" }] : /* istanbul ignore next */ []));
+    optionGroupAvatarShape = input('square', ...(ngDevMode ? [{ debugName: "optionGroupAvatarShape" }] : /* istanbul ignore next */ []));
     onChange = new EventEmitter();
     styleClass;
     requiredValidator = Validators.required;
-    value = signal(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
-    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    value = signal(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     onTouched = () => { };
     onModelChange = () => { };
     ngControl = null;
@@ -255,10 +255,10 @@ class SelectField {
         return (options.find((option) => option?.[optionValueKey] === optionOrValue) ??
             optionOrValue);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: SelectField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: SelectField, isStandalone: true, selector: "mt-select-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, hasPlaceholderPrefix: { classPropertyName: "hasPlaceholderPrefix", publicName: "hasPlaceholderPrefix", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, filterBy: { classPropertyName: "filterBy", publicName: "filterBy", isSignal: true, isRequired: false, transformFunction: null }, dataKey: { classPropertyName: "dataKey", publicName: "dataKey", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, clearAfterSelect: { classPropertyName: "clearAfterSelect", publicName: "clearAfterSelect", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, optionGroupLabel: { classPropertyName: "optionGroupLabel", publicName: "optionGroupLabel", isSignal: true, isRequired: false, transformFunction: null }, optionGroupChildren: { classPropertyName: "optionGroupChildren", publicName: "optionGroupChildren", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, optionIcon: { classPropertyName: "optionIcon", publicName: "optionIcon", isSignal: true, isRequired: false, transformFunction: null }, optionIconColor: { classPropertyName: "optionIconColor", publicName: "optionIconColor", isSignal: true, isRequired: false, transformFunction: null }, optionIconShape: { classPropertyName: "optionIconShape", publicName: "optionIconShape", isSignal: true, isRequired: false, transformFunction: null }, optionAvatarShape: { classPropertyName: "optionAvatarShape", publicName: "optionAvatarShape", isSignal: true, isRequired: false, transformFunction: null }, optionGroupIcon: { classPropertyName: "optionGroupIcon", publicName: "optionGroupIcon", isSignal: true, isRequired: false, transformFunction: null }, optionGroupIconColor: { classPropertyName: "optionGroupIconColor", publicName: "optionGroupIconColor", isSignal: true, isRequired: false, transformFunction: null }, optionGroupIconShape: { classPropertyName: "optionGroupIconShape", publicName: "optionGroupIconShape", isSignal: true, isRequired: false, transformFunction: null }, optionGroupAvatarShape: { classPropertyName: "optionGroupAvatarShape", publicName: "optionGroupAvatarShape", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, host: { properties: { "class": "this.styleClass" }, classAttribute: "block gap-1" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label()) {\r\n  <label\r\n    (click)=\"dropdown.show(); dropdown.focus()\"\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n    >{{ label() }}</label\r\n  >\r\n}\r\n<p-select\r\n  #dropdown\r\n  appendTo=\"body\"\r\n  [overlayOptions]=\"{ baseZIndex: 1051 }\"\r\n  [ngModel]=\"value()\"\r\n  (ngModelChange)=\"onValueChange($event)\"\r\n  [options]=\"options()\"\r\n  [optionLabel]=\"optionLabel()\"\r\n  [optionValue]=\"optionValue()\"\r\n  (onBlur)=\"onTouched()\"\r\n  [disabled]=\"disabled() || readonly()\"\r\n  [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\r\n  [id]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\r\n  [invalid]=\"isInvalid(ngControl?.control)\"\r\n  placeholder=\"{{\r\n    (hasPlaceholderPrefix() ? ('components.table.select' | transloco) : '') +\r\n      ' ' +\r\n      (placeholder() ?? label() ?? '')\r\n  }}\"\r\n  [filter]=\"filter()\"\r\n  [filterBy]=\"filterBy()\"\r\n  [dataKey]=\"dataKey()\"\r\n  styleClass=\"mt-1\"\r\n  [showClear]=\"showClear()\"\r\n  [group]=\"isGrouped()\"\r\n  [optionGroupLabel]=\"optionGroupLabel()\"\r\n  [optionGroupChildren]=\"optionGroupChildren()\"\r\n  [loading]=\"loading()\"\r\n  [fluid]=\"true\"\r\n  [size]=\"size()\"\r\n>\r\n  <ng-template let-option #selectedItem>\r\n    @if (option) {\r\n      <div class=\"flex items-center gap-2\">\r\n        @if (shouldRenderOptionColorSwatch(option)) {\r\n          <span\r\n            class=\"h-3 w-3 shrink-0 rounded-[4px] border border-surface-300\"\r\n            [style.backgroundColor]=\"getOptionSwatchColor(option)\"\r\n          ></span>\r\n        } @else if (getOptionIcon(option)) {\r\n          <mt-avatar\r\n            [style.--p-avatar-background]=\"getOptionAvatarBackground(option)\"\r\n            [style.--p-avatar-color]=\"getOptionAvatarColor(option)\"\r\n            [icon]=\"getOptionIcon(option)\"\r\n            [shape]=\"getOptionAvatarShape(option)\"\r\n            size=\"normal\"\r\n          />\r\n        }\r\n        <span>{{ getOptionLabelValue(option) }}</span>\r\n      </div>\r\n    } @else {\r\n      <span class=\"text-color-secondary\">{{\r\n        (hasPlaceholderPrefix()\r\n          ? (\"components.table.select\" | transloco)\r\n          : \"\") +\r\n          \" \" +\r\n          (placeholder() ?? label() ?? \"\")\r\n      }}</span>\r\n    }\r\n  </ng-template>\r\n\r\n  <ng-template let-option #item>\r\n    <div class=\"flex items-center gap-2\">\r\n      @if (shouldRenderOptionColorSwatch(option)) {\r\n        <span\r\n          class=\"h-3 w-3 shrink-0 rounded-[4px] border border-surface-300\"\r\n          [style.backgroundColor]=\"getOptionSwatchColor(option)\"\r\n        ></span>\r\n      } @else if (getOptionIcon(option)) {\r\n        <mt-avatar\r\n          [style.--p-avatar-background]=\"getOptionAvatarBackground(option)\"\r\n          [style.--p-avatar-color]=\"getOptionAvatarColor(option)\"\r\n          [icon]=\"getOptionIcon(option)\"\r\n          [shape]=\"getOptionAvatarShape(option)\"\r\n          size=\"normal\"\r\n        />\r\n      }\r\n      <span>{{ getOptionLabelValue(option) }}</span>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <ng-template let-group #group>\r\n    <div class=\"flex items-center gap-2\">\r\n      @if (shouldRenderGroupColorSwatch(group)) {\r\n        <span\r\n          class=\"h-3 w-3 shrink-0 rounded-[4px] border border-surface-300\"\r\n          [style.backgroundColor]=\"getGroupSwatchColor(group)\"\r\n        ></span>\r\n      } @else if (getGroupIcon(group)) {\r\n        <mt-avatar\r\n          [style.--p-avatar-background]=\"getGroupAvatarBackground(group)\"\r\n          [style.--p-avatar-color]=\"getGroupAvatarColor(group)\"\r\n          [icon]=\"getGroupIcon(group)\"\r\n          [shape]=\"getGroupAvatarShape(group)\"\r\n          size=\"normal\"\r\n        />\r\n      }\r\n      <span class=\"font-medium\">{{ getGroupLabelValue(group) }}</span>\r\n    </div>\r\n  </ng-template>\r\n</p-select>\r\n\r\n@if (ngControl) {\r\n  <mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n}\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: "component", type: Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "component", type: Avatar, selector: "mt-avatar", inputs: ["label", "icon", "image", "styleClass", "size", "shape", "badge", "badgeSize", "badgeSeverity"], outputs: ["onImageError"] }, { kind: "pipe", type: i2.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SelectField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: SelectField, isStandalone: true, selector: "mt-select-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, hasPlaceholderPrefix: { classPropertyName: "hasPlaceholderPrefix", publicName: "hasPlaceholderPrefix", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, filterBy: { classPropertyName: "filterBy", publicName: "filterBy", isSignal: true, isRequired: false, transformFunction: null }, dataKey: { classPropertyName: "dataKey", publicName: "dataKey", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, clearAfterSelect: { classPropertyName: "clearAfterSelect", publicName: "clearAfterSelect", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, optionGroupLabel: { classPropertyName: "optionGroupLabel", publicName: "optionGroupLabel", isSignal: true, isRequired: false, transformFunction: null }, optionGroupChildren: { classPropertyName: "optionGroupChildren", publicName: "optionGroupChildren", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, optionIcon: { classPropertyName: "optionIcon", publicName: "optionIcon", isSignal: true, isRequired: false, transformFunction: null }, optionIconColor: { classPropertyName: "optionIconColor", publicName: "optionIconColor", isSignal: true, isRequired: false, transformFunction: null }, optionIconShape: { classPropertyName: "optionIconShape", publicName: "optionIconShape", isSignal: true, isRequired: false, transformFunction: null }, optionAvatarShape: { classPropertyName: "optionAvatarShape", publicName: "optionAvatarShape", isSignal: true, isRequired: false, transformFunction: null }, optionGroupIcon: { classPropertyName: "optionGroupIcon", publicName: "optionGroupIcon", isSignal: true, isRequired: false, transformFunction: null }, optionGroupIconColor: { classPropertyName: "optionGroupIconColor", publicName: "optionGroupIconColor", isSignal: true, isRequired: false, transformFunction: null }, optionGroupIconShape: { classPropertyName: "optionGroupIconShape", publicName: "optionGroupIconShape", isSignal: true, isRequired: false, transformFunction: null }, optionGroupAvatarShape: { classPropertyName: "optionGroupAvatarShape", publicName: "optionGroupAvatarShape", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, host: { properties: { "class": "this.styleClass" }, classAttribute: "block gap-1" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label()) {\r\n  <label\r\n    (click)=\"dropdown.show(); dropdown.focus()\"\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n    >{{ label() }}</label\r\n  >\r\n}\r\n<p-select\r\n  #dropdown\r\n  appendTo=\"body\"\r\n  [overlayOptions]=\"{ baseZIndex: 1051 }\"\r\n  [ngModel]=\"value()\"\r\n  (ngModelChange)=\"onValueChange($event)\"\r\n  [options]=\"options()\"\r\n  [optionLabel]=\"optionLabel()\"\r\n  [optionValue]=\"optionValue()\"\r\n  (onBlur)=\"onTouched()\"\r\n  [disabled]=\"disabled() || readonly()\"\r\n  [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\r\n  [id]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\r\n  [invalid]=\"isInvalid(ngControl?.control)\"\r\n  placeholder=\"{{\r\n    (hasPlaceholderPrefix() ? ('components.table.select' | transloco) : '') +\r\n      ' ' +\r\n      (placeholder() ?? label() ?? '')\r\n  }}\"\r\n  [filter]=\"filter()\"\r\n  [filterBy]=\"filterBy()\"\r\n  [dataKey]=\"dataKey()\"\r\n  styleClass=\"mt-1\"\r\n  [showClear]=\"showClear()\"\r\n  [group]=\"isGrouped()\"\r\n  [optionGroupLabel]=\"optionGroupLabel()\"\r\n  [optionGroupChildren]=\"optionGroupChildren()\"\r\n  [loading]=\"loading()\"\r\n  [fluid]=\"true\"\r\n  [size]=\"size()\"\r\n>\r\n  <ng-template let-option #selectedItem>\r\n    @if (option) {\r\n      <div class=\"flex items-center gap-2\">\r\n        @if (shouldRenderOptionColorSwatch(option)) {\r\n          <span\r\n            class=\"h-3 w-3 shrink-0 rounded-[4px] border border-surface-300\"\r\n            [style.backgroundColor]=\"getOptionSwatchColor(option)\"\r\n          ></span>\r\n        } @else if (getOptionIcon(option)) {\r\n          <mt-avatar\r\n            [style.--p-avatar-background]=\"getOptionAvatarBackground(option)\"\r\n            [style.--p-avatar-color]=\"getOptionAvatarColor(option)\"\r\n            [icon]=\"getOptionIcon(option)\"\r\n            [shape]=\"getOptionAvatarShape(option)\"\r\n            size=\"normal\"\r\n          />\r\n        }\r\n        <span>{{ getOptionLabelValue(option) }}</span>\r\n      </div>\r\n    } @else {\r\n      <span class=\"text-color-secondary\">{{\r\n        (hasPlaceholderPrefix()\r\n          ? (\"components.table.select\" | transloco)\r\n          : \"\") +\r\n          \" \" +\r\n          (placeholder() ?? label() ?? \"\")\r\n      }}</span>\r\n    }\r\n  </ng-template>\r\n\r\n  <ng-template let-option #item>\r\n    <div class=\"flex items-center gap-2\">\r\n      @if (shouldRenderOptionColorSwatch(option)) {\r\n        <span\r\n          class=\"h-3 w-3 shrink-0 rounded-[4px] border border-surface-300\"\r\n          [style.backgroundColor]=\"getOptionSwatchColor(option)\"\r\n        ></span>\r\n      } @else if (getOptionIcon(option)) {\r\n        <mt-avatar\r\n          [style.--p-avatar-background]=\"getOptionAvatarBackground(option)\"\r\n          [style.--p-avatar-color]=\"getOptionAvatarColor(option)\"\r\n          [icon]=\"getOptionIcon(option)\"\r\n          [shape]=\"getOptionAvatarShape(option)\"\r\n          size=\"normal\"\r\n        />\r\n      }\r\n      <span>{{ getOptionLabelValue(option) }}</span>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <ng-template let-group #group>\r\n    <div class=\"flex items-center gap-2\">\r\n      @if (shouldRenderGroupColorSwatch(group)) {\r\n        <span\r\n          class=\"h-3 w-3 shrink-0 rounded-[4px] border border-surface-300\"\r\n          [style.backgroundColor]=\"getGroupSwatchColor(group)\"\r\n        ></span>\r\n      } @else if (getGroupIcon(group)) {\r\n        <mt-avatar\r\n          [style.--p-avatar-background]=\"getGroupAvatarBackground(group)\"\r\n          [style.--p-avatar-color]=\"getGroupAvatarColor(group)\"\r\n          [icon]=\"getGroupIcon(group)\"\r\n          [shape]=\"getGroupAvatarShape(group)\"\r\n          size=\"normal\"\r\n        />\r\n      }\r\n      <span class=\"font-medium\">{{ getGroupLabelValue(group) }}</span>\r\n    </div>\r\n  </ng-template>\r\n</p-select>\r\n\r\n@if (ngControl) {\r\n  <mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n}\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: "component", type: Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "component", type: Avatar, selector: "mt-avatar", inputs: ["label", "icon", "image", "styleClass", "size", "shape", "badge", "badgeSize", "badgeSeverity"], outputs: ["onImageError"] }, { kind: "pipe", type: i2.TranslocoPipe, name: "transloco" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: SelectField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SelectField, decorators: [{
             type: Component,
             args: [{ selector: 'mt-select-field', standalone: true, imports: [FormsModule, Select, FieldValidation, TranslocoModule, Avatar], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'block gap-1',

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

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-select-field.mjs","sources":["../../../../packages/masterteam/components/select-field/select-field.ts","../../../../packages/masterteam/components/select-field/select-field.html","../../../../packages/masterteam/components/select-field/masterteam-components-select-field.ts"],"sourcesContent":["import {\r\n  Component,\r\n  EventEmitter,\r\n  HostBinding,\r\n  OnChanges,\r\n  OnInit,\r\n  Output,\r\n  SimpleChanges,\r\n  ViewChild,\r\n  signal,\r\n  input,\r\n  inject,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  effect,\r\n} from '@angular/core';\r\n\r\nimport {\r\n  ControlValueAccessor,\r\n  FormsModule,\r\n  NgControl,\r\n  Validators,\r\n} from '@angular/forms';\r\nimport { Select } from 'primeng/select';\r\nimport { FieldValidation } from '@masterteam/components/field-validation';\r\nimport { isInvalid } from '@masterteam/components';\r\nimport { TranslocoModule } from '@jsverse/transloco';\r\nimport { Avatar } from '@masterteam/components/avatar';\r\n\r\n@Component({\r\n  selector: 'mt-select-field',\r\n  standalone: true,\r\n  imports: [FormsModule, Select, FieldValidation, TranslocoModule, Avatar],\r\n  templateUrl: './select-field.html',\r\n  styleUrls: ['./select-field.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'block gap-1',\r\n  },\r\n})\r\nexport class SelectField implements ControlValueAccessor, OnInit, OnChanges {\r\n  cdr = inject(ChangeDetectorRef);\r\n  @ViewChild('dropdown', { static: true })\r\n  dropdown: Select;\r\n\r\n  readonly field = input<boolean>(true);\r\n  readonly label = input<string>('');\r\n  readonly placeholder = input<string>('');\r\n  readonly hasPlaceholderPrefix = input<boolean>(true);\r\n  readonly class = input<string>('');\r\n  readonly readonly = input<boolean>(false);\r\n  readonly pInputs = input<Partial<Select>>();\r\n  readonly options = input<any[] | undefined>(undefined);\r\n  readonly optionValue = input<string | undefined>(undefined);\r\n  readonly optionLabel = input<string | undefined>(undefined);\r\n  readonly filter = input<boolean | undefined>(undefined);\r\n  readonly filterBy = input<string | undefined>(undefined);\r\n  readonly dataKey = input<string | undefined>(undefined);\r\n  readonly showClear = input<boolean | undefined>(undefined);\r\n  readonly clearAfterSelect = input<boolean | undefined>(undefined);\r\n  readonly required = input<boolean>(false); // Add readonly required input\r\n  readonly group = input<boolean>(false);\r\n  readonly size = input<string>('');\r\n  readonly optionGroupLabel = input<string>('label');\r\n  readonly optionGroupChildren = input<string>('items');\r\n  readonly loading = input<boolean>(false);\r\n  readonly optionIcon = input<string>('icon');\r\n  readonly optionIconColor = input<string>('color');\r\n  readonly optionIconShape = input<string>('shape');\r\n  readonly optionAvatarShape = input<'circle' | 'square'>('square');\r\n  readonly optionGroupIcon = input<string>('icon');\r\n  readonly optionGroupIconColor = input<string>('color');\r\n  readonly optionGroupIconShape = input<string>('shape');\r\n  readonly optionGroupAvatarShape = input<'circle' | 'square'>('square');\r\n\r\n  @Output() onChange: EventEmitter<any> = new EventEmitter();\r\n\r\n  @HostBinding('class') styleClass: string;\r\n\r\n  requiredValidator = Validators.required;\r\n  value = signal<any>(null);\r\n  disabled = signal<boolean>(false);\r\n\r\n  onTouched: () => void = () => {};\r\n  onModelChange: (value: any) => void = () => {};\r\n\r\n  public ngControl: NgControl | null = null;\r\n\r\n  isInvalid = isInvalid;\r\n\r\n  constructor() {\r\n    try {\r\n      this.ngControl = inject(NgControl, { self: true, optional: true });\r\n      if (this.ngControl) {\r\n        this.ngControl.valueAccessor = this;\r\n      }\r\n    } catch {\r\n      this.ngControl = null;\r\n    }\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  applyInputsToDropdown() {\r\n    // Object.assign(this.dropdown, this.pInputs());\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.styleClass = this.class();\r\n    if (this.pInputs()) {\r\n      this.applyInputsToDropdown();\r\n    }\r\n  }\r\n\r\n  onValueChange(value: any) {\r\n    this.onModelChange(value);\r\n    this.value.set(value);\r\n    this.onChange.emit(value);\r\n    if (this.clearAfterSelect()) {\r\n      this.clearSelection();\r\n    }\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    if (changes['pInputs']) {\r\n      this.applyInputsToDropdown();\r\n    }\r\n  }\r\n\r\n  writeValue(value: string) {\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  isGrouped(): boolean {\r\n    return this.group();\r\n  }\r\n\r\n  // TODO: make this method work\r\n  public clearSelection() {\r\n    this.dropdown.clear(this.value());\r\n    this.dropdown.value = null;\r\n    this.value.set(null);\r\n    this.onModelChange(null);\r\n    this.onChange.emit(null);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  getOptionLabelValue(option: any): string {\r\n    const resolvedOption = this.resolveOption(option);\r\n    if (resolvedOption == null) return '';\r\n\r\n    const labelKey = this.optionLabel();\r\n    if (labelKey && typeof resolvedOption === 'object') {\r\n      return this.resolveNestedValue(resolvedOption, labelKey) ?? '';\r\n    }\r\n\r\n    return typeof resolvedOption === 'object'\r\n      ? (resolvedOption.label ?? '')\r\n      : String(resolvedOption);\r\n  }\r\n\r\n  getOptionIcon(option: any): string | undefined {\r\n    const resolvedOption = this.resolveOption(option);\r\n    if (!resolvedOption || typeof resolvedOption !== 'object') return undefined;\r\n    return resolvedOption[this.optionIcon()];\r\n  }\r\n\r\n  shouldRenderOptionColorSwatch(option: any): boolean {\r\n    return !!this.getOptionSwatchColor(option) && !this.getOptionIcon(option);\r\n  }\r\n\r\n  getOptionSwatchColor(option: any): string | null {\r\n    return this.resolveDisplayColor(this.getOptionColor(option));\r\n  }\r\n\r\n  getOptionAvatarBackground(option: any): string | null {\r\n    return this.getAvatarBackgroundByColor(this.getOptionColor(option));\r\n  }\r\n\r\n  getOptionAvatarColor(option: any): string | null {\r\n    return this.getAvatarColorByColor(this.getOptionColor(option));\r\n  }\r\n\r\n  getOptionAvatarShape(option: any): 'circle' | 'square' {\r\n    const resolvedOption = this.resolveOption(option);\r\n    if (!resolvedOption || typeof resolvedOption !== 'object') {\r\n      return this.normalizeAvatarShape(this.optionAvatarShape());\r\n    }\r\n\r\n    return this.normalizeAvatarShape(\r\n      resolvedOption[this.optionIconShape()] ?? this.optionAvatarShape(),\r\n    );\r\n  }\r\n\r\n  getGroupLabelValue(group: any): string {\r\n    if (group == null) return '';\r\n\r\n    const groupLabelKey = this.optionGroupLabel();\r\n    if (groupLabelKey && typeof group === 'object') {\r\n      return group[groupLabelKey] ?? '';\r\n    }\r\n\r\n    return typeof group === 'object' ? (group.label ?? '') : String(group);\r\n  }\r\n\r\n  getGroupIcon(group: any): string | undefined {\r\n    if (!group || typeof group !== 'object') return undefined;\r\n    return group[this.optionGroupIcon()];\r\n  }\r\n\r\n  shouldRenderGroupColorSwatch(group: any): boolean {\r\n    return !!this.getGroupSwatchColor(group) && !this.getGroupIcon(group);\r\n  }\r\n\r\n  getGroupSwatchColor(group: any): string | null {\r\n    return this.resolveDisplayColor(this.getGroupColor(group));\r\n  }\r\n\r\n  getGroupAvatarBackground(group: any): string | null {\r\n    return this.getAvatarBackgroundByColor(this.getGroupColor(group));\r\n  }\r\n\r\n  getGroupAvatarColor(group: any): string | null {\r\n    return this.getAvatarColorByColor(this.getGroupColor(group));\r\n  }\r\n\r\n  getGroupAvatarShape(group: any): 'circle' | 'square' {\r\n    if (!group || typeof group !== 'object') {\r\n      return this.normalizeAvatarShape(this.optionGroupAvatarShape());\r\n    }\r\n\r\n    return this.normalizeAvatarShape(\r\n      group[this.optionGroupIconShape()] ?? this.optionGroupAvatarShape(),\r\n    );\r\n  }\r\n\r\n  private getOptionColor(option: any): string | undefined {\r\n    const resolvedOption = this.resolveOption(option);\r\n    if (!resolvedOption || typeof resolvedOption !== 'object') return undefined;\r\n    return resolvedOption[this.optionIconColor()];\r\n  }\r\n\r\n  private getGroupColor(group: any): string | undefined {\r\n    if (!group || typeof group !== 'object') return undefined;\r\n    return group[this.optionGroupIconColor()];\r\n  }\r\n\r\n  private getAvatarBackgroundByColor(color: string | undefined): string | null {\r\n    if (!color) return null;\r\n    if (color.startsWith('#')) return `${color}1a`;\r\n    return `var(--p-${color}-100)`;\r\n  }\r\n\r\n  private getAvatarColorByColor(color: string | undefined): string | null {\r\n    if (!color) return null;\r\n    if (color.startsWith('#')) return color;\r\n    return `var(--p-${color}-600)`;\r\n  }\r\n\r\n  private resolveDisplayColor(color: string | undefined): string | null {\r\n    if (!color) return null;\r\n    if (\r\n      color.startsWith('#') ||\r\n      color.startsWith('rgb') ||\r\n      color.startsWith('hsl') ||\r\n      color.startsWith('var(')\r\n    ) {\r\n      return color;\r\n    }\r\n\r\n    return `var(--p-${color}-500)`;\r\n  }\r\n\r\n  private normalizeAvatarShape(shape: unknown): 'circle' | 'square' {\r\n    return shape === 'square' ? 'square' : 'circle';\r\n  }\r\n\r\n  /**\r\n   * Resolves a nested dot-notation path (e.g. \"name.display\") on an object.\r\n   * Falls back to direct property access for non-nested keys.\r\n   */\r\n  private resolveNestedValue(obj: any, path: string): any {\r\n    if (!path.includes('.')) {\r\n      return obj[path];\r\n    }\r\n    return path.split('.').reduce((current, key) => current?.[key], obj);\r\n  }\r\n\r\n  private resolveOption(optionOrValue: any): any {\r\n    if (optionOrValue == null || typeof optionOrValue === 'object') {\r\n      return optionOrValue;\r\n    }\r\n\r\n    const options = this.options() ?? [];\r\n    const optionValueKey = this.optionValue();\r\n\r\n    if (!optionValueKey) {\r\n      return (\r\n        options.find((option) => option === optionOrValue) ?? optionOrValue\r\n      );\r\n    }\r\n\r\n    if (this.group()) {\r\n      const groupChildrenKey = this.optionGroupChildren();\r\n      for (const group of options) {\r\n        const children = group?.[groupChildrenKey];\r\n        if (!Array.isArray(children)) continue;\r\n\r\n        const match = children.find(\r\n          (item: any) => item?.[optionValueKey] === optionOrValue,\r\n        );\r\n        if (match) return match;\r\n      }\r\n      return optionOrValue;\r\n    }\r\n\r\n    return (\r\n      options.find((option) => option?.[optionValueKey] === optionOrValue) ??\r\n      optionOrValue\r\n    );\r\n  }\r\n}\r\n","@if (label()) {\r\n  <label\r\n    (click)=\"dropdown.show(); dropdown.focus()\"\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n    >{{ label() }}</label\r\n  >\r\n}\r\n<p-select\r\n  #dropdown\r\n  appendTo=\"body\"\r\n  [overlayOptions]=\"{ baseZIndex: 1051 }\"\r\n  [ngModel]=\"value()\"\r\n  (ngModelChange)=\"onValueChange($event)\"\r\n  [options]=\"options()\"\r\n  [optionLabel]=\"optionLabel()\"\r\n  [optionValue]=\"optionValue()\"\r\n  (onBlur)=\"onTouched()\"\r\n  [disabled]=\"disabled() || readonly()\"\r\n  [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\r\n  [id]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\r\n  [invalid]=\"isInvalid(ngControl?.control)\"\r\n  placeholder=\"{{\r\n    (hasPlaceholderPrefix() ? ('components.table.select' | transloco) : '') +\r\n      ' ' +\r\n      (placeholder() ?? label() ?? '')\r\n  }}\"\r\n  [filter]=\"filter()\"\r\n  [filterBy]=\"filterBy()\"\r\n  [dataKey]=\"dataKey()\"\r\n  styleClass=\"mt-1\"\r\n  [showClear]=\"showClear()\"\r\n  [group]=\"isGrouped()\"\r\n  [optionGroupLabel]=\"optionGroupLabel()\"\r\n  [optionGroupChildren]=\"optionGroupChildren()\"\r\n  [loading]=\"loading()\"\r\n  [fluid]=\"true\"\r\n  [size]=\"size()\"\r\n>\r\n  <ng-template let-option #selectedItem>\r\n    @if (option) {\r\n      <div class=\"flex items-center gap-2\">\r\n        @if (shouldRenderOptionColorSwatch(option)) {\r\n          <span\r\n            class=\"h-3 w-3 shrink-0 rounded-[4px] border border-surface-300\"\r\n            [style.backgroundColor]=\"getOptionSwatchColor(option)\"\r\n          ></span>\r\n        } @else if (getOptionIcon(option)) {\r\n          <mt-avatar\r\n            [style.--p-avatar-background]=\"getOptionAvatarBackground(option)\"\r\n            [style.--p-avatar-color]=\"getOptionAvatarColor(option)\"\r\n            [icon]=\"getOptionIcon(option)\"\r\n            [shape]=\"getOptionAvatarShape(option)\"\r\n            size=\"normal\"\r\n          />\r\n        }\r\n        <span>{{ getOptionLabelValue(option) }}</span>\r\n      </div>\r\n    } @else {\r\n      <span class=\"text-color-secondary\">{{\r\n        (hasPlaceholderPrefix()\r\n          ? (\"components.table.select\" | transloco)\r\n          : \"\") +\r\n          \" \" +\r\n          (placeholder() ?? label() ?? \"\")\r\n      }}</span>\r\n    }\r\n  </ng-template>\r\n\r\n  <ng-template let-option #item>\r\n    <div class=\"flex items-center gap-2\">\r\n      @if (shouldRenderOptionColorSwatch(option)) {\r\n        <span\r\n          class=\"h-3 w-3 shrink-0 rounded-[4px] border border-surface-300\"\r\n          [style.backgroundColor]=\"getOptionSwatchColor(option)\"\r\n        ></span>\r\n      } @else if (getOptionIcon(option)) {\r\n        <mt-avatar\r\n          [style.--p-avatar-background]=\"getOptionAvatarBackground(option)\"\r\n          [style.--p-avatar-color]=\"getOptionAvatarColor(option)\"\r\n          [icon]=\"getOptionIcon(option)\"\r\n          [shape]=\"getOptionAvatarShape(option)\"\r\n          size=\"normal\"\r\n        />\r\n      }\r\n      <span>{{ getOptionLabelValue(option) }}</span>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <ng-template let-group #group>\r\n    <div class=\"flex items-center gap-2\">\r\n      @if (shouldRenderGroupColorSwatch(group)) {\r\n        <span\r\n          class=\"h-3 w-3 shrink-0 rounded-[4px] border border-surface-300\"\r\n          [style.backgroundColor]=\"getGroupSwatchColor(group)\"\r\n        ></span>\r\n      } @else if (getGroupIcon(group)) {\r\n        <mt-avatar\r\n          [style.--p-avatar-background]=\"getGroupAvatarBackground(group)\"\r\n          [style.--p-avatar-color]=\"getGroupAvatarColor(group)\"\r\n          [icon]=\"getGroupIcon(group)\"\r\n          [shape]=\"getGroupAvatarShape(group)\"\r\n          size=\"normal\"\r\n        />\r\n      }\r\n      <span class=\"font-medium\">{{ getGroupLabelValue(group) }}</span>\r\n    </div>\r\n  </ng-template>\r\n</p-select>\r\n\r\n@if (ngControl) {\r\n  <mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n}\r\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-select-field.mjs","sources":["../../../../packages/masterteam/components/select-field/select-field.ts","../../../../packages/masterteam/components/select-field/select-field.html","../../../../packages/masterteam/components/select-field/masterteam-components-select-field.ts"],"sourcesContent":["import {\r\n  Component,\r\n  EventEmitter,\r\n  HostBinding,\r\n  OnChanges,\r\n  OnInit,\r\n  Output,\r\n  SimpleChanges,\r\n  ViewChild,\r\n  signal,\r\n  input,\r\n  inject,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  effect,\r\n} from '@angular/core';\r\n\r\nimport {\r\n  ControlValueAccessor,\r\n  FormsModule,\r\n  NgControl,\r\n  Validators,\r\n} from '@angular/forms';\r\nimport { Select } from 'primeng/select';\r\nimport { FieldValidation } from '@masterteam/components/field-validation';\r\nimport { isInvalid } from '@masterteam/components';\r\nimport { TranslocoModule } from '@jsverse/transloco';\r\nimport { Avatar } from '@masterteam/components/avatar';\r\n\r\n@Component({\r\n  selector: 'mt-select-field',\r\n  standalone: true,\r\n  imports: [FormsModule, Select, FieldValidation, TranslocoModule, Avatar],\r\n  templateUrl: './select-field.html',\r\n  styleUrls: ['./select-field.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'block gap-1',\r\n  },\r\n})\r\nexport class SelectField implements ControlValueAccessor, OnInit, OnChanges {\r\n  cdr = inject(ChangeDetectorRef);\r\n  @ViewChild('dropdown', { static: true })\r\n  dropdown: Select;\r\n\r\n  readonly field = input<boolean>(true);\r\n  readonly label = input<string>('');\r\n  readonly placeholder = input<string>('');\r\n  readonly hasPlaceholderPrefix = input<boolean>(true);\r\n  readonly class = input<string>('');\r\n  readonly readonly = input<boolean>(false);\r\n  readonly pInputs = input<Partial<Select>>();\r\n  readonly options = input<any[] | undefined>(undefined);\r\n  readonly optionValue = input<string | undefined>(undefined);\r\n  readonly optionLabel = input<string | undefined>(undefined);\r\n  readonly filter = input<boolean | undefined>(undefined);\r\n  readonly filterBy = input<string | undefined>(undefined);\r\n  readonly dataKey = input<string | undefined>(undefined);\r\n  readonly showClear = input<boolean | undefined>(undefined);\r\n  readonly clearAfterSelect = input<boolean | undefined>(undefined);\r\n  readonly required = input<boolean>(false); // Add readonly required input\r\n  readonly group = input<boolean>(false);\r\n  readonly size = input<string>('');\r\n  readonly optionGroupLabel = input<string>('label');\r\n  readonly optionGroupChildren = input<string>('items');\r\n  readonly loading = input<boolean>(false);\r\n  readonly optionIcon = input<string>('icon');\r\n  readonly optionIconColor = input<string>('color');\r\n  readonly optionIconShape = input<string>('shape');\r\n  readonly optionAvatarShape = input<'circle' | 'square'>('square');\r\n  readonly optionGroupIcon = input<string>('icon');\r\n  readonly optionGroupIconColor = input<string>('color');\r\n  readonly optionGroupIconShape = input<string>('shape');\r\n  readonly optionGroupAvatarShape = input<'circle' | 'square'>('square');\r\n\r\n  @Output() onChange: EventEmitter<any> = new EventEmitter();\r\n\r\n  @HostBinding('class') styleClass: string;\r\n\r\n  requiredValidator = Validators.required;\r\n  value = signal<any>(null);\r\n  disabled = signal<boolean>(false);\r\n\r\n  onTouched: () => void = () => {};\r\n  onModelChange: (value: any) => void = () => {};\r\n\r\n  public ngControl: NgControl | null = null;\r\n\r\n  isInvalid = isInvalid;\r\n\r\n  constructor() {\r\n    try {\r\n      this.ngControl = inject(NgControl, { self: true, optional: true });\r\n      if (this.ngControl) {\r\n        this.ngControl.valueAccessor = this;\r\n      }\r\n    } catch {\r\n      this.ngControl = null;\r\n    }\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  applyInputsToDropdown() {\r\n    // Object.assign(this.dropdown, this.pInputs());\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.styleClass = this.class();\r\n    if (this.pInputs()) {\r\n      this.applyInputsToDropdown();\r\n    }\r\n  }\r\n\r\n  onValueChange(value: any) {\r\n    this.onModelChange(value);\r\n    this.value.set(value);\r\n    this.onChange.emit(value);\r\n    if (this.clearAfterSelect()) {\r\n      this.clearSelection();\r\n    }\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    if (changes['pInputs']) {\r\n      this.applyInputsToDropdown();\r\n    }\r\n  }\r\n\r\n  writeValue(value: string) {\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  isGrouped(): boolean {\r\n    return this.group();\r\n  }\r\n\r\n  // TODO: make this method work\r\n  public clearSelection() {\r\n    this.dropdown.clear(this.value());\r\n    this.dropdown.value = null;\r\n    this.value.set(null);\r\n    this.onModelChange(null);\r\n    this.onChange.emit(null);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  getOptionLabelValue(option: any): string {\r\n    const resolvedOption = this.resolveOption(option);\r\n    if (resolvedOption == null) return '';\r\n\r\n    const labelKey = this.optionLabel();\r\n    if (labelKey && typeof resolvedOption === 'object') {\r\n      return this.resolveNestedValue(resolvedOption, labelKey) ?? '';\r\n    }\r\n\r\n    return typeof resolvedOption === 'object'\r\n      ? (resolvedOption.label ?? '')\r\n      : String(resolvedOption);\r\n  }\r\n\r\n  getOptionIcon(option: any): string | undefined {\r\n    const resolvedOption = this.resolveOption(option);\r\n    if (!resolvedOption || typeof resolvedOption !== 'object') return undefined;\r\n    return resolvedOption[this.optionIcon()];\r\n  }\r\n\r\n  shouldRenderOptionColorSwatch(option: any): boolean {\r\n    return !!this.getOptionSwatchColor(option) && !this.getOptionIcon(option);\r\n  }\r\n\r\n  getOptionSwatchColor(option: any): string | null {\r\n    return this.resolveDisplayColor(this.getOptionColor(option));\r\n  }\r\n\r\n  getOptionAvatarBackground(option: any): string | null {\r\n    return this.getAvatarBackgroundByColor(this.getOptionColor(option));\r\n  }\r\n\r\n  getOptionAvatarColor(option: any): string | null {\r\n    return this.getAvatarColorByColor(this.getOptionColor(option));\r\n  }\r\n\r\n  getOptionAvatarShape(option: any): 'circle' | 'square' {\r\n    const resolvedOption = this.resolveOption(option);\r\n    if (!resolvedOption || typeof resolvedOption !== 'object') {\r\n      return this.normalizeAvatarShape(this.optionAvatarShape());\r\n    }\r\n\r\n    return this.normalizeAvatarShape(\r\n      resolvedOption[this.optionIconShape()] ?? this.optionAvatarShape(),\r\n    );\r\n  }\r\n\r\n  getGroupLabelValue(group: any): string {\r\n    if (group == null) return '';\r\n\r\n    const groupLabelKey = this.optionGroupLabel();\r\n    if (groupLabelKey && typeof group === 'object') {\r\n      return group[groupLabelKey] ?? '';\r\n    }\r\n\r\n    return typeof group === 'object' ? (group.label ?? '') : String(group);\r\n  }\r\n\r\n  getGroupIcon(group: any): string | undefined {\r\n    if (!group || typeof group !== 'object') return undefined;\r\n    return group[this.optionGroupIcon()];\r\n  }\r\n\r\n  shouldRenderGroupColorSwatch(group: any): boolean {\r\n    return !!this.getGroupSwatchColor(group) && !this.getGroupIcon(group);\r\n  }\r\n\r\n  getGroupSwatchColor(group: any): string | null {\r\n    return this.resolveDisplayColor(this.getGroupColor(group));\r\n  }\r\n\r\n  getGroupAvatarBackground(group: any): string | null {\r\n    return this.getAvatarBackgroundByColor(this.getGroupColor(group));\r\n  }\r\n\r\n  getGroupAvatarColor(group: any): string | null {\r\n    return this.getAvatarColorByColor(this.getGroupColor(group));\r\n  }\r\n\r\n  getGroupAvatarShape(group: any): 'circle' | 'square' {\r\n    if (!group || typeof group !== 'object') {\r\n      return this.normalizeAvatarShape(this.optionGroupAvatarShape());\r\n    }\r\n\r\n    return this.normalizeAvatarShape(\r\n      group[this.optionGroupIconShape()] ?? this.optionGroupAvatarShape(),\r\n    );\r\n  }\r\n\r\n  private getOptionColor(option: any): string | undefined {\r\n    const resolvedOption = this.resolveOption(option);\r\n    if (!resolvedOption || typeof resolvedOption !== 'object') return undefined;\r\n    return resolvedOption[this.optionIconColor()];\r\n  }\r\n\r\n  private getGroupColor(group: any): string | undefined {\r\n    if (!group || typeof group !== 'object') return undefined;\r\n    return group[this.optionGroupIconColor()];\r\n  }\r\n\r\n  private getAvatarBackgroundByColor(color: string | undefined): string | null {\r\n    if (!color) return null;\r\n    if (color.startsWith('#')) return `${color}1a`;\r\n    return `var(--p-${color}-100)`;\r\n  }\r\n\r\n  private getAvatarColorByColor(color: string | undefined): string | null {\r\n    if (!color) return null;\r\n    if (color.startsWith('#')) return color;\r\n    return `var(--p-${color}-600)`;\r\n  }\r\n\r\n  private resolveDisplayColor(color: string | undefined): string | null {\r\n    if (!color) return null;\r\n    if (\r\n      color.startsWith('#') ||\r\n      color.startsWith('rgb') ||\r\n      color.startsWith('hsl') ||\r\n      color.startsWith('var(')\r\n    ) {\r\n      return color;\r\n    }\r\n\r\n    return `var(--p-${color}-500)`;\r\n  }\r\n\r\n  private normalizeAvatarShape(shape: unknown): 'circle' | 'square' {\r\n    return shape === 'square' ? 'square' : 'circle';\r\n  }\r\n\r\n  /**\r\n   * Resolves a nested dot-notation path (e.g. \"name.display\") on an object.\r\n   * Falls back to direct property access for non-nested keys.\r\n   */\r\n  private resolveNestedValue(obj: any, path: string): any {\r\n    if (!path.includes('.')) {\r\n      return obj[path];\r\n    }\r\n    return path.split('.').reduce((current, key) => current?.[key], obj);\r\n  }\r\n\r\n  private resolveOption(optionOrValue: any): any {\r\n    if (optionOrValue == null || typeof optionOrValue === 'object') {\r\n      return optionOrValue;\r\n    }\r\n\r\n    const options = this.options() ?? [];\r\n    const optionValueKey = this.optionValue();\r\n\r\n    if (!optionValueKey) {\r\n      return (\r\n        options.find((option) => option === optionOrValue) ?? optionOrValue\r\n      );\r\n    }\r\n\r\n    if (this.group()) {\r\n      const groupChildrenKey = this.optionGroupChildren();\r\n      for (const group of options) {\r\n        const children = group?.[groupChildrenKey];\r\n        if (!Array.isArray(children)) continue;\r\n\r\n        const match = children.find(\r\n          (item: any) => item?.[optionValueKey] === optionOrValue,\r\n        );\r\n        if (match) return match;\r\n      }\r\n      return optionOrValue;\r\n    }\r\n\r\n    return (\r\n      options.find((option) => option?.[optionValueKey] === optionOrValue) ??\r\n      optionOrValue\r\n    );\r\n  }\r\n}\r\n","@if (label()) {\r\n  <label\r\n    (click)=\"dropdown.show(); dropdown.focus()\"\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n    >{{ label() }}</label\r\n  >\r\n}\r\n<p-select\r\n  #dropdown\r\n  appendTo=\"body\"\r\n  [overlayOptions]=\"{ baseZIndex: 1051 }\"\r\n  [ngModel]=\"value()\"\r\n  (ngModelChange)=\"onValueChange($event)\"\r\n  [options]=\"options()\"\r\n  [optionLabel]=\"optionLabel()\"\r\n  [optionValue]=\"optionValue()\"\r\n  (onBlur)=\"onTouched()\"\r\n  [disabled]=\"disabled() || readonly()\"\r\n  [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\r\n  [id]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\r\n  [invalid]=\"isInvalid(ngControl?.control)\"\r\n  placeholder=\"{{\r\n    (hasPlaceholderPrefix() ? ('components.table.select' | transloco) : '') +\r\n      ' ' +\r\n      (placeholder() ?? label() ?? '')\r\n  }}\"\r\n  [filter]=\"filter()\"\r\n  [filterBy]=\"filterBy()\"\r\n  [dataKey]=\"dataKey()\"\r\n  styleClass=\"mt-1\"\r\n  [showClear]=\"showClear()\"\r\n  [group]=\"isGrouped()\"\r\n  [optionGroupLabel]=\"optionGroupLabel()\"\r\n  [optionGroupChildren]=\"optionGroupChildren()\"\r\n  [loading]=\"loading()\"\r\n  [fluid]=\"true\"\r\n  [size]=\"size()\"\r\n>\r\n  <ng-template let-option #selectedItem>\r\n    @if (option) {\r\n      <div class=\"flex items-center gap-2\">\r\n        @if (shouldRenderOptionColorSwatch(option)) {\r\n          <span\r\n            class=\"h-3 w-3 shrink-0 rounded-[4px] border border-surface-300\"\r\n            [style.backgroundColor]=\"getOptionSwatchColor(option)\"\r\n          ></span>\r\n        } @else if (getOptionIcon(option)) {\r\n          <mt-avatar\r\n            [style.--p-avatar-background]=\"getOptionAvatarBackground(option)\"\r\n            [style.--p-avatar-color]=\"getOptionAvatarColor(option)\"\r\n            [icon]=\"getOptionIcon(option)\"\r\n            [shape]=\"getOptionAvatarShape(option)\"\r\n            size=\"normal\"\r\n          />\r\n        }\r\n        <span>{{ getOptionLabelValue(option) }}</span>\r\n      </div>\r\n    } @else {\r\n      <span class=\"text-color-secondary\">{{\r\n        (hasPlaceholderPrefix()\r\n          ? (\"components.table.select\" | transloco)\r\n          : \"\") +\r\n          \" \" +\r\n          (placeholder() ?? label() ?? \"\")\r\n      }}</span>\r\n    }\r\n  </ng-template>\r\n\r\n  <ng-template let-option #item>\r\n    <div class=\"flex items-center gap-2\">\r\n      @if (shouldRenderOptionColorSwatch(option)) {\r\n        <span\r\n          class=\"h-3 w-3 shrink-0 rounded-[4px] border border-surface-300\"\r\n          [style.backgroundColor]=\"getOptionSwatchColor(option)\"\r\n        ></span>\r\n      } @else if (getOptionIcon(option)) {\r\n        <mt-avatar\r\n          [style.--p-avatar-background]=\"getOptionAvatarBackground(option)\"\r\n          [style.--p-avatar-color]=\"getOptionAvatarColor(option)\"\r\n          [icon]=\"getOptionIcon(option)\"\r\n          [shape]=\"getOptionAvatarShape(option)\"\r\n          size=\"normal\"\r\n        />\r\n      }\r\n      <span>{{ getOptionLabelValue(option) }}</span>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <ng-template let-group #group>\r\n    <div class=\"flex items-center gap-2\">\r\n      @if (shouldRenderGroupColorSwatch(group)) {\r\n        <span\r\n          class=\"h-3 w-3 shrink-0 rounded-[4px] border border-surface-300\"\r\n          [style.backgroundColor]=\"getGroupSwatchColor(group)\"\r\n        ></span>\r\n      } @else if (getGroupIcon(group)) {\r\n        <mt-avatar\r\n          [style.--p-avatar-background]=\"getGroupAvatarBackground(group)\"\r\n          [style.--p-avatar-color]=\"getGroupAvatarColor(group)\"\r\n          [icon]=\"getGroupIcon(group)\"\r\n          [shape]=\"getGroupAvatarShape(group)\"\r\n          size=\"normal\"\r\n        />\r\n      }\r\n      <span class=\"font-medium\">{{ getGroupLabelValue(group) }}</span>\r\n    </div>\r\n  </ng-template>\r\n</p-select>\r\n\r\n@if (ngControl) {\r\n  <mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n}\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-sidebar.mjs

@@ -5,25 +5,25 @@ import { RouterLinkActive, RouterLink } from '@angular/router';
 import { Tooltip } from '@masterteam/components/tooltip';
 
 class Sidebar {
-    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
-    logo = input(...(ngDevMode ? [undefined, { debugName: "logo" }] : []));
-    logoLink = input(...(ngDevMode ? [undefined, { debugName: "logoLink" }] : []));
-    title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
-    subTitle = input(...(ngDevMode ? [undefined, { debugName: "subTitle" }] : []));
-    bgColor = input(...(ngDevMode ? [undefined, { debugName: "bgColor" }] : []));
-    bgImage = input(...(ngDevMode ? [undefined, { debugName: "bgImage" }] : []));
-    bgRepeat = input(false, { ...(ngDevMode ? { debugName: "bgRepeat" } : {}), transform: booleanAttribute });
-    iconsColor = input('var(--p-text-color)', ...(ngDevMode ? [{ debugName: "iconsColor" }] : []));
-    expanded = signal(false, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    logo = input(...(ngDevMode ? [undefined, { debugName: "logo" }] : /* istanbul ignore next */ []));
+    logoLink = input(...(ngDevMode ? [undefined, { debugName: "logoLink" }] : /* istanbul ignore next */ []));
+    title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : /* istanbul ignore next */ []));
+    subTitle = input(...(ngDevMode ? [undefined, { debugName: "subTitle" }] : /* istanbul ignore next */ []));
+    bgColor = input(...(ngDevMode ? [undefined, { debugName: "bgColor" }] : /* istanbul ignore next */ []));
+    bgImage = input(...(ngDevMode ? [undefined, { debugName: "bgImage" }] : /* istanbul ignore next */ []));
+    bgRepeat = input(false, { ...(ngDevMode ? { debugName: "bgRepeat" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    iconsColor = input('var(--p-text-color)', ...(ngDevMode ? [{ debugName: "iconsColor" }] : /* istanbul ignore next */ []));
+    expanded = signal(false, ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
     expandedChange = output();
     toggleSidebar() {
         this.expanded.update((v) => !v);
         this.expandedChange.emit(this.expanded());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Sidebar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Sidebar, isStandalone: true, selector: "mt-sidebar", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, logoLink: { classPropertyName: "logoLink", publicName: "logoLink", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, bgImage: { classPropertyName: "bgImage", publicName: "bgImage", isSignal: true, isRequired: false, transformFunction: null }, bgRepeat: { classPropertyName: "bgRepeat", publicName: "bgRepeat", isSignal: true, isRequired: false, transformFunction: null }, iconsColor: { classPropertyName: "iconsColor", publicName: "iconsColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedChange: "expandedChange" }, ngImport: i0, template: "<div\r\n  class=\"flex h-full min-h-0 flex-col overflow-hidden border-e-1 border-surface-300 bg-surface-200 transition-all duration-400 ease-in-out dark:bg-surface-800\"\r\n  [style.width]=\"expanded() ? '16rem' : '4rem'\"\r\n>\r\n  <div\r\n    class=\"flex h-full min-h-0 flex-col gap-3 px-2 py-4\"\r\n    [style.backgroundColor]=\"bgColor()\"\r\n    [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\r\n    [class.bg-no-repeat]=\"!bgRepeat()\"\r\n    [class.bg-repeat-y]=\"bgRepeat()\"\r\n  >\r\n    <!-- Toggle Button & Branding -->\r\n    <div class=\"flex shrink-0 items-center gap-2\">\r\n      <button\r\n        type=\"button\"\r\n        size=\"large\"\r\n        class=\"flex items-center justify-center w-[47px] h-[40px] hover:bg-surface-100 dark:hover:bg-surface-900 transition-colors rounded-xl cursor-pointer shrink-0\"\r\n        [style.color]=\"iconsColor()\"\r\n        (click)=\"toggleSidebar()\"\r\n      >\r\n        <mt-icon\r\n          icon=\"general.menu-01\"\r\n          class=\"text-lg transition-transform duration-400 ease-in-out\"\r\n          [class.rotate-180]=\"expanded()\"\r\n        />\r\n      </button>\r\n\r\n      @if (logo() || title()) {\r\n        <div\r\n          class=\"flex items-center gap-2 overflow-hidden transition-all duration-400 ease-in-out\"\r\n          [class.max-w-0]=\"!expanded()\"\r\n          [class.opacity-0]=\"!expanded()\"\r\n          [class.max-w-xs]=\"expanded()\"\r\n          [class.opacity-100]=\"expanded()\"\r\n        >\r\n          @if (logo()) {\r\n            <img\r\n              [src]=\"logo()\"\r\n              alt=\"Logo\"\r\n              class=\"h-8 shrink-0\"\r\n              [routerLink]=\"logoLink()\"\r\n              [class.cursor-pointer]=\"logoLink()\"\r\n            />\r\n          }\r\n          @if (logo() && (title() || subTitle())) {\r\n            <div\r\n              class=\"h-6 w-[1px] bg-current opacity-30 shrink-0\"\r\n              [style.color]=\"iconsColor()\"\r\n            ></div>\r\n          }\r\n          @if (title() || subTitle()) {\r\n            <div\r\n              class=\"flex flex-col gap-0.5 min-w-0\"\r\n              [style.color]=\"iconsColor()\"\r\n            >\r\n              <span class=\"text-sm font-semibold truncate\">{{ title() }}</span>\r\n              @if (subTitle()) {\r\n                <span class=\"text-xs opacity-70 truncate\">{{\r\n                  subTitle()\r\n                }}</span>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    <div\r\n      class=\"mt-sidebar-menu flex min-h-0 flex-1 flex-col gap-1 overflow-x-hidden overflow-y-auto overscroll-contain\"\r\n      [class.mt-sidebar-menu-collapsed]=\"!expanded()\"\r\n      [class.pr-1]=\"expanded()\"\r\n      [class.pr-px]=\"!expanded()\"\r\n    >\r\n      @for (item of items(); track item.id) {\r\n        <a\r\n          [routerLink]=\"item.routerLink\"\r\n          routerLinkActive=\"bg-primary-50 dark:bg-primary-900\"\r\n          #rla=\"routerLinkActive\"\r\n          class=\"flex items-center gap-3 h-[47px] min-w-[47px] shrink-0 dark:hover:bg-surface-900 hover:bg-primary-50 transition-colors rounded-xl overflow-hidden\"\r\n          mtTooltip=\"{{ item.title }}\"\r\n          [style.color]=\"rla.isActive ? 'var(--p-primary-500)' : iconsColor()\"\r\n        >\r\n          <div class=\"px-4\">\r\n            <mt-icon [icon]=\"item.icon\" class=\"shrink-0\" />\r\n          </div>\r\n          <div\r\n            class=\"whitespace-nowrap text-sm font-medium transition-all duration-400 ease-in-out overflow-hidden\"\r\n            [class.opacity-0]=\"!expanded()\"\r\n            [class.max-w-xs]=\"expanded()\"\r\n            [class.opacity-100]=\"expanded()\"\r\n          >\r\n            {{ item.title }}\r\n          </div>\r\n        </a>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;height:100%;min-height:0}.mt-sidebar-menu{scrollbar-width:thin;scrollbar-color:var(--p-surface-400) transparent}.mt-sidebar-menu::-webkit-scrollbar{width:6px}.mt-sidebar-menu::-webkit-scrollbar-track{background:transparent}.mt-sidebar-menu::-webkit-scrollbar-thumb{border-radius:9999px;background:color-mix(in srgb,var(--p-surface-500) 58%,transparent)}.mt-sidebar-menu::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--p-surface-600) 72%,transparent)}.mt-sidebar-menu-collapsed{scrollbar-color:var(--p-surface-500) transparent}.mt-sidebar-menu-collapsed::-webkit-scrollbar{width:2px}.mt-sidebar-menu-collapsed::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--p-surface-600) 82%,transparent)}\n"], dependencies: [{ kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "directive", type: Tooltip, selector: "[mtTooltip]" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Sidebar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Sidebar, isStandalone: true, selector: "mt-sidebar", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, logoLink: { classPropertyName: "logoLink", publicName: "logoLink", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, bgImage: { classPropertyName: "bgImage", publicName: "bgImage", isSignal: true, isRequired: false, transformFunction: null }, bgRepeat: { classPropertyName: "bgRepeat", publicName: "bgRepeat", isSignal: true, isRequired: false, transformFunction: null }, iconsColor: { classPropertyName: "iconsColor", publicName: "iconsColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedChange: "expandedChange" }, ngImport: i0, template: "<div\r\n  class=\"flex h-full min-h-0 flex-col overflow-hidden border-e-1 border-surface-300 bg-surface-200 transition-all duration-400 ease-in-out dark:bg-surface-800\"\r\n  [style.width]=\"expanded() ? '16rem' : '4rem'\"\r\n>\r\n  <div\r\n    class=\"flex h-full min-h-0 flex-col gap-3 px-2 py-4\"\r\n    [style.backgroundColor]=\"bgColor()\"\r\n    [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\r\n    [class.bg-no-repeat]=\"!bgRepeat()\"\r\n    [class.bg-repeat-y]=\"bgRepeat()\"\r\n  >\r\n    <!-- Toggle Button & Branding -->\r\n    <div class=\"flex shrink-0 items-center gap-2\">\r\n      <button\r\n        type=\"button\"\r\n        size=\"large\"\r\n        class=\"flex items-center justify-center w-[47px] h-[40px] hover:bg-surface-100 dark:hover:bg-surface-900 transition-colors rounded-xl cursor-pointer shrink-0\"\r\n        [style.color]=\"iconsColor()\"\r\n        (click)=\"toggleSidebar()\"\r\n      >\r\n        <mt-icon\r\n          icon=\"general.menu-01\"\r\n          class=\"text-lg transition-transform duration-400 ease-in-out\"\r\n          [class.rotate-180]=\"expanded()\"\r\n        />\r\n      </button>\r\n\r\n      @if (logo() || title()) {\r\n        <div\r\n          class=\"flex items-center gap-2 overflow-hidden transition-all duration-400 ease-in-out\"\r\n          [class.max-w-0]=\"!expanded()\"\r\n          [class.opacity-0]=\"!expanded()\"\r\n          [class.max-w-xs]=\"expanded()\"\r\n          [class.opacity-100]=\"expanded()\"\r\n        >\r\n          @if (logo()) {\r\n            <img\r\n              [src]=\"logo()\"\r\n              alt=\"Logo\"\r\n              class=\"h-8 shrink-0\"\r\n              [routerLink]=\"logoLink()\"\r\n              [class.cursor-pointer]=\"logoLink()\"\r\n            />\r\n          }\r\n          @if (logo() && (title() || subTitle())) {\r\n            <div\r\n              class=\"h-6 w-[1px] bg-current opacity-30 shrink-0\"\r\n              [style.color]=\"iconsColor()\"\r\n            ></div>\r\n          }\r\n          @if (title() || subTitle()) {\r\n            <div\r\n              class=\"flex flex-col gap-0.5 min-w-0\"\r\n              [style.color]=\"iconsColor()\"\r\n            >\r\n              <span class=\"text-sm font-semibold truncate\">{{ title() }}</span>\r\n              @if (subTitle()) {\r\n                <span class=\"text-xs opacity-70 truncate\">{{\r\n                  subTitle()\r\n                }}</span>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    <div\r\n      class=\"mt-sidebar-menu flex min-h-0 flex-1 flex-col gap-1 overflow-x-hidden overflow-y-auto overscroll-contain\"\r\n      [class.mt-sidebar-menu-collapsed]=\"!expanded()\"\r\n      [class.pr-1]=\"expanded()\"\r\n      [class.pr-px]=\"!expanded()\"\r\n    >\r\n      @for (item of items(); track item.id) {\r\n        <a\r\n          [routerLink]=\"item.routerLink\"\r\n          routerLinkActive=\"bg-primary-50 dark:bg-primary-900\"\r\n          #rla=\"routerLinkActive\"\r\n          class=\"flex items-center gap-3 h-[47px] min-w-[47px] shrink-0 dark:hover:bg-surface-900 hover:bg-primary-50 transition-colors rounded-xl overflow-hidden\"\r\n          mtTooltip=\"{{ item.title }}\"\r\n          [style.color]=\"rla.isActive ? 'var(--p-primary-500)' : iconsColor()\"\r\n        >\r\n          <div class=\"px-4\">\r\n            <mt-icon [icon]=\"item.icon\" class=\"shrink-0\" />\r\n          </div>\r\n          <div\r\n            class=\"whitespace-nowrap text-sm font-medium transition-all duration-400 ease-in-out overflow-hidden\"\r\n            [class.opacity-0]=\"!expanded()\"\r\n            [class.max-w-xs]=\"expanded()\"\r\n            [class.opacity-100]=\"expanded()\"\r\n          >\r\n            {{ item.title }}\r\n          </div>\r\n        </a>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;height:100%;min-height:0}.mt-sidebar-menu{scrollbar-width:thin;scrollbar-color:var(--p-surface-400) transparent}.mt-sidebar-menu::-webkit-scrollbar{width:6px}.mt-sidebar-menu::-webkit-scrollbar-track{background:transparent}.mt-sidebar-menu::-webkit-scrollbar-thumb{border-radius:9999px;background:color-mix(in srgb,var(--p-surface-500) 58%,transparent)}.mt-sidebar-menu::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--p-surface-600) 72%,transparent)}.mt-sidebar-menu-collapsed{scrollbar-color:var(--p-surface-500) transparent}.mt-sidebar-menu-collapsed::-webkit-scrollbar{width:2px}.mt-sidebar-menu-collapsed::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--p-surface-600) 82%,transparent)}\n"], dependencies: [{ kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { 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: Sidebar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Sidebar, decorators: [{
             type: Component,
             args: [{ selector: 'mt-sidebar', standalone: true, imports: [RouterLinkActive, RouterLink, Icon, Tooltip], template: "<div\r\n  class=\"flex h-full min-h-0 flex-col overflow-hidden border-e-1 border-surface-300 bg-surface-200 transition-all duration-400 ease-in-out dark:bg-surface-800\"\r\n  [style.width]=\"expanded() ? '16rem' : '4rem'\"\r\n>\r\n  <div\r\n    class=\"flex h-full min-h-0 flex-col gap-3 px-2 py-4\"\r\n    [style.backgroundColor]=\"bgColor()\"\r\n    [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\r\n    [class.bg-no-repeat]=\"!bgRepeat()\"\r\n    [class.bg-repeat-y]=\"bgRepeat()\"\r\n  >\r\n    <!-- Toggle Button & Branding -->\r\n    <div class=\"flex shrink-0 items-center gap-2\">\r\n      <button\r\n        type=\"button\"\r\n        size=\"large\"\r\n        class=\"flex items-center justify-center w-[47px] h-[40px] hover:bg-surface-100 dark:hover:bg-surface-900 transition-colors rounded-xl cursor-pointer shrink-0\"\r\n        [style.color]=\"iconsColor()\"\r\n        (click)=\"toggleSidebar()\"\r\n      >\r\n        <mt-icon\r\n          icon=\"general.menu-01\"\r\n          class=\"text-lg transition-transform duration-400 ease-in-out\"\r\n          [class.rotate-180]=\"expanded()\"\r\n        />\r\n      </button>\r\n\r\n      @if (logo() || title()) {\r\n        <div\r\n          class=\"flex items-center gap-2 overflow-hidden transition-all duration-400 ease-in-out\"\r\n          [class.max-w-0]=\"!expanded()\"\r\n          [class.opacity-0]=\"!expanded()\"\r\n          [class.max-w-xs]=\"expanded()\"\r\n          [class.opacity-100]=\"expanded()\"\r\n        >\r\n          @if (logo()) {\r\n            <img\r\n              [src]=\"logo()\"\r\n              alt=\"Logo\"\r\n              class=\"h-8 shrink-0\"\r\n              [routerLink]=\"logoLink()\"\r\n              [class.cursor-pointer]=\"logoLink()\"\r\n            />\r\n          }\r\n          @if (logo() && (title() || subTitle())) {\r\n            <div\r\n              class=\"h-6 w-[1px] bg-current opacity-30 shrink-0\"\r\n              [style.color]=\"iconsColor()\"\r\n            ></div>\r\n          }\r\n          @if (title() || subTitle()) {\r\n            <div\r\n              class=\"flex flex-col gap-0.5 min-w-0\"\r\n              [style.color]=\"iconsColor()\"\r\n            >\r\n              <span class=\"text-sm font-semibold truncate\">{{ title() }}</span>\r\n              @if (subTitle()) {\r\n                <span class=\"text-xs opacity-70 truncate\">{{\r\n                  subTitle()\r\n                }}</span>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    <div\r\n      class=\"mt-sidebar-menu flex min-h-0 flex-1 flex-col gap-1 overflow-x-hidden overflow-y-auto overscroll-contain\"\r\n      [class.mt-sidebar-menu-collapsed]=\"!expanded()\"\r\n      [class.pr-1]=\"expanded()\"\r\n      [class.pr-px]=\"!expanded()\"\r\n    >\r\n      @for (item of items(); track item.id) {\r\n        <a\r\n          [routerLink]=\"item.routerLink\"\r\n          routerLinkActive=\"bg-primary-50 dark:bg-primary-900\"\r\n          #rla=\"routerLinkActive\"\r\n          class=\"flex items-center gap-3 h-[47px] min-w-[47px] shrink-0 dark:hover:bg-surface-900 hover:bg-primary-50 transition-colors rounded-xl overflow-hidden\"\r\n          mtTooltip=\"{{ item.title }}\"\r\n          [style.color]=\"rla.isActive ? 'var(--p-primary-500)' : iconsColor()\"\r\n        >\r\n          <div class=\"px-4\">\r\n            <mt-icon [icon]=\"item.icon\" class=\"shrink-0\" />\r\n          </div>\r\n          <div\r\n            class=\"whitespace-nowrap text-sm font-medium transition-all duration-400 ease-in-out overflow-hidden\"\r\n            [class.opacity-0]=\"!expanded()\"\r\n            [class.max-w-xs]=\"expanded()\"\r\n            [class.opacity-100]=\"expanded()\"\r\n          >\r\n            {{ item.title }}\r\n          </div>\r\n        </a>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;height:100%;min-height:0}.mt-sidebar-menu{scrollbar-width:thin;scrollbar-color:var(--p-surface-400) transparent}.mt-sidebar-menu::-webkit-scrollbar{width:6px}.mt-sidebar-menu::-webkit-scrollbar-track{background:transparent}.mt-sidebar-menu::-webkit-scrollbar-thumb{border-radius:9999px;background:color-mix(in srgb,var(--p-surface-500) 58%,transparent)}.mt-sidebar-menu::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--p-surface-600) 72%,transparent)}.mt-sidebar-menu-collapsed{scrollbar-color:var(--p-surface-500) transparent}.mt-sidebar-menu-collapsed::-webkit-scrollbar{width:2px}.mt-sidebar-menu-collapsed::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--p-surface-600) 82%,transparent)}\n"] }]
         }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], logo: [{ type: i0.Input, args: [{ isSignal: true, alias: "logo", required: false }] }], logoLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoLink", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subTitle", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], bgImage: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgImage", required: false }] }], bgRepeat: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgRepeat", required: false }] }], iconsColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconsColor", required: false }] }], expandedChange: [{ type: i0.Output, args: ["expandedChange"] }] } });

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

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-sidebar.mjs","sources":["../../../../packages/masterteam/components/sidebar/sidebar.ts","../../../../packages/masterteam/components/sidebar/sidebar.html","../../../../packages/masterteam/components/sidebar/masterteam-components-sidebar.ts"],"sourcesContent":["import {\r\n  booleanAttribute,\r\n  Component,\r\n  input,\r\n  output,\r\n  signal,\r\n} from '@angular/core';\r\nimport { Icon, MTIcon } from '@masterteam/icons';\r\nimport { RouterLink, RouterLinkActive } from '@angular/router';\r\nimport { Tooltip } from '@masterteam/components/tooltip';\r\n\r\nexport interface SidebarItem {\r\n  id: string | number;\r\n  title: string;\r\n  icon?: MTIcon;\r\n  routerLink?: any[] | string;\r\n}\r\n\r\n@Component({\r\n  selector: 'mt-sidebar',\r\n  standalone: true,\r\n  imports: [RouterLinkActive, RouterLink, Icon, Tooltip],\r\n  templateUrl: './sidebar.html',\r\n  styles: [\r\n    `\r\n      :host {\r\n        display: block;\r\n        height: 100%;\r\n        min-height: 0;\r\n      }\r\n\r\n      .mt-sidebar-menu {\r\n        scrollbar-width: thin;\r\n        scrollbar-color: var(--p-surface-400) transparent;\r\n      }\r\n\r\n      .mt-sidebar-menu::-webkit-scrollbar {\r\n        width: 6px;\r\n      }\r\n\r\n      .mt-sidebar-menu::-webkit-scrollbar-track {\r\n        background: transparent;\r\n      }\r\n\r\n      .mt-sidebar-menu::-webkit-scrollbar-thumb {\r\n        border-radius: 9999px;\r\n        background: color-mix(in srgb, var(--p-surface-500) 58%, transparent);\r\n      }\r\n\r\n      .mt-sidebar-menu::-webkit-scrollbar-thumb:hover {\r\n        background: color-mix(in srgb, var(--p-surface-600) 72%, transparent);\r\n      }\r\n\r\n      .mt-sidebar-menu-collapsed {\r\n        scrollbar-color: var(--p-surface-500) transparent;\r\n      }\r\n\r\n      .mt-sidebar-menu-collapsed::-webkit-scrollbar {\r\n        width: 2px;\r\n      }\r\n\r\n      .mt-sidebar-menu-collapsed::-webkit-scrollbar-thumb {\r\n        background: color-mix(in srgb, var(--p-surface-600) 82%, transparent);\r\n      }\r\n    `,\r\n  ],\r\n})\r\nexport class Sidebar {\r\n  items = input<SidebarItem[]>([]);\r\n\r\n  logo = input<string>();\r\n  logoLink = input<string | any[]>();\r\n  title = input<string>();\r\n  subTitle = input<string>();\r\n\r\n  bgColor = input<string>();\r\n  bgImage = input<string>();\r\n  bgRepeat = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  iconsColor = input<string>('var(--p-text-color)');\r\n\r\n  expanded = signal(false);\r\n  expandedChange = output<boolean>();\r\n\r\n  toggleSidebar(): void {\r\n    this.expanded.update((v) => !v);\r\n    this.expandedChange.emit(this.expanded());\r\n  }\r\n}\r\n","<div\r\n  class=\"flex h-full min-h-0 flex-col overflow-hidden border-e-1 border-surface-300 bg-surface-200 transition-all duration-400 ease-in-out dark:bg-surface-800\"\r\n  [style.width]=\"expanded() ? '16rem' : '4rem'\"\r\n>\r\n  <div\r\n    class=\"flex h-full min-h-0 flex-col gap-3 px-2 py-4\"\r\n    [style.backgroundColor]=\"bgColor()\"\r\n    [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\r\n    [class.bg-no-repeat]=\"!bgRepeat()\"\r\n    [class.bg-repeat-y]=\"bgRepeat()\"\r\n  >\r\n    <!-- Toggle Button & Branding -->\r\n    <div class=\"flex shrink-0 items-center gap-2\">\r\n      <button\r\n        type=\"button\"\r\n        size=\"large\"\r\n        class=\"flex items-center justify-center w-[47px] h-[40px] hover:bg-surface-100 dark:hover:bg-surface-900 transition-colors rounded-xl cursor-pointer shrink-0\"\r\n        [style.color]=\"iconsColor()\"\r\n        (click)=\"toggleSidebar()\"\r\n      >\r\n        <mt-icon\r\n          icon=\"general.menu-01\"\r\n          class=\"text-lg transition-transform duration-400 ease-in-out\"\r\n          [class.rotate-180]=\"expanded()\"\r\n        />\r\n      </button>\r\n\r\n      @if (logo() || title()) {\r\n        <div\r\n          class=\"flex items-center gap-2 overflow-hidden transition-all duration-400 ease-in-out\"\r\n          [class.max-w-0]=\"!expanded()\"\r\n          [class.opacity-0]=\"!expanded()\"\r\n          [class.max-w-xs]=\"expanded()\"\r\n          [class.opacity-100]=\"expanded()\"\r\n        >\r\n          @if (logo()) {\r\n            <img\r\n              [src]=\"logo()\"\r\n              alt=\"Logo\"\r\n              class=\"h-8 shrink-0\"\r\n              [routerLink]=\"logoLink()\"\r\n              [class.cursor-pointer]=\"logoLink()\"\r\n            />\r\n          }\r\n          @if (logo() && (title() || subTitle())) {\r\n            <div\r\n              class=\"h-6 w-[1px] bg-current opacity-30 shrink-0\"\r\n              [style.color]=\"iconsColor()\"\r\n            ></div>\r\n          }\r\n          @if (title() || subTitle()) {\r\n            <div\r\n              class=\"flex flex-col gap-0.5 min-w-0\"\r\n              [style.color]=\"iconsColor()\"\r\n            >\r\n              <span class=\"text-sm font-semibold truncate\">{{ title() }}</span>\r\n              @if (subTitle()) {\r\n                <span class=\"text-xs opacity-70 truncate\">{{\r\n                  subTitle()\r\n                }}</span>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    <div\r\n      class=\"mt-sidebar-menu flex min-h-0 flex-1 flex-col gap-1 overflow-x-hidden overflow-y-auto overscroll-contain\"\r\n      [class.mt-sidebar-menu-collapsed]=\"!expanded()\"\r\n      [class.pr-1]=\"expanded()\"\r\n      [class.pr-px]=\"!expanded()\"\r\n    >\r\n      @for (item of items(); track item.id) {\r\n        <a\r\n          [routerLink]=\"item.routerLink\"\r\n          routerLinkActive=\"bg-primary-50 dark:bg-primary-900\"\r\n          #rla=\"routerLinkActive\"\r\n          class=\"flex items-center gap-3 h-[47px] min-w-[47px] shrink-0 dark:hover:bg-surface-900 hover:bg-primary-50 transition-colors rounded-xl overflow-hidden\"\r\n          mtTooltip=\"{{ item.title }}\"\r\n          [style.color]=\"rla.isActive ? 'var(--p-primary-500)' : iconsColor()\"\r\n        >\r\n          <div class=\"px-4\">\r\n            <mt-icon [icon]=\"item.icon\" class=\"shrink-0\" />\r\n          </div>\r\n          <div\r\n            class=\"whitespace-nowrap text-sm font-medium transition-all duration-400 ease-in-out overflow-hidden\"\r\n            [class.opacity-0]=\"!expanded()\"\r\n            [class.max-w-xs]=\"expanded()\"\r\n            [class.opacity-100]=\"expanded()\"\r\n          >\r\n            {{ item.title }}\r\n          </div>\r\n        </a>\r\n      }\r\n    </div>\r\n  </div>\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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"}
+{"version":3,"file":"masterteam-components-sidebar.mjs","sources":["../../../../packages/masterteam/components/sidebar/sidebar.ts","../../../../packages/masterteam/components/sidebar/sidebar.html","../../../../packages/masterteam/components/sidebar/masterteam-components-sidebar.ts"],"sourcesContent":["import {\r\n  booleanAttribute,\r\n  Component,\r\n  input,\r\n  output,\r\n  signal,\r\n} from '@angular/core';\r\nimport { Icon, MTIcon } from '@masterteam/icons';\r\nimport { RouterLink, RouterLinkActive } from '@angular/router';\r\nimport { Tooltip } from '@masterteam/components/tooltip';\r\n\r\nexport interface SidebarItem {\r\n  id: string | number;\r\n  title: string;\r\n  icon?: MTIcon;\r\n  routerLink?: any[] | string;\r\n}\r\n\r\n@Component({\r\n  selector: 'mt-sidebar',\r\n  standalone: true,\r\n  imports: [RouterLinkActive, RouterLink, Icon, Tooltip],\r\n  templateUrl: './sidebar.html',\r\n  styles: [\r\n    `\r\n      :host {\r\n        display: block;\r\n        height: 100%;\r\n        min-height: 0;\r\n      }\r\n\r\n      .mt-sidebar-menu {\r\n        scrollbar-width: thin;\r\n        scrollbar-color: var(--p-surface-400) transparent;\r\n      }\r\n\r\n      .mt-sidebar-menu::-webkit-scrollbar {\r\n        width: 6px;\r\n      }\r\n\r\n      .mt-sidebar-menu::-webkit-scrollbar-track {\r\n        background: transparent;\r\n      }\r\n\r\n      .mt-sidebar-menu::-webkit-scrollbar-thumb {\r\n        border-radius: 9999px;\r\n        background: color-mix(in srgb, var(--p-surface-500) 58%, transparent);\r\n      }\r\n\r\n      .mt-sidebar-menu::-webkit-scrollbar-thumb:hover {\r\n        background: color-mix(in srgb, var(--p-surface-600) 72%, transparent);\r\n      }\r\n\r\n      .mt-sidebar-menu-collapsed {\r\n        scrollbar-color: var(--p-surface-500) transparent;\r\n      }\r\n\r\n      .mt-sidebar-menu-collapsed::-webkit-scrollbar {\r\n        width: 2px;\r\n      }\r\n\r\n      .mt-sidebar-menu-collapsed::-webkit-scrollbar-thumb {\r\n        background: color-mix(in srgb, var(--p-surface-600) 82%, transparent);\r\n      }\r\n    `,\r\n  ],\r\n})\r\nexport class Sidebar {\r\n  items = input<SidebarItem[]>([]);\r\n\r\n  logo = input<string>();\r\n  logoLink = input<string | any[]>();\r\n  title = input<string>();\r\n  subTitle = input<string>();\r\n\r\n  bgColor = input<string>();\r\n  bgImage = input<string>();\r\n  bgRepeat = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  iconsColor = input<string>('var(--p-text-color)');\r\n\r\n  expanded = signal(false);\r\n  expandedChange = output<boolean>();\r\n\r\n  toggleSidebar(): void {\r\n    this.expanded.update((v) => !v);\r\n    this.expandedChange.emit(this.expanded());\r\n  }\r\n}\r\n","<div\r\n  class=\"flex h-full min-h-0 flex-col overflow-hidden border-e-1 border-surface-300 bg-surface-200 transition-all duration-400 ease-in-out dark:bg-surface-800\"\r\n  [style.width]=\"expanded() ? '16rem' : '4rem'\"\r\n>\r\n  <div\r\n    class=\"flex h-full min-h-0 flex-col gap-3 px-2 py-4\"\r\n    [style.backgroundColor]=\"bgColor()\"\r\n    [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\r\n    [class.bg-no-repeat]=\"!bgRepeat()\"\r\n    [class.bg-repeat-y]=\"bgRepeat()\"\r\n  >\r\n    <!-- Toggle Button & Branding -->\r\n    <div class=\"flex shrink-0 items-center gap-2\">\r\n      <button\r\n        type=\"button\"\r\n        size=\"large\"\r\n        class=\"flex items-center justify-center w-[47px] h-[40px] hover:bg-surface-100 dark:hover:bg-surface-900 transition-colors rounded-xl cursor-pointer shrink-0\"\r\n        [style.color]=\"iconsColor()\"\r\n        (click)=\"toggleSidebar()\"\r\n      >\r\n        <mt-icon\r\n          icon=\"general.menu-01\"\r\n          class=\"text-lg transition-transform duration-400 ease-in-out\"\r\n          [class.rotate-180]=\"expanded()\"\r\n        />\r\n      </button>\r\n\r\n      @if (logo() || title()) {\r\n        <div\r\n          class=\"flex items-center gap-2 overflow-hidden transition-all duration-400 ease-in-out\"\r\n          [class.max-w-0]=\"!expanded()\"\r\n          [class.opacity-0]=\"!expanded()\"\r\n          [class.max-w-xs]=\"expanded()\"\r\n          [class.opacity-100]=\"expanded()\"\r\n        >\r\n          @if (logo()) {\r\n            <img\r\n              [src]=\"logo()\"\r\n              alt=\"Logo\"\r\n              class=\"h-8 shrink-0\"\r\n              [routerLink]=\"logoLink()\"\r\n              [class.cursor-pointer]=\"logoLink()\"\r\n            />\r\n          }\r\n          @if (logo() && (title() || subTitle())) {\r\n            <div\r\n              class=\"h-6 w-[1px] bg-current opacity-30 shrink-0\"\r\n              [style.color]=\"iconsColor()\"\r\n            ></div>\r\n          }\r\n          @if (title() || subTitle()) {\r\n            <div\r\n              class=\"flex flex-col gap-0.5 min-w-0\"\r\n              [style.color]=\"iconsColor()\"\r\n            >\r\n              <span class=\"text-sm font-semibold truncate\">{{ title() }}</span>\r\n              @if (subTitle()) {\r\n                <span class=\"text-xs opacity-70 truncate\">{{\r\n                  subTitle()\r\n                }}</span>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    <div\r\n      class=\"mt-sidebar-menu flex min-h-0 flex-1 flex-col gap-1 overflow-x-hidden overflow-y-auto overscroll-contain\"\r\n      [class.mt-sidebar-menu-collapsed]=\"!expanded()\"\r\n      [class.pr-1]=\"expanded()\"\r\n      [class.pr-px]=\"!expanded()\"\r\n    >\r\n      @for (item of items(); track item.id) {\r\n        <a\r\n          [routerLink]=\"item.routerLink\"\r\n          routerLinkActive=\"bg-primary-50 dark:bg-primary-900\"\r\n          #rla=\"routerLinkActive\"\r\n          class=\"flex items-center gap-3 h-[47px] min-w-[47px] shrink-0 dark:hover:bg-surface-900 hover:bg-primary-50 transition-colors rounded-xl overflow-hidden\"\r\n          mtTooltip=\"{{ item.title }}\"\r\n          [style.color]=\"rla.isActive ? 'var(--p-primary-500)' : iconsColor()\"\r\n        >\r\n          <div class=\"px-4\">\r\n            <mt-icon [icon]=\"item.icon\" class=\"shrink-0\" />\r\n          </div>\r\n          <div\r\n            class=\"whitespace-nowrap text-sm font-medium transition-all duration-400 ease-in-out overflow-hidden\"\r\n            [class.opacity-0]=\"!expanded()\"\r\n            [class.max-w-xs]=\"expanded()\"\r\n            [class.opacity-100]=\"expanded()\"\r\n          >\r\n            {{ item.title }}\r\n          </div>\r\n        </a>\r\n      }\r\n    </div>\r\n  </div>\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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"}