@lucca-front/ng 20.3.0-rc.3 → 20.3.0-rc.5

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 (145) hide show
  1. package/fesm2022/lucca-front-ng-a11y.mjs +2 -2
  2. package/fesm2022/lucca-front-ng-a11y.mjs.map +1 -1
  3. package/fesm2022/lucca-front-ng-api.mjs +22 -10
  4. package/fesm2022/lucca-front-ng-api.mjs.map +1 -1
  5. package/fesm2022/lucca-front-ng-app-layout.mjs +2 -2
  6. package/fesm2022/lucca-front-ng-app-layout.mjs.map +1 -1
  7. package/fesm2022/lucca-front-ng-box.mjs +2 -2
  8. package/fesm2022/lucca-front-ng-box.mjs.map +1 -1
  9. package/fesm2022/lucca-front-ng-breadcrumbs.mjs +2 -2
  10. package/fesm2022/lucca-front-ng-breadcrumbs.mjs.map +1 -1
  11. package/fesm2022/lucca-front-ng-button.mjs +2 -2
  12. package/fesm2022/lucca-front-ng-button.mjs.map +1 -1
  13. package/fesm2022/lucca-front-ng-callout.mjs +10 -10
  14. package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
  15. package/fesm2022/lucca-front-ng-chip.mjs +2 -2
  16. package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
  17. package/fesm2022/lucca-front-ng-comment.mjs +2 -2
  18. package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
  19. package/fesm2022/lucca-front-ng-core-select-user.mjs +2 -2
  20. package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
  21. package/fesm2022/lucca-front-ng-core-select.mjs +27 -27
  22. package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
  23. package/fesm2022/lucca-front-ng-date.mjs +4 -4
  24. package/fesm2022/lucca-front-ng-date.mjs.map +1 -1
  25. package/fesm2022/lucca-front-ng-date2.mjs +6 -6
  26. package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
  27. package/fesm2022/lucca-front-ng-department.mjs +10 -4
  28. package/fesm2022/lucca-front-ng-department.mjs.map +1 -1
  29. package/fesm2022/lucca-front-ng-dialog.mjs +5 -5
  30. package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
  31. package/fesm2022/lucca-front-ng-divider.mjs +2 -2
  32. package/fesm2022/lucca-front-ng-divider.mjs.map +1 -1
  33. package/fesm2022/lucca-front-ng-dropdown.mjs +2 -2
  34. package/fesm2022/lucca-front-ng-dropdown.mjs.map +1 -1
  35. package/fesm2022/lucca-front-ng-empty-state.mjs +4 -4
  36. package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
  37. package/fesm2022/lucca-front-ng-establishment.mjs +6 -6
  38. package/fesm2022/lucca-front-ng-establishment.mjs.map +1 -1
  39. package/fesm2022/lucca-front-ng-fancy-box.mjs +2 -2
  40. package/fesm2022/lucca-front-ng-fancy-box.mjs.map +1 -1
  41. package/fesm2022/lucca-front-ng-file-upload.mjs +8 -8
  42. package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
  43. package/fesm2022/lucca-front-ng-filter-pills.mjs +4 -4
  44. package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
  45. package/fesm2022/lucca-front-ng-footer.mjs +2 -2
  46. package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
  47. package/fesm2022/lucca-front-ng-form-field.mjs +4 -4
  48. package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
  49. package/fesm2022/lucca-front-ng-formly.mjs +34 -34
  50. package/fesm2022/lucca-front-ng-formly.mjs.map +1 -1
  51. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +2 -2
  52. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs.map +1 -1
  53. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +5 -5
  54. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
  55. package/fesm2022/lucca-front-ng-forms.mjs +10 -10
  56. package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
  57. package/fesm2022/lucca-front-ng-grid.mjs +2 -2
  58. package/fesm2022/lucca-front-ng-grid.mjs.map +1 -1
  59. package/fesm2022/lucca-front-ng-highlight-data.mjs +2 -2
  60. package/fesm2022/lucca-front-ng-highlight-data.mjs.map +1 -1
  61. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +2 -2
  62. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
  63. package/fesm2022/lucca-front-ng-icon.mjs +2 -2
  64. package/fesm2022/lucca-front-ng-icon.mjs.map +1 -1
  65. package/fesm2022/lucca-front-ng-inline-message.mjs +2 -2
  66. package/fesm2022/lucca-front-ng-inline-message.mjs.map +1 -1
  67. package/fesm2022/lucca-front-ng-input.mjs +2 -2
  68. package/fesm2022/lucca-front-ng-input.mjs.map +1 -1
  69. package/fesm2022/lucca-front-ng-link.mjs +2 -2
  70. package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
  71. package/fesm2022/lucca-front-ng-listing.mjs +2 -2
  72. package/fesm2022/lucca-front-ng-listing.mjs.map +1 -1
  73. package/fesm2022/lucca-front-ng-loading.mjs +2 -2
  74. package/fesm2022/lucca-front-ng-loading.mjs.map +1 -1
  75. package/fesm2022/lucca-front-ng-main-layout.mjs +2 -2
  76. package/fesm2022/lucca-front-ng-main-layout.mjs.map +1 -1
  77. package/fesm2022/lucca-front-ng-mobile-push.mjs +2 -2
  78. package/fesm2022/lucca-front-ng-mobile-push.mjs.map +1 -1
  79. package/fesm2022/lucca-front-ng-modal.mjs +2 -2
  80. package/fesm2022/lucca-front-ng-modal.mjs.map +1 -1
  81. package/fesm2022/lucca-front-ng-multi-select.mjs +10 -10
  82. package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
  83. package/fesm2022/lucca-front-ng-new-badge.mjs +2 -2
  84. package/fesm2022/lucca-front-ng-new-badge.mjs.map +1 -1
  85. package/fesm2022/lucca-front-ng-numeric-badge.mjs +2 -2
  86. package/fesm2022/lucca-front-ng-numeric-badge.mjs.map +1 -1
  87. package/fesm2022/lucca-front-ng-option.mjs +46 -22
  88. package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
  89. package/fesm2022/lucca-front-ng-page-header.mjs +2 -2
  90. package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
  91. package/fesm2022/lucca-front-ng-pagination.mjs +2 -2
  92. package/fesm2022/lucca-front-ng-pagination.mjs.map +1 -1
  93. package/fesm2022/lucca-front-ng-plg-push.mjs +2 -2
  94. package/fesm2022/lucca-front-ng-plg-push.mjs.map +1 -1
  95. package/fesm2022/lucca-front-ng-popover2.mjs +2 -2
  96. package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
  97. package/fesm2022/lucca-front-ng-read-more.mjs +2 -2
  98. package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
  99. package/fesm2022/lucca-front-ng-scrollBox.mjs +2 -2
  100. package/fesm2022/lucca-front-ng-scrollBox.mjs.map +1 -1
  101. package/fesm2022/lucca-front-ng-segmentedControl.mjs +2 -2
  102. package/fesm2022/lucca-front-ng-segmentedControl.mjs.map +1 -1
  103. package/fesm2022/lucca-front-ng-segmentedControlTabs.mjs +2 -2
  104. package/fesm2022/lucca-front-ng-segmentedControlTabs.mjs.map +1 -1
  105. package/fesm2022/lucca-front-ng-select.mjs +2 -2
  106. package/fesm2022/lucca-front-ng-select.mjs.map +1 -1
  107. package/fesm2022/lucca-front-ng-simple-select.mjs +4 -4
  108. package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
  109. package/fesm2022/lucca-front-ng-skeleton.mjs +12 -12
  110. package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
  111. package/fesm2022/lucca-front-ng-statusBadge.mjs +2 -2
  112. package/fesm2022/lucca-front-ng-statusBadge.mjs.map +1 -1
  113. package/fesm2022/lucca-front-ng-tag.mjs +3 -3
  114. package/fesm2022/lucca-front-ng-tag.mjs.map +1 -1
  115. package/fesm2022/lucca-front-ng-time.mjs +4 -4
  116. package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
  117. package/fesm2022/lucca-front-ng-tooltip.mjs +3 -3
  118. package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
  119. package/fesm2022/lucca-front-ng-tree-select.mjs +2 -2
  120. package/fesm2022/lucca-front-ng-tree-select.mjs.map +1 -1
  121. package/fesm2022/lucca-front-ng-user-popover.mjs +2 -2
  122. package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
  123. package/fesm2022/lucca-front-ng-user.mjs +8 -8
  124. package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
  125. package/formly/style/_components.scss +12 -16
  126. package/formly/style/main.scss +1 -0
  127. package/package.json +29 -29
  128. package/src/components/_calendar.scss +2 -4
  129. package/src/components/_dropdown.scss +0 -0
  130. package/src/components/_input.scss +36 -38
  131. package/src/components/_picker.scss +110 -112
  132. package/src/components/_popover.scss +30 -40
  133. package/src/components/_popup.scss +126 -134
  134. package/src/components/_sidepanel.scss +40 -50
  135. package/src/components/cdk/_dragDrop.scss +0 -1
  136. package/src/components/cdk/_global.scss +0 -1
  137. package/src/components/cdk/_misc.scss +0 -1
  138. package/src/components/cdk/_textarea.scss +0 -1
  139. package/src/definitions/option/_option-item.scss +125 -149
  140. package/src/definitions/option/_option-placeholder.scss +6 -8
  141. package/src/definitions/option/_option-searcher.scss +12 -14
  142. package/src/definitions/option/_option-selector.scss +6 -8
  143. package/src/definitions/select/_select-clearer.scss +8 -11
  144. package/src/definitions/select/_select-input.scss +185 -223
  145. package/tag/index.d.ts +2 -2
@@ -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: ["@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 }); }
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(--pr-t-border-radius-default);font:var(--pr-t-font-body-XS);font-weight:var(--pr-t-font-fontWeight-semibold);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: ["@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"] }]
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(--pr-t-border-radius-default);font:var(--pr-t-font-body-XS);font-weight:var(--pr-t-font-fontWeight-semibold);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":"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"}
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\tstyleUrl: './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":"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"}
@@ -261,7 +261,12 @@ class LuApiFeederComponent extends ALuApiOptionFeeder {
261
261
  }
262
262
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuApiFeederComponent, decorators: [{
263
263
  type: Component,
264
- args: [{ selector: 'lu-api-feeder', template: '', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, providers: [
264
+ args: [{
265
+ selector: 'lu-api-feeder',
266
+ template: '',
267
+ changeDetection: ChangeDetectionStrategy.OnPush,
268
+ standalone: true,
269
+ providers: [
265
270
  {
266
271
  provide: ALuOptionOperator,
267
272
  useExisting: forwardRef(() => LuApiFeederComponent),
@@ -276,7 +281,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImpor
276
281
  provide: ALuApiService,
277
282
  useClass: LuApiHybridService,
278
283
  },
279
- ] }]
284
+ ],
285
+ }]
280
286
  }], ctorParameters: () => [{ type: LuApiHybridService, decorators: [{
281
287
  type: Inject,
282
288
  args: [ALuApiService]
@@ -432,7 +438,7 @@ class LuApiSearcherComponent extends ALuApiOptionSearcher {
432
438
  provide: ALuApiService,
433
439
  useClass: LuApiHybridService,
434
440
  },
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()\" />\n", styles: ["@layer reset,base,components,mods,product,utils;@layer components{: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}}@layer components{.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 }); }
441
+ ], 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()\" />\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: 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
442
  }
437
443
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuApiSearcherComponent, decorators: [{
438
444
  type: Component,
@@ -451,7 +457,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImpor
451
457
  provide: ALuApiService,
452
458
  useClass: LuApiHybridService,
453
459
  },
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()\" />\n", styles: ["@layer reset,base,components,mods,product,utils;@layer components{: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}}@layer components{.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"] }]
460
+ ], 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()\" />\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: 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
461
  }], ctorParameters: () => [{ type: LuApiHybridService, decorators: [{
456
462
  type: Inject,
457
463
  args: [ALuApiService]
@@ -543,7 +549,7 @@ class LuApiPagedSearcherComponent extends ALuApiOptionPagedSearcher {
543
549
  provide: ALuApiService,
544
550
  useClass: LuApiHybridService,
545
551
  },
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()\" />\n", styles: ["@layer reset,base,components,mods,product,utils;@layer components{: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}}@layer components{.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 }); }
552
+ ], 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()\" />\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: 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
553
  }
548
554
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuApiPagedSearcherComponent, decorators: [{
549
555
  type: Component,
@@ -572,7 +578,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImpor
572
578
  provide: ALuApiService,
573
579
  useClass: LuApiHybridService,
574
580
  },
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()\" />\n", styles: ["@layer reset,base,components,mods,product,utils;@layer components{: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}}@layer components{.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"] }]
581
+ ], 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()\" />\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: 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
582
  }], ctorParameters: () => [{ type: LuApiHybridService, decorators: [{
577
583
  type: Inject,
578
584
  args: [ALuApiService]
@@ -635,7 +641,7 @@ class LuApiSelectInputComponent extends ALuSelectInputComponent {
635
641
  useExisting: forwardRef(() => LuApiSelectInputComponent),
636
642
  multi: true,
637
643
  },
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 />\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<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 [standard]=\"standard\" [api]=\"api\" [fields]=\"fields\" [filters]=\"filters\" [orderBy]=\"orderBy\" [sort]=\"sort\" />\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,product,utils;@layer components{: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}}@layer components{: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}}@layer mods{:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}}@layer components{.lu-select-display-wrapper{display:block;inline-size:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@layer components{.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}}@layer components{.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}}@layer components{.lu-select-suffix,.lu-select-clearer{position:absolute;inset-block-end:var(--pr-t-spacings-150);inset-inline-end:2.5rem}}@layer components{::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}}@layer mods{: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)}}@layer mods{: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}}@layer mods{: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)}}@layer mods{: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))}}@layer mods{:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}}@layer mods{: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)}}@layer mods{: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)}}@layer mods{: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}}@layer mods{:host-context(.textfield .textfield-input.is-focused):after{transform:rotate(-180deg)}}@layer mods{:host-context(.textfield-input.is-clearable) .lu-select-value{padding-inline-end:3.5rem}}@layer mods{:host-context(.textfield-input.is-error,.textfield-input.is-invalid,.textfield-input.ng-invalid.ng-touched) .lu-select-placeholder{color:var(--palettes-error-400)}}@layer mods{: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 }); }
644
+ ], 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 />\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<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 [standard]=\"standard\" [api]=\"api\" [fields]=\"fields\" [filters]=\"filters\" [orderBy]=\"orderBy\" [sort]=\"sort\" />\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: 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:var(--pr-t-font-fontWeight-regular);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
645
  }
640
646
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuApiSelectInputComponent, decorators: [{
641
647
  type: Component,
@@ -645,7 +651,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImpor
645
651
  useExisting: forwardRef(() => LuApiSelectInputComponent),
646
652
  multi: true,
647
653
  },
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 />\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<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 [standard]=\"standard\" [api]=\"api\" [fields]=\"fields\" [filters]=\"filters\" [orderBy]=\"orderBy\" [sort]=\"sort\" />\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,product,utils;@layer components{: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}}@layer components{: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}}@layer mods{:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}}@layer components{.lu-select-display-wrapper{display:block;inline-size:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@layer components{.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}}@layer components{.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}}@layer components{.lu-select-suffix,.lu-select-clearer{position:absolute;inset-block-end:var(--pr-t-spacings-150);inset-inline-end:2.5rem}}@layer components{::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}}@layer mods{: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)}}@layer mods{: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}}@layer mods{: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)}}@layer mods{: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))}}@layer mods{:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}}@layer mods{: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)}}@layer mods{: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)}}@layer mods{: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}}@layer mods{:host-context(.textfield .textfield-input.is-focused):after{transform:rotate(-180deg)}}@layer mods{:host-context(.textfield-input.is-clearable) .lu-select-value{padding-inline-end:3.5rem}}@layer mods{:host-context(.textfield-input.is-error,.textfield-input.is-invalid,.textfield-input.ng-invalid.ng-touched) .lu-select-placeholder{color:var(--palettes-error-400)}}@layer mods{: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"] }]
654
+ ], 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 />\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<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 [standard]=\"standard\" [api]=\"api\" [fields]=\"fields\" [filters]=\"filters\" [orderBy]=\"orderBy\" [sort]=\"sort\" />\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: 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:var(--pr-t-font-fontWeight-regular);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
655
  }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$2.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }], propDecorators: { standard: [{
650
656
  type: Input
651
657
  }], api: [{
@@ -774,7 +780,12 @@ class LuApiPagerComponent extends ALuApiOptionPager {
774
780
  }
775
781
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuApiPagerComponent, decorators: [{
776
782
  type: Component,
777
- args: [{ selector: 'lu-api-pager', template: '', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
783
+ args: [{
784
+ selector: 'lu-api-pager',
785
+ template: '',
786
+ standalone: true,
787
+ changeDetection: ChangeDetectionStrategy.OnPush,
788
+ providers: [
778
789
  {
779
790
  provide: ALuOptionOperator,
780
791
  useExisting: forwardRef(() => LuApiPagerComponent),
@@ -794,7 +805,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImpor
794
805
  useExisting: forwardRef(() => LuApiPagerComponent),
795
806
  multi: true,
796
807
  },
797
- ] }]
808
+ ],
809
+ }]
798
810
  }], ctorParameters: () => [{ type: LuApiHybridService, decorators: [{
799
811
  type: Inject,
800
812
  args: [ALuApiService]