@lucca-front/ng 17.3.10 → 17.3.11
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.
- package/esm2022/forms/text-input/text-input.component.mjs +3 -3
- package/esm2022/multi-select/input/select-input.component.mjs +3 -3
- package/fesm2022/lucca-front-ng-forms.mjs +2 -2
- package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-multi-select.mjs +2 -2
- package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
- package/package.json +21 -21
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lucca-front-ng-forms.mjs","sources":["../../../packages/ng/forms/noop-value-accessor.directive.ts","../../../packages/ng/forms/inject-ng-control.ts","../../../packages/ng/forms/form-field-id.directive.ts","../../../packages/ng/forms/text-input/text-input.translate.ts","../../../packages/ng/forms/text-input/text-input.component.ts","../../../packages/ng/forms/text-input/text-input.component.html","../../../packages/ng/forms/checkbox-input/checkbox-input.component.ts","../../../packages/ng/forms/checkbox-input/checkbox-input.component.html","../../../packages/ng/forms/switch-input/switch-input.component.ts","../../../packages/ng/forms/switch-input/switch-input.component.html","../../../packages/ng/forms/lucca-front-ng-forms.ts"],"sourcesContent":["//Source: https://netbasal.com/forwarding-form-controls-to-custom-control-components-in-angular-701e8406cc55\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { Directive } from '@angular/core';\n\n@Directive({\n\tselector: '[luNoopValueAccessor]',\n\tstandalone: true,\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tmulti: true,\n\t\t\tuseExisting: NoopValueAccessorDirective,\n\t\t},\n\t],\n})\nexport class NoopValueAccessorDirective implements ControlValueAccessor {\n\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n\twriteValue(): void {}\n\n\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n\tregisterOnChange(): void {}\n\n\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n\tregisterOnTouched(): void {}\n}\n","//Source: https://netbasal.com/forwarding-form-controls-to-custom-control-components-in-angular-701e8406cc55\n// Heavily modified to handle ngModel properly\nimport { FormControlDirective, FormControlName, NgControl, NgModel } from '@angular/forms';\nimport { DestroyRef, inject } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nexport function injectNgControl() {\n\tconst ngControl = inject(NgControl, { self: true, optional: true });\n\n\tif (!ngControl) {\n\t\tthrow new Error('NgControl not found');\n\t}\n\n\tif (ngControl instanceof NgModel) {\n\t\tconst destroyRef = inject(DestroyRef);\n\t\tngControl.control.valueChanges.pipe(takeUntilDestroyed(destroyRef)).subscribe((value) => {\n\t\t\tif (ngControl.model !== value || ngControl.viewModel !== value) {\n\t\t\t\tngControl.viewToModelUpdate(value);\n\t\t\t}\n\t\t});\n\t\treturn ngControl;\n\t}\n\n\tif (ngControl instanceof FormControlDirective || ngControl instanceof FormControlName) {\n\t\treturn ngControl;\n\t}\n\n\tthrow new Error(`NgControl is not an instance of FormControlDirective, FormControlName or NgModel`);\n}\n","import { Directive, HostBinding, inject, Input, OnDestroy } from '@angular/core';\nimport { FormFieldComponent } from '@lucca-front/ng/form-field';\nimport { filter, take } from 'rxjs/operators';\n\n@Directive({\n\tselector: '[luFormFieldId]',\n\tstandalone: true,\n})\nexport class FormFieldIdDirective implements OnDestroy {\n\t#formFieldComponent = inject(FormFieldComponent);\n\n\t#suffix: string;\n\n\t@Input({\n\t\trequired: true,\n\t\talias: 'luFormFieldId',\n\t})\n\tset suffix(suffix: string) {\n\t\tthis.#suffix = suffix;\n\t\tif (this.#formFieldComponent.ready) {\n\t\t\tthis.applyLabelledBy();\n\t\t}\n\t}\n\n\t@Input()\n\tlabelledByStrategy: 'prepend' | 'append' = 'append';\n\n\t@HostBinding('attr.id')\n\tget id(): string {\n\t\treturn `${this.#formFieldComponent.id}-${this.#suffix}`;\n\t}\n\n\tconstructor() {\n\t\t// eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n\t\tthis.#formFieldComponent.ready$.pipe(filter(Boolean), take(1)).subscribe(() => {\n\t\t\tthis.applyLabelledBy();\n\t\t});\n\t}\n\n\tprivate applyLabelledBy(): void {\n\t\tthis.#formFieldComponent.addLabelledBy(`${this.#formFieldComponent.id}-${this.#suffix}`, this.labelledByStrategy === 'prepend');\n\t}\n\n\tngOnDestroy(): void {\n\t\tthis.#formFieldComponent.removeLabelledBy(`${this.#formFieldComponent.id}-${this.#suffix}`);\n\t}\n}\n","import { InjectionToken } from '@angular/core';\nimport { ILuTranslation } from '@lucca-front/ng/core';\n\nexport const LU_TEXTFIELD_TRANSLATIONS = new InjectionToken('LuTextfieldTranslations', {\n\tfactory: () => luTextfieldTranslations,\n});\n\nexport interface LuTextfieldLabel {\n\tclear: string;\n\ttogglePasswordVisibility: string;\n}\n\nexport const luTextfieldTranslations: ILuTranslation<LuTextfieldLabel> = {\n\ten: {\n\t\tclear: 'Empty this field',\n\t\ttogglePasswordVisibility: 'Show password',\n\t},\n\tfr: {\n\t\tclear: 'Vider ce champ',\n\t\ttogglePasswordVisibility: 'Afficher le mot de passe',\n\t},\n};\n","import { booleanAttribute, Component, ElementRef, Input, numberAttribute, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormFieldComponent, InputDirective } from '@lucca-front/ng/form-field';\nimport { NoopValueAccessorDirective } from '../noop-value-accessor.directive';\nimport { NgIf, NgTemplateOutlet } from '@angular/common';\nimport { FormFieldIdDirective } from '../form-field-id.directive';\nimport { TextInputAddon } from './text-input-addon';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { getIntl } from '@lucca-front/ng/core';\nimport { LU_TEXTFIELD_TRANSLATIONS } from './text-input.translate';\nimport { injectNgControl } from '../inject-ng-control';\n\ntype TextFieldType = 'text' | 'email' | 'password' | 'number';\n\n@Component({\n\tselector: 'lu-text-input',\n\tstandalone: true,\n\timports: [FormFieldComponent, InputDirective, NgIf, ReactiveFormsModule, FormFieldIdDirective, NgTemplateOutlet],\n\ttemplateUrl: './text-input.component.html',\n\thostDirectives: [NoopValueAccessorDirective],\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class TextInputComponent {\n\tngControl = injectNgControl();\n\n\t@Input()\n\tplaceholder: string = '';\n\n\t@Input({ transform: numberAttribute })\n\tstep: number = 1;\n\n\t@Input({ transform: booleanAttribute })\n\tnoSpinButtons = false;\n\n\t@Input({ transform: booleanAttribute })\n\thasClearer = false;\n\n\t@Input({ transform: booleanAttribute })\n\thasSearchIcon = false;\n\n\t@ViewChild('inputElement', { static: true })\n\tinputElementRef: ElementRef<HTMLInputElement>;\n\n\t@Input()\n\tprefix: TextInputAddon;\n\n\t@Input()\n\tsuffix: TextInputAddon;\n\n\t@Input()\n\tget type(): TextFieldType {\n\t\treturn this.showPassword ? 'text' : this._type;\n\t}\n\n\tset type(type: TextFieldType) {\n\t\tthis._type = type;\n\t}\n\n\t@Input()\n\t/**\n\t * Search icon to use for when `hasSearchIcon` is true, defaults to 'search'\n\t */\n\tsearchIcon: LuccaIcon = 'search';\n\n\tshowPassword: boolean = false;\n\n\tprivate _type: TextFieldType = 'text';\n\n\tprotected hasTogglePasswordVisibilityIcon() {\n\t\treturn this._type === 'password';\n\t}\n\n\tintl = getIntl(LU_TEXTFIELD_TRANSLATIONS);\n\n\tclearValue(): void {\n\t\tthis.ngControl.reset();\n\t\tthis.inputElementRef.nativeElement.focus();\n\t}\n\n\ttogglePasswordVisibility() {\n\t\tthis.showPassword = !this.showPassword;\n\t}\n}\n","<div class=\"textField\">\n\t<ng-template #textfieldAddon let-addon=\"addon\" let-type=\"type\">\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\" *ngIf=\"addon.content\">\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\">{{ addon.content }}</span>\n\t\t</span>\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\" *ngIf=\"addon.icon\">\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\"\n\t\t\t\t><span class=\"lucca-icon icon-{{addon.icon}}\"></span\n\t\t\t></span>\n\t\t</span>\n\t</ng-template>\n\n\t<ng-container *ngIf=\"prefix\">\n\t\t<ng-container\n\t\t\t*ngTemplateOutlet=\"textfieldAddon; context:{\n\t\t\ttype: 'prefix',\n\t\t\taddon: prefix\n }\"\n\t\t>\n\t\t</ng-container>\n\t</ng-container>\n\t<ng-container *ngIf=\"suffix\">\n\t\t<ng-container\n\t\t\t*ngTemplateOutlet=\"textfieldAddon; context:{\n\t\t\ttype: 'suffix',\n\t\t\taddon: suffix\n }\"\n\t\t>\n\t\t</ng-container>\n\t</ng-container>\n\n\t<div class=\"textField-input\">\n\t\t<input\n\t\t\tluInput\n\t\t\t[type]=\"type\"\n\t\t\tclass=\"textField-input-value\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[formControl]=\"ngControl.control\"\n\t\t\t[step]=\"step\"\n\t\t\t[class.u-noSpinButtons]=\"noSpinButtons\"\n\t\t\t#inputElement\n\t\t/>\n\t\t<div class=\"textField-input-affix\">\n\t\t\t<button class=\"textField-input-affix-clear clear\" (click)=\"clearValue()\" *ngIf=\"hasClearer && inputElement.value\">\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-close\"></span>\n\t\t\t\t<span class=\"u-mask\">{{ intl.clear }}</span>\n\t\t\t</button>\n\t\t\t<span aria-hidden=\"true\" class=\"textField-input-affix-icon lucca-icon icon-{{searchIcon}}\" *ngIf=\"hasSearchIcon\"></span>\n\t\t\t<button\n\t\t\t\t[attr.aria-pressed]=\"showPassword\"\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=\"button mod-onlyIcon mod-text textField-input-affix-passwordToggle\"\n\t\t\t\t(click)=\"togglePasswordVisibility()\"\n\t\t\t\t*ngIf=\"hasTogglePasswordVisibilityIcon()\"\n\t\t\t>\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-{{showPassword ? 'unwatch' : 'watch'}}\"></span>\n\t\t\t\t<span class=\"u-mask\">{{ intl.togglePasswordVisibility }}</span>\n\t\t\t</button>\n\t\t</div>\n\t</div>\n</div>\n","import { Component, inject, ViewEncapsulation } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FORM_FIELD_INSTANCE, FormFieldComponent, InputDirective } from '@lucca-front/ng/form-field';\nimport { injectNgControl } from '../inject-ng-control';\nimport { NoopValueAccessorDirective } from '../noop-value-accessor.directive';\n\n@Component({\n\tselector: 'lu-checkbox-input',\n\tstandalone: true,\n\timports: [ReactiveFormsModule, InputDirective],\n\thostDirectives: [NoopValueAccessorDirective],\n\ttemplateUrl: './checkbox-input.component.html',\n\tstyleUrls: ['./checkbox-input.component.scss'],\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'checkboxField',\n\t},\n})\nexport class CheckboxInputComponent {\n\tformField = inject<FormFieldComponent>(FORM_FIELD_INSTANCE, { optional: true });\n\n\tngControl = injectNgControl();\n\n\tconstructor() {\n\t\tif (this.formField) {\n\t\t\tthis.formField.layout = 'checkable';\n\t\t}\n\t}\n}\n","<input luInput type=\"checkbox\" class=\"checkboxField-input\" [formControl]=\"ngControl.control\" />\n<span class=\"checkboxField-icon\" aria-hidden=\"true\"><span class=\"checkboxField-icon-check\"></span></span>\n","import { Component, inject, ViewEncapsulation } from '@angular/core';\nimport { FORM_FIELD_INSTANCE, FormFieldComponent, InputDirective } from '@lucca-front/ng/form-field';\nimport { NoopValueAccessorDirective } from '../noop-value-accessor.directive';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { injectNgControl } from '../inject-ng-control';\n\n@Component({\n\tselector: 'lu-switch-input',\n\tstandalone: true,\n\timports: [FormFieldComponent, ReactiveFormsModule, InputDirective],\n\ttemplateUrl: './switch-input.component.html',\n\thostDirectives: [NoopValueAccessorDirective],\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'switchField',\n\t},\n})\nexport class SwitchInputComponent {\n\tformField = inject<FormFieldComponent>(FORM_FIELD_INSTANCE, { optional: true });\n\n\tngControl = injectNgControl();\n\n\tconstructor() {\n\t\tif (this.formField) {\n\t\t\tthis.formField.layout = 'checkable';\n\t\t}\n\t}\n}\n","<input luInput type=\"checkbox\" class=\"switchField-input\" [formControl]=\"ngControl.control\" />\n<span class=\"switchField-icon\" aria-hidden=\"true\"><span class=\"switchField-icon-check\"></span></span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.NoopValueAccessorDirective"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"lucca-front-ng-forms.mjs","sources":["../../../packages/ng/forms/noop-value-accessor.directive.ts","../../../packages/ng/forms/inject-ng-control.ts","../../../packages/ng/forms/form-field-id.directive.ts","../../../packages/ng/forms/text-input/text-input.translate.ts","../../../packages/ng/forms/text-input/text-input.component.ts","../../../packages/ng/forms/text-input/text-input.component.html","../../../packages/ng/forms/checkbox-input/checkbox-input.component.ts","../../../packages/ng/forms/checkbox-input/checkbox-input.component.html","../../../packages/ng/forms/switch-input/switch-input.component.ts","../../../packages/ng/forms/switch-input/switch-input.component.html","../../../packages/ng/forms/lucca-front-ng-forms.ts"],"sourcesContent":["//Source: https://netbasal.com/forwarding-form-controls-to-custom-control-components-in-angular-701e8406cc55\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { Directive } from '@angular/core';\n\n@Directive({\n\tselector: '[luNoopValueAccessor]',\n\tstandalone: true,\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tmulti: true,\n\t\t\tuseExisting: NoopValueAccessorDirective,\n\t\t},\n\t],\n})\nexport class NoopValueAccessorDirective implements ControlValueAccessor {\n\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n\twriteValue(): void {}\n\n\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n\tregisterOnChange(): void {}\n\n\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n\tregisterOnTouched(): void {}\n}\n","//Source: https://netbasal.com/forwarding-form-controls-to-custom-control-components-in-angular-701e8406cc55\n// Heavily modified to handle ngModel properly\nimport { FormControlDirective, FormControlName, NgControl, NgModel } from '@angular/forms';\nimport { DestroyRef, inject } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nexport function injectNgControl() {\n\tconst ngControl = inject(NgControl, { self: true, optional: true });\n\n\tif (!ngControl) {\n\t\tthrow new Error('NgControl not found');\n\t}\n\n\tif (ngControl instanceof NgModel) {\n\t\tconst destroyRef = inject(DestroyRef);\n\t\tngControl.control.valueChanges.pipe(takeUntilDestroyed(destroyRef)).subscribe((value) => {\n\t\t\tif (ngControl.model !== value || ngControl.viewModel !== value) {\n\t\t\t\tngControl.viewToModelUpdate(value);\n\t\t\t}\n\t\t});\n\t\treturn ngControl;\n\t}\n\n\tif (ngControl instanceof FormControlDirective || ngControl instanceof FormControlName) {\n\t\treturn ngControl;\n\t}\n\n\tthrow new Error(`NgControl is not an instance of FormControlDirective, FormControlName or NgModel`);\n}\n","import { Directive, HostBinding, inject, Input, OnDestroy } from '@angular/core';\nimport { FormFieldComponent } from '@lucca-front/ng/form-field';\nimport { filter, take } from 'rxjs/operators';\n\n@Directive({\n\tselector: '[luFormFieldId]',\n\tstandalone: true,\n})\nexport class FormFieldIdDirective implements OnDestroy {\n\t#formFieldComponent = inject(FormFieldComponent);\n\n\t#suffix: string;\n\n\t@Input({\n\t\trequired: true,\n\t\talias: 'luFormFieldId',\n\t})\n\tset suffix(suffix: string) {\n\t\tthis.#suffix = suffix;\n\t\tif (this.#formFieldComponent.ready) {\n\t\t\tthis.applyLabelledBy();\n\t\t}\n\t}\n\n\t@Input()\n\tlabelledByStrategy: 'prepend' | 'append' = 'append';\n\n\t@HostBinding('attr.id')\n\tget id(): string {\n\t\treturn `${this.#formFieldComponent.id}-${this.#suffix}`;\n\t}\n\n\tconstructor() {\n\t\t// eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n\t\tthis.#formFieldComponent.ready$.pipe(filter(Boolean), take(1)).subscribe(() => {\n\t\t\tthis.applyLabelledBy();\n\t\t});\n\t}\n\n\tprivate applyLabelledBy(): void {\n\t\tthis.#formFieldComponent.addLabelledBy(`${this.#formFieldComponent.id}-${this.#suffix}`, this.labelledByStrategy === 'prepend');\n\t}\n\n\tngOnDestroy(): void {\n\t\tthis.#formFieldComponent.removeLabelledBy(`${this.#formFieldComponent.id}-${this.#suffix}`);\n\t}\n}\n","import { InjectionToken } from '@angular/core';\nimport { ILuTranslation } from '@lucca-front/ng/core';\n\nexport const LU_TEXTFIELD_TRANSLATIONS = new InjectionToken('LuTextfieldTranslations', {\n\tfactory: () => luTextfieldTranslations,\n});\n\nexport interface LuTextfieldLabel {\n\tclear: string;\n\ttogglePasswordVisibility: string;\n}\n\nexport const luTextfieldTranslations: ILuTranslation<LuTextfieldLabel> = {\n\ten: {\n\t\tclear: 'Empty this field',\n\t\ttogglePasswordVisibility: 'Show password',\n\t},\n\tfr: {\n\t\tclear: 'Vider ce champ',\n\t\ttogglePasswordVisibility: 'Afficher le mot de passe',\n\t},\n};\n","import { booleanAttribute, Component, ElementRef, Input, numberAttribute, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormFieldComponent, InputDirective } from '@lucca-front/ng/form-field';\nimport { NoopValueAccessorDirective } from '../noop-value-accessor.directive';\nimport { NgIf, NgTemplateOutlet } from '@angular/common';\nimport { FormFieldIdDirective } from '../form-field-id.directive';\nimport { TextInputAddon } from './text-input-addon';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { getIntl } from '@lucca-front/ng/core';\nimport { LU_TEXTFIELD_TRANSLATIONS } from './text-input.translate';\nimport { injectNgControl } from '../inject-ng-control';\n\ntype TextFieldType = 'text' | 'email' | 'password' | 'number';\n\n@Component({\n\tselector: 'lu-text-input',\n\tstandalone: true,\n\timports: [FormFieldComponent, InputDirective, NgIf, ReactiveFormsModule, FormFieldIdDirective, NgTemplateOutlet],\n\ttemplateUrl: './text-input.component.html',\n\thostDirectives: [NoopValueAccessorDirective],\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class TextInputComponent {\n\tngControl = injectNgControl();\n\n\t@Input()\n\tplaceholder: string = '';\n\n\t@Input({ transform: numberAttribute })\n\tstep: number = 1;\n\n\t@Input({ transform: booleanAttribute })\n\tnoSpinButtons = false;\n\n\t@Input({ transform: booleanAttribute })\n\thasClearer = false;\n\n\t@Input({ transform: booleanAttribute })\n\thasSearchIcon = false;\n\n\t@ViewChild('inputElement', { static: true })\n\tinputElementRef: ElementRef<HTMLInputElement>;\n\n\t@Input()\n\tprefix: TextInputAddon;\n\n\t@Input()\n\tsuffix: TextInputAddon;\n\n\t@Input()\n\tget type(): TextFieldType {\n\t\treturn this.showPassword ? 'text' : this._type;\n\t}\n\n\tset type(type: TextFieldType) {\n\t\tthis._type = type;\n\t}\n\n\t@Input()\n\t/**\n\t * Search icon to use for when `hasSearchIcon` is true, defaults to 'search'\n\t */\n\tsearchIcon: LuccaIcon = 'search';\n\n\tshowPassword: boolean = false;\n\n\tprivate _type: TextFieldType = 'text';\n\n\tprotected hasTogglePasswordVisibilityIcon() {\n\t\treturn this._type === 'password';\n\t}\n\n\tintl = getIntl(LU_TEXTFIELD_TRANSLATIONS);\n\n\tclearValue(): void {\n\t\tthis.ngControl.reset();\n\t\tthis.inputElementRef.nativeElement.focus();\n\t}\n\n\ttogglePasswordVisibility() {\n\t\tthis.showPassword = !this.showPassword;\n\t}\n}\n","<div class=\"textField\">\n\t<ng-template #textfieldAddon let-addon=\"addon\" let-type=\"type\">\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\" *ngIf=\"addon.content\">\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\">{{ addon.content }}</span>\n\t\t</span>\n\t\t<span class=\"textField-{{type}}\" luFormFieldId=\"{{type}}\" *ngIf=\"addon.icon\">\n\t\t\t<span class=\"textField-label-{{type}}-item\" [attr.aria-label]=\"addon.ariaLabel\"\n\t\t\t\t><span class=\"lucca-icon icon-{{addon.icon}}\"></span\n\t\t\t></span>\n\t\t</span>\n\t</ng-template>\n\n\t<ng-container *ngIf=\"prefix\">\n\t\t<ng-container\n\t\t\t*ngTemplateOutlet=\"textfieldAddon; context:{\n\t\t\ttype: 'prefix',\n\t\t\taddon: prefix\n }\"\n\t\t>\n\t\t</ng-container>\n\t</ng-container>\n\t<ng-container *ngIf=\"suffix\">\n\t\t<ng-container\n\t\t\t*ngTemplateOutlet=\"textfieldAddon; context:{\n\t\t\ttype: 'suffix',\n\t\t\taddon: suffix\n }\"\n\t\t>\n\t\t</ng-container>\n\t</ng-container>\n\n\t<div class=\"textField-input\">\n\t\t<input\n\t\t\tluInput\n\t\t\t[type]=\"type\"\n\t\t\tclass=\"textField-input-value\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[formControl]=\"ngControl.control\"\n\t\t\t[step]=\"step\"\n\t\t\t[class.u-noSpinButtons]=\"noSpinButtons\"\n\t\t\t#inputElement\n\t\t/>\n\t\t<div class=\"textField-input-affix\">\n\t\t\t<button class=\"textField-input-affix-clear clear\" type=\"button\" (click)=\"clearValue()\" *ngIf=\"hasClearer && inputElement.value\">\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-close\"></span>\n\t\t\t\t<span class=\"u-mask\">{{ intl.clear }}</span>\n\t\t\t</button>\n\t\t\t<span aria-hidden=\"true\" class=\"textField-input-affix-icon lucca-icon icon-{{searchIcon}}\" *ngIf=\"hasSearchIcon\"></span>\n\t\t\t<button\n\t\t\t\t[attr.aria-pressed]=\"showPassword\"\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=\"button mod-onlyIcon mod-text textField-input-affix-passwordToggle\"\n\t\t\t\t(click)=\"togglePasswordVisibility()\"\n\t\t\t\t*ngIf=\"hasTogglePasswordVisibilityIcon()\"\n\t\t\t>\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-{{showPassword ? 'unwatch' : 'watch'}}\"></span>\n\t\t\t\t<span class=\"u-mask\">{{ intl.togglePasswordVisibility }}</span>\n\t\t\t</button>\n\t\t</div>\n\t</div>\n</div>\n","import { Component, inject, ViewEncapsulation } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FORM_FIELD_INSTANCE, FormFieldComponent, InputDirective } from '@lucca-front/ng/form-field';\nimport { injectNgControl } from '../inject-ng-control';\nimport { NoopValueAccessorDirective } from '../noop-value-accessor.directive';\n\n@Component({\n\tselector: 'lu-checkbox-input',\n\tstandalone: true,\n\timports: [ReactiveFormsModule, InputDirective],\n\thostDirectives: [NoopValueAccessorDirective],\n\ttemplateUrl: './checkbox-input.component.html',\n\tstyleUrls: ['./checkbox-input.component.scss'],\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'checkboxField',\n\t},\n})\nexport class CheckboxInputComponent {\n\tformField = inject<FormFieldComponent>(FORM_FIELD_INSTANCE, { optional: true });\n\n\tngControl = injectNgControl();\n\n\tconstructor() {\n\t\tif (this.formField) {\n\t\t\tthis.formField.layout = 'checkable';\n\t\t}\n\t}\n}\n","<input luInput type=\"checkbox\" class=\"checkboxField-input\" [formControl]=\"ngControl.control\" />\n<span class=\"checkboxField-icon\" aria-hidden=\"true\"><span class=\"checkboxField-icon-check\"></span></span>\n","import { Component, inject, ViewEncapsulation } from '@angular/core';\nimport { FORM_FIELD_INSTANCE, FormFieldComponent, InputDirective } from '@lucca-front/ng/form-field';\nimport { NoopValueAccessorDirective } from '../noop-value-accessor.directive';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { injectNgControl } from '../inject-ng-control';\n\n@Component({\n\tselector: 'lu-switch-input',\n\tstandalone: true,\n\timports: [FormFieldComponent, ReactiveFormsModule, InputDirective],\n\ttemplateUrl: './switch-input.component.html',\n\thostDirectives: [NoopValueAccessorDirective],\n\tencapsulation: ViewEncapsulation.None,\n\thost: {\n\t\tclass: 'switchField',\n\t},\n})\nexport class SwitchInputComponent {\n\tformField = inject<FormFieldComponent>(FORM_FIELD_INSTANCE, { optional: true });\n\n\tngControl = injectNgControl();\n\n\tconstructor() {\n\t\tif (this.formField) {\n\t\t\tthis.formField.layout = 'checkable';\n\t\t}\n\t}\n}\n","<input luInput type=\"checkbox\" class=\"switchField-input\" [formControl]=\"ngControl.control\" />\n<span class=\"switchField-icon\" aria-hidden=\"true\"><span class=\"switchField-icon-check\"></span></span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.NoopValueAccessorDirective"],"mappings":";;;;;;;;;;AAAA;MAea,0BAA0B,CAAA;;AAEtC,IAAA,UAAU,MAAW;;AAGrB,IAAA,gBAAgB,MAAW;;AAG3B,IAAA,iBAAiB,MAAW;8GARhB,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAR3B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,SAAA,EAAA;AACV,YAAA;AACC,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,KAAK,EAAE,IAAI;AACX,gBAAA,WAAW,EAAE,0BAA0B;AACvC,aAAA;AACD,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAEW,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAXtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,SAAS,EAAE;AACV,wBAAA;AACC,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,KAAK,EAAE,IAAI;AACX,4BAAA,WAAW,EAA4B,0BAAA;AACvC,yBAAA;AACD,qBAAA;AACD,iBAAA,CAAA;;;ACdD;AACA;SAKgB,eAAe,GAAA;AAC9B,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAEpE,IAAI,CAAC,SAAS,EAAE;AACf,QAAA,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;AACvC,KAAA;IAED,IAAI,SAAS,YAAY,OAAO,EAAE;AACjC,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AACtC,QAAA,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,KAAI;YACvF,IAAI,SAAS,CAAC,KAAK,KAAK,KAAK,IAAI,SAAS,CAAC,SAAS,KAAK,KAAK,EAAE;AAC/D,gBAAA,SAAS,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;AACnC,aAAA;AACF,SAAC,CAAC,CAAC;AACH,QAAA,OAAO,SAAS,CAAC;AACjB,KAAA;AAED,IAAA,IAAI,SAAS,YAAY,oBAAoB,IAAI,SAAS,YAAY,eAAe,EAAE;AACtF,QAAA,OAAO,SAAS,CAAC;AACjB,KAAA;AAED,IAAA,MAAM,IAAI,KAAK,CAAC,CAAA,gFAAA,CAAkF,CAAC,CAAC;AACrG;;MCpBa,oBAAoB,CAAA;AAChC,IAAA,mBAAmB,CAA8B;AAEjD,IAAA,OAAO,CAAS;IAEhB,IAII,MAAM,CAAC,MAAc,EAAA;AACxB,QAAA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;AACtB,QAAA,IAAI,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE;YACnC,IAAI,CAAC,eAAe,EAAE,CAAC;AACvB,SAAA;KACD;AAKD,IAAA,IACI,EAAE,GAAA;QACL,OAAO,CAAA,EAAG,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAA,CAAA,EAAI,IAAI,CAAC,OAAO,CAAA,CAAE,CAAC;KACxD;AAED,IAAA,WAAA,GAAA;AAvBA,QAAA,IAAA,CAAA,mBAAmB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;QAgBjD,IAAkB,CAAA,kBAAA,GAAyB,QAAQ,CAAC;;QASnD,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAK;YAC7E,IAAI,CAAC,eAAe,EAAE,CAAC;AACxB,SAAC,CAAC,CAAC;KACH;IAEO,eAAe,GAAA;QACtB,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAG,EAAA,IAAI,CAAC,mBAAmB,CAAC,EAAE,IAAI,IAAI,CAAC,OAAO,CAAA,CAAE,EAAE,IAAI,CAAC,kBAAkB,KAAK,SAAS,CAAC,CAAC;KAChI;IAED,WAAW,GAAA;AACV,QAAA,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAI,CAAA,EAAA,IAAI,CAAC,OAAO,CAAA,CAAE,CAAC,CAAC;KAC5F;8GArCW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,QAAA,CAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAJhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA,CAAA;wDAUI,MAAM,EAAA,CAAA;sBAJT,KAAK;AAAC,gBAAA,IAAA,EAAA,CAAA;AACN,wBAAA,QAAQ,EAAE,IAAI;AACd,wBAAA,KAAK,EAAE,eAAe;AACtB,qBAAA,CAAA;gBASD,kBAAkB,EAAA,CAAA;sBADjB,KAAK;gBAIF,EAAE,EAAA,CAAA;sBADL,WAAW;uBAAC,SAAS,CAAA;;;ACxBhB,MAAM,yBAAyB,GAAG,IAAI,cAAc,CAAC,yBAAyB,EAAE;AACtF,IAAA,OAAO,EAAE,MAAM,uBAAuB;AACtC,CAAA,CAAC,CAAC;AAOI,MAAM,uBAAuB,GAAqC;AACxE,IAAA,EAAE,EAAE;AACH,QAAA,KAAK,EAAE,kBAAkB;AACzB,QAAA,wBAAwB,EAAE,eAAe;AACzC,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,KAAK,EAAE,gBAAgB;AACvB,QAAA,wBAAwB,EAAE,0BAA0B;AACpD,KAAA;CACD;;MCCY,kBAAkB,CAAA;AAR/B,IAAA,WAAA,GAAA;QASC,IAAS,CAAA,SAAA,GAAG,eAAe,EAAE,CAAC;QAG9B,IAAW,CAAA,WAAA,GAAW,EAAE,CAAC;QAGzB,IAAI,CAAA,IAAA,GAAW,CAAC,CAAC;QAGjB,IAAa,CAAA,aAAA,GAAG,KAAK,CAAC;QAGtB,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;QAGnB,IAAa,CAAA,aAAA,GAAG,KAAK,CAAC;QAwBtB,IAAU,CAAA,UAAA,GAAc,QAAQ,CAAC;QAEjC,IAAY,CAAA,YAAA,GAAY,KAAK,CAAC;QAEtB,IAAK,CAAA,KAAA,GAAkB,MAAM,CAAC;AAMtC,QAAA,IAAA,CAAA,IAAI,GAAG,OAAO,CAAC,yBAAyB,CAAC,CAAC;AAU1C,KAAA;AAjCA,IAAA,IACI,IAAI,GAAA;AACP,QAAA,OAAO,IAAI,CAAC,YAAY,GAAG,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC;KAC/C;IAED,IAAI,IAAI,CAAC,IAAmB,EAAA;AAC3B,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;KAClB;IAYS,+BAA+B,GAAA;AACxC,QAAA,OAAO,IAAI,CAAC,KAAK,KAAK,UAAU,CAAC;KACjC;IAID,UAAU,GAAA;AACT,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;AACvB,QAAA,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;KAC3C;IAED,wBAAwB,GAAA;AACvB,QAAA,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC;KACvC;8GA3DW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,8GAMV,eAAe,CAAA,EAAA,aAAA,EAAA,CAAA,eAAA,EAAA,eAAA,EAGf,gBAAgB,CAGhB,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,gBAAgB,qDAGhB,gBAAgB,CAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,cAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAAA,0BAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrCrC,ixEA6DA,ED5C+B,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,cAAc,sDAAE,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,mBAAmB,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,oBAAoB,6GAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAKnG,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,SAAS;+BACC,eAAe,EAAA,UAAA,EACb,IAAI,EACP,OAAA,EAAA,CAAC,kBAAkB,EAAE,cAAc,EAAE,IAAI,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,gBAAgB,CAAC,EAEhG,cAAA,EAAA,CAAC,0BAA0B,CAAC,EAAA,aAAA,EAC7B,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,ixEAAA,EAAA,CAAA;8BAMrC,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;uBAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAA;gBAIrC,aAAa,EAAA,CAAA;sBADZ,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAItC,UAAU,EAAA,CAAA;sBADT,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAItC,aAAa,EAAA,CAAA;sBADZ,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAItC,eAAe,EAAA,CAAA;sBADd,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,cAAc,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;gBAI3C,MAAM,EAAA,CAAA;sBADL,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,KAAK;gBAIF,IAAI,EAAA,CAAA;sBADP,KAAK;;AAUN;;AAEG;QACH,UAAU,EAAA,CAAA;sBAJT,KAAK;;;MExCM,sBAAsB,CAAA;AAKlC,IAAA,WAAA,GAAA;QAJA,IAAS,CAAA,SAAA,GAAG,MAAM,CAAqB,mBAAmB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QAEhF,IAAS,CAAA,SAAA,GAAG,eAAe,EAAE,CAAC;QAG7B,IAAI,IAAI,CAAC,SAAS,EAAE;AACnB,YAAA,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,WAAW,CAAC;AACpC,SAAA;KACD;8GATW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EClBnC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,eAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAAA,0BAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,0NAEA,EDOW,MAAA,EAAA,CAAA,6kIAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,2eAAE,cAAc,EAAA,QAAA,EAAA,WAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FASjC,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAZlC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,cACjB,IAAI,EAAA,OAAA,EACP,CAAC,mBAAmB,EAAE,cAAc,CAAC,EAC9B,cAAA,EAAA,CAAC,0BAA0B,CAAC,EAAA,aAAA,EAG7B,iBAAiB,CAAC,IAAI,EAC/B,IAAA,EAAA;AACL,wBAAA,KAAK,EAAE,eAAe;AACtB,qBAAA,EAAA,QAAA,EAAA,0NAAA,EAAA,MAAA,EAAA,CAAA,6kIAAA,CAAA,EAAA,CAAA;;;MECW,oBAAoB,CAAA;AAKhC,IAAA,WAAA,GAAA;QAJA,IAAS,CAAA,SAAA,GAAG,MAAM,CAAqB,mBAAmB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QAEhF,IAAS,CAAA,SAAA,GAAG,eAAe,EAAE,CAAC;QAG7B,IAAI,IAAI,CAAC,SAAS,EAAE;AACnB,YAAA,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,WAAW,CAAC;AACpC,SAAA;KACD;8GATW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,ECjBjC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,aAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAAA,0BAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,oNAEA,EDO+B,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,2eAAE,cAAc,EAAA,QAAA,EAAA,WAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAQrD,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAXhC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,cACf,IAAI,EAAA,OAAA,EACP,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,cAAc,CAAC,EAAA,cAAA,EAElD,CAAC,0BAA0B,CAAC,iBAC7B,iBAAiB,CAAC,IAAI,EAC/B,IAAA,EAAA;AACL,wBAAA,KAAK,EAAE,aAAa;AACpB,qBAAA,EAAA,QAAA,EAAA,oNAAA,EAAA,CAAA;;;AEfF;;AAEG;;;;"}
|
|
@@ -422,7 +422,7 @@ class LuMultiSelectInputComponent extends ALuSelectInputComponent {
|
|
|
422
422
|
provideLuSelectOverlayContainer(),
|
|
423
423
|
provideLuSelectLabelsAndIds(),
|
|
424
424
|
LuMultiSelectPanelRefFactory,
|
|
425
|
-
], usesInheritance: true, ngImport: i0, template: "<ng-container *luOptionOutlet=\"valuesTpl; value: value || []\"></ng-container>\n\n<button\n\t*ngIf=\"hasValue && clearable && (disabled$ | async) === false\"\n\trole=\"button\"\n\tclass=\"multipleSelect-clear clear\"\n\t(click)=\"clearValue($event)\"\n>\n\t<span class=\"u-mask\">{{intl.clear}}</span>\n</button>\n<span aria-hidden=\"true\" class=\"multipleSelect-arrow lucca-icon icon-arrowChevronBottom\"></span>\n", styles: ["@charset \"UTF-8\";.multiSelect{--components-multiSelect-fontSize: var(--sizes-M-fontSize);--components-multiSelect-lineHeight: var(--sizes-M-lineHeight);--components-multiSelect-padding: var(--spacings-XS);--components-multiSelect-gap: var(--spacings-XS);--components-multiSelect-background: var(--colors-white-color);--components-multiSelect-border-color: var(--palettes-neutral-300);--components-multiSelect-placeholder: var(--palettes-neutral-400);--components-multiSelect-arrow-color: var(--palettes-neutral-600);display:flex;box-shadow:0 0 0 1px var(--components-multiSelect-border-color);background-color:var(--components-multiSelect-background);border-radius:var(--commons-borderRadius-M);padding:var(--components-multiSelect-padding);align-items:flex-end;gap:var(--components-multiSelect-gap);cursor:pointer}.multipleSelect-displayer{display:flex;gap:var(--spacings-XXS);flex-wrap:wrap;flex:1}.multipleSelect-displayer-chip-value{max-width:8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multipleSelect-displayer-search{display:block;min-width:2rem;width:auto;flex:1;order:1;border:0;padding:0;outline:none;color:var(--palettes-neutral-800);font-size:var(--components-multiSelect-fontSize);line-height:var(--components-multiSelect-lineHeight);background-color:transparent;cursor:pointer}.multipleSelect-displayer-search::placeholder{color:var(--palettes-neutral-400)}.multipleSelect-displayer-label{font-size:var(--components-multiSelect-fontSize);line-height:var(--components-multiSelect-lineHeight)}.multipleSelect-clear{margin-bottom:var(--spacings-XXS)}.multipleSelect-arrow{--icon-size: 1.5rem;color:var(--components-multiSelect-arrow-color)}.multiSelect.mod-S{--components-multiSelect-fontSize: var(--sizes-S-fontSize);--components-multiSelect-lineHeight: var(--sizes-S-lineHeight);--components-multiSelect-padding: .375rem;--components-multiSelect-gap: .375rem}.multiSelect.mod-S .multipleSelect-arrow{--icon-size: 1.25rem}.multiSelect.mod-S .multipleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.multiSelect.mod-S .multipleSelect-displayer-chip{--components-chip-fontSize: var(--sizes-XS-fontSize);--components-chip-lineHeight: var(--sizes-XS-lineHeight)}.multiSelect.mod-S .multipleSelect-displayer-numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.multiSelect:has(.multipleSelect-displayer-search:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.multiSelect:has(.multipleSelect-displayer-search[aria-invalid=true]){--components-multiSelect-border-color: var(--palettes-error-400);--components-multiSelect-background: var(--palettes-error-50);--components-multiSelect-placeholder: var(--palettes-error-400)}.multiSelect:has(.multipleSelect-displayer-search:disabled){--components-multiSelect-border-color: var(--palettes-neutral-300);--components-multiSelect-background: var(--palettes-neutral-100);--components-multiSelect-placeholder: var(--palettes-neutral-400);--components-multiSelect-arrow-color: var(--palettes-neutral-500);pointer-events:none}.multipleSelect-displayer.mod-filter{display:grid}.multipleSelect-displayer.mod-filter .multipleSelect-displayer-filter{grid-column-start:1;grid-row-start:1;display:flex;gap:var(--spacings-XXS)}.multipleSelect-displayer.mod-filter .multipleSelect-displayer-search{grid-column-start:1;grid-row-start:1}.multipleSelect-displayer.mod-filter.is-filled .multipleSelect-displayer-search{opacity:0}.multipleSelect-displayer.mod-filter:has([aria-expanded=true]):not(:has(:placeholder-shown)) .multipleSelect-displayer-filter{display:none}.multipleSelect-displayer.mod-filter:has([aria-expanded=true]):not(:has(:placeholder-shown)) .multipleSelect-displayer-search{opacity:1}.clear{--components-clear-size: 1rem;--components-clear-background: var(--palettes-neutral-700);--components-clear-cross-color: var(--colors-white-color);--components-clear-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");padding:0;border:0;width:100%;background-color:transparent;color:inherit;text-align:left;display:block;font:inherit;cursor:pointer;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;flex-shrink:0;width:var(--components-clear-size);height:var(--components-clear-size);border-radius:var(--commons-borderRadius-full)}.clear:before,.clear:after{content:\"\";grid-area:main}.clear:before{border-radius:var(--commons-borderRadius-full);background-color:var(--components-clear-background)}.clear:after{-webkit-mask-image:var(--components-clear-background-image);mask-image:var(--components-clear-background-image);-webkit-mask-size:var(--components-clear-size);mask-size:var(--components-clear-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-clear-cross-color)}.clear:hover{--components-clear-cross-color: var(--palettes-neutral-text);--components-clear-background: var(--palettes-neutral-600)}.clear:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:50%}.clear:active{--components-clear-background: var(--palettes-neutral-800)}.clear .lucca-icon{display:none}.clear.mod-S{--components-clear-size: .75rem;--icon-size: .75rem}.clear.palette-product:not([disabled]),.clear.palette-primary:not([disabled]){--components-clear-cross-color: var(--palettes-product-700);--components-clear-background: var(--colors-white-color)}.clear.palette-product:not([disabled]):hover,.clear.palette-primary:not([disabled]):hover{--components-clear-background: var(--palettes-product-50)}.clear.palette-product:not([disabled]):active,.clear.palette-primary:not([disabled]):active{--components-clear-background: var(--palettes-product-50)}.clear[disabled]{--components-clear-cross-color: var(--palettes-neutral-500);--components-clear-background: var(--palettes-neutral-300);cursor:default}.u-elevate1{box-shadow:var(--commons-elevations-elevation-1)}.u-elevate2{box-shadow:var(--commons-elevations-elevation-2)}.u-elevate3{box-shadow:var(--commons-elevations-elevation-3)}.u-elevate4{box-shadow:var(--commons-elevations-elevation-4)}.u-elevate5{box-shadow:var(--commons-elevations-elevation-5)}.u-elevate6{box-shadow:var(--commons-elevations-elevation-6)}.u-mask{border:0!important;clip:rect(1px,1px,1px,1px)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important;contain:paint!important}.u-clearfix:before,.u-clearfix:after,.u-clear:before,.u-clear:after{content:\" \";display:table}.u-clearfix:after,.u-clear:after{clear:both}.u-listReset{margin:0!important;padding:0!important;list-style-type:none!important}.u-descriptionListReset{margin:0!important}.u-descriptionListReset>dd,.u-descriptionListReset>div>dd{margin:0!important}.u-buttonReset{padding:0!important;border:0!important;width:100%!important;background-color:transparent!important;color:inherit!important;text-align:left!important;display:block!important;font:inherit!important;cursor:pointer!important}.u-floatLeft{float:left!important}.u-floatRight{float:right!important}.u-verticalAlignBaseline{vertical-align:baseline!important}.u-verticalAlignSub{vertical-align:sub!important}.u-verticalAlignSuper{vertical-align:super!important}.u-verticalAlignTextTop{vertical-align:text-top!important}.u-verticalAlignTextBottom{vertical-align:text-bottom!important}.u-verticalAlignMiddle{vertical-align:middle!important}.u-verticalAlignTop{vertical-align:top!important}.u-verticalAlignBottom{vertical-align:bottom!important}.u-whiteSpaceNormal{white-space:normal!important}.u-whiteSpaceNowrap{white-space:nowrap!important}.u-whiteSpacePreLine{white-space:pre-line!important}.u-displayBlock{display:block!important}.u-displayFlex{display:flex!important}.u-displayInline{display:inline!important}.u-displayInlineFlex{display:inline-flex!important}.u-displayInlineBlock{display:inline-block!important}.u-displayContents{display:contents!important}.u-displayNone{display:none!important}.u-flexDirectionColumn{flex-direction:column!important}.u-flexDirectionColumnReverse{flex-direction:column-reverse!important}.u-flexDirectionRow{flex-direction:row!important}.u-flexDirectionRowReverse{flex-direction:row-reverse!important}.u-flexWrapWrap{flex-wrap:wrap!important}.u-flexWrapNowrap{flex-wrap:nowrap!important}.u-flexWrapWrapReverse{flex-wrap:wrap-reverse!important}.u-justifyContentFlexStart{justify-content:flex-start!important}.u-justifyContentFlexEnd{justify-content:flex-end!important}.u-justifyContentSpaceAround{justify-content:space-around!important}.u-justifyContentSpaceBetween{justify-content:space-between!important}.u-justifyContentSpaceEvenly{justify-content:space-evenly!important}.u-justifyContentCenter{justify-content:center!important}.u-alignItemsFlexStart{align-items:flex-start!important}.u-alignItemsFlexEnd{align-items:flex-end!important}.u-alignItemsBaseline{align-items:baseline!important}.u-alignItemsStretch{align-items:stretch!important}.u-alignItemsCenter{align-items:center!important}.u-flexGrow0{flex-grow:0!important}.u-flexGrow1{flex-grow:1!important}.u-flexShrink0{flex-shrink:0!important}.u-flexShrink1{flex-shrink:1!important}.u-flexBasis0{flex-basis:0!important}.u-flexBasisAuto{flex-basis:auto!important}.u-orderMinus1{order:-1!important}.u-order1{order:1!important}.u-alignSelfFlexStart{align-self:flex-start!important}.u-alignSelfFlexEnd{align-self:flex-end!important}.u-alignSelfBaseline{align-self:baseline!important}.u-alignSelfStretch{align-self:stretch!important}.u-alignSelfCenter{align-self:center!important}.u-positionAbsolute{position:absolute!important}.u-positionRelative{position:relative!important}.u-positionStatic{position:static!important}.u-positionFixed{position:fixed!important}.u-positionSticky{position:sticky!important}.u-width100\\%{width:100%!important}.u-widthFitContent{width:-moz-fit-content!important;width:fit-content!important}.u-height100\\%{height:100%!important}.u-heightFitContent{height:-moz-fit-content!important;height:fit-content!important}.u-minWidth0{min-width:0!important}.u-minHeight0{min-height:0!important}.u-visibilityVisible{visibility:visible!important}.u-visibilityHidden{visibility:hidden!important}.u-visibilityCollapse{visibility:collapse!important}.u-fontWeight400{font-weight:400!important}.u-fontWeight600{font-weight:600!important}.u-fontWeight700{font-weight:700!important}.u-fontWeight900{font-weight:900!important}.u-fontWeightNormal{font-weight:400!important}.u-fontWeightBold{font-weight:700!important}.u-fontStyleNormal{font-style:normal!important}.u-fontStyleItalic{font-style:italic!important}.u-pointerEventsNone{pointer-events:none!important}.u-pointerEventsAuto{pointer-events:auto!important}.u-textAlignLeft{text-align:left!important}.u-textAlignCenter{text-align:center!important}.u-textAlignRight{text-align:right!important}.u-textDecorationUnderline{text-decoration:underline!important}.u-textDecorationLineThrough{text-decoration:line-through!important}.u-textDecorationNone{text-decoration:none!important}.u-overflowHidden{overflow:hidden!important}.u-overflowAuto{overflow:auto!important}.u-overflowVisible{overflow:visible!important}.u-overflowScroll{overflow:scroll!important}@media (prefers-reduced-motion: no-preference){.u-scrollBehaviorAuto{scroll-behavior:auto!important}.u-scrollBehaviorSmooth{scroll-behavior:smooth!important}}@media only print{.u-onlyPrintDisplayBlock{display:block!important}.u-onlyPrintDisplayFlex{display:flex!important}.u-onlyPrintDisplayInline{display:inline!important}.u-onlyPrintDisplayInlineFlex{display:inline-flex!important}.u-onlyPrintDisplayInlineBlock{display:inline-block!important}.u-onlyPrintDisplayContents{display:contents!important}.u-onlyPrintDisplayNone{display:none!important}}.u-onlyPrintDisplayContents,.u-onlyPrintDisplayInline-block,.u-onlyPrintDisplayInline-flex,.u-onlyPrintDisplayInline,.u-onlyPrintDisplayFlex,.u-onlyPrintDisplayBlock{display:none}.u-insetReset,.u-inset0{inset:0!important}.u-topReset,.u-top0{top:0!important}.u-bottomReset,.u-bottom0{bottom:0!important}.u-leftReset,.u-left0{left:0!important}.u-rightReset,.u-right0{right:0!important}.u-inlineReset,.u-inline0{inline:0!important}.u-blockReset,.u-block0{block:0!important}.u-margin0{margin:0!important}.u-marginXXS{margin:.25rem!important}.u-marginXS{margin:.5rem!important}.u-marginS{margin:1rem!important}.u-marginM{margin:1.5rem!important}.u-marginL{margin:2rem!important}.u-marginXL{margin:3rem!important}.u-marginXXL{margin:4rem!important}.u-marginAuto{margin:auto!important}.u-marginTop0{margin-top:0!important}.u-marginTopXXS{margin-top:.25rem!important}.u-marginTopXS{margin-top:.5rem!important}.u-marginTopS{margin-top:1rem!important}.u-marginTopM{margin-top:1.5rem!important}.u-marginTopL{margin-top:2rem!important}.u-marginTopXL{margin-top:3rem!important}.u-marginTopXXL{margin-top:4rem!important}.u-marginTopAuto{margin-top:auto!important}.u-marginBottom0{margin-bottom:0!important}.u-marginBottomXXS{margin-bottom:.25rem!important}.u-marginBottomXS{margin-bottom:.5rem!important}.u-marginBottomS{margin-bottom:1rem!important}.u-marginBottomM{margin-bottom:1.5rem!important}.u-marginBottomL{margin-bottom:2rem!important}.u-marginBottomXL{margin-bottom:3rem!important}.u-marginBottomXXL{margin-bottom:4rem!important}.u-marginBottomAuto{margin-bottom:auto!important}.u-marginLeft0{margin-left:0!important}.u-marginLeftXXS{margin-left:.25rem!important}.u-marginLeftXS{margin-left:.5rem!important}.u-marginLeftS{margin-left:1rem!important}.u-marginLeftM{margin-left:1.5rem!important}.u-marginLeftL{margin-left:2rem!important}.u-marginLeftXL{margin-left:3rem!important}.u-marginLeftXXL{margin-left:4rem!important}.u-marginLeftAuto{margin-left:auto!important}.u-marginRight0{margin-right:0!important}.u-marginRightXXS{margin-right:.25rem!important}.u-marginRightXS{margin-right:.5rem!important}.u-marginRightS{margin-right:1rem!important}.u-marginRightM{margin-right:1.5rem!important}.u-marginRightL{margin-right:2rem!important}.u-marginRightXL{margin-right:3rem!important}.u-marginRightXXL{margin-right:4rem!important}.u-marginRightAuto{margin-right:auto!important}.u-marginInline0{margin-inline:0!important}.u-marginInlineXXS{margin-inline:.25rem!important}.u-marginInlineXS{margin-inline:.5rem!important}.u-marginInlineS{margin-inline:1rem!important}.u-marginInlineM{margin-inline:1.5rem!important}.u-marginInlineL{margin-inline:2rem!important}.u-marginInlineXL{margin-inline:3rem!important}.u-marginInlineXXL{margin-inline:4rem!important}.u-marginInlineAuto{margin-inline:auto!important}.u-marginBlock0{margin-block:0!important}.u-marginBlockXXS{margin-block:.25rem!important}.u-marginBlockXS{margin-block:.5rem!important}.u-marginBlockS{margin-block:1rem!important}.u-marginBlockM{margin-block:1.5rem!important}.u-marginBlockL{margin-block:2rem!important}.u-marginBlockXL{margin-block:3rem!important}.u-marginBlockXXL{margin-block:4rem!important}.u-marginBlockAuto{margin-block:auto!important}.u-padding0{padding:0!important}.u-paddingXXS{padding:.25rem!important}.u-paddingXS{padding:.5rem!important}.u-paddingS{padding:1rem!important}.u-paddingM{padding:1.5rem!important}.u-paddingL{padding:2rem!important}.u-paddingXL{padding:3rem!important}.u-paddingXXL{padding:4rem!important}.u-paddingTop0{padding-top:0!important}.u-paddingTopXXS{padding-top:.25rem!important}.u-paddingTopXS{padding-top:.5rem!important}.u-paddingTopS{padding-top:1rem!important}.u-paddingTopM{padding-top:1.5rem!important}.u-paddingTopL{padding-top:2rem!important}.u-paddingTopXL{padding-top:3rem!important}.u-paddingTopXXL{padding-top:4rem!important}.u-paddingBottom0{padding-bottom:0!important}.u-paddingBottomXXS{padding-bottom:.25rem!important}.u-paddingBottomXS{padding-bottom:.5rem!important}.u-paddingBottomS{padding-bottom:1rem!important}.u-paddingBottomM{padding-bottom:1.5rem!important}.u-paddingBottomL{padding-bottom:2rem!important}.u-paddingBottomXL{padding-bottom:3rem!important}.u-paddingBottomXXL{padding-bottom:4rem!important}.u-paddingLeft0{padding-left:0!important}.u-paddingLeftXXS{padding-left:.25rem!important}.u-paddingLeftXS{padding-left:.5rem!important}.u-paddingLeftS{padding-left:1rem!important}.u-paddingLeftM{padding-left:1.5rem!important}.u-paddingLeftL{padding-left:2rem!important}.u-paddingLeftXL{padding-left:3rem!important}.u-paddingLeftXXL{padding-left:4rem!important}.u-paddingRight0{padding-right:0!important}.u-paddingRightXXS{padding-right:.25rem!important}.u-paddingRightXS{padding-right:.5rem!important}.u-paddingRightS{padding-right:1rem!important}.u-paddingRightM{padding-right:1.5rem!important}.u-paddingRightL{padding-right:2rem!important}.u-paddingRightXL{padding-right:3rem!important}.u-paddingRightXXL{padding-right:4rem!important}.u-paddingInline0{padding-inline:0!important}.u-paddingInlineXXS{padding-inline:.25rem!important}.u-paddingInlineXS{padding-inline:.5rem!important}.u-paddingInlineS{padding-inline:1rem!important}.u-paddingInlineM{padding-inline:1.5rem!important}.u-paddingInlineL{padding-inline:2rem!important}.u-paddingInlineXL{padding-inline:3rem!important}.u-paddingInlineXXL{padding-inline:4rem!important}.u-paddingBlock0{padding-block:0!important}.u-paddingBlockXXS{padding-block:.25rem!important}.u-paddingBlockXS{padding-block:.5rem!important}.u-paddingBlockS{padding-block:1rem!important}.u-paddingBlockM{padding-block:1.5rem!important}.u-paddingBlockL{padding-block:2rem!important}.u-paddingBlockXL{padding-block:3rem!important}.u-paddingBlockXXL{padding-block:4rem!important}.u-border0{border:0!important}.u-borderTop0{border-top:0!important}.u-borderBottom0{border-bottom:0!important}.u-borderLeft0{border-left:0!important}.u-borderRight0{border-right:0!important}.u-borderInline0{border-inline:0!important}.u-borderBlock0{border-block:0!important}.u-columnGap0{column-gap:0!important}.u-columnGapXXS{column-gap:.25rem!important}.u-columnGapXS{column-gap:.5rem!important}.u-columnGapS{column-gap:1rem!important}.u-columnGapM{column-gap:1.5rem!important}.u-columnGapL{column-gap:2rem!important}.u-columnGapXL{column-gap:3rem!important}.u-columnGapXXL{column-gap:4rem!important}.u-rowGap0{row-gap:0!important}.u-rowGapXXS{row-gap:.25rem!important}.u-rowGapXS{row-gap:.5rem!important}.u-rowGapS{row-gap:1rem!important}.u-rowGapM{row-gap:1.5rem!important}.u-rowGapL{row-gap:2rem!important}.u-rowGapXL{row-gap:3rem!important}.u-rowGapXXL{row-gap:4rem!important}.u-gap0{gap:0!important}.u-gapXXS{gap:.25rem!important}.u-gapXS{gap:.5rem!important}.u-gapS{gap:1rem!important}.u-gapM{gap:1.5rem!important}.u-gapL{gap:2rem!important}.u-gapXL{gap:3rem!important}.u-gapXXL{gap:4rem!important}.u-textXS{font-size:var(--sizes-XS-fontSize)!important;line-height:var(--sizes-XS-lineHeight)!important}.u-textS{font-size:var(--sizes-S-fontSize)!important;line-height:var(--sizes-S-lineHeight)!important}.u-textM{font-size:var(--sizes-M-fontSize)!important;line-height:var(--sizes-M-lineHeight)!important}.u-textL{font-size:var(--sizes-L-fontSize)!important;line-height:var(--sizes-L-lineHeight)!important}.u-textXL{font-size:var(--sizes-XL-fontSize)!important;line-height:var(--sizes-XL-lineHeight)!important}.u-textXXL{font-size:var(--sizes-XXL-fontSize)!important;line-height:var(--sizes-XXL-lineHeight)!important}.u-textXXXL{font-size:var(--sizes-XXXL-fontSize)!important;line-height:var(--sizes-XXXL-lineHeight)!important}.u-borderRadiusM{border-radius:4px!important}.u-borderRadiusL{border-radius:8px!important}.u-borderRadiusFull{border-radius:9999px!important}.u-borderTopLeftRadiusM{border-top-left-radius:4px!important}.u-borderTopLeftRadiusL{border-top-left-radius:8px!important}.u-borderTopLeftRadiusFull{border-top-left-radius:9999px!important}.u-borderTopRightRadiusM{border-top-right-radius:4px!important}.u-borderTopRightRadiusL{border-top-right-radius:8px!important}.u-borderTopRightRadiusFull{border-top-right-radius:9999px!important}.u-borderBottomLeftRadiusM{border-bottom-left-radius:4px!important}.u-borderBottomLeftRadiusL{border-bottom-left-radius:8px!important}.u-borderBottomLeftRadiusFull{border-bottom-left-radius:9999px!important}.u-borderBottomRightRadiusM{border-bottom-right-radius:4px!important}.u-borderBottomRightRadiusL{border-bottom-right-radius:8px!important}.u-borderBottomRightRadiusFull{border-bottom-right-radius:9999px!important}.u-textCritical{color:var(--palettes-critical-700)!important}.u-textError{color:var(--palettes-error-700)!important}.u-textWarning{color:var(--palettes-warning-700)!important}.u-textSuccess{color:var(--palettes-success-700)!important}.u-textBrand{color:var(--palettes-brand-700)!important}.u-textNeutral{color:var(--palettes-neutral-700)!important}.u-textNavigation{color:var(--palettes-navigation-700)!important}.u-textProduct{color:var(--palettes-product-700)!important}.u-textKiwi{color:var(--palettes-kiwi-700)!important}.u-textLime{color:var(--palettes-lime-700)!important}.u-textCucumber{color:var(--palettes-cucumber-700)!important}.u-textMint{color:var(--palettes-mint-700)!important}.u-textGlacier{color:var(--palettes-glacier-700)!important}.u-textLagoon{color:var(--palettes-lagoon-700)!important}.u-textBlueberry{color:var(--palettes-blueberry-700)!important}.u-textLavender{color:var(--palettes-lavender-700)!important}.u-textGrape{color:var(--palettes-grape-700)!important}.u-textWatermelon{color:var(--palettes-watermelon-700)!important}.u-textPumpkin{color:var(--palettes-pumpkin-700)!important}.u-textPineapple{color:var(--palettes-pineapple-700)!important}.u-textLucca{color:var(--palettes-lucca-700)!important}.u-textGrey{color:var(--palettes-grey-700)!important}.u-textPrimary{color:var(--palettes-primary-700)!important}.u-textSecondary{color:var(--palettes-secondary-700)!important}.u-textLeft{text-align:left!important}.u-textRight{text-align:right!important}.u-textCenter{text-align:center!important}.u-textLight{color:var(--palettes-neutral-600)!important}.u-textPlaceholder{color:var(--palettes-neutral-400)!important}.u-textDefault{color:var(--palettes-neutral-700)!important}.u-unit{font-size:.66em!important}.u-comma:not(:last-child):after{content:\",\\a0\"!important}.u-ellipsis{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.u-fontWeightRegular{font-weight:400!important}.u-fontWeightSemiBold{font-weight:600!important}.u-noSpinButtons::-webkit-outer-spin-button,.u-noSpinButtons::-webkit-inner-spin-button{-webkit-appearance:none}.u-noSpinButtons[type=number]{-moz-appearance:textfield}[data-content-before]:before{content:attr(data-content-before)}[data-content-after]:after{content:attr(data-content-after)}.u-h1,.u-h2,.u-h3,.u-h4,.u-h5,.u-h6{margin-top:0;color:var(--palettes-neutral-900);margin-bottom:var(--spacings-S);text-rendering:geometricPrecision;text-wrap:pretty;font-weight:var(--components-title-weight, 600);font-size:var(--sizes-fontSize);line-height:var(--sizes-lineHeight);padding-top:var(--sizes-verticalPadding);padding-bottom:var(--sizes-verticalPadding)}.u-h1{--sizes-verticalPadding: var(--sizes-XXL-verticalPadding);--sizes-fontSize: var(--sizes-XXL-fontSize);--sizes-lineHeight: var(--sizes-XXL-lineHeight);--components-title-weight: 900}.u-h1.mod-XXXL{--sizes-verticalPadding: var(--sizes-XXXL-verticalPadding);--sizes-fontSize: var(--sizes-XXXL-fontSize);--sizes-lineHeight: var(--sizes-XXXL-lineHeight);--components-title-weight: 900}.u-h2{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700}.u-h3{--sizes-verticalPadding: var(--sizes-L-verticalPadding);--sizes-fontSize: var(--sizes-L-fontSize);--sizes-lineHeight: var(--sizes-L-lineHeight);--components-title-weight: 700}.u-h4{--sizes-verticalPadding: var(--sizes-M-verticalPadding);--sizes-fontSize: var(--sizes-M-fontSize);--sizes-lineHeight: var(--sizes-M-lineHeight);--components-title-weight: 600}.u-h5{--sizes-verticalPadding: var(--sizes-S-verticalPadding);--sizes-fontSize: var(--sizes-S-fontSize);--sizes-lineHeight: var(--sizes-S-lineHeight);--components-title-weight: 600}.u-h6{--sizes-verticalPadding: var(--sizes-XS-verticalPadding);--sizes-fontSize: var(--sizes-XS-fontSize);--sizes-lineHeight: var(--sizes-XS-lineHeight);--components-title-weight: 600}.u-animatedFadeIn,.u-animatedFadeOut{animation-name:fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.u-animatedScaleIn,.u-animatedScaleOut{animation-name:scaleIn}.u-animatedScaleInTop,.u-animatedScaleOutTop{animation-name:scaleInTop}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.u-animatedScaleInRight,.u-animatedScaleOutRight{animation-name:scaleInRight}@keyframes scaleInRight{0%{transform-origin:right center;transform:scaleX(0)}to{transform-origin:right center;transform:scale(1)}}.u-animatedScaleInBottom,.u-animatedScaleOutBottom{animation-name:scaleInBottom}@keyframes scaleInBottom{0%{transform-origin:bottom center;transform:scaleY(0)}to{transform-origin:bottom center;transform:scale(1)}}.u-animatedScaleInLeft,.u-animatedScaleOutLeft{animation-name:scaleInLeft}@keyframes scaleInLeft{0%{transform-origin:left center;transform:scaleX(0)}to{transform-origin:left center;transform:scale(1)}}.u-animatedSlideIn,.u-animatedSlideInTop,.u-animatedSlideOut,.u-animatedSlideOutTop{animation-name:slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(calc(-1 * var(--commons-animations-translate)))}to{opacity:1;transform:translate(0)}}.u-animatedSlideInRight,.u-animatedSlideOutRight{animation-name:slideInRight}@keyframes slideInRight{0%{transform:translate(var(--commons-animations-translate));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedSlideInBottom,.u-animatedSlideOutBottom{animation-name:slideInBottom}@keyframes slideInBottom{0%{transform:translateY(var(--commons-animations-translate));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedSlideInLeft,.u-animatedSlideOutLeft{animation-name:slideInLeft}@keyframes slideInLeft{0%{transform:translate(calc(-1 * var(--commons-animations-translate)));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedShake{animation-name:shake}@keyframes shake{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-10px,0,0)}40%,80%{transform:translate3d(10px,0,0)}}.u-animatedPulse{animation-name:pulse;animation-direction:alternate;animation-iteration-count:var(--commons-animations-iteration-count)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.u-animatedFadeOut,.u-animatedSlideOut,.u-animatedSlideOutTop,.u-animatedSlideOutRight,.u-animatedSlideOutBottom,.u-animatedSlideOutLeft,.u-animatedScaleOut,.u-animatedScaleOutTop,.u-animatedScaleOutRight,.u-animatedScaleOutBottom,.u-animatedScaleOutLeft{animation-direction:reverse}[class*=u-animated]{animation-duration:var(--duration, var(--commons-animations-durations-standard));animation-timing-function:var(--commons-animations-function)}[class*=u-animated].mod-animation-duration-fast{--duration: var(--commons-animations-durations-fast)}[class*=u-animated].mod-animation-duration-slow{--duration: var(--commons-animations-durations-slow)}.chip{--components-chip-fontSize: var(--sizes-S-fontSize);--components-chip-lineHeight: var(--sizes-S-lineHeight);--components-chip-kill-size: .75rem;--components-chip-kill-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");background-color:var(--palettes-700, var(--palettes-neutral-200));border-radius:var(--commons-borderRadius-M);color:var(--palettes-text, var(--palettes-neutral-800));display:inline-flex;align-items:center;gap:var(--spacings-XS);position:relative;vertical-align:middle;padding:calc(var(--spacings-XXS) / 2) var(--spacings-XS);font-size:var(--components-chip-fontSize);line-height:var(--components-chip-lineHeight)}.chip-kill{padding:0;border:0;width:100%;background-color:transparent;color:inherit;text-align:left;display:block;font:inherit;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;width:var(--components-chip-kill-size);height:var(--components-chip-kill-size);border-radius:var(--commons-borderRadius-full)!important;flex-shrink:0;cursor:pointer}.chip-kill:before,.chip-kill:after{content:\"\";grid-area:main}.chip-kill:before{border-radius:var(--commons-borderRadius-full);background-color:var(--components-chip-kill-disk-color, var(--palettes-neutral-700))}.chip-kill:after{-webkit-mask-image:var(--components-chip-kill-background-image);mask-image:var(--components-chip-kill-background-image);-webkit-mask-size:var(--components-chip-kill-size);mask-size:var(--components-chip-kill-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-chip-kill-cross-color, var(--colors-white-color))}.chip-kill:hover{--components-chip-kill-disk-color: var(--palettes-neutral-600);--components-chip-kill-cross-color: var(--palettes-700, var(--colors-white-color))}.chip-kill:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:var(--commons-borderRadius-full)}.chip-kill:active{--components-chip-kill-disk-color: var(--palettes-50, var(--palettes-neutral-800))}.chip.mod-S{--components-chip-fontSize: var(--sizes-XS-fontSize);--components-chip-lineHeight: var(--sizes-XS-lineHeight)}.chip.palette-product .chip-kill,.chip.palette-primary .chip-kill{--components-chip-kill-cross-color: var(--palettes-product-700);--components-chip-kill-disk-color: var(--colors-white-color)}.chip.palette-product .chip-kill:hover,.chip.palette-primary .chip-kill:hover,.chip.palette-product .chip-kill:active,.chip.palette-primary .chip-kill:active{--components-chip-kill-disk-color: var(--palettes-product-50)}.chip.palette-product .chip-kill:focus-visible,.chip.palette-primary .chip-kill:focus-visible{outline:2px solid var(--colors-white-color);outline-offset:2px}.chip.mod-unkillable .chip-kill{display:none}.chip.mod-clickable{cursor:pointer;text-decoration:none}.chip.mod-clickable:hover{background-color:var(--palettes-600, var(--palettes-neutral-100))}.chip.is-disabled{background:var(--palettes-neutral-100);color:var(--palettes-neutral-500)}.chip.is-disabled .chip-kill{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: ɵLuOptionOutletDirective, selector: "[luOptionOutlet]", inputs: ["luOptionOutlet", "luOptionOutletValue", "luOptionShowNull"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
425
|
+
], usesInheritance: true, ngImport: i0, template: "<ng-container *luOptionOutlet=\"valuesTpl; value: value || []\"></ng-container>\n\n<button\n\t*ngIf=\"hasValue && clearable && (disabled$ | async) === false\"\n\trole=\"button\"\n\ttype=\"button\"\n\tclass=\"multipleSelect-clear clear\"\n\t(click)=\"clearValue($event)\"\n>\n\t<span class=\"u-mask\">{{intl.clear}}</span>\n</button>\n<span aria-hidden=\"true\" class=\"multipleSelect-arrow lucca-icon icon-arrowChevronBottom\"></span>\n", styles: ["@charset \"UTF-8\";.multiSelect{--components-multiSelect-fontSize: var(--sizes-M-fontSize);--components-multiSelect-lineHeight: var(--sizes-M-lineHeight);--components-multiSelect-padding: var(--spacings-XS);--components-multiSelect-gap: var(--spacings-XS);--components-multiSelect-background: var(--colors-white-color);--components-multiSelect-border-color: var(--palettes-neutral-300);--components-multiSelect-placeholder: var(--palettes-neutral-400);--components-multiSelect-arrow-color: var(--palettes-neutral-600);display:flex;box-shadow:0 0 0 1px var(--components-multiSelect-border-color);background-color:var(--components-multiSelect-background);border-radius:var(--commons-borderRadius-M);padding:var(--components-multiSelect-padding);align-items:flex-end;gap:var(--components-multiSelect-gap);cursor:pointer}.multipleSelect-displayer{display:flex;gap:var(--spacings-XXS);flex-wrap:wrap;flex:1}.multipleSelect-displayer-chip-value{max-width:8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multipleSelect-displayer-search{display:block;min-width:2rem;width:auto;flex:1;order:1;border:0;padding:0;outline:none;color:var(--palettes-neutral-800);font-size:var(--components-multiSelect-fontSize);line-height:var(--components-multiSelect-lineHeight);background-color:transparent;cursor:pointer}.multipleSelect-displayer-search::placeholder{color:var(--palettes-neutral-400)}.multipleSelect-displayer-label{font-size:var(--components-multiSelect-fontSize);line-height:var(--components-multiSelect-lineHeight)}.multipleSelect-clear{margin-bottom:var(--spacings-XXS)}.multipleSelect-arrow{--icon-size: 1.5rem;color:var(--components-multiSelect-arrow-color)}.multiSelect.mod-S{--components-multiSelect-fontSize: var(--sizes-S-fontSize);--components-multiSelect-lineHeight: var(--sizes-S-lineHeight);--components-multiSelect-padding: .375rem;--components-multiSelect-gap: .375rem}.multiSelect.mod-S .multipleSelect-arrow{--icon-size: 1.25rem}.multiSelect.mod-S .multipleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.multiSelect.mod-S .multipleSelect-displayer-chip{--components-chip-fontSize: var(--sizes-XS-fontSize);--components-chip-lineHeight: var(--sizes-XS-lineHeight)}.multiSelect.mod-S .multipleSelect-displayer-numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.multiSelect:has(.multipleSelect-displayer-search:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.multiSelect:has(.multipleSelect-displayer-search[aria-invalid=true]){--components-multiSelect-border-color: var(--palettes-error-400);--components-multiSelect-background: var(--palettes-error-50);--components-multiSelect-placeholder: var(--palettes-error-400)}.multiSelect:has(.multipleSelect-displayer-search:disabled){--components-multiSelect-border-color: var(--palettes-neutral-300);--components-multiSelect-background: var(--palettes-neutral-100);--components-multiSelect-placeholder: var(--palettes-neutral-400);--components-multiSelect-arrow-color: var(--palettes-neutral-500);pointer-events:none}.multipleSelect-displayer.mod-filter{display:grid}.multipleSelect-displayer.mod-filter .multipleSelect-displayer-filter{grid-column-start:1;grid-row-start:1;display:flex;gap:var(--spacings-XXS)}.multipleSelect-displayer.mod-filter .multipleSelect-displayer-search{grid-column-start:1;grid-row-start:1}.multipleSelect-displayer.mod-filter.is-filled .multipleSelect-displayer-search{opacity:0}.multipleSelect-displayer.mod-filter:has([aria-expanded=true]):not(:has(:placeholder-shown)) .multipleSelect-displayer-filter{display:none}.multipleSelect-displayer.mod-filter:has([aria-expanded=true]):not(:has(:placeholder-shown)) .multipleSelect-displayer-search{opacity:1}.clear{--components-clear-size: 1rem;--components-clear-background: var(--palettes-neutral-700);--components-clear-cross-color: var(--colors-white-color);--components-clear-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");padding:0;border:0;width:100%;background-color:transparent;color:inherit;text-align:left;display:block;font:inherit;cursor:pointer;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;flex-shrink:0;width:var(--components-clear-size);height:var(--components-clear-size);border-radius:var(--commons-borderRadius-full)}.clear:before,.clear:after{content:\"\";grid-area:main}.clear:before{border-radius:var(--commons-borderRadius-full);background-color:var(--components-clear-background)}.clear:after{-webkit-mask-image:var(--components-clear-background-image);mask-image:var(--components-clear-background-image);-webkit-mask-size:var(--components-clear-size);mask-size:var(--components-clear-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-clear-cross-color)}.clear:hover{--components-clear-cross-color: var(--palettes-neutral-text);--components-clear-background: var(--palettes-neutral-600)}.clear:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:50%}.clear:active{--components-clear-background: var(--palettes-neutral-800)}.clear .lucca-icon{display:none}.clear.mod-S{--components-clear-size: .75rem;--icon-size: .75rem}.clear.palette-product:not([disabled]),.clear.palette-primary:not([disabled]){--components-clear-cross-color: var(--palettes-product-700);--components-clear-background: var(--colors-white-color)}.clear.palette-product:not([disabled]):hover,.clear.palette-primary:not([disabled]):hover{--components-clear-background: var(--palettes-product-50)}.clear.palette-product:not([disabled]):active,.clear.palette-primary:not([disabled]):active{--components-clear-background: var(--palettes-product-50)}.clear[disabled]{--components-clear-cross-color: var(--palettes-neutral-500);--components-clear-background: var(--palettes-neutral-300);cursor:default}.u-elevate1{box-shadow:var(--commons-elevations-elevation-1)}.u-elevate2{box-shadow:var(--commons-elevations-elevation-2)}.u-elevate3{box-shadow:var(--commons-elevations-elevation-3)}.u-elevate4{box-shadow:var(--commons-elevations-elevation-4)}.u-elevate5{box-shadow:var(--commons-elevations-elevation-5)}.u-elevate6{box-shadow:var(--commons-elevations-elevation-6)}.u-mask{border:0!important;clip:rect(1px,1px,1px,1px)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important;contain:paint!important}.u-clearfix:before,.u-clearfix:after,.u-clear:before,.u-clear:after{content:\" \";display:table}.u-clearfix:after,.u-clear:after{clear:both}.u-listReset{margin:0!important;padding:0!important;list-style-type:none!important}.u-descriptionListReset{margin:0!important}.u-descriptionListReset>dd,.u-descriptionListReset>div>dd{margin:0!important}.u-buttonReset{padding:0!important;border:0!important;width:100%!important;background-color:transparent!important;color:inherit!important;text-align:left!important;display:block!important;font:inherit!important;cursor:pointer!important}.u-floatLeft{float:left!important}.u-floatRight{float:right!important}.u-verticalAlignBaseline{vertical-align:baseline!important}.u-verticalAlignSub{vertical-align:sub!important}.u-verticalAlignSuper{vertical-align:super!important}.u-verticalAlignTextTop{vertical-align:text-top!important}.u-verticalAlignTextBottom{vertical-align:text-bottom!important}.u-verticalAlignMiddle{vertical-align:middle!important}.u-verticalAlignTop{vertical-align:top!important}.u-verticalAlignBottom{vertical-align:bottom!important}.u-whiteSpaceNormal{white-space:normal!important}.u-whiteSpaceNowrap{white-space:nowrap!important}.u-whiteSpacePreLine{white-space:pre-line!important}.u-displayBlock{display:block!important}.u-displayFlex{display:flex!important}.u-displayInline{display:inline!important}.u-displayInlineFlex{display:inline-flex!important}.u-displayInlineBlock{display:inline-block!important}.u-displayContents{display:contents!important}.u-displayNone{display:none!important}.u-flexDirectionColumn{flex-direction:column!important}.u-flexDirectionColumnReverse{flex-direction:column-reverse!important}.u-flexDirectionRow{flex-direction:row!important}.u-flexDirectionRowReverse{flex-direction:row-reverse!important}.u-flexWrapWrap{flex-wrap:wrap!important}.u-flexWrapNowrap{flex-wrap:nowrap!important}.u-flexWrapWrapReverse{flex-wrap:wrap-reverse!important}.u-justifyContentFlexStart{justify-content:flex-start!important}.u-justifyContentFlexEnd{justify-content:flex-end!important}.u-justifyContentSpaceAround{justify-content:space-around!important}.u-justifyContentSpaceBetween{justify-content:space-between!important}.u-justifyContentSpaceEvenly{justify-content:space-evenly!important}.u-justifyContentCenter{justify-content:center!important}.u-alignItemsFlexStart{align-items:flex-start!important}.u-alignItemsFlexEnd{align-items:flex-end!important}.u-alignItemsBaseline{align-items:baseline!important}.u-alignItemsStretch{align-items:stretch!important}.u-alignItemsCenter{align-items:center!important}.u-flexGrow0{flex-grow:0!important}.u-flexGrow1{flex-grow:1!important}.u-flexShrink0{flex-shrink:0!important}.u-flexShrink1{flex-shrink:1!important}.u-flexBasis0{flex-basis:0!important}.u-flexBasisAuto{flex-basis:auto!important}.u-orderMinus1{order:-1!important}.u-order1{order:1!important}.u-alignSelfFlexStart{align-self:flex-start!important}.u-alignSelfFlexEnd{align-self:flex-end!important}.u-alignSelfBaseline{align-self:baseline!important}.u-alignSelfStretch{align-self:stretch!important}.u-alignSelfCenter{align-self:center!important}.u-positionAbsolute{position:absolute!important}.u-positionRelative{position:relative!important}.u-positionStatic{position:static!important}.u-positionFixed{position:fixed!important}.u-positionSticky{position:sticky!important}.u-width100\\%{width:100%!important}.u-widthFitContent{width:-moz-fit-content!important;width:fit-content!important}.u-height100\\%{height:100%!important}.u-heightFitContent{height:-moz-fit-content!important;height:fit-content!important}.u-minWidth0{min-width:0!important}.u-minHeight0{min-height:0!important}.u-visibilityVisible{visibility:visible!important}.u-visibilityHidden{visibility:hidden!important}.u-visibilityCollapse{visibility:collapse!important}.u-fontWeight400{font-weight:400!important}.u-fontWeight600{font-weight:600!important}.u-fontWeight700{font-weight:700!important}.u-fontWeight900{font-weight:900!important}.u-fontWeightNormal{font-weight:400!important}.u-fontWeightBold{font-weight:700!important}.u-fontStyleNormal{font-style:normal!important}.u-fontStyleItalic{font-style:italic!important}.u-pointerEventsNone{pointer-events:none!important}.u-pointerEventsAuto{pointer-events:auto!important}.u-textAlignLeft{text-align:left!important}.u-textAlignCenter{text-align:center!important}.u-textAlignRight{text-align:right!important}.u-textDecorationUnderline{text-decoration:underline!important}.u-textDecorationLineThrough{text-decoration:line-through!important}.u-textDecorationNone{text-decoration:none!important}.u-overflowHidden{overflow:hidden!important}.u-overflowAuto{overflow:auto!important}.u-overflowVisible{overflow:visible!important}.u-overflowScroll{overflow:scroll!important}@media (prefers-reduced-motion: no-preference){.u-scrollBehaviorAuto{scroll-behavior:auto!important}.u-scrollBehaviorSmooth{scroll-behavior:smooth!important}}@media only print{.u-onlyPrintDisplayBlock{display:block!important}.u-onlyPrintDisplayFlex{display:flex!important}.u-onlyPrintDisplayInline{display:inline!important}.u-onlyPrintDisplayInlineFlex{display:inline-flex!important}.u-onlyPrintDisplayInlineBlock{display:inline-block!important}.u-onlyPrintDisplayContents{display:contents!important}.u-onlyPrintDisplayNone{display:none!important}}.u-onlyPrintDisplayContents,.u-onlyPrintDisplayInline-block,.u-onlyPrintDisplayInline-flex,.u-onlyPrintDisplayInline,.u-onlyPrintDisplayFlex,.u-onlyPrintDisplayBlock{display:none}.u-insetReset,.u-inset0{inset:0!important}.u-topReset,.u-top0{top:0!important}.u-bottomReset,.u-bottom0{bottom:0!important}.u-leftReset,.u-left0{left:0!important}.u-rightReset,.u-right0{right:0!important}.u-inlineReset,.u-inline0{inline:0!important}.u-blockReset,.u-block0{block:0!important}.u-margin0{margin:0!important}.u-marginXXS{margin:.25rem!important}.u-marginXS{margin:.5rem!important}.u-marginS{margin:1rem!important}.u-marginM{margin:1.5rem!important}.u-marginL{margin:2rem!important}.u-marginXL{margin:3rem!important}.u-marginXXL{margin:4rem!important}.u-marginAuto{margin:auto!important}.u-marginTop0{margin-top:0!important}.u-marginTopXXS{margin-top:.25rem!important}.u-marginTopXS{margin-top:.5rem!important}.u-marginTopS{margin-top:1rem!important}.u-marginTopM{margin-top:1.5rem!important}.u-marginTopL{margin-top:2rem!important}.u-marginTopXL{margin-top:3rem!important}.u-marginTopXXL{margin-top:4rem!important}.u-marginTopAuto{margin-top:auto!important}.u-marginBottom0{margin-bottom:0!important}.u-marginBottomXXS{margin-bottom:.25rem!important}.u-marginBottomXS{margin-bottom:.5rem!important}.u-marginBottomS{margin-bottom:1rem!important}.u-marginBottomM{margin-bottom:1.5rem!important}.u-marginBottomL{margin-bottom:2rem!important}.u-marginBottomXL{margin-bottom:3rem!important}.u-marginBottomXXL{margin-bottom:4rem!important}.u-marginBottomAuto{margin-bottom:auto!important}.u-marginLeft0{margin-left:0!important}.u-marginLeftXXS{margin-left:.25rem!important}.u-marginLeftXS{margin-left:.5rem!important}.u-marginLeftS{margin-left:1rem!important}.u-marginLeftM{margin-left:1.5rem!important}.u-marginLeftL{margin-left:2rem!important}.u-marginLeftXL{margin-left:3rem!important}.u-marginLeftXXL{margin-left:4rem!important}.u-marginLeftAuto{margin-left:auto!important}.u-marginRight0{margin-right:0!important}.u-marginRightXXS{margin-right:.25rem!important}.u-marginRightXS{margin-right:.5rem!important}.u-marginRightS{margin-right:1rem!important}.u-marginRightM{margin-right:1.5rem!important}.u-marginRightL{margin-right:2rem!important}.u-marginRightXL{margin-right:3rem!important}.u-marginRightXXL{margin-right:4rem!important}.u-marginRightAuto{margin-right:auto!important}.u-marginInline0{margin-inline:0!important}.u-marginInlineXXS{margin-inline:.25rem!important}.u-marginInlineXS{margin-inline:.5rem!important}.u-marginInlineS{margin-inline:1rem!important}.u-marginInlineM{margin-inline:1.5rem!important}.u-marginInlineL{margin-inline:2rem!important}.u-marginInlineXL{margin-inline:3rem!important}.u-marginInlineXXL{margin-inline:4rem!important}.u-marginInlineAuto{margin-inline:auto!important}.u-marginBlock0{margin-block:0!important}.u-marginBlockXXS{margin-block:.25rem!important}.u-marginBlockXS{margin-block:.5rem!important}.u-marginBlockS{margin-block:1rem!important}.u-marginBlockM{margin-block:1.5rem!important}.u-marginBlockL{margin-block:2rem!important}.u-marginBlockXL{margin-block:3rem!important}.u-marginBlockXXL{margin-block:4rem!important}.u-marginBlockAuto{margin-block:auto!important}.u-padding0{padding:0!important}.u-paddingXXS{padding:.25rem!important}.u-paddingXS{padding:.5rem!important}.u-paddingS{padding:1rem!important}.u-paddingM{padding:1.5rem!important}.u-paddingL{padding:2rem!important}.u-paddingXL{padding:3rem!important}.u-paddingXXL{padding:4rem!important}.u-paddingTop0{padding-top:0!important}.u-paddingTopXXS{padding-top:.25rem!important}.u-paddingTopXS{padding-top:.5rem!important}.u-paddingTopS{padding-top:1rem!important}.u-paddingTopM{padding-top:1.5rem!important}.u-paddingTopL{padding-top:2rem!important}.u-paddingTopXL{padding-top:3rem!important}.u-paddingTopXXL{padding-top:4rem!important}.u-paddingBottom0{padding-bottom:0!important}.u-paddingBottomXXS{padding-bottom:.25rem!important}.u-paddingBottomXS{padding-bottom:.5rem!important}.u-paddingBottomS{padding-bottom:1rem!important}.u-paddingBottomM{padding-bottom:1.5rem!important}.u-paddingBottomL{padding-bottom:2rem!important}.u-paddingBottomXL{padding-bottom:3rem!important}.u-paddingBottomXXL{padding-bottom:4rem!important}.u-paddingLeft0{padding-left:0!important}.u-paddingLeftXXS{padding-left:.25rem!important}.u-paddingLeftXS{padding-left:.5rem!important}.u-paddingLeftS{padding-left:1rem!important}.u-paddingLeftM{padding-left:1.5rem!important}.u-paddingLeftL{padding-left:2rem!important}.u-paddingLeftXL{padding-left:3rem!important}.u-paddingLeftXXL{padding-left:4rem!important}.u-paddingRight0{padding-right:0!important}.u-paddingRightXXS{padding-right:.25rem!important}.u-paddingRightXS{padding-right:.5rem!important}.u-paddingRightS{padding-right:1rem!important}.u-paddingRightM{padding-right:1.5rem!important}.u-paddingRightL{padding-right:2rem!important}.u-paddingRightXL{padding-right:3rem!important}.u-paddingRightXXL{padding-right:4rem!important}.u-paddingInline0{padding-inline:0!important}.u-paddingInlineXXS{padding-inline:.25rem!important}.u-paddingInlineXS{padding-inline:.5rem!important}.u-paddingInlineS{padding-inline:1rem!important}.u-paddingInlineM{padding-inline:1.5rem!important}.u-paddingInlineL{padding-inline:2rem!important}.u-paddingInlineXL{padding-inline:3rem!important}.u-paddingInlineXXL{padding-inline:4rem!important}.u-paddingBlock0{padding-block:0!important}.u-paddingBlockXXS{padding-block:.25rem!important}.u-paddingBlockXS{padding-block:.5rem!important}.u-paddingBlockS{padding-block:1rem!important}.u-paddingBlockM{padding-block:1.5rem!important}.u-paddingBlockL{padding-block:2rem!important}.u-paddingBlockXL{padding-block:3rem!important}.u-paddingBlockXXL{padding-block:4rem!important}.u-border0{border:0!important}.u-borderTop0{border-top:0!important}.u-borderBottom0{border-bottom:0!important}.u-borderLeft0{border-left:0!important}.u-borderRight0{border-right:0!important}.u-borderInline0{border-inline:0!important}.u-borderBlock0{border-block:0!important}.u-columnGap0{column-gap:0!important}.u-columnGapXXS{column-gap:.25rem!important}.u-columnGapXS{column-gap:.5rem!important}.u-columnGapS{column-gap:1rem!important}.u-columnGapM{column-gap:1.5rem!important}.u-columnGapL{column-gap:2rem!important}.u-columnGapXL{column-gap:3rem!important}.u-columnGapXXL{column-gap:4rem!important}.u-rowGap0{row-gap:0!important}.u-rowGapXXS{row-gap:.25rem!important}.u-rowGapXS{row-gap:.5rem!important}.u-rowGapS{row-gap:1rem!important}.u-rowGapM{row-gap:1.5rem!important}.u-rowGapL{row-gap:2rem!important}.u-rowGapXL{row-gap:3rem!important}.u-rowGapXXL{row-gap:4rem!important}.u-gap0{gap:0!important}.u-gapXXS{gap:.25rem!important}.u-gapXS{gap:.5rem!important}.u-gapS{gap:1rem!important}.u-gapM{gap:1.5rem!important}.u-gapL{gap:2rem!important}.u-gapXL{gap:3rem!important}.u-gapXXL{gap:4rem!important}.u-textXS{font-size:var(--sizes-XS-fontSize)!important;line-height:var(--sizes-XS-lineHeight)!important}.u-textS{font-size:var(--sizes-S-fontSize)!important;line-height:var(--sizes-S-lineHeight)!important}.u-textM{font-size:var(--sizes-M-fontSize)!important;line-height:var(--sizes-M-lineHeight)!important}.u-textL{font-size:var(--sizes-L-fontSize)!important;line-height:var(--sizes-L-lineHeight)!important}.u-textXL{font-size:var(--sizes-XL-fontSize)!important;line-height:var(--sizes-XL-lineHeight)!important}.u-textXXL{font-size:var(--sizes-XXL-fontSize)!important;line-height:var(--sizes-XXL-lineHeight)!important}.u-textXXXL{font-size:var(--sizes-XXXL-fontSize)!important;line-height:var(--sizes-XXXL-lineHeight)!important}.u-borderRadiusM{border-radius:4px!important}.u-borderRadiusL{border-radius:8px!important}.u-borderRadiusFull{border-radius:9999px!important}.u-borderTopLeftRadiusM{border-top-left-radius:4px!important}.u-borderTopLeftRadiusL{border-top-left-radius:8px!important}.u-borderTopLeftRadiusFull{border-top-left-radius:9999px!important}.u-borderTopRightRadiusM{border-top-right-radius:4px!important}.u-borderTopRightRadiusL{border-top-right-radius:8px!important}.u-borderTopRightRadiusFull{border-top-right-radius:9999px!important}.u-borderBottomLeftRadiusM{border-bottom-left-radius:4px!important}.u-borderBottomLeftRadiusL{border-bottom-left-radius:8px!important}.u-borderBottomLeftRadiusFull{border-bottom-left-radius:9999px!important}.u-borderBottomRightRadiusM{border-bottom-right-radius:4px!important}.u-borderBottomRightRadiusL{border-bottom-right-radius:8px!important}.u-borderBottomRightRadiusFull{border-bottom-right-radius:9999px!important}.u-textCritical{color:var(--palettes-critical-700)!important}.u-textError{color:var(--palettes-error-700)!important}.u-textWarning{color:var(--palettes-warning-700)!important}.u-textSuccess{color:var(--palettes-success-700)!important}.u-textBrand{color:var(--palettes-brand-700)!important}.u-textNeutral{color:var(--palettes-neutral-700)!important}.u-textNavigation{color:var(--palettes-navigation-700)!important}.u-textProduct{color:var(--palettes-product-700)!important}.u-textKiwi{color:var(--palettes-kiwi-700)!important}.u-textLime{color:var(--palettes-lime-700)!important}.u-textCucumber{color:var(--palettes-cucumber-700)!important}.u-textMint{color:var(--palettes-mint-700)!important}.u-textGlacier{color:var(--palettes-glacier-700)!important}.u-textLagoon{color:var(--palettes-lagoon-700)!important}.u-textBlueberry{color:var(--palettes-blueberry-700)!important}.u-textLavender{color:var(--palettes-lavender-700)!important}.u-textGrape{color:var(--palettes-grape-700)!important}.u-textWatermelon{color:var(--palettes-watermelon-700)!important}.u-textPumpkin{color:var(--palettes-pumpkin-700)!important}.u-textPineapple{color:var(--palettes-pineapple-700)!important}.u-textLucca{color:var(--palettes-lucca-700)!important}.u-textGrey{color:var(--palettes-grey-700)!important}.u-textPrimary{color:var(--palettes-primary-700)!important}.u-textSecondary{color:var(--palettes-secondary-700)!important}.u-textLeft{text-align:left!important}.u-textRight{text-align:right!important}.u-textCenter{text-align:center!important}.u-textLight{color:var(--palettes-neutral-600)!important}.u-textPlaceholder{color:var(--palettes-neutral-400)!important}.u-textDefault{color:var(--palettes-neutral-700)!important}.u-unit{font-size:.66em!important}.u-comma:not(:last-child):after{content:\",\\a0\"!important}.u-ellipsis{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.u-fontWeightRegular{font-weight:400!important}.u-fontWeightSemiBold{font-weight:600!important}.u-noSpinButtons::-webkit-outer-spin-button,.u-noSpinButtons::-webkit-inner-spin-button{-webkit-appearance:none}.u-noSpinButtons[type=number]{-moz-appearance:textfield}[data-content-before]:before{content:attr(data-content-before)}[data-content-after]:after{content:attr(data-content-after)}.u-h1,.u-h2,.u-h3,.u-h4,.u-h5,.u-h6{margin-top:0;color:var(--palettes-neutral-900);margin-bottom:var(--spacings-S);text-rendering:geometricPrecision;text-wrap:pretty;font-weight:var(--components-title-weight, 600);font-size:var(--sizes-fontSize);line-height:var(--sizes-lineHeight);padding-top:var(--sizes-verticalPadding);padding-bottom:var(--sizes-verticalPadding)}.u-h1{--sizes-verticalPadding: var(--sizes-XXL-verticalPadding);--sizes-fontSize: var(--sizes-XXL-fontSize);--sizes-lineHeight: var(--sizes-XXL-lineHeight);--components-title-weight: 900}.u-h1.mod-XXXL{--sizes-verticalPadding: var(--sizes-XXXL-verticalPadding);--sizes-fontSize: var(--sizes-XXXL-fontSize);--sizes-lineHeight: var(--sizes-XXXL-lineHeight);--components-title-weight: 900}.u-h2{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700}.u-h3{--sizes-verticalPadding: var(--sizes-L-verticalPadding);--sizes-fontSize: var(--sizes-L-fontSize);--sizes-lineHeight: var(--sizes-L-lineHeight);--components-title-weight: 700}.u-h4{--sizes-verticalPadding: var(--sizes-M-verticalPadding);--sizes-fontSize: var(--sizes-M-fontSize);--sizes-lineHeight: var(--sizes-M-lineHeight);--components-title-weight: 600}.u-h5{--sizes-verticalPadding: var(--sizes-S-verticalPadding);--sizes-fontSize: var(--sizes-S-fontSize);--sizes-lineHeight: var(--sizes-S-lineHeight);--components-title-weight: 600}.u-h6{--sizes-verticalPadding: var(--sizes-XS-verticalPadding);--sizes-fontSize: var(--sizes-XS-fontSize);--sizes-lineHeight: var(--sizes-XS-lineHeight);--components-title-weight: 600}.u-animatedFadeIn,.u-animatedFadeOut{animation-name:fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.u-animatedScaleIn,.u-animatedScaleOut{animation-name:scaleIn}.u-animatedScaleInTop,.u-animatedScaleOutTop{animation-name:scaleInTop}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.u-animatedScaleInRight,.u-animatedScaleOutRight{animation-name:scaleInRight}@keyframes scaleInRight{0%{transform-origin:right center;transform:scaleX(0)}to{transform-origin:right center;transform:scale(1)}}.u-animatedScaleInBottom,.u-animatedScaleOutBottom{animation-name:scaleInBottom}@keyframes scaleInBottom{0%{transform-origin:bottom center;transform:scaleY(0)}to{transform-origin:bottom center;transform:scale(1)}}.u-animatedScaleInLeft,.u-animatedScaleOutLeft{animation-name:scaleInLeft}@keyframes scaleInLeft{0%{transform-origin:left center;transform:scaleX(0)}to{transform-origin:left center;transform:scale(1)}}.u-animatedSlideIn,.u-animatedSlideInTop,.u-animatedSlideOut,.u-animatedSlideOutTop{animation-name:slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(calc(-1 * var(--commons-animations-translate)))}to{opacity:1;transform:translate(0)}}.u-animatedSlideInRight,.u-animatedSlideOutRight{animation-name:slideInRight}@keyframes slideInRight{0%{transform:translate(var(--commons-animations-translate));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedSlideInBottom,.u-animatedSlideOutBottom{animation-name:slideInBottom}@keyframes slideInBottom{0%{transform:translateY(var(--commons-animations-translate));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedSlideInLeft,.u-animatedSlideOutLeft{animation-name:slideInLeft}@keyframes slideInLeft{0%{transform:translate(calc(-1 * var(--commons-animations-translate)));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedShake{animation-name:shake}@keyframes shake{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-10px,0,0)}40%,80%{transform:translate3d(10px,0,0)}}.u-animatedPulse{animation-name:pulse;animation-direction:alternate;animation-iteration-count:var(--commons-animations-iteration-count)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.u-animatedFadeOut,.u-animatedSlideOut,.u-animatedSlideOutTop,.u-animatedSlideOutRight,.u-animatedSlideOutBottom,.u-animatedSlideOutLeft,.u-animatedScaleOut,.u-animatedScaleOutTop,.u-animatedScaleOutRight,.u-animatedScaleOutBottom,.u-animatedScaleOutLeft{animation-direction:reverse}[class*=u-animated]{animation-duration:var(--duration, var(--commons-animations-durations-standard));animation-timing-function:var(--commons-animations-function)}[class*=u-animated].mod-animation-duration-fast{--duration: var(--commons-animations-durations-fast)}[class*=u-animated].mod-animation-duration-slow{--duration: var(--commons-animations-durations-slow)}.chip{--components-chip-fontSize: var(--sizes-S-fontSize);--components-chip-lineHeight: var(--sizes-S-lineHeight);--components-chip-kill-size: .75rem;--components-chip-kill-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");background-color:var(--palettes-700, var(--palettes-neutral-200));border-radius:var(--commons-borderRadius-M);color:var(--palettes-text, var(--palettes-neutral-800));display:inline-flex;align-items:center;gap:var(--spacings-XS);position:relative;vertical-align:middle;padding:calc(var(--spacings-XXS) / 2) var(--spacings-XS);font-size:var(--components-chip-fontSize);line-height:var(--components-chip-lineHeight)}.chip-kill{padding:0;border:0;width:100%;background-color:transparent;color:inherit;text-align:left;display:block;font:inherit;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;width:var(--components-chip-kill-size);height:var(--components-chip-kill-size);border-radius:var(--commons-borderRadius-full)!important;flex-shrink:0;cursor:pointer}.chip-kill:before,.chip-kill:after{content:\"\";grid-area:main}.chip-kill:before{border-radius:var(--commons-borderRadius-full);background-color:var(--components-chip-kill-disk-color, var(--palettes-neutral-700))}.chip-kill:after{-webkit-mask-image:var(--components-chip-kill-background-image);mask-image:var(--components-chip-kill-background-image);-webkit-mask-size:var(--components-chip-kill-size);mask-size:var(--components-chip-kill-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-chip-kill-cross-color, var(--colors-white-color))}.chip-kill:hover{--components-chip-kill-disk-color: var(--palettes-neutral-600);--components-chip-kill-cross-color: var(--palettes-700, var(--colors-white-color))}.chip-kill:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:var(--commons-borderRadius-full)}.chip-kill:active{--components-chip-kill-disk-color: var(--palettes-50, var(--palettes-neutral-800))}.chip.mod-S{--components-chip-fontSize: var(--sizes-XS-fontSize);--components-chip-lineHeight: var(--sizes-XS-lineHeight)}.chip.palette-product .chip-kill,.chip.palette-primary .chip-kill{--components-chip-kill-cross-color: var(--palettes-product-700);--components-chip-kill-disk-color: var(--colors-white-color)}.chip.palette-product .chip-kill:hover,.chip.palette-primary .chip-kill:hover,.chip.palette-product .chip-kill:active,.chip.palette-primary .chip-kill:active{--components-chip-kill-disk-color: var(--palettes-product-50)}.chip.palette-product .chip-kill:focus-visible,.chip.palette-primary .chip-kill:focus-visible{outline:2px solid var(--colors-white-color);outline-offset:2px}.chip.mod-unkillable .chip-kill{display:none}.chip.mod-clickable{cursor:pointer;text-decoration:none}.chip.mod-clickable:hover{background-color:var(--palettes-600, var(--palettes-neutral-100))}.chip.is-disabled{background:var(--palettes-neutral-100);color:var(--palettes-neutral-500)}.chip.is-disabled .chip-kill{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: ɵLuOptionOutletDirective, selector: "[luOptionOutlet]", inputs: ["luOptionOutlet", "luOptionOutletValue", "luOptionShowNull"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
426
426
|
}
|
|
427
427
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: LuMultiSelectInputComponent, decorators: [{
|
|
428
428
|
type: Component,
|
|
@@ -441,7 +441,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
|
|
|
441
441
|
LuMultiSelectPanelRefFactory,
|
|
442
442
|
], host: {
|
|
443
443
|
class: 'multiSelect',
|
|
444
|
-
}, encapsulation: ViewEncapsulation.None, template: "<ng-container *luOptionOutlet=\"valuesTpl; value: value || []\"></ng-container>\n\n<button\n\t*ngIf=\"hasValue && clearable && (disabled$ | async) === false\"\n\trole=\"button\"\n\tclass=\"multipleSelect-clear clear\"\n\t(click)=\"clearValue($event)\"\n>\n\t<span class=\"u-mask\">{{intl.clear}}</span>\n</button>\n<span aria-hidden=\"true\" class=\"multipleSelect-arrow lucca-icon icon-arrowChevronBottom\"></span>\n", styles: ["@charset \"UTF-8\";.multiSelect{--components-multiSelect-fontSize: var(--sizes-M-fontSize);--components-multiSelect-lineHeight: var(--sizes-M-lineHeight);--components-multiSelect-padding: var(--spacings-XS);--components-multiSelect-gap: var(--spacings-XS);--components-multiSelect-background: var(--colors-white-color);--components-multiSelect-border-color: var(--palettes-neutral-300);--components-multiSelect-placeholder: var(--palettes-neutral-400);--components-multiSelect-arrow-color: var(--palettes-neutral-600);display:flex;box-shadow:0 0 0 1px var(--components-multiSelect-border-color);background-color:var(--components-multiSelect-background);border-radius:var(--commons-borderRadius-M);padding:var(--components-multiSelect-padding);align-items:flex-end;gap:var(--components-multiSelect-gap);cursor:pointer}.multipleSelect-displayer{display:flex;gap:var(--spacings-XXS);flex-wrap:wrap;flex:1}.multipleSelect-displayer-chip-value{max-width:8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multipleSelect-displayer-search{display:block;min-width:2rem;width:auto;flex:1;order:1;border:0;padding:0;outline:none;color:var(--palettes-neutral-800);font-size:var(--components-multiSelect-fontSize);line-height:var(--components-multiSelect-lineHeight);background-color:transparent;cursor:pointer}.multipleSelect-displayer-search::placeholder{color:var(--palettes-neutral-400)}.multipleSelect-displayer-label{font-size:var(--components-multiSelect-fontSize);line-height:var(--components-multiSelect-lineHeight)}.multipleSelect-clear{margin-bottom:var(--spacings-XXS)}.multipleSelect-arrow{--icon-size: 1.5rem;color:var(--components-multiSelect-arrow-color)}.multiSelect.mod-S{--components-multiSelect-fontSize: var(--sizes-S-fontSize);--components-multiSelect-lineHeight: var(--sizes-S-lineHeight);--components-multiSelect-padding: .375rem;--components-multiSelect-gap: .375rem}.multiSelect.mod-S .multipleSelect-arrow{--icon-size: 1.25rem}.multiSelect.mod-S .multipleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.multiSelect.mod-S .multipleSelect-displayer-chip{--components-chip-fontSize: var(--sizes-XS-fontSize);--components-chip-lineHeight: var(--sizes-XS-lineHeight)}.multiSelect.mod-S .multipleSelect-displayer-numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.multiSelect:has(.multipleSelect-displayer-search:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.multiSelect:has(.multipleSelect-displayer-search[aria-invalid=true]){--components-multiSelect-border-color: var(--palettes-error-400);--components-multiSelect-background: var(--palettes-error-50);--components-multiSelect-placeholder: var(--palettes-error-400)}.multiSelect:has(.multipleSelect-displayer-search:disabled){--components-multiSelect-border-color: var(--palettes-neutral-300);--components-multiSelect-background: var(--palettes-neutral-100);--components-multiSelect-placeholder: var(--palettes-neutral-400);--components-multiSelect-arrow-color: var(--palettes-neutral-500);pointer-events:none}.multipleSelect-displayer.mod-filter{display:grid}.multipleSelect-displayer.mod-filter .multipleSelect-displayer-filter{grid-column-start:1;grid-row-start:1;display:flex;gap:var(--spacings-XXS)}.multipleSelect-displayer.mod-filter .multipleSelect-displayer-search{grid-column-start:1;grid-row-start:1}.multipleSelect-displayer.mod-filter.is-filled .multipleSelect-displayer-search{opacity:0}.multipleSelect-displayer.mod-filter:has([aria-expanded=true]):not(:has(:placeholder-shown)) .multipleSelect-displayer-filter{display:none}.multipleSelect-displayer.mod-filter:has([aria-expanded=true]):not(:has(:placeholder-shown)) .multipleSelect-displayer-search{opacity:1}.clear{--components-clear-size: 1rem;--components-clear-background: var(--palettes-neutral-700);--components-clear-cross-color: var(--colors-white-color);--components-clear-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");padding:0;border:0;width:100%;background-color:transparent;color:inherit;text-align:left;display:block;font:inherit;cursor:pointer;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;flex-shrink:0;width:var(--components-clear-size);height:var(--components-clear-size);border-radius:var(--commons-borderRadius-full)}.clear:before,.clear:after{content:\"\";grid-area:main}.clear:before{border-radius:var(--commons-borderRadius-full);background-color:var(--components-clear-background)}.clear:after{-webkit-mask-image:var(--components-clear-background-image);mask-image:var(--components-clear-background-image);-webkit-mask-size:var(--components-clear-size);mask-size:var(--components-clear-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-clear-cross-color)}.clear:hover{--components-clear-cross-color: var(--palettes-neutral-text);--components-clear-background: var(--palettes-neutral-600)}.clear:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:50%}.clear:active{--components-clear-background: var(--palettes-neutral-800)}.clear .lucca-icon{display:none}.clear.mod-S{--components-clear-size: .75rem;--icon-size: .75rem}.clear.palette-product:not([disabled]),.clear.palette-primary:not([disabled]){--components-clear-cross-color: var(--palettes-product-700);--components-clear-background: var(--colors-white-color)}.clear.palette-product:not([disabled]):hover,.clear.palette-primary:not([disabled]):hover{--components-clear-background: var(--palettes-product-50)}.clear.palette-product:not([disabled]):active,.clear.palette-primary:not([disabled]):active{--components-clear-background: var(--palettes-product-50)}.clear[disabled]{--components-clear-cross-color: var(--palettes-neutral-500);--components-clear-background: var(--palettes-neutral-300);cursor:default}.u-elevate1{box-shadow:var(--commons-elevations-elevation-1)}.u-elevate2{box-shadow:var(--commons-elevations-elevation-2)}.u-elevate3{box-shadow:var(--commons-elevations-elevation-3)}.u-elevate4{box-shadow:var(--commons-elevations-elevation-4)}.u-elevate5{box-shadow:var(--commons-elevations-elevation-5)}.u-elevate6{box-shadow:var(--commons-elevations-elevation-6)}.u-mask{border:0!important;clip:rect(1px,1px,1px,1px)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important;contain:paint!important}.u-clearfix:before,.u-clearfix:after,.u-clear:before,.u-clear:after{content:\" \";display:table}.u-clearfix:after,.u-clear:after{clear:both}.u-listReset{margin:0!important;padding:0!important;list-style-type:none!important}.u-descriptionListReset{margin:0!important}.u-descriptionListReset>dd,.u-descriptionListReset>div>dd{margin:0!important}.u-buttonReset{padding:0!important;border:0!important;width:100%!important;background-color:transparent!important;color:inherit!important;text-align:left!important;display:block!important;font:inherit!important;cursor:pointer!important}.u-floatLeft{float:left!important}.u-floatRight{float:right!important}.u-verticalAlignBaseline{vertical-align:baseline!important}.u-verticalAlignSub{vertical-align:sub!important}.u-verticalAlignSuper{vertical-align:super!important}.u-verticalAlignTextTop{vertical-align:text-top!important}.u-verticalAlignTextBottom{vertical-align:text-bottom!important}.u-verticalAlignMiddle{vertical-align:middle!important}.u-verticalAlignTop{vertical-align:top!important}.u-verticalAlignBottom{vertical-align:bottom!important}.u-whiteSpaceNormal{white-space:normal!important}.u-whiteSpaceNowrap{white-space:nowrap!important}.u-whiteSpacePreLine{white-space:pre-line!important}.u-displayBlock{display:block!important}.u-displayFlex{display:flex!important}.u-displayInline{display:inline!important}.u-displayInlineFlex{display:inline-flex!important}.u-displayInlineBlock{display:inline-block!important}.u-displayContents{display:contents!important}.u-displayNone{display:none!important}.u-flexDirectionColumn{flex-direction:column!important}.u-flexDirectionColumnReverse{flex-direction:column-reverse!important}.u-flexDirectionRow{flex-direction:row!important}.u-flexDirectionRowReverse{flex-direction:row-reverse!important}.u-flexWrapWrap{flex-wrap:wrap!important}.u-flexWrapNowrap{flex-wrap:nowrap!important}.u-flexWrapWrapReverse{flex-wrap:wrap-reverse!important}.u-justifyContentFlexStart{justify-content:flex-start!important}.u-justifyContentFlexEnd{justify-content:flex-end!important}.u-justifyContentSpaceAround{justify-content:space-around!important}.u-justifyContentSpaceBetween{justify-content:space-between!important}.u-justifyContentSpaceEvenly{justify-content:space-evenly!important}.u-justifyContentCenter{justify-content:center!important}.u-alignItemsFlexStart{align-items:flex-start!important}.u-alignItemsFlexEnd{align-items:flex-end!important}.u-alignItemsBaseline{align-items:baseline!important}.u-alignItemsStretch{align-items:stretch!important}.u-alignItemsCenter{align-items:center!important}.u-flexGrow0{flex-grow:0!important}.u-flexGrow1{flex-grow:1!important}.u-flexShrink0{flex-shrink:0!important}.u-flexShrink1{flex-shrink:1!important}.u-flexBasis0{flex-basis:0!important}.u-flexBasisAuto{flex-basis:auto!important}.u-orderMinus1{order:-1!important}.u-order1{order:1!important}.u-alignSelfFlexStart{align-self:flex-start!important}.u-alignSelfFlexEnd{align-self:flex-end!important}.u-alignSelfBaseline{align-self:baseline!important}.u-alignSelfStretch{align-self:stretch!important}.u-alignSelfCenter{align-self:center!important}.u-positionAbsolute{position:absolute!important}.u-positionRelative{position:relative!important}.u-positionStatic{position:static!important}.u-positionFixed{position:fixed!important}.u-positionSticky{position:sticky!important}.u-width100\\%{width:100%!important}.u-widthFitContent{width:-moz-fit-content!important;width:fit-content!important}.u-height100\\%{height:100%!important}.u-heightFitContent{height:-moz-fit-content!important;height:fit-content!important}.u-minWidth0{min-width:0!important}.u-minHeight0{min-height:0!important}.u-visibilityVisible{visibility:visible!important}.u-visibilityHidden{visibility:hidden!important}.u-visibilityCollapse{visibility:collapse!important}.u-fontWeight400{font-weight:400!important}.u-fontWeight600{font-weight:600!important}.u-fontWeight700{font-weight:700!important}.u-fontWeight900{font-weight:900!important}.u-fontWeightNormal{font-weight:400!important}.u-fontWeightBold{font-weight:700!important}.u-fontStyleNormal{font-style:normal!important}.u-fontStyleItalic{font-style:italic!important}.u-pointerEventsNone{pointer-events:none!important}.u-pointerEventsAuto{pointer-events:auto!important}.u-textAlignLeft{text-align:left!important}.u-textAlignCenter{text-align:center!important}.u-textAlignRight{text-align:right!important}.u-textDecorationUnderline{text-decoration:underline!important}.u-textDecorationLineThrough{text-decoration:line-through!important}.u-textDecorationNone{text-decoration:none!important}.u-overflowHidden{overflow:hidden!important}.u-overflowAuto{overflow:auto!important}.u-overflowVisible{overflow:visible!important}.u-overflowScroll{overflow:scroll!important}@media (prefers-reduced-motion: no-preference){.u-scrollBehaviorAuto{scroll-behavior:auto!important}.u-scrollBehaviorSmooth{scroll-behavior:smooth!important}}@media only print{.u-onlyPrintDisplayBlock{display:block!important}.u-onlyPrintDisplayFlex{display:flex!important}.u-onlyPrintDisplayInline{display:inline!important}.u-onlyPrintDisplayInlineFlex{display:inline-flex!important}.u-onlyPrintDisplayInlineBlock{display:inline-block!important}.u-onlyPrintDisplayContents{display:contents!important}.u-onlyPrintDisplayNone{display:none!important}}.u-onlyPrintDisplayContents,.u-onlyPrintDisplayInline-block,.u-onlyPrintDisplayInline-flex,.u-onlyPrintDisplayInline,.u-onlyPrintDisplayFlex,.u-onlyPrintDisplayBlock{display:none}.u-insetReset,.u-inset0{inset:0!important}.u-topReset,.u-top0{top:0!important}.u-bottomReset,.u-bottom0{bottom:0!important}.u-leftReset,.u-left0{left:0!important}.u-rightReset,.u-right0{right:0!important}.u-inlineReset,.u-inline0{inline:0!important}.u-blockReset,.u-block0{block:0!important}.u-margin0{margin:0!important}.u-marginXXS{margin:.25rem!important}.u-marginXS{margin:.5rem!important}.u-marginS{margin:1rem!important}.u-marginM{margin:1.5rem!important}.u-marginL{margin:2rem!important}.u-marginXL{margin:3rem!important}.u-marginXXL{margin:4rem!important}.u-marginAuto{margin:auto!important}.u-marginTop0{margin-top:0!important}.u-marginTopXXS{margin-top:.25rem!important}.u-marginTopXS{margin-top:.5rem!important}.u-marginTopS{margin-top:1rem!important}.u-marginTopM{margin-top:1.5rem!important}.u-marginTopL{margin-top:2rem!important}.u-marginTopXL{margin-top:3rem!important}.u-marginTopXXL{margin-top:4rem!important}.u-marginTopAuto{margin-top:auto!important}.u-marginBottom0{margin-bottom:0!important}.u-marginBottomXXS{margin-bottom:.25rem!important}.u-marginBottomXS{margin-bottom:.5rem!important}.u-marginBottomS{margin-bottom:1rem!important}.u-marginBottomM{margin-bottom:1.5rem!important}.u-marginBottomL{margin-bottom:2rem!important}.u-marginBottomXL{margin-bottom:3rem!important}.u-marginBottomXXL{margin-bottom:4rem!important}.u-marginBottomAuto{margin-bottom:auto!important}.u-marginLeft0{margin-left:0!important}.u-marginLeftXXS{margin-left:.25rem!important}.u-marginLeftXS{margin-left:.5rem!important}.u-marginLeftS{margin-left:1rem!important}.u-marginLeftM{margin-left:1.5rem!important}.u-marginLeftL{margin-left:2rem!important}.u-marginLeftXL{margin-left:3rem!important}.u-marginLeftXXL{margin-left:4rem!important}.u-marginLeftAuto{margin-left:auto!important}.u-marginRight0{margin-right:0!important}.u-marginRightXXS{margin-right:.25rem!important}.u-marginRightXS{margin-right:.5rem!important}.u-marginRightS{margin-right:1rem!important}.u-marginRightM{margin-right:1.5rem!important}.u-marginRightL{margin-right:2rem!important}.u-marginRightXL{margin-right:3rem!important}.u-marginRightXXL{margin-right:4rem!important}.u-marginRightAuto{margin-right:auto!important}.u-marginInline0{margin-inline:0!important}.u-marginInlineXXS{margin-inline:.25rem!important}.u-marginInlineXS{margin-inline:.5rem!important}.u-marginInlineS{margin-inline:1rem!important}.u-marginInlineM{margin-inline:1.5rem!important}.u-marginInlineL{margin-inline:2rem!important}.u-marginInlineXL{margin-inline:3rem!important}.u-marginInlineXXL{margin-inline:4rem!important}.u-marginInlineAuto{margin-inline:auto!important}.u-marginBlock0{margin-block:0!important}.u-marginBlockXXS{margin-block:.25rem!important}.u-marginBlockXS{margin-block:.5rem!important}.u-marginBlockS{margin-block:1rem!important}.u-marginBlockM{margin-block:1.5rem!important}.u-marginBlockL{margin-block:2rem!important}.u-marginBlockXL{margin-block:3rem!important}.u-marginBlockXXL{margin-block:4rem!important}.u-marginBlockAuto{margin-block:auto!important}.u-padding0{padding:0!important}.u-paddingXXS{padding:.25rem!important}.u-paddingXS{padding:.5rem!important}.u-paddingS{padding:1rem!important}.u-paddingM{padding:1.5rem!important}.u-paddingL{padding:2rem!important}.u-paddingXL{padding:3rem!important}.u-paddingXXL{padding:4rem!important}.u-paddingTop0{padding-top:0!important}.u-paddingTopXXS{padding-top:.25rem!important}.u-paddingTopXS{padding-top:.5rem!important}.u-paddingTopS{padding-top:1rem!important}.u-paddingTopM{padding-top:1.5rem!important}.u-paddingTopL{padding-top:2rem!important}.u-paddingTopXL{padding-top:3rem!important}.u-paddingTopXXL{padding-top:4rem!important}.u-paddingBottom0{padding-bottom:0!important}.u-paddingBottomXXS{padding-bottom:.25rem!important}.u-paddingBottomXS{padding-bottom:.5rem!important}.u-paddingBottomS{padding-bottom:1rem!important}.u-paddingBottomM{padding-bottom:1.5rem!important}.u-paddingBottomL{padding-bottom:2rem!important}.u-paddingBottomXL{padding-bottom:3rem!important}.u-paddingBottomXXL{padding-bottom:4rem!important}.u-paddingLeft0{padding-left:0!important}.u-paddingLeftXXS{padding-left:.25rem!important}.u-paddingLeftXS{padding-left:.5rem!important}.u-paddingLeftS{padding-left:1rem!important}.u-paddingLeftM{padding-left:1.5rem!important}.u-paddingLeftL{padding-left:2rem!important}.u-paddingLeftXL{padding-left:3rem!important}.u-paddingLeftXXL{padding-left:4rem!important}.u-paddingRight0{padding-right:0!important}.u-paddingRightXXS{padding-right:.25rem!important}.u-paddingRightXS{padding-right:.5rem!important}.u-paddingRightS{padding-right:1rem!important}.u-paddingRightM{padding-right:1.5rem!important}.u-paddingRightL{padding-right:2rem!important}.u-paddingRightXL{padding-right:3rem!important}.u-paddingRightXXL{padding-right:4rem!important}.u-paddingInline0{padding-inline:0!important}.u-paddingInlineXXS{padding-inline:.25rem!important}.u-paddingInlineXS{padding-inline:.5rem!important}.u-paddingInlineS{padding-inline:1rem!important}.u-paddingInlineM{padding-inline:1.5rem!important}.u-paddingInlineL{padding-inline:2rem!important}.u-paddingInlineXL{padding-inline:3rem!important}.u-paddingInlineXXL{padding-inline:4rem!important}.u-paddingBlock0{padding-block:0!important}.u-paddingBlockXXS{padding-block:.25rem!important}.u-paddingBlockXS{padding-block:.5rem!important}.u-paddingBlockS{padding-block:1rem!important}.u-paddingBlockM{padding-block:1.5rem!important}.u-paddingBlockL{padding-block:2rem!important}.u-paddingBlockXL{padding-block:3rem!important}.u-paddingBlockXXL{padding-block:4rem!important}.u-border0{border:0!important}.u-borderTop0{border-top:0!important}.u-borderBottom0{border-bottom:0!important}.u-borderLeft0{border-left:0!important}.u-borderRight0{border-right:0!important}.u-borderInline0{border-inline:0!important}.u-borderBlock0{border-block:0!important}.u-columnGap0{column-gap:0!important}.u-columnGapXXS{column-gap:.25rem!important}.u-columnGapXS{column-gap:.5rem!important}.u-columnGapS{column-gap:1rem!important}.u-columnGapM{column-gap:1.5rem!important}.u-columnGapL{column-gap:2rem!important}.u-columnGapXL{column-gap:3rem!important}.u-columnGapXXL{column-gap:4rem!important}.u-rowGap0{row-gap:0!important}.u-rowGapXXS{row-gap:.25rem!important}.u-rowGapXS{row-gap:.5rem!important}.u-rowGapS{row-gap:1rem!important}.u-rowGapM{row-gap:1.5rem!important}.u-rowGapL{row-gap:2rem!important}.u-rowGapXL{row-gap:3rem!important}.u-rowGapXXL{row-gap:4rem!important}.u-gap0{gap:0!important}.u-gapXXS{gap:.25rem!important}.u-gapXS{gap:.5rem!important}.u-gapS{gap:1rem!important}.u-gapM{gap:1.5rem!important}.u-gapL{gap:2rem!important}.u-gapXL{gap:3rem!important}.u-gapXXL{gap:4rem!important}.u-textXS{font-size:var(--sizes-XS-fontSize)!important;line-height:var(--sizes-XS-lineHeight)!important}.u-textS{font-size:var(--sizes-S-fontSize)!important;line-height:var(--sizes-S-lineHeight)!important}.u-textM{font-size:var(--sizes-M-fontSize)!important;line-height:var(--sizes-M-lineHeight)!important}.u-textL{font-size:var(--sizes-L-fontSize)!important;line-height:var(--sizes-L-lineHeight)!important}.u-textXL{font-size:var(--sizes-XL-fontSize)!important;line-height:var(--sizes-XL-lineHeight)!important}.u-textXXL{font-size:var(--sizes-XXL-fontSize)!important;line-height:var(--sizes-XXL-lineHeight)!important}.u-textXXXL{font-size:var(--sizes-XXXL-fontSize)!important;line-height:var(--sizes-XXXL-lineHeight)!important}.u-borderRadiusM{border-radius:4px!important}.u-borderRadiusL{border-radius:8px!important}.u-borderRadiusFull{border-radius:9999px!important}.u-borderTopLeftRadiusM{border-top-left-radius:4px!important}.u-borderTopLeftRadiusL{border-top-left-radius:8px!important}.u-borderTopLeftRadiusFull{border-top-left-radius:9999px!important}.u-borderTopRightRadiusM{border-top-right-radius:4px!important}.u-borderTopRightRadiusL{border-top-right-radius:8px!important}.u-borderTopRightRadiusFull{border-top-right-radius:9999px!important}.u-borderBottomLeftRadiusM{border-bottom-left-radius:4px!important}.u-borderBottomLeftRadiusL{border-bottom-left-radius:8px!important}.u-borderBottomLeftRadiusFull{border-bottom-left-radius:9999px!important}.u-borderBottomRightRadiusM{border-bottom-right-radius:4px!important}.u-borderBottomRightRadiusL{border-bottom-right-radius:8px!important}.u-borderBottomRightRadiusFull{border-bottom-right-radius:9999px!important}.u-textCritical{color:var(--palettes-critical-700)!important}.u-textError{color:var(--palettes-error-700)!important}.u-textWarning{color:var(--palettes-warning-700)!important}.u-textSuccess{color:var(--palettes-success-700)!important}.u-textBrand{color:var(--palettes-brand-700)!important}.u-textNeutral{color:var(--palettes-neutral-700)!important}.u-textNavigation{color:var(--palettes-navigation-700)!important}.u-textProduct{color:var(--palettes-product-700)!important}.u-textKiwi{color:var(--palettes-kiwi-700)!important}.u-textLime{color:var(--palettes-lime-700)!important}.u-textCucumber{color:var(--palettes-cucumber-700)!important}.u-textMint{color:var(--palettes-mint-700)!important}.u-textGlacier{color:var(--palettes-glacier-700)!important}.u-textLagoon{color:var(--palettes-lagoon-700)!important}.u-textBlueberry{color:var(--palettes-blueberry-700)!important}.u-textLavender{color:var(--palettes-lavender-700)!important}.u-textGrape{color:var(--palettes-grape-700)!important}.u-textWatermelon{color:var(--palettes-watermelon-700)!important}.u-textPumpkin{color:var(--palettes-pumpkin-700)!important}.u-textPineapple{color:var(--palettes-pineapple-700)!important}.u-textLucca{color:var(--palettes-lucca-700)!important}.u-textGrey{color:var(--palettes-grey-700)!important}.u-textPrimary{color:var(--palettes-primary-700)!important}.u-textSecondary{color:var(--palettes-secondary-700)!important}.u-textLeft{text-align:left!important}.u-textRight{text-align:right!important}.u-textCenter{text-align:center!important}.u-textLight{color:var(--palettes-neutral-600)!important}.u-textPlaceholder{color:var(--palettes-neutral-400)!important}.u-textDefault{color:var(--palettes-neutral-700)!important}.u-unit{font-size:.66em!important}.u-comma:not(:last-child):after{content:\",\\a0\"!important}.u-ellipsis{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.u-fontWeightRegular{font-weight:400!important}.u-fontWeightSemiBold{font-weight:600!important}.u-noSpinButtons::-webkit-outer-spin-button,.u-noSpinButtons::-webkit-inner-spin-button{-webkit-appearance:none}.u-noSpinButtons[type=number]{-moz-appearance:textfield}[data-content-before]:before{content:attr(data-content-before)}[data-content-after]:after{content:attr(data-content-after)}.u-h1,.u-h2,.u-h3,.u-h4,.u-h5,.u-h6{margin-top:0;color:var(--palettes-neutral-900);margin-bottom:var(--spacings-S);text-rendering:geometricPrecision;text-wrap:pretty;font-weight:var(--components-title-weight, 600);font-size:var(--sizes-fontSize);line-height:var(--sizes-lineHeight);padding-top:var(--sizes-verticalPadding);padding-bottom:var(--sizes-verticalPadding)}.u-h1{--sizes-verticalPadding: var(--sizes-XXL-verticalPadding);--sizes-fontSize: var(--sizes-XXL-fontSize);--sizes-lineHeight: var(--sizes-XXL-lineHeight);--components-title-weight: 900}.u-h1.mod-XXXL{--sizes-verticalPadding: var(--sizes-XXXL-verticalPadding);--sizes-fontSize: var(--sizes-XXXL-fontSize);--sizes-lineHeight: var(--sizes-XXXL-lineHeight);--components-title-weight: 900}.u-h2{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700}.u-h3{--sizes-verticalPadding: var(--sizes-L-verticalPadding);--sizes-fontSize: var(--sizes-L-fontSize);--sizes-lineHeight: var(--sizes-L-lineHeight);--components-title-weight: 700}.u-h4{--sizes-verticalPadding: var(--sizes-M-verticalPadding);--sizes-fontSize: var(--sizes-M-fontSize);--sizes-lineHeight: var(--sizes-M-lineHeight);--components-title-weight: 600}.u-h5{--sizes-verticalPadding: var(--sizes-S-verticalPadding);--sizes-fontSize: var(--sizes-S-fontSize);--sizes-lineHeight: var(--sizes-S-lineHeight);--components-title-weight: 600}.u-h6{--sizes-verticalPadding: var(--sizes-XS-verticalPadding);--sizes-fontSize: var(--sizes-XS-fontSize);--sizes-lineHeight: var(--sizes-XS-lineHeight);--components-title-weight: 600}.u-animatedFadeIn,.u-animatedFadeOut{animation-name:fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.u-animatedScaleIn,.u-animatedScaleOut{animation-name:scaleIn}.u-animatedScaleInTop,.u-animatedScaleOutTop{animation-name:scaleInTop}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.u-animatedScaleInRight,.u-animatedScaleOutRight{animation-name:scaleInRight}@keyframes scaleInRight{0%{transform-origin:right center;transform:scaleX(0)}to{transform-origin:right center;transform:scale(1)}}.u-animatedScaleInBottom,.u-animatedScaleOutBottom{animation-name:scaleInBottom}@keyframes scaleInBottom{0%{transform-origin:bottom center;transform:scaleY(0)}to{transform-origin:bottom center;transform:scale(1)}}.u-animatedScaleInLeft,.u-animatedScaleOutLeft{animation-name:scaleInLeft}@keyframes scaleInLeft{0%{transform-origin:left center;transform:scaleX(0)}to{transform-origin:left center;transform:scale(1)}}.u-animatedSlideIn,.u-animatedSlideInTop,.u-animatedSlideOut,.u-animatedSlideOutTop{animation-name:slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(calc(-1 * var(--commons-animations-translate)))}to{opacity:1;transform:translate(0)}}.u-animatedSlideInRight,.u-animatedSlideOutRight{animation-name:slideInRight}@keyframes slideInRight{0%{transform:translate(var(--commons-animations-translate));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedSlideInBottom,.u-animatedSlideOutBottom{animation-name:slideInBottom}@keyframes slideInBottom{0%{transform:translateY(var(--commons-animations-translate));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedSlideInLeft,.u-animatedSlideOutLeft{animation-name:slideInLeft}@keyframes slideInLeft{0%{transform:translate(calc(-1 * var(--commons-animations-translate)));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedShake{animation-name:shake}@keyframes shake{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-10px,0,0)}40%,80%{transform:translate3d(10px,0,0)}}.u-animatedPulse{animation-name:pulse;animation-direction:alternate;animation-iteration-count:var(--commons-animations-iteration-count)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.u-animatedFadeOut,.u-animatedSlideOut,.u-animatedSlideOutTop,.u-animatedSlideOutRight,.u-animatedSlideOutBottom,.u-animatedSlideOutLeft,.u-animatedScaleOut,.u-animatedScaleOutTop,.u-animatedScaleOutRight,.u-animatedScaleOutBottom,.u-animatedScaleOutLeft{animation-direction:reverse}[class*=u-animated]{animation-duration:var(--duration, var(--commons-animations-durations-standard));animation-timing-function:var(--commons-animations-function)}[class*=u-animated].mod-animation-duration-fast{--duration: var(--commons-animations-durations-fast)}[class*=u-animated].mod-animation-duration-slow{--duration: var(--commons-animations-durations-slow)}.chip{--components-chip-fontSize: var(--sizes-S-fontSize);--components-chip-lineHeight: var(--sizes-S-lineHeight);--components-chip-kill-size: .75rem;--components-chip-kill-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");background-color:var(--palettes-700, var(--palettes-neutral-200));border-radius:var(--commons-borderRadius-M);color:var(--palettes-text, var(--palettes-neutral-800));display:inline-flex;align-items:center;gap:var(--spacings-XS);position:relative;vertical-align:middle;padding:calc(var(--spacings-XXS) / 2) var(--spacings-XS);font-size:var(--components-chip-fontSize);line-height:var(--components-chip-lineHeight)}.chip-kill{padding:0;border:0;width:100%;background-color:transparent;color:inherit;text-align:left;display:block;font:inherit;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;width:var(--components-chip-kill-size);height:var(--components-chip-kill-size);border-radius:var(--commons-borderRadius-full)!important;flex-shrink:0;cursor:pointer}.chip-kill:before,.chip-kill:after{content:\"\";grid-area:main}.chip-kill:before{border-radius:var(--commons-borderRadius-full);background-color:var(--components-chip-kill-disk-color, var(--palettes-neutral-700))}.chip-kill:after{-webkit-mask-image:var(--components-chip-kill-background-image);mask-image:var(--components-chip-kill-background-image);-webkit-mask-size:var(--components-chip-kill-size);mask-size:var(--components-chip-kill-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-chip-kill-cross-color, var(--colors-white-color))}.chip-kill:hover{--components-chip-kill-disk-color: var(--palettes-neutral-600);--components-chip-kill-cross-color: var(--palettes-700, var(--colors-white-color))}.chip-kill:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:var(--commons-borderRadius-full)}.chip-kill:active{--components-chip-kill-disk-color: var(--palettes-50, var(--palettes-neutral-800))}.chip.mod-S{--components-chip-fontSize: var(--sizes-XS-fontSize);--components-chip-lineHeight: var(--sizes-XS-lineHeight)}.chip.palette-product .chip-kill,.chip.palette-primary .chip-kill{--components-chip-kill-cross-color: var(--palettes-product-700);--components-chip-kill-disk-color: var(--colors-white-color)}.chip.palette-product .chip-kill:hover,.chip.palette-primary .chip-kill:hover,.chip.palette-product .chip-kill:active,.chip.palette-primary .chip-kill:active{--components-chip-kill-disk-color: var(--palettes-product-50)}.chip.palette-product .chip-kill:focus-visible,.chip.palette-primary .chip-kill:focus-visible{outline:2px solid var(--colors-white-color);outline-offset:2px}.chip.mod-unkillable .chip-kill{display:none}.chip.mod-clickable{cursor:pointer;text-decoration:none}.chip.mod-clickable:hover{background-color:var(--palettes-600, var(--palettes-neutral-100))}.chip.is-disabled{background:var(--palettes-neutral-100);color:var(--palettes-neutral-500)}.chip.is-disabled .chip-kill{display:none}\n"] }]
|
|
444
|
+
}, encapsulation: ViewEncapsulation.None, template: "<ng-container *luOptionOutlet=\"valuesTpl; value: value || []\"></ng-container>\n\n<button\n\t*ngIf=\"hasValue && clearable && (disabled$ | async) === false\"\n\trole=\"button\"\n\ttype=\"button\"\n\tclass=\"multipleSelect-clear clear\"\n\t(click)=\"clearValue($event)\"\n>\n\t<span class=\"u-mask\">{{intl.clear}}</span>\n</button>\n<span aria-hidden=\"true\" class=\"multipleSelect-arrow lucca-icon icon-arrowChevronBottom\"></span>\n", styles: ["@charset \"UTF-8\";.multiSelect{--components-multiSelect-fontSize: var(--sizes-M-fontSize);--components-multiSelect-lineHeight: var(--sizes-M-lineHeight);--components-multiSelect-padding: var(--spacings-XS);--components-multiSelect-gap: var(--spacings-XS);--components-multiSelect-background: var(--colors-white-color);--components-multiSelect-border-color: var(--palettes-neutral-300);--components-multiSelect-placeholder: var(--palettes-neutral-400);--components-multiSelect-arrow-color: var(--palettes-neutral-600);display:flex;box-shadow:0 0 0 1px var(--components-multiSelect-border-color);background-color:var(--components-multiSelect-background);border-radius:var(--commons-borderRadius-M);padding:var(--components-multiSelect-padding);align-items:flex-end;gap:var(--components-multiSelect-gap);cursor:pointer}.multipleSelect-displayer{display:flex;gap:var(--spacings-XXS);flex-wrap:wrap;flex:1}.multipleSelect-displayer-chip-value{max-width:8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multipleSelect-displayer-search{display:block;min-width:2rem;width:auto;flex:1;order:1;border:0;padding:0;outline:none;color:var(--palettes-neutral-800);font-size:var(--components-multiSelect-fontSize);line-height:var(--components-multiSelect-lineHeight);background-color:transparent;cursor:pointer}.multipleSelect-displayer-search::placeholder{color:var(--palettes-neutral-400)}.multipleSelect-displayer-label{font-size:var(--components-multiSelect-fontSize);line-height:var(--components-multiSelect-lineHeight)}.multipleSelect-clear{margin-bottom:var(--spacings-XXS)}.multipleSelect-arrow{--icon-size: 1.5rem;color:var(--components-multiSelect-arrow-color)}.multiSelect.mod-S{--components-multiSelect-fontSize: var(--sizes-S-fontSize);--components-multiSelect-lineHeight: var(--sizes-S-lineHeight);--components-multiSelect-padding: .375rem;--components-multiSelect-gap: .375rem}.multiSelect.mod-S .multipleSelect-arrow{--icon-size: 1.25rem}.multiSelect.mod-S .multipleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.multiSelect.mod-S .multipleSelect-displayer-chip{--components-chip-fontSize: var(--sizes-XS-fontSize);--components-chip-lineHeight: var(--sizes-XS-lineHeight)}.multiSelect.mod-S .multipleSelect-displayer-numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.multiSelect:has(.multipleSelect-displayer-search:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.multiSelect:has(.multipleSelect-displayer-search[aria-invalid=true]){--components-multiSelect-border-color: var(--palettes-error-400);--components-multiSelect-background: var(--palettes-error-50);--components-multiSelect-placeholder: var(--palettes-error-400)}.multiSelect:has(.multipleSelect-displayer-search:disabled){--components-multiSelect-border-color: var(--palettes-neutral-300);--components-multiSelect-background: var(--palettes-neutral-100);--components-multiSelect-placeholder: var(--palettes-neutral-400);--components-multiSelect-arrow-color: var(--palettes-neutral-500);pointer-events:none}.multipleSelect-displayer.mod-filter{display:grid}.multipleSelect-displayer.mod-filter .multipleSelect-displayer-filter{grid-column-start:1;grid-row-start:1;display:flex;gap:var(--spacings-XXS)}.multipleSelect-displayer.mod-filter .multipleSelect-displayer-search{grid-column-start:1;grid-row-start:1}.multipleSelect-displayer.mod-filter.is-filled .multipleSelect-displayer-search{opacity:0}.multipleSelect-displayer.mod-filter:has([aria-expanded=true]):not(:has(:placeholder-shown)) .multipleSelect-displayer-filter{display:none}.multipleSelect-displayer.mod-filter:has([aria-expanded=true]):not(:has(:placeholder-shown)) .multipleSelect-displayer-search{opacity:1}.clear{--components-clear-size: 1rem;--components-clear-background: var(--palettes-neutral-700);--components-clear-cross-color: var(--colors-white-color);--components-clear-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");padding:0;border:0;width:100%;background-color:transparent;color:inherit;text-align:left;display:block;font:inherit;cursor:pointer;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;flex-shrink:0;width:var(--components-clear-size);height:var(--components-clear-size);border-radius:var(--commons-borderRadius-full)}.clear:before,.clear:after{content:\"\";grid-area:main}.clear:before{border-radius:var(--commons-borderRadius-full);background-color:var(--components-clear-background)}.clear:after{-webkit-mask-image:var(--components-clear-background-image);mask-image:var(--components-clear-background-image);-webkit-mask-size:var(--components-clear-size);mask-size:var(--components-clear-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-clear-cross-color)}.clear:hover{--components-clear-cross-color: var(--palettes-neutral-text);--components-clear-background: var(--palettes-neutral-600)}.clear:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:50%}.clear:active{--components-clear-background: var(--palettes-neutral-800)}.clear .lucca-icon{display:none}.clear.mod-S{--components-clear-size: .75rem;--icon-size: .75rem}.clear.palette-product:not([disabled]),.clear.palette-primary:not([disabled]){--components-clear-cross-color: var(--palettes-product-700);--components-clear-background: var(--colors-white-color)}.clear.palette-product:not([disabled]):hover,.clear.palette-primary:not([disabled]):hover{--components-clear-background: var(--palettes-product-50)}.clear.palette-product:not([disabled]):active,.clear.palette-primary:not([disabled]):active{--components-clear-background: var(--palettes-product-50)}.clear[disabled]{--components-clear-cross-color: var(--palettes-neutral-500);--components-clear-background: var(--palettes-neutral-300);cursor:default}.u-elevate1{box-shadow:var(--commons-elevations-elevation-1)}.u-elevate2{box-shadow:var(--commons-elevations-elevation-2)}.u-elevate3{box-shadow:var(--commons-elevations-elevation-3)}.u-elevate4{box-shadow:var(--commons-elevations-elevation-4)}.u-elevate5{box-shadow:var(--commons-elevations-elevation-5)}.u-elevate6{box-shadow:var(--commons-elevations-elevation-6)}.u-mask{border:0!important;clip:rect(1px,1px,1px,1px)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important;contain:paint!important}.u-clearfix:before,.u-clearfix:after,.u-clear:before,.u-clear:after{content:\" \";display:table}.u-clearfix:after,.u-clear:after{clear:both}.u-listReset{margin:0!important;padding:0!important;list-style-type:none!important}.u-descriptionListReset{margin:0!important}.u-descriptionListReset>dd,.u-descriptionListReset>div>dd{margin:0!important}.u-buttonReset{padding:0!important;border:0!important;width:100%!important;background-color:transparent!important;color:inherit!important;text-align:left!important;display:block!important;font:inherit!important;cursor:pointer!important}.u-floatLeft{float:left!important}.u-floatRight{float:right!important}.u-verticalAlignBaseline{vertical-align:baseline!important}.u-verticalAlignSub{vertical-align:sub!important}.u-verticalAlignSuper{vertical-align:super!important}.u-verticalAlignTextTop{vertical-align:text-top!important}.u-verticalAlignTextBottom{vertical-align:text-bottom!important}.u-verticalAlignMiddle{vertical-align:middle!important}.u-verticalAlignTop{vertical-align:top!important}.u-verticalAlignBottom{vertical-align:bottom!important}.u-whiteSpaceNormal{white-space:normal!important}.u-whiteSpaceNowrap{white-space:nowrap!important}.u-whiteSpacePreLine{white-space:pre-line!important}.u-displayBlock{display:block!important}.u-displayFlex{display:flex!important}.u-displayInline{display:inline!important}.u-displayInlineFlex{display:inline-flex!important}.u-displayInlineBlock{display:inline-block!important}.u-displayContents{display:contents!important}.u-displayNone{display:none!important}.u-flexDirectionColumn{flex-direction:column!important}.u-flexDirectionColumnReverse{flex-direction:column-reverse!important}.u-flexDirectionRow{flex-direction:row!important}.u-flexDirectionRowReverse{flex-direction:row-reverse!important}.u-flexWrapWrap{flex-wrap:wrap!important}.u-flexWrapNowrap{flex-wrap:nowrap!important}.u-flexWrapWrapReverse{flex-wrap:wrap-reverse!important}.u-justifyContentFlexStart{justify-content:flex-start!important}.u-justifyContentFlexEnd{justify-content:flex-end!important}.u-justifyContentSpaceAround{justify-content:space-around!important}.u-justifyContentSpaceBetween{justify-content:space-between!important}.u-justifyContentSpaceEvenly{justify-content:space-evenly!important}.u-justifyContentCenter{justify-content:center!important}.u-alignItemsFlexStart{align-items:flex-start!important}.u-alignItemsFlexEnd{align-items:flex-end!important}.u-alignItemsBaseline{align-items:baseline!important}.u-alignItemsStretch{align-items:stretch!important}.u-alignItemsCenter{align-items:center!important}.u-flexGrow0{flex-grow:0!important}.u-flexGrow1{flex-grow:1!important}.u-flexShrink0{flex-shrink:0!important}.u-flexShrink1{flex-shrink:1!important}.u-flexBasis0{flex-basis:0!important}.u-flexBasisAuto{flex-basis:auto!important}.u-orderMinus1{order:-1!important}.u-order1{order:1!important}.u-alignSelfFlexStart{align-self:flex-start!important}.u-alignSelfFlexEnd{align-self:flex-end!important}.u-alignSelfBaseline{align-self:baseline!important}.u-alignSelfStretch{align-self:stretch!important}.u-alignSelfCenter{align-self:center!important}.u-positionAbsolute{position:absolute!important}.u-positionRelative{position:relative!important}.u-positionStatic{position:static!important}.u-positionFixed{position:fixed!important}.u-positionSticky{position:sticky!important}.u-width100\\%{width:100%!important}.u-widthFitContent{width:-moz-fit-content!important;width:fit-content!important}.u-height100\\%{height:100%!important}.u-heightFitContent{height:-moz-fit-content!important;height:fit-content!important}.u-minWidth0{min-width:0!important}.u-minHeight0{min-height:0!important}.u-visibilityVisible{visibility:visible!important}.u-visibilityHidden{visibility:hidden!important}.u-visibilityCollapse{visibility:collapse!important}.u-fontWeight400{font-weight:400!important}.u-fontWeight600{font-weight:600!important}.u-fontWeight700{font-weight:700!important}.u-fontWeight900{font-weight:900!important}.u-fontWeightNormal{font-weight:400!important}.u-fontWeightBold{font-weight:700!important}.u-fontStyleNormal{font-style:normal!important}.u-fontStyleItalic{font-style:italic!important}.u-pointerEventsNone{pointer-events:none!important}.u-pointerEventsAuto{pointer-events:auto!important}.u-textAlignLeft{text-align:left!important}.u-textAlignCenter{text-align:center!important}.u-textAlignRight{text-align:right!important}.u-textDecorationUnderline{text-decoration:underline!important}.u-textDecorationLineThrough{text-decoration:line-through!important}.u-textDecorationNone{text-decoration:none!important}.u-overflowHidden{overflow:hidden!important}.u-overflowAuto{overflow:auto!important}.u-overflowVisible{overflow:visible!important}.u-overflowScroll{overflow:scroll!important}@media (prefers-reduced-motion: no-preference){.u-scrollBehaviorAuto{scroll-behavior:auto!important}.u-scrollBehaviorSmooth{scroll-behavior:smooth!important}}@media only print{.u-onlyPrintDisplayBlock{display:block!important}.u-onlyPrintDisplayFlex{display:flex!important}.u-onlyPrintDisplayInline{display:inline!important}.u-onlyPrintDisplayInlineFlex{display:inline-flex!important}.u-onlyPrintDisplayInlineBlock{display:inline-block!important}.u-onlyPrintDisplayContents{display:contents!important}.u-onlyPrintDisplayNone{display:none!important}}.u-onlyPrintDisplayContents,.u-onlyPrintDisplayInline-block,.u-onlyPrintDisplayInline-flex,.u-onlyPrintDisplayInline,.u-onlyPrintDisplayFlex,.u-onlyPrintDisplayBlock{display:none}.u-insetReset,.u-inset0{inset:0!important}.u-topReset,.u-top0{top:0!important}.u-bottomReset,.u-bottom0{bottom:0!important}.u-leftReset,.u-left0{left:0!important}.u-rightReset,.u-right0{right:0!important}.u-inlineReset,.u-inline0{inline:0!important}.u-blockReset,.u-block0{block:0!important}.u-margin0{margin:0!important}.u-marginXXS{margin:.25rem!important}.u-marginXS{margin:.5rem!important}.u-marginS{margin:1rem!important}.u-marginM{margin:1.5rem!important}.u-marginL{margin:2rem!important}.u-marginXL{margin:3rem!important}.u-marginXXL{margin:4rem!important}.u-marginAuto{margin:auto!important}.u-marginTop0{margin-top:0!important}.u-marginTopXXS{margin-top:.25rem!important}.u-marginTopXS{margin-top:.5rem!important}.u-marginTopS{margin-top:1rem!important}.u-marginTopM{margin-top:1.5rem!important}.u-marginTopL{margin-top:2rem!important}.u-marginTopXL{margin-top:3rem!important}.u-marginTopXXL{margin-top:4rem!important}.u-marginTopAuto{margin-top:auto!important}.u-marginBottom0{margin-bottom:0!important}.u-marginBottomXXS{margin-bottom:.25rem!important}.u-marginBottomXS{margin-bottom:.5rem!important}.u-marginBottomS{margin-bottom:1rem!important}.u-marginBottomM{margin-bottom:1.5rem!important}.u-marginBottomL{margin-bottom:2rem!important}.u-marginBottomXL{margin-bottom:3rem!important}.u-marginBottomXXL{margin-bottom:4rem!important}.u-marginBottomAuto{margin-bottom:auto!important}.u-marginLeft0{margin-left:0!important}.u-marginLeftXXS{margin-left:.25rem!important}.u-marginLeftXS{margin-left:.5rem!important}.u-marginLeftS{margin-left:1rem!important}.u-marginLeftM{margin-left:1.5rem!important}.u-marginLeftL{margin-left:2rem!important}.u-marginLeftXL{margin-left:3rem!important}.u-marginLeftXXL{margin-left:4rem!important}.u-marginLeftAuto{margin-left:auto!important}.u-marginRight0{margin-right:0!important}.u-marginRightXXS{margin-right:.25rem!important}.u-marginRightXS{margin-right:.5rem!important}.u-marginRightS{margin-right:1rem!important}.u-marginRightM{margin-right:1.5rem!important}.u-marginRightL{margin-right:2rem!important}.u-marginRightXL{margin-right:3rem!important}.u-marginRightXXL{margin-right:4rem!important}.u-marginRightAuto{margin-right:auto!important}.u-marginInline0{margin-inline:0!important}.u-marginInlineXXS{margin-inline:.25rem!important}.u-marginInlineXS{margin-inline:.5rem!important}.u-marginInlineS{margin-inline:1rem!important}.u-marginInlineM{margin-inline:1.5rem!important}.u-marginInlineL{margin-inline:2rem!important}.u-marginInlineXL{margin-inline:3rem!important}.u-marginInlineXXL{margin-inline:4rem!important}.u-marginInlineAuto{margin-inline:auto!important}.u-marginBlock0{margin-block:0!important}.u-marginBlockXXS{margin-block:.25rem!important}.u-marginBlockXS{margin-block:.5rem!important}.u-marginBlockS{margin-block:1rem!important}.u-marginBlockM{margin-block:1.5rem!important}.u-marginBlockL{margin-block:2rem!important}.u-marginBlockXL{margin-block:3rem!important}.u-marginBlockXXL{margin-block:4rem!important}.u-marginBlockAuto{margin-block:auto!important}.u-padding0{padding:0!important}.u-paddingXXS{padding:.25rem!important}.u-paddingXS{padding:.5rem!important}.u-paddingS{padding:1rem!important}.u-paddingM{padding:1.5rem!important}.u-paddingL{padding:2rem!important}.u-paddingXL{padding:3rem!important}.u-paddingXXL{padding:4rem!important}.u-paddingTop0{padding-top:0!important}.u-paddingTopXXS{padding-top:.25rem!important}.u-paddingTopXS{padding-top:.5rem!important}.u-paddingTopS{padding-top:1rem!important}.u-paddingTopM{padding-top:1.5rem!important}.u-paddingTopL{padding-top:2rem!important}.u-paddingTopXL{padding-top:3rem!important}.u-paddingTopXXL{padding-top:4rem!important}.u-paddingBottom0{padding-bottom:0!important}.u-paddingBottomXXS{padding-bottom:.25rem!important}.u-paddingBottomXS{padding-bottom:.5rem!important}.u-paddingBottomS{padding-bottom:1rem!important}.u-paddingBottomM{padding-bottom:1.5rem!important}.u-paddingBottomL{padding-bottom:2rem!important}.u-paddingBottomXL{padding-bottom:3rem!important}.u-paddingBottomXXL{padding-bottom:4rem!important}.u-paddingLeft0{padding-left:0!important}.u-paddingLeftXXS{padding-left:.25rem!important}.u-paddingLeftXS{padding-left:.5rem!important}.u-paddingLeftS{padding-left:1rem!important}.u-paddingLeftM{padding-left:1.5rem!important}.u-paddingLeftL{padding-left:2rem!important}.u-paddingLeftXL{padding-left:3rem!important}.u-paddingLeftXXL{padding-left:4rem!important}.u-paddingRight0{padding-right:0!important}.u-paddingRightXXS{padding-right:.25rem!important}.u-paddingRightXS{padding-right:.5rem!important}.u-paddingRightS{padding-right:1rem!important}.u-paddingRightM{padding-right:1.5rem!important}.u-paddingRightL{padding-right:2rem!important}.u-paddingRightXL{padding-right:3rem!important}.u-paddingRightXXL{padding-right:4rem!important}.u-paddingInline0{padding-inline:0!important}.u-paddingInlineXXS{padding-inline:.25rem!important}.u-paddingInlineXS{padding-inline:.5rem!important}.u-paddingInlineS{padding-inline:1rem!important}.u-paddingInlineM{padding-inline:1.5rem!important}.u-paddingInlineL{padding-inline:2rem!important}.u-paddingInlineXL{padding-inline:3rem!important}.u-paddingInlineXXL{padding-inline:4rem!important}.u-paddingBlock0{padding-block:0!important}.u-paddingBlockXXS{padding-block:.25rem!important}.u-paddingBlockXS{padding-block:.5rem!important}.u-paddingBlockS{padding-block:1rem!important}.u-paddingBlockM{padding-block:1.5rem!important}.u-paddingBlockL{padding-block:2rem!important}.u-paddingBlockXL{padding-block:3rem!important}.u-paddingBlockXXL{padding-block:4rem!important}.u-border0{border:0!important}.u-borderTop0{border-top:0!important}.u-borderBottom0{border-bottom:0!important}.u-borderLeft0{border-left:0!important}.u-borderRight0{border-right:0!important}.u-borderInline0{border-inline:0!important}.u-borderBlock0{border-block:0!important}.u-columnGap0{column-gap:0!important}.u-columnGapXXS{column-gap:.25rem!important}.u-columnGapXS{column-gap:.5rem!important}.u-columnGapS{column-gap:1rem!important}.u-columnGapM{column-gap:1.5rem!important}.u-columnGapL{column-gap:2rem!important}.u-columnGapXL{column-gap:3rem!important}.u-columnGapXXL{column-gap:4rem!important}.u-rowGap0{row-gap:0!important}.u-rowGapXXS{row-gap:.25rem!important}.u-rowGapXS{row-gap:.5rem!important}.u-rowGapS{row-gap:1rem!important}.u-rowGapM{row-gap:1.5rem!important}.u-rowGapL{row-gap:2rem!important}.u-rowGapXL{row-gap:3rem!important}.u-rowGapXXL{row-gap:4rem!important}.u-gap0{gap:0!important}.u-gapXXS{gap:.25rem!important}.u-gapXS{gap:.5rem!important}.u-gapS{gap:1rem!important}.u-gapM{gap:1.5rem!important}.u-gapL{gap:2rem!important}.u-gapXL{gap:3rem!important}.u-gapXXL{gap:4rem!important}.u-textXS{font-size:var(--sizes-XS-fontSize)!important;line-height:var(--sizes-XS-lineHeight)!important}.u-textS{font-size:var(--sizes-S-fontSize)!important;line-height:var(--sizes-S-lineHeight)!important}.u-textM{font-size:var(--sizes-M-fontSize)!important;line-height:var(--sizes-M-lineHeight)!important}.u-textL{font-size:var(--sizes-L-fontSize)!important;line-height:var(--sizes-L-lineHeight)!important}.u-textXL{font-size:var(--sizes-XL-fontSize)!important;line-height:var(--sizes-XL-lineHeight)!important}.u-textXXL{font-size:var(--sizes-XXL-fontSize)!important;line-height:var(--sizes-XXL-lineHeight)!important}.u-textXXXL{font-size:var(--sizes-XXXL-fontSize)!important;line-height:var(--sizes-XXXL-lineHeight)!important}.u-borderRadiusM{border-radius:4px!important}.u-borderRadiusL{border-radius:8px!important}.u-borderRadiusFull{border-radius:9999px!important}.u-borderTopLeftRadiusM{border-top-left-radius:4px!important}.u-borderTopLeftRadiusL{border-top-left-radius:8px!important}.u-borderTopLeftRadiusFull{border-top-left-radius:9999px!important}.u-borderTopRightRadiusM{border-top-right-radius:4px!important}.u-borderTopRightRadiusL{border-top-right-radius:8px!important}.u-borderTopRightRadiusFull{border-top-right-radius:9999px!important}.u-borderBottomLeftRadiusM{border-bottom-left-radius:4px!important}.u-borderBottomLeftRadiusL{border-bottom-left-radius:8px!important}.u-borderBottomLeftRadiusFull{border-bottom-left-radius:9999px!important}.u-borderBottomRightRadiusM{border-bottom-right-radius:4px!important}.u-borderBottomRightRadiusL{border-bottom-right-radius:8px!important}.u-borderBottomRightRadiusFull{border-bottom-right-radius:9999px!important}.u-textCritical{color:var(--palettes-critical-700)!important}.u-textError{color:var(--palettes-error-700)!important}.u-textWarning{color:var(--palettes-warning-700)!important}.u-textSuccess{color:var(--palettes-success-700)!important}.u-textBrand{color:var(--palettes-brand-700)!important}.u-textNeutral{color:var(--palettes-neutral-700)!important}.u-textNavigation{color:var(--palettes-navigation-700)!important}.u-textProduct{color:var(--palettes-product-700)!important}.u-textKiwi{color:var(--palettes-kiwi-700)!important}.u-textLime{color:var(--palettes-lime-700)!important}.u-textCucumber{color:var(--palettes-cucumber-700)!important}.u-textMint{color:var(--palettes-mint-700)!important}.u-textGlacier{color:var(--palettes-glacier-700)!important}.u-textLagoon{color:var(--palettes-lagoon-700)!important}.u-textBlueberry{color:var(--palettes-blueberry-700)!important}.u-textLavender{color:var(--palettes-lavender-700)!important}.u-textGrape{color:var(--palettes-grape-700)!important}.u-textWatermelon{color:var(--palettes-watermelon-700)!important}.u-textPumpkin{color:var(--palettes-pumpkin-700)!important}.u-textPineapple{color:var(--palettes-pineapple-700)!important}.u-textLucca{color:var(--palettes-lucca-700)!important}.u-textGrey{color:var(--palettes-grey-700)!important}.u-textPrimary{color:var(--palettes-primary-700)!important}.u-textSecondary{color:var(--palettes-secondary-700)!important}.u-textLeft{text-align:left!important}.u-textRight{text-align:right!important}.u-textCenter{text-align:center!important}.u-textLight{color:var(--palettes-neutral-600)!important}.u-textPlaceholder{color:var(--palettes-neutral-400)!important}.u-textDefault{color:var(--palettes-neutral-700)!important}.u-unit{font-size:.66em!important}.u-comma:not(:last-child):after{content:\",\\a0\"!important}.u-ellipsis{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.u-fontWeightRegular{font-weight:400!important}.u-fontWeightSemiBold{font-weight:600!important}.u-noSpinButtons::-webkit-outer-spin-button,.u-noSpinButtons::-webkit-inner-spin-button{-webkit-appearance:none}.u-noSpinButtons[type=number]{-moz-appearance:textfield}[data-content-before]:before{content:attr(data-content-before)}[data-content-after]:after{content:attr(data-content-after)}.u-h1,.u-h2,.u-h3,.u-h4,.u-h5,.u-h6{margin-top:0;color:var(--palettes-neutral-900);margin-bottom:var(--spacings-S);text-rendering:geometricPrecision;text-wrap:pretty;font-weight:var(--components-title-weight, 600);font-size:var(--sizes-fontSize);line-height:var(--sizes-lineHeight);padding-top:var(--sizes-verticalPadding);padding-bottom:var(--sizes-verticalPadding)}.u-h1{--sizes-verticalPadding: var(--sizes-XXL-verticalPadding);--sizes-fontSize: var(--sizes-XXL-fontSize);--sizes-lineHeight: var(--sizes-XXL-lineHeight);--components-title-weight: 900}.u-h1.mod-XXXL{--sizes-verticalPadding: var(--sizes-XXXL-verticalPadding);--sizes-fontSize: var(--sizes-XXXL-fontSize);--sizes-lineHeight: var(--sizes-XXXL-lineHeight);--components-title-weight: 900}.u-h2{--sizes-verticalPadding: var(--sizes-XL-verticalPadding);--sizes-fontSize: var(--sizes-XL-fontSize);--sizes-lineHeight: var(--sizes-XL-lineHeight);--components-title-weight: 700}.u-h3{--sizes-verticalPadding: var(--sizes-L-verticalPadding);--sizes-fontSize: var(--sizes-L-fontSize);--sizes-lineHeight: var(--sizes-L-lineHeight);--components-title-weight: 700}.u-h4{--sizes-verticalPadding: var(--sizes-M-verticalPadding);--sizes-fontSize: var(--sizes-M-fontSize);--sizes-lineHeight: var(--sizes-M-lineHeight);--components-title-weight: 600}.u-h5{--sizes-verticalPadding: var(--sizes-S-verticalPadding);--sizes-fontSize: var(--sizes-S-fontSize);--sizes-lineHeight: var(--sizes-S-lineHeight);--components-title-weight: 600}.u-h6{--sizes-verticalPadding: var(--sizes-XS-verticalPadding);--sizes-fontSize: var(--sizes-XS-fontSize);--sizes-lineHeight: var(--sizes-XS-lineHeight);--components-title-weight: 600}.u-animatedFadeIn,.u-animatedFadeOut{animation-name:fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.u-animatedScaleIn,.u-animatedScaleOut{animation-name:scaleIn}.u-animatedScaleInTop,.u-animatedScaleOutTop{animation-name:scaleInTop}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.u-animatedScaleInRight,.u-animatedScaleOutRight{animation-name:scaleInRight}@keyframes scaleInRight{0%{transform-origin:right center;transform:scaleX(0)}to{transform-origin:right center;transform:scale(1)}}.u-animatedScaleInBottom,.u-animatedScaleOutBottom{animation-name:scaleInBottom}@keyframes scaleInBottom{0%{transform-origin:bottom center;transform:scaleY(0)}to{transform-origin:bottom center;transform:scale(1)}}.u-animatedScaleInLeft,.u-animatedScaleOutLeft{animation-name:scaleInLeft}@keyframes scaleInLeft{0%{transform-origin:left center;transform:scaleX(0)}to{transform-origin:left center;transform:scale(1)}}.u-animatedSlideIn,.u-animatedSlideInTop,.u-animatedSlideOut,.u-animatedSlideOutTop{animation-name:slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(calc(-1 * var(--commons-animations-translate)))}to{opacity:1;transform:translate(0)}}.u-animatedSlideInRight,.u-animatedSlideOutRight{animation-name:slideInRight}@keyframes slideInRight{0%{transform:translate(var(--commons-animations-translate));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedSlideInBottom,.u-animatedSlideOutBottom{animation-name:slideInBottom}@keyframes slideInBottom{0%{transform:translateY(var(--commons-animations-translate));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedSlideInLeft,.u-animatedSlideOutLeft{animation-name:slideInLeft}@keyframes slideInLeft{0%{transform:translate(calc(-1 * var(--commons-animations-translate)));opacity:0}to{transform:translate(0);opacity:1}}.u-animatedShake{animation-name:shake}@keyframes shake{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-10px,0,0)}40%,80%{transform:translate3d(10px,0,0)}}.u-animatedPulse{animation-name:pulse;animation-direction:alternate;animation-iteration-count:var(--commons-animations-iteration-count)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.u-animatedFadeOut,.u-animatedSlideOut,.u-animatedSlideOutTop,.u-animatedSlideOutRight,.u-animatedSlideOutBottom,.u-animatedSlideOutLeft,.u-animatedScaleOut,.u-animatedScaleOutTop,.u-animatedScaleOutRight,.u-animatedScaleOutBottom,.u-animatedScaleOutLeft{animation-direction:reverse}[class*=u-animated]{animation-duration:var(--duration, var(--commons-animations-durations-standard));animation-timing-function:var(--commons-animations-function)}[class*=u-animated].mod-animation-duration-fast{--duration: var(--commons-animations-durations-fast)}[class*=u-animated].mod-animation-duration-slow{--duration: var(--commons-animations-durations-slow)}.chip{--components-chip-fontSize: var(--sizes-S-fontSize);--components-chip-lineHeight: var(--sizes-S-lineHeight);--components-chip-kill-size: .75rem;--components-chip-kill-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");background-color:var(--palettes-700, var(--palettes-neutral-200));border-radius:var(--commons-borderRadius-M);color:var(--palettes-text, var(--palettes-neutral-800));display:inline-flex;align-items:center;gap:var(--spacings-XS);position:relative;vertical-align:middle;padding:calc(var(--spacings-XXS) / 2) var(--spacings-XS);font-size:var(--components-chip-fontSize);line-height:var(--components-chip-lineHeight)}.chip-kill{padding:0;border:0;width:100%;background-color:transparent;color:inherit;text-align:left;display:block;font:inherit;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;width:var(--components-chip-kill-size);height:var(--components-chip-kill-size);border-radius:var(--commons-borderRadius-full)!important;flex-shrink:0;cursor:pointer}.chip-kill:before,.chip-kill:after{content:\"\";grid-area:main}.chip-kill:before{border-radius:var(--commons-borderRadius-full);background-color:var(--components-chip-kill-disk-color, var(--palettes-neutral-700))}.chip-kill:after{-webkit-mask-image:var(--components-chip-kill-background-image);mask-image:var(--components-chip-kill-background-image);-webkit-mask-size:var(--components-chip-kill-size);mask-size:var(--components-chip-kill-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-chip-kill-cross-color, var(--colors-white-color))}.chip-kill:hover{--components-chip-kill-disk-color: var(--palettes-neutral-600);--components-chip-kill-cross-color: var(--palettes-700, var(--colors-white-color))}.chip-kill:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:var(--commons-borderRadius-full)}.chip-kill:active{--components-chip-kill-disk-color: var(--palettes-50, var(--palettes-neutral-800))}.chip.mod-S{--components-chip-fontSize: var(--sizes-XS-fontSize);--components-chip-lineHeight: var(--sizes-XS-lineHeight)}.chip.palette-product .chip-kill,.chip.palette-primary .chip-kill{--components-chip-kill-cross-color: var(--palettes-product-700);--components-chip-kill-disk-color: var(--colors-white-color)}.chip.palette-product .chip-kill:hover,.chip.palette-primary .chip-kill:hover,.chip.palette-product .chip-kill:active,.chip.palette-primary .chip-kill:active{--components-chip-kill-disk-color: var(--palettes-product-50)}.chip.palette-product .chip-kill:focus-visible,.chip.palette-primary .chip-kill:focus-visible{outline:2px solid var(--colors-white-color);outline-offset:2px}.chip.mod-unkillable .chip-kill{display:none}.chip.mod-clickable{cursor:pointer;text-decoration:none}.chip.mod-clickable:hover{background-color:var(--palettes-600, var(--palettes-neutral-100))}.chip.is-disabled{background:var(--palettes-neutral-100);color:var(--palettes-neutral-500)}.chip.is-disabled .chip-kill{display:none}\n"] }]
|
|
445
445
|
}], propDecorators: { valuesTpl: [{
|
|
446
446
|
type: Input
|
|
447
447
|
}], maxValuesShown: [{
|