@everymatrix/casino-mystery-chest-modal 0.2.0 → 0.3.0

package/components/CasinoMysteryChestModal-C4YvfBFg.js

@@ -0,0 +1,503 @@
+function z() {
+}
+function et(t) {
+  return t();
+}
+function W() {
+  return /* @__PURE__ */ Object.create(null);
+}
+function M(t) {
+  t.forEach(et);
+}
+function nt(t) {
+  return typeof t == "function";
+}
+function st(t, e) {
+  return t != t ? e == e : t !== e || t && typeof t == "object" || typeof t == "function";
+}
+let A;
+function Y(t, e) {
+  return t === e ? !0 : (A || (A = document.createElement("a")), A.href = e, t === A.href);
+}
+function rt(t) {
+  return Object.keys(t).length === 0;
+}
+function a(t, e) {
+  t.appendChild(e);
+}
+function lt(t, e, n) {
+  const o = ct(t);
+  if (!o.getElementById(e)) {
+    const i = $("style");
+    i.id = e, i.textContent = n, at(o, i);
+  }
+}
+function ct(t) {
+  if (!t)
+    return document;
+  const e = t.getRootNode ? t.getRootNode() : t.ownerDocument;
+  return e && /** @type {ShadowRoot} */
+  e.host ? (
+    /** @type {ShadowRoot} */
+    e
+  ) : t.ownerDocument;
+}
+function at(t, e) {
+  return a(
+    /** @type {Document} */
+    t.head || t,
+    e
+  ), e.sheet;
+}
+function it(t, e, n) {
+  t.insertBefore(e, n || null);
+}
+function J(t) {
+  t.parentNode && t.parentNode.removeChild(t);
+}
+function $(t) {
+  return document.createElement(t);
+}
+function E(t) {
+  return document.createTextNode(t);
+}
+function b() {
+  return E(" ");
+}
+function dt(t, e, n, o) {
+  return t.addEventListener(e, n, o), () => t.removeEventListener(e, n, o);
+}
+function f(t, e, n) {
+  n == null ? t.removeAttribute(e) : t.getAttribute(e) !== n && t.setAttribute(e, n);
+}
+function ft(t) {
+  return Array.from(t.childNodes);
+}
+function L(t, e) {
+  e = "" + e, t.data !== e && (t.data = /** @type {string} */
+  e);
+}
+function ut(t) {
+  const e = {};
+  return t.childNodes.forEach(
+    /** @param {Element} node */
+    (n) => {
+      e[n.slot || "default"] = !0;
+    }
+  ), e;
+}
+let U;
+function C(t) {
+  U = t;
+}
+const x = [], Z = [];
+let y = [];
+const tt = [], $t = /* @__PURE__ */ Promise.resolve();
+let H = !1;
+function ht() {
+  H || (H = !0, $t.then(V));
+}
+function T(t) {
+  y.push(t);
+}
+const q = /* @__PURE__ */ new Set();
+let w = 0;
+function V() {
+  if (w !== 0)
+    return;
+  const t = U;
+  do {
+    try {
+      for (; w < x.length; ) {
+        const e = x[w];
+        w++, C(e), _t(e.$$);
+      }
+    } catch (e) {
+      throw x.length = 0, w = 0, e;
+    }
+    for (C(null), x.length = 0, w = 0; Z.length; )
+      Z.pop()();
+    for (let e = 0; e < y.length; e += 1) {
+      const n = y[e];
+      q.has(n) || (q.add(n), n());
+    }
+    y.length = 0;
+  } while (x.length);
+  for (; tt.length; )
+    tt.pop()();
+  H = !1, q.clear(), C(t);
+}
+function _t(t) {
+  if (t.fragment !== null) {
+    t.update(), M(t.before_update);
+    const e = t.dirty;
+    t.dirty = [-1], t.fragment && t.fragment.p(t.ctx, e), t.after_update.forEach(T);
+  }
+}
+function gt(t) {
+  const e = [], n = [];
+  y.forEach((o) => t.indexOf(o) === -1 ? e.push(o) : n.push(o)), n.forEach((o) => o()), y = e;
+}
+const mt = /* @__PURE__ */ new Set();
+function pt(t, e) {
+  t && t.i && (mt.delete(t), t.i(e));
+}
+function bt(t, e, n) {
+  const { fragment: o, after_update: i } = t.$$;
+  o && o.m(e, n), T(() => {
+    const s = t.$$.on_mount.map(et).filter(nt);
+    t.$$.on_destroy ? t.$$.on_destroy.push(...s) : M(s), t.$$.on_mount = [];
+  }), i.forEach(T);
+}
+function wt(t, e) {
+  const n = t.$$;
+  n.fragment !== null && (gt(n.after_update), M(n.on_destroy), n.fragment && n.fragment.d(e), n.on_destroy = n.fragment = null, n.ctx = []);
+}
+function xt(t, e) {
+  t.$$.dirty[0] === -1 && (x.push(t), ht(), t.$$.dirty.fill(0)), t.$$.dirty[e / 31 | 0] |= 1 << e % 31;
+}
+function yt(t, e, n, o, i, s, r = null, l = [-1]) {
+  const d = U;
+  C(t);
+  const c = t.$$ = {
+    fragment: null,
+    ctx: [],
+    // state
+    props: s,
+    update: z,
+    not_equal: i,
+    bound: W(),
+    // lifecycle
+    on_mount: [],
+    on_destroy: [],
+    on_disconnect: [],
+    before_update: [],
+    after_update: [],
+    context: new Map(e.context || (d ? d.$$.context : [])),
+    // everything else
+    callbacks: W(),
+    dirty: l,
+    skip_bound: !1,
+    root: e.target || d.$$.root
+  };
+  r && r(c.root);
+  let m = !1;
+  if (c.ctx = n ? n(t, e.props || {}, (u, v, ...h) => {
+    const p = h.length ? h[0] : v;
+    return c.ctx && i(c.ctx[u], c.ctx[u] = p) && (!c.skip_bound && c.bound[u] && c.bound[u](p), m && xt(t, u)), v;
+  }) : [], c.update(), m = !0, M(c.before_update), c.fragment = o ? o(c.ctx) : !1, e.target) {
+    if (e.hydrate) {
+      const u = ft(e.target);
+      c.fragment && c.fragment.l(u), u.forEach(J);
+    } else
+      c.fragment && c.fragment.c();
+    e.intro && pt(t.$$.fragment), bt(t, e.target, e.anchor), V();
+  }
+  C(d);
+}
+let ot;
+typeof HTMLElement == "function" && (ot = class extends HTMLElement {
+  /** The Svelte component constructor */
+  $$ctor;
+  /** Slots */
+  $$s;
+  /** The Svelte component instance */
+  $$c;
+  /** Whether or not the custom element is connected */
+  $$cn = !1;
+  /** Component props data */
+  $$d = {};
+  /** `true` if currently in the process of reflecting component props back to attributes */
+  $$r = !1;
+  /** @type {Record<string, CustomElementPropDefinition>} Props definition (name, reflected, type etc) */
+  $$p_d = {};
+  /** @type {Record<string, Function[]>} Event listeners */
+  $$l = {};
+  /** @type {Map<Function, Function>} Event listener unsubscribe functions */
+  $$l_u = /* @__PURE__ */ new Map();
+  constructor(t, e, n) {
+    super(), this.$$ctor = t, this.$$s = e, n && this.attachShadow({ mode: "open" });
+  }
+  addEventListener(t, e, n) {
+    if (this.$$l[t] = this.$$l[t] || [], this.$$l[t].push(e), this.$$c) {
+      const o = this.$$c.$on(t, e);
+      this.$$l_u.set(e, o);
+    }
+    super.addEventListener(t, e, n);
+  }
+  removeEventListener(t, e, n) {
+    if (super.removeEventListener(t, e, n), this.$$c) {
+      const o = this.$$l_u.get(e);
+      o && (o(), this.$$l_u.delete(e));
+    }
+  }
+  async connectedCallback() {
+    if (this.$$cn = !0, !this.$$c) {
+      let t = function(i) {
+        return () => {
+          let s;
+          return {
+            c: function() {
+              s = $("slot"), i !== "default" && f(s, "name", i);
+            },
+            /**
+             * @param {HTMLElement} target
+             * @param {HTMLElement} [anchor]
+             */
+            m: function(d, c) {
+              it(d, s, c);
+            },
+            d: function(d) {
+              d && J(s);
+            }
+          };
+        };
+      };
+      if (await Promise.resolve(), !this.$$cn || this.$$c)
+        return;
+      const e = {}, n = ut(this);
+      for (const i of this.$$s)
+        i in n && (e[i] = [t(i)]);
+      for (const i of this.attributes) {
+        const s = this.$$g_p(i.name);
+        s in this.$$d || (this.$$d[s] = S(s, i.value, this.$$p_d, "toProp"));
+      }
+      for (const i in this.$$p_d)
+        !(i in this.$$d) && this[i] !== void 0 && (this.$$d[i] = this[i], delete this[i]);
+      this.$$c = new this.$$ctor({
+        target: this.shadowRoot || this,
+        props: {
+          ...this.$$d,
+          $$slots: e,
+          $$scope: {
+            ctx: []
+          }
+        }
+      });
+      const o = () => {
+        this.$$r = !0;
+        for (const i in this.$$p_d)
+          if (this.$$d[i] = this.$$c.$$.ctx[this.$$c.$$.props[i]], this.$$p_d[i].reflect) {
+            const s = S(
+              i,
+              this.$$d[i],
+              this.$$p_d,
+              "toAttribute"
+            );
+            s == null ? this.removeAttribute(this.$$p_d[i].attribute || i) : this.setAttribute(this.$$p_d[i].attribute || i, s);
+          }
+        this.$$r = !1;
+      };
+      this.$$c.$$.after_update.push(o), o();
+      for (const i in this.$$l)
+        for (const s of this.$$l[i]) {
+          const r = this.$$c.$on(i, s);
+          this.$$l_u.set(s, r);
+        }
+      this.$$l = {};
+    }
+  }
+  // We don't need this when working within Svelte code, but for compatibility of people using this outside of Svelte
+  // and setting attributes through setAttribute etc, this is helpful
+  attributeChangedCallback(t, e, n) {
+    this.$$r || (t = this.$$g_p(t), this.$$d[t] = S(t, n, this.$$p_d, "toProp"), this.$$c?.$set({ [t]: this.$$d[t] }));
+  }
+  disconnectedCallback() {
+    this.$$cn = !1, Promise.resolve().then(() => {
+      !this.$$cn && this.$$c && (this.$$c.$destroy(), this.$$c = void 0);
+    });
+  }
+  $$g_p(t) {
+    return Object.keys(this.$$p_d).find(
+      (e) => this.$$p_d[e].attribute === t || !this.$$p_d[e].attribute && e.toLowerCase() === t
+    ) || t;
+  }
+});
+function S(t, e, n, o) {
+  const i = n[t]?.type;
+  if (e = i === "Boolean" && typeof e != "boolean" ? e != null : e, !o || !n[t])
+    return e;
+  if (o === "toAttribute")
+    switch (i) {
+      case "Object":
+      case "Array":
+        return e == null ? null : JSON.stringify(e);
+      case "Boolean":
+        return e ? "" : null;
+      case "Number":
+        return e ?? null;
+      default:
+        return e;
+    }
+  else
+    switch (i) {
+      case "Object":
+      case "Array":
+        return e && JSON.parse(e);
+      case "Boolean":
+        return e;
+      case "Number":
+        return e != null ? +e : e;
+      default:
+        return e;
+    }
+}
+function vt(t, e, n, o, i, s) {
+  let r = class extends ot {
+    constructor() {
+      super(t, n, i), this.$$p_d = e;
+    }
+    static get observedAttributes() {
+      return Object.keys(e).map(
+        (l) => (e[l].attribute || l).toLowerCase()
+      );
+    }
+  };
+  return Object.keys(e).forEach((l) => {
+    Object.defineProperty(r.prototype, l, {
+      get() {
+        return this.$$c && l in this.$$c ? this.$$c[l] : this.$$d[l];
+      },
+      set(d) {
+        d = S(l, d, e), this.$$d[l] = d, this.$$c?.$set({ [l]: d });
+      }
+    });
+  }), o.forEach((l) => {
+    Object.defineProperty(r.prototype, l, {
+      get() {
+        return this.$$c?.[l];
+      }
+    });
+  }), t.element = /** @type {any} */
+  r, r;
+}
+class kt {
+  /**
+   * ### PRIVATE API
+   *
+   * Do not use, may change at any time
+   *
+   * @type {any}
+   */
+  $$ = void 0;
+  /**
+   * ### PRIVATE API
+   *
+   * Do not use, may change at any time
+   *
+   * @type {any}
+   */
+  $$set = void 0;
+  /** @returns {void} */
+  $destroy() {
+    wt(this, 1), this.$destroy = z;
+  }
+  /**
+   * @template {Extract<keyof Events, string>} K
+   * @param {K} type
+   * @param {((e: Events[K]) => void) | null | undefined} callback
+   * @returns {() => void}
+   */
+  $on(e, n) {
+    if (!nt(n))
+      return z;
+    const o = this.$$.callbacks[e] || (this.$$.callbacks[e] = []);
+    return o.push(n), () => {
+      const i = o.indexOf(n);
+      i !== -1 && o.splice(i, 1);
+    };
+  }
+  /**
+   * @param {Partial<Props>} props
+   * @returns {void}
+   */
+  $set(e) {
+    this.$$set && !rt(e) && (this.$$.skip_bound = !0, this.$$set(e), this.$$.skip_bound = !1);
+  }
+}
+const Et = "4";
+typeof window < "u" && (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(Et);
+const Ct = (t) => window.postMessage(t, window.location.href);
+function zt(t) {
+  lt(t, "svelte-286imq", ".dialog{position:fixed;left:50%;transform:translateX(-50%);z-index:300;background:var(--emw--color-gray-transparency-30, rgba(13, 27, 29, 0.9215686275));bottom:0;width:60%;height:90%;border-top-left-radius:72px;border-top-right-radius:72px;box-sizing:border-box;padding:40px 80px;align-content:center}.dialog__content{display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center}.dialog__content__icon-container{position:relative}.dialog__content__icon{position:relative;width:127px;height:127px}.dialog__content__coin-glare{width:105px;height:105px;border-radius:40px;background:linear-gradient(317.36deg, #91caff 3.8%, #f3ffc2 100%);filter:blur(30px);position:absolute;z-index:0;top:50%;left:50%;right:0;transform:translate(-50%, -50%)}.dialog__content__title{margin:0;color:var(--emw--color-primary, #d3ffed);font-weight:var(--emw--font-weight-bold, 700);font-size:var(--emw--size-medium-2x-minus, 40px);line-height:46px}.dialog__content__message{margin:0;color:var(--emw--color-primary-variant, #a9ccbe);font-weight:var(--emw--font-weight-normal, 400);font-size:var(--emw--font-size-large, 20px);line-height:28px;max-width:295px}.dialog__content__btn{margin-top:60px;transition:300ms;cursor:pointer;width:280px;height:60px;top:32px;left:103px;padding:10px;border-radius:54px;border:none;background:linear-gradient(90deg, var(--emw--button-border-color, #75ffe9) 0%, var(--emw--button-border-color-secondary, #b2ff6d) 100%);font-weight:var(--emw--font-weight-bold, 700);font-size:var(--emw--font-size-medium-plus, 18px);line-height:18px;letter-spacing:0px;color:var(--emw--color-background-secondary, #0c1a1c);opacity:0;-webkit-animation:fadeIn 500ms ease 1s forwards;animation:fadeIn 500ms ease 1s forwards}.mobile{width:100%;height:100%;border-top-left-radius:28px;border-top-right-radius:28px;padding:20px 28px}.mobile .dialog__content{gap:22px}.mobile .dialog__content__icon{width:initial;height:initial}.mobile .dialog__content__coin-glare{height:65px;width:65px}.mobile .dialog__content__title{font-size:var(--emw--font-size-2x-large, 32px);line-height:36px}.mobile .dialog__content__message{font-size:var(--emw--font-size-medium, 16px);line-height:24px;max-width:240px}.mobile .dialog__content__btn{margin-top:78px;width:220px;font-size:var(--emw--font-size-medium, 16px);height:48px}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}");
+}
+function Ot(t) {
+  let e, n, o, i, s, r, l, d, c, m = (
+    /*dialogContent*/
+    t[0].title + ""
+  ), u, v, h, p = (
+    /*dialogContent*/
+    t[0].message + ""
+  ), P, X, F, G, B, O = (
+    /*dialogContent*/
+    t[0].bold + ""
+  ), I, K, k, j = (
+    /*dialogContent*/
+    t[0].btn + ""
+  ), D, N, R, Q;
+  return {
+    c() {
+      e = $("div"), n = $("div"), o = $("div"), i = $("div"), s = b(), r = $("img"), d = b(), c = $("h2"), u = E(m), v = b(), h = $("p"), P = E(p), X = b(), F = $("br"), G = b(), B = $("b"), I = E(O), K = b(), k = $("button"), D = E(j), f(i, "class", "dialog__content__coin-glare"), f(r, "class", "dialog__content__icon"), Y(r.src, l = /*dialogContent*/
+      t[0].img) || f(r, "src", l), f(r, "alt", ""), f(o, "class", "dialog__content__icon-container"), f(c, "class", "dialog__content__title"), f(h, "class", "dialog__content__message"), f(k, "class", "dialog__content__btn"), f(n, "class", "dialog__content"), f(e, "class", N = "dialog " + /*mobileView*/
+      (t[1] ? "mobile" : ""));
+    },
+    m(_, g) {
+      it(_, e, g), a(e, n), a(n, o), a(o, i), a(o, s), a(o, r), a(n, d), a(n, c), a(c, u), a(n, v), a(n, h), a(h, P), a(h, X), a(h, F), a(h, G), a(h, B), a(B, I), a(n, K), a(n, k), a(k, D), R || (Q = dt(
+        k,
+        "click",
+        /*hideDialog*/
+        t[2]
+      ), R = !0);
+    },
+    p(_, [g]) {
+      g & /*dialogContent*/
+      1 && !Y(r.src, l = /*dialogContent*/
+      _[0].img) && f(r, "src", l), g & /*dialogContent*/
+      1 && m !== (m = /*dialogContent*/
+      _[0].title + "") && L(u, m), g & /*dialogContent*/
+      1 && p !== (p = /*dialogContent*/
+      _[0].message + "") && L(P, p), g & /*dialogContent*/
+      1 && O !== (O = /*dialogContent*/
+      _[0].bold + "") && L(I, O), g & /*dialogContent*/
+      1 && j !== (j = /*dialogContent*/
+      _[0].btn + "") && L(D, j), g & /*mobileView*/
+      2 && N !== (N = "dialog " + /*mobileView*/
+      (_[1] ? "mobile" : "")) && f(e, "class", N);
+    },
+    i: z,
+    o: z,
+    d(_) {
+      _ && J(e), R = !1, Q();
+    }
+  };
+}
+function jt(t, e, n) {
+  let { dialogContent: o } = e, { mobileView: i = !1 } = e;
+  const s = () => {
+    Ct({ type: "HideDialog" });
+  };
+  return t.$$set = (r) => {
+    "dialogContent" in r && n(0, o = r.dialogContent), "mobileView" in r && n(1, i = r.mobileView);
+  }, [o, i, s];
+}
+class Nt extends kt {
+  constructor(e) {
+    super(), yt(this, e, jt, Ot, st, { dialogContent: 0, mobileView: 1 }, zt);
+  }
+  get dialogContent() {
+    return this.$$.ctx[0];
+  }
+  set dialogContent(e) {
+    this.$$set({ dialogContent: e }), V();
+  }
+  get mobileView() {
+    return this.$$.ctx[1];
+  }
+  set mobileView(e) {
+    this.$$set({ mobileView: e }), V();
+  }
+}
+vt(Nt, { dialogContent: {}, mobileView: { type: "Boolean" } }, [], [], !0);
+export {
+  Nt as C
+};

package/esnext/casino-mystery-chest-modal.js

@@ -0,0 +1,14 @@
+import { C as n } from "../components/CasinoMysteryChestModal-C4YvfBFg.js";
+function a(t) {
+  return function(...s) {
+    try {
+      return t.apply(this, s);
+    } catch (e) {
+      if (e instanceof DOMException && e.message.includes("has already been used with this registry") || e.message.includes("Cannot define multiple custom elements with the same tag name"))
+        return !1;
+      throw e;
+    }
+  };
+}
+customElements.define = a(customElements.define);
+!customElements.get("casino-mystery-chest-modal") && customElements.define("casino-mystery-chest-modal", n.element);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-mystery-chest-modal",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "type": "module",
   "main": "es2015/casino-mystery-chest-modal.cjs",
   "module": "es2015/casino-mystery-chest-modal.js",
@@ -22,4 +22,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}