@besaitech/ng-design-system 0.0.66 → 0.0.67
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/README.md +15 -2
- package/fesm2022/besaitech-ng-design-system.mjs +1569 -321
- package/fesm2022/besaitech-ng-design-system.mjs.map +1 -1
- package/index.d.ts +468 -48
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -158,7 +158,7 @@ type SdsIconSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
|
158
158
|
declare class SdsIcon {
|
|
159
159
|
private readonly sanitizer;
|
|
160
160
|
/** Icon identifier from the registry. */
|
|
161
|
-
readonly name: _angular_core.InputSignal<"chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "
|
|
161
|
+
readonly name: _angular_core.InputSignal<"search" | "filter" | "chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "copy" | "type" | "tag" | "ticket" | "square" | "square-check" | "circle-dot" | "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" | "chevrons-up" | "chevrons-down" | "star" | "message-square" | "table" | "qr-code" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "file-check" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "locate-fixed" | "locate-off" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | "triangle-alert" | "octagon-x" | "ban" | "ellipsis" | "ellipsis-vertical" | "grip-vertical" | "upload" | "image" | "image-off" | "utensils" | "zoom-in" | "zoom-out" | "trash-2" | "clock" | "pencil" | "circle-help" | "stock" | "allergen-cereals-gluten" | "allergen-crustaceans" | "allergen-eggs" | "allergen-fish" | "allergen-peanuts" | "allergen-soybeans" | "allergen-milk" | "allergen-nuts" | "allergen-celery" | "allergen-mustard" | "allergen-sesame" | "allergen-sulphites" | "allergen-lupin" | "allergen-molluscs">;
|
|
162
162
|
/** Square size: a pixel number, a numeric string, or a keyword (sm·md·lg·xl). */
|
|
163
163
|
readonly size: _angular_core.InputSignalWithTransform<number, string | number>;
|
|
164
164
|
/** Stroke width of the line icon. */
|
|
@@ -281,8 +281,8 @@ declare class SdsInput implements ControlValueAccessor {
|
|
|
281
281
|
* translate it — it is an icon-only control, so this string is its only name.
|
|
282
282
|
*/
|
|
283
283
|
readonly clearLabel: _angular_core.InputSignal<string>;
|
|
284
|
-
readonly leadingIcon: _angular_core.InputSignal<"chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "
|
|
285
|
-
readonly trailingIcon: _angular_core.InputSignal<"chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "
|
|
284
|
+
readonly leadingIcon: _angular_core.InputSignal<"search" | "filter" | "chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "copy" | "type" | "tag" | "ticket" | "square" | "square-check" | "circle-dot" | "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" | "chevrons-up" | "chevrons-down" | "star" | "message-square" | "table" | "qr-code" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "file-check" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "locate-fixed" | "locate-off" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | "triangle-alert" | "octagon-x" | "ban" | "ellipsis" | "ellipsis-vertical" | "grip-vertical" | "upload" | "image" | "image-off" | "utensils" | "zoom-in" | "zoom-out" | "trash-2" | "clock" | "pencil" | "circle-help" | "stock" | "allergen-cereals-gluten" | "allergen-crustaceans" | "allergen-eggs" | "allergen-fish" | "allergen-peanuts" | "allergen-soybeans" | "allergen-milk" | "allergen-nuts" | "allergen-celery" | "allergen-mustard" | "allergen-sesame" | "allergen-sulphites" | "allergen-lupin" | "allergen-molluscs" | null>;
|
|
285
|
+
readonly trailingIcon: _angular_core.InputSignal<"search" | "filter" | "chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "copy" | "type" | "tag" | "ticket" | "square" | "square-check" | "circle-dot" | "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" | "chevrons-up" | "chevrons-down" | "star" | "message-square" | "table" | "qr-code" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "file-check" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "locate-fixed" | "locate-off" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | "triangle-alert" | "octagon-x" | "ban" | "ellipsis" | "ellipsis-vertical" | "grip-vertical" | "upload" | "image" | "image-off" | "utensils" | "zoom-in" | "zoom-out" | "trash-2" | "clock" | "pencil" | "circle-help" | "stock" | "allergen-cereals-gluten" | "allergen-crustaceans" | "allergen-eggs" | "allergen-fish" | "allergen-peanuts" | "allergen-soybeans" | "allergen-milk" | "allergen-nuts" | "allergen-celery" | "allergen-mustard" | "allergen-sesame" | "allergen-sulphites" | "allergen-lupin" | "allergen-molluscs" | null>;
|
|
286
286
|
/**
|
|
287
287
|
* A CLICKABLE trailing icon, for the affordances that belong to the field itself — password reveal
|
|
288
288
|
* above all. Distinct from {@link trailingIcon}, which is decorative and explicitly
|
|
@@ -292,7 +292,7 @@ declare class SdsInput implements ControlValueAccessor {
|
|
|
292
292
|
* Always pair it with {@link trailingActionLabel} — an icon-only button with no accessible name is
|
|
293
293
|
* unusable by a screen reader. For a toggle, also bind {@link trailingActionPressed}.
|
|
294
294
|
*/
|
|
295
|
-
readonly trailingAction: _angular_core.InputSignal<"chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "
|
|
295
|
+
readonly trailingAction: _angular_core.InputSignal<"search" | "filter" | "chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "copy" | "type" | "tag" | "ticket" | "square" | "square-check" | "circle-dot" | "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" | "chevrons-up" | "chevrons-down" | "star" | "message-square" | "table" | "qr-code" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "file-check" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "locate-fixed" | "locate-off" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | "triangle-alert" | "octagon-x" | "ban" | "ellipsis" | "ellipsis-vertical" | "grip-vertical" | "upload" | "image" | "image-off" | "utensils" | "zoom-in" | "zoom-out" | "trash-2" | "clock" | "pencil" | "circle-help" | "stock" | "allergen-cereals-gluten" | "allergen-crustaceans" | "allergen-eggs" | "allergen-fish" | "allergen-peanuts" | "allergen-soybeans" | "allergen-milk" | "allergen-nuts" | "allergen-celery" | "allergen-mustard" | "allergen-sesame" | "allergen-sulphites" | "allergen-lupin" | "allergen-molluscs" | null>;
|
|
296
296
|
/** Accessible name for {@link trailingAction}. Translate it in the consuming app. */
|
|
297
297
|
readonly trailingActionLabel: _angular_core.InputSignal<string>;
|
|
298
298
|
/** `aria-pressed` for a toggling action (e.g. show/hide password). Null renders no attribute. */
|
|
@@ -404,9 +404,9 @@ declare class SdsInputNumber implements ControlValueAccessor {
|
|
|
404
404
|
readonly showButtons: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
405
405
|
readonly buttonLayout: _angular_core.InputSignal<SdsInputNumberButtonLayout>;
|
|
406
406
|
/** Override the increment button icon (defaults: chevron-up when stacked, plus otherwise). */
|
|
407
|
-
readonly incrementIcon: _angular_core.InputSignal<"chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "
|
|
407
|
+
readonly incrementIcon: _angular_core.InputSignal<"search" | "filter" | "chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "copy" | "type" | "tag" | "ticket" | "square" | "square-check" | "circle-dot" | "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" | "chevrons-up" | "chevrons-down" | "star" | "message-square" | "table" | "qr-code" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "file-check" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "locate-fixed" | "locate-off" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | "triangle-alert" | "octagon-x" | "ban" | "ellipsis" | "ellipsis-vertical" | "grip-vertical" | "upload" | "image" | "image-off" | "utensils" | "zoom-in" | "zoom-out" | "trash-2" | "clock" | "pencil" | "circle-help" | "stock" | "allergen-cereals-gluten" | "allergen-crustaceans" | "allergen-eggs" | "allergen-fish" | "allergen-peanuts" | "allergen-soybeans" | "allergen-milk" | "allergen-nuts" | "allergen-celery" | "allergen-mustard" | "allergen-sesame" | "allergen-sulphites" | "allergen-lupin" | "allergen-molluscs" | null>;
|
|
408
408
|
/** Override the decrement button icon (defaults: chevron-down when stacked, minus otherwise). */
|
|
409
|
-
readonly decrementIcon: _angular_core.InputSignal<"chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "
|
|
409
|
+
readonly decrementIcon: _angular_core.InputSignal<"search" | "filter" | "chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "copy" | "type" | "tag" | "ticket" | "square" | "square-check" | "circle-dot" | "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" | "chevrons-up" | "chevrons-down" | "star" | "message-square" | "table" | "qr-code" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "file-check" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "locate-fixed" | "locate-off" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | "triangle-alert" | "octagon-x" | "ban" | "ellipsis" | "ellipsis-vertical" | "grip-vertical" | "upload" | "image" | "image-off" | "utensils" | "zoom-in" | "zoom-out" | "trash-2" | "clock" | "pencil" | "circle-help" | "stock" | "allergen-cereals-gluten" | "allergen-crustaceans" | "allergen-eggs" | "allergen-fish" | "allergen-peanuts" | "allergen-soybeans" | "allergen-milk" | "allergen-nuts" | "allergen-celery" | "allergen-mustard" | "allergen-sesame" | "allergen-sulphites" | "allergen-lupin" | "allergen-molluscs" | null>;
|
|
410
410
|
/** Allow an empty (null) value. When false, blurring an empty field falls back to {@link min} or 0. */
|
|
411
411
|
readonly allowEmpty: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
412
412
|
readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
@@ -423,8 +423,8 @@ declare class SdsInputNumber implements ControlValueAccessor {
|
|
|
423
423
|
protected readonly isDisabled: _angular_core.Signal<boolean>;
|
|
424
424
|
protected readonly describedBy: _angular_core.Signal<string | null>;
|
|
425
425
|
protected readonly clearVisible: _angular_core.Signal<boolean>;
|
|
426
|
-
protected readonly incrementIconName: _angular_core.Signal<"chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "
|
|
427
|
-
protected readonly decrementIconName: _angular_core.Signal<"chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "
|
|
426
|
+
protected readonly incrementIconName: _angular_core.Signal<"search" | "filter" | "chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "copy" | "type" | "tag" | "ticket" | "square" | "square-check" | "circle-dot" | "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" | "chevrons-up" | "chevrons-down" | "star" | "message-square" | "table" | "qr-code" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "file-check" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "locate-fixed" | "locate-off" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | "triangle-alert" | "octagon-x" | "ban" | "ellipsis" | "ellipsis-vertical" | "grip-vertical" | "upload" | "image" | "image-off" | "utensils" | "zoom-in" | "zoom-out" | "trash-2" | "clock" | "pencil" | "circle-help" | "stock" | "allergen-cereals-gluten" | "allergen-crustaceans" | "allergen-eggs" | "allergen-fish" | "allergen-peanuts" | "allergen-soybeans" | "allergen-milk" | "allergen-nuts" | "allergen-celery" | "allergen-mustard" | "allergen-sesame" | "allergen-sulphites" | "allergen-lupin" | "allergen-molluscs">;
|
|
427
|
+
protected readonly decrementIconName: _angular_core.Signal<"search" | "filter" | "chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "copy" | "type" | "tag" | "ticket" | "square" | "square-check" | "circle-dot" | "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" | "chevrons-up" | "chevrons-down" | "star" | "message-square" | "table" | "qr-code" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "file-check" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "locate-fixed" | "locate-off" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | "triangle-alert" | "octagon-x" | "ban" | "ellipsis" | "ellipsis-vertical" | "grip-vertical" | "upload" | "image" | "image-off" | "utensils" | "zoom-in" | "zoom-out" | "trash-2" | "clock" | "pencil" | "circle-help" | "stock" | "allergen-cereals-gluten" | "allergen-crustaceans" | "allergen-eggs" | "allergen-fish" | "allergen-peanuts" | "allergen-soybeans" | "allergen-milk" | "allergen-nuts" | "allergen-celery" | "allergen-mustard" | "allergen-sesame" | "allergen-sulphites" | "allergen-lupin" | "allergen-molluscs">;
|
|
428
428
|
protected readonly canIncrement: _angular_core.Signal<boolean>;
|
|
429
429
|
protected readonly canDecrement: _angular_core.Signal<boolean>;
|
|
430
430
|
/** Locale grouping/decimal separators, derived from Intl so parsing matches formatting. */
|
|
@@ -852,9 +852,9 @@ declare class SdsToggleSwitch implements ControlValueAccessor {
|
|
|
852
852
|
/** Value emitted/stored when the switch is off. */
|
|
853
853
|
readonly falseValue: _angular_core.InputSignal<unknown>;
|
|
854
854
|
/** Icon shown on the knob when checked. */
|
|
855
|
-
readonly onIcon: _angular_core.InputSignal<"chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "
|
|
855
|
+
readonly onIcon: _angular_core.InputSignal<"search" | "filter" | "chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "copy" | "type" | "tag" | "ticket" | "square" | "square-check" | "circle-dot" | "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" | "chevrons-up" | "chevrons-down" | "star" | "message-square" | "table" | "qr-code" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "file-check" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "locate-fixed" | "locate-off" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | "triangle-alert" | "octagon-x" | "ban" | "ellipsis" | "ellipsis-vertical" | "grip-vertical" | "upload" | "image" | "image-off" | "utensils" | "zoom-in" | "zoom-out" | "trash-2" | "clock" | "pencil" | "circle-help" | "stock" | "allergen-cereals-gluten" | "allergen-crustaceans" | "allergen-eggs" | "allergen-fish" | "allergen-peanuts" | "allergen-soybeans" | "allergen-milk" | "allergen-nuts" | "allergen-celery" | "allergen-mustard" | "allergen-sesame" | "allergen-sulphites" | "allergen-lupin" | "allergen-molluscs" | null>;
|
|
856
856
|
/** Icon shown on the knob when unchecked. */
|
|
857
|
-
readonly offIcon: _angular_core.InputSignal<"chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "
|
|
857
|
+
readonly offIcon: _angular_core.InputSignal<"search" | "filter" | "chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "copy" | "type" | "tag" | "ticket" | "square" | "square-check" | "circle-dot" | "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" | "chevrons-up" | "chevrons-down" | "star" | "message-square" | "table" | "qr-code" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "file-check" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "locate-fixed" | "locate-off" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | "triangle-alert" | "octagon-x" | "ban" | "ellipsis" | "ellipsis-vertical" | "grip-vertical" | "upload" | "image" | "image-off" | "utensils" | "zoom-in" | "zoom-out" | "trash-2" | "clock" | "pencil" | "circle-help" | "stock" | "allergen-cereals-gluten" | "allergen-crustaceans" | "allergen-eggs" | "allergen-fish" | "allergen-peanuts" | "allergen-soybeans" | "allergen-milk" | "allergen-nuts" | "allergen-celery" | "allergen-mustard" | "allergen-sesame" | "allergen-sulphites" | "allergen-lupin" | "allergen-molluscs" | null>;
|
|
858
858
|
readonly hint: _angular_core.InputSignal<string>;
|
|
859
859
|
readonly error: _angular_core.InputSignal<string>;
|
|
860
860
|
/**
|
|
@@ -1033,7 +1033,7 @@ declare class SdsAvatar {
|
|
|
1033
1033
|
* Icon shown instead of initials when there is no usable image (e.g. `utensils` or `image` for a dish).
|
|
1034
1034
|
* Null (default) keeps the initials.
|
|
1035
1035
|
*/
|
|
1036
|
-
readonly fallbackIcon: _angular_core.InputSignal<"chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "
|
|
1036
|
+
readonly fallbackIcon: _angular_core.InputSignal<"search" | "filter" | "chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "copy" | "type" | "tag" | "ticket" | "square" | "square-check" | "circle-dot" | "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" | "chevrons-up" | "chevrons-down" | "star" | "message-square" | "table" | "qr-code" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "file-check" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "locate-fixed" | "locate-off" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | "triangle-alert" | "octagon-x" | "ban" | "ellipsis" | "ellipsis-vertical" | "grip-vertical" | "upload" | "image" | "image-off" | "utensils" | "zoom-in" | "zoom-out" | "trash-2" | "clock" | "pencil" | "circle-help" | "stock" | "allergen-cereals-gluten" | "allergen-crustaceans" | "allergen-eggs" | "allergen-fish" | "allergen-peanuts" | "allergen-soybeans" | "allergen-milk" | "allergen-nuts" | "allergen-celery" | "allergen-mustard" | "allergen-sesame" | "allergen-sulphites" | "allergen-lupin" | "allergen-molluscs" | null>;
|
|
1037
1037
|
/** Classes of the placeholder tile behind {@link fallbackIcon}: background and icon colour. */
|
|
1038
1038
|
readonly placeholderClass: _angular_core.InputSignal<string>;
|
|
1039
1039
|
/**
|
|
@@ -1120,7 +1120,7 @@ declare class SdsAllergenIcon {
|
|
|
1120
1120
|
readonly size: _angular_core.InputSignal<string | number>;
|
|
1121
1121
|
/** Stroke width of the line icon. */
|
|
1122
1122
|
readonly strokeWidth: _angular_core.InputSignal<number>;
|
|
1123
|
-
protected readonly iconName: _angular_core.Signal<"chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "
|
|
1123
|
+
protected readonly iconName: _angular_core.Signal<"search" | "filter" | "chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "copy" | "type" | "tag" | "ticket" | "square" | "square-check" | "circle-dot" | "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" | "chevrons-up" | "chevrons-down" | "star" | "message-square" | "table" | "qr-code" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "file-check" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "locate-fixed" | "locate-off" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | "triangle-alert" | "octagon-x" | "ban" | "ellipsis" | "ellipsis-vertical" | "grip-vertical" | "upload" | "image" | "image-off" | "utensils" | "zoom-in" | "zoom-out" | "trash-2" | "clock" | "pencil" | "circle-help" | "stock" | "allergen-cereals-gluten" | "allergen-crustaceans" | "allergen-eggs" | "allergen-fish" | "allergen-peanuts" | "allergen-soybeans" | "allergen-milk" | "allergen-nuts" | "allergen-celery" | "allergen-mustard" | "allergen-sesame" | "allergen-sulphites" | "allergen-lupin" | "allergen-molluscs" | null>;
|
|
1124
1124
|
constructor();
|
|
1125
1125
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsAllergenIcon, never>;
|
|
1126
1126
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsAllergenIcon, "sds-allergen-icon", never, { "allergen": { "alias": "allergen"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "showTitle": { "alias": "showTitle"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
@@ -1154,7 +1154,7 @@ declare class SdsTriStateChip {
|
|
|
1154
1154
|
/** Visible name (e.g. the allergen). Required — the chip has no other accessible name. */
|
|
1155
1155
|
readonly label: _angular_core.InputSignal<string>;
|
|
1156
1156
|
/** Optional leading registry icon, e.g. an `allergen-*` pictogram. */
|
|
1157
|
-
readonly icon: _angular_core.InputSignal<"chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "
|
|
1157
|
+
readonly icon: _angular_core.InputSignal<"search" | "filter" | "chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "copy" | "type" | "tag" | "ticket" | "square" | "square-check" | "circle-dot" | "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" | "chevrons-up" | "chevrons-down" | "star" | "message-square" | "table" | "qr-code" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "file-check" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "locate-fixed" | "locate-off" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | "triangle-alert" | "octagon-x" | "ban" | "ellipsis" | "ellipsis-vertical" | "grip-vertical" | "upload" | "image" | "image-off" | "utensils" | "zoom-in" | "zoom-out" | "trash-2" | "clock" | "pencil" | "circle-help" | "stock" | "allergen-cereals-gluten" | "allergen-crustaceans" | "allergen-eggs" | "allergen-fish" | "allergen-peanuts" | "allergen-soybeans" | "allergen-milk" | "allergen-nuts" | "allergen-celery" | "allergen-mustard" | "allergen-sesame" | "allergen-sulphites" | "allergen-lupin" | "allergen-molluscs" | null>;
|
|
1158
1158
|
readonly size: _angular_core.InputSignal<SdsTriStateChipSize>;
|
|
1159
1159
|
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1160
1160
|
/** Show the state as a small visible caption under the label. */
|
|
@@ -1271,7 +1271,7 @@ declare class SdsChip {
|
|
|
1271
1271
|
readonly label: _angular_core.InputSignal<string>;
|
|
1272
1272
|
/** On/off. Two-way: `[(selected)]`. */
|
|
1273
1273
|
readonly selected: _angular_core.ModelSignal<boolean>;
|
|
1274
|
-
readonly icon: _angular_core.InputSignal<"chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "
|
|
1274
|
+
readonly icon: _angular_core.InputSignal<"search" | "filter" | "chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "copy" | "type" | "tag" | "ticket" | "square" | "square-check" | "circle-dot" | "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" | "chevrons-up" | "chevrons-down" | "star" | "message-square" | "table" | "qr-code" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "file-check" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "locate-fixed" | "locate-off" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | "triangle-alert" | "octagon-x" | "ban" | "ellipsis" | "ellipsis-vertical" | "grip-vertical" | "upload" | "image" | "image-off" | "utensils" | "zoom-in" | "zoom-out" | "trash-2" | "clock" | "pencil" | "circle-help" | "stock" | "allergen-cereals-gluten" | "allergen-crustaceans" | "allergen-eggs" | "allergen-fish" | "allergen-peanuts" | "allergen-soybeans" | "allergen-milk" | "allergen-nuts" | "allergen-celery" | "allergen-mustard" | "allergen-sesame" | "allergen-sulphites" | "allergen-lupin" | "allergen-molluscs" | null>;
|
|
1275
1275
|
readonly count: _angular_core.InputSignal<number | null | undefined>;
|
|
1276
1276
|
readonly size: _angular_core.InputSignal<SdsChipSize>;
|
|
1277
1277
|
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
@@ -1583,7 +1583,7 @@ declare class SdsMenu implements OnDestroy {
|
|
|
1583
1583
|
/** Accessible name of the built-in icon trigger (required when there is no [triggerText]). */
|
|
1584
1584
|
readonly triggerLabel: _angular_core.InputSignal<string>;
|
|
1585
1585
|
/** Icon of the built-in trigger. */
|
|
1586
|
-
readonly triggerIcon: _angular_core.InputSignal<"chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "
|
|
1586
|
+
readonly triggerIcon: _angular_core.InputSignal<"search" | "filter" | "chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "copy" | "type" | "tag" | "ticket" | "square" | "square-check" | "circle-dot" | "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" | "chevrons-up" | "chevrons-down" | "star" | "message-square" | "table" | "qr-code" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "file-check" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "locate-fixed" | "locate-off" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | "triangle-alert" | "octagon-x" | "ban" | "ellipsis" | "ellipsis-vertical" | "grip-vertical" | "upload" | "image" | "image-off" | "utensils" | "zoom-in" | "zoom-out" | "trash-2" | "clock" | "pencil" | "circle-help" | "stock" | "allergen-cereals-gluten" | "allergen-crustaceans" | "allergen-eggs" | "allergen-fish" | "allergen-peanuts" | "allergen-soybeans" | "allergen-milk" | "allergen-nuts" | "allergen-celery" | "allergen-mustard" | "allergen-sesame" | "allergen-sulphites" | "allergen-lupin" | "allergen-molluscs">;
|
|
1587
1587
|
/** Optional visible text on the built-in trigger (then it is its name). */
|
|
1588
1588
|
readonly triggerText: _angular_core.InputSignal<string>;
|
|
1589
1589
|
/** Accessible name of the menu itself; defaults to the trigger's name. */
|
|
@@ -2093,6 +2093,18 @@ declare function isOutOfRange(d: Date, min: Date | null, max: Date | null): bool
|
|
|
2093
2093
|
declare function isoDay(d: Date): string;
|
|
2094
2094
|
/** Format a date as dd/MM/yyyy (default display format). */
|
|
2095
2095
|
declare function formatDdMmYyyy(d: Date): string;
|
|
2096
|
+
/** Whole calendar days from `a` to `b` (b − a), ignoring time-of-day and DST shifts. */
|
|
2097
|
+
declare function diffInDays(a: Date, b: Date): number;
|
|
2098
|
+
/**
|
|
2099
|
+
* Format an inclusive day range for display, e.g. `1–7 Oct 2026`, `28 Sept – 4 Oct 2026` or
|
|
2100
|
+
* `20 Dec 2026 – 3 Jan 2027` (en-GB). Uses `Intl.DateTimeFormat#formatRange`, which collapses the
|
|
2101
|
+
* parts both ends share; falls back to `start – end` where it is unavailable. A one-day range prints
|
|
2102
|
+
* a single date.
|
|
2103
|
+
*/
|
|
2104
|
+
declare function formatDateRange(range: {
|
|
2105
|
+
start: Date;
|
|
2106
|
+
end: Date;
|
|
2107
|
+
}, locale?: string, options?: Intl.DateTimeFormatOptions): string;
|
|
2096
2108
|
|
|
2097
2109
|
type CalView = 'day' | 'month' | 'year';
|
|
2098
2110
|
interface DayCell {
|
|
@@ -2340,6 +2352,273 @@ declare class SdsDatePicker implements ControlValueAccessor, OnDestroy {
|
|
|
2340
2352
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsDatePicker, "sds-date-picker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "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; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "showActions": { "alias": "showActions"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "timeLabel": { "alias": "timeLabel"; "required": false; "isSignal": true; }; "hoursLabel": { "alias": "hoursLabel"; "required": false; "isSignal": true; }; "minutesLabel": { "alias": "minutesLabel"; "required": false; "isSignal": true; }; "doneLabel": { "alias": "doneLabel"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "openCalendarLabel": { "alias": "openCalendarLabel"; "required": false; "isSignal": true; }; "closeCalendarLabel": { "alias": "closeCalendarLabel"; "required": false; "isSignal": true; }; "panelLabel": { "alias": "panelLabel"; "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; }; "todayActionLabel": { "alias": "todayActionLabel"; "required": false; "isSignal": true; }; "clearActionLabel": { "alias": "clearActionLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
2341
2353
|
}
|
|
2342
2354
|
|
|
2355
|
+
/**
|
|
2356
|
+
* An inclusive range of whole days. Both ends are local midnight (`startOfDay`); `end` is the last
|
|
2357
|
+
* day IN the range, so a one-day range has `start` and `end` on the same day.
|
|
2358
|
+
*/
|
|
2359
|
+
interface SdsDateRange {
|
|
2360
|
+
start: Date;
|
|
2361
|
+
end: Date;
|
|
2362
|
+
}
|
|
2363
|
+
/**
|
|
2364
|
+
* A quick range shown in the left column of `<sds-date-range-picker>`. `range` is a function so
|
|
2365
|
+
* relative presets ("last 30 days") are computed when the panel opens, not when the app boots.
|
|
2366
|
+
*/
|
|
2367
|
+
interface SdsDateRangePreset {
|
|
2368
|
+
/** Stable id, emitted by `(presetSelect)` — e.g. `'30d'`; keep it out of the translated text. */
|
|
2369
|
+
id: string;
|
|
2370
|
+
/** Visible text (translate it in the app). */
|
|
2371
|
+
label: string;
|
|
2372
|
+
range: () => SdsDateRange;
|
|
2373
|
+
}
|
|
2374
|
+
/** Same first and last day (time-of-day ignored). `null` only equals `null`. */
|
|
2375
|
+
declare function isSameRange(a: SdsDateRange | null | undefined, b: SdsDateRange | null | undefined): boolean;
|
|
2376
|
+
/** The last `days` days, today included: `sdsLastDays(7)` = today − 6 … today. */
|
|
2377
|
+
declare function sdsLastDays(days: number, today?: Date): SdsDateRange;
|
|
2378
|
+
/**
|
|
2379
|
+
* The last `months` months, today included: `sdsLastMonths(12)` on 13 Oct 2026 = 14 Oct 2025 …
|
|
2380
|
+
* 13 Oct 2026 (the day after the same day `months` months ago, clamped to short months).
|
|
2381
|
+
*/
|
|
2382
|
+
declare function sdsLastMonths(months: number, today?: Date): SdsDateRange;
|
|
2383
|
+
|
|
2384
|
+
/** Where the soft in-range band sits behind a day: none, the whole cell, or one half of it. */
|
|
2385
|
+
type Band = 'none' | 'full' | 'right' | 'left';
|
|
2386
|
+
interface RangeCell {
|
|
2387
|
+
key: string;
|
|
2388
|
+
/** `null` = a filler cell before the 1st / after the last day of the month (rendered empty). */
|
|
2389
|
+
date: Date | null;
|
|
2390
|
+
day: number;
|
|
2391
|
+
today: boolean;
|
|
2392
|
+
disabled: boolean;
|
|
2393
|
+
tabbable: boolean;
|
|
2394
|
+
/** First day of the range. */
|
|
2395
|
+
isStart: boolean;
|
|
2396
|
+
/** Last day of a COMMITTED range (end set). */
|
|
2397
|
+
isEnd: boolean;
|
|
2398
|
+
/** Hovered/focused day previewed as the end while choosing it. */
|
|
2399
|
+
isPreviewEnd: boolean;
|
|
2400
|
+
/** Strictly between start and the (committed or previewed) end. */
|
|
2401
|
+
inRange: boolean;
|
|
2402
|
+
band: Band;
|
|
2403
|
+
roundLeft: boolean;
|
|
2404
|
+
roundRight: boolean;
|
|
2405
|
+
}
|
|
2406
|
+
interface MonthView {
|
|
2407
|
+
key: string;
|
|
2408
|
+
title: string;
|
|
2409
|
+
weeks: RangeCell[][];
|
|
2410
|
+
}
|
|
2411
|
+
/**
|
|
2412
|
+
* Range calendar: one or two side-by-side months on which a day range is picked with two clicks.
|
|
2413
|
+
* Used by `<sds-date-range-picker>`, and usable on its own (bind `[(start)]` and `[(end)]`).
|
|
2414
|
+
*
|
|
2415
|
+
* Selection rule: the first click sets `start` (and clears `end`); the second sets `end` — or, when
|
|
2416
|
+
* it lands BEFORE `start`, becomes the new `start`. Clicking the start day again gives a one-day
|
|
2417
|
+
* range. While the end is being chosen, the band previews start → hovered (or keyboard-focused) day.
|
|
2418
|
+
* `maxDays` caps the span: once a start is picked, days past `start + maxDays − 1` are disabled.
|
|
2419
|
+
*
|
|
2420
|
+
* Bare (no border / shadow / background): place it in your own card or panel.
|
|
2421
|
+
*
|
|
2422
|
+
* Keyboard: arrows move by day / week, Home / End to the week's start / end, PageUp / PageDown by
|
|
2423
|
+
* month (roving tabindex across both months); Enter / Space picks the focused day.
|
|
2424
|
+
*
|
|
2425
|
+
* @example
|
|
2426
|
+
* <sds-range-calendar [(start)]="from" [(end)]="to" [max]="today" />
|
|
2427
|
+
*/
|
|
2428
|
+
declare class SdsRangeCalendar {
|
|
2429
|
+
private readonly host;
|
|
2430
|
+
private readonly injector;
|
|
2431
|
+
/** First day of the range (two-way: `[(start)]`). */
|
|
2432
|
+
readonly start: _angular_core.ModelSignal<Date | null>;
|
|
2433
|
+
/** Last day of the range, inclusive (two-way: `[(end)]`). `null` while the end is being chosen. */
|
|
2434
|
+
readonly end: _angular_core.ModelSignal<Date | null>;
|
|
2435
|
+
readonly min: _angular_core.InputSignal<Date | null>;
|
|
2436
|
+
readonly max: _angular_core.InputSignal<Date | null>;
|
|
2437
|
+
/** Longest selectable span in days (start and end included). `null` = no limit. */
|
|
2438
|
+
readonly maxDays: _angular_core.InputSignal<number | null>;
|
|
2439
|
+
/** 0 = Sunday, 1 = Monday (default, European). */
|
|
2440
|
+
readonly firstDayOfWeek: _angular_core.InputSignal<0 | 1>;
|
|
2441
|
+
/** BCP 47 locale for month and weekday names. Defaults to `en-GB`; pass the app's locale. */
|
|
2442
|
+
readonly locale: _angular_core.InputSignal<string>;
|
|
2443
|
+
/** Months shown side by side (from the `sm` breakpoint; always one below it). */
|
|
2444
|
+
readonly months: _angular_core.InputSignal<1 | 2>;
|
|
2445
|
+
/** Accessible name of the calendar group. English default — translate it in the app. */
|
|
2446
|
+
readonly calendarLabel: _angular_core.InputSignal<string>;
|
|
2447
|
+
/** Accessible name of the icon-only "previous month" button (its ONLY name — translate it). */
|
|
2448
|
+
readonly previousLabel: _angular_core.InputSignal<string>;
|
|
2449
|
+
/** Accessible name of the icon-only "next month" button. See {@link previousLabel}. */
|
|
2450
|
+
readonly nextLabel: _angular_core.InputSignal<string>;
|
|
2451
|
+
/** Emitted on every day pick (start or end). */
|
|
2452
|
+
readonly daySelect: _angular_core.OutputEmitterRef<Date>;
|
|
2453
|
+
/** Emitted when a pick completes the range (both ends set). */
|
|
2454
|
+
readonly rangeSelect: _angular_core.OutputEmitterRef<SdsDateRange>;
|
|
2455
|
+
/** The day under the pointer / keyboard focus (`null` when the pointer leaves the grid). */
|
|
2456
|
+
readonly dayHover: _angular_core.OutputEmitterRef<Date | null>;
|
|
2457
|
+
/** First month on screen. */
|
|
2458
|
+
protected readonly viewDate: _angular_core.WritableSignal<Date>;
|
|
2459
|
+
protected readonly focusedDate: _angular_core.WritableSignal<Date>;
|
|
2460
|
+
protected readonly hovered: _angular_core.WritableSignal<Date | null>;
|
|
2461
|
+
private readonly wide;
|
|
2462
|
+
/** Months actually rendered: {@link months}, but one on narrow viewports. */
|
|
2463
|
+
protected readonly monthsShown: _angular_core.Signal<2 | 1>;
|
|
2464
|
+
constructor();
|
|
2465
|
+
private watchViewport;
|
|
2466
|
+
protected readonly navBtn = "inline-flex h-8 w-8 items-center justify-center rounded-control text-ink-soft hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 disabled:cursor-not-allowed disabled:opacity-40";
|
|
2467
|
+
protected readonly weekdayLabels: _angular_core.Signal<string[]>;
|
|
2468
|
+
/** The end used for drawing: the committed end, else the previewed (hovered) one. */
|
|
2469
|
+
private readonly previewEnd;
|
|
2470
|
+
protected readonly prevDisabled: _angular_core.Signal<boolean>;
|
|
2471
|
+
protected readonly nextDisabled: _angular_core.Signal<boolean>;
|
|
2472
|
+
protected readonly monthViews: _angular_core.Signal<MonthView[]>;
|
|
2473
|
+
private isDisabled;
|
|
2474
|
+
protected selectDay(d: Date): void;
|
|
2475
|
+
protected setHover(d: Date | null): void;
|
|
2476
|
+
protected onDayFocus(d: Date): void;
|
|
2477
|
+
protected shiftView(delta: number): void;
|
|
2478
|
+
private isVisible;
|
|
2479
|
+
/** Show `d`'s month first, or — with `last` — as the right-most month. */
|
|
2480
|
+
private anchorView;
|
|
2481
|
+
protected onGridKeydown(e: KeyboardEvent): void;
|
|
2482
|
+
/**
|
|
2483
|
+
* Show and focus the active day: the range's end (as the right-most month), else its start, else
|
|
2484
|
+
* today (right-most when `max` is this month or earlier, so a "past only" calendar does not open on
|
|
2485
|
+
* an all-disabled next month). Called by the picker when its panel opens.
|
|
2486
|
+
*/
|
|
2487
|
+
focusActiveCell(): void;
|
|
2488
|
+
private focusHandle?;
|
|
2489
|
+
/**
|
|
2490
|
+
* Focus a day once it is rendered. A month change re-renders the grid, so try after the next
|
|
2491
|
+
* render AND on a timer: whichever runs once the cell exists wins (focusing twice is harmless),
|
|
2492
|
+
* and the timer still fires when nothing changed and no render is coming.
|
|
2493
|
+
*/
|
|
2494
|
+
private focusCell;
|
|
2495
|
+
protected iso(d: Date): string;
|
|
2496
|
+
protected fullLabel(d: Date): string;
|
|
2497
|
+
protected bandClass(cell: RangeCell): string;
|
|
2498
|
+
protected dayClass(cell: RangeCell): string;
|
|
2499
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsRangeCalendar, never>;
|
|
2500
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsRangeCalendar, "sds-range-calendar", never, { "start": { "alias": "start"; "required": false; "isSignal": true; }; "end": { "alias": "end"; "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; }; "months": { "alias": "months"; "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; }; }, { "start": "startChange"; "end": "endChange"; "daySelect": "daySelect"; "rangeSelect": "rangeSelect"; "dayHover": "dayHover"; }, never, never, true, never>;
|
|
2501
|
+
}
|
|
2502
|
+
|
|
2503
|
+
type SdsDateRangePickerSize = 'sm' | 'md' | 'lg';
|
|
2504
|
+
/**
|
|
2505
|
+
* Date range picker: a field that opens a panel with quick ranges (presets) on the left and a
|
|
2506
|
+
* two-month range calendar on the right. A preset applies at once and closes the panel; a custom
|
|
2507
|
+
* range is picked with two clicks and stays PENDING until "Apply" (Cancel, Escape and a click away
|
|
2508
|
+
* discard it).
|
|
2509
|
+
*
|
|
2510
|
+
* The value is an inclusive `SdsDateRange` (`{ start, end }`, local midnight) or `null`, bound with
|
|
2511
|
+
* `[(value)]` (a `model`, not a ControlValueAccessor). `(presetSelect)` emits the preset `id` when
|
|
2512
|
+
* one is chosen, and `activePresetId()` tells which preset the current value equals (`null` = a
|
|
2513
|
+
* custom range), so an app can remember "30d" rather than two dates.
|
|
2514
|
+
*
|
|
2515
|
+
* Every visible and accessible string is an input with an English default — translate them all.
|
|
2516
|
+
*
|
|
2517
|
+
* @example
|
|
2518
|
+
* <sds-date-range-picker label="Period" [presets]="presets" [max]="today" [(value)]="range" />
|
|
2519
|
+
*/
|
|
2520
|
+
declare class SdsDateRangePicker implements OnDestroy {
|
|
2521
|
+
private readonly host;
|
|
2522
|
+
private readonly injector;
|
|
2523
|
+
private readonly uid;
|
|
2524
|
+
protected readonly fieldId: string;
|
|
2525
|
+
protected readonly labelId: string;
|
|
2526
|
+
protected readonly valueId: string;
|
|
2527
|
+
/** The selected range (two-way: `[(value)]`), `null` when none. Day granularity, end inclusive. */
|
|
2528
|
+
readonly value: _angular_core.ModelSignal<SdsDateRange | null>;
|
|
2529
|
+
/** Quick ranges listed on the left of the panel; choosing one applies it and closes the panel. */
|
|
2530
|
+
readonly presets: _angular_core.InputSignal<readonly SdsDateRangePreset[]>;
|
|
2531
|
+
readonly min: _angular_core.InputSignal<Date | null>;
|
|
2532
|
+
readonly max: _angular_core.InputSignal<Date | null>;
|
|
2533
|
+
/** Longest custom range in days (start and end included). `null` = no limit. */
|
|
2534
|
+
readonly maxDays: _angular_core.InputSignal<number | null>;
|
|
2535
|
+
/** 0 = Sunday, 1 = Monday (default, European). */
|
|
2536
|
+
readonly firstDayOfWeek: _angular_core.InputSignal<0 | 1>;
|
|
2537
|
+
/** BCP 47 locale for the calendar and the default range format. Defaults to `en-GB`. */
|
|
2538
|
+
readonly locale: _angular_core.InputSignal<string>;
|
|
2539
|
+
readonly size: _angular_core.InputSignal<SdsDateRangePickerSize>;
|
|
2540
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
2541
|
+
/** Months side by side in the panel (from the `sm` breakpoint; always one below it). */
|
|
2542
|
+
readonly months: _angular_core.InputSignal<1 | 2>;
|
|
2543
|
+
/**
|
|
2544
|
+
* Display formatter for the field. Default: `Intl.DateTimeFormat#formatRange` with day, short
|
|
2545
|
+
* month and year in {@link locale} (e.g. `1–7 Oct 2026`) — see `formatDateRange`.
|
|
2546
|
+
*/
|
|
2547
|
+
readonly format: _angular_core.InputSignal<((range: SdsDateRange) => string) | null>;
|
|
2548
|
+
/** Visible label above the field. */
|
|
2549
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
2550
|
+
/** Accessible name when there is no visible {@link label}. */
|
|
2551
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
2552
|
+
/** Field text when no range is selected. */
|
|
2553
|
+
readonly placeholder: _angular_core.InputSignal<string>;
|
|
2554
|
+
/** Accessible name of the overlay dialog. */
|
|
2555
|
+
readonly panelLabel: _angular_core.InputSignal<string>;
|
|
2556
|
+
/** Heading (and group name) of the presets column. */
|
|
2557
|
+
readonly presetsLabel: _angular_core.InputSignal<string>;
|
|
2558
|
+
/** Caption of the pending start date in the panel footer. */
|
|
2559
|
+
readonly startLabel: _angular_core.InputSignal<string>;
|
|
2560
|
+
/** Caption of the pending end date in the panel footer. */
|
|
2561
|
+
readonly endLabel: _angular_core.InputSignal<string>;
|
|
2562
|
+
/** Text of the footer's apply action. */
|
|
2563
|
+
readonly applyLabel: _angular_core.InputSignal<string>;
|
|
2564
|
+
/** Text of the footer's cancel action. */
|
|
2565
|
+
readonly cancelLabel: _angular_core.InputSignal<string>;
|
|
2566
|
+
/** Accessible name of the calendar group (forwarded to `<sds-range-calendar>`). */
|
|
2567
|
+
readonly calendarLabel: _angular_core.InputSignal<string>;
|
|
2568
|
+
/** Accessible name of the icon-only "previous month" button. */
|
|
2569
|
+
readonly previousLabel: _angular_core.InputSignal<string>;
|
|
2570
|
+
/** Accessible name of the icon-only "next month" button. */
|
|
2571
|
+
readonly nextLabel: _angular_core.InputSignal<string>;
|
|
2572
|
+
/** Emits the preset `id` when a preset is chosen (after `value` has been updated). */
|
|
2573
|
+
readonly presetSelect: _angular_core.OutputEmitterRef<string>;
|
|
2574
|
+
protected readonly open: _angular_core.WritableSignal<boolean>;
|
|
2575
|
+
protected readonly pendingStart: _angular_core.WritableSignal<Date | null>;
|
|
2576
|
+
protected readonly pendingEnd: _angular_core.WritableSignal<Date | null>;
|
|
2577
|
+
private readonly calendar;
|
|
2578
|
+
private readonly trigger;
|
|
2579
|
+
/** The overlay panel, relocated to document.body while open. */
|
|
2580
|
+
private panelEl;
|
|
2581
|
+
/** Id of the preset the current value equals, or `null` (no value, or a custom range). */
|
|
2582
|
+
readonly activePresetId: _angular_core.Signal<string | null>;
|
|
2583
|
+
protected readonly pendingPresetId: _angular_core.Signal<string | null>;
|
|
2584
|
+
protected readonly displayValue: _angular_core.Signal<string>;
|
|
2585
|
+
private readonly dayFmt;
|
|
2586
|
+
protected readonly pendingStartText: _angular_core.Signal<string>;
|
|
2587
|
+
protected readonly pendingEndText: _angular_core.Signal<string>;
|
|
2588
|
+
protected readonly canApply: _angular_core.Signal<boolean>;
|
|
2589
|
+
protected readonly triggerClasses: _angular_core.Signal<string>;
|
|
2590
|
+
protected readonly cancelBtn = "rounded-control px-3 py-1.5 text-sm font-medium text-ink-soft hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500";
|
|
2591
|
+
protected readonly applyBtn = "rounded-control bg-brand-600 px-3 py-1.5 text-sm font-semibold text-white hover:bg-brand-700 dark:hover:bg-[color:var(--sds-dark-primary-hover,var(--color-brand-700))] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-1 focus-visible:ring-offset-surface disabled:cursor-not-allowed disabled:opacity-40";
|
|
2592
|
+
protected presetClass(active: boolean): string;
|
|
2593
|
+
private presetIdFor;
|
|
2594
|
+
protected toggle(event?: Event): void;
|
|
2595
|
+
protected onTriggerArrowDown(event: Event): void;
|
|
2596
|
+
protected openPanel(): void;
|
|
2597
|
+
/** Close the panel, discarding a pending (un-applied) custom range. */
|
|
2598
|
+
protected close(returnFocus?: boolean): void;
|
|
2599
|
+
protected choosePreset(p: SdsDateRangePreset): void;
|
|
2600
|
+
protected apply(): void;
|
|
2601
|
+
/**
|
|
2602
|
+
* Escape closes the panel and consumes the event while it is open, so an ancestor modal does not
|
|
2603
|
+
* also dismiss on the same keystroke. When closed, the event passes through.
|
|
2604
|
+
*/
|
|
2605
|
+
protected onEscape(event: Event): void;
|
|
2606
|
+
/**
|
|
2607
|
+
* Self-contained Tab trap for the overlay. The panel lives in document.body, outside any ancestor
|
|
2608
|
+
* modal's focus trap; this keeps Tab / Shift+Tab cycling within the panel's own focusables.
|
|
2609
|
+
*/
|
|
2610
|
+
protected onPanelKeydown(event: KeyboardEvent): void;
|
|
2611
|
+
protected onDocumentClick(event: MouseEvent): void;
|
|
2612
|
+
private readonly reflow;
|
|
2613
|
+
private listening;
|
|
2614
|
+
private addReflowListeners;
|
|
2615
|
+
private removeReflowListeners;
|
|
2616
|
+
private positionPanel;
|
|
2617
|
+
ngOnDestroy(): void;
|
|
2618
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsDateRangePicker, never>;
|
|
2619
|
+
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>;
|
|
2620
|
+
}
|
|
2621
|
+
|
|
2343
2622
|
/**
|
|
2344
2623
|
* Context handed to a custom option template. Lets consumers destructure with
|
|
2345
2624
|
* `let-option`, `let-selected="selected"`, `let-label="label"`, etc., with full
|
|
@@ -3084,7 +3363,7 @@ declare class SdsAddressAutocomplete implements ControlValueAccessor, OnDestroy
|
|
|
3084
3363
|
readonly appearance: _angular_core.InputSignal<SdsAddressAutocompleteAppearance>;
|
|
3085
3364
|
readonly shape: _angular_core.InputSignal<SdsAddressAutocompleteShape>;
|
|
3086
3365
|
/** Decorative icon at the start of the field; `null` for none. */
|
|
3087
|
-
readonly leadingIcon: _angular_core.InputSignal<"chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "
|
|
3366
|
+
readonly leadingIcon: _angular_core.InputSignal<"search" | "filter" | "chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "copy" | "type" | "tag" | "ticket" | "square" | "square-check" | "circle-dot" | "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" | "chevrons-up" | "chevrons-down" | "star" | "message-square" | "table" | "qr-code" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "file-check" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "locate-fixed" | "locate-off" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | "triangle-alert" | "octagon-x" | "ban" | "ellipsis" | "ellipsis-vertical" | "grip-vertical" | "upload" | "image" | "image-off" | "utensils" | "zoom-in" | "zoom-out" | "trash-2" | "clock" | "pencil" | "circle-help" | "stock" | "allergen-cereals-gluten" | "allergen-crustaceans" | "allergen-eggs" | "allergen-fish" | "allergen-peanuts" | "allergen-soybeans" | "allergen-milk" | "allergen-nuts" | "allergen-celery" | "allergen-mustard" | "allergen-sesame" | "allergen-sulphites" | "allergen-lupin" | "allergen-molluscs" | null>;
|
|
3088
3367
|
readonly useLocationText: _angular_core.InputSignal<string>;
|
|
3089
3368
|
readonly locatingText: _angular_core.InputSignal<string>;
|
|
3090
3369
|
readonly locateFailedText: _angular_core.InputSignal<string>;
|
|
@@ -3466,7 +3745,7 @@ declare class SdsTab implements OnInit, OnDestroy {
|
|
|
3466
3745
|
readonly value: _angular_core.InputSignal<SdsTabValue>;
|
|
3467
3746
|
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
3468
3747
|
/** An icon from the library registry, drawn before the label. */
|
|
3469
|
-
readonly icon: _angular_core.InputSignal<"chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "
|
|
3748
|
+
readonly icon: _angular_core.InputSignal<"search" | "filter" | "chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "copy" | "type" | "tag" | "ticket" | "square" | "square-check" | "circle-dot" | "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" | "chevrons-up" | "chevrons-down" | "star" | "message-square" | "table" | "qr-code" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "file-check" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "locate-fixed" | "locate-off" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | "triangle-alert" | "octagon-x" | "ban" | "ellipsis" | "ellipsis-vertical" | "grip-vertical" | "upload" | "image" | "image-off" | "utensils" | "zoom-in" | "zoom-out" | "trash-2" | "clock" | "pencil" | "circle-help" | "stock" | "allergen-cereals-gluten" | "allergen-crustaceans" | "allergen-eggs" | "allergen-fish" | "allergen-peanuts" | "allergen-soybeans" | "allergen-milk" | "allergen-nuts" | "allergen-celery" | "allergen-mustard" | "allergen-sesame" | "allergen-sulphites" | "allergen-lupin" | "allergen-molluscs" | null>;
|
|
3470
3749
|
/** A count badge after the label (`null` / unset: none; `0` is shown). */
|
|
3471
3750
|
readonly count: _angular_core.InputSignal<string | number | null>;
|
|
3472
3751
|
protected readonly active: _angular_core.Signal<boolean>;
|
|
@@ -4525,7 +4804,7 @@ declare class SdsNavGroup {
|
|
|
4525
4804
|
/** Turn the label into an expand/collapse control. */
|
|
4526
4805
|
readonly collapsible: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
4527
4806
|
/** Icon for a collapsible header, so it reads at the same weight as the items it sits among. */
|
|
4528
|
-
readonly icon: _angular_core.InputSignal<"chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "
|
|
4807
|
+
readonly icon: _angular_core.InputSignal<"search" | "filter" | "chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "copy" | "type" | "tag" | "ticket" | "square" | "square-check" | "circle-dot" | "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" | "chevrons-up" | "chevrons-down" | "star" | "message-square" | "table" | "qr-code" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "file-check" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "locate-fixed" | "locate-off" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | "triangle-alert" | "octagon-x" | "ban" | "ellipsis" | "ellipsis-vertical" | "grip-vertical" | "upload" | "image" | "image-off" | "utensils" | "zoom-in" | "zoom-out" | "trash-2" | "clock" | "pencil" | "circle-help" | "stock" | "allergen-cereals-gluten" | "allergen-crustaceans" | "allergen-eggs" | "allergen-fish" | "allergen-peanuts" | "allergen-soybeans" | "allergen-milk" | "allergen-nuts" | "allergen-celery" | "allergen-mustard" | "allergen-sesame" | "allergen-sulphites" | "allergen-lupin" | "allergen-molluscs" | null>;
|
|
4529
4808
|
/**
|
|
4530
4809
|
* URL prefix owned by this group, e.g. `/payments`. While the active route starts with it the
|
|
4531
4810
|
* group counts as active and opens itself — unless the person has explicitly toggled it since.
|
|
@@ -4590,7 +4869,7 @@ type SdsNavItemBadgeTone = 'brand' | 'danger' | 'neutral';
|
|
|
4590
4869
|
*/
|
|
4591
4870
|
declare class SdsNavItem {
|
|
4592
4871
|
protected readonly store: SidebarStore;
|
|
4593
|
-
readonly icon: _angular_core.InputSignal<"chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "
|
|
4872
|
+
readonly icon: _angular_core.InputSignal<"search" | "filter" | "chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "copy" | "type" | "tag" | "ticket" | "square" | "square-check" | "circle-dot" | "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" | "chevrons-up" | "chevrons-down" | "star" | "message-square" | "table" | "qr-code" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "file-check" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "locate-fixed" | "locate-off" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | "triangle-alert" | "octagon-x" | "ban" | "ellipsis" | "ellipsis-vertical" | "grip-vertical" | "upload" | "image" | "image-off" | "utensils" | "zoom-in" | "zoom-out" | "trash-2" | "clock" | "pencil" | "circle-help" | "stock" | "allergen-cereals-gluten" | "allergen-crustaceans" | "allergen-eggs" | "allergen-fish" | "allergen-peanuts" | "allergen-soybeans" | "allergen-milk" | "allergen-nuts" | "allergen-celery" | "allergen-mustard" | "allergen-sesame" | "allergen-sulphites" | "allergen-lupin" | "allergen-molluscs" | null>;
|
|
4594
4873
|
readonly label: _angular_core.InputSignal<string>;
|
|
4595
4874
|
/** Router link target; when null, the item behaves as a button. */
|
|
4596
4875
|
readonly link: _angular_core.InputSignal<string | unknown[] | null>;
|
|
@@ -4706,7 +4985,7 @@ type SdsMenuItemTone = 'default' | 'danger';
|
|
|
4706
4985
|
* <sds-menu-item icon="log-out" label="Sign out" tone="danger" (select)="signOut()" />
|
|
4707
4986
|
*/
|
|
4708
4987
|
declare class SdsMenuItem {
|
|
4709
|
-
readonly icon: _angular_core.InputSignal<"chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "
|
|
4988
|
+
readonly icon: _angular_core.InputSignal<"search" | "filter" | "chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "copy" | "type" | "tag" | "ticket" | "square" | "square-check" | "circle-dot" | "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" | "chevrons-up" | "chevrons-down" | "star" | "message-square" | "table" | "qr-code" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "file-check" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "locate-fixed" | "locate-off" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | "triangle-alert" | "octagon-x" | "ban" | "ellipsis" | "ellipsis-vertical" | "grip-vertical" | "upload" | "image" | "image-off" | "utensils" | "zoom-in" | "zoom-out" | "trash-2" | "clock" | "pencil" | "circle-help" | "stock" | "allergen-cereals-gluten" | "allergen-crustaceans" | "allergen-eggs" | "allergen-fish" | "allergen-peanuts" | "allergen-soybeans" | "allergen-milk" | "allergen-nuts" | "allergen-celery" | "allergen-mustard" | "allergen-sesame" | "allergen-sulphites" | "allergen-lupin" | "allergen-molluscs" | null>;
|
|
4710
4989
|
readonly label: _angular_core.InputSignal<string>;
|
|
4711
4990
|
/** Router link target for an in-app route; when null (default) the item is not a Router link. */
|
|
4712
4991
|
readonly link: _angular_core.InputSignal<string | unknown[] | null>;
|
|
@@ -5061,10 +5340,115 @@ interface SdsChartPointEvent<T = any> {
|
|
|
5061
5340
|
/** The row dimension (heatmap). */
|
|
5062
5341
|
y?: SdsXValue;
|
|
5063
5342
|
}
|
|
5343
|
+
/** Direction of a KPI change. */
|
|
5344
|
+
type SdsTrendDirection = 'up' | 'down' | 'flat';
|
|
5345
|
+
/** What `SdsChartLabels.kpiChange` receives to build the KPI's spoken change sentence. */
|
|
5346
|
+
interface SdsKpiChangeText {
|
|
5347
|
+
direction: SdsTrendDirection;
|
|
5348
|
+
/** The formatted change WITHOUT its sign, e.g. `12.4%` (empty when `flat`). */
|
|
5349
|
+
delta: string;
|
|
5350
|
+
/** The KPI's `deltaLabel` (e.g. "vs last week"), or `''`. */
|
|
5351
|
+
period: string;
|
|
5352
|
+
/** Whether the change is good news (`upIsGood`); `null` when flat. */
|
|
5353
|
+
good: boolean | null;
|
|
5354
|
+
}
|
|
5355
|
+
/** What `SdsChartLabels.sparklineSummary` receives (numbers already formatted). */
|
|
5356
|
+
interface SdsSparklineSummaryText {
|
|
5357
|
+
/** The sparkline's `label` ('' when none — use `trend` then). */
|
|
5358
|
+
label: string;
|
|
5359
|
+
first: string;
|
|
5360
|
+
last: string;
|
|
5361
|
+
min: string;
|
|
5362
|
+
max: string;
|
|
5363
|
+
count: number;
|
|
5364
|
+
}
|
|
5365
|
+
/**
|
|
5366
|
+
* Every built-in string of the chart family — visible text (empty state, table toggle, table headers,
|
|
5367
|
+
* tooltips) and accessible text (summaries, role descriptions, live announcements). English defaults
|
|
5368
|
+
* ({@link SDS_CHART_LABELS_EN}); translate them once with `provideSdsCharts({ labels })`. Per-chart
|
|
5369
|
+
* inputs (`emptyText`, `otherLabel`, `centerLabel`, `valueLabel`, `rootLabel`, `sizeLabel`) still
|
|
5370
|
+
* override these for one chart.
|
|
5371
|
+
*/
|
|
5372
|
+
interface SdsChartLabels {
|
|
5373
|
+
/** Accessible name of the legend list. */
|
|
5374
|
+
legend: string;
|
|
5375
|
+
/** Table-toggle button text while the chart shows. */
|
|
5376
|
+
showTable: string;
|
|
5377
|
+
/** Table-toggle button text while the table shows. */
|
|
5378
|
+
showChart: string;
|
|
5379
|
+
/** Empty-state text (no data). */
|
|
5380
|
+
empty: string;
|
|
5381
|
+
/** A heatmap cell without a value (tooltip). */
|
|
5382
|
+
noData: string;
|
|
5383
|
+
/** `aria-roledescription` of the chart surfaces. */
|
|
5384
|
+
chartRole: string;
|
|
5385
|
+
/** `aria-roledescription` of the heatmap matrix. */
|
|
5386
|
+
heatmapRole: string;
|
|
5387
|
+
/** Default names used in the generated summaries when there is no `heading`. */
|
|
5388
|
+
lineChart: string;
|
|
5389
|
+
barChart: string;
|
|
5390
|
+
donutChart: string;
|
|
5391
|
+
scatterChart: string;
|
|
5392
|
+
heatmap: string;
|
|
5393
|
+
treemap: string;
|
|
5394
|
+
/** Accessible name of the treemap breadcrumb. */
|
|
5395
|
+
breadcrumb: string;
|
|
5396
|
+
/** Spoken name of a sparkline without a `label`. */
|
|
5397
|
+
trend: string;
|
|
5398
|
+
/** Table header of the category column (bar / line / donut). */
|
|
5399
|
+
category: string;
|
|
5400
|
+
/** Table header of a time x column (line). */
|
|
5401
|
+
date: string;
|
|
5402
|
+
/** Name of a measure (donut / treemap table, treemap tooltip, heatmap default `valueLabel`). */
|
|
5403
|
+
value: string;
|
|
5404
|
+
/** Table header of the share-of-total column (donut / treemap). */
|
|
5405
|
+
share: string;
|
|
5406
|
+
/** Table header of the treemap's leaf column. */
|
|
5407
|
+
item: string;
|
|
5408
|
+
/** Table header of the scatter's group column. */
|
|
5409
|
+
group: string;
|
|
5410
|
+
/** Default scatter `sizeLabel` (bubble size). */
|
|
5411
|
+
size: string;
|
|
5412
|
+
/** Donut centre default and the stacked-tooltip footer. */
|
|
5413
|
+
total: string;
|
|
5414
|
+
/** Default donut `otherLabel` (the folded tail). */
|
|
5415
|
+
other: string;
|
|
5416
|
+
/** Default treemap `rootLabel` (breadcrumb root). */
|
|
5417
|
+
all: string;
|
|
5418
|
+
/** Treemap tooltip row: the tile's share of the whole. */
|
|
5419
|
+
shareOfTotal: string;
|
|
5420
|
+
/** Treemap tooltip row: the tile's share of its parent branch. */
|
|
5421
|
+
shareOf: (parent: string) => string;
|
|
5422
|
+
/** One "label: value" pair in spoken readouts (French typography wants `label : value`). */
|
|
5423
|
+
labelValue: (label: string, value: string) => string;
|
|
5424
|
+
/** Donut summary, e.g. "5 slices". */
|
|
5425
|
+
sliceCount: (count: number) => string;
|
|
5426
|
+
/** Donut / treemap summary, e.g. "total 1,284". */
|
|
5427
|
+
totalOf: (value: string) => string;
|
|
5428
|
+
/** Heatmap summary, e.g. "7 rows × 24 columns". */
|
|
5429
|
+
gridSize: (rows: number, columns: number) => string;
|
|
5430
|
+
/** Treemap announcement, e.g. "12 items". */
|
|
5431
|
+
itemCount: (count: number) => string;
|
|
5432
|
+
/** Treemap summary / announcement while zoomed, e.g. "zoomed to Staff › Doctors". */
|
|
5433
|
+
zoomedTo: (path: string) => string;
|
|
5434
|
+
/** Scatter summary from its axis titles, e.g. "Length of stay vs Age". */
|
|
5435
|
+
versus: (y: string, x: string) => string;
|
|
5436
|
+
/** The sparkline's spoken summary. */
|
|
5437
|
+
sparklineSummary: (s: SdsSparklineSummaryText) => string;
|
|
5438
|
+
/** The KPI's spoken change, e.g. "up 12.4% vs last week, favourable". */
|
|
5439
|
+
kpiChange: (c: SdsKpiChangeText) => string;
|
|
5440
|
+
}
|
|
5441
|
+
/** English defaults of {@link SdsChartLabels}. Spread it to override a few keys. */
|
|
5442
|
+
declare const SDS_CHART_LABELS_EN: SdsChartLabels;
|
|
5064
5443
|
/** App-wide defaults for every chart. Provide once with `provideSdsCharts()`. */
|
|
5065
5444
|
interface SdsChartConfig {
|
|
5066
5445
|
/** BCP-47 locale for numbers and dates. A function may read a signal (it is tracked). */
|
|
5067
5446
|
locale?: string | (() => string);
|
|
5447
|
+
/**
|
|
5448
|
+
* Translations of the built-in strings (merged over {@link SDS_CHART_LABELS_EN}). A function may
|
|
5449
|
+
* read a signal (it is tracked), so returning the current language's labels switches them live.
|
|
5450
|
+
*/
|
|
5451
|
+
labels?: Partial<SdsChartLabels> | (() => Partial<SdsChartLabels>);
|
|
5068
5452
|
/** Turn entrance / update animation off everywhere. Reduced-motion users never get it anyway. */
|
|
5069
5453
|
animate?: boolean;
|
|
5070
5454
|
/** Replace the 8 categorical slots (CSS colours, `var(--x)` allowed). Validate any new order! */
|
|
@@ -5075,7 +5459,12 @@ declare const SDS_CHART_CONFIG: InjectionToken<SdsChartConfig>;
|
|
|
5075
5459
|
* App-wide chart defaults.
|
|
5076
5460
|
*
|
|
5077
5461
|
* @example
|
|
5078
|
-
* providers: [
|
|
5462
|
+
* providers: [
|
|
5463
|
+
* provideSdsCharts({
|
|
5464
|
+
* locale: () => translate.currentLang(),
|
|
5465
|
+
* labels: () => (translate.currentLang() === 'fr' ? CHART_LABELS_FR : {}),
|
|
5466
|
+
* }),
|
|
5467
|
+
* ]
|
|
5079
5468
|
*/
|
|
5080
5469
|
declare function provideSdsCharts(config: SdsChartConfig): Provider;
|
|
5081
5470
|
|
|
@@ -5216,7 +5605,8 @@ declare class SdsLineChart<T = any> {
|
|
|
5216
5605
|
readonly animate: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5217
5606
|
/** Hold the current render at reduced opacity while new data loads (no skeleton flash). */
|
|
5218
5607
|
readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5219
|
-
|
|
5608
|
+
/** Empty-state text. Default (`null`): the configured `labels.empty` ("No data to display"). */
|
|
5609
|
+
readonly emptyText: _angular_core.InputSignal<string | null>;
|
|
5220
5610
|
/** Show a button that swaps the plot for its data table. */
|
|
5221
5611
|
readonly tableToggle: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5222
5612
|
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
@@ -5234,6 +5624,8 @@ declare class SdsLineChart<T = any> {
|
|
|
5234
5624
|
private readonly pointerY;
|
|
5235
5625
|
private readonly width;
|
|
5236
5626
|
private readonly loc;
|
|
5627
|
+
/** Built-in strings (provideSdsCharts labels over the English defaults). */
|
|
5628
|
+
protected readonly text: _angular_core.Signal<_besaitech_ng_design_system.SdsChartLabels>;
|
|
5237
5629
|
private readonly animates;
|
|
5238
5630
|
private readonly palette;
|
|
5239
5631
|
protected readonly stacked: _angular_core.Signal<boolean>;
|
|
@@ -5307,7 +5699,7 @@ declare class SdsLineChart<T = any> {
|
|
|
5307
5699
|
protected onClick(): void;
|
|
5308
5700
|
protected onKey(event: KeyboardEvent): void;
|
|
5309
5701
|
protected toggleSeries(key: string): void;
|
|
5310
|
-
protected readonly legendPosition: _angular_core.Signal<"none" | "
|
|
5702
|
+
protected readonly legendPosition: _angular_core.Signal<"none" | "top" | "bottom" | "right">;
|
|
5311
5703
|
protected readonly legendItems: _angular_core.Signal<LegendItem[]>;
|
|
5312
5704
|
protected readonly label: _angular_core.Signal<string>;
|
|
5313
5705
|
protected readonly table: _angular_core.Signal<ChartTable>;
|
|
@@ -5374,7 +5766,8 @@ declare class SdsBarChart<T = any> {
|
|
|
5374
5766
|
readonly tooltip: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5375
5767
|
readonly animate: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5376
5768
|
readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5377
|
-
|
|
5769
|
+
/** Empty-state text. Default (`null`): the configured `labels.empty` ("No data to display"). */
|
|
5770
|
+
readonly emptyText: _angular_core.InputSignal<string | null>;
|
|
5378
5771
|
readonly tableToggle: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5379
5772
|
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
5380
5773
|
readonly hidden: _angular_core.ModelSignal<readonly string[]>;
|
|
@@ -5389,6 +5782,8 @@ declare class SdsBarChart<T = any> {
|
|
|
5389
5782
|
private readonly pointer;
|
|
5390
5783
|
private readonly width;
|
|
5391
5784
|
private readonly loc;
|
|
5785
|
+
/** Built-in strings (provideSdsCharts labels over the English defaults). */
|
|
5786
|
+
protected readonly text: _angular_core.Signal<_besaitech_ng_design_system.SdsChartLabels>;
|
|
5392
5787
|
private readonly animates;
|
|
5393
5788
|
private readonly palette;
|
|
5394
5789
|
private readonly horizontal;
|
|
@@ -5484,7 +5879,7 @@ declare class SdsBarChart<T = any> {
|
|
|
5484
5879
|
protected onClick(index: number, event?: MouseEvent): void;
|
|
5485
5880
|
protected onKey(event: KeyboardEvent): void;
|
|
5486
5881
|
protected toggleSeries(key: string): void;
|
|
5487
|
-
protected readonly legendPosition: _angular_core.Signal<"none" | "
|
|
5882
|
+
protected readonly legendPosition: _angular_core.Signal<"none" | "top" | "bottom" | "right">;
|
|
5488
5883
|
protected readonly legendItems: _angular_core.Signal<LegendItem[]>;
|
|
5489
5884
|
protected readonly label: _angular_core.Signal<string>;
|
|
5490
5885
|
protected readonly table: _angular_core.Signal<ChartTable>;
|
|
@@ -5562,12 +5957,15 @@ declare class SdsScatterChart<T = any> {
|
|
|
5562
5957
|
readonly sizeFormat: _angular_core.InputSignal<SdsNumberFormat | null>;
|
|
5563
5958
|
readonly xLabel: _angular_core.InputSignal<string>;
|
|
5564
5959
|
readonly yLabel: _angular_core.InputSignal<string>;
|
|
5565
|
-
|
|
5960
|
+
/** Name of the bubble size (tooltip, table). Default (`null`): the configured `labels.size`. */
|
|
5961
|
+
readonly sizeLabel: _angular_core.InputSignal<string | null>;
|
|
5962
|
+
protected readonly sizeName: _angular_core.Signal<string>;
|
|
5566
5963
|
readonly locale: _angular_core.InputSignal<string | null>;
|
|
5567
5964
|
readonly tooltip: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5568
5965
|
readonly animate: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5569
5966
|
readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5570
|
-
|
|
5967
|
+
/** Empty-state text. Default (`null`): the configured `labels.empty` ("No data to display"). */
|
|
5968
|
+
readonly emptyText: _angular_core.InputSignal<string | null>;
|
|
5571
5969
|
readonly tableToggle: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5572
5970
|
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
5573
5971
|
/** Hidden group names (two-way bindable; the legend toggles them). */
|
|
@@ -5582,6 +5980,8 @@ declare class SdsScatterChart<T = any> {
|
|
|
5582
5980
|
protected onBlur(): void;
|
|
5583
5981
|
private readonly width;
|
|
5584
5982
|
private readonly loc;
|
|
5983
|
+
/** Built-in strings (provideSdsCharts labels over the English defaults). */
|
|
5984
|
+
protected readonly text: _angular_core.Signal<_besaitech_ng_design_system.SdsChartLabels>;
|
|
5585
5985
|
private readonly animates;
|
|
5586
5986
|
private readonly palette;
|
|
5587
5987
|
protected readonly bubbles: _angular_core.Signal<boolean>;
|
|
@@ -5652,7 +6052,7 @@ declare class SdsScatterChart<T = any> {
|
|
|
5652
6052
|
/** Arrow keys step through the points in x order. */
|
|
5653
6053
|
protected onKey(event: KeyboardEvent): void;
|
|
5654
6054
|
protected toggleGroup(name: string): void;
|
|
5655
|
-
protected readonly legendPosition: _angular_core.Signal<"none" | "
|
|
6055
|
+
protected readonly legendPosition: _angular_core.Signal<"none" | "top" | "bottom" | "right">;
|
|
5656
6056
|
protected readonly legendItems: _angular_core.Signal<LegendItem[]>;
|
|
5657
6057
|
protected readonly label: _angular_core.Signal<string>;
|
|
5658
6058
|
protected readonly table: _angular_core.Signal<ChartTable>;
|
|
@@ -5666,10 +6066,10 @@ type SdsDonutVariant = 'donut' | 'pie';
|
|
|
5666
6066
|
type SdsDonutLegendValue = 'percent' | 'value' | 'both' | 'none';
|
|
5667
6067
|
/** Slice order: `desc` = largest first, `none` = data order. */
|
|
5668
6068
|
type SdsDonutSort = 'desc' | 'none';
|
|
5669
|
-
/** Key of the folded "
|
|
6069
|
+
/** Key of the folded "Other" slice — in `hidden` and in `pointClick.key`. */
|
|
5670
6070
|
declare const SDS_DONUT_OTHER_KEY = "__sds_other__";
|
|
5671
6071
|
/**
|
|
5672
|
-
* Donut, pie and half-donut for part-to-whole at a glance. Small tails fold into "
|
|
6072
|
+
* Donut, pie and half-donut for part-to-whole at a glance. Small tails fold into "Other" past
|
|
5673
6073
|
* `maxSlices` (a pie stops reading beyond ~6 parts), the legend doubles as direct labels with each
|
|
5674
6074
|
* share, the centre states the total and swaps to the hovered slice, slices separate with a
|
|
5675
6075
|
* constant 2 px gap, and the whole thing is keyboard-navigable with a data-table twin. Colour follows
|
|
@@ -5695,15 +6095,20 @@ declare class SdsDonutChart<T = any> {
|
|
|
5695
6095
|
readonly height: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
5696
6096
|
/** Ring thickness in px. Defaults to ~26 % of the radius. */
|
|
5697
6097
|
readonly thickness: _angular_core.InputSignalWithTransform<number | null, unknown>;
|
|
5698
|
-
/** Beyond this many slices the smallest fold into one "
|
|
6098
|
+
/** Beyond this many slices the smallest fold into one "Other" slice. */
|
|
5699
6099
|
readonly maxSlices: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
5700
|
-
|
|
6100
|
+
/** Name of the folded tail slice. Default (`null`): the configured `labels.other` ("Other"). */
|
|
6101
|
+
readonly otherLabel: _angular_core.InputSignal<string | null>;
|
|
5701
6102
|
/** `desc` (default) orders slices largest first; `none` keeps the data order. */
|
|
5702
6103
|
readonly sort: _angular_core.InputSignal<SdsDonutSort>;
|
|
5703
6104
|
/** `auto` = right of the ring (below it on narrow containers). */
|
|
5704
6105
|
readonly legend: _angular_core.InputSignal<SdsChartLegend>;
|
|
5705
6106
|
readonly legendValue: _angular_core.InputSignal<SdsDonutLegendValue>;
|
|
5706
|
-
/**
|
|
6107
|
+
/**
|
|
6108
|
+
* Headline in the hole. Default (`null`): the configured `labels.total` ("Total"). An empty string
|
|
6109
|
+
* `''` hides the centre readout entirely (label and figure — what `null` did before 0.0.67), and the
|
|
6110
|
+
* hover tooltip takes over.
|
|
6111
|
+
*/
|
|
5707
6112
|
readonly centerLabel: _angular_core.InputSignal<string | null>;
|
|
5708
6113
|
/** Override the centre figure (e.g. "72 %" for a completion donut). */
|
|
5709
6114
|
readonly centerValue: _angular_core.InputSignal<string | null>;
|
|
@@ -5712,10 +6117,11 @@ declare class SdsDonutChart<T = any> {
|
|
|
5712
6117
|
readonly tooltip: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5713
6118
|
readonly animate: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5714
6119
|
readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5715
|
-
|
|
6120
|
+
/** Empty-state text. Default (`null`): the configured `labels.empty` ("No data to display"). */
|
|
6121
|
+
readonly emptyText: _angular_core.InputSignal<string | null>;
|
|
5716
6122
|
readonly tableToggle: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5717
6123
|
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
5718
|
-
/** Hidden slice keys (category names, or the "
|
|
6124
|
+
/** Hidden slice keys (category names, or the "Other" slice). Two-way bindable. */
|
|
5719
6125
|
readonly hidden: _angular_core.ModelSignal<readonly string[]>;
|
|
5720
6126
|
readonly pointClick: _angular_core.OutputEmitterRef<SdsChartPointEvent<T>>;
|
|
5721
6127
|
protected readonly customTooltip: _angular_core.Signal<SdsChartTooltip | undefined>;
|
|
@@ -5730,11 +6136,13 @@ declare class SdsDonutChart<T = any> {
|
|
|
5730
6136
|
}>;
|
|
5731
6137
|
private readonly width;
|
|
5732
6138
|
private readonly loc;
|
|
6139
|
+
/** Built-in strings (provideSdsCharts labels over the English defaults). */
|
|
6140
|
+
protected readonly text: _angular_core.Signal<_besaitech_ng_design_system.SdsChartLabels>;
|
|
5733
6141
|
private readonly animates;
|
|
5734
6142
|
private readonly palette;
|
|
5735
6143
|
private readonly fmt;
|
|
5736
6144
|
private readonly pct;
|
|
5737
|
-
/** Slices after grouping, sorting and folding the tail into "
|
|
6145
|
+
/** Slices after grouping, sorting and folding the tail into "Other". */
|
|
5738
6146
|
private readonly slices;
|
|
5739
6147
|
private readonly visible;
|
|
5740
6148
|
private readonly total;
|
|
@@ -5776,7 +6184,7 @@ declare class SdsDonutChart<T = any> {
|
|
|
5776
6184
|
protected readonly tooltipCtx: _angular_core.Signal<SdsChartTooltipContext<T> | null>;
|
|
5777
6185
|
/** Spoken readout — from the full label (the centre one is truncated to fit the hole). */
|
|
5778
6186
|
protected readonly liveText: _angular_core.Signal<string>;
|
|
5779
|
-
protected readonly legendPosition: _angular_core.Signal<"none" | "
|
|
6187
|
+
protected readonly legendPosition: _angular_core.Signal<"none" | "top" | "bottom" | "right">;
|
|
5780
6188
|
protected hover(key: string, event: PointerEvent): void;
|
|
5781
6189
|
protected track(event: PointerEvent): void;
|
|
5782
6190
|
protected emit(key: string): void;
|
|
@@ -5831,8 +6239,8 @@ declare class SdsHeatmap<T = any> {
|
|
|
5831
6239
|
readonly valueFormat: _angular_core.InputSignal<SdsNumberFormat | null>;
|
|
5832
6240
|
/** Format of the column / row labels (a function; dates default to their day). */
|
|
5833
6241
|
readonly xFormat: _angular_core.InputSignal<SdsXFormat | null>;
|
|
5834
|
-
/** Name of the measure in the tooltip (e.g. "
|
|
5835
|
-
readonly valueLabel: _angular_core.InputSignal<string>;
|
|
6242
|
+
/** Name of the measure in the tooltip (e.g. "Arrivals"). Default (`null`): `labels.value`. */
|
|
6243
|
+
readonly valueLabel: _angular_core.InputSignal<string | null>;
|
|
5836
6244
|
/** Column-axis title, drawn under the matrix. */
|
|
5837
6245
|
readonly xLabel: _angular_core.InputSignal<string>;
|
|
5838
6246
|
/** Row-axis title, drawn vertically on the left (and the table's first column header). */
|
|
@@ -5842,7 +6250,8 @@ declare class SdsHeatmap<T = any> {
|
|
|
5842
6250
|
/** Cross-fade cell colours when the data changes. */
|
|
5843
6251
|
readonly animate: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5844
6252
|
readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5845
|
-
|
|
6253
|
+
/** Empty-state text. Default (`null`): the configured `labels.empty` ("No data to display"). */
|
|
6254
|
+
readonly emptyText: _angular_core.InputSignal<string | null>;
|
|
5846
6255
|
readonly tableToggle: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5847
6256
|
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
5848
6257
|
readonly pointClick: _angular_core.OutputEmitterRef<SdsChartPointEvent<T>>;
|
|
@@ -5853,6 +6262,8 @@ declare class SdsHeatmap<T = any> {
|
|
|
5853
6262
|
protected onBlur(): void;
|
|
5854
6263
|
private readonly width;
|
|
5855
6264
|
private readonly loc;
|
|
6265
|
+
/** Built-in strings (provideSdsCharts labels over the English defaults). */
|
|
6266
|
+
protected readonly text: _angular_core.Signal<_besaitech_ng_design_system.SdsChartLabels>;
|
|
5856
6267
|
protected readonly animates: _angular_core.Signal<boolean>;
|
|
5857
6268
|
private readonly fmt;
|
|
5858
6269
|
private readonly matrix;
|
|
@@ -5958,7 +6369,9 @@ declare class SdsTreemap {
|
|
|
5958
6369
|
/** Click a branch to zoom into it (with a breadcrumb back). */
|
|
5959
6370
|
readonly drilldown: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5960
6371
|
/** Name of the top of the breadcrumb. */
|
|
5961
|
-
|
|
6372
|
+
/** Default (`null`): the configured `labels.all` ("All"). */
|
|
6373
|
+
readonly rootLabel: _angular_core.InputSignal<string | null>;
|
|
6374
|
+
protected readonly rootName: _angular_core.Signal<string>;
|
|
5962
6375
|
/** Print the value under the name inside tiles large enough. */
|
|
5963
6376
|
readonly showValues: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5964
6377
|
/** `auto` = the branch legend below the tiles when there are two or more branches. */
|
|
@@ -5967,7 +6380,8 @@ declare class SdsTreemap {
|
|
|
5967
6380
|
readonly tooltip: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5968
6381
|
readonly animate: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5969
6382
|
readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5970
|
-
|
|
6383
|
+
/** Empty-state text. Default (`null`): the configured `labels.empty` ("No data to display"). */
|
|
6384
|
+
readonly emptyText: _angular_core.InputSignal<string | null>;
|
|
5971
6385
|
readonly tableToggle: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
5972
6386
|
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
5973
6387
|
/** A leaf tile was clicked (branches zoom instead while `drilldown` is on). `key` is the path "A › B". */
|
|
@@ -5984,6 +6398,8 @@ declare class SdsTreemap {
|
|
|
5984
6398
|
}>;
|
|
5985
6399
|
protected readonly width: _angular_core.Signal<number>;
|
|
5986
6400
|
private readonly loc;
|
|
6401
|
+
/** Built-in strings (provideSdsCharts labels over the English defaults). */
|
|
6402
|
+
protected readonly text: _angular_core.Signal<_besaitech_ng_design_system.SdsChartLabels>;
|
|
5987
6403
|
private readonly animates;
|
|
5988
6404
|
private readonly palette;
|
|
5989
6405
|
private readonly fmt;
|
|
@@ -6046,7 +6462,7 @@ declare class SdsTreemap {
|
|
|
6046
6462
|
protected activate(key: string): void;
|
|
6047
6463
|
protected onKey(event: KeyboardEvent): void;
|
|
6048
6464
|
protected readonly legendItems: _angular_core.Signal<LegendItem[]>;
|
|
6049
|
-
protected readonly legendPosition: _angular_core.Signal<"none" | "
|
|
6465
|
+
protected readonly legendPosition: _angular_core.Signal<"none" | "top" | "bottom" | "right">;
|
|
6050
6466
|
protected readonly label: _angular_core.Signal<string>;
|
|
6051
6467
|
protected readonly table: _angular_core.Signal<ChartTable>;
|
|
6052
6468
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsTreemap, never>;
|
|
@@ -6088,7 +6504,7 @@ declare class SdsSparkline {
|
|
|
6088
6504
|
readonly valueFormat: _angular_core.InputSignal<SdsNumberFormat | null>;
|
|
6089
6505
|
/** What the trend measures — prefixes the spoken summary. */
|
|
6090
6506
|
readonly label: _angular_core.InputSignal<string>;
|
|
6091
|
-
/** Replace the generated summary ("
|
|
6507
|
+
/** Replace the generated summary ("Trend: from 12 to 24 — min…", `labels.sparklineSummary`) entirely. */
|
|
6092
6508
|
readonly ariaLabel: _angular_core.InputSignal<string | null>;
|
|
6093
6509
|
readonly tooltip: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
6094
6510
|
readonly animate: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
@@ -6097,6 +6513,8 @@ declare class SdsSparkline {
|
|
|
6097
6513
|
protected readonly active: _angular_core.WritableSignal<number | null>;
|
|
6098
6514
|
private readonly measured;
|
|
6099
6515
|
private readonly loc;
|
|
6516
|
+
/** Built-in strings (provideSdsCharts labels over the English defaults). */
|
|
6517
|
+
private readonly text;
|
|
6100
6518
|
private readonly animates;
|
|
6101
6519
|
private readonly fmt;
|
|
6102
6520
|
private readonly palette;
|
|
@@ -6137,7 +6555,7 @@ declare class SdsSparkline {
|
|
|
6137
6555
|
y: number;
|
|
6138
6556
|
} | null>;
|
|
6139
6557
|
protected readonly tooltipCtx: _angular_core.Signal<SdsChartTooltipContext<any> | null>;
|
|
6140
|
-
/** "Admissions
|
|
6558
|
+
/** "Admissions: from 12 to 24 — min 12, max 24, 7 points" (`labels.sparklineSummary`). */
|
|
6141
6559
|
protected readonly summary: _angular_core.Signal<string>;
|
|
6142
6560
|
protected onPointer(event: PointerEvent): void;
|
|
6143
6561
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsSparkline, never>;
|
|
@@ -6176,7 +6594,7 @@ declare class SdsKpi {
|
|
|
6176
6594
|
readonly trendLabels: _angular_core.InputSignal<readonly string[] | null>;
|
|
6177
6595
|
readonly trendVariant: _angular_core.InputSignal<SdsSparklineVariant>;
|
|
6178
6596
|
readonly trendColor: _angular_core.InputSignal<string | null>;
|
|
6179
|
-
readonly icon: _angular_core.InputSignal<"chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "
|
|
6597
|
+
readonly icon: _angular_core.InputSignal<"search" | "filter" | "chart-column" | "chart-line" | "chart-bar" | "chart-area" | "chart-pie" | "chart-scatter" | "grid-3x3" | "activity" | "gauge" | "trending-up" | "trending-down" | "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" | "copy" | "type" | "tag" | "ticket" | "square" | "square-check" | "circle-dot" | "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" | "chevrons-up" | "chevrons-down" | "star" | "message-square" | "table" | "qr-code" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "file-check" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "locate-fixed" | "locate-off" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | "triangle-alert" | "octagon-x" | "ban" | "ellipsis" | "ellipsis-vertical" | "grip-vertical" | "upload" | "image" | "image-off" | "utensils" | "zoom-in" | "zoom-out" | "trash-2" | "clock" | "pencil" | "circle-help" | "stock" | "allergen-cereals-gluten" | "allergen-crustaceans" | "allergen-eggs" | "allergen-fish" | "allergen-peanuts" | "allergen-soybeans" | "allergen-milk" | "allergen-nuts" | "allergen-celery" | "allergen-mustard" | "allergen-sesame" | "allergen-sulphites" | "allergen-lupin" | "allergen-molluscs" | null>;
|
|
6180
6598
|
/** Shown under the value when there is no change to report. */
|
|
6181
6599
|
readonly hint: _angular_core.InputSignal<string>;
|
|
6182
6600
|
readonly size: _angular_core.InputSignal<SdsKpiSize>;
|
|
@@ -6184,6 +6602,8 @@ declare class SdsKpi {
|
|
|
6184
6602
|
readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
6185
6603
|
readonly locale: _angular_core.InputSignal<string | null>;
|
|
6186
6604
|
private readonly loc;
|
|
6605
|
+
/** Built-in strings (provideSdsCharts labels over the English defaults). */
|
|
6606
|
+
private readonly text;
|
|
6187
6607
|
protected readonly display: _angular_core.Signal<string>;
|
|
6188
6608
|
private readonly deltaValue;
|
|
6189
6609
|
/** The change, signed, with a tone that means good/bad — never colour alone (glyph + words). */
|
|
@@ -6198,5 +6618,5 @@ declare class SdsKpi {
|
|
|
6198
6618
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsKpi, "sds-kpi", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "previous": { "alias": "previous"; "required": false; "isSignal": true; }; "delta": { "alias": "delta"; "required": false; "isSignal": true; }; "deltaMode": { "alias": "deltaMode"; "required": false; "isSignal": true; }; "deltaLabel": { "alias": "deltaLabel"; "required": false; "isSignal": true; }; "upIsGood": { "alias": "upIsGood"; "required": false; "isSignal": true; }; "trend": { "alias": "trend"; "required": false; "isSignal": true; }; "trendLabels": { "alias": "trendLabels"; "required": false; "isSignal": true; }; "trendVariant": { "alias": "trendVariant"; "required": false; "isSignal": true; }; "trendColor": { "alias": "trendColor"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
6199
6619
|
}
|
|
6200
6620
|
|
|
6201
|
-
export { SDS_ALLERGENS, SDS_ALLERGEN_ICONS, SDS_ALLERGEN_LABELS_EN, SDS_CHART_CONFIG, SDS_DONUT_OTHER_KEY, 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, SdsAvatar, SdsBadge, SdsBarChart, SdsBulkBar, SdsButton, SdsCalendar, SdsCard, SdsChartTooltip, SdsCheckbox, SdsChecklistRow, SdsChip, SdsChipGroup, SdsDatePicker, SdsDonutChart, SdsEnvBanner, SdsFileDrop, SdsHeatmap, SdsIcon, SdsImageCropper, SdsInput, SdsInputNumber, SdsKpi, SdsLanguageSwitcher, SdsLineChart, SdsLocalizedInput, SdsMenu, SdsMenuItem, SdsMenuTrigger, SdsMultiSelect, SdsNavGroup, SdsNavItem, SdsOtpInput, SdsPaginator, SdsPhoneInput, SdsRadio, SdsScatterChart, SdsScore, SdsSearchCommand, SdsSegmented, SdsSelect, SdsSelectEmpty, SdsSelectFooter, SdsSelectOption, SdsShell, SdsSidebar, SdsSortableHandle, SdsSortableItem, SdsSortableList, SdsSparkline, SdsStatusTile, SdsTab, SdsTabList, SdsTabPanel, SdsTabPanels, SdsTable, SdsTableCell, SdsTableEmpty, SdsTableHeader, SdsTableRowExpansion, SdsTabs, SdsTabsStore, SdsTextarea, SdsThemeService, SdsThemeToggle, SdsTimeInput, SdsToastHost, SdsToastService, SdsToggleSwitch, SdsTopbar, SdsTreemap, SdsTriStateChip, SdsUserMenu, SidebarStore, addDays, addMonths, addMonthsKeepDay, appendUiPrefs, formatDdMmYyyy, formatHhMm, isOutOfRange, isSameDay, isSdsThemeMode, isoDay, pad2, provideSdsCharts, readUiPrefs, sdsFileMatchesAccept, sdsFormatBytes, sdsFormatNational, sdsMatchDialCode, sdsNormalizeSignificant, startOfDay, startOfMonth, stripUiPrefs };
|
|
6202
|
-
export type { SdsAccessor, SdsAccordionActive, SdsAccordionValue, SdsAddressAutocompleteAppearance, SdsAddressAutocompleteShape, SdsAddressAutocompleteSize, SdsAddressExtraContext, SdsAddressExtraPosition, SdsAddressLocateFn, SdsAddressSearchFn, SdsAddressSuggestion, SdsAllergen, SdsAvatarShape, SdsAvatarStatus, SdsBadgeSize, SdsBadgeVariant, SdsBarOrientation, SdsBarSort, SdsBulkBarPosition, SdsButtonShape, SdsButtonSize, SdsButtonVariant, SdsCardVariant, SdsChartAnnotation, SdsChartConfig, SdsChartGrid, SdsChartLegend, SdsChartPointEvent, SdsChartReferenceBand, SdsChartReferenceLine, SdsChartScale, SdsChartSeries, SdsChartStack, SdsChartTone, SdsChartTooltipContext, SdsChartTooltipRow, SdsChartXType, SdsCheckboxSize, SdsChecklistStatus, SdsChipOption, SdsChipSize, SdsCropRect, SdsDatePickerSize, SdsDonutLegendValue, SdsDonutSort, SdsDonutVariant, SdsEnvBannerEnv, SdsFileDropAppearance, SdsFileRejection, SdsFileRejectionReason, SdsHeatmapScheme, SdsIconName, SdsIconSize, SdsImageCropperBlobOptions, SdsImageCropperShape, SdsInputAppearance, SdsInputNumberAppearance, SdsInputNumberButtonLayout, SdsInputNumberCurrencyDisplay, SdsInputNumberMode, SdsInputNumberSize, SdsInputShape, SdsInputSize, SdsInputType, SdsKpiAppearance, SdsKpiDeltaMode, SdsKpiSize, SdsLanguageOption, SdsLanguageSwitcherAlign, SdsLanguageSwitcherAppearance, SdsLanguageSwitcherDirection, SdsLineCurve, SdsLineMarkers, SdsLocalizedInputSize, SdsLocalizedValue, SdsMenuAction, SdsMenuAlign, SdsMenuEntry, SdsMenuItemTone, SdsMenuSeparator, SdsMultiSelectDisplay, SdsMultiSelectSize, SdsNavItemBadgeTone, SdsNumberFormat, SdsOtpInputSize, SdsPaginatorSize, SdsPaginatorState, SdsPhoneCountry, SdsPhoneInputSize, SdsPhoneValue, SdsRadioSize, SdsScoreSize, SdsScoreTier, SdsScoreVariant, SdsSearchAppearance, SdsSearchItem, SdsSegmentedOption, SdsSegmentedSize, SdsSelectAppearance, SdsSelectEmptyContext, SdsSelectFooterContext, SdsSelectOptionContext, SdsSelectSize, SdsShellBackground, SdsSidebarAppearance, SdsSortOrder, SdsSortableAppearance, SdsSortableItemContext, SdsSortableReorderEvent, SdsSparklineVariant, 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, SdsTreemapNode, SdsTriState, SdsTriStateChipSize, SdsUiPrefs, SdsUserMenuAlign, SdsUserMenuAppearance, SdsXFormat, SdsXValue };
|
|
6621
|
+
export { SDS_ALLERGENS, SDS_ALLERGEN_ICONS, SDS_ALLERGEN_LABELS_EN, SDS_CHART_CONFIG, SDS_CHART_LABELS_EN, SDS_DONUT_OTHER_KEY, 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, SdsAvatar, SdsBadge, SdsBarChart, SdsBulkBar, SdsButton, SdsCalendar, SdsCard, SdsChartTooltip, SdsCheckbox, SdsChecklistRow, SdsChip, SdsChipGroup, SdsDatePicker, SdsDateRangePicker, SdsDonutChart, SdsEnvBanner, SdsFileDrop, SdsHeatmap, SdsIcon, SdsImageCropper, SdsInput, SdsInputNumber, SdsKpi, SdsLanguageSwitcher, SdsLineChart, SdsLocalizedInput, SdsMenu, SdsMenuItem, SdsMenuTrigger, SdsMultiSelect, SdsNavGroup, SdsNavItem, SdsOtpInput, SdsPaginator, SdsPhoneInput, SdsRadio, SdsRangeCalendar, SdsScatterChart, SdsScore, SdsSearchCommand, SdsSegmented, SdsSelect, SdsSelectEmpty, SdsSelectFooter, SdsSelectOption, SdsShell, SdsSidebar, SdsSortableHandle, SdsSortableItem, SdsSortableList, SdsSparkline, SdsStatusTile, SdsTab, SdsTabList, SdsTabPanel, SdsTabPanels, SdsTable, SdsTableCell, SdsTableEmpty, SdsTableHeader, SdsTableRowExpansion, SdsTabs, SdsTabsStore, SdsTextarea, SdsThemeService, SdsThemeToggle, SdsTimeInput, SdsToastHost, SdsToastService, SdsToggleSwitch, SdsTopbar, SdsTreemap, 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 };
|
|
6622
|
+
export type { SdsAccessor, SdsAccordionActive, SdsAccordionValue, SdsAddressAutocompleteAppearance, SdsAddressAutocompleteShape, SdsAddressAutocompleteSize, SdsAddressExtraContext, SdsAddressExtraPosition, SdsAddressLocateFn, SdsAddressSearchFn, SdsAddressSuggestion, SdsAllergen, SdsAvatarShape, SdsAvatarStatus, SdsBadgeSize, SdsBadgeVariant, SdsBarOrientation, SdsBarSort, SdsBulkBarPosition, SdsButtonShape, SdsButtonSize, SdsButtonVariant, SdsCardVariant, SdsChartAnnotation, SdsChartConfig, SdsChartGrid, SdsChartLabels, SdsChartLegend, SdsChartPointEvent, SdsChartReferenceBand, SdsChartReferenceLine, SdsChartScale, SdsChartSeries, SdsChartStack, SdsChartTone, SdsChartTooltipContext, SdsChartTooltipRow, SdsChartXType, SdsCheckboxSize, SdsChecklistStatus, SdsChipOption, SdsChipSize, SdsCropRect, SdsDatePickerSize, SdsDateRange, SdsDateRangePickerSize, SdsDateRangePreset, SdsDonutLegendValue, SdsDonutSort, SdsDonutVariant, SdsEnvBannerEnv, SdsFileDropAppearance, SdsFileRejection, SdsFileRejectionReason, SdsHeatmapScheme, SdsIconName, SdsIconSize, SdsImageCropperBlobOptions, SdsImageCropperShape, SdsInputAppearance, SdsInputNumberAppearance, SdsInputNumberButtonLayout, SdsInputNumberCurrencyDisplay, SdsInputNumberMode, SdsInputNumberSize, SdsInputShape, SdsInputSize, SdsInputType, SdsKpiAppearance, SdsKpiChangeText, SdsKpiDeltaMode, SdsKpiSize, SdsLanguageOption, SdsLanguageSwitcherAlign, SdsLanguageSwitcherAppearance, SdsLanguageSwitcherDirection, SdsLineCurve, SdsLineMarkers, SdsLocalizedInputSize, SdsLocalizedValue, SdsMenuAction, SdsMenuAlign, SdsMenuEntry, SdsMenuItemTone, SdsMenuSeparator, SdsMultiSelectDisplay, SdsMultiSelectSize, SdsNavItemBadgeTone, SdsNumberFormat, SdsOtpInputSize, SdsPaginatorSize, SdsPaginatorState, SdsPhoneCountry, SdsPhoneInputSize, SdsPhoneValue, SdsRadioSize, SdsScoreSize, SdsScoreTier, SdsScoreVariant, SdsSearchAppearance, SdsSearchItem, SdsSegmentedOption, SdsSegmentedSize, SdsSelectAppearance, SdsSelectEmptyContext, SdsSelectFooterContext, SdsSelectOptionContext, SdsSelectSize, SdsShellBackground, SdsSidebarAppearance, SdsSortOrder, SdsSortableAppearance, SdsSortableItemContext, SdsSortableReorderEvent, SdsSparklineSummaryText, SdsSparklineVariant, 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, SdsTreemapNode, SdsTrendDirection, SdsTriState, SdsTriStateChipSize, SdsUiPrefs, SdsUserMenuAlign, SdsUserMenuAppearance, SdsXFormat, SdsXValue };
|