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

package/components/includeExclude/IncludeExclude.vue.js

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

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> = {

package/components/includeExclude/IncludeExcludeAppHeader.vue.js

@@ -4,12 +4,13 @@ import AppIcon from '../appIcon/AppIcon.vue.js';
 import { useSearch } from '../../composables/useSearch.vue.js';
 import IncludeExclude from './IncludeExclude.vue.js';
 import IncludeExcludeOption from './IncludeExcludeOption.vue.js';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-/* empty css                                                                  *//* empty css                                                                               */import 'floating-vue';
-/* empty css                                                      *//* empty css                                                                               */import IncludeExcludeAppTrigger from './IncludeExcludeAppTrigger.vue.js';
-/* empty css                                                                         *//* empty css                                                            *//* empty css                                                                          */
+import './IncludeExcludeOptionDraggable.vue.js';
+import IncludeExcludeAppTrigger from './IncludeExcludeAppTrigger.vue.js';
+import './IncludeExcludeChipFilter.vue.js';
+/* empty css                                                                         */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
 import "../../IncludeExcludeAppHeader.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main = defineComponent({
   __name: "IncludeExcludeAppHeader",
   props: {
     imgProps: { default: void 0 },
@@ -21,9 +22,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     keyField: { default: "appKey" },
     subTitleKey: { default: "appKey" },
     searchAttribute: { default: "name" },
-    applications: null,
+    applications: {},
     titleText: { default: "Application" },
-    modelValue: null,
+    modelValue: {},
     distanceOffset: { default: 4 },
     skiddingOffset: { default: 4 },
     isLoading: { type: Boolean, default: false }
@@ -36,22 +37,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(IncludeExclude), mergeProps(_ctx.$attrs, {
         modelValue: selectedOptionRef.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedOptionRef.value = $event),
-        loading: __props.isLoading,
-        "distance-offset": __props.distanceOffset,
-        "skidding-offset": __props.skiddingOffset,
-        "title-text": __props.titleText,
+        loading: _ctx.isLoading,
+        "distance-offset": _ctx.distanceOffset,
+        "skidding-offset": _ctx.skiddingOffset,
+        "title-text": _ctx.titleText,
         "is-on-top": true,
-        options: __props.applications,
-        "has-subtitle": __props.showSubTitle,
-        "search-placeholder": __props.searchPlaceholder,
+        options: _ctx.applications,
+        "has-subtitle": _ctx.showSubTitle,
+        "search-placeholder": _ctx.searchPlaceholder,
         "on-search": unref(search),
-        "key-field": __props.keyField
+        "key-field": _ctx.keyField
       }), {
         trigger: withCtx(() => [
           createVNode(unref(IncludeExcludeAppTrigger), {
             selected: selectedOptionRef.value,
-            options: __props.applications,
-            loading: __props.isLoading
+            options: _ctx.applications,
+            loading: _ctx.isLoading
           }, null, 8, ["selected", "options", "loading"])
         ]),
         option: withCtx(({ option, showCheckbox }) => [
@@ -59,12 +60,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             option,
             "show-checkbox": showCheckbox,
             "title-text": option?.name,
-            subtitle: __props.showSubTitle ? option[__props.subTitleKey] : ""
+            subtitle: _ctx.showSubTitle ? option[_ctx.subTitleKey] : ""
           }, createSlots({
             image: withCtx(() => [
-              createVNode(unref(AppIcon), mergeProps(__props.imgProps, {
+              createVNode(unref(AppIcon), mergeProps(_ctx.imgProps, {
                 src: option.icon,
-                size: __props.showSubTitle ? "lg" : "md"
+                size: _ctx.showSubTitle ? "lg" : "md"
               }), null, 16, ["src", "size"])
             ]),
             default: withCtx(() => [
@@ -72,7 +73,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 2
           }, [
-            __props.showIcon ? {
+            _ctx.showIcon ? {
               name: "icon-start",
               fn: withCtx(() => [
                 createVNode(unref(Icon), {
@@ -88,18 +89,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "show-checkbox": false,
             clearable: true,
             option,
-            subtitle: __props.showSubTitle ? option[__props.subTitleKey] : "",
+            subtitle: _ctx.showSubTitle ? option[_ctx.subTitleKey] : "",
             "title-text": option?.name
           }, createSlots({
             image: withCtx(() => [
-              createVNode(unref(AppIcon), mergeProps(__props.imgProps, {
+              createVNode(unref(AppIcon), mergeProps(_ctx.imgProps, {
                 src: option.icon,
-                size: __props.showSubTitle ? "lg" : "md"
+                size: _ctx.showSubTitle ? "lg" : "md"
               }), null, 16, ["src", "size"])
             ]),
             _: 2
           }, [
-            __props.showIcon ? {
+            _ctx.showIcon ? {
               name: "icon-start",
               fn: withCtx(() => [
                 createVNode(unref(Icon), {

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

@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     loading: boolean;
     selected: Application[];
     options: Application[];
-}>;
+}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/includeExclude/IncludeExcludeAppTrigger.vue.js

@@ -1,14 +1,18 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createElementVNode, createBlock, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
-import Icon from '../icon/Icon.vue.js';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createElementVNode, createBlock, unref, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
+import '../button/Button.vue.js';
+import IconButton from '../button/IconButton.vue.js';
+import '../button/ScrollButton.vue.js';
+import '../typography/Heading.vue.js';
 import Text from '../typography/Text.vue.js';
-/* empty css                                                                    *//* empty css                                                                */import IconButton from '../button/IconButton.vue.js';
+import Icon from '../icon/Icon.vue.js';
 import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
-/* empty css                                                                      */import AppIcon from '../appIcon/AppIcon.vue.js';
-/* empty css                                                                          */
+import AppIcon from '../appIcon/AppIcon.vue.js';
+/* empty css                                                                          */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
 import "../../IncludeExcludeAppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { class: "include-exclude-trigger-left-image" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const allTitle = "All apps selected";
+const _sfc_main = defineComponent({
   __name: "IncludeExcludeAppTrigger",
   props: {
     selected: { default: null },
@@ -17,7 +21,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const allTitle = "All apps selected";
     const title = computed(() => {
       if (allMode.value) {
         return allTitle;
@@ -81,15 +84,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["include-exclude-trigger-container", {
-          "include-exclude-trigger-container--with-icons": unref(selectedSize) > 0 || unref(allMode)
+          "include-exclude-trigger-container--with-icons": selectedSize.value > 0 || allMode.value
         }])
       }, [
         renderSlot(_ctx.$slots, "left-image", {}, () => [
           createElementVNode("div", _hoisted_1, [
-            unref(appImage) ? (openBlock(), createBlock(unref(AppIcon), {
+            appImage.value ? (openBlock(), createBlock(unref(AppIcon), {
               key: 0,
               size: "xl",
-              src: unref(appImage)
+              src: appImage.value
             }, null, 8, ["src"])) : (openBlock(), createBlock(unref(Icon), {
               key: 1,
               class: "trigger-icon",
@@ -99,21 +102,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])
         ], true),
         renderSlot(_ctx.$slots, "left-icon", {}, () => [
-          unref(osIcon) ? (openBlock(), createBlock(unref(Icon), {
+          osIcon.value ? (openBlock(), createBlock(unref(Icon), {
             key: 0,
             class: "include-exclude-trigger-left-icon",
-            name: unref(osIcon),
+            name: osIcon.value,
             "font-size": "md"
           }, null, 8, ["name"])) : createCommentVNode("", true)
         ], true),
         createElementVNode("div", {
           class: normalizeClass(["include-exclude-trigger-middle-section", {
-            "include-exclude-trigger-middle-section--single": unref(singleApp),
-            "include-exclude-trigger-middle-section--loading": __props.loading || !__props.options?.length
+            "include-exclude-trigger-middle-section--single": singleApp.value,
+            "include-exclude-trigger-middle-section--loading": _ctx.loading || !_ctx.options?.length
           }])
         }, [
           renderSlot(_ctx.$slots, "title", {}, () => [
-            createVNode(unref(_sfc_main$1), { text: unref(title) }, {
+            createVNode(unref(_sfc_main$1), { text: title.value }, {
               default: withCtx(() => [
                 createVNode(unref(Text), {
                   strong: "",
@@ -122,7 +125,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   size: "sm"
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(title)), 1)
+                    createTextVNode(toDisplayString(title.value), 1)
                   ]),
                   _: 1
                 })
@@ -132,7 +135,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ], true),
           renderSlot(_ctx.$slots, "description", {}, () => [
             createElementVNode("div", null, [
-              createVNode(unref(_sfc_main$1), { text: unref(description) }, {
+              createVNode(unref(_sfc_main$1), { text: description.value }, {
                 default: withCtx(() => [
                   createVNode(unref(Text), {
                     class: "include-exclude-trigger-description",
@@ -140,7 +143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     "is-truncated": ""
                   }, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(unref(description)), 1)
+                      createTextVNode(toDisplayString(description.value), 1)
                     ]),
                     _: 1
                   })

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

@@ -98,7 +98,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     textKey: string;
     showImage: boolean;
     triggerTextFunc: (option: unknown) => string;
-}>;
+}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {