Skip to content

Instantly share code, notes, and snippets.

@kazzkiq
Created April 25, 2017 22:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kazzkiq/c4121d1696526fb55d5d47a87466d2b7 to your computer and use it in GitHub Desktop.
Save kazzkiq/c4121d1696526fb55d5d47a87466d2b7 to your computer and use it in GitHub Desktop.
UNO_TEST
(function(){function v(a,b){b.appendChild(a)}function r(a){a.parentNode.removeChild(a)}function y(a,b,c){for(;c<a.length;c+=1)a[c].destroy(b)}function m(a){return document.createElement(a)}function p(a){return document.createTextNode(a)}function t(a){for(var b=arguments,c=1;c<arguments.length;c+=1){var d=b[c],e;for(e in d)a[e]=d[e]}return a}function z(a,b,c,d){for(var e in b)if(e in c){var g=c[e],f=d[e];if(g!==f||g&&"object"===typeof g||"function"===typeof g){var h=b[e];if(h)for(var k=0;k<h.length;k+=
1){var l=h[k];l.__calling||(l.__calling=!0,l.call(a,g,f),l.__calling=!1)}}}}function K(a,b){function c(a){a=b.get();b.toggleMenu(a.isOpen)}var d,e,g=m("div");g.setAttribute("svelte-3393754602","");g.className=d="Uno_MenuWidget__handler "+a.classOpen;g.addEventListener("click",c,!1);var f=m("div");g.appendChild(f);v(p("\n "),g);f=m("div");g.appendChild(f);v(p("\n "),g);f=m("div");g.appendChild(f);var h=p("\n"),k=m("div");k.setAttribute("svelte-3393754602","");k.className=e="Uno_MenuWidget "+a.classOpen;
f=m("ul");k.appendChild(f);var l=document.createComment("");f.appendChild(l);for(var w=a.menuItems,n=[],q=0;q<w.length;q+=1)n[q]=C(a,w,w[q],q,b),n[q].mount(f,l);return{mount:function(a,b){a.insertBefore(g,b);a.insertBefore(h,b);a.insertBefore(k,b)},update:function(a,c){d!==(d="Uno_MenuWidget__handler "+c.classOpen)&&(g.className=d);e!==(e="Uno_MenuWidget "+c.classOpen)&&(k.className=e);var f=c.menuItems;if("menuItems"in a){for(var h=0;h<f.length;h+=1)n[h]?n[h].update(a,c,f,f[h],h):(n[h]=C(c,f,f[h],
h,b),n[h].mount(l.parentNode,l));y(n,!0,f.length);n.length=f.length}},destroy:function(a){g.removeEventListener("click",c,!1);y(n,!1,0);a&&(r(g),r(h),r(k))}}}function C(a,b,c,d,e){var g,f,h=m("li"),k=m("a");h.appendChild(k);k.href=g=c.href;var l=p(f=c.label);k.appendChild(l);return{mount:function(a,b){a.insertBefore(h,b)},update:function(a,b,c,d,e){g!==(g=d.href)&&(k.href=g);f!==(f=d.label)&&(l.data=f)},destroy:function(a){a&&r(h)}}}function x(a){a=a||{};this._state=t(D.data(),a.data);this._observers=
{pre:Object.create(null),post:Object.create(null)};this._handlers=Object.create(null);this._root=a._root;this._yield=a._yield;this._torndown=!1;if(!E){var b=m("style");b.textContent="\n [svelte-3393754602].Uno_MenuWidget, [svelte-3393754602] .Uno_MenuWidget {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 999999;\n width: 250px;\n height: 100vh;\n background: #2a2a2e;\n font-family: sans-serif;\n transform: translate3d(-100%, 0, 0);\n transition: 0.5s cubic-bezier(.09,.7,.36,.99);\n transition-delay: 0.3s;\n overflow-y: auto;\n }\n\n [svelte-3393754602].Uno_MenuWidget.status--open, [svelte-3393754602] .Uno_MenuWidget.status--open {\n transform: translate3d(0, 0, 0);\n transition-delay: 0s;\n }\n\n [svelte-3393754602].Uno_MenuWidget__handler, [svelte-3393754602] .Uno_MenuWidget__handler {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 999999;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n width: 50px;\n height: 50px;\n background: #2a2a2e;\n transform: translate3d(0, 0, 0);\n transition: 0.5s cubic-bezier(.09,.7,.36,.99);\n transition-delay: 0s;\n }\n\n @media screen and (min-width: 500px) {\n [svelte-3393754602].Uno_MenuWidget, [svelte-3393754602] .Uno_MenuWidget, [svelte-3393754602].Uno_MenuWidget__handler, [svelte-3393754602] .Uno_MenuWidget__handler {\n display: none !important;\n }\n }\n\n [svelte-3393754602].Uno_MenuWidget__handler.status--open, [svelte-3393754602] .Uno_MenuWidget__handler.status--open {\n transform: translate3d(250px, 0, 0);\n transition-delay: 0.3s;\n }\n\n [svelte-3393754602].Uno_MenuWidget__handler div, [svelte-3393754602] .Uno_MenuWidget__handler div {\n width: 50%;\n height: 2px;\n background: #fff;\n margin-bottom: 4px;\n }\n\n [svelte-3393754602].Uno_MenuWidget__handler div:last-child, [svelte-3393754602] .Uno_MenuWidget__handler div:last-child {\n margin-bottom: 0;\n }\n\n [svelte-3393754602].Uno_MenuWidget ul, [svelte-3393754602] .Uno_MenuWidget ul {\n margin: 0;\n padding: 20px 0;\n list-style: none;\n color: #fff !important;\n }\n\n [svelte-3393754602].Uno_MenuWidget ul li a, [svelte-3393754602] .Uno_MenuWidget ul li a {\n display: block;\n font-size: 22px;\n color: #fff !important;\n text-decoration: none;\n padding: 10px 20px;\n }\n\n [svelte-3393754602].Uno_MenuWidget ul li a:hover, [svelte-3393754602] .Uno_MenuWidget ul li a:hover {\n background: rgba(255, 255, 255, 0.1);\n }\n";
document.head.appendChild(b);E=!0}this._fragment=K(this._state,this);a.target&&this._fragment.mount(a.target,null)}function L(a,b){var c=m("div");c.setAttribute("svelte-409296402","");c.className="Uno--highlighter";b.refs.highlighter=c;var d=p("\n"),e=m("div");e.setAttribute("svelte-409296402","");e.className="Uno_SideBar";var g=document.createComment("");e.appendChild(g);var f=a.isMouseEventActive?F:G,h=f&&f(a,b);h&&h.mount(e,g);v(p("\n \n "),e);var k=m("hr");e.appendChild(k);v(p("\n\n "),e);
k=m("ul");e.appendChild(k);var l=document.createComment("");k.appendChild(l);for(var w=a.menuItems,n=[],q=0;q<w.length;q+=1)n[q]=H(a,w,w[q],q,b),n[q].mount(k,l);var t=p("\n\n"),u=new x({target:null,_root:b._root||b});b.refs.menuWidget=u;return{mount:function(a,b){a.insertBefore(c,b);a.insertBefore(d,b);a.insertBefore(e,b);a.insertBefore(t,b);u._fragment.mount(a,b)},update:function(a,c){f!==(f=c.isMouseEventActive?F:G)&&(h&&h.destroy(!0),(h=f&&f(c,b))&&h.mount(g.parentNode,g));var d=c.menuItems;if("menuItems"in
a){for(var e=0;e<d.length;e+=1)n[e]?n[e].update(a,c,d,d[e],e):(n[e]=H(c,d,d[e],e,b),n[e].mount(l.parentNode,l));y(n,!0,d.length);n.length=d.length}},destroy:function(a){b.refs.highlighter===c&&(b.refs.highlighter=null);h&&h.destroy(!1);y(n,!1,0);b.refs.menuWidget===u&&(b.refs.menuWidget=null);u.destroy(a);a&&(r(c),r(d),r(e),r(t))}}}function G(a,b){function c(a){b.runMouseEvent()}var d=m("button");d.addEventListener("click",c,!1);v(p("Habilitar Detec\u00e7\u00e3o"),d);return{mount:function(a,b){a.insertBefore(d,
b)},destroy:function(a){d.removeEventListener("click",c,!1);a&&r(d)}}}function F(a,b){function c(a){b.stopMouseEvent()}var d=m("button");d.addEventListener("click",c,!1);v(p("Desabilitar Detec\u00e7\u00e3o"),d);return{mount:function(a,b){a.insertBefore(d,b)},destroy:function(a){d.removeEventListener("click",c,!1);a&&r(d)}}}function H(a,b,c,d,e){var g,f,h=m("li");a=m("h3");h.appendChild(a);var k=p(g=c.label);a.appendChild(k);v(p("\n "),h);a=m("h4");h.appendChild(a);var l=p(f=c.href);a.appendChild(l);
return{mount:function(a,b){a.insertBefore(h,b)},update:function(a,b,c,d,e){g!==(g=d.label)&&(k.data=g);f!==(f=d.href)&&(l.data=f)},destroy:function(a){a&&r(h)}}}function u(a){a=a||{};this.refs={};this._state=t(A.data(),a.data);this._observers={pre:Object.create(null),post:Object.create(null)};this._handlers=Object.create(null);this._root=a._root;this._yield=a._yield;this._torndown=!1;if(!I){var b=m("style");b.textContent="\n *[svelte-409296402], [svelte-409296402] *, button[svelte-409296402], [svelte-409296402] button {\n box-sizing: border-box;\n }\n\n hr[svelte-409296402], [svelte-409296402] hr {\n border: none;\n height: 1px;\n background: #fff;\n opacity: 0.3;\n }\n\n ul[svelte-409296402], [svelte-409296402] ul {\n list-style: none;\n margin: 10px 0;\n padding: 0;\n border-radius: 4px;\n background: rgba(0,0,0,0.5);\n min-height: 100px;\n }\n\n ul[svelte-409296402] li, [svelte-409296402] ul li {\n display: block;\n padding: 5px;\n color: #fff !important;\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n }\n\n ul[svelte-409296402] li:last-child, [svelte-409296402] ul li:last-child {\n border-bottom: none;\n }\n\n ul[svelte-409296402] li h3, [svelte-409296402] ul li h3 {\n font-weight: normal;\n font-size: 14px;\n margin: 0;\n }\n\n ul[svelte-409296402] li h4, [svelte-409296402] ul li h4 {\n font-weight: normal;\n font-size: 12px;\n margin: 0;\n opacity: 0.5;\n }\n\n [svelte-409296402].Uno_SideBar, [svelte-409296402] .Uno_SideBar {\n position: fixed;\n top: 0;\n right: 0;\n z-index: 999999;\n width: 250px;\n height: 100vh;\n background: #2a2a2e;\n color: #fff !important;\n font-family: sans-serif;\n padding: 20px;\n }\n\n @media screen and (max-width: 500px) {\n [svelte-409296402].Uno_SideBar, [svelte-409296402] .Uno_SideBar {\n display: none !important;\n }\n }\n\n [svelte-409296402].Uno_SideBar.status--open, [svelte-409296402] .Uno_SideBar.status--open {\n \n }\n\n [svelte-409296402].Uno--highlighter, [svelte-409296402] .Uno--highlighter {\n position: absolute;\n background: rgba(255, 180, 0, 0.6);\n box-shadow: 0 0 0 2px #ffb400;\n pointer-events: none;\n border-radius: 2px;\n }\n\n [svelte-409296402].Uno_SideBar button, [svelte-409296402] .Uno_SideBar button {\n display: block;\n width: 100%;\n margin: 10px 0 0 0;\n background: rgba(0, 0, 0, 0.3);\n border: none;\n padding: 10px 20px;\n text-align: center;\n color: #fff !important;\n }\n";
document.head.appendChild(b);I=!0}this._renderHooks=[];this._fragment=L(this._state,this);a.target&&this._fragment.mount(a.target,null);this._flush();a._root?a._root._renderHooks.push({fn:A.oncreate,context:this}):A.oncreate.call(this)}var J={get:function(a){return a?this._state[a]:this._state},fire:function(a,b){var c=a in this._handlers&&this._handlers[a].slice();if(c)for(var d=0;d<c.length;d+=1)c[d].call(this,b)},observe:function(a,b,c){var d=c&&c.defer?this._observers.post:this._observers.pre;
(d[a]||(d[a]=[])).push(b);c&&!1===c.init||(b.__calling=!0,b.call(this,this._state[a]),b.__calling=!1);return{cancel:function(){var c=d[a].indexOf(b);~c&&d[a].splice(c,1)}}},on:function(a,b){if("teardown"===a)return this.on("destroy",b);var c=this._handlers[a]||(this._handlers[a]=[]);c.push(b);return{cancel:function(){var a=c.indexOf(b);~a&&c.splice(a,1)}}},set:function(a){this._set(t({},a));(this._root||this)._flush()},_flush:function(){if(this._renderHooks)for(;this._renderHooks.length;){var a=this._renderHooks.pop();
a.fn.call(a.context)}}},D=function(){return{data:function(){return{menuItems:[],classOpen:"",isOpen:!1}},methods:{handleOpen:function(a){a?this.set({classOpen:"status--open",isOpen:!0}):this.set({classOpen:"",isOpen:!1})},toggleMenu:function(a){console.log(a);a?this.set({classOpen:"",isOpen:!1}):this.set({classOpen:"status--open",isOpen:!0})}}}}(),E=!1;t(x.prototype,D.methods,J);x.prototype._set=function(a){var b=this._state;this._state=t({},b,a);z(this,this._observers.pre,a,b);this._fragment&&this._fragment.update(a,
this._state);z(this,this._observers.post,a,b)};x.prototype.teardown=x.prototype.destroy=function(a){this.fire("destroy");this._fragment.destroy(!1!==a);this._fragment=null;this._state={};this._torndown=!0};var B=function(){this.elementList=[]};B.prototype.clearElementList=function(){return this.elementList=[]};B.prototype.fetchElement=function(a,b,c){var d=this,e=a.tagName.toLowerCase();if("BODY"!=a.tagName){if(e==b){var g=[];c.map(function(b,c){g[c]={name:b,value:a.getAttribute(b)}});e={label:a.innerText||
"Sem nome",attributes:g};this.elementList.push(e);return e}Array.prototype.slice.call(a.children).forEach(function(a){d.fetchElement(a,b,c)})}};var A=function(){return{data:function(){return{isMouseEventActive:!1,menuItems:[]}},oncreate:function(){window.UnoAppSideBar=this;window.UnoAppMenuWidget=this.refs.menuWidget;window.UnoAppHighlighter=this.refs.highlighter},methods:{runMouseEvent:function(){window.UnoAppSideBar.set({isMouseEventActive:!0});document.body.addEventListener("click",window.UnoAppSideBar.handleMouseEvent,
!0);document.body.addEventListener("mousemove",window.UnoAppSideBar.handleMouseVisualGuide)},stopMouseEvent:function(){window.UnoAppSideBar.set({isMouseEventActive:!1});document.body.removeEventListener("click",window.UnoAppSideBar.handleMouseEvent,!0);document.body.removeEventListener("mousemove",window.UnoAppSideBar.handleMouseVisualGuide)},handleMouseEvent:function(a){var b=new B;b.fetchElement(a.target,"a",["href"]);b.elementList.map(function(a){a.href=a.attributes[0].value;delete a.attributes});
window.UnoAppMenuWidget.set({menuItems:b.elementList});window.UnoAppSideBar.set({menuItems:b.elementList});window.UnoAppSideBar.stopMouseEvent();window.UnoAppSideBar.hideMouseVisualGuide()},hideMouseVisualGuide:function(){window.UnoAppHighlighter.style.display="none"},handleMouseVisualGuide:function(a){console.log(a);var b=document.elementFromPoint(a.pageX,a.pageY);if(b){a=b.offsetWidth;var c=b.offsetHeight,d=b.getBoundingClientRect(),b=d.left+window.scrollX,d=d.top+window.scrollY;window.UnoAppHighlighter.style.display=
"block";window.UnoAppHighlighter.style.top=d+"px";window.UnoAppHighlighter.style.left=b+"px";window.UnoAppHighlighter.style.width=a+"px";window.UnoAppHighlighter.style.height=c+"px"}}}}}(),I=!1;t(u.prototype,A.methods,J);u.prototype._set=function(a){var b=this._state;this._state=t({},b,a);z(this,this._observers.pre,a,b);this._fragment&&this._fragment.update(a,this._state);z(this,this._observers.post,a,b);this._flush()};u.prototype.teardown=u.prototype.destroy=function(a){this.fire("destroy");this._fragment.destroy(!1!==
a);this._fragment=null;this._state={};this._torndown=!0};(function(){var a=document.createElement("div");a.id="UNOCODE_INJECTOR";document.body.appendChild(a);new u({target:document.getElementById("UNOCODE_INJECTOR")})})()})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment