gather-vue 8.6.0

package/dist/BannerExample-CRj1iMwh.js

@@ -0,0 +1,77 @@
+import { defineComponent as g, resolveComponent as o, createElementBlock as s, openBlock as l, createVNode as a, createCommentVNode as c, createElementVNode as d, withCtx as i } from "vue";
+import { u as p, _ as v } from "./main-DPldah1M.js";
+const x = g({
+  name: "BannerExampleBlock",
+  computed: {
+    barColor() {
+      var e, n, t;
+      return ((t = (n = (e = p().referralCampaign) == null ? void 0 : e.config) == null ? void 0 : n.theme) == null ? void 0 : t.app_bar_color) || "#272728";
+    },
+    showBanner() {
+      var e, n, t;
+      return (t = (n = (e = p().referralCampaign) == null ? void 0 : e.config) == null ? void 0 : n.theme) == null ? void 0 : t.show_banner;
+    },
+    bannerImage() {
+      var e, n;
+      const r = p();
+      return r.referred ? (e = r.referralCampaign) == null ? void 0 : e.bannerReferredUrl : (n = r.referralCampaign) == null ? void 0 : n.bannerUrl;
+    }
+  }
+}), h = {
+  id: "referralcampaign-editor-app-container",
+  class: "mt-20"
+}, C = ["src"], B = {
+  id: "top-card",
+  style: { "padding-top": "30px", "padding-bottom": "30px" }
+}, k = { key: 0 }, w = { key: 1 };
+function y(r, e, n, t, E, $) {
+  const m = o("v-app-bar"), _ = o("v-card-text"), u = o("v-card"), f = o("v-col"), b = o("v-row");
+  return l(), s("div", h, [
+    a(m, {
+      absolute: "",
+      flat: !0,
+      dark: !0,
+      color: r.barColor
+    }, null, 8, ["color"]),
+    r.showBanner ? (l(), s("img", {
+      key: 0,
+      id: "banner-image",
+      src: r.bannerImage,
+      style: { "text-align": "center", height: "250px", border: "none", "margin-top": "64px" }
+    }, null, 8, C)) : c("", !0),
+    d("div", B, [
+      a(b, {
+        id: "card",
+        class: "mx-5"
+      }, {
+        default: i(() => [
+          a(f, { cols: "12" }, {
+            default: i(() => [
+              a(u, null, {
+                default: i(() => [
+                  a(_, null, {
+                    default: i(() => [
+                      e[0] || (e[0] = d("div", { class: "text-h5 text-center" }, "Card Title", -1)),
+                      e[1] || (e[1] = d("div", { class: "text-subtitle-2 text-center" }, "Card Subtitle", -1)),
+                      e[2] || (e[2] = d("br", null, null, -1)),
+                      r.showBanner ? (l(), s("p", k, "Banner image is displayed above this card")) : c("", !0),
+                      r.showBanner ? c("", !0) : (l(), s("p", w, "Banner image not displayed"))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ])
+  ]);
+}
+const U = /* @__PURE__ */ v(x, [["render", y], ["__scopeId", "data-v-ba59e365"], ["__file", "/Users/dominic/Code/gather-vue/src/components/editor/blocks/referral_campaign/BannerExample.vue"]]);
+export {
+  U as default
+};

package/dist/BannerExample-DLN6d9M0.js

@@ -0,0 +1,84 @@
+import { defineComponent as f, resolveComponent as r, createElementBlock as l, openBlock as i, createVNode as a, createCommentVNode as d, createElementVNode as c, normalizeStyle as b, withCtx as p } from "vue";
+import { a as s, _ as h } from "./main-DPldah1M.js";
+const B = f({
+  name: "BannerExampleBlock",
+  computed: {
+    barColor() {
+      var e, n, o;
+      return ((o = (n = (e = s().campaign) == null ? void 0 : e.config) == null ? void 0 : n.theme) == null ? void 0 : o.app_bar_color) || "#272728";
+    },
+    showBanner() {
+      var e, n, o;
+      return (o = (n = (e = s().campaign) == null ? void 0 : e.config) == null ? void 0 : n.theme) == null ? void 0 : o.show_banner;
+    },
+    fullHeightBanner() {
+      var e, n, o;
+      return (o = (n = (e = s().campaign) == null ? void 0 : e.config) == null ? void 0 : n.theme) == null ? void 0 : o.banner_full_height;
+    },
+    bannerImage() {
+      var e;
+      return (e = s().campaign) == null ? void 0 : e.bannerUrl;
+    },
+    cardElevation() {
+      var e, n, o;
+      return (o = (n = (e = s().campaign) == null ? void 0 : e.config) == null ? void 0 : n.theme) == null ? void 0 : o.card_elevation;
+    }
+  }
+}), x = {
+  id: "referralcampaign-editor-app-container",
+  class: "mt-20"
+}, C = ["src"], k = {
+  id: "top-card",
+  style: { "padding-top": "30px", "padding-bottom": "30px" }
+}, w = { key: 0 }, y = { key: 1 };
+function E(t, e, n, o, $, I) {
+  const m = r("v-app-bar"), _ = r("v-card-text"), u = r("v-card"), g = r("v-col"), v = r("v-row");
+  return i(), l("div", x, [
+    a(m, {
+      absolute: "",
+      flat: !0,
+      dark: !0,
+      color: t.barColor
+    }, null, 8, ["color"]),
+    t.showBanner ? (i(), l("img", {
+      key: 0,
+      id: "banner-image",
+      src: t.bannerImage,
+      style: b(`text-align: center; height: 250px; border: none; margin-top: ${t.fullHeightBanner ? "0px" : "64px"}`)
+    }, null, 12, C)) : d("", !0),
+    c("div", k, [
+      a(v, {
+        id: "card",
+        class: "mx-5"
+      }, {
+        default: p(() => [
+          a(g, { cols: "12" }, {
+            default: p(() => [
+              a(u, { elevation: t.cardElevation }, {
+                default: p(() => [
+                  a(_, null, {
+                    default: p(() => [
+                      e[0] || (e[0] = c("div", { class: "text-h5 text-center" }, "Card Title", -1)),
+                      e[1] || (e[1] = c("div", { class: "text-subtitle-2 text-center" }, "Card Subtitle", -1)),
+                      e[2] || (e[2] = c("br", null, null, -1)),
+                      t.showBanner ? (i(), l("p", w, "Banner image is displayed above this card")) : d("", !0),
+                      t.showBanner ? d("", !0) : (i(), l("p", y, "Banner image not displayed"))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["elevation"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ])
+  ]);
+}
+const U = /* @__PURE__ */ h(B, [["render", E], ["__scopeId", "data-v-39bf3b37"], ["__file", "/Users/dominic/Code/gather-vue/src/components/editor/blocks/pop_up/BannerExample.vue"]]);
+export {
+  U as default
+};