npm - @testgorilla/tgo-ui - Versions diffs - 12.2.0 → 12.3.2 - Mend

@testgorilla/tgo-ui 12.2.0 → 12.3.2

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 (85) hide show

package/fesm2022/testgorilla-tgo-ui-components-dropdown.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"testgorilla-tgo-ui-components-dropdown.mjs","names":["MatOption_1"],"sources":["../../../components/dropdown/dropdown.component.ts","../../../components/dropdown/dropdown.component.html","../../../components/dropdown/dropdown.component.module.ts"],"sourcesContent":["import { FocusMonitor } from '@angular/cdk/a11y';\nimport { NgClass, NgTemplateOutlet, AsyncPipe } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n DestroyRef,\n DoCheck,\n ElementRef,\n EventEmitter,\n HostBinding,\n HostListener,\n inject,\n Input,\n NgZone,\n OnChanges,\n OnInit,\n Output,\n ProviderToken,\n Renderer2,\n signal,\n SimpleChanges,\n TemplateRef,\n ViewChild,\n ViewEncapsulation,\n AfterViewInit,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\nimport { MatOption } from '@angular/material/core';\nimport { FloatLabelType, MatFormField, MatLabel, MatHint } from '@angular/material/form-field';\nimport { MatSelect, MatSelectChange, MatSelectTrigger, MatOption as MatOption_1 } from '@angular/material/select';\n\nimport { adjustLightness, ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport {\n ApplicationTheme,\n IKeyboardEvent,\n UiTranslatePipe,\n HasValidationErrorPipe,\n} from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { ValidationErrorModule } from '@testgorilla/tgo-ui/components/validation-error';\n\nimport { OptionType } from './dropdown.model';\n\n/** The dropdown's form value: a single option value, or an array for multi-select. /\ntype DropdownValue = string \| string[] \| null \| undefined;\n\n@Component({\n selector: 'ui-dropdown',\n templateUrl: './dropdown.component.html',\n styleUrls: ['./dropdown.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n MatFormField,\n NgClass,\n MatLabel,\n IconComponentModule,\n MatSelect,\n MatSelectTrigger,\n NgTemplateOutlet,\n MatOption_1,\n ButtonComponent,\n MatHint,\n ValidationErrorModule,\n AsyncPipe,\n UiTranslatePipe,\n HasValidationErrorPipe,\n ],\n})\nexport class DropdownComponent implements OnInit, ControlValueAccessor, DoCheck, OnChanges, AfterViewInit {\n @HostBinding() class = 'ui-dropdown';\n\n findValueByValueField = (item: OptionType) => item[this.valueField] === this.value;\n /\n Text content will be applied to the input element if present.\n \n @type {string}\n * @memberof DropdownComponent\n /\n @Input() label? = '';\n\n /\n Icon to display alongside the label\n \n @type {IconName}\n * @memberof DropdownComponent\n /\n @Input() labelIcon?: IconName;\n\n /\n Indicates if this field is filled by AI\n \n @type {boolean}\n * @memberof DropdownComponent\n /\n @Input() isAIVariant = false;\n\n /\n Input name attribute\n \n @type {string}\n * @memberof DropdownComponent\n /\n @Input() name: string;\n /\n Placeholder to be shown if no value has been selected.\n \n @type {string}\n * @memberof DropdownComponent\n /\n @Input() placeholder: string;\n\n /\n Unique id of the element.\n \n @type {string}\n * @memberof DropdownComponent\n /\n @Input() id? = '';\n\n @Input() testId: string \| null = null;\n\n @Input() ariaLabel = '';\n\n /\n Input value\n \n @type {string}\n * @memberof DropdownComponent\n /\n @Input() value?: string;\n\n /\n Whether the component is in an error state.\n \n @type {string[]}\n * @memberof DropdownComponent\n /\n @Input() errors?: string[];\n\n /\n Whether the component is disabled.\n * Default: false.\n \n @type {boolean}\n * @memberof DropdownComponent\n /\n @Input() disabled = false;\n\n /\n List of options.\n \n @type {OptionType}\n * @memberof DropdownComponent\n /\n @Input() valueList: OptionType[] = [];\n\n /\n Whether the user should be allowed to clear the values.\n * Default: true.\n \n @type {boolean}\n * @memberof DropdownComponent\n /\n @Input() allowClear = true;\n\n /\n This will allow the user to select multiple values at once.\n * Default: true.\n \n @type {boolean}\n * @memberof DropdownComponent\n /\n @Input() allowMultipleSelection? = false;\n\n /\n Whether the component is required.\n * Default: false.\n \n @type {boolean}\n * @memberof DropdownComponent\n /\n @Input() required = false;\n\n /\n Show reserved content below form field\n * @property showBottomContent\n * @type {boolean}\n * @memberof DropdownComponent\n /\n @Input() showBottomContent = true;\n\n /\n \n * Defines the application theme\n \n @type {ApplicationTheme}\n * @memberof DropdownComponent\n /\n @HostBinding('attr.theme')\n @Input()\n applicationTheme: ApplicationTheme = 'light';\n\n /\n Hide in build errors for Reactive Forms\n \n @type {number}\n * @memberof DropdownComponent\n /\n @Input() hideBuiltInErrors = false;\n\n /\n Hide label in errors\n \n @type {number}\n * @memberof DropdownComponent\n /\n @Input() hideLabelInErrors = false;\n\n /\n @property textField\n * @description The field to be used as the display text in the dropdown.\n * @memberof DropdownComponent\n /\n @Input() textField = '';\n\n /\n @property valueField\n * @description The field to be used as the value in the dropdown.\n * @memberof DropdownComponent\n /\n @Input() valueField = '';\n\n @Input() hasError = false;\n\n /\n Color of the option hover.\n * Defaults to Test Gorilla primary color.\n \n @type {string}\n * @memberof DropdownComponent\n /\n @Input() companyColor = '';\n\n /\n Class to be applied to the panel.\n * @type {string}\n * @memberof DropdownComponent\n /\n @Input() panelClass = '';\n\n @Output() closed = new EventEmitter<void>();\n @Output() opened = new EventEmitter<void>();\n\n @ViewChild('matSelect') matSelect: MatSelect;\n\n @ContentChild('customOptionTemplate', { read: TemplateRef }) customOptionTemplate: TemplateRef<unknown> \| null;\n @ContentChild('customSelectedOptionTemplate', { read: TemplateRef })\n customSelectedOptionTemplate: TemplateRef<unknown> \| null;\n\n @HostListener('keydown.tab')\n onTabPress(): void {\n this.matSelect?.close();\n }\n\n /\n @ignore\n /\n onChange: (value: DropdownValue) => void = () => {};\n\n /\n @ignore\n /\n onTouch = () => {};\n\n private readonly defaultAppTheme = inject(\n 'CANOPYUI_DEFAULT_APPLICATION_THEME' as unknown as ProviderToken<ApplicationTheme>,\n {\n optional: true,\n }\n );\n private readonly cdr = inject(ChangeDetectorRef);\n public ngControl = inject(NgControl, { optional: true, self: true });\n private readonly renderer2 = inject(Renderer2);\n private readonly focusMonitor = inject(FocusMonitor);\n private readonly destroyRef = inject(DestroyRef);\n private readonly ngZone = inject(NgZone);\n\n constructor() {\n this.errors = [];\n this.valueList = [];\n if (this.defaultAppTheme) {\n this.applicationTheme = this.defaultAppTheme;\n }\n\n if (this.ngControl !== null) {\n this.ngControl.valueAccessor = this;\n }\n }\n\n floatLabel: FloatLabelType;\n classError: string;\n errorsLength: boolean;\n showCheck: boolean;\n optionSelected: MatOption \| null = null;\n keyboardFocused = signal<boolean>(false);\n isOpen = signal(false);\n\n /\n Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors\n * to display validation errors that might happen (e.g. required)\n /\n ngDoCheck(): void {\n if (this.ngControl?.touched \|\| this.ngControl?.errors) {\n this.cdr.markForCheck();\n }\n }\n\n ngOnInit(): void {\n this.errorsLength = this.setErrorsLength();\n this.setStyleVariable();\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['companyColor']) {\n this.setStyleVariable();\n }\n }\n\n ngAfterViewInit(): void {\n / eslint-disable no-underscore-dangle -- MatSelect internals (_elementRef/_handleKeydown) for focus monitoring + key handling /\n if (this.matSelect._elementRef) {\n this.focusMonitor\n .monitor(this.matSelect._elementRef as ElementRef<HTMLElement>)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(origin =>\n this.ngZone.run(() => {\n this.keyboardFocused.set(origin === 'keyboard');\n })\n );\n }\n\n this.matSelect._handleKeydown = this.onKeydown.bind(this);\n / eslint-enable no-underscore-dangle /\n }\n\n clearValue(event: Event): void {\n event?.stopPropagation();\n this.value = '';\n this.optionSelected = null;\n this.matSelect.value = null;\n this.onChange(this.value);\n }\n\n //Save select value\n onChangeOption(event: MatSelectChange) {\n this.value = event.value as string;\n this.errorsLength = this.setErrorsLength();\n this.onTouch();\n this.onChange(this.value);\n }\n\n //Set errors length for validation\n setErrorsLength(): boolean {\n if (this.errors) {\n return this.errors.length > 0 ? true : false;\n }\n return false;\n }\n\n writeValue(value?: string): void {\n if (value) {\n this.value = value ?? '';\n } else {\n this.value = '';\n }\n this.cdr.markForCheck();\n }\n\n registerOnChange(fn: (value: DropdownValue) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouch = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.disabled = isDisabled;\n this.cdr.markForCheck();\n }\n\n onClosed(): void {\n this.onTouch();\n this.closed.emit();\n this.isOpen.set(false);\n }\n\n onOpened(): void {\n this.opened.emit();\n this.isOpen.set(true);\n }\n\n setStyleVariable() {\n const active = this.companyColor ? adjustLightness(this.companyColor, 'pressed') : '#FFE6FA';\n const hover = this.companyColor ? adjustLightness(this.companyColor, 'hover') : '#FFF2FC';\n document.body.style.setProperty('--dropdown-color-option-active', active);\n document.body.style.setProperty('--dropdown-color-option-hover', hover);\n }\n\n onKeydown($event: KeyboardEvent) {\n const key = $event.key;\n if (key === (IKeyboardEvent.ARROW_DOWN as string) \|\| key === (IKeyboardEvent.ARROW_UP as string)) {\n this.handleArrowNavigation($event);\n } else if (key === (IKeyboardEvent.SPACE as string) \|\| key === (IKeyboardEvent.ENTER as string)) {\n this.handleSelectionKey();\n } else if (key === (IKeyboardEvent.HOME as string)) {\n // eslint-disable-next-line no-underscore-dangle -- MatSelect's internal _keyManager drives option navigation\n this.matSelect._keyManager.setFirstItemActive();\n } else if (key === (IKeyboardEvent.END as string)) {\n // eslint-disable-next-line no-underscore-dangle -- MatSelect's internal _keyManager drives option navigation\n this.matSelect._keyManager.setLastItemActive();\n }\n }\n\n private handleArrowNavigation($event: KeyboardEvent): void {\n if (!this.matSelect.panelOpen) {\n this.matSelect.open();\n return;\n }\n const selectedItem = this.optionSelected ?? this.matSelect.options.first;\n const index = this.matSelect.options.toArray().indexOf(selectedItem);\n const nextIndex =\n $event.key === (IKeyboardEvent.ARROW_DOWN as string)\n ? index + 1 > this.matSelect.options.length - 1\n ? index\n : index + 1\n : index - 1;\n this.optionSelected = this.matSelect.options.toArray()[nextIndex];\n\n if (this.optionSelected) {\n // eslint-disable-next-line no-underscore-dangle -- MatSelect's internal _keyManager drives option navigation\n this.matSelect._keyManager.setActiveItem(this.optionSelected);\n }\n }\n\n private handleSelectionKey(): void {\n if (!this.isOpen()) {\n this.matSelect.open();\n return;\n }\n if (!this.optionSelected) {\n this.matSelect.value = this.matSelect.options.first.value as string;\n this.onChange(this.matSelect.value as string);\n return;\n }\n const selectedValue = this.optionSelected.value as string;\n if (!this.allowMultipleSelection) {\n this.matSelect.value = selectedValue;\n this.matSelect.close();\n } else if (this.matSelect.value) {\n const currentValue = this.matSelect.value as string[];\n this.matSelect.value = currentValue.includes(selectedValue)\n ? currentValue.filter(value => value !== selectedValue)\n : [...currentValue, selectedValue];\n } else {\n this.matSelect.value = [selectedValue];\n }\n this.onChange(this.matSelect.value as DropdownValue);\n }\n}\n","<ng-container>\n <mat-form-field\n appearance=\"outline\"\n [attr.theme]=\"applicationTheme\"\n [color]=\"errorsLength \|\| (ngControl?.errors && ngControl?.touched) \|\| hasError ? 'warn' : 'accent'\"\n [ngClass]=\"{\n 'hide-bottom-content': !showBottomContent,\n 'without-label': !label,\n 'keyboard-focused': keyboardFocused(),\n 'has-label': !!label,\n }\"\n >\n <mat-label class=\"label-with-icon\">\n @if (isAIVariant \|\| labelIcon) {\n <ui-icon [name]=\"isAIVariant ? 'Sparkle-in-line' : labelIcon!\" [size]=\"'16'\" class=\"label-icon\"></ui-icon>\n }\n {{ label }}\n @if (required) {\n <span></span>\n }\n </mat-label>\n <mat-select\n (closed)=\"onClosed()\"\n (opened)=\"onOpened()\"\n #matSelect\n [id]=\"id!\"\n [disableRipple]=\"applicationTheme !== 'classic'\"\n [panelClass]=\"'ui-dropdown-list' + ' ' + applicationTheme + (panelClass ? ' ' + panelClass : '')\"\n [disabled]=\"disabled\"\n [multiple]=\"!!allowMultipleSelection\"\n [placeholder]=\"placeholder\"\n [value]=\"value\"\n (selectionChange)=\"onChangeOption($event)\"\n [attr.name]=\"name\"\n [aria-label]=\"ariaLabel\"\n [attr.data-testid]=\"testId ?? 'ui-dropdown-select'\"\n >\n @if (customSelectedOptionTemplate && valueField) {\n <mat-select-trigger>\n <ng-container\n [ngTemplateOutlet]=\"customSelectedOptionTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: valueList.find(findValueByValueField) }\"\n ></ng-container>\n </mat-select-trigger>\n }\n\n @if (customOptionTemplate && valueField) {\n @for (item of valueList; track item[valueField]) {\n <mat-option [value]=\"item[valueField]\">\n <ng-container\n [ngTemplateOutlet]=\"customOptionTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n ></ng-container>\n </mat-option>\n }\n } @else {\n @for (section of valueList; track section) {\n <div class=\"mat-option-section\">\n @if (section.sectionTitle) {\n <span class=\"section-title\">{{ section.sectionTitle }}</span>\n }\n @if (section) {\n <mat-option\n #matOption\n [value]=\"valueField ? section[valueField] : textField && !valueField ? section : section.value\"\n >\n <div class=\"option-content\">\n <span class=\"option-text\">{{\n textField ? section[textField] : (section.displayValue ?? section.value)\n }}</span>\n @if (section.isAISuggested) {\n <ui-icon [name]=\"'Sparkle-in-line'\" [size]=\"'16'\"> </ui-icon>\n }\n </div>\n </mat-option>\n }\n </div>\n }\n }\n </mat-select>\n @if (allowClear && !matSelect.empty) {\n <ui-button\n [ariaLabel]=\"('COMMON.CLEAR' \| uiTranslate \| async)!\"\n variant=\"secondary\"\n [justIcon]=\"true\"\n class=\"clear\"\n [iconName]=\"applicationTheme === 'classic' ? 'Close' : 'Close-filled'\"\n [label]=\"('COMMON.CLEAR' \| uiTranslate \| async)!\"\n (click)=\"clearValue($event)\"\n ></ui-button>\n }\n @if (!matSelect.panelOpen) {\n <ui-icon\n class=\"chevron-icon\"\n size=\"24\"\n [applicationTheme]=\"applicationTheme\"\n [name]=\"applicationTheme === 'classic' ? 'Arrow_down' : 'Arrow-chevron-down-filled'\"\n ></ui-icon>\n }\n @if (matSelect.panelOpen) {\n <ui-icon\n class=\"chevron-icon\"\n size=\"24\"\n [applicationTheme]=\"applicationTheme\"\n [name]=\"applicationTheme === 'classic' ? 'Arrow_up' : 'Arrow-chevron-up-filled'\"\n ></ui-icon>\n }\n @if (errorsLength \|\| ($safeNavigationMigration(ngControl?.errors) \| hasValidationError)) {\n <mat-hint class=\"error\">\n @if (errorsLength) {\n @for (error of errors; track error) {\n <div class=\"errors\">\n <ui-icon\n [applicationTheme]=\"applicationTheme\"\n [name]=\"applicationTheme === 'classic' ? 'Error' : 'Error-in-line'\"\n ></ui-icon\n >{{ error }}\n </div>\n }\n }\n @if (ngControl && !hideBuiltInErrors) {\n <ui-validation-error [ngControl]=\"ngControl\" [label]=\"hideLabelInErrors ? null : label\"></ui-validation-error>\n }\n </mat-hint>\n }\n </mat-form-field>\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe, HasValidationErrorPipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { ValidationErrorModule } from '@testgorilla/tgo-ui/components/validation-error';\n\nimport { DropdownComponent } from './dropdown.component';\n\n@NgModule({\n imports: [\n CommonModule,\n MatFormFieldModule,\n MatInputModule,\n IconComponentModule,\n FormsModule,\n ReactiveFormsModule,\n ButtonComponentModule,\n MatSelectModule,\n UiTranslatePipe,\n ValidationErrorModule,\n HasValidationErrorPipe,\n DropdownComponent,\n ],\n exports: [DropdownComponent],\n})\nexport class DropdownComponentModule {}\n"],"mappings":"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"}
1	+ {"version":3,"file":"testgorilla-tgo-ui-components-dropdown.mjs","names":["MatOption_1"],"sources":["../../../components/dropdown/dropdown.component.ts","../../../components/dropdown/dropdown.component.html","../../../components/dropdown/dropdown.component.module.ts"],"sourcesContent":["import { FocusMonitor } from '@angular/cdk/a11y';\nimport { NgClass, NgTemplateOutlet, AsyncPipe } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n DestroyRef,\n DoCheck,\n ElementRef,\n EventEmitter,\n HostBinding,\n HostListener,\n inject,\n Input,\n NgZone,\n OnChanges,\n OnInit,\n Output,\n ProviderToken,\n Renderer2,\n signal,\n SimpleChanges,\n TemplateRef,\n ViewChild,\n ViewEncapsulation,\n AfterViewInit,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\nimport { MatOption } from '@angular/material/core';\nimport { FloatLabelType, MatFormField, MatLabel, MatHint } from '@angular/material/form-field';\nimport { MatSelect, MatSelectChange, MatSelectTrigger, MatOption as MatOption_1 } from '@angular/material/select';\n\nimport { adjustLightness, ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport {\n ApplicationTheme,\n IKeyboardEvent,\n UiTranslatePipe,\n HasValidationErrorPipe,\n} from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { ValidationErrorModule } from '@testgorilla/tgo-ui/components/validation-error';\n\nimport { OptionType } from './dropdown.model';\n\n/** The dropdown's form value: a single option value, or an array for multi-select. /\ntype DropdownValue = string \| string[] \| null \| undefined;\n\n@Component({\n selector: 'ui-dropdown',\n templateUrl: './dropdown.component.html',\n styleUrls: ['./dropdown.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n MatFormField,\n NgClass,\n MatLabel,\n IconComponentModule,\n MatSelect,\n MatSelectTrigger,\n NgTemplateOutlet,\n MatOption_1,\n ButtonComponent,\n MatHint,\n ValidationErrorModule,\n AsyncPipe,\n UiTranslatePipe,\n HasValidationErrorPipe,\n ],\n})\nexport class DropdownComponent implements OnInit, ControlValueAccessor, DoCheck, OnChanges, AfterViewInit {\n @HostBinding() class = 'ui-dropdown';\n\n findValueByValueField = (item: OptionType) => item[this.valueField] === this.value;\n /\n Text content will be applied to the input element if present.\n \n @type {string}\n * @memberof DropdownComponent\n /\n @Input() label? = '';\n\n /\n Icon to display alongside the label\n \n @type {IconName}\n * @memberof DropdownComponent\n /\n @Input() labelIcon?: IconName;\n\n /\n Indicates if this field is filled by AI\n \n @type {boolean}\n * @memberof DropdownComponent\n /\n @Input() isAIVariant = false;\n\n /\n Input name attribute\n \n @type {string}\n * @memberof DropdownComponent\n /\n @Input() name: string;\n /\n Placeholder to be shown if no value has been selected.\n \n @type {string}\n * @memberof DropdownComponent\n /\n @Input() placeholder: string;\n\n /\n Unique id of the element.\n \n @type {string}\n * @memberof DropdownComponent\n /\n @Input() id? = '';\n\n @Input() testId: string \| null = null;\n\n @Input() ariaLabel = '';\n\n /\n Input value\n \n @type {string}\n * @memberof DropdownComponent\n /\n @Input() value?: string;\n\n /\n Whether the component is in an error state.\n \n @type {string[]}\n * @memberof DropdownComponent\n /\n @Input() errors?: string[];\n\n /\n Whether the component is disabled.\n * Default: false.\n \n @type {boolean}\n * @memberof DropdownComponent\n /\n @Input() disabled = false;\n\n /\n List of options.\n \n @type {OptionType}\n * @memberof DropdownComponent\n /\n @Input() valueList: OptionType[] = [];\n\n /\n Whether the user should be allowed to clear the values.\n * Default: true.\n \n @type {boolean}\n * @memberof DropdownComponent\n /\n @Input() allowClear = true;\n\n /\n This will allow the user to select multiple values at once.\n * Default: true.\n \n @type {boolean}\n * @memberof DropdownComponent\n /\n @Input() allowMultipleSelection? = false;\n\n /\n Whether the component is required.\n * Default: false.\n \n @type {boolean}\n * @memberof DropdownComponent\n /\n @Input() required = false;\n\n /\n Show reserved content below form field\n * @property showBottomContent\n * @type {boolean}\n * @memberof DropdownComponent\n /\n @Input() showBottomContent = true;\n\n /\n \n * Defines the application theme\n \n @type {ApplicationTheme}\n * @memberof DropdownComponent\n /\n @HostBinding('attr.theme')\n @Input()\n applicationTheme: ApplicationTheme = 'light';\n\n /\n Hide in build errors for Reactive Forms\n \n @type {number}\n * @memberof DropdownComponent\n /\n @Input() hideBuiltInErrors = false;\n\n /\n Hide label in errors\n \n @type {number}\n * @memberof DropdownComponent\n /\n @Input() hideLabelInErrors = false;\n\n /\n @property textField\n * @description The field to be used as the display text in the dropdown.\n * @memberof DropdownComponent\n /\n @Input() textField = '';\n\n /\n @property valueField\n * @description The field to be used as the value in the dropdown.\n * @memberof DropdownComponent\n /\n @Input() valueField = '';\n\n @Input() hasError = false;\n\n /\n Color of the option hover.\n * Defaults to Test Gorilla primary color.\n \n @type {string}\n * @memberof DropdownComponent\n /\n @Input() companyColor = '';\n\n /\n Class to be applied to the panel.\n * @type {string}\n * @memberof DropdownComponent\n /\n @Input() panelClass = '';\n\n @Output() closed = new EventEmitter<void>();\n @Output() opened = new EventEmitter<void>();\n\n @ViewChild('matSelect') matSelect: MatSelect;\n\n @ContentChild('customOptionTemplate', { read: TemplateRef }) customOptionTemplate: TemplateRef<unknown> \| null;\n @ContentChild('customSelectedOptionTemplate', { read: TemplateRef })\n customSelectedOptionTemplate: TemplateRef<unknown> \| null;\n\n @HostListener('keydown.tab')\n onTabPress(): void {\n this.matSelect?.close();\n }\n\n /\n @ignore\n /\n onChange: (value: DropdownValue) => void = () => {};\n\n /\n @ignore\n /\n onTouch = () => {};\n\n private readonly defaultAppTheme = inject(\n 'CANOPYUI_DEFAULT_APPLICATION_THEME' as unknown as ProviderToken<ApplicationTheme>,\n {\n optional: true,\n }\n );\n private readonly cdr = inject(ChangeDetectorRef);\n public ngControl = inject(NgControl, { optional: true, self: true });\n private readonly renderer2 = inject(Renderer2);\n private readonly focusMonitor = inject(FocusMonitor);\n private readonly destroyRef = inject(DestroyRef);\n private readonly ngZone = inject(NgZone);\n\n constructor() {\n this.errors = [];\n this.valueList = [];\n if (this.defaultAppTheme) {\n this.applicationTheme = this.defaultAppTheme;\n }\n\n if (this.ngControl !== null) {\n this.ngControl.valueAccessor = this;\n }\n }\n\n floatLabel: FloatLabelType;\n classError: string;\n errorsLength: boolean;\n showCheck: boolean;\n optionSelected: MatOption \| null = null;\n keyboardFocused = signal<boolean>(false);\n isOpen = signal(false);\n\n /\n Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors\n * to display validation errors that might happen (e.g. required)\n /\n ngDoCheck(): void {\n if (this.ngControl?.touched \|\| this.ngControl?.errors) {\n this.cdr.markForCheck();\n }\n }\n\n ngOnInit(): void {\n this.errorsLength = this.setErrorsLength();\n this.setStyleVariable();\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['companyColor']) {\n this.setStyleVariable();\n }\n }\n\n ngAfterViewInit(): void {\n / eslint-disable no-underscore-dangle -- MatSelect internals (_elementRef/_handleKeydown) for focus monitoring + key handling /\n if (this.matSelect._elementRef) {\n this.focusMonitor\n .monitor(this.matSelect._elementRef as ElementRef<HTMLElement>)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(origin =>\n this.ngZone.run(() => {\n this.keyboardFocused.set(origin === 'keyboard');\n })\n );\n }\n\n this.matSelect._handleKeydown = this.onKeydown.bind(this);\n / eslint-enable no-underscore-dangle /\n }\n\n clearValue(event: Event): void {\n event?.stopPropagation();\n this.value = '';\n this.optionSelected = null;\n this.matSelect.value = null;\n this.onChange(this.value);\n }\n\n //Save select value\n onChangeOption(event: MatSelectChange) {\n this.value = event.value as string;\n this.errorsLength = this.setErrorsLength();\n this.onTouch();\n this.onChange(this.value);\n }\n\n //Set errors length for validation\n setErrorsLength(): boolean {\n if (this.errors) {\n return this.errors.length > 0 ? true : false;\n }\n return false;\n }\n\n writeValue(value?: string): void {\n if (value) {\n this.value = value ?? '';\n } else {\n this.value = '';\n }\n this.cdr.markForCheck();\n }\n\n registerOnChange(fn: (value: DropdownValue) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouch = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.disabled = isDisabled;\n this.cdr.markForCheck();\n }\n\n onClosed(): void {\n this.onTouch();\n this.closed.emit();\n this.isOpen.set(false);\n }\n\n onOpened(): void {\n this.opened.emit();\n this.isOpen.set(true);\n }\n\n setStyleVariable() {\n const active = this.companyColor ? adjustLightness(this.companyColor, 'pressed') : '#FFE6FA';\n const hover = this.companyColor ? adjustLightness(this.companyColor, 'hover') : '#FFF2FC';\n document.body.style.setProperty('--dropdown-color-option-active', active);\n document.body.style.setProperty('--dropdown-color-option-hover', hover);\n }\n\n onKeydown($event: KeyboardEvent) {\n const key = $event.key;\n if (key === (IKeyboardEvent.ARROW_DOWN as string) \|\| key === (IKeyboardEvent.ARROW_UP as string)) {\n this.handleArrowNavigation($event);\n } else if (key === (IKeyboardEvent.SPACE as string) \|\| key === (IKeyboardEvent.ENTER as string)) {\n this.handleSelectionKey();\n } else if (key === (IKeyboardEvent.HOME as string)) {\n // eslint-disable-next-line no-underscore-dangle -- MatSelect's internal _keyManager drives option navigation\n this.matSelect._keyManager.setFirstItemActive();\n } else if (key === (IKeyboardEvent.END as string)) {\n // eslint-disable-next-line no-underscore-dangle -- MatSelect's internal _keyManager drives option navigation\n this.matSelect._keyManager.setLastItemActive();\n }\n }\n\n private handleArrowNavigation($event: KeyboardEvent): void {\n if (!this.matSelect.panelOpen) {\n this.matSelect.open();\n return;\n }\n const selectedItem = this.optionSelected ?? this.matSelect.options.first;\n const index = this.matSelect.options.toArray().indexOf(selectedItem);\n const nextIndex =\n $event.key === (IKeyboardEvent.ARROW_DOWN as string)\n ? index + 1 > this.matSelect.options.length - 1\n ? index\n : index + 1\n : index - 1;\n this.optionSelected = this.matSelect.options.toArray()[nextIndex];\n\n if (this.optionSelected) {\n // eslint-disable-next-line no-underscore-dangle -- MatSelect's internal _keyManager drives option navigation\n this.matSelect._keyManager.setActiveItem(this.optionSelected);\n }\n }\n\n private handleSelectionKey(): void {\n if (!this.isOpen()) {\n this.matSelect.open();\n return;\n }\n if (!this.optionSelected) {\n this.matSelect.value = this.matSelect.options.first.value as string;\n this.onChange(this.matSelect.value as string);\n return;\n }\n const selectedValue = this.optionSelected.value as string;\n if (!this.allowMultipleSelection) {\n this.matSelect.value = selectedValue;\n this.matSelect.close();\n } else if (this.matSelect.value) {\n const currentValue = this.matSelect.value as string[];\n this.matSelect.value = currentValue.includes(selectedValue)\n ? currentValue.filter(value => value !== selectedValue)\n : [...currentValue, selectedValue];\n } else {\n this.matSelect.value = [selectedValue];\n }\n this.onChange(this.matSelect.value as DropdownValue);\n }\n}\n","<ng-container>\n <mat-form-field\n appearance=\"outline\"\n [attr.theme]=\"applicationTheme\"\n [color]=\"errorsLength \|\| (ngControl?.errors && ngControl?.touched) \|\| hasError ? 'warn' : 'accent'\"\n [ngClass]=\"{\n 'hide-bottom-content': !showBottomContent,\n 'without-label': !label,\n 'keyboard-focused': keyboardFocused(),\n 'has-label': !!label,\n }\"\n >\n <mat-label class=\"label-with-icon\">\n @if (isAIVariant \|\| labelIcon) {\n <ui-icon [name]=\"isAIVariant ? 'Sparkle-in-line' : labelIcon!\" [size]=\"'16'\" class=\"label-icon\"></ui-icon>\n }\n {{ label }}\n @if (required) {\n <span></span>\n }\n </mat-label>\n <mat-select\n (closed)=\"onClosed()\"\n (opened)=\"onOpened()\"\n #matSelect\n [id]=\"id!\"\n [disableRipple]=\"applicationTheme !== 'classic'\"\n [panelClass]=\"'ui-dropdown-list' + ' ' + applicationTheme + (panelClass ? ' ' + panelClass : '')\"\n [disabled]=\"disabled\"\n [multiple]=\"!!allowMultipleSelection\"\n [placeholder]=\"placeholder\"\n [value]=\"value\"\n (selectionChange)=\"onChangeOption($event)\"\n [attr.name]=\"name\"\n [aria-label]=\"ariaLabel\"\n [attr.data-testid]=\"testId ?? 'ui-dropdown-select'\"\n >\n @if (customSelectedOptionTemplate && valueField) {\n <mat-select-trigger>\n <ng-container\n [ngTemplateOutlet]=\"customSelectedOptionTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: valueList.find(findValueByValueField) }\"\n ></ng-container>\n </mat-select-trigger>\n }\n\n @if (customOptionTemplate && valueField) {\n @for (item of valueList; track item[valueField]) {\n <mat-option [value]=\"item[valueField]\">\n <ng-container\n [ngTemplateOutlet]=\"customOptionTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n ></ng-container>\n </mat-option>\n }\n } @else {\n @for (section of valueList; track section) {\n <div class=\"mat-option-section\">\n @if (section.sectionTitle) {\n <span class=\"section-title\">{{ section.sectionTitle }}</span>\n }\n @if (section) {\n <mat-option\n #matOption\n [value]=\"valueField ? section[valueField] : textField && !valueField ? section : section.value\"\n >\n <div class=\"option-content\">\n <span class=\"option-text\">{{\n textField ? section[textField] : (section.displayValue ?? section.value)\n }}</span>\n @if (section.isAISuggested) {\n <ui-icon [name]=\"'Sparkle-in-line'\" [size]=\"'16'\"> </ui-icon>\n }\n </div>\n </mat-option>\n }\n </div>\n }\n }\n </mat-select>\n @if (allowClear && !matSelect.empty) {\n <ui-button\n [ariaLabel]=\"('COMMON.CLEAR' \| uiTranslate \| async)!\"\n variant=\"secondary\"\n [justIcon]=\"true\"\n class=\"clear\"\n [iconName]=\"applicationTheme === 'classic' ? 'Close' : 'Close-filled'\"\n [label]=\"('COMMON.CLEAR' \| uiTranslate \| async)!\"\n (click)=\"clearValue($event)\"\n ></ui-button>\n }\n @if (!matSelect.panelOpen) {\n <ui-icon\n class=\"chevron-icon\"\n size=\"24\"\n [applicationTheme]=\"applicationTheme\"\n [name]=\"applicationTheme === 'classic' ? 'Arrow_down' : 'Arrow-chevron-down-filled'\"\n ></ui-icon>\n }\n @if (matSelect.panelOpen) {\n <ui-icon\n class=\"chevron-icon\"\n size=\"24\"\n [applicationTheme]=\"applicationTheme\"\n [name]=\"applicationTheme === 'classic' ? 'Arrow_up' : 'Arrow-chevron-up-filled'\"\n ></ui-icon>\n }\n @if (errorsLength \|\| ($safeNavigationMigration(ngControl?.errors) \| hasValidationError)) {\n <mat-hint class=\"error\">\n @if (errorsLength) {\n @for (error of errors; track error) {\n <div class=\"errors\">\n <ui-icon\n [applicationTheme]=\"applicationTheme\"\n [name]=\"applicationTheme === 'classic' ? 'Error' : 'Error-in-line'\"\n ></ui-icon\n >{{ error }}\n </div>\n }\n }\n @if (ngControl && !hideBuiltInErrors) {\n <ui-validation-error [ngControl]=\"ngControl\" [label]=\"hideLabelInErrors ? null : label\"></ui-validation-error>\n }\n </mat-hint>\n }\n </mat-form-field>\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe, HasValidationErrorPipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { ValidationErrorModule } from '@testgorilla/tgo-ui/components/validation-error';\n\nimport { DropdownComponent } from './dropdown.component';\n\n@NgModule({\n imports: [\n CommonModule,\n MatFormFieldModule,\n MatInputModule,\n IconComponentModule,\n FormsModule,\n ReactiveFormsModule,\n ButtonComponentModule,\n MatSelectModule,\n UiTranslatePipe,\n ValidationErrorModule,\n HasValidationErrorPipe,\n DropdownComponent,\n ],\n exports: [DropdownComponent],\n})\nexport class DropdownComponentModule {}\n"],"mappings":";;;;;;;;;;;;;;;AAwEA,IAAa,oBAAb,MAAa,kBAAiB;CAgM5B,aAAU;EACR,KAAK,WAAW,MAAK;CACvB;CAyBA,cAAA;EA1Ne,KAAA,QAAQ;EAEvB,KAAA,yBAAyB,SAAqB,KAAK,KAAK,gBAAgB,KAAK;EAOpE,KAAA,QAAS;EAgBT,KAAA,cAAc;EAuBd,KAAA,KAAM;EAEN,KAAA,SAAwB;EAExB,KAAA,YAAY;EAyBZ,KAAA,WAAW;EAQX,KAAA,YAA0B,CAAA;EAS1B,KAAA,aAAa;EASb,KAAA,yBAA0B;EAS1B,KAAA,WAAW;EAQX,KAAA,oBAAoB;EAW7B,KAAA,mBAAqC;EAQ5B,KAAA,oBAAoB;EAQpB,KAAA,oBAAoB;EAOpB,KAAA,YAAY;EAOZ,KAAA,aAAa;EAEb,KAAA,WAAW;EASX,KAAA,eAAe;EAOf,KAAA,aAAa;EAEZ,KAAA,SAAS,IAAI,aAAY;EACzB,KAAA,SAAS,IAAI,aAAY;EAgBnC,KAAA,iBAAgD,CAAE;EAKlD,KAAA,gBAAe,CAAE;EAEA,KAAA,kBAAkB,OACjC,sCACA,EACE,UAAU,KACX,CAAA;EAEc,KAAA,MAAM,OAAO,iBAAiB;EACxC,KAAA,YAAY,OAAO,WAAW;GAAE,UAAU;GAAM,MAAM;EAAI,CAAE;EAClD,KAAA,YAAY,OAAO,SAAS;EAC5B,KAAA,eAAe,OAAO,YAAY;EAClC,KAAA,aAAa,OAAO,UAAU;EAC9B,KAAA,SAAS,OAAO,MAAM;EAkBvC,KAAA,iBAAmC;EACnC,KAAA,kBAAkB,OAAgB,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,kBAAA,CAAA,+BAAA,CAAA,CAAA;EACxC,KAAA,SAAS,OAAO,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAjBpB,KAAK,SAAS,CAAA;EACd,KAAK,YAAY,CAAA;EACjB,IAAI,KAAK,iBACP,KAAK,mBAAmB,KAAK;EAG/B,IAAI,KAAK,cAAc,MACrB,KAAK,UAAU,gBAAgB;CAEnC;CAcA,YAAS;EACP,IAAI,KAAK,WAAW,WAAW,KAAK,WAAW,QAC7C,KAAK,IAAI,aAAY;CAEzB;CAEA,WAAQ;EACN,KAAK,eAAe,KAAK,gBAAe;EACxC,KAAK,iBAAgB;CACvB;CAEA,YAAY,SAAsB;EAChC,IAAI,QAAQ,iBACV,KAAK,iBAAgB;CAEzB;CAEA,kBAAe;EAEb,IAAI,KAAK,UAAU,aACjB,KAAK,aACF,QAAQ,KAAK,UAAU,WAAsC,CAAC,CAC9D,KAAK,mBAAmB,KAAK,UAAU,CAAC,CAAC,CACzC,WAAU,WACT,KAAK,OAAO,UAAS;GACnB,KAAK,gBAAgB,IAAI,WAAW,UAAU;EAChD,CAAC,CAAC;EAIR,KAAK,UAAU,iBAAiB,KAAK,UAAU,KAAK,IAAI;CAE1D;CAEA,WAAW,OAAY;EACrB,OAAO,gBAAe;EACtB,KAAK,QAAQ;EACb,KAAK,iBAAiB;EACtB,KAAK,UAAU,QAAQ;EACvB,KAAK,SAAS,KAAK,KAAK;CAC1B;CAGA,eAAe,OAAsB;EACnC,KAAK,QAAQ,MAAM;EACnB,KAAK,eAAe,KAAK,gBAAe;EACxC,KAAK,QAAO;EACZ,KAAK,SAAS,KAAK,KAAK;CAC1B;CAGA,kBAAe;EACb,IAAI,KAAK,QACP,OAAO,KAAK,OAAO,SAAS,IAAI,OAAO;EAEzC,OAAO;CACT;CAEA,WAAW,OAAc;EACvB,IAAI,OACF,KAAK,QAAQ,SAAS;OAEtB,KAAK,QAAQ;EAEf,KAAK,IAAI,aAAY;CACvB;CAEA,iBAAiB,IAAkC;EACjD,KAAK,WAAW;CAClB;CAEA,kBAAkB,IAAc;EAC9B,KAAK,UAAU;CACjB;CAEA,iBAAiB,YAAmB;EAClC,KAAK,WAAW;EAChB,KAAK,IAAI,aAAY;CACvB;CAEA,WAAQ;EACN,KAAK,QAAO;EACZ,KAAK,OAAO,KAAI;EAChB,KAAK,OAAO,IAAI,KAAK;CACvB;CAEA,WAAQ;EACN,KAAK,OAAO,KAAI;EAChB,KAAK,OAAO,IAAI,IAAI;CACtB;CAEA,mBAAgB;EACd,MAAM,SAAS,KAAK,eAAe,gBAAgB,KAAK,cAAc,SAAS,IAAI;EACnF,MAAM,QAAQ,KAAK,eAAe,gBAAgB,KAAK,cAAc,OAAO,IAAI;EAChF,SAAS,KAAK,MAAM,YAAY,kCAAkC,MAAM;EACxE,SAAS,KAAK,MAAM,YAAY,iCAAiC,KAAK;CACxE;CAEA,UAAU,QAAqB;EAC7B,MAAM,MAAM,OAAO;EACnB,IAAI,QAAS,eAAe,cAAyB,QAAS,eAAe,UAC3E,KAAK,sBAAsB,MAAM;OAC5B,IAAI,QAAS,eAAe,SAAoB,QAAS,eAAe,OAC7E,KAAK,mBAAkB;OAClB,IAAI,QAAS,eAAe,MAEjC,KAAK,UAAU,YAAY,mBAAkB;OACxC,IAAI,QAAS,eAAe,KAEjC,KAAK,UAAU,YAAY,kBAAiB;CAEhD;CAEQ,sBAAsB,QAAqB;EACjD,IAAI,CAAC,KAAK,UAAU,WAAW;GAC7B,KAAK,UAAU,KAAI;GACnB;EACF;EACA,MAAM,eAAe,KAAK,kBAAkB,KAAK,UAAU,QAAQ;EACnE,MAAM,QAAQ,KAAK,UAAU,QAAQ,QAAO,CAAE,CAAC,QAAQ,YAAY;EACnE,MAAM,YACJ,OAAO,QAAS,eAAe,aAC3B,QAAQ,IAAI,KAAK,UAAU,QAAQ,SAAS,IAC1C,QACA,QAAQ,IACV,QAAQ;EACd,KAAK,iBAAiB,KAAK,UAAU,QAAQ,QAAO,CAAE,CAAC;EAEvD,IAAI,KAAK,gBAEP,KAAK,UAAU,YAAY,cAAc,KAAK,cAAc;CAEhE;CAEQ,qBAAkB;EACxB,IAAI,CAAC,KAAK,OAAM,GAAI;GAClB,KAAK,UAAU,KAAI;GACnB;EACF;EACA,IAAI,CAAC,KAAK,gBAAgB;GACxB,KAAK,UAAU,QAAQ,KAAK,UAAU,QAAQ,MAAM;GACpD,KAAK,SAAS,KAAK,UAAU,KAAe;GAC5C;EACF;EACA,MAAM,gBAAgB,KAAK,eAAe;EAC1C,IAAI,CAAC,KAAK,wBAAwB;GAChC,KAAK,UAAU,QAAQ;GACvB,KAAK,UAAU,MAAK;EACtB,OAAO,IAAI,KAAK,UAAU,OAAO;GAC/B,MAAM,eAAe,KAAK,UAAU;GACpC,KAAK,UAAU,QAAQ,aAAa,SAAS,aAAa,IACtD,aAAa,QAAO,UAAS,UAAU,aAAa,IACpD,CAAC,GAAG,cAAc,aAAa;EACrC,OACE,KAAK,UAAU,QAAQ,CAAC,aAAa;EAEvC,KAAK,SAAS,KAAK,UAAU,KAAsB;CACrD;CAhZW;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAiB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAjB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAiB,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,OAAA;IAAA,WAAA;IAAA,aAAA;IAAA,MAAA;IAAA,aAAA;IAAA,IAAA;IAAA,QAAA;IAAA,WAAA;IAAA,OAAA;IAAA,QAAA;IAAA,UAAA;IAAA,WAAA;IAAA,YAAA;IAAA,wBAAA;IAAA,UAAA;IAAA,mBAAA;IAAA,kBAAA;IAAA,mBAAA;IAAA,mBAAA;IAAA,WAAA;IAAA,YAAA;IAAA,UAAA;IAAA,cAAA;IAAA,YAAA;GAAA;GAAA,SAAA;IAAA,QAAA;IAAA,QAAA;GAAA;GAAA,MAAA;IAAA,WAAA,EAAA,eAAA,eAAA;IAAA,YAAA;KAAA,SAAA;KAAA,cAAA;IAAA;GAAA;GAAA,SAAA,CAAA;IAAA,cAAA;IAAA,OAAA;IAAA,WAAA,CAAA,sBAAA;IAAA,aAAA;IAAA,MA2LkB;GAAW,GAAA;IAAA,cAAA;IAAA,OAAA;IAAA,WAAA,CAAA,8BAAA;IAAA,aAAA;IAAA,MACH;GAAW,CAAA;GAAA,aAAA,CAAA;IAAA,cAAA;IAAA,OAAA;IAAA,WAAA,CAAA,WAAA;IAAA,aAAA;GAAA,CAAA;GAAA,eAAA;GAAA,UAAA;GAAA,UCpQnE;GA+HA,QAAA,CAAA,0kdAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MDvEI;KAAY,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,UAAA,CAAA,cAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACZ;KAAO,UAAA;KAAA,QAAA,CAAA,SAAA,SAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACP;KAAQ,UAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACR;IAAmB;IAAA;KAAA,MAAA;KAAA,MAAA,GAAA;KAAA,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACnB;KAAS,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,UAAA,CAAA,WAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACT;KAAgB,UAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAChB;KAAgB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAChBA;KAAW,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA,CAAA,mBAAA;KAAA,UAAA,CAAA,WAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACX;KAAe,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA,CAAA,oBAAA,kBAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACf;KAAO,UAAA;KAAA,QAAA,CAAA,SAAA,IAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACP;IAAqB;IAAA;KAAA,MAAA;KAAA,MAAA,GAAA;KAAA,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACrB;KAAS,MAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACT;KAAe,MAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACf;KAAsB,MAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAGb,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAiB,YAAA,CAAA;EAvB7B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAa,eAGR,kBAAkB;GAAI,iBACpB,wBAAwB;GAAM,SACtC;IACP;IACA;IACA;IACA;IACA;IACA;IACA;IACAA;IACA;IACA;IACA;IACA;IACA;IACA;GACD;GAAA,UAAA;GAAA,QAAA,CAAA,0kdAAA;EAAA,CAAA;;;;E,UAGA,MAAA,Y;E,UASA,MAAA,M;E,cAQA,MAAA,M;E,gBAQA,MAAA,M;E,SAQA,MAAA,M;E,gBAOA,MAAA,M;E,OAQA,MAAA,M;E,WAEA,MAAA,M;E,cAEA,MAAA,M;E,UAQA,MAAA,M;E,WAQA,MAAA,M;E,aASA,MAAA,M;E,cAQA,MAAA,M;E,eASA,MAAA,M;E,2BASA,MAAA,M;E,aASA,MAAA,M;E,sBAQA,MAAA,M;;GASA,MAAA;GAAY,MAAA,CAAA,YAAY;E,KACxB,MAAA,M;E,sBASA,MAAA,M;E,sBAQA,MAAA,M;E,cAOA,MAAA,M;E,eAOA,MAAA,M;E,aAEA,MAAA,M;E,iBASA,MAAA,M;E,eAOA,MAAA,M;E,WAEA,MAAA,O;E,WACA,MAAA,O;;GAEA,MAAA;GAAU,MAAA,CAAA,WAAW;;;GAErB,MAAA;GAAa,MAAA,CAAA,wBAAwB,EAAE,MAAM,YAAW,CAAE;;;GAC1D,MAAA;GAAa,MAAA,CAAA,gCAAgC,EAAE,MAAM,YAAW,CAAE;;;GAGlE,MAAA;GAAa,MAAA,CAAA,aAAa;;;;AExO7B,IAAa,0BAAb,MAAa,wBAAuB;CAAvB;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAuB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAvB;EAAA,KAAA,OAAA,GAAA,oBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAuB,SAAA;IAfhC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GAAiB;GAAA,SAAA,CAET,iBAAiB;EAAA,CAAA;CAAA;CAEhB;EAAA,KAAA,OAAA,GAAA,oBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAuB,SAAA;IAfhC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IAEA;GAAiB;EAAA,CAAA;CAAA;;AAIR,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAuB,YAAA,CAAA;EAjBnC,MAAA;EAAS,MAAA,CAAA;GACR,SAAS;IACP;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACD;GACD,SAAS,CAAC,iBAAiB;EAC5B,CAAA"}

package/fesm2022/testgorilla-tgo-ui-components-empty-state.mjs CHANGED Viewed

@@ -171,12 +171,15 @@ var EmptyStateComponent = class EmptyStateComponent {
 						"ariaExpanded",
 						"ariaControls",
 						"ariaPressed",
+						"ariaHasPopup",
 						"ariaRequired",
 						"ariaLabelledby",
 						"ariaDescribedby",
 						"preventDefault",
 						"hasBackground",
 						"circular",
+						"isSingleLineLabel",
+						"iconButtonShape",
 						"tooltipPosition",
 						"role",
 						"iconFilled",

package/fesm2022/testgorilla-tgo-ui-components-empty-state.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"testgorilla-tgo-ui-components-empty-state.mjs","names":[],"sources":["../../../components/empty-state/empty-state.component.ts","../../../components/empty-state/empty-state.component.html","../../../components/empty-state/empty-state.component.module.ts"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Inject,\n Input,\n Optional,\n Output,\n OnInit,\n} from '@angular/core';\n\nimport { ButtonColor, ButtonIconPosition, ButtonSize, ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { ApplicationTheme, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { ButtonVariant, EmptyStateVariant, IllustrationVariant } from './empty-state.model';\n\n@Component({\n selector: 'ui-empty-state',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './empty-state.component.html',\n styleUrls: ['./empty-state.component.scss'],\n imports: [IconComponentModule, ButtonComponent, AsyncPipe, UiTranslatePipe],\n})\nexport class EmptyStateComponent implements OnInit {\n /*\n @description If the default image should be displayed.\n * @type {boolean}\n * @memberof EmptyStateComponent\n /\n @Input() showIllustration = false;\n /\n @description If the default image should be displayed.\n * @type {IllustrationVariant}\n * @memberof EmptyStateComponent\n /\n @Input() illustrationVariant: IllustrationVariant = 'Empty-search';\n /\n @description The icon to be displayed in the empty state.\n * @type {IconName}\n * @memberof EmptyStateComponent\n /\n @Input() icon: IconName = '';\n\n /\n @description The empty state variant.\n * @type {EmptyStateVariant}\n * @memberof EmptyStateComponent\n /\n @Input() emptyStateVariant: EmptyStateVariant = 'desktop';\n\n /\n @description The title of the empty state.\n * @type {string}\n * @memberof EmptyStateComponent\n /\n @Input() title = '';\n\n /\n @description The body text or description of the empty state.\n * @type {string}\n * @memberof EmptyStateComponent\n /\n @Input() bodyText = '';\n\n /\n @description Displays primary button if passed.\n * @type {string}\n * @memberof EmptyStateComponent\n /\n @Input() primaryButtonText = '';\n\n /\n Primary button variant - only for new theme.\n * @type {ButtonVariant}\n * @memberof EmptyStateComponent\n /\n @Input() primaryButtonVariant: ButtonVariant = 'pink';\n\n /\n General button variation - only for new theme.\n * @type {ButtonColor}\n * @memberof EmptyStateComponent\n /\n @Input() generalButtonVariation: ButtonColor = 'primary';\n\n /\n @description Name of ui-icon for primary button\n * @type {IconName}\n * @memberof EmptyStateComponent\n /\n @Input() primaryButtonIconName: IconName = '';\n\n /\n @description Position of ui-icon for primary button\n * @type {ButtonIconPosition}\n * @memberof EmptyStateComponent\n /\n @Input() primaryButtonIconPosition: ButtonIconPosition = 'left';\n\n /\n @description Displays secondary button if passed.\n * @type {string}\n * @memberof EmptyStateComponent\n /\n @Input() secondaryButtonText = '';\n\n /\n Secondary button variant - only for new theme.\n * @type {ButtonVariant}\n * @memberof EmptyStateComponent\n /\n @Input() secondaryButtonVariant: ButtonVariant = 'black';\n\n /\n @description Name of ui-icon for secondary button\n * @type {IconName}\n * @memberof EmptyStateComponent\n /\n @Input() secondaryButtonIconName: IconName = '';\n\n /\n @description Position of ui-icon for secondary button\n * @type {ButtonIconPosition}\n * @memberof EmptyStateComponent\n /\n @Input() secondaryButtonIconPosition: ButtonIconPosition = 'left';\n\n /\n @description Displays tertiary button if passed.\n * @type {string}\n * @memberof EmptyStateComponent\n /\n @Input() tertiaryButtonText = '';\n\n /\n Tertiary button variant - only for new theme.\n * @type {ButtonVariant}\n * @memberof EmptyStateComponent\n /\n @Input() tertiaryButtonVariant: ButtonVariant = 'ghost';\n\n /\n @description Name of ui-icon for tertiary button\n * @type {IconName}\n * @memberof EmptyStateComponent\n /\n @Input() tertiaryButtonIconName: IconName = '';\n\n /\n @description Position of ui-icon for tertiary button\n * @type {ButtonIconPosition}\n * @memberof EmptyStateComponent\n /\n @Input() tertiaryButtonIconPosition: ButtonIconPosition = 'left';\n\n /\n @description Displays general variation button if passed.\n * @type {string}\n * @memberof EmptyStateComponent\n /\n @Input() generalVariationButtonText = '';\n\n /\n @description Displays general variation button if passed.\n * @type {string}\n * @memberof EmptyStateComponent\n /\n @Input() generalVariationButtonSize: ButtonSize = 'big';\n\n /\n @description Name of ui-icon for general variation button\n * @type {IconName}\n * @memberof EmptyStateComponent\n /\n @Input() generalVariationButtonIconName: IconName = '';\n\n /\n @description Position of ui-icon for general variation button\n * @type {ButtonIconPosition}\n * @memberof EmptyStateComponent\n /\n @Input() generalVariationButtonIconPosition: ButtonIconPosition = 'left';\n\n /\n @description Disabled state for general variation button\n * @type {boolean}\n * @memberof EmptyStateComponent\n /\n @Input() generalVariationButtonDisabled = false;\n\n /\n \n * Defines the application theme\n \n @type {ApplicationTheme}\n * @memberof EmptyStateComponent\n /\n @Input() applicationTheme: ApplicationTheme = 'light';\n\n /\n Event triggered when the primary button is clicked.\n * @type {Event}\n * @event\n * @memberof TagComponent\n /\n @Output() primaryButtonClick = new EventEmitter<Event>();\n\n /\n Event triggered when the secondary button is clicked.\n * @type {Event}\n * @event\n * @memberof TagComponent\n /\n @Output() secondaryButtonClick = new EventEmitter<Event>();\n\n /\n Event triggered when the tertiary button is clicked.\n * @type {Event}\n * @event\n * @memberof TagComponent\n /\n @Output() tertiaryButtonClick = new EventEmitter<Event>();\n\n /\n Event triggered when the general variation button is clicked.\n * @type {Event}\n * @event\n * @memberof TagComponent\n */\n @Output() generalVariationButtonClick = new EventEmitter<Event>();\n\n buttonApplicationTheme: ApplicationTheme;\n\n constructor(\n @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n ) {\n if (defaultAppTheme) {\n this.applicationTheme = defaultAppTheme;\n }\n }\n\n ngOnInit() {\n if (this.applicationTheme !== 'classic') {\n this.buttonApplicationTheme = this.applicationTheme;\n }\n }\n\n onPrimaryButtonClick(event: Event): void {\n this.primaryButtonClick.emit(event);\n }\n\n onSecondaryButtonClick(event: Event): void {\n this.secondaryButtonClick.emit(event);\n }\n\n onTertiaryButtonClick(event: Event): void {\n this.tertiaryButtonClick.emit(event);\n }\n\n onGeneralVariationButtonClick(event: Event): void {\n this.generalVariationButtonClick.emit(event);\n }\n\n getVariant(variant: ButtonVariant) {\n if (variant === 'pink') {\n return 'primary';\n } else if (variant === 'black') {\n this.buttonApplicationTheme = 'light';\n return 'secondary';\n } else {\n this.buttonApplicationTheme = 'light';\n return 'ghost';\n }\n }\n}\n","<ng-container>\n <div class=\"empty-state-container\" [attr.theme]=\"applicationTheme\" [class.mobile]=\"emptyStateVariant === 'mobile'\">\n @if (showIllustration) {\n <div class=\"illustration\" [attr.aria-hidden]=\"true\">\n @if (applicationTheme === 'classic') {\n <img [attr.src]=\"'/images/empty-state-default.svg'\" [width]=\"160\" [height]=\"160\" alt=\"illustration\" />\n }\n @if (applicationTheme !== 'classic') {\n <img\n [attr.src]=\"'/icons/rebrand/' + illustrationVariant + '-in-line.svg'\"\n [width]=\"160\"\n [height]=\"160\"\n alt=\"illustration\"\n />\n }\n </div>\n }\n\n @if (icon) {\n <div class=\"icon\">\n <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"icon\" size=\"40\"></ui-icon>\n </div>\n }\n\n <div class=\"text-content\">\n <div class=\"title\">{{ title ? title : ('COMMON.NO_RESULTS' \| uiTranslate \| async) }}</div>\n @if (bodyText) {\n <div class=\"body-text\" [innerHTML]=\"bodyText\"></div>\n }\n </div>\n\n <div class=\"actions\">\n @if (primaryButtonText) {\n <ui-button\n [fullWidth]=\"emptyStateVariant === 'mobile'\"\n [applicationTheme]=\"buttonApplicationTheme\"\n class=\"action-button\"\n [variant]=\"applicationTheme !== 'classic' ? getVariant(primaryButtonVariant) : 'primary'\"\n [label]=\"primaryButtonText\"\n [iconName]=\"primaryButtonIconName\"\n [iconPosition]=\"primaryButtonIconPosition\"\n (buttonClickEvent)=\"onPrimaryButtonClick($event)\"\n ></ui-button>\n }\n @if (secondaryButtonText) {\n <ui-button\n [fullWidth]=\"emptyStateVariant === 'mobile'\"\n [applicationTheme]=\"buttonApplicationTheme\"\n class=\"action-button\"\n [variant]=\"applicationTheme !== 'classic' ? getVariant(secondaryButtonVariant) : 'secondary'\"\n [label]=\"secondaryButtonText\"\n [iconName]=\"secondaryButtonIconName\"\n [iconPosition]=\"secondaryButtonIconPosition\"\n (buttonClickEvent)=\"onSecondaryButtonClick($event)\"\n ></ui-button>\n }\n @if (tertiaryButtonText) {\n <ui-button\n [fullWidth]=\"emptyStateVariant === 'mobile'\"\n [applicationTheme]=\"buttonApplicationTheme\"\n class=\"action-button\"\n [variant]=\"applicationTheme !== 'classic' ? getVariant(tertiaryButtonVariant) : 'tertiary'\"\n [label]=\"tertiaryButtonText\"\n [iconName]=\"tertiaryButtonIconName\"\n [iconPosition]=\"tertiaryButtonIconPosition\"\n (buttonClickEvent)=\"onTertiaryButtonClick($event)\"\n ></ui-button>\n }\n @if (generalVariationButtonText) {\n <ui-button\n class=\"action-button\"\n [fullWidth]=\"emptyStateVariant === 'mobile'\"\n [applicationTheme]=\"buttonApplicationTheme\"\n [variant]=\"generalButtonVariation\"\n [label]=\"generalVariationButtonText\"\n [iconName]=\"generalVariationButtonIconName\"\n [iconPosition]=\"generalVariationButtonIconPosition\"\n [disabled]=\"generalVariationButtonDisabled\"\n [size]=\"generalVariationButtonSize\"\n (buttonClickEvent)=\"onGeneralVariationButtonClick($event)\"\n ></ui-button>\n }\n </div>\n </div>\n</ng-container>\n","import { CommonModule, NgOptimizedImage } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { EmptyStateComponent } from './empty-state.component';\n\n@NgModule({\n imports: [\n CommonModule,\n IconComponentModule,\n NgOptimizedImage,\n ButtonComponentModule,\n UiTranslatePipe,\n EmptyStateComponent,\n ],\n exports: [EmptyStateComponent],\n})\nexport class EmptyStateComponentModule {}\n"],"mappings":"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"}
1	+ {"version":3,"file":"testgorilla-tgo-ui-components-empty-state.mjs","names":[],"sources":["../../../components/empty-state/empty-state.component.ts","../../../components/empty-state/empty-state.component.html","../../../components/empty-state/empty-state.component.module.ts"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Inject,\n Input,\n Optional,\n Output,\n OnInit,\n} from '@angular/core';\n\nimport { ButtonColor, ButtonIconPosition, ButtonSize, ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { ApplicationTheme, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { ButtonVariant, EmptyStateVariant, IllustrationVariant } from './empty-state.model';\n\n@Component({\n selector: 'ui-empty-state',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './empty-state.component.html',\n styleUrls: ['./empty-state.component.scss'],\n imports: [IconComponentModule, ButtonComponent, AsyncPipe, UiTranslatePipe],\n})\nexport class EmptyStateComponent implements OnInit {\n /*\n @description If the default image should be displayed.\n * @type {boolean}\n * @memberof EmptyStateComponent\n /\n @Input() showIllustration = false;\n /\n @description If the default image should be displayed.\n * @type {IllustrationVariant}\n * @memberof EmptyStateComponent\n /\n @Input() illustrationVariant: IllustrationVariant = 'Empty-search';\n /\n @description The icon to be displayed in the empty state.\n * @type {IconName}\n * @memberof EmptyStateComponent\n /\n @Input() icon: IconName = '';\n\n /\n @description The empty state variant.\n * @type {EmptyStateVariant}\n * @memberof EmptyStateComponent\n /\n @Input() emptyStateVariant: EmptyStateVariant = 'desktop';\n\n /\n @description The title of the empty state.\n * @type {string}\n * @memberof EmptyStateComponent\n /\n @Input() title = '';\n\n /\n @description The body text or description of the empty state.\n * @type {string}\n * @memberof EmptyStateComponent\n /\n @Input() bodyText = '';\n\n /\n @description Displays primary button if passed.\n * @type {string}\n * @memberof EmptyStateComponent\n /\n @Input() primaryButtonText = '';\n\n /\n Primary button variant - only for new theme.\n * @type {ButtonVariant}\n * @memberof EmptyStateComponent\n /\n @Input() primaryButtonVariant: ButtonVariant = 'pink';\n\n /\n General button variation - only for new theme.\n * @type {ButtonColor}\n * @memberof EmptyStateComponent\n /\n @Input() generalButtonVariation: ButtonColor = 'primary';\n\n /\n @description Name of ui-icon for primary button\n * @type {IconName}\n * @memberof EmptyStateComponent\n /\n @Input() primaryButtonIconName: IconName = '';\n\n /\n @description Position of ui-icon for primary button\n * @type {ButtonIconPosition}\n * @memberof EmptyStateComponent\n /\n @Input() primaryButtonIconPosition: ButtonIconPosition = 'left';\n\n /\n @description Displays secondary button if passed.\n * @type {string}\n * @memberof EmptyStateComponent\n /\n @Input() secondaryButtonText = '';\n\n /\n Secondary button variant - only for new theme.\n * @type {ButtonVariant}\n * @memberof EmptyStateComponent\n /\n @Input() secondaryButtonVariant: ButtonVariant = 'black';\n\n /\n @description Name of ui-icon for secondary button\n * @type {IconName}\n * @memberof EmptyStateComponent\n /\n @Input() secondaryButtonIconName: IconName = '';\n\n /\n @description Position of ui-icon for secondary button\n * @type {ButtonIconPosition}\n * @memberof EmptyStateComponent\n /\n @Input() secondaryButtonIconPosition: ButtonIconPosition = 'left';\n\n /\n @description Displays tertiary button if passed.\n * @type {string}\n * @memberof EmptyStateComponent\n /\n @Input() tertiaryButtonText = '';\n\n /\n Tertiary button variant - only for new theme.\n * @type {ButtonVariant}\n * @memberof EmptyStateComponent\n /\n @Input() tertiaryButtonVariant: ButtonVariant = 'ghost';\n\n /\n @description Name of ui-icon for tertiary button\n * @type {IconName}\n * @memberof EmptyStateComponent\n /\n @Input() tertiaryButtonIconName: IconName = '';\n\n /\n @description Position of ui-icon for tertiary button\n * @type {ButtonIconPosition}\n * @memberof EmptyStateComponent\n /\n @Input() tertiaryButtonIconPosition: ButtonIconPosition = 'left';\n\n /\n @description Displays general variation button if passed.\n * @type {string}\n * @memberof EmptyStateComponent\n /\n @Input() generalVariationButtonText = '';\n\n /\n @description Displays general variation button if passed.\n * @type {string}\n * @memberof EmptyStateComponent\n /\n @Input() generalVariationButtonSize: ButtonSize = 'big';\n\n /\n @description Name of ui-icon for general variation button\n * @type {IconName}\n * @memberof EmptyStateComponent\n /\n @Input() generalVariationButtonIconName: IconName = '';\n\n /\n @description Position of ui-icon for general variation button\n * @type {ButtonIconPosition}\n * @memberof EmptyStateComponent\n /\n @Input() generalVariationButtonIconPosition: ButtonIconPosition = 'left';\n\n /\n @description Disabled state for general variation button\n * @type {boolean}\n * @memberof EmptyStateComponent\n /\n @Input() generalVariationButtonDisabled = false;\n\n /\n \n * Defines the application theme\n \n @type {ApplicationTheme}\n * @memberof EmptyStateComponent\n /\n @Input() applicationTheme: ApplicationTheme = 'light';\n\n /\n Event triggered when the primary button is clicked.\n * @type {Event}\n * @event\n * @memberof TagComponent\n /\n @Output() primaryButtonClick = new EventEmitter<Event>();\n\n /\n Event triggered when the secondary button is clicked.\n * @type {Event}\n * @event\n * @memberof TagComponent\n /\n @Output() secondaryButtonClick = new EventEmitter<Event>();\n\n /\n Event triggered when the tertiary button is clicked.\n * @type {Event}\n * @event\n * @memberof TagComponent\n /\n @Output() tertiaryButtonClick = new EventEmitter<Event>();\n\n /\n Event triggered when the general variation button is clicked.\n * @type {Event}\n * @event\n * @memberof TagComponent\n */\n @Output() generalVariationButtonClick = new EventEmitter<Event>();\n\n buttonApplicationTheme: ApplicationTheme;\n\n constructor(\n @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n ) {\n if (defaultAppTheme) {\n this.applicationTheme = defaultAppTheme;\n }\n }\n\n ngOnInit() {\n if (this.applicationTheme !== 'classic') {\n this.buttonApplicationTheme = this.applicationTheme;\n }\n }\n\n onPrimaryButtonClick(event: Event): void {\n this.primaryButtonClick.emit(event);\n }\n\n onSecondaryButtonClick(event: Event): void {\n this.secondaryButtonClick.emit(event);\n }\n\n onTertiaryButtonClick(event: Event): void {\n this.tertiaryButtonClick.emit(event);\n }\n\n onGeneralVariationButtonClick(event: Event): void {\n this.generalVariationButtonClick.emit(event);\n }\n\n getVariant(variant: ButtonVariant) {\n if (variant === 'pink') {\n return 'primary';\n } else if (variant === 'black') {\n this.buttonApplicationTheme = 'light';\n return 'secondary';\n } else {\n this.buttonApplicationTheme = 'light';\n return 'ghost';\n }\n }\n}\n","<ng-container>\n <div class=\"empty-state-container\" [attr.theme]=\"applicationTheme\" [class.mobile]=\"emptyStateVariant === 'mobile'\">\n @if (showIllustration) {\n <div class=\"illustration\" [attr.aria-hidden]=\"true\">\n @if (applicationTheme === 'classic') {\n <img [attr.src]=\"'/images/empty-state-default.svg'\" [width]=\"160\" [height]=\"160\" alt=\"illustration\" />\n }\n @if (applicationTheme !== 'classic') {\n <img\n [attr.src]=\"'/icons/rebrand/' + illustrationVariant + '-in-line.svg'\"\n [width]=\"160\"\n [height]=\"160\"\n alt=\"illustration\"\n />\n }\n </div>\n }\n\n @if (icon) {\n <div class=\"icon\">\n <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"icon\" size=\"40\"></ui-icon>\n </div>\n }\n\n <div class=\"text-content\">\n <div class=\"title\">{{ title ? title : ('COMMON.NO_RESULTS' \| uiTranslate \| async) }}</div>\n @if (bodyText) {\n <div class=\"body-text\" [innerHTML]=\"bodyText\"></div>\n }\n </div>\n\n <div class=\"actions\">\n @if (primaryButtonText) {\n <ui-button\n [fullWidth]=\"emptyStateVariant === 'mobile'\"\n [applicationTheme]=\"buttonApplicationTheme\"\n class=\"action-button\"\n [variant]=\"applicationTheme !== 'classic' ? getVariant(primaryButtonVariant) : 'primary'\"\n [label]=\"primaryButtonText\"\n [iconName]=\"primaryButtonIconName\"\n [iconPosition]=\"primaryButtonIconPosition\"\n (buttonClickEvent)=\"onPrimaryButtonClick($event)\"\n ></ui-button>\n }\n @if (secondaryButtonText) {\n <ui-button\n [fullWidth]=\"emptyStateVariant === 'mobile'\"\n [applicationTheme]=\"buttonApplicationTheme\"\n class=\"action-button\"\n [variant]=\"applicationTheme !== 'classic' ? getVariant(secondaryButtonVariant) : 'secondary'\"\n [label]=\"secondaryButtonText\"\n [iconName]=\"secondaryButtonIconName\"\n [iconPosition]=\"secondaryButtonIconPosition\"\n (buttonClickEvent)=\"onSecondaryButtonClick($event)\"\n ></ui-button>\n }\n @if (tertiaryButtonText) {\n <ui-button\n [fullWidth]=\"emptyStateVariant === 'mobile'\"\n [applicationTheme]=\"buttonApplicationTheme\"\n class=\"action-button\"\n [variant]=\"applicationTheme !== 'classic' ? getVariant(tertiaryButtonVariant) : 'tertiary'\"\n [label]=\"tertiaryButtonText\"\n [iconName]=\"tertiaryButtonIconName\"\n [iconPosition]=\"tertiaryButtonIconPosition\"\n (buttonClickEvent)=\"onTertiaryButtonClick($event)\"\n ></ui-button>\n }\n @if (generalVariationButtonText) {\n <ui-button\n class=\"action-button\"\n [fullWidth]=\"emptyStateVariant === 'mobile'\"\n [applicationTheme]=\"buttonApplicationTheme\"\n [variant]=\"generalButtonVariation\"\n [label]=\"generalVariationButtonText\"\n [iconName]=\"generalVariationButtonIconName\"\n [iconPosition]=\"generalVariationButtonIconPosition\"\n [disabled]=\"generalVariationButtonDisabled\"\n [size]=\"generalVariationButtonSize\"\n (buttonClickEvent)=\"onGeneralVariationButtonClick($event)\"\n ></ui-button>\n }\n </div>\n </div>\n</ng-container>\n","import { CommonModule, NgOptimizedImage } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { EmptyStateComponent } from './empty-state.component';\n\n@NgModule({\n imports: [\n CommonModule,\n IconComponentModule,\n NgOptimizedImage,\n ButtonComponentModule,\n UiTranslatePipe,\n EmptyStateComponent,\n ],\n exports: [EmptyStateComponent],\n})\nexport class EmptyStateComponentModule {}\n"],"mappings":"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"}

package/fesm2022/testgorilla-tgo-ui-components-field.mjs CHANGED Viewed

@@ -264,7 +264,7 @@ var FieldComponent = class FieldComponent {
 					publicName: "value",
 					isSignal: false,
 					isRequired: false,
-					transformFunction: null
+					transformFunction: (value) => value ?? ""
 				},
 				badgeVariant: {
 					classPropertyName: "badgeVariant",
@@ -666,12 +666,15 @@ var FieldComponent = class FieldComponent {
 						"ariaExpanded",
 						"ariaControls",
 						"ariaPressed",
+						"ariaHasPopup",
 						"ariaRequired",
 						"ariaLabelledby",
 						"ariaDescribedby",
 						"preventDefault",
 						"hasBackground",
 						"circular",
+						"isSingleLineLabel",
+						"iconButtonShape",
 						"tooltipPosition",
 						"role",
 						"iconFilled",
@@ -808,7 +811,10 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
-		value: [{ type: Input }],
+		value: [{
+			type: Input,
+			args: [{ transform: (value) => value ?? "" }]
+		}],
 		badgeVariant: [{ type: Input }],
 		errors: [{ type: Input }],
 		disabled: [{ type: Input }],

package/fesm2022/testgorilla-tgo-ui-components-field.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"testgorilla-tgo-ui-components-field.mjs","names":[],"sources":["../../../components/field/field.component.ts","../../../components/field/field.component.html","../../../components/field/field.component.module.ts"],"sourcesContent":["import { FocusMonitor } from '@angular/cdk/a11y';\nimport { CdkTextareaAutosize } from '@angular/cdk/text-field';\nimport { NgStyle, NgClass, AsyncPipe } from '@angular/common';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n computed,\n DestroyRef,\n DoCheck,\n ElementRef,\n EventEmitter,\n HostBinding,\n inject,\n input,\n Input,\n NgZone,\n OnInit,\n Output,\n ProviderToken,\n signal,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\nimport { MatFormField, MatLabel, MatPrefix, MatHint } from '@angular/material/form-field';\nimport { MatIconRegistry, MatIcon } from '@angular/material/icon';\nimport { MatInput } from '@angular/material/input';\nimport { DomSanitizer } from '@angular/platform-browser';\n\nimport { BadgeVariant, BadgeComponent } from '@testgorilla/tgo-ui/components/badge';\nimport { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport {\n ApplicationTheme,\n DigitsOnlyDirective,\n UiTranslatePipe,\n HasValidationErrorPipe,\n} from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { ValidationErrorModule } from '@testgorilla/tgo-ui/components/validation-error';\n\nimport { FieldType } from './field.model';\n\n/*\n A global counter used to generate unique field IDs.\n * This variable is incremented each time a new field ID is needed.\n \n @remarks\n * This is primarily used to ensure that each field component\n * has a unique identifier within the application / useful for their Aria Labels.\n /\nlet fieldID = 0;\n\n@Component({\n selector: 'ui-field',\n templateUrl: './field.component.html',\n styleUrls: ['./field.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n MatFormField,\n NgStyle,\n NgClass,\n MatLabel,\n IconComponentModule,\n MatIcon,\n MatPrefix,\n MatInput,\n DigitsOnlyDirective,\n CdkTextareaAutosize,\n ButtonComponent,\n MatHint,\n ValidationErrorModule,\n BadgeComponent,\n AsyncPipe,\n UiTranslatePipe,\n HasValidationErrorPipe,\n ],\n})\nexport class FieldComponent implements OnInit, ControlValueAccessor, DoCheck, AfterViewInit {\n @HostBinding() class = 'ui-field';\n\n /\n Indicator of the autocomplete width\n \n @type {boolean}\n * @memberof FieldComponent\n /\n @HostBinding('class.full-width')\n @Input()\n fullWidth = true;\n\n /\n Indicator of the field height\n \n @type {boolean}\n * @memberof FieldComponent\n /\n @HostBinding('class.full-height')\n @Input()\n fullHeight = false;\n\n /\n Form field label\n \n @type {string}\n * @memberof FieldComponent\n /\n @Input() label? = '';\n\n /\n Form field label from html\n \n @memberof FieldComponent\n /\n labelHtml = input<string \| null>(null);\n\n /\n Icon to display alongside the label\n \n @type {IconName}\n * @memberof FieldComponent\n /\n @Input() labelIcon?: IconName;\n\n /\n Input name attribute\n \n @type {string}\n * @memberof FieldComponent\n /\n @Input() fieldName?: string;\n\n /\n Input placeholder\n \n @type {string}\n * @memberof FieldComponent\n /\n @Input() placeholder? = '';\n\n /\n Input id\n \n @type {string}\n * @memberof FieldComponent\n /\n id = input(`field-${fieldID++}`);\n\n /\n Input value\n \n @type {string}\n * @memberof FieldComponent\n /\n @Input() value = '';\n\n /\n Variant of badge to use\n \n @type {BadgeVariant}\n * @memberof FieldComponent\n /\n @Input() badgeVariant?: BadgeVariant \| undefined;\n\n _errors: string[];\n /\n Input field errors\n \n @type {string}\n * @memberof FieldComponent\n /\n @Input() set errors(errors: string[]) {\n this._errors = errors?.filter(Boolean) ?? [];\n this.errorsLength = this.setErrorsLength();\n }\n\n /\n Determines if input is disabled\n \n @type {boolean}\n * @memberof FieldComponent\n /\n @Input() disabled: boolean;\n\n /\n Input is required or not\n \n @type {boolean}\n * @memberof FieldComponent\n /\n @Input() required: boolean;\n\n /\n Input is readonly or not\n \n @type {boolean}\n * @memberof FieldComponent\n /\n @Input() readOnly = false;\n\n /\n Hint text\n \n @type {string}\n * @memberof FieldComponent\n /\n @Input() hintMessage = '';\n\n /\n Input type\n \n @type {FieldType}\n * @memberof FieldComponent\n /\n @HostBinding('attr.field-class')\n @Input()\n type: FieldType = 'text';\n\n /\n Input is update only on blur\n \n @type {Boolean}\n * @memberof FieldComponent\n /\n @Input() updateOnBlur = false;\n\n /\n allow only digits in input\n \n @type {Boolean}\n * @memberof FieldComponent\n /\n @Input() allowOnlyDigits = false;\n\n /\n allow autocomplete off in input\n \n @type {Boolean}\n * @memberof FieldComponent\n /\n @Input() isAutocompleteOff = false;\n\n /\n allow negative numbers\n \n @type {Boolean}\n * @memberof FieldComponent\n /\n @Input() allowNegative = true;\n\n /\n Show reserved content below form field\n * @property showBottomContent\n * @type {boolean}\n * @memberof FieldComponent\n /\n @Input() showBottomContent = true;\n\n /\n \n * Defines the application theme\n \n @type {ApplicationTheme}\n * @memberof FieldComponent\n /\n @HostBinding('attr.theme')\n @Input()\n applicationTheme: ApplicationTheme = 'light';\n\n /\n A string representing the ARIA label for accessibility.\n * This label is used to provide an accessible name for the input element.\n * @type {string}\n * @memberof FieldComponent\n /\n @Input() ariaLabel: string;\n\n readonly testId = input<string \| null>(null);\n\n protected readonly clearTestId = computed(() => (this.testId() ? `${this.testId()}-clear` : null));\n\n protected readonly passwordToggleTestId = computed(() => (this.testId() ? `${this.testId()}-visibility` : null));\n\n /\n Show loading button. Only for text\n \n @type {boolean}\n * @memberof FieldComponent\n /\n @Input() loading = false;\n\n /\n Show icon when field is valid\n \n @type {boolean}\n * @memberof FieldComponent\n /\n @Input() isValid = false;\n\n /\n Max characters number\n \n @type {number}\n * @memberof FieldComponent\n /\n @Input() maxCharacters = 255;\n\n /\n Trim text on blur\n \n @type {boolean}\n * @memberof FieldComponent\n /\n @Input() trimOnBlur = false;\n /\n Trim text on submit\n \n @type {boolean}\n * @memberof FieldComponent\n /\n @Input() trimOnSubmit = false;\n /\n Max rows for multi-line type\n \n @type {number}\n * @memberof FieldComponent\n /\n @Input() maxRows = 0;\n /\n has text area counter\n \n @type {boolean}\n * @memberof FieldComponent\n /\n @Input() hasTextAreaCounter = true;\n\n /\n Hide in build errors for Reactive Forms\n \n @type {number}\n * @memberof FieldComponent\n /\n @Input() hideBuiltInErrors = false;\n\n /\n Hide label in errors\n \n @type {number}\n * @memberof FieldComponent\n /\n @Input() hideLabelInErrors = false;\n\n /\n Set maximum number\n \n @type {number}\n * @memberof FieldComponent\n /\n @Input() max: number \| undefined;\n\n /\n Set minimum number\n \n @type {number}\n * @memberof FieldComponent\n /\n @Input() min: number \| undefined;\n\n /\n Sets textarea height. Default 110\n \n @type {number}\n * @memberof FieldComponent\n /\n @Input() textareaHeight = 110;\n\n /\n Sets textarea borderless. Default false\n \n @type {number}\n * @memberof FieldComponent\n /\n @Input() borderless = false;\n\n @Input() autosizableTextarea = false;\n\n /\n Indicates if this field is filled by AI\n \n @type {boolean}\n * @memberof FieldComponent\n /\n @Input() isAIVariant = false;\n\n /\n A string representing the ARIA requirement for accessibility.\n * This attribute is used for input field Aria Labeled By Element Id.\n * @type {string}\n * @memberof FieldComponent\n /\n protected readonly ariaLabelledbyId = computed(() => `${this.id()}-labeledBy`);\n\n /\n A string representing the ARIA requirement for accessibility.\n * This attribute is used for input field Aria LabeledBy Text.\n * @type {string}\n * @memberof FieldComponent\n /\n protected readonly ariaLabelledby = input<string \| undefined>(undefined);\n /\n A string representing the ARIA requirement for accessibility.\n * This attribute is used for input field Aria Described By Element Id.\n * @type {string}\n * @memberof FieldComponent\n /\n protected readonly ariaDescribedbyId = computed(() => `${this.id()}-describedBy`);\n\n /\n A string representing the ARIA requirement for accessibility.\n * This attribute is used for input field Aria DescribedBy Text.\n * @type {string}\n * @memberof FieldComponent\n /\n readonly ariaDescribedby = input<string \| undefined>(undefined);\n\n /\n Show state of error\n * @type {boolean}\n * @memberof FieldComponent\n /\n @Input() hasError = false;\n\n @Output() validateEvent = new EventEmitter<string>();\n @Output() fieldBlur = new EventEmitter<void>();\n\n @ViewChild('inputElement', { read: ElementRef }) field: ElementRef<HTMLInputElement>;\n @ViewChild('autosize') autosize: CdkTextareaAutosize;\n\n get getPasswordIcon(): IconName {\n if (this.applicationTheme === 'classic') {\n return this.showPassword ? 'Eye-hide' : 'Eye-view';\n } else {\n if (!this.isActiveField && !this.isActiveHover) {\n return this.showPassword ? 'View-in-line' : 'Hide-in-line';\n } else {\n return this.showPassword ? 'View-filled' : 'Hide-filled';\n }\n }\n }\n\n isActiveField = false;\n isActiveHover = false;\n\n keyboardFocused = signal(false);\n\n protected readonly translationContext = 'FIELD.';\n\n /\n @ignore\n /\n onChange: (value: string \| number) => void = () => {};\n\n /\n @ignore\n /\n onTouch = () => {};\n\n private readonly defaultAppTheme = inject(\n 'CANOPYUI_DEFAULT_APPLICATION_THEME' as unknown as ProviderToken<ApplicationTheme>,\n {\n optional: true,\n }\n );\n private readonly matIconRegistry = inject(MatIconRegistry);\n private readonly domSanitizer = inject(DomSanitizer);\n private readonly cdr = inject(ChangeDetectorRef);\n public ngControl = inject(NgControl, { optional: true, self: true });\n private readonly focusMonitor = inject(FocusMonitor);\n private readonly ngZone = inject(NgZone);\n private readonly destroyRef = inject(DestroyRef);\n\n constructor() {\n if (this.defaultAppTheme) {\n this.applicationTheme = this.defaultAppTheme;\n }\n\n if (this.ngControl !== null) {\n this.ngControl.valueAccessor = this;\n }\n }\n\n ngAfterViewInit(): void {\n this.focusMonitor\n .monitor(this.field)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(origin =>\n this.ngZone.run(() => {\n queueMicrotask(() => {\n this.keyboardFocused.set(origin === 'keyboard');\n });\n })\n );\n\n if (this.type === 'multi-line') {\n this.autosize.resizeToFitContent(true);\n }\n }\n\n /\n Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors\n * to display validation errors that might happen (e.g. required)\n /\n ngDoCheck(): void {\n if (this.ngControl?.touched \|\| this.ngControl?.errors) {\n this.cdr.markForCheck();\n }\n }\n\n showClose: boolean;\n showPassword: boolean;\n currentType: string;\n errorsLength: boolean;\n\n ngOnInit(): void {\n this.setSearchInput();\n this.currentType = this.getType();\n }\n\n validate(): void {\n this.validateEvent.emit(this.value);\n }\n\n //set search input initial value\n setSearchInput(): void {\n if (this.type === 'search' \|\| this.type === 'collapsed-search') {\n // eslint-disable-next-line no-restricted-syntax -- SECURITY: hardcoded first-party asset URL; MatIconRegistry.addSvgIcon requires SafeResourceUrl.\n this.matIconRegistry.addSvgIcon('Search', this.domSanitizer.bypassSecurityTrustResourceUrl('/icons/Search.svg'));\n if (this.value) {\n this.showClose = true;\n } else {\n this.showClose = false;\n }\n } else {\n this.showClose = false;\n }\n }\n\n //change type for reveal password\n getType(): string {\n if (this.type === 'password' && this.showPassword) {\n return 'text';\n }\n return this.type;\n }\n\n //Clear input value\n clearValue(): void {\n this.value = '';\n this.onChange(this.value);\n this.onChangeInputSearch();\n }\n\n //toggle for password\n showPasswordClick() {\n this.showPassword = !this.showPassword;\n this.currentType = this.getType();\n }\n\n //Set options for search input\n onChangeInputSearch() {\n if (this.type === 'search' \|\| this.type === 'collapsed-search') {\n if (!this.value) {\n this.showClose = false;\n }\n if (this.value) {\n this.showClose = true;\n }\n }\n }\n\n // Set errors length for validation\n // Consider only those errors which which are not empty\n setErrorsLength(): boolean {\n if (this._errors) {\n return this._errors.filter(err => Boolean(err)).length > 0 ? true : false;\n }\n return false;\n }\n\n //Save input value\n onInput(event: Event) {\n this.value = (event.target as HTMLInputElement \| HTMLTextAreaElement).value;\n this.errorsLength = this.setErrorsLength();\n if (!this.updateOnBlur) {\n this.onTouch();\n }\n if (this.allowOnlyDigits && !this.allowNegative && Number(this.value) < 0) {\n this.value = '0';\n } else {\n this.onChange(this.type === 'number' && this.value !== '' ? Number(this.value) : this.value);\n }\n }\n\n writeValue(value?: string \| number): void {\n if (value !== null && value !== undefined) {\n // The internal <input> value is always a string; a numeric form value\n // renders identically once assigned (the input coerces it anyway).\n this.value = String(value);\n } else {\n this.value = '';\n }\n this.onChangeInputSearch();\n this.cdr.markForCheck();\n }\n\n registerOnChange(fn: (value: string \| number) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouch = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.disabled = isDisabled;\n this.cdr.markForCheck();\n }\n\n onActive(state: boolean, action: string): void {\n if (action === 'hover') {\n this.isActiveHover = state;\n } else if (action === 'focus') {\n this.isActiveField = state;\n\n if (!state && this.trimOnBlur) {\n this.clearSpace();\n }\n }\n }\n\n onSubmit(): void {\n if (this.trimOnSubmit) {\n this.clearSpace();\n }\n }\n\n private clearSpace(): void {\n this.value = this.value.trim();\n this.onChange(this.value);\n }\n\n onBlur(): void {\n this.fieldBlur.emit();\n }\n\n trackByFn = (index: number, value: string) => value;\n\n focus(): void {\n this.field.nativeElement.focus();\n }\n\n refocusPasswordButton(btn: ButtonComponent) {\n setTimeout(() => {\n btn.focus('keyboard');\n }, 0);\n }\n}\n","<ng-container>\n <mat-form-field\n [ngStyle]=\"{\n '--textarea-height': textareaHeight - 10 + 'px',\n '--textarea-height-container': textareaHeight + 'px',\n }\"\n #uiField\n appearance=\"outline\"\n hideRequiredMarker=\"true\"\n [color]=\"errorsLength \|\| (ngControl?.errors && ngControl?.touched) \|\| hasError ? 'warn' : 'accent'\"\n [ngClass]=\"{\n 'hide-bottom-content': !showBottomContent,\n textarea: type === 'textarea' \|\| type === 'textarea-scrollable',\n 'textarea-scrollable': type === 'textarea-scrollable',\n 'multi-line': type === 'multi-line',\n 'multi-line-textarea': type === 'multi-line' && autosizableTextarea && borderless,\n 'keyboard-focused': keyboardFocused(),\n 'has-label': !!label,\n 'has-value': !!value,\n 'text-area-borderless': borderless && (type === 'textarea' \|\| type === 'textarea-scrollable'),\n }\"\n (mouseenter)=\"onActive(true, 'hover')\"\n (mouseleave)=\"onActive(false, 'hover')\"\n >\n <span [style.display]=\"'none'\" [id]=\"ariaDescribedbyId()\">\n @if (required) {\n <span>{{ 'ERRORS.REQUIRED' \| uiTranslate \| async }}</span>\n }\n {{ ariaDescribedby() }}\n </span>\n <span [style.display]=\"'none'\" [id]=\"ariaLabelledbyId()\">\n {{ ariaLabelledby() ?? label }}\n </span>\n @if (\n (label \|\| labelHtml()) &&\n ((type !== 'search' && applicationTheme === 'classic') \|\| applicationTheme !== 'classic')\n ) {\n <mat-label class=\"label-with-icon\">\n @if (isAIVariant \|\| labelIcon) {\n <ui-icon [name]=\"isAIVariant ? 'Sparkle-in-line' : labelIcon!\" [size]=\"'16'\" class=\"label-icon\"></ui-icon>\n }\n <span>\n @if (labelHtml()) {\n <span [innerHTML]=\"labelHtml()\"></span>\n } @else {\n {{ label }}\n }\n @if (required) {\n <span></span>\n }\n </span>\n </mat-label>\n }\n @if (type === 'search' \|\| type === 'collapsed-search') {\n <mat-icon matIconPrefix class=\"search-icon\" [svgIcon]=\"'Search'\"></mat-icon>\n }\n @if (type !== 'textarea' && type !== 'textarea-scrollable' && type !== 'multi-line') {\n <input\n [attr.data-testid]=\"testId() ?? 'field-input'\"\n [readonly]=\"readOnly\"\n matInput\n #inputElement\n (blur)=\"onTouch(); onActive(false, 'focus'); onBlur()\"\n (input)=\"onInput($event)\"\n [id]=\"id()\"\n (keyup)=\"onChangeInputSearch()\"\n [placeholder]=\"placeholder!\"\n [value]=\"value\"\n [disabled]=\"disabled \|\| loading\"\n [type]=\"currentType\"\n (keyup.enter)=\"onSubmit()\"\n [max]=\"max\"\n [min]=\"min\"\n [name]=\"fieldName!\"\n [required]=\"required\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-invalid]=\"errorsLength \|\| (ngControl?.errors && ngControl?.touched) \|\| hasError\"\n [attr.aria-labelledby]=\"ariaLabelledbyId()\"\n [attr.aria-describedby]=\"ariaDescribedbyId()\"\n role=\"textbox\"\n digitsOnly\n [autocomplete]=\"isAutocompleteOff ? 'off' : 'on'\"\n [allowOnlyDigits]=\"allowOnlyDigits\"\n [allowNegative]=\"allowNegative\"\n (focusin)=\"onActive(true, 'focus')\"\n />\n } @else {\n <textarea\n [attr.data-testid]=\"testId()\"\n matInput\n #inputElement\n #autosize=\"cdkTextareaAutosize\"\n [readonly]=\"readOnly\"\n (blur)=\"onTouch(); onActive(false, 'focus'); onBlur()\"\n (input)=\"onInput($event)\"\n [id]=\"id()\"\n (keyup)=\"onChangeInputSearch()\"\n (keyup.enter)=\"onSubmit()\"\n [placeholder]=\"placeholder!\"\n [value]=\"value\"\n [disabled]=\"disabled\"\n [name]=\"fieldName!\"\n [required]=\"required\"\n [attr.aria-label]=\"!label ? ariaLabel : ''\"\n [attr.aria-invalid]=\"errorsLength \|\| (ngControl?.errors && ngControl?.touched) \|\| hasError\"\n [attr.aria-labelledby]=\"ariaLabelledbyId()\"\n [attr.aria-describedby]=\"ariaDescribedbyId()\"\n role=\"textbox\"\n [cdkTextareaAutosize]=\"type === 'multi-line'\"\n [cdkAutosizeMinRows]=\"type === 'multi-line' ? 1 : 5\"\n [cdkAutosizeMaxRows]=\"type === 'multi-line' ? maxRows : 5\"\n [attr.maxlength]=\"maxCharacters\"\n (focusin)=\"onActive(true, 'focus')\"\n ></textarea>\n }\n\n @if (type === 'search' \|\| type === 'collapsed-search' \|\| type === 'password' \|\| type === 'validation-text') {\n <div class=\"options\">\n <div class=\"options-container\">\n @if (showClose) {\n <ui-button\n variant=\"secondary\"\n [justIcon]=\"true\"\n class=\"close\"\n iconName=\"Close\"\n [label]=\"('COMMON.CLEAR' \| uiTranslate \| async)!\"\n (buttonClickEvent)=\"clearValue()\"\n [ariaLabel]=\"ariaLabel + '--' + ('COMMON.CLEAR' \| uiTranslate \| async)\"\n [testId]=\"clearTestId()\"\n ></ui-button>\n }\n @if (type === 'password') {\n <ui-button\n class=\"password\"\n variant=\"secondary\"\n [tooltip]=\"((showPassword ? 'FIELD.HIDE_PASSWORD' : 'FIELD.SHOW_PASSWORD') \| uiTranslate \| async)!\"\n [justIcon]=\"true\"\n role=\"switch\"\n [attr.aria-checked]=\"showPassword\"\n [iconName]=\"getPasswordIcon\"\n [applicationTheme]=\"applicationTheme\"\n [testId]=\"passwordToggleTestId()\"\n (click)=\"showPasswordClick()\"\n #btn\n (keydown.enter)=\"refocusPasswordButton(btn)\"\n (keydown.space)=\"refocusPasswordButton(btn)\"\n ></ui-button>\n }\n @if (\n type === 'validation-text' && (applicationTheme === 'dark' \|\| applicationTheme === 'light') && value.length\n ) {\n @if (!isValid) {\n <ui-button\n class=\"validation\"\n [variant]=\"'text'\"\n [applicationTheme]=\"'light'\"\n [label]=\"'Validate'\"\n [loading]=\"loading\"\n (click)=\"validate()\"\n [disabled]=\"disabled\"\n [size]=\"'small'\"\n ></ui-button>\n }\n @if (isValid) {\n <ui-icon class=\"valid\" [color]=\"'white'\" applicationTheme=\"light\" [name]=\"'Check'\"></ui-icon>\n }\n }\n </div>\n </div>\n }\n @if (\n hasTextAreaCounter &&\n (type === 'textarea' \|\| type === 'textarea-scrollable') &&\n !errorsLength &&\n !($safeNavigationMigration(ngControl?.errors) \| hasValidationError)\n ) {\n <mat-hint class=\"info\">{{ value.length }} / {{ maxCharacters }}</mat-hint>\n }\n\n @if (\n hintMessage &&\n !errorsLength &&\n !($safeNavigationMigration(ngControl?.errors) \| hasValidationError) &&\n type !== 'textarea' &&\n type !== 'textarea-scrollable'\n ) {\n <mat-hint class=\"info\">{{ hintMessage }}</mat-hint>\n }\n\n @if (errorsLength \|\| ($safeNavigationMigration(ngControl?.errors) \| hasValidationError)) {\n <mat-hint class=\"error\">\n @if (errorsLength) {\n @for (error of _errors; track trackByFn($index, error)) {\n <div class=\"errors\">\n <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n <span [innerHTML]=\"error\"></span>\n </div>\n }\n }\n @if (ngControl && !hideBuiltInErrors) {\n <ui-validation-error [ngControl]=\"ngControl\" [label]=\"hideLabelInErrors ? null : label\"></ui-validation-error>\n }\n </mat-hint>\n }\n\n @if (badgeVariant) {\n <ui-badge class=\"field-badge\" [variant]=\"badgeVariant\"></ui-badge>\n }\n </mat-form-field>\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { BadgeComponentModule } from '@testgorilla/tgo-ui/components/badge';\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { DigitsOnlyDirective, UiTranslatePipe, HasValidationErrorPipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { ValidationErrorModule } from '@testgorilla/tgo-ui/components/validation-error';\n\nimport { FieldComponent } from './field.component';\n\n@NgModule({\n imports: [\n CommonModule,\n MatFormFieldModule,\n MatInputModule,\n IconComponentModule,\n FormsModule,\n ReactiveFormsModule,\n ButtonComponentModule,\n MatIconModule,\n UiTranslatePipe,\n ValidationErrorModule,\n HasValidationErrorPipe,\n DigitsOnlyDirective,\n BadgeComponentModule,\n FieldComponent,\n ],\n exports: [FieldComponent],\n})\nexport class FieldComponentModule {}\n"],"mappings":"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"}
1	+ {"version":3,"file":"testgorilla-tgo-ui-components-field.mjs","names":[],"sources":["../../../components/field/field.component.ts","../../../components/field/field.component.html","../../../components/field/field.component.module.ts"],"sourcesContent":["import { FocusMonitor } from '@angular/cdk/a11y';\nimport { CdkTextareaAutosize } from '@angular/cdk/text-field';\nimport { NgStyle, NgClass, AsyncPipe } from '@angular/common';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n computed,\n DestroyRef,\n DoCheck,\n ElementRef,\n EventEmitter,\n HostBinding,\n inject,\n input,\n Input,\n NgZone,\n OnInit,\n Output,\n ProviderToken,\n signal,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\nimport { MatFormField, MatLabel, MatPrefix, MatHint } from '@angular/material/form-field';\nimport { MatIconRegistry, MatIcon } from '@angular/material/icon';\nimport { MatInput } from '@angular/material/input';\nimport { DomSanitizer } from '@angular/platform-browser';\n\nimport { BadgeVariant, BadgeComponent } from '@testgorilla/tgo-ui/components/badge';\nimport { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport {\n ApplicationTheme,\n DigitsOnlyDirective,\n UiTranslatePipe,\n HasValidationErrorPipe,\n} from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { ValidationErrorModule } from '@testgorilla/tgo-ui/components/validation-error';\n\nimport { FieldType } from './field.model';\n\n/*\n A global counter used to generate unique field IDs.\n * This variable is incremented each time a new field ID is needed.\n \n @remarks\n * This is primarily used to ensure that each field component\n * has a unique identifier within the application / useful for their Aria Labels.\n /\nlet fieldID = 0;\n\n@Component({\n selector: 'ui-field',\n templateUrl: './field.component.html',\n styleUrls: ['./field.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n MatFormField,\n NgStyle,\n NgClass,\n MatLabel,\n IconComponentModule,\n MatIcon,\n MatPrefix,\n MatInput,\n DigitsOnlyDirective,\n CdkTextareaAutosize,\n ButtonComponent,\n MatHint,\n ValidationErrorModule,\n BadgeComponent,\n AsyncPipe,\n UiTranslatePipe,\n HasValidationErrorPipe,\n ],\n})\nexport class FieldComponent implements OnInit, ControlValueAccessor, DoCheck, AfterViewInit {\n @HostBinding() class = 'ui-field';\n\n /\n Indicator of the autocomplete width\n \n @type {boolean}\n * @memberof FieldComponent\n /\n @HostBinding('class.full-width')\n @Input()\n fullWidth = true;\n\n /\n Indicator of the field height\n \n @type {boolean}\n * @memberof FieldComponent\n /\n @HostBinding('class.full-height')\n @Input()\n fullHeight = false;\n\n /\n Form field label\n \n @type {string}\n * @memberof FieldComponent\n /\n @Input() label? = '';\n\n /\n Form field label from html\n \n @memberof FieldComponent\n /\n labelHtml = input<string \| null>(null);\n\n /\n Icon to display alongside the label\n \n @type {IconName}\n * @memberof FieldComponent\n /\n @Input() labelIcon?: IconName;\n\n /\n Input name attribute\n \n @type {string}\n * @memberof FieldComponent\n /\n @Input() fieldName?: string;\n\n /\n Input placeholder\n \n @type {string}\n * @memberof FieldComponent\n /\n @Input() placeholder? = '';\n\n /\n Input id\n \n @type {string}\n * @memberof FieldComponent\n /\n id = input(`field-${fieldID++}`);\n\n /\n Input value\n \n @type {string}\n * @memberof FieldComponent\n /\n // A template `a?.b` binding yields `undefined` since Angular 22 (it was `null`). Either one means an empty field.\n @Input({ transform: (value: string \| null \| undefined): string => value ?? '' }) value = '';\n\n /\n Variant of badge to use\n \n @type {BadgeVariant}\n * @memberof FieldComponent\n /\n @Input() badgeVariant?: BadgeVariant \| undefined;\n\n _errors: string[];\n /\n Input field errors\n \n @type {string}\n * @memberof FieldComponent\n /\n @Input() set errors(errors: string[]) {\n this._errors = errors?.filter(Boolean) ?? [];\n this.errorsLength = this.setErrorsLength();\n }\n\n /\n Determines if input is disabled\n \n @type {boolean}\n * @memberof FieldComponent\n /\n @Input() disabled: boolean;\n\n /\n Input is required or not\n \n @type {boolean}\n * @memberof FieldComponent\n /\n @Input() required: boolean;\n\n /\n Input is readonly or not\n \n @type {boolean}\n * @memberof FieldComponent\n /\n @Input() readOnly = false;\n\n /\n Hint text\n \n @type {string}\n * @memberof FieldComponent\n /\n @Input() hintMessage = '';\n\n /\n Input type\n \n @type {FieldType}\n * @memberof FieldComponent\n /\n @HostBinding('attr.field-class')\n @Input()\n type: FieldType = 'text';\n\n /\n Input is update only on blur\n \n @type {Boolean}\n * @memberof FieldComponent\n /\n @Input() updateOnBlur = false;\n\n /\n allow only digits in input\n \n @type {Boolean}\n * @memberof FieldComponent\n /\n @Input() allowOnlyDigits = false;\n\n /\n allow autocomplete off in input\n \n @type {Boolean}\n * @memberof FieldComponent\n /\n @Input() isAutocompleteOff = false;\n\n /\n allow negative numbers\n \n @type {Boolean}\n * @memberof FieldComponent\n /\n @Input() allowNegative = true;\n\n /\n Show reserved content below form field\n * @property showBottomContent\n * @type {boolean}\n * @memberof FieldComponent\n /\n @Input() showBottomContent = true;\n\n /\n \n * Defines the application theme\n \n @type {ApplicationTheme}\n * @memberof FieldComponent\n /\n @HostBinding('attr.theme')\n @Input()\n applicationTheme: ApplicationTheme = 'light';\n\n /\n A string representing the ARIA label for accessibility.\n * This label is used to provide an accessible name for the input element.\n * @type {string}\n * @memberof FieldComponent\n /\n @Input() ariaLabel: string;\n\n readonly testId = input<string \| null>(null);\n\n protected readonly clearTestId = computed(() => (this.testId() ? `${this.testId()}-clear` : null));\n\n protected readonly passwordToggleTestId = computed(() => (this.testId() ? `${this.testId()}-visibility` : null));\n\n /\n Show loading button. Only for text\n \n @type {boolean}\n * @memberof FieldComponent\n /\n @Input() loading = false;\n\n /\n Show icon when field is valid\n \n @type {boolean}\n * @memberof FieldComponent\n /\n @Input() isValid = false;\n\n /\n Max characters number\n \n @type {number}\n * @memberof FieldComponent\n /\n @Input() maxCharacters = 255;\n\n /\n Trim text on blur\n \n @type {boolean}\n * @memberof FieldComponent\n /\n @Input() trimOnBlur = false;\n /\n Trim text on submit\n \n @type {boolean}\n * @memberof FieldComponent\n /\n @Input() trimOnSubmit = false;\n /\n Max rows for multi-line type\n \n @type {number}\n * @memberof FieldComponent\n /\n @Input() maxRows = 0;\n /\n has text area counter\n \n @type {boolean}\n * @memberof FieldComponent\n /\n @Input() hasTextAreaCounter = true;\n\n /\n Hide in build errors for Reactive Forms\n \n @type {number}\n * @memberof FieldComponent\n /\n @Input() hideBuiltInErrors = false;\n\n /\n Hide label in errors\n \n @type {number}\n * @memberof FieldComponent\n /\n @Input() hideLabelInErrors = false;\n\n /\n Set maximum number\n \n @type {number}\n * @memberof FieldComponent\n /\n @Input() max: number \| undefined;\n\n /\n Set minimum number\n \n @type {number}\n * @memberof FieldComponent\n /\n @Input() min: number \| undefined;\n\n /\n Sets textarea height. Default 110\n \n @type {number}\n * @memberof FieldComponent\n /\n @Input() textareaHeight = 110;\n\n /\n Sets textarea borderless. Default false\n \n @type {number}\n * @memberof FieldComponent\n /\n @Input() borderless = false;\n\n @Input() autosizableTextarea = false;\n\n /\n Indicates if this field is filled by AI\n \n @type {boolean}\n * @memberof FieldComponent\n /\n @Input() isAIVariant = false;\n\n /\n A string representing the ARIA requirement for accessibility.\n * This attribute is used for input field Aria Labeled By Element Id.\n * @type {string}\n * @memberof FieldComponent\n /\n protected readonly ariaLabelledbyId = computed(() => `${this.id()}-labeledBy`);\n\n /\n A string representing the ARIA requirement for accessibility.\n * This attribute is used for input field Aria LabeledBy Text.\n * @type {string}\n * @memberof FieldComponent\n /\n protected readonly ariaLabelledby = input<string \| undefined>(undefined);\n /\n A string representing the ARIA requirement for accessibility.\n * This attribute is used for input field Aria Described By Element Id.\n * @type {string}\n * @memberof FieldComponent\n /\n protected readonly ariaDescribedbyId = computed(() => `${this.id()}-describedBy`);\n\n /\n A string representing the ARIA requirement for accessibility.\n * This attribute is used for input field Aria DescribedBy Text.\n * @type {string}\n * @memberof FieldComponent\n /\n readonly ariaDescribedby = input<string \| undefined>(undefined);\n\n /\n Show state of error\n * @type {boolean}\n * @memberof FieldComponent\n /\n @Input() hasError = false;\n\n @Output() validateEvent = new EventEmitter<string>();\n @Output() fieldBlur = new EventEmitter<void>();\n\n @ViewChild('inputElement', { read: ElementRef }) field: ElementRef<HTMLInputElement>;\n @ViewChild('autosize') autosize: CdkTextareaAutosize;\n\n get getPasswordIcon(): IconName {\n if (this.applicationTheme === 'classic') {\n return this.showPassword ? 'Eye-hide' : 'Eye-view';\n } else {\n if (!this.isActiveField && !this.isActiveHover) {\n return this.showPassword ? 'View-in-line' : 'Hide-in-line';\n } else {\n return this.showPassword ? 'View-filled' : 'Hide-filled';\n }\n }\n }\n\n isActiveField = false;\n isActiveHover = false;\n\n keyboardFocused = signal(false);\n\n protected readonly translationContext = 'FIELD.';\n\n /\n @ignore\n /\n onChange: (value: string \| number) => void = () => {};\n\n /\n @ignore\n /\n onTouch = () => {};\n\n private readonly defaultAppTheme = inject(\n 'CANOPYUI_DEFAULT_APPLICATION_THEME' as unknown as ProviderToken<ApplicationTheme>,\n {\n optional: true,\n }\n );\n private readonly matIconRegistry = inject(MatIconRegistry);\n private readonly domSanitizer = inject(DomSanitizer);\n private readonly cdr = inject(ChangeDetectorRef);\n public ngControl = inject(NgControl, { optional: true, self: true });\n private readonly focusMonitor = inject(FocusMonitor);\n private readonly ngZone = inject(NgZone);\n private readonly destroyRef = inject(DestroyRef);\n\n constructor() {\n if (this.defaultAppTheme) {\n this.applicationTheme = this.defaultAppTheme;\n }\n\n if (this.ngControl !== null) {\n this.ngControl.valueAccessor = this;\n }\n }\n\n ngAfterViewInit(): void {\n this.focusMonitor\n .monitor(this.field)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(origin =>\n this.ngZone.run(() => {\n queueMicrotask(() => {\n this.keyboardFocused.set(origin === 'keyboard');\n });\n })\n );\n\n if (this.type === 'multi-line') {\n this.autosize.resizeToFitContent(true);\n }\n }\n\n /\n Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors\n * to display validation errors that might happen (e.g. required)\n /\n ngDoCheck(): void {\n if (this.ngControl?.touched \|\| this.ngControl?.errors) {\n this.cdr.markForCheck();\n }\n }\n\n showClose: boolean;\n showPassword: boolean;\n currentType: string;\n errorsLength: boolean;\n\n ngOnInit(): void {\n this.setSearchInput();\n this.currentType = this.getType();\n }\n\n validate(): void {\n this.validateEvent.emit(this.value);\n }\n\n //set search input initial value\n setSearchInput(): void {\n if (this.type === 'search' \|\| this.type === 'collapsed-search') {\n // eslint-disable-next-line no-restricted-syntax -- SECURITY: hardcoded first-party asset URL; MatIconRegistry.addSvgIcon requires SafeResourceUrl.\n this.matIconRegistry.addSvgIcon('Search', this.domSanitizer.bypassSecurityTrustResourceUrl('/icons/Search.svg'));\n if (this.value) {\n this.showClose = true;\n } else {\n this.showClose = false;\n }\n } else {\n this.showClose = false;\n }\n }\n\n //change type for reveal password\n getType(): string {\n if (this.type === 'password' && this.showPassword) {\n return 'text';\n }\n return this.type;\n }\n\n //Clear input value\n clearValue(): void {\n this.value = '';\n this.onChange(this.value);\n this.onChangeInputSearch();\n }\n\n //toggle for password\n showPasswordClick() {\n this.showPassword = !this.showPassword;\n this.currentType = this.getType();\n }\n\n //Set options for search input\n onChangeInputSearch() {\n if (this.type === 'search' \|\| this.type === 'collapsed-search') {\n if (!this.value) {\n this.showClose = false;\n }\n if (this.value) {\n this.showClose = true;\n }\n }\n }\n\n // Set errors length for validation\n // Consider only those errors which which are not empty\n setErrorsLength(): boolean {\n if (this._errors) {\n return this._errors.filter(err => Boolean(err)).length > 0 ? true : false;\n }\n return false;\n }\n\n //Save input value\n onInput(event: Event) {\n this.value = (event.target as HTMLInputElement \| HTMLTextAreaElement).value;\n this.errorsLength = this.setErrorsLength();\n if (!this.updateOnBlur) {\n this.onTouch();\n }\n if (this.allowOnlyDigits && !this.allowNegative && Number(this.value) < 0) {\n this.value = '0';\n } else {\n this.onChange(this.type === 'number' && this.value !== '' ? Number(this.value) : this.value);\n }\n }\n\n writeValue(value?: string \| number): void {\n if (value !== null && value !== undefined) {\n // The internal <input> value is always a string; a numeric form value\n // renders identically once assigned (the input coerces it anyway).\n this.value = String(value);\n } else {\n this.value = '';\n }\n this.onChangeInputSearch();\n this.cdr.markForCheck();\n }\n\n registerOnChange(fn: (value: string \| number) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouch = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.disabled = isDisabled;\n this.cdr.markForCheck();\n }\n\n onActive(state: boolean, action: string): void {\n if (action === 'hover') {\n this.isActiveHover = state;\n } else if (action === 'focus') {\n this.isActiveField = state;\n\n if (!state && this.trimOnBlur) {\n this.clearSpace();\n }\n }\n }\n\n onSubmit(): void {\n if (this.trimOnSubmit) {\n this.clearSpace();\n }\n }\n\n private clearSpace(): void {\n this.value = this.value.trim();\n this.onChange(this.value);\n }\n\n onBlur(): void {\n this.fieldBlur.emit();\n }\n\n trackByFn = (index: number, value: string) => value;\n\n focus(): void {\n this.field.nativeElement.focus();\n }\n\n refocusPasswordButton(btn: ButtonComponent) {\n setTimeout(() => {\n btn.focus('keyboard');\n }, 0);\n }\n}\n","<ng-container>\n <mat-form-field\n [ngStyle]=\"{\n '--textarea-height': textareaHeight - 10 + 'px',\n '--textarea-height-container': textareaHeight + 'px',\n }\"\n #uiField\n appearance=\"outline\"\n hideRequiredMarker=\"true\"\n [color]=\"errorsLength \|\| (ngControl?.errors && ngControl?.touched) \|\| hasError ? 'warn' : 'accent'\"\n [ngClass]=\"{\n 'hide-bottom-content': !showBottomContent,\n textarea: type === 'textarea' \|\| type === 'textarea-scrollable',\n 'textarea-scrollable': type === 'textarea-scrollable',\n 'multi-line': type === 'multi-line',\n 'multi-line-textarea': type === 'multi-line' && autosizableTextarea && borderless,\n 'keyboard-focused': keyboardFocused(),\n 'has-label': !!label,\n 'has-value': !!value,\n 'text-area-borderless': borderless && (type === 'textarea' \|\| type === 'textarea-scrollable'),\n }\"\n (mouseenter)=\"onActive(true, 'hover')\"\n (mouseleave)=\"onActive(false, 'hover')\"\n >\n <span [style.display]=\"'none'\" [id]=\"ariaDescribedbyId()\">\n @if (required) {\n <span>{{ 'ERRORS.REQUIRED' \| uiTranslate \| async }}</span>\n }\n {{ ariaDescribedby() }}\n </span>\n <span [style.display]=\"'none'\" [id]=\"ariaLabelledbyId()\">\n {{ ariaLabelledby() ?? label }}\n </span>\n @if (\n (label \|\| labelHtml()) &&\n ((type !== 'search' && applicationTheme === 'classic') \|\| applicationTheme !== 'classic')\n ) {\n <mat-label class=\"label-with-icon\">\n @if (isAIVariant \|\| labelIcon) {\n <ui-icon [name]=\"isAIVariant ? 'Sparkle-in-line' : labelIcon!\" [size]=\"'16'\" class=\"label-icon\"></ui-icon>\n }\n <span>\n @if (labelHtml()) {\n <span [innerHTML]=\"labelHtml()\"></span>\n } @else {\n {{ label }}\n }\n @if (required) {\n <span></span>\n }\n </span>\n </mat-label>\n }\n @if (type === 'search' \|\| type === 'collapsed-search') {\n <mat-icon matIconPrefix class=\"search-icon\" [svgIcon]=\"'Search'\"></mat-icon>\n }\n @if (type !== 'textarea' && type !== 'textarea-scrollable' && type !== 'multi-line') {\n <input\n [attr.data-testid]=\"testId() ?? 'field-input'\"\n [readonly]=\"readOnly\"\n matInput\n #inputElement\n (blur)=\"onTouch(); onActive(false, 'focus'); onBlur()\"\n (input)=\"onInput($event)\"\n [id]=\"id()\"\n (keyup)=\"onChangeInputSearch()\"\n [placeholder]=\"placeholder!\"\n [value]=\"value\"\n [disabled]=\"disabled \|\| loading\"\n [type]=\"currentType\"\n (keyup.enter)=\"onSubmit()\"\n [max]=\"max\"\n [min]=\"min\"\n [name]=\"fieldName!\"\n [required]=\"required\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-invalid]=\"errorsLength \|\| (ngControl?.errors && ngControl?.touched) \|\| hasError\"\n [attr.aria-labelledby]=\"ariaLabelledbyId()\"\n [attr.aria-describedby]=\"ariaDescribedbyId()\"\n role=\"textbox\"\n digitsOnly\n [autocomplete]=\"isAutocompleteOff ? 'off' : 'on'\"\n [allowOnlyDigits]=\"allowOnlyDigits\"\n [allowNegative]=\"allowNegative\"\n (focusin)=\"onActive(true, 'focus')\"\n />\n } @else {\n <textarea\n [attr.data-testid]=\"testId()\"\n matInput\n #inputElement\n #autosize=\"cdkTextareaAutosize\"\n [readonly]=\"readOnly\"\n (blur)=\"onTouch(); onActive(false, 'focus'); onBlur()\"\n (input)=\"onInput($event)\"\n [id]=\"id()\"\n (keyup)=\"onChangeInputSearch()\"\n (keyup.enter)=\"onSubmit()\"\n [placeholder]=\"placeholder!\"\n [value]=\"value\"\n [disabled]=\"disabled\"\n [name]=\"fieldName!\"\n [required]=\"required\"\n [attr.aria-label]=\"!label ? ariaLabel : ''\"\n [attr.aria-invalid]=\"errorsLength \|\| (ngControl?.errors && ngControl?.touched) \|\| hasError\"\n [attr.aria-labelledby]=\"ariaLabelledbyId()\"\n [attr.aria-describedby]=\"ariaDescribedbyId()\"\n role=\"textbox\"\n [cdkTextareaAutosize]=\"type === 'multi-line'\"\n [cdkAutosizeMinRows]=\"type === 'multi-line' ? 1 : 5\"\n [cdkAutosizeMaxRows]=\"type === 'multi-line' ? maxRows : 5\"\n [attr.maxlength]=\"maxCharacters\"\n (focusin)=\"onActive(true, 'focus')\"\n ></textarea>\n }\n\n @if (type === 'search' \|\| type === 'collapsed-search' \|\| type === 'password' \|\| type === 'validation-text') {\n <div class=\"options\">\n <div class=\"options-container\">\n @if (showClose) {\n <ui-button\n variant=\"secondary\"\n [justIcon]=\"true\"\n class=\"close\"\n iconName=\"Close\"\n [label]=\"('COMMON.CLEAR' \| uiTranslate \| async)!\"\n (buttonClickEvent)=\"clearValue()\"\n [ariaLabel]=\"ariaLabel + '--' + ('COMMON.CLEAR' \| uiTranslate \| async)\"\n [testId]=\"clearTestId()\"\n ></ui-button>\n }\n @if (type === 'password') {\n <ui-button\n class=\"password\"\n variant=\"secondary\"\n [tooltip]=\"((showPassword ? 'FIELD.HIDE_PASSWORD' : 'FIELD.SHOW_PASSWORD') \| uiTranslate \| async)!\"\n [justIcon]=\"true\"\n role=\"switch\"\n [attr.aria-checked]=\"showPassword\"\n [iconName]=\"getPasswordIcon\"\n [applicationTheme]=\"applicationTheme\"\n [testId]=\"passwordToggleTestId()\"\n (click)=\"showPasswordClick()\"\n #btn\n (keydown.enter)=\"refocusPasswordButton(btn)\"\n (keydown.space)=\"refocusPasswordButton(btn)\"\n ></ui-button>\n }\n @if (\n type === 'validation-text' && (applicationTheme === 'dark' \|\| applicationTheme === 'light') && value.length\n ) {\n @if (!isValid) {\n <ui-button\n class=\"validation\"\n [variant]=\"'text'\"\n [applicationTheme]=\"'light'\"\n [label]=\"'Validate'\"\n [loading]=\"loading\"\n (click)=\"validate()\"\n [disabled]=\"disabled\"\n [size]=\"'small'\"\n ></ui-button>\n }\n @if (isValid) {\n <ui-icon class=\"valid\" [color]=\"'white'\" applicationTheme=\"light\" [name]=\"'Check'\"></ui-icon>\n }\n }\n </div>\n </div>\n }\n @if (\n hasTextAreaCounter &&\n (type === 'textarea' \|\| type === 'textarea-scrollable') &&\n !errorsLength &&\n !($safeNavigationMigration(ngControl?.errors) \| hasValidationError)\n ) {\n <mat-hint class=\"info\">{{ value.length }} / {{ maxCharacters }}</mat-hint>\n }\n\n @if (\n hintMessage &&\n !errorsLength &&\n !($safeNavigationMigration(ngControl?.errors) \| hasValidationError) &&\n type !== 'textarea' &&\n type !== 'textarea-scrollable'\n ) {\n <mat-hint class=\"info\">{{ hintMessage }}</mat-hint>\n }\n\n @if (errorsLength \|\| ($safeNavigationMigration(ngControl?.errors) \| hasValidationError)) {\n <mat-hint class=\"error\">\n @if (errorsLength) {\n @for (error of _errors; track trackByFn($index, error)) {\n <div class=\"errors\">\n <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n <span [innerHTML]=\"error\"></span>\n </div>\n }\n }\n @if (ngControl && !hideBuiltInErrors) {\n <ui-validation-error [ngControl]=\"ngControl\" [label]=\"hideLabelInErrors ? null : label\"></ui-validation-error>\n }\n </mat-hint>\n }\n\n @if (badgeVariant) {\n <ui-badge class=\"field-badge\" [variant]=\"badgeVariant\"></ui-badge>\n }\n </mat-form-field>\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { BadgeComponentModule } from '@testgorilla/tgo-ui/components/badge';\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { DigitsOnlyDirective, UiTranslatePipe, HasValidationErrorPipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { ValidationErrorModule } from '@testgorilla/tgo-ui/components/validation-error';\n\nimport { FieldComponent } from './field.component';\n\n@NgModule({\n imports: [\n CommonModule,\n MatFormFieldModule,\n MatInputModule,\n IconComponentModule,\n FormsModule,\n ReactiveFormsModule,\n ButtonComponentModule,\n MatIconModule,\n UiTranslatePipe,\n ValidationErrorModule,\n HasValidationErrorPipe,\n DigitsOnlyDirective,\n BadgeComponentModule,\n FieldComponent,\n ],\n exports: [FieldComponent],\n})\nexport class FieldComponentModule {}\n"],"mappings":"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"}

package/fesm2022/testgorilla-tgo-ui-components-filter-button.mjs CHANGED Viewed

@@ -394,12 +394,15 @@ var FilterButtonComponent = class FilterButtonComponent {
 						"ariaExpanded",
 						"ariaControls",
 						"ariaPressed",
+						"ariaHasPopup",
 						"ariaRequired",
 						"ariaLabelledby",
 						"ariaDescribedby",
 						"preventDefault",
 						"hasBackground",
 						"circular",
+						"isSingleLineLabel",
+						"iconButtonShape",
 						"tooltipPosition",
 						"role",
 						"iconFilled",