@pooder/vue 3.0.0 → 3.1.0

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as g, ref as u, onMounted as w, onUnmounted as f, createElementBlock as _, openBlock as C, createElementVNode as h, provide as y, createVNode as I } from "vue";
 import { Pooder as k } from "@pooder/core";
 export * from "@pooder/core";
-import { CanvasService as T, BackgroundTool as z, RulerTool as E, MirrorTool as R, DielineTool as M, ImageTool as U, HoleTool as b } from "@pooder/kit";
+import { CanvasService as T, BackgroundTool as z, RulerTool as E, MirrorTool as R, DielineTool as b, ImageTool as M, HoleTool as U } from "@pooder/kit";
 export * from "@pooder/kit";
 const B = /* @__PURE__ */ g({
   __name: "CanvasArea",
@@ -53,15 +53,15 @@ const B = /* @__PURE__ */ g({
     });
     const d = (o) => {
       const s = new T(o);
-      e.registerService(s), [
+      e.registerService(s, "CanvasService"), [
         new z(),
         new E(),
         // new FilmTool(),
         // new WhiteInkTool(),
         new R(),
+        new b(),
         new M(),
-        new U(),
-        new b()
+        new U()
       ].forEach((x) => {
         e.extensionManager.register(x);
       });
@@ -79,7 +79,7 @@ const B = /* @__PURE__ */ g({
       })
     ]));
   }
-}), V = /* @__PURE__ */ S(A, [["__scopeId", "data-v-014c232e"]]);
+}), V = /* @__PURE__ */ S(A, [["__scopeId", "data-v-9b83ac88"]]);
 export {
   V as PooderEditor
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@pooder/core"),require("@pooder/kit")):typeof define=="function"&&define.amd?define(["exports","vue","@pooder/core","@pooder/kit"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.PooderVue={},t.Vue,t.PooderCore,t.PooderKit))})(this,(function(t,e,l,a){"use strict";const C=e.defineComponent({__name:"CanvasArea",emits:["canvas-ready","resize"],setup(n,{emit:i}){const o=i,s=e.ref(null),c=e.ref(null);let d=null;return e.onMounted(()=>{if(s.value&&c.value){const{clientWidth:p,clientHeight:u}=s.value;c.value.width=p,c.value.height=u,o("canvas-ready",c.value),d=new ResizeObserver(y=>{for(const v of y){const{width:m,height:r}=v.contentRect;o("resize",m,r)}}),d.observe(s.value)}}),e.onUnmounted(()=>{d&&d.disconnect()}),(p,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:s,class:"pooder-canvas-area"},[e.createElementVNode("canvas",{ref_key:"canvas",ref:c},null,512)],512))}}),_=(n,i)=>{const o=n.__vccOpts||n;for(const[s,c]of i)o[s]=c;return o},h=_(C,[["__scopeId","data-v-dc60e8d6"]]),S={class:"pooder-editor"},w=_(e.defineComponent({__name:"PooderEditor",setup(n,{expose:i}){const o=new l.Pooder;e.provide("pooder",o),o.getService("CanvasService");const s=o.getService("CommandService"),c=o.getService("ConfigurationService");i({importConfig:r=>{c.import(r)},exportConfig:()=>c.export(),generateCutImage:async()=>await s.executeCommand("exportCutImage"),setUserImage:async r=>await s.executeCommand("setUserImage",r,1)});const v=r=>{const f=new a.CanvasService(r);o.registerService(f),[new a.BackgroundTool,new a.RulerTool,new a.MirrorTool,new a.DielineTool,new a.ImageTool,new a.HoleTool].forEach(O=>{o.extensionManager.register(O)})},m=(r,f)=>{const g=o.getService("CanvasService");g&&g.canvas.setDimensions({width:r,height:f})};return e.onUnmounted(()=>{const r=o.getService("CanvasService");r&&r.dispose(),o.extensionManager.destroy()}),(r,f)=>(e.openBlock(),e.createElementBlock("div",S,[e.createVNode(h,{onCanvasReady:v,onResize:m})]))}}),[["__scopeId","data-v-014c232e"]]);t.PooderEditor=w,Object.keys(l).forEach(n=>{n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:()=>l[n]})}),Object.keys(a).forEach(n=>{n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:()=>a[n]})}),Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));
+(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@pooder/core"),require("@pooder/kit")):typeof define=="function"&&define.amd?define(["exports","vue","@pooder/core","@pooder/kit"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.PooderVue={},t.Vue,t.PooderCore,t.PooderKit))})(this,(function(t,e,l,a){"use strict";const C=e.defineComponent({__name:"CanvasArea",emits:["canvas-ready","resize"],setup(n,{emit:i}){const o=i,s=e.ref(null),c=e.ref(null);let d=null;return e.onMounted(()=>{if(s.value&&c.value){const{clientWidth:p,clientHeight:v}=s.value;c.value.width=p,c.value.height=v,o("canvas-ready",c.value),d=new ResizeObserver(y=>{for(const u of y){const{width:m,height:r}=u.contentRect;o("resize",m,r)}}),d.observe(s.value)}}),e.onUnmounted(()=>{d&&d.disconnect()}),(p,v)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:s,class:"pooder-canvas-area"},[e.createElementVNode("canvas",{ref_key:"canvas",ref:c},null,512)],512))}}),_=(n,i)=>{const o=n.__vccOpts||n;for(const[s,c]of i)o[s]=c;return o},S=_(C,[["__scopeId","data-v-dc60e8d6"]]),h={class:"pooder-editor"},w=_(e.defineComponent({__name:"PooderEditor",setup(n,{expose:i}){const o=new l.Pooder;e.provide("pooder",o),o.getService("CanvasService");const s=o.getService("CommandService"),c=o.getService("ConfigurationService");i({importConfig:r=>{c.import(r)},exportConfig:()=>c.export(),generateCutImage:async()=>await s.executeCommand("exportCutImage"),setUserImage:async r=>await s.executeCommand("setUserImage",r,1)});const u=r=>{const f=new a.CanvasService(r);o.registerService(f,"CanvasService"),[new a.BackgroundTool,new a.RulerTool,new a.MirrorTool,new a.DielineTool,new a.ImageTool,new a.HoleTool].forEach(b=>{o.extensionManager.register(b)})},m=(r,f)=>{const g=o.getService("CanvasService");g&&g.canvas.setDimensions({width:r,height:f})};return e.onUnmounted(()=>{const r=o.getService("CanvasService");r&&r.dispose(),o.extensionManager.destroy()}),(r,f)=>(e.openBlock(),e.createElementBlock("div",h,[e.createVNode(S,{onCanvasReady:u,onResize:m})]))}}),[["__scopeId","data-v-9b83ac88"]]);t.PooderEditor=w,Object.keys(l).forEach(n=>{n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:()=>l[n]})}),Object.keys(a).forEach(n=>{n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:()=>a[n]})}),Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));

package/dist/vue.css

@@ -1 +1 @@
-.pooder-canvas-area[data-v-dc60e8d6]{flex:1;width:100%;height:100%;min-height:650px;min-width:650px;overflow:hidden;background:#f5f5f5;position:relative}canvas[data-v-dc60e8d6]{display:block}.pooder-editor[data-v-014c232e]{display:flex;width:100%;height:100%;overflow:hidden}
+.pooder-canvas-area[data-v-dc60e8d6]{flex:1;width:100%;height:100%;min-height:650px;min-width:650px;overflow:hidden;background:#f5f5f5;position:relative}canvas[data-v-dc60e8d6]{display:block}.pooder-editor[data-v-9b83ac88]{display:flex;width:100%;height:100%;overflow:hidden}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pooder/vue",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
@@ -19,8 +19,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@pooder/core": "1.0.0",
-    "@pooder/kit": "3.0.0"
+    "@pooder/core": "1.1.0",
+    "@pooder/kit": "3.0.1"
   },
   "peerDependencies": {
     "vue": "^3.0.0"