@a.nemreen/dga-ui 0.2.0 → 0.2.2

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.
Files changed (101) hide show
  1. package/README.md +9 -2
  2. package/cover.jpg +0 -0
  3. package/fesm2022/a.nemreen-dga-ui.mjs +414 -336
  4. package/package.json +14 -11
  5. package/types/a.nemreen-dga-ui.d.ts +3118 -0
  6. package/index.d.ts +0 -5
  7. package/lib/content/code/dga-code.d.ts +0 -8
  8. package/lib/content/list/dga-description-list.d.ts +0 -13
  9. package/lib/content/list/dga-list.d.ts +0 -7
  10. package/lib/content/metric/dga-metric.d.ts +0 -17
  11. package/lib/content/number/dga-number.d.ts +0 -36
  12. package/lib/content/persona/dga-persona.d.ts +0 -11
  13. package/lib/content/quote/dga-quote.d.ts +0 -7
  14. package/lib/data/carousel/dga-carousel.d.ts +0 -79
  15. package/lib/data/chart/dga-chart.d.ts +0 -153
  16. package/lib/data/export/dga-export-toolbar.d.ts +0 -19
  17. package/lib/data/export/dga-export.d.ts +0 -26
  18. package/lib/data/table/dga-table.d.ts +0 -50
  19. package/lib/domain/saudi-cities/dga-saudi-cities.d.ts +0 -16
  20. package/lib/feedback/a11y/dga-skip-link.d.ts +0 -11
  21. package/lib/feedback/accessibility/dga-accessibility.d.ts +0 -133
  22. package/lib/feedback/accessibility/dga-accessibility.service.d.ts +0 -78
  23. package/lib/feedback/alert/dga-alert.d.ts +0 -27
  24. package/lib/feedback/cookies/dga-cookies.d.ts +0 -64
  25. package/lib/feedback/copy/dga-copy.d.ts +0 -43
  26. package/lib/feedback/empty/dga-empty.d.ts +0 -11
  27. package/lib/feedback/feedback/dga-feedback.d.ts +0 -30
  28. package/lib/feedback/page-feedback/dga-page-feedback.d.ts +0 -72
  29. package/lib/feedback/rating/dga-rating.d.ts +0 -17
  30. package/lib/feedback/share/dga-share.d.ts +0 -39
  31. package/lib/forms/autocomplete/dga-autocomplete.d.ts +0 -19
  32. package/lib/forms/checkbox/dga-checkbox.d.ts +0 -9
  33. package/lib/forms/chip-input/dga-chip-input.d.ts +0 -20
  34. package/lib/forms/date-picker/dga-date-calendar.d.ts +0 -44
  35. package/lib/forms/date-picker/dga-date-picker.d.ts +0 -152
  36. package/lib/forms/field/dga-field.d.ts +0 -22
  37. package/lib/forms/form/dga-form-control.d.ts +0 -50
  38. package/lib/forms/form/form-control.styles.d.ts +0 -16
  39. package/lib/forms/input/dga-input.d.ts +0 -13
  40. package/lib/forms/label/dga-label.d.ts +0 -8
  41. package/lib/forms/multiselect/dga-multiselect.d.ts +0 -20
  42. package/lib/forms/number-input/dga-number-input.d.ts +0 -25
  43. package/lib/forms/otp/dga-otp.d.ts +0 -19
  44. package/lib/forms/phone-input/dga-phone-input.d.ts +0 -33
  45. package/lib/forms/radio/dga-radio.d.ts +0 -9
  46. package/lib/forms/select/dga-native-select.d.ts +0 -15
  47. package/lib/forms/select/dga-select.d.ts +0 -65
  48. package/lib/forms/slider/dga-slider.d.ts +0 -7
  49. package/lib/forms/switch/dga-switch.d.ts +0 -14
  50. package/lib/forms/upload/dga-upload.d.ts +0 -32
  51. package/lib/layout/card/dga-card-media.d.ts +0 -13
  52. package/lib/layout/card/dga-card.d.ts +0 -89
  53. package/lib/layout/clamp/dga-clamp.d.ts +0 -11
  54. package/lib/layout/expandable/dga-expandable.d.ts +0 -14
  55. package/lib/layout/grid/dga-grid.d.ts +0 -10
  56. package/lib/layout/section/dga-section.d.ts +0 -22
  57. package/lib/navigation/accordion/dga-accordion-item.d.ts +0 -12
  58. package/lib/navigation/accordion/dga-accordion.d.ts +0 -10
  59. package/lib/navigation/breadcrumb/dga-breadcrumb.d.ts +0 -13
  60. package/lib/navigation/filter-bar/dga-filter-bar.d.ts +0 -18
  61. package/lib/navigation/pagination/dga-pagination.d.ts +0 -14
  62. package/lib/navigation/scroll-top/dga-scroll-top.d.ts +0 -35
  63. package/lib/navigation/side-nav/dga-side-nav.d.ts +0 -21
  64. package/lib/navigation/stepper/dga-stepper.d.ts +0 -15
  65. package/lib/navigation/tabs/dga-tab.d.ts +0 -12
  66. package/lib/navigation/tabs/dga-tabs.d.ts +0 -14
  67. package/lib/navigation/toc/dga-toc.d.ts +0 -16
  68. package/lib/navigation/toolbar/dga-toolbar.d.ts +0 -7
  69. package/lib/overlays/dialog/dga-dialog.d.ts +0 -28
  70. package/lib/overlays/drawer/dga-drawer.d.ts +0 -28
  71. package/lib/overlays/image-popup/dga-image-popup.d.ts +0 -65
  72. package/lib/overlays/menu/dga-menu.d.ts +0 -50
  73. package/lib/overlays/modal/dga-modal.d.ts +0 -44
  74. package/lib/overlays/toast/dga-toast-outlet.d.ts +0 -11
  75. package/lib/overlays/toast/dga-toast.d.ts +0 -24
  76. package/lib/overlays/toast/dga-toast.service.d.ts +0 -39
  77. package/lib/overlays/tooltip/dga-tooltip.d.ts +0 -60
  78. package/lib/primitives/avatar/dga-avatar.d.ts +0 -13
  79. package/lib/primitives/badge/dga-badge.d.ts +0 -10
  80. package/lib/primitives/button/dga-button.d.ts +0 -20
  81. package/lib/primitives/chip/dga-chip.d.ts +0 -11
  82. package/lib/primitives/divider/dga-divider.d.ts +0 -10
  83. package/lib/primitives/icon/dga-icon-badge.d.ts +0 -14
  84. package/lib/primitives/icon/dga-icon-font.service.d.ts +0 -14
  85. package/lib/primitives/icon/dga-icon-registry.d.ts +0 -9
  86. package/lib/primitives/icon/dga-icon.d.ts +0 -40
  87. package/lib/primitives/link/dga-link.d.ts +0 -10
  88. package/lib/primitives/progress/dga-progress.d.ts +0 -25
  89. package/lib/primitives/skeleton/dga-skeleton.d.ts +0 -30
  90. package/lib/primitives/spinner/dga-spinner.d.ts +0 -12
  91. package/lib/shell/footer/dga-footer.d.ts +0 -60
  92. package/lib/shell/header/dga-header.d.ts +0 -343
  93. package/lib/shell/hero/dga-hero.d.ts +0 -128
  94. package/lib/shell/logo-tile/dga-logo-tile.d.ts +0 -11
  95. package/lib/shell/preloader/dga-preloader.d.ts +0 -55
  96. package/lib/shell/side-info/dga-side-info.d.ts +0 -19
  97. package/lib/shell/top-bar/dga-top-bar.d.ts +0 -63
  98. package/lib/shell/top-bar/sa-flag.d.ts +0 -2
  99. package/lib/utils/cx.d.ts +0 -2
  100. package/lib/utils/locale.d.ts +0 -2
  101. package/public-api.d.ts +0 -91
@@ -1,24 +0,0 @@
1
- import { OnDestroy } from '@angular/core';
2
- import { type DgaIconName } from '../../primitives/icon/dga-icon';
3
- import * as i0 from "@angular/core";
4
- export type DgaToastVariant = 'neutral' | 'success' | 'info' | 'warning' | 'error';
5
- export declare class DgaToast implements OnDestroy {
6
- readonly open: import("@angular/core").ModelSignal<boolean>;
7
- readonly variant: import("@angular/core").InputSignal<DgaToastVariant>;
8
- readonly title: import("@angular/core").InputSignal<string>;
9
- readonly dismissible: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
10
- readonly closeLabel: import("@angular/core").InputSignal<string>;
11
- /** Auto-dismiss after ms; `0` disables. Default 5s per a11y guidance. */
12
- readonly duration: import("@angular/core").InputSignal<number>;
13
- readonly closed: import("@angular/core").OutputEmitterRef<void>;
14
- private timer;
15
- readonly classes: import("@angular/core").Signal<string>;
16
- readonly iconName: import("@angular/core").Signal<DgaIconName>;
17
- readonly iconTone: import("@angular/core").Signal<"success" | "warning" | "error" | "muted" | "current">;
18
- constructor();
19
- ngOnDestroy(): void;
20
- dismiss(): void;
21
- private clearTimer;
22
- static ɵfac: i0.ɵɵFactoryDeclaration<DgaToast, never>;
23
- static ɵcmp: i0.ɵɵComponentDeclaration<DgaToast, "dga-toast", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closed": "closed"; }, never, ["*"], true, never>;
24
- }
@@ -1,39 +0,0 @@
1
- import type { DgaToastVariant } from './dga-toast';
2
- import * as i0 from "@angular/core";
3
- export interface DgaToastShowOptions {
4
- title?: string;
5
- message?: string;
6
- variant?: DgaToastVariant;
7
- duration?: number;
8
- dismissible?: boolean;
9
- }
10
- export interface DgaToastRequest extends Required<Pick<DgaToastShowOptions, 'title' | 'message' | 'variant' | 'duration' | 'dismissible'>> {
11
- id: number;
12
- }
13
- /**
14
- * Imperative toast API — used by Copy and any app code that needs feedback
15
- * without wiring `<dga-toast>` inputs manually.
16
- *
17
- * Prefer mounting `<dga-toast-outlet />` once near the app root.
18
- * Falls back to a lightweight DOM toast when no outlet is present.
19
- */
20
- export declare class DgaToastService {
21
- private seq;
22
- private outletCount;
23
- private fallbackTimer;
24
- private fallbackEl;
25
- /** Active request observed by `DgaToastOutlet`. */
26
- readonly request: import("@angular/core").WritableSignal<DgaToastRequest | null>;
27
- /** Called by the outlet on connect/disconnect. */
28
- registerOutlet(): () => void;
29
- /** Show a toast. Replaces any currently visible toast. */
30
- show(options?: DgaToastShowOptions): void;
31
- /** Convenience for clipboard success. */
32
- copied(message?: string, title?: string): void;
33
- /** Dismiss the active toast. */
34
- dismiss(): void;
35
- private showFallback;
36
- private clearFallback;
37
- static ɵfac: i0.ɵɵFactoryDeclaration<DgaToastService, never>;
38
- static ɵprov: i0.ɵɵInjectableDeclaration<DgaToastService>;
39
- }
@@ -1,60 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- /** Matches DGA guideline placements (logical start/end for RTL). */
3
- export type DgaTooltipPlacement = 'top' | 'bottom' | 'start' | 'end';
4
- /** Default = light surface; inverted = dark tip (guideline «معكوس»). */
5
- export type DgaTooltipVariant = 'default' | 'inverted';
6
- /**
7
- * Tooltip aligned with
8
- * https://design.dga.gov.sa/guidelines/components/feedback/tooltip
9
- *
10
- * Anatomy: optional help badge · title · body · container · beak
11
- */
12
- export declare class DgaTooltip {
13
- private static seq;
14
- private readonly host;
15
- private readonly destroyRef;
16
- /** Body / helper text (guideline «الرسالة»). */
17
- readonly text: import("@angular/core").InputSignal<string>;
18
- /** Optional concise title (guideline «العنوان»). */
19
- readonly title: import("@angular/core").InputSignal<string>;
20
- readonly placement: import("@angular/core").InputSignal<DgaTooltipPlacement>;
21
- readonly variant: import("@angular/core").InputSignal<DgaTooltipVariant>;
22
- /** Show the filled “?” help badge inside the tip. Default `true`. */
23
- readonly showIcon: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
24
- readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
25
- readonly showDelay: import("@angular/core").InputSignal<number>;
26
- readonly hideDelay: import("@angular/core").InputSignal<number>;
27
- /** Auto-dismiss after open on touch / click toggle. `0` disables. */
28
- readonly dismissMs: import("@angular/core").InputSignal<number>;
29
- readonly open: import("@angular/core").WritableSignal<boolean>;
30
- readonly tipId: string;
31
- private showTimer;
32
- private hideTimer;
33
- private dismissTimer;
34
- private touchPinned;
35
- constructor();
36
- /** Capture-phase so overflow containers also dismiss the tip. */
37
- private readonly onScrollCapture;
38
- onDocPointer(event: PointerEvent): void;
39
- onDocEscape(): void;
40
- onWindowBlur(): void;
41
- onVisibility(): void;
42
- onEnter(event: PointerEvent): void;
43
- onLeave(event: PointerEvent): void;
44
- onFocusOut(event: FocusEvent): void;
45
- onClick(event: MouseEvent): void;
46
- showSoon(): void;
47
- hideSoon(): void;
48
- show(): void;
49
- hide(): void;
50
- toggle(): void;
51
- private toggleTouch;
52
- private scheduleDismiss;
53
- private isCoarsePointer;
54
- private clearShow;
55
- private clearHide;
56
- private clearDismiss;
57
- private clearTimers;
58
- static ɵfac: i0.ɵɵFactoryDeclaration<DgaTooltip, never>;
59
- static ɵcmp: i0.ɵɵComponentDeclaration<DgaTooltip, "dga-tooltip", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showDelay": { "alias": "showDelay"; "required": false; "isSignal": true; }; "hideDelay": { "alias": "hideDelay"; "required": false; "isSignal": true; }; "dismissMs": { "alias": "dismissMs"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
60
- }
@@ -1,13 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export type DgaAvatarSize = 'sm' | 'md' | 'lg' | 'xl';
3
- export declare class DgaAvatar {
4
- readonly src: import("@angular/core").InputSignal<string | undefined>;
5
- readonly name: import("@angular/core").InputSignal<string>;
6
- readonly size: import("@angular/core").InputSignal<DgaAvatarSize>;
7
- readonly alt: import("@angular/core").InputSignal<string>;
8
- readonly initials: import("@angular/core").Signal<string>;
9
- readonly resolvedAlt: import("@angular/core").Signal<string>;
10
- readonly classes: import("@angular/core").Signal<string>;
11
- static ɵfac: i0.ɵɵFactoryDeclaration<DgaAvatar, never>;
12
- static ɵcmp: i0.ɵɵComponentDeclaration<DgaAvatar, "dga-avatar", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
13
- }
@@ -1,10 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export type DgaBadgeVariant = 'neutral' | 'primary' | 'success' | 'info' | 'warning' | 'error';
3
- export type DgaBadgeSize = 'sm' | 'md';
4
- export declare class DgaBadge {
5
- readonly variant: import("@angular/core").InputSignal<DgaBadgeVariant>;
6
- readonly size: import("@angular/core").InputSignal<DgaBadgeSize>;
7
- readonly classes: import("@angular/core").Signal<string>;
8
- static ɵfac: i0.ɵɵFactoryDeclaration<DgaBadge, never>;
9
- static ɵcmp: i0.ɵɵComponentDeclaration<DgaBadge, "dga-badge", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
10
- }
@@ -1,20 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export type DgaButtonVariant = 'primary' | 'secondary' | 'subtle' | 'outline' | 'outlineMuted' | 'outlineInverse' | 'ghost' | 'danger' | 'inverse';
3
- export type DgaButtonSize = 'sm' | 'md' | 'lg';
4
- export declare class DgaButton {
5
- private readonly destroyRef;
6
- readonly variant: import("@angular/core").InputSignal<DgaButtonVariant>;
7
- readonly size: import("@angular/core").InputSignal<DgaButtonSize>;
8
- /** Square control sized to the icon (no horizontal padding). */
9
- readonly iconOnly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
10
- /** When > 0, disables the host for this many ms after each click. */
11
- readonly cooldownMs: import("@angular/core").InputSignal<number>;
12
- private readonly cooling;
13
- private cooldownTimer;
14
- readonly classes: import("@angular/core").Signal<string>;
15
- constructor();
16
- onHostClick(): void;
17
- private clearCooldown;
18
- static ɵfac: i0.ɵɵFactoryDeclaration<DgaButton, never>;
19
- static ɵdir: i0.ɵɵDirectiveDeclaration<DgaButton, "button[dgaButton], a[dgaButton]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "cooldownMs": { "alias": "cooldownMs"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
20
- }
@@ -1,11 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export type DgaChipVariant = 'neutral' | 'primary' | 'success' | 'info' | 'warning' | 'error';
3
- export declare class DgaChip {
4
- readonly variant: import("@angular/core").InputSignal<DgaChipVariant>;
5
- readonly removable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
6
- readonly removeLabel: import("@angular/core").InputSignal<string>;
7
- readonly removed: import("@angular/core").OutputEmitterRef<void>;
8
- readonly classes: import("@angular/core").Signal<string>;
9
- static ɵfac: i0.ɵɵFactoryDeclaration<DgaChip, never>;
10
- static ɵcmp: i0.ɵɵComponentDeclaration<DgaChip, "dga-chip", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["*"], true, never>;
11
- }
@@ -1,10 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export type DgaDividerOrientation = 'horizontal' | 'vertical';
3
- export declare class DgaDivider {
4
- readonly orientation: import("@angular/core").InputSignal<DgaDividerOrientation>;
5
- /** Optional centered label (horizontal only). */
6
- readonly label: import("@angular/core").InputSignal<string>;
7
- readonly classes: import("@angular/core").Signal<string>;
8
- static ɵfac: i0.ɵɵFactoryDeclaration<DgaDivider, never>;
9
- static ɵcmp: i0.ɵɵComponentDeclaration<DgaDivider, "dga-divider", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
10
- }
@@ -1,14 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export type DgaIconBadgeSize = 'sm' | 'md' | 'lg' | 'xl';
3
- export type DgaIconBadgeAppearance = 'filled' | 'outline';
4
- /**
5
- * Circular primary well for featured icons (metrics, service / help cards).
6
- * Project any icon / glyph via content.
7
- */
8
- export declare class DgaIconBadge {
9
- readonly size: import("@angular/core").InputSignal<DgaIconBadgeSize>;
10
- readonly appearance: import("@angular/core").InputSignal<DgaIconBadgeAppearance>;
11
- readonly classes: import("@angular/core").Signal<string>;
12
- static ɵfac: i0.ɵɵFactoryDeclaration<DgaIconBadge, never>;
13
- static ɵcmp: i0.ɵɵComponentDeclaration<DgaIconBadge, "dga-icon-badge", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
14
- }
@@ -1,14 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- /**
3
- * Marks the document when the content icon font is ready so `.hgi-stroke`
4
- * glyphs can fade in without a fallback flash.
5
- * No-op when `icon-font.css` was not imported.
6
- */
7
- export declare class DgaIconFontService {
8
- private loading;
9
- ensureLoaded(): Promise<void>;
10
- private hasToken;
11
- private load;
12
- static ɵfac: i0.ɵɵFactoryDeclaration<DgaIconFontService, never>;
13
- static ɵprov: i0.ɵɵInjectableDeclaration<DgaIconFontService>;
14
- }
@@ -1,9 +0,0 @@
1
- export type DgaIconName = 'access' | 'check' | 'close' | 'info' | 'helpCircle' | 'warning' | 'alertCircle' | 'error' | 'eye' | 'eyeOff' | 'eyeOffSlash' | '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';
2
- /** Decode `@platformscode/icons` data-URI exports into inline SVG markup. */
3
- export declare function decodePlatformscodeSvg(dataUri: string): string;
4
- /** Pre-decoded SVG markup keyed by friendly `DgaIconName`. */
5
- export declare const DGA_ICON_SVG: Record<DgaIconName, string>;
6
- /** Sorted list of curated chrome icon names (for docs / pickers). */
7
- export declare const DGA_ICON_NAMES: DgaIconName[];
8
- /** Names that mirror with reading direction (use for next/back affordances). */
9
- export declare const DGA_LOGICAL_ICON_NAMES: Set<DgaIconName>;
@@ -1,40 +0,0 @@
1
- import { type SafeHtml } from '@angular/platform-browser';
2
- import { type DgaIconName } from './dga-icon-registry';
3
- import * as i0 from "@angular/core";
4
- export type { DgaIconName } from './dga-icon-registry';
5
- /**
6
- * Platforms Code icon sizes (px):
7
- * 2xs 10 · xs 14 · sm 16 · md 18 · lg 20 · xl 24 · 2xl 28 · 3xl 32
8
- *
9
- * Migration from 0.1 early sizes: former `sm`(12)→`xs`, `md`(16)→`sm`;
10
- * `lg`(20) / `xl`(24) keep the same pixel values under the same names.
11
- */
12
- export type DgaIconSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
13
- export type DgaIconTone = 'current' | 'primary' | 'muted' | 'success' | 'warning' | 'error';
14
- export declare class DgaIcon {
15
- private readonly sanitizer;
16
- private readonly iconFont;
17
- /**
18
- * Curated inline SVG name for chrome / controls.
19
- * Required unless `glyph` is set.
20
- */
21
- readonly name: import("@angular/core").InputSignal<DgaIconName | undefined>;
22
- /**
23
- * HugeIcons Stroke Rounded glyph id for content icons (e.g. `search-01`).
24
- * Requires `@import '@a.nemreen/dga-tokens/styles/icon-font.css'`.
25
- */
26
- readonly glyph: import("@angular/core").InputSignal<string>;
27
- /** Default `sm` (16px) - common dense UI size; use `xl` (24px) for standard chrome. */
28
- readonly size: import("@angular/core").InputSignal<DgaIconSize>;
29
- readonly tone: import("@angular/core").InputSignal<DgaIconTone>;
30
- /** Optional accessible name; when empty the icon is decorative. */
31
- readonly label: import("@angular/core").InputSignal<string>;
32
- readonly isFont: import("@angular/core").Signal<boolean>;
33
- readonly logical: import("@angular/core").Signal<boolean>;
34
- readonly fontClasses: import("@angular/core").Signal<string>;
35
- readonly classes: import("@angular/core").Signal<string>;
36
- readonly svg: import("@angular/core").Signal<SafeHtml>;
37
- constructor();
38
- static ɵfac: i0.ɵɵFactoryDeclaration<DgaIcon, never>;
39
- static ɵcmp: i0.ɵɵComponentDeclaration<DgaIcon, "dga-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "glyph": { "alias": "glyph"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
40
- }
@@ -1,10 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export type DgaLinkVariant = 'primary' | 'plain' | 'neutral' | 'muted' | 'nav' | 'utility';
3
- export declare class DgaLink {
4
- readonly variant: import("@angular/core").InputSignal<DgaLinkVariant>;
5
- /** Optional chevron affordance for dropdown-style nav items. */
6
- readonly dropdown: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
7
- readonly classes: import("@angular/core").Signal<string>;
8
- static ɵfac: i0.ɵɵFactoryDeclaration<DgaLink, never>;
9
- static ɵdir: i0.ɵɵDirectiveDeclaration<DgaLink, "a[dgaLink]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "dropdown": { "alias": "dropdown"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
10
- }
@@ -1,25 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export type DgaProgressSize = 'sm' | 'md' | 'lg';
3
- export type DgaProgressTone = 'primary' | 'success' | 'warning' | 'error';
4
- export type DgaProgressAppearance = 'linear' | 'radial';
5
- export declare class DgaProgress {
6
- /** 0–100 */
7
- readonly value: import("@angular/core").InputSignal<number>;
8
- readonly size: import("@angular/core").InputSignal<DgaProgressSize>;
9
- readonly tone: import("@angular/core").InputSignal<DgaProgressTone>;
10
- readonly appearance: import("@angular/core").InputSignal<DgaProgressAppearance>;
11
- /** Show percent label inside the radial meter. */
12
- readonly showValue: import("@angular/core").InputSignal<boolean>;
13
- readonly label: import("@angular/core").InputSignal<string>;
14
- readonly radius = 15.5;
15
- readonly circumference: number;
16
- readonly clamped: import("@angular/core").Signal<number>;
17
- readonly dashOffset: import("@angular/core").Signal<number>;
18
- readonly hostClasses: import("@angular/core").Signal<"inline-flex" | "block w-full">;
19
- readonly trackClasses: import("@angular/core").Signal<string>;
20
- readonly barClasses: import("@angular/core").Signal<string>;
21
- readonly radialWrapClasses: import("@angular/core").Signal<string>;
22
- readonly strokeColor: import("@angular/core").Signal<string>;
23
- static ɵfac: i0.ɵɵFactoryDeclaration<DgaProgress, never>;
24
- static ɵcmp: i0.ɵɵComponentDeclaration<DgaProgress, "dga-progress", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
25
- }
@@ -1,30 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export type DgaSkeletonShape = 'text' | 'rect' | 'circle';
3
- export type DgaSkeletonAnimation = 'pulse' | 'shimmer' | 'none';
4
- export type DgaSkeletonSize = 'sm' | 'md' | 'lg';
5
- export type DgaSkeletonRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
6
- export declare class DgaSkeleton {
7
- readonly shape: import("@angular/core").InputSignal<DgaSkeletonShape>;
8
- readonly animation: import("@angular/core").InputSignal<DgaSkeletonAnimation>;
9
- readonly size: import("@angular/core").InputSignal<DgaSkeletonSize>;
10
- /** Optional width utility class, e.g. `w-full` or `w-5xl`. Ignored for sized circles unless set. */
11
- readonly widthClass: import("@angular/core").InputSignal<string>;
12
- /** Overrides size-based height when set. */
13
- readonly heightClass: import("@angular/core").InputSignal<string>;
14
- /** Number of text lines when `shape` is `text`. */
15
- readonly lines: import("@angular/core").InputSignalWithTransform<number, unknown>;
16
- /** Width class for the last line when `lines` > 1. */
17
- readonly lastWidthClass: import("@angular/core").InputSignal<string>;
18
- /** Override corner radius. Circles always use `full`. */
19
- readonly radius: import("@angular/core").InputSignal<DgaSkeletonRadius | null>;
20
- /** Accessible label announced while loading. */
21
- readonly label: import("@angular/core").InputSignal<string>;
22
- /** When false, treats the skeleton as decorative (aria-hidden). */
23
- readonly announce: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
24
- readonly lineCount: import("@angular/core").Signal<number>;
25
- readonly lineIndexes: import("@angular/core").Signal<number[]>;
26
- readonly gapClass: import("@angular/core").Signal<string>;
27
- boneClasses(isLast: boolean): string;
28
- static ɵfac: i0.ɵɵFactoryDeclaration<DgaSkeleton, never>;
29
- static ɵcmp: i0.ɵɵComponentDeclaration<DgaSkeleton, "dga-skeleton", never, { "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "widthClass": { "alias": "widthClass"; "required": false; "isSignal": true; }; "heightClass": { "alias": "heightClass"; "required": false; "isSignal": true; }; "lines": { "alias": "lines"; "required": false; "isSignal": true; }; "lastWidthClass": { "alias": "lastWidthClass"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "announce": { "alias": "announce"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
30
- }
@@ -1,12 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export type DgaSpinnerSize = 'sm' | 'md' | 'lg';
3
- export type DgaSpinnerTone = 'primary' | 'neutral' | 'on-color';
4
- export declare class DgaSpinner {
5
- readonly size: import("@angular/core").InputSignal<DgaSpinnerSize>;
6
- readonly tone: import("@angular/core").InputSignal<DgaSpinnerTone>;
7
- /** Accessible name announced to assistive tech. */
8
- readonly label: import("@angular/core").InputSignal<string>;
9
- readonly classes: import("@angular/core").Signal<string>;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<DgaSpinner, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<DgaSpinner, "dga-spinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
12
- }
@@ -1,60 +0,0 @@
1
- import { type DgaIconName } from '../../primitives/icon/dga-icon';
2
- import * as i0 from "@angular/core";
3
- export type DgaFooterAppearance = 'default' | 'brand';
4
- export interface DgaFooterLink {
5
- label: string;
6
- href: string;
7
- icon?: DgaIconName;
8
- external?: boolean;
9
- }
10
- export interface DgaFooterColumn {
11
- title: string;
12
- links: DgaFooterLink[];
13
- }
14
- export interface DgaFooterIconLink {
15
- /** Accessible name for the icon-only control. */
16
- label: string;
17
- href: string;
18
- icon: DgaIconName;
19
- external?: boolean;
20
- }
21
- export interface DgaFooterIconGroup {
22
- title: string;
23
- links: DgaFooterIconLink[];
24
- }
25
- export interface DgaFooterLogo {
26
- href: string;
27
- src: string;
28
- alt: string;
29
- width?: number;
30
- height?: number;
31
- external?: boolean;
32
- }
33
- export declare class DgaFooter {
34
- readonly brand: import("@angular/core").InputSignal<string>;
35
- readonly title: import("@angular/core").InputSignal<string>;
36
- readonly links: import("@angular/core").InputSignal<DgaFooterLink[]>;
37
- readonly columns: import("@angular/core").InputSignal<DgaFooterColumn[]>;
38
- /** Social and app-store icon groups. */
39
- readonly iconGroups: import("@angular/core").InputSignal<DgaFooterIconGroup[]>;
40
- /** Utility links shown above the copyright row. */
41
- readonly bottomLinks: import("@angular/core").InputSignal<DgaFooterLink[]>;
42
- readonly policyLinks: import("@angular/core").InputSignal<DgaFooterLink[]>;
43
- readonly logos: import("@angular/core").InputSignal<DgaFooterLogo[]>;
44
- readonly copyright: import("@angular/core").InputSignal<string>;
45
- readonly meta: import("@angular/core").InputSignal<string>;
46
- /** `brand` = dark primary footer for portal shells. */
47
- readonly appearance: import("@angular/core").InputSignal<DgaFooterAppearance>;
48
- readonly navLabel: import("@angular/core").InputSignal<string>;
49
- readonly ariaLabel: import("@angular/core").InputSignal<string>;
50
- readonly showBottom: import("@angular/core").Signal<boolean>;
51
- readonly hostClass: import("@angular/core").Signal<string>;
52
- readonly headingClass: import("@angular/core").Signal<string>;
53
- readonly textLinkClass: import("@angular/core").Signal<string>;
54
- readonly metaLinkClass: import("@angular/core").Signal<string>;
55
- readonly copyrightClass: import("@angular/core").Signal<string>;
56
- readonly dividerClass: import("@angular/core").Signal<string>;
57
- readonly iconBtnClass: import("@angular/core").Signal<string>;
58
- static ɵfac: i0.ɵɵFactoryDeclaration<DgaFooter, never>;
59
- static ɵcmp: i0.ɵɵComponentDeclaration<DgaFooter, "dga-footer", never, { "brand": { "alias": "brand"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "links": { "alias": "links"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "iconGroups": { "alias": "iconGroups"; "required": false; "isSignal": true; }; "bottomLinks": { "alias": "bottomLinks"; "required": false; "isSignal": true; }; "policyLinks": { "alias": "policyLinks"; "required": false; "isSignal": true; }; "logos": { "alias": "logos"; "required": false; "isSignal": true; }; "copyright": { "alias": "copyright"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "navLabel": { "alias": "navLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["[dgaFooterBrand]"], true, never>;
60
- }