@ironsource/shared-ui 2.0.0-rc.6 → 2.0.0-rc.7

package/Option.vue_vue_type_style_index_0_scoped_2432f13f_lang.css

@@ -1 +0,0 @@
-.label[data-v-2432f13f]{color:#41454d}.item-container[data-v-2432f13f]{display:flex;align-items:center;cursor:pointer;border-radius:.5rem;min-height:32px;margin-bottom:2px;color:#53575b}.item-container--disabled[data-v-2432f13f]{cursor:initial;opacity:.7}.item-container[data-v-2432f13f]:focus{outline:none}.item-container[data-v-2432f13f]:hover:not(.item-container--disabled),.item-container--active[data-v-2432f13f],.item-container[data-v-2432f13f]:active{background-color:#f7f8f9}.item-container:not(.item-container--multi).item-container--selected[data-v-2432f13f]{color:#3083ff;background-color:#e2eeff}.item-container:not(.item-container--multi).item-container--selected .subtitle[data-v-2432f13f]{color:#68a5ff}.start-icon[data-v-2432f13f]{display:flex}.text-container[data-v-2432f13f]{display:flex;flex-direction:column;padding:.4375rem 0}.subtitle[data-v-2432f13f]{color:#7b838c;line-height:1rem}.clear-button[data-v-2432f13f]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-2432f13f]:hover{color:#3083ff}.item[data-v-2432f13f]{width:100%;display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding-left:.5rem}.item--with-icon[data-v-2432f13f],.item--multi[data-v-2432f13f]{display:flex;flex-direction:row;align-items:center;justify-content:start}

package/OptionV4.vue_vue_type_style_index_0_scoped_b879fe79_lang.css

@@ -1 +0,0 @@
-.label[data-v-b879fe79]{color:#41454d}.item-container[data-v-b879fe79]{display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-b879fe79]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-b879fe79]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-b879fe79],.item-container[data-v-b879fe79]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-b879fe79]{background-color:var(--action-selected)}.start-icon[data-v-b879fe79]{display:flex}.text-container[data-v-b879fe79]{display:flex;flex-direction:column}.subtitle[data-v-b879fe79]{color:#7b838c;line-height:1rem}.clear-button[data-v-b879fe79]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-b879fe79]:hover{color:#3083ff}.item[data-v-b879fe79]{width:100%;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.item--with-icon[data-v-b879fe79],.item--multi[data-v-b879fe79]{display:flex;flex-direction:row;align-items:center;justify-content:start}

package/RadioButton.vue_vue_type_style_index_0_scoped_f5d3359c_lang.css

@@ -1 +0,0 @@
-.label[data-v-f5d3359c]{color:#41454d}.radio-button[data-v-f5d3359c]{display:flex;align-items:flex-start}.radio-button--disabled[data-v-f5d3359c]{opacity:.7;cursor:default}.radio-button--disabled .label[data-v-f5d3359c]{cursor:default}.helper-text[data-v-f5d3359c]{margin-left:-1.5rem;margin-top:.25rem;color:#53575b}.helper-text--error[data-v-f5d3359c]{color:#da564f}.helper-text--text[data-v-f5d3359c]{color:#696a6b}.wrapper[data-v-f5d3359c]{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0;border:0;margin:0;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;text-decoration:none;padding:.125rem .5rem;border-radius:50%}.label[data-v-f5d3359c]{cursor:pointer;color:#53575b;flex-direction:column;display:inline-flex}.circle[data-v-f5d3359c]{border-radius:50%;width:16px;transition:all .2s ease-in-out 0s;height:16px}.circle[data-v-f5d3359c]:not(.circle--selected){box-shadow:#a9afb4 0 0 0 2px inset}.circle--selected[data-v-f5d3359c]{background-color:#3083ff}.circle[data-v-f5d3359c]:before{display:block;width:16px;height:16px;background-image:radial-gradient(rgb(255,255,255),rgb(255,255,255) 3px,transparent 28%);content:""}input[data-v-f5d3359c]{cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0;z-index:1}

package/RadioGroup.vue_vue_type_style_index_0_scoped_50bc6963_lang.css

@@ -1 +0,0 @@
-.radio-group[data-v-50bc6963]{display:inline-flex;flex-direction:column;gap:.125rem}.radio-group--row[data-v-50bc6963]{flex-direction:row}

package/SearchInput.vue_vue_type_style_index_0_scoped_0b1ea2f6_lang.css

@@ -1 +0,0 @@
-.label[data-v-0b1ea2f6]{color:#41454d}.container[data-v-0b1ea2f6]{position:relative;display:flex;width:100%;align-items:center;text-align:start;font-family:HelveticaNeue,sans-serif;font-style:normal;padding:.25rem .75rem;outline:none;background:#f1f3f4;border-radius:.5rem}.container--lg[data-v-0b1ea2f6]{padding:.5rem .75rem}.container--open[data-v-0b1ea2f6],.container[data-v-0b1ea2f6]:focus-visible{background:linear-gradient(0deg,#3083ff 0,#3083ff 2px,#f1f3f4 0)}.container[data-v-0b1ea2f6]:hover:not(.button--open):not(.button--disabled){color:#53575b}.container--disabled[data-v-0b1ea2f6]{cursor:default}.prefix[data-v-0b1ea2f6]{margin-right:.25rem;display:flex;align-items:center;gap:.5rem}.search-right-icon[data-v-0b1ea2f6]{display:flex;color:#7b838c;align-items:center;padding:0;background-image:none;min-width:auto;border:none;background-color:transparent}.input--open .input[data-v-0b1ea2f6]::placeholder{color:#8e959d}.search-right-icon[data-v-0b1ea2f6],.angle-down[data-v-0b1ea2f6]{color:#7b838c}.input[data-v-0b1ea2f6]{width:100%;font-family:HelveticaNeue,sans-serif;font-size:.8125rem;border:none;outline:none;color:#53575b;line-height:1.25rem;min-width:15rem;background-color:transparent}.input[data-v-0b1ea2f6]::placeholder{color:#8e959d;font-family:HelveticaNeue,sans-serif;font-size:.8125rem}.input[data-v-0b1ea2f6]:not(.input--disabled){cursor:pointer}

package/Snackbar.vue_vue_type_style_index_0_scoped_d14230ca_lang.css

@@ -1 +0,0 @@
-.label[data-v-d14230ca]{color:#41454d}.container[data-v-d14230ca]{width:100%;display:flex;max-width:23.375rem}.texts[data-v-d14230ca]{width:100%;border-right:1px solid #dddfe1;padding:1.25rem 1rem;display:flex;justify-content:center;flex-direction:column}.message[data-v-d14230ca]{color:#53575b;display:flex;line-height:1.25rem}.start-icon-container[data-v-d14230ca]{border-radius:50%;width:1.5rem;height:1.5rem;margin-left:1rem;display:flex;align-items:center}.start-icon-container.success[data-v-d14230ca]{color:#3083ff;background:#e2eeff;padding:.25rem}.start-icon-container.error[data-v-d14230ca]{color:#ff6a63;margin-top:0;padding:.25rem;background:#ffefee}.title[data-v-d14230ca]{color:#41454d}.snackbar[data-v-d14230ca]{display:flex;width:23.375rem;align-items:center;border-radius:.5rem;box-sizing:border-box;position:fixed;background-color:#fff;box-shadow:0 8px 24px -6px #00000029,0 0 1px #0006;transition:opacity .25s,transform .25s,left .25s,right .25s,top .4s,bottom .25s;overflow-wrap:anywhere;overflow:hidden;z-index:9999}.snackbar.right[data-v-d14230ca]{right:1rem}.snackbar.left[data-v-d14230ca]{left:1rem}.snackbar-close-button[data-v-d14230ca]{cursor:pointer;color:#b7bbc0;margin:1.25rem 1rem}.snackbar-enter-from.right[data-v-d14230ca]{right:0;transform:translate(100%)}.snackbar-enter-from.left[data-v-d14230ca]{left:0;transform:translate(-100%)}.snackbar-leave-to[data-v-d14230ca]{opacity:0}.snackbar-leave-to.right[data-v-d14230ca]{right:0;transform:translate(100%)}.snackbar-leave-to.left[data-v-d14230ca]{left:0;transform:translate(-100%)}

package/components/checkbox/Checkbox.vue.js

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

package/components/checkbox/Checkbox.vue2.js

@@ -1,97 +0,0 @@
- import "../../Checkbox.vue_vue_type_style_index_0_scoped_518c02d0_lang.css"; import { defineComponent as E, ref as p, computed as r, openBlock as c, createElementBlock as S, normalizeClass as g, unref as t, createElementVNode as m, mergeProps as N, createVNode as D, withCtx as I, createBlock as i, createCommentVNode as d, renderSlot as L, createTextVNode as P, toDisplayString as R, pushScopeId as T, popScopeId as w } from "vue";
-import "../typography/Heading.vue.js";
-import A from "../typography/Text.vue.js";
-import H from "../icon/v3/Icon.vue.js";
-import K from "./icons/unchecked.vue.js";
-import M from "./icons/checked.vue.js";
-import U from "./icons/indeterminate.vue.js";
-import W from "../../composables/useIsFocusVisible.js";
-import { useId as j } from "../../composables/useId.js";
-import { CheckboxTestIdModifiers as a } from "../../testids/index.js";
-const q = (e) => (T("data-v-518c02d0"), e = e(), w(), e), G = ["data-testid"], J = { class: "checkboxes" }, O = ["disabled", "checked", ".indeterminate", "data-testid"], Q = /* @__PURE__ */ q(() => /* @__PURE__ */ m("span", { class: "checkbox__inner" }, null, -1)), de = /* @__PURE__ */ E({
-  __name: "Checkbox",
-  props: {
-    isChecked: { type: Boolean },
-    isIndeterminate: { type: Boolean },
-    disabled: { type: Boolean },
-    size: { default: "md" },
-    label: { default: "" },
-    testId: { default: "" }
-  },
-  emits: ["update:isChecked", "click"],
-  setup(e, { emit: f }) {
-    const o = e;
-    function x() {
-      console.log("side-effect");
-    }
-    x();
-    const C = p(null), h = `checkbox-${j().value}`, {
-      isFocusVisibleRef: k,
-      onFocus: $,
-      onBlur: B
-    } = W(), l = p(!1), v = (s) => {
-      $(s), k.value === !0 && (l.value = !0);
-    }, V = (s) => {
-      B(s), k.value === !1 && (l.value = !1);
-    }, n = r(() => !o.isChecked && o.isIndeterminate), u = r(() => o.isChecked), y = r(() => !u.value && !o.isIndeterminate), z = (s) => {
-      f("update:isChecked", s.target.checked);
-    };
-    return (s, b) => (c(), S("label", {
-      for: h,
-      class: g([[e.size, { "focus-visible": l.value, disabled: e.disabled }], "checkbox"]),
-      "data-testid": `${e.testId}-${t(a).WRAPPER}`
-    }, [
-      m("span", J, [
-        m("input", N(s.$attrs, {
-          id: h,
-          ref: C.value,
-          disabled: e.disabled,
-          checked: t(u),
-          class: "input",
-          ".indeterminate": t(n),
-          type: "checkbox",
-          "data-testid": `${e.testId}-${t(a).FIELD}`,
-          onBlur: V,
-          onFocus: v,
-          onClick: b[0] || (b[0] = (F) => f("click", F)),
-          onInput: z
-        }), null, 16, O),
-        Q,
-        D(t(H), { "font-size": e.size }, {
-          default: I(() => [
-            t(u) ? (c(), i(M, {
-              key: 0,
-              class: "checkbox-icon checked",
-              "data-testid": `${e.testId}-${t(a).CHECKED}`
-            }, null, 8, ["data-testid"])) : d("", !0),
-            t(n) ? (c(), i(U, {
-              key: 1,
-              class: "checkbox-icon indeterminate"
-            })) : d("", !0),
-            t(y) && !t(n) ? (c(), i(K, {
-              key: 2,
-              class: "checkbox-icon unchecked"
-            })) : d("", !0)
-          ]),
-          _: 1
-        }, 8, ["font-size"])
-      ]),
-      e.label || s.$slots.default ? (c(), i(t(A), {
-        key: 0,
-        size: e.size,
-        class: "checkbox-text",
-        "data-testid": `${e.testId}-${t(a).LABEL}`
-      }, {
-        default: I(() => [
-          L(s.$slots, "default", {}, () => [
-            P(R(e.label), 1)
-          ], !0)
-        ]),
-        _: 3
-      }, 8, ["size", "data-testid"])) : d("", !0)
-    ], 10, G));
-  }
-});
-export {
-  de as default
-};

package/components/dropdown/common/Label.vue.js

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

package/components/dropdown/common/Option.vue.js

@@ -1,7 +0,0 @@
-import o from "./Option.vue2.js";
-/* empty css             */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../Option.vue_vue_type_style_index_0_scoped_2432f13f_lang.css"; //*');
-const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2432f13f"]]);
-export {
-  s as default
-};

package/components/filtersPanel/FilterSearchInput.vue.js

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

package/components/filtersPanel/FiltersPanel.vue.js

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

package/components/radioButton/RadioButton.vue.js

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

package/components/radioButton/RadioButton.vue2.js

@@ -1,82 +0,0 @@
- import "../../RadioButton.vue_vue_type_style_index_0_scoped_f5d3359c_lang.css"; import { defineComponent as V, openBlock as o, createElementBlock as k, normalizeClass as x, unref as t, createElementVNode as d, withDirectives as B, isRef as E, vModelRadio as I, renderSlot as y, createVNode as C, withCtx as i, createTextVNode as s, toDisplayString as n, createBlock as b, createCommentVNode as T } from "vue";
-import u from "../typography/Text.vue.js";
-import { useRadio as N } from "./useRadio.js";
-import { RadioTestIdModifiers as f } from "../../testids/index.js";
-const w = { class: "wrapper" }, z = ["value", "name", "disabled", "data-testid"], D = ["data-testid"], S = /* @__PURE__ */ V({
-  __name: "RadioButton",
-  props: {
-    label: { default: "" },
-    name: { default: "" },
-    helperText: { default: "" },
-    errorText: { default: "" },
-    modelValue: { default: void 0 },
-    testId: { default: "" }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(e, { emit: v }) {
-    const R = e, { radioRef: $, focus: m, disabled: c, modelValue: l, radioGroup: h } = N(
-      R,
-      v
-    );
-    return (p, a) => (o(), k("label", {
-      class: x(["radio-button", { "radio-button--disabled": t(c) }])
-    }, [
-      d("span", w, [
-        B(d("input", {
-          ref_key: "radioRef",
-          ref: $,
-          "onUpdate:modelValue": a[0] || (a[0] = (r) => E(l) ? l.value = r : null),
-          value: e.label,
-          name: e.name || t(h)?.name,
-          type: "radio",
-          disabled: t(c),
-          "data-testid": `${e.testId}-${t(f).FIELD}`,
-          onFocus: a[1] || (a[1] = (r) => m.value = !0),
-          onBlur: a[2] || (a[2] = (r) => m.value = !1)
-        }, null, 40, z), [
-          [I, t(l)]
-        ]),
-        d("span", {
-          class: x([{ "circle--selected": t(l) === e.label }, "circle"])
-        }, null, 2)
-      ]),
-      d("span", {
-        class: "label",
-        "data-testid": `${e.testId}-${t(f).LABEL}`
-      }, [
-        y(p.$slots, "default", {}, () => [
-          C(u, { "is-truncated": "" }, {
-            default: i(() => [
-              s(n(e.label), 1)
-            ]),
-            _: 1
-          })
-        ], !0),
-        !e.errorText && e.helperText ? (o(), b(u, {
-          key: 0,
-          class: "helper-text--text helper-text",
-          size: "caption"
-        }, {
-          default: i(() => [
-            s(n(e.helperText), 1)
-          ]),
-          _: 1
-        })) : T("", !0),
-        e.errorText ? (o(), b(u, {
-          key: 1,
-          size: "caption",
-          class: "helper-text--error helper-text",
-          "data-testid": `${e.testId}-${t(f).ERROR_TEXT}`
-        }, {
-          default: i(() => [
-            s(n(e.errorText), 1)
-          ]),
-          _: 1
-        }, 8, ["data-testid"])) : T("", !0)
-      ], 8, D)
-    ], 2));
-  }
-});
-export {
-  S as default
-};

package/components/radioButton/RadioGroup.vue.js

@@ -1,7 +0,0 @@
-import o from "./RadioGroup.vue2.js";
-/* empty css                 */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../RadioGroup.vue_vue_type_style_index_0_scoped_50bc6963_lang.css"; //*');
-const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-50bc6963"]]);
-export {
-  t as default
-};

package/components/radioButton/RadioGroup.vue2.js

@@ -1,44 +0,0 @@
- import "../../RadioGroup.vue_vue_type_style_index_0_scoped_50bc6963_lang.css"; import { defineComponent as u, ref as c, onMounted as f, computed as m, provide as p, reactive as y, toRefs as g, openBlock as h, createElementBlock as v, normalizeClass as I, unref as R, renderSlot as k, nextTick as G } from "vue";
-import { useId as B } from "../../composables/useId.js";
-import { radioGroupKey as _ } from "./useRadio.js";
-import { RadioTestIdModifiers as b } from "../../testids/index.js";
-const w = ["data-testid"], C = /* @__PURE__ */ u({
-  __name: "RadioGroup",
-  props: {
-    name: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    modelValue: null,
-    row: { type: Boolean, default: !1 },
-    testId: { default: "" }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(o, { emit: r }) {
-    const a = o, n = B(), d = c(), s = (e) => {
-      r("update:modelValue", e), G(() => r("change", e));
-    };
-    f(() => {
-      const e = d.value?.querySelectorAll("[type=radio]"), t = e[0];
-      !Array.from(e).some((i) => i.checked) && t && (t.tabIndex = 0);
-    });
-    const l = m(() => a.name || n.value);
-    return p(
-      _,
-      y({
-        ...g(a),
-        changeEvent: s,
-        name: l
-      })
-    ), (e, t) => (h(), v("div", {
-      ref_key: "radioGroupRef",
-      ref: d,
-      class: I([{ "radio-group--row": o.row }, "radio-group"]),
-      role: "radiogroup",
-      "data-testid": `${o.testId}-${R(b).GROUP}`
-    }, [
-      k(e.$slots, "default", {}, void 0, !0)
-    ], 10, w));
-  }
-});
-export {
-  C as default
-};

package/components/snackbar/Snackbar.vue.js

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

package/components/snackbar/Snackbar.vue2.js

@@ -1,150 +0,0 @@
- import "../../Snackbar.vue_vue_type_style_index_0_scoped_d14230ca_lang.css"; import { defineComponent as H, ref as N, computed as l, onMounted as V, openBlock as s, createBlock as r, Transition as $, withCtx as a, withDirectives as z, createElementVNode as c, normalizeClass as T, unref as n, normalizeStyle as B, createElementBlock as M, createVNode as f, resolveDynamicComponent as U, createCommentVNode as y, renderSlot as W, createTextVNode as A, toDisplayString as F, vShow as w, withModifiers as K } from "vue";
-import { useEventListener as P, useTimeoutFn as j } from "@vueuse/core";
-import x from "../icon/v3/Icon.vue.js";
-import L from "../icon/v3/icons/Close.vue.js";
-import q from "../icon/v3/icons/Check.vue.js";
-import "../button/v3/Button.vue.js";
-import G from "../button/v3/IconButton.vue.js";
-import "../button/v3/ScrollButton.vue.js";
-import S from "../typography/Text.vue.js";
-const J = ["id"], O = { class: "container" }, Q = { class: "texts" }, R = ["innerHTML"], ie = /* @__PURE__ */ H({
-  __name: "Snackbar",
-  props: {
-    customClass: null,
-    dangerouslyUseHTMLString: { type: Boolean },
-    duration: { default: 3e3 },
-    icon: null,
-    id: null,
-    message: null,
-    offset: null,
-    onClick: null,
-    onClose: null,
-    type: { default: null },
-    position: { default: "top-right" },
-    showClose: { type: Boolean, default: !0 },
-    title: { default: "" },
-    zIndex: { default: 0 }
-  },
-  emits: ["destroy"],
-  setup(e) {
-    const t = e, v = {
-      success: q,
-      error: L
-    }, i = N(!1);
-    let C;
-    const k = l(() => {
-      const o = t.type;
-      return o && v[t.type] ? o : "";
-    }), p = l(() => v[t.type] || t.icon || ""), b = l(
-      () => t.position.endsWith("right") ? "right" : "left"
-    ), I = l(
-      () => t.position.startsWith("top") ? "top" : "bottom"
-    ), D = l(() => ({
-      [I.value]: `${t.offset}px`,
-      zIndex: t.zIndex
-    }));
-    function d() {
-      t.duration > 0 && ({ stop: C } = j(() => {
-        i.value && m();
-      }, t.duration));
-    }
-    function g() {
-      C?.();
-    }
-    function m() {
-      i.value = !1;
-    }
-    function E({ code: o }) {
-      o === "Delete" || o === "Backspace" ? g() : o === "Escape" ? i.value && m() : d();
-    }
-    return V(() => {
-      d(), i.value = !0;
-    }), P(document, "keydown", E), (o, u) => (s(), r($, {
-      name: "snackbar",
-      onBeforeLeave: e.onClose,
-      onAfterLeave: u[1] || (u[1] = (h) => o.$emit("destroy"))
-    }, {
-      default: a(() => [
-        z(c("div", {
-          id: e.id,
-          class: T(["snackbar", [e.customClass, n(b)]]),
-          style: B(n(D)),
-          role: "alert",
-          onMouseenter: g,
-          onMouseleave: d,
-          onClick: u[0] || (u[0] = //@ts-ignore
-          (...h) => e.onClick && e.onClick(...h))
-        }, [
-          n(p) ? (s(), M("div", {
-            key: 0,
-            class: T(["start-icon-container", [n(k)]])
-          }, [
-            f(n(x), {
-              "font-size": n(k) ? "sm" : "lg"
-            }, {
-              default: a(() => [
-                (s(), r(U(n(p))))
-              ]),
-              _: 1
-            }, 8, ["font-size"])
-          ], 2)) : y("", !0),
-          c("div", O, [
-            c("div", Q, [
-              e.title ? (s(), r(S, {
-                key: 0,
-                size: "md",
-                strong: "",
-                class: "title"
-              })) : y("", !0),
-              z(c("div", {
-                class: "message",
-                style: B(e.title ? void 0 : { margin: 0 })
-              }, [
-                W(o.$slots, "default", {}, () => [
-                  e.dangerouslyUseHTMLString ? (s(), M("div", {
-                    key: 1,
-                    innerHTML: e.message
-                  }, null, 8, R)) : (s(), r(S, {
-                    key: 0,
-                    size: "sm"
-                  }, {
-                    default: a(() => [
-                      A(F(e.message), 1)
-                    ]),
-                    _: 1
-                  }))
-                ], !0)
-              ], 4), [
-                [w, e.message]
-              ])
-            ]),
-            e.showClose ? (s(), r(n(G), {
-              key: 0,
-              theme: "third",
-              size: "sm",
-              class: "snackbar-close-button",
-              variant: "colorized",
-              onClick: K(m, ["stop"])
-            }, {
-              default: a(() => [
-                f(n(x), null, {
-                  default: a(() => [
-                    f(L)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["onClick"])) : y("", !0)
-          ])
-        ], 46, J), [
-          [w, i.value]
-        ])
-      ]),
-      _: 3
-    }, 8, ["onBeforeLeave"]));
-  }
-});
-export {
-  ie as default
-};

package/components/snackbar/index.d.ts

@@ -1,3 +0,0 @@
-export declare const Snackbar: import("./snackbar.types").Notify;
-export default Snackbar;
-export * from './snackbar.types';

package/components/snackbar/index.js

@@ -1,6 +0,0 @@
-import o from "./notify.js";
-const a = o;
-export {
-  a as Snackbar,
-  a as default
-};

package/components/snackbar/notify.js

@@ -1,84 +0,0 @@
-import { isVNode as x, createVNode as y, render as v } from "vue";
-import b from "./Snackbar.vue.js";
-import { snackbarTypes as I } from "./snackbar.types.js";
-const p = {
-  "top-left": [],
-  "top-right": [],
-  "bottom-left": [],
-  "bottom-right": []
-}, g = 16;
-let C = 1;
-const N = 2e3, a = function(e = {}, t = null) {
-  (typeof e == "string" || x(e)) && (e = { message: e });
-  const o = e.position || "top-right";
-  let n = e.zIndex || N, s = p[o].reduce(
-    (m, { vm: h }) => m + (h.el?.offsetHeight || 0) + g,
-    e.offset || 0
-  );
-  s += g;
-  const i = () => n++, d = `notification_${C++}`, u = e.onClose, l = {
-    ...e,
-    zIndex: i(),
-    offset: s,
-    id: d,
-    onClose: () => {
-      A(d, o, u);
-    }
-  }, c = document.body, f = document.createElement("div"), r = y(
-    b,
-    l,
-    x(l.message) ? {
-      default: () => l.message
-    } : null
-  );
-  return r.appContext = t ?? a._context, r.props.onDestroy = () => {
-    v(null, f);
-  }, v(r, f), p[o].push({ vm: r }), c.appendChild(f?.firstElementChild), {
-    // instead of calling the onClose function directly, setting this value so that we can have the full lifecycle
-    // for out component, so that all closing steps will not be skipped.
-    close: () => {
-      const m = r.component?.proxy;
-      m && (m.visible = !1);
-    }
-  };
-};
-function A(e, t, o) {
-  const n = p[t], s = n.findIndex(
-    ({ vm: c }) => c.component?.props.id === e
-  );
-  if (s === -1)
-    return;
-  const { vm: i } = n[s];
-  if (!i)
-    return;
-  o?.(i);
-  const d = i.el?.offsetHeight, u = t.split("-")[0];
-  n.splice(s, 1);
-  const l = n.length;
-  for (let c = s; c < l; c++) {
-    const { el: f, component: r } = n[c].vm;
-    r.props.offset = Number.parseInt(f.style[u], 10) - d - g;
-  }
-}
-I.forEach((e) => {
-  a[e] = (t = {}) => ((typeof t == "string" || x(t)) && (t = {
-    message: t
-  }), a({
-    ...t,
-    type: e
-  }));
-});
-function E() {
-  for (const e of Object.values(p))
-    e.forEach(({ vm: t }) => {
-      const o = t.component?.proxy;
-      o && (o.visible = !1);
-    });
-}
-a.closeAll = E;
-a._context = null;
-export {
-  A as close,
-  E as closeAll,
-  a as default
-};