@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.
- package/fesm2022/fundamental-ngx-core-action-sheet.mjs +3 -2
- package/fesm2022/fundamental-ngx-core-action-sheet.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-avatar-group.mjs +6 -4
- package/fesm2022/fundamental-ngx-core-avatar-group.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-bar.mjs +36 -11
- package/fesm2022/fundamental-ngx-core-bar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +11 -13
- package/fesm2022/fundamental-ngx-core-breadcrumb.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-busy-indicator.mjs +5 -7
- package/fesm2022/fundamental-ngx-core-busy-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-calendar.mjs +35 -31
- package/fesm2022/fundamental-ngx-core-calendar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-carousel.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-carousel.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-combobox.mjs +6 -4
- package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-date-picker.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-date-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-datetime.mjs +7 -13
- package/fesm2022/fundamental-ngx-core-datetime.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dialog.mjs +19 -22
- package/fesm2022/fundamental-ngx-core-dialog.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +13 -13
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-facets.mjs +1 -1
- package/fesm2022/fundamental-ngx-core-facets.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-feed-list-item.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-feed-list-item.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-grid-list.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-grid-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-info-label.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-info-label.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-link.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-link.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-list.mjs +47 -12
- package/fesm2022/fundamental-ngx-core-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-menu.mjs +5 -5
- package/fesm2022/fundamental-ngx-core-menu.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-box.mjs +10 -10
- package/fesm2022/fundamental-ngx-core-message-box.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-strip.mjs +44 -49
- package/fesm2022/fundamental-ngx-core-message-strip.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +25 -23
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-multi-input.mjs +6 -8
- package/fesm2022/fundamental-ngx-core-multi-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-nested-list.mjs +22 -21
- package/fesm2022/fundamental-ngx-core-nested-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-notification.mjs +13 -16
- package/fesm2022/fundamental-ngx-core-notification.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-identifier.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-identifier.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-number.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-number.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-status.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-object-status.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-overflow-layout.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-overflow-layout.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-pagination.mjs +11 -14
- package/fesm2022/fundamental-ngx-core-pagination.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-popover.mjs +5 -5
- package/fesm2022/fundamental-ngx-core-popover.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-product-switch.mjs +8 -4
- package/fesm2022/fundamental-ngx-core-product-switch.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-quick-view.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-quick-view.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-rating-indicator.mjs +4 -7
- package/fesm2022/fundamental-ngx-core-rating-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-segmented-button.mjs +10 -11
- package/fesm2022/fundamental-ngx-core-segmented-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-select.mjs +15 -8
- package/fesm2022/fundamental-ngx-core-select.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-settings.mjs +1 -1
- package/fesm2022/fundamental-ngx-core-settings.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-shellbar.mjs +44 -27
- package/fesm2022/fundamental-ngx-core-shellbar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-slider.mjs +6 -6
- package/fesm2022/fundamental-ngx-core-slider.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-split-button.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-split-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-step-input.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-step-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-switch.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-switch.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-tabs.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-tabs.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-text.mjs +6 -4
- package/fesm2022/fundamental-ngx-core-text.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-time-picker.mjs +4 -29
- package/fesm2022/fundamental-ngx-core-time-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-time.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-time.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-timeline.mjs +1 -1
- package/fesm2022/fundamental-ngx-core-timeline.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-title.mjs +7 -4
- package/fesm2022/fundamental-ngx-core-title.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-token.mjs +12 -15
- package/fesm2022/fundamental-ngx-core-token.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-toolbar.mjs +5 -3
- package/fesm2022/fundamental-ngx-core-toolbar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-tree.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-tree.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-upload-collection.mjs +5 -5
- package/fesm2022/fundamental-ngx-core-upload-collection.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-user-menu.mjs +6 -4
- package/fesm2022/fundamental-ngx-core-user-menu.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs +3 -3
- package/fesm2022/fundamental-ngx-core-vertical-navigation.mjs.map +1 -1
- package/package.json +3 -3
- package/types/fundamental-ngx-core-bar.d.ts +14 -4
- package/types/fundamental-ngx-core-breadcrumb.d.ts +5 -5
- package/types/fundamental-ngx-core-busy-indicator.d.ts +3 -3
- package/types/fundamental-ngx-core-combobox.d.ts +4 -2
- package/types/fundamental-ngx-core-datetime.d.ts +1 -5
- package/types/fundamental-ngx-core-dialog.d.ts +4 -2
- package/types/fundamental-ngx-core-dynamic-page.d.ts +1 -2
- package/types/fundamental-ngx-core-list.d.ts +24 -5
- package/types/fundamental-ngx-core-menu.d.ts +2 -0
- package/types/fundamental-ngx-core-message-box.d.ts +1 -1
- package/types/fundamental-ngx-core-message-strip.d.ts +3 -12
- package/types/fundamental-ngx-core-multi-combobox.d.ts +1 -1
- package/types/fundamental-ngx-core-nested-list.d.ts +10 -10
- package/types/fundamental-ngx-core-notification.d.ts +5 -7
- package/types/fundamental-ngx-core-pagination.d.ts +3 -4
- package/types/fundamental-ngx-core-product-switch.d.ts +3 -0
- package/types/fundamental-ngx-core-rating-indicator.d.ts +3 -2
- package/types/fundamental-ngx-core-segmented-button.d.ts +3 -5
- package/types/fundamental-ngx-core-select.d.ts +5 -1
- package/types/fundamental-ngx-core-shared.d.ts +21 -20
- package/types/fundamental-ngx-core-shellbar.d.ts +7 -1
- package/types/fundamental-ngx-core-slider.d.ts +1 -1
- package/types/fundamental-ngx-core-text.d.ts +3 -1
- package/types/fundamental-ngx-core-time-picker.d.ts +1 -17
- package/types/fundamental-ngx-core-title.d.ts +3 -1
- 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.
|
|
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 {
|
|
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
|
|
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
|
|
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 {
|
|
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:
|
|
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.
|
|
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; }; "
|
|
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 {
|
|
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
|
-
|
|
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
|