designertool 0.6.0 → 0.8.0

package/dist/postcard-dt.es.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance as getCurrentInstance$1, onMounted, nextTick, watch as watch$1, getCurrentScope, onScopeDispose, unref, ref as ref$1, readonly, computed, watchEffect, shallowRef, defineComponent, createVNode, openBlock, createBlock, onUnmounted, resolveComponent, Transition, withCtx, createCommentVNode, toDisplayString, renderSlot, render as render$6, customRef, createElementBlock, createElementVNode, cloneVNode, h as h$5, Fragment, inject, provide, Teleport, reactive, toRaw, normalizeClass, createTextVNode, renderList, withDirectives, vModelDynamic, isRef, withModifiers, normalizeStyle, withKeys, vShow, pushScopeId, popScopeId, resolveDynamicComponent, mergeProps, onBeforeMount, onBeforeUnmount, vModelText, vModelCheckbox, toRefs, useCssVars, withMemo } from "vue";
+import { getCurrentInstance as getCurrentInstance$1, onMounted, nextTick, watch as watch$1, getCurrentScope, onScopeDispose, unref, ref as ref$1, readonly, computed, watchEffect, shallowRef, defineComponent, createVNode, openBlock, createBlock, onUnmounted, resolveComponent, Transition, withCtx, createCommentVNode, toDisplayString, renderSlot, render as render$6, customRef, createElementBlock, createElementVNode, cloneVNode, h as h$5, Fragment, inject, provide, Teleport, reactive, toRaw, normalizeClass, createTextVNode, renderList, withDirectives, vModelDynamic, isRef, withModifiers, normalizeStyle, withKeys, vShow, pushScopeId, popScopeId, resolveDynamicComponent, mergeProps, onBeforeMount, onBeforeUnmount, vModelText, vModelCheckbox, toRefs, useCssVars, withMemo, defineCustomElement } from "vue";
 import { defineStore } from "pinia";
 function tryOnScopeDispose(rr) {
   return getCurrentScope() ? (onScopeDispose(rr), !0) : !1;
@@ -33782,7 +33782,7 @@ const ut = [
       }, null, 10, _hoisted_1$h);
     };
   }
-}), Tracking_vue_vue_type_style_index_0_scoped_dcd7edfe_lang = "", Tracking = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-dcd7edfe"]]), _withScopeId$3 = (rr) => (pushScopeId("data-v-0e2d5ba4"), rr = rr(), popScopeId(), rr), _hoisted_1$g = { class: "wbg-dt-flex wbg-dt-h-full wbg-dt-flex-col" }, _hoisted_2$a = {
+}), Tracking_vue_vue_type_style_index_0_scoped_dcd7edfe_lang = "", Tracking = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-dcd7edfe"]]), _withScopeId$3 = (rr) => (pushScopeId("data-v-a66df340"), rr = rr(), popScopeId(), rr), _hoisted_1$g = { class: "wbg-dt-flex wbg-dt-h-full wbg-dt-flex-col" }, _hoisted_2$a = {
   key: 0,
   class: "wbg-dt-flex wbg-dt-h-full wbg-dt-flex-col wbg-dt-overflow-y-auto"
 }, _hoisted_3$6 = { class: "layer-card wbg-dt-list-group-item wbg-dt-m-1 wbg-dt-grid wbg-dt-items-center wbg-dt-gap-3 wbg-dt-overflow-hidden wbg-dt-rounded-wbg-dt-lg wbg-dt-border wbg-dt-border-wbg-dt-secondary-300 wbg-dt-bg-white wbg-dt-px-3 wbg-dt-py-1 wbg-dt-text-center" }, _hoisted_4$5 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("i", { class: "icon-arrange wbg-dt-justify-self-start wbg-dt-text-2xl" }, null, -1)), _hoisted_5$4 = { key: 0 }, _hoisted_6$4 = { key: 1 }, _hoisted_7$4 = { key: 2 }, _hoisted_8$3 = ["innerHTML"], _hoisted_9$1 = ["onClick"], _hoisted_10$1 = { key: 1 }, _hoisted_11$1 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("p", { class: "wbg-dt-pt-6 wbg-dt-text-center wbg-dt-text-sm wbg-dt-text-wbg-dt-secondary-500" }, " Your canvas is empty. Add new items and start organizing the layers here. ", -1)), _hoisted_12$1 = [
@@ -33792,11 +33792,11 @@ const ut = [
   setup(rr) {
     const nr = useItems(), ei = useHistory(), ti = computed({
       get() {
-        return nr.items.toReversed();
+        return nr.items.reverse();
       },
       set(li) {
         ei.saveStepToHistory();
-        const ci = li.toReversed();
+        const ci = li.reverse();
         nr.items = ci;
       }
     });
@@ -33905,7 +33905,7 @@ const ut = [
       ])) : (openBlock(), createElementBlock("div", _hoisted_10$1, _hoisted_12$1))
     ]));
   }
-}), Layer_vue_vue_type_style_index_0_scoped_0e2d5ba4_lang = "", Layer = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-0e2d5ba4"]]), _sfc_main$h = /* @__PURE__ */ defineComponent({
+}), Layer_vue_vue_type_style_index_0_scoped_a66df340_lang = "", Layer = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-a66df340"]]), _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "Tooltip",
   props: {
     tooltipText: {},
@@ -48902,7 +48902,9 @@ const _hoisted_1$2 = { class: "wbg-dt-z-[1001] wbg-dt-flex wbg-dt-h-max wbg-dt-i
       createVNode(_sfc_main$2, { onSwitchEditState: pi })
     ], 2));
   }
-}), PostcardDesigner_vue_vue_type_style_index_0_lang = "", index = {
+}), PostcardDesigner_vue_vue_type_style_index_0_lang = "", PostcardDesignerElement = defineCustomElement(_sfc_main);
+customElements.define("postcard-designer", PostcardDesignerElement);
+const index = {
   install: (rr) => {
     rr.component("PostcardDesigner", _sfc_main);
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "designertool",
   "private": false,
-  "version": "0.6.0",
+  "version": "0.8.0",
   "type": "module",
   "files": [
     "dist"
@@ -39,15 +39,16 @@
     "vue": "^3.3.4",
     "vue-draggable-plus": "^0.3.5",
     "vue-prism-editor": "^2.0.0-alpha.2",
+    "vue-shadow-dom": "^4.2.0",
     "vue3-colorpicker": "^2.1.5",
     "vue3-moveable": "^0.23.0",
     "vue3-pdfjs": "^0.1.6",
-    "vue3-popper": "^1.5.0"
+    "vue3-popper": "^1.5.0",
+    "@popperjs/core": "^2.11.8"
   },
   "devDependencies": {
     "@aesoper/normal-utils": "^0.1.5",
     "@heroicons/vue": "^2.0.18",
-    "@popperjs/core": "^2.11.8",
     "@tailwindcss/forms": "^0.5.3",
     "@types/google.maps": "^3.53.4",
     "@types/js-beautify": "^1.13.3",