@ironsource/shared-ui 2.1.12-rc.9 → 2.1.12-test.1

package/components/includeExclude/IncludeExclude.vue2.js

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