@fundamental-ngx/core 0.61.2 → 0.62.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.
Files changed (137) hide show
  1. package/fesm2022/fundamental-ngx-core-action-sheet.mjs +3 -2
  2. package/fesm2022/fundamental-ngx-core-action-sheet.mjs.map +1 -1
  3. package/fesm2022/fundamental-ngx-core-avatar-group.mjs +6 -4
  4. package/fesm2022/fundamental-ngx-core-avatar-group.mjs.map +1 -1
  5. package/fesm2022/fundamental-ngx-core-bar.mjs +36 -11
  6. package/fesm2022/fundamental-ngx-core-bar.mjs.map +1 -1
  7. package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +11 -13
  8. package/fesm2022/fundamental-ngx-core-breadcrumb.mjs.map +1 -1
  9. package/fesm2022/fundamental-ngx-core-busy-indicator.mjs +5 -7
  10. package/fesm2022/fundamental-ngx-core-busy-indicator.mjs.map +1 -1
  11. package/fesm2022/fundamental-ngx-core-calendar.mjs +35 -31
  12. package/fesm2022/fundamental-ngx-core-calendar.mjs.map +1 -1
  13. package/fesm2022/fundamental-ngx-core-carousel.mjs +2 -2
  14. package/fesm2022/fundamental-ngx-core-carousel.mjs.map +1 -1
  15. package/fesm2022/fundamental-ngx-core-combobox.mjs +6 -4
  16. package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
  17. package/fesm2022/fundamental-ngx-core-date-picker.mjs +3 -3
  18. package/fesm2022/fundamental-ngx-core-date-picker.mjs.map +1 -1
  19. package/fesm2022/fundamental-ngx-core-datetime-picker.mjs +3 -3
  20. package/fesm2022/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
  21. package/fesm2022/fundamental-ngx-core-datetime.mjs +7 -13
  22. package/fesm2022/fundamental-ngx-core-datetime.mjs.map +1 -1
  23. package/fesm2022/fundamental-ngx-core-dialog.mjs +19 -22
  24. package/fesm2022/fundamental-ngx-core-dialog.mjs.map +1 -1
  25. package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +13 -13
  26. package/fesm2022/fundamental-ngx-core-dynamic-page.mjs.map +1 -1
  27. package/fesm2022/fundamental-ngx-core-facets.mjs +1 -1
  28. package/fesm2022/fundamental-ngx-core-facets.mjs.map +1 -1
  29. package/fesm2022/fundamental-ngx-core-feed-list-item.mjs +2 -2
  30. package/fesm2022/fundamental-ngx-core-feed-list-item.mjs.map +1 -1
  31. package/fesm2022/fundamental-ngx-core-grid-list.mjs +4 -4
  32. package/fesm2022/fundamental-ngx-core-grid-list.mjs.map +1 -1
  33. package/fesm2022/fundamental-ngx-core-info-label.mjs +2 -2
  34. package/fesm2022/fundamental-ngx-core-info-label.mjs.map +1 -1
  35. package/fesm2022/fundamental-ngx-core-link.mjs +2 -2
  36. package/fesm2022/fundamental-ngx-core-link.mjs.map +1 -1
  37. package/fesm2022/fundamental-ngx-core-list.mjs +47 -12
  38. package/fesm2022/fundamental-ngx-core-list.mjs.map +1 -1
  39. package/fesm2022/fundamental-ngx-core-menu.mjs +5 -5
  40. package/fesm2022/fundamental-ngx-core-menu.mjs.map +1 -1
  41. package/fesm2022/fundamental-ngx-core-message-box.mjs +10 -10
  42. package/fesm2022/fundamental-ngx-core-message-box.mjs.map +1 -1
  43. package/fesm2022/fundamental-ngx-core-message-strip.mjs +44 -49
  44. package/fesm2022/fundamental-ngx-core-message-strip.mjs.map +1 -1
  45. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +25 -23
  46. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
  47. package/fesm2022/fundamental-ngx-core-multi-input.mjs +6 -8
  48. package/fesm2022/fundamental-ngx-core-multi-input.mjs.map +1 -1
  49. package/fesm2022/fundamental-ngx-core-nested-list.mjs +22 -21
  50. package/fesm2022/fundamental-ngx-core-nested-list.mjs.map +1 -1
  51. package/fesm2022/fundamental-ngx-core-notification.mjs +13 -16
  52. package/fesm2022/fundamental-ngx-core-notification.mjs.map +1 -1
  53. package/fesm2022/fundamental-ngx-core-object-identifier.mjs +2 -2
  54. package/fesm2022/fundamental-ngx-core-object-identifier.mjs.map +1 -1
  55. package/fesm2022/fundamental-ngx-core-object-number.mjs +2 -2
  56. package/fesm2022/fundamental-ngx-core-object-number.mjs.map +1 -1
  57. package/fesm2022/fundamental-ngx-core-object-status.mjs +2 -2
  58. package/fesm2022/fundamental-ngx-core-object-status.mjs.map +1 -1
  59. package/fesm2022/fundamental-ngx-core-overflow-layout.mjs +2 -2
  60. package/fesm2022/fundamental-ngx-core-overflow-layout.mjs.map +1 -1
  61. package/fesm2022/fundamental-ngx-core-pagination.mjs +11 -14
  62. package/fesm2022/fundamental-ngx-core-pagination.mjs.map +1 -1
  63. package/fesm2022/fundamental-ngx-core-popover.mjs +5 -5
  64. package/fesm2022/fundamental-ngx-core-popover.mjs.map +1 -1
  65. package/fesm2022/fundamental-ngx-core-product-switch.mjs +8 -4
  66. package/fesm2022/fundamental-ngx-core-product-switch.mjs.map +1 -1
  67. package/fesm2022/fundamental-ngx-core-quick-view.mjs +3 -3
  68. package/fesm2022/fundamental-ngx-core-quick-view.mjs.map +1 -1
  69. package/fesm2022/fundamental-ngx-core-rating-indicator.mjs +4 -7
  70. package/fesm2022/fundamental-ngx-core-rating-indicator.mjs.map +1 -1
  71. package/fesm2022/fundamental-ngx-core-segmented-button.mjs +10 -11
  72. package/fesm2022/fundamental-ngx-core-segmented-button.mjs.map +1 -1
  73. package/fesm2022/fundamental-ngx-core-select.mjs +15 -8
  74. package/fesm2022/fundamental-ngx-core-select.mjs.map +1 -1
  75. package/fesm2022/fundamental-ngx-core-settings.mjs +1 -1
  76. package/fesm2022/fundamental-ngx-core-settings.mjs.map +1 -1
  77. package/fesm2022/fundamental-ngx-core-shellbar.mjs +44 -27
  78. package/fesm2022/fundamental-ngx-core-shellbar.mjs.map +1 -1
  79. package/fesm2022/fundamental-ngx-core-slider.mjs +6 -6
  80. package/fesm2022/fundamental-ngx-core-slider.mjs.map +1 -1
  81. package/fesm2022/fundamental-ngx-core-split-button.mjs +2 -2
  82. package/fesm2022/fundamental-ngx-core-split-button.mjs.map +1 -1
  83. package/fesm2022/fundamental-ngx-core-step-input.mjs +2 -2
  84. package/fesm2022/fundamental-ngx-core-step-input.mjs.map +1 -1
  85. package/fesm2022/fundamental-ngx-core-switch.mjs +2 -2
  86. package/fesm2022/fundamental-ngx-core-switch.mjs.map +1 -1
  87. package/fesm2022/fundamental-ngx-core-tabs.mjs +2 -2
  88. package/fesm2022/fundamental-ngx-core-tabs.mjs.map +1 -1
  89. package/fesm2022/fundamental-ngx-core-text.mjs +6 -4
  90. package/fesm2022/fundamental-ngx-core-text.mjs.map +1 -1
  91. package/fesm2022/fundamental-ngx-core-time-picker.mjs +4 -29
  92. package/fesm2022/fundamental-ngx-core-time-picker.mjs.map +1 -1
  93. package/fesm2022/fundamental-ngx-core-time.mjs +4 -4
  94. package/fesm2022/fundamental-ngx-core-time.mjs.map +1 -1
  95. package/fesm2022/fundamental-ngx-core-timeline.mjs +1 -1
  96. package/fesm2022/fundamental-ngx-core-timeline.mjs.map +1 -1
  97. package/fesm2022/fundamental-ngx-core-title.mjs +7 -4
  98. package/fesm2022/fundamental-ngx-core-title.mjs.map +1 -1
  99. package/fesm2022/fundamental-ngx-core-token.mjs +12 -15
  100. package/fesm2022/fundamental-ngx-core-token.mjs.map +1 -1
  101. package/fesm2022/fundamental-ngx-core-toolbar.mjs +5 -3
  102. package/fesm2022/fundamental-ngx-core-toolbar.mjs.map +1 -1
  103. package/fesm2022/fundamental-ngx-core-tree.mjs +4 -4
  104. package/fesm2022/fundamental-ngx-core-tree.mjs.map +1 -1
  105. package/fesm2022/fundamental-ngx-core-upload-collection.mjs +5 -5
  106. package/fesm2022/fundamental-ngx-core-upload-collection.mjs.map +1 -1
  107. package/fesm2022/fundamental-ngx-core-user-menu.mjs +6 -4
  108. package/fesm2022/fundamental-ngx-core-user-menu.mjs.map +1 -1
  109. package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs +3 -3
  110. package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs.map +1 -1
  111. package/package.json +3 -3
  112. package/types/fundamental-ngx-core-bar.d.ts +14 -4
  113. package/types/fundamental-ngx-core-breadcrumb.d.ts +5 -5
  114. package/types/fundamental-ngx-core-busy-indicator.d.ts +3 -3
  115. package/types/fundamental-ngx-core-combobox.d.ts +4 -2
  116. package/types/fundamental-ngx-core-datetime.d.ts +1 -5
  117. package/types/fundamental-ngx-core-dialog.d.ts +4 -2
  118. package/types/fundamental-ngx-core-dynamic-page.d.ts +1 -2
  119. package/types/fundamental-ngx-core-list.d.ts +24 -5
  120. package/types/fundamental-ngx-core-menu.d.ts +2 -0
  121. package/types/fundamental-ngx-core-message-box.d.ts +1 -1
  122. package/types/fundamental-ngx-core-message-strip.d.ts +3 -12
  123. package/types/fundamental-ngx-core-multi-combobox.d.ts +1 -1
  124. package/types/fundamental-ngx-core-nested-list.d.ts +10 -10
  125. package/types/fundamental-ngx-core-notification.d.ts +5 -7
  126. package/types/fundamental-ngx-core-pagination.d.ts +3 -4
  127. package/types/fundamental-ngx-core-product-switch.d.ts +3 -0
  128. package/types/fundamental-ngx-core-rating-indicator.d.ts +3 -2
  129. package/types/fundamental-ngx-core-segmented-button.d.ts +3 -5
  130. package/types/fundamental-ngx-core-select.d.ts +5 -1
  131. package/types/fundamental-ngx-core-shared.d.ts +21 -20
  132. package/types/fundamental-ngx-core-shellbar.d.ts +7 -1
  133. package/types/fundamental-ngx-core-slider.d.ts +1 -1
  134. package/types/fundamental-ngx-core-text.d.ts +3 -1
  135. package/types/fundamental-ngx-core-time-picker.d.ts +1 -17
  136. package/types/fundamental-ngx-core-title.d.ts +3 -1
  137. package/types/fundamental-ngx-core-token.d.ts +4 -4
@@ -4,6 +4,7 @@ import { OnInit, OnDestroy, EventEmitter, ChangeDetectorRef, TemplateRef, Inject
4
4
  import { ColorAccent, FdDropEvent } from '@fundamental-ngx/cdk/utils';
5
5
  import { IndicationColor } from '@fundamental-ngx/core/avatar';
6
6
  import { IconFont } from '@fundamental-ngx/core/icon';
7
+ import { ContentDensityMode } from '@fundamental-ngx/core/content-density';
7
8
  import { PopoverConfig, TriggerConfig } from '@fundamental-ngx/core/popover';
8
9
  import { Placement } from '@fundamental-ngx/core/shared';
9
10
 
@@ -132,6 +133,8 @@ declare class ProductSwitchComponent {
132
133
  /** Event emitted right before the popover is being opened. */
133
134
  readonly beforeOpen: _angular_core.OutputEmitterRef<void>;
134
135
  /** @hidden */
136
+ contentDensity: _angular_core.WritableSignal<ContentDensityMode>;
137
+ /** @hidden */
135
138
  protected readonly customProductSwitchButton: _angular_core.Signal<ProductSwitchButtonDirective | undefined>;
136
139
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProductSwitchComponent, never>;
137
140
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProductSwitchComponent, "fd-product-switch", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closeOnEscapeKey": { "alias": "closeOnEscapeKey"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; "noArrow": { "alias": "noArrow"; "required": false; "isSignal": true; }; "disableScrollbar": { "alias": "disableScrollbar"; "required": false; "isSignal": true; }; "triggers": { "alias": "triggers"; "required": false; "isSignal": true; }; "focusTrapped": { "alias": "focusTrapped"; "required": false; "isSignal": true; }; "focusAutoCapture": { "alias": "focusAutoCapture"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "beforeOpen": "beforeOpen"; }, ["customProductSwitchButton"], ["*"], true, never>;
@@ -1,9 +1,10 @@
1
+ import * as _fundamental_ngx_i18n from '@fundamental-ngx/i18n';
2
+ import { FdLanguage } from '@fundamental-ngx/i18n';
1
3
  import * as _angular_core from '@angular/core';
2
4
  import { ElementRef, PipeTransform } from '@angular/core';
3
5
  import { ControlValueAccessor } from '@angular/forms';
4
6
  import { HasElementRef } from '@fundamental-ngx/cdk/utils';
5
7
  import { FormItemControl } from '@fundamental-ngx/core/form';
6
- import { FdLanguage } from '@fundamental-ngx/i18n';
7
8
 
8
9
  declare const INDICATOR_PREFIX = "fd-rating-indicator";
9
10
  declare const INDICATOR_CLASSES: {
@@ -118,7 +119,7 @@ declare class RatingIndicatorComponent implements ControlValueAccessor, FormItem
118
119
  /** Computed display value - returns the current internal value */
119
120
  readonly displayValue: _angular_core.Signal<number>;
120
121
  /** @hidden Current language signal for i18n */
121
- protected readonly language: _angular_core.Signal<FdLanguage>;
122
+ protected readonly language: _angular_core.WritableSignal<_fundamental_ngx_i18n.FdLanguage>;
122
123
  /** @hidden Internal mutable value for CVA and computed display value */
123
124
  protected readonly internalValue: _angular_core.WritableSignal<number>;
124
125
  /**
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { OnInit, AfterViewInit, OnDestroy, OnChanges, QueryList, ChangeDetectorRef, ElementRef, DestroyRef, NgZone, SimpleChanges } from '@angular/core';
2
+ import { AfterViewInit, OnDestroy, OnChanges, QueryList, ChangeDetectorRef, ElementRef, DestroyRef, NgZone, SimpleChanges } from '@angular/core';
3
3
  import { ControlValueAccessor } from '@angular/forms';
4
4
  import * as i1 from '@fundamental-ngx/cdk/utils';
5
5
  import { FocusableItemDirective, FocusableListDirective } from '@fundamental-ngx/cdk/utils';
@@ -17,7 +17,7 @@ type SegmentedButtonValue = string | (string | null)[] | null;
17
17
  * </fd-segmented-button>
18
18
  * ```
19
19
  */
20
- declare class SegmentedButtonComponent implements OnInit, AfterViewInit, ControlValueAccessor, OnDestroy, OnChanges {
20
+ declare class SegmentedButtonComponent implements AfterViewInit, ControlValueAccessor, OnDestroy, OnChanges {
21
21
  private readonly _changeDetRef;
22
22
  private readonly _elementRef;
23
23
  private readonly _destroyRef;
@@ -51,7 +51,7 @@ declare class SegmentedButtonComponent implements OnInit, AfterViewInit, Control
51
51
  /** An RxJS Subject that will kill the data stream upon queryList changes (for unsubscribing) */
52
52
  private readonly _onRefresh$;
53
53
  /** @hidden */
54
- private readonly _lang$;
54
+ private readonly _langSignal;
55
55
  /** @hidden */
56
56
  private _translationResolver;
57
57
  /** @hidden */
@@ -63,8 +63,6 @@ declare class SegmentedButtonComponent implements OnInit, AfterViewInit, Control
63
63
  /** @hidden */
64
64
  protected _click(event: MouseEvent): void;
65
65
  /** @hidden */
66
- ngOnInit(): void;
67
- /** @hidden */
68
66
  onChange: (value: SegmentedButtonValue) => void;
69
67
  /** @hidden */
70
68
  onTouched: () => void;
@@ -338,6 +338,10 @@ declare class SelectComponent<T = any> implements SingleDropdownValueControl, Co
338
338
  * - `closeAndSelect` will close the dropdown and select last focused dropdown item.
339
339
  */
340
340
  tabOutStrategy: 'close' | 'closeAndSelect';
341
+ /** Value for aria-haspopup */
342
+ ariaHasPopup: string;
343
+ /** Value for aria-description */
344
+ ariaDescription: string;
341
345
  /** Event emitted when the popover open state changes. */
342
346
  readonly isOpenChange: EventEmitter<boolean>;
343
347
  /** Event emitted when the selected value of the select changes. */
@@ -523,7 +527,7 @@ declare class SelectComponent<T = any> implements SingleDropdownValueControl, Co
523
527
  /** @hidden */
524
528
  private _setupMobileMode;
525
529
  static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent<any>, [{ attribute: "tabindex"; }, null, null, null, { optional: true; }, { optional: true; self: true; }, { optional: true; }, null]>;
526
- static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "fd-select", never, { "extendedBodyTemplate": { "alias": "extendedBodyTemplate"; "required": false; }; "scrollStrategy": { "alias": "scrollStrategy"; "required": false; }; "textOverflow": { "alias": "textOverflow"; "required": false; }; "controlId": { "alias": "controlId"; "required": false; }; "state": { "alias": "state"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "stateMessage": { "alias": "stateMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "glyphFont": { "alias": "glyphFont"; "required": false; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; }; "fillControlMode": { "alias": "fillControlMode"; "required": false; }; "controlTemplate": { "alias": "controlTemplate"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "unselectMissingOption": { "alias": "unselectMissingOption"; "required": false; }; "typeaheadDebounceInterval": { "alias": "typeaheadDebounceInterval"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "selectControlClass": { "alias": "selectControlClass"; "required": false; }; "selectDropdownButtonClass": { "alias": "selectDropdownButtonClass"; "required": false; }; "advancedStateMessage": { "alias": "advancedStateMessage"; "required": false; }; "tabOutStrategy": { "alias": "tabOutStrategy"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "valueChange": "valueChange"; }, ["_options"], ["*"], true, never>;
530
+ static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "fd-select", never, { "extendedBodyTemplate": { "alias": "extendedBodyTemplate"; "required": false; }; "scrollStrategy": { "alias": "scrollStrategy"; "required": false; }; "textOverflow": { "alias": "textOverflow"; "required": false; }; "controlId": { "alias": "controlId"; "required": false; }; "state": { "alias": "state"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "stateMessage": { "alias": "stateMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "glyphFont": { "alias": "glyphFont"; "required": false; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; }; "fillControlMode": { "alias": "fillControlMode"; "required": false; }; "controlTemplate": { "alias": "controlTemplate"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "unselectMissingOption": { "alias": "unselectMissingOption"; "required": false; }; "typeaheadDebounceInterval": { "alias": "typeaheadDebounceInterval"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "selectControlClass": { "alias": "selectControlClass"; "required": false; }; "selectDropdownButtonClass": { "alias": "selectDropdownButtonClass"; "required": false; }; "advancedStateMessage": { "alias": "advancedStateMessage"; "required": false; }; "tabOutStrategy": { "alias": "tabOutStrategy"; "required": false; }; "ariaHasPopup": { "alias": "ariaHasPopup"; "required": false; }; "ariaDescription": { "alias": "ariaDescription"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "valueChange": "valueChange"; }, ["_options"], ["*"], true, never>;
527
531
  }
528
532
  declare class DeprecatedSelectCSSClasses implements ModuleDeprecation {
529
533
  /** @hidden */
@@ -1,6 +1,6 @@
1
1
  import { ConnectedPosition } from '@angular/cdk/overlay';
2
2
  import * as i0 from '@angular/core';
3
- import { EventEmitter, ElementRef, InjectionToken } from '@angular/core';
3
+ import { InputSignal, ModelSignal, InputSignalWithTransform, OutputEmitterRef, ElementRef, InjectionToken } from '@angular/core';
4
4
  import { Nullable } from '@fundamental-ngx/cdk/utils';
5
5
 
6
6
  declare const DefaultPositions: ConnectedPosition[];
@@ -45,29 +45,30 @@ declare class PopoverPosition {
45
45
  static getCdkPlacement(placement: Placement, direction?: 'rtl' | 'ltr'): ConnectedPosition;
46
46
  }
47
47
 
48
+ type Appearance = {
49
+ searchClass: string;
50
+ searchFieldClass: string;
51
+ searchCategoryClass: string;
52
+ searchSubmitClass: string;
53
+ buttonClass: string;
54
+ addonClass: string;
55
+ categoryButtonClass: string;
56
+ categoryDropdownButtonClass: string;
57
+ removeGroupButtonClass: boolean;
58
+ helperClass?: string;
59
+ };
48
60
  interface SearchComponent {
49
- placeholder: string;
50
- disableRefresh: boolean;
51
- disableSearch: boolean;
52
- categoryMode: 'menu' | 'select';
53
- forceSearchButton: boolean;
54
- searchSubmit: EventEmitter<{
61
+ placeholder: InputSignal<string>;
62
+ disableRefresh: ModelSignal<boolean>;
63
+ disableSearch: InputSignalWithTransform<boolean, unknown>;
64
+ categoryMode: ModelSignal<'menu' | 'select'>;
65
+ forceSearchButton: ModelSignal<boolean>;
66
+ searchSubmit: OutputEmitterRef<{
55
67
  text: string;
56
68
  category: string | null;
57
69
  }>;
58
70
  elementRef: ElementRef<HTMLElement>;
59
- appearance?: {
60
- searchClass: string;
61
- searchFieldClass: string;
62
- searchCategoryClass: string;
63
- searchSubmitClass: string;
64
- buttonClass: string;
65
- addonClass: string;
66
- categoryButtonClass: string;
67
- categoryDropdownButtonClass: string;
68
- removeGroupButtonClass: boolean;
69
- helperClass?: string;
70
- };
71
+ appearance?: ModelSignal<Appearance | undefined>;
71
72
  focus(): void;
72
73
  }
73
74
 
@@ -128,4 +129,4 @@ declare const FD_TABLIST: InjectionToken<TabList>;
128
129
  type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6 | '1' | '2' | '3' | '4' | '5' | '6' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
129
130
 
130
131
  export { DYNAMIC_PAGE_HEADER_TOKEN, DefaultPositions, FD_TABLIST, GetDefaultPosition, PopoverFlippedRtlPlacement, PopoverFlippedYDirection, PopoverPlacement, PopoverPosition, ValueStateAriaMessageService };
131
- export type { ArrowPosition, DynamicPageHeader, HeadingLevel, Placement, PopoverFillMode, RtlPlacement, SearchComponent, SpecialDayRule, TabList, XPositions, YPositions };
132
+ export type { Appearance, ArrowPosition, DynamicPageHeader, HeadingLevel, Placement, PopoverFillMode, RtlPlacement, SearchComponent, SpecialDayRule, TabList, XPositions, YPositions };
@@ -517,6 +517,8 @@ declare class ShellbarComponent implements AfterContentInit, AfterViewInit, OnDe
517
517
  navigationButtonLabel: string;
518
518
  /** Label for the back button. */
519
519
  backButtonLabel: string;
520
+ /** Whether to show the search when the shellbar size is set to small. */
521
+ showSearchFieldOnSizeSmall: boolean;
520
522
  /** Emitted event when navigation button is clicked. */
521
523
  navigationButtonClicked: EventEmitter<Event>;
522
524
  /** Emitted event when back button is clicked. */
@@ -526,6 +528,8 @@ declare class ShellbarComponent implements AfterContentInit, AfterViewInit, OnDe
526
528
  /** @hidden */
527
529
  buttons: QueryList<ElementRef>;
528
530
  /** @hidden */
531
+ productSwitches: QueryList<ProductSwitchComponent>;
532
+ /** @hidden */
529
533
  contextArea: ShellbarContextAreaComponent;
530
534
  /** @hidden */
531
535
  branding: ShellbarBrandingComponent;
@@ -616,8 +620,10 @@ declare class ShellbarComponent implements AfterContentInit, AfterViewInit, OnDe
616
620
  private _attachSearch;
617
621
  /** @hidden */
618
622
  private _detachSearch;
623
+ /** @hidden */
624
+ private _setProductSwitchDensities;
619
625
  static ɵfac: i0.ɵɵFactoryDeclaration<ShellbarComponent, never>;
620
- static ɵcmp: i0.ɵɵComponentDeclaration<ShellbarComponent, "fd-shellbar", never, { "size": { "alias": "size"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; "sideNav": { "alias": "sideNav"; "required": false; }; "groupFlex": { "alias": "groupFlex"; "required": false; }; "showNavigationButton": { "alias": "showNavigationButton"; "required": false; }; "navigationButtonTemplate": { "alias": "navigationButtonTemplate"; "required": false; }; "showBackButton": { "alias": "showBackButton"; "required": false; }; "navigationButtonLabel": { "alias": "navigationButtonLabel"; "required": false; }; "backButtonLabel": { "alias": "backButtonLabel"; "required": false; }; }, { "navigationButtonClicked": "navigationButtonClicked"; "backButtonClicked": "backButtonClicked"; }, ["comboboxComponent", "contextArea", "branding", "_actions", "searchComponent", "buttons"], ["fd-shellbar-branding", "[fd-shellbar-side-nav]", "fd-shellbar-logo", "fd-shellbar-title", "fd-product-menu", "fd-shellbar-subtitle", "fd-shellbar-separator", "fd-shellbar-context-area", "*", "fd-shellbar-actions"], true, never>;
626
+ static ɵcmp: i0.ɵɵComponentDeclaration<ShellbarComponent, "fd-shellbar", never, { "size": { "alias": "size"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; "sideNav": { "alias": "sideNav"; "required": false; }; "groupFlex": { "alias": "groupFlex"; "required": false; }; "showNavigationButton": { "alias": "showNavigationButton"; "required": false; }; "navigationButtonTemplate": { "alias": "navigationButtonTemplate"; "required": false; }; "showBackButton": { "alias": "showBackButton"; "required": false; }; "navigationButtonLabel": { "alias": "navigationButtonLabel"; "required": false; }; "backButtonLabel": { "alias": "backButtonLabel"; "required": false; }; "showSearchFieldOnSizeSmall": { "alias": "showSearchFieldOnSizeSmall"; "required": false; }; }, { "navigationButtonClicked": "navigationButtonClicked"; "backButtonClicked": "backButtonClicked"; }, ["comboboxComponent", "contextArea", "branding", "_actions", "searchComponent", "buttons", "productSwitches"], ["fd-shellbar-branding", "[fd-shellbar-side-nav]", "fd-shellbar-logo", "fd-shellbar-title", "fd-product-menu", "fd-shellbar-subtitle", "fd-shellbar-separator", "fd-shellbar-context-area", "*", "fd-shellbar-actions"], true, never>;
621
627
  }
622
628
 
623
629
  /**
@@ -305,7 +305,7 @@ declare class SliderComponent implements OnInit, OnChanges, AfterViewInit, Contr
305
305
  */
306
306
  declare class SliderModule {
307
307
  static ɵfac: i0.ɵɵFactoryDeclaration<SliderModule, never>;
308
- static ɵmod: i0.ɵɵNgModuleDeclaration<SliderModule, never, [typeof i1.PopoverModule, typeof i2.FormsModule, typeof i3.OnlyDigitsModule, typeof i4.ContentDensityModule, typeof i5.I18nModule, typeof SliderComponent, typeof SliderPositionDirective], [typeof SliderComponent, typeof SliderPositionDirective]>;
308
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SliderModule, never, [typeof i1.PopoverModule, typeof i2.FormsModule, typeof i3.OnlyDigitsModule, typeof i4.ContentDensityModule, typeof i5.FdTranslatePipe, typeof SliderComponent, typeof SliderPositionDirective], [typeof SliderComponent, typeof SliderPositionDirective]>;
309
309
  static ɵinj: i0.ɵɵInjectorDeclaration<SliderModule>;
310
310
  }
311
311
 
@@ -42,6 +42,8 @@ declare class TextComponent {
42
42
  * @default true
43
43
  */
44
44
  readonly isCollapsed: _angular_core.ModelSignal<boolean>;
45
+ /** @hidden */
46
+ readonly subline: _angular_core.InputSignalWithTransform<boolean, unknown>;
45
47
  /**
46
48
  * Computed signal that checks if maxLines is set to a valid positive number.
47
49
  * @hidden
@@ -74,7 +76,7 @@ declare class TextComponent {
74
76
  */
75
77
  protected checkLineCount(count: number): void;
76
78
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextComponent, never>;
77
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextComponent, "fd-text", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "maxLines": { "alias": "maxLines"; "required": false; "isSignal": true; }; "whitespaces": { "alias": "whitespaces"; "required": false; "isSignal": true; }; "hyphenation": { "alias": "hyphenation"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; }, never, never, true, never>;
79
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextComponent, "fd-text", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "maxLines": { "alias": "maxLines"; "required": false; "isSignal": true; }; "whitespaces": { "alias": "whitespaces"; "required": false; "isSignal": true; }; "hyphenation": { "alias": "hyphenation"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "subline": { "alias": "subline"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; }, never, never, true, never>;
78
80
  }
79
81
 
80
82
  /**
@@ -105,22 +105,6 @@ declare class TimePickerComponent<D> implements ControlValueAccessor, OnInit, Af
105
105
  * Must be a format option that is understandable by DatetimeAdapter.
106
106
  */
107
107
  parseFormat: unknown;
108
- /**
109
- * Value state "success" aria message.
110
- */
111
- valueStateSuccessMessage: string;
112
- /**
113
- * Value state "information" aria message.
114
- */
115
- valueStateInformationMessage: string;
116
- /**
117
- * Value state "warning" aria message.
118
- */
119
- valueStateWarningMessage: string;
120
- /**
121
- * Value state "error" aria message.
122
- */
123
- valueStateErrorMessage: string;
124
108
  /** Event emitted when the state of the isOpen property changes. */
125
109
  isOpenChange: EventEmitter<boolean>;
126
110
  /** @hidden */
@@ -251,7 +235,7 @@ declare class TimePickerComponent<D> implements ControlValueAccessor, OnInit, Af
251
235
  /** @hidden */
252
236
  private initialiseVariablesInMessageService;
253
237
  static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent<any>, [null, null, { optional: true; }, { optional: true; }, null]>;
254
- static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent<any>, "fd-time-picker", never, { "time": { "alias": "time"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "spinnerButtons": { "alias": "spinnerButtons"; "required": false; }; "meridian": { "alias": "meridian"; "required": false; }; "displaySeconds": { "alias": "displaySeconds"; "required": false; }; "displayMinutes": { "alias": "displayMinutes"; "required": false; }; "displayHours": { "alias": "displayHours"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "timePickerInputLabel": { "alias": "timePickerInputLabel"; "required": false; }; "timePickerButtonLabel": { "alias": "timePickerButtonLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "tablet": { "alias": "tablet"; "required": false; }; "message": { "alias": "message"; "required": false; }; "messageType": { "alias": "messageType"; "required": false; }; "messageTriggers": { "alias": "messageTriggers"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "keepTwoDigitsTime": { "alias": "keepTwoDigitsTime"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "parseFormat": { "alias": "parseFormat"; "required": false; }; "valueStateSuccessMessage": { "alias": "valueStateSuccessMessage"; "required": false; }; "valueStateInformationMessage": { "alias": "valueStateInformationMessage"; "required": false; }; "valueStateWarningMessage": { "alias": "valueStateWarningMessage"; "required": false; }; "valueStateErrorMessage": { "alias": "valueStateErrorMessage"; "required": false; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; }, { "isOpenChange": "isOpenChange"; }, never, ["*"], true, never>;
238
+ static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent<any>, "fd-time-picker", never, { "time": { "alias": "time"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "spinnerButtons": { "alias": "spinnerButtons"; "required": false; }; "meridian": { "alias": "meridian"; "required": false; }; "displaySeconds": { "alias": "displaySeconds"; "required": false; }; "displayMinutes": { "alias": "displayMinutes"; "required": false; }; "displayHours": { "alias": "displayHours"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "timePickerInputLabel": { "alias": "timePickerInputLabel"; "required": false; }; "timePickerButtonLabel": { "alias": "timePickerButtonLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "tablet": { "alias": "tablet"; "required": false; }; "message": { "alias": "message"; "required": false; }; "messageType": { "alias": "messageType"; "required": false; }; "messageTriggers": { "alias": "messageTriggers"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "keepTwoDigitsTime": { "alias": "keepTwoDigitsTime"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "parseFormat": { "alias": "parseFormat"; "required": false; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; }, { "isOpenChange": "isOpenChange"; }, never, ["*"], true, never>;
255
239
  }
256
240
 
257
241
  /**
@@ -43,6 +43,8 @@ declare abstract class TitleToken {
43
43
  * Automatically detects heading level from the tag name or can be explicitly set via `headerSize`.
44
44
  */
45
45
  declare class TitleComponent extends TitleToken {
46
+ /** Whether this title should clamp at two lines of text. */
47
+ readonly twoLineClamp: i0.InputSignalWithTransform<boolean, unknown>;
46
48
  /**
47
49
  * Explicit header size (1-6) for the title styling.
48
50
  * If not provided, uses the injected DEFAULT_TITLE_SIZE or automatically detected from the host element's tag name.
@@ -87,7 +89,7 @@ declare class TitleComponent extends TitleToken {
87
89
  */
88
90
  private _setHeaderSize;
89
91
  static ɵfac: i0.ɵɵFactoryDeclaration<TitleComponent, never>;
90
- static ɵcmp: i0.ɵɵComponentDeclaration<TitleComponent, "[fd-title], [fdTitle]", ["fd-title"], { "headerSize": { "alias": "headerSize"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
92
+ static ɵcmp: i0.ɵɵComponentDeclaration<TitleComponent, "[fd-title], [fdTitle]", ["fd-title"], { "twoLineClamp": { "alias": "twoLineClamp"; "required": false; "isSignal": true; }; "headerSize": { "alias": "headerSize"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
91
93
  }
92
94
 
93
95
  /**
@@ -4,8 +4,7 @@ import { CssClassBuilder } from '@fundamental-ngx/cdk/utils';
4
4
  import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
5
5
  import { LiveAnnouncer } from '@angular/cdk/a11y';
6
6
  import { IconFont } from '@fundamental-ngx/core/icon';
7
- import { FdLanguage } from '@fundamental-ngx/i18n';
8
- import { Subscription, Observable } from 'rxjs';
7
+ import { Subscription } from 'rxjs';
9
8
 
10
9
  declare class TokenizerInputDirective implements OnInit, OnChanges, CssClassBuilder {
11
10
  /** user's custom classes */
@@ -94,7 +93,6 @@ declare class TokenizerComponent implements AfterViewInit, OnDestroy, CssClassBu
94
93
  private _renderer;
95
94
  private readonly _document;
96
95
  private readonly _liveAnnouncer;
97
- private readonly _language$;
98
96
  /** user's custom classes */
99
97
  class: string;
100
98
  /** Disables possibility to remove tokens by keyboard */
@@ -186,7 +184,9 @@ declare class TokenizerComponent implements AfterViewInit, OnDestroy, CssClassBu
186
184
  /** @hidden */
187
185
  private _tokenElementFocusedSub;
188
186
  /** @hidden */
189
- constructor(_contentDensityObserver: ContentDensityObserver, elementRef: ElementRef, _cdRef: ChangeDetectorRef, _renderer: Renderer2, _document: Document, _liveAnnouncer: LiveAnnouncer, _language$: Observable<FdLanguage>);
187
+ private readonly _langSignal;
188
+ /** @hidden */
189
+ constructor(_contentDensityObserver: ContentDensityObserver, elementRef: ElementRef, _cdRef: ChangeDetectorRef, _renderer: Renderer2, _document: Document, _liveAnnouncer: LiveAnnouncer);
190
190
  /** @hidden
191
191
  * CssClassBuilder interface implementation
192
192
  * function must return single string