@lucca-front/ng 21.0.1 → 21.0.3

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 (162) hide show
  1. package/fesm2022/lucca-front-ng-app-layout.mjs +2 -2
  2. package/fesm2022/lucca-front-ng-app-layout.mjs.map +1 -1
  3. package/fesm2022/lucca-front-ng-box.mjs.map +1 -1
  4. package/fesm2022/lucca-front-ng-breadcrumbs.mjs.map +1 -1
  5. package/fesm2022/lucca-front-ng-button.mjs +21 -0
  6. package/fesm2022/lucca-front-ng-button.mjs.map +1 -1
  7. package/fesm2022/lucca-front-ng-callout.mjs +38 -12
  8. package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
  9. package/fesm2022/lucca-front-ng-chip.mjs +32 -2
  10. package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
  11. package/fesm2022/lucca-front-ng-clear.mjs +17 -2
  12. package/fesm2022/lucca-front-ng-clear.mjs.map +1 -1
  13. package/fesm2022/lucca-front-ng-comment.mjs +20 -18
  14. package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
  15. package/fesm2022/lucca-front-ng-container.mjs +5 -7
  16. package/fesm2022/lucca-front-ng-container.mjs.map +1 -1
  17. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +0 -2
  18. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs.map +1 -1
  19. package/fesm2022/lucca-front-ng-core-select-user.mjs +6 -3
  20. package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
  21. package/fesm2022/lucca-front-ng-core-select.mjs +3 -4
  22. package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
  23. package/fesm2022/lucca-front-ng-date.mjs +4 -4
  24. package/fesm2022/lucca-front-ng-date.mjs.map +1 -1
  25. package/fesm2022/lucca-front-ng-date2.mjs +4 -4
  26. package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
  27. package/fesm2022/lucca-front-ng-dialog.mjs +2 -2
  28. package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
  29. package/fesm2022/lucca-front-ng-divider.mjs +10 -1
  30. package/fesm2022/lucca-front-ng-divider.mjs.map +1 -1
  31. package/fesm2022/lucca-front-ng-empty-state.mjs +16 -0
  32. package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
  33. package/fesm2022/lucca-front-ng-fancy-box.mjs +12 -0
  34. package/fesm2022/lucca-front-ng-fancy-box.mjs.map +1 -1
  35. package/fesm2022/lucca-front-ng-filter-pills.mjs +3 -3
  36. package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
  37. package/fesm2022/lucca-front-ng-footer.mjs +3 -0
  38. package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
  39. package/fesm2022/lucca-front-ng-form-field.mjs +2 -2
  40. package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
  41. package/fesm2022/lucca-front-ng-form-header.mjs +3 -0
  42. package/fesm2022/lucca-front-ng-form-header.mjs.map +1 -1
  43. package/fesm2022/lucca-front-ng-form.mjs +2 -2
  44. package/fesm2022/lucca-front-ng-form.mjs.map +1 -1
  45. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +2 -3
  46. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs.map +1 -1
  47. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +1 -1
  48. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
  49. package/fesm2022/lucca-front-ng-forms.mjs +14 -13
  50. package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
  51. package/fesm2022/lucca-front-ng-gauge.mjs +28 -5
  52. package/fesm2022/lucca-front-ng-gauge.mjs.map +1 -1
  53. package/fesm2022/lucca-front-ng-grid.mjs +3 -3
  54. package/fesm2022/lucca-front-ng-grid.mjs.map +1 -1
  55. package/fesm2022/lucca-front-ng-highlight-data.mjs +31 -26
  56. package/fesm2022/lucca-front-ng-highlight-data.mjs.map +1 -1
  57. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +3 -0
  58. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
  59. package/fesm2022/lucca-front-ng-icon.mjs +15 -0
  60. package/fesm2022/lucca-front-ng-icon.mjs.map +1 -1
  61. package/fesm2022/lucca-front-ng-inline-message.mjs +12 -0
  62. package/fesm2022/lucca-front-ng-inline-message.mjs.map +1 -1
  63. package/fesm2022/lucca-front-ng-link.mjs +15 -0
  64. package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
  65. package/fesm2022/lucca-front-ng-listbox.mjs +17 -5
  66. package/fesm2022/lucca-front-ng-listbox.mjs.map +1 -1
  67. package/fesm2022/lucca-front-ng-listing.mjs +36 -7
  68. package/fesm2022/lucca-front-ng-listing.mjs.map +1 -1
  69. package/fesm2022/lucca-front-ng-loading.mjs.map +1 -1
  70. package/fesm2022/lucca-front-ng-main-layout.mjs +8 -2
  71. package/fesm2022/lucca-front-ng-main-layout.mjs.map +1 -1
  72. package/fesm2022/lucca-front-ng-mobile-push.mjs +18 -10
  73. package/fesm2022/lucca-front-ng-mobile-push.mjs.map +1 -1
  74. package/fesm2022/lucca-front-ng-multi-select.mjs +35 -22
  75. package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
  76. package/fesm2022/lucca-front-ng-new-badge.mjs +3 -0
  77. package/fesm2022/lucca-front-ng-new-badge.mjs.map +1 -1
  78. package/fesm2022/lucca-front-ng-numeric-badge.mjs +10 -1
  79. package/fesm2022/lucca-front-ng-numeric-badge.mjs.map +1 -1
  80. package/fesm2022/lucca-front-ng-option.mjs +5 -5
  81. package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
  82. package/fesm2022/lucca-front-ng-page-header.mjs +9 -0
  83. package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
  84. package/fesm2022/lucca-front-ng-pagination.mjs +24 -0
  85. package/fesm2022/lucca-front-ng-pagination.mjs.map +1 -1
  86. package/fesm2022/lucca-front-ng-plg-push.mjs +6 -0
  87. package/fesm2022/lucca-front-ng-plg-push.mjs.map +1 -1
  88. package/fesm2022/lucca-front-ng-popover2.mjs +18 -8
  89. package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
  90. package/fesm2022/lucca-front-ng-progress-bar.mjs +12 -5
  91. package/fesm2022/lucca-front-ng-progress-bar.mjs.map +1 -1
  92. package/fesm2022/lucca-front-ng-read-more.mjs +16 -1
  93. package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
  94. package/fesm2022/lucca-front-ng-resource-card.mjs +6 -6
  95. package/fesm2022/lucca-front-ng-resource-card.mjs.map +1 -1
  96. package/fesm2022/lucca-front-ng-scroll-box.mjs +5 -2
  97. package/fesm2022/lucca-front-ng-scroll-box.mjs.map +1 -1
  98. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +9 -3
  99. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs.map +1 -1
  100. package/fesm2022/lucca-front-ng-segmented-control.mjs +16 -1
  101. package/fesm2022/lucca-front-ng-segmented-control.mjs.map +1 -1
  102. package/fesm2022/lucca-front-ng-simple-select.mjs +8 -5
  103. package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
  104. package/fesm2022/lucca-front-ng-skeleton.mjs +63 -12
  105. package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
  106. package/fesm2022/lucca-front-ng-sortable-list.mjs +24 -0
  107. package/fesm2022/lucca-front-ng-sortable-list.mjs.map +1 -1
  108. package/fesm2022/lucca-front-ng-status-badge.mjs +12 -0
  109. package/fesm2022/lucca-front-ng-status-badge.mjs.map +1 -1
  110. package/fesm2022/lucca-front-ng-tag.mjs +6 -0
  111. package/fesm2022/lucca-front-ng-tag.mjs.map +1 -1
  112. package/fesm2022/lucca-front-ng-time.mjs +4 -4
  113. package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
  114. package/fesm2022/lucca-front-ng-vertical-navigation.mjs +30 -0
  115. package/fesm2022/lucca-front-ng-vertical-navigation.mjs.map +1 -1
  116. package/package.json +7 -7
  117. package/schematics/palettes/index.js +2 -2
  118. package/src/components/_picker.scss +4 -0
  119. package/src/components/cdk/_overlay.scss +5 -0
  120. package/src/definitions/option/_option-item.scss +1 -0
  121. package/types/lucca-front-ng-breadcrumbs.d.ts +1 -1
  122. package/types/lucca-front-ng-button.d.ts +21 -0
  123. package/types/lucca-front-ng-callout.d.ts +32 -2
  124. package/types/lucca-front-ng-chip.d.ts +32 -2
  125. package/types/lucca-front-ng-clear.d.ts +20 -5
  126. package/types/lucca-front-ng-comment.d.ts +19 -11
  127. package/types/lucca-front-ng-container.d.ts +4 -4
  128. package/types/lucca-front-ng-divider.d.ts +10 -0
  129. package/types/lucca-front-ng-empty-state.d.ts +16 -0
  130. package/types/lucca-front-ng-fancy-box.d.ts +12 -0
  131. package/types/lucca-front-ng-footer.d.ts +3 -0
  132. package/types/lucca-front-ng-form-header.d.ts +3 -0
  133. package/types/lucca-front-ng-forms.d.ts +3 -2
  134. package/types/lucca-front-ng-gauge.d.ts +25 -0
  135. package/types/lucca-front-ng-grid.d.ts +1 -1
  136. package/types/lucca-front-ng-highlight-data.d.ts +36 -15
  137. package/types/lucca-front-ng-horizontal-navigation.d.ts +3 -0
  138. package/types/lucca-front-ng-icon.d.ts +15 -0
  139. package/types/lucca-front-ng-inline-message.d.ts +12 -0
  140. package/types/lucca-front-ng-link.d.ts +15 -0
  141. package/types/lucca-front-ng-listbox.d.ts +16 -4
  142. package/types/lucca-front-ng-listing.d.ts +33 -2
  143. package/types/lucca-front-ng-main-layout.d.ts +6 -0
  144. package/types/lucca-front-ng-mobile-push.d.ts +7 -0
  145. package/types/lucca-front-ng-multi-select.d.ts +30 -29
  146. package/types/lucca-front-ng-new-badge.d.ts +3 -0
  147. package/types/lucca-front-ng-numeric-badge.d.ts +9 -0
  148. package/types/lucca-front-ng-page-header.d.ts +9 -0
  149. package/types/lucca-front-ng-pagination.d.ts +24 -0
  150. package/types/lucca-front-ng-plg-push.d.ts +6 -0
  151. package/types/lucca-front-ng-popover2.d.ts +5 -3
  152. package/types/lucca-front-ng-progress-bar.d.ts +9 -0
  153. package/types/lucca-front-ng-read-more.d.ts +16 -1
  154. package/types/lucca-front-ng-resource-card.d.ts +6 -0
  155. package/types/lucca-front-ng-scroll-box.d.ts +4 -1
  156. package/types/lucca-front-ng-segmented-control-tabs.d.ts +7 -1
  157. package/types/lucca-front-ng-segmented-control.d.ts +16 -1
  158. package/types/lucca-front-ng-skeleton.d.ts +61 -6
  159. package/types/lucca-front-ng-sortable-list.d.ts +24 -0
  160. package/types/lucca-front-ng-status-badge.d.ts +12 -0
  161. package/types/lucca-front-ng-tag.d.ts +6 -0
  162. package/types/lucca-front-ng-vertical-navigation.d.ts +30 -0
@@ -12,7 +12,7 @@ interface LuBreadcrumbsLabel {
12
12
  }
13
13
 
14
14
  declare class BreadcrumbsComponent {
15
- intl: LuBreadcrumbsLabel;
15
+ readonly intl: LuBreadcrumbsLabel;
16
16
  readonly disableCompact: i0.InputSignalWithTransform<boolean, unknown>;
17
17
  readonly links: i0.Signal<readonly BreadcrumbsLinkDirective[]>;
18
18
  readonly isCompact: i0.Signal<boolean>;
@@ -5,12 +5,33 @@ import { Palette } from '@lucca-front/ng/core';
5
5
  declare class ButtonComponent {
6
6
  #private;
7
7
  readonly notifyError: _angular_core.WritableSignal<boolean>;
8
+ /**
9
+ * Change the size of the Button
10
+ */
8
11
  readonly size: _angular_core.InputSignal<"M" | "S" | "XS">;
12
+ /**
13
+ * Apply block display
14
+ */
9
15
  readonly block: _angular_core.InputSignalWithTransform<boolean, unknown>;
16
+ /**
17
+ * Indicates an action with significant or irreversible consequences on hover and focus. Only compatible with outlined and ghost
18
+ */
10
19
  readonly critical: _angular_core.InputSignalWithTransform<boolean, unknown>;
20
+ /**
21
+ * @deprecated use `critical` input instead
22
+ */
11
23
  readonly delete: _angular_core.InputSignalWithTransform<boolean, unknown>;
24
+ /**
25
+ * Indicates the presence of a menu
26
+ */
12
27
  readonly disclosure: _angular_core.InputSignalWithTransform<boolean, unknown>;
28
+ /**
29
+ * Applies a color palette to the Button
30
+ */
13
31
  readonly palette: _angular_core.InputSignal<Palette>;
32
+ /**
33
+ * Modifies the state of the Button
34
+ */
14
35
  readonly state: _angular_core.InputSignal<"success" | "error" | "default" | "loading">;
15
36
  /**
16
37
  * '' is the default value when you just set the `luButton` directive without a value attached to it.
@@ -11,9 +11,23 @@ declare class CalloutActionsComponent {
11
11
  }
12
12
 
13
13
  declare class CalloutDisclosureComponent {
14
+ /**
15
+ * The title of the disclosure callout
16
+ */
14
17
  readonly heading: _angular_core.InputSignal<PortalContent>;
18
+ /**
19
+ * Which icon should we display in the disclosure callout if any?
20
+ * Defaults to no icon.
21
+ */
15
22
  readonly icon: _angular_core.InputSignal<LuccaIcon>;
23
+ /**
24
+ * Which palette should be used for the entire disclosure callout.
25
+ * Defaults to none (inherits parent palette)
26
+ */
16
27
  readonly palette: _angular_core.InputSignal<Palette>;
28
+ /**
29
+ * Which size should the disclosure callout be? Defaults to medium
30
+ */
17
31
  readonly size: _angular_core.InputSignal<"M" | "S">;
18
32
  /**
19
33
  * State is a shorthand to set the icon and the palette to the recommended values for the icon and palette based on
@@ -23,12 +37,18 @@ declare class CalloutDisclosureComponent {
23
37
  * state (so setting state to success and palette to warning will make the palette warning)
24
38
  */
25
39
  readonly state: _angular_core.InputSignal<"success" | "warning" | "error">;
40
+ /**
41
+ * Is the disclosure callout is open by default
42
+ */
26
43
  readonly open: _angular_core.InputSignalWithTransform<boolean, unknown>;
44
+ /**
45
+ * Emit boolean event when toggle disclosure callout opened
46
+ */
47
+ readonly openChange: _angular_core.OutputEmitterRef<boolean>;
27
48
  readonly calloutPalette: _angular_core.Signal<string>;
28
49
  readonly calloutClasses: _angular_core.Signal<{
29
50
  [x: string]: boolean;
30
51
  }>;
31
- openChange: _angular_core.OutputEmitterRef<boolean>;
32
52
  onToggle(event: Event): void;
33
53
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutDisclosureComponent, never>;
34
54
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutDisclosureComponent, "lu-callout-disclosure", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
@@ -45,7 +65,14 @@ declare class CalloutFeedbackItemComponent {
45
65
 
46
66
  declare class CalloutFeedbackListComponent {
47
67
  #private;
68
+ /**
69
+ * Which palette should be used for the entire feedback list callout.
70
+ * Defaults to none (inherits parent palette)
71
+ */
48
72
  readonly palette: _angular_core.InputSignal<Palette>;
73
+ /**
74
+ * Which size should the feedback list callout be? Defaults to medium
75
+ */
49
76
  readonly size: _angular_core.InputSignal<"M" | "S">;
50
77
  constructor();
51
78
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutFeedbackListComponent, never>;
@@ -69,6 +96,9 @@ declare class CalloutPopoverComponent {
69
96
  * Alternative for the button
70
97
  */
71
98
  readonly buttonAlt: _angular_core.InputSignal<string>;
99
+ /**
100
+ * Hide callout popover title if there is only one item
101
+ */
72
102
  readonly headingHiddenIfSingleItem: _angular_core.InputSignalWithTransform<boolean, unknown>;
73
103
  /**
74
104
  * Palette for both the button and the popover content
@@ -124,7 +154,7 @@ interface LuCalloutLabel {
124
154
  declare const luCalloutTranslations: LuTranslation<LuCalloutLabel>;
125
155
 
126
156
  declare class CalloutComponent {
127
- intl: _lucca_front_ng_callout.LuCalloutLabel;
157
+ readonly intl: _lucca_front_ng_callout.LuCalloutLabel;
128
158
  /**
129
159
  * The title of the callout
130
160
  */
@@ -8,16 +8,46 @@ interface ChipTranslate {
8
8
  }
9
9
 
10
10
  declare class ChipComponent {
11
- intl: ChipTranslate;
11
+ readonly intl: ChipTranslate;
12
+ /**
13
+ * Add an ellipsis if the text is too long
14
+ */
12
15
  readonly withEllipsis: _angular_core.InputSignalWithTransform<boolean, unknown>;
16
+ /**
17
+ * Makes the chip non-removable
18
+ */
13
19
  readonly unkillable: _angular_core.InputSignalWithTransform<boolean, unknown>;
20
+ /**
21
+ * Which palette should be used for the entire chip.
22
+ * Defaults to none (inherits parent palette)
23
+ */
14
24
  readonly palette: _angular_core.InputSignal<string>;
25
+ /**
26
+ * Disabled the chip
27
+ */
15
28
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
29
+ /**
30
+ * Which size should the chip be? Defaults or small
31
+ */
16
32
  readonly size: _angular_core.InputSignal<"S">;
33
+ /**
34
+ * State is a shorthand to set the icon and the palette to the recommended values for the icon and palette based on
35
+ * the provided state.
36
+ *
37
+ * If one of the icon or palette inputs are filled along with the state input, their values will have the priority over
38
+ * state (so setting state to success and palette to warning will make the palette warning)
39
+ */
17
40
  readonly state: _angular_core.InputSignal<"warning" | "critical">;
18
- readonly stateAlt: _angular_core.Signal<string>;
41
+ /**
42
+ * Which icon should we display in the chip if any?
43
+ * Defaults to no icon.
44
+ */
19
45
  readonly icon: _angular_core.InputSignal<LuccaIcon>;
46
+ /**
47
+ * Emit event when button kill is click
48
+ */
20
49
  readonly kill: _angular_core.OutputEmitterRef<Event>;
50
+ readonly stateAlt: _angular_core.Signal<string>;
21
51
  readonly isWarning: _angular_core.Signal<boolean>;
22
52
  readonly isCritical: _angular_core.Signal<boolean>;
23
53
  readonly displayedIcon: _angular_core.Signal<LuccaIcon>;
@@ -16,11 +16,26 @@ declare abstract class ALuClear<T> implements ILuClear<T> {
16
16
 
17
17
  declare class ClearComponent<T> extends ALuClear<T> implements ILuClear<T> {
18
18
  #private;
19
- intl: LuClearLabel;
20
- size: _angular_core.InputSignal<"S">;
21
- disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
22
- palette: _angular_core.InputSignal<Palette>;
23
- inverted: _angular_core.InputSignalWithTransform<boolean, unknown>;
19
+ readonly intl: LuClearLabel;
20
+ /**
21
+ * Which size should the clear be? Defaults to small
22
+ */
23
+ readonly size: _angular_core.InputSignal<"S">;
24
+ /**
25
+ * Disabled the clear
26
+ */
27
+ readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
28
+ /**
29
+ * Which palette should be used for the entire clear
30
+ */
31
+ readonly palette: _angular_core.InputSignal<Palette>;
32
+ /**
33
+ * Change the clear colors for use on a dark background
34
+ */
35
+ readonly inverted: _angular_core.InputSignalWithTransform<boolean, unknown>;
36
+ /**
37
+ * Emit event when button clear is click
38
+ */
24
39
  onClear: EventEmitter<T>;
25
40
  contentRef: _angular_core.Signal<readonly ElementRef<any>[]>;
26
41
  constructor();
@@ -5,34 +5,42 @@ import { PortalContent } from '@lucca-front/ng/core';
5
5
 
6
6
  declare class CommentComponent {
7
7
  #private;
8
- noAvatar: _angular_core.Signal<boolean>;
9
- avatar: _angular_core.Signal<_angular_core.TemplateRef<unknown>>;
10
- authorName: _angular_core.Signal<_lucca_front_ng_core.PortalContent>;
11
- size: _angular_core.Signal<"S" | "M">;
12
- date: _angular_core.InputSignal<Date>;
8
+ readonly content: _angular_core.InputSignal<string>;
9
+ readonly date: _angular_core.InputSignal<Date>;
13
10
  /**
14
11
  * format given to the date pipe for display.
15
12
  *
16
13
  * See https://angular.dev/api/common/DatePipe#custom-format-options
17
14
  */
18
- datePipeFormat: _angular_core.InputSignal<string>;
19
- content: _angular_core.InputSignal<string>;
20
- contentIsHTML: _angular_core.Signal<boolean>;
21
- dateDisplay: _angular_core.Signal<string>;
22
- role: _angular_core.Signal<string>;
15
+ readonly datePipeFormat: _angular_core.InputSignal<string>;
16
+ readonly noAvatar: _angular_core.Signal<boolean>;
17
+ readonly avatar: _angular_core.Signal<_angular_core.TemplateRef<unknown>>;
18
+ readonly authorName: _angular_core.Signal<_lucca_front_ng_core.PortalContent>;
19
+ readonly size: _angular_core.Signal<"S" | "M">;
20
+ readonly contentIsHTML: _angular_core.Signal<boolean>;
21
+ readonly dateDisplay: _angular_core.Signal<string>;
22
+ readonly role: _angular_core.Signal<string>;
23
23
  get roleAttr(): string;
24
24
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommentComponent, never>;
25
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommentComponent, "lu-comment", never, { "date": { "alias": "date"; "required": false; "isSignal": true; }; "datePipeFormat": { "alias": "datePipeFormat"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
25
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommentComponent, "lu-comment", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; "datePipeFormat": { "alias": "datePipeFormat"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
26
26
  }
27
27
 
28
28
  declare class CommentBlockComponent {
29
29
  #private;
30
30
  readonly comments: _angular_core.Signal<readonly CommentComponent[]>;
31
31
  readonly compact: _angular_core.InputSignalWithTransform<boolean, unknown>;
32
+ /**
33
+ * Small is a shorthand to set the size to small
34
+ *
35
+ * If the size input is filled along with the small input, their values will have the priority
36
+ */
32
37
  readonly small: _angular_core.InputSignalWithTransform<boolean, unknown>;
33
38
  readonly chatAnswer: _angular_core.InputSignalWithTransform<boolean, unknown>;
34
39
  readonly authorName: _angular_core.InputSignal<PortalContent>;
35
40
  readonly avatar: _angular_core.InputSignal<TemplateRef<unknown>>;
41
+ /**
42
+ * Which size should the block comment be? Defaults or small
43
+ */
36
44
  readonly size: _angular_core.InputSignal<"S" | "M">;
37
45
  readonly noAvatar: _angular_core.Signal<boolean>;
38
46
  readonly isSingleComment: _angular_core.Signal<boolean>;
@@ -1,10 +1,10 @@
1
1
  import * as _angular_core from '@angular/core';
2
2
 
3
3
  declare class ContainerComponent {
4
- center: _angular_core.InputSignalWithTransform<boolean, unknown>;
5
- overflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
6
- max: _angular_core.InputSignal<"M" | "L" | "XL" | "XXL" | "XXXL">;
7
- classesConfig: _angular_core.Signal<{
4
+ readonly center: _angular_core.InputSignalWithTransform<boolean, unknown>;
5
+ readonly overflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
6
+ readonly max: _angular_core.InputSignal<"M" | "L" | "XL" | "XXL" | "XXXL">;
7
+ readonly classesConfig: _angular_core.Signal<{
8
8
  [x: string]: boolean;
9
9
  "mod-center": boolean;
10
10
  "mod-overflow": boolean;
@@ -4,9 +4,19 @@ import { OnChanges, ElementRef } from '@angular/core';
4
4
  declare class DividerComponent implements OnChanges {
5
5
  #private;
6
6
  content: ElementRef;
7
+ /**
8
+ * Allows rendering the Divider as a native separator
9
+ * (Any text content it may have will no longer be rendered)
10
+ */
7
11
  readonly separatorRole: _angular_core.InputSignalWithTransform<boolean, unknown>;
8
12
  readonly vertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
13
+ /**
14
+ * Which size should the chip be? Defaults or small
15
+ */
9
16
  readonly size: _angular_core.InputSignal<"M" | "S">;
17
+ /**
18
+ * @deprecated
19
+ */
10
20
  readonly withRole: _angular_core.InputSignalWithTransform<boolean, unknown>;
11
21
  readonly classesConfig: _angular_core.Signal<{
12
22
  [x: string]: boolean;
@@ -28,6 +28,9 @@ declare class EmptyStatePageComponent {
28
28
  * Background color for content (text)
29
29
  */
30
30
  readonly contentBackgroundColor: _angular_core.InputSignal<string>;
31
+ /**
32
+ * Add content above heading
33
+ */
31
34
  readonly slotTop: _angular_core.InputSignal<PortalContent>;
32
35
  readonly heading: _angular_core.InputSignal<string>;
33
36
  readonly description: _angular_core.InputSignal<PortalContent>;
@@ -41,10 +44,23 @@ declare class EmptyStateSectionComponent {
41
44
  * Icon URL
42
45
  */
43
46
  readonly icon: _angular_core.InputSignal<string>;
47
+ /**
48
+ * Which palette should be used for the empty state section.
49
+ * Defaults to none (inherits parent palette)
50
+ */
44
51
  readonly palette: _angular_core.InputSignal<Palette>;
45
52
  readonly center: _angular_core.InputSignalWithTransform<boolean, unknown>;
53
+ /**
54
+ * The title of the empty state section
55
+ */
46
56
  readonly heading: _angular_core.InputSignal<string>;
57
+ /**
58
+ * The description of the empty state section
59
+ */
47
60
  readonly description: _angular_core.InputSignal<PortalContent>;
61
+ /**
62
+ * Define the aria level of the title
63
+ */
48
64
  readonly hx: _angular_core.InputSignalWithTransform<Hx, Hx | "1" | "2" | "3" | "4" | "5" | "6">;
49
65
  readonly emptyStateClasses: _angular_core.Signal<{
50
66
  [x: string]: boolean;
@@ -2,9 +2,21 @@ import * as _angular_core from '@angular/core';
2
2
 
3
3
  declare class FancyBoxComponent {
4
4
  #private;
5
+ /**
6
+ * foreground image (URL)
7
+ */
5
8
  readonly foreground: _angular_core.InputSignal<string>;
9
+ /**
10
+ * Background left image (URL)
11
+ */
6
12
  readonly backgroundLeft: _angular_core.InputSignal<string>;
13
+ /**
14
+ * Background right image (URL)
15
+ */
7
16
  readonly backgroundRight: _angular_core.InputSignal<string>;
17
+ /**
18
+ * Which size should the callout be? Defaults to small
19
+ */
8
20
  readonly size: _angular_core.InputSignal<"S">;
9
21
  readonly foregroundStyle: _angular_core.Signal<string>;
10
22
  readonly backgroundLeftStyle: _angular_core.Signal<string>;
@@ -2,6 +2,9 @@ import * as _angular_core from '@angular/core';
2
2
 
3
3
  declare class FooterComponent {
4
4
  readonly sticky: _angular_core.InputSignalWithTransform<boolean, unknown>;
5
+ /**
6
+ * Applies a container around the Page Header content
7
+ */
5
8
  readonly container: _angular_core.InputSignalWithTransform<boolean, unknown>;
6
9
  readonly forceNarrow: _angular_core.InputSignalWithTransform<boolean, unknown>;
7
10
  readonly dialog: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -1,6 +1,9 @@
1
1
  import * as i0 from '@angular/core';
2
2
 
3
3
  declare class FormHeaderComponent {
4
+ /**
5
+ * Define the aria level of the title
6
+ */
4
7
  readonly headingLevel: i0.InputSignal<1 | 2 | 3 | 4 | 5 | 6>;
5
8
  static ɵfac: i0.ɵɵFactoryDeclaration<FormHeaderComponent, never>;
6
9
  static ɵcmp: i0.ɵɵComponentDeclaration<FormHeaderComponent, "lu-form-header]", never, { "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -78,6 +78,7 @@ declare class MultilanguageInputComponent implements ControlValueAccessor {
78
78
  protected onChange: (_value: MultilanguageTranslation[]) => void;
79
79
  placeholder: _angular_core.InputSignal<string>;
80
80
  openOnFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
81
+ autocomplete: _angular_core.InputSignal<AutoFill>;
81
82
  disabledInternal: WritableSignal<boolean>;
82
83
  model: WritableSignal<MultilanguageTranslation[]>;
83
84
  invariant: _angular_core.Signal<MultilanguageTranslation | {
@@ -92,7 +93,7 @@ declare class MultilanguageInputComponent implements ControlValueAccessor {
92
93
  setDisabledState?(isDisabled: boolean): void;
93
94
  valueChange(): void;
94
95
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultilanguageInputComponent, never>;
95
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultilanguageInputComponent, "lu-multilanguage-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "openOnFocus": { "alias": "openOnFocus"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
96
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultilanguageInputComponent, "lu-multilanguage-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "openOnFocus": { "alias": "openOnFocus"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
96
97
  }
97
98
 
98
99
  declare function areAllLanguagesFilled(model: MultilanguageTranslation[]): boolean;
@@ -117,7 +118,7 @@ declare class NumberFormatInputComponent implements AfterViewInit {
117
118
  ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName;
118
119
  ngAfterViewInit(): void;
119
120
  readonly formatStyle: _angular_core.InputSignal<NumberFormatStyle>;
120
- readonly useAutoPrefixSuffix: _angular_core.InputSignal<boolean>;
121
+ readonly useAutoPrefixSuffix: _angular_core.InputSignalWithTransform<boolean, unknown>;
121
122
  readonly prefix: _angular_core.InputSignal<TextInputAddon>;
122
123
  readonly suffix: _angular_core.InputSignal<TextInputAddon>;
123
124
  readonly currency: _angular_core.InputSignal<string>;
@@ -3,13 +3,38 @@ import { Palette } from '@lucca-front/ng/core';
3
3
 
4
4
  declare class GaugeComponent {
5
5
  #private;
6
+ /**
7
+ * The progress of the gauge from 0 to 100
8
+ */
6
9
  readonly value: _angular_core.InputSignalWithTransform<number, unknown>;
10
+ /**
11
+ * Make the gauge finer
12
+ */
7
13
  readonly thin: _angular_core.InputSignalWithTransform<boolean, unknown>;
14
+ /**
15
+ * Display gaugue in circular
16
+ */
8
17
  readonly circular: _angular_core.InputSignalWithTransform<boolean, unknown>;
18
+ /**
19
+ * Animate the gauge component
20
+ */
9
21
  readonly animated: _angular_core.InputSignalWithTransform<boolean, unknown>;
22
+ /**
23
+ * Disabled alt display (overrides alt value)
24
+ */
10
25
  readonly noAlt: _angular_core.InputSignalWithTransform<boolean, unknown>;
26
+ /**
27
+ * Which palette should be used for the entire gauge.
28
+ * Defaults to none (inherits parent palette)
29
+ */
11
30
  readonly palette: _angular_core.InputSignal<Palette>;
31
+ /**
32
+ * Defines the text alt attribute used for accessibility
33
+ */
12
34
  readonly alt: _angular_core.InputSignal<string>;
35
+ /**
36
+ * Which size should the gauge be? widht & height
37
+ */
13
38
  readonly size: _angular_core.InputSignalWithTransform<number, unknown>;
14
39
  readonly thickness: _angular_core.Signal<4 | 8>;
15
40
  readonly perimeter: _angular_core.Signal<number>;
@@ -33,7 +33,7 @@ declare class GridComponent {
33
33
  readonly gap: _angular_core.InputSignal<`${number}${string}`>;
34
34
  readonly columnGap: _angular_core.InputSignal<`${number}${string}`>;
35
35
  readonly rowGap: _angular_core.InputSignal<`${number}${string}`>;
36
- protected gridStyle: _angular_core.Signal<{
36
+ protected readonly gridStyle: _angular_core.Signal<{
37
37
  '--grid-columns': number;
38
38
  '--grid-gap': string;
39
39
  '--grid-column-gap': string;
@@ -3,32 +3,53 @@ import { PortalContent } from '@lucca-front/ng/core';
3
3
 
4
4
  declare class HighlightDataComponent {
5
5
  #private;
6
- heading: _angular_core.InputSignal<PortalContent>;
7
- value: _angular_core.InputSignal<PortalContent>;
8
- subText: _angular_core.InputSignal<PortalContent>;
9
- bubble: _angular_core.InputSignal<number>;
10
- bubbleSrc: _angular_core.Signal<string>;
11
- theme: _angular_core.InputSignal<"dark" | "light" | "white">;
6
+ /**
7
+ * The title of the highlight date
8
+ */
9
+ readonly heading: _angular_core.InputSignal<PortalContent>;
10
+ /**
11
+ * The content of the highlight date
12
+ */
13
+ readonly value: _angular_core.InputSignal<PortalContent>;
14
+ /**
15
+ * Add text below the content
16
+ */
17
+ readonly subText: _angular_core.InputSignal<PortalContent>;
18
+ /**
19
+ * Define a bubble style based on the CDN image bubble number
20
+ */
21
+ readonly bubble: _angular_core.InputSignal<number>;
22
+ /**
23
+ * Define a specific them white light or dark. (White by default)
24
+ */
25
+ readonly theme: _angular_core.InputSignal<"white" | "light" | "dark">;
12
26
  /**
13
27
  * Apply product name to illustration URL and CSS component palette
14
28
  * This specific palette must be set up on config.scss
15
29
  */
16
- palette: _angular_core.InputSignal<string>;
17
- bubbleTheme: _angular_core.Signal<"dark" | "light">;
18
- get lightClass(): boolean;
19
- get darkClass(): boolean;
30
+ readonly palette: _angular_core.InputSignal<string>;
20
31
  /**
21
32
  * Main illustration
22
33
  * An URL can be apply for custom images
23
34
  */
24
- illustration: _angular_core.InputSignal<string>;
25
- illustrationSrc: _angular_core.Signal<string>;
26
- size: _angular_core.InputSignal<"XS" | "S" | "M">;
35
+ readonly illustration: _angular_core.InputSignal<string>;
36
+ /**
37
+ * Which size should the highlight data be? XS to medium
38
+ */
39
+ readonly size: _angular_core.InputSignal<"XS" | "S" | "M">;
27
40
  /**
28
41
  * Adjust layout to text value
29
42
  */
30
- valueFirst: _angular_core.InputSignalWithTransform<boolean, unknown>;
31
- nested: _angular_core.InputSignalWithTransform<boolean, unknown>;
43
+ readonly valueFirst: _angular_core.InputSignalWithTransform<boolean, unknown>;
44
+ /**
45
+ * Displayed in nested mode
46
+ */
47
+ readonly nested: _angular_core.InputSignalWithTransform<boolean, unknown>;
48
+ get lightClass(): boolean;
49
+ get darkClass(): boolean;
50
+ readonly illustrationSrc: _angular_core.Signal<string>;
51
+ readonly bubbleSrc: _angular_core.Signal<string>;
52
+ readonly bubbleTheme: _angular_core.Signal<"light" | "dark">;
32
53
  constructor();
33
54
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<HighlightDataComponent, never>;
34
55
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<HighlightDataComponent, "lu-highlight-data", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "subText": { "alias": "subText"; "required": false; "isSignal": true; }; "bubble": { "alias": "bubble"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "illustration": { "alias": "illustration"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "valueFirst": { "alias": "valueFirst"; "required": false; "isSignal": true; }; "nested": { "alias": "nested"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -12,6 +12,9 @@ declare class HorizontalNavigationComponent {
12
12
  readonly noBorder: _angular_core.InputSignalWithTransform<boolean, unknown>;
13
13
  readonly container: _angular_core.InputSignalWithTransform<boolean, unknown>;
14
14
  readonly vertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
15
+ /**
16
+ * Which size should the horizontal navigation be? Defaults and small
17
+ */
15
18
  readonly size: _angular_core.InputSignal<"S">;
16
19
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<HorizontalNavigationComponent, never>;
17
20
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<HorizontalNavigationComponent, "lu-horizontal-navigation", never, { "noBorder": { "alias": "noBorder"; "required": false; "isSignal": true; }; "container": { "alias": "container"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["links"], never, true, never>;
@@ -2,10 +2,25 @@ import * as _angular_core from '@angular/core';
2
2
  import { LuccaIcon } from '@lucca-front/icons';
3
3
 
4
4
  declare class IconComponent {
5
+ /**
6
+ * Defines icon to display
7
+ */
5
8
  readonly icon: _angular_core.InputSignal<LuccaIcon>;
9
+ /**
10
+ * Information conveyed by the screen reader
11
+ */
6
12
  readonly alt: _angular_core.InputSignal<string>;
13
+ /**
14
+ * Which size should the icon be? XXS to XXL
15
+ */
7
16
  readonly size: _angular_core.InputSignal<"XXS" | "XS" | "S" | "M" | "L" | "XL" | "XXL">;
17
+ /**
18
+ * Changes the color of the icon (inherit by default)
19
+ */
8
20
  readonly color: _angular_core.InputSignal<"error" | "success" | "warning" | "primary" | "secondary" | "product" | "light" | "placeholder" | "inherit">;
21
+ /**
22
+ * Display icon in AI mode
23
+ */
9
24
  readonly AI: _angular_core.InputSignalWithTransform<boolean, unknown>;
10
25
  readonly iconClasses: _angular_core.Signal<{
11
26
  [x: string]: boolean;
@@ -5,9 +5,21 @@ type InlineMessageState = 'success' | 'warning' | 'error' | 'default';
5
5
 
6
6
  declare class InlineMessageComponent {
7
7
  #private;
8
+ /**
9
+ * The title of the inline message
10
+ */
8
11
  readonly label: _angular_core.InputSignal<PortalContent>;
12
+ /**
13
+ * Inline message state
14
+ */
9
15
  readonly state: _angular_core.InputSignal<InlineMessageState>;
16
+ /**
17
+ * Which size should the inline message be? Default, medium or small
18
+ */
10
19
  readonly size: _angular_core.InputSignal<"S" | "M">;
20
+ /**
21
+ * Defines whether a tooltip is used in the inline message component
22
+ */
11
23
  readonly withTooltip: _angular_core.InputSignalWithTransform<boolean, unknown>;
12
24
  constructor();
13
25
  isStringPortalContent(message: PortalContent): message is string;
@@ -20,10 +20,25 @@ declare class LinkComponent {
20
20
  intl: LinkTranslate;
21
21
  routerLink: LuRouterLink;
22
22
  router: Router;
23
+ /**
24
+ * Target page address. Use only for external links or pages not recognized by the router.
25
+ */
23
26
  readonly luHref: _angular_core.InputSignal<string>;
27
+ /**
28
+ * Target page address
29
+ */
24
30
  readonly routerLinkCommands: _angular_core.InputSignal<string | readonly any[] | _angular_router.UrlTree>;
31
+ /**
32
+ * Disables the link
33
+ */
25
34
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
35
+ /**
36
+ * Underlines the link only on hover
37
+ */
26
38
  readonly decorationHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
39
+ /**
40
+ * Indicates that the link will open in a new tab
41
+ */
27
42
  readonly external: _angular_core.InputSignalWithTransform<boolean, unknown>;
28
43
  hrefBackup: string;
29
44
  constructor();