@besaitech/ng-design-system 0.0.45 → 0.0.46
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/index.d.ts
CHANGED
|
@@ -104,7 +104,7 @@ type SdsIconSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
|
104
104
|
declare class SdsIcon {
|
|
105
105
|
private readonly sanitizer;
|
|
106
106
|
/** Icon identifier from the registry. */
|
|
107
|
-
readonly name: _angular_core.InputSignal<"chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "
|
|
107
|
+
readonly name: _angular_core.InputSignal<"copy" | "menu" | "search" | "table" | "filter" | "chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "log-out" | "panel-left-close" | "panel-left-open" | "panel-left" | "calendar" | "chevron-right" | "chevron-left" | "chevron-down" | "chevron-up" | "plus" | "minus" | "chevrons-left" | "chevrons-right" | "x" | "check" | "alert-circle" | "info" | "type" | "tag" | "square" | "circle-user" | "layout-grid" | "panels-top-left" | "panel-top" | "rows-3" | "book-open" | "palette" | "bell" | "phone" | "settings" | "align-left" | "toggle-left" | "arrow-up" | "arrow-down" | "chevrons-up-down" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "file-text" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles">;
|
|
108
108
|
/** Square size: a pixel number, a numeric string, or a keyword (sm·md·lg·xl). */
|
|
109
109
|
readonly size: _angular_core.InputSignalWithTransform<number, string | number>;
|
|
110
110
|
/** Stroke width of the line icon. */
|
|
@@ -134,7 +134,7 @@ declare class SdsButton {
|
|
|
134
134
|
* most important control.
|
|
135
135
|
*/
|
|
136
136
|
readonly shape: _angular_core.InputSignal<SdsButtonShape>;
|
|
137
|
-
readonly type: _angular_core.InputSignal<"
|
|
137
|
+
readonly type: _angular_core.InputSignal<"reset" | "submit" | "button">;
|
|
138
138
|
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
139
139
|
readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
140
140
|
/** Full-width button. */
|
|
@@ -196,8 +196,8 @@ declare class SdsInput implements ControlValueAccessor {
|
|
|
196
196
|
* is its only name.
|
|
197
197
|
*/
|
|
198
198
|
readonly clearLabel: _angular_core.InputSignal<string>;
|
|
199
|
-
readonly leadingIcon: _angular_core.InputSignal<"chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "
|
|
200
|
-
readonly trailingIcon: _angular_core.InputSignal<"chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "
|
|
199
|
+
readonly leadingIcon: _angular_core.InputSignal<"copy" | "menu" | "search" | "table" | "filter" | "chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "log-out" | "panel-left-close" | "panel-left-open" | "panel-left" | "calendar" | "chevron-right" | "chevron-left" | "chevron-down" | "chevron-up" | "plus" | "minus" | "chevrons-left" | "chevrons-right" | "x" | "check" | "alert-circle" | "info" | "type" | "tag" | "square" | "circle-user" | "layout-grid" | "panels-top-left" | "panel-top" | "rows-3" | "book-open" | "palette" | "bell" | "phone" | "settings" | "align-left" | "toggle-left" | "arrow-up" | "arrow-down" | "chevrons-up-down" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "file-text" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | null>;
|
|
200
|
+
readonly trailingIcon: _angular_core.InputSignal<"copy" | "menu" | "search" | "table" | "filter" | "chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "log-out" | "panel-left-close" | "panel-left-open" | "panel-left" | "calendar" | "chevron-right" | "chevron-left" | "chevron-down" | "chevron-up" | "plus" | "minus" | "chevrons-left" | "chevrons-right" | "x" | "check" | "alert-circle" | "info" | "type" | "tag" | "square" | "circle-user" | "layout-grid" | "panels-top-left" | "panel-top" | "rows-3" | "book-open" | "palette" | "bell" | "phone" | "settings" | "align-left" | "toggle-left" | "arrow-up" | "arrow-down" | "chevrons-up-down" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "file-text" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | null>;
|
|
201
201
|
/**
|
|
202
202
|
* A CLICKABLE trailing icon, for the affordances that belong to the field itself — password reveal
|
|
203
203
|
* above all. Distinct from {@link trailingIcon}, which is decorative and explicitly
|
|
@@ -207,7 +207,7 @@ declare class SdsInput implements ControlValueAccessor {
|
|
|
207
207
|
* Always pair it with {@link trailingActionLabel} — an icon-only button with no accessible name is
|
|
208
208
|
* unusable by a screen reader. For a toggle, also bind {@link trailingActionPressed}.
|
|
209
209
|
*/
|
|
210
|
-
readonly trailingAction: _angular_core.InputSignal<"chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "
|
|
210
|
+
readonly trailingAction: _angular_core.InputSignal<"copy" | "menu" | "search" | "table" | "filter" | "chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "log-out" | "panel-left-close" | "panel-left-open" | "panel-left" | "calendar" | "chevron-right" | "chevron-left" | "chevron-down" | "chevron-up" | "plus" | "minus" | "chevrons-left" | "chevrons-right" | "x" | "check" | "alert-circle" | "info" | "type" | "tag" | "square" | "circle-user" | "layout-grid" | "panels-top-left" | "panel-top" | "rows-3" | "book-open" | "palette" | "bell" | "phone" | "settings" | "align-left" | "toggle-left" | "arrow-up" | "arrow-down" | "chevrons-up-down" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "file-text" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | null>;
|
|
211
211
|
/** Accessible name for {@link trailingAction}. Translate it in the consuming app. */
|
|
212
212
|
readonly trailingActionLabel: _angular_core.InputSignal<string>;
|
|
213
213
|
/** `aria-pressed` for a toggling action (e.g. show/hide password). Null renders no attribute. */
|
|
@@ -302,9 +302,9 @@ declare class SdsInputNumber implements ControlValueAccessor {
|
|
|
302
302
|
readonly showButtons: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
303
303
|
readonly buttonLayout: _angular_core.InputSignal<SdsInputNumberButtonLayout>;
|
|
304
304
|
/** Override the increment button icon (defaults: chevron-up when stacked, plus otherwise). */
|
|
305
|
-
readonly incrementIcon: _angular_core.InputSignal<"chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "
|
|
305
|
+
readonly incrementIcon: _angular_core.InputSignal<"copy" | "menu" | "search" | "table" | "filter" | "chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "log-out" | "panel-left-close" | "panel-left-open" | "panel-left" | "calendar" | "chevron-right" | "chevron-left" | "chevron-down" | "chevron-up" | "plus" | "minus" | "chevrons-left" | "chevrons-right" | "x" | "check" | "alert-circle" | "info" | "type" | "tag" | "square" | "circle-user" | "layout-grid" | "panels-top-left" | "panel-top" | "rows-3" | "book-open" | "palette" | "bell" | "phone" | "settings" | "align-left" | "toggle-left" | "arrow-up" | "arrow-down" | "chevrons-up-down" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "file-text" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | null>;
|
|
306
306
|
/** Override the decrement button icon (defaults: chevron-down when stacked, minus otherwise). */
|
|
307
|
-
readonly decrementIcon: _angular_core.InputSignal<"chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "
|
|
307
|
+
readonly decrementIcon: _angular_core.InputSignal<"copy" | "menu" | "search" | "table" | "filter" | "chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "log-out" | "panel-left-close" | "panel-left-open" | "panel-left" | "calendar" | "chevron-right" | "chevron-left" | "chevron-down" | "chevron-up" | "plus" | "minus" | "chevrons-left" | "chevrons-right" | "x" | "check" | "alert-circle" | "info" | "type" | "tag" | "square" | "circle-user" | "layout-grid" | "panels-top-left" | "panel-top" | "rows-3" | "book-open" | "palette" | "bell" | "phone" | "settings" | "align-left" | "toggle-left" | "arrow-up" | "arrow-down" | "chevrons-up-down" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "file-text" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | null>;
|
|
308
308
|
/** Allow an empty (null) value. When false, blurring an empty field falls back to {@link min} or 0. */
|
|
309
309
|
readonly allowEmpty: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
310
310
|
readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
@@ -321,8 +321,8 @@ declare class SdsInputNumber implements ControlValueAccessor {
|
|
|
321
321
|
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
322
322
|
protected readonly describedBy: _angular_core.Signal<string | null>;
|
|
323
323
|
protected readonly clearVisible: _angular_core.Signal<boolean>;
|
|
324
|
-
protected readonly incrementIconName: _angular_core.Signal<"chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "
|
|
325
|
-
protected readonly decrementIconName: _angular_core.Signal<"chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "
|
|
324
|
+
protected readonly incrementIconName: _angular_core.Signal<"copy" | "menu" | "search" | "table" | "filter" | "chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "log-out" | "panel-left-close" | "panel-left-open" | "panel-left" | "calendar" | "chevron-right" | "chevron-left" | "chevron-down" | "chevron-up" | "plus" | "minus" | "chevrons-left" | "chevrons-right" | "x" | "check" | "alert-circle" | "info" | "type" | "tag" | "square" | "circle-user" | "layout-grid" | "panels-top-left" | "panel-top" | "rows-3" | "book-open" | "palette" | "bell" | "phone" | "settings" | "align-left" | "toggle-left" | "arrow-up" | "arrow-down" | "chevrons-up-down" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "file-text" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles">;
|
|
325
|
+
protected readonly decrementIconName: _angular_core.Signal<"copy" | "menu" | "search" | "table" | "filter" | "chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "log-out" | "panel-left-close" | "panel-left-open" | "panel-left" | "calendar" | "chevron-right" | "chevron-left" | "chevron-down" | "chevron-up" | "plus" | "minus" | "chevrons-left" | "chevrons-right" | "x" | "check" | "alert-circle" | "info" | "type" | "tag" | "square" | "circle-user" | "layout-grid" | "panels-top-left" | "panel-top" | "rows-3" | "book-open" | "palette" | "bell" | "phone" | "settings" | "align-left" | "toggle-left" | "arrow-up" | "arrow-down" | "chevrons-up-down" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "file-text" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles">;
|
|
326
326
|
protected readonly canIncrement: _angular_core.Signal<boolean>;
|
|
327
327
|
protected readonly canDecrement: _angular_core.Signal<boolean>;
|
|
328
328
|
/** Locale grouping/decimal separators, derived from Intl so parsing matches formatting. */
|
|
@@ -586,9 +586,9 @@ declare class SdsToggleSwitch implements ControlValueAccessor {
|
|
|
586
586
|
/** Value emitted/stored when the switch is off. */
|
|
587
587
|
readonly falseValue: _angular_core.InputSignal<unknown>;
|
|
588
588
|
/** Icon shown on the knob when checked. */
|
|
589
|
-
readonly onIcon: _angular_core.InputSignal<"chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "
|
|
589
|
+
readonly onIcon: _angular_core.InputSignal<"copy" | "menu" | "search" | "table" | "filter" | "chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "log-out" | "panel-left-close" | "panel-left-open" | "panel-left" | "calendar" | "chevron-right" | "chevron-left" | "chevron-down" | "chevron-up" | "plus" | "minus" | "chevrons-left" | "chevrons-right" | "x" | "check" | "alert-circle" | "info" | "type" | "tag" | "square" | "circle-user" | "layout-grid" | "panels-top-left" | "panel-top" | "rows-3" | "book-open" | "palette" | "bell" | "phone" | "settings" | "align-left" | "toggle-left" | "arrow-up" | "arrow-down" | "chevrons-up-down" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "file-text" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | null>;
|
|
590
590
|
/** Icon shown on the knob when unchecked. */
|
|
591
|
-
readonly offIcon: _angular_core.InputSignal<"chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "
|
|
591
|
+
readonly offIcon: _angular_core.InputSignal<"copy" | "menu" | "search" | "table" | "filter" | "chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "log-out" | "panel-left-close" | "panel-left-open" | "panel-left" | "calendar" | "chevron-right" | "chevron-left" | "chevron-down" | "chevron-up" | "plus" | "minus" | "chevrons-left" | "chevrons-right" | "x" | "check" | "alert-circle" | "info" | "type" | "tag" | "square" | "circle-user" | "layout-grid" | "panels-top-left" | "panel-top" | "rows-3" | "book-open" | "palette" | "bell" | "phone" | "settings" | "align-left" | "toggle-left" | "arrow-up" | "arrow-down" | "chevrons-up-down" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "file-text" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | null>;
|
|
592
592
|
readonly hint: _angular_core.InputSignal<string>;
|
|
593
593
|
readonly error: _angular_core.InputSignal<string>;
|
|
594
594
|
/**
|
|
@@ -2438,7 +2438,7 @@ declare class SdsNavGroup {
|
|
|
2438
2438
|
/** Turn the label into an expand/collapse control. */
|
|
2439
2439
|
readonly collapsible: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
2440
2440
|
/** Icon for a collapsible header, so it reads at the same weight as the items it sits among. */
|
|
2441
|
-
readonly icon: _angular_core.InputSignal<"chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "
|
|
2441
|
+
readonly icon: _angular_core.InputSignal<"copy" | "menu" | "search" | "table" | "filter" | "chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "log-out" | "panel-left-close" | "panel-left-open" | "panel-left" | "calendar" | "chevron-right" | "chevron-left" | "chevron-down" | "chevron-up" | "plus" | "minus" | "chevrons-left" | "chevrons-right" | "x" | "check" | "alert-circle" | "info" | "type" | "tag" | "square" | "circle-user" | "layout-grid" | "panels-top-left" | "panel-top" | "rows-3" | "book-open" | "palette" | "bell" | "phone" | "settings" | "align-left" | "toggle-left" | "arrow-up" | "arrow-down" | "chevrons-up-down" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "file-text" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | null>;
|
|
2442
2442
|
/**
|
|
2443
2443
|
* URL prefix owned by this group, e.g. `/payments`. While the active route starts with it the
|
|
2444
2444
|
* group counts as active and opens itself — unless the person has explicitly toggled it since.
|
|
@@ -2501,7 +2501,7 @@ declare class SdsNavGroup {
|
|
|
2501
2501
|
*/
|
|
2502
2502
|
declare class SdsNavItem {
|
|
2503
2503
|
protected readonly store: SidebarStore;
|
|
2504
|
-
readonly icon: _angular_core.InputSignal<"chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "
|
|
2504
|
+
readonly icon: _angular_core.InputSignal<"copy" | "menu" | "search" | "table" | "filter" | "chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "log-out" | "panel-left-close" | "panel-left-open" | "panel-left" | "calendar" | "chevron-right" | "chevron-left" | "chevron-down" | "chevron-up" | "plus" | "minus" | "chevrons-left" | "chevrons-right" | "x" | "check" | "alert-circle" | "info" | "type" | "tag" | "square" | "circle-user" | "layout-grid" | "panels-top-left" | "panel-top" | "rows-3" | "book-open" | "palette" | "bell" | "phone" | "settings" | "align-left" | "toggle-left" | "arrow-up" | "arrow-down" | "chevrons-up-down" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "file-text" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | null>;
|
|
2505
2505
|
readonly label: _angular_core.InputSignal<string>;
|
|
2506
2506
|
/** Router link target; when null, the item behaves as a button. */
|
|
2507
2507
|
readonly link: _angular_core.InputSignal<string | unknown[] | null>;
|
|
@@ -2577,8 +2577,8 @@ declare class SdsUserMenu {
|
|
|
2577
2577
|
protected readonly headerAvatarBg: _angular_core.Signal<string>;
|
|
2578
2578
|
protected readonly triggerClass: _angular_core.Signal<"hover:bg-white/10 focus-visible:ring-white/40" | "hover:bg-muted focus-visible:ring-brand-500/40">;
|
|
2579
2579
|
protected readonly nameClass: _angular_core.Signal<"text-white" | "text-ink">;
|
|
2580
|
-
protected readonly emailClass: _angular_core.Signal<"text-
|
|
2581
|
-
protected readonly chevronClass: _angular_core.Signal<"text-
|
|
2580
|
+
protected readonly emailClass: _angular_core.Signal<"text-white/70" | "text-ink-faint">;
|
|
2581
|
+
protected readonly chevronClass: _angular_core.Signal<"text-white/70" | "text-ink-faint">;
|
|
2582
2582
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsUserMenu, never>;
|
|
2583
2583
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsUserMenu, "sds-user-menu", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "email": { "alias": "email"; "required": false; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "showDetails": { "alias": "showDetails"; "required": false; "isSignal": true; }; "avatarSize": { "alias": "avatarSize"; "required": false; "isSignal": true; }; "avatarBgClass": { "alias": "avatarBgClass"; "required": false; "isSignal": true; }; "menuLabel": { "alias": "menuLabel"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
|
|
2584
2584
|
}
|
|
@@ -2598,7 +2598,7 @@ type SdsMenuItemTone = 'default' | 'danger';
|
|
|
2598
2598
|
* <sds-menu-item icon="log-out" label="Se déconnecter" tone="danger" (select)="signOut()" />
|
|
2599
2599
|
*/
|
|
2600
2600
|
declare class SdsMenuItem {
|
|
2601
|
-
readonly icon: _angular_core.InputSignal<"chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "
|
|
2601
|
+
readonly icon: _angular_core.InputSignal<"copy" | "menu" | "search" | "table" | "filter" | "chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "log-out" | "panel-left-close" | "panel-left-open" | "panel-left" | "calendar" | "chevron-right" | "chevron-left" | "chevron-down" | "chevron-up" | "plus" | "minus" | "chevrons-left" | "chevrons-right" | "x" | "check" | "alert-circle" | "info" | "type" | "tag" | "square" | "circle-user" | "layout-grid" | "panels-top-left" | "panel-top" | "rows-3" | "book-open" | "palette" | "bell" | "phone" | "settings" | "align-left" | "toggle-left" | "arrow-up" | "arrow-down" | "chevrons-up-down" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "file-text" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | null>;
|
|
2602
2602
|
readonly label: _angular_core.InputSignal<string>;
|
|
2603
2603
|
/** Router link target; when null (default) the item renders as a button. */
|
|
2604
2604
|
readonly link: _angular_core.InputSignal<string | unknown[] | null>;
|
|
@@ -2703,5 +2703,111 @@ declare class SdsSearchCommand {
|
|
|
2703
2703
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsSearchCommand, "sds-search-command", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "showTrigger": { "alias": "showTrigger"; "required": false; "isSignal": true; }; "hotkey": { "alias": "hotkey"; "required": false; "isSignal": true; }; "triggerMinWidth": { "alias": "triggerMinWidth"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; "isSignal": true; }; "selectHint": { "alias": "selectHint"; "required": false; "isSignal": true; }; "navigateHint": { "alias": "navigateHint"; "required": false; "isSignal": true; }; "closeHint": { "alias": "closeHint"; "required": false; "isSignal": true; }; }, { "select": "select"; "openChange": "openChange"; }, never, never, true, never>;
|
|
2704
2704
|
}
|
|
2705
2705
|
|
|
2706
|
-
|
|
2707
|
-
|
|
2706
|
+
type SdsLanguageSwitcherAppearance = 'surface' | 'on-brand';
|
|
2707
|
+
type SdsLanguageSwitcherAlign = 'start' | 'end';
|
|
2708
|
+
type SdsLanguageSwitcherDirection = 'down' | 'up';
|
|
2709
|
+
/**
|
|
2710
|
+
* One selectable language. Pass either this shape or a bare code string in [languages].
|
|
2711
|
+
*/
|
|
2712
|
+
interface SdsLanguageOption {
|
|
2713
|
+
/** Language code, e.g. 'fr', 'de', 'en'. Shown uppercased in the trigger. */
|
|
2714
|
+
code: string;
|
|
2715
|
+
/** Human-readable name shown in the list, e.g. 'Français'. Defaults to `code.toUpperCase()`. */
|
|
2716
|
+
label?: string;
|
|
2717
|
+
}
|
|
2718
|
+
/**
|
|
2719
|
+
* The language picker for the top bar: a compact pill (globe icon + the active code) that opens a panel
|
|
2720
|
+
* listing exactly the languages the app supports, each row marked selected for the current one.
|
|
2721
|
+
*
|
|
2722
|
+
* The library owns no i18n engine — every app uses a different one (ngx-translate, Transloco, per-locale
|
|
2723
|
+
* URLs). So this is a pure, controlled control: the app passes the supported [languages] and the [current]
|
|
2724
|
+
* code, and reacts to the choice. `current` is a two-way `model`, so bind `[(current)]="lang"` for optimistic
|
|
2725
|
+
* echo, or just listen to `(currentChange)` and call your own `translate.use($event)`. Rows show each
|
|
2726
|
+
* language's human label (pass it in the option, or let it default to the uppercased code).
|
|
2727
|
+
*
|
|
2728
|
+
* It is a sibling of sds-user-menu / sds-theme-toggle / sds-search-command and shares their chrome: the same
|
|
2729
|
+
* two appearances (`surface` default for a light/glass bar, `on-brand` for the dark brand bar), the same
|
|
2730
|
+
* disclosure mechanics (closes on outside click, on Escape, and on selection, restoring focus to the trigger),
|
|
2731
|
+
* and the same panel styling and open animation — so the three top-bar controls read as one set.
|
|
2732
|
+
*
|
|
2733
|
+
* The panel is appended to `document.body` while open and positioned against the trigger (like sds-select),
|
|
2734
|
+
* so a clipping ancestor — a bar with `overflow:hidden`, or a `glass` bar whose `backdrop-filter` is a
|
|
2735
|
+
* containing block — can never cut it off or paint over it. It repositions on scroll/resize and is removed
|
|
2736
|
+
* on close. Accessibility follows the APG select-only combobox: focus stays on the trigger, and Arrow/Home/
|
|
2737
|
+
* End/Enter/Escape drive a highlighted option surfaced via `aria-activedescendant` (works even though the
|
|
2738
|
+
* listbox lives in `<body>`).
|
|
2739
|
+
*
|
|
2740
|
+
* @example
|
|
2741
|
+
* <sds-language-switcher
|
|
2742
|
+
* [languages]="[{ code: 'fr', label: 'Français' }, { code: 'de', label: 'Deutsch' }, { code: 'en', label: 'English' }]"
|
|
2743
|
+
* [current]="lang()"
|
|
2744
|
+
* menuLabel="Changer de langue"
|
|
2745
|
+
* (currentChange)="translate.use($event)"
|
|
2746
|
+
* />
|
|
2747
|
+
*
|
|
2748
|
+
* @example
|
|
2749
|
+
* <!-- Bare codes are fine; rows fall back to the uppercased code. -->
|
|
2750
|
+
* <sds-language-switcher [languages]="['fr', 'de', 'en']" [(current)]="lang" />
|
|
2751
|
+
*/
|
|
2752
|
+
declare class SdsLanguageSwitcher implements OnDestroy {
|
|
2753
|
+
private readonly el;
|
|
2754
|
+
private readonly injector;
|
|
2755
|
+
private readonly trigger;
|
|
2756
|
+
protected readonly panelId: string;
|
|
2757
|
+
/** The supported languages — either `{ code, label }` options or bare code strings. */
|
|
2758
|
+
readonly languages: _angular_core.InputSignal<readonly (string | SdsLanguageOption)[]>;
|
|
2759
|
+
/** The active language code. Two-way: `[(current)]` echoes the choice, or listen to `(currentChange)`. */
|
|
2760
|
+
readonly current: _angular_core.ModelSignal<string>;
|
|
2761
|
+
/** `surface` (default) for a light / glass bar; `on-brand` for the dark brand bar. */
|
|
2762
|
+
readonly appearance: _angular_core.InputSignal<SdsLanguageSwitcherAppearance>;
|
|
2763
|
+
/** Which edge the panel aligns to. `end` (default) hangs it from the right of the trigger. */
|
|
2764
|
+
readonly align: _angular_core.InputSignal<SdsLanguageSwitcherAlign>;
|
|
2765
|
+
/** `up` prefers opening the panel above the trigger — for a switcher near the bottom of the page. */
|
|
2766
|
+
readonly direction: _angular_core.InputSignal<SdsLanguageSwitcherDirection>;
|
|
2767
|
+
/** Accessible name for the trigger and panel. */
|
|
2768
|
+
readonly menuLabel: _angular_core.InputSignal<string>;
|
|
2769
|
+
/** Optional visible header above the list (e.g. "Langue"). Omitted when empty. */
|
|
2770
|
+
readonly heading: _angular_core.InputSignal<string>;
|
|
2771
|
+
readonly openChange: _angular_core.OutputEmitterRef<boolean>;
|
|
2772
|
+
protected readonly open: _angular_core.WritableSignal<boolean>;
|
|
2773
|
+
protected readonly highlightedIndex: _angular_core.WritableSignal<number>;
|
|
2774
|
+
private panelEl;
|
|
2775
|
+
/** Normalise the mixed `languages` input to `{ code, label }`, defaulting the label to the code. */
|
|
2776
|
+
protected readonly options: _angular_core.Signal<SdsLanguageOption[]>;
|
|
2777
|
+
/**
|
|
2778
|
+
* The code treated as active everywhere — trigger label AND the selected row. Falls back to the first
|
|
2779
|
+
* option when `current` is unset, so the pill and the checked row can never disagree.
|
|
2780
|
+
*/
|
|
2781
|
+
protected readonly effectiveCode: _angular_core.Signal<string>;
|
|
2782
|
+
/** Uppercased code shown in the trigger. */
|
|
2783
|
+
protected readonly currentCode: _angular_core.Signal<string>;
|
|
2784
|
+
protected readonly activeOptionId: _angular_core.Signal<string | null>;
|
|
2785
|
+
protected optionId(i: number): string;
|
|
2786
|
+
protected toggle(): void;
|
|
2787
|
+
protected openPanel(): void;
|
|
2788
|
+
protected close(returnFocus?: boolean): void;
|
|
2789
|
+
protected choose(code: string): void;
|
|
2790
|
+
protected onDocumentClick(event: MouseEvent): void;
|
|
2791
|
+
protected onEscape(): void;
|
|
2792
|
+
protected onTriggerKeydown(event: KeyboardEvent): void;
|
|
2793
|
+
private initHighlight;
|
|
2794
|
+
private move;
|
|
2795
|
+
private highlight;
|
|
2796
|
+
private chooseHighlighted;
|
|
2797
|
+
private scrollHighlightedIntoView;
|
|
2798
|
+
private readonly reflow;
|
|
2799
|
+
private listening;
|
|
2800
|
+
private addReflowListeners;
|
|
2801
|
+
private removeReflowListeners;
|
|
2802
|
+
private positionPanel;
|
|
2803
|
+
ngOnDestroy(): void;
|
|
2804
|
+
private readonly onBrand;
|
|
2805
|
+
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">;
|
|
2806
|
+
protected readonly chevronClass: _angular_core.Signal<"text-white/70" | "text-ink-faint">;
|
|
2807
|
+
protected rowClass(index: number, selected: boolean): string;
|
|
2808
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsLanguageSwitcher, never>;
|
|
2809
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsLanguageSwitcher, "sds-language-switcher", never, { "languages": { "alias": "languages"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "menuLabel": { "alias": "menuLabel"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; }, { "current": "currentChange"; "openChange": "openChange"; }, never, never, true, never>;
|
|
2810
|
+
}
|
|
2811
|
+
|
|
2812
|
+
export { SDS_ICONS, SDS_PHONE_COUNTRIES, SdsAccordion, SdsAccordionContent, SdsAccordionHeader, SdsAccordionPanel, SdsAccordionStore, SdsAvatar, SdsBadge, SdsButton, SdsCalendar, SdsCard, SdsCheckbox, SdsDatePicker, SdsIcon, SdsInput, SdsInputNumber, SdsLanguageSwitcher, SdsLocalizedInput, SdsMenuItem, SdsMultiSelect, SdsNavGroup, SdsNavItem, SdsOtpInput, SdsPaginator, SdsPhoneInput, SdsSearchCommand, SdsSelect, SdsSelectEmpty, SdsSelectFooter, SdsSelectOption, SdsShell, SdsSidebar, SdsTab, SdsTabList, SdsTabPanel, SdsTabPanels, SdsTable, SdsTableCell, SdsTableRowExpansion, SdsTabs, SdsTabsStore, SdsTextarea, SdsThemeService, SdsThemeToggle, SdsToastHost, SdsToastService, SdsToggleSwitch, SdsTopbar, SdsUserMenu, SidebarStore, addDays, addMonths, addMonthsKeepDay, formatDdMmYyyy, formatHhMm, isOutOfRange, isSameDay, isoDay, pad2, sdsFormatNational, sdsMatchDialCode, sdsNormalizeSignificant, startOfDay, startOfMonth };
|
|
2813
|
+
export type { SdsAccordionActive, SdsAccordionValue, SdsAvatarStatus, SdsBadgeSize, SdsBadgeVariant, SdsButtonShape, SdsButtonSize, SdsButtonVariant, SdsCardVariant, SdsCheckboxSize, SdsDatePickerSize, SdsIconName, SdsIconSize, SdsInputAppearance, SdsInputNumberAppearance, SdsInputNumberButtonLayout, SdsInputNumberCurrencyDisplay, SdsInputNumberMode, SdsInputNumberSize, SdsInputShape, SdsInputSize, SdsInputType, SdsLanguageOption, SdsLanguageSwitcherAlign, SdsLanguageSwitcherAppearance, SdsLanguageSwitcherDirection, SdsLocalizedInputSize, SdsLocalizedValue, SdsMenuItemTone, SdsMultiSelectDisplay, SdsMultiSelectSize, SdsOtpInputSize, SdsPaginatorSize, SdsPaginatorState, SdsPhoneCountry, SdsPhoneInputSize, SdsPhoneValue, SdsSearchAppearance, SdsSearchItem, SdsSelectAppearance, SdsSelectEmptyContext, SdsSelectFooterContext, SdsSelectOptionContext, SdsSelectSize, SdsShellBackground, SdsSidebarAppearance, SdsSortOrder, SdsTabValue, SdsTableCellContext, SdsTableColumn, SdsTableLazyEvent, SdsTableRowExpansionContext, SdsTableSize, SdsTableSortEvent, SdsTextareaResize, SdsTextareaSize, SdsTheme, SdsThemeToggleAppearance, SdsToast, SdsToastKind, SdsToggleSwitchSize, SdsTopbarAppearance, SdsUserMenuAlign, SdsUserMenuAppearance };
|