labmaker-plugin 0.0.329 → 0.0.331
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/labmaker-plugin.js
CHANGED
|
@@ -5386,10 +5386,11 @@ const s2 = [], Nv = {
|
|
|
5386
5386
|
watch: {},
|
|
5387
5387
|
methods: {
|
|
5388
5388
|
logEvent(A) {
|
|
5389
|
+
console.log(A);
|
|
5389
5390
|
},
|
|
5390
5391
|
savejpg(A, c) {
|
|
5391
|
-
|
|
5392
|
-
let e = "
|
|
5392
|
+
document.querySelector(".vp-toolbar").setAttribute("data-html2canvas-ignore", ""), A = A.replace(/\s/g, "_");
|
|
5393
|
+
let e = "#drawCanvas", a = document.querySelector(e);
|
|
5393
5394
|
a.querySelectorAll("foreignObject").forEach((t) => {
|
|
5394
5395
|
t.querySelector(".textarea").style.fontFamily = this.fontFamily, t.style.color = t.querySelector(".textarea").style.color;
|
|
5395
5396
|
}), html2canvas(a).then((t) => {
|
|
@@ -5472,10 +5473,15 @@ const s2 = [], Nv = {
|
|
|
5472
5473
|
},
|
|
5473
5474
|
getSavedImage() {
|
|
5474
5475
|
document.getElementById("canvasBlob").appendChild(this.stepperStore.getCanvasImage);
|
|
5476
|
+
},
|
|
5477
|
+
prepFont() {
|
|
5478
|
+
this.content.textFont && (this.fontFamily = this.content.textFont);
|
|
5479
|
+
const A = document.createElement("style");
|
|
5480
|
+
A.textContent = `svg .textarea {font-family: ${this.fontFamily} !important;}`, document.head.appendChild(A);
|
|
5475
5481
|
}
|
|
5476
5482
|
},
|
|
5477
5483
|
mounted() {
|
|
5478
|
-
this.savedHistory ? console.log("loading saved history") : this.content.histories && this.content.animations ? (console.log("loading histories and animations"), this.suppliedHistoryAnimated()) : this.content.histories && !this.content.animations && (console.log("loading histories"), this.suppliedHistory()), this.content.toolsBottom && (console.log("moving toolbar to bottom"), document.querySelector(".vp-toolbar").classList.add("vp-toolbar-bottom"));
|
|
5484
|
+
this.savedHistory ? console.log("loading saved history") : this.content.histories && this.content.animations ? (console.log("loading histories and animations"), this.suppliedHistoryAnimated()) : this.content.histories && !this.content.animations && (console.log("loading histories"), this.suppliedHistory()), this.content.toolsBottom && (console.log("moving toolbar to bottom"), document.querySelector(".vp-toolbar").classList.add("vp-toolbar-bottom")), this.prepFont();
|
|
5479
5485
|
},
|
|
5480
5486
|
beforeMount() {
|
|
5481
5487
|
this.stepperStore = this.stepperMain(), this.savedHistorical(), this.setupTools(), this.stepperStore.resetSteps("vdr");
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
stroke-linejoin: round;
|
|
96
96
|
fill-opacity: 0;
|
|
97
97
|
}
|
|
98
|
-
`,handles:gu,snapAngles:k4}}function IA(A){const c=[C6(),z6(),V6(),x6(),M6(),L6(),F6(),y6(A),uu(),Q6()];return A!=null&&A.backgroundImage||A!=null&&A.backgroundColor?{tools:[pu({blob:A==null?void 0:A.backgroundImage,color:A==null?void 0:A.backgroundColor}),...c]}:{tools:c}}async function vu(A){return fetch(A).then(c=>c.blob())}var TA={update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:!0,timelineOffset:0},b6={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0},Cu=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"],N4={CSS:{},springs:{}};function k2(A,c,e){return Math.min(Math.max(A,c),e)}function P1(A,c){return A.indexOf(c)>-1}function U6(A,c){return A.apply(null,c)}var U={arr:function(A){return Array.isArray(A)},obj:function(A){return P1(Object.prototype.toString.call(A),"Object")},pth:function(A){return U.obj(A)&&A.hasOwnProperty("totalLength")},svg:function(A){return A instanceof SVGElement},inp:function(A){return A instanceof HTMLInputElement},dom:function(A){return A.nodeType||U.svg(A)},str:function(A){return typeof A=="string"},fnc:function(A){return typeof A=="function"},und:function(A){return typeof A>"u"},nil:function(A){return U.und(A)||A===null},hex:function(A){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(A)},rgb:function(A){return/^rgb/.test(A)},hsl:function(A){return/^hsl/.test(A)},col:function(A){return U.hex(A)||U.rgb(A)||U.hsl(A)},key:function(A){return!TA.hasOwnProperty(A)&&!b6.hasOwnProperty(A)&&A!=="targets"&&A!=="keyframes"}};function DA(A){var c=/\(([^)]+)\)/.exec(A);return c?c[1].split(",").map(function(e){return parseFloat(e)}):[]}function _A(A,c){var e=DA(A),a=k2(U.und(e[0])?1:e[0],.1,100),r=k2(U.und(e[1])?100:e[1],.1,100),t=k2(U.und(e[2])?10:e[2],.1,100),n=k2(U.und(e[3])?0:e[3],.1,100),o=Math.sqrt(r/a),i=t/(2*Math.sqrt(r*a)),f=i<1?o*Math.sqrt(1-i*i):0,l=1,h=i<1?(i*o+-n)/f:-n+o;function m(p){var d=c?c*p/1e3:p;return i<1?d=Math.exp(-d*i*o)*(l*Math.cos(f*d)+h*Math.sin(f*d)):d=(l+h*d)*Math.exp(-d*o),p===0||p===1?p:1-d}function u(){var p=N4.springs[A];if(p)return p;for(var d=1/6,v=0,g=0;;)if(v+=d,m(v)===1){if(g++,g>=16)break}else g=0;var H=v*d*1e3;return N4.springs[A]=H,H}return c?m:u}function Bu(A){return A===void 0&&(A=10),function(c){return Math.ceil(k2(c,1e-6,1)*A)*(1/A)}}var zu=function(){var A=11,c=1/(A-1);function e(l,h){return 1-3*h+3*l}function a(l,h){return 3*h-6*l}function r(l){return 3*l}function t(l,h,m){return((e(h,m)*l+a(h,m))*l+r(h))*l}function n(l,h,m){return 3*e(h,m)*l*l+2*a(h,m)*l+r(h)}function o(l,h,m,u,p){var d,v,g=0;do v=h+(m-h)/2,d=t(v,u,p)-l,d>0?m=v:h=v;while(Math.abs(d)>1e-7&&++g<10);return v}function i(l,h,m,u){for(var p=0;p<4;++p){var d=n(h,m,u);if(d===0)return h;var v=t(h,m,u)-l;h-=v/d}return h}function f(l,h,m,u){if(!(0<=l&&l<=1&&0<=m&&m<=1))return;var p=new Float32Array(A);if(l!==h||m!==u)for(var d=0;d<A;++d)p[d]=t(d*c,l,m);function v(g){for(var H=0,C=1,z=A-1;C!==z&&p[C]<=g;++C)H+=c;--C;var V=(g-p[C])/(p[C+1]-p[C]),B=H+V*c,L=n(B,l,m);return L>=.001?i(g,B,l,m):L===0?B:o(g,H,H+c,l,m)}return function(g){return l===h&&m===u||g===0||g===1?g:t(v(g),h,u)}}return f}(),KA=function(){var A={linear:function(){return function(a){return a}}},c={Sine:function(){return function(a){return 1-Math.cos(a*Math.PI/2)}},Expo:function(){return function(a){return a?Math.pow(2,10*a-10):0}},Circ:function(){return function(a){return 1-Math.sqrt(1-a*a)}},Back:function(){return function(a){return a*a*(3*a-2)}},Bounce:function(){return function(a){for(var r,t=4;a<((r=Math.pow(2,--t))-1)/11;);return 1/Math.pow(4,3-t)-7.5625*Math.pow((r*3-2)/22-a,2)}},Elastic:function(a,r){a===void 0&&(a=1),r===void 0&&(r=.5);var t=k2(a,1,10),n=k2(r,.1,2);return function(o){return o===0||o===1?o:-t*Math.pow(2,10*(o-1))*Math.sin((o-1-n/(Math.PI*2)*Math.asin(1/t))*(Math.PI*2)/n)}}},e=["Quad","Cubic","Quart","Quint"];return e.forEach(function(a,r){c[a]=function(){return function(t){return Math.pow(t,r+2)}}}),Object.keys(c).forEach(function(a){var r=c[a];A["easeIn"+a]=r,A["easeOut"+a]=function(t,n){return function(o){return 1-r(t,n)(1-o)}},A["easeInOut"+a]=function(t,n){return function(o){return o<.5?r(t,n)(o*2)/2:1-r(t,n)(o*-2+2)/2}},A["easeOutIn"+a]=function(t,n){return function(o){return o<.5?(1-r(t,n)(1-o*2))/2:(r(t,n)(o*2-1)+1)/2}}}),A}();function S6(A,c){if(U.fnc(A))return A;var e=A.split("(")[0],a=KA[e],r=DA(A);switch(e){case"spring":return _A(A,c);case"cubicBezier":return U6(zu,r);case"steps":return U6(Bu,r);default:return U6(a,r)}}function RA(A){try{var c=document.querySelectorAll(A);return c}catch{return}}function E4(A,c){for(var e=A.length,a=arguments.length>=2?arguments[1]:void 0,r=[],t=0;t<e;t++)if(t in A){var n=A[t];c.call(a,n,t,A)&&r.push(n)}return r}function I4(A){return A.reduce(function(c,e){return c.concat(U.arr(e)?I4(e):e)},[])}function OA(A){return U.arr(A)?A:(U.str(A)&&(A=RA(A)||A),A instanceof NodeList||A instanceof HTMLCollection?[].slice.call(A):[A])}function k6(A,c){return A.some(function(e){return e===c})}function N6(A){var c={};for(var e in A)c[e]=A[e];return c}function E6(A,c){var e=N6(A);for(var a in A)e[a]=c.hasOwnProperty(a)?c[a]:A[a];return e}function T4(A,c){var e=N6(A);for(var a in c)e[a]=U.und(A[a])?c[a]:A[a];return e}function Vu(A){var c=/rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(A);return c?"rgba("+c[1]+",1)":A}function wu(A){var c=/^#?([a-f\d])([a-f\d])([a-f\d])$/i,e=A.replace(c,function(o,i,f,l){return i+i+f+f+l+l}),a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e),r=parseInt(a[1],16),t=parseInt(a[2],16),n=parseInt(a[3],16);return"rgba("+r+","+t+","+n+",1)"}function Mu(A){var c=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(A)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(A),e=parseInt(c[1],10)/360,a=parseInt(c[2],10)/100,r=parseInt(c[3],10)/100,t=c[4]||1;function n(m,u,p){return p<0&&(p+=1),p>1&&(p-=1),p<1/6?m+(u-m)*6*p:p<1/2?u:p<2/3?m+(u-m)*(2/3-p)*6:m}var o,i,f;if(a==0)o=i=f=r;else{var l=r<.5?r*(1+a):r+a-r*a,h=2*r-l;o=n(h,l,e+1/3),i=n(h,l,e),f=n(h,l,e-1/3)}return"rgba("+o*255+","+i*255+","+f*255+","+t+")"}function Lu(A){if(U.rgb(A))return Vu(A);if(U.hex(A))return wu(A);if(U.hsl(A))return Mu(A)}function _2(A){var c=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(A);if(c)return c[1]}function Fu(A){if(P1(A,"translate")||A==="perspective")return"px";if(P1(A,"rotate")||P1(A,"skew"))return"deg"}function I6(A,c){return U.fnc(A)?A(c.target,c.id,c.total):A}function N2(A,c){return A.getAttribute(c)}function T6(A,c,e){var a=_2(c);if(k6([e,"deg","rad","turn"],a))return c;var r=N4.CSS[c+e];if(!U.und(r))return r;var t=100,n=document.createElement(A.tagName),o=A.parentNode&&A.parentNode!==document?A.parentNode:document.body;o.appendChild(n),n.style.position="absolute",n.style.width=t+e;var i=t/n.offsetWidth;o.removeChild(n);var f=i*parseFloat(c);return N4.CSS[c+e]=f,f}function PA(A,c,e){if(c in A.style){var a=c.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),r=A.style[c]||getComputedStyle(A).getPropertyValue(a)||"0";return e?T6(A,r,e):r}}function D6(A,c){if(U.dom(A)&&!U.inp(A)&&(!U.nil(N2(A,c))||U.svg(A)&&A[c]))return"attribute";if(U.dom(A)&&k6(Cu,c))return"transform";if(U.dom(A)&&c!=="transform"&&PA(A,c))return"css";if(A[c]!=null)return"object"}function GA(A){if(U.dom(A)){for(var c=A.style.transform||"",e=/(\w+)\(([^)]*)\)/g,a=new Map,r;r=e.exec(c);)a.set(r[1],r[2]);return a}}function yu(A,c,e,a){var r=P1(c,"scale")?1:0+Fu(c),t=GA(A).get(c)||r;return e&&(e.transforms.list.set(c,t),e.transforms.last=c),a?T6(A,t,a):t}function _6(A,c,e,a){switch(D6(A,c)){case"transform":return yu(A,c,a,e);case"css":return PA(A,c,e);case"attribute":return N2(A,c);default:return A[c]||0}}function K6(A,c){var e=/^(\*=|\+=|-=)/.exec(A);if(!e)return A;var a=_2(A)||0,r=parseFloat(c),t=parseFloat(A.replace(e[0],""));switch(e[0][0]){case"+":return r+t+a;case"-":return r-t+a;case"*":return r*t+a}}function WA(A,c){if(U.col(A))return Lu(A);if(/\s/g.test(A))return A;var e=_2(A),a=e?A.substr(0,A.length-e.length):A;return c?a+c:a}function R6(A,c){return Math.sqrt(Math.pow(c.x-A.x,2)+Math.pow(c.y-A.y,2))}function Qu(A){return Math.PI*2*N2(A,"r")}function xu(A){return N2(A,"width")*2+N2(A,"height")*2}function bu(A){return R6({x:N2(A,"x1"),y:N2(A,"y1")},{x:N2(A,"x2"),y:N2(A,"y2")})}function XA(A){for(var c=A.points,e=0,a,r=0;r<c.numberOfItems;r++){var t=c.getItem(r);r>0&&(e+=R6(a,t)),a=t}return e}function Uu(A){var c=A.points;return XA(A)+R6(c.getItem(c.numberOfItems-1),c.getItem(0))}function qA(A){if(A.getTotalLength)return A.getTotalLength();switch(A.tagName.toLowerCase()){case"circle":return Qu(A);case"rect":return xu(A);case"line":return bu(A);case"polyline":return XA(A);case"polygon":return Uu(A)}}function Su(A){var c=qA(A);return A.setAttribute("stroke-dasharray",c),c}function ku(A){for(var c=A.parentNode;U.svg(c)&&U.svg(c.parentNode);)c=c.parentNode;return c}function YA(A,c){var e=c||{},a=e.el||ku(A),r=a.getBoundingClientRect(),t=N2(a,"viewBox"),n=r.width,o=r.height,i=e.viewBox||(t?t.split(" "):[0,0,n,o]);return{el:a,viewBox:i,x:i[0]/1,y:i[1]/1,w:n,h:o,vW:i[2],vH:i[3]}}function Nu(A,c){var e=U.str(A)?RA(A)[0]:A,a=c||100;return function(r){return{property:r,el:e,svg:YA(e),totalLength:qA(e)*(a/100)}}}function Eu(A,c,e){function a(l){l===void 0&&(l=0);var h=c+l>=1?c+l:0;return A.el.getPointAtLength(h)}var r=YA(A.el,A.svg),t=a(),n=a(-1),o=a(1),i=e?1:r.w/r.vW,f=e?1:r.h/r.vH;switch(A.property){case"x":return(t.x-r.x)*i;case"y":return(t.y-r.y)*f;case"angle":return Math.atan2(o.y-n.y,o.x-n.x)*180/Math.PI}}function JA(A,c){var e=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g,a=WA(U.pth(A)?A.totalLength:A,c)+"";return{original:a,numbers:a.match(e)?a.match(e).map(Number):[0],strings:U.str(A)||c?a.split(e):[]}}function O6(A){var c=A?I4(U.arr(A)?A.map(OA):OA(A)):[];return E4(c,function(e,a,r){return r.indexOf(e)===a})}function jA(A){var c=O6(A);return c.map(function(e,a){return{target:e,id:a,total:c.length,transforms:{list:GA(e)}}})}function Iu(A,c){var e=N6(c);if(/^spring/.test(e.easing)&&(e.duration=_A(e.easing)),U.arr(A)){var a=A.length,r=a===2&&!U.obj(A[0]);r?A={value:A}:U.fnc(c.duration)||(e.duration=c.duration/a)}var t=U.arr(A)?A:[A];return t.map(function(n,o){var i=U.obj(n)&&!U.pth(n)?n:{value:n};return U.und(i.delay)&&(i.delay=o?0:c.delay),U.und(i.endDelay)&&(i.endDelay=o===t.length-1?c.endDelay:0),i}).map(function(n){return T4(n,e)})}function Tu(A){for(var c=E4(I4(A.map(function(t){return Object.keys(t)})),function(t){return U.key(t)}).reduce(function(t,n){return t.indexOf(n)<0&&t.push(n),t},[]),e={},a=function(t){var n=c[t];e[n]=A.map(function(o){var i={};for(var f in o)U.key(f)?f==n&&(i.value=o[f]):i[f]=o[f];return i})},r=0;r<c.length;r++)a(r);return e}function Du(A,c){var e=[],a=c.keyframes;a&&(c=T4(Tu(a),c));for(var r in c)U.key(r)&&e.push({name:r,tweens:Iu(c[r],A)});return e}function _u(A,c){var e={};for(var a in A){var r=I6(A[a],c);U.arr(r)&&(r=r.map(function(t){return I6(t,c)}),r.length===1&&(r=r[0])),e[a]=r}return e.duration=parseFloat(e.duration),e.delay=parseFloat(e.delay),e}function Ku(A,c){var e;return A.tweens.map(function(a){var r=_u(a,c),t=r.value,n=U.arr(t)?t[1]:t,o=_2(n),i=_6(c.target,A.name,o,c),f=e?e.to.original:i,l=U.arr(t)?t[0]:f,h=_2(l)||_2(i),m=o||h;return U.und(n)&&(n=f),r.from=JA(l,m),r.to=JA(K6(n,l),m),r.start=e?e.end:0,r.end=r.start+r.delay+r.duration+r.endDelay,r.easing=S6(r.easing,r.duration),r.isPath=U.pth(t),r.isPathTargetInsideSVG=r.isPath&&U.svg(c.target),r.isColor=U.col(r.from.original),r.isColor&&(r.round=1),e=r,r})}var $A={css:function(A,c,e){return A.style[c]=e},attribute:function(A,c,e){return A.setAttribute(c,e)},object:function(A,c,e){return A[c]=e},transform:function(A,c,e,a,r){if(a.list.set(c,e),c===a.last||r){var t="";a.list.forEach(function(n,o){t+=o+"("+n+") "}),A.style.transform=t}}};function ZA(A,c){var e=jA(A);e.forEach(function(a){for(var r in c){var t=I6(c[r],a),n=a.target,o=_2(t),i=_6(n,r,o,a),f=o||_2(i),l=K6(WA(t,f),i),h=D6(n,r);$A[h](n,r,l,a.transforms,!0)}})}function Ru(A,c){var e=D6(A.target,c.name);if(e){var a=Ku(c,A),r=a[a.length-1];return{type:e,property:c.name,animatable:A,tweens:a,duration:r.end,delay:a[0].delay,endDelay:r.endDelay}}}function Ou(A,c){return E4(I4(A.map(function(e){return c.map(function(a){return Ru(e,a)})})),function(e){return!U.und(e)})}function A5(A,c){var e=A.length,a=function(t){return t.timelineOffset?t.timelineOffset:0},r={};return r.duration=e?Math.max.apply(Math,A.map(function(t){return a(t)+t.duration})):c.duration,r.delay=e?Math.min.apply(Math,A.map(function(t){return a(t)+t.delay})):c.delay,r.endDelay=e?r.duration-Math.max.apply(Math,A.map(function(t){return a(t)+t.duration-t.endDelay})):c.endDelay,r}var c5=0;function Pu(A){var c=E6(TA,A),e=E6(b6,A),a=Du(e,A),r=jA(A.targets),t=Ou(r,a),n=A5(t,e),o=c5;return c5++,T4(c,{id:o,children:[],animatables:r,animations:t,duration:n.duration,delay:n.delay,endDelay:n.endDelay})}var y2=[],e5=function(){var A;function c(){!A&&(!a5()||!q.suspendWhenDocumentHidden)&&y2.length>0&&(A=requestAnimationFrame(e))}function e(r){for(var t=y2.length,n=0;n<t;){var o=y2[n];o.paused?(y2.splice(n,1),t--):(o.tick(r),n++)}A=n>0?requestAnimationFrame(e):void 0}function a(){q.suspendWhenDocumentHidden&&(a5()?A=cancelAnimationFrame(A):(y2.forEach(function(r){return r._onDocumentVisibility()}),e5()))}return typeof document<"u"&&document.addEventListener("visibilitychange",a),c}();function a5(){return!!document&&document.hidden}function q(A){A===void 0&&(A={});var c=0,e=0,a=0,r,t=0,n=null;function o(H){var C=window.Promise&&new Promise(function(z){return n=z});return H.finished=C,C}var i=Pu(A);o(i);function f(){var H=i.direction;H!=="alternate"&&(i.direction=H!=="normal"?"normal":"reverse"),i.reversed=!i.reversed,r.forEach(function(C){return C.reversed=i.reversed})}function l(H){return i.reversed?i.duration-H:H}function h(){c=0,e=l(i.currentTime)*(1/q.speed)}function m(H,C){C&&C.seek(H-C.timelineOffset)}function u(H){if(i.reversePlayback)for(var z=t;z--;)m(H,r[z]);else for(var C=0;C<t;C++)m(H,r[C])}function p(H){for(var C=0,z=i.animations,V=z.length;C<V;){var B=z[C],L=B.animatable,x=B.tweens,w=x.length-1,Q=x[w];w&&(Q=E4(x,function(l1){return H<l1.end})[0]||Q);for(var I=k2(H-Q.start-Q.delay,0,Q.duration)/Q.duration,K=isNaN(I)?1:Q.easing(I),S=Q.to.strings,D=Q.round,f2=[],e2=Q.to.numbers.length,N=void 0,j=0;j<e2;j++){var k=void 0,O=Q.to.numbers[j],s2=Q.from.numbers[j]||0;Q.isPath?k=Eu(Q.value,K*O,Q.isPathTargetInsideSVG):k=s2+K*(O-s2),D&&(Q.isColor&&j>2||(k=Math.round(k*D)/D)),f2.push(k)}var B2=S.length;if(!B2)N=f2[0];else{N=S[0];for(var n2=0;n2<B2;n2++){S[n2];var z2=S[n2+1],d2=f2[n2];isNaN(d2)||(z2?N+=d2+z2:N+=d2+" ")}}$A[B.type](L.target,B.property,N,L.transforms),B.currentValue=N,C++}}function d(H){i[H]&&!i.passThrough&&i[H](i)}function v(){i.remaining&&i.remaining!==!0&&i.remaining--}function g(H){var C=i.duration,z=i.delay,V=C-i.endDelay,B=l(H);i.progress=k2(B/C*100,0,100),i.reversePlayback=B<i.currentTime,r&&u(B),!i.began&&i.currentTime>0&&(i.began=!0,d("begin")),!i.loopBegan&&i.currentTime>0&&(i.loopBegan=!0,d("loopBegin")),B<=z&&i.currentTime!==0&&p(0),(B>=V&&i.currentTime!==C||!C)&&p(C),B>z&&B<V?(i.changeBegan||(i.changeBegan=!0,i.changeCompleted=!1,d("changeBegin")),d("change"),p(B)):i.changeBegan&&(i.changeCompleted=!0,i.changeBegan=!1,d("changeComplete")),i.currentTime=k2(B,0,C),i.began&&d("update"),H>=C&&(e=0,v(),i.remaining?(c=a,d("loopComplete"),i.loopBegan=!1,i.direction==="alternate"&&f()):(i.paused=!0,i.completed||(i.completed=!0,d("loopComplete"),d("complete"),!i.passThrough&&"Promise"in window&&(n(),o(i)))))}return i.reset=function(){var H=i.direction;i.passThrough=!1,i.currentTime=0,i.progress=0,i.paused=!0,i.began=!1,i.loopBegan=!1,i.changeBegan=!1,i.completed=!1,i.changeCompleted=!1,i.reversePlayback=!1,i.reversed=H==="reverse",i.remaining=i.loop,r=i.children,t=r.length;for(var C=t;C--;)i.children[C].reset();(i.reversed&&i.loop!==!0||H==="alternate"&&i.loop===1)&&i.remaining++,p(i.reversed?i.duration:0)},i._onDocumentVisibility=h,i.set=function(H,C){return ZA(H,C),i},i.tick=function(H){a=H,c||(c=a),g((a+(e-c))*q.speed)},i.seek=function(H){g(l(H))},i.pause=function(){i.paused=!0,h()},i.play=function(){i.paused&&(i.completed&&i.reset(),i.paused=!1,y2.push(i),h(),e5())},i.reverse=function(){f(),i.completed=!i.reversed,h()},i.restart=function(){i.reset(),i.play()},i.remove=function(H){var C=O6(H);t5(C,i)},i.reset(),i.autoplay&&i.play(),i}function r5(A,c){for(var e=c.length;e--;)k6(A,c[e].animatable.target)&&c.splice(e,1)}function t5(A,c){var e=c.animations,a=c.children;r5(A,e);for(var r=a.length;r--;){var t=a[r],n=t.animations;r5(A,n),!n.length&&!t.children.length&&a.splice(r,1)}!e.length&&!a.length&&c.pause()}function Gu(A){for(var c=O6(A),e=y2.length;e--;){var a=y2[e];t5(c,a)}}function Wu(A,c){c===void 0&&(c={});var e=c.direction||"normal",a=c.easing?S6(c.easing):null,r=c.grid,t=c.axis,n=c.from||0,o=n==="first",i=n==="center",f=n==="last",l=U.arr(A),h=parseFloat(l?A[0]:A),m=l?parseFloat(A[1]):0,u=_2(l?A[1]:A)||0,p=c.start||0+(l?h:0),d=[],v=0;return function(g,H,C){if(o&&(n=0),i&&(n=(C-1)/2),f&&(n=C-1),!d.length){for(var z=0;z<C;z++){if(!r)d.push(Math.abs(n-z));else{var V=i?(r[0]-1)/2:n%r[0],B=i?(r[1]-1)/2:Math.floor(n/r[0]),L=z%r[0],x=Math.floor(z/r[0]),w=V-L,Q=B-x,I=Math.sqrt(w*w+Q*Q);t==="x"&&(I=-w),t==="y"&&(I=-Q),d.push(I)}v=Math.max.apply(Math,d)}a&&(d=d.map(function(S){return a(S/v)*v})),e==="reverse"&&(d=d.map(function(S){return t?S<0?S*-1:-S:Math.abs(v-S)}))}var K=l?(m-h)/v:h;return p+K*(Math.round(d[H]*100)/100)+u}}function Xu(A){A===void 0&&(A={});var c=q(A);return c.duration=0,c.add=function(e,a){var r=y2.indexOf(c),t=c.children;r>-1&&y2.splice(r,1);function n(m){m.passThrough=!0}for(var o=0;o<t.length;o++)n(t[o]);var i=T4(e,E6(b6,A));i.targets=i.targets||A.targets;var f=c.duration;i.autoplay=!1,i.direction=c.direction,i.timelineOffset=U.und(a)?f:K6(a,f),n(c),c.seek(i.timelineOffset);var l=q(i);n(l),t.push(l);var h=A5(t,A);return c.delay=h.delay,c.endDelay=h.endDelay,c.duration=h.duration,c.seek(0),c.reset(),c.autoplay&&c.play(),c},c}q.version="3.2.1",q.speed=1,q.suspendWhenDocumentHidden=!0,q.running=y2,q.remove=Gu,q.get=_6,q.set=ZA,q.convertPx=T6,q.path=Nu,q.setDashoffset=Su,q.stagger=Wu,q.timeline=Xu,q.easing=S6,q.penner=KA,q.random=function(A,c){return Math.floor(Math.random()*(c-A+1))+A};var P6=s.defineComponent({name:"Histogram"});const qu={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},Yu=s.createVNode("path",{fill:"currentColor",d:"M416 896V128h192v768H416zm-288 0V448h192v448H128zm576 0V320h192v576H704z"},null,-1);function Ju(A,c,e,a,r,t){return s.openBlock(),s.createBlock("svg",qu,[Yu])}P6.render=Ju,P6.__file="packages/components/Histogram.vue";const s5=P6,NZ="",Y=[],ju={components:{VpEditor:yA,Histogram:s5},props:["content"],data(){return{drawer:!1,history:[],tools:Y,settings:CA(Y,{tool:this.content.defaultTool,thickness:this.content.defaultThickness,color:this.content.defaultColor,angleSnap:this.content.angleSnap}),animations:[],histories:[],savedHistory:!1,fontFamily:"Arial, sans-serif"}},computed:{},watch:{},methods:{logEvent(A){},savejpg(A,c){this.content.textFont&&(this.fontFamily=this.content.textFont),document.querySelector(".vp-toolbar").setAttribute("data-html2canvas-ignore",""),A=A.replace(/\s/g,"_");let e=".vue-paint",a=document.querySelector(e);a.querySelectorAll("foreignObject").forEach(t=>{t.querySelector(".textarea").style.fontFamily=this.fontFamily,t.style.color=t.querySelector(".textarea").style.color}),html2canvas(a).then(t=>{this.content.compare&&this.stepperStore.saveCanvasImage(t);let n={page:this.stepperStore.getCurrentPage,stepPage:this.stepperStore.getCurrentStep,history:this.history};this.stepperStore.saveHistoryDraw(n),t.toBlob(function(o){return saveAs(o,`${A}_capture.jpg`)},"image/jpeg",1)})},savedHistorical(){let A=this.stepperStore.getCurrentPage,c=this.stepperStore.getCurrentStep,a=this.stepperStore.getHistoryDraw.filter(r=>r.page===A&&r.stepPage===c);a.length>0&&(this.savedHistory=!0,a.forEach(r=>{r.history.forEach(t=>{this.history.push(t)})}))},suppliedHistory(){this.content.histories&&this.content.histories.forEach((A,c)=>{this.history.push(A)})},suppliedHistoryAnimated(){this.content.histories.forEach((e,a)=>setTimeout(()=>{this.history.push(e),q({targets:this.history[a],...this.content.animations[a],easing:"easeOutCubic",duration:800,round:1})},a*240))},setupTools(){Y.length=0,this.content.tools.forEach((A,c)=>{if(A==="allTools"&&(console.log("all tools"),IA().tools.forEach(a=>{Y.push(a)})),A==="freehand"){let e=C6();Y.find(a=>a.type===e.type)||Y.push(e)}if(A==="line"){let e=z6();Y.find(a=>a.type===e.type)||Y.push(e)}if(A==="arrow"){let e=V6();Y.find(a=>a.type===e.type)||Y.push(e)}if(A==="rectangle"){let e=M6();Y.find(a=>a.type===e.type)||Y.push(e)}if(A==="eclipse"){let e=x6();Y.find(a=>a.type===e.type)||Y.push(e)}if(A==="eraser"){let e=F6();Y.find(a=>a.type===e.type)||Y.push(e)}if(A==="move"){let e=y6();Y.find(a=>a.type===e.type)||Y.push(e)}if(A==="textarea"){let e=L6();Y.find(a=>a.type===e.type)||Y.push(e)}if(A==="keyboard-shortcuts"){let e=Q6();Y.find(a=>a.type===e.type)||Y.push(e)}}),[...new Map(Y.map(A=>[A.type,A])).values()]},getSavedImage(){document.getElementById("canvasBlob").appendChild(this.stepperStore.getCanvasImage)}},mounted(){this.savedHistory?console.log("loading saved history"):this.content.histories&&this.content.animations?(console.log("loading histories and animations"),this.suppliedHistoryAnimated()):this.content.histories&&!this.content.animations&&(console.log("loading histories"),this.suppliedHistory()),this.content.toolsBottom&&(console.log("moving toolbar to bottom"),document.querySelector(".vp-toolbar").classList.add("vp-toolbar-bottom"))},beforeMount(){this.stepperStore=this.stepperMain(),this.savedHistorical(),this.setupTools(),this.stepperStore.resetSteps("vdr")}},$u={style:{"list-style-type":"none"}},Zu=s.createElementVNode("div",{id:"testCanvas"},null,-1),Ap=s.createElementVNode("canvas",null,null,-1);function cp(A,c,e,a,r,t){const n=s.resolveComponent("vp-editor"),o=s.resolveComponent("Histogram"),i=s.resolveComponent("el-icon"),f=s.resolveComponent("el-button"),l=s.resolveComponent("el-drawer");return s.openBlock(),s.createElementBlock("div",{id:"drawCanvas",style:s.normalizeStyle("background-image: url("+e.content.backgoundImage+")")},[s.createVNode(n,{history:r.history,"onUpdate:history":c[0]||(c[0]=h=>r.history=h),settings:r.settings,tools:r.tools,onSave:c[1]||(c[1]=h=>t.savejpg(e.content.header,h)),onDrawEnd:t.logEvent},null,8,["history","settings","tools","onDrawEnd"]),e.content.viewHistory?(s.openBlock(),s.createBlock(f,{key:0,class:"history",type:"info",onClick:c[2]||(c[2]=h=>r.drawer=!0)},{default:s.withCtx(()=>[s.createVNode(i,null,{default:s.withCtx(()=>[s.createVNode(o)]),_:1})]),_:1})):s.createCommentVNode("",!0),s.createVNode(l,{modelValue:r.drawer,"onUpdate:modelValue":c[3]||(c[3]=h=>r.drawer=h),title:"Drawing history","with-header":!1,size:"80%",class:"historyList"},{default:s.withCtx(()=>[s.createElementVNode("ul",$u,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.history,h=>(s.openBlock(),s.createElementBlock("li",null,s.toDisplayString(h),1))),256))])]),_:1},8,["modelValue"]),Zu,Ap],4)}const ep=X(ju,[["render",cp]]),EZ="",J=[],ap={components:{VpEditor:yA,Histogram:s5},props:["content"],data(){return{drawer:!1,history:[],tools:J,settings:CA(J,{tool:this.content.defaultTool,thickness:this.content.defaultThickness,color:this.content.defaultColor,angleSnap:this.content.angleSnap}),animations:[],histories:[],showOverlay:!0}},computed:{drawCompare(){return!!this.content.compare},overlayButtonText(){return this.content.compare&&this.showOverlay?"Hide Overlay":"Show Overlay"}},watch:{},methods:{savejpg(A,c){document.querySelector(".vp-toolbar").setAttribute("data-html2canvas-ignore",""),A=A.replace(/\s/g,"_");let e="#drawCanvas";html2canvas(document.querySelector(e)).then(a=>{this.stepperStore.saveCanvasImage(a);let r={page:this.stepperStore.getCurrentPage,stepPage:this.stepperStore.getCurrentStep,history:this.history};this.stepperStore.saveHistoryDraw(r),a.toBlob(function(t){return saveAs(t,`${A}_capture.jpg`)},"image/jpeg",1)})},savedHistory(){let A=this.content.comparePageNum,c=this.content.compareStepNum,a=this.stepperStore.getHistoryDraw.filter(r=>r.page===A&&r.stepPage===c);a.length>0&&a.forEach(r=>{r.history.forEach(t=>{this.history.push(t)})})},suppliedHistory(){this.content.histories&&this.content.histories.forEach((A,c)=>{this.history.push(A)})},suppliedHistoryAnimated(){this.content.histories.forEach((e,a)=>setTimeout(()=>{this.history.push(e),q({targets:this.history[a],...this.content.animations[a],easing:"easeOutCubic",duration:800,round:1})},a*240))},setupTools(){J.length=0,this.content.tools.forEach((A,c)=>{if(A==="allTools"&&(console.log("all tools"),IA().tools.forEach(a=>{J.push(a)})),A==="freehand"){let e=C6();J.find(a=>a.type===e.type)||J.push(e)}if(A==="line"){let e=z6();J.find(a=>a.type===e.type)||J.push(e)}if(A==="arrow"){let e=V6();J.find(a=>a.type===e.type)||J.push(e)}if(A==="rectangle"){let e=M6();J.find(a=>a.type===e.type)||J.push(e)}if(A==="eclipse"){let e=x6();J.find(a=>a.type===e.type)||J.push(e)}if(A==="eraser"){let e=F6();J.find(a=>a.type===e.type)||J.push(e)}if(A==="move"){let e=y6();J.find(a=>a.type===e.type)||J.push(e)}if(A==="textarea"){let e=L6();J.find(a=>a.type===e.type)||J.push(e)}if(A==="keyboard-shortcuts"){let e=Q6();J.find(a=>a.type===e.type)||J.push(e)}}),[...new Map(J.map(A=>[A.type,A])).values()]},getSavedImage(){document.getElementById("canvasBlob").appendChild(this.stepperStore.getCanvasImage)}},mounted(){this.content.compare?(console.log("loading drawing history"),this.suppliedHistory()):this.content.histories&&this.content.animations?(console.log("loading histories and animations"),this.suppliedHistoryAnimated()):this.content.histories&&!this.content.animations&&(console.log("loading histories"),this.suppliedHistory()),this.content.toolsBottom&&(console.log("moving toolbar to bottom"),document.querySelector(".vp-toolbar").classList.add("vp-toolbar-bottom"))},beforeMount(){this.stepperStore=this.stepperMain(),this.savedHistory(),this.setupTools()}},rp={key:1,class:"hideCompareButtons"},tp={style:{"list-style-type":"none"}};function sp(A,c,e,a,r,t){const n=s.resolveComponent("vp-editor"),o=s.resolveComponent("el-button"),i=s.resolveComponent("Histogram"),f=s.resolveComponent("el-icon"),l=s.resolveComponent("el-drawer");return s.openBlock(),s.createElementBlock("div",{id:"drawCanvas",style:s.normalizeStyle("background-image: url("+e.content.backgoundImage+")")},[r.showOverlay?(s.openBlock(),s.createElementBlock("div",{key:0,class:"overlay",style:s.normalizeStyle("background: url("+e.content.overlay+")")},null,4)):s.createCommentVNode("",!0),s.createVNode(n,{history:r.history,"onUpdate:history":c[0]||(c[0]=h=>r.history=h),settings:r.settings,tools:r.tools,onSave:c[1]||(c[1]=h=>t.savejpg(e.content.header,h))},null,8,["history","settings","tools"]),t.drawCompare?(s.openBlock(),s.createElementBlock("div",rp,[s.createVNode(o,{size:"medium",type:"primary",onClick:c[2]||(c[2]=h=>r.showOverlay=!r.showOverlay)},{default:s.withCtx(()=>[s.createTextVNode(s.toDisplayString(t.overlayButtonText),1)]),_:1})])):s.createCommentVNode("",!0),e.content.viewHistory?(s.openBlock(),s.createBlock(o,{key:2,class:"history",type:"info",onClick:c[3]||(c[3]=h=>r.drawer=!0)},{default:s.withCtx(()=>[s.createVNode(f,null,{default:s.withCtx(()=>[s.createVNode(i)]),_:1})]),_:1})):s.createCommentVNode("",!0),s.createVNode(l,{modelValue:r.drawer,"onUpdate:modelValue":c[4]||(c[4]=h=>r.drawer=h),title:"Drawing history","with-header":!1},{default:s.withCtx(()=>[s.createElementVNode("ul",tp,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.history,h=>(s.openBlock(),s.createElementBlock("li",null,s.toDisplayString(h),1))),256))])]),_:1},8,["modelValue"])],4)}const np=X(ap,[["render",sp]]),IZ="",ip={props:["content"],data(){return{totalAttempts:99}},computed:{getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{choicesCheck(){setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.stepperStore.finishSteps()},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){this.stepperStore.getDirections.display===!1&&setTimeout(()=>{})},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-input__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},op=["src","width","height"];function lp(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock("div",null,[s.createElementVNode("iframe",{class:"importedIframe",src:"imports/"+e.content.importFolder+"/"+e.content.importIndex,allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",width:e.content.width,height:e.content.height},null,8,op)])}const fp=X(ip,[["render",lp],["__scopeId","data-v-f5bc6f4c"]]);/*!
|
|
98
|
+
`,handles:gu,snapAngles:k4}}function IA(A){const c=[C6(),z6(),V6(),x6(),M6(),L6(),F6(),y6(A),uu(),Q6()];return A!=null&&A.backgroundImage||A!=null&&A.backgroundColor?{tools:[pu({blob:A==null?void 0:A.backgroundImage,color:A==null?void 0:A.backgroundColor}),...c]}:{tools:c}}async function vu(A){return fetch(A).then(c=>c.blob())}var TA={update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:!0,timelineOffset:0},b6={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0},Cu=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"],N4={CSS:{},springs:{}};function k2(A,c,e){return Math.min(Math.max(A,c),e)}function P1(A,c){return A.indexOf(c)>-1}function U6(A,c){return A.apply(null,c)}var U={arr:function(A){return Array.isArray(A)},obj:function(A){return P1(Object.prototype.toString.call(A),"Object")},pth:function(A){return U.obj(A)&&A.hasOwnProperty("totalLength")},svg:function(A){return A instanceof SVGElement},inp:function(A){return A instanceof HTMLInputElement},dom:function(A){return A.nodeType||U.svg(A)},str:function(A){return typeof A=="string"},fnc:function(A){return typeof A=="function"},und:function(A){return typeof A>"u"},nil:function(A){return U.und(A)||A===null},hex:function(A){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(A)},rgb:function(A){return/^rgb/.test(A)},hsl:function(A){return/^hsl/.test(A)},col:function(A){return U.hex(A)||U.rgb(A)||U.hsl(A)},key:function(A){return!TA.hasOwnProperty(A)&&!b6.hasOwnProperty(A)&&A!=="targets"&&A!=="keyframes"}};function DA(A){var c=/\(([^)]+)\)/.exec(A);return c?c[1].split(",").map(function(e){return parseFloat(e)}):[]}function _A(A,c){var e=DA(A),a=k2(U.und(e[0])?1:e[0],.1,100),r=k2(U.und(e[1])?100:e[1],.1,100),t=k2(U.und(e[2])?10:e[2],.1,100),n=k2(U.und(e[3])?0:e[3],.1,100),o=Math.sqrt(r/a),i=t/(2*Math.sqrt(r*a)),f=i<1?o*Math.sqrt(1-i*i):0,l=1,h=i<1?(i*o+-n)/f:-n+o;function m(p){var d=c?c*p/1e3:p;return i<1?d=Math.exp(-d*i*o)*(l*Math.cos(f*d)+h*Math.sin(f*d)):d=(l+h*d)*Math.exp(-d*o),p===0||p===1?p:1-d}function u(){var p=N4.springs[A];if(p)return p;for(var d=1/6,v=0,g=0;;)if(v+=d,m(v)===1){if(g++,g>=16)break}else g=0;var H=v*d*1e3;return N4.springs[A]=H,H}return c?m:u}function Bu(A){return A===void 0&&(A=10),function(c){return Math.ceil(k2(c,1e-6,1)*A)*(1/A)}}var zu=function(){var A=11,c=1/(A-1);function e(l,h){return 1-3*h+3*l}function a(l,h){return 3*h-6*l}function r(l){return 3*l}function t(l,h,m){return((e(h,m)*l+a(h,m))*l+r(h))*l}function n(l,h,m){return 3*e(h,m)*l*l+2*a(h,m)*l+r(h)}function o(l,h,m,u,p){var d,v,g=0;do v=h+(m-h)/2,d=t(v,u,p)-l,d>0?m=v:h=v;while(Math.abs(d)>1e-7&&++g<10);return v}function i(l,h,m,u){for(var p=0;p<4;++p){var d=n(h,m,u);if(d===0)return h;var v=t(h,m,u)-l;h-=v/d}return h}function f(l,h,m,u){if(!(0<=l&&l<=1&&0<=m&&m<=1))return;var p=new Float32Array(A);if(l!==h||m!==u)for(var d=0;d<A;++d)p[d]=t(d*c,l,m);function v(g){for(var H=0,C=1,z=A-1;C!==z&&p[C]<=g;++C)H+=c;--C;var V=(g-p[C])/(p[C+1]-p[C]),B=H+V*c,L=n(B,l,m);return L>=.001?i(g,B,l,m):L===0?B:o(g,H,H+c,l,m)}return function(g){return l===h&&m===u||g===0||g===1?g:t(v(g),h,u)}}return f}(),KA=function(){var A={linear:function(){return function(a){return a}}},c={Sine:function(){return function(a){return 1-Math.cos(a*Math.PI/2)}},Expo:function(){return function(a){return a?Math.pow(2,10*a-10):0}},Circ:function(){return function(a){return 1-Math.sqrt(1-a*a)}},Back:function(){return function(a){return a*a*(3*a-2)}},Bounce:function(){return function(a){for(var r,t=4;a<((r=Math.pow(2,--t))-1)/11;);return 1/Math.pow(4,3-t)-7.5625*Math.pow((r*3-2)/22-a,2)}},Elastic:function(a,r){a===void 0&&(a=1),r===void 0&&(r=.5);var t=k2(a,1,10),n=k2(r,.1,2);return function(o){return o===0||o===1?o:-t*Math.pow(2,10*(o-1))*Math.sin((o-1-n/(Math.PI*2)*Math.asin(1/t))*(Math.PI*2)/n)}}},e=["Quad","Cubic","Quart","Quint"];return e.forEach(function(a,r){c[a]=function(){return function(t){return Math.pow(t,r+2)}}}),Object.keys(c).forEach(function(a){var r=c[a];A["easeIn"+a]=r,A["easeOut"+a]=function(t,n){return function(o){return 1-r(t,n)(1-o)}},A["easeInOut"+a]=function(t,n){return function(o){return o<.5?r(t,n)(o*2)/2:1-r(t,n)(o*-2+2)/2}},A["easeOutIn"+a]=function(t,n){return function(o){return o<.5?(1-r(t,n)(1-o*2))/2:(r(t,n)(o*2-1)+1)/2}}}),A}();function S6(A,c){if(U.fnc(A))return A;var e=A.split("(")[0],a=KA[e],r=DA(A);switch(e){case"spring":return _A(A,c);case"cubicBezier":return U6(zu,r);case"steps":return U6(Bu,r);default:return U6(a,r)}}function RA(A){try{var c=document.querySelectorAll(A);return c}catch{return}}function E4(A,c){for(var e=A.length,a=arguments.length>=2?arguments[1]:void 0,r=[],t=0;t<e;t++)if(t in A){var n=A[t];c.call(a,n,t,A)&&r.push(n)}return r}function I4(A){return A.reduce(function(c,e){return c.concat(U.arr(e)?I4(e):e)},[])}function OA(A){return U.arr(A)?A:(U.str(A)&&(A=RA(A)||A),A instanceof NodeList||A instanceof HTMLCollection?[].slice.call(A):[A])}function k6(A,c){return A.some(function(e){return e===c})}function N6(A){var c={};for(var e in A)c[e]=A[e];return c}function E6(A,c){var e=N6(A);for(var a in A)e[a]=c.hasOwnProperty(a)?c[a]:A[a];return e}function T4(A,c){var e=N6(A);for(var a in c)e[a]=U.und(A[a])?c[a]:A[a];return e}function Vu(A){var c=/rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(A);return c?"rgba("+c[1]+",1)":A}function wu(A){var c=/^#?([a-f\d])([a-f\d])([a-f\d])$/i,e=A.replace(c,function(o,i,f,l){return i+i+f+f+l+l}),a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e),r=parseInt(a[1],16),t=parseInt(a[2],16),n=parseInt(a[3],16);return"rgba("+r+","+t+","+n+",1)"}function Mu(A){var c=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(A)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(A),e=parseInt(c[1],10)/360,a=parseInt(c[2],10)/100,r=parseInt(c[3],10)/100,t=c[4]||1;function n(m,u,p){return p<0&&(p+=1),p>1&&(p-=1),p<1/6?m+(u-m)*6*p:p<1/2?u:p<2/3?m+(u-m)*(2/3-p)*6:m}var o,i,f;if(a==0)o=i=f=r;else{var l=r<.5?r*(1+a):r+a-r*a,h=2*r-l;o=n(h,l,e+1/3),i=n(h,l,e),f=n(h,l,e-1/3)}return"rgba("+o*255+","+i*255+","+f*255+","+t+")"}function Lu(A){if(U.rgb(A))return Vu(A);if(U.hex(A))return wu(A);if(U.hsl(A))return Mu(A)}function _2(A){var c=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(A);if(c)return c[1]}function Fu(A){if(P1(A,"translate")||A==="perspective")return"px";if(P1(A,"rotate")||P1(A,"skew"))return"deg"}function I6(A,c){return U.fnc(A)?A(c.target,c.id,c.total):A}function N2(A,c){return A.getAttribute(c)}function T6(A,c,e){var a=_2(c);if(k6([e,"deg","rad","turn"],a))return c;var r=N4.CSS[c+e];if(!U.und(r))return r;var t=100,n=document.createElement(A.tagName),o=A.parentNode&&A.parentNode!==document?A.parentNode:document.body;o.appendChild(n),n.style.position="absolute",n.style.width=t+e;var i=t/n.offsetWidth;o.removeChild(n);var f=i*parseFloat(c);return N4.CSS[c+e]=f,f}function PA(A,c,e){if(c in A.style){var a=c.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),r=A.style[c]||getComputedStyle(A).getPropertyValue(a)||"0";return e?T6(A,r,e):r}}function D6(A,c){if(U.dom(A)&&!U.inp(A)&&(!U.nil(N2(A,c))||U.svg(A)&&A[c]))return"attribute";if(U.dom(A)&&k6(Cu,c))return"transform";if(U.dom(A)&&c!=="transform"&&PA(A,c))return"css";if(A[c]!=null)return"object"}function GA(A){if(U.dom(A)){for(var c=A.style.transform||"",e=/(\w+)\(([^)]*)\)/g,a=new Map,r;r=e.exec(c);)a.set(r[1],r[2]);return a}}function yu(A,c,e,a){var r=P1(c,"scale")?1:0+Fu(c),t=GA(A).get(c)||r;return e&&(e.transforms.list.set(c,t),e.transforms.last=c),a?T6(A,t,a):t}function _6(A,c,e,a){switch(D6(A,c)){case"transform":return yu(A,c,a,e);case"css":return PA(A,c,e);case"attribute":return N2(A,c);default:return A[c]||0}}function K6(A,c){var e=/^(\*=|\+=|-=)/.exec(A);if(!e)return A;var a=_2(A)||0,r=parseFloat(c),t=parseFloat(A.replace(e[0],""));switch(e[0][0]){case"+":return r+t+a;case"-":return r-t+a;case"*":return r*t+a}}function WA(A,c){if(U.col(A))return Lu(A);if(/\s/g.test(A))return A;var e=_2(A),a=e?A.substr(0,A.length-e.length):A;return c?a+c:a}function R6(A,c){return Math.sqrt(Math.pow(c.x-A.x,2)+Math.pow(c.y-A.y,2))}function Qu(A){return Math.PI*2*N2(A,"r")}function xu(A){return N2(A,"width")*2+N2(A,"height")*2}function bu(A){return R6({x:N2(A,"x1"),y:N2(A,"y1")},{x:N2(A,"x2"),y:N2(A,"y2")})}function XA(A){for(var c=A.points,e=0,a,r=0;r<c.numberOfItems;r++){var t=c.getItem(r);r>0&&(e+=R6(a,t)),a=t}return e}function Uu(A){var c=A.points;return XA(A)+R6(c.getItem(c.numberOfItems-1),c.getItem(0))}function qA(A){if(A.getTotalLength)return A.getTotalLength();switch(A.tagName.toLowerCase()){case"circle":return Qu(A);case"rect":return xu(A);case"line":return bu(A);case"polyline":return XA(A);case"polygon":return Uu(A)}}function Su(A){var c=qA(A);return A.setAttribute("stroke-dasharray",c),c}function ku(A){for(var c=A.parentNode;U.svg(c)&&U.svg(c.parentNode);)c=c.parentNode;return c}function YA(A,c){var e=c||{},a=e.el||ku(A),r=a.getBoundingClientRect(),t=N2(a,"viewBox"),n=r.width,o=r.height,i=e.viewBox||(t?t.split(" "):[0,0,n,o]);return{el:a,viewBox:i,x:i[0]/1,y:i[1]/1,w:n,h:o,vW:i[2],vH:i[3]}}function Nu(A,c){var e=U.str(A)?RA(A)[0]:A,a=c||100;return function(r){return{property:r,el:e,svg:YA(e),totalLength:qA(e)*(a/100)}}}function Eu(A,c,e){function a(l){l===void 0&&(l=0);var h=c+l>=1?c+l:0;return A.el.getPointAtLength(h)}var r=YA(A.el,A.svg),t=a(),n=a(-1),o=a(1),i=e?1:r.w/r.vW,f=e?1:r.h/r.vH;switch(A.property){case"x":return(t.x-r.x)*i;case"y":return(t.y-r.y)*f;case"angle":return Math.atan2(o.y-n.y,o.x-n.x)*180/Math.PI}}function JA(A,c){var e=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g,a=WA(U.pth(A)?A.totalLength:A,c)+"";return{original:a,numbers:a.match(e)?a.match(e).map(Number):[0],strings:U.str(A)||c?a.split(e):[]}}function O6(A){var c=A?I4(U.arr(A)?A.map(OA):OA(A)):[];return E4(c,function(e,a,r){return r.indexOf(e)===a})}function jA(A){var c=O6(A);return c.map(function(e,a){return{target:e,id:a,total:c.length,transforms:{list:GA(e)}}})}function Iu(A,c){var e=N6(c);if(/^spring/.test(e.easing)&&(e.duration=_A(e.easing)),U.arr(A)){var a=A.length,r=a===2&&!U.obj(A[0]);r?A={value:A}:U.fnc(c.duration)||(e.duration=c.duration/a)}var t=U.arr(A)?A:[A];return t.map(function(n,o){var i=U.obj(n)&&!U.pth(n)?n:{value:n};return U.und(i.delay)&&(i.delay=o?0:c.delay),U.und(i.endDelay)&&(i.endDelay=o===t.length-1?c.endDelay:0),i}).map(function(n){return T4(n,e)})}function Tu(A){for(var c=E4(I4(A.map(function(t){return Object.keys(t)})),function(t){return U.key(t)}).reduce(function(t,n){return t.indexOf(n)<0&&t.push(n),t},[]),e={},a=function(t){var n=c[t];e[n]=A.map(function(o){var i={};for(var f in o)U.key(f)?f==n&&(i.value=o[f]):i[f]=o[f];return i})},r=0;r<c.length;r++)a(r);return e}function Du(A,c){var e=[],a=c.keyframes;a&&(c=T4(Tu(a),c));for(var r in c)U.key(r)&&e.push({name:r,tweens:Iu(c[r],A)});return e}function _u(A,c){var e={};for(var a in A){var r=I6(A[a],c);U.arr(r)&&(r=r.map(function(t){return I6(t,c)}),r.length===1&&(r=r[0])),e[a]=r}return e.duration=parseFloat(e.duration),e.delay=parseFloat(e.delay),e}function Ku(A,c){var e;return A.tweens.map(function(a){var r=_u(a,c),t=r.value,n=U.arr(t)?t[1]:t,o=_2(n),i=_6(c.target,A.name,o,c),f=e?e.to.original:i,l=U.arr(t)?t[0]:f,h=_2(l)||_2(i),m=o||h;return U.und(n)&&(n=f),r.from=JA(l,m),r.to=JA(K6(n,l),m),r.start=e?e.end:0,r.end=r.start+r.delay+r.duration+r.endDelay,r.easing=S6(r.easing,r.duration),r.isPath=U.pth(t),r.isPathTargetInsideSVG=r.isPath&&U.svg(c.target),r.isColor=U.col(r.from.original),r.isColor&&(r.round=1),e=r,r})}var $A={css:function(A,c,e){return A.style[c]=e},attribute:function(A,c,e){return A.setAttribute(c,e)},object:function(A,c,e){return A[c]=e},transform:function(A,c,e,a,r){if(a.list.set(c,e),c===a.last||r){var t="";a.list.forEach(function(n,o){t+=o+"("+n+") "}),A.style.transform=t}}};function ZA(A,c){var e=jA(A);e.forEach(function(a){for(var r in c){var t=I6(c[r],a),n=a.target,o=_2(t),i=_6(n,r,o,a),f=o||_2(i),l=K6(WA(t,f),i),h=D6(n,r);$A[h](n,r,l,a.transforms,!0)}})}function Ru(A,c){var e=D6(A.target,c.name);if(e){var a=Ku(c,A),r=a[a.length-1];return{type:e,property:c.name,animatable:A,tweens:a,duration:r.end,delay:a[0].delay,endDelay:r.endDelay}}}function Ou(A,c){return E4(I4(A.map(function(e){return c.map(function(a){return Ru(e,a)})})),function(e){return!U.und(e)})}function A5(A,c){var e=A.length,a=function(t){return t.timelineOffset?t.timelineOffset:0},r={};return r.duration=e?Math.max.apply(Math,A.map(function(t){return a(t)+t.duration})):c.duration,r.delay=e?Math.min.apply(Math,A.map(function(t){return a(t)+t.delay})):c.delay,r.endDelay=e?r.duration-Math.max.apply(Math,A.map(function(t){return a(t)+t.duration-t.endDelay})):c.endDelay,r}var c5=0;function Pu(A){var c=E6(TA,A),e=E6(b6,A),a=Du(e,A),r=jA(A.targets),t=Ou(r,a),n=A5(t,e),o=c5;return c5++,T4(c,{id:o,children:[],animatables:r,animations:t,duration:n.duration,delay:n.delay,endDelay:n.endDelay})}var y2=[],e5=function(){var A;function c(){!A&&(!a5()||!q.suspendWhenDocumentHidden)&&y2.length>0&&(A=requestAnimationFrame(e))}function e(r){for(var t=y2.length,n=0;n<t;){var o=y2[n];o.paused?(y2.splice(n,1),t--):(o.tick(r),n++)}A=n>0?requestAnimationFrame(e):void 0}function a(){q.suspendWhenDocumentHidden&&(a5()?A=cancelAnimationFrame(A):(y2.forEach(function(r){return r._onDocumentVisibility()}),e5()))}return typeof document<"u"&&document.addEventListener("visibilitychange",a),c}();function a5(){return!!document&&document.hidden}function q(A){A===void 0&&(A={});var c=0,e=0,a=0,r,t=0,n=null;function o(H){var C=window.Promise&&new Promise(function(z){return n=z});return H.finished=C,C}var i=Pu(A);o(i);function f(){var H=i.direction;H!=="alternate"&&(i.direction=H!=="normal"?"normal":"reverse"),i.reversed=!i.reversed,r.forEach(function(C){return C.reversed=i.reversed})}function l(H){return i.reversed?i.duration-H:H}function h(){c=0,e=l(i.currentTime)*(1/q.speed)}function m(H,C){C&&C.seek(H-C.timelineOffset)}function u(H){if(i.reversePlayback)for(var z=t;z--;)m(H,r[z]);else for(var C=0;C<t;C++)m(H,r[C])}function p(H){for(var C=0,z=i.animations,V=z.length;C<V;){var B=z[C],L=B.animatable,x=B.tweens,w=x.length-1,Q=x[w];w&&(Q=E4(x,function(l1){return H<l1.end})[0]||Q);for(var I=k2(H-Q.start-Q.delay,0,Q.duration)/Q.duration,K=isNaN(I)?1:Q.easing(I),S=Q.to.strings,D=Q.round,f2=[],e2=Q.to.numbers.length,N=void 0,j=0;j<e2;j++){var k=void 0,O=Q.to.numbers[j],s2=Q.from.numbers[j]||0;Q.isPath?k=Eu(Q.value,K*O,Q.isPathTargetInsideSVG):k=s2+K*(O-s2),D&&(Q.isColor&&j>2||(k=Math.round(k*D)/D)),f2.push(k)}var B2=S.length;if(!B2)N=f2[0];else{N=S[0];for(var n2=0;n2<B2;n2++){S[n2];var z2=S[n2+1],d2=f2[n2];isNaN(d2)||(z2?N+=d2+z2:N+=d2+" ")}}$A[B.type](L.target,B.property,N,L.transforms),B.currentValue=N,C++}}function d(H){i[H]&&!i.passThrough&&i[H](i)}function v(){i.remaining&&i.remaining!==!0&&i.remaining--}function g(H){var C=i.duration,z=i.delay,V=C-i.endDelay,B=l(H);i.progress=k2(B/C*100,0,100),i.reversePlayback=B<i.currentTime,r&&u(B),!i.began&&i.currentTime>0&&(i.began=!0,d("begin")),!i.loopBegan&&i.currentTime>0&&(i.loopBegan=!0,d("loopBegin")),B<=z&&i.currentTime!==0&&p(0),(B>=V&&i.currentTime!==C||!C)&&p(C),B>z&&B<V?(i.changeBegan||(i.changeBegan=!0,i.changeCompleted=!1,d("changeBegin")),d("change"),p(B)):i.changeBegan&&(i.changeCompleted=!0,i.changeBegan=!1,d("changeComplete")),i.currentTime=k2(B,0,C),i.began&&d("update"),H>=C&&(e=0,v(),i.remaining?(c=a,d("loopComplete"),i.loopBegan=!1,i.direction==="alternate"&&f()):(i.paused=!0,i.completed||(i.completed=!0,d("loopComplete"),d("complete"),!i.passThrough&&"Promise"in window&&(n(),o(i)))))}return i.reset=function(){var H=i.direction;i.passThrough=!1,i.currentTime=0,i.progress=0,i.paused=!0,i.began=!1,i.loopBegan=!1,i.changeBegan=!1,i.completed=!1,i.changeCompleted=!1,i.reversePlayback=!1,i.reversed=H==="reverse",i.remaining=i.loop,r=i.children,t=r.length;for(var C=t;C--;)i.children[C].reset();(i.reversed&&i.loop!==!0||H==="alternate"&&i.loop===1)&&i.remaining++,p(i.reversed?i.duration:0)},i._onDocumentVisibility=h,i.set=function(H,C){return ZA(H,C),i},i.tick=function(H){a=H,c||(c=a),g((a+(e-c))*q.speed)},i.seek=function(H){g(l(H))},i.pause=function(){i.paused=!0,h()},i.play=function(){i.paused&&(i.completed&&i.reset(),i.paused=!1,y2.push(i),h(),e5())},i.reverse=function(){f(),i.completed=!i.reversed,h()},i.restart=function(){i.reset(),i.play()},i.remove=function(H){var C=O6(H);t5(C,i)},i.reset(),i.autoplay&&i.play(),i}function r5(A,c){for(var e=c.length;e--;)k6(A,c[e].animatable.target)&&c.splice(e,1)}function t5(A,c){var e=c.animations,a=c.children;r5(A,e);for(var r=a.length;r--;){var t=a[r],n=t.animations;r5(A,n),!n.length&&!t.children.length&&a.splice(r,1)}!e.length&&!a.length&&c.pause()}function Gu(A){for(var c=O6(A),e=y2.length;e--;){var a=y2[e];t5(c,a)}}function Wu(A,c){c===void 0&&(c={});var e=c.direction||"normal",a=c.easing?S6(c.easing):null,r=c.grid,t=c.axis,n=c.from||0,o=n==="first",i=n==="center",f=n==="last",l=U.arr(A),h=parseFloat(l?A[0]:A),m=l?parseFloat(A[1]):0,u=_2(l?A[1]:A)||0,p=c.start||0+(l?h:0),d=[],v=0;return function(g,H,C){if(o&&(n=0),i&&(n=(C-1)/2),f&&(n=C-1),!d.length){for(var z=0;z<C;z++){if(!r)d.push(Math.abs(n-z));else{var V=i?(r[0]-1)/2:n%r[0],B=i?(r[1]-1)/2:Math.floor(n/r[0]),L=z%r[0],x=Math.floor(z/r[0]),w=V-L,Q=B-x,I=Math.sqrt(w*w+Q*Q);t==="x"&&(I=-w),t==="y"&&(I=-Q),d.push(I)}v=Math.max.apply(Math,d)}a&&(d=d.map(function(S){return a(S/v)*v})),e==="reverse"&&(d=d.map(function(S){return t?S<0?S*-1:-S:Math.abs(v-S)}))}var K=l?(m-h)/v:h;return p+K*(Math.round(d[H]*100)/100)+u}}function Xu(A){A===void 0&&(A={});var c=q(A);return c.duration=0,c.add=function(e,a){var r=y2.indexOf(c),t=c.children;r>-1&&y2.splice(r,1);function n(m){m.passThrough=!0}for(var o=0;o<t.length;o++)n(t[o]);var i=T4(e,E6(b6,A));i.targets=i.targets||A.targets;var f=c.duration;i.autoplay=!1,i.direction=c.direction,i.timelineOffset=U.und(a)?f:K6(a,f),n(c),c.seek(i.timelineOffset);var l=q(i);n(l),t.push(l);var h=A5(t,A);return c.delay=h.delay,c.endDelay=h.endDelay,c.duration=h.duration,c.seek(0),c.reset(),c.autoplay&&c.play(),c},c}q.version="3.2.1",q.speed=1,q.suspendWhenDocumentHidden=!0,q.running=y2,q.remove=Gu,q.get=_6,q.set=ZA,q.convertPx=T6,q.path=Nu,q.setDashoffset=Su,q.stagger=Wu,q.timeline=Xu,q.easing=S6,q.penner=KA,q.random=function(A,c){return Math.floor(Math.random()*(c-A+1))+A};var P6=s.defineComponent({name:"Histogram"});const qu={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},Yu=s.createVNode("path",{fill:"currentColor",d:"M416 896V128h192v768H416zm-288 0V448h192v448H128zm576 0V320h192v576H704z"},null,-1);function Ju(A,c,e,a,r,t){return s.openBlock(),s.createBlock("svg",qu,[Yu])}P6.render=Ju,P6.__file="packages/components/Histogram.vue";const s5=P6,NZ="",Y=[],ju={components:{VpEditor:yA,Histogram:s5},props:["content"],data(){return{drawer:!1,history:[],tools:Y,settings:CA(Y,{tool:this.content.defaultTool,thickness:this.content.defaultThickness,color:this.content.defaultColor,angleSnap:this.content.angleSnap}),animations:[],histories:[],savedHistory:!1,fontFamily:"Arial, sans-serif"}},computed:{},watch:{},methods:{logEvent(A){console.log(A)},savejpg(A,c){document.querySelector(".vp-toolbar").setAttribute("data-html2canvas-ignore",""),A=A.replace(/\s/g,"_");let e="#drawCanvas",a=document.querySelector(e);a.querySelectorAll("foreignObject").forEach(t=>{t.querySelector(".textarea").style.fontFamily=this.fontFamily,t.style.color=t.querySelector(".textarea").style.color}),html2canvas(a).then(t=>{this.content.compare&&this.stepperStore.saveCanvasImage(t);let n={page:this.stepperStore.getCurrentPage,stepPage:this.stepperStore.getCurrentStep,history:this.history};this.stepperStore.saveHistoryDraw(n),t.toBlob(function(o){return saveAs(o,`${A}_capture.jpg`)},"image/jpeg",1)})},savedHistorical(){let A=this.stepperStore.getCurrentPage,c=this.stepperStore.getCurrentStep,a=this.stepperStore.getHistoryDraw.filter(r=>r.page===A&&r.stepPage===c);a.length>0&&(this.savedHistory=!0,a.forEach(r=>{r.history.forEach(t=>{this.history.push(t)})}))},suppliedHistory(){this.content.histories&&this.content.histories.forEach((A,c)=>{this.history.push(A)})},suppliedHistoryAnimated(){this.content.histories.forEach((e,a)=>setTimeout(()=>{this.history.push(e),q({targets:this.history[a],...this.content.animations[a],easing:"easeOutCubic",duration:800,round:1})},a*240))},setupTools(){Y.length=0,this.content.tools.forEach((A,c)=>{if(A==="allTools"&&(console.log("all tools"),IA().tools.forEach(a=>{Y.push(a)})),A==="freehand"){let e=C6();Y.find(a=>a.type===e.type)||Y.push(e)}if(A==="line"){let e=z6();Y.find(a=>a.type===e.type)||Y.push(e)}if(A==="arrow"){let e=V6();Y.find(a=>a.type===e.type)||Y.push(e)}if(A==="rectangle"){let e=M6();Y.find(a=>a.type===e.type)||Y.push(e)}if(A==="eclipse"){let e=x6();Y.find(a=>a.type===e.type)||Y.push(e)}if(A==="eraser"){let e=F6();Y.find(a=>a.type===e.type)||Y.push(e)}if(A==="move"){let e=y6();Y.find(a=>a.type===e.type)||Y.push(e)}if(A==="textarea"){let e=L6();Y.find(a=>a.type===e.type)||Y.push(e)}if(A==="keyboard-shortcuts"){let e=Q6();Y.find(a=>a.type===e.type)||Y.push(e)}}),[...new Map(Y.map(A=>[A.type,A])).values()]},getSavedImage(){document.getElementById("canvasBlob").appendChild(this.stepperStore.getCanvasImage)},prepFont(){this.content.textFont&&(this.fontFamily=this.content.textFont);const A=document.createElement("style");A.textContent=`svg .textarea {font-family: ${this.fontFamily} !important;}`,document.head.appendChild(A)}},mounted(){this.savedHistory?console.log("loading saved history"):this.content.histories&&this.content.animations?(console.log("loading histories and animations"),this.suppliedHistoryAnimated()):this.content.histories&&!this.content.animations&&(console.log("loading histories"),this.suppliedHistory()),this.content.toolsBottom&&(console.log("moving toolbar to bottom"),document.querySelector(".vp-toolbar").classList.add("vp-toolbar-bottom")),this.prepFont()},beforeMount(){this.stepperStore=this.stepperMain(),this.savedHistorical(),this.setupTools(),this.stepperStore.resetSteps("vdr")}},$u={style:{"list-style-type":"none"}},Zu=s.createElementVNode("div",{id:"testCanvas"},null,-1),Ap=s.createElementVNode("canvas",null,null,-1);function cp(A,c,e,a,r,t){const n=s.resolveComponent("vp-editor"),o=s.resolveComponent("Histogram"),i=s.resolveComponent("el-icon"),f=s.resolveComponent("el-button"),l=s.resolveComponent("el-drawer");return s.openBlock(),s.createElementBlock("div",{id:"drawCanvas",style:s.normalizeStyle("background-image: url("+e.content.backgoundImage+")")},[s.createVNode(n,{history:r.history,"onUpdate:history":c[0]||(c[0]=h=>r.history=h),settings:r.settings,tools:r.tools,onSave:c[1]||(c[1]=h=>t.savejpg(e.content.header,h)),onDrawEnd:t.logEvent},null,8,["history","settings","tools","onDrawEnd"]),e.content.viewHistory?(s.openBlock(),s.createBlock(f,{key:0,class:"history",type:"info",onClick:c[2]||(c[2]=h=>r.drawer=!0)},{default:s.withCtx(()=>[s.createVNode(i,null,{default:s.withCtx(()=>[s.createVNode(o)]),_:1})]),_:1})):s.createCommentVNode("",!0),s.createVNode(l,{modelValue:r.drawer,"onUpdate:modelValue":c[3]||(c[3]=h=>r.drawer=h),title:"Drawing history","with-header":!1,size:"80%",class:"historyList"},{default:s.withCtx(()=>[s.createElementVNode("ul",$u,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.history,h=>(s.openBlock(),s.createElementBlock("li",null,s.toDisplayString(h),1))),256))])]),_:1},8,["modelValue"]),Zu,Ap],4)}const ep=X(ju,[["render",cp]]),EZ="",J=[],ap={components:{VpEditor:yA,Histogram:s5},props:["content"],data(){return{drawer:!1,history:[],tools:J,settings:CA(J,{tool:this.content.defaultTool,thickness:this.content.defaultThickness,color:this.content.defaultColor,angleSnap:this.content.angleSnap}),animations:[],histories:[],showOverlay:!0}},computed:{drawCompare(){return!!this.content.compare},overlayButtonText(){return this.content.compare&&this.showOverlay?"Hide Overlay":"Show Overlay"}},watch:{},methods:{savejpg(A,c){document.querySelector(".vp-toolbar").setAttribute("data-html2canvas-ignore",""),A=A.replace(/\s/g,"_");let e="#drawCanvas";html2canvas(document.querySelector(e)).then(a=>{this.stepperStore.saveCanvasImage(a);let r={page:this.stepperStore.getCurrentPage,stepPage:this.stepperStore.getCurrentStep,history:this.history};this.stepperStore.saveHistoryDraw(r),a.toBlob(function(t){return saveAs(t,`${A}_capture.jpg`)},"image/jpeg",1)})},savedHistory(){let A=this.content.comparePageNum,c=this.content.compareStepNum,a=this.stepperStore.getHistoryDraw.filter(r=>r.page===A&&r.stepPage===c);a.length>0&&a.forEach(r=>{r.history.forEach(t=>{this.history.push(t)})})},suppliedHistory(){this.content.histories&&this.content.histories.forEach((A,c)=>{this.history.push(A)})},suppliedHistoryAnimated(){this.content.histories.forEach((e,a)=>setTimeout(()=>{this.history.push(e),q({targets:this.history[a],...this.content.animations[a],easing:"easeOutCubic",duration:800,round:1})},a*240))},setupTools(){J.length=0,this.content.tools.forEach((A,c)=>{if(A==="allTools"&&(console.log("all tools"),IA().tools.forEach(a=>{J.push(a)})),A==="freehand"){let e=C6();J.find(a=>a.type===e.type)||J.push(e)}if(A==="line"){let e=z6();J.find(a=>a.type===e.type)||J.push(e)}if(A==="arrow"){let e=V6();J.find(a=>a.type===e.type)||J.push(e)}if(A==="rectangle"){let e=M6();J.find(a=>a.type===e.type)||J.push(e)}if(A==="eclipse"){let e=x6();J.find(a=>a.type===e.type)||J.push(e)}if(A==="eraser"){let e=F6();J.find(a=>a.type===e.type)||J.push(e)}if(A==="move"){let e=y6();J.find(a=>a.type===e.type)||J.push(e)}if(A==="textarea"){let e=L6();J.find(a=>a.type===e.type)||J.push(e)}if(A==="keyboard-shortcuts"){let e=Q6();J.find(a=>a.type===e.type)||J.push(e)}}),[...new Map(J.map(A=>[A.type,A])).values()]},getSavedImage(){document.getElementById("canvasBlob").appendChild(this.stepperStore.getCanvasImage)}},mounted(){this.content.compare?(console.log("loading drawing history"),this.suppliedHistory()):this.content.histories&&this.content.animations?(console.log("loading histories and animations"),this.suppliedHistoryAnimated()):this.content.histories&&!this.content.animations&&(console.log("loading histories"),this.suppliedHistory()),this.content.toolsBottom&&(console.log("moving toolbar to bottom"),document.querySelector(".vp-toolbar").classList.add("vp-toolbar-bottom"))},beforeMount(){this.stepperStore=this.stepperMain(),this.savedHistory(),this.setupTools()}},rp={key:1,class:"hideCompareButtons"},tp={style:{"list-style-type":"none"}};function sp(A,c,e,a,r,t){const n=s.resolveComponent("vp-editor"),o=s.resolveComponent("el-button"),i=s.resolveComponent("Histogram"),f=s.resolveComponent("el-icon"),l=s.resolveComponent("el-drawer");return s.openBlock(),s.createElementBlock("div",{id:"drawCanvas",style:s.normalizeStyle("background-image: url("+e.content.backgoundImage+")")},[r.showOverlay?(s.openBlock(),s.createElementBlock("div",{key:0,class:"overlay",style:s.normalizeStyle("background: url("+e.content.overlay+")")},null,4)):s.createCommentVNode("",!0),s.createVNode(n,{history:r.history,"onUpdate:history":c[0]||(c[0]=h=>r.history=h),settings:r.settings,tools:r.tools,onSave:c[1]||(c[1]=h=>t.savejpg(e.content.header,h))},null,8,["history","settings","tools"]),t.drawCompare?(s.openBlock(),s.createElementBlock("div",rp,[s.createVNode(o,{size:"medium",type:"primary",onClick:c[2]||(c[2]=h=>r.showOverlay=!r.showOverlay)},{default:s.withCtx(()=>[s.createTextVNode(s.toDisplayString(t.overlayButtonText),1)]),_:1})])):s.createCommentVNode("",!0),e.content.viewHistory?(s.openBlock(),s.createBlock(o,{key:2,class:"history",type:"info",onClick:c[3]||(c[3]=h=>r.drawer=!0)},{default:s.withCtx(()=>[s.createVNode(f,null,{default:s.withCtx(()=>[s.createVNode(i)]),_:1})]),_:1})):s.createCommentVNode("",!0),s.createVNode(l,{modelValue:r.drawer,"onUpdate:modelValue":c[4]||(c[4]=h=>r.drawer=h),title:"Drawing history","with-header":!1},{default:s.withCtx(()=>[s.createElementVNode("ul",tp,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(r.history,h=>(s.openBlock(),s.createElementBlock("li",null,s.toDisplayString(h),1))),256))])]),_:1},8,["modelValue"])],4)}const np=X(ap,[["render",sp]]),IZ="",ip={props:["content"],data(){return{totalAttempts:99}},computed:{getAttempt(){return this.stepperStore.getAttempts},getShowFeedbackAttempts(){return this.stepperStore.getShowFeedbackAttempts}},methods:{choicesCheck(){setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()})},choicesComplete(){this.stepperStore.finishSteps()},showFeedback(){return!!this.stepperStore.getShowFeedback}},mounted(){this.stepperStore.getDirections.display===!1&&setTimeout(()=>{})},beforeMount(){this.stepperStore=this.stepperMain(),this.stepperStore.resetSteps("el-input__inner"),this.content.attempts&&(this.totalAttempts=this.content.attempts)}},op=["src","width","height"];function lp(A,c,e,a,r,t){return s.openBlock(),s.createElementBlock("div",null,[s.createElementVNode("iframe",{class:"importedIframe",src:"imports/"+e.content.importFolder+"/"+e.content.importIndex,allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",width:e.content.width,height:e.content.height},null,8,op)])}const fp=X(ip,[["render",lp],["__scopeId","data-v-f5bc6f4c"]]);/*!
|
|
99
99
|
* html2canvas 1.4.1 <https://html2canvas.hertzen.com>
|
|
100
100
|
* Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
|
|
101
101
|
* Released under MIT License
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.image-uploader{display:flex;flex-direction:column;align-items:center;border:1px solid gray;width:53%;background-color:#cecece;margin:0 auto;height:300px;box-shadow:#0000001a 0 4px 12px}.your-file{display:flex;justify-content:center;align-items:center;margin-top:20px}img{width:80%}header{display:flex;justify-content:center;align-items:center;height:40px;margin-top:10px;margin-bottom:10px}#app .image-container[data-v-9c649cb5]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-9c649cb5]{height:100%}#app .image-container .image img[data-v-9c649cb5]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-9c649cb5],#app .image-container.captions[data-v-9c649cb5]{margin-bottom:20px}#app .image-container.copyright[data-v-9c649cb5],#app .image-container.captions[data-v-9c649cb5]{margin-bottom:40px}#app .image-container .captionHeader[data-v-9c649cb5]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-9c649cb5]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-9c649cb5]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .image-container[data-v-8a2b22b7]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-8a2b22b7]{height:100%}#app .image-container .image img[data-v-8a2b22b7]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-8a2b22b7],#app .image-container.captions[data-v-8a2b22b7]{margin-bottom:20px}#app .image-container.copyright[data-v-8a2b22b7],#app .image-container.captions[data-v-8a2b22b7]{margin-bottom:40px}#app .image-container .captionHeader[data-v-8a2b22b7]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-8a2b22b7]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-8a2b22b7]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .giffyPng[data-v-8a2b22b7],#app .giffyGif[data-v-8a2b22b7]{position:unset;top:unset;left:unset}#app .giffyGif[data-v-8a2b22b7]{z-index:unset}#app .gAnimBg[data-v-8a2b22b7]{display:block;position:relative;cursor:pointer;background:none;border:none;padding:0;margin-bottom:20px;max-width:100%}#app .playButtonStyles[data-v-8a2b22b7]{width:60px;height:60px;border-radius:30px;background:rgba(0,0,0,.7);position:absolute;top:50%;left:50%;margin:-30px;z-index:1}#app .playButtonStyles.dark[data-v-8a2b22b7]{background:rgba(255,255,255,.7)}#app .playButtonIconStyles[data-v-8a2b22b7]{width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:14px solid rgba(255,255,255,.7);position:absolute;left:26px;top:16px}#app .playButtonIconStyles.dark[data-v-8a2b22b7]{border-left:14px solid rgba(0,0,0,.7)}#app .pauseButtonStyles[data-v-8a2b22b7]{width:60px;height:60px;border-radius:30px;background:rgba(0,0,0,.7);position:absolute;top:50%;left:50%;margin:-30px;z-index:1}#app .pauseButtonStyles.dark[data-v-8a2b22b7]{background:rgba(255,255,255,.7)}#app .pauseButtonIconStyles[data-v-8a2b22b7]{width:0;height:30px;border-style:double;border-color:#ffffffb3;border-width:0 0 0 30px;position:absolute;left:15px;top:15px}#app .pauseButtonIconStyles.dark[data-v-8a2b22b7]{border-color:#000000b3}#app .screenReaderAlt[data-v-8a2b22b7]{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}#app .screenReaderAlt .gAnim-alt[data-v-8a2b22b7]{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.kContainer{position:relative;height:90%}.kContainer iframe{margin:0}.kContainer .mainVersion{margin:auto;position:relative;display:block}.kContainer .mainVersion .kAudiobtn{width:30px;height:30px;position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kAudiobtn .kButton.audiobtn{position:absolute;height:30px;width:30px;background:url(//cdn.flvs.net/course_view/1_0/dist/images/kaltura_audio_button.png) 0 0 no-repeat;z-index:900;cursor:pointer}.kContainer .mainVersion .kAudio{width:260px;height:38px;position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kAudio .kButton.audio{position:absolute;height:40px;width:260px;background:url(//cdn.flvs.net/course_view/1_0/dist/images/kaltura_audio_standard.png) 0 0 no-repeat;z-index:900;cursor:pointer}.kContainer .mainVersion .audioIframe,.kContainer .mainVersion .audiobtnIframe{position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kPoster{position:absolute;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kPoster .active{display:none;visibility:hidden}.kContainer .mainVersion .kPoster .kButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(//cdn.flvs.net/course_view/1_0/dist/images/player_big_play_button.png) 0 0 no-repeat;z-index:900;width:70px;height:53px;cursor:pointer}.kContainer .mainVersion .kPoster img{position:absolute;top:0;left:0;z-index:899;height:100%;width:100%;border:1px solid #000;max-height:100%;max-width:100%}.kContainer .mainVersion .kPoster .videoIframe{z-index:897}.kContainer .mainVersion .videoIframe{position:absolute;transition:opacity .4s ease;left:50%;transform:translate(-50%);z-index:897}.kContainer button.toggleSwitch,.kContainer button.toggleSwitchFT{margin-top:0;min-width:180px;position:relative;left:50%;transform:translate(-50%)}.kContainer .kCopyright{font-size:10px;text-align:right;width:200px;position:absolute;bottom:-30px;right:0;padding:8px}.kContainer .kCopyright.kCopyrightAudio{bottom:4px}.kContainer .largePlayBtn{display:none}.kContainer .textVersion{overflow-y:auto;height:calc(100% - 10px);margin-bottom:6px}.fade-enter-active,.fade-leave-active{transition:opacity .8s}.fade-enter,.fade-leave-to{opacity:0}#app .image-compare[data-v-ca834e68]{position:relative;display:block;margin-bottom:10px}#app .image-compare .el-slider[data-v-ca834e68]{--el-slider-main-bg-color: none;--el-slider-runway-bg-color: none}#app .image-compare .captionAreaLeft[data-v-ca834e68],#app .image-compare .captionAreaRight[data-v-ca834e68]{background:white}#app .image-compare .imageSlide[data-v-ca834e68]{position:absolute;z-index:999;top:46%}#app .image-compare .imageSlide.is-vertical[data-v-ca834e68]{top:0%;height:100%;left:47%}#app .image-compare .image[data-v-ca834e68]{height:100%;position:relative}#app .image-compare .image .imageLeft[data-v-ca834e68]{overflow:hidden;position:absolute;width:100%}#app .image-compare .image .imageLeft img[data-v-ca834e68]{width:unset;height:unset}#app .image-compare .image .imageLeft[data-v-ca834e68]{left:0;border-right:3px solid white}#app .image-compare .image .imageLeft.is-vertical[data-v-ca834e68]{border-right:0;border-bottom:3px solid white}#app .image-compare .image .imageLeft.dark[data-v-ca834e68]{border-color:#000}#app .image-compare .image .imageRight[data-v-ca834e68]{width:unset;height:unset}#app .image-compare .captionAreaLeft .captionHeader[data-v-ca834e68],#app .image-compare .captionAreaRight .captionHeader[data-v-ca834e68]{font-size:20px;text-align:center;display:block;margin-bottom:10px;white-space:nowrap}#app .image-compare .captionAreaLeft .caption[data-v-ca834e68],#app .image-compare .captionAreaRight .caption[data-v-ca834e68]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-compare .captionAreaLeft .copyright[data-v-ca834e68],#app .image-compare .captionAreaRight .copyright[data-v-ca834e68]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .image-compare .captionAreaLeft .captionHeader[data-v-ca834e68],#app .image-compare .captionAreaLeft .caption[data-v-ca834e68],#app .image-compare .captionAreaLeft .copyright[data-v-ca834e68]{white-space:nowrap}#app div.imageMarker[data-v-593ecc67]{position:relative;height:100%;border-radius:6px}#app div.imageMarker img[data-v-593ecc67]{width:100%;max-width:100%;max-height:100%;border-radius:6px}#app div.imageMarker .hotspotArea[data-v-593ecc67]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageMarker .hotspotArea .el-button.hotspot[data-v-593ecc67]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset}#app div.imageMarker .hotspotArea .el-button.hotspot.noBG[data-v-593ecc67]{background-color:transparent}#app div.imageMarker .hotspotArea .el-button.hotspot .big_green[data-v-593ecc67]{position:absolute;height:40px;width:40px;top:-20px;right:-14px;background:url(data:image/png;base64,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) 0 0 no-repeat;background-size:cover}#app div.imageMarker .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-593ecc67]{position:absolute;top:0;left:0}#app div.imageReplacer[data-v-d6c87f03]{position:relative;height:calc(100% - 40px)}#app div.imageReplacer .el-col[data-v-d6c87f03]{position:relative;height:100%}#app div.imageReplacer img[data-v-d6c87f03]{width:100%;max-width:100%}#app div.imageReplacer .hotspotArea[data-v-d6c87f03]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot[data-v-d6c87f03]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset;background:transparent;border:none}#app div.imageReplacer .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-d6c87f03]{position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot span.im-buttonText[data-v-d6c87f03]{position:absolute;left:17px;top:12px}#app .image-slider[data-v-5c5bbbef]{position:relative;display:flex;margin-bottom:10px;height:inherit;flex-direction:column}#app .image-slider .image[data-v-5c5bbbef]{height:inherit;margin:auto}#app .image-slider .image img[data-v-5c5bbbef]{width:unset;height:100%}#app .image-slider .image .copyright[data-v-5c5bbbef],#app .image-slider .image .captions[data-v-5c5bbbef]{margin-bottom:20px}#app .image-slider .image .captionHeader[data-v-5c5bbbef]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-slider .image .caption[data-v-5c5bbbef]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-slider .image .copyright[data-v-5c5bbbef]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .image-slider.verticalSlider[data-v-5c5bbbef]{flex-direction:unset}#app .image-slider.verticalSlider .image[data-v-5c5bbbef]{width:inherit;height:unset;margin:auto}#app .image-slider.verticalSlider .image img[data-v-5c5bbbef]{width:100%;height:unset}#app .image-slider .imageSlide[data-v-5c5bbbef]{width:90%;margin:auto auto 20px}#app .image-slider .imageSlide .el-slider__button-wrapper[data-v-5c5bbbef]{display:none;left:8px}#app .image-slider .imageSlide .el-slider__button-wrapper .el-slider__button[data-v-5c5bbbef]{display:none}#app .image-slider .imageSlide.is-vertical[data-v-5c5bbbef]{height:98%;width:unset}#app .imageCompare[data-v-0f3f694e]{overflow:hidden;position:relative}#app .imageCompare .overlay[data-v-0f3f694e]{position:absolute;height:100%;width:100%;z-index:99}#app .imageCompare #canvasBlob[data-v-0f3f694e]{top:-52px;position:relative}#app .imageCompare .hideCompareButtons[data-v-0f3f694e]{height:40px;width:fit-content;text-align:left;position:absolute;bottom:70px;right:10px;z-index:9999}.el-dialog{border-radius:6px}.el-dialog .el-dialog__header .el-dialog__title{color:#000;font-size:1.5rem}.el-dialog .el-dialog__header .el-dialog__headerbtn{top:8px;right:8px;border:1px solid #404040;border-radius:4px;background:#feec86;color:#000;font-weight:400;box-shadow:2px 2px 6px #0000004d;transition:background .5s,color .5s}.el-dialog .el-dialog__header .el-dialog__headerbtn:hover,.el-dialog .el-dialog__header .el-dialog__headerbtn:focus,.el-dialog .el-dialog__header .el-dialog__headerbtn:active{color:#404040;background:#fff;border-color:#2a2a2a}.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#000;font-size:18px}.el-dialog .el-dialog__body{color:#212529;font-size:1rem;word-break:normal}#app div.drop-down{background:white;margin:0 0 40px;padding:10px}#app div.drop-down p span{display:inline-block}#app div.drop-down p span .el-input{display:inline-block;margin-right:-10px}#app div.fill-blank{background:white;margin:0 0 40px;padding:10px}#app div.fill-blank .el-input{display:inline-block;margin-right:-10px}#app div.selectable .selectArea[data-v-73407ea6]{text-align:center}#app div.selectable .selectArea .selectableButton[data-v-73407ea6]{text-align:left}#app div.selectable .selectArea .selectableButton .buttonSpan[data-v-73407ea6]{display:flex;height:100%}#app div.selectable .selectArea .selectableButton .buttonSpan img.im-ButtonImage[data-v-73407ea6]{max-height:98%;margin-right:8px}#app div.textbox{position:absolute;background:white;margin:0 0 40px;width:100%;padding:20px 10px}#app div.textbox .el-input{display:inline-block;margin-right:-10px}#app div.menu-chooser{background:white;margin:0 0 40px;padding:20px 10px}#app div.menu-chooser p span{display:inline-block}#app div.menu-chooser .jl-menu{width:100%;display:flex;flex-wrap:nowrap;border-right:none;list-style:none;position:relative;margin:0;padding-left:0;background-color:#555c66;box-sizing:border-box;height:60px;z-index:1002}#app div.menu-chooser .jl-menu button.jl-menu-sub,#app div.menu-chooser .jl-menu button.jl-menu-item{height:100%;background-color:#555c66;color:#fff;padding:0 12px;position:relative;white-space:nowrap;border:none}#app div.menu-chooser .jl-menu button.jl-menu-sub:focus,#app div.menu-chooser .jl-menu button.jl-menu-sub:hover,#app div.menu-chooser .jl-menu button.jl-menu-sub:active,#app div.menu-chooser .jl-menu button.jl-menu-item:focus,#app div.menu-chooser .jl-menu button.jl-menu-item:hover,#app div.menu-chooser .jl-menu button.jl-menu-item:active{background-color:#6b7077;color:#fff;outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:-4px}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu{display:none;width:100px;margin:0;padding:0;background-color:#555c66;border:1px solid white;color:#fff;box-sizing:border-box;position:absolute;top:64px}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu.jl-menu-sub_show{display:block}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item{background-color:#555c66;color:#fff;padding:6px;display:block;border:0;width:100%;text-align:left}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub:active,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item:active{background-color:#6b7077;color:#fff;outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:-4px}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu{display:none;width:180px;background:#555c66;color:#fff;border:1px solid white;position:absolute;top:0;left:106px;margin:0;padding:0}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu.jl-menu-sub-sub_show{display:block}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item{background-color:#555c66;color:#fff;padding:6px;display:block;border:0;width:100%;text-align:left}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub:active,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item:active{background-color:#6b7077;color:#fff;outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:-4px}#app div.menu-chooser .nav-mask{top:0;left:0;z-index:1001;overflow:hidden;position:fixed;width:100%;height:100%;background-color:#0003;transition:opacity .3s ease}.vdr{position:absolute;box-sizing:border-box}.vdr.active:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;box-sizing:border-box;outline:1px dashed #d6d6d6}.vdr-stick{box-sizing:border-box;position:absolute;font-size:1px;background:#ffffff;border:1px solid #6c6c6c;box-shadow:0 0 2px #bbb}.inactive .vdr-stick{display:none}.vdr-stick-tl,.vdr-stick-br{cursor:nwse-resize}.vdr-stick-tm,.vdr-stick-bm{left:50%;cursor:ns-resize}.vdr-stick-tr,.vdr-stick-bl{cursor:nesw-resize}.vdr-stick-ml,.vdr-stick-mr{top:50%;cursor:ew-resize}.vdr-stick.not-resizable{display:none}.content-container{display:block;position:relative}#app div.fridgemagnet{position:relative;margin-bottom:12px;height:100%;width:100%}#app div.fridgemagnet .fridge{width:100%;height:100%;position:absolute;top:0;left:0}#app div.fridgemagnet .fridge.no_outline .vdr.active:before{content:none}#app div.fridgemagnet .fridge .vdr:focus{outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:2px}#app div.fridgemagnet .fridge .vdr .content-container{width:100%;max-width:100%;max-height:100%;border-radius:6px}#app div.fridgemagnet .fridge .vdr .content-container img{max-width:100%;max-height:100%}#app div.fridgemagnet .fridge .vdr .content-container p{margin:0}#app div.dragDrop .draggable{border:1px solid black;margin-right:5px}#app div.dragDrop .draggable .list-group-item{height:100%;width:100%}#app div.dragDrop .draggable button.dragItems-button{width:100%;height:100%;background:transparent;border:none}#app div.dragDrop .draggable button.dragItems-button:focus,#app div.dragDrop .draggable button.dragItems-button:hover,#app div.dragDrop .draggable button.dragItems-button:active{outline:3px #3733a6 dashed!important}#app #preload{display:none;visibility:hidden}#app div.dragDrop{position:relative;margin-bottom:12px}#app div.dragDrop .dragItems{margin-right:5px;height:80px}#app div.dragDrop .dragItems .dragItem{background:transparent;border:none;float:left;height:100%;margin-right:20px}#app div.dragDrop .dragItems .dragItem button{height:100%}#app div.dragDrop .dragItems .dragItem button:focus,#app div.dragDrop .dragItems .dragItem button:hover,#app div.dragDrop .dragItems .dragItem button:active{outline:2px #3733a6 dashed!important}#app div.dragDrop .dragItems .dragItem button img{max-height:100%}#app div.dragDrop .dropBins{height:80px;width:80px;float:left}#app div.dragDrop .dropBins .sortable_ghost{position:absolute}#app div.dragDrop .dropBins .sortable-chosen,#app div.dragDrop .dropBins .sortable-chosen button{height:100%}#app div.dragDrop .dropBins .sortable-chosen button img{max-height:100%}#app div.dragDrop .dropBins .dropBin,#app div.dragDrop .dropBins .dropBin button{height:100%}#app div.dragDrop .dropBins .dropBin button img{max-height:100%}#app div.dragDrop #target{border:1px solid black;width:95vw;height:100px;padding:5px}#app div.dragDrop .hiddenDiv{position:fixed;margin-top:-99999px}#app div.dragDrop .draggingItems{display:none}#drawCanvas{background-repeat:no-repeat;border:2px groove #626161}#drawCanvas .vp-toolbar{position:absolute;top:0;width:100%;margin-top:.25em;display:flex;justify-content:center;flex-wrap:wrap;gap:.25em .5em!important}#drawCanvas .historyList li{margin-bottom:14px}#drawCanvas svg .textarea{font-family:Arial,sans-serif!important;font-size:1rem;padding:1px;cursor:inherit}#drawCanvas{position:relative;background-repeat:no-repeat;border:2px groove #626161}#drawCanvas .vp-editor{max-width:100%;height:auto;position:relative;cursor:crosshair;font-size:1rem}#drawCanvas .vp-image{margin:0;width:100%}#drawCanvas .vp-toolbar{position:absolute;top:0;width:100%;margin-top:.25em;display:flex;justify-content:center;flex-wrap:wrap;gap:.25em 1em}#drawCanvas .vp-toolbar.vp-toolbar-bottom{top:unset;bottom:-40px}#drawCanvas .vp-toolbar div{display:flex;gap:.25em}#drawCanvas .vp-toolbar button,#drawCanvas .vp-toolbar input[type=color]{background:#eee;outline:none;width:30px;height:30px;border-radius:50%;border:1px solid #aaa;box-shadow:0 .2em .3em #0003;cursor:pointer;display:flex;align-items:center;justify-content:center}#drawCanvas .vp-toolbar input[type=color]:hover,#drawCanvas .vp-toolbar button:hover,#drawCanvas .vp-toolbar button.active{background:#ddd;border:1px solid #999;box-shadow:0 .2em .3em #bbb}#drawCanvas .vp-toolbar .textarea{font-family:Arial,sans-serif;font-size:1rem;padding:1px;cursor:inherit}#drawCanvas .overlay{position:absolute;height:100%;width:100%;z-index:99}#drawCanvas #canvasBlob{top:-52px;position:relative}#drawCanvas .hideCompareButtons{height:40px;width:fit-content;text-align:left;position:absolute;bottom:70px;right:10px;z-index:9999}#drawCanvas .history{position:absolute;bottom:-140px;right:0px}.stepperPrintButtons{display:none!important;visibility:hidden!important}iframe[data-v-f5bc6f4c]{border:none}
|
|
1
|
+
.image-uploader{display:flex;flex-direction:column;align-items:center;border:1px solid gray;width:53%;background-color:#cecece;margin:0 auto;height:300px;box-shadow:#0000001a 0 4px 12px}.your-file{display:flex;justify-content:center;align-items:center;margin-top:20px}img{width:80%}header{display:flex;justify-content:center;align-items:center;height:40px;margin-top:10px;margin-bottom:10px}#app .image-container[data-v-9c649cb5]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-9c649cb5]{height:100%}#app .image-container .image img[data-v-9c649cb5]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-9c649cb5],#app .image-container.captions[data-v-9c649cb5]{margin-bottom:20px}#app .image-container.copyright[data-v-9c649cb5],#app .image-container.captions[data-v-9c649cb5]{margin-bottom:40px}#app .image-container .captionHeader[data-v-9c649cb5]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-9c649cb5]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-9c649cb5]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .image-container[data-v-8a2b22b7]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-8a2b22b7]{height:100%}#app .image-container .image img[data-v-8a2b22b7]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-8a2b22b7],#app .image-container.captions[data-v-8a2b22b7]{margin-bottom:20px}#app .image-container.copyright[data-v-8a2b22b7],#app .image-container.captions[data-v-8a2b22b7]{margin-bottom:40px}#app .image-container .captionHeader[data-v-8a2b22b7]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-8a2b22b7]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-8a2b22b7]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .giffyPng[data-v-8a2b22b7],#app .giffyGif[data-v-8a2b22b7]{position:unset;top:unset;left:unset}#app .giffyGif[data-v-8a2b22b7]{z-index:unset}#app .gAnimBg[data-v-8a2b22b7]{display:block;position:relative;cursor:pointer;background:none;border:none;padding:0;margin-bottom:20px;max-width:100%}#app .playButtonStyles[data-v-8a2b22b7]{width:60px;height:60px;border-radius:30px;background:rgba(0,0,0,.7);position:absolute;top:50%;left:50%;margin:-30px;z-index:1}#app .playButtonStyles.dark[data-v-8a2b22b7]{background:rgba(255,255,255,.7)}#app .playButtonIconStyles[data-v-8a2b22b7]{width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:14px solid rgba(255,255,255,.7);position:absolute;left:26px;top:16px}#app .playButtonIconStyles.dark[data-v-8a2b22b7]{border-left:14px solid rgba(0,0,0,.7)}#app .pauseButtonStyles[data-v-8a2b22b7]{width:60px;height:60px;border-radius:30px;background:rgba(0,0,0,.7);position:absolute;top:50%;left:50%;margin:-30px;z-index:1}#app .pauseButtonStyles.dark[data-v-8a2b22b7]{background:rgba(255,255,255,.7)}#app .pauseButtonIconStyles[data-v-8a2b22b7]{width:0;height:30px;border-style:double;border-color:#ffffffb3;border-width:0 0 0 30px;position:absolute;left:15px;top:15px}#app .pauseButtonIconStyles.dark[data-v-8a2b22b7]{border-color:#000000b3}#app .screenReaderAlt[data-v-8a2b22b7]{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}#app .screenReaderAlt .gAnim-alt[data-v-8a2b22b7]{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.kContainer{position:relative;height:90%}.kContainer iframe{margin:0}.kContainer .mainVersion{margin:auto;position:relative;display:block}.kContainer .mainVersion .kAudiobtn{width:30px;height:30px;position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kAudiobtn .kButton.audiobtn{position:absolute;height:30px;width:30px;background:url(//cdn.flvs.net/course_view/1_0/dist/images/kaltura_audio_button.png) 0 0 no-repeat;z-index:900;cursor:pointer}.kContainer .mainVersion .kAudio{width:260px;height:38px;position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kAudio .kButton.audio{position:absolute;height:40px;width:260px;background:url(//cdn.flvs.net/course_view/1_0/dist/images/kaltura_audio_standard.png) 0 0 no-repeat;z-index:900;cursor:pointer}.kContainer .mainVersion .audioIframe,.kContainer .mainVersion .audiobtnIframe{position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kPoster{position:absolute;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kPoster .active{display:none;visibility:hidden}.kContainer .mainVersion .kPoster .kButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(//cdn.flvs.net/course_view/1_0/dist/images/player_big_play_button.png) 0 0 no-repeat;z-index:900;width:70px;height:53px;cursor:pointer}.kContainer .mainVersion .kPoster img{position:absolute;top:0;left:0;z-index:899;height:100%;width:100%;border:1px solid #000;max-height:100%;max-width:100%}.kContainer .mainVersion .kPoster .videoIframe{z-index:897}.kContainer .mainVersion .videoIframe{position:absolute;transition:opacity .4s ease;left:50%;transform:translate(-50%);z-index:897}.kContainer button.toggleSwitch,.kContainer button.toggleSwitchFT{margin-top:0;min-width:180px;position:relative;left:50%;transform:translate(-50%)}.kContainer .kCopyright{font-size:10px;text-align:right;width:200px;position:absolute;bottom:-30px;right:0;padding:8px}.kContainer .kCopyright.kCopyrightAudio{bottom:4px}.kContainer .largePlayBtn{display:none}.kContainer .textVersion{overflow-y:auto;height:calc(100% - 10px);margin-bottom:6px}.fade-enter-active,.fade-leave-active{transition:opacity .8s}.fade-enter,.fade-leave-to{opacity:0}#app .image-compare[data-v-ca834e68]{position:relative;display:block;margin-bottom:10px}#app .image-compare .el-slider[data-v-ca834e68]{--el-slider-main-bg-color: none;--el-slider-runway-bg-color: none}#app .image-compare .captionAreaLeft[data-v-ca834e68],#app .image-compare .captionAreaRight[data-v-ca834e68]{background:white}#app .image-compare .imageSlide[data-v-ca834e68]{position:absolute;z-index:999;top:46%}#app .image-compare .imageSlide.is-vertical[data-v-ca834e68]{top:0%;height:100%;left:47%}#app .image-compare .image[data-v-ca834e68]{height:100%;position:relative}#app .image-compare .image .imageLeft[data-v-ca834e68]{overflow:hidden;position:absolute;width:100%}#app .image-compare .image .imageLeft img[data-v-ca834e68]{width:unset;height:unset}#app .image-compare .image .imageLeft[data-v-ca834e68]{left:0;border-right:3px solid white}#app .image-compare .image .imageLeft.is-vertical[data-v-ca834e68]{border-right:0;border-bottom:3px solid white}#app .image-compare .image .imageLeft.dark[data-v-ca834e68]{border-color:#000}#app .image-compare .image .imageRight[data-v-ca834e68]{width:unset;height:unset}#app .image-compare .captionAreaLeft .captionHeader[data-v-ca834e68],#app .image-compare .captionAreaRight .captionHeader[data-v-ca834e68]{font-size:20px;text-align:center;display:block;margin-bottom:10px;white-space:nowrap}#app .image-compare .captionAreaLeft .caption[data-v-ca834e68],#app .image-compare .captionAreaRight .caption[data-v-ca834e68]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-compare .captionAreaLeft .copyright[data-v-ca834e68],#app .image-compare .captionAreaRight .copyright[data-v-ca834e68]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .image-compare .captionAreaLeft .captionHeader[data-v-ca834e68],#app .image-compare .captionAreaLeft .caption[data-v-ca834e68],#app .image-compare .captionAreaLeft .copyright[data-v-ca834e68]{white-space:nowrap}#app div.imageMarker[data-v-593ecc67]{position:relative;height:100%;border-radius:6px}#app div.imageMarker img[data-v-593ecc67]{width:100%;max-width:100%;max-height:100%;border-radius:6px}#app div.imageMarker .hotspotArea[data-v-593ecc67]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageMarker .hotspotArea .el-button.hotspot[data-v-593ecc67]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset}#app div.imageMarker .hotspotArea .el-button.hotspot.noBG[data-v-593ecc67]{background-color:transparent}#app div.imageMarker .hotspotArea .el-button.hotspot .big_green[data-v-593ecc67]{position:absolute;height:40px;width:40px;top:-20px;right:-14px;background:url(data:image/png;base64,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) 0 0 no-repeat;background-size:cover}#app div.imageMarker .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-593ecc67]{position:absolute;top:0;left:0}#app div.imageReplacer[data-v-d6c87f03]{position:relative;height:calc(100% - 40px)}#app div.imageReplacer .el-col[data-v-d6c87f03]{position:relative;height:100%}#app div.imageReplacer img[data-v-d6c87f03]{width:100%;max-width:100%}#app div.imageReplacer .hotspotArea[data-v-d6c87f03]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot[data-v-d6c87f03]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset;background:transparent;border:none}#app div.imageReplacer .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-d6c87f03]{position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot span.im-buttonText[data-v-d6c87f03]{position:absolute;left:17px;top:12px}#app .image-slider[data-v-5c5bbbef]{position:relative;display:flex;margin-bottom:10px;height:inherit;flex-direction:column}#app .image-slider .image[data-v-5c5bbbef]{height:inherit;margin:auto}#app .image-slider .image img[data-v-5c5bbbef]{width:unset;height:100%}#app .image-slider .image .copyright[data-v-5c5bbbef],#app .image-slider .image .captions[data-v-5c5bbbef]{margin-bottom:20px}#app .image-slider .image .captionHeader[data-v-5c5bbbef]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-slider .image .caption[data-v-5c5bbbef]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-slider .image .copyright[data-v-5c5bbbef]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}#app .image-slider.verticalSlider[data-v-5c5bbbef]{flex-direction:unset}#app .image-slider.verticalSlider .image[data-v-5c5bbbef]{width:inherit;height:unset;margin:auto}#app .image-slider.verticalSlider .image img[data-v-5c5bbbef]{width:100%;height:unset}#app .image-slider .imageSlide[data-v-5c5bbbef]{width:90%;margin:auto auto 20px}#app .image-slider .imageSlide .el-slider__button-wrapper[data-v-5c5bbbef]{display:none;left:8px}#app .image-slider .imageSlide .el-slider__button-wrapper .el-slider__button[data-v-5c5bbbef]{display:none}#app .image-slider .imageSlide.is-vertical[data-v-5c5bbbef]{height:98%;width:unset}#app .imageCompare[data-v-0f3f694e]{overflow:hidden;position:relative}#app .imageCompare .overlay[data-v-0f3f694e]{position:absolute;height:100%;width:100%;z-index:99}#app .imageCompare #canvasBlob[data-v-0f3f694e]{top:-52px;position:relative}#app .imageCompare .hideCompareButtons[data-v-0f3f694e]{height:40px;width:fit-content;text-align:left;position:absolute;bottom:70px;right:10px;z-index:9999}.el-dialog{border-radius:6px}.el-dialog .el-dialog__header .el-dialog__title{color:#000;font-size:1.5rem}.el-dialog .el-dialog__header .el-dialog__headerbtn{top:8px;right:8px;border:1px solid #404040;border-radius:4px;background:#feec86;color:#000;font-weight:400;box-shadow:2px 2px 6px #0000004d;transition:background .5s,color .5s}.el-dialog .el-dialog__header .el-dialog__headerbtn:hover,.el-dialog .el-dialog__header .el-dialog__headerbtn:focus,.el-dialog .el-dialog__header .el-dialog__headerbtn:active{color:#404040;background:#fff;border-color:#2a2a2a}.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#000;font-size:18px}.el-dialog .el-dialog__body{color:#212529;font-size:1rem;word-break:normal}#app div.drop-down{background:white;margin:0 0 40px;padding:10px}#app div.drop-down p span{display:inline-block}#app div.drop-down p span .el-input{display:inline-block;margin-right:-10px}#app div.fill-blank{background:white;margin:0 0 40px;padding:10px}#app div.fill-blank .el-input{display:inline-block;margin-right:-10px}#app div.selectable .selectArea[data-v-73407ea6]{text-align:center}#app div.selectable .selectArea .selectableButton[data-v-73407ea6]{text-align:left}#app div.selectable .selectArea .selectableButton .buttonSpan[data-v-73407ea6]{display:flex;height:100%}#app div.selectable .selectArea .selectableButton .buttonSpan img.im-ButtonImage[data-v-73407ea6]{max-height:98%;margin-right:8px}#app div.textbox{position:absolute;background:white;margin:0 0 40px;width:100%;padding:20px 10px}#app div.textbox .el-input{display:inline-block;margin-right:-10px}#app div.menu-chooser{background:white;margin:0 0 40px;padding:20px 10px}#app div.menu-chooser p span{display:inline-block}#app div.menu-chooser .jl-menu{width:100%;display:flex;flex-wrap:nowrap;border-right:none;list-style:none;position:relative;margin:0;padding-left:0;background-color:#555c66;box-sizing:border-box;height:60px;z-index:1002}#app div.menu-chooser .jl-menu button.jl-menu-sub,#app div.menu-chooser .jl-menu button.jl-menu-item{height:100%;background-color:#555c66;color:#fff;padding:0 12px;position:relative;white-space:nowrap;border:none}#app div.menu-chooser .jl-menu button.jl-menu-sub:focus,#app div.menu-chooser .jl-menu button.jl-menu-sub:hover,#app div.menu-chooser .jl-menu button.jl-menu-sub:active,#app div.menu-chooser .jl-menu button.jl-menu-item:focus,#app div.menu-chooser .jl-menu button.jl-menu-item:hover,#app div.menu-chooser .jl-menu button.jl-menu-item:active{background-color:#6b7077;color:#fff;outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:-4px}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu{display:none;width:100px;margin:0;padding:0;background-color:#555c66;border:1px solid white;color:#fff;box-sizing:border-box;position:absolute;top:64px}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu.jl-menu-sub_show{display:block}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item{background-color:#555c66;color:#fff;padding:6px;display:block;border:0;width:100%;text-align:left}#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-sub:active,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-menu button.jl-menu-sub-item:active{background-color:#6b7077;color:#fff;outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:-4px}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu{display:none;width:180px;background:#555c66;color:#fff;border:1px solid white;position:absolute;top:0;left:106px;margin:0;padding:0}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu.jl-menu-sub-sub_show{display:block}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item{background-color:#555c66;color:#fff;padding:6px;display:block;border:0;width:100%;text-align:left}#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-sub:active,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item:focus,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item:hover,#app div.menu-chooser .jl-menu div.jl-menu-sub-sub-menu button.jl-menu-sub-sub-item:active{background-color:#6b7077;color:#fff;outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:-4px}#app div.menu-chooser .nav-mask{top:0;left:0;z-index:1001;overflow:hidden;position:fixed;width:100%;height:100%;background-color:#0003;transition:opacity .3s ease}.vdr{position:absolute;box-sizing:border-box}.vdr.active:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;box-sizing:border-box;outline:1px dashed #d6d6d6}.vdr-stick{box-sizing:border-box;position:absolute;font-size:1px;background:#ffffff;border:1px solid #6c6c6c;box-shadow:0 0 2px #bbb}.inactive .vdr-stick{display:none}.vdr-stick-tl,.vdr-stick-br{cursor:nwse-resize}.vdr-stick-tm,.vdr-stick-bm{left:50%;cursor:ns-resize}.vdr-stick-tr,.vdr-stick-bl{cursor:nesw-resize}.vdr-stick-ml,.vdr-stick-mr{top:50%;cursor:ew-resize}.vdr-stick.not-resizable{display:none}.content-container{display:block;position:relative}#app div.fridgemagnet{position:relative;margin-bottom:12px;height:100%;width:100%}#app div.fridgemagnet .fridge{width:100%;height:100%;position:absolute;top:0;left:0}#app div.fridgemagnet .fridge.no_outline .vdr.active:before{content:none}#app div.fridgemagnet .fridge .vdr:focus{outline:2px #000 dashed!important;border:2px dashed white!important;outline-offset:2px}#app div.fridgemagnet .fridge .vdr .content-container{width:100%;max-width:100%;max-height:100%;border-radius:6px}#app div.fridgemagnet .fridge .vdr .content-container img{max-width:100%;max-height:100%}#app div.fridgemagnet .fridge .vdr .content-container p{margin:0}#app div.dragDrop .draggable{border:1px solid black;margin-right:5px}#app div.dragDrop .draggable .list-group-item{height:100%;width:100%}#app div.dragDrop .draggable button.dragItems-button{width:100%;height:100%;background:transparent;border:none}#app div.dragDrop .draggable button.dragItems-button:focus,#app div.dragDrop .draggable button.dragItems-button:hover,#app div.dragDrop .draggable button.dragItems-button:active{outline:3px #3733a6 dashed!important}#app #preload{display:none;visibility:hidden}#app div.dragDrop{position:relative;margin-bottom:12px}#app div.dragDrop .dragItems{margin-right:5px;height:80px}#app div.dragDrop .dragItems .dragItem{background:transparent;border:none;float:left;height:100%;margin-right:20px}#app div.dragDrop .dragItems .dragItem button{height:100%}#app div.dragDrop .dragItems .dragItem button:focus,#app div.dragDrop .dragItems .dragItem button:hover,#app div.dragDrop .dragItems .dragItem button:active{outline:2px #3733a6 dashed!important}#app div.dragDrop .dragItems .dragItem button img{max-height:100%}#app div.dragDrop .dropBins{height:80px;width:80px;float:left}#app div.dragDrop .dropBins .sortable_ghost{position:absolute}#app div.dragDrop .dropBins .sortable-chosen,#app div.dragDrop .dropBins .sortable-chosen button{height:100%}#app div.dragDrop .dropBins .sortable-chosen button img{max-height:100%}#app div.dragDrop .dropBins .dropBin,#app div.dragDrop .dropBins .dropBin button{height:100%}#app div.dragDrop .dropBins .dropBin button img{max-height:100%}#app div.dragDrop #target{border:1px solid black;width:95vw;height:100px;padding:5px}#app div.dragDrop .hiddenDiv{position:fixed;margin-top:-99999px}#app div.dragDrop .draggingItems{display:none}#drawCanvas{background-size:contain;background-repeat:no-repeat;border:2px groove #626161}#drawCanvas .vp-toolbar{position:absolute;top:0;width:100%;margin-top:.25em;display:flex;justify-content:center;flex-wrap:wrap;gap:.25em .5em!important}#drawCanvas .historyList li{margin-bottom:14px}#drawCanvas{position:relative;background-repeat:no-repeat;border:2px groove #626161}#drawCanvas .vp-editor{max-width:100%;height:auto;position:relative;cursor:crosshair;font-size:1rem}#drawCanvas .vp-image{margin:0;width:100%}#drawCanvas .vp-toolbar{position:absolute;top:0;width:100%;margin-top:.25em;display:flex;justify-content:center;flex-wrap:wrap;gap:.25em 1em}#drawCanvas .vp-toolbar.vp-toolbar-bottom{top:unset;bottom:-40px}#drawCanvas .vp-toolbar div{display:flex;gap:.25em}#drawCanvas .vp-toolbar button,#drawCanvas .vp-toolbar input[type=color]{background:#eee;outline:none;width:30px;height:30px;border-radius:50%;border:1px solid #aaa;box-shadow:0 .2em .3em #0003;cursor:pointer;display:flex;align-items:center;justify-content:center}#drawCanvas .vp-toolbar input[type=color]:hover,#drawCanvas .vp-toolbar button:hover,#drawCanvas .vp-toolbar button.active{background:#ddd;border:1px solid #999;box-shadow:0 .2em .3em #bbb}#drawCanvas .vp-toolbar .textarea{font-family:Arial,sans-serif;font-size:1rem;padding:1px;cursor:inherit}#drawCanvas .overlay{position:absolute;height:100%;width:100%;z-index:99}#drawCanvas #canvasBlob{top:-52px;position:relative}#drawCanvas .hideCompareButtons{height:40px;width:fit-content;text-align:left;position:absolute;bottom:70px;right:10px;z-index:9999}#drawCanvas .history{position:absolute;bottom:-140px;right:0px}.stepperPrintButtons{display:none!important;visibility:hidden!important}iframe[data-v-f5bc6f4c]{border:none}
|