@lucca-front/ng 10.0.0-rc.3 → 10.0.0-rc.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/esm2020/api/lib/select/input/api-select-input.component.mjs +2 -2
  2. package/esm2020/date/lib/select/date-select-input.component.mjs +2 -2
  3. package/esm2020/department/lib/select/input/department-select-input.component.mjs +2 -2
  4. package/esm2020/establishment/lib/select/input/establishment-select-input.component.mjs +2 -2
  5. package/esm2020/input/lib/clearer/clearer.component.mjs +3 -3
  6. package/esm2020/option/lib/item/option-item.component.mjs +2 -2
  7. package/esm2020/option/lib/item/tree-option-item.component.mjs +2 -2
  8. package/esm2020/qualification/lib/select/input/qualification-select-input.component.mjs +2 -2
  9. package/esm2020/select/lib/input/select-input.component.mjs +2 -2
  10. package/esm2020/user/lib/select/input/user-select-input.component.mjs +2 -2
  11. package/fesm2015/lucca-front-ng-api.mjs +2 -2
  12. package/fesm2015/lucca-front-ng-date.mjs +2 -2
  13. package/fesm2015/lucca-front-ng-department.mjs +2 -2
  14. package/fesm2015/lucca-front-ng-establishment.mjs +2 -2
  15. package/fesm2015/lucca-front-ng-input.mjs +2 -2
  16. package/fesm2015/lucca-front-ng-input.mjs.map +1 -1
  17. package/fesm2015/lucca-front-ng-option.mjs +4 -4
  18. package/fesm2015/lucca-front-ng-qualification.mjs +2 -2
  19. package/fesm2015/lucca-front-ng-select.mjs +2 -2
  20. package/fesm2015/lucca-front-ng-user.mjs +2 -2
  21. package/fesm2020/lucca-front-ng-api.mjs +2 -2
  22. package/fesm2020/lucca-front-ng-date.mjs +2 -2
  23. package/fesm2020/lucca-front-ng-department.mjs +2 -2
  24. package/fesm2020/lucca-front-ng-establishment.mjs +2 -2
  25. package/fesm2020/lucca-front-ng-input.mjs +2 -2
  26. package/fesm2020/lucca-front-ng-input.mjs.map +1 -1
  27. package/fesm2020/lucca-front-ng-option.mjs +4 -4
  28. package/fesm2020/lucca-front-ng-qualification.mjs +2 -2
  29. package/fesm2020/lucca-front-ng-select.mjs +2 -2
  30. package/fesm2020/lucca-front-ng-user.mjs +2 -2
  31. package/material/style/components/_datepicker.scss +2 -2
  32. package/material/style/components/_dialog.scss +2 -1
  33. package/package.json +1 -1
  34. package/style/components/_input.scss +2 -2
  35. package/style/components/cdk/_overlay.scss +1 -1
  36. package/style/definitions/option/_option-item.scss +2 -2
  37. package/style/definitions/select/_select-input.scss +2 -2
@@ -25,7 +25,7 @@ LuApiSelectInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
25
25
  useExisting: forwardRef(() => LuApiSelectInputComponent),
26
26
  multi: true,
27
27
  },
28
- ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n<span [class.chip]=\"multiple\" *luDisplayer=\"let option\">{{ option.name }}</span>\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-api-paged-searcher\r\n\t\t\t[standard]=\"standard\"\r\n\t\t\t[api]=\"api\"\r\n\t\t\t[fields]=\"fields\"\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[orderBy]=\"orderBy\"\r\n\t\t\t[sort]=\"sort\"\r\n\t\t></lu-api-paged-searcher>\r\n\t</header>\r\n\t<lu-option *luForOptions=\"let option\" [value]=\"option\">{{ option.name }}</lu-option>\r\n</lu-option-picker-advanced>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}.lu-select-value{padding-right:2.5rem}\n"], components: [{ type: i2.LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { type: i3.LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { type: i4.LuApiPagedSearcherComponent, selector: "lu-api-paged-searcher", inputs: ["standard", "api", "fields", "filters", "orderBy", "sort", "debounceTime"] }, { type: i3.LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }], directives: [{ type: i2.LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { type: i3.LuForOptionsDirective, selector: "[luForOptions]", inputs: ["luForOptionsTrackBy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
28
+ ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n<span [class.chip]=\"multiple\" *luDisplayer=\"let option\">{{ option.name }}</span>\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-api-paged-searcher\r\n\t\t\t[standard]=\"standard\"\r\n\t\t\t[api]=\"api\"\r\n\t\t\t[fields]=\"fields\"\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[orderBy]=\"orderBy\"\r\n\t\t\t[sort]=\"sort\"\r\n\t\t></lu-api-paged-searcher>\r\n\t</header>\r\n\t<lu-option *luForOptions=\"let option\" [value]=\"option\">{{ option.name }}</lu-option>\r\n</lu-option-picker-advanced>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}@supports (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"}}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}.lu-select-value{padding-right:2.5rem}\n"], components: [{ type: i2.LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { type: i3.LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { type: i4.LuApiPagedSearcherComponent, selector: "lu-api-paged-searcher", inputs: ["standard", "api", "fields", "filters", "orderBy", "sort", "debounceTime"] }, { type: i3.LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }], directives: [{ type: i2.LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { type: i3.LuForOptionsDirective, selector: "[luForOptions]", inputs: ["luForOptionsTrackBy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
29
29
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuApiSelectInputComponent, decorators: [{
30
30
  type: Component,
31
31
  args: [{ selector: 'lu-api-select', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -34,7 +34,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
34
34
  useExisting: forwardRef(() => LuApiSelectInputComponent),
35
35
  multi: true,
36
36
  },
37
- ], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n<span [class.chip]=\"multiple\" *luDisplayer=\"let option\">{{ option.name }}</span>\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-api-paged-searcher\r\n\t\t\t[standard]=\"standard\"\r\n\t\t\t[api]=\"api\"\r\n\t\t\t[fields]=\"fields\"\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[orderBy]=\"orderBy\"\r\n\t\t\t[sort]=\"sort\"\r\n\t\t></lu-api-paged-searcher>\r\n\t</header>\r\n\t<lu-option *luForOptions=\"let option\" [value]=\"option\">{{ option.name }}</lu-option>\r\n</lu-option-picker-advanced>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}.lu-select-value{padding-right:2.5rem}\n"] }]
37
+ ], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n<span [class.chip]=\"multiple\" *luDisplayer=\"let option\">{{ option.name }}</span>\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-api-paged-searcher\r\n\t\t\t[standard]=\"standard\"\r\n\t\t\t[api]=\"api\"\r\n\t\t\t[fields]=\"fields\"\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[orderBy]=\"orderBy\"\r\n\t\t\t[sort]=\"sort\"\r\n\t\t></lu-api-paged-searcher>\r\n\t</header>\r\n\t<lu-option *luForOptions=\"let option\" [value]=\"option\">{{ option.name }}</lu-option>\r\n</lu-option-picker-advanced>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}@supports (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"}}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}.lu-select-value{padding-right:2.5rem}\n"] }]
38
38
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }]; }, propDecorators: { standard: [{
39
39
  type: Input
40
40
  }], api: [{
@@ -67,7 +67,7 @@ LuDateSelectInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
67
67
  useExisting: LuDateSelectInputComponent,
68
68
  multi: true,
69
69
  },
70
- ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer [class.u-displayNone]=\"hideClearer\" [attr.aria-hidden]=\"hideClearer\"></lu-input-clearer>\r\n</div>\r\n<ng-template luDisplayer let-value> {{ value | luDate: format }} </ng-template>\r\n<lu-date-picker [min]=\"min\" [max]=\"max\" [granularity]=\"granularity\" [startOn]=\"startOn\"></lu-date-picker>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}:host:after{content:\"\\e920\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal}\n"], components: [{ type: i3.LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { type: i4.LuDatePickerComponent, selector: "lu-date-picker", inputs: ["min", "max", "granularity", "startOn"], outputs: ["close", "open", "hovered", "onSelectValue"], exportAs: ["LuDatePicker"] }], directives: [{ type: i3.LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }], pipes: { "luDate": i5.LuDateAdapterPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
70
+ ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer [class.u-displayNone]=\"hideClearer\" [attr.aria-hidden]=\"hideClearer\"></lu-input-clearer>\r\n</div>\r\n<ng-template luDisplayer let-value> {{ value | luDate: format }} </ng-template>\r\n<lu-date-picker [min]=\"min\" [max]=\"max\" [granularity]=\"granularity\" [startOn]=\"startOn\"></lu-date-picker>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}@supports (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"}}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}:host:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons}@supports (content: \"*\"/\"\"){:host:after{content:\"\\e920\"/\"\"}}@supports not (content: \"*\"/\"\"){:host:after{content:\"\\e920\"}}\n"], components: [{ type: i3.LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { type: i4.LuDatePickerComponent, selector: "lu-date-picker", inputs: ["min", "max", "granularity", "startOn"], outputs: ["close", "open", "hovered", "onSelectValue"], exportAs: ["LuDatePicker"] }], directives: [{ type: i3.LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }], pipes: { "luDate": i5.LuDateAdapterPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
71
71
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuDateSelectInputComponent, decorators: [{
72
72
  type: Component,
73
73
  args: [{ selector: 'lu-date-select', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -81,7 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
81
81
  useExisting: LuDateSelectInputComponent,
82
82
  multi: true,
83
83
  },
84
- ], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer [class.u-displayNone]=\"hideClearer\" [attr.aria-hidden]=\"hideClearer\"></lu-input-clearer>\r\n</div>\r\n<ng-template luDisplayer let-value> {{ value | luDate: format }} </ng-template>\r\n<lu-date-picker [min]=\"min\" [max]=\"max\" [granularity]=\"granularity\" [startOn]=\"startOn\"></lu-date-picker>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}:host:after{content:\"\\e920\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal}\n"] }]
84
+ ], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer [class.u-displayNone]=\"hideClearer\" [attr.aria-hidden]=\"hideClearer\"></lu-input-clearer>\r\n</div>\r\n<ng-template luDisplayer let-value> {{ value | luDate: format }} </ng-template>\r\n<lu-date-picker [min]=\"min\" [max]=\"max\" [granularity]=\"granularity\" [startOn]=\"startOn\"></lu-date-picker>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}@supports (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"}}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}:host:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons}@supports (content: \"*\"/\"\"){:host:after{content:\"\\e920\"/\"\"}}@supports not (content: \"*\"/\"\"){:host:after{content:\"\\e920\"}}\n"] }]
85
85
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }, { type: i2.ALuDateAdapter }, { type: undefined, decorators: [{
86
86
  type: Inject,
87
87
  args: [LuDateSelectInputIntl]
@@ -30,7 +30,7 @@ LuDepartmentSelectInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
30
30
  useExisting: forwardRef(() => LuDepartmentSelectInputComponent),
31
31
  multi: true,
32
32
  },
33
- ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.departments }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ (values[0] || values).name }}</ng-template>\r\n</ng-template>\r\n\r\n<lu-tree-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\" [class.mod-multiple]=\"multiple\">\r\n\t\t<lu-department-feeder [appInstanceId]=\"appInstanceId\" [operations]=\"operations\" [filters]=\"filters\"></lu-department-feeder>\r\n\t\t<lu-tree-option-searcher [searchFn]=\"searchFn\"></lu-tree-option-searcher>\r\n\t\t<lu-tree-option-select-all class=\"option-selector\"></lu-tree-option-select-all>\r\n\t</header>\r\n\t<!-- <lu-tree-option-pager></lu-tree-option-pager> -->\r\n\t<lu-tree-option *luForTreeOptions=\"let option\" [tree]=\"option\">\r\n\t\t<ng-container *luDisplayer=\"let value\">{{ value.name }}</ng-container>\r\n\t</lu-tree-option>\r\n</lu-tree-option-picker-advanced>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}.lu-select-value{padding-right:2.5rem}.lu-picker-header .option-selector{display:none}.lu-picker-header.mod-multiple .option-selector{display:inherit;padding:var(--spacings-smaller)}\n"], components: [{ type: i2.LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { type: i3.LuTreeOptionPickerAdvancedComponent, selector: "lu-tree-option-picker-advanced", exportAs: ["LuOptionPicker"] }, { type: i4.LuDepartmentFeederComponent, selector: "lu-department-feeder", inputs: ["appInstanceId", "operations", "filters"] }, { type: i3.LuTreeOptionSearcherComponent, selector: "lu-tree-option-searcher", inputs: ["searchFn"] }, { type: i3.LuTreeOptionSelectAllComponent, selector: "lu-tree-option-select-all" }, { type: i3.LuTreeOptionItemComponent, selector: "lu-tree-option", inputs: ["tree", "selected", "highlighted", "disabled"], outputs: ["onSelect", "onSelectSelf", "onSelectChildren"] }], directives: [{ type: i2.LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.LuForTreeOptionsDirective, selector: "[luForTreeOptions]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
33
+ ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.departments }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ (values[0] || values).name }}</ng-template>\r\n</ng-template>\r\n\r\n<lu-tree-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\" [class.mod-multiple]=\"multiple\">\r\n\t\t<lu-department-feeder [appInstanceId]=\"appInstanceId\" [operations]=\"operations\" [filters]=\"filters\"></lu-department-feeder>\r\n\t\t<lu-tree-option-searcher [searchFn]=\"searchFn\"></lu-tree-option-searcher>\r\n\t\t<lu-tree-option-select-all class=\"option-selector\"></lu-tree-option-select-all>\r\n\t</header>\r\n\t<!-- <lu-tree-option-pager></lu-tree-option-pager> -->\r\n\t<lu-tree-option *luForTreeOptions=\"let option\" [tree]=\"option\">\r\n\t\t<ng-container *luDisplayer=\"let value\">{{ value.name }}</ng-container>\r\n\t</lu-tree-option>\r\n</lu-tree-option-picker-advanced>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}@supports (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"}}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}.lu-select-value{padding-right:2.5rem}.lu-picker-header .option-selector{display:none}.lu-picker-header.mod-multiple .option-selector{display:inherit;padding:var(--spacings-smaller)}\n"], components: [{ type: i2.LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { type: i3.LuTreeOptionPickerAdvancedComponent, selector: "lu-tree-option-picker-advanced", exportAs: ["LuOptionPicker"] }, { type: i4.LuDepartmentFeederComponent, selector: "lu-department-feeder", inputs: ["appInstanceId", "operations", "filters"] }, { type: i3.LuTreeOptionSearcherComponent, selector: "lu-tree-option-searcher", inputs: ["searchFn"] }, { type: i3.LuTreeOptionSelectAllComponent, selector: "lu-tree-option-select-all" }, { type: i3.LuTreeOptionItemComponent, selector: "lu-tree-option", inputs: ["tree", "selected", "highlighted", "disabled"], outputs: ["onSelect", "onSelectSelf", "onSelectChildren"] }], directives: [{ type: i2.LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.LuForTreeOptionsDirective, selector: "[luForTreeOptions]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
34
34
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuDepartmentSelectInputComponent, decorators: [{
35
35
  type: Component,
36
36
  args: [{ selector: 'lu-department-select', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -39,7 +39,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
39
39
  useExisting: forwardRef(() => LuDepartmentSelectInputComponent),
40
40
  multi: true,
41
41
  },
42
- ], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.departments }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ (values[0] || values).name }}</ng-template>\r\n</ng-template>\r\n\r\n<lu-tree-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\" [class.mod-multiple]=\"multiple\">\r\n\t\t<lu-department-feeder [appInstanceId]=\"appInstanceId\" [operations]=\"operations\" [filters]=\"filters\"></lu-department-feeder>\r\n\t\t<lu-tree-option-searcher [searchFn]=\"searchFn\"></lu-tree-option-searcher>\r\n\t\t<lu-tree-option-select-all class=\"option-selector\"></lu-tree-option-select-all>\r\n\t</header>\r\n\t<!-- <lu-tree-option-pager></lu-tree-option-pager> -->\r\n\t<lu-tree-option *luForTreeOptions=\"let option\" [tree]=\"option\">\r\n\t\t<ng-container *luDisplayer=\"let value\">{{ value.name }}</ng-container>\r\n\t</lu-tree-option>\r\n</lu-tree-option-picker-advanced>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}.lu-select-value{padding-right:2.5rem}.lu-picker-header .option-selector{display:none}.lu-picker-header.mod-multiple .option-selector{display:inherit;padding:var(--spacings-smaller)}\n"] }]
42
+ ], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.departments }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ (values[0] || values).name }}</ng-template>\r\n</ng-template>\r\n\r\n<lu-tree-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\" [class.mod-multiple]=\"multiple\">\r\n\t\t<lu-department-feeder [appInstanceId]=\"appInstanceId\" [operations]=\"operations\" [filters]=\"filters\"></lu-department-feeder>\r\n\t\t<lu-tree-option-searcher [searchFn]=\"searchFn\"></lu-tree-option-searcher>\r\n\t\t<lu-tree-option-select-all class=\"option-selector\"></lu-tree-option-select-all>\r\n\t</header>\r\n\t<!-- <lu-tree-option-pager></lu-tree-option-pager> -->\r\n\t<lu-tree-option *luForTreeOptions=\"let option\" [tree]=\"option\">\r\n\t\t<ng-container *luDisplayer=\"let value\">{{ value.name }}</ng-container>\r\n\t</lu-tree-option>\r\n</lu-tree-option-picker-advanced>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}@supports (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"}}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}.lu-select-value{padding-right:2.5rem}.lu-picker-header .option-selector{display:none}.lu-picker-header.mod-multiple .option-selector{display:inherit;padding:var(--spacings-smaller)}\n"] }]
43
43
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
44
44
  type: Inject,
45
45
  args: [LuDepartmentSelectInputIntl]
@@ -60,7 +60,7 @@ LuEstablishmentSelectInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersi
60
60
  provide: ALuLegalUnitService,
61
61
  useClass: LuLegalUnitService,
62
62
  },
63
- ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.establishments }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ (values[0] || values).name }}</ng-template>\r\n</ng-template>\r\n\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-establishment-searcher\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t\t[sort]=\"sort\"\r\n\t\t\t(isSearching)=\"onIsSearchingChanged($event)\"\r\n\t\t></lu-establishment-searcher>\r\n\t\t<lu-establishment-select-all\r\n\t\t\t*ngIf=\"multiple\"\r\n\t\t\tclass=\"u-displayBlock u-marginSmaller\"\r\n\t\t\t[class.u-displayNone]=\"isSearching\"\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t></lu-establishment-select-all>\r\n\t</header>\r\n\r\n\t<ng-template luForLegalUnits let-group>\r\n\t\t<div class=\"optionGroup\">\r\n\t\t\t<ng-container *ngIf=\"groupByLu && !isSearching\">\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t*ngIf=\"multiple; else singleViewGroup\"\r\n\t\t\t\t\tclass=\"optionGroupName button mod-text mod-block\"\r\n\t\t\t\t\t[luLegalUnitSelector]=\"group.key\"\r\n\t\t\t\t\t[luLegalUnitSelectorFilters]=\"filters\"\r\n\t\t\t\t\t[luLegalUnitSelectorAppInstanceId]=\"appInstanceId\"\r\n\t\t\t\t\t[luLegalUnitSelectorOperations]=\"operations\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ group.key.name }}\r\n\t\t\t\t</button>\r\n\t\t\t\t<ng-template #singleViewGroup>\r\n\t\t\t\t\t<h5 class=\"optionGroupName mod-readonly u-marginReset\">{{ group.key.name }}</h5>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<lu-option *ngFor=\"let establishment of group.items; trackBy: trackById\" [value]=\"establishment\" class=\"establishmentOption\">\r\n\t\t\t\t<ng-container *ngIf=\"isSearching; else emptySearch\">\r\n\t\t\t\t\t<span class=\"u-displayBlock\">{{ establishment.name }}</span>\r\n\t\t\t\t\t<span *ngIf=\"groupByLu\" class=\"u-displayBlock u-textLight u-textSmall\">{{ group.key.name }}</span>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-template #emptySearch>\r\n\t\t\t\t\t<span>{{ establishment.name }}</span>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</lu-option>\r\n\t\t</div>\r\n\t</ng-template>\r\n</lu-option-picker-advanced>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}.lu-select-value{padding-right:2.5rem}.lu-picker-header .option-selector{display:none}.lu-picker-header.mod-multiple .option-selector{display:inherit;padding:var(--spacings-smaller)}.optionGroupName{padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);border-top:var(--commons-divider-width) solid var(--commons-divider-color);font-size:var(--sizes-small-font-size);width:100%;text-align:left}.optionGroupName.mod-readonly{color:var(--palettes-grey-600);font-weight:400}.optionGroupName.button{text-decoration:underline;margin:0}.optionGroupName.button:active,.optionGroupName.button:focus,.optionGroupName.button:hover{box-shadow:none;background-color:transparent}.optionGroupName.button:active~lu-option,.optionGroupName.button:focus~lu-option,.optionGroupName.button:hover~lu-option{background-color:var(--palettes-primary-50)}\n"], components: [{ type: i2.LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { type: i3.LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { type: i4.LuEstablishmentSearcherComponent, selector: "lu-establishment-searcher", inputs: ["filters", "appInstanceId", "operations", "sort"], outputs: ["isSearching"] }, { type: i5.LuEstablishmentSelectAllComponent, selector: "lu-establishment-select-all", inputs: ["filters", "appInstanceId", "operations"] }, { type: i3.LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }], directives: [{ type: i2.LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.LuForLegalUnitsDirective, selector: "[luForLegalUnits]" }, { type: i8.LuLegalUnitSelectorDirective, selector: "[luLegalUnitSelector]", inputs: ["luLegalUnitSelector", "luLegalUnitSelectorFilters", "luLegalUnitSelectorAppInstanceId", "luLegalUnitSelectorOperations"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
63
+ ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.establishments }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ (values[0] || values).name }}</ng-template>\r\n</ng-template>\r\n\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-establishment-searcher\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t\t[sort]=\"sort\"\r\n\t\t\t(isSearching)=\"onIsSearchingChanged($event)\"\r\n\t\t></lu-establishment-searcher>\r\n\t\t<lu-establishment-select-all\r\n\t\t\t*ngIf=\"multiple\"\r\n\t\t\tclass=\"u-displayBlock u-marginSmaller\"\r\n\t\t\t[class.u-displayNone]=\"isSearching\"\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t></lu-establishment-select-all>\r\n\t</header>\r\n\r\n\t<ng-template luForLegalUnits let-group>\r\n\t\t<div class=\"optionGroup\">\r\n\t\t\t<ng-container *ngIf=\"groupByLu && !isSearching\">\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t*ngIf=\"multiple; else singleViewGroup\"\r\n\t\t\t\t\tclass=\"optionGroupName button mod-text mod-block\"\r\n\t\t\t\t\t[luLegalUnitSelector]=\"group.key\"\r\n\t\t\t\t\t[luLegalUnitSelectorFilters]=\"filters\"\r\n\t\t\t\t\t[luLegalUnitSelectorAppInstanceId]=\"appInstanceId\"\r\n\t\t\t\t\t[luLegalUnitSelectorOperations]=\"operations\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ group.key.name }}\r\n\t\t\t\t</button>\r\n\t\t\t\t<ng-template #singleViewGroup>\r\n\t\t\t\t\t<h5 class=\"optionGroupName mod-readonly u-marginReset\">{{ group.key.name }}</h5>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<lu-option *ngFor=\"let establishment of group.items; trackBy: trackById\" [value]=\"establishment\" class=\"establishmentOption\">\r\n\t\t\t\t<ng-container *ngIf=\"isSearching; else emptySearch\">\r\n\t\t\t\t\t<span class=\"u-displayBlock\">{{ establishment.name }}</span>\r\n\t\t\t\t\t<span *ngIf=\"groupByLu\" class=\"u-displayBlock u-textLight u-textSmall\">{{ group.key.name }}</span>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-template #emptySearch>\r\n\t\t\t\t\t<span>{{ establishment.name }}</span>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</lu-option>\r\n\t\t</div>\r\n\t</ng-template>\r\n</lu-option-picker-advanced>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}@supports (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"}}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}.lu-select-value{padding-right:2.5rem}.lu-picker-header .option-selector{display:none}.lu-picker-header.mod-multiple .option-selector{display:inherit;padding:var(--spacings-smaller)}.optionGroupName{padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);border-top:var(--commons-divider-width) solid var(--commons-divider-color);font-size:var(--sizes-small-font-size);width:100%;text-align:left}.optionGroupName.mod-readonly{color:var(--palettes-grey-600);font-weight:400}.optionGroupName.button{text-decoration:underline;margin:0}.optionGroupName.button:active,.optionGroupName.button:focus,.optionGroupName.button:hover{box-shadow:none;background-color:transparent}.optionGroupName.button:active~lu-option,.optionGroupName.button:focus~lu-option,.optionGroupName.button:hover~lu-option{background-color:var(--palettes-primary-50)}\n"], components: [{ type: i2.LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { type: i3.LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { type: i4.LuEstablishmentSearcherComponent, selector: "lu-establishment-searcher", inputs: ["filters", "appInstanceId", "operations", "sort"], outputs: ["isSearching"] }, { type: i5.LuEstablishmentSelectAllComponent, selector: "lu-establishment-select-all", inputs: ["filters", "appInstanceId", "operations"] }, { type: i3.LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }], directives: [{ type: i2.LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.LuForLegalUnitsDirective, selector: "[luForLegalUnits]" }, { type: i8.LuLegalUnitSelectorDirective, selector: "[luLegalUnitSelector]", inputs: ["luLegalUnitSelector", "luLegalUnitSelectorFilters", "luLegalUnitSelectorAppInstanceId", "luLegalUnitSelectorOperations"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
64
64
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuEstablishmentSelectInputComponent, decorators: [{
65
65
  type: Component,
66
66
  args: [{ selector: 'lu-establishment-select', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -77,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
77
77
  provide: ALuLegalUnitService,
78
78
  useClass: LuLegalUnitService,
79
79
  },
80
- ], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.establishments }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ (values[0] || values).name }}</ng-template>\r\n</ng-template>\r\n\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-establishment-searcher\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t\t[sort]=\"sort\"\r\n\t\t\t(isSearching)=\"onIsSearchingChanged($event)\"\r\n\t\t></lu-establishment-searcher>\r\n\t\t<lu-establishment-select-all\r\n\t\t\t*ngIf=\"multiple\"\r\n\t\t\tclass=\"u-displayBlock u-marginSmaller\"\r\n\t\t\t[class.u-displayNone]=\"isSearching\"\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t></lu-establishment-select-all>\r\n\t</header>\r\n\r\n\t<ng-template luForLegalUnits let-group>\r\n\t\t<div class=\"optionGroup\">\r\n\t\t\t<ng-container *ngIf=\"groupByLu && !isSearching\">\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t*ngIf=\"multiple; else singleViewGroup\"\r\n\t\t\t\t\tclass=\"optionGroupName button mod-text mod-block\"\r\n\t\t\t\t\t[luLegalUnitSelector]=\"group.key\"\r\n\t\t\t\t\t[luLegalUnitSelectorFilters]=\"filters\"\r\n\t\t\t\t\t[luLegalUnitSelectorAppInstanceId]=\"appInstanceId\"\r\n\t\t\t\t\t[luLegalUnitSelectorOperations]=\"operations\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ group.key.name }}\r\n\t\t\t\t</button>\r\n\t\t\t\t<ng-template #singleViewGroup>\r\n\t\t\t\t\t<h5 class=\"optionGroupName mod-readonly u-marginReset\">{{ group.key.name }}</h5>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<lu-option *ngFor=\"let establishment of group.items; trackBy: trackById\" [value]=\"establishment\" class=\"establishmentOption\">\r\n\t\t\t\t<ng-container *ngIf=\"isSearching; else emptySearch\">\r\n\t\t\t\t\t<span class=\"u-displayBlock\">{{ establishment.name }}</span>\r\n\t\t\t\t\t<span *ngIf=\"groupByLu\" class=\"u-displayBlock u-textLight u-textSmall\">{{ group.key.name }}</span>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-template #emptySearch>\r\n\t\t\t\t\t<span>{{ establishment.name }}</span>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</lu-option>\r\n\t\t</div>\r\n\t</ng-template>\r\n</lu-option-picker-advanced>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}.lu-select-value{padding-right:2.5rem}.lu-picker-header .option-selector{display:none}.lu-picker-header.mod-multiple .option-selector{display:inherit;padding:var(--spacings-smaller)}.optionGroupName{padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);border-top:var(--commons-divider-width) solid var(--commons-divider-color);font-size:var(--sizes-small-font-size);width:100%;text-align:left}.optionGroupName.mod-readonly{color:var(--palettes-grey-600);font-weight:400}.optionGroupName.button{text-decoration:underline;margin:0}.optionGroupName.button:active,.optionGroupName.button:focus,.optionGroupName.button:hover{box-shadow:none;background-color:transparent}.optionGroupName.button:active~lu-option,.optionGroupName.button:focus~lu-option,.optionGroupName.button:hover~lu-option{background-color:var(--palettes-primary-50)}\n"] }]
80
+ ], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.establishments }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ (values[0] || values).name }}</ng-template>\r\n</ng-template>\r\n\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-establishment-searcher\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t\t[sort]=\"sort\"\r\n\t\t\t(isSearching)=\"onIsSearchingChanged($event)\"\r\n\t\t></lu-establishment-searcher>\r\n\t\t<lu-establishment-select-all\r\n\t\t\t*ngIf=\"multiple\"\r\n\t\t\tclass=\"u-displayBlock u-marginSmaller\"\r\n\t\t\t[class.u-displayNone]=\"isSearching\"\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t></lu-establishment-select-all>\r\n\t</header>\r\n\r\n\t<ng-template luForLegalUnits let-group>\r\n\t\t<div class=\"optionGroup\">\r\n\t\t\t<ng-container *ngIf=\"groupByLu && !isSearching\">\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t*ngIf=\"multiple; else singleViewGroup\"\r\n\t\t\t\t\tclass=\"optionGroupName button mod-text mod-block\"\r\n\t\t\t\t\t[luLegalUnitSelector]=\"group.key\"\r\n\t\t\t\t\t[luLegalUnitSelectorFilters]=\"filters\"\r\n\t\t\t\t\t[luLegalUnitSelectorAppInstanceId]=\"appInstanceId\"\r\n\t\t\t\t\t[luLegalUnitSelectorOperations]=\"operations\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ group.key.name }}\r\n\t\t\t\t</button>\r\n\t\t\t\t<ng-template #singleViewGroup>\r\n\t\t\t\t\t<h5 class=\"optionGroupName mod-readonly u-marginReset\">{{ group.key.name }}</h5>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<lu-option *ngFor=\"let establishment of group.items; trackBy: trackById\" [value]=\"establishment\" class=\"establishmentOption\">\r\n\t\t\t\t<ng-container *ngIf=\"isSearching; else emptySearch\">\r\n\t\t\t\t\t<span class=\"u-displayBlock\">{{ establishment.name }}</span>\r\n\t\t\t\t\t<span *ngIf=\"groupByLu\" class=\"u-displayBlock u-textLight u-textSmall\">{{ group.key.name }}</span>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-template #emptySearch>\r\n\t\t\t\t\t<span>{{ establishment.name }}</span>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</lu-option>\r\n\t\t</div>\r\n\t</ng-template>\r\n</lu-option-picker-advanced>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}@supports (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"}}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}.lu-select-value{padding-right:2.5rem}.lu-picker-header .option-selector{display:none}.lu-picker-header.mod-multiple .option-selector{display:inherit;padding:var(--spacings-smaller)}.optionGroupName{padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);border-top:var(--commons-divider-width) solid var(--commons-divider-color);font-size:var(--sizes-small-font-size);width:100%;text-align:left}.optionGroupName.mod-readonly{color:var(--palettes-grey-600);font-weight:400}.optionGroupName.button{text-decoration:underline;margin:0}.optionGroupName.button:active,.optionGroupName.button:focus,.optionGroupName.button:hover{box-shadow:none;background-color:transparent}.optionGroupName.button:active~lu-option,.optionGroupName.button:focus~lu-option,.optionGroupName.button:hover~lu-option{background-color:var(--palettes-primary-50)}\n"] }]
81
81
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }, { type: i9.LuLegalUnitService, decorators: [{
82
82
  type: Inject,
83
83
  args: [ALuLegalUnitService]
@@ -18,7 +18,7 @@ LuInputClearerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
18
18
  provide: ALuClearer,
19
19
  useExisting: forwardRef(() => LuInputClearerComponent),
20
20
  },
21
- ], exportAs: ["luClearer"], usesInheritance: true, ngImport: i0, template: "<a role=\"button\" class=\"actionIcon\" (click)=\"onClick($event)\">\r\n\t<span aria-hidden=\"true\" class=\"lucca-icon\">thin_cross</span>\r\n\t<span class=\"u-mask\">Clear</span>\r\n</a>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{display:none;vertical-align:text-bottom}:host-context(.textfield-input.is-filled){display:inline-block}.actionIcon{height:1rem;padding:0;width:1rem;color:var(--palettes-700, var(--components-select-default-palette-700))}.actionIcon:hover{background-color:var(--palettes-50, var(--components-select-default-palette-50));color:var(--palettes-800, var(--components-select-default-palette-800))}.actionIcon:focus{background-color:var(--palettes-50, var(--components-select-default-palette-50));box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f,0 0 0 4px var(--palettes-200, var(--components-select-default-palette-200))}.lucca-icon{display:block;font-size:1rem}:host-context(.textfield.mod-material) .actionIcon{color:var(--palettes-grey-500)}:host-context(.textfield.mod-framed) .actionIcon{color:var(--palettes-grey-500)}:host-context(.textfield-input.is-error) .actionIcon{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .actionIcon:hover{background-color:var(--palettes-error-50);color:var(--palettes-error-800)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]){display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
21
+ ], exportAs: ["luClearer"], usesInheritance: true, ngImport: i0, template: "<a href=\"#\" role=\"button\" class=\"actionIcon\" (click)=\"onClick($event)\">\r\n\t<span aria-hidden=\"true\" class=\"lucca-icon\">thin_cross</span>\r\n\t<span class=\"u-mask\">Clear</span>\r\n</a>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{display:none;vertical-align:text-bottom}:host-context(.textfield-input.is-filled){display:inline-block}.actionIcon{height:1rem;padding:0;width:1rem;color:var(--palettes-700, var(--components-select-default-palette-700))}.actionIcon:hover{background-color:var(--palettes-50, var(--components-select-default-palette-50));color:var(--palettes-800, var(--components-select-default-palette-800))}.actionIcon:focus{background-color:var(--palettes-50, var(--components-select-default-palette-50));box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f,0 0 0 4px var(--palettes-200, var(--components-select-default-palette-200))}.lucca-icon{display:block;font-size:1rem}:host-context(.textfield.mod-material) .actionIcon{color:var(--palettes-grey-500)}:host-context(.textfield.mod-framed) .actionIcon{color:var(--palettes-grey-500)}:host-context(.textfield-input.is-error) .actionIcon{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .actionIcon:hover{background-color:var(--palettes-error-50);color:var(--palettes-error-800)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]){display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
22
22
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuInputClearerComponent, decorators: [{
23
23
  type: Component,
24
24
  args: [{ selector: 'lu-input-clearer', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'luClearer', providers: [
@@ -26,8 +26,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
26
26
  provide: ALuClearer,
27
27
  useExisting: forwardRef(() => LuInputClearerComponent),
28
28
  },
29
- ], template: "<a role=\"button\" class=\"actionIcon\" (click)=\"onClick($event)\">\r\n\t<span aria-hidden=\"true\" class=\"lucca-icon\">thin_cross</span>\r\n\t<span class=\"u-mask\">Clear</span>\r\n</a>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{display:none;vertical-align:text-bottom}:host-context(.textfield-input.is-filled){display:inline-block}.actionIcon{height:1rem;padding:0;width:1rem;color:var(--palettes-700, var(--components-select-default-palette-700))}.actionIcon:hover{background-color:var(--palettes-50, var(--components-select-default-palette-50));color:var(--palettes-800, var(--components-select-default-palette-800))}.actionIcon:focus{background-color:var(--palettes-50, var(--components-select-default-palette-50));box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f,0 0 0 4px var(--palettes-200, var(--components-select-default-palette-200))}.lucca-icon{display:block;font-size:1rem}:host-context(.textfield.mod-material) .actionIcon{color:var(--palettes-grey-500)}:host-context(.textfield.mod-framed) .actionIcon{color:var(--palettes-grey-500)}:host-context(.textfield-input.is-error) .actionIcon{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .actionIcon:hover{background-color:var(--palettes-error-50);color:var(--palettes-error-800)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]){display:none}\n"] }]
29
+ ], template: "<a href=\"#\" role=\"button\" class=\"actionIcon\" (click)=\"onClick($event)\">\r\n\t<span aria-hidden=\"true\" class=\"lucca-icon\">thin_cross</span>\r\n\t<span class=\"u-mask\">Clear</span>\r\n</a>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{display:none;vertical-align:text-bottom}:host-context(.textfield-input.is-filled){display:inline-block}.actionIcon{height:1rem;padding:0;width:1rem;color:var(--palettes-700, var(--components-select-default-palette-700))}.actionIcon:hover{background-color:var(--palettes-50, var(--components-select-default-palette-50));color:var(--palettes-800, var(--components-select-default-palette-800))}.actionIcon:focus{background-color:var(--palettes-50, var(--components-select-default-palette-50));box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f,0 0 0 4px var(--palettes-200, var(--components-select-default-palette-200))}.lucca-icon{display:block;font-size:1rem}:host-context(.textfield.mod-material) .actionIcon{color:var(--palettes-grey-500)}:host-context(.textfield.mod-framed) .actionIcon{color:var(--palettes-grey-500)}:host-context(.textfield-input.is-error) .actionIcon{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .actionIcon:hover{background-color:var(--palettes-error-50);color:var(--palettes-error-800)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]){display:none}\n"] }]
30
30
  }], propDecorators: { onClear: [{
31
31
  type: Output
32
32
  }] } });
33
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xlYXJlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9pbnB1dC9zcmMvbGliL2NsZWFyZXIvY2xlYXJlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9pbnB1dC9zcmMvbGliL2NsZWFyZXIvY2xlYXJlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JHLE9BQU8sRUFBRSxVQUFVLEVBQWMsTUFBTSxpQkFBaUIsQ0FBQzs7QUFlekQsTUFBTSxPQUFPLHVCQUEyQixTQUFRLFVBQWE7SUFiN0Q7O1FBY0MsK0RBQStEO1FBQzVDLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBSyxDQUFDO0tBS25EO0lBSkEsT0FBTyxDQUFDLE1BQWE7UUFDcEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNwQixNQUFNLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDMUIsQ0FBQzs7b0hBTlcsdUJBQXVCO3dHQUF2Qix1QkFBdUIsNEVBUHhCO1FBQ1Y7WUFDQyxPQUFPLEVBQUUsVUFBVTtZQUNuQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHVCQUF1QixDQUFDO1NBQ3REO0tBQ0QsMEVDZEYsa01BSUE7MkZEWWEsdUJBQXVCO2tCQWJuQyxTQUFTOytCQUNDLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDLFdBQVcsYUFDVjt3QkFDVjs0QkFDQyxPQUFPLEVBQUUsVUFBVTs0QkFDbkIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsd0JBQXdCLENBQUM7eUJBQ3REO3FCQUNEOzhCQUlrQixPQUFPO3NCQUF6QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBmb3J3YXJkUmVmLCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQUx1Q2xlYXJlciwgSUx1Q2xlYXJlciB9IGZyb20gJy4vY2xlYXJlci5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuXHRzZWxlY3RvcjogJ2x1LWlucHV0LWNsZWFyZXInLFxyXG5cdHRlbXBsYXRlVXJsOiAnLi9jbGVhcmVyLmNvbXBvbmVudC5odG1sJyxcclxuXHRzdHlsZVVybHM6IFsnLi9jbGVhcmVyLmNvbXBvbmVudC5zY3NzJ10sXHJcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcblx0ZXhwb3J0QXM6ICdsdUNsZWFyZXInLFxyXG5cdHByb3ZpZGVyczogW1xyXG5cdFx0e1xyXG5cdFx0XHRwcm92aWRlOiBBTHVDbGVhcmVyLFxyXG5cdFx0XHR1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBMdUlucHV0Q2xlYXJlckNvbXBvbmVudCksXHJcblx0XHR9LFxyXG5cdF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMdUlucHV0Q2xlYXJlckNvbXBvbmVudDxUPiBleHRlbmRzIEFMdUNsZWFyZXI8VD4gaW1wbGVtZW50cyBJTHVDbGVhcmVyPFQ+IHtcclxuXHQvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLW91dHB1dC1vbi1wcmVmaXhcclxuXHRAT3V0cHV0KCkgb3ZlcnJpZGUgb25DbGVhciA9IG5ldyBFdmVudEVtaXR0ZXI8VD4oKTtcclxuXHRvbkNsaWNrKCRldmVudDogRXZlbnQpIHtcclxuXHRcdHRoaXMub25DbGVhci5lbWl0KCk7XHJcblx0XHQkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcblx0fVxyXG59XHJcbiIsIjxhIHJvbGU9XCJidXR0b25cIiBjbGFzcz1cImFjdGlvbkljb25cIiAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCI+XHJcblx0PHNwYW4gYXJpYS1oaWRkZW49XCJ0cnVlXCIgY2xhc3M9XCJsdWNjYS1pY29uXCI+dGhpbl9jcm9zczwvc3Bhbj5cclxuXHQ8c3BhbiBjbGFzcz1cInUtbWFza1wiPkNsZWFyPC9zcGFuPlxyXG48L2E+XHJcbiJdfQ==
33
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xlYXJlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9pbnB1dC9zcmMvbGliL2NsZWFyZXIvY2xlYXJlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9pbnB1dC9zcmMvbGliL2NsZWFyZXIvY2xlYXJlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JHLE9BQU8sRUFBRSxVQUFVLEVBQWMsTUFBTSxpQkFBaUIsQ0FBQzs7QUFlekQsTUFBTSxPQUFPLHVCQUEyQixTQUFRLFVBQWE7SUFiN0Q7O1FBY0MsK0RBQStEO1FBQzVDLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBSyxDQUFDO0tBS25EO0lBSkEsT0FBTyxDQUFDLE1BQWE7UUFDcEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNwQixNQUFNLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDMUIsQ0FBQzs7b0hBTlcsdUJBQXVCO3dHQUF2Qix1QkFBdUIsNEVBUHhCO1FBQ1Y7WUFDQyxPQUFPLEVBQUUsVUFBVTtZQUNuQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHVCQUF1QixDQUFDO1NBQ3REO0tBQ0QsMEVDZEYsNk1BSUE7MkZEWWEsdUJBQXVCO2tCQWJuQyxTQUFTOytCQUNDLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDLFdBQVcsYUFDVjt3QkFDVjs0QkFDQyxPQUFPLEVBQUUsVUFBVTs0QkFDbkIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsd0JBQXdCLENBQUM7eUJBQ3REO3FCQUNEOzhCQUlrQixPQUFPO3NCQUF6QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBmb3J3YXJkUmVmLCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQUx1Q2xlYXJlciwgSUx1Q2xlYXJlciB9IGZyb20gJy4vY2xlYXJlci5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuXHRzZWxlY3RvcjogJ2x1LWlucHV0LWNsZWFyZXInLFxyXG5cdHRlbXBsYXRlVXJsOiAnLi9jbGVhcmVyLmNvbXBvbmVudC5odG1sJyxcclxuXHRzdHlsZVVybHM6IFsnLi9jbGVhcmVyLmNvbXBvbmVudC5zY3NzJ10sXHJcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcblx0ZXhwb3J0QXM6ICdsdUNsZWFyZXInLFxyXG5cdHByb3ZpZGVyczogW1xyXG5cdFx0e1xyXG5cdFx0XHRwcm92aWRlOiBBTHVDbGVhcmVyLFxyXG5cdFx0XHR1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBMdUlucHV0Q2xlYXJlckNvbXBvbmVudCksXHJcblx0XHR9LFxyXG5cdF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMdUlucHV0Q2xlYXJlckNvbXBvbmVudDxUPiBleHRlbmRzIEFMdUNsZWFyZXI8VD4gaW1wbGVtZW50cyBJTHVDbGVhcmVyPFQ+IHtcclxuXHQvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLW91dHB1dC1vbi1wcmVmaXhcclxuXHRAT3V0cHV0KCkgb3ZlcnJpZGUgb25DbGVhciA9IG5ldyBFdmVudEVtaXR0ZXI8VD4oKTtcclxuXHRvbkNsaWNrKCRldmVudDogRXZlbnQpIHtcclxuXHRcdHRoaXMub25DbGVhci5lbWl0KCk7XHJcblx0XHQkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcblx0fVxyXG59XHJcbiIsIjxhIGhyZWY9XCIjXCIgcm9sZT1cImJ1dHRvblwiIGNsYXNzPVwiYWN0aW9uSWNvblwiIChjbGljayk9XCJvbkNsaWNrKCRldmVudClcIj5cclxuXHQ8c3BhbiBhcmlhLWhpZGRlbj1cInRydWVcIiBjbGFzcz1cImx1Y2NhLWljb25cIj50aGluX2Nyb3NzPC9zcGFuPlxyXG5cdDxzcGFuIGNsYXNzPVwidS1tYXNrXCI+Q2xlYXI8L3NwYW4+XHJcbjwvYT5cclxuIl19