@uni-design-system/uni-angular 7.2.0 → 7.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uni-design-system/uni-angular",
-  "version": "7.2.0",
+  "version": "7.3.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -22,7 +22,7 @@
     "@angular/core": "^21.2.0",
     "@angular/forms": "^21.2.0",
     "@emotion/css": "^11.0.0",
-    "@uni-design-system/uni-core": "^7.2.0"
+    "@uni-design-system/uni-core": "^7.3.0"
   },
   "module": "fesm2022/uni-design-system-uni-angular.mjs",
   "typings": "types/uni-design-system-uni-angular.d.ts",

package/schematics/ng-add/index.js

@@ -2,6 +2,19 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let _angular_devkit_schematics = require("@angular-devkit/schematics");
 let _angular_devkit_schematics_tasks = require("@angular-devkit/schematics/tasks");
 //#region ../core/dist/esm/index.js
+/** Duration (seconds) the default theme assigns `expand`'s `transitionSpeed`. */
+var EXPAND_DEFAULT_SPEED = .35;
+/**
+* Duration envelope at the default speed. A tiny region never blinks past
+* faster than the min; a full-page region never drags longer than the max.
+* Expressed at `EXPAND_DEFAULT_SPEED` and applied as scale-factor clamps, so a
+* theme that slows `transitionSpeed` down widens its envelope proportionally
+* instead of being capped back to the stock feel.
+*/
+var EXPAND_MIN_DURATION = .15;
+var EXPAND_MAX_DURATION = .6;
+EXPAND_MIN_DURATION / EXPAND_DEFAULT_SPEED;
+EXPAND_MAX_DURATION / EXPAND_DEFAULT_SPEED;
 var cycle = (angle) => {
 	if (angle > 360) return angle - 360;
 	if (angle < 0) return angle + 360;
@@ -972,6 +985,38 @@ var buildComponents = (c) => ({
 		color: "primary-surface",
 		shadow: "menu"
 	} },
+	menu: { options: {
+		minWidth: 184,
+		color: void 0,
+		border: void 0,
+		borderRadius: void 0,
+		shadow: void 0,
+		paddingVertical: "xs",
+		paddingHorizontal: "none",
+		dividerBorder: "light",
+		dividerSpacing: "xs"
+	} },
+	menuItem: {
+		options: {
+			height: 38,
+			paddingHorizontal: "md",
+			gap: "md",
+			borderRadius: "none",
+			typeface: "label",
+			textColor: void 0,
+			hoverColor: "primary-container",
+			activeSymbol: "check",
+			transitionSpeed: .35
+		},
+		variants: { warn: {
+			color: c.warn,
+			"&:hover, &:focus": {
+				backgroundColor: c["warn-container"],
+				color: c["on-warn-container"]
+			}
+		} }
+	},
+	expand: { options: { transitionSpeed: .35 } },
 	footer: { options: {
 		height: 52,
 		color: "primary",
@@ -1709,7 +1754,7 @@ var UniThemes = {
 Object.keys(UniThemes)[0];
 //#endregion
 //#region package.json
-var version = "7.2.0";
+var version = "7.3.0";
 //#endregion
 //#region schematics-src/ng-add/transforms.ts
 var addDependencies = (packageJsonText, deps) => {

package/types/uni-design-system-uni-angular.d.ts

@@ -3,6 +3,7 @@ import { Signal, WritableSignal, InjectionToken, ElementRef, TemplateRef, OnInit
 import * as _uni_design_system_uni_core from '@uni-design-system/uni-core';
 import { IconName, Variant, ContainerColorToken, PaletteConfig, GenerateColorsConfig, Radii, UniTheme, ComponentName, ComponentTheme, NullableSize, ThemeName, TextRole, ContentColorToken, Size, Thickness, NullableStyleExpression, ColorKey, ColorToken, Typeface, Radius, OptionalSize, Border, Shadow, ZIndexableElements, Elevation, RadiiSize, TextColor, JustifyContent, StyleExpression, Orientation, CssLength, OptionalAlignSelf, OptionalAlignItems, OptionalAlignContent, OptionalJustifyContent, OptionalDisplay, OptionalPosition, OptionalOverflow, OptionalFlexDirection, OptionalTextAlign, OptionalWrap, ColorScheme, ColorCategory, ThemeShape, ContrastCheck, Colors, GenerationInput } from '@uni-design-system/uni-core';
 import { FormCheckboxControl, FormValueControl } from '@angular/forms/signals';
+import * as _uni_design_system_uni_angular from '@uni-design-system/uni-angular';
 
 /**
  * Returns a document-unique id for wiring ARIA relationships
@@ -977,6 +978,10 @@ declare class UniDropdownComponent extends BaseComponent<UniDropdownOptions> imp
     readonly popoverId: string;
     paddingVertical: _angular_core.InputSignal<NullableSize>;
     paddingHorizontal: _angular_core.InputSignal<NullableSize>;
+    border: _angular_core.InputSignal<string>;
+    borderRadius: _angular_core.InputSignal<string>;
+    shadow: _angular_core.InputSignal<string>;
+    color: _angular_core.InputSignal<ContainerColorToken>;
     dropdownShowing: _angular_core.OutputEmitterRef<boolean>;
     dropdownHiding: _angular_core.OutputEmitterRef<boolean>;
     dropdownRef: ElementRef<HTMLDivElement>;
@@ -997,11 +1002,32 @@ declare class UniDropdownComponent extends BaseComponent<UniDropdownOptions> imp
     hideDropdown(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDropdownComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDropdownComponent, "uni-dropdown", never, { "trigger": { "alias": "trigger"; "required": true; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "ariaHasPopup": { "alias": "ariaHasPopup"; "required": false; "isSignal": true; }; "paddingVertical": { "alias": "paddingVertical"; "required": false; "isSignal": true; }; "paddingHorizontal": { "alias": "paddingHorizontal"; "required": false; "isSignal": true; }; }, { "dropdownShowing": "dropdownShowing"; "dropdownHiding": "dropdownHiding"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDropdownComponent, "uni-dropdown", never, { "trigger": { "alias": "trigger"; "required": true; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "ariaHasPopup": { "alias": "ariaHasPopup"; "required": false; "isSignal": true; }; "paddingVertical": { "alias": "paddingVertical"; "required": false; "isSignal": true; }; "paddingHorizontal": { "alias": "paddingHorizontal"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, { "dropdownShowing": "dropdownShowing"; "dropdownHiding": "dropdownHiding"; }, never, ["*"], true, never>;
 }
 
-declare class UniExpandComponent {
+/** Theme-level options for `uni-expand`. */
+interface UniExpandOptions {
+    /**
+     * Base reveal/collapse duration in seconds (matching alert/card
+     * `transitionSpeed`), lives in the `expand` theme options. The default
+     * theme uses `0.35`. This is the duration at a 240px-tall region; the
+     * actual duration scales with content height (√-of-height, clamped —
+     * `expandDuration` in uni-core) so short regions stay snappy and tall
+     * ones aren't rushed. Also drives `uni-expand-toggle`'s chevron rotation
+     * so trigger and region move on the same clock.
+     */
+    transitionSpeed?: number;
+}
+
+declare class UniExpandComponent extends BaseComponent<UniExpandOptions> {
     collapsed: _angular_core.ModelSignal<boolean>;
+    /**
+     * Exact per-instance duration in seconds. Bypasses size-aware scaling —
+     * an explicit number means the consumer wants that number. Omitted, the
+     * duration derives from the `expand` theme options' `transitionSpeed`
+     * scaled by content height (see `duration`).
+     */
+    transitionSpeed: _angular_core.InputSignal<number>;
     /** Referenced by the controlling toggle's aria-controls. */
     readonly regionId: string;
     /**
@@ -1010,8 +1036,29 @@ declare class UniExpandComponent {
      * animations only after the first render, i.e. on real state changes.
      */
     protected readonly ready: _angular_core.WritableSignal<boolean>;
+    private readonly contentRef;
+    /**
+     * Last observed content height. Retained after collapse (the observer
+     * disconnects but the signal keeps its value) so the leave animation and
+     * the next reveal are timed to the real size. Until the first measurement
+     * lands — one frame into the very first reveal — the duration falls back
+     * to the unscaled token; CSS remaps animation progress when
+     * `animation-duration` updates, so the retime is imperceptible that early.
+     */
+    private readonly contentHeight;
     constructor();
     toggle(): void;
+    /**
+     * The resolved duration in seconds: the `transitionSpeed` input verbatim,
+     * or the `expand` theme options' `transitionSpeed` scaled by content height
+     * (`expandDuration` — √-of-height, clamped) so short regions stay snappy
+     * and tall ones aren't rushed. The public sync hook: Expand Area binds this
+     * to its toggle so the chevron rotates on the region's clock, and consumers
+     * can bind adjacent styling the same way
+     * (`[style.transition-duration]="expand.duration() + 's'"`).
+     */
+    readonly duration: _angular_core.Signal<number>;
+    protected readonly cssDuration: _angular_core.Signal<string>;
     /**
      * A custom element is `display: inline` by default, which would lay the
      * animated grid out as a block-in-inline box and distort the revealed
@@ -1031,11 +1078,16 @@ declare class UniExpandComponent {
      * decorations that legitimately paint outside the region (focus rings,
      * offset outlines). Angular removes a leaving node on the next frame when it
      * detects no animation, so nothing hangs when the guard strips them.
+     *
+     * The classes carry the default duration; the animated div's
+     * `[style.animation-duration]` binding overrides it with the resolved
+     * `duration`, so the classes stay static while timing tracks the theme and
+     * the content's size through signals alone.
      */
     expandAnimation: string;
     collapseAnimation: string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniExpandComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniExpandComponent, "uni-expand", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniExpandComponent, "uni-expand", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "transitionSpeed": { "alias": "transitionSpeed"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["*"], true, never>;
 }
 
 /**
@@ -1056,13 +1108,19 @@ declare class UniExpandToggleComponent {
     label: _angular_core.InputSignal<string>;
     /** Muted qualifier beside the label ("for POs & custom orders"). Needs `label`. */
     sublabel: _angular_core.InputSignal<string>;
+    /**
+     * Rotation duration in seconds. Expand Area binds the region's resolved
+     * `duration` here so chevron and reveal share one clock even when the
+     * region is size-scaled or overridden per instance.
+     */
+    transitionSpeed: _angular_core.InputSignal<number>;
+    /** Fallback clock when no `transitionSpeed` is bound: the `expand` theme options' `transitionSpeed`. */
+    private readonly expandOptions;
+    private readonly speed;
     /**
      * The glyph rotates, never the host.
      *
-     * The host is the tooltip's positioning box — `uni-tooltip` puts its
-     * `anchor-name` on its own element, nested inside ours — so rotating the
-     * host swings the anchor through the turn and the bubble visibly bobs. The
-     * host is also taller than the glyph (an inline-level box reserves baseline
+     * The host is taller than the glyph (an inline-level box reserves baseline
      * descender space), so spinning it about its own centre walks the glyph
      * off-centre. `uni-icon` is a centred square sized to the glyph, which makes
      * it the only box here that rotates symmetrically. It also keeps a label
@@ -1074,7 +1132,7 @@ declare class UniExpandToggleComponent {
     protected readonly labelClassName: string;
     toggle(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniExpandToggleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniExpandToggleComponent, "uni-expand-toggle", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "ariaControls": { "alias": "ariaControls"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniExpandToggleComponent, "uni-expand-toggle", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "ariaControls": { "alias": "ariaControls"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "transitionSpeed": { "alias": "transitionSpeed"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, never, true, never>;
 }
 
 declare class UniExpandAreaComponent {
@@ -1419,25 +1477,76 @@ declare class UniWrapComponent extends UniBoxComponent {
 interface BaseMenuItem {
     symbolName?: string;
     action?: () => void;
+    /** Tone routed through the theme's `menuItem.variants` (e.g. 'warn' for destructive actions). */
+    variant?: Variant;
+    disabled?: boolean;
 }
 interface MenuItemWithLabel extends BaseMenuItem {
     label: string;
     template?: never;
     context?: never;
+    divider?: never;
 }
 interface MenuItemWithTemplate<T = any> extends BaseMenuItem {
     label?: never;
     template: TemplateRef<T>;
     context: T;
+    divider?: never;
+}
+/** A non-interactive separator between item groups; styled by the theme's `menu` options. */
+interface MenuDivider {
+    divider: true;
+}
+type MenuItem<T = any> = MenuDivider | MenuItemWithLabel | MenuItemWithTemplate<T>;
+declare const isDivider: (item: MenuItem) => item is MenuDivider;
+/** Theme options for the `menuItem` component entry. */
+interface UniMenuItemOptions {
+    height?: number;
+    paddingHorizontal?: NullableSize;
+    gap?: NullableSize;
+    borderRadius?: Radius;
+    typeface?: Typeface;
+    /** Resting text color; undefined inherits the panel's on-color. */
+    textColor?: ColorKey;
+    hoverColor?: ContainerColorToken;
+    /** Trailing symbol marking the active item; undefined/'' renders none. */
+    activeSymbol?: string;
+    /** Hover/focus transition in seconds; 0 switches instantly. */
+    transitionSpeed?: number;
+}
+
+/**
+ * Theme options for the `menu` component entry. The panel-chrome fields
+ * (color/border/borderRadius/shadow) fall back to the theme's `dropdown`
+ * options when undefined, so menus follow generic popovers until a theme
+ * deliberately splits them.
+ */
+interface UniMenuOptions {
+    /** Panel minimum width in px; undefined sizes to the widest item. */
+    minWidth?: number;
+    color?: ContainerColorToken;
+    border?: Border;
+    borderRadius?: Radius;
+    shadow?: Shadow;
+    paddingVertical?: NullableSize;
+    paddingHorizontal?: NullableSize;
+    dividerBorder?: Border;
+    /** Vertical margin and horizontal inset applied to dividers. */
+    dividerSpacing?: NullableSize;
 }
-type MenuItem<T = any> = MenuItemWithLabel | MenuItemWithTemplate<T>;
 
 declare class UniMenuComponent {
+    private theme;
     menuItems: _angular_core.InputSignal<MenuItem[]>;
     activeItem: _angular_core.InputSignal<MenuItem>;
     placement: _angular_core.InputSignal<Placement>;
     menuItemClicked: _angular_core.OutputEmitterRef<MenuItem>;
     TriggerClassName: string;
+    /** Type guard for the template: dividers render as separators, not items. */
+    protected readonly isDivider: (item: MenuItem) => item is _uni_design_system_uni_angular.MenuDivider;
+    protected readonly menuOptions: _angular_core.Signal<UniMenuOptions>;
+    protected readonly menuClassName: _angular_core.Signal<string>;
+    protected readonly dividerClassName: _angular_core.Signal<string>;
     private itemComponents;
     private dropdownComponent;
     /** Which item receives focus when the menu opens (ArrowUp opens onto the last item). */
@@ -2375,6 +2484,13 @@ declare class UniTooltipComponent extends BaseComponent<UniTooltipOptions> {
     isMouseInside: _angular_core.WritableSignal<boolean>;
     /** Whether the bubble is currently shown (or fading out). */
     private readonly visible;
+    /**
+     * Set when the wrapped control is activated: clicking a button is not a
+     * request to toggle the bubble, and re-showing it right away makes a
+     * state-flipping label ("Expand" → "Collapse") blink back mid-interaction.
+     * Re-arms when the pointer leaves or focus moves away.
+     */
+    private readonly suppressed;
     readonly tooltipId: string;
     private readonly anchorName;
     hoverDelay: _angular_core.InputSignal<number>;
@@ -2388,6 +2504,13 @@ declare class UniTooltipComponent extends BaseComponent<UniTooltipOptions> {
     onFocusIn(event: FocusEvent): void;
     onFocusOut(): void;
     onEscape(event: Event): void;
+    /**
+     * A click on an interactive element inside the host is an activation of
+     * that control — hide the bubble and stay suppressed until re-arm. A click
+     * anywhere else (inline-text tooltips, tap on a non-interactive host)
+     * keeps the tap-to-toggle behavior.
+     */
+    protected onClick(event: Event): void;
     toggleTooltip(): void;
     mouseenter(): void;
     mouseleave(): void;
@@ -2421,5 +2544,5 @@ declare class DragAndDropDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DragAndDropDirective, "[uni-drag-n-drop], [dragAndDrop]", never, {}, { "onFileDropped": "onFileDropped"; }, never, never, true, never>;
 }
 
-export { BodyRenderDirective, ConfirmationDialogComponent, DragAndDropDirective, FOCUSABLE_SELECTOR, LocalStorageService, NotificationService, NotificationsComponent, RippleDirective, ThemeService, UNI_THEMES, UniAlertComponent, UniAppBarComponent, UniAvatarComponent, UniAvatarGroupComponent, UniBackgroundComponent, UniBadgeComponent, UniBaseDatasource, UniBoxComponent, UniBreadcrumbComponent, UniButtonComponent, UniButtonGroupComponent, UniCardComponent, UniCardContentComponent, UniCardHeaderComponent, UniCenterComponent, UniCheckboxComponent, UniDataSearchComponent, UniDataTableComponent, UniDebounceInputComponent, UniDialogButtonsComponent, UniDialogComponent, UniDialogHeaderComponent, UniDividerComponent, UniDrawerComponent, UniDropdownComponent, UniExpandAreaComponent, UniExpandComponent, UniExpandToggleComponent, UniFileDropZoneComponent, UniGridAreaComponent, UniGridComponent, UniIconButtonComponent, UniIconComponent, UniInputBoxComponent, UniInputComponent, UniJsonViewComponent, UniMenuComponent, UniMultiSelectComponent, UniMultiSelectDropdownComponent, UniNotificationBadgeComponent, UniPaginatorComponent, UniPopoverComponent, UniProgressBarComponent, UniProgressGaugeComponent, UniRadioComponent, UniRecordDatasource, UniRowComponent, UniScrollAreaComponent, UniSearchInputComponent, UniSelectComponent, UniServerSideDatasource, UniSkeletonComponent, UniSliderComponent, UniSnackbarComponent, UniSortHeaderComponent, UniStackComponent, UniStatComponent, UniSymbolComponent, UniTabComponent, UniTabsComponent, UniTagComponent, UniTextComponent, UniTextareaComponent, UniThemeBuilderComponent, UniThemeSwitchComponent, UniToggleComponent, UniTooltipComponent, UniWrapComponent, acceptableFile, anchorArrowStyles, anchorStyles, getFileExtension, motionSafe, newAnchorName, resolveFocusTarget, uniqueId, useTimer, visuallyHidden };
-export type { Alert, AnchorOffset, BrandPaletteConfig, BreadcrumbItem, ButtonGroupConfig, ButtonGroupItem, ColumnDefinition, Confirmation, DataLoader, DrawerMode, DrawerPosition, ImagePosition, MenuItem, MenuItemWithLabel, MenuItemWithTemplate, Option, Options, PageRequest, PageResponse, Placement, ScrollbarAppearance, SkeletonShape, Snackbar, Sort, SortDirection, UniAppBarOptions, UniAvatarGroupOptions, UniAvatarOptions, UniBreadcrumbOptions, UniCheckboxOptions, UniDataSearchOptions, UniDataTableOptions, UniDatasource, UniDrawerOptions, UniInputBoxOptions, UniMultiSelectDropdownOptions, UniNotificationBadgeOptions, UniPaginatorOptions, UniRadioOption, UniRadioOptions, UniSearchInputOptions, UniSkeletonOptions, UniSliderOptions, UniStatOptions, UniTabsOptions, UniTextareaOptions, UniToggleOptions };
+export { BodyRenderDirective, ConfirmationDialogComponent, DragAndDropDirective, FOCUSABLE_SELECTOR, LocalStorageService, NotificationService, NotificationsComponent, RippleDirective, ThemeService, UNI_THEMES, UniAlertComponent, UniAppBarComponent, UniAvatarComponent, UniAvatarGroupComponent, UniBackgroundComponent, UniBadgeComponent, UniBaseDatasource, UniBoxComponent, UniBreadcrumbComponent, UniButtonComponent, UniButtonGroupComponent, UniCardComponent, UniCardContentComponent, UniCardHeaderComponent, UniCenterComponent, UniCheckboxComponent, UniDataSearchComponent, UniDataTableComponent, UniDebounceInputComponent, UniDialogButtonsComponent, UniDialogComponent, UniDialogHeaderComponent, UniDividerComponent, UniDrawerComponent, UniDropdownComponent, UniExpandAreaComponent, UniExpandComponent, UniExpandToggleComponent, UniFileDropZoneComponent, UniGridAreaComponent, UniGridComponent, UniIconButtonComponent, UniIconComponent, UniInputBoxComponent, UniInputComponent, UniJsonViewComponent, UniMenuComponent, UniMultiSelectComponent, UniMultiSelectDropdownComponent, UniNotificationBadgeComponent, UniPaginatorComponent, UniPopoverComponent, UniProgressBarComponent, UniProgressGaugeComponent, UniRadioComponent, UniRecordDatasource, UniRowComponent, UniScrollAreaComponent, UniSearchInputComponent, UniSelectComponent, UniServerSideDatasource, UniSkeletonComponent, UniSliderComponent, UniSnackbarComponent, UniSortHeaderComponent, UniStackComponent, UniStatComponent, UniSymbolComponent, UniTabComponent, UniTabsComponent, UniTagComponent, UniTextComponent, UniTextareaComponent, UniThemeBuilderComponent, UniThemeSwitchComponent, UniToggleComponent, UniTooltipComponent, UniWrapComponent, acceptableFile, anchorArrowStyles, anchorStyles, getFileExtension, isDivider, motionSafe, newAnchorName, resolveFocusTarget, uniqueId, useTimer, visuallyHidden };
+export type { Alert, AnchorOffset, BrandPaletteConfig, BreadcrumbItem, ButtonGroupConfig, ButtonGroupItem, ColumnDefinition, Confirmation, DataLoader, DrawerMode, DrawerPosition, ImagePosition, MenuDivider, MenuItem, MenuItemWithLabel, MenuItemWithTemplate, Option, Options, PageRequest, PageResponse, Placement, ScrollbarAppearance, SkeletonShape, Snackbar, Sort, SortDirection, UniAppBarOptions, UniAvatarGroupOptions, UniAvatarOptions, UniBreadcrumbOptions, UniCheckboxOptions, UniDataSearchOptions, UniDataTableOptions, UniDatasource, UniDrawerOptions, UniExpandOptions, UniInputBoxOptions, UniMenuItemOptions, UniMenuOptions, UniMultiSelectDropdownOptions, UniNotificationBadgeOptions, UniPaginatorOptions, UniRadioOption, UniRadioOptions, UniSearchInputOptions, UniSkeletonOptions, UniSliderOptions, UniStatOptions, UniTabsOptions, UniTextareaOptions, UniToggleOptions };