@ironsource/shared-ui 2.1.12-test.97 → 2.1.12-test.99

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

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

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

@@ -0,0 +1,7 @@
+import e from "./IncludeExcludeAppHeader.vue2.js";
+/* empty css                              */import c from "../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../IncludeExcludeAppHeader.vue_vue_type_style_index_0_scoped_947cb1fc_lang.css"; //*');
+const d = /* @__PURE__ */ c(e, [["__scopeId", "data-v-947cb1fc"]]);
+export {
+  d as default
+};

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

@@ -0,0 +1,116 @@
+import { defineComponent as g, ref as b, openBlock as y, createBlock as k, unref as o, mergeProps as s, withCtx as l, createVNode as a, createSlots as d, createTextVNode as w, toDisplayString as T } from "vue";
+import u from "../icon/v3/Icon.vue.js";
+import p from "../appIcon/AppIcon.vue.js";
+import { useSearch as S } from "../../composables/useSearch.js";
+import I from "./IncludeExclude.vue.js";
+import "./IncludeExcludeDragDrop.vue.js";
+import f from "./IncludeExcludeOption.vue.js";
+import "./IncludeExcludeOptionDraggable.vue.js";
+import v from "./IncludeExcludeAppTrigger.vue.js";
+import "./IncludeExcludeAppHeader.vue.js";
+import "./IncludeExcludeChipFilter.vue.js";
+const N = /* @__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: {},
+    titleText: { default: "Application" },
+    modelValue: {},
+    distanceOffset: { default: 4 },
+    skiddingOffset: { default: 4 },
+    isLoading: { type: Boolean, default: !1 }
+  },
+  setup(c) {
+    const r = c, m = S({ searchAttribute: r.searchAttribute }), i = b(r.modelValue);
+    return (e, n) => (y(), k(o(I), s(e.$attrs, {
+      modelValue: i.value,
+      "onUpdate:modelValue": n[0] || (n[0] = (t) => i.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": o(m),
+      "key-field": e.keyField
+    }), {
+      trigger: l(() => [
+        a(o(v), {
+          selected: i.value,
+          options: e.applications,
+          loading: e.isLoading
+        }, null, 8, ["selected", "options", "loading"])
+      ]),
+      option: l(({ option: t, showCheckbox: h }) => [
+        a(o(f), {
+          option: t,
+          "show-checkbox": h,
+          "title-text": t?.name,
+          subtitle: e.showSubTitle ? t[e.subTitleKey] : ""
+        }, d({
+          image: l(() => [
+            a(o(p), s(e.imgProps, {
+              src: t.icon,
+              size: e.showSubTitle ? "lg" : "md"
+            }), null, 16, ["src", "size"])
+          ]),
+          default: l(() => [
+            w(" " + T(t.name), 1)
+          ]),
+          _: 2
+        }, [
+          e.showIcon ? {
+            name: "icon-start",
+            fn: l(() => [
+              a(o(u), {
+                name: t.platform.toLowerCase()
+              }, null, 8, ["name"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["option", "show-checkbox", "title-text", "subtitle"])
+      ]),
+      selected_option: l(({ option: t }) => [
+        a(o(f), {
+          "show-checkbox": !1,
+          clearable: !0,
+          option: t,
+          subtitle: e.showSubTitle ? t[e.subTitleKey] : "",
+          "title-text": t?.name
+        }, d({
+          image: l(() => [
+            a(o(p), s(e.imgProps, {
+              src: t.icon,
+              size: e.showSubTitle ? "lg" : "md"
+            }), null, 16, ["src", "size"])
+          ]),
+          _: 2
+        }, [
+          e.showIcon ? {
+            name: "icon-start",
+            fn: l(() => [
+              a(o(u), {
+                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 {
+  N as default
+};

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

@@ -0,0 +1,7 @@
+import e from "./IncludeExcludeAppTrigger.vue2.js";
+/* empty css                               */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../IncludeExcludeAppTrigger.vue_vue_type_style_index_0_scoped_f738b223_lang.css"; //*');
+const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f738b223"]]);
+export {
+  r as default
+};

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

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

package/src/components/includeExclude/IncludeExcludeChipFilter.vue.js

@@ -0,0 +1,7 @@
+import e from "./IncludeExcludeChipFilter.vue2.js";
+/* empty css                               */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../IncludeExcludeChipFilter.vue_vue_type_style_index_0_scoped_198d2d73_lang.css"; //*');
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-198d2d73"]]);
+export {
+  c as default
+};