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

package/components/includeExclude/IncludeExcludeAppHeader.vue.js

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

package/components/includeExclude/IncludeExcludeAppHeader.vue2.js

@@ -0,0 +1,115 @@
+import { defineComponent as g, ref as b, openBlock as x, createBlock as y, unref as i, mergeProps as s, withCtx as l, createVNode as o, createSlots as d, createTextVNode as k, toDisplayString as w } from "vue";
+import c from "../icon/Icon.vue.js";
+import m from "../appIcon/AppIcon.vue.js";
+import { useSearch as T } from "../../composables/useSearch.js";
+import S from "./IncludeExclude.vue.js";
+import "floating-vue";
+/* empty css                       *//* empty css                          *//* empty css                       *//* empty css                        *//* empty css                               *//* empty css                            *//* empty css                                   *//* empty css                       *//* empty css                              *//* empty css                        *//* empty css                         *//* empty css                         *//* empty css                                 *//* empty css                             */import "@vueuse/core";
+import "vuedraggable";
+/* empty css                             */import u from "./IncludeExcludeOption.vue.js";
+/* empty css                                    */import I from "./IncludeExcludeAppTrigger.vue.js";
+/* empty css                              *//* empty css                    *//* empty css                               */const ee = /* @__PURE__ */ g({
+  __name: "IncludeExcludeAppHeader",
+  props: {
+    imgProps: { default: void 0 },
+    optionProps: { default: void 0 },
+    showSubTitle: { type: Boolean, default: !1 },
+    clearable: { type: Boolean },
+    searchPlaceholder: { default: "Search" },
+    showIcon: { type: Boolean, default: !0 },
+    keyField: { default: "appKey" },
+    subTitleKey: { default: "appKey" },
+    searchAttribute: { default: "name" },
+    applications: null,
+    titleText: { default: "Application" },
+    modelValue: null,
+    distanceOffset: { default: 4 },
+    skiddingOffset: { default: 4 },
+    isLoading: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const r = e, f = T({ searchAttribute: r.searchAttribute }), a = b(r.modelValue);
+    return (h, n) => (x(), y(i(S), s(h.$attrs, {
+      modelValue: a.value,
+      "onUpdate:modelValue": n[0] || (n[0] = (t) => a.value = t),
+      loading: e.isLoading,
+      "distance-offset": e.distanceOffset,
+      "skidding-offset": e.skiddingOffset,
+      "title-text": e.titleText,
+      "is-on-top": !0,
+      options: e.applications,
+      "has-subtitle": e.showSubTitle,
+      "search-placeholder": e.searchPlaceholder,
+      "on-search": i(f),
+      "key-field": e.keyField
+    }), {
+      trigger: l(() => [
+        o(i(I), {
+          selected: a.value,
+          options: e.applications,
+          loading: e.isLoading
+        }, null, 8, ["selected", "options", "loading"])
+      ]),
+      option: l(({ option: t, showCheckbox: p }) => [
+        o(i(u), {
+          option: t,
+          "show-checkbox": p,
+          "title-text": t?.name,
+          subtitle: e.showSubTitle ? t[e.subTitleKey] : ""
+        }, d({
+          image: l(() => [
+            o(i(m), s(e.imgProps, {
+              src: t.icon,
+              size: e.showSubTitle ? "lg" : "md"
+            }), null, 16, ["src", "size"])
+          ]),
+          default: l(() => [
+            k(" " + w(t.name), 1)
+          ]),
+          _: 2
+        }, [
+          e.showIcon ? {
+            name: "icon-start",
+            fn: l(() => [
+              o(i(c), {
+                name: t.platform.toLowerCase()
+              }, null, 8, ["name"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["option", "show-checkbox", "title-text", "subtitle"])
+      ]),
+      selected_option: l(({ option: t }) => [
+        o(i(u), {
+          "show-checkbox": !1,
+          clearable: !0,
+          option: t,
+          subtitle: e.showSubTitle ? t[e.subTitleKey] : "",
+          "title-text": t?.name
+        }, d({
+          image: l(() => [
+            o(i(m), s(e.imgProps, {
+              src: t.icon,
+              size: e.showSubTitle ? "lg" : "md"
+            }), null, 16, ["src", "size"])
+          ]),
+          _: 2
+        }, [
+          e.showIcon ? {
+            name: "icon-start",
+            fn: l(() => [
+              o(i(c), {
+                name: t.platform.toLowerCase()
+              }, null, 8, ["name"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["option", "subtitle", "title-text"])
+      ]),
+      _: 1
+    }, 16, ["modelValue", "loading", "distance-offset", "skidding-offset", "title-text", "options", "has-subtitle", "search-placeholder", "on-search", "key-field"]));
+  }
+});
+export {
+  ee as default
+};

package/components/includeExclude/IncludeExcludeAppTrigger.vue.js

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

package/components/includeExclude/IncludeExcludeAppTrigger.vue2.js

@@ -0,0 +1,106 @@
+import { defineComponent as A, computed as t, openBlock as d, createElementBlock as N, normalizeClass as y, unref as e, renderSlot as u, createElementVNode as g, createBlock as f, createCommentVNode as T, createVNode as i, withCtx as s, createTextVNode as I, toDisplayString as _ } from "vue";
+/* empty css                          */import w from "../typography/Text.vue.js";
+import v from "../icon/Icon.vue.js";
+/* empty css                        */import V from "../button/v3/IconButton.vue.js";
+import B from "../tooltip/Tooltip.vue.js";
+/* empty css                       *//* empty css                              */import E from "../appIcon/AppIcon.vue.js";
+const D = { class: "include-exclude-trigger-left-image" }, P = /* @__PURE__ */ A({
+  __name: "IncludeExcludeAppTrigger",
+  props: {
+    selected: { default: null },
+    options: { default: null },
+    loading: { type: Boolean, default: !1 }
+  },
+  setup(m) {
+    const n = m, C = "All apps selected", x = t(() => c.value ? C : p.value ? `${r.value?.name}` : `${l.value} apps selected`), $ = t(() => c.value ? null : r.value.platform.toLowerCase()), h = t(() => !l.value || !a.value ? "" : r.value?.icon), z = t(() => n.loading ? "" : p.value ? r.value.appKey : c.value ? S.value : l.value <= 0 ? `${r.value?.name}` : `${r.value?.name} and ${l.value - 1}+`), l = t(() => n.selected?.length || 0), a = t(() => n.options?.length || 0), p = t(() => l.value === 1), c = t(() => n.loading || a.value === l.value || !l.value), S = t(() => a.value === 1 ? `${k.value?.name}` : `${k.value?.name} and ${a.value - 1}+`), r = t(() => n.selected?.[0]), k = t(() => n.options?.[0]);
+    return (o, K) => (d(), N("div", {
+      class: y(["include-exclude-trigger-container", {
+        "include-exclude-trigger-container--with-icons": e(l) > 0 || e(c)
+      }])
+    }, [
+      u(o.$slots, "left-image", {}, () => [
+        g("div", D, [
+          e(h) ? (d(), f(e(E), {
+            key: 0,
+            size: "xl",
+            src: e(h)
+          }, null, 8, ["src"])) : (d(), f(e(v), {
+            key: 1,
+            class: "trigger-icon",
+            "font-size": "2rem",
+            name: "widgetsz"
+          }))
+        ])
+      ], !0),
+      u(o.$slots, "left-icon", {}, () => [
+        e($) ? (d(), f(e(v), {
+          key: 0,
+          class: "include-exclude-trigger-left-icon",
+          name: e($),
+          "font-size": "md"
+        }, null, 8, ["name"])) : T("", !0)
+      ], !0),
+      g("div", {
+        class: y(["include-exclude-trigger-middle-section", {
+          "include-exclude-trigger-middle-section--single": e(p),
+          "include-exclude-trigger-middle-section--loading": m.loading || !m.options?.length
+        }])
+      }, [
+        u(o.$slots, "title", {}, () => [
+          i(e(B), { text: e(x) }, {
+            default: s(() => [
+              i(e(w), {
+                strong: "",
+                class: "title",
+                "is-truncated": "",
+                size: "sm"
+              }, {
+                default: s(() => [
+                  I(_(e(x)), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["text"])
+        ], !0),
+        u(o.$slots, "description", {}, () => [
+          g("div", null, [
+            i(e(B), { text: e(z) }, {
+              default: s(() => [
+                i(e(w), {
+                  class: "include-exclude-trigger-description",
+                  size: "xs",
+                  "is-truncated": ""
+                }, {
+                  default: s(() => [
+                    I(_(e(z)), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["text"])
+          ])
+        ], !0)
+      ], 2),
+      u(o.$slots, "right-icon", {}, () => [
+        i(e(V), {
+          class: "include-exclude-trigger-right-icon",
+          theme: "third"
+        }, {
+          default: s(() => [
+            i(e(v), {
+              "font-size": "sm",
+              name: "angle-down"
+            })
+          ]),
+          _: 1
+        })
+      ], !0)
+    ], 2));
+  }
+});
+export {
+  P as default
+};

package/components/includeExclude/IncludeExcludeChipFilter.vue.js

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

package/components/includeExclude/IncludeExcludeChipFilter.vue2.js

@@ -0,0 +1,147 @@
+import { defineComponent as k, computed as d, openBlock as T, createBlock as S, unref as i, mergeProps as u, isRef as K, withCtx as l, renderSlot as m, createVNode as n, createTextVNode as V, toDisplayString as p, createSlots as c, createElementVNode as f } from "vue";
+import h from "../icon/Icon.vue.js";
+import I from "../chip/v3/Chip.vue.js";
+import { useSearch as v } from "../../composables/useSearch.js";
+import P from "./IncludeExclude.vue.js";
+import "floating-vue";
+/* empty css                       *//* empty css                          *//* empty css                       *//* empty css                        *//* empty css                               *//* empty css                            *//* empty css                                   *//* empty css                       *//* empty css                              *//* empty css                        *//* empty css                         *//* empty css                         *//* empty css                                 *//* empty css                             */import "@vueuse/core";
+import "vuedraggable";
+/* empty css                             */import g from "./IncludeExcludeOption.vue.js";
+/* empty css                                    *//* empty css                       *//* empty css                               *//* empty css                              *//* empty css                               */const B = ["src"], C = ["src"], ne = /* @__PURE__ */ k({
+  __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: null,
+    titleText: { default: "" },
+    modelValue: null,
+    distanceOffset: { default: -8 },
+    skiddingOffset: { default: 0 },
+    isLoading: { type: Boolean, default: !1 },
+    iconKey: { default: "icon" },
+    textKey: { default: "name" },
+    showImage: { type: Boolean, default: !0 },
+    triggerProps: null,
+    triggerTextFunc: { type: Function, default: () => "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: b }) {
+    const r = e, y = v({ searchAttribute: r.searchAttribute }), o = d({
+      get() {
+        return r.modelValue;
+      },
+      set(a) {
+        b("update:modelValue", a);
+      }
+    }), x = d(() => r.triggerTextFunc(o));
+    return (a, s) => (T(), S(i(P), u(a.$attrs, {
+      modelValue: i(o),
+      "onUpdate:modelValue": s[1] || (s[1] = (t) => K(o) ? o.value = t : null),
+      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": i(y),
+      "key-field": e.keyField
+    }), {
+      trigger: l(() => [
+        m(a.$slots, "input", {}, () => [
+          n(i(I), u({
+            selected: !!e.modelValue.length
+          }, e.triggerProps, {
+            clearable: e.clearable,
+            onCleared: s[0] || (s[0] = (t) => o.value = [])
+          }), {
+            default: l(() => [
+              V(p(i(x)), 1)
+            ]),
+            _: 1
+          }, 16, ["selected", "clearable"])
+        ], !0)
+      ]),
+      option: l(({ option: t, showCheckbox: w }) => [
+        m(a.$slots, "option", {}, () => [
+          n(i(g), {
+            option: t,
+            "show-checkbox": w,
+            subtitle: e.showSubTitle ? t[e.subTitleKey] : "",
+            "title-text": t[e.textKey]
+          }, c({ _: 2 }, [
+            e.showImage ? {
+              name: "image",
+              fn: l(() => [
+                f("img", u({
+                  class: ["option-image", {
+                    "option-image-single-line": !e.showSubTitle,
+                    "option-image-multi-lines": e.showSubTitle
+                  }]
+                }, e.imgProps, {
+                  src: t[e.iconKey],
+                  alt: ""
+                }), null, 16, B)
+              ]),
+              key: "0"
+            } : void 0,
+            e.showIcon ? {
+              name: "icon-start",
+              fn: l(() => [
+                n(i(h), {
+                  name: t[e.iconKey].toLowerCase()
+                }, null, 8, ["name"])
+              ]),
+              key: "1"
+            } : void 0
+          ]), 1032, ["option", "show-checkbox", "subtitle", "title-text"])
+        ], !0)
+      ]),
+      selected_option: l(({ option: t }) => [
+        n(i(g), {
+          "show-checkbox": !1,
+          clearable: !0,
+          option: t,
+          "title-text": t[e.textKey],
+          subtitle: e.showSubTitle ? t[e.subTitleKey] : ""
+        }, c({ _: 2 }, [
+          e.showImage ? {
+            name: "image",
+            fn: l(() => [
+              f("img", u({
+                class: ["option-image", {
+                  "option-image-single-line": !e.showSubTitle,
+                  "option-image-multi-lines": e.showSubTitle
+                }]
+              }, e.imgProps, {
+                src: t[e.iconKey]
+              }), null, 16, C)
+            ]),
+            key: "0"
+          } : void 0,
+          e.showIcon ? {
+            name: "icon-start",
+            fn: l(() => [
+              n(i(h), {
+                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 {
+  ne as default
+};

package/components/includeExclude/IncludeExcludeDragDrop.vue.js

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