@ironsource/shared-ui 2.1.11-rc.15 → 2.1.11-rc.17

package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_93545ce0_lang.css

@@ -0,0 +1 @@
+.custom-list-area[data-v-93545ce0]{color:var(--text-secondary);width:100%;text-align:center;box-sizing:border-box;padding:53px 43px}.inline-search[data-v-93545ce0]{width:100%}.contain-accept[data-v-93545ce0]{padding:6px 8px;margin-bottom:4px;cursor:pointer}.contain-accept[data-v-93545ce0]:hover{background-color:var(--action-hover);border-radius:.5rem}.contain-accept--query[data-v-93545ce0]{margin-left:4px;display:inline-flex;color:var(--primary-main)}

package/PopoverV4.vue_vue_type_style_index_0_scoped_68002589_lang.css

@@ -0,0 +1 @@
+div[data-v-68002589]{display:block}

package/TooltipV4.vue_vue_type_style_index_0_scoped_82b46d6d_lang.css

@@ -0,0 +1 @@
+div[data-v-82b46d6d]{display:block}

package/components/autocomplete/Autocomplete.vue2.js

@@ -8,7 +8,7 @@ import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../dropdown/v4/TreeDropdown.vue.js";
 import "../dropdown/v4/OptionV4.vue.js";
-import "../dropdown/v4/ConditionalDroprown.vue.js";
+import "../dropdown/v4/ConditionalDropdown.vue.js";
 import N from "../input/v4/TextField.vue.js";
 import { useVModel as O } from "@vueuse/core";
 import D from "../shared/FieldHelpText.vue.js";

package/components/chart/SettingsHeader.vue2.js

@@ -8,7 +8,7 @@ import k from "../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../dropdown/v4/TreeDropdown.vue.js";
 import "../dropdown/v4/OptionV4.vue.js";
-import "../dropdown/v4/ConditionalDroprown.vue.js";
+import "../dropdown/v4/ConditionalDropdown.vue.js";
 import { DROPDOWN_TYPE_OPTIONS as c } from "./consts.js";
 const _ = { class: "settings-header-container" }, B = { class: "chart-type-selection" }, x = /* @__PURE__ */ h({
   __name: "SettingsHeader",

package/components/datePicker/v4/DatePickerV4.vue2.js

@@ -11,7 +11,7 @@ import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import w from "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../../dropdown/v4/TreeDropdown.vue.js";
 import "../../dropdown/v4/OptionV4.vue.js";
-import "../../dropdown/v4/ConditionalDroprown.vue.js";
+import "../../dropdown/v4/ConditionalDropdown.vue.js";
 const $ = ["id", "data-testid"], S = /* @__PURE__ */ g({
   __name: "DatePickerV4",
   props: {

package/components/dateRange/v4/DateRangeV4.vue2.js

@@ -14,7 +14,7 @@ import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import ee from "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../../dropdown/v4/TreeDropdown.vue.js";
 import "../../dropdown/v4/OptionV4.vue.js";
-import "../../dropdown/v4/ConditionalDroprown.vue.js";
+import "../../dropdown/v4/ConditionalDropdown.vue.js";
 import { DateRangeTestIdModifiers as o, DatePickerTestIdModifiers as te } from "../../../testids/index.js";
 import { dateRangeCommon as ae } from "../common/DateRange.common.js";
 import p from "../../typography/v4/Typography.vue.js";

package/components/dropdown/v3/index.d.ts

@@ -93,13 +93,13 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -269,13 +269,13 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -497,13 +497,13 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
         skidding: {
             type: import("vue").PropType<number>;
             default: number;
         };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -666,13 +666,13 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+    };
     skidding: {
         type: import("vue").PropType<number>;
         default: number;
     };
-    isOpen: {
-        type: import("vue").PropType<boolean>;
-    };
     modelValue: {
         type: import("vue").PropType<unknown>;
         default: any;

package/components/dropdown/v4/{ConditionalDroprown.vue.d.ts → ConditionalDropdown.vue.d.ts}

@@ -13,15 +13,18 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     fetchFnCallback: (q: string) => Promise<unknown[]>;
     optionNameKey: string;
     minCharsToStart?: number;
+    isOpen?: boolean;
 }>, {
     label: string;
     testId: string;
     comparingKey: string;
     optionNameKey: string;
     minCharsToStart: number;
+    isOpen: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selectedCondition": (value: SelectedCondition) => void;
     "update:appliedSelections": (value: unknown) => void;
+    clear: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     selectedCondition: SelectedCondition | null;
     appliedSelections: unknown | unknown[];
@@ -32,18 +35,22 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     fetchFnCallback: (q: string) => Promise<unknown[]>;
     optionNameKey: string;
     minCharsToStart?: number;
+    isOpen?: boolean;
 }>, {
     label: string;
     testId: string;
     comparingKey: string;
     optionNameKey: string;
     minCharsToStart: number;
+    isOpen: boolean;
 }>>> & {
+    onClear?: () => any;
     "onUpdate:selectedCondition"?: (value: SelectedCondition) => any;
     "onUpdate:appliedSelections"?: (value: unknown) => any;
 }, {
     label: string;
     testId: string;
+    isOpen: boolean;
     optionNameKey: string;
     comparingKey: string;
     minCharsToStart: number;

package/components/dropdown/v4/ConditionalDropdown.vue.js

@@ -0,0 +1,7 @@
+import o from "./ConditionalDropdown.vue2.js";
+/* empty css                          */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_93545ce0_lang.css"; //*');
+const n = /* @__PURE__ */ e(o, [["__scopeId", "data-v-93545ce0"]]);
+export {
+  n as default
+};

package/components/dropdown/v4/{ConditionalDroprown.vue2.js → ConditionalDropdown.vue2.js}

@@ -1,5 +1,5 @@
- import "../../../ConditionalDroprown.vue_vue_type_style_index_0_scoped_546e19a9_lang.css"; import { defineComponent as E, computed as f, ref as u, watch as y, openBlock as w, createBlock as A, unref as s, withCtx as m, createVNode as h, mergeProps as B, createElementVNode as F, isRef as U, createElementBlock as $, createTextVNode as z, toDisplayString as M, createCommentVNode as P } from "vue";
-import N from "./DropdownV4.vue.js";
+ import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_93545ce0_lang.css"; import { defineComponent as B, computed as f, ref as s, watch as b, openBlock as k, createBlock as E, unref as u, withCtx as m, createVNode as h, mergeProps as A, createElementVNode as F, isRef as U, createElementBlock as $, createTextVNode as z, toDisplayString as M, createCommentVNode as P } from "vue";
+import w from "./DropdownV4.vue.js";
 import "./DefaultDropdownTrigger.vue.js";
 import "./IconButtonDropdownTrigger.vue.js";
 import I from "./ChipDropdownTrigger.vue.js";
@@ -8,15 +8,15 @@ import "./ButtonDropdownTrigger.vue.js";
 import "./ButtonFilterDropdownTrigger.vue.js";
 import "./TreeDropdown.vue.js";
 import "./OptionV4.vue.js";
-import "./ConditionalDroprown.vue.js";
+import "./ConditionalDropdown.vue.js";
 import L from "../../search/v4/SearchV4.vue.js";
 import Q from "../../typography/v4/Typography.vue.js";
 import { useDebounceFn as R } from "@vueuse/core";
 const j = { class: "conditional-container" }, q = {
   key: 0,
   class: "custom-list-area"
-}, ue = /* @__PURE__ */ E({
-  __name: "ConditionalDroprown",
+}, se = /* @__PURE__ */ B({
+  __name: "ConditionalDropdown",
   props: {
     selectedCondition: null,
     appliedSelections: null,
@@ -26,34 +26,35 @@ const j = { class: "conditional-container" }, q = {
     comparingKey: { default: "id" },
     fetchFnCallback: null,
     optionNameKey: { default: "name" },
-    minCharsToStart: { default: 3 }
+    minCharsToStart: { default: 3 },
+    isOpen: { type: Boolean, default: !1 }
   },
-  emits: ["update:selectedCondition", "update:appliedSelections"],
-  setup(p, { emit: b }) {
-    const t = p, g = f({
+  emits: ["update:selectedCondition", "update:appliedSelections", "clear"],
+  setup(c, { emit: y }) {
+    const t = c, g = f({
       get: () => t.appliedSelections,
       set: (o) => {
-        b("update:appliedSelections", o);
+        y("update:appliedSelections", o);
       }
     }), a = f({
       get: () => t.selectedCondition || t.conditionalOptions[0],
       set: (o) => {
-        b("update:selectedCondition", o);
+        y("update:selectedCondition", o);
       }
-    }), c = u(!0), e = u([]), d = u([]), C = u(!0), r = u(!1), l = u(""), O = u(""), v = u(t.label), D = f(() => (!l.value || l.value?.length < t.minCharsToStart) && !e.value.length ? `Enter at least ${t.minCharsToStart} keywords to begin` : "No results found"), T = f(() => {
-      const o = c.value ? 2.5 : 4;
+    }), d = s(!0), e = s([]), p = s([]), C = s(!0), r = s(!1), l = s(""), N = s(""), v = s(t.label), D = f(() => (!l.value || l.value?.length < t.minCharsToStart) && !e.value.length ? `Enter at least ${t.minCharsToStart} keywords to begin` : "No results found"), T = f(() => {
+      const o = d.value ? 2.5 : 4;
       return e.value.length ? null : o;
     }), K = R(async (o) => {
       try {
         r.value = !0;
         const i = await t.fetchFnCallback(o);
-        r.value = !1, e.value = i, k();
+        r.value = !1, e.value = i, O();
       } catch (i) {
         console.error("Error fetching data:", i);
       }
     }, 400), S = (o) => {
       o.length >= t.minCharsToStart ? K(o) : e.value = [];
-    }, k = () => {
+    }, O = () => {
       l.value && e.value.length && !r.value && !a.value.multi ? e.value[0].conditionalOptions ? e.value[0] = {
         name: l.value,
         conditionalOptions: !0,
@@ -69,57 +70,58 @@ const j = { class: "conditional-container" }, q = {
         ...e.value
       ] : e.value.length && e.value[0].conditionalOptions && e.value.shift();
     };
-    y(l, () => {
+    b(l, () => {
       S(l.value);
-    }), y(a, () => {
-      k();
+    }), b(a, () => {
+      O();
     });
     const V = () => {
-      O.value = l.value, v.value = `${t.label} ${a.value.label.toLowerCase()}`, g.value = c.value ? [...d.value] : { ...d.value }, C.value = c.value;
+      N.value = l.value, v.value = `${t.label} ${a.value.label.toLowerCase()}`, g.value = d.value ? [...p.value] : { ...p.value }, C.value = d.value;
     };
-    y(a, () => {
-      a.value.multi ? (r.value = !0, d.value = [], setTimeout(() => {
-        r.value = !1, c.value = !0;
+    b(a, () => {
+      a.value.multi ? (r.value = !0, p.value = [], setTimeout(() => {
+        r.value = !1, d.value = !0;
       }, 100)) : setTimeout(() => {
-        c.value = !1;
+        d.value = !1;
       }, 100);
     });
     const x = () => {
-      d.value = [], g.value = [], a.value = null, v.value = t.label, l.value = "";
+      p.value = [], g.value = [], a.value = null, v.value = t.label, l.value = "", y("clear");
     };
-    return (o, i) => (w(), A(s(N), {
-      selected: d.value,
-      "onUpdate:selected": i[2] || (i[2] = (n) => d.value = n),
+    return (o, i) => (k(), E(u(w), {
+      selected: p.value,
+      "onUpdate:selected": i[2] || (i[2] = (n) => p.value = n),
       "predefined-trigger": "chip",
-      "display-value": (n) => n?.[p.optionNameKey],
-      multi: c.value,
+      "display-value": (n) => n?.[c.optionNameKey],
+      multi: d.value,
       options: e.value,
       placeholder: v.value,
       "search-placeholder": "Search",
-      "option-name-key": p.optionNameKey,
+      "option-name-key": c.optionNameKey,
       "with-conditions": "",
       "inline-search": "",
-      "custom-number-of-displayed-options": s(T),
+      "custom-number-of-displayed-options": u(T),
       "options-list-width": "330px",
       loading: r.value,
-      "comparing-key": p.comparingKey,
+      "comparing-key": c.comparingKey,
+      "is-open": c.isOpen,
       onOnsearch: S,
       onApply: V
     }, {
       "dropdown-trigger": m(({ defaultTriggerProps: n }) => [
-        h(s(I), B(n, {
+        h(u(I), A(n, {
           label: v.value,
-          "selected-option": s(g),
+          "selected-option": u(g),
           multi: C.value,
           onClear: x
         }), null, 16, ["label", "selected-option", "multi"])
       ]),
       "dropdown-conditions": m(() => [
         F("div", j, [
-          h(s(N), {
-            selected: s(a),
+          h(u(w), {
+            selected: u(a),
             "onUpdate:selected": i[0] || (i[0] = (n) => U(a) ? a.value = n : null),
-            options: p.conditionalOptions,
+            options: c.conditionalOptions,
             "option-name-key": "label",
             "display-value": (n) => n?.label,
             container: ".conditional-container",
@@ -128,7 +130,7 @@ const j = { class: "conditional-container" }, q = {
         ])
       ]),
       "inline-search": m(() => [
-        h(s(L), {
+        h(u(L), {
           modelValue: l.value,
           "onUpdate:modelValue": i[1] || (i[1] = (n) => l.value = n),
           class: "inline-search",
@@ -139,19 +141,19 @@ const j = { class: "conditional-container" }, q = {
         }, null, 8, ["modelValue"])
       ]),
       "custom-list-area": m(() => [
-        !e.value.length && !r.value ? (w(), $("div", q, [
+        !e.value.length && !r.value ? (k(), $("div", q, [
           h(Q, { variant: "body1" }, {
             default: m(() => [
-              z(M(s(D)), 1)
+              z(M(u(D)), 1)
             ]),
             _: 1
           })
         ])) : P("", !0)
       ]),
       _: 1
-    }, 8, ["selected", "display-value", "multi", "options", "placeholder", "option-name-key", "custom-number-of-displayed-options", "loading", "comparing-key"]));
+    }, 8, ["selected", "display-value", "multi", "options", "placeholder", "option-name-key", "custom-number-of-displayed-options", "loading", "comparing-key", "is-open"]));
   }
 });
 export {
-  ue as default
+  se as default
 };

package/components/dropdown/v4/DropdownV4.vue2.js

@@ -12,7 +12,7 @@ import "./ButtonDropdownTrigger.vue.js";
 import "./ButtonFilterDropdownTrigger.vue.js";
 import "./TreeDropdown.vue.js";
 import q from "./OptionV4.vue.js";
-import "./ConditionalDroprown.vue.js";
+import "./ConditionalDropdown.vue.js";
 import Ce from "../../search/v4/SearchV4.vue.js";
 import Y from "../../typography/v4/Typography.vue.js";
 import { Dropdown as Se } from "floating-vue";

package/components/dropdown/v4/TreeDropdown.vue2.js

@@ -8,7 +8,7 @@ import "./ButtonDropdownTrigger.vue.js";
 import "./ButtonFilterDropdownTrigger.vue.js";
 import "./TreeDropdown.vue.js";
 import S from "./OptionV4.vue.js";
-import "./ConditionalDroprown.vue.js";
+import "./ConditionalDropdown.vue.js";
 import { useChildOptions as ye } from "../composables/useChildOptions.js";
 import he from "../../search/v4/SearchV4.vue.js";
 import { useTestIdAttrs as fe } from "../../../utils/testIds.js";

package/components/dropdown/v4/index.d.ts

@@ -7,7 +7,7 @@ import ButtonDropdownTrigger from './ButtonDropdownTrigger.vue';
 import ButtonFilterDropdownTrigger from './ButtonFilterDropdownTrigger.vue';
 import TreeDropdown from './TreeDropdown.vue';
 import Option from './OptionV4.vue';
-import ConditionalDroprown from './ConditionalDroprown.vue';
+import ConditionalDropdown from './ConditionalDropdown.vue';
 declare const DropdownTypes: () => (({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -1795,13 +1795,13 @@ declare const DropdownTypes: () => (({
             loading: {
                 type: import("vue").PropType<boolean>;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -2054,13 +2054,13 @@ declare const DropdownTypes: () => (({
             loading: {
                 type: import("vue").PropType<boolean>;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -2388,13 +2388,13 @@ declare const DropdownTypes: () => (({
         loading: {
             type: import("vue").PropType<boolean>;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
         skidding: {
             type: import("vue").PropType<number>;
             default: number;
         };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -2640,13 +2640,13 @@ declare const DropdownTypes: () => (({
     loading: {
         type: import("vue").PropType<boolean>;
     };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+    };
     skidding: {
         type: import("vue").PropType<number>;
         default: number;
     };
-    isOpen: {
-        type: import("vue").PropType<boolean>;
-    };
     modelValue: {
         type: import("vue").PropType<unknown>;
         default: any;
@@ -3502,6 +3502,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     optionNameKey: {
         type: import("vue").PropType<string>;
         required: true;
@@ -3547,6 +3551,7 @@ declare const DropdownTypes: () => (({
         multi: boolean;
     }) => void;
     "update:appliedSelections": (value: unknown) => void;
+    clear: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
@@ -3557,6 +3562,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    isOpen: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     optionNameKey: {
         type: import("vue").PropType<string>;
         required: true;
@@ -3596,6 +3605,7 @@ declare const DropdownTypes: () => (({
         default: number;
     };
 }>> & {
+    onClear?: () => any;
     "onUpdate:selectedCondition"?: (value: {
         label: string;
         value: string;
@@ -3605,8 +3615,9 @@ declare const DropdownTypes: () => (({
 }, {
     label: string;
     testId: string;
+    isOpen: boolean;
     optionNameKey: string;
     comparingKey: string;
     minCharsToStart: number;
 }>)[];
-export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, ButtonDropdownTrigger, ButtonFilterDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, TreeDropdown, ConditionalDroprown, };
+export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, ButtonDropdownTrigger, ButtonFilterDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, TreeDropdown, ConditionalDropdown, };

package/components/dropdown/v4/index.js

@@ -7,7 +7,7 @@ import m from "./ButtonDropdownTrigger.vue.js";
 import n from "./ButtonFilterDropdownTrigger.vue.js";
 import e from "./TreeDropdown.vue.js";
 import g from "./OptionV4.vue.js";
-import f from "./ConditionalDroprown.vue.js";
+import d from "./ConditionalDropdown.vue.js";
 const C = () => [
   o,
   r,
@@ -18,14 +18,14 @@ const C = () => [
   i,
   g,
   e,
-  f
+  d
 ];
 export {
   i as AppDropdownTrigger,
   m as ButtonDropdownTrigger,
   n as ButtonFilterDropdownTrigger,
   t as ChipDropdownTrigger,
-  f as ConditionalDroprown,
+  d as ConditionalDropdown,
   r as DefaultDropdownTrigger,
   o as Dropdown,
   C as DropdownTypes,

package/components/multibar/MultiBarMenu.vue2.js

@@ -8,7 +8,7 @@ import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../dropdown/v4/TreeDropdown.vue.js";
 import g from "../dropdown/v4/OptionV4.vue.js";
-import "../dropdown/v4/ConditionalDroprown.vue.js";
+import "../dropdown/v4/ConditionalDropdown.vue.js";
 import x from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
 const h = /* @__PURE__ */ a({

package/components/popover/v4/PopoverV4.vue.d.ts

@@ -1,5 +1,6 @@
 import { Placement } from 'floating-vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    isOpen?: boolean;
     autoHide?: boolean;
     trigger?: "hover" | "click" | "focus" | "touch" | "managed";
     disabled?: boolean;
@@ -9,6 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId?: string;
     popperClass?: string;
 }>, {
+    isOpen: boolean;
     trigger: string;
     autoHide: boolean;
     disabled: boolean;
@@ -22,6 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     isOpen: (value: boolean) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    isOpen?: boolean;
     autoHide?: boolean;
     trigger?: "hover" | "click" | "focus" | "touch" | "managed";
     disabled?: boolean;
@@ -31,6 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId?: string;
     popperClass?: string;
 }>, {
+    isOpen: boolean;
     trigger: string;
     autoHide: boolean;
     disabled: boolean;
@@ -46,8 +50,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     placement: Placement;
     disabled: boolean;
     distance: number;
-    popperClass: string;
     autoHide: boolean;
+    popperClass: string;
+    isOpen: boolean;
     trigger: "hover" | "click" | "focus" | "touch" | "managed";
     skidding: number;
 }>, {

package/components/popover/v4/PopoverV4.vue.js

@@ -1,7 +1,8 @@
 import o from "./PopoverV4.vue2.js";
 /* empty css                *//* empty css                */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_43b5cba4_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-43b5cba4"]]);
+// import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_68002589_lang.css"; //*');
+// import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css";  //');
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-68002589"]]);
 export {
-  s as default
+  r as default
 };