@a.nemreen/dga-ui 0.3.11 → 0.3.13
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/fesm2022/a.nemreen-dga-ui.mjs +146 -88
- package/package.json +1 -1
- package/types/a.nemreen-dga-ui.d.ts +26 -8
package/package.json
CHANGED
|
@@ -39,7 +39,7 @@ declare class DgaPageTransition {
|
|
|
39
39
|
*/
|
|
40
40
|
readonly key: _angular_core.InputSignal<string | number | null>;
|
|
41
41
|
readonly phase: _angular_core.WritableSignal<"idle" | "enter">;
|
|
42
|
-
readonly resolvedName: _angular_core.Signal<"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"
|
|
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
43
|
readonly durationCss: _angular_core.Signal<string>;
|
|
44
44
|
private htmlAttr;
|
|
45
45
|
private keyPrimed;
|
|
@@ -258,7 +258,7 @@ declare class DgaProgress {
|
|
|
258
258
|
readonly clamped: _angular_core.Signal<number>;
|
|
259
259
|
readonly dashOffset: _angular_core.Signal<number>;
|
|
260
260
|
readonly displayValue: _angular_core.Signal<string>;
|
|
261
|
-
readonly hostClasses: _angular_core.Signal<"
|
|
261
|
+
readonly hostClasses: _angular_core.Signal<"inline-flex" | "block w-full">;
|
|
262
262
|
readonly trackClasses: _angular_core.Signal<string>;
|
|
263
263
|
readonly barClasses: _angular_core.Signal<string>;
|
|
264
264
|
readonly radialWrapClasses: _angular_core.Signal<string>;
|
|
@@ -1031,6 +1031,8 @@ declare class DgaToast implements OnDestroy {
|
|
|
1031
1031
|
readonly leaving: _angular_core.WritableSignal<boolean>;
|
|
1032
1032
|
/** Remaining fraction of duration (1 → 0). */
|
|
1033
1033
|
readonly progress: _angular_core.WritableSignal<number>;
|
|
1034
|
+
readonly pausedUi: _angular_core.WritableSignal<boolean>;
|
|
1035
|
+
readonly ringEpoch: _angular_core.WritableSignal<number>;
|
|
1034
1036
|
readonly ringR = 10;
|
|
1035
1037
|
readonly ringC: number;
|
|
1036
1038
|
private remainingMs;
|
|
@@ -1038,6 +1040,9 @@ declare class DgaToast implements OnDestroy {
|
|
|
1038
1040
|
private paused;
|
|
1039
1041
|
private hoverPaused;
|
|
1040
1042
|
private focusPaused;
|
|
1043
|
+
private holdHoverPause;
|
|
1044
|
+
private holdFocusPause;
|
|
1045
|
+
private openSession;
|
|
1041
1046
|
private rafId;
|
|
1042
1047
|
private lastTick;
|
|
1043
1048
|
private exitTimer;
|
|
@@ -1049,18 +1054,18 @@ declare class DgaToast implements OnDestroy {
|
|
|
1049
1054
|
readonly edgeTop: _angular_core.Signal<"calc(var(--dga-announcement-offset, 0px) + 1rem)" | null>;
|
|
1050
1055
|
readonly edgeBottom: _angular_core.Signal<"1rem" | null>;
|
|
1051
1056
|
readonly iconName: _angular_core.Signal<DgaIconName>;
|
|
1052
|
-
readonly iconTone: _angular_core.Signal<"
|
|
1057
|
+
readonly iconTone: _angular_core.Signal<"success" | "warning" | "error" | "muted" | "current">;
|
|
1053
1058
|
readonly showCountdown: _angular_core.Signal<boolean>;
|
|
1054
1059
|
readonly reduceMotion: _angular_core.WritableSignal<boolean>;
|
|
1055
|
-
readonly ringDashOffset: _angular_core.Signal<number>;
|
|
1056
1060
|
private readonly animClass;
|
|
1057
1061
|
constructor();
|
|
1058
1062
|
ngOnDestroy(): void;
|
|
1059
1063
|
dismiss(): void;
|
|
1060
1064
|
onAnimationEnd(event: AnimationEvent): void;
|
|
1065
|
+
onRingEnded(event: AnimationEvent): void;
|
|
1061
1066
|
onPointerEnter(): void;
|
|
1062
1067
|
onPointerLeave(): void;
|
|
1063
|
-
onFocusIn(): void;
|
|
1068
|
+
onFocusIn(event: FocusEvent): void;
|
|
1064
1069
|
onFocusOut(event: FocusEvent): void;
|
|
1065
1070
|
private beginClose;
|
|
1066
1071
|
private finishClose;
|
|
@@ -1126,6 +1131,7 @@ declare class DgaToastOutlet {
|
|
|
1126
1131
|
private readonly toasts;
|
|
1127
1132
|
private readonly destroyRef;
|
|
1128
1133
|
readonly req: _angular_core.WritableSignal<_a_nemreen_dga_ui.DgaToastRequest | null>;
|
|
1134
|
+
readonly active: _angular_core.Signal<_a_nemreen_dga_ui.DgaToastRequest[]>;
|
|
1129
1135
|
readonly closeLabel: string;
|
|
1130
1136
|
constructor();
|
|
1131
1137
|
onClosed(id: number): void;
|
|
@@ -1681,7 +1687,7 @@ declare class DgaAlert {
|
|
|
1681
1687
|
readonly titleClasses: _angular_core.Signal<string>;
|
|
1682
1688
|
readonly descriptionClasses: _angular_core.Signal<string>;
|
|
1683
1689
|
readonly iconName: _angular_core.Signal<DgaIconName>;
|
|
1684
|
-
readonly iconTone: _angular_core.Signal<"
|
|
1690
|
+
readonly iconTone: _angular_core.Signal<"success" | "warning" | "error" | "muted" | "current">;
|
|
1685
1691
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaAlert, never>;
|
|
1686
1692
|
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>;
|
|
1687
1693
|
}
|
|
@@ -1737,6 +1743,7 @@ interface DgaPageFeedbackSubmit {
|
|
|
1737
1743
|
answer: DgaPageFeedbackAnswer;
|
|
1738
1744
|
reasons: string[];
|
|
1739
1745
|
gender: string;
|
|
1746
|
+
ageRange: string;
|
|
1740
1747
|
comment: string;
|
|
1741
1748
|
}
|
|
1742
1749
|
interface DgaPageFeedbackAgreementLink {
|
|
@@ -1759,6 +1766,7 @@ declare class DgaPageFeedback {
|
|
|
1759
1766
|
readonly submitLabel: _angular_core.InputSignal<string>;
|
|
1760
1767
|
readonly statistic: _angular_core.InputSignal<string>;
|
|
1761
1768
|
readonly thankYouMessage: _angular_core.InputSignal<string>;
|
|
1769
|
+
/** Text before the first agreement link. */
|
|
1762
1770
|
readonly agreementBefore: _angular_core.InputSignal<string>;
|
|
1763
1771
|
readonly participationLabel: _angular_core.InputSignal<string>;
|
|
1764
1772
|
readonly participationHref: _angular_core.InputSignal<string>;
|
|
@@ -1766,8 +1774,15 @@ declare class DgaPageFeedback {
|
|
|
1766
1774
|
readonly rulesLabel: _angular_core.InputSignal<string>;
|
|
1767
1775
|
readonly rulesHref: _angular_core.InputSignal<string>;
|
|
1768
1776
|
readonly agreementAfter: _angular_core.InputSignal<string>;
|
|
1777
|
+
/**
|
|
1778
|
+
* Extra / override links for the e-participation footer.
|
|
1779
|
+
* When empty, `participationLabel` + `rulesLabel` are used.
|
|
1780
|
+
*/
|
|
1781
|
+
readonly agreementLinks: _angular_core.InputSignal<DgaPageFeedbackAgreementLink[]>;
|
|
1769
1782
|
/** When false, only projected `[dgaPageFeedbackAgreement]` content is shown. */
|
|
1770
1783
|
readonly defaultAgreement: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1784
|
+
readonly ageLabel: _angular_core.InputSignal<string>;
|
|
1785
|
+
readonly ageOptions: _angular_core.InputSignal<DgaPageFeedbackOption[]>;
|
|
1771
1786
|
readonly yesReasons: _angular_core.InputSignal<DgaPageFeedbackOption[]>;
|
|
1772
1787
|
readonly noReasons: _angular_core.InputSignal<DgaPageFeedbackOption[]>;
|
|
1773
1788
|
readonly genderOptions: _angular_core.InputSignal<DgaPageFeedbackOption[]>;
|
|
@@ -1778,6 +1793,7 @@ declare class DgaPageFeedback {
|
|
|
1778
1793
|
readonly phase: _angular_core.WritableSignal<DgaPageFeedbackPhase>;
|
|
1779
1794
|
readonly reasons: _angular_core.WritableSignal<string[]>;
|
|
1780
1795
|
readonly gender: _angular_core.WritableSignal<string>;
|
|
1796
|
+
readonly ageRange: _angular_core.WritableSignal<string>;
|
|
1781
1797
|
readonly comment: _angular_core.WritableSignal<string>;
|
|
1782
1798
|
readonly dismissed: _angular_core.WritableSignal<boolean>;
|
|
1783
1799
|
readonly statusMessage: _angular_core.WritableSignal<string>;
|
|
@@ -1785,8 +1801,10 @@ declare class DgaPageFeedback {
|
|
|
1785
1801
|
private readonly uid;
|
|
1786
1802
|
readonly commentId: string;
|
|
1787
1803
|
readonly genderName: string;
|
|
1804
|
+
readonly ageName: string;
|
|
1788
1805
|
readonly activeReasons: _angular_core.Signal<DgaPageFeedbackOption[]>;
|
|
1789
1806
|
readonly canSubmit: _angular_core.Signal<boolean>;
|
|
1807
|
+
readonly resolvedAgreementLinks: _angular_core.Signal<DgaPageFeedbackAgreementLink[]>;
|
|
1790
1808
|
readonly showDefaultAgreement: _angular_core.Signal<boolean>;
|
|
1791
1809
|
readonly panelClasses: _angular_core.Signal<string>;
|
|
1792
1810
|
choose(value: DgaPageFeedbackAnswer): void;
|
|
@@ -1797,7 +1815,7 @@ declare class DgaPageFeedback {
|
|
|
1797
1815
|
close(): void;
|
|
1798
1816
|
safeHref(href: string | undefined | null): string;
|
|
1799
1817
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaPageFeedback, never>;
|
|
1800
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaPageFeedback, "dga-page-feedback", never, { "question": { "alias": "question"; "required": false; "isSignal": true; }; "yesLabel": { "alias": "yesLabel"; "required": false; "isSignal": true; }; "noLabel": { "alias": "noLabel"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "whyLabel": { "alias": "whyLabel"; "required": false; "isSignal": true; }; "whyHint": { "alias": "whyHint"; "required": false; "isSignal": true; }; "genderLabel": { "alias": "genderLabel"; "required": false; "isSignal": true; }; "commentLabel": { "alias": "commentLabel"; "required": false; "isSignal": true; }; "commentPlaceholder": { "alias": "commentPlaceholder"; "required": false; "isSignal": true; }; "submitLabel": { "alias": "submitLabel"; "required": false; "isSignal": true; }; "statistic": { "alias": "statistic"; "required": false; "isSignal": true; }; "thankYouMessage": { "alias": "thankYouMessage"; "required": false; "isSignal": true; }; "agreementBefore": { "alias": "agreementBefore"; "required": false; "isSignal": true; }; "participationLabel": { "alias": "participationLabel"; "required": false; "isSignal": true; }; "participationHref": { "alias": "participationHref"; "required": false; "isSignal": true; }; "agreementAnd": { "alias": "agreementAnd"; "required": false; "isSignal": true; }; "rulesLabel": { "alias": "rulesLabel"; "required": false; "isSignal": true; }; "rulesHref": { "alias": "rulesHref"; "required": false; "isSignal": true; }; "agreementAfter": { "alias": "agreementAfter"; "required": false; "isSignal": true; }; "defaultAgreement": { "alias": "defaultAgreement"; "required": false; "isSignal": true; }; "yesReasons": { "alias": "yesReasons"; "required": false; "isSignal": true; }; "noReasons": { "alias": "noReasons"; "required": false; "isSignal": true; }; "genderOptions": { "alias": "genderOptions"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; }, { "submitted": "submitted"; "closed": "closed"; }, never, ["[dgaPageFeedbackAgreement]"], true, never>;
|
|
1818
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaPageFeedback, "dga-page-feedback", never, { "question": { "alias": "question"; "required": false; "isSignal": true; }; "yesLabel": { "alias": "yesLabel"; "required": false; "isSignal": true; }; "noLabel": { "alias": "noLabel"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "whyLabel": { "alias": "whyLabel"; "required": false; "isSignal": true; }; "whyHint": { "alias": "whyHint"; "required": false; "isSignal": true; }; "genderLabel": { "alias": "genderLabel"; "required": false; "isSignal": true; }; "commentLabel": { "alias": "commentLabel"; "required": false; "isSignal": true; }; "commentPlaceholder": { "alias": "commentPlaceholder"; "required": false; "isSignal": true; }; "submitLabel": { "alias": "submitLabel"; "required": false; "isSignal": true; }; "statistic": { "alias": "statistic"; "required": false; "isSignal": true; }; "thankYouMessage": { "alias": "thankYouMessage"; "required": false; "isSignal": true; }; "agreementBefore": { "alias": "agreementBefore"; "required": false; "isSignal": true; }; "participationLabel": { "alias": "participationLabel"; "required": false; "isSignal": true; }; "participationHref": { "alias": "participationHref"; "required": false; "isSignal": true; }; "agreementAnd": { "alias": "agreementAnd"; "required": false; "isSignal": true; }; "rulesLabel": { "alias": "rulesLabel"; "required": false; "isSignal": true; }; "rulesHref": { "alias": "rulesHref"; "required": false; "isSignal": true; }; "agreementAfter": { "alias": "agreementAfter"; "required": false; "isSignal": true; }; "agreementLinks": { "alias": "agreementLinks"; "required": false; "isSignal": true; }; "defaultAgreement": { "alias": "defaultAgreement"; "required": false; "isSignal": true; }; "ageLabel": { "alias": "ageLabel"; "required": false; "isSignal": true; }; "ageOptions": { "alias": "ageOptions"; "required": false; "isSignal": true; }; "yesReasons": { "alias": "yesReasons"; "required": false; "isSignal": true; }; "noReasons": { "alias": "noReasons"; "required": false; "isSignal": true; }; "genderOptions": { "alias": "genderOptions"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; }, { "submitted": "submitted"; "closed": "closed"; }, never, ["[dgaPageFeedbackAgreement]"], true, never>;
|
|
1801
1819
|
}
|
|
1802
1820
|
|
|
1803
1821
|
type DgaRatingSize = 'sm' | 'md' | 'lg';
|
|
@@ -2898,7 +2916,7 @@ declare class DgaFooter {
|
|
|
2898
2916
|
readonly logos: _angular_core.InputSignal<DgaFooterLogo[]>;
|
|
2899
2917
|
readonly copyright: _angular_core.InputSignal<string>;
|
|
2900
2918
|
readonly meta: _angular_core.InputSignal<string>;
|
|
2901
|
-
/** `brand` = portal shell footer (
|
|
2919
|
+
/** `brand` = portal shell footer (brand color in light, dark chrome in dark). */
|
|
2902
2920
|
readonly appearance: _angular_core.InputSignal<DgaFooterAppearance>;
|
|
2903
2921
|
readonly navLabel: _angular_core.InputSignal<string>;
|
|
2904
2922
|
readonly ariaLabel: _angular_core.InputSignal<string>;
|