npm - @masterteam/components - Versions diffs - 0.0.176 → 0.0.178 - Mend

@masterteam/components 0.0.176 → 0.0.178

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"masterteam-components-select-field.mjs","sources":["../../../../packages/masterteam/components/select-field/current-user.util.ts","../../../../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":["/*\r\n Resolves the current authenticated user (id + displayName) from\r\n * `localStorage`, where the host application persists its NGXS `auth`\r\n * slice. Used by table filters to mark \"You\" on options that match the\r\n * logged-in user.\r\n \r\n The persisted shape can vary slightly between apps, so we look for the\r\n * id/displayName under a few well-known paths.\r\n /\r\nexport interface CurrentUserInfo {\r\n id?: string \| number \| null;\r\n displayName?: string \| null;\r\n}\r\n\r\nexport function getCurrentUserFromLocalStorage(): CurrentUserInfo \| null {\r\n if (typeof localStorage === 'undefined') {\r\n return null;\r\n }\r\n\r\n try {\r\n const raw = localStorage.getItem('auth');\r\n if (!raw) return null;\r\n\r\n const parsed = JSON.parse(raw) as Record<string, unknown> \| null;\r\n if (!parsed \|\| typeof parsed !== 'object') return null;\r\n\r\n const user =\r\n (parsed['user'] as Record<string, unknown> \| undefined) ??\r\n ((parsed['state'] as Record<string, unknown> \| undefined)?.['user'] as\r\n \| Record<string, unknown>\r\n \| undefined);\r\n if (!user \|\| typeof user !== 'object') return null;\r\n\r\n const nested = user['user'] as Record<string, unknown> \| undefined;\r\n\r\n const id =\r\n (user['id'] as string \| number \| undefined) ??\r\n (nested?.['id'] as string \| number \| undefined) ??\r\n (user['userId'] as string \| number \| undefined) ??\r\n null;\r\n\r\n const displayName =\r\n (user['displayName'] as string \| undefined) ??\r\n (nested?.['displayName'] as string \| undefined) ??\r\n (user['name'] as string \| undefined) ??\r\n null;\r\n\r\n if (id == null && !displayName) return null;\r\n\r\n return { id, displayName };\r\n } catch {\r\n return null;\r\n }\r\n}\r\n","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 computed,\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\nimport { Tooltip } from '@masterteam/components/tooltip';\r\nimport { Icon } from '@masterteam/icons';\r\nimport { getCurrentUserFromLocalStorage } from './current-user.util';\r\n\r\n@Component({\r\n selector: 'mt-select-field',\r\n standalone: true,\r\n imports: [\r\n FormsModule,\r\n Select,\r\n FieldValidation,\r\n TranslocoModule,\r\n Avatar,\r\n Tooltip,\r\n Icon,\r\n ],\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 hint = input<string>();\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<'small' \| 'large' \| ''>('');\r\n\r\n readonly pSelectSize = computed(() => this.size() as 'small' \| 'large' \| '');\r\n\r\n readonly panelSizeClass = computed(() =>\r\n this.size() === 'small' ? 'mt-select-panel-small' : '',\r\n );\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 /\r\n When true, this select represents a user picker (e.g. a table filter for\r\n * a user column). The component reads the logged-in user from\r\n * `localStorage` and marks the matching option with a \"You\" badge.\r\n /\r\n readonly markCurrentUser = input<boolean>(false);\r\n\r\n protected readonly currentUser = computed(() =>\r\n this.markCurrentUser() ? getCurrentUserFromLocalStorage() : null,\r\n );\r\n\r\n /\r\n When `markCurrentUser` is on, hoist the option matching the current user\r\n * to the top of the list so it surfaces first in the dropdown.\r\n /\r\n protected readonly displayOptions = computed(() => {\r\n const options = this.options();\r\n if (!options?.length \|\| !this.markCurrentUser() \|\| !this.currentUser()) {\r\n return options;\r\n }\r\n\r\n const index = options.findIndex((option) =>\r\n this.isCurrentUserOption(option),\r\n );\r\n if (index <= 0) return options;\r\n\r\n const reordered = options.slice();\r\n const [currentUserOption] = reordered.splice(index, 1);\r\n reordered.unshift(currentUserOption);\r\n return reordered;\r\n });\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 isCurrentUserOption(option: any): boolean {\r\n const user = this.currentUser();\r\n if (!user) return false;\r\n\r\n const id = user.id;\r\n const displayName = user.displayName;\r\n if (id == null && !displayName) return false;\r\n\r\n const resolvedOption = this.resolveOption(option);\r\n if (resolvedOption == null) return false;\r\n\r\n const optionValueKey = this.optionValue();\r\n const value =\r\n optionValueKey && typeof resolvedOption === 'object'\r\n ? this.resolveNestedValue(resolvedOption, optionValueKey)\r\n : typeof resolvedOption === 'object'\r\n ? (resolvedOption.value ?? resolvedOption)\r\n : resolvedOption;\r\n\r\n if (id != null && value != null && String(value) === String(id)) {\r\n return true;\r\n }\r\n\r\n if (displayName) {\r\n const label = this.getOptionLabelValue(option);\r\n if (label && label === displayName) return true;\r\n if (value != null && String(value) === displayName) return true;\r\n }\r\n\r\n return false;\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() \|\| hint()) {\r\n <div class=\"mb-1 flex items-center gap-1\">\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 @if (hint()) {\r\n <span\r\n class=\"inline-flex text-surface-400\"\r\n [mtTooltip]=\"hint()\"\r\n tooltipPosition=\"top\"\r\n >\r\n <mt-icon icon=\"general.help-circle\" />\r\n </span>\r\n }\r\n </div>\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]=\"displayOptions()\"\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]=\"placeholder() \|\| label() \|\| ''\"\r\n [filter]=\"filter()\"\r\n [filterBy]=\"filterBy()\"\r\n [dataKey]=\"dataKey()\"\r\n [styleClass]=\"size() === 'small' ? ' mt-select-sm' : ''\"\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]=\"pSelectSize()\"\r\n [panelStyleClass]=\"panelSizeClass()\"\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 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 @if (isCurrentUserOption(option)) {\r\n <span\r\n class=\"text-xs px-1.5 py-0.5 rounded bg-primary-100 text-primary-700 dark:bg-primary-900/40 dark:text-primary-300 font-medium\"\r\n >\r\n {{ \"components.selectField.you\" \| transloco }}\r\n </span>\r\n }\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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"}
1	+ {"version":3,"file":"masterteam-components-select-field.mjs","sources":["../../../../packages/masterteam/components/select-field/current-user.util.ts","../../../../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":["/*\r\n Resolves the current authenticated user (id + displayName) from\r\n * `localStorage`, where the host application persists its NGXS `auth`\r\n * slice. Used by table filters to mark \"You\" on options that match the\r\n * logged-in user.\r\n \r\n The persisted shape can vary slightly between apps, so we look for the\r\n * id/displayName under a few well-known paths.\r\n /\r\nexport interface CurrentUserInfo {\r\n id?: string \| number \| null;\r\n displayName?: string \| null;\r\n}\r\n\r\nexport function getCurrentUserFromLocalStorage(): CurrentUserInfo \| null {\r\n if (typeof localStorage === 'undefined') {\r\n return null;\r\n }\r\n\r\n try {\r\n const raw = localStorage.getItem('auth');\r\n if (!raw) return null;\r\n\r\n const parsed = JSON.parse(raw) as Record<string, unknown> \| null;\r\n if (!parsed \|\| typeof parsed !== 'object') return null;\r\n\r\n const user =\r\n (parsed['user'] as Record<string, unknown> \| undefined) ??\r\n ((parsed['state'] as Record<string, unknown> \| undefined)?.['user'] as\r\n \| Record<string, unknown>\r\n \| undefined);\r\n if (!user \|\| typeof user !== 'object') return null;\r\n\r\n const nested = user['user'] as Record<string, unknown> \| undefined;\r\n\r\n const id =\r\n (user['id'] as string \| number \| undefined) ??\r\n (nested?.['id'] as string \| number \| undefined) ??\r\n (user['userId'] as string \| number \| undefined) ??\r\n null;\r\n\r\n const displayName =\r\n (user['displayName'] as string \| undefined) ??\r\n (nested?.['displayName'] as string \| undefined) ??\r\n (user['name'] as string \| undefined) ??\r\n null;\r\n\r\n if (id == null && !displayName) return null;\r\n\r\n return { id, displayName };\r\n } catch {\r\n return null;\r\n }\r\n}\r\n","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 computed,\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\nimport { Tooltip } from '@masterteam/components/tooltip';\r\nimport { Icon } from '@masterteam/icons';\r\nimport { getCurrentUserFromLocalStorage } from './current-user.util';\r\n\r\n@Component({\r\n selector: 'mt-select-field',\r\n standalone: true,\r\n imports: [\r\n FormsModule,\r\n Select,\r\n FieldValidation,\r\n TranslocoModule,\r\n Avatar,\r\n Tooltip,\r\n Icon,\r\n ],\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);\n readonly hint = input<string>();\n readonly label = input<string>('');\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<'small' \| 'large' \| ''>('');\r\n\r\n readonly pSelectSize = computed(() => this.size() as 'small' \| 'large' \| '');\r\n\r\n readonly panelSizeClass = computed(() =>\n this.size() === 'small' ? 'mt-select-panel-small' : '',\n );\n readonly optionGroupLabel = input<string>('label');\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 /\r\n When true, this select represents a user picker (e.g. a table filter for\r\n * a user column). The component reads the logged-in user from\r\n * `localStorage` and marks the matching option with a \"You\" badge.\r\n /\r\n readonly markCurrentUser = input<boolean>(false);\r\n\r\n protected readonly currentUser = computed(() =>\r\n this.markCurrentUser() ? getCurrentUserFromLocalStorage() : null,\r\n );\r\n\r\n /\r\n When `markCurrentUser` is on, hoist the option matching the current user\r\n * to the top of the list so it surfaces first in the dropdown.\r\n /\r\n protected readonly displayOptions = computed(() => {\r\n const options = this.options();\r\n if (!options?.length \|\| !this.markCurrentUser() \|\| !this.currentUser()) {\r\n return options;\r\n }\r\n\r\n const index = options.findIndex((option) =>\r\n this.isCurrentUserOption(option),\r\n );\r\n if (index <= 0) return options;\r\n\r\n const reordered = options.slice();\r\n const [currentUserOption] = reordered.splice(index, 1);\r\n reordered.unshift(currentUserOption);\r\n return reordered;\r\n });\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 isCurrentUserOption(option: any): boolean {\r\n const user = this.currentUser();\r\n if (!user) return false;\r\n\r\n const id = user.id;\r\n const displayName = user.displayName;\r\n if (id == null && !displayName) return false;\r\n\r\n const resolvedOption = this.resolveOption(option);\r\n if (resolvedOption == null) return false;\r\n\r\n const optionValueKey = this.optionValue();\r\n const value =\r\n optionValueKey && typeof resolvedOption === 'object'\r\n ? this.resolveNestedValue(resolvedOption, optionValueKey)\r\n : typeof resolvedOption === 'object'\r\n ? (resolvedOption.value ?? resolvedOption)\r\n : resolvedOption;\r\n\r\n if (id != null && value != null && String(value) === String(id)) {\r\n return true;\r\n }\r\n\r\n if (displayName) {\r\n const label = this.getOptionLabelValue(option);\r\n if (label && label === displayName) return true;\r\n if (value != null && String(value) === displayName) return true;\r\n }\r\n\r\n return false;\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() \|\| hint()) {\n <div class=\"mb-1 flex items-center gap-1\">\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 @if (hint()) {\n <span\n class=\"inline-flex text-surface-400\"\n [mtTooltip]=\"hint()\"\n tooltipPosition=\"top\"\n >\n <mt-icon icon=\"general.help-circle\" />\r\n </span>\r\n }\r\n </div>\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]=\"displayOptions()\"\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]=\"placeholder() \|\| label() \|\| ''\"\r\n [filter]=\"filter()\"\r\n [filterBy]=\"filterBy()\"\r\n [dataKey]=\"dataKey()\"\r\n [styleClass]=\"size() === 'small' ? ' mt-select-sm' : ''\"\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]=\"pSelectSize()\"\r\n [panelStyleClass]=\"panelSizeClass()\"\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 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 @if (isCurrentUserOption(option)) {\r\n <span\r\n class=\"text-xs px-1.5 py-0.5 rounded bg-primary-100 text-primary-700 dark:bg-primary-900/40 dark:text-primary-300 font-medium\"\r\n >\r\n {{ \"components.selectField.you\" \| transloco }}\r\n </span>\r\n }\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-tabs.mjs CHANGED Viewed

@@ -220,6 +220,31 @@ class Tabs {
         const numeric = typeof badge === 'number' ? badge : Number(badge);
         return Number.isNaN(numeric) ? true : numeric > 0;
     }
+    severity(option) {
+        const severity = typeof option?.severity === 'string'
+            ? option.severity.trim().toLowerCase()
+            : '';
+        if (severity === 'error')
+            return 'danger';
+        if (severity === 'warning')
+            return 'warn';
+        if (severity === 'secondary' ||
+            severity === 'success' ||
+            severity === 'info' ||
+            severity === 'warn' ||
+            severity === 'danger' ||
+            severity === 'help' ||
+            severity === 'contrast') {
+            return severity;
+        }
+        return 'primary';
+    }
+    isSeverity(option, severity) {
+        return this.severity(option) === severity;
+    }
+    hasNonPrimarySeverity(option) {
+        return this.severity(option) !== 'primary';
+    }
     isActiveOption(option) {
         return Object.is(this.active(), this.resolveValue(option));
     }
@@ -230,7 +255,7 @@ class Tabs {
         return this.resolveValue(option) ?? index;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Tabs, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Tabs, isStandalone: true, selector: "mt-tabs", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, moreLabel: { classPropertyName: "moreLabel", publicName: "moreLabel", isSignal: true, isRequired: false, transformFunction: null }, defaultIcon: { classPropertyName: "defaultIcon", publicName: "defaultIcon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fluid: { classPropertyName: "fluid", publicName: "fluid", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, searchThreshold: { classPropertyName: "searchThreshold", publicName: "searchThreshold", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange", onChange: "onChange" }, host: { properties: { "class.w-full": "fluid()" }, classAttribute: "grid min-w-0 gap-1" }, viewQueries: [{ propertyName: "tabsContainer", first: true, predicate: ["tabsContainer"], descendants: true, isSignal: true }, { propertyName: "measureRow", first: true, predicate: ["measureRow"], descendants: true, isSignal: true }, { propertyName: "morePopover", first: true, predicate: Popover, descendants: true, isSignal: true }], ngImport: i0, template: "@if (mode() === \"vertical\") {\r\n  <div\r\n    class=\"flex min-h-0 flex-col gap-1 rounded-2xl border border-surface-200 bg-white p-2\"\r\n    role=\"tablist\"\r\n    aria-orientation=\"vertical\"\r\n  >\r\n    @for (option of options(); track trackOption(option, $index)) {\r\n      <button\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        class=\"group relative flex w-full items-center gap-3 overflow-hidden rounded-lg px-3 py-2.5 text-left text-sm transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-primary/20\"\r\n        [attr.aria-selected]=\"isActiveOption(option)\"\r\n        [attr.tabindex]=\"isActiveOption(option) ? 0 : -1\"\r\n        [disabled]=\"disabled() || isOptionDisabled(option)\"\r\n        [class.bg-primary-50]=\"isActiveOption(option)\"\r\n        [class.font-semibold]=\"isActiveOption(option)\"\r\n        [class.text-primary-700]=\"isActiveOption(option)\"\r\n        [class.text-surface-500]=\"!isActiveOption(option)\"\r\n        [class.hover:bg-surface-50]=\"!isActiveOption(option)\"\r\n        [class.cursor-pointer]=\"!(disabled() || isOptionDisabled(option))\"\r\n        [class.cursor-not-allowed]=\"disabled() || isOptionDisabled(option)\"\r\n        [class.opacity-60]=\"disabled() || isOptionDisabled(option)\"\r\n        (click)=\"onOptionSelect(option)\"\r\n      >\r\n        @if (resolveIcon(option); as icon) {\r\n          <mt-icon\r\n            [icon]=\"icon\"\r\n            class=\"relative z-10 text-base\"\r\n            [class.text-primary]=\"isActiveOption(option)\"\r\n            [class.text-surface-400]=\"!isActiveOption(option)\"\r\n          />\r\n        }\r\n\r\n        <span class=\"relative z-10 min-w-0 flex-1 truncate\">\r\n          {{ resolveLabel(option) }}\r\n        </span>\r\n\r\n        @if (hasBadge(option)) {\r\n          <span\r\n            class=\"relative z-10 ms-auto inline-flex min-w-5 items-center justify-center rounded-full px-2 py-0.5 text-[11px] font-bold leading-none\"\r\n            [class.bg-primary]=\"isActiveOption(option)\"\r\n            [class.text-white]=\"isActiveOption(option)\"\r\n            [class.bg-surface-100]=\"!isActiveOption(option)\"\r\n            [class.text-surface-600]=\"!isActiveOption(option)\"\r\n          >\r\n            {{ resolveBadge(option) }}\r\n          </span>\r\n        }\r\n      </button>\r\n    }\r\n  </div>\r\n} @else if (mode() === \"underline\") {\r\n  <div\r\n    #tabsContainer\r\n    class=\"relative flex w-full min-w-0 max-w-full items-center gap-0.5 overflow-x-clip\"\r\n    role=\"tablist\"\r\n    aria-orientation=\"horizontal\"\r\n  >\r\n    <!-- Invisible measurement ghost row: always renders every option at natural width -->\r\n    <div\r\n      #measureRow\r\n      aria-hidden=\"true\"\r\n      class=\"pointer-events-none invisible absolute top-0 left-0 flex flex-nowrap gap-0.5 -z-10\"\r\n    >\r\n      @for (option of options(); track trackOption(option, $index)) {\r\n        <span\r\n          class=\"inline-flex items-center gap-1.5 border-b-2 border-transparent px-3.5 py-2.5 text-sm font-semibold whitespace-nowrap\"\r\n        >\r\n          @if (resolveIcon(option); as icon) {\r\n            <mt-icon [icon]=\"icon\" class=\"text-base\" />\r\n          }\r\n          <span>{{ resolveLabel(option) }}</span>\r\n          @if (hasCountBadge(option)) {\r\n            <span\r\n              class=\"inline-grid min-w-[18px] place-items-center rounded-full px-1.5 text-[10px] leading-4 font-bold tabular-nums\"\r\n            >\r\n              {{ resolveBadge(option) }}\r\n            </span>\r\n          }\r\n        </span>\r\n      }\r\n    </div>\r\n\r\n    <!-- Visible tabs row -->\r\n    <div\r\n      class=\"flex min-w-0 flex-1 items-center gap-0.5 overflow-x-clip border-b border-surface-200\"\r\n    >\r\n      @for (option of visibleOptions(); track trackOption(option, $index)) {\r\n        <button\r\n          type=\"button\"\r\n          role=\"tab\"\r\n          class=\"-mb-px inline-flex shrink-0 items-center gap-1.5 border-b-2 px-3.5 py-2.5 text-sm whitespace-nowrap transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-primary/20\"\r\n          [attr.aria-selected]=\"isActiveOption(option)\"\r\n          [attr.tabindex]=\"isActiveOption(option) ? 0 : -1\"\r\n          [disabled]=\"disabled() || isOptionDisabled(option)\"\r\n          [class.border-primary]=\"isActiveOption(option)\"\r\n          [class.text-primary]=\"isActiveOption(option)\"\r\n          [class.font-semibold]=\"isActiveOption(option)\"\r\n          [class.border-transparent]=\"!isActiveOption(option)\"\r\n          [class.text-surface-700]=\"!isActiveOption(option)\"\r\n          [class.font-medium]=\"!isActiveOption(option)\"\r\n          [class.hover:text-primary-600]=\"\r\n            !isActiveOption(option) && !(disabled() || isOptionDisabled(option))\r\n          \"\r\n          [class.cursor-pointer]=\"!(disabled() || isOptionDisabled(option))\"\r\n          [class.cursor-not-allowed]=\"disabled() || isOptionDisabled(option)\"\r\n          [class.opacity-60]=\"disabled() || isOptionDisabled(option)\"\r\n          (click)=\"onOptionSelect(option)\"\r\n        >\r\n          @if (resolveIcon(option); as icon) {\r\n            <mt-icon [icon]=\"icon\" class=\"text-base\" />\r\n          }\r\n\r\n          <span class=\"truncate\">{{ resolveLabel(option) }}</span>\r\n\r\n          @if (hasCountBadge(option)) {\r\n            <span\r\n              class=\"inline-grid min-w-[18px] place-items-center rounded-full px-1.5 text-[10px] leading-4 font-bold tabular-nums\"\r\n              [class.bg-primary-50]=\"isActiveOption(option)\"\r\n              [class.text-primary-700]=\"isActiveOption(option)\"\r\n              [class.bg-surface-100]=\"!isActiveOption(option)\"\r\n              [class.text-surface-500]=\"!isActiveOption(option)\"\r\n            >\r\n              {{ resolveBadge(option) }}\r\n            </span>\r\n          }\r\n        </button>\r\n      }\r\n    </div>\r\n\r\n    @if (hasOverflow()) {\r\n      <div\r\n        class=\"flex shrink-0 items-center -mb-px border-b border-surface-200 pb-1\"\r\n      >\r\n        <mt-button\r\n          icon=\"arrow.chevron-down\"\r\n          [label]=\"moreLabel()\"\r\n          size=\"small\"\r\n          severity=\"primary\"\r\n          [text]=\"true\"\r\n          [rounded]=\"true\"\r\n          (onClick)=\"morePopover.toggle($event)\"\r\n        />\r\n        <p-popover\r\n          #morePopover\r\n          appendTo=\"body\"\r\n          (onHide)=\"onOverflowPopoverHide()\"\r\n        >\r\n          <div class=\"flex min-w-56 flex-col\">\r\n            @if (showOverflowSearch()) {\r\n              <div class=\"border-b border-surface-200 p-2\">\r\n                <p-iconfield iconPosition=\"left\">\r\n                  <p-inputicon>\r\n                    <mt-icon icon=\"general.search-md\" />\r\n                  </p-inputicon>\r\n                  <input\r\n                    pInputText\r\n                    type=\"text\"\r\n                    [value]=\"searchTerm()\"\r\n                    (input)=\"onOverflowSearch($any($event.target).value)\"\r\n                    [placeholder]=\"'components.tabs.search' | transloco\"\r\n                    class=\"w-full\"\r\n                  />\r\n                </p-iconfield>\r\n              </div>\r\n            }\r\n            <div\r\n              class=\"flex max-h-80 flex-col divide-y divide-surface-100 overflow-y-auto\"\r\n            >\r\n              @for (\r\n                option of filteredOverflowOptions();\r\n                track trackOption(option, $index)\r\n              ) {\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"flex w-full cursor-pointer items-center justify-start gap-2 px-2 py-1 text-start text-sm transition-colors [&_.p-avatar]:h-7 [&_.p-avatar]:w-7 [&_.p-avatar]:text-sm\"\r\n                  [class.bg-primary-50]=\"isActiveOption(option)\"\r\n                  [class.text-primary]=\"isActiveOption(option)\"\r\n                  [class.font-semibold]=\"isActiveOption(option)\"\r\n                  [class.text-surface-700]=\"!isActiveOption(option)\"\r\n                  [class.hover:bg-surface-100]=\"!isActiveOption(option)\"\r\n                  [class.cursor-not-allowed]=\"\r\n                    disabled() || isOptionDisabled(option)\r\n                  \"\r\n                  [class.opacity-60]=\"disabled() || isOptionDisabled(option)\"\r\n                  [disabled]=\"disabled() || isOptionDisabled(option)\"\r\n                  (click)=\"onOptionSelect(option); morePopover.hide()\"\r\n                >\r\n                  <mt-avatar\r\n                    [icon]=\"resolveIconOrDefault(option)\"\r\n                    size=\"normal\"\r\n                    shape=\"circle\"\r\n                    styleClass=\"!bg-surface-100 !text-surface-600\"\r\n                  />\r\n                  <span class=\"flex-1 truncate text-start\">\r\n                    {{ resolveLabel(option) }}\r\n                  </span>\r\n                  @if (hasCountBadge(option)) {\r\n                    <span\r\n                      class=\"inline-grid min-w-[18px] place-items-center rounded-full px-1.5 text-[10px] leading-4 font-bold tabular-nums\"\r\n                      [class.bg-primary-100]=\"isActiveOption(option)\"\r\n                      [class.text-primary-700]=\"isActiveOption(option)\"\r\n                      [class.bg-surface-100]=\"!isActiveOption(option)\"\r\n                      [class.text-surface-500]=\"!isActiveOption(option)\"\r\n                    >\r\n                      {{ resolveBadge(option) }}\r\n                    </span>\r\n                  }\r\n                </button>\r\n              } @empty {\r\n                <div class=\"px-3 py-4 text-center text-sm text-surface-500\">\r\n                  {{ \"components.tabs.no-results\" | transloco }}\r\n                </div>\r\n              }\r\n            </div>\r\n          </div>\r\n        </p-popover>\r\n      </div>\r\n    }\r\n  </div>\r\n} @else {\r\n  <p-selectbutton\r\n    [options]=\"options()\"\r\n    [(ngModel)]=\"active\"\r\n    (ngModelChange)=\"onTabChange($event)\"\r\n    [optionLabel]=\"optionLabel()\"\r\n    [optionValue]=\"optionValue()\"\r\n    styleClass=\"my-tabs-button\"\r\n    [size]=\"size()\"\r\n    [fluid]=\"fluid()\"\r\n    [disabled]=\"disabled()\"\r\n    unselectable\r\n  />\r\n}\r\n", styles: [":host{min-width:0}\n"], dependencies: [{ kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "component", type: SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "styleClass", "ariaLabelledBy", "dataKey", "autofocus", "size", "fluid"], outputs: ["onOptionClick", "onChange"] }, { 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: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: Avatar, selector: "mt-avatar", inputs: ["label", "icon", "image", "styleClass", "size", "shape", "badge", "badgeSize", "badgeSeverity"], outputs: ["onImageError"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: IconFieldModule }, { kind: "component", type: i3.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "ngmodule", type: InputIconModule }, { kind: "component", type: i4.InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Tabs, isStandalone: true, selector: "mt-tabs", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, moreLabel: { classPropertyName: "moreLabel", publicName: "moreLabel", isSignal: true, isRequired: false, transformFunction: null }, defaultIcon: { classPropertyName: "defaultIcon", publicName: "defaultIcon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fluid: { classPropertyName: "fluid", publicName: "fluid", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, searchThreshold: { classPropertyName: "searchThreshold", publicName: "searchThreshold", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange", onChange: "onChange" }, host: { properties: { "class.w-full": "fluid()" }, classAttribute: "grid min-w-0 gap-1" }, viewQueries: [{ propertyName: "tabsContainer", first: true, predicate: ["tabsContainer"], descendants: true, isSignal: true }, { propertyName: "measureRow", first: true, predicate: ["measureRow"], descendants: true, isSignal: true }, { propertyName: "morePopover", first: true, predicate: Popover, descendants: true, isSignal: true }], ngImport: i0, template: "@if (mode() === \"vertical\") {\n  <div\n    class=\"flex min-h-0 flex-col gap-1 rounded-2xl border border-surface-200 bg-white p-2\"\n    role=\"tablist\"\n    aria-orientation=\"vertical\"\n  >\n    @for (option of options(); track trackOption(option, $index)) {\n      <button\n        type=\"button\"\n        role=\"tab\"\n        class=\"group relative flex w-full items-center gap-3 overflow-hidden rounded-lg px-3 py-2.5 text-left text-sm transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-primary/20\"\n        [attr.aria-selected]=\"isActiveOption(option)\"\n        [attr.tabindex]=\"isActiveOption(option) ? 0 : -1\"\n        [disabled]=\"disabled() || isOptionDisabled(option)\"\n        [class.bg-primary-50]=\"isActiveOption(option)\"\n        [class.font-semibold]=\"isActiveOption(option)\"\n        [class.text-primary-700]=\"isActiveOption(option)\"\n        [class.text-surface-500]=\"!isActiveOption(option)\"\n        [class.hover:bg-surface-50]=\"!isActiveOption(option)\"\n        [class.cursor-pointer]=\"!(disabled() || isOptionDisabled(option))\"\n        [class.cursor-not-allowed]=\"disabled() || isOptionDisabled(option)\"\n        [class.opacity-60]=\"disabled() || isOptionDisabled(option)\"\n        (click)=\"onOptionSelect(option)\"\n      >\n        @if (resolveIcon(option); as icon) {\n          <mt-icon\n            [icon]=\"icon\"\n            class=\"relative z-10 text-base\"\n            [class.text-primary]=\"isActiveOption(option)\"\n            [class.text-surface-400]=\"!isActiveOption(option)\"\n          />\n        }\n\n        <span class=\"relative z-10 min-w-0 flex-1 truncate\">\n          {{ resolveLabel(option) }}\n        </span>\n\n        @if (hasBadge(option)) {\n          <span\n            class=\"relative z-10 ms-auto inline-flex min-w-5 items-center justify-center rounded-full px-2 py-0.5 text-[11px] font-bold leading-none\"\n            [class.bg-primary]=\"isActiveOption(option)\"\n            [class.text-white]=\"isActiveOption(option)\"\n            [class.bg-surface-100]=\"!isActiveOption(option)\"\n            [class.text-surface-600]=\"!isActiveOption(option)\"\n          >\n            {{ resolveBadge(option) }}\n          </span>\n        }\n      </button>\n    }\n  </div>\n} @else if (mode() === \"underline\") {\n  <div\n    #tabsContainer\n    class=\"relative flex w-full min-w-0 max-w-full items-center gap-0.5 overflow-x-clip\"\n    role=\"tablist\"\n    aria-orientation=\"horizontal\"\n  >\n    <!-- Invisible measurement ghost row: always renders every option at natural width -->\n    <div\n      #measureRow\n      aria-hidden=\"true\"\n      class=\"pointer-events-none invisible absolute top-0 left-0 flex flex-nowrap gap-0.5 -z-10\"\n    >\n      @for (option of options(); track trackOption(option, $index)) {\n        <span\n          class=\"inline-flex items-center gap-1.5 border-b-2 border-transparent px-3.5 py-2.5 text-sm font-semibold whitespace-nowrap\"\n        >\n          @if (resolveIcon(option); as icon) {\n            <mt-icon [icon]=\"icon\" class=\"text-base\" />\n          }\n          <span>{{ resolveLabel(option) }}</span>\n          @if (hasCountBadge(option)) {\n            <span\n              class=\"inline-grid min-w-[18px] place-items-center rounded-full px-1.5 text-[10px] leading-4 font-bold tabular-nums\"\n            >\n              {{ resolveBadge(option) }}\n            </span>\n          }\n        </span>\n      }\n    </div>\n\n    <!-- Visible tabs row -->\n    <div\n      class=\"flex min-w-0 flex-1 items-center gap-0.5 overflow-x-clip border-b border-surface-200\"\n    >\n      @for (option of visibleOptions(); track trackOption(option, $index)) {\n        <button\n          type=\"button\"\n          role=\"tab\"\n          class=\"-mb-px inline-flex shrink-0 items-center gap-1.5 border-b-2 px-3.5 py-2.5 text-sm whitespace-nowrap transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-primary/20\"\n          [attr.aria-selected]=\"isActiveOption(option)\"\n          [attr.tabindex]=\"isActiveOption(option) ? 0 : -1\"\n          [disabled]=\"disabled() || isOptionDisabled(option)\"\n          [class.border-primary]=\"\n            isActiveOption(option) && isSeverity(option, 'primary')\n          \"\n          [class.text-primary]=\"\n            isActiveOption(option) && isSeverity(option, 'primary')\n          \"\n          [class.border-slate-500]=\"\n            isActiveOption(option) && isSeverity(option, 'secondary')\n          \"\n          [class.text-slate-600]=\"isSeverity(option, 'secondary')\"\n          [class.border-emerald-500]=\"\n            isActiveOption(option) && isSeverity(option, 'success')\n          \"\n          [class.text-emerald-600]=\"isSeverity(option, 'success')\"\n          [class.border-sky-500]=\"\n            isActiveOption(option) && isSeverity(option, 'info')\n          \"\n          [class.text-sky-600]=\"isSeverity(option, 'info')\"\n          [class.border-amber-500]=\"\n            isActiveOption(option) && isSeverity(option, 'warn')\n          \"\n          [class.text-amber-700]=\"isSeverity(option, 'warn')\"\n          [class.border-red-500]=\"\n            isActiveOption(option) && isSeverity(option, 'danger')\n          \"\n          [class.text-red-600]=\"isSeverity(option, 'danger')\"\n          [class.border-purple-500]=\"\n            isActiveOption(option) && isSeverity(option, 'help')\n          \"\n          [class.text-purple-600]=\"isSeverity(option, 'help')\"\n          [class.border-zinc-700]=\"\n            isActiveOption(option) && isSeverity(option, 'contrast')\n          \"\n          [class.text-zinc-800]=\"isSeverity(option, 'contrast')\"\n          [class.font-semibold]=\"isActiveOption(option)\"\n          [class.border-transparent]=\"!isActiveOption(option)\"\n          [class.text-surface-700]=\"\n            !isActiveOption(option) && !hasNonPrimarySeverity(option)\n          \"\n          [class.font-medium]=\"!isActiveOption(option)\"\n          [class.hover:text-primary-600]=\"\n            !isActiveOption(option) &&\n            !hasNonPrimarySeverity(option) &&\n            !(disabled() || isOptionDisabled(option))\n          \"\n          [class.hover:text-slate-700]=\"\n            !isActiveOption(option) && isSeverity(option, 'secondary')\n          \"\n          [class.hover:text-emerald-700]=\"\n            !isActiveOption(option) && isSeverity(option, 'success')\n          \"\n          [class.hover:text-sky-700]=\"\n            !isActiveOption(option) && isSeverity(option, 'info')\n          \"\n          [class.hover:text-amber-800]=\"\n            !isActiveOption(option) && isSeverity(option, 'warn')\n          \"\n          [class.hover:text-red-700]=\"\n            !isActiveOption(option) && isSeverity(option, 'danger')\n          \"\n          [class.hover:text-purple-700]=\"\n            !isActiveOption(option) && isSeverity(option, 'help')\n          \"\n          [class.hover:text-zinc-900]=\"\n            !isActiveOption(option) && isSeverity(option, 'contrast')\n          \"\n          [class.cursor-pointer]=\"!(disabled() || isOptionDisabled(option))\"\n          [class.cursor-not-allowed]=\"disabled() || isOptionDisabled(option)\"\n          [class.opacity-60]=\"disabled() || isOptionDisabled(option)\"\n          (click)=\"onOptionSelect(option)\"\n        >\n          @if (resolveIcon(option); as icon) {\n            <mt-icon [icon]=\"icon\" class=\"text-base\" />\n          }\n\n          <span class=\"truncate\">{{ resolveLabel(option) }}</span>\n\n          @if (hasCountBadge(option)) {\n            <span\n              class=\"inline-grid min-w-[18px] place-items-center rounded-full px-1.5 text-[10px] leading-4 font-bold tabular-nums\"\n              [class.bg-primary-50]=\"isSeverity(option, 'primary')\"\n              [class.text-primary-700]=\"isSeverity(option, 'primary')\"\n              [class.bg-slate-100]=\"isSeverity(option, 'secondary')\"\n              [class.text-slate-700]=\"isSeverity(option, 'secondary')\"\n              [class.bg-emerald-50]=\"isSeverity(option, 'success')\"\n              [class.text-emerald-700]=\"isSeverity(option, 'success')\"\n              [class.bg-sky-50]=\"isSeverity(option, 'info')\"\n              [class.text-sky-700]=\"isSeverity(option, 'info')\"\n              [class.bg-amber-50]=\"isSeverity(option, 'warn')\"\n              [class.text-amber-800]=\"isSeverity(option, 'warn')\"\n              [class.bg-red-50]=\"isSeverity(option, 'danger')\"\n              [class.text-red-700]=\"isSeverity(option, 'danger')\"\n              [class.bg-purple-50]=\"isSeverity(option, 'help')\"\n              [class.text-purple-700]=\"isSeverity(option, 'help')\"\n              [class.bg-zinc-100]=\"isSeverity(option, 'contrast')\"\n              [class.text-zinc-800]=\"isSeverity(option, 'contrast')\"\n              [class.bg-surface-100]=\"\n                !isActiveOption(option) && !hasNonPrimarySeverity(option)\n              \"\n              [class.text-surface-500]=\"\n                !isActiveOption(option) && !hasNonPrimarySeverity(option)\n              \"\n            >\n              {{ resolveBadge(option) }}\n            </span>\n          }\n        </button>\n      }\n    </div>\n\n    @if (hasOverflow()) {\n      <div\n        class=\"flex shrink-0 items-center -mb-px border-b border-surface-200 pb-1\"\n      >\n        <mt-button\n          icon=\"arrow.chevron-down\"\n          [label]=\"moreLabel()\"\n          size=\"small\"\n          severity=\"primary\"\n          [text]=\"true\"\n          [rounded]=\"true\"\n          (onClick)=\"morePopover.toggle($event)\"\n        />\n        <p-popover\n          #morePopover\n          appendTo=\"body\"\n          (onHide)=\"onOverflowPopoverHide()\"\n        >\n          <div class=\"flex min-w-56 flex-col\">\n            @if (showOverflowSearch()) {\n              <div class=\"border-b border-surface-200 p-2\">\n                <p-iconfield iconPosition=\"left\">\n                  <p-inputicon>\n                    <mt-icon icon=\"general.search-md\" />\n                  </p-inputicon>\n                  <input\n                    pInputText\n                    type=\"text\"\n                    [value]=\"searchTerm()\"\n                    (input)=\"onOverflowSearch($any($event.target).value)\"\n                    [placeholder]=\"'components.tabs.search' | transloco\"\n                    class=\"w-full\"\n                  />\n                </p-iconfield>\n              </div>\n            }\n            <div\n              class=\"flex max-h-80 flex-col divide-y divide-surface-100 overflow-y-auto\"\n            >\n              @for (\n                option of filteredOverflowOptions();\n                track trackOption(option, $index)\n              ) {\n                <button\n                  type=\"button\"\n                  class=\"flex w-full cursor-pointer items-center justify-start gap-2 px-2 py-1 text-start text-sm transition-colors [&_.p-avatar]:h-7 [&_.p-avatar]:w-7 [&_.p-avatar]:text-sm\"\n                  [class.bg-primary-50]=\"\n                    isActiveOption(option) && isSeverity(option, 'primary')\n                  \"\n                  [class.text-primary]=\"\n                    isActiveOption(option) && isSeverity(option, 'primary')\n                  \"\n                  [class.bg-slate-50]=\"\n                    isActiveOption(option) && isSeverity(option, 'secondary')\n                  \"\n                  [class.text-slate-600]=\"isSeverity(option, 'secondary')\"\n                  [class.bg-emerald-50]=\"\n                    isActiveOption(option) && isSeverity(option, 'success')\n                  \"\n                  [class.text-emerald-600]=\"isSeverity(option, 'success')\"\n                  [class.bg-sky-50]=\"\n                    isActiveOption(option) && isSeverity(option, 'info')\n                  \"\n                  [class.text-sky-600]=\"isSeverity(option, 'info')\"\n                  [class.bg-amber-50]=\"\n                    isActiveOption(option) && isSeverity(option, 'warn')\n                  \"\n                  [class.text-amber-700]=\"isSeverity(option, 'warn')\"\n                  [class.bg-red-50]=\"\n                    isActiveOption(option) && isSeverity(option, 'danger')\n                  \"\n                  [class.text-red-600]=\"isSeverity(option, 'danger')\"\n                  [class.bg-purple-50]=\"\n                    isActiveOption(option) && isSeverity(option, 'help')\n                  \"\n                  [class.text-purple-600]=\"isSeverity(option, 'help')\"\n                  [class.bg-zinc-100]=\"\n                    isActiveOption(option) && isSeverity(option, 'contrast')\n                  \"\n                  [class.text-zinc-800]=\"isSeverity(option, 'contrast')\"\n                  [class.font-semibold]=\"isActiveOption(option)\"\n                  [class.text-surface-700]=\"\n                    !isActiveOption(option) && !hasNonPrimarySeverity(option)\n                  \"\n                  [class.hover:bg-surface-100]=\"!isActiveOption(option)\"\n                  [class.cursor-not-allowed]=\"\n                    disabled() || isOptionDisabled(option)\n                  \"\n                  [class.opacity-60]=\"disabled() || isOptionDisabled(option)\"\n                  [disabled]=\"disabled() || isOptionDisabled(option)\"\n                  (click)=\"onOptionSelect(option); morePopover.hide()\"\n                >\n                  <mt-avatar\n                    [icon]=\"resolveIconOrDefault(option)\"\n                    size=\"normal\"\n                    shape=\"circle\"\n                    styleClass=\"!bg-surface-100 !text-surface-600\"\n                  />\n                  <span class=\"flex-1 truncate text-start\">\n                    {{ resolveLabel(option) }}\n                  </span>\n                  @if (hasCountBadge(option)) {\n                    <span\n                      class=\"inline-grid min-w-[18px] place-items-center rounded-full px-1.5 text-[10px] leading-4 font-bold tabular-nums\"\n                      [class.bg-primary-100]=\"isSeverity(option, 'primary')\"\n                      [class.text-primary-700]=\"isSeverity(option, 'primary')\"\n                      [class.bg-slate-100]=\"isSeverity(option, 'secondary')\"\n                      [class.text-slate-700]=\"isSeverity(option, 'secondary')\"\n                      [class.bg-emerald-50]=\"isSeverity(option, 'success')\"\n                      [class.text-emerald-700]=\"isSeverity(option, 'success')\"\n                      [class.bg-sky-50]=\"isSeverity(option, 'info')\"\n                      [class.text-sky-700]=\"isSeverity(option, 'info')\"\n                      [class.bg-amber-50]=\"isSeverity(option, 'warn')\"\n                      [class.text-amber-800]=\"isSeverity(option, 'warn')\"\n                      [class.bg-red-50]=\"isSeverity(option, 'danger')\"\n                      [class.text-red-700]=\"isSeverity(option, 'danger')\"\n                      [class.bg-purple-50]=\"isSeverity(option, 'help')\"\n                      [class.text-purple-700]=\"isSeverity(option, 'help')\"\n                      [class.bg-zinc-100]=\"isSeverity(option, 'contrast')\"\n                      [class.text-zinc-800]=\"isSeverity(option, 'contrast')\"\n                      [class.bg-surface-100]=\"\n                        !isActiveOption(option) &&\n                        !hasNonPrimarySeverity(option)\n                      \"\n                      [class.text-surface-500]=\"\n                        !isActiveOption(option) &&\n                        !hasNonPrimarySeverity(option)\n                      \"\n                    >\n                      {{ resolveBadge(option) }}\n                    </span>\n                  }\n                </button>\n              } @empty {\n                <div class=\"px-3 py-4 text-center text-sm text-surface-500\">\n                  {{ \"components.tabs.no-results\" | transloco }}\n                </div>\n              }\n            </div>\n          </div>\n        </p-popover>\n      </div>\n    }\n  </div>\n} @else {\n  <p-selectbutton\n    [options]=\"options()\"\n    [(ngModel)]=\"active\"\n    (ngModelChange)=\"onTabChange($event)\"\n    [optionLabel]=\"optionLabel()\"\n    [optionValue]=\"optionValue()\"\n    styleClass=\"my-tabs-button\"\n    [size]=\"size()\"\n    [fluid]=\"fluid()\"\n    [disabled]=\"disabled()\"\n    unselectable\n  />\n}\n", styles: [":host{min-width:0}\n"], dependencies: [{ kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "component", type: SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "styleClass", "ariaLabelledBy", "dataKey", "autofocus", "size", "fluid"], outputs: ["onOptionClick", "onChange"] }, { 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: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: Avatar, selector: "mt-avatar", inputs: ["label", "icon", "image", "styleClass", "size", "shape", "badge", "badgeSize", "badgeSeverity"], outputs: ["onImageError"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: IconFieldModule }, { kind: "component", type: i3.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "ngmodule", type: InputIconModule }, { kind: "component", type: i4.InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Tabs, decorators: [{
             type: Component,
@@ -248,7 +273,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                     ], host: {
                         class: 'grid min-w-0 gap-1',
                         '[class.w-full]': 'fluid()',
-                    }, template: "@if (mode() === \"vertical\") {\r\n  <div\r\n    class=\"flex min-h-0 flex-col gap-1 rounded-2xl border border-surface-200 bg-white p-2\"\r\n    role=\"tablist\"\r\n    aria-orientation=\"vertical\"\r\n  >\r\n    @for (option of options(); track trackOption(option, $index)) {\r\n      <button\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        class=\"group relative flex w-full items-center gap-3 overflow-hidden rounded-lg px-3 py-2.5 text-left text-sm transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-primary/20\"\r\n        [attr.aria-selected]=\"isActiveOption(option)\"\r\n        [attr.tabindex]=\"isActiveOption(option) ? 0 : -1\"\r\n        [disabled]=\"disabled() || isOptionDisabled(option)\"\r\n        [class.bg-primary-50]=\"isActiveOption(option)\"\r\n        [class.font-semibold]=\"isActiveOption(option)\"\r\n        [class.text-primary-700]=\"isActiveOption(option)\"\r\n        [class.text-surface-500]=\"!isActiveOption(option)\"\r\n        [class.hover:bg-surface-50]=\"!isActiveOption(option)\"\r\n        [class.cursor-pointer]=\"!(disabled() || isOptionDisabled(option))\"\r\n        [class.cursor-not-allowed]=\"disabled() || isOptionDisabled(option)\"\r\n        [class.opacity-60]=\"disabled() || isOptionDisabled(option)\"\r\n        (click)=\"onOptionSelect(option)\"\r\n      >\r\n        @if (resolveIcon(option); as icon) {\r\n          <mt-icon\r\n            [icon]=\"icon\"\r\n            class=\"relative z-10 text-base\"\r\n            [class.text-primary]=\"isActiveOption(option)\"\r\n            [class.text-surface-400]=\"!isActiveOption(option)\"\r\n          />\r\n        }\r\n\r\n        <span class=\"relative z-10 min-w-0 flex-1 truncate\">\r\n          {{ resolveLabel(option) }}\r\n        </span>\r\n\r\n        @if (hasBadge(option)) {\r\n          <span\r\n            class=\"relative z-10 ms-auto inline-flex min-w-5 items-center justify-center rounded-full px-2 py-0.5 text-[11px] font-bold leading-none\"\r\n            [class.bg-primary]=\"isActiveOption(option)\"\r\n            [class.text-white]=\"isActiveOption(option)\"\r\n            [class.bg-surface-100]=\"!isActiveOption(option)\"\r\n            [class.text-surface-600]=\"!isActiveOption(option)\"\r\n          >\r\n            {{ resolveBadge(option) }}\r\n          </span>\r\n        }\r\n      </button>\r\n    }\r\n  </div>\r\n} @else if (mode() === \"underline\") {\r\n  <div\r\n    #tabsContainer\r\n    class=\"relative flex w-full min-w-0 max-w-full items-center gap-0.5 overflow-x-clip\"\r\n    role=\"tablist\"\r\n    aria-orientation=\"horizontal\"\r\n  >\r\n    <!-- Invisible measurement ghost row: always renders every option at natural width -->\r\n    <div\r\n      #measureRow\r\n      aria-hidden=\"true\"\r\n      class=\"pointer-events-none invisible absolute top-0 left-0 flex flex-nowrap gap-0.5 -z-10\"\r\n    >\r\n      @for (option of options(); track trackOption(option, $index)) {\r\n        <span\r\n          class=\"inline-flex items-center gap-1.5 border-b-2 border-transparent px-3.5 py-2.5 text-sm font-semibold whitespace-nowrap\"\r\n        >\r\n          @if (resolveIcon(option); as icon) {\r\n            <mt-icon [icon]=\"icon\" class=\"text-base\" />\r\n          }\r\n          <span>{{ resolveLabel(option) }}</span>\r\n          @if (hasCountBadge(option)) {\r\n            <span\r\n              class=\"inline-grid min-w-[18px] place-items-center rounded-full px-1.5 text-[10px] leading-4 font-bold tabular-nums\"\r\n            >\r\n              {{ resolveBadge(option) }}\r\n            </span>\r\n          }\r\n        </span>\r\n      }\r\n    </div>\r\n\r\n    <!-- Visible tabs row -->\r\n    <div\r\n      class=\"flex min-w-0 flex-1 items-center gap-0.5 overflow-x-clip border-b border-surface-200\"\r\n    >\r\n      @for (option of visibleOptions(); track trackOption(option, $index)) {\r\n        <button\r\n          type=\"button\"\r\n          role=\"tab\"\r\n          class=\"-mb-px inline-flex shrink-0 items-center gap-1.5 border-b-2 px-3.5 py-2.5 text-sm whitespace-nowrap transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-primary/20\"\r\n          [attr.aria-selected]=\"isActiveOption(option)\"\r\n          [attr.tabindex]=\"isActiveOption(option) ? 0 : -1\"\r\n          [disabled]=\"disabled() || isOptionDisabled(option)\"\r\n          [class.border-primary]=\"isActiveOption(option)\"\r\n          [class.text-primary]=\"isActiveOption(option)\"\r\n          [class.font-semibold]=\"isActiveOption(option)\"\r\n          [class.border-transparent]=\"!isActiveOption(option)\"\r\n          [class.text-surface-700]=\"!isActiveOption(option)\"\r\n          [class.font-medium]=\"!isActiveOption(option)\"\r\n          [class.hover:text-primary-600]=\"\r\n            !isActiveOption(option) && !(disabled() || isOptionDisabled(option))\r\n          \"\r\n          [class.cursor-pointer]=\"!(disabled() || isOptionDisabled(option))\"\r\n          [class.cursor-not-allowed]=\"disabled() || isOptionDisabled(option)\"\r\n          [class.opacity-60]=\"disabled() || isOptionDisabled(option)\"\r\n          (click)=\"onOptionSelect(option)\"\r\n        >\r\n          @if (resolveIcon(option); as icon) {\r\n            <mt-icon [icon]=\"icon\" class=\"text-base\" />\r\n          }\r\n\r\n          <span class=\"truncate\">{{ resolveLabel(option) }}</span>\r\n\r\n          @if (hasCountBadge(option)) {\r\n            <span\r\n              class=\"inline-grid min-w-[18px] place-items-center rounded-full px-1.5 text-[10px] leading-4 font-bold tabular-nums\"\r\n              [class.bg-primary-50]=\"isActiveOption(option)\"\r\n              [class.text-primary-700]=\"isActiveOption(option)\"\r\n              [class.bg-surface-100]=\"!isActiveOption(option)\"\r\n              [class.text-surface-500]=\"!isActiveOption(option)\"\r\n            >\r\n              {{ resolveBadge(option) }}\r\n            </span>\r\n          }\r\n        </button>\r\n      }\r\n    </div>\r\n\r\n    @if (hasOverflow()) {\r\n      <div\r\n        class=\"flex shrink-0 items-center -mb-px border-b border-surface-200 pb-1\"\r\n      >\r\n        <mt-button\r\n          icon=\"arrow.chevron-down\"\r\n          [label]=\"moreLabel()\"\r\n          size=\"small\"\r\n          severity=\"primary\"\r\n          [text]=\"true\"\r\n          [rounded]=\"true\"\r\n          (onClick)=\"morePopover.toggle($event)\"\r\n        />\r\n        <p-popover\r\n          #morePopover\r\n          appendTo=\"body\"\r\n          (onHide)=\"onOverflowPopoverHide()\"\r\n        >\r\n          <div class=\"flex min-w-56 flex-col\">\r\n            @if (showOverflowSearch()) {\r\n              <div class=\"border-b border-surface-200 p-2\">\r\n                <p-iconfield iconPosition=\"left\">\r\n                  <p-inputicon>\r\n                    <mt-icon icon=\"general.search-md\" />\r\n                  </p-inputicon>\r\n                  <input\r\n                    pInputText\r\n                    type=\"text\"\r\n                    [value]=\"searchTerm()\"\r\n                    (input)=\"onOverflowSearch($any($event.target).value)\"\r\n                    [placeholder]=\"'components.tabs.search' | transloco\"\r\n                    class=\"w-full\"\r\n                  />\r\n                </p-iconfield>\r\n              </div>\r\n            }\r\n            <div\r\n              class=\"flex max-h-80 flex-col divide-y divide-surface-100 overflow-y-auto\"\r\n            >\r\n              @for (\r\n                option of filteredOverflowOptions();\r\n                track trackOption(option, $index)\r\n              ) {\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"flex w-full cursor-pointer items-center justify-start gap-2 px-2 py-1 text-start text-sm transition-colors [&_.p-avatar]:h-7 [&_.p-avatar]:w-7 [&_.p-avatar]:text-sm\"\r\n                  [class.bg-primary-50]=\"isActiveOption(option)\"\r\n                  [class.text-primary]=\"isActiveOption(option)\"\r\n                  [class.font-semibold]=\"isActiveOption(option)\"\r\n                  [class.text-surface-700]=\"!isActiveOption(option)\"\r\n                  [class.hover:bg-surface-100]=\"!isActiveOption(option)\"\r\n                  [class.cursor-not-allowed]=\"\r\n                    disabled() || isOptionDisabled(option)\r\n                  \"\r\n                  [class.opacity-60]=\"disabled() || isOptionDisabled(option)\"\r\n                  [disabled]=\"disabled() || isOptionDisabled(option)\"\r\n                  (click)=\"onOptionSelect(option); morePopover.hide()\"\r\n                >\r\n                  <mt-avatar\r\n                    [icon]=\"resolveIconOrDefault(option)\"\r\n                    size=\"normal\"\r\n                    shape=\"circle\"\r\n                    styleClass=\"!bg-surface-100 !text-surface-600\"\r\n                  />\r\n                  <span class=\"flex-1 truncate text-start\">\r\n                    {{ resolveLabel(option) }}\r\n                  </span>\r\n                  @if (hasCountBadge(option)) {\r\n                    <span\r\n                      class=\"inline-grid min-w-[18px] place-items-center rounded-full px-1.5 text-[10px] leading-4 font-bold tabular-nums\"\r\n                      [class.bg-primary-100]=\"isActiveOption(option)\"\r\n                      [class.text-primary-700]=\"isActiveOption(option)\"\r\n                      [class.bg-surface-100]=\"!isActiveOption(option)\"\r\n                      [class.text-surface-500]=\"!isActiveOption(option)\"\r\n                    >\r\n                      {{ resolveBadge(option) }}\r\n                    </span>\r\n                  }\r\n                </button>\r\n              } @empty {\r\n                <div class=\"px-3 py-4 text-center text-sm text-surface-500\">\r\n                  {{ \"components.tabs.no-results\" | transloco }}\r\n                </div>\r\n              }\r\n            </div>\r\n          </div>\r\n        </p-popover>\r\n      </div>\r\n    }\r\n  </div>\r\n} @else {\r\n  <p-selectbutton\r\n    [options]=\"options()\"\r\n    [(ngModel)]=\"active\"\r\n    (ngModelChange)=\"onTabChange($event)\"\r\n    [optionLabel]=\"optionLabel()\"\r\n    [optionValue]=\"optionValue()\"\r\n    styleClass=\"my-tabs-button\"\r\n    [size]=\"size()\"\r\n    [fluid]=\"fluid()\"\r\n    [disabled]=\"disabled()\"\r\n    unselectable\r\n  />\r\n}\r\n", styles: [":host{min-width:0}\n"] }]
+                    }, template: "@if (mode() === \"vertical\") {\n  <div\n    class=\"flex min-h-0 flex-col gap-1 rounded-2xl border border-surface-200 bg-white p-2\"\n    role=\"tablist\"\n    aria-orientation=\"vertical\"\n  >\n    @for (option of options(); track trackOption(option, $index)) {\n      <button\n        type=\"button\"\n        role=\"tab\"\n        class=\"group relative flex w-full items-center gap-3 overflow-hidden rounded-lg px-3 py-2.5 text-left text-sm transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-primary/20\"\n        [attr.aria-selected]=\"isActiveOption(option)\"\n        [attr.tabindex]=\"isActiveOption(option) ? 0 : -1\"\n        [disabled]=\"disabled() || isOptionDisabled(option)\"\n        [class.bg-primary-50]=\"isActiveOption(option)\"\n        [class.font-semibold]=\"isActiveOption(option)\"\n        [class.text-primary-700]=\"isActiveOption(option)\"\n        [class.text-surface-500]=\"!isActiveOption(option)\"\n        [class.hover:bg-surface-50]=\"!isActiveOption(option)\"\n        [class.cursor-pointer]=\"!(disabled() || isOptionDisabled(option))\"\n        [class.cursor-not-allowed]=\"disabled() || isOptionDisabled(option)\"\n        [class.opacity-60]=\"disabled() || isOptionDisabled(option)\"\n        (click)=\"onOptionSelect(option)\"\n      >\n        @if (resolveIcon(option); as icon) {\n          <mt-icon\n            [icon]=\"icon\"\n            class=\"relative z-10 text-base\"\n            [class.text-primary]=\"isActiveOption(option)\"\n            [class.text-surface-400]=\"!isActiveOption(option)\"\n          />\n        }\n\n        <span class=\"relative z-10 min-w-0 flex-1 truncate\">\n          {{ resolveLabel(option) }}\n        </span>\n\n        @if (hasBadge(option)) {\n          <span\n            class=\"relative z-10 ms-auto inline-flex min-w-5 items-center justify-center rounded-full px-2 py-0.5 text-[11px] font-bold leading-none\"\n            [class.bg-primary]=\"isActiveOption(option)\"\n            [class.text-white]=\"isActiveOption(option)\"\n            [class.bg-surface-100]=\"!isActiveOption(option)\"\n            [class.text-surface-600]=\"!isActiveOption(option)\"\n          >\n            {{ resolveBadge(option) }}\n          </span>\n        }\n      </button>\n    }\n  </div>\n} @else if (mode() === \"underline\") {\n  <div\n    #tabsContainer\n    class=\"relative flex w-full min-w-0 max-w-full items-center gap-0.5 overflow-x-clip\"\n    role=\"tablist\"\n    aria-orientation=\"horizontal\"\n  >\n    <!-- Invisible measurement ghost row: always renders every option at natural width -->\n    <div\n      #measureRow\n      aria-hidden=\"true\"\n      class=\"pointer-events-none invisible absolute top-0 left-0 flex flex-nowrap gap-0.5 -z-10\"\n    >\n      @for (option of options(); track trackOption(option, $index)) {\n        <span\n          class=\"inline-flex items-center gap-1.5 border-b-2 border-transparent px-3.5 py-2.5 text-sm font-semibold whitespace-nowrap\"\n        >\n          @if (resolveIcon(option); as icon) {\n            <mt-icon [icon]=\"icon\" class=\"text-base\" />\n          }\n          <span>{{ resolveLabel(option) }}</span>\n          @if (hasCountBadge(option)) {\n            <span\n              class=\"inline-grid min-w-[18px] place-items-center rounded-full px-1.5 text-[10px] leading-4 font-bold tabular-nums\"\n            >\n              {{ resolveBadge(option) }}\n            </span>\n          }\n        </span>\n      }\n    </div>\n\n    <!-- Visible tabs row -->\n    <div\n      class=\"flex min-w-0 flex-1 items-center gap-0.5 overflow-x-clip border-b border-surface-200\"\n    >\n      @for (option of visibleOptions(); track trackOption(option, $index)) {\n        <button\n          type=\"button\"\n          role=\"tab\"\n          class=\"-mb-px inline-flex shrink-0 items-center gap-1.5 border-b-2 px-3.5 py-2.5 text-sm whitespace-nowrap transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-primary/20\"\n          [attr.aria-selected]=\"isActiveOption(option)\"\n          [attr.tabindex]=\"isActiveOption(option) ? 0 : -1\"\n          [disabled]=\"disabled() || isOptionDisabled(option)\"\n          [class.border-primary]=\"\n            isActiveOption(option) && isSeverity(option, 'primary')\n          \"\n          [class.text-primary]=\"\n            isActiveOption(option) && isSeverity(option, 'primary')\n          \"\n          [class.border-slate-500]=\"\n            isActiveOption(option) && isSeverity(option, 'secondary')\n          \"\n          [class.text-slate-600]=\"isSeverity(option, 'secondary')\"\n          [class.border-emerald-500]=\"\n            isActiveOption(option) && isSeverity(option, 'success')\n          \"\n          [class.text-emerald-600]=\"isSeverity(option, 'success')\"\n          [class.border-sky-500]=\"\n            isActiveOption(option) && isSeverity(option, 'info')\n          \"\n          [class.text-sky-600]=\"isSeverity(option, 'info')\"\n          [class.border-amber-500]=\"\n            isActiveOption(option) && isSeverity(option, 'warn')\n          \"\n          [class.text-amber-700]=\"isSeverity(option, 'warn')\"\n          [class.border-red-500]=\"\n            isActiveOption(option) && isSeverity(option, 'danger')\n          \"\n          [class.text-red-600]=\"isSeverity(option, 'danger')\"\n          [class.border-purple-500]=\"\n            isActiveOption(option) && isSeverity(option, 'help')\n          \"\n          [class.text-purple-600]=\"isSeverity(option, 'help')\"\n          [class.border-zinc-700]=\"\n            isActiveOption(option) && isSeverity(option, 'contrast')\n          \"\n          [class.text-zinc-800]=\"isSeverity(option, 'contrast')\"\n          [class.font-semibold]=\"isActiveOption(option)\"\n          [class.border-transparent]=\"!isActiveOption(option)\"\n          [class.text-surface-700]=\"\n            !isActiveOption(option) && !hasNonPrimarySeverity(option)\n          \"\n          [class.font-medium]=\"!isActiveOption(option)\"\n          [class.hover:text-primary-600]=\"\n            !isActiveOption(option) &&\n            !hasNonPrimarySeverity(option) &&\n            !(disabled() || isOptionDisabled(option))\n          \"\n          [class.hover:text-slate-700]=\"\n            !isActiveOption(option) && isSeverity(option, 'secondary')\n          \"\n          [class.hover:text-emerald-700]=\"\n            !isActiveOption(option) && isSeverity(option, 'success')\n          \"\n          [class.hover:text-sky-700]=\"\n            !isActiveOption(option) && isSeverity(option, 'info')\n          \"\n          [class.hover:text-amber-800]=\"\n            !isActiveOption(option) && isSeverity(option, 'warn')\n          \"\n          [class.hover:text-red-700]=\"\n            !isActiveOption(option) && isSeverity(option, 'danger')\n          \"\n          [class.hover:text-purple-700]=\"\n            !isActiveOption(option) && isSeverity(option, 'help')\n          \"\n          [class.hover:text-zinc-900]=\"\n            !isActiveOption(option) && isSeverity(option, 'contrast')\n          \"\n          [class.cursor-pointer]=\"!(disabled() || isOptionDisabled(option))\"\n          [class.cursor-not-allowed]=\"disabled() || isOptionDisabled(option)\"\n          [class.opacity-60]=\"disabled() || isOptionDisabled(option)\"\n          (click)=\"onOptionSelect(option)\"\n        >\n          @if (resolveIcon(option); as icon) {\n            <mt-icon [icon]=\"icon\" class=\"text-base\" />\n          }\n\n          <span class=\"truncate\">{{ resolveLabel(option) }}</span>\n\n          @if (hasCountBadge(option)) {\n            <span\n              class=\"inline-grid min-w-[18px] place-items-center rounded-full px-1.5 text-[10px] leading-4 font-bold tabular-nums\"\n              [class.bg-primary-50]=\"isSeverity(option, 'primary')\"\n              [class.text-primary-700]=\"isSeverity(option, 'primary')\"\n              [class.bg-slate-100]=\"isSeverity(option, 'secondary')\"\n              [class.text-slate-700]=\"isSeverity(option, 'secondary')\"\n              [class.bg-emerald-50]=\"isSeverity(option, 'success')\"\n              [class.text-emerald-700]=\"isSeverity(option, 'success')\"\n              [class.bg-sky-50]=\"isSeverity(option, 'info')\"\n              [class.text-sky-700]=\"isSeverity(option, 'info')\"\n              [class.bg-amber-50]=\"isSeverity(option, 'warn')\"\n              [class.text-amber-800]=\"isSeverity(option, 'warn')\"\n              [class.bg-red-50]=\"isSeverity(option, 'danger')\"\n              [class.text-red-700]=\"isSeverity(option, 'danger')\"\n              [class.bg-purple-50]=\"isSeverity(option, 'help')\"\n              [class.text-purple-700]=\"isSeverity(option, 'help')\"\n              [class.bg-zinc-100]=\"isSeverity(option, 'contrast')\"\n              [class.text-zinc-800]=\"isSeverity(option, 'contrast')\"\n              [class.bg-surface-100]=\"\n                !isActiveOption(option) && !hasNonPrimarySeverity(option)\n              \"\n              [class.text-surface-500]=\"\n                !isActiveOption(option) && !hasNonPrimarySeverity(option)\n              \"\n            >\n              {{ resolveBadge(option) }}\n            </span>\n          }\n        </button>\n      }\n    </div>\n\n    @if (hasOverflow()) {\n      <div\n        class=\"flex shrink-0 items-center -mb-px border-b border-surface-200 pb-1\"\n      >\n        <mt-button\n          icon=\"arrow.chevron-down\"\n          [label]=\"moreLabel()\"\n          size=\"small\"\n          severity=\"primary\"\n          [text]=\"true\"\n          [rounded]=\"true\"\n          (onClick)=\"morePopover.toggle($event)\"\n        />\n        <p-popover\n          #morePopover\n          appendTo=\"body\"\n          (onHide)=\"onOverflowPopoverHide()\"\n        >\n          <div class=\"flex min-w-56 flex-col\">\n            @if (showOverflowSearch()) {\n              <div class=\"border-b border-surface-200 p-2\">\n                <p-iconfield iconPosition=\"left\">\n                  <p-inputicon>\n                    <mt-icon icon=\"general.search-md\" />\n                  </p-inputicon>\n                  <input\n                    pInputText\n                    type=\"text\"\n                    [value]=\"searchTerm()\"\n                    (input)=\"onOverflowSearch($any($event.target).value)\"\n                    [placeholder]=\"'components.tabs.search' | transloco\"\n                    class=\"w-full\"\n                  />\n                </p-iconfield>\n              </div>\n            }\n            <div\n              class=\"flex max-h-80 flex-col divide-y divide-surface-100 overflow-y-auto\"\n            >\n              @for (\n                option of filteredOverflowOptions();\n                track trackOption(option, $index)\n              ) {\n                <button\n                  type=\"button\"\n                  class=\"flex w-full cursor-pointer items-center justify-start gap-2 px-2 py-1 text-start text-sm transition-colors [&_.p-avatar]:h-7 [&_.p-avatar]:w-7 [&_.p-avatar]:text-sm\"\n                  [class.bg-primary-50]=\"\n                    isActiveOption(option) && isSeverity(option, 'primary')\n                  \"\n                  [class.text-primary]=\"\n                    isActiveOption(option) && isSeverity(option, 'primary')\n                  \"\n                  [class.bg-slate-50]=\"\n                    isActiveOption(option) && isSeverity(option, 'secondary')\n                  \"\n                  [class.text-slate-600]=\"isSeverity(option, 'secondary')\"\n                  [class.bg-emerald-50]=\"\n                    isActiveOption(option) && isSeverity(option, 'success')\n                  \"\n                  [class.text-emerald-600]=\"isSeverity(option, 'success')\"\n                  [class.bg-sky-50]=\"\n                    isActiveOption(option) && isSeverity(option, 'info')\n                  \"\n                  [class.text-sky-600]=\"isSeverity(option, 'info')\"\n                  [class.bg-amber-50]=\"\n                    isActiveOption(option) && isSeverity(option, 'warn')\n                  \"\n                  [class.text-amber-700]=\"isSeverity(option, 'warn')\"\n                  [class.bg-red-50]=\"\n                    isActiveOption(option) && isSeverity(option, 'danger')\n                  \"\n                  [class.text-red-600]=\"isSeverity(option, 'danger')\"\n                  [class.bg-purple-50]=\"\n                    isActiveOption(option) && isSeverity(option, 'help')\n                  \"\n                  [class.text-purple-600]=\"isSeverity(option, 'help')\"\n                  [class.bg-zinc-100]=\"\n                    isActiveOption(option) && isSeverity(option, 'contrast')\n                  \"\n                  [class.text-zinc-800]=\"isSeverity(option, 'contrast')\"\n                  [class.font-semibold]=\"isActiveOption(option)\"\n                  [class.text-surface-700]=\"\n                    !isActiveOption(option) && !hasNonPrimarySeverity(option)\n                  \"\n                  [class.hover:bg-surface-100]=\"!isActiveOption(option)\"\n                  [class.cursor-not-allowed]=\"\n                    disabled() || isOptionDisabled(option)\n                  \"\n                  [class.opacity-60]=\"disabled() || isOptionDisabled(option)\"\n                  [disabled]=\"disabled() || isOptionDisabled(option)\"\n                  (click)=\"onOptionSelect(option); morePopover.hide()\"\n                >\n                  <mt-avatar\n                    [icon]=\"resolveIconOrDefault(option)\"\n                    size=\"normal\"\n                    shape=\"circle\"\n                    styleClass=\"!bg-surface-100 !text-surface-600\"\n                  />\n                  <span class=\"flex-1 truncate text-start\">\n                    {{ resolveLabel(option) }}\n                  </span>\n                  @if (hasCountBadge(option)) {\n                    <span\n                      class=\"inline-grid min-w-[18px] place-items-center rounded-full px-1.5 text-[10px] leading-4 font-bold tabular-nums\"\n                      [class.bg-primary-100]=\"isSeverity(option, 'primary')\"\n                      [class.text-primary-700]=\"isSeverity(option, 'primary')\"\n                      [class.bg-slate-100]=\"isSeverity(option, 'secondary')\"\n                      [class.text-slate-700]=\"isSeverity(option, 'secondary')\"\n                      [class.bg-emerald-50]=\"isSeverity(option, 'success')\"\n                      [class.text-emerald-700]=\"isSeverity(option, 'success')\"\n                      [class.bg-sky-50]=\"isSeverity(option, 'info')\"\n                      [class.text-sky-700]=\"isSeverity(option, 'info')\"\n                      [class.bg-amber-50]=\"isSeverity(option, 'warn')\"\n                      [class.text-amber-800]=\"isSeverity(option, 'warn')\"\n                      [class.bg-red-50]=\"isSeverity(option, 'danger')\"\n                      [class.text-red-700]=\"isSeverity(option, 'danger')\"\n                      [class.bg-purple-50]=\"isSeverity(option, 'help')\"\n                      [class.text-purple-700]=\"isSeverity(option, 'help')\"\n                      [class.bg-zinc-100]=\"isSeverity(option, 'contrast')\"\n                      [class.text-zinc-800]=\"isSeverity(option, 'contrast')\"\n                      [class.bg-surface-100]=\"\n                        !isActiveOption(option) &&\n                        !hasNonPrimarySeverity(option)\n                      \"\n                      [class.text-surface-500]=\"\n                        !isActiveOption(option) &&\n                        !hasNonPrimarySeverity(option)\n                      \"\n                    >\n                      {{ resolveBadge(option) }}\n                    </span>\n                  }\n                </button>\n              } @empty {\n                <div class=\"px-3 py-4 text-center text-sm text-surface-500\">\n                  {{ \"components.tabs.no-results\" | transloco }}\n                </div>\n              }\n            </div>\n          </div>\n        </p-popover>\n      </div>\n    }\n  </div>\n} @else {\n  <p-selectbutton\n    [options]=\"options()\"\n    [(ngModel)]=\"active\"\n    (ngModelChange)=\"onTabChange($event)\"\n    [optionLabel]=\"optionLabel()\"\n    [optionValue]=\"optionValue()\"\n    styleClass=\"my-tabs-button\"\n    [size]=\"size()\"\n    [fluid]=\"fluid()\"\n    [disabled]=\"disabled()\"\n    unselectable\n  />\n}\n", styles: [":host{min-width:0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], optionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionLabel", required: false }] }], optionValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionValue", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }, { type: i0.Output, args: ["activeChange"] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], moreLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "moreLabel", required: false }] }], defaultIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultIcon", required: false }] }], onChange: [{ type: i0.Output, args: ["onChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], fluid: [{ type: i0.Input, args: [{ isSignal: true, alias: "fluid", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], tabsContainer: [{ type: i0.ViewChild, args: ['tabsContainer', { isSignal: true }] }], measureRow: [{ type: i0.ViewChild, args: ['measureRow', { isSignal: true }] }], morePopover: [{ type: i0.ViewChild, args: [i0.forwardRef(() => Popover), { isSignal: true }] }], searchThreshold: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchThreshold", required: false }] }] } });
 /**