@lucca-front/ng 21.3.0-rc.7 → 21.3.1-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 (91) hide show
  1. package/fesm2022/lucca-front-ng-a11y.mjs +110 -6
  2. package/fesm2022/lucca-front-ng-a11y.mjs.map +1 -1
  3. package/fesm2022/lucca-front-ng-api.mjs +2 -2
  4. package/fesm2022/lucca-front-ng-api.mjs.map +1 -1
  5. package/fesm2022/lucca-front-ng-box.mjs +41 -4
  6. package/fesm2022/lucca-front-ng-box.mjs.map +1 -1
  7. package/fesm2022/lucca-front-ng-callout.mjs +10 -10
  8. package/fesm2022/lucca-front-ng-callout.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.mjs +35 -15
  12. package/fesm2022/lucca-front-ng-core.mjs.map +1 -1
  13. package/fesm2022/lucca-front-ng-data-table.mjs +18 -12
  14. package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
  15. package/fesm2022/lucca-front-ng-date.mjs +2 -2
  16. package/fesm2022/lucca-front-ng-date.mjs.map +1 -1
  17. package/fesm2022/lucca-front-ng-date2.mjs +6 -6
  18. package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
  19. package/fesm2022/lucca-front-ng-department.mjs +2 -2
  20. package/fesm2022/lucca-front-ng-department.mjs.map +1 -1
  21. package/fesm2022/lucca-front-ng-dialog.mjs +2 -2
  22. package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
  23. package/fesm2022/lucca-front-ng-divider.mjs +2 -2
  24. package/fesm2022/lucca-front-ng-divider.mjs.map +1 -1
  25. package/fesm2022/lucca-front-ng-establishment.mjs +2 -2
  26. package/fesm2022/lucca-front-ng-establishment.mjs.map +1 -1
  27. package/fesm2022/lucca-front-ng-file-upload.mjs +6 -6
  28. package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
  29. package/fesm2022/lucca-front-ng-filter-pills.mjs +4 -4
  30. package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
  31. package/fesm2022/lucca-front-ng-form-field.mjs +2 -2
  32. package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
  33. package/fesm2022/lucca-front-ng-form-header.mjs +2 -2
  34. package/fesm2022/lucca-front-ng-form-header.mjs.map +1 -1
  35. package/fesm2022/lucca-front-ng-form-label.mjs +7 -4
  36. package/fesm2022/lucca-front-ng-form-label.mjs.map +1 -1
  37. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +19 -4
  38. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
  39. package/fesm2022/lucca-front-ng-forms.mjs +13 -9
  40. package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
  41. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +2 -2
  42. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
  43. package/fesm2022/lucca-front-ng-impersonation.mjs +2 -2
  44. package/fesm2022/lucca-front-ng-impersonation.mjs.map +1 -1
  45. package/fesm2022/lucca-front-ng-index-table.mjs +10 -10
  46. package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -1
  47. package/fesm2022/lucca-front-ng-link.mjs +15 -4
  48. package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
  49. package/fesm2022/lucca-front-ng-multi-select.mjs +36 -18
  50. package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
  51. package/fesm2022/lucca-front-ng-numeric-badge.mjs +2 -2
  52. package/fesm2022/lucca-front-ng-numeric-badge.mjs.map +1 -1
  53. package/fesm2022/lucca-front-ng-page-header.mjs +2 -2
  54. package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
  55. package/fesm2022/lucca-front-ng-popover2.mjs +2 -2
  56. package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
  57. package/fesm2022/lucca-front-ng-resource-card.mjs +2 -2
  58. package/fesm2022/lucca-front-ng-resource-card.mjs.map +1 -1
  59. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +2 -2
  60. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs.map +1 -1
  61. package/fesm2022/lucca-front-ng-segmented-control.mjs +2 -2
  62. package/fesm2022/lucca-front-ng-segmented-control.mjs.map +1 -1
  63. package/fesm2022/lucca-front-ng-select.mjs +2 -2
  64. package/fesm2022/lucca-front-ng-select.mjs.map +1 -1
  65. package/fesm2022/lucca-front-ng-skeleton.mjs +12 -12
  66. package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
  67. package/fesm2022/lucca-front-ng-software-icon.mjs +1 -0
  68. package/fesm2022/lucca-front-ng-software-icon.mjs.map +1 -1
  69. package/fesm2022/lucca-front-ng-sortable-list.mjs +4 -4
  70. package/fesm2022/lucca-front-ng-sortable-list.mjs.map +1 -1
  71. package/fesm2022/lucca-front-ng-time.mjs +6 -4
  72. package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
  73. package/fesm2022/lucca-front-ng-user.mjs +2 -2
  74. package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
  75. package/fesm2022/lucca-front-ng-vertical-navigation.mjs +4 -4
  76. package/fesm2022/lucca-front-ng-vertical-navigation.mjs.map +1 -1
  77. package/package.json +4 -4
  78. package/schematics/lib/deprecated-mapper.js +1 -1
  79. package/schematics/lu-grid/migration.js +4 -4
  80. package/types/lucca-front-ng-a11y.d.ts +30 -2
  81. package/types/lucca-front-ng-box.d.ts +6 -1
  82. package/types/lucca-front-ng-core.d.ts +12 -8
  83. package/types/lucca-front-ng-data-table.d.ts +15 -12
  84. package/types/lucca-front-ng-form-header.d.ts +1 -1
  85. package/types/lucca-front-ng-form-label.d.ts +5 -4
  86. package/types/lucca-front-ng-forms.d.ts +3 -1
  87. package/types/lucca-front-ng-index-table.d.ts +12 -10
  88. package/types/lucca-front-ng-link.d.ts +13 -3
  89. package/types/lucca-front-ng-software-icon.d.ts +2 -2
  90. package/types/lucca-front-ng-time.d.ts +1 -0
  91. package/types/lucca-front-ng-vertical-navigation.d.ts +1 -1
package/fesm2022/lucca-front-ng-horizontal-navigation.mjs CHANGED
@@ -166,7 +166,7 @@ class HorizontalNavigationComponent {
166
166
  provide: LU_HORIZONTALNAVIGATION_INSTANCE,
167
167
  useExisting: forwardRef(() => HorizontalNavigationComponent),
168
168
  },
169
- ], queries: [{ propertyName: "links", predicate: HorizontalNavigationLinkDirective, isSignal: true }, { propertyName: "tabs", predicate: HorizontalNavigationTabComponent, isSignal: true }], viewQueries: [{ propertyName: "buttons", predicate: ["tabButton"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n\tclass=\"horizontalNavigation\"\n\t[class]=\"paletteClass()\"\n\t[class.mod-noBorder]=\"noBorder()\"\n\t[class.mod-S]=\"size() === `S`\"\n\t[class.mod-vertical]=\"vertical()\"\n>\n\t@if (container() || this.dialogRef !== null) {\n\t\t<div class=\"horizontalNavigation-containerOptional\">\n\t\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t\t</div>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t}\n</div>\n\n@if (isTablist()) {\n\t<ng-content />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\" [attr.role]=\"isTablist() ? 'tablist' : null\">\n\t\t@if (isTablist()) {\n\t\t\t@for (tab of tabs(); track $index) {\n\t\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t\t<button\n\t\t\t\t\t\t#tabButton\n\t\t\t\t\t\t[attr.tabindex]=\"selectedIndex() !== $index ? '-1' : null\"\n\t\t\t\t\t\t[attr.aria-selected]=\"selectedIndex() === $index\"\n\t\t\t\t\t\t[attr.disabled]=\"tab.disabled() ? 'disabled' : null\"\n\t\t\t\t\t\taria-controls=\"panel-{{ tab.index() }}\"\n\t\t\t\t\t\tid=\"tab-{{ tab.index() }}\"\n\t\t\t\t\t\t(keydown)=\"changeTab($event, $index)\"\n\t\t\t\t\t\t(click)=\"navigateToTabByIndex($index)\"\n\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"horizontalNavigation-list-item-action\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ng-container *luPortal=\"tab.label()\" />\n\t\t\t\t\t</button>\n\t\t\t\t</li>\n\t\t\t}\n\t\t} @else {\n\t\t\t@for (link of links(); track $index) {\n\t\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t\t\t</li>\n\t\t\t}\n\t\t}\n\t</ul>\n</ng-template>\n", styles: ["@layer components{.menu,.horizontalNavigation{--components-horizontalNavigation-borderContent: \"\";--components-horizontalNavigation-listPadding: 0;--components-horizontalNavigation-listItemActionPaddingBlock: var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionPaddingInline: 0px;--components-horizontalNavigation-listItemActionPadding: var(--components-horizontalNavigation-listItemActionPaddingBlock) var(--components-horizontalNavigation-listItemActionPaddingInline);--components-horizontalNavigation-listGap: 0 var(--pr-t-spacings-400);--components-horizontalNavigation-listDirection: row;--components-horizontalNavigation-listAlign: flex-end;--components-horizontalNavigation-listItemActionAlign: center;--components-horizontalNavigation-listItemActionTransform: scale(0, 1);--components-horizontalNavigation-listItemActionColor: var(--pr-t-color-text);--components-horizontalNavigation-listItemActionSize: 2px;--components-horizontalNavigation-listItemActionFont: inherit;--components-horizontalNavigation-listItemActionInset: auto 0 0 0;--components-horizontalNavigation-listItemActionRadius: var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0 0;--components-horizontalNavigation-listItemActionRadiusWidth: auto;--components-horizontalNavigation-listItemActionRadiusHeight: var(--components-horizontalNavigation-listItemActionSize);--components-horizontalNavigation-containerOptional-padding: var(--commons-container-padding);column-gap:var(--pr-t-spacings-400);align-items:center;display:flex;position:relative;flex-wrap:wrap;padding:var(--components-horizontalNavigation-listPadding)}.menu:after,.horizontalNavigation:after{content:var(--components-horizontalNavigation-borderContent);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;position:absolute;block-size:1px;inset:auto 0 0}.menu .label,.horizontalNavigation .label{margin-inline-end:0;background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700)}.horizontalNavigationWrapper{grid-area:overflow;min-block-size:0;display:flex;flex-direction:column}.menu-containerOptional,.horizontalNavigation-containerOptional{max-inline-size:var(--commons-container-maxWidth);padding:var(--components-horizontalNavigation-containerOptional-padding)}.menu-list,.horizontalNavigation-list{margin:0;padding:0;list-style-type:none;align-items:var(--components-horizontalNavigation-listAlign);gap:var(--components-horizontalNavigation-listGap);flex-direction:var(--components-horizontalNavigation-listDirection);display:flex;flex-grow:1;flex-wrap:wrap}.scrollBox .menu-list,.scrollBox .horizontalNavigation-list{flex-wrap:nowrap}.menu-link,.menu-list-item-action,.horizontalNavigation-list-item-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font:var(--components-horizontalNavigation-listItemActionFont);padding:var(--components-horizontalNavigation-listItemActionPadding);border-radius:var(--pr-t-border-radius-small);color:var(--components-horizontalNavigation-listItemActionColor);display:inline-flex;text-align:var(--components-horizontalNavigation-listItemActionAlign);transition-duration:var(--commons-animations-durations-fast);gap:var(--pr-t-spacings-100);align-items:center;transition-property:color;position:relative;text-decoration:none;inline-size:auto;z-index:1;scroll-margin-inline:var(--pr-t-spacings-200)}.menu-link:before,.menu-list-item-action:before,.horizontalNavigation-list-item-action:before{content:\"\";position:absolute;inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25));border-radius:var(--pr-t-border-radius-small)}.menu-link:after,.menu-list-item-action:after,.horizontalNavigation-list-item-action:after{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--components-horizontalNavigation-listItemActionRadius);transition-duration:var(--commons-animations-durations-fast);block-size:var(--components-horizontalNavigation-listItemActionRadiusHeight);inline-size:var(--components-horizontalNavigation-listItemActionRadiusWidth);transform:var(--components-horizontalNavigation-listItemActionTransform);inset:var(--components-horizontalNavigation-listItemActionInset);transition-property:transform;display:block;position:absolute;z-index:1;content:\"\"}.menu-link:focus-visible,.menu-list-item-action:focus-visible,.horizontalNavigation-list-item-action:focus-visible{outline:none!important}.menu-link:focus-visible:before,.menu-list-item-action:focus-visible:before,.horizontalNavigation-list-item-action:focus-visible:before{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.menu-link:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]){color:var(--palettes-neutral-900)}.menu-link:not(.is-disabled,[disabled]):hover .label,.menu-list-item-action:not(.is-disabled,[disabled]):hover .label,.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.menu-link:not(.is-disabled,[disabled]):hover:after,.menu-list-item-action:not(.is-disabled,[disabled]):hover:after,.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.menu-link .link-text,.menu-list-item-action .link-text,.horizontalNavigation-list-item-action .link-text{text-decoration:none}.menu-link-placeholder:after,.horizontalNavigation-link-placeholder:after{content:attr(data-content-after);display:block;block-size:0;overflow:hidden;font-weight:var(--pr-t-font-fontWeight-semibold)}.horizontalNavigation_panel{display:var(--components-horizontalNavigation-panel-display);overflow:var(--components-horizontalNavigation-panel-overflow);min-height:0;flex-direction:column}.horizontalNavigation_panel:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-2px;border-radius:var(--pr-t-border-radius-small)}.horizontalNavigation_panel:not(.is-active){display:none}}@layer mods{.menu.mod-header,.horizontalNavigation.mod-header{--components-horizontalNavigation-listPadding: 0 var(--pr-t-spacings-500)}.menu.mod-S .menu-list-item-action,.menu.mod-S .menu-link,.menu.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-S .menu-list-item-action,.horizontalNavigation.mod-S .menu-link,.horizontalNavigation.mod-S .horizontalNavigation-list-item-action{--components-horizontalNavigation-listItemActionFont: var(--pr-t-font-body-S);--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-150) 0}.menu.mod-S .menu-list-item-action:before,.menu.mod-S .menu-link:before,.menu.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-S .menu-list-item-action:before,.horizontalNavigation.mod-S .menu-link:before,.horizontalNavigation.mod-S .horizontalNavigation-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-75));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25))}.menu.mod-S .menu-link,.horizontalNavigation.mod-S .menu-link{margin-inline-end:var(--pr-t-spacings-300)}.menu.mod-S .label,.horizontalNavigation.mod-S .label{block-size:var(--pr-t-font-body-S-lineHeight);min-inline-size:var(--pr-t-font-body-S-lineHeight);line-height:var(--pr-t-font-body-S-lineHeight);padding:0}.menu.mod-S .numericBadge,.horizontalNavigation.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.menu.mod-noBorder:after,.horizontalNavigation.mod-noBorder:after{--components-horizontalNavigation-borderContent: none}.dialog .menu,.dialog .horizontalNavigation{--components-horizontalNavigation-containerOptional-padding: 0 var(--components-dialog-insideContent-paddingInline)}.menu.mod-vertical:after,.horizontalNavigation.mod-vertical:after{--components-horizontalNavigation-borderContent: none}.menu.mod-vertical .menu-list,.menu.mod-vertical .horizontalNavigation-list,.horizontalNavigation.mod-vertical .menu-list,.horizontalNavigation.mod-vertical .horizontalNavigation-list{--components-horizontalNavigation-listDirection: column;--components-horizontalNavigation-listGap: 0;--components-horizontalNavigation-listAlign: stretch}.menu.mod-vertical .menu-list-item-action,.menu.mod-vertical .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical .menu-list-item-action,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionAlign: left}.menu.mod-vertical .menu-list-item-action:before,.menu.mod-vertical .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical .menu-list-item-action:before,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-150) + var(--pr-t-spacings-25))}.menu.mod-vertical .menu-list-item-action:after,.menu.mod-vertical .horizontalNavigation-list-item-action:after,.horizontalNavigation.mod-vertical .menu-list-item-action:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:after{--components-horizontalNavigation-listItemActionTransform: scale(1, 0);--components-horizontalNavigation-listItemActionInset: 0 auto 0 0;--components-horizontalNavigation-listItemActionRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0;--components-horizontalNavigation-listItemActionRadiusWidth: var(--components-horizontalNavigation-listItemActionSize);--components-horizontalNavigation-listItemActionRadiusHeight: auto}.menu.mod-vertical .menu-list-item-action:hover:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:hover:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:hover:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after{--components-horizontalNavigation-listItemActionTransform: scale(1, .75)}.menu.mod-vertical .menu-list-item-action[aria-current=page]:after,.menu.mod-vertical .menu-list-item-action[aria-selected=true]:after,.menu.mod-vertical .menu-list-item-action.is-active:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-selected=true]:after,.menu.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-selected=true]:after,.horizontalNavigation.mod-vertical .menu-list-item-action.is-active:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-selected=true]:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action.is-active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.menu.mod-vertical.mod-S .menu-list-item-action,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action,.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-150)}.menu.mod-vertical.mod-S .menu-list-item-action:before,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action:before,.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-100) + var(--pr-t-spacings-25))}}@layer components{.horizontalNavigation_panel{--components-horizontalNavigation-panel-display: block;--components-horizontalNavigation-panel-overflow: visible}}@layer mods{.dialog .horizontalNavigation_panel{--components-horizontalNavigation-panel-display: flex;--components-horizontalNavigation-panel-overflow: auto}.dialog .horizontalNavigation_panel:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;border-radius:var(--pr-t-border-radius-structure)}}@layer mods{.menu-link.active,.menu-link[aria-current=page],.menu-link[aria-selected=true],.menu-link.is-active,.menu-list-item-action.active,.menu-list-item-action[aria-current=page],.menu-list-item-action[aria-selected=true],.menu-list-item-action.is-active,.horizontalNavigation-list-item-action.active,.horizontalNavigation-list-item-action[aria-current=page],.horizontalNavigation-list-item-action[aria-selected=true],.horizontalNavigation-list-item-action.is-active{--components-horizontalNavigation-listItemActionColor: var(--palettes-700, var(--palettes-product-700))}.menu-link.active .label,.menu-link[aria-current=page] .label,.menu-link[aria-selected=true] .label,.menu-link.is-active .label,.menu-list-item-action.active .label,.menu-list-item-action[aria-current=page] .label,.menu-list-item-action[aria-selected=true] .label,.menu-list-item-action.is-active .label,.horizontalNavigation-list-item-action.active .label,.horizontalNavigation-list-item-action[aria-current=page] .label,.horizontalNavigation-list-item-action[aria-selected=true] .label,.horizontalNavigation-list-item-action.is-active .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.menu-link.active:after,.menu-link[aria-current=page]:after,.menu-link[aria-selected=true]:after,.menu-link.is-active:after,.menu-list-item-action.active:after,.menu-list-item-action[aria-current=page]:after,.menu-list-item-action[aria-selected=true]:after,.menu-list-item-action.is-active:after,.horizontalNavigation-list-item-action.active:after,.horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation-list-item-action[aria-selected=true]:after,.horizontalNavigation-list-item-action.is-active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.menu-link.active:focus-visible:after,.menu-link[aria-current=page]:focus-visible:after,.menu-link[aria-selected=true]:focus-visible:after,.menu-link.is-active:focus-visible:after,.menu-list-item-action.active:focus-visible:after,.menu-list-item-action[aria-current=page]:focus-visible:after,.menu-list-item-action[aria-selected=true]:focus-visible:after,.menu-list-item-action.is-active:focus-visible:after,.horizontalNavigation-list-item-action.active:focus-visible:after,.horizontalNavigation-list-item-action[aria-current=page]:focus-visible:after,.horizontalNavigation-list-item-action[aria-selected=true]:focus-visible:after,.horizontalNavigation-list-item-action.is-active:focus-visible:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.menu-link.active .numericBadge,.menu-link[aria-current=page] .numericBadge,.menu-link[aria-selected=true] .numericBadge,.menu-link.is-active .numericBadge,.menu-list-item-action.active .numericBadge,.menu-list-item-action[aria-current=page] .numericBadge,.menu-list-item-action[aria-selected=true] .numericBadge,.menu-list-item-action.is-active .numericBadge,.horizontalNavigation-list-item-action.active .numericBadge,.horizontalNavigation-list-item-action[aria-current=page] .numericBadge,.horizontalNavigation-list-item-action[aria-selected=true] .numericBadge,.horizontalNavigation-list-item-action.is-active .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.menu-link:not(.active,[aria-current=page],[aria-selected=true]) .numericBadge,.menu-list-item-action:not(.active,[aria-current=page],[aria-selected=true]) .numericBadge,.horizontalNavigation-list-item-action:not(.active,[aria-current=page],[aria-selected=true]) .numericBadge{--palettes-text: var(--palettes-text);--palettes-0: var(--palettes-0);--palettes-25: var(--palettes-25);--palettes-50: var(--palettes-50);--palettes-100: var(--palettes-100);--palettes-200: var(--palettes-200);--palettes-300: var(--palettes-300);--palettes-400: var(--palettes-400);--palettes-500: var(--palettes-500);--palettes-600: var(--palettes-600);--palettes-700: var(--palettes-700);--palettes-800: var(--palettes-800);--palettes-900: var(--palettes-900)}.menu-link.disabled .label,.menu-link.disabled,.menu-link[disabled] .label,.menu-link[disabled],.menu-link.is-disabled .label,.menu-link.is-disabled,.menu-list-item-action.disabled .label,.menu-list-item-action.disabled,.menu-list-item-action[disabled] .label,.menu-list-item-action[disabled],.menu-list-item-action.is-disabled .label,.menu-list-item-action.is-disabled,.horizontalNavigation-list-item-action.disabled .label,.horizontalNavigation-list-item-action.disabled,.horizontalNavigation-list-item-action[disabled] .label,.horizontalNavigation-list-item-action[disabled],.horizontalNavigation-list-item-action.is-disabled .label,.horizontalNavigation-list-item-action.is-disabled{color:var(--palettes-neutral-500);pointer-events:none}.menu-link.disabled .numericBadge,.menu-link[disabled] .numericBadge,.menu-link.is-disabled .numericBadge,.menu-list-item-action.disabled .numericBadge,.menu-list-item-action[disabled] .numericBadge,.menu-list-item-action.is-disabled .numericBadge,.horizontalNavigation-list-item-action.disabled .numericBadge,.horizontalNavigation-list-item-action[disabled] .numericBadge,.horizontalNavigation-list-item-action.is-disabled .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
169
+ ], queries: [{ propertyName: "links", predicate: HorizontalNavigationLinkDirective, isSignal: true }, { propertyName: "tabs", predicate: HorizontalNavigationTabComponent, isSignal: true }], viewQueries: [{ propertyName: "buttons", predicate: ["tabButton"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n\tclass=\"horizontalNavigation\"\n\t[class]=\"paletteClass()\"\n\t[class.mod-noBorder]=\"noBorder()\"\n\t[class.mod-S]=\"size() === `S`\"\n\t[class.mod-vertical]=\"vertical()\"\n>\n\t@if (container() || this.dialogRef !== null) {\n\t\t<div class=\"horizontalNavigation-containerOptional\">\n\t\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t\t</div>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t}\n</div>\n\n@if (isTablist()) {\n\t<ng-content />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\" [attr.role]=\"isTablist() ? 'tablist' : null\">\n\t\t@if (isTablist()) {\n\t\t\t@for (tab of tabs(); track $index) {\n\t\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t\t<button\n\t\t\t\t\t\t#tabButton\n\t\t\t\t\t\t[attr.tabindex]=\"selectedIndex() !== $index ? '-1' : null\"\n\t\t\t\t\t\t[attr.aria-selected]=\"selectedIndex() === $index\"\n\t\t\t\t\t\t[attr.disabled]=\"tab.disabled() ? 'disabled' : null\"\n\t\t\t\t\t\taria-controls=\"panel-{{ tab.index() }}\"\n\t\t\t\t\t\tid=\"tab-{{ tab.index() }}\"\n\t\t\t\t\t\t(keydown)=\"changeTab($event, $index)\"\n\t\t\t\t\t\t(click)=\"navigateToTabByIndex($index)\"\n\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"horizontalNavigation-list-item-action\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ng-container *luPortal=\"tab.label()\" />\n\t\t\t\t\t</button>\n\t\t\t\t</li>\n\t\t\t}\n\t\t} @else {\n\t\t\t@for (link of links(); track $index) {\n\t\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t\t\t</li>\n\t\t\t}\n\t\t}\n\t</ul>\n</ng-template>\n", styles: ["@layer components{.menu,.horizontalNavigation{--components-horizontalNavigation-borderContent: \"\";--components-horizontalNavigation-listPadding: 0;--components-horizontalNavigation-listItemActionPaddingBlock: var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionPaddingInline: 0px;--components-horizontalNavigation-listItemActionPadding: var(--components-horizontalNavigation-listItemActionPaddingBlock) var(--components-horizontalNavigation-listItemActionPaddingInline);--components-horizontalNavigation-listGap: 0 var(--pr-t-spacings-400);--components-horizontalNavigation-listDirection: row;--components-horizontalNavigation-listAlign: flex-end;--components-horizontalNavigation-listItemActionAlign: center;--components-horizontalNavigation-listItemActionTransform: scale(0, 1);--components-horizontalNavigation-listItemActionColor: var(--pr-t-color-text);--components-horizontalNavigation-listItemActionSize: 2px;--components-horizontalNavigation-listItemActionFont: inherit;--components-horizontalNavigation-listItemActionInset: auto 0 0 0;--components-horizontalNavigation-listItemActionRadius: var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0 0;--components-horizontalNavigation-listItemActionRadiusWidth: auto;--components-horizontalNavigation-listItemActionRadiusHeight: var(--components-horizontalNavigation-listItemActionSize);--components-horizontalNavigation-containerOptional-padding: var(--commons-container-padding);column-gap:var(--pr-t-spacings-400);align-items:center;display:flex;position:relative;flex-wrap:wrap;padding:var(--components-horizontalNavigation-listPadding)}.menu:after,.horizontalNavigation:after{content:var(--components-horizontalNavigation-borderContent);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;position:absolute;block-size:1px;inset:auto 0 0}.menu .label,.horizontalNavigation .label{margin-inline-end:0;background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700)}.horizontalNavigationWrapper{grid-area:overflow;min-block-size:0;display:flex;flex-direction:column}.menu-containerOptional,.horizontalNavigation-containerOptional{max-inline-size:var(--commons-container-maxWidth);padding:var(--components-horizontalNavigation-containerOptional-padding)}.menu-list,.horizontalNavigation-list{margin:0;padding:0;list-style-type:none;align-items:var(--components-horizontalNavigation-listAlign);gap:var(--components-horizontalNavigation-listGap);flex-direction:var(--components-horizontalNavigation-listDirection);display:flex;flex-grow:1;flex-wrap:wrap}.scrollBox .menu-list,.scrollBox .horizontalNavigation-list{flex-wrap:nowrap}.menu-link,.menu-list-item-action,.horizontalNavigation-list-item-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font:var(--components-horizontalNavigation-listItemActionFont);padding:var(--components-horizontalNavigation-listItemActionPadding);border-radius:var(--pr-t-border-radius-small);color:var(--components-horizontalNavigation-listItemActionColor);display:inline-flex;text-align:var(--components-horizontalNavigation-listItemActionAlign);transition-duration:var(--commons-animations-durations-fast);gap:var(--pr-t-spacings-100);align-items:center;transition-property:color;position:relative;text-decoration:none;inline-size:auto;z-index:1;scroll-margin-inline:var(--pr-t-spacings-200)}.menu-link:before,.menu-list-item-action:before,.horizontalNavigation-list-item-action:before{content:\"\";position:absolute;inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25));border-radius:var(--pr-t-border-radius-small)}.menu-link:after,.menu-list-item-action:after,.horizontalNavigation-list-item-action:after{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--components-horizontalNavigation-listItemActionRadius);transition-duration:var(--commons-animations-durations-fast);block-size:var(--components-horizontalNavigation-listItemActionRadiusHeight);inline-size:var(--components-horizontalNavigation-listItemActionRadiusWidth);transform:var(--components-horizontalNavigation-listItemActionTransform);inset:var(--components-horizontalNavigation-listItemActionInset);transition-property:transform;display:block;position:absolute;z-index:1;content:\"\"}.menu-link:focus-visible,.menu-list-item-action:focus-visible,.horizontalNavigation-list-item-action:focus-visible{outline:none!important}.menu-link:focus-visible:before,.menu-list-item-action:focus-visible:before,.horizontalNavigation-list-item-action:focus-visible:before{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.menu-link:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]){color:var(--palettes-neutral-900)}.menu-link:not(.is-disabled,[disabled]):hover .label,.menu-list-item-action:not(.is-disabled,[disabled]):hover .label,.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.menu-link:not(.is-disabled,[disabled]):hover:after,.menu-list-item-action:not(.is-disabled,[disabled]):hover:after,.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.menu-link .link-text,.menu-list-item-action .link-text,.horizontalNavigation-list-item-action .link-text{text-decoration:none}.menu-link-placeholder:after,.horizontalNavigation-link-placeholder:after{content:attr(data-content-after);display:block;block-size:0;overflow:hidden;font-weight:var(--pr-t-font-fontWeight-semibold)}.horizontalNavigation_panel{display:var(--components-horizontalNavigation-panel-display);overflow:var(--components-horizontalNavigation-panel-overflow);min-height:0;flex-direction:column}.horizontalNavigation_panel:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-2px;border-radius:var(--pr-t-border-radius-small)}.horizontalNavigation_panel:not(.is-active){display:none}}@layer mods{.menu.mod-header,.horizontalNavigation.mod-header{--components-horizontalNavigation-listPadding: 0 var(--pr-t-spacings-500)}.menu.mod-S .menu-list-item-action,.menu.mod-S .menu-link,.menu.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-S .menu-list-item-action,.horizontalNavigation.mod-S .menu-link,.horizontalNavigation.mod-S .horizontalNavigation-list-item-action{--components-horizontalNavigation-listItemActionFont: var(--pr-t-font-body-S);--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-150) 0}.menu.mod-S .menu-list-item-action:before,.menu.mod-S .menu-link:before,.menu.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-S .menu-list-item-action:before,.horizontalNavigation.mod-S .menu-link:before,.horizontalNavigation.mod-S .horizontalNavigation-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-75));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25))}.menu.mod-S .menu-link,.horizontalNavigation.mod-S .menu-link{margin-inline-end:var(--pr-t-spacings-300)}.menu.mod-S .label,.horizontalNavigation.mod-S .label{block-size:var(--pr-t-font-body-S-lineHeight);min-inline-size:var(--pr-t-font-body-S-lineHeight);line-height:var(--pr-t-font-body-S-lineHeight);padding:0}.menu.mod-S .numericBadge,.horizontalNavigation.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.menu.mod-noBorder:after,.horizontalNavigation.mod-noBorder:after{--components-horizontalNavigation-borderContent: none}.dialog .menu,.dialog .horizontalNavigation{--components-horizontalNavigation-containerOptional-padding: 0 var(--components-dialog-insideContent-paddingInline)}.menu.mod-vertical:after,.horizontalNavigation.mod-vertical:after{--components-horizontalNavigation-borderContent: none}.menu.mod-vertical .menu-list,.menu.mod-vertical .horizontalNavigation-list,.horizontalNavigation.mod-vertical .menu-list,.horizontalNavigation.mod-vertical .horizontalNavigation-list{--components-horizontalNavigation-listDirection: column;--components-horizontalNavigation-listGap: 0;--components-horizontalNavigation-listAlign: stretch}.menu.mod-vertical .menu-list-item-action,.menu.mod-vertical .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical .menu-list-item-action,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionAlign: left}.menu.mod-vertical .menu-list-item-action:before,.menu.mod-vertical .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical .menu-list-item-action:before,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-150) + var(--pr-t-spacings-25))}.menu.mod-vertical .menu-list-item-action:after,.menu.mod-vertical .horizontalNavigation-list-item-action:after,.horizontalNavigation.mod-vertical .menu-list-item-action:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:after{--components-horizontalNavigation-listItemActionTransform: scale(1, 0);--components-horizontalNavigation-listItemActionInset: 0 auto 0 0;--components-horizontalNavigation-listItemActionRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0;--components-horizontalNavigation-listItemActionRadiusWidth: var(--components-horizontalNavigation-listItemActionSize);--components-horizontalNavigation-listItemActionRadiusHeight: auto}.menu.mod-vertical .menu-list-item-action:hover:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:hover:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:hover:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after{--components-horizontalNavigation-listItemActionTransform: scale(1, .75)}.menu.mod-vertical .menu-list-item-action[aria-current=page]:after,.menu.mod-vertical .menu-list-item-action[aria-selected=true]:after,.menu.mod-vertical .menu-list-item-action.is-active:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-selected=true]:after,.menu.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-selected=true]:after,.horizontalNavigation.mod-vertical .menu-list-item-action.is-active:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-selected=true]:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action.is-active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.menu.mod-vertical.mod-S .menu-list-item-action,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action,.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-150)}.menu.mod-vertical.mod-S .menu-list-item-action:before,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action:before,.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-100) + var(--pr-t-spacings-25))}}@layer components{.horizontalNavigation_panel{--components-horizontalNavigation-panel-display: block;--components-horizontalNavigation-panel-overflow: visible}}@layer mods{.dialog .horizontalNavigation_panel{--components-horizontalNavigation-panel-display: flex;--components-horizontalNavigation-panel-overflow: auto}.dialog .horizontalNavigation_panel:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;border-radius:var(--pr-t-border-radius-structure)}}@layer mods{.menu-link.active,.menu-link[aria-current=page],.menu-link[aria-selected=true],.menu-link.is-active,.menu-list-item-action.active,.menu-list-item-action[aria-current=page],.menu-list-item-action[aria-selected=true],.menu-list-item-action.is-active,.horizontalNavigation-list-item-action.active,.horizontalNavigation-list-item-action[aria-current=page],.horizontalNavigation-list-item-action[aria-selected=true],.horizontalNavigation-list-item-action.is-active{--components-horizontalNavigation-listItemActionColor: var(--palettes-700, var(--palettes-product-700))}.menu-link.active .label,.menu-link[aria-current=page] .label,.menu-link[aria-selected=true] .label,.menu-link.is-active .label,.menu-list-item-action.active .label,.menu-list-item-action[aria-current=page] .label,.menu-list-item-action[aria-selected=true] .label,.menu-list-item-action.is-active .label,.horizontalNavigation-list-item-action.active .label,.horizontalNavigation-list-item-action[aria-current=page] .label,.horizontalNavigation-list-item-action[aria-selected=true] .label,.horizontalNavigation-list-item-action.is-active .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.menu-link.active:after,.menu-link[aria-current=page]:after,.menu-link[aria-selected=true]:after,.menu-link.is-active:after,.menu-list-item-action.active:after,.menu-list-item-action[aria-current=page]:after,.menu-list-item-action[aria-selected=true]:after,.menu-list-item-action.is-active:after,.horizontalNavigation-list-item-action.active:after,.horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation-list-item-action[aria-selected=true]:after,.horizontalNavigation-list-item-action.is-active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.menu-link.active:focus-visible:after,.menu-link[aria-current=page]:focus-visible:after,.menu-link[aria-selected=true]:focus-visible:after,.menu-link.is-active:focus-visible:after,.menu-list-item-action.active:focus-visible:after,.menu-list-item-action[aria-current=page]:focus-visible:after,.menu-list-item-action[aria-selected=true]:focus-visible:after,.menu-list-item-action.is-active:focus-visible:after,.horizontalNavigation-list-item-action.active:focus-visible:after,.horizontalNavigation-list-item-action[aria-current=page]:focus-visible:after,.horizontalNavigation-list-item-action[aria-selected=true]:focus-visible:after,.horizontalNavigation-list-item-action.is-active:focus-visible:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.menu-link.active .numericBadge,.menu-link[aria-current=page] .numericBadge,.menu-link[aria-selected=true] .numericBadge,.menu-link.is-active .numericBadge,.menu-list-item-action.active .numericBadge,.menu-list-item-action[aria-current=page] .numericBadge,.menu-list-item-action[aria-selected=true] .numericBadge,.menu-list-item-action.is-active .numericBadge,.horizontalNavigation-list-item-action.active .numericBadge,.horizontalNavigation-list-item-action[aria-current=page] .numericBadge,.horizontalNavigation-list-item-action[aria-selected=true] .numericBadge,.horizontalNavigation-list-item-action.is-active .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.menu-link:not(.active,[aria-current=page],[aria-selected=true]) .numericBadge,.menu-list-item-action:not(.active,[aria-current=page],[aria-selected=true]) .numericBadge,.horizontalNavigation-list-item-action:not(.active,[aria-current=page],[aria-selected=true]) .numericBadge{--palettes-text: var(--palettes-text);--palettes-0: var(--palettes-0);--palettes-25: var(--palettes-25);--palettes-50: var(--palettes-50);--palettes-100: var(--palettes-100);--palettes-200: var(--palettes-200);--palettes-300: var(--palettes-300);--palettes-400: var(--palettes-400);--palettes-500: var(--palettes-500);--palettes-600: var(--palettes-600);--palettes-700: var(--palettes-700);--palettes-800: var(--palettes-800);--palettes-900: var(--palettes-900)}.menu-link.disabled .label,.menu-link.disabled,.menu-link[disabled] .label,.menu-link[disabled],.menu-link.is-disabled .label,.menu-link.is-disabled,.menu-list-item-action.disabled .label,.menu-list-item-action.disabled,.menu-list-item-action[disabled] .label,.menu-list-item-action[disabled],.menu-list-item-action.is-disabled .label,.menu-list-item-action.is-disabled,.horizontalNavigation-list-item-action.disabled .label,.horizontalNavigation-list-item-action.disabled,.horizontalNavigation-list-item-action[disabled] .label,.horizontalNavigation-list-item-action[disabled],.horizontalNavigation-list-item-action.is-disabled .label,.horizontalNavigation-list-item-action.is-disabled{color:var(--palettes-neutral-500);pointer-events:none}.menu-link.disabled .numericBadge,.menu-link[disabled] .numericBadge,.menu-link.is-disabled .numericBadge,.menu-list-item-action.disabled .numericBadge,.menu-list-item-action[disabled] .numericBadge,.menu-list-item-action.is-disabled .numericBadge,.horizontalNavigation-list-item-action.disabled .numericBadge,.horizontalNavigation-list-item-action[disabled] .numericBadge,.horizontalNavigation-list-item-action.is-disabled .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
170
170
  }
171
171
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: HorizontalNavigationComponent, decorators: [{
172
172
  type: Component,
@@ -177,7 +177,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
177
177
  provide: LU_HORIZONTALNAVIGATION_INSTANCE,
178
178
  useExisting: forwardRef(() => HorizontalNavigationComponent),
179
179
  },
180
- ], template: "<div\n\tclass=\"horizontalNavigation\"\n\t[class]=\"paletteClass()\"\n\t[class.mod-noBorder]=\"noBorder()\"\n\t[class.mod-S]=\"size() === `S`\"\n\t[class.mod-vertical]=\"vertical()\"\n>\n\t@if (container() || this.dialogRef !== null) {\n\t\t<div class=\"horizontalNavigation-containerOptional\">\n\t\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t\t</div>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t}\n</div>\n\n@if (isTablist()) {\n\t<ng-content />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\" [attr.role]=\"isTablist() ? 'tablist' : null\">\n\t\t@if (isTablist()) {\n\t\t\t@for (tab of tabs(); track $index) {\n\t\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t\t<button\n\t\t\t\t\t\t#tabButton\n\t\t\t\t\t\t[attr.tabindex]=\"selectedIndex() !== $index ? '-1' : null\"\n\t\t\t\t\t\t[attr.aria-selected]=\"selectedIndex() === $index\"\n\t\t\t\t\t\t[attr.disabled]=\"tab.disabled() ? 'disabled' : null\"\n\t\t\t\t\t\taria-controls=\"panel-{{ tab.index() }}\"\n\t\t\t\t\t\tid=\"tab-{{ tab.index() }}\"\n\t\t\t\t\t\t(keydown)=\"changeTab($event, $index)\"\n\t\t\t\t\t\t(click)=\"navigateToTabByIndex($index)\"\n\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"horizontalNavigation-list-item-action\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ng-container *luPortal=\"tab.label()\" />\n\t\t\t\t\t</button>\n\t\t\t\t</li>\n\t\t\t}\n\t\t} @else {\n\t\t\t@for (link of links(); track $index) {\n\t\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t\t\t</li>\n\t\t\t}\n\t\t}\n\t</ul>\n</ng-template>\n", styles: ["@layer components{.menu,.horizontalNavigation{--components-horizontalNavigation-borderContent: \"\";--components-horizontalNavigation-listPadding: 0;--components-horizontalNavigation-listItemActionPaddingBlock: var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionPaddingInline: 0px;--components-horizontalNavigation-listItemActionPadding: var(--components-horizontalNavigation-listItemActionPaddingBlock) var(--components-horizontalNavigation-listItemActionPaddingInline);--components-horizontalNavigation-listGap: 0 var(--pr-t-spacings-400);--components-horizontalNavigation-listDirection: row;--components-horizontalNavigation-listAlign: flex-end;--components-horizontalNavigation-listItemActionAlign: center;--components-horizontalNavigation-listItemActionTransform: scale(0, 1);--components-horizontalNavigation-listItemActionColor: var(--pr-t-color-text);--components-horizontalNavigation-listItemActionSize: 2px;--components-horizontalNavigation-listItemActionFont: inherit;--components-horizontalNavigation-listItemActionInset: auto 0 0 0;--components-horizontalNavigation-listItemActionRadius: var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0 0;--components-horizontalNavigation-listItemActionRadiusWidth: auto;--components-horizontalNavigation-listItemActionRadiusHeight: var(--components-horizontalNavigation-listItemActionSize);--components-horizontalNavigation-containerOptional-padding: var(--commons-container-padding);column-gap:var(--pr-t-spacings-400);align-items:center;display:flex;position:relative;flex-wrap:wrap;padding:var(--components-horizontalNavigation-listPadding)}.menu:after,.horizontalNavigation:after{content:var(--components-horizontalNavigation-borderContent);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;position:absolute;block-size:1px;inset:auto 0 0}.menu .label,.horizontalNavigation .label{margin-inline-end:0;background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700)}.horizontalNavigationWrapper{grid-area:overflow;min-block-size:0;display:flex;flex-direction:column}.menu-containerOptional,.horizontalNavigation-containerOptional{max-inline-size:var(--commons-container-maxWidth);padding:var(--components-horizontalNavigation-containerOptional-padding)}.menu-list,.horizontalNavigation-list{margin:0;padding:0;list-style-type:none;align-items:var(--components-horizontalNavigation-listAlign);gap:var(--components-horizontalNavigation-listGap);flex-direction:var(--components-horizontalNavigation-listDirection);display:flex;flex-grow:1;flex-wrap:wrap}.scrollBox .menu-list,.scrollBox .horizontalNavigation-list{flex-wrap:nowrap}.menu-link,.menu-list-item-action,.horizontalNavigation-list-item-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font:var(--components-horizontalNavigation-listItemActionFont);padding:var(--components-horizontalNavigation-listItemActionPadding);border-radius:var(--pr-t-border-radius-small);color:var(--components-horizontalNavigation-listItemActionColor);display:inline-flex;text-align:var(--components-horizontalNavigation-listItemActionAlign);transition-duration:var(--commons-animations-durations-fast);gap:var(--pr-t-spacings-100);align-items:center;transition-property:color;position:relative;text-decoration:none;inline-size:auto;z-index:1;scroll-margin-inline:var(--pr-t-spacings-200)}.menu-link:before,.menu-list-item-action:before,.horizontalNavigation-list-item-action:before{content:\"\";position:absolute;inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25));border-radius:var(--pr-t-border-radius-small)}.menu-link:after,.menu-list-item-action:after,.horizontalNavigation-list-item-action:after{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--components-horizontalNavigation-listItemActionRadius);transition-duration:var(--commons-animations-durations-fast);block-size:var(--components-horizontalNavigation-listItemActionRadiusHeight);inline-size:var(--components-horizontalNavigation-listItemActionRadiusWidth);transform:var(--components-horizontalNavigation-listItemActionTransform);inset:var(--components-horizontalNavigation-listItemActionInset);transition-property:transform;display:block;position:absolute;z-index:1;content:\"\"}.menu-link:focus-visible,.menu-list-item-action:focus-visible,.horizontalNavigation-list-item-action:focus-visible{outline:none!important}.menu-link:focus-visible:before,.menu-list-item-action:focus-visible:before,.horizontalNavigation-list-item-action:focus-visible:before{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.menu-link:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]){color:var(--palettes-neutral-900)}.menu-link:not(.is-disabled,[disabled]):hover .label,.menu-list-item-action:not(.is-disabled,[disabled]):hover .label,.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.menu-link:not(.is-disabled,[disabled]):hover:after,.menu-list-item-action:not(.is-disabled,[disabled]):hover:after,.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.menu-link .link-text,.menu-list-item-action .link-text,.horizontalNavigation-list-item-action .link-text{text-decoration:none}.menu-link-placeholder:after,.horizontalNavigation-link-placeholder:after{content:attr(data-content-after);display:block;block-size:0;overflow:hidden;font-weight:var(--pr-t-font-fontWeight-semibold)}.horizontalNavigation_panel{display:var(--components-horizontalNavigation-panel-display);overflow:var(--components-horizontalNavigation-panel-overflow);min-height:0;flex-direction:column}.horizontalNavigation_panel:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-2px;border-radius:var(--pr-t-border-radius-small)}.horizontalNavigation_panel:not(.is-active){display:none}}@layer mods{.menu.mod-header,.horizontalNavigation.mod-header{--components-horizontalNavigation-listPadding: 0 var(--pr-t-spacings-500)}.menu.mod-S .menu-list-item-action,.menu.mod-S .menu-link,.menu.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-S .menu-list-item-action,.horizontalNavigation.mod-S .menu-link,.horizontalNavigation.mod-S .horizontalNavigation-list-item-action{--components-horizontalNavigation-listItemActionFont: var(--pr-t-font-body-S);--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-150) 0}.menu.mod-S .menu-list-item-action:before,.menu.mod-S .menu-link:before,.menu.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-S .menu-list-item-action:before,.horizontalNavigation.mod-S .menu-link:before,.horizontalNavigation.mod-S .horizontalNavigation-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-75));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25))}.menu.mod-S .menu-link,.horizontalNavigation.mod-S .menu-link{margin-inline-end:var(--pr-t-spacings-300)}.menu.mod-S .label,.horizontalNavigation.mod-S .label{block-size:var(--pr-t-font-body-S-lineHeight);min-inline-size:var(--pr-t-font-body-S-lineHeight);line-height:var(--pr-t-font-body-S-lineHeight);padding:0}.menu.mod-S .numericBadge,.horizontalNavigation.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.menu.mod-noBorder:after,.horizontalNavigation.mod-noBorder:after{--components-horizontalNavigation-borderContent: none}.dialog .menu,.dialog .horizontalNavigation{--components-horizontalNavigation-containerOptional-padding: 0 var(--components-dialog-insideContent-paddingInline)}.menu.mod-vertical:after,.horizontalNavigation.mod-vertical:after{--components-horizontalNavigation-borderContent: none}.menu.mod-vertical .menu-list,.menu.mod-vertical .horizontalNavigation-list,.horizontalNavigation.mod-vertical .menu-list,.horizontalNavigation.mod-vertical .horizontalNavigation-list{--components-horizontalNavigation-listDirection: column;--components-horizontalNavigation-listGap: 0;--components-horizontalNavigation-listAlign: stretch}.menu.mod-vertical .menu-list-item-action,.menu.mod-vertical .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical .menu-list-item-action,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionAlign: left}.menu.mod-vertical .menu-list-item-action:before,.menu.mod-vertical .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical .menu-list-item-action:before,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-150) + var(--pr-t-spacings-25))}.menu.mod-vertical .menu-list-item-action:after,.menu.mod-vertical .horizontalNavigation-list-item-action:after,.horizontalNavigation.mod-vertical .menu-list-item-action:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:after{--components-horizontalNavigation-listItemActionTransform: scale(1, 0);--components-horizontalNavigation-listItemActionInset: 0 auto 0 0;--components-horizontalNavigation-listItemActionRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0;--components-horizontalNavigation-listItemActionRadiusWidth: var(--components-horizontalNavigation-listItemActionSize);--components-horizontalNavigation-listItemActionRadiusHeight: auto}.menu.mod-vertical .menu-list-item-action:hover:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:hover:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:hover:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after{--components-horizontalNavigation-listItemActionTransform: scale(1, .75)}.menu.mod-vertical .menu-list-item-action[aria-current=page]:after,.menu.mod-vertical .menu-list-item-action[aria-selected=true]:after,.menu.mod-vertical .menu-list-item-action.is-active:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-selected=true]:after,.menu.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-selected=true]:after,.horizontalNavigation.mod-vertical .menu-list-item-action.is-active:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-selected=true]:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action.is-active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.menu.mod-vertical.mod-S .menu-list-item-action,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action,.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-150)}.menu.mod-vertical.mod-S .menu-list-item-action:before,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action:before,.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-100) + var(--pr-t-spacings-25))}}@layer components{.horizontalNavigation_panel{--components-horizontalNavigation-panel-display: block;--components-horizontalNavigation-panel-overflow: visible}}@layer mods{.dialog .horizontalNavigation_panel{--components-horizontalNavigation-panel-display: flex;--components-horizontalNavigation-panel-overflow: auto}.dialog .horizontalNavigation_panel:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;border-radius:var(--pr-t-border-radius-structure)}}@layer mods{.menu-link.active,.menu-link[aria-current=page],.menu-link[aria-selected=true],.menu-link.is-active,.menu-list-item-action.active,.menu-list-item-action[aria-current=page],.menu-list-item-action[aria-selected=true],.menu-list-item-action.is-active,.horizontalNavigation-list-item-action.active,.horizontalNavigation-list-item-action[aria-current=page],.horizontalNavigation-list-item-action[aria-selected=true],.horizontalNavigation-list-item-action.is-active{--components-horizontalNavigation-listItemActionColor: var(--palettes-700, var(--palettes-product-700))}.menu-link.active .label,.menu-link[aria-current=page] .label,.menu-link[aria-selected=true] .label,.menu-link.is-active .label,.menu-list-item-action.active .label,.menu-list-item-action[aria-current=page] .label,.menu-list-item-action[aria-selected=true] .label,.menu-list-item-action.is-active .label,.horizontalNavigation-list-item-action.active .label,.horizontalNavigation-list-item-action[aria-current=page] .label,.horizontalNavigation-list-item-action[aria-selected=true] .label,.horizontalNavigation-list-item-action.is-active .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.menu-link.active:after,.menu-link[aria-current=page]:after,.menu-link[aria-selected=true]:after,.menu-link.is-active:after,.menu-list-item-action.active:after,.menu-list-item-action[aria-current=page]:after,.menu-list-item-action[aria-selected=true]:after,.menu-list-item-action.is-active:after,.horizontalNavigation-list-item-action.active:after,.horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation-list-item-action[aria-selected=true]:after,.horizontalNavigation-list-item-action.is-active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.menu-link.active:focus-visible:after,.menu-link[aria-current=page]:focus-visible:after,.menu-link[aria-selected=true]:focus-visible:after,.menu-link.is-active:focus-visible:after,.menu-list-item-action.active:focus-visible:after,.menu-list-item-action[aria-current=page]:focus-visible:after,.menu-list-item-action[aria-selected=true]:focus-visible:after,.menu-list-item-action.is-active:focus-visible:after,.horizontalNavigation-list-item-action.active:focus-visible:after,.horizontalNavigation-list-item-action[aria-current=page]:focus-visible:after,.horizontalNavigation-list-item-action[aria-selected=true]:focus-visible:after,.horizontalNavigation-list-item-action.is-active:focus-visible:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.menu-link.active .numericBadge,.menu-link[aria-current=page] .numericBadge,.menu-link[aria-selected=true] .numericBadge,.menu-link.is-active .numericBadge,.menu-list-item-action.active .numericBadge,.menu-list-item-action[aria-current=page] .numericBadge,.menu-list-item-action[aria-selected=true] .numericBadge,.menu-list-item-action.is-active .numericBadge,.horizontalNavigation-list-item-action.active .numericBadge,.horizontalNavigation-list-item-action[aria-current=page] .numericBadge,.horizontalNavigation-list-item-action[aria-selected=true] .numericBadge,.horizontalNavigation-list-item-action.is-active .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.menu-link:not(.active,[aria-current=page],[aria-selected=true]) .numericBadge,.menu-list-item-action:not(.active,[aria-current=page],[aria-selected=true]) .numericBadge,.horizontalNavigation-list-item-action:not(.active,[aria-current=page],[aria-selected=true]) .numericBadge{--palettes-text: var(--palettes-text);--palettes-0: var(--palettes-0);--palettes-25: var(--palettes-25);--palettes-50: var(--palettes-50);--palettes-100: var(--palettes-100);--palettes-200: var(--palettes-200);--palettes-300: var(--palettes-300);--palettes-400: var(--palettes-400);--palettes-500: var(--palettes-500);--palettes-600: var(--palettes-600);--palettes-700: var(--palettes-700);--palettes-800: var(--palettes-800);--palettes-900: var(--palettes-900)}.menu-link.disabled .label,.menu-link.disabled,.menu-link[disabled] .label,.menu-link[disabled],.menu-link.is-disabled .label,.menu-link.is-disabled,.menu-list-item-action.disabled .label,.menu-list-item-action.disabled,.menu-list-item-action[disabled] .label,.menu-list-item-action[disabled],.menu-list-item-action.is-disabled .label,.menu-list-item-action.is-disabled,.horizontalNavigation-list-item-action.disabled .label,.horizontalNavigation-list-item-action.disabled,.horizontalNavigation-list-item-action[disabled] .label,.horizontalNavigation-list-item-action[disabled],.horizontalNavigation-list-item-action.is-disabled .label,.horizontalNavigation-list-item-action.is-disabled{color:var(--palettes-neutral-500);pointer-events:none}.menu-link.disabled .numericBadge,.menu-link[disabled] .numericBadge,.menu-link.is-disabled .numericBadge,.menu-list-item-action.disabled .numericBadge,.menu-list-item-action[disabled] .numericBadge,.menu-list-item-action.is-disabled .numericBadge,.horizontalNavigation-list-item-action.disabled .numericBadge,.horizontalNavigation-list-item-action[disabled] .numericBadge,.horizontalNavigation-list-item-action.is-disabled .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}\n"] }]
180
+ ], template: "<div\n\tclass=\"horizontalNavigation\"\n\t[class]=\"paletteClass()\"\n\t[class.mod-noBorder]=\"noBorder()\"\n\t[class.mod-S]=\"size() === `S`\"\n\t[class.mod-vertical]=\"vertical()\"\n>\n\t@if (container() || this.dialogRef !== null) {\n\t\t<div class=\"horizontalNavigation-containerOptional\">\n\t\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t\t</div>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t}\n</div>\n\n@if (isTablist()) {\n\t<ng-content />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\" [attr.role]=\"isTablist() ? 'tablist' : null\">\n\t\t@if (isTablist()) {\n\t\t\t@for (tab of tabs(); track $index) {\n\t\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t\t<button\n\t\t\t\t\t\t#tabButton\n\t\t\t\t\t\t[attr.tabindex]=\"selectedIndex() !== $index ? '-1' : null\"\n\t\t\t\t\t\t[attr.aria-selected]=\"selectedIndex() === $index\"\n\t\t\t\t\t\t[attr.disabled]=\"tab.disabled() ? 'disabled' : null\"\n\t\t\t\t\t\taria-controls=\"panel-{{ tab.index() }}\"\n\t\t\t\t\t\tid=\"tab-{{ tab.index() }}\"\n\t\t\t\t\t\t(keydown)=\"changeTab($event, $index)\"\n\t\t\t\t\t\t(click)=\"navigateToTabByIndex($index)\"\n\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"horizontalNavigation-list-item-action\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ng-container *luPortal=\"tab.label()\" />\n\t\t\t\t\t</button>\n\t\t\t\t</li>\n\t\t\t}\n\t\t} @else {\n\t\t\t@for (link of links(); track $index) {\n\t\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t\t\t</li>\n\t\t\t}\n\t\t}\n\t</ul>\n</ng-template>\n", styles: ["@layer components{.menu,.horizontalNavigation{--components-horizontalNavigation-borderContent: \"\";--components-horizontalNavigation-listPadding: 0;--components-horizontalNavigation-listItemActionPaddingBlock: var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionPaddingInline: 0px;--components-horizontalNavigation-listItemActionPadding: var(--components-horizontalNavigation-listItemActionPaddingBlock) var(--components-horizontalNavigation-listItemActionPaddingInline);--components-horizontalNavigation-listGap: 0 var(--pr-t-spacings-400);--components-horizontalNavigation-listDirection: row;--components-horizontalNavigation-listAlign: flex-end;--components-horizontalNavigation-listItemActionAlign: center;--components-horizontalNavigation-listItemActionTransform: scale(0, 1);--components-horizontalNavigation-listItemActionColor: var(--pr-t-color-text);--components-horizontalNavigation-listItemActionSize: 2px;--components-horizontalNavigation-listItemActionFont: inherit;--components-horizontalNavigation-listItemActionInset: auto 0 0 0;--components-horizontalNavigation-listItemActionRadius: var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0 0;--components-horizontalNavigation-listItemActionRadiusWidth: auto;--components-horizontalNavigation-listItemActionRadiusHeight: var(--components-horizontalNavigation-listItemActionSize);--components-horizontalNavigation-containerOptional-padding: var(--commons-container-padding);column-gap:var(--pr-t-spacings-400);align-items:center;display:flex;position:relative;flex-wrap:wrap;padding:var(--components-horizontalNavigation-listPadding)}.menu:after,.horizontalNavigation:after{content:var(--components-horizontalNavigation-borderContent);border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;position:absolute;block-size:1px;inset:auto 0 0}.menu .label,.horizontalNavigation .label{margin-inline-end:0;background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700)}.horizontalNavigationWrapper{grid-area:overflow;min-block-size:0;display:flex;flex-direction:column}.menu-containerOptional,.horizontalNavigation-containerOptional{max-inline-size:var(--commons-container-maxWidth);padding:var(--components-horizontalNavigation-containerOptional-padding)}.menu-list,.horizontalNavigation-list{margin:0;padding:0;list-style-type:none;align-items:var(--components-horizontalNavigation-listAlign);gap:var(--components-horizontalNavigation-listGap);flex-direction:var(--components-horizontalNavigation-listDirection);display:flex;flex-grow:1;flex-wrap:wrap}.scrollBox .menu-list,.scrollBox .horizontalNavigation-list{flex-wrap:nowrap}.menu-link,.menu-list-item-action,.horizontalNavigation-list-item-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font:var(--components-horizontalNavigation-listItemActionFont);padding:var(--components-horizontalNavigation-listItemActionPadding);border-radius:var(--pr-t-border-radius-small);color:var(--components-horizontalNavigation-listItemActionColor);display:inline-flex;text-align:var(--components-horizontalNavigation-listItemActionAlign);transition-duration:var(--commons-animations-durations-fast);gap:var(--pr-t-spacings-100);align-items:center;transition-property:color;position:relative;text-decoration:none;inline-size:auto;z-index:1;scroll-margin-inline:var(--pr-t-spacings-200)}.menu-link:before,.menu-list-item-action:before,.horizontalNavigation-list-item-action:before{content:\"\";position:absolute;inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25));border-radius:var(--pr-t-border-radius-small)}.menu-link:after,.menu-list-item-action:after,.horizontalNavigation-list-item-action:after{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--components-horizontalNavigation-listItemActionRadius);transition-duration:var(--commons-animations-durations-fast);block-size:var(--components-horizontalNavigation-listItemActionRadiusHeight);inline-size:var(--components-horizontalNavigation-listItemActionRadiusWidth);transform:var(--components-horizontalNavigation-listItemActionTransform);inset:var(--components-horizontalNavigation-listItemActionInset);transition-property:transform;display:block;position:absolute;z-index:1;content:\"\"}.menu-link:focus-visible,.menu-list-item-action:focus-visible,.horizontalNavigation-list-item-action:focus-visible{outline:none!important}.menu-link:focus-visible:before,.menu-list-item-action:focus-visible:before,.horizontalNavigation-list-item-action:focus-visible:before{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.menu-link:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.menu-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]),.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:not(.is-active,[aria-current=page]){color:var(--palettes-neutral-900)}.menu-link:not(.is-disabled,[disabled]):hover .label,.menu-list-item-action:not(.is-disabled,[disabled]):hover .label,.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.menu-link:not(.is-disabled,[disabled]):hover:after,.menu-list-item-action:not(.is-disabled,[disabled]):hover:after,.horizontalNavigation-list-item-action:not(.is-disabled,[disabled]):hover:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.menu-link .link-text,.menu-list-item-action .link-text,.horizontalNavigation-list-item-action .link-text{text-decoration:none}.menu-link-placeholder:after,.horizontalNavigation-link-placeholder:after{content:attr(data-content-after);display:block;block-size:0;overflow:hidden;font-weight:var(--pr-t-font-fontWeight-semibold)}.horizontalNavigation_panel{display:var(--components-horizontalNavigation-panel-display);overflow:var(--components-horizontalNavigation-panel-overflow);min-height:0;flex-direction:column}.horizontalNavigation_panel:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-2px;border-radius:var(--pr-t-border-radius-small)}.horizontalNavigation_panel:not(.is-active){display:none}}@layer mods{.menu.mod-header,.horizontalNavigation.mod-header{--components-horizontalNavigation-listPadding: 0 var(--pr-t-spacings-500)}.menu.mod-S .menu-list-item-action,.menu.mod-S .menu-link,.menu.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-S .menu-list-item-action,.horizontalNavigation.mod-S .menu-link,.horizontalNavigation.mod-S .horizontalNavigation-list-item-action{--components-horizontalNavigation-listItemActionFont: var(--pr-t-font-body-S);--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-150) 0}.menu.mod-S .menu-list-item-action:before,.menu.mod-S .menu-link:before,.menu.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-S .menu-list-item-action:before,.horizontalNavigation.mod-S .menu-link:before,.horizontalNavigation.mod-S .horizontalNavigation-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-75));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) - var(--pr-t-spacings-25))}.menu.mod-S .menu-link,.horizontalNavigation.mod-S .menu-link{margin-inline-end:var(--pr-t-spacings-300)}.menu.mod-S .label,.horizontalNavigation.mod-S .label{block-size:var(--pr-t-font-body-S-lineHeight);min-inline-size:var(--pr-t-font-body-S-lineHeight);line-height:var(--pr-t-font-body-S-lineHeight);padding:0}.menu.mod-S .numericBadge,.horizontalNavigation.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.menu.mod-noBorder:after,.horizontalNavigation.mod-noBorder:after{--components-horizontalNavigation-borderContent: none}.dialog .menu,.dialog .horizontalNavigation{--components-horizontalNavigation-containerOptional-padding: 0 var(--components-dialog-insideContent-paddingInline)}.menu.mod-vertical:after,.horizontalNavigation.mod-vertical:after{--components-horizontalNavigation-borderContent: none}.menu.mod-vertical .menu-list,.menu.mod-vertical .horizontalNavigation-list,.horizontalNavigation.mod-vertical .menu-list,.horizontalNavigation.mod-vertical .horizontalNavigation-list{--components-horizontalNavigation-listDirection: column;--components-horizontalNavigation-listGap: 0;--components-horizontalNavigation-listAlign: stretch}.menu.mod-vertical .menu-list-item-action,.menu.mod-vertical .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical .menu-list-item-action,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-200);--components-horizontalNavigation-listItemActionAlign: left}.menu.mod-vertical .menu-list-item-action:before,.menu.mod-vertical .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical .menu-list-item-action:before,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-150) + var(--pr-t-spacings-25))}.menu.mod-vertical .menu-list-item-action:after,.menu.mod-vertical .horizontalNavigation-list-item-action:after,.horizontalNavigation.mod-vertical .menu-list-item-action:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:after{--components-horizontalNavigation-listItemActionTransform: scale(1, 0);--components-horizontalNavigation-listItemActionInset: 0 auto 0 0;--components-horizontalNavigation-listItemActionRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0;--components-horizontalNavigation-listItemActionRadiusWidth: var(--components-horizontalNavigation-listItemActionSize);--components-horizontalNavigation-listItemActionRadiusHeight: auto}.menu.mod-vertical .menu-list-item-action:hover:after,.menu.mod-vertical .menu-list-item-action[aria-current=page]:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action:hover:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action:hover:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:hover:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action:hover:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:hover:after{--components-horizontalNavigation-listItemActionTransform: scale(1, .75)}.menu.mod-vertical .menu-list-item-action[aria-current=page]:after,.menu.mod-vertical .menu-list-item-action[aria-selected=true]:after,.menu.mod-vertical .menu-list-item-action.is-active:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.menu.mod-vertical .horizontalNavigation-list-item-action[aria-selected=true]:after,.menu.mod-vertical .horizontalNavigation-list-item-action.is-active:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .menu-list-item-action[aria-selected=true]:after,.horizontalNavigation.mod-vertical .menu-list-item-action.is-active:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action[aria-selected=true]:after,.horizontalNavigation.mod-vertical .horizontalNavigation-list-item-action.is-active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.menu.mod-vertical.mod-S .menu-list-item-action,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action,.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action{--components-horizontalNavigation-listItemActionPadding: var(--pr-t-spacings-50) var(--pr-t-spacings-150)}.menu.mod-vertical.mod-S .menu-list-item-action:before,.menu.mod-vertical.mod-S .horizontalNavigation-list-item-action:before,.horizontalNavigation.mod-vertical.mod-S .menu-list-item-action:before,.horizontalNavigation.mod-vertical.mod-S .horizontalNavigation-list-item-action:before{inset-block:calc(var(--components-horizontalNavigation-listItemActionPaddingBlock) - var(--pr-t-spacings-150) - var(--pr-t-spacings-25));inset-inline:calc(var(--components-horizontalNavigation-listItemActionPaddingInline) + var(--pr-t-spacings-100) + var(--pr-t-spacings-25))}}@layer components{.horizontalNavigation_panel{--components-horizontalNavigation-panel-display: block;--components-horizontalNavigation-panel-overflow: visible}}@layer mods{.dialog .horizontalNavigation_panel{--components-horizontalNavigation-panel-display: flex;--components-horizontalNavigation-panel-overflow: auto}.dialog .horizontalNavigation_panel:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;border-radius:var(--pr-t-border-radius-structure)}}@layer mods{.menu-link.active,.menu-link[aria-current=page],.menu-link[aria-selected=true],.menu-link.is-active,.menu-list-item-action.active,.menu-list-item-action[aria-current=page],.menu-list-item-action[aria-selected=true],.menu-list-item-action.is-active,.horizontalNavigation-list-item-action.active,.horizontalNavigation-list-item-action[aria-current=page],.horizontalNavigation-list-item-action[aria-selected=true],.horizontalNavigation-list-item-action.is-active{--components-horizontalNavigation-listItemActionColor: var(--palettes-700, var(--palettes-product-700))}.menu-link.active .label,.menu-link[aria-current=page] .label,.menu-link[aria-selected=true] .label,.menu-link.is-active .label,.menu-list-item-action.active .label,.menu-list-item-action[aria-current=page] .label,.menu-list-item-action[aria-selected=true] .label,.menu-list-item-action.is-active .label,.horizontalNavigation-list-item-action.active .label,.horizontalNavigation-list-item-action[aria-current=page] .label,.horizontalNavigation-list-item-action[aria-selected=true] .label,.horizontalNavigation-list-item-action.is-active .label{background-color:var(--palettes-100, var(--palettes-product-100));color:var(--palettes-700, var(--palettes-product-700))}.menu-link.active:after,.menu-link[aria-current=page]:after,.menu-link[aria-selected=true]:after,.menu-link.is-active:after,.menu-list-item-action.active:after,.menu-list-item-action[aria-current=page]:after,.menu-list-item-action[aria-selected=true]:after,.menu-list-item-action.is-active:after,.horizontalNavigation-list-item-action.active:after,.horizontalNavigation-list-item-action[aria-current=page]:after,.horizontalNavigation-list-item-action[aria-selected=true]:after,.horizontalNavigation-list-item-action.is-active:after{--components-horizontalNavigation-listItemActionTransform: scale(1)}.menu-link.active:focus-visible:after,.menu-link[aria-current=page]:focus-visible:after,.menu-link[aria-selected=true]:focus-visible:after,.menu-link.is-active:focus-visible:after,.menu-list-item-action.active:focus-visible:after,.menu-list-item-action[aria-current=page]:focus-visible:after,.menu-list-item-action[aria-selected=true]:focus-visible:after,.menu-list-item-action.is-active:focus-visible:after,.horizontalNavigation-list-item-action.active:focus-visible:after,.horizontalNavigation-list-item-action[aria-current=page]:focus-visible:after,.horizontalNavigation-list-item-action[aria-selected=true]:focus-visible:after,.horizontalNavigation-list-item-action.is-active:focus-visible:after{--components-horizontalNavigation-listItemActionTransform: scale(.75, 1)}.menu-link.active .numericBadge,.menu-link[aria-current=page] .numericBadge,.menu-link[aria-selected=true] .numericBadge,.menu-link.is-active .numericBadge,.menu-list-item-action.active .numericBadge,.menu-list-item-action[aria-current=page] .numericBadge,.menu-list-item-action[aria-selected=true] .numericBadge,.menu-list-item-action.is-active .numericBadge,.horizontalNavigation-list-item-action.active .numericBadge,.horizontalNavigation-list-item-action[aria-current=page] .numericBadge,.horizontalNavigation-list-item-action[aria-selected=true] .numericBadge,.horizontalNavigation-list-item-action.is-active .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.menu-link:not(.active,[aria-current=page],[aria-selected=true]) .numericBadge,.menu-list-item-action:not(.active,[aria-current=page],[aria-selected=true]) .numericBadge,.horizontalNavigation-list-item-action:not(.active,[aria-current=page],[aria-selected=true]) .numericBadge{--palettes-text: var(--palettes-text);--palettes-0: var(--palettes-0);--palettes-25: var(--palettes-25);--palettes-50: var(--palettes-50);--palettes-100: var(--palettes-100);--palettes-200: var(--palettes-200);--palettes-300: var(--palettes-300);--palettes-400: var(--palettes-400);--palettes-500: var(--palettes-500);--palettes-600: var(--palettes-600);--palettes-700: var(--palettes-700);--palettes-800: var(--palettes-800);--palettes-900: var(--palettes-900)}.menu-link.disabled .label,.menu-link.disabled,.menu-link[disabled] .label,.menu-link[disabled],.menu-link.is-disabled .label,.menu-link.is-disabled,.menu-list-item-action.disabled .label,.menu-list-item-action.disabled,.menu-list-item-action[disabled] .label,.menu-list-item-action[disabled],.menu-list-item-action.is-disabled .label,.menu-list-item-action.is-disabled,.horizontalNavigation-list-item-action.disabled .label,.horizontalNavigation-list-item-action.disabled,.horizontalNavigation-list-item-action[disabled] .label,.horizontalNavigation-list-item-action[disabled],.horizontalNavigation-list-item-action.is-disabled .label,.horizontalNavigation-list-item-action.is-disabled{color:var(--palettes-neutral-500);pointer-events:none}.menu-link.disabled .numericBadge,.menu-link[disabled] .numericBadge,.menu-link.is-disabled .numericBadge,.menu-list-item-action.disabled .numericBadge,.menu-list-item-action[disabled] .numericBadge,.menu-list-item-action.is-disabled .numericBadge,.horizontalNavigation-list-item-action.disabled .numericBadge,.horizontalNavigation-list-item-action[disabled] .numericBadge,.horizontalNavigation-list-item-action.is-disabled .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}\n"] }]
181
181
  }], ctorParameters: () => [], propDecorators: { links: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => HorizontalNavigationLinkDirective), { isSignal: true }] }], tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => HorizontalNavigationTabComponent), { isSignal: true }] }], buttons: [{ type: i0.ViewChildren, args: ['tabButton', { isSignal: true }] }], noBorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "noBorder", required: false }] }], container: [{ type: i0.Input, args: [{ isSignal: true, alias: "container", required: false }] }], vertical: [{ type: i0.Input, args: [{ isSignal: true, alias: "vertical", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], currentIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentIndex", required: false }] }, { type: i0.Output, args: ["currentIndexChange"] }] } });
182
182
 
183
183
  /**
package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"lucca-front-ng-horizontal-navigation.mjs","sources":["../../../packages/ng/horizontal-navigation/horizontal-navigation-link.directive.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation.token.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation-tab.component.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation.component.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation.component.html","../../../packages/ng/horizontal-navigation/horizontal-navigation.type.ts","../../../packages/ng/horizontal-navigation/lucca-front-ng-horizontal-navigation.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n\tselector: '[luHorizontalNavigationLink]',\n})\nexport class HorizontalNavigationLinkDirective {\n\tpublic template = inject(TemplateRef);\n}\n","import { InjectionToken } from '@angular/core';\nimport { HorizontalNavigationComponent } from './horizontal-navigation.component';\n\nexport const LU_HORIZONTALNAVIGATION_INSTANCE = new InjectionToken<HorizontalNavigationComponent>('LU_HORIZONTALNAVIGATION_INSTANCE');\n","import { booleanAttribute, ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { PortalContent } from '@lucca-front/ng/core';\nimport { LU_HORIZONTALNAVIGATION_INSTANCE } from './horizontal-navigation.token';\n\n@Component({\n\tselector: 'lu-horizontal-navigation-tab',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\ttemplate: '<ng-content/>',\n\thost: {\n\t\tclass: 'horizontalNavigation_panel',\n\t\trole: 'tabpanel',\n\t\ttabindex: '0',\n\t\t'[class.is-active]': 'selected()',\n\t\t'[id]': \"'panel-' + index()\",\n\t\t'[aria-labelledby]': \"'tab-' + index()\",\n\t},\n})\nexport class HorizontalNavigationTabComponent {\n\tprotected horizontalNavigationRef = inject(LU_HORIZONTALNAVIGATION_INSTANCE);\n\n\treadonly label = input.required<PortalContent>();\n\treadonly disabled = input(false, { transform: booleanAttribute });\n\treadonly index = computed(() => this.horizontalNavigationRef.getTabIndex(this));\n\treadonly selected = computed(() => !this.disabled() && this.index() === this.horizontalNavigationRef.selectedIndex());\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChildren, effect, ElementRef, forwardRef, inject, input, model, viewChildren, ViewEncapsulation } from '@angular/core';\nimport { DecorativePalette, isNil, isNotNil, Palette, PortalDirective } from '@lucca-front/ng/core';\nimport { LuDialogRef } from '@lucca-front/ng/dialog';\nimport { HorizontalNavigationLinkDirective } from './horizontal-navigation-link.directive';\nimport { HorizontalNavigationTabComponent } from './horizontal-navigation-tab.component';\nimport { LU_HORIZONTALNAVIGATION_INSTANCE } from './horizontal-navigation.token';\nimport { HorizontalNavigationSize } from './horizontal-navigation.type';\n\n@Component({\n\tselector: 'lu-horizontal-navigation',\n\ttemplateUrl: './horizontal-navigation.component.html',\n\tstyleUrl: './horizontal-navigation.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\t'[class.horizontalNavigationWrapper]': 'this.dialogRef !== null',\n\t},\n\timports: [NgTemplateOutlet, PortalDirective],\n\tproviders: [\n\t\t{\n\t\t\tprovide: LU_HORIZONTALNAVIGATION_INSTANCE,\n\t\t\tuseExisting: forwardRef(() => HorizontalNavigationComponent),\n\t\t},\n\t],\n})\nexport class HorizontalNavigationComponent {\n\treadonly dialogRef = inject(LuDialogRef, { optional: true });\n\n\treadonly links = contentChildren(HorizontalNavigationLinkDirective);\n\n\treadonly tabs = contentChildren(HorizontalNavigationTabComponent);\n\n\treadonly buttons = viewChildren<ElementRef<HTMLButtonElement>>('tabButton');\n\n\treadonly noBorder = input(false, { transform: booleanAttribute });\n\n\treadonly container = input(false, { transform: booleanAttribute });\n\n\treadonly vertical = input(false, { transform: booleanAttribute });\n\n\treadonly palette = input<Palette | DecorativePalette | null>(null);\n\treadonly paletteClass = computed(() => ({ [`palette-${this.palette()}`]: !!this.palette() }));\n\n\t/**\n\t * Which size should the horizontal navigation be? Defaults and small\n\t */\n\treadonly size = input<HorizontalNavigationSize | null>(null);\n\n\treadonly isTablist = computed(() => this.tabs().length > 0);\n\n\treadonly currentIndex = model<number>(0);\n\n\treadonly selectedIndex = computed(() => {\n\t\tconst tabCount = this.tabs().length;\n\t\tif (tabCount === 0) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst requestedIndex = this.currentIndex();\n\t\tconst normalizedIndex = ((requestedIndex % tabCount) + tabCount) % tabCount;\n\n\t\tconst requestedTab = this.tabs()[normalizedIndex];\n\t\tif (isNotNil(requestedTab) && !requestedTab.disabled()) {\n\t\t\treturn normalizedIndex;\n\t\t}\n\n\t\treturn this.findAccessibleTabIndex(normalizedIndex + 1, 1);\n\t});\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tconst normalizedIndex = this.selectedIndex();\n\t\t\tif (isNil(normalizedIndex)) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (this.currentIndex() !== normalizedIndex) {\n\t\t\t\tthis.currentIndex.set(normalizedIndex);\n\t\t\t}\n\t\t});\n\t}\n\n\tnavigateToFirstEnabledTab(): void {\n\t\tconst firstEnabledIndex = this.findAccessibleTabIndex(0, 1);\n\t\tif (isNotNil(firstEnabledIndex)) {\n\t\t\tthis.currentIndex.set(firstEnabledIndex);\n\t\t\tthis.buttons()[firstEnabledIndex].nativeElement.focus();\n\t\t}\n\t}\n\n\tnavigateToLastEnabledTab(): void {\n\t\tconst lastTabIndex = this.tabs().length - 1;\n\t\tif (lastTabIndex < 0) return;\n\n\t\tconst lastEnabledIndex = this.findAccessibleTabIndex(lastTabIndex, -1);\n\t\tif (isNotNil(lastEnabledIndex)) {\n\t\t\tthis.currentIndex.set(lastEnabledIndex);\n\t\t\tthis.buttons()[lastEnabledIndex].nativeElement.focus();\n\t\t}\n\t}\n\n\tgetTabIndex(tab: HorizontalNavigationTabComponent): number {\n\t\treturn this.tabs().indexOf(tab);\n\t}\n\n\tnavigateToTabByIndex(index: number): void {\n\t\tconst tab = this.tabs()[index];\n\t\tif (!tab || tab.disabled()) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.currentIndex.set(index);\n\t\tthis.buttons()[index].nativeElement.focus();\n\t}\n\n\tprivate findAccessibleTabIndex(startIndex: number, direction: number): number | null {\n\t\tconst tabCount = this.tabs().length;\n\t\tif (tabCount === 0) return null;\n\t\tif (direction !== 1 && direction !== -1) return null;\n\n\t\tconst tabs = this.tabs();\n\t\tlet attempts = 0;\n\t\tlet currentIndex = ((startIndex % tabCount) + tabCount) % tabCount;\n\n\t\twhile (attempts < tabCount) {\n\t\t\tconst tab = tabs[currentIndex];\n\t\t\tif (isNotNil(tab) && !tab.disabled()) {\n\t\t\t\treturn currentIndex;\n\t\t\t}\n\n\t\t\tcurrentIndex = (currentIndex + direction + tabCount) % tabCount;\n\t\t\tattempts++;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tchangeTab(event: KeyboardEvent, currentIndex: number): void {\n\t\tconst key = event.key;\n\n\t\tif (key === 'ArrowLeft' || key === 'ArrowUp') {\n\t\t\tevent.preventDefault();\n\t\t\tconst nextEnabledIndex = this.findAccessibleTabIndex(currentIndex - 1, -1);\n\t\t\tif (isNotNil(nextEnabledIndex)) {\n\t\t\t\tthis.navigateToTabByIndex(nextEnabledIndex);\n\t\t\t}\n\t\t} else if (key === 'ArrowRight' || key === 'ArrowDown') {\n\t\t\tevent.preventDefault();\n\t\t\tconst nextEnabledIndex = this.findAccessibleTabIndex(currentIndex + 1, 1);\n\t\t\tif (isNotNil(nextEnabledIndex)) {\n\t\t\t\tthis.navigateToTabByIndex(nextEnabledIndex);\n\t\t\t}\n\t\t} else if (key === 'Home') {\n\t\t\tevent.preventDefault();\n\t\t\tthis.navigateToFirstEnabledTab();\n\t\t} else if (key === 'End') {\n\t\t\tevent.preventDefault();\n\t\t\tthis.navigateToLastEnabledTab();\n\t\t}\n\t}\n}\n","<div\n\tclass=\"horizontalNavigation\"\n\t[class]=\"paletteClass()\"\n\t[class.mod-noBorder]=\"noBorder()\"\n\t[class.mod-S]=\"size() === `S`\"\n\t[class.mod-vertical]=\"vertical()\"\n>\n\t@if (container() || this.dialogRef !== null) {\n\t\t<div class=\"horizontalNavigation-containerOptional\">\n\t\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t\t</div>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t}\n</div>\n\n@if (isTablist()) {\n\t<ng-content />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\" [attr.role]=\"isTablist() ? 'tablist' : null\">\n\t\t@if (isTablist()) {\n\t\t\t@for (tab of tabs(); track $index) {\n\t\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t\t<button\n\t\t\t\t\t\t#tabButton\n\t\t\t\t\t\t[attr.tabindex]=\"selectedIndex() !== $index ? '-1' : null\"\n\t\t\t\t\t\t[attr.aria-selected]=\"selectedIndex() === $index\"\n\t\t\t\t\t\t[attr.disabled]=\"tab.disabled() ? 'disabled' : null\"\n\t\t\t\t\t\taria-controls=\"panel-{{ tab.index() }}\"\n\t\t\t\t\t\tid=\"tab-{{ tab.index() }}\"\n\t\t\t\t\t\t(keydown)=\"changeTab($event, $index)\"\n\t\t\t\t\t\t(click)=\"navigateToTabByIndex($index)\"\n\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"horizontalNavigation-list-item-action\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ng-container *luPortal=\"tab.label()\" />\n\t\t\t\t\t</button>\n\t\t\t\t</li>\n\t\t\t}\n\t\t} @else {\n\t\t\t@for (link of links(); track $index) {\n\t\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t\t\t</li>\n\t\t\t}\n\t\t}\n\t</ul>\n</ng-template>\n","/**\n * Available HorizontalNavigationComponent Types\n */\n\nexport const HORIZONTAL_NAVIGATION_SIZE = ['S'] as const;\nexport type HorizontalNavigationSize = (typeof HORIZONTAL_NAVIGATION_SIZE)[number];\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-horizontal-navigation.mjs","sources":["../../../packages/ng/horizontal-navigation/horizontal-navigation-link.directive.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation.token.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation-tab.component.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation.component.ts","../../../packages/ng/horizontal-navigation/horizontal-navigation.component.html","../../../packages/ng/horizontal-navigation/horizontal-navigation.type.ts","../../../packages/ng/horizontal-navigation/lucca-front-ng-horizontal-navigation.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n\tselector: '[luHorizontalNavigationLink]',\n})\nexport class HorizontalNavigationLinkDirective {\n\tpublic template = inject(TemplateRef);\n}\n","import { InjectionToken } from '@angular/core';\nimport { HorizontalNavigationComponent } from './horizontal-navigation.component';\n\nexport const LU_HORIZONTALNAVIGATION_INSTANCE = new InjectionToken<HorizontalNavigationComponent>('LU_HORIZONTALNAVIGATION_INSTANCE');\n","import { booleanAttribute, ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { PortalContent } from '@lucca-front/ng/core';\nimport { LU_HORIZONTALNAVIGATION_INSTANCE } from './horizontal-navigation.token';\n\n@Component({\n\tselector: 'lu-horizontal-navigation-tab',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\ttemplate: '<ng-content/>',\n\thost: {\n\t\tclass: 'horizontalNavigation_panel',\n\t\trole: 'tabpanel',\n\t\ttabindex: '0',\n\t\t'[class.is-active]': 'selected()',\n\t\t'[id]': \"'panel-' + index()\",\n\t\t'[aria-labelledby]': \"'tab-' + index()\",\n\t},\n})\nexport class HorizontalNavigationTabComponent {\n\tprotected horizontalNavigationRef = inject(LU_HORIZONTALNAVIGATION_INSTANCE);\n\n\treadonly label = input.required<PortalContent>();\n\treadonly disabled = input(false, { transform: booleanAttribute });\n\treadonly index = computed(() => this.horizontalNavigationRef.getTabIndex(this));\n\treadonly selected = computed(() => !this.disabled() && this.index() === this.horizontalNavigationRef.selectedIndex());\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChildren, effect, ElementRef, forwardRef, inject, input, model, viewChildren, ViewEncapsulation } from '@angular/core';\nimport { DecorativePalette, isNil, isNotNil, Palette, PortalDirective } from '@lucca-front/ng/core';\nimport { LuDialogRef } from '@lucca-front/ng/dialog';\nimport { HorizontalNavigationLinkDirective } from './horizontal-navigation-link.directive';\nimport { HorizontalNavigationTabComponent } from './horizontal-navigation-tab.component';\nimport { LU_HORIZONTALNAVIGATION_INSTANCE } from './horizontal-navigation.token';\nimport { HorizontalNavigationSize } from './horizontal-navigation.type';\n\n@Component({\n\tselector: 'lu-horizontal-navigation',\n\ttemplateUrl: './horizontal-navigation.component.html',\n\tstyleUrl: './horizontal-navigation.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\t'[class.horizontalNavigationWrapper]': 'this.dialogRef !== null',\n\t},\n\timports: [NgTemplateOutlet, PortalDirective],\n\tproviders: [\n\t\t{\n\t\t\tprovide: LU_HORIZONTALNAVIGATION_INSTANCE,\n\t\t\tuseExisting: forwardRef(() => HorizontalNavigationComponent),\n\t\t},\n\t],\n})\nexport class HorizontalNavigationComponent {\n\treadonly dialogRef = inject(LuDialogRef, { optional: true });\n\n\treadonly links = contentChildren(HorizontalNavigationLinkDirective);\n\n\treadonly tabs = contentChildren(HorizontalNavigationTabComponent);\n\n\treadonly buttons = viewChildren<ElementRef<HTMLButtonElement>>('tabButton');\n\n\treadonly noBorder = input(false, { transform: booleanAttribute });\n\n\treadonly container = input(false, { transform: booleanAttribute });\n\n\treadonly vertical = input(false, { transform: booleanAttribute });\n\n\treadonly palette = input<Palette | DecorativePalette | null>(null);\n\treadonly paletteClass = computed(() => ({ [`palette-${this.palette()}`]: !!this.palette() }));\n\n\t/**\n\t * Which size should the horizontal navigation be? Defaults and small\n\t */\n\treadonly size = input<HorizontalNavigationSize | null>(null);\n\n\treadonly isTablist = computed(() => this.tabs().length > 0);\n\n\treadonly currentIndex = model<number>(0);\n\n\treadonly selectedIndex = computed(() => {\n\t\tconst tabCount = this.tabs().length;\n\t\tif (tabCount === 0) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst requestedIndex = this.currentIndex();\n\t\tconst normalizedIndex = ((requestedIndex % tabCount) + tabCount) % tabCount;\n\n\t\tconst requestedTab = this.tabs()[normalizedIndex];\n\t\tif (isNotNil(requestedTab) && !requestedTab.disabled()) {\n\t\t\treturn normalizedIndex;\n\t\t}\n\n\t\treturn this.findAccessibleTabIndex(normalizedIndex + 1, 1);\n\t});\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tconst normalizedIndex = this.selectedIndex();\n\t\t\tif (isNil(normalizedIndex)) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (this.currentIndex() !== normalizedIndex) {\n\t\t\t\tthis.currentIndex.set(normalizedIndex);\n\t\t\t}\n\t\t});\n\t}\n\n\tnavigateToFirstEnabledTab(): void {\n\t\tconst firstEnabledIndex = this.findAccessibleTabIndex(0, 1);\n\t\tif (isNotNil(firstEnabledIndex)) {\n\t\t\tthis.currentIndex.set(firstEnabledIndex);\n\t\t\tthis.buttons()[firstEnabledIndex].nativeElement.focus();\n\t\t}\n\t}\n\n\tnavigateToLastEnabledTab(): void {\n\t\tconst lastTabIndex = this.tabs().length - 1;\n\t\tif (lastTabIndex < 0) return;\n\n\t\tconst lastEnabledIndex = this.findAccessibleTabIndex(lastTabIndex, -1);\n\t\tif (isNotNil(lastEnabledIndex)) {\n\t\t\tthis.currentIndex.set(lastEnabledIndex);\n\t\t\tthis.buttons()[lastEnabledIndex].nativeElement.focus();\n\t\t}\n\t}\n\n\tgetTabIndex(tab: HorizontalNavigationTabComponent): number {\n\t\treturn this.tabs().indexOf(tab);\n\t}\n\n\tnavigateToTabByIndex(index: number): void {\n\t\tconst tab = this.tabs()[index];\n\t\tif (!tab || tab.disabled()) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.currentIndex.set(index);\n\t\tthis.buttons()[index].nativeElement.focus();\n\t}\n\n\tprivate findAccessibleTabIndex(startIndex: number, direction: number): number | null {\n\t\tconst tabCount = this.tabs().length;\n\t\tif (tabCount === 0) return null;\n\t\tif (direction !== 1 && direction !== -1) return null;\n\n\t\tconst tabs = this.tabs();\n\t\tlet attempts = 0;\n\t\tlet currentIndex = ((startIndex % tabCount) + tabCount) % tabCount;\n\n\t\twhile (attempts < tabCount) {\n\t\t\tconst tab = tabs[currentIndex];\n\t\t\tif (isNotNil(tab) && !tab.disabled()) {\n\t\t\t\treturn currentIndex;\n\t\t\t}\n\n\t\t\tcurrentIndex = (currentIndex + direction + tabCount) % tabCount;\n\t\t\tattempts++;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tchangeTab(event: KeyboardEvent, currentIndex: number): void {\n\t\tconst key = event.key;\n\n\t\tif (key === 'ArrowLeft' || key === 'ArrowUp') {\n\t\t\tevent.preventDefault();\n\t\t\tconst nextEnabledIndex = this.findAccessibleTabIndex(currentIndex - 1, -1);\n\t\t\tif (isNotNil(nextEnabledIndex)) {\n\t\t\t\tthis.navigateToTabByIndex(nextEnabledIndex);\n\t\t\t}\n\t\t} else if (key === 'ArrowRight' || key === 'ArrowDown') {\n\t\t\tevent.preventDefault();\n\t\t\tconst nextEnabledIndex = this.findAccessibleTabIndex(currentIndex + 1, 1);\n\t\t\tif (isNotNil(nextEnabledIndex)) {\n\t\t\t\tthis.navigateToTabByIndex(nextEnabledIndex);\n\t\t\t}\n\t\t} else if (key === 'Home') {\n\t\t\tevent.preventDefault();\n\t\t\tthis.navigateToFirstEnabledTab();\n\t\t} else if (key === 'End') {\n\t\t\tevent.preventDefault();\n\t\t\tthis.navigateToLastEnabledTab();\n\t\t}\n\t}\n}\n","<div\n\tclass=\"horizontalNavigation\"\n\t[class]=\"paletteClass()\"\n\t[class.mod-noBorder]=\"noBorder()\"\n\t[class.mod-S]=\"size() === `S`\"\n\t[class.mod-vertical]=\"vertical()\"\n>\n\t@if (container() || this.dialogRef !== null) {\n\t\t<div class=\"horizontalNavigation-containerOptional\">\n\t\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t\t</div>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"horizontalNavigationList\" />\n\t}\n</div>\n\n@if (isTablist()) {\n\t<ng-content />\n}\n\n<ng-template #horizontalNavigationList>\n\t<ul class=\"horizontalNavigation-list\" [attr.role]=\"isTablist() ? 'tablist' : null\">\n\t\t@if (isTablist()) {\n\t\t\t@for (tab of tabs(); track $index) {\n\t\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t\t<button\n\t\t\t\t\t\t#tabButton\n\t\t\t\t\t\t[attr.tabindex]=\"selectedIndex() !== $index ? '-1' : null\"\n\t\t\t\t\t\t[attr.aria-selected]=\"selectedIndex() === $index\"\n\t\t\t\t\t\t[attr.disabled]=\"tab.disabled() ? 'disabled' : null\"\n\t\t\t\t\t\taria-controls=\"panel-{{ tab.index() }}\"\n\t\t\t\t\t\tid=\"tab-{{ tab.index() }}\"\n\t\t\t\t\t\t(keydown)=\"changeTab($event, $index)\"\n\t\t\t\t\t\t(click)=\"navigateToTabByIndex($index)\"\n\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"horizontalNavigation-list-item-action\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ng-container *luPortal=\"tab.label()\" />\n\t\t\t\t\t</button>\n\t\t\t\t</li>\n\t\t\t}\n\t\t} @else {\n\t\t\t@for (link of links(); track $index) {\n\t\t\t\t<li class=\"horizontalNavigation-list-item\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t\t\t</li>\n\t\t\t}\n\t\t}\n\t</ul>\n</ng-template>\n","/**\n * Available HorizontalNavigationComponent Types\n */\n\nexport const HORIZONTAL_NAVIGATION_SIZE = ['S'] as const;\nexport type HorizontalNavigationSize = (typeof HORIZONTAL_NAVIGATION_SIZE)[number];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAKa,iCAAiC,CAAA;AAH9C,IAAA,WAAA,GAAA;AAIQ,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC;AACrC,IAAA;+GAFY,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAjC,iCAAiC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAjC,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAH7C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,8BAA8B;AACxC,iBAAA;;;ACDM,MAAM,gCAAgC,GAAG,IAAI,cAAc,CAAgC,kCAAkC,CAAC;;MCcxH,gCAAgC,CAAA;AAb7C,IAAA,WAAA,GAAA;AAcW,QAAA,IAAA,CAAA,uBAAuB,GAAG,MAAM,CAAC,gCAAgC,CAAC;AAEnE,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAiB;QACvC,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACxD,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,uBAAuB,CAAC,WAAW,CAAC,IAAI,CAAC,4EAAC;QACtE,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,uBAAuB,CAAC,aAAa,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;AACrH,IAAA;+GAPY,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gCAAgC,6jBAVlC,eAAe,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAUb,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAb5C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,8BAA8B;oBACxC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,IAAI,EAAE;AACL,wBAAA,KAAK,EAAE,4BAA4B;AACnC,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,QAAQ,EAAE,GAAG;AACb,wBAAA,mBAAmB,EAAE,YAAY;AACjC,wBAAA,MAAM,EAAE,oBAAoB;AAC5B,wBAAA,mBAAmB,EAAE,kBAAkB;AACvC,qBAAA;AACD,iBAAA;;;MCUY,6BAA6B,CAAA;AA4CzC,IAAA,WAAA,GAAA;QA3CS,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAEnD,QAAA,IAAA,CAAA,KAAK,GAAG,eAAe,CAAC,iCAAiC,4EAAC;AAE1D,QAAA,IAAA,CAAA,IAAI,GAAG,eAAe,CAAC,gCAAgC,2EAAC;AAExD,QAAA,IAAA,CAAA,OAAO,GAAG,YAAY,CAAgC,WAAW,8EAAC;QAElE,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAExD,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,iFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAEzD,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAExD,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAqC,IAAI,8EAAC;QACzD,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAA,QAAA,EAAW,IAAI,CAAC,OAAO,EAAE,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;AAE7F;;AAEG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAkC,IAAI,2EAAC;AAEnD,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,gFAAC;AAElD,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAS,CAAC,mFAAC;AAE/B,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;YACtC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM;AACnC,YAAA,IAAI,QAAQ,KAAK,CAAC,EAAE;AACnB,gBAAA,OAAO,IAAI;YACZ;AAEA,YAAA,MAAM,cAAc,GAAG,IAAI,CAAC,YAAY,EAAE;AAC1C,YAAA,MAAM,eAAe,GAAG,CAAC,CAAC,cAAc,GAAG,QAAQ,IAAI,QAAQ,IAAI,QAAQ;YAE3E,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,eAAe,CAAC;YACjD,IAAI,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE;AACvD,gBAAA,OAAO,eAAe;YACvB;YAEA,OAAO,IAAI,CAAC,sBAAsB,CAAC,eAAe,GAAG,CAAC,EAAE,CAAC,CAAC;AAC3D,QAAA,CAAC,oFAAC;QAGD,MAAM,CAAC,MAAK;AACX,YAAA,MAAM,eAAe,GAAG,IAAI,CAAC,aAAa,EAAE;AAC5C,YAAA,IAAI,KAAK,CAAC,eAAe,CAAC,EAAE;gBAC3B;YACD;AAEA,YAAA,IAAI,IAAI,CAAC,YAAY,EAAE,KAAK,eAAe,EAAE;AAC5C,gBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,eAAe,CAAC;YACvC;AACD,QAAA,CAAC,CAAC;IACH;IAEA,yBAAyB,GAAA;QACxB,MAAM,iBAAiB,GAAG,IAAI,CAAC,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC;AAC3D,QAAA,IAAI,QAAQ,CAAC,iBAAiB,CAAC,EAAE;AAChC,YAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC;YACxC,IAAI,CAAC,OAAO,EAAE,CAAC,iBAAiB,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE;QACxD;IACD;IAEA,wBAAwB,GAAA;QACvB,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;QAC3C,IAAI,YAAY,GAAG,CAAC;YAAE;QAEtB,MAAM,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;AACtE,QAAA,IAAI,QAAQ,CAAC,gBAAgB,CAAC,EAAE;AAC/B,YAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,gBAAgB,CAAC;YACvC,IAAI,CAAC,OAAO,EAAE,CAAC,gBAAgB,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE;QACvD;IACD;AAEA,IAAA,WAAW,CAAC,GAAqC,EAAA;QAChD,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;IAChC;AAEA,IAAA,oBAAoB,CAAC,KAAa,EAAA;QACjC,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC;QAC9B,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,QAAQ,EAAE,EAAE;YAC3B;QACD;AAEA,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC;QAC5B,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE;IAC5C;IAEQ,sBAAsB,CAAC,UAAkB,EAAE,SAAiB,EAAA;QACnE,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM;QACnC,IAAI,QAAQ,KAAK,CAAC;AAAE,YAAA,OAAO,IAAI;AAC/B,QAAA,IAAI,SAAS,KAAK,CAAC,IAAI,SAAS,KAAK,CAAC,CAAC;AAAE,YAAA,OAAO,IAAI;AAEpD,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;QACxB,IAAI,QAAQ,GAAG,CAAC;AAChB,QAAA,IAAI,YAAY,GAAG,CAAC,CAAC,UAAU,GAAG,QAAQ,IAAI,QAAQ,IAAI,QAAQ;AAElE,QAAA,OAAO,QAAQ,GAAG,QAAQ,EAAE;AAC3B,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC;YAC9B,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE;AACrC,gBAAA,OAAO,YAAY;YACpB;YAEA,YAAY,GAAG,CAAC,YAAY,GAAG,SAAS,GAAG,QAAQ,IAAI,QAAQ;AAC/D,YAAA,QAAQ,EAAE;QACX;AAEA,QAAA,OAAO,IAAI;IACZ;IAEA,SAAS,CAAC,KAAoB,EAAE,YAAoB,EAAA;AACnD,QAAA,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG;QAErB,IAAI,GAAG,KAAK,WAAW,IAAI,GAAG,KAAK,SAAS,EAAE;YAC7C,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,CAAC,YAAY,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AAC1E,YAAA,IAAI,QAAQ,CAAC,gBAAgB,CAAC,EAAE;AAC/B,gBAAA,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC;YAC5C;QACD;aAAO,IAAI,GAAG,KAAK,YAAY,IAAI,GAAG,KAAK,WAAW,EAAE;YACvD,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,CAAC,YAAY,GAAG,CAAC,EAAE,CAAC,CAAC;AACzE,YAAA,IAAI,QAAQ,CAAC,gBAAgB,CAAC,EAAE;AAC/B,gBAAA,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC;YAC5C;QACD;AAAO,aAAA,IAAI,GAAG,KAAK,MAAM,EAAE;YAC1B,KAAK,CAAC,cAAc,EAAE;YACtB,IAAI,CAAC,yBAAyB,EAAE;QACjC;AAAO,aAAA,IAAI,GAAG,KAAK,KAAK,EAAE;YACzB,KAAK,CAAC,cAAc,EAAE;YACtB,IAAI,CAAC,wBAAwB,EAAE;QAChC;IACD;+GAtIY,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mCAAA,EAAA,yBAAA,EAAA,EAAA,EAAA,SAAA,EAP9B;AACV,YAAA;AACC,gBAAA,OAAO,EAAE,gCAAgC;AACzC,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,6BAA6B,CAAC;AAC5D,aAAA;SACD,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAKgC,iCAAiC,uDAElC,gCAAgC,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,WAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC/BjE,mqDAmDA,EAAA,MAAA,EAAA,CAAA,yylBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDjCW,gBAAgB,oJAAE,eAAe,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAQ/B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAjBzC,SAAS;+BACC,0BAA0B,EAAA,aAAA,EAGrB,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACL,wBAAA,qCAAqC,EAAE,yBAAyB;AAChE,qBAAA,EAAA,OAAA,EACQ,CAAC,gBAAgB,EAAE,eAAe,CAAC,EAAA,SAAA,EACjC;AACV,wBAAA;AACC,4BAAA,OAAO,EAAE,gCAAgC;AACzC,4BAAA,WAAW,EAAE,UAAU,CAAC,mCAAmC,CAAC;AAC5D,yBAAA;AACD,qBAAA,EAAA,QAAA,EAAA,mqDAAA,EAAA,MAAA,EAAA,CAAA,yylBAAA,CAAA,EAAA;uHAKgC,iCAAiC,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAElC,gCAAgC,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAED,WAAW,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,WAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,cAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEjC3E;;AAEG;AAEI,MAAM,0BAA0B,GAAG,CAAC,GAAG;;ACJ9C;;AAEG;;;;"}
package/fesm2022/lucca-front-ng-impersonation.mjs CHANGED
@@ -102,13 +102,13 @@ class ImpersonationComponent {
102
102
  });
103
103
  }
104
104
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ImpersonationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
105
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: ImpersonationComponent, isStandalone: true, selector: "lu-impersonation", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, selectedUser: { classPropertyName: "selectedUser", publicName: "selectedUser", isSignal: true, isRequired: false, transformFunction: null }, enableFormerEmployees: { classPropertyName: "enableFormerEmployees", publicName: "enableFormerEmployees", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedUser: "selectedUserChange", clear: "clear" }, host: { classAttribute: "impersonation" }, viewQueries: [{ propertyName: "inputComponentRef", first: true, predicate: LuSimpleSelectInputComponent, descendants: true, isSignal: true }, { propertyName: "popoverRef", first: true, predicate: PopoverDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<button\n\ttype=\"button\"\n\tclass=\"impersonation-trigger\"\n\t[class.is-active]=\"isNotMe() && selectedUser()\"\n\t[luPopover2]=\"impersonationPopover\"\n\t[luPopoverNoCloseButton]=\"true\"\n\t[customPositions]=\"popoverPositions\"\n\t[luPopoverAnchor]=\"elementRef\"\n\t#popoverRef=\"luPopover2\"\n\t[attr.aria-expanded]=\"popoverRef.opened()\"\n\t(keydown.arrowDown)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n\t(keydown.arrowUp)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n>\n\t<span class=\"pr-u-mask\">{{ intl().switchProfile }}</span>\n\n\t@let user = selectedUser();\n\t@if (user) {\n\t\t<lu-user-picture aria-hidden=\"true\" [user]=\"user\" size=\"S\" softRounded />\n\t\t{{ user | luUserDisplay }}\n\t} @else {\n\t\t<lu-user-picture placeholder aria-hidden=\"true\" size=\"S\" softRounded />\n\t\t<div class=\"skeleton is-loading\" style=\"inline-size: 5.5rem\">\n\t\t\t<span class=\"skeleton-item\"></span>\n\t\t</div>\n\t}\n\t<span class=\"pr-u-mask\">{{ intl().a11yNavigationDescription }}</span>\n\t<lu-icon class=\"impersonation-trigger-icon\" icon=\"chevronBottom\" />\n</button>\n<lu-clear class=\"impersonation-clear\" (onClear)=\"clear.emit()\" [intl]=\"{ clear: intl().clear }\" />\n\n<ng-template #impersonationPopover>\n\t<div class=\"impersonation_popover-content popover-contentOptional\">\n\t\t<lu-simple-select impersonation [(ngModel)]=\"selectedUser\" users [enableFormerEmployees]=\"enableFormerEmployees()\" #selectRef>\n\t\t\t<ng-container *luOption=\"let user; select: selectRef\">\n\t\t\t\t<div class=\"impersonation_popover-content-option\" [class.mod-me]=\"currentUserId === user.id\">\n\t\t\t\t\t<lu-user-picture aria-hidden=\"true\" [user]=\"user\" size=\"XS\" softRounded />\n\t\t\t\t\t<div>\n\t\t\t\t\t\t@if (currentUserId === user.id) {\n\t\t\t\t\t\t\t{{ intl().me }} <span translate=\"no\">{{ user | luUserDisplay }}</span>\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<span translate=\"no\">{{ user | luUserDisplay }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<!-- Handle homonyms -->\n\t\t\t\t\t\t@if (user.additionalInformation) {\n\t\t\t\t\t\t\t<div class=\"option-additional\">\n\t\t\t\t\t\t\t\t{{ user.additionalInformation }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ng-container>\n\t\t</lu-simple-select>\n\t</div>\n</ng-template>\n", styles: ["@layer components{.impersonation{--components-impersonation-trigger-borderColor: var(--palettes-neutral-100);--components-impersonation-trigger-icon-rotate: 0deg;--components-impersonation-trigger-backgroundColor: var(--palettes-neutral-0);--components-impersonation-trigger-fontWeight: var(--pr-t-font-fontWeight-regular);--components-impersonation-trigger-color: var(--pr-t-color-text);--components-impersonation-trigger-icon-color: var(--pr-t-color-text-subtle);--components-impersonation-trigger-boxShadow: none;--components-impersonation-clear-display: none;--components-impersonation-trigger-icon-marginInlineStart: auto;position:relative;inline-size:fit-content;display:block}.impersonation-trigger{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border:1px solid var(--components-impersonation-trigger-borderColor);background-color:var(--components-impersonation-trigger-backgroundColor);border-radius:var(--pr-t-border-radius-200);inline-size:fit-content;display:flex;align-items:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-50);padding-inline-end:var(--pr-t-spacings-100);min-block-size:var(--pr-t-spacings-500);font-weight:var(--components-impersonation-trigger-fontWeight);color:var(--components-impersonation-trigger-color);box-shadow:var(--components-impersonation-trigger-boxShadow);transition-property:box-shadow,border-color;transition-duration:var(--commons-animations-durations-fast)}.impersonation-trigger-icon{color:var(--components-impersonation-trigger-icon-color);rotate:var(--components-impersonation-trigger-icon-rotate);transition-property:rotate;transition-duration:var(--commons-animations-durations-fast);margin-inline-start:var(--components-impersonation-trigger-icon-marginInlineStart)}.impersonation-clear.clear{position:absolute;z-index:1;inset-inline-end:calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-75));inset-block-start:calc(var(--pr-t-spacings-150) + 1px);display:var(--components-impersonation-clear-display);--components-clear-cross-color: var(--palettes-neutral-0);--components-clear-background: var(--palettes-product-800)}.impersonation-clear.clear:hover{--components-clear-background: var(--palettes-product-700)}.impersonation-clear.clear:active{--components-clear-background: var(--palettes-product-900)}.impersonation_popover-content-option{display:flex;color:var(--pr-t-color-text)}.impersonation_popover-content-option.mod-me{font-weight:var(--pr-t-font-fontWeight-semibold)}}@layer mods{.impersonation:has(.impersonation-trigger.is-active){--components-impersonation-trigger-backgroundColor: var(--palettes-product-50);--components-impersonation-trigger-borderColor: var(--palettes-product-200);--components-impersonation-trigger-fontWeight: var(--pr-t-font-fontWeight-semibold);--components-impersonation-trigger-color: var(--palettes-product-800);--components-impersonation-trigger-icon-color: var(--palettes-product-700);--components-impersonation-clear-display: grid;--components-impersonation-trigger-icon-marginInlineStart: var(--pr-t-spacings-250)}.impersonation:has(.impersonation-trigger:hover){--components-impersonation-trigger-borderColor: var(--palettes-product-400);--components-impersonation-trigger-shadow: var(--pr-t-elevation-shadow-button)}.impersonation:has(.impersonation-trigger[aria-expanded=true]){--components-impersonation-trigger-icon-rotate: 180deg}}\n"], dependencies: [{ kind: "directive", type: PopoverDirective, selector: "[luPopover2]", inputs: ["intl", "luPopover2", "luPopoverPosition", "luPopoverMaxBlockSize", "luPopoverMaxInlineSize", "overlayScrollStrategy", "luPopoverDisabled", "luPopoverTrigger", "customPositions", "luPopoverNoCloseButton", "luPopoverAnchor", "luPopoverOpenDelay", "luPopoverCloseDelay"], outputs: ["luPopoverTriggerChange", "luPopoverClosed", "luPopoverOpened"], exportAs: ["luPopover2"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LuSimpleSelectInputComponent, selector: "lu-simple-select", inputs: ["intl", "autocomplete", "impersonation"] }, { kind: "directive", type: LuCoreSelectUsersDirective, selector: "lu-simple-select[users],lu-multi-select[users]", inputs: ["displayFormat", "filters", "url", "orderBy", "operationIds", "uniqueOperationIds", "appInstanceId", "enableFormerEmployees", "displayMeOption", "customUserOptionTpl", "searchDelimiter"], outputs: ["customUserOptionTplChange"], exportAs: ["luUsers"] }, { kind: "directive", type: LuOptionDirective, selector: "[luOption]", inputs: ["luOptionSelect"] }, { kind: "component", type: LuUserPictureComponent, selector: "lu-user-picture", inputs: ["displayFormat", "user", "AI", "placeholder", "softRounded", "size", "imageLoadingAttribute"] }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "pipe", type: LuUserDisplayPipe, name: "luUserDisplay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
105
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: ImpersonationComponent, isStandalone: true, selector: "lu-impersonation", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, selectedUser: { classPropertyName: "selectedUser", publicName: "selectedUser", isSignal: true, isRequired: false, transformFunction: null }, enableFormerEmployees: { classPropertyName: "enableFormerEmployees", publicName: "enableFormerEmployees", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedUser: "selectedUserChange", clear: "clear" }, host: { classAttribute: "impersonation" }, viewQueries: [{ propertyName: "inputComponentRef", first: true, predicate: LuSimpleSelectInputComponent, descendants: true, isSignal: true }, { propertyName: "popoverRef", first: true, predicate: PopoverDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<button\n\ttype=\"button\"\n\tclass=\"impersonation-trigger\"\n\t[class.is-active]=\"isNotMe() && selectedUser()\"\n\t[luPopover2]=\"impersonationPopover\"\n\t[luPopoverNoCloseButton]=\"true\"\n\t[customPositions]=\"popoverPositions\"\n\t[luPopoverAnchor]=\"elementRef\"\n\t#popoverRef=\"luPopover2\"\n\t[attr.aria-expanded]=\"popoverRef.opened()\"\n\t(keydown.arrowDown)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n\t(keydown.arrowUp)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n>\n\t<span class=\"pr-u-mask\">{{ intl().switchProfile }}</span>\n\n\t@let user = selectedUser();\n\t@if (user) {\n\t\t<lu-user-picture aria-hidden=\"true\" [user]=\"user\" size=\"S\" softRounded />\n\t\t{{ user | luUserDisplay }}\n\t} @else {\n\t\t<lu-user-picture placeholder aria-hidden=\"true\" size=\"S\" softRounded />\n\t\t<div class=\"skeleton is-loading\" style=\"inline-size: 5.5rem\">\n\t\t\t<span class=\"skeleton-item\"></span>\n\t\t</div>\n\t}\n\t<span class=\"pr-u-mask\">{{ intl().a11yNavigationDescription }}</span>\n\t<lu-icon class=\"impersonation-trigger-icon\" icon=\"chevronBottom\" />\n</button>\n<lu-clear class=\"impersonation-clear\" (onClear)=\"clear.emit()\" [intl]=\"{ clear: intl().clear }\" />\n\n<ng-template #impersonationPopover>\n\t<div class=\"impersonation_popover-content popover-contentOptional\">\n\t\t<lu-simple-select impersonation [(ngModel)]=\"selectedUser\" users [enableFormerEmployees]=\"enableFormerEmployees()\" #selectRef>\n\t\t\t<ng-container *luOption=\"let user; select: selectRef\">\n\t\t\t\t<div class=\"impersonation_popover-content-option\" [class.mod-me]=\"currentUserId === user.id\">\n\t\t\t\t\t<lu-user-picture aria-hidden=\"true\" [user]=\"user\" size=\"XS\" softRounded />\n\t\t\t\t\t<div>\n\t\t\t\t\t\t@if (currentUserId === user.id) {\n\t\t\t\t\t\t\t{{ intl().me }} <span translate=\"no\">{{ user | luUserDisplay }}</span>\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<span translate=\"no\">{{ user | luUserDisplay }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<!-- Handle homonyms -->\n\t\t\t\t\t\t@if (user.additionalInformation) {\n\t\t\t\t\t\t\t<div class=\"option-additional\">\n\t\t\t\t\t\t\t\t{{ user.additionalInformation }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ng-container>\n\t\t</lu-simple-select>\n\t</div>\n</ng-template>\n", styles: ["@layer components{.impersonation{--components-impersonation-trigger-borderColor: var(--palettes-neutral-100);--components-impersonation-trigger-icon-rotate: 0deg;--components-impersonation-trigger-backgroundColor: var(--palettes-neutral-0);--components-impersonation-trigger-fontWeight: var(--pr-t-font-fontWeight-regular);--components-impersonation-trigger-color: var(--pr-t-color-text);--components-impersonation-trigger-icon-color: var(--pr-t-color-text-subtle);--components-impersonation-clear-display: none;--components-impersonation-trigger-icon-marginInlineStart: auto;position:relative;inline-size:fit-content;display:block}.impersonation-trigger{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;box-shadow:0 0 0 1px var(--components-impersonation-trigger-borderColor);background-color:var(--components-impersonation-trigger-backgroundColor);border-radius:var(--pr-t-border-radius-200);inline-size:fit-content;display:flex;align-items:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-50);padding-inline-end:var(--pr-t-spacings-100);min-block-size:var(--pr-t-spacings-500);font-weight:var(--components-impersonation-trigger-fontWeight);color:var(--components-impersonation-trigger-color);transition-property:box-shadow,border-color;transition-duration:var(--commons-animations-durations-fast)}.impersonation-trigger-icon{color:var(--components-impersonation-trigger-icon-color);rotate:var(--components-impersonation-trigger-icon-rotate);transition-property:rotate;transition-duration:var(--commons-animations-durations-fast);margin-inline-start:var(--components-impersonation-trigger-icon-marginInlineStart)}.impersonation-clear.clear{position:absolute;z-index:1;inset-inline-end:calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-75));inset-block-start:calc(var(--pr-t-spacings-150) + 1px);display:var(--components-impersonation-clear-display);--components-clear-cross-color: var(--palettes-neutral-0);--components-clear-background: var(--palettes-product-800)}.impersonation-clear.clear:hover{--components-clear-background: var(--palettes-product-700)}.impersonation-clear.clear:active{--components-clear-background: var(--palettes-product-900)}.impersonation_popover-content-option{display:flex;color:var(--pr-t-color-text)}.impersonation_popover-content-option.mod-me{font-weight:var(--pr-t-font-fontWeight-semibold)}}@layer mods{.impersonation:has(.impersonation-trigger.is-active){--components-impersonation-trigger-backgroundColor: var(--palettes-product-50);--components-impersonation-trigger-borderColor: var(--palettes-product-200);--components-impersonation-trigger-fontWeight: var(--pr-t-font-fontWeight-semibold);--components-impersonation-trigger-color: var(--palettes-product-800);--components-impersonation-trigger-icon-color: var(--palettes-product-700);--components-impersonation-clear-display: grid;--components-impersonation-trigger-icon-marginInlineStart: var(--pr-t-spacings-250)}.impersonation:has(.impersonation-trigger:hover){--components-impersonation-trigger-borderColor: var(--palettes-product-400);--components-impersonation-trigger-shadow: var(--pr-t-elevation-shadow-button)}.impersonation:has(.impersonation-trigger[aria-expanded=true]){--components-impersonation-trigger-icon-rotate: 180deg}}\n"], dependencies: [{ kind: "directive", type: PopoverDirective, selector: "[luPopover2]", inputs: ["intl", "luPopover2", "luPopoverPosition", "luPopoverMaxBlockSize", "luPopoverMaxInlineSize", "overlayScrollStrategy", "luPopoverDisabled", "luPopoverTrigger", "customPositions", "luPopoverNoCloseButton", "luPopoverAnchor", "luPopoverOpenDelay", "luPopoverCloseDelay"], outputs: ["luPopoverTriggerChange", "luPopoverClosed", "luPopoverOpened"], exportAs: ["luPopover2"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LuSimpleSelectInputComponent, selector: "lu-simple-select", inputs: ["intl", "autocomplete", "impersonation"] }, { kind: "directive", type: LuCoreSelectUsersDirective, selector: "lu-simple-select[users],lu-multi-select[users]", inputs: ["displayFormat", "filters", "url", "orderBy", "operationIds", "uniqueOperationIds", "appInstanceId", "enableFormerEmployees", "displayMeOption", "customUserOptionTpl", "searchDelimiter"], outputs: ["customUserOptionTplChange"], exportAs: ["luUsers"] }, { kind: "directive", type: LuOptionDirective, selector: "[luOption]", inputs: ["luOptionSelect"] }, { kind: "component", type: LuUserPictureComponent, selector: "lu-user-picture", inputs: ["displayFormat", "user", "AI", "placeholder", "softRounded", "size", "imageLoadingAttribute"] }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "pipe", type: LuUserDisplayPipe, name: "luUserDisplay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
106
106
  }
107
107
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ImpersonationComponent, decorators: [{
108
108
  type: Component,
109
109
  args: [{ selector: 'lu-impersonation', imports: [PopoverDirective, FormsModule, LuSimpleSelectInputComponent, LuCoreSelectUsersDirective, LuUserDisplayPipe, LuOptionDirective, LuUserPictureComponent, IconComponent, ClearComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
110
110
  class: 'impersonation',
111
- }, template: "<button\n\ttype=\"button\"\n\tclass=\"impersonation-trigger\"\n\t[class.is-active]=\"isNotMe() && selectedUser()\"\n\t[luPopover2]=\"impersonationPopover\"\n\t[luPopoverNoCloseButton]=\"true\"\n\t[customPositions]=\"popoverPositions\"\n\t[luPopoverAnchor]=\"elementRef\"\n\t#popoverRef=\"luPopover2\"\n\t[attr.aria-expanded]=\"popoverRef.opened()\"\n\t(keydown.arrowDown)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n\t(keydown.arrowUp)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n>\n\t<span class=\"pr-u-mask\">{{ intl().switchProfile }}</span>\n\n\t@let user = selectedUser();\n\t@if (user) {\n\t\t<lu-user-picture aria-hidden=\"true\" [user]=\"user\" size=\"S\" softRounded />\n\t\t{{ user | luUserDisplay }}\n\t} @else {\n\t\t<lu-user-picture placeholder aria-hidden=\"true\" size=\"S\" softRounded />\n\t\t<div class=\"skeleton is-loading\" style=\"inline-size: 5.5rem\">\n\t\t\t<span class=\"skeleton-item\"></span>\n\t\t</div>\n\t}\n\t<span class=\"pr-u-mask\">{{ intl().a11yNavigationDescription }}</span>\n\t<lu-icon class=\"impersonation-trigger-icon\" icon=\"chevronBottom\" />\n</button>\n<lu-clear class=\"impersonation-clear\" (onClear)=\"clear.emit()\" [intl]=\"{ clear: intl().clear }\" />\n\n<ng-template #impersonationPopover>\n\t<div class=\"impersonation_popover-content popover-contentOptional\">\n\t\t<lu-simple-select impersonation [(ngModel)]=\"selectedUser\" users [enableFormerEmployees]=\"enableFormerEmployees()\" #selectRef>\n\t\t\t<ng-container *luOption=\"let user; select: selectRef\">\n\t\t\t\t<div class=\"impersonation_popover-content-option\" [class.mod-me]=\"currentUserId === user.id\">\n\t\t\t\t\t<lu-user-picture aria-hidden=\"true\" [user]=\"user\" size=\"XS\" softRounded />\n\t\t\t\t\t<div>\n\t\t\t\t\t\t@if (currentUserId === user.id) {\n\t\t\t\t\t\t\t{{ intl().me }} <span translate=\"no\">{{ user | luUserDisplay }}</span>\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<span translate=\"no\">{{ user | luUserDisplay }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<!-- Handle homonyms -->\n\t\t\t\t\t\t@if (user.additionalInformation) {\n\t\t\t\t\t\t\t<div class=\"option-additional\">\n\t\t\t\t\t\t\t\t{{ user.additionalInformation }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ng-container>\n\t\t</lu-simple-select>\n\t</div>\n</ng-template>\n", styles: ["@layer components{.impersonation{--components-impersonation-trigger-borderColor: var(--palettes-neutral-100);--components-impersonation-trigger-icon-rotate: 0deg;--components-impersonation-trigger-backgroundColor: var(--palettes-neutral-0);--components-impersonation-trigger-fontWeight: var(--pr-t-font-fontWeight-regular);--components-impersonation-trigger-color: var(--pr-t-color-text);--components-impersonation-trigger-icon-color: var(--pr-t-color-text-subtle);--components-impersonation-trigger-boxShadow: none;--components-impersonation-clear-display: none;--components-impersonation-trigger-icon-marginInlineStart: auto;position:relative;inline-size:fit-content;display:block}.impersonation-trigger{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border:1px solid var(--components-impersonation-trigger-borderColor);background-color:var(--components-impersonation-trigger-backgroundColor);border-radius:var(--pr-t-border-radius-200);inline-size:fit-content;display:flex;align-items:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-50);padding-inline-end:var(--pr-t-spacings-100);min-block-size:var(--pr-t-spacings-500);font-weight:var(--components-impersonation-trigger-fontWeight);color:var(--components-impersonation-trigger-color);box-shadow:var(--components-impersonation-trigger-boxShadow);transition-property:box-shadow,border-color;transition-duration:var(--commons-animations-durations-fast)}.impersonation-trigger-icon{color:var(--components-impersonation-trigger-icon-color);rotate:var(--components-impersonation-trigger-icon-rotate);transition-property:rotate;transition-duration:var(--commons-animations-durations-fast);margin-inline-start:var(--components-impersonation-trigger-icon-marginInlineStart)}.impersonation-clear.clear{position:absolute;z-index:1;inset-inline-end:calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-75));inset-block-start:calc(var(--pr-t-spacings-150) + 1px);display:var(--components-impersonation-clear-display);--components-clear-cross-color: var(--palettes-neutral-0);--components-clear-background: var(--palettes-product-800)}.impersonation-clear.clear:hover{--components-clear-background: var(--palettes-product-700)}.impersonation-clear.clear:active{--components-clear-background: var(--palettes-product-900)}.impersonation_popover-content-option{display:flex;color:var(--pr-t-color-text)}.impersonation_popover-content-option.mod-me{font-weight:var(--pr-t-font-fontWeight-semibold)}}@layer mods{.impersonation:has(.impersonation-trigger.is-active){--components-impersonation-trigger-backgroundColor: var(--palettes-product-50);--components-impersonation-trigger-borderColor: var(--palettes-product-200);--components-impersonation-trigger-fontWeight: var(--pr-t-font-fontWeight-semibold);--components-impersonation-trigger-color: var(--palettes-product-800);--components-impersonation-trigger-icon-color: var(--palettes-product-700);--components-impersonation-clear-display: grid;--components-impersonation-trigger-icon-marginInlineStart: var(--pr-t-spacings-250)}.impersonation:has(.impersonation-trigger:hover){--components-impersonation-trigger-borderColor: var(--palettes-product-400);--components-impersonation-trigger-shadow: var(--pr-t-elevation-shadow-button)}.impersonation:has(.impersonation-trigger[aria-expanded=true]){--components-impersonation-trigger-icon-rotate: 180deg}}\n"] }]
111
+ }, template: "<button\n\ttype=\"button\"\n\tclass=\"impersonation-trigger\"\n\t[class.is-active]=\"isNotMe() && selectedUser()\"\n\t[luPopover2]=\"impersonationPopover\"\n\t[luPopoverNoCloseButton]=\"true\"\n\t[customPositions]=\"popoverPositions\"\n\t[luPopoverAnchor]=\"elementRef\"\n\t#popoverRef=\"luPopover2\"\n\t[attr.aria-expanded]=\"popoverRef.opened()\"\n\t(keydown.arrowDown)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n\t(keydown.arrowUp)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n>\n\t<span class=\"pr-u-mask\">{{ intl().switchProfile }}</span>\n\n\t@let user = selectedUser();\n\t@if (user) {\n\t\t<lu-user-picture aria-hidden=\"true\" [user]=\"user\" size=\"S\" softRounded />\n\t\t{{ user | luUserDisplay }}\n\t} @else {\n\t\t<lu-user-picture placeholder aria-hidden=\"true\" size=\"S\" softRounded />\n\t\t<div class=\"skeleton is-loading\" style=\"inline-size: 5.5rem\">\n\t\t\t<span class=\"skeleton-item\"></span>\n\t\t</div>\n\t}\n\t<span class=\"pr-u-mask\">{{ intl().a11yNavigationDescription }}</span>\n\t<lu-icon class=\"impersonation-trigger-icon\" icon=\"chevronBottom\" />\n</button>\n<lu-clear class=\"impersonation-clear\" (onClear)=\"clear.emit()\" [intl]=\"{ clear: intl().clear }\" />\n\n<ng-template #impersonationPopover>\n\t<div class=\"impersonation_popover-content popover-contentOptional\">\n\t\t<lu-simple-select impersonation [(ngModel)]=\"selectedUser\" users [enableFormerEmployees]=\"enableFormerEmployees()\" #selectRef>\n\t\t\t<ng-container *luOption=\"let user; select: selectRef\">\n\t\t\t\t<div class=\"impersonation_popover-content-option\" [class.mod-me]=\"currentUserId === user.id\">\n\t\t\t\t\t<lu-user-picture aria-hidden=\"true\" [user]=\"user\" size=\"XS\" softRounded />\n\t\t\t\t\t<div>\n\t\t\t\t\t\t@if (currentUserId === user.id) {\n\t\t\t\t\t\t\t{{ intl().me }} <span translate=\"no\">{{ user | luUserDisplay }}</span>\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<span translate=\"no\">{{ user | luUserDisplay }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<!-- Handle homonyms -->\n\t\t\t\t\t\t@if (user.additionalInformation) {\n\t\t\t\t\t\t\t<div class=\"option-additional\">\n\t\t\t\t\t\t\t\t{{ user.additionalInformation }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ng-container>\n\t\t</lu-simple-select>\n\t</div>\n</ng-template>\n", styles: ["@layer components{.impersonation{--components-impersonation-trigger-borderColor: var(--palettes-neutral-100);--components-impersonation-trigger-icon-rotate: 0deg;--components-impersonation-trigger-backgroundColor: var(--palettes-neutral-0);--components-impersonation-trigger-fontWeight: var(--pr-t-font-fontWeight-regular);--components-impersonation-trigger-color: var(--pr-t-color-text);--components-impersonation-trigger-icon-color: var(--pr-t-color-text-subtle);--components-impersonation-clear-display: none;--components-impersonation-trigger-icon-marginInlineStart: auto;position:relative;inline-size:fit-content;display:block}.impersonation-trigger{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;box-shadow:0 0 0 1px var(--components-impersonation-trigger-borderColor);background-color:var(--components-impersonation-trigger-backgroundColor);border-radius:var(--pr-t-border-radius-200);inline-size:fit-content;display:flex;align-items:center;gap:var(--pr-t-spacings-100);padding:var(--pr-t-spacings-50);padding-inline-end:var(--pr-t-spacings-100);min-block-size:var(--pr-t-spacings-500);font-weight:var(--components-impersonation-trigger-fontWeight);color:var(--components-impersonation-trigger-color);transition-property:box-shadow,border-color;transition-duration:var(--commons-animations-durations-fast)}.impersonation-trigger-icon{color:var(--components-impersonation-trigger-icon-color);rotate:var(--components-impersonation-trigger-icon-rotate);transition-property:rotate;transition-duration:var(--commons-animations-durations-fast);margin-inline-start:var(--components-impersonation-trigger-icon-marginInlineStart)}.impersonation-clear.clear{position:absolute;z-index:1;inset-inline-end:calc(var(--pr-t-spacings-400) + var(--pr-t-spacings-75));inset-block-start:calc(var(--pr-t-spacings-150) + 1px);display:var(--components-impersonation-clear-display);--components-clear-cross-color: var(--palettes-neutral-0);--components-clear-background: var(--palettes-product-800)}.impersonation-clear.clear:hover{--components-clear-background: var(--palettes-product-700)}.impersonation-clear.clear:active{--components-clear-background: var(--palettes-product-900)}.impersonation_popover-content-option{display:flex;color:var(--pr-t-color-text)}.impersonation_popover-content-option.mod-me{font-weight:var(--pr-t-font-fontWeight-semibold)}}@layer mods{.impersonation:has(.impersonation-trigger.is-active){--components-impersonation-trigger-backgroundColor: var(--palettes-product-50);--components-impersonation-trigger-borderColor: var(--palettes-product-200);--components-impersonation-trigger-fontWeight: var(--pr-t-font-fontWeight-semibold);--components-impersonation-trigger-color: var(--palettes-product-800);--components-impersonation-trigger-icon-color: var(--palettes-product-700);--components-impersonation-clear-display: grid;--components-impersonation-trigger-icon-marginInlineStart: var(--pr-t-spacings-250)}.impersonation:has(.impersonation-trigger:hover){--components-impersonation-trigger-borderColor: var(--palettes-product-400);--components-impersonation-trigger-shadow: var(--pr-t-elevation-shadow-button)}.impersonation:has(.impersonation-trigger[aria-expanded=true]){--components-impersonation-trigger-icon-rotate: 180deg}}\n"] }]
112
112
  }], ctorParameters: () => [], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], inputComponentRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => LuSimpleSelectInputComponent), { isSignal: true }] }], popoverRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => PopoverDirective), { isSignal: true }] }], selectedUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedUser", required: false }] }, { type: i0.Output, args: ["selectedUserChange"] }], enableFormerEmployees: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableFormerEmployees", required: false }] }], clear: [{ type: i0.Output, args: ["clear"] }] } });
113
113
 
114
114
  /**
package/fesm2022/lucca-front-ng-impersonation.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"lucca-front-ng-impersonation.mjs","sources":["../../../packages/ng/impersonation/impersonation/translations.ts","../../../packages/ng/impersonation/impersonation/impersonation.translate.ts","../../../packages/ng/impersonation/impersonation/impersonation.component.ts","../../../packages/ng/impersonation/impersonation/impersonation.component.html","../../../packages/ng/impersonation/lucca-front-ng-impersonation.ts"],"sourcesContent":["export const Translations = {\n\t'nl-BE': {\n\t\ta11yNavigationDescription: '– De inhoud van de pagina wordt bijgewerkt zodra dit filter wordt gewijzigd',\n\t\tswitchProfile: 'Profiel wijzigen:',\n\t\tclear: 'Terug naar standaardprofiel',\n\t},\n\tnl: {\n\t\ta11yNavigationDescription: '– De inhoud van de pagina wordt bijgewerkt zodra dit filter wordt gewijzigd',\n\t\tswitchProfile: 'Profiel wijzigen:',\n\t\tclear: 'Terug naar standaardprofiel',\n\t},\n\tit: {\n\t\ta11yNavigationDescription: '– Il contenuto della pagina si aggiorna non appena questo filtro viene modificato',\n\t\tswitchProfile: 'Cambia profilo:',\n\t\tclear: 'Torna al profilo predefinito',\n\t},\n\tfr: {\n\t\ta11yNavigationDescription: '– Le contenu de la page s’actualise dès que ce filtre est modifié',\n\t\tswitchProfile: 'Changer de profil :',\n\t\tclear: 'Revenir au profil par défaut',\n\t},\n\tpt: {\n\t\ta11yNavigationDescription: '– O conteúdo da página é atualizado assim que este filtro é alterado',\n\t\tswitchProfile: 'Alterar perfil:',\n\t\tclear: 'Voltar ao perfil predefinido',\n\t},\n\tes: {\n\t\ta11yNavigationDescription: '– El contenido de la página se actualiza en cuanto se cambia este filtro',\n\t\tswitchProfile: 'Cambiar de perfil:',\n\t\tclear: 'Volver al perfil predeterminado',\n\t},\n\tde: {\n\t\ta11yNavigationDescription: '– Der Seiteninhalt wird aktualisiert, sobald dieser Filter geändert wird',\n\t\tswitchProfile: 'Profil wechseln:',\n\t\tclear: 'Zurück zum Standardprofil',\n\t},\n\ten: {\n\t\ta11yNavigationDescription: '– Page content updates as soon as this filter is changed',\n\t\tswitchProfile: 'Switch profile:',\n\t\tclear: 'Back to default profile',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_IMPERSONATION_TRANSLATIONS = new InjectionToken('LuImpersonationTranslations', {\n\tfactory: () => luImpersonationTranslations,\n});\n\nexport interface LuImpersonationTranslations {\n\ta11yNavigationDescription: string;\n\tswitchProfile: string;\n\tclear: string;\n}\n\nexport const luImpersonationTranslations: LuTranslation<LuImpersonationTranslations> = Translations;\n","import { ConnectionPositionPair } from '@angular/cdk/overlay';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, effect, ElementRef, inject, input, model, output, untracked, viewChild, ViewEncapsulation } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { ClearComponent } from '@lucca-front/ng/clear';\nimport { LuOptionDirective } from '@lucca-front/ng/core-select';\nimport { LU_CORE_SELECT_USER_TRANSLATIONS, LuCoreSelectUsersDirective, ɵLU_CORE_SELECT_CURRENT_USER_ID } from '@lucca-front/ng/core-select/user';\nimport { PopoverDirective } from '@lucca-front/ng/popover2';\nimport { LuSimpleSelectInputComponent } from '@lucca-front/ng/simple-select';\nimport { ILuUser, LuUserDisplayPipe, LuUserPictureComponent } from '@lucca-front/ng/user';\nimport { IconComponent } from '@lucca/prisme/icon';\nimport { LU_IMPERSONATION_TRANSLATIONS } from './impersonation.translate';\nimport { intlInputOptions } from '@lucca-front/ng/core';\n\n@Component({\n\tselector: 'lu-impersonation',\n\timports: [PopoverDirective, FormsModule, LuSimpleSelectInputComponent, LuCoreSelectUsersDirective, LuUserDisplayPipe, LuOptionDirective, LuUserPictureComponent, IconComponent, ClearComponent],\n\ttemplateUrl: './impersonation.component.html',\n\tstyleUrl: './impersonation.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'impersonation',\n\t},\n})\nexport class ImpersonationComponent {\n\tprotected readonly elementRef = inject(ElementRef);\n\treadonly intl = input(...intlInputOptions(LU_CORE_SELECT_USER_TRANSLATIONS, LU_IMPERSONATION_TRANSLATIONS));\n\tprotected readonly currentUserId = inject(ɵLU_CORE_SELECT_CURRENT_USER_ID);\n\n\treadonly inputComponentRef = viewChild<LuSimpleSelectInputComponent<ILuUser>>(LuSimpleSelectInputComponent);\n\n\treadonly popoverRef = viewChild(PopoverDirective);\n\n\treadonly selectedUser = model<ILuUser>();\n\n\treadonly enableFormerEmployees = input(false, { transform: booleanAttribute });\n\n\treadonly isNotMe = computed(() => this.selectedUser()?.id !== this.currentUserId);\n\treadonly clear = output<void>();\n\n\treadonly popoverPositions: ConnectionPositionPair[] = [\n\t\tnew ConnectionPositionPair(\n\t\t\t{ originX: 'start', originY: 'bottom' },\n\t\t\t{\n\t\t\t\toverlayX: 'start',\n\t\t\t\toverlayY: 'top',\n\t\t\t},\n\t\t\t-4,\n\t\t\t0,\n\t\t),\n\t\tnew ConnectionPositionPair(\n\t\t\t{ originX: 'start', originY: 'top' },\n\t\t\t{\n\t\t\t\toverlayX: 'start',\n\t\t\t\toverlayY: 'bottom',\n\t\t\t},\n\t\t\t-4,\n\t\t\t0,\n\t\t),\n\t];\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tconst ref = this.inputComponentRef();\n\t\t\t// Because ref appears only when opening the panel, we're going to call the impersonation opened hook too\n\t\t\tif (ref) {\n\t\t\t\tuntracked(() => {\n\t\t\t\t\tref.enableFilterPillMode();\n\t\t\t\t\tref.registerFilterPillClosePopover(this.closePopover);\n\t\t\t\t\tref.registerFilterPillUpdatePosition?.(this.updatePosition);\n\t\t\t\t\tref.onFilterPillOpened?.();\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tclosePopover = () => {\n\t\tthis.popoverRef()?.close();\n\t\tthis.inputComponentRef()?.onFilterPillClosed?.();\n\t};\n\n\tupdatePosition = () => {\n\t\tthis.popoverRef()?.updatePosition();\n\t};\n}\n","<button\n\ttype=\"button\"\n\tclass=\"impersonation-trigger\"\n\t[class.is-active]=\"isNotMe() && selectedUser()\"\n\t[luPopover2]=\"impersonationPopover\"\n\t[luPopoverNoCloseButton]=\"true\"\n\t[customPositions]=\"popoverPositions\"\n\t[luPopoverAnchor]=\"elementRef\"\n\t#popoverRef=\"luPopover2\"\n\t[attr.aria-expanded]=\"popoverRef.opened()\"\n\t(keydown.arrowDown)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n\t(keydown.arrowUp)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n>\n\t<span class=\"pr-u-mask\">{{ intl().switchProfile }}</span>\n\n\t@let user = selectedUser();\n\t@if (user) {\n\t\t<lu-user-picture aria-hidden=\"true\" [user]=\"user\" size=\"S\" softRounded />\n\t\t{{ user | luUserDisplay }}\n\t} @else {\n\t\t<lu-user-picture placeholder aria-hidden=\"true\" size=\"S\" softRounded />\n\t\t<div class=\"skeleton is-loading\" style=\"inline-size: 5.5rem\">\n\t\t\t<span class=\"skeleton-item\"></span>\n\t\t</div>\n\t}\n\t<span class=\"pr-u-mask\">{{ intl().a11yNavigationDescription }}</span>\n\t<lu-icon class=\"impersonation-trigger-icon\" icon=\"chevronBottom\" />\n</button>\n<lu-clear class=\"impersonation-clear\" (onClear)=\"clear.emit()\" [intl]=\"{ clear: intl().clear }\" />\n\n<ng-template #impersonationPopover>\n\t<div class=\"impersonation_popover-content popover-contentOptional\">\n\t\t<lu-simple-select impersonation [(ngModel)]=\"selectedUser\" users [enableFormerEmployees]=\"enableFormerEmployees()\" #selectRef>\n\t\t\t<ng-container *luOption=\"let user; select: selectRef\">\n\t\t\t\t<div class=\"impersonation_popover-content-option\" [class.mod-me]=\"currentUserId === user.id\">\n\t\t\t\t\t<lu-user-picture aria-hidden=\"true\" [user]=\"user\" size=\"XS\" softRounded />\n\t\t\t\t\t<div>\n\t\t\t\t\t\t@if (currentUserId === user.id) {\n\t\t\t\t\t\t\t{{ intl().me }} <span translate=\"no\">{{ user | luUserDisplay }}</span>\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<span translate=\"no\">{{ user | luUserDisplay }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<!-- Handle homonyms -->\n\t\t\t\t\t\t@if (user.additionalInformation) {\n\t\t\t\t\t\t\t<div class=\"option-additional\">\n\t\t\t\t\t\t\t\t{{ user.additionalInformation }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ng-container>\n\t\t</lu-simple-select>\n\t</div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["ɵLU_CORE_SELECT_CURRENT_USER_ID"],"mappings":"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"}
1
+ {"version":3,"file":"lucca-front-ng-impersonation.mjs","sources":["../../../packages/ng/impersonation/impersonation/translations.ts","../../../packages/ng/impersonation/impersonation/impersonation.translate.ts","../../../packages/ng/impersonation/impersonation/impersonation.component.ts","../../../packages/ng/impersonation/impersonation/impersonation.component.html","../../../packages/ng/impersonation/lucca-front-ng-impersonation.ts"],"sourcesContent":["export const Translations = {\n\t'nl-BE': {\n\t\ta11yNavigationDescription: '– De inhoud van de pagina wordt bijgewerkt zodra dit filter wordt gewijzigd',\n\t\tswitchProfile: 'Profiel wijzigen:',\n\t\tclear: 'Terug naar standaardprofiel',\n\t},\n\tnl: {\n\t\ta11yNavigationDescription: '– De inhoud van de pagina wordt bijgewerkt zodra dit filter wordt gewijzigd',\n\t\tswitchProfile: 'Profiel wijzigen:',\n\t\tclear: 'Terug naar standaardprofiel',\n\t},\n\tit: {\n\t\ta11yNavigationDescription: '– Il contenuto della pagina si aggiorna non appena questo filtro viene modificato',\n\t\tswitchProfile: 'Cambia profilo:',\n\t\tclear: 'Torna al profilo predefinito',\n\t},\n\tfr: {\n\t\ta11yNavigationDescription: '– Le contenu de la page s’actualise dès que ce filtre est modifié',\n\t\tswitchProfile: 'Changer de profil :',\n\t\tclear: 'Revenir au profil par défaut',\n\t},\n\tpt: {\n\t\ta11yNavigationDescription: '– O conteúdo da página é atualizado assim que este filtro é alterado',\n\t\tswitchProfile: 'Alterar perfil:',\n\t\tclear: 'Voltar ao perfil predefinido',\n\t},\n\tes: {\n\t\ta11yNavigationDescription: '– El contenido de la página se actualiza en cuanto se cambia este filtro',\n\t\tswitchProfile: 'Cambiar de perfil:',\n\t\tclear: 'Volver al perfil predeterminado',\n\t},\n\tde: {\n\t\ta11yNavigationDescription: '– Der Seiteninhalt wird aktualisiert, sobald dieser Filter geändert wird',\n\t\tswitchProfile: 'Profil wechseln:',\n\t\tclear: 'Zurück zum Standardprofil',\n\t},\n\ten: {\n\t\ta11yNavigationDescription: '– Page content updates as soon as this filter is changed',\n\t\tswitchProfile: 'Switch profile:',\n\t\tclear: 'Back to default profile',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_IMPERSONATION_TRANSLATIONS = new InjectionToken('LuImpersonationTranslations', {\n\tfactory: () => luImpersonationTranslations,\n});\n\nexport interface LuImpersonationTranslations {\n\ta11yNavigationDescription: string;\n\tswitchProfile: string;\n\tclear: string;\n}\n\nexport const luImpersonationTranslations: LuTranslation<LuImpersonationTranslations> = Translations;\n","import { ConnectionPositionPair } from '@angular/cdk/overlay';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, effect, ElementRef, inject, input, model, output, untracked, viewChild, ViewEncapsulation } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { ClearComponent } from '@lucca-front/ng/clear';\nimport { LuOptionDirective } from '@lucca-front/ng/core-select';\nimport { LU_CORE_SELECT_USER_TRANSLATIONS, LuCoreSelectUsersDirective, ɵLU_CORE_SELECT_CURRENT_USER_ID } from '@lucca-front/ng/core-select/user';\nimport { PopoverDirective } from '@lucca-front/ng/popover2';\nimport { LuSimpleSelectInputComponent } from '@lucca-front/ng/simple-select';\nimport { ILuUser, LuUserDisplayPipe, LuUserPictureComponent } from '@lucca-front/ng/user';\nimport { IconComponent } from '@lucca/prisme/icon';\nimport { LU_IMPERSONATION_TRANSLATIONS } from './impersonation.translate';\nimport { intlInputOptions } from '@lucca-front/ng/core';\n\n@Component({\n\tselector: 'lu-impersonation',\n\timports: [PopoverDirective, FormsModule, LuSimpleSelectInputComponent, LuCoreSelectUsersDirective, LuUserDisplayPipe, LuOptionDirective, LuUserPictureComponent, IconComponent, ClearComponent],\n\ttemplateUrl: './impersonation.component.html',\n\tstyleUrl: './impersonation.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'impersonation',\n\t},\n})\nexport class ImpersonationComponent {\n\tprotected readonly elementRef = inject(ElementRef);\n\treadonly intl = input(...intlInputOptions(LU_CORE_SELECT_USER_TRANSLATIONS, LU_IMPERSONATION_TRANSLATIONS));\n\tprotected readonly currentUserId = inject(ɵLU_CORE_SELECT_CURRENT_USER_ID);\n\n\treadonly inputComponentRef = viewChild<LuSimpleSelectInputComponent<ILuUser>>(LuSimpleSelectInputComponent);\n\n\treadonly popoverRef = viewChild(PopoverDirective);\n\n\treadonly selectedUser = model<ILuUser>();\n\n\treadonly enableFormerEmployees = input(false, { transform: booleanAttribute });\n\n\treadonly isNotMe = computed(() => this.selectedUser()?.id !== this.currentUserId);\n\treadonly clear = output<void>();\n\n\treadonly popoverPositions: ConnectionPositionPair[] = [\n\t\tnew ConnectionPositionPair(\n\t\t\t{ originX: 'start', originY: 'bottom' },\n\t\t\t{\n\t\t\t\toverlayX: 'start',\n\t\t\t\toverlayY: 'top',\n\t\t\t},\n\t\t\t-4,\n\t\t\t0,\n\t\t),\n\t\tnew ConnectionPositionPair(\n\t\t\t{ originX: 'start', originY: 'top' },\n\t\t\t{\n\t\t\t\toverlayX: 'start',\n\t\t\t\toverlayY: 'bottom',\n\t\t\t},\n\t\t\t-4,\n\t\t\t0,\n\t\t),\n\t];\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tconst ref = this.inputComponentRef();\n\t\t\t// Because ref appears only when opening the panel, we're going to call the impersonation opened hook too\n\t\t\tif (ref) {\n\t\t\t\tuntracked(() => {\n\t\t\t\t\tref.enableFilterPillMode();\n\t\t\t\t\tref.registerFilterPillClosePopover(this.closePopover);\n\t\t\t\t\tref.registerFilterPillUpdatePosition?.(this.updatePosition);\n\t\t\t\t\tref.onFilterPillOpened?.();\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tclosePopover = () => {\n\t\tthis.popoverRef()?.close();\n\t\tthis.inputComponentRef()?.onFilterPillClosed?.();\n\t};\n\n\tupdatePosition = () => {\n\t\tthis.popoverRef()?.updatePosition();\n\t};\n}\n","<button\n\ttype=\"button\"\n\tclass=\"impersonation-trigger\"\n\t[class.is-active]=\"isNotMe() && selectedUser()\"\n\t[luPopover2]=\"impersonationPopover\"\n\t[luPopoverNoCloseButton]=\"true\"\n\t[customPositions]=\"popoverPositions\"\n\t[luPopoverAnchor]=\"elementRef\"\n\t#popoverRef=\"luPopover2\"\n\t[attr.aria-expanded]=\"popoverRef.opened()\"\n\t(keydown.arrowDown)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n\t(keydown.arrowUp)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n>\n\t<span class=\"pr-u-mask\">{{ intl().switchProfile }}</span>\n\n\t@let user = selectedUser();\n\t@if (user) {\n\t\t<lu-user-picture aria-hidden=\"true\" [user]=\"user\" size=\"S\" softRounded />\n\t\t{{ user | luUserDisplay }}\n\t} @else {\n\t\t<lu-user-picture placeholder aria-hidden=\"true\" size=\"S\" softRounded />\n\t\t<div class=\"skeleton is-loading\" style=\"inline-size: 5.5rem\">\n\t\t\t<span class=\"skeleton-item\"></span>\n\t\t</div>\n\t}\n\t<span class=\"pr-u-mask\">{{ intl().a11yNavigationDescription }}</span>\n\t<lu-icon class=\"impersonation-trigger-icon\" icon=\"chevronBottom\" />\n</button>\n<lu-clear class=\"impersonation-clear\" (onClear)=\"clear.emit()\" [intl]=\"{ clear: intl().clear }\" />\n\n<ng-template #impersonationPopover>\n\t<div class=\"impersonation_popover-content popover-contentOptional\">\n\t\t<lu-simple-select impersonation [(ngModel)]=\"selectedUser\" users [enableFormerEmployees]=\"enableFormerEmployees()\" #selectRef>\n\t\t\t<ng-container *luOption=\"let user; select: selectRef\">\n\t\t\t\t<div class=\"impersonation_popover-content-option\" [class.mod-me]=\"currentUserId === user.id\">\n\t\t\t\t\t<lu-user-picture aria-hidden=\"true\" [user]=\"user\" size=\"XS\" softRounded />\n\t\t\t\t\t<div>\n\t\t\t\t\t\t@if (currentUserId === user.id) {\n\t\t\t\t\t\t\t{{ intl().me }} <span translate=\"no\">{{ user | luUserDisplay }}</span>\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<span translate=\"no\">{{ user | luUserDisplay }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<!-- Handle homonyms -->\n\t\t\t\t\t\t@if (user.additionalInformation) {\n\t\t\t\t\t\t\t<div class=\"option-additional\">\n\t\t\t\t\t\t\t\t{{ user.additionalInformation }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ng-container>\n\t\t</lu-simple-select>\n\t</div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["ɵLU_CORE_SELECT_CURRENT_USER_ID"],"mappings":"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"}