@voicenter-team/voicenter-ui-plus 3.0.0 → 3.0.1

package/library/types/components/VcButton/VcButton.vue.d.ts

@@ -63,8 +63,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     icon: TIcon;
     color: "" | "primary" | "secondary" | "destructive" | "success" | "warning" | "active" | "primary-alternative";
     type: ButtonType;
-    disabled: boolean;
     loading: boolean;
+    disabled: boolean;
     dataTestName: string;
     block: boolean;
     loaderIcon: TIcon;

package/library/types/components/VcButton/VcToggleButton.vue.d.ts

@@ -32,6 +32,7 @@ interface VcTBProps {
      */
     activeIconColor?: string;
     color?: ButtonColor;
+    loading?: boolean;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VcTBProps>, {
     modelValue: undefined;
@@ -47,6 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     dataTestName: string;
     activeIconColor: string;
     color: string;
+    loading: boolean;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (evt: MouseEvent) => void;
     "update:modelValue": (evt: boolean) => void;
@@ -64,12 +66,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     dataTestName: string;
     activeIconColor: string;
     color: string;
+    loading: boolean;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((evt: boolean) => any) | undefined;
     onChange?: ((evt: MouseEvent) => any) | undefined;
 }>, {
     ariaLabel: string;
     color: "" | "primary" | "secondary" | "destructive" | "success" | "warning" | "active" | "primary-alternative";
+    loading: boolean;
     disabled: boolean;
     modelValue: boolean;
     tabindex: number;

package/library/types/components/VcDelimitedList/VcDelimitedList.vue.d.ts

@@ -1,5 +1,4 @@
-import { PopoverTriggerType } from '../../types';
-import { OptionObjectValueType } from '../../types';
+import { OptionObjectValueType, PopoverTriggerType } from '../../types';
 declare const _default: <Option extends OptionObjectValueType, ValueKey extends keyof Option | undefined = undefined>(__VLS_props: {
     list?: Option[] | undefined;
     popoverMaxWidth?: string | number | undefined;

package/library/types/components/VcIcon/VcIcon.vue.d.ts

@@ -33,6 +33,7 @@ interface IProps {
      * built-in `currentColor` default. Ignored for class-string icons.
      */
     color?: string;
+    loading?: boolean;
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
     strokeWidth: number;

package/library/types/components/VcLoading/VcLoading.vue.d.ts

@@ -32,8 +32,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     size: string | number;
     icon: TIcon;
     color: string;
-    fullPage: boolean;
     loader: "default" | "stretch" | "circles" | "load-icon" | "lds-spinner" | "dot-spinner";
+    fullPage: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {
         active: boolean;

package/library/types/components/VcOtpInput/VcOtpInput.vue.d.ts

@@ -55,10 +55,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     id: string;
     color: "" | "primary" | "secondary" | "destructive" | "success" | "warning" | "active" | "primary-alternative";
     type: VcOtpInputType;
+    loading: boolean;
     disabled: boolean;
     name: string;
     placeholder: string;
-    loading: boolean;
     modelValue: string;
     isError: boolean;
     dataTestName: string;

package/library/types/components/VcSelect/VcSelect.vue.d.ts

@@ -6,11 +6,11 @@ declare const _default: <Option extends OptionValueType, Config extends ConfigOp
     readonly onFocus?: ((evt: Event) => any) | undefined;
     readonly onBlur?: ((evt: Event) => any) | undefined;
     readonly onChange?: ((option: (Multiple extends true ? Option[] : Option) | undefined) => any) | undefined;
+    loading?: boolean | undefined;
     disabled?: boolean | undefined;
     name?: string | undefined;
     placeholder?: string | undefined;
     options?: Option[] | undefined;
-    loading?: boolean | undefined;
     modelValue?: (Multiple extends true ? Model[] : Model) | undefined;
     persistent?: boolean | undefined;
     readonly "onUpdate:modelValue"?: ((value: (Multiple extends true ? Model[] : Model) | undefined) => any) | undefined;
@@ -91,11 +91,11 @@ declare const _default: <Option extends OptionValueType, Config extends ConfigOp
         readonly onFocus?: ((evt: Event) => any) | undefined;
         readonly onBlur?: ((evt: Event) => any) | undefined;
         readonly onChange?: ((option: (Multiple extends true ? Option[] : Option) | undefined) => any) | undefined;
+        loading?: boolean | undefined;
         disabled?: boolean | undefined;
         name?: string | undefined;
         placeholder?: string | undefined;
         options?: Option[] | undefined;
-        loading?: boolean | undefined;
         modelValue?: (Multiple extends true ? Model[] : Model) | undefined;
         persistent?: boolean | undefined;
         readonly "onUpdate:modelValue"?: ((value: (Multiple extends true ? Model[] : Model) | undefined) => any) | undefined;
@@ -180,11 +180,11 @@ declare const _default: <Option extends OptionValueType, Config extends ConfigOp
             readonly onFocus?: ((evt: Event) => any) | undefined;
             readonly onBlur?: ((evt: Event) => any) | undefined;
             readonly onChange?: ((option: (Multiple extends true ? Option[] : Option) | undefined) => any) | undefined;
+            loading?: boolean | undefined;
             disabled?: boolean | undefined;
             name?: string | undefined;
             placeholder?: string | undefined;
             options?: Option[] | undefined;
-            loading?: boolean | undefined;
             modelValue?: (Multiple extends true ? Model[] : Model) | undefined;
             persistent?: boolean | undefined;
             readonly "onUpdate:modelValue"?: ((value: (Multiple extends true ? Model[] : Model) | undefined) => any) | undefined;

package/library/types/components/VcSelect/VcSelectGrouped.vue.d.ts

@@ -10,11 +10,11 @@ declare const _default: <Option extends OptionObjectValueType, Config extends Co
     readonly onFocus?: ((evt: Event) => any) | undefined;
     readonly onBlur?: ((evt: Event) => any) | undefined;
     readonly onChange?: ((option: (Multiple extends true ? Option[] : Option) | undefined) => any) | undefined;
+    loading?: boolean | undefined;
     disabled?: boolean | undefined;
     name?: string | undefined;
     placeholder?: string | undefined;
     options?: OptionObjectGroupedValueType<Option>[] | undefined;
-    loading?: boolean | undefined;
     modelValue?: (Multiple extends true ? Model[] : Model) | undefined;
     persistent?: boolean | undefined;
     readonly "onUpdate:modelValue"?: ((value: (Multiple extends true ? Model[] : Model) | undefined) => any) | undefined;
@@ -68,11 +68,11 @@ declare const _default: <Option extends OptionObjectValueType, Config extends Co
         readonly onFocus?: ((evt: Event) => any) | undefined;
         readonly onBlur?: ((evt: Event) => any) | undefined;
         readonly onChange?: ((option: (Multiple extends true ? Option[] : Option) | undefined) => any) | undefined;
+        loading?: boolean | undefined;
         disabled?: boolean | undefined;
         name?: string | undefined;
         placeholder?: string | undefined;
         options?: OptionObjectGroupedValueType<Option>[] | undefined;
-        loading?: boolean | undefined;
         modelValue?: (Multiple extends true ? Model[] : Model) | undefined;
         persistent?: boolean | undefined;
         readonly "onUpdate:modelValue"?: ((value: (Multiple extends true ? Model[] : Model) | undefined) => any) | undefined;
@@ -130,11 +130,11 @@ declare const _default: <Option extends OptionObjectValueType, Config extends Co
             readonly onFocus?: ((evt: Event) => any) | undefined;
             readonly onBlur?: ((evt: Event) => any) | undefined;
             readonly onChange?: ((option: (Multiple extends true ? Option[] : Option) | undefined) => any) | undefined;
+            loading?: boolean | undefined;
             disabled?: boolean | undefined;
             name?: string | undefined;
             placeholder?: string | undefined;
             options?: OptionObjectGroupedValueType<Option>[] | undefined;
-            loading?: boolean | undefined;
             modelValue?: (Multiple extends true ? Model[] : Model) | undefined;
             persistent?: boolean | undefined;
             readonly "onUpdate:modelValue"?: ((value: (Multiple extends true ? Model[] : Model) | undefined) => any) | undefined;

package/library/types/components/VcSipFlow/VcSipFlow.vue.d.ts

@@ -56,8 +56,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     onReady?: ((pl: boolean) => any) | undefined;
     "onClick:message"?: ((pl: SipMessageFlowType) => any) | undefined;
 }>, {
-    options: ISipFlowOptions;
     loading: boolean;
+    options: ISipFlowOptions;
     events: MessageFlowType[];
     sortFn: SortFunctionType;
     aliases: AliasType[];

package/library/types/components/VcSplitButton/VcSplitButton.vue.d.ts

@@ -66,9 +66,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
 }>, {
     size: "" | "small" | "default" | "large";
     color: "" | "primary" | "secondary" | "destructive" | "success" | "warning" | "active" | "primary-alternative";
+    loading: boolean;
     disabled: boolean;
     popoverMaxWidth: string | number;
-    loading: boolean;
     popoverWidth: string | number;
     teleported: boolean;
     dataTestName: string;

package/library/types/components/VcSwitch/VcSwitch.vue.d.ts

@@ -9,9 +9,9 @@ declare const _default: <Model extends string | number | boolean | undefined>(__
     readonly onChange?: ((model: Model) => any) | undefined;
     readonly onInput?: ((model: Model) => any) | undefined;
     width?: string | number | undefined;
+    loading?: boolean | undefined;
     disabled?: boolean | undefined;
     name?: string | undefined;
-    loading?: boolean | undefined;
     modelValue: Model;
     validateEvent?: boolean | undefined;
     readonly "onUpdate:modelValue"?: ((model: Model) => any) | undefined;
@@ -56,9 +56,9 @@ declare const _default: <Model extends string | number | boolean | undefined>(__
         readonly onChange?: ((model: Model) => any) | undefined;
         readonly onInput?: ((model: Model) => any) | undefined;
         width?: string | number | undefined;
+        loading?: boolean | undefined;
         disabled?: boolean | undefined;
         name?: string | undefined;
-        loading?: boolean | undefined;
         modelValue: Model;
         validateEvent?: boolean | undefined;
         readonly "onUpdate:modelValue"?: ((model: Model) => any) | undefined;
@@ -107,9 +107,9 @@ declare const _default: <Model extends string | number | boolean | undefined>(__
             readonly onChange?: ((model: Model) => any) | undefined;
             readonly onInput?: ((model: Model) => any) | undefined;
             width?: string | number | undefined;
+            loading?: boolean | undefined;
             disabled?: boolean | undefined;
             name?: string | undefined;
-            loading?: boolean | undefined;
             modelValue: Model;
             validateEvent?: boolean | undefined;
             readonly "onUpdate:modelValue"?: ((model: Model) => any) | undefined;

package/library/types/components/VcTable/VcTable.vue.d.ts

@@ -1,8 +1,8 @@
 import { ActionsColumnType, ColumnFilterState, ColumnType, ColumnTypeItem, ConfigType, OptionObjectValueType, Pagination, PaginationProp, SortingOrderDefaultType } from '../../types';
 declare const _default: <Option extends OptionObjectValueType>(__VLS_props: {
     height?: string | number | undefined;
-    options?: Option[] | undefined;
     loading?: boolean | undefined;
+    options?: Option[] | undefined;
     loaderType?: "default" | "stretch" | "circles" | "load-icon" | "lds-spinner" | "dot-spinner" | undefined;
     config?: ConfigType | undefined;
     readonly "onOn-row-click"?: ((option: Option, index: number) => any) | undefined;
@@ -126,8 +126,8 @@ declare const _default: <Option extends OptionObjectValueType>(__VLS_props: {
 }) => void) | undefined, __VLS_setup?: Promise<{
     props: {
         height?: string | number | undefined;
-        options?: Option[] | undefined;
         loading?: boolean | undefined;
+        options?: Option[] | undefined;
         loaderType?: "default" | "stretch" | "circles" | "load-icon" | "lds-spinner" | "dot-spinner" | undefined;
         config?: ConfigType | undefined;
         readonly "onOn-row-click"?: ((option: Option, index: number) => any) | undefined;
@@ -255,8 +255,8 @@ declare const _default: <Option extends OptionObjectValueType>(__VLS_props: {
     __ctx?: {
         props: {
             height?: string | number | undefined;
-            options?: Option[] | undefined;
             loading?: boolean | undefined;
+            options?: Option[] | undefined;
             loaderType?: "default" | "stretch" | "circles" | "load-icon" | "lds-spinner" | "dot-spinner" | undefined;
             config?: ConfigType | undefined;
             readonly "onOn-row-click"?: ((option: Option, index: number) => any) | undefined;

package/library/types/components/VcTree/VcTree.vue.d.ts

@@ -5,8 +5,8 @@ declare const _default: <VcTreeNodeGenericType extends VcTreeNodeType, Config ex
     scrollHeight?: string | number | undefined;
     lazy?: boolean | undefined;
     color?: "" | "primary" | "secondary" | "destructive" | "success" | "warning" | "active" | "primary-alternative" | undefined;
-    options?: VcTreeNodeGenericType[] | undefined;
     loading?: boolean | undefined;
+    options?: VcTreeNodeGenericType[] | undefined;
     config: Config;
     emptyText?: string | undefined;
     filterPlaceholder?: string | undefined;
@@ -51,8 +51,8 @@ declare const _default: <VcTreeNodeGenericType extends VcTreeNodeType, Config ex
         scrollHeight?: string | number | undefined;
         lazy?: boolean | undefined;
         color?: "" | "primary" | "secondary" | "destructive" | "success" | "warning" | "active" | "primary-alternative" | undefined;
-        options?: VcTreeNodeGenericType[] | undefined;
         loading?: boolean | undefined;
+        options?: VcTreeNodeGenericType[] | undefined;
         config: Config;
         emptyText?: string | undefined;
         filterPlaceholder?: string | undefined;
@@ -101,8 +101,8 @@ declare const _default: <VcTreeNodeGenericType extends VcTreeNodeType, Config ex
             scrollHeight?: string | number | undefined;
             lazy?: boolean | undefined;
             color?: "" | "primary" | "secondary" | "destructive" | "success" | "warning" | "active" | "primary-alternative" | undefined;
-            options?: VcTreeNodeGenericType[] | undefined;
             loading?: boolean | undefined;
+            options?: VcTreeNodeGenericType[] | undefined;
             config: Config;
             emptyText?: string | undefined;
             filterPlaceholder?: string | undefined;

package/library/types/components/VcTree/VcTreeSelect.vue.d.ts

@@ -4,11 +4,11 @@ declare const _default: <VcTreeNodeGenericType extends VcTreeNodeType, Config ex
     id?: string | undefined;
     scrollHeight?: string | number | undefined;
     color?: "" | "primary" | "secondary" | "destructive" | "success" | "warning" | "active" | "primary-alternative" | undefined;
+    loading?: boolean | undefined;
     disabled?: boolean | undefined;
     name?: string | undefined;
     placeholder?: string | undefined;
     options: VcTreeNodeGenericType[];
-    loading?: boolean | undefined;
     modelValue?: Model[] | undefined;
     readonly "onUpdate:modelValue"?: ((value: Model[]) => any) | undefined;
     maxWidth?: string | number | undefined;
@@ -457,11 +457,11 @@ declare const _default: <VcTreeNodeGenericType extends VcTreeNodeType, Config ex
         id?: string | undefined;
         scrollHeight?: string | number | undefined;
         color?: "" | "primary" | "secondary" | "destructive" | "success" | "warning" | "active" | "primary-alternative" | undefined;
+        loading?: boolean | undefined;
         disabled?: boolean | undefined;
         name?: string | undefined;
         placeholder?: string | undefined;
         options: VcTreeNodeGenericType[];
-        loading?: boolean | undefined;
         modelValue?: Model[] | undefined;
         readonly "onUpdate:modelValue"?: ((value: Model[]) => any) | undefined;
         maxWidth?: string | number | undefined;
@@ -914,11 +914,11 @@ declare const _default: <VcTreeNodeGenericType extends VcTreeNodeType, Config ex
             id?: string | undefined;
             scrollHeight?: string | number | undefined;
             color?: "" | "primary" | "secondary" | "destructive" | "success" | "warning" | "active" | "primary-alternative" | undefined;
+            loading?: boolean | undefined;
             disabled?: boolean | undefined;
             name?: string | undefined;
             placeholder?: string | undefined;
             options: VcTreeNodeGenericType[];
-            loading?: boolean | undefined;
             modelValue?: Model[] | undefined;
             readonly "onUpdate:modelValue"?: ((value: Model[]) => any) | undefined;
             maxWidth?: string | number | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voicenter-team/voicenter-ui-plus",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

package/library/components/VcButton/VcButtonIcon.vue2.mjs

@@ -1,92 +0,0 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode } from "vue";
-import _sfc_main$1 from "../VcIcon/VcIcon.vue.mjs";
-import '../../assets/components/VcIcon/VcIcon.css';/* empty css                     */
-const _hoisted_1 = ["disabled", "aria-disabled", "type", "data-test"];
-const _hoisted_2 = { class: "vc-button--content" };
-const DEFAULT_TYPE = "default";
-const DEFAULT_COLOR = "primary";
-const DEFAULT_ICON = "vc-icon-settings";
-const LOADING_ICON = "vc-icon-load";
-const CLASS_DISABLED = "is--disabled";
-const CLASS_ANIMATION = "is--animate";
-const CLASS_LOADING = "is--loading";
-const CLASS_SMALL = "is--small";
-const CLASS_PLAIN = "is--plain";
-const CLASS_CIRCLE = "is--circle";
-const CLASS_FILLED = "is--filled";
-const CLASS_FILLED_COLOR = "filled-";
-const CLASS_HOVERLESS = "vc-button-icon-type--hoverless";
-const CLASS_FOR_TYPE = "vc-button-icon-type--";
-const CLASS_FOR_COLOR = "vc-button-icon-color--";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "VcButtonIcon",
-  props: {
-    type: { default: DEFAULT_TYPE },
-    color: { default: DEFAULT_COLOR },
-    icon: { default: DEFAULT_ICON },
-    dataTestName: { default: "vc-button" },
-    animate: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    small: { type: Boolean, default: false },
-    plain: { type: Boolean, default: false },
-    hoverless: { type: Boolean, default: false },
-    buttonType: { default: "button" },
-    circle: { type: Boolean },
-    filled: { type: Boolean },
-    filledColor: { default: "light" },
-    loading: { type: Boolean },
-    loadingIcon: { default: LOADING_ICON }
-  },
-  emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const classes = computed(() => {
-      const typeClass = CLASS_FOR_TYPE + props.type;
-      const colorClass = CLASS_FOR_COLOR + props.color;
-      const filledColor = CLASS_FILLED_COLOR + (props.filledColor || "light");
-      return [
-        typeClass,
-        colorClass,
-        {
-          [CLASS_DISABLED]: props.disabled,
-          [CLASS_ANIMATION]: props.animate && !props.loading,
-          [CLASS_LOADING]: props.loading,
-          [CLASS_SMALL]: props.small,
-          [CLASS_PLAIN]: props.plain,
-          [CLASS_HOVERLESS]: props.hoverless,
-          [CLASS_CIRCLE]: props.circle,
-          [CLASS_FILLED]: props.filled,
-          [filledColor]: props.filled && props.filledColor
-        }
-      ];
-    });
-    function handleClick(evt) {
-      if (!props.disabled && !props.loading) {
-        emit("click", evt);
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", {
-        class: normalizeClass(["vc-button-icon", classes.value]),
-        disabled: __props.disabled,
-        "aria-disabled": __props.disabled,
-        type: __props.buttonType,
-        "data-test": __props.dataTestName,
-        onClick: handleClick
-      }, [
-        createElementVNode("span", _hoisted_2, [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createVNode(_sfc_main$1, {
-              icon: __props.loading ? __props.loadingIcon : __props.icon,
-              class: normalizeClass([{ "animate-spin": __props.loading }, "text-current content-icon"])
-            }, null, 8, ["icon", "class"])
-          ], true)
-        ])
-      ], 10, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/library/components/VcDelimitedList/VcDelimitedList.vue2.mjs

@@ -1,195 +0,0 @@
-import { defineComponent, ref, computed, watch, onMounted, withDirectives, openBlock, createElementBlock, createElementVNode, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createBlock, withCtx, unref, nextTick } from "vue";
-import { getRefElement } from "../../utils/helpers.mjs";
-import _sfc_main$1 from "../VcPopover/VcPopover.vue.mjs";
-import '../../assets/components/VcPopover/VcPopover.css';/* empty css                           */
-import { resize } from "../../directives/resize.mjs";
-const _hoisted_1 = {
-  key: 0,
-  class: "text-break"
-};
-const _hoisted_2 = { class: "flex items-center" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "VcDelimitedList",
-  props: {
-    list: { default: () => [] },
-    limit: { default: 3 },
-    trigger: { default: "hover" },
-    separator: { default: "," },
-    popoverMaxWidth: { default: 250 },
-    popoverDisabled: { type: Boolean, default: false },
-    valueKey: { default: void 0 }
-  },
-  setup(__props) {
-    const props = __props;
-    const localLimit = ref(1);
-    const oldLocalLimit = ref(1);
-    const minLimit = ref(1);
-    const dListWrapperRef = ref();
-    const dListRef = ref();
-    const shortList = computed(() => {
-      return props.list.slice(0, localLimit.value);
-    });
-    const otherList = computed(() => {
-      return props.list.length > localLimit.value ? props.list.slice(localLimit.value) : [];
-    });
-    function getValueKey(option, index) {
-      if (props.valueKey) {
-        return option[props.valueKey];
-      }
-      return index;
-    }
-    function initLimit() {
-      localLimit.value = 1;
-    }
-    async function isListSmaller({ listWidth, listWrapperWidth, list, listWrapper }) {
-      while (listWidth < listWrapperWidth) {
-        if (localLimit.value > props.limit) {
-          localLimit.value = props.limit;
-          break;
-        }
-        localLimit.value++;
-        await nextTick();
-        listWidth = list.clientWidth;
-        listWrapperWidth = listWrapper.clientWidth;
-        if (listWidth > listWrapperWidth) {
-          if (localLimit.value > minLimit.value && localLimit.value <= props.limit) {
-            localLimit.value--;
-          } else if (localLimit.value > props.limit) {
-            localLimit.value = props.limit;
-          } else if (localLimit.value < minLimit.value) {
-            localLimit.value = minLimit.value;
-          }
-          break;
-        }
-      }
-    }
-    async function isListBigger({ listWidth, listWrapperWidth, list, listWrapper }) {
-      while (listWidth > listWrapperWidth) {
-        if (localLimit.value < minLimit.value) {
-          localLimit.value = minLimit.value;
-          break;
-        }
-        localLimit.value--;
-        await nextTick();
-        listWidth = list.clientWidth;
-        listWrapperWidth = listWrapper.clientWidth;
-        if (listWidth < listWrapperWidth) {
-          if (localLimit.value > props.limit) {
-            localLimit.value = props.limit;
-          } else if (localLimit.value < minLimit.value) {
-            localLimit.value = minLimit.value;
-          }
-          break;
-        }
-      }
-    }
-    async function updateLocalLimit({ list, listWrapper }) {
-      const listWidth = list.clientWidth;
-      const listWrapperWidth = listWrapper.clientWidth;
-      if (listWidth < listWrapperWidth) {
-        await isListSmaller({
-          listWidth,
-          listWrapperWidth,
-          list,
-          listWrapper
-        });
-      } else if (listWidth > listWrapperWidth) {
-        await isListBigger({
-          listWidth,
-          listWrapperWidth,
-          list,
-          listWrapper
-        });
-      }
-      oldLocalLimit.value = localLimit.value;
-    }
-    async function updateList() {
-      initLimit();
-      if (dListRef.value && dListWrapperRef.value) {
-        const list = getRefElement(dListRef.value);
-        const listWrapper = getRefElement(dListWrapperRef.value);
-        if (!(list instanceof HTMLElement) || !(listWrapper instanceof HTMLElement)) {
-          return;
-        }
-        await nextTick();
-        await updateLocalLimit({
-          list,
-          listWrapper
-        });
-      }
-    }
-    function showSeparator(index) {
-      return index < shortList.value.length - 1 && !otherList.value.length || index < shortList.value.length && otherList.value.length;
-    }
-    watch(
-      () => props.limit,
-      () => {
-        updateList();
-      }
-    );
-    watch(
-      () => props.list.length,
-      () => {
-        updateList();
-      }
-    );
-    onMounted(updateList);
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("div", {
-        ref_key: "dListWrapperRef",
-        ref: dListWrapperRef,
-        class: "vc-delimited-list-wrapper"
-      }, [
-        createElementVNode("div", {
-          ref_key: "dListRef",
-          ref: dListRef,
-          class: "flex md:inline-flex items-center vc-delimited-list-container"
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(shortList.value, (item, index) => {
-            return openBlock(), createElementBlock("div", {
-              key: index,
-              class: "flex items-center vc-delimited-list-item-wrapper"
-            }, [
-              renderSlot(_ctx.$slots, "list-item", {
-                item,
-                index
-              }, () => [
-                createTextVNode(toDisplayString(getValueKey(item, index)), 1)
-              ], true),
-              showSeparator(index) ? (openBlock(), createElementBlock("span", _hoisted_1, [
-                renderSlot(_ctx.$slots, "separator", {}, () => [
-                  createTextVNode(toDisplayString(__props.separator), 1)
-                ], true)
-              ])) : createCommentVNode("", true)
-            ]);
-          }), 128)),
-          otherList.value.length ? (openBlock(), createBlock(_sfc_main$1, {
-            key: 0,
-            trigger: __props.trigger,
-            "popover-max-width": __props.popoverMaxWidth,
-            disabled: __props.popoverDisabled,
-            placement: "bottom-end"
-          }, {
-            reference: withCtx(() => [
-              renderSlot(_ctx.$slots, "reference", {
-                listLength: otherList.value.length,
-                items: otherList.value
-              }, () => [
-                createElementVNode("span", _hoisted_2, " (" + toDisplayString(otherList.value.length) + ") ", 1)
-              ], true)
-            ]),
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "other-content", { list: otherList.value }, void 0, true)
-            ]),
-            _: 3
-          }, 8, ["trigger", "popover-max-width", "disabled"])) : createCommentVNode("", true)
-        ], 512)
-      ])), [
-        [unref(resize), updateList]
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};