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

package/components/icon/icons/WarningCircle.vue.js

@@ -0,0 +1,21 @@
+import { openBlock as e, createElementBlock as o, createElementVNode as C } from "vue";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const n = {}, r = {
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, c = /* @__PURE__ */ C("g", null, [
+  /* @__PURE__ */ C("path", {
+    d: "M8 1.5C6.71442 1.5 5.45772 1.88122 4.3888 2.59545C3.31988 3.30968 2.48676 4.32484 1.99479 5.51256C1.50282 6.70028 1.37409 8.00721 1.6249 9.26809C1.8757 10.529 2.49477 11.6872 3.40381 12.5962C4.31285 13.5052 5.47104 14.1243 6.73192 14.3751C7.99279 14.6259 9.29973 14.4972 10.4874 14.0052C11.6752 13.5132 12.6903 12.6801 13.4046 11.6112C14.1188 10.5423 14.5 9.28558 14.5 8C14.4982 6.27665 13.8128 4.62441 12.5942 3.40582C11.3756 2.18722 9.72335 1.50182 8 1.5ZM7.5 5C7.5 4.86739 7.55268 4.74021 7.64645 4.64645C7.74022 4.55268 7.86739 4.5 8 4.5C8.13261 4.5 8.25979 4.55268 8.35356 4.64645C8.44732 4.74021 8.5 4.86739 8.5 5V8.5C8.5 8.63261 8.44732 8.75979 8.35356 8.85355C8.25979 8.94732 8.13261 9 8 9C7.86739 9 7.74022 8.94732 7.64645 8.85355C7.55268 8.75979 7.5 8.63261 7.5 8.5V5ZM8 11.5C7.85167 11.5 7.70666 11.456 7.58333 11.3736C7.45999 11.2912 7.36386 11.1741 7.30709 11.037C7.25033 10.9 7.23548 10.7492 7.26441 10.6037C7.29335 10.4582 7.36478 10.3246 7.46967 10.2197C7.57456 10.1148 7.7082 10.0434 7.85368 10.0144C7.99917 9.98547 8.14997 10.0003 8.28701 10.0571C8.42406 10.1139 8.54119 10.21 8.6236 10.3333C8.70602 10.4567 8.75 10.6017 8.75 10.75C8.75 10.9489 8.67098 11.1397 8.53033 11.2803C8.38968 11.421 8.19892 11.5 8 11.5Z",
+    fill: "currentColor"
+  })
+], -1), s = [
+  c
+];
+function l(_, i) {
+  return e(), o("svg", r, s);
+}
+const d = /* @__PURE__ */ t(n, [["render", l]]);
+export {
+  d as default
+};

package/components/icon/icons/WarningOctagon.vue.js

@@ -0,0 +1,21 @@
+import { openBlock as e, createElementBlock as o, createElementVNode as C } from "vue";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const n = {}, r = {
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, c = /* @__PURE__ */ C("g", null, [
+  /* @__PURE__ */ C("path", {
+    d: "M14.2069 5.01438L10.9856 1.79313C10.7975 1.60616 10.5433 1.50084 10.2781 1.5H5.72188C5.45667 1.50084 5.20247 1.60616 5.01438 1.79313L1.79313 5.01438C1.60616 5.20247 1.50084 5.45667 1.5 5.72188V10.2781C1.50084 10.5433 1.60616 10.7975 1.79313 10.9856L5.01438 14.2069C5.20247 14.3938 5.45667 14.4992 5.72188 14.5H10.2781C10.5433 14.4992 10.7975 14.3938 10.9856 14.2069L14.2069 10.9856C14.3938 10.7975 14.4992 10.5433 14.5 10.2781V5.72188C14.4992 5.45667 14.3938 5.20247 14.2069 5.01438ZM7.5 5C7.5 4.86739 7.55268 4.74022 7.64645 4.64645C7.74022 4.55268 7.86739 4.5 8 4.5C8.13261 4.5 8.25979 4.55268 8.35355 4.64645C8.44732 4.74022 8.5 4.86739 8.5 5V8.5C8.5 8.63261 8.44732 8.75979 8.35355 8.85355C8.25979 8.94732 8.13261 9 8 9C7.86739 9 7.74022 8.94732 7.64645 8.85355C7.55268 8.75979 7.5 8.63261 7.5 8.5V5ZM8 11.5C7.85166 11.5 7.70666 11.456 7.58332 11.3736C7.45999 11.2912 7.36386 11.1741 7.30709 11.037C7.25033 10.9 7.23547 10.7492 7.26441 10.6037C7.29335 10.4582 7.36478 10.3246 7.46967 10.2197C7.57456 10.1148 7.7082 10.0434 7.85368 10.0144C7.99917 9.98547 8.14997 10.0003 8.28701 10.0571C8.42406 10.1139 8.54119 10.21 8.6236 10.3333C8.70601 10.4567 8.75 10.6017 8.75 10.75C8.75 10.9489 8.67098 11.1397 8.53033 11.2803C8.38968 11.421 8.19891 11.5 8 11.5Z",
+    fill: "currentColor"
+  })
+], -1), s = [
+  c
+];
+function _(l, i) {
+  return e(), o("svg", r, s);
+}
+const d = /* @__PURE__ */ t(n, [["render", _]]);
+export {
+  d as default
+};

package/components/icon/icons/WebApp.vue.js

@@ -0,0 +1,18 @@
+import { openBlock as c, createElementBlock as e, createElementVNode as o } from "vue";
+import l from "../../../_virtual/_plugin-vue_export-helper.js";
+const t = {}, a = {
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+}, r = /* @__PURE__ */ o("path", {
+  fill: "currentColor",
+  d: "M11.995 2.995c-4.963 0-9 4.037-9 9s4.037 9 9 9c.703 0 1.383-.088 2.04-.243l-.962-2.397c-.363.73-.75 1.14-1.078 1.14a.486.486 0 0 1-.173-.044c-.02-.009-.04-.015-.064-.026-.02-.01-.038-.027-.056-.035a1.496 1.496 0 0 1-.305-.282 2.54 2.54 0 0 1-.208-.278 4.295 4.295 0 0 1-.175-.293l-.053-.1a7.35 7.35 0 0 1-.448-1.086 10.761 10.761 0 0 1-.217-.724l-.035-.132h2.068l-.6-1.5H9.962a19.464 19.464 0 0 1-.132-1.16 35.723 35.723 0 0 1-.038-.577c-.023-.416-.047-.83-.047-1.263 0-.401.024-.785.044-1.172.015-.255.03-.507.05-.75.023-.243.053-.48.082-.715l.053-.363h4.043c.105.694.187 1.433.214 2.25h-3.736l.006.012 1.187.354 4.04 1.213c0-.026.003-.053.005-.079h3.724a7.276 7.276 0 0 1-.205 1.137l1.43.43c.199-.74.313-1.514.313-2.317 0-4.963-4.037-9-9-9Zm0 1.5c.545 0 1.257 1.12 1.732 3h-3.463c.009-.03.011-.065.02-.094.044-.17.097-.322.144-.483.061-.193.117-.396.181-.566.13-.351.273-.662.416-.92a4.665 4.665 0 0 1 .197-.316c.058-.085.117-.167.176-.234.125-.15.237-.243.33-.3.015-.008.03-.017.045-.023.032-.017.061-.029.087-.04.047-.012.091-.024.135-.024Zm-2.382.396a8.968 8.968 0 0 0-.263.56 4.013 4.013 0 0 0-.077.198c-.035.085-.07.167-.102.258-.015.035-.023.076-.035.111-.12.337-.226.695-.32 1.067a6.256 6.256 0 0 0-.079.337l-.02.073h-2.71A7.568 7.568 0 0 1 9.613 4.89Zm4.767 0a7.545 7.545 0 0 1 3.603 2.604h-2.71c-.222-.987-.518-1.88-.893-2.604ZM5.128 8.995H8.45c-.032.243-.055.492-.082.741a22.97 22.97 0 0 0-.085 1.137c-.006.126-.02.246-.026.372H4.533c.08-.794.287-1.55.595-2.25Zm10.412 0h3.322c.308.7.516 1.456.595 2.25h-3.724a22.367 22.367 0 0 0-.193-2.25Zm-11.007 3.75h3.724c.009.208.026.413.038.621.009.161.015.325.03.483.029.387.07.771.122 1.146H5.128a7.418 7.418 0 0 1-.595-2.25Zm8.212.75 3 7.5 1.41-2.016 2.34 2.016 1.5-1.685-2.47-2.05 1.72-1.515-7.5-2.25Zm-6.735 3h2.704l.035.138c.024.105.05.205.076.307.094.37.202.727.32 1.058.008.03.014.061.026.088.038.108.082.21.126.316l.064.164c.074.167.147.326.223.478.009.017.018.038.026.056a7.499 7.499 0 0 1-3.6-2.605Z"
+}, null, -1), n = [
+  r
+];
+function h(m, s) {
+  return c(), e("svg", a, n);
+}
+const f = /* @__PURE__ */ l(t, [["render", h]]);
+export {
+  f as default
+};

package/components/icon/icons/Widget.vue.js

@@ -0,0 +1,22 @@
+import { openBlock as t, createElementBlock as o, Fragment as r, createElementVNode as e } from "vue";
+import l from "../../../_virtual/_plugin-vue_export-helper.js";
+const n = {}, c = /* @__PURE__ */ e("path", {
+  opacity: "0.4",
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M17.2534 26.6613V19.5093C17.2534 18.8537 17.7898 18.3173 18.4454 18.3173H25.5975C26.2531 18.3173 26.7895 18.8537 26.7895 19.5093V26.6613C26.7895 27.3169 26.2531 27.8533 25.5975 27.8533H18.4454C17.7898 27.8533 17.2534 27.3169 17.2534 26.6613ZM13.6774 27.8533H6.52538C5.86978 27.8533 5.33337 27.3169 5.33337 26.6613V19.5093C5.33337 18.8537 5.86978 18.3173 6.52538 18.3173H13.6774C14.333 18.3173 14.8694 18.8537 14.8694 19.5093V26.6613C14.8694 27.3169 14.333 27.8533 13.6774 27.8533ZM5.33337 14.7413V7.58922C5.33337 6.93362 5.86978 6.39722 6.52538 6.39722H13.6774C14.333 6.39722 14.8694 6.93362 14.8694 7.58922V14.7413C14.8694 15.3969 14.333 15.9333 13.6774 15.9333H6.52538C5.86978 15.9333 5.33337 15.3969 5.33337 14.7413Z",
+  fill: "currentColor"
+}, null, -1), C = /* @__PURE__ */ e("path", {
+  d: "M20.7702 5.68204L15.7041 10.7361C15.2392 11.201 15.2392 11.952 15.7041 12.4169L20.7702 17.4829C21.235 17.9478 21.986 17.9478 22.4509 17.4829L27.5169 12.4169C27.9818 11.952 27.9818 11.201 27.5169 10.7361L22.4628 5.68204C21.9979 5.21715 21.235 5.21715 20.7702 5.68204Z",
+  fill: "currentColor"
+}, null, -1);
+function d(i, _) {
+  return t(), o(r, null, [
+    c,
+    C
+  ], 64);
+}
+const s = /* @__PURE__ */ l(n, [["render", d]]);
+export {
+  s as default
+};

package/components/icon/icons/Widgets.vue.js

@@ -0,0 +1,18 @@
+import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
+import r from "../../../_virtual/_plugin-vue_export-helper.js";
+const c = {}, n = {
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+}, l = /* @__PURE__ */ t("path", {
+  fill: "currentColor",
+  d: "m16.66 4.52 2.83 2.83-2.83 2.83-2.83-2.83 2.83-2.83ZM9 5v4H5V5h4Zm10 10v4h-4v-4h4ZM9 15v4H5v-4h4Zm7.66-13.31L11 7.34 16.66 13l5.66-5.66-5.66-5.65ZM11 3H3v8h8V3Zm10 10h-8v8h8v-8Zm-10 0H3v8h8v-8Z"
+}, null, -1), s = [
+  l
+];
+function _(h, m) {
+  return e(), o("svg", n, s);
+}
+const d = /* @__PURE__ */ r(c, [["render", _]]);
+export {
+  d as default
+};

package/components/icon/icons/WidgetsFill.vue.js

@@ -0,0 +1,18 @@
+import { openBlock as c, createElementBlock as e, createElementVNode as o } from "vue";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const r = {}, l = {
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+}, n = /* @__PURE__ */ o("path", {
+  fill: "currentColor",
+  d: "M13 14v6c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1h-6c-.55 0-1 .45-1 1Zm-9 7h6c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1ZM3 4v6c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1Zm12.95-1.6L11.7 6.64a.996.996 0 0 0 0 1.41l4.25 4.25c.39.39 1.02.39 1.41 0l4.25-4.25a.996.996 0 0 0 0-1.41L17.37 2.4c-.39-.39-1.03-.39-1.42 0Z"
+}, null, -1), s = [
+  n
+];
+function _(i, a) {
+  return c(), e("svg", l, s);
+}
+const h = /* @__PURE__ */ t(r, [["render", _]]);
+export {
+  h as default
+};

package/components/icon/icons/WidgetsFlatSquares.vue.js

@@ -0,0 +1,49 @@
+import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
+import r from "../../../_virtual/_plugin-vue_export-helper.js";
+const c = {}, l = {
+  viewBox: "0 0 51 51",
+  fill: "currentColor"
+}, i = /* @__PURE__ */ t("rect", {
+  x: "6.4043",
+  y: "6.53043",
+  width: "16.9043",
+  height: "16.9043",
+  rx: "4",
+  fill: "currentColor",
+  opacity: ".4"
+}, null, -1), n = /* @__PURE__ */ t("rect", {
+  x: "6.4043",
+  y: "27.1913",
+  width: "16.9043",
+  height: "16.9043",
+  rx: "4",
+  fill: "currentColor",
+  opacity: ".4"
+}, null, -1), s = /* @__PURE__ */ t("rect", {
+  x: "27.0649",
+  y: "6.53043",
+  width: "16.9043",
+  height: "16.9043",
+  rx: "4",
+  fill: "currentColor"
+}, null, -1), _ = /* @__PURE__ */ t("rect", {
+  x: "27.0649",
+  y: "27.1913",
+  width: "16.9043",
+  height: "16.9043",
+  rx: "4",
+  fill: "currentColor",
+  opacity: ".4"
+}, null, -1), h = [
+  i,
+  n,
+  s,
+  _
+];
+function d(u, f) {
+  return e(), o("svg", l, h);
+}
+const p = /* @__PURE__ */ r(c, [["render", d]]);
+export {
+  p as default
+};

package/components/icon/icons/Widgetsz.vue.js

@@ -0,0 +1,25 @@
+import { openBlock as o, createElementBlock as t, createElementVNode as e } from "vue";
+import c from "../../../_virtual/_plugin-vue_export-helper.js";
+const l = {}, r = {
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+}, n = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M12.94 19.996v-5.364c0-.492.402-.894.894-.894h5.364c.492 0 .894.402.894.894v5.364a.897.897 0 0 1-.894.894h-5.364a.897.897 0 0 1-.894-.894Zm-2.682.894H4.894A.897.897 0 0 1 4 19.996v-5.364c0-.492.402-.894.894-.894h5.364c.492 0 .894.402.894.894v5.364a.897.897 0 0 1-.894.894ZM4 11.056V5.692c0-.492.402-.894.894-.894h5.364c.492 0 .894.402.894.894v5.364a.897.897 0 0 1-.894.894H4.894A.897.897 0 0 1 4 11.056Z",
+  "clip-rule": "evenodd",
+  opacity: ".4"
+}, null, -1), a = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  d: "m15.578 4.261-3.8 3.791a.89.89 0 0 0 0 1.26l3.8 3.8a.89.89 0 0 0 1.26 0l3.8-3.8a.89.89 0 0 0 0-1.26l-3.79-3.79a.901.901 0 0 0-1.27 0Z"
+}, null, -1), i = [
+  n,
+  a
+];
+function s(_, d) {
+  return o(), t("svg", r, i);
+}
+const u = /* @__PURE__ */ c(l, [["render", s]]);
+export {
+  u as default
+};

package/components/icon/icons/WifiProtectedSetup.vue.js

@@ -0,0 +1,20 @@
+import { openBlock as e, createElementBlock as c, createElementVNode as o } from "vue";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const r = {}, l = {
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+}, n = /* @__PURE__ */ o("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M18.14 3.86 16.7 5.3c1.74 1.56 2.85 3.81 2.85 6.32 0 2.3-.92 4.38-2.4 5.91-.36.37-.96.01-.84-.49.16-.61.24-1.26.24-1.92 0-2.64-1.28-4.96-3.25-6.42l-1.45 1.45c-.31.32-.85.1-.85-.35V3.51c0-.28.22-.5.5-.5h6.29c.44 0 .67.53.35.85ZM10.7 15.3l1.45-1.44a.49.49 0 0 1 .84.35v6.29c0 .28-.22.5-.5.5H6.2c-.44 0-.67-.53-.35-.85l1.44-1.44a8.474 8.474 0 0 1-.44-12.24c.36-.37.96-.01.84.49-.16.61-.24 1.26-.24 1.92 0 2.64 1.28 4.96 3.25 6.42Z",
+  "clip-rule": "evenodd"
+}, null, -1), i = [
+  n
+];
+function _(d, s) {
+  return e(), c("svg", l, i);
+}
+const u = /* @__PURE__ */ t(r, [["render", _]]);
+export {
+  u as default
+};

package/components/icon/index.js

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

package/components/includeExclude/IncludeExclude.vue.js

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

package/components/includeExclude/IncludeExclude.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.js";
+/* empty css                       */import N from "../button/v3/Button.vue.js";
+/* empty css                 */import { IncludeExcludeTestIdModifiers as m } from "../../testids/index.js";
+/* empty css                          */import X from "../typography/Text.vue.js";
+/* empty css                               *//* empty css                            *//* empty css                                   */import "floating-vue";
+/* empty css                       *//* empty css                              */import Ee from "../search/v3/Search.vue.js";
+import Be from "../checkbox/Checkbox.vue.js";
+import b from "../skeleton/Skeleton.vue.js";
+import Ve from "../emptyState/EmptyState.vue.js";
+import { useToggle as Pe } from "../../composables/useToggle.js";
+import { IncludeExcludeContext as Le } from "./IncludeExcludeContext.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
+};