@lucca-front/ng 21.4.0 → 21.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (150) hide show
  1. package/fesm2022/lucca-front-ng-a11y.mjs +9 -9
  2. package/fesm2022/lucca-front-ng-activity-feed.mjs +9 -9
  3. package/fesm2022/lucca-front-ng-api.mjs +40 -40
  4. package/fesm2022/lucca-front-ng-app-layout.mjs +3 -3
  5. package/fesm2022/lucca-front-ng-box.mjs +3 -3
  6. package/fesm2022/lucca-front-ng-breadcrumbs.mjs +6 -6
  7. package/fesm2022/lucca-front-ng-bubble-icon.mjs +3 -3
  8. package/fesm2022/lucca-front-ng-bubble-illustration.mjs +3 -3
  9. package/fesm2022/lucca-front-ng-callout.mjs +24 -24
  10. package/fesm2022/lucca-front-ng-chip.mjs +3 -3
  11. package/fesm2022/lucca-front-ng-clear.mjs +3 -3
  12. package/fesm2022/lucca-front-ng-code.mjs +3 -3
  13. package/fesm2022/lucca-front-ng-color.mjs +3 -3
  14. package/fesm2022/lucca-front-ng-comment.mjs +9 -9
  15. package/fesm2022/lucca-front-ng-container.mjs +3 -3
  16. package/fesm2022/lucca-front-ng-core-select-api.mjs +20 -16
  17. package/fesm2022/lucca-front-ng-core-select-api.mjs.map +1 -1
  18. package/fesm2022/lucca-front-ng-core-select-department.mjs +6 -6
  19. package/fesm2022/lucca-front-ng-core-select-establishment.mjs +9 -9
  20. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +6 -6
  21. package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs +3 -3
  22. package/fesm2022/lucca-front-ng-core-select-user.mjs +21 -19
  23. package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
  24. package/fesm2022/lucca-front-ng-core-select.mjs +51 -51
  25. package/fesm2022/lucca-front-ng-core.mjs +15 -15
  26. package/fesm2022/lucca-front-ng-data-table.mjs +24 -24
  27. package/fesm2022/lucca-front-ng-date.mjs +40 -40
  28. package/fesm2022/lucca-front-ng-date2.mjs +20 -20
  29. package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
  30. package/fesm2022/lucca-front-ng-department.mjs +24 -24
  31. package/fesm2022/lucca-front-ng-dialog.mjs +69 -52
  32. package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
  33. package/fesm2022/lucca-front-ng-divider.mjs +3 -3
  34. package/fesm2022/lucca-front-ng-dropdown.mjs +40 -40
  35. package/fesm2022/lucca-front-ng-empty-state.mjs +9 -9
  36. package/fesm2022/lucca-front-ng-error-page.mjs +4 -4
  37. package/fesm2022/lucca-front-ng-error-page.mjs.map +1 -1
  38. package/fesm2022/lucca-front-ng-establishment.mjs +33 -33
  39. package/fesm2022/lucca-front-ng-fancy-box.mjs +3 -3
  40. package/fesm2022/lucca-front-ng-file-upload.mjs +15 -15
  41. package/fesm2022/lucca-front-ng-filter-pills.mjs +22 -22
  42. package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
  43. package/fesm2022/lucca-front-ng-footer.mjs +4 -4
  44. package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
  45. package/fesm2022/lucca-front-ng-form-field.mjs +20 -20
  46. package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
  47. package/fesm2022/lucca-front-ng-form-header.mjs +3 -3
  48. package/fesm2022/lucca-front-ng-form-label.mjs +3 -3
  49. package/fesm2022/lucca-front-ng-form.mjs +3 -3
  50. package/fesm2022/lucca-front-ng-formly.mjs +58 -58
  51. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +6 -6
  52. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs +3 -3
  53. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs +6 -6
  54. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs +3 -3
  55. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +53 -38
  56. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
  57. package/fesm2022/lucca-front-ng-forms.mjs +59 -48
  58. package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
  59. package/fesm2022/lucca-front-ng-gauge.mjs +3 -3
  60. package/fesm2022/lucca-front-ng-grid.mjs +6 -6
  61. package/fesm2022/lucca-front-ng-highlight-data.mjs +4 -4
  62. package/fesm2022/lucca-front-ng-highlight-data.mjs.map +1 -1
  63. package/fesm2022/lucca-front-ng-highlight-text.mjs +3 -3
  64. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +11 -11
  65. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
  66. package/fesm2022/lucca-front-ng-impersonation.mjs +3 -3
  67. package/fesm2022/lucca-front-ng-index-table.mjs +30 -30
  68. package/fesm2022/lucca-front-ng-inline-message.mjs +3 -3
  69. package/fesm2022/lucca-front-ng-input.mjs +21 -21
  70. package/fesm2022/lucca-front-ng-link.mjs +16 -8
  71. package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
  72. package/fesm2022/lucca-front-ng-listbox.mjs +9 -9
  73. package/fesm2022/lucca-front-ng-listing.mjs +6 -6
  74. package/fesm2022/lucca-front-ng-loading.mjs +3 -3
  75. package/fesm2022/lucca-front-ng-main-layout.mjs +6 -6
  76. package/fesm2022/lucca-front-ng-mobile-push.mjs +3 -3
  77. package/fesm2022/lucca-front-ng-modal.mjs +22 -22
  78. package/fesm2022/lucca-front-ng-multi-select.mjs +95 -78
  79. package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
  80. package/fesm2022/lucca-front-ng-new-badge.mjs +3 -3
  81. package/fesm2022/lucca-front-ng-number-format.mjs +6 -6
  82. package/fesm2022/lucca-front-ng-number.mjs +7 -7
  83. package/fesm2022/lucca-front-ng-numeric-badge.mjs +3 -3
  84. package/fesm2022/lucca-front-ng-option.mjs +126 -126
  85. package/fesm2022/lucca-front-ng-page-header.mjs +3 -3
  86. package/fesm2022/lucca-front-ng-pagination.mjs +3 -3
  87. package/fesm2022/lucca-front-ng-plg-push.mjs +3 -3
  88. package/fesm2022/lucca-front-ng-popover.mjs +17 -17
  89. package/fesm2022/lucca-front-ng-popover2.mjs +6 -6
  90. package/fesm2022/lucca-front-ng-popup.mjs +10 -10
  91. package/fesm2022/lucca-front-ng-progress-bar.mjs +3 -3
  92. package/fesm2022/lucca-front-ng-progress-stepper.mjs +6 -6
  93. package/fesm2022/lucca-front-ng-read-more.mjs +3 -3
  94. package/fesm2022/lucca-front-ng-resource-card.mjs +12 -12
  95. package/fesm2022/lucca-front-ng-safe-content.mjs +10 -10
  96. package/fesm2022/lucca-front-ng-scroll-box.mjs +3 -3
  97. package/fesm2022/lucca-front-ng-scroll.mjs +7 -7
  98. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +6 -6
  99. package/fesm2022/lucca-front-ng-segmented-control.mjs +6 -6
  100. package/fesm2022/lucca-front-ng-select.mjs +14 -14
  101. package/fesm2022/lucca-front-ng-sidepanel.mjs +7 -7
  102. package/fesm2022/lucca-front-ng-simple-select.mjs +12 -12
  103. package/fesm2022/lucca-front-ng-skeleton.mjs +25 -25
  104. package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
  105. package/fesm2022/lucca-front-ng-software-icon-wrapper.mjs +6 -6
  106. package/fesm2022/lucca-front-ng-software-icon.mjs +3 -3
  107. package/fesm2022/lucca-front-ng-sortable-list.mjs +6 -6
  108. package/fesm2022/lucca-front-ng-status-badge.mjs +3 -3
  109. package/fesm2022/lucca-front-ng-table-of-content.mjs +6 -6
  110. package/fesm2022/lucca-front-ng-tag.mjs +3 -3
  111. package/fesm2022/lucca-front-ng-text-flow.mjs +3 -3
  112. package/fesm2022/lucca-front-ng-time.mjs +18 -18
  113. package/fesm2022/lucca-front-ng-title.mjs +22 -13
  114. package/fesm2022/lucca-front-ng-title.mjs.map +1 -1
  115. package/fesm2022/lucca-front-ng-toast.mjs +10 -10
  116. package/fesm2022/lucca-front-ng-tooltip.mjs +28 -22
  117. package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
  118. package/fesm2022/lucca-front-ng-tree-select.mjs +6 -6
  119. package/fesm2022/lucca-front-ng-user-popover.mjs +18 -18
  120. package/fesm2022/lucca-front-ng-user.mjs +59 -59
  121. package/fesm2022/lucca-front-ng-vertical-navigation.mjs +12 -12
  122. package/package.json +4 -4
  123. package/schematics/action-icon/migration.spec.js +2 -2
  124. package/schematics/alignment-utilities/migration.spec.js +2 -2
  125. package/schematics/cdn-urls/migration.spec.js +2 -2
  126. package/schematics/class-prefix/migration.spec.js +2 -2
  127. package/schematics/color-text/migration.spec.js +2 -2
  128. package/schematics/component-path/migration.spec.js +2 -2
  129. package/schematics/deprecated-resolver/migration.spec.js +1 -1
  130. package/schematics/empty-state-title/migration.spec.js +1 -1
  131. package/schematics/lib/migration-test.js +6 -1
  132. package/schematics/lu-button/migration.spec.js +1 -1
  133. package/schematics/lu-container/migration.spec.js +1 -1
  134. package/schematics/lu-grid/migration.js +24 -16
  135. package/schematics/lu-grid/migration.spec.js +1 -1
  136. package/schematics/lu-icon/migration.spec.js +1 -1
  137. package/schematics/lu-loading/migration.spec.js +1 -1
  138. package/schematics/lu-select/migration.spec.js +1 -1
  139. package/schematics/lu-text-input/migration.spec.js +1 -1
  140. package/schematics/new-icons/migration.spec.js +2 -2
  141. package/schematics/palettes/index.js +28 -8
  142. package/schematics/palettes/migration.spec.js +2 -2
  143. package/schematics/tokens-radius/migration.spec.js +2 -2
  144. package/schematics/tokens-spacing/migration.spec.js +2 -2
  145. package/schematics/tokens-typo/migration.spec.js +2 -2
  146. package/types/lucca-front-ng-dialog.d.ts +4 -3
  147. package/types/lucca-front-ng-forms-rich-text-input.d.ts +5 -1
  148. package/types/lucca-front-ng-forms.d.ts +12 -2
  149. package/types/lucca-front-ng-multi-select.d.ts +13 -1
  150. package/types/lucca-front-ng-title.d.ts +5 -5
package/fesm2022/lucca-front-ng-user.mjs CHANGED
@@ -111,10 +111,10 @@ class LuUserDisplayPipe {
111
111
  }
112
112
  return luUserDisplay(userOrUsers, format);
113
113
  }
114
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserDisplayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
115
- static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: LuUserDisplayPipe, isStandalone: true, name: "luUserDisplay" }); }
114
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserDisplayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
115
+ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: LuUserDisplayPipe, isStandalone: true, name: "luUserDisplay" }); }
116
116
  }
117
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserDisplayPipe, decorators: [{
117
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserDisplayPipe, decorators: [{
118
118
  type: Pipe,
119
119
  args: [{ name: 'luUserDisplay', standalone: true }]
120
120
  }] });
@@ -123,11 +123,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
123
123
  * @deprecated use `LuUserDisplayPipe` imports && `LuUserDisplayPipe` providers instead
124
124
  */
125
125
  class LuUserDisplayModule {
126
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserDisplayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
127
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: LuUserDisplayModule, imports: [LuUserDisplayPipe], exports: [LuUserDisplayPipe] }); }
128
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserDisplayModule, providers: [LuUserDisplayPipe] }); }
126
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserDisplayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
127
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: LuUserDisplayModule, imports: [LuUserDisplayPipe], exports: [LuUserDisplayPipe] }); }
128
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserDisplayModule, providers: [LuUserDisplayPipe] }); }
129
129
  }
130
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserDisplayModule, decorators: [{
130
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserDisplayModule, decorators: [{
131
131
  type: NgModule,
132
132
  args: [{
133
133
  imports: [LuUserDisplayPipe],
@@ -223,10 +223,10 @@ class LuUserPictureComponent {
223
223
  const hsl = this.#getNameHue();
224
224
  this.style.set({ 'background-color': `hsl(${hsl}, 60%, 60%)` });
225
225
  }
226
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserPictureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
227
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: LuUserPictureComponent, isStandalone: true, selector: "lu-user-picture", inputs: { displayFormat: { classPropertyName: "displayFormat", publicName: "displayFormat", isSignal: true, isRequired: false, transformFunction: null }, user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: false, transformFunction: null }, AI: { classPropertyName: "AI", publicName: "AI", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, softRounded: { classPropertyName: "softRounded", publicName: "softRounded", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, imageLoadingAttribute: { classPropertyName: "imageLoadingAttribute", publicName: "imageLoadingAttribute", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-AI": "AI()", "class.mod-softRounded": "softRounded()", "class.mod-placeholder": "placeholder()", "class.mod-XS": "size() === \"XS\"", "class.mod-S": "size() === \"S\"", "class.mod-M": "size() === \"M\"", "class.mod-L": "size() === \"L\"", "class.mod-XL": "size() === \"XL\"", "class.mod-XXL": "size() === \"XXL\"", "class.mod-XXXL": "size() === \"XXXL\"" }, classAttribute: "avatar" }, ngImport: i0, template: "@if (hasPicture()) {\n\t<img class=\"avatar-picture\" [src]=\"pictureHref()\" alt=\"\" (error)=\"pictureError()\" [loading]=\"imageLoadingAttribute()\" />\n} @else {\n\t<div class=\"avatar-picture\" [ngStyle]=\"!AI() && style()\">\n\t\t<span class=\"avatar-picture-initials\" translate=\"no\">{{ initials() }}</span>\n\t</div>\n}\n", styles: ["@charset \"UTF-8\";@layer components{.avatar,.lu-user-picture{--components-avatar-size: 2.5rem;--components-avatar-fontSize: var(--pr-t-font-body-M-fontSize);--components-avatar-border: 2px;--components-avatar-scale: 1;--components-avatar-background: var(--pr-t-elevation-surface-default);--components-avatar-placeholder-size: 1.25rem;--components-avatar-AI-size: var(--pr-t-font-fontSize-200);--components-avatar-borderRadius: var(--pr-t-border-radius-full);--components-avatar-picture-background: var(--palettes-neutral-200);--components-avatar-picture-initials-display: block;display:inline-block;vertical-align:middle;border-radius:var(--components-avatar-borderRadius);inline-size:var(--components-avatar-size);aspect-ratio:1}.avatar-picture{background-color:var(--components-avatar-picture-background);border-radius:var(--components-avatar-borderRadius);background-position:center;background-size:cover;background-repeat:no-repeat;inline-size:var(--components-avatar-size);object-fit:cover;object-position:center;aspect-ratio:1;display:flex;justify-content:center;align-items:center}.avatar-picture-initials{font-size:var(--components-avatar-fontSize);font-weight:var(--pr-t-font-fontWeight-bold);font-family:var(--pr-t-font-family-brand);line-height:1;color:var(--pr-t-color-text-reverse);display:var(--components-avatar-picture-initials-display)}.avatarWrapper{margin:0;padding:0;list-style-type:none;display:flex;flex-wrap:wrap;align-content:flex-start;row-gap:var(--components-avatarWrapper-rowGap)}.avatarWrapper .avatar{box-shadow:0 0 0 var(--components-avatar-border) var(--components-avatar-background)}.avatarWrapper-item:not(:last-child){margin-inline-end:calc(var(--components-avatarWrapper-overlap) * -1)}.avatarWrapper-item-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:flex;text-decoration:none;transition:transform var(--commons-animations-durations-fast);transform:scale(var(--components-avatarWrapper-scale));color:currentColor}.avatarWrapper-item-action:hover,.avatarWrapper-item-action:focus{--components-avatarWrapper-scale: 1.1}.avatarWrapper-item-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-full)}.avatarWrapper-item-action-more{box-shadow:0 0 0 var(--components-avatar-border) var(--components-avatar-background);display:flex;align-items:center;justify-content:center;inline-size:var(--components-avatar-size);block-size:var(--components-avatar-size);font-size:var(--components-avatarWrapper-fontSize);border-radius:var(--pr-t-border-radius-full);background-color:var(--palettes-neutral-200)}}@layer mods{.avatar.mod-XS,.lu-user-picture.mod-XS{--components-avatar-size: 1.5rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-150);--components-avatar-placeholder-size: .75rem;--components-avatar-border: 1px}.avatar.mod-S,.lu-user-picture.mod-S{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}.avatar.mod-L,.lu-user-picture.mod-L{--components-avatar-size: 3rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-225);--components-avatar-placeholder-size: 1.75rem}.avatar.mod-XL,.lu-user-picture.mod-XL{--components-avatar-size: 4rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-275);--components-avatar-placeholder-size: 2rem}.avatar.mod-XXL,.lu-user-picture.mod-XXL{--components-avatar-size: 5rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-350);--components-avatar-placeholder-size: 2.25rem}.avatar.mod-XXXL,.lu-user-picture.mod-XXXL{--components-avatar-size: 6rem;--components-avatar-fontSize: 2.25rem;--components-avatar-placeholder-size: 2.5rem}.avatar.mod-placeholder,.lu-user-picture.mod-placeholder{--components-avatar-picture-initials-display: none}.avatar.mod-placeholder .avatar-picture,.lu-user-picture.mod-placeholder .avatar-picture{background-color:var(--palettes-neutral-200)!important}.avatar.mod-placeholder .avatar-picture:before,.lu-user-picture.mod-placeholder .avatar-picture:before{--icon-content: \"\\e990\";display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);font-weight:var(--pr-t-font-fontWeight-regular);font-size:var(--components-avatar-placeholder-size)}.avatar.mod-AI,.lu-user-picture.mod-AI{--components-avatar-borderRadius: var(--pr-t-border-radius-default);--components-avatar-picture-background: var(--palettes-neutral-0);--components-avatar-picture-initials-display: none}.avatar.mod-AI .avatar-picture:before,.lu-user-picture.mod-AI .avatar-picture:before{background-image:var(--pr-t-color-icon-ai);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;--icon-content: \"\\e9f5\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;font-size:var(--components-avatar-AI-size)}.avatar.mod-softRounded.mod-XS,.lu-user-picture.mod-softRounded.mod-XS{--components-avatar-borderRadius: var(--pr-t-border-radius-100)}.avatar.mod-softRounded.mod-S,.lu-user-picture.mod-softRounded.mod-S{--components-avatar-borderRadius: var(--pr-t-border-radius-150)}.avatar.mod-softRounded,.lu-user-picture.mod-softRounded,.avatar.mod-softRounded.mod-L,.lu-user-picture.mod-softRounded.mod-L{--components-avatar-borderRadius: var(--pr-t-border-radius-200)}.avatar.mod-softRounded.mod-XL,.lu-user-picture.mod-softRounded.mod-XL,.avatar.mod-softRounded.mod-XXL,.lu-user-picture.mod-softRounded.mod-XXL{--components-avatar-borderRadius: var(--pr-t-border-radius-300)}.avatar.mod-softRounded.mod-XXXL,.lu-user-picture.mod-softRounded.mod-XXXL{--components-avatar-borderRadius: var(--pr-t-border-radius-400)}}@layer components{.avatarWrapper{--components-avatar-size: 2.5rem;--components-avatar-fontSize: var(--pr-t-font-body-M-fontSize);--components-avatar-border: 2px;--components-avatar-scale: 1;--components-avatar-background: var(--pr-t-elevation-surface-default);--components-avatar-placeholder-size: 1.25rem;--components-avatar-AI-size: var(--pr-t-font-fontSize-200);--components-avatar-borderRadius: var(--pr-t-border-radius-full);--components-avatar-picture-background: var(--palettes-neutral-200);--components-avatar-picture-initials-display: block;--components-avatarWrapper-fontSize: var(--pr-t-font-body-M-fontSize);--components-avatarWrapper-overlap: var(--pr-t-spacings-100);--components-avatarWrapper-rowGap: var(--pr-t-spacings-50)}}@layer mods{.avatarWrapper.mod-XL .avatar,.avatarWrapper.mod-XL .avatarWrapper-item-action{--components-avatar-size: 4rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-275);--components-avatar-placeholder-size: 2rem}.avatarWrapper.mod-L .avatar,.avatarWrapper.mod-L .avatarWrapper-item-action{--components-avatar-size: 3rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-225);--components-avatar-placeholder-size: 1.75rem}.avatarWrapper.mod-S{--components-avatarWrapper-overlap: var(--pr-t-spacings-50);--components-avatarWrapper-rowGap: var(--pr-t-spacings-25)}.avatarWrapper.mod-S .avatar,.avatarWrapper.mod-S .avatarWrapper-item-action{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}.avatarWrapper.mod-XS{--components-avatarWrapper-overlap: var(--pr-t-spacings-50);--components-avatarWrapper-rowGap: var(--pr-t-spacings-25)}.avatarWrapper.mod-XS .avatar,.avatarWrapper.mod-XS .avatarWrapper-item-action{--components-avatar-size: 1.5rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-150);--components-avatar-placeholder-size: .75rem;--components-avatar-border: 1px}}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
226
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserPictureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
227
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: LuUserPictureComponent, isStandalone: true, selector: "lu-user-picture", inputs: { displayFormat: { classPropertyName: "displayFormat", publicName: "displayFormat", isSignal: true, isRequired: false, transformFunction: null }, user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: false, transformFunction: null }, AI: { classPropertyName: "AI", publicName: "AI", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, softRounded: { classPropertyName: "softRounded", publicName: "softRounded", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, imageLoadingAttribute: { classPropertyName: "imageLoadingAttribute", publicName: "imageLoadingAttribute", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-AI": "AI()", "class.mod-softRounded": "softRounded()", "class.mod-placeholder": "placeholder()", "class.mod-XS": "size() === \"XS\"", "class.mod-S": "size() === \"S\"", "class.mod-M": "size() === \"M\"", "class.mod-L": "size() === \"L\"", "class.mod-XL": "size() === \"XL\"", "class.mod-XXL": "size() === \"XXL\"", "class.mod-XXXL": "size() === \"XXXL\"" }, classAttribute: "avatar" }, ngImport: i0, template: "@if (hasPicture()) {\n\t<img class=\"avatar-picture\" [src]=\"pictureHref()\" alt=\"\" (error)=\"pictureError()\" [loading]=\"imageLoadingAttribute()\" />\n} @else {\n\t<div class=\"avatar-picture\" [ngStyle]=\"!AI() && style()\">\n\t\t<span class=\"avatar-picture-initials\" translate=\"no\">{{ initials() }}</span>\n\t</div>\n}\n", styles: ["@charset \"UTF-8\";@layer components{.avatar,.lu-user-picture{--components-avatar-size: 2.5rem;--components-avatar-fontSize: var(--pr-t-font-body-M-fontSize);--components-avatar-border: 2px;--components-avatar-scale: 1;--components-avatar-background: var(--pr-t-elevation-surface-default);--components-avatar-placeholder-size: 1.25rem;--components-avatar-AI-size: var(--pr-t-font-fontSize-200);--components-avatar-borderRadius: var(--pr-t-border-radius-full);--components-avatar-picture-background: var(--palettes-neutral-200);--components-avatar-picture-initials-display: block;display:inline-block;vertical-align:middle;border-radius:var(--components-avatar-borderRadius);inline-size:var(--components-avatar-size);aspect-ratio:1}.avatar-picture{background-color:var(--components-avatar-picture-background);border-radius:var(--components-avatar-borderRadius);background-position:center;background-size:cover;background-repeat:no-repeat;inline-size:var(--components-avatar-size);object-fit:cover;object-position:center;aspect-ratio:1;display:flex;justify-content:center;align-items:center}.avatar-picture-initials{font-size:var(--components-avatar-fontSize);font-weight:var(--pr-t-font-fontWeight-bold);font-family:var(--pr-t-font-family-brand);line-height:1;color:var(--pr-t-color-text-reverse);display:var(--components-avatar-picture-initials-display)}.avatarWrapper{margin:0;padding:0;list-style-type:none;display:flex;flex-wrap:wrap;align-content:flex-start;row-gap:var(--components-avatarWrapper-rowGap)}.avatarWrapper .avatar{box-shadow:0 0 0 var(--components-avatar-border) var(--components-avatar-background)}.avatarWrapper-item:not(:last-child){margin-inline-end:calc(var(--components-avatarWrapper-overlap) * -1)}.avatarWrapper-item-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:flex;text-decoration:none;transition:transform var(--commons-animations-durations-fast);transform:scale(var(--components-avatarWrapper-scale));color:currentColor}.avatarWrapper-item-action:hover,.avatarWrapper-item-action:focus{--components-avatarWrapper-scale: 1.1}.avatarWrapper-item-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--pr-t-border-radius-full)}.avatarWrapper-item-action-more{box-shadow:0 0 0 var(--components-avatar-border) var(--components-avatar-background);display:flex;align-items:center;justify-content:center;inline-size:var(--components-avatar-size);block-size:var(--components-avatar-size);font-size:var(--components-avatarWrapper-fontSize);border-radius:var(--pr-t-border-radius-full);background-color:var(--palettes-neutral-200)}}@layer mods{.avatar.mod-XS,.lu-user-picture.mod-XS{--components-avatar-size: 1.5rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-150);--components-avatar-placeholder-size: .75rem;--components-avatar-border: 1px}.avatar.mod-S,.lu-user-picture.mod-S{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}.avatar.mod-L,.lu-user-picture.mod-L{--components-avatar-size: 3rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-225);--components-avatar-placeholder-size: 1.75rem}.avatar.mod-XL,.lu-user-picture.mod-XL{--components-avatar-size: 4rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-275);--components-avatar-placeholder-size: 2rem}.avatar.mod-XXL,.lu-user-picture.mod-XXL{--components-avatar-size: 5rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-350);--components-avatar-placeholder-size: 2.25rem}.avatar.mod-XXXL,.lu-user-picture.mod-XXXL{--components-avatar-size: 6rem;--components-avatar-fontSize: 2.25rem;--components-avatar-placeholder-size: 2.5rem}.avatar.mod-placeholder,.lu-user-picture.mod-placeholder{--components-avatar-picture-initials-display: none}.avatar.mod-placeholder .avatar-picture,.lu-user-picture.mod-placeholder .avatar-picture{background-color:var(--palettes-neutral-200)!important}.avatar.mod-placeholder .avatar-picture:before,.lu-user-picture.mod-placeholder .avatar-picture:before{--icon-content: \"\\e990\";display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);font-weight:var(--pr-t-font-fontWeight-regular);font-size:var(--components-avatar-placeholder-size)}.avatar.mod-AI,.lu-user-picture.mod-AI{--components-avatar-borderRadius: var(--pr-t-border-radius-default);--components-avatar-picture-background: var(--palettes-neutral-0);--components-avatar-picture-initials-display: none}.avatar.mod-AI .avatar-picture:before,.lu-user-picture.mod-AI .avatar-picture:before{background-image:var(--pr-t-color-icon-ai);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;--icon-content: \"\\e9f5\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;font-size:var(--components-avatar-AI-size)}.avatar.mod-softRounded.mod-XS,.lu-user-picture.mod-softRounded.mod-XS{--components-avatar-borderRadius: var(--pr-t-border-radius-100)}.avatar.mod-softRounded.mod-S,.lu-user-picture.mod-softRounded.mod-S{--components-avatar-borderRadius: var(--pr-t-border-radius-150)}.avatar.mod-softRounded,.lu-user-picture.mod-softRounded,.avatar.mod-softRounded.mod-L,.lu-user-picture.mod-softRounded.mod-L{--components-avatar-borderRadius: var(--pr-t-border-radius-200)}.avatar.mod-softRounded.mod-XL,.lu-user-picture.mod-softRounded.mod-XL,.avatar.mod-softRounded.mod-XXL,.lu-user-picture.mod-softRounded.mod-XXL{--components-avatar-borderRadius: var(--pr-t-border-radius-300)}.avatar.mod-softRounded.mod-XXXL,.lu-user-picture.mod-softRounded.mod-XXXL{--components-avatar-borderRadius: var(--pr-t-border-radius-400)}}@layer components{.avatarWrapper{--components-avatar-size: 2.5rem;--components-avatar-fontSize: var(--pr-t-font-body-M-fontSize);--components-avatar-border: 2px;--components-avatar-scale: 1;--components-avatar-background: var(--pr-t-elevation-surface-default);--components-avatar-placeholder-size: 1.25rem;--components-avatar-AI-size: var(--pr-t-font-fontSize-200);--components-avatar-borderRadius: var(--pr-t-border-radius-full);--components-avatar-picture-background: var(--palettes-neutral-200);--components-avatar-picture-initials-display: block;--components-avatarWrapper-fontSize: var(--pr-t-font-body-M-fontSize);--components-avatarWrapper-overlap: var(--pr-t-spacings-100);--components-avatarWrapper-rowGap: var(--pr-t-spacings-50)}}@layer mods{.avatarWrapper.mod-XL .avatar,.avatarWrapper.mod-XL .avatarWrapper-item-action{--components-avatar-size: 4rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-275);--components-avatar-placeholder-size: 2rem}.avatarWrapper.mod-L .avatar,.avatarWrapper.mod-L .avatarWrapper-item-action{--components-avatar-size: 3rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-225);--components-avatar-placeholder-size: 1.75rem}.avatarWrapper.mod-S{--components-avatarWrapper-overlap: var(--pr-t-spacings-50);--components-avatarWrapper-rowGap: var(--pr-t-spacings-25)}.avatarWrapper.mod-S .avatar,.avatarWrapper.mod-S .avatarWrapper-item-action{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}.avatarWrapper.mod-XS{--components-avatarWrapper-overlap: var(--pr-t-spacings-50);--components-avatarWrapper-rowGap: var(--pr-t-spacings-25)}.avatarWrapper.mod-XS .avatar,.avatarWrapper.mod-XS .avatarWrapper-item-action{--components-avatar-size: 1.5rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-150);--components-avatar-placeholder-size: .75rem;--components-avatar-border: 1px}}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
228
228
  }
229
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserPictureComponent, decorators: [{
229
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserPictureComponent, decorators: [{
230
230
  type: Component,
231
231
  args: [{ selector: 'lu-user-picture', imports: [NgStyle], host: {
232
232
  class: 'avatar',
@@ -281,10 +281,10 @@ class LuUserTileComponent {
281
281
  });
282
282
  });
283
283
  }
284
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserTileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
285
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: LuUserTileComponent, isStandalone: true, selector: "lu-user-tile", inputs: { user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: false, transformFunction: null }, displayFormat: { classPropertyName: "displayFormat", publicName: "displayFormat", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "userTile" }, providers: [LuClass], ngImport: i0, template: "<lu-user-picture aria-hidden=\"true\" [user]=\"user()\" [displayFormat]=\"displayPictureFormat()\" />\n<div class=\"userTile-content\">\n\t<div class=\"userTile-content-name\" translate=\"no\">{{ user() | luUserDisplay: displayFormat() }}</div>\n\t@if (role() || user()?.jobTitle) {\n\t\t<div class=\"userTile-content-info\">{{ role() ? role() : user()?.jobTitle }}</div>\n\t}\n\t<div class=\"userTile-content-slotBottom\">\n\t\t<ng-content />\n\t</div>\n</div>\n", styles: ["@layer components{.userTile{--components-userTile-title-fontSize: var(--pr-t-font-body-M-fontSize);--components-userTile-title-lineHeight: var(--pr-t-font-body-M-lineHeight);--components-userTile-info-fontSize: var(--pr-t-font-body-S-fontSize);--components-userTile-info-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-userTile-gap: var(--pr-t-spacings-150);display:flex;align-items:center;gap:var(--components-userTile-gap);overflow-wrap:break-word}.userTile .avatar{display:flex;align-self:start;align-items:center;min-block-size:var(--components-avatar-size)}.userTile:has(.userTile-content-info) .avatar{block-size:calc(var(--components-userTile-title-lineHeight) + var(--components-userTile-info-lineHeight))}.userTile-content{display:flex;flex-direction:column;margin:0}.userTile-content-name{font-size:var(--components-userTile-title-fontSize);line-height:var(--components-userTile-title-lineHeight);color:var(--pr-t-color-text);margin:0}.userTile-content-info{font-size:var(--components-userTile-info-fontSize);line-height:var(--components-userTile-info-lineHeight);color:var(--palettes-neutral-600);margin:0}.userTile-content-slotBottom{font:var(--pr-t-font-body-S)}.userTile-content-slotBottom:empty{display:none}}@layer mods{.userTile.mod-XS{--components-userTile-gap: var(--pr-t-spacings-100);--components-userTile-title-fontSize: var(--pr-t-font-body-S-fontSize);--components-userTile-title-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-userTile-info-fontSize: var(--pr-t-font-body-XS-fontSize);--components-userTile-info-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.userTile.mod-XS .avatar{--components-avatar-size: 1.5rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-150);--components-avatar-placeholder-size: .75rem;--components-avatar-border: 1px}.userTile.mod-S{--components-userTile-gap: var(--pr-t-spacings-100)}.userTile.mod-S .avatar{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}.userTile.mod-L .avatar{--components-avatar-size: 3rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-225);--components-avatar-placeholder-size: 1.75rem}.userTile.mod-XL .avatar{--components-avatar-size: 4rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-275);--components-avatar-placeholder-size: 2rem}.userTile.mod-XXL .avatar{--components-avatar-size: 5rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-350);--components-avatar-placeholder-size: 2.25rem}.userTile.mod-XXXL .avatar{--components-avatar-size: 6rem;--components-avatar-fontSize: 2.25rem;--components-avatar-placeholder-size: 2.5rem}}\n"], dependencies: [{ kind: "component", type: LuUserPictureComponent, selector: "lu-user-picture", inputs: ["displayFormat", "user", "AI", "placeholder", "softRounded", "size", "imageLoadingAttribute"] }, { kind: "pipe", type: LuUserDisplayPipe, name: "luUserDisplay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
284
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserTileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
285
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: LuUserTileComponent, isStandalone: true, selector: "lu-user-tile", inputs: { user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: false, transformFunction: null }, displayFormat: { classPropertyName: "displayFormat", publicName: "displayFormat", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "userTile" }, providers: [LuClass], ngImport: i0, template: "<lu-user-picture aria-hidden=\"true\" [user]=\"user()\" [displayFormat]=\"displayPictureFormat()\" />\n<div class=\"userTile-content\">\n\t<div class=\"userTile-content-name\" translate=\"no\">{{ user() | luUserDisplay: displayFormat() }}</div>\n\t@if (role() || user()?.jobTitle) {\n\t\t<div class=\"userTile-content-info\">{{ role() ? role() : user()?.jobTitle }}</div>\n\t}\n\t<div class=\"userTile-content-slotBottom\">\n\t\t<ng-content />\n\t</div>\n</div>\n", styles: ["@layer components{.userTile{--components-userTile-title-fontSize: var(--pr-t-font-body-M-fontSize);--components-userTile-title-lineHeight: var(--pr-t-font-body-M-lineHeight);--components-userTile-info-fontSize: var(--pr-t-font-body-S-fontSize);--components-userTile-info-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-userTile-gap: var(--pr-t-spacings-150);display:flex;align-items:center;gap:var(--components-userTile-gap);overflow-wrap:break-word}.userTile .avatar{display:flex;align-self:start;align-items:center;min-block-size:var(--components-avatar-size)}.userTile:has(.userTile-content-info) .avatar{block-size:calc(var(--components-userTile-title-lineHeight) + var(--components-userTile-info-lineHeight))}.userTile-content{display:flex;flex-direction:column;margin:0}.userTile-content-name{font-size:var(--components-userTile-title-fontSize);line-height:var(--components-userTile-title-lineHeight);color:var(--pr-t-color-text);margin:0}.userTile-content-info{font-size:var(--components-userTile-info-fontSize);line-height:var(--components-userTile-info-lineHeight);color:var(--palettes-neutral-600);margin:0}.userTile-content-slotBottom{font:var(--pr-t-font-body-S)}.userTile-content-slotBottom:empty{display:none}}@layer mods{.userTile.mod-XS{--components-userTile-gap: var(--pr-t-spacings-100);--components-userTile-title-fontSize: var(--pr-t-font-body-S-fontSize);--components-userTile-title-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-userTile-info-fontSize: var(--pr-t-font-body-XS-fontSize);--components-userTile-info-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.userTile.mod-XS .avatar{--components-avatar-size: 1.5rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-150);--components-avatar-placeholder-size: .75rem;--components-avatar-border: 1px}.userTile.mod-S{--components-userTile-gap: var(--pr-t-spacings-100)}.userTile.mod-S .avatar{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}.userTile.mod-L .avatar{--components-avatar-size: 3rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-225);--components-avatar-placeholder-size: 1.75rem}.userTile.mod-XL .avatar{--components-avatar-size: 4rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-275);--components-avatar-placeholder-size: 2rem}.userTile.mod-XXL .avatar{--components-avatar-size: 5rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-350);--components-avatar-placeholder-size: 2.25rem}.userTile.mod-XXXL .avatar{--components-avatar-size: 6rem;--components-avatar-fontSize: 2.25rem;--components-avatar-placeholder-size: 2.5rem}}\n"], dependencies: [{ kind: "component", type: LuUserPictureComponent, selector: "lu-user-picture", inputs: ["displayFormat", "user", "AI", "placeholder", "softRounded", "size", "imageLoadingAttribute"] }, { kind: "pipe", type: LuUserDisplayPipe, name: "luUserDisplay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
286
286
  }
287
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserTileComponent, decorators: [{
287
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserTileComponent, decorators: [{
288
288
  type: Component,
289
289
  args: [{ selector: 'lu-user-tile', imports: [LuUserDisplayPipe, LuUserPictureComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'userTile' }, encapsulation: ViewEncapsulation.None, providers: [LuClass], template: "<lu-user-picture aria-hidden=\"true\" [user]=\"user()\" [displayFormat]=\"displayPictureFormat()\" />\n<div class=\"userTile-content\">\n\t<div class=\"userTile-content-name\" translate=\"no\">{{ user() | luUserDisplay: displayFormat() }}</div>\n\t@if (role() || user()?.jobTitle) {\n\t\t<div class=\"userTile-content-info\">{{ role() ? role() : user()?.jobTitle }}</div>\n\t}\n\t<div class=\"userTile-content-slotBottom\">\n\t\t<ng-content />\n\t</div>\n</div>\n", styles: ["@layer components{.userTile{--components-userTile-title-fontSize: var(--pr-t-font-body-M-fontSize);--components-userTile-title-lineHeight: var(--pr-t-font-body-M-lineHeight);--components-userTile-info-fontSize: var(--pr-t-font-body-S-fontSize);--components-userTile-info-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-userTile-gap: var(--pr-t-spacings-150);display:flex;align-items:center;gap:var(--components-userTile-gap);overflow-wrap:break-word}.userTile .avatar{display:flex;align-self:start;align-items:center;min-block-size:var(--components-avatar-size)}.userTile:has(.userTile-content-info) .avatar{block-size:calc(var(--components-userTile-title-lineHeight) + var(--components-userTile-info-lineHeight))}.userTile-content{display:flex;flex-direction:column;margin:0}.userTile-content-name{font-size:var(--components-userTile-title-fontSize);line-height:var(--components-userTile-title-lineHeight);color:var(--pr-t-color-text);margin:0}.userTile-content-info{font-size:var(--components-userTile-info-fontSize);line-height:var(--components-userTile-info-lineHeight);color:var(--palettes-neutral-600);margin:0}.userTile-content-slotBottom{font:var(--pr-t-font-body-S)}.userTile-content-slotBottom:empty{display:none}}@layer mods{.userTile.mod-XS{--components-userTile-gap: var(--pr-t-spacings-100);--components-userTile-title-fontSize: var(--pr-t-font-body-S-fontSize);--components-userTile-title-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-userTile-info-fontSize: var(--pr-t-font-body-XS-fontSize);--components-userTile-info-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.userTile.mod-XS .avatar{--components-avatar-size: 1.5rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-150);--components-avatar-placeholder-size: .75rem;--components-avatar-border: 1px}.userTile.mod-S{--components-userTile-gap: var(--pr-t-spacings-100)}.userTile.mod-S .avatar{--components-avatar-size: 2rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-175);--components-avatar-placeholder-size: 1rem}.userTile.mod-L .avatar{--components-avatar-size: 3rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-225);--components-avatar-placeholder-size: 1.75rem}.userTile.mod-XL .avatar{--components-avatar-size: 4rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-275);--components-avatar-placeholder-size: 2rem}.userTile.mod-XXL .avatar{--components-avatar-size: 5rem;--components-avatar-fontSize: var(--pr-t-font-fontSize-350);--components-avatar-placeholder-size: 2.25rem}.userTile.mod-XXXL .avatar{--components-avatar-size: 6rem;--components-avatar-fontSize: 2.25rem;--components-avatar-placeholder-size: 2.5rem}}\n"] }]
290
290
  }], ctorParameters: () => [], propDecorators: { user: [{ type: i0.Input, args: [{ isSignal: true, alias: "user", required: false }] }], displayFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayFormat", required: false }] }], role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
@@ -293,11 +293,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
293
293
  * @deprecated use `LuUserTileComponent` instead
294
294
  */
295
295
  class LuUserTileModule {
296
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserTileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
297
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: LuUserTileModule, imports: [LuUserTileComponent], exports: [LuUserTileComponent] }); }
298
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserTileModule }); }
296
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserTileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
297
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: LuUserTileModule, imports: [LuUserTileComponent], exports: [LuUserTileComponent] }); }
298
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserTileModule }); }
299
299
  }
300
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserTileModule, decorators: [{
300
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserTileModule, decorators: [{
301
301
  type: NgModule,
302
302
  args: [{
303
303
  imports: [LuUserTileComponent],
@@ -314,11 +314,11 @@ const USER_PICTURE_SIZE = ['XS', 'S', 'M', 'L', 'XL', 'XXL', 'XXXL'];
314
314
  * @deprecated use `LuUserPictureComponent` instead
315
315
  */
316
316
  class LuUserPictureModule {
317
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserPictureModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
318
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: LuUserPictureModule, imports: [LuUserPictureComponent], exports: [LuUserPictureComponent] }); }
319
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserPictureModule }); }
317
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserPictureModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
318
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: LuUserPictureModule, imports: [LuUserPictureComponent], exports: [LuUserPictureComponent] }); }
319
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserPictureModule }); }
320
320
  }
321
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserPictureModule, decorators: [{
321
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserPictureModule, decorators: [{
322
322
  type: NgModule,
323
323
  args: [{
324
324
  imports: [LuUserPictureComponent],
@@ -365,10 +365,10 @@ class LuUserHomonymsService extends ALuUserHomonymsService {
365
365
  this._http = _http;
366
366
  this._format = LuDisplayFullname.lastfirst;
367
367
  }
368
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserHomonymsService, deps: [{ token: LuUserDisplayPipe }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
369
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserHomonymsService }); }
368
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserHomonymsService, deps: [{ token: LuUserDisplayPipe }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
369
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserHomonymsService }); }
370
370
  }
371
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserHomonymsService, decorators: [{
371
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserHomonymsService, decorators: [{
372
372
  type: Injectable
373
373
  }], ctorParameters: () => [{ type: LuUserDisplayPipe }, { type: i2.HttpClient }] });
374
374
 
@@ -389,8 +389,8 @@ class LuUserHomonymsComponent {
389
389
  constructor(hostService, selfService) {
390
390
  this._service = hostService || selfService;
391
391
  }
392
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserHomonymsComponent, deps: [{ token: ALuUserHomonymsService, optional: true, skipSelf: true }, { token: ALuUserHomonymsService, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
393
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: LuUserHomonymsComponent, isStandalone: true, selector: "lu-user-homonyms", providers: [
392
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserHomonymsComponent, deps: [{ token: ALuUserHomonymsService, optional: true, skipSelf: true }, { token: ALuUserHomonymsService, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
393
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: LuUserHomonymsComponent, isStandalone: true, selector: "lu-user-homonyms", providers: [
394
394
  LuUserDisplayPipe,
395
395
  {
396
396
  provide: ALuOptionOperator,
@@ -403,7 +403,7 @@ class LuUserHomonymsComponent {
403
403
  },
404
404
  ], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
405
405
  }
406
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserHomonymsComponent, decorators: [{
406
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserHomonymsComponent, decorators: [{
407
407
  type: Component,
408
408
  args: [{
409
409
  selector: 'lu-user-homonyms',
@@ -478,10 +478,10 @@ class LuUserV3Service extends LuApiV3Service {
478
478
  .join(',');
479
479
  return `clue=${urlSafeClue}`;
480
480
  }
481
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserV3Service, deps: [{ token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
482
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserV3Service }); }
481
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserV3Service, deps: [{ token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
482
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserV3Service }); }
483
483
  }
484
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserV3Service, decorators: [{
484
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserV3Service, decorators: [{
485
485
  type: Injectable
486
486
  }], ctorParameters: () => [{ type: i2.HttpClient }] });
487
487
 
@@ -539,8 +539,8 @@ class LuUserMeOptionDirective {
539
539
  this._viewRef.destroy();
540
540
  }
541
541
  }
542
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserMeOptionDirective, deps: [{ token: ALuUserService, optional: true, skipSelf: true }, { token: ALuUserService, self: true }, { token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
543
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.4", type: LuUserMeOptionDirective, isStandalone: true, selector: "[luUserMeOption]", inputs: { luUserMeOptionFields: "luUserMeOptionFields", luUserMeOptionFilters: "luUserMeOptionFilters", luUserMeOptionOrderBy: "luUserMeOptionOrderBy", luUserMeOptionAppInstanceId: "luUserMeOptionAppInstanceId", luUserMeOptionOperations: "luUserMeOptionOperations", luUserMeOptionClue: "luUserMeOptionClue" }, providers: [
542
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserMeOptionDirective, deps: [{ token: ALuUserService, optional: true, skipSelf: true }, { token: ALuUserService, self: true }, { token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
543
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: LuUserMeOptionDirective, isStandalone: true, selector: "[luUserMeOption]", inputs: { luUserMeOptionFields: "luUserMeOptionFields", luUserMeOptionFilters: "luUserMeOptionFilters", luUserMeOptionOrderBy: "luUserMeOptionOrderBy", luUserMeOptionAppInstanceId: "luUserMeOptionAppInstanceId", luUserMeOptionOperations: "luUserMeOptionOperations", luUserMeOptionClue: "luUserMeOptionClue" }, providers: [
544
544
  {
545
545
  provide: ALuOptionOperator,
546
546
  useExisting: forwardRef(() => LuUserMeOptionDirective),
@@ -557,7 +557,7 @@ class LuUserMeOptionDirective {
557
557
  },
558
558
  ], ngImport: i0 }); }
559
559
  }
560
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserMeOptionDirective, decorators: [{
560
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserMeOptionDirective, decorators: [{
561
561
  type: Directive,
562
562
  args: [{
563
563
  selector: '[luUserMeOption]',
@@ -608,11 +608,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
608
608
  * @deprecated use `LuUserMeOptionDirective` instead
609
609
  */
610
610
  class LuUserMeOptionModule {
611
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserMeOptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
612
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: LuUserMeOptionModule, imports: [LuUserMeOptionDirective], exports: [LuUserMeOptionDirective] }); }
613
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserMeOptionModule }); }
611
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserMeOptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
612
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: LuUserMeOptionModule, imports: [LuUserMeOptionDirective], exports: [LuUserMeOptionDirective] }); }
613
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserMeOptionModule }); }
614
614
  }
615
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserMeOptionModule, decorators: [{
615
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserMeOptionModule, decorators: [{
616
616
  type: NgModule,
617
617
  args: [{
618
618
  imports: [LuUserMeOptionDirective],
@@ -740,8 +740,8 @@ class LuUserPagedSearcherComponent {
740
740
  this.form.reset();
741
741
  }
742
742
  }
743
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserPagedSearcherComponent, deps: [{ token: ALuUserService, optional: true, skipSelf: true }, { token: ALuUserService, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
744
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: LuUserPagedSearcherComponent, isStandalone: true, selector: "lu-user-paged-searcher", inputs: { fields: { classPropertyName: "fields", publicName: "fields", isSignal: false, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: false, isRequired: false, transformFunction: null }, orderBy: { classPropertyName: "orderBy", publicName: "orderBy", isSignal: false, isRequired: false, transformFunction: null }, appInstanceId: { classPropertyName: "appInstanceId", publicName: "appInstanceId", isSignal: false, isRequired: false, transformFunction: null }, operations: { classPropertyName: "operations", publicName: "operations", isSignal: false, isRequired: false, transformFunction: null }, enableFormerEmployees: { classPropertyName: "enableFormerEmployees", publicName: "enableFormerEmployees", isSignal: false, isRequired: false, transformFunction: null }, intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clueChange: "clueChange" }, host: { properties: { "class.position-fixed": "this.fixed" } }, providers: [
743
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserPagedSearcherComponent, deps: [{ token: ALuUserService, optional: true, skipSelf: true }, { token: ALuUserService, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
744
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: LuUserPagedSearcherComponent, isStandalone: true, selector: "lu-user-paged-searcher", inputs: { fields: { classPropertyName: "fields", publicName: "fields", isSignal: false, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: false, isRequired: false, transformFunction: null }, orderBy: { classPropertyName: "orderBy", publicName: "orderBy", isSignal: false, isRequired: false, transformFunction: null }, appInstanceId: { classPropertyName: "appInstanceId", publicName: "appInstanceId", isSignal: false, isRequired: false, transformFunction: null }, operations: { classPropertyName: "operations", publicName: "operations", isSignal: false, isRequired: false, transformFunction: null }, enableFormerEmployees: { classPropertyName: "enableFormerEmployees", publicName: "enableFormerEmployees", isSignal: false, isRequired: false, transformFunction: null }, intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clueChange: "clueChange" }, host: { properties: { "class.position-fixed": "this.fixed" } }, providers: [
745
745
  {
746
746
  provide: ALuOptionOperator,
747
747
  useExisting: forwardRef(() => LuUserPagedSearcherComponent),
@@ -768,7 +768,7 @@ class LuUserPagedSearcherComponent {
768
768
  },
769
769
  ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<form [formGroup]=\"form\">\n\t<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\n\t\t<input #searchInput class=\"textfield-input\" formControlName=\"clue\" />\n\t</div>\n\n\t@if (enableFormerEmployees) {\n\t\t<label class=\"checkbox mod-formerEmployee mod-S\">\n\t\t\t<input class=\"checkbox-input\" type=\"checkbox\" formControlName=\"formerEmployees\" />\n\t\t\t<span class=\"checkbox-label\">{{ intl().includeFormerEmployees }}</span>\n\t\t</label>\n\t}\n</form>\n\n@if ((empty$ | async) && (loading$ | async) === false) {\n\t<lu-option-placeholder (onClear)=\"reset()\" />\n}\n", styles: ["@layer base{:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}}@layer reset,base,components,mods,product,utils;@layer mods{.textfield.mod-search{inline-size:100%}.textfield-input{outline:none}.checkbox.mod-formerEmployee{padding-block:var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);border-block-end:var(--commons-divider-width) solid var(--commons-divider-color);background-color:var(--palettes-neutral-50);font-style:italic}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: LuOptionPlaceholderComponent, selector: "lu-option-placeholder", inputs: ["intl"], outputs: ["onClear"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
770
770
  }
771
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserPagedSearcherComponent, decorators: [{
771
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserPagedSearcherComponent, decorators: [{
772
772
  type: Component,
773
773
  args: [{ selector: 'lu-user-paged-searcher', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, ReactiveFormsModule, LuOptionPlaceholderComponent], providers: [
774
774
  {
@@ -834,11 +834,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
834
834
  * @deprecated use `LuUserPagedSearcherComponent` instead
835
835
  */
836
836
  class LuUserSearcherModule {
837
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserSearcherModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
838
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: LuUserSearcherModule, imports: [LuUserPagedSearcherComponent], exports: [LuUserPagedSearcherComponent] }); }
839
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserSearcherModule, imports: [LuUserPagedSearcherComponent] }); }
837
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserSearcherModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
838
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: LuUserSearcherModule, imports: [LuUserPagedSearcherComponent], exports: [LuUserPagedSearcherComponent] }); }
839
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserSearcherModule, imports: [LuUserPagedSearcherComponent] }); }
840
840
  }
841
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserSearcherModule, decorators: [{
841
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserSearcherModule, decorators: [{
842
842
  type: NgModule,
843
843
  args: [{
844
844
  imports: [LuUserPagedSearcherComponent],
@@ -912,8 +912,8 @@ class LuUserSelectInputComponent extends ALuSelectInputComponent {
912
912
  this.intl = input(...intlInputOptions(LU_USER_SELECT_INPUT_TRANSLATIONS), /* @ts-ignore */
913
913
  ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
914
914
  }
915
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserSelectInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
916
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: LuUserSelectInputComponent, isStandalone: true, selector: "lu-user-select", inputs: { inputPlaceholder: { classPropertyName: "inputPlaceholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: false, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: false, isRequired: false, transformFunction: null }, orderBy: { classPropertyName: "orderBy", publicName: "orderBy", isSignal: false, isRequired: false, transformFunction: null }, appInstanceId: { classPropertyName: "appInstanceId", publicName: "appInstanceId", isSignal: false, isRequired: false, transformFunction: null }, operations: { classPropertyName: "operations", publicName: "operations", isSignal: false, isRequired: false, transformFunction: null }, enableFormerEmployees: { classPropertyName: "enableFormerEmployees", publicName: "enableFormerEmployees", isSignal: false, isRequired: false, transformFunction: null }, disablePrincipal: { classPropertyName: "disablePrincipal", publicName: "disablePrincipal", isSignal: false, isRequired: false, transformFunction: null }, intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
915
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserSelectInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
916
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: LuUserSelectInputComponent, isStandalone: true, selector: "lu-user-select", inputs: { inputPlaceholder: { classPropertyName: "inputPlaceholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: false, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: false, isRequired: false, transformFunction: null }, orderBy: { classPropertyName: "orderBy", publicName: "orderBy", isSignal: false, isRequired: false, transformFunction: null }, appInstanceId: { classPropertyName: "appInstanceId", publicName: "appInstanceId", isSignal: false, isRequired: false, transformFunction: null }, operations: { classPropertyName: "operations", publicName: "operations", isSignal: false, isRequired: false, transformFunction: null }, enableFormerEmployees: { classPropertyName: "enableFormerEmployees", publicName: "enableFormerEmployees", isSignal: false, isRequired: false, transformFunction: null }, disablePrincipal: { classPropertyName: "disablePrincipal", publicName: "disablePrincipal", isSignal: false, isRequired: false, transformFunction: null }, intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
917
917
  LuUserDisplayPipe,
918
918
  {
919
919
  provide: NG_VALUE_ACCESSOR,
@@ -922,7 +922,7 @@ class LuUserSelectInputComponent extends ALuSelectInputComponent {
922
922
  },
923
923
  ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\n<div class=\"lu-select-value\">\n\t<div class=\"lu-select-display-wrapper\">\n\t\t<ng-container #display />\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<lu-clear />\n</div>\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\n\t@if (multiple && values?.length > 1) {\n\t\t<span\n\t\t\t><span class=\"numericBadge\">{{ values.length }}</span> {{ intl().users }}</span\n\t\t>\n\t} @else {\n\t\t{{ values[0] || values | luUserDisplay }}\n\t}\n</ng-template>\n<lu-option-picker-advanced [option-comparer]=\"byId\">\n\t<header class=\"lu-picker-header\">\n\t\t<lu-user-paged-searcher\n\t\t\t[fields]=\"fields\"\n\t\t\t[filters]=\"filters\"\n\t\t\t[orderBy]=\"orderBy\"\n\t\t\t[appInstanceId]=\"appInstanceId\"\n\t\t\t[operations]=\"operations\"\n\t\t\t[enableFormerEmployees]=\"enableFormerEmployees\"\n\t\t\t(clueChange)=\"clue = $event\"\n\t\t/>\n\t</header>\n\t<lu-user-homonyms />\n\t@if (!disablePrincipal) {\n\t\t<lu-option\n\t\t\t*luUserMeOption=\"\n\t\t\t\tlet user;\n\t\t\t\tfields: fields;\n\t\t\t\tfilters: filters;\n\t\t\t\torderBy: orderBy;\n\t\t\t\tappInstanceId: appInstanceId;\n\t\t\t\toperations: operations;\n\t\t\t\tclue: clue\n\t\t\t\"\n\t\t\t[value]=\"user\"\n\t\t>\n\t\t\t<div>\n\t\t\t\t<b>{{ intl().me }} {{ user | luUserDisplay: searchFormat }}</b>\n\t\t\t</div>\n\t\t\t@if (user.additionalInformation) {\n\t\t\t\t<div class=\"option-additional\">{{ user.additionalInformation }}</div>\n\t\t\t}\n\t\t</lu-option>\n\t}\n\n\t<lu-option *luForOptions=\"let user\" [value]=\"user\">\n\t\t<div>{{ user | luUserDisplay: searchFormat }}</div>\n\t\t@if (user.additionalInformation) {\n\t\t\t<div class=\"option-additional\">{{ user.additionalInformation }}</div>\n\t\t}\n\t</lu-option>\n</lu-option-picker-advanced>\n", styles: ["@charset \"UTF-8\";@layer base{:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}}@layer reset,base,components,mods,product,utils;@layer components{:host{--components-select-input-padding-horizontal: var(--pr-t-spacings-100);--components-select-input-padding-vertical: var(--pr-t-spacings-100);--components-select-framed-color: var(--palettes-neutral-500);--components-select-framed-color50: var(--palettes-neutral-50);--components-select-framed-see-through: var(--palettes-neutral-50);--components-select-framed-text: var(--pr-t-color-text);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--pr-t-spacings-200);--components-select-framed-top-padding: var(--pr-t-spacings-400);--components-select-framed-bottom-padding: var(--pr-t-spacings-200);--components-select-framed-label-top-offset: var(--pr-t-spacings-100);cursor:pointer;outline:none;padding:0;gap:0}:host:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);inset-block-end:var(--components-select-input-padding-vertical);font-size:var(--pr-t-font-body-M-lineHeight);line-height:var(--pr-t-font-body-M-lineHeight);pointer-events:none;position:absolute;inset-inline-end:var(--components-select-input-padding-horizontal);transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}}@layer components{.lu-select-display-wrapper{display:block;inline-size:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lu-select-value{font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-neutral-400);font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix,.lu-select-clearer{position:absolute;inset-block-end:var(--pr-t-spacings-150);inset-inline-end:2.5rem}::ng-deep .lu-select-value .chip{display:inline-flex;max-inline-size:100%;margin-block:0 var(--pr-t-spacings-50);margin-inline:0 var(--pr-t-spacings-50);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}@layer mods{:host-context(.textfield.mod-S){padding:0}:host-context(.textfield.mod-S) .lu-select-value,:host-context(.textfield.mod-S) .lu-select-placeholder{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-XS-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-XS-lineHeight))}:host-context(.textfield.mod-S) .lu-select-clearer{inset-block-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-S):after{line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{inset-block-end:.5rem;inset-inline-end:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{block-size:var(--pr-t-font-body-XS-lineHeight);line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-XS-fontSize);padding-inline:var(--pr-t-spacings-50);gap:var(--pr-t-spacings-50)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding-block:var(--components-select-framed-top-padding) 0;padding-inline:0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-neutral-500);inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400);padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;block-size:auto;padding-block-start:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}:host-context(.textfield.mod-material):after{color:var(--palettes-neutral-500);inset-block-end:.6rem;inset-inline-end:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-inline:0 .8rem}:host-context(.textfield.mod-material) .lu-select-suffix{inset-inline-end:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{inset-block-end:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{inset-inline-end:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple) .lu-select-value{block-size:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-block-end:calc(var(--pr-t-spacings-50) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-neutral-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield .textfield-input.is-focused):after{transform:rotate(180deg)}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-inline-end:3.5rem}:host-context(.textfield-input.is-error,.textfield-input.is-invalid,.textfield-input.ng-invalid.ng-touched) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}}@layer components{.lu-select-value{padding-inline-end:3.5rem}}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "directive", type: LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { kind: "component", type: LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { kind: "component", type: LuUserPagedSearcherComponent, selector: "lu-user-paged-searcher", inputs: ["fields", "filters", "orderBy", "appInstanceId", "operations", "enableFormerEmployees", "intl"], outputs: ["clueChange"] }, { kind: "component", type: LuUserHomonymsComponent, selector: "lu-user-homonyms" }, { kind: "component", type: LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }, { kind: "directive", type: LuUserMeOptionDirective, selector: "[luUserMeOption]", inputs: ["luUserMeOptionFields", "luUserMeOptionFilters", "luUserMeOptionOrderBy", "luUserMeOptionAppInstanceId", "luUserMeOptionOperations", "luUserMeOptionClue"] }, { kind: "directive", type: LuForOptionsDirective, selector: "[luForOptions]", inputs: ["luForOptionsTrackBy"] }, { kind: "pipe", type: LuUserDisplayPipe, name: "luUserDisplay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
924
924
  }
925
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserSelectInputComponent, decorators: [{
925
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserSelectInputComponent, decorators: [{
926
926
  type: Component,
927
927
  args: [{ selector: 'lu-user-select', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
928
928
  OverlayModule,
@@ -967,11 +967,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
967
967
  * @deprecated prefer SimpleSelect or MultipleSelect with luCustomUsers directive
968
968
  */
969
969
  class LuUserSelectInputModule {
970
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserSelectInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
971
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: LuUserSelectInputModule, imports: [LuUserSelectInputComponent], exports: [LuUserSelectInputComponent] }); }
972
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserSelectInputModule, imports: [LuUserSelectInputComponent] }); }
970
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserSelectInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
971
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: LuUserSelectInputModule, imports: [LuUserSelectInputComponent], exports: [LuUserSelectInputComponent] }); }
972
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserSelectInputModule, imports: [LuUserSelectInputComponent] }); }
973
973
  }
974
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserSelectInputModule, decorators: [{
974
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserSelectInputModule, decorators: [{
975
975
  type: NgModule,
976
976
  args: [{
977
977
  imports: [LuUserSelectInputComponent],
@@ -983,11 +983,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
983
983
  * @deprecated prefer SimpleSelect or MultipleSelect with luCustomUsers directive
984
984
  */
985
985
  class LuUserSelectModule {
986
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
987
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: LuUserSelectModule, imports: [LuUserSelectInputModule, LuUserSearcherModule, LuUserHomonymsComponent, LuUserMeOptionModule], exports: [LuUserSelectInputModule, LuUserSearcherModule, LuUserHomonymsComponent, LuUserMeOptionModule] }); }
988
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserSelectModule, imports: [LuUserSelectInputModule, LuUserSearcherModule, LuUserMeOptionModule, LuUserSelectInputModule, LuUserSearcherModule, LuUserMeOptionModule] }); }
986
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
987
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: LuUserSelectModule, imports: [LuUserSelectInputModule, LuUserSearcherModule, LuUserHomonymsComponent, LuUserMeOptionModule], exports: [LuUserSelectInputModule, LuUserSearcherModule, LuUserHomonymsComponent, LuUserMeOptionModule] }); }
988
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserSelectModule, imports: [LuUserSelectInputModule, LuUserSearcherModule, LuUserMeOptionModule, LuUserSelectInputModule, LuUserSearcherModule, LuUserMeOptionModule] }); }
989
989
  }
990
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserSelectModule, decorators: [{
990
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserSelectModule, decorators: [{
991
991
  type: NgModule,
992
992
  args: [{
993
993
  imports: [LuUserSelectInputModule, LuUserSearcherModule, LuUserHomonymsComponent, LuUserMeOptionModule],
@@ -999,11 +999,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
999
999
  * @deprecated use `LuUserDisplayPipe, LuUserPictureComponent, LuUserTileComponent` instead
1000
1000
  */
1001
1001
  class LuUserModule {
1002
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
1003
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: LuUserModule, imports: [LuUserDisplayModule, LuUserPictureModule, LuUserTileModule, LuUserSelectModule], exports: [LuUserDisplayModule, LuUserPictureModule, LuUserTileModule, LuUserSelectModule] }); }
1004
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserModule, imports: [LuUserDisplayModule, LuUserPictureModule, LuUserTileModule, LuUserSelectModule, LuUserDisplayModule, LuUserPictureModule, LuUserTileModule, LuUserSelectModule] }); }
1002
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
1003
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: LuUserModule, imports: [LuUserDisplayModule, LuUserPictureModule, LuUserTileModule, LuUserSelectModule], exports: [LuUserDisplayModule, LuUserPictureModule, LuUserTileModule, LuUserSelectModule] }); }
1004
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserModule, imports: [LuUserDisplayModule, LuUserPictureModule, LuUserTileModule, LuUserSelectModule, LuUserDisplayModule, LuUserPictureModule, LuUserTileModule, LuUserSelectModule] }); }
1005
1005
  }
1006
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: LuUserModule, decorators: [{
1006
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LuUserModule, decorators: [{
1007
1007
  type: NgModule,
1008
1008
  args: [{
1009
1009
  imports: [LuUserDisplayModule, LuUserPictureModule, LuUserTileModule, LuUserSelectModule],
package/fesm2022/lucca-front-ng-vertical-navigation.mjs CHANGED
@@ -15,10 +15,10 @@ class VerticalNavigationLinkComponent {
15
15
  */
16
16
  this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
17
17
  }
18
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VerticalNavigationLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
19
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: VerticalNavigationLinkComponent, isStandalone: true, selector: "span[luVerticalNavigationLink], a[luVerticalNavigationLink]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "disabled() ? \"presentation\" : null", "attr.tabindex": "disabled() ? -1 : null" }, classAttribute: "verticalNavigation-list-item-link" }, ngImport: i0, template: "@if (icon()) {\n\t<lu-icon class=\"verticalNavigation-list-item-link-icon\" [icon]=\"icon()\" />\n}\n<ng-content />\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
18
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VerticalNavigationLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
19
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: VerticalNavigationLinkComponent, isStandalone: true, selector: "span[luVerticalNavigationLink], a[luVerticalNavigationLink]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "disabled() ? \"presentation\" : null", "attr.tabindex": "disabled() ? -1 : null" }, classAttribute: "verticalNavigation-list-item-link" }, ngImport: i0, template: "@if (icon()) {\n\t<lu-icon class=\"verticalNavigation-list-item-link-icon\" [icon]=\"icon()\" />\n}\n<ng-content />\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
20
20
  }
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VerticalNavigationLinkComponent, decorators: [{
21
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VerticalNavigationLinkComponent, decorators: [{
22
22
  type: Component,
23
23
  args: [{ selector: 'span[luVerticalNavigationLink], a[luVerticalNavigationLink]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IconComponent], host: {
24
24
  class: 'verticalNavigation-list-item-link',
@@ -49,10 +49,10 @@ class VerticalNavigationGroupComponent {
49
49
  toggleExpanded() {
50
50
  this.expanded.set(!this.expanded());
51
51
  }
52
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VerticalNavigationGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
53
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: VerticalNavigationGroupComponent, isStandalone: true, selector: "lu-vertical-navigation-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { attributes: { "role": "listitem" }, properties: { "class.is-disabled": "disabled()" }, classAttribute: "verticalNavigation-list-item" }, ngImport: i0, template: "<button\n\ttype=\"button\"\n\tclass=\"verticalNavigation-list-item-link\"\n\t[attr.aria-expanded]=\"expanded()\"\n\t(click)=\"toggleExpanded()\"\n\t[disabled]=\"disabled()\"\n>\n\t@if (icon()) {\n\t\t<lu-icon class=\"verticalNavigation-list-item-link-icon\" [icon]=\"icon()\" />\n\t}\n\t<ng-container *luPortal=\"label()\" /><span\n\t\taria-hidden=\"true\"\n\t\tclass=\"lucca-icon icon-arrowChevronBottom verticalNavigation-list-item-link-arrow\"\n\t></span>\n</button>\n<ul class=\"verticalNavigation-list mod-child\">\n\t<ng-content />\n</ul>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
52
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VerticalNavigationGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
53
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: VerticalNavigationGroupComponent, isStandalone: true, selector: "lu-vertical-navigation-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { attributes: { "role": "listitem" }, properties: { "class.is-disabled": "disabled()" }, classAttribute: "verticalNavigation-list-item" }, ngImport: i0, template: "<button\n\ttype=\"button\"\n\tclass=\"verticalNavigation-list-item-link\"\n\t[attr.aria-expanded]=\"expanded()\"\n\t(click)=\"toggleExpanded()\"\n\t[disabled]=\"disabled()\"\n>\n\t@if (icon()) {\n\t\t<lu-icon class=\"verticalNavigation-list-item-link-icon\" [icon]=\"icon()\" />\n\t}\n\t<ng-container *luPortal=\"label()\" /><span\n\t\taria-hidden=\"true\"\n\t\tclass=\"lucca-icon icon-arrowChevronBottom verticalNavigation-list-item-link-arrow\"\n\t></span>\n</button>\n<ul class=\"verticalNavigation-list mod-child\">\n\t<ng-content />\n</ul>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
54
54
  }
55
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VerticalNavigationGroupComponent, decorators: [{
55
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VerticalNavigationGroupComponent, decorators: [{
56
56
  type: Component,
57
57
  args: [{ selector: 'lu-vertical-navigation-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IconComponent, PortalDirective], host: {
58
58
  role: 'listitem',
@@ -78,10 +78,10 @@ class VerticalNavigationComponent {
78
78
  this.isIconless = computed(() => !this.verticalNavigationGroup().filter((verticalGroup) => verticalGroup?.icon()).length || !this.verticalNavigationLinks().filter((verticalLink) => verticalLink?.icon()).length, /* @ts-ignore */
79
79
  ...(ngDevMode ? [{ debugName: "isIconless" }] : /* istanbul ignore next */ []));
80
80
  }
81
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VerticalNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
82
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: VerticalNavigationComponent, isStandalone: true, selector: "lu-vertical-navigation", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-iconless": "isIconless()" }, classAttribute: "verticalNavigation" }, queries: [{ propertyName: "verticalNavigationGroup", predicate: VerticalNavigationGroupComponent, descendants: true, isSignal: true }, { propertyName: "verticalNavigationLinks", predicate: VerticalNavigationLinkComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (heading()) {\n\t<div role=\"heading\" [attr.aria-level]=\"level()\" class=\"verticalNavigation-sectionTitle\">\n\t\t<ng-container *luPortal=\"heading()\" />\n\t</div>\n}\n<ul class=\"verticalNavigation-list\">\n\t<ng-content />\n</ul>\n", styles: ["@layer components{.verticalNavigation{--components-verticalNavigation-link-background: transparent;--components-verticalNavigation-link-color: var(--pr-t-color-text);--components-verticalNavigation-horizontalPadding: var(--pr-t-spacings-150)}.verticalNavigation-sectionTitle{font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--palettes-neutral-600);padding-block:0;padding-inline:var(--components-verticalNavigation-horizontalPadding);margin-block-end:var(--pr-t-spacings-100)}.verticalNavigation-list{margin:0;padding:0;list-style-type:none;margin-block-end:var(--pr-t-spacings-200)}.verticalNavigation-list-item-link-icon{font-size:var(--pr-t-font-body-M-lineHeight);margin-inline-end:var(--pr-t-spacings-100)}.verticalNavigation-list-item-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:flex;padding-block:var(--pr-t-spacings-100);padding-inline:var(--components-verticalNavigation-horizontalPadding);border-radius:var(--pr-t-border-radius-default);color:var(--components-verticalNavigation-link-color);text-decoration:none;background-color:var(--components-verticalNavigation-link-background);transition:background-color var(--commons-animations-durations-fast) ease;font-weight:var(--pr-t-font-fontWeight-semibold)}.verticalNavigation-list-item-link:hover{--components-verticalNavigation-link-background: var(--palettes-neutral-50);color:var(--components-verticalNavigation-link-color)}.verticalNavigation-list-item-link:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.verticalNavigation-list-item-link:active{--components-verticalNavigation-link-background: var(--palettes-neutral-100)}.verticalNavigation-list-item-link-arrow{font-size:var(--pr-t-font-body-M-lineHeight);margin-inline-start:auto;transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{.verticalNavigation.mod-iconless .verticalNavigation-list.mod-child .verticalNavigation-list-item-link{padding-inline-start:var(--components-verticalNavigation-horizontalPadding)}.verticalNavigation.mod-iconless .verticalNavigation-list-item-link-icon{display:none}}@layer mods{.verticalNavigation-list.mod-child{display:none;margin:0}.verticalNavigation-list.mod-child .verticalNavigation-list-item-link{font-weight:var(--pr-t-font-fontWeight-regular);padding-inline-start:calc(2rem + var(--components-verticalNavigation-horizontalPadding))}.verticalNavigation-list-item-link[aria-expanded=true]~.verticalNavigation-list{display:block}.verticalNavigation-list-item-link[aria-expanded=true] .verticalNavigation-list-item-link-arrow{transform:rotate(180deg)}.verticalNavigation-list-item-link[aria-current=page]{--components-verticalNavigation-link-background: var(--palettes-product-100);color:var(--components-verticalNavigation-link-color)}.verticalNavigation-list-item-link[aria-current=page]:hover{--components-verticalNavigation-link-background: var(--palettes-product-200)}.verticalNavigation-list-item-link[aria-current=page]:active{--components-verticalNavigation-link-background: var(--palettes-product-300)}.verticalNavigation-list-item-link[disabled],.verticalNavigation-list-item-link.is-disabled,span.verticalNavigation-list-item-link{--components-verticalNavigation-link-background: transparent;color:var(--palettes-neutral-500);pointer-events:none}}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
81
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VerticalNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
82
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: VerticalNavigationComponent, isStandalone: true, selector: "lu-vertical-navigation", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-iconless": "isIconless()" }, classAttribute: "verticalNavigation" }, queries: [{ propertyName: "verticalNavigationGroup", predicate: VerticalNavigationGroupComponent, descendants: true, isSignal: true }, { propertyName: "verticalNavigationLinks", predicate: VerticalNavigationLinkComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (heading()) {\n\t<div role=\"heading\" [attr.aria-level]=\"level()\" class=\"verticalNavigation-sectionTitle\">\n\t\t<ng-container *luPortal=\"heading()\" />\n\t</div>\n}\n<ul class=\"verticalNavigation-list\">\n\t<ng-content />\n</ul>\n", styles: ["@layer components{.verticalNavigation{--components-verticalNavigation-link-background: transparent;--components-verticalNavigation-link-color: var(--pr-t-color-text);--components-verticalNavigation-horizontalPadding: var(--pr-t-spacings-150)}.verticalNavigation-sectionTitle{font:var(--pr-t-font-body-S);font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--palettes-neutral-600);padding-block:0;padding-inline:var(--components-verticalNavigation-horizontalPadding);margin-block-end:var(--pr-t-spacings-100)}.verticalNavigation-list{margin:0;padding:0;list-style-type:none;margin-block-end:var(--pr-t-spacings-200)}.verticalNavigation-list-item-link-icon{font-size:var(--pr-t-font-body-M-lineHeight);margin-inline-end:var(--pr-t-spacings-100)}.verticalNavigation-list-item-link{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:flex;padding-block:var(--pr-t-spacings-100);padding-inline:var(--components-verticalNavigation-horizontalPadding);border-radius:var(--pr-t-border-radius-default);color:var(--components-verticalNavigation-link-color);text-decoration:none;background-color:var(--components-verticalNavigation-link-background);transition:background-color var(--commons-animations-durations-fast) ease;font-weight:var(--pr-t-font-fontWeight-semibold)}.verticalNavigation-list-item-link:hover{--components-verticalNavigation-link-background: var(--palettes-neutral-50);color:var(--components-verticalNavigation-link-color)}.verticalNavigation-list-item-link:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.verticalNavigation-list-item-link:active{--components-verticalNavigation-link-background: var(--palettes-neutral-100)}.verticalNavigation-list-item-link-arrow{font-size:var(--pr-t-font-body-M-lineHeight);margin-inline-start:auto;transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{.verticalNavigation.mod-iconless .verticalNavigation-list.mod-child .verticalNavigation-list-item-link{padding-inline-start:var(--components-verticalNavigation-horizontalPadding)}.verticalNavigation.mod-iconless .verticalNavigation-list-item-link-icon{display:none}}@layer mods{.verticalNavigation-list.mod-child{display:none;margin:0}.verticalNavigation-list.mod-child .verticalNavigation-list-item-link{font-weight:var(--pr-t-font-fontWeight-regular);padding-inline-start:calc(2rem + var(--components-verticalNavigation-horizontalPadding))}.verticalNavigation-list-item-link[aria-expanded=true]~.verticalNavigation-list{display:block}.verticalNavigation-list-item-link[aria-expanded=true] .verticalNavigation-list-item-link-arrow{transform:rotate(180deg)}.verticalNavigation-list-item-link[aria-current=page]{--components-verticalNavigation-link-background: var(--palettes-product-100);color:var(--components-verticalNavigation-link-color)}.verticalNavigation-list-item-link[aria-current=page]:hover{--components-verticalNavigation-link-background: var(--palettes-product-200)}.verticalNavigation-list-item-link[aria-current=page]:active{--components-verticalNavigation-link-background: var(--palettes-product-300)}.verticalNavigation-list-item-link[disabled],.verticalNavigation-list-item-link.is-disabled,span.verticalNavigation-list-item-link{--components-verticalNavigation-link-background: transparent;color:var(--palettes-neutral-500);pointer-events:none}}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
83
83
  }
84
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VerticalNavigationComponent, decorators: [{
84
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VerticalNavigationComponent, decorators: [{
85
85
  type: Component,
86
86
  args: [{ selector: 'lu-vertical-navigation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [PortalDirective], host: {
87
87
  class: 'verticalNavigation',
@@ -111,10 +111,10 @@ class VerticalNavigationItemComponent {
111
111
  toggleExpanded() {
112
112
  this.expanded.set(!this.expanded());
113
113
  }
114
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VerticalNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
115
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: VerticalNavigationItemComponent, isStandalone: true, selector: "lu-vertical-navigation-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { attributes: { "role": "listitem" }, properties: { "class.is-disabled": "disabled()" }, classAttribute: "verticalNavigation-list-item" }, ngImport: i0, template: "<ng-content />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
114
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VerticalNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
115
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: VerticalNavigationItemComponent, isStandalone: true, selector: "lu-vertical-navigation-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { attributes: { "role": "listitem" }, properties: { "class.is-disabled": "disabled()" }, classAttribute: "verticalNavigation-list-item" }, ngImport: i0, template: "<ng-content />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
116
116
  }
117
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VerticalNavigationItemComponent, decorators: [{
117
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VerticalNavigationItemComponent, decorators: [{
118
118
  type: Component,
119
119
  args: [{ selector: 'lu-vertical-navigation-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
120
120
  role: 'listitem',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lucca-front/ng",
3
- "version": "21.4.0",
3
+ "version": "21.4.1",
4
4
  "description": "A library of icons made by the team @Lucca",
5
5
  "repository": {
6
6
  "type": "git",
@@ -28,9 +28,9 @@
28
28
  "@angular/core": "^21.0.0 || ^22.0.0",
29
29
  "@angular/cdk": "^21.0.0 || ^22.0.0",
30
30
  "@angular/animations": "^21.0.0 || ^22.0.0",
31
- "@lucca-front/icons": "21.4.0",
32
- "@lucca-front/scss": "21.4.0",
33
- "@lucca/prisme": "21.4.0",
31
+ "@lucca-front/icons": "21.4.1",
32
+ "@lucca-front/scss": "21.4.1",
33
+ "@lucca/prisme": "21.4.1",
34
34
  "@types/dompurify": "^3.0.0",
35
35
  "isomorphic-dompurify": "^2.17.0",
36
36
  "date-fns": "^3.6.0",
package/schematics/action-icon/migration.spec.js CHANGED
@@ -47,7 +47,7 @@ describe('actionIcon Migration', () => {
47
47
  const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
48
48
  // Act
49
49
  try {
50
- await (0, lib_1.runSchematic)('collection', collectionPath, 'action-icon', { skipInstallation: true }, tree);
50
+ await (0, lib_1.runSchematic)('collection', collectionPath, 'action-icon', { skipInstall: true }, tree);
51
51
  }
52
52
  catch (error) {
53
53
  // eslint-disable-next-line no-console
@@ -69,7 +69,7 @@ describe('actionIcon Migration', () => {
69
69
  const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
70
70
  const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
71
71
  // Act
72
- await (0, lib_1.runSchematic)('collection', collectionPath, 'action-icon', { skipInstallation: true }, tree);
72
+ await (0, lib_1.runSchematic)('collection', collectionPath, 'action-icon', { skipInstall: true }, tree);
73
73
  // Assert
74
74
  tree.visit((p, entry) => {
75
75
  const original = treeOriginalTree.get(p)?.content.toString() || '';
package/schematics/alignment-utilities/migration.spec.js CHANGED
@@ -47,7 +47,7 @@ describe('Alignment utilities Migration', () => {
47
47
  const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
48
48
  // Act
49
49
  try {
50
- await (0, lib_1.runSchematic)('collection', collectionPath, 'alignment-utilities', { skipInstallation: true }, tree);
50
+ await (0, lib_1.runSchematic)('collection', collectionPath, 'alignment-utilities', { skipInstall: true }, tree);
51
51
  }
52
52
  catch (error) {
53
53
  // eslint-disable-next-line no-console
@@ -69,7 +69,7 @@ describe('Alignment utilities Migration', () => {
69
69
  const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
70
70
  const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
71
71
  // Act
72
- await (0, lib_1.runSchematic)('collection', collectionPath, 'alignment-utilities', { skipInstallation: true }, tree);
72
+ await (0, lib_1.runSchematic)('collection', collectionPath, 'alignment-utilities', { skipInstall: true }, tree);
73
73
  // Assert
74
74
  tree.visit((p, entry) => {
75
75
  const original = treeOriginalTree.get(p)?.content.toString() || '';
package/schematics/cdn-urls/migration.spec.js CHANGED
@@ -47,7 +47,7 @@ describe('cdnUrls Migration', () => {
47
47
  const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
48
48
  // Act
49
49
  try {
50
- await (0, lib_1.runSchematic)('collection', collectionPath, 'cdn-urls', { skipInstallation: true }, tree);
50
+ await (0, lib_1.runSchematic)('collection', collectionPath, 'cdn-urls', { skipInstall: true }, tree);
51
51
  }
52
52
  catch (error) {
53
53
  // eslint-disable-next-line no-console
@@ -69,7 +69,7 @@ describe('cdnUrls Migration', () => {
69
69
  const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
70
70
  const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
71
71
  // Act
72
- await (0, lib_1.runSchematic)('collection', collectionPath, 'cdn-urls', { skipInstallation: true }, tree);
72
+ await (0, lib_1.runSchematic)('collection', collectionPath, 'cdn-urls', { skipInstall: true }, tree);
73
73
  // Assert
74
74
  tree.visit((p, entry) => {
75
75
  const original = treeOriginalTree.get(p)?.content.toString() || '';