eco-vue-js 0.11.57 → 0.11.59

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

@@ -192,17 +192,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_sfc_main$1, mergeProps({ ref: "input" }, {
         ...props,
         modelValue: search.value,
-        loading: _ctx.loading || isFetchingPrefix.value || loadingCreate.value,
-        hideInput: _ctx.modelValue.length === 0 && !_ctx.emptyValue ? false : unref(isMobile) ? !focused.value : !isOpen.value,
-        filterValue: _ctx.filterValue === void 0 ? _ctx.modelValue : _ctx.filterValue,
-        placeholder: _ctx.emptyValue || focused.value || _ctx.modelValue.length ? void 0 : _ctx.placeholder,
+        loading: __props.loading || isFetchingPrefix.value || loadingCreate.value,
+        hideInput: __props.modelValue.length === 0 && !__props.emptyValue ? false : unref(isMobile) ? !focused.value : !isOpen.value,
+        filterValue: __props.filterValue === void 0 ? __props.modelValue : __props.filterValue,
+        placeholder: __props.emptyValue || focused.value || __props.modelValue.length ? void 0 : __props.placeholder,
         emptyValue: void 0
       }, {
         class: _ctx.$attrs.class,
-        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => !_ctx.loading && !isFetchingPrefix.value && (search.value = $event ?? "")),
-        "onKeypress:enter": _cache[3] || (_cache[3] = withModifiers(($event) => unref(listRef)?.selectCursor(), ["stop", "prevent"])),
-        "onKeypress:up": _cache[4] || (_cache[4] = withModifiers(($event) => unref(listRef)?.cursorUp(), ["prevent"])),
-        "onKeypress:down": _cache[5] || (_cache[5] = withModifiers(($event) => unref(listRef)?.cursorDown(), ["prevent"])),
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => !__props.loading && !isFetchingPrefix.value && (search.value = $event ?? "")),
+        "onKeypress:enter": _cache[3] || (_cache[3] = withModifiers(($event) => listRef.value?.selectCursor(), ["stop", "prevent"])),
+        "onKeypress:up": _cache[4] || (_cache[4] = withModifiers(($event) => listRef.value?.cursorUp(), ["prevent"])),
+        "onKeypress:down": _cache[5] || (_cache[5] = withModifiers(($event) => listRef.value?.cursorDown(), ["prevent"])),
         "onKeypress:delete": captureDoubleDelete,
         onOpen: _cache[6] || (_cache[6] = ($event) => isOpen.value = true),
         onClose: close,
@@ -216,19 +216,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         })
       }), createSlots({
         prefix: withCtx(({ unclickable }) => [
-          (_ctx.hidePrefix ? unref(isMobile) ? unclickable || !focused.value : !isOpen.value : true) ? (openBlock(), createBlock(_sfc_main$3, {
+          (__props.hidePrefix ? unref(isMobile) ? unclickable || !focused.value : !isOpen.value : true) ? (openBlock(), createBlock(_sfc_main$3, {
             key: 0,
-            "use-query-fn": _ctx.useQueryFnPrefix ?? _ctx.useQueryFnOptions,
-            "model-value": !_ctx.emptyValue || _ctx.modelValue.length !== 0 ? _ctx.modelValue : _ctx.emptyValue,
+            "use-query-fn": __props.useQueryFnPrefix ?? __props.useQueryFnOptions,
+            "model-value": !__props.emptyValue || __props.modelValue.length !== 0 ? __props.modelValue : __props.emptyValue,
             disabled: unref(isDisabled),
-            loading: _ctx.loading || isFetchingPrefix.value,
-            "option-component": _ctx.optionComponent,
-            "option-component-props": _ctx.optionComponentProps,
-            "disable-clear": _ctx.disableClear || unref(isReadonly) || _ctx.seamless && !focused.value || _ctx.modelValue.length === 0,
-            "preview-data": _ctx.previewData,
-            "created-data": _ctx.createdData,
-            "value-getter": _ctx.valueGetter,
-            "value-query-key": _ctx.valueQueryKey,
+            loading: __props.loading || isFetchingPrefix.value,
+            "option-component": __props.optionComponent,
+            "option-component-props": __props.optionComponentProps,
+            "disable-clear": __props.disableClear || unref(isReadonly) || __props.seamless && !focused.value || __props.modelValue.length === 0,
+            "preview-data": __props.previewData,
+            "created-data": __props.createdData,
+            "value-getter": __props.valueGetter,
+            "value-query-key": __props.valueQueryKey,
             readonly: unref(isReadonly),
             onUnselect: unselect,
             "onUpdate:fetching": _cache[0] || (_cache[0] = ($event) => {
@@ -256,15 +256,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         content: withCtx(() => [
           createVNode(_sfc_main$2, {
             ref: "list",
-            "model-value": _ctx.modelValue,
-            "use-query-fn": _ctx.useQueryFnOptions,
+            "model-value": __props.modelValue,
+            "use-query-fn": __props.useQueryFnOptions,
             "query-params": queryParams.value,
-            loading: _ctx.loading || isFetchingPrefix.value,
+            loading: __props.loading || isFetchingPrefix.value,
             disabled: isDisabledComputed.value,
-            "empty-stub": !search.value && _ctx.emptyStub ? _ctx.emptyStub : void 0,
-            "allow-create": _ctx.createOption && (!hasSearchOption.value || isModelValueSearch.value),
-            "hide-option-icon": _ctx.hideOptionIcon,
-            "value-getter": _ctx.valueGetter,
+            "empty-stub": !search.value && __props.emptyStub ? __props.emptyStub : void 0,
+            "allow-create": __props.createOption && (!hasSearchOption.value || isModelValueSearch.value),
+            "hide-option-icon": __props.hideOptionIcon,
+            "value-getter": __props.valueGetter,
             "loading-create": loadingCreate.value,
             search: search.value,
             class: "max-h-80",
@@ -282,7 +282,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 search: search.value,
                 index
               }, () => [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), mergeProps(_ctx.optionComponentProps, {
+                (openBlock(), createBlock(resolveDynamicComponent(__props.optionComponent), mergeProps(__props.optionComponentProps, {
                   option,
                   selected,
                   skeleton: skeletonList,

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

@@ -32,9 +32,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { isReadonly, isDisabled, isSkeleton } = useComponentStates(props);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.title ? (openBlock(), createElementBlock("div", _hoisted_1, [
           unref(isSkeleton) ? (openBlock(), createBlock(_sfc_main$1, { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createTextVNode(toDisplayString(_ctx.title), 1)
+            createTextVNode(toDisplayString(__props.title), 1)
           ], 64))
         ])) : createCommentVNode("", true),
         unref(isSkeleton) ? (openBlock(), createBlock(_sfc_main$1, {
@@ -46,16 +46,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             createVNode(_sfc_main$3, {
-              "model-value": _ctx.modelValue,
-              "use-query-fn": _ctx.useQueryFn,
-              "query-params": _ctx.queryParams,
-              "exclude-params": _ctx.excludeParams,
-              "empty-stub": _ctx.emptyStub,
-              "select-only": _ctx.selectOnly,
-              "unselect-only": _ctx.unselectOnly,
-              "hide-option-icon": _ctx.hideOptionIcon,
-              "value-getter": _ctx.valueGetter,
-              "query-options": _ctx.queryOptions,
+              "model-value": __props.modelValue,
+              "use-query-fn": __props.useQueryFn,
+              "query-params": __props.queryParams,
+              "exclude-params": __props.excludeParams,
+              "empty-stub": __props.emptyStub,
+              "select-only": __props.selectOnly,
+              "unselect-only": __props.unselectOnly,
+              "hide-option-icon": __props.hideOptionIcon,
+              "value-getter": __props.valueGetter,
+              "query-options": __props.queryOptions,
               disabled: unref(isDisabled) || unref(isReadonly),
               transition: "",
               onSelect: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("select", $event)),

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

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, computed, watch, toRef, createBlock, openBlock, mergeProps, unref, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, useTemplateRef, computed, watch, toRef, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import _sfc_main$1 from './WSelectAsync.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -101,18 +101,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_sfc_main$1, mergeProps({ ref: "selectComponent" }, {
         ...props,
         modelValue: arrayValue.value,
-        disableClear: !_ctx.allowClear,
-        previewData: _ctx.previewData ? [_ctx.previewData] : void 0,
-        createdData: _ctx.createdData ? [_ctx.createdData] : void 0,
+        disableClear: !__props.allowClear,
+        previewData: __props.previewData ? [__props.previewData] : void 0,
+        createdData: __props.createdData ? [__props.createdData] : void 0,
         hidePrefix: true,
-        filterValue: _ctx.filterValue === void 0 ? _ctx.modelValue : _ctx.filterValue,
+        filterValue: __props.filterValue === void 0 ? __props.modelValue : __props.filterValue,
         selectOnClose: props.searchModel ? props.searchModel : props.selectOnClose,
         emptyValue: props.emptyValue !== void 0 && props.emptyValue !== null ? [props.emptyValue] : void 0
       }, {
         class: _ctx.$attrs.class,
         onSelect: _cache[0] || (_cache[0] = ($event) => updateModelValue($event)),
-        onUnselect: _cache[1] || (_cache[1] = ($event) => _ctx.allowClear && updateModelValue(null)),
-        onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.searchModel && typeof _ctx.modelValue === "string" ? unref(selectComponentRef)?.setSearch(_ctx.modelValue) : void 0),
+        onUnselect: _cache[1] || (_cache[1] = ($event) => __props.allowClear && updateModelValue(null)),
+        onFocus: _cache[2] || (_cache[2] = ($event) => __props.searchModel && typeof __props.modelValue === "string" ? selectComponentRef.value?.setSearch(__props.modelValue) : void 0),
         onInitModel: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("init-model"))
       }), createSlots({ _: 2 }, [
         _ctx.$slots.title ? {

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

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, computed, watch, toRef, createBlock, openBlock, mergeProps, unref, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, useTemplateRef, computed, watch, toRef, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import _sfc_main$1 from './WSelect.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -101,18 +101,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_sfc_main$1, mergeProps({ ref: "selectComponent" }, {
         ...props,
         modelValue: arrayValue.value,
-        disableClear: !_ctx.allowClear,
-        createdData: _ctx.createdData ? [_ctx.createdData] : void 0,
+        disableClear: !__props.allowClear,
+        createdData: __props.createdData ? [__props.createdData] : void 0,
         hidePrefix: true,
-        filterValue: _ctx.filterValue === void 0 ? _ctx.modelValue : _ctx.filterValue,
+        filterValue: __props.filterValue === void 0 ? __props.modelValue : __props.filterValue,
         selectOnClose: props.searchModel ? props.searchModel : props.selectOnClose,
         emptyValue: props.emptyValue !== void 0 && props.emptyValue !== null ? [props.emptyValue] : void 0
       }, {
         class: _ctx.$attrs.class,
         onSelect: _cache[0] || (_cache[0] = ($event) => updateModelValue($event)),
-        onUnselect: _cache[1] || (_cache[1] = ($event) => updateModelValue(_ctx.allowClear ? null : $event)),
+        onUnselect: _cache[1] || (_cache[1] = ($event) => updateModelValue(__props.allowClear ? null : $event)),
         onFocus: _cache[2] || (_cache[2] = ($event) => {
-          _ctx.searchModel && typeof _ctx.modelValue === "string" ? unref(selectComponentRef)?.setSearch(_ctx.modelValue) : void 0;
+          __props.searchModel && typeof __props.modelValue === "string" ? selectComponentRef.value?.setSearch(__props.modelValue) : void 0;
           _ctx.$emit("focus", $event);
         }),
         onBlur: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("blur", $event)),

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

@@ -126,8 +126,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_sfc_main$1, mergeProps({ ref: "selectComponent" }, {
         ...props,
         modelValue: arrayValue.value,
-        filterValue: _ctx.filterValue === void 0 ? arrayValue.value : _ctx.filterValue,
-        createdData: _ctx.createOption ? arrayValue.value.map(_ctx.createOption) : void 0,
+        filterValue: __props.filterValue === void 0 ? arrayValue.value : __props.filterValue,
+        createdData: __props.createOption ? arrayValue.value.map(__props.createOption) : void 0,
         emptyValue: arrayValueEmpty.value
       }, {
         class: _ctx.$attrs.class,

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

@@ -104,18 +104,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        _ctx.allowCreate ? (openBlock(), createBlock(_sfc_main$1, {
+        __props.allowCreate ? (openBlock(), createBlock(_sfc_main$1, {
           key: 0,
           "is-selected": false,
           "is-cursor": cursor.value === null,
-          loading: _ctx.loading && (_ctx.loadingCreate || loadingOption.value === null),
+          loading: __props.loading && (__props.loadingCreate || loadingOption.value === null),
           scroll: isCursorLocked.value,
           previous: lastItem.value,
           next: firstItem.value,
           first: count.value === 0,
           "is-no-cursor": cursor.value === void 0,
-          "hide-option-icon": _ctx.hideOptionIcon,
-          disabled: !_ctx.search || isModelValueSearch.value,
+          "hide-option-icon": __props.hideOptionIcon,
+          disabled: !__props.search || isModelValueSearch.value,
           class: "first:-pt--w-select-option-padding last:-pb--w-select-option-padding",
           onMouseenter: _cache[0] || (_cache[0] = ($event) => setCursor(null)),
           "onUpdate:cursor": _cache[1] || (_cache[1] = ($event) => setCursor(null)),
@@ -128,16 +128,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onUpdate:next": _cache[4] || (_cache[4] = ($event) => cursorNext.value = $event),
           onUnmounted: _cache[5] || (_cache[5] = ($event) => updateCursor(void 0))
         }, {
-          prefix: withCtx(() => _cache[9] || (_cache[9] = [
+          prefix: withCtx(() => [..._cache[9] || (_cache[9] = [
             createElementVNode("span", { class: "w-option flex items-center pr-2" }, " Create: ", -1)
-          ])),
+          ])]),
           default: withCtx(() => [
-            _ctx.search && !isModelValueSearch.value ? renderSlot(_ctx.$slots, "default", {
+            __props.search && !isModelValueSearch.value ? renderSlot(_ctx.$slots, "default", {
               key: 0,
               option: void 0,
               selected: false,
               skeleton: false,
-              search: _ctx.search,
+              search: __props.search,
               model: false,
               index: void 0
             }) : (openBlock(), createElementBlock("div", _hoisted_1, " Start typing.. "))
@@ -145,15 +145,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _: 3
         }, 8, ["is-cursor", "loading", "scroll", "previous", "next", "first", "is-no-cursor", "hide-option-icon", "disabled"])) : createCommentVNode("", true),
         createVNode(_sfc_main$2, {
-          "use-query-fn": _ctx.useQueryFn,
-          "query-params": _ctx.queryParams,
-          transition: _ctx.transition,
-          "exclude-params": _ctx.excludeParams,
-          "empty-stub": _ctx.emptyStub,
-          "value-getter": _ctx.valueGetter,
-          "query-options": _ctx.queryOptions,
+          "use-query-fn": __props.useQueryFn,
+          "query-params": __props.queryParams,
+          transition: __props.transition,
+          "exclude-params": __props.excludeParams,
+          "empty-stub": __props.emptyStub,
+          "value-getter": __props.valueGetter,
+          "query-options": __props.queryOptions,
           "skeleton-length": count.value || 1,
-          "last-child": !_ctx.allowCreate,
+          "last-child": !__props.allowCreate,
           "hide-page-title": "",
           "header-top-ignore": "",
           "min-height": "",
@@ -165,31 +165,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(({ item, skeleton, previous, next, first, last, index }) => [
             createVNode(_sfc_main$1, {
-              "is-selected": !skeleton && _ctx.modelValue.includes(_ctx.valueGetter(item)),
-              "is-cursor": !skeleton && _ctx.valueGetter(item) === cursor.value,
-              loading: _ctx.loading && loadingOption.value === _ctx.valueGetter(item),
+              "is-selected": !skeleton && __props.modelValue.includes(__props.valueGetter(item)),
+              "is-cursor": !skeleton && __props.valueGetter(item) === cursor.value,
+              loading: __props.loading && loadingOption.value === __props.valueGetter(item),
               skeleton,
               scroll: isCursorLocked.value,
               first,
               last,
-              previous: first && _ctx.allowCreate ? null : previous ? _ctx.valueGetter(previous) : void 0,
-              next: last && _ctx.allowCreate ? null : next ? _ctx.valueGetter(next) : void 0,
+              previous: first && __props.allowCreate ? null : previous ? __props.valueGetter(previous) : void 0,
+              next: last && __props.allowCreate ? null : next ? __props.valueGetter(next) : void 0,
               "is-no-cursor": cursor.value === void 0,
-              "hide-option-icon": _ctx.hideOptionIcon,
+              "hide-option-icon": __props.hideOptionIcon,
               class: normalizeClass({
-                "-pt--w-select-option-padding": !_ctx.noPadding && first && !_ctx.allowCreate,
-                "-pb--w-select-option-padding": !_ctx.noPadding && last
+                "-pt--w-select-option-padding": !__props.noPadding && first && !__props.allowCreate,
+                "-pb--w-select-option-padding": !__props.noPadding && last
               }),
-              onSelect: ($event) => emitSelect(_ctx.valueGetter(item)),
-              onUnselect: ($event) => emitUnselect(_ctx.valueGetter(item)),
-              onMouseenter: ($event) => !skeleton && setCursor(_ctx.valueGetter(item)),
-              "onUpdate:cursor": ($event) => setCursor(_ctx.valueGetter(item)),
+              onSelect: ($event) => emitSelect(__props.valueGetter(item)),
+              onUnselect: ($event) => emitUnselect(__props.valueGetter(item)),
+              onMouseenter: ($event) => !skeleton && setCursor(__props.valueGetter(item)),
+              "onUpdate:cursor": ($event) => setCursor(__props.valueGetter(item)),
               "onUpdate:isCursor": updateCursors,
               "onUpdate:previous": _cache[6] || (_cache[6] = ($event) => cursorPrevious.value = $event),
               "onUpdate:next": _cache[7] || (_cache[7] = ($event) => cursorNext.value = $event),
-              onUnmounted: ($event) => updateCursor(next ? _ctx.valueGetter(next) : void 0),
-              "onUpdate:first": ($event) => firstItem.value = _ctx.valueGetter(item),
-              "onUpdate:last": ($event) => lastItem.value = _ctx.valueGetter(item)
+              onUnmounted: ($event) => updateCursor(next ? __props.valueGetter(next) : void 0),
+              "onUpdate:first": ($event) => firstItem.value = __props.valueGetter(item),
+              "onUpdate:last": ($event) => lastItem.value = __props.valueGetter(item)
             }, {
               default: withCtx(({ selected }) => [
                 renderSlot(_ctx.$slots, "default", {
@@ -207,10 +207,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           empty: withCtx(() => [
             createElementVNode("div", {
               class: normalizeClass(["w-select-option -pb--w-select-option-padding", {
-                "-pt--w-select-option-padding": !_ctx.noPadding && !_ctx.allowCreate
+                "-pt--w-select-option-padding": !__props.noPadding && !__props.allowCreate
               }])
             }, [
-              createElementVNode("div", _hoisted_2, toDisplayString(!_ctx.search && _ctx.emptyStub ? _ctx.emptyStub : _ctx.search ? "No match" : "Nothing to show"), 1)
+              createElementVNode("div", _hoisted_2, toDisplayString(!__props.search && __props.emptyStub ? __props.emptyStub : __props.search ? "No match" : "Nothing to show"), 1)
             ], 2)
           ]),
           _: 3

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

@@ -35,17 +35,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return valueInString.value.length !== 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
         createVNode(_sfc_main$1, {
-          "use-query-fn": _ctx.useQueryFn,
-          "query-params": { page: 1, [_ctx.valueQueryKey]: valueInString.value },
-          "option-component": _ctx.optionComponent,
-          "option-component-props": _ctx.optionComponentProps,
-          "disable-clear": _ctx.disableClear,
-          loading: _ctx.loading,
-          disabled: _ctx.disabled,
-          "preview-data": _ctx.previewData,
-          "created-data": _ctx.createdData,
-          "value-getter": _ctx.valueGetter,
-          readonly: _ctx.readonly,
+          "use-query-fn": __props.useQueryFn,
+          "query-params": { page: 1, [__props.valueQueryKey]: valueInString.value },
+          "option-component": __props.optionComponent,
+          "option-component-props": __props.optionComponentProps,
+          "disable-clear": __props.disableClear,
+          loading: __props.loading,
+          disabled: __props.disabled,
+          "preview-data": __props.previewData,
+          "created-data": __props.createdData,
+          "value-getter": __props.valueGetter,
+          readonly: __props.readonly,
           onUnselect: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("unselect", $event)),
           "onUpdate:fetching": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:fetching", $event))
         }, createSlots({ _: 2 }, [
@@ -57,15 +57,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: "0"
           } : void 0
         ]), 1032, ["use-query-fn", "query-params", "option-component", "option-component-props", "disable-clear", "loading", "disabled", "preview-data", "created-data", "value-getter", "readonly"]),
-        _ctx.modelValue.length > PAGE_LENGTH ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          createElementVNode("div", null, "... " + toDisplayString(unref(numberFormatter).format(_ctx.modelValue.length)) + " items", 1),
-          !_ctx.disableClear ? (openBlock(), createBlock(_sfc_main$2, {
+        __props.modelValue.length > PAGE_LENGTH ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("div", null, "... " + toDisplayString(unref(numberFormatter).format(__props.modelValue.length)) + " items", 1),
+          !__props.disableClear ? (openBlock(), createBlock(_sfc_main$2, {
             key: 0,
-            loading: _ctx.loading,
-            disabled: _ctx.disabled,
+            loading: __props.loading,
+            disabled: __props.disabled,
             onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {
             }, ["stop", "prevent"])),
-            onClick: _cache[3] || (_cache[3] = withModifiers(($event) => !_ctx.loading && _ctx.$emit("update:model-value", []), ["stop", "prevent"]))
+            onClick: _cache[3] || (_cache[3] = withModifiers(($event) => !__props.loading && _ctx.$emit("update:model-value", []), ["stop", "prevent"]))
           }, null, 8, ["loading", "disabled"])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)
       ], 64)) : createCommentVNode("", true);

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":"AAgCA;AAyFA,OAAO,KAAK,EAAC,0BAA0B,EAAE,qBAAqB,EAAC,MAAM,UAAU,CAAA;yBAM9D,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EACzI,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA2JO,mBAAmB,CAAC;;;;uQAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;iBA7GA,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,SAAS,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;iBAA7E,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,SAAS,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YA3ClF,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;;EA0J1C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAtKzE,wBAsK4E;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":"AAgCA;AAyFA,OAAO,KAAK,EAAC,0BAA0B,EAAE,qBAAqB,EAAC,MAAM,UAAU,CAAA;yBAM9D,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EACzI,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA0JO,mBAAmB,CAAC;;;;uQAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;iBA5GA,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,SAAS,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;iBAA7E,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,SAAS,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YA3ClF,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,MAAM,GAAG,IAAI;YAC1C,iBAAiB,SAAS,OAAO,GAAG,IAAI;;EAyJ1C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AArKzE,wBAqK4E;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

@@ -50,22 +50,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (option, index) => {
         return openBlock(), createBlock(_sfc_main$1, {
-          key: _ctx.valueGetter(option),
+          key: __props.valueGetter(option),
           option,
-          "option-component": _ctx.optionComponent,
-          "option-component-props": _ctx.optionComponentProps,
+          "option-component": __props.optionComponent,
+          "option-component-props": __props.optionComponentProps,
           index,
-          loading: _ctx.loading,
-          disabled: _ctx.disabled,
-          readonly: _ctx.readonly,
-          "disable-clear": _ctx.disableClear,
+          loading: __props.loading,
+          disabled: __props.disabled,
+          readonly: __props.readonly,
+          "disable-clear": __props.disableClear,
           skeleton: queryEnabled.value && !unref(data),
           search: void 0,
           class: normalizeClass({
-            "cursor-pointer": !_ctx.disabled && !_ctx.readonly,
-            "cursor-not-allowed opacity-50": _ctx.disabled
+            "cursor-pointer": !__props.disabled && !__props.readonly,
+            "cursor-not-allowed opacity-50": __props.disabled
           }),
-          onUnselect: ($event) => _ctx.$emit("unselect", _ctx.valueGetter(option))
+          onUnselect: ($event) => _ctx.$emit("unselect", __props.valueGetter(option))
         }, createSlots({ _: 2 }, [
           _ctx.$slots.option ? {
             name: "option",

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

@@ -1,5 +1,19 @@
 declare const _default: <Model extends number | string>(__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<any & {
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onUnmounted?: (() => any) | undefined;
+        readonly onSelect?: (() => any) | undefined;
+        readonly onMouseenter?: ((value: MouseEvent) => any) | undefined;
+        readonly onUnselect?: (() => any) | undefined;
+        readonly "onUpdate:cursor"?: (() => any) | undefined;
+        readonly "onUpdate:is-cursor"?: ((value: {
+            previous: Model | null | undefined;
+            next: Model | null | undefined;
+        }) => any) | undefined;
+        readonly "onUpdate:previous"?: ((value: Model | null | undefined) => any) | undefined;
+        readonly "onUpdate:next"?: ((value: Model | null | undefined) => any) | undefined;
+        readonly "onUpdate:first"?: (() => any) | undefined;
+        readonly "onUpdate:last"?: (() => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onMouseenter" | "onSelect" | "onUnselect" | "onUnmounted" | "onUpdate:cursor" | "onUpdate:is-cursor" | "onUpdate:previous" | "onUpdate:next" | "onUpdate:first" | "onUpdate:last"> & {
         isSelected: boolean;
         isCursor?: boolean;
         loading?: boolean;

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":"AA6CA;yBAqJiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAC7C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAgNO,mBAAmB,CAAC;oBA9Md,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;mBACb,OAAO;mBAmM0E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;iBAxHA,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;;;YAzEd,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;YACpB,YAAY,SAAS,UAAU,GAAG,IAAI;;EA2LxC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA3NzE,wBA2N4E;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":"AA6CA;yBAqJiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAC7C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAgNO,mBAAmB,CAAC;;;;;;;sBA5LgB,KAAK,GAAG,IAAI,GAAG,SAAS;kBAAQ,KAAK,GAAG,IAAI,GAAG,SAAS;;;;;;;oBAlBtF,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;mBACb,OAAO;mBAmM0E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;iBAxHA,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;;;YAzEd,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;YACpB,YAAY,SAAS,UAAU,GAAG,IAAI;;EA2LxC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA3NzE,wBA2N4E;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

@@ -70,11 +70,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref: "element",
         class: normalizeClass(["w-select-option relative grid w-full grid-cols-[auto,1fr,1.25em]", {
-          "bg-primary-light/30 dark:bg-primary-darkest/30": _ctx.isSelected,
-          "before:opacity-5": !_ctx.loading && _ctx.isCursor && !_ctx.skeleton && !_ctx.disabled,
-          "cursor-progress": _ctx.loading || _ctx.skeleton,
-          "w-ripple": !_ctx.loading && !_ctx.skeleton && !_ctx.disabled,
-          "cursor-not-allowed": _ctx.disabled
+          "bg-primary-light/30 dark:bg-primary-darkest/30": __props.isSelected,
+          "before:opacity-5": !__props.loading && __props.isCursor && !__props.skeleton && !__props.disabled,
+          "cursor-progress": __props.loading || __props.skeleton,
+          "w-ripple": !__props.loading && !__props.skeleton && !__props.disabled,
+          "cursor-not-allowed": __props.disabled
         }]),
         onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
         }, ["prevent", "stop"])),
@@ -84,10 +84,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         renderSlot(_ctx.$slots, "prefix"),
         createElementVNode("div", {
           class: normalizeClass(["-pr--w-option-padding col-start-2 flex items-center overflow-hidden", {
-            "col-span-2": _ctx.hideOptionIcon
+            "col-span-2": __props.hideOptionIcon
           }])
         }, [
-          renderSlot(_ctx.$slots, "default", { selected: _ctx.isSelected })
+          renderSlot(_ctx.$slots, "default", { selected: __props.isSelected })
         ], 2),
         createVNode(Transition, {
           "enter-active-class": "transition-opacity",
@@ -96,11 +96,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "leave-to-class": "opacity-0"
         }, {
           default: withCtx(() => [
-            !_ctx.hideOptionIcon && (_ctx.isSelected || _ctx.loading) ? (openBlock(), createElementBlock("div", _hoisted_1, [
-              _ctx.isSelected && !_ctx.loading ? (openBlock(), createBlock(unref(IconCheck), {
+            !__props.hideOptionIcon && (__props.isSelected || __props.loading) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              __props.isSelected && !__props.loading ? (openBlock(), createBlock(unref(IconCheck), {
                 key: 0,
                 class: "square-[1.25em]"
-              })) : _ctx.loading ? (openBlock(), createBlock(WSpinner, { key: 1 })) : createCommentVNode("", true)
+              })) : __props.loading ? (openBlock(), createBlock(WSpinner, { key: 1 })) : createCommentVNode("", true)
             ])) : createCommentVNode("", true)
           ]),
           _: 1

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

@@ -22,19 +22,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["unselect"],
   setup(__props) {
     return (_ctx, _cache) => {
-      return _ctx.optionComponent ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), mergeProps({ key: 0 }, _ctx.optionComponentProps, {
-        option: _ctx.option,
-        index: _ctx.index,
-        search: _ctx.option === void 0 ? _ctx.search?.toString() : void 0,
+      return __props.optionComponent ? (openBlock(), createBlock(resolveDynamicComponent(__props.optionComponent), mergeProps({ key: 0 }, __props.optionComponentProps, {
+        option: __props.option,
+        index: __props.index,
+        search: __props.option === void 0 ? __props.search?.toString() : void 0,
         selected: true,
         model: true,
-        skeleton: _ctx.skeleton
+        skeleton: __props.skeleton
       }), {
         default: withCtx(() => [
-          !_ctx.disableClear ? (openBlock(), createBlock(_sfc_main$1, {
+          !__props.disableClear ? (openBlock(), createBlock(_sfc_main$1, {
             key: 0,
-            loading: _ctx.loading,
-            disabled: _ctx.disabled,
+            loading: __props.loading,
+            disabled: __props.disabled,
             class: "w-option-button ml-1 mr-2",
             onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
             }, ["stop", "prevent"])),
@@ -44,14 +44,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         _: 1
       }, 16, ["option", "index", "search", "skeleton"])) : (openBlock(), createElementBlock("div", _hoisted_1, [
         renderSlot(_ctx.$slots, "option", {
-          option: _ctx.option,
-          search: _ctx.option === void 0 ? _ctx.search : void 0,
-          skeleton: _ctx.skeleton
+          option: __props.option,
+          search: __props.option === void 0 ? __props.search : void 0,
+          skeleton: __props.skeleton
         }),
-        !_ctx.disableClear ? (openBlock(), createBlock(_sfc_main$1, {
+        !__props.disableClear ? (openBlock(), createBlock(_sfc_main$1, {
           key: 0,
-          loading: _ctx.loading,
-          disabled: _ctx.disabled,
+          loading: __props.loading,
+          disabled: __props.disabled,
           class: "mx-1 mr-2",
           onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {
           }, ["stop", "prevent"])),

package/dist/components/Shine/WShine.vue.js

@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           style: normalizeStyle({
             "mask": `url(#${unref(id)})`,
             "-webkit-mask": `url(#${unref(id)})`,
-            "left": `-${unref(elementRef)?.getBoundingClientRect().left ?? 0}px`
+            "left": `-${elementRef.value?.getBoundingClientRect().left ?? 0}px`
           })
         }, null, 4)
       ], 512);

package/dist/components/Shine/WShineEffect.vue.js

@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("mask", {
             id: unref(id),
             maskUnits: "userSpaceOnUse"
-          }, _cache[0] || (_cache[0] = [
+          }, [..._cache[0] || (_cache[0] = [
             createElementVNode("rect", {
               width: "100%",
               height: "100%",
@@ -35,7 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 repeatCount: "indefinite"
               })
             ], -1)
-          ]), 8, _hoisted_2)
+          ])], 8, _hoisted_2)
         ])
       ])) : createCommentVNode("", true);
     };