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

package/components/includeExclude/IncludeExcludeAppHeader.vue.js

@@ -4,13 +4,12 @@ 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';
-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';
-
+/* 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 "../../IncludeExcludeAppHeader.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IncludeExcludeAppHeader",
   props: {
     imgProps: { default: void 0 },
@@ -22,9 +21,9 @@ const _sfc_main = defineComponent({
     keyField: { default: "appKey" },
     subTitleKey: { default: "appKey" },
     searchAttribute: { default: "name" },
-    applications: {},
+    applications: null,
     titleText: { default: "Application" },
-    modelValue: {},
+    modelValue: null,
     distanceOffset: { default: 4 },
     skiddingOffset: { default: 4 },
     isLoading: { type: Boolean, default: false }
@@ -37,22 +36,22 @@ const _sfc_main = defineComponent({
       return openBlock(), createBlock(unref(IncludeExclude), mergeProps(_ctx.$attrs, {
         modelValue: selectedOptionRef.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedOptionRef.value = $event),
-        loading: _ctx.isLoading,
-        "distance-offset": _ctx.distanceOffset,
-        "skidding-offset": _ctx.skiddingOffset,
-        "title-text": _ctx.titleText,
+        loading: __props.isLoading,
+        "distance-offset": __props.distanceOffset,
+        "skidding-offset": __props.skiddingOffset,
+        "title-text": __props.titleText,
         "is-on-top": true,
-        options: _ctx.applications,
-        "has-subtitle": _ctx.showSubTitle,
-        "search-placeholder": _ctx.searchPlaceholder,
+        options: __props.applications,
+        "has-subtitle": __props.showSubTitle,
+        "search-placeholder": __props.searchPlaceholder,
         "on-search": unref(search),
-        "key-field": _ctx.keyField
+        "key-field": __props.keyField
       }), {
         trigger: withCtx(() => [
           createVNode(unref(IncludeExcludeAppTrigger), {
             selected: selectedOptionRef.value,
-            options: _ctx.applications,
-            loading: _ctx.isLoading
+            options: __props.applications,
+            loading: __props.isLoading
           }, null, 8, ["selected", "options", "loading"])
         ]),
         option: withCtx(({ option, showCheckbox }) => [
@@ -60,12 +59,12 @@ const _sfc_main = defineComponent({
             option,
             "show-checkbox": showCheckbox,
             "title-text": option?.name,
-            subtitle: _ctx.showSubTitle ? option[_ctx.subTitleKey] : ""
+            subtitle: __props.showSubTitle ? option[__props.subTitleKey] : ""
           }, createSlots({
             image: withCtx(() => [
-              createVNode(unref(AppIcon), mergeProps(_ctx.imgProps, {
+              createVNode(unref(AppIcon), mergeProps(__props.imgProps, {
                 src: option.icon,
-                size: _ctx.showSubTitle ? "lg" : "md"
+                size: __props.showSubTitle ? "lg" : "md"
               }), null, 16, ["src", "size"])
             ]),
             default: withCtx(() => [
@@ -73,7 +72,7 @@ const _sfc_main = defineComponent({
             ]),
             _: 2
           }, [
-            _ctx.showIcon ? {
+            __props.showIcon ? {
               name: "icon-start",
               fn: withCtx(() => [
                 createVNode(unref(Icon), {
@@ -89,18 +88,18 @@ const _sfc_main = defineComponent({
             "show-checkbox": false,
             clearable: true,
             option,
-            subtitle: _ctx.showSubTitle ? option[_ctx.subTitleKey] : "",
+            subtitle: __props.showSubTitle ? option[__props.subTitleKey] : "",
             "title-text": option?.name
           }, createSlots({
             image: withCtx(() => [
-              createVNode(unref(AppIcon), mergeProps(_ctx.imgProps, {
+              createVNode(unref(AppIcon), mergeProps(__props.imgProps, {
                 src: option.icon,
-                size: _ctx.showSubTitle ? "lg" : "md"
+                size: __props.showSubTitle ? "lg" : "md"
               }), null, 16, ["src", "size"])
             ]),
             _: 2
           }, [
-            _ctx.showIcon ? {
+            __props.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,18 +1,14 @@
-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';
+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 Text from '../typography/Text.vue.js';
+/* empty css                                                                    *//* empty css                                                                */import IconButton from '../button/IconButton.vue.js';
 import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
-import AppIcon from '../appIcon/AppIcon.vue.js';
-/* empty css                                                                          */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                                      */import AppIcon from '../appIcon/AppIcon.vue.js';
+/* empty css                                                                          */
 import "../../IncludeExcludeAppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { class: "include-exclude-trigger-left-image" };
-const allTitle = "All apps selected";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IncludeExcludeAppTrigger",
   props: {
     selected: { default: null },
@@ -21,6 +17,7 @@ const _sfc_main = defineComponent({
   },
   setup(__props) {
     const props = __props;
+    const allTitle = "All apps selected";
     const title = computed(() => {
       if (allMode.value) {
         return allTitle;
@@ -84,15 +81,15 @@ const _sfc_main = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["include-exclude-trigger-container", {
-          "include-exclude-trigger-container--with-icons": selectedSize.value > 0 || allMode.value
+          "include-exclude-trigger-container--with-icons": unref(selectedSize) > 0 || unref(allMode)
         }])
       }, [
         renderSlot(_ctx.$slots, "left-image", {}, () => [
           createElementVNode("div", _hoisted_1, [
-            appImage.value ? (openBlock(), createBlock(unref(AppIcon), {
+            unref(appImage) ? (openBlock(), createBlock(unref(AppIcon), {
               key: 0,
               size: "xl",
-              src: appImage.value
+              src: unref(appImage)
             }, null, 8, ["src"])) : (openBlock(), createBlock(unref(Icon), {
               key: 1,
               class: "trigger-icon",
@@ -102,21 +99,21 @@ const _sfc_main = defineComponent({
           ])
         ], true),
         renderSlot(_ctx.$slots, "left-icon", {}, () => [
-          osIcon.value ? (openBlock(), createBlock(unref(Icon), {
+          unref(osIcon) ? (openBlock(), createBlock(unref(Icon), {
             key: 0,
             class: "include-exclude-trigger-left-icon",
-            name: osIcon.value,
+            name: unref(osIcon),
             "font-size": "md"
           }, null, 8, ["name"])) : createCommentVNode("", true)
         ], true),
         createElementVNode("div", {
           class: normalizeClass(["include-exclude-trigger-middle-section", {
-            "include-exclude-trigger-middle-section--single": singleApp.value,
-            "include-exclude-trigger-middle-section--loading": _ctx.loading || !_ctx.options?.length
+            "include-exclude-trigger-middle-section--single": unref(singleApp),
+            "include-exclude-trigger-middle-section--loading": __props.loading || !__props.options?.length
           }])
         }, [
           renderSlot(_ctx.$slots, "title", {}, () => [
-            createVNode(unref(_sfc_main$1), { text: title.value }, {
+            createVNode(unref(_sfc_main$1), { text: unref(title) }, {
               default: withCtx(() => [
                 createVNode(unref(Text), {
                   strong: "",
@@ -125,7 +122,7 @@ const _sfc_main = defineComponent({
                   size: "sm"
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(title.value), 1)
+                    createTextVNode(toDisplayString(unref(title)), 1)
                   ]),
                   _: 1
                 })
@@ -135,7 +132,7 @@ const _sfc_main = defineComponent({
           ], true),
           renderSlot(_ctx.$slots, "description", {}, () => [
             createElementVNode("div", null, [
-              createVNode(unref(_sfc_main$1), { text: description.value }, {
+              createVNode(unref(_sfc_main$1), { text: unref(description) }, {
                 default: withCtx(() => [
                   createVNode(unref(Text), {
                     class: "include-exclude-trigger-description",
@@ -143,7 +140,7 @@ const _sfc_main = defineComponent({
                     "is-truncated": ""
                   }, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(description.value), 1)
+                      createTextVNode(toDisplayString(unref(description)), 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> = {

package/components/includeExclude/IncludeExcludeChipFilter.vue.js

@@ -1,18 +1,16 @@
-import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString, createSlots, createElementVNode } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, isRef, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString, createSlots, createElementVNode } from 'vue';
 import Icon from '../icon/Icon.vue.js';
 import Chip from '../chip/Chip.vue.js';
 import { useSearch } from '../../composables/useSearch.vue.js';
 import IncludeExclude from './IncludeExclude.vue.js';
 import IncludeExcludeOption from './IncludeExcludeOption.vue.js';
-import './IncludeExcludeOptionDraggable.vue.js';
-import './IncludeExcludeAppTrigger.vue.js';
-import './IncludeExcludeAppHeader.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                                                                               */import 'floating-vue';
+/* empty css                                                      *//* empty css                                                                               *//* empty css                                                                    *//* empty css                                                                *//* empty css                                                                    *//* empty css                                                                      *//* empty css                                                                  *//* empty css                                                                          *//* empty css                                                                         *//* empty css                                                                          */
 import "../../IncludeExcludeChipFilter.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["src"];
 const _hoisted_2 = ["src"];
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IncludeExcludeChipFilter",
   props: {
     imgProps: { default: void 0 },
@@ -24,16 +22,16 @@ const _sfc_main = defineComponent({
     keyField: { default: "name" },
     subTitleKey: { default: "" },
     searchAttribute: { default: "name" },
-    options: {},
+    options: null,
     titleText: { default: "" },
-    modelValue: {},
+    modelValue: null,
     distanceOffset: { default: -8 },
     skiddingOffset: { default: 0 },
     isLoading: { type: Boolean, default: false },
     iconKey: { default: "icon" },
     textKey: { default: "name" },
     showImage: { type: Boolean, default: true },
-    triggerProps: {},
+    triggerProps: null,
     triggerTextFunc: { type: Function, default: () => "" }
   },
   emits: ["update:modelValue"],
@@ -51,29 +49,29 @@ const _sfc_main = defineComponent({
     const chipText = computed(() => props.triggerTextFunc(selectedOptionRef));
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(IncludeExclude), mergeProps(_ctx.$attrs, {
-        modelValue: selectedOptionRef.value,
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedOptionRef.value = $event),
-        loading: _ctx.isLoading,
-        "distance-offset": _ctx.distanceOffset,
-        "skidding-offset": _ctx.skiddingOffset,
-        "title-text": _ctx.titleText,
+        modelValue: unref(selectedOptionRef),
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(selectedOptionRef) ? selectedOptionRef.value = $event : null),
+        loading: __props.isLoading,
+        "distance-offset": __props.distanceOffset,
+        "skidding-offset": __props.skiddingOffset,
+        "title-text": __props.titleText,
         "is-on-top": true,
-        options: _ctx.options,
-        "has-subtitle": _ctx.showSubTitle,
-        "search-placeholder": _ctx.searchPlaceholder,
+        options: __props.options,
+        "has-subtitle": __props.showSubTitle,
+        "search-placeholder": __props.searchPlaceholder,
         "on-search": unref(search),
-        "key-field": _ctx.keyField
+        "key-field": __props.keyField
       }), {
         trigger: withCtx(() => [
           renderSlot(_ctx.$slots, "input", {}, () => [
             createVNode(unref(Chip), mergeProps({
-              selected: !!_ctx.modelValue.length
-            }, _ctx.triggerProps, {
-              clearable: _ctx.clearable,
+              selected: !!__props.modelValue.length
+            }, __props.triggerProps, {
+              clearable: __props.clearable,
               onCleared: _cache[0] || (_cache[0] = ($event) => selectedOptionRef.value = [])
             }), {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(chipText.value), 1)
+                createTextVNode(toDisplayString(unref(chipText)), 1)
               ]),
               _: 1
             }, 16, ["selected", "clearable"])
@@ -84,29 +82,29 @@ const _sfc_main = defineComponent({
             createVNode(unref(IncludeExcludeOption), {
               option,
               "show-checkbox": showCheckbox,
-              subtitle: _ctx.showSubTitle ? option[_ctx.subTitleKey] : "",
-              "title-text": option[_ctx.textKey]
+              subtitle: __props.showSubTitle ? option[__props.subTitleKey] : "",
+              "title-text": option[__props.textKey]
             }, createSlots({ _: 2 }, [
-              _ctx.showImage ? {
+              __props.showImage ? {
                 name: "image",
                 fn: withCtx(() => [
                   createElementVNode("img", mergeProps({
                     class: ["option-image", {
-                      "option-image-single-line": !_ctx.showSubTitle,
-                      "option-image-multi-lines": _ctx.showSubTitle
+                      "option-image-single-line": !__props.showSubTitle,
+                      "option-image-multi-lines": __props.showSubTitle
                     }]
-                  }, _ctx.imgProps, {
-                    src: option[_ctx.iconKey],
+                  }, __props.imgProps, {
+                    src: option[__props.iconKey],
                     alt: ""
                   }), null, 16, _hoisted_1)
                 ]),
                 key: "0"
               } : void 0,
-              _ctx.showIcon ? {
+              __props.showIcon ? {
                 name: "icon-start",
                 fn: withCtx(() => [
                   createVNode(unref(Icon), {
-                    name: option[_ctx.iconKey].toLowerCase()
+                    name: option[__props.iconKey].toLowerCase()
                   }, null, 8, ["name"])
                 ]),
                 key: "1"
@@ -119,28 +117,28 @@ const _sfc_main = defineComponent({
             "show-checkbox": false,
             clearable: true,
             option,
-            "title-text": option[_ctx.textKey],
-            subtitle: _ctx.showSubTitle ? option[_ctx.subTitleKey] : ""
+            "title-text": option[__props.textKey],
+            subtitle: __props.showSubTitle ? option[__props.subTitleKey] : ""
           }, createSlots({ _: 2 }, [
-            _ctx.showImage ? {
+            __props.showImage ? {
               name: "image",
               fn: withCtx(() => [
                 createElementVNode("img", mergeProps({
                   class: ["option-image", {
-                    "option-image-single-line": !_ctx.showSubTitle,
-                    "option-image-multi-lines": _ctx.showSubTitle
+                    "option-image-single-line": !__props.showSubTitle,
+                    "option-image-multi-lines": __props.showSubTitle
                   }]
-                }, _ctx.imgProps, {
-                  src: option[_ctx.iconKey]
+                }, __props.imgProps, {
+                  src: option[__props.iconKey]
                 }), null, 16, _hoisted_2)
               ]),
               key: "0"
             } : void 0,
-            _ctx.showIcon ? {
+            __props.showIcon ? {
               name: "icon-start",
               fn: withCtx(() => [
                 createVNode(unref(Icon), {
-                  name: option[_ctx.iconKey].toLowerCase()
+                  name: option[__props.iconKey].toLowerCase()
                 }, null, 8, ["name"])
               ]),
               key: "1"

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

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

package/components/includeExclude/IncludeExcludeOption.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, unref, createCommentVNode, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, withModifiers } from 'vue';
-import '../typography/Heading.vue.js';
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createBlock, createCommentVNode, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, withModifiers } from 'vue';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
 import { useIncludeExcludeContext } from './IncludeExcludeContext.vue.js';
 import { useId } from '../../composables/useId.vue.js';
@@ -7,8 +7,7 @@ import Checkbox from '../checkbox/Checkbox.vue.js';
 import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
 import Icon from '../icon/Icon.vue.js';
 import { NOOP } from '@vue/shared';
-/* empty css                                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                                      */
 import "../../IncludeExcludeOption.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = {
   key: 1,
@@ -20,12 +19,10 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = { class: "text-container" };
 const _hoisted_4 = { key: 0 };
-const isMulti = true;
-const tooltipDelay = 200;
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IncludeExcludeOption",
   props: {
-    option: {},
+    option: null,
     subtitle: { default: "" },
     disabled: { type: Boolean, default: false },
     showCheckbox: { type: Boolean, default: false },
@@ -40,6 +37,8 @@ const _sfc_main = defineComponent({
     const onClick = () => {
       api.select(props.option);
     };
+    const isMulti = true;
+    const tooltipDelay = 200;
     const active = computed(() => {
       return api.activeIndex.value !== null ? api.activeOption.value === props.option : false;
     });
@@ -51,11 +50,11 @@ const _sfc_main = defineComponent({
         ref_key: "el",
         ref: el,
         class: normalizeClass(["item-container", {
-          "item-container--disabled": _ctx.disabled,
-          "item-container--active": active.value,
-          "item-container--selected": selected.value,
+          "item-container--disabled": __props.disabled,
+          "item-container--active": unref(active),
+          "item-container--selected": unref(selected),
           "item-container--multi": isMulti,
-          "item-container--two-lines": _ctx.subtitle?.length
+          "item-container--two-lines": __props.subtitle?.length
         }])
       }, [
         createElementVNode("div", {
@@ -65,14 +64,14 @@ const _sfc_main = defineComponent({
             "item--without-icon": !_ctx.$slots["icon-start"] && !_ctx.$slots.image
           }])
         }, [
-          _ctx.showCheckbox ? (openBlock(), createBlock(unref(Checkbox), {
+          __props.showCheckbox ? (openBlock(), createBlock(unref(Checkbox), {
             key: 0,
             id: unref(id).toString(),
             tabindex: "-1",
             class: "checkbox",
             size: "sm",
-            "is-checked": selected.value,
-            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.disabled ? unref(NOOP)() : onClick())
+            "is-checked": unref(selected),
+            onClick: _cache[0] || (_cache[0] = ($event) => __props.disabled ? unref(NOOP)() : onClick())
           }, null, 8, ["id", "is-checked"])) : createCommentVNode("", true),
           _ctx.$slots.image ? (openBlock(), createElementBlock("div", _hoisted_1, [
             renderSlot(_ctx.$slots, "image", {}, void 0, true)
@@ -83,7 +82,7 @@ const _sfc_main = defineComponent({
           createElementVNode("div", _hoisted_3, [
             createVNode(unref(_sfc_main$1), {
               delay: tooltipDelay,
-              text: _ctx.titleText
+              text: __props.titleText
             }, {
               default: withCtx(() => [
                 createVNode(unref(Text), {
@@ -91,7 +90,7 @@ const _sfc_main = defineComponent({
                   "is-truncated": ""
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.titleText), 1)
+                    createTextVNode(toDisplayString(__props.titleText), 1)
                   ]),
                   _: 1
                 })
@@ -100,17 +99,17 @@ const _sfc_main = defineComponent({
             }, 8, ["text"]),
             createVNode(unref(_sfc_main$1), {
               delay: tooltipDelay,
-              text: _ctx.subtitle
+              text: __props.subtitle
             }, {
               default: withCtx(() => [
-                _ctx.subtitle ? (openBlock(), createBlock(unref(Text), {
+                __props.subtitle ? (openBlock(), createBlock(unref(Text), {
                   key: 0,
                   class: "subtitle",
                   size: "caption",
                   "is-truncated": ""
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.subtitle), 1)
+                    createTextVNode(toDisplayString(__props.subtitle), 1)
                   ]),
                   _: 1
                 })) : createCommentVNode("", true)
@@ -119,10 +118,10 @@ const _sfc_main = defineComponent({
             }, 8, ["text"])
           ])
         ], 2),
-        _ctx.clearable && selected.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+        __props.clearable && unref(selected) ? (openBlock(), createElementBlock("div", _hoisted_4, [
           createElementVNode("button", {
             class: "clear-button",
-            onClick: _cache[1] || (_cache[1] = withModifiers(($event) => unref(api).removeSelection(_ctx.option), ["prevent", "stop"]))
+            onClick: _cache[1] || (_cache[1] = withModifiers(($event) => unref(api).removeSelection(__props.option), ["prevent", "stop"]))
           }, [
             createVNode(unref(Icon), { name: "close-bold" })
           ])

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

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