@ironsource/shared-ui 2.0.0-rc.2 → 2.0.0-rc.3

package/components/icon/index.vue.js

@@ -1,8 +0,0 @@
-import o from "./Icon.vue.vue.js";
-import { icons as r } from "./icons/index.vue.js";
-const n = () => [r, o];
-export {
-  o as Icon,
-  n as IconTypes,
-  r as icons
-};

package/components/includeExclude/IncludeExclude.vue.vue.js

@@ -1,6 +0,0 @@
-import o from "./IncludeExclude.vue.vue2.js";
-/* empty css                         */import t from "../../_virtual/_plugin-vue_export-helper.vue.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-802d4031"]]);
-export {
-  e as default
-};

package/components/includeExclude/IncludeExclude.vue.vue2.js

@@ -1,429 +0,0 @@
-import { defineComponent as Te, computed as v, ref as u, watch as j, provide as Oe, openBlock as i, 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.vue.js";
-/* empty css                           */import N from "../button/v3/Button.vue.vue.js";
-/* empty css                     */import { IncludeExcludeTestIdModifiers as m } from "../../testids/index.vue.js";
-/* empty css                              */import X from "../typography/Text.vue.vue.js";
-/* empty css                                   *//* empty css                                *//* empty css                                       */import "floating-vue";
-/* empty css                           *//* empty css                                  */import Ee from "../search/v3/Search.vue.vue.js";
-import Be from "../checkbox/Checkbox.vue.vue.js";
-import b from "../skeleton/Skeleton.vue.vue.js";
-import Ve from "../emptyState/EmptyState.vue.vue.js";
-import { useToggle as Pe } from "../../composables/useToggle.vue.js";
-import { IncludeExcludeContext as Le } from "./IncludeExcludeContext.vue.js";
-import { onClickOutside as Ne, useClamp as Fe, useVirtualList as Z } from "@vueuse/core";
-const He = ["data-testid"], ze = ["data-testid"], De = { class: "include-exclude-header" }, Ge = { class: "include-exclude-header-left-section" }, Ue = { class: "include-exclude-header-right-section" }, We = { class: "include-exclude-container-wrapper" }, qe = {
-  key: 0,
-  class: "include-exclude-container"
-}, Ke = {
-  key: 1,
-  class: "include-exclude-container"
-}, Me = ["data-testid"], Ye = {
-  key: 1,
-  class: "loader-wrapper"
-}, je = ["aria-selected", "aria-disabled", "onClick"], Je = { key: 1 }, Qe = { class: "loader-wrapper" }, Xe = ["data-testid"], Ze = {
-  key: 0,
-  class: "loader-wrapper"
-}, _e = { class: "include-exclude-selected-header-left" }, et = { class: "include-exclude-selected-header-right" }, tt = { key: 1 }, lt = { class: "loader-wrapper" }, nt = { class: "include-exclude-footer" }, at = { class: "include-exclude-footer-buttons" }, Tt = /* @__PURE__ */ Te({
-  __name: "IncludeExclude",
-  props: {
-    titleText: { default: "" },
-    loading: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    modelValue: null,
-    clearable: { type: Boolean },
-    placement: { default: "bottom-start" },
-    options: null,
-    autoFocus: { type: Boolean, default: !0 },
-    onSearch: { type: Function, default: () => !0 },
-    searchPlaceholder: { default: "Search" },
-    isOnTop: { type: Boolean, default: !1 },
-    alwayesOpen: { type: Boolean, default: !1 },
-    defaultOpen: { type: Boolean, default: !1 },
-    showClearAll: { type: Boolean, default: !0 },
-    distance: { default: 0 },
-    distanceOffset: { default: 0 },
-    skiddingOffset: { default: 0 },
-    hasSubtitle: { type: Boolean, default: !1 },
-    keyField: null,
-    testId: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(l, { emit: _ }) {
-    const n = l, F = 50, H = 3, ee = 6, te = 32, le = 48, ne = v(() => {
-      const e = n.placement?.includes("bottom") ? ee : 0;
-      return n.isOnTop ? -E.value?.getBoundingClientRect().height : e;
-    }), z = u(null), p = u(""), A = u(!1), E = u(null), ae = u(null), se = u(null), B = u(null), V = u(null), ie = u(null), c = u(n.modelValue), D = (e) => new Promise((s) => setTimeout(s, e)), r = v({
-      get() {
-        return c.value;
-      },
-      set(e) {
-        _("update:modelValue", e);
-      }
-    }), G = () => {
-      r.value?.length !== n.options?.length && (A.value = !0), y(!1);
-    };
-    j(
-      () => n.modelValue,
-      () => {
-        c.value = n.modelValue;
-      }
-    );
-    const de = v(() => c.value.filter(
-      (e) => n.onSearch(e, p.value)
-    )), oe = () => {
-      r.value?.length !== n.options?.length && (r.value = c.value), y(!1);
-    }, ce = () => {
-      y();
-    }, re = () => {
-      c.value = [];
-    }, U = v(() => () => n.hasSubtitle ? le : te), W = v(
-      () => (e, s) => e.every(
-        (d) => s.some((x) => x[n.keyField] === d[n.keyField])
-      )
-    ), q = v(() => {
-      if (!S.value)
-        return !1;
-      const e = c.value, s = k.value;
-      return e === s ? !0 : e?.length !== s?.length ? !1 : W.value(e, s) && W.value(s, e);
-    }), K = u(null), [S, ue] = Pe({
-      disabled: n.disabled,
-      initialValue: n.defaultOpen
-    }), fe = (e = 300) => {
-      const s = r.value?.length === n.options?.length;
-      Re(async () => {
-        s && (r.value = []), await D(e), Y.resetInput();
-      });
-    };
-    j(
-      () => [S.value, V?.value?.inputRef],
-      ([e, s]) => {
-        e && s && me();
-      }
-    );
-    const he = () => {
-      n.autoFocus && V.value?.inputRef.focus();
-    }, me = async (e = 300) => {
-      await D(e), he();
-    }, y = (e) => {
-      n.disabled || (e || fe(), ue(e));
-    };
-    Ne(K, () => {
-      S.value && G();
-    });
-    const ve = u([]), ge = v(() => k.value?.length - 1), M = (e) => {
-      p.value = e;
-    }, P = Fe(0, 0, ge), L = (e) => {
-      B.value?.focus();
-      const s = c.value;
-      s.includes(e) ? c.value = s.filter(
-        (d) => d !== e
-      ) : c.value = [.../* @__PURE__ */ new Set([...s, e])];
-    }, pe = (e) => {
-      L(e);
-    }, Y = {
-      toggle: y,
-      disabled: n.disabled,
-      options: ve,
-      clearable: n.clearable,
-      resetInput: () => {
-        M(""), B.value && (B.value.value = ""), A.value && (c.value = n.modelValue, A.value = !1);
-      },
-      search: M,
-      select: L,
-      activeIndex: P,
-      selectedOption: r,
-      activeOption: ie,
-      listRef: z,
-      query: p,
-      open: S,
-      removeSelection: pe
-    }, ye = () => {
-      c.value?.length !== k.value?.length ? c.value = k.value : c.value = [];
-    };
-    Oe(Le, Y);
-    const k = v(() => p.value?.length ? n.options?.filter((e) => n.onSearch(e, p.value)) : n.options), {
-      list: ke,
-      containerProps: xe,
-      wrapperProps: Ce
-    } = Z(k, {
-      itemHeight: U.value,
-      overscan: F
-    }), {
-      list: be,
-      containerProps: Se,
-      wrapperProps: Ie
-    } = Z(de, {
-      itemHeight: U.value,
-      overscan: F
-    }), we = (e) => {
-      if (["Enter", " ", "Space"].includes(e.key)) {
-        y();
-        return;
-      }
-      if (e.key === "ArrowUp") {
-        y(!1);
-        return;
-      }
-      e.key === "ArrowDown" && (y(!0), e.preventDefault());
-    };
-    return (e, s) => (i(), I(t(Ae), {
-      distance: t(ne) + l.distanceOffset,
-      skidding: l.skiddingOffset,
-      trigger: "managed",
-      open: t(S) || l.alwayesOpen,
-      placement: l.placement
-    }, {
-      trigger: g(() => [
-        a("div", {
-          ref_key: "buttonRef",
-          ref: E,
-          class: "include-exclude-trigger",
-          tabindex: "0",
-          "data-testid": `${l.testId}-${t(m).TRIGGER}`,
-          onClick: ce,
-          onKeydown: we
-        }, [
-          C(e.$slots, "trigger", {}, () => [
-            a("button", {
-              ref_key: "buttonRef",
-              ref: E
-            }, "Default trigger", 512)
-          ], !0)
-        ], 40, He)
-      ]),
-      content: g(() => [
-        a("div", {
-          ref_key: "popoverWrapperRef",
-          ref: K,
-          class: "include-exclude-content",
-          "data-testid": `${l.testId}-${t(m).CONTENT}`
-        }, [
-          a("div", De, [
-            a("div", Ge, [
-              C(e.$slots, "header-left-section", {}, () => [
-                l.titleText ? (i(), I(t(X), {
-                  key: 0,
-                  class: "include-exclude-header-left-section-title",
-                  size: "md",
-                  strong: ""
-                }, {
-                  default: g(() => [
-                    w(J(l.titleText), 1)
-                  ]),
-                  _: 1
-                })) : h("", !0)
-              ], !0)
-            ]),
-            a("div", Ue, [
-              C(e.$slots, "header-right-section", {}, () => [
-                f(t(Ee), {
-                  ref_key: "searchRef",
-                  ref: V,
-                  modelValue: p.value,
-                  "onUpdate:modelValue": s[0] || (s[0] = (d) => p.value = d),
-                  class: "include-exclude-header-right-section-search-input",
-                  variant: "transparent",
-                  placeholder: l.searchPlaceholder,
-                  disabled: l.loading,
-                  "data-testid": `${l.testId}-${t(m).SEARCH}`
-                }, null, 8, ["modelValue", "placeholder", "disabled", "data-testid"])
-              ], !0)
-            ])
-          ]),
-          a("div", We, [
-            f($e, {
-              name: "switch",
-              mode: "out-in"
-            }, {
-              default: g(() => [
-                !t(k)?.length && !l.loading ? (i(), o("div", qe, [
-                  C(e.$slots, "no-result", {}, () => [
-                    f(t(Ve), {
-                      size: "lg",
-                      title: "No results found",
-                      subtitle: "Try diffrent keyword",
-                      "icon-width": 72,
-                      "icon-height": 72
-                    })
-                  ], !0)
-                ])) : (i(), o("div", Ke, [
-                  a("div", {
-                    class: "include-exclude-list-wrapper",
-                    "data-testid": `${l.testId}-${t(m).LIST}`
-                  }, [
-                    a("div", {
-                      class: Q(["include-exclude-list-header", {
-                        "include-exclude-list-header-loading": l.loading,
-                        "include-exclude-list-header-loaded": !l.loading
-                      }])
-                    }, [
-                      l.loading ? h("", !0) : (i(), I(t(Be), {
-                        key: 0,
-                        size: "sm",
-                        "is-checked": t(q),
-                        "is-indeterminate": t(r)?.length > 0 && !t(q),
-                        disabled: !t(k)?.length,
-                        label: "Select all",
-                        "data-testid": `${l.testId}-${t(m).SELECT_ALL}`,
-                        onClick: ye
-                      }, null, 8, ["is-checked", "is-indeterminate", "disabled", "data-testid"])),
-                      l.loading ? (i(), o("div", Ye, [
-                        f(t(b), {
-                          class: "dot-skeleton",
-                          round: ""
-                        }),
-                        f(t(b), { round: "" })
-                      ])) : h("", !0)
-                    ], 2),
-                    a("div", O({ class: "include-exclude-list" }, t(xe)), [
-                      l.loading ? h("", !0) : (i(), o("ul", O({ key: 0 }, t(Ce), {
-                        ref_key: "listRef",
-                        ref: z,
-                        tabindex: "1"
-                      }), [
-                        (i(!0), o($, null, R(t(ke), ({ data: d, index: x }) => (i(), o("li", {
-                          key: x,
-                          "aria-selected": T(t(r)) === d,
-                          "aria-disabled": !!l.disabled,
-                          onClick: () => L(d)
-                        }, [
-                          C(e.$slots, "option", {
-                            showCheckbox: !0,
-                            option: d,
-                            selected: T(t(r)) === d,
-                            active: T(t(P)) === x
-                          }, void 0, !0)
-                        ], 8, je))), 128))
-                      ], 16)),
-                      l.loading ? (i(), o("ul", Je, [
-                        (i(), o($, null, R(H, (d) => a("li", {
-                          key: d,
-                          class: "include-exclude-list-item-skeleton"
-                        }, [
-                          a("div", Qe, [
-                            f(t(b), {
-                              class: "dot-skeleton",
-                              round: ""
-                            }),
-                            f(t(b), { round: "" })
-                          ])
-                        ])), 64))
-                      ])) : h("", !0)
-                    ], 16)
-                  ], 8, Me),
-                  a("div", {
-                    class: "include-exclude-selected-wrapper",
-                    "data-testid": `${l.testId}-${t(m).LIST_SELECTED}`
-                  }, [
-                    a("div", {
-                      class: Q(["include-exclude-selected-header", {
-                        "include-exclude-list-selected-header-loading": l.loading,
-                        "include-exclude-list-header-loaded": !l.loading
-                      }])
-                    }, [
-                      l.loading ? (i(), o("div", Ze, [
-                        f(t(b), { round: "" })
-                      ])) : h("", !0),
-                      a("div", _e, [
-                        l.loading ? h("", !0) : (i(), I(t(X), {
-                          key: 0,
-                          class: "include-exclude-selected-header-left-selected",
-                          size: "sm"
-                        }, {
-                          default: g(() => [
-                            w(J(t(r)?.length) + " Selected", 1)
-                          ]),
-                          _: 1
-                        }))
-                      ]),
-                      a("div", et, [
-                        t(r)?.length && !l.loading && l.showClearAll ? (i(), I(t(N), {
-                          key: 0,
-                          variant: "link",
-                          theme: "third",
-                          size: "md",
-                          strong: !1,
-                          "data-testid": `${l.testId}-${t(m).CLEAR_ALL}`,
-                          onClick: re
-                        }, {
-                          default: g(() => [
-                            w("Clear all")
-                          ]),
-                          _: 1
-                        }, 8, ["data-testid"])) : h("", !0)
-                      ])
-                    ], 2),
-                    a("div", O({ class: "include-exclude-selected-list" }, t(Se)), [
-                      t(r)?.length && !l.loading ? (i(), o("ul", O({ key: 0 }, t(Ie), {
-                        ref: "SelectedlistRef",
-                        tabindex: "2"
-                      }), [
-                        (i(!0), o($, null, R(t(be), ({ data: d, index: x }) => (i(), o("li", { key: x }, [
-                          C(e.$slots, "selected_option", {
-                            option: d,
-                            selected: T(t(r)) === d,
-                            active: T(t(P)) === x
-                          }, void 0, !0)
-                        ]))), 128))
-                      ], 16)) : h("", !0),
-                      l.loading ? (i(), o("ul", tt, [
-                        (i(), o($, null, R(H, (d) => a("li", {
-                          key: d,
-                          class: "include-exclude-list-item-skeleton"
-                        }, [
-                          a("div", lt, [
-                            f(t(b), { round: "" })
-                          ])
-                        ])), 64))
-                      ])) : h("", !0)
-                    ], 16)
-                  ], 8, Xe)
-                ]))
-              ]),
-              _: 3
-            })
-          ]),
-          C(e.$slots, "footer", {}, () => [
-            a("div", nt, [
-              a("div", at, [
-                f(t(N), {
-                  ref_key: "cancel",
-                  ref: se,
-                  size: "sm",
-                  variant: "border",
-                  theme: "third",
-                  text: "Cancel",
-                  "data-testid": `${l.testId}-${t(m).ACTION_CANCEL}`,
-                  onClick: G
-                }, {
-                  default: g(() => [
-                    w("Cancel")
-                  ]),
-                  _: 1
-                }, 8, ["data-testid"]),
-                f(t(N), {
-                  ref_key: "apply",
-                  ref: ae,
-                  size: "sm",
-                  theme: "primary",
-                  text: "Apply",
-                  "data-testid": `${l.testId}-${t(m).ACTION_APPLY}`,
-                  onClick: oe
-                }, {
-                  default: g(() => [
-                    w("Apply")
-                  ]),
-                  _: 1
-                }, 8, ["data-testid"])
-              ])
-            ])
-          ], !0)
-        ], 8, ze)
-      ]),
-      _: 3
-    }, 8, ["distance", "skidding", "open", "placement"]));
-  }
-});
-export {
-  Tt as default
-};

package/components/includeExclude/IncludeExcludeAppHeader.vue.vue.js

@@ -1,6 +0,0 @@
-import e from "./IncludeExcludeAppHeader.vue.vue2.js";
-/* empty css                                  */import o from "../../_virtual/_plugin-vue_export-helper.vue.js";
-const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-3cd4fcee"]]);
-export {
-  t as default
-};

package/components/includeExclude/IncludeExcludeAppHeader.vue.vue2.js

@@ -1,115 +0,0 @@
-import { defineComponent as g, ref as b, openBlock as x, createBlock as y, unref as i, mergeProps as s, withCtx as l, createVNode as o, createSlots as d, createTextVNode as k, toDisplayString as w } from "vue";
-import c from "../icon/Icon.vue.vue.js";
-import m from "../appIcon/AppIcon.vue.vue.js";
-import { useSearch as T } from "../../composables/useSearch.vue.js";
-import S from "./IncludeExclude.vue.vue.js";
-import "floating-vue";
-/* empty css                           *//* empty css                              *//* empty css                           *//* empty css                            *//* empty css                                   *//* empty css                                *//* empty css                                       *//* empty css                           *//* empty css                                  *//* empty css                            *//* empty css                             *//* empty css                             *//* empty css                                    *//* empty css                                 */import "@vueuse/core";
-import "vuedraggable";
-/* empty css                                 */import u from "./IncludeExcludeOption.vue.vue.js";
-/* empty css                                        */import I from "./IncludeExcludeAppTrigger.vue.vue.js";
-/* empty css                                  *//* empty css                        *//* empty css                                   */const ee = /* @__PURE__ */ g({
-  __name: "IncludeExcludeAppHeader",
-  props: {
-    imgProps: { default: void 0 },
-    optionProps: { default: void 0 },
-    showSubTitle: { type: Boolean, default: !1 },
-    clearable: { type: Boolean },
-    searchPlaceholder: { default: "Search" },
-    showIcon: { type: Boolean, default: !0 },
-    keyField: { default: "appKey" },
-    subTitleKey: { default: "appKey" },
-    searchAttribute: { default: "name" },
-    applications: null,
-    titleText: { default: "Application" },
-    modelValue: null,
-    distanceOffset: { default: 4 },
-    skiddingOffset: { default: 4 },
-    isLoading: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    const r = e, f = T({ searchAttribute: r.searchAttribute }), a = b(r.modelValue);
-    return (h, n) => (x(), y(i(S), s(h.$attrs, {
-      modelValue: a.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (t) => a.value = t),
-      loading: e.isLoading,
-      "distance-offset": e.distanceOffset,
-      "skidding-offset": e.skiddingOffset,
-      "title-text": e.titleText,
-      "is-on-top": !0,
-      options: e.applications,
-      "has-subtitle": e.showSubTitle,
-      "search-placeholder": e.searchPlaceholder,
-      "on-search": i(f),
-      "key-field": e.keyField
-    }), {
-      trigger: l(() => [
-        o(i(I), {
-          selected: a.value,
-          options: e.applications,
-          loading: e.isLoading
-        }, null, 8, ["selected", "options", "loading"])
-      ]),
-      option: l(({ option: t, showCheckbox: p }) => [
-        o(i(u), {
-          option: t,
-          "show-checkbox": p,
-          "title-text": t?.name,
-          subtitle: e.showSubTitle ? t[e.subTitleKey] : ""
-        }, d({
-          image: l(() => [
-            o(i(m), s(e.imgProps, {
-              src: t.icon,
-              size: e.showSubTitle ? "lg" : "md"
-            }), null, 16, ["src", "size"])
-          ]),
-          default: l(() => [
-            k(" " + w(t.name), 1)
-          ]),
-          _: 2
-        }, [
-          e.showIcon ? {
-            name: "icon-start",
-            fn: l(() => [
-              o(i(c), {
-                name: t.platform.toLowerCase()
-              }, null, 8, ["name"])
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["option", "show-checkbox", "title-text", "subtitle"])
-      ]),
-      selected_option: l(({ option: t }) => [
-        o(i(u), {
-          "show-checkbox": !1,
-          clearable: !0,
-          option: t,
-          subtitle: e.showSubTitle ? t[e.subTitleKey] : "",
-          "title-text": t?.name
-        }, d({
-          image: l(() => [
-            o(i(m), s(e.imgProps, {
-              src: t.icon,
-              size: e.showSubTitle ? "lg" : "md"
-            }), null, 16, ["src", "size"])
-          ]),
-          _: 2
-        }, [
-          e.showIcon ? {
-            name: "icon-start",
-            fn: l(() => [
-              o(i(c), {
-                name: t.platform.toLowerCase()
-              }, null, 8, ["name"])
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["option", "subtitle", "title-text"])
-      ]),
-      _: 1
-    }, 16, ["modelValue", "loading", "distance-offset", "skidding-offset", "title-text", "options", "has-subtitle", "search-placeholder", "on-search", "key-field"]));
-  }
-});
-export {
-  ee as default
-};

package/components/includeExclude/IncludeExcludeAppTrigger.vue.vue.js

@@ -1,6 +0,0 @@
-import e from "./IncludeExcludeAppTrigger.vue.vue2.js";
-/* empty css                                   */import o from "../../_virtual/_plugin-vue_export-helper.vue.js";
-const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-10eed676"]]);
-export {
-  c as default
-};

package/components/includeExclude/IncludeExcludeAppTrigger.vue.vue2.js

@@ -1,106 +0,0 @@
-import { defineComponent as A, computed as t, openBlock as d, createElementBlock as N, normalizeClass as y, unref as e, renderSlot as u, createElementVNode as g, createBlock as f, createCommentVNode as T, createVNode as i, withCtx as s, createTextVNode as I, toDisplayString as _ } from "vue";
-/* empty css                              */import w from "../typography/Text.vue.vue.js";
-import v from "../icon/Icon.vue.vue.js";
-/* empty css                            */import V from "../button/v3/IconButton.vue.vue.js";
-import B from "../tooltip/Tooltip.vue.vue.js";
-/* empty css                           *//* empty css                                  */import E from "../appIcon/AppIcon.vue.vue.js";
-const D = { class: "include-exclude-trigger-left-image" }, P = /* @__PURE__ */ A({
-  __name: "IncludeExcludeAppTrigger",
-  props: {
-    selected: { default: null },
-    options: { default: null },
-    loading: { type: Boolean, default: !1 }
-  },
-  setup(m) {
-    const n = m, C = "All apps selected", x = t(() => c.value ? C : p.value ? `${r.value?.name}` : `${l.value} apps selected`), $ = t(() => c.value ? null : r.value.platform.toLowerCase()), h = t(() => !l.value || !a.value ? "" : r.value?.icon), z = t(() => n.loading ? "" : p.value ? r.value.appKey : c.value ? S.value : l.value <= 0 ? `${r.value?.name}` : `${r.value?.name} and ${l.value - 1}+`), l = t(() => n.selected?.length || 0), a = t(() => n.options?.length || 0), p = t(() => l.value === 1), c = t(() => n.loading || a.value === l.value || !l.value), S = t(() => a.value === 1 ? `${k.value?.name}` : `${k.value?.name} and ${a.value - 1}+`), r = t(() => n.selected?.[0]), k = t(() => n.options?.[0]);
-    return (o, K) => (d(), N("div", {
-      class: y(["include-exclude-trigger-container", {
-        "include-exclude-trigger-container--with-icons": e(l) > 0 || e(c)
-      }])
-    }, [
-      u(o.$slots, "left-image", {}, () => [
-        g("div", D, [
-          e(h) ? (d(), f(e(E), {
-            key: 0,
-            size: "xl",
-            src: e(h)
-          }, null, 8, ["src"])) : (d(), f(e(v), {
-            key: 1,
-            class: "trigger-icon",
-            "font-size": "2rem",
-            name: "widgetsz"
-          }))
-        ])
-      ], !0),
-      u(o.$slots, "left-icon", {}, () => [
-        e($) ? (d(), f(e(v), {
-          key: 0,
-          class: "include-exclude-trigger-left-icon",
-          name: e($),
-          "font-size": "md"
-        }, null, 8, ["name"])) : T("", !0)
-      ], !0),
-      g("div", {
-        class: y(["include-exclude-trigger-middle-section", {
-          "include-exclude-trigger-middle-section--single": e(p),
-          "include-exclude-trigger-middle-section--loading": m.loading || !m.options?.length
-        }])
-      }, [
-        u(o.$slots, "title", {}, () => [
-          i(e(B), { text: e(x) }, {
-            default: s(() => [
-              i(e(w), {
-                strong: "",
-                class: "title",
-                "is-truncated": "",
-                size: "sm"
-              }, {
-                default: s(() => [
-                  I(_(e(x)), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["text"])
-        ], !0),
-        u(o.$slots, "description", {}, () => [
-          g("div", null, [
-            i(e(B), { text: e(z) }, {
-              default: s(() => [
-                i(e(w), {
-                  class: "include-exclude-trigger-description",
-                  size: "xs",
-                  "is-truncated": ""
-                }, {
-                  default: s(() => [
-                    I(_(e(z)), 1)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["text"])
-          ])
-        ], !0)
-      ], 2),
-      u(o.$slots, "right-icon", {}, () => [
-        i(e(V), {
-          class: "include-exclude-trigger-right-icon",
-          theme: "third"
-        }, {
-          default: s(() => [
-            i(e(v), {
-              "font-size": "sm",
-              name: "angle-down"
-            })
-          ]),
-          _: 1
-        })
-      ], !0)
-    ], 2));
-  }
-});
-export {
-  P as default
-};