@flusys/ng-ui 6.0.0-rc.1 → 6.0.0

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flusys/ng-ui",
3
- "version": "6.0.0-rc.1",
3
+ "version": "6.0.0",
4
4
  "description": "FLUSYS native UI component library ",
5
5
  "license": "MIT",
6
6
  "peerDependencies": {
@@ -859,6 +859,7 @@ declare class InputPasswordDirective {
859
859
 
860
860
  type FMultiSelectFilterMatchMode = 'contains' | 'startsWith' | 'endsWith' | 'equals' | 'notEquals';
861
861
  type FMultiSelectDisplay = 'comma' | 'chip';
862
+ type FMultiSelectAppendTo = 'self' | 'body';
862
863
  type FMultiSelectFlatItem = {
863
864
  kind: 'option';
864
865
  option: unknown;
@@ -872,6 +873,14 @@ declare class MultiSelectComponent implements ControlValueAccessor {
872
873
  onDocumentClick(e: MouseEvent): void;
873
874
  private readonly _triggerRef;
874
875
  private readonly _filterInputRef;
876
+ private readonly _panelRef;
877
+ private readonly _panelTop;
878
+ private readonly _panelLeft;
879
+ private readonly _panelWidth;
880
+ readonly panelClass: _angular_core.Signal<string>;
881
+ readonly panelStyle: _angular_core.Signal<Record<string, string>>;
882
+ private position;
883
+ private adjustForViewport;
875
884
  readonly triggerClass: _angular_core.Signal<string>;
876
885
  readonly options: _angular_core.InputSignal<unknown[]>;
877
886
  readonly optionLabel: _angular_core.InputSignal<string>;
@@ -898,6 +907,7 @@ declare class MultiSelectComponent implements ControlValueAccessor {
898
907
  readonly showToggleAll: _angular_core.InputSignalWithTransform<boolean, unknown>;
899
908
  readonly styleClass: _angular_core.InputSignal<string>;
900
909
  readonly style: _angular_core.InputSignal<Record<string, string> | null>;
910
+ readonly appendTo: _angular_core.InputSignal<FMultiSelectAppendTo>;
901
911
  readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
902
912
  readonly autofocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
903
913
  readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -994,7 +1004,7 @@ declare class MultiSelectComponent implements ControlValueAccessor {
994
1004
  registerOnTouched(fn: () => void): void;
995
1005
  setDisabledState(): void;
996
1006
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSelectComponent, 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>;
1007
+ 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; }; "appendTo": { "alias": "appendTo"; "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>;
998
1008
  }
999
1009
 
1000
1010
  type PasswordAppendTo = 'self' | 'body';
@@ -1127,6 +1137,7 @@ declare class RatingComponent implements ControlValueAccessor {
1127
1137
  }
1128
1138
 
1129
1139
  type FSelectFilterMatchMode = 'contains' | 'startsWith' | 'endsWith' | 'equals' | 'notEquals';
1140
+ type FSelectAppendTo = 'self' | 'body';
1130
1141
  type FSelectFlatItem = {
1131
1142
  kind: 'option';
1132
1143
  option: unknown;
@@ -1162,6 +1173,7 @@ declare class SelectComponent implements ControlValueAccessor {
1162
1173
  readonly touched: _angular_core.InputSignal<boolean>;
1163
1174
  readonly styleClass: _angular_core.InputSignal<string>;
1164
1175
  readonly style: _angular_core.InputSignal<Record<string, string> | null>;
1176
+ readonly appendTo: _angular_core.InputSignal<FSelectAppendTo>;
1165
1177
  readonly editable: _angular_core.InputSignalWithTransform<boolean, unknown>;
1166
1178
  readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
1167
1179
  readonly autofocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -1196,6 +1208,14 @@ declare class SelectComponent implements ControlValueAccessor {
1196
1208
  private readonly _triggerRef;
1197
1209
  private readonly _editableInputRef;
1198
1210
  private readonly _filterInputRef;
1211
+ private readonly _panelRef;
1212
+ private readonly _panelTop;
1213
+ private readonly _panelLeft;
1214
+ private readonly _panelWidth;
1215
+ readonly panelClass: _angular_core.Signal<string>;
1216
+ readonly panelStyle: _angular_core.Signal<Record<string, string>>;
1217
+ private position;
1218
+ private adjustForViewport;
1199
1219
  readonly selectedItemRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1200
1220
  readonly itemRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
1201
1221
  readonly groupRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
@@ -1256,7 +1276,7 @@ declare class SelectComponent implements ControlValueAccessor {
1256
1276
  registerOnTouched(fn: () => void): void;
1257
1277
  setDisabledState(): void;
1258
1278
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, 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>;
1279
+ 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; }; "appendTo": { "alias": "appendTo"; "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>;
1260
1280
  }
1261
1281
 
1262
1282
  declare class SelectButtonComponent implements ControlValueAccessor {
@@ -2203,6 +2223,7 @@ declare class TooltipDirective implements OnDestroy {
2203
2223
  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>;
2204
2224
  }
2205
2225
 
2226
+ type AutoCompleteAppendTo = 'self' | 'body';
2206
2227
  interface AutoCompleteCompleteEvent {
2207
2228
  originalEvent: Event;
2208
2229
  query: string;
@@ -2227,6 +2248,17 @@ declare class AutoCompleteComponent implements ControlValueAccessor {
2227
2248
  private readonly _el;
2228
2249
  private readonly _id;
2229
2250
  readonly listboxId: string;
2251
+ private readonly anchorRef;
2252
+ private readonly panelRef;
2253
+ private readonly _panelTop;
2254
+ private readonly _panelLeft;
2255
+ private readonly _panelWidth;
2256
+ readonly panelClass: _angular_core.Signal<string>;
2257
+ readonly panelStyle: _angular_core.Signal<Record<string, string>>;
2258
+ private position;
2259
+ private adjustForViewport;
2260
+ private openPanel;
2261
+ constructor();
2230
2262
  onDocumentClick(e: MouseEvent): void;
2231
2263
  readonly suggestions: _angular_core.InputSignal<unknown[]>;
2232
2264
  readonly field: _angular_core.InputSignal<string>;
@@ -2246,6 +2278,7 @@ declare class AutoCompleteComponent implements ControlValueAccessor {
2246
2278
  readonly emptyMessage: _angular_core.InputSignal<string>;
2247
2279
  readonly styleClass: _angular_core.InputSignal<string>;
2248
2280
  readonly style: _angular_core.InputSignal<Record<string, string> | null>;
2281
+ readonly appendTo: _angular_core.InputSignal<AutoCompleteAppendTo>;
2249
2282
  readonly virtualScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
2250
2283
  readonly virtualScrollItemSize: _angular_core.InputSignalWithTransform<number, unknown>;
2251
2284
  readonly scrollHeight: _angular_core.InputSignal<string>;
@@ -2312,7 +2345,7 @@ declare class AutoCompleteComponent implements ControlValueAccessor {
2312
2345
  registerOnTouched(fn: () => void): void;
2313
2346
  setDisabledState(): void;
2314
2347
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutoCompleteComponent, 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>;
2348
+ 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; }; "appendTo": { "alias": "appendTo"; "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>;
2316
2349
  }
2317
2350
 
2318
2351
  type ColorFormat = 'hex' | 'rgb' | 'hsb';
@@ -2484,6 +2517,7 @@ declare class SplitButtonComponent {
2484
2517
  private readonly _menuLeft;
2485
2518
  readonly menuTop: _angular_core.Signal<number>;
2486
2519
  readonly menuLeft: _angular_core.Signal<number>;
2520
+ constructor();
2487
2521
  readonly groupClass: _angular_core.Signal<string>;
2488
2522
  readonly dropdownClass: _angular_core.Signal<string>;
2489
2523
  readonly menuPanelClass: _angular_core.Signal<string>;
@@ -2682,6 +2716,7 @@ declare class TreeTableComponent implements OnInit {
2682
2716
 
2683
2717
  type TreeSelectionMode$1 = 'single' | 'multiple' | 'checkbox';
2684
2718
  type TreeSelectDisplay = 'comma' | 'chip';
2719
+ type TreeSelectAppendTo = 'self' | 'body';
2685
2720
  interface FlatTreeSelectNode {
2686
2721
  node: TreeNode;
2687
2722
  key: string;
@@ -2691,6 +2726,7 @@ interface FlatTreeSelectNode {
2691
2726
  }
2692
2727
  declare class TreeSelectComponent implements ControlValueAccessor {
2693
2728
  private readonly _el;
2729
+ constructor();
2694
2730
  readonly options: _angular_core.InputSignal<TreeNode<unknown>[]>;
2695
2731
  readonly placeholder: _angular_core.InputSignal<string>;
2696
2732
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -2708,7 +2744,17 @@ declare class TreeSelectComponent implements ControlValueAccessor {
2708
2744
  readonly touched: _angular_core.InputSignal<boolean>;
2709
2745
  readonly styleClass: _angular_core.InputSignal<string>;
2710
2746
  readonly style: _angular_core.InputSignal<Record<string, string> | null>;
2747
+ readonly appendTo: _angular_core.InputSignal<TreeSelectAppendTo>;
2711
2748
  readonly hostClass: _angular_core.Signal<string>;
2749
+ private readonly triggerRef;
2750
+ private readonly panelRef;
2751
+ private readonly _panelTop;
2752
+ private readonly _panelLeft;
2753
+ private readonly _panelWidth;
2754
+ readonly panelClass: _angular_core.Signal<string>;
2755
+ readonly panelStyle: _angular_core.Signal<Record<string, string>>;
2756
+ private position;
2757
+ private adjustForViewport;
2712
2758
  private readonly _open;
2713
2759
  readonly open: _angular_core.Signal<boolean>;
2714
2760
  private readonly _filterText;
@@ -2758,7 +2804,7 @@ declare class TreeSelectComponent implements ControlValueAccessor {
2758
2804
  registerOnTouched(fn: () => void): void;
2759
2805
  setDisabledState(): void;
2760
2806
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeSelectComponent, 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>;
2807
+ 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; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, {}, ["valueRef", "headerRef", "footerRef", "emptyRef", "fTemplates"], never, true, never>;
2762
2808
  }
2763
2809
 
2764
2810
  type UiIconSeverity = 'success' | 'info' | 'warn' | 'danger' | 'secondary' | 'contrast' | null;
@@ -2934,6 +2980,7 @@ declare class MenuComponent {
2934
2980
  private readonly _left;
2935
2981
  private _openedAt;
2936
2982
  private _anchor;
2983
+ constructor();
2937
2984
  readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
2938
2985
  private namedTemplate;
2939
2986
  readonly itemTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
@@ -3381,11 +3428,13 @@ declare class KnobComponent implements ControlValueAccessor {
3381
3428
  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>;
3382
3429
  }
3383
3430
 
3431
+ type CascadeSelectAppendTo = 'self' | 'body';
3384
3432
  interface CascadeOption {
3385
3433
  [key: string]: unknown;
3386
3434
  }
3387
3435
  declare class CascadeSelectComponent implements ControlValueAccessor {
3388
3436
  private readonly _el;
3437
+ constructor();
3389
3438
  readonly options: _angular_core.InputSignal<CascadeOption[]>;
3390
3439
  readonly optionLabel: _angular_core.InputSignal<string>;
3391
3440
  readonly optionValue: _angular_core.InputSignal<string>;
@@ -3401,7 +3450,16 @@ declare class CascadeSelectComponent implements ControlValueAccessor {
3401
3450
  readonly emptyMessage: _angular_core.InputSignal<string>;
3402
3451
  readonly styleClass: _angular_core.InputSignal<string>;
3403
3452
  readonly style: _angular_core.InputSignal<Record<string, string> | null>;
3453
+ readonly appendTo: _angular_core.InputSignal<CascadeSelectAppendTo>;
3404
3454
  readonly hostClass: _angular_core.Signal<string>;
3455
+ private readonly triggerRef;
3456
+ private readonly panelRef;
3457
+ private readonly _panelTop;
3458
+ private readonly _panelLeft;
3459
+ readonly panelClass: _angular_core.Signal<string>;
3460
+ readonly panelStyle: _angular_core.Signal<Record<string, string>>;
3461
+ private position;
3462
+ private adjustForViewport;
3405
3463
  private readonly _open;
3406
3464
  readonly open: _angular_core.Signal<boolean>;
3407
3465
  private readonly _activePath;
@@ -3452,7 +3510,7 @@ declare class CascadeSelectComponent implements ControlValueAccessor {
3452
3510
  registerOnTouched(fn: () => void): void;
3453
3511
  setDisabledState(): void;
3454
3512
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<CascadeSelectComponent, 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>;
3513
+ 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; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, {}, ["valueRef", "optionRef", "groupRef", "emptyRef", "fTemplates"], never, true, never>;
3456
3514
  }
3457
3515
 
3458
3516
  type KeyFilterPreset = 'int' | 'pint' | 'num' | 'pnum' | 'money' | 'hex' | 'alpha' | 'alphanum' | 'email';