eco-vue-js 0.8.41 → 0.8.42

package/dist/components/Notify/models/types.d.ts

@@ -1,5 +1,5 @@
-import { LinkProps } from '../../../types/types';
 import { NotifyType } from './NotifyType';
+import { LinkProps } from '../../../types/types';
 export interface NotifyConfig extends Partial<LinkProps> {
     title: string;
     caption?: string;

package/dist/components/Notify/models/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Notify/models/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AAE5C,MAAM,WAAW,YAAa,SAAQ,OAAO,CAAC,SAAS,CAAC;IACtD,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,UAAU,CAAA;CACjB;AAED,MAAM,MAAM,SAAS,GAAG,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Notify/models/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAE5C,MAAM,WAAW,YAAa,SAAQ,OAAO,CAAC,SAAS,CAAC;IACtD,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,UAAU,CAAA;CACjB;AAED,MAAM,MAAM,SAAS,GAAG,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA"}

package/dist/components/Select/WSelect.vue.d.ts

@@ -1,4 +1,4 @@
-import { SelectProps, SelectOptionComponent } from './types';
+import { SelectOptionComponent, SelectProps } from './types';
 declare const _default: <Model extends number | string, Data extends DefaultData, QueryParamsOptions, OptionComponent extends SelectOptionComponent<Data>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onSelect?: ((item: Model) => any) | undefined;

package/dist/components/Select/WSelect.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelect.vue"],"names":[],"mappings":"AAkaA,OAAO,KAAK,EAAC,WAAW,EAAE,qBAAqB,EAA6B,MAAM,SAAS,CAAA;yBAI1E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eACnI,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA8qBxD,mBAAmB,CAAC;;;;;;;wRAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;2BArevB,MAAM,KAAG,IAAI;MAqegC,GAAG,IAAI;WACpE,GAAG;;gBAzbH,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;YACnB,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;YACd,MAAM,CAAC,EAAE,MAAM,CAAA;SAChB,KAAK,IAAI;gBACF,MAAM,IAAI;;gBATV,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;YACnB,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;YACd,MAAM,CAAC,EAAE,MAAM,CAAA;SAChB,KAAK,IAAI;gBACF,MAAM,IAAI;;;YAvPd,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YAuqBmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAxrBvE,wBAwrB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelect.vue"],"names":[],"mappings":"AA+ZA,OAAO,KAAK,EAAC,qBAAqB,EAA8B,WAAW,EAAC,MAAM,SAAS,CAAA;yBAc1E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eACnI,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA4qBxD,mBAAmB,CAAC;;;;;;;wRAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;2BAnevB,MAAM,KAAG,IAAI;MAmegC,GAAG,IAAI;WACpE,GAAG;;gBAvbH,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;YACnB,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;YACd,MAAM,CAAC,EAAE,MAAM,CAAA;SAChB,KAAK,IAAI;gBACF,MAAM,IAAI;;gBATV,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;YACnB,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;YACd,MAAM,CAAC,EAAE,MAAM,CAAA;SAChB,KAAK,IAAI;gBACF,MAAM,IAAI;;;YAvPd,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YAqqBmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAtrBvE,wBAsrB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/WSelect.vue.js

@@ -1,16 +1,16 @@
-import { defineComponent, ref, computed, toRef, watch, nextTick, openBlock, createBlock, mergeProps, unref, withModifiers, createSlots, withCtx, createElementBlock, Fragment, renderList, renderSlot, createCommentVNode, createElementVNode, toDisplayString, resolveDynamicComponent } from 'vue';
-import _sfc_main$3 from './components/SelectOption.vue.js';
-import _sfc_main$2 from './components/SelectOptionPrefix.vue.js';
-import { getIsMobile } from '../../utils/mobile.js';
-import { debounce } from '../../utils/utils.js';
+import { defineComponent, ref, useTemplateRef, computed, toRef, watch, nextTick, openBlock, createBlock, mergeProps, unref, withModifiers, createSlots, withCtx, createElementBlock, Fragment, renderList, renderSlot, createCommentVNode, createElementVNode, toDisplayString, resolveDynamicComponent } from 'vue';
 import _sfc_main$1 from '../Input/WInputSuggest.vue.js';
 import { ApiError } from '../../utils/api.js';
+import { getIsMobile } from '../../utils/mobile.js';
+import { debounce } from '../../utils/utils.js';
+import _sfc_main$3 from './components/SelectOption.vue.js';
+import _sfc_main$2 from './components/SelectOptionPrefix.vue.js';
 
 const _hoisted_1 = {
   key: 0,
-  class: "py-2 px-[1.0625rem] first:pt-4 last:pb-4"
+  class: "px-[1.0625rem] py-2 first:pt-4 last:pb-4"
 };
-const _hoisted_2 = { class: "select-none cursor-default w-select-field sm-not:px-3" };
+const _hoisted_2 = { class: "w-select-field sm-not:px-3 cursor-default select-none" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "WSelect",
@@ -74,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const isOpen = ref(false);
-    const input = ref();
+    const inputRef = useTemplateRef("input");
     const cursor = ref(0);
     const isCursorLocked = ref(false);
     const search = ref("");
@@ -191,10 +191,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       loadingCreate.value = false;
     };
     const focus = () => {
-      input.value?.focus();
+      inputRef.value?.focus();
     };
     const blur = () => {
-      input.value?.blur();
+      inputRef.value?.blur();
     };
     const setSearch = (value) => {
       search.value = value;
@@ -210,7 +210,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     watch(() => props.modelValue, async () => {
       await nextTick();
-      input.value?.updateDropdown();
+      inputRef.value?.updateDropdown();
     });
     watch(queryError, (error) => {
       if (error instanceof ApiError && error.response?.data?.detail) {
@@ -228,10 +228,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       setSearch
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, mergeProps({
-        ref_key: "input",
-        ref: input
-      }, {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({ ref: "input" }, {
         ...props,
         modelValue: search.value,
         hideInput: _ctx.modelValue.length === 0 ? false : unref(isMobile) ? !focused.value : !isOpen.value,
@@ -333,7 +330,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onMouseenter: _cache[1] || (_cache[1] = ($event) => setCursor(optionsFiltered.value.length))
           }, {
             prefix: withCtx(() => _cache[7] || (_cache[7] = [
-              createElementVNode("span", { class: "w-select-field pr-2 sm-not:px-3" }, " Create: ", -1)
+              createElementVNode("span", { class: "w-select-field sm-not:px-3 pr-2" }, " Create: ", -1)
             ])),
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "option", {

package/dist/components/Select/WSelectAsync.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WSelectAsync.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsync.vue"],"names":[],"mappings":"AAwRA,OAAO,KAAK,EAAC,gBAAgB,EAAE,qBAAqB,EAA6B,MAAM,SAAS,CAAA;yBAG/E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA6iBxD,mBAAmB,CAAC;;;;;;;6QAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;2BAnbvB,MAAM,KAAG,IAAI;MAmbgC,GAAG,IAAI;WACpE,GAAG;;gBAzZH,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;gBAH9H,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;;YAzIlI,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,YAAY,GAAG,IAAI;YACnB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;;;;YA+hBM,OAAO,CAAC,OAAO,WAAW,CAAC;;AAvjBvE,wBAujB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectAsync.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsync.vue"],"names":[],"mappings":"AAsRA,OAAO,KAAK,EAAC,gBAAgB,EAAE,qBAAqB,EAA6B,MAAM,SAAS,CAAA;yBAY/E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA0iBxD,mBAAmB,CAAC;;;;;;;6QAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;2BAhbvB,MAAM,KAAG,IAAI;MAgbgC,GAAG,IAAI;WACpE,GAAG;;gBAtZH,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;gBAH9H,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;;YAzIlI,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,YAAY,GAAG,IAAI;YACnB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;;;;YA4hBM,OAAO,CAAC,OAAO,WAAW,CAAC;;AApjBvE,wBAojB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/WSelectAsync.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent, ref, computed, watch, openBlock, createBlock, mergeProps, unref, withModifiers, createSlots, withCtx, renderSlot, createCommentVNode, createVNode, resolveDynamicComponent, nextTick } from 'vue';
-import { getIsMobile } from '../../utils/mobile.js';
+import { defineComponent, ref, useTemplateRef, computed, watch, openBlock, createBlock, mergeProps, unref, withModifiers, createSlots, withCtx, renderSlot, createCommentVNode, createVNode, resolveDynamicComponent, nextTick } from 'vue';
 import _sfc_main$1 from '../Input/WInputSuggest.vue.js';
-import _sfc_main$2 from './components/SelectAsyncPrefix.vue.js';
+import { getIsMobile } from '../../utils/mobile.js';
 import _sfc_main$3 from './components/SelectAsyncList.vue.js';
+import _sfc_main$2 from './components/SelectAsyncPrefix.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
@@ -68,8 +68,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const isOpen = ref(false);
-    const input = ref();
-    const list = ref();
+    const inputRef = useTemplateRef("input");
+    const listRef = useTemplateRef("list");
     const isMobile = getIsMobile();
     const focused = ref(false);
     const isFetchingPrefix = ref(false);
@@ -128,14 +128,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       search.value = "";
     };
     const focus = () => {
-      input.value?.focus();
+      inputRef.value?.focus();
     };
     const blur = () => {
-      input.value?.blur();
+      inputRef.value?.blur();
     };
     const updateDropdown = async () => {
       await nextTick();
-      input.value?.updateDropdown();
+      inputRef.value?.updateDropdown();
     };
     const setSearch = (value) => {
       search.value = value;
@@ -155,10 +155,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       setSearch
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, mergeProps({
-        ref_key: "input",
-        ref: input
-      }, {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({ ref: "input" }, {
         ...props,
         modelValue: search.value,
         loading: _ctx.loading || isFetchingPrefix.value || loadingCreate.value,
@@ -166,9 +163,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         class: _ctx.$attrs.class,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => !_ctx.loading && !isFetchingPrefix.value && (search.value = $event ?? "")),
-        "onKeypress:enter": _cache[2] || (_cache[2] = withModifiers(($event) => list.value?.selectCursor(), ["stop", "prevent"])),
-        "onKeypress:up": _cache[3] || (_cache[3] = withModifiers(($event) => list.value?.cursorUp(), ["prevent"])),
-        "onKeypress:down": _cache[4] || (_cache[4] = withModifiers(($event) => list.value?.cursorDown(), ["prevent"])),
+        "onKeypress:enter": _cache[2] || (_cache[2] = withModifiers(($event) => unref(listRef)?.selectCursor(), ["stop", "prevent"])),
+        "onKeypress:up": _cache[3] || (_cache[3] = withModifiers(($event) => unref(listRef)?.cursorUp(), ["prevent"])),
+        "onKeypress:down": _cache[4] || (_cache[4] = withModifiers(($event) => unref(listRef)?.cursorDown(), ["prevent"])),
         "onKeypress:delete": captureDoubleDelete,
         onOpen: _cache[5] || (_cache[5] = ($event) => isOpen.value = true),
         onClose: _cache[6] || (_cache[6] = ($event) => {
@@ -219,8 +216,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         content: withCtx(() => [
           createVNode(_sfc_main$3, {
-            ref_key: "list",
-            ref: list,
+            ref: "list",
             "model-value": _ctx.modelValue,
             "use-query-fn": _ctx.useQueryFnOptions,
             "query-params": queryParams.value,

package/dist/components/Select/WSelectAsyncList.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WSelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsyncList.vue"],"names":[],"mappings":"yBAyGiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAuOxD,mBAAmB,CAAC;;;;;;gBAnOlB,MAAM;oBACF,MAAM;oBACN,KAAK,EAAE;oBACP,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;mBACb,OAAO;wBACF,CAAC,MAAM,WAAW,CAAC,EAAE;qBACxB,OAAO;uBACL,OAAO;yBACL,OAAO;sBACV,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;uBACpB,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAwNQ,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;kBAnMD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;kBAA5F,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YATlG,QAAQ,SAAS,KAAK,GAAG,IAAI;YAC7B,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC3C,cAAc,SAAS,MAAM,GAAG,IAAI;;;;;YA8ME,OAAO,CAAC,OAAO,WAAW,CAAC;;AAjPvE,wBAiP4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsyncList.vue"],"names":[],"mappings":"yBA4GiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAqOxD,mBAAmB,CAAC;;;;;;gBAjOlB,MAAM;oBACF,MAAM;oBACN,KAAK,EAAE;oBACP,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;mBACb,OAAO;wBACF,CAAC,MAAM,WAAW,CAAC,EAAE;qBACxB,OAAO;uBACL,OAAO;yBACL,OAAO;sBACV,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;uBACpB,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAsNQ,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;kBAjMD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;kBAA5F,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YATlG,QAAQ,SAAS,KAAK,GAAG,IAAI;YAC7B,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC3C,cAAc,SAAS,MAAM,GAAG,IAAI;;;;;YA4ME,OAAO,CAAC,OAAO,WAAW,CAAC;;AA/OvE,wBA+O4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/WSelectAsyncList.vue.js

@@ -1,10 +1,15 @@
-import { defineComponent, ref, openBlock, createElementBlock, createBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode, createVNode, withCtx, renderSlot } from 'vue';
-import _sfc_main$1 from './components/SelectAsyncList.vue.js';
+import { defineComponent, useTemplateRef, openBlock, createElementBlock, createBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode, createVNode, unref, withCtx, renderSlot } from 'vue';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
+import _sfc_main$1 from './components/SelectAsyncList.vue.js';
 
 const _hoisted_1 = {
   key: 0,
-  class: "text-xs text-accent font-semibold mb-2"
+  class: "text-accent mb-2 text-xs font-semibold"
+};
+const _hoisted_2 = {
+  key: 2,
+  ref: "list",
+  class: "overflow-y-overlay sm-not:border-y h-96 border-solid border-gray-300 sm:rounded-2xl sm:border dark:border-gray-700"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WSelectAsyncList",
@@ -24,7 +29,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["select", "unselect", "update:model-value", "update:count"],
   setup(__props) {
-    const list = ref();
+    const listRef = useTemplateRef("list");
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_1, [
@@ -35,17 +40,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, {
           key: 1,
           class: "w-skeleton-rounded-2xl w-skeleton-h-[24rem] w-skeleton-w-full"
-        })) : (openBlock(), createElementBlock("div", {
-          key: 2,
-          ref_key: "list",
-          ref: list,
-          class: "h-[24rem] overflow-y-overlay sm:border sm-not:border-y border-gray-300 dark:border-gray-700 border-solid sm:rounded-2xl"
-        }, [
+        })) : (openBlock(), createElementBlock("div", _hoisted_2, [
           createVNode(_sfc_main$1, {
             "model-value": _ctx.modelValue,
             "use-query-fn": _ctx.useQueryFn,
             "query-params": _ctx.queryParams,
-            "scrolling-element": list.value,
+            "scrolling-element": unref(listRef),
             "exclude-params": _ctx.excludeParams,
             "empty-stub": _ctx.emptyStub,
             "select-only": _ctx.selectOnly,

package/dist/components/Select/WSelectAsyncSingle.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WSelectAsyncSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsyncSingle.vue"],"names":[],"mappings":"AAyFA,OAAO,KAAK,EAAC,sBAAsB,EAAE,qBAAqB,EAAC,MAAM,SAAS,CAAA;yBAGzD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBACxJ,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAuNxD,mBAAmB,CAAC;;;4OAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBAlCe,GAAG;0BACA,GAAG;;;;;;YACL,GAAG;uBACJ,GAAG;;;YA/KzB,mBAAmB,0DAAoB,IAAI;YAC3C,YAAY,GAAG,IAAI;;;;;YAkNmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAjOvE,wBAiO4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectAsyncSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsyncSingle.vue"],"names":[],"mappings":"AAwFA,OAAO,KAAK,EAAC,sBAAsB,EAAE,qBAAqB,EAAC,MAAM,SAAS,CAAA;yBAOzD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBACxJ,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAsNxD,mBAAmB,CAAC;;;4OAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBAlCe,GAAG;0BACA,GAAG;;;;;;YACL,GAAG;uBACJ,GAAG;;;YA9KzB,mBAAmB,0DAAoB,IAAI;YAC3C,YAAY,GAAG,IAAI;;;;;YAiNmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAhOvE,wBAgO4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/WSelectSingle.vue.d.ts

@@ -1,4 +1,4 @@
-import { SelectSingleProps, SelectOptionComponent } from './types';
+import { SelectOptionComponent, SelectSingleProps } from './types';
 declare const _default: <Model extends number | string, Data extends DefaultData, QueryParamsOptions, OptionComponent extends SelectOptionComponent<Data>, AllowClear extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:model-value"?: ((value: AllowClear extends true ? Model | null : Model) => any) | undefined;

package/dist/components/Select/WSelectSingle.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WSelectSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectSingle.vue"],"names":[],"mappings":"AA4FA,OAAO,KAAK,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,SAAS,CAAA;yBAGpD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBAC/J,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA6OxD,mBAAmB,CAAC;;;;gRAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBApCe,GAAG;0BACA,GAAG;;;;;;YACL,GAAG;uBACJ,GAAG;;;YAnMzB,oBAAoB,0DAAoB,IAAI;YAC5C,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YAuOmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAvPvE,wBAuP4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectSingle.vue"],"names":[],"mappings":"AA2FA,OAAO,KAAK,EAAC,qBAAqB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAOpD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBAC/J,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA2OxD,mBAAmB,CAAC;;;;gRAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBAnCe,GAAG;0BACA,GAAG;;;;;;YACL,GAAG;uBACJ,GAAG;;;YAlMzB,oBAAoB,0DAAoB,IAAI;YAC5C,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YAqOmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AArPvE,wBAqP4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/WSelectSingle.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, toRef, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, computed, watch, toRef, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, renderSlot } from 'vue';
 import _sfc_main$1 from './WSelect.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -64,24 +64,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const selectComponent = ref();
+    const selectComponentRef = useTemplateRef("selectComponent");
     const arrayValue = computed(() => props.modelValue !== null ? [props.modelValue] : []);
     const updateModelValue = (value) => {
       emit("update:model-value", value);
       blur();
     };
     const blur = () => {
-      selectComponent.value?.blur();
+      selectComponentRef.value?.blur();
     };
     watch(toRef(props, "modelValue"), blur);
     __expose({
       blur
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, mergeProps({
-        ref_key: "selectComponent",
-        ref: selectComponent
-      }, {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({ ref: "selectComponent" }, {
         ...props,
         modelValue: arrayValue.value,
         disableClear: !_ctx.allowClear,
@@ -91,7 +88,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: _ctx.$attrs.class,
         onSelect: _cache[0] || (_cache[0] = ($event) => updateModelValue($event)),
         onUnselect: _cache[1] || (_cache[1] = ($event) => updateModelValue(_ctx.allowClear ? null : $event)),
-        onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.searchModel && typeof _ctx.modelValue === "string" ? selectComponent.value?.setSearch(_ctx.modelValue) : void 0),
+        onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.searchModel && typeof _ctx.modelValue === "string" ? unref(selectComponentRef)?.setSearch(_ctx.modelValue) : void 0),
         "onUpdate:queryOptionsError": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("update:query-options-error", $event)),
         onInitModel: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("init-model"))
       }), createSlots({

package/dist/components/Select/WSelectStringified.vue.d.ts

@@ -1,4 +1,4 @@
-import { SelectStringifiedProps, SelectOptionComponent } from './types';
+import { SelectOptionComponent, SelectStringifiedProps } from './types';
 declare const _default: <Model extends string, Data extends DefaultData, QueryParamsOptions, OptionComponent extends SelectOptionComponent<Data>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:model-value"?: ((value: Model | null) => any) | undefined;

package/dist/components/Select/WSelectStringified.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WSelectStringified.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectStringified.vue"],"names":[],"mappings":"AA8FA,OAAO,KAAK,EAAC,sBAAsB,EAAE,qBAAqB,EAAC,MAAM,SAAS,CAAA;yBAGzD,KAAK,SAAS,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC1H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAgOxD,mBAAmB,CAAC;;;;yQAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBApCe,GAAG;0BACA,GAAG;;;;;;YACL,GAAG;uBACJ,GAAG;;;YAxLzB,oBAAoB,SAAS,KAAK,GAAG,IAAI,GAAG,IAAI;YAChD,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YA4NmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA1OvE,wBA0O4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectStringified.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectStringified.vue"],"names":[],"mappings":"AA6FA,OAAO,KAAK,EAAC,qBAAqB,EAAE,sBAAsB,EAAC,MAAM,SAAS,CAAA;yBAOzD,KAAK,SAAS,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC1H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA8NxD,mBAAmB,CAAC;;;;yQAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBAnCe,GAAG;0BACA,GAAG;;;;;;YACL,GAAG;uBACJ,GAAG;;;YAvLzB,oBAAoB,SAAS,KAAK,GAAG,IAAI,GAAG,IAAI;YAChD,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YA0NmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAxOvE,wBAwO4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/WSelectStringified.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, computed, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot } from 'vue';
 import _sfc_main$1 from './WSelect.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -64,7 +64,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const selectComponent = ref();
+    const selectComponentRef = useTemplateRef("selectComponent");
     const arrayValue = computed(() => props.modelValue !== null ? props.modelValue.split(props.divider) : []);
     const updateModelValue = (value, isSelect) => {
       const valueList = value.split(props.divider);
@@ -78,16 +78,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("update:model-value", newValue || null);
     };
     const blur = () => {
-      selectComponent.value?.blur();
+      selectComponentRef.value?.blur();
     };
     __expose({
       blur
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, mergeProps({
-        ref_key: "selectComponent",
-        ref: selectComponent
-      }, {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({ ref: "selectComponent" }, {
         ...props,
         modelValue: arrayValue.value
       }, {

package/dist/components/Select/components/SelectAsyncList.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncList.vue"],"names":[],"mappings":"yBA2NiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAkgBxD,mBAAmB,CAAC;;;;;;;oBA9fhB,KAAK,EAAE;oBACP,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;2BACL,OAAO,GAAG,IAAI;kBACvB,OAAO;mBACN,OAAO;qBACL,OAAO;wBACJ,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,OAAO;oBACP,MAAM;qBACL,OAAO;uBACL,OAAO;sBACR,OAAO;yBACJ,OAAO;qBACX,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;uBACnB,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBAC3D,OAAO;KA8e8D,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;kBAlZD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;kBAA5E,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YAzFlF,QAAQ,SAAS,KAAK,GAAG,IAAI;YAC7B,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,eAAe,GAAG,IAAI;;;;;YA4egB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA5gBvE,wBA4gB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncList.vue"],"names":[],"mappings":"yBAgOiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAigBxD,mBAAmB,CAAC;;;;;;;oBA7fhB,KAAK,EAAE;oBACP,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;2BACL,OAAO,GAAG,IAAI;kBACvB,OAAO;mBACN,OAAO;qBACL,OAAO;wBACJ,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,OAAO;oBACP,MAAM;qBACL,OAAO;uBACL,OAAO;sBACR,OAAO;yBACJ,OAAO;qBACX,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;uBACnB,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBAC3D,OAAO;KA6e8D,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;kBAjZD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;kBAA5E,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YAzFlF,QAAQ,SAAS,KAAK,GAAG,IAAI;YAC7B,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,eAAe,GAAG,IAAI;;;;;YA2egB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA3gBvE,wBA2gB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/components/SelectAsyncList.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, openBlock, createElementBlock, createVNode, withCtx, normalizeClass, renderSlot, createBlock, createElementVNode, createCommentVNode } from 'vue';
-import _sfc_main$2 from './SelectOption.vue.js';
 import _sfc_main$1 from '../../InfiniteList/WInfiniteList.vue.js';
 import { debounce } from '../../../utils/utils.js';
+import _sfc_main$2 from './SelectOption.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SelectAsyncList",
@@ -181,7 +181,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onUnmounted: _cache[10] || (_cache[10] = ($event) => updateCursor(void 0))
         }, {
           prefix: withCtx(() => _cache[11] || (_cache[11] = [
-            createElementVNode("span", { class: "w-select-field pr-2 sm-not:px-3" }, " Create: ", -1)
+            createElementVNode("span", { class: "w-select-field sm-not:px-3 pr-2" }, " Create: ", -1)
           ])),
           default: withCtx(() => [
             renderSlot(_ctx.$slots, "default", {

package/dist/components/Select/components/SelectAsyncPrefix.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAsyncPrefix.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncPrefix.vue"],"names":[],"mappings":"AAsFA,OAAO,KAAK,EAAC,sBAAsB,EAAE,qBAAqB,EAA6B,MAAM,UAAU,CAAA;yBAGtF,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAkLxD,mBAAmB,CAAC;;;;oPAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;kBA7JD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;kBAAjE,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;;YAdvE,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,iBAAiB,SAAS,OAAO,GAAG,IAAI;YACxC,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;;;;;YA8KJ,OAAO,CAAC,OAAO,WAAW,CAAC;;AA5LvE,wBA4L4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SelectAsyncPrefix.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncPrefix.vue"],"names":[],"mappings":"AAqFA,OAAO,KAAK,EAAC,sBAAsB,EAAE,qBAAqB,EAA6B,MAAM,UAAU,CAAA;yBAWtF,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAiLxD,mBAAmB,CAAC;;;;oPAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;kBA5JD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;kBAAjE,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;;YAdvE,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,iBAAiB,SAAS,OAAO,GAAG,IAAI;YACxC,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;;;;;YA6KJ,OAAO,CAAC,OAAO,WAAW,CAAC;;AA3LvE,wBA2L4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/components/SelectAsyncPrefix.vue.js

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed, watch, onBeforeUnmount, openBlock, createElementBlock, Fragment, createVNode, withCtx, renderSlot, createElementVNode, toDisplayString, unref, normalizeClass, withModifiers, createCommentVNode } from 'vue';
-import _sfc_main$1 from './SelectAsyncPrefixPage.vue.js';
-import { numberFormatter } from '../../../utils/utils.js';
 import IconCancel from '../../../assets/icons/default/IconCancel.svg.js';
+import { numberFormatter } from '../../../utils/utils.js';
+import _sfc_main$1 from './SelectAsyncPrefixPage.vue.js';
 
 const _hoisted_1 = {
   key: 0,
-  class: "flex overflow-hidden items-center text-accent gap-1 px-1"
+  class: "text-accent flex items-center gap-1 overflow-hidden px-1"
 };
 const PAGE_LENGTH = 8;
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -64,9 +64,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", null, "... " + toDisplayString(unref(numberFormatter).format(_ctx.modelValue.length)) + " items", 1),
           !_ctx.disableClear && !_ctx.disabled ? (openBlock(), createElementBlock("button", {
             key: 0,
-            class: normalizeClass(["relative flex square-5 rounded-full items-center justify-center outline-none", {
+            class: normalizeClass(["square-5 relative flex items-center justify-center rounded-full outline-none", {
               "cursor-progress": _ctx.loading,
-              "cursor-pointer w-ripple w-ripple-hover ": !_ctx.loading
+              "w-ripple w-ripple-hover cursor-pointer ": !_ctx.loading
             }]),
             onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {
             }, ["stop", "prevent"])),

package/dist/components/Select/components/SelectAsyncPrefixPage.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAsyncPrefixPage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncPrefixPage.vue"],"names":[],"mappings":"AAqHA,OAAO,KAAK,EAAC,0BAA0B,EAAE,qBAAqB,EAA6B,MAAM,UAAU,CAAA;yBAG1F,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAiMxD,mBAAmB,CAAC;;;;yPAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;kBAlJD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;kBAAjE,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;;YA1CvE,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;;;;;YA+LF,OAAO,CAAC,OAAO,WAAW,CAAC;;AA3MvE,wBA2M4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SelectAsyncPrefixPage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncPrefixPage.vue"],"names":[],"mappings":"AAoHA,OAAO,KAAK,EAAC,0BAA0B,EAAE,qBAAqB,EAA6B,MAAM,UAAU,CAAA;yBAO1F,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAgMxD,mBAAmB,CAAC;;;;yPAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;kBAjJD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;kBAAjE,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;;YA1CvE,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;;;;;YA8LF,OAAO,CAAC,OAAO,WAAW,CAAC;;AA1MvE,wBA0M4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/components/SelectAsyncPrefixPage.vue.js

@@ -52,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (option, index) => {
         return openBlock(), createElementBlock("div", {
           key: _ctx.valueGetter(option),
-          class: normalizeClass(["relative flex overflow-hidden items-center text-description", {
+          class: normalizeClass(["text-description relative flex items-center overflow-hidden", {
             "cursor-pointer": !_ctx.disabled,
             "cursor-not-allowed": _ctx.disabled
           }])
@@ -76,9 +76,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 name: "default",
                 fn: withCtx(() => [
                   createElementVNode("button", {
-                    class: normalizeClass(["relative flex square-5 rounded-full -my-1 -mr-2 ml-1 items-center justify-center outline-none", {
+                    class: normalizeClass(["square-5 relative -my-1 -mr-2 ml-1 flex items-center justify-center rounded-full outline-none", {
                       "cursor-progress": _ctx.loading,
-                      "cursor-pointer w-ripple w-ripple-hover": !_ctx.loading
+                      "w-ripple w-ripple-hover cursor-pointer": !_ctx.loading
                     }]),
                     onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
                     }, ["stop", "prevent"])),
@@ -93,9 +93,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           !_ctx.optionComponent && !_ctx.disableClear && !_ctx.disabled ? (openBlock(), createElementBlock("button", {
             key: 0,
-            class: normalizeClass(["relative flex square-5 rounded-full items-center justify-center outline-none", {
+            class: normalizeClass(["square-5 relative flex items-center justify-center rounded-full outline-none", {
               "cursor-progress": _ctx.loading,
-              "cursor-pointer w-ripple w-ripple-hover ": !_ctx.loading
+              "w-ripple w-ripple-hover cursor-pointer ": !_ctx.loading
             }]),
             onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
             }, ["stop", "prevent"])),

package/dist/components/Select/components/SelectOption.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOption.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectOption.vue"],"names":[],"mappings":"yBA4IiB,KAAK,SAAS,MAAM,GAAG,MAAM,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAuOxD,mBAAmB,CAAC;oBAnOhB,OAAO;mBACR,OAAO;kBACR,OAAO;mBACN,OAAO;iBACT,OAAO;gBACR,OAAO;eACR,OAAO;mBACH,KAAK,GAAG,IAAI;eAChB,KAAK,GAAG,IAAI;qBACN,OAAO;yBACH,OAAO;KAyN6D,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;iBAhJF,CAAC,KAAK,EAAE;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;gBACrC,MAAM,IAAI;;iBADT,CAAC,KAAK,EAAE;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;gBACrC,MAAM,IAAI;;;YAvEd,QAAQ,GAAG,IAAI;YACf,UAAU,GAAG,IAAI;YACjB,kBAAkB,SAAS;YAAC,QAAQ,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;YAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAA;SAAC,GAAG,IAAI;YACtG,eAAe,GAAG,IAAI;YACtB,iBAAiB,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;YACzD,aAAa,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;YACrD,WAAW,GAAG,IAAI;YAClB,cAAc,GAAG,IAAI;YACrB,aAAa,GAAG,IAAI;;;;;YAmNkB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAjPvE,wBAiP4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SelectOption.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectOption.vue"],"names":[],"mappings":"yBA+IiB,KAAK,SAAS,MAAM,GAAG,MAAM,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAqOxD,mBAAmB,CAAC;oBAjOhB,OAAO;mBACR,OAAO;kBACR,OAAO;mBACN,OAAO;iBACT,OAAO;gBACR,OAAO;eACR,OAAO;mBACH,KAAK,GAAG,IAAI;eAChB,KAAK,GAAG,IAAI;qBACN,OAAO;yBACH,OAAO;KAuN6D,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;iBA9IF,CAAC,KAAK,EAAE;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;gBACrC,MAAM,IAAI;;iBADT,CAAC,KAAK,EAAE;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;gBACrC,MAAM,IAAI;;;YAvEd,QAAQ,GAAG,IAAI;YACf,UAAU,GAAG,IAAI;YACjB,kBAAkB,SAAS;YAAC,QAAQ,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;YAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAA;SAAC,GAAG,IAAI;YACtG,eAAe,GAAG,IAAI;YACtB,iBAAiB,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;YACzD,aAAa,SAAS,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;YACrD,WAAW,GAAG,IAAI;YAClB,cAAc,GAAG,IAAI;YACrB,aAAa,GAAG,IAAI;;;;;YAiNkB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA/OvE,wBA+O4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/components/SelectOption.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent, ref, watch, watchEffect, onUnmounted, openBlock, createElementBlock, normalizeClass, withModifiers, renderSlot, createElementVNode, createVNode, Transition, withCtx, createBlock, unref, createCommentVNode } from 'vue';
-import IconCheck from '../../../assets/icons/default/IconCheck.svg.js';
+import { defineComponent, useTemplateRef, watch, watchEffect, onUnmounted, openBlock, createElementBlock, normalizeClass, withModifiers, renderSlot, createElementVNode, createVNode, Transition, withCtx, createBlock, unref, createCommentVNode } from 'vue';
 import WSpinner from '../../Spinner/WSpinner.vue.js';
+import IconCheck from '../../../assets/icons/default/IconCheck.svg.js';
 
 const _hoisted_1 = {
   key: 0,
-  class: "flex items-center justify-center text-primary-default dark:text-primary-dark [--spinner-size:1.5rem] col-start-3"
+  class: "text-primary-default dark:text-primary-dark col-start-3 flex items-center justify-center [--spinner-size:1.5rem]"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SelectOption",
@@ -25,14 +25,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const element = ref();
+    const elementRef = useTemplateRef("element");
     const toggle = () => {
       if (props.skeleton || props.loading) return;
       if (props.isSelected) emit("unselect");
       else emit("select");
     };
     const scrollIntoView = () => {
-      element.value?.scrollIntoView({ behavior: "auto", block: "center" });
+      elementRef.value?.scrollIntoView({ behavior: "auto", block: "center" });
     };
     watch(() => props.isCursor, (value) => {
       if (!value) return;
@@ -67,9 +67,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        ref_key: "element",
-        ref: element,
-        class: normalizeClass(["relative grid grid-cols-[auto,1fr,2.5rem] w-full py-2 px-[1.0625rem]", {
+        ref: "element",
+        class: normalizeClass(["relative grid w-full grid-cols-[auto,1fr,2.5rem] px-[1.0625rem] py-2", {
           "bg-primary-light dark:bg-primary-darkest": _ctx.isSelected,
           "before:opacity-5": !_ctx.loading && _ctx.isCursor && !_ctx.skeleton,
           "cursor-progress": _ctx.loading || _ctx.skeleton,
@@ -81,7 +80,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         renderSlot(_ctx.$slots, "prefix"),
         createElementVNode("div", {
-          class: normalizeClass(["flex items-center overflow-hidden col-start-2", {
+          class: normalizeClass(["col-start-2 flex items-center overflow-hidden", {
             "col-span-2": _ctx.hideOptionIcon
           }])
         }, [

package/dist/components/Select/components/SelectOptionPrefix.vue.d.ts

@@ -1,4 +1,4 @@
-import { SelectPrefixProps, SelectOptionComponent } from '../types';
+import { SelectOptionComponent, SelectPrefixProps } from '../types';
 declare const _default: <Data extends DefaultData, OptionComponent extends SelectOptionComponent<Data>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onUnselect?: (() => any) | undefined;

package/dist/components/Select/components/SelectOptionPrefix.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOptionPrefix.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectOptionPrefix.vue"],"names":[],"mappings":"AAgEA,OAAO,KAAK,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,UAAU,CAAA;yBAGrD,IAAI,SAAS,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAChF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAsJxD,mBAAmB,CAAC;;6KAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;wBA3Be,GAAG;;cAtHzB,UAAU,KAAG,IAAI;;;;YAsJqB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAhKvE,wBAgK4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SelectOptionPrefix.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectOptionPrefix.vue"],"names":[],"mappings":"AA+DA,OAAO,KAAK,EAAC,qBAAqB,EAAE,iBAAiB,EAAC,MAAM,UAAU,CAAA;yBAKrD,IAAI,SAAS,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAChF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAqJxD,mBAAmB,CAAC;;6KAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;wBA3Be,GAAG;;cArHzB,UAAU,KAAG,IAAI;;;;YAqJqB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA/JvE,wBA+J4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/components/SelectOptionPrefix.vue.js

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["relative grid grid-cols-[1fr,auto] items-center text-description group/model", {
+        class: normalizeClass(["text-description group/model relative grid grid-cols-[1fr,auto] items-center", {
           "cursor-pointer": !_ctx.disabled,
           "cursor-not-allowed opacity-50": _ctx.disabled
         }])
@@ -31,10 +31,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               !_ctx.disableClear ? (openBlock(), createElementBlock("button", {
                 key: 0,
-                class: normalizeClass(["relative flex square-5 rounded-full -my-1 -mr-2 ml-1 items-center justify-center outline-none", {
+                class: normalizeClass(["square-5 relative -my-1 -mr-2 ml-1 flex items-center justify-center rounded-full outline-none", {
                   "cursor-not-allowed": _ctx.disabled,
                   "cursor-progress": _ctx.loading,
-                  "cursor-pointer w-ripple w-ripple-hover ": !_ctx.loading && !_ctx.disabled
+                  "w-ripple w-ripple-hover cursor-pointer ": !_ctx.loading && !_ctx.disabled
                 }]),
                 onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
                 }, ["stop", "prevent"])),
@@ -48,10 +48,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         !_ctx.optionComponent && !_ctx.disableClear ? (openBlock(), createElementBlock("button", {
           key: 0,
-          class: normalizeClass(["relative flex square-5 rounded-full items-center justify-center outline-none", {
+          class: normalizeClass(["square-5 relative flex items-center justify-center rounded-full outline-none", {
             "cursor-not-allowed": _ctx.disabled,
             "cursor-progress": _ctx.loading,
-            "cursor-pointer w-ripple w-ripple-hover ": !_ctx.loading && !_ctx.disabled
+            "w-ripple w-ripple-hover cursor-pointer ": !_ctx.loading && !_ctx.disabled
           }]),
           onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {
           }, ["stop", "prevent"])),

package/dist/components/Spinner/WSpinner.vue.js

@@ -4,7 +4,7 @@ import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
 const _sfc_main = {};
 
 const _hoisted_1 = {
-  class: "animate-spin square-[var(--spinner-size,2rem)]",
+  class: "square-[var(--spinner-size,2rem)] animate-spin",
   width: "20",
   height: "20",
   viewBox: "25 25 50 50"