@ironsource/shared-ui 2.0.0-rc.1 → 2.0.0-test.1

package/components/includeExclude/IncludeExcludeDragDrop.vue2.js

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

package/components/includeExclude/IncludeExcludeOption.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     option: unknown;
     subtitle?: string;
     disabled?: boolean;
@@ -30,6 +30,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     clearable: boolean;
     titleText: string;
     showCheckbox: boolean;
+}>, {
+    image?(_: {}): any;
+    "icon-start"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -42,7 +45,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/IncludeExcludeOption.vue.js

@@ -1,135 +1,6 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createBlock, createCommentVNode, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, withModifiers } from 'vue';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../typography/Text.vue.js';
-import { useIncludeExcludeContext } from './IncludeExcludeContext.vue.js';
-import { useId } from '../../composables/useId.vue.js';
-import Checkbox from '../checkbox/Checkbox.vue.js';
-import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
-import Icon from '../icon/Icon.vue.js';
-import { NOOP } from '@vue/shared';
-/* empty css                                                                      */
-import "../../IncludeExcludeOption.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = {
-  key: 1,
-  class: "image"
+import o from "./IncludeExcludeOption.vue2.js";
+/* empty css                           */import t from "../../_virtual/_plugin-vue_export-helper.js";
+const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f489d93b"]]);
+export {
+  d as default
 };
-const _hoisted_2 = {
-  key: 2,
-  class: "start-icon"
-};
-const _hoisted_3 = { class: "text-container" };
-const _hoisted_4 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IncludeExcludeOption",
-  props: {
-    option: null,
-    subtitle: { default: "" },
-    disabled: { type: Boolean, default: false },
-    showCheckbox: { type: Boolean, default: false },
-    clearable: { type: Boolean, default: false },
-    titleText: { default: "" }
-  },
-  setup(__props) {
-    const props = __props;
-    const api = useIncludeExcludeContext("IncludeExcludeOption");
-    const id = useId().value;
-    const el = ref(null);
-    const onClick = () => {
-      api.select(props.option);
-    };
-    const isMulti = true;
-    const tooltipDelay = 200;
-    const active = computed(() => {
-      return api.activeIndex.value !== null ? api.activeOption.value === props.option : false;
-    });
-    const selected = computed(() => {
-      return api.selectedOption.value.includes(props.option);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "el",
-        ref: el,
-        class: normalizeClass(["item-container", {
-          "item-container--disabled": __props.disabled,
-          "item-container--active": unref(active),
-          "item-container--selected": unref(selected),
-          "item-container--multi": isMulti,
-          "item-container--two-lines": __props.subtitle?.length
-        }])
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(["item", {
-            "item--multi": isMulti,
-            "item--with-icon": _ctx.$slots["icon-start"] || _ctx.$slots.image,
-            "item--without-icon": !_ctx.$slots["icon-start"] && !_ctx.$slots.image
-          }])
-        }, [
-          __props.showCheckbox ? (openBlock(), createBlock(unref(Checkbox), {
-            key: 0,
-            id: unref(id).toString(),
-            tabindex: "-1",
-            class: "checkbox",
-            size: "sm",
-            "is-checked": unref(selected),
-            onClick: _cache[0] || (_cache[0] = ($event) => __props.disabled ? unref(NOOP)() : onClick())
-          }, null, 8, ["id", "is-checked"])) : createCommentVNode("", true),
-          _ctx.$slots.image ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            renderSlot(_ctx.$slots, "image", {}, void 0, true)
-          ])) : createCommentVNode("", true),
-          _ctx.$slots["icon-start"] ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            renderSlot(_ctx.$slots, "icon-start", {}, void 0, true)
-          ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_3, [
-            createVNode(unref(_sfc_main$1), {
-              delay: tooltipDelay,
-              text: __props.titleText
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(Text), {
-                  size: "sm",
-                  "is-truncated": ""
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(__props.titleText), 1)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["text"]),
-            createVNode(unref(_sfc_main$1), {
-              delay: tooltipDelay,
-              text: __props.subtitle
-            }, {
-              default: withCtx(() => [
-                __props.subtitle ? (openBlock(), createBlock(unref(Text), {
-                  key: 0,
-                  class: "subtitle",
-                  size: "caption",
-                  "is-truncated": ""
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(__props.subtitle), 1)
-                  ]),
-                  _: 1
-                })) : createCommentVNode("", true)
-              ]),
-              _: 1
-            }, 8, ["text"])
-          ])
-        ], 2),
-        __props.clearable && unref(selected) ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          createElementVNode("button", {
-            class: "clear-button",
-            onClick: _cache[1] || (_cache[1] = withModifiers(($event) => unref(api).removeSelection(__props.option), ["prevent", "stop"]))
-          }, [
-            createVNode(unref(Icon), { name: "close-bold" })
-          ])
-        ])) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-var IncludeExcludeOption = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7231fd11"]]);
-
-export { IncludeExcludeOption as default };