npm - @rotki/ui-library - Versions diffs - 2.12.1 → 2.12.2 - Mend

@rotki/ui-library 2.12.1 → 2.12.2

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.

Files changed (147) hide show

package/dist/components/forms/select/RuiMenuSelect.vue.d.ts CHANGED Viewed

@@ -66,7 +66,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly hideNoData: boolean;
                 readonly noDataText: string;
                 readonly required: boolean;
-            } & ("disabled" | "autoSelectFirst" | "dense" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "label" | "disabled" | "keyAttr" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | "noDataText" ? {
+            } & ("disabled" | "loading" | "required" | "hideDetails" | "dense" | "clearable" | "autoSelectFirst" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "label" | "variant" | "disabled" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "dense" | "clearable" | "prependWidth" | "appendWidth" | "keyAttr" | "textAttr" | "autoSelectFirst" | "itemHeight" | "readOnly" | "hideNoData" | "noDataText" ? {
                 disabled: false;
                 loading: false;
                 readOnly: false;
@@ -114,7 +114,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly hideNoData: boolean;
                 readonly noDataText: string;
                 readonly required: boolean;
-            } & ("disabled" | "autoSelectFirst" | "dense" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "label" | "disabled" | "keyAttr" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | "noDataText" ? {
+            } & ("disabled" | "loading" | "required" | "hideDetails" | "dense" | "clearable" | "autoSelectFirst" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "label" | "variant" | "disabled" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "dense" | "clearable" | "prependWidth" | "appendWidth" | "keyAttr" | "textAttr" | "autoSelectFirst" | "itemHeight" | "readOnly" | "hideNoData" | "noDataText" ? {
                 disabled: false;
                 loading: false;
                 readOnly: false;
@@ -162,7 +162,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly hideNoData: boolean;
                 readonly noDataText: string;
                 readonly required: boolean;
-            } & ("disabled" | "autoSelectFirst" | "dense" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "label" | "disabled" | "keyAttr" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | "noDataText" ? {
+            } & ("disabled" | "loading" | "required" | "hideDetails" | "dense" | "clearable" | "autoSelectFirst" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "label" | "variant" | "disabled" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "dense" | "clearable" | "prependWidth" | "appendWidth" | "keyAttr" | "textAttr" | "autoSelectFirst" | "itemHeight" | "readOnly" | "hideNoData" | "noDataText" ? {
                 disabled: false;
                 loading: false;
                 readOnly: false;
@@ -210,7 +210,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly hideNoData: boolean;
                 readonly noDataText: string;
                 readonly required: boolean;
-            } & ("disabled" | "autoSelectFirst" | "dense" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "label" | "disabled" | "keyAttr" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | "noDataText" ? {
+            } & ("disabled" | "loading" | "required" | "hideDetails" | "dense" | "clearable" | "autoSelectFirst" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "label" | "variant" | "disabled" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "dense" | "clearable" | "prependWidth" | "appendWidth" | "keyAttr" | "textAttr" | "autoSelectFirst" | "itemHeight" | "readOnly" | "hideNoData" | "noDataText" ? {
                 disabled: false;
                 loading: false;
                 readOnly: false;
@@ -281,7 +281,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly hideNoData: boolean;
                 readonly noDataText: string;
                 readonly required: boolean;
-            } & ("disabled" | "autoSelectFirst" | "dense" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "label" | "disabled" | "keyAttr" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | "noDataText" ? {
+            } & ("disabled" | "loading" | "required" | "hideDetails" | "dense" | "clearable" | "autoSelectFirst" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "label" | "variant" | "disabled" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "dense" | "clearable" | "prependWidth" | "appendWidth" | "keyAttr" | "textAttr" | "autoSelectFirst" | "itemHeight" | "readOnly" | "hideNoData" | "noDataText" ? {
                 disabled: false;
                 loading: false;
                 readOnly: false;
@@ -329,7 +329,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly hideNoData: boolean;
                 readonly noDataText: string;
                 readonly required: boolean;
-            } & ("disabled" | "autoSelectFirst" | "dense" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "label" | "disabled" | "keyAttr" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | "noDataText" ? {
+            } & ("disabled" | "loading" | "required" | "hideDetails" | "dense" | "clearable" | "autoSelectFirst" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "label" | "variant" | "disabled" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "dense" | "clearable" | "prependWidth" | "appendWidth" | "keyAttr" | "textAttr" | "autoSelectFirst" | "itemHeight" | "readOnly" | "hideNoData" | "noDataText" ? {
                 disabled: false;
                 loading: false;
                 readOnly: false;
@@ -377,7 +377,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly hideNoData: boolean;
                 readonly noDataText: string;
                 readonly required: boolean;
-            } & ("disabled" | "autoSelectFirst" | "dense" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "label" | "disabled" | "keyAttr" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | "noDataText" ? {
+            } & ("disabled" | "loading" | "required" | "hideDetails" | "dense" | "clearable" | "autoSelectFirst" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "label" | "variant" | "disabled" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "dense" | "clearable" | "prependWidth" | "appendWidth" | "keyAttr" | "textAttr" | "autoSelectFirst" | "itemHeight" | "readOnly" | "hideNoData" | "noDataText" ? {
                 disabled: false;
                 loading: false;
                 readOnly: false;
@@ -425,7 +425,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly hideNoData: boolean;
                 readonly noDataText: string;
                 readonly required: boolean;
-            } & ("disabled" | "autoSelectFirst" | "dense" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "label" | "disabled" | "keyAttr" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | "noDataText" ? {
+            } & ("disabled" | "loading" | "required" | "hideDetails" | "dense" | "clearable" | "autoSelectFirst" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "label" | "variant" | "disabled" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "dense" | "clearable" | "prependWidth" | "appendWidth" | "keyAttr" | "textAttr" | "autoSelectFirst" | "itemHeight" | "readOnly" | "hideNoData" | "noDataText" ? {
                 disabled: false;
                 loading: false;
                 readOnly: false;
@@ -479,7 +479,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly hideNoData: boolean;
                 readonly noDataText: string;
                 readonly required: boolean;
-            } & ("disabled" | "autoSelectFirst" | "dense" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "label" | "disabled" | "keyAttr" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | "noDataText" ? {
+            } & ("disabled" | "loading" | "required" | "hideDetails" | "dense" | "clearable" | "autoSelectFirst" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "label" | "variant" | "disabled" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "dense" | "clearable" | "prependWidth" | "appendWidth" | "keyAttr" | "textAttr" | "autoSelectFirst" | "itemHeight" | "readOnly" | "hideNoData" | "noDataText" ? {
                 disabled: false;
                 loading: false;
                 readOnly: false;
@@ -527,7 +527,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly hideNoData: boolean;
                 readonly noDataText: string;
                 readonly required: boolean;
-            } & ("disabled" | "autoSelectFirst" | "dense" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "label" | "disabled" | "keyAttr" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | "noDataText" ? {
+            } & ("disabled" | "loading" | "required" | "hideDetails" | "dense" | "clearable" | "autoSelectFirst" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "label" | "variant" | "disabled" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "dense" | "clearable" | "prependWidth" | "appendWidth" | "keyAttr" | "textAttr" | "autoSelectFirst" | "itemHeight" | "readOnly" | "hideNoData" | "noDataText" ? {
                 disabled: false;
                 loading: false;
                 readOnly: false;
@@ -575,7 +575,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly hideNoData: boolean;
                 readonly noDataText: string;
                 readonly required: boolean;
-            } & ("disabled" | "autoSelectFirst" | "dense" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "label" | "disabled" | "keyAttr" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | "noDataText" ? {
+            } & ("disabled" | "loading" | "required" | "hideDetails" | "dense" | "clearable" | "autoSelectFirst" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "label" | "variant" | "disabled" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "dense" | "clearable" | "prependWidth" | "appendWidth" | "keyAttr" | "textAttr" | "autoSelectFirst" | "itemHeight" | "readOnly" | "hideNoData" | "noDataText" ? {
                 disabled: false;
                 loading: false;
                 readOnly: false;
@@ -623,7 +623,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly hideNoData: boolean;
                 readonly noDataText: string;
                 readonly required: boolean;
-            } & ("disabled" | "autoSelectFirst" | "dense" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "label" | "disabled" | "keyAttr" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | "noDataText" ? {
+            } & ("disabled" | "loading" | "required" | "hideDetails" | "dense" | "clearable" | "autoSelectFirst" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "label" | "variant" | "disabled" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "dense" | "clearable" | "prependWidth" | "appendWidth" | "keyAttr" | "textAttr" | "autoSelectFirst" | "itemHeight" | "readOnly" | "hideNoData" | "noDataText" ? {
                 disabled: false;
                 loading: false;
                 readOnly: false;
@@ -677,7 +677,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly hideNoData: boolean;
                 readonly noDataText: string;
                 readonly required: boolean;
-            } & ("disabled" | "autoSelectFirst" | "dense" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "label" | "disabled" | "keyAttr" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | "noDataText" ? {
+            } & ("disabled" | "loading" | "required" | "hideDetails" | "dense" | "clearable" | "autoSelectFirst" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T extends keyof T_1 ? { readonly [K in T]-?: K extends "label" | "variant" | "disabled" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "dense" | "clearable" | "prependWidth" | "appendWidth" | "keyAttr" | "textAttr" | "autoSelectFirst" | "itemHeight" | "readOnly" | "hideNoData" | "noDataText" ? {
                 disabled: false;
                 loading: false;
                 readOnly: false;
@@ -725,7 +725,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly hideNoData: boolean;
                 readonly noDataText: string;
                 readonly required: boolean;
-            } & ("disabled" | "autoSelectFirst" | "dense" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "label" | "disabled" | "keyAttr" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | "noDataText" ? {
+            } & ("disabled" | "loading" | "required" | "hideDetails" | "dense" | "clearable" | "autoSelectFirst" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_2 extends keyof T_1 ? { readonly [K in T_2]-?: K extends "label" | "variant" | "disabled" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "dense" | "clearable" | "prependWidth" | "appendWidth" | "keyAttr" | "textAttr" | "autoSelectFirst" | "itemHeight" | "readOnly" | "hideNoData" | "noDataText" ? {
                 disabled: false;
                 loading: false;
                 readOnly: false;
@@ -773,7 +773,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly hideNoData: boolean;
                 readonly noDataText: string;
                 readonly required: boolean;
-            } & ("disabled" | "autoSelectFirst" | "dense" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "label" | "disabled" | "keyAttr" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | "noDataText" ? {
+            } & ("disabled" | "loading" | "required" | "hideDetails" | "dense" | "clearable" | "autoSelectFirst" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_3 extends keyof T_1 ? { readonly [K in T_3]-?: K extends "label" | "variant" | "disabled" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "dense" | "clearable" | "prependWidth" | "appendWidth" | "keyAttr" | "textAttr" | "autoSelectFirst" | "itemHeight" | "readOnly" | "hideNoData" | "noDataText" ? {
                 disabled: false;
                 loading: false;
                 readOnly: false;
@@ -821,7 +821,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
                 readonly hideNoData: boolean;
                 readonly noDataText: string;
                 readonly required: boolean;
-            } & ("disabled" | "autoSelectFirst" | "dense" | "loading" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "label" | "disabled" | "keyAttr" | "textAttr" | "appendWidth" | "autoSelectFirst" | "dense" | "itemHeight" | "prependWidth" | "variant" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "clearable" | "readOnly" | "hideNoData" | "noDataText" ? {
+            } & ("disabled" | "loading" | "required" | "hideDetails" | "dense" | "clearable" | "autoSelectFirst" | "readOnly" | "hideNoData" | (KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue> | undefined extends boolean | undefined ? (boolean & KeyOfType<TItem, TValue extends (infer U)[] ? U : TValue>) | undefined extends undefined ? never : "keyAttr" : never) | (keyof TItem | undefined extends boolean | undefined ? (boolean & keyof TItem) | undefined extends undefined ? never : "textAttr" : never) extends infer T_4 extends keyof T_1 ? { readonly [K in T_4]-?: K extends "label" | "variant" | "disabled" | "loading" | "errorMessages" | "successMessages" | "hint" | "required" | "hideDetails" | "dense" | "clearable" | "prependWidth" | "appendWidth" | "keyAttr" | "textAttr" | "autoSelectFirst" | "itemHeight" | "readOnly" | "hideNoData" | "noDataText" ? {
                 disabled: false;
                 loading: false;
                 readOnly: false;
@@ -849,7 +849,7 @@ declare const __VLS_export: <TValue, TItem>(__VLS_props: NonNullable<Awaited<typ
     } & {
         'no-data'?: (props: {}) => any;
     };
-    emit: (evt: "update:modelValue", value: TValue | undefined) => void;
+    emit: (event: "update:modelValue", value: TValue | undefined) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/forms/select/RuiMenuSelect.vue2.js CHANGED Viewed

@@ -1,13 +1,13 @@
-import { getRootAttrs, getNonRootAttrs } from "../../../utils/helpers.js";
-import { defineComponent, mergeModels, useCssVars, unref, computed, useModel, toRefs, ref, createBlock, openBlock, mergeProps, isRef, withCtx, createElementBlock, createCommentVNode, withKeys, withModifiers, createElementVNode, Fragment, renderList, normalizeClass, renderSlot, createTextVNode, toDisplayString, normalizeStyle, normalizeProps, guardReactiveProps, createVNode } from "vue";
+import { defineComponent, useCssVars, unref, useModel, toRefs, ref, computed, openBlock, createBlock, mergeProps, isRef, withCtx, createElementBlock, withKeys, withModifiers, createElementVNode, Fragment, renderList, normalizeClass, renderSlot, createTextVNode, toDisplayString, normalizeStyle, createCommentVNode, normalizeProps, guardReactiveProps, createVNode, mergeModels } from "vue";
 import RuiButton from "../../buttons/button/RuiButton.vue.js";
 import RuiIcon from "../../icons/RuiIcon.vue.js";
 import RuiMenu from "../../overlays/menu/RuiMenu.vue.js";
 import RuiProgress from "../../progress/RuiProgress.vue.js";
 import { useDropdownMenu } from "../../../composables/dropdown-menu.js";
+import { getRootAttrs, getNonRootAttrs } from "../../../utils/helpers.js";
 import { useFocus, isDefined } from "@vueuse/core";
 import { set, get } from "@vueuse/shared";
-const _hoisted_1 = ["disabled", "aria-disabled", "tabindex", "data-error", "aria-invalid"];
+const _hoisted_1 = ["disabled", "aria-disabled", "aria-expanded", "aria-readonly", "aria-required", "aria-busy", "tabindex", "data-error", "aria-invalid"];
 const _hoisted_2 = {
   key: 0,
   class: "text-rui-error"
@@ -53,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props) {
     useCssVars((_ctx) => ({
-      "ef71cdca": unref(labelWithQuote)
+      "v27aaaf1d": unref(labelWithQuote)
     }));
     const modelValue = useModel(__props, "modelValue");
     const props = __props;
@@ -127,7 +127,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: _ctx.$style.wrapper,
         "disable-auto-focus": ""
       }, {
-        ...("getRootAttrs" in _ctx ? _ctx.getRootAttrs : unref(getRootAttrs))(_ctx.$attrs),
+        ...unref(getRootAttrs)(_ctx.$attrs),
         placement: "bottom-start",
         closeOnContentClick: true,
         fullWidth: true,
@@ -146,6 +146,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ref: activator,
               disabled: unref(disabled),
               "aria-disabled": unref(disabled),
+              "aria-expanded": unref(isOpen),
+              "aria-readonly": __props.readOnly || void 0,
+              "aria-required": __props.required || void 0,
+              "aria-busy": __props.loading || void 0,
               type: "button",
               tabindex: unref(disabled) || __props.readOnly ? -1 : 0,
               class: ["group", [
@@ -163,7 +167,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   [_ctx.$style["with-success"]]: hasSuccess && !hasError
                 }
               ]]
-            }, { ...("getNonRootAttrs" in _ctx ? _ctx.getNonRootAttrs : unref(getNonRootAttrs))(_ctx.$attrs), ...__props.readOnly ? {} : attrs }, {
+            }, { ...unref(getNonRootAttrs)(_ctx.$attrs), ...__props.readOnly ? {} : attrs }, {
               "data-id": "activator",
               "data-error": hasError ? "" : void 0,
               "aria-invalid": hasError,
@@ -198,6 +202,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ], 2)) : createCommentVNode("", true),
               __props.clearable && unref(value) && !unref(disabled) ? (openBlock(), createElementBlock("span", {
                 key: 2,
+                "data-id": "clear",
                 class: normalizeClass(["group-hover:!visible", [_ctx.$style.clear, unref(focused) && "!visible"]]),
                 onClick: _cache[0] || (_cache[0] = withModifiers(($event) => clear(), ["stop", "prevent"]))
               }, [
@@ -260,6 +265,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 return openBlock(), createBlock(RuiButton, {
                   key: _index,
                   active: unref(isActiveItem)(item),
+                  "aria-selected": unref(isActiveItem)(item),
                   size: unref(dense) ? "sm" : void 0,
                   "model-value": unref(getIdentifier)(item),
                   variant: "list",
@@ -282,11 +288,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ])
                   ]),
                   _: 2
-                }, 1032, ["active", "size", "model-value", "class", "onUpdate:modelValue", "onMousedown"]);
+                }, 1032, ["active", "aria-selected", "size", "model-value", "class", "onUpdate:modelValue", "onMousedown"]);
               }), 128))
             ], 16)
           ], 16)) : !__props.hideNoData ? (openBlock(), createElementBlock("div", {
             key: 1,
+            "data-id": "no-data",
             style: normalizeStyle({ width: `${width}px`, minWidth: unref(menuWidth) }),
             class: normalizeClass(__props.menuClass)
           }, [

package/dist/components/forms/select/RuiMenuSelect.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RuiMenuSelect.vue2.js","sources":["../../../../src/components/forms/select/RuiMenuSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"TValue, TItem\">\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport RuiMenu, { type MenuProps } from '@/components/overlays/menu/RuiMenu.vue';\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\nimport { type KeyOfType, useDropdownMenu } from '@/composables/dropdown-menu';\n\nexport interface Props<TValue, TItem> {\n options: TItem[];\n keyAttr?: KeyOfType<TItem, TValue extends Array<infer U> ? U : TValue>;\n textAttr?: keyof TItem;\n disabled?: boolean;\n loading?: boolean;\n readOnly?: boolean;\n dense?: boolean;\n clearable?: boolean;\n label?: string;\n menuOptions?: MenuProps;\n labelClass?: string;\n menuClass?: string;\n optionClass?: string;\n prependWidth?: number; // in rem\n appendWidth?: number; // in rem\n itemHeight?: number; // in px\n variant?: 'default' \| 'filled' \| 'outlined';\n hint?: string;\n errorMessages?: string \| string[];\n successMessages?: string \| string[];\n hideDetails?: boolean;\n autoSelectFirst?: boolean;\n hideNoData?: boolean;\n noDataText?: string;\n required?: boolean;\n}\n\ndefineOptions({\n name: 'RuiMenuSelect',\n inheritAttrs: false,\n});\n\nconst modelValue = defineModel<TValue \| undefined>({ required: true });\n\nconst props = withDefaults(defineProps<Props<TValue, TItem>>(), {\n disabled: false,\n loading: false,\n readOnly: false,\n dense: false,\n clearable: false,\n hideDetails: false,\n label: 'Select',\n prependWidth: 0,\n appendWidth: 0,\n variant: 'default',\n hint: undefined,\n keyAttr: undefined,\n textAttr: undefined,\n itemHeight: undefined,\n errorMessages: () => [],\n successMessages: () => [],\n autoSelectFirst: false,\n hideNoData: false,\n noDataText: 'No data available',\n required: false,\n});\n\nconst { dense, options, disabled } = toRefs(props);\n\nconst menuRef = ref();\nconst activator = ref();\nconst { focused } = useFocus(activator);\n\nconst value = computed<TItem \| undefined>({\n get: () => {\n const keyAttr = props.keyAttr;\n const value = get(modelValue);\n if (keyAttr)\n return props.options.find(option => option[keyAttr] === value);\n return value as unknown as TItem;\n },\n set: (selected?: TItem) => {\n const keyAttr = props.keyAttr;\n const selection = keyAttr && selected ? selected[keyAttr] : selected;\n set(modelValue, selection as TValue);\n },\n});\n\nconst labelWithQuote = computed<string>(() => {\n if (!props.label)\n return '\"\\\\200B\"';\n\n const asterisk = props.required ? '﹡' : '';\n return `' ${props.label}${asterisk} '`;\n});\n\nconst {\n containerProps,\n wrapperProps,\n renderedData,\n isOpen,\n menuWidth,\n getText,\n getIdentifier,\n isActiveItem,\n highlightedIndex,\n moveHighlight,\n valueKey,\n} = useDropdownMenu<TValue, TItem>({\n itemHeight: props.itemHeight ?? (props.dense ? 30 : 48),\n keyAttr: props.keyAttr,\n textAttr: props.textAttr,\n options,\n autoFocus: true,\n dense,\n value,\n menuRef,\n disabled,\n autoSelectFirst: props.autoSelectFirst,\n});\n\nconst outlined = computed(() => props.variant === 'outlined');\n\nconst float = computed(() => (get(isOpen) \|\| !!get(value)) && get(outlined));\n\nconst virtualContainerProps = computed(() => ({\n style: containerProps.style as any,\n ref: containerProps.ref as any,\n}));\n\nfunction setValue(val: TItem, index?: number) {\n if (isDefined(index))\n set(highlightedIndex, index);\n\n set(value, val);\n set(focused, true);\n}\n\nfunction clear() {\n set(modelValue, undefined);\n}\n</script>\n\n<template>\n <RuiMenu\n v-model=\"isOpen\"\n :class=\"$style.wrapper\"\n disable-auto-focus\n v-bind=\"{\n ...getRootAttrs($attrs),\n placement: 'bottom-start',\n closeOnContentClick: true,\n fullWidth: true,\n ...menuOptions,\n errorMessages,\n successMessages,\n hint,\n dense,\n showDetails: !hideDetails,\n disabled,\n }\"\n >\n <template #activator=\"{ attrs, open, hasError, hasSuccess }\">\n <slot\n name=\"activator\"\n v-bind=\"{ disabled, value, variant, readOnly, attrs, open, hasError, hasSuccess }\"\n >\n <button\n ref=\"activator\"\n :disabled=\"disabled\"\n :aria-disabled=\"disabled\"\n type=\"button\"\n :tabindex=\"disabled \|\| readOnly ? -1 : 0\"\n class=\"group\"\n :class=\"[\n $style.activator,\n labelClass,\n {\n [$style.disabled]: disabled,\n [$style.readonly]: readOnly,\n [$style.outlined]: outlined,\n [$style.dense]: dense,\n [$style.float]: float,\n [$style.opened]: open,\n [$style['with-value']]: !!value,\n [$style['with-error']]: hasError,\n [$style['with-success']]: hasSuccess && !hasError,\n },\n ]\"\n v-bind=\"{ ...getNonRootAttrs($attrs), ...(readOnly ? {} : attrs) }\"\n data-id=\"activator\"\n :data-error=\"hasError ? '' : undefined\"\n :aria-invalid=\"hasError\"\n @keydown.up.prevent=\"moveHighlight(true)\"\n @keydown.down.prevent=\"moveHighlight(false)\"\n >\n <span\n v-if=\"outlined \|\| !value\"\n :class=\"[\n $style.label,\n {\n 'absolute': outlined,\n 'pr-2': !value && !open && outlined,\n },\n ]\"\n >\n <slot\n name=\"activator.label\"\n v-bind=\"{ value }\"\n >\n {{ label }}\n </slot>\n <span\n v-if=\"required\"\n class=\"text-rui-error\"\n >\n ﹡\n </span>\n </span>\n <span\n v-if=\"value\"\n class=\"w-full\"\n :class=\"$style.value\"\n >\n <slot\n name=\"selection.prepend\"\n v-bind=\"{ item: value }\"\n />\n <slot\n name=\"selection\"\n v-bind=\"{ item: value }\"\n >\n {{ getText(value) }}\n </slot>\n </span>\n\n <span\n v-if=\"clearable && value && !disabled\"\n class=\"group-hover:!visible\"\n :class=\"[$style.clear, focused && '!visible']\"\n @click.stop.prevent=\"clear()\"\n >\n <RuiIcon\n color=\"error\"\n name=\"lu-x\"\n size=\"18\"\n />\n </span>\n\n <span :class=\"$style.icon__wrapper\">\n <RuiIcon\n :class=\"[$style.icon, { 'rotate-180': open }]\"\n :size=\"dense ? 16 : 24\"\n name=\"lu-chevron-down\"\n />\n </span>\n\n <RuiProgress\n v-if=\"loading\"\n class=\"absolute left-0 bottom-0 w-full\"\n color=\"primary\"\n thickness=\"3\"\n variant=\"indeterminate\"\n />\n </button>\n <fieldset\n v-if=\"outlined\"\n :class=\"$style.fieldset\"\n >\n <legend :class=\"{ 'px-2': float }\" />\n </fieldset>\n </slot>\n <input\n :value=\"valueKey\"\n class=\"hidden\"\n type=\"hidden\"\n />\n </template>\n <template #default=\"{ width }\">\n <div\n v-if=\"options.length > 0\"\n :class=\"[$style.menu, menuClass]\"\n :style=\"{ width: `${width}px`, minWidth: menuWidth }\"\n v-bind=\"virtualContainerProps\"\n @scroll=\"containerProps.onScroll\"\n @keydown.up.prevent=\"moveHighlight(true)\"\n @keydown.down.prevent=\"moveHighlight(false)\"\n >\n <div\n v-bind=\"wrapperProps\"\n ref=\"menuRef\"\n >\n <RuiButton\n v-for=\"({ item, _index }) in renderedData\"\n :key=\"_index\"\n :active=\"isActiveItem(item)\"\n :size=\"dense ? 'sm' : undefined\"\n :model-value=\"getIdentifier(item)\"\n variant=\"list\"\n :class=\"{\n highlighted: highlightedIndex === _index,\n [$style.highlighted]: !isActiveItem(item) && highlightedIndex === _index,\n }\"\n @update:model-value=\"setValue(item, _index)\"\n @mousedown=\"highlightedIndex = _index\"\n >\n <template #prepend>\n <slot\n name=\"item.prepend\"\n v-bind=\"{ disabled, item, active: isActiveItem(item) }\"\n />\n </template>\n <slot\n name=\"item\"\n v-bind=\"{ disabled, item, active: isActiveItem(item) }\"\n >\n {{ getText(item) }}\n </slot>\n <template #append>\n <slot\n name=\"item.append\"\n v-bind=\"{ disabled, item, active: isActiveItem(item) }\"\n />\n </template>\n </RuiButton>\n </div>\n </div>\n\n <div\n v-else-if=\"!hideNoData\"\n :style=\"{ width: `${width}px`, minWidth: menuWidth }\"\n :class=\"menuClass\"\n >\n <slot name=\"no-data\">\n <div class=\"p-4\">\n {{ noDataText }}\n </div>\n </slot>\n </div>\n </template>\n </RuiMenu>\n</template>\n\n<style lang=\"scss\" module>\n.wrapper {\n @apply w-full inline-flex flex-col;\n\n .activator {\n @apply relative inline-flex items-center w-full;\n @apply outline-none focus:outline-none cursor-pointer min-h-14 pl-3 py-2 pr-8 rounded;\n @apply m-0 bg-white transition-all text-body-1 text-left hover:border-black;\n\n &:not(.outlined) {\n @apply hover:bg-gray-100 focus-within:bg-gray-100;\n }\n\n &.dense {\n @apply py-1.5 min-h-10;\n\n ~ .fieldset {\n @apply px-2;\n }\n }\n\n &.disabled {\n @apply opacity-65 text-rui-text-disabled active:text-rui-text-disabled cursor-default pointer-events-none;\n }\n\n &.readonly {\n @apply opacity-80 pointer-events-none cursor-default bg-gray-50;\n }\n\n &.outlined {\n @apply border-none hover:border-none;\n\n &.opened,\n &:focus {\n @apply border-rui-primary;\n\n ~ .fieldset {\n @apply border-rui-primary #{!important};\n @apply border-2 #{!important};\n }\n }\n\n ~ .fieldset {\n @apply border border-black/[0.23];\n }\n\n &:hover {\n ~ .fieldset {\n @apply border-black;\n }\n }\n\n &.disabled {\n ~ .fieldset {\n @apply border-dotted;\n @apply border-black/[0.23] #{!important};\n }\n }\n\n &.with-success {\n .label {\n @apply text-rui-success #{!important};\n }\n\n ~ .fieldset {\n @apply border-rui-success #{!important};\n }\n }\n\n &.with-error {\n .label {\n @apply text-rui-error #{!important};\n }\n\n ~ .fieldset {\n @apply border-rui-error #{!important};\n }\n }\n }\n\n .label {\n @apply text-rui-text-secondary;\n max-width: calc(100% - 2.5rem);\n }\n\n .label,\n .value {\n @apply block truncate transition-all duration-75;\n }\n\n .clear {\n @apply ml-auto shrink-0 invisible;\n }\n\n .icon {\n @apply text-rui-text transition;\n\n &__wrapper {\n @apply flex items-center justify-end;\n @apply absolute right-3 top-px bottom-0;\n }\n }\n\n &.float {\n .label {\n @apply -translate-y-2 top-0 text-xs px-1;\n }\n\n ~ .fieldset {\n legend {\n &:after {\n content: v-bind(labelWithQuote);\n }\n }\n }\n\n &.opened,\n &.opened.with-value,\n &:focus,\n &:focus.with-value {\n .label {\n @apply text-rui-primary;\n }\n\n ~ .fieldset {\n @apply border-rui-primary;\n @apply border-2 #{!important};\n }\n }\n }\n }\n\n .fieldset {\n @apply absolute w-full min-w-0 h-[calc(100%+0.5rem)] top-0 left-0 rounded pointer-events-none px-2 transition-all -mt-2;\n\n legend {\n @apply opacity-0 text-xs truncate;\n max-width: calc(100% - 1rem);\n\n &:before {\n content: ' ';\n }\n\n &:after {\n @apply truncate max-w-full leading-[0];\n content: '\\200B';\n }\n }\n }\n}\n\n.menu {\n @apply overflow-y-auto max-h-60 min-w-[2.5rem];\n}\n\n.highlighted {\n @apply bg-rui-grey-200 #{!important};\n\n &.active {\n @apply bg-rui-grey-300 #{!important};\n }\n}\n\n:global(.dark) {\n .wrapper {\n .activator {\n @apply bg-transparent text-rui-text;\n\n &:not(.outlined) {\n @apply hover:bg-white/10 focus-within:bg-white/10;\n\n &.disabled {\n @apply bg-white/10;\n }\n }\n\n &.readonly {\n @apply bg-white/10;\n }\n\n &.outlined {\n ~ .fieldset {\n @apply border-white/[0.23];\n }\n\n &.disabled {\n ~ .fieldset {\n @apply border-white/[0.23] #{!important};\n }\n }\n\n &:hover {\n ~ .fieldset {\n @apply border-white;\n }\n }\n }\n }\n }\n\n .highlighted {\n @apply bg-rui-grey-800 #{!important};\n\n &.active {\n @apply bg-rui-grey-700 #{!important};\n }\n }\n}\n</style>\n"],"names":["_useModel","value","_openBlock","_createBlock","_mergeProps","_unref","$style","getRootAttrs","$attrs","_withCtx","_renderSlot","_createElementVNode","getNonRootAttrs","_createElementBlock","_normalizeClass","_normalizeProps","_guardReactiveProps","_createTextVNode","_toDisplayString","_createVNode","_Fragment","_renderList","_normalizeStyle"],"mappings":"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"}
1	+ {"version":3,"file":"RuiMenuSelect.vue2.js","sources":["../../../../src/components/forms/select/RuiMenuSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"TValue, TItem\">\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport RuiMenu, { type MenuProps } from '@/components/overlays/menu/RuiMenu.vue';\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\nimport { type KeyOfType, useDropdownMenu } from '@/composables/dropdown-menu';\nimport { getNonRootAttrs, getRootAttrs } from '@/utils/helpers';\n\nexport interface Props<TValue, TItem> {\n options: TItem[];\n keyAttr?: KeyOfType<TItem, TValue extends Array<infer U> ? U : TValue>;\n textAttr?: keyof TItem;\n disabled?: boolean;\n loading?: boolean;\n readOnly?: boolean;\n dense?: boolean;\n clearable?: boolean;\n label?: string;\n menuOptions?: MenuProps;\n labelClass?: string;\n menuClass?: string;\n optionClass?: string;\n prependWidth?: number; // in rem\n appendWidth?: number; // in rem\n itemHeight?: number; // in px\n variant?: 'default' \| 'filled' \| 'outlined';\n hint?: string;\n errorMessages?: string \| string[];\n successMessages?: string \| string[];\n hideDetails?: boolean;\n autoSelectFirst?: boolean;\n hideNoData?: boolean;\n noDataText?: string;\n required?: boolean;\n}\n\ndefineOptions({\n name: 'RuiMenuSelect',\n inheritAttrs: false,\n});\n\nconst modelValue = defineModel<TValue \| undefined>({ required: true });\n\nconst props = withDefaults(defineProps<Props<TValue, TItem>>(), {\n disabled: false,\n loading: false,\n readOnly: false,\n dense: false,\n clearable: false,\n hideDetails: false,\n label: 'Select',\n prependWidth: 0,\n appendWidth: 0,\n variant: 'default',\n hint: undefined,\n keyAttr: undefined,\n textAttr: undefined,\n itemHeight: undefined,\n errorMessages: () => [],\n successMessages: () => [],\n autoSelectFirst: false,\n hideNoData: false,\n noDataText: 'No data available',\n required: false,\n});\n\nconst { dense, options, disabled } = toRefs(props);\n\nconst menuRef = ref();\nconst activator = ref();\nconst { focused } = useFocus(activator);\n\nconst value = computed<TItem \| undefined>({\n get: () => {\n const keyAttr = props.keyAttr;\n const value = get(modelValue);\n if (keyAttr)\n return props.options.find(option => option[keyAttr] === value);\n return value as unknown as TItem;\n },\n set: (selected?: TItem) => {\n const keyAttr = props.keyAttr;\n const selection = keyAttr && selected ? selected[keyAttr] : selected;\n set(modelValue, selection as TValue);\n },\n});\n\nconst labelWithQuote = computed<string>(() => {\n if (!props.label)\n return '\"\\\\200B\"';\n\n const asterisk = props.required ? '﹡' : '';\n return `' ${props.label}${asterisk} '`;\n});\n\nconst {\n containerProps,\n wrapperProps,\n renderedData,\n isOpen,\n menuWidth,\n getText,\n getIdentifier,\n isActiveItem,\n highlightedIndex,\n moveHighlight,\n valueKey,\n} = useDropdownMenu<TValue, TItem>({\n itemHeight: props.itemHeight ?? (props.dense ? 30 : 48),\n keyAttr: props.keyAttr,\n textAttr: props.textAttr,\n options,\n autoFocus: true,\n dense,\n value,\n menuRef,\n disabled,\n autoSelectFirst: props.autoSelectFirst,\n});\n\nconst outlined = computed(() => props.variant === 'outlined');\n\nconst float = computed(() => (get(isOpen) \|\| !!get(value)) && get(outlined));\n\nconst virtualContainerProps = computed(() => ({\n style: containerProps.style as any,\n ref: containerProps.ref as any,\n}));\n\nfunction setValue(val: TItem, index?: number) {\n if (isDefined(index))\n set(highlightedIndex, index);\n\n set(value, val);\n set(focused, true);\n}\n\nfunction clear() {\n set(modelValue, undefined);\n}\n</script>\n\n<template>\n <RuiMenu\n v-model=\"isOpen\"\n :class=\"$style.wrapper\"\n disable-auto-focus\n v-bind=\"{\n ...getRootAttrs($attrs),\n placement: 'bottom-start',\n closeOnContentClick: true,\n fullWidth: true,\n ...menuOptions,\n errorMessages,\n successMessages,\n hint,\n dense,\n showDetails: !hideDetails,\n disabled,\n }\"\n >\n <template #activator=\"{ attrs, open, hasError, hasSuccess }\">\n <slot\n name=\"activator\"\n v-bind=\"{ disabled, value, variant, readOnly, attrs, open, hasError, hasSuccess }\"\n >\n <button\n ref=\"activator\"\n :disabled=\"disabled\"\n :aria-disabled=\"disabled\"\n :aria-expanded=\"isOpen\"\n :aria-readonly=\"readOnly \|\| undefined\"\n :aria-required=\"required \|\| undefined\"\n :aria-busy=\"loading \|\| undefined\"\n type=\"button\"\n :tabindex=\"disabled \|\| readOnly ? -1 : 0\"\n class=\"group\"\n :class=\"[\n $style.activator,\n labelClass,\n {\n [$style.disabled]: disabled,\n [$style.readonly]: readOnly,\n [$style.outlined]: outlined,\n [$style.dense]: dense,\n [$style.float]: float,\n [$style.opened]: open,\n [$style['with-value']]: !!value,\n [$style['with-error']]: hasError,\n [$style['with-success']]: hasSuccess && !hasError,\n },\n ]\"\n v-bind=\"{ ...getNonRootAttrs($attrs), ...(readOnly ? {} : attrs) }\"\n data-id=\"activator\"\n :data-error=\"hasError ? '' : undefined\"\n :aria-invalid=\"hasError\"\n @keydown.up.prevent=\"moveHighlight(true)\"\n @keydown.down.prevent=\"moveHighlight(false)\"\n >\n <span\n v-if=\"outlined \|\| !value\"\n :class=\"[\n $style.label,\n {\n 'absolute': outlined,\n 'pr-2': !value && !open && outlined,\n },\n ]\"\n >\n <slot\n name=\"activator.label\"\n v-bind=\"{ value }\"\n >\n {{ label }}\n </slot>\n <span\n v-if=\"required\"\n class=\"text-rui-error\"\n >\n ﹡\n </span>\n </span>\n <span\n v-if=\"value\"\n class=\"w-full\"\n :class=\"$style.value\"\n >\n <slot\n name=\"selection.prepend\"\n v-bind=\"{ item: value }\"\n />\n <slot\n name=\"selection\"\n v-bind=\"{ item: value }\"\n >\n {{ getText(value) }}\n </slot>\n </span>\n\n <span\n v-if=\"clearable && value && !disabled\"\n data-id=\"clear\"\n class=\"group-hover:!visible\"\n :class=\"[$style.clear, focused && '!visible']\"\n @click.stop.prevent=\"clear()\"\n >\n <RuiIcon\n color=\"error\"\n name=\"lu-x\"\n size=\"18\"\n />\n </span>\n\n <span :class=\"$style.icon__wrapper\">\n <RuiIcon\n :class=\"[$style.icon, { 'rotate-180': open }]\"\n :size=\"dense ? 16 : 24\"\n name=\"lu-chevron-down\"\n />\n </span>\n\n <RuiProgress\n v-if=\"loading\"\n class=\"absolute left-0 bottom-0 w-full\"\n color=\"primary\"\n thickness=\"3\"\n variant=\"indeterminate\"\n />\n </button>\n <fieldset\n v-if=\"outlined\"\n :class=\"$style.fieldset\"\n >\n <legend :class=\"{ 'px-2': float }\" />\n </fieldset>\n </slot>\n <input\n :value=\"valueKey\"\n class=\"hidden\"\n type=\"hidden\"\n />\n </template>\n <template #default=\"{ width }\">\n <div\n v-if=\"options.length > 0\"\n :class=\"[$style.menu, menuClass]\"\n :style=\"{ width: `${width}px`, minWidth: menuWidth }\"\n v-bind=\"virtualContainerProps\"\n @scroll=\"containerProps.onScroll\"\n @keydown.up.prevent=\"moveHighlight(true)\"\n @keydown.down.prevent=\"moveHighlight(false)\"\n >\n <div\n v-bind=\"wrapperProps\"\n ref=\"menuRef\"\n >\n <RuiButton\n v-for=\"({ item, _index }) in renderedData\"\n :key=\"_index\"\n :active=\"isActiveItem(item)\"\n :aria-selected=\"isActiveItem(item)\"\n :size=\"dense ? 'sm' : undefined\"\n :model-value=\"getIdentifier(item)\"\n variant=\"list\"\n :class=\"{\n highlighted: highlightedIndex === _index,\n [$style.highlighted]: !isActiveItem(item) && highlightedIndex === _index,\n }\"\n @update:model-value=\"setValue(item, _index)\"\n @mousedown=\"highlightedIndex = _index\"\n >\n <template #prepend>\n <slot\n name=\"item.prepend\"\n v-bind=\"{ disabled, item, active: isActiveItem(item) }\"\n />\n </template>\n <slot\n name=\"item\"\n v-bind=\"{ disabled, item, active: isActiveItem(item) }\"\n >\n {{ getText(item) }}\n </slot>\n <template #append>\n <slot\n name=\"item.append\"\n v-bind=\"{ disabled, item, active: isActiveItem(item) }\"\n />\n </template>\n </RuiButton>\n </div>\n </div>\n\n <div\n v-else-if=\"!hideNoData\"\n data-id=\"no-data\"\n :style=\"{ width: `${width}px`, minWidth: menuWidth }\"\n :class=\"menuClass\"\n >\n <slot name=\"no-data\">\n <div class=\"p-4\">\n {{ noDataText }}\n </div>\n </slot>\n </div>\n </template>\n </RuiMenu>\n</template>\n\n<style lang=\"scss\" module>\n.wrapper {\n @apply w-full inline-flex flex-col;\n\n .activator {\n @apply relative inline-flex items-center w-full;\n @apply outline-none focus:outline-none cursor-pointer min-h-14 pl-3 py-2 pr-8 rounded;\n @apply m-0 bg-white transition-all text-body-1 text-left hover:border-black;\n\n &:not(.outlined) {\n @apply hover:bg-gray-100 focus-within:bg-gray-100;\n }\n\n &.dense {\n @apply py-1.5 min-h-10;\n\n ~ .fieldset {\n @apply px-2;\n }\n }\n\n &.disabled {\n @apply opacity-65 text-rui-text-disabled active:text-rui-text-disabled cursor-default pointer-events-none;\n }\n\n &.readonly {\n @apply opacity-80 pointer-events-none cursor-default bg-gray-50;\n }\n\n &.outlined {\n @apply border-none hover:border-none;\n\n &.opened,\n &:focus {\n @apply border-rui-primary;\n\n ~ .fieldset {\n @apply border-rui-primary #{!important};\n @apply border-2 #{!important};\n }\n }\n\n ~ .fieldset {\n @apply border border-black/[0.23];\n }\n\n &:hover {\n ~ .fieldset {\n @apply border-black;\n }\n }\n\n &.disabled {\n ~ .fieldset {\n @apply border-dotted;\n @apply border-black/[0.23] #{!important};\n }\n }\n\n &.with-success {\n .label {\n @apply text-rui-success #{!important};\n }\n\n ~ .fieldset {\n @apply border-rui-success #{!important};\n }\n }\n\n &.with-error {\n .label {\n @apply text-rui-error #{!important};\n }\n\n ~ .fieldset {\n @apply border-rui-error #{!important};\n }\n }\n }\n\n .label {\n @apply text-rui-text-secondary;\n max-width: calc(100% - 2.5rem);\n }\n\n .label,\n .value {\n @apply block truncate transition-all duration-75;\n }\n\n .clear {\n @apply ml-auto shrink-0 invisible;\n }\n\n .icon {\n @apply text-rui-text transition;\n\n &__wrapper {\n @apply flex items-center justify-end;\n @apply absolute right-3 top-px bottom-0;\n }\n }\n\n &.float {\n .label {\n @apply -translate-y-2 top-0 text-xs px-1;\n }\n\n ~ .fieldset {\n legend {\n &:after {\n content: v-bind(labelWithQuote);\n }\n }\n }\n\n &.opened,\n &.opened.with-value,\n &:focus,\n &:focus.with-value {\n .label {\n @apply text-rui-primary;\n }\n\n ~ .fieldset {\n @apply border-rui-primary;\n @apply border-2 #{!important};\n }\n }\n }\n }\n\n .fieldset {\n @apply absolute w-full min-w-0 h-[calc(100%+0.5rem)] top-0 left-0 rounded pointer-events-none px-2 transition-all -mt-2;\n\n legend {\n @apply opacity-0 text-xs truncate;\n max-width: calc(100% - 1rem);\n\n &:before {\n content: ' ';\n }\n\n &:after {\n @apply truncate max-w-full leading-[0];\n content: '\\200B';\n }\n }\n }\n}\n\n.menu {\n @apply overflow-y-auto max-h-60 min-w-[2.5rem];\n}\n\n.highlighted {\n @apply bg-rui-grey-200 #{!important};\n\n &.active {\n @apply bg-rui-grey-300 #{!important};\n }\n}\n\n:global(.dark) {\n .wrapper {\n .activator {\n @apply bg-transparent text-rui-text;\n\n &:not(.outlined) {\n @apply hover:bg-white/10 focus-within:bg-white/10;\n\n &.disabled {\n @apply bg-white/10;\n }\n }\n\n &.readonly {\n @apply bg-white/10;\n }\n\n &.outlined {\n ~ .fieldset {\n @apply border-white/[0.23];\n }\n\n &.disabled {\n ~ .fieldset {\n @apply border-white/[0.23] #{!important};\n }\n }\n\n &:hover {\n ~ .fieldset {\n @apply border-white;\n }\n }\n }\n }\n }\n\n .highlighted {\n @apply bg-rui-grey-800 #{!important};\n\n &.active {\n @apply bg-rui-grey-700 #{!important};\n }\n }\n}\n</style>\n"],"names":["_useModel","value","_openBlock","_createBlock","_mergeProps","_unref","$style","$attrs","_withCtx","_renderSlot","_createElementVNode","_createElementBlock","_normalizeClass","_normalizeProps","_guardReactiveProps","_createTextVNode","_toDisplayString","_createVNode","_Fragment","_renderList","_normalizeStyle"],"mappings":"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"}

package/dist/components/forms/select/RuiSimpleSelect.vue.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ export interface Props {
     modelValue: string | number;
     options: string[] | number[];
     disabled?: boolean;
+    label?: string;
     name?: string;
     variant?: 'default' | 'outlined';
 }
@@ -11,8 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
     "onUpdate:model-value"?: ((value?: string | number | undefined) => any) | undefined;
 }>, {
     name: string;
-    disabled: boolean;
+    label: string;
     variant: "default" | "outlined";
+    disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/forms/select/RuiSimpleSelect.vue2.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { defineComponent, toRefs, computed, createElementBlock, openBlock, mergeProps, withDirectives, createElementVNode, normalizeClass, isRef, Fragment, renderList, toDisplayString, vModelSelect, unref, createVNode } from "vue";
+import { defineComponent, toRefs, computed, openBlock, createElementBlock, mergeProps, withDirectives, createElementVNode, normalizeClass, isRef, Fragment, renderList, toDisplayString, vModelSelect, unref, createVNode } from "vue";
 import RuiIcon from "../../icons/RuiIcon.vue.js";
 import { get } from "@vueuse/shared";
-const _hoisted_1 = ["name", "disabled"];
+const _hoisted_1 = ["name", "disabled", "aria-label"];
 const _hoisted_2 = ["value"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -13,6 +13,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     modelValue: {},
     options: {},
     disabled: { type: Boolean, default: false },
+    label: { default: void 0 },
     name: { default: "" },
     variant: { default: "default" }
   },
@@ -37,7 +38,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             { [_ctx.$style.disabled ?? ""]: __props.disabled }
           ]),
           name: __props.name,
-          disabled: __props.disabled
+          disabled: __props.disabled,
+          "aria-label": __props.label,
+          "data-id": "select"
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, i) => {
             return openBlock(), createElementBlock("option", {
@@ -49,7 +52,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           [vModelSelect, unref(value)]
         ]),
         createElementVNode("span", {
-          class: normalizeClass(_ctx.$style.icon__wrapper)
+          class: normalizeClass(_ctx.$style.icon__wrapper),
+          "aria-hidden": "true"
         }, [
           createVNode(RuiIcon, {
             class: normalizeClass(_ctx.$style.icon),

package/dist/components/forms/select/RuiSimpleSelect.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RuiSimpleSelect.vue2.js","sources":["../../../../src/components/forms/select/RuiSimpleSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\n\nexport interface Props {\n modelValue: string \| number;\n options: string[] \| number[];\n disabled?: boolean;\n name?: string;\n variant?: 'default' \| 'outlined';\n}\n\ndefineOptions({\n name: 'RuiSimpleSelect',\n inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n disabled: false,\n name: '',\n variant: 'default',\n});\n\nconst emit = defineEmits<{\n (e: 'update:model-value', value?: string \| number): void;\n}>();\n\nconst { modelValue } = toRefs(props);\n\nconst value = computed({\n get: () => get(modelValue),\n set: value => emit('update:model-value', value),\n});\n</script>\n\n<template>\n <div\n :class=\"$style.wrapper\"\n v-bind=\"$attrs\"\n >\n <select\n v-model=\"value\"\n :class=\"[\n $style.select,\n $style[variant ?? 'default'],\n { [$style.disabled ?? '']: disabled },\n ]\"\n :name=\"name\"\n :disabled=\"disabled\"\n >\n <option\n v-for=\"(option, i) in options\"\n :key=\"i\"\n :value=\"option\"\n >\n {{ option }}\n </option>\n </select>\n <span :class=\"$style.icon__wrapper\">\n <RuiIcon\n :class=\"$style.icon\"\n name=\"lu-chevron-down\"\n size=\"16\"\n />\n </span>\n </div>\n</template>\n\n<style module lang=\"scss\">\n.wrapper {\n @apply relative inline-flex;\n\n .select {\n @apply outline-none focus:outline-none appearance-none cursor-pointer pl-2 py-1 pr-8 rounded;\n @apply m-0 w-full bg-white hover:bg-gray-50 transition;\n @apply disabled:bg-black/[.12] disabled:text-rui-text-disabled disabled:active:text-rui-text-disabled disabled:cursor-default;\n\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n\n &::-ms-expand {\n display: none;\n }\n\n &.outlined {\n @apply border border-rui-text-disabled disabled:border-transparent;\n }\n }\n\n .icon {\n @apply text-rui-text-disabled pointer-events-none;\n\n &__wrapper {\n @apply flex items-center justify-end;\n @apply absolute right-1 top-px bottom-0 pointer-events-none;\n }\n }\n}\n\n:global(.dark) {\n .wrapper {\n .select {\n @apply bg-transparent hover:bg-white/10 disabled:bg-white/10 text-rui-text-disabled;\n\n &.outlined {\n @apply border border-rui-text-disabled;\n }\n }\n\n .icon {\n @apply text-rui-text-disabled;\n }\n }\n}\n</style>\n"],"names":["value","_openBlock","_createElementBlock","_mergeProps","$style","$attrs","_createElementVNode","_normalizeClass","_Fragment","_renderList","_unref","_createVNode"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;AAgBA~~,UAAM,QAAQ;~~AAMd~~,UAAM,OAAO;AAIb,UAAM,EAAE,WAAA,IAAe,OAAO,KAAK;AAEnC,UAAM,QAAQ,SAAS;AAAA,MACrB,KAAK,MAAM,IAAI,UAAU;AAAA,MACzB,KAAK,CAAAA,WAAS,KAAK,sBAAsBA,MAAK;AAAA,IAAA,CAC/C;;AAIC,aAAAC,UAAA,GAAAC,~~mBA6BM~~,~~OA7BNC~~,~~WA6BM~~;AAAA,~~QA5BH~~,OAAOC,KAAAA,OAAO;AAAA,MAAA,GACPC,KAAAA,MAAM,GAAA;AAAA,uBAEdC,~~mBAiBS~~,UAAA;AAAA,~~sFAhBE~~,MAAK,QAAA,SAAA;AAAA,UACb,OAAKC,eAAA;AAAA,YAAYH,KAAAA,OAAO;AAAA,YAAgBA,KAAAA,OAAO,QAAA,WAAO,SAAA;AAAA,eAA2BA,KAAAA,OAAO,YAAQ,EAAA,GAAS,QAAA,SAAA;AAAA,UAAQ;UAKjH,MAAM,QAAA;AAAA,UACN,UAAU,QAAA;AAAA,QAAA;~~WAEXH~~,UAAA,IAAA,GAAAC,mBAMSM,UAAA,MAAAC,WALe,QAAA,SAAO,CAArB,QAAQ,MAAC;gCADnBP,mBAMS,UAAA;AAAA,cAJN,KAAK;AAAA,cACL,OAAO;AAAA,YAAA,mBAEL,MAAM,GAAA,GAAA,UAAA;AAAA;;~~yBAdFQ~~,MAAA,KAAA,CAAK;AAAA,QAAA;~~QAiBhBJ~~,~~mBAMO~~,QAAA;AAAA,~~UANA~~,OAAKC,eAAEH,KAAAA,OAAO,aAAa;AAAA,QAAA;~~UAChCO~~,YAIE,SAAA;AAAA,YAHC,OAAKJ,eAAEH,KAAAA,OAAO,IAAI;AAAA,YACnB,MAAK;AAAA,YACL,MAAK;AAAA,UAAA;;;;;;"}
1	+ {"version":3,"file":"RuiSimpleSelect.vue2.js","sources":["../../../../src/components/forms/select/RuiSimpleSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\n\nexport interface Props {\n modelValue: string \| number;\n options: string[] \| number[];\n disabled?: boolean;\n label?: string;\n name?: string;\n variant?: 'default' \| 'outlined';\n}\n\ndefineOptions({\n name: 'RuiSimpleSelect',\n inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n disabled: false,\n label: undefined,\n name: '',\n variant: 'default',\n});\n\nconst emit = defineEmits<{\n (e: 'update:model-value', value?: string \| number): void;\n}>();\n\nconst { modelValue } = toRefs(props);\n\nconst value = computed({\n get: () => get(modelValue),\n set: value => emit('update:model-value', value),\n});\n</script>\n\n<template>\n <div\n :class=\"$style.wrapper\"\n v-bind=\"$attrs\"\n >\n <select\n v-model=\"value\"\n :class=\"[\n $style.select,\n $style[variant ?? 'default'],\n { [$style.disabled ?? '']: disabled },\n ]\"\n :name=\"name\"\n :disabled=\"disabled\"\n :aria-label=\"label\"\n data-id=\"select\"\n >\n <option\n v-for=\"(option, i) in options\"\n :key=\"i\"\n :value=\"option\"\n >\n {{ option }}\n </option>\n </select>\n <span\n :class=\"$style.icon__wrapper\"\n aria-hidden=\"true\"\n >\n <RuiIcon\n :class=\"$style.icon\"\n name=\"lu-chevron-down\"\n size=\"16\"\n />\n </span>\n </div>\n</template>\n\n<style module lang=\"scss\">\n.wrapper {\n @apply relative inline-flex;\n\n .select {\n @apply outline-none focus:outline-none appearance-none cursor-pointer pl-2 py-1 pr-8 rounded;\n @apply m-0 w-full bg-white hover:bg-gray-50 transition;\n @apply disabled:bg-black/[.12] disabled:text-rui-text-disabled disabled:active:text-rui-text-disabled disabled:cursor-default;\n\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n\n &::-ms-expand {\n display: none;\n }\n\n &.outlined {\n @apply border border-rui-text-disabled disabled:border-transparent;\n }\n }\n\n .icon {\n @apply text-rui-text-disabled pointer-events-none;\n\n &__wrapper {\n @apply flex items-center justify-end;\n @apply absolute right-1 top-px bottom-0 pointer-events-none;\n }\n }\n}\n\n:global(.dark) {\n .wrapper {\n .select {\n @apply bg-transparent hover:bg-white/10 disabled:bg-white/10 text-rui-text-disabled;\n\n &.outlined {\n @apply border border-rui-text-disabled;\n }\n }\n\n .icon {\n @apply text-rui-text-disabled;\n }\n }\n}\n</style>\n"],"names":["value","_openBlock","_createElementBlock","_mergeProps","$style","$attrs","_createElementVNode","_normalizeClass","_Fragment","_renderList","_unref","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiBA,UAAM,QAAQ;AAOd,UAAM,OAAO;AAIb,UAAM,EAAE,WAAA,IAAe,OAAO,KAAK;AAEnC,UAAM,QAAQ,SAAS;AAAA,MACrB,KAAK,MAAM,IAAI,UAAU;AAAA,MACzB,KAAK,CAAAA,WAAS,KAAK,sBAAsBA,MAAK;AAAA,IAAA,CAC/C;;AAIC,aAAAC,UAAA,GAAAC,mBAkCM,OAlCNC,WAkCM;AAAA,QAjCH,OAAOC,KAAAA,OAAO;AAAA,MAAA,GACPC,KAAAA,MAAM,GAAA;AAAA,uBAEdC,mBAmBS,UAAA;AAAA,sFAlBE,MAAK,QAAA,SAAA;AAAA,UACb,OAAKC,eAAA;AAAA,YAAYH,KAAAA,OAAO;AAAA,YAAgBA,KAAAA,OAAO,QAAA,WAAO,SAAA;AAAA,eAA2BA,KAAAA,OAAO,YAAQ,EAAA,GAAS,QAAA,SAAA;AAAA,UAAQ;UAKjH,MAAM,QAAA;AAAA,UACN,UAAU,QAAA;AAAA,UACV,cAAY,QAAA;AAAA,UACb,WAAQ;AAAA,QAAA;WAERH,UAAA,IAAA,GAAAC,mBAMSM,UAAA,MAAAC,WALe,QAAA,SAAO,CAArB,QAAQ,MAAC;gCADnBP,mBAMS,UAAA;AAAA,cAJN,KAAK;AAAA,cACL,OAAO;AAAA,YAAA,mBAEL,MAAM,GAAA,GAAA,UAAA;AAAA;;yBAhBFQ,MAAA,KAAA,CAAK;AAAA,QAAA;QAmBhBJ,mBASO,QAAA;AAAA,UARJ,OAAKC,eAAEH,KAAAA,OAAO,aAAa;AAAA,UAC5B,eAAY;AAAA,QAAA;UAEZO,YAIE,SAAA;AAAA,YAHC,OAAKJ,eAAEH,KAAAA,OAAO,IAAI;AAAA,YACnB,MAAK;AAAA,YACL,MAAK;AAAA,UAAA;;;;;;"}

package/dist/components/forms/slider/RuiSlider.vue.d.ts CHANGED Viewed

@@ -25,10 +25,10 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:model-value"?: ((value: number) => any) | undefined;
 }>, {
-    color: ContextColorsType;
     label: string;
-    disabled: boolean;
     vertical: boolean;
+    color: ContextColorsType;
+    disabled: boolean;
     modelValue: number;
     errorMessages: string | string[];
     successMessages: string | string[];

package/dist/components/forms/slider/RuiSlider.vue2.js CHANGED Viewed

@@ -1,15 +1,15 @@
-import { defineComponent, useCssVars, unref, computed, toRefs, ref, createElementBlock, openBlock, normalizeProps, guardReactiveProps, createElementVNode, createBlock, createCommentVNode, normalizeClass, createTextVNode, toDisplayString, withDirectives, mergeProps, isRef, vModelText, Fragment, renderList } from "vue";
+import { defineComponent, useCssVars, unref, toRefs, computed, ref, openBlock, createElementBlock, normalizeProps, guardReactiveProps, createElementVNode, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, withDirectives, mergeProps, isRef, vModelText, Fragment, renderList, createBlock } from "vue";
 import _sfc_main$1 from "../../helpers/RuiFormTextDetail.vue.js";
+import { useFormTextDetail } from "../../../utils/form-text-detail.js";
 import { getRootAttrs, getNonRootAttrs } from "../../../utils/helpers.js";
 import { get } from "@vueuse/shared";
-import { useFormTextDetail } from "../../../utils/form-text-detail.js";
 import { useElementBounding } from "@vueuse/core";
 const _hoisted_1 = ["data-error"];
 const _hoisted_2 = {
   key: 0,
   class: "text-rui-error"
 };
-const _hoisted_3 = ["max", "min", "step", "disabled", "aria-invalid"];
+const _hoisted_3 = ["max", "min", "step", "disabled", "aria-invalid", "aria-label", "aria-valuetext"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "RuiSlider",
@@ -40,10 +40,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:model-value"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v5a3a992e": unref(sliderHeight),
-      "ae30ee42": unref(sliderWidth),
-      "b5d1a6fe": unref(trackWidth),
-      "v22bb2631": unref(tickSizeInPx)
+      "c9bc1d76": unref(sliderHeight),
+      "db8d5c30": unref(sliderWidth),
+      "f958c350": unref(trackWidth),
+      "v63a27e48": unref(tickSizeInPx)
     }));
     const props = __props;
     const emit = __emit;
@@ -118,7 +118,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 min: unref(min),
                 step: unref(step),
                 disabled: __props.disabled,
-                "aria-invalid": unref(hasError)
+                "aria-invalid": unref(hasError),
+                "aria-label": __props.label || void 0,
+                "aria-valuetext": String(unref(vModel))
               }, unref(getNonRootAttrs)(_ctx.$attrs)), null, 16, _hoisted_3), [
                 [vModelText, unref(vModel)]
               ]),