@a.nemreen/dga-ui 0.3.13 → 0.3.14
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 +4 -0
- package/fesm2022/a.nemreen-dga-ui-chart.mjs +445 -0
- package/fesm2022/a.nemreen-dga-ui-chatbot.mjs +295 -0
- package/fesm2022/a.nemreen-dga-ui-dga-icon-registry-sBZfCS6q.mjs +1 -0
- package/fesm2022/a.nemreen-dga-ui-page-transition.mjs +1 -0
- package/fesm2022/a.nemreen-dga-ui-saudi-cities.mjs +1 -0
- package/fesm2022/a.nemreen-dga-ui.mjs +303 -949
- package/package.json +17 -1
- package/types/a.nemreen-dga-ui-chart.d.ts +157 -0
- package/types/a.nemreen-dga-ui-chatbot.d.ts +102 -0
- package/types/a.nemreen-dga-ui-cookies.d.ts +1 -2
- package/types/a.nemreen-dga-ui-page-transition.d.ts +51 -0
- package/types/a.nemreen-dga-ui-saudi-cities.d.ts +19 -0
- package/types/a.nemreen-dga-ui.d.ts +32 -336
|
@@ -5,53 +5,6 @@ import { ControlValueAccessor } from '@angular/forms';
|
|
|
5
5
|
export { ControlValueAccessor } from '@angular/forms';
|
|
6
6
|
import * as _a_nemreen_dga_ui from '@a.nemreen/dga-ui';
|
|
7
7
|
|
|
8
|
-
/** Creative named page transitions for `dga-page-transition`. */
|
|
9
|
-
declare const DGA_PAGE_TRANSITION_NAMES: readonly ["fade-up", "slide-stack", "curtain-wipe", "zoom-blur", "book-flip", "circle-reveal", "shared-axis", "glitch", "iris-open", "split-reveal", "stagger-cascade", "liquid-swipe", "push-depth", "skew-slide", "bounce-in", "film-strip", "portal-warp", "ripple-expand", "origami-fold", "swipe-cards", "none"];
|
|
10
|
-
type DgaPageTransitionName = (typeof DGA_PAGE_TRANSITION_NAMES)[number];
|
|
11
|
-
/**
|
|
12
|
-
* Easy page / content transition wrapper.
|
|
13
|
-
*
|
|
14
|
-
* ```html
|
|
15
|
-
* <dga-page-transition name="fade-up">
|
|
16
|
-
* <router-outlet />
|
|
17
|
-
* </dga-page-transition>
|
|
18
|
-
* ```
|
|
19
|
-
*
|
|
20
|
-
* Triggers: Angular `NavigationEnd`, or a change to `key` (playground / content swap).
|
|
21
|
-
* Progressive enhancement: sets `view-transition-name: dga-page` so apps using
|
|
22
|
-
* `withViewTransitions()` get named snapshot animations. Keyframe enter runs as fallback.
|
|
23
|
-
* Honors `prefers-reduced-motion` and DGA a11y `reduce-motion`.
|
|
24
|
-
*/
|
|
25
|
-
declare class DgaPageTransition {
|
|
26
|
-
private readonly host;
|
|
27
|
-
private readonly doc;
|
|
28
|
-
private readonly destroyRef;
|
|
29
|
-
private readonly router;
|
|
30
|
-
/** Named creative transition. Unknown values resolve to `none`. */
|
|
31
|
-
readonly name: _angular_core.InputSignal<string>;
|
|
32
|
-
/** Duration in milliseconds (also drives `--dga-pt-ms`). */
|
|
33
|
-
readonly duration: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
34
|
-
/** Skip all motion. */
|
|
35
|
-
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
36
|
-
/**
|
|
37
|
-
* Bump this to re-play the enter animation (content swaps / gallery playground).
|
|
38
|
-
* For View Transition snapshots, wrap the key update in `document.startViewTransition`.
|
|
39
|
-
*/
|
|
40
|
-
readonly key: _angular_core.InputSignal<string | number | null>;
|
|
41
|
-
readonly phase: _angular_core.WritableSignal<"idle" | "enter">;
|
|
42
|
-
readonly resolvedName: _angular_core.Signal<"none" | "fade-up" | "slide-stack" | "curtain-wipe" | "zoom-blur" | "book-flip" | "circle-reveal" | "shared-axis" | "glitch" | "iris-open" | "split-reveal" | "stagger-cascade" | "liquid-swipe" | "push-depth" | "skew-slide" | "bounce-in" | "film-strip" | "portal-warp" | "ripple-expand" | "origami-fold" | "swipe-cards">;
|
|
43
|
-
readonly durationCss: _angular_core.Signal<string>;
|
|
44
|
-
private htmlAttr;
|
|
45
|
-
private keyPrimed;
|
|
46
|
-
constructor();
|
|
47
|
-
/** Re-trigger the enter animation (e.g. from a Play control). */
|
|
48
|
-
play(): void;
|
|
49
|
-
protected onAnimationEnd(event: AnimationEvent): void;
|
|
50
|
-
private shouldReduceMotion;
|
|
51
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaPageTransition, never>;
|
|
52
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaPageTransition, "dga-page-transition", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "key": { "alias": "key"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
8
|
type DgaWritingEffect = 'typewriter' | 'glow';
|
|
56
9
|
/**
|
|
57
10
|
* Headline motion: typewriter reveal or soft glow / light sweep.
|
|
@@ -281,18 +234,12 @@ declare class DgaAvatar {
|
|
|
281
234
|
}
|
|
282
235
|
|
|
283
236
|
/**
|
|
284
|
-
*
|
|
285
|
-
*
|
|
286
|
-
*
|
|
287
|
-
* Content / editorial icons: opt into `@a.nemreen/dga-tokens/styles/icon-font.css` and use
|
|
288
|
-
* `<dga-icon glyph="search-01" />` (or `hgi-stroke hgi-{name}` classes).
|
|
289
|
-
*
|
|
290
|
-
* Regenerated by: node scripts/vendor-dga-icons.mjs
|
|
237
|
+
* Icon name union + RTL-flip set. Kept off the SVG registry so chrome
|
|
238
|
+
* components can import names without the full glyph map.
|
|
291
239
|
*/
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
declare const
|
|
295
|
-
declare const DGA_LOGICAL_ICON_NAMES: Set<DgaIconName>;
|
|
240
|
+
declare const DGA_ICON_NAMES: readonly ["access", "check", "close", "info", "helpCircle", "warning", "alertCircle", "error", "eye", "eyeOff", "eyeOffSlash", "filter", "success", "checkCircle", "checkCircleAlt", "chevronDown", "chevronLeft", "chevronRight", "arrowUp", "arrowDown", "arrowLeft", "arrowRight", "arrowUp02", "arrowDown02", "arrowLeft02", "arrowRight02", "arrowNext", "arrowPrev", "arrowNext02", "arrowPrev02", "shrink", "search", "user", "users", "menu", "menuAlt", "moreHorizontal", "moreVertical", "mic", "home", "download", "upload", "calendar", "calendarAlt", "clock", "star", "starFilled", "plus", "plusSign", "minus", "external", "bell", "bellAlt", "lock", "lockPassword", "logout", "idCard", "link", "linkAlt", "globe", "moon", "moonAlt", "sun", "sunAlt", "translation", "mail", "message", "phone", "building", "share", "refresh", "highlighter", "door", "zoomIn", "zoomOut", "sort", "sortUp", "sortDown", "tradeUp", "tradeDown", "paintBoard", "cloud", "sunCloud", "moonCloud", "rain", "rainZap", "snow", "wind", "desert", "cart", "award", "cookie", "x", "linkedin", "whatsapp", "book", "headphones", "devices", "badgeCheck", "riyal", "copy", "location", "folder", "printer", "instagram", "smartphone", "ambulance", "police", "fire", "facebook", "youtube", "apple", "playStore", "huawei", "textFont", "glasses", "heading", "mask", "pause", "textAlign", "letterSpacing", "textUnderline", "maximize", "colors", "colorPicker", "droplet", "disability", "wheelchair", "brain", "flash", "touch"];
|
|
241
|
+
type DgaIconName = (typeof DGA_ICON_NAMES)[number];
|
|
242
|
+
declare const DGA_LOGICAL_ICON_NAMES: Set<"success" | "info" | "warning" | "error" | "access" | "check" | "close" | "helpCircle" | "alertCircle" | "eye" | "eyeOff" | "eyeOffSlash" | "filter" | "checkCircle" | "checkCircleAlt" | "chevronDown" | "chevronLeft" | "chevronRight" | "arrowUp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp02" | "arrowDown02" | "arrowLeft02" | "arrowRight02" | "arrowNext" | "arrowPrev" | "arrowNext02" | "arrowPrev02" | "shrink" | "search" | "user" | "users" | "menu" | "menuAlt" | "moreHorizontal" | "moreVertical" | "mic" | "home" | "download" | "upload" | "calendar" | "calendarAlt" | "clock" | "star" | "starFilled" | "plus" | "plusSign" | "minus" | "external" | "bell" | "bellAlt" | "lock" | "lockPassword" | "logout" | "idCard" | "link" | "linkAlt" | "globe" | "moon" | "moonAlt" | "sun" | "sunAlt" | "translation" | "mail" | "message" | "phone" | "building" | "share" | "refresh" | "highlighter" | "door" | "zoomIn" | "zoomOut" | "sort" | "sortUp" | "sortDown" | "tradeUp" | "tradeDown" | "paintBoard" | "cloud" | "sunCloud" | "moonCloud" | "rain" | "rainZap" | "snow" | "wind" | "desert" | "cart" | "award" | "cookie" | "x" | "linkedin" | "whatsapp" | "book" | "headphones" | "devices" | "badgeCheck" | "riyal" | "copy" | "location" | "folder" | "printer" | "instagram" | "smartphone" | "ambulance" | "police" | "fire" | "facebook" | "youtube" | "apple" | "playStore" | "huawei" | "textFont" | "glasses" | "heading" | "mask" | "pause" | "textAlign" | "letterSpacing" | "textUnderline" | "maximize" | "colors" | "colorPicker" | "droplet" | "disability" | "wheelchair" | "brain" | "flash" | "touch">;
|
|
296
243
|
|
|
297
244
|
/**
|
|
298
245
|
* Platforms Code icon sizes (px):
|
|
@@ -306,11 +253,12 @@ type DgaIconTone = 'current' | 'primary' | 'muted' | 'success' | 'warning' | 'er
|
|
|
306
253
|
declare class DgaIcon {
|
|
307
254
|
private readonly sanitizer;
|
|
308
255
|
private readonly iconFont;
|
|
256
|
+
private readonly extraIcons;
|
|
309
257
|
/**
|
|
310
258
|
* Curated inline SVG name for chrome / controls.
|
|
311
259
|
* Required unless `glyph` is set.
|
|
312
260
|
*/
|
|
313
|
-
readonly name: _angular_core.InputSignal<
|
|
261
|
+
readonly name: _angular_core.InputSignal<"success" | "info" | "warning" | "error" | "access" | "check" | "close" | "helpCircle" | "alertCircle" | "eye" | "eyeOff" | "eyeOffSlash" | "filter" | "checkCircle" | "checkCircleAlt" | "chevronDown" | "chevronLeft" | "chevronRight" | "arrowUp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp02" | "arrowDown02" | "arrowLeft02" | "arrowRight02" | "arrowNext" | "arrowPrev" | "arrowNext02" | "arrowPrev02" | "shrink" | "search" | "user" | "users" | "menu" | "menuAlt" | "moreHorizontal" | "moreVertical" | "mic" | "home" | "download" | "upload" | "calendar" | "calendarAlt" | "clock" | "star" | "starFilled" | "plus" | "plusSign" | "minus" | "external" | "bell" | "bellAlt" | "lock" | "lockPassword" | "logout" | "idCard" | "link" | "linkAlt" | "globe" | "moon" | "moonAlt" | "sun" | "sunAlt" | "translation" | "mail" | "message" | "phone" | "building" | "share" | "refresh" | "highlighter" | "door" | "zoomIn" | "zoomOut" | "sort" | "sortUp" | "sortDown" | "tradeUp" | "tradeDown" | "paintBoard" | "cloud" | "sunCloud" | "moonCloud" | "rain" | "rainZap" | "snow" | "wind" | "desert" | "cart" | "award" | "cookie" | "x" | "linkedin" | "whatsapp" | "book" | "headphones" | "devices" | "badgeCheck" | "riyal" | "copy" | "location" | "folder" | "printer" | "instagram" | "smartphone" | "ambulance" | "police" | "fire" | "facebook" | "youtube" | "apple" | "playStore" | "huawei" | "textFont" | "glasses" | "heading" | "mask" | "pause" | "textAlign" | "letterSpacing" | "textUnderline" | "maximize" | "colors" | "colorPicker" | "droplet" | "disability" | "wheelchair" | "brain" | "flash" | "touch" | undefined>;
|
|
314
262
|
/**
|
|
315
263
|
* HugeIcons Stroke Rounded glyph id for content icons (e.g. `search-01`).
|
|
316
264
|
* Requires `@import '@a.nemreen/dga-tokens/styles/icon-font.css'`.
|
|
@@ -409,9 +357,9 @@ declare class DgaFormControl {
|
|
|
409
357
|
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
410
358
|
readonly filled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
411
359
|
/** Built-in leading icon (logical start). */
|
|
412
|
-
readonly startIcon: _angular_core.InputSignal<
|
|
360
|
+
readonly startIcon: _angular_core.InputSignal<"success" | "info" | "warning" | "error" | "access" | "check" | "close" | "helpCircle" | "alertCircle" | "eye" | "eyeOff" | "eyeOffSlash" | "filter" | "checkCircle" | "checkCircleAlt" | "chevronDown" | "chevronLeft" | "chevronRight" | "arrowUp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp02" | "arrowDown02" | "arrowLeft02" | "arrowRight02" | "arrowNext" | "arrowPrev" | "arrowNext02" | "arrowPrev02" | "shrink" | "search" | "user" | "users" | "menu" | "menuAlt" | "moreHorizontal" | "moreVertical" | "mic" | "home" | "download" | "upload" | "calendar" | "calendarAlt" | "clock" | "star" | "starFilled" | "plus" | "plusSign" | "minus" | "external" | "bell" | "bellAlt" | "lock" | "lockPassword" | "logout" | "idCard" | "link" | "linkAlt" | "globe" | "moon" | "moonAlt" | "sun" | "sunAlt" | "translation" | "mail" | "message" | "phone" | "building" | "share" | "refresh" | "highlighter" | "door" | "zoomIn" | "zoomOut" | "sort" | "sortUp" | "sortDown" | "tradeUp" | "tradeDown" | "paintBoard" | "cloud" | "sunCloud" | "moonCloud" | "rain" | "rainZap" | "snow" | "wind" | "desert" | "cart" | "award" | "cookie" | "x" | "linkedin" | "whatsapp" | "book" | "headphones" | "devices" | "badgeCheck" | "riyal" | "copy" | "location" | "folder" | "printer" | "instagram" | "smartphone" | "ambulance" | "police" | "fire" | "facebook" | "youtube" | "apple" | "playStore" | "huawei" | "textFont" | "glasses" | "heading" | "mask" | "pause" | "textAlign" | "letterSpacing" | "textUnderline" | "maximize" | "colors" | "colorPicker" | "droplet" | "disability" | "wheelchair" | "brain" | "flash" | "touch" | null>;
|
|
413
361
|
/** Built-in trailing icon (logical end). */
|
|
414
|
-
readonly endIcon: _angular_core.InputSignal<
|
|
362
|
+
readonly endIcon: _angular_core.InputSignal<"success" | "info" | "warning" | "error" | "access" | "check" | "close" | "helpCircle" | "alertCircle" | "eye" | "eyeOff" | "eyeOffSlash" | "filter" | "checkCircle" | "checkCircleAlt" | "chevronDown" | "chevronLeft" | "chevronRight" | "arrowUp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp02" | "arrowDown02" | "arrowLeft02" | "arrowRight02" | "arrowNext" | "arrowPrev" | "arrowNext02" | "arrowPrev02" | "shrink" | "search" | "user" | "users" | "menu" | "menuAlt" | "moreHorizontal" | "moreVertical" | "mic" | "home" | "download" | "upload" | "calendar" | "calendarAlt" | "clock" | "star" | "starFilled" | "plus" | "plusSign" | "minus" | "external" | "bell" | "bellAlt" | "lock" | "lockPassword" | "logout" | "idCard" | "link" | "linkAlt" | "globe" | "moon" | "moonAlt" | "sun" | "sunAlt" | "translation" | "mail" | "message" | "phone" | "building" | "share" | "refresh" | "highlighter" | "door" | "zoomIn" | "zoomOut" | "sort" | "sortUp" | "sortDown" | "tradeUp" | "tradeDown" | "paintBoard" | "cloud" | "sunCloud" | "moonCloud" | "rain" | "rainZap" | "snow" | "wind" | "desert" | "cart" | "award" | "cookie" | "x" | "linkedin" | "whatsapp" | "book" | "headphones" | "devices" | "badgeCheck" | "riyal" | "copy" | "location" | "folder" | "printer" | "instagram" | "smartphone" | "ambulance" | "police" | "fire" | "facebook" | "youtube" | "apple" | "playStore" | "huawei" | "textFont" | "glasses" | "heading" | "mask" | "pause" | "textAlign" | "letterSpacing" | "textUnderline" | "maximize" | "colors" | "colorPicker" | "droplet" | "disability" | "wheelchair" | "brain" | "flash" | "touch" | null>;
|
|
415
363
|
private readonly focused;
|
|
416
364
|
private readonly typing;
|
|
417
365
|
readonly classes: _angular_core.Signal<string>;
|
|
@@ -1053,7 +1001,7 @@ declare class DgaToast implements OnDestroy {
|
|
|
1053
1001
|
/** Clear sticky announcement / reserved chrome, then a small gap. */
|
|
1054
1002
|
readonly edgeTop: _angular_core.Signal<"calc(var(--dga-announcement-offset, 0px) + 1rem)" | null>;
|
|
1055
1003
|
readonly edgeBottom: _angular_core.Signal<"1rem" | null>;
|
|
1056
|
-
readonly iconName: _angular_core.Signal<
|
|
1004
|
+
readonly iconName: _angular_core.Signal<"success" | "info" | "warning" | "error" | "access" | "check" | "close" | "helpCircle" | "alertCircle" | "eye" | "eyeOff" | "eyeOffSlash" | "filter" | "checkCircle" | "checkCircleAlt" | "chevronDown" | "chevronLeft" | "chevronRight" | "arrowUp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp02" | "arrowDown02" | "arrowLeft02" | "arrowRight02" | "arrowNext" | "arrowPrev" | "arrowNext02" | "arrowPrev02" | "shrink" | "search" | "user" | "users" | "menu" | "menuAlt" | "moreHorizontal" | "moreVertical" | "mic" | "home" | "download" | "upload" | "calendar" | "calendarAlt" | "clock" | "star" | "starFilled" | "plus" | "plusSign" | "minus" | "external" | "bell" | "bellAlt" | "lock" | "lockPassword" | "logout" | "idCard" | "link" | "linkAlt" | "globe" | "moon" | "moonAlt" | "sun" | "sunAlt" | "translation" | "mail" | "message" | "phone" | "building" | "share" | "refresh" | "highlighter" | "door" | "zoomIn" | "zoomOut" | "sort" | "sortUp" | "sortDown" | "tradeUp" | "tradeDown" | "paintBoard" | "cloud" | "sunCloud" | "moonCloud" | "rain" | "rainZap" | "snow" | "wind" | "desert" | "cart" | "award" | "cookie" | "x" | "linkedin" | "whatsapp" | "book" | "headphones" | "devices" | "badgeCheck" | "riyal" | "copy" | "location" | "folder" | "printer" | "instagram" | "smartphone" | "ambulance" | "police" | "fire" | "facebook" | "youtube" | "apple" | "playStore" | "huawei" | "textFont" | "glasses" | "heading" | "mask" | "pause" | "textAlign" | "letterSpacing" | "textUnderline" | "maximize" | "colors" | "colorPicker" | "droplet" | "disability" | "wheelchair" | "brain" | "flash" | "touch">;
|
|
1057
1005
|
readonly iconTone: _angular_core.Signal<"success" | "warning" | "error" | "muted" | "current">;
|
|
1058
1006
|
readonly showCountdown: _angular_core.Signal<boolean>;
|
|
1059
1007
|
readonly reduceMotion: _angular_core.WritableSignal<boolean>;
|
|
@@ -1231,7 +1179,7 @@ declare class DgaMenu {
|
|
|
1231
1179
|
readonly open: _angular_core.ModelSignal<boolean>;
|
|
1232
1180
|
readonly triggerLabel: _angular_core.InputSignal<string>;
|
|
1233
1181
|
/** Optional leading glyph (e.g. share on page heroes). */
|
|
1234
|
-
readonly leadingIcon: _angular_core.InputSignal<
|
|
1182
|
+
readonly leadingIcon: _angular_core.InputSignal<"success" | "info" | "warning" | "error" | "access" | "check" | "close" | "helpCircle" | "alertCircle" | "eye" | "eyeOff" | "eyeOffSlash" | "filter" | "checkCircle" | "checkCircleAlt" | "chevronDown" | "chevronLeft" | "chevronRight" | "arrowUp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp02" | "arrowDown02" | "arrowLeft02" | "arrowRight02" | "arrowNext" | "arrowPrev" | "arrowNext02" | "arrowPrev02" | "shrink" | "search" | "user" | "users" | "menu" | "menuAlt" | "moreHorizontal" | "moreVertical" | "mic" | "home" | "download" | "upload" | "calendar" | "calendarAlt" | "clock" | "star" | "starFilled" | "plus" | "plusSign" | "minus" | "external" | "bell" | "bellAlt" | "lock" | "lockPassword" | "logout" | "idCard" | "link" | "linkAlt" | "globe" | "moon" | "moonAlt" | "sun" | "sunAlt" | "translation" | "mail" | "message" | "phone" | "building" | "share" | "refresh" | "highlighter" | "door" | "zoomIn" | "zoomOut" | "sort" | "sortUp" | "sortDown" | "tradeUp" | "tradeDown" | "paintBoard" | "cloud" | "sunCloud" | "moonCloud" | "rain" | "rainZap" | "snow" | "wind" | "desert" | "cart" | "award" | "cookie" | "x" | "linkedin" | "whatsapp" | "book" | "headphones" | "devices" | "badgeCheck" | "riyal" | "copy" | "location" | "folder" | "printer" | "instagram" | "smartphone" | "ambulance" | "police" | "fire" | "facebook" | "youtube" | "apple" | "playStore" | "huawei" | "textFont" | "glasses" | "heading" | "mask" | "pause" | "textAlign" | "letterSpacing" | "textUnderline" | "maximize" | "colors" | "colorPicker" | "droplet" | "disability" | "wheelchair" | "brain" | "flash" | "touch" | null>;
|
|
1235
1183
|
readonly showChevron: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1236
1184
|
/** Minimum panel width (e.g. share menus). */
|
|
1237
1185
|
readonly menuMinWidth: _angular_core.InputSignal<string>;
|
|
@@ -1686,7 +1634,7 @@ declare class DgaAlert {
|
|
|
1686
1634
|
readonly textClasses: _angular_core.Signal<"flex flex-col gap-xs" | "min-w-0">;
|
|
1687
1635
|
readonly titleClasses: _angular_core.Signal<string>;
|
|
1688
1636
|
readonly descriptionClasses: _angular_core.Signal<string>;
|
|
1689
|
-
readonly iconName: _angular_core.Signal<
|
|
1637
|
+
readonly iconName: _angular_core.Signal<"success" | "info" | "warning" | "error" | "access" | "check" | "close" | "helpCircle" | "alertCircle" | "eye" | "eyeOff" | "eyeOffSlash" | "filter" | "checkCircle" | "checkCircleAlt" | "chevronDown" | "chevronLeft" | "chevronRight" | "arrowUp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp02" | "arrowDown02" | "arrowLeft02" | "arrowRight02" | "arrowNext" | "arrowPrev" | "arrowNext02" | "arrowPrev02" | "shrink" | "search" | "user" | "users" | "menu" | "menuAlt" | "moreHorizontal" | "moreVertical" | "mic" | "home" | "download" | "upload" | "calendar" | "calendarAlt" | "clock" | "star" | "starFilled" | "plus" | "plusSign" | "minus" | "external" | "bell" | "bellAlt" | "lock" | "lockPassword" | "logout" | "idCard" | "link" | "linkAlt" | "globe" | "moon" | "moonAlt" | "sun" | "sunAlt" | "translation" | "mail" | "message" | "phone" | "building" | "share" | "refresh" | "highlighter" | "door" | "zoomIn" | "zoomOut" | "sort" | "sortUp" | "sortDown" | "tradeUp" | "tradeDown" | "paintBoard" | "cloud" | "sunCloud" | "moonCloud" | "rain" | "rainZap" | "snow" | "wind" | "desert" | "cart" | "award" | "cookie" | "x" | "linkedin" | "whatsapp" | "book" | "headphones" | "devices" | "badgeCheck" | "riyal" | "copy" | "location" | "folder" | "printer" | "instagram" | "smartphone" | "ambulance" | "police" | "fire" | "facebook" | "youtube" | "apple" | "playStore" | "huawei" | "textFont" | "glasses" | "heading" | "mask" | "pause" | "textAlign" | "letterSpacing" | "textUnderline" | "maximize" | "colors" | "colorPicker" | "droplet" | "disability" | "wheelchair" | "brain" | "flash" | "touch">;
|
|
1690
1638
|
readonly iconTone: _angular_core.Signal<"success" | "warning" | "error" | "muted" | "current">;
|
|
1691
1639
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaAlert, never>;
|
|
1692
1640
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaAlert, "dga-alert", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, ["*", "[dgaAlertActions]"], true, never>;
|
|
@@ -1916,104 +1864,6 @@ declare class DgaShare {
|
|
|
1916
1864
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaShare, "dga-share", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "url": { "alias": "url"; "required": false; "isSignal": true; }; "shareTitle": { "alias": "shareTitle"; "required": false; "isSignal": true; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "buttonVariant": { "alias": "buttonVariant"; "required": false; "isSignal": true; }; "buttonSize": { "alias": "buttonSize"; "required": false; "isSignal": true; }; }, { "shared": "shared"; "linkCopied": "linkCopied"; }, never, never, true, never>;
|
|
1917
1865
|
}
|
|
1918
1866
|
|
|
1919
|
-
type DgaChatbotPosition = 'end' | 'start' | 'left' | 'right';
|
|
1920
|
-
type DgaChatbotAnimation = 'fade' | 'slide' | 'scale' | 'none';
|
|
1921
|
-
type DgaChatbotSize = 'sm' | 'md' | 'lg';
|
|
1922
|
-
type DgaChatbotFabTone = 'primary' | 'secondary';
|
|
1923
|
-
interface DgaChatbotMessage {
|
|
1924
|
-
id: string;
|
|
1925
|
-
role: 'bot' | 'user';
|
|
1926
|
-
text: string;
|
|
1927
|
-
}
|
|
1928
|
-
/**
|
|
1929
|
-
* Floating live-chat launcher + panel. Place once near the app root
|
|
1930
|
-
* (beside `dga-scroll-top` / `dga-accessibility`).
|
|
1931
|
-
*
|
|
1932
|
-
* Use `stack` so FABs share one vertical dock:
|
|
1933
|
-
* a11y `0` → chatbot `1` → scroll-top `2`.
|
|
1934
|
-
*/
|
|
1935
|
-
declare class DgaChatbot {
|
|
1936
|
-
private readonly destroyRef;
|
|
1937
|
-
private readonly injector;
|
|
1938
|
-
private readonly composerRef;
|
|
1939
|
-
private readonly logRef;
|
|
1940
|
-
/** Corner for FAB + panel. `end` / `start` follow reading direction. */
|
|
1941
|
-
readonly position: _angular_core.InputSignal<DgaChatbotPosition>;
|
|
1942
|
-
/** Panel enter animation. Honors `prefers-reduced-motion`. */
|
|
1943
|
-
readonly animation: _angular_core.InputSignal<DgaChatbotAnimation>;
|
|
1944
|
-
readonly size: _angular_core.InputSignal<DgaChatbotSize>;
|
|
1945
|
-
readonly title: _angular_core.InputSignal<string>;
|
|
1946
|
-
readonly subtitle: _angular_core.InputSignal<string>;
|
|
1947
|
-
readonly fabLabel: _angular_core.InputSignal<string>;
|
|
1948
|
-
readonly placeholder: _angular_core.InputSignal<string>;
|
|
1949
|
-
readonly fabIcon: _angular_core.InputSignal<DgaIconName>;
|
|
1950
|
-
/** Prefer a directional arrow so send ≠ chat bubble. */
|
|
1951
|
-
readonly sendIcon: _angular_core.InputSignal<DgaIconName>;
|
|
1952
|
-
readonly agentIcon: _angular_core.InputSignal<DgaIconName>;
|
|
1953
|
-
readonly fabTone: _angular_core.InputSignal<DgaChatbotFabTone>;
|
|
1954
|
-
/** Dim page behind the panel. */
|
|
1955
|
-
readonly overlay: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1956
|
-
/** Close when clicking the overlay. */
|
|
1957
|
-
readonly overlayClose: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1958
|
-
/** Green online dot on the agent avatar. */
|
|
1959
|
-
readonly online: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1960
|
-
/** Hide launcher while the panel is open (recommended). */
|
|
1961
|
-
readonly hideFabWhenOpen: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1962
|
-
/**
|
|
1963
|
-
* 0-based slot in the shared FAB dock (bottom → top).
|
|
1964
|
-
* Typical: a11y=0, chatbot=1, scroll-top=2.
|
|
1965
|
-
*/
|
|
1966
|
-
readonly stack: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
1967
|
-
/**
|
|
1968
|
-
* @deprecated Prefer `stack`. When true and `stack` is unset legacy path —
|
|
1969
|
-
* kept for callers; `stack` wins.
|
|
1970
|
-
*/
|
|
1971
|
-
readonly clearFab: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1972
|
-
/**
|
|
1973
|
-
* Anchor FAB/panel inside a relative parent (gallery / docs preview)
|
|
1974
|
-
* instead of the viewport — avoids a second global FAB.
|
|
1975
|
-
*/
|
|
1976
|
-
readonly embedded: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1977
|
-
readonly initialMessages: _angular_core.InputSignal<readonly DgaChatbotMessage[]>;
|
|
1978
|
-
readonly sent: _angular_core.OutputEmitterRef<string>;
|
|
1979
|
-
readonly opened: _angular_core.OutputEmitterRef<void>;
|
|
1980
|
-
readonly closed: _angular_core.OutputEmitterRef<void>;
|
|
1981
|
-
readonly open: _angular_core.WritableSignal<boolean>;
|
|
1982
|
-
readonly draft: _angular_core.WritableSignal<string>;
|
|
1983
|
-
readonly messages: _angular_core.WritableSignal<DgaChatbotMessage[]>;
|
|
1984
|
-
private readonly seq;
|
|
1985
|
-
readonly panelId: string;
|
|
1986
|
-
private msgSeq;
|
|
1987
|
-
private seeded;
|
|
1988
|
-
private prevOverflow;
|
|
1989
|
-
readonly copy: _angular_core.Signal<{
|
|
1990
|
-
title: string;
|
|
1991
|
-
subtitle: string;
|
|
1992
|
-
open: string;
|
|
1993
|
-
close: string;
|
|
1994
|
-
send: string;
|
|
1995
|
-
input: string;
|
|
1996
|
-
placeholder: string;
|
|
1997
|
-
panelLabel: string;
|
|
1998
|
-
welcome: string;
|
|
1999
|
-
}>;
|
|
2000
|
-
readonly fabBottom: _angular_core.Signal<string>;
|
|
2001
|
-
readonly fabClasses: _angular_core.Signal<string>;
|
|
2002
|
-
readonly panelClasses: _angular_core.Signal<string>;
|
|
2003
|
-
constructor();
|
|
2004
|
-
private ensureSeed;
|
|
2005
|
-
toggle(): void;
|
|
2006
|
-
show(): void;
|
|
2007
|
-
close(): void;
|
|
2008
|
-
onBackdrop(): void;
|
|
2009
|
-
onSubmit(event: Event): void;
|
|
2010
|
-
private scrollLogToEnd;
|
|
2011
|
-
private lockScroll;
|
|
2012
|
-
private unlockScroll;
|
|
2013
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaChatbot, never>;
|
|
2014
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaChatbot, "dga-chatbot", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "fabLabel": { "alias": "fabLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "fabIcon": { "alias": "fabIcon"; "required": false; "isSignal": true; }; "sendIcon": { "alias": "sendIcon"; "required": false; "isSignal": true; }; "agentIcon": { "alias": "agentIcon"; "required": false; "isSignal": true; }; "fabTone": { "alias": "fabTone"; "required": false; "isSignal": true; }; "overlay": { "alias": "overlay"; "required": false; "isSignal": true; }; "overlayClose": { "alias": "overlayClose"; "required": false; "isSignal": true; }; "online": { "alias": "online"; "required": false; "isSignal": true; }; "hideFabWhenOpen": { "alias": "hideFabWhenOpen"; "required": false; "isSignal": true; }; "stack": { "alias": "stack"; "required": false; "isSignal": true; }; "clearFab": { "alias": "clearFab"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "initialMessages": { "alias": "initialMessages"; "required": false; "isSignal": true; }; }, { "sent": "sent"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
|
|
2015
|
-
}
|
|
2016
|
-
|
|
2017
1867
|
/**
|
|
2018
1868
|
* Visually hidden until focused — first tab stop for keyboard users.
|
|
2019
1869
|
* Place near the top of the document; `href` should target main content id.
|
|
@@ -2568,7 +2418,7 @@ declare class DgaCard {
|
|
|
2568
2418
|
/** Clamp description lines (0 = no clamp). */
|
|
2569
2419
|
readonly descriptionClamp: _angular_core.InputSignal<number>;
|
|
2570
2420
|
/** Featured logo icon (renders `dga-icon-badge` unless `[dgaCardLead]` is projected). */
|
|
2571
|
-
readonly icon: _angular_core.InputSignal<
|
|
2421
|
+
readonly icon: _angular_core.InputSignal<"success" | "info" | "warning" | "error" | "access" | "check" | "close" | "helpCircle" | "alertCircle" | "eye" | "eyeOff" | "eyeOffSlash" | "filter" | "checkCircle" | "checkCircleAlt" | "chevronDown" | "chevronLeft" | "chevronRight" | "arrowUp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp02" | "arrowDown02" | "arrowLeft02" | "arrowRight02" | "arrowNext" | "arrowPrev" | "arrowNext02" | "arrowPrev02" | "shrink" | "search" | "user" | "users" | "menu" | "menuAlt" | "moreHorizontal" | "moreVertical" | "mic" | "home" | "download" | "upload" | "calendar" | "calendarAlt" | "clock" | "star" | "starFilled" | "plus" | "plusSign" | "minus" | "external" | "bell" | "bellAlt" | "lock" | "lockPassword" | "logout" | "idCard" | "link" | "linkAlt" | "globe" | "moon" | "moonAlt" | "sun" | "sunAlt" | "translation" | "mail" | "message" | "phone" | "building" | "share" | "refresh" | "highlighter" | "door" | "zoomIn" | "zoomOut" | "sort" | "sortUp" | "sortDown" | "tradeUp" | "tradeDown" | "paintBoard" | "cloud" | "sunCloud" | "moonCloud" | "rain" | "rainZap" | "snow" | "wind" | "desert" | "cart" | "award" | "cookie" | "x" | "linkedin" | "whatsapp" | "book" | "headphones" | "devices" | "badgeCheck" | "riyal" | "copy" | "location" | "folder" | "printer" | "instagram" | "smartphone" | "ambulance" | "police" | "fire" | "facebook" | "youtube" | "apple" | "playStore" | "huawei" | "textFont" | "glasses" | "heading" | "mask" | "pause" | "textAlign" | "letterSpacing" | "textUnderline" | "maximize" | "colors" | "colorPicker" | "droplet" | "disability" | "wheelchair" | "brain" | "flash" | "touch" | null>;
|
|
2572
2422
|
readonly iconSize: _angular_core.InputSignal<DgaIconBadgeSize>;
|
|
2573
2423
|
readonly iconAppearance: _angular_core.InputSignal<DgaIconBadgeAppearance>;
|
|
2574
2424
|
readonly badges: _angular_core.InputSignal<DgaCardBadge[]>;
|
|
@@ -2972,6 +2822,8 @@ interface DgaHeroSlide {
|
|
|
2972
2822
|
}
|
|
2973
2823
|
declare class DgaHero {
|
|
2974
2824
|
private readonly destroyRef;
|
|
2825
|
+
private readonly host;
|
|
2826
|
+
private readonly swipe;
|
|
2975
2827
|
private autoplayTimer;
|
|
2976
2828
|
private readonly autoplayPaused;
|
|
2977
2829
|
/** Skip CSS transitions on first layout so slides don't animate in like a locale wipe. */
|
|
@@ -3054,6 +2906,11 @@ declare class DgaHero {
|
|
|
3054
2906
|
goSlide(i: number): void;
|
|
3055
2907
|
nextSlide(): void;
|
|
3056
2908
|
prevSlide(): void;
|
|
2909
|
+
onPointerDown(event: PointerEvent): void;
|
|
2910
|
+
onPointerMove(event: PointerEvent): void;
|
|
2911
|
+
onPointerUp(event: PointerEvent): void;
|
|
2912
|
+
onPointerCancel(event: PointerEvent): void;
|
|
2913
|
+
private isRtl;
|
|
3057
2914
|
pauseAutoplay(): void;
|
|
3058
2915
|
resumeAutoplay(): void;
|
|
3059
2916
|
onPrimary(index?: number): void;
|
|
@@ -3110,7 +2967,7 @@ declare class DgaAnnouncementBar {
|
|
|
3110
2967
|
readonly align: _angular_core.InputSignal<DgaAnnouncementAlign>;
|
|
3111
2968
|
readonly actionVariant: _angular_core.InputSignal<DgaAnnouncementActionVariant>;
|
|
3112
2969
|
readonly elevation: _angular_core.InputSignal<DgaAnnouncementElevation>;
|
|
3113
|
-
readonly icon: _angular_core.InputSignal<
|
|
2970
|
+
readonly icon: _angular_core.InputSignal<"success" | "info" | "warning" | "error" | "access" | "check" | "close" | "helpCircle" | "alertCircle" | "eye" | "eyeOff" | "eyeOffSlash" | "filter" | "checkCircle" | "checkCircleAlt" | "chevronDown" | "chevronLeft" | "chevronRight" | "arrowUp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp02" | "arrowDown02" | "arrowLeft02" | "arrowRight02" | "arrowNext" | "arrowPrev" | "arrowNext02" | "arrowPrev02" | "shrink" | "search" | "user" | "users" | "menu" | "menuAlt" | "moreHorizontal" | "moreVertical" | "mic" | "home" | "download" | "upload" | "calendar" | "calendarAlt" | "clock" | "star" | "starFilled" | "plus" | "plusSign" | "minus" | "external" | "bell" | "bellAlt" | "lock" | "lockPassword" | "logout" | "idCard" | "link" | "linkAlt" | "globe" | "moon" | "moonAlt" | "sun" | "sunAlt" | "translation" | "mail" | "message" | "phone" | "building" | "share" | "refresh" | "highlighter" | "door" | "zoomIn" | "zoomOut" | "sort" | "sortUp" | "sortDown" | "tradeUp" | "tradeDown" | "paintBoard" | "cloud" | "sunCloud" | "moonCloud" | "rain" | "rainZap" | "snow" | "wind" | "desert" | "cart" | "award" | "cookie" | "x" | "linkedin" | "whatsapp" | "book" | "headphones" | "devices" | "badgeCheck" | "riyal" | "copy" | "location" | "folder" | "printer" | "instagram" | "smartphone" | "ambulance" | "police" | "fire" | "facebook" | "youtube" | "apple" | "playStore" | "huawei" | "textFont" | "glasses" | "heading" | "mask" | "pause" | "textAlign" | "letterSpacing" | "textUnderline" | "maximize" | "colors" | "colorPicker" | "droplet" | "disability" | "wheelchair" | "brain" | "flash" | "touch" | null>;
|
|
3114
2971
|
readonly dismissible: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
3115
2972
|
readonly dismissLabel: _angular_core.InputSignal<string>;
|
|
3116
2973
|
readonly actionLabel: _angular_core.InputSignal<string>;
|
|
@@ -3658,6 +3515,8 @@ declare class DgaCarouselSlideDirective {
|
|
|
3658
3515
|
declare class DgaCarousel {
|
|
3659
3516
|
private readonly destroyRef;
|
|
3660
3517
|
private readonly host;
|
|
3518
|
+
private readonly swipe;
|
|
3519
|
+
private drag;
|
|
3661
3520
|
private readonly track;
|
|
3662
3521
|
private readonly projected;
|
|
3663
3522
|
/** Simple title/body slides (gallery). When non-empty, enables simple mode. */
|
|
@@ -3708,6 +3567,13 @@ declare class DgaCarousel {
|
|
|
3708
3567
|
prevPage(): void;
|
|
3709
3568
|
nextPage(): void;
|
|
3710
3569
|
onTrackScroll(): void;
|
|
3570
|
+
onSimplePointerDown(event: PointerEvent): void;
|
|
3571
|
+
onSimplePointerMove(event: PointerEvent): void;
|
|
3572
|
+
onSimplePointerUp(event: PointerEvent): void;
|
|
3573
|
+
onSimplePointerCancel(event: PointerEvent): void;
|
|
3574
|
+
onTrackPointerDown(event: PointerEvent): void;
|
|
3575
|
+
onTrackPointerMove(event: PointerEvent): void;
|
|
3576
|
+
onTrackPointerUp(event: PointerEvent): void;
|
|
3711
3577
|
private refreshMetrics;
|
|
3712
3578
|
private resolvePerView;
|
|
3713
3579
|
private pageScrollAmount;
|
|
@@ -3719,176 +3585,6 @@ declare class DgaCarousel {
|
|
|
3719
3585
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaCarousel, "dga-carousel", never, { "slides": { "alias": "slides"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; "slidesMax": { "alias": "slidesMax"; "required": false; "isSignal": true; }; "slidesMid": { "alias": "slidesMid"; "required": false; "isSignal": true; }; "slidesMin": { "alias": "slidesMin"; "required": false; "isSignal": true; }; "peek": { "alias": "peek"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "prevLabel": { "alias": "prevLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "dotsLabel": { "alias": "dotsLabel"; "required": false; "isSignal": true; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; "isSignal": true; }; }, { "index": "indexChange"; }, ["projected"], ["*"], true, never>;
|
|
3720
3586
|
}
|
|
3721
3587
|
|
|
3722
|
-
type DgaChartType = 'bar' | 'line' | 'pie' | 'donut';
|
|
3723
|
-
/** Backward-compatible single-series point: `{ label, value }`. */
|
|
3724
|
-
interface DgaChartPoint {
|
|
3725
|
-
label: string;
|
|
3726
|
-
value: number;
|
|
3727
|
-
}
|
|
3728
|
-
/** Multi-series data: one named series of values, aligned with `labels()`. */
|
|
3729
|
-
interface DgaChartDataset {
|
|
3730
|
-
name: string;
|
|
3731
|
-
data: number[];
|
|
3732
|
-
}
|
|
3733
|
-
interface DgaChartBarSlot {
|
|
3734
|
-
seriesIndex: number;
|
|
3735
|
-
categoryIndex: number;
|
|
3736
|
-
x: number;
|
|
3737
|
-
y: number;
|
|
3738
|
-
w: number;
|
|
3739
|
-
h: number;
|
|
3740
|
-
value: number;
|
|
3741
|
-
color: string;
|
|
3742
|
-
name: string;
|
|
3743
|
-
category: string;
|
|
3744
|
-
}
|
|
3745
|
-
interface DgaChartLinePoint {
|
|
3746
|
-
x: number;
|
|
3747
|
-
y: number;
|
|
3748
|
-
value: number;
|
|
3749
|
-
category: string;
|
|
3750
|
-
}
|
|
3751
|
-
interface DgaChartLine {
|
|
3752
|
-
name: string;
|
|
3753
|
-
color: string;
|
|
3754
|
-
points: DgaChartLinePoint[];
|
|
3755
|
-
linePath: string;
|
|
3756
|
-
areaPath: string;
|
|
3757
|
-
}
|
|
3758
|
-
interface DgaChartLegendItem {
|
|
3759
|
-
name: string;
|
|
3760
|
-
color: string;
|
|
3761
|
-
value: number | null;
|
|
3762
|
-
}
|
|
3763
|
-
interface DgaChartTooltip {
|
|
3764
|
-
x: number;
|
|
3765
|
-
y: number;
|
|
3766
|
-
title: string;
|
|
3767
|
-
items: {
|
|
3768
|
-
name: string;
|
|
3769
|
-
color: string;
|
|
3770
|
-
value: number;
|
|
3771
|
-
}[];
|
|
3772
|
-
}
|
|
3773
|
-
declare class DgaChart {
|
|
3774
|
-
readonly type: _angular_core.InputSignal<DgaChartType>;
|
|
3775
|
-
/** BC single-series input: `[{ label, value }]`. */
|
|
3776
|
-
readonly series: _angular_core.InputSignal<DgaChartPoint[]>;
|
|
3777
|
-
/** Category names shared by all `datasets()`. */
|
|
3778
|
-
readonly labels: _angular_core.InputSignal<string[]>;
|
|
3779
|
-
/** Preferred multi-series input for bar/line. */
|
|
3780
|
-
readonly datasets: _angular_core.InputSignal<DgaChartDataset[]>;
|
|
3781
|
-
/** Shown for pie/donut and multi-series bar/line. Set `false` to force-hide. */
|
|
3782
|
-
readonly legend: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
3783
|
-
readonly tooltip: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
3784
|
-
readonly grid: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
3785
|
-
readonly stacked: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
3786
|
-
readonly smooth: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
3787
|
-
readonly area: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
3788
|
-
readonly dots: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
3789
|
-
/** Overrides the `--dga-chart-color-1..6` token cycle. */
|
|
3790
|
-
readonly colors: _angular_core.InputSignal<string[]>;
|
|
3791
|
-
/** Label for the value row in pie/donut tooltips. Default: `'القيمة'`. */
|
|
3792
|
-
readonly tooltipValueLabel: _angular_core.InputSignal<string>;
|
|
3793
|
-
readonly height: _angular_core.InputSignal<number>;
|
|
3794
|
-
readonly label: _angular_core.InputSignal<string>;
|
|
3795
|
-
/** Fixed drawing width; scales via CSS `w-full`. */
|
|
3796
|
-
readonly width = 400;
|
|
3797
|
-
readonly pieSize = 180;
|
|
3798
|
-
readonly pad: {
|
|
3799
|
-
t: number;
|
|
3800
|
-
r: number;
|
|
3801
|
-
b: number;
|
|
3802
|
-
l: number;
|
|
3803
|
-
};
|
|
3804
|
-
private readonly hiddenNames;
|
|
3805
|
-
readonly hiddenSeries: _angular_core.Signal<Set<string>>;
|
|
3806
|
-
readonly hoveredCategoryIndex: _angular_core.WritableSignal<number | null>;
|
|
3807
|
-
readonly hoveredSlice: _angular_core.WritableSignal<{
|
|
3808
|
-
index: number;
|
|
3809
|
-
label: string;
|
|
3810
|
-
value: number;
|
|
3811
|
-
} | null>;
|
|
3812
|
-
readonly isPieType: _angular_core.Signal<boolean>;
|
|
3813
|
-
/** Category labels: explicit `labels()`, else derived from `datasets()` length, else BC `series()` labels. */
|
|
3814
|
-
readonly categories: _angular_core.Signal<string[]>;
|
|
3815
|
-
/** Normalized series: `datasets()` when present, else one series built from BC `series()`. */
|
|
3816
|
-
readonly seriesList: _angular_core.Signal<DgaChartDataset[]>;
|
|
3817
|
-
readonly visibleSeriesList: _angular_core.Signal<DgaChartDataset[]>;
|
|
3818
|
-
/** Points feeding pie/donut: BC `series()`, else first dataset paired with `labels()`. */
|
|
3819
|
-
readonly piePoints: _angular_core.Signal<DgaChartPoint[]>;
|
|
3820
|
-
readonly visiblePiePoints: _angular_core.Signal<DgaChartPoint[]>;
|
|
3821
|
-
readonly showLegend: _angular_core.Signal<boolean>;
|
|
3822
|
-
readonly legendItems: _angular_core.Signal<DgaChartLegendItem[]>;
|
|
3823
|
-
colorFor(index: number): string;
|
|
3824
|
-
toggleSeries(name: string): void;
|
|
3825
|
-
readonly ariaLabel: _angular_core.Signal<string>;
|
|
3826
|
-
readonly plot: _angular_core.Signal<{
|
|
3827
|
-
x: number;
|
|
3828
|
-
y: number;
|
|
3829
|
-
w: number;
|
|
3830
|
-
h: number;
|
|
3831
|
-
}>;
|
|
3832
|
-
readonly gridYs: _angular_core.Signal<number[]>;
|
|
3833
|
-
readonly maxValue: _angular_core.Signal<number>;
|
|
3834
|
-
/** Layout for one group (category) slot shared by bars and the hover hit-rect. */
|
|
3835
|
-
private readonly groupLayout;
|
|
3836
|
-
readonly categoryTicks: _angular_core.Signal<{
|
|
3837
|
-
index: number;
|
|
3838
|
-
category: string;
|
|
3839
|
-
x: number;
|
|
3840
|
-
hitX: number;
|
|
3841
|
-
hitW: number;
|
|
3842
|
-
}[]>;
|
|
3843
|
-
readonly bars: _angular_core.Signal<DgaChartBarSlot[]>;
|
|
3844
|
-
readonly visibleLines: _angular_core.Signal<DgaChartLine[]>;
|
|
3845
|
-
private straightPathD;
|
|
3846
|
-
/** Piecewise cubic Bezier through the points (Catmull-Rom style tangents). */
|
|
3847
|
-
private smoothPathD;
|
|
3848
|
-
private areaPathD;
|
|
3849
|
-
readonly pieSlices: _angular_core.Signal<{
|
|
3850
|
-
index: number;
|
|
3851
|
-
label: string;
|
|
3852
|
-
value: number;
|
|
3853
|
-
color: string;
|
|
3854
|
-
d: string;
|
|
3855
|
-
midX: number;
|
|
3856
|
-
midY: number;
|
|
3857
|
-
}[]>;
|
|
3858
|
-
onCategoryEnter(index: number): void;
|
|
3859
|
-
onCategoryLeave(): void;
|
|
3860
|
-
onSliceEnter(index: number, slice: {
|
|
3861
|
-
label: string;
|
|
3862
|
-
value: number;
|
|
3863
|
-
}): void;
|
|
3864
|
-
onSliceLeave(): void;
|
|
3865
|
-
categoryAriaLabel(index: number): string;
|
|
3866
|
-
readonly categoryTooltip: _angular_core.Signal<DgaChartTooltip | null>;
|
|
3867
|
-
readonly sliceTooltip: _angular_core.Signal<DgaChartTooltip | null>;
|
|
3868
|
-
formatValue(value: number): string;
|
|
3869
|
-
pieTooltipStyle(tip: DgaChartTooltip): Record<string, string>;
|
|
3870
|
-
plotTooltipStyle(tip: DgaChartTooltip): Record<string, string>;
|
|
3871
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaChart, never>;
|
|
3872
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaChart, "dga-chart", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "series": { "alias": "series"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "datasets": { "alias": "datasets"; "required": false; "isSignal": true; }; "legend": { "alias": "legend"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "grid": { "alias": "grid"; "required": false; "isSignal": true; }; "stacked": { "alias": "stacked"; "required": false; "isSignal": true; }; "smooth": { "alias": "smooth"; "required": false; "isSignal": true; }; "area": { "alias": "area"; "required": false; "isSignal": true; }; "dots": { "alias": "dots"; "required": false; "isSignal": true; }; "colors": { "alias": "colors"; "required": false; "isSignal": true; }; "tooltipValueLabel": { "alias": "tooltipValueLabel"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
3873
|
-
}
|
|
3874
|
-
|
|
3875
|
-
interface DgaSaudiCity {
|
|
3876
|
-
id: number;
|
|
3877
|
-
region: string;
|
|
3878
|
-
regionAr: string;
|
|
3879
|
-
name: string;
|
|
3880
|
-
nameAr: string;
|
|
3881
|
-
}
|
|
3882
|
-
/** Bilingual Saudi cities across all 13 administrative regions. */
|
|
3883
|
-
declare const DGA_SAUDI_CITIES: readonly DgaSaudiCity[];
|
|
3884
|
-
/** Group cities by English region name. */
|
|
3885
|
-
declare function dgaGroupSaudiCitiesByRegion(cities?: readonly DgaSaudiCity[]): Record<string, DgaSaudiCity[]>;
|
|
3886
|
-
/** Autocomplete-ready options (Arabic labels by default). */
|
|
3887
|
-
declare function dgaSaudiCityOptions(locale?: string, cities?: readonly DgaSaudiCity[]): {
|
|
3888
|
-
label: string;
|
|
3889
|
-
value: string;
|
|
3890
|
-
}[];
|
|
3891
|
-
|
|
3892
3588
|
declare function dgaResolveAppHref(href: string, baseHref?: string): string;
|
|
3893
3589
|
/**
|
|
3894
3590
|
* Safe href for config-driven links (CMS / schema).
|
|
@@ -3901,5 +3597,5 @@ declare function dgaSafeCssColor(value: string | null | undefined, fallback?: st
|
|
|
3901
3597
|
/** Join truthy class names. */
|
|
3902
3598
|
declare function dgaCx(...parts: Array<string | false | null | undefined>): string;
|
|
3903
3599
|
|
|
3904
|
-
export { DGA_ICON_NAMES,
|
|
3905
|
-
export type { DgaAccordionSection, DgaAlertDisplay, DgaAlertVariant, DgaAnnouncementActionVariant, DgaAnnouncementAlign, DgaAnnouncementDensity, DgaAnnouncementElevation, DgaAnnouncementPersist, DgaAnnouncementTone, DgaAppShellAppearance, DgaAutocompleteOption, DgaAvatarSize, DgaBadgeSize, DgaBadgeVariant, DgaBreadcrumbItem, DgaBreadcrumbSeparator, DgaButtonSize, DgaButtonVariant, DgaCalendar, DgaCardActionsAlign, DgaCardAppearance, DgaCardBadge, DgaCardBorder, DgaCardPadding, DgaCardShadow, DgaCarouselSlide,
|
|
3600
|
+
export { DGA_ICON_NAMES, DGA_LOGICAL_ICON_NAMES, DGA_PHONE_COUNTRIES, DGA_RIYAL_SVG_PATH, DGA_RIYAL_VIEWBOX, DgaAccordion, DgaAccordionItem, DgaAlert, DgaAnnouncementBar, DgaAppShell, DgaAuthCard, DgaAutocomplete, DgaAvatar, DgaBadge, DgaBreadcrumb, DgaButton, DgaCard, DgaCardMedia, DgaCarousel, DgaCarouselSlideDirective, DgaCheckbox, DgaChip, DgaChipInput, DgaClamp, DgaCode, DgaCommand, DgaContentSwitcher, DgaContentSwitcherPanel, DgaContextMenu, DgaContextMenuTrigger, DgaCopy, DgaDescriptionList, DgaDialog, DgaDivider, DgaDrawer, DgaDualNav, DgaEmpty, DgaExpandable, DgaExport, DgaExportToolbar, DgaFeedback, DgaField, DgaFilterBar, DgaFooter, DgaFormControl, DgaFormEnd, DgaFormStart, DgaGrid, DgaHero, DgaIcon, DgaIconBadge, DgaIconFontService, DgaImagePopup, DgaInfoList, DgaInput, DgaKbd, DgaKbdGroup, DgaLabel, DgaLink, DgaList, DgaLogoTile, DgaMenu, DgaMetric, DgaModal, DgaMultiselect, DgaNativeSelect, DgaNavRail, DgaNumber, DgaNumberInput, DgaOtp, DgaPageFeedback, DgaPageHero, DgaPagination, DgaPersona, DgaPhoneInput, DgaPreloader, DgaProgress, DgaQuote, DgaRadio, DgaRating, DgaRiyal, DgaScrollTop, DgaSection, DgaSelect, DgaShare, DgaSideInfo, DgaSideNav, DgaSkeleton, DgaSkipLink, DgaSlider, DgaSpinner, DgaStepper, DgaSwitch, DgaTab, DgaTable, DgaTabs, DgaTimePicker, DgaTimeline, DgaToast, DgaToastOutlet, DgaToastService, DgaToc, DgaToolbar, DgaTooltip, DgaTopBar, DgaTour, DgaUpload, DgaVideoPlayer, DgaWriting, dgaCurrentLocale, dgaCx, dgaFormStatusFromInvalid, dgaIsArabic, dgaIsRtl, dgaNormalizeTime, dgaProvideValueAccessor, dgaResolveAppHref, dgaResolveLocalized, dgaResolveVideoSource, dgaSafeCssColor, dgaSafeHref, dgaUiLocale };
|
|
3601
|
+
export type { DgaAccordionSection, DgaAlertDisplay, DgaAlertVariant, DgaAnnouncementActionVariant, DgaAnnouncementAlign, DgaAnnouncementDensity, DgaAnnouncementElevation, DgaAnnouncementPersist, DgaAnnouncementTone, DgaAppShellAppearance, DgaAutocompleteOption, DgaAvatarSize, DgaBadgeSize, DgaBadgeVariant, DgaBreadcrumbItem, DgaBreadcrumbSeparator, DgaButtonSize, DgaButtonVariant, DgaCalendar, DgaCardActionsAlign, DgaCardAppearance, DgaCardBadge, DgaCardBorder, DgaCardPadding, DgaCardShadow, DgaCarouselSlide, DgaCheckboxSize, DgaChipVariant, DgaCommandAppearance, DgaCommandGroup, DgaCommandItem, DgaContentSwitcherItem, DgaContextMenuItem, DgaContextMenuItemType, DgaCurrency, DgaDescriptionItem, DgaDescriptionLayout, DgaDialogSize, DgaDividerOrientation, DgaDrawerSide, DgaDualNavCategory, DgaDualNavSection, DgaEmptyAppearance, DgaExportColumn, DgaExportData, DgaExportScope, DgaFeedbackSubmit, DgaFilterItem, DgaFooterAppearance, DgaFooterColumn, DgaFooterIconGroup, DgaFooterIconLink, DgaFooterLink, DgaFooterLogo, DgaFormControlSize, DgaFormStatus, DgaGridCols, DgaGridGap, DgaHeroAppearance, DgaHeroImageMask, DgaHeroOverlayTone, DgaHeroSlide, DgaHeroTransition, DgaIconBadgeAppearance, DgaIconBadgeSize, DgaIconName, DgaIconSize, DgaIconTone, DgaImagePopupAnimation, DgaImagePopupImage, DgaImagePopupImageTransition, DgaImagePopupSource, DgaInfoListItem, DgaInputSize, DgaLinkVariant, DgaLocalizedString, DgaMenuItem, DgaMetricAppearance, DgaMetricTrend, DgaModalAnimation, DgaModalSize, DgaMultiselectOption, DgaNativeSelectSize, DgaNavRailActiveStyle, DgaNavRailAppearance, DgaNavRailItem, DgaNavRailPosition, DgaNavRailSize, DgaPageFeedbackAgreementLink, DgaPageFeedbackAnswer, DgaPageFeedbackOption, DgaPageFeedbackPhase, DgaPageFeedbackSubmit, DgaPageHeroTone, DgaPhoneCountry, DgaPhoneCountryName, DgaPreloaderPersist, DgaProgressAppearance, DgaProgressSize, DgaProgressTone, DgaRadioSize, DgaRatingSize, DgaRiyalAppearance, DgaRiyalSize, DgaRiyalTone, DgaScrollTopPosition, DgaSectionTone, DgaSectionWidth, DgaSelectOpenMode, DgaSelectOption, DgaSelectSize, DgaShareAppearance, DgaSideInfoItem, DgaSideNavGroup, DgaSideNavItem, DgaSkeletonAnimation, DgaSkeletonRadius, DgaSkeletonShape, DgaSkeletonSize, DgaSortDir, DgaSpinnerSize, DgaSpinnerTone, DgaStampNotice, DgaStep, DgaStepStatus, DgaSwitchSize, DgaTabItem, DgaTableColumn, DgaTableDensity, DgaTimeFormat, DgaTimePickerFormat, DgaTimePickerSize, DgaTimelineItem, DgaToastAnimation, DgaToastLocation, DgaToastRequest, DgaToastShowOptions, DgaToastVariant, DgaTocItem, DgaTooltipPlacement, DgaTooltipVariant, DgaTourPersist, DgaTourPlacement, DgaTourStep, DgaUploadAppearance, DgaUploadFile, DgaUploadRejectReason, DgaUploadRejection, DgaVideoProvider, DgaVideoRatio, DgaVideoSourceInfo, DgaWritingEffect };
|