@a.nemreen/dga-ui 0.2.0
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 +400 -0
- package/fesm2022/a.nemreen-dga-ui.mjs +9855 -0
- package/index.d.ts +5 -0
- package/lib/content/code/dga-code.d.ts +8 -0
- package/lib/content/list/dga-description-list.d.ts +13 -0
- package/lib/content/list/dga-list.d.ts +7 -0
- package/lib/content/metric/dga-metric.d.ts +17 -0
- package/lib/content/number/dga-number.d.ts +36 -0
- package/lib/content/persona/dga-persona.d.ts +11 -0
- package/lib/content/quote/dga-quote.d.ts +7 -0
- package/lib/data/carousel/dga-carousel.d.ts +79 -0
- package/lib/data/chart/dga-chart.d.ts +153 -0
- package/lib/data/export/dga-export-toolbar.d.ts +19 -0
- package/lib/data/export/dga-export.d.ts +26 -0
- package/lib/data/table/dga-table.d.ts +50 -0
- package/lib/domain/saudi-cities/dga-saudi-cities.d.ts +16 -0
- package/lib/feedback/a11y/dga-skip-link.d.ts +11 -0
- package/lib/feedback/accessibility/dga-accessibility.d.ts +133 -0
- package/lib/feedback/accessibility/dga-accessibility.service.d.ts +78 -0
- package/lib/feedback/alert/dga-alert.d.ts +27 -0
- package/lib/feedback/cookies/dga-cookies.d.ts +64 -0
- package/lib/feedback/copy/dga-copy.d.ts +43 -0
- package/lib/feedback/empty/dga-empty.d.ts +11 -0
- package/lib/feedback/feedback/dga-feedback.d.ts +30 -0
- package/lib/feedback/page-feedback/dga-page-feedback.d.ts +72 -0
- package/lib/feedback/rating/dga-rating.d.ts +17 -0
- package/lib/feedback/share/dga-share.d.ts +39 -0
- package/lib/forms/autocomplete/dga-autocomplete.d.ts +19 -0
- package/lib/forms/checkbox/dga-checkbox.d.ts +9 -0
- package/lib/forms/chip-input/dga-chip-input.d.ts +20 -0
- package/lib/forms/date-picker/dga-date-calendar.d.ts +44 -0
- package/lib/forms/date-picker/dga-date-picker.d.ts +152 -0
- package/lib/forms/field/dga-field.d.ts +22 -0
- package/lib/forms/form/dga-form-control.d.ts +50 -0
- package/lib/forms/form/form-control.styles.d.ts +16 -0
- package/lib/forms/input/dga-input.d.ts +13 -0
- package/lib/forms/label/dga-label.d.ts +8 -0
- package/lib/forms/multiselect/dga-multiselect.d.ts +20 -0
- package/lib/forms/number-input/dga-number-input.d.ts +25 -0
- package/lib/forms/otp/dga-otp.d.ts +19 -0
- package/lib/forms/phone-input/dga-phone-input.d.ts +33 -0
- package/lib/forms/radio/dga-radio.d.ts +9 -0
- package/lib/forms/select/dga-native-select.d.ts +15 -0
- package/lib/forms/select/dga-select.d.ts +65 -0
- package/lib/forms/slider/dga-slider.d.ts +7 -0
- package/lib/forms/switch/dga-switch.d.ts +14 -0
- package/lib/forms/upload/dga-upload.d.ts +32 -0
- package/lib/layout/card/dga-card-media.d.ts +13 -0
- package/lib/layout/card/dga-card.d.ts +89 -0
- package/lib/layout/clamp/dga-clamp.d.ts +11 -0
- package/lib/layout/expandable/dga-expandable.d.ts +14 -0
- package/lib/layout/grid/dga-grid.d.ts +10 -0
- package/lib/layout/section/dga-section.d.ts +22 -0
- package/lib/navigation/accordion/dga-accordion-item.d.ts +12 -0
- package/lib/navigation/accordion/dga-accordion.d.ts +10 -0
- package/lib/navigation/breadcrumb/dga-breadcrumb.d.ts +13 -0
- package/lib/navigation/filter-bar/dga-filter-bar.d.ts +18 -0
- package/lib/navigation/pagination/dga-pagination.d.ts +14 -0
- package/lib/navigation/scroll-top/dga-scroll-top.d.ts +35 -0
- package/lib/navigation/side-nav/dga-side-nav.d.ts +21 -0
- package/lib/navigation/stepper/dga-stepper.d.ts +15 -0
- package/lib/navigation/tabs/dga-tab.d.ts +12 -0
- package/lib/navigation/tabs/dga-tabs.d.ts +14 -0
- package/lib/navigation/toc/dga-toc.d.ts +16 -0
- package/lib/navigation/toolbar/dga-toolbar.d.ts +7 -0
- package/lib/overlays/dialog/dga-dialog.d.ts +28 -0
- package/lib/overlays/drawer/dga-drawer.d.ts +28 -0
- package/lib/overlays/image-popup/dga-image-popup.d.ts +65 -0
- package/lib/overlays/menu/dga-menu.d.ts +50 -0
- package/lib/overlays/modal/dga-modal.d.ts +44 -0
- package/lib/overlays/toast/dga-toast-outlet.d.ts +11 -0
- package/lib/overlays/toast/dga-toast.d.ts +24 -0
- package/lib/overlays/toast/dga-toast.service.d.ts +39 -0
- package/lib/overlays/tooltip/dga-tooltip.d.ts +60 -0
- package/lib/primitives/avatar/dga-avatar.d.ts +13 -0
- package/lib/primitives/badge/dga-badge.d.ts +10 -0
- package/lib/primitives/button/dga-button.d.ts +20 -0
- package/lib/primitives/chip/dga-chip.d.ts +11 -0
- package/lib/primitives/divider/dga-divider.d.ts +10 -0
- package/lib/primitives/icon/dga-icon-badge.d.ts +14 -0
- package/lib/primitives/icon/dga-icon-font.service.d.ts +14 -0
- package/lib/primitives/icon/dga-icon-registry.d.ts +9 -0
- package/lib/primitives/icon/dga-icon.d.ts +40 -0
- package/lib/primitives/link/dga-link.d.ts +10 -0
- package/lib/primitives/progress/dga-progress.d.ts +25 -0
- package/lib/primitives/skeleton/dga-skeleton.d.ts +30 -0
- package/lib/primitives/spinner/dga-spinner.d.ts +12 -0
- package/lib/shell/footer/dga-footer.d.ts +60 -0
- package/lib/shell/header/dga-header.d.ts +343 -0
- package/lib/shell/hero/dga-hero.d.ts +128 -0
- package/lib/shell/logo-tile/dga-logo-tile.d.ts +11 -0
- package/lib/shell/preloader/dga-preloader.d.ts +55 -0
- package/lib/shell/side-info/dga-side-info.d.ts +19 -0
- package/lib/shell/top-bar/dga-top-bar.d.ts +63 -0
- package/lib/shell/top-bar/sa-flag.d.ts +2 -0
- package/lib/utils/cx.d.ts +2 -0
- package/lib/utils/locale.d.ts +2 -0
- package/package.json +61 -0
- package/public-api.d.ts +91 -0
package/index.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class DgaCode {
|
|
3
|
+
readonly block: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
4
|
+
readonly language: import("@angular/core").InputSignal<string>;
|
|
5
|
+
readonly classes: import("@angular/core").Signal<string>;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DgaCode, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DgaCode, "dga-code", never, { "block": { "alias": "block"; "required": false; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; }, {}, never, ["*", "*"], true, never>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export interface DgaDescriptionItem {
|
|
3
|
+
term: string;
|
|
4
|
+
description: string;
|
|
5
|
+
}
|
|
6
|
+
export type DgaDescriptionLayout = 'table' | 'stacked';
|
|
7
|
+
export declare class DgaDescriptionList {
|
|
8
|
+
readonly items: import("@angular/core").InputSignal<DgaDescriptionItem[]>;
|
|
9
|
+
readonly layout: import("@angular/core").InputSignal<DgaDescriptionLayout>;
|
|
10
|
+
readonly listClasses: import("@angular/core").Signal<string>;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DgaDescriptionList, never>;
|
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DgaDescriptionList, "dga-description-list", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
13
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class DgaList {
|
|
3
|
+
readonly ordered: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
4
|
+
readonly listClasses: import("@angular/core").Signal<string>;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DgaList, never>;
|
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DgaList, "dga-list", never, { "ordered": { "alias": "ordered"; "required": false; "isSignal": true; }; }, {}, never, ["*", "*"], true, never>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export type DgaMetricTrend = 'up' | 'down' | 'neutral';
|
|
3
|
+
/** `stat` = portal home metrics (icon well, value, label, centered). */
|
|
4
|
+
export type DgaMetricAppearance = 'default' | 'stat';
|
|
5
|
+
export declare class DgaMetric {
|
|
6
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
7
|
+
readonly value: import("@angular/core").InputSignal<string>;
|
|
8
|
+
readonly delta: import("@angular/core").InputSignal<string>;
|
|
9
|
+
readonly trend: import("@angular/core").InputSignal<DgaMetricTrend>;
|
|
10
|
+
readonly appearance: import("@angular/core").InputSignal<DgaMetricAppearance>;
|
|
11
|
+
readonly hostClasses: import("@angular/core").Signal<string>;
|
|
12
|
+
readonly deltaClasses: import("@angular/core").Signal<string>;
|
|
13
|
+
trendGlyph(): string;
|
|
14
|
+
trendLabel(): string;
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DgaMetric, never>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DgaMetric, "dga-metric", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "delta": { "alias": "delta"; "required": false; "isSignal": true; }; "trend": { "alias": "trend"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; }, {}, never, ["[dgaMetricIcon]"], true, never>;
|
|
17
|
+
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export type DgaCurrency = 'SAR' | 'USD' | 'EUR' | 'GBP' | 'JPY' | 'CNY' | 'INR' | 'KRW' | 'TRY';
|
|
4
|
+
/**
|
|
5
|
+
* Locale-aware number display with optional currency/unit and scroll-triggered counter.
|
|
6
|
+
*/
|
|
7
|
+
export declare class DgaNumber implements OnInit {
|
|
8
|
+
private readonly el;
|
|
9
|
+
private readonly destroyRef;
|
|
10
|
+
/** Target / display value. Accepts number or string (suffixes like `%` preserved for counters). */
|
|
11
|
+
readonly value: import("@angular/core").InputSignal<string | number>;
|
|
12
|
+
readonly currency: import("@angular/core").InputSignal<"" | DgaCurrency>;
|
|
13
|
+
readonly unit: import("@angular/core").InputSignal<string>;
|
|
14
|
+
/** Hide currency glyph (e.g. free / مجاني). */
|
|
15
|
+
readonly free: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
16
|
+
/** Animate from `start` to `value` when scrolled into view. */
|
|
17
|
+
readonly counter: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
18
|
+
readonly start: import("@angular/core").InputSignal<number>;
|
|
19
|
+
readonly duration: import("@angular/core").InputSignal<number>;
|
|
20
|
+
readonly decimals: import("@angular/core").InputSignal<number | null>;
|
|
21
|
+
readonly display: import("@angular/core").WritableSignal<string>;
|
|
22
|
+
readonly animating: import("@angular/core").WritableSignal<boolean>;
|
|
23
|
+
private observer;
|
|
24
|
+
private raf;
|
|
25
|
+
private animated;
|
|
26
|
+
readonly currencyPrefix: import("@angular/core").Signal<string>;
|
|
27
|
+
readonly valueClasses: import("@angular/core").Signal<string>;
|
|
28
|
+
ngOnInit(): void;
|
|
29
|
+
private setMinWidth;
|
|
30
|
+
private observe;
|
|
31
|
+
private animate;
|
|
32
|
+
private formatStatic;
|
|
33
|
+
private format;
|
|
34
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DgaNumber, never>;
|
|
35
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DgaNumber, "dga-number", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "free": { "alias": "free"; "required": false; "isSignal": true; }; "counter": { "alias": "counter"; "required": false; "isSignal": true; }; "start": { "alias": "start"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
36
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type DgaAvatarSize } from '../../primitives/avatar/dga-avatar';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class DgaPersona {
|
|
4
|
+
readonly name: import("@angular/core").InputSignal<string>;
|
|
5
|
+
readonly subtitle: import("@angular/core").InputSignal<string>;
|
|
6
|
+
readonly src: import("@angular/core").InputSignal<string | undefined>;
|
|
7
|
+
readonly size: import("@angular/core").InputSignal<DgaAvatarSize>;
|
|
8
|
+
readonly classes: import("@angular/core").Signal<string>;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DgaPersona, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DgaPersona, "dga-persona", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class DgaQuote {
|
|
3
|
+
readonly citation: import("@angular/core").InputSignal<string>;
|
|
4
|
+
readonly classes: import("@angular/core").Signal<string>;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DgaQuote, never>;
|
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DgaQuote, "dga-quote", never, { "citation": { "alias": "citation"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
/** Simple title/body slide used by the gallery demo. */
|
|
3
|
+
export interface DgaCarouselSlide {
|
|
4
|
+
title: string;
|
|
5
|
+
body: string;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Marks a projected child as a carousel slide (multi-card mode).
|
|
9
|
+
* Sizing uses CSS vars set by the parent `dga-carousel` (inherits across projection).
|
|
10
|
+
*/
|
|
11
|
+
export declare class DgaCarouselSlideDirective {
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DgaCarouselSlideDirective, never>;
|
|
13
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DgaCarouselSlideDirective, "[dgaCarouselSlide]", never, {}, {}, never, never, true, never>;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Multi-item card carousel with content projection,
|
|
17
|
+
* plus a simple title/body mode when `[slides]` is provided.
|
|
18
|
+
*
|
|
19
|
+
* @example Related services
|
|
20
|
+
* ```html
|
|
21
|
+
* <dga-carousel [slidesMax]="3" [slidesMid]="2" [slidesMin]="1" [peek]="40">
|
|
22
|
+
* @for (item of items; track item.id) {
|
|
23
|
+
* <dga-card dgaCarouselSlide>...</dga-card>
|
|
24
|
+
* }
|
|
25
|
+
* </dga-carousel>
|
|
26
|
+
* ```
|
|
27
|
+
*/
|
|
28
|
+
export declare class DgaCarousel {
|
|
29
|
+
private readonly destroyRef;
|
|
30
|
+
private readonly host;
|
|
31
|
+
private readonly track;
|
|
32
|
+
private readonly projected;
|
|
33
|
+
/** Simple title/body slides (gallery). When non-empty, enables simple mode. */
|
|
34
|
+
readonly slides: import("@angular/core").InputSignal<DgaCarouselSlide[]>;
|
|
35
|
+
readonly index: import("@angular/core").ModelSignal<number>;
|
|
36
|
+
/** Visible slides at large / medium / small breakpoints (multi mode). */
|
|
37
|
+
readonly slidesMax: import("@angular/core").InputSignal<number>;
|
|
38
|
+
readonly slidesMid: import("@angular/core").InputSignal<number>;
|
|
39
|
+
readonly slidesMin: import("@angular/core").InputSignal<number>;
|
|
40
|
+
/** Peek of the next slide in px. */
|
|
41
|
+
readonly peek: import("@angular/core").InputSignal<number>;
|
|
42
|
+
/** Gap between slides in px. */
|
|
43
|
+
readonly gap: import("@angular/core").InputSignal<number>;
|
|
44
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
45
|
+
readonly prevLabel: import("@angular/core").InputSignal<string>;
|
|
46
|
+
readonly nextLabel: import("@angular/core").InputSignal<string>;
|
|
47
|
+
readonly dotsLabel: import("@angular/core").InputSignal<string>;
|
|
48
|
+
readonly emptyLabel: import("@angular/core").InputSignal<string>;
|
|
49
|
+
readonly pageIndex: import("@angular/core").WritableSignal<number>;
|
|
50
|
+
readonly perView: import("@angular/core").WritableSignal<number>;
|
|
51
|
+
private readonly slideCount;
|
|
52
|
+
readonly isSimple: import("@angular/core").Signal<boolean>;
|
|
53
|
+
readonly current: import("@angular/core").Signal<DgaCarouselSlide | null>;
|
|
54
|
+
readonly pages: import("@angular/core").Signal<number[]>;
|
|
55
|
+
constructor();
|
|
56
|
+
showControls(): boolean;
|
|
57
|
+
atStart(): boolean;
|
|
58
|
+
atEnd(): boolean;
|
|
59
|
+
textNavClass(): string;
|
|
60
|
+
iconNavClass(disabled: boolean): string;
|
|
61
|
+
canNavigate(): boolean;
|
|
62
|
+
clampedIndex(): number;
|
|
63
|
+
dotLabel(i: number): string;
|
|
64
|
+
go(i: number): void;
|
|
65
|
+
prev(): void;
|
|
66
|
+
next(): void;
|
|
67
|
+
goPage(i: number): void;
|
|
68
|
+
prevPage(): void;
|
|
69
|
+
nextPage(): void;
|
|
70
|
+
onTrackScroll(): void;
|
|
71
|
+
private refreshMetrics;
|
|
72
|
+
private resolvePerView;
|
|
73
|
+
private pageScrollAmount;
|
|
74
|
+
private scrollToPage;
|
|
75
|
+
private isRtl;
|
|
76
|
+
onKeydown(event: KeyboardEvent): void;
|
|
77
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DgaCarousel, never>;
|
|
78
|
+
static ɵcmp: i0.ɵɵ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>;
|
|
79
|
+
}
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export type DgaChartType = 'bar' | 'line' | 'pie' | 'donut';
|
|
3
|
+
/** Backward-compatible single-series point: `{ label, value }`. */
|
|
4
|
+
export interface DgaChartPoint {
|
|
5
|
+
label: string;
|
|
6
|
+
value: number;
|
|
7
|
+
}
|
|
8
|
+
/** Multi-series data: one named series of values, aligned with `labels()`. */
|
|
9
|
+
export interface DgaChartDataset {
|
|
10
|
+
name: string;
|
|
11
|
+
data: number[];
|
|
12
|
+
}
|
|
13
|
+
interface DgaChartBarSlot {
|
|
14
|
+
seriesIndex: number;
|
|
15
|
+
categoryIndex: number;
|
|
16
|
+
x: number;
|
|
17
|
+
y: number;
|
|
18
|
+
w: number;
|
|
19
|
+
h: number;
|
|
20
|
+
value: number;
|
|
21
|
+
color: string;
|
|
22
|
+
name: string;
|
|
23
|
+
category: string;
|
|
24
|
+
}
|
|
25
|
+
interface DgaChartLinePoint {
|
|
26
|
+
x: number;
|
|
27
|
+
y: number;
|
|
28
|
+
value: number;
|
|
29
|
+
category: string;
|
|
30
|
+
}
|
|
31
|
+
interface DgaChartLine {
|
|
32
|
+
name: string;
|
|
33
|
+
color: string;
|
|
34
|
+
points: DgaChartLinePoint[];
|
|
35
|
+
linePath: string;
|
|
36
|
+
areaPath: string;
|
|
37
|
+
}
|
|
38
|
+
interface DgaChartLegendItem {
|
|
39
|
+
name: string;
|
|
40
|
+
color: string;
|
|
41
|
+
value: number | null;
|
|
42
|
+
}
|
|
43
|
+
interface DgaChartTooltip {
|
|
44
|
+
x: number;
|
|
45
|
+
y: number;
|
|
46
|
+
title: string;
|
|
47
|
+
items: {
|
|
48
|
+
name: string;
|
|
49
|
+
color: string;
|
|
50
|
+
value: number;
|
|
51
|
+
}[];
|
|
52
|
+
}
|
|
53
|
+
export declare class DgaChart {
|
|
54
|
+
readonly type: import("@angular/core").InputSignal<DgaChartType>;
|
|
55
|
+
/** BC single-series input: `[{ label, value }]`. */
|
|
56
|
+
readonly series: import("@angular/core").InputSignal<DgaChartPoint[]>;
|
|
57
|
+
/** Category names shared by all `datasets()`. */
|
|
58
|
+
readonly labels: import("@angular/core").InputSignal<string[]>;
|
|
59
|
+
/** Preferred multi-series input for bar/line. */
|
|
60
|
+
readonly datasets: import("@angular/core").InputSignal<DgaChartDataset[]>;
|
|
61
|
+
/** Shown for pie/donut and multi-series bar/line. Set `false` to force-hide. */
|
|
62
|
+
readonly legend: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
63
|
+
readonly tooltip: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
64
|
+
readonly grid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
65
|
+
readonly stacked: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
66
|
+
readonly smooth: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
67
|
+
readonly area: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
68
|
+
readonly dots: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
69
|
+
/** Overrides the `--dga-chart-color-1..6` token cycle. */
|
|
70
|
+
readonly colors: import("@angular/core").InputSignal<string[]>;
|
|
71
|
+
readonly height: import("@angular/core").InputSignal<number>;
|
|
72
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
73
|
+
/** Fixed drawing width; scales via CSS `w-full`. */
|
|
74
|
+
readonly width = 400;
|
|
75
|
+
readonly pieSize = 180;
|
|
76
|
+
readonly pad: {
|
|
77
|
+
t: number;
|
|
78
|
+
r: number;
|
|
79
|
+
b: number;
|
|
80
|
+
l: number;
|
|
81
|
+
};
|
|
82
|
+
private readonly hiddenNames;
|
|
83
|
+
readonly hiddenSeries: import("@angular/core").Signal<Set<string>>;
|
|
84
|
+
readonly hoveredCategoryIndex: import("@angular/core").WritableSignal<number | null>;
|
|
85
|
+
readonly hoveredSlice: import("@angular/core").WritableSignal<{
|
|
86
|
+
index: number;
|
|
87
|
+
label: string;
|
|
88
|
+
value: number;
|
|
89
|
+
} | null>;
|
|
90
|
+
readonly isPieType: import("@angular/core").Signal<boolean>;
|
|
91
|
+
/** Category labels: explicit `labels()`, else derived from `datasets()` length, else BC `series()` labels. */
|
|
92
|
+
readonly categories: import("@angular/core").Signal<string[]>;
|
|
93
|
+
/** Normalized series: `datasets()` when present, else one series built from BC `series()`. */
|
|
94
|
+
readonly seriesList: import("@angular/core").Signal<DgaChartDataset[]>;
|
|
95
|
+
readonly visibleSeriesList: import("@angular/core").Signal<DgaChartDataset[]>;
|
|
96
|
+
/** Points feeding pie/donut: BC `series()`, else first dataset paired with `labels()`. */
|
|
97
|
+
readonly piePoints: import("@angular/core").Signal<DgaChartPoint[]>;
|
|
98
|
+
readonly visiblePiePoints: import("@angular/core").Signal<DgaChartPoint[]>;
|
|
99
|
+
readonly showLegend: import("@angular/core").Signal<boolean>;
|
|
100
|
+
readonly legendItems: import("@angular/core").Signal<DgaChartLegendItem[]>;
|
|
101
|
+
colorFor(index: number): string;
|
|
102
|
+
toggleSeries(name: string): void;
|
|
103
|
+
readonly ariaLabel: import("@angular/core").Signal<string>;
|
|
104
|
+
readonly plot: import("@angular/core").Signal<{
|
|
105
|
+
x: number;
|
|
106
|
+
y: number;
|
|
107
|
+
w: number;
|
|
108
|
+
h: number;
|
|
109
|
+
}>;
|
|
110
|
+
readonly gridYs: import("@angular/core").Signal<number[]>;
|
|
111
|
+
readonly maxValue: import("@angular/core").Signal<number>;
|
|
112
|
+
/** Layout for one group (category) slot shared by bars and the hover hit-rect. */
|
|
113
|
+
private readonly groupLayout;
|
|
114
|
+
readonly categoryTicks: import("@angular/core").Signal<{
|
|
115
|
+
index: number;
|
|
116
|
+
category: string;
|
|
117
|
+
x: number;
|
|
118
|
+
hitX: number;
|
|
119
|
+
hitW: number;
|
|
120
|
+
}[]>;
|
|
121
|
+
readonly bars: import("@angular/core").Signal<DgaChartBarSlot[]>;
|
|
122
|
+
readonly visibleLines: import("@angular/core").Signal<DgaChartLine[]>;
|
|
123
|
+
private straightPathD;
|
|
124
|
+
/** Piecewise cubic Bezier through the points (Catmull-Rom style tangents). */
|
|
125
|
+
private smoothPathD;
|
|
126
|
+
private areaPathD;
|
|
127
|
+
readonly pieSlices: import("@angular/core").Signal<{
|
|
128
|
+
index: number;
|
|
129
|
+
label: string;
|
|
130
|
+
value: number;
|
|
131
|
+
color: string;
|
|
132
|
+
d: string;
|
|
133
|
+
midX: number;
|
|
134
|
+
midY: number;
|
|
135
|
+
}[]>;
|
|
136
|
+
onCategoryEnter(index: number): void;
|
|
137
|
+
onCategoryLeave(): void;
|
|
138
|
+
onSliceEnter(index: number, slice: {
|
|
139
|
+
label: string;
|
|
140
|
+
value: number;
|
|
141
|
+
}): void;
|
|
142
|
+
onSliceLeave(): void;
|
|
143
|
+
categoryAriaLabel(index: number): string;
|
|
144
|
+
readonly categoryTooltip: import("@angular/core").Signal<DgaChartTooltip | null>;
|
|
145
|
+
readonly sliceTooltip: import("@angular/core").Signal<DgaChartTooltip | null>;
|
|
146
|
+
tooltipWidth(tip: DgaChartTooltip): number;
|
|
147
|
+
tooltipHeight(tip: DgaChartTooltip): number;
|
|
148
|
+
tooltipX(tip: DgaChartTooltip): number;
|
|
149
|
+
tooltipY(tip: DgaChartTooltip): number;
|
|
150
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DgaChart, never>;
|
|
151
|
+
static ɵcmp: i0.ɵɵ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; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
152
|
+
}
|
|
153
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type DgaExportColumn } from './dga-export';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export type DgaExportScope = 'auto' | 'all' | 'selected';
|
|
4
|
+
export declare class DgaExportToolbar {
|
|
5
|
+
private readonly exporter;
|
|
6
|
+
readonly columns: import("@angular/core").InputSignal<DgaExportColumn[]>;
|
|
7
|
+
readonly rows: import("@angular/core").InputSignal<Record<string, unknown>[]>;
|
|
8
|
+
readonly selectedRows: import("@angular/core").InputSignal<Record<string, unknown>[]>;
|
|
9
|
+
readonly filename: import("@angular/core").InputSignal<string>;
|
|
10
|
+
readonly scope: import("@angular/core").InputSignal<DgaExportScope>;
|
|
11
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
12
|
+
readonly printTitle: import("@angular/core").InputSignal<string>;
|
|
13
|
+
private readonly exportData;
|
|
14
|
+
exportCsv(): void;
|
|
15
|
+
exportXls(): void;
|
|
16
|
+
exportPdf(): void;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DgaExportToolbar, never>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DgaExportToolbar, "dga-export-toolbar", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "selectedRows": { "alias": "selectedRows"; "required": false; "isSignal": true; }; "filename": { "alias": "filename"; "required": false; "isSignal": true; }; "scope": { "alias": "scope"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "printTitle": { "alias": "printTitle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
19
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export interface DgaExportColumn {
|
|
3
|
+
key: string;
|
|
4
|
+
label: string;
|
|
5
|
+
}
|
|
6
|
+
export interface DgaExportData {
|
|
7
|
+
columns: DgaExportColumn[];
|
|
8
|
+
rows: Record<string, string>[];
|
|
9
|
+
}
|
|
10
|
+
export declare class DgaExport {
|
|
11
|
+
private readonly doc;
|
|
12
|
+
collect(columns: DgaExportColumn[], rows: Array<Record<string, unknown>>): DgaExportData;
|
|
13
|
+
toCsv(data: DgaExportData): string;
|
|
14
|
+
toXlsHtml(data: DgaExportData, dir?: 'rtl' | 'ltr'): string;
|
|
15
|
+
download(data: DgaExportData, format: 'csv' | 'xls', filename?: string): void;
|
|
16
|
+
openPrint(data: DgaExportData, title?: string): void;
|
|
17
|
+
csv(data: DgaExportData, filename?: string): void;
|
|
18
|
+
xls(data: DgaExportData, filename?: string): void;
|
|
19
|
+
pdf(data: DgaExportData, title?: string): void;
|
|
20
|
+
private triggerDownload;
|
|
21
|
+
private csvCell;
|
|
22
|
+
private guardFormula;
|
|
23
|
+
private escapeHtml;
|
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DgaExport, never>;
|
|
25
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<DgaExport>;
|
|
26
|
+
}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export interface DgaTableColumn<T = Record<string, unknown>> {
|
|
3
|
+
key: string;
|
|
4
|
+
label: string;
|
|
5
|
+
sortable?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export type DgaSortDir = 'asc' | 'desc';
|
|
8
|
+
export type DgaTableDensity = 'comfortable' | 'compact';
|
|
9
|
+
export declare class DgaTable {
|
|
10
|
+
readonly columns: import("@angular/core").InputSignal<DgaTableColumn<Record<string, unknown>>[]>;
|
|
11
|
+
readonly rows: import("@angular/core").InputSignal<Record<string, unknown>[]>;
|
|
12
|
+
readonly selectable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
13
|
+
readonly idKey: import("@angular/core").InputSignal<string>;
|
|
14
|
+
readonly selectedKeys: import("@angular/core").ModelSignal<string[]>;
|
|
15
|
+
readonly sortKey: import("@angular/core").ModelSignal<string>;
|
|
16
|
+
readonly sortDir: import("@angular/core").ModelSignal<DgaSortDir>;
|
|
17
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
18
|
+
readonly selectAllLabel: import("@angular/core").InputSignal<string>;
|
|
19
|
+
readonly emptyLabel: import("@angular/core").InputSignal<string>;
|
|
20
|
+
readonly density: import("@angular/core").InputSignal<DgaTableDensity>;
|
|
21
|
+
readonly interactive: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
22
|
+
readonly loading: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
23
|
+
readonly stickyHeader: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
24
|
+
readonly hiddenKeys: import("@angular/core").ModelSignal<string[]>;
|
|
25
|
+
readonly skeletonRows: number[];
|
|
26
|
+
private readonly selectAllEl;
|
|
27
|
+
constructor();
|
|
28
|
+
readonly visibleColumns: import("@angular/core").Signal<DgaTableColumn<Record<string, unknown>>[]>;
|
|
29
|
+
readonly selectPad: import("@angular/core").Signal<"w-4xl px-lg py-xs" | "w-4xl px-lg py-md">;
|
|
30
|
+
readonly headerPad: import("@angular/core").Signal<string>;
|
|
31
|
+
readonly bodyPad: import("@angular/core").Signal<string>;
|
|
32
|
+
readonly rowClasses: import("@angular/core").Signal<string>;
|
|
33
|
+
readonly sortedRows: import("@angular/core").Signal<Record<string, unknown>[]>;
|
|
34
|
+
readonly allSelected: import("@angular/core").Signal<boolean>;
|
|
35
|
+
readonly someSelected: import("@angular/core").Signal<boolean>;
|
|
36
|
+
rowKey(row: Record<string, unknown>): string;
|
|
37
|
+
cellValue(row: Record<string, unknown>, key: string): string;
|
|
38
|
+
isSelected(row: Record<string, unknown>): boolean;
|
|
39
|
+
rowSelectLabel(row: Record<string, unknown>): string;
|
|
40
|
+
selectAllAria(): 'true' | 'false' | 'mixed';
|
|
41
|
+
emptyColspan(): number;
|
|
42
|
+
ariaSort(key: string): 'ascending' | 'descending' | 'none' | null;
|
|
43
|
+
sortGlyph(key: string): string;
|
|
44
|
+
toggleSort(key: string): void;
|
|
45
|
+
toggleRow(row: Record<string, unknown>): void;
|
|
46
|
+
toggleAll(): void;
|
|
47
|
+
private rowKeys;
|
|
48
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DgaTable, never>;
|
|
49
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DgaTable, "dga-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "idKey": { "alias": "idKey"; "required": false; "isSignal": true; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; "isSignal": true; }; "sortKey": { "alias": "sortKey"; "required": false; "isSignal": true; }; "sortDir": { "alias": "sortDir"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "hiddenKeys": { "alias": "hiddenKeys"; "required": false; "isSignal": true; }; }, { "selectedKeys": "selectedKeysChange"; "sortKey": "sortKeyChange"; "sortDir": "sortDirChange"; "hiddenKeys": "hiddenKeysChange"; }, never, never, true, never>;
|
|
50
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export interface DgaSaudiCity {
|
|
2
|
+
id: number;
|
|
3
|
+
region: string;
|
|
4
|
+
regionAr: string;
|
|
5
|
+
name: string;
|
|
6
|
+
nameAr: string;
|
|
7
|
+
}
|
|
8
|
+
/** Bilingual Saudi cities across all 13 administrative regions. */
|
|
9
|
+
export declare const DGA_SAUDI_CITIES: readonly DgaSaudiCity[];
|
|
10
|
+
/** Group cities by English region name. */
|
|
11
|
+
export declare function dgaGroupSaudiCitiesByRegion(cities?: readonly DgaSaudiCity[]): Record<string, DgaSaudiCity[]>;
|
|
12
|
+
/** Autocomplete-ready options (Arabic labels by default). */
|
|
13
|
+
export declare function dgaSaudiCityOptions(locale?: 'ar' | 'en', cities?: readonly DgaSaudiCity[]): {
|
|
14
|
+
label: string;
|
|
15
|
+
value: string;
|
|
16
|
+
}[];
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* Visually hidden until focused — first tab stop for keyboard users.
|
|
4
|
+
* Place near the top of the document; `href` should target main content id.
|
|
5
|
+
*/
|
|
6
|
+
export declare class DgaSkipLink {
|
|
7
|
+
readonly href: import("@angular/core").InputSignal<string>;
|
|
8
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DgaSkipLink, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DgaSkipLink, "dga-skip-link", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
import { type DgaIconName } from '../../primitives/icon/dga-icon';
|
|
2
|
+
import { DgaAccessibilityService, type DgaA11yBundle, type DgaA11yMode, type DgaA11yVisualFilter } from './dga-accessibility.service';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export type DgaAccessibilityPosition = 'end' | 'start' | 'left' | 'right';
|
|
5
|
+
type SectionId = 'modes' | 'readable' | 'visual';
|
|
6
|
+
type SectionOpen = SectionId | null;
|
|
7
|
+
export declare class DgaAccessibility {
|
|
8
|
+
readonly a11y: DgaAccessibilityService;
|
|
9
|
+
readonly position: import("@angular/core").InputSignal<DgaAccessibilityPosition>;
|
|
10
|
+
readonly panelId = "dga-accessibility-panel";
|
|
11
|
+
private readonly panelRef;
|
|
12
|
+
readonly sectionOpen: import("@angular/core").WritableSignal<SectionOpen>;
|
|
13
|
+
readonly resetArmed: import("@angular/core").WritableSignal<boolean>;
|
|
14
|
+
readonly liveMsg: import("@angular/core").WritableSignal<string>;
|
|
15
|
+
private resetTimer;
|
|
16
|
+
private draggingMask;
|
|
17
|
+
readonly copy: import("@angular/core").Signal<{
|
|
18
|
+
open: string;
|
|
19
|
+
close: string;
|
|
20
|
+
panelLabel: string;
|
|
21
|
+
title: string;
|
|
22
|
+
sectionModes: string;
|
|
23
|
+
sectionReadable: string;
|
|
24
|
+
sectionVisual: string;
|
|
25
|
+
langToggle: string;
|
|
26
|
+
reset: string;
|
|
27
|
+
resetConfirm: string;
|
|
28
|
+
announcedReset: string;
|
|
29
|
+
fontSize: string;
|
|
30
|
+
dyslexia: string;
|
|
31
|
+
highlightTitles: string;
|
|
32
|
+
highlightLinks: string;
|
|
33
|
+
readingMask: string;
|
|
34
|
+
reduceMotion: string;
|
|
35
|
+
textAlign: string;
|
|
36
|
+
lineHeight: string;
|
|
37
|
+
letterSpacing: string;
|
|
38
|
+
wordSpacing: string;
|
|
39
|
+
filterBoost: string;
|
|
40
|
+
filterMono: string;
|
|
41
|
+
filterHigh: string;
|
|
42
|
+
filterHighSat: string;
|
|
43
|
+
filterLowSat: string;
|
|
44
|
+
filterDeutan: string;
|
|
45
|
+
maskToolbar: string;
|
|
46
|
+
maskSmaller: string;
|
|
47
|
+
maskLarger: string;
|
|
48
|
+
maskDrag: string;
|
|
49
|
+
maskClose: string;
|
|
50
|
+
stateOn: string;
|
|
51
|
+
stateOff: string;
|
|
52
|
+
defaultValue: string;
|
|
53
|
+
fontLevels: string[];
|
|
54
|
+
alignLevels: string[];
|
|
55
|
+
lineLevels: string[];
|
|
56
|
+
letterLevels: string[];
|
|
57
|
+
wordLevels: string[];
|
|
58
|
+
bundles: {
|
|
59
|
+
'epilepsy-safe': {
|
|
60
|
+
label: string;
|
|
61
|
+
desc: string;
|
|
62
|
+
};
|
|
63
|
+
'visually-impaired': {
|
|
64
|
+
label: string;
|
|
65
|
+
desc: string;
|
|
66
|
+
};
|
|
67
|
+
'cognitive-disability': {
|
|
68
|
+
label: string;
|
|
69
|
+
desc: string;
|
|
70
|
+
};
|
|
71
|
+
'motor-impaired': {
|
|
72
|
+
label: string;
|
|
73
|
+
desc: string;
|
|
74
|
+
};
|
|
75
|
+
colorblind: {
|
|
76
|
+
label: string;
|
|
77
|
+
desc: string;
|
|
78
|
+
};
|
|
79
|
+
'dyslexia-friendly': {
|
|
80
|
+
label: string;
|
|
81
|
+
desc: string;
|
|
82
|
+
};
|
|
83
|
+
'adhd-friendly': {
|
|
84
|
+
label: string;
|
|
85
|
+
desc: string;
|
|
86
|
+
};
|
|
87
|
+
};
|
|
88
|
+
}>;
|
|
89
|
+
readonly bundles: import("@angular/core").Signal<{
|
|
90
|
+
id: DgaA11yBundle;
|
|
91
|
+
icon: DgaIconName;
|
|
92
|
+
label: string;
|
|
93
|
+
desc: string;
|
|
94
|
+
}[]>;
|
|
95
|
+
readonly readableTiles: import("@angular/core").Signal<{
|
|
96
|
+
id: string;
|
|
97
|
+
icon: DgaIconName;
|
|
98
|
+
label: string;
|
|
99
|
+
kind: "cycle" | "toggle";
|
|
100
|
+
active: boolean;
|
|
101
|
+
level: number;
|
|
102
|
+
valueLabel: string;
|
|
103
|
+
ariaLabel: string;
|
|
104
|
+
onClick: () => void;
|
|
105
|
+
}[]>;
|
|
106
|
+
readonly visualTiles: import("@angular/core").Signal<{
|
|
107
|
+
value: DgaA11yVisualFilter;
|
|
108
|
+
label: string;
|
|
109
|
+
icon: DgaIconName;
|
|
110
|
+
active: boolean;
|
|
111
|
+
}[]>;
|
|
112
|
+
readonly fabClasses: import("@angular/core").Signal<string>;
|
|
113
|
+
readonly panelClasses: import("@angular/core").Signal<string>;
|
|
114
|
+
constructor();
|
|
115
|
+
onKeydown(event: KeyboardEvent): void;
|
|
116
|
+
onPointerMove(event: PointerEvent): void;
|
|
117
|
+
onPointerUp(): void;
|
|
118
|
+
onFabClick(event: MouseEvent): void;
|
|
119
|
+
toggleSection(id: SectionId): void;
|
|
120
|
+
onBundle(id: DgaA11yBundle, enabled: boolean): void;
|
|
121
|
+
onToggleMode(mode: DgaA11yMode): void;
|
|
122
|
+
onFilter(value: DgaA11yVisualFilter): void;
|
|
123
|
+
onLocale(): void;
|
|
124
|
+
onReset(): void;
|
|
125
|
+
onMaskDragStart(event: PointerEvent): void;
|
|
126
|
+
tileClasses(active: boolean): string;
|
|
127
|
+
private panelPositionClass;
|
|
128
|
+
private announce;
|
|
129
|
+
private onMaskKeys;
|
|
130
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DgaAccessibility, never>;
|
|
131
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DgaAccessibility, "dga-accessibility", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
132
|
+
}
|
|
133
|
+
export {};
|