@lucca-front/ng 21.1.1 → 21.1.2-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/fesm2022/lucca-front-ng-box.mjs +1 -1
  2. package/fesm2022/lucca-front-ng-box.mjs.map +1 -1
  3. package/fesm2022/lucca-front-ng-bubble-icon.mjs +1 -1
  4. package/fesm2022/lucca-front-ng-bubble-icon.mjs.map +1 -1
  5. package/fesm2022/lucca-front-ng-callout.mjs +3 -3
  6. package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
  7. package/fesm2022/lucca-front-ng-chip.mjs +1 -1
  8. package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
  9. package/fesm2022/lucca-front-ng-color.mjs +2 -2
  10. package/fesm2022/lucca-front-ng-color.mjs.map +1 -1
  11. package/fesm2022/lucca-front-ng-core-select-api.mjs +1 -1
  12. package/fesm2022/lucca-front-ng-data-table.mjs +3 -3
  13. package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
  14. package/fesm2022/lucca-front-ng-date2.mjs +2 -2
  15. package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
  16. package/fesm2022/lucca-front-ng-dialog.mjs +1 -1
  17. package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
  18. package/fesm2022/lucca-front-ng-fancy-box.mjs +2 -2
  19. package/fesm2022/lucca-front-ng-file-upload.mjs +10 -9
  20. package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
  21. package/fesm2022/lucca-front-ng-filter-pills.mjs +3 -3
  22. package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
  23. package/fesm2022/lucca-front-ng-form-field.mjs +2 -2
  24. package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
  25. package/fesm2022/lucca-front-ng-form.mjs +2 -2
  26. package/fesm2022/lucca-front-ng-form.mjs.map +1 -1
  27. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +5 -5
  28. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
  29. package/fesm2022/lucca-front-ng-forms.mjs +3 -3
  30. package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
  31. package/fesm2022/lucca-front-ng-index-table.mjs +2 -2
  32. package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -1
  33. package/fesm2022/lucca-front-ng-link.mjs +6 -2
  34. package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
  35. package/fesm2022/lucca-front-ng-listbox.mjs +1 -1
  36. package/fesm2022/lucca-front-ng-listbox.mjs.map +1 -1
  37. package/fesm2022/lucca-front-ng-listing.mjs +3 -3
  38. package/fesm2022/lucca-front-ng-listing.mjs.map +1 -1
  39. package/fesm2022/lucca-front-ng-main-layout.mjs +2 -2
  40. package/fesm2022/lucca-front-ng-main-layout.mjs.map +1 -1
  41. package/fesm2022/lucca-front-ng-mobile-push.mjs +1 -1
  42. package/fesm2022/lucca-front-ng-mobile-push.mjs.map +1 -1
  43. package/fesm2022/lucca-front-ng-modal.mjs +2 -2
  44. package/fesm2022/lucca-front-ng-multi-select.mjs +1 -1
  45. package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
  46. package/fesm2022/lucca-front-ng-pagination.mjs +1 -1
  47. package/fesm2022/lucca-front-ng-pagination.mjs.map +1 -1
  48. package/fesm2022/lucca-front-ng-plg-push.mjs +1 -1
  49. package/fesm2022/lucca-front-ng-plg-push.mjs.map +1 -1
  50. package/fesm2022/lucca-front-ng-popover.mjs +1 -1
  51. package/fesm2022/lucca-front-ng-popover2.mjs +1 -1
  52. package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
  53. package/fesm2022/lucca-front-ng-resource-card.mjs +1 -1
  54. package/fesm2022/lucca-front-ng-resource-card.mjs.map +1 -1
  55. package/fesm2022/lucca-front-ng-simple-select.mjs +2 -2
  56. package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
  57. package/fesm2022/lucca-front-ng-sortable-list.mjs +1 -1
  58. package/fesm2022/lucca-front-ng-sortable-list.mjs.map +1 -1
  59. package/fesm2022/lucca-front-ng-tag.mjs +1 -1
  60. package/fesm2022/lucca-front-ng-tag.mjs.map +1 -1
  61. package/fesm2022/lucca-front-ng-tooltip.mjs +8 -13
  62. package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
  63. package/fesm2022/lucca-front-ng-user-popover.mjs +14 -17
  64. package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
  65. package/fesm2022/lucca-front-ng-vertical-navigation.mjs +2 -2
  66. package/fesm2022/lucca-front-ng-vertical-navigation.mjs.map +1 -1
  67. package/package.json +4 -4
  68. package/src/components/_picker.scss +1 -1
  69. package/types/lucca-front-ng-department.d.ts +1 -1
  70. package/types/lucca-front-ng-establishment.d.ts +1 -1
  71. package/types/lucca-front-ng-file-upload.d.ts +2 -1
  72. package/types/lucca-front-ng-forms-rich-text-input.d.ts +1 -1
  73. package/types/lucca-front-ng-link.d.ts +2 -1
  74. package/types/lucca-front-ng-picker.d.ts +1 -1
  75. package/types/lucca-front-ng-tooltip.d.ts +3 -2
  76. package/types/lucca-front-ng-user-popover.d.ts +6 -0
  77. package/types/lucca-front-ng-user.d.ts +1 -1
@@ -34,7 +34,7 @@ class MainLayoutComponent {
34
34
  this.footerSticky = input(false, { ...(ngDevMode ? { debugName: "footerSticky" } : {}), transform: booleanAttribute });
35
35
  }
36
36
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MainLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
37
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.8", type: MainLayoutComponent, isStandalone: true, selector: "lu-main-layout", inputs: { headerSticky: { classPropertyName: "headerSticky", publicName: "headerSticky", isSignal: true, isRequired: false, transformFunction: null }, footerSticky: { classPropertyName: "footerSticky", publicName: "footerSticky", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "main", "id": "main-content", "tabindex": "-1" }, classAttribute: "mainLayout" }, ngImport: i0, template: "<div class=\"mainLayout-sidebar\">\n\t<ng-content select=\"[mainLayoutSidebar]\" />\n</div>\n<div class=\"mainLayout-content\">\n\t<div class=\"mainLayout-content-inside\">\n\t\t<div class=\"mainLayout-content-inside-header\" [class.mod-sticky]=\"headerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutHeader]\" />\n\t\t</div>\n\t\t<ng-content />\n\t\t<div class=\"mainLayout-content-inside-footer\" [class.mod-sticky]=\"footerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutFooter]\" />\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@layer components{.mainLayout{--components-mainLayout-flexDirection: column;--components-mainLayout-sidebar-inlineSize: auto;--components-mainLayout-content-inside-header-position: static;--components-mainLayout-content-inside-footer-position: static;--components-mainLayout-content-inside-block-position: static;--components-mainLayout-content-inside-header-insetBlockStart: auto;--components-mainLayout-content-inside-footer-insetBlockEnd: auto;--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-200);--components-mainLayout-content-inside-header-backgroundColor: transparent;--components-mainLayout-content-inside-footer-backgroundColor: transparent;display:flex;flex-direction:var(--components-mainLayout-flexDirection);block-size:100%}.mainLayout:focus-visible{position:relative}.mainLayout:focus-visible:after{content:\"\";position:absolute;inset:0;z-index:5;pointer-events:none;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;border-radius:var(--pr-t-border-radius-default)}.mainLayout-sidebar{overflow-x:hidden;overflow-y:auto;flex-shrink:0;inline-size:var(--components-mainLayout-sidebar-inlineSize)}.mainLayout-sidebar:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.mainLayout-sidebar:empty{display:none}.mainLayout-content{flex-grow:1;display:flex;flex-direction:column;position:relative;min-inline-size:0;min-block-size:0}.mainLayout-content:has(>.mainLayout-content-inside:focus-visible):after{content:\"\";pointer-events:none;inset:0;position:absolute;z-index:1;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.mainLayout-content-inside{flex-grow:1;display:flex;flex-direction:column;overflow:auto;outline:none}.mainLayout-content-inside-block{inset-inline-start:0;position:var(--components-mainLayout-content-inside-block-position)}@media(min-width:40em){.mainLayout-content-inside-block{--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-300)}}.mainLayout-content-inside-block:not(.mainLayout-content-inside-block+.mainLayout-content-inside-block){margin-block-start:var(--components-mainLayout-content-inside-block-firstLastOfType-marginBlock)}.mainLayout-content-inside-block:not(:has(+.mainLayout-content-inside-block)){margin-block-end:var(--components-mainLayout-content-inside-block-firstLastOfType-marginBlock)}.mainLayout-content-inside-block.mod-overflow .container{--components-container-minInlineSize: fit-content}.mainLayout-content-inside-header{position:var(--components-mainLayout-content-inside-header-position);z-index:1;inset-block-start:var(--components-mainLayout-content-inside-header-insetBlockStart);inset-inline-start:0;background-color:var(--components-mainLayout-content-inside-header-backgroundColor)}.mainLayout-content-inside-header:empty{display:none}.mainLayout-content-inside-footer{position:var(--components-mainLayout-content-inside-footer-position);inset-block-end:var(--components-mainLayout-content-inside-footer-insetBlockEnd);inset-inline-start:0;margin-block-start:auto;background-color:var(--components-mainLayout-content-inside-footer-backgroundColor)}.mainLayout-content-inside-footer:empty{display:none}@media(min-width:50em){.mainLayout{--components-mainLayout-flexDirection: row}}}@layer mods{.mainLayout:has(.mainLayout-content-inside-header.mod-sticky){--components-mainLayout-content-inside-header-position: sticky;--components-mainLayout-content-inside-header-backgroundColor: var(--commons-background-base);--components-mainLayout-content-inside-header-insetBlockStart: 0}.mainLayout:has(.mainLayout-content-inside-footer.mod-sticky){--components-mainLayout-content-inside-footer-position: sticky;--components-mainLayout-content-inside-footer-backgroundColor: var(--commons-background-base);--components-mainLayout-content-inside-footer-insetBlockEnd: 0}}@layer mods{.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-header{--components-mainLayout-content-inside-header-position: sticky;--components-mainLayout-content-inside-header-backgroundColor: var(--commons-background-base)}.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-footer{--components-mainLayout-content-inside-footer-position: sticky;--components-mainLayout-content-inside-footer-backgroundColor: var(--commons-background-base)}.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-block:not(.mod-overflow){--components-mainLayout-content-inside-block-position: sticky}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
37
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.8", type: MainLayoutComponent, isStandalone: true, selector: "lu-main-layout", inputs: { headerSticky: { classPropertyName: "headerSticky", publicName: "headerSticky", isSignal: true, isRequired: false, transformFunction: null }, footerSticky: { classPropertyName: "footerSticky", publicName: "footerSticky", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "main", "id": "main-content", "tabindex": "-1" }, classAttribute: "mainLayout" }, ngImport: i0, template: "<div class=\"mainLayout-sidebar\">\n\t<ng-content select=\"[mainLayoutSidebar]\" />\n</div>\n<div class=\"mainLayout-content\">\n\t<div class=\"mainLayout-content-inside\">\n\t\t<div class=\"mainLayout-content-inside-header\" [class.mod-sticky]=\"headerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutHeader]\" />\n\t\t</div>\n\t\t<ng-content />\n\t\t<div class=\"mainLayout-content-inside-footer\" [class.mod-sticky]=\"footerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutFooter]\" />\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@layer components{.mainLayout{--components-mainLayout-flexDirection: column;--components-mainLayout-sidebar-inlineSize: auto;--components-mainLayout-content-inside-header-position: static;--components-mainLayout-content-inside-footer-position: static;--components-mainLayout-content-inside-block-position: static;--components-mainLayout-content-inside-header-insetBlockStart: auto;--components-mainLayout-content-inside-footer-insetBlockEnd: auto;--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-200);--components-mainLayout-content-inside-header-backgroundColor: transparent;--components-mainLayout-content-inside-footer-backgroundColor: transparent;display:flex;flex-direction:var(--components-mainLayout-flexDirection);block-size:100%}.mainLayout:focus-visible{position:relative}.mainLayout:focus-visible:after{content:\"\";position:absolute;inset:0;z-index:5;pointer-events:none;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;border-radius:var(--pr-t-border-radius-default)}.mainLayout-sidebar{overflow-x:hidden;overflow-y:auto;flex-shrink:0;inline-size:var(--components-mainLayout-sidebar-inlineSize)}.mainLayout-sidebar:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.mainLayout-sidebar:empty{display:none}.mainLayout-content{flex-grow:1;display:flex;flex-direction:column;position:relative;min-inline-size:0;min-block-size:0}.mainLayout-content:has(>.mainLayout-content-inside:focus-visible):after{content:\"\";pointer-events:none;inset:0;position:absolute;z-index:1;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.mainLayout-content-inside{flex-grow:1;display:flex;flex-direction:column;overflow:auto;outline:none}.mainLayout-content-inside-block{inset-inline-start:0;position:var(--components-mainLayout-content-inside-block-position)}@media(min-width:40em){.mainLayout-content-inside-block{--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-300)}}.mainLayout-content-inside-block:not(.mainLayout-content-inside-block+.mainLayout-content-inside-block){margin-block-start:var(--components-mainLayout-content-inside-block-firstLastOfType-marginBlock)}.mainLayout-content-inside-block:not(:has(+.mainLayout-content-inside-block)){margin-block-end:var(--components-mainLayout-content-inside-block-firstLastOfType-marginBlock)}.mainLayout-content-inside-block.mod-overflow .container{--components-container-minInlineSize: fit-content}.mainLayout-content-inside-header{position:var(--components-mainLayout-content-inside-header-position);z-index:1;inset-block-start:var(--components-mainLayout-content-inside-header-insetBlockStart);inset-inline-start:0;background-color:var(--components-mainLayout-content-inside-header-backgroundColor)}.mainLayout-content-inside-header:empty{display:none}.mainLayout-content-inside-footer{position:var(--components-mainLayout-content-inside-footer-position);inset-block-end:var(--components-mainLayout-content-inside-footer-insetBlockEnd);inset-inline-start:0;margin-block-start:auto;background-color:var(--components-mainLayout-content-inside-footer-backgroundColor)}.mainLayout-content-inside-footer:empty{display:none}@media(min-width:50em){.mainLayout{--components-mainLayout-flexDirection: row}}}@layer mods{.mainLayout:has(.mainLayout-content-inside-header.mod-sticky){--components-mainLayout-content-inside-header-position: sticky;--components-mainLayout-content-inside-header-insetBlockStart: 0;--components-mainLayout-content-inside-header-backgroundColor: var(--commons-background-base)}.mainLayout:has(.mainLayout-content-inside-footer.mod-sticky){--components-mainLayout-content-inside-footer-position: sticky;--components-mainLayout-content-inside-footer-insetBlockEnd: 0;--components-mainLayout-content-inside-footer-backgroundColor: var(--commons-background-base)}}@layer mods{.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-header{--components-mainLayout-content-inside-header-position: sticky}.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-footer{--components-mainLayout-content-inside-footer-position: sticky}.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-block:not(.mod-overflow){--components-mainLayout-content-inside-block-position: sticky}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
38
38
  }
39
39
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MainLayoutComponent, decorators: [{
40
40
  type: Component,
@@ -43,7 +43,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
43
43
  role: 'main',
44
44
  id: 'main-content',
45
45
  tabindex: '-1',
46
- }, template: "<div class=\"mainLayout-sidebar\">\n\t<ng-content select=\"[mainLayoutSidebar]\" />\n</div>\n<div class=\"mainLayout-content\">\n\t<div class=\"mainLayout-content-inside\">\n\t\t<div class=\"mainLayout-content-inside-header\" [class.mod-sticky]=\"headerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutHeader]\" />\n\t\t</div>\n\t\t<ng-content />\n\t\t<div class=\"mainLayout-content-inside-footer\" [class.mod-sticky]=\"footerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutFooter]\" />\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@layer components{.mainLayout{--components-mainLayout-flexDirection: column;--components-mainLayout-sidebar-inlineSize: auto;--components-mainLayout-content-inside-header-position: static;--components-mainLayout-content-inside-footer-position: static;--components-mainLayout-content-inside-block-position: static;--components-mainLayout-content-inside-header-insetBlockStart: auto;--components-mainLayout-content-inside-footer-insetBlockEnd: auto;--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-200);--components-mainLayout-content-inside-header-backgroundColor: transparent;--components-mainLayout-content-inside-footer-backgroundColor: transparent;display:flex;flex-direction:var(--components-mainLayout-flexDirection);block-size:100%}.mainLayout:focus-visible{position:relative}.mainLayout:focus-visible:after{content:\"\";position:absolute;inset:0;z-index:5;pointer-events:none;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;border-radius:var(--pr-t-border-radius-default)}.mainLayout-sidebar{overflow-x:hidden;overflow-y:auto;flex-shrink:0;inline-size:var(--components-mainLayout-sidebar-inlineSize)}.mainLayout-sidebar:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.mainLayout-sidebar:empty{display:none}.mainLayout-content{flex-grow:1;display:flex;flex-direction:column;position:relative;min-inline-size:0;min-block-size:0}.mainLayout-content:has(>.mainLayout-content-inside:focus-visible):after{content:\"\";pointer-events:none;inset:0;position:absolute;z-index:1;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.mainLayout-content-inside{flex-grow:1;display:flex;flex-direction:column;overflow:auto;outline:none}.mainLayout-content-inside-block{inset-inline-start:0;position:var(--components-mainLayout-content-inside-block-position)}@media(min-width:40em){.mainLayout-content-inside-block{--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-300)}}.mainLayout-content-inside-block:not(.mainLayout-content-inside-block+.mainLayout-content-inside-block){margin-block-start:var(--components-mainLayout-content-inside-block-firstLastOfType-marginBlock)}.mainLayout-content-inside-block:not(:has(+.mainLayout-content-inside-block)){margin-block-end:var(--components-mainLayout-content-inside-block-firstLastOfType-marginBlock)}.mainLayout-content-inside-block.mod-overflow .container{--components-container-minInlineSize: fit-content}.mainLayout-content-inside-header{position:var(--components-mainLayout-content-inside-header-position);z-index:1;inset-block-start:var(--components-mainLayout-content-inside-header-insetBlockStart);inset-inline-start:0;background-color:var(--components-mainLayout-content-inside-header-backgroundColor)}.mainLayout-content-inside-header:empty{display:none}.mainLayout-content-inside-footer{position:var(--components-mainLayout-content-inside-footer-position);inset-block-end:var(--components-mainLayout-content-inside-footer-insetBlockEnd);inset-inline-start:0;margin-block-start:auto;background-color:var(--components-mainLayout-content-inside-footer-backgroundColor)}.mainLayout-content-inside-footer:empty{display:none}@media(min-width:50em){.mainLayout{--components-mainLayout-flexDirection: row}}}@layer mods{.mainLayout:has(.mainLayout-content-inside-header.mod-sticky){--components-mainLayout-content-inside-header-position: sticky;--components-mainLayout-content-inside-header-backgroundColor: var(--commons-background-base);--components-mainLayout-content-inside-header-insetBlockStart: 0}.mainLayout:has(.mainLayout-content-inside-footer.mod-sticky){--components-mainLayout-content-inside-footer-position: sticky;--components-mainLayout-content-inside-footer-backgroundColor: var(--commons-background-base);--components-mainLayout-content-inside-footer-insetBlockEnd: 0}}@layer mods{.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-header{--components-mainLayout-content-inside-header-position: sticky;--components-mainLayout-content-inside-header-backgroundColor: var(--commons-background-base)}.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-footer{--components-mainLayout-content-inside-footer-position: sticky;--components-mainLayout-content-inside-footer-backgroundColor: var(--commons-background-base)}.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-block:not(.mod-overflow){--components-mainLayout-content-inside-block-position: sticky}}\n"] }]
46
+ }, template: "<div class=\"mainLayout-sidebar\">\n\t<ng-content select=\"[mainLayoutSidebar]\" />\n</div>\n<div class=\"mainLayout-content\">\n\t<div class=\"mainLayout-content-inside\">\n\t\t<div class=\"mainLayout-content-inside-header\" [class.mod-sticky]=\"headerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutHeader]\" />\n\t\t</div>\n\t\t<ng-content />\n\t\t<div class=\"mainLayout-content-inside-footer\" [class.mod-sticky]=\"footerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutFooter]\" />\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@layer components{.mainLayout{--components-mainLayout-flexDirection: column;--components-mainLayout-sidebar-inlineSize: auto;--components-mainLayout-content-inside-header-position: static;--components-mainLayout-content-inside-footer-position: static;--components-mainLayout-content-inside-block-position: static;--components-mainLayout-content-inside-header-insetBlockStart: auto;--components-mainLayout-content-inside-footer-insetBlockEnd: auto;--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-200);--components-mainLayout-content-inside-header-backgroundColor: transparent;--components-mainLayout-content-inside-footer-backgroundColor: transparent;display:flex;flex-direction:var(--components-mainLayout-flexDirection);block-size:100%}.mainLayout:focus-visible{position:relative}.mainLayout:focus-visible:after{content:\"\";position:absolute;inset:0;z-index:5;pointer-events:none;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;border-radius:var(--pr-t-border-radius-default)}.mainLayout-sidebar{overflow-x:hidden;overflow-y:auto;flex-shrink:0;inline-size:var(--components-mainLayout-sidebar-inlineSize)}.mainLayout-sidebar:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.mainLayout-sidebar:empty{display:none}.mainLayout-content{flex-grow:1;display:flex;flex-direction:column;position:relative;min-inline-size:0;min-block-size:0}.mainLayout-content:has(>.mainLayout-content-inside:focus-visible):after{content:\"\";pointer-events:none;inset:0;position:absolute;z-index:1;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px}.mainLayout-content-inside{flex-grow:1;display:flex;flex-direction:column;overflow:auto;outline:none}.mainLayout-content-inside-block{inset-inline-start:0;position:var(--components-mainLayout-content-inside-block-position)}@media(min-width:40em){.mainLayout-content-inside-block{--components-mainLayout-content-inside-block-firstLastOfType-marginBlock: var(--pr-t-spacings-300)}}.mainLayout-content-inside-block:not(.mainLayout-content-inside-block+.mainLayout-content-inside-block){margin-block-start:var(--components-mainLayout-content-inside-block-firstLastOfType-marginBlock)}.mainLayout-content-inside-block:not(:has(+.mainLayout-content-inside-block)){margin-block-end:var(--components-mainLayout-content-inside-block-firstLastOfType-marginBlock)}.mainLayout-content-inside-block.mod-overflow .container{--components-container-minInlineSize: fit-content}.mainLayout-content-inside-header{position:var(--components-mainLayout-content-inside-header-position);z-index:1;inset-block-start:var(--components-mainLayout-content-inside-header-insetBlockStart);inset-inline-start:0;background-color:var(--components-mainLayout-content-inside-header-backgroundColor)}.mainLayout-content-inside-header:empty{display:none}.mainLayout-content-inside-footer{position:var(--components-mainLayout-content-inside-footer-position);inset-block-end:var(--components-mainLayout-content-inside-footer-insetBlockEnd);inset-inline-start:0;margin-block-start:auto;background-color:var(--components-mainLayout-content-inside-footer-backgroundColor)}.mainLayout-content-inside-footer:empty{display:none}@media(min-width:50em){.mainLayout{--components-mainLayout-flexDirection: row}}}@layer mods{.mainLayout:has(.mainLayout-content-inside-header.mod-sticky){--components-mainLayout-content-inside-header-position: sticky;--components-mainLayout-content-inside-header-insetBlockStart: 0;--components-mainLayout-content-inside-header-backgroundColor: var(--commons-background-base)}.mainLayout:has(.mainLayout-content-inside-footer.mod-sticky){--components-mainLayout-content-inside-footer-position: sticky;--components-mainLayout-content-inside-footer-insetBlockEnd: 0;--components-mainLayout-content-inside-footer-backgroundColor: var(--commons-background-base)}}@layer mods{.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-header{--components-mainLayout-content-inside-header-position: sticky}.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-footer{--components-mainLayout-content-inside-footer-position: sticky}.mainLayout-content-inside:has(.mainLayout-content-inside-block.mod-overflow) .mainLayout-content-inside-block:not(.mod-overflow){--components-mainLayout-content-inside-block-position: sticky}}\n"] }]
47
47
  }], propDecorators: { headerSticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerSticky", required: false }] }], footerSticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerSticky", required: false }] }] } });
48
48
 
49
49
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"lucca-front-ng-main-layout.mjs","sources":["../../../packages/ng/main-layout/block/main-layout-block.component.ts","../../../packages/ng/main-layout/main-layout.component.ts","../../../packages/ng/main-layout/main-layout.component.html","../../../packages/ng/main-layout/lucca-front-ng-main-layout.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-main-layout-block',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\ttemplate: `<ng-content />`,\n\thost: {\n\t\tclass: 'mainLayout-content-inside-block',\n\t\t'[class.mod-overflow]': 'overflow()',\n\t},\n})\nexport class MainLayoutBlockComponent {\n\treadonly overflow = input(false, { transform: booleanAttribute });\n}\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-main-layout',\n\tstyleUrl: './main-layout.component.scss',\n\ttemplateUrl: './main-layout.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'mainLayout',\n\t\trole: 'main',\n\t\tid: 'main-content',\n\t\ttabindex: '-1',\n\t},\n})\nexport class MainLayoutComponent {\n\t/**\n\t * Sticks header on the screen\n\t */\n\treadonly headerSticky = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Sticks footer on the screen\n\t */\n\treadonly footerSticky = input(false, { transform: booleanAttribute });\n}\n","<div class=\"mainLayout-sidebar\">\n\t<ng-content select=\"[mainLayoutSidebar]\" />\n</div>\n<div class=\"mainLayout-content\">\n\t<div class=\"mainLayout-content-inside\">\n\t\t<div class=\"mainLayout-content-inside-header\" [class.mod-sticky]=\"headerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutHeader]\" />\n\t\t</div>\n\t\t<ng-content />\n\t\t<div class=\"mainLayout-content-inside-footer\" [class.mod-sticky]=\"footerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutFooter]\" />\n\t\t</div>\n\t</div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAYa,wBAAwB,CAAA;AAVrC,IAAA,WAAA,GAAA;QAWU,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACjE,IAAA;8GAFY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,8UAN1B,CAAA,cAAA,CAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAMd,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAVpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,sBAAsB;oBAChC,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE,CAAA,cAAA,CAAgB;AAC1B,oBAAA,IAAI,EAAE;AACL,wBAAA,KAAK,EAAE,iCAAiC;AACxC,wBAAA,sBAAsB,EAAE,YAAY;AACpC,qBAAA;AACD,iBAAA;;;MCIY,mBAAmB,CAAA;AAbhC,IAAA,WAAA,GAAA;AAcC;;AAEG;QACM,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,KAAK,yDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAErE;;AAEG;QACM,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,KAAK,yDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACrE,IAAA;8GAVY,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,geCfhC,8gBAcA,EAAA,MAAA,EAAA,CAAA,glJAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDCa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAb/B,SAAS;+BACC,gBAAgB,EAAA,aAAA,EAGX,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACL,wBAAA,KAAK,EAAE,YAAY;AACnB,wBAAA,IAAI,EAAE,MAAM;AACZ,wBAAA,EAAE,EAAE,cAAc;AAClB,wBAAA,QAAQ,EAAE,IAAI;AACd,qBAAA,EAAA,QAAA,EAAA,8gBAAA,EAAA,MAAA,EAAA,CAAA,glJAAA,CAAA,EAAA;;;AEbF;;AAEG;;;;"}
1
+ {"version":3,"file":"lucca-front-ng-main-layout.mjs","sources":["../../../packages/ng/main-layout/block/main-layout-block.component.ts","../../../packages/ng/main-layout/main-layout.component.ts","../../../packages/ng/main-layout/main-layout.component.html","../../../packages/ng/main-layout/lucca-front-ng-main-layout.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-main-layout-block',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\ttemplate: `<ng-content />`,\n\thost: {\n\t\tclass: 'mainLayout-content-inside-block',\n\t\t'[class.mod-overflow]': 'overflow()',\n\t},\n})\nexport class MainLayoutBlockComponent {\n\treadonly overflow = input(false, { transform: booleanAttribute });\n}\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-main-layout',\n\tstyleUrl: './main-layout.component.scss',\n\ttemplateUrl: './main-layout.component.html',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'mainLayout',\n\t\trole: 'main',\n\t\tid: 'main-content',\n\t\ttabindex: '-1',\n\t},\n})\nexport class MainLayoutComponent {\n\t/**\n\t * Sticks header on the screen\n\t */\n\treadonly headerSticky = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Sticks footer on the screen\n\t */\n\treadonly footerSticky = input(false, { transform: booleanAttribute });\n}\n","<div class=\"mainLayout-sidebar\">\n\t<ng-content select=\"[mainLayoutSidebar]\" />\n</div>\n<div class=\"mainLayout-content\">\n\t<div class=\"mainLayout-content-inside\">\n\t\t<div class=\"mainLayout-content-inside-header\" [class.mod-sticky]=\"headerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutHeader]\" />\n\t\t</div>\n\t\t<ng-content />\n\t\t<div class=\"mainLayout-content-inside-footer\" [class.mod-sticky]=\"footerSticky()\">\n\t\t\t<ng-content select=\"[mainLayoutFooter]\" />\n\t\t</div>\n\t</div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAYa,wBAAwB,CAAA;AAVrC,IAAA,WAAA,GAAA;QAWU,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACjE,IAAA;8GAFY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,8UAN1B,CAAA,cAAA,CAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAMd,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAVpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,sBAAsB;oBAChC,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE,CAAA,cAAA,CAAgB;AAC1B,oBAAA,IAAI,EAAE;AACL,wBAAA,KAAK,EAAE,iCAAiC;AACxC,wBAAA,sBAAsB,EAAE,YAAY;AACpC,qBAAA;AACD,iBAAA;;;MCIY,mBAAmB,CAAA;AAbhC,IAAA,WAAA,GAAA;AAcC;;AAEG;QACM,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,KAAK,yDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAErE;;AAEG;QACM,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,KAAK,yDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACrE,IAAA;8GAVY,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,geCfhC,8gBAcA,EAAA,MAAA,EAAA,CAAA,o5IAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDCa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAb/B,SAAS;+BACC,gBAAgB,EAAA,aAAA,EAGX,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACL,wBAAA,KAAK,EAAE,YAAY;AACnB,wBAAA,IAAI,EAAE,MAAM;AACZ,wBAAA,EAAE,EAAE,cAAc;AAClB,wBAAA,QAAQ,EAAE,IAAI;AACd,qBAAA,EAAA,QAAA,EAAA,8gBAAA,EAAA,MAAA,EAAA,CAAA,o5IAAA,CAAA,EAAA;;;AEbF;;AAEG;;;;"}
@@ -98,7 +98,7 @@ class MobilePushComponent {
98
98
  this.googlePlayLinkClicked = output();
99
99
  }
100
100
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MobilePushComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
101
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.8", type: MobilePushComponent, isStandalone: true, selector: "lu-mobile-push", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { appStoreLinkClicked: "appStoreLinkClicked", googlePlayLinkClicked: "googlePlayLinkClicked" }, ngImport: i0, template: "<div class=\"mobilePush-containerWrapper\">\n\t<div class=\"mobilePush\">\n\t\t<div class=\"mobilePush-icons\">\n\t\t\t<lu-icon class=\"mobilePush-icons-front\" icon=\"deviceMobile\" size=\"S\" />\n\t\t\t<img class=\"mobilePush-icons-back\" alt=\"\" src=\"https://cdn.lucca.fr/transverse/prisme/visuals/plg-push/shape.svg\" />\n\t\t</div>\n\t\t<div class=\"mobilePush-content\">\n\t\t\t<div class=\"mobilePush-content-description\"><ng-content /></div>\n\t\t\t<div class=\"mobilePush-content-downloadApps\">\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t[attr.href]=\"intl().urlAppStore\"\n\t\t\t\t\tclass=\"mobilePush-content-downloadApps-link\"\n\t\t\t\t\t(click)=\"appStoreLinkClicked.emit()\"\n\t\t\t\t\t[luTooltip]=\"intl().newTab\"\n\t\t\t\t>\n\t\t\t\t\t<img class=\"mobilePush-content-downloadApps-link-badge\" [attr.alt]=\"intl().altAppStore\" [attr.src]=\"intl().srcAppStore\" />\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t[attr.href]=\"intl().urlGooglePlay\"\n\t\t\t\t\tclass=\"mobilePush-content-downloadApps-link\"\n\t\t\t\t\t(click)=\"googlePlayLinkClicked.emit()\"\n\t\t\t\t\t[luTooltip]=\"intl().newTab\"\n\t\t\t\t>\n\t\t\t\t\t<img class=\"mobilePush-content-downloadApps-link-badge\" [attr.alt]=\"intl().altGooglePlay\" [attr.src]=\"intl().srcGooglePlay\" />\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@layer components{.mobilePush-containerWrapper{--components-mobilePush-flex-direction: row;--components-mobilePush-content-align-items: center;--components-mobilePush-icon-content-align-items: center;--components-mobilePush-align-gap: var(--pr-t-spacings-100);container:mobilePush/inline-size}.mobilePush{display:flex;align-items:var(--components-mobilePush-icon-content-align-items);gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-100);font:var(--pr-t-font-body-S);border:var(--commons-divider-width) var(--commons-divider-style) var(--palettes-brand-200);border-radius:var(--pr-t-border-radius-default);background-color:var(--palettes-brand-50)}.mobilePush-icons{display:grid;grid-template:1fr/1fr;justify-items:center;align-items:center}.mobilePush-icons-front{grid-area:1/1;color:var(--palettes-brand-600);z-index:1;padding-inline-start:.0625rem;padding-block-end:var(--pr-t-spacings-25)}.mobilePush-icons-back{grid-area:1/1}.mobilePush-content{display:flex;flex-direction:var(--components-mobilePush-flex-direction);align-items:var(--components-mobilePush-content-align-items);justify-content:space-between;flex-grow:1;gap:var(--components-mobilePush-align-gap)}.mobilePush-content-downloadApps{display:flex;gap:var(--pr-t-spacings-50)}.mobilePush-content-downloadApps-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer}.mobilePush-content-downloadApps-link-badge{display:block;height:1.75rem}}@layer mods{@container mobilePush not (min-width: 30rem){.mobilePush-containerWrapper .mobilePush{--components-mobilePush-flex-direction: column;--components-mobilePush-content-align-items: flex-start;--components-mobilePush-icon-content-align-items: flex-start}}}@layer base{lu-mobile-push{display:contents}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "pr-icon,lu-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipOnlyForDisplay", "luTooltipPosition", "luTooltipWhenEllipsis", "luTooltipAnchor", "id"], exportAs: ["luTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
101
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.8", type: MobilePushComponent, isStandalone: true, selector: "lu-mobile-push", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { appStoreLinkClicked: "appStoreLinkClicked", googlePlayLinkClicked: "googlePlayLinkClicked" }, ngImport: i0, template: "<div class=\"mobilePush-containerWrapper\">\n\t<div class=\"mobilePush\">\n\t\t<div class=\"mobilePush-icons\">\n\t\t\t<lu-icon class=\"mobilePush-icons-front\" icon=\"deviceMobile\" size=\"S\" />\n\t\t\t<img class=\"mobilePush-icons-back\" alt=\"\" src=\"https://cdn.lucca.fr/transverse/prisme/visuals/plg-push/shape.svg\" />\n\t\t</div>\n\t\t<div class=\"mobilePush-content\">\n\t\t\t<div class=\"mobilePush-content-description\"><ng-content /></div>\n\t\t\t<div class=\"mobilePush-content-downloadApps\">\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t[attr.href]=\"intl().urlAppStore\"\n\t\t\t\t\tclass=\"mobilePush-content-downloadApps-link\"\n\t\t\t\t\t(click)=\"appStoreLinkClicked.emit()\"\n\t\t\t\t\t[luTooltip]=\"intl().newTab\"\n\t\t\t\t>\n\t\t\t\t\t<img class=\"mobilePush-content-downloadApps-link-badge\" [attr.alt]=\"intl().altAppStore\" [attr.src]=\"intl().srcAppStore\" />\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t[attr.href]=\"intl().urlGooglePlay\"\n\t\t\t\t\tclass=\"mobilePush-content-downloadApps-link\"\n\t\t\t\t\t(click)=\"googlePlayLinkClicked.emit()\"\n\t\t\t\t\t[luTooltip]=\"intl().newTab\"\n\t\t\t\t>\n\t\t\t\t\t<img class=\"mobilePush-content-downloadApps-link-badge\" [attr.alt]=\"intl().altGooglePlay\" [attr.src]=\"intl().srcGooglePlay\" />\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n", styles: ["@layer components{.mobilePush-containerWrapper{--components-mobilePush-flex-direction: row;--components-mobilePush-content-align-items: center;--components-mobilePush-icon-content-align-items: center;--components-mobilePush-align-gap: var(--pr-t-spacings-100);container:mobilePush/inline-size}.mobilePush{display:flex;align-items:var(--components-mobilePush-icon-content-align-items);gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-100);font:var(--pr-t-font-body-S);border:var(--commons-divider-width) var(--commons-divider-style) var(--palettes-brand-200);border-radius:var(--pr-t-border-radius-default);background-color:var(--palettes-brand-50)}.mobilePush-icons{display:grid;grid-template:1fr/1fr;justify-items:center;align-items:center}.mobilePush-icons-front{grid-area:1/1;color:var(--palettes-brand-600);z-index:1;padding-inline-start:.0625rem;padding-block-end:var(--pr-t-spacings-25)}.mobilePush-icons-back{grid-area:1/1}.mobilePush-content{display:flex;flex-direction:var(--components-mobilePush-flex-direction);align-items:var(--components-mobilePush-content-align-items);justify-content:space-between;flex-grow:1;gap:var(--components-mobilePush-align-gap)}.mobilePush-content-downloadApps{display:flex;gap:var(--pr-t-spacings-50)}.mobilePush-content-downloadApps-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer}.mobilePush-content-downloadApps-link-badge{display:block;height:1.75rem}}@layer mods{@container mobilePush not (min-width: 30rem){.mobilePush-containerWrapper .mobilePush{--components-mobilePush-flex-direction: column;--components-mobilePush-content-align-items: flex-start;--components-mobilePush-icon-content-align-items: flex-start}}}@layer base{lu-mobile-push{display:contents}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipOnlyForDisplay", "luTooltipPosition", "luTooltipWhenEllipsis", "luTooltipAnchor", "id"], exportAs: ["luTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
102
102
  }
103
103
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: MobilePushComponent, decorators: [{
104
104
  type: Component,
@@ -1 +1 @@
1
- {"version":3,"file":"lucca-front-ng-mobile-push.mjs","sources":["../../../packages/ng/mobile-push/translations.ts","../../../packages/ng/mobile-push/mobile-push.translate.ts","../../../packages/ng/mobile-push/mobile-push.component.ts","../../../packages/ng/mobile-push/mobile-push.component.html","../../../packages/ng/mobile-push/lucca-front-ng-mobile-push.ts"],"sourcesContent":["export const Translations = {\n\ten: {\n\t\turlAppStore: 'https://apps.apple.com/fr/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Get it on Google Play',\n\t\taltAppStore: 'Download from the App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',\n\t\tnewTab: 'Open in a new tab',\n\t},\n\tde: {\n\t\turlAppStore: 'https://apps.apple.com/de/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Jetzt bei Google Play',\n\t\taltAppStore: 'Aus dem App Store herunterladen',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-de.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-de.svg',\n\t\tnewTab: 'In einem neuen Tab öffnen',\n\t},\n\tfr: {\n\t\turlAppStore: 'https://apps.apple.com/fr/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Disponible sur Google Play',\n\t\taltAppStore: 'Télécharger dans l’App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',\n\t\tnewTab: 'Ouvrir dans un nouvel onglet',\n\t},\n\tit: {\n\t\turlAppStore: 'https://apps.apple.com/fr/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Tempo e attività?id=net.ilucca.tempo e attività_pwa.twa',\n\t\taltGooglePlay: 'Disponibile su Google Play',\n\t\taltAppStore: \"Scaricare nell'App Store\",\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',\n\t\tnewTab: 'Aprire in una nuova scheda',\n\t},\n\tnl: {\n\t\turlAppStore: 'https://apps.apple.com/fr/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Beschikbaar op Google Play',\n\t\taltAppStore: 'Downloaden in de App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',\n\t\tnewTab: 'Openen in een nieuw tabblad',\n\t},\n\t'nl-BE': {\n\t\turlAppStore: 'https://apps.apple.com/nl/app/lucca-hr/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Ontdk het op Google Play',\n\t\taltAppStore: 'Download in de App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-nl.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-nl.svg',\n\t\tnewTab: 'Openen in een nieuw tabblad',\n\t},\n\tes: {\n\t\turlAppStore: 'https://apps.apple.com/es/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Descargar en Google Play',\n\t\taltAppStore: 'Descargar en App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',\n\t\tnewTab: 'Abrir en una pestaña nueva',\n\t},\n\tpt: {\n\t\turlAppStore: 'https://apps.apple.com/pt/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Obter no Goggle Play',\n\t\taltAppStore: 'Descarregar na App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-pt.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-pt.svg',\n\t\tnewTab: 'Abrir num novo separador',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_MOBILE_PUSH_TRANSLATIONS = new InjectionToken('luMobilePushTranslations', {\n\tfactory: () => luMobilePushTranslations,\n});\n\nexport interface MobilePushTranslate {\n\turlAppStore: string;\n\turlGooglePlay: string;\n\taltAppStore: string;\n\taltGooglePlay: string;\n\tsrcAppStore: string;\n\tsrcGooglePlay: string;\n\tnewTab: string;\n}\n\nexport const luMobilePushTranslations: LuTranslation<MobilePushTranslate> = Translations;\n","import { ChangeDetectionStrategy, Component, input, output, ViewEncapsulation } from '@angular/core';\nimport { intlInputOptions } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LuTooltipModule } from '@lucca-front/ng/tooltip';\nimport { LU_MOBILE_PUSH_TRANSLATIONS } from './mobile-push.translate';\n\n@Component({\n\tselector: 'lu-mobile-push',\n\tstandalone: true,\n\timports: [IconComponent, LuTooltipModule],\n\ttemplateUrl: './mobile-push.component.html',\n\tstyleUrl: './mobile-push.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class MobilePushComponent {\n\tintl = input(...intlInputOptions(LU_MOBILE_PUSH_TRANSLATIONS));\n\n\t/**\n\t * Emit event when appStoreLink is clicked\n\t */\n\tappStoreLinkClicked = output<void>();\n\n\t/**\n\t * Emit event when googlePlayLink is clicked\n\t */\n\tgooglePlayLinkClicked = output<void>();\n}\n","<div class=\"mobilePush-containerWrapper\">\n\t<div class=\"mobilePush\">\n\t\t<div class=\"mobilePush-icons\">\n\t\t\t<lu-icon class=\"mobilePush-icons-front\" icon=\"deviceMobile\" size=\"S\" />\n\t\t\t<img class=\"mobilePush-icons-back\" alt=\"\" src=\"https://cdn.lucca.fr/transverse/prisme/visuals/plg-push/shape.svg\" />\n\t\t</div>\n\t\t<div class=\"mobilePush-content\">\n\t\t\t<div class=\"mobilePush-content-description\"><ng-content /></div>\n\t\t\t<div class=\"mobilePush-content-downloadApps\">\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t[attr.href]=\"intl().urlAppStore\"\n\t\t\t\t\tclass=\"mobilePush-content-downloadApps-link\"\n\t\t\t\t\t(click)=\"appStoreLinkClicked.emit()\"\n\t\t\t\t\t[luTooltip]=\"intl().newTab\"\n\t\t\t\t>\n\t\t\t\t\t<img class=\"mobilePush-content-downloadApps-link-badge\" [attr.alt]=\"intl().altAppStore\" [attr.src]=\"intl().srcAppStore\" />\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t[attr.href]=\"intl().urlGooglePlay\"\n\t\t\t\t\tclass=\"mobilePush-content-downloadApps-link\"\n\t\t\t\t\t(click)=\"googlePlayLinkClicked.emit()\"\n\t\t\t\t\t[luTooltip]=\"intl().newTab\"\n\t\t\t\t>\n\t\t\t\t\t<img class=\"mobilePush-content-downloadApps-link-badge\" [attr.alt]=\"intl().altGooglePlay\" [attr.src]=\"intl().srcGooglePlay\" />\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"lucca-front-ng-mobile-push.mjs","sources":["../../../packages/ng/mobile-push/translations.ts","../../../packages/ng/mobile-push/mobile-push.translate.ts","../../../packages/ng/mobile-push/mobile-push.component.ts","../../../packages/ng/mobile-push/mobile-push.component.html","../../../packages/ng/mobile-push/lucca-front-ng-mobile-push.ts"],"sourcesContent":["export const Translations = {\n\ten: {\n\t\turlAppStore: 'https://apps.apple.com/fr/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Get it on Google Play',\n\t\taltAppStore: 'Download from the App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',\n\t\tnewTab: 'Open in a new tab',\n\t},\n\tde: {\n\t\turlAppStore: 'https://apps.apple.com/de/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Jetzt bei Google Play',\n\t\taltAppStore: 'Aus dem App Store herunterladen',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-de.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-de.svg',\n\t\tnewTab: 'In einem neuen Tab öffnen',\n\t},\n\tfr: {\n\t\turlAppStore: 'https://apps.apple.com/fr/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Disponible sur Google Play',\n\t\taltAppStore: 'Télécharger dans l’App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',\n\t\tnewTab: 'Ouvrir dans un nouvel onglet',\n\t},\n\tit: {\n\t\turlAppStore: 'https://apps.apple.com/fr/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Tempo e attività?id=net.ilucca.tempo e attività_pwa.twa',\n\t\taltGooglePlay: 'Disponibile su Google Play',\n\t\taltAppStore: \"Scaricare nell'App Store\",\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',\n\t\tnewTab: 'Aprire in una nuova scheda',\n\t},\n\tnl: {\n\t\turlAppStore: 'https://apps.apple.com/fr/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Beschikbaar op Google Play',\n\t\taltAppStore: 'Downloaden in de App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',\n\t\tnewTab: 'Openen in een nieuw tabblad',\n\t},\n\t'nl-BE': {\n\t\turlAppStore: 'https://apps.apple.com/nl/app/lucca-hr/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Ontdk het op Google Play',\n\t\taltAppStore: 'Download in de App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-nl.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-nl.svg',\n\t\tnewTab: 'Openen in een nieuw tabblad',\n\t},\n\tes: {\n\t\turlAppStore: 'https://apps.apple.com/es/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Descargar en Google Play',\n\t\taltAppStore: 'Descargar en App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-fr.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-fr.svg',\n\t\tnewTab: 'Abrir en una pestaña nueva',\n\t},\n\tpt: {\n\t\turlAppStore: 'https://apps.apple.com/pt/app/lucca/id1575212411',\n\t\turlGooglePlay: 'https://play.google.com/store/apps/details/Timmi?id=net.ilucca.timmi_pwa.twa',\n\t\taltGooglePlay: 'Obter no Goggle Play',\n\t\taltAppStore: 'Descarregar na App Store',\n\t\tsrcAppStore: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-app-store-pt.svg',\n\t\tsrcGooglePlay: 'https://cdn.lucca.fr/transverse/prisme/visuals/mobile-push/badge-google-play-store-pt.svg',\n\t\tnewTab: 'Abrir num novo separador',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_MOBILE_PUSH_TRANSLATIONS = new InjectionToken('luMobilePushTranslations', {\n\tfactory: () => luMobilePushTranslations,\n});\n\nexport interface MobilePushTranslate {\n\turlAppStore: string;\n\turlGooglePlay: string;\n\taltAppStore: string;\n\taltGooglePlay: string;\n\tsrcAppStore: string;\n\tsrcGooglePlay: string;\n\tnewTab: string;\n}\n\nexport const luMobilePushTranslations: LuTranslation<MobilePushTranslate> = Translations;\n","import { ChangeDetectionStrategy, Component, input, output, ViewEncapsulation } from '@angular/core';\nimport { intlInputOptions } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LuTooltipModule } from '@lucca-front/ng/tooltip';\nimport { LU_MOBILE_PUSH_TRANSLATIONS } from './mobile-push.translate';\n\n@Component({\n\tselector: 'lu-mobile-push',\n\tstandalone: true,\n\timports: [IconComponent, LuTooltipModule],\n\ttemplateUrl: './mobile-push.component.html',\n\tstyleUrl: './mobile-push.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n})\nexport class MobilePushComponent {\n\tintl = input(...intlInputOptions(LU_MOBILE_PUSH_TRANSLATIONS));\n\n\t/**\n\t * Emit event when appStoreLink is clicked\n\t */\n\tappStoreLinkClicked = output<void>();\n\n\t/**\n\t * Emit event when googlePlayLink is clicked\n\t */\n\tgooglePlayLinkClicked = output<void>();\n}\n","<div class=\"mobilePush-containerWrapper\">\n\t<div class=\"mobilePush\">\n\t\t<div class=\"mobilePush-icons\">\n\t\t\t<lu-icon class=\"mobilePush-icons-front\" icon=\"deviceMobile\" size=\"S\" />\n\t\t\t<img class=\"mobilePush-icons-back\" alt=\"\" src=\"https://cdn.lucca.fr/transverse/prisme/visuals/plg-push/shape.svg\" />\n\t\t</div>\n\t\t<div class=\"mobilePush-content\">\n\t\t\t<div class=\"mobilePush-content-description\"><ng-content /></div>\n\t\t\t<div class=\"mobilePush-content-downloadApps\">\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t[attr.href]=\"intl().urlAppStore\"\n\t\t\t\t\tclass=\"mobilePush-content-downloadApps-link\"\n\t\t\t\t\t(click)=\"appStoreLinkClicked.emit()\"\n\t\t\t\t\t[luTooltip]=\"intl().newTab\"\n\t\t\t\t>\n\t\t\t\t\t<img class=\"mobilePush-content-downloadApps-link-badge\" [attr.alt]=\"intl().altAppStore\" [attr.src]=\"intl().srcAppStore\" />\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t[attr.href]=\"intl().urlGooglePlay\"\n\t\t\t\t\tclass=\"mobilePush-content-downloadApps-link\"\n\t\t\t\t\t(click)=\"googlePlayLinkClicked.emit()\"\n\t\t\t\t\t[luTooltip]=\"intl().newTab\"\n\t\t\t\t>\n\t\t\t\t\t<img class=\"mobilePush-content-downloadApps-link-badge\" [attr.alt]=\"intl().altGooglePlay\" [attr.src]=\"intl().srcGooglePlay\" />\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -6,7 +6,7 @@ import { AsyncPipe, NgClass } from '@angular/common';
6
6
  import { getIntl } from '@lucca-front/ng/core';
7
7
  import * as i3 from '@lucca-front/ng/tooltip';
8
8
  import { LuTooltipModule } from '@lucca-front/ng/tooltip';
9
- import { ReplaySubject, Subject, Subscription, Observable, timer, of, isObservable } from 'rxjs';
9
+ import { ReplaySubject, Subject, Subscription, Observable, timer, isObservable, of } from 'rxjs';
10
10
  import { map, tap, delay, distinctUntilChanged, switchMap } from 'rxjs/operators';
11
11
  import { ALuPopupRef } from '@lucca-front/ng/popup';
12
12
  import { ComponentPortal } from '@angular/cdk/portal';
@@ -351,7 +351,7 @@ class DialogContentAdapterComponent {
351
351
  }).instance;
352
352
  }
353
353
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: DialogContentAdapterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
354
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: DialogContentAdapterComponent, isStandalone: true, selector: "lu-dialog-content-adapter", viewQueries: [{ propertyName: "contentProjectionRef", first: true, predicate: ["contentProjectionRef"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<lu-dialog>\n\t<lu-dialog-header\n\t\t><h1>{{ title$ | async }}</h1></lu-dialog-header\n\t>\n\t<lu-dialog-content>\n\t\t<ng-container #contentProjectionRef />\n\t</lu-dialog-content>\n\t<lu-dialog-footer>\n\t\t<div class=\"footer-actions\">\n\t\t\t@if (hasSubmit$ | async) {\n\t\t\t\t<button\n\t\t\t\t\tluButton\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t[palette]=\"submitPalette\"\n\t\t\t\t\t[disabled]=\"submitDisabled$ | async\"\n\t\t\t\t\t[class]=\"submitClass()\"\n\t\t\t\t\t(click)=\"submit()\"\n\t\t\t\t>\n\t\t\t\t\t{{ submitLabel$ | async }}\n\t\t\t\t\t@if (hasSubmitCounter$ | async) {\n\t\t\t\t\t\t<lu-numeric-badge disableTooltip palette=\"product\" [value]=\"submitCounter$ | async\" />\n\t\t\t\t\t}\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<button luButton type=\"button\" class=\"button mod-ghost\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\n\t\t</div>\n\t</lu-dialog-footer>\n</lu-dialog>\n", dependencies: [{ kind: "component", type: DialogComponent, selector: "lu-dialog", inputs: ["stacked"] }, { kind: "component", type: DialogHeaderComponent, selector: "lu-dialog-header", inputs: ["intl"] }, { kind: "component", type: DialogContentComponent, selector: "lu-dialog-content" }, { kind: "component", type: DialogFooterComponent, selector: "lu-dialog-footer" }, { kind: "component", type: ButtonComponent, selector: "button[prButton], a[prButton], span[prButton], button[luButton], a[luButton], span[luButton]", inputs: ["size", "block", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }, { kind: "component", type: NumericBadgeComponent, selector: "lu-numeric-badge", inputs: ["value", "size", "palette", "loading", "maxValue", "disableTooltip"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
354
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: DialogContentAdapterComponent, isStandalone: true, selector: "lu-dialog-content-adapter", viewQueries: [{ propertyName: "contentProjectionRef", first: true, predicate: ["contentProjectionRef"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<lu-dialog>\n\t<lu-dialog-header\n\t\t><h1>{{ title$ | async }}</h1></lu-dialog-header\n\t>\n\t<lu-dialog-content>\n\t\t<ng-container #contentProjectionRef />\n\t</lu-dialog-content>\n\t<lu-dialog-footer>\n\t\t<div class=\"footer-actions\">\n\t\t\t@if (hasSubmit$ | async) {\n\t\t\t\t<button\n\t\t\t\t\tluButton\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t[palette]=\"submitPalette\"\n\t\t\t\t\t[disabled]=\"submitDisabled$ | async\"\n\t\t\t\t\t[class]=\"submitClass()\"\n\t\t\t\t\t(click)=\"submit()\"\n\t\t\t\t>\n\t\t\t\t\t{{ submitLabel$ | async }}\n\t\t\t\t\t@if (hasSubmitCounter$ | async) {\n\t\t\t\t\t\t<lu-numeric-badge disableTooltip palette=\"product\" [value]=\"submitCounter$ | async\" />\n\t\t\t\t\t}\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<button luButton type=\"button\" class=\"button mod-ghost\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\n\t\t</div>\n\t</lu-dialog-footer>\n</lu-dialog>\n", dependencies: [{ kind: "component", type: DialogComponent, selector: "lu-dialog", inputs: ["stacked"] }, { kind: "component", type: DialogHeaderComponent, selector: "lu-dialog-header", inputs: ["intl"] }, { kind: "component", type: DialogContentComponent, selector: "lu-dialog-content" }, { kind: "component", type: DialogFooterComponent, selector: "lu-dialog-footer" }, { kind: "component", type: ButtonComponent, selector: "button[luButton], a[luButton], span[luButton], button[prButton], a[prButton], span[prButton]", inputs: ["size", "block", "critical", "delete", "disclosure", "palette", "state", "luButton", "prButton"] }, { kind: "component", type: NumericBadgeComponent, selector: "lu-numeric-badge", inputs: ["value", "size", "palette", "loading", "maxValue", "disableTooltip"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
355
355
  }
356
356
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: DialogContentAdapterComponent, decorators: [{
357
357
  type: Component,
@@ -270,7 +270,7 @@ class LuMultiSelectPanelComponent {
270
270
  provide: SELECT_PANEL_INSTANCE,
271
271
  useExisting: forwardRef(() => LuMultiSelectPanelComponent),
272
272
  },
273
- ], ngImport: i0, template: "@if (\n\t{\n\t\toptions: (options$ | async) || [],\n\t\tclueChange: (clueChange$ | async) || \"\",\n\t\tgroupTemplateLocation: groupTemplateLocation$ | async,\n\t\tshouldDisplayAddOption: shouldDisplayAddOption$ | async,\n\t};\n\tas ctx\n) {\n\t<div class=\"lu-picker-panel lu-option-picker-panel mod-multiple\" data-testid=\"dialog-panel\">\n\t\t<div\n\t\t\tclass=\"lu-picker-content\"\n\t\t\t[class.is-loading]=\"loading$ | async\"\n\t\t\t[class.is-filled]=\"ctx.options.length > 0\"\n\t\t\ttabindex=\"0\"\n\t\t\trole=\"listbox\"\n\t\t\taria-multiselectable=\"true\"\n\t\t\t(scroll)=\"onScroll($event)\"\n\t\t>\n\t\t\t@if (selectInput.panelHeaderTpl(); as tpl) {\n\t\t\t\t<div>\n\t\t\t\t\t<ng-container *luPortal=\"tpl\" />\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t<div class=\"lu-picker-content-option\">\n\t\t\t\t@if (grouping() && ctx.groupTemplateLocation === \"group-header\") {\n\t\t\t\t\t@for (\n\t\t\t\t\t\tgroup of ctx.options | luOptionGroup: grouping().selector;\n\t\t\t\t\t\ttrack trackGroupsBy(groupIndex, group);\n\t\t\t\t\t\tlet groupIndex = $index\n\t\t\t\t\t) {\n\t\t\t\t\t\t<div class=\"lu-picker-content-group\" role=\"group\" attr.aria-labelledby=\"lu-select-{{ selectId }}-group-{{ groupIndex }}\">\n\t\t\t\t\t\t\t@let groupCtx = group.options | luOptionsGroupContext: selectedOptions : optionComparer;\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tluCoreSelectPanelElement\n\t\t\t\t\t\t\t\telementId=\"lu-select-{{ selectId }}-group-{{ groupIndex }}\"\n\t\t\t\t\t\t\t\tclass=\"lu-picker-content-option-group-title\"\n\t\t\t\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\t\t\t\t(selected)=\"toggleOptions(groupCtx.notSelectedOptions, group.options)\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span #groupingTitleRef>\n\t\t\t\t\t\t\t\t\t<ng-container *luPortal=\"grouping().content; context: { $implicit: group }\" />\n\t\t\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t\t\t@if (someGroupOptionEnabled()(group.options)) {\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tclass=\"link\"\n\t\t\t\t\t\t\t\t\t\t(click)=\"toggleOptions(groupCtx.notSelectedOptions, group.options)\"\n\t\t\t\t\t\t\t\t\t\t[id]=\"selectId + '-group-' + group.key\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span class=\"pr-u-mask\">{{ groupingTitleRef.innerText }}&nbsp;\u2013 </span\n\t\t\t\t\t\t\t\t\t\t>{{ groupCtx.isGroupSelected ? intl().unselectAll : intl().selectAll }}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"optionsList\"\n\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: group.options, groupIndex: groupIndex }\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t@if (!grouping() || ctx.groupTemplateLocation !== \"group-header\") {\n\t\t\t\t\t<ng-template [ngTemplateOutlet]=\"optionsList\" [ngTemplateOutletContext]=\"{ $implicit: ctx.options }\" />\n\t\t\t\t}\n\t\t\t\t<ng-template #optionsList let-options let-groupIndex=\"groupIndex\">\n\t\t\t\t\t@if (treeGenerator) {\n\t\t\t\t\t\t@for (branch of options | luTreeDisplay: treeGenerator; let index = $index; track trackBranchesBy(index, branch)) {\n\t\t\t\t\t\t\t<lu-tree-branch\n\t\t\t\t\t\t\t\t[branch]=\"branch\"\n\t\t\t\t\t\t\t\t[optionTpl]=\"optionTpl()\"\n\t\t\t\t\t\t\t\t[selectedOptions]=\"selectedOptions\"\n\t\t\t\t\t\t\t\t[optionComparer]=\"optionComparer\"\n\t\t\t\t\t\t\t\t[optionIndex]=\"index\"\n\t\t\t\t\t\t\t\t(toggleOne)=\"toggleOption($event)\"\n\t\t\t\t\t\t\t\t(selectMany)=\"toggleOptions($event, [])\"\n\t\t\t\t\t\t\t\t(unselectMany)=\"toggleOptions([], $event)\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t@for (option of options; track trackOptionsBy(index, option); let index = $index) {\n\t\t\t\t\t\t\t<lu-select-option\n\t\t\t\t\t\t\t\tluCoreSelectPanelElement\n\t\t\t\t\t\t\t\t[option]=\"option\"\n\t\t\t\t\t\t\t\t[optionTpl]=\"optionTpl()\"\n\t\t\t\t\t\t\t\t[optionIndex]=\"index\"\n\t\t\t\t\t\t\t\t[grouping]=\"ctx.groupTemplateLocation === 'option' ? grouping() : undefined\"\n\t\t\t\t\t\t\t\t[groupIndex]=\"groupIndex\"\n\t\t\t\t\t\t\t\t[groupTemplateLocation]=\"ctx.groupTemplateLocation\"\n\t\t\t\t\t\t\t\t[scrollIntoViewOptions]=\"{ block: 'nearest' }\"\n\t\t\t\t\t\t\t\t[isSelected]=\"option | luIsOptionSelected: optionComparer : selectedOptions\"\n\t\t\t\t\t\t\t\t(selected)=\"toggleOption(option)\"\n\t\t\t\t\t\t\t\t(click)=\"toggleOption(option)\"\n\t\t\t\t\t\t\t\t[class.withAddOption]=\"ctx.shouldDisplayAddOption\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t</ng-template>\n\t\t\t\t@if (ctx.options.length === 0 && (loading$ | async) === false) {\n\t\t\t\t\t<div class=\"lu-picker-content-option-emptyState\">\n\t\t\t\t\t\t{{ ctx.clueChange.length ? intl().emptyResults : intl().emptyOptions }}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t@if (loading$ | async) {\n\t\t\t\t<div class=\"lu-picker-content-loading\">\n\t\t\t\t\t<div class=\"loading\">{{ intl().loading }}</div>\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t@if (ctx.shouldDisplayAddOption) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"addOption palette-product\"\n\t\t\t\t\t[class.is-stuck]=\"true\"\n\t\t\t\t\t(click)=\"selectInput.emitAddOption()\"\n\t\t\t\t\t(selected)=\"selectInput.emitAddOption()\"\n\t\t\t\t\telementId=\"picker-content-add\"\n\t\t\t\t\tluCoreSelectPanelElement\n\t\t\t\t>\n\t\t\t\t\t<div class=\"addOption-content\">\n\t\t\t\t\t\t<lu-icon icon=\"mathsPlus\" />\n\t\t\t\t\t\t<ng-container *luPortal=\"selectInput.addOptionLabel\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t</div>\n}\n", styles: ["@layer components{.optionItem-groupKey{padding-block:var(--components-options-item-padding-vertical) var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);font:var(--pr-t-font-body-S);inline-size:100%;text-align:start;color:var(--palettes-neutral-600);margin:0}}@layer components{.addOption{position:sticky;inset-block-end:0;background-color:var(--pr-t-elevation-surface-raised)}}@layer mods{.addOption.is-highlighted .addOption-content{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.addOption.is-stuck{margin-block-start:var(--pr-t-spacings-100);box-shadow:0 0 0 4px var(--pr-t-elevation-surface-raised),0 0 0 1px color-mix(in srgb,var(--palettes-neutral-400) 8%,transparent),0 0 4px 4px color-mix(in srgb,var(--palettes-neutral-400) 32%,transparent),0 0 8px 4px color-mix(in srgb,var(--palettes-neutral-400) 24%,transparent)}}@layer components{.addOption-content{--components-button-font: var(--pr-t-font-body-M);--components-button-borderRadius: var(--pr-t-border-radius-default);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-paddingBlockStart: var(--components-button-paddingBlock);--components-button-paddingBlockEnd: var(--components-button-paddingBlock);--components-button-paddingInlineStart: var(--components-button-paddingInline);--components-button-paddingInlineEnd: var(--components-button-paddingInline);--components-button-padding: var(--components-button-paddingBlockStart) var(--components-button-paddingInlineEnd) var(--components-button-paddingBlockEnd) var(--components-button-paddingInlineStart);--components-button-gap: var(--pr-t-spacings-100);--components-button-opacity: 1;--components-button-cursor: pointer;--components-button-pointerEvents: auto;--components-button-width: auto;--components-button-minWidth: none;--components-button-userSelect: auto;--components-button-boxShadow: var(--pr-t-elevation-shadow-button);--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-700, var(--palettes-product-700));--components-button-arrow-transform: none;--components-button-AI-background-opacity: 25%;--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight);--icon-size: 1.5rem;background-color:var(--components-button-backgroundColor);box-shadow:var(--components-button-boxShadow);border-radius:var(--components-button-borderRadius);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);inline-size:var(--components-button-width);min-inline-size:var(--components-button-minWidth);font:var(--components-button-font);font-size:var(--components-button-font-size);line-height:var(--components-button-line-height);font-weight:var(--pr-t-font-fontWeight-semibold);gap:var(--components-button-gap);pointer-events:var(--components-button-pointerEvents);-webkit-user-select:var(--components-button-userSelect);user-select:var(--components-button-userSelect);opacity:var(--components-button-opacity);cursor:var(--components-button-cursor);transition-timing-function:ease;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;vertical-align:middle;text-wrap:balance;text-align:center;border:0}.addOption-content,.addOption-content:is(a){color:var(--components-button-color)}.addOption-content .lucca-icon{display:block}.addOption-content .button-icon{--icon-size: 1.5rem}.addOption-content:not(.mod-outlined,.mod-outline) .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.addOption-content:hover{--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-800, var(--palettes-product-800))}.addOption-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--components-button-borderRadius)}.addOption-content:active{--components-button-backgroundColor: var(--palettes-900, var(--palettes-product-900))}.addOption-content:disabled{--components-button-cursor: default;--components-button-color: var(--palettes-neutral-500);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.addOption-content:disabled .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}.addOption-content{--components-button-width: 100%;--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.addOption-content:hover,.addOption-content:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.addOption-content:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.addOption-content:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.addOption-content{justify-content:left;--components-button-padding: var(--pr-t-spacings-50)}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: _LuOptionComponent, selector: "lu-select-option", inputs: ["intl", "optionTpl", "option", "grouping", "hasChildren", "groupIndex", "optionIndex", "scrollIntoViewOptions", "groupTemplateLocation"], outputs: ["onlyParent", "onlyChildren"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "directive", type: _CoreSelectPanelElement, selector: "[luCoreSelectPanelElement]", inputs: ["elementId", "isSelected", "option", "disabled"], outputs: ["isSelectedChange", "selected"], exportAs: ["luCoreSelectPanelElement"] }, { kind: "component", type: IconComponent, selector: "pr-icon,lu-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: TreeBranchComponent, selector: "lu-tree-branch", inputs: ["branch", "optionTpl", "optionIndex", "optionComparer", "selectedOptions", "simpleMode", "depth"], outputs: ["toggleOne", "selectMany", "unselectMany"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: LuIsOptionSelectedPipe, name: "luIsOptionSelected" }, { kind: "pipe", type: _LuOptionGroupPipe, name: "luOptionGroup" }, { kind: "pipe", type: LuOptionsGroupContextPipe, name: "luOptionsGroupContext" }, { kind: "pipe", type: TreeDisplayPipe, name: "luTreeDisplay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
273
+ ], ngImport: i0, template: "@if (\n\t{\n\t\toptions: (options$ | async) || [],\n\t\tclueChange: (clueChange$ | async) || \"\",\n\t\tgroupTemplateLocation: groupTemplateLocation$ | async,\n\t\tshouldDisplayAddOption: shouldDisplayAddOption$ | async,\n\t};\n\tas ctx\n) {\n\t<div class=\"lu-picker-panel lu-option-picker-panel mod-multiple\" data-testid=\"dialog-panel\">\n\t\t<div\n\t\t\tclass=\"lu-picker-content\"\n\t\t\t[class.is-loading]=\"loading$ | async\"\n\t\t\t[class.is-filled]=\"ctx.options.length > 0\"\n\t\t\ttabindex=\"0\"\n\t\t\trole=\"listbox\"\n\t\t\taria-multiselectable=\"true\"\n\t\t\t(scroll)=\"onScroll($event)\"\n\t\t>\n\t\t\t@if (selectInput.panelHeaderTpl(); as tpl) {\n\t\t\t\t<div>\n\t\t\t\t\t<ng-container *luPortal=\"tpl\" />\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t<div class=\"lu-picker-content-option\">\n\t\t\t\t@if (grouping() && ctx.groupTemplateLocation === \"group-header\") {\n\t\t\t\t\t@for (\n\t\t\t\t\t\tgroup of ctx.options | luOptionGroup: grouping().selector;\n\t\t\t\t\t\ttrack trackGroupsBy(groupIndex, group);\n\t\t\t\t\t\tlet groupIndex = $index\n\t\t\t\t\t) {\n\t\t\t\t\t\t<div class=\"lu-picker-content-group\" role=\"group\" attr.aria-labelledby=\"lu-select-{{ selectId }}-group-{{ groupIndex }}\">\n\t\t\t\t\t\t\t@let groupCtx = group.options | luOptionsGroupContext: selectedOptions : optionComparer;\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tluCoreSelectPanelElement\n\t\t\t\t\t\t\t\telementId=\"lu-select-{{ selectId }}-group-{{ groupIndex }}\"\n\t\t\t\t\t\t\t\tclass=\"lu-picker-content-option-group-title\"\n\t\t\t\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\t\t\t\t(selected)=\"toggleOptions(groupCtx.notSelectedOptions, group.options)\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span #groupingTitleRef>\n\t\t\t\t\t\t\t\t\t<ng-container *luPortal=\"grouping().content; context: { $implicit: group }\" />\n\t\t\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t\t\t@if (someGroupOptionEnabled()(group.options)) {\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tclass=\"link\"\n\t\t\t\t\t\t\t\t\t\t(click)=\"toggleOptions(groupCtx.notSelectedOptions, group.options)\"\n\t\t\t\t\t\t\t\t\t\t[id]=\"selectId + '-group-' + group.key\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span class=\"pr-u-mask\">{{ groupingTitleRef.innerText }}&nbsp;\u2013 </span\n\t\t\t\t\t\t\t\t\t\t>{{ groupCtx.isGroupSelected ? intl().unselectAll : intl().selectAll }}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"optionsList\"\n\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: group.options, groupIndex: groupIndex }\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t@if (!grouping() || ctx.groupTemplateLocation !== \"group-header\") {\n\t\t\t\t\t<ng-template [ngTemplateOutlet]=\"optionsList\" [ngTemplateOutletContext]=\"{ $implicit: ctx.options }\" />\n\t\t\t\t}\n\t\t\t\t<ng-template #optionsList let-options let-groupIndex=\"groupIndex\">\n\t\t\t\t\t@if (treeGenerator) {\n\t\t\t\t\t\t@for (branch of options | luTreeDisplay: treeGenerator; let index = $index; track trackBranchesBy(index, branch)) {\n\t\t\t\t\t\t\t<lu-tree-branch\n\t\t\t\t\t\t\t\t[branch]=\"branch\"\n\t\t\t\t\t\t\t\t[optionTpl]=\"optionTpl()\"\n\t\t\t\t\t\t\t\t[selectedOptions]=\"selectedOptions\"\n\t\t\t\t\t\t\t\t[optionComparer]=\"optionComparer\"\n\t\t\t\t\t\t\t\t[optionIndex]=\"index\"\n\t\t\t\t\t\t\t\t(toggleOne)=\"toggleOption($event)\"\n\t\t\t\t\t\t\t\t(selectMany)=\"toggleOptions($event, [])\"\n\t\t\t\t\t\t\t\t(unselectMany)=\"toggleOptions([], $event)\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t@for (option of options; track trackOptionsBy(index, option); let index = $index) {\n\t\t\t\t\t\t\t<lu-select-option\n\t\t\t\t\t\t\t\tluCoreSelectPanelElement\n\t\t\t\t\t\t\t\t[option]=\"option\"\n\t\t\t\t\t\t\t\t[optionTpl]=\"optionTpl()\"\n\t\t\t\t\t\t\t\t[optionIndex]=\"index\"\n\t\t\t\t\t\t\t\t[grouping]=\"ctx.groupTemplateLocation === 'option' ? grouping() : undefined\"\n\t\t\t\t\t\t\t\t[groupIndex]=\"groupIndex\"\n\t\t\t\t\t\t\t\t[groupTemplateLocation]=\"ctx.groupTemplateLocation\"\n\t\t\t\t\t\t\t\t[scrollIntoViewOptions]=\"{ block: 'nearest' }\"\n\t\t\t\t\t\t\t\t[isSelected]=\"option | luIsOptionSelected: optionComparer : selectedOptions\"\n\t\t\t\t\t\t\t\t(selected)=\"toggleOption(option)\"\n\t\t\t\t\t\t\t\t(click)=\"toggleOption(option)\"\n\t\t\t\t\t\t\t\t[class.withAddOption]=\"ctx.shouldDisplayAddOption\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t</ng-template>\n\t\t\t\t@if (ctx.options.length === 0 && (loading$ | async) === false) {\n\t\t\t\t\t<div class=\"lu-picker-content-option-emptyState\">\n\t\t\t\t\t\t{{ ctx.clueChange.length ? intl().emptyResults : intl().emptyOptions }}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t@if (loading$ | async) {\n\t\t\t\t<div class=\"lu-picker-content-loading\">\n\t\t\t\t\t<div class=\"loading\">{{ intl().loading }}</div>\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t@if (ctx.shouldDisplayAddOption) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"addOption palette-product\"\n\t\t\t\t\t[class.is-stuck]=\"true\"\n\t\t\t\t\t(click)=\"selectInput.emitAddOption()\"\n\t\t\t\t\t(selected)=\"selectInput.emitAddOption()\"\n\t\t\t\t\telementId=\"picker-content-add\"\n\t\t\t\t\tluCoreSelectPanelElement\n\t\t\t\t>\n\t\t\t\t\t<div class=\"addOption-content\">\n\t\t\t\t\t\t<lu-icon icon=\"mathsPlus\" />\n\t\t\t\t\t\t<ng-container *luPortal=\"selectInput.addOptionLabel\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t</div>\n}\n", styles: ["@layer components{.optionItem-groupKey{padding-block:var(--components-options-item-padding-vertical) var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);font:var(--pr-t-font-body-S);inline-size:100%;text-align:start;color:var(--palettes-neutral-600);margin:0}}@layer components{.addOption{position:sticky;inset-block-end:0;background-color:var(--pr-t-elevation-surface-raised)}}@layer mods{.addOption.is-highlighted .addOption-content{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.addOption.is-stuck{margin-block-start:var(--pr-t-spacings-100);box-shadow:0 0 0 4px var(--pr-t-elevation-surface-raised),0 0 0 1px color-mix(in srgb,var(--palettes-neutral-400) 8%,transparent),0 0 4px 4px color-mix(in srgb,var(--palettes-neutral-400) 32%,transparent),0 0 8px 4px color-mix(in srgb,var(--palettes-neutral-400) 24%,transparent)}}@layer components{.addOption-content{--components-button-font: var(--pr-t-font-body-M);--components-button-borderRadius: var(--pr-t-border-radius-default);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-paddingBlockStart: var(--components-button-paddingBlock);--components-button-paddingBlockEnd: var(--components-button-paddingBlock);--components-button-paddingInlineStart: var(--components-button-paddingInline);--components-button-paddingInlineEnd: var(--components-button-paddingInline);--components-button-padding: var(--components-button-paddingBlockStart) var(--components-button-paddingInlineEnd) var(--components-button-paddingBlockEnd) var(--components-button-paddingInlineStart);--components-button-gap: var(--pr-t-spacings-100);--components-button-opacity: 1;--components-button-cursor: pointer;--components-button-pointerEvents: auto;--components-button-width: auto;--components-button-minWidth: none;--components-button-userSelect: auto;--components-button-boxShadow: var(--pr-t-elevation-shadow-button);--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-700, var(--palettes-product-700));--components-button-arrow-transform: none;--components-button-AI-background-opacity: 25%;--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight);--icon-size: 1.5rem;background-color:var(--components-button-backgroundColor);box-shadow:var(--components-button-boxShadow);border-radius:var(--components-button-borderRadius);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);inline-size:var(--components-button-width);min-inline-size:var(--components-button-minWidth);font:var(--components-button-font);font-size:var(--components-button-font-size);line-height:var(--components-button-line-height);font-weight:var(--pr-t-font-fontWeight-semibold);gap:var(--components-button-gap);pointer-events:var(--components-button-pointerEvents);-webkit-user-select:var(--components-button-userSelect);user-select:var(--components-button-userSelect);opacity:var(--components-button-opacity);cursor:var(--components-button-cursor);transition-timing-function:ease;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;vertical-align:middle;text-wrap:balance;text-align:center;border:0}.addOption-content,.addOption-content:is(a){color:var(--components-button-color)}.addOption-content .lucca-icon{display:block}.addOption-content .button-icon{--icon-size: 1.5rem}.addOption-content:not(.mod-outlined,.mod-outline) .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.addOption-content:hover{--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-800, var(--palettes-product-800))}.addOption-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--components-button-borderRadius)}.addOption-content:active{--components-button-backgroundColor: var(--palettes-900, var(--palettes-product-900))}.addOption-content:disabled{--components-button-cursor: default;--components-button-color: var(--palettes-neutral-500);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.addOption-content:disabled .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}.addOption-content{--components-button-width: 100%;--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.addOption-content:hover,.addOption-content:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.addOption-content:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.addOption-content:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.addOption-content{justify-content:left;--components-button-padding: var(--pr-t-spacings-50)}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: _LuOptionComponent, selector: "lu-select-option", inputs: ["intl", "optionTpl", "option", "grouping", "hasChildren", "groupIndex", "optionIndex", "scrollIntoViewOptions", "groupTemplateLocation"], outputs: ["onlyParent", "onlyChildren"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "directive", type: _CoreSelectPanelElement, selector: "[luCoreSelectPanelElement]", inputs: ["elementId", "isSelected", "option", "disabled"], outputs: ["isSelectedChange", "selected"], exportAs: ["luCoreSelectPanelElement"] }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: TreeBranchComponent, selector: "lu-tree-branch", inputs: ["branch", "optionTpl", "optionIndex", "optionComparer", "selectedOptions", "simpleMode", "depth"], outputs: ["toggleOne", "selectMany", "unselectMany"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: LuIsOptionSelectedPipe, name: "luIsOptionSelected" }, { kind: "pipe", type: _LuOptionGroupPipe, name: "luOptionGroup" }, { kind: "pipe", type: LuOptionsGroupContextPipe, name: "luOptionsGroupContext" }, { kind: "pipe", type: TreeDisplayPipe, name: "luTreeDisplay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
274
274
  }
275
275
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LuMultiSelectPanelComponent, decorators: [{
276
276
  type: Component,