@ironsource/shared-ui 2.1.7-test.3 → 2.1.7-test.5

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

@@ -1,24 +1,27 @@
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_9db0f796_lang.css"; import { defineComponent as B, ref as z, computed as N, openBlock as n, createBlock as f, unref as i, withCtx as y, createElementVNode as s, normalizeClass as v, createCommentVNode as o, createElementBlock as l, renderSlot as c, createVNode as d, createTextVNode as K, toDisplayString as h, withModifiers as V } from "vue";
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_b6a06f00_lang.css"; import { defineComponent as B, ref as z, computed as V, openBlock as n, createBlock as y, unref as i, withCtx as d, createElementVNode as l, normalizeClass as T, createCommentVNode as o, createElementBlock as a, renderSlot as r, createVNode as s, toDisplayString as v, createTextVNode as h, withModifiers as L } from "vue";
 import "../../typography/Heading.vue.js";
-import w from "../../typography/Text.vue.js";
+import N from "../../typography/Text.vue.js";
 import O from "../../checkbox/v4/CheckboxV4.vue.js";
-import T from "../../icon/v4/IconV4.vue.js";
+import g from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import { NOOP as P } from "@vue/shared";
 import { optionCommon as S } from "../common/Option.common.js";
-import E from "../../typography/v4/Typography.vue.js";
-import j from "../../tooltip/v4/TooltipV4.vue.js";
-import { isElementTruncated as M } from "../../../utils/text.js";
-const R = {
+import x from "../../typography/v4/Typography.vue.js";
+import E from "../../tooltip/v4/TooltipV4.vue.js";
+import { isElementTruncated as j } from "../../../utils/text.js";
+const M = {
   key: 1,
   class: "image"
-}, A = ["src"], D = {
+}, R = ["src"], A = {
   key: 2,
   class: "start-icon"
-}, q = {
+}, D = { class: "main-text" }, q = {
+  key: 0,
+  class: "caption-text"
+}, F = {
   key: 3,
   class: "end-icon"
-}, F = { key: 0 }, ee = /* @__PURE__ */ B({
+}, G = { key: 0 }, ie = /* @__PURE__ */ B({
   __name: "OptionV4",
   props: {
     option: { default: null },
@@ -34,90 +37,104 @@ const R = {
     iconType: { default: "regular" },
     endIconKey: { default: null },
     endIconType: { default: "regular" },
-    toolTipPlacement: { default: "right" }
+    toolTipPlacement: { default: "right" },
+    optionTwoLinesVariant: { default: void 0 },
+    optionTwoLinesKey: { default: void 0 }
   },
   setup(e) {
-    const g = e, { selected: r, isMulti: u, id: I, onClick: p, api: b } = S(g), m = z(null), x = N(
-      () => m.value && M(m.value)
-    ), C = (t) => t && typeof t == "object" && "optionTooltipText" in t ? t.optionTooltipText : x.value ? t[g.nameKey] : "", $ = (t) => t && typeof t == "object" && "optionTooltipTestId" in t ? t.optionTooltipTestId : null;
-    return (t, a) => (n(), f(i(j), {
-      text: C(e.option),
-      "test-id": $(e.option),
+    const k = e, { selected: u, isMulti: m, id: p, onClick: I, api: b } = S(k), f = z(null), C = V(
+      () => f.value && j(f.value)
+    ), $ = (t) => t && typeof t == "object" && "optionTooltipText" in t ? t.optionTooltipText : C.value ? t[k.nameKey] : "", w = (t) => t && typeof t == "object" && "optionTooltipTestId" in t ? t.optionTooltipTestId : null;
+    return (t, c) => (n(), y(i(E), {
+      text: $(e.option),
+      "test-id": w(e.option),
       placement: e.toolTipPlacement,
       class: "tooltip-option"
     }, {
-      default: y(() => [
-        s("div", {
+      default: d(() => [
+        l("div", {
           ref: "el",
-          class: v(["item-container", {
+          class: T(["item-container", {
             "item-container--disabled": e.disabled,
             "item-container--active": e.nameKey ? !1 : e.active,
-            "item-container--selected": i(r),
-            "item-container--multi": i(u)
+            "item-container--selected": i(u),
+            "item-container--multi": i(m)
           }])
         }, [
-          s("div", {
-            class: v(["item", {
-              "item--multi": i(u),
+          l("div", {
+            class: T(["item", {
+              "item--multi": i(m),
               "item--with-icon": t.$slots["icon-start"] || t.$slots.image
             }])
           }, [
-            i(u) ? (n(), f(i(O), {
+            i(m) ? (n(), y(i(O), {
               key: 0,
-              id: i(I).toString(),
+              id: i(p).toString(),
               tabindex: "-1",
               class: "checkbox",
-              "is-checked": i(r),
+              "is-checked": i(u),
               "is-indeterminate": e.isIndeterminate,
-              onClick: a[0] || (a[0] = (k) => e.disabled ? i(P)() : i(p)(k))
+              onClick: c[0] || (c[0] = (K) => e.disabled ? i(P)() : i(I)(K))
             }, null, 8, ["id", "is-checked", "is-indeterminate"])) : o("", !0),
-            t.$slots.image || e.imageKey ? (n(), l("div", R, [
-              c(t.$slots, "image", {}, () => [
-                e.imageKey ? (n(), l("img", {
+            t.$slots.image || e.imageKey ? (n(), a("div", M, [
+              r(t.$slots, "image", {}, () => [
+                e.imageKey ? (n(), a("img", {
                   key: 0,
                   src: e.option[e.imageKey]
-                }, null, 8, A)) : o("", !0)
+                }, null, 8, R)) : o("", !0)
               ], !0)
             ])) : o("", !0),
-            t.$slots["icon-start"] || e.iconKey ? (n(), l("div", D, [
-              c(t.$slots, "icon-start", {}, () => [
-                d(i(T), {
+            t.$slots["icon-start"] || e.iconKey ? (n(), a("div", A, [
+              r(t.$slots, "icon-start", {}, () => [
+                s(i(g), {
                   type: e.iconType,
                   name: e.option[e.iconKey],
                   size: e.iconType === "regular" ? "20px" : "16px"
                 }, null, 8, ["type", "name", "size"])
               ], !0)
             ])) : o("", !0),
-            s("div", {
+            l("div", {
               ref_key: "textContainerRef",
-              ref: m,
+              ref: f,
               class: "text-container"
             }, [
-              d(i(E), {
+              s(i(x), {
                 class: "option-text",
                 variant: "body2"
               }, {
-                default: y(() => [
-                  c(t.$slots, "default", {}, () => [
-                    K(h(e.option[e.nameKey]), 1)
+                default: d(() => [
+                  r(t.$slots, "default", {}, () => [
+                    l("div", {
+                      class: T(`option-content-${e.optionTwoLinesVariant || "horizontal"}`)
+                    }, [
+                      l("div", D, v(e.option[e.nameKey]), 1),
+                      e.optionTwoLinesKey ? (n(), a("div", q, [
+                        s(i(x), { variant: "caption" }, {
+                          default: d(() => [
+                            h(v(e.option[e.optionTwoLinesKey]), 1)
+                          ]),
+                          _: 1
+                        })
+                      ])) : o("", !0)
+                    ], 2)
                   ], !0)
                 ]),
                 _: 3
               }),
-              e.subtitle ? (n(), f(i(w), {
+              e.subtitle ? (n(), y(i(N), {
                 key: 0,
                 class: "subtitle",
                 size: "xs"
               }, {
-                default: y(() => [
-                  K(h(e.subtitle), 1)
+                default: d(() => [
+                  h(v(e.subtitle), 1)
                 ]),
                 _: 1
               })) : o("", !0)
             ], 512),
-            t.$slots["icon-end"] || e.endIconKey && e.option[e.endIconKey] ? (n(), l("div", q, [
-              c(t.$slots, "icon-end", {}, () => [
-                d(i(T), {
+            t.$slots["icon-end"] || e.endIconKey && e.option[e.endIconKey] ? (n(), a("div", F, [
+              r(t.$slots, "icon-end", {}, () => [
+                s(i(g), {
                   type: e.endIconType,
                   name: e.option[e.endIconKey],
                   size: e.endIconType === "regular" || e.endIconType === "ab-test" ? "20px" : "16px"
@@ -125,12 +142,12 @@ const R = {
               ], !0)
             ])) : o("", !0)
           ], 2),
-          i(b).clearable && i(r) ? (n(), l("div", F, [
-            s("button", {
+          i(b).clearable && i(u) ? (n(), a("div", G, [
+            l("button", {
               class: "clear-button",
-              onClick: a[1] || (a[1] = V((k) => i(b).clearSelection(), ["prevent", "stop"]))
+              onClick: c[1] || (c[1] = L((K) => i(b).clearSelection(), ["prevent", "stop"]))
             }, [
-              d(i(T), {
+              s(i(g), {
                 name: "close",
                 width: "8",
                 height: "8"
@@ -144,5 +161,5 @@ const R = {
   }
 });
 export {
-  ee as default
+  ie as default
 };

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

@@ -225,6 +225,20 @@ export declare const dropDownStoryArgs: {
             category: string;
         };
     };
+    optionTwoLinesVariant: {
+        options: string[];
+        table: {
+            category: string;
+        };
+    };
+    optionTwoLinesKey: {
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+        };
+    };
     valueToCopy: {
         control: {
             type: string;

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

@@ -1039,6 +1039,8 @@ declare const DropdownTypes: () => (({
             disabled: boolean;
             active: boolean;
             endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+            optionTwoLinesVariant: "horizontal" | "vertical";
+            optionTwoLinesKey: string;
             isIndeterminate: boolean;
             subtitle: string;
             selectAllOption: boolean;
@@ -1065,6 +1067,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
+            optionTwoLinesVariant: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: any;
+            };
+            optionTwoLinesKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             isIndeterminate: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1104,7 +1114,7 @@ declare const DropdownTypes: () => (({
             selectedProp: {
                 type: import("vue").PropType<boolean>;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1135,6 +1145,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
+            optionTwoLinesVariant: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: any;
+            };
+            optionTwoLinesKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             isIndeterminate: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1179,6 +1197,8 @@ declare const DropdownTypes: () => (({
             disabled: boolean;
             active: boolean;
             endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+            optionTwoLinesVariant: "horizontal" | "vertical";
+            optionTwoLinesKey: string;
             isIndeterminate: boolean;
             subtitle: string;
             selectAllOption: boolean;
@@ -1225,6 +1245,14 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
+        optionTwoLinesVariant: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: any;
+        };
+        optionTwoLinesKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         isIndeterminate: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1285,6 +1313,14 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: string;
     };
+    optionTwoLinesVariant: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: any;
+    };
+    optionTwoLinesKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     isIndeterminate: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -1329,6 +1365,8 @@ declare const DropdownTypes: () => (({
     disabled: boolean;
     active: boolean;
     endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    optionTwoLinesVariant: "horizontal" | "vertical";
+    optionTwoLinesKey: string;
     isIndeterminate: boolean;
     subtitle: string;
     selectAllOption: boolean;
@@ -1503,6 +1541,8 @@ declare const DropdownTypes: () => (({
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             valueToCopy: string;
             disabledOptionKey: string;
+            optionTwoLinesVariant: "horizontal" | "vertical";
+            optionTwoLinesKey: string;
             fullWidth: boolean;
             optionsListWidth: string;
             statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -1691,6 +1731,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            optionTwoLinesVariant: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: any;
+            };
+            optionTwoLinesKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1720,7 +1768,7 @@ declare const DropdownTypes: () => (({
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1917,6 +1965,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            optionTwoLinesVariant: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: any;
+            };
+            optionTwoLinesKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -2001,6 +2057,8 @@ declare const DropdownTypes: () => (({
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             valueToCopy: string;
             disabledOptionKey: string;
+            optionTwoLinesVariant: "horizontal" | "vertical";
+            optionTwoLinesKey: string;
             fullWidth: boolean;
             optionsListWidth: string;
             statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -2209,6 +2267,14 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        optionTwoLinesVariant: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: any;
+        };
+        optionTwoLinesKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         fullWidth: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -2428,6 +2494,14 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    optionTwoLinesVariant: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: any;
+    };
+    optionTwoLinesKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     fullWidth: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -2512,6 +2586,8 @@ declare const DropdownTypes: () => (({
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     valueToCopy: string;
     disabledOptionKey: string;
+    optionTwoLinesVariant: "horizontal" | "vertical";
+    optionTwoLinesKey: string;
     fullWidth: boolean;
     optionsListWidth: string;
     statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";

package/components/includeExclude/IncludeExclude.vue.js

@@ -1,7 +1,7 @@
-import e from "./IncludeExclude.vue2.js";
-/* empty css                     */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_fb054d88_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-fb054d88"]]);
+import c from "./IncludeExclude.vue2.js";
+/* empty css                     */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_cc2adbf5_lang.css"; //*');
+const s = /* @__PURE__ */ e(c, [["__scopeId", "data-v-cc2adbf5"]]);
 export {
   s as default
 };

package/components/includeExclude/IncludeExclude.vue2.js

@@ -1,5 +1,5 @@
- import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_fb054d88_lang.css"; import { defineComponent as Te, computed as v, ref as u, watch as j, provide as Oe, openBlock as d, createBlock as I, unref as t, withCtx as g, createElementVNode as a, renderSlot as C, createTextVNode as w, toDisplayString as J, createCommentVNode as h, createVNode as f, Transition as $e, createElementBlock as o, normalizeClass as Q, mergeProps as O, Fragment as $, renderList as R, toRaw as T, nextTick as Re } from "vue";
-import Ae from "../popover/Popover.vue.js";
+ import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_cc2adbf5_lang.css"; import { defineComponent as Te, computed as v, ref as u, watch as j, provide as Oe, openBlock as d, createBlock as I, unref as t, withCtx as g, createElementVNode as a, renderSlot as C, createTextVNode as w, toDisplayString as J, createCommentVNode as h, createVNode as f, Transition as $e, createElementBlock as o, normalizeClass as Q, mergeProps as O, Fragment as $, renderList as R, toRaw as T, nextTick as Re } from "vue";
+import Ae from "../popover/v3/Popover.vue.js";
 import N from "../button/v3/Button.vue.js";
 import "../button/v3/IconButton.vue.js";
 import "../button/v3/ScrollButton.vue.js";

package/components/includeExclude/IncludeExcludeDragDrop.vue.js

@@ -1,7 +1,7 @@
-import o from "./IncludeExcludeDragDrop.vue2.js";
-/* empty css                             */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_5764fd61_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-5764fd61"]]);
+import e from "./IncludeExcludeDragDrop.vue2.js";
+/* empty css                             */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_bd6145ce_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-bd6145ce"]]);
 export {
   p as default
 };

package/components/includeExclude/IncludeExcludeDragDrop.vue2.js

@@ -1,5 +1,5 @@
- import "../../IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_5764fd61_lang.css"; import { defineComponent as Re, computed as p, ref as c, watch as H, provide as Ae, openBlock as i, createBlock as O, unref as l, withCtx as h, createElementVNode as s, renderSlot as v, normalizeClass as N, createTextVNode as C, toDisplayString as le, createCommentVNode as f, createVNode as g, Transition as Pe, createElementBlock as u, mergeProps as w, Fragment as U, renderList as W, toRaw as S, isRef as Ee, nextTick as Fe } from "vue";
-import $e from "../popover/Popover.vue.js";
+ import "../../IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_bd6145ce_lang.css"; import { defineComponent as Re, computed as p, ref as c, watch as H, provide as Ae, openBlock as i, createBlock as O, unref as l, withCtx as h, createElementVNode as s, renderSlot as v, normalizeClass as N, createTextVNode as C, toDisplayString as le, createCommentVNode as f, createVNode as g, Transition as Pe, createElementBlock as u, mergeProps as w, Fragment as U, renderList as W, toRaw as S, isRef as Ee, nextTick as Fe } from "vue";
+import $e from "../popover/v3/Popover.vue.js";
 import G from "../button/v3/Button.vue.js";
 import "../button/v3/IconButton.vue.js";
 import "../button/v3/ScrollButton.vue.js";

package/components/input/v4/TextField.vue.js

@@ -1,7 +1,7 @@
 import e from "./TextField.vue2.js";
 /* empty css                */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TextField.vue_vue_type_style_index_0_scoped_eb472aa3_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-eb472aa3"]]);
+// import "../../../TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css"; //*');
+const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-4d9bf5b2"]]);
 export {
-  a as default
+  d as default
 };

package/components/input/v4/TextField.vue2.js

@@ -1,4 +1,4 @@
- import "../../../TextField.vue_vue_type_style_index_0_scoped_eb472aa3_lang.css"; import { defineComponent as J, computed as f, ref as Q, openBlock as l, createElementBlock as d, mergeProps as c, unref as t, createBlock as r, createCommentVNode as n, createElementVNode as A, normalizeClass as E, renderSlot as F, withCtx as b, createTextVNode as V, toDisplayString as $, withKeys as U, withModifiers as z, normalizeProps as O, createVNode as p } from "vue";
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css"; import { defineComponent as J, computed as f, ref as Q, openBlock as l, createElementBlock as d, mergeProps as c, unref as t, createBlock as r, createCommentVNode as n, createElementVNode as A, normalizeClass as E, renderSlot as F, withCtx as b, createTextVNode as V, toDisplayString as $, withKeys as U, withModifiers as z, normalizeProps as O, createVNode as p } from "vue";
 import v from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import X from "../../tooltip/v4/TooltipV4.vue.js";

package/components/popover/common/Popover.common.d.ts

@@ -0,0 +1,6 @@
+export declare const popoverCommon: () => {
+    popup: import("vue").Ref<HTMLDivElement>;
+    open: import("vue").Ref<boolean>;
+    toggle: (value?: boolean) => boolean;
+    triggerRef: import("vue").Ref<HTMLDivElement>;
+};

package/components/popover/common/Popover.common.js

@@ -0,0 +1,17 @@
+import { useToggle as p, onClickOutside as g } from "@vueuse/core";
+import { ref as n } from "vue";
+const f = () => {
+  const [o, e] = p(!1), r = n(), t = n();
+  return g(
+    r,
+    () => {
+      o.value && e();
+    },
+    {
+      ignore: [t]
+    }
+  ), { popup: r, open: o, toggle: e, triggerRef: t };
+};
+export {
+  f as popoverCommon
+};

package/components/popover/v3/Popover.vue.js

@@ -0,0 +1,8 @@
+import o from "./Popover.vue2.js";
+/* empty css              *//* empty css              */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Popover.vue_vue_type_style_index_0_scoped_c607b770_lang.css"; //*');
+// import "../../../Popover.vue_vue_type_style_index_1_lang.css";  //');
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c607b770"]]);
+export {
+  r as default
+};

package/components/popover/{Popover.vue2.js → v3/Popover.vue2.js}

@@ -1,4 +1,4 @@
- import "../../Popover.vue_vue_type_style_index_0_scoped_25eb53db_lang.css";  import "../../Popover.vue_vue_type_style_index_1_lang.css";  import { defineComponent as n, openBlock as i, createBlock as r, unref as l, withCtx as a, renderSlot as d } from "vue";
+ import "../../../Popover.vue_vue_type_style_index_0_scoped_c607b770_lang.css";  import "../../../Popover.vue_vue_type_style_index_1_lang.css";  import { defineComponent as n, openBlock as i, createBlock as r, unref as l, withCtx as a, renderSlot as d } from "vue";
 import { Dropdown as s } from "floating-vue";
 const f = /* @__PURE__ */ n({
   __name: "Popover",

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

@@ -0,0 +1,73 @@
+import { Placement } from 'floating-vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    autoHide?: boolean;
+    trigger?: "touch" | "click" | "focus" | "hover" | "managed";
+    disabled?: boolean;
+    placement?: Placement;
+    distance?: number;
+    skidding?: number;
+    testId?: string;
+    popperClass?: string;
+}>, {
+    trigger: string;
+    autoHide: boolean;
+    disabled: boolean;
+    placement: string;
+    distance: number;
+    skidding: number;
+    testId: string;
+    popperClass: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    autoHide?: boolean;
+    trigger?: "touch" | "click" | "focus" | "hover" | "managed";
+    disabled?: boolean;
+    placement?: Placement;
+    distance?: number;
+    skidding?: number;
+    testId?: string;
+    popperClass?: string;
+}>, {
+    trigger: string;
+    autoHide: boolean;
+    disabled: boolean;
+    placement: string;
+    distance: number;
+    skidding: number;
+    testId: string;
+    popperClass: string;
+}>>>, {
+    disabled: boolean;
+    testId: string;
+    placement: Placement;
+    distance: number;
+    popperClass: string;
+    autoHide: boolean;
+    skidding: number;
+    trigger: "touch" | "click" | "focus" | "hover" | "managed";
+}>, {
+    trigger?(_: {}): any;
+    content?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,7 @@
+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_c54cd089_lang.css"; //*');
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c54cd089"]]);
+export {
+  r as default
+};