@ironsource/shared-ui 1.4.2-test.14 → 1.4.2-test.15

package/components/filtersPanel/FilterSearchInput.vue.js

@@ -1,11 +1,11 @@
 import { defineComponent, ref, onMounted, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode } from 'vue';
-import '../dropdown/Dropdown.vue.js';
-import '../dropdown/Option.vue.js';
-import '../dropdown/Label.vue.js';
-import SearchInput from '../dropdown/SearchInput.vue.js';
 import Icon from '../icon/Icon.vue.js';
-/* empty css                                                                   */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+/* empty css                                                                  *//* empty css                                                                    *//* empty css                                                                *//* empty css                                                                    *//* empty css                                                                               */import 'floating-vue';
+/* empty css                                                      *//* empty css                                                                      *//* empty css                                                                    */import '@vue/shared';
+/* empty css                                                                  *//* empty css                                                                */import '@vueuse/core';
+/* empty css                                                                    *//* empty css                                                        *//* empty css                                                                 */import SearchInput from '../dropdown/SearchInput.vue.js';
+/* empty css                                                                   */
 import "../../FilterSearchInput.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = {
   class: "search-container",
@@ -13,7 +13,7 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = { class: "search" };
 const _hoisted_3 = ["placeholder", "disabled", "onInput"];
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FilterSearchInput",
   setup(__props) {
     const element = ref(null);

package/components/filtersPanel/FiltersPanel.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     isOpen: boolean;
 }>>>, {
     isOpen: boolean;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/filtersPanel/FiltersPanel.vue.js

@@ -1,14 +1,14 @@
-import { defineComponent, computed, openBlock, createElementBlock, Fragment, renderList, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode } from 'vue';
+import { defineComponent, computed, openBlock, createElementBlock, Fragment, renderList, unref, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode } from 'vue';
 /* empty css                                                              */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../FiltersPanel.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { class: "filter-panel" };
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FiltersPanel",
   props: {
-    filters: {},
+    filters: null,
     isOpen: { type: Boolean, default: false },
-    selected: {},
+    selected: null,
     isMultiSelect: { type: Boolean }
   },
   setup(__props) {
@@ -30,22 +30,22 @@ const _sfc_main = defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(sortedFilters.value, (filter) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(sortedFilters), (filter) => {
           return openBlock(), createElementBlock("div", {
             key: filter.id,
             class: normalizeClass(["filter-button", {
               [`always-first`]: !!filter.alwaysFirst,
               hidden: filter.hidden,
-              selected: props.isMultiSelect ? _ctx.selected[filter.id].length > 0 : !!_ctx.selected[filter.id],
+              selected: props.isMultiSelect ? __props.selected[filter.id].length > 0 : !!__props.selected[filter.id],
               exposed: !filter.hidden
             }])
           }, [
             renderSlot(_ctx.$slots, filter.id, normalizeProps(guardReactiveProps(filter)), void 0, true)
           ], 2);
         }), 128)),
-        !_ctx.isOpen ? renderSlot(_ctx.$slots, "add", {
+        !__props.isOpen ? renderSlot(_ctx.$slots, "add", {
           key: 0,
-          hiddenFilters: hiddenFilters.value
+          hiddenFilters: unref(hiddenFilters)
         }, void 0, true) : createCommentVNode("", true)
       ]);
     };

package/components/filtersPanel/index.d.ts

@@ -2,7 +2,7 @@ import { default as FiltersPanel } from './FiltersPanel.vue';
 import { default as FilterSearchInput } from './FilterSearchInput.vue';
 import { useHiddenFilter } from './useHiddenFilter';
 import { Filter } from './Filter';
-declare const FilterPanelTypes: () => (import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}> | (({ filters }: {
+declare const FilterPanelTypes: () => (import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}> | (({ filters }: {
     filters: Filter[];
 }) => {
     onClear: (filter: any) => void;

package/components/floatingToolbar/FloatingToolbar.vue.d.ts

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }, {
     appendToBody: boolean;
     count: number;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/floatingToolbar/FloatingToolbar.vue.js

@@ -22,7 +22,7 @@ const _hoisted_4 = {
   key: 2,
   class: "actions"
 };
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FloatingToolbar",
   props: {
     modelValue: { type: Boolean },
@@ -36,12 +36,12 @@ const _sfc_main = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Teleport, {
         to: "body",
-        disabled: !_ctx.appendToBody
+        disabled: !__props.appendToBody
       }, [
         createVNode(Transition, { name: "floating-toolbar" }, {
           default: withCtx(() => [
             unref(data) ? (openBlock(), createElementBlock("div", _hoisted_1, [
-              _ctx.count ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(_ctx.count), 1)) : createCommentVNode("", true),
+              __props.count ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.count), 1)) : createCommentVNode("", true),
               _ctx.$slots.label ? (openBlock(), createElementBlock("div", _hoisted_3, [
                 renderSlot(_ctx.$slots, "label", {}, void 0, true)
               ])) : createCommentVNode("", true),

package/components/floatingToolbar/index.d.ts

@@ -33,6 +33,6 @@ declare const FloatingToolbarTypes: () => import("vue").DefineComponent<{
 }, {
     appendToBody: boolean;
     count: number;
-}, {}>[];
+}>[];
 export { default as FloatingToolbar } from './FloatingToolbar.vue';
 export { FloatingToolbarTypes };

package/components/icon/Icon.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>>, {
     name: keyof typeof icons | string;
     fontSize: string | 'sm' | 'md' | 'lg';
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/icon/Icon.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useCssVars, useSlots, computed, defineAsyncComponent, openBlock, createElementBlock, normalizeClass, createBlock, unref, normalizeProps, mergeProps, createCommentVNode, renderSlot } from 'vue';
+import { defineComponent, useCssVars, useSlots, computed, defineAsyncComponent, openBlock, createElementBlock, normalizeClass, unref, createBlock, normalizeProps, mergeProps, createCommentVNode, renderSlot } from 'vue';
 import { icons } from './icons/index.vue.js';
 /* empty css                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
@@ -232,7 +232,7 @@ function __variableDynamicImportRuntime0__(path) {
     })
    }
  }
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Icon",
   props: {
     name: { default: null },
@@ -241,7 +241,7 @@ const _sfc_main = defineComponent({
   setup(__props) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "de11e2fa": _ctx.fontSize
+      "de11e2fa": __props.fontSize
     }));
     const slots = useSlots();
     const iconData = computed(() => {
@@ -270,7 +270,7 @@ const _sfc_main = defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["icon", cls.value])
+        class: normalizeClass(["icon", unref(cls)])
       }, [
         !_ctx.$slots.default ? (openBlock(), createBlock(unref(IconComponent), normalizeProps(mergeProps({ key: 0 }, _ctx.$attrs)), null, 16)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", {}, void 0, true)

package/components/icon/index.d.ts

@@ -682,7 +682,7 @@ declare const IconTypes: () => ({
 }>>, {
     name: string;
     fontSize: string;
-}, {}>)[];
+}>)[];
 export type IconName = keyof typeof icons;
 export { default as Icon } from './Icon.vue';
 export * from './icons';

package/components/icon/storyComponents/Code.vue.d.ts

@@ -2,7 +2,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     code: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     code: string;
-}>>>, {}, {}>;
+}>>>, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/icon/storyComponents/IconWrapper.vue.d.ts

@@ -2,7 +2,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     name: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     name: string;
-}>>>, {}, {}>;
+}>>>, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/icon/storyComponents/Page.vue.d.ts

@@ -2,7 +2,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     icons: Record<string, unknown>;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     icons: Record<string, unknown>;
-}>>>, {}, {}>;
+}>>>, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/includeExclude/IncludeExclude.vue.d.ts

@@ -104,7 +104,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     skiddingOffset: number;
     isDraggable: boolean;
     draggableArgs: object;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/includeExclude/IncludeExclude.vue.js

@@ -1,11 +1,10 @@
 import { defineComponent, computed, ref, watch, provide, openBlock, createBlock, unref, withCtx, createElementVNode, renderSlot, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, createVNode, Transition, createElementBlock, mergeProps, Fragment, renderList, toRaw, isRef, nextTick } from 'vue';
 import _sfc_main$1 from '../popover/Popover.vue.js';
 import Button from '../button/Button.vue.js';
-import '../button/IconButton.vue.js';
-import '../button/ScrollButton.vue.js';
-import Search from '../search/Search.vue.js';
-import '../typography/Heading.vue.js';
-import Text from '../typography/Text.vue.js';
+/* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+/* empty css                                                                     */import Text from '../typography/Text.vue.js';
+/* empty css                                                                    *//* empty css                                                                    *//* empty css                                                                               */import 'floating-vue';
+/* empty css                                                      *//* empty css                                                                      */import Search from '../search/Search.vue.js';
 import Checkbox from '../checkbox/Checkbox.vue.js';
 import Skeleton from '../skeleton/Skeleton.vue.js';
 import EmptyState from '../emptyState/EmptyState.vue.js';
@@ -13,8 +12,7 @@ import { useToggle } from '../../composables/useToggle.vue.js';
 import { IncludeExcludeContext } from './IncludeExcludeContext.vue.js';
 import { onClickOutside, useClamp, useVirtualList } from '@vueuse/core';
 import draggable from 'vuedraggable';
-/* empty css                                                                */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                                */
 import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { class: "include-exclude-header" };
 const _hoisted_2 = { class: "include-exclude-header-left-section" };
@@ -49,21 +47,16 @@ const _hoisted_18 = { key: 2 };
 const _hoisted_19 = { class: "loader-wrapper" };
 const _hoisted_20 = { class: "include-exclude-footer" };
 const _hoisted_21 = { class: "include-exclude-footer-buttons" };
-const scrollPrerenderedItems = 50;
-const skeletonItems = 3;
-const boxDistanceBottom = 6;
-const OPTION_HEIGHT = 32;
-const OPTION_WITH_SUBTITLE_HEIGHT = 48;
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IncludeExclude",
   props: {
     titleText: { default: "" },
     loading: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
-    modelValue: {},
+    modelValue: null,
     clearable: { type: Boolean },
     placement: { default: "bottom-start" },
-    options: {},
+    options: null,
     autoFocus: { type: Boolean, default: true },
     onSearch: { type: Function, default: () => true },
     searchPlaceholder: { default: "Search" },
@@ -75,13 +68,18 @@ const _sfc_main = defineComponent({
     distanceOffset: { default: 0 },
     skiddingOffset: { default: 0 },
     hasSubtitle: { type: Boolean, default: false },
-    keyField: {},
+    keyField: null,
     isDraggable: { type: Boolean, default: false },
     draggableArgs: { default: null }
   },
   emits: ["update:modelValue", "changeDragDrop"],
   setup(__props, { emit }) {
     const props = __props;
+    const scrollPrerenderedItems = 50;
+    const skeletonItems = 3;
+    const boxDistanceBottom = 6;
+    const OPTION_HEIGHT = 32;
+    const OPTION_WITH_SUBTITLE_HEIGHT = 48;
     const popoverDistance = computed(() => {
       const notTopDistance = props.placement?.includes("bottom") ? boxDistanceBottom : 0;
       return props.isOnTop ? -buttonRef.value?.getBoundingClientRect().height : notTopDistance;
@@ -320,11 +318,11 @@ const _sfc_main = defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$1), {
-        distance: popoverDistance.value + _ctx.distanceOffset,
-        skidding: _ctx.skiddingOffset,
+        distance: unref(popoverDistance) + __props.distanceOffset,
+        skidding: __props.skiddingOffset,
         trigger: "managed",
-        open: unref(open) || _ctx.alwayesOpen,
-        placement: _ctx.placement
+        open: unref(open) || __props.alwayesOpen,
+        placement: __props.placement
       }, {
         trigger: withCtx(() => [
           createElementVNode("div", {
@@ -348,20 +346,20 @@ const _sfc_main = defineComponent({
             ref_key: "popoverWrapperRef",
             ref: popoverWrapperRef,
             class: normalizeClass(["include-exclude-content", {
-              "include-exclude-content-draggable": _ctx.isDraggable
+              "include-exclude-content-draggable": __props.isDraggable
             }])
           }, [
             createElementVNode("div", _hoisted_1, [
               createElementVNode("div", _hoisted_2, [
                 renderSlot(_ctx.$slots, "header-left-section", {}, () => [
-                  _ctx.titleText ? (openBlock(), createBlock(unref(Text), {
+                  __props.titleText ? (openBlock(), createBlock(unref(Text), {
                     key: 0,
                     class: "include-exclude-header-left-section-title",
                     size: "md",
                     strong: ""
                   }, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(_ctx.titleText), 1)
+                      createTextVNode(toDisplayString(__props.titleText), 1)
                     ]),
                     _: 1
                   })) : createCommentVNode("", true)
@@ -376,8 +374,8 @@ const _sfc_main = defineComponent({
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => query.value = $event),
                     class: "include-exclude-header-right-section-search-input",
                     variant: "transparent",
-                    placeholder: _ctx.searchPlaceholder,
-                    disabled: _ctx.loading
+                    placeholder: __props.searchPlaceholder,
+                    disabled: __props.loading
                   }, null, 8, ["modelValue", "placeholder", "disabled"])
                 ], true)
               ])
@@ -388,7 +386,7 @@ const _sfc_main = defineComponent({
                 mode: "out-in"
               }, {
                 default: withCtx(() => [
-                  !filteredOptions.value?.length && !_ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                  !unref(filteredOptions)?.length && !__props.loading ? (openBlock(), createElementBlock("div", _hoisted_5, [
                     renderSlot(_ctx.$slots, "no-result", {}, () => [
                       createVNode(unref(EmptyState), {
                         size: "lg",
@@ -402,20 +400,20 @@ const _sfc_main = defineComponent({
                     createElementVNode("div", _hoisted_7, [
                       createElementVNode("div", {
                         class: normalizeClass(["include-exclude-list-header", {
-                          "include-exclude-list-header-loading": _ctx.loading,
-                          "include-exclude-list-header-loaded": !_ctx.loading
+                          "include-exclude-list-header-loading": __props.loading,
+                          "include-exclude-list-header-loaded": !__props.loading
                         }])
                       }, [
-                        !_ctx.loading ? (openBlock(), createBlock(unref(Checkbox), {
+                        !__props.loading ? (openBlock(), createBlock(unref(Checkbox), {
                           key: 0,
                           size: "sm",
-                          "is-checked": isAllFilteredSelected.value,
-                          "is-indeterminate": selectedOption.value?.length > 0 && !isAllFilteredSelected.value,
-                          disabled: !filteredOptions.value?.length,
+                          "is-checked": unref(isAllFilteredSelected),
+                          "is-indeterminate": unref(selectedOption)?.length > 0 && !unref(isAllFilteredSelected),
+                          disabled: !unref(filteredOptions)?.length,
                           label: "Select all",
                           onClick: toggleSelectAll
                         }, null, 8, ["is-checked", "is-indeterminate", "disabled"])) : createCommentVNode("", true),
-                        _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_8, [
+                        __props.loading ? (openBlock(), createElementBlock("div", _hoisted_8, [
                           createVNode(unref(Skeleton), {
                             class: "dot-skeleton",
                             round: ""
@@ -425,10 +423,10 @@ const _sfc_main = defineComponent({
                       ], 2),
                       createElementVNode("div", mergeProps({ class: "include-exclude-list" }, unref(containerProps), {
                         class: {
-                          "include-exclude-list-draggable": _ctx.isDraggable
+                          "include-exclude-list-draggable": __props.isDraggable
                         }
                       }), [
-                        !_ctx.loading ? (openBlock(), createElementBlock("ul", mergeProps({ key: 0 }, unref(wrapperProps), {
+                        !__props.loading ? (openBlock(), createElementBlock("ul", mergeProps({ key: 0 }, unref(wrapperProps), {
                           ref_key: "listRef",
                           ref: listRef,
                           tabindex: "1"
@@ -436,8 +434,8 @@ const _sfc_main = defineComponent({
                           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(virtualOptions), ({ data, index }) => {
                             return openBlock(), createElementBlock("li", {
                               key: index,
-                              "aria-selected": toRaw(selectedOption.value) === data,
-                              "aria-disabled": !!_ctx.disabled,
+                              "aria-selected": toRaw(unref(selectedOption)) === data,
+                              "aria-disabled": !!__props.disabled,
                               onClick: () => onSelect(data)
                             }, [
                               data.groupOption ? (openBlock(), createElementBlock("div", {
@@ -451,13 +449,13 @@ const _sfc_main = defineComponent({
                                 key: 1,
                                 showCheckbox: true,
                                 option: data,
-                                selected: toRaw(selectedOption.value) === data,
+                                selected: toRaw(unref(selectedOption)) === data,
                                 active: toRaw(unref(activeIndex)) === index
                               }, void 0, true) : createCommentVNode("", true)
                             ], 8, _hoisted_9);
                           }), 128))
                         ], 16)) : createCommentVNode("", true),
-                        _ctx.loading ? (openBlock(), createElementBlock("ul", _hoisted_11, [
+                        __props.loading ? (openBlock(), createElementBlock("ul", _hoisted_11, [
                           (openBlock(), createElementBlock(Fragment, null, renderList(skeletonItems, (n) => {
                             return createElementVNode("li", {
                               key: n,
@@ -478,28 +476,28 @@ const _sfc_main = defineComponent({
                     createElementVNode("div", _hoisted_13, [
                       createElementVNode("div", {
                         class: normalizeClass(["include-exclude-selected-header", {
-                          "include-exclude-list-selected-header-loading": _ctx.loading,
-                          "include-exclude-list-header-loaded": !_ctx.loading
+                          "include-exclude-list-selected-header-loading": __props.loading,
+                          "include-exclude-list-header-loaded": !__props.loading
                         }])
                       }, [
-                        _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_14, [
+                        __props.loading ? (openBlock(), createElementBlock("div", _hoisted_14, [
                           createVNode(unref(Skeleton), { round: "" })
                         ])) : createCommentVNode("", true),
                         createElementVNode("div", _hoisted_15, [
-                          !_ctx.loading ? (openBlock(), createBlock(unref(Text), {
+                          !__props.loading ? (openBlock(), createBlock(unref(Text), {
                             key: 0,
                             class: "include-exclude-selected-header-left-selected",
                             size: "sm"
                           }, {
                             default: withCtx(() => [
-                              createTextVNode(toDisplayString(selectedOption.value?.length) + " Selected", 1)
+                              createTextVNode(toDisplayString(unref(selectedOption)?.length) + " Selected", 1)
                             ]),
                             _: 1
                           })) : createCommentVNode("", true)
                         ]),
                         createElementVNode("div", _hoisted_16, [
                           renderSlot(_ctx.$slots, "selected-header-right", {}, () => [
-                            selectedOption.value?.length && !_ctx.loading && _ctx.showClearAll ? (openBlock(), createBlock(unref(Button), {
+                            unref(selectedOption)?.length && !__props.loading && __props.showClearAll ? (openBlock(), createBlock(unref(Button), {
                               key: 0,
                               variant: "link",
                               theme: "third",
@@ -517,10 +515,10 @@ const _sfc_main = defineComponent({
                       ], 2),
                       createElementVNode("div", mergeProps({
                         class: ["include-exclude-selected-list", {
-                          "include-exclude-list-draggable": _ctx.isDraggable
+                          "include-exclude-list-draggable": __props.isDraggable
                         }]
                       }, unref(containerPropsSelected)), [
-                        selectedOption.value?.length && !_ctx.loading && !_ctx.isDraggable ? (openBlock(), createElementBlock("ul", mergeProps({ key: 0 }, unref(wrapperPropsSelected), {
+                        unref(selectedOption)?.length && !__props.loading && !__props.isDraggable ? (openBlock(), createElementBlock("ul", mergeProps({ key: 0 }, unref(wrapperPropsSelected), {
                           ref: "SelectedlistRef",
                           tabindex: "2"
                         }), [
@@ -528,25 +526,25 @@ const _sfc_main = defineComponent({
                             return openBlock(), createElementBlock("li", { key: index }, [
                               renderSlot(_ctx.$slots, "selected_option", {
                                 option: data,
-                                selected: toRaw(selectedOption.value) === data,
+                                selected: toRaw(unref(selectedOption)) === data,
                                 active: toRaw(unref(activeIndex)) === index
                               }, void 0, true)
                             ]);
                           }), 128))
                         ], 16)) : createCommentVNode("", true),
-                        selectedOption.value?.length && !_ctx.loading && _ctx.isDraggable ? (openBlock(), createElementBlock("ul", mergeProps({ key: 1 }, unref(wrapperPropsSelected), {
+                        unref(selectedOption)?.length && !__props.loading && __props.isDraggable ? (openBlock(), createElementBlock("ul", mergeProps({ key: 1 }, unref(wrapperPropsSelected), {
                           ref: "SelectedlistRef",
                           tabindex: "2"
                         }), [
                           createVNode(unref(draggable), mergeProps({
                             modelValue: unref(virtualOptionsSelected),
                             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(virtualOptionsSelected) ? virtualOptionsSelected.value = $event : null)
-                          }, _ctx.draggableArgs, { onChange: onChangeDragDrop }), {
+                          }, __props.draggableArgs, { onChange: onChangeDragDrop }), {
                             item: withCtx(({ element }) => [
                               createElementVNode("div", _hoisted_17, [
                                 renderSlot(_ctx.$slots, "selected_option_draggable", {
                                   option: element.data,
-                                  selected: toRaw(selectedOption.value) === element.data,
+                                  selected: toRaw(unref(selectedOption)) === element.data,
                                   active: toRaw(unref(activeIndex)) === element.data.draggableItemKey
                                 }, void 0, true)
                               ])
@@ -554,7 +552,7 @@ const _sfc_main = defineComponent({
                             _: 3
                           }, 16, ["modelValue"])
                         ], 16)) : createCommentVNode("", true),
-                        _ctx.loading ? (openBlock(), createElementBlock("ul", _hoisted_18, [
+                        __props.loading ? (openBlock(), createElementBlock("ul", _hoisted_18, [
                           (openBlock(), createElementBlock(Fragment, null, renderList(skeletonItems, (n) => {
                             return createElementVNode("li", {
                               key: n,

package/components/includeExclude/IncludeExcludeAppHeader.vue.d.ts

@@ -70,7 +70,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     imgProps: any;
     optionProps: any;
     isLoading: boolean;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {