@lucca-front/ng 17.4.1 → 17.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/core-select/api/api-v3.directive.d.ts +1 -1
  2. package/core-select/input/select-input.component.d.ts +3 -3
  3. package/core-select/select.model.d.ts +1 -0
  4. package/esm2022/core-select/api/api-v3.directive.mjs +2 -2
  5. package/esm2022/core-select/input/select-input.component.mjs +3 -1
  6. package/esm2022/core-select/option/option-outlet.directive.mjs +2 -2
  7. package/esm2022/core-select/select.model.mjs +1 -1
  8. package/esm2022/core-select/user/users.directive.mjs +2 -2
  9. package/esm2022/form-field/form-field.component.mjs +4 -4
  10. package/esm2022/forms/number-input/number-input.component.mjs +2 -1
  11. package/esm2022/forms/radio-group-input/radio/radio.component.mjs +6 -3
  12. package/esm2022/forms/radio-group-input/radio-group-input.component.mjs +4 -3
  13. package/esm2022/icon/icon.component.mjs +3 -3
  14. package/esm2022/multi-select/input/panel-ref.factory.mjs +4 -2
  15. package/esm2022/multi-select/panel/panel.component.mjs +2 -2
  16. package/esm2022/simple-select/input/panel-ref.factory.mjs +4 -2
  17. package/esm2022/simple-select/panel/panel.component.mjs +2 -2
  18. package/esm2022/user/display/user-display.pipe.mjs +12 -12
  19. package/esm2022/user/picture/user-picture.component.mjs +26 -36
  20. package/fesm2022/lucca-front-ng-core-select-api.mjs +1 -1
  21. package/fesm2022/lucca-front-ng-core-select-api.mjs.map +1 -1
  22. package/fesm2022/lucca-front-ng-core-select-user.mjs +1 -1
  23. package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
  24. package/fesm2022/lucca-front-ng-core-select.mjs +3 -1
  25. package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
  26. package/fesm2022/lucca-front-ng-form-field.mjs +3 -3
  27. package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
  28. package/fesm2022/lucca-front-ng-forms.mjs +8 -2
  29. package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
  30. package/fesm2022/lucca-front-ng-icon.mjs +2 -2
  31. package/fesm2022/lucca-front-ng-icon.mjs.map +1 -1
  32. package/fesm2022/lucca-front-ng-multi-select.mjs +4 -2
  33. package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
  34. package/fesm2022/lucca-front-ng-simple-select.mjs +4 -2
  35. package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
  36. package/fesm2022/lucca-front-ng-user.mjs +34 -43
  37. package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
  38. package/forms/radio-group-input/radio/radio.component.d.ts +1 -0
  39. package/forms/radio-group-input/radio-group-input.component.d.ts +1 -0
  40. package/package.json +26 -26
  41. package/user/picture/user-picture.component.d.ts +5 -9
package/fesm2022/lucca-front-ng-form-field.mjs CHANGED
@@ -170,7 +170,7 @@ class FormFieldComponent {
170
170
  provide: FORM_FIELD_INSTANCE,
171
171
  useExisting: forwardRef(() => FormFieldComponent),
172
172
  },
173
- ], queries: [{ propertyName: "validators", predicate: NG_VALIDATORS }, { propertyName: "controls", predicate: NgControl }], usesOnChanges: true, ngImport: i0, template: "<fieldset class=\"form-fieldset\" *ngIf=\"layout === 'fieldset'; else defaultTpl\" [class.mod-S]=\"size === 'S'\">\n\t<legend class=\"formLabel\" [class.u-mask]=\"hiddenLabel\" attr.aria-hidden=\"{{hiddenLabel}}\">\n\t\t<ng-container *luPortal=\"label\"></ng-container\n\t\t><!--\n\t--><sup class=\"formLabel-required\" aria-hidden=\"true\" *ngIf=\"required\">*</sup>\n\t\t<lu-icon icon=\"signHelp\" alt=\"\" *ngIf=\"tooltip\" [luTooltip]=\"tooltip\" [color]=\"invalid ? 'error' : 'inherit'\"></lu-icon>\n\t</legend>\n\t<ng-container *ngTemplateOutlet=\"projectionTpl\"></ng-container>\n\t<lu-inline-message\n\t\tid=\"{{id}}-message\"\n\t\t*ngIf=\"inlineMessage || (invalid ? errorInlineMessage : false)\"\n\t\t[label]=\"(invalid && errorInlineMessage) ? errorInlineMessage : inlineMessage\"\n\t\t[state]=\"invalid ? 'error' : inlineMessageState\"\n\t></lu-inline-message>\n</fieldset>\n\n<ng-template #defaultTpl>\n\t<label\n\t\tclass=\"formLabel\"\n\t\t[class.is-error]=\"invalid\"\n\t\t[class.mod-counter]=\"counter > 0\"\n\t\tid=\"{{id}}-label\"\n\t\tfor=\"{{id}}\"\n\t\t[class.u-mask]=\"hiddenLabel\"\n\t\tattr.aria-hidden=\"{{hiddenLabel}}\"\n\t>\n\t\t<ng-container *luPortal=\"label\"></ng-container\n\t\t><!--\n\t--><sup class=\"formLabel-required\" aria-hidden=\"true\" *ngIf=\"required\">*</sup>\n\n\t\t<lu-icon icon=\"signHelp\" alt=\"\" *ngIf=\"tooltip\" [luTooltip]=\"tooltip\" [color]=\"invalid ? 'error' : 'inherit'\"></lu-icon>\n\t\t<span\n\t\t\t*ngIf=\"counter > 0\"\n\t\t\tclass=\"formLabel-counter\"\n\t\t\t[class.u-textError]=\"contentLength > counter\"\n\t\t\tid=\"{{id}}-counter\"\n\t\t\taria-live=\"polite\"\n\t\t>\n\t\t\t<span aria-hidden=\"true\">{{ contentLength }}/{{ counter }}</span>\n\t\t\t<span class=\"u-mask\">{{ intl.counter | intlParams: { current: contentLength, max: counter } }}</span>\n\t\t</span>\n\t</label>\n\t<ng-container *ngTemplateOutlet=\"projectionTpl\"></ng-container>\n\t<lu-inline-message\n\t\tid=\"{{id}}-message\"\n\t\t*ngIf=\"inlineMessage || (invalid ? errorInlineMessage : false)\"\n\t\t[label]=\"(invalid && errorInlineMessage) ? errorInlineMessage : inlineMessage\"\n\t\t[state]=\"invalid ? 'error' : inlineMessageState\"\n\t></lu-inline-message>\n</ng-template>\n\n<ng-template #projectionTpl>\n\t<ng-content></ng-content>\n</ng-template>\n", styles: [".textField{--component-textField-lineHeight: var(--size-M-lightHeight);--component-textField-fontSize: var(--size-M-fontSize);--component-textField-placeholder: var(--palettes-neutral-400);--component-textField-background: var(--colors-white-color);--component-textField-border: var(--palettes-neutral-300);--component-textField-color: var(--palettes-neutral-800);--component-textField-prefix-color: var(--palettes-neutral-600);--component-textField-padding: var(--pr-t-spacings-100);--component-textField-affix-padding: var(--component-textField-padding);display:flex;align-items:stretch;border-radius:var(--commons-borderRadius-M);background-color:var(--component-textField-background)}.textField:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.textField-input{display:flex;align-items:center;width:100%;box-shadow:0 0 0 1px var(--component-textField-border);border-radius:var(--commons-borderRadius-M);background-color:var(--component-textField-background);position:relative}.textField-input:hover{--component-textField-border: var(--palettes-neutral-400)}.textField-input:has(.textField-input-affix-icon){--component-textField-affix-padding: 2.5rem}.textField-input:has(.textField-input-affix-passwordToggle){--component-textField-affix-padding: 3rem}.textField-input:has(.textField-input-affix-clear){--component-textField-affix-padding: 2rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-icon){--component-textField-affix-padding: 4rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-passwordToggle){--component-textField-affix-padding: 4.5rem}.textField-input-value{border:0;outline:0;line-height:var(--component-textField-lineHeight);font-size:var(--component-textField-fontSize);width:100%;padding:var(--component-textField-padding) var(--component-textField-affix-padding) var(--component-textField-padding) var(--component-textField-padding);background-color:transparent;color:var(--component-textField-color)}.textField-input-value::placeholder{color:var(--component-textField-placeholder)}.textField-input-value:is(textarea){resize:vertical;min-height:calc(2lh + var(--component-textField-padding) * 2);height:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;right:var(--pr-t-spacings-100);pointer-events:none}.textField-input-affix-icon{--icon-size: 1.5rem;color:var(--palettes-neutral-600);pointer-events:none}.textField-input-affix-clear{pointer-events:auto}.textField-input-affix-passwordToggle{pointer-events:auto;width:1.75rem;height:1.75rem}.textField-prefix{display:flex;padding:0 var(--component-textField-padding);align-items:center;color:var(--component-textField-prefix-color);line-height:var(--component-textField-lineHeight);font-size:var(--component-textField-fontSize);box-shadow:0 0 0 1px var(--component-textField-border);border-top-left-radius:var(--commons-borderRadius-M);border-bottom-left-radius:var(--commons-borderRadius-M)}.textField-prefix~.textField-input{border-top-left-radius:0;border-bottom-left-radius:0}.textField-suffix{display:flex;padding:0 var(--component-textField-padding);align-items:center;color:var(--component-textField-prefix-color);line-height:var(--component-textField-lineHeight);font-size:var(--component-textField-fontSize);box-shadow:0 0 0 1px var(--component-textField-border);border-top-right-radius:var(--commons-borderRadius-M);border-bottom-right-radius:var(--commons-borderRadius-M);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-top-right-radius:0;border-bottom-right-radius:0}.textField.mod-S{--component-textField-fontSize: var(--sizes-S-fontSize);--component-textField-lineHeight: var(--sizes-S-lineHeight);--component-textField-padding: var(--pr-t-spacings-75)}.textField.mod-S .textField-input-affix-clear{--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-S .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-XS{--component-textField-fontSize: var(--sizes-XS-fontSize);--component-textField-lineHeight: var(--sizes-XS-lineHeight);--component-textField-padding: var(--pr-t-spacings-50)}.textField.mod-XS .textField-prefix,.textField.mod-XS .textField-suffix,.textField.mod-XS .textField-input-affix-icon{--icon-size: 1rem}.textField.mod-XS .textField-input-affix-clear{--components-clear-size: .75rem;--icon-size: .75rem}.textField.is-invalid,.textField:has(.textField-input-value[aria-invalid=true]){--component-textField-border: var(--palettes-error-400);--component-textField-background: var(--palettes-error-50);--component-textField-placeholder: var(--palettes-error-400)}.textField.is-invalid .textField-input:hover,.textField:has(.textField-input-value[aria-invalid=true]) .textField-input:hover{--component-textField-border: var(--palettes-error-600)}.textField.is-disabled,.textField:has(.textField-input-value:disabled){--component-textField-border: var(--palettes-neutral-300);--component-textField-background: var(--palettes-neutral-100);--component-textField-color: var(--palettes-neutral-600)}.formLabel{--components-formLabel-fontSize: var(--sizes-M-fontSize);--components-formLabel-lineHeight: var(--sizes-M-lineHeight);--components-formLabel-color: var(--palettes-neutral-800);--components-formLabel-help-fontSize: var(--sizes-XS-lineHeight);--components-formLabel-help-lineHeight: var(--sizes-M-lineHeight);--components-formLabel-width: fit-content;--components-formLabel-cursor: default;color:var(--components-formLabel-color);display:flex;font-size:var(--components-formLabel-fontSize);font-weight:400;line-height:var(--components-formLabel-lineHeight);width:var(--components-formLabel-width);align-items:flex-end;cursor:var(--components-formLabel-cursor)}.formLabel .lucca-icon{color:var(--palettes-neutral-600);font-size:var(--components-formLabel-help-fontSize);line-height:var(--components-formLabel-help-lineHeight);margin-left:var(--pr-t-spacings-25);vertical-align:top}.formLabel-required{color:var(--palettes-error-700);font-size:inherit;line-height:inherit;font-weight:600;text-rendering:geometricPrecision;margin-left:var(--pr-t-spacings-25);top:0}.formLabel-counter{margin-left:auto;margin-bottom:var(--pr-t-spacings-25);font-size:var(--sizes-XS-fontSize);line-height:var(--sizes-XS-lineHeight);color:var(--palettes-neutral-600)}.formLabel.mod-S{--components-formLabel-fontSize: var(--sizes-S-fontSize);--components-formLabel-lineHeight: var(--sizes-S-lineHeight);--components-formLabel-help-fontSize: var(--sizes-XS-lineHeight);--components-formLabel-help-lineHeight: var(--sizes-S-lineHeight)}.formLabel.mod-XS{--components-formLabel-fontSize: var(--sizes-XS-fontSize);--components-formLabel-lineHeight: var(--sizes-XS-lineHeight);--components-formLabel-help-fontSize: .75rem;--components-formLabel-help-lineHeight: var(--sizes-XS-lineHeight)}.formLabel.mod-counter{--components-formLabel-width: auto}.formLabel.is-error{--components-formLabel-color: var(--palettes-error-700)}.form-group-label.is-required:not(:empty):after,.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-left:.2em}@supports (content: \"*\"/\"\"){.form-group-label.is-required:not(:empty):after,.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{content:\"*\"/\"\"}}@supports not (content: \"*\"/\"\"){.form-group-label.is-required:not(:empty):after,.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{content:\"*\"}}.form-fieldset{margin:0;padding:0;border:0}.form-fieldset.mod-S .formLabel{--components-formLabel-fontSize: var(--sizes-S-fontSize);--components-formLabel-lineHeight: var(--sizes-S-lineHeight);--components-formLabel-help-fontSize: var(--sizes-XS-lineHeight);--components-formLabel-help-lineHeight: var(--sizes-S-lineHeight)}.form-fieldset.mod-S .textField{--component-textField-fontSize: var(--sizes-S-fontSize);--component-textField-lineHeight: var(--sizes-S-lineHeight);--component-textField-padding: var(--pr-t-spacings-75)}.form-fieldset.mod-S .textField .textField-input-affix-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .textField .textField-input-affix-icon{--icon-size: 1.25rem}.form-fieldset.mod-S .radioField{--component-radioField-size: 1rem}.form-fieldset.mod-S .checkboxField{--component-checkboxField-size: 1rem;--component-checkboxField-borderRadius: var(--commons-borderRadius-M);--component-checkboxField-icon-fontSize: var(--sizes-XS-lineHeight);--component-checkboxField-label-fontSize: var(--sizes-S-fontSize);--component-checkboxField-label-lineHeight: var(--sizes-S-lineHeight)}.form-fieldset.mod-S .switchField{--component-switchField-label-input-height: 1rem;--component-switchField-label-input-width: 1.75rem;--component-switchField-label-input-icon-fontSize: .75rem;--component-switchField-label-fontSize: var(--sizes-S-fontSize);--component-switchField-label-lineHeight: var(--sizes-S-lineHeight)}.form-fieldset.mod-S .simpleSelect{--components-simpleSelect-fontSize: var(--sizes-S-fontSize);--components-simpleSelect-lineHeight: var(--sizes-S-lineHeight);--components-simpleSelect-padding: var(--pr-t-spacings-75);--components-simpleSelect-gap: var(--pr-t-spacings-75)}.form-fieldset.mod-S .simpleSelect .simpleSelect-arrow{--icon-size: 1.25rem}.form-fieldset.mod-S .simpleSelect .simpleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .multiSelect{--components-multiSelect-fontSize: var(--sizes-S-fontSize);--components-multiSelect-lineHeight: var(--sizes-S-lineHeight);--components-multiSelect-padding: var(--pr-t-spacings-75);--components-multiSelect-gap: var(--pr-t-spacings-75)}.form-fieldset.mod-S .multiSelect .multipleSelect-arrow{--icon-size: 1.25rem}.form-fieldset.mod-S .multiSelect .multipleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-chip{--components-chip-fontSize: var(--sizes-XS-fontSize);--components-chip-lineHeight: var(--sizes-XS-lineHeight)}.form-fieldset.mod-S .multiSelect .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)}.form-field.mod-S .formLabel{--components-formLabel-fontSize: var(--sizes-S-fontSize);--components-formLabel-lineHeight: var(--sizes-S-lineHeight);--components-formLabel-help-fontSize: var(--sizes-XS-lineHeight);--components-formLabel-help-lineHeight: var(--sizes-S-lineHeight)}.form-field.mod-S .textField{--component-textField-fontSize: var(--sizes-S-fontSize);--component-textField-lineHeight: var(--sizes-S-lineHeight);--component-textField-padding: var(--pr-t-spacings-75)}.form-field.mod-S .textField .textField-input-affix-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .textField .textField-input-affix-icon{--icon-size: 1.25rem}.form-field.mod-S .radioField{--component-radioField-size: 1rem}.form-field.mod-S .checkboxField{--component-checkboxField-size: 1rem;--component-checkboxField-borderRadius: var(--commons-borderRadius-M);--component-checkboxField-icon-fontSize: var(--sizes-XS-lineHeight);--component-checkboxField-label-fontSize: var(--sizes-S-fontSize);--component-checkboxField-label-lineHeight: var(--sizes-S-lineHeight)}.form-field.mod-S .switchField{--component-switchField-label-input-height: 1rem;--component-switchField-label-input-width: 1.75rem;--component-switchField-label-input-icon-fontSize: .75rem;--component-switchField-label-fontSize: var(--sizes-S-fontSize);--component-switchField-label-lineHeight: var(--sizes-S-lineHeight)}.form-field.mod-S .simpleSelect{--components-simpleSelect-fontSize: var(--sizes-S-fontSize);--components-simpleSelect-lineHeight: var(--sizes-S-lineHeight);--components-simpleSelect-padding: var(--pr-t-spacings-75);--components-simpleSelect-gap: var(--pr-t-spacings-75)}.form-field.mod-S .simpleSelect .simpleSelect-arrow{--icon-size: 1.25rem}.form-field.mod-S .simpleSelect .simpleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .multiSelect{--components-multiSelect-fontSize: var(--sizes-S-fontSize);--components-multiSelect-lineHeight: var(--sizes-S-lineHeight);--components-multiSelect-padding: var(--pr-t-spacings-75);--components-multiSelect-gap: var(--pr-t-spacings-75)}.form-field.mod-S .multiSelect .multipleSelect-arrow{--icon-size: 1.25rem}.form-field.mod-S .multiSelect .multipleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .multiSelect .multipleSelect-displayer-chip{--components-chip-fontSize: var(--sizes-XS-fontSize);--components-chip-lineHeight: var(--sizes-XS-lineHeight)}.form-field.mod-S .multiSelect .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)}.form-field.mod-XS .formLabel{--components-formLabel-fontSize: var(--sizes-XS-fontSize);--components-formLabel-lineHeight: var(--sizes-XS-lineHeight);--components-formLabel-help-fontSize: .75rem;--components-formLabel-help-lineHeight: var(--sizes-XS-lineHeight)}.form-field.mod-XS .textField{--component-textField-fontSize: var(--sizes-XS-fontSize);--component-textField-lineHeight: var(--sizes-XS-lineHeight);--component-textField-padding: var(--pr-t-spacings-50)}.form-field.mod-XS .textField .textField-prefix,.form-field.mod-XS .textField .textField-suffix,.form-field.mod-XS .textField .textField-input-affix-icon{--icon-size: 1rem}.form-field.mod-XS .textField .textField-input-affix-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-XS .inlineMessage{--components-inlineMessage-fontSize: var(--sizes-XS-fontSize);--components-inlineMessage-lineHeight: var(--sizes-XS-lineHeight)}.form-field.mod-XS .inlineMessage .lucca-icon{--icon-size: .75rem}.form-field.mod-XS .simpleSelect{--components-simpleSelect-fontSize: var(--sizes-XS-fontSize);--components-simpleSelect-lineHeight: var(--sizes-XS-lineHeight);--components-simpleSelect-padding: var(--pr-t-spacings-50);--components-simpleSelect-gap: var(--pr-t-spacings-50)}.form-field.mod-XS .simpleSelect .simpleSelect-arrow{--icon-size: 1rem}.form-field.mod-XS .simpleSelect .simpleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-withArrow{padding-bottom:var(--pr-t-spacings-200)}.form-field.mod-withArrow .form-field-arrow{--components-box-arrow-background: var(--pr-t-elevation-surface-raised);--components-box-arrow-horizontalMargin: var(--commons-borderRadius-M);--components-box-arrow-left: 0;--components-box-arrow-bottom: 0;background-color:var(--components-box-arrow-background);margin:0 var(--components-box-arrow-horizontalMargin);width:12px;height:8px;clip-path:path(\"M4.66415 0.494638C5.43093 -0.164881 6.56907 -0.164879 7.33586 0.49464L12 8H0L4.66415 0.494638Z\");position:absolute;bottom:var(--components-box-arrow-bottom);left:var(--components-box-arrow-left)}.form-field.mod-withArrow .form-field-arrow.mod-neutral,.form-field.mod-withArrow .form-field-arrow.mod-grey{--components-box-arrow-background: var(--palettes-neutral-25)}.form-field.mod-withArrow:has(.switchField) .form-field-arrow{--components-box-arrow-left: 8px}.form-field.mod-withArrow:not(:has(:checked)) .form-field-arrow{display:none}.form-field.mod-withArrow.mod-S{padding-bottom:var(--pr-t-spacings-100)}.form-field.mod-withArrow.mod-S .form-field-arrow{--components-box-arrow-left: -2px;--components-box-arrow-bottom: -2px}.form-field.mod-withArrow.mod-S:has(.switchField) .form-field-arrow{--components-box-arrow-left: 4px;--components-box-arrow-bottom: -2px}.form-field.mod-checkable,.form-field:has(.radioField),.form-field:has(.checkboxField),.form-field:has(.switchField){display:grid;grid-template-columns:auto 1fr;gap:0 var(--pr-t-spacings-100)}.form-field.mod-checkable .radioField,.form-field.mod-checkable .checkboxField,.form-field.mod-checkable .switchField,.form-field:has(.radioField) .radioField,.form-field:has(.radioField) .checkboxField,.form-field:has(.radioField) .switchField,.form-field:has(.checkboxField) .radioField,.form-field:has(.checkboxField) .checkboxField,.form-field:has(.checkboxField) .switchField,.form-field:has(.switchField) .radioField,.form-field:has(.switchField) .checkboxField,.form-field:has(.switchField) .switchField{order:-1}.form-field.mod-checkable .checkboxField,.form-field:has(.radioField) .checkboxField,.form-field:has(.checkboxField) .checkboxField,.form-field:has(.switchField) .checkboxField{top:var(--component-checkboxField-top)}.form-field.mod-checkable .radioField,.form-field:has(.radioField) .radioField,.form-field:has(.checkboxField) .radioField,.form-field:has(.switchField) .radioField{top:var(--component-radioField-top)}.form-field:has(.textField-input-value[aria-invalid=true]) .formLabel{--components-formLabel-color: var(--palettes-error-700)}.form-field:has(.textField-input-value[aria-invalid=true]) .inlineMessage{--components-inlineMessage-icon-color: var(--palettes-error-700);--components-inlineMessage-color: var(--palettes-error-700);--components-inlineMessage-gap: var(--pr-t-spacings-50)}.form-field:has(.textField-input-value[aria-invalid=true]) .inlineMessage .lucca-icon:before{content:\"\\e92c\";content:\"\\e92c\"/\"\"}.form-field:has(.radioField-input:disabled) .formLabel,.form-field:has(.checkboxField-input:disabled) .formLabel{--components-formLabel-color: var(--palettes-neutral-500);--components-formLabel-cursor: default}.form-field:has(.radioField-input:disabled) .inlineMessage,.form-field:has(.checkboxField-input:disabled) .inlineMessage{--components-inlineMessage-icon-color: var(--palettes-neutral-500);--components-inlineMessage-color: var(--palettes-neutral-500)}.form{--components-form-group-margin-bottom: 1.2rem;--components-form-field-margin-bottom: var(--pr-t-spacings-200);--components-form-label-font-size: var(--sizes-M-fontSize);--components-form-label-margin-bottom: var(--pr-t-spacings-50);--components-field-framed-side-padding: var(--pr-t-spacings-200);--components-field-framed-top-padding: var(--pr-t-spacings-400);--components-field-framed-bottom-padding: var(--pr-t-spacings-200);--components-field-framed-label-top-offset: var(--pr-t-spacings-100);--components-field-framed-textarea-height: 8.5rem;--components-field-framed-textarea-min-height: 5.5rem;--components-field-framed-textarea-max-height: 80vh;--components-field-framed-title-font-size: 1.125rem;--components-field-framed-title-line-height: var(--sizes-M-lineHeight);--components-field-framed-suffix-padding-right: var(--pr-t-spacings-600)}.form-group{--components-form-group-margin-bottom: 1.2rem;--components-form-field-margin-bottom: var(--pr-t-spacings-200);--components-form-label-font-size: var(--sizes-M-fontSize);--components-form-label-margin-bottom: var(--pr-t-spacings-50);--components-field-framed-side-padding: var(--pr-t-spacings-200);--components-field-framed-top-padding: var(--pr-t-spacings-400);--components-field-framed-bottom-padding: var(--pr-t-spacings-200);--components-field-framed-label-top-offset: var(--pr-t-spacings-100);--components-field-framed-textarea-height: 8.5rem;--components-field-framed-textarea-min-height: 5.5rem;--components-field-framed-textarea-max-height: 80vh;--components-field-framed-title-font-size: 1.125rem;--components-field-framed-title-line-height: var(--sizes-M-lineHeight);--components-field-framed-suffix-padding-right: var(--pr-t-spacings-600);padding:0;border:0;margin:0 0 var(--components-form-group-margin-bottom);position:relative}.form-field{position:relative;display:flex;flex-direction:column;gap:var(--pr-t-spacings-50)}.form-field .formLabel{--components-formLabel-cursor: pointer}.form-group-label,.form-group-legend,.form-group-title{display:block;font-weight:600;font-size:var(--components-form-label-font-size);margin:0;padding:0 0 var(--components-form-label-margin-bottom);width:100%;text-align:left}.form-group-legend,.form-group-title{font-size:var(--components-field-framed-title-font-size);line-height:var(--components-field-framed-title-line-height);padding-bottom:var(--pr-t-spacings-50)}.form-actions{text-align:right}.form .textfield,.form .radiosfield,.form .checkboxesfield,.form .checkbox.mod-field{margin-bottom:var(--components-form-field-margin-bottom)}.form-group-line{display:flex;flex-wrap:wrap;position:relative}.form-group-line-col{flex-basis:0;flex-grow:1;display:flex;flex-direction:column}.form-group-line-col>*{flex-grow:1}.form-group-label.is-required:not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-left:.2em}@supports (content: \"*\"/\"\"){.form-group-label.is-required:not(:empty):after{content:\"*\"/\"\"}}@supports not (content: \"*\"/\"\"){.form-group-label.is-required:not(:empty):after{content:\"*\"}}.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-left:.2em}@supports (content: \"*\"/\"\"){.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{content:\"*\"/\"\"}}@supports not (content: \"*\"/\"\"){.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{content:\"*\"}}.form-group-line-col[class*=mod-overlay]:focus-within .textfield-input{box-shadow:-1px 0 var(--components-field-framed-color),0 -1px var(--components-field-framed-color),-1px -1px var(--components-field-framed-color),-1px -1px var(--components-field-framed-color) inset,0 0 0 4px var(--components-field-framed-color50);z-index:4}.form-group-line-col[class*=mod-overlay]:focus-within .is-error .textfield-input{background-color:var(--colors-white-color)!important}.form-group-line-col[class*=mod-overlay]:focus-within .is-warning .textfield-input{background-color:#444242;box-shadow:-1px 0 var(--palettes-warning-700),0 -1px var(--palettes-warning-700),-1px -1px var(--palettes-warning-700),-1px -1px var(--palettes-warning-700) inset,0 0 0 4px var(--palettes-warning-50)}.form-group-line-col[class*=mod-overlay]:focus-within .is-valid .textfield-input,.form-group-line-col[class*=mod-overlay]:focus-within .is-success .textfield-input{background-color:var(--colors-white-color);box-shadow:-1px 0 var(--palettes-success-700),0 -1px var(--palettes-success-700),-1px -1px var(--palettes-success-700),-1px -1px var(--palettes-success-700) inset,0 0 0 4px var(--palettes-success-50)}.form-group-line-col[class*=mod-overlay] .textfield+.textfield,.form-group-line-col[class*=mod-overlay] .textfield+.checkbox,.form-group-line-col[class*=mod-overlay] .textfield+.radio,.form-group-line-col[class*=mod-overlay] .textfield+.select,.form-group-line-col[class*=mod-overlay] .checkbox+.textfield,.form-group-line-col[class*=mod-overlay] .checkbox+.checkbox,.form-group-line-col[class*=mod-overlay] .checkbox+.radio,.form-group-line-col[class*=mod-overlay] .checkbox+.select,.form-group-line-col[class*=mod-overlay] .radio+.textfield,.form-group-line-col[class*=mod-overlay] .radio+.checkbox,.form-group-line-col[class*=mod-overlay] .radio+.radio,.form-group-line-col[class*=mod-overlay] .radio+.select,.form-group-line-col[class*=mod-overlay] .select+.textfield,.form-group-line-col[class*=mod-overlay] .select+.checkbox,.form-group-line-col[class*=mod-overlay] .select+.radio,.form-group-line-col[class*=mod-overlay] .select+.select{position:absolute;bottom:0;right:0;z-index:10;padding:var(--components-field-framed-label-top-offset) var(--components-field-framed-side-padding) var(--components-field-framed-bottom-padding)}.form-group-line-col.mod-overlay-top .textfield+.textfield,.form-group-line-col.mod-overlay-top .textfield+.checkbox,.form-group-line-col.mod-overlay-top .textfield+.radio,.form-group-line-col.mod-overlay-top .textfield+.select,.form-group-line-col.mod-overlay-top .checkbox+.textfield,.form-group-line-col.mod-overlay-top .checkbox+.checkbox,.form-group-line-col.mod-overlay-top .checkbox+.radio,.form-group-line-col.mod-overlay-top .checkbox+.select,.form-group-line-col.mod-overlay-top .radio+.textfield,.form-group-line-col.mod-overlay-top .radio+.checkbox,.form-group-line-col.mod-overlay-top .radio+.radio,.form-group-line-col.mod-overlay-top .radio+.select,.form-group-line-col.mod-overlay-top .select+.textfield,.form-group-line-col.mod-overlay-top .select+.checkbox,.form-group-line-col.mod-overlay-top .select+.radio,.form-group-line-col.mod-overlay-top .select+.select{top:0;bottom:auto}.form-group-line-col.mod-1\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-1\\@mediaMinXXXS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-2\\@mediaMinXXXS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-3\\@mediaMinXXXS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-4\\@mediaMinXXXS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-5\\@mediaMinXXXS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-6\\@mediaMinXXXS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-7\\@mediaMinXXXS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-8\\@mediaMinXXXS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-9\\@mediaMinXXXS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-10\\@mediaMinXXXS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-11\\@mediaMinXXXS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-12\\@mediaMinXXXS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-1\\@mediaMinXXS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-2\\@mediaMinXXS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-3\\@mediaMinXXS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-4\\@mediaMinXXS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-5\\@mediaMinXXS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-6\\@mediaMinXXS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-7\\@mediaMinXXS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-8\\@mediaMinXXS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-9\\@mediaMinXXS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-10\\@mediaMinXXS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-11\\@mediaMinXXS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-12\\@mediaMinXXS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-1\\@mediaMinXS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-2\\@mediaMinXS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-3\\@mediaMinXS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-4\\@mediaMinXS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-5\\@mediaMinXS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-6\\@mediaMinXS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-7\\@mediaMinXS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-8\\@mediaMinXS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-9\\@mediaMinXS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-10\\@mediaMinXS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-11\\@mediaMinXS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-12\\@mediaMinXS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-1\\@mediaMinS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-2\\@mediaMinS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-3\\@mediaMinS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-4\\@mediaMinS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-5\\@mediaMinS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-6\\@mediaMinS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-7\\@mediaMinS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-8\\@mediaMinS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-9\\@mediaMinS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-10\\@mediaMinS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-11\\@mediaMinS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-12\\@mediaMinS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-1\\@mediaMinM{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-2\\@mediaMinM{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-3\\@mediaMinM{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-4\\@mediaMinM{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-5\\@mediaMinM{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-6\\@mediaMinM{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-7\\@mediaMinM{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-8\\@mediaMinM{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-9\\@mediaMinM{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-10\\@mediaMinM{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-11\\@mediaMinM{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-12\\@mediaMinM{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-1\\@mediaMinL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-2\\@mediaMinL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-3\\@mediaMinL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-4\\@mediaMinL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-5\\@mediaMinL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-6\\@mediaMinL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-7\\@mediaMinL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-8\\@mediaMinL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-9\\@mediaMinL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-10\\@mediaMinL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-11\\@mediaMinL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-12\\@mediaMinL{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-1\\@mediaMinXL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-2\\@mediaMinXL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-3\\@mediaMinXL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-4\\@mediaMinXL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-5\\@mediaMinXL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-6\\@mediaMinXL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-7\\@mediaMinXL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-8\\@mediaMinXL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-9\\@mediaMinXL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-10\\@mediaMinXL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-11\\@mediaMinXL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-12\\@mediaMinXL{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-1\\@mediaMinXXL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-2\\@mediaMinXXL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-3\\@mediaMinXXL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-4\\@mediaMinXXL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-5\\@mediaMinXXL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-6\\@mediaMinXXL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-7\\@mediaMinXXL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-8\\@mediaMinXXL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-9\\@mediaMinXXL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-10\\@mediaMinXXL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-11\\@mediaMinXXL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-12\\@mediaMinXXL{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-1\\@mediaMinXXXL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-2\\@mediaMinXXXL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-3\\@mediaMinXXXL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-4\\@mediaMinXXXL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-5\\@mediaMinXXXL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-6\\@mediaMinXXXL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-7\\@mediaMinXXXL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-8\\@mediaMinXXXL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-9\\@mediaMinXXXL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-10\\@mediaMinXXXL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-11\\@mediaMinXXXL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-12\\@mediaMinXXXL{flex-basis:100%}}.form-group-label:is(.is-required,.required):not(:empty):after,.radiosfield-label:is(.is-required,.required):not(:empty):after,.checkboxesfield-label:is(.is-required,.required):not(:empty):after,.textfield-label:is(.is-required,.required):not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-left:.2em}@supports (content: \"*\"/\"\"){.form-group-label:is(.is-required,.required):not(:empty):after,.radiosfield-label:is(.is-required,.required):not(:empty):after,.checkboxesfield-label:is(.is-required,.required):not(:empty):after,.textfield-label:is(.is-required,.required):not(:empty):after{content:\"*\"/\"\"}}@supports not (content: \"*\"/\"\"){.form-group-label:is(.is-required,.required):not(:empty):after,.radiosfield-label:is(.is-required,.required):not(:empty):after,.checkboxesfield-label:is(.is-required,.required):not(:empty):after,.textfield-label:is(.is-required,.required):not(:empty):after{content:\"*\"}}.checkboxesfield.mod-framed,.radiosfield.mod-framed,.form.mod-framed .fieldsetWrapper{margin-bottom:0;background-color:var(--colors-white-color);padding:0;box-shadow:-1px 0 var(--palettes-neutral-200),0 -1px var(--palettes-neutral-200),-1px -1px var(--palettes-neutral-200),-1px -1px var(--palettes-neutral-200) inset;transition:background-color var(--commons-animations-durations-standard);margin-bottom:0!important}.checkboxesfield.mod-framed:before,.checkboxesfield.mod-framed:after,.radiosfield.mod-framed:before,.radiosfield.mod-framed:after,.form.mod-framed .fieldsetWrapper:before,.form.mod-framed .fieldsetWrapper:after{content:\" \";display:table}.checkboxesfield.mod-framed:after,.radiosfield.mod-framed:after,.form.mod-framed .fieldsetWrapper:after{clear:both}.checkboxesfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):hover,.checkboxesfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.radiosfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):hover,.radiosfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.form.mod-framed .fieldsetWrapper:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):hover,.form.mod-framed .fieldsetWrapper:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus{position:relative;z-index:1;background-color:var(--colors-white-color);box-shadow:-1px 0 var(--palettes-neutral-600),0 -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600) inset}.checkboxesfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.radiosfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.form.mod-framed .fieldsetWrapper:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus{z-index:4;box-shadow:-1px 0 var(--palettes-neutral-600),0 -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600) inset,0 0 0 4px var(--palettes-neutral-50)}.checkboxesfield.mod-framed .radiosfield,.checkboxesfield.mod-framed .checkboxesfield,.radiosfield.mod-framed .radiosfield,.radiosfield.mod-framed .checkboxesfield,.form.mod-framed .fieldsetWrapper .radiosfield,.form.mod-framed .fieldsetWrapper .checkboxesfield{display:block;margin-top:var(--components-field-framed-side-padding);margin-bottom:0;padding:0 var(--components-field-framed-side-padding) var(--components-field-framed-bottom-padding)}.checkboxesfield.mod-framed.is-disabled,.checkboxesfield.mod-framed.is-readonly,.radiosfield.mod-framed.is-disabled,.radiosfield.mod-framed.is-readonly,.form.mod-framed .fieldsetWrapper.is-disabled,.form.mod-framed .fieldsetWrapper.is-readonly{background-color:var(--commons-disabled-background)}.checkboxesfield.mod-framed.is-loading:after,.radiosfield.mod-framed.is-loading:after,.form.mod-framed .fieldsetWrapper.is-loading:after{content:\"\";width:1.5rem;height:1.5rem;border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkboxesfield.mod-framed.is-loading:before,.checkboxesfield.mod-framed.is-loading:after,.radiosfield.mod-framed.is-loading:before,.radiosfield.mod-framed.is-loading:after,.form.mod-framed .fieldsetWrapper.is-loading:before,.form.mod-framed .fieldsetWrapper.is-loading:after{left:auto!important;bottom:auto!important;right:var(--components-field-framed-side-padding)!important;top:var(--components-field-framed-side-padding)!important}.checkboxesfield.mod-framed,.radiosfield.mod-framed{margin-top:0;padding:var(--components-field-framed-side-padding) var(--components-field-framed-side-padding) var(--components-field-framed-bottom-padding)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: InlineMessageComponent, selector: "lu-inline-message", inputs: ["label", "state", "size"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipPosition", "luTooltipWhenEllipsis"], outputs: ["luTooltipOnOpen", "luTooltipOnClose"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], encapsulation: i0.ViewEncapsulation.None }); }
173
+ ], queries: [{ propertyName: "validators", predicate: NG_VALIDATORS, descendants: true }, { propertyName: "controls", predicate: NgControl, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<fieldset class=\"form-fieldset\" *ngIf=\"layout === 'fieldset'; else defaultTpl\" [class.mod-S]=\"size === 'S'\">\n\t<legend class=\"formLabel\" [class.u-mask]=\"hiddenLabel\" attr.aria-hidden=\"{{hiddenLabel}}\">\n\t\t<ng-container *luPortal=\"label\"></ng-container\n\t\t><!--\n\t--><sup class=\"formLabel-required\" aria-hidden=\"true\" *ngIf=\"required\">*</sup>\n\t\t<lu-icon icon=\"signHelp\" alt=\"\" *ngIf=\"tooltip\" [luTooltip]=\"tooltip\" [color]=\"invalid ? 'error' : 'inherit'\"></lu-icon>\n\t</legend>\n\t<ng-container *ngTemplateOutlet=\"projectionTpl\"></ng-container>\n\t<lu-inline-message\n\t\tid=\"{{id}}-message\"\n\t\t*ngIf=\"inlineMessage || (invalid ? errorInlineMessage : false)\"\n\t\t[label]=\"(invalid && errorInlineMessage) ? errorInlineMessage : inlineMessage\"\n\t\t[state]=\"invalid ? 'error' : inlineMessageState\"\n\t></lu-inline-message>\n</fieldset>\n\n<ng-template #defaultTpl>\n\t<label\n\t\tclass=\"formLabel\"\n\t\t[class.is-error]=\"invalid\"\n\t\t[class.mod-counter]=\"counter > 0\"\n\t\tid=\"{{id}}-label\"\n\t\tfor=\"{{id}}\"\n\t\t[class.u-mask]=\"hiddenLabel\"\n\t\tattr.aria-hidden=\"{{hiddenLabel}}\"\n\t>\n\t\t<ng-container *luPortal=\"label\"></ng-container\n\t\t><!--\n\t--><sup class=\"formLabel-required\" aria-hidden=\"true\" *ngIf=\"required\">*</sup>\n\n\t\t<lu-icon icon=\"signHelp\" alt=\"\" *ngIf=\"tooltip\" [luTooltip]=\"tooltip\" [color]=\"invalid ? 'error' : 'inherit'\"></lu-icon>\n\t\t<span\n\t\t\t*ngIf=\"counter > 0\"\n\t\t\tclass=\"formLabel-counter\"\n\t\t\t[class.u-textError]=\"contentLength > counter\"\n\t\t\tid=\"{{id}}-counter\"\n\t\t\taria-live=\"polite\"\n\t\t>\n\t\t\t<span aria-hidden=\"true\">{{ contentLength }}/{{ counter }}</span>\n\t\t\t<span class=\"u-mask\">{{ intl.counter | intlParams: { current: contentLength, max: counter } }}</span>\n\t\t</span>\n\t</label>\n\t<ng-container *ngTemplateOutlet=\"projectionTpl\"></ng-container>\n\t<lu-inline-message\n\t\tid=\"{{id}}-message\"\n\t\t*ngIf=\"inlineMessage || (invalid ? errorInlineMessage : false)\"\n\t\t[label]=\"(invalid && errorInlineMessage) ? errorInlineMessage : inlineMessage\"\n\t\t[state]=\"invalid ? 'error' : inlineMessageState\"\n\t></lu-inline-message>\n</ng-template>\n\n<ng-template #projectionTpl>\n\t<ng-content></ng-content>\n</ng-template>\n", styles: [".textField{--component-textField-lineHeight: var(--size-M-lightHeight);--component-textField-fontSize: var(--size-M-fontSize);--component-textField-placeholder: var(--palettes-neutral-400);--component-textField-background: var(--colors-white-color);--component-textField-border: var(--palettes-neutral-300);--component-textField-color: var(--palettes-neutral-800);--component-textField-prefix-color: var(--palettes-neutral-600);--component-textField-padding: var(--pr-t-spacings-100);--component-textField-affix-padding: var(--component-textField-padding);display:flex;align-items:stretch;border-radius:var(--commons-borderRadius-M);background-color:var(--component-textField-background)}.textField:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.textField-input{display:flex;align-items:center;width:100%;box-shadow:0 0 0 1px var(--component-textField-border);border-radius:var(--commons-borderRadius-M);background-color:var(--component-textField-background);position:relative}.textField-input:hover{--component-textField-border: var(--palettes-neutral-400)}.textField-input:has(.textField-input-affix-icon){--component-textField-affix-padding: 2.5rem}.textField-input:has(.textField-input-affix-passwordToggle){--component-textField-affix-padding: 3rem}.textField-input:has(.textField-input-affix-clear){--component-textField-affix-padding: 2rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-icon){--component-textField-affix-padding: 4rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-passwordToggle){--component-textField-affix-padding: 4.5rem}.textField-input-value{border:0;outline:0;line-height:var(--component-textField-lineHeight);font-size:var(--component-textField-fontSize);width:100%;padding:var(--component-textField-padding) var(--component-textField-affix-padding) var(--component-textField-padding) var(--component-textField-padding);background-color:transparent;color:var(--component-textField-color)}.textField-input-value::placeholder{color:var(--component-textField-placeholder)}.textField-input-value:is(textarea){resize:vertical;min-height:calc(2lh + var(--component-textField-padding) * 2);height:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;right:var(--pr-t-spacings-100);pointer-events:none}.textField-input-affix-icon{--icon-size: 1.5rem;color:var(--palettes-neutral-600);pointer-events:none}.textField-input-affix-clear{pointer-events:auto}.textField-input-affix-passwordToggle{pointer-events:auto;width:1.75rem;height:1.75rem}.textField-prefix{display:flex;padding:0 var(--component-textField-padding);align-items:center;color:var(--component-textField-prefix-color);line-height:var(--component-textField-lineHeight);font-size:var(--component-textField-fontSize);box-shadow:0 0 0 1px var(--component-textField-border);border-top-left-radius:var(--commons-borderRadius-M);border-bottom-left-radius:var(--commons-borderRadius-M)}.textField-prefix~.textField-input{border-top-left-radius:0;border-bottom-left-radius:0}.textField-suffix{display:flex;padding:0 var(--component-textField-padding);align-items:center;color:var(--component-textField-prefix-color);line-height:var(--component-textField-lineHeight);font-size:var(--component-textField-fontSize);box-shadow:0 0 0 1px var(--component-textField-border);border-top-right-radius:var(--commons-borderRadius-M);border-bottom-right-radius:var(--commons-borderRadius-M);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-top-right-radius:0;border-bottom-right-radius:0}.textField.mod-S{--component-textField-fontSize: var(--sizes-S-fontSize);--component-textField-lineHeight: var(--sizes-S-lineHeight);--component-textField-padding: var(--pr-t-spacings-75)}.textField.mod-S .textField-input-affix-clear{--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-S .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-XS{--component-textField-fontSize: var(--sizes-XS-fontSize);--component-textField-lineHeight: var(--sizes-XS-lineHeight);--component-textField-padding: var(--pr-t-spacings-50)}.textField.mod-XS .textField-prefix,.textField.mod-XS .textField-suffix,.textField.mod-XS .textField-input-affix-icon{--icon-size: 1rem}.textField.mod-XS .textField-input-affix-clear{--components-clear-size: .75rem;--icon-size: .75rem}.textField.is-invalid,.textField:has(.textField-input-value[aria-invalid=true]){--component-textField-border: var(--palettes-error-400);--component-textField-background: var(--palettes-error-50);--component-textField-placeholder: var(--palettes-error-400)}.textField.is-invalid .textField-input:hover,.textField:has(.textField-input-value[aria-invalid=true]) .textField-input:hover{--component-textField-border: var(--palettes-error-600)}.textField.is-disabled,.textField:has(.textField-input-value:disabled){--component-textField-border: var(--palettes-neutral-300);--component-textField-background: var(--palettes-neutral-100);--component-textField-color: var(--palettes-neutral-600)}.formLabel{--components-formLabel-fontSize: var(--sizes-M-fontSize);--components-formLabel-lineHeight: var(--sizes-M-lineHeight);--components-formLabel-color: var(--palettes-neutral-800);--components-formLabel-help-fontSize: var(--sizes-XS-lineHeight);--components-formLabel-help-lineHeight: var(--sizes-M-lineHeight);--components-formLabel-width: fit-content;--components-formLabel-cursor: default;color:var(--components-formLabel-color);display:flex;font-size:var(--components-formLabel-fontSize);font-weight:400;line-height:var(--components-formLabel-lineHeight);width:var(--components-formLabel-width);align-items:flex-end;cursor:var(--components-formLabel-cursor)}.formLabel .lucca-icon{color:var(--palettes-neutral-600);font-size:var(--components-formLabel-help-fontSize);line-height:var(--components-formLabel-help-lineHeight);margin-left:var(--pr-t-spacings-25);vertical-align:top}.formLabel-required{color:var(--palettes-error-700);font-size:inherit;line-height:inherit;font-weight:600;text-rendering:geometricPrecision;margin-left:var(--pr-t-spacings-25);top:0}.formLabel-counter{margin-left:auto;margin-bottom:var(--pr-t-spacings-25);font-size:var(--sizes-XS-fontSize);line-height:var(--sizes-XS-lineHeight);color:var(--palettes-neutral-600)}.formLabel.mod-S{--components-formLabel-fontSize: var(--sizes-S-fontSize);--components-formLabel-lineHeight: var(--sizes-S-lineHeight);--components-formLabel-help-fontSize: var(--sizes-XS-lineHeight);--components-formLabel-help-lineHeight: var(--sizes-S-lineHeight)}.formLabel.mod-XS{--components-formLabel-fontSize: var(--sizes-XS-fontSize);--components-formLabel-lineHeight: var(--sizes-XS-lineHeight);--components-formLabel-help-fontSize: .75rem;--components-formLabel-help-lineHeight: var(--sizes-XS-lineHeight)}.formLabel.mod-counter{--components-formLabel-width: auto}.formLabel.is-error{--components-formLabel-color: var(--palettes-error-700)}.form-group-label.is-required:not(:empty):after,.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-left:.2em}@supports (content: \"*\"/\"\"){.form-group-label.is-required:not(:empty):after,.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{content:\"*\"/\"\"}}@supports not (content: \"*\"/\"\"){.form-group-label.is-required:not(:empty):after,.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{content:\"*\"}}.form-fieldset{margin:0;padding:0;border:0}.form-fieldset.mod-S .formLabel{--components-formLabel-fontSize: var(--sizes-S-fontSize);--components-formLabel-lineHeight: var(--sizes-S-lineHeight);--components-formLabel-help-fontSize: var(--sizes-XS-lineHeight);--components-formLabel-help-lineHeight: var(--sizes-S-lineHeight)}.form-fieldset.mod-S .textField{--component-textField-fontSize: var(--sizes-S-fontSize);--component-textField-lineHeight: var(--sizes-S-lineHeight);--component-textField-padding: var(--pr-t-spacings-75)}.form-fieldset.mod-S .textField .textField-input-affix-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .textField .textField-input-affix-icon{--icon-size: 1.25rem}.form-fieldset.mod-S .radioField{--component-radioField-size: 1rem}.form-fieldset.mod-S .checkboxField{--component-checkboxField-size: 1rem;--component-checkboxField-borderRadius: var(--commons-borderRadius-M);--component-checkboxField-icon-fontSize: var(--sizes-XS-lineHeight);--component-checkboxField-label-fontSize: var(--sizes-S-fontSize);--component-checkboxField-label-lineHeight: var(--sizes-S-lineHeight)}.form-fieldset.mod-S .switchField{--component-switchField-label-input-height: 1rem;--component-switchField-label-input-width: 1.75rem;--component-switchField-label-input-icon-fontSize: .75rem;--component-switchField-label-fontSize: var(--sizes-S-fontSize);--component-switchField-label-lineHeight: var(--sizes-S-lineHeight)}.form-fieldset.mod-S .simpleSelect{--components-simpleSelect-fontSize: var(--sizes-S-fontSize);--components-simpleSelect-lineHeight: var(--sizes-S-lineHeight);--components-simpleSelect-padding: var(--pr-t-spacings-75);--components-simpleSelect-gap: var(--pr-t-spacings-75)}.form-fieldset.mod-S .simpleSelect .simpleSelect-arrow{--icon-size: 1.25rem}.form-fieldset.mod-S .simpleSelect .simpleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .multiSelect{--components-multiSelect-fontSize: var(--sizes-S-fontSize);--components-multiSelect-lineHeight: var(--sizes-S-lineHeight);--components-multiSelect-padding: var(--pr-t-spacings-75);--components-multiSelect-gap: var(--pr-t-spacings-75)}.form-fieldset.mod-S .multiSelect .multipleSelect-arrow{--icon-size: 1.25rem}.form-fieldset.mod-S .multiSelect .multipleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-chip{--components-chip-fontSize: var(--sizes-XS-fontSize);--components-chip-lineHeight: var(--sizes-XS-lineHeight)}.form-fieldset.mod-S .multiSelect .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)}.form-field.mod-S .formLabel{--components-formLabel-fontSize: var(--sizes-S-fontSize);--components-formLabel-lineHeight: var(--sizes-S-lineHeight);--components-formLabel-help-fontSize: var(--sizes-XS-lineHeight);--components-formLabel-help-lineHeight: var(--sizes-S-lineHeight)}.form-field.mod-S .textField{--component-textField-fontSize: var(--sizes-S-fontSize);--component-textField-lineHeight: var(--sizes-S-lineHeight);--component-textField-padding: var(--pr-t-spacings-75)}.form-field.mod-S .textField .textField-input-affix-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .textField .textField-input-affix-icon{--icon-size: 1.25rem}.form-field.mod-S .radioField{--component-radioField-size: 1rem}.form-field.mod-S .checkboxField{--component-checkboxField-size: 1rem;--component-checkboxField-borderRadius: var(--commons-borderRadius-M);--component-checkboxField-icon-fontSize: var(--sizes-XS-lineHeight);--component-checkboxField-label-fontSize: var(--sizes-S-fontSize);--component-checkboxField-label-lineHeight: var(--sizes-S-lineHeight)}.form-field.mod-S .switchField{--component-switchField-label-input-height: 1rem;--component-switchField-label-input-width: 1.75rem;--component-switchField-label-input-icon-fontSize: .75rem;--component-switchField-label-fontSize: var(--sizes-S-fontSize);--component-switchField-label-lineHeight: var(--sizes-S-lineHeight)}.form-field.mod-S .simpleSelect{--components-simpleSelect-fontSize: var(--sizes-S-fontSize);--components-simpleSelect-lineHeight: var(--sizes-S-lineHeight);--components-simpleSelect-padding: var(--pr-t-spacings-75);--components-simpleSelect-gap: var(--pr-t-spacings-75)}.form-field.mod-S .simpleSelect .simpleSelect-arrow{--icon-size: 1.25rem}.form-field.mod-S .simpleSelect .simpleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .multiSelect{--components-multiSelect-fontSize: var(--sizes-S-fontSize);--components-multiSelect-lineHeight: var(--sizes-S-lineHeight);--components-multiSelect-padding: var(--pr-t-spacings-75);--components-multiSelect-gap: var(--pr-t-spacings-75)}.form-field.mod-S .multiSelect .multipleSelect-arrow{--icon-size: 1.25rem}.form-field.mod-S .multiSelect .multipleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .multiSelect .multipleSelect-displayer-chip{--components-chip-fontSize: var(--sizes-XS-fontSize);--components-chip-lineHeight: var(--sizes-XS-lineHeight)}.form-field.mod-S .multiSelect .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)}.form-field.mod-XS .formLabel{--components-formLabel-fontSize: var(--sizes-XS-fontSize);--components-formLabel-lineHeight: var(--sizes-XS-lineHeight);--components-formLabel-help-fontSize: .75rem;--components-formLabel-help-lineHeight: var(--sizes-XS-lineHeight)}.form-field.mod-XS .textField{--component-textField-fontSize: var(--sizes-XS-fontSize);--component-textField-lineHeight: var(--sizes-XS-lineHeight);--component-textField-padding: var(--pr-t-spacings-50)}.form-field.mod-XS .textField .textField-prefix,.form-field.mod-XS .textField .textField-suffix,.form-field.mod-XS .textField .textField-input-affix-icon{--icon-size: 1rem}.form-field.mod-XS .textField .textField-input-affix-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-XS .inlineMessage{--components-inlineMessage-fontSize: var(--sizes-XS-fontSize);--components-inlineMessage-lineHeight: var(--sizes-XS-lineHeight)}.form-field.mod-XS .inlineMessage .lucca-icon{--icon-size: .75rem}.form-field.mod-XS .simpleSelect{--components-simpleSelect-fontSize: var(--sizes-XS-fontSize);--components-simpleSelect-lineHeight: var(--sizes-XS-lineHeight);--components-simpleSelect-padding: var(--pr-t-spacings-50);--components-simpleSelect-gap: var(--pr-t-spacings-50)}.form-field.mod-XS .simpleSelect .simpleSelect-arrow{--icon-size: 1rem}.form-field.mod-XS .simpleSelect .simpleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-withArrow{padding-bottom:var(--pr-t-spacings-200)}.form-field.mod-withArrow .form-field-arrow{--components-box-arrow-background: var(--pr-t-elevation-surface-raised);--components-box-arrow-horizontalMargin: var(--commons-borderRadius-M);--components-box-arrow-left: 0;--components-box-arrow-bottom: 0;background-color:var(--components-box-arrow-background);margin:0 var(--components-box-arrow-horizontalMargin);width:12px;height:8px;clip-path:path(\"M4.66415 0.494638C5.43093 -0.164881 6.56907 -0.164879 7.33586 0.49464L12 8H0L4.66415 0.494638Z\");position:absolute;bottom:var(--components-box-arrow-bottom);left:var(--components-box-arrow-left)}.form-field.mod-withArrow .form-field-arrow.mod-neutral,.form-field.mod-withArrow .form-field-arrow.mod-grey{--components-box-arrow-background: var(--palettes-neutral-25)}.form-field.mod-withArrow:has(.switchField) .form-field-arrow{--components-box-arrow-left: 8px}.form-field.mod-withArrow:not(:has(:checked)) .form-field-arrow{display:none}.form-field.mod-withArrow.mod-S{padding-bottom:var(--pr-t-spacings-100)}.form-field.mod-withArrow.mod-S .form-field-arrow{--components-box-arrow-left: -2px;--components-box-arrow-bottom: -2px}.form-field.mod-withArrow.mod-S:has(.switchField) .form-field-arrow{--components-box-arrow-left: 4px;--components-box-arrow-bottom: -2px}.form-field.mod-checkable,.form-field:has(.radioField),.form-field:has(.checkboxField),.form-field:has(.switchField){display:grid;grid-template-columns:auto 1fr;gap:0 var(--pr-t-spacings-100)}.form-field.mod-checkable .radioField,.form-field.mod-checkable .checkboxField,.form-field.mod-checkable .switchField,.form-field:has(.radioField) .radioField,.form-field:has(.radioField) .checkboxField,.form-field:has(.radioField) .switchField,.form-field:has(.checkboxField) .radioField,.form-field:has(.checkboxField) .checkboxField,.form-field:has(.checkboxField) .switchField,.form-field:has(.switchField) .radioField,.form-field:has(.switchField) .checkboxField,.form-field:has(.switchField) .switchField{order:-1}.form-field.mod-checkable .checkboxField,.form-field:has(.radioField) .checkboxField,.form-field:has(.checkboxField) .checkboxField,.form-field:has(.switchField) .checkboxField{top:var(--component-checkboxField-top)}.form-field.mod-checkable .radioField,.form-field:has(.radioField) .radioField,.form-field:has(.checkboxField) .radioField,.form-field:has(.switchField) .radioField{top:var(--component-radioField-top)}.form-field:has(.textField-input-value[aria-invalid=true]) .formLabel{--components-formLabel-color: var(--palettes-error-700)}.form-field:has(.textField-input-value[aria-invalid=true]) .inlineMessage{--components-inlineMessage-icon-color: var(--palettes-error-700);--components-inlineMessage-color: var(--palettes-error-700);--components-inlineMessage-gap: var(--pr-t-spacings-50)}.form-field:has(.textField-input-value[aria-invalid=true]) .inlineMessage .lucca-icon:before{content:\"\\e92c\";content:\"\\e92c\"/\"\"}.form-field:has(.radioField-input:disabled) .formLabel,.form-field:has(.checkboxField-input:disabled) .formLabel{--components-formLabel-color: var(--palettes-neutral-500);--components-formLabel-cursor: default}.form-field:has(.radioField-input:disabled) .inlineMessage,.form-field:has(.checkboxField-input:disabled) .inlineMessage{--components-inlineMessage-icon-color: var(--palettes-neutral-500);--components-inlineMessage-color: var(--palettes-neutral-500)}.form{--components-form-group-margin-bottom: 1.2rem;--components-form-field-margin-bottom: var(--pr-t-spacings-200);--components-form-label-font-size: var(--sizes-M-fontSize);--components-form-label-margin-bottom: var(--pr-t-spacings-50);--components-field-framed-side-padding: var(--pr-t-spacings-200);--components-field-framed-top-padding: var(--pr-t-spacings-400);--components-field-framed-bottom-padding: var(--pr-t-spacings-200);--components-field-framed-label-top-offset: var(--pr-t-spacings-100);--components-field-framed-textarea-height: 8.5rem;--components-field-framed-textarea-min-height: 5.5rem;--components-field-framed-textarea-max-height: 80vh;--components-field-framed-title-font-size: 1.125rem;--components-field-framed-title-line-height: var(--sizes-M-lineHeight);--components-field-framed-suffix-padding-right: var(--pr-t-spacings-600)}.form-group{--components-form-group-margin-bottom: 1.2rem;--components-form-field-margin-bottom: var(--pr-t-spacings-200);--components-form-label-font-size: var(--sizes-M-fontSize);--components-form-label-margin-bottom: var(--pr-t-spacings-50);--components-field-framed-side-padding: var(--pr-t-spacings-200);--components-field-framed-top-padding: var(--pr-t-spacings-400);--components-field-framed-bottom-padding: var(--pr-t-spacings-200);--components-field-framed-label-top-offset: var(--pr-t-spacings-100);--components-field-framed-textarea-height: 8.5rem;--components-field-framed-textarea-min-height: 5.5rem;--components-field-framed-textarea-max-height: 80vh;--components-field-framed-title-font-size: 1.125rem;--components-field-framed-title-line-height: var(--sizes-M-lineHeight);--components-field-framed-suffix-padding-right: var(--pr-t-spacings-600);padding:0;border:0;margin:0 0 var(--components-form-group-margin-bottom);position:relative}.form-field{position:relative;display:flex;flex-direction:column;gap:var(--pr-t-spacings-50)}.form-field .formLabel{--components-formLabel-cursor: pointer}.form-group-label,.form-group-legend,.form-group-title{display:block;font-weight:600;font-size:var(--components-form-label-font-size);margin:0;padding:0 0 var(--components-form-label-margin-bottom);width:100%;text-align:left}.form-group-legend,.form-group-title{font-size:var(--components-field-framed-title-font-size);line-height:var(--components-field-framed-title-line-height);padding-bottom:var(--pr-t-spacings-50)}.form-actions{text-align:right}.form .textfield,.form .radiosfield,.form .checkboxesfield,.form .checkbox.mod-field{margin-bottom:var(--components-form-field-margin-bottom)}.form-group-line{display:flex;flex-wrap:wrap;position:relative}.form-group-line-col{flex-basis:0;flex-grow:1;display:flex;flex-direction:column}.form-group-line-col>*{flex-grow:1}.form-group-label.is-required:not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-left:.2em}@supports (content: \"*\"/\"\"){.form-group-label.is-required:not(:empty):after{content:\"*\"/\"\"}}@supports not (content: \"*\"/\"\"){.form-group-label.is-required:not(:empty):after{content:\"*\"}}.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-left:.2em}@supports (content: \"*\"/\"\"){.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{content:\"*\"/\"\"}}@supports not (content: \"*\"/\"\"){.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{content:\"*\"}}.form-group-line-col[class*=mod-overlay]:focus-within .textfield-input{box-shadow:-1px 0 var(--components-field-framed-color),0 -1px var(--components-field-framed-color),-1px -1px var(--components-field-framed-color),-1px -1px var(--components-field-framed-color) inset,0 0 0 4px var(--components-field-framed-color50);z-index:4}.form-group-line-col[class*=mod-overlay]:focus-within .is-error .textfield-input{background-color:var(--colors-white-color)!important}.form-group-line-col[class*=mod-overlay]:focus-within .is-warning .textfield-input{background-color:#444242;box-shadow:-1px 0 var(--palettes-warning-700),0 -1px var(--palettes-warning-700),-1px -1px var(--palettes-warning-700),-1px -1px var(--palettes-warning-700) inset,0 0 0 4px var(--palettes-warning-50)}.form-group-line-col[class*=mod-overlay]:focus-within .is-valid .textfield-input,.form-group-line-col[class*=mod-overlay]:focus-within .is-success .textfield-input{background-color:var(--colors-white-color);box-shadow:-1px 0 var(--palettes-success-700),0 -1px var(--palettes-success-700),-1px -1px var(--palettes-success-700),-1px -1px var(--palettes-success-700) inset,0 0 0 4px var(--palettes-success-50)}.form-group-line-col[class*=mod-overlay] .textfield+.textfield,.form-group-line-col[class*=mod-overlay] .textfield+.checkbox,.form-group-line-col[class*=mod-overlay] .textfield+.radio,.form-group-line-col[class*=mod-overlay] .textfield+.select,.form-group-line-col[class*=mod-overlay] .checkbox+.textfield,.form-group-line-col[class*=mod-overlay] .checkbox+.checkbox,.form-group-line-col[class*=mod-overlay] .checkbox+.radio,.form-group-line-col[class*=mod-overlay] .checkbox+.select,.form-group-line-col[class*=mod-overlay] .radio+.textfield,.form-group-line-col[class*=mod-overlay] .radio+.checkbox,.form-group-line-col[class*=mod-overlay] .radio+.radio,.form-group-line-col[class*=mod-overlay] .radio+.select,.form-group-line-col[class*=mod-overlay] .select+.textfield,.form-group-line-col[class*=mod-overlay] .select+.checkbox,.form-group-line-col[class*=mod-overlay] .select+.radio,.form-group-line-col[class*=mod-overlay] .select+.select{position:absolute;bottom:0;right:0;z-index:10;padding:var(--components-field-framed-label-top-offset) var(--components-field-framed-side-padding) var(--components-field-framed-bottom-padding)}.form-group-line-col.mod-overlay-top .textfield+.textfield,.form-group-line-col.mod-overlay-top .textfield+.checkbox,.form-group-line-col.mod-overlay-top .textfield+.radio,.form-group-line-col.mod-overlay-top .textfield+.select,.form-group-line-col.mod-overlay-top .checkbox+.textfield,.form-group-line-col.mod-overlay-top .checkbox+.checkbox,.form-group-line-col.mod-overlay-top .checkbox+.radio,.form-group-line-col.mod-overlay-top .checkbox+.select,.form-group-line-col.mod-overlay-top .radio+.textfield,.form-group-line-col.mod-overlay-top .radio+.checkbox,.form-group-line-col.mod-overlay-top .radio+.radio,.form-group-line-col.mod-overlay-top .radio+.select,.form-group-line-col.mod-overlay-top .select+.textfield,.form-group-line-col.mod-overlay-top .select+.checkbox,.form-group-line-col.mod-overlay-top .select+.radio,.form-group-line-col.mod-overlay-top .select+.select{top:0;bottom:auto}.form-group-line-col.mod-1\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-1\\@mediaMinXXXS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-2\\@mediaMinXXXS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-3\\@mediaMinXXXS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-4\\@mediaMinXXXS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-5\\@mediaMinXXXS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-6\\@mediaMinXXXS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-7\\@mediaMinXXXS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-8\\@mediaMinXXXS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-9\\@mediaMinXXXS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-10\\@mediaMinXXXS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-11\\@mediaMinXXXS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-12\\@mediaMinXXXS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-1\\@mediaMinXXS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-2\\@mediaMinXXS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-3\\@mediaMinXXS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-4\\@mediaMinXXS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-5\\@mediaMinXXS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-6\\@mediaMinXXS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-7\\@mediaMinXXS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-8\\@mediaMinXXS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-9\\@mediaMinXXS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-10\\@mediaMinXXS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-11\\@mediaMinXXS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-12\\@mediaMinXXS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-1\\@mediaMinXS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-2\\@mediaMinXS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-3\\@mediaMinXS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-4\\@mediaMinXS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-5\\@mediaMinXS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-6\\@mediaMinXS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-7\\@mediaMinXS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-8\\@mediaMinXS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-9\\@mediaMinXS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-10\\@mediaMinXS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-11\\@mediaMinXS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-12\\@mediaMinXS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-1\\@mediaMinS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-2\\@mediaMinS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-3\\@mediaMinS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-4\\@mediaMinS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-5\\@mediaMinS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-6\\@mediaMinS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-7\\@mediaMinS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-8\\@mediaMinS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-9\\@mediaMinS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-10\\@mediaMinS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-11\\@mediaMinS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-12\\@mediaMinS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-1\\@mediaMinM{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-2\\@mediaMinM{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-3\\@mediaMinM{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-4\\@mediaMinM{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-5\\@mediaMinM{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-6\\@mediaMinM{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-7\\@mediaMinM{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-8\\@mediaMinM{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-9\\@mediaMinM{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-10\\@mediaMinM{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-11\\@mediaMinM{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-12\\@mediaMinM{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-1\\@mediaMinL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-2\\@mediaMinL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-3\\@mediaMinL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-4\\@mediaMinL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-5\\@mediaMinL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-6\\@mediaMinL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-7\\@mediaMinL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-8\\@mediaMinL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-9\\@mediaMinL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-10\\@mediaMinL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-11\\@mediaMinL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-12\\@mediaMinL{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-1\\@mediaMinXL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-2\\@mediaMinXL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-3\\@mediaMinXL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-4\\@mediaMinXL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-5\\@mediaMinXL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-6\\@mediaMinXL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-7\\@mediaMinXL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-8\\@mediaMinXL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-9\\@mediaMinXL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-10\\@mediaMinXL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-11\\@mediaMinXL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-12\\@mediaMinXL{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-1\\@mediaMinXXL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-2\\@mediaMinXXL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-3\\@mediaMinXXL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-4\\@mediaMinXXL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-5\\@mediaMinXXL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-6\\@mediaMinXXL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-7\\@mediaMinXXL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-8\\@mediaMinXXL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-9\\@mediaMinXXL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-10\\@mediaMinXXL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-11\\@mediaMinXXL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-12\\@mediaMinXXL{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-1\\@mediaMinXXXL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-2\\@mediaMinXXXL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-3\\@mediaMinXXXL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-4\\@mediaMinXXXL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-5\\@mediaMinXXXL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-6\\@mediaMinXXXL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-7\\@mediaMinXXXL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-8\\@mediaMinXXXL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-9\\@mediaMinXXXL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-10\\@mediaMinXXXL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-11\\@mediaMinXXXL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-12\\@mediaMinXXXL{flex-basis:100%}}.form-group-label:is(.is-required,.required):not(:empty):after,.radiosfield-label:is(.is-required,.required):not(:empty):after,.checkboxesfield-label:is(.is-required,.required):not(:empty):after,.textfield-label:is(.is-required,.required):not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-left:.2em}@supports (content: \"*\"/\"\"){.form-group-label:is(.is-required,.required):not(:empty):after,.radiosfield-label:is(.is-required,.required):not(:empty):after,.checkboxesfield-label:is(.is-required,.required):not(:empty):after,.textfield-label:is(.is-required,.required):not(:empty):after{content:\"*\"/\"\"}}@supports not (content: \"*\"/\"\"){.form-group-label:is(.is-required,.required):not(:empty):after,.radiosfield-label:is(.is-required,.required):not(:empty):after,.checkboxesfield-label:is(.is-required,.required):not(:empty):after,.textfield-label:is(.is-required,.required):not(:empty):after{content:\"*\"}}.checkboxesfield.mod-framed,.radiosfield.mod-framed,.form.mod-framed .fieldsetWrapper{margin-bottom:0;background-color:var(--colors-white-color);padding:0;box-shadow:-1px 0 var(--palettes-neutral-200),0 -1px var(--palettes-neutral-200),-1px -1px var(--palettes-neutral-200),-1px -1px var(--palettes-neutral-200) inset;transition:background-color var(--commons-animations-durations-standard);margin-bottom:0!important}.checkboxesfield.mod-framed:before,.checkboxesfield.mod-framed:after,.radiosfield.mod-framed:before,.radiosfield.mod-framed:after,.form.mod-framed .fieldsetWrapper:before,.form.mod-framed .fieldsetWrapper:after{content:\" \";display:table}.checkboxesfield.mod-framed:after,.radiosfield.mod-framed:after,.form.mod-framed .fieldsetWrapper:after{clear:both}.checkboxesfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):hover,.checkboxesfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.radiosfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):hover,.radiosfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.form.mod-framed .fieldsetWrapper:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):hover,.form.mod-framed .fieldsetWrapper:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus{position:relative;z-index:1;background-color:var(--colors-white-color);box-shadow:-1px 0 var(--palettes-neutral-600),0 -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600) inset}.checkboxesfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.radiosfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.form.mod-framed .fieldsetWrapper:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus{z-index:4;box-shadow:-1px 0 var(--palettes-neutral-600),0 -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600) inset,0 0 0 4px var(--palettes-neutral-50)}.checkboxesfield.mod-framed .radiosfield,.checkboxesfield.mod-framed .checkboxesfield,.radiosfield.mod-framed .radiosfield,.radiosfield.mod-framed .checkboxesfield,.form.mod-framed .fieldsetWrapper .radiosfield,.form.mod-framed .fieldsetWrapper .checkboxesfield{display:block;margin-top:var(--components-field-framed-side-padding);margin-bottom:0;padding:0 var(--components-field-framed-side-padding) var(--components-field-framed-bottom-padding)}.checkboxesfield.mod-framed.is-disabled,.checkboxesfield.mod-framed.is-readonly,.radiosfield.mod-framed.is-disabled,.radiosfield.mod-framed.is-readonly,.form.mod-framed .fieldsetWrapper.is-disabled,.form.mod-framed .fieldsetWrapper.is-readonly{background-color:var(--commons-disabled-background)}.checkboxesfield.mod-framed.is-loading:after,.radiosfield.mod-framed.is-loading:after,.form.mod-framed .fieldsetWrapper.is-loading:after{content:\"\";width:1.5rem;height:1.5rem;border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkboxesfield.mod-framed.is-loading:before,.checkboxesfield.mod-framed.is-loading:after,.radiosfield.mod-framed.is-loading:before,.radiosfield.mod-framed.is-loading:after,.form.mod-framed .fieldsetWrapper.is-loading:before,.form.mod-framed .fieldsetWrapper.is-loading:after{left:auto!important;bottom:auto!important;right:var(--components-field-framed-side-padding)!important;top:var(--components-field-framed-side-padding)!important}.checkboxesfield.mod-framed,.radiosfield.mod-framed{margin-top:0;padding:var(--components-field-framed-side-padding) var(--components-field-framed-side-padding) var(--components-field-framed-bottom-padding)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: InlineMessageComponent, selector: "lu-inline-message", inputs: ["label", "state", "size"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipPosition", "luTooltipWhenEllipsis"], outputs: ["luTooltipOnOpen", "luTooltipOnClose"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], encapsulation: i0.ViewEncapsulation.None }); }
174
174
  }
175
175
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: FormFieldComponent, decorators: [{
176
176
  type: Component,
@@ -183,10 +183,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
183
183
  ], encapsulation: ViewEncapsulation.None, template: "<fieldset class=\"form-fieldset\" *ngIf=\"layout === 'fieldset'; else defaultTpl\" [class.mod-S]=\"size === 'S'\">\n\t<legend class=\"formLabel\" [class.u-mask]=\"hiddenLabel\" attr.aria-hidden=\"{{hiddenLabel}}\">\n\t\t<ng-container *luPortal=\"label\"></ng-container\n\t\t><!--\n\t--><sup class=\"formLabel-required\" aria-hidden=\"true\" *ngIf=\"required\">*</sup>\n\t\t<lu-icon icon=\"signHelp\" alt=\"\" *ngIf=\"tooltip\" [luTooltip]=\"tooltip\" [color]=\"invalid ? 'error' : 'inherit'\"></lu-icon>\n\t</legend>\n\t<ng-container *ngTemplateOutlet=\"projectionTpl\"></ng-container>\n\t<lu-inline-message\n\t\tid=\"{{id}}-message\"\n\t\t*ngIf=\"inlineMessage || (invalid ? errorInlineMessage : false)\"\n\t\t[label]=\"(invalid && errorInlineMessage) ? errorInlineMessage : inlineMessage\"\n\t\t[state]=\"invalid ? 'error' : inlineMessageState\"\n\t></lu-inline-message>\n</fieldset>\n\n<ng-template #defaultTpl>\n\t<label\n\t\tclass=\"formLabel\"\n\t\t[class.is-error]=\"invalid\"\n\t\t[class.mod-counter]=\"counter > 0\"\n\t\tid=\"{{id}}-label\"\n\t\tfor=\"{{id}}\"\n\t\t[class.u-mask]=\"hiddenLabel\"\n\t\tattr.aria-hidden=\"{{hiddenLabel}}\"\n\t>\n\t\t<ng-container *luPortal=\"label\"></ng-container\n\t\t><!--\n\t--><sup class=\"formLabel-required\" aria-hidden=\"true\" *ngIf=\"required\">*</sup>\n\n\t\t<lu-icon icon=\"signHelp\" alt=\"\" *ngIf=\"tooltip\" [luTooltip]=\"tooltip\" [color]=\"invalid ? 'error' : 'inherit'\"></lu-icon>\n\t\t<span\n\t\t\t*ngIf=\"counter > 0\"\n\t\t\tclass=\"formLabel-counter\"\n\t\t\t[class.u-textError]=\"contentLength > counter\"\n\t\t\tid=\"{{id}}-counter\"\n\t\t\taria-live=\"polite\"\n\t\t>\n\t\t\t<span aria-hidden=\"true\">{{ contentLength }}/{{ counter }}</span>\n\t\t\t<span class=\"u-mask\">{{ intl.counter | intlParams: { current: contentLength, max: counter } }}</span>\n\t\t</span>\n\t</label>\n\t<ng-container *ngTemplateOutlet=\"projectionTpl\"></ng-container>\n\t<lu-inline-message\n\t\tid=\"{{id}}-message\"\n\t\t*ngIf=\"inlineMessage || (invalid ? errorInlineMessage : false)\"\n\t\t[label]=\"(invalid && errorInlineMessage) ? errorInlineMessage : inlineMessage\"\n\t\t[state]=\"invalid ? 'error' : inlineMessageState\"\n\t></lu-inline-message>\n</ng-template>\n\n<ng-template #projectionTpl>\n\t<ng-content></ng-content>\n</ng-template>\n", styles: [".textField{--component-textField-lineHeight: var(--size-M-lightHeight);--component-textField-fontSize: var(--size-M-fontSize);--component-textField-placeholder: var(--palettes-neutral-400);--component-textField-background: var(--colors-white-color);--component-textField-border: var(--palettes-neutral-300);--component-textField-color: var(--palettes-neutral-800);--component-textField-prefix-color: var(--palettes-neutral-600);--component-textField-padding: var(--pr-t-spacings-100);--component-textField-affix-padding: var(--component-textField-padding);display:flex;align-items:stretch;border-radius:var(--commons-borderRadius-M);background-color:var(--component-textField-background)}.textField:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.textField-input{display:flex;align-items:center;width:100%;box-shadow:0 0 0 1px var(--component-textField-border);border-radius:var(--commons-borderRadius-M);background-color:var(--component-textField-background);position:relative}.textField-input:hover{--component-textField-border: var(--palettes-neutral-400)}.textField-input:has(.textField-input-affix-icon){--component-textField-affix-padding: 2.5rem}.textField-input:has(.textField-input-affix-passwordToggle){--component-textField-affix-padding: 3rem}.textField-input:has(.textField-input-affix-clear){--component-textField-affix-padding: 2rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-icon){--component-textField-affix-padding: 4rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-passwordToggle){--component-textField-affix-padding: 4.5rem}.textField-input-value{border:0;outline:0;line-height:var(--component-textField-lineHeight);font-size:var(--component-textField-fontSize);width:100%;padding:var(--component-textField-padding) var(--component-textField-affix-padding) var(--component-textField-padding) var(--component-textField-padding);background-color:transparent;color:var(--component-textField-color)}.textField-input-value::placeholder{color:var(--component-textField-placeholder)}.textField-input-value:is(textarea){resize:vertical;min-height:calc(2lh + var(--component-textField-padding) * 2);height:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;right:var(--pr-t-spacings-100);pointer-events:none}.textField-input-affix-icon{--icon-size: 1.5rem;color:var(--palettes-neutral-600);pointer-events:none}.textField-input-affix-clear{pointer-events:auto}.textField-input-affix-passwordToggle{pointer-events:auto;width:1.75rem;height:1.75rem}.textField-prefix{display:flex;padding:0 var(--component-textField-padding);align-items:center;color:var(--component-textField-prefix-color);line-height:var(--component-textField-lineHeight);font-size:var(--component-textField-fontSize);box-shadow:0 0 0 1px var(--component-textField-border);border-top-left-radius:var(--commons-borderRadius-M);border-bottom-left-radius:var(--commons-borderRadius-M)}.textField-prefix~.textField-input{border-top-left-radius:0;border-bottom-left-radius:0}.textField-suffix{display:flex;padding:0 var(--component-textField-padding);align-items:center;color:var(--component-textField-prefix-color);line-height:var(--component-textField-lineHeight);font-size:var(--component-textField-fontSize);box-shadow:0 0 0 1px var(--component-textField-border);border-top-right-radius:var(--commons-borderRadius-M);border-bottom-right-radius:var(--commons-borderRadius-M);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-top-right-radius:0;border-bottom-right-radius:0}.textField.mod-S{--component-textField-fontSize: var(--sizes-S-fontSize);--component-textField-lineHeight: var(--sizes-S-lineHeight);--component-textField-padding: var(--pr-t-spacings-75)}.textField.mod-S .textField-input-affix-clear{--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-S .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-XS{--component-textField-fontSize: var(--sizes-XS-fontSize);--component-textField-lineHeight: var(--sizes-XS-lineHeight);--component-textField-padding: var(--pr-t-spacings-50)}.textField.mod-XS .textField-prefix,.textField.mod-XS .textField-suffix,.textField.mod-XS .textField-input-affix-icon{--icon-size: 1rem}.textField.mod-XS .textField-input-affix-clear{--components-clear-size: .75rem;--icon-size: .75rem}.textField.is-invalid,.textField:has(.textField-input-value[aria-invalid=true]){--component-textField-border: var(--palettes-error-400);--component-textField-background: var(--palettes-error-50);--component-textField-placeholder: var(--palettes-error-400)}.textField.is-invalid .textField-input:hover,.textField:has(.textField-input-value[aria-invalid=true]) .textField-input:hover{--component-textField-border: var(--palettes-error-600)}.textField.is-disabled,.textField:has(.textField-input-value:disabled){--component-textField-border: var(--palettes-neutral-300);--component-textField-background: var(--palettes-neutral-100);--component-textField-color: var(--palettes-neutral-600)}.formLabel{--components-formLabel-fontSize: var(--sizes-M-fontSize);--components-formLabel-lineHeight: var(--sizes-M-lineHeight);--components-formLabel-color: var(--palettes-neutral-800);--components-formLabel-help-fontSize: var(--sizes-XS-lineHeight);--components-formLabel-help-lineHeight: var(--sizes-M-lineHeight);--components-formLabel-width: fit-content;--components-formLabel-cursor: default;color:var(--components-formLabel-color);display:flex;font-size:var(--components-formLabel-fontSize);font-weight:400;line-height:var(--components-formLabel-lineHeight);width:var(--components-formLabel-width);align-items:flex-end;cursor:var(--components-formLabel-cursor)}.formLabel .lucca-icon{color:var(--palettes-neutral-600);font-size:var(--components-formLabel-help-fontSize);line-height:var(--components-formLabel-help-lineHeight);margin-left:var(--pr-t-spacings-25);vertical-align:top}.formLabel-required{color:var(--palettes-error-700);font-size:inherit;line-height:inherit;font-weight:600;text-rendering:geometricPrecision;margin-left:var(--pr-t-spacings-25);top:0}.formLabel-counter{margin-left:auto;margin-bottom:var(--pr-t-spacings-25);font-size:var(--sizes-XS-fontSize);line-height:var(--sizes-XS-lineHeight);color:var(--palettes-neutral-600)}.formLabel.mod-S{--components-formLabel-fontSize: var(--sizes-S-fontSize);--components-formLabel-lineHeight: var(--sizes-S-lineHeight);--components-formLabel-help-fontSize: var(--sizes-XS-lineHeight);--components-formLabel-help-lineHeight: var(--sizes-S-lineHeight)}.formLabel.mod-XS{--components-formLabel-fontSize: var(--sizes-XS-fontSize);--components-formLabel-lineHeight: var(--sizes-XS-lineHeight);--components-formLabel-help-fontSize: .75rem;--components-formLabel-help-lineHeight: var(--sizes-XS-lineHeight)}.formLabel.mod-counter{--components-formLabel-width: auto}.formLabel.is-error{--components-formLabel-color: var(--palettes-error-700)}.form-group-label.is-required:not(:empty):after,.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-left:.2em}@supports (content: \"*\"/\"\"){.form-group-label.is-required:not(:empty):after,.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{content:\"*\"/\"\"}}@supports not (content: \"*\"/\"\"){.form-group-label.is-required:not(:empty):after,.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{content:\"*\"}}.form-fieldset{margin:0;padding:0;border:0}.form-fieldset.mod-S .formLabel{--components-formLabel-fontSize: var(--sizes-S-fontSize);--components-formLabel-lineHeight: var(--sizes-S-lineHeight);--components-formLabel-help-fontSize: var(--sizes-XS-lineHeight);--components-formLabel-help-lineHeight: var(--sizes-S-lineHeight)}.form-fieldset.mod-S .textField{--component-textField-fontSize: var(--sizes-S-fontSize);--component-textField-lineHeight: var(--sizes-S-lineHeight);--component-textField-padding: var(--pr-t-spacings-75)}.form-fieldset.mod-S .textField .textField-input-affix-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .textField .textField-input-affix-icon{--icon-size: 1.25rem}.form-fieldset.mod-S .radioField{--component-radioField-size: 1rem}.form-fieldset.mod-S .checkboxField{--component-checkboxField-size: 1rem;--component-checkboxField-borderRadius: var(--commons-borderRadius-M);--component-checkboxField-icon-fontSize: var(--sizes-XS-lineHeight);--component-checkboxField-label-fontSize: var(--sizes-S-fontSize);--component-checkboxField-label-lineHeight: var(--sizes-S-lineHeight)}.form-fieldset.mod-S .switchField{--component-switchField-label-input-height: 1rem;--component-switchField-label-input-width: 1.75rem;--component-switchField-label-input-icon-fontSize: .75rem;--component-switchField-label-fontSize: var(--sizes-S-fontSize);--component-switchField-label-lineHeight: var(--sizes-S-lineHeight)}.form-fieldset.mod-S .simpleSelect{--components-simpleSelect-fontSize: var(--sizes-S-fontSize);--components-simpleSelect-lineHeight: var(--sizes-S-lineHeight);--components-simpleSelect-padding: var(--pr-t-spacings-75);--components-simpleSelect-gap: var(--pr-t-spacings-75)}.form-fieldset.mod-S .simpleSelect .simpleSelect-arrow{--icon-size: 1.25rem}.form-fieldset.mod-S .simpleSelect .simpleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .multiSelect{--components-multiSelect-fontSize: var(--sizes-S-fontSize);--components-multiSelect-lineHeight: var(--sizes-S-lineHeight);--components-multiSelect-padding: var(--pr-t-spacings-75);--components-multiSelect-gap: var(--pr-t-spacings-75)}.form-fieldset.mod-S .multiSelect .multipleSelect-arrow{--icon-size: 1.25rem}.form-fieldset.mod-S .multiSelect .multipleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-chip{--components-chip-fontSize: var(--sizes-XS-fontSize);--components-chip-lineHeight: var(--sizes-XS-lineHeight)}.form-fieldset.mod-S .multiSelect .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)}.form-field.mod-S .formLabel{--components-formLabel-fontSize: var(--sizes-S-fontSize);--components-formLabel-lineHeight: var(--sizes-S-lineHeight);--components-formLabel-help-fontSize: var(--sizes-XS-lineHeight);--components-formLabel-help-lineHeight: var(--sizes-S-lineHeight)}.form-field.mod-S .textField{--component-textField-fontSize: var(--sizes-S-fontSize);--component-textField-lineHeight: var(--sizes-S-lineHeight);--component-textField-padding: var(--pr-t-spacings-75)}.form-field.mod-S .textField .textField-input-affix-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .textField .textField-input-affix-icon{--icon-size: 1.25rem}.form-field.mod-S .radioField{--component-radioField-size: 1rem}.form-field.mod-S .checkboxField{--component-checkboxField-size: 1rem;--component-checkboxField-borderRadius: var(--commons-borderRadius-M);--component-checkboxField-icon-fontSize: var(--sizes-XS-lineHeight);--component-checkboxField-label-fontSize: var(--sizes-S-fontSize);--component-checkboxField-label-lineHeight: var(--sizes-S-lineHeight)}.form-field.mod-S .switchField{--component-switchField-label-input-height: 1rem;--component-switchField-label-input-width: 1.75rem;--component-switchField-label-input-icon-fontSize: .75rem;--component-switchField-label-fontSize: var(--sizes-S-fontSize);--component-switchField-label-lineHeight: var(--sizes-S-lineHeight)}.form-field.mod-S .simpleSelect{--components-simpleSelect-fontSize: var(--sizes-S-fontSize);--components-simpleSelect-lineHeight: var(--sizes-S-lineHeight);--components-simpleSelect-padding: var(--pr-t-spacings-75);--components-simpleSelect-gap: var(--pr-t-spacings-75)}.form-field.mod-S .simpleSelect .simpleSelect-arrow{--icon-size: 1.25rem}.form-field.mod-S .simpleSelect .simpleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .multiSelect{--components-multiSelect-fontSize: var(--sizes-S-fontSize);--components-multiSelect-lineHeight: var(--sizes-S-lineHeight);--components-multiSelect-padding: var(--pr-t-spacings-75);--components-multiSelect-gap: var(--pr-t-spacings-75)}.form-field.mod-S .multiSelect .multipleSelect-arrow{--icon-size: 1.25rem}.form-field.mod-S .multiSelect .multipleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .multiSelect .multipleSelect-displayer-chip{--components-chip-fontSize: var(--sizes-XS-fontSize);--components-chip-lineHeight: var(--sizes-XS-lineHeight)}.form-field.mod-S .multiSelect .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)}.form-field.mod-XS .formLabel{--components-formLabel-fontSize: var(--sizes-XS-fontSize);--components-formLabel-lineHeight: var(--sizes-XS-lineHeight);--components-formLabel-help-fontSize: .75rem;--components-formLabel-help-lineHeight: var(--sizes-XS-lineHeight)}.form-field.mod-XS .textField{--component-textField-fontSize: var(--sizes-XS-fontSize);--component-textField-lineHeight: var(--sizes-XS-lineHeight);--component-textField-padding: var(--pr-t-spacings-50)}.form-field.mod-XS .textField .textField-prefix,.form-field.mod-XS .textField .textField-suffix,.form-field.mod-XS .textField .textField-input-affix-icon{--icon-size: 1rem}.form-field.mod-XS .textField .textField-input-affix-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-XS .inlineMessage{--components-inlineMessage-fontSize: var(--sizes-XS-fontSize);--components-inlineMessage-lineHeight: var(--sizes-XS-lineHeight)}.form-field.mod-XS .inlineMessage .lucca-icon{--icon-size: .75rem}.form-field.mod-XS .simpleSelect{--components-simpleSelect-fontSize: var(--sizes-XS-fontSize);--components-simpleSelect-lineHeight: var(--sizes-XS-lineHeight);--components-simpleSelect-padding: var(--pr-t-spacings-50);--components-simpleSelect-gap: var(--pr-t-spacings-50)}.form-field.mod-XS .simpleSelect .simpleSelect-arrow{--icon-size: 1rem}.form-field.mod-XS .simpleSelect .simpleSelect-clear{--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-withArrow{padding-bottom:var(--pr-t-spacings-200)}.form-field.mod-withArrow .form-field-arrow{--components-box-arrow-background: var(--pr-t-elevation-surface-raised);--components-box-arrow-horizontalMargin: var(--commons-borderRadius-M);--components-box-arrow-left: 0;--components-box-arrow-bottom: 0;background-color:var(--components-box-arrow-background);margin:0 var(--components-box-arrow-horizontalMargin);width:12px;height:8px;clip-path:path(\"M4.66415 0.494638C5.43093 -0.164881 6.56907 -0.164879 7.33586 0.49464L12 8H0L4.66415 0.494638Z\");position:absolute;bottom:var(--components-box-arrow-bottom);left:var(--components-box-arrow-left)}.form-field.mod-withArrow .form-field-arrow.mod-neutral,.form-field.mod-withArrow .form-field-arrow.mod-grey{--components-box-arrow-background: var(--palettes-neutral-25)}.form-field.mod-withArrow:has(.switchField) .form-field-arrow{--components-box-arrow-left: 8px}.form-field.mod-withArrow:not(:has(:checked)) .form-field-arrow{display:none}.form-field.mod-withArrow.mod-S{padding-bottom:var(--pr-t-spacings-100)}.form-field.mod-withArrow.mod-S .form-field-arrow{--components-box-arrow-left: -2px;--components-box-arrow-bottom: -2px}.form-field.mod-withArrow.mod-S:has(.switchField) .form-field-arrow{--components-box-arrow-left: 4px;--components-box-arrow-bottom: -2px}.form-field.mod-checkable,.form-field:has(.radioField),.form-field:has(.checkboxField),.form-field:has(.switchField){display:grid;grid-template-columns:auto 1fr;gap:0 var(--pr-t-spacings-100)}.form-field.mod-checkable .radioField,.form-field.mod-checkable .checkboxField,.form-field.mod-checkable .switchField,.form-field:has(.radioField) .radioField,.form-field:has(.radioField) .checkboxField,.form-field:has(.radioField) .switchField,.form-field:has(.checkboxField) .radioField,.form-field:has(.checkboxField) .checkboxField,.form-field:has(.checkboxField) .switchField,.form-field:has(.switchField) .radioField,.form-field:has(.switchField) .checkboxField,.form-field:has(.switchField) .switchField{order:-1}.form-field.mod-checkable .checkboxField,.form-field:has(.radioField) .checkboxField,.form-field:has(.checkboxField) .checkboxField,.form-field:has(.switchField) .checkboxField{top:var(--component-checkboxField-top)}.form-field.mod-checkable .radioField,.form-field:has(.radioField) .radioField,.form-field:has(.checkboxField) .radioField,.form-field:has(.switchField) .radioField{top:var(--component-radioField-top)}.form-field:has(.textField-input-value[aria-invalid=true]) .formLabel{--components-formLabel-color: var(--palettes-error-700)}.form-field:has(.textField-input-value[aria-invalid=true]) .inlineMessage{--components-inlineMessage-icon-color: var(--palettes-error-700);--components-inlineMessage-color: var(--palettes-error-700);--components-inlineMessage-gap: var(--pr-t-spacings-50)}.form-field:has(.textField-input-value[aria-invalid=true]) .inlineMessage .lucca-icon:before{content:\"\\e92c\";content:\"\\e92c\"/\"\"}.form-field:has(.radioField-input:disabled) .formLabel,.form-field:has(.checkboxField-input:disabled) .formLabel{--components-formLabel-color: var(--palettes-neutral-500);--components-formLabel-cursor: default}.form-field:has(.radioField-input:disabled) .inlineMessage,.form-field:has(.checkboxField-input:disabled) .inlineMessage{--components-inlineMessage-icon-color: var(--palettes-neutral-500);--components-inlineMessage-color: var(--palettes-neutral-500)}.form{--components-form-group-margin-bottom: 1.2rem;--components-form-field-margin-bottom: var(--pr-t-spacings-200);--components-form-label-font-size: var(--sizes-M-fontSize);--components-form-label-margin-bottom: var(--pr-t-spacings-50);--components-field-framed-side-padding: var(--pr-t-spacings-200);--components-field-framed-top-padding: var(--pr-t-spacings-400);--components-field-framed-bottom-padding: var(--pr-t-spacings-200);--components-field-framed-label-top-offset: var(--pr-t-spacings-100);--components-field-framed-textarea-height: 8.5rem;--components-field-framed-textarea-min-height: 5.5rem;--components-field-framed-textarea-max-height: 80vh;--components-field-framed-title-font-size: 1.125rem;--components-field-framed-title-line-height: var(--sizes-M-lineHeight);--components-field-framed-suffix-padding-right: var(--pr-t-spacings-600)}.form-group{--components-form-group-margin-bottom: 1.2rem;--components-form-field-margin-bottom: var(--pr-t-spacings-200);--components-form-label-font-size: var(--sizes-M-fontSize);--components-form-label-margin-bottom: var(--pr-t-spacings-50);--components-field-framed-side-padding: var(--pr-t-spacings-200);--components-field-framed-top-padding: var(--pr-t-spacings-400);--components-field-framed-bottom-padding: var(--pr-t-spacings-200);--components-field-framed-label-top-offset: var(--pr-t-spacings-100);--components-field-framed-textarea-height: 8.5rem;--components-field-framed-textarea-min-height: 5.5rem;--components-field-framed-textarea-max-height: 80vh;--components-field-framed-title-font-size: 1.125rem;--components-field-framed-title-line-height: var(--sizes-M-lineHeight);--components-field-framed-suffix-padding-right: var(--pr-t-spacings-600);padding:0;border:0;margin:0 0 var(--components-form-group-margin-bottom);position:relative}.form-field{position:relative;display:flex;flex-direction:column;gap:var(--pr-t-spacings-50)}.form-field .formLabel{--components-formLabel-cursor: pointer}.form-group-label,.form-group-legend,.form-group-title{display:block;font-weight:600;font-size:var(--components-form-label-font-size);margin:0;padding:0 0 var(--components-form-label-margin-bottom);width:100%;text-align:left}.form-group-legend,.form-group-title{font-size:var(--components-field-framed-title-font-size);line-height:var(--components-field-framed-title-line-height);padding-bottom:var(--pr-t-spacings-50)}.form-actions{text-align:right}.form .textfield,.form .radiosfield,.form .checkboxesfield,.form .checkbox.mod-field{margin-bottom:var(--components-form-field-margin-bottom)}.form-group-line{display:flex;flex-wrap:wrap;position:relative}.form-group-line-col{flex-basis:0;flex-grow:1;display:flex;flex-direction:column}.form-group-line-col>*{flex-grow:1}.form-group-label.is-required:not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-left:.2em}@supports (content: \"*\"/\"\"){.form-group-label.is-required:not(:empty):after{content:\"*\"/\"\"}}@supports not (content: \"*\"/\"\"){.form-group-label.is-required:not(:empty):after{content:\"*\"}}.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-left:.2em}@supports (content: \"*\"/\"\"){.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{content:\"*\"/\"\"}}@supports not (content: \"*\"/\"\"){.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{content:\"*\"}}.form-group-line-col[class*=mod-overlay]:focus-within .textfield-input{box-shadow:-1px 0 var(--components-field-framed-color),0 -1px var(--components-field-framed-color),-1px -1px var(--components-field-framed-color),-1px -1px var(--components-field-framed-color) inset,0 0 0 4px var(--components-field-framed-color50);z-index:4}.form-group-line-col[class*=mod-overlay]:focus-within .is-error .textfield-input{background-color:var(--colors-white-color)!important}.form-group-line-col[class*=mod-overlay]:focus-within .is-warning .textfield-input{background-color:#444242;box-shadow:-1px 0 var(--palettes-warning-700),0 -1px var(--palettes-warning-700),-1px -1px var(--palettes-warning-700),-1px -1px var(--palettes-warning-700) inset,0 0 0 4px var(--palettes-warning-50)}.form-group-line-col[class*=mod-overlay]:focus-within .is-valid .textfield-input,.form-group-line-col[class*=mod-overlay]:focus-within .is-success .textfield-input{background-color:var(--colors-white-color);box-shadow:-1px 0 var(--palettes-success-700),0 -1px var(--palettes-success-700),-1px -1px var(--palettes-success-700),-1px -1px var(--palettes-success-700) inset,0 0 0 4px var(--palettes-success-50)}.form-group-line-col[class*=mod-overlay] .textfield+.textfield,.form-group-line-col[class*=mod-overlay] .textfield+.checkbox,.form-group-line-col[class*=mod-overlay] .textfield+.radio,.form-group-line-col[class*=mod-overlay] .textfield+.select,.form-group-line-col[class*=mod-overlay] .checkbox+.textfield,.form-group-line-col[class*=mod-overlay] .checkbox+.checkbox,.form-group-line-col[class*=mod-overlay] .checkbox+.radio,.form-group-line-col[class*=mod-overlay] .checkbox+.select,.form-group-line-col[class*=mod-overlay] .radio+.textfield,.form-group-line-col[class*=mod-overlay] .radio+.checkbox,.form-group-line-col[class*=mod-overlay] .radio+.radio,.form-group-line-col[class*=mod-overlay] .radio+.select,.form-group-line-col[class*=mod-overlay] .select+.textfield,.form-group-line-col[class*=mod-overlay] .select+.checkbox,.form-group-line-col[class*=mod-overlay] .select+.radio,.form-group-line-col[class*=mod-overlay] .select+.select{position:absolute;bottom:0;right:0;z-index:10;padding:var(--components-field-framed-label-top-offset) var(--components-field-framed-side-padding) var(--components-field-framed-bottom-padding)}.form-group-line-col.mod-overlay-top .textfield+.textfield,.form-group-line-col.mod-overlay-top .textfield+.checkbox,.form-group-line-col.mod-overlay-top .textfield+.radio,.form-group-line-col.mod-overlay-top .textfield+.select,.form-group-line-col.mod-overlay-top .checkbox+.textfield,.form-group-line-col.mod-overlay-top .checkbox+.checkbox,.form-group-line-col.mod-overlay-top .checkbox+.radio,.form-group-line-col.mod-overlay-top .checkbox+.select,.form-group-line-col.mod-overlay-top .radio+.textfield,.form-group-line-col.mod-overlay-top .radio+.checkbox,.form-group-line-col.mod-overlay-top .radio+.radio,.form-group-line-col.mod-overlay-top .radio+.select,.form-group-line-col.mod-overlay-top .select+.textfield,.form-group-line-col.mod-overlay-top .select+.checkbox,.form-group-line-col.mod-overlay-top .select+.radio,.form-group-line-col.mod-overlay-top .select+.select{top:0;bottom:auto}.form-group-line-col.mod-1\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-1\\@mediaMinXXXS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-2\\@mediaMinXXXS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-3\\@mediaMinXXXS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-4\\@mediaMinXXXS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-5\\@mediaMinXXXS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-6\\@mediaMinXXXS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-7\\@mediaMinXXXS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-8\\@mediaMinXXXS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-9\\@mediaMinXXXS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-10\\@mediaMinXXXS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-11\\@mediaMinXXXS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-12\\@mediaMinXXXS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-1\\@mediaMinXXS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-2\\@mediaMinXXS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-3\\@mediaMinXXS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-4\\@mediaMinXXS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-5\\@mediaMinXXS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-6\\@mediaMinXXS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-7\\@mediaMinXXS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-8\\@mediaMinXXS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-9\\@mediaMinXXS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-10\\@mediaMinXXS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-11\\@mediaMinXXS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-12\\@mediaMinXXS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-1\\@mediaMinXS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-2\\@mediaMinXS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-3\\@mediaMinXS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-4\\@mediaMinXS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-5\\@mediaMinXS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-6\\@mediaMinXS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-7\\@mediaMinXS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-8\\@mediaMinXS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-9\\@mediaMinXS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-10\\@mediaMinXS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-11\\@mediaMinXS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-12\\@mediaMinXS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-1\\@mediaMinS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-2\\@mediaMinS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-3\\@mediaMinS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-4\\@mediaMinS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-5\\@mediaMinS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-6\\@mediaMinS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-7\\@mediaMinS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-8\\@mediaMinS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-9\\@mediaMinS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-10\\@mediaMinS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-11\\@mediaMinS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-12\\@mediaMinS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-1\\@mediaMinM{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-2\\@mediaMinM{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-3\\@mediaMinM{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-4\\@mediaMinM{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-5\\@mediaMinM{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-6\\@mediaMinM{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-7\\@mediaMinM{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-8\\@mediaMinM{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-9\\@mediaMinM{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-10\\@mediaMinM{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-11\\@mediaMinM{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-12\\@mediaMinM{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-1\\@mediaMinL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-2\\@mediaMinL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-3\\@mediaMinL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-4\\@mediaMinL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-5\\@mediaMinL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-6\\@mediaMinL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-7\\@mediaMinL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-8\\@mediaMinL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-9\\@mediaMinL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-10\\@mediaMinL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-11\\@mediaMinL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-12\\@mediaMinL{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-1\\@mediaMinXL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-2\\@mediaMinXL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-3\\@mediaMinXL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-4\\@mediaMinXL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-5\\@mediaMinXL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-6\\@mediaMinXL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-7\\@mediaMinXL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-8\\@mediaMinXL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-9\\@mediaMinXL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-10\\@mediaMinXL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-11\\@mediaMinXL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-12\\@mediaMinXL{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-1\\@mediaMinXXL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-2\\@mediaMinXXL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-3\\@mediaMinXXL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-4\\@mediaMinXXL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-5\\@mediaMinXXL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-6\\@mediaMinXXL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-7\\@mediaMinXXL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-8\\@mediaMinXXL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-9\\@mediaMinXXL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-10\\@mediaMinXXL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-11\\@mediaMinXXL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-12\\@mediaMinXXL{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-1\\@mediaMinXXXL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-2\\@mediaMinXXXL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-3\\@mediaMinXXXL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-4\\@mediaMinXXXL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-5\\@mediaMinXXXL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-6\\@mediaMinXXXL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-7\\@mediaMinXXXL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-8\\@mediaMinXXXL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-9\\@mediaMinXXXL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-10\\@mediaMinXXXL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-11\\@mediaMinXXXL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-12\\@mediaMinXXXL{flex-basis:100%}}.form-group-label:is(.is-required,.required):not(:empty):after,.radiosfield-label:is(.is-required,.required):not(:empty):after,.checkboxesfield-label:is(.is-required,.required):not(:empty):after,.textfield-label:is(.is-required,.required):not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-left:.2em}@supports (content: \"*\"/\"\"){.form-group-label:is(.is-required,.required):not(:empty):after,.radiosfield-label:is(.is-required,.required):not(:empty):after,.checkboxesfield-label:is(.is-required,.required):not(:empty):after,.textfield-label:is(.is-required,.required):not(:empty):after{content:\"*\"/\"\"}}@supports not (content: \"*\"/\"\"){.form-group-label:is(.is-required,.required):not(:empty):after,.radiosfield-label:is(.is-required,.required):not(:empty):after,.checkboxesfield-label:is(.is-required,.required):not(:empty):after,.textfield-label:is(.is-required,.required):not(:empty):after{content:\"*\"}}.checkboxesfield.mod-framed,.radiosfield.mod-framed,.form.mod-framed .fieldsetWrapper{margin-bottom:0;background-color:var(--colors-white-color);padding:0;box-shadow:-1px 0 var(--palettes-neutral-200),0 -1px var(--palettes-neutral-200),-1px -1px var(--palettes-neutral-200),-1px -1px var(--palettes-neutral-200) inset;transition:background-color var(--commons-animations-durations-standard);margin-bottom:0!important}.checkboxesfield.mod-framed:before,.checkboxesfield.mod-framed:after,.radiosfield.mod-framed:before,.radiosfield.mod-framed:after,.form.mod-framed .fieldsetWrapper:before,.form.mod-framed .fieldsetWrapper:after{content:\" \";display:table}.checkboxesfield.mod-framed:after,.radiosfield.mod-framed:after,.form.mod-framed .fieldsetWrapper:after{clear:both}.checkboxesfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):hover,.checkboxesfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.radiosfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):hover,.radiosfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.form.mod-framed .fieldsetWrapper:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):hover,.form.mod-framed .fieldsetWrapper:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus{position:relative;z-index:1;background-color:var(--colors-white-color);box-shadow:-1px 0 var(--palettes-neutral-600),0 -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600) inset}.checkboxesfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.radiosfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.form.mod-framed .fieldsetWrapper:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus{z-index:4;box-shadow:-1px 0 var(--palettes-neutral-600),0 -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600) inset,0 0 0 4px var(--palettes-neutral-50)}.checkboxesfield.mod-framed .radiosfield,.checkboxesfield.mod-framed .checkboxesfield,.radiosfield.mod-framed .radiosfield,.radiosfield.mod-framed .checkboxesfield,.form.mod-framed .fieldsetWrapper .radiosfield,.form.mod-framed .fieldsetWrapper .checkboxesfield{display:block;margin-top:var(--components-field-framed-side-padding);margin-bottom:0;padding:0 var(--components-field-framed-side-padding) var(--components-field-framed-bottom-padding)}.checkboxesfield.mod-framed.is-disabled,.checkboxesfield.mod-framed.is-readonly,.radiosfield.mod-framed.is-disabled,.radiosfield.mod-framed.is-readonly,.form.mod-framed .fieldsetWrapper.is-disabled,.form.mod-framed .fieldsetWrapper.is-readonly{background-color:var(--commons-disabled-background)}.checkboxesfield.mod-framed.is-loading:after,.radiosfield.mod-framed.is-loading:after,.form.mod-framed .fieldsetWrapper.is-loading:after{content:\"\";width:1.5rem;height:1.5rem;border-radius:var(--commons-borderRadius-full);line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkboxesfield.mod-framed.is-loading:before,.checkboxesfield.mod-framed.is-loading:after,.radiosfield.mod-framed.is-loading:before,.radiosfield.mod-framed.is-loading:after,.form.mod-framed .fieldsetWrapper.is-loading:before,.form.mod-framed .fieldsetWrapper.is-loading:after{left:auto!important;bottom:auto!important;right:var(--components-field-framed-side-padding)!important;top:var(--components-field-framed-side-padding)!important}.checkboxesfield.mod-framed,.radiosfield.mod-framed{margin-top:0;padding:var(--components-field-framed-side-padding) var(--components-field-framed-side-padding) var(--components-field-framed-bottom-padding)}\n"] }]
184
184
  }], propDecorators: { validators: [{
185
185
  type: ContentChildren,
186
- args: [NG_VALIDATORS]
186
+ args: [NG_VALIDATORS, { descendants: true }]
187
187
  }], controls: [{
188
188
  type: ContentChildren,
189
- args: [NgControl]
189
+ args: [NgControl, { descendants: true }]
190
190
  }], label: [{
191
191
  type: Input,
192
192
  args: [{
package/fesm2022/lucca-front-ng-form-field.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"lucca-front-ng-form-field.mjs","sources":["../../../packages/ng/form-field/form-field.token.ts","../../../packages/ng/form-field/form-field.translate.ts","../../../packages/ng/form-field/form-field.component.ts","../../../packages/ng/form-field/form-field.component.html","../../../packages/ng/form-field/input.directive.ts","../../../packages/ng/form-field/lucca-front-ng-form-field.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { FormFieldComponent } from './form-field.component';\n\nexport const FORM_FIELD_INSTANCE = new InjectionToken<FormFieldComponent>('FORM_FIELD_INSTANCE');\n","import { InjectionToken } from '@angular/core';\nimport { ILuTranslation } from '@lucca-front/ng/core';\n\nexport const LU_FORM_FIELD_TRANSLATIONS = new InjectionToken('LuFormFieldTranslations', {\n\tfactory: () => luFormFieldTranslations,\n});\n\nexport interface LuFormFieldTranslations {\n\tcounter: string;\n}\n\nexport const luFormFieldTranslations: ILuTranslation<LuFormFieldTranslations> = {\n\tfr: {\n\t\tcounter: 'Votre publication fait {{current}} caractères de long. {{max}} caractères maximum sont autorisés.',\n\t},\n\ten: {\n\t\tcounter: 'Your message is {{current}} characters long. A maximum of {{max}} is allowed.',\n\t},\n};\n","import { booleanAttribute, Component, ContentChildren, DestroyRef, DoCheck, forwardRef, inject, Input, OnChanges, OnDestroy, QueryList, Renderer2, ViewEncapsulation } from '@angular/core';\nimport { NgIf, NgSwitch, NgSwitchCase, NgTemplateOutlet } from '@angular/common';\nimport { InputDirective } from './input.directive';\nimport { FormFieldSize } from './form-field-size';\nimport { BehaviorSubject, map, merge, startWith, Subject, switchMap } from 'rxjs';\nimport { InlineMessageComponent, InlineMessageState } from '@lucca-front/ng/inline-message';\nimport { SafeHtml } from '@angular/platform-browser';\nimport { LuTooltipModule } from '@lucca-front/ng/tooltip';\nimport { getIntl, IntlParamsPipe, LuClass, PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { AbstractControl, NG_VALIDATORS, NgControl, ReactiveFormsModule, RequiredValidator, Validator, Validators } from '@angular/forms';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { FORM_FIELD_INSTANCE } from './form-field.token';\nimport { LU_FORM_FIELD_TRANSLATIONS } from './form-field.translate';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nlet nextId = 0;\n\n@Component({\n\tselector: 'lu-form-field',\n\tstandalone: true,\n\timports: [NgIf, NgSwitch, NgSwitchCase, NgTemplateOutlet, InlineMessageComponent, LuTooltipModule, ReactiveFormsModule, IconComponent, IntlParamsPipe, PortalDirective],\n\ttemplateUrl: './form-field.component.html',\n\tstyleUrls: ['./form-field.component.scss'],\n\tproviders: [\n\t\tLuClass,\n\t\t{\n\t\t\tprovide: FORM_FIELD_INSTANCE,\n\t\t\tuseExisting: forwardRef(() => FormFieldComponent),\n\t\t},\n\t],\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class FormFieldComponent implements OnChanges, OnDestroy, DoCheck {\n\tintl = getIntl(LU_FORM_FIELD_TRANSLATIONS);\n\n\t#luClass = inject(LuClass);\n\n\t#renderer = inject(Renderer2);\n\n\t#requiredValidator: RequiredValidator | undefined;\n\n\t#destroyRef = inject(DestroyRef);\n\n\t#doCheck$ = new Subject<void>();\n\n\t@ContentChildren(NG_VALIDATORS)\n\tpublic set validators(validators: QueryList<Validator | undefined>) {\n\t\tthis.#requiredValidator = validators.toArray()?.find((v): v is RequiredValidator => v instanceof RequiredValidator);\n\t}\n\n\t@ContentChildren(NgControl)\n\tset controls(controls: QueryList<NgControl>) {\n\t\tconst controls$ = controls.changes.pipe(\n\t\t\ttakeUntilDestroyed(this.#destroyRef),\n\t\t\tstartWith(controls),\n\t\t\tmap(() => controls.toArray()),\n\t\t);\n\t\t// If a control is added or removed, we want to update status based on the new ones\n\t\tcontrols$.subscribe((controls) => {\n\t\t\tthis.updateRequiredStatus(controls);\n\t\t});\n\t\t// Upon status change or NgDoCheck trigger, we want to update validity and display\n\t\tcontrols$\n\t\t\t.pipe(\n\t\t\t\tswitchMap((controls) => {\n\t\t\t\t\t// We have to trigger status check on DoCheck too to properly update display when control.touched changes\n\t\t\t\t\t// Because we can't listen to `control.touched` changes, we need to hook on this.\n\t\t\t\t\t// TODO use unified control state change events once we have Angular 18\n\t\t\t\t\treturn merge(this.#doCheck$, ...controls.map((control) => control.statusChanges)).pipe(map(() => controls));\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe((controls) => {\n\t\t\t\tthis.updateRequiredStatus(controls);\n\t\t\t});\n\t}\n\n\t@Input({\n\t\trequired: true,\n\t})\n\tlabel: PortalContent;\n\n\t@Input({\n\t\ttransform: booleanAttribute,\n\t})\n\thiddenLabel = false;\n\n\t@Input()\n\tstatusControl: AbstractControl;\n\n\t@Input()\n\ttooltip: string | SafeHtml;\n\n\t@Input()\n\tinvalid = false;\n\n\t@Input()\n\tinlineMessage: string;\n\n\t/**\n\t * Inline message for when the control is in error state\n\t */\n\t@Input()\n\terrorInlineMessage: string;\n\n\t/**\n\t * State of the inline message, will be ignored if form state is invalid\n\t */\n\t@Input()\n\tinlineMessageState: InlineMessageState;\n\n\t@Input()\n\tsize: FormFieldSize;\n\n\t@Input()\n\tlayout: 'default' | 'checkable' | 'fieldset' = 'default';\n\n\t#inputs: InputDirective[] = [];\n\t/**\n\t * Max amount of characters allowed, defaults to 0, which means hidden, no maximum\n\t */\n\t@Input()\n\tcounter = 0;\n\n\trequired = false;\n\n\tget contentLength(): number {\n\t\treturn (this.#inputs[0]?.host?.nativeElement as HTMLInputElement)?.value.length || 0;\n\t}\n\n\tpublic addInput(input: InputDirective) {\n\t\tthis.#inputs.push(input);\n\t\t/* We have to put this in the next cycle to make sure it'll be applied properly\n\t\t * and that it won't trigger a change detection error\n\t\t */\n\t\tsetTimeout(() => {\n\t\t\tthis.prepareInput();\n\t\t});\n\t}\n\n\tpublic get inputs(): InputDirective[] {\n\t\treturn this.#inputs;\n\t}\n\n\tid: string;\n\n\tready$ = new BehaviorSubject<boolean>(false);\n\n\tpublic get ready(): boolean {\n\t\treturn this.ready$.value;\n\t}\n\n\t#ariaLabelledBy: string[] = [];\n\n\taddLabelledBy(id: string, prepend = false): void {\n\t\tif (prepend) {\n\t\t\tthis.#ariaLabelledBy = [id, ...this.#ariaLabelledBy];\n\t\t} else {\n\t\t\tthis.#ariaLabelledBy = [...this.#ariaLabelledBy, id];\n\t\t}\n\t\tthis.#inputs.forEach((input) => {\n\t\t\tif (!input.standalone) {\n\t\t\t\tthis.#renderer.setAttribute(input.host.nativeElement, 'aria-labelledby', this.#ariaLabelledBy.join(' '));\n\t\t\t}\n\t\t});\n\t}\n\n\tremoveLabelledBy(id: string): void {\n\t\tthis.#ariaLabelledBy = this.#ariaLabelledBy.filter((labelledBy) => labelledBy === id);\n\t}\n\n\tngOnChanges(): void {\n\t\tthis.#luClass.setState({\n\t\t\t[`mod-${this.size}`]: true,\n\t\t\t'mod-checkable': this.layout === 'checkable',\n\t\t\t'form-field': this.layout !== 'fieldset',\n\t\t});\n\t\tthis.updateAria();\n\t}\n\n\tprepareInput(): void {\n\t\tif (this.#inputs.length === 0) {\n\t\t\tthrow new Error('Missing input for form field, make sure to set `luInput` to your input inside lu-form-field');\n\t\t}\n\t\tthis.inputs\n\t\t\t.filter((input) => !input.standalone)\n\t\t\t.forEach((input) => {\n\t\t\t\tconst inputId = `${input.host.nativeElement.tagName.toLowerCase()}-${++nextId}`;\n\t\t\t\tthis.#renderer.setAttribute(input.host.nativeElement, 'id', inputId);\n\t\t\t});\n\t\t// We're using the id from the first input available\n\t\tthis.id = this.#inputs[0].host.nativeElement.id;\n\t\tthis.updateAria();\n\t\tthis.ready$.next(true);\n\t}\n\n\tprivate updateAria(): void {\n\t\tthis.#inputs.forEach((input) => {\n\t\t\tthis.#renderer.setAttribute(input.host.nativeElement, 'aria-invalid', this.invalid?.toString());\n\t\t\tthis.#renderer.setAttribute(input.host.nativeElement, 'aria-required', this.required?.toString());\n\t\t\tif (!input.standalone) {\n\t\t\t\tthis.#renderer.setAttribute(input.host.nativeElement, 'aria-describedby', `${input.host.nativeElement.id}-message`);\n\t\t\t}\n\t\t});\n\t\tif (this.id) {\n\t\t\tthis.addLabelledBy(`${this.id}-label`);\n\t\t}\n\t}\n\n\tprivate updateRequiredStatus(controls: NgControl[]): void {\n\t\tcontrols.forEach((control) => {\n\t\t\t// invalid management\n\t\t\tconst previousInvalid = this.invalid;\n\t\t\tthis.invalid = (control.invalid || this.statusControl?.invalid) && control.touched;\n\n\t\t\t// required management\n\t\t\tconst previousRequired = this.required;\n\t\t\tthis.required = this.#requiredValidator\n\t\t\t\t? booleanAttribute(this.#requiredValidator.required)\n\t\t\t\t: control.control.hasValidator(Validators.required) || control.control.hasValidator(Validators.requiredTrue);\n\n\t\t\t// If stuff changed, update aria attributes\n\t\t\tif (this.invalid !== previousInvalid || this.required !== previousRequired) {\n\t\t\t\tthis.updateAria();\n\t\t\t}\n\t\t});\n\t}\n\n\tngOnDestroy(): void {\n\t\tthis.ready$.complete();\n\t}\n\n\tngDoCheck(): void {\n\t\tthis.#doCheck$.next();\n\t}\n}\n","<fieldset class=\"form-fieldset\" *ngIf=\"layout === 'fieldset'; else defaultTpl\" [class.mod-S]=\"size === 'S'\">\n\t<legend class=\"formLabel\" [class.u-mask]=\"hiddenLabel\" attr.aria-hidden=\"{{hiddenLabel}}\">\n\t\t<ng-container *luPortal=\"label\"></ng-container\n\t\t><!--\n\t--><sup class=\"formLabel-required\" aria-hidden=\"true\" *ngIf=\"required\">*</sup>\n\t\t<lu-icon icon=\"signHelp\" alt=\"\" *ngIf=\"tooltip\" [luTooltip]=\"tooltip\" [color]=\"invalid ? 'error' : 'inherit'\"></lu-icon>\n\t</legend>\n\t<ng-container *ngTemplateOutlet=\"projectionTpl\"></ng-container>\n\t<lu-inline-message\n\t\tid=\"{{id}}-message\"\n\t\t*ngIf=\"inlineMessage || (invalid ? errorInlineMessage : false)\"\n\t\t[label]=\"(invalid && errorInlineMessage) ? errorInlineMessage : inlineMessage\"\n\t\t[state]=\"invalid ? 'error' : inlineMessageState\"\n\t></lu-inline-message>\n</fieldset>\n\n<ng-template #defaultTpl>\n\t<label\n\t\tclass=\"formLabel\"\n\t\t[class.is-error]=\"invalid\"\n\t\t[class.mod-counter]=\"counter > 0\"\n\t\tid=\"{{id}}-label\"\n\t\tfor=\"{{id}}\"\n\t\t[class.u-mask]=\"hiddenLabel\"\n\t\tattr.aria-hidden=\"{{hiddenLabel}}\"\n\t>\n\t\t<ng-container *luPortal=\"label\"></ng-container\n\t\t><!--\n\t--><sup class=\"formLabel-required\" aria-hidden=\"true\" *ngIf=\"required\">*</sup>\n\n\t\t<lu-icon icon=\"signHelp\" alt=\"\" *ngIf=\"tooltip\" [luTooltip]=\"tooltip\" [color]=\"invalid ? 'error' : 'inherit'\"></lu-icon>\n\t\t<span\n\t\t\t*ngIf=\"counter > 0\"\n\t\t\tclass=\"formLabel-counter\"\n\t\t\t[class.u-textError]=\"contentLength > counter\"\n\t\t\tid=\"{{id}}-counter\"\n\t\t\taria-live=\"polite\"\n\t\t>\n\t\t\t<span aria-hidden=\"true\">{{ contentLength }}/{{ counter }}</span>\n\t\t\t<span class=\"u-mask\">{{ intl.counter | intlParams: { current: contentLength, max: counter } }}</span>\n\t\t</span>\n\t</label>\n\t<ng-container *ngTemplateOutlet=\"projectionTpl\"></ng-container>\n\t<lu-inline-message\n\t\tid=\"{{id}}-message\"\n\t\t*ngIf=\"inlineMessage || (invalid ? errorInlineMessage : false)\"\n\t\t[label]=\"(invalid && errorInlineMessage) ? errorInlineMessage : inlineMessage\"\n\t\t[state]=\"invalid ? 'error' : inlineMessageState\"\n\t></lu-inline-message>\n</ng-template>\n\n<ng-template #projectionTpl>\n\t<ng-content></ng-content>\n</ng-template>\n","import { booleanAttribute, Directive, ElementRef, inject, Input, OnInit } from '@angular/core';\nimport { FORM_FIELD_INSTANCE } from './form-field.token';\n\n@Directive({\n\tselector: '[luInput]',\n\tstandalone: true,\n\thost: {\n\t\t// Used to autofocus in dialog boxes, do not change except if you know what you're doing\n\t\tclass: 'luNativeInput',\n\t},\n})\nexport class InputDirective implements OnInit {\n\tpublic readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n\n\tpublic readonly formFieldRef = inject(FORM_FIELD_INSTANCE, { optional: true });\n\n\t/**\n\t * prevents message and label ids from being propagated, useful if the input holds its own message and label (like for radios)\n\t */\n\t@Input({ transform: booleanAttribute, alias: 'luInputStandalone' })\n\tstandalone = false;\n\n\tngOnInit(): void {\n\t\t// If the field is used as standalone, we won't have the ref provided so it'll crash\n\t\tif (this.formFieldRef) {\n\t\t\tthis.formFieldRef.addInput(this);\n\t\t}\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"lucca-front-ng-form-field.mjs","sources":["../../../packages/ng/form-field/form-field.token.ts","../../../packages/ng/form-field/form-field.translate.ts","../../../packages/ng/form-field/form-field.component.ts","../../../packages/ng/form-field/form-field.component.html","../../../packages/ng/form-field/input.directive.ts","../../../packages/ng/form-field/lucca-front-ng-form-field.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { FormFieldComponent } from './form-field.component';\n\nexport const FORM_FIELD_INSTANCE = new InjectionToken<FormFieldComponent>('FORM_FIELD_INSTANCE');\n","import { InjectionToken } from '@angular/core';\nimport { ILuTranslation } from '@lucca-front/ng/core';\n\nexport const LU_FORM_FIELD_TRANSLATIONS = new InjectionToken('LuFormFieldTranslations', {\n\tfactory: () => luFormFieldTranslations,\n});\n\nexport interface LuFormFieldTranslations {\n\tcounter: string;\n}\n\nexport const luFormFieldTranslations: ILuTranslation<LuFormFieldTranslations> = {\n\tfr: {\n\t\tcounter: 'Votre publication fait {{current}} caractères de long. {{max}} caractères maximum sont autorisés.',\n\t},\n\ten: {\n\t\tcounter: 'Your message is {{current}} characters long. A maximum of {{max}} is allowed.',\n\t},\n};\n","import { booleanAttribute, Component, ContentChildren, DestroyRef, DoCheck, forwardRef, inject, Input, OnChanges, OnDestroy, QueryList, Renderer2, ViewEncapsulation } from '@angular/core';\nimport { NgIf, NgSwitch, NgSwitchCase, NgTemplateOutlet } from '@angular/common';\nimport { InputDirective } from './input.directive';\nimport { FormFieldSize } from './form-field-size';\nimport { BehaviorSubject, map, merge, startWith, Subject, switchMap } from 'rxjs';\nimport { InlineMessageComponent, InlineMessageState } from '@lucca-front/ng/inline-message';\nimport { SafeHtml } from '@angular/platform-browser';\nimport { LuTooltipModule } from '@lucca-front/ng/tooltip';\nimport { getIntl, IntlParamsPipe, LuClass, PortalContent, PortalDirective } from '@lucca-front/ng/core';\nimport { AbstractControl, NG_VALIDATORS, NgControl, ReactiveFormsModule, RequiredValidator, Validator, Validators } from '@angular/forms';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { FORM_FIELD_INSTANCE } from './form-field.token';\nimport { LU_FORM_FIELD_TRANSLATIONS } from './form-field.translate';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nlet nextId = 0;\n\n@Component({\n\tselector: 'lu-form-field',\n\tstandalone: true,\n\timports: [NgIf, NgSwitch, NgSwitchCase, NgTemplateOutlet, InlineMessageComponent, LuTooltipModule, ReactiveFormsModule, IconComponent, IntlParamsPipe, PortalDirective],\n\ttemplateUrl: './form-field.component.html',\n\tstyleUrls: ['./form-field.component.scss'],\n\tproviders: [\n\t\tLuClass,\n\t\t{\n\t\t\tprovide: FORM_FIELD_INSTANCE,\n\t\t\tuseExisting: forwardRef(() => FormFieldComponent),\n\t\t},\n\t],\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class FormFieldComponent implements OnChanges, OnDestroy, DoCheck {\n\tintl = getIntl(LU_FORM_FIELD_TRANSLATIONS);\n\n\t#luClass = inject(LuClass);\n\n\t#renderer = inject(Renderer2);\n\n\t#requiredValidator: RequiredValidator | undefined;\n\n\t#destroyRef = inject(DestroyRef);\n\n\t#doCheck$ = new Subject<void>();\n\n\t@ContentChildren(NG_VALIDATORS, { descendants: true })\n\tpublic set validators(validators: QueryList<Validator | undefined>) {\n\t\tthis.#requiredValidator = validators.toArray()?.find((v): v is RequiredValidator => v instanceof RequiredValidator);\n\t}\n\n\t@ContentChildren(NgControl, { descendants: true })\n\tset controls(controls: QueryList<NgControl>) {\n\t\tconst controls$ = controls.changes.pipe(\n\t\t\ttakeUntilDestroyed(this.#destroyRef),\n\t\t\tstartWith(controls),\n\t\t\tmap(() => controls.toArray()),\n\t\t);\n\t\t// If a control is added or removed, we want to update status based on the new ones\n\t\tcontrols$.subscribe((controls) => {\n\t\t\tthis.updateRequiredStatus(controls);\n\t\t});\n\t\t// Upon status change or NgDoCheck trigger, we want to update validity and display\n\t\tcontrols$\n\t\t\t.pipe(\n\t\t\t\tswitchMap((controls) => {\n\t\t\t\t\t// We have to trigger status check on DoCheck too to properly update display when control.touched changes\n\t\t\t\t\t// Because we can't listen to `control.touched` changes, we need to hook on this.\n\t\t\t\t\t// TODO use unified control state change events once we have Angular 18\n\t\t\t\t\treturn merge(this.#doCheck$, ...controls.map((control) => control.statusChanges)).pipe(map(() => controls));\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe((controls) => {\n\t\t\t\tthis.updateRequiredStatus(controls);\n\t\t\t});\n\t}\n\n\t@Input({\n\t\trequired: true,\n\t})\n\tlabel: PortalContent;\n\n\t@Input({\n\t\ttransform: booleanAttribute,\n\t})\n\thiddenLabel = false;\n\n\t@Input()\n\tstatusControl: AbstractControl;\n\n\t@Input()\n\ttooltip: string | SafeHtml;\n\n\t@Input()\n\tinvalid = false;\n\n\t@Input()\n\tinlineMessage: string;\n\n\t/**\n\t * Inline message for when the control is in error state\n\t */\n\t@Input()\n\terrorInlineMessage: string;\n\n\t/**\n\t * State of the inline message, will be ignored if form state is invalid\n\t */\n\t@Input()\n\tinlineMessageState: InlineMessageState;\n\n\t@Input()\n\tsize: FormFieldSize;\n\n\t@Input()\n\tlayout: 'default' | 'checkable' | 'fieldset' = 'default';\n\n\t#inputs: InputDirective[] = [];\n\t/**\n\t * Max amount of characters allowed, defaults to 0, which means hidden, no maximum\n\t */\n\t@Input()\n\tcounter = 0;\n\n\trequired = false;\n\n\tget contentLength(): number {\n\t\treturn (this.#inputs[0]?.host?.nativeElement as HTMLInputElement)?.value.length || 0;\n\t}\n\n\tpublic addInput(input: InputDirective) {\n\t\tthis.#inputs.push(input);\n\t\t/* We have to put this in the next cycle to make sure it'll be applied properly\n\t\t * and that it won't trigger a change detection error\n\t\t */\n\t\tsetTimeout(() => {\n\t\t\tthis.prepareInput();\n\t\t});\n\t}\n\n\tpublic get inputs(): InputDirective[] {\n\t\treturn this.#inputs;\n\t}\n\n\tid: string;\n\n\tready$ = new BehaviorSubject<boolean>(false);\n\n\tpublic get ready(): boolean {\n\t\treturn this.ready$.value;\n\t}\n\n\t#ariaLabelledBy: string[] = [];\n\n\taddLabelledBy(id: string, prepend = false): void {\n\t\tif (prepend) {\n\t\t\tthis.#ariaLabelledBy = [id, ...this.#ariaLabelledBy];\n\t\t} else {\n\t\t\tthis.#ariaLabelledBy = [...this.#ariaLabelledBy, id];\n\t\t}\n\t\tthis.#inputs.forEach((input) => {\n\t\t\tif (!input.standalone) {\n\t\t\t\tthis.#renderer.setAttribute(input.host.nativeElement, 'aria-labelledby', this.#ariaLabelledBy.join(' '));\n\t\t\t}\n\t\t});\n\t}\n\n\tremoveLabelledBy(id: string): void {\n\t\tthis.#ariaLabelledBy = this.#ariaLabelledBy.filter((labelledBy) => labelledBy === id);\n\t}\n\n\tngOnChanges(): void {\n\t\tthis.#luClass.setState({\n\t\t\t[`mod-${this.size}`]: true,\n\t\t\t'mod-checkable': this.layout === 'checkable',\n\t\t\t'form-field': this.layout !== 'fieldset',\n\t\t});\n\t\tthis.updateAria();\n\t}\n\n\tprepareInput(): void {\n\t\tif (this.#inputs.length === 0) {\n\t\t\tthrow new Error('Missing input for form field, make sure to set `luInput` to your input inside lu-form-field');\n\t\t}\n\t\tthis.inputs\n\t\t\t.filter((input) => !input.standalone)\n\t\t\t.forEach((input) => {\n\t\t\t\tconst inputId = `${input.host.nativeElement.tagName.toLowerCase()}-${++nextId}`;\n\t\t\t\tthis.#renderer.setAttribute(input.host.nativeElement, 'id', inputId);\n\t\t\t});\n\t\t// We're using the id from the first input available\n\t\tthis.id = this.#inputs[0].host.nativeElement.id;\n\t\tthis.updateAria();\n\t\tthis.ready$.next(true);\n\t}\n\n\tprivate updateAria(): void {\n\t\tthis.#inputs.forEach((input) => {\n\t\t\tthis.#renderer.setAttribute(input.host.nativeElement, 'aria-invalid', this.invalid?.toString());\n\t\t\tthis.#renderer.setAttribute(input.host.nativeElement, 'aria-required', this.required?.toString());\n\t\t\tif (!input.standalone) {\n\t\t\t\tthis.#renderer.setAttribute(input.host.nativeElement, 'aria-describedby', `${input.host.nativeElement.id}-message`);\n\t\t\t}\n\t\t});\n\t\tif (this.id) {\n\t\t\tthis.addLabelledBy(`${this.id}-label`);\n\t\t}\n\t}\n\n\tprivate updateRequiredStatus(controls: NgControl[]): void {\n\t\tcontrols.forEach((control) => {\n\t\t\t// invalid management\n\t\t\tconst previousInvalid = this.invalid;\n\t\t\tthis.invalid = (control.invalid || this.statusControl?.invalid) && control.touched;\n\n\t\t\t// required management\n\t\t\tconst previousRequired = this.required;\n\t\t\tthis.required = this.#requiredValidator\n\t\t\t\t? booleanAttribute(this.#requiredValidator.required)\n\t\t\t\t: control.control.hasValidator(Validators.required) || control.control.hasValidator(Validators.requiredTrue);\n\n\t\t\t// If stuff changed, update aria attributes\n\t\t\tif (this.invalid !== previousInvalid || this.required !== previousRequired) {\n\t\t\t\tthis.updateAria();\n\t\t\t}\n\t\t});\n\t}\n\n\tngOnDestroy(): void {\n\t\tthis.ready$.complete();\n\t}\n\n\tngDoCheck(): void {\n\t\tthis.#doCheck$.next();\n\t}\n}\n","<fieldset class=\"form-fieldset\" *ngIf=\"layout === 'fieldset'; else defaultTpl\" [class.mod-S]=\"size === 'S'\">\n\t<legend class=\"formLabel\" [class.u-mask]=\"hiddenLabel\" attr.aria-hidden=\"{{hiddenLabel}}\">\n\t\t<ng-container *luPortal=\"label\"></ng-container\n\t\t><!--\n\t--><sup class=\"formLabel-required\" aria-hidden=\"true\" *ngIf=\"required\">*</sup>\n\t\t<lu-icon icon=\"signHelp\" alt=\"\" *ngIf=\"tooltip\" [luTooltip]=\"tooltip\" [color]=\"invalid ? 'error' : 'inherit'\"></lu-icon>\n\t</legend>\n\t<ng-container *ngTemplateOutlet=\"projectionTpl\"></ng-container>\n\t<lu-inline-message\n\t\tid=\"{{id}}-message\"\n\t\t*ngIf=\"inlineMessage || (invalid ? errorInlineMessage : false)\"\n\t\t[label]=\"(invalid && errorInlineMessage) ? errorInlineMessage : inlineMessage\"\n\t\t[state]=\"invalid ? 'error' : inlineMessageState\"\n\t></lu-inline-message>\n</fieldset>\n\n<ng-template #defaultTpl>\n\t<label\n\t\tclass=\"formLabel\"\n\t\t[class.is-error]=\"invalid\"\n\t\t[class.mod-counter]=\"counter > 0\"\n\t\tid=\"{{id}}-label\"\n\t\tfor=\"{{id}}\"\n\t\t[class.u-mask]=\"hiddenLabel\"\n\t\tattr.aria-hidden=\"{{hiddenLabel}}\"\n\t>\n\t\t<ng-container *luPortal=\"label\"></ng-container\n\t\t><!--\n\t--><sup class=\"formLabel-required\" aria-hidden=\"true\" *ngIf=\"required\">*</sup>\n\n\t\t<lu-icon icon=\"signHelp\" alt=\"\" *ngIf=\"tooltip\" [luTooltip]=\"tooltip\" [color]=\"invalid ? 'error' : 'inherit'\"></lu-icon>\n\t\t<span\n\t\t\t*ngIf=\"counter > 0\"\n\t\t\tclass=\"formLabel-counter\"\n\t\t\t[class.u-textError]=\"contentLength > counter\"\n\t\t\tid=\"{{id}}-counter\"\n\t\t\taria-live=\"polite\"\n\t\t>\n\t\t\t<span aria-hidden=\"true\">{{ contentLength }}/{{ counter }}</span>\n\t\t\t<span class=\"u-mask\">{{ intl.counter | intlParams: { current: contentLength, max: counter } }}</span>\n\t\t</span>\n\t</label>\n\t<ng-container *ngTemplateOutlet=\"projectionTpl\"></ng-container>\n\t<lu-inline-message\n\t\tid=\"{{id}}-message\"\n\t\t*ngIf=\"inlineMessage || (invalid ? errorInlineMessage : false)\"\n\t\t[label]=\"(invalid && errorInlineMessage) ? errorInlineMessage : inlineMessage\"\n\t\t[state]=\"invalid ? 'error' : inlineMessageState\"\n\t></lu-inline-message>\n</ng-template>\n\n<ng-template #projectionTpl>\n\t<ng-content></ng-content>\n</ng-template>\n","import { booleanAttribute, Directive, ElementRef, inject, Input, OnInit } from '@angular/core';\nimport { FORM_FIELD_INSTANCE } from './form-field.token';\n\n@Directive({\n\tselector: '[luInput]',\n\tstandalone: true,\n\thost: {\n\t\t// Used to autofocus in dialog boxes, do not change except if you know what you're doing\n\t\tclass: 'luNativeInput',\n\t},\n})\nexport class InputDirective implements OnInit {\n\tpublic readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n\n\tpublic readonly formFieldRef = inject(FORM_FIELD_INSTANCE, { optional: true });\n\n\t/**\n\t * prevents message and label ids from being propagated, useful if the input holds its own message and label (like for radios)\n\t */\n\t@Input({ transform: booleanAttribute, alias: 'luInputStandalone' })\n\tstandalone = false;\n\n\tngOnInit(): void {\n\t\t// If the field is used as standalone, we won't have the ref provided so it'll crash\n\t\tif (this.formFieldRef) {\n\t\t\tthis.formFieldRef.addInput(this);\n\t\t}\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
package/fesm2022/lucca-front-ng-forms.mjs CHANGED
@@ -198,6 +198,7 @@ const luNumberFieldTranslations = {
198
198
  class NumberInputComponent {
199
199
  constructor() {
200
200
  this.ngControl = injectNgControl();
201
+ this.placeholder = '';
201
202
  this.step = 1;
202
203
  this.noSpinButtons = false;
203
204
  this.hasClearer = false;
@@ -283,10 +284,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
283
284
 
284
285
  const RADIO_GROUP_INSTANCE = new InjectionToken('RADIO_GROUP_INSTANCE');
285
286
 
287
+ let nextId$1 = 0;
286
288
  class RadioGroupInputComponent {
287
289
  constructor() {
288
290
  this.formField = inject(FORM_FIELD_INSTANCE, { optional: true });
289
291
  this.ngControl = injectNgControl();
292
+ this.name = `radio-group-${nextId$1++}`;
290
293
  if (this.formField) {
291
294
  this.formField.layout = 'fieldset';
292
295
  }
@@ -323,19 +326,22 @@ class RadioComponent {
323
326
  get formControl() {
324
327
  return this.#parentGroup.ngControl.control;
325
328
  }
329
+ get name() {
330
+ return this.#parentGroup.name;
331
+ }
326
332
  ngOnChanges() {
327
333
  this.#luClass.setState({
328
334
  [`mod-${this.#parentGroup.size}`]: true,
329
335
  });
330
336
  }
331
337
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
332
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.2", type: RadioComponent, isStandalone: true, selector: "lu-radio", inputs: { value: "value", disabled: ["disabled", "disabled", booleanAttribute], inlineMessage: "inlineMessage" }, host: { properties: { "id": "this.id" }, classAttribute: "form-field" }, providers: [LuClass], usesOnChanges: true, ngImport: i0, template: "<label class=\"formLabel\" id=\"{{id}}-label\" for=\"{{id}}-input\">\n\t<ng-content></ng-content>\n</label>\n<span class=\"radioField\">\n\t<input\n\t\t[formControl]=\"formControl\"\n\t\t[attr.disabled]=\"formControl.disabled || disabled\"\n\t\ttype=\"radio\"\n\t\tclass=\"radioField-input\"\n\t\tid=\"{{id}}-input\"\n\t\t[value]=\"value\"\n\t\tluInput\n\t\tluInputStandalone\n\t\tattr.aria-labelledby=\"{{id}}-label\"\n\t\tattr.aria-describedby=\"{{id}}-message\"\n\t/>\n\t<span class=\"radioField-icon\" aria-hidden=\"true\">\n\t\t<span class=\"radioField-icon-check\"></span>\n\t</span>\n</span>\n<lu-inline-message *ngIf=\"inlineMessage\" [label]=\"inlineMessage\" id=\"{{id}}-message\"></lu-inline-message>\n", styles: [".radioField{--component-radioField-size: 1.25rem;--component-radioField-top: var(--pr-t-spacings-25);--component-radioField-borderRadius: var(--commons-borderRadius-full);position:relative}.radioField-icon{width:var(--component-radioField-size);height:var(--component-radioField-size);border:2px solid var(--palettes-neutral-700);border-radius:var(--component-radioField-borderRadius);position:relative;color:var(--colors-white-color);transition-property:color,border-color,background-color;transition-duration:var(--commons-animations-durations-fast);background-color:var(--colors-white-color);display:block;cursor:pointer}@media (prefers-reduced-motion: reduce){.radioField-icon{transition-property:none}}.radioField-icon:after{content:\"\";position:absolute;inset:-2px;outline-offset:2px;border-radius:6px}.radioField-icon-check{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transform:scale(0);transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}@media (prefers-reduced-motion: reduce){.radioField-icon-check{transition-property:none}}.radioField-icon-check:before{content:\"\";position:absolute;inset:0;background-color:transparent;border-radius:var(--commons-borderRadius-full);border:2px solid white}.radioField-input{position:absolute;z-index:1;width:var(--component-radioField-size);height:var(--component-radioField-size);opacity:0;cursor:pointer}.radioField.mod-S{--component-radioField-size: 1rem}.radioField-input:focus-visible~.radioField-icon:after{outline:2px solid var(--palettes-product-700);outline-offset:2px}.radioField-input:hover~.radioField-icon{border-color:var(--palettes-neutral-600)}.radioField-input:active~.radioField-icon{border-color:var(--palettes-neutral-800)}.radioField-input:disabled{cursor:default}.radioField-input:disabled~.radioField-icon{border-color:var(--palettes-neutral-500)}.radioField-input[aria-invalid=true]~.radioField-icon{border-color:var(--palettes-error-700)}.radioField-input[aria-invalid=true]:hover~.radioField-icon{border-color:var(--palettes-error-600)}.radioField-input[aria-invalid=true]:active~.radioField-icon{border-color:var(--palettes-error-800)}.radioField-input:checked~.radioField-icon{background-color:var(--palettes-product-700);border-color:var(--palettes-product-700)}.radioField-input:checked~.radioField-icon .radioField-icon-check{transform:scale(1)}.radioField-input:checked:hover~.radioField-icon{background-color:var(--palettes-product-600);border-color:var(--palettes-product-600)}.radioField-input:checked:active~.radioField-icon{background-color:var(--palettes-product-800);border-color:var(--palettes-product-800)}.radioField-input:checked:disabled~.radioField-icon{background-color:var(--palettes-neutral-500);border-color:var(--palettes-neutral-500);color:var(--palettes-neutral-500)}.radioField-input:checked[aria-invalid=true]~.radioField-icon{background-color:var(--palettes-error-700);border-color:var(--palettes-error-700)}.radioField-input:checked[aria-invalid=true]:hover~.radioField-icon{background-color:var(--palettes-error-600);border-color:var(--palettes-error-600)}.radioField-input:checked[aria-invalid=true]:active~.radioField-icon{background-color:var(--palettes-error-800);border-color:var(--palettes-error-800)}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "component", type: InlineMessageComponent, selector: "lu-inline-message", inputs: ["label", "state", "size"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
338
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.2", type: RadioComponent, isStandalone: true, selector: "lu-radio", inputs: { value: "value", disabled: ["disabled", "disabled", booleanAttribute], inlineMessage: "inlineMessage" }, host: { properties: { "id": "this.id" }, classAttribute: "form-field" }, providers: [LuClass], usesOnChanges: true, ngImport: i0, template: "<label class=\"formLabel\" id=\"{{id}}-label\" for=\"{{id}}-input\">\n\t<ng-content></ng-content>\n</label>\n<span class=\"radioField\">\n\t<input\n\t\t[formControl]=\"formControl\"\n\t\t[attr.disabled]=\"(formControl.disabled || disabled) ? 'disabled' : null\"\n\t\ttype=\"radio\"\n\t\tclass=\"radioField-input\"\n\t\tid=\"{{id}}-input\"\n\t\t[name]=\"name\"\n\t\t[value]=\"value\"\n\t\tluInput\n\t\tluInputStandalone\n\t\tattr.aria-labelledby=\"{{id}}-label\"\n\t\tattr.aria-describedby=\"{{id}}-message\"\n\t/>\n\t<span class=\"radioField-icon\" aria-hidden=\"true\">\n\t\t<span class=\"radioField-icon-check\"></span>\n\t</span>\n</span>\n<lu-inline-message *ngIf=\"inlineMessage\" [label]=\"inlineMessage\" id=\"{{id}}-message\"></lu-inline-message>\n", styles: [".radioField{--component-radioField-size: 1.25rem;--component-radioField-top: var(--pr-t-spacings-25);--component-radioField-borderRadius: var(--commons-borderRadius-full);position:relative}.radioField-icon{width:var(--component-radioField-size);height:var(--component-radioField-size);border:2px solid var(--palettes-neutral-700);border-radius:var(--component-radioField-borderRadius);position:relative;color:var(--colors-white-color);transition-property:color,border-color,background-color;transition-duration:var(--commons-animations-durations-fast);background-color:var(--colors-white-color);display:block;cursor:pointer}@media (prefers-reduced-motion: reduce){.radioField-icon{transition-property:none}}.radioField-icon:after{content:\"\";position:absolute;inset:-2px;outline-offset:2px;border-radius:6px}.radioField-icon-check{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transform:scale(0);transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}@media (prefers-reduced-motion: reduce){.radioField-icon-check{transition-property:none}}.radioField-icon-check:before{content:\"\";position:absolute;inset:0;background-color:transparent;border-radius:var(--commons-borderRadius-full);border:2px solid white}.radioField-input{position:absolute;z-index:1;width:var(--component-radioField-size);height:var(--component-radioField-size);opacity:0;cursor:pointer}.radioField.mod-S{--component-radioField-size: 1rem}.radioField-input:focus-visible~.radioField-icon:after{outline:2px solid var(--palettes-product-700);outline-offset:2px}.radioField-input:hover~.radioField-icon{border-color:var(--palettes-neutral-600)}.radioField-input:active~.radioField-icon{border-color:var(--palettes-neutral-800)}.radioField-input:disabled{cursor:default}.radioField-input:disabled~.radioField-icon{border-color:var(--palettes-neutral-500)}.radioField-input[aria-invalid=true]~.radioField-icon{border-color:var(--palettes-error-700)}.radioField-input[aria-invalid=true]:hover~.radioField-icon{border-color:var(--palettes-error-600)}.radioField-input[aria-invalid=true]:active~.radioField-icon{border-color:var(--palettes-error-800)}.radioField-input:checked~.radioField-icon{background-color:var(--palettes-product-700);border-color:var(--palettes-product-700)}.radioField-input:checked~.radioField-icon .radioField-icon-check{transform:scale(1)}.radioField-input:checked:hover~.radioField-icon{background-color:var(--palettes-product-600);border-color:var(--palettes-product-600)}.radioField-input:checked:active~.radioField-icon{background-color:var(--palettes-product-800);border-color:var(--palettes-product-800)}.radioField-input:checked:disabled~.radioField-icon{background-color:var(--palettes-neutral-500);border-color:var(--palettes-neutral-500);color:var(--palettes-neutral-500)}.radioField-input:checked[aria-invalid=true]~.radioField-icon{background-color:var(--palettes-error-700);border-color:var(--palettes-error-700)}.radioField-input:checked[aria-invalid=true]:hover~.radioField-icon{background-color:var(--palettes-error-600);border-color:var(--palettes-error-600)}.radioField-input:checked[aria-invalid=true]:active~.radioField-icon{background-color:var(--palettes-error-800);border-color:var(--palettes-error-800)}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "component", type: InlineMessageComponent, selector: "lu-inline-message", inputs: ["label", "state", "size"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
333
339
  }
334
340
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: RadioComponent, decorators: [{
335
341
  type: Component,
336
342
  args: [{ selector: 'lu-radio', standalone: true, imports: [ReactiveFormsModule, InputDirective, InlineMessageComponent, NgIf], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
337
343
  class: 'form-field',
338
- }, providers: [LuClass], template: "<label class=\"formLabel\" id=\"{{id}}-label\" for=\"{{id}}-input\">\n\t<ng-content></ng-content>\n</label>\n<span class=\"radioField\">\n\t<input\n\t\t[formControl]=\"formControl\"\n\t\t[attr.disabled]=\"formControl.disabled || disabled\"\n\t\ttype=\"radio\"\n\t\tclass=\"radioField-input\"\n\t\tid=\"{{id}}-input\"\n\t\t[value]=\"value\"\n\t\tluInput\n\t\tluInputStandalone\n\t\tattr.aria-labelledby=\"{{id}}-label\"\n\t\tattr.aria-describedby=\"{{id}}-message\"\n\t/>\n\t<span class=\"radioField-icon\" aria-hidden=\"true\">\n\t\t<span class=\"radioField-icon-check\"></span>\n\t</span>\n</span>\n<lu-inline-message *ngIf=\"inlineMessage\" [label]=\"inlineMessage\" id=\"{{id}}-message\"></lu-inline-message>\n", styles: [".radioField{--component-radioField-size: 1.25rem;--component-radioField-top: var(--pr-t-spacings-25);--component-radioField-borderRadius: var(--commons-borderRadius-full);position:relative}.radioField-icon{width:var(--component-radioField-size);height:var(--component-radioField-size);border:2px solid var(--palettes-neutral-700);border-radius:var(--component-radioField-borderRadius);position:relative;color:var(--colors-white-color);transition-property:color,border-color,background-color;transition-duration:var(--commons-animations-durations-fast);background-color:var(--colors-white-color);display:block;cursor:pointer}@media (prefers-reduced-motion: reduce){.radioField-icon{transition-property:none}}.radioField-icon:after{content:\"\";position:absolute;inset:-2px;outline-offset:2px;border-radius:6px}.radioField-icon-check{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transform:scale(0);transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}@media (prefers-reduced-motion: reduce){.radioField-icon-check{transition-property:none}}.radioField-icon-check:before{content:\"\";position:absolute;inset:0;background-color:transparent;border-radius:var(--commons-borderRadius-full);border:2px solid white}.radioField-input{position:absolute;z-index:1;width:var(--component-radioField-size);height:var(--component-radioField-size);opacity:0;cursor:pointer}.radioField.mod-S{--component-radioField-size: 1rem}.radioField-input:focus-visible~.radioField-icon:after{outline:2px solid var(--palettes-product-700);outline-offset:2px}.radioField-input:hover~.radioField-icon{border-color:var(--palettes-neutral-600)}.radioField-input:active~.radioField-icon{border-color:var(--palettes-neutral-800)}.radioField-input:disabled{cursor:default}.radioField-input:disabled~.radioField-icon{border-color:var(--palettes-neutral-500)}.radioField-input[aria-invalid=true]~.radioField-icon{border-color:var(--palettes-error-700)}.radioField-input[aria-invalid=true]:hover~.radioField-icon{border-color:var(--palettes-error-600)}.radioField-input[aria-invalid=true]:active~.radioField-icon{border-color:var(--palettes-error-800)}.radioField-input:checked~.radioField-icon{background-color:var(--palettes-product-700);border-color:var(--palettes-product-700)}.radioField-input:checked~.radioField-icon .radioField-icon-check{transform:scale(1)}.radioField-input:checked:hover~.radioField-icon{background-color:var(--palettes-product-600);border-color:var(--palettes-product-600)}.radioField-input:checked:active~.radioField-icon{background-color:var(--palettes-product-800);border-color:var(--palettes-product-800)}.radioField-input:checked:disabled~.radioField-icon{background-color:var(--palettes-neutral-500);border-color:var(--palettes-neutral-500);color:var(--palettes-neutral-500)}.radioField-input:checked[aria-invalid=true]~.radioField-icon{background-color:var(--palettes-error-700);border-color:var(--palettes-error-700)}.radioField-input:checked[aria-invalid=true]:hover~.radioField-icon{background-color:var(--palettes-error-600);border-color:var(--palettes-error-600)}.radioField-input:checked[aria-invalid=true]:active~.radioField-icon{background-color:var(--palettes-error-800);border-color:var(--palettes-error-800)}\n"] }]
344
+ }, providers: [LuClass], template: "<label class=\"formLabel\" id=\"{{id}}-label\" for=\"{{id}}-input\">\n\t<ng-content></ng-content>\n</label>\n<span class=\"radioField\">\n\t<input\n\t\t[formControl]=\"formControl\"\n\t\t[attr.disabled]=\"(formControl.disabled || disabled) ? 'disabled' : null\"\n\t\ttype=\"radio\"\n\t\tclass=\"radioField-input\"\n\t\tid=\"{{id}}-input\"\n\t\t[name]=\"name\"\n\t\t[value]=\"value\"\n\t\tluInput\n\t\tluInputStandalone\n\t\tattr.aria-labelledby=\"{{id}}-label\"\n\t\tattr.aria-describedby=\"{{id}}-message\"\n\t/>\n\t<span class=\"radioField-icon\" aria-hidden=\"true\">\n\t\t<span class=\"radioField-icon-check\"></span>\n\t</span>\n</span>\n<lu-inline-message *ngIf=\"inlineMessage\" [label]=\"inlineMessage\" id=\"{{id}}-message\"></lu-inline-message>\n", styles: [".radioField{--component-radioField-size: 1.25rem;--component-radioField-top: var(--pr-t-spacings-25);--component-radioField-borderRadius: var(--commons-borderRadius-full);position:relative}.radioField-icon{width:var(--component-radioField-size);height:var(--component-radioField-size);border:2px solid var(--palettes-neutral-700);border-radius:var(--component-radioField-borderRadius);position:relative;color:var(--colors-white-color);transition-property:color,border-color,background-color;transition-duration:var(--commons-animations-durations-fast);background-color:var(--colors-white-color);display:block;cursor:pointer}@media (prefers-reduced-motion: reduce){.radioField-icon{transition-property:none}}.radioField-icon:after{content:\"\";position:absolute;inset:-2px;outline-offset:2px;border-radius:6px}.radioField-icon-check{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transform:scale(0);transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}@media (prefers-reduced-motion: reduce){.radioField-icon-check{transition-property:none}}.radioField-icon-check:before{content:\"\";position:absolute;inset:0;background-color:transparent;border-radius:var(--commons-borderRadius-full);border:2px solid white}.radioField-input{position:absolute;z-index:1;width:var(--component-radioField-size);height:var(--component-radioField-size);opacity:0;cursor:pointer}.radioField.mod-S{--component-radioField-size: 1rem}.radioField-input:focus-visible~.radioField-icon:after{outline:2px solid var(--palettes-product-700);outline-offset:2px}.radioField-input:hover~.radioField-icon{border-color:var(--palettes-neutral-600)}.radioField-input:active~.radioField-icon{border-color:var(--palettes-neutral-800)}.radioField-input:disabled{cursor:default}.radioField-input:disabled~.radioField-icon{border-color:var(--palettes-neutral-500)}.radioField-input[aria-invalid=true]~.radioField-icon{border-color:var(--palettes-error-700)}.radioField-input[aria-invalid=true]:hover~.radioField-icon{border-color:var(--palettes-error-600)}.radioField-input[aria-invalid=true]:active~.radioField-icon{border-color:var(--palettes-error-800)}.radioField-input:checked~.radioField-icon{background-color:var(--palettes-product-700);border-color:var(--palettes-product-700)}.radioField-input:checked~.radioField-icon .radioField-icon-check{transform:scale(1)}.radioField-input:checked:hover~.radioField-icon{background-color:var(--palettes-product-600);border-color:var(--palettes-product-600)}.radioField-input:checked:active~.radioField-icon{background-color:var(--palettes-product-800);border-color:var(--palettes-product-800)}.radioField-input:checked:disabled~.radioField-icon{background-color:var(--palettes-neutral-500);border-color:var(--palettes-neutral-500);color:var(--palettes-neutral-500)}.radioField-input:checked[aria-invalid=true]~.radioField-icon{background-color:var(--palettes-error-700);border-color:var(--palettes-error-700)}.radioField-input:checked[aria-invalid=true]:hover~.radioField-icon{background-color:var(--palettes-error-600);border-color:var(--palettes-error-600)}.radioField-input:checked[aria-invalid=true]:active~.radioField-icon{background-color:var(--palettes-error-800);border-color:var(--palettes-error-800)}\n"] }]
339
345
  }], propDecorators: { value: [{
340
346
  type: Input,
341
347
  args: [{ required: true }]