@masterteam/components 0.0.106 → 0.0.108

package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-radio-cards-field.mjs

@@ -0,0 +1,68 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, contentChild, TemplateRef, signal, inject, ChangeDetectionStrategy, Component } from '@angular/core';
+import { Validators, NgControl, FormsModule } from '@angular/forms';
+import { RadioCards } from '@masterteam/components/radio-cards';
+import { FieldValidation } from '@masterteam/components/field-validation';
+
+class RadioCardsField {
+    circle = input(false, { ...(ngDevMode ? { debugName: "circle" } : {}), transform: booleanAttribute });
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+    color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : []));
+    size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    options = input.required(...(ngDevMode ? [{ debugName: "options" }] : []));
+    itemTemplate = contentChild('option', { ...(ngDevMode ? { debugName: "itemTemplate" } : {}), read: TemplateRef });
+    selectedId = signal(null, ...(ngDevMode ? [{ debugName: "selectedId" }] : []));
+    isDisabled = signal(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
+    requiredValidator = Validators.required;
+    ngControl = null;
+    constructor() {
+        try {
+            this.ngControl = inject(NgControl, { self: true, optional: true });
+            if (this.ngControl) {
+                this.ngControl.valueAccessor = this;
+            }
+        }
+        catch (_e) {
+            this.ngControl = null;
+        }
+    }
+    // --- CVA Methods ---
+    onChange = () => { };
+    onTouched = () => { };
+    writeValue(value) {
+        this.selectedId.set(value);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.isDisabled.set(isDisabled);
+    }
+    onSelectionChange(selectedItem) {
+        if (!this.isDisabled()) {
+            const newId = selectedItem.id;
+            this.selectedId.set(newId);
+            this.onChange(newId);
+            this.onTouched();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: RadioCardsField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: RadioCardsField, isStandalone: true, selector: "mt-radio-cards-field", inputs: { circle: { classPropertyName: "circle", publicName: "circle", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "grid gap-1" }, providers: [], queries: [{ propertyName: "itemTemplate", first: true, predicate: ["option"], descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "@if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n    >{{ label() }}</label\r\n  >\r\n}\r\n<div\r\n  class=\"relative\"\r\n  [class.opacity-50]=\"isDisabled()\"\r\n  [class.pointer-events-none]=\"isDisabled()\"\r\n  [id]=\"ngControl?.name || label()\"\r\n>\r\n  <mt-radio-cards\r\n    [options]=\"options()\"\r\n    [activeId]=\"selectedId()\"\r\n    [color]=\"color()\"\r\n    [size]=\"size()\"\r\n    [circle]=\"circle()\"\r\n    (selectionChange)=\"onSelectionChange($event)\"\r\n    [itemTemplate]=\"itemTemplate()\"\r\n  ></mt-radio-cards>\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: RadioCards, selector: "mt-radio-cards", inputs: ["circle", "color", "size", "columns", "options", "activeId", "itemTemplate"], outputs: ["optionsChange", "activeIdChange", "selectionChange"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: RadioCardsField, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-radio-cards-field', standalone: true, imports: [FormsModule, RadioCards, FieldValidation], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'grid gap-1',
+                    }, providers: [], template: "@if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n    >{{ label() }}</label\r\n  >\r\n}\r\n<div\r\n  class=\"relative\"\r\n  [class.opacity-50]=\"isDisabled()\"\r\n  [class.pointer-events-none]=\"isDisabled()\"\r\n  [id]=\"ngControl?.name || label()\"\r\n>\r\n  <mt-radio-cards\r\n    [options]=\"options()\"\r\n    [activeId]=\"selectedId()\"\r\n    [color]=\"color()\"\r\n    [size]=\"size()\"\r\n    [circle]=\"circle()\"\r\n    (selectionChange)=\"onSelectionChange($event)\"\r\n    [itemTemplate]=\"itemTemplate()\"\r\n  ></mt-radio-cards>\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { circle: [{ type: i0.Input, args: [{ isSignal: true, alias: "circle", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], itemTemplate: [{ type: i0.ContentChild, args: ['option', { ...{ read: TemplateRef }, isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RadioCardsField };
+//# sourceMappingURL=masterteam-components-radio-cards-field.mjs.map

package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-radio-cards-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masterteam-components-radio-cards-field.mjs","sources":["../../../../packages/masterteam/components/radio-cards-field/radio-cards-field.ts","../../../../packages/masterteam/components/radio-cards-field/radio-cards-field.html","../../../../packages/masterteam/components/radio-cards-field/masterteam-components-radio-cards-field.ts"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  input,\r\n  signal,\r\n  TemplateRef,\r\n  contentChild,\r\n  inject,\r\n  booleanAttribute,\r\n} from '@angular/core';\r\nimport {\r\n  ControlValueAccessor,\r\n  FormsModule,\r\n  NgControl,\r\n  Validators,\r\n} from '@angular/forms';\r\nimport { RadioCards, RadioItem } from '@masterteam/components/radio-cards';\r\nimport { FieldValidation } from '@masterteam/components/field-validation';\r\n\r\n@Component({\r\n  selector: 'mt-radio-cards-field',\r\n  standalone: true,\r\n  imports: [FormsModule, RadioCards, FieldValidation],\r\n  templateUrl: './radio-cards-field.html',\r\n  styleUrl: './radio-cards-field.css',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'grid gap-1',\r\n  },\r\n  providers: [],\r\n})\r\nexport class RadioCardsField implements ControlValueAccessor {\r\n  readonly circle = input<boolean, unknown>(false, {\r\n    transform: booleanAttribute,\r\n  });\r\n  readonly label = input<string>();\r\n  readonly required = input<boolean>(false);\r\n  readonly color = input<string>('primary');\r\n  readonly size = input<'small' | 'medium' | 'large'>('medium');\r\n  readonly options = input.required<RadioItem[]>();\r\n  readonly itemTemplate = contentChild('option', { read: TemplateRef });\r\n\r\n  protected selectedId = signal<string | number | null>(null);\r\n  protected isDisabled = signal(false);\r\n\r\n  requiredValidator = Validators.required;\r\n\r\n  public ngControl: NgControl | null = null;\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 (_e) {\r\n      this.ngControl = null;\r\n    }\r\n  }\r\n\r\n  // --- CVA Methods ---\r\n  private onChange: (value: string | number) => void = () => {};\r\n  private onTouched: () => void = () => {};\r\n\r\n  writeValue(value: string | number): void {\r\n    this.selectedId.set(value);\r\n  }\r\n\r\n  registerOnChange(fn: (value: string | number) => void): void {\r\n    this.onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: () => void): void {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(isDisabled: boolean): void {\r\n    this.isDisabled.set(isDisabled);\r\n  }\r\n\r\n  onSelectionChange(selectedItem: RadioItem): void {\r\n    if (!this.isDisabled()) {\r\n      const newId = selectedItem.id;\r\n      this.selectedId.set(newId);\r\n      this.onChange(newId);\r\n      this.onTouched();\r\n    }\r\n  }\r\n}\r\n","@if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n    >{{ label() }}</label\r\n  >\r\n}\r\n<div\r\n  class=\"relative\"\r\n  [class.opacity-50]=\"isDisabled()\"\r\n  [class.pointer-events-none]=\"isDisabled()\"\r\n  [id]=\"ngControl?.name || label()\"\r\n>\r\n  <mt-radio-cards\r\n    [options]=\"options()\"\r\n    [activeId]=\"selectedId()\"\r\n    [color]=\"color()\"\r\n    [size]=\"size()\"\r\n    [circle]=\"circle()\"\r\n    (selectionChange)=\"onSelectionChange($event)\"\r\n    [itemTemplate]=\"itemTemplate()\"\r\n  ></mt-radio-cards>\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-radio-cards.mjs

@@ -0,0 +1,74 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, computed, model, output, contentChild, TemplateRef, ChangeDetectionStrategy, Component } from '@angular/core';
+import { Avatar } from '@masterteam/components/avatar';
+import { NgTemplateOutlet } from '@angular/common';
+
+class RadioCards {
+    circle = input(false, { ...(ngDevMode ? { debugName: "circle" } : {}), transform: booleanAttribute });
+    color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : []));
+    size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    /** Number of columns for grid layout. If not set, uses flex wrap. */
+    columns = input(null, ...(ngDevMode ? [{ debugName: "columns" }] : []));
+    avatarSize = computed(() => {
+        switch (this.size()) {
+            case 'small':
+                return 'normal';
+            case 'medium':
+                return 'large';
+            case 'large':
+                return 'xlarge';
+            default:
+                return 'normal';
+        }
+    }, ...(ngDevMode ? [{ debugName: "avatarSize" }] : []));
+    options = model.required(...(ngDevMode ? [{ debugName: "options" }] : []));
+    activeId = model(...(ngDevMode ? [undefined, { debugName: "activeId" }] : []));
+    selectionChange = output();
+    itemTemplate = input(null, ...(ngDevMode ? [{ debugName: "itemTemplate" }] : []));
+    itemTemplateContent = contentChild('option', { ...(ngDevMode ? { debugName: "itemTemplateContent" } : {}), read: TemplateRef });
+    textSizeClass = computed(() => {
+        switch (this.size()) {
+            case 'small':
+                return 'text-xs';
+            case 'large':
+                return 'text-2xl';
+            default:
+                return 'text-base';
+        }
+    }, ...(ngDevMode ? [{ debugName: "textSizeClass" }] : []));
+    /** Container classes based on columns setting */
+    containerClasses = computed(() => {
+        const cols = this.columns();
+        if (cols) {
+            return `grid gap-2 grid-cols-${cols}`;
+        }
+        return 'flex flex-wrap gap-3';
+    }, ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
+    activeColorClasses = computed(() => {
+        return [
+            'bg-primary-50',
+            'dark:bg-primary-800',
+            'border-primary-400',
+            'ring-primary-200',
+        ];
+    }, ...(ngDevMode ? [{ debugName: "activeColorClasses" }] : []));
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", 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 }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RadioCards };
+//# sourceMappingURL=masterteam-components-radio-cards.mjs.map

package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-radio-cards.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masterteam-components-radio-cards.mjs","sources":["../../../../packages/masterteam/components/radio-cards/radio-cards.ts","../../../../packages/masterteam/components/radio-cards/radio-cards.html","../../../../packages/masterteam/components/radio-cards/masterteam-components-radio-cards.ts"],"sourcesContent":["import {\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/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-select-field.mjs

@@ -0,0 +1,258 @@
+import * as i0 from '@angular/core';
+import { inject, ChangeDetectorRef, input, EventEmitter, signal, effect, HostBinding, Output, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { Validators, NgControl, FormsModule } from '@angular/forms';
+import { Select } from 'primeng/select';
+import { FieldValidation } from '@masterteam/components/field-validation';
+import { isInvalid } from '@masterteam/components';
+import * as i2 from '@jsverse/transloco';
+import { TranslocoModule } from '@jsverse/transloco';
+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" }] : []));
+    onChange = new EventEmitter();
+    styleClass;
+    requiredValidator = Validators.required;
+    value = signal(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    onTouched = () => { };
+    onModelChange = () => { };
+    ngControl = null;
+    isInvalid = isInvalid;
+    constructor() {
+        try {
+            this.ngControl = inject(NgControl, { self: true, optional: true });
+            if (this.ngControl) {
+                this.ngControl.valueAccessor = this;
+            }
+        }
+        catch {
+            this.ngControl = null;
+        }
+        effect(() => {
+            if (this.ngControl?.control && this.required()) {
+                this.ngControl.control.addValidators(Validators.required);
+                this.ngControl.control.updateValueAndValidity();
+            }
+        });
+    }
+    applyInputsToDropdown() {
+        // Object.assign(this.dropdown, this.pInputs());
+    }
+    ngOnInit() {
+        this.styleClass = this.class();
+        if (this.pInputs()) {
+            this.applyInputsToDropdown();
+        }
+    }
+    onValueChange(value) {
+        this.onModelChange(value);
+        this.value.set(value);
+        this.onChange.emit(value);
+        if (this.clearAfterSelect()) {
+            this.clearSelection();
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes['pInputs']) {
+            this.applyInputsToDropdown();
+        }
+    }
+    writeValue(value) {
+        this.value.set(value);
+    }
+    registerOnChange(fn) {
+        this.onModelChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(disabled) {
+        this.disabled.set(disabled);
+    }
+    isGrouped() {
+        return this.group();
+    }
+    // TODO: make this method work
+    clearSelection() {
+        this.dropdown.clear(this.value());
+        this.dropdown.value = null;
+        this.value.set(null);
+        this.onModelChange(null);
+        this.onChange.emit(null);
+        this.cdr.detectChanges();
+    }
+    getOptionLabelValue(option) {
+        const resolvedOption = this.resolveOption(option);
+        if (resolvedOption == null)
+            return '';
+        const labelKey = this.optionLabel();
+        if (labelKey && typeof resolvedOption === 'object') {
+            return this.resolveNestedValue(resolvedOption, labelKey) ?? '';
+        }
+        return typeof resolvedOption === 'object'
+            ? (resolvedOption.label ?? '')
+            : String(resolvedOption);
+    }
+    getOptionIcon(option) {
+        const resolvedOption = this.resolveOption(option);
+        if (!resolvedOption || typeof resolvedOption !== 'object')
+            return undefined;
+        return resolvedOption[this.optionIcon()];
+    }
+    getOptionAvatarBackground(option) {
+        return this.getAvatarBackgroundByColor(this.getOptionColor(option));
+    }
+    getOptionAvatarColor(option) {
+        return this.getAvatarColorByColor(this.getOptionColor(option));
+    }
+    getOptionAvatarShape(option) {
+        const resolvedOption = this.resolveOption(option);
+        if (!resolvedOption || typeof resolvedOption !== 'object') {
+            return this.normalizeAvatarShape(this.optionAvatarShape());
+        }
+        return this.normalizeAvatarShape(resolvedOption[this.optionIconShape()] ?? this.optionAvatarShape());
+    }
+    getGroupLabelValue(group) {
+        if (group == null)
+            return '';
+        const groupLabelKey = this.optionGroupLabel();
+        if (groupLabelKey && typeof group === 'object') {
+            return group[groupLabelKey] ?? '';
+        }
+        return typeof group === 'object' ? (group.label ?? '') : String(group);
+    }
+    getGroupIcon(group) {
+        if (!group || typeof group !== 'object')
+            return undefined;
+        return group[this.optionGroupIcon()];
+    }
+    getGroupAvatarBackground(group) {
+        return this.getAvatarBackgroundByColor(this.getGroupColor(group));
+    }
+    getGroupAvatarColor(group) {
+        return this.getAvatarColorByColor(this.getGroupColor(group));
+    }
+    getGroupAvatarShape(group) {
+        if (!group || typeof group !== 'object') {
+            return this.normalizeAvatarShape(this.optionGroupAvatarShape());
+        }
+        return this.normalizeAvatarShape(group[this.optionGroupIconShape()] ?? this.optionGroupAvatarShape());
+    }
+    getOptionColor(option) {
+        const resolvedOption = this.resolveOption(option);
+        if (!resolvedOption || typeof resolvedOption !== 'object')
+            return undefined;
+        return resolvedOption[this.optionIconColor()];
+    }
+    getGroupColor(group) {
+        if (!group || typeof group !== 'object')
+            return undefined;
+        return group[this.optionGroupIconColor()];
+    }
+    getAvatarBackgroundByColor(color) {
+        if (!color)
+            return null;
+        if (color.startsWith('#'))
+            return `${color}1a`;
+        return `var(--p-${color}-100)`;
+    }
+    getAvatarColorByColor(color) {
+        if (!color)
+            return null;
+        if (color.startsWith('#'))
+            return color;
+        return `var(--p-${color}-600)`;
+    }
+    normalizeAvatarShape(shape) {
+        return shape === 'square' ? 'square' : 'circle';
+    }
+    /**
+     * Resolves a nested dot-notation path (e.g. "name.display") on an object.
+     * Falls back to direct property access for non-nested keys.
+     */
+    resolveNestedValue(obj, path) {
+        if (!path.includes('.')) {
+            return obj[path];
+        }
+        return path.split('.').reduce((current, key) => current?.[key], obj);
+    }
+    resolveOption(optionOrValue) {
+        if (optionOrValue == null || typeof optionOrValue === 'object') {
+            return optionOrValue;
+        }
+        const options = this.options() ?? [];
+        const optionValueKey = this.optionValue();
+        if (!optionValueKey) {
+            return (options.find((option) => option === optionOrValue) ?? optionOrValue);
+        }
+        if (this.group()) {
+            const groupChildrenKey = this.optionGroupChildren();
+            for (const group of options) {
+                const children = group?.[groupChildrenKey];
+                if (!Array.isArray(children))
+                    continue;
+                const match = children.find((item) => item?.[optionValueKey] === optionOrValue);
+                if (match)
+                    return match;
+            }
+            return optionOrValue;
+        }
+        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 (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 (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 (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: [{
+            type: Component,
+            args: [{ selector: 'mt-select-field', standalone: true, imports: [FormsModule, Select, FieldValidation, TranslocoModule, Avatar], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'block gap-1',
+                    }, 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 (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 (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 (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" }]
+        }], ctorParameters: () => [], propDecorators: { dropdown: [{
+                type: ViewChild,
+                args: ['dropdown', { static: true }]
+            }], field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], hasPlaceholderPrefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasPlaceholderPrefix", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], pInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "pInputs", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], optionValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionValue", required: false }] }], optionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionLabel", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], filterBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterBy", required: false }] }], dataKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataKey", required: false }] }], showClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClear", required: false }] }], clearAfterSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearAfterSelect", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], group: [{ type: i0.Input, args: [{ isSignal: true, alias: "group", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], optionGroupLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionGroupLabel", required: false }] }], optionGroupChildren: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionGroupChildren", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], optionIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionIcon", required: false }] }], optionIconColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionIconColor", required: false }] }], optionIconShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionIconShape", required: false }] }], optionAvatarShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionAvatarShape", required: false }] }], optionGroupIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionGroupIcon", required: false }] }], optionGroupIconColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionGroupIconColor", required: false }] }], optionGroupIconShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionGroupIconShape", required: false }] }], optionGroupAvatarShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionGroupAvatarShape", required: false }] }], onChange: [{
+                type: Output
+            }], styleClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SelectField };
+//# sourceMappingURL=masterteam-components-select-field.mjs.map

package/.codex-tmp-pack/extract/package/fesm2022/masterteam-components-select-field.mjs.map

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