@lucca-front/ng 21.4.0 → 21.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (150) hide show
  1. package/fesm2022/lucca-front-ng-a11y.mjs +9 -9
  2. package/fesm2022/lucca-front-ng-activity-feed.mjs +9 -9
  3. package/fesm2022/lucca-front-ng-api.mjs +40 -40
  4. package/fesm2022/lucca-front-ng-app-layout.mjs +3 -3
  5. package/fesm2022/lucca-front-ng-box.mjs +3 -3
  6. package/fesm2022/lucca-front-ng-breadcrumbs.mjs +6 -6
  7. package/fesm2022/lucca-front-ng-bubble-icon.mjs +3 -3
  8. package/fesm2022/lucca-front-ng-bubble-illustration.mjs +3 -3
  9. package/fesm2022/lucca-front-ng-callout.mjs +24 -24
  10. package/fesm2022/lucca-front-ng-chip.mjs +3 -3
  11. package/fesm2022/lucca-front-ng-clear.mjs +3 -3
  12. package/fesm2022/lucca-front-ng-code.mjs +3 -3
  13. package/fesm2022/lucca-front-ng-color.mjs +3 -3
  14. package/fesm2022/lucca-front-ng-comment.mjs +9 -9
  15. package/fesm2022/lucca-front-ng-container.mjs +3 -3
  16. package/fesm2022/lucca-front-ng-core-select-api.mjs +20 -16
  17. package/fesm2022/lucca-front-ng-core-select-api.mjs.map +1 -1
  18. package/fesm2022/lucca-front-ng-core-select-department.mjs +6 -6
  19. package/fesm2022/lucca-front-ng-core-select-establishment.mjs +9 -9
  20. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +6 -6
  21. package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs +3 -3
  22. package/fesm2022/lucca-front-ng-core-select-user.mjs +21 -19
  23. package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
  24. package/fesm2022/lucca-front-ng-core-select.mjs +51 -51
  25. package/fesm2022/lucca-front-ng-core.mjs +15 -15
  26. package/fesm2022/lucca-front-ng-data-table.mjs +24 -24
  27. package/fesm2022/lucca-front-ng-date.mjs +40 -40
  28. package/fesm2022/lucca-front-ng-date2.mjs +20 -20
  29. package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
  30. package/fesm2022/lucca-front-ng-department.mjs +24 -24
  31. package/fesm2022/lucca-front-ng-dialog.mjs +69 -52
  32. package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
  33. package/fesm2022/lucca-front-ng-divider.mjs +3 -3
  34. package/fesm2022/lucca-front-ng-dropdown.mjs +40 -40
  35. package/fesm2022/lucca-front-ng-empty-state.mjs +9 -9
  36. package/fesm2022/lucca-front-ng-error-page.mjs +4 -4
  37. package/fesm2022/lucca-front-ng-error-page.mjs.map +1 -1
  38. package/fesm2022/lucca-front-ng-establishment.mjs +33 -33
  39. package/fesm2022/lucca-front-ng-fancy-box.mjs +3 -3
  40. package/fesm2022/lucca-front-ng-file-upload.mjs +15 -15
  41. package/fesm2022/lucca-front-ng-filter-pills.mjs +22 -22
  42. package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
  43. package/fesm2022/lucca-front-ng-footer.mjs +4 -4
  44. package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
  45. package/fesm2022/lucca-front-ng-form-field.mjs +20 -20
  46. package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
  47. package/fesm2022/lucca-front-ng-form-header.mjs +3 -3
  48. package/fesm2022/lucca-front-ng-form-label.mjs +3 -3
  49. package/fesm2022/lucca-front-ng-form.mjs +3 -3
  50. package/fesm2022/lucca-front-ng-formly.mjs +58 -58
  51. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +6 -6
  52. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs +3 -3
  53. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs +6 -6
  54. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs +3 -3
  55. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +53 -38
  56. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
  57. package/fesm2022/lucca-front-ng-forms.mjs +59 -48
  58. package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
  59. package/fesm2022/lucca-front-ng-gauge.mjs +3 -3
  60. package/fesm2022/lucca-front-ng-grid.mjs +6 -6
  61. package/fesm2022/lucca-front-ng-highlight-data.mjs +4 -4
  62. package/fesm2022/lucca-front-ng-highlight-data.mjs.map +1 -1
  63. package/fesm2022/lucca-front-ng-highlight-text.mjs +3 -3
  64. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +11 -11
  65. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
  66. package/fesm2022/lucca-front-ng-impersonation.mjs +3 -3
  67. package/fesm2022/lucca-front-ng-index-table.mjs +30 -30
  68. package/fesm2022/lucca-front-ng-inline-message.mjs +3 -3
  69. package/fesm2022/lucca-front-ng-input.mjs +21 -21
  70. package/fesm2022/lucca-front-ng-link.mjs +16 -8
  71. package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
  72. package/fesm2022/lucca-front-ng-listbox.mjs +9 -9
  73. package/fesm2022/lucca-front-ng-listing.mjs +6 -6
  74. package/fesm2022/lucca-front-ng-loading.mjs +3 -3
  75. package/fesm2022/lucca-front-ng-main-layout.mjs +6 -6
  76. package/fesm2022/lucca-front-ng-mobile-push.mjs +3 -3
  77. package/fesm2022/lucca-front-ng-modal.mjs +22 -22
  78. package/fesm2022/lucca-front-ng-multi-select.mjs +95 -78
  79. package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
  80. package/fesm2022/lucca-front-ng-new-badge.mjs +3 -3
  81. package/fesm2022/lucca-front-ng-number-format.mjs +6 -6
  82. package/fesm2022/lucca-front-ng-number.mjs +7 -7
  83. package/fesm2022/lucca-front-ng-numeric-badge.mjs +3 -3
  84. package/fesm2022/lucca-front-ng-option.mjs +126 -126
  85. package/fesm2022/lucca-front-ng-page-header.mjs +3 -3
  86. package/fesm2022/lucca-front-ng-pagination.mjs +3 -3
  87. package/fesm2022/lucca-front-ng-plg-push.mjs +3 -3
  88. package/fesm2022/lucca-front-ng-popover.mjs +17 -17
  89. package/fesm2022/lucca-front-ng-popover2.mjs +6 -6
  90. package/fesm2022/lucca-front-ng-popup.mjs +10 -10
  91. package/fesm2022/lucca-front-ng-progress-bar.mjs +3 -3
  92. package/fesm2022/lucca-front-ng-progress-stepper.mjs +6 -6
  93. package/fesm2022/lucca-front-ng-read-more.mjs +3 -3
  94. package/fesm2022/lucca-front-ng-resource-card.mjs +12 -12
  95. package/fesm2022/lucca-front-ng-safe-content.mjs +10 -10
  96. package/fesm2022/lucca-front-ng-scroll-box.mjs +3 -3
  97. package/fesm2022/lucca-front-ng-scroll.mjs +7 -7
  98. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +6 -6
  99. package/fesm2022/lucca-front-ng-segmented-control.mjs +6 -6
  100. package/fesm2022/lucca-front-ng-select.mjs +14 -14
  101. package/fesm2022/lucca-front-ng-sidepanel.mjs +7 -7
  102. package/fesm2022/lucca-front-ng-simple-select.mjs +12 -12
  103. package/fesm2022/lucca-front-ng-skeleton.mjs +25 -25
  104. package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
  105. package/fesm2022/lucca-front-ng-software-icon-wrapper.mjs +6 -6
  106. package/fesm2022/lucca-front-ng-software-icon.mjs +3 -3
  107. package/fesm2022/lucca-front-ng-sortable-list.mjs +6 -6
  108. package/fesm2022/lucca-front-ng-status-badge.mjs +3 -3
  109. package/fesm2022/lucca-front-ng-table-of-content.mjs +6 -6
  110. package/fesm2022/lucca-front-ng-tag.mjs +3 -3
  111. package/fesm2022/lucca-front-ng-text-flow.mjs +3 -3
  112. package/fesm2022/lucca-front-ng-time.mjs +18 -18
  113. package/fesm2022/lucca-front-ng-title.mjs +22 -13
  114. package/fesm2022/lucca-front-ng-title.mjs.map +1 -1
  115. package/fesm2022/lucca-front-ng-toast.mjs +10 -10
  116. package/fesm2022/lucca-front-ng-tooltip.mjs +28 -22
  117. package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
  118. package/fesm2022/lucca-front-ng-tree-select.mjs +6 -6
  119. package/fesm2022/lucca-front-ng-user-popover.mjs +18 -18
  120. package/fesm2022/lucca-front-ng-user.mjs +59 -59
  121. package/fesm2022/lucca-front-ng-vertical-navigation.mjs +12 -12
  122. package/package.json +4 -4
  123. package/schematics/action-icon/migration.spec.js +2 -2
  124. package/schematics/alignment-utilities/migration.spec.js +2 -2
  125. package/schematics/cdn-urls/migration.spec.js +2 -2
  126. package/schematics/class-prefix/migration.spec.js +2 -2
  127. package/schematics/color-text/migration.spec.js +2 -2
  128. package/schematics/component-path/migration.spec.js +2 -2
  129. package/schematics/deprecated-resolver/migration.spec.js +1 -1
  130. package/schematics/empty-state-title/migration.spec.js +1 -1
  131. package/schematics/lib/migration-test.js +6 -1
  132. package/schematics/lu-button/migration.spec.js +1 -1
  133. package/schematics/lu-container/migration.spec.js +1 -1
  134. package/schematics/lu-grid/migration.js +24 -16
  135. package/schematics/lu-grid/migration.spec.js +1 -1
  136. package/schematics/lu-icon/migration.spec.js +1 -1
  137. package/schematics/lu-loading/migration.spec.js +1 -1
  138. package/schematics/lu-select/migration.spec.js +1 -1
  139. package/schematics/lu-text-input/migration.spec.js +1 -1
  140. package/schematics/new-icons/migration.spec.js +2 -2
  141. package/schematics/palettes/index.js +28 -8
  142. package/schematics/palettes/migration.spec.js +2 -2
  143. package/schematics/tokens-radius/migration.spec.js +2 -2
  144. package/schematics/tokens-spacing/migration.spec.js +2 -2
  145. package/schematics/tokens-typo/migration.spec.js +2 -2
  146. package/types/lucca-front-ng-dialog.d.ts +4 -3
  147. package/types/lucca-front-ng-forms-rich-text-input.d.ts +5 -1
  148. package/types/lucca-front-ng-forms.d.ts +12 -2
  149. package/types/lucca-front-ng-multi-select.d.ts +13 -1
  150. package/types/lucca-front-ng-title.d.ts +5 -5
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { ViewEncapsulation, ChangeDetectionStrategy, Component, inject, InjectionToken, Directive, input, ElementRef, Renderer2, contentChild, Injector, Injectable, makeEnvironmentProviders, importProvidersFrom, assertInInjectionContext, DestroyRef, signal, viewChild, TemplateRef, runInInjectionContext, booleanAttribute, computed } from '@angular/core';
2
+ import { ViewEncapsulation, ChangeDetectionStrategy, Component, inject, InjectionToken, Directive, input, ElementRef, Renderer2, contentChild, afterRenderEffect, Injector, Injectable, makeEnvironmentProviders, importProvidersFrom, assertInInjectionContext, DestroyRef, signal, viewChild, TemplateRef, runInInjectionContext, booleanAttribute, computed } from '@angular/core';
3
3
  import { ButtonComponent } from '@lucca-front/ng/button';
4
4
  import { intlInputOptions } from '@lucca-front/ng/core';
5
5
  import { IconComponent } from '@lucca-front/ng/icon';
@@ -11,10 +11,10 @@ import { RouteReuseStrategy, BaseRouteReuseStrategy, Router, ActivatedRoute, Rou
11
11
  import { LuSafeExternalSvgPipe } from '@lucca-front/ng/safe-content';
12
12
 
13
13
  class DialogContentComponent {
14
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DialogContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
15
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: DialogContentComponent, isStandalone: true, selector: "lu-dialog-content", host: { classAttribute: "dialog-inside-content" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
14
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
15
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: DialogContentComponent, isStandalone: true, selector: "lu-dialog-content", host: { classAttribute: "dialog-inside-content" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
16
16
  }
17
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DialogContentComponent, decorators: [{
17
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogContentComponent, decorators: [{
18
18
  type: Component,
19
19
  args: [{
20
20
  selector: 'lu-dialog-content',
@@ -28,14 +28,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
28
28
  }] });
29
29
 
30
30
  class DialogFooterComponent {
31
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
32
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: DialogFooterComponent, isStandalone: true, selector: "lu-dialog-footer", host: { classAttribute: "dialog-inside-footer footer" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer components{.footer{--components-footer-position: static;--components-footer-direction: row;--components-footer-alignItems: center;--components-footer-actions-margin: auto;--components-footer-paddingInline: var(--pr-t-spacings-200);--components-footer-paddingBlock: var(--pr-t-spacings-150);--components-footer-boxShadow: var(--pr-t-elevation-shadow-overflow);--components-footer-overflow: visible;--components-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-footer-justifyContent: space-between;--components-footer-gap: var(--pr-t-spacings-200);--components-footer-display: flex;--components-footer-container-maxInlineSize: var(--commons-container-maxWidth);--components-footer-isolation: auto;background-color:var(--components-footer-backgroundColor);padding-block:var(--components-footer-paddingBlock);padding-inline:var(--components-footer-paddingInline);box-shadow:var(--components-footer-boxShadow);inset-block-end:0;position:var(--components-footer-position);overflow:var(--components-footer-overflow);display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction);isolation:var(--components-footer-isolation)}.footer-content{flex-grow:1}.footer-actions{margin-inline-start:var(--components-footer-actions-margin);display:flex;gap:var(--pr-t-spacings-150);flex-direction:var(--components-footer-direction)}.footer-containerOptional{flex-grow:1;display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction);padding:var(--commons-container-padding);max-inline-size:var(--components-footer-container-maxInlineSize)}}@layer mods{.footer.mod-sticky{--components-footer-position: sticky}.footer.mod-narrow{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}@media not all and (min-width:30em){.footer:not([class*=mod-narrow]),.footer.mod-narrowAtMediaMaxXXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:40em){.footer.mod-narrowAtMediaMaxXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:50em){.footer.mod-narrowAtMediaMaxS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:64em){.footer.mod-narrowAtMediaMaxM{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media(min-width:50em){.footer{--components-footer-paddingInline: var(--pr-t-spacings-400)}}.dialog .footer,.lu-modal-panel .footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden;--components-footer-isolation: isolate}.footer:has(.footer-containerOptional){--components-footer-paddingInline: 0}.footer .footer-containerOptional.mod-containerMaxXXXS{--components-footer-container-maxInlineSize: 20rem}.footer .footer-containerOptional.mod-containerMaxXXS{--components-footer-container-maxInlineSize: 30rem}.footer .footer-containerOptional.mod-containerMaxXS{--components-footer-container-maxInlineSize: 40rem}.footer .footer-containerOptional.mod-containerMaxS{--components-footer-container-maxInlineSize: 50rem}.footer .footer-containerOptional.mod-containerMaxM{--components-footer-container-maxInlineSize: 64rem}.footer .footer-containerOptional.mod-containerMaxL{--components-footer-container-maxInlineSize: 80rem}.footer .footer-containerOptional.mod-containerMaxXL{--components-footer-container-maxInlineSize: 85.375rem}.footer .footer-containerOptional.mod-containerMaxXXL{--components-footer-container-maxInlineSize: 100rem}.footer .footer-containerOptional.mod-containerMaxXXXL{--components-footer-container-maxInlineSize: 120rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
31
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
32
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: DialogFooterComponent, isStandalone: true, selector: "lu-dialog-footer", host: { classAttribute: "dialog-inside-footer footer" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer components{.footer{--components-footer-position: static;--components-footer-direction: row;--components-footer-alignItems: center;--components-footer-actions-margin: auto;--components-footer-paddingInline: var(--pr-t-spacings-200);--components-footer-paddingBlock: var(--pr-t-spacings-150);--components-footer-boxShadow: var(--pr-t-elevation-shadow-overflow);--components-footer-overflow: visible;--components-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-footer-justifyContent: space-between;--components-footer-gap: var(--pr-t-spacings-200);--components-footer-display: flex;--components-footer-container-maxInlineSize: var(--commons-container-maxWidth);--components-footer-isolation: auto;background-color:var(--components-footer-backgroundColor);padding-block:var(--components-footer-paddingBlock);padding-inline:var(--components-footer-paddingInline);box-shadow:var(--components-footer-boxShadow);inset-block-end:0;position:var(--components-footer-position);overflow:var(--components-footer-overflow);display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction);isolation:var(--components-footer-isolation)}.footer-content{flex-grow:1}.footer-content:empty{display:none}.footer-actions{margin-inline-start:var(--components-footer-actions-margin);display:flex;gap:var(--pr-t-spacings-150);flex-direction:var(--components-footer-direction)}.footer-containerOptional{flex-grow:1;display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction);padding:var(--commons-container-padding);max-inline-size:var(--components-footer-container-maxInlineSize)}}@layer mods{.footer.mod-sticky{--components-footer-position: sticky}.footer.mod-narrow{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}@media not all and (min-width:30em){.footer:not([class*=mod-narrow]),.footer.mod-narrowAtMediaMaxXXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:40em){.footer.mod-narrowAtMediaMaxXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:50em){.footer.mod-narrowAtMediaMaxS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:64em){.footer.mod-narrowAtMediaMaxM{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media(min-width:50em){.footer{--components-footer-paddingInline: var(--pr-t-spacings-400)}}.dialog .footer,.lu-modal-panel .footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden;--components-footer-isolation: isolate}.footer:has(.footer-containerOptional){--components-footer-paddingInline: 0}.footer .footer-containerOptional.mod-containerMaxXXXS{--components-footer-container-maxInlineSize: 20rem}.footer .footer-containerOptional.mod-containerMaxXXS{--components-footer-container-maxInlineSize: 30rem}.footer .footer-containerOptional.mod-containerMaxXS{--components-footer-container-maxInlineSize: 40rem}.footer .footer-containerOptional.mod-containerMaxS{--components-footer-container-maxInlineSize: 50rem}.footer .footer-containerOptional.mod-containerMaxM{--components-footer-container-maxInlineSize: 64rem}.footer .footer-containerOptional.mod-containerMaxL{--components-footer-container-maxInlineSize: 80rem}.footer .footer-containerOptional.mod-containerMaxXL{--components-footer-container-maxInlineSize: 85.375rem}.footer .footer-containerOptional.mod-containerMaxXXL{--components-footer-container-maxInlineSize: 100rem}.footer .footer-containerOptional.mod-containerMaxXXXL{--components-footer-container-maxInlineSize: 120rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
33
33
  }
34
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DialogFooterComponent, decorators: [{
34
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogFooterComponent, decorators: [{
35
35
  type: Component,
36
36
  args: [{ selector: 'lu-dialog-footer', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
37
37
  class: 'dialog-inside-footer footer',
38
- }, styles: ["@layer components{.footer{--components-footer-position: static;--components-footer-direction: row;--components-footer-alignItems: center;--components-footer-actions-margin: auto;--components-footer-paddingInline: var(--pr-t-spacings-200);--components-footer-paddingBlock: var(--pr-t-spacings-150);--components-footer-boxShadow: var(--pr-t-elevation-shadow-overflow);--components-footer-overflow: visible;--components-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-footer-justifyContent: space-between;--components-footer-gap: var(--pr-t-spacings-200);--components-footer-display: flex;--components-footer-container-maxInlineSize: var(--commons-container-maxWidth);--components-footer-isolation: auto;background-color:var(--components-footer-backgroundColor);padding-block:var(--components-footer-paddingBlock);padding-inline:var(--components-footer-paddingInline);box-shadow:var(--components-footer-boxShadow);inset-block-end:0;position:var(--components-footer-position);overflow:var(--components-footer-overflow);display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction);isolation:var(--components-footer-isolation)}.footer-content{flex-grow:1}.footer-actions{margin-inline-start:var(--components-footer-actions-margin);display:flex;gap:var(--pr-t-spacings-150);flex-direction:var(--components-footer-direction)}.footer-containerOptional{flex-grow:1;display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction);padding:var(--commons-container-padding);max-inline-size:var(--components-footer-container-maxInlineSize)}}@layer mods{.footer.mod-sticky{--components-footer-position: sticky}.footer.mod-narrow{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}@media not all and (min-width:30em){.footer:not([class*=mod-narrow]),.footer.mod-narrowAtMediaMaxXXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:40em){.footer.mod-narrowAtMediaMaxXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:50em){.footer.mod-narrowAtMediaMaxS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:64em){.footer.mod-narrowAtMediaMaxM{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media(min-width:50em){.footer{--components-footer-paddingInline: var(--pr-t-spacings-400)}}.dialog .footer,.lu-modal-panel .footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden;--components-footer-isolation: isolate}.footer:has(.footer-containerOptional){--components-footer-paddingInline: 0}.footer .footer-containerOptional.mod-containerMaxXXXS{--components-footer-container-maxInlineSize: 20rem}.footer .footer-containerOptional.mod-containerMaxXXS{--components-footer-container-maxInlineSize: 30rem}.footer .footer-containerOptional.mod-containerMaxXS{--components-footer-container-maxInlineSize: 40rem}.footer .footer-containerOptional.mod-containerMaxS{--components-footer-container-maxInlineSize: 50rem}.footer .footer-containerOptional.mod-containerMaxM{--components-footer-container-maxInlineSize: 64rem}.footer .footer-containerOptional.mod-containerMaxL{--components-footer-container-maxInlineSize: 80rem}.footer .footer-containerOptional.mod-containerMaxXL{--components-footer-container-maxInlineSize: 85.375rem}.footer .footer-containerOptional.mod-containerMaxXXL{--components-footer-container-maxInlineSize: 100rem}.footer .footer-containerOptional.mod-containerMaxXXXL{--components-footer-container-maxInlineSize: 120rem}}\n"] }]
38
+ }, styles: ["@layer components{.footer{--components-footer-position: static;--components-footer-direction: row;--components-footer-alignItems: center;--components-footer-actions-margin: auto;--components-footer-paddingInline: var(--pr-t-spacings-200);--components-footer-paddingBlock: var(--pr-t-spacings-150);--components-footer-boxShadow: var(--pr-t-elevation-shadow-overflow);--components-footer-overflow: visible;--components-footer-backgroundColor: var(--pr-t-elevation-surface-raised);--components-footer-justifyContent: space-between;--components-footer-gap: var(--pr-t-spacings-200);--components-footer-display: flex;--components-footer-container-maxInlineSize: var(--commons-container-maxWidth);--components-footer-isolation: auto;background-color:var(--components-footer-backgroundColor);padding-block:var(--components-footer-paddingBlock);padding-inline:var(--components-footer-paddingInline);box-shadow:var(--components-footer-boxShadow);inset-block-end:0;position:var(--components-footer-position);overflow:var(--components-footer-overflow);display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction);isolation:var(--components-footer-isolation)}.footer-content{flex-grow:1}.footer-content:empty{display:none}.footer-actions{margin-inline-start:var(--components-footer-actions-margin);display:flex;gap:var(--pr-t-spacings-150);flex-direction:var(--components-footer-direction)}.footer-containerOptional{flex-grow:1;display:var(--components-footer-display);justify-content:var(--components-footer-justifyContent);gap:var(--components-footer-gap);align-items:var(--components-footer-alignItems);flex-direction:var(--components-footer-direction);padding:var(--commons-container-padding);max-inline-size:var(--components-footer-container-maxInlineSize)}}@layer mods{.footer.mod-sticky{--components-footer-position: sticky}.footer.mod-narrow{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}@media not all and (min-width:30em){.footer:not([class*=mod-narrow]),.footer.mod-narrowAtMediaMaxXXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:40em){.footer.mod-narrowAtMediaMaxXS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:50em){.footer.mod-narrowAtMediaMaxS{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media not all and (min-width:64em){.footer.mod-narrowAtMediaMaxM{--components-footer-direction: column;--components-footer-alignItems: stretch;--components-footer-actions-margin: 0}}@media(min-width:50em){.footer{--components-footer-paddingInline: var(--pr-t-spacings-400)}}.dialog .footer,.lu-modal-panel .footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden;--components-footer-isolation: isolate}.footer:has(.footer-containerOptional){--components-footer-paddingInline: 0}.footer .footer-containerOptional.mod-containerMaxXXXS{--components-footer-container-maxInlineSize: 20rem}.footer .footer-containerOptional.mod-containerMaxXXS{--components-footer-container-maxInlineSize: 30rem}.footer .footer-containerOptional.mod-containerMaxXS{--components-footer-container-maxInlineSize: 40rem}.footer .footer-containerOptional.mod-containerMaxS{--components-footer-container-maxInlineSize: 50rem}.footer .footer-containerOptional.mod-containerMaxM{--components-footer-container-maxInlineSize: 64rem}.footer .footer-containerOptional.mod-containerMaxL{--components-footer-container-maxInlineSize: 80rem}.footer .footer-containerOptional.mod-containerMaxXL{--components-footer-container-maxInlineSize: 85.375rem}.footer .footer-containerOptional.mod-containerMaxXXL{--components-footer-container-maxInlineSize: 100rem}.footer .footer-containerOptional.mod-containerMaxXXXL{--components-footer-container-maxInlineSize: 120rem}}\n"] }]
39
39
  }] });
40
40
 
41
41
  const ɵdialogData = Symbol.for('luDialogData');
@@ -153,10 +153,10 @@ const luDialogHeaderTranslations = Translations;
153
153
 
154
154
  let nextId = 0;
155
155
  class DialogHeaderAction {
156
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DialogHeaderAction, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
157
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.4", type: DialogHeaderAction, isStandalone: true, selector: "[dialogHeaderAction]", ngImport: i0 }); }
156
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogHeaderAction, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
157
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: DialogHeaderAction, isStandalone: true, selector: "[dialogHeaderAction]", ngImport: i0 }); }
158
158
  }
159
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DialogHeaderAction, decorators: [{
159
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogHeaderAction, decorators: [{
160
160
  type: Directive,
161
161
  args: [{
162
162
  // eslint-disable-next-line @angular-eslint/directive-selector
@@ -164,10 +164,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
164
164
  }]
165
165
  }] });
166
166
  class DialogHeaderSubtitle {
167
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DialogHeaderSubtitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
168
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.4", type: DialogHeaderSubtitle, isStandalone: true, selector: "[dialogHeaderSubtitle]", ngImport: i0 }); }
167
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogHeaderSubtitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
168
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: DialogHeaderSubtitle, isStandalone: true, selector: "[dialogHeaderSubtitle]", ngImport: i0 }); }
169
169
  }
170
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DialogHeaderSubtitle, decorators: [{
170
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogHeaderSubtitle, decorators: [{
171
171
  type: Directive,
172
172
  args: [{
173
173
  // eslint-disable-next-line @angular-eslint/directive-selector
@@ -175,6 +175,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
175
175
  }]
176
176
  }] });
177
177
  class DialogHeaderComponent {
178
+ #ref;
179
+ #elementRef;
180
+ #renderer;
181
+ #registeredAriaLabelledById;
178
182
  constructor() {
179
183
  this.#ref = inject(LuDialogRef);
180
184
  this.intl = input(...intlInputOptions(LU_DIALOG_HEADER_TRANSLATIONS), /* @ts-ignore */
@@ -186,34 +190,46 @@ class DialogHeaderComponent {
186
190
  ...(ngDevMode ? [{ debugName: "optionalAction" }] : /* istanbul ignore next */ []));
187
191
  this.optionalSubtitle = contentChild(DialogHeaderSubtitle, /* @ts-ignore */
188
192
  ...(ngDevMode ? [{ debugName: "optionalSubtitle" }] : /* istanbul ignore next */ []));
193
+ afterRenderEffect(() => this.#syncAriaLabelledBy());
189
194
  }
190
- #ref;
191
- #elementRef;
192
- #renderer;
193
195
  close() {
194
196
  this.#ref.dismiss();
195
197
  }
196
- ngOnInit() {
197
- // Using setTimeout here to make sure this will be handled in the next Cd cycle, not the current one.
198
- setTimeout(() => {
199
- const header = this.#elementRef.nativeElement.querySelector('h1');
200
- const id = header?.id || `lu-dialog-header-${nextId++}`;
201
- if (header) {
202
- this.#renderer.setAttribute(header, 'id', id);
203
- this.#renderer.addClass(header, 'dialog-inside-header-container-title');
204
- }
205
- this.#ref.cdkRef.containerInstance?._addAriaLabelledBy(id);
206
- });
198
+ ngOnDestroy() {
199
+ this.#unregisterAriaLabelledBy();
200
+ }
201
+ #syncAriaLabelledBy() {
202
+ const header = this.#elementRef.nativeElement.querySelector('h1');
203
+ if (!header) {
204
+ this.#unregisterAriaLabelledBy();
205
+ return;
206
+ }
207
+ const id = header.id || `lu-dialog-header-${nextId++}`;
208
+ if (id === this.#registeredAriaLabelledById) {
209
+ return;
210
+ }
211
+ this.#unregisterAriaLabelledBy();
212
+ this.#renderer.setAttribute(header, 'id', id);
213
+ this.#renderer.addClass(header, 'dialog-inside-header-container-title');
214
+ this.#ref.cdkRef.containerInstance?._addAriaLabelledBy(id);
215
+ this.#registeredAriaLabelledById = id;
216
+ }
217
+ #unregisterAriaLabelledBy() {
218
+ if (!this.#registeredAriaLabelledById) {
219
+ return;
220
+ }
221
+ this.#ref.cdkRef.containerInstance?._removeAriaLabelledBy(this.#registeredAriaLabelledById);
222
+ this.#registeredAriaLabelledById = undefined;
207
223
  }
208
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
209
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: DialogHeaderComponent, isStandalone: true, selector: "lu-dialog-header", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "dialog-inside-header" }, queries: [{ propertyName: "optionalAction", first: true, predicate: DialogHeaderAction, descendants: true, isSignal: true }, { propertyName: "optionalSubtitle", first: true, predicate: DialogHeaderSubtitle, descendants: true, isSignal: true }], ngImport: i0, template: "@if (dismissible) {\n\t<button class=\"dialog-inside-header-button\" type=\"button\" luButton (click)=\"close()\">\n\t\t<lu-icon icon=\"signClose\" [alt]=\"intl().close\" />\n\t</button>\n}\n@if (optionalAction()) {\n\t<div class=\"dialog-inside-header-actionOptional\"><ng-content select=\"[dialogHeaderAction]\" /></div>\n}\n\n<div class=\"dialog-inside-header-container\">\n\t<ng-content />\n\t@if (optionalSubtitle()) {\n\t\t<div class=\"dialog-inside-header-container-subtitle\"><ng-content select=\"[dialogHeaderSubtitle]\" /></div>\n\t}\n</div>\n\n<div class=\"dialog-inside-header-content\">\n\t<ng-content select=\"[dialogHeaderContent]\" />\n</div>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: ButtonComponent, selector: "button[luButton], a[luButton], span[luButton], button[prButton], a[prButton], span[prButton]", inputs: ["size", "block", "disabled", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
224
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
225
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: DialogHeaderComponent, isStandalone: true, selector: "lu-dialog-header", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "dialog-inside-header" }, queries: [{ propertyName: "optionalAction", first: true, predicate: DialogHeaderAction, descendants: true, isSignal: true }, { propertyName: "optionalSubtitle", first: true, predicate: DialogHeaderSubtitle, descendants: true, isSignal: true }], ngImport: i0, template: "@if (dismissible) {\n\t<button class=\"dialog-inside-header-button\" type=\"button\" luButton (click)=\"close()\">\n\t\t<lu-icon icon=\"signClose\" [alt]=\"intl().close\" />\n\t</button>\n}\n@if (optionalAction()) {\n\t<div class=\"dialog-inside-header-actionOptional\"><ng-content select=\"[dialogHeaderAction]\" /></div>\n}\n\n<div class=\"dialog-inside-header-container\">\n\t<ng-content />\n\t@if (optionalSubtitle()) {\n\t\t<div class=\"dialog-inside-header-container-subtitle\"><ng-content select=\"[dialogHeaderSubtitle]\" /></div>\n\t}\n</div>\n\n<div class=\"dialog-inside-header-content\">\n\t<ng-content select=\"[dialogHeaderContent]\" />\n</div>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: ButtonComponent, selector: "button[luButton], a[luButton], span[luButton], button[prButton], a[prButton], span[prButton]", inputs: ["size", "block", "disabled", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
210
226
  }
211
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DialogHeaderComponent, decorators: [{
227
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogHeaderComponent, decorators: [{
212
228
  type: Component,
213
229
  args: [{ selector: 'lu-dialog-header', standalone: true, imports: [IconComponent, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
214
230
  class: 'dialog-inside-header',
215
231
  }, template: "@if (dismissible) {\n\t<button class=\"dialog-inside-header-button\" type=\"button\" luButton (click)=\"close()\">\n\t\t<lu-icon icon=\"signClose\" [alt]=\"intl().close\" />\n\t</button>\n}\n@if (optionalAction()) {\n\t<div class=\"dialog-inside-header-actionOptional\"><ng-content select=\"[dialogHeaderAction]\" /></div>\n}\n\n<div class=\"dialog-inside-header-container\">\n\t<ng-content />\n\t@if (optionalSubtitle()) {\n\t\t<div class=\"dialog-inside-header-container-subtitle\"><ng-content select=\"[dialogHeaderSubtitle]\" /></div>\n\t}\n</div>\n\n<div class=\"dialog-inside-header-content\">\n\t<ng-content select=\"[dialogHeaderContent]\" />\n</div>\n" }]
216
- }], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], optionalAction: [{ type: i0.ContentChild, args: [i0.forwardRef(() => DialogHeaderAction), { isSignal: true }] }], optionalSubtitle: [{ type: i0.ContentChild, args: [i0.forwardRef(() => DialogHeaderSubtitle), { isSignal: true }] }] } });
232
+ }], ctorParameters: () => [], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], optionalAction: [{ type: i0.ContentChild, args: [i0.forwardRef(() => DialogHeaderAction), { isSignal: true }] }], optionalSubtitle: [{ type: i0.ContentChild, args: [i0.forwardRef(() => DialogHeaderSubtitle), { isSignal: true }] }] } });
217
233
 
218
234
  class LuDialogService {
219
235
  #cdkDialog = inject(Dialog);
@@ -282,10 +298,10 @@ class LuDialogService {
282
298
  }
283
299
  return luDialogRef;
284
300
  }
285
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
286
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuDialogService }); }
301
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
302
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuDialogService }); }
287
303
  }
288
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuDialogService, decorators: [{
304
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuDialogService, decorators: [{
289
305
  type: Injectable
290
306
  }] });
291
307
 
@@ -445,7 +461,8 @@ class DialogRoutingContainerComponent {
445
461
  this.config = this.#routeData.dialogRouteConfig;
446
462
  this.dialogComponentInstance = signal(null, /* @ts-ignore */
447
463
  ...(ngDevMode ? [{ debugName: "dialogComponentInstance" }] : /* istanbul ignore next */ []));
448
- this.dialogTemplate = viewChild.required(TemplateRef);
464
+ this.dialogTemplate = viewChild.required(TemplateRef, /* @ts-ignore */
465
+ ...(ngDevMode ? [{ debugName: "dialogTemplate" }] : /* istanbul ignore next */ []));
449
466
  }
450
467
  static { _a = noRouteReuseFlag; }
451
468
  #route;
@@ -561,8 +578,8 @@ class DialogRoutingContainerComponent {
561
578
  const resolved = runInInjectionContext(this.injector, resolveFn);
562
579
  return deferrableToPromise(resolved);
563
580
  }
564
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DialogRoutingContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
565
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.4", type: DialogRoutingContainerComponent, isStandalone: true, selector: "lu-dialog-routing-container", providers: [
581
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogRoutingContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
582
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.8", type: DialogRoutingContainerComponent, isStandalone: true, selector: "lu-dialog-routing-container", providers: [
566
583
  provideLuDialog(),
567
584
  {
568
585
  provide: DIALOG_ROUTE_CONFIG,
@@ -574,7 +591,7 @@ class DialogRoutingContainerComponent {
574
591
  </ng-template>
575
592
  `, isInline: true, styles: [":host{display:none}\n"], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
576
593
  }
577
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DialogRoutingContainerComponent, decorators: [{
594
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogRoutingContainerComponent, decorators: [{
578
595
  type: Component,
579
596
  args: [{ selector: 'lu-dialog-routing-container', imports: [RouterOutlet], template: `
580
597
  <ng-template>
@@ -636,15 +653,15 @@ class DialogComponent {
636
653
  focusable?.focus();
637
654
  }
638
655
  }
639
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
640
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: DialogComponent, isStandalone: true, selector: "lu-dialog", inputs: { stacked: { classPropertyName: "stacked", publicName: "stacked", isSignal: true, isRequired: false, transformFunction: null }, fancyIllustration: { classPropertyName: "fancyIllustration", publicName: "fancyIllustration", isSignal: true, isRequired: false, transformFunction: null }, fancyIllustrationUrl: { classPropertyName: "fancyIllustrationUrl", publicName: "fancyIllustrationUrl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--components-dialog-inside-backgroundImage": "foregroundImage()" }, classAttribute: "dialog-inside" }, ngImport: i0, template: "@if (foregroundImage()) {\n\t<div\n\t\tclass=\"dialog-inside-fancyIllustrations\"\n\t\t[innerHtml]=\"'https://cdn.lucca.fr/transverse/prisme/visuals/fancy-dialog/background-bubbles.svg' | luSafeExternalSvg\"\n\t></div>\n}\n<ng-content />\n", styles: ["@layer components{.dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2) - var(--commons-pushPanel-inlineSize));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: 0 var(--commons-pushPanel-inlineSize) 0 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container close\" \"content content\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: 1fr auto;--components-dialog-insideContent-background: transparent;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-300);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-200);--components-dialog-insideContent-overflow: auto;--components-dialog-level: 0;--components-dialog-translate-spacing: var(--pr-t-spacings-500);--components-dialog-translate: calc(var(--components-dialog-translate-spacing) * var(--components-dialog-level) * -1);--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-scale: calc(1 - (var(--components-dialog-level) * .05));--components-dialog-inside-header-boxShadow: 0 1px 0 0 var(--palettes-neutral-100);--components-dialog-inside-header-position: relative;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-300);--components-dialog-inside-header-button-position: static;--components-dialog-inside-backgroundImage: none;--components-dialog-minBlockSize: 0px;--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-inside-gridTemplateRows: auto 1fr auto;--components-dialog-inside-alignContent: normal;--components-dialog-inside-fancyIllustrations-inlineSize: var(--components-dialog-inside-paddingInlineEnd);--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-200);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-300);--components-dialog-inside-header-marginBlock: 0px;--components-dialog-inside-footer-marginBlock: 0px;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);inline-size:var(--components-dialog-width);block-size:var(--components-dialog-height);min-block-size:var(--components-dialog-minBlockSize);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);margin:auto;flex-direction:column;display:flex;position:fixed!important;max-inline-size:var(--components-dialog-maxWidth)!important;max-block-size:var(--components-dialog-maxHeight)!important;transition-property:scale,translate,inline-size,block-size,inset;transition-duration:var(--commons-animations-durations-standard);overflow:hidden;translate:var(--components-dialog-translateX) var(--components-dialog-translateY);scale:var(--components-dialog-scale)}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form){display:contents}.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-formOptional,.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-form,.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-inside-formOptional{padding-inline-end:var(--components-dialog-inside-paddingInlineEnd);display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0}.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-formOptional:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-form:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-inside-formOptional:has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside:not(:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form)){display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0;padding-inline-end:var(--components-dialog-inside-paddingInlineEnd)}.dialog-inside:not(:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form)):has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-fancyIllustrations{position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:var(--components-dialog-inside-fancyIllustrations-inlineSize);display:flex}.dialog-inside-fancyIllustrations>*{inline-size:100%;block-size:auto}.dialog-inside-fancyIllustrations:after{content:\"\";position:absolute;inset:0;background-image:var(--components-dialog-inside-backgroundImage);background-size:cover}.dialog-inside-header-actionOptional{margin-inline-end:calc(var(--pr-t-spacings-100) * -1)}.dialog-inside-header-actionOptional:empty{display:none}.dialog-inside-footer{grid-area:footer;margin-block:var(--components-dialog-inside-footer-marginBlock)}.dialog-inside-footer.footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden;--components-footer-isolation: isolate}.dialog-inside-header{display:grid;margin-block:var(--components-dialog-inside-header-marginBlock);padding-block:var(--components-dialog-inside-header-paddingBlock);padding-inline:var(--components-dialog-inside-header-paddingInline);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:var(--components-dialog-inside-header-boxShadow);gap:0 var(--pr-t-spacings-200);position:var(--components-dialog-inside-header-position);z-index:1;grid-area:header}.dialog-inside-header-button.button{position:var(--components-dialog-inside-header-button-position);inset-block-start:var(--components-dialog-inside-header-button-insetBlockStart);inset-inline-end:var(--components-dialog-inside-header-button-insetInlineEnd)}.dialog-inside-header-content{grid-area:content}.dialog-inside-header-content:empty{display:none}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding-block:var(--components-dialog-insideContent-paddingBlock);padding-inline:var(--components-dialog-insideContent-paddingInline);grid-area:overflow;overflow:var(--components-dialog-insideContent-overflow);display:block;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{font:var(--pr-t-font-heading-2);padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:anywhere}.dialog-inside-header-container-subtitle{font:var(--pr-t-font-body-S);color:var(--palettes-neutral-700);text-align:var(--components-dialog-insideHeaderTitleAlign)}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4!important;inset:0}}@layer mods{.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-XXL{--components-dialog-size: 100rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2);--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200) - var(--commons-pushPanel-inlineSize));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: var(--pr-t-spacings-100) calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) auto;--components-dialog-translateX: var(--components-dialog-translate);--components-dialog-translateY: 0;--components-dialog-translate-spacing: calc(var(--pr-t-spacings-500) * 2)}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width:50em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dialog:where(.mod-drawer){--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-width: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0;--components-dialog-inset: 0}.dialog:has(.dialog-inside-header-actionOptional:not(:empty)){--components-dialog-insideHeaderAreas: \"container action close\" \"content content content\";--components-dialog-insideHeaderColumns: 1fr auto auto}.dialog:has(.horizontalNavigation){--components-dialog-insideContent-overflow: none;--components-dialog-inside-header-boxShadow: none;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200) 0}.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 224px;--components-dialog-minBlockSize: calc(288px + var(--pr-t-spacings-200));--components-dialog-inside-gridTemplateRows: auto auto auto;--components-dialog-inside-alignContent: center;--components-dialog-inside-header-boxShadow: none;--components-dialog-inside-header-position: static;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200) 0;--components-dialog-inside-header-button-position: absolute;--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-100);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-100);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-50) 0;--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-dialog-inside-header-marginBlock: var(--pr-t-spacings-500) 0;--components-dialog-inside-footer-marginBlock: 0 var(--pr-t-spacings-500)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-actions-margin: 0;--components-footer-boxShadow: none;--components-footer-overflow: visible;--components-footer-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-footer-paddingBlock: var(--pr-t-spacings-300) var(--pr-t-spacings-150)}.dialog.mod-fancy .dialog-inside-header{--components-header-position: static}.dialog.mod-fancy .dialog-inside-header-button.button{--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)}.dialog.mod-fancy .dialog-inside-header-button.button: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))}.dialog.mod-fancy .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog.mod-fancy .dialog-inside-header-button.button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.dialog.mod-fancy .dialog-inside-header-button.button: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)}.dialog.mod-fancy .dialog-inside-header-button.button{--icon-size: 1.5rem;--components-button-font: var(--pr-t-font-body-M);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-100)}.dialog.mod-fancy .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.5rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-default);--components-numericBadge-font: var(--pr-t-font-body-S)}.dialog.mod-fancy .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight)}@media not all and (min-width:40em){.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 168px;--components-dialog-minBlockSize: calc(216px + var(--pr-t-spacings-200))}}@media not all and (min-width:30em){.dialog.mod-fancy{--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-800) + var(--pr-t-spacings-250));--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-minBlockSize: 0px;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-150);--components-dialog-inside-header-button-insetBlockStart: calc(var(--pr-t-spacings-150) + var(--pr-t-spacings-25));--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-150)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-paddingInline: var(--pr-t-spacings-150)}}}@layer mods{.dialog .dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.dialog .dialog-inside-header-button.button:hover,.dialog .dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog .dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dialog .dialog-inside-header-button.button{--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)}.dialog .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.dialog .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button{--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-insideHeaderButtonDisplay)}}.dialog .cdk-dialog-container{flex-grow:1;inline-size:auto;block-size:auto;display:flex;flex-direction:column;min-block-size:0}.dialog .cdk-dialog-container>router-outlet+*{display:contents}\n"], dependencies: [{ kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
656
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
657
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: DialogComponent, isStandalone: true, selector: "lu-dialog", inputs: { stacked: { classPropertyName: "stacked", publicName: "stacked", isSignal: true, isRequired: false, transformFunction: null }, fancyIllustration: { classPropertyName: "fancyIllustration", publicName: "fancyIllustration", isSignal: true, isRequired: false, transformFunction: null }, fancyIllustrationUrl: { classPropertyName: "fancyIllustrationUrl", publicName: "fancyIllustrationUrl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--components-dialog-inside-backgroundImage": "foregroundImage()" }, classAttribute: "dialog-inside" }, ngImport: i0, template: "@if (foregroundImage()) {\n\t<div\n\t\tclass=\"dialog-inside-fancyIllustrations\"\n\t\t[innerHtml]=\"'https://cdn.lucca.fr/transverse/prisme/visuals/fancy-dialog/background-bubbles.svg' | luSafeExternalSvg\"\n\t></div>\n}\n<ng-content />\n", styles: ["@layer components{.dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2) - var(--commons-pushPanel-inlineSize));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: 0 var(--commons-pushPanel-inlineSize) 0 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container close\" \"content content\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: 1fr auto;--components-dialog-insideContent-background: transparent;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-300);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-200);--components-dialog-insideContent-overflow: auto;--components-dialog-insideContent-flexGrow: 0;--components-dialog-level: 0;--components-dialog-translate-spacing: var(--pr-t-spacings-500);--components-dialog-translate: calc(var(--components-dialog-translate-spacing) * var(--components-dialog-level) * -1);--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-scale: calc(1 - (var(--components-dialog-level) * .05));--components-dialog-inside-header-boxShadow: 0 1px 0 0 var(--palettes-neutral-100);--components-dialog-inside-header-position: relative;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-300);--components-dialog-inside-header-button-position: static;--components-dialog-inside-backgroundImage: none;--components-dialog-minBlockSize: 0px;--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-inside-gridTemplateRows: auto 1fr auto;--components-dialog-inside-alignContent: normal;--components-dialog-inside-fancyIllustrations-inlineSize: var(--components-dialog-inside-paddingInlineEnd);--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-200);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-300);--components-dialog-inside-header-marginBlock: 0px;--components-dialog-inside-footer-marginBlock: 0px;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);inline-size:var(--components-dialog-width);block-size:var(--components-dialog-height);min-block-size:var(--components-dialog-minBlockSize);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);margin:auto;flex-direction:column;display:flex;position:fixed!important;max-inline-size:var(--components-dialog-maxWidth)!important;max-block-size:var(--components-dialog-maxHeight)!important;transition-property:scale,translate,inline-size,block-size,inset;transition-duration:var(--commons-animations-durations-standard);overflow:hidden;translate:var(--components-dialog-translateX) var(--components-dialog-translateY);scale:var(--components-dialog-scale)}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form){display:contents}.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-formOptional,.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-form,.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-inside-formOptional{padding-inline-end:var(--components-dialog-inside-paddingInlineEnd);display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0}.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-formOptional:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-form:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-inside-formOptional:has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside:not(:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form)){display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0;padding-inline-end:var(--components-dialog-inside-paddingInlineEnd)}.dialog-inside:not(:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form)):has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-fancyIllustrations{position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:var(--components-dialog-inside-fancyIllustrations-inlineSize);display:flex}.dialog-inside-fancyIllustrations>*{inline-size:100%;block-size:auto}.dialog-inside-fancyIllustrations:after{content:\"\";position:absolute;inset:0;background-image:var(--components-dialog-inside-backgroundImage);background-size:cover}.dialog-inside-header-actionOptional{margin-inline-end:calc(var(--pr-t-spacings-100) * -1)}.dialog-inside-header-actionOptional:empty{display:none}.dialog-inside-footer{grid-area:footer;margin-block:var(--components-dialog-inside-footer-marginBlock)}.dialog-inside-footer.footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden;--components-footer-isolation: isolate}.dialog-inside-header{display:grid;margin-block:var(--components-dialog-inside-header-marginBlock);padding-block:var(--components-dialog-inside-header-paddingBlock);padding-inline:var(--components-dialog-inside-header-paddingInline);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:var(--components-dialog-inside-header-boxShadow);gap:0 var(--pr-t-spacings-200);position:var(--components-dialog-inside-header-position);z-index:1;grid-area:header}.dialog-inside-header-button.button{position:var(--components-dialog-inside-header-button-position);inset-block-start:var(--components-dialog-inside-header-button-insetBlockStart);inset-inline-end:var(--components-dialog-inside-header-button-insetInlineEnd)}.dialog-inside-header-content{grid-area:content}.dialog-inside-header-content:empty{display:none}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding-block:var(--components-dialog-insideContent-paddingBlock);padding-inline:var(--components-dialog-insideContent-paddingInline);grid-area:overflow;overflow:var(--components-dialog-insideContent-overflow);flex-grow:var(--components-dialog-insideContent-flexGrow);display:block;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{font:var(--pr-t-font-heading-2);padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:anywhere}.dialog-inside-header-container-subtitle{font:var(--pr-t-font-body-S);color:var(--palettes-neutral-700);text-align:var(--components-dialog-insideHeaderTitleAlign)}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4!important;inset:0}}@layer mods{.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-XXL{--components-dialog-size: 100rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2);--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200) - var(--commons-pushPanel-inlineSize));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: var(--pr-t-spacings-100) calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) auto;--components-dialog-translateX: var(--components-dialog-translate);--components-dialog-translateY: 0;--components-dialog-translate-spacing: calc(var(--pr-t-spacings-500) * 2)}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width:50em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dialog:where(.mod-drawer){--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-width: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0;--components-dialog-inset: 0}.dialog:has(.dialog-inside-header-actionOptional:not(:empty)){--components-dialog-insideHeaderAreas: \"container action close\" \"content content content\";--components-dialog-insideHeaderColumns: 1fr auto auto}.dialog:has(.horizontalNavigation){--components-dialog-insideContent-overflow: none;--components-dialog-insideContent-flexGrow: 1;--components-dialog-inside-header-boxShadow: none;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200) 0}.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 224px;--components-dialog-minBlockSize: calc(288px + var(--pr-t-spacings-200));--components-dialog-inside-gridTemplateRows: auto auto auto;--components-dialog-inside-alignContent: center;--components-dialog-inside-header-boxShadow: none;--components-dialog-inside-header-position: static;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200) 0;--components-dialog-inside-header-button-position: absolute;--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-100);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-100);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-50) 0;--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-dialog-inside-header-marginBlock: var(--pr-t-spacings-500) 0;--components-dialog-inside-footer-marginBlock: 0 var(--pr-t-spacings-500)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-actions-margin: 0;--components-footer-boxShadow: none;--components-footer-overflow: visible;--components-footer-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-footer-paddingBlock: var(--pr-t-spacings-300) var(--pr-t-spacings-150)}.dialog.mod-fancy .dialog-inside-header{--components-header-position: static}.dialog.mod-fancy .dialog-inside-header-button.button{--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)}.dialog.mod-fancy .dialog-inside-header-button.button: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))}.dialog.mod-fancy .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog.mod-fancy .dialog-inside-header-button.button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.dialog.mod-fancy .dialog-inside-header-button.button: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)}.dialog.mod-fancy .dialog-inside-header-button.button{--icon-size: 1.5rem;--components-button-font: var(--pr-t-font-body-M);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-100)}.dialog.mod-fancy .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.5rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-default);--components-numericBadge-font: var(--pr-t-font-body-S)}.dialog.mod-fancy .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight)}@media not all and (min-width:40em){.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 168px;--components-dialog-minBlockSize: calc(216px + var(--pr-t-spacings-200))}}@media not all and (min-width:30em){.dialog.mod-fancy{--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-800) + var(--pr-t-spacings-250));--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-minBlockSize: 0px;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-150);--components-dialog-inside-header-button-insetBlockStart: calc(var(--pr-t-spacings-150) + var(--pr-t-spacings-25));--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-150)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-paddingInline: var(--pr-t-spacings-150)}}}@layer mods{.dialog .dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.dialog .dialog-inside-header-button.button:hover,.dialog .dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog .dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dialog .dialog-inside-header-button.button{--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)}.dialog .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.dialog .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button{--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-insideHeaderButtonDisplay)}}.dialog .cdk-dialog-container{flex-grow:1;inline-size:auto;block-size:auto;display:flex;flex-direction:column;min-block-size:0}.dialog .cdk-dialog-container>router-outlet+*{display:contents}\n"], dependencies: [{ kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
641
658
  }
642
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DialogComponent, decorators: [{
659
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogComponent, decorators: [{
643
660
  type: Component,
644
661
  args: [{ selector: 'lu-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [LuSafeExternalSvgPipe], host: {
645
662
  class: 'dialog-inside',
646
663
  '[style.--components-dialog-inside-backgroundImage]': 'foregroundImage()',
647
- }, template: "@if (foregroundImage()) {\n\t<div\n\t\tclass=\"dialog-inside-fancyIllustrations\"\n\t\t[innerHtml]=\"'https://cdn.lucca.fr/transverse/prisme/visuals/fancy-dialog/background-bubbles.svg' | luSafeExternalSvg\"\n\t></div>\n}\n<ng-content />\n", styles: ["@layer components{.dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2) - var(--commons-pushPanel-inlineSize));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: 0 var(--commons-pushPanel-inlineSize) 0 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container close\" \"content content\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: 1fr auto;--components-dialog-insideContent-background: transparent;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-300);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-200);--components-dialog-insideContent-overflow: auto;--components-dialog-level: 0;--components-dialog-translate-spacing: var(--pr-t-spacings-500);--components-dialog-translate: calc(var(--components-dialog-translate-spacing) * var(--components-dialog-level) * -1);--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-scale: calc(1 - (var(--components-dialog-level) * .05));--components-dialog-inside-header-boxShadow: 0 1px 0 0 var(--palettes-neutral-100);--components-dialog-inside-header-position: relative;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-300);--components-dialog-inside-header-button-position: static;--components-dialog-inside-backgroundImage: none;--components-dialog-minBlockSize: 0px;--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-inside-gridTemplateRows: auto 1fr auto;--components-dialog-inside-alignContent: normal;--components-dialog-inside-fancyIllustrations-inlineSize: var(--components-dialog-inside-paddingInlineEnd);--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-200);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-300);--components-dialog-inside-header-marginBlock: 0px;--components-dialog-inside-footer-marginBlock: 0px;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);inline-size:var(--components-dialog-width);block-size:var(--components-dialog-height);min-block-size:var(--components-dialog-minBlockSize);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);margin:auto;flex-direction:column;display:flex;position:fixed!important;max-inline-size:var(--components-dialog-maxWidth)!important;max-block-size:var(--components-dialog-maxHeight)!important;transition-property:scale,translate,inline-size,block-size,inset;transition-duration:var(--commons-animations-durations-standard);overflow:hidden;translate:var(--components-dialog-translateX) var(--components-dialog-translateY);scale:var(--components-dialog-scale)}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form){display:contents}.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-formOptional,.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-form,.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-inside-formOptional{padding-inline-end:var(--components-dialog-inside-paddingInlineEnd);display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0}.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-formOptional:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-form:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-inside-formOptional:has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside:not(:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form)){display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0;padding-inline-end:var(--components-dialog-inside-paddingInlineEnd)}.dialog-inside:not(:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form)):has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-fancyIllustrations{position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:var(--components-dialog-inside-fancyIllustrations-inlineSize);display:flex}.dialog-inside-fancyIllustrations>*{inline-size:100%;block-size:auto}.dialog-inside-fancyIllustrations:after{content:\"\";position:absolute;inset:0;background-image:var(--components-dialog-inside-backgroundImage);background-size:cover}.dialog-inside-header-actionOptional{margin-inline-end:calc(var(--pr-t-spacings-100) * -1)}.dialog-inside-header-actionOptional:empty{display:none}.dialog-inside-footer{grid-area:footer;margin-block:var(--components-dialog-inside-footer-marginBlock)}.dialog-inside-footer.footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden;--components-footer-isolation: isolate}.dialog-inside-header{display:grid;margin-block:var(--components-dialog-inside-header-marginBlock);padding-block:var(--components-dialog-inside-header-paddingBlock);padding-inline:var(--components-dialog-inside-header-paddingInline);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:var(--components-dialog-inside-header-boxShadow);gap:0 var(--pr-t-spacings-200);position:var(--components-dialog-inside-header-position);z-index:1;grid-area:header}.dialog-inside-header-button.button{position:var(--components-dialog-inside-header-button-position);inset-block-start:var(--components-dialog-inside-header-button-insetBlockStart);inset-inline-end:var(--components-dialog-inside-header-button-insetInlineEnd)}.dialog-inside-header-content{grid-area:content}.dialog-inside-header-content:empty{display:none}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding-block:var(--components-dialog-insideContent-paddingBlock);padding-inline:var(--components-dialog-insideContent-paddingInline);grid-area:overflow;overflow:var(--components-dialog-insideContent-overflow);display:block;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{font:var(--pr-t-font-heading-2);padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:anywhere}.dialog-inside-header-container-subtitle{font:var(--pr-t-font-body-S);color:var(--palettes-neutral-700);text-align:var(--components-dialog-insideHeaderTitleAlign)}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4!important;inset:0}}@layer mods{.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-XXL{--components-dialog-size: 100rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2);--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200) - var(--commons-pushPanel-inlineSize));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: var(--pr-t-spacings-100) calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) auto;--components-dialog-translateX: var(--components-dialog-translate);--components-dialog-translateY: 0;--components-dialog-translate-spacing: calc(var(--pr-t-spacings-500) * 2)}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width:50em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dialog:where(.mod-drawer){--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-width: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0;--components-dialog-inset: 0}.dialog:has(.dialog-inside-header-actionOptional:not(:empty)){--components-dialog-insideHeaderAreas: \"container action close\" \"content content content\";--components-dialog-insideHeaderColumns: 1fr auto auto}.dialog:has(.horizontalNavigation){--components-dialog-insideContent-overflow: none;--components-dialog-inside-header-boxShadow: none;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200) 0}.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 224px;--components-dialog-minBlockSize: calc(288px + var(--pr-t-spacings-200));--components-dialog-inside-gridTemplateRows: auto auto auto;--components-dialog-inside-alignContent: center;--components-dialog-inside-header-boxShadow: none;--components-dialog-inside-header-position: static;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200) 0;--components-dialog-inside-header-button-position: absolute;--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-100);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-100);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-50) 0;--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-dialog-inside-header-marginBlock: var(--pr-t-spacings-500) 0;--components-dialog-inside-footer-marginBlock: 0 var(--pr-t-spacings-500)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-actions-margin: 0;--components-footer-boxShadow: none;--components-footer-overflow: visible;--components-footer-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-footer-paddingBlock: var(--pr-t-spacings-300) var(--pr-t-spacings-150)}.dialog.mod-fancy .dialog-inside-header{--components-header-position: static}.dialog.mod-fancy .dialog-inside-header-button.button{--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)}.dialog.mod-fancy .dialog-inside-header-button.button: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))}.dialog.mod-fancy .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog.mod-fancy .dialog-inside-header-button.button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.dialog.mod-fancy .dialog-inside-header-button.button: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)}.dialog.mod-fancy .dialog-inside-header-button.button{--icon-size: 1.5rem;--components-button-font: var(--pr-t-font-body-M);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-100)}.dialog.mod-fancy .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.5rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-default);--components-numericBadge-font: var(--pr-t-font-body-S)}.dialog.mod-fancy .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight)}@media not all and (min-width:40em){.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 168px;--components-dialog-minBlockSize: calc(216px + var(--pr-t-spacings-200))}}@media not all and (min-width:30em){.dialog.mod-fancy{--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-800) + var(--pr-t-spacings-250));--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-minBlockSize: 0px;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-150);--components-dialog-inside-header-button-insetBlockStart: calc(var(--pr-t-spacings-150) + var(--pr-t-spacings-25));--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-150)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-paddingInline: var(--pr-t-spacings-150)}}}@layer mods{.dialog .dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.dialog .dialog-inside-header-button.button:hover,.dialog .dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog .dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dialog .dialog-inside-header-button.button{--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)}.dialog .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.dialog .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button{--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-insideHeaderButtonDisplay)}}.dialog .cdk-dialog-container{flex-grow:1;inline-size:auto;block-size:auto;display:flex;flex-direction:column;min-block-size:0}.dialog .cdk-dialog-container>router-outlet+*{display:contents}\n"] }]
664
+ }, template: "@if (foregroundImage()) {\n\t<div\n\t\tclass=\"dialog-inside-fancyIllustrations\"\n\t\t[innerHtml]=\"'https://cdn.lucca.fr/transverse/prisme/visuals/fancy-dialog/background-bubbles.svg' | luSafeExternalSvg\"\n\t></div>\n}\n<ng-content />\n", styles: ["@layer components{.dialog{--components-dialog-size: 40rem;--components-dialog-width: var(--components-dialog-size);--components-dialog-height: fit-content;--components-dialog-maxWidth: calc(100vw - (var(--pr-t-spacings-200) * 2) - var(--commons-pushPanel-inlineSize));--components-dialog-maxHeight: calc(100dvh - (var(--pr-t-spacings-200) * 2));--components-dialog-maxHeightFallback: calc(100vh - (var(--pr-t-spacings-200) * 2));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: 0 var(--commons-pushPanel-inlineSize) 0 0;--components-dialog-animationOpening: scaleIn;--components-dialog-insideHeaderAreas: \"container close\" \"content content\";--components-dialog-insideHeaderTitleAlign: left;--components-dialog-insideHeaderTitlePadding: calc(var(--pr-t-spacings-50) / 2) 0;--components-dialog-insideHeaderButtonDisplay: flex;--components-dialog-insideHeaderLinkDisplay: none;--components-dialog-insideHeaderColumns: 1fr auto;--components-dialog-insideContent-background: transparent;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-300);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-200);--components-dialog-insideContent-overflow: auto;--components-dialog-insideContent-flexGrow: 0;--components-dialog-level: 0;--components-dialog-translate-spacing: var(--pr-t-spacings-500);--components-dialog-translate: calc(var(--components-dialog-translate-spacing) * var(--components-dialog-level) * -1);--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-scale: calc(1 - (var(--components-dialog-level) * .05));--components-dialog-inside-header-boxShadow: 0 1px 0 0 var(--palettes-neutral-100);--components-dialog-inside-header-position: relative;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-300);--components-dialog-inside-header-button-position: static;--components-dialog-inside-backgroundImage: none;--components-dialog-minBlockSize: 0px;--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-inside-gridTemplateRows: auto 1fr auto;--components-dialog-inside-alignContent: normal;--components-dialog-inside-fancyIllustrations-inlineSize: var(--components-dialog-inside-paddingInlineEnd);--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-200);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-300);--components-dialog-inside-header-marginBlock: 0px;--components-dialog-inside-footer-marginBlock: 0px;animation-name:var(--components-dialog-animationOpening);animation-duration:var(--commons-animations-durations-standard);inset:var(--components-dialog-inset);inline-size:var(--components-dialog-width);block-size:var(--components-dialog-height);min-block-size:var(--components-dialog-minBlockSize);background-color:var(--palettes-neutral-0);border-radius:var(--components-dialog-borderRadius);box-shadow:var(--pr-t-elevation-shadow-overlay);margin:auto;flex-direction:column;display:flex;position:fixed!important;max-inline-size:var(--components-dialog-maxWidth)!important;max-block-size:var(--components-dialog-maxHeight)!important;transition-property:scale,translate,inline-size,block-size,inset;transition-duration:var(--commons-animations-durations-standard);overflow:hidden;translate:var(--components-dialog-translateX) var(--components-dialog-translateY);scale:var(--components-dialog-scale)}@supports not (height: 1dvh){.dialog{--components-dialog-maxHeight: var(--components-dialog-maxHeightFallback)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form){display:contents}.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-formOptional,.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-form,.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-inside-formOptional{padding-inline-end:var(--components-dialog-inside-paddingInlineEnd);display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0}.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-formOptional:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-form:has(.dialog-inside-content:focus-visible):after,.dialog-inside:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form) .dialog-inside-formOptional:has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside:not(:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form)){display:grid;grid-template-areas:\"header \" \"overflow\" \"footer \";align-content:var(--components-dialog-inside-alignContent);grid-template-rows:var(--components-dialog-inside-gridTemplateRows);flex-grow:1;min-block-size:0;padding-inline-end:var(--components-dialog-inside-paddingInlineEnd)}.dialog-inside:not(:has(>.dialog-inside-formOptional,>.dialog-formOptional,>.dialog-form)):has(.dialog-inside-content:focus-visible):after{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;content:\"\";grid-area:overflow}.dialog-inside-fancyIllustrations{position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:var(--components-dialog-inside-fancyIllustrations-inlineSize);display:flex}.dialog-inside-fancyIllustrations>*{inline-size:100%;block-size:auto}.dialog-inside-fancyIllustrations:after{content:\"\";position:absolute;inset:0;background-image:var(--components-dialog-inside-backgroundImage);background-size:cover}.dialog-inside-header-actionOptional{margin-inline-end:calc(var(--pr-t-spacings-100) * -1)}.dialog-inside-header-actionOptional:empty{display:none}.dialog-inside-footer{grid-area:footer;margin-block:var(--components-dialog-inside-footer-marginBlock)}.dialog-inside-footer.footer{--components-footer-paddingInline: var(--pr-t-spacings-300);--commons-container-padding: 0;--components-footer-overflow: hidden;--components-footer-isolation: isolate}.dialog-inside-header{display:grid;margin-block:var(--components-dialog-inside-header-marginBlock);padding-block:var(--components-dialog-inside-header-paddingBlock);padding-inline:var(--components-dialog-inside-header-paddingInline);grid-template-areas:var(--components-dialog-insideHeaderAreas);grid-template-columns:var(--components-dialog-insideHeaderColumns);box-shadow:var(--components-dialog-inside-header-boxShadow);gap:0 var(--pr-t-spacings-200);position:var(--components-dialog-inside-header-position);z-index:1;grid-area:header}.dialog-inside-header-button.button{position:var(--components-dialog-inside-header-button-position);inset-block-start:var(--components-dialog-inside-header-button-insetBlockStart);inset-inline-end:var(--components-dialog-inside-header-button-insetInlineEnd)}.dialog-inside-header-content{grid-area:content}.dialog-inside-header-content:empty{display:none}.dialog-inside-content{background-color:var(--components-dialog-insideContent-background);padding-block:var(--components-dialog-insideContent-paddingBlock);padding-inline:var(--components-dialog-insideContent-paddingInline);grid-area:overflow;overflow:var(--components-dialog-insideContent-overflow);flex-grow:var(--components-dialog-insideContent-flexGrow);display:block;outline:none}.dialog-inside-header-container{grid-area:container}.dialog-inside-header-container-title{font:var(--pr-t-font-heading-2);padding:var(--components-dialog-insideHeaderTitlePadding);text-align:var(--components-dialog-insideHeaderTitleAlign);margin:0;overflow-wrap:anywhere}.dialog-inside-header-container-subtitle{font:var(--pr-t-font-body-S);color:var(--palettes-neutral-700);text-align:var(--components-dialog-insideHeaderTitleAlign)}.dialog_backdrop{background-color:var(--palettes-neutral-900);position:fixed;opacity:.4!important;inset:0}}@layer mods{.dialog.mod-XS{--components-dialog-size: 25rem}.dialog.mod-S{--components-dialog-size: 30rem}.dialog.mod-fitContent{--components-dialog-size: fit-content}.dialog.mod-maxContent{--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}.dialog.mod-L{--components-dialog-size: 50rem}.dialog.mod-XL{--components-dialog-size: 60rem}.dialog.mod-XXL{--components-dialog-size: 100rem}.dialog.mod-neutralBackground{--components-dialog-insideContent-background: var(--pr-t-elevation-surface-default)}.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromRight;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2);--components-dialog-maxWidth: calc(100vw - var(--pr-t-spacings-200) - var(--commons-pushPanel-inlineSize));--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-inset: var(--pr-t-spacings-100) calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) auto;--components-dialog-translateX: var(--components-dialog-translate);--components-dialog-translateY: 0;--components-dialog-translate-spacing: calc(var(--pr-t-spacings-500) * 2)}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog:where(.mod-drawer):where(.mod-fromBottom){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media not all and (min-width:50em){.dialog:where(.mod-drawer){--components-dialog-animationOpening: slideFromBottom;--components-dialog-maxHeight: calc(100dvh - var(--pr-t-spacings-200));--components-dialog-maxHeightFallback: calc(100vh - var(--pr-t-spacings-200));--components-dialog-maxWidth: none;--components-dialog-inset: auto calc(var(--pr-t-spacings-100) + var(--commons-pushPanel-inlineSize)) var(--pr-t-spacings-100) var(--pr-t-spacings-100);--components-dialog-borderRadius: var(--pr-t-border-radius-structure);--components-dialog-width: calc(100% - var(--pr-t-spacings-100) * 2 - var(--commons-pushPanel-inlineSize));--components-dialog-height: fit-content;--components-dialog-translateX: 0;--components-dialog-translateY: var(--components-dialog-translate);--components-dialog-translate-spacing: var(--pr-t-spacings-500)}@keyframes slideFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dialog:where(.mod-drawer){--components-dialog-size: 100%;--components-dialog-height: calc(100% - var(--pr-t-spacings-100) * 2)}}.dialog.mod-fullScreen{--components-dialog-height: 100%;--components-dialog-width: 100%;--components-dialog-maxWidth: none;--components-dialog-maxHeight: none;--components-dialog-maxHeightFallback: var(--components-dialog-maxHeight);--components-dialog-borderRadius: 0;--components-dialog-inset: 0}.dialog:has(.dialog-inside-header-actionOptional:not(:empty)){--components-dialog-insideHeaderAreas: \"container action close\" \"content content content\";--components-dialog-insideHeaderColumns: 1fr auto auto}.dialog:has(.horizontalNavigation){--components-dialog-insideContent-overflow: none;--components-dialog-insideContent-flexGrow: 1;--components-dialog-inside-header-boxShadow: none;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200) 0}.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 224px;--components-dialog-minBlockSize: calc(288px + var(--pr-t-spacings-200));--components-dialog-inside-gridTemplateRows: auto auto auto;--components-dialog-inside-alignContent: center;--components-dialog-inside-header-boxShadow: none;--components-dialog-inside-header-position: static;--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200) 0;--components-dialog-inside-header-button-position: absolute;--components-dialog-inside-header-button-insetBlockStart: var(--pr-t-spacings-100);--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-100);--components-dialog-insideContent-paddingBlock: var(--pr-t-spacings-50) 0;--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-dialog-inside-header-marginBlock: var(--pr-t-spacings-500) 0;--components-dialog-inside-footer-marginBlock: 0 var(--pr-t-spacings-500)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-actions-margin: 0;--components-footer-boxShadow: none;--components-footer-overflow: visible;--components-footer-paddingInline: var(--pr-t-spacings-700) var(--pr-t-spacings-400);--components-footer-paddingBlock: var(--pr-t-spacings-300) var(--pr-t-spacings-150)}.dialog.mod-fancy .dialog-inside-header{--components-header-position: static}.dialog.mod-fancy .dialog-inside-header-button.button{--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)}.dialog.mod-fancy .dialog-inside-header-button.button: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))}.dialog.mod-fancy .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog.mod-fancy .dialog-inside-header-button.button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.dialog.mod-fancy .dialog-inside-header-button.button: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)}.dialog.mod-fancy .dialog-inside-header-button.button{--icon-size: 1.5rem;--components-button-font: var(--pr-t-font-body-M);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-gap: var(--pr-t-spacings-100)}.dialog.mod-fancy .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.5rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-default);--components-numericBadge-font: var(--pr-t-font-body-S)}.dialog.mod-fancy .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight)}@media not all and (min-width:40em){.dialog.mod-fancy{--components-dialog-inside-paddingInlineEnd: 168px;--components-dialog-minBlockSize: calc(216px + var(--pr-t-spacings-200))}}@media not all and (min-width:30em){.dialog.mod-fancy{--components-dialog-inside-header-paddingBlock: var(--pr-t-spacings-200);--components-dialog-inside-header-paddingInline: var(--pr-t-spacings-150) calc(var(--pr-t-spacings-800) + var(--pr-t-spacings-250));--components-dialog-inside-paddingInlineEnd: 0px;--components-dialog-minBlockSize: 0px;--components-dialog-insideContent-paddingInline: var(--pr-t-spacings-150);--components-dialog-inside-header-button-insetBlockStart: calc(var(--pr-t-spacings-150) + var(--pr-t-spacings-25));--components-dialog-inside-header-button-insetInlineEnd: var(--pr-t-spacings-150)}.dialog.mod-fancy .dialog-inside-footer{--components-footer-paddingInline: var(--pr-t-spacings-150)}}}@layer mods{.dialog .dialog-inside-header-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.dialog .dialog-inside-header-button.button:hover,.dialog .dialog-inside-header-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.dialog .dialog-inside-header-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.dialog .dialog-inside-header-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.dialog .dialog-inside-header-button.button{--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)}.dialog .dialog-inside-header-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.dialog .dialog-inside-header-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.dialog .dialog-inside-header-button.button{--components-button-padding: var(--pr-t-spacings-75);align-self:start;justify-self:end;grid-area:close;display:var(--components-dialog-insideHeaderButtonDisplay)}}.dialog .cdk-dialog-container{flex-grow:1;inline-size:auto;block-size:auto;display:flex;flex-direction:column;min-block-size:0}.dialog .cdk-dialog-container>router-outlet+*{display:contents}\n"] }]
648
665
  }], propDecorators: { stacked: [{ type: i0.Input, args: [{ isSignal: true, alias: "stacked", required: false }] }], fancyIllustration: [{ type: i0.Input, args: [{ isSignal: true, alias: "fancyIllustration", required: false }] }], fancyIllustrationUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "fancyIllustrationUrl", required: false }] }] } });
649
666
 
650
667
  class DialogCloseDirective {
@@ -652,10 +669,10 @@ class DialogCloseDirective {
652
669
  close() {
653
670
  this.#ref.close();
654
671
  }
655
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DialogCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
656
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.4", type: DialogCloseDirective, isStandalone: true, selector: "[luDialogClose]", host: { listeners: { "click": "close()" } }, ngImport: i0 }); }
672
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
673
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: DialogCloseDirective, isStandalone: true, selector: "[luDialogClose]", host: { listeners: { "click": "close()" } }, ngImport: i0 }); }
657
674
  }
658
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DialogCloseDirective, decorators: [{
675
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogCloseDirective, decorators: [{
659
676
  type: Directive,
660
677
  args: [{
661
678
  selector: '[luDialogClose]',
@@ -670,10 +687,10 @@ class DialogDismissDirective {
670
687
  close() {
671
688
  this.#ref.dismiss();
672
689
  }
673
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DialogDismissDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
674
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.4", type: DialogDismissDirective, isStandalone: true, selector: "[luDialogDismiss]", host: { listeners: { "click": "close()" } }, ngImport: i0 }); }
690
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogDismissDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
691
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: DialogDismissDirective, isStandalone: true, selector: "[luDialogDismiss]", host: { listeners: { "click": "close()" } }, ngImport: i0 }); }
675
692
  }
676
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DialogDismissDirective, decorators: [{
693
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogDismissDirective, decorators: [{
677
694
  type: Directive,
678
695
  args: [{
679
696
  selector: '[luDialogDismiss]',
@@ -697,10 +714,10 @@ class DialogOpenDirective {
697
714
  content: this.dialog(),
698
715
  });
699
716
  }
700
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DialogOpenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
701
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.4", type: DialogOpenDirective, isStandalone: true, selector: "[luDialogOpen]", inputs: { dialog: { classPropertyName: "dialog", publicName: "luDialogOpen", isSignal: true, isRequired: true, transformFunction: null }, luDialogConfig: { classPropertyName: "luDialogConfig", publicName: "luDialogConfig", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "click()" }, properties: { "attr.aria-haspopup": "\"dialog\"" } }, providers: [provideLuDialog()], ngImport: i0 }); }
717
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogOpenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
718
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: DialogOpenDirective, isStandalone: true, selector: "[luDialogOpen]", inputs: { dialog: { classPropertyName: "dialog", publicName: "luDialogOpen", isSignal: true, isRequired: true, transformFunction: null }, luDialogConfig: { classPropertyName: "luDialogConfig", publicName: "luDialogConfig", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "click()" }, properties: { "attr.aria-haspopup": "\"dialog\"" } }, providers: [provideLuDialog()], ngImport: i0 }); }
702
719
  }
703
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DialogOpenDirective, decorators: [{
720
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogOpenDirective, decorators: [{
704
721
  type: Directive,
705
722
  args: [{
706
723
  selector: '[luDialogOpen]',