@everymatrix/casino-lobby 1.44.0 → 1.45.0

package/components/CasinoCalendarDailyItem-CQ8syIIe.js

@@ -0,0 +1,220 @@
+import { $ as R, a as j, S as A, i as O, f as x, c as q, s as U, b as G, e as c, r as L, u as T, d as l, D as E, G as C, g as V, v as s, w as W, A as S, C as H, k as J, o as K, m as N, n as P } from "./CasinoCalendar-DEhfBjpm.js";
+function Q({ withLocale: n, translations: e }) {
+  R.subscribe((a) => {
+    a == null && (j.set(e), R.set(n));
+  });
+}
+function X(n) {
+  G(n, "svelte-128e4zn", '.svelte-128e4zn.svelte-128e4zn,.svelte-128e4zn.svelte-128e4zn::before,.svelte-128e4zn.svelte-128e4zn::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.Container.svelte-128e4zn.svelte-128e4zn{display:flex;overflow-x:unset;justify-content:space-between;position:relative;width:100%;border-radius:0 0 5px 5px}.Container.svelte-128e4zn.svelte-128e4zn::-webkit-scrollbar{display:none}.CalendarBar.svelte-128e4zn.svelte-128e4zn{width:100%;height:28px;background:rgba(156, 163, 175, 0.25);border-radius:4px 4px 0 0;border-bottom:3px solid rgba(156, 163, 175, 0.5);display:block;z-index:2}.CalendarBar.svelte-128e4zn.svelte-128e4zn::before{content:"";position:absolute;z-index:-1}.RingLeft.svelte-128e4zn.svelte-128e4zn::before{content:"";width:8px;height:24px;border-radius:20px;background:linear-gradient(#fff, #ccc);box-shadow:inset 0 -4px 6px rgba(0, 0, 0, 0.5);top:-8px;left:22px;position:absolute;z-index:1}.RingLeft.svelte-128e4zn.svelte-128e4zn::after{content:"";float:left;top:15px;width:12px;height:12px;background:#111;border-radius:10px;box-shadow:0 1px 1px var(--emfe-w-color-white, #FFFFFF);top:6px;right:20px;position:absolute;z-index:0}.RingRight.svelte-128e4zn.svelte-128e4zn::before{content:"";width:8px;height:24px;border-radius:20px;background:linear-gradient(#fff, #ccc);box-shadow:inset 0 -4px 6px rgba(0, 0, 0, 0.5);top:-8px;right:22px;position:absolute;z-index:1}.RingRight.svelte-128e4zn.svelte-128e4zn::after{content:"";float:left;top:15px;width:12px;height:12px;background:#111;border-radius:10px;box-shadow:0 1px 1px #fff;top:6px;left:20px;position:absolute;z-index:0}.CalendarPage.svelte-128e4zn.svelte-128e4zn{width:100%;min-width:170px;height:170px;padding:8px 8px 30px 8px;text-align:center;border-radius:0 0 2px 2px;color:var(--emfe-w-color-white, #FFFFFF);position:relative;z-index:0}.CalendarPage.Tear.svelte-128e4zn.svelte-128e4zn{animation:svelte-128e4zn-tearoff 1.5s both;transform-origin:0 100%;box-shadow:-1px -1px 4px rgba(0, 0, 0, 0.4)}@keyframes svelte-128e4zn-tearoff{0%{top:0}40%{transform:rotate(4deg);top:10px;opacity:1}65%{opacity:1}90%{transform:rotate(4deg);top:20px;opacity:0}95%{transform:rotate(0deg);top:0px;opacity:0}100%{transform:rotate(0deg);top:0px;opacity:1}}.CalendarCard.svelte-128e4zn.svelte-128e4zn{margin:16px 0 12px;width:170px;height:240px;text-align:center;border-radius:5px;color:var(--emfe-w-color-white, #FFFFFF);position:relative;display:block}.CasinoCalendarItems.svelte-128e4zn.svelte-128e4zn{width:100%}.CasinoCalendarItemBackground.svelte-128e4zn.svelte-128e4zn{display:flex;justify-content:flex-start;flex-direction:column;align-items:center;color:var(--emfe-w-color-white, #FFFFFF);background:var(--emfe-w-color-gray-300, #58586B);background-image:url("https://breakthrough.org/wp-content/uploads/2018/10/default-placeholder-image.png");background-position:center;background-size:cover;background-blend-mode:multiply;height:100%;width:100%;border-radius:0 0 5px 5px}.CasinoCalendarDailyIcon.svelte-128e4zn.svelte-128e4zn{height:20px;margin:15px}.CasinoCalendarDailyIcon.svelte-128e4zn img.svelte-128e4zn{max-height:28px}.CasinoCalendarDailyTitle.svelte-128e4zn.svelte-128e4zn{text-transform:capitalize;font-weight:600;font-size:16px}.CasinoCalendarDailyItemDescription.svelte-128e4zn.svelte-128e4zn{padding:15px;margin-bottom:20px;font-size:14px;height:90px;white-space:unset;overflow:hidden;text-overflow:ellipsis}.CasinoCalendarDailyItemButton.svelte-128e4zn.svelte-128e4zn{width:100%;text-align:center}.MoreInfoButton.svelte-128e4zn.svelte-128e4zn{display:flex;justify-content:center;width:100%;padding:8px 6px;border-radius:5px;border:none;background-image:linear-gradient(to bottom, color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, var(--emw--casino-thumbnail-color-contrast, #000000) 20%), var(--emw--color-primary, #22B04E), color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, var(--emw--casino-thumbnail-animation-color, #FFFFFF) 30%));color:var(--emw--button-typography, #FFFFFF);font-size:var(--emw--font-size-small, 14px);border:2px solid var(--emw--button-border-color, #073B17);border-radius:var(--emw--border-radius-large, 20px);cursor:pointer;transition:border 150ms ease-in-out}');
+}
+function Y(n) {
+  let e, a, h, u, f, w, i, b, r, v, y, p, g, I, k, D, m, z, B, F, _, M, t;
+  return {
+    c() {
+      e = c("div"), a = c("div"), h = c("div"), u = c("div"), f = c("div"), f.innerHTML = '<div class="RingLeft svelte-128e4zn"></div> <div class="RingRight svelte-128e4zn"></div>', w = L(), i = c("div"), b = c("div"), r = c("img"), y = L(), p = c("div"), g = T(
+        /*dailyday*/
+        n[2]
+      ), I = L(), k = c("div"), D = L(), m = c("div"), z = c("button"), B = T(
+        /*dailybuttontitle*/
+        n[3]
+      ), l(f, "class", "CalendarBar svelte-128e4zn"), E(r.src, v = /*dailyicon*/
+      n[1]) || l(r, "src", v), l(
+        r,
+        "alt",
+        /*dailyicon*/
+        n[1]
+      ), l(r, "class", "svelte-128e4zn"), l(b, "class", "CasinoCalendarDailyIcon svelte-128e4zn"), l(p, "class", "CasinoCalendarDailyTitle svelte-128e4zn"), l(k, "class", "CasinoCalendarDailyItemDescription svelte-128e4zn"), l(z, "class", "MoreInfoButton svelte-128e4zn"), l(m, "class", "CasinoCalendarDailyItemButton svelte-128e4zn"), l(i, "class", F = "CasinoCalendarItemBackground CalendarPage " + (/*index*/
+      n[4] == "OpenCalendarModal" ? "Tear" : "") + " svelte-128e4zn"), C(i, "background-image", "url('" + /*dailybackground*/
+      n[0] + "')"), C(i, "background-size", "cover"), C(i, "background-position", "center"), C(i, "-webkit-background-size", "cover"), C(i, "-moz-background-size", "cover"), C(i, "-o-background-size", "cover"), l(u, "class", "CalendarCard svelte-128e4zn"), l(h, "class", "CasinoCalendarItems svelte-128e4zn"), l(a, "class", _ = "Container " + /*mobileView*/
+      (n[7] ? "Mobile" : "") + " svelte-128e4zn"), l(e, "class", "svelte-128e4zn");
+    },
+    m(o, d) {
+      V(o, e, d), s(e, a), s(a, h), s(h, u), s(u, f), s(u, w), s(u, i), s(i, b), s(b, r), s(i, y), s(i, p), s(p, g), s(i, I), s(i, k), n[13](k), s(i, D), s(i, m), s(m, z), s(z, B), n[15](e), M || (t = W(
+        z,
+        "click",
+        /*click_handler*/
+        n[14]
+      ), M = !0);
+    },
+    p(o, [d]) {
+      d & /*dailyicon*/
+      2 && !E(r.src, v = /*dailyicon*/
+      o[1]) && l(r, "src", v), d & /*dailyicon*/
+      2 && l(
+        r,
+        "alt",
+        /*dailyicon*/
+        o[1]
+      ), d & /*dailyday*/
+      4 && S(
+        g,
+        /*dailyday*/
+        o[2]
+      ), d & /*dailybuttontitle*/
+      8 && S(
+        B,
+        /*dailybuttontitle*/
+        o[3]
+      ), d & /*index*/
+      16 && F !== (F = "CasinoCalendarItemBackground CalendarPage " + (/*index*/
+      o[4] == "OpenCalendarModal" ? "Tear" : "") + " svelte-128e4zn") && l(i, "class", F), d & /*dailybackground*/
+      1 && C(i, "background-image", "url('" + /*dailybackground*/
+      o[0] + "')"), d & /*mobileView*/
+      128 && _ !== (_ = "Container " + /*mobileView*/
+      (o[7] ? "Mobile" : "") + " svelte-128e4zn") && l(a, "class", _);
+    },
+    i: H,
+    o: H,
+    d(o) {
+      o && J(e), n[13](null), n[15](null), M = !1, t();
+    }
+  };
+}
+function Z(n, e, a) {
+  let { lang: h = "" } = e, { dailybackground: u = "" } = e, { dailyicon: f = "" } = e, { dailyday: w = "" } = e, { dailydescription: i = "<p></p>" } = e, { dailybuttontitle: b = "" } = e, { index: r = "0" } = e, { clientstyling: v = "" } = e, { clientstylingurl: y = "" } = e;
+  Q({ withLocale: "en", translations: {} });
+  let p, g, I = !1, k = window.navigator.userAgent;
+  const D = () => {
+    let t = document.createElement("div");
+    t.innerHTML = i, p && p.append(t);
+  }, m = () => {
+    window.postMessage({ type: "OpenCalendar", index: r }, window.location.href), typeof gtag == "function" && gtag("event", "MoreInfo", { context: "CalendarWidgetItem" });
+  }, z = () => {
+    let t = document.createElement("style");
+    t.innerHTML = v, g.appendChild(t);
+  }, B = () => {
+    let t = new URL(y), o = document.createElement("style");
+    fetch(t.href).then((d) => d.text()).then((d) => {
+      o.innerHTML = d, setTimeout(
+        () => {
+          g.appendChild(o);
+        },
+        1
+      ), setTimeout(
+        () => {
+        },
+        500
+      );
+    });
+  };
+  K(() => {
+    N(k) && a(7, I = !0);
+  });
+  function F(t) {
+    P[t ? "unshift" : "push"](() => {
+      p = t, a(6, p);
+    });
+  }
+  const _ = () => m();
+  function M(t) {
+    P[t ? "unshift" : "push"](() => {
+      g = t, a(5, g);
+    });
+  }
+  return n.$$set = (t) => {
+    "lang" in t && a(9, h = t.lang), "dailybackground" in t && a(0, u = t.dailybackground), "dailyicon" in t && a(1, f = t.dailyicon), "dailyday" in t && a(2, w = t.dailyday), "dailydescription" in t && a(10, i = t.dailydescription), "dailybuttontitle" in t && a(3, b = t.dailybuttontitle), "index" in t && a(4, r = t.index), "clientstyling" in t && a(11, v = t.clientstyling), "clientstylingurl" in t && a(12, y = t.clientstylingurl);
+  }, n.$$.update = () => {
+    n.$$.dirty & /*dailyicon, dailyday, dailydescription, dailybuttontitle, dailybackground*/
+    1039 && f && w && i && b && u && D(), n.$$.dirty & /*clientstyling, customStylingContainer*/
+    2080 && v && g && z(), n.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    4128 && y && g && B();
+  }, [
+    u,
+    f,
+    w,
+    b,
+    r,
+    g,
+    p,
+    I,
+    m,
+    h,
+    i,
+    v,
+    y,
+    F,
+    _,
+    M
+  ];
+}
+class $ extends A {
+  constructor(e) {
+    super(), O(
+      this,
+      e,
+      Z,
+      Y,
+      U,
+      {
+        lang: 9,
+        dailybackground: 0,
+        dailyicon: 1,
+        dailyday: 2,
+        dailydescription: 10,
+        dailybuttontitle: 3,
+        index: 4,
+        clientstyling: 11,
+        clientstylingurl: 12
+      },
+      X
+    );
+  }
+  get lang() {
+    return this.$$.ctx[9];
+  }
+  set lang(e) {
+    this.$$set({ lang: e }), x();
+  }
+  get dailybackground() {
+    return this.$$.ctx[0];
+  }
+  set dailybackground(e) {
+    this.$$set({ dailybackground: e }), x();
+  }
+  get dailyicon() {
+    return this.$$.ctx[1];
+  }
+  set dailyicon(e) {
+    this.$$set({ dailyicon: e }), x();
+  }
+  get dailyday() {
+    return this.$$.ctx[2];
+  }
+  set dailyday(e) {
+    this.$$set({ dailyday: e }), x();
+  }
+  get dailydescription() {
+    return this.$$.ctx[10];
+  }
+  set dailydescription(e) {
+    this.$$set({ dailydescription: e }), x();
+  }
+  get dailybuttontitle() {
+    return this.$$.ctx[3];
+  }
+  set dailybuttontitle(e) {
+    this.$$set({ dailybuttontitle: e }), x();
+  }
+  get index() {
+    return this.$$.ctx[4];
+  }
+  set index(e) {
+    this.$$set({ index: e }), x();
+  }
+  get clientstyling() {
+    return this.$$.ctx[11];
+  }
+  set clientstyling(e) {
+    this.$$set({ clientstyling: e }), x();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[12];
+  }
+  set clientstylingurl(e) {
+    this.$$set({ clientstylingurl: e }), x();
+  }
+}
+q($, { lang: {}, dailybackground: {}, dailyicon: {}, dailyday: {}, dailydescription: {}, dailybuttontitle: {}, index: {}, clientstyling: {}, clientstylingurl: {} }, [], [], !0);
+export {
+  $ as default
+};