@fundamental-ngx/core 0.59.1-rc.8 → 0.59.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (131) hide show
  1. package/fesm2022/fundamental-ngx-core-avatar-group-legacy.mjs +33 -50
  2. package/fesm2022/fundamental-ngx-core-avatar-group-legacy.mjs.map +1 -1
  3. package/fesm2022/fundamental-ngx-core-avatar-group.mjs +9 -11
  4. package/fesm2022/fundamental-ngx-core-avatar-group.mjs.map +1 -1
  5. package/fesm2022/fundamental-ngx-core-avatar.mjs +206 -293
  6. package/fesm2022/fundamental-ngx-core-avatar.mjs.map +1 -1
  7. package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +25 -12
  8. package/fesm2022/fundamental-ngx-core-breadcrumb.mjs.map +1 -1
  9. package/fesm2022/fundamental-ngx-core-calendar.mjs +11 -14
  10. package/fesm2022/fundamental-ngx-core-calendar.mjs.map +1 -1
  11. package/fesm2022/fundamental-ngx-core-card.mjs +13 -26
  12. package/fesm2022/fundamental-ngx-core-card.mjs.map +1 -1
  13. package/fesm2022/fundamental-ngx-core-carousel.mjs +11 -11
  14. package/fesm2022/fundamental-ngx-core-carousel.mjs.map +1 -1
  15. package/fesm2022/fundamental-ngx-core-combobox.mjs +33 -7
  16. package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
  17. package/fesm2022/fundamental-ngx-core-dialog.mjs +13 -17
  18. package/fesm2022/fundamental-ngx-core-dialog.mjs.map +1 -1
  19. package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +32 -24
  20. package/fesm2022/fundamental-ngx-core-dynamic-page.mjs.map +1 -1
  21. package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs +28 -30
  22. package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs.map +1 -1
  23. package/fesm2022/fundamental-ngx-core-grid-list.mjs +12 -10
  24. package/fesm2022/fundamental-ngx-core-grid-list.mjs.map +1 -1
  25. package/fesm2022/fundamental-ngx-core-illustrated-message.mjs +202 -100
  26. package/fesm2022/fundamental-ngx-core-illustrated-message.mjs.map +1 -1
  27. package/fesm2022/fundamental-ngx-core-layout-panel.mjs +72 -231
  28. package/fesm2022/fundamental-ngx-core-layout-panel.mjs.map +1 -1
  29. package/fesm2022/fundamental-ngx-core-list.mjs +12 -12
  30. package/fesm2022/fundamental-ngx-core-list.mjs.map +1 -1
  31. package/fesm2022/fundamental-ngx-core-menu.mjs +28 -28
  32. package/fesm2022/fundamental-ngx-core-menu.mjs.map +1 -1
  33. package/fesm2022/fundamental-ngx-core-message-strip.mjs +85 -84
  34. package/fesm2022/fundamental-ngx-core-message-strip.mjs.map +1 -1
  35. package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs +21 -24
  36. package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs.map +1 -1
  37. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +19 -12
  38. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
  39. package/fesm2022/fundamental-ngx-core-multi-input.mjs +46 -39
  40. package/fesm2022/fundamental-ngx-core-multi-input.mjs.map +1 -1
  41. package/fesm2022/fundamental-ngx-core-nested-list.mjs +66 -103
  42. package/fesm2022/fundamental-ngx-core-nested-list.mjs.map +1 -1
  43. package/fesm2022/fundamental-ngx-core-notification.mjs +63 -27
  44. package/fesm2022/fundamental-ngx-core-notification.mjs.map +1 -1
  45. package/fesm2022/fundamental-ngx-core-object-marker.mjs +69 -59
  46. package/fesm2022/fundamental-ngx-core-object-marker.mjs.map +1 -1
  47. package/fesm2022/fundamental-ngx-core-object-status.mjs +92 -118
  48. package/fesm2022/fundamental-ngx-core-object-status.mjs.map +1 -1
  49. package/fesm2022/fundamental-ngx-core-overflow-layout.mjs +27 -29
  50. package/fesm2022/fundamental-ngx-core-overflow-layout.mjs.map +1 -1
  51. package/fesm2022/fundamental-ngx-core-pagination.mjs +17 -18
  52. package/fesm2022/fundamental-ngx-core-pagination.mjs.map +1 -1
  53. package/fesm2022/fundamental-ngx-core-panel.mjs +7 -9
  54. package/fesm2022/fundamental-ngx-core-panel.mjs.map +1 -1
  55. package/fesm2022/fundamental-ngx-core-popover.mjs +10 -15
  56. package/fesm2022/fundamental-ngx-core-popover.mjs.map +1 -1
  57. package/fesm2022/fundamental-ngx-core-product-switch.mjs +12 -15
  58. package/fesm2022/fundamental-ngx-core-product-switch.mjs.map +1 -1
  59. package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs +18 -20
  60. package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs.map +1 -1
  61. package/fesm2022/fundamental-ngx-core-segmented-button.mjs +8 -11
  62. package/fesm2022/fundamental-ngx-core-segmented-button.mjs.map +1 -1
  63. package/fesm2022/fundamental-ngx-core-select.mjs +6 -8
  64. package/fesm2022/fundamental-ngx-core-select.mjs.map +1 -1
  65. package/fesm2022/fundamental-ngx-core-settings.mjs +9 -12
  66. package/fesm2022/fundamental-ngx-core-settings.mjs.map +1 -1
  67. package/fesm2022/fundamental-ngx-core-shellbar.mjs +48 -34
  68. package/fesm2022/fundamental-ngx-core-shellbar.mjs.map +1 -1
  69. package/fesm2022/fundamental-ngx-core-slider.mjs +30 -31
  70. package/fesm2022/fundamental-ngx-core-slider.mjs.map +1 -1
  71. package/fesm2022/fundamental-ngx-core-status-indicator.mjs +137 -131
  72. package/fesm2022/fundamental-ngx-core-status-indicator.mjs.map +1 -1
  73. package/fesm2022/fundamental-ngx-core-tabs.mjs +21 -17
  74. package/fesm2022/fundamental-ngx-core-tabs.mjs.map +1 -1
  75. package/fesm2022/fundamental-ngx-core-tile.mjs +375 -631
  76. package/fesm2022/fundamental-ngx-core-tile.mjs.map +1 -1
  77. package/fesm2022/fundamental-ngx-core-time.mjs +7 -9
  78. package/fesm2022/fundamental-ngx-core-time.mjs.map +1 -1
  79. package/fesm2022/fundamental-ngx-core-token.mjs +11 -13
  80. package/fesm2022/fundamental-ngx-core-token.mjs.map +1 -1
  81. package/fesm2022/fundamental-ngx-core-toolbar.mjs +2 -2
  82. package/fesm2022/fundamental-ngx-core-toolbar.mjs.map +1 -1
  83. package/fesm2022/fundamental-ngx-core-tree.mjs +2 -2
  84. package/fesm2022/fundamental-ngx-core-tree.mjs.map +1 -1
  85. package/fesm2022/fundamental-ngx-core-user-menu.mjs +63 -21
  86. package/fesm2022/fundamental-ngx-core-user-menu.mjs.map +1 -1
  87. package/fesm2022/fundamental-ngx-core-wizard.mjs +1 -1
  88. package/fesm2022/fundamental-ngx-core-wizard.mjs.map +1 -1
  89. package/package.json +4 -4
  90. package/types/fundamental-ngx-core-avatar-group-legacy.d.ts +15 -17
  91. package/types/fundamental-ngx-core-avatar-group.d.ts +1 -1
  92. package/types/fundamental-ngx-core-avatar.d.ts +66 -86
  93. package/types/fundamental-ngx-core-breadcrumb.d.ts +13 -5
  94. package/types/fundamental-ngx-core-calendar.d.ts +3 -4
  95. package/types/fundamental-ngx-core-card.d.ts +4 -11
  96. package/types/fundamental-ngx-core-carousel.d.ts +3 -3
  97. package/types/fundamental-ngx-core-combobox.d.ts +8 -1
  98. package/types/fundamental-ngx-core-dialog.d.ts +2 -4
  99. package/types/fundamental-ngx-core-dynamic-page.d.ts +0 -6
  100. package/types/fundamental-ngx-core-fixed-card-layout.d.ts +7 -7
  101. package/types/fundamental-ngx-core-grid-list.d.ts +6 -4
  102. package/types/fundamental-ngx-core-illustrated-message.d.ts +165 -31
  103. package/types/fundamental-ngx-core-layout-panel.d.ts +19 -131
  104. package/types/fundamental-ngx-core-list.d.ts +8 -6
  105. package/types/fundamental-ngx-core-menu.d.ts +16 -13
  106. package/types/fundamental-ngx-core-message-strip.d.ts +5 -2
  107. package/types/fundamental-ngx-core-micro-process-flow.d.ts +8 -6
  108. package/types/fundamental-ngx-core-multi-combobox.d.ts +8 -5
  109. package/types/fundamental-ngx-core-multi-input.d.ts +24 -16
  110. package/types/fundamental-ngx-core-nested-list.d.ts +19 -33
  111. package/types/fundamental-ngx-core-notification.d.ts +42 -19
  112. package/types/fundamental-ngx-core-object-marker.d.ts +47 -27
  113. package/types/fundamental-ngx-core-object-status.d.ts +49 -48
  114. package/types/fundamental-ngx-core-overflow-layout.d.ts +10 -10
  115. package/types/fundamental-ngx-core-pagination.d.ts +7 -8
  116. package/types/fundamental-ngx-core-panel.d.ts +2 -4
  117. package/types/fundamental-ngx-core-popover.d.ts +7 -5
  118. package/types/fundamental-ngx-core-product-switch.d.ts +5 -4
  119. package/types/fundamental-ngx-core-resizable-card-layout.d.ts +10 -8
  120. package/types/fundamental-ngx-core-segmented-button.d.ts +5 -4
  121. package/types/fundamental-ngx-core-select.d.ts +4 -5
  122. package/types/fundamental-ngx-core-settings.d.ts +7 -10
  123. package/types/fundamental-ngx-core-shellbar.d.ts +23 -14
  124. package/types/fundamental-ngx-core-slider.d.ts +18 -13
  125. package/types/fundamental-ngx-core-status-indicator.d.ts +42 -58
  126. package/types/fundamental-ngx-core-tabs.d.ts +9 -7
  127. package/types/fundamental-ngx-core-tile.d.ts +114 -243
  128. package/types/fundamental-ngx-core-time.d.ts +5 -4
  129. package/types/fundamental-ngx-core-token.d.ts +5 -4
  130. package/types/fundamental-ngx-core-tree.d.ts +1 -1
  131. package/types/fundamental-ngx-core-user-menu.d.ts +25 -21
@@ -1,87 +1,221 @@
1
1
  import * as i0 from '@angular/core';
2
- import { AfterContentChecked, OnChanges, OnDestroy, OnInit, ElementRef, ChangeDetectorRef, SimpleChanges } from '@angular/core';
3
- import { SafeHtml, DomSanitizer } from '@angular/platform-browser';
4
- import { CssClassBuilder, RequireOnlyOne, Nullable } from '@fundamental-ngx/cdk/utils';
2
+ import { ElementRef } from '@angular/core';
3
+ import * as _angular_platform_browser from '@angular/platform-browser';
4
+ import { HasElementRef, RequireOnlyOne } from '@fundamental-ngx/cdk/utils';
5
5
 
6
+ /**
7
+ * Component representing the actions section of an illustrated message.
8
+ * Typically contains buttons or links for user actions.
9
+ */
6
10
  declare class IllustratedMessageActionsComponent {
7
11
  static ɵfac: i0.ɵɵFactoryDeclaration<IllustratedMessageActionsComponent, never>;
8
12
  static ɵcmp: i0.ɵɵComponentDeclaration<IllustratedMessageActionsComponent, "fd-illustrated-message-actions", never, {}, {}, never, ["*"], true, never>;
9
13
  }
10
14
 
15
+ /**
16
+ * Component representing the figcaption section of an illustrated message.
17
+ * Contains title and text content slots.
18
+ */
11
19
  declare class IllustratedMessageFigcaptionComponent {
12
20
  static ɵfac: i0.ɵɵFactoryDeclaration<IllustratedMessageFigcaptionComponent, never>;
13
21
  static ɵcmp: i0.ɵɵComponentDeclaration<IllustratedMessageFigcaptionComponent, "[fd-illustrated-message-figcaption]", never, {}, {}, never, ["[fd-illustrated-message-title]", "[fd-illustrated-message-text]"], true, never>;
14
22
  }
15
23
 
24
+ /**
25
+ * Directive for the text/description element within an illustrated message figcaption.
26
+ */
16
27
  declare class IllustratedMessageTextDirective {
17
- /** @hidden */
18
- fdIllustratedMessageTextClass: boolean;
19
28
  static ɵfac: i0.ɵɵFactoryDeclaration<IllustratedMessageTextDirective, never>;
20
29
  static ɵdir: i0.ɵɵDirectiveDeclaration<IllustratedMessageTextDirective, "[fd-illustrated-message-text]", never, {}, {}, never, never, true, never>;
21
30
  }
22
31
 
32
+ /**
33
+ * Directive for the title element within an illustrated message figcaption.
34
+ */
23
35
  declare class IllustratedMessageTitleDirective {
24
- /** @hidden */
25
- fdIllustratedMessageTitleClass: boolean;
26
36
  static ɵfac: i0.ɵɵFactoryDeclaration<IllustratedMessageTitleDirective, never>;
27
37
  static ɵdir: i0.ɵɵDirectiveDeclaration<IllustratedMessageTitleDirective, "[fd-illustrated-message-title]", never, {}, {}, never, never, true, never>;
28
38
  }
29
39
 
40
+ /**
41
+ * Configuration for an SVG item in the illustrated message.
42
+ */
30
43
  interface SvgItemConfig {
44
+ /** URL to the SVG sprite file */
31
45
  url: string;
46
+ /** ID of the symbol within the SVG sprite */
32
47
  id: string;
48
+ /** Inline SVG file content */
33
49
  file: string;
34
50
  }
51
+ /**
52
+ * Configuration for different SVG sizes in the illustrated message.
53
+ * Supports both modern (large, medium, small, xsmall) and legacy (scene, dialog, spot, dot) naming.
54
+ */
35
55
  interface SvgConfig {
56
+ /** Configuration for large/scene size (>= 682px) */
36
57
  large?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;
58
+ /** Configuration for medium/dialog size (361px - 681px) */
37
59
  medium?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;
60
+ /** Configuration for small/spot size (261px - 360px) */
38
61
  small?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;
62
+ /** Configuration for extra small/dot size (161px - 260px) */
39
63
  xsmall?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;
64
+ /** @deprecated Use 'large' instead */
40
65
  scene?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;
66
+ /** @deprecated Use 'medium' instead */
41
67
  dialog?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;
68
+ /** @deprecated Use 'small' instead */
42
69
  spot?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;
70
+ /** @deprecated Use 'xsmall' instead */
43
71
  dot?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;
44
72
  }
73
+ /**
74
+ * Type of illustrated message based on container width or explicit configuration.
75
+ * Modern types: large, medium, small, xsmall, base
76
+ * Legacy types: scene, dialog, spot, dot
77
+ */
45
78
  type IllustratedMessageType = 'large' | 'medium' | 'small' | 'xsmall' | 'base' | 'scene' | 'dialog' | 'spot' | 'dot';
79
+ /**
80
+ * Enumeration of illustrated message types with their string values.
81
+ */
46
82
  declare enum IllustratedMessageTypes {
47
83
  LARGE = "large",
48
84
  MEDIUM = "medium",
49
85
  SMALL = "small",
50
86
  EXTRA_SMALL = "xsmall",
51
87
  BASE = "base",
88
+ /** @deprecated Use LARGE instead */
52
89
  SCENE = "scene",
90
+ /** @deprecated Use MEDIUM instead */
53
91
  DIALOG = "dialog",
92
+ /** @deprecated Use SMALL instead */
54
93
  SPOT = "spot",
94
+ /** @deprecated Use EXTRA_SMALL instead */
55
95
  DOT = "dot"
56
96
  }
57
- declare class IllustratedMessageComponent implements AfterContentChecked, OnChanges, OnDestroy, OnInit, CssClassBuilder {
58
- readonly elementRef: ElementRef;
59
- private _cdRef;
60
- private _sanitizer;
61
- type: IllustratedMessageType;
62
- svgConfig: SvgConfig;
63
- svgAriaLabel: Nullable<string>;
64
- noSvg: boolean;
65
- id: string;
66
- class: string;
67
- _href: string;
68
- _isSmallScreen: boolean;
69
- _inlineSvg: SafeHtml | undefined;
70
- _tempType: IllustratedMessageType;
71
- private _subscriptions;
72
- constructor(elementRef: ElementRef, _cdRef: ChangeDetectorRef, _sanitizer: DomSanitizer);
73
- buildComponentCssClass(): string[];
74
- ngOnChanges(changes: SimpleChanges): void;
75
- ngOnInit(): void;
76
- ngAfterContentChecked(): void;
77
- ngOnDestroy(): void;
78
- private _constructHref;
79
- private _determineIllustratedMessageType;
97
+ /**
98
+ * Component representing an illustrated message with responsive SVG illustration.
99
+ *
100
+ * The component automatically adjusts its illustration size based on container width:
101
+ * - Large (>= 682px)
102
+ * - Medium (361px - 681px)
103
+ * - Small (261px - 360px)
104
+ * - Extra Small (161px - 260px)
105
+ * - Base (< 161px)
106
+ *
107
+ * Supports both URL-based SVG sprites and inline SVG content.
108
+ *
109
+ * @example
110
+ * ```html
111
+ * <div fd-illustrated-message [svgConfig]="svgConfig">
112
+ * <figcaption fd-illustrated-message-figcaption>
113
+ * <h3>No Data Available</h3>
114
+ * <p>Please check back later</p>
115
+ * </figcaption>
116
+ * </div>
117
+ * ```
118
+ */
119
+ declare class IllustratedMessageComponent implements HasElementRef {
120
+ /**
121
+ * Explicitly set the illustration type. If not provided, type is determined by container width.
122
+ */
123
+ readonly type: i0.InputSignal<IllustratedMessageType | undefined>;
124
+ /**
125
+ * Configuration for SVG illustrations at different sizes.
126
+ */
127
+ readonly svgConfig: i0.InputSignal<SvgConfig | undefined>;
128
+ /**
129
+ * Accessible label for the SVG illustration.
130
+ */
131
+ readonly svgAriaLabel: i0.InputSignal<string | null | undefined>;
132
+ /**
133
+ * When true, hides the SVG illustration entirely.
134
+ */
135
+ readonly noSvg: i0.InputSignalWithTransform<boolean, unknown>;
136
+ /**
137
+ * Unique identifier for the illustrated message component.
138
+ */
139
+ readonly id: i0.InputSignal<string>;
140
+ /**
141
+ * Reference to the host element.
142
+ */
143
+ readonly elementRef: ElementRef<any>;
144
+ /**
145
+ * Signal tracking container width for responsive behavior.
146
+ * @hidden
147
+ */
148
+ protected readonly containerWidth: i0.WritableSignal<number>;
149
+ /**
150
+ * Normalized illustration type from explicit input or legacy names.
151
+ * @hidden
152
+ */
153
+ protected readonly normalizedInputType: i0.Signal<IllustratedMessageType | undefined>;
154
+ /**
155
+ * Current illustration type based on explicit type or container width.
156
+ * @hidden
157
+ */
158
+ protected readonly currentType: i0.Signal<IllustratedMessageType>;
159
+ /**
160
+ * Normalized SVG configuration with legacy keys mapped to modern keys.
161
+ * @hidden
162
+ */
163
+ protected readonly normalizedConfig: i0.Signal<SvgConfig | null>;
164
+ /**
165
+ * Inline SVG content for the current type.
166
+ * @hidden
167
+ */
168
+ protected readonly inlineSvg: i0.Signal<_angular_platform_browser.SafeHtml | undefined>;
169
+ /**
170
+ * SVG href attribute for the current type.
171
+ * @hidden
172
+ */
173
+ protected readonly href: i0.Signal<string>;
174
+ /**
175
+ * Computed CSS class string for the component.
176
+ * @hidden
177
+ */
178
+ protected readonly cssClass: i0.Signal<string>;
179
+ /** @hidden */
180
+ private readonly _sanitizer;
181
+ /** @hidden */
182
+ constructor();
183
+ /**
184
+ * Measures and updates the container width.
185
+ * @private
186
+ */
187
+ private _measureContainerWidth;
188
+ /**
189
+ * Determines the illustration type based on container width.
190
+ * @param width - Container width in pixels
191
+ * @returns Appropriate illustration type
192
+ * @private
193
+ */
194
+ private _determineTypeByWidth;
195
+ /**
196
+ * Normalizes legacy type names to modern equivalents.
197
+ * @param type - Illustration type to normalize
198
+ * @returns Normalized illustration type
199
+ * @private
200
+ */
80
201
  private _normalizeType;
202
+ /**
203
+ * Normalizes SVG configuration, mapping legacy keys to modern keys.
204
+ * @param config - SVG configuration to normalize
205
+ * @returns Normalized SVG configuration
206
+ * @private
207
+ */
81
208
  private _normalizeSvgConfig;
209
+ /**
210
+ * Constructs the SVG href attribute value for the given type.
211
+ * @param type - Illustration type
212
+ * @param svgConfig - Normalized SVG configuration
213
+ * @returns SVG href string
214
+ * @private
215
+ */
82
216
  private _getHrefByType;
83
217
  static ɵfac: i0.ɵɵFactoryDeclaration<IllustratedMessageComponent, never>;
84
- static ɵcmp: i0.ɵɵComponentDeclaration<IllustratedMessageComponent, "[fd-illustrated-message]", never, { "type": { "alias": "type"; "required": false; }; "svgConfig": { "alias": "svgConfig"; "required": false; }; "svgAriaLabel": { "alias": "svgAriaLabel"; "required": false; }; "noSvg": { "alias": "noSvg"; "required": false; }; "id": { "alias": "id"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["[fd-illustrated-message-figcaption]", "fd-illustrated-message-actions"], true, never>;
218
+ static ɵcmp: i0.ɵɵComponentDeclaration<IllustratedMessageComponent, "[fd-illustrated-message]", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "svgConfig": { "alias": "svgConfig"; "required": false; "isSignal": true; }; "svgAriaLabel": { "alias": "svgAriaLabel"; "required": false; "isSignal": true; }; "noSvg": { "alias": "noSvg"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, ["[fd-illustrated-message-figcaption]", "fd-illustrated-message-actions"], true, never>;
85
219
  }
86
220
 
87
221
  /**
@@ -1,183 +1,71 @@
1
1
  import * as i0 from '@angular/core';
2
- import { OnInit, OnChanges, ElementRef } from '@angular/core';
3
- import { CssClassBuilder, Nullable } from '@fundamental-ngx/cdk/utils';
2
+ import { ElementRef } from '@angular/core';
3
+ import { HasElementRef } from '@fundamental-ngx/cdk/utils';
4
4
 
5
- /**
6
- * Layout Panel level actions such as add, remove, delete, sort, etc.
7
- *
8
- * ```html
9
- * <fd-layout-panel>
10
- * <fd-layout-panel-header>
11
- * <fd-layout-panel-actions>
12
- * <button fd-button (click)="action()">Action</button>
13
- * </fd-layout-panel-actions>
14
- * </fd-layout-panel-header>
15
- * </fd-layout-panel>
16
- * ```
17
- */
18
5
  declare class LayoutPanelActionsComponent {
19
- /** @hidden */
20
- fdLayoutPanelActionsClass: boolean;
21
6
  static ɵfac: i0.ɵɵFactoryDeclaration<LayoutPanelActionsComponent, never>;
22
7
  static ɵcmp: i0.ɵɵComponentDeclaration<LayoutPanelActionsComponent, "fd-layout-panel-actions", never, {}, {}, never, ["*"], true, never>;
23
8
  }
24
9
 
25
- /**
26
- * Main content of the panel can that hold lists, table, tree, text, form or any other information.
27
- *
28
- * ```html
29
- * <fd-layout-panel>
30
- * <fd-layout-panel-body>
31
- * Some text can go here!
32
- * </fd-layout-panel-body>
33
- * </fd-layout-panel>
34
- * ```
35
- */
36
10
  declare class LayoutPanelBodyComponent {
37
- /** @hidden */
38
- fdLayoutPanelBodyClass: boolean;
39
- /** Whether the edges of the panel should have bleeding padding. */
40
- bleed: boolean;
11
+ /**
12
+ * Whether the edges of the panel should have bleeding padding.
13
+ * @default false
14
+ */
15
+ readonly bleed: i0.InputSignalWithTransform<boolean, unknown>;
41
16
  static ɵfac: i0.ɵɵFactoryDeclaration<LayoutPanelBodyComponent, never>;
42
- static ɵcmp: i0.ɵɵComponentDeclaration<LayoutPanelBodyComponent, "fd-layout-panel-body", never, { "bleed": { "alias": "bleed"; "required": false; }; }, {}, never, ["*"], true, never>;
17
+ static ɵcmp: i0.ɵɵComponentDeclaration<LayoutPanelBodyComponent, "fd-layout-panel-body", never, { "bleed": { "alias": "bleed"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
43
18
  }
44
19
 
45
- /**
46
- * Description of the panel title.
47
- *
48
- * ```html
49
- * <fd-layout-panel>
50
- * <fd-layout-panel-header>
51
- * <fd-layout-panel-head>
52
- * <fd-layout-panel-description>This is a description for a panel title!</fd-layout-panel-description>
53
- * </fd-layout-panel-head>
54
- * </fd-layout-panel-header>
55
- * </fd-layout-panel>
56
- * ```
57
- */
58
20
  declare class LayoutPanelDescriptionComponent {
59
21
  static ɵfac: i0.ɵɵFactoryDeclaration<LayoutPanelDescriptionComponent, never>;
60
22
  static ɵcmp: i0.ɵɵComponentDeclaration<LayoutPanelDescriptionComponent, "fd-layout-panel-description", never, {}, {}, never, ["*"], true, never>;
61
23
  }
62
24
 
63
- /**
64
- * Layout Panel level filters that is specific to the data being displayed within the panel.
65
- *
66
- * ```html
67
- * <fd-layout-panel>
68
- * <fd-layout-panel-filters>
69
- * Some text can go here!
70
- * </fd-layout-panel-filters>
71
- * </fd-layout-panel>
72
- * ```
73
- */
74
25
  declare class LayoutPanelFiltersComponent {
75
- /** @hidden */
76
- fdLayoutPanelFiltersClass: boolean;
77
26
  static ɵfac: i0.ɵɵFactoryDeclaration<LayoutPanelFiltersComponent, never>;
78
27
  static ɵcmp: i0.ɵɵComponentDeclaration<LayoutPanelFiltersComponent, "fd-layout-panel-filters", never, {}, {}, never, ["*"], true, never>;
79
28
  }
80
29
 
81
30
  type FooterPosition = 'start' | 'end';
82
- declare class LayoutPanelFooterComponent implements OnInit, OnChanges, CssClassBuilder {
83
- readonly elementRef: ElementRef<HTMLElement>;
84
- /** Apply user custom styles */
85
- class: string;
31
+ declare class LayoutPanelFooterComponent implements HasElementRef {
86
32
  /**
87
33
  * Footer variations, can be start (left aligned), end (right aligned) or null for default.
88
34
  * The default value will render the content of the footer in the middle.
89
35
  */
90
- position: Nullable<FooterPosition>;
91
- /** @hidden */
92
- constructor(elementRef: ElementRef<HTMLElement>);
93
- /** @hidden */
94
- buildComponentCssClass(): string[];
95
- /** @hidden */
96
- ngOnInit(): void;
36
+ position: i0.InputSignal<FooterPosition | null>;
97
37
  /** @hidden */
98
- ngOnChanges(): void;
38
+ readonly elementRef: ElementRef<any>;
99
39
  static ɵfac: i0.ɵɵFactoryDeclaration<LayoutPanelFooterComponent, never>;
100
- static ɵcmp: i0.ɵɵComponentDeclaration<LayoutPanelFooterComponent, "fd-layout-panel-footer", never, { "class": { "alias": "class"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], true, never>;
40
+ static ɵcmp: i0.ɵɵComponentDeclaration<LayoutPanelFooterComponent, "fd-layout-panel-footer", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
101
41
  }
102
42
 
103
- /**
104
- * Container for title and description.
105
- *
106
- * ```html
107
- * <fd-layout-panel>
108
- * <fd-layout-panel-header>
109
- * <fd-layout-panel-head>
110
- * <fd-layout-panel-title>Title!</fd-layout-panel-title>
111
- * </fd-layout-panel-head>
112
- * </fd-layout-panel-header>
113
- * </fd-layout-panel>
114
- * ```
115
- */
116
43
  declare class LayoutPanelHeadComponent {
117
- /** @hidden */
118
- fdLayoutPanelHeadClass: boolean;
119
44
  static ɵfac: i0.ɵɵFactoryDeclaration<LayoutPanelHeadComponent, never>;
120
45
  static ɵcmp: i0.ɵɵComponentDeclaration<LayoutPanelHeadComponent, "fd-layout-panel-head", never, {}, {}, never, ["*"], true, never>;
121
46
  }
122
47
 
123
- /**
124
- * Header of the panel. Contains a head and actions.
125
- *
126
- * ```html
127
- * <fd-layout-panel>
128
- * <fd-layout-panel-header>
129
- * <fd-layout-panel-head>
130
- * <fd-layout-panel-title>Title!</fd-layout-panel-title>
131
- * </fd-layout-panel-head>
132
- * </fd-layout-panel-header>
133
- * </fd-layout-panel>
134
- * ```
135
- */
136
48
  declare class LayoutPanelHeaderComponent {
137
- /** @hidden */
138
- fdLayoutPanelHeaderClass: boolean;
139
49
  static ɵfac: i0.ɵɵFactoryDeclaration<LayoutPanelHeaderComponent, never>;
140
50
  static ɵcmp: i0.ɵɵComponentDeclaration<LayoutPanelHeaderComponent, "fd-layout-panel-header", never, {}, {}, never, ["fd-layout-panel-head", "fd-layout-panel-actions"], true, never>;
141
51
  }
142
52
 
143
- /**
144
- * Applies the panel title style to a header element. It can be used with any header level.
145
- *
146
- * ```html
147
- * <h1 fd-layout-panel-title>Layout Panel Title</h1>
148
- * <h3 fd-layout-panel-title>Layout Panel Title</h3>
149
- * ```
150
- */
151
53
  declare class LayoutPanelTitleDirective {
152
- /** @hidden */
153
- fdLayoutPanelTitleClass: string;
154
54
  static ɵfac: i0.ɵɵFactoryDeclaration<LayoutPanelTitleDirective, never>;
155
55
  static ɵdir: i0.ɵɵDirectiveDeclaration<LayoutPanelTitleDirective, "[fd-layout-panel-title]", never, {}, {}, never, never, true, never>;
156
56
  }
157
57
 
158
- /**
159
- * Layout Panels are used to encapsulate part of the content, form elements, lists, collections, etc., on a page.
160
- */
161
- declare class LayoutPanelComponent implements OnChanges, OnInit {
162
- private elRef;
163
- /** @Input Background image of the panel. */
164
- backgroundImage: string;
58
+ declare class LayoutPanelComponent {
59
+ /** Background image of the panel. */
60
+ readonly backgroundImage: i0.InputSignal<string | null | undefined>;
165
61
  /** Id for the layout panel element. */
166
- id: string;
167
- /** @hidden */
168
- fdLayoutPanelClass: boolean;
62
+ readonly id: i0.InputSignal<string>;
169
63
  /** Whether the background of the panel should be transparent. */
170
- transparent: boolean;
171
- /** @hidden */
172
- constructor(elRef: ElementRef);
173
- /** @hidden */
174
- ngOnChanges(): void;
175
- /** @hidden */
176
- ngOnInit(): void;
64
+ readonly transparent: i0.InputSignalWithTransform<boolean, unknown>;
177
65
  /** @hidden */
178
- private _applyBackgroundImage;
66
+ protected readonly backgroundImageUrl: i0.Signal<string | null>;
179
67
  static ɵfac: i0.ɵɵFactoryDeclaration<LayoutPanelComponent, never>;
180
- static ɵcmp: i0.ɵɵComponentDeclaration<LayoutPanelComponent, "fd-layout-panel", never, { "backgroundImage": { "alias": "backgroundImage"; "required": false; }; "id": { "alias": "id"; "required": false; }; "transparent": { "alias": "transparent"; "required": false; }; }, {}, never, ["fd-layout-panel-header", "fd-layout-panel-filters", "fd-layout-panel-body", "fd-layout-panel-footer", "*"], true, never>;
68
+ static ɵcmp: i0.ɵɵComponentDeclaration<LayoutPanelComponent, "fd-layout-panel", never, { "backgroundImage": { "alias": "backgroundImage"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "transparent": { "alias": "transparent"; "required": false; "isSignal": true; }; }, {}, never, ["fd-layout-panel-header", "fd-layout-panel-filters", "fd-layout-panel-body", "fd-layout-panel-footer", "*"], true, never>;
181
69
  }
182
70
 
183
71
  /**
@@ -1,6 +1,6 @@
1
1
  import * as i0 from '@angular/core';
2
2
  import { ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges, QueryList, AfterContentInit, TemplateRef, ChangeDetectorRef, AfterViewInit, OnDestroy, InjectionToken } from '@angular/core';
3
- import { CssClassBuilder, Nullable, ListItemInterface, KeyboardSupportItemInterface, RtlService, FocusEscapeDirection, KeyboardSupportService } from '@fundamental-ngx/cdk/utils';
3
+ import { CssClassBuilder, Nullable, ListItemInterface, KeyboardSupportItemInterface, FocusEscapeDirection, KeyboardSupportService } from '@fundamental-ngx/cdk/utils';
4
4
  import { IconFont, IconComponent } from '@fundamental-ngx/core/icon';
5
5
  import { Subject } from 'rxjs';
6
6
  import * as i1 from '@angular/common';
@@ -362,8 +362,6 @@ declare class ListMessageDirective implements OnChanges, OnInit, CssClassBuilder
362
362
  }
363
363
 
364
364
  declare class ListNavigationItemComponent implements AfterContentInit, AfterViewInit, FocusableOption {
365
- private _elementRef;
366
- private _rtlService;
367
365
  /** Whether or not the list item is expanded. */
368
366
  expanded: boolean;
369
367
  /** Whether or not this list item is indicated for navigation. */
@@ -404,11 +402,15 @@ declare class ListNavigationItemComponent implements AfterContentInit, AfterView
404
402
  */
405
403
  _isItemVisible: boolean;
406
404
  /** @hidden handles rtl service */
407
- private readonly _rtl$;
405
+ private readonly _isRtl;
408
406
  /** @hidden */
409
407
  private readonly _renderer2;
410
408
  /** @hidden */
411
- constructor(_elementRef: ElementRef, _rtlService: RtlService);
409
+ private readonly _elementRef;
410
+ /** @hidden */
411
+ private readonly _rtlService;
412
+ /** @hidden */
413
+ constructor();
412
414
  /** @hidden */
413
415
  onItemClick(event: MouseEvent): void;
414
416
  /** @hidden */
@@ -431,7 +433,7 @@ declare class ListNavigationItemComponent implements AfterContentInit, AfterView
431
433
  click(): void;
432
434
  /** @hidden */
433
435
  private _handleExpandedChanges;
434
- static ɵfac: i0.ɵɵFactoryDeclaration<ListNavigationItemComponent, [null, { optional: true; }]>;
436
+ static ɵfac: i0.ɵɵFactoryDeclaration<ListNavigationItemComponent, never>;
435
437
  static ɵcmp: i0.ɵɵComponentDeclaration<ListNavigationItemComponent, "[fd-list-navigation-item], [fdListNavigaitonItem]", never, { "expanded": { "alias": "expanded"; "required": false; }; "indicated": { "alias": "indicated"; "required": false; }; }, {}, ["_listComponent", "_listNavigationItemArrow", "_iconComponent", "_text", "_childItems"], ["*", "[fd-list]"], true, never>;
436
438
  }
437
439
 
@@ -1,10 +1,10 @@
1
1
  import * as i5 from '@angular/cdk/portal';
2
2
  import { CdkPortalOutlet, ComponentPortal, TemplatePortal, DomPortal } from '@angular/cdk/portal';
3
3
  import * as i0 from '@angular/core';
4
- import { OnDestroy, ComponentRef, EmbeddedViewRef, ElementRef, AfterViewInit, Renderer2, EventEmitter, InjectionToken, AfterContentInit, OnInit, TemplateRef, QueryList, ChangeDetectorRef, Injector, ViewContainerRef, OnChanges, SimpleChanges, NgZone } from '@angular/core';
4
+ import { OnDestroy, ComponentRef, EmbeddedViewRef, ElementRef, AfterViewInit, Renderer2, EventEmitter, InjectionToken, AfterContentInit, OnInit, TemplateRef, QueryList, ChangeDetectorRef, Injector, ViewContainerRef, OnChanges, SimpleChanges } from '@angular/core';
5
5
  import { Observable, Subject } from 'rxjs';
6
6
  import * as i2 from '@fundamental-ngx/cdk/utils';
7
- import { HasElementRef, Nullable, DynamicComponentService, RtlService } from '@fundamental-ngx/cdk/utils';
7
+ import { HasElementRef, Nullable, DynamicComponentService } from '@fundamental-ngx/cdk/utils';
8
8
  import { DialogConfig, DialogBodyComponent } from '@fundamental-ngx/core/dialog';
9
9
  import { MobileMode, MobileModeConfig, MobileModeBase } from '@fundamental-ngx/core/mobile-mode';
10
10
  import * as i1$1 from '@fundamental-ngx/core/popover';
@@ -348,8 +348,6 @@ interface MenuNode {
348
348
  /** `null` key is used for the root node */
349
349
  type MenuMap = Map<MenuItemComponent | null, MenuNode>;
350
350
  declare class MenuService implements OnDestroy {
351
- private _renderer;
352
- private readonly _rtlService;
353
351
  /** Map of menu items to menu nodes */
354
352
  menuMap: MenuMap;
355
353
  /** Currently focused node */
@@ -363,9 +361,11 @@ declare class MenuService implements OnDestroy {
363
361
  /** @hidden */
364
362
  private _destroyKeyboardHandlerListener;
365
363
  /** @hidden */
366
- get _isRtl(): boolean;
364
+ private readonly _renderer;
367
365
  /** @hidden */
368
- constructor(_renderer: Renderer2, _rtlService: RtlService);
366
+ private readonly _rtlService;
367
+ /** @hidden */
368
+ get _isRtl(): boolean;
369
369
  /** Reference to menu component */
370
370
  get menuComponent(): MenuComponent;
371
371
  /** Returns menu mode observable */
@@ -421,7 +421,7 @@ declare class MenuService implements OnDestroy {
421
421
  private _emitActivePath;
422
422
  /** @hidden Depending on direction returns closest enabled sibling of given node */
423
423
  private _closestEnabled;
424
- static ɵfac: i0.ɵɵFactoryDeclaration<MenuService, [null, { optional: true; }]>;
424
+ static ɵfac: i0.ɵɵFactoryDeclaration<MenuService, never>;
425
425
  static ɵprov: i0.ɵɵInjectableDeclaration<MenuService>;
426
426
  }
427
427
 
@@ -633,9 +633,6 @@ declare class MenuKeyboardService {
633
633
  }
634
634
 
635
635
  declare class MenuMobileComponent extends MobileModeBase<MenuInterface> implements OnInit {
636
- private _menuService;
637
- private _ngZone;
638
- private _rtlService;
639
636
  /** @hidden */
640
637
  dialogTemplate: TemplateRef<any>;
641
638
  /** Current menu title */
@@ -647,11 +644,17 @@ declare class MenuMobileComponent extends MobileModeBase<MenuInterface> implemen
647
644
  /** @hidden Currently rendered menu view */
648
645
  view$: i0.WritableSignal<TemplateRef<any> | null>;
649
646
  /** @hidden Navigation icon name based on RTL */
650
- navigationIcon$: i0.Signal<"navigation-right-arrow" | "navigation-left-arrow">;
647
+ protected readonly navigationIcon: i0.Signal<"navigation-right-arrow" | "navigation-left-arrow">;
651
648
  /** @hidden */
652
649
  set _watch(_dialogBody: DialogBodyComponent);
653
650
  /** @hidden */
654
- constructor(_menuService: MenuService, _ngZone: NgZone, _rtlService: RtlService, menuComponent: MenuInterface);
651
+ private readonly _rtlService;
652
+ /** @hidden */
653
+ private readonly _menuService;
654
+ /** @hidden */
655
+ private readonly _ngZone;
656
+ /** @hidden */
657
+ constructor(menuComponent: MenuInterface);
655
658
  /** @hidden */
656
659
  ngOnInit(): void;
657
660
  /** Closes the Dialog and Menu component */
@@ -675,7 +678,7 @@ declare class MenuMobileComponent extends MobileModeBase<MenuInterface> implemen
675
678
  private _getDialogTitle;
676
679
  /** @hidden Returns dialog content view */
677
680
  private _getMenuView;
678
- static ɵfac: i0.ɵɵFactoryDeclaration<MenuMobileComponent, [null, null, { optional: true; }, null]>;
681
+ static ɵfac: i0.ɵɵFactoryDeclaration<MenuMobileComponent, never>;
679
682
  static ɵcmp: i0.ɵɵComponentDeclaration<MenuMobileComponent, "fd-menu-mobile", never, {}, {}, never, never, true, never>;
680
683
  }
681
684
 
@@ -137,8 +137,11 @@ declare class AutoDismissMessageStripDirective {
137
137
  duration: number;
138
138
  /** Whether the alert should stay open if the mouse is hovering over it. */
139
139
  mousePersist: BooleanInput;
140
- /** Whether the message strip is currently opened. */
141
- opened: boolean;
140
+ /**
141
+ * Whether the message strip is currently opened.
142
+ * @hidden
143
+ */
144
+ protected readonly _opened: i0.WritableSignal<boolean>;
142
145
  /** @hidden */
143
146
  private messageStripComponent;
144
147
  /** @hidden */
@@ -1,4 +1,4 @@
1
- import { Nullable, RtlService } from '@fundamental-ngx/cdk/utils';
1
+ import { Nullable } from '@fundamental-ngx/cdk/utils';
2
2
  import { IconFont } from '@fundamental-ngx/core/icon';
3
3
  import * as i0 from '@angular/core';
4
4
  import { InjectionToken, OnInit, ElementRef, ChangeDetectorRef, OnDestroy, AfterViewInit, QueryList } from '@angular/core';
@@ -74,8 +74,6 @@ declare class MicroProcessFlowItemComponent {
74
74
  }
75
75
 
76
76
  declare class MicroProcessFlowComponent implements OnInit, OnDestroy, AfterViewInit {
77
- private _cd;
78
- private _rtl;
79
77
  /** Should connector between items be hidden. */
80
78
  independentSteps: boolean;
81
79
  /** Pagination transition speed in milliseconds */
@@ -107,7 +105,7 @@ declare class MicroProcessFlowComponent implements OnInit, OnDestroy, AfterViewI
107
105
  /** Should show previous button. */
108
106
  get showPreviousButton(): boolean;
109
107
  /** @hidden */
110
- private _isRtl;
108
+ private readonly _isRtl;
111
109
  /** @hidden */
112
110
  private get _paginationDirection();
113
111
  /** @hidden */
@@ -119,7 +117,11 @@ declare class MicroProcessFlowComponent implements OnInit, OnDestroy, AfterViewI
119
117
  /** @hidden */
120
118
  private _focusedElementIndex;
121
119
  /** @hidden */
122
- constructor(_cd: ChangeDetectorRef, _rtl: RtlService);
120
+ private readonly _cd;
121
+ /** @hidden */
122
+ private readonly _rtlService;
123
+ /** @hidden */
124
+ constructor();
123
125
  /** @hidden */
124
126
  handleKeyboardEvent(event: KeyboardEvent): void;
125
127
  /** @hidden */
@@ -174,7 +176,7 @@ declare class MicroProcessFlowComponent implements OnInit, OnDestroy, AfterViewI
174
176
  private _setFocusableVisibleItems;
175
177
  /** @hidden */
176
178
  private _getPreviousItemsCount;
177
- static ɵfac: i0.ɵɵFactoryDeclaration<MicroProcessFlowComponent, [null, { optional: true; }]>;
179
+ static ɵfac: i0.ɵɵFactoryDeclaration<MicroProcessFlowComponent, never>;
178
180
  static ɵcmp: i0.ɵɵComponentDeclaration<MicroProcessFlowComponent, "fd-micro-process-flow", never, { "independentSteps": { "alias": "independentSteps"; "required": false; }; "transitionSpeed": { "alias": "transitionSpeed"; "required": false; }; "transitionTimingFunction": { "alias": "transitionTimingFunction"; "required": false; }; }, {}, ["items", "focusableItems"], ["fd-micro-process-flow-item"], true, never>;
179
181
  }
180
182