@lucca-front/ng 21.2.2 → 21.2.3-rc.4

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 (219) hide show
  1. package/fesm2022/lucca-front-ng-a11y.mjs +4 -4
  2. package/fesm2022/lucca-front-ng-a11y.mjs.map +1 -1
  3. package/fesm2022/lucca-front-ng-activity-feed.mjs +18 -18
  4. package/fesm2022/lucca-front-ng-activity-feed.mjs.map +1 -1
  5. package/fesm2022/lucca-front-ng-api.mjs +40 -40
  6. package/fesm2022/lucca-front-ng-api.mjs.map +1 -1
  7. package/fesm2022/lucca-front-ng-app-layout.mjs +4 -4
  8. package/fesm2022/lucca-front-ng-app-layout.mjs.map +1 -1
  9. package/fesm2022/lucca-front-ng-box.mjs +7 -7
  10. package/fesm2022/lucca-front-ng-box.mjs.map +1 -1
  11. package/fesm2022/lucca-front-ng-breadcrumbs.mjs +10 -10
  12. package/fesm2022/lucca-front-ng-breadcrumbs.mjs.map +1 -1
  13. package/fesm2022/lucca-front-ng-bubble-icon.mjs +11 -11
  14. package/fesm2022/lucca-front-ng-bubble-icon.mjs.map +1 -1
  15. package/fesm2022/lucca-front-ng-bubble-illustration.mjs +9 -9
  16. package/fesm2022/lucca-front-ng-bubble-illustration.mjs.map +1 -1
  17. package/fesm2022/lucca-front-ng-callout.mjs +68 -68
  18. package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
  19. package/fesm2022/lucca-front-ng-chip.mjs +15 -15
  20. package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
  21. package/fesm2022/lucca-front-ng-clear.mjs +9 -9
  22. package/fesm2022/lucca-front-ng-clear.mjs.map +1 -1
  23. package/fesm2022/lucca-front-ng-code.mjs +4 -4
  24. package/fesm2022/lucca-front-ng-code.mjs.map +1 -1
  25. package/fesm2022/lucca-front-ng-color.mjs +7 -7
  26. package/fesm2022/lucca-front-ng-color.mjs.map +1 -1
  27. package/fesm2022/lucca-front-ng-comment.mjs +30 -30
  28. package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
  29. package/fesm2022/lucca-front-ng-container.mjs +7 -7
  30. package/fesm2022/lucca-front-ng-container.mjs.map +1 -1
  31. package/fesm2022/lucca-front-ng-core-select-api.mjs +13 -13
  32. package/fesm2022/lucca-front-ng-core-select-api.mjs.map +1 -1
  33. package/fesm2022/lucca-front-ng-core-select-department.mjs +21 -15
  34. package/fesm2022/lucca-front-ng-core-select-department.mjs.map +1 -1
  35. package/fesm2022/lucca-front-ng-core-select-establishment.mjs +15 -15
  36. package/fesm2022/lucca-front-ng-core-select-establishment.mjs.map +1 -1
  37. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +9 -9
  38. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs.map +1 -1
  39. package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs +6 -6
  40. package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs.map +1 -1
  41. package/fesm2022/lucca-front-ng-core-select-user.mjs +36 -36
  42. package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
  43. package/fesm2022/lucca-front-ng-core-select.mjs +90 -90
  44. package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
  45. package/fesm2022/lucca-front-ng-core.mjs +18 -18
  46. package/fesm2022/lucca-front-ng-core.mjs.map +1 -1
  47. package/fesm2022/lucca-front-ng-data-table.mjs +74 -74
  48. package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
  49. package/fesm2022/lucca-front-ng-date.mjs +42 -42
  50. package/fesm2022/lucca-front-ng-date.mjs.map +1 -1
  51. package/fesm2022/lucca-front-ng-date2.mjs +121 -121
  52. package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
  53. package/fesm2022/lucca-front-ng-department.mjs +25 -25
  54. package/fesm2022/lucca-front-ng-department.mjs.map +1 -1
  55. package/fesm2022/lucca-front-ng-dialog.mjs +55 -43
  56. package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
  57. package/fesm2022/lucca-front-ng-divider.mjs +8 -8
  58. package/fesm2022/lucca-front-ng-divider.mjs.map +1 -1
  59. package/fesm2022/lucca-front-ng-dropdown.mjs +43 -43
  60. package/fesm2022/lucca-front-ng-dropdown.mjs.map +1 -1
  61. package/fesm2022/lucca-front-ng-empty-state.mjs +34 -34
  62. package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
  63. package/fesm2022/lucca-front-ng-error-page.mjs +6 -6
  64. package/fesm2022/lucca-front-ng-error-page.mjs.map +1 -1
  65. package/fesm2022/lucca-front-ng-establishment.mjs +34 -34
  66. package/fesm2022/lucca-front-ng-establishment.mjs.map +1 -1
  67. package/fesm2022/lucca-front-ng-fancy-box.mjs +10 -10
  68. package/fesm2022/lucca-front-ng-fancy-box.mjs.map +1 -1
  69. package/fesm2022/lucca-front-ng-file-upload.mjs +55 -55
  70. package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
  71. package/fesm2022/lucca-front-ng-filter-pills.mjs +53 -53
  72. package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
  73. package/fesm2022/lucca-front-ng-footer.mjs +10 -10
  74. package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
  75. package/fesm2022/lucca-front-ng-form-field.mjs +65 -65
  76. package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
  77. package/fesm2022/lucca-front-ng-form-header.mjs +4 -4
  78. package/fesm2022/lucca-front-ng-form-header.mjs.map +1 -1
  79. package/fesm2022/lucca-front-ng-form-label.mjs +12 -12
  80. package/fesm2022/lucca-front-ng-form-label.mjs.map +1 -1
  81. package/fesm2022/lucca-front-ng-form.mjs +5 -5
  82. package/fesm2022/lucca-front-ng-form.mjs.map +1 -1
  83. package/fesm2022/lucca-front-ng-formly.mjs +58 -58
  84. package/fesm2022/lucca-front-ng-formly.mjs.map +1 -1
  85. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +20 -20
  86. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs.map +1 -1
  87. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs +3 -3
  88. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs.map +1 -1
  89. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs +6 -6
  90. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs.map +1 -1
  91. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs +3 -3
  92. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs.map +1 -1
  93. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +91 -89
  94. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
  95. package/fesm2022/lucca-front-ng-forms.mjs +146 -145
  96. package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
  97. package/fesm2022/lucca-front-ng-gauge.mjs +19 -19
  98. package/fesm2022/lucca-front-ng-gauge.mjs.map +1 -1
  99. package/fesm2022/lucca-front-ng-grid.mjs +23 -23
  100. package/fesm2022/lucca-front-ng-grid.mjs.map +1 -1
  101. package/fesm2022/lucca-front-ng-highlight-data.mjs +16 -16
  102. package/fesm2022/lucca-front-ng-highlight-data.mjs.map +1 -1
  103. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +11 -11
  104. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
  105. package/fesm2022/lucca-front-ng-index-table.mjs +60 -60
  106. package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -1
  107. package/fesm2022/lucca-front-ng-inline-message.mjs +7 -7
  108. package/fesm2022/lucca-front-ng-inline-message.mjs.map +1 -1
  109. package/fesm2022/lucca-front-ng-input.mjs +22 -22
  110. package/fesm2022/lucca-front-ng-input.mjs.map +1 -1
  111. package/fesm2022/lucca-front-ng-link.mjs +12 -12
  112. package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
  113. package/fesm2022/lucca-front-ng-listbox.mjs +26 -26
  114. package/fesm2022/lucca-front-ng-listbox.mjs.map +1 -1
  115. package/fesm2022/lucca-front-ng-listing.mjs +19 -19
  116. package/fesm2022/lucca-front-ng-listing.mjs.map +1 -1
  117. package/fesm2022/lucca-front-ng-loading.mjs +8 -8
  118. package/fesm2022/lucca-front-ng-loading.mjs.map +1 -1
  119. package/fesm2022/lucca-front-ng-main-layout.mjs +9 -9
  120. package/fesm2022/lucca-front-ng-main-layout.mjs.map +1 -1
  121. package/fesm2022/lucca-front-ng-mobile-push.mjs +4 -4
  122. package/fesm2022/lucca-front-ng-mobile-push.mjs.map +1 -1
  123. package/fesm2022/lucca-front-ng-modal.mjs +23 -23
  124. package/fesm2022/lucca-front-ng-modal.mjs.map +1 -1
  125. package/fesm2022/lucca-front-ng-multi-select.mjs +61 -61
  126. package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
  127. package/fesm2022/lucca-front-ng-new-badge.mjs +4 -4
  128. package/fesm2022/lucca-front-ng-new-badge.mjs.map +1 -1
  129. package/fesm2022/lucca-front-ng-number-format.mjs +10 -10
  130. package/fesm2022/lucca-front-ng-number-format.mjs.map +1 -1
  131. package/fesm2022/lucca-front-ng-number.mjs +7 -7
  132. package/fesm2022/lucca-front-ng-number.mjs.map +1 -1
  133. package/fesm2022/lucca-front-ng-numeric-badge.mjs +12 -12
  134. package/fesm2022/lucca-front-ng-numeric-badge.mjs.map +1 -1
  135. package/fesm2022/lucca-front-ng-option.mjs +130 -130
  136. package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
  137. package/fesm2022/lucca-front-ng-page-header.mjs +9 -9
  138. package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
  139. package/fesm2022/lucca-front-ng-pagination.mjs +10 -10
  140. package/fesm2022/lucca-front-ng-pagination.mjs.map +1 -1
  141. package/fesm2022/lucca-front-ng-plg-push.mjs +7 -7
  142. package/fesm2022/lucca-front-ng-plg-push.mjs.map +1 -1
  143. package/fesm2022/lucca-front-ng-popover.mjs +17 -17
  144. package/fesm2022/lucca-front-ng-popover.mjs.map +1 -1
  145. package/fesm2022/lucca-front-ng-popover2.mjs +15 -15
  146. package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
  147. package/fesm2022/lucca-front-ng-popup.mjs +10 -10
  148. package/fesm2022/lucca-front-ng-popup.mjs.map +1 -1
  149. package/fesm2022/lucca-front-ng-progress-bar.mjs +7 -7
  150. package/fesm2022/lucca-front-ng-progress-bar.mjs.map +1 -1
  151. package/fesm2022/lucca-front-ng-progress-stepper.mjs +12 -12
  152. package/fesm2022/lucca-front-ng-progress-stepper.mjs.map +1 -1
  153. package/fesm2022/lucca-front-ng-read-more.mjs +17 -17
  154. package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
  155. package/fesm2022/lucca-front-ng-resource-card.mjs +21 -21
  156. package/fesm2022/lucca-front-ng-resource-card.mjs.map +1 -1
  157. package/fesm2022/lucca-front-ng-safe-content.mjs +10 -10
  158. package/fesm2022/lucca-front-ng-safe-content.mjs.map +1 -1
  159. package/fesm2022/lucca-front-ng-scroll-box.mjs +6 -6
  160. package/fesm2022/lucca-front-ng-scroll-box.mjs.map +1 -1
  161. package/fesm2022/lucca-front-ng-scroll.mjs +8 -8
  162. package/fesm2022/lucca-front-ng-scroll.mjs.map +1 -1
  163. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +14 -14
  164. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs.map +1 -1
  165. package/fesm2022/lucca-front-ng-segmented-control.mjs +11 -11
  166. package/fesm2022/lucca-front-ng-segmented-control.mjs.map +1 -1
  167. package/fesm2022/lucca-front-ng-select.mjs +14 -14
  168. package/fesm2022/lucca-front-ng-select.mjs.map +1 -1
  169. package/fesm2022/lucca-front-ng-sidepanel.mjs +7 -7
  170. package/fesm2022/lucca-front-ng-sidepanel.mjs.map +1 -1
  171. package/fesm2022/lucca-front-ng-simple-select.mjs +17 -17
  172. package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
  173. package/fesm2022/lucca-front-ng-skeleton.mjs +54 -50
  174. package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
  175. package/fesm2022/lucca-front-ng-software-icon-wrapper.mjs +84 -0
  176. package/fesm2022/lucca-front-ng-software-icon-wrapper.mjs.map +1 -0
  177. package/fesm2022/lucca-front-ng-software-icon.mjs +20 -13
  178. package/fesm2022/lucca-front-ng-software-icon.mjs.map +1 -1
  179. package/fesm2022/lucca-front-ng-sortable-list.mjs +14 -14
  180. package/fesm2022/lucca-front-ng-sortable-list.mjs.map +1 -1
  181. package/fesm2022/lucca-front-ng-status-badge.mjs +7 -7
  182. package/fesm2022/lucca-front-ng-status-badge.mjs.map +1 -1
  183. package/fesm2022/lucca-front-ng-table-of-content.mjs +7 -7
  184. package/fesm2022/lucca-front-ng-table-of-content.mjs.map +1 -1
  185. package/fesm2022/lucca-front-ng-tag.mjs +12 -12
  186. package/fesm2022/lucca-front-ng-tag.mjs.map +1 -1
  187. package/fesm2022/lucca-front-ng-text-flow.mjs +3 -3
  188. package/fesm2022/lucca-front-ng-text-flow.mjs.map +1 -1
  189. package/fesm2022/lucca-front-ng-time.mjs +70 -69
  190. package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
  191. package/fesm2022/lucca-front-ng-title.mjs +10 -10
  192. package/fesm2022/lucca-front-ng-title.mjs.map +1 -1
  193. package/fesm2022/lucca-front-ng-toast.mjs +13 -13
  194. package/fesm2022/lucca-front-ng-toast.mjs.map +1 -1
  195. package/fesm2022/lucca-front-ng-tooltip.mjs +35 -35
  196. package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
  197. package/fesm2022/lucca-front-ng-tree-select.mjs +16 -16
  198. package/fesm2022/lucca-front-ng-tree-select.mjs.map +1 -1
  199. package/fesm2022/lucca-front-ng-user-popover.mjs +21 -21
  200. package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
  201. package/fesm2022/lucca-front-ng-user.mjs +78 -78
  202. package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
  203. package/fesm2022/lucca-front-ng-vertical-navigation.mjs +27 -27
  204. package/fesm2022/lucca-front-ng-vertical-navigation.mjs.map +1 -1
  205. package/package.json +9 -4
  206. package/types/lucca-front-ng-core-select-department.d.ts +4 -0
  207. package/types/lucca-front-ng-core-select-user.d.ts +1 -1
  208. package/types/lucca-front-ng-core-select.d.ts +5 -5
  209. package/types/lucca-front-ng-core.d.ts +1 -1
  210. package/types/lucca-front-ng-dialog.d.ts +7 -2
  211. package/types/lucca-front-ng-filter-pills.d.ts +4 -4
  212. package/types/lucca-front-ng-form-field.d.ts +2 -2
  213. package/types/lucca-front-ng-forms-rich-text-input.d.ts +1 -0
  214. package/types/lucca-front-ng-forms.d.ts +25 -14
  215. package/types/lucca-front-ng-multi-select.d.ts +1 -1
  216. package/types/lucca-front-ng-skeleton.d.ts +5 -1
  217. package/types/lucca-front-ng-software-icon-wrapper.d.ts +31 -0
  218. package/types/lucca-front-ng-software-icon.d.ts +10 -4
  219. package/types/lucca-front-ng-time.d.ts +1 -0
@@ -10,28 +10,28 @@ class StatusBadgeComponent {
10
10
  /**
11
11
  * Truncates the text with an ellipsis and adds a tooltip when the label is too long
12
12
  */
13
- this.withEllipsis = input(false, { ...(ngDevMode ? { debugName: "withEllipsis" } : {}), transform: booleanAttribute });
13
+ this.withEllipsis = input(false, { ...(ngDevMode ? { debugName: "withEllipsis" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
14
14
  /**
15
15
  * Changes the text displayed by the status badge
16
16
  */
17
- this.label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
17
+ this.label = input.required(...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
18
18
  /**
19
19
  * Changes the size of the status badge (Medium by default or L)
20
20
  */
21
- this.size = input('M', ...(ngDevMode ? [{ debugName: "size" }] : []));
21
+ this.size = input('M', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
22
22
  /**
23
23
  * Applies a color palette to the status badge
24
24
  */
25
- this.palette = input(null, ...(ngDevMode ? [{ debugName: "palette" }] : []));
25
+ this.palette = input(null, ...(ngDevMode ? [{ debugName: "palette" }] : /* istanbul ignore next */ []));
26
26
  }
27
27
  #luClass;
28
28
  ngOnChanges() {
29
29
  this.#luClass.setState({ [`palette-${this.palette()}`]: !!this.palette(), [`mod-${this.size()}`]: true });
30
30
  }
31
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: StatusBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
32
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: StatusBadgeComponent, isStandalone: true, selector: "lu-status-badge", inputs: { withEllipsis: { classPropertyName: "withEllipsis", publicName: "withEllipsis", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "statusBadge" }, providers: [LuClass], usesOnChanges: true, ngImport: i0, template: "@if (withEllipsis()) {\n\t<span class=\"statusBadge-content pr-u-ellipsis\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n} @else {\n\t{{ label() }}\n}\n", styles: ["@charset \"UTF-8\";@layer components{.statusBadge{--components-statusBadge-fontSize: var(--pr-t-font-body-S-fontSize);--components-statusBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight);--components-statusBadge-dot-size: .5rem;--components-statusBadge-dot-top: var(--pr-t-spacings-50);align-items:flex-start;background-color:var(--palettes-100, var(--palettes-product-100));border-radius:var(--pr-t-border-radius-full);display:inline-flex;font-size:var(--components-statusBadge-fontSize);font-weight:var(--pr-t-font-fontWeight-regular);font-family:var(--pr-t-font-family);line-height:var(--components-statusBadge-lineHeight);gap:var(--pr-t-spacings-50);padding-block:calc(var(--pr-t-spacings-50) / 2);padding-inline:var(--pr-t-spacings-75) var(--pr-t-spacings-100);white-space:nowrap;max-inline-size:100%;color:var(--pr-t-color-text)}.statusBadge:before{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--pr-t-border-radius-full);content:\"\\a0\"/\"\";display:block;block-size:var(--components-statusBadge-dot-size);flex-shrink:0;inline-size:var(--components-statusBadge-dot-size);inset-block-start:var(--components-statusBadge-dot-top);position:relative}.statusBadge-content{overflow:hidden;text-overflow:ellipsis;outline:none}}@layer mods{.statusBadge.mod-L{--components-statusBadge-fontSize: var(--pr-t-font-body-M-fontSize);--components-statusBadge-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-statusBadge-dot-size: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25));--components-statusBadge-dot-top: .325rem}}.statusBadge:has(.statusBadge-content:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}\n"], dependencies: [{ kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipOnlyForDisplay", "luTooltipPosition", "luTooltipWhenEllipsis", "luTooltipAnchor", "id"], exportAs: ["luTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
31
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: StatusBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
32
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: StatusBadgeComponent, isStandalone: true, selector: "lu-status-badge", inputs: { withEllipsis: { classPropertyName: "withEllipsis", publicName: "withEllipsis", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "statusBadge" }, providers: [LuClass], usesOnChanges: true, ngImport: i0, template: "@if (withEllipsis()) {\n\t<span class=\"statusBadge-content pr-u-ellipsis\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n} @else {\n\t{{ label() }}\n}\n", styles: ["@charset \"UTF-8\";@layer components{.statusBadge{--components-statusBadge-fontSize: var(--pr-t-font-body-S-fontSize);--components-statusBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight);--components-statusBadge-dot-size: .5rem;--components-statusBadge-dot-top: var(--pr-t-spacings-50);align-items:flex-start;background-color:var(--palettes-100, var(--palettes-product-100));border-radius:var(--pr-t-border-radius-full);display:inline-flex;font-size:var(--components-statusBadge-fontSize);font-weight:var(--pr-t-font-fontWeight-regular);font-family:var(--pr-t-font-family);line-height:var(--components-statusBadge-lineHeight);gap:var(--pr-t-spacings-50);padding-block:calc(var(--pr-t-spacings-50) / 2);padding-inline:var(--pr-t-spacings-75) var(--pr-t-spacings-100);white-space:nowrap;max-inline-size:100%;color:var(--pr-t-color-text)}.statusBadge:before{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--pr-t-border-radius-full);content:\"\\a0\"/\"\";display:block;block-size:var(--components-statusBadge-dot-size);flex-shrink:0;inline-size:var(--components-statusBadge-dot-size);inset-block-start:var(--components-statusBadge-dot-top);position:relative}.statusBadge-content{overflow:hidden;text-overflow:ellipsis;outline:none}}@layer mods{.statusBadge.mod-L{--components-statusBadge-fontSize: var(--pr-t-font-body-M-fontSize);--components-statusBadge-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-statusBadge-dot-size: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25));--components-statusBadge-dot-top: .325rem}}.statusBadge:has(.statusBadge-content:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}\n"], dependencies: [{ kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipOnlyForDisplay", "luTooltipPosition", "luTooltipWhenEllipsis", "luTooltipAnchor", "id"], exportAs: ["luTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
33
33
  }
34
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: StatusBadgeComponent, decorators: [{
34
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: StatusBadgeComponent, decorators: [{
35
35
  type: Component,
36
36
  args: [{ selector: 'lu-status-badge', encapsulation: ViewEncapsulation.None, providers: [LuClass], imports: [LuTooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
37
37
  class: 'statusBadge',
@@ -1 +1 @@
1
- {"version":3,"file":"lucca-front-ng-status-badge.mjs","sources":["../../../packages/ng/status-badge/statusBadge.component.ts","../../../packages/ng/status-badge/statusBadge.component.html","../../../packages/ng/status-badge/lucca-front-ng-status-badge.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, inject, input, OnChanges, ViewEncapsulation } from '@angular/core';\nimport { LuClass, Palette } from '@lucca-front/ng/core';\nimport { LuTooltipModule } from '@lucca-front/ng/tooltip';\n\n@Component({\n\tselector: 'lu-status-badge',\n\ttemplateUrl: './statusBadge.component.html',\n\tstyleUrl: './statusBadge.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tproviders: [LuClass],\n\timports: [LuTooltipModule],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'statusBadge',\n\t},\n})\nexport class StatusBadgeComponent implements OnChanges {\n\treadonly #luClass = inject(LuClass);\n\n\t/**\n\t * Truncates the text with an ellipsis and adds a tooltip when the label is too long\n\t */\n\treadonly withEllipsis = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Changes the text displayed by the status badge\n\t */\n\treadonly label = input.required<string>();\n\n\t/**\n\t * Changes the size of the status badge (Medium by default or L)\n\t */\n\treadonly size = input<'L' | 'M'>('M');\n\n\t/**\n\t * Applies a color palette to the status badge\n\t */\n\treadonly palette = input<Palette | null>(null);\n\n\tngOnChanges(): void {\n\t\tthis.#luClass.setState({ [`palette-${this.palette()}`]: !!this.palette(), [`mod-${this.size()}`]: true });\n\t}\n}\n","@if (withEllipsis()) {\n\t<span class=\"statusBadge-content pr-u-ellipsis\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n} @else {\n\t{{ label() }}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAgBa,oBAAoB,CAAA;AAZjC,IAAA,WAAA,GAAA;AAaU,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC;AAEnC;;AAEG;QACM,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,KAAK,yDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAErE;;AAEG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAU;AAEzC;;AAEG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAY,GAAG,gDAAC;AAErC;;AAEG;AACM,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAiB,IAAI,mDAAC;AAK9C,IAAA;AAzBS,IAAA,QAAQ;IAsBjB,WAAW,GAAA;AACV,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA,QAAA,EAAW,IAAI,CAAC,OAAO,EAAE,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE,CAAC;IAC1G;8GAzBY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,0mBAPrB,CAAC,OAAO,CAAC,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECTrB,mKAKA,6uDDKW,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,mBAAA,EAAA,uBAAA,EAAA,iBAAA,EAAA,IAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAMb,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAZhC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,iBAGZ,iBAAiB,CAAC,IAAI,EAAA,SAAA,EAC1B,CAAC,OAAO,CAAC,EAAA,OAAA,EACX,CAAC,eAAe,CAAC,EAAA,eAAA,EACT,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACL,wBAAA,KAAK,EAAE,aAAa;AACpB,qBAAA,EAAA,QAAA,EAAA,mKAAA,EAAA,MAAA,EAAA,CAAA,srDAAA,CAAA,EAAA;;;AEdF;;AAEG;;;;"}
1
+ {"version":3,"file":"lucca-front-ng-status-badge.mjs","sources":["../../../packages/ng/status-badge/statusBadge.component.ts","../../../packages/ng/status-badge/statusBadge.component.html","../../../packages/ng/status-badge/lucca-front-ng-status-badge.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, inject, input, OnChanges, ViewEncapsulation } from '@angular/core';\nimport { LuClass, Palette } from '@lucca-front/ng/core';\nimport { LuTooltipModule } from '@lucca-front/ng/tooltip';\n\n@Component({\n\tselector: 'lu-status-badge',\n\ttemplateUrl: './statusBadge.component.html',\n\tstyleUrl: './statusBadge.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tproviders: [LuClass],\n\timports: [LuTooltipModule],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'statusBadge',\n\t},\n})\nexport class StatusBadgeComponent implements OnChanges {\n\treadonly #luClass = inject(LuClass);\n\n\t/**\n\t * Truncates the text with an ellipsis and adds a tooltip when the label is too long\n\t */\n\treadonly withEllipsis = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Changes the text displayed by the status badge\n\t */\n\treadonly label = input.required<string>();\n\n\t/**\n\t * Changes the size of the status badge (Medium by default or L)\n\t */\n\treadonly size = input<'L' | 'M'>('M');\n\n\t/**\n\t * Applies a color palette to the status badge\n\t */\n\treadonly palette = input<Palette | null>(null);\n\n\tngOnChanges(): void {\n\t\tthis.#luClass.setState({ [`palette-${this.palette()}`]: !!this.palette(), [`mod-${this.size()}`]: true });\n\t}\n}\n","@if (withEllipsis()) {\n\t<span class=\"statusBadge-content pr-u-ellipsis\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n} @else {\n\t{{ label() }}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAgBa,oBAAoB,CAAA;AAZjC,IAAA,WAAA,GAAA;AAaU,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC;AAEnC;;AAEG;QACM,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,KAAK,oFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAErE;;AAEG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAU;AAEzC;;AAEG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAY,GAAG,2EAAC;AAErC;;AAEG;AACM,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAiB,IAAI,8EAAC;AAK9C,IAAA;AAzBS,IAAA,QAAQ;IAsBjB,WAAW,GAAA;AACV,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA,QAAA,EAAW,IAAI,CAAC,OAAO,EAAE,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE,CAAC;IAC1G;+GAzBY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,0mBAPrB,CAAC,OAAO,CAAC,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECTrB,mKAKA,6uDDKW,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,mBAAA,EAAA,uBAAA,EAAA,iBAAA,EAAA,IAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAMb,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAZhC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,iBAGZ,iBAAiB,CAAC,IAAI,EAAA,SAAA,EAC1B,CAAC,OAAO,CAAC,EAAA,OAAA,EACX,CAAC,eAAe,CAAC,EAAA,eAAA,EACT,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACL,wBAAA,KAAK,EAAE,aAAa;AACpB,qBAAA,EAAA,QAAA,EAAA,mKAAA,EAAA,MAAA,EAAA,CAAA,srDAAA,CAAA,EAAA;;;AEdF;;AAEG;;;;"}
@@ -6,10 +6,10 @@ class TableOfContentLinkDirective {
6
6
  constructor() {
7
7
  this.template = inject(TemplateRef);
8
8
  }
9
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TableOfContentLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
10
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.8", type: TableOfContentLinkDirective, isStandalone: true, selector: "[luTableOfContentLink]", ngImport: i0 }); }
9
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TableOfContentLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
10
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: TableOfContentLinkDirective, isStandalone: true, selector: "[luTableOfContentLink]", ngImport: i0 }); }
11
11
  }
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TableOfContentLinkDirective, decorators: [{
12
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TableOfContentLinkDirective, decorators: [{
13
13
  type: Directive,
14
14
  args: [{
15
15
  selector: '[luTableOfContentLink]',
@@ -18,12 +18,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
18
18
 
19
19
  class TableOfContentComponent {
20
20
  constructor() {
21
- this.links = contentChildren(TableOfContentLinkDirective, ...(ngDevMode ? [{ debugName: "links" }] : []));
21
+ this.links = contentChildren(TableOfContentLinkDirective, ...(ngDevMode ? [{ debugName: "links" }] : /* istanbul ignore next */ []));
22
22
  }
23
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TableOfContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
24
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: TableOfContentComponent, isStandalone: true, selector: "lu-table-of-content", host: { attributes: { "role": "navigation" }, classAttribute: "tableOfContent" }, queries: [{ propertyName: "links", predicate: TableOfContentLinkDirective, isSignal: true }], ngImport: i0, template: "<ul class=\"tableOfContent-list\">\n\t@for (link of links(); track $index) {\n\t\t<li class=\"tableOfContent-list-item\">\n\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t</li>\n\t}\n</ul>\n", styles: ["@layer components{.tableOfContent{--components-tableOfContent-default-palette-50: var(--palettes-product-50);--components-tableOfContent-default-palette-100: var(--palettes-product-100);--components-tableOfContent-default-palette-200: var(--palettes-product-200);--components-tableOfContent-default-palette-300: var(--palettes-product-300);--components-tableOfContent-default-palette-400: var(--palettes-product-400);--components-tableOfContent-default-palette-500: var(--palettes-product-500);--components-tableOfContent-default-palette-600: var(--palettes-product-600);--components-tableOfContent-default-palette-700: var(--palettes-product-700);--components-tableOfContent-default-palette-800: var(--palettes-product-800);--components-tableOfContent-default-palette-900: var(--palettes-product-900);--components-tableOfContent-item-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-tableOfContent-item-border-width: 2px;align-items:flex-start;display:flex;flex-direction:column;position:sticky}.tableOfContent-list{margin:0;padding:0;list-style-type:none}.tableOfContent-list-item-action,.tableOfContent-list-item>a{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;font:inherit;border-radius:var(--pr-t-border-radius-default);color:var(--palettes-neutral-700);cursor:pointer;display:block;outline:none;padding:var(--components-tableOfContent-item-padding);position:relative;transition:all var(--commons-animations-durations-standard);text-decoration:none;inline-size:auto}}@layer mods{.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:hover),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:hover){background-color:var(--palettes-neutral-50);color:var(--palettes-neutral-700)}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:focus),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:focus){background-color:var(--palettes-neutral-50);color:var(--palettes-neutral-700);box-shadow:0 0 0 4px var(--palettes-100, var(--components-tableOfContent-default-palette-100)),inset 0 0 0 1px var(--palettes-300, var(--components-tableOfContent-default-palette-300))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:active),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:active){background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700);box-shadow:0 0 0 4px var(--palettes-200, var(--components-tableOfContent-default-palette-200)),inset 0 0 0 1px var(--palettes-400, var(--components-tableOfContent-default-palette-400))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active,.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active{background-color:var(--palettes-50, var(--components-tableOfContent-default-palette-50));color:var(--palettes-700, var(--components-tableOfContent-default-palette-700))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:hover),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:hover){background-color:var(--palettes-100, var(--components-tableOfContent-default-palette-100))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:focus),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:focus){background-color:var(--palettes-100, var(--components-tableOfContent-default-palette-100));box-shadow:0 0 0 4px var(--palettes-200, var(--components-tableOfContent-default-palette-200)),inset 0 0 0 1px var(--palettes-400, var(--components-tableOfContent-default-palette-400))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:active),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:active){background-color:var(--palettes-200, var(--components-tableOfContent-default-palette-200));box-shadow:0 0 0 4px var(--palettes-300, var(--components-tableOfContent-default-palette-300)),inset 0 0 0 1px var(--palettes-500, var(--components-tableOfContent-default-palette-500));color:var(--palettes-neutral-700)}.tableOfContent-list-item-action:is(.disabled,.is-disabled,[disabled]),.tableOfContent-list-item>a:is(.disabled,.is-disabled,[disabled]){color:var(--palettes-neutral-500);pointer-events:none}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
23
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TableOfContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
24
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: TableOfContentComponent, isStandalone: true, selector: "lu-table-of-content", host: { attributes: { "role": "navigation" }, classAttribute: "tableOfContent" }, queries: [{ propertyName: "links", predicate: TableOfContentLinkDirective, isSignal: true }], ngImport: i0, template: "<ul class=\"tableOfContent-list\">\n\t@for (link of links(); track $index) {\n\t\t<li class=\"tableOfContent-list-item\">\n\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t</li>\n\t}\n</ul>\n", styles: ["@layer components{.tableOfContent{--components-tableOfContent-default-palette-50: var(--palettes-product-50);--components-tableOfContent-default-palette-100: var(--palettes-product-100);--components-tableOfContent-default-palette-200: var(--palettes-product-200);--components-tableOfContent-default-palette-300: var(--palettes-product-300);--components-tableOfContent-default-palette-400: var(--palettes-product-400);--components-tableOfContent-default-palette-500: var(--palettes-product-500);--components-tableOfContent-default-palette-600: var(--palettes-product-600);--components-tableOfContent-default-palette-700: var(--palettes-product-700);--components-tableOfContent-default-palette-800: var(--palettes-product-800);--components-tableOfContent-default-palette-900: var(--palettes-product-900);--components-tableOfContent-item-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-tableOfContent-item-border-width: 2px;align-items:flex-start;display:flex;flex-direction:column;position:sticky}.tableOfContent-list{margin:0;padding:0;list-style-type:none}.tableOfContent-list-item-action,.tableOfContent-list-item>a{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;font:inherit;border-radius:var(--pr-t-border-radius-default);color:var(--palettes-neutral-700);cursor:pointer;display:block;outline:none;padding:var(--components-tableOfContent-item-padding);position:relative;transition:all var(--commons-animations-durations-standard);text-decoration:none;inline-size:auto}}@layer mods{.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:hover),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:hover){background-color:var(--palettes-neutral-50);color:var(--palettes-neutral-700)}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:focus),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:focus){background-color:var(--palettes-neutral-50);color:var(--palettes-neutral-700);box-shadow:0 0 0 4px var(--palettes-100, var(--components-tableOfContent-default-palette-100)),inset 0 0 0 1px var(--palettes-300, var(--components-tableOfContent-default-palette-300))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:active),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:active){background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700);box-shadow:0 0 0 4px var(--palettes-200, var(--components-tableOfContent-default-palette-200)),inset 0 0 0 1px var(--palettes-400, var(--components-tableOfContent-default-palette-400))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active,.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active{background-color:var(--palettes-50, var(--components-tableOfContent-default-palette-50));color:var(--palettes-700, var(--components-tableOfContent-default-palette-700))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:hover),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:hover){background-color:var(--palettes-100, var(--components-tableOfContent-default-palette-100))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:focus),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:focus){background-color:var(--palettes-100, var(--components-tableOfContent-default-palette-100));box-shadow:0 0 0 4px var(--palettes-200, var(--components-tableOfContent-default-palette-200)),inset 0 0 0 1px var(--palettes-400, var(--components-tableOfContent-default-palette-400))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:active),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:active){background-color:var(--palettes-200, var(--components-tableOfContent-default-palette-200));box-shadow:0 0 0 4px var(--palettes-300, var(--components-tableOfContent-default-palette-300)),inset 0 0 0 1px var(--palettes-500, var(--components-tableOfContent-default-palette-500));color:var(--palettes-neutral-700)}.tableOfContent-list-item-action:is(.disabled,.is-disabled,[disabled]),.tableOfContent-list-item>a:is(.disabled,.is-disabled,[disabled]){color:var(--palettes-neutral-500);pointer-events:none}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
25
25
  }
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TableOfContentComponent, decorators: [{
26
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TableOfContentComponent, decorators: [{
27
27
  type: Component,
28
28
  args: [{ selector: 'lu-table-of-content', encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, host: {
29
29
  class: 'tableOfContent',
@@ -1 +1 @@
1
- {"version":3,"file":"lucca-front-ng-table-of-content.mjs","sources":["../../../packages/ng/table-of-content/table-of-content-link.directive.ts","../../../packages/ng/table-of-content/table-of-content.component.ts","../../../packages/ng/table-of-content/table-of-content.component.html","../../../packages/ng/table-of-content/lucca-front-ng-table-of-content.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n\tselector: '[luTableOfContentLink]',\n})\nexport class TableOfContentLinkDirective {\n\tpublic template = inject(TemplateRef);\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, contentChildren, ViewEncapsulation } from '@angular/core';\nimport { TableOfContentLinkDirective } from './table-of-content-link.directive';\n\n@Component({\n\tselector: 'lu-table-of-content',\n\ttemplateUrl: './table-of-content.component.html',\n\tstyleUrl: './table-of-content.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\timports: [NgTemplateOutlet],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'tableOfContent',\n\t\trole: 'navigation',\n\t},\n})\nexport class TableOfContentComponent {\n\treadonly links = contentChildren(TableOfContentLinkDirective);\n}\n","<ul class=\"tableOfContent-list\">\n\t@for (link of links(); track $index) {\n\t\t<li class=\"tableOfContent-list-item\">\n\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t</li>\n\t}\n</ul>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAKa,2BAA2B,CAAA;AAHxC,IAAA,WAAA,GAAA;AAIQ,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC;AACrC,IAAA;8GAFY,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAHvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,iBAAA;;;MCYY,uBAAuB,CAAA;AAZpC,IAAA,WAAA,GAAA;AAaU,QAAA,IAAA,CAAA,KAAK,GAAG,eAAe,CAAC,2BAA2B,iDAAC;AAC7D,IAAA;8GAFY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,YAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EACF,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjB7D,gNAOA,i2IDEW,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAOd,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAZnC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAAA,aAAA,EAGhB,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,gBAAgB,CAAC,EAAA,eAAA,EACV,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACL,wBAAA,KAAK,EAAE,gBAAgB;AACvB,wBAAA,IAAI,EAAE,YAAY;AAClB,qBAAA,EAAA,QAAA,EAAA,gNAAA,EAAA,MAAA,EAAA,CAAA,yyIAAA,CAAA,EAAA;6FAGgC,2BAA2B,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEjB7D;;AAEG;;;;"}
1
+ {"version":3,"file":"lucca-front-ng-table-of-content.mjs","sources":["../../../packages/ng/table-of-content/table-of-content-link.directive.ts","../../../packages/ng/table-of-content/table-of-content.component.ts","../../../packages/ng/table-of-content/table-of-content.component.html","../../../packages/ng/table-of-content/lucca-front-ng-table-of-content.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n\tselector: '[luTableOfContentLink]',\n})\nexport class TableOfContentLinkDirective {\n\tpublic template = inject(TemplateRef);\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, contentChildren, ViewEncapsulation } from '@angular/core';\nimport { TableOfContentLinkDirective } from './table-of-content-link.directive';\n\n@Component({\n\tselector: 'lu-table-of-content',\n\ttemplateUrl: './table-of-content.component.html',\n\tstyleUrl: './table-of-content.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\timports: [NgTemplateOutlet],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'tableOfContent',\n\t\trole: 'navigation',\n\t},\n})\nexport class TableOfContentComponent {\n\treadonly links = contentChildren(TableOfContentLinkDirective);\n}\n","<ul class=\"tableOfContent-list\">\n\t@for (link of links(); track $index) {\n\t\t<li class=\"tableOfContent-list-item\">\n\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t</li>\n\t}\n</ul>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAKa,2BAA2B,CAAA;AAHxC,IAAA,WAAA,GAAA;AAIQ,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC;AACrC,IAAA;+GAFY,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAHvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,iBAAA;;;MCYY,uBAAuB,CAAA;AAZpC,IAAA,WAAA,GAAA;AAaU,QAAA,IAAA,CAAA,KAAK,GAAG,eAAe,CAAC,2BAA2B,4EAAC;AAC7D,IAAA;+GAFY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,YAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EACF,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjB7D,gNAOA,i2IDEW,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAOd,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAZnC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAAA,aAAA,EAGhB,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,gBAAgB,CAAC,EAAA,eAAA,EACV,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACL,wBAAA,KAAK,EAAE,gBAAgB;AACvB,wBAAA,IAAI,EAAE,YAAY;AAClB,qBAAA,EAAA,QAAA,EAAA,gNAAA,EAAA,MAAA,EAAA,CAAA,yyIAAA,CAAA,EAAA;6FAGgC,2BAA2B,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEjB7D;;AAEG;;;;"}
@@ -10,37 +10,37 @@ class TagComponent {
10
10
  /**
11
11
  * Which text should the tag be? Defaults to medium
12
12
  */
13
- this.label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
13
+ this.label = input.required(...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
14
14
  /**
15
15
  * Which size should the tag be? Defaults to medium
16
16
  */
17
- this.size = input('M', ...(ngDevMode ? [{ debugName: "size" }] : []));
17
+ this.size = input('M', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
18
18
  /**
19
19
  * Which palette should be used for the entire tag.
20
20
  * Defaults to none (inherits parent palette)
21
21
  */
22
- this.palette = input('none', ...(ngDevMode ? [{ debugName: "palette" }] : []));
22
+ this.palette = input('none', ...(ngDevMode ? [{ debugName: "palette" }] : /* istanbul ignore next */ []));
23
23
  /**
24
24
  * Should display be outlined?
25
25
  */
26
- this.outlined = input(false, { ...(ngDevMode ? { debugName: "outlined" } : {}), transform: booleanAttribute });
26
+ this.outlined = input(false, { ...(ngDevMode ? { debugName: "outlined" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
27
27
  /**
28
28
  * For routerLink usage
29
29
  */
30
- this.link = input(...(ngDevMode ? [undefined, { debugName: "link" }] : []));
30
+ this.link = input(...(ngDevMode ? [undefined, { debugName: "link" }] : /* istanbul ignore next */ []));
31
31
  /**
32
32
  * Which icon should we display in the tag if any?
33
33
  * Defaults to no icon.
34
34
  */
35
- this.icon = input(null, ...(ngDevMode ? [{ debugName: "icon" }] : []));
35
+ this.icon = input(null, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
36
36
  /**
37
37
  * Truncates the text with an ellipsis and adds a tooltip when the label is too long
38
38
  */
39
- this.withEllipsis = input(false, { ...(ngDevMode ? { debugName: "withEllipsis" } : {}), transform: booleanAttribute });
39
+ this.withEllipsis = input(false, { ...(ngDevMode ? { debugName: "withEllipsis" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
40
40
  /**
41
41
  * Applies AI colors
42
42
  */
43
- this.AI = input(false, { ...(ngDevMode ? { debugName: "AI" } : {}), transform: booleanAttribute });
43
+ this.AI = input(false, { ...(ngDevMode ? { debugName: "AI" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
44
44
  this.tagClasses = computed(() => {
45
45
  const size = this.size();
46
46
  const palette = this.palette();
@@ -48,12 +48,12 @@ class TagComponent {
48
48
  [`mod-${size}`]: !!size,
49
49
  [`palette-${palette}`]: !this.AI() && !!palette,
50
50
  };
51
- }, ...(ngDevMode ? [{ debugName: "tagClasses" }] : []));
51
+ }, ...(ngDevMode ? [{ debugName: "tagClasses" }] : /* istanbul ignore next */ []));
52
52
  }
53
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
54
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: TagComponent, isStandalone: true, selector: "lu-tag", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, withEllipsis: { classPropertyName: "withEllipsis", publicName: "withEllipsis", isSignal: true, isRequired: false, transformFunction: null }, AI: { classPropertyName: "AI", publicName: "AI", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (link()) {\n\t<a [routerLink]=\"link()\" class=\"tag\" [class]=\"tagClasses()\" [class.mod-outlined]=\"!AI() && outlined()\" [class.mod-AI]=\"AI()\">\n\t\t@if (icon()) {\n\t\t\t<lu-icon [icon]=\"icon()\" />\n\t\t}\n\t\t<span class=\"tag-content\">{{ label() }}</span>\n\t</a>\n} @else {\n\t<span class=\"tag\" [class]=\"tagClasses()\" [class.mod-outlined]=\"!AI() && outlined()\" [class.mod-AI]=\"AI()\">\n\t\t@if (icon()) {\n\t\t\t<lu-icon [icon]=\"icon()\" />\n\t\t}\n\t\t@if (withEllipsis()) {\n\t\t\t<span class=\"tag-content pr-u-ellipsis\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n\t\t} @else {\n\t\t\t<span class=\"tag-content\">{{ label() }}</span>\n\t\t}\n\t</span>\n}\n", styles: ["@layer components{.tag{--components-tag-background: var(--palettes-100, var(--palettes-neutral-100));--components-tag-color: var(--palettes-800, var(--palettes-neutral-800));--components-tag-shadow: transparent;--components-tag-font: var(--pr-t-font-body-S);--components-tag-gap: var(--pr-t-spacings-50);--components-tag-decoration: none;--components-tag-cursor: inherit;--components-tag-boxShadow: 0 0 0 1px var(--components-tag-shadow);--components-tag-position: static;--components-tag-fontSize: var(--pr-t-font-body-S-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-S-lineHeight);background-color:var(--components-tag-background);border-radius:var(--pr-t-border-radius-small);padding-block:0;padding-inline:var(--pr-t-spacings-50);text-decoration:var(--components-tag-decoration);box-shadow:0 0 0 1px var(--components-tag-shadow);gap:var(--components-tag-gap);cursor:var(--components-tag-cursor);display:inline-flex;align-items:center;text-align:center;vertical-align:baseline;white-space:nowrap;border:0;font:var(--components-tag-font);font-size:var(--components-tag-fontSize);line-height:var(--components-tag-lineHeight);max-inline-size:100%;position:var(--components-tag-position)}.tag,.tag:is(a,button){color:var(--components-tag-color)}.tag .lucca-icon{--icon-size: 1rem}.tag-content{outline:none;text-decoration:var(--components-tag-decoration)}}@layer mods{.tag.mod-S{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.tag.mod-S .lucca-icon{--icon-size: .75rem}.tag.mod-S{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.tag.mod-L{--components-tag-font: var(--pr-t-font-body-M)}.tag.mod-L .lucca-icon{--icon-size: 1.25rem}.tag.mod-L{--components-tag-fontSize: var(--pr-t-font-body-M-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-M-lineHeight)}.tag:is(a,button),.tag.mod-clickable{--components-tag-cursor: pointer}.tag:is(a,button):hover,.tag:is(a,button):focus,.tag.mod-clickable:hover,.tag.mod-clickable:focus{--components-tag-decoration: underline}.tag:is(a,button):has(.tag-content):hover,.tag:is(a,button):has(.tag-content):focus,.tag.mod-clickable:has(.tag-content):hover,.tag.mod-clickable:has(.tag-content):focus{--components-tag-decoration: none}.tag:is(a,button):has(.tag-content):hover .tag-content,.tag:is(a,button):has(.tag-content):focus .tag-content,.tag.mod-clickable:has(.tag-content):hover .tag-content,.tag.mod-clickable:has(.tag-content):focus .tag-content{--components-tag-decoration: underline}.tag.mod-outlined,.tag.mod-AI{--components-tag-shadow: var(--palettes-300, var(--palettes-neutral-300));--components-tag-background: transparent}.tag.mod-AI:not(:disabled){--components-tag-boxShadow: none;--components-tag-position: relative}.tag.mod-AI:not(:disabled):before{content:\"\";pointer-events:none;position:absolute;inset:calc(var(--commons-divider-width) * -1);padding:var(--commons-divider-width);background-image:conic-gradient(from 135deg,var(--palettes-brand-400),var(--palettes-AI-500),var(--palettes-brand-400));border-radius:calc(var(--pr-t-border-radius-small) + var(--commons-divider-width));-webkit-mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));-webkit-mask-composite:xor;mask-composite:exclude}.tag.mod-AI:not(:disabled) .lucca-icon{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tag.mod-disabled{--components-tag-background: var(--commons-disabled-background);--components-tag-color: var(--commons-disabled-color)}.tag:has(.tag-content:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipOnlyForDisplay", "luTooltipPosition", "luTooltipWhenEllipsis", "luTooltipAnchor", "id"], exportAs: ["luTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
53
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
54
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: TagComponent, isStandalone: true, selector: "lu-tag", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, withEllipsis: { classPropertyName: "withEllipsis", publicName: "withEllipsis", isSignal: true, isRequired: false, transformFunction: null }, AI: { classPropertyName: "AI", publicName: "AI", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (link()) {\n\t<a [routerLink]=\"link()\" class=\"tag\" [class]=\"tagClasses()\" [class.mod-outlined]=\"!AI() && outlined()\" [class.mod-AI]=\"AI()\">\n\t\t@if (icon()) {\n\t\t\t<lu-icon [icon]=\"icon()\" />\n\t\t}\n\t\t<span class=\"tag-content\">{{ label() }}</span>\n\t</a>\n} @else {\n\t<span class=\"tag\" [class]=\"tagClasses()\" [class.mod-outlined]=\"!AI() && outlined()\" [class.mod-AI]=\"AI()\">\n\t\t@if (icon()) {\n\t\t\t<lu-icon [icon]=\"icon()\" />\n\t\t}\n\t\t@if (withEllipsis()) {\n\t\t\t<span class=\"tag-content pr-u-ellipsis\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n\t\t} @else {\n\t\t\t<span class=\"tag-content\">{{ label() }}</span>\n\t\t}\n\t</span>\n}\n", styles: ["@layer components{.tag{--components-tag-background: var(--palettes-100, var(--palettes-neutral-100));--components-tag-color: var(--palettes-800, var(--palettes-neutral-800));--components-tag-shadow: transparent;--components-tag-font: var(--pr-t-font-body-S);--components-tag-gap: var(--pr-t-spacings-50);--components-tag-decoration: none;--components-tag-cursor: inherit;--components-tag-boxShadow: 0 0 0 1px var(--components-tag-shadow);--components-tag-position: static;--components-tag-fontSize: var(--pr-t-font-body-S-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-S-lineHeight);background-color:var(--components-tag-background);border-radius:var(--pr-t-border-radius-small);padding-block:0;padding-inline:var(--pr-t-spacings-50);text-decoration:var(--components-tag-decoration);box-shadow:0 0 0 1px var(--components-tag-shadow);gap:var(--components-tag-gap);cursor:var(--components-tag-cursor);display:inline-flex;align-items:center;text-align:center;vertical-align:baseline;white-space:nowrap;border:0;font:var(--components-tag-font);font-size:var(--components-tag-fontSize);line-height:var(--components-tag-lineHeight);max-inline-size:100%;position:var(--components-tag-position)}.tag,.tag:is(a,button){color:var(--components-tag-color)}.tag .lucca-icon{--icon-size: 1rem}.tag-content{outline:none;text-decoration:var(--components-tag-decoration)}}@layer mods{.tag.mod-S{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.tag.mod-S .lucca-icon{--icon-size: .75rem}.tag.mod-S{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.tag.mod-L{--components-tag-font: var(--pr-t-font-body-M)}.tag.mod-L .lucca-icon{--icon-size: 1.25rem}.tag.mod-L{--components-tag-fontSize: var(--pr-t-font-body-M-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-M-lineHeight)}.tag:is(a,button),.tag.mod-clickable{--components-tag-cursor: pointer}.tag:is(a,button):hover,.tag:is(a,button):focus,.tag.mod-clickable:hover,.tag.mod-clickable:focus{--components-tag-decoration: underline}.tag:is(a,button):has(.tag-content):hover,.tag:is(a,button):has(.tag-content):focus,.tag.mod-clickable:has(.tag-content):hover,.tag.mod-clickable:has(.tag-content):focus{--components-tag-decoration: none}.tag:is(a,button):has(.tag-content):hover .tag-content,.tag:is(a,button):has(.tag-content):focus .tag-content,.tag.mod-clickable:has(.tag-content):hover .tag-content,.tag.mod-clickable:has(.tag-content):focus .tag-content{--components-tag-decoration: underline}.tag.mod-outlined,.tag.mod-AI{--components-tag-shadow: var(--palettes-300, var(--palettes-neutral-300));--components-tag-background: transparent}.tag.mod-AI:not(:disabled){--components-tag-boxShadow: none;--components-tag-position: relative}.tag.mod-AI:not(:disabled):before{content:\"\";pointer-events:none;position:absolute;inset:calc(var(--commons-divider-width) * -1);padding:var(--commons-divider-width);background-image:conic-gradient(from 135deg,var(--palettes-brand-400),var(--palettes-AI-500),var(--palettes-brand-400));border-radius:calc(var(--pr-t-border-radius-small) + var(--commons-divider-width));-webkit-mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));-webkit-mask-composite:xor;mask-composite:exclude}.tag.mod-AI:not(:disabled) .lucca-icon{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tag.mod-disabled{--components-tag-background: var(--commons-disabled-background);--components-tag-color: var(--commons-disabled-color)}.tag:has(.tag-content:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipOnlyForDisplay", "luTooltipPosition", "luTooltipWhenEllipsis", "luTooltipAnchor", "id"], exportAs: ["luTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
55
55
  }
56
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TagComponent, decorators: [{
56
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TagComponent, decorators: [{
57
57
  type: Component,
58
58
  args: [{ selector: 'lu-tag', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IconComponent, RouterLink, LuTooltipModule], template: "@if (link()) {\n\t<a [routerLink]=\"link()\" class=\"tag\" [class]=\"tagClasses()\" [class.mod-outlined]=\"!AI() && outlined()\" [class.mod-AI]=\"AI()\">\n\t\t@if (icon()) {\n\t\t\t<lu-icon [icon]=\"icon()\" />\n\t\t}\n\t\t<span class=\"tag-content\">{{ label() }}</span>\n\t</a>\n} @else {\n\t<span class=\"tag\" [class]=\"tagClasses()\" [class.mod-outlined]=\"!AI() && outlined()\" [class.mod-AI]=\"AI()\">\n\t\t@if (icon()) {\n\t\t\t<lu-icon [icon]=\"icon()\" />\n\t\t}\n\t\t@if (withEllipsis()) {\n\t\t\t<span class=\"tag-content pr-u-ellipsis\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n\t\t} @else {\n\t\t\t<span class=\"tag-content\">{{ label() }}</span>\n\t\t}\n\t</span>\n}\n", styles: ["@layer components{.tag{--components-tag-background: var(--palettes-100, var(--palettes-neutral-100));--components-tag-color: var(--palettes-800, var(--palettes-neutral-800));--components-tag-shadow: transparent;--components-tag-font: var(--pr-t-font-body-S);--components-tag-gap: var(--pr-t-spacings-50);--components-tag-decoration: none;--components-tag-cursor: inherit;--components-tag-boxShadow: 0 0 0 1px var(--components-tag-shadow);--components-tag-position: static;--components-tag-fontSize: var(--pr-t-font-body-S-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-S-lineHeight);background-color:var(--components-tag-background);border-radius:var(--pr-t-border-radius-small);padding-block:0;padding-inline:var(--pr-t-spacings-50);text-decoration:var(--components-tag-decoration);box-shadow:0 0 0 1px var(--components-tag-shadow);gap:var(--components-tag-gap);cursor:var(--components-tag-cursor);display:inline-flex;align-items:center;text-align:center;vertical-align:baseline;white-space:nowrap;border:0;font:var(--components-tag-font);font-size:var(--components-tag-fontSize);line-height:var(--components-tag-lineHeight);max-inline-size:100%;position:var(--components-tag-position)}.tag,.tag:is(a,button){color:var(--components-tag-color)}.tag .lucca-icon{--icon-size: 1rem}.tag-content{outline:none;text-decoration:var(--components-tag-decoration)}}@layer mods{.tag.mod-S{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.tag.mod-S .lucca-icon{--icon-size: .75rem}.tag.mod-S{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.tag.mod-L{--components-tag-font: var(--pr-t-font-body-M)}.tag.mod-L .lucca-icon{--icon-size: 1.25rem}.tag.mod-L{--components-tag-fontSize: var(--pr-t-font-body-M-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-M-lineHeight)}.tag:is(a,button),.tag.mod-clickable{--components-tag-cursor: pointer}.tag:is(a,button):hover,.tag:is(a,button):focus,.tag.mod-clickable:hover,.tag.mod-clickable:focus{--components-tag-decoration: underline}.tag:is(a,button):has(.tag-content):hover,.tag:is(a,button):has(.tag-content):focus,.tag.mod-clickable:has(.tag-content):hover,.tag.mod-clickable:has(.tag-content):focus{--components-tag-decoration: none}.tag:is(a,button):has(.tag-content):hover .tag-content,.tag:is(a,button):has(.tag-content):focus .tag-content,.tag.mod-clickable:has(.tag-content):hover .tag-content,.tag.mod-clickable:has(.tag-content):focus .tag-content{--components-tag-decoration: underline}.tag.mod-outlined,.tag.mod-AI{--components-tag-shadow: var(--palettes-300, var(--palettes-neutral-300));--components-tag-background: transparent}.tag.mod-AI:not(:disabled){--components-tag-boxShadow: none;--components-tag-position: relative}.tag.mod-AI:not(:disabled):before{content:\"\";pointer-events:none;position:absolute;inset:calc(var(--commons-divider-width) * -1);padding:var(--commons-divider-width);background-image:conic-gradient(from 135deg,var(--palettes-brand-400),var(--palettes-AI-500),var(--palettes-brand-400));border-radius:calc(var(--pr-t-border-radius-small) + var(--commons-divider-width));-webkit-mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));-webkit-mask-composite:xor;mask-composite:exclude}.tag.mod-AI:not(:disabled) .lucca-icon{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tag.mod-disabled{--components-tag-background: var(--commons-disabled-background);--components-tag-color: var(--commons-disabled-color)}.tag:has(.tag-content:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}}\n"] }]
59
59
  }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], outlined: [{ type: i0.Input, args: [{ isSignal: true, alias: "outlined", required: false }] }], link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], withEllipsis: [{ type: i0.Input, args: [{ isSignal: true, alias: "withEllipsis", required: false }] }], AI: [{ type: i0.Input, args: [{ isSignal: true, alias: "AI", required: false }] }] } });
@@ -1 +1 @@
1
- {"version":3,"file":"lucca-front-ng-tag.mjs","sources":["../../../packages/ng/tag/tag.component.ts","../../../packages/ng/tag/tag.component.html","../../../packages/ng/tag/lucca-front-ng-tag.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { DecorativePalette, Palette } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LuTooltipModule } from '@lucca-front/ng/tooltip';\n\n@Component({\n\tselector: 'lu-tag',\n\ttemplateUrl: './tag.component.html',\n\tstyleUrl: './tag.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [IconComponent, RouterLink, LuTooltipModule],\n})\nexport class TagComponent {\n\t/**\n\t * Which text should the tag be? Defaults to medium\n\t */\n\treadonly label = input.required<string>();\n\n\t/**\n\t * Which size should the tag be? Defaults to medium\n\t */\n\treadonly size = input<'S' | 'M' | 'L'>('M');\n\n\t/**\n\t * Which palette should be used for the entire tag.\n\t * Defaults to none (inherits parent palette)\n\t */\n\treadonly palette = input<Palette | DecorativePalette>('none');\n\n\t/**\n\t * Should display be outlined?\n\t */\n\treadonly outlined = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * For routerLink usage\n\t */\n\treadonly link = input<string>();\n\n\t/**\n\t * Which icon should we display in the tag if any?\n\t * Defaults to no icon.\n\t */\n\treadonly icon = input<LuccaIcon | null>(null);\n\n\t/**\n\t * Truncates the text with an ellipsis and adds a tooltip when the label is too long\n\t */\n\treadonly withEllipsis = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Applies AI colors\n\t */\n\treadonly AI = input(false, { transform: booleanAttribute });\n\n\treadonly tagClasses = computed(() => {\n\t\tconst size = this.size();\n\t\tconst palette = this.palette();\n\t\treturn {\n\t\t\t[`mod-${size}`]: !!size,\n\t\t\t[`palette-${palette}`]: !this.AI() && !!palette,\n\t\t};\n\t});\n}\n","@if (link()) {\n\t<a [routerLink]=\"link()\" class=\"tag\" [class]=\"tagClasses()\" [class.mod-outlined]=\"!AI() && outlined()\" [class.mod-AI]=\"AI()\">\n\t\t@if (icon()) {\n\t\t\t<lu-icon [icon]=\"icon()\" />\n\t\t}\n\t\t<span class=\"tag-content\">{{ label() }}</span>\n\t</a>\n} @else {\n\t<span class=\"tag\" [class]=\"tagClasses()\" [class.mod-outlined]=\"!AI() && outlined()\" [class.mod-AI]=\"AI()\">\n\t\t@if (icon()) {\n\t\t\t<lu-icon [icon]=\"icon()\" />\n\t\t}\n\t\t@if (withEllipsis()) {\n\t\t\t<span class=\"tag-content pr-u-ellipsis\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n\t\t} @else {\n\t\t\t<span class=\"tag-content\">{{ label() }}</span>\n\t\t}\n\t</span>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"lucca-front-ng-tag.mjs","sources":["../../../packages/ng/tag/tag.component.ts","../../../packages/ng/tag/tag.component.html","../../../packages/ng/tag/lucca-front-ng-tag.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { DecorativePalette, Palette } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { LuTooltipModule } from '@lucca-front/ng/tooltip';\n\n@Component({\n\tselector: 'lu-tag',\n\ttemplateUrl: './tag.component.html',\n\tstyleUrl: './tag.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [IconComponent, RouterLink, LuTooltipModule],\n})\nexport class TagComponent {\n\t/**\n\t * Which text should the tag be? Defaults to medium\n\t */\n\treadonly label = input.required<string>();\n\n\t/**\n\t * Which size should the tag be? Defaults to medium\n\t */\n\treadonly size = input<'S' | 'M' | 'L'>('M');\n\n\t/**\n\t * Which palette should be used for the entire tag.\n\t * Defaults to none (inherits parent palette)\n\t */\n\treadonly palette = input<Palette | DecorativePalette>('none');\n\n\t/**\n\t * Should display be outlined?\n\t */\n\treadonly outlined = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * For routerLink usage\n\t */\n\treadonly link = input<string>();\n\n\t/**\n\t * Which icon should we display in the tag if any?\n\t * Defaults to no icon.\n\t */\n\treadonly icon = input<LuccaIcon | null>(null);\n\n\t/**\n\t * Truncates the text with an ellipsis and adds a tooltip when the label is too long\n\t */\n\treadonly withEllipsis = input(false, { transform: booleanAttribute });\n\n\t/**\n\t * Applies AI colors\n\t */\n\treadonly AI = input(false, { transform: booleanAttribute });\n\n\treadonly tagClasses = computed(() => {\n\t\tconst size = this.size();\n\t\tconst palette = this.palette();\n\t\treturn {\n\t\t\t[`mod-${size}`]: !!size,\n\t\t\t[`palette-${palette}`]: !this.AI() && !!palette,\n\t\t};\n\t});\n}\n","@if (link()) {\n\t<a [routerLink]=\"link()\" class=\"tag\" [class]=\"tagClasses()\" [class.mod-outlined]=\"!AI() && outlined()\" [class.mod-AI]=\"AI()\">\n\t\t@if (icon()) {\n\t\t\t<lu-icon [icon]=\"icon()\" />\n\t\t}\n\t\t<span class=\"tag-content\">{{ label() }}</span>\n\t</a>\n} @else {\n\t<span class=\"tag\" [class]=\"tagClasses()\" [class.mod-outlined]=\"!AI() && outlined()\" [class.mod-AI]=\"AI()\">\n\t\t@if (icon()) {\n\t\t\t<lu-icon [icon]=\"icon()\" />\n\t\t}\n\t\t@if (withEllipsis()) {\n\t\t\t<span class=\"tag-content pr-u-ellipsis\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n\t\t} @else {\n\t\t\t<span class=\"tag-content\">{{ label() }}</span>\n\t\t}\n\t</span>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
2
2
  import { ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
3
3
 
4
4
  class TextFlowComponent {
5
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TextFlowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: TextFlowComponent, isStandalone: true, selector: "lu-text-flow", host: { classAttribute: "textFlow" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer components{.textFlow h1{margin-block:var(--pr-t-spacings-300)}.textFlow h2{margin-block:var(--pr-t-spacings-300) var(--pr-t-spacings-150)}.textFlow h3{margin-block:var(--pr-t-spacings-200) var(--pr-t-spacings-150)}.textFlow h4{margin-block:var(--pr-t-spacings-150)}.textFlow p,.textFlow ul,.textFlow ol{margin-block:var(--pr-t-spacings-100)}.textFlow li{margin-block:var(--pr-t-spacings-50)}.textFlow>:first-child{margin-block-start:0}.textFlow>:last-child{margin-block-end:0}.textFlow>:last-child:is(ul,ol)>:last-child{margin-block-end:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
5
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TextFlowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: TextFlowComponent, isStandalone: true, selector: "lu-text-flow", host: { classAttribute: "textFlow" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["@layer components{.textFlow h1{margin-block:var(--pr-t-spacings-300)}.textFlow h2{margin-block:var(--pr-t-spacings-300) var(--pr-t-spacings-150)}.textFlow h3{margin-block:var(--pr-t-spacings-200) var(--pr-t-spacings-150)}.textFlow h4{margin-block:var(--pr-t-spacings-150)}.textFlow p,.textFlow ul,.textFlow ol{margin-block:var(--pr-t-spacings-100)}.textFlow li{margin-block:var(--pr-t-spacings-50)}.textFlow>:first-child{margin-block-start:0}.textFlow>:last-child{margin-block-end:0}.textFlow>:last-child:is(ul,ol)>:last-child{margin-block-end:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
7
7
  }
8
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TextFlowComponent, decorators: [{
8
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TextFlowComponent, decorators: [{
9
9
  type: Component,
10
10
  args: [{ selector: 'lu-text-flow', template: `<ng-content />`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
11
11
  class: 'textFlow',
@@ -1 +1 @@
1
- {"version":3,"file":"lucca-front-ng-text-flow.mjs","sources":["../../../packages/ng/text-flow/text-flow.component.ts","../../../packages/ng/text-flow/lucca-front-ng-text-flow.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-text-flow',\n\ttemplate: `<ng-content />`,\n\tstyleUrl: './text-flow.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'textFlow',\n\t},\n})\nexport class TextFlowComponent {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAYa,iBAAiB,CAAA;8GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,8GARnB,CAAA,cAAA,CAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uiBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAQd,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAV7B,SAAS;+BACC,cAAc,EAAA,QAAA,EACd,CAAA,cAAA,CAAgB,EAAA,aAAA,EAEX,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACL,wBAAA,KAAK,EAAE,UAAU;AACjB,qBAAA,EAAA,MAAA,EAAA,CAAA,uiBAAA,CAAA,EAAA;;;ACVF;;AAEG;;;;"}
1
+ {"version":3,"file":"lucca-front-ng-text-flow.mjs","sources":["../../../packages/ng/text-flow/text-flow.component.ts","../../../packages/ng/text-flow/lucca-front-ng-text-flow.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n\tselector: 'lu-text-flow',\n\ttemplate: `<ng-content />`,\n\tstyleUrl: './text-flow.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'textFlow',\n\t},\n})\nexport class TextFlowComponent {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAYa,iBAAiB,CAAA;+GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,8GARnB,CAAA,cAAA,CAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uiBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAQd,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAV7B,SAAS;+BACC,cAAc,EAAA,QAAA,EACd,CAAA,cAAA,CAAgB,EAAA,aAAA,EAEX,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACL,wBAAA,KAAK,EAAE,UAAU;AACjB,qBAAA,EAAA,MAAA,EAAA,CAAA,uiBAAA,CAAA,EAAA;;;ACVF;;AAEG;;;;"}