var $jscomp={scope:{}};$jscomp.defineProperty="function"==typeof Object.defineProperties?Object.defineProperty:function(a,d,c){if(c.get||c.set)throw new TypeError("ES3 does not support getters and setters.");a!=Array.prototype&&a!=Object.prototype&&(a[d]=c.value)};$jscomp.getGlobal=function(a){return"undefined"!=typeof window&&window===a?a:"undefined"!=typeof global&&null!=global?global:a};$jscomp.global=$jscomp.getGlobal(this);$jscomp.SYMBOL_PREFIX="jscomp_symbol_";
$jscomp.initSymbol=function(){$jscomp.initSymbol=function(){};$jscomp.global.Symbol||($jscomp.global.Symbol=$jscomp.Symbol)};$jscomp.symbolCounter_=0;$jscomp.Symbol=function(a){return $jscomp.SYMBOL_PREFIX+(a||"")+$jscomp.symbolCounter_++};
$jscomp.initSymbolIterator=function(){$jscomp.initSymbol();var a=$jscomp.global.Symbol.iterator;a||(a=$jscomp.global.Symbol.iterator=$jscomp.global.Symbol("iterator"));"function"!=typeof Array.prototype[a]&&$jscomp.defineProperty(Array.prototype,a,{configurable:!0,writable:!0,value:function(){return $jscomp.arrayIterator(this)}});$jscomp.initSymbolIterator=function(){}};$jscomp.arrayIterator=function(a){var d=0;return $jscomp.iteratorPrototype(function(){return d<a.length?{done:!1,value:a[d++]}:{done:!0}})};
$jscomp.iteratorPrototype=function(a){$jscomp.initSymbolIterator();a={next:a};a[$jscomp.global.Symbol.iterator]=function(){return this};return a};$jscomp.makeIterator=function(a){$jscomp.initSymbolIterator();var d=a[Symbol.iterator];return d?d.call(a):$jscomp.arrayIterator(a)};$jscomp.array=$jscomp.array||{};
$jscomp.iteratorFromArray=function(a,d){$jscomp.initSymbolIterator();a instanceof String&&(a+="");var c=0,h={next:function(){if(c<a.length){var f=c++;return{value:d(f,a[f]),done:!1}}h.next=function(){return{done:!0,value:void 0}};return h.next()}};h[Symbol.iterator]=function(){return h};return h};
$jscomp.polyfill=function(a,d,c,h){if(d){c=$jscomp.global;a=a.split(".");for(h=0;h<a.length-1;h++){var f=a[h];f in c||(c[f]={});c=c[f]}a=a[a.length-1];h=c[a];d=d(h);d!=h&&null!=d&&$jscomp.defineProperty(c,a,{configurable:!0,writable:!0,value:d})}};$jscomp.polyfill("Array.prototype.keys",function(a){return a?a:function(){return $jscomp.iteratorFromArray(this,function(a){return a})}},"es6-impl","es3");
$jscomp.findInternal=function(a,d,c){a instanceof String&&(a=String(a));for(var h=a.length,f=0;f<h;f++){var l=a[f];if(d.call(c,l,f,a))return{i:f,v:l}}return{i:-1,v:void 0}};$jscomp.polyfill("Array.prototype.find",function(a){return a?a:function(a,c){return $jscomp.findInternal(this,a,c).v}},"es6-impl","es3");
var DomOutline=function(a){function d(){if(!0!==b.initialized){var a="."+b.opts.namespace+" {    background: red !important;    position: absolute;    cursor: pointer;    z-index: 1000000;    z-index: 1000000;}."+b.opts.namespace+"_label {    background: orange;    border-radius: 2px;    color: #fff;    font: bold 12px/12px Helvetica, sans-serif;    padding: 4px 6px;    position: absolute;    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);    z-index: 1000001;}",c=document.createElement("style");c.type=
"text/css";document.getElementsByTagName("head")[0].appendChild(c);c.styleSheet?c.styleSheet.cssText=a:c.innerHTML=a;b.initialized=!0}}function c(){jQuery.each(b.elements,function(a,c){c.remove()})}function h(a){if(-1===a.target.className.indexOf(b.opts.namespace)&&(!b.opts.filter||jQuery(a.target).is(b.opts.filter))){l.element=a.target;a=b.opts.borderWidth;var c;b.elements.window||(b.elements.window=jQuery(window));c=b.elements.window.scrollTop();var d=l.element.getBoundingClientRect(),h=d.top+c,
f;f=l.element;var n=f.tagName.toLowerCase();f.id&&(n+="#"+f.id);f.className&&(n+=("."+jQuery.trim(f.className).replace(/ /g,".")).replace(/\.\.+/g,"."));f='<i style="margin-right: 5px" class="fas fa-cog"></i>'+n;b.elements.label.css({top:Math.max(0,h-20-a,c),left:Math.max(0,d.left-a)}).html(f);b.elements.top.css({top:Math.max(0,h-a),left:d.left-a,width:d.width+a,height:a});b.elements.bottom.css({top:h+d.height,left:d.left-a,width:d.width+a,height:a});b.elements.left.css({top:h-a,left:Math.max(0,d.left-
a),width:a,height:d.height+a});b.elements.right.css({top:h-a,left:d.left+d.width,width:a,height:d.height+2*a})}}function f(a){a.keyCode!==b.keyCodes.ESC&&a.keyCode!==b.keyCodes.BACKSPACE&&a.keyCode!==b.keyCodes.DELETE||l.stop();return!1}a=a||{};var l={},b={opts:{namespace:a.namespace||"DomOutline",borderWidth:a.borderWidth||2,onClick:a.onClick||!1,filter:a.filter||!1},keyCodes:{},active:!1,initialized:!1,elements:{}};l.start=function(){d();!0!==b.active&&(b.active=!0,b.elements.label=jQuery("<div></div>").addClass(b.opts.namespace+
"_label").appendTo("body"),b.elements.top=jQuery("<div></div>").addClass(b.opts.namespace).appendTo("body"),b.elements.bottom=jQuery("<div></div>").addClass(b.opts.namespace).appendTo("body"),b.elements.left=jQuery("<div></div>").addClass(b.opts.namespace).appendTo("body"),b.elements.right=jQuery("<div></div>").addClass(b.opts.namespace).appendTo("body"),jQuery("body").on("mousemove."+b.opts.namespace,h),jQuery("body").on("keyup."+b.opts.namespace,f),b.opts.onClick&&setTimeout(function(){jQuery("body").on("click."+
b.opts.namespace,function(a){a.preventDefault();a.stopPropagation();a.stopImmediatePropagation();if(b.opts.filter&&!jQuery(a.target).is(b.opts.filter))return!1;l.stop();b.opts.onClick(l.element,a);return!1})},1E3))};l.stop=function(){b.active=!1;c();jQuery("body").off("mousemove."+b.opts.namespace).off("keyup."+b.opts.namespace).off("click."+b.opts.namespace)};return l};
function beditor_color_start(a,d,c,h,f){setTimeout(function(){var h={pt:{clear:"Limpar",save:"Salvar"},es:{clear:"Limpiar",save:"Guardar"},en:{clear:"Clear",save:"Save"}};$("#"+a).css("width","calc( "+d+" - 30px )");f.el="#"+a+"+.tcolor";f.theme=c;f.position="bottom-middle";f.inline=!0;f["default"]=$("#"+a).val()?$("#"+a).val():null;f.i18n={"btn:clear":h[Adianti.language].clear,"btn:save":h[Adianti.language].save};var b=Pickr.create(f);$("#"+a).on("focusin",function(){b.show()});$("#"+a).data("picker",
b);b.on("save",function(c,b){$("#"+a).val(c?c.toHEXA().toString():"").change();$("#"+a).data("picker").setColor(c?c.toHEXA().toString():"",!0);$("#"+a).data("picker").applyColor(!0);console.log("SAVE "+(c?c.toHEXA().toString():""));$("#"+a).data("picker").hide()});b.on("swatchselect",function(a,c){c.applyColor()});$("#"+a).on("change",function(){var c=-1==$("#"+a).val().indexOf("#")?"#":"";console.log("CHANGE "+$("#"+a).val());$("#"+a).val()?(b.setColor(c+$("#"+a).val(),!0),b.applyColor(!0)):(console.log("clear"),
b.setColor(null))})},1500)}
window.BuilderEditorCss=function(){var a,d,c,h,f,l="normal",b=function(a){a=a.toString(16);return 1==a.length?"0"+a:a},n=function(a,c,d,g){return g?"#"+b(a)+b(c)+b(d)+b(g):"#"+b(a)+b(c)+b(d)},r=[{id:"#editor-css-background-color",css:"background",pixels:!1,color:!0,check:!1},{id:"#editor-css-margin-top",css:"margin-top",pixels:!0,color:!1,check:!1},{id:"#editor-css-margin-right",css:"margin-right",pixels:!0,color:!1,check:!1},{id:"#editor-css-margin-bottom",css:"margin-bottom",pixels:!0,color:!1,
check:!1},{id:"#editor-css-margin-left",css:"margin-left",pixels:!0,color:!1,check:!1},{id:"#editor-css-padding-top",css:"padding-top",pixels:!0,color:!1,check:!1},{id:"#editor-css-padding-right",css:"padding-right",pixels:!0,color:!1,check:!1},{id:"#editor-css-padding-bottom",css:"padding-bottom",pixels:!0,color:!1,check:!1},{id:"#editor-css-padding-left",css:"padding-left",pixels:!0,color:!1,check:!1},{id:"#editor-css-box-shadow-spread",css:"box-shadow",pixels:!0,color:!1,check:!1,group:"box-shadow"},
{id:"#editor-css-box-shadow-blur",css:"box-shadow",pixels:!0,color:!1,check:!1,group:"box-shadow"},{id:"#editor-css-box-shadow-position-y",css:"box-shadow",pixels:!0,color:!1,check:!1,group:"box-shadow"},{id:"#editor-css-box-shadow-position-x",css:"box-shadow",pixels:!0,color:!1,check:!1,group:"box-shadow"},{id:"#editor-css-box-shadow-color",css:"box-shadow",pixels:!1,color:!0,check:!1,group:"box-shadow"},{id:"#editor-css-color",css:"color",pixels:!1,color:!0,check:!1},{id:"#editor-css-font-size",
css:"font-size",pixels:!0,color:!1,check:!1},{id:"#editor-css-font-bold",css:"font-weight",pixels:!1,color:!1,check:!0},{id:"#editor-css-font-style",css:"font-style",pixels:!1,color:!1,check:!0},{id:"#editor-css-text-decoration-line",css:"text-decoration-line",pixels:!1,color:!1,check:!0},{id:"#editor-css-text-align",css:"text-align",pixels:!1,color:!1,check:!1},{id:"#editor-css-border-top-style",css:"border-top-style",pixels:!1,color:!1,check:!1},{id:"#editor-css-border-right-style",css:"border-right-style",
pixels:!1,color:!1,check:!1},{id:"#editor-css-border-bottom-style",css:"border-bottom-style",pixels:!1,color:!1,check:!1},{id:"#editor-css-border-left-style",css:"border-left-style",pixels:!1,color:!1,check:!1},{id:"#editor-css-border-color",css:"border-color",pixels:!1,color:!0,check:!1},{id:"#editor-css-border-top-width",css:"border-top-width",pixels:!0,color:!1,check:!1},{id:"#editor-css-border-right-width",css:"border-right-width",pixels:!0,color:!1,check:!1},{id:"#editor-css-border-bottom-width",
css:"border-bottom-width",pixels:!0,color:!1,check:!1},{id:"#editor-css-border-left-width",css:"border-left-width",pixels:!0,color:!1,check:!1},{id:"#editor-css-border-top-right-radius",css:"border-top-right-radius",pixels:!0,color:!1,check:!1},{id:"#editor-css-border-top-left-radius",css:"border-top-left-radius",pixels:!0,color:!1,check:!1},{id:"#editor-css-border-bottom-right-radius",css:"border-bottom-right-radius",pixels:!0,color:!1,check:!1},{id:"#editor-css-border-bottom-left-radius",css:"border-bottom-left-radius",
pixels:!0,color:!1,check:!1}],z=[{id:"#hover-editor-css-background-color",css:"background",pixels:!1,color:!0,check:!1},{id:"#hover-editor-css-margin-top",css:"margin-top",pixels:!0,color:!1,check:!1},{id:"#hover-editor-css-margin-right",css:"margin-right",pixels:!0,color:!1,check:!1},{id:"#hover-editor-css-margin-bottom",css:"margin-bottom",pixels:!0,color:!1,check:!1},{id:"#hover-editor-css-margin-left",css:"margin-left",pixels:!0,color:!1,check:!1},{id:"#hover-editor-css-padding-top",css:"padding-top",
pixels:!0,color:!1,check:!1},{id:"#hover-editor-css-padding-right",css:"padding-right",pixels:!0,color:!1,check:!1},{id:"#hover-editor-css-padding-bottom",css:"padding-bottom",pixels:!0,color:!1,check:!1},{id:"#hover-editor-css-padding-left",css:"padding-left",pixels:!0,color:!1,check:!1},{id:"#hover-editor-css-box-shadow-spread",css:"box-shadow",pixels:!0,color:!1,check:!1,group:"box-shadow"},{id:"#hover-editor-css-box-shadow-blur",css:"box-shadow",pixels:!0,color:!1,check:!1,group:"box-shadow"},
{id:"#hover-editor-css-box-shadow-position-y",css:"box-shadow",pixels:!0,color:!1,check:!1,group:"box-shadow"},{id:"#hover-editor-css-box-shadow-position-x",css:"box-shadow",pixels:!0,color:!1,check:!1,group:"box-shadow"},{id:"#hover-editor-css-box-shadow-color",css:"box-shadow",pixels:!1,color:!0,check:!1,group:"box-shadow"},{id:"#hover-editor-css-color",css:"color",pixels:!1,color:!0,check:!1},{id:"#hover-editor-css-font-size",css:"font-size",pixels:!0,color:!1,check:!1},{id:"#hover-editor-css-font-bold",
css:"font-weight",pixels:!1,color:!1,check:!0},{id:"#hover-editor-css-font-style",css:"font-style",pixels:!1,color:!1,check:!0},{id:"#hover-editor-css-text-decoration-line",css:"text-decoration-line",pixels:!1,color:!1,check:!0},{id:"#hover-editor-css-text-align",css:"text-align",pixels:!1,color:!1,check:!1},{id:"#hover-editor-css-border-top-style",css:"border-top-style",pixels:!1,color:!1,check:!1},{id:"#hover-editor-css-border-right-style",css:"border-right-style",pixels:!1,color:!1,check:!1},{id:"#hover-editor-css-border-bottom-style",
css:"border-bottom-style",pixels:!1,color:!1,check:!1},{id:"#hover-editor-css-border-left-style",css:"border-left-style",pixels:!1,color:!1,check:!1},{id:"#hover-editor-css-border-color",css:"border-color",pixels:!1,color:!0,check:!1},{id:"#hover-editor-css-border-top-width",css:"border-top-width",pixels:!0,color:!1,check:!1},{id:"#hover-editor-css-border-right-width",css:"border-right-width",pixels:!0,color:!1,check:!1},{id:"#hover-editor-css-border-bottom-width",css:"border-bottom-width",pixels:!0,
color:!1,check:!1},{id:"#hover-editor-css-border-left-width",css:"border-left-width",pixels:!0,color:!1,check:!1},{id:"#hover-editor-css-border-top-right-radius",css:"border-top-right-radius",pixels:!0,color:!1,check:!1},{id:"#hover-editor-css-border-top-left-radius",css:"border-top-left-radius",pixels:!0,color:!1,check:!1},{id:"#hover-editor-css-border-bottom-right-radius",css:"border-bottom-right-radius",pixels:!0,color:!1,check:!1},{id:"#hover-editor-css-border-bottom-left-radius",css:"border-bottom-left-radius",
pixels:!0,color:!1,check:!1}],t=function(){d&&($(d).hasClass("main-header")&&(h&&(delete h["margin-top"],delete h["margin-right"],delete h["margin-bottom"],delete h["margin-left"]),c&&(delete c["margin-top"],delete c["margin-right"],delete c["margin-bottom"],delete c["margin-left"])),__adianti_block_ui("Salvando..."),$.post("engine.php?class=BuilderCustomCssService&method=update&static=1",{selector:d,css:c,hover:h}).then(function(b){0<$('link[href^="app/lib/include/css/builder_user_custom_css.css"]').length?
$('link[href^="app/lib/include/css/builder_user_custom_css.css"]').attr("href","app/lib/include/css/builder_user_custom_css.css?appver="+Math.ceil(1E12*Math.random())):$("head").append('<link href="app/lib/include/css/builder_user_custom_css.css?afver=730" rel="stylesheet" type="text/css" media="screen">');f=b;u();$(d).each(function(a,b){if($(this).is(":visible"))for(var g=$jscomp.makeIterator(Object.keys(c)),d=g.next();!d.done;d=g.next())d=d.value,$(this).css(d,"")});a.start();$("#only-page").prop("checked",
!1);$("#only-element").prop("checked",!1);$("#only-forms").prop("checked",!1);$("#only-datagrids").prop("checked",!1);$("#editor-css-element-selected").html("");$("#eraserelementeditorcss").addClass("disabled").attr("disabled",!0);$("#savecsseditorcss").addClass("disabled").attr("disabled",!0);h=c=d="";A();__adianti_show_toast64("success",btoa("Css atualizado com sucess"),"top right");__adianti_unblock_ui()})["catch"](function(){return __adianti_unblock_ui()}))},A=function(){for(var a=$jscomp.makeIterator(r),
c=a.next();!c.done;c=a.next())$(c.value.id).val("").change()},u=function(){var a=f.match(/(#builder-layout).*(?= {)/g);if(a)for(var c={},a=$jscomp.makeIterator(a),d=a.next();!d.done;c={selector:c.selector},d=a.next())c.selector=d.value,$(c.selector).each(function(a){return function(c,e){$(e).attr("isonlyelement","T"==$(e).attr("isonlyelement")||a.selector.match(/.*\[id\]\[name=.*\].*/)?"T":"F");$(e).attr("isonlypage","T"==$(e).attr("isonlypage")||a.selector.match(/.*\[page-name.*\].*/)?"T":"F");$(e).attr("isonlyforms",
"T"==$(e).attr("isonlyforms")||a.selector.match(/.*\[form\].*/)?"T":"F");$(e).attr("isonlydatagrids","T"==$(e).attr("isonlydatagrids")||a.selector.match(/.*\[datagrid\].*/)?"T":"F")}}(c))},v=function(a,b){$(a.id).off("change");$(a.id).on("change",function(f){var g=$(this).val();a.pixels&&(g+="px");a.check&&($(a.id).is(":checked")||(g="unset"));if(a.group&&"box-shadow"===a.group){var k="hover"==b?b+"-":"";f=$("#"+k+"editor-css-box-shadow-spread").val();var e=$("#"+k+"editor-css-box-shadow-blur").val(),
m=$("#"+k+"editor-css-box-shadow-position-y").val(),p=$("#"+k+"editor-css-box-shadow-position-x").val(),k=$("#"+k+"editor-css-box-shadow-color").val(),g=p+"px "+m+"px "+e+"px "+f+"px "+k}"normal"==b?c[a.css]=g+" !important":h[a.css]=g+" !important";l==b&&$(d).each(function(e,c){var b=!0,f=$("#only-element").is(":checked"),k=$("#only-datagrids").is(":checked"),h=$("#only-forms").is(":checked"),m=$("#only-page").is(":checked");"T"!=$(c).attr("isonlyelement")||f?"T"!=$(c).attr("isOnlyForms")||f||h?"T"!=
$(c).attr("isOnlyDatagrids")||f||k?"T"!=$(c).attr("isOnlyPage")||f||k||h||m||(b=!1):b=!1:b=!1:b=!1;0>=$(this).closest(".beditorcss").length&&$(this).is(":visible")&&b&&($(this).styleBuilder(a.css,g,1==$(d).length?"":"important"),b="background"==a.css?"background-color":a.css,b=$(this).css(b),a.color&&b&&(b=(b?b:"").replaceAll("rgb(","").replaceAll(")","").split(", "),n(parseInt(b[0]),parseInt(b[1]),parseInt(b[2]))),$(this).styleBuilder(a.css,g,"important"))})})},w=function(a,c){$(c).each(function(b,
g){var d=!0,e=$("#only-element").is(":checked"),f=$("#only-datagrids").is(":checked"),h=$("#only-forms").is(":checked"),p=$("#only-page").is(":checked");"T"!=$(g).attr("isonlyelement")||e?"T"!=$(g).attr("isOnlyForms")||e||h?"T"!=$(g).attr("isOnlyDatagrids")||e||f?"T"!=$(g).attr("isOnlyPage")||e||f||h||p||(d=!1):d=!1:d=!1:d=!1;if(0>=$(this).closest(".beditorcss").length&&$(this).is(":visible")&&d)for(d=$jscomp.makeIterator(Object.keys(a)),e=d.next();!e.done;e=d.next())e=e.value,value=(a[e]?a[e]:"").replaceAll("!important",
"").trim(),$(this).styleBuilder(e,value,1==$(c).length?"":"important"),f="background"==e?"background-color":e,f=$(this).css(f),!1!==value.indexOf("#")&&f&&(f=(f?f:"").replaceAll("rgb(","").replaceAll(")","").split(", "),f=n(parseInt(f[0]),parseInt(f[1]),parseInt(f[2]))),f!=value&&1==$(c).length&&$(this).styleBuilder(e,value,"important")})},x=function(a){var c="",b="",d="",f="";$("#only-page").is(":checked")&&(b="[page-name='"+$(a).closest("[page-name]").attr("page-name")+"']");$("#only-element").is(":checked")&&
(c="[id][name='"+$(a).attr("name")+"']");$("#only-forms").is(":checked")&&(d=" [form] ");$("#only-datagrids").is(":checked")&&(f=" [datagrid] ");var e="#builder-layout "+b+d+f+" "+$(a).prop("tagName").toLowerCase()+":not(.beditorcss)"+c,h=$(a).attr("class");if(h)for(var l=($(a).attr("class")?$(a).attr("class"):"").trim(),l=l.split(" "),h="",l=$jscomp.makeIterator(l),p=l.next();!p.done;p=l.next())p=p.value,""!=p.trim()&&(h+="."+p.trim());else h=":not([class])";e+=h?h:"";$("#editor-css-element-selected").html(b+
d+f+" "+$(a).prop("tagName").toLowerCase()+(h?h:"")+c);return e},q=function(a){var b=$(d).attr("style");$(d).each(function(a,b){if($(this).is(":visible"))for(var d=$jscomp.makeIterator(Object.keys(c)),e=d.next();!e.done;e=d.next())e=e.value,$(this).css(e,"")});d=x(a);$(d).attr("style",b);y(a,!0)},y=function(a,b){$("#eraserelementeditorcss").removeClass("disabled").attr("disabled",!1);$("#savecsseditorcss").removeClass("disabled").attr("disabled",!1);$(a).hasClass("main-header")?$("#editor-css-margin-top").closest(".flex-row").parent().hide():
$("#editor-css-margin-top").closest(".flex-row").parent().show();d=x(a);c={};h=b?h?h:{}:{};$("#only-element").off("change");$("#only-page").off("change");$("#only-datagrids").off("change");$("#only-forms").off("change");$("#only-element").on("change",function(c){$("#only-element").is(":checked")&&$("#only-page").prop("checked",!0);q(a)});$("#only-page").on("change",function(c){q(a)});$("#only-forms").on("change",function(c){q(a)});$("#only-datagrids").on("change",function(c){q(a)});for(var l=$jscomp.makeIterator(r),
g=l.next();!g.done;g=l.next()){var k=g.value,g="background"===k.css?"background-color":k.css;(g=$(a).css(g)?$(a).css(g):"")&&(c[k.css]=g+" !important");var e=(g?g:"").replaceAll("px","");k.color&&e&&(e=(e?e:"").replaceAll("rgb(","").replaceAll("rgba(","").replaceAll(")","").split(", "),e=3<e.length?n(parseInt(e[0]),parseInt(e[1]),parseInt(e[2]),parseInt(e[3])):n(parseInt(e[0]),parseInt(e[1]),parseInt(e[2])),e="#00000000"==e||"#000000"==e?"":e);$("#chooseelementeditorcss").off("change");$("#eraserelementeditorcss").off("change");
if(k.group&&"box-shadow"===k.group)if(g&&"none"!=g&&""!=g){if(g=g.split("px, ").pop().trim())e=g.match(/rgb[a]*\((.)*\)/)[0],g=g.replaceAll(/rgb[a]*\((.)*\)/g,"").trim().split("px").filter(function(a){return""!=a.trim()}).map(function(a){return a.trim()}),e=(e?e:"").replaceAll("rgb(","").replaceAll("rgba(","").replaceAll(")","").split(", "),e=n(parseInt(e[0]),parseInt(e[1]),parseInt(e[2])),$("#editor-css-box-shadow-spread").val(g[0]),$("#editor-css-box-shadow-blur").val(g[1]),$("#editor-css-box-shadow-position-x").val(g[2]),
$("#editor-css-box-shadow-position-y").val(g[3]),e?$("#editor-css-box-shadow-color").val(e).change():$("#editor-css-box-shadow-color").val("")}else $("#editor-css-box-shadow-spread").val(""),$("#editor-css-box-shadow-blur").val(""),$("#editor-css-box-shadow-position-x").val(""),$("#editor-css-box-shadow-position-y").val(""),$("#editor-css-box-shadow-color").val("");else k.check?$(k.id).prop("checked",$(k.id).val()===e):k.color&&e?$(k.id).val(e).change():$(k.id).val(e);v(k,"normal")}l={};k="("+(d+
":hover ").replace(/[\[\]\(\)\*\+\?\.\,]/g,"\\$&")+"{\\n)([^}]*?)(})";e=f&&f.match(k)?f.match(k)[2]?f.match(k)[2]:"":"";e=e.replaceAll("!important;","").trim();k=e.split("\n").map(function(a){return a.trim().split(":")});k=$jscomp.makeIterator(k);for(g=k.next();!g.done;g=k.next())g=g.value,l[g[0].trim()]=(g[1]?g[1]:"").trim();k=$jscomp.makeIterator(z);for(g=k.next();!g.done;g=k.next()){var m=g.value;(g=l[m.css]?l[m.css]:"")&&(h[m.css]=g+" !important");e=(g?g:"").replaceAll("px","");if(m.group&&"box-shadow"===
m.group)if(g&&"none"!=g&&""!=g){if(g=g.split("px, ").pop().trim())e=0<=g.indexOf("#")?g.match(/\#[a-zA-Z0-9]*/)[0]:g.match(/rgb[a]*\((.)*\)/)[0],g=g.replaceAll(/rgb[a]*\((.)*\)/g,"").replaceAll(/\#[a-zA-Z0-9]*/g,"").trim().split("px").filter(function(a){return""!=a.trim()}).map(function(a){return a.trim()}),0>e.indexOf("#")&&(e=(e?e:"").replaceAll("rgb(","").replaceAll("rgba(","").replaceAll(")","").split(", "),e=n(parseInt(e[0]),parseInt(e[1]),parseInt(e[2]))),$("#hover-editor-css-box-shadow-spread").val(g[0]),
$("#hover-editor-css-box-shadow-blur").val(g[1]),$("#hover-editor-css-box-shadow-position-x").val(g[2]),$("#hover-editor-css-box-shadow-position-y").val(g[3]),e?$(m.id).val(e).change():$("#hover-editor-css-box-shadow-color").val("")}else $("#hover-editor-css-box-shadow-spread").val(""),$("#hover-editor-css-box-shadow-blur").val(""),$("#hover-editor-css-box-shadow-position-x").val(""),$("#hover-editor-css-box-shadow-position-y").val(""),$("#hover-editor-css-box-shadow-color").val("");else m.check?
$(m.id).prop("checked",$(m.id).val()===e):m.color?"#00000000"!=e&&"transparent"!=e&&e&&$(m.id).val(e).change():$(m.id).val(e);v(m,"hover")}};return{exitEditorCss:t,initEditorCss:function(b){$("body").prepend('\n            <div class="editor-css beditorcss">\n                <div class="beditorcss">\n                    <div class="beditor-title beditorcss">\n                        <div class="beditorcss">Builder - Editor CSS</div>\n                        <small class="beditorcss" id="editor-css-element-selected">element</small>\n                    </div>\n                    <div class="beditorcss only-element">\n                        <label class="beditorcss" for="only-element">\n                            <input class="" type="checkbox" autocomplete="off" value="Y" style="height: 15px;"\n                                id="only-element"> Aplicar apenas para esse elemento\n                        </label>\n                    </div>\n                    <div class="beditorcss only-page">\n                        <label class="beditorcss"  for="only-page">\n                            <input class="" type="checkbox" autocomplete="off" value="Y" style="height: 15px;"\n                                id="only-page"> Aplicar apenas para essa p\u00e1gina\n                    </div>\n                    <div class="beditorcss only-forms">\n                        <label class="beditorcss" for="only-forms">\n                            <input class="" type="checkbox" autocomplete="off" value="Y" style="height: 15px;"\n                                id="only-forms"> Aplicar apenas para formul\u00e1rios\n                        </label>\n                    </div>\n                    <div class="beditorcss only-datagrids">\n                        <label class="beditorcss" for="only-datagrids">\n                            <input class="" type="checkbox" autocomplete="off" value="Y" style="height: 15px;"\n                                id="only-datagrids"> Aplicar apenas para listagens\n                        </label>\n                    </div>\n                </div>\n                <div class="beditorcss">\n                    <span class="beditorcss close"  onclick="window.location.reload()">\n                        <i class="beditorcss fas fa-times"></i>\n                        <div class="beditorcss" >Sair do editor</div>\n                    </span>\n                \n                    <div class="beditorcss" style="padding-left:5px">\n                        <ul class="nav nav-tabs beditorcss" role="tablist">\n                            <li role="presentation" class="active nav-item beditorcss">\n                                <a href="#bgeral" role="tab" data-toggle="tab" aria-expanded="true" class="bgeral beditorcss nav-link active"><span class="tab-name beditorcss">Geral</span></a>\n                            </li>\n                            <li role="presentation" class="beditorcss nav-item">\n                                <a href="#bhover" role="tab" data-toggle="tab" aria-expanded="true" class="bhover nav-link beditorcss"><span class="tab-name beditorcss">Hover</span></a>\n                            </li>\n                        </ul>\n                        <div class="tab-content beditorcss">\n                            <div id="bgeral" class="tab-pane active beditorcss">\n                                <div class="beditorcss">\n                                    <div class="group-editor beditorcss">\n                                        Elemento\n                                        <i class="fas fa-chevron-down beditorcss"></i>\n                                    </div>\n                                    <div class="beditorcss">\n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Cor de fundo</label>\n                                            <div class="beditorcss input-group color-div colorpicker-component" style="float:inherit; display: relative">\n                                            <input class="beditorcss tfield" widget="tcolor" type="text" autocomplete="off" name="editor-css-background-color" value="" style="width:100%;" id="editor-css-background-color"/>\n                                            <span class="beditorcss input-group-addon tcolor"><i class="beditorcss tcolor-icon"></i>\n                                            </span>\n                                            </div>\n                                            <script language=\'JavaScript\'>beditor_color_start(\'editor-css-background-color\', \'100%\', \'classic\', function(color){ }, {"swatches":["#F44336","#E91E63","#9C27B0","#673AB7","#3F51B5","#2196F3","#03A9F4","#00BCD4","#009688","#4CAF50","#8BC34A","#CDDC39","#ffe821","#FFC107","#FF9800","#FF5722","#795548","#9E9E9E","#607D8B","#000000","#ffffff"],"components":{"preview":true,"opacity":true,"hue":true,"interaction":{"hex":false,"rgba":false,"hsla":false,"hsva":false,"cmyk":false,"input":false,"clear":true,"save":true}}});\x3c/script>\n                                        </div>\n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Sombras</label>\n                                            <div class="beditorcss d-flex flex-row" style="gap: 5px;">\n                                                <div class="beditorcss">\n                                                    <label class="beditorcss">Espalhar <small class="beditorcss">spread</small></label>\n                                                    <input class="form-control tfield beditorcss" type="number" autocomplete="off" style="width:100%;" id="editor-css-box-shadow-spread" name="editor-css-box-shadow-spread">\n                                                </div>\n                                                <div class="beditorcss">\n                                                    <label class="beditorcss">Borrar <small class="beditorcss">blur</small></label>\n                                                    <input class="form-control tfield beditorcss" type="number" autocomplete="off" style="width:100%;" id="editor-css-box-shadow-blur" name="editor-css-box-shadow-blur">\n                                                </div>\n                                            </div>\n                                            <div class="beditorcss d-flex flex-row" style="gap: 5px;">\n                                                <div class="beditorcss">\n                                                    <label class="beditorcss">Posi\u00e7\u00e3o X</label>\n                                                    <input class="form-control tfield beditorcss" type="number" autocomplete="off" style="width:100%;" id="editor-css-box-shadow-position-x" name="editor-css-box-shadow-position-x">\n                                                </div>\n                                                <div class="beditorcss">\n                                                    <label class="beditorcss">Posi\u00e7\u00e3o Y</label>\n                                                    <input class="form-control tfield beditorcss" type="number" autocomplete="off" style="width:100%;" id="editor-css-box-shadow-position-y" name="editor-css-box-shadow-position-y">\n                                                </div>\n                                            </div>\n                                            <div class="beditorcss">\n                                                <label class="beditorcss">Cor da sombra</label>\n                                                <div class="beditorcss input-group color-div colorpicker-component" style="float:inherit">\n                                            <input class="beditorcss tfield" widget="tcolor" type="text" autocomplete="off" name="editor-css-box-shadow-color" value="" style="width:100%;" id="editor-css-box-shadow-color"/>\n                                            <span class="beditorcss input-group-addon tcolor"><i class="beditorcss tcolor-icon"></i>\n                                            </span>\n                                            </div>\n                                            <script language=\'JavaScript\'>beditor_color_start(\'editor-css-box-shadow-color\', \'100%\', \'classic\', function(color) {  }, {"swatches":["#F44336","#E91E63","#9C27B0","#673AB7","#3F51B5","#2196F3","#03A9F4","#00BCD4","#009688","#4CAF50","#8BC34A","#CDDC39","#ffe821","#FFC107","#FF9800","#FF5722","#795548","#9E9E9E","#607D8B","#000000","#ffffff"],"components":{"preview":true,"opacity":true,"hue":true,"interaction":{"hex":false,"rgba":false,"hsla":false,"hsva":false,"cmyk":false,"input":false,"clear":true,"save":true}}});\x3c/script>\n                                            </div>\n                                        </div>\n                        \n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Margem <small class="beditorcss">px</small></label>\n                                            <div class="d-flex flex-row beditorcss" style="gap: 5px;">\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Top</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="editor-css-margin-top">\n                                                </div>\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Rigth</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="editor-css-margin-right">\n                                                </div>\n                                            </div>                                    \n                                            <div class="d-flex flex-row beditorcss" style="gap: 5px;">\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Bottom</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="editor-css-margin-bottom">\n                                                </div>\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Left</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="editor-css-margin-left">\n                                                </div>\n                                            </div>\n                                        </div>\n                        \n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Preenchimento <small class="beditorcss">Padding (px)</small></label>\n                                            <div class="d-flex flex-row beditorcss" style="gap: 5px;">\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Top</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off"\n                                                        style="width:100%;" id="editor-css-padding-top">\n                                                </div>\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Right</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" style="width:100%;" id="editor-css-padding-right">\n                                                </div>\n                                            </div>                                    \n                                            <div class="d-flex flex-row beditorcss" style="gap: 5px;">\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Bottom</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" style="width:100%;" id="editor-css-padding-bottom">\n                                                </div>\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Left</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" style="width:100%;" id="editor-css-padding-left">\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class="beditorcss">\n                                    <div class="group-editor beditorcss">\n                                        Fonte\n                                        <i class="fas fa-chevron-down beditorcss"></i>\n                                    </div>\n                                    <div class="beditorcss">\n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Cor</label>\n                                            <div class="beditorcss input-group color-div colorpicker-component" style="float:inherit">\n                                            <input class="beditorcss tfield" widget="tcolor" type="text" autocomplete="off" name="editor-css-color" value="" style="width:100%;" id="editor-css-color"/>\n                                            <span class="beditorcss input-group-addon tcolor"><i class="beditorcss tcolor-icon"></i>\n                                            </span>\n                                            </div>\n                                            <script language=\'JavaScript\'>beditor_color_start(\'editor-css-color\', \'100%\', \'classic\', function(color) {  }, {"swatches":["#F44336","#E91E63","#9C27B0","#673AB7","#3F51B5","#2196F3","#03A9F4","#00BCD4","#009688","#4CAF50","#8BC34A","#CDDC39","#ffe821","#FFC107","#FF9800","#FF5722","#795548","#9E9E9E","#607D8B","#000000","#ffffff"],"components":{"preview":true,"opacity":true,"hue":true,"interaction":{"hex":false,"rgba":false,"hsla":false,"hsva":false,"cmyk":false,"input":false,"clear":true,"save":true}}});\x3c/script>\n                                        </div>\n                        \n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Alinhamento</label>\n                                            <select id="editor-css-text-align" class="form-control tfield beditorcss" style="width:100%;">\n                                                <option value=""></option>\n                                                <option value="left">Esquerda</option>\n                                                <option value="right">Direita</option>\n                                                <option value="center">Centro</option>\n                                            </select>\n                                        </div>\n\n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Tamanho</label>\n                                            <input class="form-control tfield beditorcss" type="number" autocomplete="off" style="width:100%;" id="editor-css-font-size">\n                                        </div>\n                        \n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Estilos</label>\n                                            <label class="beditorcss" for="editor-css-font-bold">\n                                                <input class="beditorcss" type="checkbox" autocomplete="off" value="bold" style="height: 15px;" id="editor-css-font-bold"> Negrito\n                                            </label>\n                                            <label class="beditorcss" for="editor-css-font-style">\n                                                <input class="beditorcss" type="checkbox" autocomplete="off" value="italic" style="height: 15px;" id="editor-css-font-style"> Italico\n                                            </label>\n                                            <label class="beditorcss" for="editor-css-text-decoration-line">\n                                                <input class="beditorcss" type="checkbox" autocomplete="off" value="underline" style="height: 15px;" id="editor-css-text-decoration-line"> Sublinhado\n                                            </label>\n                                        </div>\n                        \n                                    </div>\n                                </div>\n                                <div class="beditorcss">\n                                    <div class="group-editor beditorcss">\n                                        Bordas\n                                        <i class="fas fa-chevron-down beditorcss"></i>\n                                    </div>\n                                    <div class="beditorcss">\n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Cor</label>\n                                            <div class="beditorcss input-group color-div colorpicker-component" style="float:inherit">\n                                            <input class="beditorcss tfield" widget="tcolor" type="text" autocomplete="off" name="editor-css-border-color" value="" style="width:100%;" id="editor-css-border-color"/>\n                                            <span class="beditorcss input-group-addon tcolor"><i class="beditorcss tcolor-icon"></i>\n                                            </span>\n                                            </div>\n                                            <script language=\'JavaScript\'>beditor_color_start(\'editor-css-border-color\', \'100%\', \'classic\', function(color) {  }, {"swatches":["#F44336","#E91E63","#9C27B0","#673AB7","#3F51B5","#2196F3","#03A9F4","#00BCD4","#009688","#4CAF50","#8BC34A","#CDDC39","#ffe821","#FFC107","#FF9800","#FF5722","#795548","#9E9E9E","#607D8B","#000000","#ffffff"],"components":{"preview":true,"opacity":true,"hue":true,"interaction":{"hex":false,"rgba":false,"hsla":false,"hsva":false,"cmyk":false,"input":false,"clear":true,"save":true}}});\x3c/script>\n                                        </div>\n                        \n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Tamanho <small class="beditorcss">px</small></label>\n                                            <div class="d-flex flex-row beditorcss" style="gap: 5px;">\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Top</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="editor-css-border-top-width">\n                                                </div>\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Right</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="editor-css-border-right-width">\n                                                </div>                            \n                                            </div>                            \n                                            <div class="d-flex flex-row beditorcss" style="gap: 5px;">\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Bottom</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="editor-css-border-bottom-width">\n                                                </div>\n                                                <div class="beditorcss"> \n                                                    <small class="beditorcss">Left</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="editor-css-border-left-width">\n                                                </div>\n                                            </div>\n                                        </div>\n                        \n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Estilo</label>\n                                            <div class="d-flex flex-row beditorcss" style="gap: 5px;">\n                                                <div class="w-100 beditorcss">\n                                                    <small class="beditorcss">Top</small>\n                                                    <select id="editor-css-border-top-style" class="form-control tfield beditorcss" style="width:100%;">\n                                                        <option value=""></option>\n                                                        <option value="solid">Solid</option>\n                                                        <option value="dashed">Dashed</option>\n                                                        <option value="dotted">Dotted</option>\n                                                        <option value="groove">Groove</option>\n                                                        <option value="double">Double</option>\n                                                        <option value="ridge">Ridge</option>\n                                                    </select>\n                                                </div>\n                                                <div class="w-100 beditorcss">\n                                                    <small class="beditorcss">Right</small>\n                                                    <select id="editor-css-border-right-style" class="form-control tfield beditorcss" style="width:100%;">\n                                                        <option value=""></option>\n                                                        <option value="solid">Solid</option>\n                                                        <option value="dashed">Dashed</option>\n                                                        <option value="dotted">Dotted</option>\n                                                        <option value="groove">Groove</option>\n                                                        <option value="double">Double</option>\n                                                        <option value="ridge">Ridge</option>\n                                                    </select>\n                                                </div>\n                                            </div>\n                                            <div class="d-flex flex-row beditorcss" style="gap: 5px;">\n                                                <div class="w-100 beditorcss">\n                                                    <small class="beditorcss">Bottom</small>\n                                                    <select id="editor-css-border-bottom-style" class="form-control tfield beditorcss" style="width:100%;">\n                                                        <option value=""></option>\n                                                        <option value="solid">Solid</option>\n                                                        <option value="dashed">Dashed</option>\n                                                        <option value="dotted">Dotted</option>\n                                                        <option value="groove">Groove</option>\n                                                        <option value="double">Double</option>\n                                                        <option value="ridge">Ridge</option>\n                                                    </select>\n                                                </div>\n                                                <div class="w-100 beditorcss">\n                                                    <small class="beditorcss">Left</small>\n                                                    <select id="editor-css-border-left-style" class="form-control tfield beditorcss" style="width:100%;">\n                                                        <option value=""></option>\n                                                        <option value="solid">Solid</option>\n                                                        <option value="dashed">Dashed</option>\n                                                        <option value="dotted">Dotted</option>\n                                                        <option value="groove">Groove</option>\n                                                        <option value="double">Double</option>\n                                                        <option value="ridge">Ridge</option>\n                                                    </select>\n                                                </div>\n                                            </div>\n                                        </div>\n                        \n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Raio <small class="beditorcss">px</small></label>\n                                            <div class="d-flex flex-row" style="gap: 5px;">\n                                                <div>\n                                                    <small class="beditorcss">Top Right</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="editor-css-border-top-right-radius">\n                                                </div>\n                                                <div>\n                                                    <small class="beditorcss">Top Left</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="editor-css-border-top-left-radius">\n                                                </div>\n                                            </div>\n                                            <div class="d-flex flex-row" style="gap: 5px;">\n                                                <div>\n                                                    <small class="beditorcss">Bottom Right</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="editor-css-border-bottom-right-radius">\n                                                </div>\n                                                <div>\n                                                    <small class="beditorcss">Bottom Left</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="editor-css-border-bottom-left-radius">\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div id="bhover" class="tab-pane beditorcss">\n                            <div class="beditorcss">\n                                    <div class="group-editor beditorcss">\n                                        Elemento\n                                        <i class="fas fa-chevron-down beditorcss"></i>\n                                    </div>\n                                    <div class="beditorcss">\n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Cor de fundo</label>\n                                            <div class="beditorcss input-group color-div colorpicker-component" style="float:inherit">\n                                            <input class="beditorcss tfield" widget="tcolor" type="text" autocomplete="off" name="hover-editor-css-background-color" value="" style="width:100%;" id="hover-editor-css-background-color"/>\n                                            <span class="beditorcss input-group-addon tcolor"><i class="beditorcss tcolor-icon"></i>\n                                            </span>\n                                            </div>\n                                            <script language=\'JavaScript\'>beditor_color_start(\'hover-editor-css-background-color\', \'100%\', \'classic\', function(color) { console.log(\'color?\' + color); }, {"swatches":["#F44336","#E91E63","#9C27B0","#673AB7","#3F51B5","#2196F3","#03A9F4","#00BCD4","#009688","#4CAF50","#8BC34A","#CDDC39","#ffe821","#FFC107","#FF9800","#FF5722","#795548","#9E9E9E","#607D8B","#000000","#ffffff"],"components":{"preview":true,"opacity":true,"hue":true,"interaction":{"hex":false,"rgba":false,"hsla":false,"hsva":false,"cmyk":false,"input":false,"clear":true,"save":true}}});\x3c/script>\n                                        </div>\n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Sombras</label>\n                                            <div class="beditorcss d-flex flex-row" style="gap: 5px;">\n                                                <div class="beditorcss">\n                                                    <label class="beditorcss">Espalhar <small class="beditorcss">spread</small></label>\n                                                    <input class="form-control tfield beditorcss" type="number" autocomplete="off" style="width:100%;" id="hover-editor-css-box-shadow-spread" name="hover-editor-css-box-shadow-spread">\n                                                </div>\n                                                <div class="beditorcss">\n                                                    <label class="beditorcss">Borrar <small class="beditorcss">blur</small></label>\n                                                    <input class="form-control tfield beditorcss" type="number" autocomplete="off" style="width:100%;" id="hover-editor-css-box-shadow-blur" name="hover-editor-css-box-shadow-blur">\n                                                </div>\n                                            </div>\n                                            <div class="beditorcss d-flex flex-row" style="gap: 5px;">\n                                                <div class="beditorcss">\n                                                    <label class="beditorcss">Posi\u00e7\u00e3o X</label>\n                                                    <input class="form-control tfield beditorcss" type="number" autocomplete="off" style="width:100%;" id="hover-editor-css-box-shadow-position-x" name="hover-editor-css-box-shadow-position-x">\n                                                </div>\n                                                <div class="beditorcss">\n                                                    <label class="beditorcss">Posi\u00e7\u00e3o Y</label>\n                                                    <input class="form-control tfield beditorcss" type="number" autocomplete="off" style="width:100%;" id="hover-editor-css-box-shadow-position-y" name="hover-editor-css-box-shadow-position-y">\n                                                </div>\n                                            </div>\n                                            <div class="beditorcss">\n                                                <label class="beditorcss">Cor da sombra</label>\n                                                <div class="beditorcss input-group color-div colorpicker-component" style="float:inherit">\n                                            <input class="beditorcss tfield" widget="tcolor" type="text" autocomplete="off" name="hover-editor-css-box-shadow-color" value="" style="width:100%;" id="hover-editor-css-box-shadow-color"/>\n                                            <span class="beditorcss input-group-addon tcolor"><i class="beditorcss tcolor-icon"></i>\n                                            </span>\n                                            </div>\n                                            <script language=\'JavaScript\'>beditor_color_start(\'hover-editor-css-box-shadow-color\', \'100%\', \'classic\', function(color) {  }, {"swatches":["#F44336","#E91E63","#9C27B0","#673AB7","#3F51B5","#2196F3","#03A9F4","#00BCD4","#009688","#4CAF50","#8BC34A","#CDDC39","#ffe821","#FFC107","#FF9800","#FF5722","#795548","#9E9E9E","#607D8B","#000000","#ffffff"],"components":{"preview":true,"opacity":true,"hue":true,"interaction":{"hex":false,"rgba":false,"hsla":false,"hsva":false,"cmyk":false,"input":false,"clear":true,"save":true}}});\x3c/script>\n                                            </div>\n                                        </div>\n                        \n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Margem <small class="beditorcss">px</small></label>\n                                            <div class="d-flex flex-row beditorcss" style="gap: 5px;">\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Top</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="hover-editor-css-margin-top">\n                                                </div>\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Rigth</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="hover-editor-css-margin-right">\n                                                </div>\n                                            </div>                                    \n                                            <div class="d-flex flex-row beditorcss" style="gap: 5px;">\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Bottom</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="hover-editor-css-margin-bottom">\n                                                </div>\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Left</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="hover-editor-css-margin-left">\n                                                </div>\n                                            </div>\n                                        </div>\n                        \n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Preenchimento <small class="beditorcss">Padding (px)</small></label>\n                                            <div class="d-flex flex-row beditorcss" style="gap: 5px;">\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Top</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off"\n                                                        style="width:100%;" id="hover-editor-css-padding-top">\n                                                </div>\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Right</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" style="width:100%;" id="hover-editor-css-padding-right">\n                                                </div>\n                                            </div>                                    \n                                            <div class="d-flex flex-row beditorcss" style="gap: 5px;">\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Bottom</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" style="width:100%;" id="hover-editor-css-padding-bottom">\n                                                </div>\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Left</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" style="width:100%;" id="hover-editor-css-padding-left">\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class="beditorcss">\n                                    <div class="group-editor beditorcss">\n                                        Fonte\n                                        <i class="fas fa-chevron-down beditorcss"></i>\n                                    </div>\n                                    <div class="beditorcss">\n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Cor</label>\n                                            <div class="beditorcss input-group color-div colorpicker-component" style="float:inherit">\n                                            <input class="beditorcss tfield" widget="tcolor" type="text" autocomplete="off" name="hover-editor-css-color" value="" style="width:100%;" id="hover-editor-css-color"/>\n                                            <span class="beditorcss input-group-addon tcolor"><i class="beditorcss tcolor-icon"></i>\n                                            </span>\n                                            </div>\n                                            <script language=\'JavaScript\'>beditor_color_start(\'hover-editor-css-color\', \'100%\', \'classic\', function(color) {  }, {"swatches":["#F44336","#E91E63","#9C27B0","#673AB7","#3F51B5","#2196F3","#03A9F4","#00BCD4","#009688","#4CAF50","#8BC34A","#CDDC39","#ffe821","#FFC107","#FF9800","#FF5722","#795548","#9E9E9E","#607D8B","#000000","#ffffff"],"components":{"preview":true,"opacity":true,"hue":true,"interaction":{"hex":false,"rgba":false,"hsla":false,"hsva":false,"cmyk":false,"input":false,"clear":true,"save":true}}});\x3c/script>\n                                        </div>\n                        \n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Alinhamento</label>\n                                            <select id="hover-editor-css-text-align" class="form-control tfield beditorcss" style="width:100%;">\n                                                <option value=""></option>\n                                                <option value="left">Esquerda</option>\n                                                <option value="right">Direita</option>\n                                                <option value="center">Centro</option>\n                                            </select>\n                                        </div>\n\n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Tamanho</label>\n                                            <input class="form-control tfield beditorcss" type="number" autocomplete="off" style="width:100%;" id="hover-editor-css-font-size">\n                                        </div>\n                        \n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Estilos</label>\n                                            <label class="beditorcss" for="hover-editor-css-font-bold">\n                                                <input class="beditorcss" type="checkbox" autocomplete="off" value="bold" style="height: 15px;" id="hover-editor-css-font-bold"> Negrito\n                                            </label>\n                                            <label class="beditorcss" for="hover-editor-css-font-style">\n                                                <input class="beditorcss" type="checkbox" autocomplete="off" value="italic" style="height: 15px;" id="hover-editor-css-font-style"> Italico\n                                            </label>\n                                            <label class="beditorcss" for="hover-editor-css-text-decoration-line">\n                                                <input class="beditorcss" type="checkbox" autocomplete="off" value="underline" style="height: 15px;" id="hover-editor-css-text-decoration-line"> Sublinhado\n                                            </label>\n                                        </div>\n                        \n                                    </div>\n                                </div>\n                                <div class="beditorcss">\n                                    <div class="group-editor beditorcss">\n                                        Bordas\n                                        <i class="fas fa-chevron-down beditorcss"></i>\n                                    </div>\n                                    <div class="beditorcss">\n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Cor</label>\n                                            <div class="beditorcss input-group color-div colorpicker-component" style="float:inherit">\n                                            <input class="beditorcss tfield" widget="tcolor" type="text" autocomplete="off" name="hover-editor-css-border-color" value="" style="width:100%;" id="hover-editor-css-border-color"/>\n                                            <span class="beditorcss input-group-addon tcolor"><i class="beditorcss tcolor-icon"></i>\n                                            </span>\n                                            </div>\n                                            <script language=\'JavaScript\'>beditor_color_start(\'hover-editor-css-border-color\', \'100%\', \'classic\', function(color) {  }, {"swatches":["#F44336","#E91E63","#9C27B0","#673AB7","#3F51B5","#2196F3","#03A9F4","#00BCD4","#009688","#4CAF50","#8BC34A","#CDDC39","#ffe821","#FFC107","#FF9800","#FF5722","#795548","#9E9E9E","#607D8B","#000000","#ffffff"],"components":{"preview":true,"opacity":true,"hue":true,"interaction":{"hex":false,"rgba":false,"hsla":false,"hsva":false,"cmyk":false,"input":false,"clear":true,"save":true}}});\x3c/script>\n                                        </div>\n                        \n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Tamanho <small class="beditorcss">px</small></label>\n                                            <div class="d-flex flex-row beditorcss" style="gap: 5px;">\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Top</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="hover-editor-css-border-top-width">\n                                                </div>\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Right</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="hover-editor-css-border-right-width">\n                                                </div>                            \n                                            </div>                            \n                                            <div class="d-flex flex-row beditorcss" style="gap: 5px;">\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Bottom</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="hover-editor-css-border-bottom-width">\n                                                </div>\n                                                <div class="beditorcss"> \n                                                    <small class="beditorcss">Left</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="hover-editor-css-border-left-width">\n                                                </div>\n                                            </div>\n                                        </div>\n                        \n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Estilo</label>\n                                            <div class="d-flex flex-row beditorcss" style="gap: 5px;">\n                                                <div class="w-100 beditorcss">\n                                                    <small class="beditorcss">Top</small>\n                                                    <select id="hover-editor-css-border-top-style" class="form-control tfield beditorcss" style="width:100%;">\n                                                        <option value=""></option>\n                                                        <option value="solid">Solid</option>\n                                                        <option value="dashed">Dashed</option>\n                                                        <option value="dotted">Dotted</option>\n                                                        <option value="groove">Groove</option>\n                                                        <option value="double">Double</option>\n                                                        <option value="ridge">Ridge</option>\n                                                    </select>\n                                                </div>\n                                                <div class="w-100 beditorcss">\n                                                    <small class="beditorcss">Right</small>\n                                                    <select id="hover-editor-css-border-right-style" class="form-control tfield beditorcss" style="width:100%;">\n                                                        <option value=""></option>\n                                                        <option value="solid">Solid</option>\n                                                        <option value="dashed">Dashed</option>\n                                                        <option value="dotted">Dotted</option>\n                                                        <option value="groove">Groove</option>\n                                                        <option value="double">Double</option>\n                                                        <option value="ridge">Ridge</option>\n                                                    </select>\n                                                </div>\n                                            </div>\n                                            <div class="d-flex flex-row beditorcss" style="gap: 5px;">\n                                                <div class="w-100 beditorcss">\n                                                    <small class="beditorcss">Bottom</small>\n                                                    <select id="hover-editor-css-border-bottom-style" class="form-control tfield beditorcss" style="width:100%;">\n                                                        <option value=""></option>\n                                                        <option value="solid">Solid</option>\n                                                        <option value="dashed">Dashed</option>\n                                                        <option value="dotted">Dotted</option>\n                                                        <option value="groove">Groove</option>\n                                                        <option value="double">Double</option>\n                                                        <option value="ridge">Ridge</option>\n                                                    </select>\n                                                </div>\n                                                <div class="w-100 beditorcss">\n                                                    <small class="beditorcss">Left</small>\n                                                    <select id="hover-editor-css-border-left-style" class="form-control tfield beditorcss" style="width:100%;">\n                                                        <option value=""></option>\n                                                        <option value="solid">Solid</option>\n                                                        <option value="dashed">Dashed</option>\n                                                        <option value="dotted">Dotted</option>\n                                                        <option value="groove">Groove</option>\n                                                        <option value="double">Double</option>\n                                                        <option value="ridge">Ridge</option>\n                                                    </select>\n                                                </div>\n                                            </div>\n                                        </div>\n                        \n                                        <div class="beditorcss">\n                                            <label class="beditorcss">Raio <small class="beditorcss">px</small></label>\n                                            <div class="d-flex flex-row" style="gap: 5px;">\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Top Right</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="hover-editor-css-border-top-right-radius">\n                                                </div>\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Top Left</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="hover-editor-css-border-top-left-radius">\n                                                </div>\n                                            </div>\n                                            <div class="beditorcss d-flex flex-row" style="gap: 5px;">\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Bottom Right</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="hover-editor-css-border-bottom-right-radius">\n                                                </div>\n                                                <div class="beditorcss">\n                                                    <small class="beditorcss">Bottom Left</small>\n                                                    <input class="beditorcss form-control tfield" type="number" autocomplete="off" id="hover-editor-css-border-bottom-left-radius">\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class="beditorcss">\n                    <button id="savecsseditorcss" class="btn btn-sm btn-primary beditorcss" onclick="BuilderEditorCss.exitEditorCss();" type="button" title="Salvar CSS customizados do elemento">\n                        <i class="fa fa-save beditorcss"></i>\n                        Salvar\n                    </button>\n                    <button id="chooseelementeditorcss" class="btn btn-sm btn-default beditorcss" type="button" title="Escolher elemento para customiza\u00e7\u00e3o">\n                        <i class="fa fa-search beditorcss"></i>\n                        Inspecionar\n                    </button>\n                    <button id="eraserelementeditorcss" class="btn btn-sm btn-default beditorcss" type="button" title="Limpar CSS customizados do elemento">\n                        <i class="fa fa-eraser red beditorcss"></i>\n                        Limpar\n                    </button>\n                </div>\n                <style>.beditorcss .pcr-app {width: 232px !important; position: absolute !important; top: 30px !important; } .beditorcss div.color-div .pickr { background-color: white; } .nav-tabs.beditorcss + .tab-content.beditorcss{padding:0px}ul.nav.nav-tabs.beditorcss {border-bottom: 1px solid #4c5662;} span.tab-name.beditorcss{color: white;} .nav-link.active span.tab-name.beditorcss{color: #f9910c;} a.nav-link.beditorcss:not(.active):hover,.nav-tabs .nav-item .nav-link.beditorcss.active{background: #4c5662 !important;}span.input-group-addon.tcolor.beditorcss{background:#fff;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}div.DomOutline{background-color:#fd930a!important;cursor:pointer}div.DomOutline_label{border-radius:0!important;background-color:#fd930a!important;cursor:pointer}.editor-css.active.position-left{left:0;transition:.3s}.editor-css.active:not(.position-left){right:0;transition:.3s}.editor-css.position-left{left:-275px;border-right:2px solid #f5f5f5}.editor-css:not(.position-left){right:-275px;border-left:2px solid #f5f5f5}.editor-css{display:flex;flex-direction:column;transition:.3s;position:fixed;top:0;width:275px;height:100vh;background-color:#5a6571;border-radius:.25rem;z-index:2060;box-shadow:0 2px 10px rgb(0 0 0 / 20%)}.editor-css .close{text-shadow:none;position:absolute;top:10px;right:15px;font-size:25px;color:#f9910c;opacity:1;cursor:pointer;justify-content:center;display:flex;text-align:center;flex-direction: column;}.editor-css .close div {font-size:10px;color:white;text-align:center;} .editor-css .form-control{width:100%}.editor-css>div:nth-child(2){flex:1;overflow-y:auto;overflow-x:hidden}.editor-css>div:nth-child(3){border-top:1px solid #f5f5f5;background-color:#5a6571;padding:.75rem 1.25rem;display:flex;justify-content:center;align-items:center;gap:5px}.only-datagrids,.only-element,.only-forms,.only-page{padding:5px .75rem}.only-datagrids label,.only-element label,.only-forms label,.only-page label{color:#f5f5f5}.editor-css .beditor-title{background-color:#4c5662;padding:15px .75rem}.editor-css .beditor-title small{color:#f5f5f5}.editor-css .beditor-title>div:nth-child(1){color:#fd930a;text-transform:uppercase}.editor-css ::-webkit-scrollbar{width:5px;height:8px;background-color:#aaa}.editor-css .group-editor{font-weight:600;padding:15px .75rem;color:#fff;background-color:#4c5662;position:relative;user-select:none;cursor:pointer;border-bottom:1px solid #fd930a}.editor-css .group-editor::before{content:" ";background-color:#fd930a;width:12px;border-radius:.25rem;height:6px;position:absolute;left:-3px;bottom:-3px}.editor-css .group-editor+div{padding:.75rem}.editor-css .group-editor+div small{color:#f5f5f5}.editor-css .group-editor+div label{margin-top:10px;color:wheat}.editor-css .group-editor i{position:absolute;right:15px;top:20px}label.beditorcss{width:100%}.btn-sm.beditorcss{padding:.25rem .5rem;font-size:.875rem;height: unset;border-radius:.2rem;}.editor-css .form-control { display: block } .editor-css #bhover, .editor-css #bgeral{ padding-left:5px !important; padding-right:5px !important; } .editor-css .nav-link.active{ border-bottom-color: #5a6571; border-color: #5a6571;border-top-color: #f48f0e !important; } .editor-css .nav-link:hover{ border-color: #f48f0e !important; }</style>\n            </div>');
$("body>:not(.beditorcss)").each(function(){$(this).find("*").css("pointer-events","unset").attr("href","").attr("onclick","").on("mousedown",function(){return!1}).on("focusin",function(){return!1}).on("focus",function(){return!1}).on("click",function(){return!1})});$("#eraserelementeditorcss").addClass("disabled").attr("disabled",!0);$("#savecsseditorcss").addClass("disabled").attr("disabled",!0);b=275+(0<$(".brand-link").length?$(".brand-link").innerWidth():0);$(".editor-css").addClass("active");
$("html").css("margin-right","275px");$("#adianti_right_panel").css("right","275px");$("header.main-header,nav.nav.navbar,nav.navbar.navbar-expand").css("width","calc(100vw - "+b+"px)");$(".only-element").hide();$(".only-page").hide();$(".only-forms").hide();$(".only-datagrids").hide();$(".dropdown-menu").removeClass("show");$.post("engine.php?class=BuilderCustomCssService&method=getCss&static=1",{}).then(function(a){f=a;u()});$(".group-editor").on("click",function(){$(this).next().is(":visible")?
($(this).next().slideUp(300),$(this).find("i").css({transform:"rotate(180deg)",transition:".3s"})):($(this).next().slideDown(300),$(this).find("i").css({transform:"rotate(0deg)",transition:".3s"}))});$(".bgeral").on("click",function(){l="normal";d&&w(c,d)});$(".bhover").on("click",function(){l="hover";d&&w(h,d)});a=DomOutline({borderWidth:6,onClick:function(b,f){$(b).attr("name")?$(".only-element").show():$(".only-element").hide();0<$(b).closest("[page-name]").length?$(".only-page").show():$(".only-page").hide();
0<$(b).closest("[form]").length?$(".only-forms").show():$(".only-forms").hide();0<$(b).closest("[datagrid]").length?$(".only-datagrids").show():$(".only-datagrids").hide();$(".editor-css").addClass("active");"T"==$(b).attr("isonlyelement")&&$("#only-element").prop("checked",!0);"T"==$(b).attr("isonlypage")&&$("#only-page").prop("checked",!0);"T"==$(b).attr("isonlyforms")&&$("#only-forms").prop("checked",!0);"T"==$(b).attr("isonlyforms")&&$("#only-datagrids").prop("checked",!0);y(b);a.stop();f.preventDefault();
f.stopImmediatePropagation();f.stopPropagation();$("#chooseelementeditorcss").on("click",function(){$(d).each(function(a,b){if($(this).is(":visible"))for(var e=$jscomp.makeIterator(Object.keys(c)),d=e.next();!d.done;d=e.next())d=d.value,$(this).css(d,"")});a.start();$("#only-page").prop("checked",!1);$("#only-element").prop("checked",!1);$("#only-forms").prop("checked",!1);$("#only-datagrids").prop("checked",!1);$("#eraserelementeditorcss").addClass("disabled").attr("disabled",!0);$("#savecsseditorcss").addClass("disabled").attr("disabled",
!0)});$("#eraserelementeditorcss").on("click",function(){__adianti_question("Aten\u00e7\u00e3o","Deseja limpar os CSSs customizados de <br/><b>"+$("#editor-css-element-selected").html()+"</b>?",function(){h=c="";t();window.location.reload()},function(){},"Sim","N\u00e3o")})},filter:":not(.beditorcss,:not([class])),label:not(.beditorcss)"});a.start()}}}();
(function(a){if(!a.fn.style){var d=function(a){return a.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")};CSSStyleDeclaration.prototype.getPropertyValue||(CSSStyleDeclaration.prototype.getPropertyValue=function(a){return this.getAttribute(a)},CSSStyleDeclaration.prototype.setProperty=function(a,h,f){this.setAttribute(a,h);f="undefined"!=typeof f?f:"";if(""!=f){var c=new RegExp(d(a)+"\\s*:\\s*"+d(h)+"(\\s*;)?","gmi");this.cssText=this.cssText.replace(c,a+": "+h+" !"+f+";")}},CSSStyleDeclaration.prototype.removeProperty=
function(a){return this.removeAttribute(a)},CSSStyleDeclaration.prototype.getPropertyPriority=function(a){return(new RegExp(d(a)+"\\s*:\\s*[^\\s]*\\s*!important(\\s*;)?","gmi")).test(this.cssText)?"important":""});a.fn.styleBuilder=function(a,d,f){if("undefined"==typeof this.get(0))return this;var c=this.get(0).style;return"undefined"!=typeof a?"undefined"!=typeof d?(c.setProperty(a,d,"undefined"!=typeof f?f:""),this):c.getPropertyValue(a):c}}})(jQuery);