@lucca-front/ng 21.1.3 → 21.2.0-rc.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 (103) hide show
  1. package/fesm2022/lucca-front-ng-a11y.mjs +2 -2
  2. package/fesm2022/lucca-front-ng-a11y.mjs.map +1 -1
  3. package/fesm2022/lucca-front-ng-activity-feed.mjs +117 -0
  4. package/fesm2022/lucca-front-ng-activity-feed.mjs.map +1 -0
  5. package/fesm2022/lucca-front-ng-app-layout.mjs +2 -2
  6. package/fesm2022/lucca-front-ng-app-layout.mjs.map +1 -1
  7. package/fesm2022/lucca-front-ng-breadcrumbs.mjs +2 -2
  8. package/fesm2022/lucca-front-ng-breadcrumbs.mjs.map +1 -1
  9. package/fesm2022/lucca-front-ng-callout.mjs +2 -2
  10. package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
  11. package/fesm2022/lucca-front-ng-color.mjs +2 -2
  12. package/fesm2022/lucca-front-ng-color.mjs.map +1 -1
  13. package/fesm2022/lucca-front-ng-comment.mjs +12 -11
  14. package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
  15. package/fesm2022/lucca-front-ng-core-select.mjs +2 -5
  16. package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
  17. package/fesm2022/lucca-front-ng-date2.mjs +6 -6
  18. package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
  19. package/fesm2022/lucca-front-ng-dialog.mjs +13 -7
  20. package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
  21. package/fesm2022/lucca-front-ng-divider.mjs +2 -2
  22. package/fesm2022/lucca-front-ng-divider.mjs.map +1 -1
  23. package/fesm2022/lucca-front-ng-dropdown.mjs +4 -4
  24. package/fesm2022/lucca-front-ng-empty-state.mjs +33 -8
  25. package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
  26. package/fesm2022/lucca-front-ng-file-upload.mjs +25 -19
  27. package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
  28. package/fesm2022/lucca-front-ng-filter-pills.mjs +4 -4
  29. package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
  30. package/fesm2022/lucca-front-ng-footer.mjs +2 -2
  31. package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
  32. package/fesm2022/lucca-front-ng-form-field.mjs +4 -4
  33. package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
  34. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +2 -2
  35. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs.map +1 -1
  36. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +67 -166
  37. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
  38. package/fesm2022/lucca-front-ng-forms.mjs +18 -18
  39. package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
  40. package/fesm2022/lucca-front-ng-gauge.mjs +2 -2
  41. package/fesm2022/lucca-front-ng-gauge.mjs.map +1 -1
  42. package/fesm2022/lucca-front-ng-highlight-data.mjs.map +1 -1
  43. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +2 -2
  44. package/fesm2022/lucca-front-ng-index-table.mjs +2 -2
  45. package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -1
  46. package/fesm2022/lucca-front-ng-link.mjs +2 -2
  47. package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
  48. package/fesm2022/lucca-front-ng-listing.mjs +13 -8
  49. package/fesm2022/lucca-front-ng-listing.mjs.map +1 -1
  50. package/fesm2022/lucca-front-ng-modal.mjs +1 -1
  51. package/fesm2022/lucca-front-ng-modal.mjs.map +1 -1
  52. package/fesm2022/lucca-front-ng-multi-select.mjs +10 -20
  53. package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
  54. package/fesm2022/lucca-front-ng-page-header.mjs +2 -2
  55. package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
  56. package/fesm2022/lucca-front-ng-plg-push.mjs +2 -2
  57. package/fesm2022/lucca-front-ng-plg-push.mjs.map +1 -1
  58. package/fesm2022/lucca-front-ng-popover2.mjs +2 -2
  59. package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
  60. package/fesm2022/lucca-front-ng-read-more.mjs +2 -2
  61. package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
  62. package/fesm2022/lucca-front-ng-resource-card.mjs +2 -2
  63. package/fesm2022/lucca-front-ng-resource-card.mjs.map +1 -1
  64. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +2 -2
  65. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs.map +1 -1
  66. package/fesm2022/lucca-front-ng-segmented-control.mjs +2 -2
  67. package/fesm2022/lucca-front-ng-segmented-control.mjs.map +1 -1
  68. package/fesm2022/lucca-front-ng-simple-select.mjs +4 -5
  69. package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
  70. package/fesm2022/lucca-front-ng-skeleton.mjs +10 -10
  71. package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
  72. package/fesm2022/lucca-front-ng-time.mjs +4 -4
  73. package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
  74. package/fesm2022/lucca-front-ng-toast.mjs +2 -2
  75. package/fesm2022/lucca-front-ng-toast.mjs.map +1 -1
  76. package/fesm2022/lucca-front-ng-tooltip.mjs +162 -129
  77. package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
  78. package/package.json +18 -14
  79. package/schematics/lib/component-mapper.js +1 -1
  80. package/schematics/lib/css-mapper.js +1 -1
  81. package/schematics/lu-button/index.js +1 -1
  82. package/schematics/lu-container/index.js +1 -1
  83. package/schematics/lu-icon/index.js +1 -1
  84. package/schematics/lu-loading/index.js +1 -1
  85. package/schematics/lu-select/index.js +1 -1
  86. package/schematics/lu-text-input/index.js +1 -1
  87. package/schematics/new-icons/index.js +1 -1
  88. package/src/_definitions.scss +1 -2
  89. package/src/components/cdk/_dragDrop.scss +0 -1
  90. package/src/components/cdk/_global.scss +11 -11
  91. package/src/components/cdk/_misc.scss +1 -2
  92. package/src/components/cdk/_overlay.scss +2 -2
  93. package/src/components/cdk/_textarea.scss +0 -1
  94. package/src/definitions/option/_option-item.scss +4 -2
  95. package/src/definitions/select/_select-input.scss +1 -1
  96. package/types/lucca-front-ng-activity-feed.d.ts +38 -0
  97. package/types/lucca-front-ng-comment.d.ts +2 -1
  98. package/types/lucca-front-ng-dialog.d.ts +4 -3
  99. package/types/lucca-front-ng-empty-state.d.ts +15 -2
  100. package/types/lucca-front-ng-file-upload.d.ts +2 -2
  101. package/types/lucca-front-ng-forms-rich-text-input.d.ts +14 -69
  102. package/types/lucca-front-ng-listing.d.ts +7 -2
  103. package/types/lucca-front-ng-tooltip.d.ts +17 -9
@@ -1,10 +1,10 @@
1
1
  import * as _angular_core from '@angular/core';
2
- import { InjectionToken, Signal, WritableSignal, OnInit, OnDestroy, ElementRef, ViewContainerRef, TemplateRef } from '@angular/core';
2
+ import { InjectionToken, Signal, WritableSignal, OnInit, OnDestroy, ElementRef, ViewContainerRef, TemplateRef, AfterViewInit } from '@angular/core';
3
3
  import * as lexical from 'lexical';
4
- import { LexicalEditor, Klass, LexicalNode, LexicalNodeReplacement, NodeKey, EditorConfig, DOMExportOutput, DecoratorNode, DOMConversionMap, Spread, SerializedLexicalNode, LexicalUpdateJSON, TextFormatType } from 'lexical';
4
+ import { LexicalEditor, Klass, LexicalNode, LexicalNodeReplacement, DOMExportOutput, DecoratorNode, NodeKey, EditorConfig, DOMConversionMap, Spread, SerializedLexicalNode, LexicalUpdateJSON, TextFormatType } from 'lexical';
5
5
  import { ControlValueAccessor, FormControl } from '@angular/forms';
6
6
  import { LuSimpleSelectInputComponent } from '@lucca-front/ng/simple-select';
7
- import { LinkNode, LinkAttributes, SerializedLinkNode, AutoLinkNode, SerializedAutoLinkNode } from '@lexical/link';
7
+ import { LinkNode } from '@lexical/link';
8
8
  import { LuccaIcon } from '@lucca-front/icons';
9
9
 
10
10
  type UnregisterFn = () => void;
@@ -113,83 +113,29 @@ declare class HeadingsComponent implements OnDestroy, RichTextPluginComponent {
113
113
 
114
114
  declare class PopoverLinkNode extends LinkNode {
115
115
  #private;
116
- setViewContainerRef(vcr: ViewContainerRef): this;
117
- getViewContainerRef(): ViewContainerRef;
118
- setTemplateRef(vcr: TemplateRef<{
119
- href?: string;
120
- title?: string;
121
- target?: string;
122
- }>): this;
123
- getTemplateRef(): TemplateRef<{
124
- href?: string;
125
- title?: string;
126
- target?: string;
127
- }>;
116
+ static setViewContainerRef(vcr: ViewContainerRef): void;
117
+ static setTemplateRef(vcr: TemplateRef<unknown>): void;
128
118
  static getType(): string;
129
- constructor(url?: string, attributes?: LinkAttributes & {
130
- viewContainerRef: ViewContainerRef;
131
- templateRef: TemplateRef<{
132
- href?: string;
133
- title?: string;
134
- target?: string;
135
- }>;
136
- }, key?: NodeKey);
137
- createDOM(config: EditorConfig): HTMLElement;
138
- updateDOM(prevNode: this): boolean;
119
+ createDOM(): HTMLElement;
139
120
  exportDOM(editor: LexicalEditor): DOMExportOutput;
140
- remove(preserveEmptyParent?: boolean): void;
141
- static importJSON(serializedNode: SerializedLinkNode): PopoverLinkNode;
142
121
  static clone(node: PopoverLinkNode): PopoverLinkNode;
143
122
  }
144
123
 
145
- declare class PopoverAutoLinkNode extends AutoLinkNode {
146
- #private;
147
- setViewContainerRef(vcr: ViewContainerRef): this;
148
- getViewContainerRef(): ViewContainerRef;
149
- setTemplateRef(vcr: TemplateRef<{
150
- href?: string;
151
- title?: string;
152
- target?: string;
153
- }>): this;
154
- getTemplateRef(): TemplateRef<{
155
- href?: string;
156
- title?: string;
157
- target?: string;
158
- }>;
159
- static getType(): string;
160
- constructor(url?: string, attributes?: LinkAttributes & {
161
- viewContainerRef: ViewContainerRef;
162
- templateRef: TemplateRef<{
163
- href?: string;
164
- title?: string;
165
- target?: string;
166
- }>;
167
- }, key?: NodeKey);
168
- createDOM(config: EditorConfig): HTMLElement;
169
- updateDOM(prevNode: this): boolean;
170
- exportDOM(editor: LexicalEditor): DOMExportOutput;
171
- remove(preserveEmptyParent?: boolean): void;
172
- static importJSON(serializedNode: SerializedAutoLinkNode): PopoverAutoLinkNode;
173
- static clone(node: PopoverAutoLinkNode): PopoverAutoLinkNode;
174
- }
175
-
176
- declare class LinkComponent implements OnDestroy, RichTextPluginComponent {
124
+ declare class LinkComponent implements OnDestroy, AfterViewInit, RichTextPluginComponent {
177
125
  #private;
178
126
  readonly linkNodeTemplate: _angular_core.Signal<TemplateRef<any>>;
179
127
  readonly element: _angular_core.Signal<ElementRef<any>>;
180
128
  readonly tabindex: _angular_core.WritableSignal<number>;
181
129
  readonly active: _angular_core.WritableSignal<boolean>;
182
130
  readonly isDisabled: _angular_core.WritableSignal<boolean>;
183
- readonly intl: _angular_core.InputSignalWithTransform<ILuRichTextInputLabel, Partial<ILuRichTextInputLabel>>;
131
+ intl: _angular_core.InputSignalWithTransform<ILuRichTextInputLabel, Partial<ILuRichTextInputLabel>>;
132
+ constructor();
133
+ ngAfterViewInit(): void;
184
134
  setEditorInstance(editor: LexicalEditor): void;
185
- getLexicalNodes(): (typeof PopoverLinkNode | typeof PopoverAutoLinkNode | {
135
+ getLexicalNodes(): (typeof PopoverLinkNode | {
186
136
  replace: typeof LinkNode;
187
137
  with: (node: LinkNode) => PopoverLinkNode;
188
138
  withKlass: typeof PopoverLinkNode;
189
- } | {
190
- replace: typeof AutoLinkNode;
191
- with: (node: AutoLinkNode) => PopoverAutoLinkNode;
192
- withKlass: typeof PopoverAutoLinkNode;
193
139
  })[];
194
140
  ngOnDestroy(): void;
195
141
  dispatchCommand(): void;
@@ -244,9 +190,8 @@ type SerializedTagNode = Spread<{
244
190
  }, SerializedLexicalNode>;
245
191
  declare class TagNode extends DecoratorNode<string> {
246
192
  #private;
247
- setViewContainerRef(vcr: ViewContainerRef): this;
248
- getViewContainerRef(): ViewContainerRef;
249
- constructor(tagKey?: string, viewContainerRef?: ViewContainerRef, tagDescription?: string, disabled?: boolean, key?: NodeKey);
193
+ static setViewContainerRef(vcr: ViewContainerRef): void;
194
+ constructor(tagKey?: string, tagDescription?: string, disabled?: boolean, key?: NodeKey);
250
195
  isDisabled(): boolean;
251
196
  setDisabled(disabled: boolean): this;
252
197
  getTagKey(): string;
@@ -269,7 +214,7 @@ declare class TagNode extends DecoratorNode<string> {
269
214
  exportJSON(): SerializedTagNode;
270
215
  getTextContent(): string;
271
216
  }
272
- declare function $createTagNode(key?: string, viewContainerRef?: ViewContainerRef, description?: string): TagNode;
217
+ declare function $createTagNode(key?: string, description?: string): TagNode;
273
218
  declare function $isTagNode(node: LexicalNode | null | undefined): node is TagNode;
274
219
 
275
220
  declare class TextStyleComponent implements OnDestroy, RichTextPluginComponent {
@@ -9,8 +9,9 @@ declare class ListingItemComponent {
9
9
  * Adds an icon to the listing item
10
10
  */
11
11
  readonly icon: _angular_core.InputSignal<LuccaIcon>;
12
+ readonly critical: _angular_core.InputSignalWithTransform<boolean, unknown>;
12
13
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListingItemComponent, never>;
13
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListingItemComponent, "lu-listing-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
14
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListingItemComponent, "lu-listing-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "critical": { "alias": "critical"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
14
15
  }
15
16
 
16
17
  declare class ListingComponent {
@@ -18,6 +19,10 @@ declare class ListingComponent {
18
19
  * Create HTMLOListElement
19
20
  */
20
21
  readonly ordered: _angular_core.InputSignalWithTransform<boolean, unknown>;
22
+ /**
23
+ * Create HTMLOListElement with fancy numbers
24
+ */
25
+ readonly orderedFancy: _angular_core.InputSignalWithTransform<boolean, unknown>;
21
26
  /**
22
27
  * Applies checklist mod to the listing
23
28
  */
@@ -55,7 +60,7 @@ declare class ListingComponent {
55
60
  [x: string]: boolean;
56
61
  }>;
57
62
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListingComponent, never>;
58
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListingComponent, "lu-listing", never, { "ordered": { "alias": "ordered"; "required": false; "isSignal": true; }; "checklist": { "alias": "checklist"; "required": false; "isSignal": true; }; "icons": { "alias": "icons"; "required": false; "isSignal": true; }; "defaultIcon": { "alias": "defaultIcon"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "start": { "alias": "start"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; "reversed": { "alias": "reversed"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
63
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListingComponent, "lu-listing", never, { "ordered": { "alias": "ordered"; "required": false; "isSignal": true; }; "orderedFancy": { "alias": "orderedFancy"; "required": false; "isSignal": true; }; "checklist": { "alias": "checklist"; "required": false; "isSignal": true; }; "icons": { "alias": "icons"; "required": false; "isSignal": true; }; "defaultIcon": { "alias": "defaultIcon"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "start": { "alias": "start"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; "reversed": { "alias": "reversed"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
59
64
  }
60
65
 
61
66
  export { ListingComponent, ListingItemComponent };
@@ -1,10 +1,10 @@
1
1
  import { AnimationTriggerMetadata } from '@angular/animations';
2
2
  import * as _angular_core from '@angular/core';
3
- import { DestroyRef, OnDestroy } from '@angular/core';
3
+ import { DestroyRef, OnDestroy, AfterContentChecked } from '@angular/core';
4
4
  import * as i2 from '@angular/cdk/overlay';
5
5
  import { HorizontalConnectionPos, VerticalConnectionPos, FlexibleConnectedPositionStrategyOrigin, OverlayRef } from '@angular/cdk/overlay';
6
6
  import { SafeHtml } from '@angular/platform-browser';
7
- import { Subject } from 'rxjs';
7
+ import { Subject, Observable } from 'rxjs';
8
8
  import { LuPopoverPosition } from '@lucca-front/ng/popover';
9
9
 
10
10
  declare const luTransformTooltip: AnimationTriggerMetadata;
@@ -14,13 +14,14 @@ declare class LuTooltipPanelComponent {
14
14
  readonly mouseEnter$: Subject<void>;
15
15
  readonly mouseLeave$: Subject<void>;
16
16
  readonly content: _angular_core.WritableSignal<string | SafeHtml>;
17
+ readonly id: _angular_core.WritableSignal<string>;
17
18
  readonly contentPositionClasses: _angular_core.WritableSignal<Record<string, boolean>>;
18
19
  setPanelPosition(posX: HorizontalConnectionPos, posY: VerticalConnectionPos): void;
19
20
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuTooltipPanelComponent, never>;
20
21
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<LuTooltipPanelComponent, "lu-tooltip-panel", never, {}, {}, never, never, true, never>;
21
22
  }
22
23
 
23
- declare class LuTooltipTriggerDirective implements OnDestroy {
24
+ declare class LuTooltipTriggerDirective implements OnDestroy, AfterContentChecked {
24
25
  #private;
25
26
  readonly luTooltipInput: _angular_core.InputSignal<string | SafeHtml>;
26
27
  readonly luTooltip: _angular_core.WritableSignal<string | SafeHtml>;
@@ -33,23 +34,30 @@ declare class LuTooltipTriggerDirective implements OnDestroy {
33
34
  readonly luTooltipWhenEllipsis: _angular_core.WritableSignal<boolean>;
34
35
  readonly luTooltipAnchor: _angular_core.InputSignal<FlexibleConnectedPositionStrategyOrigin>;
35
36
  readonly id: _angular_core.InputSignal<string>;
36
- readonly ariaDescribedBy: _angular_core.Signal<string>;
37
- overlayRef?: OverlayRef;
38
- constructor();
37
+ readonly resize$: Observable<void>;
39
38
  onMouseEnter(): void;
40
39
  onMouseLeave(): void;
41
40
  onFocus(): void;
42
41
  onBlur(): void;
43
- requestOpen(): void;
44
- requestClose(): void;
42
+ readonly ariaDescribedBy: _angular_core.Signal<string>;
43
+ overlayRef?: OverlayRef;
44
+ constructor();
45
+ ngAfterContentChecked(): void;
45
46
  ngOnDestroy(): void;
46
- private prepareOverlay;
47
47
  private openTooltip;
48
48
  private closeTooltip;
49
49
  private setAccessibilityProperties;
50
+ private runOutsideZoneJS;
51
+ /**********************
52
+ *
53
+ * LEGACY STUFF TO HANDLE EXISTING POSITIONS
54
+ *
55
+ ***********************/
50
56
  private legacyPositionBuilder;
51
57
  private invertVerticalPos;
52
58
  private invertHorizontalPos;
59
+ requestClose(): void;
60
+ requestOpen(): void;
53
61
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuTooltipTriggerDirective, never>;
54
62
  static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuTooltipTriggerDirective, "[luTooltip]", ["luTooltip"], { "luTooltipInput": { "alias": "luTooltip"; "required": false; "isSignal": true; }; "luTooltipEnterDelay": { "alias": "luTooltipEnterDelay"; "required": false; "isSignal": true; }; "luTooltipLeaveDelay": { "alias": "luTooltipLeaveDelay"; "required": false; "isSignal": true; }; "luTooltipDisabled": { "alias": "luTooltipDisabled"; "required": false; "isSignal": true; }; "luTooltipOnlyForDisplay": { "alias": "luTooltipOnlyForDisplay"; "required": false; "isSignal": true; }; "luTooltipPosition": { "alias": "luTooltipPosition"; "required": false; "isSignal": true; }; "luTooltipWhenEllipsisInput": { "alias": "luTooltipWhenEllipsis"; "required": false; "isSignal": true; }; "luTooltipAnchor": { "alias": "luTooltipAnchor"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
55
63
  }