@a.nemreen/dga-ui 0.3.5 → 0.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a.nemreen/dga-ui",
3
- "version": "0.3.5",
3
+ "version": "0.3.6",
4
4
  "description": "DGA Angular UI library — standalone forms, overlays, navigation, and portal shell with RTL-first Tailwind styling",
5
5
  "license": "MIT",
6
6
  "author": {
@@ -1,5 +1,5 @@
1
1
  import * as _angular_core from '@angular/core';
2
- import { Type, Provider, OnDestroy, OnInit } from '@angular/core';
2
+ import { Type, Provider, Signal, OnDestroy, OnInit } from '@angular/core';
3
3
  import { SafeHtml, SafeResourceUrl } from '@angular/platform-browser';
4
4
  import { ControlValueAccessor } from '@angular/forms';
5
5
  export { ControlValueAccessor } from '@angular/forms';
@@ -241,6 +241,7 @@ type DgaProgressSize = 'sm' | 'md' | 'lg';
241
241
  type DgaProgressTone = 'primary' | 'success' | 'warning' | 'error';
242
242
  type DgaProgressAppearance = 'linear' | 'radial';
243
243
  declare class DgaProgress {
244
+ private readonly uiLocale;
244
245
  /** 0–100 */
245
246
  readonly value: _angular_core.InputSignal<number>;
246
247
  readonly size: _angular_core.InputSignal<DgaProgressSize>;
@@ -248,18 +249,22 @@ declare class DgaProgress {
248
249
  readonly appearance: _angular_core.InputSignal<DgaProgressAppearance>;
249
250
  /** Show percent label inside the radial meter. */
250
251
  readonly showValue: _angular_core.InputSignal<boolean>;
251
- readonly label: _angular_core.InputSignal<string>;
252
+ /** Override the radial center label (e.g. `1/4`). Falls back to percent. */
253
+ readonly valueText: _angular_core.InputSignal<string>;
254
+ readonly label: _angular_core.InputSignal<string | undefined>;
255
+ readonly resolvedLabel: _angular_core.Signal<string>;
252
256
  readonly radius = 15.5;
253
257
  readonly circumference: number;
254
258
  readonly clamped: _angular_core.Signal<number>;
255
259
  readonly dashOffset: _angular_core.Signal<number>;
256
- readonly hostClasses: _angular_core.Signal<"inline-flex" | "block w-full">;
260
+ readonly displayValue: _angular_core.Signal<string>;
261
+ readonly hostClasses: _angular_core.Signal<"block w-full" | "inline-flex">;
257
262
  readonly trackClasses: _angular_core.Signal<string>;
258
263
  readonly barClasses: _angular_core.Signal<string>;
259
264
  readonly radialWrapClasses: _angular_core.Signal<string>;
260
265
  readonly strokeColor: _angular_core.Signal<string>;
261
266
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaProgress, never>;
262
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaProgress, "dga-progress", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
267
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaProgress, "dga-progress", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "valueText": { "alias": "valueText"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
263
268
  }
264
269
 
265
270
  type DgaAvatarSize = 'sm' | 'md' | 'lg' | 'xl';
@@ -763,6 +768,11 @@ declare class DgaUpload implements ControlValueAccessor {
763
768
 
764
769
  /** Infer UI locale from `<html lang>` (avoids importing `@a.nemreen/dga-tokens` into ng-packagr graph). */
765
770
  declare function dgaCurrentLocale(): string;
771
+ /**
772
+ * Reactive copy of `<html lang>`. OnPush chrome (carousel, pagination, table)
773
+ * can read this so labels flip when the app locale changes.
774
+ */
775
+ declare function dgaUiLocale(): Signal<string>;
766
776
  /** True when document writing direction is RTL. */
767
777
  declare function dgaIsRtl(): boolean;
768
778
  /** @deprecated Prefer {@link dgaCurrentLocale} or {@link dgaIsRtl} depending on intent. */
@@ -1991,8 +2001,10 @@ declare class DgaChatbot {
1991
2001
  * Place near the top of the document; `href` should target main content id.
1992
2002
  */
1993
2003
  declare class DgaSkipLink {
2004
+ private readonly uiLocale;
1994
2005
  readonly href: _angular_core.InputSignal<string>;
1995
- readonly label: _angular_core.InputSignal<string>;
2006
+ readonly label: _angular_core.InputSignal<string | undefined>;
2007
+ readonly resolvedLabel: _angular_core.Signal<string>;
1996
2008
  safeHref(href: string | undefined | null): string;
1997
2009
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaSkipLink, never>;
1998
2010
  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>;
@@ -2102,12 +2114,19 @@ declare class DgaBreadcrumb {
2102
2114
  }
2103
2115
 
2104
2116
  declare class DgaPagination {
2117
+ private readonly uiLocale;
2105
2118
  /** Two-way bindable via `[(page)]`; also emits the built-in `pageChange` output. */
2106
2119
  readonly page: _angular_core.ModelSignal<number>;
2107
2120
  readonly totalPages: _angular_core.InputSignal<number>;
2108
- readonly label: _angular_core.InputSignal<string>;
2109
- readonly prevLabel: _angular_core.InputSignal<string>;
2110
- readonly nextLabel: _angular_core.InputSignal<string>;
2121
+ readonly label: _angular_core.InputSignal<string | undefined>;
2122
+ readonly prevLabel: _angular_core.InputSignal<string | undefined>;
2123
+ readonly nextLabel: _angular_core.InputSignal<string | undefined>;
2124
+ private readonly ar;
2125
+ readonly resolvedLabel: _angular_core.Signal<string>;
2126
+ readonly resolvedPrevLabel: _angular_core.Signal<string>;
2127
+ readonly resolvedNextLabel: _angular_core.Signal<string>;
2128
+ readonly prevText: _angular_core.Signal<"السابق" | "Previous">;
2129
+ readonly nextText: _angular_core.Signal<"التالي" | "Next">;
2111
2130
  readonly pages: _angular_core.Signal<(number | "…")[]>;
2112
2131
  btnClass(active: boolean): string;
2113
2132
  go(next: number): void;
@@ -2275,7 +2294,7 @@ declare class DgaSideNav {
2275
2294
  /**
2276
2295
  * `auto` = horizontal chips below lg; `vertical` = always sidebar (use in drawers).
2277
2296
  */
2278
- readonly layout: _angular_core.InputSignal<"vertical" | "auto">;
2297
+ readonly layout: _angular_core.InputSignal<"auto" | "vertical">;
2279
2298
  readonly label: _angular_core.InputSignal<string>;
2280
2299
  readonly toggleLabel: _angular_core.InputSignal<string>;
2281
2300
  readonly select: _angular_core.OutputEmitterRef<DgaSideNavItem>;
@@ -2600,9 +2619,12 @@ declare class DgaGrid {
2600
2619
  }
2601
2620
 
2602
2621
  declare class DgaClamp {
2622
+ private readonly uiLocale;
2603
2623
  readonly lines: _angular_core.InputSignal<number>;
2604
2624
  readonly expandable: _angular_core.InputSignalWithTransform<boolean, unknown>;
2605
2625
  readonly expanded: _angular_core.WritableSignal<boolean>;
2626
+ readonly expandText: _angular_core.Signal<"المزيد" | "More">;
2627
+ readonly collapseText: _angular_core.Signal<"أقل" | "Less">;
2606
2628
  readonly lineClampValue: _angular_core.Signal<number | null>;
2607
2629
  readonly clampClasses: _angular_core.Signal<string>;
2608
2630
  toggle(): void;
@@ -2669,8 +2691,9 @@ type DgaTimeFormat = '12' | '24';
2669
2691
  * Expand panel uses grid-template-rows for a smooth open/close.
2670
2692
  * Optional date + live clock sit in the end cluster (Hijri ↔ Gregorian).
2671
2693
  */
2672
- declare class DgaTopBar implements OnInit {
2694
+ declare class DgaTopBar {
2673
2695
  private readonly destroyRef;
2696
+ private clockTimer;
2674
2697
  readonly saFlagSrc: string;
2675
2698
  readonly panelId = "dga-digital-stamp";
2676
2699
  readonly open: _angular_core.ModelSignal<boolean>;
@@ -2717,9 +2740,10 @@ declare class DgaTopBar implements OnInit {
2717
2740
  readonly calendarToggleLabel: _angular_core.Signal<"التبديل إلى التقويم الميلادي" | "Switch to Gregorian calendar" | "التبديل إلى التقويم الهجري" | "Switch to Hijri calendar">;
2718
2741
  readonly timeToggleLabel: _angular_core.Signal<"التبديل إلى تنسيق 24 ساعة" | "Switch to 24-hour format" | "التبديل إلى تنسيق 12 ساعة" | "Switch to 12-hour format">;
2719
2742
  readonly hostClasses: _angular_core.Signal<string>;
2720
- ngOnInit(): void;
2721
- private clockTimer;
2743
+ constructor();
2744
+ private bindClock;
2722
2745
  private tick;
2746
+ private clearClock;
2723
2747
  private scheduleMinuteTick;
2724
2748
  titleParts(n: DgaStampNotice): {
2725
2749
  text: string;
@@ -3372,6 +3396,7 @@ type DgaMetricTrend = 'up' | 'down' | 'neutral';
3372
3396
  /** `stat` = portal home metrics (icon well, value, label, centered). */
3373
3397
  type DgaMetricAppearance = 'default' | 'stat';
3374
3398
  declare class DgaMetric {
3399
+ private readonly uiLocale;
3375
3400
  readonly label: _angular_core.InputSignal<string>;
3376
3401
  readonly value: _angular_core.InputSignal<string>;
3377
3402
  readonly delta: _angular_core.InputSignal<string>;
@@ -3393,6 +3418,8 @@ interface DgaTableColumn<T = Record<string, unknown>> {
3393
3418
  type DgaSortDir = 'asc' | 'desc';
3394
3419
  type DgaTableDensity = 'comfortable' | 'compact';
3395
3420
  declare class DgaTable {
3421
+ private readonly uiLocale;
3422
+ private readonly ar;
3396
3423
  readonly columns: _angular_core.InputSignal<DgaTableColumn<Record<string, unknown>>[]>;
3397
3424
  readonly rows: _angular_core.InputSignal<Record<string, unknown>[]>;
3398
3425
  readonly selectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -3400,15 +3427,19 @@ declare class DgaTable {
3400
3427
  readonly selectedKeys: _angular_core.ModelSignal<string[]>;
3401
3428
  readonly sortKey: _angular_core.ModelSignal<string>;
3402
3429
  readonly sortDir: _angular_core.ModelSignal<DgaSortDir>;
3403
- readonly label: _angular_core.InputSignal<string>;
3404
- readonly selectAllLabel: _angular_core.InputSignal<string>;
3405
- readonly emptyLabel: _angular_core.InputSignal<string>;
3430
+ readonly label: _angular_core.InputSignal<string | undefined>;
3431
+ readonly selectAllLabel: _angular_core.InputSignal<string | undefined>;
3432
+ readonly emptyLabel: _angular_core.InputSignal<string | undefined>;
3406
3433
  readonly density: _angular_core.InputSignal<DgaTableDensity>;
3407
3434
  readonly interactive: _angular_core.InputSignalWithTransform<boolean, unknown>;
3408
3435
  readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
3409
3436
  readonly stickyHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
3410
3437
  readonly hiddenKeys: _angular_core.ModelSignal<string[]>;
3411
3438
  readonly skeletonRows: number[];
3439
+ readonly resolvedLabel: _angular_core.Signal<string>;
3440
+ readonly resolvedSelectAllLabel: _angular_core.Signal<string>;
3441
+ readonly resolvedEmptyLabel: _angular_core.Signal<string>;
3442
+ readonly selectedCountLabel: _angular_core.Signal<string>;
3412
3443
  private readonly selectAllEl;
3413
3444
  constructor();
3414
3445
  readonly visibleColumns: _angular_core.Signal<DgaTableColumn<Record<string, unknown>>[]>;
@@ -3489,6 +3520,8 @@ interface DgaCarouselSlide {
3489
3520
  * Sizing uses CSS vars set by the parent `dga-carousel` (inherits across projection).
3490
3521
  */
3491
3522
  declare class DgaCarouselSlideDirective {
3523
+ private readonly uiLocale;
3524
+ readonly slideRole: _angular_core.Signal<"شريحة" | "slide">;
3492
3525
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaCarouselSlideDirective, never>;
3493
3526
  static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DgaCarouselSlideDirective, "[dgaCarouselSlide]", never, {}, {}, never, never, true, never>;
3494
3527
  }
@@ -3521,11 +3554,21 @@ declare class DgaCarousel {
3521
3554
  readonly peek: _angular_core.InputSignal<number>;
3522
3555
  /** Gap between slides in px. */
3523
3556
  readonly gap: _angular_core.InputSignal<number>;
3524
- readonly label: _angular_core.InputSignal<string>;
3525
- readonly prevLabel: _angular_core.InputSignal<string>;
3526
- readonly nextLabel: _angular_core.InputSignal<string>;
3527
- readonly dotsLabel: _angular_core.InputSignal<string>;
3528
- readonly emptyLabel: _angular_core.InputSignal<string>;
3557
+ readonly label: _angular_core.InputSignal<string | undefined>;
3558
+ readonly prevLabel: _angular_core.InputSignal<string | undefined>;
3559
+ readonly nextLabel: _angular_core.InputSignal<string | undefined>;
3560
+ readonly dotsLabel: _angular_core.InputSignal<string | undefined>;
3561
+ readonly emptyLabel: _angular_core.InputSignal<string | undefined>;
3562
+ private readonly uiLocale;
3563
+ private readonly ar;
3564
+ readonly slideRole: _angular_core.Signal<"شريحة" | "slide">;
3565
+ readonly resolvedLabel: _angular_core.Signal<string>;
3566
+ readonly resolvedPrevLabel: _angular_core.Signal<string>;
3567
+ readonly resolvedNextLabel: _angular_core.Signal<string>;
3568
+ readonly resolvedDotsLabel: _angular_core.Signal<string>;
3569
+ readonly resolvedEmptyLabel: _angular_core.Signal<string>;
3570
+ readonly prevText: _angular_core.Signal<"السابق" | "Previous">;
3571
+ readonly nextText: _angular_core.Signal<"التالي" | "Next">;
3529
3572
  readonly pageIndex: _angular_core.WritableSignal<number>;
3530
3573
  readonly perView: _angular_core.WritableSignal<number>;
3531
3574
  private readonly slideCount;
@@ -3741,5 +3784,5 @@ declare function dgaSafeCssColor(value: string | null | undefined, fallback?: st
3741
3784
  /** Join truthy class names. */
3742
3785
  declare function dgaCx(...parts: Array<string | false | null | undefined>): string;
3743
3786
 
3744
- 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, dgaCurrentLocale, dgaCx, dgaFormStatusFromInvalid, dgaGroupSaudiCitiesByRegion, dgaIsArabic, dgaIsRtl, dgaNormalizeTime, dgaProvideValueAccessor, dgaResolveAppHref, dgaResolveLocalized, dgaResolveVideoSource, dgaSafeCssColor, dgaSafeHref, dgaSaudiCityOptions };
3787
+ 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, dgaCurrentLocale, dgaCx, dgaFormStatusFromInvalid, dgaGroupSaudiCitiesByRegion, dgaIsArabic, dgaIsRtl, dgaNormalizeTime, dgaProvideValueAccessor, dgaResolveAppHref, dgaResolveLocalized, dgaResolveVideoSource, dgaSafeCssColor, dgaSafeHref, dgaSaudiCityOptions, dgaUiLocale };
3745
3788
  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, DgaLocalizedString, DgaMenuItem, DgaMetricAppearance, DgaMetricTrend, DgaModalAnimation, DgaModalSize, DgaMultiselectOption, DgaNativeSelectSize, DgaNavRailActiveStyle, DgaNavRailAppearance, DgaNavRailItem, DgaNavRailPosition, DgaNavRailSize, DgaPageFeedbackAgreementLink, DgaPageFeedbackAnswer, DgaPageFeedbackOption, DgaPageFeedbackPhase, DgaPageFeedbackSubmit, DgaPageHeroTone, DgaPageTransitionName, DgaPhoneCountry, DgaPhoneCountryName, 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 };