@lucca-front/ng 20.1.3-rc.2 → 20.2.0-rc.1

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 (164) hide show
  1. package/button/index.d.ts +9 -2
  2. package/core-select/department/index.d.ts +49 -0
  3. package/core-select/index.d.ts +47 -6
  4. package/date2/index.d.ts +2 -2
  5. package/department/index.d.ts +9 -0
  6. package/dialog/index.d.ts +7 -2
  7. package/fesm2022/lucca-front-ng-a11y.mjs +2 -2
  8. package/fesm2022/lucca-front-ng-a11y.mjs.map +1 -1
  9. package/fesm2022/lucca-front-ng-api.mjs +6 -6
  10. package/fesm2022/lucca-front-ng-api.mjs.map +1 -1
  11. package/fesm2022/lucca-front-ng-app-layout.mjs +2 -2
  12. package/fesm2022/lucca-front-ng-app-layout.mjs.map +1 -1
  13. package/fesm2022/lucca-front-ng-box.mjs +2 -2
  14. package/fesm2022/lucca-front-ng-box.mjs.map +1 -1
  15. package/fesm2022/lucca-front-ng-breadcrumbs.mjs +2 -2
  16. package/fesm2022/lucca-front-ng-breadcrumbs.mjs.map +1 -1
  17. package/fesm2022/lucca-front-ng-button.mjs +39 -9
  18. package/fesm2022/lucca-front-ng-button.mjs.map +1 -1
  19. package/fesm2022/lucca-front-ng-callout.mjs +12 -12
  20. package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
  21. package/fesm2022/lucca-front-ng-chip.mjs +2 -2
  22. package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
  23. package/fesm2022/lucca-front-ng-comment.mjs +6 -6
  24. package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
  25. package/fesm2022/lucca-front-ng-core-select-department.mjs +121 -0
  26. package/fesm2022/lucca-front-ng-core-select-department.mjs.map +1 -0
  27. package/fesm2022/lucca-front-ng-core-select-user.mjs +6 -6
  28. package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
  29. package/fesm2022/lucca-front-ng-core-select.mjs +85 -12
  30. package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
  31. package/fesm2022/lucca-front-ng-date.mjs +4 -4
  32. package/fesm2022/lucca-front-ng-date.mjs.map +1 -1
  33. package/fesm2022/lucca-front-ng-date2.mjs +8 -8
  34. package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
  35. package/fesm2022/lucca-front-ng-department.mjs +11 -2
  36. package/fesm2022/lucca-front-ng-department.mjs.map +1 -1
  37. package/fesm2022/lucca-front-ng-dialog.mjs +25 -14
  38. package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
  39. package/fesm2022/lucca-front-ng-divider.mjs +3 -3
  40. package/fesm2022/lucca-front-ng-divider.mjs.map +1 -1
  41. package/fesm2022/lucca-front-ng-dropdown.mjs +2 -2
  42. package/fesm2022/lucca-front-ng-dropdown.mjs.map +1 -1
  43. package/fesm2022/lucca-front-ng-empty-state.mjs +4 -4
  44. package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
  45. package/fesm2022/lucca-front-ng-establishment.mjs +6 -6
  46. package/fesm2022/lucca-front-ng-establishment.mjs.map +1 -1
  47. package/fesm2022/lucca-front-ng-fancy-box.mjs +2 -2
  48. package/fesm2022/lucca-front-ng-fancy-box.mjs.map +1 -1
  49. package/fesm2022/lucca-front-ng-file-upload.mjs +15 -10
  50. package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
  51. package/fesm2022/lucca-front-ng-filter-pills.mjs +8 -8
  52. package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
  53. package/fesm2022/lucca-front-ng-footer.mjs +2 -2
  54. package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
  55. package/fesm2022/lucca-front-ng-form-field.mjs +2 -2
  56. package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
  57. package/fesm2022/lucca-front-ng-formly.mjs +2 -2
  58. package/fesm2022/lucca-front-ng-formly.mjs.map +1 -1
  59. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +2 -2
  60. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs.map +1 -1
  61. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs +17 -16
  62. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs.map +1 -1
  63. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +366 -81
  64. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
  65. package/fesm2022/lucca-front-ng-forms.mjs +22 -20
  66. package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
  67. package/fesm2022/lucca-front-ng-highlight-data.mjs +4 -2
  68. package/fesm2022/lucca-front-ng-highlight-data.mjs.map +1 -1
  69. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +2 -2
  70. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
  71. package/fesm2022/lucca-front-ng-icon.mjs +2 -2
  72. package/fesm2022/lucca-front-ng-icon.mjs.map +1 -1
  73. package/fesm2022/lucca-front-ng-inline-message.mjs +2 -2
  74. package/fesm2022/lucca-front-ng-inline-message.mjs.map +1 -1
  75. package/fesm2022/lucca-front-ng-input.mjs +5 -2
  76. package/fesm2022/lucca-front-ng-input.mjs.map +1 -1
  77. package/fesm2022/lucca-front-ng-link.mjs +2 -2
  78. package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
  79. package/fesm2022/lucca-front-ng-listbox.mjs +89 -0
  80. package/fesm2022/lucca-front-ng-listbox.mjs.map +1 -0
  81. package/fesm2022/lucca-front-ng-listing.mjs +2 -2
  82. package/fesm2022/lucca-front-ng-listing.mjs.map +1 -1
  83. package/fesm2022/lucca-front-ng-loading.mjs +2 -2
  84. package/fesm2022/lucca-front-ng-loading.mjs.map +1 -1
  85. package/fesm2022/lucca-front-ng-main-layout.mjs +2 -2
  86. package/fesm2022/lucca-front-ng-main-layout.mjs.map +1 -1
  87. package/fesm2022/lucca-front-ng-mobile-push.mjs +2 -2
  88. package/fesm2022/lucca-front-ng-mobile-push.mjs.map +1 -1
  89. package/fesm2022/lucca-front-ng-modal.mjs +6 -6
  90. package/fesm2022/lucca-front-ng-modal.mjs.map +1 -1
  91. package/fesm2022/lucca-front-ng-multi-select.mjs +93 -91
  92. package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
  93. package/fesm2022/lucca-front-ng-new-badge.mjs +2 -2
  94. package/fesm2022/lucca-front-ng-new-badge.mjs.map +1 -1
  95. package/fesm2022/lucca-front-ng-number.mjs +1 -1
  96. package/fesm2022/lucca-front-ng-number.mjs.map +1 -1
  97. package/fesm2022/lucca-front-ng-numeric-badge.mjs +2 -2
  98. package/fesm2022/lucca-front-ng-numeric-badge.mjs.map +1 -1
  99. package/fesm2022/lucca-front-ng-option.mjs +83 -22
  100. package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
  101. package/fesm2022/lucca-front-ng-page-header.mjs +2 -2
  102. package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
  103. package/fesm2022/lucca-front-ng-pagination.mjs +5 -5
  104. package/fesm2022/lucca-front-ng-pagination.mjs.map +1 -1
  105. package/fesm2022/lucca-front-ng-plg-push.mjs +2 -2
  106. package/fesm2022/lucca-front-ng-plg-push.mjs.map +1 -1
  107. package/fesm2022/lucca-front-ng-popover.mjs +2 -2
  108. package/fesm2022/lucca-front-ng-popover.mjs.map +1 -1
  109. package/fesm2022/lucca-front-ng-popover2.mjs +3 -3
  110. package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
  111. package/fesm2022/lucca-front-ng-read-more.mjs +2 -2
  112. package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
  113. package/fesm2022/lucca-front-ng-scrollBox.mjs +2 -2
  114. package/fesm2022/lucca-front-ng-scrollBox.mjs.map +1 -1
  115. package/fesm2022/lucca-front-ng-select.mjs +2 -2
  116. package/fesm2022/lucca-front-ng-select.mjs.map +1 -1
  117. package/fesm2022/lucca-front-ng-simple-select.mjs +24 -8
  118. package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
  119. package/fesm2022/lucca-front-ng-skeleton.mjs +12 -12
  120. package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
  121. package/fesm2022/lucca-front-ng-statusBadge.mjs +9 -15
  122. package/fesm2022/lucca-front-ng-statusBadge.mjs.map +1 -1
  123. package/fesm2022/lucca-front-ng-tag.mjs +2 -2
  124. package/fesm2022/lucca-front-ng-tag.mjs.map +1 -1
  125. package/fesm2022/lucca-front-ng-time.mjs +7 -7
  126. package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
  127. package/fesm2022/lucca-front-ng-toast.mjs +2 -2
  128. package/fesm2022/lucca-front-ng-toast.mjs.map +1 -1
  129. package/fesm2022/lucca-front-ng-tooltip.mjs +3 -3
  130. package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
  131. package/fesm2022/lucca-front-ng-tree-select.mjs +141 -0
  132. package/fesm2022/lucca-front-ng-tree-select.mjs.map +1 -0
  133. package/fesm2022/lucca-front-ng-user-popover.mjs +2 -2
  134. package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
  135. package/fesm2022/lucca-front-ng-user.mjs +31 -20
  136. package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
  137. package/file-upload/index.d.ts +2 -1
  138. package/forms/index.d.ts +3 -2
  139. package/forms/rich-text-input/formatters/markdown/index.d.ts +5 -4
  140. package/forms/rich-text-input/index.d.ts +48 -12
  141. package/highlight-data/index.d.ts +2 -1
  142. package/input/index.d.ts +3 -0
  143. package/listbox/index.d.ts +38 -0
  144. package/multi-select/index.d.ts +8 -10
  145. package/option/index.d.ts +61 -0
  146. package/package.json +31 -14
  147. package/page-header/index.d.ts +1 -1
  148. package/pagination/index.d.ts +3 -3
  149. package/schematics/collection.json +6 -1
  150. package/schematics/lu-button/migration.js +4 -4
  151. package/schematics/lu-icon/migration.js +4 -4
  152. package/schematics/tokens-radius/index.js +22 -0
  153. package/schematics/tokens-radius/migration.spec.js +50 -0
  154. package/schematics/tokens-radius/schema.json +23 -0
  155. package/simple-select/index.d.ts +4 -2
  156. package/src/components/_picker.scss +1 -1
  157. package/src/components/_popover.scss +1 -1
  158. package/src/components/_popup.scss +1 -1
  159. package/src/components/cdk/_dragDrop.scss +6 -6
  160. package/src/definitions/option/_option-item.scss +5 -4
  161. package/statusBadge/index.d.ts +6 -6
  162. package/time/index.d.ts +1 -1
  163. package/tree-select/index.d.ts +35 -0
  164. package/user/index.d.ts +6 -1
package/button/index.d.ts CHANGED
@@ -4,8 +4,10 @@ import { Palette } from '@lucca-front/ng/core';
4
4
 
5
5
  declare class ButtonComponent implements OnChanges {
6
6
  #private;
7
+ notifyError: i0.WritableSignal<boolean>;
7
8
  size: 'M' | 'S' | 'XS';
8
9
  block: boolean;
10
+ critical: boolean;
9
11
  delete: boolean;
10
12
  disclosure: boolean;
11
13
  palette: Palette;
@@ -14,14 +16,19 @@ declare class ButtonComponent implements OnChanges {
14
16
  * '' is the default value when you just set the `luButton` directive without a value attached to it.
15
17
  * We just make this explicit here.
16
18
  */
17
- luButton: '' | 'outlined' | 'text' | 'text-invert';
19
+ luButton: '' | 'outlined' | 'ghost' | 'ghost-invert' | 'text' | 'text-invert';
18
20
  set iconComponentRef(ref: ElementRef<HTMLElement>);
19
21
  private get iconOnly();
22
+ private get iconOnLeft();
23
+ private get iconOnRight();
20
24
  ngOnChanges(): void;
25
+ animationEnd(): void;
26
+ triggerErrorIfNeeded(): void;
21
27
  updateClasses(): void;
22
28
  static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
23
- static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[luButton],a[luButton]", never, { "size": { "alias": "size"; "required": false; }; "block": { "alias": "block"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "disclosure": { "alias": "disclosure"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "state": { "alias": "state"; "required": false; }; "luButton": { "alias": "luButton"; "required": false; }; }, {}, ["iconComponentRef"], ["*"], true, never>;
29
+ static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[luButton],a[luButton]", never, { "size": { "alias": "size"; "required": false; }; "block": { "alias": "block"; "required": false; }; "critical": { "alias": "critical"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "disclosure": { "alias": "disclosure"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "state": { "alias": "state"; "required": false; }; "luButton": { "alias": "luButton"; "required": false; }; }, {}, ["iconComponentRef"], ["*"], true, never>;
24
30
  static ngAcceptInputType_block: unknown;
31
+ static ngAcceptInputType_critical: unknown;
25
32
  static ngAcceptInputType_delete: unknown;
26
33
  static ngAcceptInputType_disclosure: unknown;
27
34
  }
@@ -0,0 +1,49 @@
1
+ import * as _angular_core from '@angular/core';
2
+ import { OnInit } from '@angular/core';
3
+ import { HttpClient } from '@angular/common/http';
4
+ import { TreeNode, TreeGenerator, TreeGroupingFn, CoreSelectApiTotalCountProvider } from '@lucca-front/ng/core-select';
5
+ import { ALuCoreSelectApiDirective } from '@lucca-front/ng/core-select/api';
6
+ import { Observable } from 'rxjs';
7
+ import { ILuDepartment } from '@lucca-front/ng/department';
8
+ import { ILuApiItem } from '@lucca-front/ng/api';
9
+
10
+ declare class NoopTreeSelectDirective<T extends TreeNode<any>, V> implements TreeGenerator<T, T> {
11
+ #private;
12
+ groupingFnInput: _angular_core.InputSignal<TreeGroupingFn<T>>;
13
+ groupingFn: _angular_core.WritableSignal<TreeGroupingFn<T>>;
14
+ constructor();
15
+ generateTrees(items: T[]): T[];
16
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<NoopTreeSelectDirective<any, any>, never>;
17
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NoopTreeSelectDirective<any, any>, "lu-simple-select[noopTreeSelect],lu-multi-select[noopTreeSelect]", never, { "groupingFnInput": { "alias": "noopTreeSelect"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
18
+ }
19
+
20
+ declare class LuCoreSelectDepartmentsDirective<T extends ILuDepartment = ILuDepartment> extends ALuCoreSelectApiDirective<TreeNode<T>> implements OnInit, CoreSelectApiTotalCountProvider {
21
+ protected httpClient: HttpClient;
22
+ url: _angular_core.InputSignal<string>;
23
+ filters: _angular_core.InputSignal<Record<string, string | number | boolean>>;
24
+ operationIds: _angular_core.InputSignal<readonly number[]>;
25
+ uniqueOperationIds: _angular_core.InputSignal<readonly number[]>;
26
+ appInstanceId: _angular_core.InputSignal<number>;
27
+ searchDelimiter: _angular_core.InputSignal<string>;
28
+ ngOnInit(): void;
29
+ protected buildOptions(): Observable<TreeNode<T>[]>;
30
+ protected getOptions(params: Record<string, string | number | boolean> | null): Observable<TreeNode<T>[]>;
31
+ trim(options: TreeNode<T>[], clue: string): TreeNode<T>[];
32
+ protected params$: Observable<Record<string, string | number | boolean>>;
33
+ totalCount$: Observable<number>;
34
+ protected optionKey: (option: TreeNode<T> | T) => number;
35
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuCoreSelectDepartmentsDirective<any>, never>;
36
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuCoreSelectDepartmentsDirective<any>, "lu-simple-select[departments],lu-multi-select[departments]", ["luDepartments"], { "url": { "alias": "url"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "operationIds": { "alias": "operationIds"; "required": false; "isSignal": true; }; "uniqueOperationIds": { "alias": "uniqueOperationIds"; "required": false; "isSignal": true; }; "appInstanceId": { "alias": "appInstanceId"; "required": false; "isSignal": true; }; "searchDelimiter": { "alias": "searchDelimiter"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NoopTreeSelectDirective; inputs: {}; outputs: {}; }]>;
37
+ }
38
+
39
+ interface LuCoreSelectLegalUnit extends ILuApiItem {
40
+ countryId: number;
41
+ }
42
+ interface LuCoreSelectEstablishment extends ILuApiItem {
43
+ code: string;
44
+ legalUnitId: number;
45
+ legalUnit: LuCoreSelectLegalUnit;
46
+ }
47
+
48
+ export { LuCoreSelectDepartmentsDirective, NoopTreeSelectDirective };
49
+ export type { LuCoreSelectEstablishment, LuCoreSelectLegalUnit };
@@ -6,7 +6,7 @@ import { LuTranslation, PortalContent } from '@lucca-front/ng/core';
6
6
  import { OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
7
7
  import { ControlValueAccessor } from '@angular/forms';
8
8
  import * as rxjs from 'rxjs';
9
- import { BehaviorSubject, Observable, ReplaySubject, Subject } from 'rxjs';
9
+ import { BehaviorSubject, Observable, Subject, ReplaySubject } from 'rxjs';
10
10
  import { Highlightable } from '@angular/cdk/a11y';
11
11
 
12
12
  declare const LU_CORE_SELECT_TRANSLATIONS: InjectionToken<LuTranslation<LuCoreSelectLabel>>;
@@ -57,6 +57,12 @@ interface CoreSelectApiTotalCountProvider {
57
57
  totalCount$: Observable<number>;
58
58
  }
59
59
  declare const CORE_SELECT_API_TOTAL_COUNT_PROVIDER: InjectionToken<CoreSelectApiTotalCountProvider>;
60
+ declare abstract class ɵIsSelectedStrategy<TOption> {
61
+ abstract isSelected(option: TOption, selectedOptions: TOption[], optionComparer: LuOptionComparer<TOption>): boolean;
62
+ abstract isGroupSelected(options: TOption[], notSelectedOptions: TOption[]): boolean;
63
+ static ɵfac: i0.ɵɵFactoryDeclaration<ɵIsSelectedStrategy<any>, never>;
64
+ static ɵprov: i0.ɵɵInjectableDeclaration<ɵIsSelectedStrategy<any>>;
65
+ }
60
66
 
61
67
  interface LuOptionGrouping<TOption, TGroup> {
62
68
  selector: (option: TOption) => TGroup;
@@ -102,6 +108,11 @@ declare class LuOptionOutletDirective<T> implements OnChanges, OnDestroy {
102
108
  static ɵdir: i0.ɵɵDirectiveDeclaration<LuOptionOutletDirective<any>, "[luOptionOutlet]", never, { "luOptionOutlet": { "alias": "luOptionOutlet"; "required": false; }; "luOptionOutletValue": { "alias": "luOptionOutletValue"; "required": false; }; "luOptionShowNull": { "alias": "luOptionShowNull"; "required": false; }; }, {}, never, never, true, never>;
103
109
  }
104
110
 
111
+ interface OptionTranslate {
112
+ onlyParent: string;
113
+ onlyChildren: string;
114
+ }
115
+
105
116
  type GroupTemplateLocation = 'group-header' | 'option' | 'none';
106
117
  /**
107
118
  * In order to avoid a blinking when we go from empty clue to a clue
@@ -125,17 +136,21 @@ declare class CoreSelectPanelElement<T> implements Highlightable, OnDestroy {
125
136
  setActiveStyles(): void;
126
137
  setInactiveStyles(): void;
127
138
  static ɵfac: i0.ɵɵFactoryDeclaration<CoreSelectPanelElement<any>, never>;
128
- static ɵdir: i0.ɵɵDirectiveDeclaration<CoreSelectPanelElement<any>, "[luCoreSelectPanelElement]", never, { "elementId": { "alias": "elementId"; "required": false; "isSignal": true; }; "isSelected": { "alias": "isSelected"; "required": false; "isSignal": true; }; "option": { "alias": "option"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "isSelected": "isSelectedChange"; "selected": "selected"; }, never, never, true, never>;
139
+ static ɵdir: i0.ɵɵDirectiveDeclaration<CoreSelectPanelElement<any>, "[luCoreSelectPanelElement]", ["luCoreSelectPanelElement"], { "elementId": { "alias": "elementId"; "required": false; "isSignal": true; }; "isSelected": { "alias": "isSelected"; "required": false; "isSignal": true; }; "option": { "alias": "option"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "isSelected": "isSelectedChange"; "selected": "selected"; }, never, never, true, never>;
129
140
  }
130
141
 
131
142
  declare class LuOptionComponent<T> implements AfterViewInit, OnDestroy, OnInit {
132
143
  protected selectableItem: CoreSelectPanelElement<any>;
144
+ protected intl: OptionTranslate;
133
145
  hasOptionItemClass: boolean;
134
146
  optionTpl: TemplateRef<LuOptionContext<T>> | Type<unknown> | undefined;
135
147
  option?: T;
136
148
  grouping?: LuOptionGrouping<T, unknown>;
149
+ hasChildren: i0.InputSignalWithTransform<boolean, unknown>;
150
+ onlyParent: i0.OutputEmitterRef<void>;
151
+ onlyChildren: i0.OutputEmitterRef<void>;
137
152
  groupIndex: i0.InputSignal<number>;
138
- optionIndex: number;
153
+ optionIndex: i0.InputSignalWithTransform<string, string | number>;
139
154
  scrollIntoViewOptions: ScrollIntoViewOptions;
140
155
  groupTemplateLocation: i0.InputSignal<GroupTemplateLocation>;
141
156
  private optionContext?;
@@ -150,7 +165,7 @@ declare class LuOptionComponent<T> implements AfterViewInit, OnDestroy, OnInit {
150
165
  ngAfterViewInit(): void;
151
166
  selectOption($event: Event): void;
152
167
  static ɵfac: i0.ɵɵFactoryDeclaration<LuOptionComponent<any>, never>;
153
- static ɵcmp: i0.ɵɵComponentDeclaration<LuOptionComponent<any>, "lu-select-option", never, { "optionTpl": { "alias": "optionTpl"; "required": false; }; "option": { "alias": "option"; "required": false; }; "grouping": { "alias": "grouping"; "required": false; }; "groupIndex": { "alias": "groupIndex"; "required": false; "isSignal": true; }; "optionIndex": { "alias": "optionIndex"; "required": false; }; "scrollIntoViewOptions": { "alias": "scrollIntoViewOptions"; "required": false; }; "groupTemplateLocation": { "alias": "groupTemplateLocation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
168
+ static ɵcmp: i0.ɵɵComponentDeclaration<LuOptionComponent<any>, "lu-select-option", never, { "optionTpl": { "alias": "optionTpl"; "required": false; }; "option": { "alias": "option"; "required": false; }; "grouping": { "alias": "grouping"; "required": false; }; "hasChildren": { "alias": "hasChildren"; "required": false; "isSignal": true; }; "groupIndex": { "alias": "groupIndex"; "required": false; "isSignal": true; }; "optionIndex": { "alias": "optionIndex"; "required": true; "isSignal": true; }; "scrollIntoViewOptions": { "alias": "scrollIntoViewOptions"; "required": false; }; "groupTemplateLocation": { "alias": "groupTemplateLocation"; "required": false; "isSignal": true; }; }, { "onlyParent": "onlyParent"; "onlyChildren": "onlyChildren"; }, never, never, true, never>;
154
169
  }
155
170
 
156
171
  declare class LuOptionDirective<TOption, TValue> {
@@ -210,6 +225,16 @@ interface CoreSelectPanelInstance<T = unknown> {
210
225
  }
211
226
  declare const SELECT_PANEL_INSTANCE: InjectionToken<CoreSelectPanelInstance<unknown>>;
212
227
 
228
+ type TreeGroupingFn<T> = (value: T, array: T[]) => T | null;
229
+ interface TreeNode<T> {
230
+ node: T;
231
+ children?: TreeNode<T>[];
232
+ }
233
+
234
+ interface TreeGenerator<T, R extends TreeNode<unknown>> {
235
+ generateTrees(items: T[]): R[];
236
+ }
237
+
213
238
  declare const coreSelectDefaultOptionComparer: LuOptionComparer<unknown>;
214
239
  declare const coreSelectDefaultOptionKey: (option: unknown) => unknown;
215
240
  declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDestroy, OnInit, ControlValueAccessor, FilterPillInputComponent {
@@ -223,6 +248,8 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
223
248
  protected afterCloseFn?: () => void;
224
249
  protected updatePositionFn?: () => void;
225
250
  protected filterPillMode: boolean;
251
+ selectParent$?: Subject<void>;
252
+ selectChildren$?: Subject<void>;
226
253
  private inputElementRef;
227
254
  placeholder$: BehaviorSubject<string>;
228
255
  disabled$: BehaviorSubject<boolean>;
@@ -253,6 +280,7 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
253
280
  panelHeaderTpl: i0.ModelSignal<Type<unknown> | TemplateRef<void>>;
254
281
  displayerTpl: i0.Signal<Type<unknown> | TemplateRef<LuOptionContext<TOption>>>;
255
282
  grouping?: LuOptionGrouping<TOption, unknown>;
283
+ treeGenerator?: TreeGenerator<TOption, TreeNode<TOption>>;
256
284
  clueChange: EventEmitter<string>;
257
285
  nextPage: EventEmitter<void>;
258
286
  previousPage: EventEmitter<void>;
@@ -316,6 +344,12 @@ declare class LuCoreSelectTotalCountDirective implements CoreSelectApiTotalCount
316
344
  static ɵdir: i0.ɵɵDirectiveDeclaration<LuCoreSelectTotalCountDirective, "lu-simple-select[totalCount],lu-multi-select[totalCount]", never, { "totalCount": { "alias": "totalCount"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
317
345
  }
318
346
 
347
+ declare class TreeDisplayPipe<T> implements PipeTransform {
348
+ transform(items: T[], treeGenerator: TreeGenerator<T, TreeNode<T>>): TreeNode<T>[];
349
+ static ɵfac: i0.ɵɵFactoryDeclaration<TreeDisplayPipe<any>, never>;
350
+ static ɵpipe: i0.ɵɵPipeDeclaration<TreeDisplayPipe<any>, "luTreeDisplay", true>;
351
+ }
352
+
319
353
  declare class LuDisplayerDirective<TOption, TValue> {
320
354
  private templateRef;
321
355
  set select(select: ALuSelectInputComponent<TOption, TValue>);
@@ -333,5 +367,12 @@ declare class LuCoreSelectNoClueDirective {
333
367
 
334
368
  declare const applySearchDelimiter: (clue: string, delimiter: string) => string;
335
369
 
336
- export { ALuSelectInputComponent, CORE_SELECT_API_TOTAL_COUNT_PROVIDER, CoreSelectKeyManager, LU_CORE_SELECT_TRANSLATIONS, LU_OPTION_CONTEXT, LuCoreSelectNoClueDirective, LuCoreSelectPanelHeaderDirective, LuCoreSelectTotalCountDirective, LuDisabledOptionDirective, LuDisplayerDirective, LuOptionDirective, LuOptionGroupDirective, LuSelectPanelRef, LuSimpleSelectDefaultOptionComponent, SELECT_ID, SELECT_LABEL, SELECT_LABEL_ID, SELECT_PANEL_INSTANCE, addAttributesOnCdkContainer, applySearchDelimiter, coreSelectDefaultOptionComparer, coreSelectDefaultOptionKey, luCoreSelectTranslations, provideLuSelectLabelsAndIds, provideOptionContext, CoreSelectPanelElement as ɵCoreSelectPanelElement, LuOptionComponent as ɵLuOptionComponent, LuOptionGroupPipe as ɵLuOptionGroupPipe, LuOptionOutletDirective as ɵLuOptionOutletDirective, generateGroups as ɵgenerateGroups, getGroupTemplateLocation as ɵgetGroupTemplateLocation };
337
- export type { CoreSelectAddOptionStrategy, CoreSelectApiTotalCountProvider, CoreSelectPanelInstance, ILuOptionContext, LuCoreSelectLabel, LuOptionComparer, LuOptionContext, LuOptionGroup, LuOptionGroupByContext, LuOptionGrouping };
370
+ declare class LuIsOptionSelectedPipe<T> implements PipeTransform {
371
+ #private;
372
+ transform(option: T, comparer: LuOptionComparer<T>, selectedOptions: T[]): boolean;
373
+ static ɵfac: i0.ɵɵFactoryDeclaration<LuIsOptionSelectedPipe<any>, never>;
374
+ static ɵpipe: i0.ɵɵPipeDeclaration<LuIsOptionSelectedPipe<any>, "luIsOptionSelected", true>;
375
+ }
376
+
377
+ export { ALuSelectInputComponent, CORE_SELECT_API_TOTAL_COUNT_PROVIDER, CoreSelectKeyManager, LU_CORE_SELECT_TRANSLATIONS, LU_OPTION_CONTEXT, LuCoreSelectNoClueDirective, LuCoreSelectPanelHeaderDirective, LuCoreSelectTotalCountDirective, LuDisabledOptionDirective, LuDisplayerDirective, LuIsOptionSelectedPipe, LuOptionDirective, LuOptionGroupDirective, LuSelectPanelRef, LuSimpleSelectDefaultOptionComponent, SELECT_ID, SELECT_LABEL, SELECT_LABEL_ID, SELECT_PANEL_INSTANCE, TreeDisplayPipe, addAttributesOnCdkContainer, applySearchDelimiter, coreSelectDefaultOptionComparer, coreSelectDefaultOptionKey, luCoreSelectTranslations, provideLuSelectLabelsAndIds, provideOptionContext, CoreSelectPanelElement as ɵCoreSelectPanelElement, ɵIsSelectedStrategy, LuOptionComponent as ɵLuOptionComponent, LuOptionGroupPipe as ɵLuOptionGroupPipe, LuOptionOutletDirective as ɵLuOptionOutletDirective, generateGroups as ɵgenerateGroups, getGroupTemplateLocation as ɵgetGroupTemplateLocation };
378
+ export type { CoreSelectAddOptionStrategy, CoreSelectApiTotalCountProvider, CoreSelectPanelInstance, ILuOptionContext, LuCoreSelectLabel, LuOptionComparer, LuOptionContext, LuOptionGroup, LuOptionGroupByContext, LuOptionGrouping, TreeGenerator, TreeGroupingFn, TreeNode };
package/date2/index.d.ts CHANGED
@@ -204,7 +204,7 @@ type DateInputValidatorErrorType = {
204
204
  };
205
205
  declare class DateInputComponent extends AbstractDateComponent implements OnInit, ControlValueAccessor, Validator, FilterPillInputComponent {
206
206
  #private;
207
- autocomplete: _angular_core.InputSignal<string>;
207
+ autocomplete: _angular_core.InputSignal<AutoFill>;
208
208
  placeholder: _angular_core.InputSignal<string>;
209
209
  disableOverflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
210
210
  hideOverflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -272,7 +272,7 @@ declare class DateRangeInputComponent extends AbstractDateComponent implements O
272
272
  editedField: _angular_core.WritableSignal<0 | 1 | -1>;
273
273
  highlightedField: _angular_core.WritableSignal<0 | 1 | -1>;
274
274
  shortcuts: _angular_core.InputSignal<readonly CalendarShortcut[]>;
275
- autocomplete: _angular_core.InputSignal<string>;
275
+ autocomplete: _angular_core.InputSignal<AutoFill>;
276
276
  protected currentRightDate: Signal<Date>;
277
277
  protected currentStartDisplayDate: Signal<Date>;
278
278
  protected currentEndDisplayDate: Signal<Date>;
@@ -62,6 +62,9 @@ declare class LuDepartmentV4Service {
62
62
  static ɵprov: i0.ɵɵInjectableDeclaration<LuDepartmentV4Service>;
63
63
  }
64
64
 
65
+ /**
66
+ * @deprecated
67
+ */
65
68
  declare class LuDepartmentFeederComponent extends ALuTreeOptionOperator<ILuDepartment> implements ILuTreeOptionOperator<ILuDepartment>, ILuOnOpenSubscriber {
66
69
  inOptions$: Observable<ILuTree<ILuDepartment>[]>;
67
70
  outOptions$: Observable<ILuTree<ILuDepartment>[]>;
@@ -83,6 +86,9 @@ interface ILuDepartmentSelectInputLabel {
83
86
  }
84
87
  declare const luDepartmentSelectInputTranslations: LuTranslation<ILuDepartmentSelectInputLabel>;
85
88
 
89
+ /**
90
+ * @deprecated
91
+ */
86
92
  declare class LuDepartmentSelectInputComponent<D extends ILuDepartment = ILuDepartment, P extends ILuTreeOptionPickerPanel<D> = ILuTreeOptionPickerPanel<D>> extends ALuSelectInputComponent<D, P> implements ControlValueAccessor, ILuInputWithPicker<D>, AfterViewInit {
87
93
  protected _changeDetectorRef: ChangeDetectorRef;
88
94
  protected _overlay: Overlay;
@@ -101,6 +107,9 @@ declare class LuDepartmentSelectInputComponent<D extends ILuDepartment = ILuDepa
101
107
  static ɵcmp: i0.ɵɵComponentDeclaration<LuDepartmentSelectInputComponent<any, any>, "lu-department-select", never, { "appInstanceId": { "alias": "appInstanceId"; "required": false; }; "operations": { "alias": "operations"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "uniqueOperation": { "alias": "uniqueOperation"; "required": false; }; }, {}, never, never, true, never>;
102
108
  }
103
109
 
110
+ /**
111
+ * @deprecated
112
+ */
104
113
  declare class LuDepartmentSelectModule {
105
114
  static ɵfac: i0.ɵɵFactoryDeclaration<LuDepartmentSelectModule, never>;
106
115
  static ɵmod: i0.ɵɵNgModuleDeclaration<LuDepartmentSelectModule, never, [typeof LuDepartmentFeederComponent, typeof LuDepartmentSelectInputComponent], [typeof LuDepartmentFeederComponent, typeof LuDepartmentSelectInputComponent]>;
package/dialog/index.d.ts CHANGED
@@ -22,14 +22,19 @@ interface LuDialogHeaderTranslations {
22
22
  }
23
23
  declare const luDialogHeaderTranslations: LuTranslation<LuDialogHeaderTranslations>;
24
24
 
25
+ declare class DialogHeaderAction {
26
+ static ɵfac: i0.ɵɵFactoryDeclaration<DialogHeaderAction, never>;
27
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DialogHeaderAction, "[dialogHeaderAction]", never, {}, {}, never, never, true, never>;
28
+ }
25
29
  declare class DialogHeaderComponent implements OnInit {
26
30
  #private;
27
31
  intl: LuDialogHeaderTranslations;
28
32
  dismissible: boolean;
29
33
  close(): void;
34
+ optionalAction: i0.Signal<DialogHeaderAction>;
30
35
  ngOnInit(): void;
31
36
  static ɵfac: i0.ɵɵFactoryDeclaration<DialogHeaderComponent, never>;
32
- static ɵcmp: i0.ɵɵComponentDeclaration<DialogHeaderComponent, "lu-dialog-header", never, {}, {}, never, ["*"], true, never>;
37
+ static ɵcmp: i0.ɵɵComponentDeclaration<DialogHeaderComponent, "lu-dialog-header", never, {}, {}, ["optionalAction"], ["[dialogHeaderAction]", "*"], true, never>;
33
38
  }
34
39
 
35
40
  declare function configureLuDialog(): EnvironmentProviders;
@@ -246,5 +251,5 @@ declare class DialogRoutingComponent<C> implements OnInit {
246
251
  static ɵcmp: i0.ɵɵComponentDeclaration<DialogRoutingComponent<any>, "lu-dialog-routing", never, {}, {}, never, never, true, never>;
247
252
  }
248
253
 
249
- export { DIALOG_ROUTE_CONFIG, DialogCloseDirective, DialogComponent, DialogContentComponent, DialogDismissDirective, DialogFooterComponent, DialogHeaderComponent, DialogOpenDirective, DialogRoutingComponent, LU_DIALOG_HEADER_TRANSLATIONS, LuDialogRef, LuDialogService, configureLuDialog, createDialogRoute, defaultOnClosedFn, deferrableToObservable, deferrableToPromise, dialogRouteFactory, injectDialogData, injectDialogRef, luDialogHeaderTranslations, provideLuDialog };
254
+ export { DIALOG_ROUTE_CONFIG, DialogCloseDirective, DialogComponent, DialogContentComponent, DialogDismissDirective, DialogFooterComponent, DialogHeaderAction, DialogHeaderComponent, DialogOpenDirective, DialogRoutingComponent, LU_DIALOG_HEADER_TRANSLATIONS, LuDialogRef, LuDialogService, configureLuDialog, createDialogRoute, defaultOnClosedFn, deferrableToObservable, deferrableToPromise, dialogRouteFactory, injectDialogData, injectDialogRef, luDialogHeaderTranslations, provideLuDialog };
250
255
  export type { Deferrable, DialogFactoryConfig, DialogFactoryResult, DialogFactoryResultOptions, DialogRouteConfig, LuDialogConfig, LuDialogData, LuDialogHeaderTranslations, LuDialogResult, LuDialogSelfRef, ɵDialogDataFlag, ɵDialogResultFlag };
@@ -73,11 +73,11 @@ class LuSkipLinksComponent {
73
73
  this.#document.location.hash = hash;
74
74
  }
75
75
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuSkipLinksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
76
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: LuSkipLinksComponent, isStandalone: true, selector: "lu-skip-links", ngImport: i0, template: "<nav role=\"navigation\" id=\"top\" class=\"skipLinks\" [attr.aria-label]=\"intl.Goto\">\n\t<a\n\t\tclass=\"skipLinks-action palette-neutral mod-XS\"\n\t\thref=\"#lucca-banner-solutions-container\"\n\t\t(click)=\"anchor('#lucca-banner-solutions-container', $event)\"\n\t\t>{{ intl.Goto_Nav_Banner }}</a\n\t>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#navSide\" (click)=\"anchor('#navSide', $event)\">{{ intl.Goto_Nav_Navside }}</a>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#main-content\" (click)=\"anchor('#main-content', $event)\">{{\n\t\tintl.Goto_Content\n\t}}</a>\n</nav>\n", styles: [".skipLinks{position:fixed;list-style-type:none;justify-content:center;display:flex;margin:0;padding:0;z-index:9010;inset:var(--pr-t-spacings-150);inset-block-end:auto}.skipLinks-action{border:0;margin:0;border-radius:var(--commons-borderRadius-M);font:var(--pr-t-font-body-XS);font-weight:600;padding-block:var(--pr-t-spacings-50);padding-inline:var(--pr-t-spacings-100);transition:all var(--commons-animations-durations-fast);background-color:var(--palettes-neutral-600);display:inline-block;position:relative;text-decoration:none;vertical-align:baseline;white-space:nowrap;color:var(--pr-t-color-text-reverse);cursor:pointer}.skipLinks-action:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px}.skipLinks-action:not(:focus-visible){border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
76
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.2", type: LuSkipLinksComponent, isStandalone: true, selector: "lu-skip-links", ngImport: i0, template: "<nav role=\"navigation\" id=\"top\" class=\"skipLinks\" [attr.aria-label]=\"intl.Goto\">\n\t<a\n\t\tclass=\"skipLinks-action palette-neutral mod-XS\"\n\t\thref=\"#lucca-banner-solutions-container\"\n\t\t(click)=\"anchor('#lucca-banner-solutions-container', $event)\"\n\t\t>{{ intl.Goto_Nav_Banner }}</a\n\t>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#navSide\" (click)=\"anchor('#navSide', $event)\">{{ intl.Goto_Nav_Navside }}</a>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#main-content\" (click)=\"anchor('#main-content', $event)\">{{\n\t\tintl.Goto_Content\n\t}}</a>\n</nav>\n", styles: ["@layer components{.skipLinks{position:fixed;list-style-type:none;justify-content:center;display:flex;margin:0;padding:0;z-index:9010;inset:var(--pr-t-spacings-150);inset-block-end:auto}.skipLinks-action{border:0;margin:0;border-radius:var(--pr-t-border-radius-default);font:var(--pr-t-font-body-XS);font-weight:600;padding-block:var(--pr-t-spacings-50);padding-inline:var(--pr-t-spacings-100);transition:all var(--commons-animations-durations-fast);background-color:var(--palettes-neutral-600);display:inline-block;position:relative;text-decoration:none;vertical-align:baseline;white-space:nowrap;color:var(--pr-t-color-text-reverse);cursor:pointer}.skipLinks-action:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px}.skipLinks-action:not(:focus-visible){border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
77
77
  }
78
78
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuSkipLinksComponent, decorators: [{
79
79
  type: Component,
80
- args: [{ selector: 'lu-skip-links', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, encapsulation: ViewEncapsulation.None, template: "<nav role=\"navigation\" id=\"top\" class=\"skipLinks\" [attr.aria-label]=\"intl.Goto\">\n\t<a\n\t\tclass=\"skipLinks-action palette-neutral mod-XS\"\n\t\thref=\"#lucca-banner-solutions-container\"\n\t\t(click)=\"anchor('#lucca-banner-solutions-container', $event)\"\n\t\t>{{ intl.Goto_Nav_Banner }}</a\n\t>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#navSide\" (click)=\"anchor('#navSide', $event)\">{{ intl.Goto_Nav_Navside }}</a>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#main-content\" (click)=\"anchor('#main-content', $event)\">{{\n\t\tintl.Goto_Content\n\t}}</a>\n</nav>\n", styles: [".skipLinks{position:fixed;list-style-type:none;justify-content:center;display:flex;margin:0;padding:0;z-index:9010;inset:var(--pr-t-spacings-150);inset-block-end:auto}.skipLinks-action{border:0;margin:0;border-radius:var(--commons-borderRadius-M);font:var(--pr-t-font-body-XS);font-weight:600;padding-block:var(--pr-t-spacings-50);padding-inline:var(--pr-t-spacings-100);transition:all var(--commons-animations-durations-fast);background-color:var(--palettes-neutral-600);display:inline-block;position:relative;text-decoration:none;vertical-align:baseline;white-space:nowrap;color:var(--pr-t-color-text-reverse);cursor:pointer}.skipLinks-action:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px}.skipLinks-action:not(:focus-visible){border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}\n"] }]
80
+ args: [{ selector: 'lu-skip-links', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, encapsulation: ViewEncapsulation.None, template: "<nav role=\"navigation\" id=\"top\" class=\"skipLinks\" [attr.aria-label]=\"intl.Goto\">\n\t<a\n\t\tclass=\"skipLinks-action palette-neutral mod-XS\"\n\t\thref=\"#lucca-banner-solutions-container\"\n\t\t(click)=\"anchor('#lucca-banner-solutions-container', $event)\"\n\t\t>{{ intl.Goto_Nav_Banner }}</a\n\t>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#navSide\" (click)=\"anchor('#navSide', $event)\">{{ intl.Goto_Nav_Navside }}</a>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#main-content\" (click)=\"anchor('#main-content', $event)\">{{\n\t\tintl.Goto_Content\n\t}}</a>\n</nav>\n", styles: ["@layer components{.skipLinks{position:fixed;list-style-type:none;justify-content:center;display:flex;margin:0;padding:0;z-index:9010;inset:var(--pr-t-spacings-150);inset-block-end:auto}.skipLinks-action{border:0;margin:0;border-radius:var(--pr-t-border-radius-default);font:var(--pr-t-font-body-XS);font-weight:600;padding-block:var(--pr-t-spacings-50);padding-inline:var(--pr-t-spacings-100);transition:all var(--commons-animations-durations-fast);background-color:var(--palettes-neutral-600);display:inline-block;position:relative;text-decoration:none;vertical-align:baseline;white-space:nowrap;color:var(--pr-t-color-text-reverse);cursor:pointer}.skipLinks-action:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px}.skipLinks-action:not(:focus-visible){border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}}\n"] }]
81
81
  }] });
82
82
 
83
83
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"lucca-front-ng-a11y.mjs","sources":["../../../packages/ng/a11y/skip-links/translations.ts","../../../packages/ng/a11y/skip-links/skip-links.translate.ts","../../../packages/ng/a11y/skip-links/skip-links.component.ts","../../../packages/ng/a11y/skip-links/skip-links.component.html","../../../packages/ng/a11y/lucca-front-ng-a11y.ts"],"sourcesContent":["export const Translations = {\n\ten: {\n\t\tGoto: 'Quick access',\n\t\tGoto_Nav_Banner: 'Go to the main navigation menu',\n\t\tGoto_Nav_Navside: 'Go to the internal navigation menu',\n\t\tGoto_Content: 'Go to content',\n\t},\n\tde: {\n\t\tGoto: 'Schnellzugriff',\n\t\tGoto_Nav_Banner: 'Zur Hauptnavigation',\n\t\tGoto_Nav_Navside: 'Zur internen Navigation',\n\t\tGoto_Content: 'Zum Inhalt',\n\t},\n\tfr: {\n\t\tGoto: 'Accès rapides',\n\t\tGoto_Nav_Banner: 'Aller à la navigation principale',\n\t\tGoto_Nav_Navside: 'Aller à la navigation interne',\n\t\tGoto_Content: 'Aller au contenu',\n\t},\n\tit: {\n\t\tGoto: 'Accesso rapido',\n\t\tGoto_Nav_Banner: 'Vai alla navigazione principale',\n\t\tGoto_Nav_Navside: 'Vai alla navigazione interna',\n\t\tGoto_Content: 'Vai al contenuto',\n\t},\n\tnl: {\n\t\tGoto: 'Snelle toegang',\n\t\tGoto_Nav_Banner: 'Ga naar hoofdnavigatie',\n\t\tGoto_Nav_Navside: 'Ga naar interne navigatie',\n\t\tGoto_Content: 'Ga naar inhoud',\n\t},\n\t'nl-BE': {\n\t\tGoto: 'Snelle toegang',\n\t\tGoto_Nav_Banner: 'Ga naar hoofdnavigatie',\n\t\tGoto_Nav_Navside: 'Ga naar interne navigatie',\n\t\tGoto_Content: 'Ga naar inhoud',\n\t},\n\tes: {\n\t\tGoto: 'Accesos rápidos',\n\t\tGoto_Nav_Banner: 'Ir a la navegación principal',\n\t\tGoto_Nav_Navside: 'Ir a la navegación interna',\n\t\tGoto_Content: 'Ir al contenido',\n\t},\n\tpt: {\n\t\tGoto: 'Acesso rápido',\n\t\tGoto_Nav_Banner: 'Ir para a navegação principal',\n\t\tGoto_Nav_Navside: 'Ir para a navegação interna',\n\t\tGoto_Content: 'Ir para o conteúdo',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_SKIP_LINKS_TRANSLATIONS = new InjectionToken<LuTranslation<ILuSkipLinksLabel>>('LuModalTranslations', {\n\tfactory: () => luSkipLinksTranslations,\n});\n\nexport interface ILuSkipLinksLabel {\n\tGoto: string;\n\tGoto_Nav_Banner: string;\n\tGoto_Nav_Navside: string;\n\tGoto_Content: string;\n}\nexport abstract class ALuSkipLinksLabel {\n\tGoto: string;\n\tGoto_Nav_Banner: string;\n\tGoto_Nav_Navside: string;\n\tGoto_Content: string;\n}\n\nexport const luSkipLinksTranslations: LuTranslation<ILuSkipLinksLabel> = Translations;\n","import { DOCUMENT } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';\nimport { getIntl } from '@lucca-front/ng/core';\nimport { LU_SKIP_LINKS_TRANSLATIONS } from './skip-links.translate';\n\n@Component({\n\tselector: 'lu-skip-links',\n\ttemplateUrl: './skip-links.component.html',\n\tstyleUrls: ['./skip-links.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class LuSkipLinksComponent {\n\t#document = inject(DOCUMENT);\n\n\tprotected intl = getIntl(LU_SKIP_LINKS_TRANSLATIONS);\n\n\tanchor(hash: string, e: Event) {\n\t\te.preventDefault();\n\t\tthis.#document.location.hash = '';\n\t\tthis.#document.location.hash = hash;\n\t}\n}\n","<nav role=\"navigation\" id=\"top\" class=\"skipLinks\" [attr.aria-label]=\"intl.Goto\">\n\t<a\n\t\tclass=\"skipLinks-action palette-neutral mod-XS\"\n\t\thref=\"#lucca-banner-solutions-container\"\n\t\t(click)=\"anchor('#lucca-banner-solutions-container', $event)\"\n\t\t>{{ intl.Goto_Nav_Banner }}</a\n\t>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#navSide\" (click)=\"anchor('#navSide', $event)\">{{ intl.Goto_Nav_Navside }}</a>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#main-content\" (click)=\"anchor('#main-content', $event)\">{{\n\t\tintl.Goto_Content\n\t}}</a>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAAO,MAAM,YAAY,GAAG;AAC3B,IAAA,EAAE,EAAE;AACH,QAAA,IAAI,EAAE,cAAc;AACpB,QAAA,eAAe,EAAE,gCAAgC;AACjD,QAAA,gBAAgB,EAAE,oCAAoC;AACtD,QAAA,YAAY,EAAE,eAAe;AAC7B,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,IAAI,EAAE,gBAAgB;AACtB,QAAA,eAAe,EAAE,qBAAqB;AACtC,QAAA,gBAAgB,EAAE,yBAAyB;AAC3C,QAAA,YAAY,EAAE,YAAY;AAC1B,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,IAAI,EAAE,eAAe;AACrB,QAAA,eAAe,EAAE,kCAAkC;AACnD,QAAA,gBAAgB,EAAE,+BAA+B;AACjD,QAAA,YAAY,EAAE,kBAAkB;AAChC,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,IAAI,EAAE,gBAAgB;AACtB,QAAA,eAAe,EAAE,iCAAiC;AAClD,QAAA,gBAAgB,EAAE,8BAA8B;AAChD,QAAA,YAAY,EAAE,kBAAkB;AAChC,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,IAAI,EAAE,gBAAgB;AACtB,QAAA,eAAe,EAAE,wBAAwB;AACzC,QAAA,gBAAgB,EAAE,2BAA2B;AAC7C,QAAA,YAAY,EAAE,gBAAgB;AAC9B,KAAA;AACD,IAAA,OAAO,EAAE;AACR,QAAA,IAAI,EAAE,gBAAgB;AACtB,QAAA,eAAe,EAAE,wBAAwB;AACzC,QAAA,gBAAgB,EAAE,2BAA2B;AAC7C,QAAA,YAAY,EAAE,gBAAgB;AAC9B,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,IAAI,EAAE,iBAAiB;AACvB,QAAA,eAAe,EAAE,8BAA8B;AAC/C,QAAA,gBAAgB,EAAE,4BAA4B;AAC9C,QAAA,YAAY,EAAE,iBAAiB;AAC/B,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,IAAI,EAAE,eAAe;AACrB,QAAA,eAAe,EAAE,+BAA+B;AAChD,QAAA,gBAAgB,EAAE,6BAA6B;AAC/C,QAAA,YAAY,EAAE,oBAAoB;AAClC,KAAA;CACD;;MC7CY,0BAA0B,GAAG,IAAI,cAAc,CAAmC,qBAAqB,EAAE;AACrH,IAAA,OAAO,EAAE,MAAM,uBAAuB;AACtC,CAAA;MAQqB,iBAAiB,CAAA;AAKtC;AAEM,MAAM,uBAAuB,GAAqC;;MCR5D,oBAAoB,CAAA;AARjC,IAAA,WAAA,GAAA;AASC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;AAElB,QAAA,IAAA,CAAA,IAAI,GAAG,OAAO,CAAC,0BAA0B,CAAC;AAOpD;AATA,IAAA,SAAS;IAIT,MAAM,CAAC,IAAY,EAAE,CAAQ,EAAA;QAC5B,CAAC,CAAC,cAAc,EAAE;QAClB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,GAAG,EAAE;QACjC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI;;8GARxB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,yECbjC,+mBAYA,EAAA,MAAA,EAAA,CAAA,05BAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDCa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;+BACC,eAAe,EAAA,eAAA,EAGR,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,aAAA,EACD,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,+mBAAA,EAAA,MAAA,EAAA,CAAA,05BAAA,CAAA,EAAA;;;AEXtC;;AAEG;;;;"}
1
+ {"version":3,"file":"lucca-front-ng-a11y.mjs","sources":["../../../packages/ng/a11y/skip-links/translations.ts","../../../packages/ng/a11y/skip-links/skip-links.translate.ts","../../../packages/ng/a11y/skip-links/skip-links.component.ts","../../../packages/ng/a11y/skip-links/skip-links.component.html","../../../packages/ng/a11y/lucca-front-ng-a11y.ts"],"sourcesContent":["export const Translations = {\n\ten: {\n\t\tGoto: 'Quick access',\n\t\tGoto_Nav_Banner: 'Go to the main navigation menu',\n\t\tGoto_Nav_Navside: 'Go to the internal navigation menu',\n\t\tGoto_Content: 'Go to content',\n\t},\n\tde: {\n\t\tGoto: 'Schnellzugriff',\n\t\tGoto_Nav_Banner: 'Zur Hauptnavigation',\n\t\tGoto_Nav_Navside: 'Zur internen Navigation',\n\t\tGoto_Content: 'Zum Inhalt',\n\t},\n\tfr: {\n\t\tGoto: 'Accès rapides',\n\t\tGoto_Nav_Banner: 'Aller à la navigation principale',\n\t\tGoto_Nav_Navside: 'Aller à la navigation interne',\n\t\tGoto_Content: 'Aller au contenu',\n\t},\n\tit: {\n\t\tGoto: 'Accesso rapido',\n\t\tGoto_Nav_Banner: 'Vai alla navigazione principale',\n\t\tGoto_Nav_Navside: 'Vai alla navigazione interna',\n\t\tGoto_Content: 'Vai al contenuto',\n\t},\n\tnl: {\n\t\tGoto: 'Snelle toegang',\n\t\tGoto_Nav_Banner: 'Ga naar hoofdnavigatie',\n\t\tGoto_Nav_Navside: 'Ga naar interne navigatie',\n\t\tGoto_Content: 'Ga naar inhoud',\n\t},\n\t'nl-BE': {\n\t\tGoto: 'Snelle toegang',\n\t\tGoto_Nav_Banner: 'Ga naar hoofdnavigatie',\n\t\tGoto_Nav_Navside: 'Ga naar interne navigatie',\n\t\tGoto_Content: 'Ga naar inhoud',\n\t},\n\tes: {\n\t\tGoto: 'Accesos rápidos',\n\t\tGoto_Nav_Banner: 'Ir a la navegación principal',\n\t\tGoto_Nav_Navside: 'Ir a la navegación interna',\n\t\tGoto_Content: 'Ir al contenido',\n\t},\n\tpt: {\n\t\tGoto: 'Acesso rápido',\n\t\tGoto_Nav_Banner: 'Ir para a navegação principal',\n\t\tGoto_Nav_Navside: 'Ir para a navegação interna',\n\t\tGoto_Content: 'Ir para o conteúdo',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_SKIP_LINKS_TRANSLATIONS = new InjectionToken<LuTranslation<ILuSkipLinksLabel>>('LuModalTranslations', {\n\tfactory: () => luSkipLinksTranslations,\n});\n\nexport interface ILuSkipLinksLabel {\n\tGoto: string;\n\tGoto_Nav_Banner: string;\n\tGoto_Nav_Navside: string;\n\tGoto_Content: string;\n}\nexport abstract class ALuSkipLinksLabel {\n\tGoto: string;\n\tGoto_Nav_Banner: string;\n\tGoto_Nav_Navside: string;\n\tGoto_Content: string;\n}\n\nexport const luSkipLinksTranslations: LuTranslation<ILuSkipLinksLabel> = Translations;\n","import { DOCUMENT } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';\nimport { getIntl } from '@lucca-front/ng/core';\nimport { LU_SKIP_LINKS_TRANSLATIONS } from './skip-links.translate';\n\n@Component({\n\tselector: 'lu-skip-links',\n\ttemplateUrl: './skip-links.component.html',\n\tstyleUrls: ['./skip-links.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class LuSkipLinksComponent {\n\t#document = inject(DOCUMENT);\n\n\tprotected intl = getIntl(LU_SKIP_LINKS_TRANSLATIONS);\n\n\tanchor(hash: string, e: Event) {\n\t\te.preventDefault();\n\t\tthis.#document.location.hash = '';\n\t\tthis.#document.location.hash = hash;\n\t}\n}\n","<nav role=\"navigation\" id=\"top\" class=\"skipLinks\" [attr.aria-label]=\"intl.Goto\">\n\t<a\n\t\tclass=\"skipLinks-action palette-neutral mod-XS\"\n\t\thref=\"#lucca-banner-solutions-container\"\n\t\t(click)=\"anchor('#lucca-banner-solutions-container', $event)\"\n\t\t>{{ intl.Goto_Nav_Banner }}</a\n\t>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#navSide\" (click)=\"anchor('#navSide', $event)\">{{ intl.Goto_Nav_Navside }}</a>\n\t<a class=\"skipLinks-action palette-neutral mod-XS\" href=\"#main-content\" (click)=\"anchor('#main-content', $event)\">{{\n\t\tintl.Goto_Content\n\t}}</a>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAAO,MAAM,YAAY,GAAG;AAC3B,IAAA,EAAE,EAAE;AACH,QAAA,IAAI,EAAE,cAAc;AACpB,QAAA,eAAe,EAAE,gCAAgC;AACjD,QAAA,gBAAgB,EAAE,oCAAoC;AACtD,QAAA,YAAY,EAAE,eAAe;AAC7B,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,IAAI,EAAE,gBAAgB;AACtB,QAAA,eAAe,EAAE,qBAAqB;AACtC,QAAA,gBAAgB,EAAE,yBAAyB;AAC3C,QAAA,YAAY,EAAE,YAAY;AAC1B,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,IAAI,EAAE,eAAe;AACrB,QAAA,eAAe,EAAE,kCAAkC;AACnD,QAAA,gBAAgB,EAAE,+BAA+B;AACjD,QAAA,YAAY,EAAE,kBAAkB;AAChC,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,IAAI,EAAE,gBAAgB;AACtB,QAAA,eAAe,EAAE,iCAAiC;AAClD,QAAA,gBAAgB,EAAE,8BAA8B;AAChD,QAAA,YAAY,EAAE,kBAAkB;AAChC,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,IAAI,EAAE,gBAAgB;AACtB,QAAA,eAAe,EAAE,wBAAwB;AACzC,QAAA,gBAAgB,EAAE,2BAA2B;AAC7C,QAAA,YAAY,EAAE,gBAAgB;AAC9B,KAAA;AACD,IAAA,OAAO,EAAE;AACR,QAAA,IAAI,EAAE,gBAAgB;AACtB,QAAA,eAAe,EAAE,wBAAwB;AACzC,QAAA,gBAAgB,EAAE,2BAA2B;AAC7C,QAAA,YAAY,EAAE,gBAAgB;AAC9B,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,IAAI,EAAE,iBAAiB;AACvB,QAAA,eAAe,EAAE,8BAA8B;AAC/C,QAAA,gBAAgB,EAAE,4BAA4B;AAC9C,QAAA,YAAY,EAAE,iBAAiB;AAC/B,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,IAAI,EAAE,eAAe;AACrB,QAAA,eAAe,EAAE,+BAA+B;AAChD,QAAA,gBAAgB,EAAE,6BAA6B;AAC/C,QAAA,YAAY,EAAE,oBAAoB;AAClC,KAAA;CACD;;MC7CY,0BAA0B,GAAG,IAAI,cAAc,CAAmC,qBAAqB,EAAE;AACrH,IAAA,OAAO,EAAE,MAAM,uBAAuB;AACtC,CAAA;MAQqB,iBAAiB,CAAA;AAKtC;AAEM,MAAM,uBAAuB,GAAqC;;MCR5D,oBAAoB,CAAA;AARjC,IAAA,WAAA,GAAA;AASC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;AAElB,QAAA,IAAA,CAAA,IAAI,GAAG,OAAO,CAAC,0BAA0B,CAAC;AAOpD;AATA,IAAA,SAAS;IAIT,MAAM,CAAC,IAAY,EAAE,CAAQ,EAAA;QAC5B,CAAC,CAAC,cAAc,EAAE;QAClB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,GAAG,EAAE;QACjC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI;;8GARxB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,yECbjC,+mBAYA,EAAA,MAAA,EAAA,CAAA,i7BAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDCa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;+BACC,eAAe,EAAA,eAAA,EAGR,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,aAAA,EACD,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,+mBAAA,EAAA,MAAA,EAAA,CAAA,i7BAAA,CAAA,EAAA;;;AEXtC;;AAEG;;;;"}
@@ -432,7 +432,7 @@ class LuApiSearcherComponent extends ALuApiOptionSearcher {
432
432
  provide: ALuApiService,
433
433
  useClass: LuApiHybridService,
434
434
  },
435
- ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\n\t<input #searchInput class=\"textfield-input\" [formControl]=\"clueControl\" />\n</div>\n<lu-option-placeholder *ngIf=\"(empty$ | async) && (loading$ | async) === false\" (onClear)=\"resetClue()\"></lu-option-placeholder>\n", styles: [":root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: 6px;--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}.textfield.mod-search{inline-size:100%}.textfield-input{outline:none}.checkbox.mod-formerEmployee{padding-block:var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);border-block-end:var(--commons-divider-width) solid var(--commons-divider-color);background-color:var(--palettes-neutral-50);font-style:italic}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "component", type: LuOptionPlaceholderComponent, selector: "lu-option-placeholder", outputs: ["onClear"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
435
+ ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\n\t<input #searchInput class=\"textfield-input\" [formControl]=\"clueControl\" />\n</div>\n<lu-option-placeholder *ngIf=\"(empty$ | async) && (loading$ | async) === false\" (onClear)=\"resetClue()\"></lu-option-placeholder>\n", styles: ["@layer reset,base,components,mods,states,product,utils;:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}.textfield.mod-search{inline-size:100%}.textfield-input{outline:none}.checkbox.mod-formerEmployee{padding-block:var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);border-block-end:var(--commons-divider-width) solid var(--commons-divider-color);background-color:var(--palettes-neutral-50);font-style:italic}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "component", type: LuOptionPlaceholderComponent, selector: "lu-option-placeholder", outputs: ["onClear"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
436
436
  }
437
437
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuApiSearcherComponent, decorators: [{
438
438
  type: Component,
@@ -451,7 +451,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImpor
451
451
  provide: ALuApiService,
452
452
  useClass: LuApiHybridService,
453
453
  },
454
- ], template: "<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\n\t<input #searchInput class=\"textfield-input\" [formControl]=\"clueControl\" />\n</div>\n<lu-option-placeholder *ngIf=\"(empty$ | async) && (loading$ | async) === false\" (onClear)=\"resetClue()\"></lu-option-placeholder>\n", styles: [":root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: 6px;--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}.textfield.mod-search{inline-size:100%}.textfield-input{outline:none}.checkbox.mod-formerEmployee{padding-block:var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);border-block-end:var(--commons-divider-width) solid var(--commons-divider-color);background-color:var(--palettes-neutral-50);font-style:italic}\n"] }]
454
+ ], template: "<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\n\t<input #searchInput class=\"textfield-input\" [formControl]=\"clueControl\" />\n</div>\n<lu-option-placeholder *ngIf=\"(empty$ | async) && (loading$ | async) === false\" (onClear)=\"resetClue()\"></lu-option-placeholder>\n", styles: ["@layer reset,base,components,mods,states,product,utils;:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}.textfield.mod-search{inline-size:100%}.textfield-input{outline:none}.checkbox.mod-formerEmployee{padding-block:var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);border-block-end:var(--commons-divider-width) solid var(--commons-divider-color);background-color:var(--palettes-neutral-50);font-style:italic}\n"] }]
455
455
  }], ctorParameters: () => [{ type: LuApiHybridService, decorators: [{
456
456
  type: Inject,
457
457
  args: [ALuApiService]
@@ -543,7 +543,7 @@ class LuApiPagedSearcherComponent extends ALuApiOptionPagedSearcher {
543
543
  provide: ALuApiService,
544
544
  useClass: LuApiHybridService,
545
545
  },
546
- ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\n\t<input #searchInput class=\"textfield-input\" [formControl]=\"clueControl\" />\n</div>\n<lu-option-placeholder *ngIf=\"(empty$ | async) && (loading$ | async) === false\" (onClear)=\"resetClue()\"></lu-option-placeholder>\n", styles: [":root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: 6px;--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}.textfield.mod-search{inline-size:100%}.textfield-input{outline:none}.checkbox.mod-formerEmployee{padding-block:var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);border-block-end:var(--commons-divider-width) solid var(--commons-divider-color);background-color:var(--palettes-neutral-50);font-style:italic}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "component", type: LuOptionPlaceholderComponent, selector: "lu-option-placeholder", outputs: ["onClear"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
546
+ ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\n\t<input #searchInput class=\"textfield-input\" [formControl]=\"clueControl\" />\n</div>\n<lu-option-placeholder *ngIf=\"(empty$ | async) && (loading$ | async) === false\" (onClear)=\"resetClue()\"></lu-option-placeholder>\n", styles: ["@layer reset,base,components,mods,states,product,utils;:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}.textfield.mod-search{inline-size:100%}.textfield-input{outline:none}.checkbox.mod-formerEmployee{padding-block:var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);border-block-end:var(--commons-divider-width) solid var(--commons-divider-color);background-color:var(--palettes-neutral-50);font-style:italic}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "component", type: LuOptionPlaceholderComponent, selector: "lu-option-placeholder", outputs: ["onClear"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
547
547
  }
548
548
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuApiPagedSearcherComponent, decorators: [{
549
549
  type: Component,
@@ -572,7 +572,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImpor
572
572
  provide: ALuApiService,
573
573
  useClass: LuApiHybridService,
574
574
  },
575
- ], template: "<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\n\t<input #searchInput class=\"textfield-input\" [formControl]=\"clueControl\" />\n</div>\n<lu-option-placeholder *ngIf=\"(empty$ | async) && (loading$ | async) === false\" (onClear)=\"resetClue()\"></lu-option-placeholder>\n", styles: [":root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: 6px;--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}.textfield.mod-search{inline-size:100%}.textfield-input{outline:none}.checkbox.mod-formerEmployee{padding-block:var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);border-block-end:var(--commons-divider-width) solid var(--commons-divider-color);background-color:var(--palettes-neutral-50);font-style:italic}\n"] }]
575
+ ], template: "<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\n\t<input #searchInput class=\"textfield-input\" [formControl]=\"clueControl\" />\n</div>\n<lu-option-placeholder *ngIf=\"(empty$ | async) && (loading$ | async) === false\" (onClear)=\"resetClue()\"></lu-option-placeholder>\n", styles: ["@layer reset,base,components,mods,states,product,utils;:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}.textfield.mod-search{inline-size:100%}.textfield-input{outline:none}.checkbox.mod-formerEmployee{padding-block:var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);border-block-end:var(--commons-divider-width) solid var(--commons-divider-color);background-color:var(--palettes-neutral-50);font-style:italic}\n"] }]
576
576
  }], ctorParameters: () => [{ type: LuApiHybridService, decorators: [{
577
577
  type: Inject,
578
578
  args: [ALuApiService]
@@ -635,7 +635,7 @@ class LuApiSelectInputComponent extends ALuSelectInputComponent {
635
635
  useExisting: forwardRef(() => LuApiSelectInputComponent),
636
636
  multi: true,
637
637
  },
638
- ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\n<div class=\"lu-select-value\">\n\t<div class=\"lu-select-display-wrapper\">\n\t\t<ng-container #display></ng-container>\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<lu-input-clearer></lu-input-clearer>\n</div>\n<span [class.chip]=\"multiple\" *luDisplayer=\"let option\"\n\t><span class=\"u-ellipsis\">{{ option.name }}</span></span\n>\n<lu-option-picker-advanced [option-comparer]=\"byId\">\n\t<header class=\"lu-picker-header\">\n\t\t<lu-api-paged-searcher\n\t\t\t[standard]=\"standard\"\n\t\t\t[api]=\"api\"\n\t\t\t[fields]=\"fields\"\n\t\t\t[filters]=\"filters\"\n\t\t\t[orderBy]=\"orderBy\"\n\t\t\t[sort]=\"sort\"\n\t\t></lu-api-paged-searcher>\n\t</header>\n\t<div class=\"lu-picker-content-option\">\n\t\t<lu-option *luForOptions=\"let option\" [value]=\"option\">{{ option.name }}</lu-option>\n\t</div>\n</lu-option-picker-advanced>\n", styles: ["@charset \"UTF-8\";:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: 6px;--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}:host{--components-select-input-padding-horizontal: var(--pr-t-spacings-100);--components-select-input-padding-vertical: var(--pr-t-spacings-100);--components-select-framed-color: var(--palettes-neutral-500);--components-select-framed-color50: var(--palettes-neutral-50);--components-select-framed-see-through: var(--palettes-neutral-50);--components-select-framed-text: var(--pr-t-color-text);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--pr-t-spacings-200);--components-select-framed-top-padding: var(--pr-t-spacings-400);--components-select-framed-bottom-padding: var(--pr-t-spacings-200);--components-select-framed-label-top-offset: var(--pr-t-spacings-100);cursor:pointer;outline:none;padding:0;gap:0}:host:after{--icon-content: \"\\e97c\";font-weight:400;display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);inset-block-end:var(--components-select-input-padding-vertical);font-size:var(--pr-t-font-body-M-lineHeight);line-height:var(--pr-t-font-body-M-lineHeight);pointer-events:none;position:absolute;inset-inline-end:var(--components-select-input-padding-horizontal);transition:transform var(--commons-animations-durations-standard) ease}:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{display:block;inline-size:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lu-select-value{line-height:var(--pr-t-font-body-M-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-neutral-400);line-height:var(--pr-t-font-body-M-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix,.lu-select-clearer{position:absolute;inset-block-end:var(--pr-t-spacings-150);inset-inline-end:2.5rem}::ng-deep .lu-select-value .chip{display:inline-flex;max-inline-size:100%;margin-block:0 var(--pr-t-spacings-50);margin-inline:0 var(--pr-t-spacings-50);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host-context(.textfield.mod-S){padding:0}:host-context(.textfield.mod-S) .lu-select-value,:host-context(.textfield.mod-S) .lu-select-placeholder{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-XS-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-XS-lineHeight))}:host-context(.textfield.mod-S) .lu-select-clearer{inset-block-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-S):after{line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{inset-block-end:.5rem;inset-inline-end:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{block-size:var(--pr-t-font-body-XS-lineHeight);line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-XS-fontSize);padding-inline:var(--pr-t-spacings-50);gap:var(--pr-t-spacings-50)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding-block:var(--components-select-framed-top-padding) 0;padding-inline:0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-neutral-500);inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400);padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;block-size:auto;padding-block-start:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}:host-context(.textfield.mod-material):after{color:var(--palettes-neutral-500);inset-block-end:.6rem;inset-inline-end:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-inline:0 .8rem}:host-context(.textfield.mod-material) .lu-select-suffix{inset-inline-end: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{inset-block-end:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{inset-inline-end: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) .lu-select-value{block-size:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-block-end:calc(var(--pr-t-spacings-50) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-neutral-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield .textfield-input.is-focused):after{transform:rotate(-180deg)}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-inline-end:3.5rem}:host-context(.textfield-input.is-error,.textfield-input.is-invalid,.textfield-input.ng-invalid.ng-touched) .lu-select-placeholder{color:var(--palettes-error-400)}: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)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "component", type: LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { kind: "component", type: LuApiPagedSearcherComponent, selector: "lu-api-paged-searcher", inputs: ["standard", "api", "fields", "filters", "orderBy", "sort", "debounceTime"] }, { kind: "component", type: LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }, { kind: "directive", type: LuForOptionsDirective, selector: "[luForOptions]", inputs: ["luForOptionsTrackBy"] }, { kind: "directive", type: LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
638
+ ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\n<div class=\"lu-select-value\">\n\t<div class=\"lu-select-display-wrapper\">\n\t\t<ng-container #display></ng-container>\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<lu-input-clearer></lu-input-clearer>\n</div>\n<span [class.chip]=\"multiple\" *luDisplayer=\"let option\"\n\t><span class=\"pr-u-ellipsis\">{{ option.name }}</span></span\n>\n<lu-option-picker-advanced [option-comparer]=\"byId\">\n\t<header class=\"lu-picker-header\">\n\t\t<lu-api-paged-searcher\n\t\t\t[standard]=\"standard\"\n\t\t\t[api]=\"api\"\n\t\t\t[fields]=\"fields\"\n\t\t\t[filters]=\"filters\"\n\t\t\t[orderBy]=\"orderBy\"\n\t\t\t[sort]=\"sort\"\n\t\t></lu-api-paged-searcher>\n\t</header>\n\t<div class=\"lu-picker-content-option\">\n\t\t<lu-option *luForOptions=\"let option\" [value]=\"option\">{{ option.name }}</lu-option>\n\t</div>\n</lu-option-picker-advanced>\n", styles: ["@charset \"UTF-8\";@layer reset,base,components,mods,states,product,utils;:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}:host{--components-select-input-padding-horizontal: var(--pr-t-spacings-100);--components-select-input-padding-vertical: var(--pr-t-spacings-100);--components-select-framed-color: var(--palettes-neutral-500);--components-select-framed-color50: var(--palettes-neutral-50);--components-select-framed-see-through: var(--palettes-neutral-50);--components-select-framed-text: var(--pr-t-color-text);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--pr-t-spacings-200);--components-select-framed-top-padding: var(--pr-t-spacings-400);--components-select-framed-bottom-padding: var(--pr-t-spacings-200);--components-select-framed-label-top-offset: var(--pr-t-spacings-100);cursor:pointer;outline:none;padding:0;gap:0}:host:after{--icon-content: \"\\e97c\";font-weight:400;display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);inset-block-end:var(--components-select-input-padding-vertical);font-size:var(--pr-t-font-body-M-lineHeight);line-height:var(--pr-t-font-body-M-lineHeight);pointer-events:none;position:absolute;inset-inline-end:var(--components-select-input-padding-horizontal);transition:transform var(--commons-animations-durations-standard) ease}:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{display:block;inline-size:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lu-select-value{line-height:var(--pr-t-font-body-M-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-neutral-400);line-height:var(--pr-t-font-body-M-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix,.lu-select-clearer{position:absolute;inset-block-end:var(--pr-t-spacings-150);inset-inline-end:2.5rem}::ng-deep .lu-select-value .chip{display:inline-flex;max-inline-size:100%;margin-block:0 var(--pr-t-spacings-50);margin-inline:0 var(--pr-t-spacings-50);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host-context(.textfield.mod-S){padding:0}:host-context(.textfield.mod-S) .lu-select-value,:host-context(.textfield.mod-S) .lu-select-placeholder{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-XS-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-XS-lineHeight))}:host-context(.textfield.mod-S) .lu-select-clearer{inset-block-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-S):after{line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{inset-block-end:.5rem;inset-inline-end:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{block-size:var(--pr-t-font-body-XS-lineHeight);line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-XS-fontSize);padding-inline:var(--pr-t-spacings-50);gap:var(--pr-t-spacings-50)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding-block:var(--components-select-framed-top-padding) 0;padding-inline:0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-neutral-500);inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400);padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;block-size:auto;padding-block-start:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}:host-context(.textfield.mod-material):after{color:var(--palettes-neutral-500);inset-block-end:.6rem;inset-inline-end:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-inline:0 .8rem}:host-context(.textfield.mod-material) .lu-select-suffix{inset-inline-end: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{inset-block-end:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{inset-inline-end: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) .lu-select-value{block-size:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-block-end:calc(var(--pr-t-spacings-50) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-neutral-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield .textfield-input.is-focused):after{transform:rotate(-180deg)}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-inline-end:3.5rem}:host-context(.textfield-input.is-error,.textfield-input.is-invalid,.textfield-input.ng-invalid.ng-touched) .lu-select-placeholder{color:var(--palettes-error-400)}: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)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "component", type: LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { kind: "component", type: LuApiPagedSearcherComponent, selector: "lu-api-paged-searcher", inputs: ["standard", "api", "fields", "filters", "orderBy", "sort", "debounceTime"] }, { kind: "component", type: LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }, { kind: "directive", type: LuForOptionsDirective, selector: "[luForOptions]", inputs: ["luForOptionsTrackBy"] }, { kind: "directive", type: LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
639
639
  }
640
640
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuApiSelectInputComponent, decorators: [{
641
641
  type: Component,
@@ -645,7 +645,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImpor
645
645
  useExisting: forwardRef(() => LuApiSelectInputComponent),
646
646
  multi: true,
647
647
  },
648
- ], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\n<div class=\"lu-select-value\">\n\t<div class=\"lu-select-display-wrapper\">\n\t\t<ng-container #display></ng-container>\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<lu-input-clearer></lu-input-clearer>\n</div>\n<span [class.chip]=\"multiple\" *luDisplayer=\"let option\"\n\t><span class=\"u-ellipsis\">{{ option.name }}</span></span\n>\n<lu-option-picker-advanced [option-comparer]=\"byId\">\n\t<header class=\"lu-picker-header\">\n\t\t<lu-api-paged-searcher\n\t\t\t[standard]=\"standard\"\n\t\t\t[api]=\"api\"\n\t\t\t[fields]=\"fields\"\n\t\t\t[filters]=\"filters\"\n\t\t\t[orderBy]=\"orderBy\"\n\t\t\t[sort]=\"sort\"\n\t\t></lu-api-paged-searcher>\n\t</header>\n\t<div class=\"lu-picker-content-option\">\n\t\t<lu-option *luForOptions=\"let option\" [value]=\"option\">{{ option.name }}</lu-option>\n\t</div>\n</lu-option-picker-advanced>\n", styles: ["@charset \"UTF-8\";:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: 6px;--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}:host{--components-select-input-padding-horizontal: var(--pr-t-spacings-100);--components-select-input-padding-vertical: var(--pr-t-spacings-100);--components-select-framed-color: var(--palettes-neutral-500);--components-select-framed-color50: var(--palettes-neutral-50);--components-select-framed-see-through: var(--palettes-neutral-50);--components-select-framed-text: var(--pr-t-color-text);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--pr-t-spacings-200);--components-select-framed-top-padding: var(--pr-t-spacings-400);--components-select-framed-bottom-padding: var(--pr-t-spacings-200);--components-select-framed-label-top-offset: var(--pr-t-spacings-100);cursor:pointer;outline:none;padding:0;gap:0}:host:after{--icon-content: \"\\e97c\";font-weight:400;display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);inset-block-end:var(--components-select-input-padding-vertical);font-size:var(--pr-t-font-body-M-lineHeight);line-height:var(--pr-t-font-body-M-lineHeight);pointer-events:none;position:absolute;inset-inline-end:var(--components-select-input-padding-horizontal);transition:transform var(--commons-animations-durations-standard) ease}:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{display:block;inline-size:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lu-select-value{line-height:var(--pr-t-font-body-M-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-neutral-400);line-height:var(--pr-t-font-body-M-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix,.lu-select-clearer{position:absolute;inset-block-end:var(--pr-t-spacings-150);inset-inline-end:2.5rem}::ng-deep .lu-select-value .chip{display:inline-flex;max-inline-size:100%;margin-block:0 var(--pr-t-spacings-50);margin-inline:0 var(--pr-t-spacings-50);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host-context(.textfield.mod-S){padding:0}:host-context(.textfield.mod-S) .lu-select-value,:host-context(.textfield.mod-S) .lu-select-placeholder{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-XS-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-XS-lineHeight))}:host-context(.textfield.mod-S) .lu-select-clearer{inset-block-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-S):after{line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{inset-block-end:.5rem;inset-inline-end:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{block-size:var(--pr-t-font-body-XS-lineHeight);line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-XS-fontSize);padding-inline:var(--pr-t-spacings-50);gap:var(--pr-t-spacings-50)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding-block:var(--components-select-framed-top-padding) 0;padding-inline:0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-neutral-500);inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400);padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;block-size:auto;padding-block-start:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}:host-context(.textfield.mod-material):after{color:var(--palettes-neutral-500);inset-block-end:.6rem;inset-inline-end:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-inline:0 .8rem}:host-context(.textfield.mod-material) .lu-select-suffix{inset-inline-end: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{inset-block-end:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{inset-inline-end: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) .lu-select-value{block-size:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-block-end:calc(var(--pr-t-spacings-50) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-neutral-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield .textfield-input.is-focused):after{transform:rotate(-180deg)}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-inline-end:3.5rem}:host-context(.textfield-input.is-error,.textfield-input.is-invalid,.textfield-input.ng-invalid.ng-touched) .lu-select-placeholder{color:var(--palettes-error-400)}: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)}\n"] }]
648
+ ], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\n<div class=\"lu-select-value\">\n\t<div class=\"lu-select-display-wrapper\">\n\t\t<ng-container #display></ng-container>\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<lu-input-clearer></lu-input-clearer>\n</div>\n<span [class.chip]=\"multiple\" *luDisplayer=\"let option\"\n\t><span class=\"pr-u-ellipsis\">{{ option.name }}</span></span\n>\n<lu-option-picker-advanced [option-comparer]=\"byId\">\n\t<header class=\"lu-picker-header\">\n\t\t<lu-api-paged-searcher\n\t\t\t[standard]=\"standard\"\n\t\t\t[api]=\"api\"\n\t\t\t[fields]=\"fields\"\n\t\t\t[filters]=\"filters\"\n\t\t\t[orderBy]=\"orderBy\"\n\t\t\t[sort]=\"sort\"\n\t\t></lu-api-paged-searcher>\n\t</header>\n\t<div class=\"lu-picker-content-option\">\n\t\t<lu-option *luForOptions=\"let option\" [value]=\"option\">{{ option.name }}</lu-option>\n\t</div>\n</lu-option-picker-advanced>\n", styles: ["@charset \"UTF-8\";@layer reset,base,components,mods,states,product,utils;:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}:host{--components-select-input-padding-horizontal: var(--pr-t-spacings-100);--components-select-input-padding-vertical: var(--pr-t-spacings-100);--components-select-framed-color: var(--palettes-neutral-500);--components-select-framed-color50: var(--palettes-neutral-50);--components-select-framed-see-through: var(--palettes-neutral-50);--components-select-framed-text: var(--pr-t-color-text);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--pr-t-spacings-200);--components-select-framed-top-padding: var(--pr-t-spacings-400);--components-select-framed-bottom-padding: var(--pr-t-spacings-200);--components-select-framed-label-top-offset: var(--pr-t-spacings-100);cursor:pointer;outline:none;padding:0;gap:0}:host:after{--icon-content: \"\\e97c\";font-weight:400;display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);inset-block-end:var(--components-select-input-padding-vertical);font-size:var(--pr-t-font-body-M-lineHeight);line-height:var(--pr-t-font-body-M-lineHeight);pointer-events:none;position:absolute;inset-inline-end:var(--components-select-input-padding-horizontal);transition:transform var(--commons-animations-durations-standard) ease}:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{display:block;inline-size:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lu-select-value{line-height:var(--pr-t-font-body-M-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-neutral-400);line-height:var(--pr-t-font-body-M-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix,.lu-select-clearer{position:absolute;inset-block-end:var(--pr-t-spacings-150);inset-inline-end:2.5rem}::ng-deep .lu-select-value .chip{display:inline-flex;max-inline-size:100%;margin-block:0 var(--pr-t-spacings-50);margin-inline:0 var(--pr-t-spacings-50);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host-context(.textfield.mod-S){padding:0}:host-context(.textfield.mod-S) .lu-select-value,:host-context(.textfield.mod-S) .lu-select-placeholder{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-XS-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-XS-lineHeight))}:host-context(.textfield.mod-S) .lu-select-clearer{inset-block-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-S):after{line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{inset-block-end:.5rem;inset-inline-end:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{block-size:var(--pr-t-font-body-XS-lineHeight);line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-XS-fontSize);padding-inline:var(--pr-t-spacings-50);gap:var(--pr-t-spacings-50)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding-block:var(--components-select-framed-top-padding) 0;padding-inline:0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-neutral-500);inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400);padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;block-size:auto;padding-block-start:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}:host-context(.textfield.mod-material):after{color:var(--palettes-neutral-500);inset-block-end:.6rem;inset-inline-end:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-inline:0 .8rem}:host-context(.textfield.mod-material) .lu-select-suffix{inset-inline-end: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{inset-block-end:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{inset-inline-end: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) .lu-select-value{block-size:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-block-end:calc(var(--pr-t-spacings-50) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-neutral-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield .textfield-input.is-focused):after{transform:rotate(-180deg)}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-inline-end:3.5rem}:host-context(.textfield-input.is-error,.textfield-input.is-invalid,.textfield-input.ng-invalid.ng-touched) .lu-select-placeholder{color:var(--palettes-error-400)}: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)}\n"] }]
649
649
  }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$2.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }], propDecorators: { standard: [{
650
650
  type: Input
651
651
  }], api: [{