@lucca-front/ng 21.3.0-rc.6 → 21.3.0-rc.7

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 (124) hide show
  1. package/fesm2022/lucca-front-ng-a11y.mjs +3 -3
  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 +4 -4
  5. package/fesm2022/lucca-front-ng-app-layout.mjs.map +1 -1
  6. package/fesm2022/lucca-front-ng-box.mjs +3 -3
  7. package/fesm2022/lucca-front-ng-breadcrumbs.mjs +6 -6
  8. package/fesm2022/lucca-front-ng-bubble-icon.mjs +6 -5
  9. package/fesm2022/lucca-front-ng-bubble-icon.mjs.map +1 -1
  10. package/fesm2022/lucca-front-ng-bubble-illustration.mjs +3 -3
  11. package/fesm2022/lucca-front-ng-callout.mjs +24 -24
  12. package/fesm2022/lucca-front-ng-chip.mjs +3 -3
  13. package/fesm2022/lucca-front-ng-clear.mjs +3 -3
  14. package/fesm2022/lucca-front-ng-code.mjs +3 -3
  15. package/fesm2022/lucca-front-ng-color.mjs +3 -3
  16. package/fesm2022/lucca-front-ng-comment.mjs +9 -9
  17. package/fesm2022/lucca-front-ng-container.mjs +3 -3
  18. package/fesm2022/lucca-front-ng-core-select-api.mjs +9 -9
  19. package/fesm2022/lucca-front-ng-core-select-department.mjs +6 -6
  20. package/fesm2022/lucca-front-ng-core-select-establishment.mjs +9 -9
  21. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +6 -6
  22. package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs +3 -3
  23. package/fesm2022/lucca-front-ng-core-select-user.mjs +18 -18
  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 +18 -18
  29. package/fesm2022/lucca-front-ng-department.mjs +24 -24
  30. package/fesm2022/lucca-front-ng-dialog.mjs +35 -35
  31. package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
  32. package/fesm2022/lucca-front-ng-divider.mjs +3 -3
  33. package/fesm2022/lucca-front-ng-dropdown.mjs +40 -40
  34. package/fesm2022/lucca-front-ng-empty-state.mjs +9 -9
  35. package/fesm2022/lucca-front-ng-error-page.mjs +3 -3
  36. package/fesm2022/lucca-front-ng-establishment.mjs +33 -33
  37. package/fesm2022/lucca-front-ng-fancy-box.mjs +3 -3
  38. package/fesm2022/lucca-front-ng-file-upload.mjs +15 -15
  39. package/fesm2022/lucca-front-ng-filter-pills.mjs +19 -19
  40. package/fesm2022/lucca-front-ng-footer.mjs +4 -4
  41. package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
  42. package/fesm2022/lucca-front-ng-form-field.mjs +18 -18
  43. package/fesm2022/lucca-front-ng-form-header.mjs +3 -3
  44. package/fesm2022/lucca-front-ng-form-label.mjs +3 -3
  45. package/fesm2022/lucca-front-ng-form.mjs +3 -3
  46. package/fesm2022/lucca-front-ng-formly.mjs +58 -58
  47. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +6 -6
  48. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs +3 -3
  49. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs +6 -6
  50. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs +3 -3
  51. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +44 -44
  52. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
  53. package/fesm2022/lucca-front-ng-forms.mjs +42 -42
  54. package/fesm2022/lucca-front-ng-gauge.mjs +3 -3
  55. package/fesm2022/lucca-front-ng-grid.mjs +6 -6
  56. package/fesm2022/lucca-front-ng-highlight-data.mjs +3 -3
  57. package/fesm2022/lucca-front-ng-highlight-text.mjs +3 -3
  58. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +12 -12
  59. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
  60. package/fesm2022/lucca-front-ng-impersonation.mjs +3 -3
  61. package/fesm2022/lucca-front-ng-index-table.mjs +35 -30
  62. package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -1
  63. package/fesm2022/lucca-front-ng-inline-message.mjs +3 -3
  64. package/fesm2022/lucca-front-ng-input.mjs +21 -21
  65. package/fesm2022/lucca-front-ng-link.mjs +6 -6
  66. package/fesm2022/lucca-front-ng-listbox.mjs +9 -9
  67. package/fesm2022/lucca-front-ng-listing.mjs +6 -6
  68. package/fesm2022/lucca-front-ng-loading.mjs +3 -3
  69. package/fesm2022/lucca-front-ng-main-layout.mjs +6 -6
  70. package/fesm2022/lucca-front-ng-mobile-push.mjs +3 -3
  71. package/fesm2022/lucca-front-ng-modal.mjs +22 -22
  72. package/fesm2022/lucca-front-ng-multi-select.mjs +36 -36
  73. package/fesm2022/lucca-front-ng-new-badge.mjs +3 -3
  74. package/fesm2022/lucca-front-ng-number-format.mjs +6 -6
  75. package/fesm2022/lucca-front-ng-number.mjs +7 -7
  76. package/fesm2022/lucca-front-ng-numeric-badge.mjs +3 -3
  77. package/fesm2022/lucca-front-ng-option.mjs +126 -126
  78. package/fesm2022/lucca-front-ng-page-header.mjs +4 -4
  79. package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
  80. package/fesm2022/lucca-front-ng-pagination.mjs +3 -3
  81. package/fesm2022/lucca-front-ng-plg-push.mjs +3 -3
  82. package/fesm2022/lucca-front-ng-popover.mjs +17 -17
  83. package/fesm2022/lucca-front-ng-popover2.mjs +6 -6
  84. package/fesm2022/lucca-front-ng-popup.mjs +10 -10
  85. package/fesm2022/lucca-front-ng-progress-bar.mjs +3 -3
  86. package/fesm2022/lucca-front-ng-progress-stepper.mjs +6 -6
  87. package/fesm2022/lucca-front-ng-read-more.mjs +3 -3
  88. package/fesm2022/lucca-front-ng-resource-card.mjs +13 -13
  89. package/fesm2022/lucca-front-ng-resource-card.mjs.map +1 -1
  90. package/fesm2022/lucca-front-ng-safe-content.mjs +10 -10
  91. package/fesm2022/lucca-front-ng-scroll-box.mjs +3 -3
  92. package/fesm2022/lucca-front-ng-scroll.mjs +7 -7
  93. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +6 -6
  94. package/fesm2022/lucca-front-ng-segmented-control.mjs +6 -6
  95. package/fesm2022/lucca-front-ng-select.mjs +14 -14
  96. package/fesm2022/lucca-front-ng-sidepanel.mjs +7 -7
  97. package/fesm2022/lucca-front-ng-simple-select.mjs +12 -12
  98. package/fesm2022/lucca-front-ng-skeleton.mjs +26 -26
  99. package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
  100. package/fesm2022/lucca-front-ng-software-icon-wrapper.mjs +6 -6
  101. package/fesm2022/lucca-front-ng-software-icon.mjs +3 -3
  102. package/fesm2022/lucca-front-ng-sortable-list.mjs +6 -6
  103. package/fesm2022/lucca-front-ng-status-badge.mjs +3 -3
  104. package/fesm2022/lucca-front-ng-table-of-content.mjs +6 -6
  105. package/fesm2022/lucca-front-ng-tag.mjs +3 -3
  106. package/fesm2022/lucca-front-ng-text-flow.mjs +3 -3
  107. package/fesm2022/lucca-front-ng-time.mjs +18 -18
  108. package/fesm2022/lucca-front-ng-title.mjs +10 -10
  109. package/fesm2022/lucca-front-ng-toast.mjs +10 -10
  110. package/fesm2022/lucca-front-ng-tooltip.mjs +37 -19
  111. package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
  112. package/fesm2022/lucca-front-ng-tree-select.mjs +6 -6
  113. package/fesm2022/lucca-front-ng-user-popover.mjs +19 -19
  114. package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
  115. package/fesm2022/lucca-front-ng-user.mjs +60 -60
  116. package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
  117. package/fesm2022/lucca-front-ng-vertical-navigation.mjs +12 -12
  118. package/package.json +4 -4
  119. package/schematics/package.json +3 -0
  120. package/src/components/_picker.scss +4 -0
  121. package/types/lucca-front-ng-bubble-icon.d.ts +2 -2
  122. package/types/lucca-front-ng-forms-rich-text-input.d.ts +4 -2
  123. package/types/lucca-front-ng-index-table.d.ts +4 -1
  124. package/types/lucca-front-ng-tooltip.d.ts +7 -2
@@ -8,10 +8,10 @@ class NewBadgeComponent {
8
8
  */
9
9
  this.label = input.required(...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
10
10
  }
11
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: NewBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
12
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type: NewBadgeComponent, isStandalone: true, selector: "lu-new-badge", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "newBadge" }, ngImport: i0, template: "{{ label() }}\n", styles: ["@layer components{.newBadge{--components-newBadge-color: var(--palettes-brand-0);--components-newBadge-backgroundColor: var(--palettes-brand-700);display:inline-flex;font:var(--pr-t-font-body-XS);font-weight:var(--pr-t-font-fontWeight-semibold);background-color:var(--components-newBadge-backgroundColor);color:var(--components-newBadge-color);padding-block:0;padding-inline:var(--pr-t-spacings-50);border-radius:var(--pr-t-border-radius-small)}}@layer mods{.newBadge.mod-inverted{--components-newBadge-color: var(--palettes-brand-700);--components-newBadge-backgroundColor: var(--palettes-brand-0)}}@layer base{lu-new-badge{display:inline-flex}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
11
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NewBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
12
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: NewBadgeComponent, isStandalone: true, selector: "lu-new-badge", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "newBadge" }, ngImport: i0, template: "{{ label() }}\n", styles: ["@layer components{.newBadge{--components-newBadge-color: var(--palettes-brand-0);--components-newBadge-backgroundColor: var(--palettes-brand-700);display:inline-flex;font:var(--pr-t-font-body-XS);font-weight:var(--pr-t-font-fontWeight-semibold);background-color:var(--components-newBadge-backgroundColor);color:var(--components-newBadge-color);padding-block:0;padding-inline:var(--pr-t-spacings-50);border-radius:var(--pr-t-border-radius-small)}}@layer mods{.newBadge.mod-inverted{--components-newBadge-color: var(--palettes-brand-700);--components-newBadge-backgroundColor: var(--palettes-brand-0)}}@layer base{lu-new-badge{display:inline-flex}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
13
13
  }
14
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: NewBadgeComponent, decorators: [{
14
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NewBadgeComponent, decorators: [{
15
15
  type: Component,
16
16
  args: [{ selector: 'lu-new-badge', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
17
17
  class: 'newBadge',
@@ -189,10 +189,10 @@ class LuFormatNumberPipe {
189
189
  transform(value, options) {
190
190
  return new NumberFormat(options).format(value);
191
191
  }
192
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuFormatNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
193
- static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.15", ngImport: i0, type: LuFormatNumberPipe, isStandalone: true, name: "luNumberFormat" }); }
192
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuFormatNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
193
+ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: LuFormatNumberPipe, isStandalone: true, name: "luNumberFormat" }); }
194
194
  }
195
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuFormatNumberPipe, decorators: [{
195
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuFormatNumberPipe, decorators: [{
196
196
  type: Pipe,
197
197
  args: [{
198
198
  name: 'luNumberFormat',
@@ -248,8 +248,8 @@ class NumberFormatDirective {
248
248
  this.#value.set(parsedInput.value);
249
249
  this.onChange?.(parsedInput.value);
250
250
  }
251
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: NumberFormatDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
252
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.15", type: NumberFormatDirective, isStandalone: true, selector: "input[luNumberFormatInput]", inputs: { formatOptions: { classPropertyName: "formatOptions", publicName: "formatOptions", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "focus": "focus()", "blur": "lostFocus()", "input": "input()" } }, providers: [
251
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NumberFormatDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
252
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NumberFormatDirective, isStandalone: true, selector: "input[luNumberFormatInput]", inputs: { formatOptions: { classPropertyName: "formatOptions", publicName: "formatOptions", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "focus": "focus()", "blur": "lostFocus()", "input": "input()" } }, providers: [
253
253
  {
254
254
  provide: NG_VALUE_ACCESSOR,
255
255
  useExisting: forwardRef(() => NumberFormatDirective),
@@ -257,7 +257,7 @@ class NumberFormatDirective {
257
257
  },
258
258
  ], ngImport: i0 }); }
259
259
  }
260
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: NumberFormatDirective, decorators: [{
260
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NumberFormatDirective, decorators: [{
261
261
  type: Directive,
262
262
  args: [{
263
263
  selector: 'input[luNumberFormatInput]',
@@ -19,10 +19,10 @@ class LuNumberPipe {
19
19
  return integral;
20
20
  }
21
21
  }
22
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuNumberPipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe }); }
23
- static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.15", ngImport: i0, type: LuNumberPipe, isStandalone: true, name: "luNumber" }); }
22
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuNumberPipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe }); }
23
+ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: LuNumberPipe, isStandalone: true, name: "luNumber" }); }
24
24
  }
25
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuNumberPipe, decorators: [{
25
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuNumberPipe, decorators: [{
26
26
  type: Pipe,
27
27
  args: [{
28
28
  name: 'luNumber',
@@ -37,11 +37,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
37
37
  * @deprecated use `LuNumberPipe` instead
38
38
  */
39
39
  class LuNumberModule {
40
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuNumberModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
41
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.15", ngImport: i0, type: LuNumberModule, imports: [LuNumberPipe], exports: [LuNumberPipe] }); }
42
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuNumberModule }); }
40
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuNumberModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
41
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: LuNumberModule, imports: [LuNumberPipe], exports: [LuNumberPipe] }); }
42
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuNumberModule }); }
43
43
  }
44
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuNumberModule, decorators: [{
44
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuNumberModule, decorators: [{
45
45
  type: NgModule,
46
46
  args: [{
47
47
  imports: [LuNumberPipe],
@@ -62,10 +62,10 @@ class NumericBadgeComponent {
62
62
  }
63
63
  });
64
64
  }
65
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: NumericBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
66
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type: NumericBadgeComponent, isStandalone: true, selector: "lu-numeric-badge", inputs: { value: { classPropertyName: "value", publicName: "value", 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 }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: "maxValue", publicName: "maxValue", isSignal: true, isRequired: false, transformFunction: null }, disableTooltip: { classPropertyName: "disableTooltip", publicName: "disableTooltip", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-loading": "loading()", "attr.aria-hidden": "loading()" }, classAttribute: "numericBadge" }, providers: [LuClass], ngImport: i0, template: "<span class=\"numericBadge-value\" [luTooltip]=\"value()\" [luTooltipDisabled]=\"isDisabled()\">{{ displayValue() }}</span>\n", styles: ["@charset \"UTF-8\";@layer components{.numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-neutral-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-neutral-700));--components-numericBadge-loadingColor: var(--palettes-500, var(--palettes-neutral-500));--components-numericBadge-size: 1.5rem;--components-numericBadge-font: var(--pr-t-font-body-S);--components-numericBadge-borderRadius: var(--pr-t-border-radius-default);--components-numericBadge-fontSize: var(--pr-t-font-body-S-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-S-lineHeight);display:inline-flex;align-items:center;justify-content:center;block-size:var(--components-numericBadge-size);min-inline-size:var(--components-numericBadge-size);padding:var(--pr-t-spacings-50);font:var(--components-numericBadge-font);font-size:var(--components-numericBadge-fontSize);line-height:var(--components-numericBadge-lineHeight);font-weight:var(--pr-t-font-fontWeight-semibold);background-color:var(--components-numericBadge-background);color:var(--components-numericBadge-color);border-radius:var(--components-numericBadge-borderRadius);transition-timing-function:ease;white-space:nowrap;position:relative;transition-duration:var(--commons-animations-durations-fast);transition-property:color}.numericBadge:empty:before{content:\"\\a0\"/\"\"}.numericBadge-value{outline:none}}@layer mods{.numericBadge.mod-S{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.numericBadge.mod-XS{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.numericBadge.is-loading{--commons-loading-frontground: var(--components-numericBadge-loadingColor);--commons-loading-borderWidth: 2px;--components-numericBadge-color: transparent}.numericBadge.is-loading:after{content:\"\";inline-size:calc(var(--components-numericBadge-size) - var(--pr-t-spacings-100));block-size:calc(var(--components-numericBadge-size) - var(--pr-t-spacings-100));border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.numericBadge.is-loading.mod-S{--commons-loading-borderWidth: 1.5px}.numericBadge.is-loading.mod-XS{--commons-loading-borderWidth: 1px}.numericBadge:focus-within{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}}@layer base{lu-numeric-badge{display:inline-flex}}\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 }); }
65
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NumericBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
66
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: NumericBadgeComponent, isStandalone: true, selector: "lu-numeric-badge", inputs: { value: { classPropertyName: "value", publicName: "value", 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 }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: "maxValue", publicName: "maxValue", isSignal: true, isRequired: false, transformFunction: null }, disableTooltip: { classPropertyName: "disableTooltip", publicName: "disableTooltip", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-loading": "loading()", "attr.aria-hidden": "loading()" }, classAttribute: "numericBadge" }, providers: [LuClass], ngImport: i0, template: "<span class=\"numericBadge-value\" [luTooltip]=\"value()\" [luTooltipDisabled]=\"isDisabled()\">{{ displayValue() }}</span>\n", styles: ["@charset \"UTF-8\";@layer components{.numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-neutral-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-neutral-700));--components-numericBadge-loadingColor: var(--palettes-500, var(--palettes-neutral-500));--components-numericBadge-size: 1.5rem;--components-numericBadge-font: var(--pr-t-font-body-S);--components-numericBadge-borderRadius: var(--pr-t-border-radius-default);--components-numericBadge-fontSize: var(--pr-t-font-body-S-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-S-lineHeight);display:inline-flex;align-items:center;justify-content:center;block-size:var(--components-numericBadge-size);min-inline-size:var(--components-numericBadge-size);padding:var(--pr-t-spacings-50);font:var(--components-numericBadge-font);font-size:var(--components-numericBadge-fontSize);line-height:var(--components-numericBadge-lineHeight);font-weight:var(--pr-t-font-fontWeight-semibold);background-color:var(--components-numericBadge-background);color:var(--components-numericBadge-color);border-radius:var(--components-numericBadge-borderRadius);transition-timing-function:ease;white-space:nowrap;position:relative;transition-duration:var(--commons-animations-durations-fast);transition-property:color}.numericBadge:empty:before{content:\"\\a0\"/\"\"}.numericBadge-value{outline:none}}@layer mods{.numericBadge.mod-S{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.numericBadge.mod-XS{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.numericBadge.is-loading{--commons-loading-frontground: var(--components-numericBadge-loadingColor);--commons-loading-borderWidth: 2px;--components-numericBadge-color: transparent}.numericBadge.is-loading:after{content:\"\";inline-size:calc(var(--components-numericBadge-size) - var(--pr-t-spacings-100));block-size:calc(var(--components-numericBadge-size) - var(--pr-t-spacings-100));border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.numericBadge.is-loading.mod-S{--commons-loading-borderWidth: 1.5px}.numericBadge.is-loading.mod-XS{--commons-loading-borderWidth: 1px}.numericBadge:focus-within{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}}@layer base{lu-numeric-badge{display:inline-flex}}\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 }); }
67
67
  }
68
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: NumericBadgeComponent, decorators: [{
68
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NumericBadgeComponent, decorators: [{
69
69
  type: Component,
70
70
  args: [{ selector: 'lu-numeric-badge', changeDetection: ChangeDetectionStrategy.OnPush, imports: [LuTooltipModule], providers: [LuClass], host: {
71
71
  class: 'numericBadge',