@ironsource/shared-ui 2.0.2-rc.4 → 2.1.0-rc.1

package/components/includeExclude/IncludeExcludeAppHeader.vue2.js

@@ -1,116 +0,0 @@
- import "../../IncludeExcludeAppHeader.vue_vue_type_style_index_0_scoped_947cb1fc_lang.css"; import { defineComponent as b, ref as x, openBlock as y, createBlock as k, unref as l, mergeProps as s, withCtx as a, createVNode as i, createSlots as c, createTextVNode as p, toDisplayString as w } from "vue";
-import u from "../icon/v3/Icon.vue.js";
-import r from "../appIcon/AppIcon.vue.js";
-import { useSearch as T } from "../../composables/useSearch.js";
-import S from "./IncludeExclude.vue.js";
-import "./IncludeExcludeDragDrop.vue.js";
-import f from "./IncludeExcludeOption.vue.js";
-import "./IncludeExcludeOptionDraggable.vue.js";
-import I from "./IncludeExcludeAppTrigger.vue.js";
-import "./IncludeExcludeAppHeader.vue.js";
-import "./IncludeExcludeChipFilter.vue.js";
-const F = /* @__PURE__ */ b({
-  __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 n = e, m = T({ searchAttribute: n.searchAttribute }), o = x(n.modelValue);
-    return (h, d) => (y(), k(l(S), s(h.$attrs, {
-      modelValue: o.value,
-      "onUpdate:modelValue": d[0] || (d[0] = (t) => o.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": l(m),
-      "key-field": e.keyField
-    }), {
-      trigger: a(() => [
-        i(l(I), {
-          selected: o.value,
-          options: e.applications,
-          loading: e.isLoading
-        }, null, 8, ["selected", "options", "loading"])
-      ]),
-      option: a(({ option: t, showCheckbox: g }) => [
-        i(l(f), {
-          option: t,
-          "show-checkbox": g,
-          "title-text": t?.name,
-          subtitle: e.showSubTitle ? t[e.subTitleKey] : ""
-        }, c({
-          image: a(() => [
-            i(l(r), s(e.imgProps, {
-              src: t.icon,
-              size: e.showSubTitle ? "lg" : "md"
-            }), null, 16, ["src", "size"])
-          ]),
-          default: a(() => [
-            p(" " + w(t.name), 1)
-          ]),
-          _: 2
-        }, [
-          e.showIcon ? {
-            name: "icon-start",
-            fn: a(() => [
-              i(l(u), {
-                name: t.platform.toLowerCase()
-              }, null, 8, ["name"])
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["option", "show-checkbox", "title-text", "subtitle"])
-      ]),
-      selected_option: a(({ option: t }) => [
-        i(l(f), {
-          "show-checkbox": !1,
-          clearable: !0,
-          option: t,
-          subtitle: e.showSubTitle ? t[e.subTitleKey] : "",
-          "title-text": t?.name
-        }, c({
-          image: a(() => [
-            i(l(r), s(e.imgProps, {
-              src: t.icon,
-              size: e.showSubTitle ? "lg" : "md"
-            }), null, 16, ["src", "size"])
-          ]),
-          _: 2
-        }, [
-          e.showIcon ? {
-            name: "icon-start",
-            fn: a(() => [
-              i(l(u), {
-                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 {
-  F as default
-};

package/components/includeExclude/IncludeExcludeAppTrigger.vue.js

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

package/components/includeExclude/IncludeExcludeAppTrigger.vue2.js

@@ -1,109 +0,0 @@
- import "../../IncludeExcludeAppTrigger.vue_vue_type_style_index_0_scoped_f738b223_lang.css"; 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 V, createVNode as i, withCtx as s, createTextVNode as I, toDisplayString as w } from "vue";
-import "../button/v3/Button.vue.js";
-import _ from "../button/v3/IconButton.vue.js";
-import "../button/v3/ScrollButton.vue.js";
-import "../typography/Heading.vue.js";
-import B from "../typography/Text.vue.js";
-import v from "../icon/v3/Icon.vue.js";
-import C from "../tooltip/v3/Tooltip.vue.js";
-import E from "../appIcon/AppIcon.vue.js";
-const D = { class: "include-exclude-trigger-left-image" }, J = /* @__PURE__ */ A({
-  __name: "IncludeExcludeAppTrigger",
-  props: {
-    selected: { default: null },
-    options: { default: null },
-    loading: { type: Boolean, default: !1 }
-  },
-  setup(m) {
-    const n = m, S = "All apps selected", x = t(() => c.value ? S : 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 ? T.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), T = 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"])) : V("", !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(C), { text: e(x) }, {
-            default: s(() => [
-              i(e(B), {
-                strong: "",
-                class: "title",
-                "is-truncated": "",
-                size: "sm"
-              }, {
-                default: s(() => [
-                  I(w(e(x)), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["text"])
-        ], !0),
-        u(o.$slots, "description", {}, () => [
-          g("div", null, [
-            i(e(C), { text: e(z) }, {
-              default: s(() => [
-                i(e(B), {
-                  class: "include-exclude-trigger-description",
-                  size: "xs",
-                  "is-truncated": ""
-                }, {
-                  default: s(() => [
-                    I(w(e(z)), 1)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["text"])
-          ])
-        ], !0)
-      ], 2),
-      u(o.$slots, "right-icon", {}, () => [
-        i(e(_), {
-          class: "include-exclude-trigger-right-icon",
-          theme: "third"
-        }, {
-          default: s(() => [
-            i(e(v), {
-              "font-size": "sm",
-              name: "angle-down"
-            })
-          ]),
-          _: 1
-        })
-      ], !0)
-    ], 2));
-  }
-});
-export {
-  J as default
-};

package/components/includeExclude/IncludeExcludeChipFilter.vue.js

@@ -1,7 +0,0 @@
-import e from "./IncludeExcludeChipFilter.vue2.js";
-/* empty css                               */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../IncludeExcludeChipFilter.vue_vue_type_style_index_0_scoped_198d2d73_lang.css"; //*');
-const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-198d2d73"]]);
-export {
-  c as default
-};

package/components/includeExclude/IncludeExcludeChipFilter.vue2.js

@@ -1,149 +0,0 @@
- import "../../IncludeExcludeChipFilter.vue_vue_type_style_index_0_scoped_198d2d73_lang.css"; import { defineComponent as k, computed as c, openBlock as T, createBlock as S, unref as l, mergeProps as u, isRef as K, withCtx as i, renderSlot as r, createVNode as n, createTextVNode as V, toDisplayString as I, createSlots as m, createElementVNode as f } from "vue";
-import h from "../icon/v3/Icon.vue.js";
-import v 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 g 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__ */ 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 d = e, y = P({ searchAttribute: d.searchAttribute }), o = c({
-      get() {
-        return d.modelValue;
-      },
-      set(a) {
-        b("update:modelValue", a);
-      }
-    }), x = c(() => d.triggerTextFunc(o));
-    return (a, s) => (T(), S(l(B), u(a.$attrs, {
-      modelValue: l(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": l(y),
-      "key-field": e.keyField
-    }), {
-      trigger: i(() => [
-        r(a.$slots, "input", {}, () => [
-          n(l(v), u({
-            selected: !!e.modelValue.length
-          }, e.triggerProps, {
-            clearable: e.clearable,
-            onCleared: s[0] || (s[0] = (t) => o.value = [])
-          }), {
-            default: i(() => [
-              V(I(l(x)), 1)
-            ]),
-            _: 1
-          }, 16, ["selected", "clearable"])
-        ], !0)
-      ]),
-      option: i(({ option: t, showCheckbox: w }) => [
-        r(a.$slots, "option", {}, () => [
-          n(l(g), {
-            option: t,
-            "show-checkbox": w,
-            subtitle: e.showSubTitle ? t[e.subTitleKey] : "",
-            "title-text": t[e.textKey]
-          }, m({ _: 2 }, [
-            e.showImage ? {
-              name: "image",
-              fn: i(() => [
-                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, C)
-              ]),
-              key: "0"
-            } : void 0,
-            e.showIcon ? {
-              name: "icon-start",
-              fn: i(() => [
-                n(l(h), {
-                  name: t[e.iconKey].toLowerCase()
-                }, null, 8, ["name"])
-              ]),
-              key: "1"
-            } : void 0
-          ]), 1032, ["option", "show-checkbox", "subtitle", "title-text"])
-        ], !0)
-      ]),
-      selected_option: i(({ option: t }) => [
-        n(l(g), {
-          "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: i(() => [
-              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, F)
-            ]),
-            key: "0"
-          } : void 0,
-          e.showIcon ? {
-            name: "icon-start",
-            fn: i(() => [
-              n(l(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 {
-  z as default
-};

package/components/includeExclude/IncludeExcludeDragDrop.vue.js

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