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

package/components/icon/index.d.ts

@@ -660,32 +660,125 @@ declare const IconTypes: () => ({
     'two-tone-native-ad': {
         fileName: string;
     };
-} | import("vue").DefineComponent<{
+    question: {
+        fileName: string;
+    };
+    'info-v4': {
+        fileName: string;
+    };
+    'check-v4': {
+        fileName: string;
+    };
+    'warning-circle': {
+        fileName: string;
+    };
+    'eye-v4': {
+        fileName: string;
+    };
+    'eye-slash': {
+        fileName: string;
+    };
+    'warning-v4': {
+        fileName: string;
+    };
+    'check-circle': {
+        fileName: string;
+    };
+    'warning-octagon': {
+        fileName: string;
+    };
+} | ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            name: string;
+            fontSize: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            name: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            fontSize: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "fontSize">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            name: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            fontSize: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            name: string;
+            fontSize: string;
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        name: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        fontSize: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
     fontSize: {
         type: import("vue").PropType<string>;
-    } & {
         default: any;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    name: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: any;
-    };
-    fontSize: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: any;
-    };
-}>>, {
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     name: string;
     fontSize: string;
-}>)[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})))[];
 export type IconName = keyof typeof icons;
 export { default as Icon } from './Icon.vue';
 export * from './icons';

package/components/icon/index.vue.js

@@ -1,8 +1,8 @@
-import Icon from './Icon.vue.js';
-export { default as Icon } from './Icon.vue.js';
-import { icons } from './icons/index.vue.js';
-export { icons } from './icons/index.vue.js';
-
-const IconTypes = () => [icons, Icon];
-
-export { IconTypes };
+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.d.ts

@@ -1,9 +1,9 @@
 import { Placement } from 'floating-vue';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     titleText?: string;
     loading?: boolean;
     disabled?: boolean;
-    modelValue: unknown | unknown[] | Record<string, unknown>;
+    modelValue: unknown;
     clearable?: boolean;
     placement?: Placement;
     options: unknown[];
@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     titleText?: string;
     loading?: boolean;
     disabled?: boolean;
-    modelValue: unknown | unknown[] | Record<string, unknown>;
+    modelValue: unknown;
     clearable?: boolean;
     placement?: Placement;
     options: unknown[];
@@ -84,18 +84,35 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     loading: boolean;
     placement: Placement;
     disabled: boolean;
+    hasSubtitle: boolean;
     searchPlaceholder: string;
     isOnTop: boolean;
-    distance: number;
-    autoFocus: boolean;
     defaultOpen: boolean;
+    autoFocus: boolean;
+    distance: number;
     onSearch: (option: any, term: string) => boolean;
-    hasSubtitle: boolean;
     titleText: string;
-    showClearAll: boolean;
     alwayesOpen: boolean;
+    showClearAll: boolean;
     distanceOffset: number;
     skiddingOffset: number;
+}>, {
+    trigger?(_: {}): any;
+    "header-left-section"?(_: {}): any;
+    "header-right-section"?(_: {}): any;
+    "no-result"?(_: {}): any;
+    option?(_: {
+        showCheckbox: boolean;
+        option: unknown;
+        selected: boolean;
+        active: boolean;
+    }): any;
+    selected_option?(_: {
+        option: unknown;
+        selected: boolean;
+        active: boolean;
+    }): any;
+    footer?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -108,7 +125,15 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
 };

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,429 @@
+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
+};