@ozdao/martyrs 0.2.488 → 0.2.491

package/dist/martyrs/src/modules/constructor/components/elements/Card.vue.js

@@ -0,0 +1,79 @@
+import { ref, createElementBlock, openBlock, createElementVNode, createCommentVNode, createBlock, Fragment, createVNode, toDisplayString } from "vue";
+import Field from "../../../../components/Field/Field.vue.js";
+import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
+const _hoisted_1 = { class: "w-100 pd-medium bg-white radius-medium pos-relative" };
+const _hoisted_2 = { class: "flex flex-v-center gap-thin" };
+const _hoisted_3 = {
+  key: 0,
+  class: "w-5r"
+};
+const _hoisted_4 = ["src"];
+const _hoisted_5 = { class: "flex w-100 flex-column gap-thin" };
+const _hoisted_6 = { class: "h4" };
+const _hoisted_7 = { class: "p-medium" };
+const _sfc_main = {
+  __name: "Card",
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => ({
+        photo: "",
+        title: "",
+        subtitle: ""
+      })
+    },
+    isEditing: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const isEditing = ref(props.isEditing);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          isEditing.value || __props.modelValue.photo ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            isEditing.value ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              photo: __props.modelValue.photo,
+              "onUpdate:photo": _cache[0] || (_cache[0] = ($event) => __props.modelValue.photo = $event),
+              uploadPath: "/specials",
+              class: "aspect-1x1 w-100 o-hidden radius-extra"
+            }, null, 8, ["photo"])) : createCommentVNode("", true),
+            __props.modelValue.photo && !isEditing.value ? (openBlock(), createElementBlock("img", {
+              key: 1,
+              src: __props.modelValue.photo,
+              class: "aspect-1x1 w-100 o-hidden radius-extra object-cover",
+              alt: "Card image"
+            }, null, 8, _hoisted_4)) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_5, [
+            isEditing.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createVNode(Field, {
+                field: __props.modelValue.title,
+                "onUpdate:field": _cache[1] || (_cache[1] = ($event) => __props.modelValue.title = $event),
+                placeholder: "Title",
+                class: "w-100 bg-light radius-small pd-small"
+              }, null, 8, ["field"]),
+              createVNode(Field, {
+                field: __props.modelValue.subtitle,
+                "onUpdate:field": _cache[2] || (_cache[2] = ($event) => __props.modelValue.subtitle = $event),
+                type: "textarea",
+                placeholder: "Description",
+                class: "w-100 bg-light radius-small pd-small"
+              }, null, 8, ["field"])
+            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createElementVNode("h4", _hoisted_6, toDisplayString(__props.modelValue.title), 1),
+              createElementVNode("p", _hoisted_7, toDisplayString(__props.modelValue.subtitle), 1)
+            ], 64))
+          ])
+        ])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Card.vue.js.map

package/dist/martyrs/src/modules/constructor/components/elements/Card.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.vue.js","sources":["../../../../../../../src/modules/constructor/components/elements/Card.vue"],"sourcesContent":["<template>\n  <div class=\"w-100 pd-medium bg-white radius-medium pos-relative\">\n    <div class=\"flex flex-v-center gap-thin\">\n      <!-- Image section -->\n      <div v-if=\"isEditing || modelValue.photo\" class=\"w-5r\">\n        <UploadImage \n          v-if=\"isEditing\"\n          v-model:photo=\"modelValue.photo\"\n          :uploadPath=\"'/specials'\"\n          class=\"aspect-1x1 w-100 o-hidden radius-extra\" \n        />\n        <img \n          v-if=\"modelValue.photo && !isEditing\"\n          :src=\"modelValue.photo\"\n          class=\"aspect-1x1 w-100 o-hidden radius-extra object-cover\"\n          alt=\"Card image\"\n        />\n      </div>\n      <!-- Content section -->\n      <div class=\"flex w-100 flex-column gap-thin\">\n        <template v-if=\"isEditing\">\n          <Field\n            v-model:field=\"modelValue.title\"\n            placeholder=\"Title\"\n            class=\"w-100 bg-light radius-small pd-small\"\n          />  \n          <Field\n            v-model:field=\"modelValue.subtitle\"\n            type=\"textarea\"\n            placeholder=\"Description\"\n            class=\"w-100 bg-light radius-small pd-small\"\n          />\n        </template>\n        <template v-else>\n          <h4 class=\"h4\">{{ modelValue.title }}</h4>\n          <p class=\"p-medium\">{{ modelValue.subtitle }}</p>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\n\nconst props = defineProps({\n  modelValue: {\n    type: Object,\n    default: () => ({\n      photo: '',\n      title: '',\n      subtitle: '',\n    })\n  },\n  isEditing: {\n    type: Boolean,\n    default: true\n  }\n});\n\nconst isEditing = ref(props.isEditing);\n\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,UAAM,QAAQ;AAed,UAAM,YAAY,IAAI,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/Embed.vue.cjs

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Field = require("../../../../components/Field/Field.vue.cjs");
+;/* empty css             */
+const _hoisted_1 = { class: "w-100 h-max-40r pd-medium bg-white radius-medium pos-relative" };
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = {
+  key: 1,
+  class: ""
+};
+const _sfc_main = {
+  __name: "Embed",
+  props: [
+    "label",
+    "value",
+    "prop"
+  ],
+  emits: ["input", "updateBlock"],
+  setup(__props, { emit: __emit }) {
+    const embedCode = vue.ref(null);
+    const props = __props;
+    const emit = __emit;
+    function isValidEmbedCode(code) {
+      const allowedSources = [
+        /youtube\.com/,
+        /facebook\.com/,
+        /instagram\.com/,
+        /twitter\.com/,
+        /tiktok\.com/,
+        /soundcloud\.com/,
+        /vimeo\.com/,
+        /reddit\.com/,
+        /linkedin\.com/,
+        /medium\.com/,
+        /spotify\.com/
+      ];
+      return allowedSources.some((pattern) => pattern.test(code));
+    }
+    vue.onMounted(() => {
+      var _a;
+      if (((_a = props.prop.content) == null ? void 0 : _a.includes("instagram.com")) && window.instgrm) {
+        window.instgrm.Embeds.process();
+      }
+    });
+    function onComponentClick() {
+      if (embedCode.value && isValidEmbedCode(embedCode.value)) {
+        emit("input", embedCode.value);
+        emit("updateBlock", props.prop, { content: embedCode.value });
+      } else {
+        alert("Invalid embed code or source not allowed.");
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        __props.prop.content ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          innerHTML: __props.prop.content,
+          class: "flex-center constructor-iframe flex pos-relative"
+        }, null, 8, _hoisted_2)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+          vue.createVNode(Field.default, {
+            field: embedCode.value,
+            "onUpdate:field": _cache[0] || (_cache[0] = ($event) => embedCode.value = $event),
+            type: "textarea",
+            placeholder: "Paste your embed code here",
+            class: "w-100 br-solid br-1px br-black-transp-10 pd-medium radius-small mn-b-thin"
+          }, null, 8, ["field"]),
+          vue.createElementVNode("div", { class: "flex-v-center flex-nowrap flex gap-small" }, [
+            _cache[2] || (_cache[2] = vue.createElementVNode("p", { class: "p-small t-left" }, "Embeds from Youtube, Facebook, Instagram, Twitter, Tiktok, Soundcloud, Vimeo, Reddit, Linkedin, Medium, Spotify and Soundcloud are allowed.", -1)),
+            vue.createElementVNode("button", {
+              onClick: onComponentClick,
+              class: "button-small bg-second t-white button"
+            }, _cache[1] || (_cache[1] = [
+              vue.createElementVNode("span", null, "Save", -1)
+            ]))
+          ])
+        ]))
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Embed.vue.cjs.map

package/dist/martyrs/src/modules/constructor/components/elements/Embed.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Embed.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/elements/Embed.vue"],"sourcesContent":["<template>\n  <div \n    class=\"w-100 h-max-40r pd-medium bg-white radius-medium pos-relative\">\n    \n    <div \n      v-if=\"prop.content\" \n      v-html=\"prop.content\" \n      class=\"flex-center constructor-iframe flex pos-relative\"\n    />\n    \n    <div\n      class=\"\" \n      v-else\n    >\n      <Field \n        v-model:field=\"embedCode\"\n        type=\"textarea\"   \n        :placeholder=\"'Paste your embed code here'\" \n        class=\"\n          w-100\n          br-solid\n          br-1px\n          br-black-transp-10\n          pd-medium\n          radius-small\n          mn-b-thin\n        \"\n      />\n      <div class=\"flex-v-center flex-nowrap flex gap-small\">\n        \n          <p class=\"p-small t-left\">Embeds from Youtube, Facebook, Instagram, Twitter, Tiktok, Soundcloud, Vimeo, Reddit, Linkedin, Medium, Spotify and Soundcloud are allowed.</p>\n          <button \n            @click=\"onComponentClick\"\n            class=\"button-small bg-second t-white button\"\n          >\n            <span>Save</span>\n        </button>\n      </div>\n    </div>\n    <!-- <button v-if=\"prop.content\" @click=\"editEmbedCode\">Edit Embed Code</button> -->\n  </div>\n</template>\n\n<style lang=\"scss\">\n.constructor-iframe {\n  iframe { \n    width: 100% !important;\n    height: 100% !important;\n    position: relative !important;\n  }\n}\n</style>\n\n\n<script setup>\nimport { ref,onMounted } from 'vue';\n\nimport Field         from '@martyrs/src/components/Field/Field.vue'\n\nconst embedCode = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction isValidEmbedCode(code) {\n  const allowedSources = [\n    /youtube\\.com/,\n    /facebook\\.com/,\n    /instagram\\.com/,\n    /twitter\\.com/,\n    /tiktok\\.com/,\n    /soundcloud\\.com/,\n    /vimeo\\.com/,\n    /reddit\\.com/,\n    /linkedin\\.com/,\n    /medium\\.com/,\n    /spotify\\.com/,\n  ];\n  return allowedSources.some(pattern => pattern.test(code));\n}\n\nonMounted(() => {\n  if (props.prop.content?.includes('instagram.com') && window.instgrm) {\n    window.instgrm.Embeds.process();\n  }\n});\n\n\nfunction onComponentClick() {\n\n  if (embedCode.value && isValidEmbedCode(embedCode.value)) {\n    emit('input', embedCode.value);\n    emit('updateBlock', props.prop, { content: embedCode.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\nfunction editEmbedCode() {\n  let embedInput = prompt('Edit embed code:', prop.content);\n  if (embedInput && isValidEmbedCode(embedInput)) {\n    embedCode.value = embedInput;\n    emit('input', embedCode.value);\n    emit('updateBlock', props.prop, { content: embedCode.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n</script>\n\n"],"names":["ref","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2DA,UAAM,YAAYA,IAAG,IAAC,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAEb,aAAS,iBAAiB,MAAM;AAC9B,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD;AACD,aAAO,eAAe,KAAK,aAAW,QAAQ,KAAK,IAAI,CAAC;AAAA,IAC1D;AAEAC,QAAAA,UAAU,MAAM;;AACd,YAAI,WAAM,KAAK,YAAX,mBAAoB,SAAS,qBAAoB,OAAO,SAAS;AACnE,eAAO,QAAQ,OAAO,QAAS;AAAA,MACnC;AAAA,IACA,CAAC;AAGD,aAAS,mBAAmB;AAE1B,UAAI,UAAU,SAAS,iBAAiB,UAAU,KAAK,GAAG;AACxD,aAAK,SAAS,UAAU,KAAK;AAC7B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,UAAU,OAAO;AAAA,MAChE,OAAS;AACL,cAAM,2CAA2C;AAAA,MACrD;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/Embed.vue.js

@@ -0,0 +1,83 @@
+import { ref, onMounted, createElementBlock, openBlock, createVNode, createElementVNode } from "vue";
+import Field from "../../../../components/Field/Field.vue.js";
+/* empty css           */
+const _hoisted_1 = { class: "w-100 h-max-40r pd-medium bg-white radius-medium pos-relative" };
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = {
+  key: 1,
+  class: ""
+};
+const _sfc_main = {
+  __name: "Embed",
+  props: [
+    "label",
+    "value",
+    "prop"
+  ],
+  emits: ["input", "updateBlock"],
+  setup(__props, { emit: __emit }) {
+    const embedCode = ref(null);
+    const props = __props;
+    const emit = __emit;
+    function isValidEmbedCode(code) {
+      const allowedSources = [
+        /youtube\.com/,
+        /facebook\.com/,
+        /instagram\.com/,
+        /twitter\.com/,
+        /tiktok\.com/,
+        /soundcloud\.com/,
+        /vimeo\.com/,
+        /reddit\.com/,
+        /linkedin\.com/,
+        /medium\.com/,
+        /spotify\.com/
+      ];
+      return allowedSources.some((pattern) => pattern.test(code));
+    }
+    onMounted(() => {
+      var _a;
+      if (((_a = props.prop.content) == null ? void 0 : _a.includes("instagram.com")) && window.instgrm) {
+        window.instgrm.Embeds.process();
+      }
+    });
+    function onComponentClick() {
+      if (embedCode.value && isValidEmbedCode(embedCode.value)) {
+        emit("input", embedCode.value);
+        emit("updateBlock", props.prop, { content: embedCode.value });
+      } else {
+        alert("Invalid embed code or source not allowed.");
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.prop.content ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          innerHTML: __props.prop.content,
+          class: "flex-center constructor-iframe flex pos-relative"
+        }, null, 8, _hoisted_2)) : (openBlock(), createElementBlock("div", _hoisted_3, [
+          createVNode(Field, {
+            field: embedCode.value,
+            "onUpdate:field": _cache[0] || (_cache[0] = ($event) => embedCode.value = $event),
+            type: "textarea",
+            placeholder: "Paste your embed code here",
+            class: "w-100 br-solid br-1px br-black-transp-10 pd-medium radius-small mn-b-thin"
+          }, null, 8, ["field"]),
+          createElementVNode("div", { class: "flex-v-center flex-nowrap flex gap-small" }, [
+            _cache[2] || (_cache[2] = createElementVNode("p", { class: "p-small t-left" }, "Embeds from Youtube, Facebook, Instagram, Twitter, Tiktok, Soundcloud, Vimeo, Reddit, Linkedin, Medium, Spotify and Soundcloud are allowed.", -1)),
+            createElementVNode("button", {
+              onClick: onComponentClick,
+              class: "button-small bg-second t-white button"
+            }, _cache[1] || (_cache[1] = [
+              createElementVNode("span", null, "Save", -1)
+            ]))
+          ])
+        ]))
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Embed.vue.js.map

package/dist/martyrs/src/modules/constructor/components/elements/Embed.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Embed.vue.js","sources":["../../../../../../../src/modules/constructor/components/elements/Embed.vue"],"sourcesContent":["<template>\n  <div \n    class=\"w-100 h-max-40r pd-medium bg-white radius-medium pos-relative\">\n    \n    <div \n      v-if=\"prop.content\" \n      v-html=\"prop.content\" \n      class=\"flex-center constructor-iframe flex pos-relative\"\n    />\n    \n    <div\n      class=\"\" \n      v-else\n    >\n      <Field \n        v-model:field=\"embedCode\"\n        type=\"textarea\"   \n        :placeholder=\"'Paste your embed code here'\" \n        class=\"\n          w-100\n          br-solid\n          br-1px\n          br-black-transp-10\n          pd-medium\n          radius-small\n          mn-b-thin\n        \"\n      />\n      <div class=\"flex-v-center flex-nowrap flex gap-small\">\n        \n          <p class=\"p-small t-left\">Embeds from Youtube, Facebook, Instagram, Twitter, Tiktok, Soundcloud, Vimeo, Reddit, Linkedin, Medium, Spotify and Soundcloud are allowed.</p>\n          <button \n            @click=\"onComponentClick\"\n            class=\"button-small bg-second t-white button\"\n          >\n            <span>Save</span>\n        </button>\n      </div>\n    </div>\n    <!-- <button v-if=\"prop.content\" @click=\"editEmbedCode\">Edit Embed Code</button> -->\n  </div>\n</template>\n\n<style lang=\"scss\">\n.constructor-iframe {\n  iframe { \n    width: 100% !important;\n    height: 100% !important;\n    position: relative !important;\n  }\n}\n</style>\n\n\n<script setup>\nimport { ref,onMounted } from 'vue';\n\nimport Field         from '@martyrs/src/components/Field/Field.vue'\n\nconst embedCode = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction isValidEmbedCode(code) {\n  const allowedSources = [\n    /youtube\\.com/,\n    /facebook\\.com/,\n    /instagram\\.com/,\n    /twitter\\.com/,\n    /tiktok\\.com/,\n    /soundcloud\\.com/,\n    /vimeo\\.com/,\n    /reddit\\.com/,\n    /linkedin\\.com/,\n    /medium\\.com/,\n    /spotify\\.com/,\n  ];\n  return allowedSources.some(pattern => pattern.test(code));\n}\n\nonMounted(() => {\n  if (props.prop.content?.includes('instagram.com') && window.instgrm) {\n    window.instgrm.Embeds.process();\n  }\n});\n\n\nfunction onComponentClick() {\n\n  if (embedCode.value && isValidEmbedCode(embedCode.value)) {\n    emit('input', embedCode.value);\n    emit('updateBlock', props.prop, { content: embedCode.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n\nfunction editEmbedCode() {\n  let embedInput = prompt('Edit embed code:', prop.content);\n  if (embedInput && isValidEmbedCode(embedInput)) {\n    embedCode.value = embedInput;\n    emit('input', embedCode.value);\n    emit('updateBlock', props.prop, { content: embedCode.value });\n  } else {\n    alert('Invalid embed code or source not allowed.');\n  }\n}\n</script>\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA2DA,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAEb,aAAS,iBAAiB,MAAM;AAC9B,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD;AACD,aAAO,eAAe,KAAK,aAAW,QAAQ,KAAK,IAAI,CAAC;AAAA,IAC1D;AAEA,cAAU,MAAM;;AACd,YAAI,WAAM,KAAK,YAAX,mBAAoB,SAAS,qBAAoB,OAAO,SAAS;AACnE,eAAO,QAAQ,OAAO,QAAS;AAAA,MACnC;AAAA,IACA,CAAC;AAGD,aAAS,mBAAmB;AAE1B,UAAI,UAAU,SAAS,iBAAiB,UAAU,KAAK,GAAG;AACxD,aAAK,SAAS,UAAU,KAAK;AAC7B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,UAAU,OAAO;AAAA,MAChE,OAAS;AACL,cAAM,2CAA2C;AAAA,MACrD;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/Image.vue.cjs

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const _hoisted_1 = {
+  key: 0,
+  class: "o-hidden radius-big pos-relative bg-light w-100 flex-center flex"
+};
+const _hoisted_2 = ["src"];
+const _hoisted_3 = ["src"];
+const _sfc_main = {
+  __name: "Image",
+  props: [
+    "label",
+    "value",
+    "prop"
+  ],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return __props.prop.content ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("img", {
+          loading: "lazy",
+          src: (_ctx.FILE_SERVER_URL || "") + __props.prop.content,
+          alt: "Event image",
+          class: "pos-relative z-index-1 d-block mn-auto w-100 h-100 object-fit-contain",
+          style: { "max-height": "40rem" }
+        }, null, 8, _hoisted_2),
+        vue.createElementVNode("img", {
+          loading: "lazy",
+          src: (_ctx.FILE_SERVER_URL || "") + __props.prop.content,
+          alt: "Event Background",
+          class: "z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0",
+          style: { "transform": "scale(1.5)", "filter": "blur(2rem)", "-webkit-filter": "blur(2rem)" }
+        }, null, 8, _hoisted_3)
+      ])) : vue.createCommentVNode("", true);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Image.vue.cjs.map

package/dist/martyrs/src/modules/constructor/components/elements/Image.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/Image.vue.js

@@ -0,0 +1,39 @@
+import { createElementBlock, createCommentVNode, openBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  key: 0,
+  class: "o-hidden radius-big pos-relative bg-light w-100 flex-center flex"
+};
+const _hoisted_2 = ["src"];
+const _hoisted_3 = ["src"];
+const _sfc_main = {
+  __name: "Image",
+  props: [
+    "label",
+    "value",
+    "prop"
+  ],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return __props.prop.content ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("img", {
+          loading: "lazy",
+          src: (_ctx.FILE_SERVER_URL || "") + __props.prop.content,
+          alt: "Event image",
+          class: "pos-relative z-index-1 d-block mn-auto w-100 h-100 object-fit-contain",
+          style: { "max-height": "40rem" }
+        }, null, 8, _hoisted_2),
+        createElementVNode("img", {
+          loading: "lazy",
+          src: (_ctx.FILE_SERVER_URL || "") + __props.prop.content,
+          alt: "Event Background",
+          class: "z-index-0 pos-absolute w-100 h-100 pos-t-0 pos-r-0",
+          style: { "transform": "scale(1.5)", "filter": "blur(2rem)", "-webkit-filter": "blur(2rem)" }
+        }, null, 8, _hoisted_3)
+      ])) : createCommentVNode("", true);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Image.vue.js.map

package/dist/martyrs/src/modules/constructor/components/elements/Image.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/ImageUpload.vue.cjs

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const axios = require("axios");
+const _hoisted_1 = ["src"];
+const _hoisted_2 = {
+  key: 1,
+  class: "t-transp pd-extra"
+};
+const _sfc_main = {
+  __name: "ImageUpload",
+  props: [
+    "label",
+    "value",
+    "prop"
+  ],
+  emits: ["input", "updateBlock"],
+  setup(__props, { emit: __emit }) {
+    const imageUrl = vue.ref(null);
+    const fileInput = vue.ref(null);
+    const props = __props;
+    const emit = __emit;
+    function onComponentClick() {
+      fileInput.value.click();
+    }
+    async function onFileChange(e) {
+      let file = e.target.files[0];
+      console.log(file);
+      let formData = new FormData();
+      formData.append("file", file);
+      console.log(formData.has("file"));
+      try {
+        const $axios = axios.create({ baseURL: process.env.API_URL, withCredentials: true });
+        let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath || "images")}`, formData, {
+          headers: {
+            "Content-Type": "multipart/form-data"
+          }
+        });
+        imageUrl.value = response.data[0].filepath;
+        console.log(imageUrl.value);
+        emit("input", imageUrl.value);
+        emit("updateBlock", props.prop, { content: imageUrl.value });
+      } catch (error) {
+        console.error(error);
+      }
+    }
+    function onDrop(e) {
+      e.preventDefault();
+      if (e.dataTransfer && e.dataTransfer.files && e.dataTransfer.files.length) {
+        onFileChange({
+          target: {
+            files: e.dataTransfer.files
+          }
+        });
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        onClick: onComponentClick,
+        onDrop,
+        onDragover: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+        }, ["prevent"])),
+        onDragenter: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+        }, ["prevent"])),
+        onDragleave: _cache[2] || (_cache[2] = vue.withModifiers(() => {
+        }, ["prevent"])),
+        class: "w-100 radius-big bg-white image-upload-area flex-v-center flex-h-center flex t-black mn-b-small"
+      }, [
+        __props.prop.content ? (vue.openBlock(), vue.createElementBlock("img", {
+          key: 0,
+          loading: "lazy",
+          src: (_ctx.FILE_SERVER_URL || "") + __props.prop.content,
+          alt: "Uploaded image",
+          class: "w-100 h-30r object-fit-contain"
+        }, null, 8, _hoisted_1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, "Click or drag-and-drop your image")),
+        !__props.prop.content ? (vue.openBlock(), vue.createElementBlock("input", {
+          key: 2,
+          type: "file",
+          ref_key: "fileInput",
+          ref: fileInput,
+          tabindex: "-1",
+          onChange: onFileChange,
+          style: { "display": "none" }
+        }, null, 544)) : vue.createCommentVNode("", true)
+      ], 32);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=ImageUpload.vue.cjs.map

package/dist/martyrs/src/modules/constructor/components/elements/ImageUpload.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageUpload.vue.cjs","sources":["../../../../../../../src/modules/constructor/components/elements/ImageUpload.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"onComponentClick\"\n    @drop=\"onDrop\"\n    @dragover.prevent\n    @dragenter.prevent\n    @dragleave.prevent\n    class=\"w-100 radius-big bg-white image-upload-area flex-v-center flex-h-center flex t-black mn-b-small\">\n      <img loading=\"lazy\" v-if=\"prop.content\" :src=\"(FILE_SERVER_URL || '') + prop.content\" alt=\"Uploaded image\" class=\"w-100 h-30r object-fit-contain\"/>\n      <span v-else class=\"t-transp pd-extra\" >Click or drag-and-drop your image</span>\n      <input v-if=\"!prop.content\" type=\"file\" ref=\"fileInput\" tabindex=\"-1\" @change=\"onFileChange\" style=\"display: none\"/>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport axios from 'axios';\n\nconst imageUrl = ref(null);\nconst fileInput = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction onComponentClick() {\n  fileInput.value.click();\n}\n\nfunction updateBlock(updatedBlock) {\n  const index = post.value.content.findIndex(block => block === updatedBlock);\n  if (index !== -1) {\n    post.value.content.splice(index, 1, updatedBlock);\n  }\n}\n\nasync function onFileChange(e) {\n  let file = e.target.files[0];\n\n  console.log(file)\n  let formData = new FormData();\n  let uploadPath = 'unsorted'\n\n  formData.append(\"file\", file);\n  console.log(formData.has(\"file\"));\n  try {\n    const $axios = axios.create({baseURL: process.env.API_URL, withCredentials: true}) \n\n    let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath || 'images')}`, formData, {\n      headers: {\n        \"Content-Type\": \"multipart/form-data\"\n      }\n    });\n    imageUrl.value = response.data[0].filepath;\n    console.log(imageUrl.value)\n    emit('input', imageUrl.value);\n    emit('updateBlock', props.prop, { content: imageUrl.value });\n  } catch (error) {\n    console.error(error);\n  }\n}\n\nfunction onDrop(e) {\n  e.preventDefault();\n\n  if (e.dataTransfer && e.dataTransfer.files && e.dataTransfer.files.length) {\n    onFileChange({\n      target: {\n        files: e.dataTransfer.files\n      }\n    });\n  }\n}\n</script>\n"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,UAAM,WAAWA,IAAG,IAAC,IAAI;AACzB,UAAM,YAAYA,IAAG,IAAC,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAEb,aAAS,mBAAmB;AAC1B,gBAAU,MAAM,MAAO;AAAA,IACzB;AASA,mBAAe,aAAa,GAAG;AAC7B,UAAI,OAAO,EAAE,OAAO,MAAM,CAAC;AAE3B,cAAQ,IAAI,IAAI;AAChB,UAAI,WAAW,IAAI,SAAU;AAG7B,eAAS,OAAO,QAAQ,IAAI;AAC5B,cAAQ,IAAI,SAAS,IAAI,MAAM,CAAC;AAChC,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAC,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAI,CAAC;AAEjF,YAAI,WAAW,MAAM,OAAO,KAAK,mCAAmC,mBAAmB,MAAM,cAAc,QAAQ,CAAC,IAAI,UAAU;AAAA,UAChI,SAAS;AAAA,YACP,gBAAgB;AAAA,UACxB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS,KAAK,CAAC,EAAE;AAClC,gBAAQ,IAAI,SAAS,KAAK;AAC1B,aAAK,SAAS,SAAS,KAAK;AAC5B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,SAAS,OAAO;AAAA,MAC5D,SAAQ,OAAO;AACd,gBAAQ,MAAM,KAAK;AAAA,MACvB;AAAA,IACA;AAEA,aAAS,OAAO,GAAG;AACjB,QAAE,eAAgB;AAElB,UAAI,EAAE,gBAAgB,EAAE,aAAa,SAAS,EAAE,aAAa,MAAM,QAAQ;AACzE,qBAAa;AAAA,UACX,QAAQ;AAAA,YACN,OAAO,EAAE,aAAa;AAAA,UAC9B;AAAA,QACA,CAAK;AAAA,MACL;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/constructor/components/elements/ImageUpload.vue.js

@@ -0,0 +1,90 @@
+import { ref, createElementBlock, openBlock, withModifiers, createCommentVNode } from "vue";
+import axios from "axios";
+const _hoisted_1 = ["src"];
+const _hoisted_2 = {
+  key: 1,
+  class: "t-transp pd-extra"
+};
+const _sfc_main = {
+  __name: "ImageUpload",
+  props: [
+    "label",
+    "value",
+    "prop"
+  ],
+  emits: ["input", "updateBlock"],
+  setup(__props, { emit: __emit }) {
+    const imageUrl = ref(null);
+    const fileInput = ref(null);
+    const props = __props;
+    const emit = __emit;
+    function onComponentClick() {
+      fileInput.value.click();
+    }
+    async function onFileChange(e) {
+      let file = e.target.files[0];
+      console.log(file);
+      let formData = new FormData();
+      formData.append("file", file);
+      console.log(formData.has("file"));
+      try {
+        const $axios = axios.create({ baseURL: process.env.API_URL, withCredentials: true });
+        let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath || "images")}`, formData, {
+          headers: {
+            "Content-Type": "multipart/form-data"
+          }
+        });
+        imageUrl.value = response.data[0].filepath;
+        console.log(imageUrl.value);
+        emit("input", imageUrl.value);
+        emit("updateBlock", props.prop, { content: imageUrl.value });
+      } catch (error) {
+        console.error(error);
+      }
+    }
+    function onDrop(e) {
+      e.preventDefault();
+      if (e.dataTransfer && e.dataTransfer.files && e.dataTransfer.files.length) {
+        onFileChange({
+          target: {
+            files: e.dataTransfer.files
+          }
+        });
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        onClick: onComponentClick,
+        onDrop,
+        onDragover: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["prevent"])),
+        onDragenter: _cache[1] || (_cache[1] = withModifiers(() => {
+        }, ["prevent"])),
+        onDragleave: _cache[2] || (_cache[2] = withModifiers(() => {
+        }, ["prevent"])),
+        class: "w-100 radius-big bg-white image-upload-area flex-v-center flex-h-center flex t-black mn-b-small"
+      }, [
+        __props.prop.content ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          loading: "lazy",
+          src: (_ctx.FILE_SERVER_URL || "") + __props.prop.content,
+          alt: "Uploaded image",
+          class: "w-100 h-30r object-fit-contain"
+        }, null, 8, _hoisted_1)) : (openBlock(), createElementBlock("span", _hoisted_2, "Click or drag-and-drop your image")),
+        !__props.prop.content ? (openBlock(), createElementBlock("input", {
+          key: 2,
+          type: "file",
+          ref_key: "fileInput",
+          ref: fileInput,
+          tabindex: "-1",
+          onChange: onFileChange,
+          style: { "display": "none" }
+        }, null, 544)) : createCommentVNode("", true)
+      ], 32);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ImageUpload.vue.js.map

package/dist/martyrs/src/modules/constructor/components/elements/ImageUpload.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageUpload.vue.js","sources":["../../../../../../../src/modules/constructor/components/elements/ImageUpload.vue"],"sourcesContent":["<template>\n  <div \n    @click=\"onComponentClick\"\n    @drop=\"onDrop\"\n    @dragover.prevent\n    @dragenter.prevent\n    @dragleave.prevent\n    class=\"w-100 radius-big bg-white image-upload-area flex-v-center flex-h-center flex t-black mn-b-small\">\n      <img loading=\"lazy\" v-if=\"prop.content\" :src=\"(FILE_SERVER_URL || '') + prop.content\" alt=\"Uploaded image\" class=\"w-100 h-30r object-fit-contain\"/>\n      <span v-else class=\"t-transp pd-extra\" >Click or drag-and-drop your image</span>\n      <input v-if=\"!prop.content\" type=\"file\" ref=\"fileInput\" tabindex=\"-1\" @change=\"onFileChange\" style=\"display: none\"/>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport axios from 'axios';\n\nconst imageUrl = ref(null);\nconst fileInput = ref(null);\n\nconst props = defineProps([\n  'label',\n  'value',\n  'prop'\n]);\n\nconst emit = defineEmits(['input', 'updateBlock']);\n\nfunction onComponentClick() {\n  fileInput.value.click();\n}\n\nfunction updateBlock(updatedBlock) {\n  const index = post.value.content.findIndex(block => block === updatedBlock);\n  if (index !== -1) {\n    post.value.content.splice(index, 1, updatedBlock);\n  }\n}\n\nasync function onFileChange(e) {\n  let file = e.target.files[0];\n\n  console.log(file)\n  let formData = new FormData();\n  let uploadPath = 'unsorted'\n\n  formData.append(\"file\", file);\n  console.log(formData.has(\"file\"));\n  try {\n    const $axios = axios.create({baseURL: process.env.API_URL, withCredentials: true}) \n\n    let response = await $axios.post(`/api/upload/multiple?folderName=${encodeURIComponent(props.uploadPath || 'images')}`, formData, {\n      headers: {\n        \"Content-Type\": \"multipart/form-data\"\n      }\n    });\n    imageUrl.value = response.data[0].filepath;\n    console.log(imageUrl.value)\n    emit('input', imageUrl.value);\n    emit('updateBlock', props.prop, { content: imageUrl.value });\n  } catch (error) {\n    console.error(error);\n  }\n}\n\nfunction onDrop(e) {\n  e.preventDefault();\n\n  if (e.dataTransfer && e.dataTransfer.files && e.dataTransfer.files.length) {\n    onFileChange({\n      target: {\n        files: e.dataTransfer.files\n      }\n    });\n  }\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAkBA,UAAM,WAAW,IAAI,IAAI;AACzB,UAAM,YAAY,IAAI,IAAI;AAE1B,UAAM,QAAQ;AAMd,UAAM,OAAO;AAEb,aAAS,mBAAmB;AAC1B,gBAAU,MAAM,MAAO;AAAA,IACzB;AASA,mBAAe,aAAa,GAAG;AAC7B,UAAI,OAAO,EAAE,OAAO,MAAM,CAAC;AAE3B,cAAQ,IAAI,IAAI;AAChB,UAAI,WAAW,IAAI,SAAU;AAG7B,eAAS,OAAO,QAAQ,IAAI;AAC5B,cAAQ,IAAI,SAAS,IAAI,MAAM,CAAC;AAChC,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,EAAC,SAAS,QAAQ,IAAI,SAAS,iBAAiB,KAAI,CAAC;AAEjF,YAAI,WAAW,MAAM,OAAO,KAAK,mCAAmC,mBAAmB,MAAM,cAAc,QAAQ,CAAC,IAAI,UAAU;AAAA,UAChI,SAAS;AAAA,YACP,gBAAgB;AAAA,UACxB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS,KAAK,CAAC,EAAE;AAClC,gBAAQ,IAAI,SAAS,KAAK;AAC1B,aAAK,SAAS,SAAS,KAAK;AAC5B,aAAK,eAAe,MAAM,MAAM,EAAE,SAAS,SAAS,OAAO;AAAA,MAC5D,SAAQ,OAAO;AACd,gBAAQ,MAAM,KAAK;AAAA,MACvB;AAAA,IACA;AAEA,aAAS,OAAO,GAAG;AACjB,QAAE,eAAgB;AAElB,UAAI,EAAE,gBAAgB,EAAE,aAAa,SAAS,EAAE,aAAa,MAAM,QAAQ;AACzE,qBAAa;AAAA,UACX,QAAQ;AAAA,YACN,OAAO,EAAE,aAAa;AAAA,UAC9B;AAAA,QACA,CAAK;AAAA,MACL;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}