@besaitech/ng-design-system 0.0.80 → 0.0.82
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/besaitech-ng-design-system.mjs +666 -586
- package/fesm2022/besaitech-ng-design-system.mjs.map +1 -1
- package/index.d.ts +127 -64
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -1664,7 +1664,8 @@ declare class SdsMenu implements OnDestroy {
|
|
|
1664
1664
|
/** An action was activated. */
|
|
1665
1665
|
readonly select: _angular_core.OutputEmitterRef<SdsMenuAction>;
|
|
1666
1666
|
protected readonly projectedTrigger: _angular_core.Signal<SdsMenuTrigger | undefined>;
|
|
1667
|
-
|
|
1667
|
+
/** Body-appending, positioning, follow-on-scroll and teardown — see SdsOverlayPanel. */
|
|
1668
|
+
private readonly overlay;
|
|
1668
1669
|
/** Which item gets focus when the panel opens: 'first' | 'last' | 'none'. */
|
|
1669
1670
|
private focusOnOpen;
|
|
1670
1671
|
private typeBuffer;
|
|
@@ -1691,11 +1692,6 @@ declare class SdsMenu implements OnDestroy {
|
|
|
1691
1692
|
private focusItemAt;
|
|
1692
1693
|
protected activate(entry: SdsMenuAction, event?: Event): void;
|
|
1693
1694
|
protected onDocumentClick(event: MouseEvent): void;
|
|
1694
|
-
private readonly reflow;
|
|
1695
|
-
private listening;
|
|
1696
|
-
private addReflowListeners;
|
|
1697
|
-
private removeReflowListeners;
|
|
1698
|
-
private position;
|
|
1699
1695
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsMenu, never>;
|
|
1700
1696
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsMenu, "sds-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; "isSignal": true; }; "triggerIcon": { "alias": "triggerIcon"; "required": false; "isSignal": true; }; "triggerText": { "alias": "triggerText"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "keepOpen": { "alias": "keepOpen"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "select": "select"; }, ["projectedTrigger"], ["[sdsMenuTrigger]"], true, never>;
|
|
1701
1697
|
}
|
|
@@ -2412,8 +2408,8 @@ declare class SdsDatePicker implements ControlValueAccessor, OnDestroy {
|
|
|
2412
2408
|
private readonly cvaDisabled;
|
|
2413
2409
|
private readonly calendar;
|
|
2414
2410
|
private readonly trigger;
|
|
2415
|
-
/**
|
|
2416
|
-
private
|
|
2411
|
+
/** Body-appending, positioning, follow-on-scroll and teardown — see SdsOverlayPanel. */
|
|
2412
|
+
private readonly overlay;
|
|
2417
2413
|
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
2418
2414
|
protected readonly displayValue: _angular_core.Signal<string>;
|
|
2419
2415
|
/** Whether the clear button is shown (affects the field's right padding). */
|
|
@@ -2445,11 +2441,6 @@ declare class SdsDatePicker implements ControlValueAccessor, OnDestroy {
|
|
|
2445
2441
|
*/
|
|
2446
2442
|
protected onPanelKeydown(event: KeyboardEvent): void;
|
|
2447
2443
|
protected onDocumentClick(event: MouseEvent): void;
|
|
2448
|
-
private readonly reflow;
|
|
2449
|
-
private listening;
|
|
2450
|
-
private addReflowListeners;
|
|
2451
|
-
private removeReflowListeners;
|
|
2452
|
-
private positionPanel;
|
|
2453
2444
|
ngOnDestroy(): void;
|
|
2454
2445
|
private setValue;
|
|
2455
2446
|
private onChange;
|
|
@@ -2686,8 +2677,8 @@ declare class SdsDateRangePicker implements OnDestroy {
|
|
|
2686
2677
|
protected readonly pendingEnd: _angular_core.WritableSignal<Date | null>;
|
|
2687
2678
|
private readonly calendar;
|
|
2688
2679
|
private readonly trigger;
|
|
2689
|
-
/**
|
|
2690
|
-
private
|
|
2680
|
+
/** Body-appending, positioning, follow-on-scroll and teardown — see SdsOverlayPanel. */
|
|
2681
|
+
private readonly overlay;
|
|
2691
2682
|
/** Id of the preset the current value equals, or `null` (no value, or a custom range). */
|
|
2692
2683
|
readonly activePresetId: _angular_core.Signal<string | null>;
|
|
2693
2684
|
protected readonly pendingPresetId: _angular_core.Signal<string | null>;
|
|
@@ -2719,11 +2710,6 @@ declare class SdsDateRangePicker implements OnDestroy {
|
|
|
2719
2710
|
*/
|
|
2720
2711
|
protected onPanelKeydown(event: KeyboardEvent): void;
|
|
2721
2712
|
protected onDocumentClick(event: MouseEvent): void;
|
|
2722
|
-
private readonly reflow;
|
|
2723
|
-
private listening;
|
|
2724
|
-
private addReflowListeners;
|
|
2725
|
-
private removeReflowListeners;
|
|
2726
|
-
private positionPanel;
|
|
2727
2713
|
ngOnDestroy(): void;
|
|
2728
2714
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsDateRangePicker, never>;
|
|
2729
2715
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsDateRangePicker, "sds-date-range-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "presets": { "alias": "presets"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "maxDays": { "alias": "maxDays"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "months": { "alias": "months"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "panelLabel": { "alias": "panelLabel"; "required": false; "isSignal": true; }; "presetsLabel": { "alias": "presetsLabel"; "required": false; "isSignal": true; }; "startLabel": { "alias": "startLabel"; "required": false; "isSignal": true; }; "endLabel": { "alias": "endLabel"; "required": false; "isSignal": true; }; "applyLabel": { "alias": "applyLabel"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "calendarLabel": { "alias": "calendarLabel"; "required": false; "isSignal": true; }; "previousLabel": { "alias": "previousLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "presetSelect": "presetSelect"; }, never, never, true, never>;
|
|
@@ -2901,6 +2887,8 @@ declare class SdsSelect implements ControlValueAccessor, OnDestroy {
|
|
|
2901
2887
|
private readonly cvaDisabled;
|
|
2902
2888
|
private readonly trigger;
|
|
2903
2889
|
private panelEl;
|
|
2890
|
+
/** Body-appending, positioning, follow-on-scroll and teardown — see SdsOverlayPanel. */
|
|
2891
|
+
private readonly overlay;
|
|
2904
2892
|
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
2905
2893
|
protected readonly filled: _angular_core.Signal<boolean>;
|
|
2906
2894
|
protected readonly onBrand: _angular_core.Signal<boolean>;
|
|
@@ -2946,11 +2934,8 @@ declare class SdsSelect implements ControlValueAccessor, OnDestroy {
|
|
|
2946
2934
|
private typeTimer?;
|
|
2947
2935
|
private typeAhead;
|
|
2948
2936
|
private scrollHighlightedIntoView;
|
|
2949
|
-
|
|
2950
|
-
private
|
|
2951
|
-
private addReflowListeners;
|
|
2952
|
-
private removeReflowListeners;
|
|
2953
|
-
private positionPanel;
|
|
2937
|
+
/** Attach once the panel exists — it is rendered inside an `@if`. */
|
|
2938
|
+
private attachPanel;
|
|
2954
2939
|
protected onDocumentClick(event: MouseEvent): void;
|
|
2955
2940
|
ngOnDestroy(): void;
|
|
2956
2941
|
private setValue;
|
|
@@ -3060,6 +3045,8 @@ declare class SdsMultiSelect implements ControlValueAccessor, OnDestroy {
|
|
|
3060
3045
|
private readonly cvaDisabled;
|
|
3061
3046
|
private readonly trigger;
|
|
3062
3047
|
private panelEl;
|
|
3048
|
+
/** Body-appending, positioning, follow-on-scroll and teardown — see SdsOverlayPanel. */
|
|
3049
|
+
private readonly overlay;
|
|
3063
3050
|
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
3064
3051
|
protected readonly normalizedOptions: _angular_core.Signal<NormOption[]>;
|
|
3065
3052
|
protected readonly filteredOptions: _angular_core.Signal<NormOption[]>;
|
|
@@ -3109,11 +3096,8 @@ declare class SdsMultiSelect implements ControlValueAccessor, OnDestroy {
|
|
|
3109
3096
|
private typeTimer?;
|
|
3110
3097
|
private typeAhead;
|
|
3111
3098
|
private scrollHighlightedIntoView;
|
|
3112
|
-
|
|
3113
|
-
private
|
|
3114
|
-
private addReflowListeners;
|
|
3115
|
-
private removeReflowListeners;
|
|
3116
|
-
private positionPanel;
|
|
3099
|
+
/** Attach once the panel exists — it is rendered inside an `@if`. */
|
|
3100
|
+
private attachPanel;
|
|
3117
3101
|
protected onDocumentClick(event: MouseEvent): void;
|
|
3118
3102
|
ngOnDestroy(): void;
|
|
3119
3103
|
private setValue;
|
|
@@ -3127,6 +3111,97 @@ declare class SdsMultiSelect implements ControlValueAccessor, OnDestroy {
|
|
|
3127
3111
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsMultiSelect, "sds-multi-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; "isSignal": true; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; "isSignal": true; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "filterLabel": { "alias": "filterLabel"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; }, ["optionTpl", "emptyTpl", "footerTpl"], never, true, never>;
|
|
3128
3112
|
}
|
|
3129
3113
|
|
|
3114
|
+
/**
|
|
3115
|
+
* Where a floating panel goes, and the plumbing that keeps it there.
|
|
3116
|
+
*
|
|
3117
|
+
* <p><b>Why this exists.</b> Ten components in this library append a panel to `<body>` and position
|
|
3118
|
+
* it against their trigger, and nine of them had their own copy of the same twenty-odd lines. The
|
|
3119
|
+
* copies had already drifted: some clamp the panel inside the viewport vertically and some only
|
|
3120
|
+
* flip it, some match the trigger's width and some do not. Worse, the *lifecycle* was duplicated
|
|
3121
|
+
* too — and `sds-autocomplete` shipped a version that removed the panel through a `viewChild`
|
|
3122
|
+
* already cleared by `ngOnDestroy`, orphaning it in `<body>` for ever. That bug could only exist in
|
|
3123
|
+
* one copy of nine.
|
|
3124
|
+
*/
|
|
3125
|
+
type SdsPanelAlign = 'start' | 'end';
|
|
3126
|
+
type SdsPanelDirection = 'below' | 'above';
|
|
3127
|
+
interface SdsPanelOptions {
|
|
3128
|
+
/** Space between trigger and panel. */
|
|
3129
|
+
gap?: number;
|
|
3130
|
+
/** Space kept clear of the viewport edges. */
|
|
3131
|
+
margin?: number;
|
|
3132
|
+
/** Which edge of the panel lines up with the trigger. */
|
|
3133
|
+
align?: SdsPanelAlign;
|
|
3134
|
+
/** Open upwards when there is room, instead of the default "below unless it does not fit". */
|
|
3135
|
+
prefer?: SdsPanelDirection;
|
|
3136
|
+
}
|
|
3137
|
+
/** What the DOM half takes: the arithmetic's options, plus what only the element can do. */
|
|
3138
|
+
interface SdsOverlayOptions extends SdsPanelOptions {
|
|
3139
|
+
/**
|
|
3140
|
+
* Tie the panel's width to the trigger's.
|
|
3141
|
+
*
|
|
3142
|
+
* <p>`'min'` for a panel that may grow — a select's longest option should not be truncated by
|
|
3143
|
+
* the width of its own field. `'exact'` for one that must not: an address suggestion list wider
|
|
3144
|
+
* than the input it hangs off stops reading as part of the field.
|
|
3145
|
+
*/
|
|
3146
|
+
width?: 'min' | 'exact';
|
|
3147
|
+
}
|
|
3148
|
+
interface SdsRect {
|
|
3149
|
+
top: number;
|
|
3150
|
+
bottom: number;
|
|
3151
|
+
left: number;
|
|
3152
|
+
right: number;
|
|
3153
|
+
}
|
|
3154
|
+
interface SdsSize {
|
|
3155
|
+
width: number;
|
|
3156
|
+
height: number;
|
|
3157
|
+
}
|
|
3158
|
+
/**
|
|
3159
|
+
* The arithmetic, with no DOM in it.
|
|
3160
|
+
*
|
|
3161
|
+
* <p>Vertical: below the trigger, flipped above when it does not fit below and fits better above —
|
|
3162
|
+
* then <b>clamped inside the viewport</b>. The clamp is not decoration: without it a panel taller
|
|
3163
|
+
* than the space either side is pushed off the top edge and its first rows become unreachable, and
|
|
3164
|
+
* four of the nine copies were missing it.
|
|
3165
|
+
*
|
|
3166
|
+
* <p>Horizontal: the panel's start (or end) edge meets the trigger's, then clamped the same way. A
|
|
3167
|
+
* panel wider than the viewport pins to the left margin rather than running off both sides.
|
|
3168
|
+
*/
|
|
3169
|
+
declare function placePanel(trigger: SdsRect, panel: SdsSize, viewport: SdsSize, options?: SdsPanelOptions): {
|
|
3170
|
+
top: number;
|
|
3171
|
+
left: number;
|
|
3172
|
+
};
|
|
3173
|
+
/**
|
|
3174
|
+
* The DOM half: append to `<body>`, place, follow scroll and resize, and — the part that was worth
|
|
3175
|
+
* centralising — take it all down again exactly once.
|
|
3176
|
+
*
|
|
3177
|
+
* <p>Hold one of these per component and call {@link detach} from `ngOnDestroy`. It keeps its own
|
|
3178
|
+
* reference to the panel element, so it does not depend on a `viewChild` that Angular has already
|
|
3179
|
+
* cleared by the time the component is torn down.
|
|
3180
|
+
*/
|
|
3181
|
+
declare class SdsOverlayPanel {
|
|
3182
|
+
private trigger;
|
|
3183
|
+
private panel;
|
|
3184
|
+
private options;
|
|
3185
|
+
private listening;
|
|
3186
|
+
private readonly reflow;
|
|
3187
|
+
/** Attach (or re-attach) the panel to the body and start following the trigger. */
|
|
3188
|
+
attach(trigger: HTMLElement, panel: HTMLElement, options?: SdsOverlayOptions): void;
|
|
3189
|
+
reposition(): void;
|
|
3190
|
+
/**
|
|
3191
|
+
* The live panel element, or null while closed.
|
|
3192
|
+
*
|
|
3193
|
+
* <p>Read-only on purpose. A component that needs to reach inside the panel — to focus a row, to
|
|
3194
|
+
* trap Tab, to read its options — asks here rather than keeping its own field. A second
|
|
3195
|
+
* reference is how the autocomplete came to remove the panel through a `viewChild` that Angular
|
|
3196
|
+
* had already cleared, which is the bug this class exists to make unrepeatable.
|
|
3197
|
+
*/
|
|
3198
|
+
get element(): HTMLElement | null;
|
|
3199
|
+
/** Does the panel contain this node? For "did the click land outside" checks. */
|
|
3200
|
+
contains(node: Node | null): boolean;
|
|
3201
|
+
/** Stop following, and remove the panel from the body. Safe to call more than once. */
|
|
3202
|
+
detach(): void;
|
|
3203
|
+
}
|
|
3204
|
+
|
|
3130
3205
|
/**
|
|
3131
3206
|
* Where the options come from.
|
|
3132
3207
|
*
|
|
@@ -3229,15 +3304,8 @@ declare class SdsAutocomplete implements ControlValueAccessor, OnDestroy {
|
|
|
3229
3304
|
private readonly cvaDisabled;
|
|
3230
3305
|
/** Every option this control has seen, by value — how a chip keeps its label after a new search. */
|
|
3231
3306
|
private readonly seen;
|
|
3232
|
-
/**
|
|
3233
|
-
|
|
3234
|
-
*
|
|
3235
|
-
* <p>On destroy the viewChild is already cleared — it lives inside an `@if` — so removing through
|
|
3236
|
-
* it removes nothing and the panel is orphaned in `<body>` for ever. A test caught it: a leaked
|
|
3237
|
-
* panel from one spec was still in the document when the next one queried for its own.
|
|
3238
|
-
* `sds-select` keeps the same raw handle, for the same reason.
|
|
3239
|
-
*/
|
|
3240
|
-
private panelEl;
|
|
3307
|
+
/** Body-appending, positioning, follow-on-scroll and teardown all live in here now. */
|
|
3308
|
+
private readonly overlay;
|
|
3241
3309
|
private timer;
|
|
3242
3310
|
private seq;
|
|
3243
3311
|
private destroyed;
|
|
@@ -3269,11 +3337,8 @@ declare class SdsAutocomplete implements ControlValueAccessor, OnDestroy {
|
|
|
3269
3337
|
protected onKeydown(event: KeyboardEvent): void;
|
|
3270
3338
|
protected close(): void;
|
|
3271
3339
|
protected onDocumentClick(event: MouseEvent): void;
|
|
3272
|
-
|
|
3273
|
-
private
|
|
3274
|
-
private addReflow;
|
|
3275
|
-
private removeReflow;
|
|
3276
|
-
private position;
|
|
3340
|
+
/** Attach once the panel exists in the DOM — it is inside an `@if`. */
|
|
3341
|
+
private place;
|
|
3277
3342
|
ngOnDestroy(): void;
|
|
3278
3343
|
private setValue;
|
|
3279
3344
|
private onChange;
|
|
@@ -3422,6 +3487,8 @@ declare class SdsPhoneInput implements ControlValueAccessor, Validator, OnDestro
|
|
|
3422
3487
|
private readonly anchor;
|
|
3423
3488
|
private readonly field;
|
|
3424
3489
|
private panelEl;
|
|
3490
|
+
/** Body-appending, positioning, follow-on-scroll and teardown — see SdsOverlayPanel. */
|
|
3491
|
+
private readonly overlay;
|
|
3425
3492
|
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
3426
3493
|
/** Countries after applying [onlyCountries] and [preferredCountries] ordering. */
|
|
3427
3494
|
protected readonly availableCountries: _angular_core.Signal<SdsPhoneCountry[]>;
|
|
@@ -3452,11 +3519,8 @@ declare class SdsPhoneInput implements ControlValueAccessor, Validator, OnDestro
|
|
|
3452
3519
|
private handleNavKey;
|
|
3453
3520
|
private move;
|
|
3454
3521
|
private scrollHighlightedIntoView;
|
|
3455
|
-
|
|
3456
|
-
private
|
|
3457
|
-
private addReflowListeners;
|
|
3458
|
-
private removeReflowListeners;
|
|
3459
|
-
private positionPanel;
|
|
3522
|
+
/** Attach once the panel exists — it is rendered inside an `@if`. */
|
|
3523
|
+
private attachPanel;
|
|
3460
3524
|
protected onDocumentClick(event: MouseEvent): void;
|
|
3461
3525
|
protected markTouched(): void;
|
|
3462
3526
|
ngOnDestroy(): void;
|
|
@@ -3663,7 +3727,8 @@ declare class SdsAddressAutocomplete implements ControlValueAccessor, OnDestroy
|
|
|
3663
3727
|
private seq;
|
|
3664
3728
|
private timer?;
|
|
3665
3729
|
private destroyed;
|
|
3666
|
-
|
|
3730
|
+
/** Body-appending, positioning, follow-on-scroll and teardown — see SdsOverlayPanel. */
|
|
3731
|
+
private readonly overlay;
|
|
3667
3732
|
protected readonly fieldId: _angular_core.Signal<string>;
|
|
3668
3733
|
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
3669
3734
|
protected readonly pill: _angular_core.Signal<boolean>;
|
|
@@ -3706,13 +3771,15 @@ declare class SdsAddressAutocomplete implements ControlValueAccessor, OnDestroy
|
|
|
3706
3771
|
private activate;
|
|
3707
3772
|
protected onKeydown(event: KeyboardEvent): void;
|
|
3708
3773
|
private scrollHighlightedIntoView;
|
|
3774
|
+
/**
|
|
3775
|
+
* Keep the body-appended panel in step with whether it should be shown at all.
|
|
3776
|
+
*
|
|
3777
|
+
* <p>Driven from `afterEveryRender`, so it runs on every change and must be cheap and idempotent
|
|
3778
|
+
* — attaching once, then repositioning while it stays open.
|
|
3779
|
+
*/
|
|
3780
|
+
private syncPanel;
|
|
3709
3781
|
/** Close the overlay (a no-op `inline`, where the rows are always shown). */
|
|
3710
3782
|
close(): void;
|
|
3711
|
-
private readonly reflow;
|
|
3712
|
-
private listening;
|
|
3713
|
-
private syncPanel;
|
|
3714
|
-
private detachPanel;
|
|
3715
|
-
private positionPanel;
|
|
3716
3783
|
protected onDocumentClick(event: MouseEvent): void;
|
|
3717
3784
|
ngOnDestroy(): void;
|
|
3718
3785
|
private onChange;
|
|
@@ -5555,7 +5622,7 @@ interface SdsLanguageOption {
|
|
|
5555
5622
|
* disclosure mechanics (closes on outside click, on Escape, and on selection, restoring focus to the trigger),
|
|
5556
5623
|
* and the same panel styling and open animation — so the three top-bar controls read as one set.
|
|
5557
5624
|
*
|
|
5558
|
-
* The panel is appended to `document.body` while open and
|
|
5625
|
+
* The panel is appended to `document.body` while open and placed by `SdsOverlayPanel` (like sds-select),
|
|
5559
5626
|
* so a clipping ancestor — a bar with `overflow:hidden`, or a `glass` bar whose `backdrop-filter` is a
|
|
5560
5627
|
* containing block — can never cut it off or paint over it. It repositions on scroll/resize and is removed
|
|
5561
5628
|
* on close. Accessibility follows the APG select-only combobox: focus stays on the trigger, and Arrow/Home/
|
|
@@ -5596,7 +5663,8 @@ declare class SdsLanguageSwitcher implements OnDestroy {
|
|
|
5596
5663
|
readonly openChange: _angular_core.OutputEmitterRef<boolean>;
|
|
5597
5664
|
protected readonly open: _angular_core.WritableSignal<boolean>;
|
|
5598
5665
|
protected readonly highlightedIndex: _angular_core.WritableSignal<number>;
|
|
5599
|
-
|
|
5666
|
+
/** Body-appending, positioning, follow-on-scroll and teardown — see SdsOverlayPanel. */
|
|
5667
|
+
private readonly overlay;
|
|
5600
5668
|
/** Normalise the mixed `languages` input to `{ code, label }`, defaulting the label to the code. */
|
|
5601
5669
|
protected readonly options: _angular_core.Signal<SdsLanguageOption[]>;
|
|
5602
5670
|
/**
|
|
@@ -5620,11 +5688,6 @@ declare class SdsLanguageSwitcher implements OnDestroy {
|
|
|
5620
5688
|
private highlight;
|
|
5621
5689
|
private chooseHighlighted;
|
|
5622
5690
|
private scrollHighlightedIntoView;
|
|
5623
|
-
private readonly reflow;
|
|
5624
|
-
private listening;
|
|
5625
|
-
private addReflowListeners;
|
|
5626
|
-
private removeReflowListeners;
|
|
5627
|
-
private positionPanel;
|
|
5628
5691
|
ngOnDestroy(): void;
|
|
5629
5692
|
private readonly onBrand;
|
|
5630
5693
|
protected readonly triggerClass: _angular_core.Signal<"text-white/85 hover:bg-white/10 hover:text-white focus-visible:ring-white/40" | "bg-muted text-ink-soft hover:bg-brand-50 hover:text-brand-600 focus-visible:ring-brand-500/40">;
|
|
@@ -5793,5 +5856,5 @@ declare const SDS_CHART_CONFIG: InjectionToken<SdsChartConfig>;
|
|
|
5793
5856
|
*/
|
|
5794
5857
|
declare function provideSdsCharts(config: SdsChartConfig): Provider;
|
|
5795
5858
|
|
|
5796
|
-
export { SDS_ALLERGENS, SDS_ALLERGEN_ICONS, SDS_ALLERGEN_LABELS_EN, SDS_CHART_CONFIG, SDS_CHART_LABELS_EN, SDS_ICONS, SDS_PHONE_COUNTRIES, SDS_THEME_STORAGE_KEY, SDS_UI_PREF_LANG_PARAM, SDS_UI_PREF_THEME_PARAM, SdsAccordion, SdsAccordionContent, SdsAccordionHeader, SdsAccordionPanel, SdsAccordionStore, SdsAddressAutocomplete, SdsAddressExtra, SdsAllergenIcon, SdsAutocomplete, SdsAvatar, SdsBadge, SdsBulkBar, SdsButton, SdsCalendar, SdsCard, SdsCheckbox, SdsChecklistRow, SdsChip, SdsChipGroup, SdsDatePicker, SdsDateRangePicker, SdsEnvBanner, SdsFileDrop, SdsFormActions, SdsIcon, SdsImageCropper, SdsInput, SdsInputNumber, SdsLanguageSwitcher, SdsLocalizedInput, SdsMenu, SdsMenuItem, SdsMenuTrigger, SdsMultiSelect, SdsNavGroup, SdsNavItem, SdsOtpInput, SdsPaginator, SdsPhoneInput, SdsRadio, SdsRangeCalendar, SdsScore, SdsSearchCommand, SdsSegmented, SdsSelect, SdsSelectEmpty, SdsSelectFooter, SdsSelectOption, SdsSeverity, SdsShell, SdsSidebar, SdsSortableHandle, SdsSortableItem, SdsSortableList, SdsStatusTile, SdsTab, SdsTabList, SdsTabPanel, SdsTabPanels, SdsTable, SdsTableCell, SdsTableEmpty, SdsTableHeader, SdsTableRowExpansion, SdsTabs, SdsTabsStore, SdsTextarea, SdsThemeService, SdsThemeToggle, SdsTimeInput, SdsToastHost, SdsToastService, SdsToggleSwitch, SdsTopbar, SdsTriStateChip, SdsUserMenu, SidebarStore, addDays, addMonths, addMonthsKeepDay, appendUiPrefs, diffInDays, formatDateRange, formatDdMmYyyy, formatHhMm, isOutOfRange, isSameDay, isSameRange, isSdsThemeMode, isoDay, pad2, provideSdsCharts, readUiPrefs, sdsFileMatchesAccept, sdsFormatBytes, sdsFormatNational, sdsLastDays, sdsLastMonths, sdsMatchDialCode, sdsNormalizeSignificant, startOfDay, startOfMonth, stripUiPrefs };
|
|
5797
|
-
export type { SdsAccordionActive, SdsAccordionValue, SdsAddressAutocompleteAppearance, SdsAddressAutocompleteShape, SdsAddressAutocompleteSize, SdsAddressExtraContext, SdsAddressExtraPosition, SdsAddressLocateFn, SdsAddressSearchFn, SdsAddressSuggestion, SdsAllergen, SdsAutocompleteDisplay, SdsAutocompleteSearchFn, SdsAutocompleteSize, SdsAvatarShape, SdsAvatarStatus, SdsBadgeSize, SdsBadgeVariant, SdsBulkBarPosition, SdsButtonShape, SdsButtonSize, SdsButtonVariant, SdsCardVariant, SdsChartConfig, SdsChartLabels, SdsCheckboxSize, SdsChecklistStatus, SdsChipOption, SdsChipSize, SdsCropRect, SdsDatePickerSize, SdsDateRange, SdsDateRangePickerSize, SdsDateRangePreset, SdsEnvBannerEnv, SdsFileDropAppearance, SdsFileRejection, SdsFileRejectionReason, SdsFormActionsPosition, SdsIconName, SdsIconSize, SdsImageCropperBlobOptions, SdsImageCropperShape, SdsInputAppearance, SdsInputNumberAppearance, SdsInputNumberButtonLayout, SdsInputNumberCurrencyDisplay, SdsInputNumberMode, SdsInputNumberSize, SdsInputShape, SdsInputSize, SdsInputType, SdsKpiChangeText, SdsLanguageOption, SdsLanguageSwitcherAlign, SdsLanguageSwitcherAppearance, SdsLanguageSwitcherDirection, SdsLocalizedInputSize, SdsLocalizedValue, SdsMenuAction, SdsMenuAlign, SdsMenuEntry, SdsMenuItemTone, SdsMenuSeparator, SdsMultiSelectDisplay, SdsMultiSelectSize, SdsNavItemBadgeTone, SdsOtpInputSize, SdsPaginatorSize, SdsPaginatorState, SdsPhoneCountry, SdsPhoneInputSize, SdsPhoneValue, SdsRadioSize, SdsScoreSize, SdsScoreTier, SdsScoreVariant, SdsSearchAppearance, SdsSearchItem, SdsSegmentedOption, SdsSegmentedSize, SdsSelectAppearance, SdsSelectEmptyContext, SdsSelectFooterContext, SdsSelectOptionContext, SdsSelectSize, SdsSeverityLevel, SdsSeveritySize, SdsSeverityVariant, SdsShellBackground, SdsSidebarAppearance, SdsSortOrder, SdsSortableAppearance, SdsSortableItemContext, SdsSortableReorderEvent, SdsSparklineSummaryText, SdsStatusTileState, SdsTabValue, SdsTableCellCommitEvent, SdsTableCellContext, SdsTableCellErrors, SdsTableColumn, SdsTableEditTrigger, SdsTableEditor, SdsTableEmptyContext, SdsTableHeaderContext, SdsTableLazyEvent, SdsTableRowExpansionContext, SdsTableSelectOption, SdsTableSize, SdsTableSortEvent, SdsTabsVariant, SdsTextareaAppearance, SdsTextareaResize, SdsTextareaSize, SdsTheme, SdsThemeMode, SdsThemeToggleAppearance, SdsTimeInputAppearance, SdsTimeInputSize, SdsToast, SdsToastKind, SdsToggleSwitchSize, SdsTopbarAppearance, SdsTrendDirection, SdsTriState, SdsTriStateChipSize, SdsUiPrefs, SdsUserMenuAlign, SdsUserMenuAppearance };
|
|
5859
|
+
export { SDS_ALLERGENS, SDS_ALLERGEN_ICONS, SDS_ALLERGEN_LABELS_EN, SDS_CHART_CONFIG, SDS_CHART_LABELS_EN, SDS_ICONS, SDS_PHONE_COUNTRIES, SDS_THEME_STORAGE_KEY, SDS_UI_PREF_LANG_PARAM, SDS_UI_PREF_THEME_PARAM, SdsAccordion, SdsAccordionContent, SdsAccordionHeader, SdsAccordionPanel, SdsAccordionStore, SdsAddressAutocomplete, SdsAddressExtra, SdsAllergenIcon, SdsAutocomplete, SdsAvatar, SdsBadge, SdsBulkBar, SdsButton, SdsCalendar, SdsCard, SdsCheckbox, SdsChecklistRow, SdsChip, SdsChipGroup, SdsDatePicker, SdsDateRangePicker, SdsEnvBanner, SdsFileDrop, SdsFormActions, SdsIcon, SdsImageCropper, SdsInput, SdsInputNumber, SdsLanguageSwitcher, SdsLocalizedInput, SdsMenu, SdsMenuItem, SdsMenuTrigger, SdsMultiSelect, SdsNavGroup, SdsNavItem, SdsOtpInput, SdsOverlayPanel, SdsPaginator, SdsPhoneInput, SdsRadio, SdsRangeCalendar, SdsScore, SdsSearchCommand, SdsSegmented, SdsSelect, SdsSelectEmpty, SdsSelectFooter, SdsSelectOption, SdsSeverity, SdsShell, SdsSidebar, SdsSortableHandle, SdsSortableItem, SdsSortableList, SdsStatusTile, SdsTab, SdsTabList, SdsTabPanel, SdsTabPanels, SdsTable, SdsTableCell, SdsTableEmpty, SdsTableHeader, SdsTableRowExpansion, SdsTabs, SdsTabsStore, SdsTextarea, SdsThemeService, SdsThemeToggle, SdsTimeInput, SdsToastHost, SdsToastService, SdsToggleSwitch, SdsTopbar, SdsTriStateChip, SdsUserMenu, SidebarStore, addDays, addMonths, addMonthsKeepDay, appendUiPrefs, diffInDays, formatDateRange, formatDdMmYyyy, formatHhMm, isOutOfRange, isSameDay, isSameRange, isSdsThemeMode, isoDay, pad2, placePanel, provideSdsCharts, readUiPrefs, sdsFileMatchesAccept, sdsFormatBytes, sdsFormatNational, sdsLastDays, sdsLastMonths, sdsMatchDialCode, sdsNormalizeSignificant, startOfDay, startOfMonth, stripUiPrefs };
|
|
5860
|
+
export type { SdsAccordionActive, SdsAccordionValue, SdsAddressAutocompleteAppearance, SdsAddressAutocompleteShape, SdsAddressAutocompleteSize, SdsAddressExtraContext, SdsAddressExtraPosition, SdsAddressLocateFn, SdsAddressSearchFn, SdsAddressSuggestion, SdsAllergen, SdsAutocompleteDisplay, SdsAutocompleteSearchFn, SdsAutocompleteSize, SdsAvatarShape, SdsAvatarStatus, SdsBadgeSize, SdsBadgeVariant, SdsBulkBarPosition, SdsButtonShape, SdsButtonSize, SdsButtonVariant, SdsCardVariant, SdsChartConfig, SdsChartLabels, SdsCheckboxSize, SdsChecklistStatus, SdsChipOption, SdsChipSize, SdsCropRect, SdsDatePickerSize, SdsDateRange, SdsDateRangePickerSize, SdsDateRangePreset, SdsEnvBannerEnv, SdsFileDropAppearance, SdsFileRejection, SdsFileRejectionReason, SdsFormActionsPosition, SdsIconName, SdsIconSize, SdsImageCropperBlobOptions, SdsImageCropperShape, SdsInputAppearance, SdsInputNumberAppearance, SdsInputNumberButtonLayout, SdsInputNumberCurrencyDisplay, SdsInputNumberMode, SdsInputNumberSize, SdsInputShape, SdsInputSize, SdsInputType, SdsKpiChangeText, SdsLanguageOption, SdsLanguageSwitcherAlign, SdsLanguageSwitcherAppearance, SdsLanguageSwitcherDirection, SdsLocalizedInputSize, SdsLocalizedValue, SdsMenuAction, SdsMenuAlign, SdsMenuEntry, SdsMenuItemTone, SdsMenuSeparator, SdsMultiSelectDisplay, SdsMultiSelectSize, SdsNavItemBadgeTone, SdsOtpInputSize, SdsOverlayOptions, SdsPaginatorSize, SdsPaginatorState, SdsPanelAlign, SdsPanelDirection, SdsPanelOptions, SdsPhoneCountry, SdsPhoneInputSize, SdsPhoneValue, SdsRadioSize, SdsRect, SdsScoreSize, SdsScoreTier, SdsScoreVariant, SdsSearchAppearance, SdsSearchItem, SdsSegmentedOption, SdsSegmentedSize, SdsSelectAppearance, SdsSelectEmptyContext, SdsSelectFooterContext, SdsSelectOptionContext, SdsSelectSize, SdsSeverityLevel, SdsSeveritySize, SdsSeverityVariant, SdsShellBackground, SdsSidebarAppearance, SdsSize, SdsSortOrder, SdsSortableAppearance, SdsSortableItemContext, SdsSortableReorderEvent, SdsSparklineSummaryText, SdsStatusTileState, SdsTabValue, SdsTableCellCommitEvent, SdsTableCellContext, SdsTableCellErrors, SdsTableColumn, SdsTableEditTrigger, SdsTableEditor, SdsTableEmptyContext, SdsTableHeaderContext, SdsTableLazyEvent, SdsTableRowExpansionContext, SdsTableSelectOption, SdsTableSize, SdsTableSortEvent, SdsTabsVariant, SdsTextareaAppearance, SdsTextareaResize, SdsTextareaSize, SdsTheme, SdsThemeMode, SdsThemeToggleAppearance, SdsTimeInputAppearance, SdsTimeInputSize, SdsToast, SdsToastKind, SdsToggleSwitchSize, SdsTopbarAppearance, SdsTrendDirection, SdsTriState, SdsTriStateChipSize, SdsUiPrefs, SdsUserMenuAlign, SdsUserMenuAppearance };
|