@ironsource/shared-ui 1.4.2-rc.5 → 1.4.2-test.0

package/components/dialog/Dialog.vue.d.ts

@@ -1,99 +1,148 @@
 import { Reason } from '@/components/dialog/Reason';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    appendToBody?: boolean;
-    content?: string;
-    width?: string | number;
-    closeDelay?: number;
-    openDelay?: number;
-    escapeToClose?: boolean;
-    showBackdrop?: boolean;
-    headerBorder?: boolean;
-    closeOnClickOutside?: boolean;
-    modelValue: boolean;
-    beforeClose?: (show: () => void) => void;
-    title?: string;
-    showCloseButton?: boolean;
-    themeClass?: string;
-}>, {
-    content: any;
-    width: string;
-    appendToBody: boolean;
-    openDelay: number;
-    headerBorder: boolean;
-    showBackdrop: boolean;
-    closeDelay: number;
-    closeOnClickOutside: boolean;
-    showCloseButton: boolean;
-    title: string;
-    escapeToClose: boolean;
-    beforeClose: any;
-    themeClass: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    width: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    appendToBody: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    closeDelay: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    openDelay: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    escapeToClose: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    showBackdrop: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    headerBorder: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    closeOnClickOutside: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    beforeClose: {
+        type: import("vue").PropType<(show: () => void) => void>;
+        default: any;
+    };
+    showCloseButton: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    themeClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
-} & {
     open: () => void;
-} & {
     close: (reason: Reason) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    appendToBody?: boolean;
-    content?: string;
-    width?: string | number;
-    closeDelay?: number;
-    openDelay?: number;
-    escapeToClose?: boolean;
-    showBackdrop?: boolean;
-    headerBorder?: boolean;
-    closeOnClickOutside?: boolean;
-    modelValue: boolean;
-    beforeClose?: (show: () => void) => void;
-    title?: string;
-    showCloseButton?: boolean;
-    themeClass?: string;
-}>, {
-    content: any;
-    width: string;
-    appendToBody: boolean;
-    openDelay: number;
-    headerBorder: boolean;
-    showBackdrop: boolean;
-    closeDelay: number;
-    closeOnClickOutside: boolean;
-    showCloseButton: boolean;
-    title: string;
-    escapeToClose: boolean;
-    beforeClose: any;
-    themeClass: string;
-}>>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    width: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    appendToBody: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    closeDelay: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    openDelay: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    escapeToClose: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    showBackdrop: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    headerBorder: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    closeOnClickOutside: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    beforeClose: {
+        type: import("vue").PropType<(show: () => void) => void>;
+        default: any;
+    };
+    showCloseButton: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    themeClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
     onClose?: (reason: Reason) => any;
     onOpen?: () => any;
 }, {
     title: string;
-    content: string;
     width: string | number;
+    content: string;
     appendToBody: boolean;
+    closeDelay: number;
     openDelay: number;
-    headerBorder: boolean;
+    escapeToClose: boolean;
     showBackdrop: boolean;
-    closeDelay: number;
+    headerBorder: boolean;
     closeOnClickOutside: boolean;
-    showCloseButton: boolean;
-    escapeToClose: boolean;
     beforeClose: (show: () => void) => void;
+    showCloseButton: boolean;
     themeClass: string;
+}>, {
+    header?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
 };
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

package/components/dialog/Dialog.vue.vue.js

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

package/components/dialog/Dialog.vue.vue2.js

@@ -0,0 +1,165 @@
+import { defineComponent as g, useCssVars as E, ref as F, watch as S, openBlock as a, createBlock as C, Teleport as I, createVNode as f, Transition as K, withCtx as d, unref as s, normalizeClass as v, createElementVNode as u, normalizeStyle as x, withKeys as P, renderSlot as m, createTextVNode as V, toDisplayString as k, createCommentVNode as n, createElementBlock as b } from "vue";
+import { UseFocusTrap as R } from "@vueuse/integrations/useFocusTrap/component";
+import { useTimeoutFn as O } from "@vueuse/core";
+import $ from "../typography/Text.vue.vue.js";
+import { NOOP as z } from "@vue/shared";
+import { Reason as y } from "./Reason.vue.js";
+import U from "../button/IconButton.vue.vue.js";
+import j from "../icon/Icon.vue.vue.js";
+const q = {
+  key: 0,
+  class: "header--secondary"
+}, A = { class: "placeholder" }, G = {
+  key: 1,
+  class: "footer"
+}, H = { class: "action-buttons" }, _ = /* @__PURE__ */ g({
+  __name: "Dialog",
+  props: {
+    appendToBody: { type: Boolean, default: !0 },
+    content: { default: null },
+    width: { default: "30.3125rem" },
+    closeDelay: { default: 0 },
+    openDelay: { default: 0 },
+    escapeToClose: { type: Boolean, default: !0 },
+    showBackdrop: { type: Boolean, default: !0 },
+    headerBorder: { type: Boolean, default: !0 },
+    closeOnClickOutside: { type: Boolean, default: !1 },
+    modelValue: { type: Boolean },
+    beforeClose: { type: Function, default: null },
+    title: { default: "" },
+    showCloseButton: { type: Boolean, default: !0 },
+    themeClass: { default: "" }
+  },
+  emits: ["update:modelValue", "open", "close"],
+  setup(e, { emit: i }) {
+    const t = e;
+    E((o) => ({
+      "2fb3cc6c": e.width
+    }));
+    const r = F(!1);
+    let h, B;
+    const w = (o) => {
+      r.value = !1, i("close", o), i("update:modelValue", !1);
+    }, T = () => {
+      r.value = !0, i("open");
+    }, D = (o) => {
+      if (h?.(), B?.(), t.closeDelay && t.closeDelay > 0) {
+        ({ stop: B } = O(
+          () => w(o),
+          t.closeDelay
+        ));
+        return;
+      }
+      w(o);
+    }, N = () => {
+      if (B?.(), h?.(), t.openDelay && t.openDelay > 0) {
+        ({ stop: h } = O(() => T(), t.openDelay));
+        return;
+      }
+      T();
+    };
+    S(
+      () => t.modelValue,
+      (o) => {
+        if (o) {
+          N();
+          return;
+        }
+        r.value && D(y.Other);
+      }
+    );
+    function p(o) {
+      function l(c) {
+        c || (i("close", o), r.value = !1);
+      }
+      if (t.beforeClose) {
+        t.beforeClose(l);
+        return;
+      }
+      D(o);
+    }
+    return (o, l) => (a(), C(I, {
+      to: "body",
+      disabled: !e.appendToBody
+    }, [
+      f(K, null, {
+        default: d(() => [
+          r.value ? (a(), C(s(R), {
+            key: 0,
+            class: v(["container", e.themeClass])
+          }, {
+            default: d(() => [
+              u("div", {
+                class: "modal",
+                style: x({ width: e.width }),
+                onKeydown: l[1] || (l[1] = P((c) => e.escapeToClose ? p(s(y).Escape) : s(z)(), ["esc"]))
+              }, [
+                u("header", {
+                  class: v(["header", { "header--bordered": e.headerBorder }])
+                }, [
+                  e.headerBorder ? m(o.$slots, "header", { key: 0 }, () => [
+                    f($, { strong: "" }, {
+                      default: d(() => [
+                        V(k(e.title), 1)
+                      ]),
+                      _: 1
+                    })
+                  ], !0) : n("", !0),
+                  e.showCloseButton ? (a(), C(U, {
+                    key: 1,
+                    class: "button close-button",
+                    size: "md",
+                    theme: "secondary",
+                    variant: "colorized",
+                    "icon-name": "close",
+                    onClick: l[0] || (l[0] = (c) => p(s(y).CloseButton))
+                  }, {
+                    default: d(() => [
+                      f(j, {
+                        "font-size": "md",
+                        name: "close"
+                      })
+                    ]),
+                    _: 1
+                  })) : n("", !0)
+                ], 2),
+                e.headerBorder ? n("", !0) : (a(), b("div", q, [
+                  m(o.$slots, "header", {}, () => [
+                    f($, { strong: "" }, {
+                      default: d(() => [
+                        V(k(e.title), 1)
+                      ]),
+                      _: 1
+                    })
+                  ], !0)
+                ])),
+                u("div", {
+                  class: v(["content", { "content--bordered": e.headerBorder }])
+                }, [
+                  m(o.$slots, "default", {}, () => [
+                    u("div", A, k(e.content), 1)
+                  ], !0)
+                ], 2),
+                o.$slots.footer ? (a(), b("footer", G, [
+                  u("div", H, [
+                    m(o.$slots, "footer", {}, void 0, !0)
+                  ])
+                ])) : n("", !0)
+              ], 36),
+              e.showBackdrop ? (a(), b("div", {
+                key: 0,
+                class: "backdrop",
+                onClick: l[2] || (l[2] = (c) => e.closeOnClickOutside ? p(s(y).Backdrop) : s(z)())
+              })) : n("", !0)
+            ]),
+            _: 3
+          }, 8, ["class"])) : n("", !0)
+        ]),
+        _: 3
+      })
+    ], 8, ["disabled"]));
+  }
+});
+export {
+  _ as default
+};

package/components/dialog/Reason.vue.js

@@ -1,9 +1,4 @@
-var Reason = /* @__PURE__ */ ((Reason2) => {
-  Reason2[Reason2["Escape"] = 0] = "Escape";
-  Reason2[Reason2["Backdrop"] = 1] = "Backdrop";
-  Reason2[Reason2["CloseButton"] = 2] = "CloseButton";
-  Reason2[Reason2["Other"] = 3] = "Other";
-  return Reason2;
-})(Reason || {});
-
-export { Reason };
+var t = /* @__PURE__ */ ((r) => (r[r.Escape = 0] = "Escape", r[r.Backdrop = 1] = "Backdrop", r[r.CloseButton = 2] = "CloseButton", r[r.Other = 3] = "Other", r))(t || {});
+export {
+  t as Reason
+};