https://editor.varify.io/7332.e463417e220b47444aa6.js

1"use strict";((window.__VARIFY__=window.__VARIFY__||{})["chunk-2b4f0136-bfdc-4dcd-a89c-a2d19e016d3d"]=(window.__VARIFY__=window.__VARIFY__||{})["chunk-2b4f0136-bfdc-4dcd-a89c-a2d19e016d3d"]||[]).push([[7332],{67332:function(e,i,n){n.r(i),n.d(i,{default:function(){return R}});var t=n(66924),r=n(56951),a=n(22023),o=n(96110),d=n(69820),c=n(30826),v=n.n(c),l=n(92604),s=n(33011),f=n(78326),u=n(46656),w=n(17398),g={class:"device-preview"},h=["src"],m={__name:"DevicePreview",setup:function(e){(0,t.sj)((function(e){return{v62dedb03:n}}));var i=new l.Y("DevicePreview"),n="".concat(u.aj,"px"),c=(0,d.Z)(),m=(0,o.iH)(null);(0,r.YP)((function(){return c.browseMode}),(function(e){var i,n;null===(i=(0,s.Jj)().varify)||void 0===i||null===(n=i.toggleBrowseMode)||void 0===n||n.call(i,e)})),(0,r.bv)((function(){var e;(e=(0,w.az)("style")).innerHTML="\n    body > :not(.varify-ignore) {\n      display: none !important;\n    }",document.head.appendChild(e),c.devicePreview.iframe=m.value}));var p=(0,r.Fl)((function(){return{width:"".concat(c.devicePreview.width,"px")}})),_=(0,o.iH)(!1),b=(0,r.Fl)((function(){return{pointerEvents:_.value?"none":"auto"}})),y=function(e){e.preventDefault();var i=e.pageX,n=m.value.getBoundingClientRect().width;_.value=!0;var t=v()((function(e){var t=e.pageX-i,r=n+2*t;r<300||r>window.innerWidth-40||(c.devicePreview.width=r)})),r=function(){window.removeEventListener("mousemove",t),window.removeEventListener("mouseup",r),_.value=!1};window.addEventListener("mousemove",t),window.addEventListener("mouseup",r)},x=function(){var e,n,t=null===(e=m.value)||void 0===e?void 0:e.contentWindow;if(null!=t&&null!==(n=t.varify)&&void 0!==n&&n.loaded)c.devicePreview.loaded=!0;else{var r=null==t?void 0:t.document,a=!1,o=function(){a||(a=!0,clearInterval(d),c.devicePreview.loaded=!0)};null==r||r.addEventListener("varify:initialized",o,{once:!0});var d=setInterval((function(){var e;null!=t&&null!==(e=t.varify)&&void 0!==e&&e.loaded&&o()}),100);setTimeout((function(){clearInterval(d),a||(i.error("Timed out waiting for varify to initialize in device preview iframe"),c.devicePreview.loaded=!0)}),15e3)}},k=window.location.href;return function(e,i){return(0,r.wg)(),(0,r.iD)("div",g,[(0,r._)("div",{class:"wrapper",style:(0,a.j5)(p.value)},[(0,r._)("iframe",{id:"device-preview-iframe",ref_key:"frame",ref:m,class:"device-preview__iframe",frameborder:"0",src:(0,o.SU)(k),style:(0,a.j5)(b.value),onLoad:x},null,44,h),(0,r._)("div",{class:"resize-container",onMousedown:y},[(0,r.Wm)(f.Z,{name:"mdiDragVerticalVariant",class:"resize-handle"})],32)],4)])}}},p=n(42755),_=n.n(p),b=n(10),y=n.n(b),x=n(36433),k=n.n(x),E=n(66208),L=n.n(E),z=n(4269),I=n.n(z),P=n(93894),j={};j.styleTagTransform=I(),j.setAttributes=k(),j.insert=function(e){var i=document.head.querySelector('meta[name="application-name"]');if(null===i||"Code Editor"!==i.content){new MutationObserver((function(e,i){e.forEach((function(e){if("childList"===e.type){var i=e.target.innerHTML,n=document.createElement("style");void 0!==window.__webpack_nonce__&&window.__webpack_nonce__&&(n.nonce=window.__webpack_nonce__);var t=i.match(RegExp("@font-face.+?}","gs"));t&&(n.innerHTML=t.join("\n"),document.body.appendChild(n))}})),i.disconnect()})).observe(e,{childList:!0,attributes:!0,subtree:!0});var n=document.getElementById("varify-shadow-root");if(null===n)throw new Error("#varify-shadow-root does not exist");if(null===n.shadowRoot)throw new Error("Shadow root does not exist");n.shadowRoot.appendChild(e)}else document.head.appendChild(e)},j.domAPI=y(),j.insertStyleElement=L();_()(P.Z,j),P.Z&&P.Z.locals&&P.Z.locals;var R=(0,n(46343).Z)(m,[["__scopeId","data-v-38c1e6d8"]])},93894:function(e,i,n){var t=n(35560),r=n.n(t),a=n(41008),o=n.n(a)()(r());o.push([e.id,".offset-right-1[data-v-38c1e6d8]{margin-right:8.3333333333%}.offset-right-2[data-v-38c1e6d8]{margin-right:16.6666666667%}.offset-right-3[data-v-38c1e6d8]{margin-right:25%}.offset-right-4[data-v-38c1e6d8]{margin-right:33.3333333333%}.offset-right-5[data-v-38c1e6d8]{margin-right:41.6666666667%}.offset-right-6[data-v-38c1e6d8]{margin-right:50%}.offset-right-7[data-v-38c1e6d8]{margin-right:58.3333333333%}.offset-right-8[data-v-38c1e6d8]{margin-right:66.6666666667%}.offset-right-9[data-v-38c1e6d8]{margin-right:75%}.offset-right-10[data-v-38c1e6d8]{margin-right:83.3333333333%}.offset-right-11[data-v-38c1e6d8]{margin-right:91.6666666667%}.device-preview[data-v-38c1e6d8]{position:fixed;top:var(--v62dedb03);right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(0,0,0,.5)}.device-preview__iframe[data-v-38c1e6d8]{width:100%;height:100%;background-color:#fff;border:none}.device-preview .wrapper[data-v-38c1e6d8]{position:relative;width:50vw;height:100%}.device-preview .resize-container[data-v-38c1e6d8]{position:absolute;top:0;right:-20px;

1display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:20px;height:100%;cursor:ew-resize;background-color:dimgray}.device-preview .resize-container .resize-handle[data-v-38c1e6d8]{font-size:18px;color:#fff}",""]),i.Z=o}}]);