@lucca-front/ng 22.0.6-rc.1 → 22.0.6

package/fesm2022/lucca-front-ng-form.mjs

@@ -11,15 +11,15 @@ class FormComponent {
         this.maxWidth = input(false, { ...(ngDevMode ? { debugName: "maxWidth" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
         this.presentation = input(false, { ...(ngDevMode ? { debugName: "presentation" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: FormComponent, isStandalone: true, selector: "form[luForm]", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, presentation: { classPropertyName: "presentation", publicName: "presentation", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-maxWidth": "maxWidth()", "class.dialog-inside-formOptional": "dialogRef !== null", "attr.role": "presentation() ? \"presentation\" : null" }, classAttribute: "form" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: FormComponent, isStandalone: true, selector: "form[luForm]", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, presentation: { classPropertyName: "presentation", publicName: "presentation", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-maxWidth": "maxWidth()", "class.dialog-inside-formOptional": "dialogRef !== null", "attr.role": "presentation() ? \"presentation\" : null" }, classAttribute: "form" }, providers: [
             {
                 provide: LU_FORM_INSTANCE,
                 useExisting: forwardRef(() => FormComponent),
             },
         ], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@charset \"UTF-8\";@layer mods{.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-inline-start:.2em;content:\"*\"/\"\"}}@layer components{.form{display:block;max-inline-size:var(--components-form-maxWidth)}.form .divider:not(.mod-vertical){margin-block:var(--pr-t-spacings-300)}.form-fieldset{margin:0;padding:0;border:0}.form-fieldset .form-field{margin-block:var(--pr-t-spacings-50)}.form-fieldset .form-field:last-child{margin-block-end:0}}@layer mods{.form.mod-maxWidth{--components-form-maxWidth: 50rem}}@layer mods{.form-fieldset.mod-inline .form-field{display:inline-grid}.form-fieldset.mod-inline .form-field:not(:last-of-type){margin-inline-end:var(--pr-t-spacings-200)}.form-fieldset.mod-S .formLabel{--components-formLabel-font: var(--pr-t-font-body-S);--components-formLabel-help-fontSize: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-help-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-S-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-S-lineHeight)}.form-fieldset.mod-S .formLabel .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.form-fieldset.mod-S .formLabel .tag .lucca-icon{--icon-size: .75rem}.form-fieldset.mod-S .formLabel .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.form-fieldset.mod-S .textField{--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem;--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50))}.form-fieldset.mod-S .textField .textField-input-affix-toggle{--icon-size: 1.25rem}.form-fieldset.mod-S .textField .textField-input-affix-clear.clear,.form-fieldset.mod-S .textField .textField-input-affix-clear:not(.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 .textField .textField-prefix-lang:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-50))}.form-fieldset.mod-S .textField .textField-prefix-lang.mod-withCulture{--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-500) + var(--pr-t-spacings-50))}.form-fieldset.mod-S .textField .textField-prefix-lang.mod-withCulture:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}.form-fieldset.mod-S .radioField{--component-radioField-size: 1rem}.form-fieldset.mod-S .checkboxField{--component-checkboxField-size: 1rem;--component-checkboxField-borderRadius: var(--pr-t-border-radius-50);--component-checkboxField-icon-fontSize: var(--pr-t-font-body-XS-lineHeight);--component-checkboxField-label-fontSize: var(--pr-t-font-body-S-fontSize);--component-checkboxField-label-lineHeight: var(--pr-t-font-body-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-font: var(--pr-t-font-body-S)}.form-fieldset.mod-S .simpleSelect{--components-simpleSelect-font: var(--pr-t-font-body-S);--components-simpleSelect-padding: var(--pr-t-spacings-75);--components-simpleSelect-gap: var(--pr-t-spacings-75)}.form-fieldset.mod-S .simpleSelect .simpleSelect-field-icon .lucca-icon{--icon-size: 1.25rem}.form-fieldset.mod-S .simpleSelect .simpleSelect-field-clear.clear,.form-fieldset.mod-S .simpleSelect .simpleSelect-field-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .multiSelect{--components-multiSelect-font: var(--pr-t-font-body-S);--components-multiSelect-padding: var(--pr-t-spacings-75);--components-multiSelect-gap: var(--pr-t-spacings-75)}.form-fieldset.mod-S .multiSelect .multipleSelect-arrow,.form-fieldset.mod-S .multiSelect .multipleSelect-searchIcon{--icon-size: 1.25rem}.form-fieldset.mod-S .multiSelect .multipleSelect-clear.clear,.form-fieldset.mod-S .multiSelect .multipleSelect-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-chip.chip,.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-chip:not(.chip){--components-chip-font: var(--pr-t-font-body-XS);--components-chip-borderRadius: var(--pr-t-border-radius-small)}.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-chip.chip .lucca-icon,.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-chip:not(.chip) .lucca-icon{--icon-size: .75rem}.form-fieldset.mod-S .timePicker{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-input-padding-block: var(--pr-t-spacings-25);--components-timepicker-input-height: 1.75rem;--components-timepicker-separator-left: 1.875rem;--components-timepicker-start: var(--pr-t-spacings-25);--components-timepicker-end: var(--pr-t-spacings-75)}.form-fieldset.mod-S .timePicker .timePicker-arrow-icon .lucca-icon{--icon-size: 1rem}.form-fieldset.mod-S .timePicker .timePicker-fieldset-group{--components-timepicker-input-padding-inline: var(--components-timepicker-start) var(--components-timepicker-end);--components-timepicker-display-inset-inline: var(--components-timepicker-input-padding-inline)}.form-fieldset.mod-S .timePicker .timePicker-fieldset-group~.timePicker-fieldset-group{--components-timepicker-input-padding-inline: var(--components-timepicker-end) var(--components-timepicker-start)}.form-fieldset.mod-S .timePicker .timePicker-fieldset-meridiem{inline-size:calc(var(--pr-t-spacings-50) + 2ch)}.form-fieldset.mod-S .timePicker .timePicker-fieldset-meridiem:after{inset-inline:var(--pr-t-spacings-25)}.form-fieldset.mod-S .color{--components-color-value-inlineSize: var(--pr-t-spacings-250)}.form-fieldset:has(~.box) .form-field.mod-withArrow{padding-block-end:var(--pr-t-spacings-200);margin-block-end:0}.form-fieldset:has(~.box) .form-field.mod-withArrow .form-field-arrow{--components-box-arrow-background: var(--pr-t-elevation-surface-raised);--components-box-arrow-left: 0;--components-box-arrow-bottom: 0;background-color:var(--components-box-arrow-background);margin-block:0;margin-inline:var(--pr-t-spacings-50);inline-size:12px;block-size: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;inset-block-end:var(--components-box-arrow-bottom);inset-inline-start:var(--components-box-arrow-left)}.form-fieldset:has(~.box) .form-field.mod-withArrow .form-field-arrow.mod-neutral{--components-box-arrow-background: var(--palettes-neutral-25)}.form-fieldset:has(~.box) .form-field.mod-withArrow:has(.switchField) .form-field-arrow{--components-box-arrow-left: 8px}.form-fieldset:has(~.box) .form-field.mod-withArrow:not(:has(:checked)) .form-field-arrow{display:none}.form-fieldset:has(~.box) .form-field.mod-withArrow.mod-S{padding-block-end:var(--pr-t-spacings-100)}.form-fieldset:has(~.box) .form-field.mod-withArrow.mod-S .form-field-arrow{--components-box-arrow-left: -2px;--components-box-arrow-bottom: -2px}.form-fieldset:has(~.box) .form-field.mod-withArrow.mod-S:has(.switchField) .form-field-arrow{--components-box-arrow-left: 4px;--components-box-arrow-bottom: -2px}.form-fieldset:has(.radioField-input[aria-invalid=true]) legend.formLabel,.form-fieldset:has(.checkboxField-input[aria-invalid=true]) legend.formLabel{--components-formLabel-color: var(--palettes-error-700);--components-formLabel-info-color: inherit}.form-field.mod-S .formLabel{--components-formLabel-font: var(--pr-t-font-body-S);--components-formLabel-help-fontSize: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-help-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-S-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-S-lineHeight)}.form-field.mod-S .formLabel .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.form-field.mod-S .formLabel .tag .lucca-icon{--icon-size: .75rem}.form-field.mod-S .formLabel .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.form-field.mod-S .textField{--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem;--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-50))}.form-field.mod-S .textField .textField-input-affix-toggle{--icon-size: 1.25rem}.form-field.mod-S .textField .textField-input-affix-clear.clear,.form-field.mod-S .textField .textField-input-affix-clear:not(.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 .textField .textField-prefix-lang:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-50))}.form-field.mod-S .textField .textField-prefix-lang.mod-withCulture{--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-500) + var(--pr-t-spacings-50))}.form-field.mod-S .textField .textField-prefix-lang.mod-withCulture:has(.formLabel-required){--component-textField-prefix-lang-minInlineSize: calc(var(--pr-t-spacings-600) + var(--pr-t-spacings-50))}.form-field.mod-S .radioField{--component-radioField-size: 1rem}.form-field.mod-S .checkboxField{--component-checkboxField-size: 1rem;--component-checkboxField-borderRadius: var(--pr-t-border-radius-50);--component-checkboxField-icon-fontSize: var(--pr-t-font-body-XS-lineHeight);--component-checkboxField-label-fontSize: var(--pr-t-font-body-S-fontSize);--component-checkboxField-label-lineHeight: var(--pr-t-font-body-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-font: var(--pr-t-font-body-S)}.form-field.mod-S .simpleSelect{--components-simpleSelect-font: var(--pr-t-font-body-S);--components-simpleSelect-padding: var(--pr-t-spacings-75);--components-simpleSelect-gap: var(--pr-t-spacings-75)}.form-field.mod-S .simpleSelect .simpleSelect-field-icon .lucca-icon{--icon-size: 1.25rem}.form-field.mod-S .simpleSelect .simpleSelect-field-clear.clear,.form-field.mod-S .simpleSelect .simpleSelect-field-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .multiSelect{--components-multiSelect-font: var(--pr-t-font-body-S);--components-multiSelect-padding: var(--pr-t-spacings-75);--components-multiSelect-gap: var(--pr-t-spacings-75)}.form-field.mod-S .multiSelect .multipleSelect-arrow,.form-field.mod-S .multiSelect .multipleSelect-searchIcon{--icon-size: 1.25rem}.form-field.mod-S .multiSelect .multipleSelect-clear.clear,.form-field.mod-S .multiSelect .multipleSelect-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .multiSelect .multipleSelect-displayer-chip.chip,.form-field.mod-S .multiSelect .multipleSelect-displayer-chip:not(.chip){--components-chip-font: var(--pr-t-font-body-XS);--components-chip-borderRadius: var(--pr-t-border-radius-small)}.form-field.mod-S .multiSelect .multipleSelect-displayer-chip.chip .lucca-icon,.form-field.mod-S .multiSelect .multipleSelect-displayer-chip:not(.chip) .lucca-icon{--icon-size: .75rem}.form-field.mod-S .timePicker{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-input-padding-block: var(--pr-t-spacings-25);--components-timepicker-input-height: 1.75rem;--components-timepicker-separator-left: 1.875rem;--components-timepicker-start: var(--pr-t-spacings-25);--components-timepicker-end: var(--pr-t-spacings-75)}.form-field.mod-S .timePicker .timePicker-arrow-icon .lucca-icon{--icon-size: 1rem}.form-field.mod-S .timePicker .timePicker-fieldset-group{--components-timepicker-input-padding-inline: var(--components-timepicker-start) var(--components-timepicker-end);--components-timepicker-display-inset-inline: var(--components-timepicker-input-padding-inline)}.form-field.mod-S .timePicker .timePicker-fieldset-group~.timePicker-fieldset-group{--components-timepicker-input-padding-inline: var(--components-timepicker-end) var(--components-timepicker-start)}.form-field.mod-S .timePicker .timePicker-fieldset-meridiem{inline-size:calc(var(--pr-t-spacings-50) + 2ch)}.form-field.mod-S .timePicker .timePicker-fieldset-meridiem:after{inset-inline:var(--pr-t-spacings-25)}.form-field.mod-S .color{--components-color-value-inlineSize: var(--pr-t-spacings-250)}.form-field.mod-XS .formLabel{--components-formLabel-font: var(--pr-t-font-body-XS);--components-formLabel-help-fontSize: .75rem;--components-formLabel-help-lineHeight: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-XS-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.form-field.mod-XS .formLabel .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.form-field.mod-XS .formLabel .tag .lucca-icon{--icon-size: .75rem}.form-field.mod-XS .formLabel .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.form-field.mod-XS .textField{--component-textField-font: var(--pr-t-font-body-XS);--component-textField-padding: var(--pr-t-spacings-50);--component-textField-borderRadius: var(--pr-t-border-radius-small)}.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.clear,.form-field.mod-XS .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-XS .inlineMessage{--components-inlineMessage-font: var(--pr-t-font-body-XS)}.form-field.mod-XS .inlineMessage .inlineMessage-statusIcon,.form-field.mod-XS .inlineMessage>.lucca-icon:first-child{--icon-size: .75rem}.form-field.mod-XS .simpleSelect{--components-simpleSelect-font: var(--pr-t-font-body-XS);--components-simpleSelect-padding: var(--pr-t-spacings-50);--components-simpleSelect-gap: var(--pr-t-spacings-50)}.form-field.mod-XS .simpleSelect .simpleSelect-field-icon .lucca-icon{--icon-size: 1rem}.form-field.mod-XS .simpleSelect .simpleSelect-field-clear.clear,.form-field.mod-XS .simpleSelect .simpleSelect-field-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-width20{--components-form-field-width: 10rem}.form-field.mod-width30{--components-form-field-width: 15rem}.form-field.mod-width40{--components-form-field-width: 20rem}.form-field.mod-width50{--components-form-field-width: 25rem}.form-field.mod-width60{--components-form-field-width: 30rem}.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{inset-block-start:var(--component-checkboxField-top)}.form-field.mod-checkable .radioField,.form-field:has(.radioField) .radioField,.form-field:has(.checkboxField) .radioField,.form-field:has(.switchField) .radioField{inset-block-start:var(--component-radioField-top)}.form-field:not(lu-form-field):has(.textField-input-value[aria-invalid=true],.timePicker-fieldset-group-textfield-input[aria-invalid=true],.simpleSelect-field-input[aria-invalid=true],.multipleSelect-displayer-search[aria-invalid=true]) .formLabel{--components-formLabel-color: var(--palettes-error-700);--components-formLabel-info-color: inherit}.form-field:not(lu-form-field):has(.textField-input-value[aria-invalid=true],.timePicker-fieldset-group-textfield-input[aria-invalid=true],.simpleSelect-field-input[aria-invalid=true],.multipleSelect-displayer-search[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:not(lu-form-field):has(.textField-input-value[aria-invalid=true],.timePicker-fieldset-group-textfield-input[aria-invalid=true],.simpleSelect-field-input[aria-invalid=true],.multipleSelect-displayer-search[aria-invalid=true]) .inlineMessage .inlineMessage-statusIcon:before,.form-field:not(lu-form-field):has(.textField-input-value[aria-invalid=true],.timePicker-fieldset-group-textfield-input[aria-invalid=true],.simpleSelect-field-input[aria-invalid=true],.multipleSelect-displayer-search[aria-invalid=true]) .inlineMessage>.lucca-icon:first-child:before{content:\"\\e92c\"/\"\"}.form-field:has(.radioField-input:disabled) .formLabel,.form-field:has(.checkboxField-input:disabled) .formLabel,.form-field:has(.switchField-input:disabled) .formLabel{--components-formLabel-color: var(--pr-t-color-input-text-disabled);--components-formLabel-cursor: default}.form-field:has(.radioField-input:disabled) .inlineMessage,.form-field:has(.checkboxField-input:disabled) .inlineMessage,.form-field:has(.switchField-input:disabled) .inlineMessage{--components-inlineMessage-icon-color: var(--pr-t-color-input-text-disabled);--components-inlineMessage-color: var(--pr-t-color-input-text-disabled)}.form-field:has(.radioField-input:disabled) .formLabel-tag,.form-field:has(.radioField-input:disabled) .formLabel-tag .tag,.form-field:has(.checkboxField-input:disabled) .formLabel-tag,.form-field:has(.checkboxField-input:disabled) .formLabel-tag .tag,.form-field:has(.switchField-input:disabled) .formLabel-tag,.form-field:has(.switchField-input:disabled) .formLabel-tag .tag{--components-tag-background: var(--commons-disabled-background);--components-tag-color: var(--commons-disabled-color)}.form-field.mod-withArrow{padding-block-end:var(--pr-t-spacings-200);margin-block-end:0}.form-field.mod-withArrow .form-field-arrow{--components-box-arrow-background: var(--pr-t-elevation-surface-raised);--components-box-arrow-left: 0;--components-box-arrow-bottom: 0;background-color:var(--components-box-arrow-background);margin-block:0;margin-inline:var(--pr-t-spacings-50);inline-size:12px;block-size: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;inset-block-end:var(--components-box-arrow-bottom);inset-inline-start:var(--components-box-arrow-left)}.form-field.mod-withArrow .form-field-arrow.mod-neutral{--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-block-end: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:has(.checkboxField-input):has(.formLabel.pr-u-mask):not(:has(.inlineMessage)){gap:0}}@layer components{.form{--components-form-maxWidth: none;--components-form-group-margin-bottom: 1.2rem;--components-form-field-margin-bottom: var(--pr-t-spacings-200);--components-form-field-width: auto;--components-form-label-font-size: var(--pr-t-font-body-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: 80vb;--components-field-framed-title-font-size: 1.125rem;--components-field-framed-title-line-height: var(--pr-t-font-body-M-lineHeight);--components-field-framed-suffix-padding-right: var(--pr-t-spacings-600)}}@layer components{.form-group{--components-form-maxWidth: none;--components-form-group-margin-bottom: 1.2rem;--components-form-field-margin-bottom: var(--pr-t-spacings-200);--components-form-field-width: auto;--components-form-label-font-size: var(--pr-t-font-body-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: 80vb;--components-field-framed-title-font-size: 1.125rem;--components-field-framed-title-line-height: var(--pr-t-font-body-M-lineHeight);--components-field-framed-suffix-padding-right: var(--pr-t-spacings-600);padding:0;border:0;margin-block:0 var(--components-form-group-margin-bottom);margin-inline:0;position:relative}.form-header{display:block;margin-block-end:var(--pr-t-spacings-300)}.form-header-title{font:var(--pr-t-font-heading-2)}.form-header-mandatory{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight);color:var(--palettes-neutral-700)}.form-header-mandatory-asterisk{color:var(--palettes-error-700)}.form-field{position:relative;display:flex;flex-direction:column;gap:var(--pr-t-spacings-50);inline-size:var(--components-form-field-width);max-inline-size:100%}.form-field .formLabel{--components-formLabel-cursor: pointer}.form-field-contentOptional{display:flex;gap:var(--pr-t-spacings-100);align-items:center}.form-field-contentOptional>:first-child{flex-grow:1}.form-group-label,.form-group-legend,.form-group-title{display:block;font-weight:var(--pr-t-font-fontWeight-semibold);font-size:var(--components-form-label-font-size);margin:0;padding-block:0 var(--components-form-label-margin-bottom);padding-inline:0;inline-size:100%;text-align:start}.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-block-end:var(--pr-t-spacings-50)}.form-actions{text-align:end}.form .textfield,.form .radiosfield,.form .checkboxesfield,.form .checkbox.mod-field{margin-block-end: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-inline-start:.2em;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-inline-start:.2em;content:\"*\"/\"\"}.option-additional{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle)}}@layer mods{.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(--palettes-neutral-0)!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(--palettes-neutral-0);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;inset-block-end:0;inset-inline-end:0;z-index:10;padding-block:var(--components-field-framed-label-top-offset) var(--components-field-framed-bottom-padding);padding-inline:var(--components-field-framed-side-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{inset-block:0 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-inline-start:.2em;content:\"*\"/\"\"}.checkboxesfield.mod-framed,.radiosfield.mod-framed,.form.mod-framed .fieldsetWrapper{background-color:var(--palettes-neutral-0);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-block-end: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:\"\\a0\"/\"\";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(--palettes-neutral-0);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-block-start:var(--components-field-framed-side-padding);margin-block-end:0;padding-block:0 var(--components-field-framed-bottom-padding);padding-inline:var(--components-field-framed-side-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:\"\";inline-size:1.5rem;block-size:1.5rem;border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);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-block-start-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{inset-block:var(--components-field-framed-side-padding) auto!important;inset-inline:auto var(--components-field-framed-side-padding)!important}.checkboxesfield.mod-framed,.radiosfield.mod-framed{margin-block-start:0;padding-block:var(--components-field-framed-side-padding) var(--components-field-framed-bottom-padding);padding-inline:var(--components-field-framed-side-padding)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: FormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'form[luForm]', template: '<ng-content />', encapsulation: ViewEncapsulation.None, host: {
                         class: 'form',

package/fesm2022/lucca-front-ng-formly.mjs

@@ -37,10 +37,10 @@ class LuFormlyFieldApi extends FieldType {
     blur() {
         this.props['_isFocused'] = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyFieldApi, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: LuFormlyFieldApi, isStandalone: true, selector: "lu-formly-field-api", usesInheritance: true, ngImport: i0, template: "<lu-api-select\n\tclass=\"textfield-input\"\n\t[formControl]=\"formControl\"\n\t[formlyAttributes]=\"field\"\n\t[multiple]=\"props['multiple']\"\n\t(focus)=\"focus()\"\n\t(blur)=\"blur()\"\n\t[placeholder]=\"props.placeholder ?? ''\"\n\t[api]=\"_api\"\n\t[filters]=\"_filters\"\n\t[orderBy]=\"_orderBy\"\n\t[sort]=\"_sort\"\n\t[standard]=\"_standard\"\n/>\n<span [attr.for]=\"id\" class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n", "@layer mods{:host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: LuApiSelectInputComponent, selector: "lu-api-select", inputs: ["standard", "api", "fields", "filters", "orderBy", "sort"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyFieldApi, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: LuFormlyFieldApi, isStandalone: true, selector: "lu-formly-field-api", usesInheritance: true, ngImport: i0, template: "<lu-api-select\n\tclass=\"textfield-input\"\n\t[formControl]=\"formControl\"\n\t[formlyAttributes]=\"field\"\n\t[multiple]=\"props['multiple']\"\n\t(focus)=\"focus()\"\n\t(blur)=\"blur()\"\n\t[placeholder]=\"props.placeholder ?? ''\"\n\t[api]=\"_api\"\n\t[filters]=\"_filters\"\n\t[orderBy]=\"_orderBy\"\n\t[sort]=\"_sort\"\n\t[standard]=\"_standard\"\n/>\n<span [attr.for]=\"id\" class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n", "@layer mods{:host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: LuApiSelectInputComponent, selector: "lu-api-select", inputs: ["standard", "api", "fields", "filters", "orderBy", "sort"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyFieldApi, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyFieldApi, decorators: [{
             type: Component,
             args: [{ selector: 'lu-formly-field-api', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, FormlyModule, LuApiSelectInputComponent], template: "<lu-api-select\n\tclass=\"textfield-input\"\n\t[formControl]=\"formControl\"\n\t[formlyAttributes]=\"field\"\n\t[multiple]=\"props['multiple']\"\n\t(focus)=\"focus()\"\n\t(blur)=\"blur()\"\n\t[placeholder]=\"props.placeholder ?? ''\"\n\t[api]=\"_api\"\n\t[filters]=\"_filters\"\n\t[orderBy]=\"_orderBy\"\n\t[sort]=\"_sort\"\n\t[standard]=\"_standard\"\n/>\n<span [attr.for]=\"id\" class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n", "@layer mods{:host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}}\n"] }]
         }] });
@@ -52,10 +52,10 @@ class LuFormlyFieldCheckbox extends FieldType {
     blur() {
         this.props['_isFocused'] = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyFieldCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: LuFormlyFieldCheckbox, isStandalone: true, selector: "lu-formly-field-checkbox", usesInheritance: true, ngImport: i0, template: "<label class=\"checkbox\" [class]=\"props['mod']\">\n\t<input\n\t\tclass=\"checkbox-input\"\n\t\ttype=\"checkbox\"\n\t\t[name]=\"props['name']\"\n\t\t[id]=\"id\"\n\t\t[formControl]=\"formControl\"\n\t\t[formlyAttributes]=\"field\"\n\t\t(focus)=\"focus()\"\n\t\t(blur)=\"blur()\"\n\t/>\n\t<span class=\"checkbox-label\">{{ props.label }}</span>\n</label>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyFieldCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: LuFormlyFieldCheckbox, isStandalone: true, selector: "lu-formly-field-checkbox", usesInheritance: true, ngImport: i0, template: "<label class=\"checkbox\" [class]=\"props['mod']\">\n\t<input\n\t\tclass=\"checkbox-input\"\n\t\ttype=\"checkbox\"\n\t\t[name]=\"props['name']\"\n\t\t[id]=\"id\"\n\t\t[formControl]=\"formControl\"\n\t\t[formlyAttributes]=\"field\"\n\t\t(focus)=\"focus()\"\n\t\t(blur)=\"blur()\"\n\t/>\n\t<span class=\"checkbox-label\">{{ props.label }}</span>\n</label>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyFieldCheckbox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyFieldCheckbox, decorators: [{
             type: Component,
             args: [{ selector: 'lu-formly-field-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, FormlyModule], template: "<label class=\"checkbox\" [class]=\"props['mod']\">\n\t<input\n\t\tclass=\"checkbox-input\"\n\t\ttype=\"checkbox\"\n\t\t[name]=\"props['name']\"\n\t\t[id]=\"id\"\n\t\t[formControl]=\"formControl\"\n\t\t[formlyAttributes]=\"field\"\n\t\t(focus)=\"focus()\"\n\t\t(blur)=\"blur()\"\n\t/>\n\t<span class=\"checkbox-label\">{{ props.label }}</span>\n</label>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n"] }]
         }] });
@@ -67,10 +67,10 @@ class LuFormlyFieldDate extends FieldType {
     blur() {
         this.props['_isFocused'] = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyFieldDate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: LuFormlyFieldDate, isStandalone: true, selector: "lu-formly-field-date", usesInheritance: true, ngImport: i0, template: "<lu-date-select\n\tclass=\"textfield-input\"\n\t[formControl]=\"formControl\"\n\t[formlyAttributes]=\"field\"\n\t(focus)=\"focus()\"\n\t(blur)=\"blur()\"\n\t[placeholder]=\"props.placeholder ?? ''\"\n\t[min]=\"props.min\"\n\t[max]=\"props.max\"\n/>\n<span class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n", "@layer mods{:host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: LuDateSelectInputComponent, selector: "lu-date-select", inputs: ["min", "max", "granularity", "hideClearer", "startOn"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyFieldDate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: LuFormlyFieldDate, isStandalone: true, selector: "lu-formly-field-date", usesInheritance: true, ngImport: i0, template: "<lu-date-select\n\tclass=\"textfield-input\"\n\t[formControl]=\"formControl\"\n\t[formlyAttributes]=\"field\"\n\t(focus)=\"focus()\"\n\t(blur)=\"blur()\"\n\t[placeholder]=\"props.placeholder ?? ''\"\n\t[min]=\"props.min\"\n\t[max]=\"props.max\"\n/>\n<span class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n", "@layer mods{:host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: LuDateSelectInputComponent, selector: "lu-date-select", inputs: ["min", "max", "granularity", "hideClearer", "startOn"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyFieldDate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyFieldDate, decorators: [{
             type: Component,
             args: [{ selector: 'lu-formly-field-date', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, FormlyModule, LuDateSelectInputComponent], template: "<lu-date-select\n\tclass=\"textfield-input\"\n\t[formControl]=\"formControl\"\n\t[formlyAttributes]=\"field\"\n\t(focus)=\"focus()\"\n\t(blur)=\"blur()\"\n\t[placeholder]=\"props.placeholder ?? ''\"\n\t[min]=\"props.min\"\n\t[max]=\"props.max\"\n/>\n<span class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n", "@layer mods{:host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}}\n"] }]
         }] });
@@ -82,10 +82,10 @@ class LuFormlyFieldDepartment extends FieldType {
     blur() {
         this.props['_isFocused'] = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyFieldDepartment, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: LuFormlyFieldDepartment, isStandalone: true, selector: "lu-formly-field-department", usesInheritance: true, ngImport: i0, template: "<lu-department-select\n\tclass=\"textfield-input\"\n\t[formControl]=\"formControl\"\n\t[formlyAttributes]=\"field\"\n\t[multiple]=\"props['multiple']\"\n\t(focus)=\"focus()\"\n\t(blur)=\"blur()\"\n\t[placeholder]=\"props.placeholder ?? ''\"\n\t[filters]=\"props['filters']\"\n\t[appInstanceId]=\"props['appInstanceId']\"\n\t[operations]=\"props['operations']\"\n/>\n<span class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n", "@layer mods{:host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: LuDepartmentSelectInputComponent, selector: "lu-department-select", inputs: ["appInstanceId", "operations", "filters", "uniqueOperation", "intl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyFieldDepartment, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: LuFormlyFieldDepartment, isStandalone: true, selector: "lu-formly-field-department", usesInheritance: true, ngImport: i0, template: "<lu-department-select\n\tclass=\"textfield-input\"\n\t[formControl]=\"formControl\"\n\t[formlyAttributes]=\"field\"\n\t[multiple]=\"props['multiple']\"\n\t(focus)=\"focus()\"\n\t(blur)=\"blur()\"\n\t[placeholder]=\"props.placeholder ?? ''\"\n\t[filters]=\"props['filters']\"\n\t[appInstanceId]=\"props['appInstanceId']\"\n\t[operations]=\"props['operations']\"\n/>\n<span class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n", "@layer mods{:host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: LuDepartmentSelectInputComponent, selector: "lu-department-select", inputs: ["appInstanceId", "operations", "filters", "uniqueOperation", "intl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyFieldDepartment, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyFieldDepartment, decorators: [{
             type: Component,
             args: [{ selector: 'lu-formly-field-department', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, FormlyModule, LuDepartmentSelectInputComponent], template: "<lu-department-select\n\tclass=\"textfield-input\"\n\t[formControl]=\"formControl\"\n\t[formlyAttributes]=\"field\"\n\t[multiple]=\"props['multiple']\"\n\t(focus)=\"focus()\"\n\t(blur)=\"blur()\"\n\t[placeholder]=\"props.placeholder ?? ''\"\n\t[filters]=\"props['filters']\"\n\t[appInstanceId]=\"props['appInstanceId']\"\n\t[operations]=\"props['operations']\"\n/>\n<span class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n", "@layer mods{:host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}}\n"] }]
         }] });
@@ -97,10 +97,10 @@ class LuFormlyFieldEstablishment extends FieldType {
     blur() {
         this.props['_isFocused'] = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyFieldEstablishment, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: LuFormlyFieldEstablishment, isStandalone: true, selector: "lu-formly-field-establishment", usesInheritance: true, ngImport: i0, template: "<lu-establishment-select\n\tclass=\"textfield-input\"\n\t[formControl]=\"formControl\"\n\t[formlyAttributes]=\"field\"\n\t[multiple]=\"props['multiple']\"\n\t(focus)=\"focus()\"\n\t(blur)=\"blur()\"\n\t[placeholder]=\"props.placeholder ?? ''\"\n\t[filters]=\"props['filters']\"\n\t[appInstanceId]=\"props['appInstanceId']\"\n\t[operations]=\"props['operations']\"\n/>\n<span class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n", "@layer mods{:host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: LuEstablishmentSelectInputComponent, selector: "lu-establishment-select", inputs: ["filters", "appInstanceId", "operations", "intl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyFieldEstablishment, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: LuFormlyFieldEstablishment, isStandalone: true, selector: "lu-formly-field-establishment", usesInheritance: true, ngImport: i0, template: "<lu-establishment-select\n\tclass=\"textfield-input\"\n\t[formControl]=\"formControl\"\n\t[formlyAttributes]=\"field\"\n\t[multiple]=\"props['multiple']\"\n\t(focus)=\"focus()\"\n\t(blur)=\"blur()\"\n\t[placeholder]=\"props.placeholder ?? ''\"\n\t[filters]=\"props['filters']\"\n\t[appInstanceId]=\"props['appInstanceId']\"\n\t[operations]=\"props['operations']\"\n/>\n<span class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n", "@layer mods{:host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: LuEstablishmentSelectInputComponent, selector: "lu-establishment-select", inputs: ["filters", "appInstanceId", "operations", "intl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyFieldEstablishment, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyFieldEstablishment, decorators: [{
             type: Component,
             args: [{ selector: 'lu-formly-field-establishment', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, FormlyModule, LuEstablishmentSelectInputComponent], template: "<lu-establishment-select\n\tclass=\"textfield-input\"\n\t[formControl]=\"formControl\"\n\t[formlyAttributes]=\"field\"\n\t[multiple]=\"props['multiple']\"\n\t(focus)=\"focus()\"\n\t(blur)=\"blur()\"\n\t[placeholder]=\"props.placeholder ?? ''\"\n\t[filters]=\"props['filters']\"\n\t[appInstanceId]=\"props['appInstanceId']\"\n\t[operations]=\"props['operations']\"\n/>\n<span class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n", "@layer mods{:host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}}\n"] }]
         }] });
@@ -115,10 +115,10 @@ class LuFormlyFieldInput extends FieldType {
     blur() {
         this.props['_isFocused'] = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyFieldInput, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: LuFormlyFieldInput, isStandalone: true, selector: "lu-formly-field-input", usesInheritance: true, ngImport: i0, template: "@if (type === \"number\") {\n\t<!-- type=\"number\" has to be static in order to have NumberValueAccessor instead of DefaultValueAccessor -->\n\t<input\n\t\ttype=\"number\"\n\t\tclass=\"textfield-input\"\n\t\t[name]=\"props['name']\"\n\t\t[formControl]=\"formControl\"\n\t\t[formlyAttributes]=\"field\"\n\t\tluInput\n\t\t(focus)=\"focus()\"\n\t\t(blur)=\"blur()\"\n\t\t[placeholder]=\"props.placeholder\"\n\t/>\n} @else {\n\t<input\n\t\t[type]=\"type\"\n\t\tclass=\"textfield-input\"\n\t\t[name]=\"props['name']\"\n\t\t[formControl]=\"formControl\"\n\t\t[formlyAttributes]=\"field\"\n\t\tluInput\n\t\t(focus)=\"focus()\"\n\t\t(blur)=\"blur()\"\n\t\t[placeholder]=\"props.placeholder\"\n\t/>\n}\n\n<span class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number]:not([ngNoCva])[formControlName],input[type=number]:not([ngNoCva])[formControl],input[type=number]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "directive", type: LuInputDirective, selector: "[luInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyFieldInput, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: LuFormlyFieldInput, isStandalone: true, selector: "lu-formly-field-input", usesInheritance: true, ngImport: i0, template: "@if (type === \"number\") {\n\t<!-- type=\"number\" has to be static in order to have NumberValueAccessor instead of DefaultValueAccessor -->\n\t<input\n\t\ttype=\"number\"\n\t\tclass=\"textfield-input\"\n\t\t[name]=\"props['name']\"\n\t\t[formControl]=\"formControl\"\n\t\t[formlyAttributes]=\"field\"\n\t\tluInput\n\t\t(focus)=\"focus()\"\n\t\t(blur)=\"blur()\"\n\t\t[placeholder]=\"props.placeholder\"\n\t/>\n} @else {\n\t<input\n\t\t[type]=\"type\"\n\t\tclass=\"textfield-input\"\n\t\t[name]=\"props['name']\"\n\t\t[formControl]=\"formControl\"\n\t\t[formlyAttributes]=\"field\"\n\t\tluInput\n\t\t(focus)=\"focus()\"\n\t\t(blur)=\"blur()\"\n\t\t[placeholder]=\"props.placeholder\"\n\t/>\n}\n\n<span class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number]:not([ngNoCva])[formControlName],input[type=number]:not([ngNoCva])[formControl],input[type=number]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "directive", type: LuInputDirective, selector: "[luInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyFieldInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyFieldInput, decorators: [{
             type: Component,
             args: [{ selector: 'lu-formly-field-input', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, FormlyModule, LuInputDirective], template: "@if (type === \"number\") {\n\t<!-- type=\"number\" has to be static in order to have NumberValueAccessor instead of DefaultValueAccessor -->\n\t<input\n\t\ttype=\"number\"\n\t\tclass=\"textfield-input\"\n\t\t[name]=\"props['name']\"\n\t\t[formControl]=\"formControl\"\n\t\t[formlyAttributes]=\"field\"\n\t\tluInput\n\t\t(focus)=\"focus()\"\n\t\t(blur)=\"blur()\"\n\t\t[placeholder]=\"props.placeholder\"\n\t/>\n} @else {\n\t<input\n\t\t[type]=\"type\"\n\t\tclass=\"textfield-input\"\n\t\t[name]=\"props['name']\"\n\t\t[formControl]=\"formControl\"\n\t\t[formlyAttributes]=\"field\"\n\t\tluInput\n\t\t(focus)=\"focus()\"\n\t\t(blur)=\"blur()\"\n\t\t[placeholder]=\"props.placeholder\"\n\t/>\n}\n\n<span class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n"] }]
         }] });
@@ -133,10 +133,10 @@ class LuFormlyFieldRadios extends FieldType {
     blur() {
         this.props['_isFocused'] = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyFieldRadios, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: LuFormlyFieldRadios, isStandalone: true, selector: "lu-formly-field-radios", usesInheritance: true, ngImport: i0, template: "<legend class=\"radiosfield-label\">{{ props.label }}</legend>\n<div class=\"radiosfield-input\">\n\t@for (option of _options; track $index) {\n\t\t<label class=\"radio\">\n\t\t\t<input\n\t\t\t\tclass=\"radio-input\"\n\t\t\t\ttype=\"radio\"\n\t\t\t\t[name]=\"props['name']\"\n\t\t\t\t[value]=\"option.value\"\n\t\t\t\t[id]=\"id + '_' + $index\"\n\t\t\t\t[formControl]=\"formControl\"\n\t\t\t\t[formlyAttributes]=\"field\"\n\t\t\t/>\n\t\t\t<span class=\"radio-label\">{{ option.label }}</span>\n\t\t</label>\n\t}\n</div>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio]:not([ngNoCva])[formControlName],input[type=radio]:not([ngNoCva])[formControl],input[type=radio]:not([ngNoCva])[ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyFieldRadios, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: LuFormlyFieldRadios, isStandalone: true, selector: "lu-formly-field-radios", usesInheritance: true, ngImport: i0, template: "<legend class=\"radiosfield-label\">{{ props.label }}</legend>\n<div class=\"radiosfield-input\">\n\t@for (option of _options; track $index) {\n\t\t<label class=\"radio\">\n\t\t\t<input\n\t\t\t\tclass=\"radio-input\"\n\t\t\t\ttype=\"radio\"\n\t\t\t\t[name]=\"props['name']\"\n\t\t\t\t[value]=\"option.value\"\n\t\t\t\t[id]=\"id + '_' + $index\"\n\t\t\t\t[formControl]=\"formControl\"\n\t\t\t\t[formlyAttributes]=\"field\"\n\t\t\t/>\n\t\t\t<span class=\"radio-label\">{{ option.label }}</span>\n\t\t</label>\n\t}\n</div>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio]:not([ngNoCva])[formControlName],input[type=radio]:not([ngNoCva])[formControl],input[type=radio]:not([ngNoCva])[ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyFieldRadios, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyFieldRadios, decorators: [{
             type: Component,
             args: [{ selector: 'lu-formly-field-radios', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, FormlyModule], template: "<legend class=\"radiosfield-label\">{{ props.label }}</legend>\n<div class=\"radiosfield-input\">\n\t@for (option of _options; track $index) {\n\t\t<label class=\"radio\">\n\t\t\t<input\n\t\t\t\tclass=\"radio-input\"\n\t\t\t\ttype=\"radio\"\n\t\t\t\t[name]=\"props['name']\"\n\t\t\t\t[value]=\"option.value\"\n\t\t\t\t[id]=\"id + '_' + $index\"\n\t\t\t\t[formControl]=\"formControl\"\n\t\t\t\t[formlyAttributes]=\"field\"\n\t\t\t/>\n\t\t\t<span class=\"radio-label\">{{ option.label }}</span>\n\t\t</label>\n\t}\n</div>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n"] }]
         }] });
@@ -151,10 +151,10 @@ class LuFormlyFieldSelect extends FieldType {
     blur() {
         this.props['_isFocused'] = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyFieldSelect, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: LuFormlyFieldSelect, isStandalone: true, selector: "lu-formly-field-select", usesInheritance: true, ngImport: i0, template: "<lu-select\n\tclass=\"textfield-input\"\n\t[formControl]=\"formControl\"\n\t[formlyAttributes]=\"field\"\n\t(focus)=\"focus()\"\n\t(blur)=\"blur()\"\n\t[multiple]=\"props['multiple']\"\n\t[placeholder]=\"props.placeholder ?? ''\"\n>\n\t<ng-container *luDisplayer=\"let option\">\n\t\t<span [class.chip]=\"props['multiple']\" [class.mod-unkillable]=\"props['multiple']\"\n\t\t\t><span class=\"pr-u-ellipsis\">{{ option.name }}</span></span\n\t\t>\n\t</ng-container>\n\t<lu-option-picker>\n\t\t@for (option of _options; track $index) {\n\t\t\t<lu-option [value]=\"option\"> {{ option.name }} </lu-option>\n\t\t}\n\t</lu-option-picker>\n\t@if (!props.required && !props[\"multiple\"]) {\n\t\t<lu-clear />\n\t}\n</lu-select>\n<span class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n", "@layer mods{:host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: LuSelectInputComponent, selector: "lu-select" }, { kind: "ngmodule", type: LuOptionPickerModule }, { kind: "component", type: i3.LuOptionPickerComponent, selector: "lu-option-picker", exportAs: ["LuOptionPicker"] }, { kind: "component", type: i3.LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }, { kind: "directive", type: LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyFieldSelect, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: LuFormlyFieldSelect, isStandalone: true, selector: "lu-formly-field-select", usesInheritance: true, ngImport: i0, template: "<lu-select\n\tclass=\"textfield-input\"\n\t[formControl]=\"formControl\"\n\t[formlyAttributes]=\"field\"\n\t(focus)=\"focus()\"\n\t(blur)=\"blur()\"\n\t[multiple]=\"props['multiple']\"\n\t[placeholder]=\"props.placeholder ?? ''\"\n>\n\t<ng-container *luDisplayer=\"let option\">\n\t\t<span [class.chip]=\"props['multiple']\" [class.mod-unkillable]=\"props['multiple']\"\n\t\t\t><span class=\"pr-u-ellipsis\">{{ option.name }}</span></span\n\t\t>\n\t</ng-container>\n\t<lu-option-picker>\n\t\t@for (option of _options; track $index) {\n\t\t\t<lu-option [value]=\"option\"> {{ option.name }} </lu-option>\n\t\t}\n\t</lu-option-picker>\n\t@if (!props.required && !props[\"multiple\"]) {\n\t\t<lu-clear />\n\t}\n</lu-select>\n<span class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n", "@layer mods{:host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: LuSelectInputComponent, selector: "lu-select" }, { kind: "ngmodule", type: LuOptionPickerModule }, { kind: "component", type: i3.LuOptionPickerComponent, selector: "lu-option-picker", exportAs: ["LuOptionPicker"] }, { kind: "component", type: i3.LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }, { kind: "directive", type: LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyFieldSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyFieldSelect, decorators: [{
             type: Component,
             args: [{ selector: 'lu-formly-field-select', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ReactiveFormsModule, FormlyModule, LuSelectInputComponent, LuOptionPickerModule, LuInputDisplayerDirective, ClearComponent], template: "<lu-select\n\tclass=\"textfield-input\"\n\t[formControl]=\"formControl\"\n\t[formlyAttributes]=\"field\"\n\t(focus)=\"focus()\"\n\t(blur)=\"blur()\"\n\t[multiple]=\"props['multiple']\"\n\t[placeholder]=\"props.placeholder ?? ''\"\n>\n\t<ng-container *luDisplayer=\"let option\">\n\t\t<span [class.chip]=\"props['multiple']\" [class.mod-unkillable]=\"props['multiple']\"\n\t\t\t><span class=\"pr-u-ellipsis\">{{ option.name }}</span></span\n\t\t>\n\t</ng-container>\n\t<lu-option-picker>\n\t\t@for (option of _options; track $index) {\n\t\t\t<lu-option [value]=\"option\"> {{ option.name }} </lu-option>\n\t\t}\n\t</lu-option-picker>\n\t@if (!props.required && !props[\"multiple\"]) {\n\t\t<lu-clear />\n\t}\n</lu-select>\n<span class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n", "@layer mods{:host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}}\n"] }]
         }] });
@@ -166,10 +166,10 @@ class LuFormlyFieldTextarea extends FieldType {
     blur() {
         this.props['_isFocused'] = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyFieldTextarea, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: LuFormlyFieldTextarea, isStandalone: true, selector: "lu-formly-field-input", usesInheritance: true, ngImport: i0, template: "<textarea\n\tclass=\"textfield-input\"\n\t[name]=\"props['name']\"\n\t[formControl]=\"formControl\"\n\t[formlyAttributes]=\"field\"\n\tluInput\n\t(focus)=\"focus()\"\n\t(blur)=\"blur()\"\n\t[placeholder]=\"props.placeholder\"\n></textarea>\n<span class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "directive", type: LuInputDirective, selector: "[luInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyFieldTextarea, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: LuFormlyFieldTextarea, isStandalone: true, selector: "lu-formly-field-input", usesInheritance: true, ngImport: i0, template: "<textarea\n\tclass=\"textfield-input\"\n\t[name]=\"props['name']\"\n\t[formControl]=\"formControl\"\n\t[formlyAttributes]=\"field\"\n\tluInput\n\t(focus)=\"focus()\"\n\t(blur)=\"blur()\"\n\t[placeholder]=\"props.placeholder\"\n></textarea>\n<span class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "directive", type: LuInputDirective, selector: "[luInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyFieldTextarea, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyFieldTextarea, decorators: [{
             type: Component,
             args: [{ selector: 'lu-formly-field-input', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, FormlyModule, LuInputDirective], template: "<textarea\n\tclass=\"textfield-input\"\n\t[name]=\"props['name']\"\n\t[formControl]=\"formControl\"\n\t[formlyAttributes]=\"field\"\n\tluInput\n\t(focus)=\"focus()\"\n\t(blur)=\"blur()\"\n\t[placeholder]=\"props.placeholder\"\n></textarea>\n<span class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n"] }]
         }] });
@@ -181,10 +181,10 @@ class LuFormlyFieldUser extends FieldType {
     blur() {
         this.props['_isFocused'] = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyFieldUser, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: LuFormlyFieldUser, isStandalone: true, selector: "lu-formly-field-user", usesInheritance: true, ngImport: i0, template: "<lu-user-select\n\tclass=\"textfield-input\"\n\t[formControl]=\"formControl\"\n\t[formlyAttributes]=\"field\"\n\t[multiple]=\"props['multiple']\"\n\t(focus)=\"focus()\"\n\t(blur)=\"blur()\"\n\t[placeholder]=\"props.placeholder ?? ''\"\n/>\n<span class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n", "@layer mods{:host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: LuUserSelectInputComponent, selector: "lu-user-select", inputs: ["fields", "filters", "orderBy", "appInstanceId", "operations", "enableFormerEmployees", "disablePrincipal", "intl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyFieldUser, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: LuFormlyFieldUser, isStandalone: true, selector: "lu-formly-field-user", usesInheritance: true, ngImport: i0, template: "<lu-user-select\n\tclass=\"textfield-input\"\n\t[formControl]=\"formControl\"\n\t[formlyAttributes]=\"field\"\n\t[multiple]=\"props['multiple']\"\n\t(focus)=\"focus()\"\n\t(blur)=\"blur()\"\n\t[placeholder]=\"props.placeholder ?? ''\"\n/>\n<span class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n", "@layer mods{:host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: LuUserSelectInputComponent, selector: "lu-user-select", inputs: ["fields", "filters", "orderBy", "appInstanceId", "operations", "enableFormerEmployees", "disablePrincipal", "intl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyFieldUser, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyFieldUser, decorators: [{
             type: Component,
             args: [{ selector: 'lu-formly-field-user', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, FormlyModule, LuUserSelectInputComponent], template: "<lu-user-select\n\tclass=\"textfield-input\"\n\t[formControl]=\"formControl\"\n\t[formlyAttributes]=\"field\"\n\t[multiple]=\"props['multiple']\"\n\t(focus)=\"focus()\"\n\t(blur)=\"blur()\"\n\t[placeholder]=\"props.placeholder ?? ''\"\n/>\n<span class=\"textfield-label\">{{ props.label }}</span>\n", styles: ["@layer components{:host{inline-size:100%;display:inherit;align-items:inherit;flex-direction:inherit}}\n", "@layer mods{:host-context(.mod-framed) lu-select{display:block}:host-context(.mod-framed) lu-api-select{display:block}:host-context(.mod-framed) lu-user-select{display:block}:host-context(.mod-framed) lu-date-select{display:block}:host-context(.mod-framed) lu-department-select{display:block}}\n"] }]
         }] });
@@ -213,8 +213,8 @@ class LuFormlyErrorMessage {
         }
         return messages;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyErrorMessage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: LuFormlyErrorMessage, isStandalone: true, selector: "lu-formly-error-message", inputs: { formControl: "formControl", field: "field" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyErrorMessage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: LuFormlyErrorMessage, isStandalone: true, selector: "lu-formly-error-message", inputs: { formControl: "formControl", field: "field" }, ngImport: i0, template: `
 		@for (message of errorMessages; track $index) {
 			<div class="textfield-messages-error">
 				{{ message }}
@@ -222,7 +222,7 @@ class LuFormlyErrorMessage {
 		}
 	`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyErrorMessage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyErrorMessage, decorators: [{
             type: Component,
             args: [{
                     selector: 'lu-formly-error-message',
@@ -245,10 +245,10 @@ class LuFormlyWrapperError extends FieldWrapper {
     get validationId() {
         return this.field.id + '-message';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyWrapperError, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: LuFormlyWrapperError, isStandalone: true, selector: "lu-formly-wrapper-error", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container #fieldComponent />\n@if (formControl.touched && formControl.invalid) {\n\t<div class=\"textfield-messages\" [id]=\"validationId\">\n\t\t<lu-formly-error-message [formControl]=\"formControl\" [field]=\"field\" />\n\t</div>\n}\n", styles: ["@layer components{:host{display:inherit;flex-direction:inherit;flex:1 1 auto;inline-size:100%}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: LuFormlyErrorMessage, selector: "lu-formly-error-message", inputs: ["formControl", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyWrapperError, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: LuFormlyWrapperError, isStandalone: true, selector: "lu-formly-wrapper-error", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container #fieldComponent />\n@if (formControl.touched && formControl.invalid) {\n\t<div class=\"textfield-messages\" [id]=\"validationId\">\n\t\t<lu-formly-error-message [formControl]=\"formControl\" [field]=\"field\" />\n\t</div>\n}\n", styles: ["@layer components{:host{display:inherit;flex-direction:inherit;flex:1 1 auto;inline-size:100%}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: LuFormlyErrorMessage, selector: "lu-formly-error-message", inputs: ["formControl", "field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyWrapperError, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyWrapperError, decorators: [{
             type: Component,
             args: [{ selector: 'lu-formly-wrapper-error', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, LuFormlyErrorMessage], template: "<ng-container #fieldComponent />\n@if (formControl.touched && formControl.invalid) {\n\t<div class=\"textfield-messages\" [id]=\"validationId\">\n\t\t<lu-formly-error-message [formControl]=\"formControl\" [field]=\"field\" />\n\t</div>\n}\n", styles: ["@layer components{:host{display:inherit;flex-direction:inherit;flex:1 1 auto;inline-size:100%}}\n"] }]
         }], propDecorators: { fieldComponent: [{
@@ -259,10 +259,10 @@ const templateErrorExtension = buildAddWrapperExtension('error', (field) => !!fi
 
 // wrapper component
 class LuFormlyWrapperHelper extends FieldWrapper {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyWrapperHelper, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: LuFormlyWrapperHelper, isStandalone: true, selector: "lu-formly-wrapper-helper", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container #fieldComponent />\n<div class=\"textfield-messages mod-helper\">\n\t<div class=\"textfield-messages-helper\">{{ props[\"helper\"] }}</div>\n</div>\n", styles: ["@layer components{:host{display:inherit;flex-direction:inherit;flex:1 1 auto;inline-size:100%}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyWrapperHelper, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: LuFormlyWrapperHelper, isStandalone: true, selector: "lu-formly-wrapper-helper", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container #fieldComponent />\n<div class=\"textfield-messages mod-helper\">\n\t<div class=\"textfield-messages-helper\">{{ props[\"helper\"] }}</div>\n</div>\n", styles: ["@layer components{:host{display:inherit;flex-direction:inherit;flex:1 1 auto;inline-size:100%}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyWrapperHelper, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyWrapperHelper, decorators: [{
             type: Component,
             args: [{ selector: 'lu-formly-wrapper-helper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container #fieldComponent />\n<div class=\"textfield-messages mod-helper\">\n\t<div class=\"textfield-messages-helper\">{{ props[\"helper\"] }}</div>\n</div>\n", styles: ["@layer components{:host{display:inherit;flex-direction:inherit;flex:1 1 auto;inline-size:100%}}\n"] }]
         }], propDecorators: { fieldComponent: [{
@@ -273,10 +273,10 @@ const templateHelperExtension = buildAddWrapperExtension('helper', (field) => !!
 
 // wrapper component
 class LuFormlyWrapperIcon extends FieldWrapper {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyWrapperIcon, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: LuFormlyWrapperIcon, isStandalone: true, selector: "lu-formly-wrapper-suffix", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container #fieldComponent /><span aria-hidden=\"true\" class=\"textfield-suffix mod-icon lucca-icon\">{{ props[\"icon\"] }}</span>\n", styles: ["@layer components{:host{display:inherit;flex-direction:inherit;flex:1 1 auto;inline-size:100%}}\n", "@layer components{:host .textfield-suffix{pointer-events:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyWrapperIcon, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: LuFormlyWrapperIcon, isStandalone: true, selector: "lu-formly-wrapper-suffix", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container #fieldComponent /><span aria-hidden=\"true\" class=\"textfield-suffix mod-icon lucca-icon\">{{ props[\"icon\"] }}</span>\n", styles: ["@layer components{:host{display:inherit;flex-direction:inherit;flex:1 1 auto;inline-size:100%}}\n", "@layer components{:host .textfield-suffix{pointer-events:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyWrapperIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyWrapperIcon, decorators: [{
             type: Component,
             args: [{ selector: 'lu-formly-wrapper-suffix', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container #fieldComponent /><span aria-hidden=\"true\" class=\"textfield-suffix mod-icon lucca-icon\">{{ props[\"icon\"] }}</span>\n", styles: ["@layer components{:host{display:inherit;flex-direction:inherit;flex:1 1 auto;inline-size:100%}}\n", "@layer components{:host .textfield-suffix{pointer-events:none}}\n"] }]
         }], propDecorators: { fieldComponent: [{
@@ -299,10 +299,10 @@ class LuFormlyWrapperRadiosfieldLayout extends FieldWrapper {
     get isError() {
         return this.formControl.invalid && this.formControl.touched ? 'is-error' : '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyWrapperRadiosfieldLayout, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: LuFormlyWrapperRadiosfieldLayout, isStandalone: true, selector: "lu-formly-wrapper-radiosfield-layout", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldsetWrapper\">\n\t<fieldset class=\"radiosfield\" [class]=\"[mod, isRequired, isFocused, isError]\">\n\t\t<ng-container #fieldComponent />\n\t</fieldset>\n</div>\n", styles: ["@layer components{:host{display:inherit;flex-direction:inherit;flex:1 1 auto;inline-size:100%}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyWrapperRadiosfieldLayout, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: LuFormlyWrapperRadiosfieldLayout, isStandalone: true, selector: "lu-formly-wrapper-radiosfield-layout", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldsetWrapper\">\n\t<fieldset class=\"radiosfield\" [class]=\"[mod, isRequired, isFocused, isError]\">\n\t\t<ng-container #fieldComponent />\n\t</fieldset>\n</div>\n", styles: ["@layer components{:host{display:inherit;flex-direction:inherit;flex:1 1 auto;inline-size:100%}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyWrapperRadiosfieldLayout, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyWrapperRadiosfieldLayout, decorators: [{
             type: Component,
             args: [{ selector: 'lu-formly-wrapper-radiosfield-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fieldsetWrapper\">\n\t<fieldset class=\"radiosfield\" [class]=\"[mod, isRequired, isFocused, isError]\">\n\t\t<ng-container #fieldComponent />\n\t</fieldset>\n</div>\n", styles: ["@layer components{:host{display:inherit;flex-direction:inherit;flex:1 1 auto;inline-size:100%}}\n"] }]
         }], propDecorators: { fieldComponent: [{
@@ -312,10 +312,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
 
 // wrapper component
 class LuFormlyWrapperSuffix extends FieldWrapper {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyWrapperSuffix, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: LuFormlyWrapperSuffix, isStandalone: true, selector: "lu-formly-wrapper-suffix", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container #fieldComponent /><span class=\"textfield-suffix\">{{ props[\"suffix\"] }}</span>\n", styles: ["@layer components{:host{display:inherit;flex-direction:inherit;flex:1 1 auto;inline-size:100%}}\n", "@layer components{:host .textfield-suffix{pointer-events:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyWrapperSuffix, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: LuFormlyWrapperSuffix, isStandalone: true, selector: "lu-formly-wrapper-suffix", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container #fieldComponent /><span class=\"textfield-suffix\">{{ props[\"suffix\"] }}</span>\n", styles: ["@layer components{:host{display:inherit;flex-direction:inherit;flex:1 1 auto;inline-size:100%}}\n", "@layer components{:host .textfield-suffix{pointer-events:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyWrapperSuffix, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyWrapperSuffix, decorators: [{
             type: Component,
             args: [{ selector: 'lu-formly-wrapper-suffix', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container #fieldComponent /><span class=\"textfield-suffix\">{{ props[\"suffix\"] }}</span>\n", styles: ["@layer components{:host{display:inherit;flex-direction:inherit;flex:1 1 auto;inline-size:100%}}\n", "@layer components{:host .textfield-suffix{pointer-events:none}}\n"] }]
         }], propDecorators: { fieldComponent: [{
@@ -347,10 +347,10 @@ class LuFormlyWrapperTextfieldLayout extends FieldWrapper {
     get isError() {
         return this.formControl.invalid && this.formControl.touched ? 'is-error' : '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyWrapperTextfieldLayout, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: LuFormlyWrapperTextfieldLayout, isStandalone: true, selector: "lu-formly-wrapper-layout", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<label class=\"textfield\" [class]=\"[mod, modWithSuffix, modMultiline, isRequired, isFocused, isError, isDisabled]\">\n\t<ng-container #fieldComponent />\n</label>\n", styles: ["@layer components{:host{display:inherit;flex-direction:inherit;flex:1 1 auto;inline-size:100%}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyWrapperTextfieldLayout, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: LuFormlyWrapperTextfieldLayout, isStandalone: true, selector: "lu-formly-wrapper-layout", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<label class=\"textfield\" [class]=\"[mod, modWithSuffix, modMultiline, isRequired, isFocused, isError, isDisabled]\">\n\t<ng-container #fieldComponent />\n</label>\n", styles: ["@layer components{:host{display:inherit;flex-direction:inherit;flex:1 1 auto;inline-size:100%}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyWrapperTextfieldLayout, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyWrapperTextfieldLayout, decorators: [{
             type: Component,
             args: [{ selector: 'lu-formly-wrapper-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<label class=\"textfield\" [class]=\"[mod, modWithSuffix, modMultiline, isRequired, isFocused, isError, isDisabled]\">\n\t<ng-container #fieldComponent />\n</label>\n", styles: ["@layer components{:host{display:inherit;flex-direction:inherit;flex:1 1 auto;inline-size:100%}}\n"] }]
         }], propDecorators: { fieldComponent: [{
@@ -372,10 +372,10 @@ class LuFormlyWrapperCheckboxLayout extends FieldWrapper {
     get isError() {
         return this.formControl.invalid && this.formControl.touched ? 'is-error' : '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyWrapperCheckboxLayout, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.4", type: LuFormlyWrapperCheckboxLayout, isStandalone: true, selector: "lu-formly-wrapper-checkbox-layout", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldsetWrapper\">\n\t<fieldset class=\"checkboxesfield\" [class]=\"[mod, isRequired, isFocused, isError]\">\n\t\t<ng-container #fieldComponent />\n\t</fieldset>\n</div>\n", styles: ["@layer components{:host{display:inherit;flex-direction:inherit;flex:1 1 auto;inline-size:100%}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyWrapperCheckboxLayout, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: LuFormlyWrapperCheckboxLayout, isStandalone: true, selector: "lu-formly-wrapper-checkbox-layout", viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"fieldsetWrapper\">\n\t<fieldset class=\"checkboxesfield\" [class]=\"[mod, isRequired, isFocused, isError]\">\n\t\t<ng-container #fieldComponent />\n\t</fieldset>\n</div>\n", styles: ["@layer components{:host{display:inherit;flex-direction:inherit;flex:1 1 auto;inline-size:100%}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyWrapperCheckboxLayout, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyWrapperCheckboxLayout, decorators: [{
             type: Component,
             args: [{ selector: 'lu-formly-wrapper-checkbox-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fieldsetWrapper\">\n\t<fieldset class=\"checkboxesfield\" [class]=\"[mod, isRequired, isFocused, isError]\">\n\t\t<ng-container #fieldComponent />\n\t</fieldset>\n</div>\n", styles: ["@layer components{:host{display:inherit;flex-direction:inherit;flex:1 1 auto;inline-size:100%}}\n"] }]
         }], propDecorators: { fieldComponent: [{
@@ -462,11 +462,11 @@ function provideLuFormly() {
  * @deprecated use provideLuFormly() in a lazy loaded route (and stop using formly please)
  * */
 class LuFormlyModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyModule, providers: [provideLuFormly()] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyModule, providers: [provideLuFormly()] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuFormlyModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuFormlyModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [provideLuFormly()],