@lucca-front/ng 21.1.0-rc.0 → 21.1.0-rc.2

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 (159) hide show
  1. package/fesm2022/lucca-front-ng-a11y.mjs +6 -6
  2. package/fesm2022/lucca-front-ng-a11y.mjs.map +1 -1
  3. package/fesm2022/lucca-front-ng-api.mjs +3 -3
  4. package/fesm2022/lucca-front-ng-api.mjs.map +1 -1
  5. package/fesm2022/lucca-front-ng-box.mjs +1 -1
  6. package/fesm2022/lucca-front-ng-box.mjs.map +1 -1
  7. package/fesm2022/lucca-front-ng-breadcrumbs.mjs +5 -5
  8. package/fesm2022/lucca-front-ng-breadcrumbs.mjs.map +1 -1
  9. package/fesm2022/lucca-front-ng-bubble-icon.mjs +51 -0
  10. package/fesm2022/lucca-front-ng-bubble-icon.mjs.map +1 -0
  11. package/fesm2022/lucca-front-ng-bubble-illustration.mjs +135 -0
  12. package/fesm2022/lucca-front-ng-bubble-illustration.mjs.map +1 -0
  13. package/fesm2022/lucca-front-ng-button.mjs +1 -98
  14. package/fesm2022/lucca-front-ng-button.mjs.map +1 -1
  15. package/fesm2022/lucca-front-ng-callout.mjs +7 -7
  16. package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
  17. package/fesm2022/lucca-front-ng-chip.mjs +6 -6
  18. package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
  19. package/fesm2022/lucca-front-ng-clear.mjs +6 -6
  20. package/fesm2022/lucca-front-ng-clear.mjs.map +1 -1
  21. package/fesm2022/lucca-front-ng-color.mjs +28 -0
  22. package/fesm2022/lucca-front-ng-color.mjs.map +1 -0
  23. package/fesm2022/lucca-front-ng-container.mjs +2 -2
  24. package/fesm2022/lucca-front-ng-container.mjs.map +1 -1
  25. package/fesm2022/lucca-front-ng-core-select-user.mjs +12 -12
  26. package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
  27. package/fesm2022/lucca-front-ng-core-select.mjs +67 -48
  28. package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
  29. package/fesm2022/lucca-front-ng-core.mjs +15 -75
  30. package/fesm2022/lucca-front-ng-core.mjs.map +1 -1
  31. package/fesm2022/lucca-front-ng-data-table.mjs +8 -8
  32. package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
  33. package/fesm2022/lucca-front-ng-date.mjs +63 -64
  34. package/fesm2022/lucca-front-ng-date.mjs.map +1 -1
  35. package/fesm2022/lucca-front-ng-date2.mjs +41 -45
  36. package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
  37. package/fesm2022/lucca-front-ng-department.mjs +7 -7
  38. package/fesm2022/lucca-front-ng-department.mjs.map +1 -1
  39. package/fesm2022/lucca-front-ng-dialog.mjs +31 -8
  40. package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
  41. package/fesm2022/lucca-front-ng-empty-state.mjs +52 -10
  42. package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
  43. package/fesm2022/lucca-front-ng-establishment.mjs +10 -10
  44. package/fesm2022/lucca-front-ng-establishment.mjs.map +1 -1
  45. package/fesm2022/lucca-front-ng-file-upload.mjs +40 -34
  46. package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
  47. package/fesm2022/lucca-front-ng-filter-pills.mjs +14 -13
  48. package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
  49. package/fesm2022/lucca-front-ng-form-field.mjs +9 -63
  50. package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
  51. package/fesm2022/lucca-front-ng-form.mjs +2 -2
  52. package/fesm2022/lucca-front-ng-form.mjs.map +1 -1
  53. package/fesm2022/lucca-front-ng-formly.mjs +4 -4
  54. package/fesm2022/lucca-front-ng-formly.mjs.map +1 -1
  55. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +8 -9
  56. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs.map +1 -1
  57. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +48 -48
  58. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
  59. package/fesm2022/lucca-front-ng-forms.mjs +119 -98
  60. package/fesm2022/lucca-front-ng-forms.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 +1 -27
  64. package/fesm2022/lucca-front-ng-icon.mjs.map +1 -1
  65. package/fesm2022/lucca-front-ng-index-table.mjs +3 -3
  66. package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -1
  67. package/fesm2022/lucca-front-ng-input.mjs +7 -7
  68. package/fesm2022/lucca-front-ng-input.mjs.map +1 -1
  69. package/fesm2022/lucca-front-ng-link.mjs +6 -6
  70. package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
  71. package/fesm2022/lucca-front-ng-listbox.mjs +1 -1
  72. package/fesm2022/lucca-front-ng-listbox.mjs.map +1 -1
  73. package/fesm2022/lucca-front-ng-listing.mjs +1 -1
  74. package/fesm2022/lucca-front-ng-listing.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 +6 -6
  78. package/fesm2022/lucca-front-ng-mobile-push.mjs.map +1 -1
  79. package/fesm2022/lucca-front-ng-modal.mjs +1 -1
  80. package/fesm2022/lucca-front-ng-modal.mjs.map +1 -1
  81. package/fesm2022/lucca-front-ng-multi-select.mjs +29 -29
  82. package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
  83. package/fesm2022/lucca-front-ng-option.mjs +26 -24
  84. package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
  85. package/fesm2022/lucca-front-ng-pagination.mjs +5 -5
  86. package/fesm2022/lucca-front-ng-pagination.mjs.map +1 -1
  87. package/fesm2022/lucca-front-ng-plg-push.mjs +5 -5
  88. package/fesm2022/lucca-front-ng-plg-push.mjs.map +1 -1
  89. package/fesm2022/lucca-front-ng-popover2.mjs +13 -13
  90. package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
  91. package/fesm2022/lucca-front-ng-read-more.mjs +23 -21
  92. package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
  93. package/fesm2022/lucca-front-ng-resource-card.mjs +2 -2
  94. package/fesm2022/lucca-front-ng-resource-card.mjs.map +1 -1
  95. package/fesm2022/lucca-front-ng-simple-select.mjs +18 -27
  96. package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
  97. package/fesm2022/lucca-front-ng-skeleton.mjs +2 -2
  98. package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
  99. package/fesm2022/lucca-front-ng-sortable-list.mjs +1 -1
  100. package/fesm2022/lucca-front-ng-sortable-list.mjs.map +1 -1
  101. package/fesm2022/lucca-front-ng-tag.mjs +1 -1
  102. package/fesm2022/lucca-front-ng-tag.mjs.map +1 -1
  103. package/fesm2022/lucca-front-ng-time.mjs +13 -13
  104. package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
  105. package/fesm2022/lucca-front-ng-toast.mjs +5 -5
  106. package/fesm2022/lucca-front-ng-toast.mjs.map +1 -1
  107. package/fesm2022/lucca-front-ng-tooltip.mjs +8 -6
  108. package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
  109. package/fesm2022/lucca-front-ng-tree-select.mjs +1 -1
  110. package/fesm2022/lucca-front-ng-tree-select.mjs.map +1 -1
  111. package/fesm2022/lucca-front-ng-user-popover.mjs +6 -6
  112. package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
  113. package/fesm2022/lucca-front-ng-user.mjs +11 -11
  114. package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
  115. package/fesm2022/lucca-front-ng-vertical-navigation.mjs +2 -2
  116. package/fesm2022/lucca-front-ng-vertical-navigation.mjs.map +1 -1
  117. package/package.json +17 -3
  118. package/schematics/lib/local-deps/package-lock.json +2 -0
  119. package/schematics/lib/local-deps/package.json +1 -2
  120. package/types/lucca-front-ng-a11y.d.ts +3 -3
  121. package/types/lucca-front-ng-breadcrumbs.d.ts +9 -9
  122. package/types/lucca-front-ng-bubble-icon.d.ts +20 -0
  123. package/types/lucca-front-ng-bubble-illustration.d.ts +24 -0
  124. package/types/lucca-front-ng-button.d.ts +1 -40
  125. package/types/lucca-front-ng-callout.d.ts +2 -2
  126. package/types/lucca-front-ng-chip.d.ts +2 -2
  127. package/types/lucca-front-ng-clear.d.ts +2 -2
  128. package/types/lucca-front-ng-color.d.ts +12 -0
  129. package/types/lucca-front-ng-core-select.d.ts +21 -17
  130. package/types/lucca-front-ng-core.d.ts +25 -19
  131. package/types/lucca-front-ng-data-table.d.ts +2 -2
  132. package/types/lucca-front-ng-date.d.ts +5 -5
  133. package/types/lucca-front-ng-date2.d.ts +7 -7
  134. package/types/lucca-front-ng-department.d.ts +2 -2
  135. package/types/lucca-front-ng-dialog.d.ts +12 -5
  136. package/types/lucca-front-ng-empty-state.d.ts +6 -4
  137. package/types/lucca-front-ng-establishment.d.ts +2 -2
  138. package/types/lucca-front-ng-file-upload.d.ts +18 -8
  139. package/types/lucca-front-ng-filter-pills.d.ts +6 -5
  140. package/types/lucca-front-ng-form-field.d.ts +5 -26
  141. package/types/lucca-front-ng-forms-phone-number-input.d.ts +0 -1
  142. package/types/lucca-front-ng-forms-rich-text-input.d.ts +14 -16
  143. package/types/lucca-front-ng-forms.d.ts +40 -23
  144. package/types/lucca-front-ng-icon.d.ts +1 -17
  145. package/types/lucca-front-ng-input.d.ts +2 -2
  146. package/types/lucca-front-ng-link.d.ts +2 -2
  147. package/types/lucca-front-ng-mobile-push.d.ts +2 -2
  148. package/types/lucca-front-ng-multi-select.d.ts +26 -24
  149. package/types/lucca-front-ng-option.d.ts +8 -8
  150. package/types/lucca-front-ng-pagination.d.ts +2 -2
  151. package/types/lucca-front-ng-plg-push.d.ts +2 -2
  152. package/types/lucca-front-ng-popover2.d.ts +4 -4
  153. package/types/lucca-front-ng-read-more.d.ts +9 -9
  154. package/types/lucca-front-ng-simple-select.d.ts +5 -4
  155. package/types/lucca-front-ng-time.d.ts +6 -6
  156. package/types/lucca-front-ng-toast.d.ts +2 -2
  157. package/types/lucca-front-ng-tooltip.d.ts +5 -3
  158. package/types/lucca-front-ng-user-popover.d.ts +6 -7
  159. package/types/lucca-front-ng-user.d.ts +4 -4
@@ -1,6 +1,6 @@
1
1
  import * as i0 from '@angular/core';
2
2
  import { InjectionToken, input, booleanAttribute, output, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
3
- import { getIntl, IntlParamsPipe } from '@lucca-front/ng/core';
3
+ import { intlInputOptions, IntlParamsPipe } from '@lucca-front/ng/core';
4
4
  import { IconComponent } from '@lucca-front/ng/icon';
5
5
 
6
6
  const Translations = {
@@ -61,7 +61,7 @@ const luPaginationTranslations = Translations;
61
61
 
62
62
  class PaginationComponent {
63
63
  constructor() {
64
- this.intl = getIntl(LU_PAGINATION_TRANSLATIONS);
64
+ this.intl = input(...intlInputOptions(LU_PAGINATION_TRANSLATIONS), ...(ngDevMode ? [{ debugName: "intl" }] : []));
65
65
  this.isFirstPage = input(false, { ...(ngDevMode ? { debugName: "isFirstPage" } : {}), transform: booleanAttribute });
66
66
  this.isLastPage = input(false, { ...(ngDevMode ? { debugName: "isLastPage" } : {}), transform: booleanAttribute });
67
67
  this.from = input(...(ngDevMode ? [undefined, { debugName: "from" }] : []));
@@ -77,12 +77,12 @@ class PaginationComponent {
77
77
  });
78
78
  }
79
79
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
80
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: PaginationComponent, isStandalone: true, selector: "lu-pagination", inputs: { isFirstPage: { classPropertyName: "isFirstPage", publicName: "isFirstPage", isSignal: true, isRequired: false, transformFunction: null }, isLastPage: { classPropertyName: "isLastPage", publicName: "isLastPage", isSignal: true, isRequired: false, transformFunction: null }, from: { classPropertyName: "from", publicName: "from", isSignal: true, isRequired: false, transformFunction: null }, to: { classPropertyName: "to", publicName: "to", isSignal: true, isRequired: false, transformFunction: null }, itemsCount: { classPropertyName: "itemsCount", publicName: "itemsCount", isSignal: true, isRequired: false, transformFunction: null }, mod: { classPropertyName: "mod", publicName: "mod", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { previousPage: "previousPage", nextPage: "nextPage" }, ngImport: i0, template: "<nav class=\"pagination\" role=\"navigation\" aria-label=\"pagination-count\" [class.mod-compact]=\"mod() === 'compact'\">\n\t@if (mod() === \"default\") {\n\t\t<div class=\"pagination-count\">\n\t\t\t<span class=\"pr-u-mask\"> {{ intl.resultsA11y | intlParams: { from: from(), to: to(), itemsCount: itemsCount() } }} </span>\n\t\t\t<span aria-hidden=\"true\"> {{ intl.results | intlParams: { from: from(), to: to(), itemsCount: itemsCount() } }} </span>\n\t\t</div>\n\t}\n\n\t<div class=\"pagination-scrolling\">\n\t\t<button type=\"button\" class=\"button mod-onlyIcon mod-ghost mod-S\" [disabled]=\"isFirstPage()\" (click)=\"previousPage.emit()\">\n\t\t\t<lu-icon icon=\"arrowChevronLeft\" />\n\t\t\t<span class=\"pr-u-mask\">{{ intl.previous }}</span>\n\t\t</button>\n\t\t<button type=\"button\" class=\"button mod-onlyIcon mod-ghost mod-S\" [disabled]=\"isLastPage()\" (click)=\"nextPage.emit()\">\n\t\t\t<lu-icon icon=\"arrowChevronRight\" />\n\t\t\t<span class=\"pr-u-mask\">{{ intl.next }}</span>\n\t\t</button>\n\t</div>\n</nav>\n", styles: ["@charset \"UTF-8\";@layer components{.pagination{display:flex;flex-wrap:wrap;padding-block:var(--pr-t-spacings-100);padding-inline:var(--pr-t-spacings-150);justify-content:flex-end;color:var(--pr-t-color-text-subtle)}.pagination>*:not(:last-child){margin-inline-end:var(--pr-t-spacings-100)}.pagination-count,.pagination-navigation,.pagination-scrolling{display:flex;align-items:center;flex-wrap:wrap}.pagination-count-separator{margin-block:0;margin-inline:var(--pr-t-spacings-50)}.pagination-navigation{list-style:none;padding:0;margin-block:0}.pagination-navigation>*:not(:last-child){margin-inline-end:var(--pr-t-spacings-50)}.pagination-navigation-item{margin-inline-end:var(--pr-t-spacings-50)}}@layer components{.pagination.mod-mods{padding:0;justify-content:start}}@layer mods{.pagination-navigation-item:is(.is-ellipsis,.ellipsis):after{content:\"\\2026\"/\"\"}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
80
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: PaginationComponent, isStandalone: true, selector: "lu-pagination", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, isFirstPage: { classPropertyName: "isFirstPage", publicName: "isFirstPage", isSignal: true, isRequired: false, transformFunction: null }, isLastPage: { classPropertyName: "isLastPage", publicName: "isLastPage", isSignal: true, isRequired: false, transformFunction: null }, from: { classPropertyName: "from", publicName: "from", isSignal: true, isRequired: false, transformFunction: null }, to: { classPropertyName: "to", publicName: "to", isSignal: true, isRequired: false, transformFunction: null }, itemsCount: { classPropertyName: "itemsCount", publicName: "itemsCount", isSignal: true, isRequired: false, transformFunction: null }, mod: { classPropertyName: "mod", publicName: "mod", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { previousPage: "previousPage", nextPage: "nextPage" }, ngImport: i0, template: "<nav class=\"pagination\" role=\"navigation\" aria-label=\"pagination-count\" [class.mod-compact]=\"mod() === 'compact'\">\n\t@if (mod() === \"default\") {\n\t\t<div class=\"pagination-count\">\n\t\t\t<span class=\"pr-u-mask\"> {{ intl().resultsA11y | intlParams: { from: from(), to: to(), itemsCount: itemsCount() } }} </span>\n\t\t\t<span aria-hidden=\"true\"> {{ intl().results | intlParams: { from: from(), to: to(), itemsCount: itemsCount() } }} </span>\n\t\t</div>\n\t}\n\n\t<div class=\"pagination-scrolling\">\n\t\t<button type=\"button\" class=\"button mod-onlyIcon mod-ghost mod-S\" [disabled]=\"isFirstPage()\" (click)=\"previousPage.emit()\">\n\t\t\t<lu-icon icon=\"arrowChevronLeft\" />\n\t\t\t<span class=\"pr-u-mask\">{{ intl().previous }}</span>\n\t\t</button>\n\t\t<button type=\"button\" class=\"button mod-onlyIcon mod-ghost mod-S\" [disabled]=\"isLastPage()\" (click)=\"nextPage.emit()\">\n\t\t\t<lu-icon icon=\"arrowChevronRight\" />\n\t\t\t<span class=\"pr-u-mask\">{{ intl().next }}</span>\n\t\t</button>\n\t</div>\n</nav>\n", styles: ["@charset \"UTF-8\";@layer components{.pagination{display:flex;flex-wrap:wrap;padding-block:var(--pr-t-spacings-100);padding-inline:var(--pr-t-spacings-150);justify-content:flex-end;color:var(--pr-t-color-text-subtle)}.pagination>*:not(:last-child){margin-inline-end:var(--pr-t-spacings-100)}.pagination-count,.pagination-navigation,.pagination-scrolling{display:flex;align-items:center;flex-wrap:wrap}.pagination-count-separator{margin-block:0;margin-inline:var(--pr-t-spacings-50)}.pagination-navigation{list-style:none;padding:0;margin-block:0}.pagination-navigation>*:not(:last-child){margin-inline-end:var(--pr-t-spacings-50)}.pagination-navigation-item{margin-inline-end:var(--pr-t-spacings-50)}}@layer components{.pagination.mod-mods{padding:0;justify-content:start}}@layer mods{.pagination-navigation-item:is(.is-ellipsis,.ellipsis):after{content:\"\\2026\"/\"\"}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "pr-icon,lu-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
81
81
  }
82
82
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: PaginationComponent, decorators: [{
83
83
  type: Component,
84
- args: [{ selector: 'lu-pagination', imports: [IconComponent, IntlParamsPipe], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<nav class=\"pagination\" role=\"navigation\" aria-label=\"pagination-count\" [class.mod-compact]=\"mod() === 'compact'\">\n\t@if (mod() === \"default\") {\n\t\t<div class=\"pagination-count\">\n\t\t\t<span class=\"pr-u-mask\"> {{ intl.resultsA11y | intlParams: { from: from(), to: to(), itemsCount: itemsCount() } }} </span>\n\t\t\t<span aria-hidden=\"true\"> {{ intl.results | intlParams: { from: from(), to: to(), itemsCount: itemsCount() } }} </span>\n\t\t</div>\n\t}\n\n\t<div class=\"pagination-scrolling\">\n\t\t<button type=\"button\" class=\"button mod-onlyIcon mod-ghost mod-S\" [disabled]=\"isFirstPage()\" (click)=\"previousPage.emit()\">\n\t\t\t<lu-icon icon=\"arrowChevronLeft\" />\n\t\t\t<span class=\"pr-u-mask\">{{ intl.previous }}</span>\n\t\t</button>\n\t\t<button type=\"button\" class=\"button mod-onlyIcon mod-ghost mod-S\" [disabled]=\"isLastPage()\" (click)=\"nextPage.emit()\">\n\t\t\t<lu-icon icon=\"arrowChevronRight\" />\n\t\t\t<span class=\"pr-u-mask\">{{ intl.next }}</span>\n\t\t</button>\n\t</div>\n</nav>\n", styles: ["@charset \"UTF-8\";@layer components{.pagination{display:flex;flex-wrap:wrap;padding-block:var(--pr-t-spacings-100);padding-inline:var(--pr-t-spacings-150);justify-content:flex-end;color:var(--pr-t-color-text-subtle)}.pagination>*:not(:last-child){margin-inline-end:var(--pr-t-spacings-100)}.pagination-count,.pagination-navigation,.pagination-scrolling{display:flex;align-items:center;flex-wrap:wrap}.pagination-count-separator{margin-block:0;margin-inline:var(--pr-t-spacings-50)}.pagination-navigation{list-style:none;padding:0;margin-block:0}.pagination-navigation>*:not(:last-child){margin-inline-end:var(--pr-t-spacings-50)}.pagination-navigation-item{margin-inline-end:var(--pr-t-spacings-50)}}@layer components{.pagination.mod-mods{padding:0;justify-content:start}}@layer mods{.pagination-navigation-item:is(.is-ellipsis,.ellipsis):after{content:\"\\2026\"/\"\"}}\n"] }]
85
- }], ctorParameters: () => [], propDecorators: { isFirstPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFirstPage", required: false }] }], isLastPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLastPage", required: false }] }], from: [{ type: i0.Input, args: [{ isSignal: true, alias: "from", required: false }] }], to: [{ type: i0.Input, args: [{ isSignal: true, alias: "to", required: false }] }], itemsCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsCount", required: false }] }], mod: [{ type: i0.Input, args: [{ isSignal: true, alias: "mod", required: false }] }], previousPage: [{ type: i0.Output, args: ["previousPage"] }], nextPage: [{ type: i0.Output, args: ["nextPage"] }] } });
84
+ args: [{ selector: 'lu-pagination', imports: [IconComponent, IntlParamsPipe], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<nav class=\"pagination\" role=\"navigation\" aria-label=\"pagination-count\" [class.mod-compact]=\"mod() === 'compact'\">\n\t@if (mod() === \"default\") {\n\t\t<div class=\"pagination-count\">\n\t\t\t<span class=\"pr-u-mask\"> {{ intl().resultsA11y | intlParams: { from: from(), to: to(), itemsCount: itemsCount() } }} </span>\n\t\t\t<span aria-hidden=\"true\"> {{ intl().results | intlParams: { from: from(), to: to(), itemsCount: itemsCount() } }} </span>\n\t\t</div>\n\t}\n\n\t<div class=\"pagination-scrolling\">\n\t\t<button type=\"button\" class=\"button mod-onlyIcon mod-ghost mod-S\" [disabled]=\"isFirstPage()\" (click)=\"previousPage.emit()\">\n\t\t\t<lu-icon icon=\"arrowChevronLeft\" />\n\t\t\t<span class=\"pr-u-mask\">{{ intl().previous }}</span>\n\t\t</button>\n\t\t<button type=\"button\" class=\"button mod-onlyIcon mod-ghost mod-S\" [disabled]=\"isLastPage()\" (click)=\"nextPage.emit()\">\n\t\t\t<lu-icon icon=\"arrowChevronRight\" />\n\t\t\t<span class=\"pr-u-mask\">{{ intl().next }}</span>\n\t\t</button>\n\t</div>\n</nav>\n", styles: ["@charset \"UTF-8\";@layer components{.pagination{display:flex;flex-wrap:wrap;padding-block:var(--pr-t-spacings-100);padding-inline:var(--pr-t-spacings-150);justify-content:flex-end;color:var(--pr-t-color-text-subtle)}.pagination>*:not(:last-child){margin-inline-end:var(--pr-t-spacings-100)}.pagination-count,.pagination-navigation,.pagination-scrolling{display:flex;align-items:center;flex-wrap:wrap}.pagination-count-separator{margin-block:0;margin-inline:var(--pr-t-spacings-50)}.pagination-navigation{list-style:none;padding:0;margin-block:0}.pagination-navigation>*:not(:last-child){margin-inline-end:var(--pr-t-spacings-50)}.pagination-navigation-item{margin-inline-end:var(--pr-t-spacings-50)}}@layer components{.pagination.mod-mods{padding:0;justify-content:start}}@layer mods{.pagination-navigation-item:is(.is-ellipsis,.ellipsis):after{content:\"\\2026\"/\"\"}}\n"] }]
85
+ }], ctorParameters: () => [], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], isFirstPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFirstPage", required: false }] }], isLastPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLastPage", required: false }] }], from: [{ type: i0.Input, args: [{ isSignal: true, alias: "from", required: false }] }], to: [{ type: i0.Input, args: [{ isSignal: true, alias: "to", required: false }] }], itemsCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsCount", required: false }] }], mod: [{ type: i0.Input, args: [{ isSignal: true, alias: "mod", required: false }] }], previousPage: [{ type: i0.Output, args: ["previousPage"] }], nextPage: [{ type: i0.Output, args: ["nextPage"] }] } });
86
86
 
87
87
  /**
88
88
  * Generated bundle index. Do not edit.
@@ -1 +1 @@
1
- {"version":3,"file":"lucca-front-ng-pagination.mjs","sources":["../../../packages/ng/pagination/translations.ts","../../../packages/ng/pagination/pagination.translate.ts","../../../packages/ng/pagination/pagination.component.ts","../../../packages/ng/pagination/pagination.component.html","../../../packages/ng/pagination/lucca-front-ng-pagination.ts"],"sourcesContent":["export const Translations = {\n\t'nl-BE': {\n\t\tresults: '{{from}} – {{to}} van {{itemsCount}}',\n\t\tprevious: 'Vorige',\n\t\tnext: 'Volgende',\n\t\tresultsA11y: 'Resultaten van {{from}} tot {{to}} in {{itemsCount}}',\n\t},\n\tfr: {\n\t\tresults: '{{from}} – {{to}} sur {{itemsCount}}',\n\t\tprevious: 'Précédent',\n\t\tnext: 'Suivant',\n\t\tresultsA11y: 'Résultats de {{from}} à {{to}} sur {{itemsCount}}',\n\t},\n\tde: {\n\t\tresults: '{{from}} – {{to}} von {{itemsCount}}',\n\t\tprevious: 'Zurück',\n\t\tnext: 'Weiter',\n\t\tresultsA11y: 'Ergebnisse von {{from}} bis {{to}} von {{itemsCount}}',\n\t},\n\ten: {\n\t\tresults: '{{from}} – {{to}} out of {{itemsCount}}',\n\t\tprevious: 'Previous',\n\t\tnext: 'Next',\n\t\tresultsA11y: 'Results from {{from}} to {{to}} out of {{itemsCount}}',\n\t},\n\tes: {\n\t\tresults: '{{from}} - {{to}} de {{itemsCount}}',\n\t\tprevious: 'Anterior',\n\t\tnext: 'Siguiente',\n\t\tresultsA11y: 'Resultados de {{from}} a {{to}} de {{itemsCount}}',\n\t},\n\tit: {\n\t\tresults: '{{from}} - {{to}} su {{itemsCount}}',\n\t\tprevious: 'Precedente',\n\t\tnext: 'Successivo',\n\t\tresultsA11y: 'Risultati da {{from}} a {{to}} su {{itemsCount}}',\n\t},\n\tnl: {\n\t\tresults: '{{from}} – {{to}} van {{itemsCount}}',\n\t\tprevious: 'Vorige',\n\t\tnext: 'Volgende',\n\t\tresultsA11y: 'Resultaten van {{from}} tot {{to}} in {{itemsCount}}',\n\t},\n\tpt: {\n\t\tresults: '{{from}} – {{to}} em {{itemsCount}}',\n\t\tprevious: 'Anterior',\n\t\tnext: 'Seguinte',\n\t\tresultsA11y: 'Resultados de {{from}} a {{to}} {{itemsCount}}',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_PAGINATION_TRANSLATIONS = new InjectionToken('LuPaginationTranslations', {\n\tfactory: () => luPaginationTranslations,\n});\n\nexport interface LuPaginationLabel {\n\tresults: string;\n\tprevious: string;\n\tnext: string;\n\tresultsA11y: string;\n}\n\nexport const luPaginationTranslations: LuTranslation<LuPaginationLabel> = Translations;\n","import { booleanAttribute, ChangeDetectionStrategy, Component, effect, input, output, ViewEncapsulation } from '@angular/core';\nimport { getIntl, IntlParamsPipe } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LU_PAGINATION_TRANSLATIONS } from './pagination.translate';\n\n@Component({\n\tselector: 'lu-pagination',\n\ttemplateUrl: './pagination.component.html',\n\tstyleUrl: './pagination.component.scss',\n\timports: [IconComponent, IntlParamsPipe],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class PaginationComponent {\n\tprotected intl = getIntl(LU_PAGINATION_TRANSLATIONS);\n\n\treadonly isFirstPage = input(false, { transform: booleanAttribute });\n\treadonly isLastPage = input(false, { transform: booleanAttribute });\n\n\treadonly from = input<number | null>();\n\treadonly to = input<number | null>();\n\treadonly itemsCount = input<number | null>();\n\treadonly mod = input<'default' | 'compact'>('default');\n\n\treadonly previousPage = output<void>();\n\treadonly nextPage = output<void>();\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tif (this.mod() === 'default' && (this.from() === null || this.to() === null || this.itemsCount() === null)) {\n\t\t\t\tthrow new Error('Pagination in \"default\" mode requires \"from\", \"to\", and \"itemsCount\" inputs.');\n\t\t\t}\n\t\t});\n\t}\n}\n","<nav class=\"pagination\" role=\"navigation\" aria-label=\"pagination-count\" [class.mod-compact]=\"mod() === 'compact'\">\n\t@if (mod() === \"default\") {\n\t\t<div class=\"pagination-count\">\n\t\t\t<span class=\"pr-u-mask\"> {{ intl.resultsA11y | intlParams: { from: from(), to: to(), itemsCount: itemsCount() } }} </span>\n\t\t\t<span aria-hidden=\"true\"> {{ intl.results | intlParams: { from: from(), to: to(), itemsCount: itemsCount() } }} </span>\n\t\t</div>\n\t}\n\n\t<div class=\"pagination-scrolling\">\n\t\t<button type=\"button\" class=\"button mod-onlyIcon mod-ghost mod-S\" [disabled]=\"isFirstPage()\" (click)=\"previousPage.emit()\">\n\t\t\t<lu-icon icon=\"arrowChevronLeft\" />\n\t\t\t<span class=\"pr-u-mask\">{{ intl.previous }}</span>\n\t\t</button>\n\t\t<button type=\"button\" class=\"button mod-onlyIcon mod-ghost mod-S\" [disabled]=\"isLastPage()\" (click)=\"nextPage.emit()\">\n\t\t\t<lu-icon icon=\"arrowChevronRight\" />\n\t\t\t<span class=\"pr-u-mask\">{{ intl.next }}</span>\n\t\t</button>\n\t</div>\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,OAAO,EAAE;AACR,QAAA,OAAO,EAAE,sCAAsC;AAC/C,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,WAAW,EAAE,sDAAsD;AACnE,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,OAAO,EAAE,sCAAsC;AAC/C,QAAA,QAAQ,EAAE,WAAW;AACrB,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,WAAW,EAAE,mDAAmD;AAChE,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,OAAO,EAAE,sCAAsC;AAC/C,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,WAAW,EAAE,uDAAuD;AACpE,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,OAAO,EAAE,yCAAyC;AAClD,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,WAAW,EAAE,uDAAuD;AACpE,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,OAAO,EAAE,qCAAqC;AAC9C,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,WAAW,EAAE,mDAAmD;AAChE,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,OAAO,EAAE,qCAAqC;AAC9C,QAAA,QAAQ,EAAE,YAAY;AACtB,QAAA,IAAI,EAAE,YAAY;AAClB,QAAA,WAAW,EAAE,kDAAkD;AAC/D,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,OAAO,EAAE,sCAAsC;AAC/C,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,WAAW,EAAE,sDAAsD;AACnE,KAAA;AACD,IAAA,EAAE,EAAE;AACH,QAAA,OAAO,EAAE,qCAAqC;AAC9C,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,WAAW,EAAE,gDAAgD;AAC7D,KAAA;CACD;;AC7CM,MAAM,0BAA0B,GAAG,IAAI,cAAc,CAAC,0BAA0B,EAAE;AACxF,IAAA,OAAO,EAAE,MAAM,wBAAwB;AACvC,CAAA,CAAC;AASK,MAAM,wBAAwB,GAAqC,YAAY;;MCFzE,mBAAmB,CAAA;AAc/B,IAAA,WAAA,GAAA;AAbU,QAAA,IAAA,CAAA,IAAI,GAAG,OAAO,CAAC,0BAA0B,CAAC;QAE3C,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,KAAK,wDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAC3D,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,KAAK,uDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAE1D,IAAA,CAAA,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAiB;QAC7B,IAAA,CAAA,EAAE,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,IAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAiB;QAC3B,IAAA,CAAA,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAiB;AACnC,QAAA,IAAA,CAAA,GAAG,GAAG,KAAK,CAAwB,SAAS,+CAAC;QAE7C,IAAA,CAAA,YAAY,GAAG,MAAM,EAAQ;QAC7B,IAAA,CAAA,QAAQ,GAAG,MAAM,EAAQ;QAGjC,MAAM,CAAC,MAAK;AACX,YAAA,IAAI,IAAI,CAAC,GAAG,EAAE,KAAK,SAAS,KAAK,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,EAAE,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE,KAAK,IAAI,CAAC,EAAE;AAC3G,gBAAA,MAAM,IAAI,KAAK,CAAC,8EAA8E,CAAC;YAChG;AACD,QAAA,CAAC,CAAC;IACH;8GApBY,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbhC,ihCAmBA,EAAA,MAAA,EAAA,CAAA,22BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDVW,aAAa,+FAAE,cAAc,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAI3B,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,OAAA,EAGhB,CAAC,aAAa,EAAE,cAAc,CAAC,EAAA,eAAA,EACvB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,ihCAAA,EAAA,MAAA,EAAA,CAAA,22BAAA,CAAA,EAAA;;;AEXtC;;AAEG;;;;"}
1
+ {"version":3,"file":"lucca-front-ng-pagination.mjs","sources":["../../../packages/ng/pagination/translations.ts","../../../packages/ng/pagination/pagination.translate.ts","../../../packages/ng/pagination/pagination.component.ts","../../../packages/ng/pagination/pagination.component.html","../../../packages/ng/pagination/lucca-front-ng-pagination.ts"],"sourcesContent":["export const Translations = {\n\t'nl-BE': {\n\t\tresults: '{{from}} – {{to}} van {{itemsCount}}',\n\t\tprevious: 'Vorige',\n\t\tnext: 'Volgende',\n\t\tresultsA11y: 'Resultaten van {{from}} tot {{to}} in {{itemsCount}}',\n\t},\n\tfr: {\n\t\tresults: '{{from}} – {{to}} sur {{itemsCount}}',\n\t\tprevious: 'Précédent',\n\t\tnext: 'Suivant',\n\t\tresultsA11y: 'Résultats de {{from}} à {{to}} sur {{itemsCount}}',\n\t},\n\tde: {\n\t\tresults: '{{from}} – {{to}} von {{itemsCount}}',\n\t\tprevious: 'Zurück',\n\t\tnext: 'Weiter',\n\t\tresultsA11y: 'Ergebnisse von {{from}} bis {{to}} von {{itemsCount}}',\n\t},\n\ten: {\n\t\tresults: '{{from}} – {{to}} out of {{itemsCount}}',\n\t\tprevious: 'Previous',\n\t\tnext: 'Next',\n\t\tresultsA11y: 'Results from {{from}} to {{to}} out of {{itemsCount}}',\n\t},\n\tes: {\n\t\tresults: '{{from}} - {{to}} de {{itemsCount}}',\n\t\tprevious: 'Anterior',\n\t\tnext: 'Siguiente',\n\t\tresultsA11y: 'Resultados de {{from}} a {{to}} de {{itemsCount}}',\n\t},\n\tit: {\n\t\tresults: '{{from}} - {{to}} su {{itemsCount}}',\n\t\tprevious: 'Precedente',\n\t\tnext: 'Successivo',\n\t\tresultsA11y: 'Risultati da {{from}} a {{to}} su {{itemsCount}}',\n\t},\n\tnl: {\n\t\tresults: '{{from}} – {{to}} van {{itemsCount}}',\n\t\tprevious: 'Vorige',\n\t\tnext: 'Volgende',\n\t\tresultsA11y: 'Resultaten van {{from}} tot {{to}} in {{itemsCount}}',\n\t},\n\tpt: {\n\t\tresults: '{{from}} – {{to}} em {{itemsCount}}',\n\t\tprevious: 'Anterior',\n\t\tnext: 'Seguinte',\n\t\tresultsA11y: 'Resultados de {{from}} a {{to}} {{itemsCount}}',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_PAGINATION_TRANSLATIONS = new InjectionToken('LuPaginationTranslations', {\n\tfactory: () => luPaginationTranslations,\n});\n\nexport interface LuPaginationLabel {\n\tresults: string;\n\tprevious: string;\n\tnext: string;\n\tresultsA11y: string;\n}\n\nexport const luPaginationTranslations: LuTranslation<LuPaginationLabel> = Translations;\n","import { booleanAttribute, ChangeDetectionStrategy, Component, effect, input, output, ViewEncapsulation } from '@angular/core';\nimport { intlInputOptions, IntlParamsPipe } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LU_PAGINATION_TRANSLATIONS } from './pagination.translate';\n\n@Component({\n\tselector: 'lu-pagination',\n\ttemplateUrl: './pagination.component.html',\n\tstyleUrl: './pagination.component.scss',\n\timports: [IconComponent, IntlParamsPipe],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class PaginationComponent {\n\tprotected intl = input(...intlInputOptions(LU_PAGINATION_TRANSLATIONS));\n\n\treadonly isFirstPage = input(false, { transform: booleanAttribute });\n\treadonly isLastPage = input(false, { transform: booleanAttribute });\n\n\treadonly from = input<number | null>();\n\treadonly to = input<number | null>();\n\treadonly itemsCount = input<number | null>();\n\treadonly mod = input<'default' | 'compact'>('default');\n\n\treadonly previousPage = output<void>();\n\treadonly nextPage = output<void>();\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tif (this.mod() === 'default' && (this.from() === null || this.to() === null || this.itemsCount() === null)) {\n\t\t\t\tthrow new Error('Pagination in \"default\" mode requires \"from\", \"to\", and \"itemsCount\" inputs.');\n\t\t\t}\n\t\t});\n\t}\n}\n","<nav class=\"pagination\" role=\"navigation\" aria-label=\"pagination-count\" [class.mod-compact]=\"mod() === 'compact'\">\n\t@if (mod() === \"default\") {\n\t\t<div class=\"pagination-count\">\n\t\t\t<span class=\"pr-u-mask\"> {{ intl().resultsA11y | intlParams: { from: from(), to: to(), itemsCount: itemsCount() } }} </span>\n\t\t\t<span aria-hidden=\"true\"> {{ intl().results | intlParams: { from: from(), to: to(), itemsCount: itemsCount() } }} </span>\n\t\t</div>\n\t}\n\n\t<div class=\"pagination-scrolling\">\n\t\t<button type=\"button\" class=\"button mod-onlyIcon mod-ghost mod-S\" [disabled]=\"isFirstPage()\" (click)=\"previousPage.emit()\">\n\t\t\t<lu-icon icon=\"arrowChevronLeft\" />\n\t\t\t<span class=\"pr-u-mask\">{{ intl().previous }}</span>\n\t\t</button>\n\t\t<button type=\"button\" class=\"button mod-onlyIcon mod-ghost mod-S\" [disabled]=\"isLastPage()\" (click)=\"nextPage.emit()\">\n\t\t\t<lu-icon icon=\"arrowChevronRight\" />\n\t\t\t<span class=\"pr-u-mask\">{{ intl().next }}</span>\n\t\t</button>\n\t</div>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  import * as i0 from '@angular/core';
2
2
  import { InjectionToken, input, booleanAttribute, model, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
3
3
  import { ButtonComponent } from '@lucca-front/ng/button';
4
- import { getIntl } from '@lucca-front/ng/core';
4
+ import { intlInputOptions } from '@lucca-front/ng/core';
5
5
  import { IconComponent } from '@lucca-front/ng/icon';
6
6
 
7
7
  const Translations = {
@@ -38,7 +38,7 @@ const LuPlgPushTranslations = Translations;
38
38
 
39
39
  class PLGPushComponent {
40
40
  constructor() {
41
- this.intl = getIntl(LU_PLG_PUSH_TRANSLATIONS);
41
+ this.intl = input(...intlInputOptions(LU_PLG_PUSH_TRANSLATIONS), ...(ngDevMode ? [{ debugName: "intl" }] : []));
42
42
  this.heading = input('', ...(ngDevMode ? [{ debugName: "heading" }] : []));
43
43
  this.removable = input(false, { ...(ngDevMode ? { debugName: "removable" } : {}), transform: booleanAttribute });
44
44
  /**
@@ -47,14 +47,14 @@ class PLGPushComponent {
47
47
  this.removed = model(false, ...(ngDevMode ? [{ debugName: "removed" }] : []));
48
48
  }
49
49
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: PLGPushComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
50
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: PLGPushComponent, isStandalone: true, selector: "lu-plg-push", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, removed: { classPropertyName: "removed", publicName: "removed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { removed: "removedChange" }, host: { properties: { "attr.hidden": "removed() ? \"hidden\" : null" } }, ngImport: i0, template: "<div class=\"plgPush\">\n\t<div class=\"plgPush-icons\">\n\t\t<lu-icon class=\"plgPush-icons-front\" icon=\"transportRocket\" size=\"S\" />\n\t\t<img class=\"plgPush-icons-back\" alt=\"\" src=\"https://cdn.lucca.fr/transverse/prisme/visuals/plg-push/shape.svg\" />\n\t</div>\n\t<div class=\"plgPush-content\">\n\t\t@if (heading()) {\n\t\t\t<div class=\"plgPush-content-title\">{{ heading() }}</div>\n\t\t}\n\t\t<div class=\"plgPush-content-description\">\n\t\t\t<ng-content />\n\t\t</div>\n\t</div>\n\t@if (removable()) {\n\t\t<button class=\"plgPush-close\" type=\"button\" luButton=\"ghost\" size=\"S\" (click)=\"removed.set(true)\">\n\t\t\t<lu-icon icon=\"signClose\" [alt]=\"intl.close\" />\n\t\t</button>\n\t}\n</div>\n", styles: ["@layer components{.plgPush{--components-plgPush-icon-size: 2rem;display:flex;align-items:flex-start;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-100);font:var(--pr-t-font-body-S);border:var(--commons-divider-width) var(--commons-divider-style) var(--palettes-brand-200);border-radius:var(--pr-t-border-radius-default);background-color:var(--palettes-brand-50)}.plgPush .link{--commons-text-link-color: var(--palettes-brand-700);--commons-text-link-hover: var(--palettes-brand-800);display:inline-block}.plgPush-icons{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;block-size:var(--components-plgPush-icon-size);inline-size:var(--components-plgPush-icon-size)}.plgPush-icons-front{color:var(--palettes-brand-600);z-index:1}.plgPush-icons-back{position:absolute;z-index:0;inset:0}.plgPush-content{display:flex;flex-direction:column;gap:var(--pr-t-spacings-50);padding-block:var(--pr-t-spacings-75)}.plgPush-content-title{font-weight:var(--pr-t-font-fontWeight-semibold)}.plgPush-content-link{display:flex;align-items:center;gap:var(--pr-t-spacings-25);padding:var(--pr-t-spacings-0)}.plgPush-close{margin-inline-start:auto}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: ButtonComponent, selector: "button[luButton],a[luButton]", inputs: ["size", "block", "critical", "delete", "disclosure", "palette", "state", "luButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
50
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: PLGPushComponent, isStandalone: true, selector: "lu-plg-push", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, removed: { classPropertyName: "removed", publicName: "removed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { removed: "removedChange" }, host: { properties: { "attr.hidden": "removed() ? \"hidden\" : null" } }, ngImport: i0, template: "<div class=\"plgPush\">\n\t<div class=\"plgPush-icons\">\n\t\t<lu-icon class=\"plgPush-icons-front\" icon=\"transportRocket\" size=\"S\" />\n\t\t<img class=\"plgPush-icons-back\" alt=\"\" src=\"https://cdn.lucca.fr/transverse/prisme/visuals/plg-push/shape.svg\" />\n\t</div>\n\t<div class=\"plgPush-content\">\n\t\t@if (heading()) {\n\t\t\t<div class=\"plgPush-content-title\">{{ heading() }}</div>\n\t\t}\n\t\t<div class=\"plgPush-content-description\">\n\t\t\t<ng-content />\n\t\t</div>\n\t</div>\n\t@if (removable()) {\n\t\t<button class=\"plgPush-close\" type=\"button\" luButton=\"ghost\" size=\"S\" (click)=\"removed.set(true)\">\n\t\t\t<lu-icon icon=\"signClose\" [alt]=\"intl().close\" />\n\t\t</button>\n\t}\n</div>\n", styles: ["@layer components{.plgPush{--components-plgPush-icon-size: 2rem;display:flex;align-items:flex-start;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-100);font:var(--pr-t-font-body-S);border:var(--commons-divider-width) var(--commons-divider-style) var(--palettes-brand-200);border-radius:var(--pr-t-border-radius-default);background-color:var(--palettes-brand-50)}.plgPush .link{--commons-text-link-color: var(--palettes-brand-700);--commons-text-link-hover: var(--palettes-brand-800);display:inline-block}.plgPush-icons{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;block-size:var(--components-plgPush-icon-size);inline-size:var(--components-plgPush-icon-size)}.plgPush-icons-front{color:var(--palettes-brand-600);z-index:1}.plgPush-icons-back{position:absolute;z-index:0;inset:0}.plgPush-content{display:flex;flex-direction:column;gap:var(--pr-t-spacings-50);padding-block:var(--pr-t-spacings-75)}.plgPush-content-title{font-weight:var(--pr-t-font-fontWeight-semibold)}.plgPush-content-link{display:flex;align-items:center;gap:var(--pr-t-spacings-25);padding:var(--pr-t-spacings-0)}.plgPush-close{margin-inline-start:auto}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "pr-icon,lu-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: ButtonComponent, selector: "button[prButton],a[prButton],button[luButton],a[luButton]", inputs: ["size", "block", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
51
51
  }
52
52
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: PLGPushComponent, decorators: [{
53
53
  type: Component,
54
54
  args: [{ selector: 'lu-plg-push', imports: [IconComponent, ButtonComponent], host: {
55
55
  '[attr.hidden]': 'removed() ? "hidden" : null',
56
- }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"plgPush\">\n\t<div class=\"plgPush-icons\">\n\t\t<lu-icon class=\"plgPush-icons-front\" icon=\"transportRocket\" size=\"S\" />\n\t\t<img class=\"plgPush-icons-back\" alt=\"\" src=\"https://cdn.lucca.fr/transverse/prisme/visuals/plg-push/shape.svg\" />\n\t</div>\n\t<div class=\"plgPush-content\">\n\t\t@if (heading()) {\n\t\t\t<div class=\"plgPush-content-title\">{{ heading() }}</div>\n\t\t}\n\t\t<div class=\"plgPush-content-description\">\n\t\t\t<ng-content />\n\t\t</div>\n\t</div>\n\t@if (removable()) {\n\t\t<button class=\"plgPush-close\" type=\"button\" luButton=\"ghost\" size=\"S\" (click)=\"removed.set(true)\">\n\t\t\t<lu-icon icon=\"signClose\" [alt]=\"intl.close\" />\n\t\t</button>\n\t}\n</div>\n", styles: ["@layer components{.plgPush{--components-plgPush-icon-size: 2rem;display:flex;align-items:flex-start;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-100);font:var(--pr-t-font-body-S);border:var(--commons-divider-width) var(--commons-divider-style) var(--palettes-brand-200);border-radius:var(--pr-t-border-radius-default);background-color:var(--palettes-brand-50)}.plgPush .link{--commons-text-link-color: var(--palettes-brand-700);--commons-text-link-hover: var(--palettes-brand-800);display:inline-block}.plgPush-icons{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;block-size:var(--components-plgPush-icon-size);inline-size:var(--components-plgPush-icon-size)}.plgPush-icons-front{color:var(--palettes-brand-600);z-index:1}.plgPush-icons-back{position:absolute;z-index:0;inset:0}.plgPush-content{display:flex;flex-direction:column;gap:var(--pr-t-spacings-50);padding-block:var(--pr-t-spacings-75)}.plgPush-content-title{font-weight:var(--pr-t-font-fontWeight-semibold)}.plgPush-content-link{display:flex;align-items:center;gap:var(--pr-t-spacings-25);padding:var(--pr-t-spacings-0)}.plgPush-close{margin-inline-start:auto}}\n"] }]
57
- }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], removable: [{ type: i0.Input, args: [{ isSignal: true, alias: "removable", required: false }] }], removed: [{ type: i0.Input, args: [{ isSignal: true, alias: "removed", required: false }] }, { type: i0.Output, args: ["removedChange"] }] } });
56
+ }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"plgPush\">\n\t<div class=\"plgPush-icons\">\n\t\t<lu-icon class=\"plgPush-icons-front\" icon=\"transportRocket\" size=\"S\" />\n\t\t<img class=\"plgPush-icons-back\" alt=\"\" src=\"https://cdn.lucca.fr/transverse/prisme/visuals/plg-push/shape.svg\" />\n\t</div>\n\t<div class=\"plgPush-content\">\n\t\t@if (heading()) {\n\t\t\t<div class=\"plgPush-content-title\">{{ heading() }}</div>\n\t\t}\n\t\t<div class=\"plgPush-content-description\">\n\t\t\t<ng-content />\n\t\t</div>\n\t</div>\n\t@if (removable()) {\n\t\t<button class=\"plgPush-close\" type=\"button\" luButton=\"ghost\" size=\"S\" (click)=\"removed.set(true)\">\n\t\t\t<lu-icon icon=\"signClose\" [alt]=\"intl().close\" />\n\t\t</button>\n\t}\n</div>\n", styles: ["@layer components{.plgPush{--components-plgPush-icon-size: 2rem;display:flex;align-items:flex-start;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-100);font:var(--pr-t-font-body-S);border:var(--commons-divider-width) var(--commons-divider-style) var(--palettes-brand-200);border-radius:var(--pr-t-border-radius-default);background-color:var(--palettes-brand-50)}.plgPush .link{--commons-text-link-color: var(--palettes-brand-700);--commons-text-link-hover: var(--palettes-brand-800);display:inline-block}.plgPush-icons{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;block-size:var(--components-plgPush-icon-size);inline-size:var(--components-plgPush-icon-size)}.plgPush-icons-front{color:var(--palettes-brand-600);z-index:1}.plgPush-icons-back{position:absolute;z-index:0;inset:0}.plgPush-content{display:flex;flex-direction:column;gap:var(--pr-t-spacings-50);padding-block:var(--pr-t-spacings-75)}.plgPush-content-title{font-weight:var(--pr-t-font-fontWeight-semibold)}.plgPush-content-link{display:flex;align-items:center;gap:var(--pr-t-spacings-25);padding:var(--pr-t-spacings-0)}.plgPush-close{margin-inline-start:auto}}\n"] }]
57
+ }], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], removable: [{ type: i0.Input, args: [{ isSignal: true, alias: "removable", required: false }] }], removed: [{ type: i0.Input, args: [{ isSignal: true, alias: "removed", required: false }] }, { type: i0.Output, args: ["removedChange"] }] } });
58
58
 
59
59
  /**
60
60
  * Generated bundle index. Do not edit.
@@ -1 +1 @@
1
- {"version":3,"file":"lucca-front-ng-plg-push.mjs","sources":["../../../packages/ng/plg-push/translations.ts","../../../packages/ng/plg-push/plg-push.translate.ts","../../../packages/ng/plg-push/plg-push.component.ts","../../../packages/ng/plg-push/plg-push.component.html","../../../packages/ng/plg-push/lucca-front-ng-plg-push.ts"],"sourcesContent":["export const Translations = {\n\t'nl-BE': {\n\t\tclose: 'Sluiten',\n\t},\n\tfr: {\n\t\tclose: 'Fermer',\n\t},\n\tde: {\n\t\tclose: 'Schließen',\n\t},\n\ten: {\n\t\tclose: 'Close',\n\t},\n\tes: {\n\t\tclose: 'Cerrar',\n\t},\n\tit: {\n\t\tclose: 'Chiudere',\n\t},\n\tnl: {\n\t\tclose: 'Sluiten',\n\t},\n\tpt: {\n\t\tclose: 'Fechar',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_PLG_PUSH_TRANSLATIONS = new InjectionToken('LuPlgPushTranslations', {\n\tfactory: () => LuPlgPushTranslations,\n});\n\nexport interface LuPlgPushLabel {\n\tclose: string;\n}\n\nexport const LuPlgPushTranslations: LuTranslation<LuPlgPushLabel> = Translations;\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, model, ViewEncapsulation } from '@angular/core';\nimport { ButtonComponent } from '@lucca-front/ng/button';\nimport { getIntl } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LU_PLG_PUSH_TRANSLATIONS } from './plg-push.translate';\n\n@Component({\n\tselector: 'lu-plg-push',\n\timports: [IconComponent, ButtonComponent],\n\ttemplateUrl: './plg-push.component.html',\n\tstyleUrl: './plg-push.component.scss',\n\thost: {\n\t\t'[attr.hidden]': 'removed() ? \"hidden\" : null',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class PLGPushComponent {\n\tprotected intl = getIntl(LU_PLG_PUSH_TRANSLATIONS);\n\n\treadonly heading = input<string>('');\n\n\treadonly removable = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Is the callout removed? Works with two way binding too.\n\t */\n\treadonly removed = model(false);\n}\n","<div class=\"plgPush\">\n\t<div class=\"plgPush-icons\">\n\t\t<lu-icon class=\"plgPush-icons-front\" icon=\"transportRocket\" size=\"S\" />\n\t\t<img class=\"plgPush-icons-back\" alt=\"\" src=\"https://cdn.lucca.fr/transverse/prisme/visuals/plg-push/shape.svg\" />\n\t</div>\n\t<div class=\"plgPush-content\">\n\t\t@if (heading()) {\n\t\t\t<div class=\"plgPush-content-title\">{{ heading() }}</div>\n\t\t}\n\t\t<div class=\"plgPush-content-description\">\n\t\t\t<ng-content />\n\t\t</div>\n\t</div>\n\t@if (removable()) {\n\t\t<button class=\"plgPush-close\" type=\"button\" luButton=\"ghost\" size=\"S\" (click)=\"removed.set(true)\">\n\t\t\t<lu-icon icon=\"signClose\" [alt]=\"intl.close\" />\n\t\t</button>\n\t}\n</div>\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-plg-push.mjs","sources":["../../../packages/ng/plg-push/translations.ts","../../../packages/ng/plg-push/plg-push.translate.ts","../../../packages/ng/plg-push/plg-push.component.ts","../../../packages/ng/plg-push/plg-push.component.html","../../../packages/ng/plg-push/lucca-front-ng-plg-push.ts"],"sourcesContent":["export const Translations = {\n\t'nl-BE': {\n\t\tclose: 'Sluiten',\n\t},\n\tfr: {\n\t\tclose: 'Fermer',\n\t},\n\tde: {\n\t\tclose: 'Schließen',\n\t},\n\ten: {\n\t\tclose: 'Close',\n\t},\n\tes: {\n\t\tclose: 'Cerrar',\n\t},\n\tit: {\n\t\tclose: 'Chiudere',\n\t},\n\tnl: {\n\t\tclose: 'Sluiten',\n\t},\n\tpt: {\n\t\tclose: 'Fechar',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_PLG_PUSH_TRANSLATIONS = new InjectionToken('LuPlgPushTranslations', {\n\tfactory: () => LuPlgPushTranslations,\n});\n\nexport interface LuPlgPushLabel {\n\tclose: string;\n}\n\nexport const LuPlgPushTranslations: LuTranslation<LuPlgPushLabel> = Translations;\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, model, ViewEncapsulation } from '@angular/core';\nimport { ButtonComponent } from '@lucca-front/ng/button';\nimport { intlInputOptions } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LU_PLG_PUSH_TRANSLATIONS } from './plg-push.translate';\n\n@Component({\n\tselector: 'lu-plg-push',\n\timports: [IconComponent, ButtonComponent],\n\ttemplateUrl: './plg-push.component.html',\n\tstyleUrl: './plg-push.component.scss',\n\thost: {\n\t\t'[attr.hidden]': 'removed() ? \"hidden\" : null',\n\t},\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class PLGPushComponent {\n\tprotected intl = input(...intlInputOptions(LU_PLG_PUSH_TRANSLATIONS));\n\n\treadonly heading = input<string>('');\n\n\treadonly removable = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Is the callout removed? Works with two way binding too.\n\t */\n\treadonly removed = model(false);\n}\n","<div class=\"plgPush\">\n\t<div class=\"plgPush-icons\">\n\t\t<lu-icon class=\"plgPush-icons-front\" icon=\"transportRocket\" size=\"S\" />\n\t\t<img class=\"plgPush-icons-back\" alt=\"\" src=\"https://cdn.lucca.fr/transverse/prisme/visuals/plg-push/shape.svg\" />\n\t</div>\n\t<div class=\"plgPush-content\">\n\t\t@if (heading()) {\n\t\t\t<div class=\"plgPush-content-title\">{{ heading() }}</div>\n\t\t}\n\t\t<div class=\"plgPush-content-description\">\n\t\t\t<ng-content />\n\t\t</div>\n\t</div>\n\t@if (removable()) {\n\t\t<button class=\"plgPush-close\" type=\"button\" luButton=\"ghost\" size=\"S\" (click)=\"removed.set(true)\">\n\t\t\t<lu-icon icon=\"signClose\" [alt]=\"intl().close\" />\n\t\t</button>\n\t}\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -1,9 +1,9 @@
1
1
  import { ConnectionPositionPair, Overlay, OverlayModule } from '@angular/cdk/overlay';
2
2
  import { ComponentPortal } from '@angular/cdk/portal';
3
3
  import * as i0 from '@angular/core';
4
- import { inject, NgZone, Injectable, InjectionToken, ElementRef, DestroyRef, HostListener, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, ViewContainerRef, Renderer2, model, input, output, signal, Injector, booleanAttribute, Input, Directive, makeEnvironmentProviders, importProvidersFrom } from '@angular/core';
4
+ import { inject, NgZone, Injectable, InjectionToken, input, ElementRef, DestroyRef, HostListener, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, ViewContainerRef, Renderer2, model, output, signal, Injector, booleanAttribute, Input, Directive, makeEnvironmentProviders, importProvidersFrom } from '@angular/core';
5
5
  import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
6
- import { getIntl, PortalDirective } from '@lucca-front/ng/core';
6
+ import { intlInputOptions, PortalDirective } from '@lucca-front/ng/core';
7
7
  import { Subject, combineLatest, filter, switchMap, merge, map, debounce, timer } from 'rxjs';
8
8
  import { CdkObserveContent } from '@angular/cdk/observers';
9
9
  import { ButtonComponent } from '@lucca-front/ng/button';
@@ -67,7 +67,7 @@ const luPopoverTranslations = Translations;
67
67
 
68
68
  class PopoverContentComponent {
69
69
  constructor() {
70
- this.intl = getIntl(LU_POPOVER2_TRANSLATIONS$1);
70
+ this.intl = input(...intlInputOptions(LU_POPOVER2_TRANSLATIONS$1), ...(ngDevMode ? [{ debugName: "intl" }] : []));
71
71
  this.#elementRef = inject(ElementRef);
72
72
  this.config = inject(POPOVER_CONFIG);
73
73
  this.destroyRef = inject(DestroyRef);
@@ -113,12 +113,12 @@ class PopoverContentComponent {
113
113
  this.config.ref.dispose();
114
114
  }
115
115
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: PopoverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
116
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: PopoverContentComponent, isStandalone: true, selector: "lu-popover-content", host: { listeners: { "mouseenter": "mouseEnter()", "mouseleave": "mouseLeave()", "window:keydown.escape": "close()" }, properties: { "attr.id": "this.contentId" } }, ngImport: i0, template: "<div class=\"popover\" (cdkObserveContent)=\"contentChanged()\" [debounce]=\"contentChangedDebounceTime\">\n\t@if (!config.noCloseButton) {\n\t\t<div>\n\t\t\t<button type=\"button\" luButton class=\"popover-close button\" (click)=\"close()\">\n\t\t\t\t<lu-icon icon=\"signClose\" />\n\t\t\t\t<span class=\"pr-u-mask\">{{ intl.close }}</span>\n\t\t\t</button>\n\t\t</div>\n\t}\n\t<ng-container *luPortal=\"content\" />\n</div>\n", styles: ["@charset \"UTF-8\";@layer components{.button{--components-button-font: var(--pr-t-font-body-M);--components-button-borderRadius: var(--pr-t-border-radius-default);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-paddingBlockStart: var(--components-button-paddingBlock);--components-button-paddingBlockEnd: var(--components-button-paddingBlock);--components-button-paddingInlineStart: var(--components-button-paddingInline);--components-button-paddingInlineEnd: var(--components-button-paddingInline);--components-button-padding: var(--components-button-paddingBlockStart) var(--components-button-paddingInlineEnd) var(--components-button-paddingBlockEnd) var(--components-button-paddingInlineStart);--components-button-gap: var(--pr-t-spacings-100);--components-button-opacity: 1;--components-button-cursor: pointer;--components-button-pointerEvents: auto;--components-button-width: auto;--components-button-minWidth: none;--components-button-userSelect: auto;--components-button-boxShadow: var(--pr-t-elevation-shadow-button);--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-700, var(--palettes-product-700));--components-button-arrow-transform: none;--components-button-AI-background-opacity: 25%;--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight);--icon-size: 1.5rem;background-color:var(--components-button-backgroundColor);box-shadow:var(--components-button-boxShadow);border-radius:var(--components-button-borderRadius);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);inline-size:var(--components-button-width);min-inline-size:var(--components-button-minWidth);font:var(--components-button-font);font-size:var(--components-button-font-size);line-height:var(--components-button-line-height);font-weight:var(--pr-t-font-fontWeight-semibold);gap:var(--components-button-gap);pointer-events:var(--components-button-pointerEvents);-webkit-user-select:var(--components-button-userSelect);user-select:var(--components-button-userSelect);opacity:var(--components-button-opacity);cursor:var(--components-button-cursor);transition-timing-function:ease;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;vertical-align:middle;text-wrap:balance;text-align:center;border:0}.button,.button:is(a){color:var(--components-button-color)}.button .lucca-icon{display:block}.button .button-icon{--icon-size: 1.5rem}.button:not(.mod-outlined,.mod-outline) .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.button:hover{--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-800, var(--palettes-product-800))}.button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:var(--components-button-borderRadius)}.button:active{--components-button-backgroundColor: var(--palettes-900, var(--palettes-product-900))}.button:disabled{--components-button-cursor: default;--components-button-color: var(--palettes-neutral-500);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button:disabled .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer mods{.button.mod-AI:not(.invert){--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-AI:not(.invert):hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.button.mod-AI:not(.invert):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-AI:not(.invert):focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.button.mod-AI:not(.invert):disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-AI:not(.invert):not(:disabled):before{content:\"\";pointer-events:none;position:absolute;inset:calc(var(--commons-divider-width) * -1);padding:var(--commons-divider-width);background-image:conic-gradient(from 135deg,var(--palettes-brand-400),var(--palettes-AI-500),var(--palettes-brand-400));border-radius:calc(var(--pr-t-border-radius-default) + var(--commons-divider-width));-webkit-mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));-webkit-mask-composite:xor;mask-composite:exclude}.button.mod-AI:not(.invert):not(:disabled):not(.mod-invert) .lucca-icon{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI:not(.invert).mod-invert{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-0);background-image:linear-gradient(-135deg,color-mix(in srgb,var(--palettes-AI-500) var(--components-button-AI-background-opacity),transparent),color-mix(in srgb,var(--palettes-brand-400) var(--components-button-AI-background-opacity),transparent))}.button.mod-AI:not(.invert).mod-invert:hover,.button.mod-AI:not(.invert).mod-invert:focus-visible{--components-button-AI-background-opacity: 15%;--components-button-color: var(--palettes-neutral-0)}.button.mod-AI:not(.invert).mod-invert:active{--components-button-AI-background-opacity: 5%}.button.mod-AI:not(.invert).is-success .lucca-icon{background-image:none}.button.mod-AI:not(.invert).is-success:before{content:none}.button.mod-AI:not(.invert).is-success:after{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI:not(.invert).is-loading .lucca-icon{background-image:none}.button.mod-AI:not(.invert).is-loading:before{content:none}.button.mod-block{--components-button-width: 100%}.button.mod-S{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.button.mod-S .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)}.button.mod-S{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.button.mod-XS{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small)}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--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)}.button.mod-XS{--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight)}.button.mod-disclosure{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-disclosure .icon-arrowChevronBottom{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:var(--components-button-arrow-transform)}.button.mod-disclosure[aria-expanded=true]{--components-button-arrow-transform: rotate(-180deg)}.button.mod-outlined:where(:not(.is-success,.is-error)),.button.mod-outline:where(:not(.is-success,.is-error)){--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-outlined:where(:not(.is-success,.is-error)):hover,.button.mod-outline:where(:not(.is-success,.is-error)):hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.button.mod-outlined:where(:not(.is-success,.is-error)):active,.button.mod-outline:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-outlined:where(:not(.is-success,.is-error)):focus-visible,.button.mod-outline:where(:not(.is-success,.is-error)):focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.button.mod-outlined:where(:not(.is-success,.is-error)):disabled,.button.mod-outline:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-text:where(:not(.is-success,.is-error)),.button.mod-link:where(:not(.is-success,.is-error)),.button.mod-ghost:where(:not(.is-success,.is-error)){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.button.mod-text:where(:not(.is-success,.is-error)):hover,.button.mod-text:where(:not(.is-success,.is-error)):focus-visible,.button.mod-link:where(:not(.is-success,.is-error)):hover,.button.mod-link:where(:not(.is-success,.is-error)):focus-visible,.button.mod-ghost:where(:not(.is-success,.is-error)):hover,.button.mod-ghost:where(:not(.is-success,.is-error)):focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.button.mod-text:where(:not(.is-success,.is-error)):active,.button.mod-link:where(:not(.is-success,.is-error)):active,.button.mod-ghost:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-text:where(:not(.is-success,.is-error)):disabled,.button.mod-link:where(:not(.is-success,.is-error)):disabled,.button.mod-ghost:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-withIcon.mod-iconOnLeft{--components-button-paddingInlineStart: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnLeft.mod-S{--components-button-paddingInlineStart: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnLeft.mod-XS{--components-button-paddingInlineStart: var(--pr-t-spacings-50)}.button.mod-withIcon.mod-iconOnRight{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnRight.mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnRight.mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.button.mod-onlyIcon{--components-button-padding: var(--pr-t-spacings-100)}.button.mod-onlyIcon.mod-S{--components-button-padding: var(--pr-t-spacings-75)}.button.mod-onlyIcon.mod-XS{--components-button-padding: var(--pr-t-spacings-50)}.button:has(.numericBadge){--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button:has(.numericBadge).mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button:has(.numericBadge).mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.button.mod-critical:hover,.button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical:active,.button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-critical.mod-text:hover,.button.mod-critical.mod-text:focus-visible,.button.mod-critical.mod-link:hover,.button.mod-critical.mod-link:focus-visible,.button.mod-delete.mod-text:hover,.button.mod-delete.mod-text:focus-visible,.button.mod-delete.mod-link:hover,.button.mod-delete.mod-link:focus-visible{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical.mod-text:active,.button.mod-critical.mod-link:active,.button.mod-delete.mod-text:active,.button.mod-delete.mod-link:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-critical.mod-outlined:hover,.button.mod-critical.mod-outline:hover,.button.mod-delete.mod-outlined:hover,.button.mod-delete.mod-outline:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical.mod-outlined:focus-visible,.button.mod-critical.mod-outline:focus-visible,.button.mod-delete.mod-outlined:focus-visible,.button.mod-delete.mod-outline:focus-visible{--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700)}.button.mod-critical.mod-outlined:active,.button.mod-critical.mod-outline:active,.button.mod-delete.mod-outlined:active,.button.mod-delete.mod-outline:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-inverted,.button.mod-invert{--components-button-color: var(--palettes-neutral-0)}.button.mod-inverted:hover,.button.mod-inverted:focus-visible,.button.mod-invert:hover,.button.mod-invert:focus-visible{--components-button-color: var(--palettes-neutral-0);--components-button-backgroundColor: var(--palettes-neutral-900)}.button.mod-inverted:active,.button.mod-invert:active{--components-button-backgroundColor: var(--palettes-neutral-700)}.button.mod-more{--components-button-minWidth: 2rem;--components-button-padding: 0}.button.mod-more:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;block-size:0;order:-1;vertical-align:text-top}.button.mod-more.mod-S{--components-button-minWidth: 1.75rem}.button.mod-more.mod-XS{--components-button-minWidth: 1.5rem}.button.is-loading,.button.loading{--components-button-pointerEvents: none;--components-button-color: transparent;--components-button-userSelect: none;--components-button-boxShadow: none;--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--commons-loading-frontground: var(--palettes-50, var(--palettes-product-50))}.button.is-loading:after,.button.loading:after{content:\"\";inline-size:var(--pr-t-font-body-M-lineHeight);block-size:var(--pr-t-font-body-M-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}.button.is-loading .numericBadge,.button.loading .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-loading.mod-S:after,.button.loading.mod-S:after{content:\"\";inline-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}.button.is-loading.mod-XS:after,.button.loading.mod-XS:after{content:\"\";inline-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button.is-loading.mod-XS,.button.loading.mod-XS{--commons-loading-borderWidth: 2px}.button.is-loading.mod-AI,.button.is-loading.mod-outlined,.button.loading.mod-AI,.button.loading.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--commons-loading-frontground: var(--palettes-neutral-300);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.is-loading.mod-ghost,.button.loading.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--commons-loading-frontground: var(--palettes-neutral-400)}.button.is-error,.button.error{animation-name:shake;animation-iteration-count:1;animation-duration:var(--commons-animations-durations-standard)}@keyframes shake{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-3px,0,0)}40%,80%{transform:translate3d(3px,0,0)}}.button.is-success,.button.success{--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.is-success:after,.button.success:after{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-0);font-size:calc(1.5 * var(--pr-t-font-body-M-fontSize));block-size:var(--pr-t-font-body-M-lineHeight);inset:0;margin:auto;position:absolute}.button.is-success .numericBadge,.button.success .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-success.mod-AI,.button.is-success.mod-outlined,.button.success.mod-AI,.button.success.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.is-success.mod-AI:after,.button.is-success.mod-outlined:after,.button.success.mod-AI:after,.button.success.mod-outlined:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-ghost,.button.success.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--components-button-boxShadow: none}.button.is-success.mod-ghost:after,.button.success.mod-ghost:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-S:after,.button.success.mod-S:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.button.is-success.mod-XS:after,.button.success.mod-XS:after{font-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight)}.button.is-disabled,.button.disabled,.button[aria-disabled=true]{--components-button-cursor: default;--components-button-color: var(--pr-t-color-text-disabled);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button.is-disabled .numericBadge,.button.disabled .numericBadge,.button[aria-disabled=true] .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer components{.popover{--components-popover-padding: var(--pr-t-spacings-100);display:block;background-color:var(--pr-t-elevation-surface-raised);box-shadow:var(--pr-t-elevation-shadow-overlay);border-radius:var(--pr-t-border-radius-structure);position:relative;min-block-size:var(--pr-t-spacings-500);min-inline-size:var(--pr-t-spacings-500);animation:popup var(--commons-animations-durations-fast) ease 1 forwards}.popover .popover-close{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.popover .popover-close:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.popover .popover-close:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.popover .popover-close:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.popover .popover-close:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.popover .popover-close{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small)}.popover .popover-close .numericBadge{--components-numericBadge-size: 1rem;--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)}.popover .popover-close{--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight);--components-button-padding: var(--pr-t-spacings-50);padding:0;border-radius:50%;position:absolute;inset-inline-start:calc(var(--pr-t-spacings-100) * -1);inset-block-start:calc(var(--pr-t-spacings-100) * -1);z-index:2}.popover .popover-close: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}.popover-contentOptional{padding:var(--components-popover-padding)}@keyframes popup{0%{transform:scale(.95);opacity:.5}to{transform:scale(1);opacity:1}}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[luButton],a[luButton]", inputs: ["size", "block", "critical", "delete", "disclosure", "palette", "state", "luButton"] }, { kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
116
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: PopoverContentComponent, isStandalone: true, selector: "lu-popover-content", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "mouseEnter()", "mouseleave": "mouseLeave()", "window:keydown.escape": "close()" }, properties: { "attr.id": "this.contentId" } }, ngImport: i0, template: "<div class=\"popover\" (cdkObserveContent)=\"contentChanged()\" [debounce]=\"contentChangedDebounceTime\">\n\t@if (!config.noCloseButton) {\n\t\t<div>\n\t\t\t<button type=\"button\" luButton class=\"popover-close button\" (click)=\"close()\">\n\t\t\t\t<lu-icon icon=\"signClose\" />\n\t\t\t\t<span class=\"pr-u-mask\">{{ intl().close }}</span>\n\t\t\t</button>\n\t\t</div>\n\t}\n\t<ng-container *luPortal=\"content\" />\n</div>\n", styles: ["@charset \"UTF-8\";@layer components{.button{--components-button-font: var(--pr-t-font-body-M);--components-button-borderRadius: var(--pr-t-border-radius-default);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-paddingBlockStart: var(--components-button-paddingBlock);--components-button-paddingBlockEnd: var(--components-button-paddingBlock);--components-button-paddingInlineStart: var(--components-button-paddingInline);--components-button-paddingInlineEnd: var(--components-button-paddingInline);--components-button-padding: var(--components-button-paddingBlockStart) var(--components-button-paddingInlineEnd) var(--components-button-paddingBlockEnd) var(--components-button-paddingInlineStart);--components-button-gap: var(--pr-t-spacings-100);--components-button-opacity: 1;--components-button-cursor: pointer;--components-button-pointerEvents: auto;--components-button-width: auto;--components-button-minWidth: none;--components-button-userSelect: auto;--components-button-boxShadow: var(--pr-t-elevation-shadow-button);--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-700, var(--palettes-product-700));--components-button-arrow-transform: none;--components-button-AI-background-opacity: 25%;--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight);--icon-size: 1.5rem;background-color:var(--components-button-backgroundColor);box-shadow:var(--components-button-boxShadow);border-radius:var(--components-button-borderRadius);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);inline-size:var(--components-button-width);min-inline-size:var(--components-button-minWidth);font:var(--components-button-font);font-size:var(--components-button-font-size);line-height:var(--components-button-line-height);font-weight:var(--pr-t-font-fontWeight-semibold);gap:var(--components-button-gap);pointer-events:var(--components-button-pointerEvents);-webkit-user-select:var(--components-button-userSelect);user-select:var(--components-button-userSelect);opacity:var(--components-button-opacity);cursor:var(--components-button-cursor);transition-timing-function:ease;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;vertical-align:middle;text-wrap:balance;text-align:center;border:0}.button,.button:is(a){color:var(--components-button-color)}.button .lucca-icon{display:block}.button .button-icon{--icon-size: 1.5rem}.button:not(.mod-outlined,.mod-outline) .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.button:hover{--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-800, var(--palettes-product-800))}.button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:var(--components-button-borderRadius)}.button:active{--components-button-backgroundColor: var(--palettes-900, var(--palettes-product-900))}.button:disabled{--components-button-cursor: default;--components-button-color: var(--palettes-neutral-500);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button:disabled .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer mods{.button.mod-AI:not(.invert){--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-AI:not(.invert):hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.button.mod-AI:not(.invert):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-AI:not(.invert):focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.button.mod-AI:not(.invert):disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-AI:not(.invert):not(:disabled):before{content:\"\";pointer-events:none;position:absolute;inset:calc(var(--commons-divider-width) * -1);padding:var(--commons-divider-width);background-image:conic-gradient(from 135deg,var(--palettes-brand-400),var(--palettes-AI-500),var(--palettes-brand-400));border-radius:calc(var(--pr-t-border-radius-default) + var(--commons-divider-width));-webkit-mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));-webkit-mask-composite:xor;mask-composite:exclude}.button.mod-AI:not(.invert):not(:disabled):not(.mod-invert) .lucca-icon{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI:not(.invert).mod-invert{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-0);background-image:linear-gradient(-135deg,color-mix(in srgb,var(--palettes-AI-500) var(--components-button-AI-background-opacity),transparent),color-mix(in srgb,var(--palettes-brand-400) var(--components-button-AI-background-opacity),transparent))}.button.mod-AI:not(.invert).mod-invert:hover,.button.mod-AI:not(.invert).mod-invert:focus-visible{--components-button-AI-background-opacity: 15%;--components-button-color: var(--palettes-neutral-0)}.button.mod-AI:not(.invert).mod-invert:active{--components-button-AI-background-opacity: 5%}.button.mod-AI:not(.invert).is-success .lucca-icon{background-image:none}.button.mod-AI:not(.invert).is-success:before{content:none}.button.mod-AI:not(.invert).is-success:after{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI:not(.invert).is-loading .lucca-icon{background-image:none}.button.mod-AI:not(.invert).is-loading:before{content:none}.button.mod-block{--components-button-width: 100%}.button.mod-S{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.button.mod-S .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)}.button.mod-S{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.button.mod-XS{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small)}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--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)}.button.mod-XS{--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight)}.button.mod-disclosure{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-disclosure .icon-arrowChevronBottom{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:var(--components-button-arrow-transform)}.button.mod-disclosure[aria-expanded=true]{--components-button-arrow-transform: rotate(-180deg)}.button.mod-outlined:where(:not(.is-success,.is-error)),.button.mod-outline:where(:not(.is-success,.is-error)){--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-outlined:where(:not(.is-success,.is-error)):hover,.button.mod-outline:where(:not(.is-success,.is-error)):hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.button.mod-outlined:where(:not(.is-success,.is-error)):active,.button.mod-outline:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-outlined:where(:not(.is-success,.is-error)):focus-visible,.button.mod-outline:where(:not(.is-success,.is-error)):focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.button.mod-outlined:where(:not(.is-success,.is-error)):disabled,.button.mod-outline:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-text:where(:not(.is-success,.is-error)),.button.mod-link:where(:not(.is-success,.is-error)),.button.mod-ghost:where(:not(.is-success,.is-error)){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.button.mod-text:where(:not(.is-success,.is-error)):hover,.button.mod-text:where(:not(.is-success,.is-error)):focus-visible,.button.mod-link:where(:not(.is-success,.is-error)):hover,.button.mod-link:where(:not(.is-success,.is-error)):focus-visible,.button.mod-ghost:where(:not(.is-success,.is-error)):hover,.button.mod-ghost:where(:not(.is-success,.is-error)):focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.button.mod-text:where(:not(.is-success,.is-error)):active,.button.mod-link:where(:not(.is-success,.is-error)):active,.button.mod-ghost:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-text:where(:not(.is-success,.is-error)):disabled,.button.mod-link:where(:not(.is-success,.is-error)):disabled,.button.mod-ghost:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-withIcon.mod-iconOnLeft{--components-button-paddingInlineStart: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnLeft.mod-S{--components-button-paddingInlineStart: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnLeft.mod-XS{--components-button-paddingInlineStart: var(--pr-t-spacings-50)}.button.mod-withIcon.mod-iconOnRight{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnRight.mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnRight.mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.button.mod-onlyIcon{--components-button-padding: var(--pr-t-spacings-100)}.button.mod-onlyIcon.mod-S{--components-button-padding: var(--pr-t-spacings-75)}.button.mod-onlyIcon.mod-XS{--components-button-padding: var(--pr-t-spacings-50)}.button:has(.numericBadge){--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button:has(.numericBadge).mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button:has(.numericBadge).mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.button.mod-critical:hover,.button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical:active,.button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-critical.mod-text:hover,.button.mod-critical.mod-text:focus-visible,.button.mod-critical.mod-link:hover,.button.mod-critical.mod-link:focus-visible,.button.mod-delete.mod-text:hover,.button.mod-delete.mod-text:focus-visible,.button.mod-delete.mod-link:hover,.button.mod-delete.mod-link:focus-visible{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical.mod-text:active,.button.mod-critical.mod-link:active,.button.mod-delete.mod-text:active,.button.mod-delete.mod-link:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-critical.mod-outlined:hover,.button.mod-critical.mod-outline:hover,.button.mod-delete.mod-outlined:hover,.button.mod-delete.mod-outline:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical.mod-outlined:focus-visible,.button.mod-critical.mod-outline:focus-visible,.button.mod-delete.mod-outlined:focus-visible,.button.mod-delete.mod-outline:focus-visible{--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700)}.button.mod-critical.mod-outlined:active,.button.mod-critical.mod-outline:active,.button.mod-delete.mod-outlined:active,.button.mod-delete.mod-outline:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-inverted,.button.mod-invert{--components-button-color: var(--palettes-neutral-0)}.button.mod-inverted:hover,.button.mod-inverted:focus-visible,.button.mod-invert:hover,.button.mod-invert:focus-visible{--components-button-color: var(--palettes-neutral-0);--components-button-backgroundColor: var(--palettes-neutral-900)}.button.mod-inverted:active,.button.mod-invert:active{--components-button-backgroundColor: var(--palettes-neutral-700)}.button.mod-more{--components-button-minWidth: 2rem;--components-button-padding: 0}.button.mod-more:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;block-size:0;order:-1;vertical-align:text-top}.button.mod-more.mod-S{--components-button-minWidth: 1.75rem}.button.mod-more.mod-XS{--components-button-minWidth: 1.5rem}.button.is-loading,.button.loading{--components-button-pointerEvents: none;--components-button-color: transparent;--components-button-userSelect: none;--components-button-boxShadow: none;--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--commons-loading-frontground: var(--palettes-50, var(--palettes-product-50))}.button.is-loading:after,.button.loading:after{content:\"\";inline-size:var(--pr-t-font-body-M-lineHeight);block-size:var(--pr-t-font-body-M-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}.button.is-loading .numericBadge,.button.loading .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-loading.mod-S:after,.button.loading.mod-S:after{content:\"\";inline-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}.button.is-loading.mod-XS:after,.button.loading.mod-XS:after{content:\"\";inline-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button.is-loading.mod-XS,.button.loading.mod-XS{--commons-loading-borderWidth: 2px}.button.is-loading.mod-AI,.button.is-loading.mod-outlined,.button.loading.mod-AI,.button.loading.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--commons-loading-frontground: var(--palettes-neutral-300);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.is-loading.mod-ghost,.button.loading.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--commons-loading-frontground: var(--palettes-neutral-400)}.button.is-error,.button.error{animation-name:shake;animation-iteration-count:1;animation-duration:var(--commons-animations-durations-standard)}@keyframes shake{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-3px,0,0)}40%,80%{transform:translate3d(3px,0,0)}}.button.is-success,.button.success{--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.is-success:after,.button.success:after{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-0);font-size:calc(1.5 * var(--pr-t-font-body-M-fontSize));block-size:var(--pr-t-font-body-M-lineHeight);inset:0;margin:auto;position:absolute}.button.is-success .numericBadge,.button.success .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-success.mod-AI,.button.is-success.mod-outlined,.button.success.mod-AI,.button.success.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.is-success.mod-AI:after,.button.is-success.mod-outlined:after,.button.success.mod-AI:after,.button.success.mod-outlined:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-ghost,.button.success.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--components-button-boxShadow: none}.button.is-success.mod-ghost:after,.button.success.mod-ghost:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-S:after,.button.success.mod-S:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.button.is-success.mod-XS:after,.button.success.mod-XS:after{font-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight)}.button.is-disabled,.button.disabled,.button[aria-disabled=true]{--components-button-cursor: default;--components-button-color: var(--pr-t-color-text-disabled);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button.is-disabled .numericBadge,.button.disabled .numericBadge,.button[aria-disabled=true] .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer components{.popover{--components-popover-padding: var(--pr-t-spacings-100);display:block;background-color:var(--pr-t-elevation-surface-raised);box-shadow:var(--pr-t-elevation-shadow-overlay);border-radius:var(--pr-t-border-radius-structure);position:relative;min-block-size:var(--pr-t-spacings-500);min-inline-size:var(--pr-t-spacings-500);animation:popup var(--commons-animations-durations-fast) ease 1 forwards}.popover .popover-close{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.popover .popover-close:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.popover .popover-close:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.popover .popover-close:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.popover .popover-close:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.popover .popover-close{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small)}.popover .popover-close .numericBadge{--components-numericBadge-size: 1rem;--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)}.popover .popover-close{--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight);--components-button-padding: var(--pr-t-spacings-50);padding:0;border-radius:50%;position:absolute;inset-inline-start:calc(var(--pr-t-spacings-100) * -1);inset-block-start:calc(var(--pr-t-spacings-100) * -1);z-index:2}.popover .popover-close: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}.popover-contentOptional{padding:var(--components-popover-padding)}@keyframes popup{0%{transform:scale(.95);opacity:.5}to{transform:scale(1);opacity:1}}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[prButton],a[prButton],button[luButton],a[luButton]", inputs: ["size", "block", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }, { kind: "component", type: IconComponent, selector: "pr-icon,lu-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
117
117
  }
118
118
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: PopoverContentComponent, decorators: [{
119
119
  type: Component,
120
- args: [{ selector: 'lu-popover-content', imports: [ButtonComponent, IconComponent, CdkObserveContent, PortalDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"popover\" (cdkObserveContent)=\"contentChanged()\" [debounce]=\"contentChangedDebounceTime\">\n\t@if (!config.noCloseButton) {\n\t\t<div>\n\t\t\t<button type=\"button\" luButton class=\"popover-close button\" (click)=\"close()\">\n\t\t\t\t<lu-icon icon=\"signClose\" />\n\t\t\t\t<span class=\"pr-u-mask\">{{ intl.close }}</span>\n\t\t\t</button>\n\t\t</div>\n\t}\n\t<ng-container *luPortal=\"content\" />\n</div>\n", styles: ["@charset \"UTF-8\";@layer components{.button{--components-button-font: var(--pr-t-font-body-M);--components-button-borderRadius: var(--pr-t-border-radius-default);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-paddingBlockStart: var(--components-button-paddingBlock);--components-button-paddingBlockEnd: var(--components-button-paddingBlock);--components-button-paddingInlineStart: var(--components-button-paddingInline);--components-button-paddingInlineEnd: var(--components-button-paddingInline);--components-button-padding: var(--components-button-paddingBlockStart) var(--components-button-paddingInlineEnd) var(--components-button-paddingBlockEnd) var(--components-button-paddingInlineStart);--components-button-gap: var(--pr-t-spacings-100);--components-button-opacity: 1;--components-button-cursor: pointer;--components-button-pointerEvents: auto;--components-button-width: auto;--components-button-minWidth: none;--components-button-userSelect: auto;--components-button-boxShadow: var(--pr-t-elevation-shadow-button);--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-700, var(--palettes-product-700));--components-button-arrow-transform: none;--components-button-AI-background-opacity: 25%;--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight);--icon-size: 1.5rem;background-color:var(--components-button-backgroundColor);box-shadow:var(--components-button-boxShadow);border-radius:var(--components-button-borderRadius);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);inline-size:var(--components-button-width);min-inline-size:var(--components-button-minWidth);font:var(--components-button-font);font-size:var(--components-button-font-size);line-height:var(--components-button-line-height);font-weight:var(--pr-t-font-fontWeight-semibold);gap:var(--components-button-gap);pointer-events:var(--components-button-pointerEvents);-webkit-user-select:var(--components-button-userSelect);user-select:var(--components-button-userSelect);opacity:var(--components-button-opacity);cursor:var(--components-button-cursor);transition-timing-function:ease;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;vertical-align:middle;text-wrap:balance;text-align:center;border:0}.button,.button:is(a){color:var(--components-button-color)}.button .lucca-icon{display:block}.button .button-icon{--icon-size: 1.5rem}.button:not(.mod-outlined,.mod-outline) .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.button:hover{--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-800, var(--palettes-product-800))}.button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:var(--components-button-borderRadius)}.button:active{--components-button-backgroundColor: var(--palettes-900, var(--palettes-product-900))}.button:disabled{--components-button-cursor: default;--components-button-color: var(--palettes-neutral-500);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button:disabled .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer mods{.button.mod-AI:not(.invert){--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-AI:not(.invert):hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.button.mod-AI:not(.invert):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-AI:not(.invert):focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.button.mod-AI:not(.invert):disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-AI:not(.invert):not(:disabled):before{content:\"\";pointer-events:none;position:absolute;inset:calc(var(--commons-divider-width) * -1);padding:var(--commons-divider-width);background-image:conic-gradient(from 135deg,var(--palettes-brand-400),var(--palettes-AI-500),var(--palettes-brand-400));border-radius:calc(var(--pr-t-border-radius-default) + var(--commons-divider-width));-webkit-mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));-webkit-mask-composite:xor;mask-composite:exclude}.button.mod-AI:not(.invert):not(:disabled):not(.mod-invert) .lucca-icon{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI:not(.invert).mod-invert{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-0);background-image:linear-gradient(-135deg,color-mix(in srgb,var(--palettes-AI-500) var(--components-button-AI-background-opacity),transparent),color-mix(in srgb,var(--palettes-brand-400) var(--components-button-AI-background-opacity),transparent))}.button.mod-AI:not(.invert).mod-invert:hover,.button.mod-AI:not(.invert).mod-invert:focus-visible{--components-button-AI-background-opacity: 15%;--components-button-color: var(--palettes-neutral-0)}.button.mod-AI:not(.invert).mod-invert:active{--components-button-AI-background-opacity: 5%}.button.mod-AI:not(.invert).is-success .lucca-icon{background-image:none}.button.mod-AI:not(.invert).is-success:before{content:none}.button.mod-AI:not(.invert).is-success:after{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI:not(.invert).is-loading .lucca-icon{background-image:none}.button.mod-AI:not(.invert).is-loading:before{content:none}.button.mod-block{--components-button-width: 100%}.button.mod-S{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.button.mod-S .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)}.button.mod-S{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.button.mod-XS{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small)}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--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)}.button.mod-XS{--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight)}.button.mod-disclosure{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-disclosure .icon-arrowChevronBottom{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:var(--components-button-arrow-transform)}.button.mod-disclosure[aria-expanded=true]{--components-button-arrow-transform: rotate(-180deg)}.button.mod-outlined:where(:not(.is-success,.is-error)),.button.mod-outline:where(:not(.is-success,.is-error)){--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-outlined:where(:not(.is-success,.is-error)):hover,.button.mod-outline:where(:not(.is-success,.is-error)):hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.button.mod-outlined:where(:not(.is-success,.is-error)):active,.button.mod-outline:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-outlined:where(:not(.is-success,.is-error)):focus-visible,.button.mod-outline:where(:not(.is-success,.is-error)):focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.button.mod-outlined:where(:not(.is-success,.is-error)):disabled,.button.mod-outline:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-text:where(:not(.is-success,.is-error)),.button.mod-link:where(:not(.is-success,.is-error)),.button.mod-ghost:where(:not(.is-success,.is-error)){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.button.mod-text:where(:not(.is-success,.is-error)):hover,.button.mod-text:where(:not(.is-success,.is-error)):focus-visible,.button.mod-link:where(:not(.is-success,.is-error)):hover,.button.mod-link:where(:not(.is-success,.is-error)):focus-visible,.button.mod-ghost:where(:not(.is-success,.is-error)):hover,.button.mod-ghost:where(:not(.is-success,.is-error)):focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.button.mod-text:where(:not(.is-success,.is-error)):active,.button.mod-link:where(:not(.is-success,.is-error)):active,.button.mod-ghost:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-text:where(:not(.is-success,.is-error)):disabled,.button.mod-link:where(:not(.is-success,.is-error)):disabled,.button.mod-ghost:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-withIcon.mod-iconOnLeft{--components-button-paddingInlineStart: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnLeft.mod-S{--components-button-paddingInlineStart: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnLeft.mod-XS{--components-button-paddingInlineStart: var(--pr-t-spacings-50)}.button.mod-withIcon.mod-iconOnRight{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnRight.mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnRight.mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.button.mod-onlyIcon{--components-button-padding: var(--pr-t-spacings-100)}.button.mod-onlyIcon.mod-S{--components-button-padding: var(--pr-t-spacings-75)}.button.mod-onlyIcon.mod-XS{--components-button-padding: var(--pr-t-spacings-50)}.button:has(.numericBadge){--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button:has(.numericBadge).mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button:has(.numericBadge).mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.button.mod-critical:hover,.button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical:active,.button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-critical.mod-text:hover,.button.mod-critical.mod-text:focus-visible,.button.mod-critical.mod-link:hover,.button.mod-critical.mod-link:focus-visible,.button.mod-delete.mod-text:hover,.button.mod-delete.mod-text:focus-visible,.button.mod-delete.mod-link:hover,.button.mod-delete.mod-link:focus-visible{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical.mod-text:active,.button.mod-critical.mod-link:active,.button.mod-delete.mod-text:active,.button.mod-delete.mod-link:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-critical.mod-outlined:hover,.button.mod-critical.mod-outline:hover,.button.mod-delete.mod-outlined:hover,.button.mod-delete.mod-outline:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical.mod-outlined:focus-visible,.button.mod-critical.mod-outline:focus-visible,.button.mod-delete.mod-outlined:focus-visible,.button.mod-delete.mod-outline:focus-visible{--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700)}.button.mod-critical.mod-outlined:active,.button.mod-critical.mod-outline:active,.button.mod-delete.mod-outlined:active,.button.mod-delete.mod-outline:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-inverted,.button.mod-invert{--components-button-color: var(--palettes-neutral-0)}.button.mod-inverted:hover,.button.mod-inverted:focus-visible,.button.mod-invert:hover,.button.mod-invert:focus-visible{--components-button-color: var(--palettes-neutral-0);--components-button-backgroundColor: var(--palettes-neutral-900)}.button.mod-inverted:active,.button.mod-invert:active{--components-button-backgroundColor: var(--palettes-neutral-700)}.button.mod-more{--components-button-minWidth: 2rem;--components-button-padding: 0}.button.mod-more:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;block-size:0;order:-1;vertical-align:text-top}.button.mod-more.mod-S{--components-button-minWidth: 1.75rem}.button.mod-more.mod-XS{--components-button-minWidth: 1.5rem}.button.is-loading,.button.loading{--components-button-pointerEvents: none;--components-button-color: transparent;--components-button-userSelect: none;--components-button-boxShadow: none;--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--commons-loading-frontground: var(--palettes-50, var(--palettes-product-50))}.button.is-loading:after,.button.loading:after{content:\"\";inline-size:var(--pr-t-font-body-M-lineHeight);block-size:var(--pr-t-font-body-M-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}.button.is-loading .numericBadge,.button.loading .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-loading.mod-S:after,.button.loading.mod-S:after{content:\"\";inline-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}.button.is-loading.mod-XS:after,.button.loading.mod-XS:after{content:\"\";inline-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button.is-loading.mod-XS,.button.loading.mod-XS{--commons-loading-borderWidth: 2px}.button.is-loading.mod-AI,.button.is-loading.mod-outlined,.button.loading.mod-AI,.button.loading.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--commons-loading-frontground: var(--palettes-neutral-300);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.is-loading.mod-ghost,.button.loading.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--commons-loading-frontground: var(--palettes-neutral-400)}.button.is-error,.button.error{animation-name:shake;animation-iteration-count:1;animation-duration:var(--commons-animations-durations-standard)}@keyframes shake{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-3px,0,0)}40%,80%{transform:translate3d(3px,0,0)}}.button.is-success,.button.success{--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.is-success:after,.button.success:after{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-0);font-size:calc(1.5 * var(--pr-t-font-body-M-fontSize));block-size:var(--pr-t-font-body-M-lineHeight);inset:0;margin:auto;position:absolute}.button.is-success .numericBadge,.button.success .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-success.mod-AI,.button.is-success.mod-outlined,.button.success.mod-AI,.button.success.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.is-success.mod-AI:after,.button.is-success.mod-outlined:after,.button.success.mod-AI:after,.button.success.mod-outlined:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-ghost,.button.success.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--components-button-boxShadow: none}.button.is-success.mod-ghost:after,.button.success.mod-ghost:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-S:after,.button.success.mod-S:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.button.is-success.mod-XS:after,.button.success.mod-XS:after{font-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight)}.button.is-disabled,.button.disabled,.button[aria-disabled=true]{--components-button-cursor: default;--components-button-color: var(--pr-t-color-text-disabled);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button.is-disabled .numericBadge,.button.disabled .numericBadge,.button[aria-disabled=true] .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer components{.popover{--components-popover-padding: var(--pr-t-spacings-100);display:block;background-color:var(--pr-t-elevation-surface-raised);box-shadow:var(--pr-t-elevation-shadow-overlay);border-radius:var(--pr-t-border-radius-structure);position:relative;min-block-size:var(--pr-t-spacings-500);min-inline-size:var(--pr-t-spacings-500);animation:popup var(--commons-animations-durations-fast) ease 1 forwards}.popover .popover-close{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.popover .popover-close:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.popover .popover-close:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.popover .popover-close:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.popover .popover-close:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.popover .popover-close{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small)}.popover .popover-close .numericBadge{--components-numericBadge-size: 1rem;--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)}.popover .popover-close{--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight);--components-button-padding: var(--pr-t-spacings-50);padding:0;border-radius:50%;position:absolute;inset-inline-start:calc(var(--pr-t-spacings-100) * -1);inset-block-start:calc(var(--pr-t-spacings-100) * -1);z-index:2}.popover .popover-close: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}.popover-contentOptional{padding:var(--components-popover-padding)}@keyframes popup{0%{transform:scale(.95);opacity:.5}to{transform:scale(1);opacity:1}}}\n"] }]
121
- }], propDecorators: { contentId: [{
120
+ args: [{ selector: 'lu-popover-content', imports: [ButtonComponent, IconComponent, CdkObserveContent, PortalDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"popover\" (cdkObserveContent)=\"contentChanged()\" [debounce]=\"contentChangedDebounceTime\">\n\t@if (!config.noCloseButton) {\n\t\t<div>\n\t\t\t<button type=\"button\" luButton class=\"popover-close button\" (click)=\"close()\">\n\t\t\t\t<lu-icon icon=\"signClose\" />\n\t\t\t\t<span class=\"pr-u-mask\">{{ intl().close }}</span>\n\t\t\t</button>\n\t\t</div>\n\t}\n\t<ng-container *luPortal=\"content\" />\n</div>\n", styles: ["@charset \"UTF-8\";@layer components{.button{--components-button-font: var(--pr-t-font-body-M);--components-button-borderRadius: var(--pr-t-border-radius-default);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-paddingBlockStart: var(--components-button-paddingBlock);--components-button-paddingBlockEnd: var(--components-button-paddingBlock);--components-button-paddingInlineStart: var(--components-button-paddingInline);--components-button-paddingInlineEnd: var(--components-button-paddingInline);--components-button-padding: var(--components-button-paddingBlockStart) var(--components-button-paddingInlineEnd) var(--components-button-paddingBlockEnd) var(--components-button-paddingInlineStart);--components-button-gap: var(--pr-t-spacings-100);--components-button-opacity: 1;--components-button-cursor: pointer;--components-button-pointerEvents: auto;--components-button-width: auto;--components-button-minWidth: none;--components-button-userSelect: auto;--components-button-boxShadow: var(--pr-t-elevation-shadow-button);--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-700, var(--palettes-product-700));--components-button-arrow-transform: none;--components-button-AI-background-opacity: 25%;--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight);--icon-size: 1.5rem;background-color:var(--components-button-backgroundColor);box-shadow:var(--components-button-boxShadow);border-radius:var(--components-button-borderRadius);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);inline-size:var(--components-button-width);min-inline-size:var(--components-button-minWidth);font:var(--components-button-font);font-size:var(--components-button-font-size);line-height:var(--components-button-line-height);font-weight:var(--pr-t-font-fontWeight-semibold);gap:var(--components-button-gap);pointer-events:var(--components-button-pointerEvents);-webkit-user-select:var(--components-button-userSelect);user-select:var(--components-button-userSelect);opacity:var(--components-button-opacity);cursor:var(--components-button-cursor);transition-timing-function:ease;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;vertical-align:middle;text-wrap:balance;text-align:center;border:0}.button,.button:is(a){color:var(--components-button-color)}.button .lucca-icon{display:block}.button .button-icon{--icon-size: 1.5rem}.button:not(.mod-outlined,.mod-outline) .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.button:hover{--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-800, var(--palettes-product-800))}.button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:var(--components-button-borderRadius)}.button:active{--components-button-backgroundColor: var(--palettes-900, var(--palettes-product-900))}.button:disabled{--components-button-cursor: default;--components-button-color: var(--palettes-neutral-500);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button:disabled .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer mods{.button.mod-AI:not(.invert){--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-AI:not(.invert):hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.button.mod-AI:not(.invert):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-AI:not(.invert):focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.button.mod-AI:not(.invert):disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-AI:not(.invert):not(:disabled):before{content:\"\";pointer-events:none;position:absolute;inset:calc(var(--commons-divider-width) * -1);padding:var(--commons-divider-width);background-image:conic-gradient(from 135deg,var(--palettes-brand-400),var(--palettes-AI-500),var(--palettes-brand-400));border-radius:calc(var(--pr-t-border-radius-default) + var(--commons-divider-width));-webkit-mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));-webkit-mask-composite:xor;mask-composite:exclude}.button.mod-AI:not(.invert):not(:disabled):not(.mod-invert) .lucca-icon{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI:not(.invert).mod-invert{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-0);background-image:linear-gradient(-135deg,color-mix(in srgb,var(--palettes-AI-500) var(--components-button-AI-background-opacity),transparent),color-mix(in srgb,var(--palettes-brand-400) var(--components-button-AI-background-opacity),transparent))}.button.mod-AI:not(.invert).mod-invert:hover,.button.mod-AI:not(.invert).mod-invert:focus-visible{--components-button-AI-background-opacity: 15%;--components-button-color: var(--palettes-neutral-0)}.button.mod-AI:not(.invert).mod-invert:active{--components-button-AI-background-opacity: 5%}.button.mod-AI:not(.invert).is-success .lucca-icon{background-image:none}.button.mod-AI:not(.invert).is-success:before{content:none}.button.mod-AI:not(.invert).is-success:after{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI:not(.invert).is-loading .lucca-icon{background-image:none}.button.mod-AI:not(.invert).is-loading:before{content:none}.button.mod-block{--components-button-width: 100%}.button.mod-S{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.button.mod-S .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)}.button.mod-S{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.button.mod-XS{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small)}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--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)}.button.mod-XS{--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight)}.button.mod-disclosure{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-disclosure .icon-arrowChevronBottom{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:var(--components-button-arrow-transform)}.button.mod-disclosure[aria-expanded=true]{--components-button-arrow-transform: rotate(-180deg)}.button.mod-outlined:where(:not(.is-success,.is-error)),.button.mod-outline:where(:not(.is-success,.is-error)){--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-outlined:where(:not(.is-success,.is-error)):hover,.button.mod-outline:where(:not(.is-success,.is-error)):hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.button.mod-outlined:where(:not(.is-success,.is-error)):active,.button.mod-outline:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-outlined:where(:not(.is-success,.is-error)):focus-visible,.button.mod-outline:where(:not(.is-success,.is-error)):focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.button.mod-outlined:where(:not(.is-success,.is-error)):disabled,.button.mod-outline:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-text:where(:not(.is-success,.is-error)),.button.mod-link:where(:not(.is-success,.is-error)),.button.mod-ghost:where(:not(.is-success,.is-error)){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.button.mod-text:where(:not(.is-success,.is-error)):hover,.button.mod-text:where(:not(.is-success,.is-error)):focus-visible,.button.mod-link:where(:not(.is-success,.is-error)):hover,.button.mod-link:where(:not(.is-success,.is-error)):focus-visible,.button.mod-ghost:where(:not(.is-success,.is-error)):hover,.button.mod-ghost:where(:not(.is-success,.is-error)):focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.button.mod-text:where(:not(.is-success,.is-error)):active,.button.mod-link:where(:not(.is-success,.is-error)):active,.button.mod-ghost:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-text:where(:not(.is-success,.is-error)):disabled,.button.mod-link:where(:not(.is-success,.is-error)):disabled,.button.mod-ghost:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-withIcon.mod-iconOnLeft{--components-button-paddingInlineStart: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnLeft.mod-S{--components-button-paddingInlineStart: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnLeft.mod-XS{--components-button-paddingInlineStart: var(--pr-t-spacings-50)}.button.mod-withIcon.mod-iconOnRight{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnRight.mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnRight.mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.button.mod-onlyIcon{--components-button-padding: var(--pr-t-spacings-100)}.button.mod-onlyIcon.mod-S{--components-button-padding: var(--pr-t-spacings-75)}.button.mod-onlyIcon.mod-XS{--components-button-padding: var(--pr-t-spacings-50)}.button:has(.numericBadge){--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button:has(.numericBadge).mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button:has(.numericBadge).mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.button.mod-critical:hover,.button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical:active,.button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-critical.mod-text:hover,.button.mod-critical.mod-text:focus-visible,.button.mod-critical.mod-link:hover,.button.mod-critical.mod-link:focus-visible,.button.mod-delete.mod-text:hover,.button.mod-delete.mod-text:focus-visible,.button.mod-delete.mod-link:hover,.button.mod-delete.mod-link:focus-visible{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical.mod-text:active,.button.mod-critical.mod-link:active,.button.mod-delete.mod-text:active,.button.mod-delete.mod-link:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-critical.mod-outlined:hover,.button.mod-critical.mod-outline:hover,.button.mod-delete.mod-outlined:hover,.button.mod-delete.mod-outline:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical.mod-outlined:focus-visible,.button.mod-critical.mod-outline:focus-visible,.button.mod-delete.mod-outlined:focus-visible,.button.mod-delete.mod-outline:focus-visible{--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700)}.button.mod-critical.mod-outlined:active,.button.mod-critical.mod-outline:active,.button.mod-delete.mod-outlined:active,.button.mod-delete.mod-outline:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-inverted,.button.mod-invert{--components-button-color: var(--palettes-neutral-0)}.button.mod-inverted:hover,.button.mod-inverted:focus-visible,.button.mod-invert:hover,.button.mod-invert:focus-visible{--components-button-color: var(--palettes-neutral-0);--components-button-backgroundColor: var(--palettes-neutral-900)}.button.mod-inverted:active,.button.mod-invert:active{--components-button-backgroundColor: var(--palettes-neutral-700)}.button.mod-more{--components-button-minWidth: 2rem;--components-button-padding: 0}.button.mod-more:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;block-size:0;order:-1;vertical-align:text-top}.button.mod-more.mod-S{--components-button-minWidth: 1.75rem}.button.mod-more.mod-XS{--components-button-minWidth: 1.5rem}.button.is-loading,.button.loading{--components-button-pointerEvents: none;--components-button-color: transparent;--components-button-userSelect: none;--components-button-boxShadow: none;--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--commons-loading-frontground: var(--palettes-50, var(--palettes-product-50))}.button.is-loading:after,.button.loading:after{content:\"\";inline-size:var(--pr-t-font-body-M-lineHeight);block-size:var(--pr-t-font-body-M-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}.button.is-loading .numericBadge,.button.loading .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-loading.mod-S:after,.button.loading.mod-S:after{content:\"\";inline-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}.button.is-loading.mod-XS:after,.button.loading.mod-XS:after{content:\"\";inline-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button.is-loading.mod-XS,.button.loading.mod-XS{--commons-loading-borderWidth: 2px}.button.is-loading.mod-AI,.button.is-loading.mod-outlined,.button.loading.mod-AI,.button.loading.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--commons-loading-frontground: var(--palettes-neutral-300);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.is-loading.mod-ghost,.button.loading.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--commons-loading-frontground: var(--palettes-neutral-400)}.button.is-error,.button.error{animation-name:shake;animation-iteration-count:1;animation-duration:var(--commons-animations-durations-standard)}@keyframes shake{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-3px,0,0)}40%,80%{transform:translate3d(3px,0,0)}}.button.is-success,.button.success{--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.is-success:after,.button.success:after{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-0);font-size:calc(1.5 * var(--pr-t-font-body-M-fontSize));block-size:var(--pr-t-font-body-M-lineHeight);inset:0;margin:auto;position:absolute}.button.is-success .numericBadge,.button.success .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-success.mod-AI,.button.is-success.mod-outlined,.button.success.mod-AI,.button.success.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.is-success.mod-AI:after,.button.is-success.mod-outlined:after,.button.success.mod-AI:after,.button.success.mod-outlined:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-ghost,.button.success.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--components-button-boxShadow: none}.button.is-success.mod-ghost:after,.button.success.mod-ghost:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-S:after,.button.success.mod-S:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.button.is-success.mod-XS:after,.button.success.mod-XS:after{font-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight)}.button.is-disabled,.button.disabled,.button[aria-disabled=true]{--components-button-cursor: default;--components-button-color: var(--pr-t-color-text-disabled);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button.is-disabled .numericBadge,.button.disabled .numericBadge,.button[aria-disabled=true] .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer components{.popover{--components-popover-padding: var(--pr-t-spacings-100);display:block;background-color:var(--pr-t-elevation-surface-raised);box-shadow:var(--pr-t-elevation-shadow-overlay);border-radius:var(--pr-t-border-radius-structure);position:relative;min-block-size:var(--pr-t-spacings-500);min-inline-size:var(--pr-t-spacings-500);animation:popup var(--commons-animations-durations-fast) ease 1 forwards}.popover .popover-close{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.popover .popover-close:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50)) }.popover .popover-close:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.popover .popover-close:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.popover .popover-close:disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.popover .popover-close{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small)}.popover .popover-close .numericBadge{--components-numericBadge-size: 1rem;--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)}.popover .popover-close{--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight);--components-button-padding: var(--pr-t-spacings-50);padding:0;border-radius:50%;position:absolute;inset-inline-start:calc(var(--pr-t-spacings-100) * -1);inset-block-start:calc(var(--pr-t-spacings-100) * -1);z-index:2}.popover .popover-close: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}.popover-contentOptional{padding:var(--components-popover-padding)}@keyframes popup{0%{transform:scale(.95);opacity:.5}to{transform:scale(1);opacity:1}}}\n"] }]
121
+ }], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], contentId: [{
122
122
  type: HostBinding,
123
123
  args: ['attr.id']
124
124
  }], mouseEnter: [{
@@ -185,7 +185,7 @@ class PopoverDirective {
185
185
  this.#vcr = inject(ViewContainerRef);
186
186
  this.#destroyRef = inject(DestroyRef);
187
187
  this.#renderer = inject(Renderer2);
188
- this.intl = getIntl(LU_POPOVER2_TRANSLATIONS);
188
+ this.intl = input(...intlInputOptions(LU_POPOVER2_TRANSLATIONS), ...(ngDevMode ? [{ debugName: "intl" }] : []));
189
189
  this.luPopoverPosition = 'above';
190
190
  this.luPopoverDisabled = false;
191
191
  this.luPopoverTrigger = model('click', ...(ngDevMode ? [{ debugName: "luPopoverTrigger" }] : []));
@@ -224,7 +224,7 @@ class PopoverDirective {
224
224
  this.#listenToMouseLeave = type !== 'click';
225
225
  if (type === 'focus' && !this.#screenReaderDescription) {
226
226
  this.#screenReaderDescription = this.#renderer.createElement('span');
227
- this.#screenReaderDescription.innerText = this.intl.screenReaderDescription;
227
+ this.#screenReaderDescription.innerText = this.intl().screenReaderDescription;
228
228
  this.#renderer.addClass(this.#screenReaderDescription, 'pr-u-mask');
229
229
  this.#renderer.appendChild(this.elementRef.nativeElement, this.#screenReaderDescription);
230
230
  }
@@ -298,7 +298,7 @@ class PopoverDirective {
298
298
  .backdropClick()
299
299
  .pipe(takeUntilDestroyed(this.#destroyRef))
300
300
  .subscribe(() => {
301
- this.#componentRef.close();
301
+ this.#componentRef?.close();
302
302
  this.#listenToMouseLeave = true;
303
303
  });
304
304
  const config = {
@@ -332,12 +332,12 @@ class PopoverDirective {
332
332
  focusBackToContent(event) {
333
333
  if (this.opened()) {
334
334
  event.preventDefault();
335
- this.#componentRef.grabFocus();
335
+ this.#componentRef?.grabFocus();
336
336
  }
337
337
  }
338
338
  focusOutBefore(_event) {
339
339
  if (this.opened() && this.luPopoverTrigger().includes('focus')) {
340
- this.#componentRef.close();
340
+ this.#componentRef?.close();
341
341
  }
342
342
  }
343
343
  updatePosition() {
@@ -360,7 +360,7 @@ class PopoverDirective {
360
360
  return [this.positionPairs[this.luPopoverPosition], this.positionPairs[opposite[this.luPopoverPosition]], ...remaining[this.luPopoverPosition].map((r) => this.positionPairs[r])];
361
361
  }
362
362
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: PopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
363
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.8", type: PopoverDirective, isStandalone: true, selector: "[luPopover2]", inputs: { content: { classPropertyName: "content", publicName: "luPopover2", isSignal: false, isRequired: false, transformFunction: null }, luPopoverPosition: { classPropertyName: "luPopoverPosition", publicName: "luPopoverPosition", isSignal: false, isRequired: false, transformFunction: null }, luPopoverDisabled: { classPropertyName: "luPopoverDisabled", publicName: "luPopoverDisabled", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, luPopoverTrigger: { classPropertyName: "luPopoverTrigger", publicName: "luPopoverTrigger", isSignal: true, isRequired: false, transformFunction: null }, customPositions: { classPropertyName: "customPositions", publicName: "customPositions", isSignal: false, isRequired: false, transformFunction: null }, luPopoverNoCloseButton: { classPropertyName: "luPopoverNoCloseButton", publicName: "luPopoverNoCloseButton", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, luPopoverAnchor: { classPropertyName: "luPopoverAnchor", publicName: "luPopoverAnchor", isSignal: true, isRequired: false, transformFunction: null }, luPopoverOpenDelay: { classPropertyName: "luPopoverOpenDelay", publicName: "luPopoverOpenDelay", isSignal: true, isRequired: false, transformFunction: null }, luPopoverCloseDelay: { classPropertyName: "luPopoverCloseDelay", publicName: "luPopoverCloseDelay", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { luPopoverTrigger: "luPopoverTriggerChange", luPopoverClosed: "luPopoverClosed", luPopoverOpened: "luPopoverOpened" }, host: { listeners: { "mouseenter": "onMouseEnter()", "focus": "onFocus()", "mouseleave": "onMouseLeave()", "click": "click()", "keydown.Tab": "focusBackToContent($event)", "keydown.Shift.Tab": "focusOutBefore($event)" }, properties: { "attr.aria-expanded": "opened()", "attr.aria-controls": "this.ariaControls" } }, exportAs: ["luPopover2"], ngImport: i0 }); }
363
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.8", type: PopoverDirective, isStandalone: true, selector: "[luPopover2]", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "luPopover2", isSignal: false, isRequired: false, transformFunction: null }, luPopoverPosition: { classPropertyName: "luPopoverPosition", publicName: "luPopoverPosition", isSignal: false, isRequired: false, transformFunction: null }, luPopoverDisabled: { classPropertyName: "luPopoverDisabled", publicName: "luPopoverDisabled", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, luPopoverTrigger: { classPropertyName: "luPopoverTrigger", publicName: "luPopoverTrigger", isSignal: true, isRequired: false, transformFunction: null }, customPositions: { classPropertyName: "customPositions", publicName: "customPositions", isSignal: false, isRequired: false, transformFunction: null }, luPopoverNoCloseButton: { classPropertyName: "luPopoverNoCloseButton", publicName: "luPopoverNoCloseButton", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, luPopoverAnchor: { classPropertyName: "luPopoverAnchor", publicName: "luPopoverAnchor", isSignal: true, isRequired: false, transformFunction: null }, luPopoverOpenDelay: { classPropertyName: "luPopoverOpenDelay", publicName: "luPopoverOpenDelay", isSignal: true, isRequired: false, transformFunction: null }, luPopoverCloseDelay: { classPropertyName: "luPopoverCloseDelay", publicName: "luPopoverCloseDelay", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { luPopoverTrigger: "luPopoverTriggerChange", luPopoverClosed: "luPopoverClosed", luPopoverOpened: "luPopoverOpened" }, host: { listeners: { "mouseenter": "onMouseEnter()", "focus": "onFocus()", "mouseleave": "onMouseLeave()", "click": "click()", "keydown.Tab": "focusBackToContent($event)", "keydown.Shift.Tab": "focusOutBefore($event)" }, properties: { "attr.aria-expanded": "opened()", "attr.aria-controls": "this.ariaControls" } }, exportAs: ["luPopover2"], ngImport: i0 }); }
364
364
  }
365
365
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: PopoverDirective, decorators: [{
366
366
  type: Directive,
@@ -371,7 +371,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
371
371
  },
372
372
  exportAs: 'luPopover2',
373
373
  }]
374
- }], ctorParameters: () => [], propDecorators: { content: [{
374
+ }], ctorParameters: () => [], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], content: [{
375
375
  type: Input,
376
376
  args: [{
377
377
  alias: 'luPopover2',