@a.nemreen/dga-ui 0.2.4 → 0.2.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a.nemreen/dga-ui",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "description": "DGA Angular UI library — standalone forms, overlays, navigation, and portal shell with RTL-first Tailwind styling",
   "license": "MIT",
   "author": {
@@ -40,10 +40,14 @@
   "peerDependencies": {
     "@angular/common": "^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
     "@angular/core": "^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
+    "@angular/forms": "^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
     "@angular/platform-browser": "^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
     "@a.nemreen/dga-tokens": "^0.2.0",
     "@platformscode/icons": "^0.0.11"
   },
+  "engines": {
+    "node": ">=18"
+  },
   "dependencies": {
     "@platformscode/icons": "^0.0.11",
     "tslib": "^2.3.0"

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

@@ -133,7 +133,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>;
@@ -578,9 +578,10 @@ interface DgaUploadFile {
     size: number;
     file?: File;
 }
+type DgaUploadRejectReason = 'maxSize' | 'accept' | 'maxFiles';
 interface DgaUploadRejection {
     file: File;
-    reason: 'maxSize';
+    reason: DgaUploadRejectReason;
 }
 type DgaUploadAppearance = 'zone' | 'browse';
 declare class DgaUpload implements ControlValueAccessor {
@@ -597,8 +598,10 @@ declare class DgaUpload implements ControlValueAccessor {
     private readonly cvaDisabled;
     readonly disabled: _angular_core.Signal<boolean>;
     readonly maxSize: _angular_core.InputSignal<number>;
+    /** Max files kept when `multiple` is true (`0` = unlimited). */
+    readonly maxFiles: _angular_core.InputSignal<number>;
     readonly filesChange: _angular_core.OutputEmitterRef<DgaUploadFile[]>;
-    /** Emitted when picked/dropped files were filtered out because they exceed `maxSize`. */
+    /** Emitted when picked/dropped files were filtered out (size, accept, or maxFiles). */
     readonly rejected: _angular_core.OutputEmitterRef<DgaUploadRejection[]>;
     readonly dragging: _angular_core.ModelSignal<boolean>;
     private onChange;
@@ -610,13 +613,15 @@ declare class DgaUpload implements ControlValueAccessor {
     remove(id: string): void;
     formatSize(bytes: number): string;
     private addFiles;
+    /** Enforce `accept` for both picker and drag-drop (HTML accept is advisory). */
+    private matchesAccept;
     private commit;
     writeValue(value: DgaUploadFile[]): void;
     registerOnChange(fn: (value: DgaUploadFile[]) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaUpload, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaUpload, "dga-upload", never, { "filesInput": { "alias": "files"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "browseLabel": { "alias": "browseLabel"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "dragging": { "alias": "dragging"; "required": false; "isSignal": true; }; }, { "filesChange": "filesChange"; "rejected": "rejected"; "dragging": "draggingChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaUpload, "dga-upload", never, { "filesInput": { "alias": "files"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "browseLabel": { "alias": "browseLabel"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "dragging": { "alias": "dragging"; "required": false; "isSignal": true; }; }, { "filesChange": "filesChange"; "rejected": "rejected"; "dragging": "draggingChange"; }, never, never, true, never>;
 }
 
 interface DgaPhoneCountry {
@@ -804,7 +809,7 @@ declare class DgaDatePickerComponent implements ControlValueAccessor {
     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 rangePickPhase: _angular_core.WritableSignal<"end" | "start">;
     readonly typedValue: _angular_core.WritableSignal<string | null>;
     readonly effectiveStatus: _angular_core.Signal<DgaFormStatus>;
     readonly panelMode: _angular_core.Signal<DgaDatePickerMode>;
@@ -1223,6 +1228,7 @@ declare class DgaDrawer {
     private readonly panel;
     readonly open: _angular_core.ModelSignal<boolean>;
     readonly title: _angular_core.InputSignal<string>;
+    /** `start` = inline-start edge; `end` = inline-end (LTR right / RTL left). */
     readonly side: _angular_core.InputSignal<DgaDrawerSide>;
     readonly closeLabel: _angular_core.InputSignal<string>;
     readonly closeOnBackdrop: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -1755,7 +1761,7 @@ interface DgaChatbotMessage {
  * (beside `dga-scroll-top` / `dga-accessibility`).
  *
  * Use `stack` so FABs share one vertical dock:
- * a11y `0` → scroll-top `1` → chatbot `2`.
+ * a11y `0` → chatbot `1` → scroll-top `2`.
  */
 declare class DgaChatbot {
     private readonly destroyRef;
@@ -1786,7 +1792,7 @@ declare class DgaChatbot {
     readonly hideFabWhenOpen: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * 0-based slot in the shared FAB dock (bottom → top).
-     * Typical: a11y=0, scroll-top=1, chatbot=2.
+     * Typical: a11y=0, chatbot=1, scroll-top=2.
      */
     readonly stack: _angular_core.InputSignalWithTransform<number, unknown>;
     /**
@@ -1925,7 +1931,7 @@ declare class DgaAccessibility {
     readonly position: _angular_core.InputSignal<DgaAccessibilityPosition>;
     /**
      * 0-based slot in the shared FAB dock (bottom → top).
-     * Typical: a11y=0, scroll-top=1, chatbot=2.
+     * Typical: a11y=0, chatbot=1, scroll-top=2.
      */
     readonly stack: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly panelId = "dga-accessibility-panel";
@@ -2170,6 +2176,49 @@ declare class DgaTabs {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaTabs, "dga-tabs", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, ["tabs"], ["*"], true, never>;
 }
 
+declare class DgaContentSwitcherPanel {
+    private readonly switcher;
+    readonly value: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly seq: number;
+    readonly tabId: string;
+    readonly panelId: string;
+    readonly active: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaContentSwitcherPanel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaContentSwitcherPanel, "dga-content-switcher-panel", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+interface DgaContentSwitcherItem {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+/**
+ * Segmented control for alternate views of related content
+ * (e.g. All / Read / Unread, Grid / List).
+ * Use `dga-tabs` for distinct page sections.
+ */
+declare class DgaContentSwitcher {
+    private readonly host;
+    private readonly seq;
+    readonly selected: _angular_core.ModelSignal<string>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly items: _angular_core.InputSignal<DgaContentSwitcherItem[]>;
+    readonly panels: _angular_core.Signal<readonly DgaContentSwitcherPanel[]>;
+    readonly headerItems: _angular_core.Signal<DgaContentSwitcherItem[]>;
+    constructor();
+    segmentClass(value: string, disabled: boolean): string;
+    tabIdFor(value: string): string;
+    panelIdFor(value: string): string;
+    select(value: string): void;
+    onKey(event: KeyboardEvent): void;
+    private stepIndex;
+    private lastEnabledIndex;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaContentSwitcher, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaContentSwitcher, "dga-content-switcher", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, ["panels"], ["*"], true, never>;
+}
+
 type DgaStepStatus = 'pending' | 'active' | 'completed' | 'error';
 interface DgaStep {
     label: string;
@@ -2333,9 +2382,9 @@ declare class DgaNavRail {
     readonly smoothScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly select: _angular_core.OutputEmitterRef<DgaNavRailItem>;
     readonly expandChange: _angular_core.OutputEmitterRef<boolean>;
-    readonly edgeAttr: _angular_core.Signal<"start" | "end" | "right" | "left" | null>;
+    readonly edgeAttr: _angular_core.Signal<"end" | "start" | "left" | "right" | null>;
     readonly offsetCss: _angular_core.Signal<string>;
-    readonly tooltipPlacement: _angular_core.Signal<"start" | "end">;
+    readonly tooltipPlacement: _angular_core.Signal<"end" | "start">;
     readonly iconSize: _angular_core.Signal<"sm" | "md" | "lg">;
     readonly expandIcon: _angular_core.Signal<"chevronLeft" | "chevronRight">;
     readonly listGapClass: _angular_core.Signal<"gap-xs" | "gap-sm" | "gap-md">;
@@ -2381,11 +2430,8 @@ declare class DgaToolbar {
 
 type DgaScrollTopPosition = 'end' | 'start' | 'left' | 'right';
 /**
- * Floating “back to top” control. Shows after the page scrolls past `threshold`,
- * then smoothly scrolls the window (or a custom container) to the top.
- *
- * Place once near the app root. When used beside `dga-accessibility`, keep
- * `clearFab` true (default) so this button sits above the a11y FAB.
+ * Small “back to top” control. Shows after the page scrolls past `threshold`.
+ * Shares the FAB dock with `dga-accessibility` / `dga-chatbot` via `stack`.
  */
 declare class DgaScrollTop {
     private readonly destroyRef;
@@ -2399,7 +2445,7 @@ declare class DgaScrollTop {
     readonly smooth: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * 0-based slot in the shared FAB dock (bottom → top).
-     * Typical: a11y=0, scroll-top=1, chatbot=2.
+     * Typical: a11y=0, chatbot=1, scroll-top=2.
      */
     readonly stack: _angular_core.InputSignalWithTransform<number, unknown>;
     /**
@@ -2407,6 +2453,10 @@ declare class DgaScrollTop {
      */
     readonly clearFab: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly visible: _angular_core.WritableSignal<boolean>;
+    /**
+     * Same dock math as a11y/chatbot, plus a half-slot nudge so the smaller
+     * control sits centered in the large FAB slot (avoids overlap).
+     */
     readonly fabBottom: _angular_core.Signal<string>;
     private ticking;
     private readonly onScroll;
@@ -3918,5 +3968,5 @@ 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, 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, 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, DgaUploadRejection };
+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 };