@ironsource/shared-ui 2.0.0-rc.4 → 2.0.0-rc.6

package/components/multibar/MultiBar.vue2.js

@@ -0,0 +1,96 @@
+ import "../../MultiBar.vue_vue_type_style_index_0_scoped_f5061530_lang.css"; import { defineComponent as k, computed as y, openBlock as n, createBlock as s, Teleport as g, createVNode as c, Transition as A, withCtx as u, unref as o, createElementBlock as r, mergeProps as T, createElementVNode as V, createTextVNode as C, toDisplayString as v, createCommentVNode as d, Fragment as x, renderList as z, normalizeClass as M } from "vue";
+import { useVModel as N } from "@vueuse/core";
+import S from "../typography/v4/Typography.vue.js";
+import w from "../button/v4/ButtonV4.vue.js";
+import E from "../button/v4/IconButtonV4.vue.js";
+import $ from "./MultiBarMenu.vue.js";
+const D = { class: "multi-bar-panel" }, F = {
+  key: 0,
+  class: "count-text"
+}, I = {
+  inheritAttrs: !1
+}, O = /* @__PURE__ */ k({
+  ...I,
+  __name: "MultiBar",
+  props: {
+    modelValue: { type: Boolean },
+    selectedCount: { default: 0 },
+    appendToBody: { type: Boolean, default: !0 },
+    actions: { default: () => [] },
+    visibleActionsCount: { default: 4 },
+    size: { default: "medium" },
+    position: { default: "center" }
+  },
+  emits: ["update:modelValue", "close", "action"],
+  setup(t, { emit: l }) {
+    const e = t, m = N(e, "modelValue", l), h = () => {
+      m.value = !1, l("close");
+    }, f = (a) => {
+      l("action", a);
+    }, b = y(
+      () => e.actions.length > e.visibleActionsCount ? e.actions.slice(0, e.visibleActionsCount) : e.actions
+    ), p = y(
+      () => e.actions.length > e.visibleActionsCount ? e.actions.slice(e.visibleActionsCount) : []
+    );
+    return (a, L) => (n(), s(g, {
+      to: "body",
+      disabled: !t.appendToBody
+    }, [
+      c(A, { name: "multi-bar" }, {
+        default: u(() => [
+          o(m) ? (n(), r("div", T({
+            key: 0,
+            class: ["multi-bar", {
+              "light-theme-v4": !0,
+              "multi-bar--fixed": t.appendToBody,
+              "multi-bar--sticky": !t.appendToBody,
+              "multi-bar--small": t.size === "small",
+              "multi-bar--medium": t.size === "medium",
+              "multi-bar--left": t.position === "left"
+            }]
+          }, a.$attrs), [
+            V("div", D, [
+              c(o(E), {
+                "icon-name": "x",
+                class: "close-icon",
+                onClick: h
+              }),
+              t.selectedCount ? (n(), r("div", F, [
+                c(o(S), { variant: "body1" }, {
+                  default: u(() => [
+                    C(v(t.selectedCount) + " selected ", 1)
+                  ]),
+                  _: 1
+                })
+              ])) : d("", !0),
+              (n(!0), r(x, null, z(o(b), (i, B) => (n(), s(o(w), {
+                key: i.id,
+                class: M(["action-button", {
+                  "action-button--last": B === o(b).length - 1
+                }]),
+                variant: "text",
+                color: "default",
+                "start-icon-name": i.icon,
+                onClick: (P) => f(i)
+              }, {
+                default: u(() => [
+                  C(v(i.title), 1)
+                ]),
+                _: 2
+              }, 1032, ["class", "start-icon-name", "onClick"]))), 128)),
+              o(p).length ? (n(), s($, {
+                key: 1,
+                "menu-items": o(p),
+                onSelected: f
+              }, null, 8, ["menu-items"])) : d("", !0)
+            ])
+          ], 16)) : d("", !0)
+        ]),
+        _: 1
+      })
+    ], 8, ["disabled"]));
+  }
+});
+export {
+  O as default
+};

package/components/multibar/MultiBarMenu.vue.d.ts

@@ -0,0 +1,34 @@
+import { MultiBarAction } from '@/components/multibar/MultiBar.types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    menuItems: MultiBarAction[];
+}>, {
+    menuItems: () => any[];
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    selected: (item: unknown) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    menuItems: MultiBarAction[];
+}>, {
+    menuItems: () => any[];
+}>>> & {
+    onSelected?: (item: unknown) => any;
+}, {
+    menuItems: MultiBarAction[];
+}>;
+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];
+} & {};

package/components/multibar/MultiBarMenu.vue.js

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

package/components/multibar/MultiBarMenu.vue2.js

@@ -0,0 +1,50 @@
+ import "../../MultiBarMenu.vue_vue_type_style_index_0_scoped_ae2bbc6c_lang.css"; import { defineComponent as l, openBlock as p, createBlock as d, unref as t, withCtx as o, createVNode as m, createSlots as c, createTextVNode as u, toDisplayString as f } from "vue";
+import _ from "../dropdown/v4/DropdownV4.vue.js";
+import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
+import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
+import "../dropdown/v4/ChipDropdownTrigger.vue.js";
+import g from "../dropdown/v4/OptionV4.vue.js";
+import x from "../icon/v4/IconV4.vue.js";
+const w = /* @__PURE__ */ l({
+  __name: "MultiBarMenu",
+  props: {
+    menuItems: { default: () => [] }
+  },
+  emits: ["selected"],
+  setup(a, { emit: s }) {
+    const n = (r) => r.title;
+    return (r, i) => (p(), d(t(_), {
+      class: "multi-bar-menu",
+      options: a.menuItems,
+      "display-value": n,
+      "predefined-trigger": "icon-button",
+      placement: "right-end",
+      skidding: -20,
+      "onUpdate:selected": i[0] || (i[0] = (e) => s("selected", e))
+    }, {
+      default: o(({ option: e }) => [
+        m(t(g), { option: e }, c({
+          default: o(() => [
+            u(" " + f(n(e)), 1)
+          ]),
+          _: 2
+        }, [
+          e.icon ? {
+            name: "icon-start",
+            fn: o(() => [
+              m(t(x), {
+                name: e.icon,
+                size: "20px"
+              }, null, 8, ["name"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["option"])
+      ]),
+      _: 1
+    }, 8, ["options"]));
+  }
+});
+export {
+  w as default
+};

package/components/multibar/index.d.ts

@@ -0,0 +1,77 @@
+import MultiBar from './MultiBar.vue';
+declare const MultiBarTypes: () => import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<"small" | "medium">;
+        default: string;
+    };
+    position: {
+        type: import("vue").PropType<"left" | "center">;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    actions: {
+        type: import("vue").PropType<import("./MultiBar.types").MultiBarAction[]>;
+        default: () => any[];
+    };
+    appendToBody: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    selectedCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    visibleActionsCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => void;
+    close: () => void;
+    action: (action: import("./MultiBar.types").MultiBarAction) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<"small" | "medium">;
+        default: string;
+    };
+    position: {
+        type: import("vue").PropType<"left" | "center">;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    actions: {
+        type: import("vue").PropType<import("./MultiBar.types").MultiBarAction[]>;
+        default: () => any[];
+    };
+    appendToBody: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    selectedCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    visibleActionsCount: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}>> & {
+    onClose?: () => any;
+    "onUpdate:modelValue"?: (value: unknown) => any;
+    onAction?: (action: import("./MultiBar.types").MultiBarAction) => any;
+}, {
+    size: "small" | "medium";
+    position: "left" | "center";
+    actions: import("./MultiBar.types").MultiBarAction[];
+    appendToBody: boolean;
+    selectedCount: number;
+    visibleActionsCount: number;
+}>[];
+export type { MultiBarAction } from './MultiBar.types';
+export { MultiBar, MultiBarTypes };

package/components/multibar/index.js

@@ -0,0 +1,6 @@
+import r from "./MultiBar.vue.js";
+const o = () => [r];
+export {
+  r as MultiBar,
+  o as MultiBarTypes
+};

package/components/popover/index.d.ts

@@ -27,14 +27,14 @@ declare const PopoverTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            open: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-            };
             distance: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -74,14 +74,14 @@ declare const PopoverTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            open: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-            };
             distance: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -135,14 +135,14 @@ declare const PopoverTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        open: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-        };
         distance: {
             type: import("vue").PropType<number>;
             default: number;
         };
+        open: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
         skidding: {
             type: import("vue").PropType<number>;
             default: number;
@@ -172,14 +172,14 @@ declare const PopoverTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    open: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-    };
     distance: {
         type: import("vue").PropType<number>;
         default: number;
     };
+    open: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
     skidding: {
         type: import("vue").PropType<number>;
         default: number;

package/components/search/common/Search.common.d.ts

@@ -5,5 +5,6 @@ export declare const searchCommon: (props: any, emit: any) => {
     showClear: import("vue").ComputedRef<boolean>;
     rightIcon: import("vue").ComputedRef<"cancel" | "search">;
     onRightIconClick: () => void;
-    inputRef: import("vue").Ref<HTMLInputElement>;
+    inputRef: import("vue").Ref<any>;
+    clearValue: () => void;
 };

package/components/search/common/Search.common.js

@@ -1,20 +1,21 @@
-import { ref as m, computed as e } from "vue";
-const I = (t, a) => {
-  const u = m(), c = (d) => {
-    a("update:modelValue", d.target.value);
-  }, s = () => {
-    a("update:modelValue", ""), o();
+import { ref as d, computed as e } from "vue";
+const I = (a, u) => {
+  const t = d(), s = (m) => {
+    u("update:modelValue", m.target.value);
+  }, o = () => {
+    u("update:modelValue", ""), t.value.focus ? l() : t.value.manualFocus();
   }, i = () => {
-    n.value ? s() : o();
-  }, o = () => u.value.focus(), n = e(() => t.modelValue !== ""), r = e(() => t.variant === "inline-table"), l = e(() => t.variant === "transparent"), v = e(() => ((r.value || l.value) && n.value, n.value)), f = e(() => l.value || r.value), h = e(() => n.value ? "cancel" : "search");
+    n.value ? o() : l();
+  }, l = () => t.value.focus(), n = e(() => a.modelValue !== ""), r = e(() => a.variant === "inline-table"), c = e(() => a.variant === "transparent"), v = e(() => ((r.value || c.value) && n.value, n.value)), f = e(() => c.value || r.value), h = e(() => n.value ? "cancel" : "search");
   return {
     showLeftIcon: f,
-    updateValue: c,
+    updateValue: s,
     showRightIcon: v,
     showClear: n,
     rightIcon: h,
     onRightIconClick: i,
-    inputRef: u
+    inputRef: t,
+    clearValue: o
   };
 };
 export {

package/components/search/v3/Search.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled: boolean;
     testId: string;
 }>, {
-    inputRef: import("vue").Ref<HTMLInputElement>;
+    inputRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{

package/components/search/v3/Search.vue.js

@@ -1,7 +1,7 @@
 import e from "./Search.vue2.js";
 /* empty css             */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../Search.vue_vue_type_style_index_0_scoped_446ea6ad_lang.css"; //*');
-const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-446ea6ad"]]);
+// import "../../../Search.vue_vue_type_style_index_0_scoped_63beaf6b_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-63beaf6b"]]);
 export {
-  t as default
+  a as default
 };

package/components/search/v3/Search.vue2.js

@@ -1,5 +1,5 @@
- import "../../../Search.vue_vue_type_style_index_0_scoped_446ea6ad_lang.css"; import { defineComponent as v, openBlock as a, createElementBlock as b, normalizeClass as l, unref as e, createBlock as i, createCommentVNode as c, createElementVNode as g } from "vue";
-import r from "../../icon/Icon.vue.js";
+ import "../../../Search.vue_vue_type_style_index_0_scoped_63beaf6b_lang.css"; import { defineComponent as v, openBlock as a, createElementBlock as b, normalizeClass as l, unref as e, createBlock as i, createCommentVNode as c, createElementVNode as g } from "vue";
+import r from "../../icon/v3/Icon.vue.js";
 import { SearchTestIdModifiers as o } from "../../../testids/index.js";
 import { searchCommon as p } from "../common/Search.common.js";
 const z = ["data-testid"], E = ["value", "placeholder", "disabled", "data-testid"], L = /* @__PURE__ */ v({

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

@@ -24,7 +24,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         required: true;
     };
 }, {
-    inputRef: import("vue").Ref<HTMLInputElement>;
+    inputRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/components/search/v4/SearchV4.vue.d.ts

@@ -1,38 +1,33 @@
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue: string;
     placeholder: string;
-    variant?: 'default' | 'inline-table' | 'transparent';
-    size?: 'sm' | 'md';
     disabled?: boolean;
     testId?: string;
+    autoFocus?: boolean;
 }>, {
-    variant: string;
-    size: string;
     disabled: boolean;
     testId: string;
+    autoFocus: boolean;
 }>, {
-    inputRef: import("vue").Ref<HTMLInputElement>;
+    inputRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => void;
+    "update:modelValue": (value: string | number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue: string;
     placeholder: string;
-    variant?: 'default' | 'inline-table' | 'transparent';
-    size?: 'sm' | 'md';
     disabled?: boolean;
     testId?: string;
+    autoFocus?: boolean;
 }>, {
-    variant: string;
-    size: string;
     disabled: boolean;
     testId: string;
+    autoFocus: boolean;
 }>>> & {
-    "onUpdate:modelValue"?: (value: string) => any;
+    "onUpdate:modelValue"?: (value: string | number) => any;
 }, {
-    size: 'sm' | 'md';
     testId: string;
-    variant: 'default' | 'inline-table' | 'transparent';
     disabled: boolean;
+    autoFocus: boolean;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/search/v4/SearchV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./SearchV4.vue2.js";
 /* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../SearchV4.vue_vue_type_style_index_0_scoped_71404005_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-71404005"]]);
+// import "../../../SearchV4.vue_vue_type_style_index_0_scoped_215f0f29_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-215f0f29"]]);
 export {
   c as default
 };

package/components/search/v4/SearchV4.vue2.js

@@ -1,62 +1,57 @@
- import "../../../SearchV4.vue_vue_type_style_index_0_scoped_71404005_lang.css"; import { defineComponent as v, openBlock as a, createElementBlock as b, normalizeClass as l, unref as e, createBlock as i, createCommentVNode as c, createElementVNode as g } from "vue";
-import r from "../../icon/Icon.vue.js";
-import { SearchTestIdModifiers as o } from "../../../testids/index.js";
-import { searchCommon as p } from "../common/Search.common.js";
-const z = ["data-testid"], E = ["value", "placeholder", "disabled", "data-testid"], L = /* @__PURE__ */ v({
+ import "../../../SearchV4.vue_vue_type_style_index_0_scoped_215f0f29_lang.css"; import { defineComponent as p, openBlock as V, createElementBlock as h, mergeProps as u, unref as e, createVNode as a, withCtx as x, withDirectives as I, createElementVNode as v, vShow as C } from "vue";
+import c from "../../icon/v4/IconV4.vue.js";
+import { SearchTestIdModifiers as d } from "../../../testids/index.js";
+import { searchCommon as b } from "../common/Search.common.js";
+import B from "../../input/v4/TextField.vue.js";
+import { useTestIdAttrs as g } from "../../../utils/testIds.js";
+const T = /* @__PURE__ */ p({
   __name: "SearchV4",
   props: {
     modelValue: null,
     placeholder: null,
-    variant: { default: "default" },
-    size: { default: "sm" },
     disabled: { type: Boolean, default: !1 },
-    testId: { default: "" }
+    testId: { default: "" },
+    autoFocus: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(t, { expose: u, emit: m }) {
-    const f = t, {
-      showLeftIcon: h,
-      updateValue: d,
-      showRightIcon: I,
-      showClear: C,
-      rightIcon: k,
-      onRightIconClick: V,
-      inputRef: n
-    } = p(f, m);
-    return u({
-      inputRef: n
-    }), (R, s) => (a(), b("div", {
-      class: l(["search-container", `${t.size}`]),
-      "data-testid": `${t.testId}-${e(o).CONTAINER}`
-    }, [
-      e(h) ? (a(), i(e(r), {
-        key: 0,
-        class: "search-left-icon",
-        name: "search-bold",
-        "font-size": "sm"
-      })) : c("", !0),
-      g("input", {
+  setup(t, { expose: f, emit: r }) {
+    const s = t, { inputRef: i, clearValue: n } = b(s, r), m = g(s.testId, d);
+    return f({
+      inputRef: i
+    }), (k, o) => (V(), h("div", u({ class: "search-container" }, e(m)[e(d).CONTAINER]), [
+      a(e(B), {
         ref_key: "inputRef",
-        ref: n,
-        class: l({ [t.variant]: !0, activated: t.modelValue !== "" }),
-        value: t.modelValue,
+        ref: i,
+        "model-value": t.modelValue,
+        "icon-before-name": "search",
+        "auto-focus": t.autoFocus,
         placeholder: t.placeholder,
         disabled: t.disabled,
-        "data-testid": `${t.testId}-${e(o).FIELD}`,
-        onInput: s[0] || (s[0] = //@ts-ignore
-        (...$) => e(d) && e(d)(...$))
-      }, null, 42, E),
-      e(I) ? (a(), i(e(r), {
-        key: 1,
-        class: l(["search-right-icon", { "search-right-icon-clear": e(C) }]),
-        name: e(k),
-        "font-size": "sm",
-        "data-testid": `${t.testId}-${e(o).CLOSE}`,
-        onClick: e(V)
-      }, null, 8, ["class", "name", "data-testid", "onClick"])) : c("", !0)
-    ], 10, z));
+        "test-id": t.testId,
+        "onUpdate:modelValue": o[0] || (o[0] = (l) => r("update:modelValue", l))
+      }, {
+        iconBefore: x(() => [
+          a(e(c), {
+            name: "magnifying-glass",
+            size: "16px"
+          })
+        ]),
+        _: 1
+      }, 8, ["model-value", "auto-focus", "placeholder", "disabled", "test-id"]),
+      I(v("div", u({ class: "x-circle-wrapper" }, e(m)[e(d).CLEAR], {
+        onClick: o[1] || (o[1] = //@ts-ignore
+        (...l) => e(n) && e(n)(...l))
+      }), [
+        a(e(c), {
+          name: "x-circle",
+          size: "16px"
+        })
+      ], 16), [
+        [C, !!t.modelValue]
+      ])
+    ], 16));
   }
 });
 export {
-  L as default
+  T as default
 };