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

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

@@ -0,0 +1,149 @@
+import { defineComponent as T, computed as u, openBlock as S, createBlock as v, unref as l, mergeProps as n, withCtx as o, renderSlot as d, createVNode as i, createTextVNode as K, toDisplayString as V, createSlots as m, createElementVNode as f } from "vue";
+import p from "../icon/v3/Icon.vue.js";
+import I from "../chip/v3/Chip.vue.js";
+import { useSearch as P } from "../../composables/useSearch.js";
+import B from "./IncludeExclude.vue.js";
+import "./IncludeExcludeDragDrop.vue.js";
+import h from "./IncludeExcludeOption.vue.js";
+import "./IncludeExcludeOptionDraggable.vue.js";
+import "./IncludeExcludeAppTrigger.vue.js";
+import "./IncludeExcludeAppHeader.vue.js";
+import "./IncludeExcludeChipFilter.vue.js";
+const C = ["src"], F = ["src"], z = /* @__PURE__ */ T({
+  __name: "IncludeExcludeChipFilter",
+  props: {
+    imgProps: { default: void 0 },
+    optionProps: { default: void 0 },
+    showSubTitle: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !0 },
+    searchPlaceholder: { default: "Search" },
+    showIcon: { type: Boolean, default: !0 },
+    keyField: { default: "name" },
+    subTitleKey: { default: "" },
+    searchAttribute: { default: "name" },
+    options: {},
+    titleText: { default: "" },
+    modelValue: {},
+    distanceOffset: { default: -8 },
+    skiddingOffset: { default: 0 },
+    isLoading: { type: Boolean, default: !1 },
+    iconKey: { default: "icon" },
+    textKey: { default: "name" },
+    showImage: { type: Boolean, default: !0 },
+    triggerProps: {},
+    triggerTextFunc: { type: Function, default: () => "" }
+  },
+  emits: ["update:modelValue"],
+  setup(c, { emit: g }) {
+    const r = c, b = P({ searchAttribute: r.searchAttribute }), y = g, s = u({
+      get() {
+        return r.modelValue;
+      },
+      set(e) {
+        y("update:modelValue", e);
+      }
+    }), w = u(() => r.triggerTextFunc(s));
+    return (e, a) => (S(), v(l(B), n(e.$attrs, {
+      modelValue: s.value,
+      "onUpdate:modelValue": a[1] || (a[1] = (t) => s.value = t),
+      loading: e.isLoading,
+      "distance-offset": e.distanceOffset,
+      "skidding-offset": e.skiddingOffset,
+      "title-text": e.titleText,
+      "is-on-top": !0,
+      options: e.options,
+      "has-subtitle": e.showSubTitle,
+      "search-placeholder": e.searchPlaceholder,
+      "on-search": l(b),
+      "key-field": e.keyField
+    }), {
+      trigger: o(() => [
+        d(e.$slots, "input", {}, () => [
+          i(l(I), n({
+            selected: !!e.modelValue.length
+          }, e.triggerProps, {
+            clearable: e.clearable,
+            onCleared: a[0] || (a[0] = (t) => s.value = [])
+          }), {
+            default: o(() => [
+              K(V(w.value), 1)
+            ]),
+            _: 1
+          }, 16, ["selected", "clearable"])
+        ], !0)
+      ]),
+      option: o(({ option: t, showCheckbox: k }) => [
+        d(e.$slots, "option", {}, () => [
+          i(l(h), {
+            option: t,
+            "show-checkbox": k,
+            subtitle: e.showSubTitle ? t[e.subTitleKey] : "",
+            "title-text": t[e.textKey]
+          }, m({ _: 2 }, [
+            e.showImage ? {
+              name: "image",
+              fn: o(() => [
+                f("img", n({
+                  class: ["option-image", {
+                    "option-image-single-line": !e.showSubTitle,
+                    "option-image-multi-lines": e.showSubTitle
+                  }]
+                }, e.imgProps, {
+                  src: t[e.iconKey],
+                  alt: ""
+                }), null, 16, C)
+              ]),
+              key: "0"
+            } : void 0,
+            e.showIcon ? {
+              name: "icon-start",
+              fn: o(() => [
+                i(l(p), {
+                  name: t[e.iconKey].toLowerCase()
+                }, null, 8, ["name"])
+              ]),
+              key: "1"
+            } : void 0
+          ]), 1032, ["option", "show-checkbox", "subtitle", "title-text"])
+        ], !0)
+      ]),
+      selected_option: o(({ option: t }) => [
+        i(l(h), {
+          "show-checkbox": !1,
+          clearable: !0,
+          option: t,
+          "title-text": t[e.textKey],
+          subtitle: e.showSubTitle ? t[e.subTitleKey] : ""
+        }, m({ _: 2 }, [
+          e.showImage ? {
+            name: "image",
+            fn: o(() => [
+              f("img", n({
+                class: ["option-image", {
+                  "option-image-single-line": !e.showSubTitle,
+                  "option-image-multi-lines": e.showSubTitle
+                }]
+              }, e.imgProps, {
+                src: t[e.iconKey]
+              }), null, 16, F)
+            ]),
+            key: "0"
+          } : void 0,
+          e.showIcon ? {
+            name: "icon-start",
+            fn: o(() => [
+              i(l(p), {
+                name: t[e.iconKey].toLowerCase()
+              }, null, 8, ["name"])
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1032, ["option", "title-text", "subtitle"])
+      ]),
+      _: 3
+    }, 16, ["modelValue", "loading", "distance-offset", "skidding-offset", "title-text", "options", "has-subtitle", "search-placeholder", "on-search", "key-field"]));
+  }
+});
+export {
+  z as default
+};

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

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

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

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

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

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