@flusys/ng-ui 6.0.0-beta.1 → 6.0.0-rc.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.
@@ -1,8 +1,7 @@
1
1
  import * as _angular_core from '@angular/core';
2
- import { OnInit, TemplateRef, AfterViewInit, OnDestroy, ElementRef, InjectionToken, Type, Injector, EnvironmentProviders } from '@angular/core';
2
+ import { TemplateRef, OnDestroy, OnInit, AfterViewInit, ElementRef, InjectionToken, Type, Injector, EnvironmentProviders } from '@angular/core';
3
3
  import * as i1 from '@angular/forms';
4
4
  import { ControlValueAccessor } from '@angular/forms';
5
- import * as _flusys_ng_ui from '@flusys/ng-ui';
6
5
  import * as rxjs from 'rxjs';
7
6
 
8
7
  interface UiConfirmation {
@@ -34,14 +33,51 @@ declare class ConfirmationService {
34
33
  }
35
34
 
36
35
  declare class ConfirmDialog {
36
+ private static idCounter;
37
+ private readonly _doc;
38
+ protected readonly headerId: string;
39
+ protected readonly descId: string;
37
40
  readonly confirmationService: ConfirmationService;
38
41
  readonly key: _angular_core.InputSignal<string | undefined>;
42
+ readonly icon: _angular_core.InputSignal<string>;
43
+ readonly acceptLabel: _angular_core.InputSignal<string>;
44
+ readonly rejectLabel: _angular_core.InputSignal<string>;
45
+ readonly acceptIcon: _angular_core.InputSignal<string>;
46
+ readonly rejectIcon: _angular_core.InputSignal<string>;
47
+ readonly acceptButtonStyleClass: _angular_core.InputSignal<string>;
48
+ readonly rejectButtonStyleClass: _angular_core.InputSignal<string>;
49
+ readonly closeOnEscape: _angular_core.InputSignalWithTransform<boolean, unknown>;
50
+ readonly blockScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
51
+ readonly defaultFocus: _angular_core.InputSignal<"accept" | "reject" | "none">;
52
+ readonly styleClass: _angular_core.InputSignal<string>;
53
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
39
54
  readonly activeConfirmation: _angular_core.Signal<UiConfirmation | null>;
55
+ private readonly panelRef;
56
+ private _previouslyFocused;
57
+ constructor();
58
+ resolvedIcon(c: {
59
+ icon?: string;
60
+ }): string;
61
+ resolvedAcceptLabel(c: {
62
+ acceptLabel?: string;
63
+ }): string;
64
+ resolvedRejectLabel(c: {
65
+ rejectLabel?: string;
66
+ }): string;
67
+ resolvedAcceptIcon(c: {
68
+ acceptIcon?: string;
69
+ }): string;
70
+ resolvedRejectIcon(c: {
71
+ rejectIcon?: string;
72
+ }): string;
40
73
  onEscape(): void;
41
74
  accept(fn?: () => void): void;
42
75
  reject(fn?: () => void): void;
76
+ private getFocusable;
77
+ onTab(event: Event): void;
78
+ onShiftTab(event: Event): void;
43
79
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfirmDialog, never>;
44
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfirmDialog, "f-confirmdialog", never, { "key": { "alias": "key"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
80
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfirmDialog, "f-confirmdialog", never, { "key": { "alias": "key"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "acceptLabel": { "alias": "acceptLabel"; "required": false; "isSignal": true; }; "rejectLabel": { "alias": "rejectLabel"; "required": false; "isSignal": true; }; "acceptIcon": { "alias": "acceptIcon"; "required": false; "isSignal": true; }; "rejectIcon": { "alias": "rejectIcon"; "required": false; "isSignal": true; }; "acceptButtonStyleClass": { "alias": "acceptButtonStyleClass"; "required": false; "isSignal": true; }; "rejectButtonStyleClass": { "alias": "rejectButtonStyleClass"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "blockScroll": { "alias": "blockScroll"; "required": false; "isSignal": true; }; "defaultFocus": { "alias": "defaultFocus"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
45
81
  }
46
82
 
47
83
  type UiMessageSeverity = 'success' | 'info' | 'warn' | 'error' | 'secondary' | 'contrast';
@@ -76,15 +112,27 @@ declare class MessageService {
76
112
  declare class ToastComponent {
77
113
  readonly messageService: MessageService;
78
114
  readonly key: _angular_core.InputSignal<string | undefined>;
79
- readonly position: _angular_core.InputSignal<"top-right" | "top-left" | "top-center" | "bottom-right" | "bottom-left" | "bottom-center" | "center">;
115
+ readonly position: _angular_core.InputSignal<"center" | "top-right" | "top-left" | "top-center" | "bottom-right" | "bottom-left" | "bottom-center">;
116
+ readonly onClose: _angular_core.OutputEmitterRef<UiMessage>;
117
+ readonly messageTemplate: _angular_core.Signal<TemplateRef<{
118
+ $implicit: UiMessage;
119
+ }> | undefined>;
80
120
  readonly hostClass: _angular_core.Signal<string>;
81
- readonly visibleMessages: _angular_core.Signal<_flusys_ng_ui.UiMessage[]>;
121
+ private readonly serviceMessages;
122
+ private readonly _hovered;
123
+ private previousDisplay;
124
+ private readonly _displayMessages;
125
+ readonly visibleMessages: _angular_core.Signal<UiMessage[]>;
126
+ constructor();
127
+ onMouseEnter(id: string): void;
128
+ onMouseLeave(id: string): void;
129
+ dismiss(id: string): void;
82
130
  severityBg(severity: UiMessageSeverity): string;
83
131
  severityColor(severity: UiMessageSeverity): string;
84
132
  severityBorder(severity: UiMessageSeverity): string;
85
133
  iconName(severity: UiMessageSeverity): string;
86
134
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastComponent, never>;
87
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "f-toast", never, { "key": { "alias": "key"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
135
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "f-toast", never, { "key": { "alias": "key"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, { "onClose": "onClose"; }, ["messageTemplate"], never, true, never>;
88
136
  }
89
137
 
90
138
  type AvatarSize = 'small' | 'normal' | 'large' | 'xlarge';
@@ -98,36 +146,81 @@ declare class AvatarComponent {
98
146
  /** Overrides the default gradient with a solid background color (e.g. a per-user deterministic color). Ignored when `image` is set. */
99
147
  readonly color: _angular_core.InputSignal<string>;
100
148
  readonly styleClass: _angular_core.InputSignal<string>;
149
+ readonly ariaLabel: _angular_core.InputSignal<string>;
150
+ readonly ariaLabelledBy: _angular_core.InputSignal<string>;
151
+ readonly onImageError: _angular_core.OutputEmitterRef<Event>;
152
+ private readonly _imageLoadFailed;
153
+ readonly imageLoadFailed: _angular_core.Signal<boolean>;
154
+ constructor();
155
+ onImgError(event: Event): void;
101
156
  readonly classes: _angular_core.Signal<string>;
102
157
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarComponent, never>;
103
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarComponent, "f-avatar", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "image": { "alias": "image"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
158
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarComponent, "f-avatar", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "image": { "alias": "image"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; }, { "onImageError": "onImageError"; }, never, ["*"], true, never>;
104
159
  }
105
160
 
106
161
  declare class AvatarGroupComponent {
162
+ readonly styleClass: _angular_core.InputSignal<string>;
163
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
164
+ readonly classes: _angular_core.Signal<string>;
107
165
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarGroupComponent, never>;
108
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarGroupComponent, "f-avatar-group", never, {}, {}, never, ["*"], true, never>;
166
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarGroupComponent, "f-avatar-group", never, { "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
167
+ }
168
+
169
+ type BadgeSeverity = 'success' | 'info' | 'warn' | 'danger' | 'secondary' | 'contrast' | null;
170
+ type BadgeSize = 'small' | 'large' | 'xlarge' | null;
171
+ declare class BadgeComponent {
172
+ readonly value: _angular_core.InputSignal<string | number | null>;
173
+ readonly severity: _angular_core.InputSignal<BadgeSeverity>;
174
+ readonly size: _angular_core.InputSignal<BadgeSize>;
175
+ readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
176
+ readonly styleClass: _angular_core.InputSignal<string>;
177
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
178
+ readonly isDot: _angular_core.Signal<boolean>;
179
+ readonly ariaLabel: _angular_core.Signal<string | null>;
180
+ readonly classes: _angular_core.Signal<string>;
181
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeComponent, never>;
182
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "f-badge", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
109
183
  }
110
184
 
111
185
  type ButtonSeverity = 'primary' | 'secondary' | 'success' | 'info' | 'warn' | 'danger' | 'contrast' | 'help';
186
+ type ButtonIconPosition = 'left' | 'right' | 'top' | 'bottom';
187
+ type ButtonVariant = 'outlined' | 'text' | null;
188
+ type ButtonSize = 'small' | 'large' | null;
112
189
  declare class ButtonComponent {
113
190
  readonly label: _angular_core.InputSignal<string>;
114
191
  readonly icon: _angular_core.InputSignal<string>;
115
- readonly iconPos: _angular_core.InputSignal<"left" | "right">;
192
+ readonly iconPos: _angular_core.InputSignal<ButtonIconPosition>;
116
193
  readonly severity: _angular_core.InputSignal<ButtonSeverity>;
117
194
  readonly type: _angular_core.InputSignal<string>;
118
195
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
119
196
  readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
197
+ readonly loadingIcon: _angular_core.InputSignal<string>;
120
198
  readonly text: _angular_core.InputSignalWithTransform<boolean, unknown>;
121
199
  readonly link: _angular_core.InputSignalWithTransform<boolean, unknown>;
122
200
  readonly outlined: _angular_core.InputSignalWithTransform<boolean, unknown>;
201
+ readonly plain: _angular_core.InputSignalWithTransform<boolean, unknown>;
202
+ readonly variant: _angular_core.InputSignal<ButtonVariant>;
123
203
  readonly raised: _angular_core.InputSignalWithTransform<boolean, unknown>;
124
204
  readonly rounded: _angular_core.InputSignalWithTransform<boolean, unknown>;
125
205
  readonly fluid: _angular_core.InputSignalWithTransform<boolean, unknown>;
126
- readonly size: _angular_core.InputSignal<"small" | "large" | null>;
206
+ readonly size: _angular_core.InputSignal<ButtonSize>;
207
+ readonly ariaLabel: _angular_core.InputSignal<string>;
208
+ readonly autofocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
209
+ readonly tabindex: _angular_core.InputSignal<number | null>;
210
+ readonly styleClass: _angular_core.InputSignal<string>;
211
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
212
+ readonly badge: _angular_core.InputSignal<string | number | null>;
213
+ readonly badgeSeverity: _angular_core.InputSignal<BadgeSeverity>;
214
+ readonly badgeClass: _angular_core.InputSignal<string>;
127
215
  readonly onClick: _angular_core.OutputEmitterRef<MouseEvent>;
216
+ readonly onFocus: _angular_core.OutputEmitterRef<FocusEvent>;
217
+ readonly onBlur: _angular_core.OutputEmitterRef<FocusEvent>;
218
+ readonly iconTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
219
+ readonly loadingIconTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
220
+ readonly isDisabled: _angular_core.Signal<boolean>;
128
221
  readonly hostClass: _angular_core.Signal<string>;
129
222
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
130
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "f-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPos": { "alias": "iconPos"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "raised": { "alias": "raised"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
223
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "f-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPos": { "alias": "iconPos"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "plain": { "alias": "plain"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "raised": { "alias": "raised"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "badgeSeverity": { "alias": "badgeSeverity"; "required": false; "isSignal": true; }; "badgeClass": { "alias": "badgeClass"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["iconTemplate", "loadingIconTemplate"], ["*"], true, never>;
131
224
  }
132
225
 
133
226
  declare class FButtonDirective {
@@ -138,41 +231,64 @@ declare class FButtonDirective {
138
231
  readonly text: _angular_core.InputSignalWithTransform<boolean, unknown>;
139
232
  readonly outlined: _angular_core.InputSignalWithTransform<boolean, unknown>;
140
233
  readonly link: _angular_core.InputSignalWithTransform<boolean, unknown>;
234
+ readonly variant: _angular_core.InputSignal<ButtonVariant>;
141
235
  readonly rounded: _angular_core.InputSignalWithTransform<boolean, unknown>;
142
236
  readonly raised: _angular_core.InputSignalWithTransform<boolean, unknown>;
143
237
  readonly fluid: _angular_core.InputSignalWithTransform<boolean, unknown>;
144
238
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
145
239
  readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
146
- readonly size: _angular_core.InputSignal<"small" | "large" | null>;
240
+ readonly loadingIcon: _angular_core.InputSignal<string>;
241
+ readonly size: _angular_core.InputSignal<ButtonSize>;
147
242
  readonly label: _angular_core.InputSignal<string>;
148
243
  readonly icon: _angular_core.InputSignal<string>;
149
- readonly iconPos: _angular_core.InputSignal<"left" | "right">;
244
+ readonly iconPos: _angular_core.InputSignal<ButtonIconPosition>;
150
245
  readonly ariaLabel: _angular_core.InputSignal<string>;
151
246
  readonly plain: _angular_core.InputSignalWithTransform<boolean, unknown>;
152
247
  readonly hostClass: _angular_core.Signal<string>;
153
248
  constructor();
154
249
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<FButtonDirective, never>;
155
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FButtonDirective, "[fButton]", never, { "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "raised": { "alias": "raised"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPos": { "alias": "iconPos"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "plain": { "alias": "plain"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
250
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FButtonDirective, "[fButton]", never, { "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "raised": { "alias": "raised"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPos": { "alias": "iconPos"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "plain": { "alias": "plain"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
156
251
  }
157
252
 
158
253
  declare class ChipComponent {
159
254
  readonly label: _angular_core.InputSignal<string>;
160
255
  readonly icon: _angular_core.InputSignal<string>;
256
+ readonly image: _angular_core.InputSignal<string>;
257
+ readonly alt: _angular_core.InputSignal<string>;
161
258
  readonly removable: _angular_core.InputSignalWithTransform<boolean, unknown>;
259
+ readonly removeIcon: _angular_core.InputSignal<string>;
260
+ readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
261
+ readonly styleClass: _angular_core.InputSignal<string>;
262
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
162
263
  readonly onRemove: _angular_core.OutputEmitterRef<MouseEvent>;
264
+ readonly onImageError: _angular_core.OutputEmitterRef<Event>;
265
+ private readonly _visible;
266
+ readonly visible: _angular_core.Signal<boolean>;
267
+ private readonly _imageLoadFailed;
268
+ readonly imageLoadFailed: _angular_core.Signal<boolean>;
269
+ constructor();
270
+ readonly classes: _angular_core.Signal<string>;
271
+ onImgError(event: Event): void;
272
+ onRemoveClick(event: MouseEvent): void;
273
+ onKeydown(event: KeyboardEvent): void;
163
274
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChipComponent, never>;
164
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipComponent, "f-chip", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; }, { "onRemove": "onRemove"; }, never, never, true, never>;
275
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipComponent, "f-chip", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "image": { "alias": "image"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "removeIcon": { "alias": "removeIcon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onRemove": "onRemove"; "onImageError": "onImageError"; }, never, ["*"], true, never>;
165
276
  }
166
277
 
278
+ type DividerLayout = 'horizontal' | 'vertical';
279
+ type DividerType = 'solid' | 'dashed' | 'dotted';
280
+ type DividerAlign = 'left' | 'center' | 'right' | 'top' | 'bottom';
167
281
  declare class DividerComponent {
168
- readonly layout: _angular_core.InputSignal<"horizontal" | "vertical">;
169
- readonly type: _angular_core.InputSignal<"solid" | "dashed" | "dotted">;
170
- readonly align: _angular_core.InputSignal<"center" | "left" | "right">;
282
+ readonly layout: _angular_core.InputSignal<DividerLayout>;
283
+ readonly type: _angular_core.InputSignal<DividerType>;
284
+ readonly align: _angular_core.InputSignal<DividerAlign>;
285
+ readonly styleClass: _angular_core.InputSignal<string>;
286
+ readonly hostClass: _angular_core.Signal<string>;
171
287
  readonly segmentClass: _angular_core.Signal<string>;
172
- readonly beforeClass: _angular_core.Signal<"flex-none w-8" | "flex-1">;
173
- readonly afterClass: _angular_core.Signal<"flex-none w-8" | "flex-1">;
288
+ readonly beforeClass: _angular_core.Signal<"flex-none h-8" | "flex-1" | "flex-none w-8">;
289
+ readonly afterClass: _angular_core.Signal<"flex-none h-8" | "flex-1" | "flex-none w-8">;
174
290
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DividerComponent, never>;
175
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DividerComponent, "f-divider", never, { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, ["*", "*"], true, never>;
291
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DividerComponent, "f-divider", never, { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["*", "*"], true, never>;
176
292
  }
177
293
 
178
294
  declare class ImageComponent {
@@ -181,48 +297,105 @@ declare class ImageComponent {
181
297
  readonly width: _angular_core.InputSignal<string>;
182
298
  readonly height: _angular_core.InputSignal<string>;
183
299
  readonly preview: _angular_core.InputSignalWithTransform<boolean, unknown>;
300
+ readonly loading: _angular_core.InputSignal<"lazy" | "eager" | undefined>;
301
+ readonly styleClass: _angular_core.InputSignal<string>;
302
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
184
303
  readonly onShow: _angular_core.OutputEmitterRef<void>;
185
304
  readonly onHide: _angular_core.OutputEmitterRef<void>;
305
+ readonly onImageError: _angular_core.OutputEmitterRef<Event>;
306
+ readonly hostClass: _angular_core.Signal<string>;
307
+ private readonly fTemplates;
308
+ readonly indicatorTpl: _angular_core.Signal<_angular_core.TemplateRef<any> | null>;
186
309
  private readonly _previewVisible;
187
310
  readonly previewVisible: _angular_core.Signal<boolean>;
311
+ private readonly _loaded;
312
+ readonly loaded: _angular_core.Signal<boolean>;
313
+ private readonly _hasError;
314
+ readonly hasError: _angular_core.Signal<boolean>;
315
+ private readonly _rotate;
316
+ readonly rotate: _angular_core.Signal<number>;
317
+ private readonly _scale;
318
+ readonly scale: _angular_core.Signal<number>;
319
+ readonly zoomInDisabled: _angular_core.Signal<boolean>;
320
+ readonly zoomOutDisabled: _angular_core.Signal<boolean>;
321
+ readonly previewTransform: _angular_core.Signal<string>;
188
322
  open(): void;
189
323
  close(): void;
190
324
  onEscape(): void;
325
+ onLoad(): void;
326
+ onImgError(event: Event): void;
327
+ rotateLeft(): void;
328
+ rotateRight(): void;
329
+ zoomIn(): void;
330
+ zoomOut(): void;
191
331
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ImageComponent, never>;
192
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ImageComponent, "f-image", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "preview": { "alias": "preview"; "required": false; "isSignal": true; }; }, { "onShow": "onShow"; "onHide": "onHide"; }, never, never, true, never>;
332
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ImageComponent, "f-image", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "preview": { "alias": "preview"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onShow": "onShow"; "onHide": "onHide"; "onImageError": "onImageError"; }, ["fTemplates"], never, true, never>;
193
333
  }
194
334
 
335
+ type MessageSeverity = 'success' | 'info' | 'warn' | 'error' | 'secondary' | 'contrast';
195
336
  declare class MessageComponent {
196
- readonly severity: _angular_core.InputSignal<"info" | "success" | "warn" | "error">;
337
+ readonly severity: _angular_core.InputSignal<MessageSeverity>;
197
338
  readonly text: _angular_core.InputSignal<string>;
198
339
  readonly icon: _angular_core.InputSignal<string>;
340
+ readonly closable: _angular_core.InputSignalWithTransform<boolean, unknown>;
341
+ readonly life: _angular_core.InputSignal<number | undefined>;
342
+ readonly styleClass: _angular_core.InputSignal<string>;
343
+ readonly onClose: _angular_core.OutputEmitterRef<void>;
344
+ private readonly _visible;
345
+ readonly visible: _angular_core.Signal<boolean>;
346
+ constructor();
347
+ close(event?: Event): void;
199
348
  readonly classes: _angular_core.Signal<string>;
200
349
  readonly iconName: _angular_core.Signal<string>;
201
350
  readonly iconColor: _angular_core.Signal<string>;
202
351
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MessageComponent, never>;
203
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MessageComponent, "f-message", never, { "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
352
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MessageComponent, "f-message", never, { "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "life": { "alias": "life"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, { "onClose": "onClose"; }, never, ["*"], true, never>;
204
353
  }
205
354
 
355
+ type ProgressbarSeverity = 'success' | 'info' | 'warn' | 'danger' | 'secondary' | 'contrast' | null;
356
+ type ProgressbarMode = 'determinate' | 'indeterminate';
206
357
  declare class ProgressbarComponent {
207
358
  readonly value: _angular_core.InputSignal<number>;
208
- readonly mode: _angular_core.InputSignal<"determinate" | "indeterminate">;
359
+ readonly mode: _angular_core.InputSignal<ProgressbarMode>;
209
360
  readonly showValue: _angular_core.InputSignalWithTransform<boolean, unknown>;
361
+ readonly unit: _angular_core.InputSignal<string>;
362
+ readonly severity: _angular_core.InputSignal<ProgressbarSeverity>;
363
+ readonly color: _angular_core.InputSignal<string>;
364
+ readonly styleClass: _angular_core.InputSignal<string>;
365
+ readonly valueTemplate: _angular_core.Signal<TemplateRef<{
366
+ $implicit: number;
367
+ }> | undefined>;
368
+ readonly hostClass: _angular_core.Signal<string>;
369
+ readonly barClass: _angular_core.Signal<string>;
370
+ readonly barStyle: _angular_core.Signal<{
371
+ background: string;
372
+ } | null>;
210
373
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressbarComponent, never>;
211
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressbarComponent, "f-progressbar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
374
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressbarComponent, "f-progressbar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, ["valueTemplate"], never, true, never>;
212
375
  }
213
376
 
214
377
  declare class ProgressSpinnerComponent {
215
378
  readonly size: _angular_core.InputSignalWithTransform<number, unknown>;
216
379
  readonly strokeWidth: _angular_core.InputSignalWithTransform<number, unknown>;
380
+ readonly animationDuration: _angular_core.InputSignal<string>;
381
+ readonly styleClass: _angular_core.InputSignal<string>;
382
+ readonly ariaLabel: _angular_core.InputSignal<string>;
383
+ readonly hostClass: _angular_core.Signal<string>;
217
384
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressSpinnerComponent, never>;
218
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressSpinnerComponent, "f-progressspinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
385
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressSpinnerComponent, "f-progressspinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "animationDuration": { "alias": "animationDuration"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
219
386
  }
220
387
 
388
+ type SkeletonShape = 'rectangle' | 'circle';
389
+ type SkeletonAnimation = 'wave' | 'none';
221
390
  declare class SkeletonComponent {
222
391
  readonly width: _angular_core.InputSignal<string>;
223
392
  readonly height: _angular_core.InputSignal<string>;
393
+ readonly size: _angular_core.InputSignal<string>;
224
394
  readonly borderRadius: _angular_core.InputSignal<string>;
225
- readonly shape: _angular_core.InputSignal<"circle" | "rectangle">;
395
+ readonly shape: _angular_core.InputSignal<SkeletonShape>;
396
+ readonly animation: _angular_core.InputSignal<SkeletonAnimation>;
397
+ readonly styleClass: _angular_core.InputSignal<string>;
398
+ readonly hostClass: _angular_core.Signal<string>;
226
399
  readonly hostStyle: _angular_core.Signal<{
227
400
  width: string;
228
401
  height: string;
@@ -230,7 +403,7 @@ declare class SkeletonComponent {
230
403
  display: string;
231
404
  }>;
232
405
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonComponent, never>;
233
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonComponent, "f-skeleton", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
406
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonComponent, "f-skeleton", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
234
407
  }
235
408
 
236
409
  type TagSeverity = 'success' | 'info' | 'warn' | 'danger' | 'secondary' | 'contrast' | null;
@@ -241,31 +414,44 @@ declare class TagComponent {
241
414
  readonly rounded: _angular_core.InputSignalWithTransform<boolean, unknown>;
242
415
  /** Overrides severity with a custom background/text color (e.g. a per-entity color). */
243
416
  readonly color: _angular_core.InputSignal<string>;
417
+ readonly styleClass: _angular_core.InputSignal<string>;
418
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
419
+ readonly iconTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
244
420
  readonly classes: _angular_core.Signal<string>;
245
- readonly inlineStyle: _angular_core.Signal<string>;
421
+ readonly colorBackground: _angular_core.Signal<string | null>;
246
422
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagComponent, never>;
247
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "f-tag", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
423
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "f-tag", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, ["iconTemplate"], ["*"], true, never>;
248
424
  }
249
425
 
250
426
  interface CheckboxChangeEvent {
251
427
  checked: boolean;
252
428
  originalEvent: Event;
253
429
  }
430
+ type CheckboxVariant = 'filled' | 'outlined' | null;
431
+ type CheckboxSize = 'small' | 'large' | null;
254
432
  declare class CheckboxComponent implements ControlValueAccessor {
255
433
  readonly label: _angular_core.InputSignal<string>;
256
434
  readonly binary: _angular_core.InputSignalWithTransform<boolean, unknown>;
257
435
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
436
+ readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
258
437
  readonly inputId: _angular_core.InputSignal<string>;
259
438
  readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
260
439
  readonly indeterminate: _angular_core.InputSignalWithTransform<boolean, unknown>;
440
+ readonly variant: _angular_core.InputSignal<CheckboxVariant>;
441
+ readonly size: _angular_core.InputSignal<CheckboxSize>;
261
442
  readonly touched: _angular_core.InputSignal<boolean>;
262
443
  readonly styleClass: _angular_core.InputSignal<string>;
444
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
445
+ readonly hostClass: _angular_core.Signal<string>;
263
446
  readonly onChangeEvent: _angular_core.OutputEmitterRef<CheckboxChangeEvent>;
264
447
  readonly onBlur: _angular_core.OutputEmitterRef<void>;
265
448
  readonly touch: _angular_core.OutputEmitterRef<void>;
266
449
  readonly checked: _angular_core.ModelSignal<boolean>;
450
+ readonly iconSize: _angular_core.Signal<12 | 18 | 14>;
451
+ readonly boxClass: _angular_core.Signal<string>;
267
452
  private _onChange;
268
453
  private _onTouched;
454
+ onInputClick(event: Event): void;
269
455
  onChange(event: Event): void;
270
456
  handleBlur(): void;
271
457
  writeValue(val: boolean): void;
@@ -273,72 +459,189 @@ declare class CheckboxComponent implements ControlValueAccessor {
273
459
  registerOnTouched(fn: () => void): void;
274
460
  setDisabledState(): void;
275
461
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
276
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "f-checkbox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "binary": { "alias": "binary"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "onChangeEvent": "onChange"; "onBlur": "onBlur"; "touch": "touch"; "checked": "checkedChange"; }, never, never, true, never>;
462
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "f-checkbox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "binary": { "alias": "binary"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "onChangeEvent": "onChange"; "onBlur": "onBlur"; "touch": "touch"; "checked": "checkedChange"; }, never, never, true, never>;
463
+ }
464
+
465
+ declare class FTemplateDirective {
466
+ readonly fTemplate: _angular_core.InputSignal<string>;
467
+ readonly templateRef: TemplateRef<any>;
468
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<FTemplateDirective, never>;
469
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FTemplateDirective, "ng-template[fTemplate]", never, { "fTemplate": { "alias": "fTemplate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
277
470
  }
278
471
 
472
+ type FDatePickerSelectionMode = 'single' | 'multiple' | 'range';
473
+ type FDatePickerView = 'date' | 'month' | 'year';
474
+ type FDatePickerIconDisplay = 'button' | 'input';
475
+ type FDatePickerHourFormat = '12' | '24';
476
+ type FDatePickerAppendTo = 'self' | 'body';
477
+ type FDatePickerValue = Date | Array<Date | null> | null;
478
+ interface FDatePickerDay {
479
+ day: number;
480
+ date: Date;
481
+ otherMonth: boolean;
482
+ selected: boolean;
483
+ rangeStart: boolean;
484
+ rangeEnd: boolean;
485
+ inRange: boolean;
486
+ today: boolean;
487
+ disabled: boolean;
488
+ }
279
489
  declare class DatePickerComponent implements ControlValueAccessor {
490
+ private static idCounter;
491
+ private readonly _instanceId;
280
492
  readonly MONTHS: string[];
281
- readonly DAYS: string[];
493
+ readonly MONTH_SHORT: string[];
282
494
  readonly placeholder: _angular_core.InputSignal<string>;
283
495
  readonly dateFormat: _angular_core.InputSignal<string>;
284
496
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
497
+ readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
498
+ readonly readonlyInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
285
499
  readonly showTime: _angular_core.InputSignalWithTransform<boolean, unknown>;
286
- readonly selectionMode: _angular_core.InputSignal<"single" | "range" | "multiple">;
500
+ readonly timeOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
501
+ readonly hourFormat: _angular_core.InputSignal<FDatePickerHourFormat>;
502
+ readonly showSeconds: _angular_core.InputSignalWithTransform<boolean, unknown>;
503
+ readonly selectionMode: _angular_core.InputSignal<FDatePickerSelectionMode>;
287
504
  readonly minDate: _angular_core.InputSignal<Date | null | undefined>;
288
505
  readonly maxDate: _angular_core.InputSignal<Date | null | undefined>;
506
+ readonly disabledDates: _angular_core.InputSignal<Date[]>;
507
+ readonly disabledDays: _angular_core.InputSignal<number[]>;
289
508
  readonly inputId: _angular_core.InputSignal<string>;
290
509
  readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
291
510
  readonly touched: _angular_core.InputSignal<boolean>;
292
511
  readonly showClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
293
512
  readonly inputStyleClass: _angular_core.InputSignal<string>;
294
513
  readonly showIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
514
+ readonly iconDisplay: _angular_core.InputSignal<FDatePickerIconDisplay>;
295
515
  readonly showButtonBar: _angular_core.InputSignalWithTransform<boolean, unknown>;
296
- readonly appendTo: _angular_core.InputSignal<string>;
516
+ readonly inline: _angular_core.InputSignalWithTransform<boolean, unknown>;
517
+ readonly numberOfMonths: _angular_core.InputSignalWithTransform<number, unknown>;
518
+ readonly view: _angular_core.InputSignal<FDatePickerView>;
519
+ readonly showOtherMonths: _angular_core.InputSignalWithTransform<boolean, unknown>;
520
+ readonly selectOtherMonths: _angular_core.InputSignalWithTransform<boolean, unknown>;
521
+ readonly firstDayOfWeek: _angular_core.InputSignalWithTransform<number, unknown>;
522
+ readonly appendTo: _angular_core.InputSignal<FDatePickerAppendTo>;
297
523
  readonly styleClass: _angular_core.InputSignal<string>;
524
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
525
+ readonly hostClass: _angular_core.Signal<string>;
298
526
  readonly onBlur: _angular_core.OutputEmitterRef<void>;
527
+ readonly onSelect: _angular_core.OutputEmitterRef<Date>;
528
+ readonly onShow: _angular_core.OutputEmitterRef<void>;
529
+ readonly onHide: _angular_core.OutputEmitterRef<void>;
530
+ readonly onClearClick: _angular_core.OutputEmitterRef<void>;
531
+ readonly onTodayClick: _angular_core.OutputEmitterRef<void>;
532
+ readonly onMonthChange: _angular_core.OutputEmitterRef<{
533
+ month: number;
534
+ year: number;
535
+ }>;
536
+ readonly onYearChange: _angular_core.OutputEmitterRef<{
537
+ month: number;
538
+ year: number;
539
+ }>;
299
540
  private readonly _value;
300
- readonly value: _angular_core.Signal<Date | null>;
541
+ readonly value: _angular_core.Signal<FDatePickerValue>;
301
542
  private readonly _open;
302
- readonly open: _angular_core.Signal<boolean>;
303
543
  private readonly _viewMonth;
304
544
  readonly viewMonth: _angular_core.Signal<number>;
305
545
  private readonly _viewYear;
306
546
  readonly viewYear: _angular_core.Signal<number>;
307
- readonly wrapperClass: _angular_core.Signal<string>;
547
+ private readonly _gridMode;
548
+ readonly gridMode: _angular_core.Signal<FDatePickerView>;
549
+ private readonly _focusedDate;
550
+ private readonly _timeHour;
551
+ private readonly _timeMinute;
552
+ private readonly _timeSecond;
553
+ readonly timeMinute: _angular_core.Signal<number>;
554
+ readonly timeSecond: _angular_core.Signal<number>;
555
+ readonly displayHourText: _angular_core.Signal<string>;
556
+ readonly isPM: _angular_core.Signal<boolean>;
557
+ private readonly popoverRef;
558
+ private readonly _inputRef;
559
+ readonly open: _angular_core.Signal<boolean>;
308
560
  private readonly _el;
309
561
  private _onChange;
310
562
  private _onTouched;
311
- readonly displayValue: _angular_core.Signal<string>;
312
- readonly calendarDays: _angular_core.Signal<{
313
- day: number;
314
- date?: Date;
315
- selected: boolean;
316
- pad: boolean;
317
- disabled: boolean;
563
+ private _wasOpen;
564
+ readonly headerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
565
+ readonly footerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
566
+ readonly dateRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
567
+ readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
568
+ private namedTemplate;
569
+ readonly headerTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
570
+ readonly footerTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
571
+ readonly dateTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
572
+ readonly orderedDayNames: _angular_core.Signal<string[]>;
573
+ readonly calendarMonths: _angular_core.Signal<{
574
+ month: number;
575
+ year: number;
318
576
  }[]>;
319
- dayClass(day: {
320
- selected: boolean;
321
- pad: boolean;
322
- disabled: boolean;
323
- }): string;
324
- private isOutOfRange;
577
+ readonly yearGridYears: _angular_core.Signal<number[]>;
578
+ readonly inlinePanelClass: _angular_core.Signal<string>;
579
+ readonly hasValue: _angular_core.Signal<boolean>;
580
+ readonly displayValue: _angular_core.Signal<string>;
581
+ readonly wrapperClass: _angular_core.Signal<string>;
582
+ readonly inputClass: _angular_core.Signal<string>;
583
+ readonly prevAriaLabel: _angular_core.Signal<"Previous year" | "Previous years" | "Previous month">;
584
+ readonly nextAriaLabel: _angular_core.Signal<"Next year" | "Next years" | "Next month">;
585
+ constructor();
586
+ private currentAnchorDate;
587
+ private syncViewToDate;
588
+ cellId(date: Date): string;
589
+ isFocusedDay(date: Date): boolean;
590
+ onDayFocus(day: FDatePickerDay): void;
591
+ private focusGridCell;
592
+ private isDateDisabled;
593
+ daysFor(month: number, year: number): FDatePickerDay[];
594
+ private buildDay;
595
+ dayClass(day: FDatePickerDay): string;
325
596
  private formatDate;
597
+ pad2(n: number): string;
326
598
  onDocumentClick(e: MouseEvent): void;
327
- toggleCalendar(): void;
599
+ onInputClick(event: Event): void;
600
+ onInputKeyDown(event: KeyboardEvent): void;
601
+ onInputChange(text: string): void;
602
+ toggleCalendar(event: Event): void;
603
+ private closePanel;
604
+ closeAndFocusInput(): void;
328
605
  clear(event: Event): void;
606
+ private commitValue;
607
+ onDayClick(day: FDatePickerDay): void;
329
608
  selectDate(date: Date): void;
330
- onTodayClick(): void;
331
- onClearClick(): void;
609
+ handleTodayClick(): void;
610
+ handleClearClick(): void;
611
+ onHeaderMonthClick(): void;
612
+ onHeaderYearClick(): void;
613
+ selectMonth(m: number): void;
614
+ selectYear(y: number): void;
615
+ private emitNavChange;
616
+ onPrevClick(): void;
617
+ onNextClick(): void;
332
618
  prevMonth(): void;
333
619
  nextMonth(): void;
334
- writeValue(v: Date | null): void;
335
- registerOnChange(fn: (v: Date | null) => void): void;
620
+ onGridKeyDown(event: KeyboardEvent): void;
621
+ private commitTimeChange;
622
+ incrementHour(): void;
623
+ decrementHour(): void;
624
+ incrementMinute(): void;
625
+ decrementMinute(): void;
626
+ incrementSecond(): void;
627
+ decrementSecond(): void;
628
+ togglePeriod(): void;
629
+ writeValue(v: FDatePickerValue): void;
630
+ registerOnChange(fn: (v: FDatePickerValue) => void): void;
336
631
  registerOnTouched(fn: () => void): void;
337
632
  setDisabledState(): void;
338
633
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatePickerComponent, never>;
339
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "f-datepicker", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "showButtonBar": { "alias": "showButtonBar"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; }, never, never, true, never>;
634
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "f-datepicker", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "timeOnly": { "alias": "timeOnly"; "required": false; "isSignal": true; }; "hourFormat": { "alias": "hourFormat"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "disabledDays": { "alias": "disabledDays"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "iconDisplay": { "alias": "iconDisplay"; "required": false; "isSignal": true; }; "showButtonBar": { "alias": "showButtonBar"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "showOtherMonths": { "alias": "showOtherMonths"; "required": false; "isSignal": true; }; "selectOtherMonths": { "alias": "selectOtherMonths"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onSelect": "onSelect"; "onShow": "onShow"; "onHide": "onHide"; "onClearClick": "onClearClick"; "onTodayClick": "onTodayClick"; "onMonthChange": "onMonthChange"; "onYearChange": "onYearChange"; }, ["headerRef", "footerRef", "dateRef", "fTemplates"], never, true, never>;
340
635
  }
341
636
 
637
+ type FileUploadMode = 'advanced' | 'basic';
638
+ type FileUploadItemStatus = 'pending' | 'uploading' | 'done' | 'error';
639
+ interface UploadItem {
640
+ file: File;
641
+ objectUrl: string | null;
642
+ progress: number;
643
+ status: FileUploadItemStatus;
644
+ }
342
645
  interface FileSelectEvent {
343
646
  files: File[];
344
647
  currentFiles: File[];
@@ -348,9 +651,21 @@ interface FileRemoveEvent {
348
651
  }
349
652
  interface FileErrorEvent {
350
653
  file: File;
351
- reason: 'size' | 'count';
654
+ reason: 'size' | 'count' | 'upload';
655
+ message?: string;
656
+ }
657
+ interface FileUploadEvent {
658
+ files: File[];
659
+ response?: unknown;
660
+ }
661
+ interface FileProgressEvent {
662
+ file: File;
663
+ progress: number;
664
+ }
665
+ interface FileUploadHandlerEvent {
666
+ files: File[];
352
667
  }
353
- declare class FileUploadComponent {
668
+ declare class FileUploadComponent implements OnDestroy {
354
669
  readonly name: _angular_core.InputSignal<string>;
355
670
  readonly accept: _angular_core.InputSignal<string>;
356
671
  readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -359,51 +674,104 @@ declare class FileUploadComponent {
359
674
  readonly fileLimit: _angular_core.InputSignal<number | null>;
360
675
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
361
676
  readonly url: _angular_core.InputSignal<string>;
677
+ readonly headers: _angular_core.InputSignal<Record<string, string> | null>;
362
678
  readonly customUpload: _angular_core.InputSignalWithTransform<boolean, unknown>;
363
679
  readonly showUploadButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
364
680
  readonly showCancelButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
365
681
  readonly chooseLabel: _angular_core.InputSignal<string>;
682
+ readonly uploadLabel: _angular_core.InputSignal<string>;
683
+ readonly cancelLabel: _angular_core.InputSignal<string>;
366
684
  readonly chooseIcon: _angular_core.InputSignal<string>;
685
+ readonly uploadIcon: _angular_core.InputSignal<string>;
686
+ readonly cancelIcon: _angular_core.InputSignal<string>;
687
+ readonly previewWidth: _angular_core.InputSignal<number>;
367
688
  readonly styleClass: _angular_core.InputSignal<string>;
368
- readonly mode: _angular_core.InputSignal<string>;
689
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
690
+ readonly mode: _angular_core.InputSignal<FileUploadMode>;
691
+ readonly hostClass: _angular_core.Signal<string>;
369
692
  readonly onSelect: _angular_core.OutputEmitterRef<FileSelectEvent>;
370
693
  readonly onRemove: _angular_core.OutputEmitterRef<FileRemoveEvent>;
371
694
  readonly onClear: _angular_core.OutputEmitterRef<void>;
372
695
  readonly onError: _angular_core.OutputEmitterRef<FileErrorEvent[]>;
373
- private readonly _files;
696
+ readonly onUpload: _angular_core.OutputEmitterRef<FileUploadEvent>;
697
+ readonly onProgress: _angular_core.OutputEmitterRef<FileProgressEvent>;
698
+ readonly uploadHandler: _angular_core.OutputEmitterRef<FileUploadHandlerEvent>;
699
+ private readonly _items;
700
+ readonly items: _angular_core.Signal<UploadItem[]>;
374
701
  readonly files: _angular_core.Signal<File[]>;
375
702
  private readonly _isDragging;
376
703
  readonly isDragging: _angular_core.Signal<boolean>;
704
+ private readonly _uploading;
705
+ readonly uploading: _angular_core.Signal<boolean>;
706
+ readonly isFileLimitExceeded: _angular_core.Signal<boolean>;
707
+ readonly isChooseDisabled: _angular_core.Signal<boolean>;
708
+ readonly basicButtonLabel: _angular_core.Signal<string>;
377
709
  onDragOver(e: DragEvent): void;
378
710
  onDragLeave(): void;
379
711
  onFileChange(e: Event): void;
380
712
  onDrop(e: DragEvent): void;
713
+ onBasicClick(input: HTMLInputElement): void;
381
714
  private acceptIncoming;
715
+ private isImage;
716
+ private revokeItemUrls;
717
+ private updateItem;
718
+ private checkUploadFinished;
382
719
  removeFile(file: File): void;
383
720
  clear(): void;
721
+ upload(): void;
722
+ reportProgress(file: File, progress: number): void;
723
+ reportSuccess(file: File): void;
724
+ reportError(file: File, message?: string): void;
725
+ private uploadWithXhr;
384
726
  formatSize(bytes: number): string;
727
+ ngOnDestroy(): void;
385
728
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileUploadComponent, never>;
386
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileUploadComponent, "f-fileupload", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "auto": { "alias": "auto"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "fileLimit": { "alias": "fileLimit"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "url": { "alias": "url"; "required": false; "isSignal": true; }; "customUpload": { "alias": "customUpload"; "required": false; "isSignal": true; }; "showUploadButton": { "alias": "showUploadButton"; "required": false; "isSignal": true; }; "showCancelButton": { "alias": "showCancelButton"; "required": false; "isSignal": true; }; "chooseLabel": { "alias": "chooseLabel"; "required": false; "isSignal": true; }; "chooseIcon": { "alias": "chooseIcon"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; "onRemove": "onRemove"; "onClear": "onClear"; "onError": "onError"; }, never, never, true, never>;
729
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileUploadComponent, "f-fileupload", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "auto": { "alias": "auto"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "fileLimit": { "alias": "fileLimit"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "url": { "alias": "url"; "required": false; "isSignal": true; }; "headers": { "alias": "headers"; "required": false; "isSignal": true; }; "customUpload": { "alias": "customUpload"; "required": false; "isSignal": true; }; "showUploadButton": { "alias": "showUploadButton"; "required": false; "isSignal": true; }; "showCancelButton": { "alias": "showCancelButton"; "required": false; "isSignal": true; }; "chooseLabel": { "alias": "chooseLabel"; "required": false; "isSignal": true; }; "uploadLabel": { "alias": "uploadLabel"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "chooseIcon": { "alias": "chooseIcon"; "required": false; "isSignal": true; }; "uploadIcon": { "alias": "uploadIcon"; "required": false; "isSignal": true; }; "cancelIcon": { "alias": "cancelIcon"; "required": false; "isSignal": true; }; "previewWidth": { "alias": "previewWidth"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; "onRemove": "onRemove"; "onClear": "onClear"; "onError": "onError"; "onUpload": "onUpload"; "onProgress": "onProgress"; "uploadHandler": "uploadHandler"; }, never, never, true, never>;
387
730
  }
388
731
 
732
+ type IconFieldIconPosition = 'left' | 'right';
389
733
  declare class IconFieldComponent {
734
+ private readonly _icon;
735
+ readonly iconPosition: _angular_core.InputSignal<"" | IconFieldIconPosition>;
736
+ readonly styleClass: _angular_core.InputSignal<string>;
737
+ private readonly _resolvedPosition;
738
+ readonly hostClass: _angular_core.Signal<string>;
390
739
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconFieldComponent, never>;
391
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconFieldComponent, "f-iconfield", never, {}, {}, never, ["*"], true, never>;
740
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconFieldComponent, "f-iconfield", never, { "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, ["_icon"], ["*"], true, never>;
392
741
  }
393
742
 
743
+ type InputIconPosition = 'left' | 'right';
394
744
  declare class InputIconComponent {
745
+ readonly icon: _angular_core.InputSignal<string>;
746
+ readonly position: _angular_core.InputSignal<InputIconPosition>;
395
747
  readonly styleClass: _angular_core.InputSignal<string>;
748
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
396
749
  readonly hostClass: _angular_core.Signal<string>;
397
750
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputIconComponent, never>;
398
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputIconComponent, "f-inputicon", never, { "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
751
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputIconComponent, "f-inputicon", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
399
752
  }
400
753
 
754
+ type InputNumberMode = 'decimal' | 'currency';
755
+ type InputNumberButtonLayout = 'stacked' | 'horizontal' | 'vertical';
756
+ type InputNumberCurrencyDisplay = 'symbol' | 'code' | 'name';
757
+ type InputNumberSize = 'small' | 'large' | null;
758
+ interface InputNumberInputEvent {
759
+ originalEvent: Event | null;
760
+ value: number | null;
761
+ formattedValue: string;
762
+ }
401
763
  declare class InputNumberComponent implements ControlValueAccessor {
764
+ readonly mode: _angular_core.InputSignal<InputNumberMode>;
765
+ readonly currency: _angular_core.InputSignal<string>;
766
+ readonly currencyDisplay: _angular_core.InputSignal<InputNumberCurrencyDisplay>;
767
+ readonly locale: _angular_core.InputSignal<string>;
402
768
  readonly min: _angular_core.InputSignal<number | null>;
403
769
  readonly max: _angular_core.InputSignal<number | null>;
404
770
  readonly step: _angular_core.InputSignal<number>;
405
771
  readonly showButtons: _angular_core.InputSignalWithTransform<boolean, unknown>;
772
+ readonly buttonLayout: _angular_core.InputSignal<InputNumberButtonLayout>;
406
773
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
774
+ readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
407
775
  readonly inputId: _angular_core.InputSignal<string>;
408
776
  readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
409
777
  readonly touched: _angular_core.InputSignal<boolean>;
@@ -411,50 +779,99 @@ declare class InputNumberComponent implements ControlValueAccessor {
411
779
  readonly prefix: _angular_core.InputSignal<string>;
412
780
  readonly suffix: _angular_core.InputSignal<string>;
413
781
  readonly useGrouping: _angular_core.InputSignalWithTransform<boolean, unknown>;
414
- readonly buttonLayout: _angular_core.InputSignal<"horizontal" | "stacked">;
782
+ readonly minFractionDigits: _angular_core.InputSignal<number | null>;
783
+ readonly maxFractionDigits: _angular_core.InputSignal<number | null>;
784
+ readonly size: _angular_core.InputSignal<InputNumberSize>;
785
+ readonly ariaLabel: _angular_core.InputSignal<string>;
786
+ readonly ariaDescribedBy: _angular_core.InputSignal<string>;
415
787
  readonly inputStyleClass: _angular_core.InputSignal<string>;
788
+ readonly styleClass: _angular_core.InputSignal<string>;
789
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
790
+ readonly onInputEvent: _angular_core.OutputEmitterRef<InputNumberInputEvent>;
791
+ readonly onFocus: _angular_core.OutputEmitterRef<FocusEvent>;
416
792
  readonly onBlur: _angular_core.OutputEmitterRef<void>;
793
+ readonly onKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
417
794
  private readonly _value;
418
795
  readonly value: _angular_core.Signal<number | null>;
796
+ private readonly _displayText;
797
+ readonly displayText: _angular_core.Signal<string>;
419
798
  private readonly _formDisabled;
420
799
  readonly isDisabled: _angular_core.Signal<boolean>;
800
+ private readonly numberFormat;
801
+ private readonly textSizeClass;
802
+ private readonly paddingYClass;
421
803
  readonly wrapperClass: _angular_core.Signal<string>;
804
+ readonly inputClass: _angular_core.Signal<string>;
805
+ addonClass(border: 'l' | 'r'): string;
422
806
  private _onChange;
423
807
  private _onTouched;
424
808
  onInputChange(e: Event): void;
809
+ onFocusHandler(e: FocusEvent): void;
810
+ onKeyDownHandler(e: KeyboardEvent): void;
425
811
  increment(): void;
426
812
  decrement(): void;
427
813
  handleBlur(): void;
814
+ private spin;
815
+ private commitValue;
816
+ private roundToStep;
817
+ private clamp;
818
+ private clampOrNull;
819
+ private formatValue;
820
+ private parseValue;
428
821
  writeValue(v: number): void;
429
822
  registerOnChange(fn: (v: number | null) => void): void;
430
823
  registerOnTouched(fn: () => void): void;
431
824
  setDisabledState(isDisabled: boolean): void;
432
825
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputNumberComponent, never>;
433
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputNumberComponent, "f-inputnumber", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "showButtons": { "alias": "showButtons"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "useGrouping": { "alias": "useGrouping"; "required": false; "isSignal": true; }; "buttonLayout": { "alias": "buttonLayout"; "required": false; "isSignal": true; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; }, never, never, true, never>;
826
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputNumberComponent, "f-inputnumber", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "showButtons": { "alias": "showButtons"; "required": false; "isSignal": true; }; "buttonLayout": { "alias": "buttonLayout"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "useGrouping": { "alias": "useGrouping"; "required": false; "isSignal": true; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; "isSignal": true; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onInputEvent": "onInput"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onKeyDown": "onKeyDown"; }, never, never, true, never>;
434
827
  }
435
828
 
829
+ type InputVariant = 'outlined' | 'filled';
830
+ type InputSize = 'small' | 'large' | null;
436
831
  declare class InputTextDirective implements OnInit {
437
832
  readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
438
833
  readonly touched: _angular_core.InputSignal<boolean>;
834
+ readonly variant: _angular_core.InputSignal<InputVariant>;
835
+ readonly size: _angular_core.InputSignal<InputSize>;
836
+ readonly fluid: _angular_core.InputSignalWithTransform<boolean, unknown>;
439
837
  private readonly _el;
440
838
  private readonly _iconLeft;
441
839
  ngOnInit(): void;
442
840
  readonly classes: _angular_core.Signal<string>;
443
841
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputTextDirective, never>;
444
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputTextDirective, "[fInputText]", never, { "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
842
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputTextDirective, "[fInputText]", never, { "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
445
843
  }
446
844
 
447
845
  declare class InputPasswordDirective {
448
846
  private readonly _el;
449
847
  readonly mask: _angular_core.InputSignalWithTransform<boolean, unknown>;
848
+ readonly toggleMask: _angular_core.InputSignalWithTransform<boolean, unknown>;
849
+ private readonly _visible;
850
+ readonly visible: _angular_core.Signal<boolean>;
851
+ private readonly _masked;
450
852
  constructor();
853
+ toggle(): void;
854
+ show(): void;
855
+ hide(): void;
451
856
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputPasswordDirective, never>;
452
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputPasswordDirective, "[fInputPassword]", never, { "mask": { "alias": "mask"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
857
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputPasswordDirective, "[fInputPassword]", ["fInputPassword"], { "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "toggleMask": { "alias": "toggleMask"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
453
858
  }
454
859
 
860
+ type FMultiSelectFilterMatchMode = 'contains' | 'startsWith' | 'endsWith' | 'equals' | 'notEquals';
861
+ type FMultiSelectDisplay = 'comma' | 'chip';
862
+ type FMultiSelectFlatItem = {
863
+ kind: 'option';
864
+ option: unknown;
865
+ } | {
866
+ kind: 'group';
867
+ label: string;
868
+ };
455
869
  declare class MultiSelectComponent implements ControlValueAccessor {
456
870
  private readonly _el;
871
+ constructor();
457
872
  onDocumentClick(e: MouseEvent): void;
873
+ private readonly _triggerRef;
874
+ private readonly _filterInputRef;
458
875
  readonly triggerClass: _angular_core.Signal<string>;
459
876
  readonly options: _angular_core.InputSignal<unknown[]>;
460
877
  readonly optionLabel: _angular_core.InputSignal<string>;
@@ -462,47 +879,126 @@ declare class MultiSelectComponent implements ControlValueAccessor {
462
879
  readonly placeholder: _angular_core.InputSignal<string>;
463
880
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
464
881
  readonly filter: _angular_core.InputSignalWithTransform<boolean, unknown>;
882
+ readonly filterBy: _angular_core.InputSignal<string>;
883
+ readonly filterMatchMode: _angular_core.InputSignal<FMultiSelectFilterMatchMode>;
884
+ readonly filterLocale: _angular_core.InputSignal<string>;
885
+ readonly filterPlaceholder: _angular_core.InputSignal<string>;
886
+ readonly resetFilterOnHide: _angular_core.InputSignalWithTransform<boolean, unknown>;
887
+ readonly autofocusFilter: _angular_core.InputSignalWithTransform<boolean, unknown>;
888
+ readonly emptyMessage: _angular_core.InputSignal<string>;
889
+ readonly emptyFilterMessage: _angular_core.InputSignal<string>;
465
890
  readonly inputId: _angular_core.InputSignal<string>;
466
891
  readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
467
892
  readonly touched: _angular_core.InputSignal<boolean>;
468
893
  readonly showClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
469
894
  readonly optionDisabled: _angular_core.InputSignal<string>;
470
- readonly display: _angular_core.InputSignal<string>;
895
+ readonly display: _angular_core.InputSignal<FMultiSelectDisplay>;
471
896
  readonly maxSelectedLabels: _angular_core.InputSignal<number>;
472
897
  readonly selectionLimit: _angular_core.InputSignal<number | null>;
473
898
  readonly showToggleAll: _angular_core.InputSignalWithTransform<boolean, unknown>;
474
899
  readonly styleClass: _angular_core.InputSignal<string>;
900
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
901
+ readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
902
+ readonly autofocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
903
+ readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
904
+ readonly loadingIcon: _angular_core.InputSignal<string>;
905
+ readonly dropdownIcon: _angular_core.InputSignal<string>;
906
+ readonly clearIcon: _angular_core.InputSignal<string>;
907
+ readonly group: _angular_core.InputSignalWithTransform<boolean, unknown>;
908
+ readonly optionGroupLabel: _angular_core.InputSignal<string>;
909
+ readonly optionGroupChildren: _angular_core.InputSignal<string>;
910
+ readonly virtualScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
911
+ readonly virtualScrollItemSize: _angular_core.InputSignal<number>;
912
+ readonly lazy: _angular_core.InputSignalWithTransform<boolean, unknown>;
913
+ readonly hostClass: _angular_core.Signal<string>;
475
914
  readonly onBlur: _angular_core.OutputEmitterRef<void>;
915
+ readonly onFocus: _angular_core.OutputEmitterRef<FocusEvent>;
916
+ readonly onChange: _angular_core.OutputEmitterRef<unknown[]>;
917
+ readonly onFilter: _angular_core.OutputEmitterRef<{
918
+ filter: string;
919
+ }>;
920
+ readonly onShow: _angular_core.OutputEmitterRef<void>;
921
+ readonly onHide: _angular_core.OutputEmitterRef<void>;
922
+ readonly onClear: _angular_core.OutputEmitterRef<void>;
923
+ readonly onLazyLoad: _angular_core.OutputEmitterRef<{
924
+ filter: string;
925
+ }>;
926
+ readonly onSelectAllChange: _angular_core.OutputEmitterRef<boolean>;
476
927
  private readonly _values;
477
928
  readonly values: _angular_core.Signal<unknown[]>;
478
929
  private readonly _open;
479
930
  readonly open: _angular_core.Signal<boolean>;
480
931
  private readonly _filterText;
481
932
  readonly filterText: _angular_core.Signal<string>;
933
+ private readonly _focusedOptionIndex;
934
+ readonly focusedOptionIndex: _angular_core.Signal<number>;
935
+ readonly selectedItemRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
936
+ readonly itemRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
937
+ readonly groupRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
938
+ readonly headerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
939
+ readonly footerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
940
+ readonly emptyRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
941
+ readonly emptyFilterRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
942
+ readonly loaderRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
943
+ readonly filterRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
944
+ readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
945
+ private namedTemplate;
946
+ readonly selectedItemTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
947
+ readonly itemTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
948
+ readonly groupTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
949
+ readonly headerTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
950
+ readonly footerTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
951
+ readonly emptyTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
952
+ readonly emptyFilterTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
953
+ readonly loaderTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
954
+ readonly filterTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
482
955
  private _onChange;
483
956
  private _onTouched;
484
- readonly filteredOptions: _angular_core.Signal<Record<string, unknown>[]>;
957
+ readonly listId: _angular_core.Signal<string>;
958
+ readonly setFilterFn: (v: string) => void;
959
+ setFilter(v: string): void;
960
+ readonly filterFieldList: _angular_core.Signal<string[]>;
961
+ private matchesFilter;
962
+ private optionMatchesQuery;
963
+ readonly filteredOptions: _angular_core.Signal<unknown[]>;
964
+ readonly allLeafOptions: _angular_core.Signal<unknown[]>;
965
+ readonly flatItems: _angular_core.Signal<FMultiSelectFlatItem[]>;
966
+ readonly navigableOptions: _angular_core.Signal<unknown[]>;
967
+ readonly activeDescendantId: _angular_core.Signal<string | null>;
968
+ optionIndexOf(opt: unknown): number;
969
+ optionRowClass(opt: unknown): string;
970
+ onOptionMouseEnter(opt: unknown): void;
971
+ readonly selectedOptions: _angular_core.Signal<unknown[]>;
485
972
  readonly selectedLabels: _angular_core.Signal<string[]>;
486
973
  getOptionLabel(opt: unknown): string;
487
974
  getOptionValue(opt: unknown): unknown;
488
975
  isSelected(opt: unknown): boolean;
489
976
  isOptionDisabled(opt: unknown): boolean;
490
977
  readonly commaLabel: _angular_core.Signal<string>;
491
- onFilterInput(v: string): void;
492
978
  toggleOpen(): void;
979
+ private openList;
980
+ private closeList;
493
981
  toggleOption(e: Event, opt: unknown): void;
494
982
  clearAll(e: Event): void;
495
983
  readonly allFilteredSelected: _angular_core.Signal<boolean>;
496
984
  toggleAll(e: Event): void;
497
- removeByLabel(e: Event, lbl: string): void;
985
+ removeOption(e: Event, opt: unknown): void;
986
+ private focusFirst;
987
+ private moveFocus;
988
+ private _typeaheadStr;
989
+ private _typeaheadTimer;
990
+ private typeahead;
991
+ onTriggerKeyDown(event: KeyboardEvent): void;
498
992
  writeValue(v: unknown[]): void;
499
993
  registerOnChange(fn: (v: unknown[]) => void): void;
500
994
  registerOnTouched(fn: () => void): void;
501
995
  setDisabledState(): void;
502
996
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
503
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectComponent, "f-multiselect", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; "isSignal": true; }; "selectionLimit": { "alias": "selectionLimit"; "required": false; "isSignal": true; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; }, never, never, true, never>;
997
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectComponent, "f-multiselect", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; "isSignal": true; }; "filterLocale": { "alias": "filterLocale"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; "isSignal": true; }; "autofocusFilter": { "alias": "autofocusFilter"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; "isSignal": true; }; "selectionLimit": { "alias": "selectionLimit"; "required": false; "isSignal": true; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; "isSignal": true; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; "isSignal": true; }; "clearIcon": { "alias": "clearIcon"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; "isSignal": true; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onChange": "onChange"; "onFilter": "onFilter"; "onShow": "onShow"; "onHide": "onHide"; "onClear": "onClear"; "onLazyLoad": "onLazyLoad"; "onSelectAllChange": "onSelectAllChange"; }, ["selectedItemRef", "itemRef", "groupRef", "headerRef", "footerRef", "emptyRef", "emptyFilterRef", "loaderRef", "filterRef", "fTemplates"], never, true, never>;
504
998
  }
505
999
 
1000
+ type PasswordAppendTo = 'self' | 'body';
1001
+ type PasswordStrengthLevel = 'prompt' | 'weak' | 'medium' | 'strong';
506
1002
  declare class PasswordComponent implements ControlValueAccessor {
507
1003
  readonly toggleMask: _angular_core.InputSignalWithTransform<boolean, unknown>;
508
1004
  readonly feedback: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -512,11 +1008,29 @@ declare class PasswordComponent implements ControlValueAccessor {
512
1008
  readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
513
1009
  readonly touched: _angular_core.InputSignal<boolean>;
514
1010
  readonly inputStyleClass: _angular_core.InputSignal<string>;
1011
+ readonly styleClass: _angular_core.InputSignal<string>;
1012
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
1013
+ readonly ariaDescribedby: _angular_core.InputSignal<string>;
1014
+ readonly variant: _angular_core.InputSignal<InputVariant>;
1015
+ readonly size: _angular_core.InputSignal<InputSize>;
1016
+ readonly fluid: _angular_core.InputSignalWithTransform<boolean, unknown>;
1017
+ readonly appendTo: _angular_core.InputSignal<PasswordAppendTo>;
1018
+ readonly promptLabel: _angular_core.InputSignal<string>;
1019
+ readonly weakLabel: _angular_core.InputSignal<string>;
1020
+ readonly mediumLabel: _angular_core.InputSignal<string>;
1021
+ readonly strongLabel: _angular_core.InputSignal<string>;
1022
+ readonly mediumRegex: _angular_core.InputSignal<string>;
1023
+ readonly strongRegex: _angular_core.InputSignal<string>;
515
1024
  readonly onBlur: _angular_core.OutputEmitterRef<void>;
1025
+ readonly onFocus: _angular_core.OutputEmitterRef<void>;
516
1026
  private readonly _value;
517
1027
  readonly value: _angular_core.Signal<string>;
518
1028
  private readonly _show;
519
1029
  readonly show: _angular_core.Signal<boolean>;
1030
+ private readonly _focused;
1031
+ readonly focused: _angular_core.Signal<boolean>;
1032
+ readonly hostClass: _angular_core.Signal<string>;
1033
+ readonly strengthLevel: _angular_core.Signal<PasswordStrengthLevel>;
520
1034
  readonly strength: _angular_core.Signal<{
521
1035
  segments: number;
522
1036
  label: string;
@@ -526,6 +1040,7 @@ declare class PasswordComponent implements ControlValueAccessor {
526
1040
  private _onChange;
527
1041
  private _onTouched;
528
1042
  onInput(e: Event): void;
1043
+ handleFocus(): void;
529
1044
  handleBlur(): void;
530
1045
  toggleShow(): void;
531
1046
  writeValue(v: string): void;
@@ -533,28 +1048,38 @@ declare class PasswordComponent implements ControlValueAccessor {
533
1048
  registerOnTouched(fn: () => void): void;
534
1049
  setDisabledState(): void;
535
1050
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<PasswordComponent, never>;
536
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<PasswordComponent, "f-password", never, { "toggleMask": { "alias": "toggleMask"; "required": false; "isSignal": true; }; "feedback": { "alias": "feedback"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; }, never, never, true, never>;
1051
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<PasswordComponent, "f-password", never, { "toggleMask": { "alias": "toggleMask"; "required": false; "isSignal": true; }; "feedback": { "alias": "feedback"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "promptLabel": { "alias": "promptLabel"; "required": false; "isSignal": true; }; "weakLabel": { "alias": "weakLabel"; "required": false; "isSignal": true; }; "mediumLabel": { "alias": "mediumLabel"; "required": false; "isSignal": true; }; "strongLabel": { "alias": "strongLabel"; "required": false; "isSignal": true; }; "mediumRegex": { "alias": "mediumRegex"; "required": false; "isSignal": true; }; "strongRegex": { "alias": "strongRegex"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, never, true, never>;
537
1052
  }
538
1053
 
539
1054
  interface RadioButtonClickEvent {
540
1055
  originalEvent: Event;
541
1056
  value: unknown;
542
1057
  }
1058
+ type RadioButtonVariant = 'filled' | 'outlined' | null;
1059
+ type RadioButtonSize = 'small' | 'large' | null;
543
1060
  declare class RadioButtonComponent implements ControlValueAccessor {
544
1061
  readonly name: _angular_core.InputSignal<string>;
545
1062
  readonly value: _angular_core.InputSignal<unknown>;
546
1063
  readonly label: _angular_core.InputSignal<string>;
547
1064
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
1065
+ readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
548
1066
  readonly inputId: _angular_core.InputSignal<string>;
549
1067
  readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
1068
+ readonly variant: _angular_core.InputSignal<RadioButtonVariant>;
1069
+ readonly size: _angular_core.InputSignal<RadioButtonSize>;
550
1070
  readonly styleClass: _angular_core.InputSignal<string>;
1071
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
1072
+ readonly hostClass: _angular_core.Signal<string>;
551
1073
  readonly onClick: _angular_core.OutputEmitterRef<RadioButtonClickEvent>;
552
1074
  readonly onBlur: _angular_core.OutputEmitterRef<void>;
1075
+ readonly boxClass: _angular_core.Signal<string>;
1076
+ readonly dotClass: _angular_core.Signal<string>;
553
1077
  private readonly _modelValue;
554
1078
  readonly modelValue: _angular_core.Signal<unknown>;
555
1079
  private _onChange;
556
1080
  private _onTouched;
557
1081
  isChecked(): boolean;
1082
+ onInputClick(event: Event): void;
558
1083
  onChange(e: Event): void;
559
1084
  handleBlur(): void;
560
1085
  writeValue(v: unknown): void;
@@ -562,20 +1087,25 @@ declare class RadioButtonComponent implements ControlValueAccessor {
562
1087
  registerOnTouched(fn: () => void): void;
563
1088
  setDisabledState(): void;
564
1089
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
565
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioButtonComponent, "f-radiobutton", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onBlur": "onBlur"; }, never, never, true, never>;
1090
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioButtonComponent, "f-radiobutton", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onBlur": "onBlur"; }, never, never, true, never>;
566
1091
  }
567
1092
 
1093
+ interface RatingRateEvent {
1094
+ value: number;
1095
+ }
568
1096
  declare class RatingComponent implements ControlValueAccessor {
569
- readonly stars: _angular_core.InputSignal<number>;
1097
+ readonly stars: _angular_core.InputSignalWithTransform<number, unknown>;
570
1098
  readonly cancel: _angular_core.InputSignalWithTransform<boolean, unknown>;
571
1099
  readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
572
1100
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
573
1101
  readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
574
1102
  readonly iconOn: _angular_core.InputSignal<string>;
575
1103
  readonly iconOff: _angular_core.InputSignal<string>;
576
- readonly onRate: _angular_core.OutputEmitterRef<{
577
- value: number;
578
- }>;
1104
+ readonly cancelIcon: _angular_core.InputSignal<string>;
1105
+ readonly styleClass: _angular_core.InputSignal<string>;
1106
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
1107
+ readonly hostClass: _angular_core.Signal<string>;
1108
+ readonly onRate: _angular_core.OutputEmitterRef<RatingRateEvent>;
579
1109
  readonly onBlur: _angular_core.OutputEmitterRef<void>;
580
1110
  private readonly _value;
581
1111
  readonly value: _angular_core.Signal<number>;
@@ -585,24 +1115,28 @@ declare class RatingComponent implements ControlValueAccessor {
585
1115
  private _onChange;
586
1116
  private _onTouched;
587
1117
  onHover(v: number): void;
1118
+ applyValue(v: number): void;
588
1119
  setValue(v: number): void;
1120
+ onKeydown(e: KeyboardEvent): void;
589
1121
  writeValue(v: number): void;
590
1122
  registerOnChange(fn: (v: number) => void): void;
591
1123
  registerOnTouched(fn: () => void): void;
592
1124
  setDisabledState(): void;
593
1125
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<RatingComponent, never>;
594
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<RatingComponent, "f-rating", never, { "stars": { "alias": "stars"; "required": false; "isSignal": true; }; "cancel": { "alias": "cancel"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "iconOn": { "alias": "iconOn"; "required": false; "isSignal": true; }; "iconOff": { "alias": "iconOff"; "required": false; "isSignal": true; }; }, { "onRate": "onRate"; "onBlur": "onBlur"; }, never, never, true, never>;
595
- }
596
-
597
- declare class FTemplateDirective {
598
- readonly fTemplate: _angular_core.InputSignal<string>;
599
- readonly templateRef: TemplateRef<any>;
600
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<FTemplateDirective, never>;
601
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FTemplateDirective, "ng-template[fTemplate]", never, { "fTemplate": { "alias": "fTemplate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1126
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<RatingComponent, "f-rating", never, { "stars": { "alias": "stars"; "required": false; "isSignal": true; }; "cancel": { "alias": "cancel"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "iconOn": { "alias": "iconOn"; "required": false; "isSignal": true; }; "iconOff": { "alias": "iconOff"; "required": false; "isSignal": true; }; "cancelIcon": { "alias": "cancelIcon"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onRate": "onRate"; "onBlur": "onBlur"; }, never, never, true, never>;
602
1127
  }
603
1128
 
1129
+ type FSelectFilterMatchMode = 'contains' | 'startsWith' | 'endsWith' | 'equals' | 'notEquals';
1130
+ type FSelectFlatItem = {
1131
+ kind: 'option';
1132
+ option: unknown;
1133
+ } | {
1134
+ kind: 'group';
1135
+ label: string;
1136
+ };
604
1137
  declare class SelectComponent implements ControlValueAccessor {
605
1138
  private readonly _el;
1139
+ constructor();
606
1140
  onDocumentClick(e: MouseEvent): void;
607
1141
  readonly options: _angular_core.InputSignal<unknown[]>;
608
1142
  readonly optionLabel: _angular_core.InputSignal<string>;
@@ -610,13 +1144,34 @@ declare class SelectComponent implements ControlValueAccessor {
610
1144
  readonly placeholder: _angular_core.InputSignal<string>;
611
1145
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
612
1146
  readonly filter: _angular_core.InputSignalWithTransform<boolean, unknown>;
1147
+ readonly filterBy: _angular_core.InputSignal<string>;
1148
+ readonly filterMatchMode: _angular_core.InputSignal<FSelectFilterMatchMode>;
1149
+ readonly filterLocale: _angular_core.InputSignal<string>;
1150
+ readonly filterPlaceholder: _angular_core.InputSignal<string>;
1151
+ readonly resetFilterOnHide: _angular_core.InputSignalWithTransform<boolean, unknown>;
1152
+ readonly autofocusFilter: _angular_core.InputSignalWithTransform<boolean, unknown>;
1153
+ readonly emptyMessage: _angular_core.InputSignal<string>;
1154
+ readonly emptyFilterMessage: _angular_core.InputSignal<string>;
613
1155
  readonly showClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
614
1156
  readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
1157
+ readonly loadingIcon: _angular_core.InputSignal<string>;
1158
+ readonly dropdownIcon: _angular_core.InputSignal<string>;
1159
+ readonly clearIcon: _angular_core.InputSignal<string>;
615
1160
  readonly inputId: _angular_core.InputSignal<string>;
616
1161
  readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
617
1162
  readonly touched: _angular_core.InputSignal<boolean>;
618
1163
  readonly styleClass: _angular_core.InputSignal<string>;
1164
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
619
1165
  readonly editable: _angular_core.InputSignalWithTransform<boolean, unknown>;
1166
+ readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
1167
+ readonly autofocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
1168
+ readonly checkmark: _angular_core.InputSignalWithTransform<boolean, unknown>;
1169
+ readonly group: _angular_core.InputSignalWithTransform<boolean, unknown>;
1170
+ readonly optionGroupLabel: _angular_core.InputSignal<string>;
1171
+ readonly optionGroupChildren: _angular_core.InputSignal<string>;
1172
+ readonly virtualScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
1173
+ readonly virtualScrollItemSize: _angular_core.InputSignal<number>;
1174
+ readonly lazy: _angular_core.InputSignalWithTransform<boolean, unknown>;
620
1175
  readonly hostClass: _angular_core.Signal<string>;
621
1176
  readonly onFilter: _angular_core.OutputEmitterRef<{
622
1177
  filter: string;
@@ -625,24 +1180,61 @@ declare class SelectComponent implements ControlValueAccessor {
625
1180
  readonly onShow: _angular_core.OutputEmitterRef<void>;
626
1181
  readonly onHide: _angular_core.OutputEmitterRef<void>;
627
1182
  readonly onBlur: _angular_core.OutputEmitterRef<void>;
1183
+ readonly onFocus: _angular_core.OutputEmitterRef<FocusEvent>;
1184
+ readonly onClear: _angular_core.OutputEmitterRef<void>;
1185
+ readonly onLazyLoad: _angular_core.OutputEmitterRef<{
1186
+ filter: string;
1187
+ }>;
628
1188
  private readonly _value;
629
1189
  readonly value: _angular_core.Signal<unknown>;
630
1190
  private readonly _open;
631
1191
  readonly open: _angular_core.Signal<boolean>;
632
1192
  private readonly _filterText;
633
1193
  readonly filterText: _angular_core.Signal<string>;
1194
+ private readonly _focusedOptionIndex;
1195
+ readonly focusedOptionIndex: _angular_core.Signal<number>;
1196
+ private readonly _triggerRef;
1197
+ private readonly _editableInputRef;
1198
+ private readonly _filterInputRef;
634
1199
  readonly selectedItemRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
635
1200
  readonly itemRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1201
+ readonly groupRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1202
+ readonly headerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1203
+ readonly footerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1204
+ readonly emptyRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1205
+ readonly emptyFilterRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1206
+ readonly loaderRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1207
+ readonly filterRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
636
1208
  readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
1209
+ private namedTemplate;
637
1210
  readonly selectedItemTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
638
1211
  readonly itemTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
1212
+ readonly groupTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
1213
+ readonly headerTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
1214
+ readonly footerTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
1215
+ readonly emptyTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
1216
+ readonly emptyFilterTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
1217
+ readonly loaderTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
1218
+ readonly filterTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
639
1219
  private _onChange;
640
1220
  private _onTouched;
1221
+ readonly setFilterFn: (v: string) => void;
641
1222
  setFilter(v: string): void;
642
- readonly filteredOptions: _angular_core.Signal<Record<string, unknown>[]>;
1223
+ readonly listId: _angular_core.Signal<string>;
1224
+ readonly filterFieldList: _angular_core.Signal<string[]>;
1225
+ private matchesFilter;
1226
+ private optionMatchesQuery;
1227
+ readonly filteredOptions: _angular_core.Signal<unknown[]>;
1228
+ readonly allLeafOptions: _angular_core.Signal<unknown[]>;
1229
+ readonly flatItems: _angular_core.Signal<FSelectFlatItem[]>;
1230
+ readonly navigableOptions: _angular_core.Signal<unknown[]>;
1231
+ readonly activeDescendantId: _angular_core.Signal<string | null>;
1232
+ optionIndexOf(opt: unknown): number;
1233
+ optionRowClass(opt: unknown): string;
1234
+ onOptionMouseEnter(opt: unknown): void;
643
1235
  readonly selectedLabel: _angular_core.Signal<string>;
644
1236
  readonly triggerClass: _angular_core.Signal<string>;
645
- readonly selectedOption: _angular_core.Signal<Record<string, unknown> | null>;
1237
+ readonly selectedOption: _angular_core.Signal<{} | null>;
646
1238
  getOptionLabel(opt: unknown): string;
647
1239
  getOptionValue(opt: unknown): unknown;
648
1240
  private readonly _editableOverride;
@@ -650,48 +1242,73 @@ declare class SelectComponent implements ControlValueAccessor {
650
1242
  onEditableInput(text: string): void;
651
1243
  clear(event: Event): void;
652
1244
  toggleOpen(): void;
1245
+ private openList;
1246
+ private closeList;
653
1247
  selectOption(opt: unknown): void;
1248
+ private focusFirstOrSelected;
1249
+ private moveFocus;
1250
+ private _typeaheadStr;
1251
+ private _typeaheadTimer;
1252
+ private typeahead;
1253
+ onTriggerKeyDown(event: KeyboardEvent): void;
654
1254
  writeValue(val: unknown): void;
655
1255
  registerOnChange(fn: (v: unknown) => void): void;
656
1256
  registerOnTouched(fn: () => void): void;
657
1257
  setDisabledState(): void;
658
1258
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
659
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "f-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; }, { "onFilter": "onFilter"; "onChange": "onChange"; "onShow": "onShow"; "onHide": "onHide"; "onBlur": "onBlur"; }, ["selectedItemRef", "itemRef", "fTemplates"], never, true, never>;
1259
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "f-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; "isSignal": true; }; "filterLocale": { "alias": "filterLocale"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; "isSignal": true; }; "autofocusFilter": { "alias": "autofocusFilter"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; "isSignal": true; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; "isSignal": true; }; "clearIcon": { "alias": "clearIcon"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "checkmark": { "alias": "checkmark"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; "isSignal": true; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; }, { "onFilter": "onFilter"; "onChange": "onChange"; "onShow": "onShow"; "onHide": "onHide"; "onBlur": "onBlur"; "onFocus": "onFocus"; "onClear": "onClear"; "onLazyLoad": "onLazyLoad"; }, ["selectedItemRef", "itemRef", "groupRef", "headerRef", "footerRef", "emptyRef", "emptyFilterRef", "loaderRef", "filterRef", "fTemplates"], never, true, never>;
660
1260
  }
661
1261
 
662
1262
  declare class SelectButtonComponent implements ControlValueAccessor {
663
1263
  readonly options: _angular_core.InputSignal<unknown[]>;
664
1264
  readonly optionLabel: _angular_core.InputSignal<string>;
665
1265
  readonly optionValue: _angular_core.InputSignal<string>;
1266
+ readonly optionDisabled: _angular_core.InputSignal<string>;
666
1267
  readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
667
1268
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
1269
+ readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
668
1270
  readonly allowEmpty: _angular_core.InputSignalWithTransform<boolean, unknown>;
669
- readonly size: _angular_core.InputSignal<string>;
1271
+ readonly size: _angular_core.InputSignal<"" | "small" | "large">;
1272
+ readonly styleClass: _angular_core.InputSignal<string>;
1273
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
670
1274
  readonly onChange: _angular_core.OutputEmitterRef<{
671
1275
  value: unknown;
1276
+ originalEvent?: Event;
672
1277
  }>;
673
1278
  private _value;
674
1279
  private _values;
675
1280
  private _onChange;
676
1281
  private _onTouched;
1282
+ readonly hostClass: _angular_core.Signal<string>;
677
1283
  getOptionLabel(opt: unknown): string;
678
1284
  getOptionValue(opt: unknown): unknown;
1285
+ getOptionDisabled(opt: unknown): boolean;
679
1286
  isSelected(opt: unknown): boolean;
680
- select(opt: unknown): void;
1287
+ select(opt: unknown, event?: Event): void;
1288
+ onKeydown(event: KeyboardEvent): void;
681
1289
  writeValue(v: unknown): void;
682
1290
  registerOnChange(fn: (v: unknown) => void): void;
683
1291
  registerOnTouched(fn: () => void): void;
684
1292
  setDisabledState(): void;
685
1293
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectButtonComponent, never>;
686
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectButtonComponent, "f-selectbutton", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, true, never>;
1294
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectButtonComponent, "f-selectbutton", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, true, never>;
687
1295
  }
688
1296
 
1297
+ type TextareaVariant = 'outlined' | 'filled';
689
1298
  declare class TextareaDirective {
1299
+ private readonly _el;
690
1300
  readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
691
1301
  readonly touched: _angular_core.InputSignal<boolean>;
1302
+ readonly variant: _angular_core.InputSignal<TextareaVariant>;
1303
+ readonly fluid: _angular_core.InputSignalWithTransform<boolean, unknown>;
1304
+ readonly autoResize: _angular_core.InputSignalWithTransform<boolean, unknown>;
1305
+ readonly onResize: _angular_core.OutputEmitterRef<void>;
1306
+ constructor();
1307
+ onInput(): void;
1308
+ private resize;
692
1309
  readonly classes: _angular_core.Signal<string>;
693
1310
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaDirective, never>;
694
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TextareaDirective, "[fTextarea]", never, { "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1311
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TextareaDirective, "[fTextarea]", never, { "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "autoResize": { "alias": "autoResize"; "required": false; "isSignal": true; }; }, { "onResize": "onResize"; }, never, never, true, never>;
695
1312
  }
696
1313
 
697
1314
  declare class ToggleButtonComponent implements ControlValueAccessor {
@@ -699,12 +1316,21 @@ declare class ToggleButtonComponent implements ControlValueAccessor {
699
1316
  readonly offLabel: _angular_core.InputSignal<string>;
700
1317
  readonly onIcon: _angular_core.InputSignal<string>;
701
1318
  readonly offIcon: _angular_core.InputSignal<string>;
1319
+ readonly iconPos: _angular_core.InputSignal<"left" | "right">;
1320
+ readonly severity: _angular_core.InputSignal<ButtonSeverity>;
1321
+ readonly size: _angular_core.InputSignal<"small" | "large" | null>;
702
1322
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
1323
+ readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
703
1324
  readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
1325
+ readonly ariaLabel: _angular_core.InputSignal<string>;
1326
+ readonly tabindex: _angular_core.InputSignalWithTransform<number, unknown>;
1327
+ readonly styleClass: _angular_core.InputSignal<string>;
1328
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
704
1329
  private readonly _checked;
705
1330
  readonly checked: _angular_core.Signal<boolean>;
706
1331
  private _onChange;
707
1332
  private _onTouched;
1333
+ readonly hostClass: _angular_core.Signal<string>;
708
1334
  readonly buttonClass: _angular_core.Signal<string>;
709
1335
  toggle(): void;
710
1336
  writeValue(v: boolean): void;
@@ -712,7 +1338,7 @@ declare class ToggleButtonComponent implements ControlValueAccessor {
712
1338
  registerOnTouched(fn: () => void): void;
713
1339
  setDisabledState(): void;
714
1340
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleButtonComponent, never>;
715
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleButtonComponent, "f-togglebutton", never, { "onLabel": { "alias": "onLabel"; "required": false; "isSignal": true; }; "offLabel": { "alias": "offLabel"; "required": false; "isSignal": true; }; "onIcon": { "alias": "onIcon"; "required": false; "isSignal": true; }; "offIcon": { "alias": "offIcon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1341
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleButtonComponent, "f-togglebutton", never, { "onLabel": { "alias": "onLabel"; "required": false; "isSignal": true; }; "offLabel": { "alias": "offLabel"; "required": false; "isSignal": true; }; "onIcon": { "alias": "onIcon"; "required": false; "isSignal": true; }; "offIcon": { "alias": "offIcon"; "required": false; "isSignal": true; }; "iconPos": { "alias": "iconPos"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
716
1342
  }
717
1343
 
718
1344
  declare class ToggleSwitchComponent implements ControlValueAccessor {
@@ -723,12 +1349,17 @@ declare class ToggleSwitchComponent implements ControlValueAccessor {
723
1349
  readonly trueValue: _angular_core.InputSignal<unknown>;
724
1350
  readonly falseValue: _angular_core.InputSignal<unknown>;
725
1351
  readonly inputId: _angular_core.InputSignal<string>;
1352
+ readonly size: _angular_core.InputSignal<"small" | "large" | null>;
1353
+ readonly tabindex: _angular_core.InputSignalWithTransform<number, unknown>;
1354
+ readonly styleClass: _angular_core.InputSignal<string>;
1355
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
726
1356
  private readonly _checked;
727
1357
  readonly checked: _angular_core.Signal<boolean>;
728
1358
  private readonly _formDisabled;
729
1359
  readonly isDisabled: _angular_core.Signal<boolean>;
730
1360
  private _onChange;
731
1361
  private _onTouched;
1362
+ readonly hostClass: _angular_core.Signal<string>;
732
1363
  readonly trackClass: _angular_core.Signal<string>;
733
1364
  readonly thumbClass: _angular_core.Signal<string>;
734
1365
  toggle(): void;
@@ -737,9 +1368,10 @@ declare class ToggleSwitchComponent implements ControlValueAccessor {
737
1368
  registerOnTouched(fn: () => void): void;
738
1369
  setDisabledState(isDisabled: boolean): void;
739
1370
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleSwitchComponent, never>;
740
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleSwitchComponent, "f-toggleswitch", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "trueValue": { "alias": "trueValue"; "required": false; "isSignal": true; }; "falseValue": { "alias": "falseValue"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1371
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleSwitchComponent, "f-toggleswitch", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "trueValue": { "alias": "trueValue"; "required": false; "isSignal": true; }; "falseValue": { "alias": "falseValue"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
741
1372
  }
742
1373
 
1374
+ type DialogPosition = 'center' | 'top' | 'bottom' | 'left' | 'right' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright';
743
1375
  declare class DialogComponent {
744
1376
  private static idCounter;
745
1377
  private readonly _doc;
@@ -748,53 +1380,116 @@ declare class DialogComponent {
748
1380
  readonly visible: _angular_core.ModelSignal<boolean>;
749
1381
  readonly modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
750
1382
  readonly closable: _angular_core.InputSignalWithTransform<boolean, unknown>;
1383
+ readonly closeOnEscape: _angular_core.InputSignalWithTransform<boolean, unknown>;
751
1384
  readonly dismissableMask: _angular_core.InputSignalWithTransform<boolean, unknown>;
752
1385
  readonly resizable: _angular_core.InputSignalWithTransform<boolean, unknown>;
1386
+ readonly draggable: _angular_core.InputSignalWithTransform<boolean, unknown>;
1387
+ readonly maximizable: _angular_core.InputSignalWithTransform<boolean, unknown>;
1388
+ readonly blockScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
1389
+ readonly returnFocusOnClose: _angular_core.InputSignalWithTransform<boolean, unknown>;
1390
+ readonly position: _angular_core.InputSignal<DialogPosition>;
753
1391
  readonly style: _angular_core.InputSignal<Record<string, string> | null>;
1392
+ readonly styleClass: _angular_core.InputSignal<string>;
754
1393
  readonly breakpoints: _angular_core.InputSignal<Record<string, string> | null>;
755
1394
  private readonly _resizedSize;
1395
+ private readonly _dragPosition;
1396
+ private readonly _maximized;
1397
+ readonly maximized: _angular_core.Signal<boolean>;
756
1398
  private readonly _windowWidth;
757
1399
  private readonly breakpointWidth;
758
1400
  readonly panelStyle: _angular_core.Signal<Record<string, string>>;
1401
+ readonly containerPositionClass: _angular_core.Signal<string>;
1402
+ readonly panelClass: _angular_core.Signal<string>;
759
1403
  readonly onShow: _angular_core.OutputEmitterRef<void>;
760
1404
  readonly onHide: _angular_core.OutputEmitterRef<void>;
1405
+ readonly onMaximize: _angular_core.OutputEmitterRef<{
1406
+ maximized: boolean;
1407
+ }>;
1408
+ readonly headerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
761
1409
  readonly footerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
762
1410
  readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
1411
+ readonly resolvedHeader: _angular_core.Signal<TemplateRef<unknown> | null>;
763
1412
  readonly resolvedFooter: _angular_core.Signal<TemplateRef<unknown> | null>;
764
1413
  private readonly _rendered;
765
1414
  readonly rendered: _angular_core.Signal<boolean>;
766
1415
  private readonly _closing;
767
1416
  readonly closing: _angular_core.Signal<boolean>;
1417
+ private readonly panelRef;
1418
+ private _previouslyFocused;
768
1419
  constructor();
1420
+ onEscape(): void;
769
1421
  close(): void;
1422
+ toggleMaximize(): void;
1423
+ private focusPanel;
1424
+ private getFocusable;
1425
+ onTab(event: Event): void;
1426
+ onShiftTab(event: Event): void;
1427
+ onDragStart(event: PointerEvent): void;
770
1428
  onResizeStart(event: PointerEvent): void;
771
1429
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogComponent, never>;
772
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogComponent, "f-dialog", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "dismissableMask": { "alias": "dismissableMask"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "breakpoints": { "alias": "breakpoints"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "onShow": "onShow"; "onHide": "onHide"; }, ["footerRef", "fTemplates"], ["*"], true, never>;
1430
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogComponent, "f-dialog", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "dismissableMask": { "alias": "dismissableMask"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "maximizable": { "alias": "maximizable"; "required": false; "isSignal": true; }; "blockScroll": { "alias": "blockScroll"; "required": false; "isSignal": true; }; "returnFocusOnClose": { "alias": "returnFocusOnClose"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "breakpoints": { "alias": "breakpoints"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "onShow": "onShow"; "onHide": "onHide"; "onMaximize": "onMaximize"; }, ["headerRef", "footerRef", "fTemplates"], ["*"], true, never>;
773
1431
  }
774
1432
 
1433
+ type DrawerPosition = 'left' | 'right' | 'top' | 'bottom' | 'full';
775
1434
  declare class DrawerComponent {
1435
+ private static idCounter;
1436
+ private readonly _doc;
1437
+ protected readonly headerId: string;
776
1438
  readonly header: _angular_core.InputSignal<string>;
777
1439
  readonly visible: _angular_core.ModelSignal<boolean>;
778
- readonly position: _angular_core.InputSignal<"left" | "right" | "top" | "bottom">;
1440
+ readonly position: _angular_core.InputSignal<DrawerPosition>;
779
1441
  readonly fullScreen: _angular_core.InputSignalWithTransform<boolean, unknown>;
780
1442
  readonly modal: _angular_core.InputSignalWithTransform<boolean, unknown>;
781
1443
  readonly closable: _angular_core.InputSignalWithTransform<boolean, unknown>;
782
1444
  readonly closeOnEscape: _angular_core.InputSignalWithTransform<boolean, unknown>;
1445
+ readonly dismissable: _angular_core.InputSignalWithTransform<boolean, unknown>;
1446
+ readonly blockScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
1447
+ readonly returnFocusOnClose: _angular_core.InputSignalWithTransform<boolean, unknown>;
1448
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
1449
+ readonly styleClass: _angular_core.InputSignal<string>;
1450
+ readonly onShow: _angular_core.OutputEmitterRef<void>;
783
1451
  readonly onHide: _angular_core.OutputEmitterRef<void>;
1452
+ readonly headerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1453
+ readonly footerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1454
+ readonly contentRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1455
+ readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
1456
+ readonly resolvedHeader: _angular_core.Signal<TemplateRef<unknown> | null>;
1457
+ readonly resolvedFooter: _angular_core.Signal<TemplateRef<unknown> | null>;
1458
+ readonly resolvedContent: _angular_core.Signal<TemplateRef<unknown> | null>;
1459
+ private readonly isFull;
784
1460
  readonly panelClass: _angular_core.Signal<string>;
785
1461
  private readonly _rendered;
786
1462
  readonly rendered: _angular_core.Signal<boolean>;
787
1463
  private readonly _closing;
788
1464
  readonly closing: _angular_core.Signal<boolean>;
1465
+ private readonly panelRef;
1466
+ private _previouslyFocused;
789
1467
  constructor();
790
1468
  onEscape(): void;
791
1469
  close(): void;
1470
+ private focusPanel;
1471
+ private getFocusable;
1472
+ onTab(event: Event): void;
1473
+ onShiftTab(event: Event): void;
792
1474
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerComponent, never>;
793
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DrawerComponent, "f-drawer", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "fullScreen": { "alias": "fullScreen"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "onHide": "onHide"; }, never, ["*"], true, never>;
1475
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DrawerComponent, "f-drawer", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "fullScreen": { "alias": "fullScreen"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "dismissable": { "alias": "dismissable"; "required": false; "isSignal": true; }; "blockScroll": { "alias": "blockScroll"; "required": false; "isSignal": true; }; "returnFocusOnClose": { "alias": "returnFocusOnClose"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "onShow": "onShow"; "onHide": "onHide"; }, ["headerRef", "footerRef", "contentRef", "fTemplates"], ["*"], true, never>;
794
1476
  }
795
1477
 
1478
+ type PopoverAppendTo = 'self' | 'body';
796
1479
  declare class PopoverComponent {
797
1480
  readonly dismissable: _angular_core.InputSignalWithTransform<boolean, unknown>;
1481
+ readonly appendTo: _angular_core.InputSignal<PopoverAppendTo>;
1482
+ readonly showCloseIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
1483
+ readonly closeAriaLabel: _angular_core.InputSignal<string>;
1484
+ readonly focusOnShow: _angular_core.InputSignalWithTransform<boolean, unknown>;
1485
+ readonly returnFocusOnHide: _angular_core.InputSignalWithTransform<boolean, unknown>;
1486
+ readonly ariaLabel: _angular_core.InputSignal<string>;
1487
+ readonly ariaLabelledBy: _angular_core.InputSignal<string>;
1488
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
1489
+ readonly styleClass: _angular_core.InputSignal<string>;
1490
+ readonly breakpoints: _angular_core.InputSignal<Record<string, string> | null>;
1491
+ readonly onShow: _angular_core.OutputEmitterRef<void>;
1492
+ readonly onHide: _angular_core.OutputEmitterRef<void>;
798
1493
  private readonly _visible;
799
1494
  readonly visible: _angular_core.Signal<boolean>;
800
1495
  private readonly _top;
@@ -803,33 +1498,69 @@ declare class PopoverComponent {
803
1498
  readonly left: _angular_core.Signal<number>;
804
1499
  private readonly panelRef;
805
1500
  private _anchor;
1501
+ private _previouslyFocused;
1502
+ private readonly _windowWidth;
1503
+ private readonly breakpointWidth;
1504
+ readonly panelStyle: _angular_core.Signal<Record<string, string>>;
1505
+ readonly panelClass: _angular_core.Signal<string>;
1506
+ constructor();
806
1507
  toggle(event: Event): void;
807
1508
  show(event: Event): void;
1509
+ private showInternal;
808
1510
  hide(): void;
1511
+ private focusPanel;
809
1512
  private position;
810
1513
  private adjustForViewport;
1514
+ onCloseIconClick(event: Event): void;
1515
+ onEscape(): void;
811
1516
  onDocumentClick(e: Event): void;
812
1517
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverComponent, never>;
813
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopoverComponent, "f-popover", never, { "dismissable": { "alias": "dismissable"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1518
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopoverComponent, "f-popover", never, { "dismissable": { "alias": "dismissable"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "showCloseIcon": { "alias": "showCloseIcon"; "required": false; "isSignal": true; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; "isSignal": true; }; "focusOnShow": { "alias": "focusOnShow"; "required": false; "isSignal": true; }; "returnFocusOnHide": { "alias": "returnFocusOnHide"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "breakpoints": { "alias": "breakpoints"; "required": false; "isSignal": true; }; }, { "onShow": "onShow"; "onHide": "onHide"; }, never, ["*"], true, never>;
814
1519
  }
815
1520
 
816
1521
  declare class CardComponent {
817
1522
  readonly header: _angular_core.InputSignal<string>;
818
1523
  readonly subheader: _angular_core.InputSignal<string>;
819
1524
  readonly styleClass: _angular_core.InputSignal<string>;
820
- readonly headerTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
821
- readonly footerTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1525
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
1526
+ readonly hostClass: _angular_core.Signal<string>;
1527
+ readonly headerTemplateRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1528
+ readonly footerTemplateRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1529
+ readonly contentTemplateRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1530
+ readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
1531
+ readonly headerTemplateResolved: _angular_core.Signal<TemplateRef<unknown> | null>;
1532
+ readonly footerTemplateResolved: _angular_core.Signal<TemplateRef<unknown> | null>;
1533
+ readonly contentTemplateResolved: _angular_core.Signal<TemplateRef<unknown> | null>;
822
1534
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardComponent, never>;
823
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "f-card", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "subheader": { "alias": "subheader"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, ["headerTemplate", "footerTemplate"], ["*"], true, never>;
1535
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "f-card", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "subheader": { "alias": "subheader"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, ["headerTemplateRef", "footerTemplateRef", "contentTemplateRef", "fTemplates"], ["*"], true, never>;
824
1536
  }
825
1537
 
826
1538
  declare class PanelComponent {
1539
+ private static idCounter;
1540
+ protected readonly contentId: string;
827
1541
  readonly header: _angular_core.InputSignal<string>;
828
1542
  readonly toggleable: _angular_core.InputSignalWithTransform<boolean, unknown>;
829
1543
  readonly collapsed: _angular_core.ModelSignal<boolean>;
1544
+ readonly styleClass: _angular_core.InputSignal<string>;
1545
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
1546
+ readonly onBeforeToggle: _angular_core.OutputEmitterRef<{
1547
+ collapsed: boolean;
1548
+ }>;
1549
+ readonly onAfterToggle: _angular_core.OutputEmitterRef<{
1550
+ collapsed: boolean;
1551
+ }>;
1552
+ readonly headerTemplateRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1553
+ readonly iconsTemplateRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1554
+ readonly footerTemplateRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1555
+ readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
1556
+ readonly rootClass: _angular_core.Signal<string>;
1557
+ readonly headerTemplateResolved: _angular_core.Signal<TemplateRef<unknown> | null>;
1558
+ readonly iconsTemplateResolved: _angular_core.Signal<TemplateRef<unknown> | null>;
1559
+ readonly footerTemplateResolved: _angular_core.Signal<TemplateRef<unknown> | null>;
830
1560
  toggleCollapsed(): void;
1561
+ onToggleIconClick(event: Event): void;
831
1562
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<PanelComponent, never>;
832
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<PanelComponent, "f-panel", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "toggleable": { "alias": "toggleable"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["*"], true, never>;
1563
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<PanelComponent, "f-panel", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "toggleable": { "alias": "toggleable"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "onBeforeToggle": "onBeforeToggle"; "onAfterToggle": "onAfterToggle"; }, ["headerTemplateRef", "iconsTemplateRef", "footerTemplateRef", "fTemplates"], ["*"], true, never>;
833
1564
  }
834
1565
 
835
1566
  interface MenuItemCommandEvent {
@@ -869,27 +1600,54 @@ interface MenuItem {
869
1600
  type StepsMenuItem = MenuItem;
870
1601
  declare class StepsComponent {
871
1602
  readonly model: _angular_core.InputSignal<MenuItem[]>;
872
- readonly activeIndex: _angular_core.InputSignal<number>;
1603
+ readonly activeIndex: _angular_core.ModelSignal<number>;
873
1604
  readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
874
- readonly onActiveIndexChange: _angular_core.OutputEmitterRef<number>;
875
- stepCircleClass(i: number): string;
1605
+ readonly linear: _angular_core.InputSignalWithTransform<boolean, unknown>;
1606
+ readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
1607
+ readonly ariaLabel: _angular_core.InputSignal<string>;
1608
+ readonly styleClass: _angular_core.InputSignal<string>;
1609
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
1610
+ readonly onChange: _angular_core.OutputEmitterRef<number>;
1611
+ private readonly stepButtons;
1612
+ isStepDisabled(item: MenuItem, i: number): boolean;
1613
+ stepCircleClass(item: MenuItem, i: number): string;
1614
+ onStepClick(e: Event, i: number, item: MenuItem): void;
1615
+ onKeydown(e: KeyboardEvent, i: number): void;
876
1616
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepsComponent, never>;
877
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<StepsComponent, "f-steps", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "onActiveIndexChange": "onActiveIndexChange"; }, never, never, true, never>;
1617
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<StepsComponent, "f-steps", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; "onChange": "onChange"; }, never, never, true, never>;
878
1618
  }
879
1619
 
1620
+ interface SplitterResizeEvent {
1621
+ originalEvent: Event;
1622
+ sizes: number[];
1623
+ }
880
1624
  declare class SplitterComponent {
881
1625
  readonly layout: _angular_core.InputSignal<"horizontal" | "vertical">;
882
1626
  readonly panelSizes: _angular_core.InputSignal<number[]>;
883
1627
  readonly minSizes: _angular_core.InputSignal<number[]>;
1628
+ readonly gutterSize: _angular_core.InputSignal<number>;
1629
+ readonly step: _angular_core.InputSignal<number>;
1630
+ readonly stateKey: _angular_core.InputSignal<string | null>;
1631
+ readonly stateStorage: _angular_core.InputSignal<"session" | "local">;
884
1632
  readonly styleClass: _angular_core.InputSignal<string>;
1633
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
1634
+ readonly onResizeStart: _angular_core.OutputEmitterRef<SplitterResizeEvent>;
1635
+ readonly onResizeEnd: _angular_core.OutputEmitterRef<SplitterResizeEvent>;
885
1636
  readonly panelTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
1637
+ private readonly platformId;
886
1638
  private readonly _sizes;
887
1639
  readonly sizes: _angular_core.Signal<number[]>;
888
1640
  constructor();
889
1641
  panelFlex(index: number): string;
1642
+ gutterValueNow(index: number): number;
890
1643
  onGutterPointerDown(event: PointerEvent, index: number): void;
1644
+ onGutterKeyDown(event: KeyboardEvent, index: number): void;
1645
+ private clampPair;
1646
+ private getStorage;
1647
+ private persistState;
1648
+ private restoreState;
891
1649
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitterComponent, never>;
892
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitterComponent, "f-splitter", never, { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "panelSizes": { "alias": "panelSizes"; "required": false; "isSignal": true; }; "minSizes": { "alias": "minSizes"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, ["panelTemplates"], ["*"], true, never>;
1650
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitterComponent, "f-splitter", never, { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "panelSizes": { "alias": "panelSizes"; "required": false; "isSignal": true; }; "minSizes": { "alias": "minSizes"; "required": false; "isSignal": true; }; "gutterSize": { "alias": "gutterSize"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "stateKey": { "alias": "stateKey"; "required": false; "isSignal": true; }; "stateStorage": { "alias": "stateStorage"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onResizeStart": "onResizeStart"; "onResizeEnd": "onResizeEnd"; }, ["panelTemplates"], ["*"], true, never>;
893
1651
  }
894
1652
  declare class SplitterPanelComponent {
895
1653
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitterPanelComponent, never>;
@@ -898,25 +1656,50 @@ declare class SplitterPanelComponent {
898
1656
 
899
1657
  declare class ToolbarComponent {
900
1658
  readonly styleClass: _angular_core.InputSignal<string>;
1659
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
901
1660
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarComponent, never>;
902
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarComponent, "f-toolbar", never, { "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["[start],[fStart]", "[center],[fCenter]", "[end],[fEnd]", "*"], true, never>;
1661
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarComponent, "f-toolbar", never, { "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, ["[start],[fStart]", "[center],[fCenter]", "[end],[fEnd]", "*"], true, never>;
1662
+ }
1663
+
1664
+ declare class TabsContext {
1665
+ private readonly _active;
1666
+ readonly active: _angular_core.Signal<string | number>;
1667
+ private readonly _scrollable;
1668
+ readonly scrollable: _angular_core.Signal<boolean>;
1669
+ setActive(v: string | number): void;
1670
+ setScrollable(v: boolean): void;
1671
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsContext, never>;
1672
+ static ɵprov: _angular_core.ɵɵInjectableDeclaration<TabsContext>;
903
1673
  }
904
1674
 
905
1675
  declare class TabsComponent {
906
1676
  readonly value: _angular_core.ModelSignal<string | number>;
907
1677
  readonly scrollable: _angular_core.InputSignalWithTransform<boolean, unknown>;
1678
+ readonly styleClass: _angular_core.InputSignal<string>;
1679
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
908
1680
  readonly onTabChange: _angular_core.OutputEmitterRef<{
909
1681
  value: string | number;
910
1682
  }>;
911
1683
  private readonly ctx;
912
1684
  constructor();
913
1685
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponent, never>;
914
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "f-tabs", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onTabChange": "onTabChange"; }, never, ["*"], true, never>;
1686
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "f-tabs", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onTabChange": "onTabChange"; }, never, ["*"], true, never>;
915
1687
  }
916
1688
  declare class TabListComponent {
917
- private readonly ctx;
1689
+ readonly ctx: TabsContext;
918
1690
  private readonly tabs;
919
- readonly listClass: _angular_core.Signal<"flex border-b border-(--f-content-border-color) gap-0 scrollbar-none overflow-x-auto" | "flex border-b border-(--f-content-border-color) gap-0 scrollbar-none flex-wrap">;
1691
+ private readonly scrollContainerRef;
1692
+ private readonly destroyRef;
1693
+ private readonly _showPrevButton;
1694
+ readonly showPrevButton: _angular_core.Signal<boolean>;
1695
+ private readonly _showNextButton;
1696
+ readonly showNextButton: _angular_core.Signal<boolean>;
1697
+ private resizeObserver?;
1698
+ readonly containerClass: _angular_core.Signal<"flex-1 min-w-0 overflow-x-auto scrollbar-none" | "flex-1 min-w-0">;
1699
+ readonly listClass: _angular_core.Signal<"flex border-b border-(--f-content-border-color) gap-0 w-max" | "flex border-b border-(--f-content-border-color) gap-0 flex-wrap">;
1700
+ constructor();
1701
+ updateScrollButtons(): void;
1702
+ scrollBy(direction: 1 | -1): void;
920
1703
  onKeydown(e: KeyboardEvent): void;
921
1704
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabListComponent, never>;
922
1705
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabListComponent, "f-tablist", never, {}, {}, ["tabs"], ["*"], true, never>;
@@ -926,15 +1709,22 @@ declare class TabComponent {
926
1709
  private readonly buttonRef;
927
1710
  readonly value: _angular_core.InputSignal<string | number>;
928
1711
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
1712
+ readonly closable: _angular_core.InputSignalWithTransform<boolean, unknown>;
929
1713
  readonly isActive: _angular_core.Signal<boolean>;
1714
+ readonly onClose: _angular_core.OutputEmitterRef<{
1715
+ originalEvent: Event;
1716
+ value: string | number;
1717
+ }>;
930
1718
  readonly triggerId: _angular_core.Signal<string>;
931
1719
  readonly panelId: _angular_core.Signal<string>;
932
- readonly tabClass: _angular_core.Signal<"px-4 py-2.5 text-sm font-medium whitespace-nowrap border-b-[2.5px] transition-all duration-[var(--f-transition-duration)] -mb-px inline-flex items-center gap-1.5 focus:outline-none focus-visible:ring-focus cursor-pointer disabled:cursor-not-allowed disabled:opacity-40 select-none border-primary text-primary" | "px-4 py-2.5 text-sm font-medium whitespace-nowrap border-b-[2.5px] transition-all duration-[var(--f-transition-duration)] -mb-px inline-flex items-center gap-1.5 focus:outline-none focus-visible:ring-focus cursor-pointer disabled:cursor-not-allowed disabled:opacity-40 select-none border-transparent text-(--f-text-muted-color) hover:text-(--f-text-hover-color) hover:border-(--f-content-border-color) hover:bg-(--f-content-hover-background)/60">;
1720
+ readonly hostClass: _angular_core.Signal<"inline-flex items-stretch border-b-[2.5px] -mb-px transition-all duration-[var(--f-transition-duration)] border-primary" | "inline-flex items-stretch border-b-[2.5px] -mb-px transition-all duration-[var(--f-transition-duration)] border-transparent hover:border-(--f-content-border-color)">;
1721
+ readonly tabClass: _angular_core.Signal<"px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-all duration-[var(--f-transition-duration)] inline-flex items-center gap-1.5 focus:outline-none focus-visible:ring-focus cursor-pointer disabled:cursor-not-allowed disabled:opacity-40 select-none text-primary" | "px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-all duration-[var(--f-transition-duration)] inline-flex items-center gap-1.5 focus:outline-none focus-visible:ring-focus cursor-pointer disabled:cursor-not-allowed disabled:opacity-40 select-none text-(--f-text-muted-color) hover:text-(--f-text-hover-color) hover:bg-(--f-content-hover-background)/60">;
933
1722
  buttonEl(): HTMLButtonElement | undefined;
934
1723
  focusButton(): void;
935
1724
  onClick(): void;
1725
+ onCloseClick(e: Event): void;
936
1726
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabComponent, never>;
937
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabComponent, "f-tab", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1727
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabComponent, "f-tab", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; }, { "onClose": "onClose"; }, never, ["*"], true, never>;
938
1728
  }
939
1729
  declare class TabPanelsComponent {
940
1730
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabPanelsComponent, never>;
@@ -953,12 +1743,16 @@ declare class TabPanelComponent {
953
1743
  }
954
1744
 
955
1745
  declare class AccordionContext {
1746
+ private static idCounter;
1747
+ readonly id: string;
956
1748
  private readonly _values;
957
1749
  readonly values: _angular_core.Signal<(string | number)[]>;
958
1750
  private readonly _multiple;
959
1751
  readonly multiple: _angular_core.Signal<boolean>;
1752
+ private _toggleFn;
960
1753
  isOpen(v: string | number): boolean;
961
1754
  toggle(v: string | number): void;
1755
+ setToggleFn(fn: (v: string | number) => void): void;
962
1756
  setValues(vals: (string | number)[]): void;
963
1757
  setMultiple(v: boolean): void;
964
1758
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionContext, never>;
@@ -967,66 +1761,113 @@ declare class AccordionContext {
967
1761
  declare class AccordionPanelCtx {
968
1762
  private readonly _open;
969
1763
  readonly open: _angular_core.Signal<boolean>;
1764
+ private readonly _disabled;
1765
+ readonly disabled: _angular_core.Signal<boolean>;
1766
+ private readonly _value;
1767
+ readonly value: _angular_core.Signal<string | number>;
970
1768
  private _toggleFn;
971
1769
  setToggleFn(fn: () => void): void;
972
1770
  toggle(): void;
973
1771
  setOpen(v: boolean): void;
1772
+ setDisabled(v: boolean): void;
1773
+ setValue(v: string | number): void;
974
1774
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionPanelCtx, never>;
975
1775
  static ɵprov: _angular_core.ɵɵInjectableDeclaration<AccordionPanelCtx>;
976
1776
  }
977
1777
 
978
- declare class AccordionComponent implements OnInit {
1778
+ declare class AccordionComponent {
979
1779
  readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
980
1780
  readonly value: _angular_core.ModelSignal<string | number | (string | number)[] | null>;
1781
+ readonly styleClass: _angular_core.InputSignal<string>;
1782
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
981
1783
  readonly onOpen: _angular_core.OutputEmitterRef<{
982
1784
  value: string | number;
983
1785
  }>;
984
1786
  readonly onClose: _angular_core.OutputEmitterRef<{
985
1787
  value: string | number;
986
1788
  }>;
1789
+ readonly onTabChange: _angular_core.OutputEmitterRef<{
1790
+ value: string | number;
1791
+ }>;
1792
+ readonly onTabClose: _angular_core.OutputEmitterRef<{
1793
+ value: string | number;
1794
+ }>;
987
1795
  private readonly ctx;
988
- ngOnInit(): void;
1796
+ private readonly headers;
1797
+ readonly rootClass: _angular_core.Signal<string>;
989
1798
  constructor();
1799
+ private syncValuesToContext;
1800
+ private applyToggle;
1801
+ private emitToggle;
1802
+ onKeydown(event: KeyboardEvent): void;
990
1803
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionComponent, never>;
991
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionComponent, "f-accordion", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onOpen": "onOpen"; "onClose": "onClose"; }, never, ["*"], true, never>;
1804
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionComponent, "f-accordion", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onOpen": "onOpen"; "onClose": "onClose"; "onTabChange": "onTabChange"; "onTabClose": "onTabClose"; }, ["headers"], ["*"], true, never>;
992
1805
  }
993
- declare class AccordionPanelComponent implements OnInit {
1806
+ declare class AccordionPanelComponent {
994
1807
  readonly value: _angular_core.InputSignal<string | number>;
995
1808
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
996
1809
  private readonly panelCtx;
997
1810
  private readonly accordionCtx;
998
- ngOnInit(): void;
999
1811
  constructor();
1000
1812
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionPanelComponent, never>;
1001
1813
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionPanelComponent, "f-accordion-panel", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1002
1814
  }
1003
1815
  declare class AccordionHeaderComponent {
1004
1816
  readonly panelCtx: AccordionPanelCtx;
1817
+ private readonly accordionCtx;
1818
+ private readonly buttonRef;
1819
+ readonly disabled: _angular_core.Signal<boolean>;
1820
+ readonly headerId: _angular_core.Signal<string>;
1821
+ readonly contentId: _angular_core.Signal<string>;
1822
+ buttonEl(): HTMLButtonElement | undefined;
1823
+ focusButton(): void;
1005
1824
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionHeaderComponent, never>;
1006
1825
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionHeaderComponent, "f-accordion-header", never, {}, {}, never, ["*"], true, never>;
1007
1826
  }
1008
1827
  declare class AccordionContentComponent {
1009
1828
  readonly panelCtx: AccordionPanelCtx;
1829
+ private readonly accordionCtx;
1830
+ readonly headerId: _angular_core.Signal<string>;
1831
+ readonly contentId: _angular_core.Signal<string>;
1010
1832
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionContentComponent, never>;
1011
1833
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionContentComponent, "f-accordion-content", never, {}, {}, never, ["*"], true, never>;
1012
1834
  }
1013
1835
 
1836
+ type ChartType = 'bar' | 'line' | 'scatter' | 'bubble' | 'pie' | 'doughnut' | 'polarArea' | 'radar';
1837
+ interface ChartDataSelectEvent {
1838
+ originalEvent: MouseEvent;
1839
+ element: unknown;
1840
+ dataset: unknown;
1841
+ }
1014
1842
  declare class ChartComponent implements AfterViewInit, OnDestroy {
1015
1843
  private readonly platformId;
1016
- readonly type: _angular_core.InputSignal<string>;
1844
+ readonly type: _angular_core.InputSignal<ChartType>;
1017
1845
  readonly data: _angular_core.InputSignal<unknown>;
1018
1846
  readonly options: _angular_core.InputSignal<unknown>;
1847
+ readonly plugins: _angular_core.InputSignal<unknown[]>;
1019
1848
  readonly width: _angular_core.InputSignal<string>;
1020
1849
  readonly height: _angular_core.InputSignal<string>;
1850
+ readonly responsive: _angular_core.InputSignalWithTransform<boolean, unknown>;
1851
+ readonly ariaLabel: _angular_core.InputSignal<string>;
1852
+ readonly ariaLabelledBy: _angular_core.InputSignal<string>;
1853
+ readonly styleClass: _angular_core.InputSignal<string>;
1854
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
1855
+ readonly onDataSelect: _angular_core.OutputEmitterRef<ChartDataSelectEvent>;
1856
+ readonly hostClass: _angular_core.Signal<string>;
1021
1857
  readonly canvasRef: _angular_core.Signal<ElementRef<HTMLCanvasElement> | undefined>;
1022
1858
  private chart;
1023
1859
  private currentType;
1024
1860
  constructor();
1025
1861
  ngAfterViewInit(): void;
1862
+ onCanvasClick(event: MouseEvent): void;
1863
+ getCanvas(): HTMLCanvasElement | undefined;
1864
+ getBase64Image(): string | undefined;
1865
+ refresh(): void;
1866
+ private mergeOptions;
1026
1867
  private recreateChart;
1027
1868
  ngOnDestroy(): void;
1028
1869
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartComponent, never>;
1029
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartComponent, "f-chart", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1870
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartComponent, "f-chart", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onDataSelect": "onDataSelect"; }, never, never, true, never>;
1030
1871
  }
1031
1872
 
1032
1873
  interface PaginatorState {
@@ -1036,28 +1877,65 @@ interface PaginatorState {
1036
1877
  pageCount: number;
1037
1878
  }
1038
1879
  declare class PaginatorComponent {
1039
- readonly first: _angular_core.InputSignal<number>;
1880
+ readonly first: _angular_core.ModelSignal<number>;
1040
1881
  readonly rows: _angular_core.InputSignal<number>;
1041
1882
  readonly totalRecords: _angular_core.InputSignal<number>;
1042
1883
  readonly rowsPerPageOptions: _angular_core.InputSignal<number[]>;
1043
1884
  readonly showCurrentPageReport: _angular_core.InputSignalWithTransform<boolean, unknown>;
1044
1885
  readonly currentPageReportTemplate: _angular_core.InputSignal<string>;
1886
+ readonly pageLinkSize: _angular_core.InputSignalWithTransform<number, unknown>;
1887
+ readonly alwaysShow: _angular_core.InputSignalWithTransform<boolean, unknown>;
1888
+ readonly showFirstLastIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
1889
+ readonly showPageLinks: _angular_core.InputSignalWithTransform<boolean, unknown>;
1890
+ readonly showJumpToPageDropdown: _angular_core.InputSignalWithTransform<boolean, unknown>;
1891
+ readonly showJumpToPageInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
1892
+ readonly locale: _angular_core.InputSignal<string>;
1893
+ readonly styleClass: _angular_core.InputSignal<string>;
1894
+ readonly ariaLabel: _angular_core.InputSignal<string>;
1045
1895
  readonly onPageChange: _angular_core.OutputEmitterRef<PaginatorState>;
1896
+ readonly contentStartRef: _angular_core.Signal<TemplateRef<{
1897
+ $implicit: PaginatorState;
1898
+ }> | undefined>;
1899
+ readonly contentEndRef: _angular_core.Signal<TemplateRef<{
1900
+ $implicit: PaginatorState;
1901
+ }> | undefined>;
1902
+ readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
1903
+ private namedTemplate;
1904
+ readonly contentStartTpl: _angular_core.Signal<TemplateRef<{
1905
+ $implicit: PaginatorState;
1906
+ }> | null>;
1907
+ readonly contentEndTpl: _angular_core.Signal<TemplateRef<{
1908
+ $implicit: PaginatorState;
1909
+ }> | null>;
1910
+ readonly hostClass: _angular_core.Signal<string>;
1046
1911
  readonly currentPage: _angular_core.Signal<number>;
1047
1912
  readonly pageCount: _angular_core.Signal<number>;
1913
+ readonly pageOptions: _angular_core.Signal<number[]>;
1914
+ readonly state: _angular_core.Signal<PaginatorState>;
1915
+ formatNumber(n: number): string;
1048
1916
  readonly reportText: _angular_core.Signal<string>;
1049
1917
  readonly visiblePages: _angular_core.Signal<number[]>;
1918
+ readonly rowsPerPageAriaLabel: _angular_core.Signal<string>;
1919
+ readonly firstPageAriaLabel: _angular_core.Signal<string>;
1920
+ readonly prevPageAriaLabel: _angular_core.Signal<string>;
1921
+ readonly nextPageAriaLabel: _angular_core.Signal<string>;
1922
+ readonly lastPageAriaLabel: _angular_core.Signal<string>;
1923
+ readonly jumpToPageAriaLabel: _angular_core.Signal<string>;
1050
1924
  pageClass(p: number): string;
1051
1925
  goTo(page: number): void;
1926
+ onJumpInput(value: string): void;
1927
+ onJumpDropdown(value: string): void;
1052
1928
  onRowsChange(value: string): void;
1053
1929
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginatorComponent, never>;
1054
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginatorComponent, "f-paginator", never, { "first": { "alias": "first"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; "showCurrentPageReport": { "alias": "showCurrentPageReport"; "required": false; "isSignal": true; }; "currentPageReportTemplate": { "alias": "currentPageReportTemplate"; "required": false; "isSignal": true; }; }, { "onPageChange": "onPageChange"; }, never, never, true, never>;
1930
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginatorComponent, "f-paginator", never, { "first": { "alias": "first"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; "showCurrentPageReport": { "alias": "showCurrentPageReport"; "required": false; "isSignal": true; }; "currentPageReportTemplate": { "alias": "currentPageReportTemplate"; "required": false; "isSignal": true; }; "pageLinkSize": { "alias": "pageLinkSize"; "required": false; "isSignal": true; }; "alwaysShow": { "alias": "alwaysShow"; "required": false; "isSignal": true; }; "showFirstLastIcon": { "alias": "showFirstLastIcon"; "required": false; "isSignal": true; }; "showPageLinks": { "alias": "showPageLinks"; "required": false; "isSignal": true; }; "showJumpToPageDropdown": { "alias": "showJumpToPageDropdown"; "required": false; "isSignal": true; }; "showJumpToPageInput": { "alias": "showJumpToPageInput"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "first": "firstChange"; "onPageChange": "onPageChange"; }, ["contentStartRef", "contentEndRef", "fTemplates"], never, true, never>;
1055
1931
  }
1056
1932
 
1057
1933
  declare class SortableColumnDirective {
1058
1934
  readonly fSortableColumn: _angular_core.InputSignal<string>;
1059
1935
  private readonly table;
1060
- onClick(): void;
1936
+ readonly ariaSort: _angular_core.Signal<"none" | "ascending" | "descending">;
1937
+ onClick(event: MouseEvent): void;
1938
+ onKeydown(event: Event): void;
1061
1939
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SortableColumnDirective, never>;
1062
1940
  static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SortableColumnDirective, "[fSortableColumn]", never, { "fSortableColumn": { "alias": "fSortableColumn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1063
1941
  }
@@ -1065,6 +1943,7 @@ declare class SortIconComponent {
1065
1943
  readonly field: _angular_core.InputSignal<string>;
1066
1944
  private readonly table;
1067
1945
  readonly direction: _angular_core.Signal<number>;
1946
+ readonly priority: _angular_core.Signal<number | null>;
1068
1947
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SortIconComponent, never>;
1069
1948
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<SortIconComponent, "f-sorticon", never, { "field": { "alias": "field"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1070
1949
  }
@@ -1093,15 +1972,94 @@ declare class StyleClassDirective implements OnDestroy {
1093
1972
  static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StyleClassDirective, "[fStyleClass]", never, { "fStyleClass": { "alias": "fStyleClass"; "required": false; "isSignal": true; }; "enterFromClass": { "alias": "enterFromClass"; "required": false; "isSignal": true; }; "enterActiveClass": { "alias": "enterActiveClass"; "required": false; "isSignal": true; }; "enterToClass": { "alias": "enterToClass"; "required": false; "isSignal": true; }; "leaveFromClass": { "alias": "leaveFromClass"; "required": false; "isSignal": true; }; "leaveActiveClass": { "alias": "leaveActiveClass"; "required": false; "isSignal": true; }; "leaveToClass": { "alias": "leaveToClass"; "required": false; "isSignal": true; }; "hideOnOutsideClick": { "alias": "hideOnOutsideClick"; "required": false; "isSignal": true; }; "toggleClass": { "alias": "toggleClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1094
1973
  }
1095
1974
 
1975
+ interface ScrollerLazyLoadEvent {
1976
+ first: number;
1977
+ last: number;
1978
+ }
1979
+ declare class ScrollerComponent<T = unknown> implements AfterViewInit, OnDestroy {
1980
+ readonly items: _angular_core.InputSignal<T[]>;
1981
+ readonly itemSize: _angular_core.InputSignal<number>;
1982
+ readonly scrollHeight: _angular_core.InputSignal<string>;
1983
+ readonly scrollWidth: _angular_core.InputSignal<string>;
1984
+ readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
1985
+ readonly lazy: _angular_core.InputSignal<boolean>;
1986
+ readonly loading: _angular_core.InputSignal<boolean>;
1987
+ readonly trackBy: _angular_core.InputSignal<((index: number, item: T) => unknown) | undefined>;
1988
+ readonly styleClass: _angular_core.InputSignal<string>;
1989
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
1990
+ readonly onLazyLoad: _angular_core.OutputEmitterRef<ScrollerLazyLoadEvent>;
1991
+ readonly onScrollIndexChange: _angular_core.OutputEmitterRef<ScrollerLazyLoadEvent>;
1992
+ readonly itemTpl: _angular_core.Signal<TemplateRef<any> | undefined>;
1993
+ readonly loaderTpl: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1994
+ private readonly viewportRef;
1995
+ private readonly destroyRef;
1996
+ private resizeObserver;
1997
+ private readonly scrollPos;
1998
+ private readonly viewportExtent;
1999
+ readonly totalSize: _angular_core.Signal<number>;
2000
+ readonly startIndex: _angular_core.Signal<number>;
2001
+ private readonly endIndex;
2002
+ readonly visibleItems: _angular_core.Signal<T[]>;
2003
+ readonly viewportStyle: _angular_core.Signal<Record<string, string>>;
2004
+ readonly contentStyle: _angular_core.Signal<Record<string, string>>;
2005
+ constructor();
2006
+ itemStyle(relativeIndex: number): Record<string, string>;
2007
+ offsetFor(relativeIndex: number): number;
2008
+ trackItem(relativeIndex: number, item: T): unknown;
2009
+ onScroll(e: Event): void;
2010
+ scrollToIndex(index: number, behavior?: ScrollBehavior): void;
2011
+ scrollToTop(behavior?: ScrollBehavior): void;
2012
+ ngAfterViewInit(): void;
2013
+ ngOnDestroy(): void;
2014
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollerComponent<any>, never>;
2015
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollerComponent<any>, "f-scroller", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; "isSignal": true; }; "scrollWidth": { "alias": "scrollWidth"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onLazyLoad": "onLazyLoad"; "onScrollIndexChange": "onScrollIndexChange"; }, ["itemTpl", "loaderTpl"], never, true, never>;
2016
+ }
2017
+
2018
+ type TableSelectionMode = 'single' | 'multiple' | 'checkbox' | null;
2019
+ type TableSortMode = 'single' | 'multiple';
2020
+ type TableResponsiveLayout = 'scroll' | 'stack';
2021
+ type TableFilterMatchMode = 'contains' | 'notContains' | 'startsWith' | 'endsWith' | 'equals' | 'notEquals' | 'lt' | 'lte' | 'gt' | 'gte' | 'in';
2022
+ interface TableSortMeta {
2023
+ field: string;
2024
+ order: number;
2025
+ }
2026
+ interface TableFilterMeta {
2027
+ value: unknown;
2028
+ matchMode: TableFilterMatchMode;
2029
+ }
1096
2030
  interface TableLazyLoadEvent {
1097
2031
  first: number;
1098
2032
  rows: number;
1099
2033
  sortField?: string;
1100
2034
  sortOrder?: number;
2035
+ multiSortMeta?: TableSortMeta[];
2036
+ filters?: Record<string, TableFilterMeta>;
2037
+ globalFilter?: string;
1101
2038
  }
1102
2039
  interface TableSortEvent {
1103
2040
  sortField: string | null;
1104
2041
  sortOrder: number;
2042
+ multiSortMeta?: TableSortMeta[];
2043
+ }
2044
+ interface TableRowSelectEvent {
2045
+ originalEvent?: Event;
2046
+ data: unknown;
2047
+ index?: number;
2048
+ }
2049
+ interface TableRowExpandEvent {
2050
+ originalEvent?: Event;
2051
+ data: unknown;
2052
+ }
2053
+ interface TableFilterEvent {
2054
+ filters: Record<string, TableFilterMeta>;
2055
+ }
2056
+ interface TableColResizeEvent {
2057
+ element: HTMLElement;
2058
+ delta: number;
2059
+ }
2060
+ interface TableRowContextMenuEvent {
2061
+ originalEvent: MouseEvent;
2062
+ data: unknown;
1105
2063
  }
1106
2064
  declare class TableComponent implements OnInit {
1107
2065
  readonly value: _angular_core.InputSignal<unknown[] | null>;
@@ -1112,6 +2070,7 @@ declare class TableComponent implements OnInit {
1112
2070
  readonly rowHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
1113
2071
  readonly dataKey: _angular_core.InputSignal<string>;
1114
2072
  readonly scrollable: _angular_core.InputSignalWithTransform<boolean, unknown>;
2073
+ readonly scrollHeight: _angular_core.InputSignal<string>;
1115
2074
  readonly paginator: _angular_core.InputSignalWithTransform<boolean, unknown>;
1116
2075
  readonly first: _angular_core.InputSignal<number>;
1117
2076
  readonly rowsPerPageOptions: _angular_core.InputSignal<number[]>;
@@ -1119,33 +2078,91 @@ declare class TableComponent implements OnInit {
1119
2078
  readonly currentPageReportTemplate: _angular_core.InputSignal<string>;
1120
2079
  readonly tableStyle: _angular_core.InputSignal<Record<string, string> | null>;
1121
2080
  readonly styleClass: _angular_core.InputSignal<string>;
2081
+ readonly hostClass: _angular_core.Signal<string>;
1122
2082
  readonly globalFilterFields: _angular_core.InputSignal<string[]>;
2083
+ readonly filterDelay: _angular_core.InputSignal<number>;
2084
+ readonly responsiveLayout: _angular_core.InputSignal<TableResponsiveLayout>;
2085
+ readonly selectionMode: _angular_core.InputSignal<TableSelectionMode>;
2086
+ readonly sortMode: _angular_core.InputSignal<TableSortMode>;
2087
+ readonly rowExpandMode: _angular_core.InputSignal<"single" | "multiple">;
2088
+ readonly resizableColumns: _angular_core.InputSignalWithTransform<boolean, unknown>;
2089
+ readonly rowStyleClass: _angular_core.InputSignal<((row: unknown, index: number) => string) | null>;
2090
+ readonly virtualScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
2091
+ readonly virtualScrollItemSize: _angular_core.InputSignal<number>;
1123
2092
  readonly sortField: _angular_core.ModelSignal<string | null>;
1124
2093
  readonly sortOrder: _angular_core.ModelSignal<number>;
2094
+ readonly multiSortMeta: _angular_core.ModelSignal<TableSortMeta[]>;
2095
+ readonly filters: _angular_core.ModelSignal<Record<string, TableFilterMeta>>;
2096
+ readonly selection: _angular_core.ModelSignal<unknown>;
2097
+ readonly expandedRowKeys: _angular_core.ModelSignal<Record<string, boolean>>;
2098
+ readonly contextMenuSelection: _angular_core.ModelSignal<unknown>;
1125
2099
  readonly onLazyLoad: _angular_core.OutputEmitterRef<TableLazyLoadEvent>;
1126
2100
  readonly onSort: _angular_core.OutputEmitterRef<TableSortEvent>;
2101
+ readonly onFilter: _angular_core.OutputEmitterRef<TableFilterEvent>;
2102
+ readonly onRowSelect: _angular_core.OutputEmitterRef<TableRowSelectEvent>;
2103
+ readonly onRowUnselect: _angular_core.OutputEmitterRef<TableRowSelectEvent>;
2104
+ readonly onSelectAllChange: _angular_core.OutputEmitterRef<{
2105
+ checked: boolean;
2106
+ }>;
2107
+ readonly onRowExpand: _angular_core.OutputEmitterRef<TableRowExpandEvent>;
2108
+ readonly onRowCollapse: _angular_core.OutputEmitterRef<TableRowExpandEvent>;
2109
+ readonly onColResize: _angular_core.OutputEmitterRef<TableColResizeEvent>;
2110
+ readonly onRowContextMenu: _angular_core.OutputEmitterRef<TableRowContextMenuEvent>;
1127
2111
  readonly headerTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1128
2112
  readonly bodyTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1129
2113
  readonly emptyTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2114
+ readonly captionTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2115
+ readonly footerTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2116
+ readonly loadingBodyTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2117
+ readonly paginatorLeftTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2118
+ readonly paginatorRightTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2119
+ readonly rowExpansionTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2120
+ private readonly destroyRef;
1130
2121
  private readonly _currentFirst;
1131
2122
  private readonly _currentRows;
1132
2123
  readonly currentFirst: _angular_core.Signal<number>;
1133
2124
  readonly currentRows: _angular_core.Signal<number>;
1134
2125
  private readonly _filterText;
1135
2126
  readonly filterText: _angular_core.Signal<string>;
2127
+ private filterInputTimeout;
2128
+ private resizeCleanup;
2129
+ readonly scrollContainerStyle: _angular_core.Signal<Record<string, string> | null>;
2130
+ readonly normalTableStyle: _angular_core.Signal<Record<string, string> | null>;
2131
+ readonly virtualTableStyle: _angular_core.Signal<Record<string, string>>;
2132
+ readonly columnFilteredValue: _angular_core.Signal<unknown[]>;
1136
2133
  readonly filteredValue: _angular_core.Signal<unknown[]>;
1137
2134
  readonly sortedValue: _angular_core.Signal<unknown[]>;
1138
2135
  readonly effectiveTotalRecords: _angular_core.Signal<number>;
1139
2136
  readonly pageRows: _angular_core.Signal<unknown[]>;
2137
+ readonly virtualRows: _angular_core.Signal<unknown[]>;
2138
+ readonly allSelected: _angular_core.Signal<boolean>;
2139
+ constructor();
1140
2140
  ngOnInit(): void;
1141
2141
  onFilterInput(v: string): void;
2142
+ filterGlobal(value: string): void;
2143
+ filter(value: unknown, field: string, matchMode?: TableFilterMatchMode): void;
2144
+ clearFilter(field: string): void;
2145
+ clear(): void;
1142
2146
  trackByRow(index: number, row: unknown): unknown;
1143
2147
  handlePageChange(event: PaginatorState): void;
1144
- sort(field: string): void;
2148
+ onScrollerLazyLoad(event: ScrollerLazyLoadEvent): void;
2149
+ sort(field: string, event?: MouseEvent): void;
2150
+ isSelected(row: unknown): boolean;
2151
+ toggleRowSelection(row: unknown, event?: Event): void;
2152
+ toggleAll(event?: Event): void;
2153
+ isRowExpanded(row: unknown): boolean;
2154
+ toggleRow(row: unknown): void;
2155
+ getRowStyleClass(row: unknown, index: number): string;
2156
+ onRowContextMenuHandler(event: MouseEvent, row: unknown): void;
2157
+ startResize(event: MouseEvent): void;
2158
+ private applyFilter;
2159
+ private rowKey;
2160
+ private rowsEqual;
1145
2161
  private buildLazyEvent;
2162
+ private matchValue;
1146
2163
  private compareValues;
1147
2164
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent, never>;
1148
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "f-table", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "rowHover": { "alias": "rowHover"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "first": { "alias": "first"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; "showCurrentPageReport": { "alias": "showCurrentPageReport"; "required": false; "isSignal": true; }; "currentPageReportTemplate": { "alias": "currentPageReportTemplate"; "required": false; "isSignal": true; }; "tableStyle": { "alias": "tableStyle"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "globalFilterFields": { "alias": "globalFilterFields"; "required": false; "isSignal": true; }; "sortField": { "alias": "sortField"; "required": false; "isSignal": true; }; "sortOrder": { "alias": "sortOrder"; "required": false; "isSignal": true; }; }, { "sortField": "sortFieldChange"; "sortOrder": "sortOrderChange"; "onLazyLoad": "onLazyLoad"; "onSort": "onSort"; }, ["headerTemplate", "bodyTemplate", "emptyTemplate"], never, true, never>;
2165
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "f-table", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "rowHover": { "alias": "rowHover"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "first": { "alias": "first"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; "showCurrentPageReport": { "alias": "showCurrentPageReport"; "required": false; "isSignal": true; }; "currentPageReportTemplate": { "alias": "currentPageReportTemplate"; "required": false; "isSignal": true; }; "tableStyle": { "alias": "tableStyle"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "globalFilterFields": { "alias": "globalFilterFields"; "required": false; "isSignal": true; }; "filterDelay": { "alias": "filterDelay"; "required": false; "isSignal": true; }; "responsiveLayout": { "alias": "responsiveLayout"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "sortMode": { "alias": "sortMode"; "required": false; "isSignal": true; }; "rowExpandMode": { "alias": "rowExpandMode"; "required": false; "isSignal": true; }; "resizableColumns": { "alias": "resizableColumns"; "required": false; "isSignal": true; }; "rowStyleClass": { "alias": "rowStyleClass"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "sortField": { "alias": "sortField"; "required": false; "isSignal": true; }; "sortOrder": { "alias": "sortOrder"; "required": false; "isSignal": true; }; "multiSortMeta": { "alias": "multiSortMeta"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "expandedRowKeys": { "alias": "expandedRowKeys"; "required": false; "isSignal": true; }; "contextMenuSelection": { "alias": "contextMenuSelection"; "required": false; "isSignal": true; }; }, { "sortField": "sortFieldChange"; "sortOrder": "sortOrderChange"; "multiSortMeta": "multiSortMetaChange"; "filters": "filtersChange"; "selection": "selectionChange"; "expandedRowKeys": "expandedRowKeysChange"; "contextMenuSelection": "contextMenuSelectionChange"; "onLazyLoad": "onLazyLoad"; "onSort": "onSort"; "onFilter": "onFilter"; "onRowSelect": "onRowSelect"; "onRowUnselect": "onRowUnselect"; "onSelectAllChange": "onSelectAllChange"; "onRowExpand": "onRowExpand"; "onRowCollapse": "onRowCollapse"; "onColResize": "onColResize"; "onRowContextMenu": "onRowContextMenu"; }, ["headerTemplate", "bodyTemplate", "emptyTemplate", "captionTemplate", "footerTemplate", "loadingBodyTemplate", "paginatorLeftTemplate", "paginatorRightTemplate", "rowExpansionTemplate"], never, true, never>;
1149
2166
  }
1150
2167
 
1151
2168
  declare class TooltipDirective implements OnDestroy {
@@ -1154,16 +2171,28 @@ declare class TooltipDirective implements OnDestroy {
1154
2171
  private readonly platformId;
1155
2172
  readonly fTooltip: _angular_core.InputSignal<string>;
1156
2173
  readonly tooltipPosition: _angular_core.InputSignal<"left" | "right" | "top" | "bottom">;
2174
+ readonly positionStyle: _angular_core.InputSignal<"fixed" | "absolute">;
1157
2175
  readonly tooltipStyleClass: _angular_core.InputSignal<string>;
1158
2176
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
1159
2177
  readonly tooltipEvent: _angular_core.InputSignal<"focus" | "hover" | "both">;
1160
- readonly showDelay: _angular_core.InputSignal<number>;
1161
- readonly hideDelay: _angular_core.InputSignal<number>;
2178
+ readonly showDelay: _angular_core.InputSignalWithTransform<number, unknown>;
2179
+ readonly hideDelay: _angular_core.InputSignalWithTransform<number, unknown>;
2180
+ readonly life: _angular_core.InputSignalWithTransform<number, unknown>;
2181
+ readonly autoHide: _angular_core.InputSignalWithTransform<boolean, unknown>;
2182
+ readonly positionTop: _angular_core.InputSignalWithTransform<number, unknown>;
2183
+ readonly positionLeft: _angular_core.InputSignalWithTransform<number, unknown>;
2184
+ readonly escape: _angular_core.InputSignalWithTransform<boolean, unknown>;
2185
+ private readonly id;
1162
2186
  private tip;
2187
+ private tipLeaveListener;
1163
2188
  private showTimer;
1164
2189
  private hideTimer;
2190
+ private lifeTimer;
1165
2191
  private readonly onScrollOrResize;
1166
2192
  onFocus(): void;
2193
+ onMouseEnter(): void;
2194
+ onMouseLeave(event: MouseEvent): void;
2195
+ onClick(): void;
1167
2196
  scheduleShow(): void;
1168
2197
  scheduleHide(): void;
1169
2198
  show(): void;
@@ -1171,7 +2200,7 @@ declare class TooltipDirective implements OnDestroy {
1171
2200
  private position;
1172
2201
  ngOnDestroy(): void;
1173
2202
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipDirective, never>;
1174
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipDirective, "[fTooltip]", never, { "fTooltip": { "alias": "fTooltip"; "required": false; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; "tooltipStyleClass": { "alias": "tooltipStyleClass"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "tooltipEvent": { "alias": "tooltipEvent"; "required": false; "isSignal": true; }; "showDelay": { "alias": "showDelay"; "required": false; "isSignal": true; }; "hideDelay": { "alias": "hideDelay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
2203
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipDirective, "[fTooltip]", never, { "fTooltip": { "alias": "fTooltip"; "required": false; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; "positionStyle": { "alias": "positionStyle"; "required": false; "isSignal": true; }; "tooltipStyleClass": { "alias": "tooltipStyleClass"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "tooltipEvent": { "alias": "tooltipEvent"; "required": false; "isSignal": true; }; "showDelay": { "alias": "showDelay"; "required": false; "isSignal": true; }; "hideDelay": { "alias": "hideDelay"; "required": false; "isSignal": true; }; "life": { "alias": "life"; "required": false; "isSignal": true; }; "autoHide": { "alias": "autoHide"; "required": false; "isSignal": true; }; "positionTop": { "alias": "positionTop"; "required": false; "isSignal": true; }; "positionLeft": { "alias": "positionLeft"; "required": false; "isSignal": true; }; "escape": { "alias": "escape"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1175
2204
  }
1176
2205
 
1177
2206
  interface AutoCompleteCompleteEvent {
@@ -1182,8 +2211,22 @@ interface AutoCompleteSelectEvent {
1182
2211
  originalEvent: Event;
1183
2212
  value: unknown;
1184
2213
  }
2214
+ interface AutoCompleteLazyLoadEvent {
2215
+ originalEvent: Event;
2216
+ first: number;
2217
+ last: number;
2218
+ }
2219
+ interface AutoCompleteRow {
2220
+ type: 'group' | 'item';
2221
+ item?: unknown;
2222
+ groupItem?: unknown;
2223
+ groupLabel?: string;
2224
+ flatIndex?: number;
2225
+ }
1185
2226
  declare class AutoCompleteComponent implements ControlValueAccessor {
1186
2227
  private readonly _el;
2228
+ private readonly _id;
2229
+ readonly listboxId: string;
1187
2230
  onDocumentClick(e: MouseEvent): void;
1188
2231
  readonly suggestions: _angular_core.InputSignal<unknown[]>;
1189
2232
  readonly field: _angular_core.InputSignal<string>;
@@ -1197,6 +2240,20 @@ declare class AutoCompleteComponent implements ControlValueAccessor {
1197
2240
  readonly minLength: _angular_core.InputSignalWithTransform<number, unknown>;
1198
2241
  readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
1199
2242
  readonly touched: _angular_core.InputSignal<boolean>;
2243
+ readonly showClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
2244
+ readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
2245
+ readonly loadingIcon: _angular_core.InputSignal<string>;
2246
+ readonly emptyMessage: _angular_core.InputSignal<string>;
2247
+ readonly styleClass: _angular_core.InputSignal<string>;
2248
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
2249
+ readonly virtualScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
2250
+ readonly virtualScrollItemSize: _angular_core.InputSignalWithTransform<number, unknown>;
2251
+ readonly scrollHeight: _angular_core.InputSignal<string>;
2252
+ readonly lazy: _angular_core.InputSignalWithTransform<boolean, unknown>;
2253
+ readonly group: _angular_core.InputSignalWithTransform<boolean, unknown>;
2254
+ readonly optionGroupLabel: _angular_core.InputSignal<string>;
2255
+ readonly optionGroupChildren: _angular_core.InputSignal<string>;
2256
+ readonly hostClass: _angular_core.Signal<string>;
1200
2257
  readonly completeMethod: _angular_core.OutputEmitterRef<AutoCompleteCompleteEvent>;
1201
2258
  readonly onSelect: _angular_core.OutputEmitterRef<AutoCompleteSelectEvent>;
1202
2259
  readonly onUnselect: _angular_core.OutputEmitterRef<{
@@ -1208,6 +2265,7 @@ declare class AutoCompleteComponent implements ControlValueAccessor {
1208
2265
  readonly focusEvent: _angular_core.OutputEmitterRef<void>;
1209
2266
  readonly blurEvent: _angular_core.OutputEmitterRef<void>;
1210
2267
  readonly onChange: _angular_core.OutputEmitterRef<unknown>;
2268
+ readonly onLazyLoad: _angular_core.OutputEmitterRef<AutoCompleteLazyLoadEvent>;
1211
2269
  query: string;
1212
2270
  private readonly _open;
1213
2271
  readonly open: _angular_core.Signal<boolean>;
@@ -1219,7 +2277,24 @@ declare class AutoCompleteComponent implements ControlValueAccessor {
1219
2277
  private _onChange;
1220
2278
  private _onTouched;
1221
2279
  private _debounce?;
2280
+ readonly itemRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2281
+ readonly groupRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2282
+ readonly headerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2283
+ readonly footerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2284
+ readonly emptyRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2285
+ readonly selectedItemRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2286
+ readonly loaderRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2287
+ readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
2288
+ readonly itemTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2289
+ readonly groupTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2290
+ readonly headerTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2291
+ readonly footerTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2292
+ readonly emptyTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2293
+ readonly selectedItemTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2294
+ readonly loaderTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
1222
2295
  readonly filteredSuggestions: _angular_core.Signal<unknown[]>;
2296
+ readonly flatSuggestions: _angular_core.Signal<unknown[]>;
2297
+ readonly rows: _angular_core.Signal<AutoCompleteRow[]>;
1223
2298
  readonly inputClass: _angular_core.Signal<string>;
1224
2299
  onDropdownButtonClick(e: MouseEvent): void;
1225
2300
  readonly wrapperClass: _angular_core.Signal<"border-primary" | "border-(--f-form-field-border-color) hover:border-(--f-form-field-hover-border-color)">;
@@ -1228,20 +2303,23 @@ declare class AutoCompleteComponent implements ControlValueAccessor {
1228
2303
  _handleFocus(): void;
1229
2304
  _handleBlur(): void;
1230
2305
  onKeyDown(e: KeyboardEvent): void;
2306
+ onListScroll(e: Event): void;
1231
2307
  selectItem(e: Event, item: unknown): void;
1232
2308
  removeChip(idx: number, e: Event): void;
2309
+ clear(e: Event): void;
1233
2310
  writeValue(val: unknown): void;
1234
2311
  registerOnChange(fn: (v: unknown) => void): void;
1235
2312
  registerOnTouched(fn: () => void): void;
1236
2313
  setDisabledState(): void;
1237
2314
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutoCompleteComponent, never>;
1238
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AutoCompleteComponent, "f-autocomplete", never, { "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "field": { "alias": "field"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "dropdown": { "alias": "dropdown"; "required": false; "isSignal": true; }; "forceSelection": { "alias": "forceSelection"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "completeOnFocus": { "alias": "completeOnFocus"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, { "completeMethod": "completeMethod"; "onSelect": "onSelect"; "onUnselect": "onUnselect"; "onDropdownClick": "onDropdownClick"; "onClear": "onClear"; "focusEvent": "focusEvent"; "blurEvent": "blurEvent"; "onChange": "onChange"; }, never, never, true, never>;
2315
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<AutoCompleteComponent, "f-autocomplete", never, { "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "field": { "alias": "field"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "dropdown": { "alias": "dropdown"; "required": false; "isSignal": true; }; "forceSelection": { "alias": "forceSelection"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "completeOnFocus": { "alias": "completeOnFocus"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; "isSignal": true; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; "isSignal": true; }; }, { "completeMethod": "completeMethod"; "onSelect": "onSelect"; "onUnselect": "onUnselect"; "onDropdownClick": "onDropdownClick"; "onClear": "onClear"; "focusEvent": "focusEvent"; "blurEvent": "blurEvent"; "onChange": "onChange"; "onLazyLoad": "onLazyLoad"; }, ["itemRef", "groupRef", "headerRef", "footerRef", "emptyRef", "selectedItemRef", "loaderRef", "fTemplates"], never, true, never>;
1239
2316
  }
1240
2317
 
1241
2318
  type ColorFormat = 'hex' | 'rgb' | 'hsb';
1242
2319
  type ColorPickerChangeEvent = {
1243
2320
  value: string;
1244
2321
  };
2322
+ type ColorPickerAppendTo = 'self' | 'body';
1245
2323
  declare class ColorPickerComponent implements ControlValueAccessor {
1246
2324
  private readonly _el;
1247
2325
  onDocumentClick(e: MouseEvent): void;
@@ -1249,16 +2327,28 @@ declare class ColorPickerComponent implements ControlValueAccessor {
1249
2327
  readonly inline: _angular_core.InputSignalWithTransform<boolean, unknown>;
1250
2328
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
1251
2329
  readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
2330
+ readonly appendTo: _angular_core.InputSignal<ColorPickerAppendTo>;
2331
+ readonly ariaLabel: _angular_core.InputSignal<string>;
2332
+ readonly styleClass: _angular_core.InputSignal<string>;
2333
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
1252
2334
  readonly onChange: _angular_core.OutputEmitterRef<ColorPickerChangeEvent>;
2335
+ readonly onShow: _angular_core.OutputEmitterRef<void>;
2336
+ readonly onHide: _angular_core.OutputEmitterRef<void>;
1253
2337
  private readonly _open;
2338
+ private readonly popoverRef;
1254
2339
  readonly open: _angular_core.Signal<boolean>;
1255
2340
  private readonly _value;
1256
2341
  readonly value: _angular_core.Signal<string>;
1257
2342
  readonly hexInput: _angular_core.Signal<string>;
1258
2343
  readonly presetColors: string[];
2344
+ readonly hostClass: _angular_core.Signal<string>;
1259
2345
  private _onChange;
1260
2346
  private _onTouched;
1261
- togglePanel(): void;
2347
+ private _wasOpen;
2348
+ constructor();
2349
+ togglePanel(event: Event): void;
2350
+ closePanel(): void;
2351
+ onTriggerKeydown(event: KeyboardEvent): void;
1262
2352
  selectPreset(color: string): void;
1263
2353
  onHexInput(hex: string): void;
1264
2354
  onNativeChange(color: string): void;
@@ -1268,49 +2358,105 @@ declare class ColorPickerComponent implements ControlValueAccessor {
1268
2358
  registerOnTouched(fn: () => void): void;
1269
2359
  setDisabledState(): void;
1270
2360
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorPickerComponent, never>;
1271
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorPickerComponent, "f-colorpicker", never, { "format": { "alias": "format"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, true, never>;
2361
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorPickerComponent, "f-colorpicker", never, { "format": { "alias": "format"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onShow": "onShow"; "onHide": "onHide"; }, never, never, true, never>;
1272
2362
  }
1273
2363
 
2364
+ type FListboxFilterMatchMode = 'contains' | 'startsWith' | 'endsWith' | 'equals' | 'notEquals';
1274
2365
  interface ListboxChangeEvent {
1275
2366
  originalEvent: Event;
1276
2367
  value: unknown;
1277
2368
  }
2369
+ type FListboxFlatItem = {
2370
+ kind: 'option';
2371
+ option: unknown;
2372
+ } | {
2373
+ kind: 'group';
2374
+ label: string;
2375
+ };
1278
2376
  declare class ListboxComponent implements ControlValueAccessor {
1279
2377
  readonly options: _angular_core.InputSignal<unknown[]>;
1280
2378
  readonly optionLabel: _angular_core.InputSignal<string>;
1281
2379
  readonly optionValue: _angular_core.InputSignal<string>;
2380
+ readonly optionDisabled: _angular_core.InputSignal<string>;
1282
2381
  readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
1283
2382
  readonly filter: _angular_core.InputSignalWithTransform<boolean, unknown>;
2383
+ readonly filterBy: _angular_core.InputSignal<string>;
2384
+ readonly filterMatchMode: _angular_core.InputSignal<FListboxFilterMatchMode>;
1284
2385
  readonly filterPlaceholder: _angular_core.InputSignal<string>;
1285
2386
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
1286
2387
  readonly listStyle: _angular_core.InputSignal<Record<string, string> | null>;
1287
2388
  readonly metaKeySelection: _angular_core.InputSignalWithTransform<boolean, unknown>;
1288
2389
  readonly emptyMessage: _angular_core.InputSignal<string>;
1289
2390
  readonly emptyFilterMessage: _angular_core.InputSignal<string>;
2391
+ readonly selectAll: _angular_core.InputSignalWithTransform<boolean, unknown>;
2392
+ readonly group: _angular_core.InputSignalWithTransform<boolean, unknown>;
2393
+ readonly optionGroupLabel: _angular_core.InputSignal<string>;
2394
+ readonly optionGroupChildren: _angular_core.InputSignal<string>;
2395
+ readonly virtualScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
2396
+ readonly virtualScrollItemSize: _angular_core.InputSignal<number>;
2397
+ readonly inputId: _angular_core.InputSignal<string>;
2398
+ readonly styleClass: _angular_core.InputSignal<string>;
1290
2399
  readonly onChange: _angular_core.OutputEmitterRef<ListboxChangeEvent>;
2400
+ readonly onSelectAllChange: _angular_core.OutputEmitterRef<boolean>;
1291
2401
  private readonly _filterText;
1292
2402
  readonly filterText: _angular_core.Signal<string>;
1293
2403
  private readonly _value;
2404
+ private readonly _focusedOptionIndex;
2405
+ readonly focusedOptionIndex: _angular_core.Signal<number>;
1294
2406
  private _onChange;
1295
2407
  private _onTouched;
1296
- readonly filteredOptions: _angular_core.Signal<Record<string, unknown>[]>;
2408
+ readonly itemRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2409
+ readonly groupRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2410
+ readonly headerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2411
+ readonly footerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2412
+ readonly emptyRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2413
+ readonly emptyFilterRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2414
+ readonly filterRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2415
+ readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
2416
+ private namedTemplate;
2417
+ readonly itemTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2418
+ readonly groupTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2419
+ readonly headerTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2420
+ readonly footerTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2421
+ readonly emptyTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2422
+ readonly emptyFilterTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2423
+ readonly filterTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2424
+ readonly listId: _angular_core.Signal<string>;
2425
+ readonly setFilterFn: (v: string) => void;
2426
+ readonly filterFieldList: _angular_core.Signal<string[]>;
2427
+ private matchesFilter;
2428
+ private optionMatchesQuery;
2429
+ readonly filteredOptions: _angular_core.Signal<unknown[]>;
2430
+ readonly flatItems: _angular_core.Signal<FListboxFlatItem[]>;
2431
+ readonly navigableOptions: _angular_core.Signal<unknown[]>;
2432
+ readonly activeDescendantId: _angular_core.Signal<string | null>;
2433
+ optionIndexOf(opt: unknown): number;
2434
+ onOptionMouseEnter(opt: unknown): void;
1297
2435
  onFilterInput(e: Event): void;
1298
2436
  clearFilter(): void;
1299
2437
  getOptionLabel(opt: unknown): string;
1300
2438
  getOptionValue(opt: unknown): unknown;
2439
+ isOptionDisabled(opt: unknown): boolean;
1301
2440
  isSelected(opt: unknown): boolean;
1302
2441
  optionClass(opt: unknown): string;
2442
+ readonly allFilteredSelected: _angular_core.Signal<boolean>;
2443
+ toggleSelectAll(e: Event): void;
1303
2444
  onOptionClick(e: Event, opt: unknown): void;
2445
+ private moveFocus;
2446
+ onKeyDown(event: KeyboardEvent): void;
1304
2447
  writeValue(val: unknown): void;
1305
2448
  registerOnChange(fn: (v: unknown) => void): void;
1306
2449
  registerOnTouched(fn: () => void): void;
1307
2450
  setDisabledState(): void;
1308
2451
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListboxComponent, never>;
1309
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListboxComponent, "f-listbox", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "listStyle": { "alias": "listStyle"; "required": false; "isSignal": true; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, true, never>;
2452
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListboxComponent, "f-listbox", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "listStyle": { "alias": "listStyle"; "required": false; "isSignal": true; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; "isSignal": true; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onSelectAllChange": "onSelectAllChange"; }, ["itemRef", "groupRef", "headerRef", "footerRef", "emptyRef", "emptyFilterRef", "filterRef", "fTemplates"], never, true, never>;
1310
2453
  }
1311
2454
 
1312
2455
  declare class SplitButtonComponent {
1313
2456
  private readonly _el;
2457
+ private readonly _group;
2458
+ private readonly _dropdownBtn;
2459
+ private readonly _menuPanel;
1314
2460
  onDocumentClick(e: MouseEvent): void;
1315
2461
  readonly label: _angular_core.InputSignal<string>;
1316
2462
  readonly icon: _angular_core.InputSignal<string>;
@@ -1325,16 +2471,35 @@ declare class SplitButtonComponent {
1325
2471
  readonly iconPos: _angular_core.InputSignal<"left" | "right">;
1326
2472
  readonly size: _angular_core.InputSignal<"small" | "large" | null>;
1327
2473
  readonly menuStyleClass: _angular_core.InputSignal<string>;
1328
- readonly appendTo: _angular_core.InputSignal<string>;
2474
+ readonly appendTo: _angular_core.InputSignal<"body" | "self">;
2475
+ readonly dropdownIcon: _angular_core.InputSignal<string>;
2476
+ readonly expandAriaLabel: _angular_core.InputSignal<string>;
1329
2477
  readonly onClick: _angular_core.OutputEmitterRef<MouseEvent>;
1330
2478
  readonly onDropdownClick: _angular_core.OutputEmitterRef<MouseEvent>;
2479
+ readonly onShow: _angular_core.OutputEmitterRef<void>;
2480
+ readonly onHide: _angular_core.OutputEmitterRef<void>;
1331
2481
  private readonly _open;
1332
2482
  readonly open: _angular_core.Signal<boolean>;
2483
+ private readonly _menuTop;
2484
+ private readonly _menuLeft;
2485
+ readonly menuTop: _angular_core.Signal<number>;
2486
+ readonly menuLeft: _angular_core.Signal<number>;
2487
+ readonly groupClass: _angular_core.Signal<string>;
1333
2488
  readonly dropdownClass: _angular_core.Signal<string>;
2489
+ readonly menuPanelClass: _angular_core.Signal<string>;
2490
+ itemClass(item: MenuItem): string;
1334
2491
  toggleMenu(e: MouseEvent): void;
2492
+ onDropdownButtonKeydown(event: KeyboardEvent): void;
2493
+ onMenuKeydown(event: KeyboardEvent): void;
1335
2494
  onItemClick(e: Event, item: MenuItem): void;
2495
+ private openMenu;
2496
+ private close;
2497
+ private menuItems;
2498
+ private focusItem;
2499
+ private positionMenu;
2500
+ private adjustMenuForViewport;
1336
2501
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitButtonComponent, never>;
1337
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitButtonComponent, "f-splitbutton", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "raised": { "alias": "raised"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "iconPos": { "alias": "iconPos"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "menuStyleClass": { "alias": "menuStyleClass"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onDropdownClick": "onDropdownClick"; }, never, never, true, never>;
2502
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitButtonComponent, "f-splitbutton", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "raised": { "alias": "raised"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "iconPos": { "alias": "iconPos"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "menuStyleClass": { "alias": "menuStyleClass"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; "isSignal": true; }; "expandAriaLabel": { "alias": "expandAriaLabel"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onDropdownClick": "onDropdownClick"; "onShow": "onShow"; "onHide": "onHide"; }, never, never, true, never>;
1338
2503
  }
1339
2504
 
1340
2505
  interface TreeNode<T = unknown> {
@@ -1364,11 +2529,42 @@ interface TreeTableNode<T = unknown> {
1364
2529
  expanded: boolean;
1365
2530
  visible: boolean;
1366
2531
  }
2532
+ type TreeTableSelectionMode = 'single' | 'multiple' | 'checkbox' | null;
2533
+ type TreeTableSortMode = 'single' | 'multiple';
2534
+ type TreeTableFilterMatchMode = 'contains' | 'notContains' | 'startsWith' | 'endsWith' | 'equals' | 'notEquals' | 'lt' | 'lte' | 'gt' | 'gte';
2535
+ interface TreeTableSortMeta {
2536
+ field: string;
2537
+ order: number;
2538
+ }
2539
+ interface TreeTableFilterMeta {
2540
+ value: unknown;
2541
+ matchMode: TreeTableFilterMatchMode;
2542
+ }
2543
+ interface TreeTableLazyLoadEvent {
2544
+ first: number;
2545
+ rows: number;
2546
+ sortField?: string;
2547
+ sortOrder?: number;
2548
+ multiSortMeta?: TreeTableSortMeta[];
2549
+ filters?: Record<string, TreeTableFilterMeta>;
2550
+ globalFilter?: string;
2551
+ }
2552
+ interface TreeTableNodeEvent {
2553
+ originalEvent?: Event;
2554
+ node: TreeNode;
2555
+ }
1367
2556
  declare class TreeTableService {
1368
2557
  private readonly _expanded;
1369
2558
  readonly expanded: _angular_core.Signal<ReadonlySet<string>>;
2559
+ private readonly _lastToggle;
2560
+ readonly lastToggle: _angular_core.Signal<{
2561
+ key: string;
2562
+ node: TreeNode;
2563
+ expanded: boolean;
2564
+ } | null>;
1370
2565
  toggle(key: string, node: TreeNode): void;
1371
2566
  isExpanded(key: string): boolean;
2567
+ setExpanded(keys: ReadonlySet<string>): void;
1372
2568
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeTableService, never>;
1373
2569
  static ɵprov: _angular_core.ɵɵInjectableDeclaration<TreeTableService>;
1374
2570
  }
@@ -1379,25 +2575,113 @@ declare class TreeTableTogglerComponent {
1379
2575
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeTableTogglerComponent, never>;
1380
2576
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeTableTogglerComponent, "f-treetabletoggler", never, { "rowNode": { "alias": "rowNode"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
1381
2577
  }
1382
- declare class TreeTableComponent {
2578
+ declare class TreeTableComponent implements OnInit {
1383
2579
  readonly value: _angular_core.InputSignal<TreeNode<unknown>[]>;
1384
2580
  readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
1385
2581
  readonly dataKey: _angular_core.InputSignal<string>;
1386
2582
  readonly styleClass: _angular_core.InputSignal<string>;
2583
+ readonly hostClass: _angular_core.Signal<string>;
1387
2584
  readonly tableStyle: _angular_core.InputSignal<Record<string, string> | null>;
1388
2585
  readonly scrollable: _angular_core.InputSignalWithTransform<boolean, unknown>;
2586
+ readonly scrollHeight: _angular_core.InputSignal<string>;
2587
+ readonly resizableColumns: _angular_core.InputSignalWithTransform<boolean, unknown>;
2588
+ readonly lazy: _angular_core.InputSignalWithTransform<boolean, unknown>;
2589
+ readonly totalRecords: _angular_core.InputSignal<number>;
2590
+ readonly paginator: _angular_core.InputSignalWithTransform<boolean, unknown>;
2591
+ readonly first: _angular_core.InputSignal<number>;
2592
+ readonly rows: _angular_core.InputSignal<number>;
2593
+ readonly rowsPerPageOptions: _angular_core.InputSignal<number[]>;
2594
+ readonly showCurrentPageReport: _angular_core.InputSignalWithTransform<boolean, unknown>;
2595
+ readonly currentPageReportTemplate: _angular_core.InputSignal<string>;
2596
+ readonly globalFilterFields: _angular_core.InputSignal<string[]>;
2597
+ readonly filterDelay: _angular_core.InputSignal<number>;
2598
+ readonly selectionMode: _angular_core.InputSignal<TreeTableSelectionMode>;
2599
+ readonly sortMode: _angular_core.InputSignal<TreeTableSortMode>;
2600
+ readonly virtualScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
2601
+ readonly virtualScrollItemSize: _angular_core.InputSignal<number>;
2602
+ readonly sortField: _angular_core.ModelSignal<string | null>;
2603
+ readonly sortOrder: _angular_core.ModelSignal<number>;
2604
+ readonly multiSortMeta: _angular_core.ModelSignal<TreeTableSortMeta[]>;
2605
+ readonly filters: _angular_core.ModelSignal<Record<string, TreeTableFilterMeta>>;
2606
+ readonly selection: _angular_core.ModelSignal<unknown>;
2607
+ readonly contextMenuSelection: _angular_core.ModelSignal<TreeNode<unknown> | null>;
2608
+ readonly onLazyLoad: _angular_core.OutputEmitterRef<TreeTableLazyLoadEvent>;
2609
+ readonly onSort: _angular_core.OutputEmitterRef<{
2610
+ sortField: string | null;
2611
+ sortOrder: number;
2612
+ multiSortMeta?: TreeTableSortMeta[];
2613
+ }>;
2614
+ readonly onFilter: _angular_core.OutputEmitterRef<{
2615
+ filters: Record<string, TreeTableFilterMeta>;
2616
+ }>;
2617
+ readonly onNodeExpand: _angular_core.OutputEmitterRef<TreeTableNodeEvent>;
2618
+ readonly onNodeCollapse: _angular_core.OutputEmitterRef<TreeTableNodeEvent>;
2619
+ readonly onNodeSelect: _angular_core.OutputEmitterRef<TreeTableNodeEvent>;
2620
+ readonly onNodeUnselect: _angular_core.OutputEmitterRef<TreeTableNodeEvent>;
2621
+ readonly onRowContextMenu: _angular_core.OutputEmitterRef<{
2622
+ originalEvent: MouseEvent;
2623
+ node: TreeNode;
2624
+ }>;
1389
2625
  readonly headerTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1390
2626
  readonly bodyTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1391
2627
  readonly emptyTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2628
+ readonly captionTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2629
+ readonly footerTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2630
+ readonly loadingBodyTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2631
+ readonly paginatorLeftTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2632
+ readonly paginatorRightTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1392
2633
  private readonly svc;
2634
+ private readonly _currentFirst;
2635
+ private readonly _currentRows;
2636
+ readonly currentFirst: _angular_core.Signal<number>;
2637
+ readonly currentRows: _angular_core.Signal<number>;
2638
+ private readonly _filterText;
2639
+ readonly filterText: _angular_core.Signal<string>;
2640
+ readonly scrollContainerStyle: _angular_core.Signal<Record<string, string> | null>;
2641
+ readonly normalTableStyle: _angular_core.Signal<Record<string, string> | null>;
2642
+ readonly virtualTableStyle: _angular_core.Signal<Record<string, string>>;
2643
+ private readonly filterResult;
2644
+ readonly filteredRoots: _angular_core.Signal<TreeNode<unknown>[]>;
2645
+ private readonly filterMatchedKeys;
2646
+ readonly sortedRoots: _angular_core.Signal<TreeNode<unknown>[]>;
2647
+ readonly effectiveTotalRecords: _angular_core.Signal<number>;
2648
+ readonly pagedRoots: _angular_core.Signal<TreeNode<unknown>[]>;
1393
2649
  readonly flatRows: _angular_core.Signal<TreeTableNode<unknown>[]>;
2650
+ constructor();
2651
+ ngOnInit(): void;
1394
2652
  trackByRow(_idx: number, row: TreeTableNode): unknown;
2653
+ handlePageChange(event: PaginatorState): void;
2654
+ onScrollerLazyLoad(event: ScrollerLazyLoadEvent): void;
2655
+ onFilterInput(v: string): void;
2656
+ filterGlobal(value: string): void;
2657
+ filter(value: unknown, field: string, matchMode?: TreeTableFilterMatchMode): void;
2658
+ clearFilter(field: string): void;
2659
+ sort(field: string, event?: MouseEvent): void;
2660
+ isSelected(node: TreeNode): boolean;
2661
+ isPartialSelected(node: TreeNode): boolean;
2662
+ toggleNodeSelection(node: TreeNode, event?: Event): void;
2663
+ onRowContextMenuHandler(event: MouseEvent, node: TreeNode): void;
2664
+ toggleRow(node: TreeNode): void;
2665
+ isRowExpanded(node: TreeNode): boolean;
2666
+ expandAll(): void;
2667
+ collapseAll(): void;
2668
+ private setDescendants;
2669
+ private nodesEqual;
2670
+ private fieldValue;
2671
+ private matchesQuery;
2672
+ private matchesFilters;
2673
+ private filterNodes;
2674
+ private sortNodesRecursive;
2675
+ private buildLazyEvent;
2676
+ private matchValue;
2677
+ private compareValues;
1395
2678
  private _flatten;
1396
2679
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeTableComponent, never>;
1397
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeTableComponent, "f-treetable", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "tableStyle": { "alias": "tableStyle"; "required": false; "isSignal": true; }; "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; }, {}, ["headerTemplate", "bodyTemplate", "emptyTemplate"], never, true, never>;
2680
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeTableComponent, "f-treetable", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "tableStyle": { "alias": "tableStyle"; "required": false; "isSignal": true; }; "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; "isSignal": true; }; "resizableColumns": { "alias": "resizableColumns"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "first": { "alias": "first"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; "showCurrentPageReport": { "alias": "showCurrentPageReport"; "required": false; "isSignal": true; }; "currentPageReportTemplate": { "alias": "currentPageReportTemplate"; "required": false; "isSignal": true; }; "globalFilterFields": { "alias": "globalFilterFields"; "required": false; "isSignal": true; }; "filterDelay": { "alias": "filterDelay"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "sortMode": { "alias": "sortMode"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "sortField": { "alias": "sortField"; "required": false; "isSignal": true; }; "sortOrder": { "alias": "sortOrder"; "required": false; "isSignal": true; }; "multiSortMeta": { "alias": "multiSortMeta"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "contextMenuSelection": { "alias": "contextMenuSelection"; "required": false; "isSignal": true; }; }, { "sortField": "sortFieldChange"; "sortOrder": "sortOrderChange"; "multiSortMeta": "multiSortMetaChange"; "filters": "filtersChange"; "selection": "selectionChange"; "contextMenuSelection": "contextMenuSelectionChange"; "onLazyLoad": "onLazyLoad"; "onSort": "onSort"; "onFilter": "onFilter"; "onNodeExpand": "onNodeExpand"; "onNodeCollapse": "onNodeCollapse"; "onNodeSelect": "onNodeSelect"; "onNodeUnselect": "onNodeUnselect"; "onRowContextMenu": "onRowContextMenu"; }, ["headerTemplate", "bodyTemplate", "emptyTemplate", "captionTemplate", "footerTemplate", "loadingBodyTemplate", "paginatorLeftTemplate", "paginatorRightTemplate"], never, true, never>;
1398
2681
  }
1399
2682
 
1400
2683
  type TreeSelectionMode$1 = 'single' | 'multiple' | 'checkbox';
2684
+ type TreeSelectDisplay = 'comma' | 'chip';
1401
2685
  interface FlatTreeSelectNode {
1402
2686
  node: TreeNode;
1403
2687
  key: string;
@@ -1411,10 +2695,20 @@ declare class TreeSelectComponent implements ControlValueAccessor {
1411
2695
  readonly placeholder: _angular_core.InputSignal<string>;
1412
2696
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
1413
2697
  readonly filter: _angular_core.InputSignalWithTransform<boolean, unknown>;
2698
+ readonly filterBy: _angular_core.InputSignal<string>;
1414
2699
  readonly selectionMode: _angular_core.InputSignal<TreeSelectionMode$1>;
2700
+ readonly display: _angular_core.InputSignal<TreeSelectDisplay>;
2701
+ readonly propagateSelectionDown: _angular_core.InputSignalWithTransform<boolean, unknown>;
2702
+ readonly propagateSelectionUp: _angular_core.InputSignalWithTransform<boolean, unknown>;
2703
+ readonly showClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
2704
+ readonly virtualScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
2705
+ readonly virtualScrollItemSize: _angular_core.InputSignal<number>;
2706
+ readonly emptyMessage: _angular_core.InputSignal<string>;
1415
2707
  readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
1416
2708
  readonly touched: _angular_core.InputSignal<boolean>;
1417
2709
  readonly styleClass: _angular_core.InputSignal<string>;
2710
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
2711
+ readonly hostClass: _angular_core.Signal<string>;
1418
2712
  private readonly _open;
1419
2713
  readonly open: _angular_core.Signal<boolean>;
1420
2714
  private readonly _filterText;
@@ -1425,13 +2719,27 @@ declare class TreeSelectComponent implements ControlValueAccessor {
1425
2719
  private _onChange;
1426
2720
  private _onTouched;
1427
2721
  private _keyToNode;
2722
+ private _keyToParent;
2723
+ readonly valueRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2724
+ readonly headerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2725
+ readonly footerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2726
+ readonly emptyRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2727
+ readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
2728
+ readonly valueTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2729
+ readonly headerTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2730
+ readonly footerTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2731
+ readonly emptyTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
1428
2732
  readonly triggerClass: _angular_core.Signal<string>;
1429
2733
  readonly flatNodes: _angular_core.Signal<FlatTreeSelectNode[]>;
2734
+ readonly visibleFlatNodes: _angular_core.Signal<FlatTreeSelectNode[]>;
2735
+ readonly selectedNodes: _angular_core.Signal<TreeNode<unknown>[]>;
1430
2736
  readonly selectedLabels: _angular_core.Signal<string[]>;
2737
+ private matchesFilter;
1431
2738
  private _flatten;
1432
2739
  onDocumentClick(e: MouseEvent): void;
1433
2740
  onFilterInput(v: string): void;
1434
2741
  toggleOpen(): void;
2742
+ onTriggerKeyDown(e: KeyboardEvent): void;
1435
2743
  toggleExpand(e: Event, key: string): void;
1436
2744
  isExpanded(key: string): boolean;
1437
2745
  isSelected(key: string): boolean;
@@ -1440,82 +2748,100 @@ declare class TreeSelectComponent implements ControlValueAccessor {
1440
2748
  private toggleMultiple;
1441
2749
  private toggleCheckbox;
1442
2750
  private setDescendantSelection;
2751
+ private propagateUp;
1443
2752
  findKeyByLabel(label: string): string;
1444
2753
  removeByKey(e: Event, key: string): void;
2754
+ clear(e: Event): void;
1445
2755
  private emitChange;
1446
2756
  writeValue(v: unknown): void;
1447
2757
  registerOnChange(fn: (v: unknown) => void): void;
1448
2758
  registerOnTouched(fn: () => void): void;
1449
2759
  setDisabledState(): void;
1450
2760
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeSelectComponent, never>;
1451
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeSelectComponent, "f-treeselect", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
2761
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeSelectComponent, "f-treeselect", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "propagateSelectionDown": { "alias": "propagateSelectionDown"; "required": false; "isSignal": true; }; "propagateSelectionUp": { "alias": "propagateSelectionUp"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, ["valueRef", "headerRef", "footerRef", "emptyRef", "fTemplates"], never, true, never>;
1452
2762
  }
1453
2763
 
2764
+ type UiIconSeverity = 'success' | 'info' | 'warn' | 'danger' | 'secondary' | 'contrast' | null;
1454
2765
  declare class UiIconComponent {
1455
2766
  readonly name: _angular_core.InputSignal<string>;
1456
2767
  readonly size: _angular_core.InputSignal<number>;
1457
2768
  readonly spin: _angular_core.InputSignalWithTransform<boolean, unknown>;
1458
2769
  readonly fill: _angular_core.InputSignalWithTransform<boolean, unknown>;
2770
+ readonly severity: _angular_core.InputSignal<UiIconSeverity>;
1459
2771
  readonly lucideName: _angular_core.Signal<string>;
1460
2772
  readonly iconClass: _angular_core.Signal<string>;
1461
2773
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiIconComponent, never>;
1462
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiIconComponent, "ui-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "spin": { "alias": "spin"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1463
- }
1464
-
1465
- type BadgeSeverity = 'success' | 'info' | 'warn' | 'danger' | 'secondary' | 'contrast' | null;
1466
- type BadgeSize = 'small' | 'large' | 'xlarge' | null;
1467
- declare class BadgeComponent {
1468
- readonly value: _angular_core.InputSignal<string | number>;
1469
- readonly severity: _angular_core.InputSignal<BadgeSeverity>;
1470
- readonly size: _angular_core.InputSignal<BadgeSize>;
1471
- readonly classes: _angular_core.Signal<string>;
1472
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeComponent, never>;
1473
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "f-badge", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
2774
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiIconComponent, "ui-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "spin": { "alias": "spin"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1474
2775
  }
1475
2776
 
1476
2777
  declare class OverlayBadgeComponent {
1477
2778
  readonly value: _angular_core.InputSignal<string | number>;
1478
2779
  readonly severity: _angular_core.InputSignal<BadgeSeverity>;
1479
2780
  readonly size: _angular_core.InputSignal<BadgeSize>;
2781
+ readonly styleClass: _angular_core.InputSignal<string>;
1480
2782
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<OverlayBadgeComponent, never>;
1481
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<OverlayBadgeComponent, "f-overlaybadge", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
2783
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<OverlayBadgeComponent, "f-overlaybadge", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1482
2784
  }
1483
2785
 
1484
2786
  declare class FieldsetComponent {
2787
+ private static idCounter;
2788
+ protected readonly contentId: string;
1485
2789
  readonly legend: _angular_core.InputSignal<string>;
1486
2790
  readonly toggleable: _angular_core.InputSignalWithTransform<boolean, unknown>;
1487
2791
  readonly collapsed: _angular_core.ModelSignal<boolean>;
2792
+ readonly styleClass: _angular_core.InputSignal<string>;
2793
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
2794
+ readonly onBeforeToggle: _angular_core.OutputEmitterRef<{
2795
+ collapsed: boolean;
2796
+ }>;
2797
+ readonly onAfterToggle: _angular_core.OutputEmitterRef<{
2798
+ collapsed: boolean;
2799
+ }>;
2800
+ readonly legendTemplateRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2801
+ readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
2802
+ readonly legendTemplateResolved: _angular_core.Signal<TemplateRef<unknown> | null>;
2803
+ readonly rootClass: _angular_core.Signal<string>;
1488
2804
  toggleCollapsed(): void;
1489
2805
  onSpace(event: Event): void;
1490
2806
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldsetComponent, never>;
1491
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<FieldsetComponent, "f-fieldset", never, { "legend": { "alias": "legend"; "required": false; "isSignal": true; }; "toggleable": { "alias": "toggleable"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["*"], true, never>;
2807
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<FieldsetComponent, "f-fieldset", never, { "legend": { "alias": "legend"; "required": false; "isSignal": true; }; "toggleable": { "alias": "toggleable"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "onBeforeToggle": "onBeforeToggle"; "onAfterToggle": "onAfterToggle"; }, ["legendTemplateRef", "fTemplates"], ["*"], true, never>;
1492
2808
  }
1493
2809
 
1494
2810
  type FloatLabelVariant = 'over' | 'in' | 'on';
1495
2811
  declare class FloatLabelComponent {
1496
2812
  readonly variant: _angular_core.InputSignal<FloatLabelVariant>;
2813
+ readonly styleClass: _angular_core.InputSignal<string>;
1497
2814
  readonly hostClass: _angular_core.Signal<string>;
1498
2815
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<FloatLabelComponent, never>;
1499
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<FloatLabelComponent, "f-floatlabel", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
2816
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<FloatLabelComponent, "f-floatlabel", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1500
2817
  }
1501
2818
 
1502
2819
  declare class IftaLabelComponent {
2820
+ readonly styleClass: _angular_core.InputSignal<string>;
2821
+ readonly hostClass: _angular_core.Signal<string>;
1503
2822
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<IftaLabelComponent, never>;
1504
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<IftaLabelComponent, "f-iftalabel", never, {}, {}, never, ["*"], true, never>;
2823
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<IftaLabelComponent, "f-iftalabel", never, { "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1505
2824
  }
1506
2825
 
1507
2826
  declare class ButtonGroupComponent {
2827
+ readonly ariaLabel: _angular_core.InputSignal<string>;
1508
2828
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
1509
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonGroupComponent, "f-buttongroup", never, {}, {}, never, ["*"], true, never>;
2829
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonGroupComponent, "f-buttongroup", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1510
2830
  }
1511
2831
 
1512
2832
  declare class InputGroupComponent {
2833
+ readonly styleClass: _angular_core.InputSignal<string>;
2834
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
2835
+ readonly hostClass: _angular_core.Signal<string>;
1513
2836
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputGroupComponent, never>;
1514
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputGroupComponent, "f-inputgroup", never, {}, {}, never, ["*"], true, never>;
2837
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputGroupComponent, "f-inputgroup", never, { "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1515
2838
  }
1516
2839
  declare class InputGroupAddonComponent {
2840
+ readonly styleClass: _angular_core.InputSignal<string>;
2841
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
2842
+ readonly hostClass: _angular_core.Signal<string>;
1517
2843
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputGroupAddonComponent, never>;
1518
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputGroupAddonComponent, "f-inputgroupaddon", never, {}, {}, never, ["*"], true, never>;
2844
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputGroupAddonComponent, "f-inputgroupaddon", never, { "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1519
2845
  }
1520
2846
 
1521
2847
  declare class ScrollTopComponent {
@@ -1523,244 +2849,467 @@ declare class ScrollTopComponent {
1523
2849
  private readonly platformId;
1524
2850
  readonly threshold: _angular_core.InputSignal<number>;
1525
2851
  readonly behavior: _angular_core.InputSignal<ScrollBehavior>;
1526
- readonly target: _angular_core.InputSignal<"parent" | "window">;
2852
+ readonly target: _angular_core.InputSignal<"window" | "parent">;
2853
+ readonly icon: _angular_core.InputSignal<string>;
1527
2854
  readonly buttonAriaLabel: _angular_core.InputSignal<string>;
2855
+ readonly styleClass: _angular_core.InputSignal<string>;
2856
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
1528
2857
  private readonly _visible;
1529
2858
  readonly visible: _angular_core.Signal<boolean>;
2859
+ readonly buttonClass: _angular_core.Signal<string>;
1530
2860
  constructor();
1531
2861
  private getScrollElement;
1532
2862
  private getScrollTop;
1533
2863
  onScroll(): void;
1534
2864
  scrollToTop(): void;
1535
2865
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollTopComponent, never>;
1536
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollTopComponent, "f-scrolltop", never, { "threshold": { "alias": "threshold"; "required": false; "isSignal": true; }; "behavior": { "alias": "behavior"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "buttonAriaLabel": { "alias": "buttonAriaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
2866
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollTopComponent, "f-scrolltop", never, { "threshold": { "alias": "threshold"; "required": false; "isSignal": true; }; "behavior": { "alias": "behavior"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "buttonAriaLabel": { "alias": "buttonAriaLabel"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1537
2867
  }
1538
2868
 
1539
2869
  interface MeterItem {
1540
2870
  label: string;
1541
2871
  value: number;
1542
2872
  color?: string;
2873
+ severity?: BadgeSeverity;
1543
2874
  icon?: string;
1544
2875
  }
2876
+ type MeterGroupOrientation = 'horizontal' | 'vertical';
2877
+ type MeterGroupLabelPosition = 'start' | 'end';
1545
2878
  declare class MeterGroupComponent {
1546
2879
  readonly values: _angular_core.InputSignal<MeterItem[]>;
1547
2880
  readonly min: _angular_core.InputSignal<number>;
1548
2881
  readonly max: _angular_core.InputSignal<number>;
2882
+ readonly orientation: _angular_core.InputSignal<MeterGroupOrientation>;
2883
+ readonly labelPosition: _angular_core.InputSignal<MeterGroupLabelPosition>;
2884
+ readonly styleClass: _angular_core.InputSignal<string>;
2885
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
2886
+ readonly hostClass: _angular_core.Signal<string>;
2887
+ readonly containerClass: _angular_core.Signal<"inline-flex items-end gap-4" | "flex flex-col w-full">;
2888
+ readonly metersClass: _angular_core.Signal<"flex flex-col-reverse w-2 h-40 rounded-full overflow-hidden bg-(--f-content-hover-background) shrink-0" | "flex w-full h-2 rounded-full overflow-hidden bg-(--f-content-hover-background)">;
2889
+ private readonly labelTplRef;
2890
+ private readonly meterTplRef;
2891
+ private readonly fTemplates;
2892
+ readonly labelTemplateResolved: _angular_core.Signal<TemplateRef<unknown> | null>;
2893
+ readonly meterTemplateResolved: _angular_core.Signal<TemplateRef<unknown> | null>;
2894
+ readonly totalPercent: _angular_core.Signal<number>;
1549
2895
  percent(value: number): number;
2896
+ segmentColor(item: MeterItem): string;
2897
+ labelContext(): Record<string, unknown>;
2898
+ meterContext(item: MeterItem): Record<string, unknown>;
1550
2899
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MeterGroupComponent, never>;
1551
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MeterGroupComponent, "f-metergroup", never, { "values": { "alias": "values"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
2900
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MeterGroupComponent, "f-metergroup", never, { "values": { "alias": "values"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, ["labelTplRef", "meterTplRef", "fTemplates"], never, true, never>;
1552
2901
  }
1553
2902
 
1554
2903
  declare class FluidComponent {
2904
+ readonly styleClass: _angular_core.InputSignal<string>;
2905
+ readonly hostClass: _angular_core.Signal<string>;
1555
2906
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<FluidComponent, never>;
1556
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<FluidComponent, "f-fluid", never, {}, {}, never, ["*"], true, never>;
2907
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<FluidComponent, "f-fluid", never, { "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1557
2908
  }
1558
2909
 
1559
2910
  declare class BlockUiComponent {
1560
2911
  readonly blocked: _angular_core.InputSignalWithTransform<boolean, unknown>;
1561
- readonly hasCustomTemplate: _angular_core.InputSignalWithTransform<boolean, unknown>;
2912
+ readonly baseZIndex: _angular_core.InputSignalWithTransform<number, unknown>;
2913
+ readonly styleClass: _angular_core.InputSignal<string>;
2914
+ readonly contentTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
2915
+ readonly hostClass: _angular_core.Signal<string>;
1562
2916
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BlockUiComponent, never>;
1563
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<BlockUiComponent, "f-blockui", never, { "blocked": { "alias": "blocked"; "required": false; "isSignal": true; }; "hasCustomTemplate": { "alias": "hasCustomTemplate"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[block-template]"], true, never>;
2917
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BlockUiComponent, "f-blockui", never, { "blocked": { "alias": "blocked"; "required": false; "isSignal": true; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, ["contentTemplate"], ["*"], true, never>;
1564
2918
  }
1565
2919
 
2920
+ type MenuAppendTo = 'self' | 'body';
1566
2921
  declare class MenuComponent {
1567
2922
  private readonly _el;
2923
+ private readonly containerRef;
1568
2924
  readonly model: _angular_core.InputSignal<MenuItem[]>;
1569
2925
  readonly popup: _angular_core.InputSignalWithTransform<boolean, unknown>;
2926
+ readonly appendTo: _angular_core.InputSignal<MenuAppendTo>;
2927
+ readonly styleClass: _angular_core.InputSignal<string>;
2928
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
2929
+ readonly onShow: _angular_core.OutputEmitterRef<void>;
2930
+ readonly onHide: _angular_core.OutputEmitterRef<void>;
1570
2931
  private readonly _visible;
1571
2932
  readonly visible: _angular_core.Signal<boolean>;
2933
+ private readonly _top;
2934
+ private readonly _left;
1572
2935
  private _openedAt;
2936
+ private _anchor;
2937
+ readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
2938
+ private namedTemplate;
2939
+ readonly itemTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2940
+ readonly startTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2941
+ readonly endTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2942
+ readonly hasGroups: _angular_core.Signal<boolean>;
2943
+ readonly containerClass: _angular_core.Signal<string>;
2944
+ readonly containerStyle: _angular_core.Signal<Record<string, string>>;
1573
2945
  toggle(event?: Event): void;
1574
2946
  show(event?: Event): void;
1575
2947
  hide(): void;
2948
+ private position;
2949
+ private adjustForViewport;
1576
2950
  onDocumentClick(e: MouseEvent): void;
1577
2951
  onItemClick(e: Event, item: MenuItem): void;
1578
2952
  onKeydown(e: KeyboardEvent): void;
1579
2953
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuComponent, never>;
1580
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuComponent, "f-menu", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "popup": { "alias": "popup"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
2954
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuComponent, "f-menu", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "popup": { "alias": "popup"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onShow": "onShow"; "onHide": "onHide"; }, ["fTemplates"], never, true, never>;
1581
2955
  }
1582
2956
 
1583
2957
  declare class MenubarComponent {
1584
2958
  private readonly _el;
1585
2959
  readonly model: _angular_core.InputSignal<MenuItem[]>;
1586
- private readonly _activeRoot;
1587
- readonly activeRoot: _angular_core.Signal<MenuItem | null>;
1588
- private readonly _activeSubItem;
1589
- readonly activeSubItem: _angular_core.Signal<MenuItem | null>;
1590
- onRootEnter(item: MenuItem): void;
1591
- onRootLeave(item: MenuItem): void;
1592
- onRootClick(e: Event, item: MenuItem): void;
1593
- onSubEnter(item: MenuItem): void;
1594
- onSubLeave(item: MenuItem): void;
1595
- onItemClick(e: Event, item: MenuItem): void;
2960
+ readonly autoDisplay: _angular_core.InputSignalWithTransform<boolean, unknown>;
2961
+ readonly breakpoint: _angular_core.InputSignal<string>;
2962
+ readonly styleClass: _angular_core.InputSignal<string>;
2963
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
2964
+ readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
2965
+ private namedTemplate;
2966
+ readonly itemTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2967
+ readonly startTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2968
+ readonly endTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2969
+ private readonly _windowWidth;
2970
+ readonly isMobile: _angular_core.Signal<boolean>;
2971
+ private readonly _mobileActive;
2972
+ readonly mobileActive: _angular_core.Signal<boolean>;
2973
+ private readonly _activeItemPath;
2974
+ private readonly _flipByLevel;
2975
+ readonly flipByLevel: _angular_core.Signal<Record<number, boolean>>;
2976
+ private _dirty;
2977
+ private _hoverCloseTimer;
2978
+ readonly wrapperClass: _angular_core.Signal<string>;
2979
+ readonly rootListClass: _angular_core.Signal<"hidden" | "flex flex-col gap-1 w-full basis-full order-last mt-1" | "flex items-center gap-1">;
2980
+ constructor();
2981
+ toggleMobile(e: Event): void;
2982
+ isItemActive(item: MenuItem, level: number): boolean;
2983
+ itemsAtLevel(level: number): MenuItem[];
2984
+ onItemMouseEnter(event: MouseEvent, item: MenuItem, level: number): void;
2985
+ onMenuMouseLeave(): void;
2986
+ onItemClick(e: Event, item: MenuItem, level: number): void;
1596
2987
  onDocumentClick(e: MouseEvent): void;
1597
2988
  onRootKeydown(e: KeyboardEvent): void;
1598
2989
  onSubmenuKeydown(e: KeyboardEvent): void;
2990
+ private openFocusedSubmenu;
2991
+ private closeCurrentLevel;
1599
2992
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenubarComponent, never>;
1600
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenubarComponent, "f-menubar", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
2993
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenubarComponent, "f-menubar", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "autoDisplay": { "alias": "autoDisplay"; "required": false; "isSignal": true; }; "breakpoint": { "alias": "breakpoint"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, ["fTemplates"], never, true, never>;
1601
2994
  }
1602
2995
 
1603
2996
  declare class TieredMenuComponent {
1604
2997
  private readonly _el;
2998
+ private readonly containerRef;
1605
2999
  readonly model: _angular_core.InputSignal<MenuItem[]>;
1606
3000
  readonly popup: _angular_core.InputSignalWithTransform<boolean, unknown>;
3001
+ readonly styleClass: _angular_core.InputSignal<string>;
3002
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
3003
+ readonly onShow: _angular_core.OutputEmitterRef<void>;
3004
+ readonly onHide: _angular_core.OutputEmitterRef<void>;
1607
3005
  private readonly _visible;
1608
3006
  readonly visible: _angular_core.Signal<boolean>;
1609
- private readonly _activeItem;
1610
- readonly activeItem: _angular_core.Signal<MenuItem | null>;
3007
+ private readonly _top;
3008
+ readonly top: _angular_core.Signal<number>;
3009
+ private readonly _left;
3010
+ readonly left: _angular_core.Signal<number>;
1611
3011
  private _openedAt;
3012
+ private _anchor;
3013
+ private readonly _activeItemPath;
3014
+ private readonly _flipByLevel;
3015
+ readonly flipByLevel: _angular_core.Signal<Record<number, boolean>>;
3016
+ readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
3017
+ private namedTemplate;
3018
+ readonly itemTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
3019
+ readonly startTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
3020
+ readonly endTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
3021
+ readonly containerClass: _angular_core.Signal<string>;
1612
3022
  toggle(event?: Event): void;
1613
3023
  show(event?: Event): void;
1614
3024
  hide(): void;
1615
- onEnter(item: MenuItem): void;
1616
- onLeave(item: MenuItem): void;
3025
+ private position;
3026
+ private adjustForViewport;
3027
+ isItemActive(item: MenuItem, level: number): boolean;
3028
+ itemsAtLevel(level: number): MenuItem[];
3029
+ onItemMouseEnter(event: MouseEvent, item: MenuItem, level: number): void;
1617
3030
  onDocumentClick(e: MouseEvent): void;
1618
- onItemClick(e: Event, item: MenuItem): void;
1619
- onArrowRight(e: Event, item: MenuItem): void;
1620
- onArrowLeft(e: Event): void;
3031
+ onItemClick(e: Event, item: MenuItem, level: number): void;
3032
+ onArrowRight(e: Event, item: MenuItem, level: number): void;
3033
+ onArrowLeft(e: Event, level: number): void;
1621
3034
  onKeydown(e: KeyboardEvent): void;
1622
3035
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TieredMenuComponent, never>;
1623
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TieredMenuComponent, "f-tieredmenu", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "popup": { "alias": "popup"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
3036
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TieredMenuComponent, "f-tieredmenu", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "popup": { "alias": "popup"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onShow": "onShow"; "onHide": "onHide"; }, ["fTemplates"], never, true, never>;
1624
3037
  }
1625
3038
 
1626
3039
  declare class ContextMenuComponent {
1627
3040
  private readonly _el;
3041
+ private readonly containerRef;
1628
3042
  readonly model: _angular_core.InputSignal<MenuItem[]>;
1629
3043
  readonly target: _angular_core.InputSignal<string>;
3044
+ readonly global: _angular_core.InputSignalWithTransform<boolean, unknown>;
3045
+ readonly onShow: _angular_core.OutputEmitterRef<void>;
3046
+ readonly onHide: _angular_core.OutputEmitterRef<void>;
1630
3047
  private readonly _visible;
1631
3048
  readonly visible: _angular_core.Signal<boolean>;
1632
3049
  private readonly _x;
1633
3050
  readonly x: _angular_core.Signal<number>;
1634
3051
  private readonly _y;
1635
3052
  readonly y: _angular_core.Signal<number>;
3053
+ private readonly _activeItemPath;
3054
+ private readonly _flipByLevel;
3055
+ readonly flipByLevel: _angular_core.Signal<Record<number, boolean>>;
1636
3056
  show(event: MouseEvent): void;
1637
3057
  hide(): void;
1638
3058
  onDocumentContextMenu(e: MouseEvent): void;
1639
3059
  onDocumentClick(e: MouseEvent): void;
1640
- onItemClick(e: Event, item: MenuItem): void;
3060
+ isItemActive(item: MenuItem, level: number): boolean;
3061
+ itemsAtLevel(level: number): MenuItem[];
3062
+ onItemMouseEnter(event: MouseEvent, item: MenuItem, level: number): void;
3063
+ onItemClick(e: Event, item: MenuItem, level: number): void;
1641
3064
  onKeydown(e: KeyboardEvent): void;
3065
+ private openFocusedSubmenu;
3066
+ private closeCurrentLevel;
3067
+ private repositionRoot;
1642
3068
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContextMenuComponent, never>;
1643
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContextMenuComponent, "f-contextmenu", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
3069
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContextMenuComponent, "f-contextmenu", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "global": { "alias": "global"; "required": false; "isSignal": true; }; }, { "onShow": "onShow"; "onHide": "onHide"; }, never, never, true, never>;
1644
3070
  }
1645
3071
 
3072
+ type MegaMenuOrientation = 'horizontal' | 'vertical';
1646
3073
  declare class MegaMenuComponent {
1647
3074
  private readonly _el;
1648
3075
  readonly model: _angular_core.InputSignal<MenuItem[]>;
3076
+ readonly orientation: _angular_core.InputSignal<MegaMenuOrientation>;
3077
+ readonly ariaLabel: _angular_core.InputSignal<string>;
3078
+ readonly styleClass: _angular_core.InputSignal<string>;
3079
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
3080
+ readonly startRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
3081
+ readonly endRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
3082
+ readonly itemRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
3083
+ readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
3084
+ private namedTemplate;
3085
+ readonly startTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
3086
+ readonly endTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
3087
+ readonly itemTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
3088
+ private readonly panelRef;
1649
3089
  private readonly _activeItem;
1650
3090
  readonly activeItem: _angular_core.Signal<MenuItem | null>;
3091
+ private readonly _panelAlign;
3092
+ readonly panelAlign: _angular_core.Signal<"start" | "end">;
3093
+ private readonly _mobileOpen;
3094
+ readonly mobileOpen: _angular_core.Signal<boolean>;
3095
+ private readonly _mobileExpanded;
3096
+ private _dirty;
3097
+ readonly hostRowClass: _angular_core.Signal<string>;
3098
+ readonly rootClass: _angular_core.Signal<"hidden md:flex md:flex-col items-stretch gap-1 p-1.5 bg-(--f-content-background) border border-(--f-content-border-color) rounded-lg" | "hidden md:flex items-center gap-1 p-1.5 bg-(--f-content-background) border border-(--f-content-border-color) rounded-lg">;
3099
+ readonly panelClass: _angular_core.Signal<string>;
3100
+ rootItemClass(item: MenuItem): string;
3101
+ leafItemClass(item: MenuItem): string;
3102
+ gridTemplateColumns(item: MenuItem): string;
3103
+ isMobileExpanded(item: MenuItem): boolean;
3104
+ onRootEnter(item: MenuItem): void;
1651
3105
  onRootClick(e: Event, item: MenuItem): void;
1652
3106
  onLeafClick(e: Event, item: MenuItem): void;
3107
+ onMobileItemClick(e: Event, item: MenuItem): void;
3108
+ toggleMobile(e: Event): void;
1653
3109
  onDocumentClick(e: MouseEvent): void;
3110
+ private scheduleViewportCheck;
3111
+ private adjustForViewport;
3112
+ onRootKeydown(e: KeyboardEvent): void;
3113
+ onPanelKeydown(e: KeyboardEvent): void;
1654
3114
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MegaMenuComponent, never>;
1655
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MegaMenuComponent, "f-megamenu", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
3115
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MegaMenuComponent, "f-megamenu", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, ["startRef", "endRef", "itemRef", "fTemplates"], never, true, never>;
1656
3116
  }
1657
3117
 
1658
3118
  declare class PanelMenuComponent {
1659
3119
  readonly model: _angular_core.InputSignal<MenuItem[]>;
1660
- readonly multiple: _angular_core.InputSignal<boolean>;
3120
+ readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
3121
+ readonly styleClass: _angular_core.InputSignal<string>;
3122
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
3123
+ readonly rootClass: _angular_core.Signal<string>;
1661
3124
  private readonly expanded;
1662
3125
  private _seeded;
1663
3126
  constructor();
1664
3127
  isExpanded(item: MenuItem): boolean;
1665
- onItemClick(e: Event, item: MenuItem): void;
3128
+ itemClasses(item: MenuItem): string;
3129
+ onItemClick(e: Event, item: MenuItem, level: number): void;
1666
3130
  onKeydown(e: KeyboardEvent): void;
1667
3131
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<PanelMenuComponent, never>;
1668
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<PanelMenuComponent, "f-panelmenu", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
3132
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<PanelMenuComponent, "f-panelmenu", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1669
3133
  }
1670
3134
 
1671
3135
  declare class BreadcrumbComponent {
1672
3136
  readonly model: _angular_core.InputSignal<MenuItem[]>;
1673
3137
  readonly home: _angular_core.InputSignal<MenuItem | null>;
3138
+ readonly ariaLabel: _angular_core.InputSignal<string>;
3139
+ readonly styleClass: _angular_core.InputSignal<string>;
3140
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
3141
+ private readonly fTemplates;
3142
+ private namedTemplate;
3143
+ readonly itemTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
3144
+ readonly separatorTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
3145
+ readonly homeClass: _angular_core.Signal<string>;
3146
+ itemLinkClass(item: MenuItem, last: boolean): string;
1674
3147
  onItemClick(e: Event, item: MenuItem): void;
1675
3148
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
1676
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbComponent, "f-breadcrumb", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "home": { "alias": "home"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
3149
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbComponent, "f-breadcrumb", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "home": { "alias": "home"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, ["fTemplates"], never, true, never>;
1677
3150
  }
1678
3151
 
1679
- type SpeedDialDirection = 'up' | 'down' | 'left' | 'right';
1680
- type SpeedDialType = 'linear' | 'circle';
3152
+ type SpeedDialDirection = 'up' | 'down' | 'left' | 'right' | 'up-left' | 'up-right' | 'down-left' | 'down-right';
3153
+ type SpeedDialType = 'linear' | 'circle' | 'semi-circle' | 'quarter-circle';
1681
3154
  declare class SpeedDialComponent {
1682
3155
  readonly model: _angular_core.InputSignal<MenuItem[]>;
1683
3156
  readonly icon: _angular_core.InputSignal<string>;
3157
+ readonly showIcon: _angular_core.InputSignal<string>;
3158
+ readonly hideIcon: _angular_core.InputSignal<string>;
1684
3159
  readonly direction: _angular_core.InputSignal<SpeedDialDirection>;
1685
- readonly rotate: _angular_core.InputSignalWithTransform<boolean, unknown>;
3160
+ readonly rotateAnimation: _angular_core.InputSignalWithTransform<boolean, unknown>;
1686
3161
  readonly type: _angular_core.InputSignal<SpeedDialType>;
1687
3162
  readonly radius: _angular_core.InputSignal<number>;
1688
- private readonly _visible;
1689
- readonly visible: _angular_core.Signal<boolean>;
3163
+ readonly transitionDelay: _angular_core.InputSignal<number>;
3164
+ readonly mask: _angular_core.InputSignalWithTransform<boolean, unknown>;
3165
+ readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
3166
+ readonly hideOnClickOutside: _angular_core.InputSignalWithTransform<boolean, unknown>;
3167
+ readonly ariaLabel: _angular_core.InputSignal<string>;
3168
+ readonly styleClass: _angular_core.InputSignal<string>;
3169
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
3170
+ readonly visible: _angular_core.ModelSignal<boolean>;
3171
+ readonly onClick: _angular_core.OutputEmitterRef<MouseEvent>;
3172
+ readonly onShow: _angular_core.OutputEmitterRef<void>;
3173
+ readonly onHide: _angular_core.OutputEmitterRef<void>;
3174
+ readonly onVisibleChange: _angular_core.OutputEmitterRef<boolean>;
1690
3175
  private readonly _el;
3176
+ private readonly _toggleBtn;
3177
+ readonly hostClass: _angular_core.Signal<string>;
3178
+ readonly effectiveRadius: _angular_core.Signal<number>;
3179
+ readonly buttonIcon: _angular_core.Signal<string>;
1691
3180
  onDocumentClick(e: MouseEvent): void;
3181
+ onEscapeKey(): void;
1692
3182
  readonly containerClass: _angular_core.Signal<string>;
1693
3183
  itemStyle(i: number): Record<string, string>;
3184
+ show(): void;
3185
+ hide(): void;
1694
3186
  toggle(): void;
3187
+ onToggleClick(event: MouseEvent): void;
1695
3188
  onItemClick(e: Event, item: MenuItem): void;
1696
3189
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpeedDialComponent, never>;
1697
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpeedDialComponent, "f-speeddial", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "rotate": { "alias": "rotate"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
3190
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpeedDialComponent, "f-speeddial", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "hideIcon": { "alias": "hideIcon"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "rotateAnimation": { "alias": "rotateAnimation"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "transitionDelay": { "alias": "transitionDelay"; "required": false; "isSignal": true; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hideOnClickOutside": { "alias": "hideOnClickOutside"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "onClick": "onClick"; "onShow": "onShow"; "onHide": "onHide"; "onVisibleChange": "onVisibleChange"; }, never, never, true, never>;
1698
3191
  }
1699
3192
 
1700
3193
  type DockPosition = 'bottom' | 'top' | 'left' | 'right';
1701
3194
  declare class DockComponent {
1702
3195
  readonly model: _angular_core.InputSignal<MenuItem[]>;
1703
3196
  readonly position: _angular_core.InputSignal<DockPosition>;
1704
- private readonly _hovered;
1705
- readonly hovered: _angular_core.Signal<MenuItem | null>;
3197
+ readonly ariaLabel: _angular_core.InputSignal<string>;
3198
+ readonly styleClass: _angular_core.InputSignal<string>;
3199
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
3200
+ private readonly _list;
3201
+ private readonly _hoveredIndex;
3202
+ readonly hoveredIndex: _angular_core.Signal<number | null>;
3203
+ readonly hostClass: _angular_core.Signal<string>;
3204
+ readonly orientation: _angular_core.Signal<"horizontal" | "vertical">;
1706
3205
  readonly containerClass: _angular_core.Signal<string>;
1707
3206
  readonly originClass: _angular_core.Signal<string>;
1708
- onHover(item: MenuItem | null): void;
3207
+ itemScale(i: number): number;
3208
+ onHover(i: number): void;
3209
+ onHoverLeave(): void;
1709
3210
  onItemClick(e: Event, item: MenuItem): void;
3211
+ onListKeydown(event: KeyboardEvent): void;
3212
+ private itemButtons;
1710
3213
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DockComponent, never>;
1711
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DockComponent, "f-dock", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
3214
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DockComponent, "f-dock", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1712
3215
  }
1713
3216
 
1714
3217
  declare class InputMaskDirective implements ControlValueAccessor {
1715
3218
  private readonly _el;
1716
3219
  readonly fInputMask: _angular_core.InputSignal<string>;
1717
3220
  readonly slotChar: _angular_core.InputSignal<string>;
3221
+ readonly autoClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
3222
+ readonly unmask: _angular_core.InputSignalWithTransform<boolean, unknown>;
3223
+ readonly characterPattern: _angular_core.InputSignal<string>;
3224
+ readonly onComplete: _angular_core.OutputEmitterRef<void>;
3225
+ readonly onInputEvent: _angular_core.OutputEmitterRef<string>;
1718
3226
  private _onChange;
1719
3227
  private _onTouched;
3228
+ private get tokens();
1720
3229
  onInput(e: Event): void;
1721
3230
  onBlur(): void;
3231
+ private isComplete;
1722
3232
  private format;
1723
- private unmask;
3233
+ private stripLiterals;
1724
3234
  writeValue(v: string): void;
1725
3235
  registerOnChange(fn: (v: string) => void): void;
1726
3236
  registerOnTouched(fn: () => void): void;
1727
3237
  setDisabledState(isDisabled: boolean): void;
1728
3238
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputMaskDirective, never>;
1729
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputMaskDirective, "[fInputMask]", never, { "fInputMask": { "alias": "fInputMask"; "required": false; "isSignal": true; }; "slotChar": { "alias": "slotChar"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof InputTextDirective; inputs: {}; outputs: {}; }]>;
3239
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputMaskDirective, "[fInputMask]", never, { "fInputMask": { "alias": "fInputMask"; "required": false; "isSignal": true; }; "slotChar": { "alias": "slotChar"; "required": false; "isSignal": true; }; "autoClear": { "alias": "autoClear"; "required": false; "isSignal": true; }; "unmask": { "alias": "unmask"; "required": false; "isSignal": true; }; "characterPattern": { "alias": "characterPattern"; "required": false; "isSignal": true; }; }, { "onComplete": "onComplete"; "onInputEvent": "onInput"; }, never, never, true, [{ directive: typeof InputTextDirective; inputs: { "invalid": "invalid"; "touched": "touched"; "variant": "variant"; "size": "size"; "fluid": "fluid"; }; outputs: {}; }]>;
1730
3240
  }
1731
3241
 
3242
+ type InputOtpSize = 'small' | 'large' | null;
3243
+ interface InputOtpChangeEvent {
3244
+ value: string;
3245
+ originalEvent: Event;
3246
+ }
3247
+ interface InputOtpCellContext {
3248
+ $implicit: string;
3249
+ index: number;
3250
+ events: {
3251
+ input: (event: Event) => void;
3252
+ keydown: (event: KeyboardEvent) => void;
3253
+ paste: (event: ClipboardEvent) => void;
3254
+ focus: (event: FocusEvent) => void;
3255
+ blur: () => void;
3256
+ };
3257
+ }
1732
3258
  declare class InputOtpComponent implements ControlValueAccessor {
1733
3259
  readonly length: _angular_core.InputSignal<number>;
1734
3260
  readonly mask: _angular_core.InputSignalWithTransform<boolean, unknown>;
1735
3261
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
3262
+ readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
1736
3263
  readonly integerOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
1737
3264
  readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
3265
+ readonly size: _angular_core.InputSignal<InputOtpSize>;
3266
+ readonly styleClass: _angular_core.InputSignal<string>;
3267
+ readonly onChangeEvent: _angular_core.OutputEmitterRef<InputOtpChangeEvent>;
3268
+ readonly onFocus: _angular_core.OutputEmitterRef<FocusEvent>;
3269
+ readonly onBlur: _angular_core.OutputEmitterRef<void>;
3270
+ readonly cellTemplate: _angular_core.Signal<TemplateRef<InputOtpCellContext> | undefined>;
1738
3271
  readonly cells: _angular_core.Signal<readonly ElementRef<HTMLInputElement>[]>;
3272
+ private readonly sizeClass;
3273
+ readonly groupClass: _angular_core.Signal<string>;
1739
3274
  readonly cellClass: _angular_core.Signal<string>;
1740
3275
  private readonly _digits;
1741
3276
  readonly digits: _angular_core.Signal<string[]>;
1742
3277
  private _onChange;
1743
3278
  private _onTouched;
1744
3279
  indices(): number[];
3280
+ cellContext(i: number): InputOtpCellContext;
1745
3281
  onDigitInput(e: Event, i: number): void;
1746
3282
  onKeydown(e: KeyboardEvent, i: number): void;
1747
3283
  onPaste(e: ClipboardEvent): void;
3284
+ onFocusHandler(e: FocusEvent, _i: number): void;
3285
+ handleBlur(): void;
1748
3286
  private emitValue;
1749
3287
  writeValue(v: string): void;
1750
3288
  registerOnChange(fn: (v: string) => void): void;
1751
3289
  registerOnTouched(fn: () => void): void;
1752
3290
  setDisabledState(): void;
1753
3291
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputOtpComponent, never>;
1754
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputOtpComponent, "f-inputotp", never, { "length": { "alias": "length"; "required": false; "isSignal": true; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "integerOnly": { "alias": "integerOnly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
3292
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputOtpComponent, "f-inputotp", never, { "length": { "alias": "length"; "required": false; "isSignal": true; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "integerOnly": { "alias": "integerOnly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, { "onChangeEvent": "onChange"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["cellTemplate"], never, true, never>;
1755
3293
  }
1756
3294
 
3295
+ type SliderOrientation = 'horizontal' | 'vertical';
3296
+ interface SliderChangeEvent {
3297
+ value?: number;
3298
+ values?: [number, number];
3299
+ originalEvent: Event;
3300
+ }
1757
3301
  declare class SliderComponent implements ControlValueAccessor {
1758
- private readonly _el;
1759
- readonly min: _angular_core.InputSignal<number>;
1760
- readonly max: _angular_core.InputSignal<number>;
1761
- readonly step: _angular_core.InputSignal<number>;
3302
+ private readonly _track;
3303
+ readonly min: _angular_core.InputSignalWithTransform<number, unknown>;
3304
+ readonly max: _angular_core.InputSignalWithTransform<number, unknown>;
3305
+ readonly step: _angular_core.InputSignalWithTransform<number, unknown>;
1762
3306
  readonly range: _angular_core.InputSignalWithTransform<boolean, unknown>;
1763
3307
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
3308
+ readonly orientation: _angular_core.InputSignal<SliderOrientation>;
3309
+ readonly styleClass: _angular_core.InputSignal<string>;
3310
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
3311
+ readonly onChangeEvent: _angular_core.OutputEmitterRef<SliderChangeEvent>;
3312
+ readonly onSlideEnd: _angular_core.OutputEmitterRef<SliderChangeEvent>;
1764
3313
  private readonly _start;
1765
3314
  readonly start: _angular_core.Signal<number>;
1766
3315
  private readonly _end;
@@ -1772,21 +3321,26 @@ declare class SliderComponent implements ControlValueAccessor {
1772
3321
  readonly endPercent: _angular_core.Signal<number>;
1773
3322
  readonly rangeStartPercent: _angular_core.Signal<number>;
1774
3323
  readonly rangePercent: _angular_core.Signal<number>;
3324
+ readonly hostClass: _angular_core.Signal<string>;
3325
+ readonly trackClass: _angular_core.Signal<string>;
3326
+ readonly rangeClass: _angular_core.Signal<string>;
3327
+ readonly handleClass: _angular_core.Signal<string>;
1775
3328
  private toPercent;
1776
- private fromClientX;
3329
+ private fromPointer;
1777
3330
  onTrackDown(e: MouseEvent): void;
1778
3331
  onHandleDown(e: MouseEvent, idx: 0 | 1): void;
1779
3332
  onHandleTouchStart(e: TouchEvent, idx: 0 | 1): void;
1780
3333
  onKeydown(e: KeyboardEvent, idx: 0 | 1): void;
1781
3334
  private startDrag;
1782
3335
  private startTouchDrag;
3336
+ private emitSlideEnd;
1783
3337
  private setValue;
1784
3338
  writeValue(v: number | [number, number] | null): void;
1785
3339
  registerOnChange(fn: (v: number | [number, number]) => void): void;
1786
3340
  registerOnTouched(fn: () => void): void;
1787
3341
  setDisabledState(): void;
1788
3342
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderComponent, never>;
1789
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "f-slider", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
3343
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "f-slider", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onChangeEvent": "onChange"; "onSlideEnd": "onSlideEnd"; }, never, never, true, never>;
1790
3344
  }
1791
3345
 
1792
3346
  declare class KnobComponent implements ControlValueAccessor {
@@ -1802,6 +3356,11 @@ declare class KnobComponent implements ControlValueAccessor {
1802
3356
  readonly valueColor: _angular_core.InputSignal<string>;
1803
3357
  readonly rangeColor: _angular_core.InputSignal<string>;
1804
3358
  readonly textColor: _angular_core.InputSignal<string>;
3359
+ readonly valueTemplate: _angular_core.InputSignal<string>;
3360
+ readonly ariaLabel: _angular_core.InputSignal<string>;
3361
+ readonly styleClass: _angular_core.InputSignal<string>;
3362
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
3363
+ readonly hostClass: _angular_core.Signal<string>;
1805
3364
  private readonly _value;
1806
3365
  readonly value: _angular_core.Signal<number>;
1807
3366
  private _onChange;
@@ -1809,15 +3368,17 @@ declare class KnobComponent implements ControlValueAccessor {
1809
3368
  readonly radius: _angular_core.Signal<number>;
1810
3369
  readonly circumference: _angular_core.Signal<number>;
1811
3370
  readonly dashOffset: _angular_core.Signal<number>;
3371
+ readonly displayValue: _angular_core.Signal<string>;
1812
3372
  onKeydown(e: KeyboardEvent): void;
1813
3373
  onDown(e: MouseEvent): void;
1814
3374
  private updateFromEvent;
3375
+ private setValue;
1815
3376
  writeValue(v: number): void;
1816
3377
  registerOnChange(fn: (v: number) => void): void;
1817
3378
  registerOnTouched(fn: () => void): void;
1818
3379
  setDisabledState(): void;
1819
3380
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<KnobComponent, never>;
1820
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<KnobComponent, "f-knob", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "valueColor": { "alias": "valueColor"; "required": false; "isSignal": true; }; "rangeColor": { "alias": "rangeColor"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
3381
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<KnobComponent, "f-knob", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "valueColor": { "alias": "valueColor"; "required": false; "isSignal": true; }; "rangeColor": { "alias": "rangeColor"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "valueTemplate": { "alias": "valueTemplate"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1821
3382
  }
1822
3383
 
1823
3384
  interface CascadeOption {
@@ -1829,27 +3390,61 @@ declare class CascadeSelectComponent implements ControlValueAccessor {
1829
3390
  readonly optionLabel: _angular_core.InputSignal<string>;
1830
3391
  readonly optionValue: _angular_core.InputSignal<string>;
1831
3392
  readonly optionChildren: _angular_core.InputSignal<string>;
3393
+ readonly optionGroupChildren: _angular_core.InputSignal<string[]>;
1832
3394
  readonly placeholder: _angular_core.InputSignal<string>;
1833
3395
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
1834
3396
  readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
1835
3397
  readonly touched: _angular_core.InputSignal<boolean>;
3398
+ readonly showClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
3399
+ readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
3400
+ readonly dropdownIcon: _angular_core.InputSignal<string>;
3401
+ readonly emptyMessage: _angular_core.InputSignal<string>;
3402
+ readonly styleClass: _angular_core.InputSignal<string>;
3403
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
3404
+ readonly hostClass: _angular_core.Signal<string>;
1836
3405
  private readonly _open;
1837
3406
  readonly open: _angular_core.Signal<boolean>;
1838
3407
  private readonly _activePath;
1839
3408
  readonly activePath: _angular_core.Signal<CascadeOption[]>;
3409
+ private readonly _focusedPath;
3410
+ readonly focusedPath: _angular_core.Signal<CascadeOption[]>;
3411
+ private readonly _value;
3412
+ readonly value: _angular_core.Signal<unknown>;
1840
3413
  private readonly _selectedPath;
1841
3414
  readonly selectedPath: _angular_core.Signal<string[]>;
3415
+ private readonly _selectedOptionPath;
3416
+ readonly selectedOptionPath: _angular_core.Signal<CascadeOption[]>;
1842
3417
  private _onChange;
1843
3418
  private _onTouched;
1844
- private _selectedValue;
3419
+ readonly valueRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
3420
+ readonly optionRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
3421
+ readonly groupRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
3422
+ readonly emptyRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
3423
+ readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
3424
+ readonly valueTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
3425
+ readonly optionTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
3426
+ readonly groupTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
3427
+ readonly emptyTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
1845
3428
  readonly triggerClass: _angular_core.Signal<string>;
1846
3429
  readonly levels: _angular_core.Signal<CascadeOption[][]>;
1847
3430
  getLabel(opt: CascadeOption): string;
1848
3431
  getValue(opt: CascadeOption): unknown;
1849
- getChildren(opt: CascadeOption): CascadeOption[];
3432
+ private childrenField;
3433
+ getChildren(opt: CascadeOption, level: number): CascadeOption[];
1850
3434
  isActive(opt: CascadeOption, level: number): boolean;
3435
+ isSelectedOption(opt: CascadeOption): boolean;
1851
3436
  toggleOpen(): void;
3437
+ private openPanel;
3438
+ private closePanel;
3439
+ private openGroup;
3440
+ onOptionHover(opt: CascadeOption, level: number): void;
1852
3441
  onOptionClick(opt: CascadeOption, level: number): void;
3442
+ onKeyDown(e: KeyboardEvent): void;
3443
+ private moveFocus;
3444
+ private drillIn;
3445
+ private drillOut;
3446
+ private selectFocused;
3447
+ clear(e: Event): void;
1853
3448
  onDocumentClick(e: MouseEvent): void;
1854
3449
  writeValue(v: unknown): void;
1855
3450
  private findPath;
@@ -1857,45 +3452,80 @@ declare class CascadeSelectComponent implements ControlValueAccessor {
1857
3452
  registerOnTouched(fn: () => void): void;
1858
3453
  setDisabledState(): void;
1859
3454
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<CascadeSelectComponent, never>;
1860
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<CascadeSelectComponent, "f-cascadeselect", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionChildren": { "alias": "optionChildren"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
3455
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<CascadeSelectComponent, "f-cascadeselect", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionChildren": { "alias": "optionChildren"; "required": false; "isSignal": true; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, ["valueRef", "optionRef", "groupRef", "emptyRef", "fTemplates"], never, true, never>;
1861
3456
  }
1862
3457
 
1863
- type KeyFilterPreset = 'int' | 'pint' | 'num' | 'pnum' | 'money' | 'alpha' | 'alphanum' | 'email';
3458
+ type KeyFilterPreset = 'int' | 'pint' | 'num' | 'pnum' | 'money' | 'hex' | 'alpha' | 'alphanum' | 'email';
1864
3459
  declare class KeyFilterDirective {
1865
3460
  readonly fKeyFilter: _angular_core.InputSignal<RegExp | KeyFilterPreset | null>;
3461
+ readonly validateOnPaste: _angular_core.InputSignalWithTransform<boolean, unknown>;
1866
3462
  onKeypress(e: KeyboardEvent): void;
1867
3463
  onPaste(e: ClipboardEvent): void;
1868
3464
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<KeyFilterDirective, never>;
1869
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KeyFilterDirective, "[fKeyFilter]", never, { "fKeyFilter": { "alias": "fKeyFilter"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
3465
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KeyFilterDirective, "[fKeyFilter]", never, { "fKeyFilter": { "alias": "fKeyFilter"; "required": false; "isSignal": true; }; "validateOnPaste": { "alias": "validateOnPaste"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1870
3466
  }
1871
3467
 
1872
3468
  declare class ConfirmPopupComponent {
3469
+ private static idCounter;
3470
+ protected readonly headerId: string;
3471
+ protected readonly descId: string;
1873
3472
  readonly confirmationService: ConfirmationService;
1874
3473
  readonly key: _angular_core.InputSignal<string | undefined>;
3474
+ readonly acceptLabel: _angular_core.InputSignal<string>;
3475
+ readonly rejectLabel: _angular_core.InputSignal<string>;
3476
+ readonly acceptIcon: _angular_core.InputSignal<string>;
3477
+ readonly rejectIcon: _angular_core.InputSignal<string>;
3478
+ readonly acceptButtonStyleClass: _angular_core.InputSignal<string>;
3479
+ readonly rejectButtonStyleClass: _angular_core.InputSignal<string>;
3480
+ readonly defaultFocus: _angular_core.InputSignal<"accept" | "reject" | "none">;
3481
+ readonly closeOnEscape: _angular_core.InputSignalWithTransform<boolean, unknown>;
3482
+ readonly dismissable: _angular_core.InputSignalWithTransform<boolean, unknown>;
3483
+ readonly styleClass: _angular_core.InputSignal<string>;
3484
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
1875
3485
  private readonly _top;
1876
3486
  readonly top: _angular_core.Signal<number>;
1877
3487
  private readonly _left;
1878
3488
  readonly left: _angular_core.Signal<number>;
1879
3489
  private readonly panelRef;
1880
- private readonly acceptBtnRef;
1881
3490
  readonly activeConfirmation: _angular_core.Signal<UiConfirmation | null>;
1882
3491
  constructor();
3492
+ resolvedIcon(c: {
3493
+ icon?: string;
3494
+ }): string;
3495
+ resolvedAcceptLabel(c: {
3496
+ acceptLabel?: string;
3497
+ }): string;
3498
+ resolvedRejectLabel(c: {
3499
+ rejectLabel?: string;
3500
+ }): string;
3501
+ resolvedAcceptIcon(c: {
3502
+ acceptIcon?: string;
3503
+ }): string;
3504
+ resolvedRejectIcon(c: {
3505
+ rejectIcon?: string;
3506
+ }): string;
1883
3507
  private position;
1884
3508
  private adjustForViewport;
1885
3509
  onEscape(): void;
1886
3510
  accept(fn?: () => void): void;
1887
3511
  reject(fn?: () => void): void;
1888
3512
  onDocumentClick(e: MouseEvent): void;
3513
+ private getFocusable;
3514
+ onTab(event: Event): void;
3515
+ onShiftTab(event: Event): void;
1889
3516
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfirmPopupComponent, never>;
1890
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfirmPopupComponent, "f-confirmpopup", never, { "key": { "alias": "key"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
3517
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfirmPopupComponent, "f-confirmpopup", never, { "key": { "alias": "key"; "required": false; "isSignal": true; }; "acceptLabel": { "alias": "acceptLabel"; "required": false; "isSignal": true; }; "rejectLabel": { "alias": "rejectLabel"; "required": false; "isSignal": true; }; "acceptIcon": { "alias": "acceptIcon"; "required": false; "isSignal": true; }; "rejectIcon": { "alias": "rejectIcon"; "required": false; "isSignal": true; }; "acceptButtonStyleClass": { "alias": "acceptButtonStyleClass"; "required": false; "isSignal": true; }; "rejectButtonStyleClass": { "alias": "rejectButtonStyleClass"; "required": false; "isSignal": true; }; "defaultFocus": { "alias": "defaultFocus"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "dismissable": { "alias": "dismissable"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1891
3518
  }
1892
3519
 
1893
3520
  interface DynamicDialogConfig<T = unknown> {
1894
3521
  header?: string;
1895
3522
  width?: string;
1896
3523
  height?: string;
3524
+ style?: Record<string, string> | null;
3525
+ styleClass?: string;
1897
3526
  closable?: boolean;
1898
3527
  closeOnEscape?: boolean;
3528
+ modal?: boolean;
1899
3529
  dismissableMask?: boolean;
1900
3530
  footer?: Type<unknown>;
1901
3531
  data?: T;
@@ -1928,9 +3558,12 @@ declare class DynamicDialogService {
1928
3558
  declare class DynamicDialogComponent {
1929
3559
  readonly dialogService: DynamicDialogService;
1930
3560
  private readonly _parentInjector;
3561
+ private readonly _doc;
1931
3562
  private readonly injectorCache;
1932
3563
  constructor();
1933
3564
  childInjector(state: DynamicDialogState): Injector;
3565
+ panelStyle(state: DynamicDialogState): Record<string, string>;
3566
+ panelClass(state: DynamicDialogState): string;
1934
3567
  readonly topState: _angular_core.Signal<DynamicDialogState>;
1935
3568
  onEscape(): void;
1936
3569
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicDialogComponent, never>;
@@ -1939,6 +3572,7 @@ declare class DynamicDialogComponent {
1939
3572
 
1940
3573
  declare class InplaceComponent {
1941
3574
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
3575
+ readonly closable: _angular_core.InputSignalWithTransform<boolean, unknown>;
1942
3576
  readonly active: _angular_core.ModelSignal<boolean>;
1943
3577
  readonly onActivate: _angular_core.OutputEmitterRef<void>;
1944
3578
  readonly onDeactivate: _angular_core.OutputEmitterRef<void>;
@@ -1946,43 +3580,119 @@ declare class InplaceComponent {
1946
3580
  close(): void;
1947
3581
  onSpace(event: Event): void;
1948
3582
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<InplaceComponent, never>;
1949
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<InplaceComponent, "f-inplace", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "onActivate": "onActivate"; "onDeactivate": "onDeactivate"; }, never, ["[fInplaceDisplay]", "[fInplaceContent]"], true, never>;
3583
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<InplaceComponent, "f-inplace", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "onActivate": "onActivate"; "onDeactivate": "onDeactivate"; }, never, ["[fInplaceDisplay]", "[fInplaceContent]"], true, never>;
1950
3584
  }
1951
3585
 
1952
3586
  type TreeSelectionMode = 'single' | 'multiple' | 'checkbox' | null;
3587
+ type TreeDropPosition = 'before' | 'after' | 'inside';
3588
+ interface TreeNodeDropEvent {
3589
+ dragNode: TreeNode;
3590
+ dropNode: TreeNode;
3591
+ position: TreeDropPosition;
3592
+ }
3593
+ interface TreeNodeContextMenuEvent {
3594
+ originalEvent: MouseEvent;
3595
+ node: TreeNode;
3596
+ }
3597
+ interface TreeFilterEvent {
3598
+ originalEvent: Event;
3599
+ query: string;
3600
+ matchCount: number;
3601
+ }
1953
3602
  interface FlatNode {
1954
3603
  node: TreeNode;
1955
3604
  key: string;
1956
3605
  level: number;
1957
3606
  leaf: boolean;
3607
+ loading: boolean;
3608
+ disabled: boolean;
1958
3609
  }
1959
3610
  declare class TreeComponent {
1960
3611
  readonly value: _angular_core.InputSignal<TreeNode<unknown>[]>;
1961
3612
  readonly selectionMode: _angular_core.InputSignal<TreeSelectionMode>;
1962
3613
  readonly filter: _angular_core.InputSignalWithTransform<boolean, unknown>;
3614
+ readonly filterBy: _angular_core.InputSignal<string>;
1963
3615
  readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
1964
3616
  readonly emptyMessage: _angular_core.InputSignal<string>;
3617
+ readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
3618
+ readonly styleClass: _angular_core.InputSignal<string>;
3619
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
3620
+ readonly propagateSelectionUp: _angular_core.InputSignalWithTransform<boolean, unknown>;
3621
+ readonly propagateSelectionDown: _angular_core.InputSignalWithTransform<boolean, unknown>;
3622
+ readonly lazy: _angular_core.InputSignalWithTransform<boolean, unknown>;
3623
+ readonly virtualScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
3624
+ readonly virtualScrollItemSize: _angular_core.InputSignal<number>;
3625
+ readonly dragdropScope: _angular_core.InputSignal<string>;
1965
3626
  readonly selectionChange: _angular_core.OutputEmitterRef<TreeNode<unknown>[]>;
3627
+ readonly nodeSelect: _angular_core.OutputEmitterRef<TreeNode<unknown>>;
3628
+ readonly nodeUnselect: _angular_core.OutputEmitterRef<TreeNode<unknown>>;
1966
3629
  readonly nodeExpand: _angular_core.OutputEmitterRef<TreeNode<unknown>>;
1967
3630
  readonly nodeCollapse: _angular_core.OutputEmitterRef<TreeNode<unknown>>;
3631
+ readonly nodeContextMenu: _angular_core.OutputEmitterRef<TreeNodeContextMenuEvent>;
3632
+ readonly nodeDrop: _angular_core.OutputEmitterRef<TreeNodeDropEvent>;
3633
+ readonly onFilter: _angular_core.OutputEmitterRef<TreeFilterEvent>;
1968
3634
  private readonly _filterText;
1969
3635
  readonly filterText: _angular_core.Signal<string>;
1970
3636
  private readonly _selectedKeys;
1971
3637
  readonly selectedKeys: _angular_core.Signal<Set<string>>;
1972
3638
  private readonly expandedKeys;
3639
+ private readonly _structureVersion;
3640
+ private readonly _focusedKey;
3641
+ readonly focusedKey: _angular_core.Signal<string | null>;
3642
+ private readonly _dragKey;
3643
+ private readonly _dropTargetKey;
3644
+ private readonly _dropPosition;
1973
3645
  private _keyToNode;
3646
+ private _keyToParentKey;
3647
+ private _keyToContainer;
3648
+ private _typeaheadBuffer;
3649
+ private _typeaheadTimer;
3650
+ readonly headerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
3651
+ readonly footerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
3652
+ readonly emptyRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
3653
+ readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
3654
+ private namedTemplate;
3655
+ readonly headerTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
3656
+ readonly footerTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
3657
+ readonly emptyTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
3658
+ readonly containerClass: _angular_core.Signal<string>;
1974
3659
  readonly flatNodes: _angular_core.Signal<FlatNode[]>;
3660
+ readonly effectiveFocusedKey: _angular_core.Signal<string>;
3661
+ nodeTemplateFor(node: TreeNode): TemplateRef<unknown> | null;
3662
+ nodeIcon(row: FlatNode): string;
3663
+ rowClass(row: FlatNode): string;
3664
+ rowDropClass(row: FlatNode): string;
3665
+ private matchesFilter;
1975
3666
  private _flatten;
1976
- onFilterInput(v: string): void;
3667
+ onFilterInput(e: Event): void;
3668
+ clearFilter(): void;
1977
3669
  isExpanded(key: string): boolean;
1978
3670
  isSelected(key: string): boolean;
1979
3671
  isPartial(key: string): boolean;
1980
3672
  toggleExpand(e: Event, key: string): void;
3673
+ private setExpanded;
3674
+ setNodeChildren(key: string, children: TreeNode[]): void;
3675
+ refresh(): void;
1981
3676
  onNodeClick(row: FlatNode): void;
1982
3677
  private setDescendants;
3678
+ private propagateUp;
1983
3679
  private emitSelection;
3680
+ onNodeContextMenu(e: MouseEvent, row: FlatNode): void;
3681
+ dragEnabled(row: FlatNode): boolean;
3682
+ private dropAllowedInside;
3683
+ onDragStart(e: DragEvent, row: FlatNode): void;
3684
+ onDragOver(e: DragEvent, row: FlatNode): void;
3685
+ onDragLeave(_e: DragEvent, row: FlatNode): void;
3686
+ onDrop(e: DragEvent, row: FlatNode): void;
3687
+ onDragEnd(): void;
3688
+ private clearDragState;
3689
+ private isDescendant;
3690
+ private performDrop;
3691
+ onRowKeyDown(e: KeyboardEvent, row: FlatNode): void;
3692
+ private focusByIndex;
3693
+ private handleTypeahead;
1984
3694
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeComponent, never>;
1985
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeComponent, "f-tree", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; }, never, never, true, never>;
3695
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeComponent, "f-tree", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "propagateSelectionUp": { "alias": "propagateSelectionUp"; "required": false; "isSignal": true; }; "propagateSelectionDown": { "alias": "propagateSelectionDown"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "dragdropScope": { "alias": "dragdropScope"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "nodeSelect": "nodeSelect"; "nodeUnselect": "nodeUnselect"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; "nodeContextMenu": "nodeContextMenu"; "nodeDrop": "nodeDrop"; "onFilter": "onFilter"; }, ["headerRef", "footerRef", "emptyRef", "fTemplates"], never, true, never>;
1986
3696
  }
1987
3697
 
1988
3698
  type TimelineAlign = 'left' | 'right' | 'alternate';
@@ -1991,103 +3701,263 @@ declare class TimelineComponent<T = unknown> {
1991
3701
  readonly value: _angular_core.InputSignal<T[]>;
1992
3702
  readonly align: _angular_core.InputSignal<TimelineAlign>;
1993
3703
  readonly layout: _angular_core.InputSignal<TimelineLayout>;
1994
- readonly contentTpl: _angular_core.Signal<TemplateRef<any> | undefined>;
3704
+ readonly dataKey: _angular_core.InputSignal<string | null>;
3705
+ readonly styleClass: _angular_core.InputSignal<string>;
3706
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
3707
+ readonly hostClass: _angular_core.Signal<string>;
3708
+ private readonly defaultTpl;
3709
+ private readonly contentTplRef;
3710
+ private readonly oppositeTplRef;
3711
+ private readonly markerTplRef;
3712
+ private readonly fTemplates;
3713
+ readonly contentTemplateResolved: _angular_core.Signal<TemplateRef<unknown> | null>;
3714
+ readonly oppositeTemplateResolved: _angular_core.Signal<TemplateRef<unknown> | null>;
3715
+ readonly markerTemplateResolved: _angular_core.Signal<TemplateRef<unknown> | null>;
3716
+ beforeMarker(index: number): boolean;
3717
+ afterMarker(index: number): boolean;
3718
+ getKey(item: T): unknown;
1995
3719
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimelineComponent<any>, never>;
1996
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimelineComponent<any>, "f-timeline", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; }, {}, ["contentTpl"], never, true, never>;
3720
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimelineComponent<any>, "f-timeline", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, ["defaultTpl", "contentTplRef", "oppositeTplRef", "markerTplRef", "fTemplates"], never, true, never>;
1997
3721
  }
1998
3722
 
1999
3723
  type DataViewLayout = 'list' | 'grid';
3724
+ interface DataViewLazyLoadEvent {
3725
+ first: number;
3726
+ rows: number;
3727
+ sortField: string | null;
3728
+ sortOrder: number;
3729
+ }
2000
3730
  declare class DataViewComponent<T = unknown> {
2001
3731
  readonly value: _angular_core.InputSignal<T[]>;
2002
- readonly showLayoutToggle: _angular_core.InputSignal<boolean>;
2003
- readonly paginator: _angular_core.InputSignal<boolean>;
2004
- readonly rows: _angular_core.InputSignal<number>;
3732
+ readonly showLayoutToggle: _angular_core.InputSignalWithTransform<boolean, unknown>;
3733
+ readonly paginator: _angular_core.InputSignalWithTransform<boolean, unknown>;
3734
+ readonly rows: _angular_core.ModelSignal<number>;
3735
+ readonly rowsPerPageOptions: _angular_core.InputSignal<number[]>;
2005
3736
  readonly totalRecords: _angular_core.InputSignal<number>;
2006
- readonly first: _angular_core.InputSignal<number>;
2007
- readonly loading: _angular_core.InputSignal<boolean>;
3737
+ readonly first: _angular_core.ModelSignal<number>;
3738
+ readonly sortField: _angular_core.InputSignal<string | null>;
3739
+ readonly sortOrder: _angular_core.InputSignal<1 | -1>;
3740
+ readonly lazy: _angular_core.InputSignalWithTransform<boolean, unknown>;
3741
+ readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
3742
+ readonly styleClass: _angular_core.InputSignal<string>;
3743
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
2008
3744
  readonly layout: _angular_core.ModelSignal<DataViewLayout>;
2009
3745
  readonly onPageChange: _angular_core.OutputEmitterRef<PaginatorState>;
2010
- readonly itemTpl: _angular_core.Signal<TemplateRef<any> | undefined>;
3746
+ readonly onLazyLoad: _angular_core.OutputEmitterRef<DataViewLazyLoadEvent>;
3747
+ readonly hostClass: _angular_core.Signal<string>;
3748
+ private readonly itemTpl;
3749
+ private readonly fTemplates;
3750
+ readonly listTemplateResolved: _angular_core.Signal<TemplateRef<any> | null>;
3751
+ readonly gridTemplateResolved: _angular_core.Signal<TemplateRef<any> | null>;
3752
+ readonly headerTemplateResolved: _angular_core.Signal<TemplateRef<any> | null>;
3753
+ readonly footerTemplateResolved: _angular_core.Signal<TemplateRef<any> | null>;
3754
+ readonly emptyTemplateResolved: _angular_core.Signal<TemplateRef<any> | null>;
3755
+ readonly activeTemplate: _angular_core.Signal<TemplateRef<any> | null>;
3756
+ readonly sortedValue: _angular_core.Signal<T[]>;
3757
+ readonly displayedValue: _angular_core.Signal<T[]>;
3758
+ readonly effectiveTotalRecords: _angular_core.Signal<number>;
3759
+ constructor();
2011
3760
  handlePageChange(event: PaginatorState): void;
2012
3761
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataViewComponent<any>, never>;
2013
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataViewComponent<any>, "f-dataview", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "showLayoutToggle": { "alias": "showLayoutToggle"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "first": { "alias": "first"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; }, { "layout": "layoutChange"; "onPageChange": "onPageChange"; }, ["itemTpl"], never, true, never>;
3762
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataViewComponent<any>, "f-dataview", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "showLayoutToggle": { "alias": "showLayoutToggle"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "first": { "alias": "first"; "required": false; "isSignal": true; }; "sortField": { "alias": "sortField"; "required": false; "isSignal": true; }; "sortOrder": { "alias": "sortOrder"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; }, { "rows": "rowsChange"; "first": "firstChange"; "layout": "layoutChange"; "onPageChange": "onPageChange"; "onLazyLoad": "onLazyLoad"; }, ["itemTpl", "fTemplates"], never, true, never>;
2014
3763
  }
2015
3764
 
2016
- declare class CarouselComponent<T = unknown> implements OnDestroy {
3765
+ interface CarouselResponsiveOptions {
3766
+ breakpoint: string;
3767
+ numVisible: number;
3768
+ numScroll: number;
3769
+ }
3770
+ type CarouselOrientation = 'horizontal' | 'vertical';
3771
+ declare class CarouselComponent<T = unknown> {
2017
3772
  readonly value: _angular_core.InputSignal<T[]>;
2018
3773
  readonly numVisible: _angular_core.InputSignal<number>;
2019
- readonly showIndicators: _angular_core.InputSignal<boolean>;
2020
- readonly circular: _angular_core.InputSignal<boolean>;
3774
+ readonly numScroll: _angular_core.InputSignal<number>;
3775
+ readonly responsiveOptions: _angular_core.InputSignal<CarouselResponsiveOptions[] | null>;
3776
+ readonly orientation: _angular_core.InputSignal<CarouselOrientation>;
3777
+ readonly verticalViewPortHeight: _angular_core.InputSignal<string>;
3778
+ readonly showIndicators: _angular_core.InputSignalWithTransform<boolean, unknown>;
3779
+ readonly showNavigators: _angular_core.InputSignalWithTransform<boolean, unknown>;
3780
+ readonly circular: _angular_core.InputSignalWithTransform<boolean, unknown>;
2021
3781
  readonly autoplayInterval: _angular_core.InputSignal<number>;
3782
+ readonly styleClass: _angular_core.InputSignal<string>;
3783
+ readonly page: _angular_core.ModelSignal<number>;
2022
3784
  readonly onPage: _angular_core.OutputEmitterRef<number>;
2023
- readonly itemTpl: _angular_core.Signal<TemplateRef<any> | undefined>;
3785
+ readonly hostClass: _angular_core.Signal<string>;
3786
+ readonly isVertical: _angular_core.Signal<boolean>;
3787
+ private readonly itemTplDefault;
3788
+ private readonly fTemplates;
3789
+ readonly headerTpl: _angular_core.Signal<TemplateRef<any> | null>;
3790
+ readonly footerTpl: _angular_core.Signal<TemplateRef<any> | null>;
3791
+ readonly itemTpl: _angular_core.Signal<TemplateRef<any> | null>;
2024
3792
  private readonly destroyRef;
2025
3793
  private autoplayTimer;
2026
- private readonly _page;
2027
- readonly page: _angular_core.Signal<number>;
3794
+ private touchStartX;
3795
+ private touchStartY;
3796
+ private readonly _windowWidth;
3797
+ readonly effectiveOptions: _angular_core.Signal<{
3798
+ numVisible: number;
3799
+ numScroll: number;
3800
+ }>;
3801
+ readonly itemWidthPercent: _angular_core.Signal<number>;
3802
+ readonly maxOffset: _angular_core.Signal<number>;
3803
+ readonly offset: _angular_core.Signal<number>;
3804
+ readonly translatePercent: _angular_core.Signal<number>;
2028
3805
  readonly pageCount: _angular_core.Signal<number>;
2029
3806
  readonly pageIndices: _angular_core.Signal<number[]>;
3807
+ readonly isForwardDisabled: _angular_core.Signal<boolean>;
3808
+ readonly isBackwardDisabled: _angular_core.Signal<boolean>;
2030
3809
  constructor();
2031
- pageItems(page: number): T[];
3810
+ isItemActive(index: number): boolean;
2032
3811
  private setPage;
2033
3812
  prev(): void;
2034
3813
  next(): void;
2035
3814
  goToPage(i: number): void;
3815
+ onKeydown(event: KeyboardEvent): void;
3816
+ onIndicatorKeydown(event: KeyboardEvent): void;
3817
+ onTouchStart(event: TouchEvent): void;
3818
+ onTouchMove(event: TouchEvent): void;
3819
+ onTouchEnd(event: TouchEvent): void;
2036
3820
  private startAutoplay;
2037
3821
  private stopAutoplay;
2038
- ngOnDestroy(): void;
2039
3822
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<CarouselComponent<any>, never>;
2040
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<CarouselComponent<any>, "f-carousel", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "numVisible": { "alias": "numVisible"; "required": false; "isSignal": true; }; "showIndicators": { "alias": "showIndicators"; "required": false; "isSignal": true; }; "circular": { "alias": "circular"; "required": false; "isSignal": true; }; "autoplayInterval": { "alias": "autoplayInterval"; "required": false; "isSignal": true; }; }, { "onPage": "onPage"; }, ["itemTpl"], never, true, never>;
3823
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<CarouselComponent<any>, "f-carousel", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "numVisible": { "alias": "numVisible"; "required": false; "isSignal": true; }; "numScroll": { "alias": "numScroll"; "required": false; "isSignal": true; }; "responsiveOptions": { "alias": "responsiveOptions"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "verticalViewPortHeight": { "alias": "verticalViewPortHeight"; "required": false; "isSignal": true; }; "showIndicators": { "alias": "showIndicators"; "required": false; "isSignal": true; }; "showNavigators": { "alias": "showNavigators"; "required": false; "isSignal": true; }; "circular": { "alias": "circular"; "required": false; "isSignal": true; }; "autoplayInterval": { "alias": "autoplayInterval"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; }, { "page": "pageChange"; "onPage": "onPage"; }, ["itemTplDefault", "fTemplates"], never, true, never>;
2041
3824
  }
2042
3825
 
2043
- declare class ScrollPanelComponent {
3826
+ interface ScrollPanelScrollEvent {
3827
+ originalEvent: Event;
3828
+ scrollTop: number;
3829
+ scrollLeft: number;
3830
+ }
3831
+ declare class ScrollPanelComponent implements AfterViewInit {
2044
3832
  readonly maxHeight: _angular_core.InputSignal<string>;
2045
3833
  readonly maxWidth: _angular_core.InputSignal<string>;
2046
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollPanelComponent, never>;
2047
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollPanelComponent, "f-scrollpanel", never, { "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
2048
- }
2049
-
2050
- declare class ScrollerComponent<T = unknown> implements AfterViewInit, OnDestroy {
2051
- readonly items: _angular_core.InputSignal<T[]>;
2052
- readonly itemSize: _angular_core.InputSignal<number>;
2053
- readonly scrollHeight: _angular_core.InputSignal<string>;
2054
- readonly itemTpl: _angular_core.Signal<TemplateRef<any> | undefined>;
2055
- private readonly viewportRef;
3834
+ readonly step: _angular_core.InputSignal<number>;
3835
+ readonly styleClass: _angular_core.InputSignal<string>;
3836
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
3837
+ readonly onScroll: _angular_core.OutputEmitterRef<ScrollPanelScrollEvent>;
3838
+ readonly onScrollXChange: _angular_core.OutputEmitterRef<number>;
3839
+ readonly onScrollYChange: _angular_core.OutputEmitterRef<number>;
3840
+ readonly contentId: string;
3841
+ private readonly contentRef;
2056
3842
  private readonly destroyRef;
2057
3843
  private resizeObserver;
2058
- private readonly scrollTop;
2059
- private readonly viewportHeight;
2060
- readonly totalHeight: _angular_core.Signal<number>;
2061
- readonly startIndex: _angular_core.Signal<number>;
2062
- private readonly endIndex;
2063
- readonly visibleItems: _angular_core.Signal<T[]>;
2064
- offsetFor(relativeIndex: number): number;
2065
- onScroll(e: Event): void;
3844
+ private readonly draggingAxisSignal;
3845
+ readonly draggingAxis: _angular_core.Signal<"x" | "y" | null>;
3846
+ private readonly _scrollTop;
3847
+ private readonly _scrollLeft;
3848
+ private readonly _metrics;
3849
+ private readonly xRatio;
3850
+ private readonly yRatio;
3851
+ readonly xBarHidden: _angular_core.Signal<boolean>;
3852
+ readonly yBarHidden: _angular_core.Signal<boolean>;
3853
+ readonly xBarSize: _angular_core.Signal<number>;
3854
+ readonly yBarSize: _angular_core.Signal<number>;
3855
+ readonly xBarPos: _angular_core.Signal<number>;
3856
+ readonly yBarPos: _angular_core.Signal<number>;
3857
+ readonly scrollLeftPercent: _angular_core.Signal<number>;
3858
+ readonly scrollTopPercent: _angular_core.Signal<number>;
2066
3859
  ngAfterViewInit(): void;
2067
- ngOnDestroy(): void;
2068
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollerComponent<any>, never>;
2069
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollerComponent<any>, "f-scroller", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; "isSignal": true; }; }, {}, ["itemTpl"], never, true, never>;
3860
+ updateBars(): void;
3861
+ refresh(): void;
3862
+ scrollTop(value: number): void;
3863
+ scrollLeft(value: number): void;
3864
+ onContentScroll(event: Event): void;
3865
+ onBarPointerDown(event: PointerEvent, axis: 'x' | 'y'): void;
3866
+ onBarKeyDown(event: KeyboardEvent, axis: 'x' | 'y'): void;
3867
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollPanelComponent, never>;
3868
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollPanelComponent, "f-scrollpanel", never, { "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onScroll": "onScroll"; "onScrollXChange": "onScrollXChange"; "onScrollYChange": "onScrollYChange"; }, never, ["*"], true, never>;
2070
3869
  }
2071
3870
 
3871
+ type OrgChartSelectionMode = 'single' | 'multiple' | null;
2072
3872
  declare class OrganizationChartComponent {
2073
3873
  readonly value: _angular_core.InputSignal<TreeNode<unknown> | null>;
3874
+ readonly selectionMode: _angular_core.InputSignal<OrgChartSelectionMode>;
3875
+ readonly collapsible: _angular_core.InputSignalWithTransform<boolean, unknown>;
3876
+ readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
3877
+ readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
3878
+ readonly emptyMessage: _angular_core.InputSignal<string>;
3879
+ readonly styleClass: _angular_core.InputSignal<string>;
3880
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
3881
+ readonly selectionChange: _angular_core.OutputEmitterRef<TreeNode<unknown> | TreeNode<unknown>[] | null>;
3882
+ readonly nodeSelect: _angular_core.OutputEmitterRef<TreeNode<unknown>>;
3883
+ readonly nodeUnselect: _angular_core.OutputEmitterRef<TreeNode<unknown>>;
3884
+ readonly nodeExpand: _angular_core.OutputEmitterRef<TreeNode<unknown>>;
3885
+ readonly nodeCollapse: _angular_core.OutputEmitterRef<TreeNode<unknown>>;
2074
3886
  readonly contentTpl: _angular_core.Signal<TemplateRef<any> | undefined>;
3887
+ readonly togglerIconRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
3888
+ readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
3889
+ readonly togglerIconTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
3890
+ private readonly _selectedKeys;
3891
+ private readonly _expandedOverrides;
3892
+ readonly containerClass: _angular_core.Signal<string>;
3893
+ childKey(node: TreeNode): string;
3894
+ hasChildren(node: TreeNode): boolean;
3895
+ nodeTemplateFor(node: TreeNode): TemplateRef<unknown> | null;
3896
+ isExpanded(node: TreeNode): boolean;
3897
+ toggleNode(e: Event, node: TreeNode): void;
3898
+ isSelected(node: TreeNode): boolean;
3899
+ nodeClass(node: TreeNode): string;
3900
+ nodeStyle(node: TreeNode): Record<string, string> | null;
3901
+ onNodeClick(e: Event, node: TreeNode): void;
3902
+ private findByKey;
3903
+ private emitSelection;
2075
3904
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<OrganizationChartComponent, never>;
2076
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<OrganizationChartComponent, "f-organizationchart", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, ["contentTpl"], never, true, never>;
3905
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<OrganizationChartComponent, "f-organizationchart", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "nodeSelect": "nodeSelect"; "nodeUnselect": "nodeUnselect"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; }, ["contentTpl", "togglerIconRef", "fTemplates"], never, true, never>;
2077
3906
  }
2078
3907
 
3908
+ type PickListZone = 'source' | 'target';
2079
3909
  declare class PickListComponent<T = unknown> {
2080
3910
  readonly source: _angular_core.ModelSignal<T[]>;
2081
3911
  readonly target: _angular_core.ModelSignal<T[]>;
2082
3912
  readonly sourceHeader: _angular_core.InputSignal<string>;
2083
3913
  readonly targetHeader: _angular_core.InputSignal<string>;
3914
+ readonly filter: _angular_core.InputSignalWithTransform<boolean, unknown>;
3915
+ readonly filterBy: _angular_core.InputSignal<string>;
3916
+ readonly sourceFilterPlaceholder: _angular_core.InputSignal<string>;
3917
+ readonly targetFilterPlaceholder: _angular_core.InputSignal<string>;
3918
+ readonly dragdrop: _angular_core.InputSignalWithTransform<boolean, unknown>;
3919
+ readonly stripedRows: _angular_core.InputSignalWithTransform<boolean, unknown>;
3920
+ readonly responsive: _angular_core.InputSignalWithTransform<boolean, unknown>;
3921
+ readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
3922
+ readonly sourceEmptyMessage: _angular_core.InputSignal<string>;
3923
+ readonly targetEmptyMessage: _angular_core.InputSignal<string>;
3924
+ readonly emptyFilterMessage: _angular_core.InputSignal<string>;
3925
+ readonly styleClass: _angular_core.InputSignal<string>;
2084
3926
  readonly itemTpl: _angular_core.Signal<TemplateRef<any> | undefined>;
3927
+ readonly sourceHeaderRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
3928
+ readonly targetHeaderRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
3929
+ readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
3930
+ private namedTemplate;
3931
+ readonly sourceHeaderTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
3932
+ readonly targetHeaderTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2085
3933
  private readonly _sourceSelected;
2086
3934
  readonly sourceSelected: _angular_core.Signal<Set<T>>;
2087
3935
  private readonly _targetSelected;
2088
3936
  readonly targetSelected: _angular_core.Signal<Set<T>>;
3937
+ private readonly _sourceFilterText;
3938
+ readonly sourceFilterText: _angular_core.Signal<string>;
3939
+ private readonly _targetFilterText;
3940
+ readonly targetFilterText: _angular_core.Signal<string>;
3941
+ private readonly _sourceFocusedIndex;
3942
+ readonly sourceFocusedIndex: _angular_core.Signal<number>;
3943
+ private readonly _targetFocusedIndex;
3944
+ readonly targetFocusedIndex: _angular_core.Signal<number>;
2089
3945
  readonly onMoveToTarget: _angular_core.OutputEmitterRef<T[]>;
2090
3946
  readonly onMoveToSource: _angular_core.OutputEmitterRef<T[]>;
3947
+ readonly onSourceReorder: _angular_core.OutputEmitterRef<T[]>;
3948
+ readonly onTargetReorder: _angular_core.OutputEmitterRef<T[]>;
3949
+ readonly containerClass: _angular_core.Signal<string>;
3950
+ readonly listClass: _angular_core.Signal<"max-h-72 overflow-auto py-1 min-h-8" | "max-h-72 overflow-auto py-1 min-h-8 [&>li:nth-child(even)]:bg-(--f-content-hover-background)">;
3951
+ private matchesFilter;
3952
+ readonly filteredSource: _angular_core.Signal<T[]>;
3953
+ readonly filteredTarget: _angular_core.Signal<T[]>;
3954
+ private zoneModel;
3955
+ private zoneSelectedSig;
3956
+ private zoneFiltered;
3957
+ itemClass(zone: PickListZone, item: T): string;
3958
+ onSourceFilterInput(e: Event): void;
3959
+ onTargetFilterInput(e: Event): void;
3960
+ onItemClick(zone: PickListZone, item: T, index: number): void;
2091
3961
  private toggleSelect;
2092
3962
  toggleSourceSelect(item: T): void;
2093
3963
  toggleTargetSelect(item: T): void;
@@ -2095,23 +3965,87 @@ declare class PickListComponent<T = unknown> {
2095
3965
  moveAllToTarget(): void;
2096
3966
  moveToSource(): void;
2097
3967
  moveAllToSource(): void;
3968
+ onKeyDown(e: KeyboardEvent, zone: PickListZone, item: T, index: number): void;
3969
+ private readonly _dragItem;
3970
+ private readonly _dragZone;
3971
+ private readonly _dropTarget;
3972
+ private readonly _dropZone;
3973
+ private readonly _dropPosition;
3974
+ onDragStart(e: DragEvent, item: T, zone: PickListZone): void;
3975
+ onDragOver(e: DragEvent, item: T, zone: PickListZone): void;
3976
+ onDragLeave(_e: DragEvent, item: T): void;
3977
+ onDrop(e: DragEvent, item: T, zone: PickListZone): void;
3978
+ onZoneDragOver(e: DragEvent, zone: PickListZone): void;
3979
+ onZoneDrop(e: DragEvent, zone: PickListZone): void;
3980
+ onDragEnd(): void;
3981
+ private clearDragState;
3982
+ private performDrop;
3983
+ private performAppend;
3984
+ private transferItem;
2098
3985
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<PickListComponent<any>, never>;
2099
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<PickListComponent<any>, "f-picklist", never, { "source": { "alias": "source"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "sourceHeader": { "alias": "sourceHeader"; "required": false; "isSignal": true; }; "targetHeader": { "alias": "targetHeader"; "required": false; "isSignal": true; }; }, { "source": "sourceChange"; "target": "targetChange"; "onMoveToTarget": "onMoveToTarget"; "onMoveToSource": "onMoveToSource"; }, ["itemTpl"], never, true, never>;
3986
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<PickListComponent<any>, "f-picklist", never, { "source": { "alias": "source"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "sourceHeader": { "alias": "sourceHeader"; "required": false; "isSignal": true; }; "targetHeader": { "alias": "targetHeader"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "sourceFilterPlaceholder": { "alias": "sourceFilterPlaceholder"; "required": false; "isSignal": true; }; "targetFilterPlaceholder": { "alias": "targetFilterPlaceholder"; "required": false; "isSignal": true; }; "dragdrop": { "alias": "dragdrop"; "required": false; "isSignal": true; }; "stripedRows": { "alias": "stripedRows"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "sourceEmptyMessage": { "alias": "sourceEmptyMessage"; "required": false; "isSignal": true; }; "targetEmptyMessage": { "alias": "targetEmptyMessage"; "required": false; "isSignal": true; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, { "source": "sourceChange"; "target": "targetChange"; "onMoveToTarget": "onMoveToTarget"; "onMoveToSource": "onMoveToSource"; "onSourceReorder": "onSourceReorder"; "onTargetReorder": "onTargetReorder"; }, ["itemTpl", "sourceHeaderRef", "targetHeaderRef", "fTemplates"], never, true, never>;
2100
3987
  }
2101
3988
 
2102
3989
  declare class OrderListComponent<T = unknown> {
2103
3990
  readonly value: _angular_core.ModelSignal<T[]>;
2104
3991
  readonly header: _angular_core.InputSignal<string>;
3992
+ readonly filter: _angular_core.InputSignalWithTransform<boolean, unknown>;
3993
+ readonly filterBy: _angular_core.InputSignal<string>;
3994
+ readonly filterPlaceholder: _angular_core.InputSignal<string>;
3995
+ readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
3996
+ readonly dragdrop: _angular_core.InputSignalWithTransform<boolean, unknown>;
3997
+ readonly stripedRows: _angular_core.InputSignalWithTransform<boolean, unknown>;
3998
+ readonly responsive: _angular_core.InputSignalWithTransform<boolean, unknown>;
3999
+ readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
4000
+ readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
4001
+ readonly emptyMessage: _angular_core.InputSignal<string>;
4002
+ readonly emptyFilterMessage: _angular_core.InputSignal<string>;
4003
+ readonly styleClass: _angular_core.InputSignal<string>;
2105
4004
  readonly itemTpl: _angular_core.Signal<TemplateRef<any> | undefined>;
4005
+ readonly headerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
4006
+ readonly emptyRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
4007
+ readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
4008
+ private namedTemplate;
4009
+ readonly headerTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
4010
+ readonly emptyTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
2106
4011
  readonly selected: _angular_core.ModelSignal<T | null>;
2107
4012
  readonly onReorder: _angular_core.OutputEmitterRef<T[]>;
2108
- private swap;
4013
+ readonly onSelectionChange: _angular_core.OutputEmitterRef<T[]>;
4014
+ private readonly _selectedSet;
4015
+ readonly selectedItems: _angular_core.Signal<T[]>;
4016
+ readonly hasSelection: _angular_core.Signal<boolean>;
4017
+ private readonly _filterText;
4018
+ readonly filterText: _angular_core.Signal<string>;
4019
+ private readonly _focusedIndex;
4020
+ readonly focusedIndex: _angular_core.Signal<number>;
4021
+ private readonly _dragItem;
4022
+ private readonly _dropTarget;
4023
+ private readonly _dropPosition;
4024
+ readonly containerClass: _angular_core.Signal<string>;
4025
+ readonly listClass: _angular_core.Signal<"max-h-72 overflow-auto py-1" | "max-h-72 overflow-auto py-1 [&>li:nth-child(even)]:bg-(--f-content-hover-background)">;
4026
+ private matchesFilter;
4027
+ readonly filteredValue: _angular_core.Signal<T[]>;
4028
+ isSelected(item: T): boolean;
4029
+ itemClass(item: T, index: number): string;
4030
+ onFilterInput(e: Event): void;
4031
+ clearFilter(): void;
4032
+ onItemClick(e: MouseEvent, item: T, index: number): void;
4033
+ private selectItem;
4034
+ private selectedSorted;
4035
+ private commit;
2109
4036
  moveUp(): void;
2110
4037
  moveDown(): void;
2111
4038
  moveTop(): void;
2112
4039
  moveBottom(): void;
4040
+ onKeyDown(e: KeyboardEvent, item: T, index: number): void;
4041
+ onDragStart(e: DragEvent, item: T): void;
4042
+ onDragOver(e: DragEvent, item: T): void;
4043
+ onDragLeave(_e: DragEvent, item: T): void;
4044
+ onDrop(e: DragEvent, item: T): void;
4045
+ onDragEnd(): void;
4046
+ private clearDragState;
2113
4047
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<OrderListComponent<any>, never>;
2114
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<OrderListComponent<any>, "f-orderlist", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "selected": "selectedChange"; "onReorder": "onReorder"; }, ["itemTpl"], never, true, never>;
4048
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<OrderListComponent<any>, "f-orderlist", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "dragdrop": { "alias": "dragdrop"; "required": false; "isSignal": true; }; "stripedRows": { "alias": "stripedRows"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "selected": "selectedChange"; "onReorder": "onReorder"; "onSelectionChange": "onSelectionChange"; }, ["itemTpl", "headerRef", "emptyRef", "fTemplates"], never, true, never>;
2115
4049
  }
2116
4050
 
2117
4051
  interface GalleriaItem {
@@ -2119,17 +4053,48 @@ interface GalleriaItem {
2119
4053
  thumbnailImageSrc?: string;
2120
4054
  alt?: string;
2121
4055
  }
4056
+ type GalleriaThumbnailsPosition = 'bottom' | 'top' | 'left' | 'right';
2122
4057
  declare class GalleriaComponent {
2123
4058
  readonly value: _angular_core.InputSignal<GalleriaItem[]>;
4059
+ readonly numVisible: _angular_core.InputSignal<number>;
4060
+ readonly circular: _angular_core.InputSignalWithTransform<boolean, unknown>;
4061
+ readonly autoPlay: _angular_core.InputSignalWithTransform<boolean, unknown>;
4062
+ readonly transitionInterval: _angular_core.InputSignal<number>;
4063
+ readonly fullScreen: _angular_core.InputSignalWithTransform<boolean, unknown>;
2124
4064
  readonly showThumbnails: _angular_core.InputSignalWithTransform<boolean, unknown>;
4065
+ readonly showThumbnailNavigators: _angular_core.InputSignalWithTransform<boolean, unknown>;
4066
+ readonly showItemNavigators: _angular_core.InputSignalWithTransform<boolean, unknown>;
4067
+ readonly showIndicators: _angular_core.InputSignalWithTransform<boolean, unknown>;
4068
+ readonly thumbnailsPosition: _angular_core.InputSignal<GalleriaThumbnailsPosition>;
2125
4069
  readonly height: _angular_core.InputSignal<string>;
2126
- private readonly _activeIndex;
2127
- readonly activeIndex: _angular_core.Signal<number>;
2128
- prev(): void;
4070
+ readonly styleClass: _angular_core.InputSignal<string>;
4071
+ readonly visible: _angular_core.ModelSignal<boolean>;
4072
+ readonly activeIndex: _angular_core.ModelSignal<number>;
4073
+ readonly hostClass: _angular_core.Signal<string>;
4074
+ readonly isThumbVertical: _angular_core.Signal<boolean>;
4075
+ readonly containerFlexClass: _angular_core.Signal<"flex-col" | "flex-row" | "flex-row-reverse" | "flex-col-reverse">;
4076
+ readonly activeItem: _angular_core.Signal<GalleriaItem | null>;
4077
+ readonly indices: _angular_core.Signal<number[]>;
4078
+ readonly isForwardDisabled: _angular_core.Signal<boolean>;
4079
+ readonly isBackwardDisabled: _angular_core.Signal<boolean>;
4080
+ private readonly fTemplates;
4081
+ readonly itemTpl: _angular_core.Signal<_angular_core.TemplateRef<any> | null>;
4082
+ readonly thumbnailTpl: _angular_core.Signal<_angular_core.TemplateRef<any> | null>;
4083
+ readonly captionTpl: _angular_core.Signal<_angular_core.TemplateRef<any> | null>;
4084
+ private readonly thumbStrip;
4085
+ private readonly destroyRef;
4086
+ private autoplayTimer;
4087
+ constructor();
4088
+ private setIndex;
2129
4089
  next(): void;
4090
+ prev(): void;
2130
4091
  selectIndex(i: number): void;
4092
+ onKeydown(event: KeyboardEvent): void;
4093
+ scrollThumbnails(dir: number): void;
4094
+ private startAutoplay;
4095
+ private stopAutoplay;
2131
4096
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<GalleriaComponent, never>;
2132
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<GalleriaComponent, "f-galleria", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "showThumbnails": { "alias": "showThumbnails"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
4097
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<GalleriaComponent, "f-galleria", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "numVisible": { "alias": "numVisible"; "required": false; "isSignal": true; }; "circular": { "alias": "circular"; "required": false; "isSignal": true; }; "autoPlay": { "alias": "autoPlay"; "required": false; "isSignal": true; }; "transitionInterval": { "alias": "transitionInterval"; "required": false; "isSignal": true; }; "fullScreen": { "alias": "fullScreen"; "required": false; "isSignal": true; }; "showThumbnails": { "alias": "showThumbnails"; "required": false; "isSignal": true; }; "showThumbnailNavigators": { "alias": "showThumbnailNavigators"; "required": false; "isSignal": true; }; "showItemNavigators": { "alias": "showItemNavigators"; "required": false; "isSignal": true; }; "showIndicators": { "alias": "showIndicators"; "required": false; "isSignal": true; }; "thumbnailsPosition": { "alias": "thumbnailsPosition"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "activeIndex": "activeIndexChange"; }, ["fTemplates"], never, true, never>;
2133
4098
  }
2134
4099
 
2135
4100
  interface EditorCommand {
@@ -2138,23 +4103,48 @@ interface EditorCommand {
2138
4103
  label: string;
2139
4104
  value?: string;
2140
4105
  }
4106
+ interface EditorTextChangeEvent {
4107
+ htmlValue: string | null;
4108
+ textValue: string;
4109
+ source: 'user' | 'api';
4110
+ }
4111
+ interface EditorSelectionChangeEvent {
4112
+ isCollapsed: boolean;
4113
+ text: string;
4114
+ source: 'user' | 'api';
4115
+ }
2141
4116
  declare class EditorComponent implements ControlValueAccessor {
2142
4117
  private readonly _document;
2143
4118
  private readonly _sanitizer;
2144
4119
  readonly editable: _angular_core.Signal<ElementRef<HTMLElement>>;
2145
4120
  readonly placeholder: _angular_core.InputSignal<string>;
2146
- readonly toolbar: EditorCommand[];
4121
+ readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
4122
+ readonly formats: _angular_core.InputSignal<string[] | null>;
4123
+ readonly showCount: _angular_core.InputSignalWithTransform<boolean, unknown>;
4124
+ readonly styleClass: _angular_core.InputSignal<string>;
4125
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
4126
+ readonly onTextChange: _angular_core.OutputEmitterRef<EditorTextChangeEvent>;
4127
+ readonly onSelectionChange: _angular_core.OutputEmitterRef<EditorSelectionChangeEvent>;
4128
+ readonly toolbarTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
4129
+ readonly visibleToolbar: _angular_core.Signal<EditorCommand[]>;
4130
+ readonly hostClass: _angular_core.Signal<string>;
4131
+ private readonly _formDisabled;
4132
+ readonly isReadonly: _angular_core.Signal<boolean>;
4133
+ private readonly _text;
4134
+ readonly characterCount: _angular_core.Signal<number>;
4135
+ readonly wordCount: _angular_core.Signal<number>;
2147
4136
  private _onChange;
2148
4137
  private _onTouched;
2149
4138
  exec(btn: EditorCommand): void;
2150
4139
  onInput(): void;
4140
+ emitSelectionChange(source: 'user' | 'api'): void;
2151
4141
  onTouched(): void;
2152
4142
  writeValue(v: string): void;
2153
4143
  registerOnChange(fn: (v: string) => void): void;
2154
4144
  registerOnTouched(fn: () => void): void;
2155
4145
  setDisabledState(isDisabled: boolean): void;
2156
4146
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditorComponent, never>;
2157
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditorComponent, "f-editor", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
4147
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditorComponent, "f-editor", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "formats": { "alias": "formats"; "required": false; "isSignal": true; }; "showCount": { "alias": "showCount"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onTextChange": "onTextChange"; "onSelectionChange": "onSelectionChange"; }, ["toolbarTemplate"], never, true, never>;
2158
4148
  }
2159
4149
 
2160
4150
  interface TerminalCommandEvent {
@@ -2164,7 +4154,9 @@ declare class TerminalComponent {
2164
4154
  readonly welcomeMessage: _angular_core.InputSignal<string>;
2165
4155
  readonly prompt: _angular_core.InputSignal<string>;
2166
4156
  readonly height: _angular_core.InputSignal<string>;
4157
+ readonly styleClass: _angular_core.InputSignal<string>;
2167
4158
  readonly onCommand: _angular_core.OutputEmitterRef<TerminalCommandEvent>;
4159
+ private readonly scrollContainer;
2168
4160
  private readonly _current;
2169
4161
  readonly current: _angular_core.Signal<string>;
2170
4162
  private readonly _history;
@@ -2172,15 +4164,22 @@ declare class TerminalComponent {
2172
4164
  type: "command" | "response";
2173
4165
  text: string;
2174
4166
  }[]>;
4167
+ private readonly _commandHistory;
4168
+ private historyIndex;
4169
+ readonly containerClass: _angular_core.Signal<string>;
4170
+ constructor();
2175
4171
  onCurrentInput(v: string): void;
2176
4172
  submit(): void;
4173
+ recallPrevious(event: Event): void;
4174
+ recallNext(event: Event): void;
2177
4175
  respond(text: string): void;
2178
4176
  clear(): void;
2179
4177
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TerminalComponent, never>;
2180
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TerminalComponent, "f-terminal", never, { "welcomeMessage": { "alias": "welcomeMessage"; "required": false; "isSignal": true; }; "prompt": { "alias": "prompt"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, { "onCommand": "onCommand"; }, never, never, true, never>;
4178
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TerminalComponent, "f-terminal", never, { "welcomeMessage": { "alias": "welcomeMessage"; "required": false; "isSignal": true; }; "prompt": { "alias": "prompt"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, { "onCommand": "onCommand"; }, never, never, true, never>;
2181
4179
  }
2182
4180
 
2183
4181
  declare class ImageCompareComponent {
4182
+ protected readonly Math: Math;
2184
4183
  private readonly _el;
2185
4184
  private readonly destroyRef;
2186
4185
  readonly imageBeforeSrc: _angular_core.InputSignal<string>;
@@ -2188,6 +4187,10 @@ declare class ImageCompareComponent {
2188
4187
  readonly altBefore: _angular_core.InputSignal<string>;
2189
4188
  readonly altAfter: _angular_core.InputSignal<string>;
2190
4189
  readonly height: _angular_core.InputSignal<string>;
4190
+ readonly ariaLabel: _angular_core.InputSignal<string>;
4191
+ readonly styleClass: _angular_core.InputSignal<string>;
4192
+ readonly style: _angular_core.InputSignal<Record<string, string> | null>;
4193
+ readonly hostClass: _angular_core.Signal<string>;
2191
4194
  private readonly _position;
2192
4195
  readonly position: _angular_core.Signal<number>;
2193
4196
  private readonly _containerWidth;
@@ -2196,35 +4199,43 @@ declare class ImageCompareComponent {
2196
4199
  constructor();
2197
4200
  onDown(e: MouseEvent): void;
2198
4201
  onTouchDown(e: TouchEvent): void;
4202
+ onKeydown(event: KeyboardEvent): void;
2199
4203
  private updatePosition;
2200
4204
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ImageCompareComponent, never>;
2201
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ImageCompareComponent, "f-imagecompare", never, { "imageBeforeSrc": { "alias": "imageBeforeSrc"; "required": false; "isSignal": true; }; "imageAfterSrc": { "alias": "imageAfterSrc"; "required": false; "isSignal": true; }; "altBefore": { "alias": "altBefore"; "required": false; "isSignal": true; }; "altAfter": { "alias": "altAfter"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
4205
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ImageCompareComponent, "f-imagecompare", never, { "imageBeforeSrc": { "alias": "imageBeforeSrc"; "required": false; "isSignal": true; }; "imageAfterSrc": { "alias": "imageAfterSrc"; "required": false; "isSignal": true; }; "altBefore": { "alias": "altBefore"; "required": false; "isSignal": true; }; "altAfter": { "alias": "altAfter"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
2202
4206
  }
2203
4207
 
2204
- declare class AnimateOnScrollDirective implements AfterViewInit, OnDestroy {
4208
+ declare class AnimateOnScrollDirective implements OnDestroy {
2205
4209
  private readonly _el;
2206
4210
  private readonly _platformId;
2207
4211
  readonly enterClass: _angular_core.InputSignal<string>;
2208
4212
  readonly leaveClass: _angular_core.InputSignal<string>;
2209
4213
  readonly once: _angular_core.InputSignal<boolean>;
2210
4214
  readonly threshold: _angular_core.InputSignal<number>;
4215
+ readonly rootMargin: _angular_core.InputSignal<string>;
4216
+ readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
2211
4217
  private _observer?;
2212
- ngAfterViewInit(): void;
4218
+ constructor();
4219
+ private _observe;
2213
4220
  ngOnDestroy(): void;
2214
4221
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AnimateOnScrollDirective, never>;
2215
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AnimateOnScrollDirective, "[fAnimateOnScroll]", never, { "enterClass": { "alias": "enterClass"; "required": false; "isSignal": true; }; "leaveClass": { "alias": "leaveClass"; "required": false; "isSignal": true; }; "once": { "alias": "once"; "required": false; "isSignal": true; }; "threshold": { "alias": "threshold"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
4222
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AnimateOnScrollDirective, "[fAnimateOnScroll]", never, { "enterClass": { "alias": "enterClass"; "required": false; "isSignal": true; }; "leaveClass": { "alias": "leaveClass"; "required": false; "isSignal": true; }; "once": { "alias": "once"; "required": false; "isSignal": true; }; "threshold": { "alias": "threshold"; "required": false; "isSignal": true; }; "rootMargin": { "alias": "rootMargin"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
2216
4223
  }
2217
4224
 
2218
- declare class AutoFocusDirective implements AfterViewInit {
4225
+ declare class AutoFocusDirective {
2219
4226
  private readonly _el;
4227
+ private readonly _platformId;
2220
4228
  readonly fAutoFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
2221
- ngAfterViewInit(): void;
4229
+ constructor();
2222
4230
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutoFocusDirective, never>;
2223
4231
  static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AutoFocusDirective, "[fAutoFocus]", never, { "fAutoFocus": { "alias": "fAutoFocus"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
2224
4232
  }
2225
4233
 
2226
4234
  declare class RippleDirective {
2227
4235
  private readonly _el;
4236
+ private readonly _destroyRef;
4237
+ private readonly _pending;
4238
+ constructor();
2228
4239
  onMouseDown(e: MouseEvent): void;
2229
4240
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<RippleDirective, never>;
2230
4241
  static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RippleDirective, "[fRipple]", never, {}, {}, never, never, true, never>;
@@ -2369,16 +4380,5 @@ interface ProvideNgUIOptions {
2369
4380
  }
2370
4381
  declare function provideNgUI(options?: ProvideNgUIOptions): EnvironmentProviders;
2371
4382
 
2372
- declare class TabsContext {
2373
- private readonly _active;
2374
- readonly active: _angular_core.Signal<string | number>;
2375
- private readonly _scrollable;
2376
- readonly scrollable: _angular_core.Signal<boolean>;
2377
- setActive(v: string | number): void;
2378
- setScrollable(v: boolean): void;
2379
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsContext, never>;
2380
- static ɵprov: _angular_core.ɵɵInjectableDeclaration<TabsContext>;
2381
- }
2382
-
2383
4383
  export { AURA_PRESET, AccordionComponent, AccordionContentComponent, AccordionContext, AccordionHeaderComponent, AccordionPanelComponent, AnimateOnScrollDirective, AutoCompleteComponent, AutoFocusDirective, AvatarComponent, AvatarGroupComponent, BadgeComponent, BlockUiComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CardComponent, CarouselComponent, CascadeSelectComponent, ChartComponent, CheckboxComponent, ChipComponent, ColorPickerComponent, ConfirmDialog, ConfirmPopupComponent, ConfirmationService, ContextMenuComponent, DYNAMIC_DIALOG_DATA, DYNAMIC_DIALOG_REF, DataViewComponent, DatePickerComponent, DialogComponent, DividerComponent, DockComponent, DrawerComponent, DynamicDialogComponent, DynamicDialogRef, DynamicDialogService, EditorComponent, FButtonDirective, FTemplateDirective, FieldsetComponent, FileUploadComponent, FloatLabelComponent, FluidComponent, GalleriaComponent, IconFieldComponent, IftaLabelComponent, ImageCompareComponent, ImageComponent, InplaceComponent, InputGroupAddonComponent, InputGroupComponent, InputIconComponent, InputMaskDirective, InputNumberComponent, InputOtpComponent, InputPasswordDirective, InputTextDirective, KeyFilterDirective, KnobComponent, LARA_PRESET, ListboxComponent, MegaMenuComponent, MenuComponent, MenubarComponent, MessageComponent, MessageService, MeterGroupComponent, MultiSelectComponent, NOIR_PRIMARY, NORA_PRESET, NgUIConfig, OrderListComponent, OrganizationChartComponent, OverlayBadgeComponent, PRESETS, PRESET_NAMES, PRIMARY_PALETTES, PaginatorComponent, PanelComponent, PanelMenuComponent, PasswordComponent, PickListComponent, PopoverComponent, ProgressSpinnerComponent, ProgressbarComponent, RadioButtonComponent, RatingComponent, RippleDirective, SURFACE_PALETTES, ScrollPanelComponent, ScrollTopComponent, ScrollerComponent, SelectButtonComponent, SelectComponent, SkeletonComponent, SliderComponent, SortIconComponent, SortableColumnDirective, SpeedDialComponent, SplitButtonComponent, SplitterComponent, SplitterPanelComponent, StepsComponent, StyleClassDirective, TabComponent, TabListComponent, TabPanelComponent, TabPanelsComponent, TableComponent, TabsComponent, TabsContext, TagComponent, TerminalComponent, TextareaDirective, TieredMenuComponent, TimelineComponent, ToastComponent, ToggleButtonComponent, ToggleSwitchComponent, ToolbarComponent, TooltipDirective, TreeComponent, TreeSelectComponent, TreeTableComponent, TreeTableService, TreeTableTogglerComponent, UiIconComponent, UiModule, applyDarkSemantics, applyLightSemantics, applyPreset, applyPrimaryPalette, applySurfacePalette, applyTheme, buildBootstrapPreset, provideNgUI };
2384
- export type { ApplyThemeOptions, AutoCompleteCompleteEvent, AutoCompleteSelectEvent, BadgeSeverity, BadgeSize, ButtonSeverity, CheckboxChangeEvent, ColorFormat, ColorPalette, ColorPickerChangeEvent, DataViewLayout, DynamicDialogConfig, FileRemoveEvent, FileSelectEvent, FloatLabelVariant, GalleriaItem, KeyFilterPreset, ListboxChangeEvent, MenuItem, MenuItemCommandEvent, MeterItem, NgUIOptions, NgUITranslationConfig, PaginatorState, PresetName, ProvideNgUIOptions, RadioButtonClickEvent, SelectButtonTokens, SpeedDialDirection, SpeedDialType, StepsMenuItem, SurfacePalette, TableLazyLoadEvent, TerminalCommandEvent, ThemePreset, TimelineAlign, TimelineLayout, TreeSelectionMode as TreeComponentSelectionMode, TreeNode, TreeSelectionMode$1 as TreeSelectionMode, TreeTableNode, UiMessage };
4384
+ export type { ApplyThemeOptions, AutoCompleteCompleteEvent, AutoCompleteSelectEvent, BadgeSeverity, BadgeSize, ButtonSeverity, CheckboxChangeEvent, ColorFormat, ColorPalette, ColorPickerChangeEvent, DataViewLayout, DialogPosition, DrawerPosition, DynamicDialogConfig, FileRemoveEvent, FileSelectEvent, FloatLabelVariant, GalleriaItem, KeyFilterPreset, ListboxChangeEvent, MenuItem, MenuItemCommandEvent, MeterItem, NgUIOptions, NgUITranslationConfig, PaginatorState, PresetName, ProvideNgUIOptions, RadioButtonClickEvent, SelectButtonTokens, SpeedDialDirection, SpeedDialType, StepsMenuItem, SurfacePalette, TableLazyLoadEvent, TerminalCommandEvent, ThemePreset, TimelineAlign, TimelineLayout, TreeSelectionMode as TreeComponentSelectionMode, TreeNode, TreeSelectionMode$1 as TreeSelectionMode, TreeTableNode, UiMessage };