@a.nemreen/dga-ui 0.3.0 → 0.3.2

package/types/a.nemreen-dga-ui.d.ts

@@ -1,10 +1,97 @@
 import * as _angular_core from '@angular/core';
 import { Type, Provider, OnDestroy, OnInit } from '@angular/core';
-import { SafeHtml } from '@angular/platform-browser';
+import { SafeHtml, SafeResourceUrl } from '@angular/platform-browser';
 import { ControlValueAccessor } from '@angular/forms';
 export { ControlValueAccessor } from '@angular/forms';
 import * as _a_nemreen_dga_ui from '@a.nemreen/dga-ui';
 
+/** Creative named page transitions for `dga-page-transition`. */
+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"];
+type DgaPageTransitionName = (typeof DGA_PAGE_TRANSITION_NAMES)[number];
+/**
+ * Easy page / content transition wrapper.
+ *
+ * ```html
+ * <dga-page-transition name="fade-up">
+ *   <router-outlet />
+ * </dga-page-transition>
+ * ```
+ *
+ * Triggers: Angular `NavigationEnd`, or a change to `key` (playground / content swap).
+ * Progressive enhancement: sets `view-transition-name: dga-page` so apps using
+ * `withViewTransitions()` get named snapshot animations. Keyframe enter runs as fallback.
+ * Honors `prefers-reduced-motion` and DGA a11y `reduce-motion`.
+ */
+declare class DgaPageTransition {
+    private readonly host;
+    private readonly doc;
+    private readonly destroyRef;
+    private readonly router;
+    /** Named creative transition. Unknown values resolve to `none`. */
+    readonly name: _angular_core.InputSignal<string>;
+    /** Duration in milliseconds (also drives `--dga-pt-ms`). */
+    readonly duration: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Skip all motion. */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Bump this to re-play the enter animation (content swaps / gallery playground).
+     * For View Transition snapshots, wrap the key update in `document.startViewTransition`.
+     */
+    readonly key: _angular_core.InputSignal<string | number | null>;
+    readonly phase: _angular_core.WritableSignal<"idle" | "enter">;
+    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" | "none">;
+    readonly durationCss: _angular_core.Signal<string>;
+    private htmlAttr;
+    private keyPrimed;
+    constructor();
+    /** Re-trigger the enter animation (e.g. from a Play control). */
+    play(): void;
+    protected onAnimationEnd(event: AnimationEvent): void;
+    private shouldReduceMotion;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaPageTransition, never>;
+    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>;
+}
+
+type DgaWritingEffect = 'typewriter' | 'glow';
+/**
+ * Headline motion: typewriter reveal or soft glow / light sweep.
+ *
+ * ```html
+ * <dga-writing text="Hello world" effect="glow" />
+ * <dga-writing text="Hello world" [speed]="28" cursor />
+ * ```
+ *
+ * Honors `prefers-reduced-motion` and DGA a11y `reduce-motion`.
+ */
+declare class DgaWriting {
+    private readonly doc;
+    private readonly destroyRef;
+    /** Full string to type / glow. */
+    readonly text: _angular_core.InputSignal<string>;
+    /** `typewriter` (default) or soft light sweep `glow`. */
+    readonly effect: _angular_core.InputSignal<DgaWritingEffect>;
+    /** Milliseconds per character (typewriter only). */
+    readonly speed: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Delay before the first character (typewriter only). */
+    readonly delay: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Blinking caret while typing (typewriter only). */
+    readonly cursor: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Skip motion entirely. */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly displayed: _angular_core.WritableSignal<string>;
+    readonly phase: _angular_core.WritableSignal<"idle" | "writing" | "done">;
+    private timer;
+    private charIndex;
+    readonly showCursor: _angular_core.Signal<boolean>;
+    constructor();
+    private start;
+    private tick;
+    private clearTimer;
+    private shouldReduceMotion;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaWriting, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaWriting, "dga-writing", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "effect": { "alias": "effect"; "required": false; "isSignal": true; }; "speed": { "alias": "speed"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "cursor": { "alias": "cursor"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 type DgaButtonVariant = 'primary' | 'secondary' | 'subtle' | 'outline' | 'outlineMuted' | 'outlineInverse' | 'ghost' | 'danger' | 'inverse';
 type DgaButtonSize = 'sm' | 'md' | 'lg';
 declare class DgaButton {
@@ -60,6 +147,34 @@ declare class DgaChip {
     static ɵcmp: _angular_core.ɵɵ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>;
 }
 
+/**
+ * Keyboard key badge — mirrors shadcn `Kbd` for shortcut hints.
+ *
+ * @see https://ui.shadcn.com/docs/components/base/kbd
+ *
+ * @example
+ * ```html
+ * <dga-kbd>Ctrl</dga-kbd>
+ * <dga-kbd-group>
+ *   <dga-kbd>⌘</dga-kbd>
+ *   <dga-kbd>K</dga-kbd>
+ * </dga-kbd-group>
+ * ```
+ */
+declare class DgaKbd {
+    readonly size: _angular_core.InputSignal<"sm" | "md">;
+    readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaKbd, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaKbd, "dga-kbd", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+/**
+ * Groups related keyboard keys (e.g. ⌘ + K).
+ */
+declare class DgaKbdGroup {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaKbdGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaKbdGroup, "dga-kbd-group", never, {}, {}, never, ["*"], true, never>;
+}
+
 type DgaDividerOrientation = 'horizontal' | 'vertical';
 declare class DgaDivider {
     readonly orientation: _angular_core.InputSignal<DgaDividerOrientation>;
@@ -138,7 +253,7 @@ declare class DgaProgress {
     readonly circumference: number;
     readonly clamped: _angular_core.Signal<number>;
     readonly dashOffset: _angular_core.Signal<number>;
-    readonly hostClasses: _angular_core.Signal<"block w-full" | "inline-flex">;
+    readonly hostClasses: _angular_core.Signal<"inline-flex" | "block w-full">;
     readonly trackClasses: _angular_core.Signal<string>;
     readonly barClasses: _angular_core.Signal<string>;
     readonly radialWrapClasses: _angular_core.Signal<string>;
@@ -160,14 +275,18 @@ declare class DgaAvatar {
     static ɵcmp: _angular_core.ɵɵ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>;
 }
 
-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';
-/** Decode `@platformscode/icons` data-URI exports into inline SVG markup. */
-declare function decodePlatformscodeSvg(dataUri: string): string;
-/** Pre-decoded SVG markup keyed by friendly `DgaIconName`. */
+/**
+ * Curated inline icons for `@a.nemreen/dga-ui` chrome (buttons, fields, menus, …).
+ * SVGs are vendored at build time — no runtime `@platformscode/icons` dependency.
+ *
+ * Content / editorial icons: opt into `@a.nemreen/dga-tokens/styles/icon-font.css` and use
+ * `<dga-icon glyph="search-01" />` (or `hgi-stroke hgi-{name}` classes).
+ *
+ * Regenerated by: node scripts/vendor-dga-icons.mjs
+ */
+type DgaIconName = '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';
 declare const DGA_ICON_SVG: Record<DgaIconName, string>;
-/** Sorted list of curated chrome icon names (for docs / pickers). */
 declare const DGA_ICON_NAMES: DgaIconName[];
-/** Names that mirror with reading direction (use for next/back affordances). */
 declare const DGA_LOGICAL_ICON_NAMES: Set<DgaIconName>;
 
 /**
@@ -239,6 +358,7 @@ declare class DgaIconBadge {
 type DgaFormStatus = 'default' | 'error' | 'success' | 'warning' | 'info';
 /** Shared size scale — sm≈32px, md≈40px, lg=48px. */
 type DgaFormControlSize = 'sm' | 'md' | 'lg';
+declare function dgaFormStatusFromInvalid(invalid: boolean): DgaFormStatus;
 
 type DgaInputSize = DgaFormControlSize;
 
@@ -364,6 +484,8 @@ interface DgaSelectOption {
     label: string;
     value: string;
     disabled?: boolean;
+    /** Extra text matched when `searchable` (e.g. country name). */
+    keywords?: string;
 }
 type DgaSelectOpenMode = 'dropdown' | 'always';
 type DgaSelectSize = DgaFormControlSize;
@@ -518,6 +640,10 @@ declare class DgaSlider {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DgaSlider, "input[type=\"range\"][dgaSlider]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Multi-cell one-time password input.
+ * The control group is always LTR so digits read and fill left-to-right on RTL pages.
+ */
 declare class DgaOtp implements ControlValueAccessor {
     private cells;
     readonly length: _angular_core.InputSignal<number>;
@@ -539,6 +665,9 @@ declare class DgaOtp implements ControlValueAccessor {
     onInput(index: number, raw: string): void;
     onKey(index: number, event: KeyboardEvent): void;
     onPaste(event: ClipboardEvent): void;
+    private focusAt;
+    /** Keep native inputs in sync when autofill bypasses `maxlength`. */
+    private syncDom;
     private commit;
     writeValue(value: string): void;
     registerOnChange(fn: (value: string) => void): void;
@@ -634,13 +763,13 @@ interface DgaPhoneCountry {
     code: string;
     /** Short label shown in the prefix select. */
     label: string;
-    /** Optional longer name for option text. */
+    /** Optional longer name for option text / search. */
     name?: string;
 }
 /** GCC-first dial codes for contact forms. */
 declare const DGA_PHONE_COUNTRIES: DgaPhoneCountry[];
 /**
- * Phone field with country-code prefix select.
+ * Phone field with searchable country-code prefix select.
  * The control group is always LTR so digits and codes read correctly in RTL pages.
  */
 declare class DgaPhoneInput implements ControlValueAccessor {
@@ -659,10 +788,13 @@ declare class DgaPhoneInput implements ControlValueAccessor {
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Full E.164-ish combined value: country code + national digits. */
     readonly value: _angular_core.ModelSignal<string>;
+    readonly countryOptions: _angular_core.Signal<DgaSelectOption[]>;
+    readonly resolvedStatus: _angular_core.Signal<_a_nemreen_dga_ui.DgaFormStatus>;
     readonly groupClasses: _angular_core.Signal<string>;
     private onChange;
     onTouched: () => void;
     constructor();
+    onCountryCode(next: string | string[]): void;
     writeValue(value: string): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
@@ -714,208 +846,6 @@ declare class DgaMultiselect {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaMultiselect, "dga-multiselect", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "valueInput": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "dgaInvalid"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
-/** Calendar system for date values and the picker UI. */
-type DgaDateCalendar = 'gregorian' | 'hijri';
-/** Picker UI mode — inferred from `format` tokens when not set explicitly. */
-type DgaDatePickerMode = 'day' | 'month' | 'year';
-type DgaDateLocale = 'ar' | 'en';
-interface DgaCalendarParts {
-    year: number;
-    month: number;
-    day: number;
-}
-declare const DGA_HIJRI_MONTHS: {
-    readonly ar: readonly ["محرم", "صفر", "ربيع الأول", "ربيع الثاني", "جمادى الأولى", "جمادى الآخرة", "رجب", "شعبان", "رمضان", "شوال", "ذو القعدة", "ذو الحجة"];
-    readonly en: readonly ["Muharram", "Safar", "Rabi I", "Rabi II", "Jumada I", "Jumada II", "Rajab", "Sha'ban", "Ramadan", "Shawwal", "Dhu al-Qi'dah", "Dhu al-Hijjah"];
-};
-declare const DGA_GREGORIAN_MONTHS: {
-    readonly ar: readonly ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"];
-    readonly en: readonly ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
-};
-declare const DGA_WEEKDAYS: {
-    readonly ar: readonly ["أحد", "إثن", "ثلا", "أرب", "خمي", "جمع", "سبت"];
-    readonly en: readonly ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-};
-/** Read calendar parts for a Date (UTC day). */
-declare function dgaGetCalendarParts(date: Date, calendar: DgaDateCalendar): DgaCalendarParts;
-/**
- * Convert calendar parts to a Date (UTC midnight).
- * Hijri conversion uses binary search against islamic-umalqura.
- */
-declare function dgaPartsToDate(parts: DgaCalendarParts, calendar: DgaDateCalendar): Date;
-declare function dgaDaysInMonth(year: number, month: number, calendar: DgaDateCalendar): number;
-declare function dgaAddMonths(parts: DgaCalendarParts, delta: number, calendar: DgaDateCalendar): DgaCalendarParts;
-/** Infer mode from format tokens (YYYY / MM / DD). */
-declare function dgaModeFromFormat(format: string): DgaDatePickerMode;
-declare function dgaFormatDate(date: Date, format: string, calendar: DgaDateCalendar): string;
-declare function dgaParseDate(value: string, format: string, calendar: DgaDateCalendar): Date | null;
-declare function dgaSameDay(a: Date | null, b: Date | null, calendar?: DgaDateCalendar): boolean;
-declare function dgaCompareDays(a: Date | null, b: Date | null, calendar?: DgaDateCalendar): number;
-declare function dgaClampDate(date: Date, min?: Date | null, max?: Date | null, calendar?: DgaDateCalendar): Date;
-declare function dgaMonthNames(calendar: DgaDateCalendar, locale: 'ar' | 'en'): readonly string[];
-/** First weekday (0=Sun) of the given calendar month. */
-declare function dgaMonthStartWeekday(year: number, month: number, calendar: DgaDateCalendar): number;
-declare function dgaTodayUtc(): Date;
-/** Coerce string | Date | null to UTC date using format when string. */
-declare function dgaCoerceDate(value: string | Date | null | undefined, format: string, calendar: DgaDateCalendar): Date | null;
-
-interface DgaDateRangeValue {
-    start: string;
-    end: string;
-}
-type PanelView = DgaDatePickerMode;
-declare class DgaDatePickerComponent implements ControlValueAccessor {
-    private readonly host;
-    private readonly destroyRef;
-    readonly inputId: string;
-    readonly panelId: string;
-    readonly valueInput: _angular_core.InputSignal<string>;
-    readonly value: _angular_core.WritableSignal<string>;
-    readonly startValue: _angular_core.ModelSignal<string>;
-    readonly endValue: _angular_core.ModelSignal<string>;
-    private onChange;
-    private onTouched;
-    readonly calendar: _angular_core.InputSignal<DgaDateCalendar>;
-    readonly range: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly format: _angular_core.InputSignal<string>;
-    readonly mode: _angular_core.InputSignal<DgaDatePickerMode | null>;
-    readonly locale: _angular_core.InputSignal<DgaDateLocale>;
-    readonly minDate: _angular_core.InputSignal<string | Date | null>;
-    readonly maxDate: _angular_core.InputSignal<string | Date | null>;
-    readonly yearBefore: _angular_core.InputSignal<number>;
-    readonly yearAfter: _angular_core.InputSignal<number>;
-    readonly placeholder: _angular_core.InputSignal<string>;
-    readonly controlId: _angular_core.InputSignal<string>;
-    readonly name: _angular_core.InputSignal<string>;
-    readonly size: _angular_core.InputSignal<DgaFormControlSize>;
-    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    private readonly cvaDisabled;
-    readonly disabled: _angular_core.Signal<boolean>;
-    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly editable: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly status: _angular_core.InputSignal<DgaFormStatus>;
-    readonly rangeSeparator: _angular_core.InputSignal<string>;
-    readonly todayLabel: _angular_core.InputSignal<string>;
-    readonly clearLabel: _angular_core.InputSignal<string>;
-    readonly closeLabel: _angular_core.InputSignal<string>;
-    readonly saveLabel: _angular_core.InputSignal<string>;
-    readonly ariaLabel: _angular_core.InputSignal<string>;
-    readonly resolvedTodayLabel: _angular_core.Signal<string>;
-    readonly resolvedClearLabel: _angular_core.Signal<string>;
-    readonly resolvedCloseLabel: _angular_core.Signal<string>;
-    readonly resolvedSaveLabel: _angular_core.Signal<string>;
-    readonly valueChange: _angular_core.OutputEmitterRef<string>;
-    readonly rangeChange: _angular_core.OutputEmitterRef<DgaDateRangeValue>;
-    readonly open: _angular_core.WritableSignal<boolean>;
-    readonly panelStyle: _angular_core.WritableSignal<Record<string, string>>;
-    readonly panelView: _angular_core.WritableSignal<DgaDatePickerMode>;
-    readonly viewParts: _angular_core.WritableSignal<DgaCalendarParts>;
-    readonly draftStart: _angular_core.WritableSignal<Date | null>;
-    readonly draftEnd: _angular_core.WritableSignal<Date | null>;
-    readonly rangePickPhase: _angular_core.WritableSignal<"start" | "end">;
-    readonly typedValue: _angular_core.WritableSignal<string | null>;
-    readonly effectiveStatus: _angular_core.Signal<DgaFormStatus>;
-    readonly panelMode: _angular_core.Signal<DgaDatePickerMode>;
-    readonly labels: _angular_core.Signal<{
-        readonly today: "اليوم";
-        readonly clear: "مسح";
-        readonly close: "إغلاق";
-        readonly save: "حفظ";
-        readonly prev: "السابق";
-        readonly next: "التالي";
-        readonly calendar: "فتح التقويم";
-        readonly clearInput: "مسح التاريخ";
-        readonly month: "الشهر";
-        readonly year: "السنة";
-        readonly placeholder: "يوم/شهر/سنة";
-        readonly rangeStart: "تاريخ البداية";
-        readonly rangeEnd: "تاريخ النهاية";
-    } | {
-        readonly today: "Today";
-        readonly clear: "Clear";
-        readonly close: "Close";
-        readonly save: "Save";
-        readonly prev: "Previous";
-        readonly next: "Next";
-        readonly calendar: "Open calendar";
-        readonly clearInput: "Clear date";
-        readonly month: "Month";
-        readonly year: "Year";
-        readonly placeholder: "DD/MM/YYYY";
-        readonly rangeStart: "Start date";
-        readonly rangeEnd: "End date";
-    }>;
-    readonly resolvedPlaceholder: _angular_core.Signal<string>;
-    readonly weekdays: _angular_core.Signal<readonly ["أحد", "إثن", "ثلا", "أرب", "خمي", "جمع", "سبت"] | readonly ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]>;
-    readonly minBound: _angular_core.Signal<Date | null>;
-    readonly maxBound: _angular_core.Signal<Date | null>;
-    readonly displayValue: _angular_core.Signal<string>;
-    readonly viewYear: _angular_core.Signal<number>;
-    readonly viewMonth: _angular_core.Signal<number>;
-    readonly monthOptions: _angular_core.Signal<{
-        value: number;
-        label: string;
-        selected: boolean;
-        disabled: boolean;
-    }[]>;
-    readonly yearOptions: _angular_core.Signal<{
-        value: number;
-        selected: boolean;
-        disabled: boolean;
-    }[]>;
-    readonly dayCells: _angular_core.Signal<DayCell[]>;
-    constructor();
-    onDocumentClick(event: MouseEvent): void;
-    onEscape(): void;
-    onReposition(): void;
-    monthLabel(month: number): string;
-    togglePanel(): void;
-    openPanel(): void;
-    closePanel(restoreDraft?: boolean): void;
-    private repositionPanel;
-    navigate(delta: number): void;
-    setPanelView(view: PanelView): void;
-    selectDay(day: number): void;
-    selectMonth(month: number): void;
-    selectYear(year: number): void;
-    goToday(): void;
-    clearDraft(): void;
-    clearAll(): void;
-    save(): void;
-    onInput(raw: string): void;
-    onInputBlur(): void;
-    onInputKeydown(event: KeyboardEvent): void;
-    private applyDraftDate;
-    private draftAnchorParts;
-    private syncDraftFromModels;
-    private parseRangeFromValue;
-    private emitValues;
-    writeValue(value: string): void;
-    registerOnChange(fn: (value: string) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
-    private isDateDisabled;
-    private isMonthDisabled;
-    private isYearDisabled;
-    private initialViewParts;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaDatePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaDatePickerComponent, "dga-date-picker", never, { "valueInput": { "alias": "value"; "required": false; "isSignal": true; }; "startValue": { "alias": "startValue"; "required": false; "isSignal": true; }; "endValue": { "alias": "endValue"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "yearBefore": { "alias": "yearBefore"; "required": false; "isSignal": true; }; "yearAfter": { "alias": "yearAfter"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "controlId": { "alias": "controlId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "invalid": { "alias": "dgaInvalid"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "rangeSeparator": { "alias": "rangeSeparator"; "required": false; "isSignal": true; }; "todayLabel": { "alias": "todayLabel"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "saveLabel": { "alias": "saveLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "startValue": "startValueChange"; "endValue": "endValueChange"; "valueChange": "valueChange"; "rangeChange": "rangeChange"; }, never, never, true, never>;
-}
-interface DayCell {
-    key: string;
-    empty: boolean;
-    day?: number;
-    today?: boolean;
-    selected?: boolean;
-    inRange?: boolean;
-    rangeStart?: boolean;
-    rangeEnd?: boolean;
-    disabled?: boolean;
-    label?: string;
-}
-
 type DgaTimePickerSize = DgaNativeSelectSize;
 type DgaTimePickerFormat = '24h' | '12h';
 declare function pad2(n: number): string;
@@ -1031,7 +961,22 @@ declare class DgaModal {
 }
 
 type DgaToastVariant = 'neutral' | 'success' | 'info' | 'warning' | 'error';
+/**
+ * Enter / exit motion:
+ * - `fade` — opacity only
+ * - `push` — drop in from the nearest vertical edge (default)
+ * - `slide` — slide in from the nearest inline edge
+ * - `scale` — fade + slight scale
+ * - `none` — instant
+ */
+type DgaToastAnimation = 'fade' | 'push' | 'slide' | 'scale' | 'none';
+/**
+ * Viewport placement (logical start/end follow `dir`).
+ * Default `top-end` matches prior fixed `end` + top chrome offset.
+ */
+type DgaToastLocation = 'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end';
 declare class DgaToast implements OnDestroy {
+    private readonly destroyRef;
     readonly open: _angular_core.ModelSignal<boolean>;
     readonly variant: _angular_core.InputSignal<DgaToastVariant>;
     readonly title: _angular_core.InputSignal<string>;
@@ -1039,29 +984,83 @@ declare class DgaToast implements OnDestroy {
     readonly closeLabel: _angular_core.InputSignal<string>;
     /** Auto-dismiss after ms; `0` disables. Default 5s per a11y guidance. */
     readonly duration: _angular_core.InputSignal<number>;
+    /** Circular countdown ring on the dismiss control when `duration > 0`. */
+    readonly countdown: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Pause auto-dismiss while the pointer is over the toast. */
+    readonly pauseOnHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Pause auto-dismiss while focus is inside the toast. */
+    readonly pauseOnFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Enter / exit motion. Default `push` (from nearest vertical edge). */
+    readonly animation: _angular_core.InputSignal<DgaToastAnimation>;
+    /** Viewport corner / edge. Default `top-end`. */
+    readonly location: _angular_core.InputSignal<DgaToastLocation>;
     readonly closed: _angular_core.OutputEmitterRef<void>;
-    private timer;
+    /** Keeps the toast mounted while the exit animation plays. */
+    readonly rendered: _angular_core.WritableSignal<boolean>;
+    readonly leaving: _angular_core.WritableSignal<boolean>;
+    /** Remaining fraction of duration (1 → 0). */
+    readonly progress: _angular_core.WritableSignal<number>;
+    readonly ringR = 10;
+    readonly ringC: number;
+    private remainingMs;
+    private totalMs;
+    private paused;
+    private hoverPaused;
+    private focusPaused;
+    private rafId;
+    private lastTick;
+    private exitTimer;
+    private readonly reduceMotionFlag;
     readonly classes: _angular_core.Signal<string>;
+    readonly hostClass: _angular_core.Signal<string>;
+    readonly isTop: _angular_core.Signal<boolean>;
     /** Clear sticky announcement / reserved chrome, then a small gap. */
-    readonly topOffset: _angular_core.Signal<string>;
+    readonly edgeTop: _angular_core.Signal<"calc(var(--dga-announcement-offset, 0px) + 1rem)" | null>;
+    readonly edgeBottom: _angular_core.Signal<"1rem" | null>;
     readonly iconName: _angular_core.Signal<DgaIconName>;
-    readonly iconTone: _angular_core.Signal<"success" | "warning" | "error" | "muted" | "current">;
+    readonly iconTone: _angular_core.Signal<"error" | "success" | "warning" | "muted" | "current">;
+    readonly showCountdown: _angular_core.Signal<boolean>;
+    readonly reduceMotion: _angular_core.WritableSignal<boolean>;
+    readonly ringDashOffset: _angular_core.Signal<number>;
+    private readonly animClass;
     constructor();
     ngOnDestroy(): void;
     dismiss(): void;
-    private clearTimer;
+    onAnimationEnd(event: AnimationEvent): void;
+    onPointerEnter(): void;
+    onPointerLeave(): void;
+    onFocusIn(): void;
+    onFocusOut(event: FocusEvent): void;
+    private beginClose;
+    private finishClose;
+    private resetTicker;
+    private syncPaused;
+    private startTicker;
+    private stopTicker;
+    private clearExitTimer;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaToast, never>;
-    static ɵcmp: _angular_core.ɵɵ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>;
+    static ɵcmp: _angular_core.ɵɵ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; }; "countdown": { "alias": "countdown"; "required": false; "isSignal": true; }; "pauseOnHover": { "alias": "pauseOnHover"; "required": false; "isSignal": true; }; "pauseOnFocus": { "alias": "pauseOnFocus"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "location": { "alias": "location"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closed": "closed"; }, never, ["*"], true, never>;
 }
 
 interface DgaToastShowOptions {
     title?: string;
     message?: string;
     variant?: DgaToastVariant;
+    /** Auto-dismiss after ms; `0` disables. Default 5000. */
     duration?: number;
     dismissible?: boolean;
-}
-interface DgaToastRequest extends Required<Pick<DgaToastShowOptions, 'title' | 'message' | 'variant' | 'duration' | 'dismissible'>> {
+    /** Circular countdown on the dismiss control. Default true when duration > 0. */
+    countdown?: boolean;
+    /** Pause auto-dismiss while hovered. Default true. */
+    pauseOnHover?: boolean;
+    /** Pause auto-dismiss while focused. Default true. */
+    pauseOnFocus?: boolean;
+    /** Enter / exit motion. Default `push`. */
+    animation?: DgaToastAnimation;
+    /** Viewport placement. Default `top-end`. */
+    location?: DgaToastLocation;
+}
+interface DgaToastRequest extends Required<Pick<DgaToastShowOptions, 'title' | 'message' | 'variant' | 'duration' | 'dismissible' | 'countdown' | 'pauseOnHover' | 'pauseOnFocus' | 'animation' | 'location'>> {
     id: number;
 }
 /**
@@ -1229,9 +1228,194 @@ declare class DgaMenu {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaMenu, "dga-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; "isSignal": true; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; "isSignal": true; }; "showChevron": { "alias": "showChevron"; "required": false; "isSignal": true; }; "menuMinWidth": { "alias": "menuMinWidth"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "selected": "selected"; "selectedValue": "selectedValue"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
 }
 
+type DgaContextMenuItemType = 'item' | 'checkbox' | 'radio' | 'divider' | 'label';
+interface DgaContextMenuItem {
+    /** Required for actionable items. */
+    label?: string;
+    value?: string;
+    icon?: DgaIconName;
+    /** Shortcut keys shown trailing — `"⌘K"` or `['Ctrl', 'K']`. */
+    shortcut?: string | readonly string[];
+    danger?: boolean;
+    disabled?: boolean;
+    divider?: boolean;
+    type?: DgaContextMenuItemType;
+    /** Checkbox / radio checked state. */
+    checked?: boolean;
+    /** Nested submenu items. */
+    children?: DgaContextMenuItem[];
+}
+/** Marks projected content as the context-menu trigger surface. */
+declare class DgaContextMenuTrigger {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaContextMenuTrigger, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DgaContextMenuTrigger, "[dgaContextMenuTrigger]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Right-click / long-press context menu (shadcn-style).
+ *
+ * @see https://ui.shadcn.com/docs/components/base/context-menu
+ *
+ * @example
+ * ```html
+ * <dga-context-menu [items]="items" (selected)="onSelect($event)">
+ *   <div dgaContextMenuTrigger class="rounded-md border p-3xl">
+ *     Right click here
+ *   </div>
+ * </dga-context-menu>
+ * ```
+ */
+declare class DgaContextMenu {
+    private readonly host;
+    private readonly injector;
+    private readonly destroyRef;
+    private readonly surfaceRef;
+    private readonly menuRef;
+    readonly items: _angular_core.InputSignal<DgaContextMenuItem[]>;
+    readonly open: _angular_core.ModelSignal<boolean>;
+    /** Enable long-press on touch (default true). */
+    readonly longPress: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly longPressMs: _angular_core.InputSignal<number>;
+    readonly menuMinWidth: _angular_core.InputSignal<string>;
+    readonly selected: _angular_core.OutputEmitterRef<DgaContextMenuItem>;
+    readonly selectedValue: _angular_core.OutputEmitterRef<string>;
+    readonly opened: _angular_core.OutputEmitterRef<void>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    readonly panelStyle: _angular_core.WritableSignal<Record<string, string>>;
+    readonly subStyle: _angular_core.WritableSignal<Record<string, string>>;
+    readonly openSubIndex: _angular_core.WritableSignal<number | null>;
+    readonly isRtl: _angular_core.WritableSignal<boolean>;
+    private readonly seq;
+    readonly listId: string;
+    private activeIndex;
+    private pointer;
+    private longPressTimer;
+    private readonly onReposition;
+    constructor();
+    menuClasses(): string;
+    itemId(index: number): string;
+    trackItem(item: DgaContextMenuItem, index: number): string;
+    shortcutKeys(item: DgaContextMenuItem): string[] | null;
+    itemClass(item: DgaContextMenuItem): string;
+    onContextMenu(event: MouseEvent): void;
+    onTouchStart(event: TouchEvent): void;
+    onTouchEnd(): void;
+    onItemClick(item: DgaContextMenuItem, event: MouseEvent): void;
+    onItemEnter(item: DgaContextMenuItem, index: number, event: PointerEvent): void;
+    selectItem(item: DgaContextMenuItem): void;
+    close(restoreFocus?: boolean): void;
+    onMenuKey(event: KeyboardEvent): void;
+    onDocumentPointer(event: PointerEvent): void;
+    onDocumentKeydown(event: KeyboardEvent): void;
+    private openAtPointer;
+    private clearLongPress;
+    private isSelectable;
+    private firstSelectableIndex;
+    private stepIndex;
+    private portalMenuToBody;
+    private detachPortaledMenu;
+    private syncPanelPosition;
+    private syncSubPosition;
+    private focusItem;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaContextMenu, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaContextMenu, "dga-context-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "longPress": { "alias": "longPress"; "required": false; "isSignal": true; }; "longPressMs": { "alias": "longPressMs"; "required": false; "isSignal": true; }; "menuMinWidth": { "alias": "menuMinWidth"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "selected": "selected"; "selectedValue": "selectedValue"; "opened": "opened"; "closed": "closed"; }, never, ["*"], true, never>;
+}
+
+interface DgaCommandItem {
+    /** Stable id used for tracking / selection. */
+    id: string;
+    label: string;
+    value?: string;
+    icon?: DgaIconName;
+    /** Shortcut keys — `"⌘P"` or `['Ctrl', 'P']`. */
+    shortcut?: string | readonly string[];
+    disabled?: boolean;
+    /** Extra search tokens (labels are always searchable). */
+    keywords?: readonly string[];
+}
+interface DgaCommandGroup {
+    heading?: string;
+    items: DgaCommandItem[];
+}
+type DgaCommandAppearance = 'panel' | 'dialog';
+/**
+ * Command palette — searchable actions (cmdk / shadcn-style).
+ *
+ * Use `appearance="dialog"` for a centered modal palette, or `panel` for inline.
+ *
+ * @see https://ui.shadcn.com/docs/components/base/command
+ *
+ * @example
+ * ```html
+ * <dga-command
+ *   [(open)]="cmdOpen"
+ *   appearance="dialog"
+ *   [groups]="commandGroups"
+ *   (selected)="run($event)"
+ * />
+ * ```
+ */
+declare class DgaCommand {
+    private readonly destroyRef;
+    private readonly injector;
+    private readonly queryInput;
+    readonly groups: _angular_core.InputSignal<DgaCommandGroup[]>;
+    /** Flat items when you do not need group headings. */
+    readonly items: _angular_core.InputSignal<DgaCommandItem[]>;
+    readonly open: _angular_core.ModelSignal<boolean>;
+    readonly appearance: _angular_core.InputSignal<DgaCommandAppearance>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly emptyLabel: _angular_core.InputSignal<string>;
+    readonly clearLabel: _angular_core.InputSignal<string>;
+    readonly dialogLabel: _angular_core.InputSignal<string>;
+    readonly listLabel: _angular_core.InputSignal<string>;
+    readonly closeOnSelect: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly closeOnBackdrop: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Optional global shortcut to toggle (Ctrl/⌘+K). Dialog mode only. */
+    readonly hotkey: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly selected: _angular_core.OutputEmitterRef<DgaCommandItem>;
+    readonly selectedValue: _angular_core.OutputEmitterRef<string>;
+    readonly opened: _angular_core.OutputEmitterRef<void>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    readonly queryChange: _angular_core.OutputEmitterRef<string>;
+    readonly query: _angular_core.WritableSignal<string>;
+    readonly activeId: _angular_core.WritableSignal<string | null>;
+    private readonly seq;
+    readonly listId: string;
+    private previousFocus;
+    private wasOpen;
+    /** Panel is always shown; dialog only when `open`. */
+    readonly show: _angular_core.Signal<boolean>;
+    readonly filteredGroups: _angular_core.Signal<DgaCommandGroup[]>;
+    readonly flatFiltered: _angular_core.Signal<DgaCommandItem[]>;
+    readonly activeDescendant: _angular_core.Signal<string | null>;
+    constructor();
+    optionId(id: string): string;
+    shortcutKeys(item: DgaCommandItem): string[] | null;
+    onQueryInput(event: Event): void;
+    clearQuery(): void;
+    setActive(id: string): void;
+    select(item: DgaCommandItem): void;
+    close(): void;
+    onBackdrop(): void;
+    onRootKey(event: KeyboardEvent): void;
+    onInputKey(event: KeyboardEvent): void;
+    onHotkey(event: KeyboardEvent): void;
+    private moveActive;
+    private resolveGroups;
+    private matches;
+    private normalize;
+    private focusInput;
+    private restoreFocus;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaCommand, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaCommand, "dga-command", never, { "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "dialogLabel": { "alias": "dialogLabel"; "required": false; "isSignal": true; }; "listLabel": { "alias": "listLabel"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; "isSignal": true; }; "hotkey": { "alias": "hotkey"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "selected": "selected"; "selectedValue": "selectedValue"; "opened": "opened"; "closed": "closed"; "queryChange": "queryChange"; }, never, never, true, never>;
+}
+
 type DgaDrawerSide = 'start' | 'end';
 declare class DgaDrawer {
+    private readonly doc;
+    private readonly destroyRef;
     private readonly injector;
+    private readonly rootRef;
     private readonly panel;
     readonly open: _angular_core.ModelSignal<boolean>;
     readonly title: _angular_core.InputSignal<string>;
@@ -1242,12 +1426,16 @@ declare class DgaDrawer {
     readonly closed: _angular_core.OutputEmitterRef<void>;
     readonly titleId: string;
     private previousFocus;
-    private previousOverflow;
+    private previousBodyOverflow;
+    private previousHtmlOverflow;
+    private scrollLocked;
     readonly panelClasses: _angular_core.Signal<string>;
     constructor();
     close(): void;
     onBackdrop(): void;
     onKeydown(event: KeyboardEvent): void;
+    private portalToBody;
+    private removePortaledRoot;
     private focusInitial;
     private trapFocus;
     private getFocusable;
@@ -1323,6 +1511,114 @@ declare class DgaImagePopup {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaImagePopup, "dga-image-popup", never, { "images": { "alias": "images"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "imageTransition": { "alias": "imageTransition"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "prevLabel": { "alias": "prevLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "activeIndex": "activeIndexChange"; "closed": "closed"; "opened": "opened"; }, never, never, true, never>;
 }
 
+/** Logical placements (RTL-aware via inset-inline). */
+type DgaTourPlacement = 'top' | 'bottom' | 'start' | 'end' | 'auto';
+type DgaTourPersist = 'local' | 'session' | 'none';
+interface DgaTourStep {
+    /** Optional stable id for analytics. */
+    id?: string;
+    /**
+     * CSS selector for the highlighted element.
+     * Omit or leave empty for a centered intro / outro card.
+     */
+    target?: string;
+    title: string;
+    description: string;
+    placement?: DgaTourPlacement;
+    /** Scroll the target into view before measuring (default true). */
+    scroll?: boolean;
+    /** Extra padding around the spotlight hole (px). */
+    padding?: number;
+}
+interface SpotRect {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}
+interface PopoverPos {
+    top: number;
+    left: number;
+    placement: Exclude<DgaTourPlacement, 'auto'>;
+}
+/**
+ * Multi-step onboarding tour with spotlight + coachmark.
+ *
+ * Targets elements via CSS selectors (e.g. `[data-dga-action="login"]`).
+ * Empty `target` steps render a centered welcome / finish card.
+ *
+ * @example
+ * ```html
+ * <dga-tour
+ *   [(open)]="tourOpen"
+ *   [steps]="tourSteps"
+ *   persist="local"
+ *   persistKey="portal-onboarding"
+ * />
+ * ```
+ */
+declare class DgaTour {
+    private readonly doc;
+    private readonly destroyRef;
+    private readonly injector;
+    private readonly rootRef;
+    readonly open: _angular_core.ModelSignal<boolean>;
+    readonly steps: _angular_core.InputSignal<DgaTourStep[]>;
+    readonly stepIndex: _angular_core.ModelSignal<number>;
+    readonly nextLabel: _angular_core.InputSignal<string>;
+    readonly prevLabel: _angular_core.InputSignal<string>;
+    readonly skipLabel: _angular_core.InputSignal<string>;
+    readonly doneLabel: _angular_core.InputSignal<string>;
+    /** Template: `{current}` and `{total}` */
+    readonly stepOfLabel: _angular_core.InputSignal<string>;
+    readonly allowSkip: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly closeOnBackdrop: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Auto-open on first visit when persist storage has no flag. */
+    readonly autoStart: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly persist: _angular_core.InputSignal<DgaTourPersist>;
+    readonly persistKey: _angular_core.InputSignal<string>;
+    readonly completed: _angular_core.OutputEmitterRef<void>;
+    readonly skipped: _angular_core.OutputEmitterRef<void>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    readonly stepChange: _angular_core.OutputEmitterRef<number>;
+    readonly titleId: string;
+    readonly spot: _angular_core.WritableSignal<SpotRect | null>;
+    readonly popover: _angular_core.WritableSignal<PopoverPos | null>;
+    private previousFocus;
+    private resizeObserver;
+    private measureRaf;
+    private unbindViewport;
+    private autoStarted;
+    readonly visible: _angular_core.Signal<boolean>;
+    readonly current: _angular_core.Signal<DgaTourStep>;
+    readonly isLast: _angular_core.Signal<boolean>;
+    readonly progressLabel: _angular_core.Signal<string>;
+    constructor();
+    next(): void;
+    prev(): void;
+    skip(): void;
+    onBackdrop(): void;
+    onKeydown(event: KeyboardEvent): void;
+    private goTo;
+    private finish;
+    private scheduleMeasure;
+    private measure;
+    private placePopover;
+    private bindObservers;
+    /** Move layer to `document.body` so sticky announcement / headers cannot sit above it. */
+    private portalToBody;
+    private removePortaledRoot;
+    private teardownObservers;
+    private focusCard;
+    private restoreFocus;
+    private clampIndex;
+    private storage;
+    private hasSeen;
+    private markSeen;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaTour, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaTour, "dga-tour", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "stepIndex": { "alias": "stepIndex"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "prevLabel": { "alias": "prevLabel"; "required": false; "isSignal": true; }; "skipLabel": { "alias": "skipLabel"; "required": false; "isSignal": true; }; "doneLabel": { "alias": "doneLabel"; "required": false; "isSignal": true; }; "stepOfLabel": { "alias": "stepOfLabel"; "required": false; "isSignal": true; }; "allowSkip": { "alias": "allowSkip"; "required": false; "isSignal": true; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; "isSignal": true; }; "autoStart": { "alias": "autoStart"; "required": false; "isSignal": true; }; "persist": { "alias": "persist"; "required": false; "isSignal": true; }; "persistKey": { "alias": "persistKey"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "stepIndex": "stepIndexChange"; "completed": "completed"; "skipped": "skipped"; "closed": "closed"; "stepChange": "stepChange"; }, never, never, true, never>;
+}
+
 type DgaAlertVariant = 'neutral' | 'critical' | 'error' | 'warning' | 'info' | 'success';
 /** Layout: default card alert, or compact single-line banner. */
 type DgaAlertDisplay = 'default' | 'inline';
@@ -1344,7 +1640,7 @@ declare class DgaAlert {
     readonly titleClasses: _angular_core.Signal<string>;
     readonly descriptionClasses: _angular_core.Signal<string>;
     readonly iconName: _angular_core.Signal<DgaIconName>;
-    readonly iconTone: _angular_core.Signal<"success" | "warning" | "error" | "muted" | "current">;
+    readonly iconTone: _angular_core.Signal<"error" | "success" | "warning" | "muted" | "current">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaAlert, never>;
     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>;
 }
@@ -1458,204 +1754,11 @@ declare class DgaPageFeedback {
     onSubmit(event: Event): void;
     /** From details → idle; from thanks → dismiss the panel. */
     close(): void;
+    safeHref(href: string | undefined | null): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaPageFeedback, never>;
     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>;
 }
 
-/** Stored consent outcome. `custom` = per-category preferences were saved. */
-type DgaCookieConsent = 'accepted' | 'declined' | 'custom' | null;
-/** Horizontal placement. Logical `start`/`end` follow reading direction. */
-type DgaCookiesAlign = 'start' | 'center' | 'end';
-/**
- * Banner anchor on the viewport.
- * - `start` | `center` | `end` → bottom edge + that alignment (compact)
- * - `bottom` | `top` → that edge, centered
- * - `bottom-start` / `top-end` / … → explicit edge + alignment
- */
-type DgaCookiesPosition = DgaCookiesAlign | 'bottom' | 'top' | 'bottom-start' | 'bottom-center' | 'bottom-end' | 'top-start' | 'top-center' | 'top-end';
-/** Optional cookie category for granular consent (GDPR-style preferences). */
-interface DgaCookieCategory {
-    id: string;
-    label: string;
-    description?: string;
-    /** Always enabled; toggle is disabled. */
-    required?: boolean;
-    /** Initial state when no stored preference exists (ignored when `required`). */
-    defaultEnabled?: boolean;
-}
-type DgaCookiePreferences = Record<string, boolean>;
-interface DgaCookieDecision {
-    consent: Exclude<DgaCookieConsent, null>;
-    preferences: DgaCookiePreferences;
-}
-/**
- * Privacy-compliant cookie consent banner.
- * Persists choice (default 365 days); optional category preferences and GA gating.
- */
-declare class DgaCookies implements OnInit {
-    private readonly destroyRef;
-    private readonly hostRef;
-    /** Original parent before body portal (restored on destroy). */
-    private portalHome;
-    readonly compact: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Viewport anchor. Use `start` / `center` / `end` for bottom placement,
-     * or compound values like `top-end`. Prefer `align` to set horizontal only.
-     */
-    readonly position: _angular_core.InputSignal<DgaCookiesPosition>;
-    /** Horizontal alignment (`start` | `center` | `end`). Overrides `position` when set. */
-    readonly align: _angular_core.InputSignal<"" | DgaCookiesAlign>;
-    /** Auto-open delay when no consent is stored. `0` disables auto-show. */
-    readonly delayMs: _angular_core.InputSignal<number>;
-    /** When false, never auto-opens (call `show()` manually). */
-    readonly autoShow: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Show the dismiss (X) control. Dismiss does not persist a decision. */
-    readonly dismissible: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Show the reject / decline non-essential button. */
-    readonly showDecline: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Show policy / terms links row. */
-    readonly showLinks: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Show Customize when `categories` are provided. */
-    readonly showCustomize: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Dim the page behind the banner (modal-style overlay). */
-    readonly overlay: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * @deprecated Prefer `overlay`. Same behavior — kept for backward compatibility.
-     */
-    readonly blocking: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Close the banner when the overlay backdrop is clicked (requires dismissible). */
-    readonly overlayClose: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly termsHref: _angular_core.InputSignal<string>;
-    readonly privacyHref: _angular_core.InputSignal<string>;
-    /** Optional third policy link (cookie policy). Empty hides it. */
-    readonly cookiePolicyHref: _angular_core.InputSignal<string>;
-    readonly termsLabel: _angular_core.InputSignal<string>;
-    readonly privacyLabel: _angular_core.InputSignal<string>;
-    readonly cookiePolicyLabel: _angular_core.InputSignal<string>;
-    readonly title: _angular_core.InputSignal<string>;
-    readonly description: _angular_core.InputSignal<string>;
-    readonly acceptLabel: _angular_core.InputSignal<string>;
-    readonly declineLabel: _angular_core.InputSignal<string>;
-    readonly customizeLabel: _angular_core.InputSignal<string>;
-    readonly saveLabel: _angular_core.InputSignal<string>;
-    readonly icon: _angular_core.InputSignal<DgaIconName>;
-    /** Google Analytics IDs to disable on decline / when analytics is off. */
-    readonly gaTrackingIds: _angular_core.InputSignal<string | readonly string[]>;
-    /** Consent cookie lifetime in days. */
-    readonly consentDays: _angular_core.InputSignal<number>;
-    /** Consent cookie name (also used as localStorage key prefix). */
-    readonly consentCookieName: _angular_core.InputSignal<string>;
-    /** Extra cookies to delete when analytics/marketing is denied. */
-    readonly analyticsCookieNames: _angular_core.InputSignal<readonly string[]>;
-    /** Granular categories. When set, Customize / Save Preferences become available. */
-    readonly categories: _angular_core.InputSignal<readonly DgaCookieCategory[]>;
-    readonly accepted: _angular_core.OutputEmitterRef<void>;
-    readonly declined: _angular_core.OutputEmitterRef<void>;
-    readonly closed: _angular_core.OutputEmitterRef<void>;
-    readonly decided: _angular_core.OutputEmitterRef<"accepted" | "declined" | "custom">;
-    readonly preferencesChange: _angular_core.OutputEmitterRef<DgaCookiePreferences>;
-    readonly decision: _angular_core.OutputEmitterRef<DgaCookieDecision>;
-    /** Controls enter/exit animation state. */
-    readonly visible: _angular_core.WritableSignal<boolean>;
-    /** Keeps the panel in the DOM while exit animation plays. */
-    readonly mounted: _angular_core.WritableSignal<boolean>;
-    /** Whether the category preferences panel is expanded. */
-    readonly customizing: _angular_core.WritableSignal<boolean>;
-    /** Draft toggles while customizing. */
-    readonly draftPrefs: _angular_core.WritableSignal<DgaCookiePreferences>;
-    private readonly seq;
-    readonly titleId: string;
-    readonly bodyId: string;
-    private openTimer;
-    private closeTimer;
-    readonly copy: _angular_core.Signal<{
-        title: string;
-        body: string;
-        terms: string;
-        privacy: string;
-        cookiePolicy: string;
-        accept: string;
-        acceptAll: string;
-        decline: string;
-        customize: string;
-        save: string;
-        categories: string;
-        policies: string;
-        close: string;
-    }>;
-    readonly resolvedCategories: _angular_core.Signal<DgaCookieCategory[]>;
-    readonly resolvedLinks: _angular_core.Signal<{
-        href: string;
-        label: string;
-    }[]>;
-    /**
-     * Accept + Decline share a row; Customize / Save spans full width underneath
-     * so Arabic labels stay on one line. Actions stay pinned below the scroll body.
-     */
-    readonly actionsClasses: _angular_core.Signal<string>;
-    /** Resolved vertical edge + horizontal align (logical start/end). */
-    readonly placement: _angular_core.Signal<{
-        edge: "top" | "bottom";
-        align: DgaCookiesAlign;
-    }>;
-    /** Whether a dimmed backdrop is shown (`overlay` or legacy `blocking`). */
-    readonly hasOverlay: _angular_core.Signal<boolean>;
-    readonly panelClasses: _angular_core.Signal<string>;
-    constructor();
-    ngOnInit(): void;
-    hasCategories(): boolean;
-    hasLinks(): boolean;
-    /**
-     * Re-open the banner (e.g. from a footer Cookie Settings link).
-     * Portals to `document.body` so overflow/transform ancestors cannot clip it.
-     */
-    show(): void;
-    /** Hide without persisting a decision. */
-    dismiss(): void;
-    /** Backdrop click — dismiss only when overlayClose + dismissible. */
-    onOverlayClick(): void;
-    openCustomize(): void;
-    onCategoryToggle(id: string, enabled: boolean): void;
-    accept(): void;
-    decline(): void;
-    savePreferences(): void;
-    private commit;
-    private buildDefaultPrefs;
-    private buildAllPrefs;
-    private readStored;
-    private hidePanel;
-    private trackingIds;
-    /** Move host to `body` so fixed positioning escapes overflow/transform ancestors. */
-    private ensureBodyPortal;
-    private restorePortal;
-    private clearTimer;
-    private clearCloseTimer;
-    static getConsent(cookieName?: string): DgaCookieConsent;
-    static getPreferences(cookieName?: string): DgaCookiePreferences | null;
-    static setConsent(value: Exclude<DgaCookieConsent, null>, options?: {
-        name?: string;
-        days?: number;
-        preferences?: DgaCookiePreferences;
-    }): void;
-    static clearConsent(cookieName?: string): void;
-    /** @internal */
-    static parseStored(raw: string | null): {
-        consent: DgaCookieConsent;
-        preferences: DgaCookiePreferences | null;
-    };
-    /** @internal */
-    static writeConsent(status: Exclude<DgaCookieConsent, null>, preferences: DgaCookiePreferences | null, opts: {
-        name: string;
-        days: number;
-        hasCategories: boolean;
-    }): void;
-    static get(name: string): string | null;
-    static set(name: string, value: string, days?: number): void;
-    static delete(name: string): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaCookies, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaCookies, "dga-cookies", never, { "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "delayMs": { "alias": "delayMs"; "required": false; "isSignal": true; }; "autoShow": { "alias": "autoShow"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "showDecline": { "alias": "showDecline"; "required": false; "isSignal": true; }; "showLinks": { "alias": "showLinks"; "required": false; "isSignal": true; }; "showCustomize": { "alias": "showCustomize"; "required": false; "isSignal": true; }; "overlay": { "alias": "overlay"; "required": false; "isSignal": true; }; "blocking": { "alias": "blocking"; "required": false; "isSignal": true; }; "overlayClose": { "alias": "overlayClose"; "required": false; "isSignal": true; }; "termsHref": { "alias": "termsHref"; "required": false; "isSignal": true; }; "privacyHref": { "alias": "privacyHref"; "required": false; "isSignal": true; }; "cookiePolicyHref": { "alias": "cookiePolicyHref"; "required": false; "isSignal": true; }; "termsLabel": { "alias": "termsLabel"; "required": false; "isSignal": true; }; "privacyLabel": { "alias": "privacyLabel"; "required": false; "isSignal": true; }; "cookiePolicyLabel": { "alias": "cookiePolicyLabel"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "acceptLabel": { "alias": "acceptLabel"; "required": false; "isSignal": true; }; "declineLabel": { "alias": "declineLabel"; "required": false; "isSignal": true; }; "customizeLabel": { "alias": "customizeLabel"; "required": false; "isSignal": true; }; "saveLabel": { "alias": "saveLabel"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "gaTrackingIds": { "alias": "gaTrackingIds"; "required": false; "isSignal": true; }; "consentDays": { "alias": "consentDays"; "required": false; "isSignal": true; }; "consentCookieName": { "alias": "consentCookieName"; "required": false; "isSignal": true; }; "analyticsCookieNames": { "alias": "analyticsCookieNames"; "required": false; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; }, { "accepted": "accepted"; "declined": "declined"; "closed": "closed"; "decided": "decided"; "preferencesChange": "preferencesChange"; "decision": "decision"; }, never, never, true, never>;
-}
-
 type DgaRatingSize = 'sm' | 'md' | 'lg';
 declare class DgaRating {
     readonly value: _angular_core.ModelSignal<number>;
@@ -1852,243 +1955,6 @@ declare class DgaChatbot {
     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>;
 }
 
-/** One-tap accessibility presets (compose primitives + settings). */
-type DgaA11yBundle = 'epilepsy-safe' | 'visually-impaired' | 'cognitive-disability' | 'motor-impaired' | 'colorblind' | 'dyslexia-friendly' | 'adhd-friendly';
-/** Primitive toggles stamped on `data-a11y`. */
-type DgaA11yMode = 'reduce-motion' | 'highlight-links' | 'highlight-titles' | 'high-contrast' | 'dyslexia' | 'reading-mask' | 'motor-targets' | DgaA11yBundle;
-type DgaA11yVisualFilter = 'none' | 'boost-contrast' | 'monochrome' | 'high-contrast' | 'high-saturation' | 'low-saturation' | 'deuteranopia';
-type DgaA11yTextAlign = 'default' | 'start' | 'end' | 'justify';
-type DgaA11yLineHeight = 'normal' | '1.6' | '1.8' | '2.0';
-type DgaA11yLetterSpacing = '0' | '0.04em' | '0.08em' | '0.12em';
-type DgaA11yWordSpacing = '0' | '0.16em' | '0.32em' | '0.48em';
-declare class DgaAccessibilityService {
-    private readonly doc;
-    private readonly zone;
-    private liveRegion;
-    private opener;
-    private mqMotion;
-    private mqContrast;
-    readonly isOpen: _angular_core.WritableSignal<boolean>;
-    readonly modes: _angular_core.WritableSignal<Set<DgaA11yMode>>;
-    readonly visualFilter: _angular_core.WritableSignal<DgaA11yVisualFilter>;
-    readonly fontStep: _angular_core.WritableSignal<number>;
-    readonly textAlign: _angular_core.WritableSignal<DgaA11yTextAlign>;
-    readonly lineHeight: _angular_core.WritableSignal<DgaA11yLineHeight>;
-    readonly letterSpacing: _angular_core.WritableSignal<DgaA11yLetterSpacing>;
-    readonly wordSpacing: _angular_core.WritableSignal<DgaA11yWordSpacing>;
-    /** Half-height of the reading-mask band in px (20–160). */
-    readonly maskBand: _angular_core.WritableSignal<number>;
-    /** Center Y of the reading-mask band in px. */
-    readonly maskY: _angular_core.WritableSignal<number>;
-    readonly reduceMotion: _angular_core.Signal<boolean>;
-    readonly highlightLinks: _angular_core.Signal<boolean>;
-    readonly highlightTitles: _angular_core.Signal<boolean>;
-    readonly highContrast: _angular_core.Signal<boolean>;
-    readonly dyslexia: _angular_core.Signal<boolean>;
-    readonly readingMask: _angular_core.Signal<boolean>;
-    readonly motorTargets: _angular_core.Signal<boolean>;
-    /**
-     * Reactive UI locale — kept in sync with `<html lang>` / `data-locale`
-     * (including when `DgaLocaleService` updates the document).
-     */
-    readonly locale: _angular_core.WritableSignal<"ar" | "en">;
-    private readonly effectiveModes;
-    private localeObserver;
-    constructor();
-    open(opener?: HTMLElement | null): void;
-    close(): void;
-    toggle(opener?: HTMLElement | null): void;
-    hasMode(mode: DgaA11yMode): boolean;
-    isBundle(mode: DgaA11yMode): mode is DgaA11yBundle;
-    toggleMode(mode: DgaA11yMode): void;
-    /** Explicitly enable or disable a mode/bundle (avoids switch double-toggle bugs). */
-    setMode(mode: DgaA11yMode, enabled: boolean): void;
-    setVisualFilter(filter: DgaA11yVisualFilter): void;
-    cycleFontStep(): void;
-    cycleTextAlign(): void;
-    cycleLineHeight(): void;
-    cycleLetterSpacing(): void;
-    cycleWordSpacing(): void;
-    /** Step font size (−1 / +1), wrapping within available levels. */
-    stepFontStep(delta: number): void;
-    stepTextAlign(delta: number): void;
-    stepLineHeight(delta: number): void;
-    stepLetterSpacing(delta: number): void;
-    stepWordSpacing(delta: number): void;
-    adjustMaskBand(delta: number): void;
-    setMaskY(y: number): void;
-    reset(): void;
-    announce(msg: string): void;
-    /** Current UI locale inferred from `<html lang>` / `data-locale`. */
-    private readDomLocale;
-    /** Keep `locale` reactive when portal / DgaLocaleService mutates `<html>`. */
-    private bindLocaleObserver;
-    /**
-     * Toggle AR/EN on `<html>` (`lang` / `dir` / `data-locale`).
-     * Compatible with DgaLocaleService attribute contract.
-     */
-    toggleLocale(): 'ar' | 'en';
-    activeModeCount(section: 'modes' | 'readable' | 'visual'): number;
-    /** Total active settings across profiles + tools + filters (for FAB badge). */
-    activeSettingCount(): number;
-    private applyBundleExtras;
-    private ensureDyslexiaFont;
-    private applyToDocument;
-    private persist;
-    private hydrate;
-    private bindOsPreferences;
-    private ensureLiveRegion;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaAccessibilityService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DgaAccessibilityService>;
-}
-
-type DgaAccessibilityPosition = 'end' | 'start' | 'left' | 'right';
-type AdjustToggleId = 'dyslexia' | 'highlight-titles' | 'highlight-links' | 'reading-mask' | 'reduce-motion';
-type AdjustStepperId = 'font' | 'align' | 'line' | 'letter' | 'word';
-declare class DgaAccessibility {
-    readonly a11y: DgaAccessibilityService;
-    readonly position: _angular_core.InputSignal<DgaAccessibilityPosition>;
-    /**
-     * 0-based slot in the shared FAB dock (bottom → top).
-     * Typical: a11y=0, chatbot=1, scroll-top=2.
-     */
-    readonly stack: _angular_core.InputSignalWithTransform<number, unknown>;
-    readonly panelId = "dga-accessibility-panel";
-    private readonly panelRef;
-    readonly fabBottom: _angular_core.Signal<string>;
-    readonly resetArmed: _angular_core.WritableSignal<boolean>;
-    readonly liveMsg: _angular_core.WritableSignal<string>;
-    private resetTimer;
-    private draggingMask;
-    readonly copy: _angular_core.Signal<{
-        open: string;
-        close: string;
-        panelLabel: string;
-        title: string;
-        sectionActive: string;
-        sectionProfiles: string;
-        sectionAdjust: string;
-        sectionFilters: string;
-        profilesHint: string;
-        chipJump: string;
-        stepDecrease: string;
-        stepIncrease: string;
-        reset: string;
-        resetConfirm: string;
-        announcedReset: string;
-        fontSize: string;
-        dyslexia: string;
-        highlightTitles: string;
-        highlightLinks: string;
-        readingMask: string;
-        reduceMotion: string;
-        textAlign: string;
-        lineHeight: string;
-        letterSpacing: string;
-        wordSpacing: string;
-        filterBoost: string;
-        filterMono: string;
-        filterHigh: string;
-        filterHighSat: string;
-        filterLowSat: string;
-        filterDeutan: string;
-        maskToolbar: string;
-        maskSmaller: string;
-        maskLarger: string;
-        maskDrag: string;
-        maskClose: string;
-        stateOn: string;
-        stateOff: string;
-        defaultValue: string;
-        fontLevels: string[];
-        alignLevels: string[];
-        lineLevels: string[];
-        letterLevels: string[];
-        wordLevels: string[];
-        bundles: {
-            'epilepsy-safe': {
-                label: string;
-                desc: string;
-            };
-            'visually-impaired': {
-                label: string;
-                desc: string;
-            };
-            'cognitive-disability': {
-                label: string;
-                desc: string;
-            };
-            'motor-impaired': {
-                label: string;
-                desc: string;
-            };
-            colorblind: {
-                label: string;
-                desc: string;
-            };
-            'dyslexia-friendly': {
-                label: string;
-                desc: string;
-            };
-            'adhd-friendly': {
-                label: string;
-                desc: string;
-            };
-        };
-    }>;
-    readonly bundles: _angular_core.Signal<{
-        id: DgaA11yBundle;
-        icon: DgaIconName;
-        label: string;
-        desc: string;
-    }[]>;
-    readonly adjustToggles: _angular_core.Signal<{
-        id: AdjustToggleId;
-        mode: DgaA11yMode;
-        icon: DgaIconName;
-        label: string;
-        active: boolean;
-    }[]>;
-    readonly adjustSteppers: _angular_core.Signal<{
-        id: AdjustStepperId;
-        icon: DgaIconName;
-        label: string;
-        active: boolean;
-        valueLabel: string;
-    }[]>;
-    readonly visualTiles: _angular_core.Signal<{
-        value: Exclude<DgaA11yVisualFilter, "none">;
-        label: string;
-        icon: DgaIconName;
-        active: boolean;
-    }[]>;
-    readonly activeChips: _angular_core.Signal<{
-        id: string;
-        label: string;
-        controlId: string;
-    }[]>;
-    readonly activeBadgeCount: _angular_core.Signal<number>;
-    readonly fabClasses: _angular_core.Signal<string>;
-    readonly panelClasses: _angular_core.Signal<string>;
-    constructor();
-    onKeydown(event: KeyboardEvent): void;
-    onPointerMove(event: PointerEvent): void;
-    onPointerUp(): void;
-    onFabClick(event: MouseEvent): void;
-    onBundle(id: DgaA11yBundle, enabled: boolean): void;
-    onToggleMode(mode: DgaA11yMode, enabled?: boolean): void;
-    onStep(id: AdjustStepperId, delta: number): void;
-    onFilter(value: DgaA11yVisualFilter): void;
-    focusControl(controlId: string): void;
-    onReset(): void;
-    onMaskDragStart(event: PointerEvent): void;
-    private panelPositionClass;
-    private announce;
-    private onMaskKeys;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaAccessibility, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaAccessibility, "dga-accessibility", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "stack": { "alias": "stack"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 /**
  * Visually hidden until focused — first tab stop for keyboard users.
  * Place near the top of the document; `href` should target main content id.
@@ -2096,6 +1962,7 @@ declare class DgaAccessibility {
 declare class DgaSkipLink {
     readonly href: _angular_core.InputSignal<string>;
     readonly label: _angular_core.InputSignal<string>;
+    safeHref(href: string | undefined | null): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaSkipLink, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaSkipLink, "dga-skip-link", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -2142,17 +2009,65 @@ interface DgaBreadcrumbItem {
     href?: string;
 }
 type DgaBreadcrumbSeparator = 'chevron' | 'slash';
+type BreadcrumbSlot = {
+    kind: 'item';
+    item: DgaBreadcrumbItem;
+    index: number;
+    current: boolean;
+} | {
+    kind: 'collapse';
+    hidden: DgaBreadcrumbItem[];
+};
+/**
+ * Breadcrumb trail with collapse + label truncation for long paths.
+ *
+ * ```html
+ * <dga-breadcrumb [items]="crumbs" [maxItems]="4" />
+ * ```
+ *
+ * When `items.length > maxItems`, middle crumbs collapse behind an ellipsis menu.
+ * Set `maxItems` to `0` to disable collapse. Long labels truncate when `truncate` is on.
+ */
 declare class DgaBreadcrumb {
+    private readonly host;
+    private readonly destroyRef;
     private readonly baseHref;
+    private static seq;
+    readonly menuId: string;
     readonly items: _angular_core.InputSignal<DgaBreadcrumbItem[]>;
     readonly label: _angular_core.InputSignal<string>;
     readonly separator: _angular_core.InputSignal<DgaBreadcrumbSeparator>;
+    /**
+     * Collapse middle items when the trail is longer than this.
+     * `0` disables collapse.
+     */
+    readonly maxItems: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Crumbs kept at the start when collapsing. */
+    readonly itemsBeforeCollapse: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Crumbs kept at the end when collapsing (includes current page). */
+    readonly itemsAfterCollapse: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Truncate long labels with ellipsis. */
+    readonly truncate: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Accessible name for the overflow (“…”) control. */
+    readonly moreLabel: _angular_core.InputSignal<string>;
     /** Emits the clicked item for non-last links. Navigation via `href` is not prevented. */
     readonly itemClick: _angular_core.OutputEmitterRef<DgaBreadcrumbItem>;
+    readonly overflowOpen: _angular_core.WritableSignal<boolean>;
+    readonly slots: _angular_core.Signal<BreadcrumbSlot[]>;
+    readonly listClasses: _angular_core.Signal<string>;
+    readonly linkClasses: _angular_core.Signal<string>;
+    readonly mutedClasses: _angular_core.Signal<string>;
+    readonly currentClasses: _angular_core.Signal<string>;
+    constructor();
+    trackSlot(slot: BreadcrumbSlot, index: number): string;
     appHref(href: string | undefined | null): string;
     onItemClick(item: DgaBreadcrumbItem): void;
+    toggleOverflow(event: MouseEvent): void;
+    onOverflowItemClick(item: DgaBreadcrumbItem): void;
+    onDocumentClick(event: MouseEvent): void;
+    onDocumentKey(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaBreadcrumb, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaBreadcrumb, "dga-breadcrumb", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaBreadcrumb, "dga-breadcrumb", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "maxItems": { "alias": "maxItems"; "required": false; "isSignal": true; }; "itemsBeforeCollapse": { "alias": "itemsBeforeCollapse"; "required": false; "isSignal": true; }; "itemsAfterCollapse": { "alias": "itemsAfterCollapse"; "required": false; "isSignal": true; }; "truncate": { "alias": "truncate"; "required": false; "isSignal": true; }; "moreLabel": { "alias": "moreLabel"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
 }
 
 declare class DgaPagination {
@@ -2263,6 +2178,11 @@ declare class DgaStepper {
     readonly steps: _angular_core.InputSignal<DgaStep[]>;
     readonly active: _angular_core.ModelSignal<number>;
     readonly label: _angular_core.InputSignal<string>;
+    /**
+     * Optional veto for step clicks (e.g. form wizard validation).
+     * Return false to keep the current step.
+     */
+    readonly beforeActiveChange: _angular_core.InputSignal<((next: number, current: number) => boolean) | undefined>;
     stepStatus(index: number): DgaStepStatus;
     stepButtonClasses(index: number): string;
     labelClasses(index: number): string;
@@ -2270,7 +2190,7 @@ declare class DgaStepper {
     railTone(index: number): string;
     go(index: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaStepper, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaStepper, "dga-stepper", never, { "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaStepper, "dga-stepper", never, { "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "beforeActiveChange": { "alias": "beforeActiveChange"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; }, never, never, true, never>;
 }
 
 interface DgaTocItem {
@@ -2324,7 +2244,7 @@ declare class DgaSideNav {
     /**
      * `auto` = horizontal chips below lg; `vertical` = always sidebar (use in drawers).
      */
-    readonly layout: _angular_core.InputSignal<"auto" | "vertical">;
+    readonly layout: _angular_core.InputSignal<"vertical" | "auto">;
     readonly label: _angular_core.InputSignal<string>;
     readonly toggleLabel: _angular_core.InputSignal<string>;
     readonly select: _angular_core.OutputEmitterRef<DgaSideNavItem>;
@@ -2342,6 +2262,7 @@ declare class DgaSideNav {
     onSelect(item: DgaSideNavItem, event?: Event): void;
     private childIsActive;
     private toggleExpanded;
+    safeHref(href: string | undefined | null): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaSideNav, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaSideNav, "dga-side-nav", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "toggleLabel": { "alias": "toggleLabel"; "required": false; "isSignal": true; }; "narrow": { "alias": "narrow"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "select": "select"; "narrow": "narrowChange"; }, never, never, true, never>;
 }
@@ -2436,6 +2357,7 @@ declare class DgaNavRail {
     onSelect(item: DgaNavRailItem, event?: MouseEvent): void;
     toggleExpand(): void;
     private prefersReducedMotion;
+    safeHref(href: string | undefined | null): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaNavRail, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaNavRail, "dga-nav-rail", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "expandLabel": { "alias": "expandLabel"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "activeStyle": { "alias": "activeStyle"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "smoothScroll": { "alias": "smoothScroll"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "expanded": "expandedChange"; "select": "select"; "expandChange": "expandChange"; }, never, never, true, never>;
 }
@@ -2592,6 +2514,7 @@ declare class DgaCard {
     iconGlyphSize(): DgaIconSize;
     actionsHostClass(): string;
     builtInActionsClass(): string;
+    safeHref(href: string | undefined | null): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaCard, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaCard, "dga-card", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "titleTruncate": { "alias": "titleTruncate"; "required": false; "isSignal": true; }; "descriptionClamp": { "alias": "descriptionClamp"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "iconAppearance": { "alias": "iconAppearance"; "required": false; "isSignal": true; }; "badges": { "alias": "badges"; "required": false; "isSignal": true; }; "badgeSize": { "alias": "badgeSize"; "required": false; "isSignal": true; }; "primaryLabel": { "alias": "primaryLabel"; "required": false; "isSignal": true; }; "primaryHref": { "alias": "primaryHref"; "required": false; "isSignal": true; }; "primaryVariant": { "alias": "primaryVariant"; "required": false; "isSignal": true; }; "secondaryLabel": { "alias": "secondaryLabel"; "required": false; "isSignal": true; }; "secondaryHref": { "alias": "secondaryHref"; "required": false; "isSignal": true; }; "secondaryVariant": { "alias": "secondaryVariant"; "required": false; "isSignal": true; }; "actionSize": { "alias": "actionSize"; "required": false; "isSignal": true; }; "actionsAlign": { "alias": "actionsAlign"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; }, { "primaryClick": "primaryClick"; "secondaryClick": "secondaryClick"; }, never, ["[dgaCardMedia]", "[dgaCardLead]", "*", "[dgaCardActions]"], true, never>;
 }
@@ -2697,360 +2620,6 @@ declare class DgaAppShell {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaAppShell, "dga-app-shell", never, { "navLabel": { "alias": "navLabel"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "padded": { "alias": "padded"; "required": false; "isSignal": true; }; }, {}, never, [".dga-app-shell-brand, [dgaAppShellBrand]", ".dga-app-shell-nav, [dgaAppShellNav]", ".dga-app-shell-nav-foot, [dgaAppShellNavFoot]", ".dga-app-shell-header, [dgaAppShellHeader]", "*"], true, never>;
 }
 
-type DgaHeaderAppearance = 'default' | 'portal';
-/**
- * Mobile / narrow navigation chrome (portal header, `md` and below):
- * - `sheet` - side drawer from the inline-end (burger) edge
- * - `fullscreen` - full-viewport overlay panel
- * - `push` - panel expands under the header bar (inline dropdown)
- */
-type DgaMobileNavMode = 'sheet' | 'fullscreen' | 'push';
-/** Panel chrome: compact under trigger, full-bleed mega, or mega + featured lead. */
-type DgaNavDropdownVariant = 'menu' | 'mega' | 'featured';
-/** How links are arranged inside the panel. */
-type DgaNavDropdownLayout = 'list' | 'columns' | 'rows';
-interface DgaNavLink {
-    label: string;
-    href?: string;
-    description?: string;
-    current?: boolean;
-}
-interface DgaNavColumn {
-    title?: string;
-    links: DgaNavLink[];
-}
-/** Lead / promo block for `variant: 'featured'`. */
-interface DgaNavFeatured {
-    title: string;
-    description?: string;
-    href?: string;
-    cta?: string;
-    imageUrl?: string;
-}
-interface DgaNavDropdown {
-    /**
-     * Panel width/placement:
-     * - `menu` - compact panel anchored under the trigger (default for simple lists)
-     * - `mega` - full-width under the header
-     * - `featured` - full-width mega with a lead promo column
-     */
-    variant?: DgaNavDropdownVariant;
-    /** Inner arrangement: `list` | `columns` | `rows`. */
-    layout?: DgaNavDropdownLayout;
-    columns?: DgaNavColumn[];
-    links?: DgaNavLink[];
-    featured?: DgaNavFeatured;
-}
-interface DgaNavItem {
-    label: string;
-    href?: string;
-    current?: boolean;
-    dropdown?: DgaNavDropdown;
-}
-interface DgaHeaderAction {
-    id: string;
-    label: string;
-    icon?: DgaIconName;
-    href?: string;
-    badge?: number;
-    iconOnly?: boolean;
-}
-/** Suggestion chip shown under the header search field. */
-interface DgaHeaderSearchSuggestion {
-    label: string;
-    /** Value written into the query (defaults to `label`). */
-    value?: string;
-    icon?: DgaIconName;
-}
-/**
- * Built-in header search popup (opens from the action whose `id` matches `actionId`).
- * Pass this to `[search]` to enable the modal search experience.
- */
-interface DgaHeaderSearchConfig {
-    /** Action id that toggles the panel. Default: `'search'`. */
-    actionId?: string;
-    /** Modal title. Default: `'Search'`. */
-    title?: string;
-    description?: string;
-    closeLabel?: string;
-    placeholder?: string;
-    submitLabel?: string;
-    suggestionsLabel?: string;
-    clearLabel?: string;
-    voiceLabel?: string;
-    /** Show microphone control (uses Web Speech API when available). Default: true. */
-    voice?: boolean;
-    suggestions?: DgaHeaderSearchSuggestion[];
-    /**
-     * Optional results URL. On submit, navigates to
-     * `{resultsHref}?{queryParam}={query}` when set.
-     */
-    resultsHref?: string;
-    /** Query string key. Default: `'q'`. */
-    queryParam?: string;
-}
-type DgaHeaderNotificationTone = DgaBadgeVariant;
-/** Single item in the header notifications panel. */
-interface DgaHeaderNotification {
-    id: string;
-    title: string;
-    message: string;
-    statusLabel?: string;
-    tone?: DgaHeaderNotificationTone;
-    icon?: DgaIconName;
-    href?: string;
-    read?: boolean;
-}
-/**
- * Built-in notifications dropdown for the action whose `id` matches `actionId`
- * (default `'notifications'`).
- */
-interface DgaHeaderNotificationsConfig {
-    actionId?: string;
-    /** Panel heading. Default: `'Notifications'`. */
-    title?: string;
-    emptyLabel?: string;
-    viewAllLabel?: string;
-    viewAllHref?: string;
-    markReadLabel?: string;
-    markAllReadLabel?: string;
-    viewLabel?: string;
-    dismissLabel?: string;
-    closeLabel?: string;
-    items?: DgaHeaderNotification[];
-}
-type DgaHeaderNotificationAction = 'read' | 'view' | 'dismiss' | 'select';
-/** Guest login form opened from the login action. */
-interface DgaHeaderLoginConfig {
-    actionId?: string;
-    title?: string;
-    description?: string;
-    emailLabel?: string;
-    emailPlaceholder?: string;
-    emailHint?: string;
-    passwordLabel?: string;
-    passwordPlaceholder?: string;
-    passwordHint?: string;
-    submitLabel?: string;
-    cancelLabel?: string;
-    closeLabel?: string;
-    forgotPasswordLabel?: string;
-    forgotPasswordHref?: string;
-    showPasswordLabel?: string;
-    hidePasswordLabel?: string;
-}
-interface DgaHeaderUserMenuLink {
-    id: string;
-    label: string;
-    href?: string;
-    icon?: DgaIconName;
-    danger?: boolean;
-}
-/** Authenticated user menu shown after login (same action id as login). */
-interface DgaHeaderUserConfig {
-    name: string;
-    role?: string;
-    email?: string;
-    avatarSrc?: string;
-    links?: DgaHeaderUserMenuLink[];
-}
-declare class DgaHeader {
-    private readonly host;
-    private readonly baseHref;
-    private closeTimer;
-    private dropdownSyncFrame;
-    private lastDropdownStyleKey;
-    readonly collapseId = "dga-nav-collapse";
-    readonly dropLink: string;
-    readonly dropTile: string;
-    readonly mobileLink: string;
-    readonly brand: _angular_core.InputSignal<string>;
-    readonly brandSlogan: _angular_core.InputSignal<string>;
-    readonly brandLogo: _angular_core.InputSignal<string>;
-    readonly brandLogoAlt: _angular_core.InputSignal<string>;
-    /** When true and no `brandLogo`, portal headers show a home-icon placeholder beside the brand text. */
-    readonly brandPlaceholder: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly brandHref: _angular_core.InputSignal<string>;
-    readonly navLabel: _angular_core.InputSignal<string>;
-    readonly menuToggleLabel: _angular_core.InputSignal<string>;
-    readonly menuCloseLabel: _angular_core.InputSignal<string>;
-    readonly appearance: _angular_core.InputSignal<DgaHeaderAppearance>;
-    /**
-     * Portal mobile navigation layout. Ignored for `appearance="default"`.
-     * - `sheet` - side drawer (narrow, page peeks beside)
-     * - `fullscreen` - covers the whole screen with its own close control
-     * - `push` - accordion panel under the header
-     */
-    readonly mobileNav: _angular_core.InputSignal<DgaMobileNavMode>;
-    readonly sticky: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly items: _angular_core.InputSignal<DgaNavItem[]>;
-    readonly actions: _angular_core.InputSignal<DgaHeaderAction[]>;
-    /**
-     * When set, the header action matching `search.actionId` (default `'search'`)
-     * opens a full-width search panel with suggestions instead of a no-op click.
-     */
-    readonly search: _angular_core.InputSignal<DgaHeaderSearchConfig | null>;
-    /** Bound query for the header search panel. */
-    readonly searchQuery: _angular_core.ModelSignal<string>;
-    /**
-     * When set, the header action matching `notifications.actionId`
-     * (default `'notifications'`) opens the notifications dropdown.
-     */
-    readonly notifications: _angular_core.InputSignal<DgaHeaderNotificationsConfig | null>;
-    /**
-     * Guest login panel config. Opens from the action matching `login.actionId`
-     * (default `'login'`). After auth, the same action opens the user menu.
-     */
-    readonly login: _angular_core.InputSignal<DgaHeaderLoginConfig | null>;
-    /** Authenticated user profile shown in the account menu. */
-    readonly user: _angular_core.InputSignal<DgaHeaderUserConfig | null>;
-    /** Whether the user is signed in (two-way). */
-    readonly authenticated: _angular_core.ModelSignal<boolean>;
-    readonly actionClick: _angular_core.OutputEmitterRef<DgaHeaderAction>;
-    readonly searchSubmit: _angular_core.OutputEmitterRef<string>;
-    readonly searchSuggestionSelect: _angular_core.OutputEmitterRef<DgaHeaderSearchSuggestion>;
-    readonly searchVoice: _angular_core.OutputEmitterRef<void>;
-    readonly notificationAction: _angular_core.OutputEmitterRef<{
-        item: DgaHeaderNotification;
-        action: DgaHeaderNotificationAction;
-    }>;
-    readonly loginSubmit: _angular_core.OutputEmitterRef<{
-        email: string;
-        password: string;
-    }>;
-    readonly logout: _angular_core.OutputEmitterRef<void>;
-    readonly userLinkClick: _angular_core.OutputEmitterRef<DgaHeaderUserMenuLink>;
-    /** Emits on click of any top-level nav link or dropdown link (desktop + mobile). */
-    readonly navLinkClick: _angular_core.OutputEmitterRef<DgaNavItem | DgaNavLink>;
-    readonly mobileOpen: _angular_core.WritableSignal<boolean>;
-    readonly openDropdown: _angular_core.WritableSignal<number | null>;
-    readonly searchOpen: _angular_core.WritableSignal<boolean>;
-    readonly notificationsOpen: _angular_core.WritableSignal<boolean>;
-    readonly loginOpen: _angular_core.WritableSignal<boolean>;
-    readonly userMenuOpen: _angular_core.WritableSignal<boolean>;
-    readonly voiceListening: _angular_core.WritableSignal<boolean>;
-    readonly expandedNotificationId: _angular_core.WritableSignal<string | null>;
-    readonly loginEmail: _angular_core.WritableSignal<string>;
-    readonly loginPassword: _angular_core.WritableSignal<string>;
-    readonly showLoginPassword: _angular_core.WritableSignal<boolean>;
-    readonly loginSubmitting: _angular_core.WritableSignal<boolean>;
-    /** Fixed coords for notifications / login / user panels (anchored to trigger). */
-    readonly dropdownPanelStyle: _angular_core.WritableSignal<Record<string, string>>;
-    private readonly dismissedNotificationIds;
-    private readonly readNotificationIds;
-    private dropdownTrigger;
-    private dropdownActionId;
-    private readonly injector;
-    private readonly searchInputRef;
-    readonly searchPanelId = "dga-header-search-panel";
-    readonly notificationsPanelId = "dga-header-notifications-panel";
-    readonly loginPanelId = "dga-header-login-panel";
-    readonly userPanelId = "dga-header-user-panel";
-    readonly isPortal: _angular_core.Signal<boolean>;
-    /** Resolve root-relative hrefs against the app base (`/dga/` on cPanel). */
-    appHref(href: string | undefined | null): string;
-    readonly searchConfig: _angular_core.Signal<DgaHeaderSearchConfig | null>;
-    readonly searchActionId: _angular_core.Signal<string>;
-    readonly notificationsConfig: _angular_core.Signal<DgaHeaderNotificationsConfig | null>;
-    readonly notificationsActionId: _angular_core.Signal<string>;
-    readonly loginConfig: _angular_core.Signal<DgaHeaderLoginConfig | null>;
-    readonly loginActionId: _angular_core.Signal<string>;
-    readonly userConfig: _angular_core.Signal<DgaHeaderUserConfig | null>;
-    readonly utilityOverlayOpen: _angular_core.Signal<boolean>;
-    readonly visibleNotifications: _angular_core.Signal<{
-        read: boolean;
-        id: string;
-        title: string;
-        message: string;
-        statusLabel?: string;
-        tone?: DgaHeaderNotificationTone;
-        icon?: DgaIconName;
-        href?: string;
-    }[]>;
-    readonly unreadNotificationCount: _angular_core.Signal<number>;
-    constructor();
-    /** Compact under-trigger menus are rendered inside the `<li>` (desktop only). */
-    readonly activeWideDropdown: _angular_core.Signal<{
-        index: number;
-        item: DgaNavItem;
-        variant: "mega" | "featured";
-    } | null>;
-    readonly hostClasses: _angular_core.Signal<string>;
-    readonly innerClasses: _angular_core.Signal<string>;
-    readonly desktopNavClasses: _angular_core.Signal<string>;
-    readonly actionsClasses: _angular_core.Signal<string>;
-    mobilePanelClass(): string;
-    hoverMenus(): boolean;
-    isMobileViewport(): boolean;
-    resolveVariant(item: DgaNavItem): DgaNavDropdownVariant;
-    resolveLayout(item: DgaNavItem): DgaNavDropdownLayout;
-    colCount(item: DgaNavItem): number;
-    flatLinks(item: DgaNavItem): DgaNavLink[];
-    columnsGridClass(count: number): string;
-    featuredGridClass(variant: DgaNavDropdownVariant, hasFeatured: boolean): string;
-    navItemClass(current: boolean, open?: boolean): string;
-    mobileItemClass(current: boolean, open?: boolean): string;
-    indicatorClass(active: boolean): string;
-    actionClass(_action: DgaHeaderAction): string;
-    badgeClass(): string;
-    isIconOnly(action: DgaHeaderAction): boolean;
-    isSearchAction(action: DgaHeaderAction): boolean;
-    isNotificationsAction(action: DgaHeaderAction): boolean;
-    isLoginAction(action: DgaHeaderAction): boolean;
-    actionTooltip(action: DgaHeaderAction): string;
-    actionAriaLabel(action: DgaHeaderAction): string;
-    actionExpanded(action: DgaHeaderAction): boolean | null;
-    actionControls(action: DgaHeaderAction): string | null;
-    actionIndicatorActive(action: DgaHeaderAction): boolean;
-    private clearCloseTimer;
-    private scheduleClose;
-    private setBodyScrollLocked;
-    private unlockBodyIfIdle;
-    onItemEnter(i: number): void;
-    onPanelEnter(): void;
-    onHostLeave(event: MouseEvent): void;
-    toggleMobile(): void;
-    toggleDropdown(i: number, event: Event): void;
-    closeAll(): void;
-    onAction(action: DgaHeaderAction, event?: Event): void;
-    onMobileAction(action: DgaHeaderAction, event?: Event): void;
-    closeUtilityOverlays(): void;
-    toggleSearch(): void;
-    onSearchModalOpenChange(open: boolean): void;
-    focusSearchInput(): void;
-    closeSearch(clearVoice?: boolean): void;
-    toggleNotifications(trigger?: HTMLElement | null): void;
-    closeNotifications(): void;
-    toggleLogin(trigger?: HTMLElement | null): void;
-    closeLogin(): void;
-    toggleUserMenu(trigger?: HTMLElement | null): void;
-    closeUserMenu(): void;
-    onLoginSubmit(event: Event): void;
-    onUserLink(link: DgaHeaderUserMenuLink): void;
-    toggleNotificationExpand(item: DgaHeaderNotification): void;
-    onNotificationAction(item: DgaHeaderNotification, action: DgaHeaderNotificationAction): void;
-    markAllNotificationsRead(): void;
-    clearSearchQuery(): void;
-    applySearchSuggestion(item: DgaHeaderSearchSuggestion): void;
-    onSearchFormSubmit(event: Event): void;
-    onSearchVoice(): void;
-    private speechRecognition;
-    private stopVoice;
-    private triggerFromEvent;
-    private scheduleDropdownSync;
-    private requestDropdownSync;
-    private clearDropdownAnchor;
-    private findActionTrigger;
-    private syncDropdownPanel;
-    onKey(event: KeyboardEvent): void;
-    onScroll(): void;
-    onResize(): void;
-    onNavLinkClick(link: DgaNavLink | DgaNavItem, event: MouseEvent): void;
-    onDocClick(event: MouseEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaHeader, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaHeader, "dga-header", never, { "brand": { "alias": "brand"; "required": false; "isSignal": true; }; "brandSlogan": { "alias": "brandSlogan"; "required": false; "isSignal": true; }; "brandLogo": { "alias": "brandLogo"; "required": false; "isSignal": true; }; "brandLogoAlt": { "alias": "brandLogoAlt"; "required": false; "isSignal": true; }; "brandPlaceholder": { "alias": "brandPlaceholder"; "required": false; "isSignal": true; }; "brandHref": { "alias": "brandHref"; "required": false; "isSignal": true; }; "navLabel": { "alias": "navLabel"; "required": false; "isSignal": true; }; "menuToggleLabel": { "alias": "menuToggleLabel"; "required": false; "isSignal": true; }; "menuCloseLabel": { "alias": "menuCloseLabel"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "mobileNav": { "alias": "mobileNav"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchQuery": { "alias": "searchQuery"; "required": false; "isSignal": true; }; "notifications": { "alias": "notifications"; "required": false; "isSignal": true; }; "login": { "alias": "login"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; "isSignal": true; }; "authenticated": { "alias": "authenticated"; "required": false; "isSignal": true; }; }, { "searchQuery": "searchQueryChange"; "authenticated": "authenticatedChange"; "actionClick": "actionClick"; "searchSubmit": "searchSubmit"; "searchSuggestionSelect": "searchSuggestionSelect"; "searchVoice": "searchVoice"; "notificationAction": "notificationAction"; "loginSubmit": "loginSubmit"; "logout": "logout"; "userLinkClick": "userLinkClick"; "navLinkClick": "navLinkClick"; }, never, ["[dgaHeaderBrand]", "*", "[dgaHeaderEnd]"], true, never>;
-}
-
 interface DgaStampNotice {
     title: string;
     /** Substring of `title` rendered bold in the primary color (e.g. `gov.sa`). */
@@ -3109,6 +2678,7 @@ declare class DgaTopBar implements OnInit {
     toggle(): void;
     toggleCalendar(): void;
     toggleTimeFormat(): void;
+    safeHref(href: string | undefined | null): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaTopBar, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaTopBar, "dga-top-bar", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "timeFormat": { "alias": "timeFormat"; "required": false; "isSignal": true; }; "showDate": { "alias": "showDate"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "regionLabel": { "alias": "regionLabel"; "required": false; "isSignal": true; }; "stampLabel": { "alias": "stampLabel"; "required": false; "isSignal": true; }; "tabTextLg": { "alias": "tabTextLg"; "required": false; "isSignal": true; }; "tabTextSm": { "alias": "tabTextSm"; "required": false; "isSignal": true; }; "verifyText": { "alias": "verifyText"; "required": false; "isSignal": true; }; "registrationLabel": { "alias": "registrationLabel"; "required": false; "isSignal": true; }; "registrationId": { "alias": "registrationId"; "required": false; "isSignal": true; }; "registrationHref": { "alias": "registrationHref"; "required": false; "isSignal": true; }; "notices": { "alias": "notices"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "calendar": "calendarChange"; "timeFormat": "timeFormatChange"; }, never, ["*"], true, never>;
 }
@@ -3298,6 +2868,7 @@ declare class DgaHero {
     onPrimary(index?: number): void;
     onSecondary(index?: number): void;
     private clearAutoplay;
+    safeHref(href: string | undefined | null): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaHero, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaHero, "dga-hero", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "primaryCta": { "alias": "primaryCta"; "required": false; "isSignal": true; }; "secondaryCta": { "alias": "secondaryCta"; "required": false; "isSignal": true; }; "primaryHref": { "alias": "primaryHref"; "required": false; "isSignal": true; }; "secondaryHref": { "alias": "secondaryHref"; "required": false; "isSignal": true; }; "imageDesktop": { "alias": "imageDesktop"; "required": false; "isSignal": true; }; "imageMobile": { "alias": "imageMobile"; "required": false; "isSignal": true; }; "imageUrl": { "alias": "imageUrl"; "required": false; "isSignal": true; }; "imageOverlay": { "alias": "imageOverlay"; "required": false; "isSignal": true; }; "imageMaskVariant": { "alias": "imageMaskVariant"; "required": false; "isSignal": true; }; "slides": { "alias": "slides"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "transition": { "alias": "transition"; "required": false; "isSignal": true; }; "autoplay": { "alias": "autoplay"; "required": false; "isSignal": true; }; "autoplayMs": { "alias": "autoplayMs"; "required": false; "isSignal": true; }; "showDots": { "alias": "showDots"; "required": false; "isSignal": true; }; "showArrows": { "alias": "showArrows"; "required": false; "isSignal": true; }; "dotsLabel": { "alias": "dotsLabel"; "required": false; "isSignal": true; }; "prevLabel": { "alias": "prevLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; "primaryClick": "primaryClick"; "secondaryClick": "secondaryClick"; "slideChange": "slideChange"; }, never, ["[dgaHeroBreadcrumb]", "[dgaHeroFloat]", "*", "*"], true, never>;
 }
@@ -3312,6 +2883,10 @@ declare class DgaPageHero {
     readonly description: _angular_core.InputSignal<string>;
     readonly breadcrumbs: _angular_core.InputSignal<DgaBreadcrumbItem[]>;
     readonly breadcrumbLabel: _angular_core.InputSignal<string>;
+    /** Forwarded to `dga-breadcrumb` — collapse when trail exceeds this (`0` = off). */
+    readonly breadcrumbMaxItems: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly breadcrumbTruncate: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly breadcrumbMoreLabel: _angular_core.InputSignal<string>;
     readonly tone: _angular_core.InputSignal<DgaPageHeroTone>;
     /** Extra bottom padding for denser pages. */
     readonly compact: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -3319,7 +2894,7 @@ declare class DgaPageHero {
     readonly titleId: string;
     readonly sectionClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaPageHero, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaPageHero, "dga-page-hero", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; "isSignal": true; }; "breadcrumbLabel": { "alias": "breadcrumbLabel"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, {}, never, ["[dgaPageHeroActions]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaPageHero, "dga-page-hero", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; "isSignal": true; }; "breadcrumbLabel": { "alias": "breadcrumbLabel"; "required": false; "isSignal": true; }; "breadcrumbMaxItems": { "alias": "breadcrumbMaxItems"; "required": false; "isSignal": true; }; "breadcrumbTruncate": { "alias": "breadcrumbTruncate"; "required": false; "isSignal": true; }; "breadcrumbMoreLabel": { "alias": "breadcrumbMoreLabel"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, {}, never, ["[dgaPageHeroActions]", "*"], true, never>;
 }
 
 type DgaAnnouncementTone = 'info' | 'warning' | 'success' | 'neutral' | 'critical' | 'brand';
@@ -3385,6 +2960,7 @@ declare class DgaAnnouncementBar {
     private storage;
     private readPersisted;
     private writePersisted;
+    safeActionHref(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaAnnouncementBar, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaAnnouncementBar, "dga-announcement-bar", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "actionVariant": { "alias": "actionVariant"; "required": false; "isSignal": true; }; "elevation": { "alias": "elevation"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; "actionHref": { "alias": "actionHref"; "required": false; "isSignal": true; }; "actionExternal": { "alias": "actionExternal"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "accent": { "alias": "accent"; "required": false; "isSignal": true; }; "initiallyDismissed": { "alias": "initiallyDismissed"; "required": false; "isSignal": true; }; "persist": { "alias": "persist"; "required": false; "isSignal": true; }; "persistKey": { "alias": "persistKey"; "required": false; "isSignal": true; }; }, { "dismissedChange": "dismissedChange"; "closed": "closed"; "action": "action"; }, never, ["*"], true, never>;
 }
@@ -3421,6 +2997,7 @@ declare class DgaSideInfo {
     isActive(item: DgaSideInfoItem): boolean;
     itemClasses(item: DgaSideInfoItem): string;
     onSelect(item: DgaSideInfoItem): void;
+    safeHref(href: string | undefined | null): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaSideInfo, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaSideInfo, "dga-side-info", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "select": "select"; }, never, ["*"], true, never>;
 }
@@ -3515,6 +3092,80 @@ declare class DgaCode {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaCode, "dga-code", never, { "block": { "alias": "block"; "required": false; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; }, {}, never, ["*", "*"], true, never>;
 }
 
+type DgaVideoProvider = 'auto' | 'youtube' | 'vimeo' | 'html5';
+type DgaVideoRatio = '16:9' | '4:3' | '1:1' | '9:16' | '21:9';
+interface DgaVideoSourceInfo {
+    provider: Exclude<DgaVideoProvider, 'auto'>;
+    /** Provider media id (YouTube / Vimeo) or original URL (html5). */
+    id: string;
+    fileUrl: string | null;
+}
+/** Resolve provider + safe playback URLs from a source string. */
+declare function dgaResolveVideoSource(src: string, provider?: DgaVideoProvider): DgaVideoSourceInfo | null;
+/**
+ * Responsive video player for YouTube, Vimeo, and HTML5 (mp4/webm/…).
+ *
+ * ```html
+ * <dga-video-player
+ *   src="https://www.youtube.com/watch?v=aqz-KE-bpKQ"
+ *   poster="/assets/poster.jpg"
+ *   title="Demo"
+ *   ratio="16:9"
+ * />
+ * ```
+ *
+ * Embeds default to click-to-load (`lazy`) for privacy/perf. HTML5 uses native controls.
+ */
+declare class DgaVideoPlayer {
+    private readonly sanitizer;
+    /** Watch / share URL, embed URL, file URL, or bare YouTube/Vimeo id. */
+    readonly src: _angular_core.InputSignal<string>;
+    /** Force provider; default auto-detects from `src`. */
+    readonly provider: _angular_core.InputSignal<DgaVideoProvider>;
+    /** Poster image (HTML5 + lazy embed cover). */
+    readonly poster: _angular_core.InputSignal<string>;
+    /** Accessible / iframe title. */
+    readonly title: _angular_core.InputSignal<string>;
+    /** Show native / embed controls. */
+    readonly controls: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Autoplay (embeds load immediately; browsers usually require muted). */
+    readonly autoplay: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly muted: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly loop: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly playsInline: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Click-to-load for YouTube/Vimeo (privacy + faster page).
+     * Ignored when `autoplay` is true.
+     */
+    readonly lazy: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Prefer youtube-nocookie.com embeds. */
+    readonly privacy: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Start offset in seconds (YouTube / Vimeo). */
+    readonly start: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly ratio: _angular_core.InputSignal<DgaVideoRatio>;
+    readonly rounded: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Play button / iframe accessible name. */
+    readonly playLabel: _angular_core.InputSignal<string>;
+    readonly invalidLabel: _angular_core.InputSignal<string>;
+    readonly unsupportedLabel: _angular_core.InputSignal<string>;
+    readonly played: _angular_core.OutputEmitterRef<void>;
+    readonly paused: _angular_core.OutputEmitterRef<void>;
+    readonly ended: _angular_core.OutputEmitterRef<void>;
+    readonly failed: _angular_core.OutputEmitterRef<Event>;
+    readonly activatedChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly activated: _angular_core.WritableSignal<boolean>;
+    readonly resolved: _angular_core.Signal<DgaVideoSourceInfo | null>;
+    readonly providerBadge: _angular_core.Signal<"" | "YouTube" | "Vimeo">;
+    readonly embedSrc: _angular_core.Signal<string | null>;
+    readonly safeEmbed: _angular_core.Signal<SafeResourceUrl | null>;
+    readonly shellClasses: _angular_core.Signal<string>;
+    constructor();
+    activate(): void;
+    private buildEmbedUrl;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaVideoPlayer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaVideoPlayer, "dga-video-player", never, { "src": { "alias": "src"; "required": true; "isSignal": true; }; "provider": { "alias": "provider"; "required": false; "isSignal": true; }; "poster": { "alias": "poster"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "controls": { "alias": "controls"; "required": false; "isSignal": true; }; "autoplay": { "alias": "autoplay"; "required": false; "isSignal": true; }; "muted": { "alias": "muted"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "playsInline": { "alias": "playsInline"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "privacy": { "alias": "privacy"; "required": false; "isSignal": true; }; "start": { "alias": "start"; "required": false; "isSignal": true; }; "ratio": { "alias": "ratio"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "playLabel": { "alias": "playLabel"; "required": false; "isSignal": true; }; "invalidLabel": { "alias": "invalidLabel"; "required": false; "isSignal": true; }; "unsupportedLabel": { "alias": "unsupportedLabel"; "required": false; "isSignal": true; }; }, { "played": "played"; "paused": "paused"; "ended": "ended"; "failed": "failed"; "activatedChange": "activatedChange"; }, never, never, true, never>;
+}
+
 declare class DgaList {
     readonly ordered: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly listClasses: _angular_core.Signal<string>;
@@ -3557,6 +3208,7 @@ declare class DgaInfoList {
     readonly copy: _angular_core.OutputEmitterRef<DgaInfoListItem>;
     readonly listClasses: _angular_core.Signal<string>;
     onCopy(item: DgaInfoListItem): void;
+    safeHref(href: string | undefined | null): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaInfoList, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaInfoList, "dga-info-list", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "copyLabel": { "alias": "copyLabel"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, { "copy": "copy"; }, never, never, true, never>;
 }
@@ -4025,5 +3677,20 @@ declare function dgaSaudiCityOptions(locale?: 'ar' | 'en', cities?: readonly Dga
     value: string;
 }[];
 
-export { DGA_GREGORIAN_MONTHS, DGA_HIJRI_MONTHS, DGA_ICON_NAMES, DGA_ICON_SVG, DGA_LOGICAL_ICON_NAMES, DGA_PHONE_COUNTRIES, DGA_RIYAL_SVG_PATH, DGA_RIYAL_VIEWBOX, DGA_SAUDI_CITIES, DGA_WEEKDAYS, DgaAccessibility, DgaAccessibilityService, DgaAccordion, DgaAccordionItem, DgaAlert, DgaAnnouncementBar, DgaAppShell, DgaAuthCard, DgaAutocomplete, DgaAvatar, DgaBadge, DgaBreadcrumb, DgaButton, DgaCard, DgaCardMedia, DgaCarousel, DgaCarouselSlideDirective, DgaChart, DgaChatbot, DgaCheckbox, DgaChip, DgaChipInput, DgaClamp, DgaCode, DgaContentSwitcher, DgaContentSwitcherPanel, DgaCookies, DgaCopy, DgaDatePickerComponent as DgaDatePicker, DgaDescriptionList, DgaDialog, DgaDivider, DgaDrawer, DgaDualNav, DgaEmpty, DgaExpandable, DgaExport, DgaExportToolbar, DgaFeedback, DgaField, DgaFilterBar, DgaFooter, DgaFormControl, DgaFormEnd, DgaFormStart, DgaGrid, DgaHeader, DgaHero, DgaIcon, DgaIconBadge, DgaIconFontService, DgaImagePopup, DgaInfoList, DgaInput, 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, DgaUpload, decodePlatformscodeSvg, dgaAddMonths, dgaClampDate, dgaCoerceDate, dgaCompareDays, dgaDaysInMonth, dgaFormatDate, dgaGetCalendarParts, dgaGroupSaudiCitiesByRegion, dgaModeFromFormat, dgaMonthNames, dgaMonthStartWeekday, dgaNormalizeTime, dgaParseDate, dgaPartsToDate, dgaProvideValueAccessor, dgaSameDay, dgaSaudiCityOptions, dgaTodayUtc };
-export type { DgaA11yBundle, DgaA11yMode, DgaA11yVisualFilter, DgaAccessibilityPosition, DgaAccordionSection, DgaAlertDisplay, DgaAlertVariant, DgaAnnouncementActionVariant, DgaAnnouncementAlign, DgaAnnouncementDensity, DgaAnnouncementElevation, DgaAnnouncementPersist, DgaAnnouncementTone, DgaAppShellAppearance, DgaAutocompleteOption, DgaAvatarSize, DgaBadgeSize, DgaBadgeVariant, DgaBreadcrumbItem, DgaBreadcrumbSeparator, DgaButtonSize, DgaButtonVariant, DgaCalendar, DgaCalendarParts, DgaCardActionsAlign, DgaCardAppearance, DgaCardBadge, DgaCardBorder, DgaCardPadding, DgaCardShadow, DgaCarouselSlide, DgaChartDataset, DgaChartPoint, DgaChartType, DgaChatbotAnimation, DgaChatbotFabTone, DgaChatbotMessage, DgaChatbotPosition, DgaChatbotSize, DgaCheckboxSize, DgaChipVariant, DgaContentSwitcherItem, DgaCookieCategory, DgaCookieConsent, DgaCookieDecision, DgaCookiePreferences, DgaCookiesAlign, DgaCookiesPosition, DgaCurrency, DgaDateCalendar, DgaDatePickerMode, DgaDateRangeValue, DgaDescriptionItem, DgaDescriptionLayout, DgaDialogSize, DgaDividerOrientation, DgaDrawerSide, DgaDualNavCategory, DgaDualNavSection, DgaEmptyAppearance, DgaExportColumn, DgaExportData, DgaExportScope, DgaFeedbackSubmit, DgaFilterItem, DgaFooterAppearance, DgaFooterColumn, DgaFooterIconGroup, DgaFooterIconLink, DgaFooterLink, DgaFooterLogo, DgaFormControlSize, DgaFormStatus, DgaGridCols, DgaGridGap, DgaHeaderAction, DgaHeaderAppearance, DgaHeaderLoginConfig, DgaHeaderNotification, DgaHeaderNotificationAction, DgaHeaderNotificationTone, DgaHeaderNotificationsConfig, DgaHeaderSearchConfig, DgaHeaderSearchSuggestion, DgaHeaderUserConfig, DgaHeaderUserMenuLink, DgaHeroAppearance, DgaHeroImageMask, DgaHeroOverlayTone, DgaHeroSlide, DgaHeroTransition, DgaIconBadgeAppearance, DgaIconBadgeSize, DgaIconName, DgaIconSize, DgaIconTone, DgaImagePopupAnimation, DgaImagePopupImage, DgaImagePopupImageTransition, DgaImagePopupSource, DgaInfoListItem, DgaInputSize, DgaLinkVariant, DgaMenuItem, DgaMetricAppearance, DgaMetricTrend, DgaMobileNavMode, DgaModalAnimation, DgaModalSize, DgaMultiselectOption, DgaNativeSelectSize, DgaNavColumn, DgaNavDropdown, DgaNavDropdownLayout, DgaNavDropdownVariant, DgaNavFeatured, DgaNavItem, DgaNavLink, DgaNavRailActiveStyle, DgaNavRailAppearance, DgaNavRailItem, DgaNavRailPosition, DgaNavRailSize, DgaPageFeedbackAgreementLink, DgaPageFeedbackAnswer, DgaPageFeedbackOption, DgaPageFeedbackPhase, DgaPageFeedbackSubmit, DgaPageHeroTone, DgaPhoneCountry, DgaPreloaderPersist, DgaProgressAppearance, DgaProgressSize, DgaProgressTone, DgaRadioSize, DgaRatingSize, DgaRiyalAppearance, DgaRiyalSize, DgaRiyalTone, DgaSaudiCity, 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, DgaToastRequest, DgaToastShowOptions, DgaToastVariant, DgaTocItem, DgaTooltipPlacement, DgaTooltipVariant, DgaUploadAppearance, DgaUploadFile, DgaUploadRejectReason, DgaUploadRejection };
+declare function dgaResolveAppHref(href: string, baseHref?: string): string;
+/**
+ * Safe href for config-driven links (CMS / schema).
+ * Blocks dangerous schemes; keeps http(s), mailto, tel, hashes, and relative paths.
+ */
+declare function dgaSafeHref(href: string | null | undefined, baseHref?: string): string;
+
+declare function dgaSafeCssColor(value: string | null | undefined, fallback?: string): string;
+
+/** Join truthy class names. */
+declare function dgaCx(...parts: Array<string | false | null | undefined>): string;
+
+/** Infer UI locale from `<html lang>` (avoids importing `@a.nemreen/dga-tokens` into ng-packagr graph). */
+declare function dgaIsArabic(): boolean;
+
+export { DGA_ICON_NAMES, DGA_ICON_SVG, DGA_LOGICAL_ICON_NAMES, DGA_PAGE_TRANSITION_NAMES, DGA_PHONE_COUNTRIES, DGA_RIYAL_SVG_PATH, DGA_RIYAL_VIEWBOX, DGA_SAUDI_CITIES, DgaAccordion, DgaAccordionItem, DgaAlert, DgaAnnouncementBar, DgaAppShell, DgaAuthCard, DgaAutocomplete, DgaAvatar, DgaBadge, DgaBreadcrumb, DgaButton, DgaCard, DgaCardMedia, DgaCarousel, DgaCarouselSlideDirective, DgaChart, DgaChatbot, 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, DgaPageTransition, 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, dgaCx, dgaFormStatusFromInvalid, dgaGroupSaudiCitiesByRegion, dgaIsArabic, dgaNormalizeTime, dgaProvideValueAccessor, dgaResolveAppHref, dgaResolveVideoSource, dgaSafeCssColor, dgaSafeHref, dgaSaudiCityOptions };
+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, DgaChartDataset, DgaChartPoint, DgaChartType, DgaChatbotAnimation, DgaChatbotFabTone, DgaChatbotMessage, DgaChatbotPosition, DgaChatbotSize, 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, DgaMenuItem, DgaMetricAppearance, DgaMetricTrend, DgaModalAnimation, DgaModalSize, DgaMultiselectOption, DgaNativeSelectSize, DgaNavRailActiveStyle, DgaNavRailAppearance, DgaNavRailItem, DgaNavRailPosition, DgaNavRailSize, DgaPageFeedbackAgreementLink, DgaPageFeedbackAnswer, DgaPageFeedbackOption, DgaPageFeedbackPhase, DgaPageFeedbackSubmit, DgaPageHeroTone, DgaPageTransitionName, DgaPhoneCountry, DgaPreloaderPersist, DgaProgressAppearance, DgaProgressSize, DgaProgressTone, DgaRadioSize, DgaRatingSize, DgaRiyalAppearance, DgaRiyalSize, DgaRiyalTone, DgaSaudiCity, 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 };