eco-vue-js 0.3.67

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

@@ -0,0 +1,201 @@
+import { type Component } from 'vue';
+declare const _default: <Data extends DefaultData>(__VLS_props: {
+    modelValue: number[];
+    search: string;
+    useQueryFn: UsePaginatedQuery<Data>;
+    isInvalidPage: (error: unknown) => boolean;
+    queryParams: QueryParams;
+    title?: string | undefined;
+    mobileTitle?: string | undefined;
+    description?: string | undefined;
+    loading?: boolean | undefined;
+    emptyStub?: string | undefined;
+    maxSearchLength?: number | undefined;
+    optionComponent?: Component<{
+        option: Data;
+        selected?: boolean | undefined;
+        model?: boolean | undefined;
+    }> | undefined;
+    disableClear?: boolean | undefined;
+    hidePrefix?: boolean | undefined;
+    readonly?: boolean | undefined;
+    disabled?: boolean | undefined;
+    skeleton?: boolean | undefined;
+    searchSize?: number | undefined;
+    allowCreate?: boolean | undefined;
+    errorMessage?: string | undefined;
+    required?: boolean | undefined;
+    hasChanges?: boolean | undefined;
+    placeholder?: string | undefined;
+    noMargin?: boolean | undefined;
+    icon?: SVGComponent | undefined;
+    mono?: boolean | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
+    props: {
+        modelValue: number[];
+        search: string;
+        useQueryFn: UsePaginatedQuery<Data>;
+        isInvalidPage: (error: unknown) => boolean;
+        queryParams: QueryParams;
+        title?: string | undefined;
+        mobileTitle?: string | undefined;
+        description?: string | undefined;
+        loading?: boolean | undefined;
+        emptyStub?: string | undefined;
+        maxSearchLength?: number | undefined;
+        optionComponent?: Component<{
+            option: Data;
+            selected?: boolean | undefined;
+            model?: boolean | undefined;
+        }> | undefined;
+        disableClear?: boolean | undefined;
+        hidePrefix?: boolean | undefined;
+        readonly?: boolean | undefined;
+        disabled?: boolean | undefined;
+        skeleton?: boolean | undefined;
+        searchSize?: number | undefined;
+        allowCreate?: boolean | undefined;
+        errorMessage?: string | undefined;
+        required?: boolean | undefined;
+        hasChanges?: boolean | undefined;
+        placeholder?: string | undefined;
+        noMargin?: boolean | undefined;
+        icon?: SVGComponent | undefined;
+        mono?: boolean | undefined;
+    };
+    expose(exposed: {
+        focus: () => void;
+        blur: () => void;
+    }): void;
+    attrs: any;
+    slots: {
+        right?: ((props: Record<string, never>) => void) | undefined;
+        option?: ((props: {
+            option: Data | null;
+            selected: boolean;
+            skeleton: boolean;
+            model: boolean;
+        }) => void) | undefined;
+    };
+    emit: {
+        (e: 'select', item: number): void;
+        (e: 'unselect', item: number): void;
+        (e: 'update:search', value: string): void;
+        (e: 'update:modelValue', value: number[]): void;
+        (e: 'create:option', value: string): void;
+    };
+}, "attrs" | "slots" | "emit"> | undefined, __VLS_setup?: {
+    props: {
+        modelValue: number[];
+        search: string;
+        useQueryFn: UsePaginatedQuery<Data>;
+        isInvalidPage: (error: unknown) => boolean;
+        queryParams: QueryParams;
+        title?: string | undefined;
+        mobileTitle?: string | undefined;
+        description?: string | undefined;
+        loading?: boolean | undefined;
+        emptyStub?: string | undefined;
+        maxSearchLength?: number | undefined;
+        optionComponent?: Component<{
+            option: Data;
+            selected?: boolean | undefined;
+            model?: boolean | undefined;
+        }> | undefined;
+        disableClear?: boolean | undefined;
+        hidePrefix?: boolean | undefined;
+        readonly?: boolean | undefined;
+        disabled?: boolean | undefined;
+        skeleton?: boolean | undefined;
+        searchSize?: number | undefined;
+        allowCreate?: boolean | undefined;
+        errorMessage?: string | undefined;
+        required?: boolean | undefined;
+        hasChanges?: boolean | undefined;
+        placeholder?: string | undefined;
+        noMargin?: boolean | undefined;
+        icon?: SVGComponent | undefined;
+        mono?: boolean | undefined;
+    };
+    expose(exposed: {
+        focus: () => void;
+        blur: () => void;
+    }): void;
+    attrs: any;
+    slots: {
+        right?: ((props: Record<string, never>) => void) | undefined;
+        option?: ((props: {
+            option: Data | null;
+            selected: boolean;
+            skeleton: boolean;
+            model: boolean;
+        }) => void) | undefined;
+    };
+    emit: {
+        (e: 'select', item: number): void;
+        (e: 'unselect', item: number): void;
+        (e: 'update:search', value: string): void;
+        (e: 'update:modelValue', value: number[]): void;
+        (e: 'create:option', value: string): void;
+    };
+}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            modelValue: number[];
+            search: string;
+            useQueryFn: UsePaginatedQuery<Data>;
+            isInvalidPage: (error: unknown) => boolean;
+            queryParams: QueryParams;
+            title?: string | undefined;
+            mobileTitle?: string | undefined;
+            description?: string | undefined;
+            loading?: boolean | undefined;
+            emptyStub?: string | undefined;
+            maxSearchLength?: number | undefined;
+            optionComponent?: Component<{
+                option: Data;
+                selected?: boolean | undefined;
+                model?: boolean | undefined;
+            }> | undefined;
+            disableClear?: boolean | undefined;
+            hidePrefix?: boolean | undefined;
+            readonly?: boolean | undefined;
+            disabled?: boolean | undefined;
+            skeleton?: boolean | undefined;
+            searchSize?: number | undefined;
+            allowCreate?: boolean | undefined;
+            errorMessage?: string | undefined;
+            required?: boolean | undefined;
+            hasChanges?: boolean | undefined;
+            placeholder?: string | undefined;
+            noMargin?: boolean | undefined;
+            icon?: SVGComponent | undefined;
+            mono?: boolean | undefined;
+        };
+        expose(exposed: {
+            focus: () => void;
+            blur: () => void;
+        }): void;
+        attrs: any;
+        slots: {
+            right?: ((props: Record<string, never>) => void) | undefined;
+            option?: ((props: {
+                option: Data | null;
+                selected: boolean;
+                skeleton: boolean;
+                model: boolean;
+            }) => void) | undefined;
+        };
+        emit: {
+            (e: 'select', item: number): void;
+            (e: 'unselect', item: number): void;
+            (e: 'update:search', value: string): void;
+            (e: 'update:modelValue', value: number[]): void;
+            (e: 'create:option', value: string): void;
+        };
+    } | undefined;
+};
+export default _default;
+//# sourceMappingURL=WSelectAsync.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WSelectAsync.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectAsync.vue.ts"],"names":[],"mappings":"AAEA,OAAO,EAA0B,KAAK,SAAS,EAAC,MAAM,KAAK,CAAA;;gBAqZ7C,MAAM,EAAE;YACZ,MAAM;;2BAES,OAAO,KAAK,OAAO;iBAC7B,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAJZ,MAAM,EAAE;gBACZ,MAAM;;+BAES,OAAO,KAAK,OAAO;qBAC7B,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAgCa,IAAI;WACpC,GAAG;;yBAlSQ,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;sBACG,OAAO;sBAAY,OAAO;mBAAS,OAAO;cAAM,IAAI;;;YAwRjG,QAAQ,QAAQ,MAAM,GAAG,IAAI;YAC7B,UAAU,QAAQ,MAAM,GAAG,IAAI;YAC/B,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,mBAAmB,SAAS,MAAM,EAAE,GAAG,IAAI;YAC3C,eAAe,SAAS,MAAM,GAAG,IAAI;;;;oBAhC7B,MAAM,EAAE;gBACZ,MAAM;;+BAES,OAAO,KAAK,OAAO;qBAC7B,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAgCa,IAAI;WACpC,GAAG;;yBAlSQ,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;sBACG,OAAO;sBAAY,OAAO;mBAAS,OAAO;cAAM,IAAI;;;YAwRjG,QAAQ,QAAQ,MAAM,GAAG,IAAI;YAC7B,UAAU,QAAQ,MAAM,GAAG,IAAI;YAC/B,eAAe,SAAS,MAAM,GAAG,IAAI;YACrC,mBAAmB,SAAS,MAAM,EAAE,GAAG,IAAI;YAC3C,eAAe,SAAS,MAAM,GAAG,IAAI;;;;;;;wBAhC7B,MAAM,EAAE;oBACZ,MAAM;;mCAES,OAAO,KAAK,OAAO;yBAC7B,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAgCa,IAAI;eACpC,GAAG;;6BAlSQ,OAAO,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;;;0BACG,OAAO;0BAAY,OAAO;uBAAS,OAAO;kBAAM,IAAI;;;gBAwRjG,QAAQ,QAAQ,MAAM,GAAG,IAAI;gBAC7B,UAAU,QAAQ,MAAM,GAAG,IAAI;gBAC/B,eAAe,SAAS,MAAM,GAAG,IAAI;gBACrC,mBAAmB,SAAS,MAAM,EAAE,GAAG,IAAI;gBAC3C,eAAe,SAAS,MAAM,GAAG,IAAI;;;;AA/a3C,wBAwbkE"}

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

@@ -0,0 +1,210 @@
+import { defineComponent, ref, computed, openBlock, createBlock, unref, withModifiers, createSlots, withCtx, renderSlot, createCommentVNode, createVNode, resolveDynamicComponent, nextTick } from 'vue';
+import { getIsMobile } from '../../utils/mobile.js';
+import _sfc_main$1 from '../Input/WInputSuggest.vue.js';
+import _sfc_main$2 from './components/SelectAsyncPrefix.vue.js';
+import _sfc_main$3 from './components/SelectAsyncList.vue.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WSelectAsync",
+  props: {
+    modelValue: {},
+    search: {},
+    useQueryFn: {},
+    isInvalidPage: { type: Function },
+    queryParams: {},
+    title: {},
+    mobileTitle: {},
+    description: {},
+    loading: { type: Boolean },
+    emptyStub: {},
+    maxSearchLength: {},
+    optionComponent: {},
+    disableClear: { type: Boolean },
+    hidePrefix: { type: Boolean },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    skeleton: { type: Boolean },
+    searchSize: {},
+    allowCreate: { type: Boolean },
+    errorMessage: {},
+    required: { type: Boolean },
+    hasChanges: { type: Boolean },
+    placeholder: {},
+    noMargin: { type: Boolean },
+    icon: {},
+    mono: { type: Boolean }
+  },
+  emits: ["select", "unselect", "update:search", "update:modelValue", "create:option"],
+  setup(__props, { expose: __expose, emit }) {
+    const props = __props;
+    const isOpen = ref(false);
+    const input = ref();
+    const list = ref();
+    const isMobile = getIsMobile();
+    const focused = ref(false);
+    const isFetchingPrefix = ref(false);
+    const isDisabled = computed(() => props.loading || isFetchingPrefix.value || props.readonly || props.disabled);
+    const close = () => {
+      isOpen.value = false;
+      focused.value = false;
+    };
+    let deletePressTimeout = null;
+    const captureDoubleDelete = () => {
+      if (!props.modelValue.length || props.search.length)
+        return;
+      if (deletePressTimeout) {
+        unselect(props.modelValue[props.modelValue.length - 1]);
+        clearTimeout(deletePressTimeout);
+        deletePressTimeout = null;
+      } else {
+        deletePressTimeout = setTimeout(() => {
+          deletePressTimeout = null;
+        }, 500);
+      }
+    };
+    const select = (item) => {
+      if (isDisabled.value)
+        return;
+      emit("select", item);
+    };
+    const unselect = (item) => {
+      if (isDisabled.value)
+        return;
+      emit("unselect", item);
+    };
+    const create = () => {
+      if (isDisabled.value)
+        return;
+      emit("create:option", props.search);
+    };
+    const updateSelected = (value) => {
+      if (isDisabled.value)
+        return;
+      emit("update:modelValue", value);
+    };
+    const focus = () => {
+      input.value?.focus();
+    };
+    const blur = () => {
+      input.value?.blur();
+    };
+    const updateDropdown = async () => {
+      await nextTick();
+      input.value?.updateDropdown();
+    };
+    __expose({
+      focus,
+      blur
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        ref_key: "input",
+        ref: input,
+        title: _ctx.title,
+        "mobile-title": _ctx.mobileTitle,
+        description: _ctx.description,
+        "model-value": _ctx.search,
+        "max-length": _ctx.maxSearchLength,
+        loading: _ctx.loading || isFetchingPrefix.value,
+        "hide-input": unref(isMobile) ? !focused.value : !isOpen.value,
+        readonly: _ctx.readonly,
+        skeleton: _ctx.skeleton,
+        size: _ctx.searchSize,
+        "error-message": _ctx.errorMessage,
+        required: _ctx.required,
+        disabled: _ctx.disabled,
+        "has-changes": _ctx.hasChanges,
+        placeholder: _ctx.placeholder,
+        "no-margin": _ctx.noMargin,
+        icon: _ctx.icon,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => !_ctx.loading && !isFetchingPrefix.value && _ctx.$emit("update:search", $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:delete": captureDoubleDelete,
+        onOpen: _cache[5] || (_cache[5] = ($event) => isOpen.value = true),
+        onClose: _cache[6] || (_cache[6] = ($event) => {
+          close();
+          _ctx.$emit("update:search", "");
+        }),
+        onFocus: _cache[7] || (_cache[7] = ($event) => focused.value = true),
+        onBlur: _cache[8] || (_cache[8] = ($event) => focused.value = false)
+      }, createSlots({
+        prefix: withCtx(({ unclickable }) => [
+          (_ctx.hidePrefix ? unref(isMobile) ? unclickable || !focused.value : !isOpen.value : true) ? (openBlock(), createBlock(_sfc_main$2, {
+            key: 0,
+            "use-query-fn": _ctx.useQueryFn,
+            "model-value": _ctx.modelValue,
+            disabled: _ctx.disabled,
+            loading: _ctx.loading || isFetchingPrefix.value,
+            "option-component": _ctx.optionComponent,
+            "disable-clear": _ctx.disableClear,
+            onUnselect: unselect,
+            "onUpdate:fetching": _cache[0] || (_cache[0] = ($event) => {
+              !$event && updateDropdown();
+              isFetchingPrefix.value = $event;
+            }),
+            "onUpdate:modelValue": updateSelected
+          }, {
+            default: withCtx(({ option, skeleton: skeletonPrefix }) => [
+              renderSlot(_ctx.$slots, "option", {
+                option,
+                selected: true,
+                model: true,
+                skeleton: skeletonPrefix
+              })
+            ]),
+            _: 3
+          }, 8, ["use-query-fn", "model-value", "disabled", "loading", "option-component", "disable-clear"])) : createCommentVNode("", true)
+        ]),
+        content: withCtx(() => [
+          createVNode(_sfc_main$3, {
+            ref_key: "list",
+            ref: list,
+            "model-value": _ctx.modelValue,
+            "use-query-fn": _ctx.useQueryFn,
+            "query-params": _ctx.queryParams,
+            "is-invalid-page": _ctx.isInvalidPage,
+            loading: _ctx.loading || isFetchingPrefix.value,
+            disabled: isDisabled.value,
+            "empty-stub": _ctx.emptyStub ?? "No match",
+            "allow-create": _ctx.allowCreate && _ctx.search !== "",
+            onSelect: select,
+            onUnselect: unselect,
+            "onCreate:option": create,
+            "onUpdate:modelValue": updateSelected
+          }, {
+            default: withCtx(({ option, selected, skeleton: skeletonList }) => [
+              renderSlot(_ctx.$slots, "option", {
+                option,
+                selected,
+                skeleton: skeletonList,
+                model: false
+              }, () => [
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), {
+                  option,
+                  selected,
+                  skeleton: skeletonList,
+                  model: false,
+                  search: _ctx.search
+                }, null, 8, ["option", "selected", "skeleton", "search"]))
+              ])
+            ]),
+            _: 3
+          }, 8, ["model-value", "use-query-fn", "query-params", "is-invalid-page", "loading", "disabled", "empty-stub", "allow-create"])
+        ]),
+        _: 2
+      }, [
+        _ctx.$slots.right?.()?.length ? {
+          name: "right",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "right")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["title", "mobile-title", "description", "model-value", "max-length", "loading", "hide-input", "readonly", "skeleton", "size", "error-message", "required", "disabled", "has-changes", "placeholder", "no-margin", "icon"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,5 @@
+import _sfc_main from './WSelectAsync.vue.js';
+
+
+
+export { _sfc_main as default };

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

@@ -0,0 +1,105 @@
+declare const _default: <Data extends DefaultData>(__VLS_props: {
+    title?: string | undefined;
+    emptyStub?: string | undefined;
+    modelValue: number[];
+    useQueryFn: UsePaginatedQuery<Data>;
+    isInvalidPage: (error: unknown) => boolean;
+    queryParams: QueryParams;
+    skeleton?: boolean | undefined;
+    excludeParams?: string[] | undefined;
+    selectOnly?: boolean | undefined;
+    unselectOnly?: boolean | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
+    props: {
+        title?: string | undefined;
+        emptyStub?: string | undefined;
+        modelValue: number[];
+        useQueryFn: UsePaginatedQuery<Data>;
+        isInvalidPage: (error: unknown) => boolean;
+        queryParams: QueryParams;
+        skeleton?: boolean | undefined;
+        excludeParams?: string[] | undefined;
+        selectOnly?: boolean | undefined;
+        unselectOnly?: boolean | undefined;
+    };
+    expose(exposed: {}): void;
+    attrs: any;
+    slots: {
+        default?: ((props: {
+            option: Data | null;
+            selected: boolean;
+            skeleton: boolean;
+            model: boolean;
+        }) => void) | undefined;
+    };
+    emit: {
+        (e: 'select', value: number): void;
+        (e: 'unselect', value: number): void;
+        (e: 'update:model-value', value: number[]): void;
+        (e: 'update:count', value: number): void;
+    };
+}, "attrs" | "slots" | "emit"> | undefined, __VLS_setup?: {
+    props: {
+        title?: string | undefined;
+        emptyStub?: string | undefined;
+        modelValue: number[];
+        useQueryFn: UsePaginatedQuery<Data>;
+        isInvalidPage: (error: unknown) => boolean;
+        queryParams: QueryParams;
+        skeleton?: boolean | undefined;
+        excludeParams?: string[] | undefined;
+        selectOnly?: boolean | undefined;
+        unselectOnly?: boolean | undefined;
+    };
+    expose(exposed: {}): void;
+    attrs: any;
+    slots: {
+        default?: ((props: {
+            option: Data | null;
+            selected: boolean;
+            skeleton: boolean;
+            model: boolean;
+        }) => void) | undefined;
+    };
+    emit: {
+        (e: 'select', value: number): void;
+        (e: 'unselect', value: number): void;
+        (e: 'update:model-value', value: number[]): void;
+        (e: 'update:count', value: number): void;
+    };
+}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            title?: string | undefined;
+            emptyStub?: string | undefined;
+            modelValue: number[];
+            useQueryFn: UsePaginatedQuery<Data>;
+            isInvalidPage: (error: unknown) => boolean;
+            queryParams: QueryParams;
+            skeleton?: boolean | undefined;
+            excludeParams?: string[] | undefined;
+            selectOnly?: boolean | undefined;
+            unselectOnly?: boolean | undefined;
+        };
+        expose(exposed: {}): void;
+        attrs: any;
+        slots: {
+            default?: ((props: {
+                option: Data | null;
+                selected: boolean;
+                skeleton: boolean;
+                model: boolean;
+            }) => void) | undefined;
+        };
+        emit: {
+            (e: 'select', value: number): void;
+            (e: 'unselect', value: number): void;
+            (e: 'update:model-value', value: number[]): void;
+            (e: 'update:count', value: number): void;
+        };
+    } | undefined;
+};
+export default _default;
+//# sourceMappingURL=WSelectAsyncList.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WSelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/WSelectAsyncList.vue.ts"],"names":[],"mappings":";;;gBAqNc,MAAM,EAAE;;2BAEG,OAAO,KAAK,OAAO;iBAC7B,WAAW;;;;;;;;;oBAHZ,MAAM,EAAE;;+BAEG,OAAO,KAAK,OAAO;qBAC7B,WAAW;;;;;;yBAca,IAAI;WACpC,GAAG;;;;sBA9K0C,OAAO;sBAAY,OAAO;mBAAS,OAAO;cAAM,IAAI;;;YAsKlG,QAAQ,SAAS,MAAM,GAAG,IAAI;YAC9B,UAAU,SAAS,MAAM,GAAG,IAAI;YAChC,oBAAoB,SAAS,MAAM,EAAE,GAAG,IAAI;YAC5C,cAAc,SAAS,MAAM,GAAG,IAAI;;;;;;oBAb5B,MAAM,EAAE;;+BAEG,OAAO,KAAK,OAAO;qBAC7B,WAAW;;;;;;yBAca,IAAI;WACpC,GAAG;;;;sBA9K0C,OAAO;sBAAY,OAAO;mBAAS,OAAO;cAAM,IAAI;;;YAsKlG,QAAQ,SAAS,MAAM,GAAG,IAAI;YAC9B,UAAU,SAAS,MAAM,GAAG,IAAI;YAChC,oBAAoB,SAAS,MAAM,EAAE,GAAG,IAAI;YAC5C,cAAc,SAAS,MAAM,GAAG,IAAI;;;;;;;;;wBAb5B,MAAM,EAAE;;mCAEG,OAAO,KAAK,OAAO;yBAC7B,WAAW;;;;;;6BAca,IAAI;eACpC,GAAG;;;;0BA9K0C,OAAO;0BAAY,OAAO;uBAAS,OAAO;kBAAM,IAAI;;;gBAsKlG,QAAQ,SAAS,MAAM,GAAG,IAAI;gBAC9B,UAAU,SAAS,MAAM,GAAG,IAAI;gBAChC,oBAAoB,SAAS,MAAM,EAAE,GAAG,IAAI;gBAC5C,cAAc,SAAS,MAAM,GAAG,IAAI;;;;AA5N1C,wBAqOkE"}

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

@@ -0,0 +1,76 @@
+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 WSkeleton from '../Skeleton/WSkeleton.vue.js';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "text-xs text-accent font-semibold mb-2"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WSelectAsyncList",
+  props: {
+    title: {},
+    emptyStub: {},
+    modelValue: {},
+    useQueryFn: {},
+    isInvalidPage: { type: Function },
+    queryParams: {},
+    skeleton: { type: Boolean },
+    excludeParams: {},
+    selectOnly: { type: Boolean },
+    unselectOnly: { type: Boolean }
+  },
+  emits: ["select", "unselect", "update:model-value", "update:count"],
+  setup(__props) {
+    const list = ref();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createTextVNode(toDisplayString(_ctx.title), 1)
+          ], 64))
+        ])) : createCommentVNode("", true),
+        _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, {
+          key: 1,
+          class: "w-skeleton-rounded-2xl h-[24rem] min-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"
+        }, [
+          createVNode(_sfc_main$1, {
+            "model-value": _ctx.modelValue,
+            "use-query-fn": _ctx.useQueryFn,
+            "is-invalid-page": _ctx.isInvalidPage,
+            "query-params": _ctx.queryParams,
+            "scrolling-element": list.value,
+            "exclude-params": _ctx.excludeParams,
+            "empty-stub": _ctx.emptyStub,
+            "select-only": _ctx.selectOnly,
+            "unselect-only": _ctx.unselectOnly,
+            "allow-update-selected": "",
+            transition: "",
+            "no-padding": "",
+            onSelect: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("select", $event)),
+            onUnselect: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("unselect", $event)),
+            "onUpdate:count": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:count", $event)),
+            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("update:model-value", $event))
+          }, {
+            default: withCtx(({ option, selected, skeleton: skeletonList }) => [
+              renderSlot(_ctx.$slots, "default", {
+                option,
+                selected,
+                skeleton: skeletonList,
+                model: false
+              })
+            ]),
+            _: 3
+          }, 8, ["model-value", "use-query-fn", "is-invalid-page", "query-params", "scrolling-element", "exclude-params", "empty-stub", "select-only", "unselect-only"])
+        ], 512))
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,5 @@
+import _sfc_main from './WSelectAsyncList.vue.js';
+
+
+
+export { _sfc_main as default };