@ironsource/shared-ui 2.1.12-test.99 → 2.2.0-rc.0

package/components/includeExclude/IncludeExcludeAppTrigger.vue2.js

@@ -0,0 +1,109 @@
+ 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.d.ts

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     imgProps?: unknown;
     optionProps?: unknown;
     showSubTitle?: boolean;
@@ -37,9 +37,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     showImage: boolean;
     clearable: boolean;
     triggerTextFunc: () => "";
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: unknown[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     imgProps?: unknown;
     optionProps?: unknown;
     showSubTitle?: boolean;
@@ -78,15 +78,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     showImage: boolean;
     clearable: boolean;
     triggerTextFunc: () => "";
-}>>> & Readonly<{
+}>>> & {
     "onUpdate:modelValue"?: (val: unknown[]) => any;
-}>, {
+}, {
     searchAttribute: string;
     isLoading: boolean;
     showIcon: boolean;
+    clearable: boolean;
     iconKey: string;
     searchPlaceholder: string;
-    clearable: boolean;
     titleText: string;
     distanceOffset: number;
     skiddingOffset: number;
@@ -98,7 +98,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     textKey: string;
     showImage: boolean;
     triggerTextFunc: (option: unknown) => string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+}>, {
     input?(_: {}): any;
     option?(_: {}): any;
 }>;

package/components/includeExclude/IncludeExcludeChipFilter.vue.js

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,149 @@
+ 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.d.ts

@@ -1,12 +1,12 @@
 import { Placement } from 'floating-vue';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     titleText?: string;
     loading?: boolean;
     disabled?: boolean;
     modelValue: unknown;
     clearable?: boolean;
     placement?: Placement;
-    options: any[];
+    options: unknown[];
     autoFocus?: boolean;
     onSearch?: (option: any, term: string) => boolean;
     searchPlaceholder?: string;
@@ -39,18 +39,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     hasSubtitle: boolean;
     isDraggable: boolean;
     draggableArgs: any;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: unknown) => void;
     changeDragDrop: (value: unknown) => void;
     clickOutside: (value: unknown) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     titleText?: string;
     loading?: boolean;
     disabled?: boolean;
     modelValue: unknown;
     clearable?: boolean;
     placement?: Placement;
-    options: any[];
+    options: unknown[];
     autoFocus?: boolean;
     onSearch?: (option: any, term: string) => boolean;
     searchPlaceholder?: string;
@@ -83,13 +83,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     hasSubtitle: boolean;
     isDraggable: boolean;
     draggableArgs: any;
-}>>> & Readonly<{
+}>>> & {
     "onUpdate:modelValue"?: (value: unknown) => any;
     onChangeDragDrop?: (value: unknown) => any;
     onClickOutside?: (value: unknown) => any;
-}>, {
-    disabled: boolean;
+}, {
     placement: Placement;
+    disabled: boolean;
     distance: number;
     loading: boolean;
     autoFocus: boolean;
@@ -105,7 +105,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     skiddingOffset: number;
     isDraggable: boolean;
     draggableArgs: object;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+}>, {
     trigger?(_: {}): any;
     "header-left-section"?(_: {}): any;
     "header-right-section"?(_: {}): any;

package/components/includeExclude/IncludeExcludeDragDrop.vue.js

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