From 90eef709e85fba5303aa1bbc508e1b381ca96943 Mon Sep 17 00:00:00 2001 From: sifat009 Date: Wed, 5 Feb 2025 13:05:43 +0600 Subject: [PATCH] update: Security Update(Prevent Cross-Site Scripting) --- build/qubely/assets/js/qubely.min.js | 2 +- build/qubely/core/blocks/postgrid.php | 4 ++-- build/qubely/qubely.php | 6 +++--- build/qubely/readme.txt | 7 +++++-- core/blocks/postgrid.php | 4 ++-- qubely.php | 6 +++--- readme.txt | 7 +++++-- 7 files changed, 21 insertions(+), 15 deletions(-) diff --git a/build/qubely/assets/js/qubely.min.js b/build/qubely/assets/js/qubely.min.js index 5a7b930e..a92be125 100644 --- a/build/qubely/assets/js/qubely.min.js +++ b/build/qubely/assets/js/qubely.min.js @@ -16,4 +16,4 @@ object-assign (c) Sindre Sorhus @license MIT -*/var a=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;function i(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var a={};return"abcdefghijklmnopqrst".split("").forEach((function(e){a[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},a)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,r,c=i(e),s=1;s0&&(s=JSON.parse(JSON.stringify(i))),l&&!s.hasOwnProperty("unit")&&(s.unit="px"),"unit"===t&&c?s.unit=e:(s=c?Object.assign(s,i,function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({},window.qubelyDevice,e)):e,s=a?so?o:s:s>1e3?1e3:s),r(s),this.setState({current:s})}},{key:"_minMax",value:function(e){var t=this._filterValue("unit");return this.props[e]&&0!=this.props[e]?"em"==t?Math.round(this.props[e]/16):this.props[e]:0}},{key:"_steps",value:function(){return"em"==this._filterValue("unit")?.001:this.props.step||1}},{key:"updateDevice",value:function(e){var t=this.props,n=t.value,a=t.onChange;void 0!==t.device&&a(P({},n,{device:e})),this.setState({device:e})}},{key:"render",value:function(){var e=this,t=this.props,n=t.unit,a=t.label,o=t.responsive,l=t.device,i=t.onDeviceChange,r=t.disabled,c=void 0!==r&&r,s=o?l||this.state.device:window.qubelyDevice;return React.createElement("div",{className:"qubely-field-range qubely-field "+(o?"qubely-responsive":"")},(a||n||o)&&React.createElement("div",{className:"qubely-d-flex qubely-align-center qubely-mb-10"},a&&React.createElement("div",null,React.createElement("label",{htmlFor:"input"},a)),o&&React.createElement(v,{device:s,commonResponsiveDevice:l,className:"qubely-ml-10",onChange:function(t){l&&i?i(t):e.updateDevice(t)}}),n&&React.createElement("div",{className:"qubely-unit-btn-group qubely-ml-auto"},("object"==(void 0===n?"undefined":N(n))?n:["px","em","%"]).map((function(t,n){return React.createElement("button",{key:n,className:e.props.value&&t==e.props.value.unit?"active":"",onClick:function(){e.setSettings(t,"unit")}},t)})))),React.createElement("div",{className:"qubely-field-child"},React.createElement("div",{className:"qubely-input-range"},React.createElement("input",{type:"range",min:this._minMax("min"),max:this._minMax("max"),value:this._filterValue(),step:this._steps(),disabled:c,onChange:function(t){return e.setSettings(e._filterValue()==t.target.value?"":t.target.value,"range")}}),React.createElement("input",P({type:"number",step:this._steps(),onChange:function(t){return e.setSettings(t.target.value,"range")},value:this._filterValue()+(this.props.suffix?this.props.suffix:""),disabled:c},this.props.suffix&&{disabled:!0})))))}}]),t}(wp.element.Component),L=n(104),z={insert:"head",singleton:!1},A=(p()(L.a,z),L.a.locals,function(){function e(e,t){for(var n=0;n0&&clearTimeout(this.timer),this.timer=setTimeout((function(){o.css(l)}),300)}this.setState({isAnimate:!a})}}},{key:"render",value:function(){var e=this,t=this.props,n=t.value,a=t.label,o=t.uniqueId,l=!(!n||1!==n.openAnimation);return React.createElement("div",{className:"qubely-fields qubely-animation qubely-field-alt"},React.createElement(Q,{clear:!0,label:a||"",noValue:"None",value:n.animation||"",options:[["fade",V("Fade")],["slide",V("Slide")],["bounce",V("Bounce")],["zoom",V("Zoom")],["flip",V("Flip")],["fold",V("Fold")],["rotate","Rotate"]],onChange:function(t){return e.setSettings("animation",t)}}),l&&React.createElement(K,null,React.createElement(Q,{label:V("Direction"),value:n.direction||"center",options:this._valueChange(n.animation,"data"),onChange:function(t){return e.setSettings("direction",t)}}),React.createElement(Q,{label:V("Repeat"),value:n.repeat||"once",options:[["once",V("Once")],["loop",V("Loop")]],onChange:function(t){return e.setSettings("repeat",t)}}),React.createElement(I,{label:V("Duration"),min:0,max:2e3,value:n.duration||1e3,onChange:function(t){return e.setSettings("duration",t)}}),React.createElement(I,{label:V("Delay"),min:0,max:3e3,value:n.delay||0,onChange:function(t){return e.setSettings("delay",t)}}),n&&"bounce"!=n.animation&&"zoom"!=n.animation&&React.createElement(Q,{label:V("Curve"),value:n.curve||"ease-in-out",options:["ease-in-out","ease","ease-in","ease-out","linear"],onChange:function(t){return e.setSettings("curve",t)}}),void 0!==o&&React.createElement("button",{onClick:function(){return e.doAnimate()},className:"components-button is-button is-default is-primary is-large"}," ",this.state.isAnimate&&"loop"===n.repeat?"Stop":"Animate"," ")))}}]),t}(J),te=n(105),ne={insert:"head",singleton:!1},ae=(p()(te.a,ne),te.a.locals,function(){function e(e,t){for(var n=0;n0&&o.map((function(t,a){return React.createElement("span",{key:a,className:"qubely-media-image-parent"},React.createElement("img",{src:e.isUrl(t.url),alt:me("image")}),l&&React.createElement("div",{className:"qubely-media-actions qubely-field-button-list"},React.createElement(qe,{text:me("Edit")},React.createElement("button",{className:"qubely-button","aria-label":me("Edit"),onClick:n,role:"button"},React.createElement("span",{"aria-label":me("Edit"),className:"fas fa-pencil-alt fa-fw"}))),React.createElement(qe,{text:me("Remove")},React.createElement("button",{className:"qubely-button","aria-label":me("Remove"),onClick:function(){return e.removeImage(a)},role:"button"},React.createElement("span",{"aria-label":me("Close"),className:"far fa-trash-alt fa-fw"})))))})),React.createElement("div",{onClick:n,className:"qubely-placeholder-image"},React.createElement("div",{className:"dashicon dashicons dashicons-insert"}),React.createElement("div",null,me("Insert")))):o&&o.url?React.createElement("span",{className:"qubely-media-image-parent"},i?React.createElement("video",{controls:!0,autoPlay:!0,loop:!0,src:o.url}):React.createElement("img",{src:e.isUrl(o.url),alt:me("image")}),l&&React.createElement("div",{className:"qubely-media-actions qubely-field-button-list"},React.createElement(qe,{text:me("Edit")},React.createElement("button",{className:"qubely-button","aria-label":me("Edit"),onClick:n,role:"button"},React.createElement("span",{"aria-label":me("Edit"),className:"fas fa-pencil-alt fa-fw"}))),React.createElement(qe,{text:me("Remove")},React.createElement("button",{className:"qubely-button","aria-label":me("Remove"),onClick:function(){return e.removeImage(o.id)},role:"button"},React.createElement("span",{"aria-label":me("Close"),className:"far fa-trash-alt fa-fw"}))))):React.createElement("div",{onClick:n,className:"qubely-placeholder-image"},React.createElement("div",{className:"dashicon dashicons dashicons-insert"}),React.createElement("div",null,me("Insert")))))}}))}}]),t}(ge)),we=n(4),ke=n.n(we),Ee=n(107),Re={insert:"head",singleton:!1},Ce=(p()(Ee.a,Re),Ee.a.locals,n(3)),Se=n.n(Ce),Be=Object.assign||function(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{};return De((function(t){return function(n){function a(){var t=this;Oe(this,a);var n=Pe(this,(a.__proto__||Object.getPrototypeOf(a)).apply(this,arguments));return n.getGlobalSettings=_e(ke.a.mark((function e(){var a,o;return ke.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,JSON.parse(localStorage.getItem("qubely-global-settings"));case 2:a=e.sent,void 0!==(o=a.colors)&&n.setState({globalColors:o});case 5:case"end":return e.stop()}}),e,t)}))),n.setState=n.setState.bind(n),n.state=e,n}return Ne(a,n),Te(a,[{key:"componentDidMount",value:function(){this.getGlobalSettings()}},{key:"render",value:function(){return React.createElement(t,Be({},this.props,this.state,{setState:this.setState}))}}]),a}(Ie)}),"withGLobalColor")}()((function(e){var t=e.value,n=e.label,a=e.onChange,o=e.className,l=e.globalColors,i=e.disableClear,r=e.disableAlpha,c=e.disablePalette,s=Se()("qubely-field","qubely-d-flex","qubely-field-color","qubely-align-center",function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({},o,o));return React.createElement("div",{className:s},n&&React.createElement("label",{className:"qubely-mb-0"},je(n)),React.createElement(Ae,{position:"top center",className:"qubely-ml-auto",renderToggle:function(e){var n=e.isOpen,a=e.onToggle;return React.createElement("div",{className:"qubely-color-picker-container"},React.createElement("button",{className:"qubely-color-picker",isPrimary:!0,onClick:a,"aria-expanded":n,style:t?{backgroundColor:t}:{backgroundColor:"transparent"}}))},renderContent:function(){return React.createElement("span",null,React.createElement(Me,{color:t||"",onChangeComplete:function(e){e.rgb&&a(1!=e.rgb.a?"rgba("+e.rgb.r+","+e.rgb.g+","+e.rgb.b+","+e.rgb.a+")":e.hex)},disableAlpha:r||!1}),!c&&React.createElement("div",{className:"qubely-rgba-palette"},l.map((function(e,t){return React.createElement("button",{style:{color:"var(--qubely-color-"+(t+1)+")"},onClick:function(){return a("var(--qubely-color-"+(t+1)+")")}})}))))}}),""!=t&&!i&&React.createElement(ze,{text:je("Clear")},React.createElement("div",{className:"qubely-ml-10"},React.createElement("span",{className:"qubely-border-clear",onClick:function(){return a("")},role:"button"},React.createElement("i",{className:"fas fa-undo"})))))})),Ue=n(108),Qe={insert:"head",singleton:!1},Fe=(p()(Ue.a,Qe),Ue.a.locals,function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var n=[],a=!0,o=!1,l=void 0;try{for(var i,r=e[Symbol.iterator]();!(a=(i=r.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){o=!0,l=e}finally{try{!a&&r.return&&r.return()}finally{if(o)throw l}}return n}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")}),He=Object.assign||function(e){for(var t=1;t0?this.props.onChange(lt):this.props.onChange(He({},lt,e))}},{key:"setSettings",value:function(e,t){this.props.onChange(Object.assign({},this.props.value,Ge({},t,e)))}},{key:"render",value:function(){var e,t=this,n=this.props.value,a=[["color1",Ke("Color 1"),"#cccccc","left"],["color2",Ke("Color 2"),"#1f91f3","right"]];return React.createElement("div",{className:"qubely-gradient qubely-field inline"},React.createElement("div",{className:"qubely-field-gradient-preview qubely-mb-20",style:Ge({background:"-webkit-linear-gradient("+(n.direction>90?90-n.direction+360:90-n.direction)+"deg,"+n.color1+" "+n.start+"%, "+n.color2+" "+n.stop+"%)"},"background","linear-gradient("+n.direction+"deg,"+n.color1+" "+n.start+"%, "+n.color2+" "+n.stop+"%)")},a.map((function(e,a){var o=Fe(e,4),l=o[0],i=o[1],r=o[2],c=o[3];return React.createElement(nt,{key:a,position:"bottom left",className:"qubely-gradient-color gradient-color-position-"+c,contentClassName:"qubely-gradient-color-picker",renderToggle:function(e){var t=e.isOpen,a=e.onToggle;return React.createElement("div",{className:"qubely-color-picker-container qubely-position-"+c},React.createElement(ot,{text:i},React.createElement("button",{className:"qubely-color-picker",isPrimary:!0,onClick:a,"aria-expanded":t,style:{backgroundColor:n[l]||r}})))},renderContent:function(){return t.renderColorPicker(l,r)}})}))),React.createElement("div",{className:"qubely-d-flex qubely-align-center qubely-mb-20"},React.createElement("div",null,Ke("Gradient Type")),React.createElement("div",{className:"qubely-field-button-list qubely-ml-auto"},["linear","radial"].map((function(e,a){return React.createElement("button",{className:(n.type==e?"active":"")+" qubely-button",key:a,onClick:function(){return t.setSettings(e,"type")}},"linear"==e?React.createElement(ot,{text:Ke("Linear")},"linear"==n.type?React.createElement("svg",{width:"18",height:"17",viewBox:"0 0 18 17",xmlns:"http://www.w3.org/2000/svg"},React.createElement("defs",null,React.createElement("linearGradient",{x1:"50%",y1:"0%",x2:"50%",y2:"100%",id:"a"},React.createElement("stop",{"stop-color":"#E7E8EB",offset:"0%"}),React.createElement("stop",{"stop-color":"#2184F9",offset:"100%"}))),React.createElement("g",{transform:"translate(.526)",fill:"none"},React.createElement("rect",{stroke:"#2184F9",x:".5",y:".5",width:"16",height:"16",rx:"2"}),React.createElement("rect",{fill:"url(#a)",x:"3.091",y:"3.091",width:"10.818",height:"10.818",rx:"1"}))):React.createElement("svg",{width:"17",height:"17",viewBox:"0 0 17 17",xmlns:"http://www.w3.org/2000/svg"},React.createElement("defs",null,React.createElement("linearGradient",{x1:"50%",y1:"0%",x2:"50%",y2:"100%",id:"b"},React.createElement("stop",{"stop-color":"#fff",offset:"0%"}),React.createElement("stop",{"stop-color":"#D0D1D3",offset:"100%"}))),React.createElement("g",{transform:"translate(0 0)",fill:"none"},React.createElement("rect",{stroke:"#D0D1D3",x:".5",y:".5",width:"16",height:"16",rx:"2"}),React.createElement("rect",{fill:"url(#b)",x:"3.091",y:"3.091",width:"10.818",height:"10.818",rx:"1"})))):React.createElement(ot,{text:Ke("Radial")},"radial"==n.type?React.createElement("svg",{width:"17",height:"17",viewBox:"0 0 17 17",xmlns:"http://www.w3.org/2000/svg"},React.createElement("defs",null,React.createElement("radialGradient",{fx:"50%",fy:"50%",r:"49.832%",gradientTransform:"matrix(0 1 -1.015 0 1.007 0)",id:"c"},React.createElement("stop",{"stop-color":"#fff",offset:"0%"}),React.createElement("stop",{"stop-color":"#2184F9",offset:"100%"}))),React.createElement("g",{transform:"translate(0 0)",fill:"none"},React.createElement("rect",{stroke:"#2184F9",x:".5",y:".5",width:"16",height:"16",rx:"2"}),React.createElement("rect",{fill:"#2184F9",x:"3.091",y:"3.091",width:"10.818",height:"10.818",rx:"1"}),React.createElement("circle",{fill:"url(#c)",cx:"8.5",cy:"8.5",r:"5.409"}))):React.createElement("svg",{width:"17",height:"17",viewBox:"0 0 17 17",xmlns:"http://www.w3.org/2000/svg"},React.createElement("defs",null,React.createElement("radialGradient",{fx:"50%",fy:"50%",gradientTransform:"matrix(0 1 -1.015 0 1.007 0)",id:"d"},React.createElement("stop",{"stop-color":"#fff",offset:"0%"}),React.createElement("stop",{"stop-color":"#D0D1D3",offset:"100%"}))),React.createElement("g",{transform:"translate(0 0)",fill:"none"},React.createElement("rect",{stroke:"#D0D1D3",x:".5",y:".5",width:"16",height:"16",rx:"2"}),React.createElement("rect",{fill:"#D0D1D3",x:"3.091",y:"3.091",width:"10.818",height:"10.818",rx:"1"}),React.createElement("circle",{fill:"url(#d)",cx:"8.5",cy:"8.5",r:"5.409"})))))})))),"radial"==n.type?React.createElement(Q,(Ge(e={label:Ke("Gradient Position")},"label",Ke("Radial Pointer")),Ge(e,"value",n.radial),Ge(e,"className",n.type&&"radial"==n.type?"half":""),Ge(e,"value",n.radial?n.radial:"center"),Ge(e,"options",["center","top left","top","top right","right","bottom right","bottom","bottom left","left"]),Ge(e,"onChange",(function(e){return t.setSettings(e,"radial")})),e)):React.createElement(I,{label:Ke("Gradient Angle"),min:0,max:360,step:1,beforeIcon:"image-rotate",allowReset:!0,value:n.direction||90,onChange:function(e){return t.setSettings(e,"direction")}}),React.createElement(I,{label:Ke("Color 1 Stop"),value:n.start||5,onChange:function(e){return t.setSettings(e,"start")},min:0,max:100,step:1,beforeIcon:"arrow-up-alt",allowReset:!0}),React.createElement(I,{label:Ke("Color 2 Start"),value:n.stop||80,onChange:function(e){return t.setSettings(e,"stop")},min:0,max:100,step:1,beforeIcon:"arrow-down-alt",allowReset:!0}))}}]),t}(Ze),rt=n(109),ct={insert:"head",singleton:!1},st=(p()(rt.a,ct),rt.a.locals,Object.assign||function(e){for(var t=1;te[a].viewport){t=e[a];break}return null===t&&(t=e[e.length-1]),t.viewport<=1199?t.viewport<=991?"xs":"sm":"md"}},n.finddotLength=function(){var e=n.props.options.items,t=n.parseResponsiveViewPort(),a=$(".qubely-carousel-extended-outer-stage").find(".clone").length,o=$(".qubely-carousel-extended-outer-stage").find(".qubely-carousel-item").length-a;return Math.floor(o/e[t])},n.state={device:""},n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),kn(t,[{key:"componentDidMount",value:function(){var e=this.parseResponsiveViewPort();this.setState({device:e}),n(405),this.init(this.getOptions())}},{key:"componentWillReceiveProps",value:function(e){this.destroy()}},{key:"componentDidUpdate",value:function(e,t){var n,a;n=e.options,a=this.props.options,function e(t,n){var a=Object.prototype.toString.call(t);if(a!==Object.prototype.toString.call(n))return!1;if(["[object Array]","[object Object]"].indexOf(a)<0)return!1;var o="[object Array]"===a?t.length:Object.keys(t).length;if(o!==("[object Array]"===a?n.length:Object.keys(n).length))return!1;var l=function(t,n){var a=Object.prototype.toString.call(t);if(["[object Array]","[object Object]"].indexOf(a)>=0){if(!e(t,n))return!1}else{if(a!==Object.prototype.toString.call(n))return!1;if("[object Function]"===a){if(t.toString()!==n.toString())return!1}else if(t!==n)return!1}};if("[object Array]"===a){for(var i=0;in.items[a]?Math.ceil(t.length/2):n.items[a];return Array(parseInt(i)).fill(0).map((function(e,n){var a=Cn(t[Math.max(0,t.length-1-n)],{className:"clone qubely-carousel-item"}),i=Cn(t[Math.min(n,t.length-1)],{className:"clone qubely-carousel-item"});o.push(i),l.push(a)})),{firstChilds:o,lastChilds:l}}},{key:"createDotsItems",value:function(){var e=this.props,t=e.children,n=e.options.items,a=this.parseResponsiveViewPort(),o=Math.floor(t.length/n[a]);return Array(o).fill(0).map((function(e,t){return React.createElement("li",{key:t,className:"qubely-carousel-dot-"+t+(0===t?" active":"")},React.createElement("span",{className:"dot-indicator"}))}))}},{key:"render",value:function(){var e=this,t=this.props,n=t.options,a=n.nav,o=n.dots,l=n.arrowStyle,i=n.arrowPosition,r=t.children,c=this.cloneItems();return React.createElement("div",wn({className:"qubely-carousel qubely-carousel-wrapper",ref:function(t){return e.$node=$(Bn(t))}},this.props.options),React.createElement("div",{className:"qubely-carousel-extended-list"},React.createElement("div",{className:"qubely-carousel-extended-outer-stage"},c.lastChilds,r,c.firstChilds)),React.createElement("div",{className:"qubely-carousel-nav-control"},a&&React.createElement(Sn,null,React.createElement("span",{className:"next-control nav-control "+i,onClick:function(){return e.$qubelyCarousel.navigate("next")}},"arrowright2"==l?React.createElement("span",{className:"fas fa-angle-right"}):React.createElement("span",{className:"fas fa-arrow-right"})),React.createElement("span",{className:"prev-control nav-control "+i,onClick:function(){return e.$qubelyCarousel.navigate("prev")}},"arrowright2"==l?React.createElement("span",{className:"fas fa-angle-left"}):React.createElement("span",{className:"fas fa-arrow-left"})))),o&&React.createElement("div",{className:"qubely-carousel-dots"},React.createElement("ul",null,this.createDotsItems())))}}]),t}(Rn),On=function(){function e(e,t){for(var n=0;n=o?t+o:l>=50?t+50:t+1}),n.isDone()};var a=n.props,o=a.number,l=a.counterDuration;return n.state={count:0,upperLimit:o,counterDuration:l,increment:Math.ceil(o/l*10)},n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),Yn(t,[{key:"componentDidMount",value:function(){this.state.count0?e?a?n[window.qubelyDevice]&&n[window.qubelyDevice][e]||"":n[e]:a?n[window.qubelyDevice]||"":n:""}},{key:"setSettings",value:function(e,t){var n=this.props,a=n.responsive,o=n.value,l=n.onChange,i=n.max,r=n.min,c=e;null!=(void 0===r?"undefined":Wn(r))&&(c=ei?i:c);var s=this.state.lock&&"unit"!=t?{top:c,right:c,bottom:c,left:c}:Vn({},t,c);s=Object.assign({},a?o[window.qubelyDevice]||{}:o,s);var u=Object.assign({},o,a?Vn({},window.qubelyDevice,s):s);u.unit=s.unit||"px",l(u),this.setState({current:u})}},{key:"render",value:function(){var e=this,t=this.props,n=t.unit,a=t.label,o=t.responsive,l=t.device,i=t.onDeviceChange,r=t.clientId,c=t.min,s=t.max,u=o?l||this.state.device:window.qubelyDevice;return React.createElement("div",{className:"qubely-field-dimension qubely-field "+(o?"qubely-responsive":"")},React.createElement("div",{className:"qubely-d-flex qubely-align-center qubely-mb-10"},a&&React.createElement("div",null,React.createElement("label",{htmlFor:"input"},a)),o&&React.createElement(v,{device:u,commonResponsiveDevice:l,className:"qubely-ml-10",onChange:function(e){i(e)}}),n&&React.createElement("div",{className:"qubely-unit-btn-group qubely-ml-auto"},("object"==(void 0===n?"undefined":Wn(n))?n:["px","em","%"]).map((function(t){return React.createElement("button",{className:e.props.value&&t==e.props.value.unit?"active":"",onClick:function(){e.setSettings(t,"unit")}},t)})))),React.createElement("div",{className:"qubely-field-child"},React.createElement("div",{className:"qubely-dimension-input-group"+(this.props.noLock?"":" hasLock")},["top","right","bottom","left"].map((function(t,n){return React.createElement("span",null,React.createElement("input",Hn({type:"number"},null!=(void 0===c?"undefined":Wn(c))?{min:c}:"",s?{max:s}:"",{value:e._filterValue(t),onChange:function(n){e.setSettings(n.target.value,t),r&&$("#block-"+r+" .qubely-section").addClass("active")},onBlur:function(e){r&&$("#block-"+r+" .qubely-section").removeClass("active")}})),React.createElement("span",null,e.props.dataLabel?e.props.dataLabel[n]:t))})),!this.props.noLock&&React.createElement("button",{className:(this.state.lock?"active ":"")+"qubely-button",onClick:function(){return e.setState({lock:!e.state.lock})}},this.state.lock?React.createElement("span",{className:"fas fa-lock"}):React.createElement("span",{className:"fas fa-unlock"})))))}}]),t}(wp.element.Component),Jn=n(114),Kn={insert:"head",singleton:!1},$n=(p()(Jn.a,Kn),Jn.a.locals,"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e}),Zn=Object.assign||function(e){for(var t=1;t2?ha.forEach((function(e){e.includes(r)&&c.push(e)})):c=ha,React.createElement("div",{className:"qubely-field qubely-field-icon-list "+(a?"":"qubely-toggle-enabled")},this.props.label&&React.createElement(ka,null,a?React.createElement("label",null,this.props.label):React.createElement(dn,{label:this.props.label,className:"qubely-icon-list-toggle",value:!!this.props.value,onChange:function(){return e.props.onChange(e.props.value?"":" ")}})),o&&React.createElement(Ye,{label:qa(" Color"),value:l||"#ccc",onChange:function(e){return i(e)}}),(a||""!=this.props.value)&&React.createElement("div",{className:"qubely-icon-list-wrapper"},React.createElement("input",{type:"text",value:this.state.filterText,placeholder:"Search...",onChange:function(t){return e.setState({filterText:t.target.value})},autoComplete:"off"}),React.createElement("div",{className:"qubely-icon-list-icons"},c.map((function(t,a){return React.createElement("span",{key:a,className:n==t?"qubely-active":"",onClick:function(n){e.props.onChange(t)}},React.createElement("span",{className:t}))})))))}}]),t}(wa),Ra=function(){function e(e,t){for(var n=0;n=2?o.filter((function(e){return-1!==e.name.toLowerCase().search(r.toLowerCase())})):o,React.createElement("div",{className:"qubely-field qubely-field-icon-list qubely-field-icon-list-selector"},a&&React.createElement("label",null,a),React.createElement("div",{className:"qubely-icon-list-wrapper"},l&&React.createElement("input",{type:"text",value:r,placeholder:"Search...",onChange:function(t){return e.setState({filterText:t.target.value})},autoComplete:"off"}),React.createElement("div",{className:"qubely-icon-list-icons"},c.map((function(e,t){return React.createElement("span",{key:t,className:n==e?"qubely-active":"",onClick:function(){return i(e)}},React.createElement("span",{className:e.value}))})))))}}]),t}(wp.element.Component),Sa=n(117),Ba={insert:"head",singleton:!1},Ta=(p()(Sa.a,Ba),Sa.a.locals,function(){function e(e,t){for(var n=0;n1&&void 0!==arguments[1]?arguments[1]:null;if(null===t)return void 0!==this.actionSortList[e]?this.actionSortList[e]:[];var n={from:null,to:null},a=void 0!==this.actionSortList[e]?this.actionSortList[e]:[];if(0===a.length)return n;var o=!1;return a.map((function(e,l){t1&&void 0!==arguments[1]?arguments[1]:{};ja(this,e),this.width=null,this.height=null,this.clientWidth=null,this.clientHeight=null,this.left=null,this.top=null,this.gammazero=null,this.betazero=null,this.lastgammazero=null,this.lastbetazero=null,this.transitionTimeout=null,this.updateCall=null,this.event=null,this.updateBind=this.update.bind(this),this.resetBind=this.reset.bind(this),this.element=t,this.destroys=!1,this.settings=this.extendSettings(n),this.reverse=this.settings.reverse?-1:1,this.glare=e.isSettingTrue(this.settings.glare),this.glarePrerender=e.isSettingTrue(this.settings["glare-prerender"]),this.fullPageListening=e.isSettingTrue(this.settings["full-page-listening"]),this.gyroscope=e.isSettingTrue(this.settings.gyroscope),this.gyroscopeSamples=this.settings.gyroscopeSamples,this.elementListener=this.getElementListener(),this.wrapWithParent(),this.glare&&this.prepareGlare(),this.fullPageListening&&this.updateClientSize(),this.addEventListeners(),this.updateInitialPosition()}return Na(e,[{key:"getElementListener",value:function(){return this.element}},{key:"addEventListeners",value:function(){this.onMouseEnterBind=this.onMouseEnter.bind(this),this.onMouseMoveBind=this.onMouseMove.bind(this),this.onMouseLeaveBind=this.onMouseLeave.bind(this),this.onWindowResizeBind=this.onWindowResize.bind(this),this.onDeviceOrientationBind=this.onDeviceOrientation.bind(this),this.elementListener.addEventListener("mouseenter",this.onMouseEnterBind),this.elementListener.addEventListener("mouseleave",this.onMouseLeaveBind),this.elementListener.addEventListener("mousemove",this.onMouseMoveBind),(this.glare||this.fullPageListening)&&window.addEventListener("resize",this.onWindowResizeBind),this.gyroscope&&window.addEventListener("deviceorientation",this.onDeviceOrientationBind)}},{key:"removeEventListeners",value:function(){this.elementListener.removeEventListener("mouseenter",this.onMouseEnterBind),this.elementListener.removeEventListener("mouseleave",this.onMouseLeaveBind),this.elementListener.removeEventListener("mousemove",this.onMouseMoveBind),this.gyroscope&&window.removeEventListener("deviceorientation",this.onDeviceOrientationBind),(this.glare||this.fullPageListening)&&window.removeEventListener("resize",this.onWindowResizeBind)}},{key:"destroy",value:function(){clearTimeout(this.transitionTimeout),null!==this.updateCall&&cancelAnimationFrame(this.updateCall),this.reset(),this.destroys=!0,this.unWrapParent(this.element),this.removeEventListeners(),void 0!==this.element.mouseTilt&&(this.element.mouseTilt=null,delete this.element.mouseTilt),this.element=null}},{key:"onDeviceOrientation",value:function(e){if(null!==e.gamma&&null!==e.beta){this.updateElementPosition(),this.gyroscopeSamples>0&&(this.lastgammazero=this.gammazero,this.lastbetazero=this.betazero,null===this.gammazero?(this.gammazero=e.gamma,this.betazero=e.beta):(this.gammazero=(e.gamma+this.lastgammazero)/2,this.betazero=(e.beta+this.lastbetazero)/2),this.gyroscopeSamples-=1);var t=this.settings.gyroscopeMaxAngleX-this.settings.gyroscopeMinAngleX,n=this.settings.gyroscopeMaxAngleY-this.settings.gyroscopeMinAngleY,a=t/this.width,o=n/this.height,l=(e.gamma-(this.settings.gyroscopeMinAngleX+this.gammazero))/a,i=(e.beta-(this.settings.gyroscopeMinAngleY+this.betazero))/o;null!==this.updateCall&&cancelAnimationFrame(this.updateCall),this.event={clientX:l+this.left,clientY:i+this.top},this.updateCall=requestAnimationFrame(this.updateBind)}}},{key:"wrapWithParent",value:function(){if(void 0!==this.element.parentElement&&null!==this.element.parentElement&&"qubley-interaction-wrapper"===this.element.parentElement.className&&(this.element=this.element.parentElement),"qubley-interaction-wrapper"!==this.element.className&&"qubley-interaction-wrapper"!==this.element.parentElement.className){var e=document.createElement("div");e.setAttribute("class","qubley-interaction-wrapper"),this.element.parentNode.insertBefore(e,this.element),e.appendChild(this.element),this.element=e}}},{key:"unWrapParent",value:function(e){if(null!==e.parentNode&&"qubley-interaction-wrapper"===e.parentElement.className&&(e=e.parentElement),"qubley-interaction-wrapper"===e.className&&null!==e.parentNode){var t=e.childNodes;if(t.length>0){var n=e.parentNode.insertBefore(t[0],e);e.parentElement.removeChild(e),this.element=n}}}},{key:"onMouseEnter",value:function(){this.wrapWithParent(),this.updateElementPosition(),this.element.style.willChange="transform",this.setTransition()}},{key:"onMouseMove",value:function(e){null!==this.updateCall&&cancelAnimationFrame(this.updateCall),this.event=e,this.updateCall=requestAnimationFrame(this.updateBind)}},{key:"onMouseLeave",value:function(){this.setTransition(),this.settings.reset&&requestAnimationFrame(this.resetBind)}},{key:"reset",value:function(){this.event={clientX:this.left+this.width/2,clientY:this.top+this.height/2},null!==this.element&&null!==this.element.parentElement&&"qubley-interaction-wrapper"===this.element.parentElement.className&&(this.element=this.element.parentElement),"qubley-interaction-wrapper"===this.element.className&&(this.element&&this.element.style&&(this.element.style.transform="perspective("+this.settings.perspective+"px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1)"),this.resetGlare())}},{key:"resetGlare",value:function(){this.glare&&(this.glareElement.style.transform="rotate(180deg) translate(-50%, -50%)",this.glareElement.style.opacity="0")}},{key:"updateInitialPosition",value:function(){if(0!==this.settings.startX||0!==this.settings.startY){this.onMouseEnter(),this.fullPageListening?this.event={clientX:(this.settings.startX+this.settings.max)/(2*this.settings.max)*this.clientWidth,clientY:(this.settings.startY+this.settings.max)/(2*this.settings.max)*this.clientHeight}:this.event={clientX:this.left+(this.settings.startX+this.settings.max)/(2*this.settings.max)*this.width,clientY:this.top+(this.settings.startY+this.settings.max)/(2*this.settings.max)*this.height};var e=this.settings.scale;this.settings.scale=1,this.update(),this.settings.scale=e,this.resetGlare()}}},{key:"getValues",value:function(){var e=void 0,t=void 0;return this.fullPageListening?(e=this.event.clientX/this.clientWidth,t=this.event.clientY/this.clientHeight):(e=(this.event.clientX-this.left)/this.width,t=(this.event.clientY-this.top)/this.height),e=Math.min(Math.max(e,0),1),t=Math.min(Math.max(t,0),1),{tiltX:(this.reverse*(this.settings.max-e*this.settings.max*2)).toFixed(2),tiltY:(this.reverse*(t*this.settings.max*2-this.settings.max)).toFixed(2),percentageX:100*e,percentageY:100*t,angle:Math.atan2(this.event.clientX-(this.left+this.width/2),-(this.event.clientY-(this.top+this.height/2)))*(180/Math.PI)}}},{key:"updateElementPosition",value:function(){var e=this.element.getBoundingClientRect();this.width=this.element.offsetWidth,this.height=this.element.offsetHeight,this.left=e.left,this.top=e.top}},{key:"updateBorder",value:function(){this.element.style.border="1px solid red"}},{key:"update",value:function(){var e=this.getValues();this.element.style.transform="perspective("+this.settings.perspective+"px) rotateX("+("x"===this.settings.axis?0:e.tiltY)+"deg) rotateY("+("y"===this.settings.axis?0:e.tiltX)+"deg) scale3d("+this.settings.scale+", "+this.settings.scale+", "+this.settings.scale+")",this.glare&&(this.glareElement.style.transform="rotate("+e.angle+"deg) translate(-50%, -50%)",this.glareElement.style.opacity=""+e.percentageY*this.settings["max-glare"]/100),this.element.dispatchEvent(new CustomEvent("tiltChange",{detail:e})),this.updateCall=null}},{key:"prepareGlare",value:function(){if(!this.glarePrerender){var e=document.createElement("div");e.classList.add("js-tilt-glare");var t=document.createElement("div");t.classList.add("js-tilt-glare-inner"),e.appendChild(t),this.element.appendChild(e)}this.glareElementWrapper=this.element.querySelector(".js-tilt-glare"),this.glareElement=this.element.querySelector(".js-tilt-glare-inner"),this.glarePrerender||(Object.assign(this.glareElementWrapper.style,{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",overflow:"hidden","pointer-events":"none"}),Object.assign(this.glareElement.style,{position:"absolute",top:"50%",left:"50%","pointer-events":"none","background-image":"linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%)",width:2*this.element.offsetWidth+"px",height:2*this.element.offsetWidth+"px",transform:"rotate(180deg) translate(-50%, -50%)","transform-origin":"0% 0%",opacity:"0"}))}},{key:"updateGlareSize",value:function(){this.glare&&Object.assign(this.glareElement.style,{width:""+2*this.element.offsetWidth,height:""+2*this.element.offsetWidth})}},{key:"updateClientSize",value:function(){this.clientWidth=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,this.clientHeight=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight}},{key:"onWindowResize",value:function(){this.updateGlareSize(),this.updateClientSize()}},{key:"setTransition",value:function(){var e=this;clearTimeout(this.transitionTimeout),this.element.style.transition=this.settings.speed+"ms "+this.settings.easing,this.glare&&(this.glareElement.style.transition="opacity "+this.settings.speed+"ms "+this.settings.easing),this.transitionTimeout=setTimeout((function(){e.element.style.transition="",e.glare&&(e.glareElement.style.transition="")}),this.settings.speed)}},{key:"extendSettings",value:function(e){var t={reverse:!1,max:15,startX:0,startY:0,perspective:1e3,easing:"cubic-bezier(.03,.98,.52,.99)",scale:1,speed:300,transition:!0,axis:null,glare:!1,"max-glare":1,"glare-prerender":!1,"full-page-listening":!1,"mouse-event-element":null,reset:!0,gyroscope:!0,gyroscopeMinAngleX:-45,gyroscopeMaxAngleX:45,gyroscopeMinAngleY:-45,gyroscopeMaxAngleY:45,gyroscopeSamples:10},n={};for(var a in t)if(a in e)n[a]=e[a];else if(this.element.hasAttribute("data-tilt-"+a)){var o=this.element.getAttribute("data-tilt-"+a);try{n[a]=JSON.parse(o)}catch(e){n[a]=o}}else n[a]=t[a];return n}}],[{key:"isSettingTrue",value:function(e){return""===e||!0===e||1===e}},{key:"init",value:function(t,n){t.mouseTilt=new e(t,n)}}]),e}(),za=new(function(){function e(){ja(this,e),this.element=null,this.addonId=null}return Na(e,[{key:"parseBeforeFixedWindowPosition",value:function(e){var t={move:null,scale:null,skew:null,opacity:null,blur:null,rotate:null},n=new Ia(e);n.bindCustomAnimation();var a={move:{x:0,y:0,z:0},scale:{x:1,y:1,z:1},skew:{x:0,y:0},rotate:{x:0,y:0,z:0},opacity:0,blur:0};return Object.keys(t).forEach((function(e){t[e]=n.getCustomAnimationActionByName(e),null!==t[e]&&t[e].length>0&&(a[e]=t[e][0].property)})),Object.keys(a).forEach((function(e){void 0!==a[e].x&&(a[e].x=""===a[e].x?0:parseFloat(a[e].x)),void 0!==a[e].y&&(a[e].y=""===a[e].y?0:parseFloat(a[e].y)),void 0!==a[e].z&&(a[e].z=""===a[e].z?0:parseFloat(a[e].z))})),"{\n 'will-change': \"transform\";\n 'transform' : \"translate3d("+a.move.x+"px, "+a.move.y+"px, "+a.move.z+"px) \n scale3d("+a.scale.x+", "+a.scale.y+", "+a.scale.z+")\n rotateX("+a.rotate.x+"deg) rotateY("+a.rotate.y+"deg) rotateZ("+a.rotate.y+"deg) \n skew("+a.skew.x+"deg, "+a.skew.y+'deg)";\n }'}},{key:"parseScrollAction",value:function(e,t,n){var a=new Ia(e);a.bindCustomAnimation();var o={move:{from:{x:0,y:0,z:0,keyframe:0,f:!1},to:{x:0,y:0,z:0,keyframe:0,f:!1},goal:{x:0,y:0,z:0,keyframe:0}},scale:{from:{x:1,y:1,z:1,keyframe:0},to:{x:1,y:1,z:1,keyframe:0},goal:{x:1,y:1,z:1,keyframe:0}},skew:{from:{x:0,y:0,keyframe:0},to:{x:0,y:0,keyframe:0},goal:{x:0,y:0,keyframe:0}},rotate:{from:{x:0,y:0,z:0,keyframe:0},to:{x:0,y:0,z:0,keyframe:0},goal:{x:0,y:0,z:0,keyframe:0}},opacity:{from:{value:0,keyframe:0},to:{value:0,keyframe:0},goal:{value:1,keyframe:0}},blur:{from:{value:0,keyframe:0},to:{value:0,keyframe:0},goal:{value:0,keyframe:0}}};return a.actionProperty.map((function(e){var n=a.getCustomAnimationActionByName(e,t);null!==n.from&&(Object.assign(o[e].from,n.from.property),o[e].from.f=!0,o[e].from.keyframe=parseInt(n.from.keyframe),void 0!==o[e].from.x&&(o[e].from.x=""===o[e].from.x?0:parseFloat(o[e].from.x)),void 0!==o[e].from.y&&(o[e].from.y=""===o[e].from.y?0:parseFloat(o[e].from.y)),void 0!==o[e].from.z&&(o[e].from.z=""===o[e].from.z?0:parseFloat(o[e].from.z)),void 0!==o[e].from.value&&(o[e].from.value=""===o[e].from.value?0:parseFloat(o[e].from.value))),null!==n.to&&(Object.assign(o[e].to,n.to.property),void 0!==o[e].to.x&&(o[e].to.x=""===o[e].to.x?0:parseFloat(o[e].to.x),o[e].goal.x=o[e].to.x),void 0!==o[e].to.y&&(o[e].to.y=""===o[e].to.y?0:parseFloat(o[e].to.y),o[e].goal.y=o[e].to.y),void 0!==o[e].to.z&&(o[e].to.z=""===o[e].to.z?0:parseFloat(o[e].to.z),o[e].goal.z=o[e].to.z),void 0!==o[e].to.value&&(o[e].to.value=""===o[e].to.value?0:parseFloat(o[e].to.value),o[e].goal.value=o[e].to.value),o[e].to.keyframe=parseInt(n.to.keyframe),o[e].to.f=!0),!0===o[e].to.f&&!0===o[e].from.f&&void 0===n.fixed&&(o[e]="opacity"===e||"blur"===e?a.getOpacity(e,o[e],t):"skew"===e?a.getSkew(e,o[e],t):a.getMoveTransform(e,o[e],t))})),{willChange:"opacity, transform, filter","-webkit-transition-timing-function":"linear",transitionProperty:"transform, opacity, filter",transformStyle:"preserve-3d",transformOrigin:n.x_offset+" "+n.y_offset,opacity:""+o.opacity.goal.value,filter:"blur("+o.blur.goal.value+"px)","-webkit-filter:":"blur("+o.blur.goal.value+"px)",transform:"perspective(1000px) translate3d("+o.move.goal.x+"px, "+o.move.goal.y+"px, "+o.move.goal.z+"px)\n scale3d("+o.scale.goal.x+", "+o.scale.goal.y+", "+o.scale.goal.z+")\n rotateX("+o.rotate.goal.x+"deg) rotateY("+o.rotate.goal.y+"deg) rotateZ("+o.rotate.goal.z+"deg) \n skew("+o.skew.goal.x+"deg, "+o.skew.goal.y+"deg)"}}}]),e}()),Aa=Object.assign||function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:"",a=this.props.fields,o="";if(""===n)o=Object.assign({},a,Da({},e,t));else{var l=Object.assign({},a[n],Da({},e,parseFloat(t)));o=Object.assign({},a,Da({},n,Aa({},l)))}this.props.onChange(o)}},{key:"render",value:function(){var e=this,t=this.props.fields,n=t.property,a=t.range,o=t.keyframe,l=t.title;return React.createElement("div",{className:"qubely-animation-controller-fields"},React.createElement("div",{className:"qubely-animation-control-keyframe"},React.createElement(I,{label:Qa("Timeline/Keyframe"),value:parseInt(o),onChange:function(t){return e._onChangeProperties("keyframe",t)},min:0,max:100})),React.createElement("div",{className:"qubely-animation-control-property-title"}," Action : ",l," "),React.createElement("div",{className:"qubely-animation-control-property-fields"},Object.keys(n).map((function(t,o){return React.createElement(I,{key:o,label:Qa(t),value:parseFloat(n[t]),onChange:function(n){return e._onChangeProperties(t,n,"property")},min:a.min,max:a.max,step:a.step})}))))}}]),t}(wp.element.Component),Ha={while_scroll_into_view:{enable:!1,action_list:[{id:"b3fdc1c1e6bfde5942ea",index:0,keyframe:0,name:"move",property:{x:0,y:-100,z:0},range:{max:1e3,min:-1e3,step:1},single:!0,title:"Move"},{id:"936e0225e6dc8edfba7d",index:1,keyframe:100,name:"move",property:{x:0,y:0,z:0},range:{max:1e3,min:-1e3,step:1},single:!0,title:"Move"}],transform_origin_x:"center",transform_origin_y:"center",enable_mobile:!1,enable_tablet:!1},mouse_movement:{enable:!1,mouse_tilt_direction:"Direct",mouse_tilt_speed:1,mouse_tilt_max:15,enable_mobile:!1,enable_tablet:!1}},Wa=[{name:"move",title:"Move",property:{x:0,y:-100,z:0},range:{max:1e3,min:-1e3,step:1}},{name:"scale",title:"Scale",property:{x:1,y:1,z:1},range:{max:3,min:0,step:.1}},{name:"rotate",title:"Rotate",property:{x:0,y:-100,z:0},range:{max:1e3,min:-1e3,step:1}},{name:"skew",title:"Skew",property:{x:0,y:-100},range:{max:80,min:-80,step:1}},{name:"opacity",title:"Opacity",property:{value:0},range:{max:1,min:0,step:.1}},{name:"blur",title:"Blur",property:{value:0},range:{max:100,min:0,step:1}}],Ga=n(199),Va=n.n(Ga),Xa=Object.assign||function(e){for(var t=1;t0&&e[0].addEventListener("scroll",this.handleScroll.bind(this),!0),this.renderAnimationActionList()}},{key:"componentWillUnmount",value:function(){var e=document.getElementsByClassName("edit-post-layout__content");document.removeEventListener("mousedown",this.handleClickOutside.bind(this)),e.length>0&&e[0].removeEventListener("scroll",this.handleScroll.bind(this),!1)}},{key:"componentDidUpdate",value:function(e,t){Va()(e.actionList,this.props.actionList)&&t.selectedActionIndex===this.state.selectedActionIndex&&t.contextMenuVisible===this.state.contextMenuVisible&&t.actionListOverKeyframe===this.state.actionListOverKeyframe||this.renderAnimationActionList()}},{key:"handleScroll",value:function(e){if(void 0===this.timelineWrapper||null===this.timelineWrapper)return!1;var t=document.getElementsByClassName("qubely-block-"+this.props.uniqueId);if(t.length>0){t=t[0].parentElement;var n=this.percentageSeen(t),a=this.timelineWrapper.getBoundingClientRect().height;n>-1&&n<=100&&this.setState({scrollPercent:n,timelineHeight:a})}}},{key:"percentageSeen",value:function(e){var t=e.getBoundingClientRect(),n=document.body.offsetHeight,a=window.pageYOffset,o=t.top,l=t.height;if(o>a+n)return-1;if(o+l100?100:i}},{key:"handleClickOutside",value:function(e){this.itemWrapper&&!this.itemWrapper.contains(e.target)&&null!==this.state.contextMenuVisible&&(void 0===this.contextMenuRoot||this.contextMenuRoot.contains(e.target)||this.setState({contextMenuVisible:null})),this.actionListWrapper&&!this.actionListWrapper.contains(e.target)&&this.state.isActionList&&this.setState({isActionList:!1})}},{key:"showActionList",value:function(){this.setState({isActionList:!this.state.isActionList})}},{key:"revisedRandId",value:function(){var e=function(){return(65536*(1+Math.random())|0).toString(16).substring(1)};return e()+e()+e()+e()+e()}},{key:"onMouseMoveAction",value:function(e,t,n,a,o){var l=this.timelineWrapper.getBoundingClientRect(),i=o.target.getBoundingClientRect(),r=o.clientY-i.top,c=parseInt(e)-1,s=parseInt(t)+1,u=c+s-1,b=Math.floor(r/i.height*c)+s,p=o.clientY-l.top,d={linePosition:Math.abs(p/l.height*100),percentage:b,id:n,isVisible:!(u+1===s),index:a};this.setState({timeLineCoPosition:d,isHoverAction:!0})}},{key:"onSelectAction",value:function(e){var t=this.props.actionList[e];this.setState({selectedActionIndex:e,contextMenuVisible:null,currentAction:t,showTimelineActionList:!1}),this.props.selectAction(t)}},{key:"onContextMenu",value:function(e,t){t.preventDefault();var n={x:t.clientX,y:t.clientY};this.setState({contextMenuVisible:e,contextAxis:n,showTimelineActionList:!1})}},{key:"setContextMenuRoot",value:function(e){this.contextMenuRoot=e}},{key:"_onDeleteItem",value:function(e){var t=this.props.actionList;t.splice(e,1),this.setState({contextMenuVisible:null,selectedActionIndex:null}),this.props.onChange(t)}},{key:"_onDuplicateItem",value:function(e){var t=this.props.actionList,n=JSON.parse(JSON.stringify(t[e])),a=e+1;n.id=this.revisedRandId(),t.splice(a,0,n),this.setState({currentAction:n,contextMenuVisible:null,selectedActionIndex:a}),this.props.onChange(t)}},{key:"contextMenu",value:function(e){var t=this.state.contextAxis,n=this.timelineWrapper.getBoundingClientRect(),a=t.x-n.left,o={left:(a=n.width0){clearInterval(this.onDragDelayTimer),this.timeCounter=0;var n=this.props.actionList;this.setState({actionListDargIndex:t,selectedDargAction:n[t],maskPosition:e})}}},{key:"onMouseOverOnActionList",value:function(e,t){null!==this.state.actionListDargIndex&&this.setState({actionListOverKeyframe:e})}},{key:"onMouseOutOnActionList",value:function(e){null!==this.state.actionListOverKeyframe&&this.setState({actionListOverKeyframe:null})}},{key:"onMouseDragEndOnActionList",value:function(e){var t=this.state,n=t.actionListDargIndex,a=t.actionListOverKeyframe,o=t.timeLineCoPosition.percentage;if(null!==n){null!==a&&(o=parseInt(a));var l=JSON.parse(JSON.stringify(this.props.actionList)),i=Object.assign({},l[n],{keyframe:o});l[n]=i,this.setState({actionListDargIndex:null,selectedDargAction:null,actionListOverKeyframe:null,selectedActionIndex:n,currentAction:i}),this.props.onChange(l)}this.onDragDelayTimer&&clearInterval(this.onDragDelayTimer)}},{key:"onMouseMoveOnTimeline",value:function(e){if(null!==this.state.actionListDargIndex){var t=this.timelineWrapper.getBoundingClientRect(),n=e.clientY-t.top,a=Math.abs(n/t.height*100);this.setState({maskPosition:a})}}},{key:"actionItemHtml",value:function(e,t){var n=this,a=this.state,o=a.selectedActionIndex,l=a.contextMenuVisible,i=a.currentAction,r=o===t?"qubely-action-active":"";r=l===t?r+" qubely-action-context-menu-active":r,r=""===e.id?r+" qubely-action-empty-box":r;var c=null!==i&&o!==t&&e.name===i.name?"qubely-action-similar":"";return React.createElement("div",{key:t,className:"qubely-action-item "+r+" "+c,ref:function(e){n.itemWrapper=e},onMouseDown:this.onMouseDragStartOnActionList.bind(this,t)},React.createElement("div",{className:"qubely-action-item-inner"},React.createElement("div",{className:"qubely-action-pointer-range"},React.createElement("div",{className:"qubely-connect-line"}),React.createElement("div",{className:"qubely-point-bullet"}," "),React.createElement("div",{className:"qubely-point-range"},e.keyframe,"%")),React.createElement("div",{className:"qubely-action-property",onClick:this.onSelectAction.bind(this,t),onContextMenu:this.onContextMenu.bind(this,t)},e.name)),l===t&&this.contextMenu(t))}},{key:"parentItemHtml",value:function(e,t){var n=this,a=e.keyframe===this.state.actionListOverKeyframe?"qubley-action-mouse-on-item":"";return React.createElement("div",{className:"qubely-parent-item-container "+a,key:t,onMouseEnter:this.onMouseOverOnActionList.bind(this,e.keyframe),onMouseLeave:this.onMouseOutOnActionList.bind(this)},e.map((function(e){return n.actionItemHtml(e,e.index)})))}},{key:"actionBlankSpaceHtml",value:function(e,t,n,a){var o={flexGrow:e/100};return 0===e&&(o.padding=0),React.createElement("div",{key:this.revisedRandId(),className:"qubely-action-item-blank-space",onMouseMove:this.onMouseMoveAction.bind(this,e,t,n,a),style:o})}},{key:"renderAnimationActionList",value:function(){var e=this,t=this.props.actionList,n=[],a={},o=0,l={};if(t.length>0){if(t.map((function(e,t){void 0===l[e.name]?(e.single=!0,l[e.name]=e.keyframe):delete e.single,void 0!==a[e.keyframe]?(e.index=t,a[e.keyframe].push(e)):(e.index=t,a[e.keyframe]=[e],a[e.keyframe].keyframe=e.keyframe,a[e.keyframe].index=t)})),_.map(a,(function(t,a){var l=Math.abs(o-t.keyframe);n.push(e.actionBlankSpaceHtml(l,o,a,t.index)),n.push(e.parentItemHtml(t,a)),o=t.keyframe})),100!==o){var i=Math.abs(o-100);n.push(this.actionBlankSpaceHtml(i,o,this.revisedRandId(),t.length))}}else this.state.initialAction.map((function(t){var a=Math.abs(o-t.keyframe);o!==t.keyframe?(n.push(e.actionBlankSpaceHtml(a,o,e.revisedRandId(),0)),n.push(e.actionItemHtml(t,e.revisedRandId()))):n.push(e.actionItemHtml(t,e.revisedRandId())),o=t.keyframe}));this.setState({renderHtmlActionlist:n})}},{key:"createAction",value:function(e,t){var n=this.props.actionList,a=n.length,o=Object.assign({},e,{id:this.revisedRandId(),keyframe:0});if(this.state.isActionList){n.push(o);var l=JSON.parse(JSON.stringify(o));l.keyframe=100,l.id=this.revisedRandId(),n.push(l)}else if(null!==t){var i=this.state.timeLineCoPosition.percentage;a=t,o.keyframe=i,n.splice(t,0,o)}else n.splice(n.length-1,0,o);this.setState({currentAction:o,isActionList:!1,selectedActionIndex:a,showTimelineActionList:!1}),this.props.onChange(n)}},{key:"renderAnimationActions",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return React.createElement("div",{className:"qubely-animation-action-option-box",ref:function(t){return e.actionListWrapper=t}},React.createElement("div",{className:"qubely-animation-action-option-lists"},Wa.map((function(n,a){return React.createElement("div",{key:a,onClick:e.createAction.bind(e,n,t),className:"qubely-animation-action-option-item"},n.name)}))))}},{key:"showAnimationAction",value:function(){this.setState({showTimelineActionList:!this.state.showTimelineActionList})}},{key:"enableEverything",value:function(){this.setState({showTimelineActionList:!this.state.showTimelineActionList})}},{key:"_changeProperty",value:function(e){var t=this.state.selectedActionIndex,n=this.props.actionList,a=JSON.parse(JSON.stringify(n)),o=Object.assign({},a[t],Xa({},e));a[t]=o,this.props.onChange(a),this.setState({currentAction:o})}},{key:"timeline",value:function(){var e=this,t=this.props,n=t.actionList,a=t.transformOrigin,o=this.state,l=(o.selectedActionIndex,o.currentAction),i=o.timeLineCoPosition,r=i.linePosition,c=i.percentage,s=i.index,u=i.isVisible,b=o.showTimelineActionList,p=(o.scrollPercent,o.timelineHeight,o.maskPosition),d=o.actionListDargIndex,f=o.selectedDargAction,y=n.length>0?"qubely-timeline-has-no-memory":"",m={top:r+"%"},g={top:p+"%"};if(n.length>0){var h=za.parseScrollAction(n,this.state.scrollPercent,a);$(".qubely-block-"+this.props.uniqueId).addClass("qubely-block-interaction").css(h)}return React.createElement("div",{className:"qubely-animation-timeline-container"},React.createElement("div",{className:"qubely-animation-view"},React.createElement("div",{className:"qubely-animation-trigger-header"},React.createElement("label",null," Scroll Action "),React.createElement("span",{className:"qubely-add-animation-action-btn",onClick:this.showActionList.bind(this)},"﹢"),this.state.isActionList&&this.renderAnimationActions()),React.createElement("div",{className:"qubely-animation-flexible-area"},React.createElement("div",{className:"qubely-animation-flexible-area-inner-box "+y,ref:function(t){e.timelineWrapper=t},onMouseMove:this.onMouseMoveOnTimeline.bind(this),onMouseUp:this.onMouseDragEndOnActionList.bind(this),onMouseLeave:this.onMouseDragEndOnActionList.bind(this)},React.createElement("div",{className:"qubely-animation-timline-bar",ref:function(t){return e.timeLineBarWrapper=t}}),this.state.renderHtmlActionlist,null!==d&&React.createElement("div",{className:"qubely-action-drag-mask",style:g},React.createElement("div",{className:"qubely-action-mask-peroperty"},React.createElement("span",{className:"qubely-action-percentage"}," ",c,"% "),React.createElement("span",{className:"qubely-action-title"}," ",f.title," "))),u&&n.length>0&&React.createElement("div",{style:m,className:"qubely-timeline-pointer-hr-line",onClick:this.showAnimationAction.bind(this)},React.createElement("div",{className:"qubely-action-item-pointer"},React.createElement("span",null," ",c,"% ")),React.createElement("div",{className:"qubely-action-item-pointer-icon"},React.createElement("span",null,"+")),React.createElement("div",{className:"qubely-action-item-line-hr-container"}),b&&this.renderAnimationActions(s)),0===n.length&&React.createElement("div",{className:"qubely-animation-timeline-placeholder"},React.createElement("div",{className:"qubely-animation-timeline-placeholder-text"},React.createElement("i",{className:"fa fa-send"}),React.createElement("h3",{className:"qubely-timeline-placeholder-title"}," Animation "),React.createElement("p",null," ","Apply various actions on one or multiple elements to create a sequenced animation."," ")))))),React.createElement("div",{className:"qubely-animation-controller-view"},React.createElement("div",{className:"qubely-animation-controller-header"},React.createElement("label",null,React.createElement("span",{className:"fa fa-gear"})," Interaction Settings"," ")),React.createElement("div",{className:"qubely-animation-controller-body"},null===this.state.selectedActionIndex&&React.createElement("div",{className:"qubely-animation-timeline-placeholder"},React.createElement("div",{className:"qubely-animation-timeline-placeholder-text"},React.createElement("h3",{className:"qubely-timeline-placeholder-title"}," No Action Selected "),React.createElement("p",null," Select an action in the list to adjust the settings. "))),null!==this.state.selectedActionIndex&&React.createElement(Fa,{fields:l,onChange:function(t){return e._changeProperty(t)}}))))}},{key:"render",value:function(){return this.timeline()}}]),t}(wp.element.Component),$a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Za=function(e){return void 0!==e&&(void 0!==e.while_scroll_into_view&&!0===e.while_scroll_into_view.enable||void 0!==e.mouse_movement&&!0===e.mouse_movement.enable)},eo=n(200),to=n.n(eo),no=function(){function e(e,t){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:"",t=this,n=arguments[1],a=arguments[2],o=this.props,l=o.value,i=o.uniqueId;l[e][n]=a;var r=Object.assign({},this.props.value,l);if(this.props.onChange(r),"mouse_movement"===e){var c=l.mouse_movement;void 0!==c.enable&&(!1===c.enable&&(this.v&&(this.v.destroy(),delete this.v),this.state.liveMouseTilt&&this.setState({liveMouseTilt:!1})),c.enable&&this.state.liveMouseTilt&&setTimeout((function(){var e=document.getElementsByClassName("qubely-block-"+i);e.length>0&&(e=e[0],t.updateTiltAnimate(c,e))}),500))}}},{key:"componentWillReceiveProps",value:function(e){var t=e.value,n=t.while_scroll_into_view,a=(t.mouse_movement,e.uniqueId);if(void 0!==n.enable&&!1===n.enable){var o=$(".qubely-block-"+a);o.hasClass("qubely-block-interaction")&&o.removeClass("qubely-block-interaction").removeAttr("style")}}},{key:"updateTiltAnimate",value:function(e,t){var n={speed:100*parseFloat(e.mouse_tilt_speed),max:parseFloat(e.mouse_tilt_max),reverse:"opposite"===e.mouse_tilt_direction};this.v?(this.v.destroy(),this.v=new La(t,n)):this.v=new La(t,n)}},{key:"enableTiltAnimation",value:function(){var e=this,t=this.props,n=t.value.mouse_movement,a=t.uniqueId,o=this.state.liveMouseTilt;!1===o?setTimeout((function(){var t=document.getElementsByClassName("qubely-block-"+a);t.length>0&&(t=t[0],e.updateTiltAnimate(n,t))}),500):this.v&&(this.v.destroy(),delete this.v),this.setState({liveMouseTilt:!o})}},{key:"selectAction",value:function(e){var t=this.state.isTransformOrigin;t=!{blur:!0,opacity:!0}[e.name],this.setState({isTransformOrigin:t})}},{key:"render",value:function(){var e=this,t=this.props.value,n=t.while_scroll_into_view,a=t.mouse_movement,o={x_offset:"center",y_offset:"center"};return void 0!==n&&(o.x_offset=void 0===n.transform_origin_x?"center":n.transform_origin_x,o.y_offset=void 0===n.transform_origin_y?"center":n.transform_origin_y),React.createElement(io,null,void 0!==n&&React.createElement("div",{className:"qubely-interaction-view qubely-fields qubely-field-alt"},React.createElement("div",{className:"sppb-interaction-view-body"},qubely_admin.pro_enable?React.createElement(io,null,React.createElement(dn,{label:ao("Enable"),value:n.enable,onChange:function(){return e._saveAttributes("while_scroll_into_view","enable",!n.enable)}}),n.enable&&React.createElement(io,null,React.createElement(Ka,{uniqueId:this.props.uniqueId,onChange:function(t){return e._saveAttributes("while_scroll_into_view","action_list",t)},selectAction:this.selectAction.bind(this),actionList:n.action_list,enable:n.enable,transformOrigin:o}),this.state.isTransformOrigin&&React.createElement("div",{className:"qubley-flex-d qubley-interaction-transform-origin"},React.createElement("div",{className:"qubley-interaction-transform-origin-label"},React.createElement("label",null," ",ao("Transform Origin")," ")),React.createElement(yt,{label:ao("X-Axis"),options:[[ao("Left"),"left"],[ao("Middle"),"center"],[ao("Right"),"right"]],value:o.x_offset,onChange:function(t){return e._saveAttributes("while_scroll_into_view","transform_origin_x",t)}}),React.createElement(yt,{label:ao("Y-Axis"),options:[[ao("Top"),"top"],[ao("Middle"),"center"],[ao("Bottom"),"bottom"]],value:o.y_offset,onChange:function(t){return e._saveAttributes("while_scroll_into_view","transform_origin_y",t)}})),React.createElement(dn,{label:ao("Enable Tablet"),value:n.enable_tablet,onChange:function(){return e._saveAttributes("while_scroll_into_view","enable_tablet",!n.enable_tablet)}}),React.createElement(dn,{label:ao("Enable Mobile"),value:n.enable_mobile,onChange:function(){return e._saveAttributes("while_scroll_into_view","enable_mobile",!n.enable_mobile)}}))):React.createElement("div",{className:"qubely-field-pro-upgrade"},React.createElement("div",{className:"qubely-logo"},React.createElement("img",{src:qubely_admin.plugin+"assets/img/qubely-logo.svg",alt:ao("Qubely")}))))),React.createElement("hr",null),void 0!==a&&React.createElement("div",{className:"sp-pagebuilder-list-view"},React.createElement("div",{className:"sppb-interaction-view-body"},React.createElement(dn,{label:ao("Enable Mouse Movement"),value:a.enable,onChange:function(){return e._saveAttributes("mouse_movement","enable",!a.enable)}}),a.enable&&React.createElement(io,null,React.createElement(yt,{label:ao("Direction"),options:[[ao("Direct"),"direct"],[ao("Opposite"),"opposite"]],value:a.mouse_tilt_direction,onChange:function(t){return e._saveAttributes("mouse_movement","mouse_tilt_direction",t)}}),React.createElement(I,{label:ao("Speed"),value:parseFloat(a.mouse_tilt_speed),onChange:function(t){return e._saveAttributes("mouse_movement","mouse_tilt_speed",t)},min:1,max:10,step:.5}),React.createElement(I,{label:ao("Maximum"),value:parseFloat(a.mouse_tilt_max),onChange:function(t){return e._saveAttributes("mouse_movement","mouse_tilt_max",t)},min:5,max:75,step:5}),React.createElement(dn,{label:ao("Enable Tablet"),value:a.enable_tablet,onChange:function(){return e._saveAttributes("mouse_movement","enable_tablet",!a.enable_tablet)}}),React.createElement(dn,{label:ao("Enable Mobile"),value:a.enable_mobile,onChange:function(){return e._saveAttributes("mouse_movement","enable_mobile",!a.enable_mobile)}}),React.createElement("button",{onClick:function(){return e.enableTiltAnimation()},className:"components-button is-button is-default is-primary is-large"}," ",this.state.liveMouseTilt?"Stop":"Live"," ")))))}}]),t}(lo),co="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},so=function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var n=[],a=!0,o=!1,l=void 0;try{for(var i,r=e[Symbol.iterator]();!(a=(i=r.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){o=!0,l=e}finally{try{!a&&r.return&&r.return()}finally{if(o)throw l}}return n}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")},uo=function(){function e(e,t){for(var n=0;n0&&u.forEach((function(e){s+="color"===e?c.selector:c.bgselector,s+="{";var t=":"+c.regular[e]+" !important;}";s+=e,s+=t})),b.length>0&&b.forEach((function(e){"color"===e?(s+=c.selector,s+=":hover {"):(s+=c.bgselector,s+=":before{");var t=":"+c.hover[e]+" !important;}";s+=e,s+=t})),React.createElement("div",{className:"qubely-block-btn-wrapper"+(void 0!==i?" button-type-"+i:"")},React.createElement("div",{className:"qubely-block-btn"},React.createElement("span",{className:"qubely-block-btn-anchor is-"+a,style:c},t&&"left"==n&&React.createElement("i",{className:"qubely-btn-icon "+t}),React.createElement(Ao,{key:"editable",keepPlaceholderOnFocus:!0,placeholder:jo("Add Text..."),onChange:function(e){return l(e)},value:o}),t&&"right"==n&&React.createElement("i",{className:"qubely-btn-icon "+t}))),!!s&&React.createElement("style",null,s))}}]),t}(Lo),Do=function(e){function t(){return Oo(this,t),Po(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return No(t,e),_o(t,[{key:"render",value:function(){var e=this.props,t=e.buttonIconName,n=e.buttonIconPosition,a=e.buttonSize,o=e.buttonText,l=e.buttonUrl,i=e.buttonTag,r=e.buttonId,c=e.buttonFillType,s=void 0===c?void 0:c,u=e.tableBuilder,b=e.inlineStyles,p=void 0===b?{regular:{},hover:{}}:b,d=React.createElement(zo,null,t&&"left"==n&&React.createElement("i",{className:"qubely-btn-icon "+t}),React.createElement(Ao.Content,{value:o||"Add Text..."}),t&&"right"==n&&React.createElement("i",{className:"qubely-btn-icon "+t})),f="",y=Object.keys(p.regular),m=Object.keys(p.hover);return y.length>0&&y.forEach((function(e){f+="color"===e?p.selector:p.bgselector,f+="{";var t=":"+p.regular[e]+" !important;}";f+=e,f+=t})),m.length>0&&m.forEach((function(e){"color"===e?(f+=p.selector,f+=":hover {"):(f+=p.bgselector,f+=":before{");var t=":"+p.hover[e]+" !important;}";f+=e,f+=t})),React.createElement("div",{className:"qubely-block-btn-wrapper"+(void 0!==u&&void 0!==s?" button-type-"+s:"")},React.createElement("div",{className:"qubely-block-btn"},"a"==i?React.createElement("a",To({className:"qubely-block-btn-anchor is-"+[a]},r?'id="'+r+'"':"",{href:l&&l.url?l.url:"#"},l&&l.target&&{target:"_blank"},l&&l.nofollow?{rel:"nofollow noopener noreferrer"}:To({},l&&l.target&&{rel:"noopener noreferrer"})),d):React.createElement("button",To({className:"qubely-block-btn-anchor is-"+a},r?'id="'+r+'"':"",{type:"submit",role:"button"}),d)),!!f&&React.createElement("style",null,f))}}]),t}(Lo),Yo=Object.assign||function(e){for(var t=1;t0?e-1:e}):n.setState({focusedItem:t>0?t-1:t})}},React.createElement("i",{className:"fas fa-times"})))},n.renderListItems=function(){var e=n.props,t=e.enableListIcons,a=e.iconPosition,o=e.listItems,l=e.newListItemPlaceHolder,i=(e.disableButton,e.iconColor,e.onIconColorChange,e.onChange),r=n.state,c=(r.focusedItem,r.removeItemViaBackSpace);return o.map((function(e,r){return React.createElement("li",{className:"qubely-list-li qubely-list-li-editor qubely-icon-position-"+a,key:r},React.createElement("div",{ref:"avoidOnClick",className:"qubely-list-item qubely-list-item-"+r,onClick:function(){return n.setState({currentListItemIndex:r})}},"right"==a&&e.text.length>0&&n.renderDeleteIcon(r),t&&"left"==a&&React.createElement("span",{className:"qubely-list-item-icon "+e.icon+" fa-fw",style:e.customColor?{color:e.customColor}:{}}),React.createElement("div",{className:"qubely-list-item-text-"+r+" qubely-text ",id:"qubely-list-item-text-"+r,contenteditable:"true",suppressContentEditableWarning:!0,placeholder:l,onBlur:function(e){return n.modifySpecificItem({text:e.target.innerText},r)},onKeyPress:function(e){"Enter"==e.key&&(e.preventDefault(),n.updateListItems(r,"add"),n.setState({focusedItem:r+1==o.length?o.length:n.state.focusedItem+1}))},onKeyUp:function(e){"Backspace"==e.key&&(0==e.target.innerText.length&&n.setState({removeItemViaBackSpace:r}),c==r&&(n.updateListItems(r,"delete"),n.setState({focusedItem:r>0?r-1:r,removeItemViaBackSpace:-1})))},onClick:function(){return n.setState({focusedItem:r})}},e.text),t&&"right"==a&&React.createElement("span",{className:"qubely-list-item-icon "+e.icon+" fa-fw",style:e.customColor?{color:e.customColor}:{}}),"left"==a&&e.text.length>0&&n.renderDeleteIcon(r),n.state.currentListItemIndex==r&&i("clickedListItem",r)))}))},n.modifySpecificItem=function(e,t){var a=n.props,o=a.listItems;(0,a.onListItemModification)(o.map((function(n,a){return t===a&&(n=Yo({},n,e)),n})))},n.updateListItems=function(e,t){var a=n.props,o=a.listItems,l=a.onListItemModification,i=JSON.parse(JSON.stringify(o));"add"==t?i.splice(e+1,0,{icon:"fas fa-check",text:"",customColor:!1}):i.splice(e,1),l(i)},n.state={currentListItemIndex:0,removeItemViaBackSpace:999,focusedItem:n.props.listItems.length-1},n}return Ho(t,e),Uo(t,[{key:"componentDidUpdate",value:function(e,t){var n=this.state.focusedItem;if(this.props.listItems.length>e.listItems.length)document.querySelector("."+this.props.parentBlock+" .qubely-list-item-text-"+n).focus();else if(this.props.listItems.length0?React.createElement("li",{className:"qubely-list-li qubely-icon-position-"+a,key:t},React.createElement("div",{className:"qubely-list-item qubely-list-item-"+t},n&&"left"==a&&React.createElement("span",{className:"qubely-list-item-icon "+e.icon+" fa-fw",style:e.customColor?{color:e.customColor}:{}}),React.createElement("div",{className:"qubely-list-item-text-"+t+" qubely-text ",id:"qubely-list-item-text-"+t},e.text),n&&"right"==a&&React.createElement("span",{className:"qubely-list-item-icon "+e.icon+" fa-fw",style:e.customColor?{color:e.customColor}:{}}))):null}))))}}]),t}(Vo),Zo=function(){function e(e,t){for(var n=0;n0){var a,o=this.findArrayIndex(e);t.splice(o,1),(a=t).unshift.apply(a,ii(n))}else{var l;(l=t).unshift.apply(l,ii(n)),t.length>10&&t.pop()}else t=[].concat(ii(n));localStorage.setItem("qubelyFonts",JSON.stringify(t))}},{key:"render",value:function(){var e=this,t=this.props,n=t.value,a=t.label,o=t.device,l=(t.globalSource,t.globalSettings),i=t.onDeviceChange,r=t.globalTypoOptions,c=t.globalTypoValues,s=this.state,b=s.filterText,p=s.showFontFamiles,d=s.showFontWeights,f=JSON.parse(localStorage.getItem("qubelyFonts")),y=[],m=ai;return f&&(y=ai.filter((function(e){return!f.filter((function(t){return t.n==e.n||"Default"==e.n})).length>0})),m=[{n:"Default",f:"default",v:[]}].concat(ii(f),ii(y))),b.length>=2&&(m=m.filter((function(e){return-1!==e.n.toLowerCase().search(b.toLowerCase())}))),React.createElement("div",{className:"qubely-field qubely-field-typography"},!l&&React.createElement(dn,{value:n.openTypography,label:a||pi("Typography"),onChange:function(t){return e.setSettings("openTypography",t)}}),(n&&1==n.openTypography||l)&&React.createElement(yi,null,!l&&React.createElement(yt,{label:pi("Source"),options:[[pi("Global"),"global"],[pi("Custom"),"custom"]],value:void 0!==n.activeSource?n.activeSource:"custom",onChange:function(t){if("custom"===t)void 0===n.globalSource||void 0===n.activeSource?e.props.onChange(oi({},n,{activeSource:t})):void 0!==n.globalSource&&"none"!==n.globalSource?e.props.onChange(oi({},c[n.globalSource-1],{activeSource:t,globalSource:n.globalSource,blockDefaultValues:n.blockDefaultValues})):void 0!==n.globalSource&&"none"===n.globalSource&&e.props.onChange(oi({openTypography:!0,globalSource:"none",activeSource:"custom"},n.blockDefaultValues,{blockDefaultValues:n.blockDefaultValues}));else{var a=void 0,o={openTypography:!0,activeSource:"global",globalSource:void 0===n.globalSource?"none":n.globalSource,blockDefaultValues:n.blockDefaultValues};void 0!==n.activeSource&&"custom"!==n.activeSource||"none"!==n.globalSource&&void 0!==n.globalSource||(delete(a=JSON.parse(JSON.stringify(n))).activeSource,delete a.globalSource,delete a.blockDefaultValues,o.blockDefaultValues=a),e.props.onChange(o)}}}),"global"!==n.activeSource||l?React.createElement(yi,null,React.createElement(I,{unit:!0,step:1,min:8,max:200,responsive:!0,device:o,label:pi("Font Size"),value:n&&n.size,onChange:function(t){return e.setSettings("size",t)},onDeviceChange:function(e){return i(e)}}),React.createElement("div",{className:"qubely-field-group qubely-65-35"},React.createElement("div",{className:"qubely-field qubely-field-font-family"},React.createElement("label",null,pi("Font Family")),React.createElement("div",{className:"qubely-font-family-picker",ref:"qubelySelectedFontFamily",onClick:function(){e.setState({showFontFamiles:!p})}},React.createElement("span",{className:"qubely-font-family-search-wrapper"},React.createElement("input",{type:"text",className:"qubely-font-family-search"+(p?"":" selected-font-family"),placeholder:pi(p?"Search":n&&n.family||"Select"),value:b,onChange:function(t){return e.setState({filterText:t.target.value})}}),React.createElement("span",{className:"qubely-font-select-icon"}," ",p?u.arrow_up:u.arrow_down," ")))),p&&React.createElement("div",{className:"qubely-font-family-option-wrapper",ref:"qubelyFontFamilyWrapper"},React.createElement("div",{className:"qubely-font-family-options"},m.length>0?m.map((function(t,a){var o=!1;n&&t.n==n.family&&(o=!0);var l=Se()(ri({},"qubely-font-family-option",!o),ri({},"qubely-active-font-family",o));return React.createElement("div",{key:a,className:l,id:"qubely-font-family-"+a,onClick:function(){e.setState({showFontFamiles:!1,filterText:""}),"Default"==t.n?e.setSettings("family","default"):e.handleTypographyChange(t.n)}},t.n)})):React.createElement("div",{className:"qubely-font-family-option no-match",onClick:function(){return e.setState({showFontFamiles:!1,filterText:""})}}," ","No matched font"," "))),React.createElement("div",{className:"qubely-field qubely-field-font-weight"},React.createElement("label",null,pi("Weight")),React.createElement("div",{className:"qubely-font-weight-picker-wrapper",ref:"qubelySelectedFontWeight",onClick:function(){return e.setState({showFontWeights:!d})}},React.createElement("div",{className:"qubely-font-weight-picker"}," ",n&&n.weight||"Select"," "),React.createElement("span",{className:"qubely-font-select-icon"}," ",d?u.arrow_up:u.arrow_down," "))),d&&React.createElement("div",{className:"qubely-font-weight-wrapper",ref:"qubelyFontWeightWrapper"},React.createElement("div",{className:"qubely-font-family-weights"},["Default"].concat(ii(this._getWeight())).map((function(t,a){return React.createElement("div",{key:a,className:t==n.weight?"qubely-active-font-weight":"qubely-font-weight-option",onClick:function(){e.setState({showFontWeights:!1}),e.setSettings("weight",t)}},t)}))))),React.createElement(hi,{className:"qubely-field",renderToggle:function(e){var t=e.isOpen,n=e.onToggle;return React.createElement("div",{className:"qubely-d-flex qubely-align-center"},React.createElement("label",null,pi("Advanced Typography")),React.createElement("div",{className:"qubely-field-button-list qubely-ml-auto"},React.createElement("button",{className:(1==t?"active":"")+" qubely-button qubely-button-rounded",onClick:n,"aria-expanded":t},React.createElement("i",{className:"fas fa-cog"}))))},renderContent:function(){return React.createElement("div",{style:{padding:"15px"}},!e.props.disableLineHeight&&React.createElement(I,{label:pi("Line Height"),value:n&&n.height,onChange:function(t){return e.setSettings("height",t)},min:8,max:200,step:1,unit:!0,responsive:!0,device:o,onDeviceChange:function(e){return i(e)}}),React.createElement(I,{label:pi("Letter Spacing"),value:n&&n.spacing,onChange:function(t){return e.setSettings("spacing",t)},min:-10,max:30,step:1,unit:!0,responsive:!0,device:o,onDeviceChange:function(e){return i(e)}}),React.createElement("div",{className:"qubely-field qubely-d-flex qubely-align-center"},React.createElement("div",null,pi("Text Transform")),React.createElement("div",{className:"qubely-field-button-list qubely-ml-auto"},["none","capitalize","uppercase","lowercase"].map((function(t,a){return React.createElement(vi,{key:a,text:t.charAt(0).toUpperCase()+t.slice(1)},React.createElement("button",{className:(n.transform==t?"active":"")+" qubely-button",key:a,onClick:function(){return e.setSettings("transform",t)}},"none"==t&&React.createElement("i",{className:"fas fa-ban"}),"capitalize"==t&&React.createElement("span",null,"Aa"),"uppercase"==t&&React.createElement("span",null,"AA"),"lowercase"==t&&React.createElement("span",null,"aa")))})))))}})):React.createElement(qi,{label:"Size",value:void 0!==n.globalSource?n.globalSource:"none",options:r,onChange:function(t){if("none"===t&&"none"!==n.globalSource){var a={openTypography:!0,activeSource:"global",globalSource:t,blockDefaultValues:n.blockDefaultValues};e.props.onChange(a)}else e.setSettings("globalSource",t)}})))}}]),t}(fi);var ki=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return xi((function(t){return function(n){function a(){var t=this;si(this,a);var n=ui(this,(a.__proto__||Object.getPrototypeOf(a)).apply(this,arguments));return n.getGlobalSettings=ci(ke.a.mark((function e(){var a,o,l,i;return ke.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,JSON.parse(localStorage.getItem("qubely-global-settings"));case 2:a=e.sent,o=a.typography,l=[],i=[],void 0!==o&&(o.forEach((function(e,t){var n=e.name,a=e.value;l.push({label:n,value:t+1}),i.push(a)})),n.setState({typography:o,globalTypoOptions:[{label:"Default",value:"none"}].concat(l),globalTypoValues:i}));case 6:case"end":return e.stop()}}),e,t)}))),n.setState=n.setState.bind(n),n.state=e,n}return bi(a,n),li(a,[{key:"componentDidMount",value:function(){this.getGlobalSettings()}},{key:"render",value:function(){return React.createElement(t,oi({},this.props,this.state,{setState:this.setState}))}}]),a}(fi)}),"withGLobalTypography")}()(wi),Ei=n(125),Ri={insert:"head",singleton:!1},Ci=(p()(Ei.a,Ri),Ei.a.locals,Object.assign||function(e){for(var t=1;t=a?o="quebly-position-bottom":n>=a?o="quebly-position-top":(o="quebly-position-middle",this.setState({cssStyle:{top:"-"+e.height/2+"px"}})),this.setState({positionClass:o})}}},{key:"componentWillUnmount",value:function(){document.removeEventListener("mousedown",this.handleClickOutside)}},{key:"render",value:function(){var e=this.state,t=e.cssStyle,n=e.positionClass,a=this.props,o=a.label,l=a.children,i=a.inline,r=a.customClass;return React.createElement(_i,null,React.createElement("div",{ref:"qubelyPopUpWraper",id:"qubely-field-wrapper",style:Ci({},t),className:"qubely-field qubely-field-wrapper "+(i?"qubely-field-wrapper-inline":"")+" "+r+" "+n},o?React.createElement("label",{className:"qubely-field-wrapper-label"},o):"",React.createElement("div",{className:"qubely-field-wrapper-content"},Array.isArray(l)?l.map((function(e){return e})):l)))}}]),t}(Ti),Pi=wp.components,Ni=Pi.Path,ji=Pi.SVG;function Ii(e){var t=e.level,n=e.isPressed,a=void 0!==n&&n,o={1:"M9 5h2v10H9v-4H5v4H3V5h2v4h4V5zm6.6 0c-.6.9-1.5 1.7-2.6 2v1h2v7h2V5h-1.4z",2:"M7 5h2v10H7v-4H3v4H1V5h2v4h4V5zm8 8c.5-.4.6-.6 1.1-1.1.4-.4.8-.8 1.2-1.3.3-.4.6-.8.9-1.3.2-.4.3-.8.3-1.3 0-.4-.1-.9-.3-1.3-.2-.4-.4-.7-.8-1-.3-.3-.7-.5-1.2-.6-.5-.2-1-.2-1.5-.2-.4 0-.7 0-1.1.1-.3.1-.7.2-1 .3-.3.1-.6.3-.9.5-.3.2-.6.4-.8.7l1.2 1.2c.3-.3.6-.5 1-.7.4-.2.7-.3 1.2-.3s.9.1 1.3.4c.3.3.5.7.5 1.1 0 .4-.1.8-.4 1.1-.3.5-.6.9-1 1.2-.4.4-1 .9-1.6 1.4-.6.5-1.4 1.1-2.2 1.6V15h8v-2H15z",3:"M12.1 12.2c.4.3.8.5 1.2.7.4.2.9.3 1.4.3.5 0 1-.1 1.4-.3.3-.1.5-.5.5-.8 0-.2 0-.4-.1-.6-.1-.2-.3-.3-.5-.4-.3-.1-.7-.2-1-.3-.5-.1-1-.1-1.5-.1V9.1c.7.1 1.5-.1 2.2-.4.4-.2.6-.5.6-.9 0-.3-.1-.6-.4-.8-.3-.2-.7-.3-1.1-.3-.4 0-.8.1-1.1.3-.4.2-.7.4-1.1.6l-1.2-1.4c.5-.4 1.1-.7 1.6-.9.5-.2 1.2-.3 1.8-.3.5 0 1 .1 1.6.2.4.1.8.3 1.2.5.3.2.6.5.8.8.2.3.3.7.3 1.1 0 .5-.2.9-.5 1.3-.4.4-.9.7-1.5.9v.1c.6.1 1.2.4 1.6.8.4.4.7.9.7 1.5 0 .4-.1.8-.3 1.2-.2.4-.5.7-.9.9-.4.3-.9.4-1.3.5-.5.1-1 .2-1.6.2-.8 0-1.6-.1-2.3-.4-.6-.2-1.1-.6-1.6-1l1.1-1.4zM7 9H3V5H1v10h2v-4h4v4h2V5H7v4z",4:"M9 15H7v-4H3v4H1V5h2v4h4V5h2v10zm10-2h-1v2h-2v-2h-5v-2l4-6h3v6h1v2zm-3-2V7l-2.8 4H16z",5:"M12.1 12.2c.4.3.7.5 1.1.7.4.2.9.3 1.3.3.5 0 1-.1 1.4-.4.4-.3.6-.7.6-1.1 0-.4-.2-.9-.6-1.1-.4-.3-.9-.4-1.4-.4H14c-.1 0-.3 0-.4.1l-.4.1-.5.2-1-.6.3-5h6.4v1.9h-4.3L14 8.8c.2-.1.5-.1.7-.2.2 0 .5-.1.7-.1.5 0 .9.1 1.4.2.4.1.8.3 1.1.6.3.2.6.6.8.9.2.4.3.9.3 1.4 0 .5-.1 1-.3 1.4-.2.4-.5.8-.9 1.1-.4.3-.8.5-1.3.7-.5.2-1 .3-1.5.3-.8 0-1.6-.1-2.3-.4-.6-.2-1.1-.6-1.6-1-.1-.1 1-1.5 1-1.5zM9 15H7v-4H3v4H1V5h2v4h4V5h2v10z",6:"M9 15H7v-4H3v4H1V5h2v4h4V5h2v10zm8.6-7.5c-.2-.2-.5-.4-.8-.5-.6-.2-1.3-.2-1.9 0-.3.1-.6.3-.8.5l-.6.9c-.2.5-.2.9-.2 1.4.4-.3.8-.6 1.2-.8.4-.2.8-.3 1.3-.3.4 0 .8 0 1.2.2.4.1.7.3 1 .6.3.3.5.6.7.9.2.4.3.8.3 1.3s-.1.9-.3 1.4c-.2.4-.5.7-.8 1-.4.3-.8.5-1.2.6-1 .3-2 .3-3 0-.5-.2-1-.5-1.4-.9-.4-.4-.8-.9-1-1.5-.2-.6-.3-1.3-.3-2.1s.1-1.6.4-2.3c.2-.6.6-1.2 1-1.6.4-.4.9-.7 1.4-.9.6-.3 1.1-.4 1.7-.4.7 0 1.4.1 2 .3.5.2 1 .5 1.4.8 0 .1-1.3 1.4-1.3 1.4zm-2.4 5.8c.2 0 .4 0 .6-.1.2 0 .4-.1.5-.2.1-.1.3-.3.4-.5.1-.2.1-.5.1-.7 0-.4-.1-.8-.4-1.1-.3-.2-.7-.3-1.1-.3-.3 0-.7.1-1 .2-.4.2-.7.4-1 .7 0 .3.1.7.3 1 .1.2.3.4.4.6.2.1.3.3.5.3.2.1.5.2.7.1z"};return o.hasOwnProperty(t)?React.createElement(ji,{width:"20",height:"20",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",isPressed:a},React.createElement(Ni,{d:o[t]})):null}var Li=function(){function e(e,t){for(var n=0;n-1&&React.createElement(wr,{text:gr("Style")},React.createElement("button",{className:Se()({"qubely-active":"style"===i}),onClick:function(){return b("style")}},React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"21"},React.createElement("g",{fill:"#565D66",fillRule:"nonzero"},React.createElement("path",{d:"M15.12 12.091a.814.814 0 00-.68-.378.814.814 0 00-.68.378c-.531.863-2.252 3.807-2.252 5.09 0 1.598 1.317 2.901 2.932 2.901s2.933-1.303 2.933-2.902c0-1.303-1.722-4.226-2.253-5.089zm-1.041 3.828c-.043.063-.744 1.198-.213 1.976a.52.52 0 01.064.358.409.409 0 01-.191.294.608.608 0 01-.255.084.476.476 0 01-.383-.21c-.871-1.283.149-2.902.192-2.986a.517.517 0 01.297-.21.534.534 0 01.361.063c.192.126.255.42.128.63zM13.314 10.388l1.36-.147c.446-.042.807-.337.935-.736.127-.4.042-.862-.276-1.157L7.258.294c-.255-.252-.68-.252-.957 0a.68.68 0 000 .947l.34.336-5.1 5.047C.82 7.339.5 8.348.67 9.379c.128.652.489 1.24.956 1.703l3.082 3.05c.467.462 1.062.82 1.72.946a3.134 3.134 0 002.785-.863l3.612-3.575a.74.74 0 01.489-.252zM7.576 2.502l5.759 5.7H2.073c.085-.232.212-.463.403-.653l5.1-5.047z"}))),React.createElement("h5",null,gr("Style")))),a.indexOf("advance")>-1&&React.createElement(wr,{text:gr("Advanced")},React.createElement("button",{className:Se()({"qubely-active":"advance"===i}),onClick:function(){return b("advance")}},React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"16"},React.createElement("path",{fill:"#565D66",fillRule:"nonzero",d:"M15.666 6.325c-.277-.05-.572-.082-.85-.115a6.385 6.385 0 00-.571-1.389c.18-.229.343-.457.523-.686a.994.994 0 00-.098-1.291l-.997-.997a.994.994 0 00-1.291-.098c-.23.163-.458.343-.687.523a6.954 6.954 0 00-1.39-.589c-.032-.277-.08-.572-.113-.85A.987.987 0 009.21 0H7.805a1 1 0 00-.98.834c-.05.277-.082.572-.115.85-.474.13-.947.326-1.389.571-.229-.18-.457-.343-.686-.523a.994.994 0 00-1.291.098l-.997.997a.994.994 0 00-.098 1.291c.163.23.343.458.523.687a6.954 6.954 0 00-.589 1.39c-.277.032-.572.08-.85.113A.987.987 0 00.5 7.29v1.406a1 1 0 00.834.98c.277.05.572.082.85.115.13.474.326.947.571 1.389-.18.229-.343.457-.523.686a.994.994 0 00.098 1.291l.997.997a.994.994 0 001.291.098c.23-.163.458-.343.687-.523.441.245.899.442 1.39.589.032.294.08.572.113.85.066.473.49.833.981.833h1.406a1 1 0 00.98-.834c.05-.277.082-.572.115-.85.474-.13.947-.326 1.389-.571.229.18.457.343.686.523a.994.994 0 001.291-.098l.997-.997a.994.994 0 00.098-1.291 19.095 19.095 0 00-.523-.687c.245-.441.442-.899.589-1.39.277-.032.572-.08.85-.113a.987.987 0 00.833-.981V7.305a1 1 0 00-.834-.98zM8.492 11.57a3.571 3.571 0 01-3.563-3.563 3.571 3.571 0 013.563-3.563 3.571 3.571 0 013.563 3.563 3.571 3.571 0 01-3.563 3.563z"})),React.createElement("h5",null,gr("Advanced")))),a.indexOf("layout")>-1&&React.createElement(wr,{text:gr("Layout")},React.createElement("button",{className:Se()({"qubely-active":"layout"===i}),onClick:function(){return b("layout")}},React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"15"},React.createElement("path",{fill:"#565D66",fillRule:"nonzero",d:"M14.346 0H1.654C1.017 0 .5.517.5 1.154v12.692C.5 14.483 1.017 15 1.654 15h12.692c.637 0 1.154-.517 1.154-1.154V1.154C15.5.517 14.983 0 14.346 0zm-5.77 13.846v-5.77h5.77v5.77h-5.77z"})),React.createElement("h5",null,gr("Layout")))))),Array.isArray(n)&&xr.map(n,(function(e,t){if(!e.key)throw new Error("props.key not found in , you must use `key` prop");return qr(e,{index:t,isActive:e.key===i})})))};Sr.defaultProps={defaultTab:null,tabs:["style","advance","layout"]};var Br=Sr,Tr=function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var n=[],a=!0,o=!1,l=void 0;try{for(var i,r=e[Symbol.iterator]();!(a=(i=r.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){o=!0,l=e}finally{try{!a&&r.return&&r.return()}finally{if(o)throw l}}return n}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")},_r=Object.assign||function(e){for(var t=1;t0?b.slice(0,-1):"0",n.md=l+":"+(c||"0")+e.unit+" "+(s||"0")+e.unit+" "+(u||"0")+e.unit+" "+(b||"0")+e.unit+";"}if(e&&e.sm){var p=t.replace(new RegExp("{{key}}","g"),e.sm).split(":"),d=Tr(p,2),f=d[0],y=d[1].split(" "),m=Tr(y,4),g=m[0],h=m[1],v=m[2],q=m[3];q=q.length>0?q.slice(0,-1):"0",n.sm=f+":"+(g||"0")+e.unit+" "+(h||"0")+e.unit+" "+(v||"0")+e.unit+" "+(q||"0")+e.unit+";"}if(e&&e.xs){var x=t.replace(new RegExp("{{key}}","g"),e.xs).split(":"),w=Tr(x,2),k=w[0],E=w[1].split(" "),R=Tr(E,4),C=R[0],S=R[1],B=R[2],T=R[3];T=T.length>0?T.slice(0,-1):"0",n.xs=k+":"+(C||"0")+e.unit+" "+(S||"0")+e.unit+" "+(B||"0")+e.unit+" "+(T||"0")+e.unit+";"}return n},Wr=function(e){if("object"===Or(e.global)||"object"===Or(e.custom)){var t={md:[],sm:[],xs:[]};return{md:(t="global"==e.radiusType?zr(Lr(_r({},e.global,{unit:e.unit?e.unit:"px"}),"border-radius:{{key}};"),t):zr(Hr(_r({},e.custom,{unit:e.unit?e.unit:"px"}),"border-radius:{{key}};"),t)).md,sm:t.sm,xs:t.xs}}var n="";if("global"==e.radiusType)n="border-radius:"+(e.global||"0")+(e.unit?e.unit:"px")+" ";else{var a=e.custom?e.custom.split(" "):["0","0","0","0"],o=e.unit?e.unit:"px";n="border-radius:"+(a[0]?a[0]:"0")+o+" "+(a[1]?a[1]:"0")+o+" "+(a[2]?a[2]:"0")+o+" "+(a[3]?a[3]:"0")+o}return"{"+n+"}"},Gr=function(e){if("object"===Or(e.global)||"object"===Or(e.custom)){var t={md:[],sm:[],xs:[]};return{md:(t="global"==e.paddingType?zr(Lr(_r({},e.global,{unit:e.unit?e.unit:"px"}),"padding:{{key}};"),t):zr(Hr(_r({},e.custom,{unit:e.unit?e.unit:"px"}),"padding:{{key}};"),t)).md,sm:t.sm,xs:t.xs}}var n="";if("global"==e.paddingType)n="padding:"+e.global+(e.unit?e.unit:"px")+" ";else{var a=e.custom?e.custom.split(" "):["0","0","0","0"],o=e.unit?e.unit:"px";n="padding:"+(a[0]?a[0]:"0")+o+" "+(a[1]?a[1]:"0")+o+" "+(a[2]?a[2]:"0")+o+" "+(a[3]?a[3]:"0")+o}return"{"+n+"}"},Vr=function(e){if("object"===Or(e.global)||"object"===Or(e.custom)){var t={md:[],sm:[],xs:[]};return{md:(t="global"==e.marginType?zr(Lr(_r({},e.global,{unit:e.unit?e.unit:"px"}),"margin:{{key}};"),t):zr(Hr(_r({},e.custom,{unit:e.unit?e.unit:"px"}),"margin:{{key}};"),t)).md,sm:t.sm,xs:t.xs}}var n="";if("global"==e.marginType)n="margin:"+e.global+(e.unit?e.unit:"px")+" ";else{var a=e.custom?e.custom.split(" "):["0","0","0","0"],o=e.unit?e.unit:"px";n="margin:"+(a[0]?a[0]:"0")+o+" "+(a[1]?a[1]:"0")+o+" "+(a[2]?a[2]:"0")+o+" "+(a[3]?a[3]:"0")+o}return"{"+n+"}"},Xr=function(e){var t={md:[],sm:[],xs:[]};return e.values.md&&t.md.push("flex-direction:row-reverse"),e.values.sm&&t.sm.push("flex-direction:column-reverse"),e.values.xs&&t.xs.push("flex-direction:column-reverse"),{md:t.md,sm:t.sm,xs:t.xs}},Jr=n(128),Kr={insert:"head",singleton:!1};p()(Jr.a,Kr),Jr.a.locals;function $r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Zr=wp.i18n.__,ec=(wp.element.useState,wp.components),tc=ec.Tooltip,nc=ec.Dropdown,ac=ec.ColorPicker;var oc,lc=function(e){var t=e.preset,n=e.value,a=e.onChange,o=e.className,l=e.deleteOption,i=e.onDelete,r=e.addNew,c=void 0===r?void 0:r,s=e.addNewColor,b=void 0!==s&&s,p=Se()("qubely-field","qubely-field-color","qubely-d-flex","qubely-align-center"),d=Se()(o,"qubely-color-picker-container",$r({},"qubely-global",b),$r({},"add-new-color",b));return React.createElement("div",{className:p},React.createElement(nc,{position:"top center",className:"qubely-ml-auto",renderToggle:function(e){var a=e.isOpen,o=e.onToggle;return React.createElement("div",{className:d},React.createElement("button",{isPrimary:!0,"aria-expanded":a,className:"qubely-color-picker",style:{backgroundColor:!b&&n?n:"transparent"},onClick:function(){b&&c(),"theme"!==t&&o()}},b&&React.createElement(tc,{text:Zr("Add new Color")},u.addColor)),l&&React.createElement("span",{className:"delete fas fa-times",onClick:function(){return i()}}))},renderContent:function(){return React.createElement(ac,{color:void 0!==n?n:"#000",disableAlpha:!1,onChangeComplete:function(e){e.rgb&&1!=e.rgb.a?a("rgba("+e.rgb.r+","+e.rgb.g+","+e.rgb.b+","+e.rgb.a+")"):a(e.hex)}})}}))},ic={name:void 0,key:void 0,colors:["#4A90E2","#50E3C2","#000","#4A4A4A","#9B9B9B"],typography:[{name:"Heading 1",value:{openTypography:1},style:[{selector:"{{QUBELY}} h1"}]},{name:"Heading 2",value:{openTypography:1},style:[{selector:"{{QUBELY}} h2"}]},{name:"Heading 3",value:{openTypography:1},style:[{selector:"{{QUBELY}} h3"}]},{name:"Heading 4",value:{openTypography:1},style:[{selector:"{{QUBELY}} h4"}]},{name:"Heading 5",value:{openTypography:1},style:[{selector:"{{QUBELY}} h5"}]},{name:"Heading 6",value:{openTypography:1},style:[{selector:"{{QUBELY}} h6"}]}]},rc={activePreset:"preset1",presets:{preset1:{name:"Preset #1",key:"preset1",colors:["#696CFF","#04C3EC","#363636","#BBC0D4","#FFFFFF"],typography:[{name:"Heading 1",scope:"others",value:{openTypography:1,size:{md:60,unit:"px"},family:"Roboto",height:{unit:"px",md:"80"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif",weight:700}},{name:"Heading 2",scope:"others",value:{openTypography:1,size:{md:48,unit:"px"},family:"Roboto",height:{unit:"px",md:"64"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif",weight:700}},{name:"Heading 3",scope:"others",value:{openTypography:1,size:{md:36,unit:"px"},family:"Roboto",height:{unit:"px",md:"48"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif",weight:700}},{name:"Heading 4",scope:"others",value:{openTypography:1,size:{md:30,unit:"px"},family:"Roboto",height:{unit:"px",md:"36"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif",weight:700}},{name:"Heading 5",scope:"others",value:{openTypography:1,size:{md:18,unit:"px"},family:"Roboto",height:{unit:"px",md:"28"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif",weight:700}},{name:"Heading 6",scope:"others",value:{openTypography:1,size:{md:16,unit:"px"},family:"Roboto",height:{unit:"px",md:"24"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif",weight:700}},{name:"Paragraph #1",scope:"p",value:{openTypography:1,size:{md:18,unit:"px"},family:"Roboto",height:{unit:"px",md:"24"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif"}},{name:"Paragraph #2",scope:"p",value:{openTypography:1,size:{md:14,unit:"px"},family:"Roboto",height:{unit:"px",md:"22"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif"}},{name:"Button #1",scope:"button",value:{openTypography:1,size:{md:16,unit:"px"},family:"Roboto",height:{unit:"px",md:"19"},spacing:{unit:"px",md:"3",xs:"0"},type:"sans-serif",transform:"uppercase",weight:700}},{name:"Button #2",scope:"button",value:{openTypography:1,size:{md:14,unit:"px"},family:"Roboto",height:{unit:"px",md:"19"},spacing:{unit:"px",md:"3",xs:"0"},type:"sans-serif",transform:"uppercase",weight:700}}]},preset2:{name:"Preset #2",key:"preset2",colors:["#0081FF","#0053A4","#363636","#BBC0D4","#FFFFFF"],typography:[{name:"Heading 1",scope:"others",value:{openTypography:1,size:{md:60,unit:"px"},family:"Lato",height:{unit:"px",md:"71"},spacing:{unit:"px",md:"-2",xs:"0"},type:"sans-serif",weight:300}},{name:"Heading 2",scope:"others",value:{openTypography:1,size:{md:48,unit:"px"},family:"Lato",height:{unit:"px",md:"58"},spacing:{unit:"px",md:"-0.5",xs:"0"},type:"sans-serif",weight:300}},{name:"Heading 3",scope:"others",value:{openTypography:1,size:{md:36,unit:"px"},family:"Lato",height:{unit:"px",md:"44"},spacing:{unit:"px",md:"-0.35",xs:"0"},type:"sans-serif",weight:300}},{name:"Heading 4",scope:"others",value:{openTypography:1,size:{md:30,unit:"px"},family:"Lato",height:{unit:"px",md:"36"},spacing:{unit:"px",md:"-0.31",xs:"0"},type:"sans-serif",weight:300}},{name:"Heading 5",scope:"others",value:{openTypography:1,size:{md:26,unit:"px"},family:"Lato",height:{unit:"px",md:"34"},spacing:{unit:"px",md:"-0.25",xs:"0"},type:"sans-serif",weight:300}},{name:"Heading 6",scope:"others",value:{openTypography:1,size:{md:22,unit:"px"},family:"Lato",height:{unit:"px",md:"32"},spacing:{unit:"px",md:"-0.21",xs:"0"},type:"sans-serif",weight:300}},{name:"Paragraph #1",scope:"p",value:{openTypography:1,size:{md:18,unit:"px"},family:"Lato",height:{unit:"px",md:"30"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif",weight:400}},{name:"Paragraph #2",scope:"p",value:{openTypography:1,size:{md:14,unit:"px"},family:"Lato",height:{unit:"px",md:"22"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif",weight:400}},{name:"Button #1",scope:"button",value:{openTypography:1,size:{md:16,unit:"px"},family:"Lato",height:{unit:"px",md:"19"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif",weight:700}},{name:"Button #2",scope:"button",value:{openTypography:1,size:{md:14,unit:"px"},family:"Lato",height:{unit:"px",md:"17"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif",weight:700}}]}}},cc={sm:540,md:720,lg:960,xl:1140},sc="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},uc=Object.assign||function(e){for(var t=1;t*{letter-spacing:{{key}} !important;}"),o)),o.md.length>0&&(n+=o.md.join(" ")),o.sm.length>0&&(n+="@media (max-width: 1199px) {"+o.sm.join("")+"}"),o.xs.length>0&&(n+="@media (max-width: 991px) {"+o.xs.join("")+"}"),e.family&&(["Arial","Tahoma","Verdana","Helvetica","Times New Roman","Trebuchet MS","Georgia"].includes(e.family)||(a="@import url('https://fonts.googleapis.com/css?family="+e.family.replace(/\s/g,"+")+":"+(e.weight||400)+"'); ")),e.family&&(a+=".typo-name.index-"+(t+1)+">*{ font-family:'"+e.family+"',"+e.type+";} "),e.weight&&("string"==typeof e.weight?a+=".typo-name.index-"+(t+1)+">* {font-weight:"+e.weight.slice(0,-1)+";font-style:italic;} ":a+=".typo-name.index-"+(t+1)+">* {font-weight:"+e.weight+";font-style:normal;} "),e.transform&&(a+=".typo-name.index-"+(t+1)+">* {text-transform:"+e.transform+";} ");var l="";return n.length>10&&(l+=n),a.length>10&&(l+=" "+a),l}(e.value,n);t+=a})),qc(t,"qubely-global-panel")},hc=function(e,t){var n="";return e.forEach((function(e,a){var o={};e.value&&(o=e.value),Object.keys(o).length>=1&&(n+=function(e,t,n){var a="",o="",l={md:[],sm:[],xs:[]};e.size&&(l=mc(yc(e.size,"--qubely-typo"+(t+1)+"-font-size:{{key}};"),l)),e.height&&(l=mc(yc(e.height,"--qubely-typo"+(t+1)+"-line-height:{{key}};"),l)),e.spacing&&(l=mc(yc(e.spacing,"--qubely-typo"+(t+1)+"-letter-spacing:{{key}};"),l)),l.md.length>0&&(a+=":root{"+l.md.join("")+"}"),l.sm.length>0&&(a+="@media (max-width: 1199px) {:root{"+l.sm.join("")+"}}"),l.xs.length>0&&(a+="@media (max-width: 991px) {:root{"+l.xs.join("")+"}}"),"frontend"!==n&&e.family&&(["Arial","Tahoma","Verdana","Helvetica","Times New Roman","Trebuchet MS","Georgia"].includes(e.family)||(o="@import url('https://fonts.googleapis.com/css?family="+e.family.replace(/\s/g,"+")+":"+(e.weight||400)+"');")),o+=":root{",e.family&&(o+="--qubely-typo"+(t+1)+"-font-family:'"+e.family+"',"+e.type+";"),e.weight&&("string"==typeof e.weight?(o+="--qubely-typo"+(t+1)+"-font-weight:"+e.weight.slice(0,-1)+";",o+="--qubely-typo"+(t+1)+"-font-style:italic;"):(o+="--qubely-typo"+(t+1)+"-font-weight:"+e.weight+";",o+="--qubely-typo"+(t+1)+"-font-style:normal;")),e.transform&&(o+="--qubely-typo"+(t+1)+"-text-transform:"+e.transform+";"),o+="}";var i="";return a.length>10&&(i+=a),o.length>10&&(i+=" "+o),i}(o,a,t))})),n},vc=function(e){var t=e.sm,n=e.md,a=e.lg,o=e.xl,l="";return void 0!==t&&(l+="@media (min-width: 576px){.qubely-section .qubely-container{max-width: "+t+"px;}}"),void 0!==n&&(l+="@media (min-width: 768px){.qubely-section .qubely-container{max-width: "+n+"px;}}"),void 0!==a&&(l+="@media (min-width: 992px){.qubely-section .qubely-container{max-width: "+a+"px;}}"),void 0!==o&&(l+="@media (min-width: 1200px){.qubely-section .qubely-container{max-width: "+o+"px;}}"),l},qc=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"qubely-global-styles",n=window.document;if(null===n.getElementById(t)){var a=document.createElement("style");a.type="text/css",a.id=t,a.styleSheet?a.styleSheet.cssText=e:a.innerHTML=e,n.getElementsByTagName("head")[0].appendChild(a)}else n.getElementById(t).innerHTML=e},xc=(dc=pc(ke.a.mark((function e(t){var n,a,o,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;return ke.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n="",a=t.colors,o=t.typography,n+=function(e){var t=":root {";return e.forEach((function(e,n){return t+="--qubely-color-"+(n+1)+":"+e+";"})),t+="}"}(a),n+=hc(o),void 0!==l&&(n+=vc(l)),qc(n);case 7:case"end":return e.stop()}}),e,void 0)}))),function(e){return dc.apply(this,arguments)}),wc=function(e){var t="",n=rc.presets,a=rc.activePreset,o=uc({},cc,void 0!==("undefined"==typeof qubely_container_width?"undefined":sc(qubely_container_width))&&qubely_container_width);return bc().then((function(l){if(l.success){void 0!==l.settings.presets&&(n=l.settings.presets),void 0!==l.settings.activePreset&&(a=l.settings.activePreset),globalData=n[a];var i=["#4A90E2","#50E3C2","#000","#4A4A4A","#9B9B9B"];"undefined"!=typeof globalData&&globalData.colors&&globalData.colors.length>0&&(i=globalData.colors);return void 0!==l.settings.breakingPoints&&(o=uc({},o,l.settings.breakingPoints)),t+=function(e){var t=":root {";return e.forEach((function(e,n){return t+="--qubely-color-"+(n+1)+":"+e+";"})),t+="}"}(i),t+=hc(globalData.typography,e),t+=vc(o)}}))},kc="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Ec=Object.assign||function(e){for(var t=1;t0||Object.keys(_c({typography:t.settings.presets[t.settings.activePreset].typography},{typography:a.state.savedMeta.typography})).length>0||Object.keys(_c({breakingPoints:t.settings.breakingPoints},{breakingPoints:a.state.savedMeta.breakingPoints})).length>0)?(console.log("preset changed"),a.setState({isPresetChanged:!0,showModal:!0})):(console.log("same preset"),a.setState({isPresetChanged:!1})),t.success?(0===Object.keys(t.settings).length&&(e=!1,a.updateGlobalSettings()),"theme"!==t.settings.activePreset&&a.saveGlobalCSS(),a.setState(Ec({},t.settings)),localStorage.setItem("qubely-global-settings",JSON.stringify(Ec({},rc.presets[rc.activePreset],{breakingPoints:Ec({},a.state.breakingPoints,void 0!==("undefined"==typeof qubely_container_width?"undefined":kc(qubely_container_width))&&qubely_container_width,(e&&void 0!==t.settings.breakingPoints)&t.settings.breakingPoints)},(e&&void 0!==t.settings.presets&&void 0!==t.settings.activePreset)&t.settings.presets[t.settings.activePreset])))):(a.setState(Ec({},rc)),a.updateGlobalSettings())}))},a.updateGlobalSettings=Bc(ke.a.mark((function e(){var t,o,l,i,r;return ke.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=a.state,o=t.presets,l=t.activePreset,i=t.breakingPoints,r={activePreset:l,presets:Ec({},o),breakingPoints:Ec({},i)},e.next=4,wp.apiFetch({path:Hc,method:"POST",data:{settings:JSON.stringify(r)}}).then((function(e){return e}));case 4:case"end":return e.stop()}}),e,n)}))),a.state=Ec({presets:{}},rc,{newTypoScope:"others",newTypoTitle:null,renameTypo:void 0,enableRenaming:void 0,showTypoSettings:void 0,showPresetSettings:void 0,breakingPoints:Ec({sm:540,md:720,lg:960,xl:1140},void 0!==("undefined"==typeof qubely_container_width?"undefined":kc(qubely_container_width))&&qubely_container_width)}),a.ref=jc(),a.typoRef=jc(),a.saveGlobalCSS=a.saveGlobalCSS.bind(a),a}var n,a,o;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),Rc(t,[{key:"componentDidMount",value:(o=Bc(ke.a.mark((function e(){var t,n,a,o=this;return ke.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=wp.data.select("core/editor").getCurrentPostId(),n=void 0,!qubely_admin.is_core_active){e.next=5;break}return e.next=5,wp.apiFetch({path:"qubely/v1/get_saved_preset",method:"POST",data:{postId:t}}).then((function(e){e.saved_preset&&(n=JSON.parse(e.saved_preset),o.setState({savedMeta:JSON.parse(e.saved_preset)}))}));case 5:this.getGlobalSettings(),a=!0,Cc().then((function(e){if(e.success)if(qubely_admin.is_core_active&&n&&(n.key!==e.settings.activePreset||Object.keys(_c({colors:e.settings.presets[e.settings.activePreset].colors},{colors:n.colors})).length>0||Object.keys(_c({typography:e.settings.presets[e.settings.activePreset].typography},{typography:n.typography})).length>0||Object.keys(_c({breakingPoints:e.settings.breakingPoints},{breakingPoints:n.breakingPoints})).length>0)){var t=n,l=t.key,i=t.name,r=t.colors,c=t.typography,s=t.breakingPoints;o.setState((function(e,t){var n=e.presets,a=(e.activePreset,e.breakingPoints),o=rc;return(o=Ec({},void 0!==n&&n))[l].name=i,o[l].colors=r,o[l].typography=c,{isPresetChanged:!1,presets:o,activePreset:l,breakingPoints:a}})),xc({key:l,name:i,colors:r,typography:c},s),localStorage.setItem("qubely-global-settings",JSON.stringify(Ec({},rc.presets[rc.activePreset],{key:l,name:i,colors:r,typography:c,breakingPoints:Ec({},o.state.breakingPoints,void 0!==("undefined"==typeof qubely_container_width?"undefined":kc(qubely_container_width))&&qubely_container_width,void 0!==s&s)})));var u={activePreset:l,presets:Ec({},o.state.presets,Sc({},l,{key:l,name:i,colors:r,typography:c})),breakingPoints:s};wp.apiFetch({path:Hc,method:"POST",data:{settings:JSON.stringify(u)}}).then((function(e){return e}))}else 0===Object.keys(e.settings).length&&(a=!1,o.updateGlobalSettings()),"theme"!==e.settings.activePreset&&o.saveGlobalCSS(),o.setState(Ec({},e.settings)),localStorage.setItem("qubely-global-settings",JSON.stringify(Ec({},rc.presets[rc.activePreset],{breakingPoints:Ec({},o.state.breakingPoints,void 0!==("undefined"==typeof qubely_container_width?"undefined":kc(qubely_container_width))&&qubely_container_width,(a&&void 0!==e.settings.breakingPoints)&e.settings.breakingPoints)},a&&void 0!==e.settings.presets&&void 0!==e.settings.activePreset&&e.settings.presets[e.settings.activePreset])));else o.setState(Ec({},rc)),o.updateGlobalSettings()}));case 8:case"end":return e.stop()}}),e,this)}))),function(){return o.apply(this,arguments)})},{key:"saveGlobalCSS",value:(a=Bc(ke.a.mark((function e(){var t;return ke.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,wc();case 2:return t=e.sent,e.next=5,qc(t,"qubely-global-styles");case 5:case"end":return e.stop()}}),e,this)}))),function(){return a.apply(this,arguments)})},{key:"componentDidUpdate",value:(n=Bc(ke.a.mark((function e(t,n){var a,o,l,i,r,c,s=this;return ke.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:a=this.state,o=a.presets,l=a.activePreset,i=a.renameTypo,r=a.enableRenaming,c=a.breakingPoints,r!==n.enableRenaming&&void 0!==r&&setTimeout((function(){void 0!==s.ref.current&&s.ref.current.focus()}),100),i!==n.renameTypo&&void 0!==i&&setTimeout((function(){void 0!==s.ref.current&&s.typoRef.current.focus()}),100),o&&l&&l!==n.activePreset&&xc(o[l],c),(l!==n.activePreset||Object.keys(_c({breakingPoints:c},{breakingPoints:n.breakingPoints})).length>0)&&wp.data.dispatch("core/editor").editPost({meta:{_non_existing_meta:!0}});case 5:case"end":return e.stop()}}),e,this)}))),function(e,t){return n.apply(this,arguments)})},{key:"restoreSavedpreset",value:function(e){var t=e.key,n=e.name,a=e.colors,o=e.typography,l=e.breakingPoints;this.setState((function(e,l){var i=e.presets,r=(e.activePreset,e.breakingPoints),c=i;return c[t].name=n,c[t].colors=a,c[t].typography=o,{isPresetChanged:!1,presets:c,activePreset:t,breakingPoints:r}})),xc({key:t,name:n,colors:a,typography:o},l)}},{key:"render",value:function(){var e,t,n,a,o,l=this,i=this.state,r=i.presets,c=i.breakingPoints,s=i.renameTypo,b=(i.newTypoScope,i.newTypoTitle,i.activePreset),p=i.enableRenaming,d=i.showTypoSettings,f=i.showPresetSettings,y=(i.isPresetChanged,i.showModal,i.savedMeta,function(e,t,n){l.setState((function(a,o){var l=a.presets,i=a.activePreset,r=a.breakingPoints,c=l;return c[n].colors[e]=t,xc(c[i],r),{presets:c}}))}),m=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments[1],n=arguments[2],a=arguments[3];l.setState((function(o){var l=o.newTypoScope,i=o.newTypoTitle,r=o.presets,c=o.activePreset,s=o.breakingPoints,u=r;return e?u[t].typography.push({name:i||"Custom Typo",removable:!0,scope:l,value:{openTypography:1}}):"delete"===a?u[t].typography.splice(n,1):u[t].typography[n].value=a,xc(u[c],s),{presets:u,newTypoTitle:null}}))},g=function(e,t){var n;l.setState((n=Bc(ke.a.mark((function n(a){var o,i,c;return ke.a.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(o=void 0,i=Object.keys(r).length,o="add"===t?e:JSON.parse(JSON.stringify(a.presets[e])),c="preset"+(i+1),a.presets[c]=o,a.presets[c].key=c,a.presets[c].name="duplicate"===t?"Copy of "+o.name:"Preset #"+(i+1),"saveAs"!==t){n.next=10;break}return n.next=9,Cc().then((function(t){t.success&&void 0!==t.settings.presets[e]&&(a.presets[e]=t.settings.presets[e])}));case 9:return n.abrupt("return",{presets:a.presets,showPresetSettings:void 0});case 10:return n.abrupt("return",{presets:a.presets});case 11:case"end":return n.stop()}}),n,l)}))),function(e){return n.apply(this,arguments)}))},h=function(e,t){l.setState((function(n){var a=n.presets,o=n.activePreset,l=n.breakingPoints,i=540;void 0!==("undefined"==typeof qubely_container_width?"undefined":kc(qubely_container_width))?i=qubely_container_width[e]:"sm"===e?i=720:"md"===e?i=960:"lg"===e&&(i=1199);var r=Ec({},l,Sc({},e,void 0===t?i:t));return xc(a[o],r),{breakingPoints:r}}))},v=Yc("core/editor"),q=v.isSavingPost,x=v.isPreviewingPost,w=v.isPublishingPost,k=v.isAutosavingPost;if((q()||x()||w())&&!k()&&this.updateGlobalSettings(),void 0!==f){var E=Object.keys(r)[f];void 0!==r[E]&&gc(r[E].typography)}return localStorage.setItem("qubely-global-settings",JSON.stringify(Ec({},r[b],{breakingPoints:c}))),React.createElement(Nc,null,React.createElement(Qc,{icon:u.qubely,name:"global-settings-sidebar",title:Tc("Qubely Global Settings")},(e=function(e,t,n){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0;return React.createElement(Lc,{text:Tc(t)},React.createElement("div",Ec({className:n,onClick:a},void 0!==a&&{onClick:function(){return a()}}),React.createElement("div",{className:"add-new"},React.createElement("span",{className:"icon"},u.plus_circle),React.createElement("span",{className:"title"},Tc(e)))))},t=function(e){l.setState((function(t){return delete t.presets[e],localStorage.setItem("qubely-global-settings",JSON.stringify(r[e===t.activePreset?"preset1":b])),Ec({presets:t.presets},e===t.activePreset&&{activePreset:"preset1"})}))},n=wp.data.select("core").getThemeSupports(),a=[],o=[],"object"===kc(n["editor-color-palette"])&&Array.isArray(n["editor-color-palette"])||"object"===kc(n["editor-font-sizes"])&&Array.isArray(n["editor-font-sizes"])?(Array.isArray(n["editor-color-palette"])&&(a=n["editor-color-palette"].map((function(e){return e.color}))),Array.isArray(n["editor-font-sizes"])&&(o=n["editor-font-sizes"].map((function(e){return{name:e.name,scope:"others",value:{openTypography:!0,size:{md:e.size,unit:"px"}}}}))).reverse(),(void 0===r.theme||Object.keys(_c({colors:a},{colors:r.theme.colors})).length>0||Object.keys(_c({typography:o},{typography:r.theme.typography})).length>0)&&l.setState((function(e){var t,n=e.presets,l=e.activePreset,i=e.breakingPoints;return delete n.theme,t=Ec({theme:{name:"Theme",key:"theme",colors:a,typography:o}},n),"theme"===l&&xc(t[l],i),{presets:t}}))):r.theme&&t("theme"),React.createElement("div",{className:"qubely-global-settings"},Object.keys(r).map((function(n,a){var o=r[n],i=o.name,c=o.key,h=o.colors,v=o.typography,q=!1,x=!1;b===c&&(q=!0),f===a&&(x=!0);var w=Se()("preset",Sc({},"active",q),Sc({},"detailed",x),Sc({},"renaming",p===n));return React.createElement("div",{key:n,className:w},React.createElement("div",{className:"title-wrapper"},React.createElement("div",Ec({className:"title"},!x&&{onClick:function(){return l.setState((function(e){return{showPresetSettings:x?void 0:a,enableRenaming:p!==n?void 0:n}}))}}),x&&React.createElement("span",{className:"radio-button fas fa-angle-left",onClick:function(){return l.setState((function(e){return Ec({showPresetSettings:x?void 0:a},p===n&&{enableRenaming:void 0})}))}}),p===n?React.createElement("input",{ref:l.ref,value:i,type:"text",className:"rename-preset",placeholder:Tc("Add preset name"),onFocus:function(){l.ref.current.value=l.ref.current.value},onKeyPress:function(e){"Enter"==e.key&&(l.ref.current.blur(),l.setState({enableRenaming:void 0}))},onChange:function(e){return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments[1];l.setState((function(n){return n.presets[t].name=e,{presets:n.presets}}))}(e.target.value,n)}}):React.createElement(Nc,null,React.createElement("span",{className:"name"}," ",i),q&&React.createElement("span",{className:"is-active-label"},Tc("Active")))),React.createElement(zc,{position:"bottom center",className:"options",contentClassName:"global-settings preset-options",renderToggle:function(e){e.isOpen;var t=e.onToggle;return x?React.createElement("div",{className:"icon",onClick:t},u.ellipsis_h," "):React.createElement("div",{className:"icon",onClick:t},u.ellipsis_v," ")},renderContent:function(e){var o=e.onToggle,i=Se()(Sc({},"active",q));return React.createElement("div",{className:"global-preset-options"},React.createElement("div",Ec({className:i},!q&&{onClick:function(){!function(e){l.setState({showTypoSettings:void 0,activePreset:q?void 0:e})}(c),o()}}),"Activate"),x?React.createElement("div",{onClick:function(){g(n,"saveAs"),o()}},"Save as New"):React.createElement(Nc,null,React.createElement("div",{onClick:function(){l.setState({enableRenaming:n}),o()}},"Rename"),React.createElement("div",{onClick:function(){g(n,"duplicate"),o()}},"Duplicate")),a>1&&React.createElement("div",{onClick:function(){return t(n)}},"Delete"))}})),x&&React.createElement(Nc,null,React.createElement(Ac,{title:Tc("theme"===n?"Theme Colors":"Global Colors"),initialOpen:!0},React.createElement("div",{className:"qubely-global-color-pallete"},h.map((function(e,t){return React.createElement(lc,{key:t,preset:n,value:e,className:t<5?"primary-color":"added-color",deleteOption:!(t<5),onDelete:function(){return function(e,t){l.setState((function(n,a){var o=n.presets;return o[t].colors.splice(e,1),{presets:o}}))}(t,n)},onChange:function(e){return y(t,e,n)}})})),"theme"===n&&React.createElement(Mc,{status:"warning",isDismissible:!1},h.length>0?Tc(" Disclaimer: Theme colors aren't editable."):Tc("Theme colors not available")),"theme"!==n&&React.createElement(lc,{addNewColor:!0,value:void 0,addNew:function(){return function(e){l.setState((function(t,n){var a=t.presets;return a[e].colors.push(""),{presets:a}}))}(n)},onChange:function(e){return y(r[n].colors.length-1,e,n)}}))),void 0!==v&&v.length>0&&React.createElement(Ac,{title:Tc("Typography"),initialOpen:!0},v.map((function(e,t){var a=e.name,o=e.value,i=e.scope,r=void 0===i?"h":i,c=e.removable,b=void 0!==c&&c,p=!1;d===t&&(p=!0);var f="h"+(t+1);"p"===r||b&&"others"===r?f="p":"button"===r&&(f="button");var y=Se()("qubely-global","typography",Sc({},"removable",b)),g=Se()("typo-name","tag-"+f,"index-"+(t+1),Sc({},"active",p));return React.createElement("div",{key:t,className:y},React.createElement("div",{className:g},s===t?React.createElement("input",{ref:l.typoRef,value:a,type:"text",className:"rename-typo name",placeholder:Tc("Add typography name"),onFocus:function(){l.typoRef.current.value=l.typoRef.current.value},onBlur:function(){l.setState({renameTypo:void 0})},onKeyPress:function(e){"Enter"==e.key&&(l.typoRef.current.blur(),l.setState({renameTypo:void 0}))},onChange:function(e){return function(e,t,n){l.setState((function(a){var o=a.presets,l=a.activePreset,i=a.breakingPoints,r=o;return r[e].typography[t].name=n,xc(r[l],i),{presets:r}}))}(n,t,e.target.value)}}):React.createElement(f,{className:"name",onClick:function(){return l.setState({showTypoSettings:p?void 0:t})}}," ",a),p&&b&&React.createElement(zc,{position:"bottom center",className:"options",contentClassName:"global-settings preset-options",renderToggle:function(e){e.isOpen;var t=e.onToggle;return p?React.createElement("div",{className:"icon",onClick:t},u.ellipsis_h," "):React.createElement("div",{className:"icon",onClick:t},u.ellipsis_v," ")},renderContent:function(e){var a=e.onToggle;return React.createElement("div",{className:"global-preset-options"},React.createElement("div",{onClick:function(){a(),l.setState({renameTypo:t})}}," ","Rename"),React.createElement("div",{onClick:function(){m(!1,n,t,"delete"),a()}},"delete"))}})),p&&("theme"===n?React.createElement("div",{className:"theme-typo-wrapper"},React.createElement(Dc,{label:Tc("Font Size"),value:o.size.md,onChange:function(e){return console.log("theme default can't be changed")},disabled:!0}),React.createElement(Mc,{status:"warning",isDismissible:!1},Tc("Disclaimer: Theme fonts aren't editable."))):React.createElement(ki,{value:o,globalSettings:!0,key:a+t,onChange:function(e){return m(!1,n,t,e)}})))})),v.length<13&&"theme"!==n&&React.createElement("div",{onClick:function(){return m(!0,n)}},e("Add new typography","Add Typography","add-new-wrapper add-new-typo")))))})),e("Add new preset","Add Preset","add-new-wrapper",(function(){return g(ic,"add")})))),React.createElement(Ac,{title:Tc("Global Container Width"),initialOpen:!1},React.createElement(Dc,{min:200,max:767,allowReset:!0,label:Tc("Landscape Mobile"),value:c.sm,renderTooltipContent:function(){return function(e){return e+"%"}},onChange:function(e){return h("sm",e)}}),React.createElement(Dc,{min:400,max:991,allowReset:!0,label:Tc("Tablet"),value:c.md,onChange:function(e){return h("md",e)}}),React.createElement(Dc,{min:800,max:1199,allowReset:!0,label:Tc("Desktop"),value:c.lg,onChange:function(e){return h("lg",e)}}),React.createElement(Dc,{min:900,max:2300,allowReset:!0,label:Tc("Large Desktop"),value:c.xl,onChange:function(e){return h("xl",e)}}),React.createElement("div",{className:"qubely-row-device",style:{margin:"0 -15px"}},React.createElement(Mc,{status:"default",isDismissible:!1},React.createElement("div",{className:"qubely-device-description title"},Tc("Device definations in terms of "),React.createElement("strong",null,Tc("min-width"))),React.createElement("div",{className:"qubely-device-description"},Tc("Landscape Mobile : 576px")),React.createElement("div",{className:"qubely-device-description"}," ",Tc("Tablet : 768px")),React.createElement("div",{className:"qubely-device-description"}," ",Tc("Desktop : 992px")),React.createElement("div",{className:"qubely-device-description"},Tc("Large Desktop : 1200px")))))),React.createElement(Fc,{icon:u.qubely,target:"global-settings-sidebar"},Tc("Qubely Global Settings")))}}]),t}(Pc),Gc="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Vc=function(e,t,n){return e.replace(new RegExp(t,"g"),n)},Xc=function(e){return"object"==(void 0===e?"undefined":Gc(e))&&0!=Object.keys(e).length},Jc=function(e,t){return e.replace(new RegExp("{{QUBELY}}","g"),".qubely-block-"+t)},Kc=function(e,t){var n="";return t.forEach((function(e){n+=e+";"})),e+"{"+n+"}"},$c=function(e,t){var n="";return t.forEach((function(t){n+=e+t})),n},Zc=function(e,t,n,a){if(a="object"!=(void 0===a?"undefined":Gc(a))?a:es(a).data,"string"==typeof e){if(e){if(a){var o=Jc(e,t);return"boolean"==typeof a?[o]:-1==o.indexOf("{{")&&o.indexOf("{")<0?[o+a]:[Vc(o,"{{"+n+"}}",a)]}return[]}return[Jc(a,t)]}var l=[];return e.forEach((function(e){l.push(Vc(Jc(e,t),"{{"+n+"}}",a))})),l},es=function(e){return e.openTypography?{data:Ar(e),action:"append"}:e.openBg?{data:(t=e,n="{",n+=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments[2],a=arguments[3],o=arguments[4],l=arguments[5],i=arguments[6],r=arguments[7],c=arguments.length>8&&void 0!==arguments[8]?arguments[8]:"local",s=arguments.length>9&&void 0!==arguments[9]?arguments[9]:{},u=i?"background-color:"+i+";":"";return"image"==e?u+=("local"===c?t.hasOwnProperty("url")?"background-image:url("+t.url+");":"":s.hasOwnProperty("url")?"background-image:url("+s.url+");":"")+(n?"background-position:"+n+";":"")+(a?"background-attachment:"+a+";":"")+(o?"background-repeat:"+o+";":"")+(l?"background-size:"+l+";":""):"gradient"==e&&(r&&"linear"==r.type?u+="background-image: linear-gradient("+r.direction+"deg, "+r.color1+" "+r.start+"%,"+r.color2+" "+r.stop+"%);":(void 0===r.radial&&(r.radial="center"),u+="background-image: radial-gradient( circle at "+r.radial+" , "+r.color1+" "+r.start+"%,"+r.color2+" "+r.stop+"%);")),u}(t.bgType,t.bgImage,t.bgimgPosition,t.bgimgAttachment,t.bgimgRepeat,t.bgimgSize,t.bgDefaultColor,t.bgGradient,t.bgimageSource,t.externalImageUrl),n+="}","video"==t.bgType&&t.bgVideoFallback&&t.bgVideoFallback.url&&(n+="background-image: url("+t.bgVideoFallback.url+"); background-position: center; background-repeat: no-repeat; background-size: cover;"),"{}"!=n?n:{}),action:"append"}:e.openBorder?{data:jr(e),action:"append"}:e.tableBorder?{data:Ir(e),action:"append"}:e.openShadow&&e.color?{data:Nr(e),action:"append"}:e.direction?{data:Pr(e,"return"),action:"append"}:void 0!==e.top||void 0!==e.left||void 0!==e.right||void 0!==e.bottom?{data:Mr(e),action:"replace"}:e.openShape?{data:Dr(e),action:"append"}:e.openColor?{data:Yr(e),action:"append"}:e.spaceTop||e.spaceBottom?{data:Ur(e),action:"append"}:e.selectedSize?{data:Qr(e),action:"append"}:e.openBorderRadius?{data:Wr(e),action:"append"}:e.openPadding?{data:Gr(e),action:"append"}:e.openMargin?{data:Vr(e),action:"append"}:e.openRowReverse?{data:Xr(e),action:"append"}:e.openTransfrom?{data:Fr(e),action:"append"}:{data:"",action:"append"};var t,n},ts=function(e,t,n,a){var o=!0;return t.hasOwnProperty("condition")&&t.condition.forEach((function(t){var n=o;if("=="==t.relation||"==="==t.relation)if("string"==typeof t.value||"number"==typeof t.value||"boolean"==typeof t.value)o=e[t.key]==t.value;else{var a=!1;t.value.forEach((function(n){e[t.key]==n&&(a=!0)})),a&&(o=!0)}else if("!="==t.relation||"!=="==t.relation)if("string"==typeof t.value||"number"==typeof t.value||"boolean"==typeof t.value)o=e[t.key]!=t.value;else{var l=!1;t.value.forEach((function(n){e[t.key]!=n&&(l=!0)})),l&&(o=!0)}0==n&&(o=!1)})),o},ns=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=window.document,l="qubely-block-"+t;if(n&&a&&(l="qubely-global-styles"),null===o.getElementById(l)){var i=document.createElement("style");i.type="text/css",i.id=l,i.styleSheet?i.styleSheet.cssText=e:i.innerHTML=e,o.getElementsByTagName("head")[0].appendChild(i)}else o.getElementById(l).innerHTML=e},as=function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var n=[],a=!0,o=!1,l=void 0;try{for(var i,r=e[Symbol.iterator]();!(a=(i=r.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){o=!0,l=e}finally{try{!a&&r.return&&r.return()}finally{if(o)throw l}}return n}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")},os=Object.assign||function(e){for(var t=1;t0?b.slice(0,-1):"0",n.md=l+":"+(c||"0")+e.unit+" "+(s||"0")+e.unit+" "+(u||"0")+e.unit+" "+(b||"0")+e.unit+";"}if(e&&e.sm){var p=t.replace(new RegExp("{{key}}","g"),e.sm).split(":"),d=as(p,2),f=d[0],y=d[1].split(" "),m=as(y,4),g=m[0],h=m[1],v=m[2],q=m[3];q=q.length>0?q.slice(0,-1):"0",n.sm=f+":"+(g||"0")+e.unit+" "+(h||"0")+e.unit+" "+(v||"0")+e.unit+" "+(q||"0")+e.unit+";"}if(e&&e.xs){var x=t.replace(new RegExp("{{key}}","g"),e.xs).split(":"),w=as(x,2),k=w[0],E=w[1].split(" "),R=as(E,4),C=R[0],S=R[1],B=R[2],T=R[3];T=T.length>0?T.slice(0,-1):"0",n.xs=k+":"+(C||"0")+e.unit+" "+(S||"0")+e.unit+" "+(B||"0")+e.unit+" "+(T||"0")+e.unit+";"}return n},qs=function(e){if("object"===ls(e.global)||"object"===ls(e.custom)){var t={md:[],sm:[],xs:[]};return{md:(t="global"==e.radiusType?bs(us(os({},e.global,{unit:e.unit?e.unit:"px"}),"border-radius:{{key}};"),t):bs(vs(os({},e.custom,{unit:e.unit?e.unit:"px"}),"border-radius:{{key}};"),t)).md,sm:t.sm,xs:t.xs}}var n="";if("global"==e.radiusType)n="border-radius:"+(e.global||"0")+(e.unit?e.unit:"px")+" ";else{var a=e.custom?e.custom.split(" "):["0","0","0","0"],o=e.unit?e.unit:"px";n="border-radius:"+(a[0]?a[0]:"0")+o+" "+(a[1]?a[1]:"0")+o+" "+(a[2]?a[2]:"0")+o+" "+(a[3]?a[3]:"0")+o}return"{"+n+"}"},xs=function(e){if("object"===ls(e.global)||"object"===ls(e.custom)){var t={md:[],sm:[],xs:[]};return{md:(t="global"==e.paddingType?bs(us(os({},e.global,{unit:e.unit?e.unit:"px"}),"padding:{{key}};"),t):bs(vs(os({},e.custom,{unit:e.unit?e.unit:"px"}),"padding:{{key}};"),t)).md,sm:t.sm,xs:t.xs}}var n="";if("global"==e.paddingType)n="padding:"+e.global+(e.unit?e.unit:"px")+" ";else{var a=e.custom?e.custom.split(" "):["0","0","0","0"],o=e.unit?e.unit:"px";n="padding:"+(a[0]?a[0]:"0")+o+" "+(a[1]?a[1]:"0")+o+" "+(a[2]?a[2]:"0")+o+" "+(a[3]?a[3]:"0")+o}return"{"+n+"}"},ws=function(e){if("object"===ls(e.global)||"object"===ls(e.custom)){var t={md:[],sm:[],xs:[]};return{md:(t="global"==e.marginType?bs(us(os({},e.global,{unit:e.unit?e.unit:"px"}),"margin:{{key}};"),t):bs(vs(os({},e.custom,{unit:e.unit?e.unit:"px"}),"margin:{{key}};"),t)).md,sm:t.sm,xs:t.xs}}var n="";if("global"==e.marginType)n="margin:"+e.global+(e.unit?e.unit:"px")+" ";else{var a=e.custom?e.custom.split(" "):["0","0","0","0"],o=e.unit?e.unit:"px";n="margin:"+(a[0]?a[0]:"0")+o+" "+(a[1]?a[1]:"0")+o+" "+(a[2]?a[2]:"0")+o+" "+(a[3]?a[3]:"0")+o}return"{"+n+"}"},ks=function(e){var t={md:[],sm:[],xs:[]};return e.values.md&&t.md.push("flex-direction:row-reverse"),e.values.sm&&t.sm.push("flex-direction:column-reverse"),e.values.xs&&t.xs.push("flex-direction:column-reverse"),{md:t.md,sm:t.sm,xs:t.xs}},Es="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Rs=function(e,t,n){return e.replace(new RegExp(t,"g"),n)},Cs=function(e){return"object"==(void 0===e?"undefined":Es(e))&&0!=Object.keys(e).length},Ss=function(e,t){var n="";return t.forEach((function(e){n+=e+";"})),e+"{"+n+"}"},Bs=function(e,t){var n="";return t.forEach((function(t){n+=e+t})),n},Ts=function(e,t,n){if(n="object"!=(void 0===n?"undefined":Es(n))?n:_s(n).data,"string"==typeof e){if(e){if(n){var a=e;return"boolean"==typeof n?[a]:-1==a.indexOf("{{")&&a.indexOf("{")<0?[a+n]:[Rs(a,"{{"+t+"}}",n)]}return[]}return[n]}var o=[];return e&&e.forEach((function(e){o.push(Rs(e,"{{"+t+"}}",n))})),o},_s=function(e){return e.openTypography?{data:ps(e),action:"append"}:e.openBg?{data:(t=e,n="{",n+=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments[2],a=arguments[3],o=arguments[4],l=arguments[5],i=arguments[6],r=arguments[7],c=arguments.length>8&&void 0!==arguments[8]?arguments[8]:"local",s=arguments.length>9&&void 0!==arguments[9]?arguments[9]:{},u=i?"background-color:"+i+";":"";return"image"==e?u+=("local"===c?t.hasOwnProperty("url")?"background-image:url("+t.url+");":"":s.hasOwnProperty("url")?"background-image:url("+s.url+");":"")+(n?"background-position:"+n+";":"")+(a?"background-attachment:"+a+";":"")+(o?"background-repeat:"+o+";":"")+(l?"background-size:"+l+";":""):"gradient"==e&&(r&&"linear"==r.type?u+="background-image: linear-gradient("+r.direction+"deg, "+r.color1+" "+r.start+"%,"+r.color2+" "+r.stop+"%);":(void 0===r.radial&&(r.radial="center"),u+="background-image: radial-gradient( circle at "+r.radial+" , "+r.color1+" "+r.start+"%,"+r.color2+" "+r.stop+"%);")),u}(t.bgType,t.bgImage,t.bgimgPosition,t.bgimgAttachment,t.bgimgRepeat,t.bgimgSize,t.bgDefaultColor,t.bgGradient,t.bgimageSource,t.externalImageUrl),n+="}","video"==t.bgType&&t.bgVideoFallback&&t.bgVideoFallback.url&&(n+="background-image: url("+t.bgVideoFallback.url+"); background-position: center; background-repeat: no-repeat; background-size: cover;"),"{}"!=n?n:{}),action:"append"}:e.openBorder?{data:cs(e),action:"append"}:e.tableBorder?{data:ss(e),action:"append"}:e.openShadow&&e.color?{data:rs(e),action:"append"}:e.direction?{data:is(e,"return"),action:"append"}:void 0!==e.top||void 0!==e.left||void 0!==e.right||void 0!==e.bottom?{data:ds(e),action:"replace"}:e.openShape?{data:fs(e),action:"append"}:e.openColor?{data:ys(e),action:"append"}:e.spaceTop||e.spaceBottom?{data:ms(e),action:"append"}:e.selectedSize?{data:gs(e),action:"append"}:e.openBorderRadius?{data:qs(e),action:"append"}:e.openPadding?{data:xs(e),action:"append"}:e.openMargin?{data:ws(e),action:"append"}:e.openRowReverse?{data:ks(e),action:"append"}:e.openTransfrom?{data:hs(e),action:"append"}:{data:"",action:"append"};var t,n},Os=function(e,t,n){var a=!0;return t.hasOwnProperty("condition")&&t.condition.forEach((function(t){var n=a;if("=="==t.relation||"==="==t.relation)if("string"==typeof t.value||"number"==typeof t.value||"boolean"==typeof t.value)a=e[t.key]==t.value;else{var o=!1;t.value.forEach((function(n){e[t.key]==n&&(o=!0)})),o&&(a=!0)}else if("!="==t.relation||"!=="==t.relation)if("string"==typeof t.value||"number"==typeof t.value||"boolean"==typeof t.value)a=e[t.key]!=t.value;else{var l=!1;t.value.forEach((function(n){e[t.key]!=n&&(l=!0)})),l&&(a=!0)}0==n&&(a=!1)})),a},Ps=function(e,t,n,a,o,l){var i=!1,r="",c=[],s=[];if(e[t].md&&(i=!0,r="object"===Es(e[t].md)?_s(e[t].md).data:e[t].md+(e[t].unit||""),c.push({md:Ts(n,t,r)})),e[t].sm&&(i=!0,r="object"==Es(e[t].sm)?_s(e[t].sm).data:e[t].sm+(e[t].unit||""),c.push({sm:Ts(n,t,r)})),e[t].xs&&(i=!0,r="object"==Es(e[t].xs)?_s(e[t].xs).data:e[t].xs+(e[t].unit||""),c.push({xs:Ts(n,t,r)})),!i){var u=_s(e[t]);"object"==Es(u.data)?0!=Object.keys(u.data).length&&(u.data.background&&s.push(n+u.data.background),Cs(u.data.md)&&c.push({md:Ss(n,u.data.md)}),Cs(u.data.sm)&&c.push({sm:Ss(n,u.data.sm)}),Cs(u.data.xs)&&c.push({xs:Ss(n,u.data.xs)}),u.data.simple&&s.push(n+u.data.simple),u.data.font&&s.push(u.data.font),u.data.shape&&(u.data.shape.forEach((function(e){s.push(n+e)})),Cs(u.data.data.md)&&c.push(Bs(n,u.data.data.md)),Cs(u.data.data.sm)&&c.push(Bs(n,u.data.data.sm)),Cs(u.data.data.xs)&&c.push(Bs(n,u.data.data.xs)))):u.data&&-1==u.data.indexOf("{{")&&("append"==u.action?s.push(n+u.data):(a(t,void 0,Ts(n,t,u.data)),s.push(Ts(n,t,u.data))))}if(c.nonResponsiveCSS=s,l)return c;a(t,"Object",c)},Ns=function(e,t,n,a,o,l){var i=[];return"hideDesktop"==t&&o?(i.push({md:Ts(n,t,e[t])}),!l&&a(t,"Object",i)):"hideTablet"==t&&o?(i.push({sm:Ts(n,t,e[t])}),!l&&a(t,"Object",i)):"hideMobile"==t&&o?(i.push({xs:Ts(n,t,e[t])}),!l&&a(t,"Object",i)):void 0!==e[t]&&!l&&a(t,void 0,Ts(n,t,e[t])),l&&i.length>0?i:l&&void 0!==e[t]?Ts(n,t,e[t]):void 0},js=function(e,t,n){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o={},l={};Object.keys(t).forEach((function(i){e[i]&&e[i].hasOwnProperty("style")&&e[i].style.forEach((function(e){var r=e.selector;Os(t,e)&&("object"==Es(t[i])?o[i]=Ps(t,i,r,n,0,!0):l[i]=Ns(t,i,r,n,a,!0))}))}));var i={responsiveCSS:o,nonResponsiveCSS:l};n(i)},Is=Object.assign||function(e){for(var t=1;t1&&u.push({isCurrent:!1,key:"prev",onClick:function(){return i(n-1)},className:"qubely-pagination-prev",text:a});for(var b=function(e){e===n?(s=!0,u.push({isCurrent:!0,key:e,onClick:function(){return i(e)},className:"pages",text:e})):e<=r||n&&e>=n-c&&e<=n+c||e>t-r?(u.push({isLink:!0,key:e,onClick:function(){return i(e)},className:"pages",text:e}),s=!0):s&&(u.push({isDots:!0,key:e,onClick:function(){return console.log("dots")},className:"pages",text:"..."}),s=!1)},p=1;p<=this.props.total;p++)b(p);return n&&ni,s=!c,u=l-a>r,b=!u;t.style.display="block",c&&(t.style.left=n+5+"px"),s&&(t.style.left=n-i-5+"px"),u&&(t.style.top=a+5+"px"),b&&(t.style.top=a-r-5+"px")}},QubelyButton:{buttonAttributes:{buttonText:{type:"string",default:""},buttonFillType:{type:"string",default:"fill"},buttonTag:{type:"string",default:"a"},buttonUrl:{type:"object",default:{url:"#"}},buttonSize:{type:"string",default:"medium"},recreateStyles:{type:"boolean",default:!0},buttonAlignment:{type:"object",default:{md:"left"},style:[{condition:[{key:"enableButtonAlignment",relation:"==",value:!0}],selector:"{{QUBELY}} .qubely-block-btn-wrapper {text-align: {{buttonAlignment}};}"}]},buttonWidthType:{type:"string",default:"auto",style:[{condition:[{key:"buttonWidthType",relation:"==",value:"block"}],selector:"{{QUBELY}} .qubely-block-btn-anchor {width:100% !important; display: -webkit-box; display: -ms-flexbox; display: flex;}"},{condition:[{key:"buttonWidthType",relation:"==",value:"auto"}],selector:"{{QUBELY}} .qubely-block-btn-anchor {width:auto !important}"},{condition:[{key:"buttonWidthType",relation:"==",value:"fixed"}],selector:"{{QUBELY}} .qubely-block-btn-anchor {display:inline-flex}"}]},buttonWidth:{type:"object",default:{md:260,unit:"px"},style:[{condition:[{key:"buttonWidthType",relation:"==",value:"fixed"}],selector:"{{QUBELY}} .qubely-block-btn-anchor {width: {{buttonWidth}};}"}]},buttonPadding:{type:"object",default:{openPadding:1,paddingType:"global",global:{md:18},custom:{md:"10 10 10 10"},unit:"px"},style:[{condition:[{key:"buttonSize",relation:"==",value:"custom"}],selector:"{{QUBELY}} .qubely-block-btn-anchor"}]},buttonTypography:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-block-btn-anchor"}]},buttonColor:{type:"string",default:"#000",style:[{condition:[{key:"buttonFillType",relation:"==",value:"fill"}],selector:"{{QUBELY}} .qubely-block-btn-anchor { color:{{buttonColor}}; }"}]},buttonColor2:{type:"string",default:"var(--qubely-color-1)",style:[{condition:[{key:"buttonFillType",relation:"!=",value:"fill"}],selector:"{{QUBELY}} .qubely-block-btn-anchor { color:{{buttonColor2}}; }"}]},buttonHoverColor:{type:"string",default:"#fff",style:[{condition:[{key:"buttonFillType",relation:"==",value:"fill"}],selector:"{{QUBELY}} .qubely-block-btn-anchor:hover { color:{{buttonHoverColor}}; }"}]},buttonHoverColor2:{type:"string",default:"var(--qubely-color-2)",style:[{condition:[{key:"buttonFillType",relation:"!=",value:"fill"}],selector:"{{QUBELY}} .qubely-block-btn-anchor:hover { color:{{buttonHoverColor2}}; }"}]},buttonBgColor:{type:"object",default:{type:"color",openColor:1,color:"var(--qubely-color-1)",gradient:{color1:"var(--qubely-color-2)",color2:"var(--qubely-color-1)",type:"linear",direction:0,start:0,stop:100}},style:[{condition:[{key:"buttonFillType",relation:"==",value:"fill"}],selector:"{{QUBELY}} .qubely-block-btn-anchor"}]},buttonBgHoverColor:{type:"object",default:{type:"color",openColor:1,color:"var(--qubely-color-2)",gradient:{color1:"var(--qubely-color-1)",color2:"var(--qubely-color-2)",type:"linear",direction:0,start:0,stop:100}},style:[{condition:[{key:"buttonFillType",relation:"==",value:"fill"}],selector:"{{QUBELY}} .qubely-block-btn-anchor:before"}]},buttonBorder:{type:"object",default:{openBorder:1,widthType:"global",global:1,color:"var(--qubely-color-1)",type:"solid",unit:"px"},style:[{selector:"{{QUBELY}} .qubely-block-btn-anchor"}]},buttonBorderHoverColor:{type:"string",default:"var(--qubely-color-2)",style:[{selector:"{{QUBELY}} .qubely-block-btn-anchor:hover {border-color: {{buttonBorderHoverColor}};}"}]},buttonBorderRadius:{type:"object",default:{openBorderRadius:1,radiusType:"global",global:{md:4},unit:"px"},style:[{selector:"{{QUBELY}} .qubely-block-btn-anchor"}]},buttonShadow:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-block-btn-anchor"}]},buttonHoverShadow:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-block-btn-anchor:hover"}]},buttonIconName:{type:"string",default:""},buttonIconPosition:{type:"string",default:"right"},buttonIconSize:{type:"object",default:{},style:[{condition:[{key:"buttonIconName",relation:"!=",value:""}],selector:"{{QUBELY}} .qubely-btn-icon {font-size: {{buttonIconSize}}}"}]},buttonIconGap:{type:"object",default:{md:8,unit:"px"},style:[{condition:[{key:"buttonIconName",relation:"!=",value:""},{key:"buttonIconPosition",relation:"==",value:"left"}],selector:"{{QUBELY}} .qubely-btn-icon { margin-right: {{buttonIconGap}}; }"},{condition:[{key:"buttonIconName",relation:"!=",value:""},{key:"buttonIconPosition",relation:"==",value:"right"}],selector:"{{QUBELY}} .qubely-btn-icon { margin-left: {{buttonIconGap}}; }"}]},buttonGap:{type:"object",default:{md:8,unit:"px"},style:[{selector:"{{QUBELY}} .qubely-block-btn-wrapper { margin-bottom: {{buttonGap}}; }"}]}},buttonSettings:function(e,t,n,a,o){var l=arguments.length>5&&void 0!==arguments[5]&&arguments[5],i=e.controlledButtonPanel,r=e.showButtonPanel,c=e.enableButton,s=(e.recreateStyles,e.buttonToggleOption),b=e.enablePostButtonText,p=e.postButtonTextTypography,d=e.postButtonTextColor,f=e.postButtonTextHoverColor,y=e.postButtonTextPaddingBottom,m=e.postButtonTextPaddingTop,g=e.enableButtonAlignment,h=e.buttonAlignment,v=e.buttonGap,q=e.buttonWidthType,x=e.buttonWidth,w=e.buttonTag,k=e.buttonFillType,E=e.buttonSize,R=e.buttonTypography,S=e.buttonPadding,B=e.buttonUrl,T=e.buttonBorderRadius,_=e.buttonIconName,O=e.buttonIconPosition,P=e.buttonIconSize,N=e.buttonIconGap,j=e.buttonBorder,L=e.buttonBorderHoverColor,z=e.buttonColor,A=e.buttonColor2,M=e.buttonHoverColor,D=e.buttonHoverColor2,Y=e.buttonBgColor,U=e.buttonBgHoverColor,F=e.buttonShadow,H=e.buttonHoverShadow,W=function(){return React.createElement(Vs,null,React.createElement(Ol,{value:k,onChange:function(e){return n("buttonFillType",e)},options:[{value:"fill",svg:u.btn_fill,label:Gs("Fill")},{value:"outline",svg:u.btn_outline,label:Gs("Outline")}]}),"a"==w&&React.createElement(se,{label:Gs("URL"),value:B,onChange:function(e){return n("buttonUrl",e)}}),g&&React.createElement(C,{label:Gs("Alignment"),value:h,onChange:function(e){return n("buttonAlignment",e)},disableJustify:!0,responsive:!0,device:t,onDeviceChange:function(e){return a("device",e)}}),React.createElement(_a,{title:Gs("Size")},React.createElement(ol,{label:Gs("Button Size"),options:[{label:"S",value:"small",title:"Small"},{label:"M",value:"medium",title:"Medium"},{label:"L",value:"large",title:"Large"},{icon:"fas fa-cog",value:"custom",title:"Custom"}],value:E,onChange:function(e){return n("buttonSize",e)}}),"custom"==E&&React.createElement(Bo,{label:Gs("Padding"),value:S,unit:["px","em","%"],max:150,min:0,responsive:!0,device:t,onChange:function(e){return n("buttonPadding",e)},onDeviceChange:function(e){return a("device",e)}}),React.createElement(ol,{label:Gs("Button Width"),options:[{label:Gs("Auto"),value:"auto",title:Gs("Auto")},{label:Gs("Full"),value:"block",title:Gs("Full")},{label:Gs("Fixed"),value:"fixed",title:Gs("Fixed")}],value:q,onChange:function(e){return n("buttonWidthType",e)}}),"fixed"==q&&React.createElement(I,{label:Gs("Fixed Width"),value:x,onChange:function(e){return n("buttonWidth",e)},unit:["px","em","%"],min:30,max:800,responsive:!0,device:t,onDeviceChange:function(e){return a("device",e)}})),React.createElement(_a,{title:Gs("Design"),initialOpen:!1},React.createElement(Gl,null,React.createElement(Al,{tabTitle:Gs("Normal")},React.createElement(Ye,{label:Gs("Text Color"),value:"fill"==k?z:A,onChange:function(e){return n("fill"==k?"buttonColor":"buttonColor2",e)}}),"fill"==k&&React.createElement(Dn,{label:Gs("Background"),value:Y,onChange:function(e){return n("buttonBgColor",e)}}),React.createElement(Vt,{label:Gs("Border"),separator:!0,value:j,min:0,max:10,onChange:function(e){return n("buttonBorder",e)}}),React.createElement(xn,{label:Gs("Box-Shadow"),value:F,onChange:function(e){return n("buttonShadow",e)}})),React.createElement(Al,{tabTitle:Gs("Hover")},React.createElement(Ye,{label:Gs("Text Color"),value:"fill"==k?M:D,onChange:function(e){return n("fill"==k?"buttonHoverColor":"buttonHoverColor2",e)}}),"fill"==k&&React.createElement(Dn,{label:Gs("Background"),value:U,onChange:function(e){return n("buttonBgHoverColor",e)}}),React.createElement(Ye,{label:Gs("Border Color"),value:L,onChange:function(e){return n("buttonBorderHoverColor",e)}}),React.createElement(xn,{label:Gs("Box-Shadow"),value:H,onChange:function(e){return n("buttonHoverShadow",e)}}))),React.createElement(on,{label:Gs("Radius"),value:T,onChange:function(e){return n("buttonBorderRadius",e)},min:0,max:100,unit:["px","em","%"],responsive:!0,device:t,onDeviceChange:function(e){return a("device",e)}}),React.createElement(I,{label:Gs("Gap"),value:v,min:0,max:100,responsive:!0,unit:["px","em","%"],onChange:function(e){return n("buttonGap",e)},device:t,onDeviceChange:function(e){return a("device",e)}})),React.createElement(_a,{title:Gs("Icon"),initialOpen:!1},React.createElement(Ea,{label:Gs("Icon"),value:_,onChange:function(e){return n("buttonIconName",e)}}),_&&React.createElement(Vs,null,React.createElement(Q,{label:Gs("Position"),options:["left","right"],value:O,onChange:function(e){return n("buttonIconPosition",e)}}),React.createElement(I,{label:Gs("Size"),value:P,onChange:function(e){return n("buttonIconSize",e)},unit:["px","em","%"],min:5,max:48,responsive:!0,device:t,onDeviceChange:function(e){return a("device",e)}}),React.createElement(I,{label:Gs("Gap"),value:N,onChange:function(e){return n("buttonIconGap",e)},unit:["px","em","%"],min:0,max:64,responsive:!0,device:t,onDeviceChange:function(e){return a("device",e)}}))),React.createElement(_a,{title:Gs("Typography"),initialOpen:!1},React.createElement(ki,{value:R,onChange:function(e){return n("buttonTypography",e)},disableLineHeight:!0,device:t,onDeviceChange:function(e){return a("device",e)}})))};return React.createElement(Vs,null,i?React.createElement(Xs,{title:Gs("Button"),opened:r,onToggle:function(){return n("showButtonPanel",!r)}},s&&React.createElement(dn,{label:Gs("Enable Button"),value:c,onChange:function(e){return n("enableButton",e)}}),c&&W()):React.createElement(Xs,{title:Gs("Button"),initialOpen:l},s&&React.createElement(dn,{label:Gs("Enable Button"),value:c,onChange:function(e){return n("enableButton",e)}}),c&&W()),void 0!==b&&React.createElement(Xs,{title:Gs("Post Button Text"),initialOpen:!1},React.createElement(dn,{value:b,label:Gs("Show PostButtonText"),onChange:function(e){return n("enablePostButtonText",e)}}),b&&React.createElement(Vs,null,React.createElement(Gl,null,React.createElement(Al,{tabTitle:Gs("Normal")},React.createElement(Ye,{label:Gs("Color"),value:d,onChange:function(e){return n("postButtonTextColor",e)}})),React.createElement(Al,{tabTitle:Gs("Hover")},React.createElement(Ye,{label:Gs("Color"),value:f,onChange:function(e){return n("postButtonTextHoverColor",e)}}))),React.createElement(dn,{value:o,label:Gs("Typography"),onChange:function(e){return a("showPostTextTypography",e)}}),o&&React.createElement(ki,{value:p,onChange:function(e){return n("postButtonTextTypography",e)},device:t,onDeviceChange:function(e){return a("device",e)}}),React.createElement(I,{min:-50,max:200,responsive:!0,value:m,unit:["px","em","%"],label:"Top",onChange:function(e){return n("postButtonTextPaddingTop",e)},device:t,onDeviceChange:function(e){return a("device",e)}}),React.createElement(I,{min:-50,max:200,responsive:!0,value:y,unit:["px","em","%"],label:"Bottom",onChange:function(e){return n("postButtonTextPaddingBottom",e)},device:t,onDeviceChange:function(e){return a("device",e)}}))))}},QubelyList:{listAttributes:{enableListAlignment:{type:"boolean",default:!1},listAlignment:{type:"string",default:"center",style:[{condition:[{key:"enableListAlignment",relation:"==",value:!0}],selector:"{{QUBELY}} .qubely-list {text-align:{{listAlignment}};}"}]},listItems:{type:"array",default:[{icon:"far fa-star",text:"Add beautiful icons and text to this block"},{icon:"far fa-heart",text:"Set icon color for normal and hover state"},{icon:"fas fa-check",text:"Manage space between icon and the text"},{icon:"fas fa-burn",text:"Choose a desired layout from the list"}]},spacer:{type:"object",default:{spaceTop:{md:"10",unit:"px"},spaceBottom:{md:"10",unit:"px"}},style:[{selector:"{{QUBELY}}"}]},typography:{type:"object",default:{openTypography:1,size:{md:16,unit:"px"}},style:[{selector:"{{QUBELY}} .qubely-list .qubely-list-li"}]},enableListIcons:{type:"boolean",default:!0},iconSize:{type:"string",default:"16px",style:[{condition:[{key:"iconSize",relation:"!=",value:"custom"}],selector:"{{QUBELY}} .qubely-list .qubely-list-item-icon {font-size: {{iconSize}};}"}]},iconSizeCustom:{type:"object",default:{md:16,unit:"px"},style:[{condition:[{key:"iconSize",relation:"==",value:"custom"}],selector:"{{QUBELY}} .qubely-list .qubely-list-item-icon {font-size: {{iconSizeCustom}};}"}]},iconPosition:{type:"string",default:"left"},iconSpacing:{type:"object",default:{md:10,unit:"px"},style:[{condition:[{key:"iconPosition",relation:"==",value:"left"}],selector:"{{QUBELY}} .qubely-list .qubely-list-item-icon {margin-right: {{iconSpacing}};}"},{condition:[{key:"iconPosition",relation:"==",value:"right"}],selector:"{{QUBELY}} .qubely-list .qubely-list-item-icon {margin-left: {{iconSpacing}};}"}]},iconColor:{type:"string",default:"var(--qubely-color-1)",style:[{selector:"{{QUBELY}} .qubely-list .qubely-list-li .qubely-list-item-icon {color: {{iconColor}};}"}]},color:{type:"string",default:"#333",style:[{selector:"{{QUBELY}} .qubely-list .qubely-list-li .qubely-text{color: {{color}};}"}]},spacing:{type:"string",default:"5",style:[{selector:"{{QUBELY}} .qubely-list .qubely-list-li:not(:last-child) {margin-bottom: {{spacing}}px;}"}]},featuresPadding:{type:"object",default:{paddingType:"global"},style:[{selector:"{{QUBELY}} .qubely-pricing-features"}]}},listSettings:function(e,t,n){var a=e.listItems,o=e.enableListIcons,l=e.clickedListItem,i=e.iconSize,r=e.iconSizeCustom,c=e.iconSpacing,s=e.iconPosition,u=e.color,b=e.typography,p=e.enableListAlignment,d=e.listAlignment,f=e.iconColor,y=e.spacing,m=e.featuresPadding,g=e.controlledFeaturesPanel,h=e.showFeaturesPanel,v=function(e,t){var o=a.map((function(n,a){return t===a&&(n=du({},n,e)),n}));n({listItems:o})},q=function(){return React.createElement(yu,null,React.createElement(dn,{value:p,label:fu("Custom Alignment"),onChange:function(e){return n({enableListAlignment:e})}}),p&&React.createElement(C,{label:fu("Alignment"),value:d,onChange:function(e){return n({listAlignment:e})},disableJustify:!0}),React.createElement(Ye,{label:fu("Color"),value:u,onChange:function(e){return n({color:e})}}),React.createElement(ki,{label:fu("Typography"),value:b,onChange:function(e){return n({typography:e})}}),React.createElement(I,{label:fu("Spacing"),value:y,onChange:function(e){return n({spacing:e})},min:0,max:60}),React.createElement(Bo,{min:0,max:200,responsive:!0,value:m,unit:["px","em","%"],label:"Padding",onChange:function(e){return n({featuresPadding:e})}}),React.createElement(At,null),React.createElement(dn,{value:o,label:fu("Icons"),onChange:function(e){return n({enableListIcons:e})}}),o&&React.createElement(yu,null,React.createElement(Ea,{disableToggle:!0,value:a.length>0&&a[l]&&a[l].icon,onChange:function(e){return v({icon:e},l)},colorSettings:!0,iconColor:a.length>0&&a[l]&&(a[l].customColor||"#5D7FEB"),onColorChange:function(e){return v({customColor:e},l)}}),React.createElement(At,{label:fu("Common Settings"),customClassName:"qubely-separtor-extra-margin"}),React.createElement(Ye,{label:fu("Icon Color"),value:f,onChange:function(e){return n({iconColor:e})}}),React.createElement(ol,{label:fu("Icon Size"),value:i,onChange:function(e){return n({iconSize:e})},options:[{label:"S",value:"12px",title:fu("Small")},{label:"M",value:"16px",title:fu("Medium")},{label:"L",value:"20px",title:fu("Large")},{label:"XL",value:"28px",title:fu("Extra Large")},{icon:"fas fa-cog",value:"custom",title:fu("Custom")}]}),"custom"==i&&React.createElement(I,{label:fu("Custom Size"),value:r,onChange:function(e){return n({iconSizeCustom:e})},min:0,max:100,unit:["px","em","%"],responsive:!0}),React.createElement(ol,{label:fu("Position"),value:s,onChange:function(e){return n({iconPosition:e})},options:[{label:"Left",value:"left",title:fu("Left")},{label:"Right",value:"right",title:fu("Right")}]}),React.createElement(I,{label:fu("Gap"),value:c,onChange:function(e){return n({iconSpacing:e})},min:0,max:60,unit:["px","em","%"],responsive:!0})))};return React.createElement(yu,null,g?React.createElement(mu,{title:fu("Features"),opened:h,onToggle:function(){return n({showFeaturesPanel:!h})}},q()):React.createElement(mu,{title:fu("Features"),initialOpen:!1},q()))}},BorderRadius:on,BoxShadow:xn,ButtonGroup:yt,Color:Ye,ColorAdvanced:Dn,Counter:Un,Carousel:_n,CssGenerator:{CssGenerator:function(e,t,n){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=arguments.length>4&&void 0!==arguments[4]&&arguments[4],l=arguments.length>5&&void 0!==arguments[5]&&arguments[5],i=arguments.length>6&&void 0!==arguments[6]?arguments[6]:void 0;if(n){var r="",c=[],s=[],u=[],b=[];if(Object.keys(e).forEach((function(l){var r=[];(r=!1===o?"string"==typeof t?wp.blocks.getBlockType("qubely/"+t).attributes:t:i)[l]&&r[l].hasOwnProperty("style")&&r[l].style.forEach((function(t,o){var i=t.selector;if(ts(e,t))if("object"==Gc(e[l])){var r=!1,p="";if(e[l].md&&(r=!0,p="object"==Gc(e[l].md)?es(e[l].md).data:e[l].md+(e[l].unit||""),c=c.concat(Zc(i,n,l,p))),e[l].sm&&(r=!0,p="object"==Gc(e[l].sm)?es(e[l].sm).data:e[l].sm+(e[l].unit||""),s=s.concat(Zc(i,n,l,p))),e[l].xs&&(r=!0,p="object"==Gc(e[l].xs)?es(e[l].xs).data:e[l].xs+(e[l].unit||""),u=u.concat(Zc(i,n,l,p))),!r){var d=es(e[l]),f=Jc(i,n);"object"==Gc(d.data)?0!=Object.keys(d.data).length&&(d.data.background&&b.push(f+d.data.background),Xc(d.data.md)&&c.push(Kc(f,d.data.md)),Xc(d.data.sm)&&s.push(Kc(f,d.data.sm)),Xc(d.data.xs)&&u.push(Kc(f,d.data.xs)),d.data.simple&&b.push(f+d.data.simple),d.data.font&&c.unshift(d.data.font),d.data.shape&&(d.data.shape.forEach((function(e){b.push(f+e)})),Xc(d.data.data.md)&&c.push($c(f,d.data.data.md)),Xc(d.data.data.sm)&&s.push($c(f,d.data.data.sm)),Xc(d.data.data.xs)&&u.push($c(f,d.data.data.xs)))):d.data&&-1==d.data.indexOf("{{")&&("append"==d.action?b.push(f+d.data):b.push(Zc(i,n,l,d.data)))}}else"hideDesktop"==l?a&&(c=c.concat(Zc(i,n,l,e[l]))):"hideTablet"==l?a&&(s=s.concat(Zc(i,n,l,e[l]))):"hideMobile"==l?a&&(u=u.concat(Zc(i,n,l,e[l]))):e[l]&&(b=b.concat(Zc(i,n,l,e[l])))}))})),c.length>0&&(r+=c.join("")),s.length>0&&(r+="@media (max-width: 1199px) {"+s.join("")+"}"),u.length>0&&(r+="@media (max-width: 991px) {"+u.join("")+"}"),b.length>0&&(r+=b.join("")),o&&(r=r.replace(new RegExp(".qubely-block-global","g"),l?".qubely-frontend":".qubely-editor")),a)return r;ns(r,n,o,l)}},objectReplace:Kc,objectAppend:$c,singleField:Zc},Dimension:Xn,Device:v,Dropdown:function(e){var t=e.label,n=e.enableSearch,a=e.defaultOptionsLabel,o=e.value,l=e.options,i=e.onChange,r=pa(""),c=ca(r,2),s=c[0],b=c[1],p=pa(!1),d=ca(p,2),f=d[0],y=d[1],m=fa(null),g=fa(null),h=function(){return l.filter((function(e){return function(e){for(var t=!0,n=0;n0?h().filter((function(e){return!s||-1!==e.label.toLowerCase().search(s.toLowerCase())})).map((function(e,t){return React.createElement("div",{key:t,className:"qubely-dropdown-option",id:"qubely-dropdown-option-"+(t+1),onClick:function(){y(!1),b(""),i([].concat(sa(o),[e]))}},e.label)})):React.createElement("div",{className:"qubely-dropdown-option no-match",onClick:function(){return y(!1)}}," ","No matched Option"," "))))},DragDimension:la,gloalSettings:{globalAttributes:{animation:{type:"object",default:{}},interaction:{type:"object",default:{}},enablePosition:{type:"boolean",default:!1},selectPosition:{type:"string",default:"relative",style:[{selector:"{{QUBELY}} {position:{{selectPosition}};}"}]},positionXaxis:{type:"object",default:{md:"",unit:"px"},style:[{selector:"{{QUBELY}} {left:{{positionXaxis}};}"}]},positionYaxis:{type:"object",default:{md:"",unit:"px"},style:[{selector:"{{QUBELY}} {top:{{positionYaxis}};}"}]},globalZindex:{type:"string",default:"0",style:[{selector:"{{QUBELY}} {z-index:{{globalZindex}};}"}]},hideDesktop:{type:"boolean",default:!1,style:[{selector:"@media (min-width: 1200px){{{QUBELY}}{display:none;}}"}]},hideTablet:{type:"boolean",default:!1,style:[{selector:"@media (min-width: 992px){{{QUBELY}}{display:none;}}"}]},hideMobile:{type:"boolean",default:!1,style:[{selector:"{{QUBELY}}{display:none;}"}]},globalCss:{type:"string",default:"",style:[{selector:""}]}},animationSettings:function(e,t,n){return React.createElement(bu,{title:iu("Animation"),initialOpen:!1},React.createElement(ee,{uniqueId:e,label:iu("Animation"),value:t,onChange:function(e){return n({animation:e})}}))},interactionSettings:function(e,t,n){return React.createElement(bu,{title:iu("Interaction"),initialOpen:!1},React.createElement(ro,{uniqueId:e,label:iu("Interaction"),value:t,onChange:function(e){return n({interaction:e})}}))},globalSettingsPanel:function(e){var t=e.enablePosition,n=e.selectPosition,a=e.positionXaxis,o=e.positionYaxis,l=e.globalZindex,i=e.hideDesktop,r=e.hideTablet,c=e.hideMobile,s=e.globalCss,u=e.setAttributes,b=e.isReturn,p=void 0!==b&&b,d=React.createElement(cu,null,React.createElement(dn,{label:iu("Enable Custom Position"),value:t,onChange:function(){return u({enablePosition:!t})}}),t&&React.createElement(cu,null,React.createElement(pu,{label:iu("Select Position"),value:n||"",options:[{label:iu("Relative"),value:"relative"},{label:iu("Absolute"),value:"absolute"},{label:iu("Fixed"),value:"fixed"}],onChange:function(e){return u({selectPosition:e})}}),React.createElement(I,{label:iu("From X-axis"),min:-2e3,max:2e3,step:1,unit:["px","em","%"],responsive:!0,value:a,onChange:function(e){return u({positionXaxis:e})}}),React.createElement(I,{label:iu("From Y-axis"),min:-2e3,max:2e3,step:1,unit:["px","em","%"],responsive:!0,value:o,onChange:function(e){return u({positionYaxis:e})}})),React.createElement(I,{label:iu("Z-Index"),min:1,max:1e4,value:l,onChange:function(e){return u({globalZindex:e})}}),React.createElement(dn,{label:iu("Hide on Desktop"),value:i,onChange:function(){return u({hideDesktop:!i})}}),React.createElement(dn,{label:iu("Hide on Tablet"),value:r,onChange:function(){return u({hideTablet:!r})}}),React.createElement(dn,{label:iu("Hide on Phone"),value:c,onChange:function(){return u({hideMobile:!c})}}),React.createElement(At,{label:iu("Block Raw CSS")}),React.createElement(uu,{value:s,rows:5,placeholder:iu("Use {{QUBELY}} before the selector to wrap element. Otherwise it works globally."),onChange:function(e){return u({globalCss:e})}}));return p?d:React.createElement(ru,null,d)}},Gradient:it,Headings:ya,HeadingToolbar:Ui,HelperFunction:{_equal:function(e,t){return function e(t,n){var a=Object.prototype.toString.call(t);if(a!==Object.prototype.toString.call(n))return!1;if(["[object Array]","[object Object]"].indexOf(a)<0)return!1;var o="[object Array]"===a?t.length:Object.keys(t).length;if(o!==("[object Array]"===a?n.length:Object.keys(n).length))return!1;var l=function(t,n){var a=Object.prototype.toString.call(t);if(["[object Array]","[object Object]"].indexOf(a)>=0){if(!e(t,n))return!1}else{if(a!==Object.prototype.toString.call(n))return!1;if("[object Function]"===a){if(t.toString()!==n.toString())return!1}else if(t!==n)return!1}};if("[object Array]"===a){for(var i=0;ie[n].viewport){t=e[n];break}return null===t&&(t=e[e.length-1]),t.viewport<=1199?t.viewport<=991?"xs":"sm":"md"}},IsInteraction:Za,copyToClipboard:function(e){var t=document.createElement("textarea");t.innerText=e,document.body.appendChild(t),t.select(),document.execCommand("copy"),t.remove()}},IconList:Ea,IconSelector:Ca,InnerPanel:_a,Interaction:ro,Inline:{InlineToolbar:ar,InlineSpacer:Zi,InlineSelector:pr},Margin:ho,Media:xe,Padding:Bo,Range:I,RadioAdvanced:ol,Selector:bl,Select:Q,Styles:Ol,Shape:kl,Separator:At,Tabs:Gl,Tab:Al,Templates:ei,Toggle:dn,Typography:ki,Wrapper:Oi,Url:se,Pagination:Tu,QubelyButtonEdit:Mo,QubelyButtonSave:Do,QubelyIconListEdit:Ko,QubelyIconListSave:$o,QubelyFreeIcons:u,withCSSGenerator:function(){return Ws((function(e){return function(t){function n(){As(this,n);var e=Ms(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments));return e.saveStyleAttributes=function(){var t=e.props,n=t.attributes,a=t.attributes.uniqueId,o=wp.blocks.getBlockType(e.props.name).attributes;js(o,n,(function(t){return function(t){e.setState({responsiveCSS:t.responsiveCSS,nonResponsiveCSS:t.nonResponsiveCSS})}(t)})),a&&e.saveCSS()},e.saveCSS=function(){var t=e.props,n=t.attributes,a=t.attributes.uniqueId,o=t.name;(0,wp.qubelyComponents.CssGenerator.CssGenerator)(n,o.split("/")[1],a,!1)},e.copyAttributes=function(){var t=e.props,n=t.attributes,a=t.attributes.qubelyStyleAttributes,o=wp.qubelyComponents.HelperFunction.copyToClipboard,l={};a.forEach((function(e){l[e]=n[e]})),o(JSON.stringify(l))},e.setState=e.setState.bind(e),e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(n,t),Ls(n,[{key:"componentDidMount",value:function(){this.saveStyleAttributes()}},{key:"componentDidUpdate",value:function(e,t){var n=this,a=this.props,o=a.attributes,l=a.attributes.uniqueId,i=this.state,r=i.responsiveCSS,c=i.nonResponsiveCSS,s=!1,u=wp.blocks.getBlockType(this.props.name).attributes,b=Object.keys(Qs(e.attributes,o)),p=wp.data.select("core/block-editor").getBlocks,d=!1;if(b.length>0&&(-1===b.indexOf("layout")&&-1===b.indexOf("style")&&-1===b.indexOf("recreateStyles")&&-1===b.indexOf("fillType")&&-1===b.indexOf("iconStyle")&&-1===b.indexOf("buttonFillType")&&-1===b.indexOf("tabStyle")&&-1===b.indexOf("separatorStyle")||(s=!0,this.saveStyleAttributes()),!s)){if(-1!==b.indexOf("uniqueId")){var f=window.document.getElementById("qubely-block-"+e.attributes.uniqueId);if(f&&!function t(n){if(0!==n.length){if(e.attributes.uniqueId!==l)for(var a=0;a0&&(t(n[a].innerBlocks),d))break}return d}}(p())){f.id="qubely-block-"+o.uniqueId;var y=f.innerHTML.replace(new RegExp(""+e.attributes.uniqueId,"g"),""+o.uniqueId);f.innerHTML=y}else this.saveCSS()}b=b.filter((function(e){return"uniqueId"!==e}));var m={nonResponsiveCSS:c,responsiveCSS:r};if(b.length>0){b.forEach((function(e){!function(e,t,n,a){var o=arguments.length>4&&void 0!==arguments[4]&&arguments[4];e[a]&&e[a].hasOwnProperty("style")&&e[a].style.forEach((function(e){var l=e.selector;Os(t,e)&&("object"==Es(t[a])?Ps(t,a,l,n,0,!1):Ns(t,a,l,n,o,!1))}))}(u,o,(function(e,t,n){return function(e,t,n){m=Is({},m,void 0===t?{nonResponsiveCSS:Is({},m.nonResponsiveCSS,zs({},e,n))}:{responsiveCSS:Is({},m.responsiveCSS,zs({},e,Is({},m.responsiveCSS[e],"simple"===t?{simple:n}:Is({},n))))}),"Object"===t&&o[e].openTypography&&"global"===o[e].activeSource&&"none"===o[e].globalSource&&(m.responsiveCSS[e]={})}(e,t,n)}),e),n.saveCSS()})),this.setState({responsiveCSS:m.responsiveCSS,nonResponsiveCSS:m.nonResponsiveCSS})}}}},{key:"render",value:function(){var t=this,n=this.props,a=n.clientId,o=n.attributes.showCopyAttr,l=this.props;return l.attributes.uniqueId=a.substr(0,6),React.createElement(Ys,null,o&&React.createElement(Hs,null,React.createElement(Fs,{icon:"editor-code",label:"Copy Attributes",onClick:function(){return t.copyAttributes()}})),React.createElement(e,Is({},l,this.state,{setState:this.setState})))}}]),n}(Us)}),"withCSSGenerator")},InspectorTabs:Br,InspectorTab:dr};var _u=n(130),Ou={insert:"head",singleton:!1},Pu=(p()(_u.a,Ou),_u.a.locals,function(){function e(e,t){for(var n=0;n0?l(lb(o,{type:"qubely/tooltip",attributes:{data:s,ariaLabel:s},startIndex:t,endIndex:n})):l(ob(o,"qubely/tooltip")),a()};return React.createElement(tb,{key:y,anchorRef:m,position:"bottom center",onClose:a,className:"qubely-custom-popover",focusOnMount:!!n&&"firstElement"},React.createElement("div",{className:"qubely-popover-contents"},d?React.createElement(Zu,null,React.createElement("input",{type:"text",value:s,className:"qubely_tooltip-input",placeholder:Vu("Add tooltip"),onKeyPress:function(e){"Enter"===e.key&&g()},onChange:function(e){return u(e.target.value)}}),React.createElement(nb,{text:Vu("Add")},React.createElement("div",{onClick:function(){return g()},className:"qubely-custom-submit block-editor-link-control__search-actions"},React.createElement("span",{className:"dashicons dashicons-editor-break"})))):React.createElement("div",{className:"tooltip-message"},React.createElement("div",{className:"qubely-tooltip-text"},s),React.createElement("div",{className:"qubely-action-buttons"},React.createElement("button",{onClick:function(){return f(!0)},type:"button",className:"components-button block-editor-link-control__search-item-action is-secondary qubely-edit"},"Edit"),React.createElement("button",{onClick:function(){l(ob(o,"qubely/tooltip")),f(!1)},type:"button",className:"components-button qubely-remove"},"Delete")))))},rb=function(){function e(e,t){for(var n=0;n0;return React.createElement(Lb,null,(o||t)&&React.createElement(Ab,{icon:u.upperCaseIcon,title:Ib(Mb),onClick:function(){return a(zb(n,{type:"qubely/uppercase",attributes:{style:"text-transform: uppercase;"}}))},isActive:t}))}},Yb=function(){function e(e,t){for(var n=0;n=0||Object.prototype.hasOwnProperty.call(e,a)&&(n[a]=e[a]);return n}(e,["name"]);return tp(t,n)}));var np=n(131),ap={insert:"head",singleton:!1},op=(p()(np.a,ap),np.a.locals,n(132)),lp={insert:"head",singleton:!1},ip=(p()(op.a,lp),op.a.locals,n(133)),rp={insert:"head",singleton:!1},cp=(p()(ip.a,rp),ip.a.locals,function(){function e(e,t){for(var n=0;n");-1==i?o({listItems:e}):!l&&n.removeEmptyItem(e,i)},n.removeEmptyItem=function(e,t){var a=n.props.setAttributes,o=[].concat(function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t0?e-1:e}):n.setState({focusedItem:a>0?a-1:a})}},React.createElement("i",{className:"fas fa-times"})))},n.renderListItems=function(){var e=n.props.attributes,t=e.listItems,a=e.alignment,o=e.listType,l=e.bulletStyle,i=n.state,r=i.focusedItem,c=i.removeItemViaBackSpace,s="ordered"==o?"ol":"ul";return t.length>0?React.createElement(s,{className:"qubely-list qubely-list-type-"+o+" qubely-list-bullet-"+l.name},t.map((function(e,o){return React.createElement("li",{key:o,className:"qubely-list-item"},e.length>0&&"right"==a&&n.renderDeleteOption(o,a),React.createElement("div",{className:"qubely-list-item-text-"+o,id:"qubely-list-item-text-"+o,contenteditable:"true",suppressContentEditableWarning:!0,placeholder:"Enter new item",onClick:function(){return n.setState({focusedItem:o})},onBlur:function(e){return n.modifySpecificItem(e.target.innerText,o)},onKeyPress:function(e){"Enter"==e.key&&(e.preventDefault(),n.updateListItems(o,"add"),n.setState({focusedItem:o+1==t.length?t.length:r+1}))},onKeyUp:function(e){"Backspace"==e.key&&(0==e.target.innerText.length&&n.setState({removeItemViaBackSpace:o}),c==o&&(n.updateListItems(o,"delete"),n.setState({focusedItem:o>0?o-1:o})))}},e),e.length>0&&"right"!=a&&n.renderDeleteOption(o,a))}))):React.createElement("button",{onClick:function(){n.setState({focusedItem:t.length}),n.updateListItems(t.length,"add")},className:"button is-default qubely-action-button",role:"button"},React.createElement("i",{className:"fas fa-plus"})," ",Zd("Add List Item"))},n.placeCaretAtEnd=function(e){if(e.focus(),void 0!==window.getSelection&&void 0!==document.createRange){var t=document.createRange();t.selectNodeContents(e),t.collapse(!1);var n=window.getSelection();n.removeAllRanges(),n.addRange(t)}else if(void 0!==document.body.createTextRange){var a=document.body.createTextRange();a.moveToElementText(e),a.collapse(!1),a.select()}},n.state={device:"md",spacer:!0,removeItemViaBackSpace:999,focusedItem:n.props.attributes.listItems.length-1},n.qubelyContextMenu=rf(),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),$d(t,[{key:"componentDidMount",value:function(){var e=this.props,t=e.isSelected,n=e.attributes.uniqueId;t&&this.placeCaretAtEnd(document.querySelector(".qubely-block-"+n+" .qubely-list-item-text-"+this.state.focusedItem))}},{key:"componentDidUpdate",value:function(e,t){if(this.props.attributes.listItems.length>e.attributes.listItems.length)document.querySelector(".qubely-block-"+e.attributes.uniqueId+" .qubely-list-item-text-"+this.state.focusedItem).focus();else if(this.props.attributes.listItems.length0&&void 0!==arguments[0]?arguments[0]:"",t="";switch(e){case"blinds":t="letters animation-blinds";break;case"delete-typing":t="letters type";break;case"flip":t="text-animation-flip";break;case"fade-in":t="zoom";break;case"loading-bar":t="loading-bar";break;case"scale":t="letters scale";break;case"push":t="push";break;case"wave":t="letters animation-wave";break;default:t="text-clip"}return t}},{key:"render",value:function(){var e=this,t=this.props,n=t.name,a=t.clientId,o=t.className,l=t.attributes,i=t.setAttributes,r=t.attributes,c=r.uniqueId,s=r.align,u=r.level,b=r.animatedText,p=r.titleBefore,d=r.titleAfter,f=r.animationType,y=r.typography,m=r.color,g=r.barColor,h=r.animatedTextColor,v=r.animatedTextBgColor,q=r.animatedTextPadding,x=r.animatedTextSpacing,w=r.textBorderRadius,k=r.animation,E=r.interaction,R=r.enablePosition,C=r.selectPosition,S=r.positionXaxis,B=r.positionYaxis,T=r.globalZindex,_=r.hideDesktop,O=r.hideTablet,P=r.hideMobile,N=r.globalCss,j=this.state,I=j.device,L=j.animationClass,z="clip"===f||"flip"===f||"fade-in"===f||"loading-bar"===f||"push"===f,A="h"+u;return React.createElement(sy,null,React.createElement(iy,null,React.createElement(Oy,{tabs:["style","advance"]},React.createElement(Py,{key:"style"},React.createElement(py,{title:ny("Headline level"),opened:!0},React.createElement(Sy,{minLevel:1,maxLevel:6,selectedLevel:u,isCollapsed:!1,onChange:function(e){return i({level:e})}})),React.createElement(py,{title:ny("Animated Text")},React.createElement(yy,{label:ny("Text Before"),value:p,onChange:function(e){return i({titleBefore:e})}}),React.createElement(yy,{label:ny("Text After"),value:d,onChange:function(e){return i({titleAfter:e})}}),React.createElement(fy,{label:ny("Animated Texts"),value:b,placeholder:ny("Add new text"),onChange:function(e){return i({animatedText:e})}}),React.createElement(dy,{label:ny("Animation Type"),value:f,options:[{label:ny("Blinds"),value:"blinds"},{label:ny("Clip"),value:"clip"},{label:ny("Delete Typing"),value:"delete-typing"},{label:ny("Flip"),value:"flip"},{label:ny("Fade In"),value:"fade-in"},{label:ny("Loading Bar"),value:"loading-bar"},{label:ny("Scale"),value:"scale"},{label:ny("Push"),value:"push"},{label:ny("Twist/Wave"),value:"wave"}],onChange:function(t){return e._handleTypeChange(t)}}),"loading-bar"===f&&React.createElement(hy,{label:ny("Bar Color"),value:g,onChange:function(e){return i({barColor:e})}}),z?React.createElement(vy,{textColor:!0,label:ny("Color"),value:h,onChange:function(e){return i({animatedTextColor:e})}}):React.createElement(hy,{label:ny("Color"),value:h.color,onChange:function(e){return i({animatedTextColor:ey({},h,{color:e})})}}),React.createElement(vy,{textColor:!0,label:ny("Background"),value:v,onChange:function(e){return i({animatedTextBgColor:e})}}),React.createElement(gy,{min:0,max:100,responsive:!0,device:I,label:ny("Radius"),value:w,unit:["px","em","%"],onDeviceChange:function(t){return e.setState({device:t})},onChange:function(e){return i({textBorderRadius:e})}}),React.createElement(Ty,{label:ny("Padding X"),value:q,onChange:function(e){return i({animatedTextPadding:e})},min:0,max:100,unit:["px","em","%"],responsive:!0,device:I,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(Ty,{label:ny("Spacing X"),value:x,onChange:function(e){return i({animatedTextSpacing:e})},min:0,max:100,unit:["px","em","%"],responsive:!0,device:I,onDeviceChange:function(t){return e.setState({device:t})}})),React.createElement(py,{title:ny("Design"),initialOpen:!1},React.createElement(By,{device:I,value:y,label:ny("Typography"),onChange:function(e){return i({typography:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(hy,{label:ny("Color"),value:m,onChange:function(e){return i({color:e})}}))),React.createElement(Py,{key:"advance"},Ry(c,k,i),Cy(c,E,i)))),React.createElement(ly,null,React.createElement(Sy,{minLevel:1,maxLevel:6,selectedLevel:u,onChange:function(e){return i({level:e})}}),React.createElement(oy,{value:s,onChange:function(e){return i({align:e})}})),Ey({enablePosition:R,selectPosition:C,positionXaxis:S,positionYaxis:B,globalZindex:T,hideDesktop:_,hideTablet:O,hideMobile:P,globalCss:N,setAttributes:i}),React.createElement("div",{className:"qubely-block-"+c+" qubely-block-animated-heading qubely-block-animated-heading-backend "+o,onContextMenu:function(t){return wy(t,e.qubelyContextMenu.current)}},React.createElement(A,{className:"animated-heading-text "+L+" "+(s?" has-text-align-"+s:""),ref:function(t){return e.animatedHeading=t}},p,React.createElement("span",{className:"qubely-animated-text"},React.createElement("span",{className:"animated-text-words-wrapper"},[].concat(function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t0?b:Ny)).map((function(e,t){var n="animated-text "+(0===t?"is-visible":"is-hidden");return React.createElement("span",{key:t,className:n},e)})))),d),React.createElement("div",{ref:this.qubelyContextMenu,className:"qubely-context-menu-wraper"},React.createElement(xy,{name:n,clientId:a,attributes:l,setAttributes:i,qubelyContextMenu:this.qubelyContextMenu.current}))))}}]),t}(cy),Iy=_y()(jy),Ly=Object.assign||function(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:"",t="";switch(e){case"blinds":t="letters animation-blinds";break;case"delete-typing":t="letters type";break;case"flip":t="text-animation-flip";break;case"fade-in":t="zoom";break;case"loading-bar":t="loading-bar";break;case"scale":case"slide":t="letters scale";break;case"push":t="push";break;case"wave":t="letters animation-wave";break;default:t="text-clip"}return t}},{key:"render",value:function(){var e=this,t=this.props,n=t.className,a=t.attributes,o=a.uniqueId,l=a.align,i=a.level,r=a.animation,c=a.animatedText,s=a.titleBefore,u=a.titleAfter,b=a.animationType,p=a.interaction,d=Fy(p)?"qubley-block-interaction":"",f="h"+i;return React.createElement("div",Ly({className:"qubely-block-"+o+" qubely-block-animated-heading "+(n||"")+" "+d+" "},Qy(r)),React.createElement(f,{className:"animated-heading-text "+this._getAnimationClass(b)+(l?" has-text-align-"+l:""),ref:function(t){return e.animatedHeading=t}},React.createElement(Yy.Content,{value:s}),React.createElement("span",{className:"qubely-animated-text"},React.createElement("span",{className:"animated-text-words-wrapper"},c.map((function(e,t){var n="animated-text "+(0===t?"is-visible":"is-hidden");return React.createElement("span",{key:t,className:n},e)})))),React.createElement(Yy.Content,{value:u})))}}]),t}(Dy),Wy=(Object.assign||function(e){for(var t=1;t0,B=(Se()((n=u,(t="qubely-block-"+u)in(e={})?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e),b)),T=0;T div[data-type="qubely/button"]:not(:nth-last-child(2)), {{QUBELY}} .qubely-block-button-group .wp-block-qubely-button:not(:last-child){margin-right: {{spacing}};}'}]}})),Gg=wp.i18n.__,Vg=wp.blockEditor.InnerBlocks,Xg=wp.blocks.registerBlockType,Jg=wp.qubelyComponents.HelperFunction.IsInteraction;Xg("qubely/buttongroup",{title:Gg("Button Group"),description:"Bunch together a group of useful buttons with Qubely Button Group.",category:"qubely",icon:React.createElement("img",{src:qubely_admin.plugin+"assets/img/blocks/block-button-group.svg",alt:Gg("Button Group Block"),className:"qubely-block-icon small"}),supports:{align:["center","wide","full"],html:!1},keywords:[Gg("button"),Gg("buttons"),Gg("link"),Gg("button group")],example:{attributes:{buttons:2,alignment:{md:"center"},spacing:{md:"15",unit:"px"}},innerBlocks:[{name:"qubely/button",attributes:{textField:"Button one"}},{name:"qubely/button",attributes:{textField:"Button two"}}]},attributes:Wg,edit:Pg,save:Ug,deprecated:[{attributes:Wg,save:function(e){var t=e.attributes,n=t.uniqueId,a=t.interaction,o=Jg(a)?"qubley-block-interaction":"";return React.createElement("div",{className:"qubely-block-"+n},React.createElement("div",{className:"qubely-block-button-group "+o},React.createElement(Vg.Content,null)))}}]});var Kg=Object.assign||function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:-1,a=-1!==n?n:this.state.selectedItem,o=this.props,l=o.attributes,i=o.setAttributes,r=[].concat(eh(l.formItems));r[a][e]=t,i({formItems:r})}},{key:"render",value:function(){var e=this,t=this.state,n=t.selectedItem,a=t.device,o=this.props,l=o.name,i=o.clientId,r=o.attributes,c=o.setAttributes,s=r.uniqueId,b=r.className,p=r.formItems,d=r.labelTypography,f=r.labelColor,y=r.labelColorFocus,m=r.inputTypography,g=r.inputColor,h=r.inputColorFocus,v=r.inputColorHover,q=r.inputBg,x=r.inputBgFocus,w=r.inputBgHover,k=r.inputBorder,E=r.inputBorderMaterial,R=r.inputBorderColorFocus,C=r.inputBorderColorHover,S=r.inputBorderRadius,B=r.inputSize,T=r.inputPaddingX,_=r.inputPaddingY,O=r.textareaHeight,P=r.placeholderColor,N=r.placeholderColorFocus,j=r.placeholderColorHover,I=r.enableButton,L=r.buttonTag,z=r.buttonSize,A=r.buttonFillType,M=r.buttonText,D=r.buttonIconName,Y=r.buttonIconPosition,U=r.spacing,Q=r.gutter,F=r.fieldErrorMessage,H=r.formSuccessMessage,W=r.formErrorMessage,G=r.reCaptcha,V=r.reCaptchaSiteKey,X=r.reCaptchaSecretKey,J=r.emailReceiver,K=r.emailHeaders,$=r.emailSubject,Z=r.emailBody,ee=r.layout,te=r.animation,ne=r.enablePosition,ae=r.selectPosition,oe=r.positionXaxis,le=r.positionYaxis,ie=r.globalZindex,re=r.hideDesktop,ce=r.hideTablet,se=r.hideMobile,ue=r.globalCss,be=qubely_admin.admin_url+"admin.php?page=qubely-settings";return React.createElement(rh,null,React.createElement(ah,{key:"inspector"},React.createElement(zh,{tabs:["style","advance"]},React.createElement(Ah,{key:"style"},React.createElement(uh,{title:th(""),initialOpen:!0},React.createElement(mh,{value:ee,onChange:function(e){return c({layout:e})},options:[{value:"classic",img:u.form_classic,label:th("Classic")},{value:"material",img:u.form_material,label:th("Material")}]})),n>=0&&React.createElement(uh,{title:p[n].label?p[n].label:th("Input Settings")},React.createElement(bh,{label:th("Label"),value:p[n].label,onChange:function(t){return e.setSettings("label",t)},placeholder:th("Enter Label")}),React.createElement(bh,{label:th("Name"),value:p[n].name,onChange:function(t){return e.setSettings("name",t)},placeholder:th("Enter Name"),help:th("You must write field name with hyphen(-) with lowercase. No space, UPPERCASE, Capitalize is not allowed. This name should match with Form template value. Never keep empty this name.")}),React.createElement(bh,{label:th("Placeholder"),value:p[n].placeholder,onChange:function(t){return e.setSettings("placeholder",t)},placeholder:th("Enter Placeholder")}),React.createElement(gh,{label:th("Width"),value:p[n].width,onChange:function(t){return e.setSettings("width",t)},max:100,min:33,responsive:!0,device:a,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(hh,{label:th("Required"),value:p[n].required,onChange:function(t){return e.setSettings("required",t)}}),"classic"==ee&&React.createElement(hh,{label:th("Hide Label"),value:p[n].hideLabel,onChange:function(t){return e.setSettings("hideLabel",t)}})),React.createElement(uh,{title:th("Label"),initialOpen:!1},React.createElement(vh,{label:th("Typography"),value:d,onChange:function(e){return c({labelTypography:e})},device:a,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(qh,{label:th("Color"),value:f,onChange:function(e){return c({labelColor:e})}}),"material"==ee&&React.createElement(qh,{label:th("Focus Color"),value:y,onChange:function(e){return c({labelColorFocus:e})}})),React.createElement(uh,{title:th("Input"),initialOpen:!1},React.createElement(Eh,{label:th("Input Size"),options:[{label:"S",value:"small",title:"Small"},{label:"M",value:"medium",title:"Medium"},{label:"L",value:"large",title:"Large"},{icon:"fas fa-cog",value:"custom",title:"Custom"}],value:B,onChange:function(e){return c({inputSize:e})}}),"custom"==B&&React.createElement(rh,null,React.createElement(gh,{label:React.createElement("span",{className:"dashicons dashicons-sort",title:"Padding Y"}),value:_,onChange:function(e){return c({inputPaddingY:e})},unit:["px","em","%"],min:0,max:50,responsive:!0,device:a,onDeviceChange:function(t){return e.setState({device:t})}}),"classic"==ee&&React.createElement(gh,{label:React.createElement("span",{className:"dashicons dashicons-leftright",title:"X Padding"}),value:T,onChange:function(e){return c({inputPaddingX:e})},unit:["px","em","%"],min:0,max:50,responsive:!0,device:a,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(Sh,null)),React.createElement(gh,{label:th("Textarea Height"),value:O,onChange:function(e){return c({textareaHeight:e})},unit:["px","em","%"],min:100,max:500,responsive:!0,device:a,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(gh,{label:th("Spacing"),value:U,onChange:function(e){return c({spacing:e})},unit:["px","em","%"],min:0,max:60,responsive:!0,device:a,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(gh,{label:th("Gutter"),value:Q,onChange:function(e){return c({gutter:e})},unit:["px","em","%"],min:0,max:60,responsive:!0,device:a,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(xh,null,React.createElement(wh,{tabTitle:th("Normal")},React.createElement(qh,{label:th("Color"),value:g,onChange:function(e){return c({inputColor:e})}}),"classic"==ee&&React.createElement(qh,{label:th("Background Color"),value:q,onChange:function(e){return c({inputBg:e})}}),React.createElement(qh,{label:th("Placeholder Color"),value:P,onChange:function(e){return c({placeholderColor:e})}}),React.createElement(Sh,null),"classic"==ee&&React.createElement(kh,{label:th("Border"),value:k,onChange:function(e){return c({inputBorder:e})},min:0,max:10,responsive:!0,device:a,onDeviceChange:function(t){return e.setState({device:t})}}),"material"==ee&&React.createElement(kh,{label:th("Border"),value:E,onChange:function(e){return c({inputBorderMaterial:e})},min:0,max:10,responsive:!0,device:a,onDeviceChange:function(t){return e.setState({device:t})}})),React.createElement(wh,{tabTitle:th("Focus")},React.createElement(qh,{label:th("Color"),value:h,onChange:function(e){return c({inputColorFocus:e})}}),"classic"==ee&&React.createElement(qh,{label:th("Background Color"),value:x,onChange:function(e){return c({inputBgFocus:e})}}),React.createElement(qh,{label:th("Placeholder Color"),value:N,onChange:function(e){return c({placeholderColorFocus:e})}}),React.createElement(qh,{label:th("Border Color"),value:R,onChange:function(e){return c({inputBorderColorFocus:e})}})),React.createElement(wh,{tabTitle:th("Hover")},React.createElement(qh,{label:th("Color"),value:v,onChange:function(e){return c({inputColorHover:e})}}),"classic"==ee&&React.createElement(qh,{label:th("Background Color"),value:w,onChange:function(e){return c({inputBgHover:e})}}),React.createElement(qh,{label:th("Placeholder Color"),value:j,onChange:function(e){return c({placeholderColorHover:e})}}),React.createElement(qh,{label:th("Border Color"),value:C,onChange:function(e){return c({inputBorderColorHover:e})}}))),React.createElement(Ch,{label:th("Radius"),value:S,onChange:function(e){return c({inputBorderRadius:e})},min:0,max:100,unit:["px","em","%"],responsive:!0,device:a,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(vh,{label:th("Typography"),value:m,onChange:function(e){return c({inputTypography:e})},device:a,onDeviceChange:function(t){return e.setState({device:t})}})),React.createElement(uh,{title:th("Settings"),initialOpen:!1},React.createElement(xh,null,React.createElement(wh,{tabTitle:th("Form")},React.createElement(bh,{label:th("Required Field Error Message"),value:F,onChange:function(e){return c({fieldErrorMessage:e})},help:th("Set required field error message here. Leave blank for default message.")}),React.createElement(ph,{label:th("Form Submit Success Message"),value:H,onChange:function(e){return c({formSuccessMessage:e})},help:th("Set your desired message after successful form submission. Leave blank for default.")}),React.createElement(ph,{label:th("Form Submit Failed Message"),value:W,onChange:function(e){return c({formErrorMessage:e})},help:th("Set your desired message for form submission error. Leave blank for default.")}),React.createElement(hh,{label:th("Enable reCAPTCHA"),value:G,onChange:function(e){return c({reCaptcha:e})}}),G&&(qubely_admin.qubely_recaptcha_site_key&&qubely_admin.qubely_recaptcha_site_key||this.state.saved_globally?React.createElement("div",{className:"api-notice"},th("reCaptcha keys added successfully"),","," ",React.createElement("a",{target:"_blank",href:be},th("Edit keys here"))):V&&X?React.createElement("div",{className:"recaptcha-keys"},React.createElement(bh,{label:th("Site Key "),value:V,onChange:function(e){return c({reCaptchaSiteKey:e})},placeholder:th("Enter Google Site Key")}),React.createElement(bh,{label:th("Secret Key "),value:X,onChange:function(e){return c({reCaptchaSecretKey:e})},placeholder:th("Enter Google Secret Key")}),React.createElement(fh,{isPrimary:!0,onClick:function(){return e._saveGlobally(V,X)}},th("Set globally"))):React.createElement("div",{className:"api-notice warning"},th("reCaptcha requires site key & secret key"),","," ",React.createElement("a",{target:"_blank",href:be},th("Add keys here"))))),React.createElement(wh,{tabTitle:th("Email")},React.createElement(bh,{label:th("Recipient Email"),value:J,onChange:function(e){return c({emailReceiver:e})},placeholder:th("Enter Recipient Email"),help:th("Enter the recipient email address. This field is mandatory. Without a recipient email, contact form will not work.")}),React.createElement(ph,{label:th("Email Headers"),value:K,onChange:function(e){return c({emailHeaders:e})}}),React.createElement(bh,{label:th("Subject"),value:$,onChange:function(e){return c({emailSubject:e})},placeholder:th("Enter Subject")}),React.createElement(ph,{label:th("Email Body"),value:Z,onChange:function(e){return c({emailBody:e})},help:th("Set your form email body here. In editor don't add any CSS style or others option just add your form field name between double curly braces {{field-name}} as you set in 'Field Name'.")})))),Ph(this.props.attributes,a,(function(e,t){c(Zg({},e,t))}),(function(t,n){e.setState(Zg({},t,n))}))),React.createElement(Ah,{key:"advance"},_h(s,te,c)))),React.createElement(oh,null,React.createElement(dh,{className:"components-dropdown components-dropdown-menu components-toolbar-group",label:th("Form Controls","qubely")},React.createElement(Oh,Kg({data:[{name:"InlineSpacer",key:"spacer",responsive:!0,unit:["px","em","%"]}]},this.props,{prevState:this.state})))),Th({enablePosition:ne,selectPosition:ae,positionXaxis:oe,positionYaxis:le,globalZindex:ie,hideDesktop:re,hideTablet:ce,hideMobile:se,globalCss:ue,setAttributes:c}),React.createElement("div",{className:"qubely-block-"+s+(b?" "+b:"")},React.createElement("div",{className:"qubely-block-contact-form qubely-layout-"+ee,onContextMenu:function(t){return Ih(t,e.qubelyContextMenu.current)}},React.createElement("form",{className:"qubely-form"},p.map((function(t,n){return React.createElement("div",{key:n,className:"qubely-form-group qubely-form-group-index-"+n,style:{width:t.width.md+"%"}},React.createElement("div",{className:"qubely-form-group-inner"},!t.hideLabel&&"classic"==ee&&React.createElement("label",{className:"qubely-form-label"},React.createElement("span",{contenteditable:"true",suppressContentEditableWarning:!0,onBlur:function(t){return e.setSettings("label",t.target.innerText,n)}},th(t.label)," ")," ",t.required&&"*"),("text"==t.type||"email"==t.type)&&React.createElement("input",{className:"qubely-form-control is-"+B,type:t.type,placeholder:th(t.placeholder),required:t.required,onClick:function(){return e.setState({selectedItem:n})}}),"textarea"==t.type&&React.createElement("textarea",{className:"qubely-form-control",placeholder:th(t.placeholder),required:t.required,onClick:function(){return e.setState({selectedItem:n})}}),"material"==ee&&React.createElement("label",{className:"qubely-form-label"},React.createElement("span",{contenteditable:"true",suppressContentEditableWarning:!0,onBlur:function(t){return e.setSettings("label",t.target.innerText,n)}},th(t.label)," ")," ",t.required&&"*")))})),React.createElement("div",{className:"qubely-form-group",style:{width:"100%"}},React.createElement(Rh,{enableButton:I,buttonFillType:A,buttonSize:z,buttonText:M,buttonIconName:D,buttonIconPosition:Y,buttonTag:L,onTextChange:function(e){return c({buttonText:e})}}))),React.createElement("div",{ref:this.qubelyContextMenu,className:"qubely-context-menu-wraper"},React.createElement(jh,{name:l,clientId:i,attributes:r,setAttributes:c,qubelyContextMenu:this.qubelyContextMenu.current})))))}}]),t}(ih),Dh=Lh()(Mh),Yh=Object.assign||function(e){for(var t=1;tFrom: {{full-name}}

Email: {{email}}

\n

Subject: {{subject}}

\n

Message: {{message}}

"},sourceOfCopiedStyle:{type:"boolean",default:!1}}),tv=Object.assign||function(e){for(var t=1;t0&&React.createElement(fv,null,React.createElement(hv,{label:cv("Counter Duration"),type:"number",value:b,onChange:function(e){l({counterDuration:e})}}),React.createElement(kv,{label:cv("Alignment"),alignmentType:"content",value:s,onChange:function(e){return l({alignment:e})},disableJustify:!0,responsive:!0,device:_,onDeviceChange:function(t){return e.setState({device:t})}}))),u>0&&React.createElement(gv,{title:cv("Counter"),initialOpen:!1},React.createElement(fv,null,React.createElement(Ev,{label:cv("Typography"),value:p,onChange:function(e){return l({counterTypo:e})},device:_,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(Rv,{label:cv("Color"),value:d,onChange:function(e){return l({counterColor:e})}}))),u>0&&React.createElement(gv,{title:cv("Prefix & Postfix"),initialOpen:!1},React.createElement(hv,{label:cv("Prefix"),value:y,placeholder:cv("Example: $"),onChange:function(e){return l({prefix:e})}}),React.createElement(hv,{label:cv("Postfix"),value:f,placeholder:cv("Example: +"),onChange:function(e){return l({postfix:e})}}),(y||f)&&React.createElement(fv,null,React.createElement(Ev,{label:cv("Typography"),value:m,onChange:function(e){return l({prepostTypo:e})},device:_,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(wv,{label:cv("Spacing"),value:g,min:0,max:50,unit:["px","em","%"],onChange:function(e){return l({prepostSpacing:e})},responsive:!0,device:_,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(Rv,{label:cv("Color"),value:h,onChange:function(e){return l({prepostColor:e})}})))),React.createElement(Lv,{key:"advance"},Bv(r,q,l),Tv(r,v,l)))),React.createElement(bv,null,React.createElement(vv,{className:"components-dropdown components-dropdown-menu components-toolbar-group",label:cv("Counter Options","qubely")},React.createElement(_v,iv({data:[{name:"InlineSpacer",key:"spacer",responsive:!0}]},this.props,{prevState:this.state})))),Sv({enablePosition:w,selectPosition:k,positionXaxis:E,positionYaxis:R,globalZindex:x,hideDesktop:C,hideTablet:S,hideMobile:B,globalCss:T,setAttributes:l}),React.createElement("div",{className:"qubely-block-"+r+(c?" "+c:"")},React.createElement("div",{className:"qubely-block-counter",onContextMenu:function(t){return Nv(t,e.qubelyContextMenu.current)}},u<=0&&React.createElement("div",null,"Please enter counter number"),b<=0&&React.createElement("div",null,"Please enter counter Duration"),React.createElement("div",{className:"qubely-block-counter-content"},u>0&&b>0&&React.createElement(fv,null,y&&React.createElement("span",{className:"qubely-block-counter-prefix"},y),React.createElement("span",{className:"qubely-block-counter-number"},React.createElement(xv,{number:u,counterDuration:b})),f&&React.createElement("span",{className:"qubely-block-counter-postfix"},f))),React.createElement("div",{ref:this.qubelyContextMenu,className:"qubely-context-menu-wraper"},React.createElement(Pv,{name:n,clientId:a,attributes:o,setAttributes:l,qubelyContextMenu:this.qubelyContextMenu.current})))))}}]),t}(dv),Av=jv()(zv),Mv=Object.assign||function(e){for(var t=1;t0&&React.createElement(Hv,null,l&&React.createElement("span",{className:"qubely-block-counter-prefix"},l),React.createElement("span",{className:"qubely-block-counter-number","data-limit":n,"data-start":0,"data-counterDuration":a},0),o&&React.createElement("span",{className:"qubely-block-counter-postfix"},o)))))}}]),t}(Fv),Jv=Object.assign||function(e){for(var t=1;t div { border-top-color: {{color}}; } {{QUBELY}} .qubely-block-divider path { fill: {{color}}; } {{QUBELY}} .qubely-block-divider circle { stroke: {{color}}; } {{QUBELY}} .qubely-block-divider ellipse { stroke: {{color}}; fill: {{color}}; }"}]},height:{type:"object",default:{md:"2",unit:"px"},style:[{selector:"{{QUBELY}} .qubely-block-divider > div { border-top-width: {{height}};}"}]},width:{type:"object",default:{md:"280",unit:"px"},style:[{selector:"{{QUBELY}} .qubely-block-divider > div { width: {{width}};} {{QUBELY}} .qubely-block-divider svg { width: {{width}};}"}]},alignment:{type:"object",default:{md:"center"},style:[{selector:"{{QUBELY}} {text-align: {{alignment}};}"}]},sourceOfCopiedStyle:{type:"boolean",default:!1}}),edit:Lq,save:Hq});var Jq=n(140),Kq={insert:"head",singleton:!1},$q=(p()(Jq.a,Kq),Jq.a.locals,{});$q.zigzag=React.createElement("svg",{width:"88",height:"11",viewBox:"0 0 88 11",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M87.387 9.066c-7.279 0-7.279-6.787-14.557-6.787-7.28 0-7.28 6.787-14.561 6.787-7.283 0-7.283-6.787-14.565-6.787l-14.562 6.787c-7.286 0-7.286-6.787-14.57-6.787-7.287 0-7.287 6.787-14.571 6.787",className:"qubely-separator-stroke",fill:"none"})),$q.zigzag_large=React.createElement("svg",{width:"161",height:"11",viewBox:"0 0 161 11",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M161 9c-8.05 0-8.05-7-16.099-7-8.043 0-8.043 7-16.088 7-8.047 0-8.047-7-16.095-7-8.05 0-8.05 7-16.097 7-8.045 0-8.045-7-16.095-7-8.05 0-8.05 7-16.099 7-8.047 0-8.047-7-16.092-7-8.05 0-8.05 7-16.104 7-8.059 0-8.059-7-16.116-7s-8.057 7-16.116 7",className:"qubely-separator-stroke",fill:"none"})),$q.pin_filled=React.createElement("svg",{width:"100",height:"20",viewBox:"0 0 100 20",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M18.948 8.5h80.196v3h-80.196c-.719 4.534-4.646 8-9.382 8-5.247 0-9.5-4.253-9.5-9.5s4.253-9.5 9.5-9.5c4.736 0 8.663 3.466 9.382 8z",className:"qubely-separator-fill",fillRule:"nonzero"})),$q.pin=React.createElement("svg",{width:"99",height:"19",viewBox:"0 0 99 19",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M18.946 8h79.793v3h-79.793c-.719 4.534-4.646 8-9.382 8-5.247 0-9.5-4.253-9.5-9.5s4.253-9.5 9.5-9.5c4.736 0 8.663 3.466 9.382 8zm-15.882 1.5c0 3.59 2.91 6.5 6.5 6.5s6.5-2.91 6.5-6.5-2.91-6.5-6.5-6.5-6.5 2.91-6.5 6.5z",className:"qubely-separator-fill",fillRule:"nonzero"}));var Zq=$q,ex=Object.assign||function(e){for(var t=1;t0?a-1:a,removeItemViaBackSpace:-1})))},onClick:function(){return n.setState({focusedItem:a})}},e.text),"right"==o&&React.createElement("span",{className:"qubely-list-item-icon "+e.icon+" fa-fw",onClick:function(){return n.setState({openIconPopUp:!u||s!=a})}}),e.text.length>0&&React.createElement(mk,{text:ck("Delete this item")},React.createElement("span",{className:"qubely-action-remove",role:"button",onClick:function(){n.updateListItems(a,"delete"),a==r?n.setState({focusedItem:a>0?a-1:a}):n.setState({focusedItem:r>0?r-1:r})}},React.createElement("i",{className:"fas fa-times"}))),s==a&&u&&t&&React.createElement(gk,{position:"bottom "+o,className:"qubely-iconlist-icons-popover"},React.createElement(Ck,{disableToggle:!0,value:l.length>0&&l[a].icon,onChange:function(e){return n.modifySpecificItem({icon:e},a)}}))))}))},n.state={device:"md",currentListItemIndex:0,openIconPopUp:!1,removeItemViaBackSpace:-1,focusedItem:n.props.attributes.listItems.length-1},n.textInput=React.createRef(),n.qubelyContextMenu=dk(),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),rk(t,[{key:"componentDidMount",value:function(){var e=this.props.attributes.uniqueId;this.placeCaretAtEnd(document.querySelector(".qubely-block-"+e+" .qubely-list-item-text-"+this.state.focusedItem))}},{key:"componentDidUpdate",value:function(e,t){if(this.props.attributes.listItems.length>e.attributes.listItems.length)document.querySelector(".qubely-block-"+e.attributes.uniqueId+" .qubely-list-item-text-"+this.state.focusedItem).focus();else if(this.props.attributes.listItems.length90&&(l=90),t.style.left=l+"%",n.style.width=l+"%"};e.addEventListener("mousemove",a);var o=function(){e.removeEventListener("mousemove",a)};e.addEventListener("mouseup",o),window.addEventListener("mouseup",o)},n.onSelectImage=function(e,t){e&&e.url&&n.props.setAttributes("A"===t?{image:e}:{image2:e})},n.onUploadError=function(e){var t=n.props.noticeOperations;t.removeAllNotices(),t.createErrorNotice(e)},n.onSelectURL=function(e,t){var a=n.props.attributes,o=a.image,l=a.image2,i=o;"B"===t&&(i=l),e!==i.url&&(i=NR({},i,{url:e,id:void 0,sizeSlug:"large"})),n.props.setAttributes("A"===t?{image:i}:{image2:i})},n.state={device:"md"},n.qubelyContextMenu=DR(),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),jR(t,[{key:"componentDidMount",value:function(){var e=document.querySelector(".qubely-block-image-comparison");document.querySelectorAll(".qubely-block-image-comparison img").forEach((function(t){t.style.width=e.offsetWidth+"px"}))}},{key:"render",value:function(){var e,t,n=this,a=this.props,o=a.name,l=a.clientId,i=a.noticeUI,r=a.attributes,c=a.setAttributes,s=a.attributes,u=s.uniqueId,b=s.className,p=s.imageATitle,d=s.titleColor,f=s.typography,y=s.imageBTitle,m=s.controlColor,g=s.disableTitle,h=s.verticalAlign,v=s.horizontalOffset,q=s.verticalOffset,x=s.image,w=s.image2x,k=s.imgAlt,E=s.image2,R=s.image2_2x,C=s.imgAlt2,S=s.animation,B=s.globalZindex,T=s.enablePosition,_=s.selectPosition,O=s.positionXaxis,P=s.positionYaxis,N=s.hideDesktop,j=s.hideTablet,I=s.hideMobile,L=s.globalCss,z=s.interaction,A=this.state.device,M=function(e,t){var a=x;"B"===e&&(a=E);var o=!!a.url&&React.createElement("img",{alt:LR("Edit image"),title:LR("Edit image"),className:"edit-image-preview",src:a.url});return React.createElement(VR,{accept:"image/*",multiple:!1,notices:i,icon:"format-image",mediaPreview:o,allowedTypes:yC,onError:function(){return n.onUploadError()},labels:{title:t},onSelect:function(t){return n.onSelectImage(t,e)},onSelectURL:function(t){return n.onSelectURL(t,e)},disableMediaButtons:a.url,value:{id:a.id,src:a.src}})},D=function(e,t){return React.createElement("div",{className:"qubely-media-actions"},React.createElement(JR,{value:e,onSelect:function(e){c(IR({},t,e))},allowedTypes:["image"],render:function(e){var t=e.open;return React.createElement(FR,{text:LR("Edit")},React.createElement("button",{className:"qubely-button","aria-label":LR("Edit"),onClick:t,role:"button"},React.createElement("span",{"aria-label":LR("Edit"),className:"fas fa-pencil-alt fa-fw"})))}}),React.createElement(FR,{text:LR("Remove")},React.createElement("button",{className:"qubely-button","aria-label":LR("Remove"),onClick:function(){return c(IR({},t,{}))},role:"button"},React.createElement("span",{"aria-label":LR("Close"),className:"far fa-trash-alt fa-fw"}))))},Y=!1,U=!1;return(x.url||w.url)&&(Y=!0),(E.url||R.url)&&(U=!0),React.createElement(AR,null,React.createElement(XR,{key:"inspector"},React.createElement(dC,{tabs:["style","advance"]},React.createElement(pC,{key:"style"},React.createElement(UR,{title:"",opened:!0},React.createElement(nC,{label:LR("Enable Text"),value:g,onChange:function(e){return c({disableTitle:e})}}),g&&React.createElement(AR,null,React.createElement(eC,{label:LR("Text Color"),value:d,onChange:function(e){return c({titleColor:e})}}),React.createElement(aC,{label:LR("Typography"),value:f,onChange:function(e){return c({typography:e})},disableLineHeight:!0,device:A,onDeviceChange:function(e){return n.setState({device:e})}}),React.createElement(ZR,{label:LR("Vertical Align"),options:[{label:LR("Top"),value:"top",title:"top"},{label:LR("Bottom"),value:"bottom",title:"Bottom"}],value:h,onChange:function(e){return c({verticalAlign:e})}})),React.createElement($R,{label:LR("Vertical Offset"),value:q,min:0,max:100,onChange:function(e){return c({verticalOffset:e})},unit:["px","%"],responsive:!0,device:A,onDeviceChange:function(e){return n.setState({device:e})}}),React.createElement($R,{label:LR("Horizontal Offset"),value:v,min:0,max:100,onChange:function(e){return c({horizontalOffset:e})},unit:["px","%"],responsive:!0,device:A,onDeviceChange:function(e){return n.setState({device:e})}}),React.createElement(eC,{label:LR("Slider Color"),value:m,onChange:function(e){return c({controlColor:e})}})),React.createElement(UR,{title:LR("Retina Images"),initialOpen:!1},React.createElement(tC,{panel:!0,value:R,multiple:!1,label:LR("@2x Image 1 (Left Image)"),type:["image"],onChange:function(e){return c({image2_2x:e})}}),React.createElement(tC,{panel:!0,value:w,multiple:!1,label:LR("@2x Image 2 (Right Image)"),type:["image"],onChange:function(e){return c({image2x:e})}}))),React.createElement(pC,{key:"advance"},sC(u,S,c),uC(u,z,c)))),React.createElement(GR,null,React.createElement(QR,{className:"components-dropdown components-dropdown-menu components-toolbar-group",label:LR("Image Comparison Options","qubely")},React.createElement(oC,NR({data:[{name:"InlineSpacer",key:"spacer",responsive:!0,unit:["px","em","%"]}]},this.props,{prevState:this.state})))),bC({enablePosition:T,selectPosition:_,positionXaxis:O,positionYaxis:P,globalZindex:B,hideDesktop:N,hideTablet:j,hideMobile:I,globalCss:L,setAttributes:c}),React.createElement("div",{className:"qubely-block-"+u+(b?" "+b:"")},React.createElement("div",{className:Se()("qubely-block-image-comparison",{"has-child-placeholder":!Y||!U}),onContextMenu:function(e){return rC(e,n.qubelyContextMenu.current)}},React.createElement("div",{className:Se()("image-container image-B",(e={},IR(e,"valid-images resizable-img",Y&&U),IR(e,"is-placeholder",!U),e))},U?React.createElement("div",{className:"image-container-inner"},React.createElement("img",NR({className:"qubely-image",src:E.url},R.url?{srcset:E.url+" 1x, "+R.url+" 2x"}:{},{alt:C&&C})),g&&React.createElement(WR,{value:y,keepPlaceholderOnFocus:!0,placeholder:LR("Modified"),className:"comparison-image-text text-vertical-align-"+h,onChange:function(e){return c({imageBTitle:e})}}),D(E.id,"image2")):M("B","Image One")),React.createElement("div",{className:Se()("image-container image-A",(t={},IR(t,"valid-images",Y&&U),IR(t,"is-placeholder",!Y),t))},Y?React.createElement("div",{className:"image-container-inner"},React.createElement("img",NR({className:"qubely-image",src:x.url},w.url?{srcset:x.url+" 1x, "+w.url+" 2x"}:{},{alt:k&&k})),g&&React.createElement(WR,{value:p,keepPlaceholderOnFocus:!0,placeholder:LR("Original"),className:"comparison-image-text text-vertical-align-"+h,onChange:function(e){return c({imageATitle:e})}}),D(x.id,"image")):M("A","Image Two")),Y&&U&&React.createElement("span",{className:"comparison-scrollCircle",onMouseDown:function(e){return n.dragFunc(e)}})),React.createElement("div",{ref:this.qubelyContextMenu,className:"qubely-context-menu-wraper"},React.createElement(iC,{name:o,clientId:l,attributes:r,setAttributes:c,qubelyContextMenu:this.qubelyContextMenu.current}))))}}]),t}(MR),gC=fC()(mC),hC=Object.assign||function(e){for(var t=1;t
'+e.adr_address+'
'+e.website+"
",r=new google.maps.InfoWindow({content:i});o.addListener("click",(function(){r.open(m,o)}))}}))}}},{key:"setSettings",value:function(e,t){var n,a,o,l=this,i=this.props,r=i.attributes.apiKey;(0,i.setAttributes)((o=t,(a=e)in(n={})?Object.defineProperty(n,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[a]=o,n)),r&&setTimeout((function(){return l.initMap()}),300)}},{key:"getStyles",value:function(e){var t=[];try{t=JSON.parse(e)}catch(e){return[]}return t}},{key:"render",value:function(){var e=this,t=this.props,n=t.setAttributes,a=t.attributes,o=a.uniqueId,l=a.className,i=a.zoom,r=a.height,c=a.apiKey,s=a.mapAddress,u=a.selectedStyle,b=a.showZoomButtons,p=a.showMapTypeButtons,d=a.showStreetViewButton,f=a.showFullscreenButton,y=a.optionDraggable,m=a.showMarker,g=a.iconPointer,h=a.animation,v=a.enablePosition,q=a.selectPosition,x=a.positionXaxis,w=a.positionYaxis,k=a.globalZindex,E=a.hideDesktop,R=a.hideTablet,C=a.hideMobile,S=a.globalCss,B=qubely_admin.admin_url+"admin.php?page=qubely-settings";return React.createElement(uB,null,React.createElement(iB,{key:"inspector"},React.createElement(CB,{tabs:["style","advance"]},React.createElement(SB,{key:"style"},React.createElement(pB,{title:oB("Map Settings","qubely")},qubely_admin.qubely_gmap_api_key||this.state.saved_globally?React.createElement("div",{className:"api-notice"},oB("Google map API key successfully added"),","," ",React.createElement("a",{target:"_blank",href:B},oB("Edit API key here"))):c?React.createElement("div",{className:"gmap-api-key-control"},React.createElement(fB,{label:oB("API Key"),value:c,placeholder:oB("Enter API Key"),onChange:function(t){return e.initMapLibrary(t)}}),React.createElement(gB,{onClick:function(){return e._saveGlobally(c)},isPrimary:!0},oB("Set globally"))):React.createElement("div",{className:"api-notice warning"},oB("Some features requires Google map API key"),","," ",React.createElement("a",{target:"_blank",href:B},oB("Add API key here"))),React.createElement(yB,{label:oB("Zoom"),value:i,min:"1",max:"20",onChange:function(t){return e.setSettings("zoom",t)}}),React.createElement(yB,{label:oB("Height"),value:r,min:"1",max:"700",onChange:function(t){return e.setSettings("height",t)}})),!c&&React.createElement("b",null,React.createElement("i",null,oB("Need Google API key extend feature."))),React.createElement("div",{className:c?"":"not-clickable"},React.createElement(pB,{title:oB("Map Style")},React.createElement("div",{style:{overflow:"auto"}},eB.map((function(t,n){return React.createElement("div",{key:n,className:u==t.value?"qubely-map-style qubely-map-style-active":"qubely-map-style"},React.createElement("img",{key:n,onClick:function(){e.setSettings("selectedStyle",t.value),e.setSettings("mapStyle",JSON.stringify(t.json))},src:t.image,title:oB(t.label),alt:oB("Map Style")}),React.createElement("p",null,oB(t.label)))})))),React.createElement(pB,{title:oB("Map Option")},React.createElement(dB,{label:oB("Zoom Buttons"),checked:!!b,onChange:function(t){return e.setSettings("showZoomButtons",t)}}),React.createElement(dB,{label:oB("Map Type Buttons"),checked:!!p,onChange:function(t){return e.setSettings("showMapTypeButtons",t)}}),React.createElement(dB,{label:oB("Street View Button"),checked:!!d,onChange:function(t){return e.setSettings("showStreetViewButton",t)}}),React.createElement(dB,{label:oB("Fullscreen Button"),checked:!!f,onChange:function(t){return e.setSettings("showFullscreenButton",t)}}),React.createElement(dB,{label:oB("Draggable"),checked:!!y,onChange:function(t){return e.setSettings("optionDraggable",t)}}),React.createElement(dB,{label:oB("Show Marker"),checked:!!m,onChange:function(t){return e.setSettings("showMarker",t)}}),m&&React.createElement(uB,null,React.createElement(qB,{label:oB("Add custom marker")}),React.createElement(vB,{multiple:!1,type:["image"],value:{url:g},panel:!0,onChange:function(t){return e.setSettings("iconPointer",t.url)}}))))),React.createElement(SB,{key:"advance"},kB(o,h,n)))),React.createElement(rB,null,React.createElement(mB,{className:"components-dropdown components-dropdown-menu components-toolbar-group",label:oB("Map Options","qubely")},React.createElement(EB,tB({data:[{name:"InlineSpacer",key:"spacer",responsive:!0,unit:["px","em","%"]}]},this.props,{prevState:this.state})))),wB({enablePosition:v,selectPosition:q,positionXaxis:x,positionYaxis:w,globalZindex:k,hideDesktop:E,hideTablet:R,hideMobile:C,globalCss:S,setAttributes:n}),React.createElement("div",{className:"qubely-block-"+o+(l?" "+l:"")},React.createElement("div",{className:c?"qubely-google-map":"qubely-gmap-hide"},React.createElement("input",{ref:"mapAddress",type:"text",className:"qubely-google-gmap-input",placeholder:oB("Find your location…")}),React.createElement("div",{ref:"qubelyGoogleMap",style:{height:parseInt(r,10)+"px",width:"100%"}})),!c&&React.createElement("div",{ref:"qubelyGoogleMapIframe"},React.createElement(fB,{label:oB(""),value:s,placeholder:oB("Enter your address"),onChange:function(t){return e.props.setAttributes({mapAddress:t})}}),React.createElement("iframe",{width:"100%",height:parseInt(r,10)+"px",src:"https://maps.google.com/maps?q="+encodeURIComponent(s)+"&t=&z="+parseInt(i,10)+"&ie=UTF8&iwloc=&output=embed",frameborder:"0",scrolling:"no",marginheight:"0",marginwidth:"0"}))))}}]),t}(sB),TB=RB()(BB),_B=Object.assign||function(e){for(var t=1;td&&(g-=.5*(p-d)),d>p&&(h-=.5*(d-p));var v=2*Math.PI*h,q=v*f/100,x=u/2*p/100*.5;return React.createElement("div",{className:"qubely-pie-progress",style:m,role:"progressbar"},React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:u/2+" "+u/2+" "+u+" "+u,style:{transform:"rotate(-90deg)",overflow:"visible"}},!0===c.openShadow&&("inset"!==c.inset?React.createElement("filter",{id:"progress-shadow-"+o,width:"500%",height:"500%",x:"-250%",y:"-250%"},React.createElement("feDropShadow",{dx:-1*c.vertical,dy:c.horizontal,stdDeviation:c.blur,"flood-color":c.color,"flood-opacity":"1"})):React.createElement("filter",{id:"progress-shadow-"+o,width:"500%",height:"500%",x:"-250%",y:"-250%"},React.createElement("feOffset",{dx:-1*c.vertical,dy:c.horizontal}),React.createElement("feGaussianBlur",{stdDeviation:c.blur}),React.createElement("feComposite",{operator:"out",in:"SourceGraphic",result:"inverse"}),React.createElement("feFlood",{"flood-color":c.color,"flood-opacity":"1",result:"color"}),React.createElement("feComposite",{operator:"in",in:"color",in2:"inverse",result:"shadow"}),React.createElement("feComposite",{operator:"over",in:"shadow",in2:"SourceGraphic"}))),!0===r.openShadow&&("inset"!==r.inset?React.createElement("filter",{id:"circle-shadow-"+o,width:"500%",height:"500%",x:"-250%",y:"-250%"},React.createElement("feDropShadow",{dx:-1*r.vertical,dy:r.horizontal,stdDeviation:r.blur,"flood-color":r.color,"flood-opacity":"1"})):React.createElement("filter",{id:"circle-shadow-"+o,width:"500%",height:"500%",x:"-250%",y:"-250%"},React.createElement("feOffset",{dx:-1*r.vertical,dy:r.horizontal}),React.createElement("feGaussianBlur",{stdDeviation:r.blur}),React.createElement("feComposite",{operator:"out",in:"SourceGraphic",result:"inverse"}),React.createElement("feFlood",{"flood-color":r.color,"flood-opacity":"1",result:"color"}),React.createElement("feComposite",{operator:"in",in:"color",in2:"inverse",result:"shadow"}),React.createElement("feComposite",{operator:"over",in:"shadow",in2:"SourceGraphic"}))),"color"!==a.type&&("radial"==a.gradient.type?React.createElement("radialGradient",{id:"qgrd-"+o,fx:"50%",fy:"50%",cx:"50%",cy:"50%",r:x+"%",spreadMethod:"reflect"},React.createElement("stop",{offset:(a.gradient.start||0)+"%","stop-color":a.gradient.color1}),React.createElement("stop",{offset:(a.gradient.stop||100)+"%","stop-color":a.gradient.color2})):React.createElement("linearGradient",{id:"qgrd-"+o,x1:"0%",y1:"0%",x2:"0%",y2:"100%",gradientTransform:"rotate("+(a.gradient.direction-90||0)+", .5, .5)"},React.createElement("stop",{offset:(a.gradient.start||0)+"%","stop-color":a.gradient.color1}),React.createElement("stop",{offset:(a.gradient.stop||100)+"%","stop-color":a.gradient.color2}))),React.createElement("circle",QB({},!0===r.openShadow&&{filter:"url(#circle-shadow-"+o+")"},{cx:u,cy:u,r:g-b,stroke:n,"stroke-width":d,fill:"outline"!==i?n:"none"})),React.createElement("circle",QB({className:"qubely-pie-circle-fg"},!0===c.openShadow&&{filter:"url(#progress-shadow-"+o+")"},{cx:u,cy:u,r:h,"stroke-dasharray":v,"stroke-dashoffset":!0===s?v:v-q,"data-dashoffset":v-q,"stroke-width":p,"stroke-linecap":l,fill:"none","data-transition":"stroke-dashoffset "+(!0===s?y:0)+"ms linear","data-transition-duration":!0===s?y:0,"data-percent":f,stroke:a.openColor?"color"===a.type?a.color:"url(#qgrd-"+o+")":FB.fill.color}))))},WB=Object.assign||function(e){for(var t=1;t0,duration:C},B=zT(h)?"qubley-block-interaction":"";return React.createElement("div",PT({className:"qubely-block-"+n+" qubely-block-pie-progress "+B},LT(g)),React.createElement("div",{className:"qubely-progress-parent"},React.createElement(HB,S),(r||f)&&React.createElement("div",{className:"qubely-progress-inner-text"},r&&React.createElement(NT,null,"text"===c&&React.createElement(jT.Content,{tagName:"div",value:s}),"percent"===c&&React.createElement("div",null,React.createElement("span",{className:"qubely-pie-counter"},a),"%"),"icon"===c&&React.createElement("span",{className:"qubely-pie-icon "+u}),"image"===c&&React.createElement("div",{className:"icon-image "+(void 0===b.url&&"pie-placeholder")},void 0!==b.url?React.createElement("img",{className:"qubely-pie-image",src:b.url,alt:d&&d,srcSet:void 0!==p.url?b.url+" 1x, "+p.url+" 2x":""}):React.createElement("span",{className:"qubely-pie-placeholder far fa-image"}))),f&&"inside"===y&&React.createElement(jT.Content,{tagName:"div",value:m,className:"qubely-pie-progress-heading"}))),f&&"outside"===y&&React.createElement(jT.Content,{tagName:"div",value:m,className:"qubely-pie-progress-heading qubely-outside"}))},MT=Object.assign||function(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:"h3",a=e.props.attributes,o=a.layout,l=a.style,i=a.readmoreStyle,r=a.showCategory,c=a.categoryPosition,s=a.showTitle,u=a.titlePosition,b=a.showAuthor,p=a.showDates,d=a.showComment,f=a.showExcerpt,y=a.excerptLimit,m=a.showReadMore,g=a.buttonText,h=a.readmoreSize,v=React.createElement(n,{className:"qubely-postgrid-title"},React.createElement("a",null,t.title.rendered));return React.createElement("div",{className:1===o?"qubely-post-list-content":"qubely-post-grid-content"},"default"===r&&React.createElement("span",{className:"qubely-postgrid-category qubely-backend",dangerouslySetInnerHTML:{__html:t.qubely_category}}),"badge"==r&&4===l&&React.createElement("div",{className:"qubely-postgrid-cat-position qubely-postgrid-cat-position-"+c},React.createElement("span",{className:"qubely-postgrid-category qubely-backend",dangerouslySetInnerHTML:{__html:t.qubely_category}})),s&&1==u&&v,(b||p||d)&&React.createElement("div",{className:"qubely-postgrid-meta"},b&&React.createElement("span",null,React.createElement("i",{className:"fas fa-user"})," ",ZT("By")," ",React.createElement("a",null,t.qubely_author.display_name)),p&&React.createElement("span",null,React.createElement("i",{className:"far fa-calendar-alt"})," ",c_(s_().formats.date,t.date_gmt)),d&&React.createElement("span",null,React.createElement("i",{className:"fas fa-comment"})," ",t.qubely_comment?t.qubely_comment:"0")),s&&0==u&&v,f&&React.createElement("div",{className:"qubely-postgrid-intro",dangerouslySetInnerHTML:{__html:e.truncate(t.qubely_excerpt,y)}}),m&&React.createElement("div",{className:"qubely-postgrid-btn-wrapper"},React.createElement("a",{className:"qubely-postgrid-btn qubely-button-"+i+" is-"+h},g)))},e.state={device:"md",spacer:!0,categoriesList:[]},e.qubelyContextMenu=i_(),e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),XT(t,[{key:"componentDidMount",value:function(){var e=this;this.isStillMounted=!0,this.fetchRequest=wp.apiFetch({path:n_("/wp/v2/categories",J_)}).then((function(t){e.isStillMounted&&e.setState({categoriesList:t})})).catch((function(){e.isStillMounted&&e.setState({categoriesList:[]})}))}},{key:"componentWillUnmount",value:function(){this.isStillMounted=!1}},{key:"truncate",value:function(e,t){return e&&e.split(" ").length>t?e.split(" ").splice(0,t).join(" "):e}},{key:"render",value:function(){var e=this,t=this.props,n=t.setAttributes,a=t.posts,o=(t.name,t.clientId,t.attributes,t.categoryList),l=t.taxonomyList,i=t.numberofPosts,r=t.attributes,c=r.level,s=r.uniqueId,b=r.className,p=r.postType,d=r.taxonomy,f=r.taxonomyType,y=r.categories,m=r.customTaxonomies,g=r.tags,h=r.order,v=r.orderBy,q=r.postsToShow,x=r.enablePagination,w=r.page,k=(r.paginationType,r.pageAlignment),E=r.paginationTypography,R=r.pagesColor,C=r.pagesHoverColor,S=r.pagesActiveColor,B=r.pagesbgColor,T=r.pagesbgHoverColor,_=r.pagesbgActiveColor,O=r.pagesBorder,P=r.pagesHoverBorder,N=r.pagesActiveBorder,j=r.pagesShadow,I=r.pagesHoverShadow,L=r.pagesActiveShadow,z=r.pagesBorderRadius,A=r.pagePadding,M=r.pageMargin,D=r.showImages,Y=r.imgSize,U=r.enableFixedHeight,Q=r.fixedHeight,F=r.imageRadius,H=r.imageAnimation,W=r.cardBackground,G=r.cardBorder,V=r.cardBorderRadius,X=r.cardPadding,J=r.cardBoxShadow,K=r.cardSpace,$=r.stackBg,Z=r.stackWidth,ee=r.stackSpace,te=r.stackBorderRadius,ne=r.stackPadding,ae=r.stackBoxShadow,oe=r.readmoreStyle,le=r.buttonText,ie=r.readmoreSize,re=r.readmoreCustomSize,ce=r.readmoreTypography,se=r.readmoreBg,ue=r.readmoreHoverBg,be=r.readmoreBorder,pe=r.readmoreBorderRadius,de=r.readmoreBoxShadow,fe=r.readmoreColor,ye=r.readmoreColor2,me=r.readmoreHoverColor,ge=r.layout,he=r.style,ve=r.column,qe=r.showDates,xe=r.showComment,we=r.showAuthor,ke=r.showCategory,Ee=r.categoryPosition,Re=r.showExcerpt,Ce=r.excerptLimit,Se=r.showReadMore,Be=r.showTitle,Te=r.titlePosition,_e=r.showSeparator,Oe=r.separatorColor,Pe=r.separatorHeight,Ne=r.separatorSpace,je=r.titleTypography,Ie=r.metaTypography,Le=r.excerptTypography,ze=r.categoryTypography,Ae=r.titleColor,Me=r.titleOverlayColor,De=r.metaColor,Ye=r.metaOverlayColor,Ue=r.titleHoverColor,Qe=r.excerptColor,Fe=r.excerptColor2,He=r.categoryColor,We=r.categoryColor2,Ge=r.categoryHoverColor,Ve=r.categoryHoverColor2,Xe=r.categoryBackground,Je=r.categoryHoverBackground,Ke=r.categoryRadius,$e=r.categoryPadding,Ze=r.badgePosition,et=r.badgePadding,tt=r.bgColor,nt=r.border,at=r.borderRadius,ot=r.padding,lt=r.boxShadow,it=r.contentPosition,rt=r.girdContentPosition,ct=r.overlayBg,st=r.overlayHoverBg,ut=r.overlayBlend,bt=r.overlayHeight,pt=r.overlaySpace,dt=r.overlayBorderRadius,ft=r.columnGap,yt=r.contentPadding,mt=r.titleSpace,gt=r.categorySpace,ht=r.metaSpace,vt=r.excerptSpace,qt=r.animation,xt=r.globalZindex,wt=r.enablePosition,kt=r.selectPosition,Et=r.positionXaxis,Rt=r.positionYaxis,Ct=r.hideDesktop,St=r.hideTablet,Bt=r.hideMobile,Tt=r.globalCss,_t=this.state.device,Ot="h"+c,Pt=0;i&&i.length&&(Pt=Math.ceil(i.length/q));var Nt=[{value:"",label:ZT("Select Taxonomy")}],jt=[{value:"",label:ZT("All")}];return""!==l&&Object.keys(l).map((function(e){return Nt.push({value:l[e].name,label:l[e].label})})),""!==o&&Object.keys(o).map((function(e){return jt.push({value:o[e].value,label:o[e].label})})),React.createElement(o_,null,React.createElement(b_,{key:"inspector"},React.createElement(W_,{tabs:["style","advance"]},React.createElement(G_,{key:"style"},React.createElement(y_,{title:"",initialOpen:!0},React.createElement(I_,{options:[{value:1,svg:u.postgrid_1,label:ZT("")},{value:2,svg:u.postgrid_2,label:ZT("")},{value:3,svg:u.postgrid_3,label:ZT(""),pro:!0},{value:4,svg:u.postgrid_4,label:ZT(""),pro:!0},{value:5,svg:u.postgrid_5,label:ZT(""),pro:!0}],proUpgradation:!0,value:ge,onChange:function(e){return n({layout:e})}})),React.createElement(y_,{title:ZT("Post Design"),initialOpen:!0},React.createElement(I_,{columns:4,value:he,onChange:function(e){return n({style:e})},options:[{value:1,svg:u.postgrid_design_1},{value:2,svg:1===ge?u.postgrid_design_3:u.postgrid_design_2},{value:3,svg:1===ge?u.postgrid_design_5:u.postgrid_design_4},{value:4,svg:u.postgrid_design_6}]}),2===ge&&React.createElement(x_,{label:ZT("Select Column"),value:ve,onChange:function(e){return n({column:e})},min:1,step:1,max:6,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),(1===ge||2===ge&&(3===he||4===he))&&React.createElement(w_,{label:ZT("Content Align"),options:2===ge&&3===he?[[ZT("Left"),"left"],[ZT("Middle"),"center"],[ZT("Right"),"right"]]:[[ZT("Top"),"top"],[ZT("Middle"),"center"],[ZT("Bottom"),"bottom"]],value:2===ge&&3===he?it:rt,onChange:function(e){return n(2===ge&&3===he?{contentPosition:e}:{girdContentPosition:e})}}),(1===ge&&3!=he||2===ge&&3!=he)&&React.createElement(N_,{label:ZT("Padding"),value:yt,onChange:function(e){return n({contentPadding:e})},min:0,max:100,unit:["px","em","%"],responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(S_,null),(1===ge&&1===he||2===ge&&1===he)&&React.createElement(o_,null,React.createElement(B_,{label:ZT("Background"),value:tt,onChange:function(e){return n({bgColor:e})}}),React.createElement(O_,{label:ZT("Border"),value:nt,onChange:function(e){return n({border:e})},min:0,max:10,unit:["px","em","%"],responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(P_,{min:0,max:100,responsive:!0,device:_t,label:ZT("Corner"),value:at,unit:["px","em","%"],onChange:function(e){return n({borderRadius:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(N_,{label:ZT("Padding"),value:ot,onChange:function(e){return n({padding:e})},min:0,max:60,unit:["px","em","%"],responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(j_,{label:ZT("Box-Shadow"),value:lt,onChange:function(e){return n({boxShadow:e})}})),2===he&&React.createElement(o_,null,React.createElement(B_,{label:ZT("Card Background"),value:W,onChange:function(e){return n({cardBackground:e})}}),React.createElement(O_,{label:ZT("Card Border"),value:G,onChange:function(e){return n({cardBorder:e})},min:0,max:10,unit:["px","em","%"],responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(P_,{min:0,max:100,responsive:!0,device:_t,label:ZT("Card Corner"),value:V,unit:["px","em","%"],onChange:function(e){return n({cardBorderRadius:e})},onDeviceChange:function(t){return e.setState({device:t})}}),1===ge&&React.createElement(x_,{label:ZT("Card Space"),value:K,onChange:function(e){return n({cardSpace:e})},unit:["px","em","%"],min:0,max:100,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(N_,{label:ZT("Card Padding"),value:X,onChange:function(e){return n({cardPadding:e})},min:0,max:100,unit:["px","em","%"],responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(j_,{label:ZT("Card Box Shadow"),value:J,onChange:function(e){return n({cardBoxShadow:e})}})),4===he&&React.createElement(o_,null,React.createElement(x_,{label:ZT("Overlay Height"),value:bt,onChange:function(e){return n({overlayHeight:e})},unit:["px","em","%"],min:50,max:700,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),1===ge&&React.createElement(x_,{label:ZT("Overlay Space"),value:pt,onChange:function(e){return n({overlaySpace:e})},unit:["px","em","%"],min:0,max:100,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(P_,{min:0,max:100,responsive:!0,device:_t,label:ZT("Overlay Corner"),value:dt,unit:["px","em","%"],onChange:function(e){return n({overlayBorderRadius:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(L_,null,React.createElement(z_,{tabTitle:ZT("Normal")},React.createElement(B_,{label:ZT("Overlay"),value:ct,onChange:function(e){return n({overlayBg:e})}})),React.createElement(z_,{tabTitle:ZT("Hover")},React.createElement(B_,{label:ZT("Hover Overlay"),value:st,onChange:function(e){return n({overlayHoverBg:e})}}))),React.createElement(C_,{label:ZT("Blend Mode"),options:[["normal",ZT("Normal")],["multiply",ZT("Multiply")],["screen",ZT("Screen")],["overlay",ZT("Overlay")],["darken",ZT("Darken")],["lighten",ZT("Lighten")],["color-dodge",ZT("Color Dodge")],["saturation",ZT("Saturation")],["luminosity",ZT("Luminosity")],["color",ZT("Color")],["color-burn",ZT("Color Burn")],["exclusion",ZT("Exclusion")],["hue",ZT("Hue")]],value:ut,onChange:function(e){return n({overlayBlend:e})}})),3===he&&React.createElement(o_,null,React.createElement(B_,{label:ZT("Stack Background"),value:$,onChange:function(e){return n({stackBg:e})}}),2===ge&&React.createElement(x_,{label:ZT("Stack Size"),value:Z,onChange:function(e){return n({stackWidth:e})},unit:["px","em","%"],min:50,max:600,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),1===ge&&React.createElement(x_,{label:ZT("Stack Space"),value:ee,onChange:function(e){return n({stackSpace:e})},unit:["px","em","%"],min:0,max:100,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(P_,{min:0,max:100,responsive:!0,device:_t,label:ZT("Stack Corner"),value:te,unit:["px","em","%"],onChange:function(e){return n({stackBorderRadius:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(N_,{label:ZT("Stack Padding"),value:ne,onChange:function(e){return n({stackPadding:e})},min:0,max:60,unit:["px","em","%"],responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(j_,{label:ZT("Stack Box Shadow"),value:ae,onChange:function(e){return n({stackBoxShadow:e})}})),1===ge&&1===he&&React.createElement(o_,null,React.createElement(S_,null),React.createElement(E_,{label:ZT("Enable Separator"),value:_e,onChange:function(e){return n({showSeparator:e})}})),1===ge&&1===he&&!0===_e&&React.createElement(o_,null,React.createElement(__,{label:ZT("Separator Color"),value:Oe,onChange:function(e){return n({separatorColor:e})}}),React.createElement(x_,{label:ZT("Separator Height"),value:Pe,onChange:function(e){return n({separatorHeight:e})},unit:["px","em","%"],min:0,max:30,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(x_,{label:ZT("Separator Spacing"),value:Ne,onChange:function(e){return n({separatorSpace:e})},unit:["px","em","%"],min:0,max:100,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}))),React.createElement(y_,{title:ZT("Query"),initialOpen:!1},React.createElement(v_,{label:ZT("Post Type"),options:K_,value:p,onChange:function(e){return n({postType:e,page:1})}}),l&&"post"!==p&&React.createElement(v_,{label:ZT("Taxonomy"),options:Nt,value:f,onChange:function(e){return n({taxonomyType:e})}}),o&&"post"!==p&&React.createElement(R_,{label:l&&l[f]?l[f].label:ZT("Taxonomy Terms"),enableSearch:!0,defaultOptionsLabel:"All",options:jt,value:m,onChange:function(e){return n({customTaxonomies:e.length&&"All"===e[e.length-1].label?[]:e})}}),"post"===p&&React.createElement(o_,null,React.createElement(w_,{label:ZT("Taxonomy"),options:[[ZT("Categories"),"categories"],[ZT("Tags"),"tags"]],value:d,onChange:function(e){return n({taxonomy:e})}}),React.createElement(R_,{label:ZT("categories"===d?"Categories":"Tags"),enableSearch:!0,defaultOptionsLabel:"All",options:[{value:"all",label:ZT("All")}].concat(JT(l)),value:"categories"===d?y:g,onChange:function(e){return n("categories"===d?{categories:e.length&&"All"===e[e.length-1].label?[]:e}:{tags:e.length&&"All"===e[e.length-1].label?[]:e})}})),React.createElement(x_,{label:ZT("Number of Items"),value:q,onChange:function(e){return n({postsToShow:parseInt(e),page:1})},min:1,max:15}),React.createElement(v_,{label:ZT("Order By"),value:v,options:[{label:ZT("Date"),value:"date"},{label:ZT("Title"),value:"title"},{label:ZT("Random"),value:"rand"},{label:ZT("Menu Order"),value:"menu_order"}],onChange:function(e){return n({orderBy:e})}}),React.createElement(w_,{label:ZT("Order"),options:[[ZT("Ascending"),"asc"],[ZT("Descending"),"desc"]],value:h,onChange:function(e){return n({order:e})}})),React.createElement(y_,{title:ZT("Pagination","qubely"),initialOpen:!1},React.createElement(E_,{label:ZT("Enable Pagination"),value:x,onChange:function(e){return n({enablePagination:e})}}),x&&React.createElement(o_,null,React.createElement(M_,{disableJustify:!0,value:k,alignmentType:"content",label:ZT("Alignment"),onChange:function(e){return n({pageAlignment:e})}}),React.createElement(T_,{device:_t,label:ZT("Typography","qubely"),value:E,onChange:function(e){return n({paginationTypography:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(L_,null,React.createElement(z_,{tabTitle:ZT("Normal","qubely")},React.createElement(__,{label:ZT("Text Color","qubely"),value:R,onChange:function(e){return n({pagesColor:e})}}),React.createElement(B_,{label:ZT("Background","qubely"),value:B,onChange:function(e){return n({pagesbgColor:e})}}),React.createElement(O_,{min:0,max:10,responsive:!0,device:_t,label:ZT("Border","qubely"),value:O,unit:["px","em","%"],onChange:function(e){return n({pagesBorder:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(j_,{label:ZT("Box-Shadow"),value:j,onChange:function(e){return n({pagesShadow:e})}})),React.createElement(z_,{tabTitle:ZT("Active")},React.createElement(__,{label:ZT("Text Color","qubely"),value:S,onChange:function(e){return n({pagesActiveColor:e})}}),React.createElement(B_,{label:ZT("Background","qubely"),value:_,onChange:function(e){return n({pagesbgActiveColor:e})}}),React.createElement(O_,{min:0,max:10,responsive:!0,device:_t,label:ZT("Border","qubely"),value:N,unit:["px","em","%"],onChange:function(e){return n({pagesActiveBorder:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(j_,{label:ZT("Box-Shadow"),value:L,onChange:function(e){return n({pagesActiveShadow:e})}})),React.createElement(z_,{tabTitle:ZT("Hover")},React.createElement(__,{label:ZT("Text Color","qubely"),value:C,onChange:function(e){return n({pagesHoverColor:e})}}),React.createElement(B_,{label:ZT("Background","qubely"),value:T,onChange:function(e){return n({pagesbgHoverColor:e})}}),React.createElement(O_,{min:0,max:10,responsive:!0,device:_t,label:ZT("Border","qubely"),value:P,unit:["px","em","%"],onChange:function(e){return n({pagesHoverBorder:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(j_,{label:ZT("Box-Shadow"),value:I,onChange:function(e){return n({pagesHoverShadow:e})}}))),React.createElement(P_,{min:0,max:100,responsive:!0,device:_t,label:ZT("Radius"),unit:["px","em","%"],value:z,onDeviceChange:function(t){return e.setState({device:t})},onChange:function(e){return n({pagesBorderRadius:e})}}),React.createElement(N_,{min:0,max:300,responsive:!0,device:_t,value:A,label:ZT("Padding"),unit:["px","em","%"],onChange:function(e){return n({pagePadding:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(D_,{max:150,min:0,responsive:!0,device:_t,value:M,label:ZT("Margin"),unit:["px","em","%"],onChange:function(e){return n({pageMargin:e})},onDeviceChange:function(t){return e.setState({device:t})}}))),React.createElement(y_,{title:ZT("Image Settings"),initialOpen:!1},React.createElement(E_,{label:ZT("Show Featured Image"),value:D,onChange:function(e){return n({showImages:e})}}),React.createElement(E_,{label:ZT("Fixed Image Height"),value:U,onChange:function(e){return n({enableFixedHeight:e})}}),U&&React.createElement(x_,{label:ZT(""),value:Q,onChange:function(e){return n({fixedHeight:e})},unit:["px","em","%"],min:10,max:600,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(v_,{label:ZT("Image Sizes"),value:Y,onChange:function(e){return n({imgSize:e})},options:qubely_admin.image_sizes}),React.createElement(P_,{min:0,max:100,responsive:!0,device:_t,label:ZT("Image Corner"),value:F,unit:["px","em","%"],onChange:function(e){return n({imageRadius:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(C_,{label:ZT("Hover Effect"),options:[["none",ZT("No Animation")],["slide-top",ZT("Slide From Top")],["slide-right",ZT("Slide From Right")],["slide-bottom",ZT("Slide From Bottom")],["slide-left",ZT("Slide From Left")],["zoom-in",ZT("Zoom In")],["zoom-out",ZT("Zoom Out")]],value:H,onChange:function(e){return n({imageAnimation:e})}})),React.createElement(y_,{title:"Content",initialOpen:!1},React.createElement(E_,{label:ZT("Show Title"),value:Be,onChange:function(e){return n({showTitle:e})}}),Be&&React.createElement(X_,{selectedLevel:c,onChange:function(e){return n({level:e,selector:"h"+e})}}),React.createElement(E_,{label:ZT("Show Excerpt"),value:Re,onChange:function(e){return n({showExcerpt:e})}}),React.createElement(f_,{label:ZT("Excerpt Limit"),min:1,max:100,step:1,value:Ce,onChange:function(e){return n({excerptLimit:e})}}),React.createElement(S_,null),React.createElement(E_,{label:ZT("Title Below Meta"),value:Te,onChange:function(e){return n({titlePosition:e})}}),React.createElement(E_,{label:ZT("Show date"),value:qe,onChange:function(e){return n({showDates:e})}}),React.createElement(E_,{label:ZT("Show Comment"),value:xe,onChange:function(e){return n({showComment:e})}}),React.createElement(E_,{label:ZT("Show Author"),value:we,onChange:function(e){return n({showAuthor:e})}})),React.createElement(y_,{title:ZT("Category"),initialOpen:!1},React.createElement(A_,{label:ZT("Category"),options:[{icon:"fas fa-ban",value:"none",label:ZT("None")},{value:"default",label:ZT("Default")},{value:"badge",label:ZT("Badge")}],value:ke,onChange:function(e){return n({showCategory:e})}}),"none"!==ke&&React.createElement(o_,null,2!==ge&&"badge"==ke&&4!=he&&React.createElement(C_,{label:ZT("Badge Position"),options:[["leftTop",ZT("Left Top")],["rightTop",ZT("Right Top")],["leftBottom",ZT("Left Bottom")],["rightBottom",ZT("Right Bottom")]],value:Ee,onChange:function(e){return n({categoryPosition:e})}}),2===ge&&"badge"==ke&&4!=he&&React.createElement(o_,null,React.createElement(A_,{label:ZT("Badge Position"),options:[{value:"default",label:ZT("default"),title:ZT("Pre-defined")},{icon:"fas fa-cog",value:"none",title:ZT("Advanced")}],value:Ze,onChange:function(e){return n({badgePosition:e})}}),"default"===Ze?React.createElement(C_,{label:ZT(""),options:[["leftTop",ZT("Left Top")],["rightTop",ZT("Right Top")],["leftBottom",ZT("Left Bottom")],["rightBottom",ZT("Right Bottom")]],value:Ee,onChange:function(e){return n({categoryPosition:e})}}):React.createElement(N_,{label:ZT("Advanced"),value:et,onChange:function(e){return n({badgePadding:e})},min:0,max:60,unit:["px","em","%"],responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(S_,null)),React.createElement(T_,{label:ZT("Typography"),value:ze,onChange:function(e){return n({categoryTypography:e})},device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(L_,null,React.createElement(z_,{tabTitle:ZT("Normal")},React.createElement(__,{label:ZT("Category Color"),value:"badge"==ke?We:He,onChange:function(e){return n("badge"==ke?{categoryColor2:e}:{categoryColor:e})}}),"badge"==ke&&React.createElement(__,{label:ZT("Category Background"),value:Xe,onChange:function(e){return n({categoryBackground:e})}})),React.createElement(z_,{tabTitle:ZT("Hover")},React.createElement(__,{label:ZT("Category Hover Color"),value:"badge"==ke?Ve:Ge,onChange:function(e){return n("badge"==ke?{categoryHoverColor2:e}:{categoryHoverColor:e})}}),"badge"==ke&&React.createElement(__,{label:ZT("Category Background"),value:Je,onChange:function(e){return n({categoryHoverBackground:e})}}))),React.createElement(P_,{min:0,max:100,responsive:!0,device:_t,label:ZT("Corner"),value:Ke,unit:["px","em","%"],onChange:function(e){return n({categoryRadius:e})},onDeviceChange:function(t){return e.setState({device:t})}}),"badge"==ke&&React.createElement(N_,{label:ZT("Padding"),value:$e,onChange:function(e){return n({categoryPadding:e})},min:0,max:60,unit:["px","em","%"],responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}))),React.createElement(y_,{title:ZT("Read More Link"),initialOpen:!1},React.createElement(E_,{label:ZT("Show Read More Link"),value:Se,onChange:function(e){return n({showReadMore:e})}}),Se&&React.createElement(o_,null,React.createElement(I_,{options:[{value:"fill",svg:u.btn_fill,label:ZT("Fill")},{value:"outline",svg:u.btn_outline,label:ZT("Outline")}],value:oe,onChange:function(e){return n({readmoreStyle:e})}}),React.createElement(h_,{label:ZT("Button Text"),value:le,onChange:function(e){return n({buttonText:e})}}),React.createElement(T_,{label:ZT("Typography"),value:ce,onChange:function(e){return n({readmoreTypography:e})},device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),"fill"===oe&&React.createElement(o_,null,React.createElement(A_,{label:ZT("Button Size"),options:[{label:"S",value:"small",title:"Small"},{label:"M",value:"medium",title:"Medium"},{label:"L",value:"large",title:"Large"},{icon:"fas fa-cog",value:"custom",title:"Custom"}],value:ie,onChange:function(e){return n({readmoreSize:e})}}),"custom"==ie&&React.createElement(N_,{label:ZT("Custom Size"),value:re,onChange:function(e){return n({readmoreCustomSize:e})},unit:["px","em","%"],max:150,min:0,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(O_,{label:ZT("Border"),value:be,onChange:function(e){return n({readmoreBorder:e})},min:0,max:10,unit:["px","em","%"],responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),(be.openBorder||"fill"===oe)&&React.createElement(P_,{min:0,max:100,responsive:!0,device:_t,label:ZT("Corner"),value:pe,unit:["px","em","%"],onChange:function(e){return n({readmoreBorderRadius:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(j_,{label:ZT("Box-Shadow"),value:de,onChange:function(e){return n({readmoreBoxShadow:e})}})),React.createElement(L_,null,React.createElement(z_,{tabTitle:ZT("Normal")},React.createElement(__,{label:ZT("Text Color"),value:"fill"===oe?fe:ye,onChange:function(e){return n("fill"===oe?{readmoreColor:e}:{readmoreColor2:e})}}),"fill"===oe&&React.createElement(B_,{label:ZT("Background"),value:se,onChange:function(e){return n({readmoreBg:e})}})),React.createElement(z_,{tabTitle:ZT("Hover")},React.createElement(__,{label:ZT("Text Color"),value:me,onChange:function(e){return n({readmoreHoverColor:e})}}),"fill"===oe&&React.createElement(B_,{label:ZT("Background"),value:ue,onChange:function(e){return n({readmoreHoverBg:e})}}))))),React.createElement(y_,{title:ZT("Spacing"),initialOpen:!1},2===ge&&React.createElement(x_,{label:ZT("Column Gap"),value:ft,onChange:function(e){return n({columnGap:e})},unit:["px","em","%"],min:0,max:100,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),"default"==ke&&React.createElement(x_,{label:ZT("Category"),value:gt,onChange:function(e){return n({categorySpace:e})},unit:["px","em","%"],min:0,max:100,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(x_,{label:ZT("Title"),value:mt,onChange:function(e){return n({titleSpace:e})},unit:["px","em","%"],min:0,max:100,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(x_,{label:ZT("Meta"),value:ht,onChange:function(e){return n({metaSpace:e})},unit:["px","em","%"],min:0,max:100,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(x_,{label:ZT("Excerpt"),value:vt,onChange:function(e){return n({excerptSpace:e})},unit:["px","em","%"],min:0,max:100,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}})),React.createElement(y_,{title:ZT("Typography"),initialOpen:!1},React.createElement(T_,{label:ZT("Title"),value:je,onChange:function(e){return n({titleTypography:e})},device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(S_,null),React.createElement(T_,{label:ZT("Meta"),value:Ie,onChange:function(e){return n({metaTypography:e})},device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(S_,null),React.createElement(T_,{label:ZT("Excerpt"),value:Le,onChange:function(e){return n({excerptTypography:e})},device:_t,onDeviceChange:function(t){return e.setState({device:t})}})),React.createElement(y_,{title:ZT("Colors"),initialOpen:!1},React.createElement(__,{label:ZT("Title"),value:4!==he?Ae:Me,onChange:function(e){return n(4!==he?{titleColor:e}:{titleOverlayColor:e})}}),React.createElement(__,{label:ZT("Title Hover"),value:Ue,onChange:function(e){return n({titleHoverColor:e})}}),React.createElement(__,{label:ZT("Meta"),value:4!==he?De:Ye,onChange:function(e){return n(4!==he?{metaColor:e}:{metaOverlayColor:e})}}),React.createElement(__,{label:ZT("Excerpt"),value:4!==he?Qe:Fe,onChange:function(e){return n(4!==he?{excerptColor:e}:{excerptColor2:e})}}))),React.createElement(G_,{key:"advance"},Q_(s,qt,n)))),React.createElement(p_,null,React.createElement(m_,{className:"components-dropdown components-dropdown-menu components-toolbar-group",label:ZT("Post Grid Options","qubely")},React.createElement(k_,VT({data:[{name:"InlineSpacer",key:"spacer",responsive:!0,unit:["px","em","%"]}]},this.props,{prevState:this.state})))),U_({enablePosition:wt,selectPosition:kt,positionXaxis:Et,positionYaxis:Rt,globalZindex:xt,hideDesktop:Ct,hideTablet:St,hideMobile:Bt,globalCss:Tt,setAttributes:n}),React.createElement("div",{className:"qubely-block-"+s+(b?" "+b:"")},a&&a.length?React.createElement(o_,null,React.createElement("div",{className:"qubely-postgrid-wrapper qubely-postgrid-layout-"+ge+" "+(2===ge?"qubely-postgrid-column qubely-postgrid-column-md"+ve.md+" qubely-postgrid-column-sm"+ve.sm+" qubely-postgrid-column-xs"+ve.xs:"")},a&&a.map((function(t,n){return t?React.createElement("div",{key:n,className:"qubely-postgrid "+(1===ge?"qubely-post-list-view":"qubely-post-grid-view")+" qubely-postgrid-style-"+he},React.createElement("div",{className:1===ge?"qubely-post-list-wrapper qubely-post-list-"+(2===ge&&3===he?it:rt):"qubely-post-grid-wrapper qubely-post-grid-"+(2===ge&&3===he?it:rt)},D&&t.qubely_featured_image_url&&e.renderFeaturedImage(t),e.renderCardContent(t,Ot))):null}))),x&&React.createElement(V_,{total:Pt,current:w,prevText:"Prev",nextText:"Next",onClickPage:function(e){return n({page:e})}})):React.createElement("div",{className:"qubely-postgrid-is-loading"},React.createElement(g_,null))))}}]),t}(l_),Z_=e_([t_((function(e,t){var n=e("core").getEntityRecords,a=t.attributes,o=a.page,l=a.taxonomyType,i=a.taxonomy,r=a.customTaxonomies,c=a.order,s=a.orderBy,u=a.categories,b=a.tags,p=a.postsToShow,d=a.postType,f=qubely_admin.all_taxonomy,y=f[d],m=[],g="";void 0!==y&&(void 0!==y.taxonomy[l]&&(g=0==y.taxonomy[l].rest_base||null==y.taxonomy[l].rest_base?y.taxonomy[l].name:y.taxonomy[l].rest_base),""!==l&&void 0!==y.terms&&void 0!==y.terms[l]&&(m=y.terms[l]));var h="categories"===i?"categories":"tags",v="categories"===i?u:b,q=f.post.terms&&f.post.terms["categories"===i?"category":"post_tag"]?f.post.terms["categories"===i?"category":"post_tag"]:[],x=void 0!==y?y.taxonomy:[],w={order:c,orderby:s,per_page:-1};return"post"!==d?w[g]=""!==r?r.map((function(e){var t=e.value;e.label;return t})):[]:w[h]=v.map((function(e){var t=e.value;e.label;return t})),{posts:n("postType",d,VT({},w,{page:o,per_page:p})),numberofPosts:n("postType",d,w),categoryList:m,taxonomyList:"post"===d?q:x}})),H_()])($_),eO=wp.i18n.__,tO=wp.blocks.registerBlockType;qubely_admin.pro_enable||tO("qubely/postgrid",{title:eO("Post Grid"),description:"Fetch blog posts and display them beautifully in grid or list views with Qubely Postgrid Block.",icon:React.createElement("img",{src:qubely_admin.plugin+"assets/img/blocks/block-post-grid.svg",alt:eO("Postgrid Block")}),category:"qubely",supports:{align:["center","wide","full"]},keywords:[eO("Post"),eO("Post Grid"),eO("Grid")],example:{attributes:{layout:2,column:{md:1},showExcerpt:!1,postsToShow:1}},edit:Z_,save:function(e){return null}});var nO=n(149),aO={insert:"head",singleton:!1},oO=(p()(nO.a,aO),nO.a.locals,Object.assign||function(e){for(var t=1;t=r?s.innerBlocks[b].attributes.id-1:s.innerBlocks[b].attributes.id,pricings:s.innerBlocks[b].attributes.pricings-1})),b++},n.createIterator=function(){for(var e=n.props.attributes.pricings,t=[],a=0;a0,buttonText:wO("Add New Feature"),enableListIcons:V,listItems:H,iconColor:G,iconPosition:W,listWrapperClassName:"qubely-list icon-position-"+W,newListItemPlaceHolder:wO("Add New Feature"),onListItemModification:function(e){return l({listItems:e})},onChange:function(e,t){return l(xO({},e,t))},onIconColorChange:function(e,t){return l({iconColor:e})}})),(1==p||2==p||3==p||5==p)&&this.renderPricingButton()),React.createElement("div",{ref:this.qubelyContextMenu,className:"qubely-context-menu-wraper"},React.createElement(pP,{name:n,clientId:a,attributes:o,setAttributes:l,qubelyContextMenu:this.qubelyContextMenu.current})))))}}]),t}(jO),hP=BO([OO((function(e,t){var n=t.clientId,a=e("core/block-editor"),o=a.getBlock,l=a.getBlockRootClientId,i=a.getBlockAttributes,r=o(n),c=l(n);return{block:r,rootBlock:o(c),rootBlockClientId:c,rootBlockAttributes:i(c)}})),PO((function(e){var t=e("core/block-editor");return{insertBlock:t.insertBlock,removeBlock:t.removeBlock,updateBlockAttributes:t.updateBlockAttributes,toggleSelection:t.toggleSelection}})),fP()])(gP),vP=Object.assign||function(e){for(var t=1;t1&&React.createElement(GN,{label:EN("Gutter Size"),min:0,max:100,value:s,onChange:function(e){return D({rowGutter:e})},unit:["px","em","%"],responsive:!0,device:this.state.device,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(ZN,null),React.createElement("div",{className:"qubely-field"},React.createElement("label",null,EN("Content Position")),React.createElement("div",{className:"qubely-field-button-list qubely-field-button-list-fluid"},React.createElement(NN,{text:EN("Top")},React.createElement("button",{onClick:function(){return D({position:"flex-start"})},className:"qubely-button"+("flex-start"===m?" active":"")},u.vertical_top)),React.createElement(NN,{text:EN("Middle")},React.createElement("button",{onClick:function(){return D({position:"center"})},className:"qubely-button"+("center"===m?" active":"")},u.vertical_middle)),React.createElement(NN,{text:EN("Bottom")},React.createElement("button",{onClick:function(){return D({position:"flex-end"})},className:"qubely-button"+("flex-end"===m?" active":"")},u.vertical_bottom))))),React.createElement(_N,{initialOpen:!1,title:EN("Background")},React.createElement(HN,{parallax:!0,value:q,label:EN("Background"),externalImage:!0,sources:["image","gradient","video"],onChange:function(e){return D({rowBg:e})}}),React.createElement(ZN,null),React.createElement(ej,{label:EN("Border"),value:S,unit:["px","em"],responsive:!0,onChange:function(e){return D({border:e})},min:0,max:10,device:this.state.device,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(ZN,null),React.createElement(JN,{label:EN("Box-Shadow"),value:E,onChange:function(e){return D({rowShadow:e})}}),React.createElement(ZN,null),React.createElement(tj,{label:EN("Radius"),value:B,onChange:function(e){return D({borderRadius:e})},min:0,max:100,unit:["px","em","%"],responsive:!0,device:this.state.device,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(ZN,null),React.createElement(VN,{label:EN("Enable Overlay"),value:T,onChange:function(e){return D({enableRowOverlay:e})}}),1==T&&React.createElement(AN,null,React.createElement(HN,{label:EN("Overlay"),sources:["image","gradient"],value:p,onChange:function(e){return D({rowOverlay:e})}}),1==p.openBg&&React.createElement(AN,null,React.createElement(IN,{beforeIcon:"lightbulb",label:EN("Overlay Opacity"),min:.01,max:1,step:.01,value:d,onChange:function(e){return D({rowOpacity:e})}}),React.createElement(WN,{label:EN("Overlay Blend Mode"),options:[["normal",EN("Normal")],["multiply",EN("Multiply")],["screen",EN("Screen")],["overlay",EN("Overlay")],["darken",EN("Darken")],["lighten",EN("Lighten")],["color-dodge",EN("Color Dodge")],["saturation",EN("Saturation")],["luminosity",EN("Luminosity")],["color",EN("Color")],["color-burn",EN("Color Burn")],["exclusion",EN("Exclusion")],["hue",EN("Hue")]],value:b,onChange:function(e){return D({rowBlend:e})}})))),React.createElement(_N,{initialOpen:!1,title:EN("Shape Divider")},React.createElement($N,null,React.createElement(KN,{tabTitle:EN("Top Shape")},React.createElement(XN,{shapeType:"top",value:x,responsive:!0,onChange:function(e){return D({shapeTop:e})}})),React.createElement(KN,{tabTitle:EN("Bottom Shape")},React.createElement(XN,{shapeType:"bottom",value:w,onChange:function(e){return D({shapeBottom:e})}}))))),React.createElement(uj,{key:"advance"},React.createElement(_N,{title:EN("Spacing"),initialOpen:!0},React.createElement(aj,{label:EN("Padding"),value:g,onChange:function(e){return D({padding:e})},min:0,max:600,unit:["px","em","%"],responsive:!0,device:this.state.device,onDeviceChange:function(t){return e.setState({device:t})},clientId:this.props.clientId}),React.createElement(ZN,null),React.createElement(GN,{label:EN("Margin Top"),value:h,onChange:function(e){return D({marginTop:e})},unit:["px","em","%"],min:-400,max:500,responsive:!0,device:U,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(GN,{label:EN("Margin Bottom"),value:v,onChange:function(e){return D({marginBottom:e})},unit:["px","em","%"],min:-400,max:500,responsive:!0,device:U,onDeviceChange:function(t){return e.setState({device:t})}})),ij(a,_,D)))),React.createElement(QN,null,React.createElement(VN,{label:EN("Column Reverse"),responsive:!0,value:k.values,onChange:function(e){return D({rowReverse:{values:e,openRowReverse:!0}})}}),React.createElement(ON,{label:EN("CSS ID"),value:l,onChange:function(e){return D({rowId:e})}}),lj({enablePosition:O,selectPosition:P,positionXaxis:N,positionYaxis:j,globalZindex:I,hideDesktop:L,hideTablet:z,hideMobile:A,globalCss:M,setAttributes:D,isReturn:!0})),React.createElement("div",wN({className:"qubely-section qubely-block-"+a+" "+(q.bgimgParallax&&"animated"==q.bgimgParallax?"qubely-section-parallax":"")+(o?" "+o:"")},l?{id:l}:""),React.createElement("div",{className:"qubley-padding-indicator"},React.createElement("span",{className:"qubely-indicator-top",style:{height:g.md.top?g.md.top+g.unit:0}},g.md.top&&g.md.top>20?g.md.top+" "+g.unit:""),React.createElement("span",{className:"qubely-indicator-right",style:{width:g.md.right?g.md.right+g.unit:0}},g.md.right&&g.md.right>40?g.md.right+" "+g.unit:""),React.createElement("span",{className:"qubely-indicator-bottom",style:{height:g.md.bottom?g.md.bottom+g.unit:0}},g.md.bottom&&g.md.bottom>20?g.md.bottom+" "+g.unit:""),React.createElement("span",{className:"qubely-indicator-left",style:{width:g.md.left?g.md.left+g.unit:0}},g.md.left&&g.md.left>40?g.md.left+" "+g.unit:"")),React.createElement("div",{className:"qubley-margin-indicator"},React.createElement("span",{className:"qubely-indicator-top",style:{height:h.md?h.md+h.unit:0}},h.md&&h.md>20?h.md+" "+h.unit:""),React.createElement("span",{className:"qubely-indicator-bottom",style:{height:v.md?v.md+v.unit:0}},v.md&&v.md>20?v.md+" "+v.unit:"")),Object.entries(x).length>1&&1==x.openShape&&x.style&&React.createElement("div",{className:"qubely-shape-divider qubely-top-shape",dangerouslySetInnerHTML:{__html:qubely_admin.shapes[x.style]}}),Object.entries(q).length>0&&1==q.openBg&&"video"==q.bgType&&rj(q,"row"),Object.entries(w).length>1&&1==w.openShape&&w.style&&React.createElement("div",{className:"qubely-shape-divider qubely-bottom-shape",dangerouslySetInnerHTML:{__html:qubely_admin.shapes[w.style]}}),React.createElement("div",{className:"qubely-row-overlay"}),React.createElement("div",{className:this.getClassName()},React.createElement("div",{className:"qubely-row qubely-backend-row "+("window"==R?"qubely-row-height-window":"")},React.createElement(UN,{template:this.getTemplate(i),templateLock:"all",allowedBlocks:["qubely/column"]}))))):React.createElement(AN,null,React.createElement("div",{className:"qubely-row-preset"},React.createElement(jN,{onClick:function(){return e.removeRowBlock()},className:"qubely-component-remove-button"},React.createElement("i",{className:"fa fa-times"})),React.createElement("div",{className:"qubely-row-preset-title"},EN("Select Column Layout")),React.createElement("div",{className:"qubely-row-preset-group"},bj.map((function(e){return React.createElement(NN,{text:e.label},React.createElement("button",{onClick:function(){D({columns:e.columns}),pj=e.layout}},e.layout.md.map((function(e){return React.createElement("i",{style:{width:e+"%"}})}))))})))))}}]),t}(zN),fj=RN([BN((function(e){return{removeBlock:e("core/block-editor").removeBlock}})),cj()])(dj),yj=n(151),mj={insert:"head",singleton:!1},gj=(p()(yj.a,mj),yj.a.locals,Object.assign||function(e){for(var t=1;t1&&1==l.openShape&&l.style&&React.createElement("div",{className:"qubely-shape-divider qubely-top-shape",dangerouslySetInnerHTML:{__html:qubely_admin.shapes[l.style]}}),Object.entries(o).length>0&&1==o.openBg&&"video"==o.bgType&&Rj(o,"row"),Object.entries(i).length>1&&1==i.openShape&&i.style&&React.createElement("div",{className:"qubely-shape-divider qubely-bottom-shape",dangerouslySetInnerHTML:{__html:qubely_admin.shapes[i.style]}}),React.createElement("div",{className:"qubely-row-overlay"}),React.createElement("div",{className:this.getClassName()},React.createElement("div",{className:"qubely-row "+("window"==r?"qubely-row-height-window":"")},React.createElement(wj.Content,null))))}}]),t}(xj),Sj=(Object.assign||function(e){for(var t=1;t.qubely-column-inner {height: 100%;}"}]},padding:{type:"object",default:{md:{top:70,right:0,bottom:70,left:0},unit:"px"},style:[{selector:"{{QUBELY}}.qubely-section {padding: {{padding}};}"}]},marginTop:{type:"object",default:{md:0,unit:"px"},style:[{selector:"{{QUBELY}}.qubely-section{ margin-top: {{marginTop}}; }"}]},marginBottom:{type:"object",default:{md:0,unit:"px"},style:[{selector:"{{QUBELY}}.qubely-section{ margin-bottom: {{marginBottom}}; }"}]},rowGutter:{type:"object",default:{md:30,sm:30,xs:30,unit:"px"},style:[{selector:'{{QUBELY}} .qubely-container {padding-left: calc({{rowGutter}}/2); padding-right: calc({{rowGutter}}/2);}{{QUBELY}} .qubely-row {margin-left: calc(-{{rowGutter}}/2); margin-right: calc(-{{rowGutter}}/2);}{{QUBELY}} .qubely-row > .qubely-column {padding-left: calc({{rowGutter}}/2); padding-right: calc({{rowGutter}}/2);}{{QUBELY}} .qubely-row * > [data-type="qubely/column"] {padding-left: calc({{rowGutter}}/2); padding-right: calc({{rowGutter}}/2);}.components-resizable-box__container.qubely-column-resizer.is-selected-column > span > .components-resizable-box__handle, div[data-type="qubely/row"].is-selected .components-resizable-box__container.qubely-column-resizer > span > .components-resizable-box__handle,div[data-type="qubely/row"].is-resizing .components-resizable-box__container.qubely-column-resizer > span > .components-resizable-box__handle {right: calc(-{{rowGutter}}/2);}'}]},rowContainerWidth:{type:"string",default:"boxed"},rowContainer:{type:"number",default:0,style:[{condition:[{key:"align",relation:"==",value:"full"},{key:"rowContainerWidth",relation:"==",value:"boxed"},{key:"rowContainer",relation:"!=",value:0}],selector:"@media (min-width: 1200px) {{{QUBELY}} .qubely-container {max-width: {{rowContainer}}px !important;}}"}]},position:{type:"string",default:"",style:[{selector:"{{QUBELY}} .qubely-row, {{QUBELY}} .qubely-row .block-editor-block-list__layout {-webkit-box-align: {{position}}; -ms-flex-align: {{position}}; align-items: {{position}}; }"}]},rowBg:{type:"object",default:{bgimgPosition:"center center",bgimgSize:"cover",bgimgRepeat:"no-repeat",bgDefaultColor:"#f5f5f5",bgimageSource:"local",externalImageUrl:{}},style:[{selector:"{{QUBELY}}.qubely-section"}]},heightOptions:{type:"string",default:"auto"},rowHeight:{type:"object",default:{},style:[{condition:[{key:"heightOptions",relation:"==",value:"custom"}],selector:"{{QUBELY}} .qubely-row {min-height: {{rowHeight}};}"}]},borderRadius:{type:"object",default:{},style:[{selector:"{{QUBELY}}.qubely-section, {{QUBELY}}.qubely-section .qubely-video-bg-wrap, {{QUBELY}}.qubely-section .qubely-row-overlay"}]},rowShadow:{type:"object",default:{},style:[{selector:"{{QUBELY}}.qubely-section"}]},border:{type:"object",default:{},style:[{selector:"{{QUBELY}}.qubely-section"}]},enableRowOverlay:{type:"boolean",default:!1},rowOverlay:{type:"object",default:{},style:[{condition:[{key:"enableRowOverlay",relation:"==",value:!0}],selector:"{{QUBELY}} >.qubely-row-overlay"}]},rowBlend:{type:"string",default:"",style:[{selector:"{{QUBELY}} >.qubely-row-overlay { mix-blend-mode: {{rowBlend}}; }"}]},rowOpacity:{type:"number",default:".8",style:[{selector:"{{QUBELY}} >.qubely-row-overlay {opacity: {{rowOpacity}}; }"}]},shapeTop:{type:"object",default:{openShape:0,color:"#006fbf",shapeType:"top",width:{unit:"%"},height:{unit:"px"}},style:[{selector:"{{QUBELY}} .qubely-shape-divider.qubely-top-shape"}]},shapeBottom:{type:"object",default:{openShape:0,color:"#006fbf",shapeType:"bottom",width:{unit:"%"},height:{unit:"px"}},style:[{selector:"{{QUBELY}} .qubely-shape-divider.qubely-bottom-shape"}]},hideDesktop:{type:"boolean",default:!1,style:[{selector:"{{QUBELY}}.qubely-section{ display:none; }"}]},hideTablet:{type:"boolean",default:!1,style:[{selector:"{{QUBELY}}.qubely-section{ display:none; }"}]},hideMobile:{type:"boolean",default:!1,style:[{selector:"{{QUBELY}}.qubely-section{ display:none; }"}]},rowId:{type:"string",default:""},rowZindex:{type:"number",default:"",style:[{selector:"{{QUBELY}}.qubely-section{z-index:{{rowZindex}};}"}]},rowReverse:{type:"object",default:{openRowReverse:!1,values:{}},style:[{selector:"{{QUBELY}}.qubely-section >.qubely-container >.qubely-row,{{QUBELY}}.qubely-section >.qubely-container-fluid >.qubely-row, {{QUBELY}} >.qubely-container-fluid >.qubely-row > .block-editor-inner-blocks > .block-editor-block-list__layout, {{QUBELY}} >.qubely-container >.qubely-row > .block-editor-inner-blocks > .block-editor-block-list__layout"}]},rowCss:{type:"string",default:"",style:[{selector:""}]}}),Bj=Object.assign||function(e){for(var t=1;t1&&1==i.openShape&&i.style&&React.createElement("div",{className:"qubely-shape-divider qubely-top-shape",dangerouslySetInnerHTML:{__html:qubely_admin.shapes[i.style]}}),Object.entries(l).length>0&&1==l.openBg&&"video"==l.bgType&&jj(l,"row"),Object.entries(r).length>1&&1==r.openShape&&r.style&&React.createElement("div",{className:"qubely-shape-divider qubely-bottom-shape",dangerouslySetInnerHTML:{__html:qubely_admin.shapes[r.style]}}),React.createElement("div",{className:"qubely-row-overlay"}),React.createElement("div",{className:"full"==c&&"boxed"==u?"qubely-container":"qubely-container-fluid"},React.createElement("div",{className:"qubely-row "+("window"==s?"qubely-row-height-window":"")},React.createElement(Oj.Content,null))))}}]});var Ij=Object.assign||function(e){for(var t=1;t0&&(y=parseFloat(i.md)+f)>10&&d>10){y=Math.abs(y),p.css({width:y.toFixed(2)+"%"});var m=tI("core/block-editor"),g=m.getNextBlockClientId(u);if(null!==g)m.getBlock(g).attributes.colWidth.md=y.toFixed(2)}b.find(".components-resizable-box__container").css({width:"auto"}),y>10&&d>10&&(b.css({width:d.toFixed(2)+"%"}),this.finalResizeValue.current={colWidth:Ij({},l,{md:d.toFixed(2)})})}},{key:"onResizeStop",value:function(e,t,n,a){var o=this.props,l=o.toggleSelection,i=o.setAttributes;l(!0),this.setState({resizing:!1}),i(this.finalResizeValue.current)}},{key:"updateColumns",value:function(e){var t=this.props.clientId,n=tI("core/block-editor"),a=n.getBlockRootClientId,o=n.getBlock,l=n.getBlocks,i=n.getBlockIndex,r=nI("core/block-editor"),c=r.replaceInnerBlocks,s=r.updateBlockAttributes,u=a(t),b=o(u),p=i(t,u),d="add"===e?b.attributes.columns+1:b.attributes.columns-1,f=parseFloat((100/d).toFixed(3)),y=Ij({},this.state.colWidth,{md:f,sm:100,xs:100}),m=[].concat(function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t0){var m=p(n);if(null!==m){var g=d(m);(y=Ij({},g.attributes.colWidth)).md=parseFloat(y.md)-s,y.md>10&&c>10&&(i.css({width:y.md+"%"}),f(m,Object.assign(g.attributes,{colWidth:Ij({},y)})))}}else if(r.length>0){var h=b(n);if(null!==h){var v=d(h),q=Ij({},v.attributes.colWidth);q.md=parseFloat(q.md)-s,r.css({width:q.md+"%"}),f(h,Object.assign(v.attributes,{colWidth:Ij({},q)}))}}if(y.md>10&&c>10){var x=Math.abs(c);l.css({width:x+"%"}),a({colWidth:Ij({},e)})}}}},{key:"componentWillReceiveProps",value:function(e){var t=document.getElementById("block-"+this.props.clientId);t&&(t.style.alignSelf=e.attributes.position)}},{key:"render",value:function(){var e=this,t=this.props,n=t.attributes,a=n.uniqueId,o=n.className,l=n.colWidth,i=n.padding,r=n.margin,c=n.colBg,s=n.colBorder,u=(n.colRadius,n.colShadow),b=(n.corner,n.borderRadius),p=n.animation,d=n.enablePosition,f=n.selectPosition,y=n.positionXaxis,m=n.positionYaxis,g=n.globalZindex,h=n.hideDesktop,v=n.hideTablet,q=n.hideMobile,x=n.globalCss,w=t.setAttributes,k=t.isSelected,E=t.clientId,R=this.state,C=R.rowWidth,S=R.resizing,B=R.responsiveDevice,T=tI("core/block-editor"),_=T.getBlockRootClientId,O=(0,T.getBlockAttributes)(_(E)),P=void 0,N=void 0,j=void 0;if(O){var I=this.checkColumnStatus();P=O.columns,N=I.nextBlockId,j=I.blockIndex}var L="qubely-column-resizer";null!==N&&k&&(L+=" is-selected-column"),S&&(L+=" is-resizing");var z=tI("core/block-editor").getBlockOrder;return React.createElement(Gj,null,React.createElement(Kj,null,React.createElement(Br,{tabs:["style","advance"]},React.createElement(yI,{key:"style"},React.createElement(Yj,{initialOpen:!0,title:Mj("Dimension")},React.createElement("div",{className:P===j+1&&"md"===B?"qubely-mb-20 disable-slide":"qubely-mb-20"},React.createElement(cI,{label:Mj("Width"),value:l,onChange:function(t){return e.updateColumnWidth(t)},min:15,max:this.state.colWidthMax,unit:["%"],responsive:!0,device:this.state.responsiveDevice}))),React.createElement(Yj,{initialOpen:!0,title:Mj("Design")},React.createElement(oI,{label:Mj("Background"),sources:["image","gradient"],value:c,onChange:function(e){return w({colBg:e})}}),React.createElement(sI,null),React.createElement(lI,{label:Mj("Border"),value:s,onChange:function(e){return w({colBorder:e})},min:0,max:10}),React.createElement(sI,null),React.createElement(rI,{label:Mj("Box-Shadow"),value:u,onChange:function(e){return w({colShadow:e})}}),React.createElement(sI,null),React.createElement(iI,{label:Mj("Radius"),value:b,onChange:function(e){return w({borderRadius:e})},min:0,max:100,unit:["px","em","%"],responsive:!0,device:this.state.responsiveDevice,onDeviceChange:function(t){return e.setState({responsiveDevice:t})}}))),React.createElement(yI,{key:"advance"},React.createElement(Yj,{initialOpen:!0,title:Mj("Spacing")},React.createElement(uI,{label:Mj("Padding"),value:i,onChange:function(e){return w({padding:e})},min:0,max:600,unit:["px","em","%"],responsive:!0,device:this.state.responsiveDevice,onDeviceChange:function(t){return e.setState({responsiveDevice:t})}}),React.createElement(uI,{label:Mj("Margin"),value:r,onChange:function(e){return w({margin:e})},min:-600,max:600,unit:["px","em","%"],responsive:!0,device:this.state.responsiveDevice,onDeviceChange:function(t){return e.setState({responsiveDevice:t})}})),dI(a,p,w)))),React.createElement($j,null,React.createElement(Uj,{label:Mj("Column Options","qubely")},P<6&&React.createElement(Fj,{className:"components-icon-button components-toolbar__control",label:Mj("Add Column"),onClick:function(){return e.updateColumns("add")},icon:"plus"}),P>1&&React.createElement(Fj,{className:"components-icon-button components-toolbar__control",label:Mj("Delete Column"),onClick:function(){return e.updateColumns("delete")},icon:"trash"}))),pI({enablePosition:d,selectPosition:f,positionXaxis:y,positionYaxis:m,globalZindex:g,hideDesktop:h,hideTablet:v,hideMobile:q,globalCss:x,setAttributes:w}),0!==C&&React.createElement(Qj,{className:L,style:{},size:{},maxWidth:this.state.maxWidth,enable:{top:!1,right:!0,bottom:!1,left:!1,topRight:!1,bottomRight:!1,bottomLeft:!1,topLeft:!1},minHeight:"10",onResize:function(t,n,a,o){return e.onResize(t,n,a,o)},onResizeStop:function(t,n,a,o){return e.onResizeStop(t,n,a,o)},onResizeStart:function(t,n,a){return e.onResizeStartEvent(t,n,a)}},React.createElement("div",{className:"qubely-column qubely-column-admin qubely-block-"+a+(o?" "+o:""),"data-column-width":this.props.attributes.colWidth.md},React.createElement("div",{className:"qubely-column-inner"},React.createElement(Jj,{templateLock:!1,renderAppender:z(E).length>0?void 0:function(){return React.createElement(Jj.ButtonBlockAppender,null)}})))))}}]),t}(Wj),gI=fI()(mI),hI=Object.assign||function(e){for(var t=1;t .qubely-column-inner {padding: {{padding}};}"}]},margin:{type:"object",default:{md:{top:0,right:0,bottom:0,left:0},unit:"px"},style:[{selector:"{{QUBELY}} > .qubely-column-inner {margin: {{margin}};}"}]},colBg:{type:"object",default:{},style:[{selector:"{{QUBELY}} > .qubely-column-inner"}]},colBorder:{type:"object",default:{},style:[{selector:"{{QUBELY}} > .qubely-column-inner"}]},colShadow:{type:"object",default:{},style:[{selector:"{{QUBELY}} > .qubely-column-inner"}]},borderRadius:{type:"object",default:{},style:[{selector:"{{QUBELY}} > .qubely-column-inner"}]},hideDesktop:{type:"boolean",default:!1,style:[{selector:"{{QUBELY}}{display:none;}"}]},hideTablet:{type:"boolean",default:!1,style:[{selector:"{{QUBELY}}{display:none;}"}]},hideMobile:{type:"boolean",default:!1,style:[{selector:"{{QUBELY}}{display:none;}"}]},colZindex:{type:"number",default:"",style:[{selector:"{{QUBELY}} > .qubely-column-inner{z-index:{{colZindex}};}"}]},colCss:{type:"string",default:"",style:[{selector:""}]}}),edit:gI,save:RI});var _I=n(152),OI={insert:"head",singleton:!1},PI=(p()(_I.a,OI),_I.a.locals,[{value:"fab fa-facebook",name:"Facebook",id:"facebook"},{value:"fab fa-facebook-f",name:"Facebook",id:"facebook"},{value:"fab fa-twitter",name:"Twitter",id:"twitter"},{value:"fab fa-twitter-square",name:"Twitter",id:"twitter"},{value:"fab fa-youtube",name:"Youtube",id:"youtube"},{value:"fab fa-vimeo",name:"Vimeo",id:"vimeo"},{value:"fab fa-dribbble",name:"Dribbble",id:"dribbble"},{value:"fab fa-github",name:"Github",id:"github"},{value:"fab fa-github-square",name:"Github",id:"github"},{value:"fab fa-amazon",name:"Amazon",id:"amazon"},{value:"fab fa-behance",name:"Behance",id:"behance"},{value:"fab fa-codepen",name:"Codepen",id:"codepan"},{value:"fab fa-flickr",name:"Flickr",id:"flickr"},{value:"fab fa-foursquare",name:"Foursquare",id:"foursquare"},{value:"fab fa-gitlab",name:"Gitlab",id:"gitlab"},{value:"fab fa-linux",name:"Linux",id:"linux"},{value:"fab fa-whatsapp",name:"Whatsapp",id:"whatsapp"},{value:"fab fa-tumblr",name:"Tumblr",id:"tumblr"},{value:"fab fa-trello",name:"Trello",id:"trello"},{value:"fab fa-soundcloud",name:"Soundcloud",id:"soundcloud"},{value:"fab fa-spotify",name:"Spotify",id:"spotify"},{value:"fab fa-skype",name:"Skype",id:"skype"},{value:"fab fa-slack",name:"Slack",id:"slack"},{value:"fab fa-reddit-alien",name:"Reddit",id:"reddit"},{value:"fab fa-tripadvisor",name:"TripAdvisor",id:"tripadvisor"},{value:"fab fa-pinterest",name:"Pinterest",id:"pinterest"},{value:"fab fa-pinterest-p",name:"Pinterest",id:"pinterest"},{value:"fab fa-pinterest-square",name:"Pinterest",id:"pinterest"},{value:"fab fa-product-hunt",name:"Product Hunt",id:"producthunt"},{value:"fab fa-medium",name:"Medium",id:"medium"},{value:"fab fa-instagram",name:"Instagram",id:"instagram"},{value:"fab fa-linkedin",name:"Linkedin",id:"linkedin"},{value:"fab fa-digg",name:"Digg",id:"digg"},{value:"fab fa-dropbox",name:"Dropbox",id:"dropbox"},{value:"fab fa-slideshare",name:"Slideshare",id:"slideshare"},{value:"fab fa-stack-overflow",name:"Stack Overflow",id:"stackoverflow"},{value:"fab fa-stumbleupon",name:"StumbleUpon",id:"stumbleupon"},{value:"fab fa-stumbleupon-circle",name:"StumbleUpon",id:"stumbleupon"},{value:"fab fa-wordpress",name:"Wordpress",id:"wordpress"},{value:"fab fa-xing",name:"Xing",id:"xing"},{value:"fab fa-xing-square",name:"Xing",id:"xing"},{value:"fab fa-yahoo",name:"yahoo",id:"yahoo"},{value:"fab fa-bitbucket",name:"bitbucket",id:"bitbucket"},{value:"fab fa-jsfiddle",name:"JsFiddle",id:"jsfiddle"},{value:"fab fa-joomla",name:"Joomla",id:"joomla"},{value:"fab fa-imdb",name:"IMDB",id:"imdb"},{value:"fab fa-snapchat",name:"Snapchat",id:"snapchat"},{value:"fab fa-snapchat-square",name:"Snapchat",id:"snapchat"},{value:"fab fa-telegram",name:"Telegram",id:"telegram"},{value:"fab fa-twitch",name:"Twitch",id:"twitch"}]),NI=Object.assign||function(e){for(var t=1;t0){var n=function e(t){var n=[];return t.innerBlocks.forEach((function(t){"core/heading"!==t.name&&"qubely/heading"!==t.name&&"qubely/text"!==t.name||n.push(t),t.innerBlocks.length>0&&n.push.apply(n,QL(e(t)))})),n}(t);n.length>0&&e.push.apply(e,QL(n))}})),e},n=function(){var n=t().map((function(e){return e.attributes}));n.forEach((function(t,n){if(!t.anchor){var a=e.getHeaderContent(t);t.anchor=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=(t?t+"-":"")+e.toString().toLowerCase().replace(/( |<.+?>| )/g,"-");return n=encodeURIComponent(n.replace(/[^\w\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF\s-]/g,""))}(a,""+(n+1))}})),JSON.stringify(n)!==JSON.stringify(e.state.headers)&&e.setState({headers:n})};n();var a=VL((function(e){return n()}));this.setState({unsubscribe:a})}},{key:"componentDidUpdate",value:function(e,t){JSON.stringify(e.headers)!==JSON.stringify(t.headers)&&this.props.blockProp.setAttributes({headerLinks:JSON.stringify(this.state.headers)})}},{key:"componentWillUnmount",value:function(){this.state.unsubscribe()}},{key:"render",value:function(){var e=this,t=this.state.headers,n=this.props.blockProp.attributes,a=n.tableType,o=n.allowedAnchors,l="ul";if("ordered"===a&&(l="ol"),0===t.length)return React.createElement("div",{className:"qubely-message"},XL("No header found"));var i;return React.createElement(l,{className:a+"-list"},function t(n){return n.map((function(n){return React.createElement("li",{key:n.anchor},React.createElement("a",{href:"#"+n.anchor},e.getHeaderContent(n).replace(/(<.+?>)/g,"")),n.children&&React.createElement(l,{className:"child-list"},t(n.children)))}))}((i=[],t.filter((function(t){var n=e.getHeaderLevel(t);return o["h"+n]})).forEach((function(t){return function t(n,a){var o=n.length-1;0===n.length||e.getHeaderLevel(n[0])===e.getHeaderLevel(a)?n.push(YL({},a)):e.getHeaderLevel(n[o])0&&React.createElement(QA,{label:qA("Separator Color"),value:de,onChange:function(e){return n({bodySeparatorColor:e})}}),React.createElement(KA,null)),"tabs"!=Y&&React.createElement(FA,{label:qA("Spacing"),value:be,onChange:function(e){return n({bodyTopSpacing:e})},unit:["px","em","%"],max:100,min:0,responsive:!0,device:Be,onDeviceChange:function(t){return e.setState({device:t})}}),"tabs"==Y&&React.createElement(PA,null,React.createElement(GA,{label:qA("Border"),separator:!0,value:ce,onChange:function(e){return n({bodyBorder:e})},unit:["px","em","%"],max:100,min:0,responsive:!0,device:Be,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(ZA,{label:qA("Box-Shadow"),value:se,onChange:function(e){return n({bodyShadow:e})}}),React.createElement(nM,{label:qA("Radius"),separator:!0,value:pe,onChange:function(e){return n({bodyBorderRadius:e})},unit:["px","em","%"],max:100,min:0,responsive:!0,device:Be,onDeviceChange:function(t){return e.setState({device:t})}}))),React.createElement(RA,{title:qA("Auto Switching"),initialOpen:!1},React.createElement(HA,{label:qA("Auto Switch Tabs"),value:i,onChange:function(e){return n({autoSwithcing:e})}}),i&&React.createElement(PA,null,React.createElement($A,{label:qA("Delay Type"),options:[[qA("Common"),"common"],[qA("Custom"),"custom"]],value:r,onChange:function(e){return n({delayType:e})}}),"common"===r?React.createElement(CA,{min:2,max:200,label:qA("Delay"),value:c,onChange:function(e){return n({defaultDelay:e})}}):React.createElement(PA,null,React.createElement(KA,{label:qA("Custom Delays")}),U.map((function(t,n){var a=t.title,o=t.delay;return React.createElement(CA,{min:2,max:200,label:qA(a),value:void 0===o?c:o,onChange:function(t){return e.updateTitles({delay:t},n)}})}))),React.createElement(HA,{label:qA("Show Progress Bar"),value:s,onChange:function(e){return n({showProgressBar:e})}})),s&&React.createElement(PA,null,React.createElement($A,{label:qA("Progressbar Position"),options:[[qA("Bottom"),"bottom"],[qA("Top"),"top"]],value:p,onChange:function(e){return n({progressbarPosition:e,recreateStyles:!h})}}),React.createElement(FA,{label:qA("Position"),value:d,max:100,min:-50,onChange:function(e){return n({progressbarBottom:e})}}),React.createElement(rM,{label:qA("Progressbar Background"),value:b,onChange:function(e){return n({progressBarBg:e})}}),React.createElement(FA,{label:qA("Height"),value:f,unit:["px","em","%"],max:50,min:1,responsive:!0,device:Be,onChange:function(e){return n({progressBarHeight:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(FA,{label:qA("Spacing"),value:y,unit:["px","em","%"],max:50,min:0,responsive:!0,device:Be,onChange:function(e){return n({progressBarSpacing:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(FA,{label:qA("Radius"),value:m,unit:["px","em","%"],max:100,min:0,responsive:!0,device:Be,onChange:function(e){return n({progressBarRadius:e})},onDeviceChange:function(t){return e.setState({device:t})}})))),React.createElement(aM,{key:"advance"},bM(o,ye,n),pM(o,qe,n)))),React.createElement(zA,null,React.createElement(kA,{className:"components-dropdown components-dropdown-menu components-toolbar-group",label:qA("Tabs Options","qubely")},React.createElement(cM,gA({data:[{name:"InlineSpacer",key:"spacer",responsive:!0,unit:["px","em","%"]}]},this.props,{prevState:this.state})))),uM({enablePosition:Ee,selectPosition:Re,positionXaxis:we,positionYaxis:ke,globalZindex:xe,hideDesktop:ge,hideTablet:he,hideMobile:ve,globalCss:me,setAttributes:n}),React.createElement("div",{className:Oe},React.createElement("div",{className:"qubely-block-tab qubely-tab-style-"+Y+" qubely-active-tab-"+Te},React.createElement("div",{className:"qubely-tab-nav qubely-alignment-"+X},this.renderTabTitles(),React.createElement(EA,{text:qA("Add new tab")},React.createElement("span",{role:"button",areaLabel:qA("Add new tab"),className:"qubely-add-new-tab",onClick:function(){return function(){var t=e.props,a=t.clientId,o=t.block,l=t.replaceInnerBlocks;e.setState({activeTab:v+1,initialRender:!1}),n({tabs:v+1,tabTitles:_e()});var i=JSON.parse(JSON.stringify(o.innerBlocks));i.push(xA("qubely/tab",{id:i.length+1,customClassName:"qubely-active"})),l(a,i,!1)}()}},React.createElement("i",{className:"fas fa-plus-circle"})))),React.createElement("div",{className:"qubely-tab-body"},React.createElement(LA,{tagName:"div",templateLock:"all",allowedBlocks:["qubely/tab"],template:Array(v).fill(0).map((function(e,t){return["qubely/tab",gA({id:t+1},0===t&&{customClassName:"qubely-active"})]}))})))))}}]),t}(NA),fM=SA([TA((function(e,t){var n=t.clientId;return{block:(0,e("core/block-editor").getBlock)(n)}})),_A((function(e){var t=e("core/block-editor");return{getBlocks:t.getBlocks,insertBlock:t.insertBlock,removeBlock:t.removeBlock,replaceInnerBlocks:t.replaceInnerBlocks,updateBlockAttributes:t.updateBlockAttributes}})),iM()])(dM),yM=(Object.assign||function(e){for(var t=1;ta {font-size: {{iconSize}};}"}]},iconSizeCustom:{type:"object",default:{md:18,unit:"px"},style:[{condition:[{key:"iconSize",relation:"==",value:"custom"}],selector:"{{QUBELY}} .qubely-team-social-links>a {font-size: {{iconSizeCustom}};}"}]},iconGutter:{type:"object",default:{md:10,unit:"px"},style:[{selector:"{{QUBELY}} .qubely-team-social-links > a {margin: 0 calc({{iconGutter}}/2);}"}]},iconSpacing:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-team-social-links {margin-top: {{iconSpacing}};}"}]},iconBorderRadius:{type:"object",default:{openBorderRadius:1,radiusType:"global",global:{md:4},unit:"px"},style:[{condition:[{key:"iconStyle",relation:"==",value:"fill"}],selector:"{{QUBELY}} .qubely-team-social-links>a"}]},iconColor:{type:"string",default:"",style:[{condition:[{key:"iconUseDefaultStyle",relation:"==",value:!1}],selector:"{{QUBELY}} .qubely-team-social-links>a {color: {{iconColor}};}"}]},iconColorHover:{type:"string",default:"",style:[{condition:[{key:"iconUseDefaultStyle",relation:"==",value:!1}],selector:"{{QUBELY}} .qubely-team-social-links>a:hover {color: {{iconColorHover}};}"}]},iconBackground:{type:"string",default:"",style:[{condition:[{key:"iconUseDefaultStyle",relation:"==",value:!1},{key:"iconStyle",relation:"==",value:"fill"}],selector:"{{QUBELY}} .qubely-team-social-links>a {background-color: {{iconBackground}};}"}]},iconBackgroundHover:{type:"string",default:"",style:[{condition:[{key:"iconUseDefaultStyle",relation:"==",value:!1},{key:"iconStyle",relation:"==",value:"fill"}],selector:"{{QUBELY}} .qubely-team-social-links>a:hover {background-color: {{iconBackgroundHover}};}"}]},iconBorder:{type:"object",default:{},style:[{condition:[{key:"iconUseDefaultStyle",relation:"==",value:!1},{key:"iconStyle",relation:"==",value:"fill"}],selector:"{{QUBELY}} .qubely-team-social-links>a"}]},iconBorderColorHover:{type:"string",default:"",style:[{condition:[{key:"iconUseDefaultStyle",relation:"==",value:!1},{key:"iconStyle",relation:"==",value:"fill"}],selector:"{{QUBELY}} .qubely-team-social-links>a:hover {border-color: {{iconBorderColorHover}};}"}]},phone:{type:"string",default:""},email:{type:"string",default:""},website:{type:"string",default:""},infoSpacing:{type:"object",default:{md:10,unit:"px"},style:[{selector:"{{QUBELY}} .qubely-team-information >div:not(:last-child) {margin-bottom: {{infoSpacing}};}"}]},useInfoIcon:{type:"boolean",default:!1},infoIconSize:{type:"string",default:"14px",style:[{condition:[{key:"useInfoIcon",relation:"==",value:!0},{key:"infoIconSize",relation:"!=",value:"custom"}],selector:"{{QUBELY}} .qubely-team-information .qubely-info-icon {font-size: {{infoIconSize}};}"}]},infoIconSizeCustom:{type:"object",default:{md:10,unit:"px"},style:[{condition:[{key:"useInfoIcon",relation:"==",value:!0},{key:"infoIconSize",relation:"==",value:"custom"}],selector:"{{QUBELY}} .qubely-team-information .qubely-info-icon {font-size: {{infoIconSizeCustom}};}"}]},infoIconSpacing:{type:"object",default:{md:10,unit:"px"},style:[{selector:"{{QUBELY}} .qubely-team-information .qubely-info-icon {margin-right: {{infoIconSpacing}};}"}]},infoIconColor:{type:"string",default:"",style:[{selector:"{{QUBELY}} .qubely-team-information .qubely-info-icon {color: {{infoIconColor}};}"}]},infoTypo:{type:"object",default:{openTypography:1,size:{md:16,unit:"px"}},style:[{selector:"{{QUBELY}} .qubely-team-information"}]},infoColor:{type:"string",default:"",style:[{selector:"{{QUBELY}} .qubely-team-information, {{QUBELY}} .qubely-team-information a {color: {{infoColor}};}"}]},overlayHeight:{type:"string",default:"fit",style:[{condition:[{key:"layout",relation:"==",value:2},{key:"overlayHeight",relation:"==",value:"auto"}],selector:"{{QUBELY}} .qubely-team-content {bottom: 0;}"},{condition:[{key:"layout",relation:"==",value:2},{key:"overlayHeight",relation:"==",value:"fit"}],selector:"{{QUBELY}} .qubely-team-content {top: 0; bottom: 0;}"}]},overlayAlignment:{type:"string",default:"center",style:[{condition:[{key:"layout",relation:"==",value:2},{key:"overlayHeight",relation:"==",value:"fit"}],selector:"{{QUBELY}} .qubely-team-content {-webkit-box-align: {{overlayAlignment}}; -ms-flex-align: {{overlayAlignment}}; align-items: {{overlayAlignment}};}"}]},overlayBg:{type:"object",default:{type:"color",openColor:1,color:"rgba(255, 255, 255, .9)"},style:[{condition:[{key:"layout",relation:"==",value:2}],selector:"{{QUBELY}} .qubely-team-content"}]},overlayPaddingX:{type:"object",default:{md:20,unit:"px"},style:[{condition:[{key:"layout",relation:"==",value:2}],selector:"{{QUBELY}} .qubely-team-content {padding-left: {{overlayPaddingX}}; padding-right: {{overlayPaddingX}};}"}]},overlayPaddingY:{type:"object",default:{md:20,unit:"px"},style:[{condition:[{key:"layout",relation:"==",value:2}],selector:"{{QUBELY}} .qubely-team-content {padding-top: {{overlayPaddingY}}; padding-bottom: {{overlayPaddingY}};}"}]},contentPosition:{type:"string",default:"right",style:[{condition:[{key:"layout",relation:"==",value:3},{key:"contentPosition",relation:"==",value:"left"}],selector:"{{QUBELY}} .qubely-block-team {flex-direction: row-reverse; -webkit-flex-direction: row-reverse;} {{QUBELY}} .qubely-team-layout-3 .qubely-team-content {margin-right: auto;}"}]},contentAlignment:{type:"object",default:{md:"center"},style:[{condition:[{key:"layout",relation:"==",value:3}],selector:"{{QUBELY}} .qubely-team-content {text-align: {{contentAlignment}};}"}]},contentPadding:{type:"object",default:{openPadding:1,paddingType:"custom",custom:{md:"10 0 10 0"}},style:[{condition:[{key:"layout",relation:"!=",value:2}],selector:"{{QUBELY}} .qubely-team-content"}]},contentBg:{type:"object",default:{type:"color",openColor:1,color:"#fff"},style:[{condition:[{key:"layout",relation:"!=",value:2}],selector:"{{QUBELY}} .qubely-team-content"}]},contentBorder:{type:"object",default:{openBorder:1,position:"all",type:"solid",width:1,color:"#e5e5e5"},style:[{condition:[{key:"layout",relation:"!=",value:2}],selector:"{{QUBELY}} .qubely-team-content"}]},bodyBg:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-block-team"}]},bodyPadding:{type:"object",default:{paddingType:"global",global:{}},style:[{selector:"{{QUBELY}} .qubely-block-team"}]},bodyBorder:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-block-team"}]},bodyBorderRadius:{type:"object",default:{openBorderRadius:1},style:[{selector:"{{QUBELY}} .qubely-block-team"}]},bodyBoxShadow:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-block-team"}]},sourceOfCopiedStyle:{type:"boolean",default:!1}}),edit:ID,save:GD});var eY=n(157),tY={insert:"head",singleton:!1},nY=(p()(eY.a,tY),eY.a.locals,Object.assign||function(e){for(var t=1;t0&&2==a&&React.createElement("div",{className:"qubely-testimonial-ratings",style:{"--qubely-testimonial-rating":20*L+"%"},onClick:function(){return e.handlePanelOpenings("Ratings")}}),I&&1==a&&React.createElement("div",{className:"qubely-testimonial-quote",onClick:function(){return e.handlePanelOpenings("Quote Icon")}},React.createElement("span",{className:"qubely-quote-icon "+I})),React.createElement("div",{className:"qubely-testimonial-content",onClick:function(){return e.handlePanelOpenings("Message")}},be),N&&L>0&&1==a&&React.createElement("div",{className:"qubely-testimonial-ratings",style:{"--qubely-testimonial-rating":20*L+"%"},onClick:function(){return e.handlePanelOpenings("Ratings")}}),1==a&&pe,I&&2==a&&React.createElement("div",{className:"qubely-testimonial-quote qubely-position-bottom",onClick:function(){return e.handlePanelOpenings("Quote Icon")}},React.createElement("span",{className:"qubely-quote-icon "+I})),React.createElement("div",{ref:this.qubelyContextMenu,className:"qubely-context-menu-wraper"},React.createElement(YY,{name:c,clientId:ae,attributes:oe,setAttributes:le,qubelyContextMenu:this.qubelyContextMenu.current})))))}}]),t}(rY),GY=QY()(WY),VY=Object.assign||function(e){for(var t=1;t0&&2==n&&React.createElement("div",{className:"qubely-testimonial-ratings",style:{"--qubely-testimonial-rating":20*f+"%"}}),p&&1==n&&React.createElement("div",{className:"qubely-testimonial-quote"},React.createElement("span",{className:"qubely-quote-icon "+p})),React.createElement("div",{className:"qubely-testimonial-content"},v),d&&f>0&&1==n&&React.createElement("div",{className:"qubely-testimonial-ratings",style:{"--qubely-testimonial-rating":20*f+"%"}}),1==n&&q,p&&2==n&&React.createElement("div",{className:"qubely-testimonial-quote qubely-position-bottom"},React.createElement("span",{className:"qubely-quote-icon "+p}))))}}]),t}(eU),iU=(Object.assign||function(e){for(var t=1;tspan",default:"JOHN DOE"},nameColor:{type:"string",default:"",style:[{selector:"{{QUBELY}} .qubely-testimonial-author-name { color:{{nameColor}}; }"}]},nameTypo:{type:"object",default:{openTypography:1,weight:700,size:{md:16,unit:"px"}},style:[{selector:"{{QUBELY}} .qubely-testimonial-author-name"}]},nameSpacing:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-testimonial-author-name {margin-bottom: {{nameSpacing}};}"}]},designation:{type:"string",source:"html",selector:".qubely-testimonial-author-designation>span",default:"WordPress Developer"},designationColor:{type:"string",default:"",style:[{selector:"{{QUBELY}} .qubely-testimonial-author-designation { color:{{designationColor}}; }"}]},designationTypo:{type:"object",default:{openTypography:1,size:{md:14,unit:"px"}},style:[{selector:"{{QUBELY}} .qubely-testimonial-author-designation"}]},message:{type:"string",source:"html",selector:".qubely-testimonial-content>div",default:"“There’s no easier way to add innovative Gutenberg blocks than using Qubely Gutenberg Blocks Toolkit. Instantly raise your website appearance with this stylish new plugin.”"},messagePosition:{type:"string",default:"top"},messageTypo:{type:"object",default:{openTypography:1,size:{md:20,unit:"px"}},style:[{selector:"{{QUBELY}} .qubely-testimonial-content"}]},messageSpacingTop:{type:"object",default:{md:0,unit:"px"},style:[{selector:"{{QUBELY}} .qubely-testimonial-content {margin-top: {{messageSpacingTop}};}"}]},messageSpacingBottom:{type:"object",default:{md:20,unit:"px"},style:[{selector:"{{QUBELY}} .qubely-testimonial-content {margin-bottom: {{messageSpacingBottom}};}"}]},showAvatar:{type:"boolean",default:!0},avatar:{type:"object",default:{}},avatar2x:{type:"object",default:{}},avatarLayout:{type:"string",default:"left"},avatarAlt:{type:"string",default:""},avatarSize:{type:"string",default:"64px",style:[{condition:[{key:"avatarSize",relation:"!=",value:"custom"}],selector:"{{QUBELY}} .qubely-testimonial-avatar { width: {{avatarSize}}; height: {{avatarSize}}; font-size: {{avatarSize}}; }"}]},avatarWidth:{type:"object",default:{md:120,unit:"px"},style:[{condition:[{key:"avatarSize",relation:"==",value:"custom"}],selector:"{{QUBELY}} .qubely-testimonial-avatar {width: {{avatarWidth}}; font-size: {{avatarWidth}};}"}]},avatarHeight:{type:"object",default:{md:120,unit:"px"},style:[{condition:[{key:"avatarSize",relation:"==",value:"custom"}],selector:"{{QUBELY}} .qubely-testimonial-avatar {height: {{avatarHeight}};}"}]},avatarSpacing:{type:"object",default:{md:20,unit:"px"},style:[{condition:[{key:"avatarLayout",relation:"==",value:"left"}],selector:"{{QUBELY}} .qubely-testimonial-avatar {margin-right: {{avatarSpacing}};}"},{condition:[{key:"avatarLayout",relation:"==",value:"right"}],selector:"{{QUBELY}} .qubely-testimonial-avatar {margin-left: {{avatarSpacing}};}"},{condition:[{key:"avatarLayout",relation:"==",value:"top"}],selector:"{{QUBELY}} .qubely-testimonial-avatar {margin-bottom: {{avatarSpacing}};}"},{condition:[{key:"avatarLayout",relation:"==",value:"bottom"}],selector:"{{QUBELY}} .qubely-testimonial-avatar {margin-top: {{avatarSpacing}};}"}]},avatarBorderRadius:{type:"object",default:{openBorderRadius:1,radiusType:"global",global:{md:100},unit:"%"},style:[{selector:"{{QUBELY}} .qubely-testimonial-avatar"}]},avatarBorder:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-testimonial-avatar"}]},quoteIcon:{type:"string",default:"fas fa-quote-left"},quoteIconPosition:{type:"string",default:"top"},quoteIconSize:{type:"object",default:{md:48,unit:"px"},style:[{condition:[{key:"quoteIcon",relation:"!=",value:""}],selector:"{{QUBELY}} .qubely-quote-icon {font-size: {{quoteIconSize}};}"}]},quoteIconColor:{type:"string",default:"#E2E2E2",style:[{condition:[{key:"quoteIcon",relation:"!=",value:""}],selector:"{{QUBELY}} .qubely-quote-icon {color: {{quoteIconColor}};}"}]},quoteIconSpacing:{type:"object",default:{md:20,unit:"px"},style:[{condition:[{key:"layout",relation:"==",value:"1"},{key:"quoteIcon",relation:"!=",value:""}],selector:"{{QUBELY}} .qubely-testimonial-quote {margin-bottom: {{quoteIconSpacing}};}"},{condition:[{key:"layout",relation:"==",value:"2"},{key:"quoteIcon",relation:"!=",value:""}],selector:"{{QUBELY}} .qubely-testimonial-quote {margin-top: {{quoteIconSpacing}};}"}]},showRatings:{type:"boolean",default:!0},ratings:{type:"string",default:4.5},ratingsPosition:{type:"string",default:"bottom"},ratingsColor:{type:"string",default:"#FFB800",style:[{condition:[{key:"ratings",relation:"!=",value:"0"}],selector:"{{QUBELY}} .qubely-testimonial-ratings:before {color: {{ratingsColor}};} {{QUBELY}} .qubely-testimonial-ratings {color: {{ratingsColor}};}"}]},starsSize:{type:"object",default:{md:20,unit:"px"},style:[{condition:[{key:"ratings",relation:"!=",value:"0"}],selector:"{{QUBELY}} .qubely-testimonial-ratings {font-size:{{starsSize}};}"}]},ratingsSpacing:{type:"object",default:{md:30,unit:"px"},style:[{condition:[{key:"layout",relation:"==",value:"1"},{key:"ratings",relation:"!=",value:"0"}],selector:"{{QUBELY}} .qubely-testimonial-ratings {margin-bottom: {{ratingsSpacing}};}"},{condition:[{key:"layout",relation:"==",value:"2"},{key:"ratings",relation:"!=",value:"0"}],selector:"{{QUBELY}} .qubely-testimonial-ratings {margin-top: {{ratingsSpacing}};}"}]},bgPadding:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-block-testimonial"}]},textColor:{type:"string",default:"",style:[{selector:"{{QUBELY}} .qubely-block-testimonial { color:{{textColor}}; }"}]},bgColor:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-block-testimonial"}]},bgBorderRadius:{type:"object",default:{openBorderRadius:1,radiusType:"global"},style:[{selector:"{{QUBELY}} .qubely-block-testimonial"}]},border:{type:"object",default:{openTy:0,color:"#3373dc",width:{bottom:"1",left:"1",right:"1",top:"1",unit:"px"}},style:[{selector:"{{QUBELY}} .qubely-block-testimonial"}]},boxShadow:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-block-testimonial"}]},boxShadowHover:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-block-testimonial:hover"}]},sourceOfCopiedStyle:{type:"boolean",default:!1}}),rU=Object.assign||function(e){for(var t=1;t0&&2==o&&React.createElement("div",{"data-qubelyrating":m,className:"qubely-testimonial-ratings",onClick:function(){return t.handlePanelOpenings("Ratings")}}),f&&1==o&&React.createElement("div",{className:"qubely-testimonial-quote"},React.createElement("span",{className:"qubely-quote-icon "+f})),React.createElement("div",{className:"qubely-testimonial-content"},x),y&&m>0&&1==o&&React.createElement("div",{"data-qubelyrating":m,className:"qubely-testimonial-ratings",onClick:function(){return t.handlePanelOpenings("Ratings")}}),1==o&&w,f&&2==o&&React.createElement("div",{className:"qubely-testimonial-quote qubely-position-bottom"},React.createElement("span",{className:"qubely-quote-icon "+f}))))}}]});var yU=n(158),mU={insert:"head",singleton:!1},gU=(p()(yU.a,mU),yU.a.locals,Object.assign||function(e){for(var t=1;t *:last-child",default:"Qubely blocks is added to the Gutenberg editor as soon as you install the plugin. You can start using it as any other Gutenberg block. Add ready blocks using the plus sign where you’ll find a new section of blocks under the Qubely icon."},alignment:{type:"object",default:{md:"left"},style:[{selector:"{{QUBELY}} .qubely-block-text {text-align: {{alignment}}; }"}]},selector:{type:"string",default:"p"},dropCap:{type:"boolean",default:!1},dropCapSize:{type:"object",default:{md:48,unit:"px"},style:[{condition:[{key:"dropCap",relation:"==",value:!0}],selector:"{{QUBELY}} .qubely-block-text p::first-letter, {{QUBELY}} .qubely-block-text p::first-letter {font-size: {{dropCapSize}};}"}]},dropCapColor:{type:"string",default:"#2962FF",style:[{condition:[{key:"dropCap",relation:"==",value:!0}],selector:"{{QUBELY}} .qubely-block-text p::first-letter, {{QUBELY}} .qubely-block-text p::first-letter {color: {{dropCapColor}};}"}]},dropCapSpacing:{type:"object",default:{md:15,unit:"px"},style:[{condition:[{key:"dropCap",relation:"==",value:!0}],selector:"{{QUBELY}} .qubely-block-text p::first-letter, {{QUBELY}} .qubely-block-text.qubely-has-drop-cap p.rich-text.block-editor-rich-text__editable::first-letter {margin-right: {{dropCapSpacing}};}"}]},typography:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-block-text, {{QUBELY}} .qubely-block-text p.rich-text"}]},textColor:{type:"string",default:"",style:[{selector:"{{QUBELY}} .qubely-block-text > * { color:{{textColor}}; }"}]},enableTitle:{type:"boolean",default:1},title:{type:"string",source:"html",selector:".qubely-block-text-title",default:"Advanced Text Block"},titleLevel:{type:"number",default:2},titleTypography:{type:"object",default:{openTypography:1,size:{md:24,unit:"px"}},style:[{selector:"{{QUBELY}} .qubely-block-text-title-container .qubely-block-text-title-inner .qubely-block-text-title"}]},titleColor:{type:"string",default:"",style:[{selector:"{{QUBELY}} .qubely-block-text .qubely-block-text-title-container .qubely-block-text-title-inner .qubely-block-text-title,{{QUBELY}} .qubely-block-text .qubely-block-text-title-container .qubely-block-text-title-inner .qubely-block-text-title >* {color: {{titleColor}};}"}]},titleSpacing:{type:"object",default:{md:10,unit:"px"},style:[{selector:"{{QUBELY}} .qubely-block-text-title-inner {margin-bottom: {{titleSpacing}};}"}]},subTitle:{type:"boolean",default:0},subTitleLevel:{type:"number",default:3},subTitleContent:{type:"string",source:"html",selector:".qubely-block-text-sub-title",default:"Sub Title"},subTitleTypography:{type:"object",default:{openTypography:1,size:{md:16,unit:"px"}},style:[{selector:"{{QUBELY}} .qubely-block-text .qubely-block-text-title-container .qubely-block-text-sub-title-container .qubely-block-text-sub-title"}]},subTitleColor:{type:"string",default:"#333",style:[{condition:[{key:"subTitle",relation:"==",value:1}],selector:"{{QUBELY}} .qubely-block-text .qubely-block-text-sub-title {color: {{subTitleColor}};}"}]},subTitleSpacing:{type:"object",default:{md:15,unit:"px"},style:[{condition:[{key:"subTitle",relation:"==",value:1}],selector:"{{QUBELY}} .qubely-block-text .qubely-block-text-sub-title {margin-bottom: {{subTitleSpacing}};}"}]},separatorStyle:{type:"string",default:"",style:[{condition:[{key:"separatorStyle",relation:"!=",value:""}],selector:"{{QUBELY}} .qubely-block-text .qubely-separator-type-css {border-top-style: {{separatorStyle}};}"}]},separatorPosition:{type:"string",default:"top"},separatorColor:{type:"string",default:"#5D7FEB",style:[{condition:[{key:"separatorStyle",relation:"!=",value:""}],selector:"{{QUBELY}} .qubely-block-text .qubely-separator-type-svg svg .qubely-separator-stroke {stroke: {{separatorColor}};} {{QUBELY}} .qubely-block-text svg .qubely-separator-fill {fill: {{separatorColor}};} {{QUBELY}} .qubely-block-text .qubely-separator-type-css {border-top-color: {{separatorColor}};}"}]},separatorStroke:{type:"number",default:3,style:[{condition:[{key:"separatorStyle",relation:"!=",value:""}],selector:"{{QUBELY}} .qubely-block-text .qubely-separator-type-svg svg .qubely-separator-stroke {stroke-width: {{separatorStroke}}px;} {{QUBELY}} .qubely-block-text .qubely-separator-type-css {border-top-width: {{separatorStroke}}px;}"}]},separatorWidth:{type:"object",default:{md:60},style:[{condition:[{key:"separatorStyle",relation:"!=",value:""}],selector:"{{QUBELY}} .qubely-block-text .qubely-separator-type-css {width: {{separatorWidth}}px;} {{QUBELY}} .qubely-block-text .qubely-separator-type-svg svg {width: {{separatorWidth}}px;}"}]},separatorSpacing:{type:"object",default:{md:10},style:[{condition:[{key:"separatorStyle",relation:"!=",value:""},{key:"separatorPosition",relation:"==",value:"left"}],selector:"{{QUBELY}} .qubely-separator {margin-right: {{separatorSpacing}}px;}"},{condition:[{key:"separatorStyle",relation:"!=",value:""},{key:"separatorPosition",relation:"==",value:"right"}],selector:"{{QUBELY}} .qubely-separator {margin-left: {{separatorSpacing}}px;}"},{condition:[{key:"separatorStyle",relation:"!=",value:""},{key:"separatorPosition",relation:"==",value:"leftright"}],selector:"{{QUBELY}} .qubely-separator-before {margin-right: {{separatorSpacing}}px;} {{QUBELY}} .qubely-separator-after {margin-left: {{separatorSpacing}}px;}"},{condition:[{key:"separatorStyle",relation:"!=",value:""},{key:"separatorPosition",relation:"==",value:"top"}],selector:"{{QUBELY}} .qubely-separator {margin-bottom: {{separatorSpacing}}px;}"},{condition:[{key:"separatorStyle",relation:"!=",value:""},{key:"separatorPosition",relation:"==",value:"bottom"}],selector:"{{QUBELY}} .qubely-separator {margin-top: {{separatorSpacing}}px;}"}]},sourceOfCopiedStyle:{type:"boolean",default:!1}}),deprecated:[{save:function(e){var t=this,n={solid:{type:"css",separator:"solid",width:300,stroke:10},double:{type:"css",separator:"double",width:300,stroke:10},dotted:{type:"css",separator:"dotted",width:300,stroke:10},dashed:{type:"css",separator:"dashed",width:300,stroke:10},pin:{type:"svg",separator:"pin",svg:Zq.pin,width:100,stroke:0},pin_filled:{type:"svg",separator:"pin_filled",svg:Zq.pin_filled,width:100,stroke:0},zigzag:{type:"svg",separator:"zigzag",svg:Zq.zigzag,style:"fill",width:88,stroke:5},zigzag_large:{type:"svg",separator:"zigzag_large",svg:Zq.zigzag_large,style:"fill",width:161,stroke:5}},a=e.attributes,o=a.uniqueId,l=a.content,i=a.selector,r=a.dropCap,c=a.enableTitle,s=a.titleLevel,u=a.subTitleLevel,b=a.separatorStyle,p=a.separatorPosition,d=a.title,f=a.subTitle,y=a.subTitleContent,m=a.animation,g=a.interaction,h="h"+s,v="h"+u,q=Za(g)?"qubley-block-interaction":"",x=React.createElement(gQ,null,b&&React.createElement(gQ,null,"css"==n[b].type&&React.createElement("span",{className:"qubely-separator-type-css qubely-separator-"+b}),"svg"==n[b].type&&React.createElement("span",{className:"qubely-separator-type-svg qubely-separator-"+b},n[b].svg)));return React.createElement("div",yQ({className:"qubely-block-"+o},wQ(m)),React.createElement("div",{className:"qubely-block-text "+q+" "+(1==r?"qubely-has-drop-cap":"")},1==c&&React.createElement("div",{className:"qubely-block-text-title-container "+(b?"qubely-has-separator":"")+" "+(p?"qubely-separator-position-"+p:"")},React.createElement("div",{className:"qubely-block-text-title-inner"},!b||"left"!=p&&"top"!=p&&"leftright"!=p?"":React.createElement("div",{className:"qubely-separator qubely-separator-before"},x),React.createElement(hQ.Content,{tagName:h,className:"qubely-block-text-title",value:d}),""==b||"right"!=p&&"bottom"!=p&&"leftright"!=p?"":React.createElement("div",{className:"qubely-separator qubely-separator-after"},x)),1==f&&React.createElement("div",{className:"qubely-block-text-sub-title-container",onClick:function(){return t.handlePanelOpenings("Sub Title")}},React.createElement(hQ.Content,{tagName:v,className:"qubely-block-text-sub-title",value:y}))),React.createElement(hQ.Content,{tagName:i,value:l})))}},{save:function(e){var t=this,n={solid:{type:"css",separator:"solid",width:300,stroke:10},double:{type:"css",separator:"double",width:300,stroke:10},dotted:{type:"css",separator:"dotted",width:300,stroke:10},dashed:{type:"css",separator:"dashed",width:300,stroke:10},pin:{type:"svg",separator:"pin",svg:Zq.pin,width:100,stroke:0},pin_filled:{type:"svg",separator:"pin_filled",svg:Zq.pin_filled,width:100,stroke:0},zigzag:{type:"svg",separator:"zigzag",svg:Zq.zigzag,style:"fill",width:88,stroke:5},zigzag_large:{type:"svg",separator:"zigzag_large",svg:Zq.zigzag_large,style:"fill",width:161,stroke:5}},a=e.attributes,o=a.uniqueId,l=a.content,i=a.selector,r=a.dropCap,c=a.enableTitle,s=a.titleLevel,u=a.subTitleLevel,b=a.separatorStyle,p=a.separatorPosition,d=a.title,f=a.subTitle,y=a.subTitleContent,m=a.animation,g="h"+s,h="h"+u,v=React.createElement(gQ,null,b&&React.createElement(gQ,null,"css"==n[b].type&&React.createElement("span",{className:"qubely-separator-type-css qubely-separator-"+b}),"svg"==n[b].type&&React.createElement("span",{className:"qubely-separator-type-svg qubely-separator-"+b},n[b].svg)));return React.createElement("div",yQ({className:"qubely-block-"+o},wQ(m)),React.createElement("div",{className:"qubely-block-text "+(1==r?"qubely-has-drop-cap":"")},1==c&&React.createElement("div",{className:"qubely-block-text-title-container "+(b?"qubely-has-separator":"")+" "+(p?"qubely-separator-position-"+p:"")},React.createElement("div",{className:"qubely-block-text-title-inner"},!b||"left"!=p&&"top"!=p&&"leftright"!=p?"":React.createElement("div",{className:"qubely-separator qubely-separator-before"},v),React.createElement(hQ.Content,{tagName:g,className:"qubely-block-text-title",value:d}),""==b||"right"!=p&&"bottom"!=p&&"leftright"!=p?"":React.createElement("div",{className:"qubely-separator qubely-separator-after"},v)),1==f&&React.createElement("div",{className:"qubely-block-text-sub-title-container",onClick:function(){return t.handlePanelOpenings("Sub Title")}},React.createElement(hQ.Content,{tagName:h,className:"qubely-block-text-sub-title",value:y}))),React.createElement(hQ.Content,{tagName:i,value:l,className:"qubely-block-text-content"})))}}],edit:nQ,save:fQ});var kQ=n(159),EQ={insert:"head",singleton:!1},RQ=(p()(kQ.a,EQ),kQ.a.locals,Object.assign||function(e){for(var t=1;ts?"add":"delete")}}),React.createElement(ZQ,{label:SQ("Orientation"),value:u,onChange:function(e){return l({orientation:e})},alignmentType:"content",disableJustify:!0})),React.createElement(NQ,{title:SQ("Spacing"),initialOpen:!1},React.createElement(HQ,{label:SQ("Horizontal Spacing"),value:b,onChange:function(e){return l({horizontalSpacing:e})},min:0,max:100,responsive:!0,unit:["px","em","%"],device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(HQ,{label:SQ("Vertical Spacing"),value:p,onChange:function(e){return l({verticalSpacing:e})},min:0,max:100,responsive:!0,unit:["px","em","%"],device:ee,onDeviceChange:function(t){return e.setState({device:t})}})),React.createElement(NQ,{title:SQ("Content"),initialOpen:!1},React.createElement(WQ,{label:SQ("Background Color"),value:g,onChange:function(e){return l({contentBg:e})}}),React.createElement(VQ,{label:SQ("Enable Border"),value:q,onChange:function(e){return l({enableContentBorder:e})}}),1==q&&React.createElement(TQ,null,React.createElement(HQ,{label:SQ("Border Width"),value:x,onChange:function(e){return l({contentBorderWidth:e})},min:1,max:5,responsive:!0,device:ee,unit:["px"],onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(WQ,{label:SQ("Border Color"),value:w,onChange:function(e){return l({contentBorderColor:e})}}),React.createElement(XQ,null)),React.createElement(KQ,{label:SQ("Radius"),value:E,onChange:function(e){return l({contentBorderRadius:e})},min:0,max:100,unit:["px","em","%"],responsive:!0,device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(eF,{label:SQ("Padding"),value:k,onChange:function(e){return l({contentPadding:e})},min:0,max:200,unit:["px","em","%"],responsive:!0,device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement($Q,{label:SQ("Box-Shadow"),value:R,onChange:function(e){return l({contentBoxShadow:e})},disableInset:!0}),React.createElement(XQ,null),React.createElement(tF,{label:SQ("Heading Tag"),selectedLevel:d,onChange:function(e){return l({headingLevel:e})}}),React.createElement(GQ,{label:SQ("Heading Typography"),value:f,onChange:function(e){return l({headingTypography:e})},device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(WQ,{label:SQ("Heading Color"),value:y,onChange:function(e){return l({headingColor:e})}}),React.createElement(HQ,{label:SQ("Heading Spacing"),value:m,onChange:function(e){return l({headingSpacing:e})},min:0,max:100,responsive:!0,unit:["px","em","%"],device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(XQ,null),React.createElement(WQ,{label:SQ("Content Color"),value:h,onChange:function(e){return l({contentColor:e})}}),React.createElement(GQ,{label:SQ("Content Typography"),value:v,onChange:function(e){return l({contentTypography:e})},device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(XQ,null),React.createElement(VQ,{label:SQ("Enable Date/Time"),value:C,onChange:function(e){return l({enableDateTime:e})}}),1==C&&React.createElement(TQ,null,React.createElement(GQ,{label:SQ("Date/Time Typography"),value:S,onChange:function(e){return l({enableDateTimeTypography:e})},device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(WQ,{label:SQ("Date/Time Color"),value:B,onChange:function(e){return l({enableDateTimeColor:e})}}))),React.createElement(NQ,{title:SQ("Image"),initialOpen:!1},React.createElement(VQ,{label:SQ("Enable"),value:T,onChange:function(e){return l({enableImage:e})}}),1==T&&React.createElement(TQ,null,React.createElement(FQ,{label:SQ("Position"),value:_,onChange:function(e){return l({imagePosition:e})},options:[{label:SQ("Before"),value:"before",title:SQ("Before")},{label:SQ("After"),value:"after",title:SQ("After")}]}),React.createElement(KQ,{label:SQ("Radius"),value:O,onChange:function(e){return l({imageBorderRadius:e})},min:0,max:100,unit:["px","em","%"],responsive:!0,device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(HQ,{label:SQ("Spacing"),value:P,onChange:function(e){return l({imageSpacing:e})},min:0,max:100,responsive:!0,unit:["px","em","%"],device:ee,onDeviceChange:function(t){return e.setState({device:t})}}))),React.createElement(NQ,{title:SQ("Connector"),initialOpen:!1},React.createElement(WQ,{label:SQ("Color"),value:j,onChange:function(e){return l({connectorColor:e})}}),React.createElement(HQ,{label:SQ("Size"),value:N,onChange:function(e){return l({connectorSize:e})},min:16,max:64,responsive:!0,unit:["px","em","%"],device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(JQ,{label:SQ("Border"),value:I,onChange:function(e){return l({connectorBorder:e})},responsive:!0,unit:["px","em","%"],device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement($Q,{label:SQ("Box-Shadow"),value:L,onChange:function(e){return l({connectorBoxShadow:e})},disableInset:!0}),React.createElement(KQ,{label:SQ("Radius"),value:z,onChange:function(e){return l({connectorBorderRadius:e})},min:0,max:100,unit:["px","em","%"],responsive:!0,device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(XQ,null),React.createElement(UQ,{label:SQ("Icon"),value:A,onChange:function(e){return l({connectorIcon:e})}}),React.createElement(HQ,{label:SQ("Icon Size"),value:M,onChange:function(e){return l({connectorIconSize:e})},min:16,max:64,responsive:!0,unit:["px","em","%"],device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(WQ,{label:SQ("Icon Color"),value:D,onChange:function(e){return l({connectorIconColor:e})}}),React.createElement(XQ,null),React.createElement(HQ,{label:SQ("Bar Width"),value:Y,onChange:function(e){return l({connectorBarWidth:e})},min:2,max:20,responsive:!0,unit:["px","em","%"],device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(WQ,{label:SQ("Bar Color"),value:U,onChange:function(e){return l({connectorBarColor:e})}}))),React.createElement(cF,{key:"advance"},oF(r,Q,l),lF(r,Z,l)))),React.createElement(MQ,null,React.createElement(IQ,{className:"components-dropdown components-dropdown-menu components-toolbar-group",label:SQ("Timeline Options","qubely")},React.createElement(QQ,RQ({data:[{name:"InlineSpacer",key:"spacer",responsive:!0,unit:["px","em","%"]}]},this.props,{prevState:this.state})))),aF({enablePosition:H,selectPosition:W,positionXaxis:G,positionYaxis:V,globalZindex:F,hideDesktop:X,hideTablet:J,hideMobile:K,globalCss:$,setAttributes:l}),React.createElement("div",{className:"qubely-block-"+r+(c?" "+c:"")},React.createElement("div",{className:"qubely-block-timeline qubely-timeline-layout-vertical qubely-timeline-orientation-"+u,onContextMenu:function(t){return bF(t,e.qubelyContextMenu.current)}},React.createElement("div",{className:"qubely-timeline-items"},this.renderTimeline()),React.createElement("div",{ref:this.qubelyContextMenu,className:"qubely-context-menu-wraper"},React.createElement(uF,{name:n,clientId:a,attributes:o,setAttributes:l,qubelyContextMenu:this.qubelyContextMenu.current})))))}}]),t}(_Q),dF=iF()(pF),fF=Object.assign||function(e){for(var t=1;t4&&void 0!==arguments[4]&&arguments[4];return ke.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return l=JSON.stringify(n.interaction),i={block_css:DW(n.css),interaction:l,post_id:t,is_remain:a,available_blocks:o,isPreviewing:r},e.prev=2,e.next=5,wp.apiFetch({path:AW,method:"POST",data:i});case 5:e.next=10;break;case 7:e.prev=7,e.t0=e.catch(2),console.log("Can't save css:",e.t0);case 10:case"end":return e.stop()}}),e,void 0,[[2,7]])})));return function(t,n,a,o){return e.apply(this,arguments)}}(),DW=function(e){return e=e.replace(new RegExp(";;","g"),";")},YW="",UW={};function QW(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return 1==t&&(YW="",UW={},t=!1),e.map((function(e){var t=e.attributes,n=e.name.split("/");if("qubely"===n[0]&&t.uniqueId&&(YW+=zW(t,n[1],t.uniqueId,!0),void 0!==t.interaction)){var a=t.interaction,o=a.while_scroll_into_view,l=a.mouse_movement;if(void 0!==o&&!0===o.enable){var i=o.action_list;i=i.sort((function(e,t){return e.keyframe-t.keyframe}));var r={blockId:t.uniqueId,enable_mobile:void 0!==o.enable_mobile&&o.enable_mobile,enable_tablet:void 0!==o.enable_tablet&&o.enable_tablet,animation:i},c={x_offset:void 0===o.transform_origin_x?"center":o.transform_origin_x,y_offset:void 0===o.transform_origin_y?"center":o.transform_origin_y};r.origin=c,void 0===UW.while_scroll_view?UW.while_scroll_view=[r]:UW.while_scroll_view.push(r)}if(void 0!==l&&!0===l.enable){var s={blockId:t.uniqueId,enable_mobile:void 0!==o.enable_mobile&&o.enable_mobile,enable_tablet:void 0!==o.enable_tablet&&o.enable_tablet,animation:l};void 0===UW.mouse_movement?UW.mouse_movement=[s]:UW.mouse_movement.push(s)}}e.innerBlocks&&e.innerBlocks.length>0&&QW(e.innerBlocks)})),{css:YW,interaction:UW}}function FW(e){var t=!1;return e.forEach((function(e){var n=e.name,a=e.innerBlocks,o=void 0===a?[]:a,l=n.split("/"),i=jW(l,2),r=i[0];i[1];"qubely"===r&&(t=!0),!t&&o.length>0&&(t=FW(o))})),t}function HW(e){return wp.apiFetch({path:"qubely/v1/qubely_get_content",method:"POST",data:{postId:e}}).then((function(e){return e}))}function WW(e){e.forEach((function(e){var t;-1!=e.name.indexOf("core/block")&&(t=e.attributes.ref,wp.apiFetch({path:"qubely/v1/qubely_get_content",method:"POST",data:{postId:t}}).then((function(e){if(e.success){var t=QW(wp.blocks.parse(e.data),!0);t.css&&wp.apiFetch({path:"qubely/v1/append_qubely_css",method:"POST",data:{css:t.css,post_id:LW("core/editor").getCurrentPostId()}}).then((function(e){e.success}))}}))),e.innerBlocks&&e.innerBlocks.length>0&&WW(e.innerBlocks)}))}function GW(e){var t={available_blocks:[],interaction:!1,animation:!1,parallax:!1};return function e(n){n.length&&n.forEach((function(n){var a=n.name,o=n.attributes,l=n.innerBlocks,i=a.split("/"),r=jW(i,2),c=r[0],s=r[1];if("qubely"===c){if(t.available_blocks.includes(a)||t.available_blocks.push(a),!1===t.interaction&&void 0!==o.interaction){var u=o.interaction,b=u.while_scroll_into_view,p=u.mouse_movement;(void 0!==b&&!0===b.enable||void 0!==p&&!0===p.enable)&&(t.interaction=!0)}!1===t.animation&&void 0!==o.animation&&void 0!==o.animation.animation&&""!==o.animation.animation&&(t.animation=!0),!1===t.parallax&&"qubely/row"===a&&void 0!==o.rowBg&&void 0!==o.rowBg.bgimgParallax&&"animated"===o.rowBg.bgimgParallax&&(t.parallax=!0),l.length>0&&"form"!==s&&e(l)}else l.length>0&&"form"!==s&&e(l)}))}(e),t}var VW=function(){var e=IW(ke.a.mark((function e(){var t,n,a,o,l,i,r,c,s=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return ke.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return window.bindCss=!0,t=LW("core/block-editor").getBlocks(),n=FW(t),a=LW("core/editor"),o=a.getCurrentPostId,l={css:"",interaction:{}},e.next=7,wc("frontend");case 7:i=e.sent,l.css+=i,r=QW(t,!0),l.interaction=r.interaction,l.css+=r.css,s?WW(t):function e(t){var n="";t.forEach((function(t){var a;if(-1!=t.name.indexOf("core/block")&&HW(t.attributes.ref).then((a=IW(ke.a.mark((function e(t){var a;return ke.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.success){e.next=7;break}if(!(a=QW(wp.blocks.parse(t.data),!0)).css){e.next=7;break}return e.next=5,a.css;case 5:n+=e.sent,wp.apiFetch({path:"qubely/v1/append_reusable_css",method:"POST",data:{css:a.css}}).then((function(e){if(e.success){var t=localStorage.getItem("qubelyCSS");if(t){var n=JSON.parse(t);n+=a.css,localStorage.setItem("qubelyCSS",JSON.stringify(n))}}}));case 7:case"end":return e.stop()}}),e,void 0)}))),function(e){return a.apply(this,arguments)})),t.innerBlocks&&t.innerBlocks.length>0)return e(t.innerBlocks)})),localStorage.setItem("qubelyReusabelCSS",JSON.stringify(n))}(t),localStorage.setItem("qubelyCSS",JSON.stringify(l.css)),localStorage.setItem("qubelyInteraction",JSON.stringify(l.interaction)),c=GW(t),MW(o(),l,n,c,!s),window.bindCss=!1;case 18:case"end":return e.stop()}}),e,void 0)})));return function(){return e.apply(this,arguments)}}(),XW=wp.i18n.__;window.qubelyDevice="md",window.bindCss=!1,window.globalData={settings:{colorPreset1:qubely_admin.palette[0],colorPreset2:qubely_admin.palette[1],colorPreset3:qubely_admin.palette[2],colorPreset4:qubely_admin.palette[3],colorPreset5:qubely_admin.palette[4],colorPreset6:qubely_admin.palette[5]}},window.globalSaving=!1;wp.data.subscribe((function(){try{if(!1===window.bindCss){var e=wp.data.select("core/editor").hasNonPostEntityChanges(),t=wp.data.select("core/editor").isSavingPost(),n=wp.data.select("core/editor").isAutosavingPost();if(wp.data.select("core/editor").isPublishingPost()||t&&!n)VW(!0),window.bindCss=!0;else wp.data.select("core/editor").isPreviewingPost()?VW(!1):e&&$(".components-button.editor-post-publish-button.editor-post-publish-button__button.is-primary").click((function(){setTimeout((function(){!1===window.bindCss&&($(".components-button.editor-entities-saved-states__save-button.is-primary").bind("click",(function(){console.log("saving hasNonPostEntityChanges"),VW(!0)})),window.bindCss=!0)}))}))}}catch(e){console.error(e)}}));wp.blocks.updateCategory("qubely",{icon:React.createElement("img",{style:{height:"20px","margin-top":"-2px"},src:qubely_admin.plugin+"assets/img/blocks/block-qubely.svg",alt:XW("Qubely")})})}]); \ No newline at end of file +*/var a=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;function i(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var a={};return"abcdefghijklmnopqrst".split("").forEach((function(e){a[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},a)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,r,c=i(e),s=1;s0&&(s=JSON.parse(JSON.stringify(i))),l&&!s.hasOwnProperty("unit")&&(s.unit="px"),"unit"===t&&c?s.unit=e:(s=c?Object.assign(s,i,function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({},window.qubelyDevice,e)):e,s=a?so?o:s:s>1e3?1e3:s),r(s),this.setState({current:s})}},{key:"_minMax",value:function(e){var t=this._filterValue("unit");return this.props[e]&&0!=this.props[e]?"em"==t?Math.round(this.props[e]/16):this.props[e]:0}},{key:"_steps",value:function(){return"em"==this._filterValue("unit")?.001:this.props.step||1}},{key:"updateDevice",value:function(e){var t=this.props,n=t.value,a=t.onChange;void 0!==t.device&&a(P({},n,{device:e})),this.setState({device:e})}},{key:"render",value:function(){var e=this,t=this.props,n=t.unit,a=t.label,o=t.responsive,l=t.device,i=t.onDeviceChange,r=t.disabled,c=void 0!==r&&r,s=o?l||this.state.device:window.qubelyDevice;return React.createElement("div",{className:"qubely-field-range qubely-field "+(o?"qubely-responsive":"")},(a||n||o)&&React.createElement("div",{className:"qubely-d-flex qubely-align-center qubely-mb-10"},a&&React.createElement("div",null,React.createElement("label",{htmlFor:"input"},a)),o&&React.createElement(v,{device:s,commonResponsiveDevice:l,className:"qubely-ml-10",onChange:function(t){l&&i?i(t):e.updateDevice(t)}}),n&&React.createElement("div",{className:"qubely-unit-btn-group qubely-ml-auto"},("object"==(void 0===n?"undefined":N(n))?n:["px","em","%"]).map((function(t,n){return React.createElement("button",{key:n,className:e.props.value&&t==e.props.value.unit?"active":"",onClick:function(){e.setSettings(t,"unit")}},t)})))),React.createElement("div",{className:"qubely-field-child"},React.createElement("div",{className:"qubely-input-range"},React.createElement("input",{type:"range",min:this._minMax("min"),max:this._minMax("max"),value:this._filterValue(),step:this._steps(),disabled:c,onChange:function(t){return e.setSettings(e._filterValue()==t.target.value?"":t.target.value,"range")}}),React.createElement("input",P({type:"number",step:this._steps(),onChange:function(t){return e.setSettings(t.target.value,"range")},value:this._filterValue()+(this.props.suffix?this.props.suffix:""),disabled:c},this.props.suffix&&{disabled:!0})))))}}]),t}(wp.element.Component),L=n(104),z={insert:"head",singleton:!1},A=(p()(L.a,z),L.a.locals,function(){function e(e,t){for(var n=0;n0&&clearTimeout(this.timer),this.timer=setTimeout((function(){o.css(l)}),300)}this.setState({isAnimate:!a})}}},{key:"render",value:function(){var e=this,t=this.props,n=t.value,a=t.label,o=t.uniqueId,l=!(!n||1!==n.openAnimation);return React.createElement("div",{className:"qubely-fields qubely-animation qubely-field-alt"},React.createElement(Q,{clear:!0,label:a||"",noValue:"None",value:n.animation||"",options:[["fade",V("Fade")],["slide",V("Slide")],["bounce",V("Bounce")],["zoom",V("Zoom")],["flip",V("Flip")],["fold",V("Fold")],["rotate","Rotate"]],onChange:function(t){return e.setSettings("animation",t)}}),l&&React.createElement(K,null,React.createElement(Q,{label:V("Direction"),value:n.direction||"center",options:this._valueChange(n.animation,"data"),onChange:function(t){return e.setSettings("direction",t)}}),React.createElement(Q,{label:V("Repeat"),value:n.repeat||"once",options:[["once",V("Once")],["loop",V("Loop")]],onChange:function(t){return e.setSettings("repeat",t)}}),React.createElement(I,{label:V("Duration"),min:0,max:2e3,value:n.duration||1e3,onChange:function(t){return e.setSettings("duration",t)}}),React.createElement(I,{label:V("Delay"),min:0,max:3e3,value:n.delay||0,onChange:function(t){return e.setSettings("delay",t)}}),n&&"bounce"!=n.animation&&"zoom"!=n.animation&&React.createElement(Q,{label:V("Curve"),value:n.curve||"ease-in-out",options:["ease-in-out","ease","ease-in","ease-out","linear"],onChange:function(t){return e.setSettings("curve",t)}}),void 0!==o&&React.createElement("button",{onClick:function(){return e.doAnimate()},className:"components-button is-button is-default is-primary is-large"}," ",this.state.isAnimate&&"loop"===n.repeat?"Stop":"Animate"," ")))}}]),t}(J),te=n(105),ne={insert:"head",singleton:!1},ae=(p()(te.a,ne),te.a.locals,function(){function e(e,t){for(var n=0;n0&&o.map((function(t,a){return React.createElement("span",{key:a,className:"qubely-media-image-parent"},React.createElement("img",{src:e.isUrl(t.url),alt:me("image")}),l&&React.createElement("div",{className:"qubely-media-actions qubely-field-button-list"},React.createElement(qe,{text:me("Edit")},React.createElement("button",{className:"qubely-button","aria-label":me("Edit"),onClick:n,role:"button"},React.createElement("span",{"aria-label":me("Edit"),className:"fas fa-pencil-alt fa-fw"}))),React.createElement(qe,{text:me("Remove")},React.createElement("button",{className:"qubely-button","aria-label":me("Remove"),onClick:function(){return e.removeImage(a)},role:"button"},React.createElement("span",{"aria-label":me("Close"),className:"far fa-trash-alt fa-fw"})))))})),React.createElement("div",{onClick:n,className:"qubely-placeholder-image"},React.createElement("div",{className:"dashicon dashicons dashicons-insert"}),React.createElement("div",null,me("Insert")))):o&&o.url?React.createElement("span",{className:"qubely-media-image-parent"},i?React.createElement("video",{controls:!0,autoPlay:!0,loop:!0,src:o.url}):React.createElement("img",{src:e.isUrl(o.url),alt:me("image")}),l&&React.createElement("div",{className:"qubely-media-actions qubely-field-button-list"},React.createElement(qe,{text:me("Edit")},React.createElement("button",{className:"qubely-button","aria-label":me("Edit"),onClick:n,role:"button"},React.createElement("span",{"aria-label":me("Edit"),className:"fas fa-pencil-alt fa-fw"}))),React.createElement(qe,{text:me("Remove")},React.createElement("button",{className:"qubely-button","aria-label":me("Remove"),onClick:function(){return e.removeImage(o.id)},role:"button"},React.createElement("span",{"aria-label":me("Close"),className:"far fa-trash-alt fa-fw"}))))):React.createElement("div",{onClick:n,className:"qubely-placeholder-image"},React.createElement("div",{className:"dashicon dashicons dashicons-insert"}),React.createElement("div",null,me("Insert")))))}}))}}]),t}(ge)),we=n(4),ke=n.n(we),Ee=n(107),Re={insert:"head",singleton:!1},Ce=(p()(Ee.a,Re),Ee.a.locals,n(3)),Se=n.n(Ce),Be=Object.assign||function(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{};return De((function(t){return function(n){function a(){var t=this;Oe(this,a);var n=Pe(this,(a.__proto__||Object.getPrototypeOf(a)).apply(this,arguments));return n.getGlobalSettings=_e(ke.a.mark((function e(){var a,o;return ke.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,JSON.parse(localStorage.getItem("qubely-global-settings"));case 2:a=e.sent,void 0!==(o=a.colors)&&n.setState({globalColors:o});case 5:case"end":return e.stop()}}),e,t)}))),n.setState=n.setState.bind(n),n.state=e,n}return Ne(a,n),Te(a,[{key:"componentDidMount",value:function(){this.getGlobalSettings()}},{key:"render",value:function(){return React.createElement(t,Be({},this.props,this.state,{setState:this.setState}))}}]),a}(Ie)}),"withGLobalColor")}()((function(e){var t=e.value,n=e.label,a=e.onChange,o=e.className,l=e.globalColors,i=e.disableClear,r=e.disableAlpha,c=e.disablePalette,s=Se()("qubely-field","qubely-d-flex","qubely-field-color","qubely-align-center",function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({},o,o));return React.createElement("div",{className:s},n&&React.createElement("label",{className:"qubely-mb-0"},je(n)),React.createElement(Ae,{position:"top center",className:"qubely-ml-auto",renderToggle:function(e){var n=e.isOpen,a=e.onToggle;return React.createElement("div",{className:"qubely-color-picker-container"},React.createElement("button",{className:"qubely-color-picker",isPrimary:!0,onClick:a,"aria-expanded":n,style:t?{backgroundColor:t}:{backgroundColor:"transparent"}}))},renderContent:function(){return React.createElement("span",null,React.createElement(Me,{color:t||"",onChangeComplete:function(e){e.rgb&&a(1!=e.rgb.a?"rgba("+e.rgb.r+","+e.rgb.g+","+e.rgb.b+","+e.rgb.a+")":e.hex)},disableAlpha:r||!1}),!c&&React.createElement("div",{className:"qubely-rgba-palette"},l.map((function(e,t){return React.createElement("button",{style:{color:"var(--qubely-color-"+(t+1)+")"},onClick:function(){return a("var(--qubely-color-"+(t+1)+")")}})}))))}}),""!=t&&!i&&React.createElement(ze,{text:je("Clear")},React.createElement("div",{className:"qubely-ml-10"},React.createElement("span",{className:"qubely-border-clear",onClick:function(){return a("")},role:"button"},React.createElement("i",{className:"fas fa-undo"})))))})),Ue=n(108),Qe={insert:"head",singleton:!1},Fe=(p()(Ue.a,Qe),Ue.a.locals,function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var n=[],a=!0,o=!1,l=void 0;try{for(var i,r=e[Symbol.iterator]();!(a=(i=r.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){o=!0,l=e}finally{try{!a&&r.return&&r.return()}finally{if(o)throw l}}return n}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")}),He=Object.assign||function(e){for(var t=1;t0?this.props.onChange(lt):this.props.onChange(He({},lt,e))}},{key:"setSettings",value:function(e,t){this.props.onChange(Object.assign({},this.props.value,Ge({},t,e)))}},{key:"render",value:function(){var e,t=this,n=this.props.value,a=[["color1",Ke("Color 1"),"#cccccc","left"],["color2",Ke("Color 2"),"#1f91f3","right"]];return React.createElement("div",{className:"qubely-gradient qubely-field inline"},React.createElement("div",{className:"qubely-field-gradient-preview qubely-mb-20",style:Ge({background:"-webkit-linear-gradient("+(n.direction>90?90-n.direction+360:90-n.direction)+"deg,"+n.color1+" "+n.start+"%, "+n.color2+" "+n.stop+"%)"},"background","linear-gradient("+n.direction+"deg,"+n.color1+" "+n.start+"%, "+n.color2+" "+n.stop+"%)")},a.map((function(e,a){var o=Fe(e,4),l=o[0],i=o[1],r=o[2],c=o[3];return React.createElement(nt,{key:a,position:"bottom left",className:"qubely-gradient-color gradient-color-position-"+c,contentClassName:"qubely-gradient-color-picker",renderToggle:function(e){var t=e.isOpen,a=e.onToggle;return React.createElement("div",{className:"qubely-color-picker-container qubely-position-"+c},React.createElement(ot,{text:i},React.createElement("button",{className:"qubely-color-picker",isPrimary:!0,onClick:a,"aria-expanded":t,style:{backgroundColor:n[l]||r}})))},renderContent:function(){return t.renderColorPicker(l,r)}})}))),React.createElement("div",{className:"qubely-d-flex qubely-align-center qubely-mb-20"},React.createElement("div",null,Ke("Gradient Type")),React.createElement("div",{className:"qubely-field-button-list qubely-ml-auto"},["linear","radial"].map((function(e,a){return React.createElement("button",{className:(n.type==e?"active":"")+" qubely-button",key:a,onClick:function(){return t.setSettings(e,"type")}},"linear"==e?React.createElement(ot,{text:Ke("Linear")},"linear"==n.type?React.createElement("svg",{width:"18",height:"17",viewBox:"0 0 18 17",xmlns:"http://www.w3.org/2000/svg"},React.createElement("defs",null,React.createElement("linearGradient",{x1:"50%",y1:"0%",x2:"50%",y2:"100%",id:"a"},React.createElement("stop",{"stop-color":"#E7E8EB",offset:"0%"}),React.createElement("stop",{"stop-color":"#2184F9",offset:"100%"}))),React.createElement("g",{transform:"translate(.526)",fill:"none"},React.createElement("rect",{stroke:"#2184F9",x:".5",y:".5",width:"16",height:"16",rx:"2"}),React.createElement("rect",{fill:"url(#a)",x:"3.091",y:"3.091",width:"10.818",height:"10.818",rx:"1"}))):React.createElement("svg",{width:"17",height:"17",viewBox:"0 0 17 17",xmlns:"http://www.w3.org/2000/svg"},React.createElement("defs",null,React.createElement("linearGradient",{x1:"50%",y1:"0%",x2:"50%",y2:"100%",id:"b"},React.createElement("stop",{"stop-color":"#fff",offset:"0%"}),React.createElement("stop",{"stop-color":"#D0D1D3",offset:"100%"}))),React.createElement("g",{transform:"translate(0 0)",fill:"none"},React.createElement("rect",{stroke:"#D0D1D3",x:".5",y:".5",width:"16",height:"16",rx:"2"}),React.createElement("rect",{fill:"url(#b)",x:"3.091",y:"3.091",width:"10.818",height:"10.818",rx:"1"})))):React.createElement(ot,{text:Ke("Radial")},"radial"==n.type?React.createElement("svg",{width:"17",height:"17",viewBox:"0 0 17 17",xmlns:"http://www.w3.org/2000/svg"},React.createElement("defs",null,React.createElement("radialGradient",{fx:"50%",fy:"50%",r:"49.832%",gradientTransform:"matrix(0 1 -1.015 0 1.007 0)",id:"c"},React.createElement("stop",{"stop-color":"#fff",offset:"0%"}),React.createElement("stop",{"stop-color":"#2184F9",offset:"100%"}))),React.createElement("g",{transform:"translate(0 0)",fill:"none"},React.createElement("rect",{stroke:"#2184F9",x:".5",y:".5",width:"16",height:"16",rx:"2"}),React.createElement("rect",{fill:"#2184F9",x:"3.091",y:"3.091",width:"10.818",height:"10.818",rx:"1"}),React.createElement("circle",{fill:"url(#c)",cx:"8.5",cy:"8.5",r:"5.409"}))):React.createElement("svg",{width:"17",height:"17",viewBox:"0 0 17 17",xmlns:"http://www.w3.org/2000/svg"},React.createElement("defs",null,React.createElement("radialGradient",{fx:"50%",fy:"50%",gradientTransform:"matrix(0 1 -1.015 0 1.007 0)",id:"d"},React.createElement("stop",{"stop-color":"#fff",offset:"0%"}),React.createElement("stop",{"stop-color":"#D0D1D3",offset:"100%"}))),React.createElement("g",{transform:"translate(0 0)",fill:"none"},React.createElement("rect",{stroke:"#D0D1D3",x:".5",y:".5",width:"16",height:"16",rx:"2"}),React.createElement("rect",{fill:"#D0D1D3",x:"3.091",y:"3.091",width:"10.818",height:"10.818",rx:"1"}),React.createElement("circle",{fill:"url(#d)",cx:"8.5",cy:"8.5",r:"5.409"})))))})))),"radial"==n.type?React.createElement(Q,(Ge(e={label:Ke("Gradient Position")},"label",Ke("Radial Pointer")),Ge(e,"value",n.radial),Ge(e,"className",n.type&&"radial"==n.type?"half":""),Ge(e,"value",n.radial?n.radial:"center"),Ge(e,"options",["center","top left","top","top right","right","bottom right","bottom","bottom left","left"]),Ge(e,"onChange",(function(e){return t.setSettings(e,"radial")})),e)):React.createElement(I,{label:Ke("Gradient Angle"),min:0,max:360,step:1,beforeIcon:"image-rotate",allowReset:!0,value:n.direction||90,onChange:function(e){return t.setSettings(e,"direction")}}),React.createElement(I,{label:Ke("Color 1 Stop"),value:n.start||5,onChange:function(e){return t.setSettings(e,"start")},min:0,max:100,step:1,beforeIcon:"arrow-up-alt",allowReset:!0}),React.createElement(I,{label:Ke("Color 2 Start"),value:n.stop||80,onChange:function(e){return t.setSettings(e,"stop")},min:0,max:100,step:1,beforeIcon:"arrow-down-alt",allowReset:!0}))}}]),t}(Ze),rt=n(109),ct={insert:"head",singleton:!1},st=(p()(rt.a,ct),rt.a.locals,Object.assign||function(e){for(var t=1;te[a].viewport){t=e[a];break}return null===t&&(t=e[e.length-1]),t.viewport<=1199?t.viewport<=991?"xs":"sm":"md"}},n.finddotLength=function(){var e=n.props.options.items,t=n.parseResponsiveViewPort(),a=$(".qubely-carousel-extended-outer-stage").find(".clone").length,o=$(".qubely-carousel-extended-outer-stage").find(".qubely-carousel-item").length-a;return Math.floor(o/e[t])},n.state={device:""},n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),kn(t,[{key:"componentDidMount",value:function(){var e=this.parseResponsiveViewPort();this.setState({device:e}),n(405),this.init(this.getOptions())}},{key:"componentWillReceiveProps",value:function(e){this.destroy()}},{key:"componentDidUpdate",value:function(e,t){var n,a;n=e.options,a=this.props.options,function e(t,n){var a=Object.prototype.toString.call(t);if(a!==Object.prototype.toString.call(n))return!1;if(["[object Array]","[object Object]"].indexOf(a)<0)return!1;var o="[object Array]"===a?t.length:Object.keys(t).length;if(o!==("[object Array]"===a?n.length:Object.keys(n).length))return!1;var l=function(t,n){var a=Object.prototype.toString.call(t);if(["[object Array]","[object Object]"].indexOf(a)>=0){if(!e(t,n))return!1}else{if(a!==Object.prototype.toString.call(n))return!1;if("[object Function]"===a){if(t.toString()!==n.toString())return!1}else if(t!==n)return!1}};if("[object Array]"===a){for(var i=0;in.items[a]?Math.ceil(t.length/2):n.items[a];return Array(parseInt(i)).fill(0).map((function(e,n){var a=Cn(t[Math.max(0,t.length-1-n)],{className:"clone qubely-carousel-item"}),i=Cn(t[Math.min(n,t.length-1)],{className:"clone qubely-carousel-item"});o.push(i),l.push(a)})),{firstChilds:o,lastChilds:l}}},{key:"createDotsItems",value:function(){var e=this.props,t=e.children,n=e.options.items,a=this.parseResponsiveViewPort(),o=Math.floor(t.length/n[a]);return Array(o).fill(0).map((function(e,t){return React.createElement("li",{key:t,className:"qubely-carousel-dot-"+t+(0===t?" active":"")},React.createElement("span",{className:"dot-indicator"}))}))}},{key:"render",value:function(){var e=this,t=this.props,n=t.options,a=n.nav,o=n.dots,l=n.arrowStyle,i=n.arrowPosition,r=t.children,c=this.cloneItems();return React.createElement("div",wn({className:"qubely-carousel qubely-carousel-wrapper",ref:function(t){return e.$node=$(Bn(t))}},this.props.options),React.createElement("div",{className:"qubely-carousel-extended-list"},React.createElement("div",{className:"qubely-carousel-extended-outer-stage"},c.lastChilds,r,c.firstChilds)),React.createElement("div",{className:"qubely-carousel-nav-control"},a&&React.createElement(Sn,null,React.createElement("span",{className:"next-control nav-control "+i,onClick:function(){return e.$qubelyCarousel.navigate("next")}},"arrowright2"==l?React.createElement("span",{className:"fas fa-angle-right"}):React.createElement("span",{className:"fas fa-arrow-right"})),React.createElement("span",{className:"prev-control nav-control "+i,onClick:function(){return e.$qubelyCarousel.navigate("prev")}},"arrowright2"==l?React.createElement("span",{className:"fas fa-angle-left"}):React.createElement("span",{className:"fas fa-arrow-left"})))),o&&React.createElement("div",{className:"qubely-carousel-dots"},React.createElement("ul",null,this.createDotsItems())))}}]),t}(Rn),On=function(){function e(e,t){for(var n=0;n=o?t+o:l>=50?t+50:t+1}),n.isDone()};var a=n.props,o=a.number,l=a.counterDuration;return n.state={count:0,upperLimit:o,counterDuration:l,increment:Math.ceil(o/l*10)},n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),Yn(t,[{key:"componentDidMount",value:function(){this.state.count0?e?a?n[window.qubelyDevice]&&n[window.qubelyDevice][e]||"":n[e]:a?n[window.qubelyDevice]||"":n:""}},{key:"setSettings",value:function(e,t){var n=this.props,a=n.responsive,o=n.value,l=n.onChange,i=n.max,r=n.min,c=e;null!=(void 0===r?"undefined":Wn(r))&&(c=ei?i:c);var s=this.state.lock&&"unit"!=t?{top:c,right:c,bottom:c,left:c}:Vn({},t,c);s=Object.assign({},a?o[window.qubelyDevice]||{}:o,s);var u=Object.assign({},o,a?Vn({},window.qubelyDevice,s):s);u.unit=s.unit||"px",l(u),this.setState({current:u})}},{key:"render",value:function(){var e=this,t=this.props,n=t.unit,a=t.label,o=t.responsive,l=t.device,i=t.onDeviceChange,r=t.clientId,c=t.min,s=t.max,u=o?l||this.state.device:window.qubelyDevice;return React.createElement("div",{className:"qubely-field-dimension qubely-field "+(o?"qubely-responsive":"")},React.createElement("div",{className:"qubely-d-flex qubely-align-center qubely-mb-10"},a&&React.createElement("div",null,React.createElement("label",{htmlFor:"input"},a)),o&&React.createElement(v,{device:u,commonResponsiveDevice:l,className:"qubely-ml-10",onChange:function(e){i(e)}}),n&&React.createElement("div",{className:"qubely-unit-btn-group qubely-ml-auto"},("object"==(void 0===n?"undefined":Wn(n))?n:["px","em","%"]).map((function(t){return React.createElement("button",{className:e.props.value&&t==e.props.value.unit?"active":"",onClick:function(){e.setSettings(t,"unit")}},t)})))),React.createElement("div",{className:"qubely-field-child"},React.createElement("div",{className:"qubely-dimension-input-group"+(this.props.noLock?"":" hasLock")},["top","right","bottom","left"].map((function(t,n){return React.createElement("span",null,React.createElement("input",Hn({type:"number"},null!=(void 0===c?"undefined":Wn(c))?{min:c}:"",s?{max:s}:"",{value:e._filterValue(t),onChange:function(n){e.setSettings(n.target.value,t),r&&$("#block-"+r+" .qubely-section").addClass("active")},onBlur:function(e){r&&$("#block-"+r+" .qubely-section").removeClass("active")}})),React.createElement("span",null,e.props.dataLabel?e.props.dataLabel[n]:t))})),!this.props.noLock&&React.createElement("button",{className:(this.state.lock?"active ":"")+"qubely-button",onClick:function(){return e.setState({lock:!e.state.lock})}},this.state.lock?React.createElement("span",{className:"fas fa-lock"}):React.createElement("span",{className:"fas fa-unlock"})))))}}]),t}(wp.element.Component),Jn=n(114),Kn={insert:"head",singleton:!1},$n=(p()(Jn.a,Kn),Jn.a.locals,"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e}),Zn=Object.assign||function(e){for(var t=1;t2?ha.forEach((function(e){e.includes(r)&&c.push(e)})):c=ha,React.createElement("div",{className:"qubely-field qubely-field-icon-list "+(a?"":"qubely-toggle-enabled")},this.props.label&&React.createElement(ka,null,a?React.createElement("label",null,this.props.label):React.createElement(dn,{label:this.props.label,className:"qubely-icon-list-toggle",value:!!this.props.value,onChange:function(){return e.props.onChange(e.props.value?"":" ")}})),o&&React.createElement(Ye,{label:qa(" Color"),value:l||"#ccc",onChange:function(e){return i(e)}}),(a||""!=this.props.value)&&React.createElement("div",{className:"qubely-icon-list-wrapper"},React.createElement("input",{type:"text",value:this.state.filterText,placeholder:"Search...",onChange:function(t){return e.setState({filterText:t.target.value})},autoComplete:"off"}),React.createElement("div",{className:"qubely-icon-list-icons"},c.map((function(t,a){return React.createElement("span",{key:a,className:n==t?"qubely-active":"",onClick:function(n){e.props.onChange(t)}},React.createElement("span",{className:t}))})))))}}]),t}(wa),Ra=function(){function e(e,t){for(var n=0;n=2?o.filter((function(e){return-1!==e.name.toLowerCase().search(r.toLowerCase())})):o,React.createElement("div",{className:"qubely-field qubely-field-icon-list qubely-field-icon-list-selector"},a&&React.createElement("label",null,a),React.createElement("div",{className:"qubely-icon-list-wrapper"},l&&React.createElement("input",{type:"text",value:r,placeholder:"Search...",onChange:function(t){return e.setState({filterText:t.target.value})},autoComplete:"off"}),React.createElement("div",{className:"qubely-icon-list-icons"},c.map((function(e,t){return React.createElement("span",{key:t,className:n==e?"qubely-active":"",onClick:function(){return i(e)}},React.createElement("span",{className:e.value}))})))))}}]),t}(wp.element.Component),Sa=n(117),Ba={insert:"head",singleton:!1},Ta=(p()(Sa.a,Ba),Sa.a.locals,function(){function e(e,t){for(var n=0;n1&&void 0!==arguments[1]?arguments[1]:null;if(null===t)return void 0!==this.actionSortList[e]?this.actionSortList[e]:[];var n={from:null,to:null},a=void 0!==this.actionSortList[e]?this.actionSortList[e]:[];if(0===a.length)return n;var o=!1;return a.map((function(e,l){t1&&void 0!==arguments[1]?arguments[1]:{};ja(this,e),this.width=null,this.height=null,this.clientWidth=null,this.clientHeight=null,this.left=null,this.top=null,this.gammazero=null,this.betazero=null,this.lastgammazero=null,this.lastbetazero=null,this.transitionTimeout=null,this.updateCall=null,this.event=null,this.updateBind=this.update.bind(this),this.resetBind=this.reset.bind(this),this.element=t,this.destroys=!1,this.settings=this.extendSettings(n),this.reverse=this.settings.reverse?-1:1,this.glare=e.isSettingTrue(this.settings.glare),this.glarePrerender=e.isSettingTrue(this.settings["glare-prerender"]),this.fullPageListening=e.isSettingTrue(this.settings["full-page-listening"]),this.gyroscope=e.isSettingTrue(this.settings.gyroscope),this.gyroscopeSamples=this.settings.gyroscopeSamples,this.elementListener=this.getElementListener(),this.wrapWithParent(),this.glare&&this.prepareGlare(),this.fullPageListening&&this.updateClientSize(),this.addEventListeners(),this.updateInitialPosition()}return Na(e,[{key:"getElementListener",value:function(){return this.element}},{key:"addEventListeners",value:function(){this.onMouseEnterBind=this.onMouseEnter.bind(this),this.onMouseMoveBind=this.onMouseMove.bind(this),this.onMouseLeaveBind=this.onMouseLeave.bind(this),this.onWindowResizeBind=this.onWindowResize.bind(this),this.onDeviceOrientationBind=this.onDeviceOrientation.bind(this),this.elementListener.addEventListener("mouseenter",this.onMouseEnterBind),this.elementListener.addEventListener("mouseleave",this.onMouseLeaveBind),this.elementListener.addEventListener("mousemove",this.onMouseMoveBind),(this.glare||this.fullPageListening)&&window.addEventListener("resize",this.onWindowResizeBind),this.gyroscope&&window.addEventListener("deviceorientation",this.onDeviceOrientationBind)}},{key:"removeEventListeners",value:function(){this.elementListener.removeEventListener("mouseenter",this.onMouseEnterBind),this.elementListener.removeEventListener("mouseleave",this.onMouseLeaveBind),this.elementListener.removeEventListener("mousemove",this.onMouseMoveBind),this.gyroscope&&window.removeEventListener("deviceorientation",this.onDeviceOrientationBind),(this.glare||this.fullPageListening)&&window.removeEventListener("resize",this.onWindowResizeBind)}},{key:"destroy",value:function(){clearTimeout(this.transitionTimeout),null!==this.updateCall&&cancelAnimationFrame(this.updateCall),this.reset(),this.destroys=!0,this.unWrapParent(this.element),this.removeEventListeners(),void 0!==this.element.mouseTilt&&(this.element.mouseTilt=null,delete this.element.mouseTilt),this.element=null}},{key:"onDeviceOrientation",value:function(e){if(null!==e.gamma&&null!==e.beta){this.updateElementPosition(),this.gyroscopeSamples>0&&(this.lastgammazero=this.gammazero,this.lastbetazero=this.betazero,null===this.gammazero?(this.gammazero=e.gamma,this.betazero=e.beta):(this.gammazero=(e.gamma+this.lastgammazero)/2,this.betazero=(e.beta+this.lastbetazero)/2),this.gyroscopeSamples-=1);var t=this.settings.gyroscopeMaxAngleX-this.settings.gyroscopeMinAngleX,n=this.settings.gyroscopeMaxAngleY-this.settings.gyroscopeMinAngleY,a=t/this.width,o=n/this.height,l=(e.gamma-(this.settings.gyroscopeMinAngleX+this.gammazero))/a,i=(e.beta-(this.settings.gyroscopeMinAngleY+this.betazero))/o;null!==this.updateCall&&cancelAnimationFrame(this.updateCall),this.event={clientX:l+this.left,clientY:i+this.top},this.updateCall=requestAnimationFrame(this.updateBind)}}},{key:"wrapWithParent",value:function(){if(void 0!==this.element.parentElement&&null!==this.element.parentElement&&"qubley-interaction-wrapper"===this.element.parentElement.className&&(this.element=this.element.parentElement),"qubley-interaction-wrapper"!==this.element.className&&"qubley-interaction-wrapper"!==this.element.parentElement.className){var e=document.createElement("div");e.setAttribute("class","qubley-interaction-wrapper"),this.element.parentNode.insertBefore(e,this.element),e.appendChild(this.element),this.element=e}}},{key:"unWrapParent",value:function(e){if(null!==e.parentNode&&"qubley-interaction-wrapper"===e.parentElement.className&&(e=e.parentElement),"qubley-interaction-wrapper"===e.className&&null!==e.parentNode){var t=e.childNodes;if(t.length>0){var n=e.parentNode.insertBefore(t[0],e);e.parentElement.removeChild(e),this.element=n}}}},{key:"onMouseEnter",value:function(){this.wrapWithParent(),this.updateElementPosition(),this.element.style.willChange="transform",this.setTransition()}},{key:"onMouseMove",value:function(e){null!==this.updateCall&&cancelAnimationFrame(this.updateCall),this.event=e,this.updateCall=requestAnimationFrame(this.updateBind)}},{key:"onMouseLeave",value:function(){this.setTransition(),this.settings.reset&&requestAnimationFrame(this.resetBind)}},{key:"reset",value:function(){this.event={clientX:this.left+this.width/2,clientY:this.top+this.height/2},null!==this.element&&null!==this.element.parentElement&&"qubley-interaction-wrapper"===this.element.parentElement.className&&(this.element=this.element.parentElement),"qubley-interaction-wrapper"===this.element.className&&(this.element&&this.element.style&&(this.element.style.transform="perspective("+this.settings.perspective+"px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1)"),this.resetGlare())}},{key:"resetGlare",value:function(){this.glare&&(this.glareElement.style.transform="rotate(180deg) translate(-50%, -50%)",this.glareElement.style.opacity="0")}},{key:"updateInitialPosition",value:function(){if(0!==this.settings.startX||0!==this.settings.startY){this.onMouseEnter(),this.fullPageListening?this.event={clientX:(this.settings.startX+this.settings.max)/(2*this.settings.max)*this.clientWidth,clientY:(this.settings.startY+this.settings.max)/(2*this.settings.max)*this.clientHeight}:this.event={clientX:this.left+(this.settings.startX+this.settings.max)/(2*this.settings.max)*this.width,clientY:this.top+(this.settings.startY+this.settings.max)/(2*this.settings.max)*this.height};var e=this.settings.scale;this.settings.scale=1,this.update(),this.settings.scale=e,this.resetGlare()}}},{key:"getValues",value:function(){var e=void 0,t=void 0;return this.fullPageListening?(e=this.event.clientX/this.clientWidth,t=this.event.clientY/this.clientHeight):(e=(this.event.clientX-this.left)/this.width,t=(this.event.clientY-this.top)/this.height),e=Math.min(Math.max(e,0),1),t=Math.min(Math.max(t,0),1),{tiltX:(this.reverse*(this.settings.max-e*this.settings.max*2)).toFixed(2),tiltY:(this.reverse*(t*this.settings.max*2-this.settings.max)).toFixed(2),percentageX:100*e,percentageY:100*t,angle:Math.atan2(this.event.clientX-(this.left+this.width/2),-(this.event.clientY-(this.top+this.height/2)))*(180/Math.PI)}}},{key:"updateElementPosition",value:function(){var e=this.element.getBoundingClientRect();this.width=this.element.offsetWidth,this.height=this.element.offsetHeight,this.left=e.left,this.top=e.top}},{key:"updateBorder",value:function(){this.element.style.border="1px solid red"}},{key:"update",value:function(){var e=this.getValues();this.element.style.transform="perspective("+this.settings.perspective+"px) rotateX("+("x"===this.settings.axis?0:e.tiltY)+"deg) rotateY("+("y"===this.settings.axis?0:e.tiltX)+"deg) scale3d("+this.settings.scale+", "+this.settings.scale+", "+this.settings.scale+")",this.glare&&(this.glareElement.style.transform="rotate("+e.angle+"deg) translate(-50%, -50%)",this.glareElement.style.opacity=""+e.percentageY*this.settings["max-glare"]/100),this.element.dispatchEvent(new CustomEvent("tiltChange",{detail:e})),this.updateCall=null}},{key:"prepareGlare",value:function(){if(!this.glarePrerender){var e=document.createElement("div");e.classList.add("js-tilt-glare");var t=document.createElement("div");t.classList.add("js-tilt-glare-inner"),e.appendChild(t),this.element.appendChild(e)}this.glareElementWrapper=this.element.querySelector(".js-tilt-glare"),this.glareElement=this.element.querySelector(".js-tilt-glare-inner"),this.glarePrerender||(Object.assign(this.glareElementWrapper.style,{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",overflow:"hidden","pointer-events":"none"}),Object.assign(this.glareElement.style,{position:"absolute",top:"50%",left:"50%","pointer-events":"none","background-image":"linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%)",width:2*this.element.offsetWidth+"px",height:2*this.element.offsetWidth+"px",transform:"rotate(180deg) translate(-50%, -50%)","transform-origin":"0% 0%",opacity:"0"}))}},{key:"updateGlareSize",value:function(){this.glare&&Object.assign(this.glareElement.style,{width:""+2*this.element.offsetWidth,height:""+2*this.element.offsetWidth})}},{key:"updateClientSize",value:function(){this.clientWidth=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,this.clientHeight=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight}},{key:"onWindowResize",value:function(){this.updateGlareSize(),this.updateClientSize()}},{key:"setTransition",value:function(){var e=this;clearTimeout(this.transitionTimeout),this.element.style.transition=this.settings.speed+"ms "+this.settings.easing,this.glare&&(this.glareElement.style.transition="opacity "+this.settings.speed+"ms "+this.settings.easing),this.transitionTimeout=setTimeout((function(){e.element.style.transition="",e.glare&&(e.glareElement.style.transition="")}),this.settings.speed)}},{key:"extendSettings",value:function(e){var t={reverse:!1,max:15,startX:0,startY:0,perspective:1e3,easing:"cubic-bezier(.03,.98,.52,.99)",scale:1,speed:300,transition:!0,axis:null,glare:!1,"max-glare":1,"glare-prerender":!1,"full-page-listening":!1,"mouse-event-element":null,reset:!0,gyroscope:!0,gyroscopeMinAngleX:-45,gyroscopeMaxAngleX:45,gyroscopeMinAngleY:-45,gyroscopeMaxAngleY:45,gyroscopeSamples:10},n={};for(var a in t)if(a in e)n[a]=e[a];else if(this.element.hasAttribute("data-tilt-"+a)){var o=this.element.getAttribute("data-tilt-"+a);try{n[a]=JSON.parse(o)}catch(e){n[a]=o}}else n[a]=t[a];return n}}],[{key:"isSettingTrue",value:function(e){return""===e||!0===e||1===e}},{key:"init",value:function(t,n){t.mouseTilt=new e(t,n)}}]),e}(),za=new(function(){function e(){ja(this,e),this.element=null,this.addonId=null}return Na(e,[{key:"parseBeforeFixedWindowPosition",value:function(e){var t={move:null,scale:null,skew:null,opacity:null,blur:null,rotate:null},n=new Ia(e);n.bindCustomAnimation();var a={move:{x:0,y:0,z:0},scale:{x:1,y:1,z:1},skew:{x:0,y:0},rotate:{x:0,y:0,z:0},opacity:0,blur:0};return Object.keys(t).forEach((function(e){t[e]=n.getCustomAnimationActionByName(e),null!==t[e]&&t[e].length>0&&(a[e]=t[e][0].property)})),Object.keys(a).forEach((function(e){void 0!==a[e].x&&(a[e].x=""===a[e].x?0:parseFloat(a[e].x)),void 0!==a[e].y&&(a[e].y=""===a[e].y?0:parseFloat(a[e].y)),void 0!==a[e].z&&(a[e].z=""===a[e].z?0:parseFloat(a[e].z))})),"{\n 'will-change': \"transform\";\n 'transform' : \"translate3d("+a.move.x+"px, "+a.move.y+"px, "+a.move.z+"px) \n scale3d("+a.scale.x+", "+a.scale.y+", "+a.scale.z+")\n rotateX("+a.rotate.x+"deg) rotateY("+a.rotate.y+"deg) rotateZ("+a.rotate.y+"deg) \n skew("+a.skew.x+"deg, "+a.skew.y+'deg)";\n }'}},{key:"parseScrollAction",value:function(e,t,n){var a=new Ia(e);a.bindCustomAnimation();var o={move:{from:{x:0,y:0,z:0,keyframe:0,f:!1},to:{x:0,y:0,z:0,keyframe:0,f:!1},goal:{x:0,y:0,z:0,keyframe:0}},scale:{from:{x:1,y:1,z:1,keyframe:0},to:{x:1,y:1,z:1,keyframe:0},goal:{x:1,y:1,z:1,keyframe:0}},skew:{from:{x:0,y:0,keyframe:0},to:{x:0,y:0,keyframe:0},goal:{x:0,y:0,keyframe:0}},rotate:{from:{x:0,y:0,z:0,keyframe:0},to:{x:0,y:0,z:0,keyframe:0},goal:{x:0,y:0,z:0,keyframe:0}},opacity:{from:{value:0,keyframe:0},to:{value:0,keyframe:0},goal:{value:1,keyframe:0}},blur:{from:{value:0,keyframe:0},to:{value:0,keyframe:0},goal:{value:0,keyframe:0}}};return a.actionProperty.map((function(e){var n=a.getCustomAnimationActionByName(e,t);null!==n.from&&(Object.assign(o[e].from,n.from.property),o[e].from.f=!0,o[e].from.keyframe=parseInt(n.from.keyframe),void 0!==o[e].from.x&&(o[e].from.x=""===o[e].from.x?0:parseFloat(o[e].from.x)),void 0!==o[e].from.y&&(o[e].from.y=""===o[e].from.y?0:parseFloat(o[e].from.y)),void 0!==o[e].from.z&&(o[e].from.z=""===o[e].from.z?0:parseFloat(o[e].from.z)),void 0!==o[e].from.value&&(o[e].from.value=""===o[e].from.value?0:parseFloat(o[e].from.value))),null!==n.to&&(Object.assign(o[e].to,n.to.property),void 0!==o[e].to.x&&(o[e].to.x=""===o[e].to.x?0:parseFloat(o[e].to.x),o[e].goal.x=o[e].to.x),void 0!==o[e].to.y&&(o[e].to.y=""===o[e].to.y?0:parseFloat(o[e].to.y),o[e].goal.y=o[e].to.y),void 0!==o[e].to.z&&(o[e].to.z=""===o[e].to.z?0:parseFloat(o[e].to.z),o[e].goal.z=o[e].to.z),void 0!==o[e].to.value&&(o[e].to.value=""===o[e].to.value?0:parseFloat(o[e].to.value),o[e].goal.value=o[e].to.value),o[e].to.keyframe=parseInt(n.to.keyframe),o[e].to.f=!0),!0===o[e].to.f&&!0===o[e].from.f&&void 0===n.fixed&&(o[e]="opacity"===e||"blur"===e?a.getOpacity(e,o[e],t):"skew"===e?a.getSkew(e,o[e],t):a.getMoveTransform(e,o[e],t))})),{willChange:"opacity, transform, filter","-webkit-transition-timing-function":"linear",transitionProperty:"transform, opacity, filter",transformStyle:"preserve-3d",transformOrigin:n.x_offset+" "+n.y_offset,opacity:""+o.opacity.goal.value,filter:"blur("+o.blur.goal.value+"px)","-webkit-filter:":"blur("+o.blur.goal.value+"px)",transform:"perspective(1000px) translate3d("+o.move.goal.x+"px, "+o.move.goal.y+"px, "+o.move.goal.z+"px)\n scale3d("+o.scale.goal.x+", "+o.scale.goal.y+", "+o.scale.goal.z+")\n rotateX("+o.rotate.goal.x+"deg) rotateY("+o.rotate.goal.y+"deg) rotateZ("+o.rotate.goal.z+"deg) \n skew("+o.skew.goal.x+"deg, "+o.skew.goal.y+"deg)"}}}]),e}()),Aa=Object.assign||function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:"",a=this.props.fields,o="";if(""===n)o=Object.assign({},a,Da({},e,t));else{var l=Object.assign({},a[n],Da({},e,parseFloat(t)));o=Object.assign({},a,Da({},n,Aa({},l)))}this.props.onChange(o)}},{key:"render",value:function(){var e=this,t=this.props.fields,n=t.property,a=t.range,o=t.keyframe,l=t.title;return React.createElement("div",{className:"qubely-animation-controller-fields"},React.createElement("div",{className:"qubely-animation-control-keyframe"},React.createElement(I,{label:Qa("Timeline/Keyframe"),value:parseInt(o),onChange:function(t){return e._onChangeProperties("keyframe",t)},min:0,max:100})),React.createElement("div",{className:"qubely-animation-control-property-title"}," Action : ",l," "),React.createElement("div",{className:"qubely-animation-control-property-fields"},Object.keys(n).map((function(t,o){return React.createElement(I,{key:o,label:Qa(t),value:parseFloat(n[t]),onChange:function(n){return e._onChangeProperties(t,n,"property")},min:a.min,max:a.max,step:a.step})}))))}}]),t}(wp.element.Component),Ha={while_scroll_into_view:{enable:!1,action_list:[{id:"b3fdc1c1e6bfde5942ea",index:0,keyframe:0,name:"move",property:{x:0,y:-100,z:0},range:{max:1e3,min:-1e3,step:1},single:!0,title:"Move"},{id:"936e0225e6dc8edfba7d",index:1,keyframe:100,name:"move",property:{x:0,y:0,z:0},range:{max:1e3,min:-1e3,step:1},single:!0,title:"Move"}],transform_origin_x:"center",transform_origin_y:"center",enable_mobile:!1,enable_tablet:!1},mouse_movement:{enable:!1,mouse_tilt_direction:"Direct",mouse_tilt_speed:1,mouse_tilt_max:15,enable_mobile:!1,enable_tablet:!1}},Wa=[{name:"move",title:"Move",property:{x:0,y:-100,z:0},range:{max:1e3,min:-1e3,step:1}},{name:"scale",title:"Scale",property:{x:1,y:1,z:1},range:{max:3,min:0,step:.1}},{name:"rotate",title:"Rotate",property:{x:0,y:-100,z:0},range:{max:1e3,min:-1e3,step:1}},{name:"skew",title:"Skew",property:{x:0,y:-100},range:{max:80,min:-80,step:1}},{name:"opacity",title:"Opacity",property:{value:0},range:{max:1,min:0,step:.1}},{name:"blur",title:"Blur",property:{value:0},range:{max:100,min:0,step:1}}],Ga=n(199),Va=n.n(Ga),Xa=Object.assign||function(e){for(var t=1;t0&&e[0].addEventListener("scroll",this.handleScroll.bind(this),!0),this.renderAnimationActionList()}},{key:"componentWillUnmount",value:function(){var e=document.getElementsByClassName("edit-post-layout__content");document.removeEventListener("mousedown",this.handleClickOutside.bind(this)),e.length>0&&e[0].removeEventListener("scroll",this.handleScroll.bind(this),!1)}},{key:"componentDidUpdate",value:function(e,t){Va()(e.actionList,this.props.actionList)&&t.selectedActionIndex===this.state.selectedActionIndex&&t.contextMenuVisible===this.state.contextMenuVisible&&t.actionListOverKeyframe===this.state.actionListOverKeyframe||this.renderAnimationActionList()}},{key:"handleScroll",value:function(e){if(void 0===this.timelineWrapper||null===this.timelineWrapper)return!1;var t=document.getElementsByClassName("qubely-block-"+this.props.uniqueId);if(t.length>0){t=t[0].parentElement;var n=this.percentageSeen(t),a=this.timelineWrapper.getBoundingClientRect().height;n>-1&&n<=100&&this.setState({scrollPercent:n,timelineHeight:a})}}},{key:"percentageSeen",value:function(e){var t=e.getBoundingClientRect(),n=document.body.offsetHeight,a=window.pageYOffset,o=t.top,l=t.height;if(o>a+n)return-1;if(o+l100?100:i}},{key:"handleClickOutside",value:function(e){this.itemWrapper&&!this.itemWrapper.contains(e.target)&&null!==this.state.contextMenuVisible&&(void 0===this.contextMenuRoot||this.contextMenuRoot.contains(e.target)||this.setState({contextMenuVisible:null})),this.actionListWrapper&&!this.actionListWrapper.contains(e.target)&&this.state.isActionList&&this.setState({isActionList:!1})}},{key:"showActionList",value:function(){this.setState({isActionList:!this.state.isActionList})}},{key:"revisedRandId",value:function(){var e=function(){return(65536*(1+Math.random())|0).toString(16).substring(1)};return e()+e()+e()+e()+e()}},{key:"onMouseMoveAction",value:function(e,t,n,a,o){var l=this.timelineWrapper.getBoundingClientRect(),i=o.target.getBoundingClientRect(),r=o.clientY-i.top,c=parseInt(e)-1,s=parseInt(t)+1,u=c+s-1,b=Math.floor(r/i.height*c)+s,p=o.clientY-l.top,d={linePosition:Math.abs(p/l.height*100),percentage:b,id:n,isVisible:!(u+1===s),index:a};this.setState({timeLineCoPosition:d,isHoverAction:!0})}},{key:"onSelectAction",value:function(e){var t=this.props.actionList[e];this.setState({selectedActionIndex:e,contextMenuVisible:null,currentAction:t,showTimelineActionList:!1}),this.props.selectAction(t)}},{key:"onContextMenu",value:function(e,t){t.preventDefault();var n={x:t.clientX,y:t.clientY};this.setState({contextMenuVisible:e,contextAxis:n,showTimelineActionList:!1})}},{key:"setContextMenuRoot",value:function(e){this.contextMenuRoot=e}},{key:"_onDeleteItem",value:function(e){var t=this.props.actionList;t.splice(e,1),this.setState({contextMenuVisible:null,selectedActionIndex:null}),this.props.onChange(t)}},{key:"_onDuplicateItem",value:function(e){var t=this.props.actionList,n=JSON.parse(JSON.stringify(t[e])),a=e+1;n.id=this.revisedRandId(),t.splice(a,0,n),this.setState({currentAction:n,contextMenuVisible:null,selectedActionIndex:a}),this.props.onChange(t)}},{key:"contextMenu",value:function(e){var t=this.state.contextAxis,n=this.timelineWrapper.getBoundingClientRect(),a=t.x-n.left,o={left:(a=n.width0){clearInterval(this.onDragDelayTimer),this.timeCounter=0;var n=this.props.actionList;this.setState({actionListDargIndex:t,selectedDargAction:n[t],maskPosition:e})}}},{key:"onMouseOverOnActionList",value:function(e,t){null!==this.state.actionListDargIndex&&this.setState({actionListOverKeyframe:e})}},{key:"onMouseOutOnActionList",value:function(e){null!==this.state.actionListOverKeyframe&&this.setState({actionListOverKeyframe:null})}},{key:"onMouseDragEndOnActionList",value:function(e){var t=this.state,n=t.actionListDargIndex,a=t.actionListOverKeyframe,o=t.timeLineCoPosition.percentage;if(null!==n){null!==a&&(o=parseInt(a));var l=JSON.parse(JSON.stringify(this.props.actionList)),i=Object.assign({},l[n],{keyframe:o});l[n]=i,this.setState({actionListDargIndex:null,selectedDargAction:null,actionListOverKeyframe:null,selectedActionIndex:n,currentAction:i}),this.props.onChange(l)}this.onDragDelayTimer&&clearInterval(this.onDragDelayTimer)}},{key:"onMouseMoveOnTimeline",value:function(e){if(null!==this.state.actionListDargIndex){var t=this.timelineWrapper.getBoundingClientRect(),n=e.clientY-t.top,a=Math.abs(n/t.height*100);this.setState({maskPosition:a})}}},{key:"actionItemHtml",value:function(e,t){var n=this,a=this.state,o=a.selectedActionIndex,l=a.contextMenuVisible,i=a.currentAction,r=o===t?"qubely-action-active":"";r=l===t?r+" qubely-action-context-menu-active":r,r=""===e.id?r+" qubely-action-empty-box":r;var c=null!==i&&o!==t&&e.name===i.name?"qubely-action-similar":"";return React.createElement("div",{key:t,className:"qubely-action-item "+r+" "+c,ref:function(e){n.itemWrapper=e},onMouseDown:this.onMouseDragStartOnActionList.bind(this,t)},React.createElement("div",{className:"qubely-action-item-inner"},React.createElement("div",{className:"qubely-action-pointer-range"},React.createElement("div",{className:"qubely-connect-line"}),React.createElement("div",{className:"qubely-point-bullet"}," "),React.createElement("div",{className:"qubely-point-range"},e.keyframe,"%")),React.createElement("div",{className:"qubely-action-property",onClick:this.onSelectAction.bind(this,t),onContextMenu:this.onContextMenu.bind(this,t)},e.name)),l===t&&this.contextMenu(t))}},{key:"parentItemHtml",value:function(e,t){var n=this,a=e.keyframe===this.state.actionListOverKeyframe?"qubley-action-mouse-on-item":"";return React.createElement("div",{className:"qubely-parent-item-container "+a,key:t,onMouseEnter:this.onMouseOverOnActionList.bind(this,e.keyframe),onMouseLeave:this.onMouseOutOnActionList.bind(this)},e.map((function(e){return n.actionItemHtml(e,e.index)})))}},{key:"actionBlankSpaceHtml",value:function(e,t,n,a){var o={flexGrow:e/100};return 0===e&&(o.padding=0),React.createElement("div",{key:this.revisedRandId(),className:"qubely-action-item-blank-space",onMouseMove:this.onMouseMoveAction.bind(this,e,t,n,a),style:o})}},{key:"renderAnimationActionList",value:function(){var e=this,t=this.props.actionList,n=[],a={},o=0,l={};if(t.length>0){if(t.map((function(e,t){void 0===l[e.name]?(e.single=!0,l[e.name]=e.keyframe):delete e.single,void 0!==a[e.keyframe]?(e.index=t,a[e.keyframe].push(e)):(e.index=t,a[e.keyframe]=[e],a[e.keyframe].keyframe=e.keyframe,a[e.keyframe].index=t)})),_.map(a,(function(t,a){var l=Math.abs(o-t.keyframe);n.push(e.actionBlankSpaceHtml(l,o,a,t.index)),n.push(e.parentItemHtml(t,a)),o=t.keyframe})),100!==o){var i=Math.abs(o-100);n.push(this.actionBlankSpaceHtml(i,o,this.revisedRandId(),t.length))}}else this.state.initialAction.map((function(t){var a=Math.abs(o-t.keyframe);o!==t.keyframe?(n.push(e.actionBlankSpaceHtml(a,o,e.revisedRandId(),0)),n.push(e.actionItemHtml(t,e.revisedRandId()))):n.push(e.actionItemHtml(t,e.revisedRandId())),o=t.keyframe}));this.setState({renderHtmlActionlist:n})}},{key:"createAction",value:function(e,t){var n=this.props.actionList,a=n.length,o=Object.assign({},e,{id:this.revisedRandId(),keyframe:0});if(this.state.isActionList){n.push(o);var l=JSON.parse(JSON.stringify(o));l.keyframe=100,l.id=this.revisedRandId(),n.push(l)}else if(null!==t){var i=this.state.timeLineCoPosition.percentage;a=t,o.keyframe=i,n.splice(t,0,o)}else n.splice(n.length-1,0,o);this.setState({currentAction:o,isActionList:!1,selectedActionIndex:a,showTimelineActionList:!1}),this.props.onChange(n)}},{key:"renderAnimationActions",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return React.createElement("div",{className:"qubely-animation-action-option-box",ref:function(t){return e.actionListWrapper=t}},React.createElement("div",{className:"qubely-animation-action-option-lists"},Wa.map((function(n,a){return React.createElement("div",{key:a,onClick:e.createAction.bind(e,n,t),className:"qubely-animation-action-option-item"},n.name)}))))}},{key:"showAnimationAction",value:function(){this.setState({showTimelineActionList:!this.state.showTimelineActionList})}},{key:"enableEverything",value:function(){this.setState({showTimelineActionList:!this.state.showTimelineActionList})}},{key:"_changeProperty",value:function(e){var t=this.state.selectedActionIndex,n=this.props.actionList,a=JSON.parse(JSON.stringify(n)),o=Object.assign({},a[t],Xa({},e));a[t]=o,this.props.onChange(a),this.setState({currentAction:o})}},{key:"timeline",value:function(){var e=this,t=this.props,n=t.actionList,a=t.transformOrigin,o=this.state,l=(o.selectedActionIndex,o.currentAction),i=o.timeLineCoPosition,r=i.linePosition,c=i.percentage,s=i.index,u=i.isVisible,b=o.showTimelineActionList,p=(o.scrollPercent,o.timelineHeight,o.maskPosition),d=o.actionListDargIndex,f=o.selectedDargAction,y=n.length>0?"qubely-timeline-has-no-memory":"",m={top:r+"%"},g={top:p+"%"};if(n.length>0){var h=za.parseScrollAction(n,this.state.scrollPercent,a);$(".qubely-block-"+this.props.uniqueId).addClass("qubely-block-interaction").css(h)}return React.createElement("div",{className:"qubely-animation-timeline-container"},React.createElement("div",{className:"qubely-animation-view"},React.createElement("div",{className:"qubely-animation-trigger-header"},React.createElement("label",null," Scroll Action "),React.createElement("span",{className:"qubely-add-animation-action-btn",onClick:this.showActionList.bind(this)},"﹢"),this.state.isActionList&&this.renderAnimationActions()),React.createElement("div",{className:"qubely-animation-flexible-area"},React.createElement("div",{className:"qubely-animation-flexible-area-inner-box "+y,ref:function(t){e.timelineWrapper=t},onMouseMove:this.onMouseMoveOnTimeline.bind(this),onMouseUp:this.onMouseDragEndOnActionList.bind(this),onMouseLeave:this.onMouseDragEndOnActionList.bind(this)},React.createElement("div",{className:"qubely-animation-timline-bar",ref:function(t){return e.timeLineBarWrapper=t}}),this.state.renderHtmlActionlist,null!==d&&React.createElement("div",{className:"qubely-action-drag-mask",style:g},React.createElement("div",{className:"qubely-action-mask-peroperty"},React.createElement("span",{className:"qubely-action-percentage"}," ",c,"% "),React.createElement("span",{className:"qubely-action-title"}," ",f.title," "))),u&&n.length>0&&React.createElement("div",{style:m,className:"qubely-timeline-pointer-hr-line",onClick:this.showAnimationAction.bind(this)},React.createElement("div",{className:"qubely-action-item-pointer"},React.createElement("span",null," ",c,"% ")),React.createElement("div",{className:"qubely-action-item-pointer-icon"},React.createElement("span",null,"+")),React.createElement("div",{className:"qubely-action-item-line-hr-container"}),b&&this.renderAnimationActions(s)),0===n.length&&React.createElement("div",{className:"qubely-animation-timeline-placeholder"},React.createElement("div",{className:"qubely-animation-timeline-placeholder-text"},React.createElement("i",{className:"fa fa-send"}),React.createElement("h3",{className:"qubely-timeline-placeholder-title"}," Animation "),React.createElement("p",null," ","Apply various actions on one or multiple elements to create a sequenced animation."," ")))))),React.createElement("div",{className:"qubely-animation-controller-view"},React.createElement("div",{className:"qubely-animation-controller-header"},React.createElement("label",null,React.createElement("span",{className:"fa fa-gear"})," Interaction Settings"," ")),React.createElement("div",{className:"qubely-animation-controller-body"},null===this.state.selectedActionIndex&&React.createElement("div",{className:"qubely-animation-timeline-placeholder"},React.createElement("div",{className:"qubely-animation-timeline-placeholder-text"},React.createElement("h3",{className:"qubely-timeline-placeholder-title"}," No Action Selected "),React.createElement("p",null," Select an action in the list to adjust the settings. "))),null!==this.state.selectedActionIndex&&React.createElement(Fa,{fields:l,onChange:function(t){return e._changeProperty(t)}}))))}},{key:"render",value:function(){return this.timeline()}}]),t}(wp.element.Component),$a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Za=function(e){return void 0!==e&&(void 0!==e.while_scroll_into_view&&!0===e.while_scroll_into_view.enable||void 0!==e.mouse_movement&&!0===e.mouse_movement.enable)},eo=n(200),to=n.n(eo),no=function(){function e(e,t){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:"",t=this,n=arguments[1],a=arguments[2],o=this.props,l=o.value,i=o.uniqueId;l[e][n]=a;var r=Object.assign({},this.props.value,l);if(this.props.onChange(r),"mouse_movement"===e){var c=l.mouse_movement;void 0!==c.enable&&(!1===c.enable&&(this.v&&(this.v.destroy(),delete this.v),this.state.liveMouseTilt&&this.setState({liveMouseTilt:!1})),c.enable&&this.state.liveMouseTilt&&setTimeout((function(){var e=document.getElementsByClassName("qubely-block-"+i);e.length>0&&(e=e[0],t.updateTiltAnimate(c,e))}),500))}}},{key:"componentWillReceiveProps",value:function(e){var t=e.value,n=t.while_scroll_into_view,a=(t.mouse_movement,e.uniqueId);if(void 0!==n.enable&&!1===n.enable){var o=$(".qubely-block-"+a);o.hasClass("qubely-block-interaction")&&o.removeClass("qubely-block-interaction").removeAttr("style")}}},{key:"updateTiltAnimate",value:function(e,t){var n={speed:100*parseFloat(e.mouse_tilt_speed),max:parseFloat(e.mouse_tilt_max),reverse:"opposite"===e.mouse_tilt_direction};this.v?(this.v.destroy(),this.v=new La(t,n)):this.v=new La(t,n)}},{key:"enableTiltAnimation",value:function(){var e=this,t=this.props,n=t.value.mouse_movement,a=t.uniqueId,o=this.state.liveMouseTilt;!1===o?setTimeout((function(){var t=document.getElementsByClassName("qubely-block-"+a);t.length>0&&(t=t[0],e.updateTiltAnimate(n,t))}),500):this.v&&(this.v.destroy(),delete this.v),this.setState({liveMouseTilt:!o})}},{key:"selectAction",value:function(e){var t=this.state.isTransformOrigin;t=!{blur:!0,opacity:!0}[e.name],this.setState({isTransformOrigin:t})}},{key:"render",value:function(){var e=this,t=this.props.value,n=t.while_scroll_into_view,a=t.mouse_movement,o={x_offset:"center",y_offset:"center"};return void 0!==n&&(o.x_offset=void 0===n.transform_origin_x?"center":n.transform_origin_x,o.y_offset=void 0===n.transform_origin_y?"center":n.transform_origin_y),React.createElement(io,null,void 0!==n&&React.createElement("div",{className:"qubely-interaction-view qubely-fields qubely-field-alt"},React.createElement("div",{className:"sppb-interaction-view-body"},qubely_admin.pro_enable?React.createElement(io,null,React.createElement(dn,{label:ao("Enable"),value:n.enable,onChange:function(){return e._saveAttributes("while_scroll_into_view","enable",!n.enable)}}),n.enable&&React.createElement(io,null,React.createElement(Ka,{uniqueId:this.props.uniqueId,onChange:function(t){return e._saveAttributes("while_scroll_into_view","action_list",t)},selectAction:this.selectAction.bind(this),actionList:n.action_list,enable:n.enable,transformOrigin:o}),this.state.isTransformOrigin&&React.createElement("div",{className:"qubley-flex-d qubley-interaction-transform-origin"},React.createElement("div",{className:"qubley-interaction-transform-origin-label"},React.createElement("label",null," ",ao("Transform Origin")," ")),React.createElement(yt,{label:ao("X-Axis"),options:[[ao("Left"),"left"],[ao("Middle"),"center"],[ao("Right"),"right"]],value:o.x_offset,onChange:function(t){return e._saveAttributes("while_scroll_into_view","transform_origin_x",t)}}),React.createElement(yt,{label:ao("Y-Axis"),options:[[ao("Top"),"top"],[ao("Middle"),"center"],[ao("Bottom"),"bottom"]],value:o.y_offset,onChange:function(t){return e._saveAttributes("while_scroll_into_view","transform_origin_y",t)}})),React.createElement(dn,{label:ao("Enable Tablet"),value:n.enable_tablet,onChange:function(){return e._saveAttributes("while_scroll_into_view","enable_tablet",!n.enable_tablet)}}),React.createElement(dn,{label:ao("Enable Mobile"),value:n.enable_mobile,onChange:function(){return e._saveAttributes("while_scroll_into_view","enable_mobile",!n.enable_mobile)}}))):React.createElement("div",{className:"qubely-field-pro-upgrade"},React.createElement("div",{className:"qubely-logo"},React.createElement("img",{src:qubely_admin.plugin+"assets/img/qubely-logo.svg",alt:ao("Qubely")}))))),React.createElement("hr",null),void 0!==a&&React.createElement("div",{className:"sp-pagebuilder-list-view"},React.createElement("div",{className:"sppb-interaction-view-body"},React.createElement(dn,{label:ao("Enable Mouse Movement"),value:a.enable,onChange:function(){return e._saveAttributes("mouse_movement","enable",!a.enable)}}),a.enable&&React.createElement(io,null,React.createElement(yt,{label:ao("Direction"),options:[[ao("Direct"),"direct"],[ao("Opposite"),"opposite"]],value:a.mouse_tilt_direction,onChange:function(t){return e._saveAttributes("mouse_movement","mouse_tilt_direction",t)}}),React.createElement(I,{label:ao("Speed"),value:parseFloat(a.mouse_tilt_speed),onChange:function(t){return e._saveAttributes("mouse_movement","mouse_tilt_speed",t)},min:1,max:10,step:.5}),React.createElement(I,{label:ao("Maximum"),value:parseFloat(a.mouse_tilt_max),onChange:function(t){return e._saveAttributes("mouse_movement","mouse_tilt_max",t)},min:5,max:75,step:5}),React.createElement(dn,{label:ao("Enable Tablet"),value:a.enable_tablet,onChange:function(){return e._saveAttributes("mouse_movement","enable_tablet",!a.enable_tablet)}}),React.createElement(dn,{label:ao("Enable Mobile"),value:a.enable_mobile,onChange:function(){return e._saveAttributes("mouse_movement","enable_mobile",!a.enable_mobile)}}),React.createElement("button",{onClick:function(){return e.enableTiltAnimation()},className:"components-button is-button is-default is-primary is-large"}," ",this.state.liveMouseTilt?"Stop":"Live"," ")))))}}]),t}(lo),co="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},so=function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var n=[],a=!0,o=!1,l=void 0;try{for(var i,r=e[Symbol.iterator]();!(a=(i=r.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){o=!0,l=e}finally{try{!a&&r.return&&r.return()}finally{if(o)throw l}}return n}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")},uo=function(){function e(e,t){for(var n=0;n0&&u.forEach((function(e){s+="color"===e?c.selector:c.bgselector,s+="{";var t=":"+c.regular[e]+" !important;}";s+=e,s+=t})),b.length>0&&b.forEach((function(e){"color"===e?(s+=c.selector,s+=":hover {"):(s+=c.bgselector,s+=":before{");var t=":"+c.hover[e]+" !important;}";s+=e,s+=t})),React.createElement("div",{className:"qubely-block-btn-wrapper"+(void 0!==i?" button-type-"+i:"")},React.createElement("div",{className:"qubely-block-btn"},React.createElement("span",{className:"qubely-block-btn-anchor is-"+a,style:c},t&&"left"==n&&React.createElement("i",{className:"qubely-btn-icon "+t}),React.createElement(Ao,{key:"editable",keepPlaceholderOnFocus:!0,placeholder:jo("Add Text..."),onChange:function(e){return l(e)},value:o}),t&&"right"==n&&React.createElement("i",{className:"qubely-btn-icon "+t}))),!!s&&React.createElement("style",null,s))}}]),t}(Lo),Do=function(e){function t(){return Oo(this,t),Po(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return No(t,e),_o(t,[{key:"render",value:function(){var e=this.props,t=e.buttonIconName,n=e.buttonIconPosition,a=e.buttonSize,o=e.buttonText,l=e.buttonUrl,i=e.buttonTag,r=e.buttonId,c=e.buttonFillType,s=void 0===c?void 0:c,u=e.tableBuilder,b=e.inlineStyles,p=void 0===b?{regular:{},hover:{}}:b,d=React.createElement(zo,null,t&&"left"==n&&React.createElement("i",{className:"qubely-btn-icon "+t}),React.createElement(Ao.Content,{value:o||"Add Text..."}),t&&"right"==n&&React.createElement("i",{className:"qubely-btn-icon "+t})),f="",y=Object.keys(p.regular),m=Object.keys(p.hover);return y.length>0&&y.forEach((function(e){f+="color"===e?p.selector:p.bgselector,f+="{";var t=":"+p.regular[e]+" !important;}";f+=e,f+=t})),m.length>0&&m.forEach((function(e){"color"===e?(f+=p.selector,f+=":hover {"):(f+=p.bgselector,f+=":before{");var t=":"+p.hover[e]+" !important;}";f+=e,f+=t})),React.createElement("div",{className:"qubely-block-btn-wrapper"+(void 0!==u&&void 0!==s?" button-type-"+s:"")},React.createElement("div",{className:"qubely-block-btn"},"a"==i?React.createElement("a",To({className:"qubely-block-btn-anchor is-"+[a]},r?'id="'+r+'"':"",{href:l&&l.url?l.url:"#"},l&&l.target&&{target:"_blank"},l&&l.nofollow?{rel:"nofollow noopener noreferrer"}:To({},l&&l.target&&{rel:"noopener noreferrer"})),d):React.createElement("button",To({className:"qubely-block-btn-anchor is-"+a},r?'id="'+r+'"':"",{type:"submit",role:"button"}),d)),!!f&&React.createElement("style",null,f))}}]),t}(Lo),Yo=Object.assign||function(e){for(var t=1;t0?e-1:e}):n.setState({focusedItem:t>0?t-1:t})}},React.createElement("i",{className:"fas fa-times"})))},n.renderListItems=function(){var e=n.props,t=e.enableListIcons,a=e.iconPosition,o=e.listItems,l=e.newListItemPlaceHolder,i=(e.disableButton,e.iconColor,e.onIconColorChange,e.onChange),r=n.state,c=(r.focusedItem,r.removeItemViaBackSpace);return o.map((function(e,r){return React.createElement("li",{className:"qubely-list-li qubely-list-li-editor qubely-icon-position-"+a,key:r},React.createElement("div",{ref:"avoidOnClick",className:"qubely-list-item qubely-list-item-"+r,onClick:function(){return n.setState({currentListItemIndex:r})}},"right"==a&&e.text.length>0&&n.renderDeleteIcon(r),t&&"left"==a&&React.createElement("span",{className:"qubely-list-item-icon "+e.icon+" fa-fw",style:e.customColor?{color:e.customColor}:{}}),React.createElement("div",{className:"qubely-list-item-text-"+r+" qubely-text ",id:"qubely-list-item-text-"+r,contenteditable:"true",suppressContentEditableWarning:!0,placeholder:l,onBlur:function(e){return n.modifySpecificItem({text:e.target.innerText},r)},onKeyPress:function(e){"Enter"==e.key&&(e.preventDefault(),n.updateListItems(r,"add"),n.setState({focusedItem:r+1==o.length?o.length:n.state.focusedItem+1}))},onKeyUp:function(e){"Backspace"==e.key&&(0==e.target.innerText.length&&n.setState({removeItemViaBackSpace:r}),c==r&&(n.updateListItems(r,"delete"),n.setState({focusedItem:r>0?r-1:r,removeItemViaBackSpace:-1})))},onClick:function(){return n.setState({focusedItem:r})}},e.text),t&&"right"==a&&React.createElement("span",{className:"qubely-list-item-icon "+e.icon+" fa-fw",style:e.customColor?{color:e.customColor}:{}}),"left"==a&&e.text.length>0&&n.renderDeleteIcon(r),n.state.currentListItemIndex==r&&i("clickedListItem",r)))}))},n.modifySpecificItem=function(e,t){var a=n.props,o=a.listItems;(0,a.onListItemModification)(o.map((function(n,a){return t===a&&(n=Yo({},n,e)),n})))},n.updateListItems=function(e,t){var a=n.props,o=a.listItems,l=a.onListItemModification,i=JSON.parse(JSON.stringify(o));"add"==t?i.splice(e+1,0,{icon:"fas fa-check",text:"",customColor:!1}):i.splice(e,1),l(i)},n.state={currentListItemIndex:0,removeItemViaBackSpace:999,focusedItem:n.props.listItems.length-1},n}return Ho(t,e),Uo(t,[{key:"componentDidUpdate",value:function(e,t){var n=this.state.focusedItem;if(this.props.listItems.length>e.listItems.length)document.querySelector("."+this.props.parentBlock+" .qubely-list-item-text-"+n).focus();else if(this.props.listItems.length0?React.createElement("li",{className:"qubely-list-li qubely-icon-position-"+a,key:t},React.createElement("div",{className:"qubely-list-item qubely-list-item-"+t},n&&"left"==a&&React.createElement("span",{className:"qubely-list-item-icon "+e.icon+" fa-fw",style:e.customColor?{color:e.customColor}:{}}),React.createElement("div",{className:"qubely-list-item-text-"+t+" qubely-text ",id:"qubely-list-item-text-"+t},e.text),n&&"right"==a&&React.createElement("span",{className:"qubely-list-item-icon "+e.icon+" fa-fw",style:e.customColor?{color:e.customColor}:{}}))):null}))))}}]),t}(Vo),Zo=function(){function e(e,t){for(var n=0;n0){var a,o=this.findArrayIndex(e);t.splice(o,1),(a=t).unshift.apply(a,ii(n))}else{var l;(l=t).unshift.apply(l,ii(n)),t.length>10&&t.pop()}else t=[].concat(ii(n));localStorage.setItem("qubelyFonts",JSON.stringify(t))}},{key:"render",value:function(){var e=this,t=this.props,n=t.value,a=t.label,o=t.device,l=(t.globalSource,t.globalSettings),i=t.onDeviceChange,r=t.globalTypoOptions,c=t.globalTypoValues,s=this.state,b=s.filterText,p=s.showFontFamiles,d=s.showFontWeights,f=JSON.parse(localStorage.getItem("qubelyFonts")),y=[],m=ai;return f&&(y=ai.filter((function(e){return!f.filter((function(t){return t.n==e.n||"Default"==e.n})).length>0})),m=[{n:"Default",f:"default",v:[]}].concat(ii(f),ii(y))),b.length>=2&&(m=m.filter((function(e){return-1!==e.n.toLowerCase().search(b.toLowerCase())}))),React.createElement("div",{className:"qubely-field qubely-field-typography"},!l&&React.createElement(dn,{value:n.openTypography,label:a||pi("Typography"),onChange:function(t){return e.setSettings("openTypography",t)}}),(n&&1==n.openTypography||l)&&React.createElement(yi,null,!l&&React.createElement(yt,{label:pi("Source"),options:[[pi("Global"),"global"],[pi("Custom"),"custom"]],value:void 0!==n.activeSource?n.activeSource:"custom",onChange:function(t){if("custom"===t)void 0===n.globalSource||void 0===n.activeSource?e.props.onChange(oi({},n,{activeSource:t})):void 0!==n.globalSource&&"none"!==n.globalSource?e.props.onChange(oi({},c[n.globalSource-1],{activeSource:t,globalSource:n.globalSource,blockDefaultValues:n.blockDefaultValues})):void 0!==n.globalSource&&"none"===n.globalSource&&e.props.onChange(oi({openTypography:!0,globalSource:"none",activeSource:"custom"},n.blockDefaultValues,{blockDefaultValues:n.blockDefaultValues}));else{var a=void 0,o={openTypography:!0,activeSource:"global",globalSource:void 0===n.globalSource?"none":n.globalSource,blockDefaultValues:n.blockDefaultValues};void 0!==n.activeSource&&"custom"!==n.activeSource||"none"!==n.globalSource&&void 0!==n.globalSource||(delete(a=JSON.parse(JSON.stringify(n))).activeSource,delete a.globalSource,delete a.blockDefaultValues,o.blockDefaultValues=a),e.props.onChange(o)}}}),"global"!==n.activeSource||l?React.createElement(yi,null,React.createElement(I,{unit:!0,step:1,min:8,max:200,responsive:!0,device:o,label:pi("Font Size"),value:n&&n.size,onChange:function(t){return e.setSettings("size",t)},onDeviceChange:function(e){return i(e)}}),React.createElement("div",{className:"qubely-field-group qubely-65-35"},React.createElement("div",{className:"qubely-field qubely-field-font-family"},React.createElement("label",null,pi("Font Family")),React.createElement("div",{className:"qubely-font-family-picker",ref:"qubelySelectedFontFamily",onClick:function(){e.setState({showFontFamiles:!p})}},React.createElement("span",{className:"qubely-font-family-search-wrapper"},React.createElement("input",{type:"text",className:"qubely-font-family-search"+(p?"":" selected-font-family"),placeholder:pi(p?"Search":n&&n.family||"Select"),value:b,onChange:function(t){return e.setState({filterText:t.target.value})}}),React.createElement("span",{className:"qubely-font-select-icon"}," ",p?u.arrow_up:u.arrow_down," ")))),p&&React.createElement("div",{className:"qubely-font-family-option-wrapper",ref:"qubelyFontFamilyWrapper"},React.createElement("div",{className:"qubely-font-family-options"},m.length>0?m.map((function(t,a){var o=!1;n&&t.n==n.family&&(o=!0);var l=Se()(ri({},"qubely-font-family-option",!o),ri({},"qubely-active-font-family",o));return React.createElement("div",{key:a,className:l,id:"qubely-font-family-"+a,onClick:function(){e.setState({showFontFamiles:!1,filterText:""}),"Default"==t.n?e.setSettings("family","default"):e.handleTypographyChange(t.n)}},t.n)})):React.createElement("div",{className:"qubely-font-family-option no-match",onClick:function(){return e.setState({showFontFamiles:!1,filterText:""})}}," ","No matched font"," "))),React.createElement("div",{className:"qubely-field qubely-field-font-weight"},React.createElement("label",null,pi("Weight")),React.createElement("div",{className:"qubely-font-weight-picker-wrapper",ref:"qubelySelectedFontWeight",onClick:function(){return e.setState({showFontWeights:!d})}},React.createElement("div",{className:"qubely-font-weight-picker"}," ",n&&n.weight||"Select"," "),React.createElement("span",{className:"qubely-font-select-icon"}," ",d?u.arrow_up:u.arrow_down," "))),d&&React.createElement("div",{className:"qubely-font-weight-wrapper",ref:"qubelyFontWeightWrapper"},React.createElement("div",{className:"qubely-font-family-weights"},["Default"].concat(ii(this._getWeight())).map((function(t,a){return React.createElement("div",{key:a,className:t==n.weight?"qubely-active-font-weight":"qubely-font-weight-option",onClick:function(){e.setState({showFontWeights:!1}),e.setSettings("weight",t)}},t)}))))),React.createElement(hi,{className:"qubely-field",renderToggle:function(e){var t=e.isOpen,n=e.onToggle;return React.createElement("div",{className:"qubely-d-flex qubely-align-center"},React.createElement("label",null,pi("Advanced Typography")),React.createElement("div",{className:"qubely-field-button-list qubely-ml-auto"},React.createElement("button",{className:(1==t?"active":"")+" qubely-button qubely-button-rounded",onClick:n,"aria-expanded":t},React.createElement("i",{className:"fas fa-cog"}))))},renderContent:function(){return React.createElement("div",{style:{padding:"15px"}},!e.props.disableLineHeight&&React.createElement(I,{label:pi("Line Height"),value:n&&n.height,onChange:function(t){return e.setSettings("height",t)},min:8,max:200,step:1,unit:!0,responsive:!0,device:o,onDeviceChange:function(e){return i(e)}}),React.createElement(I,{label:pi("Letter Spacing"),value:n&&n.spacing,onChange:function(t){return e.setSettings("spacing",t)},min:-10,max:30,step:1,unit:!0,responsive:!0,device:o,onDeviceChange:function(e){return i(e)}}),React.createElement("div",{className:"qubely-field qubely-d-flex qubely-align-center"},React.createElement("div",null,pi("Text Transform")),React.createElement("div",{className:"qubely-field-button-list qubely-ml-auto"},["none","capitalize","uppercase","lowercase"].map((function(t,a){return React.createElement(vi,{key:a,text:t.charAt(0).toUpperCase()+t.slice(1)},React.createElement("button",{className:(n.transform==t?"active":"")+" qubely-button",key:a,onClick:function(){return e.setSettings("transform",t)}},"none"==t&&React.createElement("i",{className:"fas fa-ban"}),"capitalize"==t&&React.createElement("span",null,"Aa"),"uppercase"==t&&React.createElement("span",null,"AA"),"lowercase"==t&&React.createElement("span",null,"aa")))})))))}})):React.createElement(qi,{label:"Size",value:void 0!==n.globalSource?n.globalSource:"none",options:r,onChange:function(t){if("none"===t&&"none"!==n.globalSource){var a={openTypography:!0,activeSource:"global",globalSource:t,blockDefaultValues:n.blockDefaultValues};e.props.onChange(a)}else e.setSettings("globalSource",t)}})))}}]),t}(fi);var ki=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return xi((function(t){return function(n){function a(){var t=this;si(this,a);var n=ui(this,(a.__proto__||Object.getPrototypeOf(a)).apply(this,arguments));return n.getGlobalSettings=ci(ke.a.mark((function e(){var a,o,l,i;return ke.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,JSON.parse(localStorage.getItem("qubely-global-settings"));case 2:a=e.sent,o=a.typography,l=[],i=[],void 0!==o&&(o.forEach((function(e,t){var n=e.name,a=e.value;l.push({label:n,value:t+1}),i.push(a)})),n.setState({typography:o,globalTypoOptions:[{label:"Default",value:"none"}].concat(l),globalTypoValues:i}));case 6:case"end":return e.stop()}}),e,t)}))),n.setState=n.setState.bind(n),n.state=e,n}return bi(a,n),li(a,[{key:"componentDidMount",value:function(){this.getGlobalSettings()}},{key:"render",value:function(){return React.createElement(t,oi({},this.props,this.state,{setState:this.setState}))}}]),a}(fi)}),"withGLobalTypography")}()(wi),Ei=n(125),Ri={insert:"head",singleton:!1},Ci=(p()(Ei.a,Ri),Ei.a.locals,Object.assign||function(e){for(var t=1;t=a?o="quebly-position-bottom":n>=a?o="quebly-position-top":(o="quebly-position-middle",this.setState({cssStyle:{top:"-"+e.height/2+"px"}})),this.setState({positionClass:o})}}},{key:"componentWillUnmount",value:function(){document.removeEventListener("mousedown",this.handleClickOutside)}},{key:"render",value:function(){var e=this.state,t=e.cssStyle,n=e.positionClass,a=this.props,o=a.label,l=a.children,i=a.inline,r=a.customClass;return React.createElement(_i,null,React.createElement("div",{ref:"qubelyPopUpWraper",id:"qubely-field-wrapper",style:Ci({},t),className:"qubely-field qubely-field-wrapper "+(i?"qubely-field-wrapper-inline":"")+" "+r+" "+n},o?React.createElement("label",{className:"qubely-field-wrapper-label"},o):"",React.createElement("div",{className:"qubely-field-wrapper-content"},Array.isArray(l)?l.map((function(e){return e})):l)))}}]),t}(Ti),Pi=wp.components,Ni=Pi.Path,ji=Pi.SVG;function Ii(e){var t=e.level,n=e.isPressed,a=void 0!==n&&n,o={1:"M9 5h2v10H9v-4H5v4H3V5h2v4h4V5zm6.6 0c-.6.9-1.5 1.7-2.6 2v1h2v7h2V5h-1.4z",2:"M7 5h2v10H7v-4H3v4H1V5h2v4h4V5zm8 8c.5-.4.6-.6 1.1-1.1.4-.4.8-.8 1.2-1.3.3-.4.6-.8.9-1.3.2-.4.3-.8.3-1.3 0-.4-.1-.9-.3-1.3-.2-.4-.4-.7-.8-1-.3-.3-.7-.5-1.2-.6-.5-.2-1-.2-1.5-.2-.4 0-.7 0-1.1.1-.3.1-.7.2-1 .3-.3.1-.6.3-.9.5-.3.2-.6.4-.8.7l1.2 1.2c.3-.3.6-.5 1-.7.4-.2.7-.3 1.2-.3s.9.1 1.3.4c.3.3.5.7.5 1.1 0 .4-.1.8-.4 1.1-.3.5-.6.9-1 1.2-.4.4-1 .9-1.6 1.4-.6.5-1.4 1.1-2.2 1.6V15h8v-2H15z",3:"M12.1 12.2c.4.3.8.5 1.2.7.4.2.9.3 1.4.3.5 0 1-.1 1.4-.3.3-.1.5-.5.5-.8 0-.2 0-.4-.1-.6-.1-.2-.3-.3-.5-.4-.3-.1-.7-.2-1-.3-.5-.1-1-.1-1.5-.1V9.1c.7.1 1.5-.1 2.2-.4.4-.2.6-.5.6-.9 0-.3-.1-.6-.4-.8-.3-.2-.7-.3-1.1-.3-.4 0-.8.1-1.1.3-.4.2-.7.4-1.1.6l-1.2-1.4c.5-.4 1.1-.7 1.6-.9.5-.2 1.2-.3 1.8-.3.5 0 1 .1 1.6.2.4.1.8.3 1.2.5.3.2.6.5.8.8.2.3.3.7.3 1.1 0 .5-.2.9-.5 1.3-.4.4-.9.7-1.5.9v.1c.6.1 1.2.4 1.6.8.4.4.7.9.7 1.5 0 .4-.1.8-.3 1.2-.2.4-.5.7-.9.9-.4.3-.9.4-1.3.5-.5.1-1 .2-1.6.2-.8 0-1.6-.1-2.3-.4-.6-.2-1.1-.6-1.6-1l1.1-1.4zM7 9H3V5H1v10h2v-4h4v4h2V5H7v4z",4:"M9 15H7v-4H3v4H1V5h2v4h4V5h2v10zm10-2h-1v2h-2v-2h-5v-2l4-6h3v6h1v2zm-3-2V7l-2.8 4H16z",5:"M12.1 12.2c.4.3.7.5 1.1.7.4.2.9.3 1.3.3.5 0 1-.1 1.4-.4.4-.3.6-.7.6-1.1 0-.4-.2-.9-.6-1.1-.4-.3-.9-.4-1.4-.4H14c-.1 0-.3 0-.4.1l-.4.1-.5.2-1-.6.3-5h6.4v1.9h-4.3L14 8.8c.2-.1.5-.1.7-.2.2 0 .5-.1.7-.1.5 0 .9.1 1.4.2.4.1.8.3 1.1.6.3.2.6.6.8.9.2.4.3.9.3 1.4 0 .5-.1 1-.3 1.4-.2.4-.5.8-.9 1.1-.4.3-.8.5-1.3.7-.5.2-1 .3-1.5.3-.8 0-1.6-.1-2.3-.4-.6-.2-1.1-.6-1.6-1-.1-.1 1-1.5 1-1.5zM9 15H7v-4H3v4H1V5h2v4h4V5h2v10z",6:"M9 15H7v-4H3v4H1V5h2v4h4V5h2v10zm8.6-7.5c-.2-.2-.5-.4-.8-.5-.6-.2-1.3-.2-1.9 0-.3.1-.6.3-.8.5l-.6.9c-.2.5-.2.9-.2 1.4.4-.3.8-.6 1.2-.8.4-.2.8-.3 1.3-.3.4 0 .8 0 1.2.2.4.1.7.3 1 .6.3.3.5.6.7.9.2.4.3.8.3 1.3s-.1.9-.3 1.4c-.2.4-.5.7-.8 1-.4.3-.8.5-1.2.6-1 .3-2 .3-3 0-.5-.2-1-.5-1.4-.9-.4-.4-.8-.9-1-1.5-.2-.6-.3-1.3-.3-2.1s.1-1.6.4-2.3c.2-.6.6-1.2 1-1.6.4-.4.9-.7 1.4-.9.6-.3 1.1-.4 1.7-.4.7 0 1.4.1 2 .3.5.2 1 .5 1.4.8 0 .1-1.3 1.4-1.3 1.4zm-2.4 5.8c.2 0 .4 0 .6-.1.2 0 .4-.1.5-.2.1-.1.3-.3.4-.5.1-.2.1-.5.1-.7 0-.4-.1-.8-.4-1.1-.3-.2-.7-.3-1.1-.3-.3 0-.7.1-1 .2-.4.2-.7.4-1 .7 0 .3.1.7.3 1 .1.2.3.4.4.6.2.1.3.3.5.3.2.1.5.2.7.1z"};return o.hasOwnProperty(t)?React.createElement(ji,{width:"20",height:"20",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",isPressed:a},React.createElement(Ni,{d:o[t]})):null}var Li=function(){function e(e,t){for(var n=0;n-1&&React.createElement(wr,{text:gr("Style")},React.createElement("button",{className:Se()({"qubely-active":"style"===i}),onClick:function(){return b("style")}},React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"21"},React.createElement("g",{fill:"#565D66",fillRule:"nonzero"},React.createElement("path",{d:"M15.12 12.091a.814.814 0 00-.68-.378.814.814 0 00-.68.378c-.531.863-2.252 3.807-2.252 5.09 0 1.598 1.317 2.901 2.932 2.901s2.933-1.303 2.933-2.902c0-1.303-1.722-4.226-2.253-5.089zm-1.041 3.828c-.043.063-.744 1.198-.213 1.976a.52.52 0 01.064.358.409.409 0 01-.191.294.608.608 0 01-.255.084.476.476 0 01-.383-.21c-.871-1.283.149-2.902.192-2.986a.517.517 0 01.297-.21.534.534 0 01.361.063c.192.126.255.42.128.63zM13.314 10.388l1.36-.147c.446-.042.807-.337.935-.736.127-.4.042-.862-.276-1.157L7.258.294c-.255-.252-.68-.252-.957 0a.68.68 0 000 .947l.34.336-5.1 5.047C.82 7.339.5 8.348.67 9.379c.128.652.489 1.24.956 1.703l3.082 3.05c.467.462 1.062.82 1.72.946a3.134 3.134 0 002.785-.863l3.612-3.575a.74.74 0 01.489-.252zM7.576 2.502l5.759 5.7H2.073c.085-.232.212-.463.403-.653l5.1-5.047z"}))),React.createElement("h5",null,gr("Style")))),a.indexOf("advance")>-1&&React.createElement(wr,{text:gr("Advanced")},React.createElement("button",{className:Se()({"qubely-active":"advance"===i}),onClick:function(){return b("advance")}},React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"16"},React.createElement("path",{fill:"#565D66",fillRule:"nonzero",d:"M15.666 6.325c-.277-.05-.572-.082-.85-.115a6.385 6.385 0 00-.571-1.389c.18-.229.343-.457.523-.686a.994.994 0 00-.098-1.291l-.997-.997a.994.994 0 00-1.291-.098c-.23.163-.458.343-.687.523a6.954 6.954 0 00-1.39-.589c-.032-.277-.08-.572-.113-.85A.987.987 0 009.21 0H7.805a1 1 0 00-.98.834c-.05.277-.082.572-.115.85-.474.13-.947.326-1.389.571-.229-.18-.457-.343-.686-.523a.994.994 0 00-1.291.098l-.997.997a.994.994 0 00-.098 1.291c.163.23.343.458.523.687a6.954 6.954 0 00-.589 1.39c-.277.032-.572.08-.85.113A.987.987 0 00.5 7.29v1.406a1 1 0 00.834.98c.277.05.572.082.85.115.13.474.326.947.571 1.389-.18.229-.343.457-.523.686a.994.994 0 00.098 1.291l.997.997a.994.994 0 001.291.098c.23-.163.458-.343.687-.523.441.245.899.442 1.39.589.032.294.08.572.113.85.066.473.49.833.981.833h1.406a1 1 0 00.98-.834c.05-.277.082-.572.115-.85.474-.13.947-.326 1.389-.571.229.18.457.343.686.523a.994.994 0 001.291-.098l.997-.997a.994.994 0 00.098-1.291 19.095 19.095 0 00-.523-.687c.245-.441.442-.899.589-1.39.277-.032.572-.08.85-.113a.987.987 0 00.833-.981V7.305a1 1 0 00-.834-.98zM8.492 11.57a3.571 3.571 0 01-3.563-3.563 3.571 3.571 0 013.563-3.563 3.571 3.571 0 013.563 3.563 3.571 3.571 0 01-3.563 3.563z"})),React.createElement("h5",null,gr("Advanced")))),a.indexOf("layout")>-1&&React.createElement(wr,{text:gr("Layout")},React.createElement("button",{className:Se()({"qubely-active":"layout"===i}),onClick:function(){return b("layout")}},React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"15"},React.createElement("path",{fill:"#565D66",fillRule:"nonzero",d:"M14.346 0H1.654C1.017 0 .5.517.5 1.154v12.692C.5 14.483 1.017 15 1.654 15h12.692c.637 0 1.154-.517 1.154-1.154V1.154C15.5.517 14.983 0 14.346 0zm-5.77 13.846v-5.77h5.77v5.77h-5.77z"})),React.createElement("h5",null,gr("Layout")))))),Array.isArray(n)&&xr.map(n,(function(e,t){if(!e.key)throw new Error("props.key not found in , you must use `key` prop");return qr(e,{index:t,isActive:e.key===i})})))};Sr.defaultProps={defaultTab:null,tabs:["style","advance","layout"]};var Br=Sr,Tr=function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var n=[],a=!0,o=!1,l=void 0;try{for(var i,r=e[Symbol.iterator]();!(a=(i=r.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){o=!0,l=e}finally{try{!a&&r.return&&r.return()}finally{if(o)throw l}}return n}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")},_r=Object.assign||function(e){for(var t=1;t0?b.slice(0,-1):"0",n.md=l+":"+(c||"0")+e.unit+" "+(s||"0")+e.unit+" "+(u||"0")+e.unit+" "+(b||"0")+e.unit+";"}if(e&&e.sm){var p=t.replace(new RegExp("{{key}}","g"),e.sm).split(":"),d=Tr(p,2),f=d[0],y=d[1].split(" "),m=Tr(y,4),g=m[0],h=m[1],v=m[2],q=m[3];q=q.length>0?q.slice(0,-1):"0",n.sm=f+":"+(g||"0")+e.unit+" "+(h||"0")+e.unit+" "+(v||"0")+e.unit+" "+(q||"0")+e.unit+";"}if(e&&e.xs){var x=t.replace(new RegExp("{{key}}","g"),e.xs).split(":"),w=Tr(x,2),k=w[0],E=w[1].split(" "),R=Tr(E,4),C=R[0],S=R[1],B=R[2],T=R[3];T=T.length>0?T.slice(0,-1):"0",n.xs=k+":"+(C||"0")+e.unit+" "+(S||"0")+e.unit+" "+(B||"0")+e.unit+" "+(T||"0")+e.unit+";"}return n},Wr=function(e){if("object"===Or(e.global)||"object"===Or(e.custom)){var t={md:[],sm:[],xs:[]};return{md:(t="global"==e.radiusType?zr(Lr(_r({},e.global,{unit:e.unit?e.unit:"px"}),"border-radius:{{key}};"),t):zr(Hr(_r({},e.custom,{unit:e.unit?e.unit:"px"}),"border-radius:{{key}};"),t)).md,sm:t.sm,xs:t.xs}}var n="";if("global"==e.radiusType)n="border-radius:"+(e.global||"0")+(e.unit?e.unit:"px")+" ";else{var a=e.custom?e.custom.split(" "):["0","0","0","0"],o=e.unit?e.unit:"px";n="border-radius:"+(a[0]?a[0]:"0")+o+" "+(a[1]?a[1]:"0")+o+" "+(a[2]?a[2]:"0")+o+" "+(a[3]?a[3]:"0")+o}return"{"+n+"}"},Gr=function(e){if("object"===Or(e.global)||"object"===Or(e.custom)){var t={md:[],sm:[],xs:[]};return{md:(t="global"==e.paddingType?zr(Lr(_r({},e.global,{unit:e.unit?e.unit:"px"}),"padding:{{key}};"),t):zr(Hr(_r({},e.custom,{unit:e.unit?e.unit:"px"}),"padding:{{key}};"),t)).md,sm:t.sm,xs:t.xs}}var n="";if("global"==e.paddingType)n="padding:"+e.global+(e.unit?e.unit:"px")+" ";else{var a=e.custom?e.custom.split(" "):["0","0","0","0"],o=e.unit?e.unit:"px";n="padding:"+(a[0]?a[0]:"0")+o+" "+(a[1]?a[1]:"0")+o+" "+(a[2]?a[2]:"0")+o+" "+(a[3]?a[3]:"0")+o}return"{"+n+"}"},Vr=function(e){if("object"===Or(e.global)||"object"===Or(e.custom)){var t={md:[],sm:[],xs:[]};return{md:(t="global"==e.marginType?zr(Lr(_r({},e.global,{unit:e.unit?e.unit:"px"}),"margin:{{key}};"),t):zr(Hr(_r({},e.custom,{unit:e.unit?e.unit:"px"}),"margin:{{key}};"),t)).md,sm:t.sm,xs:t.xs}}var n="";if("global"==e.marginType)n="margin:"+e.global+(e.unit?e.unit:"px")+" ";else{var a=e.custom?e.custom.split(" "):["0","0","0","0"],o=e.unit?e.unit:"px";n="margin:"+(a[0]?a[0]:"0")+o+" "+(a[1]?a[1]:"0")+o+" "+(a[2]?a[2]:"0")+o+" "+(a[3]?a[3]:"0")+o}return"{"+n+"}"},Xr=function(e){var t={md:[],sm:[],xs:[]};return e.values.md&&t.md.push("flex-direction:row-reverse"),e.values.sm&&t.sm.push("flex-direction:column-reverse"),e.values.xs&&t.xs.push("flex-direction:column-reverse"),{md:t.md,sm:t.sm,xs:t.xs}},Jr=n(128),Kr={insert:"head",singleton:!1};p()(Jr.a,Kr),Jr.a.locals;function $r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Zr=wp.i18n.__,ec=(wp.element.useState,wp.components),tc=ec.Tooltip,nc=ec.Dropdown,ac=ec.ColorPicker;var oc,lc=function(e){var t=e.preset,n=e.value,a=e.onChange,o=e.className,l=e.deleteOption,i=e.onDelete,r=e.addNew,c=void 0===r?void 0:r,s=e.addNewColor,b=void 0!==s&&s,p=Se()("qubely-field","qubely-field-color","qubely-d-flex","qubely-align-center"),d=Se()(o,"qubely-color-picker-container",$r({},"qubely-global",b),$r({},"add-new-color",b));return React.createElement("div",{className:p},React.createElement(nc,{position:"top center",className:"qubely-ml-auto",renderToggle:function(e){var a=e.isOpen,o=e.onToggle;return React.createElement("div",{className:d},React.createElement("button",{isPrimary:!0,"aria-expanded":a,className:"qubely-color-picker",style:{backgroundColor:!b&&n?n:"transparent"},onClick:function(){b&&c(),"theme"!==t&&o()}},b&&React.createElement(tc,{text:Zr("Add new Color")},u.addColor)),l&&React.createElement("span",{className:"delete fas fa-times",onClick:function(){return i()}}))},renderContent:function(){return React.createElement(ac,{color:void 0!==n?n:"#000",disableAlpha:!1,onChangeComplete:function(e){e.rgb&&1!=e.rgb.a?a("rgba("+e.rgb.r+","+e.rgb.g+","+e.rgb.b+","+e.rgb.a+")"):a(e.hex)}})}}))},ic={name:void 0,key:void 0,colors:["#4A90E2","#50E3C2","#000","#4A4A4A","#9B9B9B"],typography:[{name:"Heading 1",value:{openTypography:1},style:[{selector:"{{QUBELY}} h1"}]},{name:"Heading 2",value:{openTypography:1},style:[{selector:"{{QUBELY}} h2"}]},{name:"Heading 3",value:{openTypography:1},style:[{selector:"{{QUBELY}} h3"}]},{name:"Heading 4",value:{openTypography:1},style:[{selector:"{{QUBELY}} h4"}]},{name:"Heading 5",value:{openTypography:1},style:[{selector:"{{QUBELY}} h5"}]},{name:"Heading 6",value:{openTypography:1},style:[{selector:"{{QUBELY}} h6"}]}]},rc={activePreset:"preset1",presets:{preset1:{name:"Preset #1",key:"preset1",colors:["#696CFF","#04C3EC","#363636","#BBC0D4","#FFFFFF"],typography:[{name:"Heading 1",scope:"others",value:{openTypography:1,size:{md:60,unit:"px"},family:"Roboto",height:{unit:"px",md:"80"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif",weight:700}},{name:"Heading 2",scope:"others",value:{openTypography:1,size:{md:48,unit:"px"},family:"Roboto",height:{unit:"px",md:"64"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif",weight:700}},{name:"Heading 3",scope:"others",value:{openTypography:1,size:{md:36,unit:"px"},family:"Roboto",height:{unit:"px",md:"48"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif",weight:700}},{name:"Heading 4",scope:"others",value:{openTypography:1,size:{md:30,unit:"px"},family:"Roboto",height:{unit:"px",md:"36"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif",weight:700}},{name:"Heading 5",scope:"others",value:{openTypography:1,size:{md:18,unit:"px"},family:"Roboto",height:{unit:"px",md:"28"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif",weight:700}},{name:"Heading 6",scope:"others",value:{openTypography:1,size:{md:16,unit:"px"},family:"Roboto",height:{unit:"px",md:"24"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif",weight:700}},{name:"Paragraph #1",scope:"p",value:{openTypography:1,size:{md:18,unit:"px"},family:"Roboto",height:{unit:"px",md:"24"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif"}},{name:"Paragraph #2",scope:"p",value:{openTypography:1,size:{md:14,unit:"px"},family:"Roboto",height:{unit:"px",md:"22"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif"}},{name:"Button #1",scope:"button",value:{openTypography:1,size:{md:16,unit:"px"},family:"Roboto",height:{unit:"px",md:"19"},spacing:{unit:"px",md:"3",xs:"0"},type:"sans-serif",transform:"uppercase",weight:700}},{name:"Button #2",scope:"button",value:{openTypography:1,size:{md:14,unit:"px"},family:"Roboto",height:{unit:"px",md:"19"},spacing:{unit:"px",md:"3",xs:"0"},type:"sans-serif",transform:"uppercase",weight:700}}]},preset2:{name:"Preset #2",key:"preset2",colors:["#0081FF","#0053A4","#363636","#BBC0D4","#FFFFFF"],typography:[{name:"Heading 1",scope:"others",value:{openTypography:1,size:{md:60,unit:"px"},family:"Lato",height:{unit:"px",md:"71"},spacing:{unit:"px",md:"-2",xs:"0"},type:"sans-serif",weight:300}},{name:"Heading 2",scope:"others",value:{openTypography:1,size:{md:48,unit:"px"},family:"Lato",height:{unit:"px",md:"58"},spacing:{unit:"px",md:"-0.5",xs:"0"},type:"sans-serif",weight:300}},{name:"Heading 3",scope:"others",value:{openTypography:1,size:{md:36,unit:"px"},family:"Lato",height:{unit:"px",md:"44"},spacing:{unit:"px",md:"-0.35",xs:"0"},type:"sans-serif",weight:300}},{name:"Heading 4",scope:"others",value:{openTypography:1,size:{md:30,unit:"px"},family:"Lato",height:{unit:"px",md:"36"},spacing:{unit:"px",md:"-0.31",xs:"0"},type:"sans-serif",weight:300}},{name:"Heading 5",scope:"others",value:{openTypography:1,size:{md:26,unit:"px"},family:"Lato",height:{unit:"px",md:"34"},spacing:{unit:"px",md:"-0.25",xs:"0"},type:"sans-serif",weight:300}},{name:"Heading 6",scope:"others",value:{openTypography:1,size:{md:22,unit:"px"},family:"Lato",height:{unit:"px",md:"32"},spacing:{unit:"px",md:"-0.21",xs:"0"},type:"sans-serif",weight:300}},{name:"Paragraph #1",scope:"p",value:{openTypography:1,size:{md:18,unit:"px"},family:"Lato",height:{unit:"px",md:"30"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif",weight:400}},{name:"Paragraph #2",scope:"p",value:{openTypography:1,size:{md:14,unit:"px"},family:"Lato",height:{unit:"px",md:"22"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif",weight:400}},{name:"Button #1",scope:"button",value:{openTypography:1,size:{md:16,unit:"px"},family:"Lato",height:{unit:"px",md:"19"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif",weight:700}},{name:"Button #2",scope:"button",value:{openTypography:1,size:{md:14,unit:"px"},family:"Lato",height:{unit:"px",md:"17"},spacing:{unit:"px",md:"0",xs:"0"},type:"sans-serif",weight:700}}]}}},cc={sm:540,md:720,lg:960,xl:1140},sc="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},uc=Object.assign||function(e){for(var t=1;t*{letter-spacing:{{key}} !important;}"),o)),o.md.length>0&&(n+=o.md.join(" ")),o.sm.length>0&&(n+="@media (max-width: 1199px) {"+o.sm.join("")+"}"),o.xs.length>0&&(n+="@media (max-width: 991px) {"+o.xs.join("")+"}"),e.family&&(["Arial","Tahoma","Verdana","Helvetica","Times New Roman","Trebuchet MS","Georgia"].includes(e.family)||(a="@import url('https://fonts.googleapis.com/css?family="+e.family.replace(/\s/g,"+")+":"+(e.weight||400)+"'); ")),e.family&&(a+=".typo-name.index-"+(t+1)+">*{ font-family:'"+e.family+"',"+e.type+";} "),e.weight&&("string"==typeof e.weight?a+=".typo-name.index-"+(t+1)+">* {font-weight:"+e.weight.slice(0,-1)+";font-style:italic;} ":a+=".typo-name.index-"+(t+1)+">* {font-weight:"+e.weight+";font-style:normal;} "),e.transform&&(a+=".typo-name.index-"+(t+1)+">* {text-transform:"+e.transform+";} ");var l="";return n.length>10&&(l+=n),a.length>10&&(l+=" "+a),l}(e.value,n);t+=a})),qc(t,"qubely-global-panel")},hc=function(e,t){var n="";return e.forEach((function(e,a){var o={};e.value&&(o=e.value),Object.keys(o).length>=1&&(n+=function(e,t,n){var a="",o="",l={md:[],sm:[],xs:[]};e.size&&(l=mc(yc(e.size,"--qubely-typo"+(t+1)+"-font-size:{{key}};"),l)),e.height&&(l=mc(yc(e.height,"--qubely-typo"+(t+1)+"-line-height:{{key}};"),l)),e.spacing&&(l=mc(yc(e.spacing,"--qubely-typo"+(t+1)+"-letter-spacing:{{key}};"),l)),l.md.length>0&&(a+=":root{"+l.md.join("")+"}"),l.sm.length>0&&(a+="@media (max-width: 1199px) {:root{"+l.sm.join("")+"}}"),l.xs.length>0&&(a+="@media (max-width: 991px) {:root{"+l.xs.join("")+"}}"),"frontend"!==n&&e.family&&(["Arial","Tahoma","Verdana","Helvetica","Times New Roman","Trebuchet MS","Georgia"].includes(e.family)||(o="@import url('https://fonts.googleapis.com/css?family="+e.family.replace(/\s/g,"+")+":"+(e.weight||400)+"');")),o+=":root{",e.family&&(o+="--qubely-typo"+(t+1)+"-font-family:'"+e.family+"',"+e.type+";"),e.weight&&("string"==typeof e.weight?(o+="--qubely-typo"+(t+1)+"-font-weight:"+e.weight.slice(0,-1)+";",o+="--qubely-typo"+(t+1)+"-font-style:italic;"):(o+="--qubely-typo"+(t+1)+"-font-weight:"+e.weight+";",o+="--qubely-typo"+(t+1)+"-font-style:normal;")),e.transform&&(o+="--qubely-typo"+(t+1)+"-text-transform:"+e.transform+";"),o+="}";var i="";return a.length>10&&(i+=a),o.length>10&&(i+=" "+o),i}(o,a,t))})),n},vc=function(e){var t=e.sm,n=e.md,a=e.lg,o=e.xl,l="";return void 0!==t&&(l+="@media (min-width: 576px){.qubely-section .qubely-container{max-width: "+t+"px;}}"),void 0!==n&&(l+="@media (min-width: 768px){.qubely-section .qubely-container{max-width: "+n+"px;}}"),void 0!==a&&(l+="@media (min-width: 992px){.qubely-section .qubely-container{max-width: "+a+"px;}}"),void 0!==o&&(l+="@media (min-width: 1200px){.qubely-section .qubely-container{max-width: "+o+"px;}}"),l},qc=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"qubely-global-styles",n=window.document;if(null===n.getElementById(t)){var a=document.createElement("style");a.type="text/css",a.id=t,a.styleSheet?a.styleSheet.cssText=e:a.innerHTML=e,n.getElementsByTagName("head")[0].appendChild(a)}else n.getElementById(t).innerHTML=e},xc=(dc=pc(ke.a.mark((function e(t){var n,a,o,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;return ke.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n="",a=t.colors,o=t.typography,n+=function(e){var t=":root {";return e.forEach((function(e,n){return t+="--qubely-color-"+(n+1)+":"+e+";"})),t+="}"}(a),n+=hc(o),void 0!==l&&(n+=vc(l)),qc(n);case 7:case"end":return e.stop()}}),e,void 0)}))),function(e){return dc.apply(this,arguments)}),wc=function(e){var t="",n=rc.presets,a=rc.activePreset,o=uc({},cc,void 0!==("undefined"==typeof qubely_container_width?"undefined":sc(qubely_container_width))&&qubely_container_width);return bc().then((function(l){if(l.success){void 0!==l.settings.presets&&(n=l.settings.presets),void 0!==l.settings.activePreset&&(a=l.settings.activePreset),globalData=n[a];var i=["#4A90E2","#50E3C2","#000","#4A4A4A","#9B9B9B"];"undefined"!=typeof globalData&&globalData.colors&&globalData.colors.length>0&&(i=globalData.colors);return void 0!==l.settings.breakingPoints&&(o=uc({},o,l.settings.breakingPoints)),t+=function(e){var t=":root {";return e.forEach((function(e,n){return t+="--qubely-color-"+(n+1)+":"+e+";"})),t+="}"}(i),t+=hc(globalData.typography,e),t+=vc(o)}}))},kc="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Ec=Object.assign||function(e){for(var t=1;t0||Object.keys(_c({typography:t.settings.presets[t.settings.activePreset].typography},{typography:a.state.savedMeta.typography})).length>0||Object.keys(_c({breakingPoints:t.settings.breakingPoints},{breakingPoints:a.state.savedMeta.breakingPoints})).length>0)?(console.log("preset changed"),a.setState({isPresetChanged:!0,showModal:!0})):(console.log("same preset"),a.setState({isPresetChanged:!1})),t.success?(0===Object.keys(t.settings).length&&(e=!1,a.updateGlobalSettings()),"theme"!==t.settings.activePreset&&a.saveGlobalCSS(),a.setState(Ec({},t.settings)),localStorage.setItem("qubely-global-settings",JSON.stringify(Ec({},rc.presets[rc.activePreset],{breakingPoints:Ec({},a.state.breakingPoints,void 0!==("undefined"==typeof qubely_container_width?"undefined":kc(qubely_container_width))&&qubely_container_width,(e&&void 0!==t.settings.breakingPoints)&t.settings.breakingPoints)},(e&&void 0!==t.settings.presets&&void 0!==t.settings.activePreset)&t.settings.presets[t.settings.activePreset])))):(a.setState(Ec({},rc)),a.updateGlobalSettings())}))},a.updateGlobalSettings=Bc(ke.a.mark((function e(){var t,o,l,i,r;return ke.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=a.state,o=t.presets,l=t.activePreset,i=t.breakingPoints,r={activePreset:l,presets:Ec({},o),breakingPoints:Ec({},i)},e.next=4,wp.apiFetch({path:Hc,method:"POST",data:{settings:JSON.stringify(r)}}).then((function(e){return e}));case 4:case"end":return e.stop()}}),e,n)}))),a.state=Ec({presets:{}},rc,{newTypoScope:"others",newTypoTitle:null,renameTypo:void 0,enableRenaming:void 0,showTypoSettings:void 0,showPresetSettings:void 0,breakingPoints:Ec({sm:540,md:720,lg:960,xl:1140},void 0!==("undefined"==typeof qubely_container_width?"undefined":kc(qubely_container_width))&&qubely_container_width)}),a.ref=jc(),a.typoRef=jc(),a.saveGlobalCSS=a.saveGlobalCSS.bind(a),a}var n,a,o;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),Rc(t,[{key:"componentDidMount",value:(o=Bc(ke.a.mark((function e(){var t,n,a,o=this;return ke.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=wp.data.select("core/editor").getCurrentPostId(),n=void 0,!qubely_admin.is_core_active){e.next=5;break}return e.next=5,wp.apiFetch({path:"qubely/v1/get_saved_preset",method:"POST",data:{postId:t}}).then((function(e){e.saved_preset&&(n=JSON.parse(e.saved_preset),o.setState({savedMeta:JSON.parse(e.saved_preset)}))}));case 5:this.getGlobalSettings(),a=!0,Cc().then((function(e){if(e.success)if(qubely_admin.is_core_active&&n&&(n.key!==e.settings.activePreset||Object.keys(_c({colors:e.settings.presets[e.settings.activePreset].colors},{colors:n.colors})).length>0||Object.keys(_c({typography:e.settings.presets[e.settings.activePreset].typography},{typography:n.typography})).length>0||Object.keys(_c({breakingPoints:e.settings.breakingPoints},{breakingPoints:n.breakingPoints})).length>0)){var t=n,l=t.key,i=t.name,r=t.colors,c=t.typography,s=t.breakingPoints;o.setState((function(e,t){var n=e.presets,a=(e.activePreset,e.breakingPoints),o=rc;return(o=Ec({},void 0!==n&&n))[l].name=i,o[l].colors=r,o[l].typography=c,{isPresetChanged:!1,presets:o,activePreset:l,breakingPoints:a}})),xc({key:l,name:i,colors:r,typography:c},s),localStorage.setItem("qubely-global-settings",JSON.stringify(Ec({},rc.presets[rc.activePreset],{key:l,name:i,colors:r,typography:c,breakingPoints:Ec({},o.state.breakingPoints,void 0!==("undefined"==typeof qubely_container_width?"undefined":kc(qubely_container_width))&&qubely_container_width,void 0!==s&s)})));var u={activePreset:l,presets:Ec({},o.state.presets,Sc({},l,{key:l,name:i,colors:r,typography:c})),breakingPoints:s};wp.apiFetch({path:Hc,method:"POST",data:{settings:JSON.stringify(u)}}).then((function(e){return e}))}else 0===Object.keys(e.settings).length&&(a=!1,o.updateGlobalSettings()),"theme"!==e.settings.activePreset&&o.saveGlobalCSS(),o.setState(Ec({},e.settings)),localStorage.setItem("qubely-global-settings",JSON.stringify(Ec({},rc.presets[rc.activePreset],{breakingPoints:Ec({},o.state.breakingPoints,void 0!==("undefined"==typeof qubely_container_width?"undefined":kc(qubely_container_width))&&qubely_container_width,(a&&void 0!==e.settings.breakingPoints)&e.settings.breakingPoints)},a&&void 0!==e.settings.presets&&void 0!==e.settings.activePreset&&e.settings.presets[e.settings.activePreset])));else o.setState(Ec({},rc)),o.updateGlobalSettings()}));case 8:case"end":return e.stop()}}),e,this)}))),function(){return o.apply(this,arguments)})},{key:"saveGlobalCSS",value:(a=Bc(ke.a.mark((function e(){var t;return ke.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,wc();case 2:return t=e.sent,e.next=5,qc(t,"qubely-global-styles");case 5:case"end":return e.stop()}}),e,this)}))),function(){return a.apply(this,arguments)})},{key:"componentDidUpdate",value:(n=Bc(ke.a.mark((function e(t,n){var a,o,l,i,r,c,s=this;return ke.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:a=this.state,o=a.presets,l=a.activePreset,i=a.renameTypo,r=a.enableRenaming,c=a.breakingPoints,r!==n.enableRenaming&&void 0!==r&&setTimeout((function(){void 0!==s.ref.current&&s.ref.current.focus()}),100),i!==n.renameTypo&&void 0!==i&&setTimeout((function(){void 0!==s.ref.current&&s.typoRef.current.focus()}),100),o&&l&&l!==n.activePreset&&xc(o[l],c),(l!==n.activePreset||Object.keys(_c({breakingPoints:c},{breakingPoints:n.breakingPoints})).length>0)&&wp.data.dispatch("core/editor").editPost({meta:{_non_existing_meta:!0}});case 5:case"end":return e.stop()}}),e,this)}))),function(e,t){return n.apply(this,arguments)})},{key:"restoreSavedpreset",value:function(e){var t=e.key,n=e.name,a=e.colors,o=e.typography,l=e.breakingPoints;this.setState((function(e,l){var i=e.presets,r=(e.activePreset,e.breakingPoints),c=i;return c[t].name=n,c[t].colors=a,c[t].typography=o,{isPresetChanged:!1,presets:c,activePreset:t,breakingPoints:r}})),xc({key:t,name:n,colors:a,typography:o},l)}},{key:"render",value:function(){var e,t,n,a,o,l=this,i=this.state,r=i.presets,c=i.breakingPoints,s=i.renameTypo,b=(i.newTypoScope,i.newTypoTitle,i.activePreset),p=i.enableRenaming,d=i.showTypoSettings,f=i.showPresetSettings,y=(i.isPresetChanged,i.showModal,i.savedMeta,function(e,t,n){l.setState((function(a,o){var l=a.presets,i=a.activePreset,r=a.breakingPoints,c=l;return c[n].colors[e]=t,xc(c[i],r),{presets:c}}))}),m=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments[1],n=arguments[2],a=arguments[3];l.setState((function(o){var l=o.newTypoScope,i=o.newTypoTitle,r=o.presets,c=o.activePreset,s=o.breakingPoints,u=r;return e?u[t].typography.push({name:i||"Custom Typo",removable:!0,scope:l,value:{openTypography:1}}):"delete"===a?u[t].typography.splice(n,1):u[t].typography[n].value=a,xc(u[c],s),{presets:u,newTypoTitle:null}}))},g=function(e,t){var n;l.setState((n=Bc(ke.a.mark((function n(a){var o,i,c;return ke.a.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(o=void 0,i=Object.keys(r).length,o="add"===t?e:JSON.parse(JSON.stringify(a.presets[e])),c="preset"+(i+1),a.presets[c]=o,a.presets[c].key=c,a.presets[c].name="duplicate"===t?"Copy of "+o.name:"Preset #"+(i+1),"saveAs"!==t){n.next=10;break}return n.next=9,Cc().then((function(t){t.success&&void 0!==t.settings.presets[e]&&(a.presets[e]=t.settings.presets[e])}));case 9:return n.abrupt("return",{presets:a.presets,showPresetSettings:void 0});case 10:return n.abrupt("return",{presets:a.presets});case 11:case"end":return n.stop()}}),n,l)}))),function(e){return n.apply(this,arguments)}))},h=function(e,t){l.setState((function(n){var a=n.presets,o=n.activePreset,l=n.breakingPoints,i=540;void 0!==("undefined"==typeof qubely_container_width?"undefined":kc(qubely_container_width))?i=qubely_container_width[e]:"sm"===e?i=720:"md"===e?i=960:"lg"===e&&(i=1199);var r=Ec({},l,Sc({},e,void 0===t?i:t));return xc(a[o],r),{breakingPoints:r}}))},v=Yc("core/editor"),q=v.isSavingPost,x=v.isPreviewingPost,w=v.isPublishingPost,k=v.isAutosavingPost;if((q()||x()||w())&&!k()&&this.updateGlobalSettings(),void 0!==f){var E=Object.keys(r)[f];void 0!==r[E]&&gc(r[E].typography)}return localStorage.setItem("qubely-global-settings",JSON.stringify(Ec({},r[b],{breakingPoints:c}))),React.createElement(Nc,null,React.createElement(Qc,{icon:u.qubely,name:"global-settings-sidebar",title:Tc("Qubely Global Settings")},(e=function(e,t,n){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0;return React.createElement(Lc,{text:Tc(t)},React.createElement("div",Ec({className:n,onClick:a},void 0!==a&&{onClick:function(){return a()}}),React.createElement("div",{className:"add-new"},React.createElement("span",{className:"icon"},u.plus_circle),React.createElement("span",{className:"title"},Tc(e)))))},t=function(e){l.setState((function(t){return delete t.presets[e],localStorage.setItem("qubely-global-settings",JSON.stringify(r[e===t.activePreset?"preset1":b])),Ec({presets:t.presets},e===t.activePreset&&{activePreset:"preset1"})}))},n=wp.data.select("core").getThemeSupports(),a=[],o=[],"object"===kc(n["editor-color-palette"])&&Array.isArray(n["editor-color-palette"])||"object"===kc(n["editor-font-sizes"])&&Array.isArray(n["editor-font-sizes"])?(Array.isArray(n["editor-color-palette"])&&(a=n["editor-color-palette"].map((function(e){return e.color}))),Array.isArray(n["editor-font-sizes"])&&(o=n["editor-font-sizes"].map((function(e){return{name:e.name,scope:"others",value:{openTypography:!0,size:{md:e.size,unit:"px"}}}}))).reverse(),(void 0===r.theme||Object.keys(_c({colors:a},{colors:r.theme.colors})).length>0||Object.keys(_c({typography:o},{typography:r.theme.typography})).length>0)&&l.setState((function(e){var t,n=e.presets,l=e.activePreset,i=e.breakingPoints;return delete n.theme,t=Ec({theme:{name:"Theme",key:"theme",colors:a,typography:o}},n),"theme"===l&&xc(t[l],i),{presets:t}}))):r.theme&&t("theme"),React.createElement("div",{className:"qubely-global-settings"},Object.keys(r).map((function(n,a){var o=r[n],i=o.name,c=o.key,h=o.colors,v=o.typography,q=!1,x=!1;b===c&&(q=!0),f===a&&(x=!0);var w=Se()("preset",Sc({},"active",q),Sc({},"detailed",x),Sc({},"renaming",p===n));return React.createElement("div",{key:n,className:w},React.createElement("div",{className:"title-wrapper"},React.createElement("div",Ec({className:"title"},!x&&{onClick:function(){return l.setState((function(e){return{showPresetSettings:x?void 0:a,enableRenaming:p!==n?void 0:n}}))}}),x&&React.createElement("span",{className:"radio-button fas fa-angle-left",onClick:function(){return l.setState((function(e){return Ec({showPresetSettings:x?void 0:a},p===n&&{enableRenaming:void 0})}))}}),p===n?React.createElement("input",{ref:l.ref,value:i,type:"text",className:"rename-preset",placeholder:Tc("Add preset name"),onFocus:function(){l.ref.current.value=l.ref.current.value},onKeyPress:function(e){"Enter"==e.key&&(l.ref.current.blur(),l.setState({enableRenaming:void 0}))},onChange:function(e){return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments[1];l.setState((function(n){return n.presets[t].name=e,{presets:n.presets}}))}(e.target.value,n)}}):React.createElement(Nc,null,React.createElement("span",{className:"name"}," ",i),q&&React.createElement("span",{className:"is-active-label"},Tc("Active")))),React.createElement(zc,{position:"bottom center",className:"options",contentClassName:"global-settings preset-options",renderToggle:function(e){e.isOpen;var t=e.onToggle;return x?React.createElement("div",{className:"icon",onClick:t},u.ellipsis_h," "):React.createElement("div",{className:"icon",onClick:t},u.ellipsis_v," ")},renderContent:function(e){var o=e.onToggle,i=Se()(Sc({},"active",q));return React.createElement("div",{className:"global-preset-options"},React.createElement("div",Ec({className:i},!q&&{onClick:function(){!function(e){l.setState({showTypoSettings:void 0,activePreset:q?void 0:e})}(c),o()}}),"Activate"),x?React.createElement("div",{onClick:function(){g(n,"saveAs"),o()}},"Save as New"):React.createElement(Nc,null,React.createElement("div",{onClick:function(){l.setState({enableRenaming:n}),o()}},"Rename"),React.createElement("div",{onClick:function(){g(n,"duplicate"),o()}},"Duplicate")),a>1&&React.createElement("div",{onClick:function(){return t(n)}},"Delete"))}})),x&&React.createElement(Nc,null,React.createElement(Ac,{title:Tc("theme"===n?"Theme Colors":"Global Colors"),initialOpen:!0},React.createElement("div",{className:"qubely-global-color-pallete"},h.map((function(e,t){return React.createElement(lc,{key:t,preset:n,value:e,className:t<5?"primary-color":"added-color",deleteOption:!(t<5),onDelete:function(){return function(e,t){l.setState((function(n,a){var o=n.presets;return o[t].colors.splice(e,1),{presets:o}}))}(t,n)},onChange:function(e){return y(t,e,n)}})})),"theme"===n&&React.createElement(Mc,{status:"warning",isDismissible:!1},h.length>0?Tc(" Disclaimer: Theme colors aren't editable."):Tc("Theme colors not available")),"theme"!==n&&React.createElement(lc,{addNewColor:!0,value:void 0,addNew:function(){return function(e){l.setState((function(t,n){var a=t.presets;return a[e].colors.push(""),{presets:a}}))}(n)},onChange:function(e){return y(r[n].colors.length-1,e,n)}}))),void 0!==v&&v.length>0&&React.createElement(Ac,{title:Tc("Typography"),initialOpen:!0},v.map((function(e,t){var a=e.name,o=e.value,i=e.scope,r=void 0===i?"h":i,c=e.removable,b=void 0!==c&&c,p=!1;d===t&&(p=!0);var f="h"+(t+1);"p"===r||b&&"others"===r?f="p":"button"===r&&(f="button");var y=Se()("qubely-global","typography",Sc({},"removable",b)),g=Se()("typo-name","tag-"+f,"index-"+(t+1),Sc({},"active",p));return React.createElement("div",{key:t,className:y},React.createElement("div",{className:g},s===t?React.createElement("input",{ref:l.typoRef,value:a,type:"text",className:"rename-typo name",placeholder:Tc("Add typography name"),onFocus:function(){l.typoRef.current.value=l.typoRef.current.value},onBlur:function(){l.setState({renameTypo:void 0})},onKeyPress:function(e){"Enter"==e.key&&(l.typoRef.current.blur(),l.setState({renameTypo:void 0}))},onChange:function(e){return function(e,t,n){l.setState((function(a){var o=a.presets,l=a.activePreset,i=a.breakingPoints,r=o;return r[e].typography[t].name=n,xc(r[l],i),{presets:r}}))}(n,t,e.target.value)}}):React.createElement(f,{className:"name",onClick:function(){return l.setState({showTypoSettings:p?void 0:t})}}," ",a),p&&b&&React.createElement(zc,{position:"bottom center",className:"options",contentClassName:"global-settings preset-options",renderToggle:function(e){e.isOpen;var t=e.onToggle;return p?React.createElement("div",{className:"icon",onClick:t},u.ellipsis_h," "):React.createElement("div",{className:"icon",onClick:t},u.ellipsis_v," ")},renderContent:function(e){var a=e.onToggle;return React.createElement("div",{className:"global-preset-options"},React.createElement("div",{onClick:function(){a(),l.setState({renameTypo:t})}}," ","Rename"),React.createElement("div",{onClick:function(){m(!1,n,t,"delete"),a()}},"delete"))}})),p&&("theme"===n?React.createElement("div",{className:"theme-typo-wrapper"},React.createElement(Dc,{label:Tc("Font Size"),value:o.size.md,onChange:function(e){return console.log("theme default can't be changed")},disabled:!0}),React.createElement(Mc,{status:"warning",isDismissible:!1},Tc("Disclaimer: Theme fonts aren't editable."))):React.createElement(ki,{value:o,globalSettings:!0,key:a+t,onChange:function(e){return m(!1,n,t,e)}})))})),v.length<13&&"theme"!==n&&React.createElement("div",{onClick:function(){return m(!0,n)}},e("Add new typography","Add Typography","add-new-wrapper add-new-typo")))))})),e("Add new preset","Add Preset","add-new-wrapper",(function(){return g(ic,"add")})))),React.createElement(Ac,{title:Tc("Global Container Width"),initialOpen:!1},React.createElement(Dc,{min:200,max:767,allowReset:!0,label:Tc("Landscape Mobile"),value:c.sm,renderTooltipContent:function(){return function(e){return e+"%"}},onChange:function(e){return h("sm",e)}}),React.createElement(Dc,{min:400,max:991,allowReset:!0,label:Tc("Tablet"),value:c.md,onChange:function(e){return h("md",e)}}),React.createElement(Dc,{min:800,max:1199,allowReset:!0,label:Tc("Desktop"),value:c.lg,onChange:function(e){return h("lg",e)}}),React.createElement(Dc,{min:900,max:2300,allowReset:!0,label:Tc("Large Desktop"),value:c.xl,onChange:function(e){return h("xl",e)}}),React.createElement("div",{className:"qubely-row-device",style:{margin:"0 -15px"}},React.createElement(Mc,{status:"default",isDismissible:!1},React.createElement("div",{className:"qubely-device-description title"},Tc("Device definations in terms of "),React.createElement("strong",null,Tc("min-width"))),React.createElement("div",{className:"qubely-device-description"},Tc("Landscape Mobile : 576px")),React.createElement("div",{className:"qubely-device-description"}," ",Tc("Tablet : 768px")),React.createElement("div",{className:"qubely-device-description"}," ",Tc("Desktop : 992px")),React.createElement("div",{className:"qubely-device-description"},Tc("Large Desktop : 1200px")))))),React.createElement(Fc,{icon:u.qubely,target:"global-settings-sidebar"},Tc("Qubely Global Settings")))}}]),t}(Pc),Gc="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Vc=function(e,t,n){return e.replace(new RegExp(t,"g"),n)},Xc=function(e){return"object"==(void 0===e?"undefined":Gc(e))&&0!=Object.keys(e).length},Jc=function(e,t){return e.replace(new RegExp("{{QUBELY}}","g"),".qubely-block-"+t)},Kc=function(e,t){var n="";return t.forEach((function(e){n+=e+";"})),e+"{"+n+"}"},$c=function(e,t){var n="";return t.forEach((function(t){n+=e+t})),n},Zc=function(e,t,n,a){if(a="object"!=(void 0===a?"undefined":Gc(a))?a:es(a).data,"string"==typeof e){if(e){if(a){var o=Jc(e,t);return"boolean"==typeof a?[o]:-1==o.indexOf("{{")&&o.indexOf("{")<0?[o+a]:[Vc(o,"{{"+n+"}}",a)]}return[]}return[Jc(a,t)]}var l=[];return e.forEach((function(e){l.push(Vc(Jc(e,t),"{{"+n+"}}",a))})),l},es=function(e){return e.openTypography?{data:Ar(e),action:"append"}:e.openBg?{data:(t=e,n="{",n+=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments[2],a=arguments[3],o=arguments[4],l=arguments[5],i=arguments[6],r=arguments[7],c=arguments.length>8&&void 0!==arguments[8]?arguments[8]:"local",s=arguments.length>9&&void 0!==arguments[9]?arguments[9]:{},u=i?"background-color:"+i+";":"";return"image"==e?u+=("local"===c?t.hasOwnProperty("url")?"background-image:url("+t.url+");":"":s.hasOwnProperty("url")?"background-image:url("+s.url+");":"")+(n?"background-position:"+n+";":"")+(a?"background-attachment:"+a+";":"")+(o?"background-repeat:"+o+";":"")+(l?"background-size:"+l+";":""):"gradient"==e&&(r&&"linear"==r.type?u+="background-image: linear-gradient("+r.direction+"deg, "+r.color1+" "+r.start+"%,"+r.color2+" "+r.stop+"%);":(void 0===r.radial&&(r.radial="center"),u+="background-image: radial-gradient( circle at "+r.radial+" , "+r.color1+" "+r.start+"%,"+r.color2+" "+r.stop+"%);")),u}(t.bgType,t.bgImage,t.bgimgPosition,t.bgimgAttachment,t.bgimgRepeat,t.bgimgSize,t.bgDefaultColor,t.bgGradient,t.bgimageSource,t.externalImageUrl),n+="}","video"==t.bgType&&t.bgVideoFallback&&t.bgVideoFallback.url&&(n+="background-image: url("+t.bgVideoFallback.url+"); background-position: center; background-repeat: no-repeat; background-size: cover;"),"{}"!=n?n:{}),action:"append"}:e.openBorder?{data:jr(e),action:"append"}:e.tableBorder?{data:Ir(e),action:"append"}:e.openShadow&&e.color?{data:Nr(e),action:"append"}:e.direction?{data:Pr(e,"return"),action:"append"}:void 0!==e.top||void 0!==e.left||void 0!==e.right||void 0!==e.bottom?{data:Mr(e),action:"replace"}:e.openShape?{data:Dr(e),action:"append"}:e.openColor?{data:Yr(e),action:"append"}:e.spaceTop||e.spaceBottom?{data:Ur(e),action:"append"}:e.selectedSize?{data:Qr(e),action:"append"}:e.openBorderRadius?{data:Wr(e),action:"append"}:e.openPadding?{data:Gr(e),action:"append"}:e.openMargin?{data:Vr(e),action:"append"}:e.openRowReverse?{data:Xr(e),action:"append"}:e.openTransfrom?{data:Fr(e),action:"append"}:{data:"",action:"append"};var t,n},ts=function(e,t,n,a){var o=!0;return t.hasOwnProperty("condition")&&t.condition.forEach((function(t){var n=o;if("=="==t.relation||"==="==t.relation)if("string"==typeof t.value||"number"==typeof t.value||"boolean"==typeof t.value)o=e[t.key]==t.value;else{var a=!1;t.value.forEach((function(n){e[t.key]==n&&(a=!0)})),a&&(o=!0)}else if("!="==t.relation||"!=="==t.relation)if("string"==typeof t.value||"number"==typeof t.value||"boolean"==typeof t.value)o=e[t.key]!=t.value;else{var l=!1;t.value.forEach((function(n){e[t.key]!=n&&(l=!0)})),l&&(o=!0)}0==n&&(o=!1)})),o},ns=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=window.document,l="qubely-block-"+t;if(n&&a&&(l="qubely-global-styles"),null===o.getElementById(l)){var i=document.createElement("style");i.type="text/css",i.id=l,i.styleSheet?i.styleSheet.cssText=e:i.innerHTML=e,o.getElementsByTagName("head")[0].appendChild(i)}else o.getElementById(l).innerHTML=e},as=function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var n=[],a=!0,o=!1,l=void 0;try{for(var i,r=e[Symbol.iterator]();!(a=(i=r.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){o=!0,l=e}finally{try{!a&&r.return&&r.return()}finally{if(o)throw l}}return n}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")},os=Object.assign||function(e){for(var t=1;t0?b.slice(0,-1):"0",n.md=l+":"+(c||"0")+e.unit+" "+(s||"0")+e.unit+" "+(u||"0")+e.unit+" "+(b||"0")+e.unit+";"}if(e&&e.sm){var p=t.replace(new RegExp("{{key}}","g"),e.sm).split(":"),d=as(p,2),f=d[0],y=d[1].split(" "),m=as(y,4),g=m[0],h=m[1],v=m[2],q=m[3];q=q.length>0?q.slice(0,-1):"0",n.sm=f+":"+(g||"0")+e.unit+" "+(h||"0")+e.unit+" "+(v||"0")+e.unit+" "+(q||"0")+e.unit+";"}if(e&&e.xs){var x=t.replace(new RegExp("{{key}}","g"),e.xs).split(":"),w=as(x,2),k=w[0],E=w[1].split(" "),R=as(E,4),C=R[0],S=R[1],B=R[2],T=R[3];T=T.length>0?T.slice(0,-1):"0",n.xs=k+":"+(C||"0")+e.unit+" "+(S||"0")+e.unit+" "+(B||"0")+e.unit+" "+(T||"0")+e.unit+";"}return n},qs=function(e){if("object"===ls(e.global)||"object"===ls(e.custom)){var t={md:[],sm:[],xs:[]};return{md:(t="global"==e.radiusType?bs(us(os({},e.global,{unit:e.unit?e.unit:"px"}),"border-radius:{{key}};"),t):bs(vs(os({},e.custom,{unit:e.unit?e.unit:"px"}),"border-radius:{{key}};"),t)).md,sm:t.sm,xs:t.xs}}var n="";if("global"==e.radiusType)n="border-radius:"+(e.global||"0")+(e.unit?e.unit:"px")+" ";else{var a=e.custom?e.custom.split(" "):["0","0","0","0"],o=e.unit?e.unit:"px";n="border-radius:"+(a[0]?a[0]:"0")+o+" "+(a[1]?a[1]:"0")+o+" "+(a[2]?a[2]:"0")+o+" "+(a[3]?a[3]:"0")+o}return"{"+n+"}"},xs=function(e){if("object"===ls(e.global)||"object"===ls(e.custom)){var t={md:[],sm:[],xs:[]};return{md:(t="global"==e.paddingType?bs(us(os({},e.global,{unit:e.unit?e.unit:"px"}),"padding:{{key}};"),t):bs(vs(os({},e.custom,{unit:e.unit?e.unit:"px"}),"padding:{{key}};"),t)).md,sm:t.sm,xs:t.xs}}var n="";if("global"==e.paddingType)n="padding:"+e.global+(e.unit?e.unit:"px")+" ";else{var a=e.custom?e.custom.split(" "):["0","0","0","0"],o=e.unit?e.unit:"px";n="padding:"+(a[0]?a[0]:"0")+o+" "+(a[1]?a[1]:"0")+o+" "+(a[2]?a[2]:"0")+o+" "+(a[3]?a[3]:"0")+o}return"{"+n+"}"},ws=function(e){if("object"===ls(e.global)||"object"===ls(e.custom)){var t={md:[],sm:[],xs:[]};return{md:(t="global"==e.marginType?bs(us(os({},e.global,{unit:e.unit?e.unit:"px"}),"margin:{{key}};"),t):bs(vs(os({},e.custom,{unit:e.unit?e.unit:"px"}),"margin:{{key}};"),t)).md,sm:t.sm,xs:t.xs}}var n="";if("global"==e.marginType)n="margin:"+e.global+(e.unit?e.unit:"px")+" ";else{var a=e.custom?e.custom.split(" "):["0","0","0","0"],o=e.unit?e.unit:"px";n="margin:"+(a[0]?a[0]:"0")+o+" "+(a[1]?a[1]:"0")+o+" "+(a[2]?a[2]:"0")+o+" "+(a[3]?a[3]:"0")+o}return"{"+n+"}"},ks=function(e){var t={md:[],sm:[],xs:[]};return e.values.md&&t.md.push("flex-direction:row-reverse"),e.values.sm&&t.sm.push("flex-direction:column-reverse"),e.values.xs&&t.xs.push("flex-direction:column-reverse"),{md:t.md,sm:t.sm,xs:t.xs}},Es="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Rs=function(e,t,n){return e.replace(new RegExp(t,"g"),n)},Cs=function(e){return"object"==(void 0===e?"undefined":Es(e))&&0!=Object.keys(e).length},Ss=function(e,t){var n="";return t.forEach((function(e){n+=e+";"})),e+"{"+n+"}"},Bs=function(e,t){var n="";return t.forEach((function(t){n+=e+t})),n},Ts=function(e,t,n){if(n="object"!=(void 0===n?"undefined":Es(n))?n:_s(n).data,"string"==typeof e){if(e){if(n){var a=e;return"boolean"==typeof n?[a]:-1==a.indexOf("{{")&&a.indexOf("{")<0?[a+n]:[Rs(a,"{{"+t+"}}",n)]}return[]}return[n]}var o=[];return e&&e.forEach((function(e){o.push(Rs(e,"{{"+t+"}}",n))})),o},_s=function(e){return e.openTypography?{data:ps(e),action:"append"}:e.openBg?{data:(t=e,n="{",n+=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments[2],a=arguments[3],o=arguments[4],l=arguments[5],i=arguments[6],r=arguments[7],c=arguments.length>8&&void 0!==arguments[8]?arguments[8]:"local",s=arguments.length>9&&void 0!==arguments[9]?arguments[9]:{},u=i?"background-color:"+i+";":"";return"image"==e?u+=("local"===c?t.hasOwnProperty("url")?"background-image:url("+t.url+");":"":s.hasOwnProperty("url")?"background-image:url("+s.url+");":"")+(n?"background-position:"+n+";":"")+(a?"background-attachment:"+a+";":"")+(o?"background-repeat:"+o+";":"")+(l?"background-size:"+l+";":""):"gradient"==e&&(r&&"linear"==r.type?u+="background-image: linear-gradient("+r.direction+"deg, "+r.color1+" "+r.start+"%,"+r.color2+" "+r.stop+"%);":(void 0===r.radial&&(r.radial="center"),u+="background-image: radial-gradient( circle at "+r.radial+" , "+r.color1+" "+r.start+"%,"+r.color2+" "+r.stop+"%);")),u}(t.bgType,t.bgImage,t.bgimgPosition,t.bgimgAttachment,t.bgimgRepeat,t.bgimgSize,t.bgDefaultColor,t.bgGradient,t.bgimageSource,t.externalImageUrl),n+="}","video"==t.bgType&&t.bgVideoFallback&&t.bgVideoFallback.url&&(n+="background-image: url("+t.bgVideoFallback.url+"); background-position: center; background-repeat: no-repeat; background-size: cover;"),"{}"!=n?n:{}),action:"append"}:e.openBorder?{data:cs(e),action:"append"}:e.tableBorder?{data:ss(e),action:"append"}:e.openShadow&&e.color?{data:rs(e),action:"append"}:e.direction?{data:is(e,"return"),action:"append"}:void 0!==e.top||void 0!==e.left||void 0!==e.right||void 0!==e.bottom?{data:ds(e),action:"replace"}:e.openShape?{data:fs(e),action:"append"}:e.openColor?{data:ys(e),action:"append"}:e.spaceTop||e.spaceBottom?{data:ms(e),action:"append"}:e.selectedSize?{data:gs(e),action:"append"}:e.openBorderRadius?{data:qs(e),action:"append"}:e.openPadding?{data:xs(e),action:"append"}:e.openMargin?{data:ws(e),action:"append"}:e.openRowReverse?{data:ks(e),action:"append"}:e.openTransfrom?{data:hs(e),action:"append"}:{data:"",action:"append"};var t,n},Os=function(e,t,n){var a=!0;return t.hasOwnProperty("condition")&&t.condition.forEach((function(t){var n=a;if("=="==t.relation||"==="==t.relation)if("string"==typeof t.value||"number"==typeof t.value||"boolean"==typeof t.value)a=e[t.key]==t.value;else{var o=!1;t.value.forEach((function(n){e[t.key]==n&&(o=!0)})),o&&(a=!0)}else if("!="==t.relation||"!=="==t.relation)if("string"==typeof t.value||"number"==typeof t.value||"boolean"==typeof t.value)a=e[t.key]!=t.value;else{var l=!1;t.value.forEach((function(n){e[t.key]!=n&&(l=!0)})),l&&(a=!0)}0==n&&(a=!1)})),a},Ps=function(e,t,n,a,o,l){var i=!1,r="",c=[],s=[];if(e[t].md&&(i=!0,r="object"===Es(e[t].md)?_s(e[t].md).data:e[t].md+(e[t].unit||""),c.push({md:Ts(n,t,r)})),e[t].sm&&(i=!0,r="object"==Es(e[t].sm)?_s(e[t].sm).data:e[t].sm+(e[t].unit||""),c.push({sm:Ts(n,t,r)})),e[t].xs&&(i=!0,r="object"==Es(e[t].xs)?_s(e[t].xs).data:e[t].xs+(e[t].unit||""),c.push({xs:Ts(n,t,r)})),!i){var u=_s(e[t]);"object"==Es(u.data)?0!=Object.keys(u.data).length&&(u.data.background&&s.push(n+u.data.background),Cs(u.data.md)&&c.push({md:Ss(n,u.data.md)}),Cs(u.data.sm)&&c.push({sm:Ss(n,u.data.sm)}),Cs(u.data.xs)&&c.push({xs:Ss(n,u.data.xs)}),u.data.simple&&s.push(n+u.data.simple),u.data.font&&s.push(u.data.font),u.data.shape&&(u.data.shape.forEach((function(e){s.push(n+e)})),Cs(u.data.data.md)&&c.push(Bs(n,u.data.data.md)),Cs(u.data.data.sm)&&c.push(Bs(n,u.data.data.sm)),Cs(u.data.data.xs)&&c.push(Bs(n,u.data.data.xs)))):u.data&&-1==u.data.indexOf("{{")&&("append"==u.action?s.push(n+u.data):(a(t,void 0,Ts(n,t,u.data)),s.push(Ts(n,t,u.data))))}if(c.nonResponsiveCSS=s,l)return c;a(t,"Object",c)},Ns=function(e,t,n,a,o,l){var i=[];return"hideDesktop"==t&&o?(i.push({md:Ts(n,t,e[t])}),!l&&a(t,"Object",i)):"hideTablet"==t&&o?(i.push({sm:Ts(n,t,e[t])}),!l&&a(t,"Object",i)):"hideMobile"==t&&o?(i.push({xs:Ts(n,t,e[t])}),!l&&a(t,"Object",i)):void 0!==e[t]&&!l&&a(t,void 0,Ts(n,t,e[t])),l&&i.length>0?i:l&&void 0!==e[t]?Ts(n,t,e[t]):void 0},js=function(e,t,n){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o={},l={};Object.keys(t).forEach((function(i){e[i]&&e[i].hasOwnProperty("style")&&e[i].style.forEach((function(e){var r=e.selector;Os(t,e)&&("object"==Es(t[i])?o[i]=Ps(t,i,r,n,0,!0):l[i]=Ns(t,i,r,n,a,!0))}))}));var i={responsiveCSS:o,nonResponsiveCSS:l};n(i)},Is=Object.assign||function(e){for(var t=1;t1&&u.push({isCurrent:!1,key:"prev",onClick:function(){return i(n-1)},className:"qubely-pagination-prev",text:a});for(var b=function(e){e===n?(s=!0,u.push({isCurrent:!0,key:e,onClick:function(){return i(e)},className:"pages",text:e})):e<=r||n&&e>=n-c&&e<=n+c||e>t-r?(u.push({isLink:!0,key:e,onClick:function(){return i(e)},className:"pages",text:e}),s=!0):s&&(u.push({isDots:!0,key:e,onClick:function(){return console.log("dots")},className:"pages",text:"..."}),s=!1)},p=1;p<=this.props.total;p++)b(p);return n&&ni,s=!c,u=l-a>r,b=!u;t.style.display="block",c&&(t.style.left=n+5+"px"),s&&(t.style.left=n-i-5+"px"),u&&(t.style.top=a+5+"px"),b&&(t.style.top=a-r-5+"px")}},QubelyButton:{buttonAttributes:{buttonText:{type:"string",default:""},buttonFillType:{type:"string",default:"fill"},buttonTag:{type:"string",default:"a"},buttonUrl:{type:"object",default:{url:"#"}},buttonSize:{type:"string",default:"medium"},recreateStyles:{type:"boolean",default:!0},buttonAlignment:{type:"object",default:{md:"left"},style:[{condition:[{key:"enableButtonAlignment",relation:"==",value:!0}],selector:"{{QUBELY}} .qubely-block-btn-wrapper {text-align: {{buttonAlignment}};}"}]},buttonWidthType:{type:"string",default:"auto",style:[{condition:[{key:"buttonWidthType",relation:"==",value:"block"}],selector:"{{QUBELY}} .qubely-block-btn-anchor {width:100% !important; display: -webkit-box; display: -ms-flexbox; display: flex;}"},{condition:[{key:"buttonWidthType",relation:"==",value:"auto"}],selector:"{{QUBELY}} .qubely-block-btn-anchor {width:auto !important}"},{condition:[{key:"buttonWidthType",relation:"==",value:"fixed"}],selector:"{{QUBELY}} .qubely-block-btn-anchor {display:inline-flex}"}]},buttonWidth:{type:"object",default:{md:260,unit:"px"},style:[{condition:[{key:"buttonWidthType",relation:"==",value:"fixed"}],selector:"{{QUBELY}} .qubely-block-btn-anchor {width: {{buttonWidth}};}"}]},buttonPadding:{type:"object",default:{openPadding:1,paddingType:"global",global:{md:18},custom:{md:"10 10 10 10"},unit:"px"},style:[{condition:[{key:"buttonSize",relation:"==",value:"custom"}],selector:"{{QUBELY}} .qubely-block-btn-anchor"}]},buttonTypography:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-block-btn-anchor"}]},buttonColor:{type:"string",default:"#000",style:[{condition:[{key:"buttonFillType",relation:"==",value:"fill"}],selector:"{{QUBELY}} .qubely-block-btn-anchor { color:{{buttonColor}}; }"}]},buttonColor2:{type:"string",default:"var(--qubely-color-1)",style:[{condition:[{key:"buttonFillType",relation:"!=",value:"fill"}],selector:"{{QUBELY}} .qubely-block-btn-anchor { color:{{buttonColor2}}; }"}]},buttonHoverColor:{type:"string",default:"#fff",style:[{condition:[{key:"buttonFillType",relation:"==",value:"fill"}],selector:"{{QUBELY}} .qubely-block-btn-anchor:hover { color:{{buttonHoverColor}}; }"}]},buttonHoverColor2:{type:"string",default:"var(--qubely-color-2)",style:[{condition:[{key:"buttonFillType",relation:"!=",value:"fill"}],selector:"{{QUBELY}} .qubely-block-btn-anchor:hover { color:{{buttonHoverColor2}}; }"}]},buttonBgColor:{type:"object",default:{type:"color",openColor:1,color:"var(--qubely-color-1)",gradient:{color1:"var(--qubely-color-2)",color2:"var(--qubely-color-1)",type:"linear",direction:0,start:0,stop:100}},style:[{condition:[{key:"buttonFillType",relation:"==",value:"fill"}],selector:"{{QUBELY}} .qubely-block-btn-anchor"}]},buttonBgHoverColor:{type:"object",default:{type:"color",openColor:1,color:"var(--qubely-color-2)",gradient:{color1:"var(--qubely-color-1)",color2:"var(--qubely-color-2)",type:"linear",direction:0,start:0,stop:100}},style:[{condition:[{key:"buttonFillType",relation:"==",value:"fill"}],selector:"{{QUBELY}} .qubely-block-btn-anchor:before"}]},buttonBorder:{type:"object",default:{openBorder:1,widthType:"global",global:1,color:"var(--qubely-color-1)",type:"solid",unit:"px"},style:[{selector:"{{QUBELY}} .qubely-block-btn-anchor"}]},buttonBorderHoverColor:{type:"string",default:"var(--qubely-color-2)",style:[{selector:"{{QUBELY}} .qubely-block-btn-anchor:hover {border-color: {{buttonBorderHoverColor}};}"}]},buttonBorderRadius:{type:"object",default:{openBorderRadius:1,radiusType:"global",global:{md:4},unit:"px"},style:[{selector:"{{QUBELY}} .qubely-block-btn-anchor"}]},buttonShadow:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-block-btn-anchor"}]},buttonHoverShadow:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-block-btn-anchor:hover"}]},buttonIconName:{type:"string",default:""},buttonIconPosition:{type:"string",default:"right"},buttonIconSize:{type:"object",default:{},style:[{condition:[{key:"buttonIconName",relation:"!=",value:""}],selector:"{{QUBELY}} .qubely-btn-icon {font-size: {{buttonIconSize}}}"}]},buttonIconGap:{type:"object",default:{md:8,unit:"px"},style:[{condition:[{key:"buttonIconName",relation:"!=",value:""},{key:"buttonIconPosition",relation:"==",value:"left"}],selector:"{{QUBELY}} .qubely-btn-icon { margin-right: {{buttonIconGap}}; }"},{condition:[{key:"buttonIconName",relation:"!=",value:""},{key:"buttonIconPosition",relation:"==",value:"right"}],selector:"{{QUBELY}} .qubely-btn-icon { margin-left: {{buttonIconGap}}; }"}]},buttonGap:{type:"object",default:{md:8,unit:"px"},style:[{selector:"{{QUBELY}} .qubely-block-btn-wrapper { margin-bottom: {{buttonGap}}; }"}]}},buttonSettings:function(e,t,n,a,o){var l=arguments.length>5&&void 0!==arguments[5]&&arguments[5],i=e.controlledButtonPanel,r=e.showButtonPanel,c=e.enableButton,s=(e.recreateStyles,e.buttonToggleOption),b=e.enablePostButtonText,p=e.postButtonTextTypography,d=e.postButtonTextColor,f=e.postButtonTextHoverColor,y=e.postButtonTextPaddingBottom,m=e.postButtonTextPaddingTop,g=e.enableButtonAlignment,h=e.buttonAlignment,v=e.buttonGap,q=e.buttonWidthType,x=e.buttonWidth,w=e.buttonTag,k=e.buttonFillType,E=e.buttonSize,R=e.buttonTypography,S=e.buttonPadding,B=e.buttonUrl,T=e.buttonBorderRadius,_=e.buttonIconName,O=e.buttonIconPosition,P=e.buttonIconSize,N=e.buttonIconGap,j=e.buttonBorder,L=e.buttonBorderHoverColor,z=e.buttonColor,A=e.buttonColor2,M=e.buttonHoverColor,D=e.buttonHoverColor2,Y=e.buttonBgColor,U=e.buttonBgHoverColor,F=e.buttonShadow,H=e.buttonHoverShadow,W=function(){return React.createElement(Vs,null,React.createElement(Ol,{value:k,onChange:function(e){return n("buttonFillType",e)},options:[{value:"fill",svg:u.btn_fill,label:Gs("Fill")},{value:"outline",svg:u.btn_outline,label:Gs("Outline")}]}),"a"==w&&React.createElement(se,{label:Gs("URL"),value:B,onChange:function(e){return n("buttonUrl",e)}}),g&&React.createElement(C,{label:Gs("Alignment"),value:h,onChange:function(e){return n("buttonAlignment",e)},disableJustify:!0,responsive:!0,device:t,onDeviceChange:function(e){return a("device",e)}}),React.createElement(_a,{title:Gs("Size")},React.createElement(ol,{label:Gs("Button Size"),options:[{label:"S",value:"small",title:"Small"},{label:"M",value:"medium",title:"Medium"},{label:"L",value:"large",title:"Large"},{icon:"fas fa-cog",value:"custom",title:"Custom"}],value:E,onChange:function(e){return n("buttonSize",e)}}),"custom"==E&&React.createElement(Bo,{label:Gs("Padding"),value:S,unit:["px","em","%"],max:150,min:0,responsive:!0,device:t,onChange:function(e){return n("buttonPadding",e)},onDeviceChange:function(e){return a("device",e)}}),React.createElement(ol,{label:Gs("Button Width"),options:[{label:Gs("Auto"),value:"auto",title:Gs("Auto")},{label:Gs("Full"),value:"block",title:Gs("Full")},{label:Gs("Fixed"),value:"fixed",title:Gs("Fixed")}],value:q,onChange:function(e){return n("buttonWidthType",e)}}),"fixed"==q&&React.createElement(I,{label:Gs("Fixed Width"),value:x,onChange:function(e){return n("buttonWidth",e)},unit:["px","em","%"],min:30,max:800,responsive:!0,device:t,onDeviceChange:function(e){return a("device",e)}})),React.createElement(_a,{title:Gs("Design"),initialOpen:!1},React.createElement(Gl,null,React.createElement(Al,{tabTitle:Gs("Normal")},React.createElement(Ye,{label:Gs("Text Color"),value:"fill"==k?z:A,onChange:function(e){return n("fill"==k?"buttonColor":"buttonColor2",e)}}),"fill"==k&&React.createElement(Dn,{label:Gs("Background"),value:Y,onChange:function(e){return n("buttonBgColor",e)}}),React.createElement(Vt,{label:Gs("Border"),separator:!0,value:j,min:0,max:10,onChange:function(e){return n("buttonBorder",e)}}),React.createElement(xn,{label:Gs("Box-Shadow"),value:F,onChange:function(e){return n("buttonShadow",e)}})),React.createElement(Al,{tabTitle:Gs("Hover")},React.createElement(Ye,{label:Gs("Text Color"),value:"fill"==k?M:D,onChange:function(e){return n("fill"==k?"buttonHoverColor":"buttonHoverColor2",e)}}),"fill"==k&&React.createElement(Dn,{label:Gs("Background"),value:U,onChange:function(e){return n("buttonBgHoverColor",e)}}),React.createElement(Ye,{label:Gs("Border Color"),value:L,onChange:function(e){return n("buttonBorderHoverColor",e)}}),React.createElement(xn,{label:Gs("Box-Shadow"),value:H,onChange:function(e){return n("buttonHoverShadow",e)}}))),React.createElement(on,{label:Gs("Radius"),value:T,onChange:function(e){return n("buttonBorderRadius",e)},min:0,max:100,unit:["px","em","%"],responsive:!0,device:t,onDeviceChange:function(e){return a("device",e)}}),React.createElement(I,{label:Gs("Gap"),value:v,min:0,max:100,responsive:!0,unit:["px","em","%"],onChange:function(e){return n("buttonGap",e)},device:t,onDeviceChange:function(e){return a("device",e)}})),React.createElement(_a,{title:Gs("Icon"),initialOpen:!1},React.createElement(Ea,{label:Gs("Icon"),value:_,onChange:function(e){return n("buttonIconName",e)}}),_&&React.createElement(Vs,null,React.createElement(Q,{label:Gs("Position"),options:["left","right"],value:O,onChange:function(e){return n("buttonIconPosition",e)}}),React.createElement(I,{label:Gs("Size"),value:P,onChange:function(e){return n("buttonIconSize",e)},unit:["px","em","%"],min:5,max:48,responsive:!0,device:t,onDeviceChange:function(e){return a("device",e)}}),React.createElement(I,{label:Gs("Gap"),value:N,onChange:function(e){return n("buttonIconGap",e)},unit:["px","em","%"],min:0,max:64,responsive:!0,device:t,onDeviceChange:function(e){return a("device",e)}}))),React.createElement(_a,{title:Gs("Typography"),initialOpen:!1},React.createElement(ki,{value:R,onChange:function(e){return n("buttonTypography",e)},disableLineHeight:!0,device:t,onDeviceChange:function(e){return a("device",e)}})))};return React.createElement(Vs,null,i?React.createElement(Xs,{title:Gs("Button"),opened:r,onToggle:function(){return n("showButtonPanel",!r)}},s&&React.createElement(dn,{label:Gs("Enable Button"),value:c,onChange:function(e){return n("enableButton",e)}}),c&&W()):React.createElement(Xs,{title:Gs("Button"),initialOpen:l},s&&React.createElement(dn,{label:Gs("Enable Button"),value:c,onChange:function(e){return n("enableButton",e)}}),c&&W()),void 0!==b&&React.createElement(Xs,{title:Gs("Post Button Text"),initialOpen:!1},React.createElement(dn,{value:b,label:Gs("Show PostButtonText"),onChange:function(e){return n("enablePostButtonText",e)}}),b&&React.createElement(Vs,null,React.createElement(Gl,null,React.createElement(Al,{tabTitle:Gs("Normal")},React.createElement(Ye,{label:Gs("Color"),value:d,onChange:function(e){return n("postButtonTextColor",e)}})),React.createElement(Al,{tabTitle:Gs("Hover")},React.createElement(Ye,{label:Gs("Color"),value:f,onChange:function(e){return n("postButtonTextHoverColor",e)}}))),React.createElement(dn,{value:o,label:Gs("Typography"),onChange:function(e){return a("showPostTextTypography",e)}}),o&&React.createElement(ki,{value:p,onChange:function(e){return n("postButtonTextTypography",e)},device:t,onDeviceChange:function(e){return a("device",e)}}),React.createElement(I,{min:-50,max:200,responsive:!0,value:m,unit:["px","em","%"],label:"Top",onChange:function(e){return n("postButtonTextPaddingTop",e)},device:t,onDeviceChange:function(e){return a("device",e)}}),React.createElement(I,{min:-50,max:200,responsive:!0,value:y,unit:["px","em","%"],label:"Bottom",onChange:function(e){return n("postButtonTextPaddingBottom",e)},device:t,onDeviceChange:function(e){return a("device",e)}}))))}},QubelyList:{listAttributes:{enableListAlignment:{type:"boolean",default:!1},listAlignment:{type:"string",default:"center",style:[{condition:[{key:"enableListAlignment",relation:"==",value:!0}],selector:"{{QUBELY}} .qubely-list {text-align:{{listAlignment}};}"}]},listItems:{type:"array",default:[{icon:"far fa-star",text:"Add beautiful icons and text to this block"},{icon:"far fa-heart",text:"Set icon color for normal and hover state"},{icon:"fas fa-check",text:"Manage space between icon and the text"},{icon:"fas fa-burn",text:"Choose a desired layout from the list"}]},spacer:{type:"object",default:{spaceTop:{md:"10",unit:"px"},spaceBottom:{md:"10",unit:"px"}},style:[{selector:"{{QUBELY}}"}]},typography:{type:"object",default:{openTypography:1,size:{md:16,unit:"px"}},style:[{selector:"{{QUBELY}} .qubely-list .qubely-list-li"}]},enableListIcons:{type:"boolean",default:!0},iconSize:{type:"string",default:"16px",style:[{condition:[{key:"iconSize",relation:"!=",value:"custom"}],selector:"{{QUBELY}} .qubely-list .qubely-list-item-icon {font-size: {{iconSize}};}"}]},iconSizeCustom:{type:"object",default:{md:16,unit:"px"},style:[{condition:[{key:"iconSize",relation:"==",value:"custom"}],selector:"{{QUBELY}} .qubely-list .qubely-list-item-icon {font-size: {{iconSizeCustom}};}"}]},iconPosition:{type:"string",default:"left"},iconSpacing:{type:"object",default:{md:10,unit:"px"},style:[{condition:[{key:"iconPosition",relation:"==",value:"left"}],selector:"{{QUBELY}} .qubely-list .qubely-list-item-icon {margin-right: {{iconSpacing}};}"},{condition:[{key:"iconPosition",relation:"==",value:"right"}],selector:"{{QUBELY}} .qubely-list .qubely-list-item-icon {margin-left: {{iconSpacing}};}"}]},iconColor:{type:"string",default:"var(--qubely-color-1)",style:[{selector:"{{QUBELY}} .qubely-list .qubely-list-li .qubely-list-item-icon {color: {{iconColor}};}"}]},color:{type:"string",default:"#333",style:[{selector:"{{QUBELY}} .qubely-list .qubely-list-li .qubely-text{color: {{color}};}"}]},spacing:{type:"string",default:"5",style:[{selector:"{{QUBELY}} .qubely-list .qubely-list-li:not(:last-child) {margin-bottom: {{spacing}}px;}"}]},featuresPadding:{type:"object",default:{paddingType:"global"},style:[{selector:"{{QUBELY}} .qubely-pricing-features"}]}},listSettings:function(e,t,n){var a=e.listItems,o=e.enableListIcons,l=e.clickedListItem,i=e.iconSize,r=e.iconSizeCustom,c=e.iconSpacing,s=e.iconPosition,u=e.color,b=e.typography,p=e.enableListAlignment,d=e.listAlignment,f=e.iconColor,y=e.spacing,m=e.featuresPadding,g=e.controlledFeaturesPanel,h=e.showFeaturesPanel,v=function(e,t){var o=a.map((function(n,a){return t===a&&(n=du({},n,e)),n}));n({listItems:o})},q=function(){return React.createElement(yu,null,React.createElement(dn,{value:p,label:fu("Custom Alignment"),onChange:function(e){return n({enableListAlignment:e})}}),p&&React.createElement(C,{label:fu("Alignment"),value:d,onChange:function(e){return n({listAlignment:e})},disableJustify:!0}),React.createElement(Ye,{label:fu("Color"),value:u,onChange:function(e){return n({color:e})}}),React.createElement(ki,{label:fu("Typography"),value:b,onChange:function(e){return n({typography:e})}}),React.createElement(I,{label:fu("Spacing"),value:y,onChange:function(e){return n({spacing:e})},min:0,max:60}),React.createElement(Bo,{min:0,max:200,responsive:!0,value:m,unit:["px","em","%"],label:"Padding",onChange:function(e){return n({featuresPadding:e})}}),React.createElement(At,null),React.createElement(dn,{value:o,label:fu("Icons"),onChange:function(e){return n({enableListIcons:e})}}),o&&React.createElement(yu,null,React.createElement(Ea,{disableToggle:!0,value:a.length>0&&a[l]&&a[l].icon,onChange:function(e){return v({icon:e},l)},colorSettings:!0,iconColor:a.length>0&&a[l]&&(a[l].customColor||"#5D7FEB"),onColorChange:function(e){return v({customColor:e},l)}}),React.createElement(At,{label:fu("Common Settings"),customClassName:"qubely-separtor-extra-margin"}),React.createElement(Ye,{label:fu("Icon Color"),value:f,onChange:function(e){return n({iconColor:e})}}),React.createElement(ol,{label:fu("Icon Size"),value:i,onChange:function(e){return n({iconSize:e})},options:[{label:"S",value:"12px",title:fu("Small")},{label:"M",value:"16px",title:fu("Medium")},{label:"L",value:"20px",title:fu("Large")},{label:"XL",value:"28px",title:fu("Extra Large")},{icon:"fas fa-cog",value:"custom",title:fu("Custom")}]}),"custom"==i&&React.createElement(I,{label:fu("Custom Size"),value:r,onChange:function(e){return n({iconSizeCustom:e})},min:0,max:100,unit:["px","em","%"],responsive:!0}),React.createElement(ol,{label:fu("Position"),value:s,onChange:function(e){return n({iconPosition:e})},options:[{label:"Left",value:"left",title:fu("Left")},{label:"Right",value:"right",title:fu("Right")}]}),React.createElement(I,{label:fu("Gap"),value:c,onChange:function(e){return n({iconSpacing:e})},min:0,max:60,unit:["px","em","%"],responsive:!0})))};return React.createElement(yu,null,g?React.createElement(mu,{title:fu("Features"),opened:h,onToggle:function(){return n({showFeaturesPanel:!h})}},q()):React.createElement(mu,{title:fu("Features"),initialOpen:!1},q()))}},BorderRadius:on,BoxShadow:xn,ButtonGroup:yt,Color:Ye,ColorAdvanced:Dn,Counter:Un,Carousel:_n,CssGenerator:{CssGenerator:function(e,t,n){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=arguments.length>4&&void 0!==arguments[4]&&arguments[4],l=arguments.length>5&&void 0!==arguments[5]&&arguments[5],i=arguments.length>6&&void 0!==arguments[6]?arguments[6]:void 0;if(n){var r="",c=[],s=[],u=[],b=[];if(Object.keys(e).forEach((function(l){var r=[];(r=!1===o?"string"==typeof t?wp.blocks.getBlockType("qubely/"+t).attributes:t:i)[l]&&r[l].hasOwnProperty("style")&&r[l].style.forEach((function(t,o){var i=t.selector;if(ts(e,t))if("object"==Gc(e[l])){var r=!1,p="";if(e[l].md&&(r=!0,p="object"==Gc(e[l].md)?es(e[l].md).data:e[l].md+(e[l].unit||""),c=c.concat(Zc(i,n,l,p))),e[l].sm&&(r=!0,p="object"==Gc(e[l].sm)?es(e[l].sm).data:e[l].sm+(e[l].unit||""),s=s.concat(Zc(i,n,l,p))),e[l].xs&&(r=!0,p="object"==Gc(e[l].xs)?es(e[l].xs).data:e[l].xs+(e[l].unit||""),u=u.concat(Zc(i,n,l,p))),!r){var d=es(e[l]),f=Jc(i,n);"object"==Gc(d.data)?0!=Object.keys(d.data).length&&(d.data.background&&b.push(f+d.data.background),Xc(d.data.md)&&c.push(Kc(f,d.data.md)),Xc(d.data.sm)&&s.push(Kc(f,d.data.sm)),Xc(d.data.xs)&&u.push(Kc(f,d.data.xs)),d.data.simple&&b.push(f+d.data.simple),d.data.font&&c.unshift(d.data.font),d.data.shape&&(d.data.shape.forEach((function(e){b.push(f+e)})),Xc(d.data.data.md)&&c.push($c(f,d.data.data.md)),Xc(d.data.data.sm)&&s.push($c(f,d.data.data.sm)),Xc(d.data.data.xs)&&u.push($c(f,d.data.data.xs)))):d.data&&-1==d.data.indexOf("{{")&&("append"==d.action?b.push(f+d.data):b.push(Zc(i,n,l,d.data)))}}else"hideDesktop"==l?a&&(c=c.concat(Zc(i,n,l,e[l]))):"hideTablet"==l?a&&(s=s.concat(Zc(i,n,l,e[l]))):"hideMobile"==l?a&&(u=u.concat(Zc(i,n,l,e[l]))):e[l]&&(b=b.concat(Zc(i,n,l,e[l])))}))})),c.length>0&&(r+=c.join("")),s.length>0&&(r+="@media (max-width: 1199px) {"+s.join("")+"}"),u.length>0&&(r+="@media (max-width: 991px) {"+u.join("")+"}"),b.length>0&&(r+=b.join("")),o&&(r=r.replace(new RegExp(".qubely-block-global","g"),l?".qubely-frontend":".qubely-editor")),a)return r;ns(r,n,o,l)}},objectReplace:Kc,objectAppend:$c,singleField:Zc},Dimension:Xn,Device:v,Dropdown:function(e){var t=e.label,n=e.enableSearch,a=e.defaultOptionsLabel,o=e.value,l=e.options,i=e.onChange,r=pa(""),c=ca(r,2),s=c[0],b=c[1],p=pa(!1),d=ca(p,2),f=d[0],y=d[1],m=fa(null),g=fa(null),h=function(){return l.filter((function(e){return function(e){for(var t=!0,n=0;n0?h().filter((function(e){return!s||-1!==e.label.toLowerCase().search(s.toLowerCase())})).map((function(e,t){return React.createElement("div",{key:t,className:"qubely-dropdown-option",id:"qubely-dropdown-option-"+(t+1),onClick:function(){y(!1),b(""),i([].concat(sa(o),[e]))}},e.label)})):React.createElement("div",{className:"qubely-dropdown-option no-match",onClick:function(){return y(!1)}}," ","No matched Option"," "))))},DragDimension:la,gloalSettings:{globalAttributes:{animation:{type:"object",default:{}},interaction:{type:"object",default:{}},enablePosition:{type:"boolean",default:!1},selectPosition:{type:"string",default:"relative",style:[{selector:"{{QUBELY}} {position:{{selectPosition}};}"}]},positionXaxis:{type:"object",default:{md:"",unit:"px"},style:[{selector:"{{QUBELY}} {left:{{positionXaxis}};}"}]},positionYaxis:{type:"object",default:{md:"",unit:"px"},style:[{selector:"{{QUBELY}} {top:{{positionYaxis}};}"}]},globalZindex:{type:"string",default:"0",style:[{selector:"{{QUBELY}} {z-index:{{globalZindex}};}"}]},hideDesktop:{type:"boolean",default:!1,style:[{selector:"@media (min-width: 1200px){{{QUBELY}}{display:none;}}"}]},hideTablet:{type:"boolean",default:!1,style:[{selector:"@media (min-width: 992px){{{QUBELY}}{display:none;}}"}]},hideMobile:{type:"boolean",default:!1,style:[{selector:"{{QUBELY}}{display:none;}"}]},globalCss:{type:"string",default:"",style:[{selector:""}]}},animationSettings:function(e,t,n){return React.createElement(bu,{title:iu("Animation"),initialOpen:!1},React.createElement(ee,{uniqueId:e,label:iu("Animation"),value:t,onChange:function(e){return n({animation:e})}}))},interactionSettings:function(e,t,n){return React.createElement(bu,{title:iu("Interaction"),initialOpen:!1},React.createElement(ro,{uniqueId:e,label:iu("Interaction"),value:t,onChange:function(e){return n({interaction:e})}}))},globalSettingsPanel:function(e){var t=e.enablePosition,n=e.selectPosition,a=e.positionXaxis,o=e.positionYaxis,l=e.globalZindex,i=e.hideDesktop,r=e.hideTablet,c=e.hideMobile,s=e.globalCss,u=e.setAttributes,b=e.isReturn,p=void 0!==b&&b,d=React.createElement(cu,null,React.createElement(dn,{label:iu("Enable Custom Position"),value:t,onChange:function(){return u({enablePosition:!t})}}),t&&React.createElement(cu,null,React.createElement(pu,{label:iu("Select Position"),value:n||"",options:[{label:iu("Relative"),value:"relative"},{label:iu("Absolute"),value:"absolute"},{label:iu("Fixed"),value:"fixed"}],onChange:function(e){return u({selectPosition:e})}}),React.createElement(I,{label:iu("From X-axis"),min:-2e3,max:2e3,step:1,unit:["px","em","%"],responsive:!0,value:a,onChange:function(e){return u({positionXaxis:e})}}),React.createElement(I,{label:iu("From Y-axis"),min:-2e3,max:2e3,step:1,unit:["px","em","%"],responsive:!0,value:o,onChange:function(e){return u({positionYaxis:e})}})),React.createElement(I,{label:iu("Z-Index"),min:1,max:1e4,value:l,onChange:function(e){return u({globalZindex:e})}}),React.createElement(dn,{label:iu("Hide on Desktop"),value:i,onChange:function(){return u({hideDesktop:!i})}}),React.createElement(dn,{label:iu("Hide on Tablet"),value:r,onChange:function(){return u({hideTablet:!r})}}),React.createElement(dn,{label:iu("Hide on Phone"),value:c,onChange:function(){return u({hideMobile:!c})}}),React.createElement(At,{label:iu("Block Raw CSS")}),React.createElement(uu,{value:s,rows:5,placeholder:iu("Use {{QUBELY}} before the selector to wrap element. Otherwise it works globally."),onChange:function(e){return u({globalCss:e})}}));return p?d:React.createElement(ru,null,d)}},Gradient:it,Headings:ya,HeadingToolbar:Ui,HelperFunction:{_equal:function(e,t){return function e(t,n){var a=Object.prototype.toString.call(t);if(a!==Object.prototype.toString.call(n))return!1;if(["[object Array]","[object Object]"].indexOf(a)<0)return!1;var o="[object Array]"===a?t.length:Object.keys(t).length;if(o!==("[object Array]"===a?n.length:Object.keys(n).length))return!1;var l=function(t,n){var a=Object.prototype.toString.call(t);if(["[object Array]","[object Object]"].indexOf(a)>=0){if(!e(t,n))return!1}else{if(a!==Object.prototype.toString.call(n))return!1;if("[object Function]"===a){if(t.toString()!==n.toString())return!1}else if(t!==n)return!1}};if("[object Array]"===a){for(var i=0;ie[n].viewport){t=e[n];break}return null===t&&(t=e[e.length-1]),t.viewport<=1199?t.viewport<=991?"xs":"sm":"md"}},IsInteraction:Za,copyToClipboard:function(e){var t=document.createElement("textarea");t.innerText=e,document.body.appendChild(t),t.select(),document.execCommand("copy"),t.remove()}},IconList:Ea,IconSelector:Ca,InnerPanel:_a,Interaction:ro,Inline:{InlineToolbar:ar,InlineSpacer:Zi,InlineSelector:pr},Margin:ho,Media:xe,Padding:Bo,Range:I,RadioAdvanced:ol,Selector:bl,Select:Q,Styles:Ol,Shape:kl,Separator:At,Tabs:Gl,Tab:Al,Templates:ei,Toggle:dn,Typography:ki,Wrapper:Oi,Url:se,Pagination:Tu,QubelyButtonEdit:Mo,QubelyButtonSave:Do,QubelyIconListEdit:Ko,QubelyIconListSave:$o,QubelyFreeIcons:u,withCSSGenerator:function(){return Ws((function(e){return function(t){function n(){As(this,n);var e=Ms(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments));return e.saveStyleAttributes=function(){var t=e.props,n=t.attributes,a=t.attributes.uniqueId,o=wp.blocks.getBlockType(e.props.name).attributes;js(o,n,(function(t){return function(t){e.setState({responsiveCSS:t.responsiveCSS,nonResponsiveCSS:t.nonResponsiveCSS})}(t)})),a&&e.saveCSS()},e.saveCSS=function(){var t=e.props,n=t.attributes,a=t.attributes.uniqueId,o=t.name;(0,wp.qubelyComponents.CssGenerator.CssGenerator)(n,o.split("/")[1],a,!1)},e.copyAttributes=function(){var t=e.props,n=t.attributes,a=t.attributes.qubelyStyleAttributes,o=wp.qubelyComponents.HelperFunction.copyToClipboard,l={};a.forEach((function(e){l[e]=n[e]})),o(JSON.stringify(l))},e.setState=e.setState.bind(e),e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(n,t),Ls(n,[{key:"componentDidMount",value:function(){this.saveStyleAttributes()}},{key:"componentDidUpdate",value:function(e,t){var n=this,a=this.props,o=a.attributes,l=a.attributes.uniqueId,i=this.state,r=i.responsiveCSS,c=i.nonResponsiveCSS,s=!1,u=wp.blocks.getBlockType(this.props.name).attributes,b=Object.keys(Qs(e.attributes,o)),p=wp.data.select("core/block-editor").getBlocks,d=!1;if(b.length>0&&(-1===b.indexOf("layout")&&-1===b.indexOf("style")&&-1===b.indexOf("recreateStyles")&&-1===b.indexOf("fillType")&&-1===b.indexOf("iconStyle")&&-1===b.indexOf("buttonFillType")&&-1===b.indexOf("tabStyle")&&-1===b.indexOf("separatorStyle")||(s=!0,this.saveStyleAttributes()),!s)){if(-1!==b.indexOf("uniqueId")){var f=window.document.getElementById("qubely-block-"+e.attributes.uniqueId);if(f&&!function t(n){if(0!==n.length){if(e.attributes.uniqueId!==l)for(var a=0;a0&&(t(n[a].innerBlocks),d))break}return d}}(p())){f.id="qubely-block-"+o.uniqueId;var y=f.innerHTML.replace(new RegExp(""+e.attributes.uniqueId,"g"),""+o.uniqueId);f.innerHTML=y}else this.saveCSS()}b=b.filter((function(e){return"uniqueId"!==e}));var m={nonResponsiveCSS:c,responsiveCSS:r};if(b.length>0){b.forEach((function(e){!function(e,t,n,a){var o=arguments.length>4&&void 0!==arguments[4]&&arguments[4];e[a]&&e[a].hasOwnProperty("style")&&e[a].style.forEach((function(e){var l=e.selector;Os(t,e)&&("object"==Es(t[a])?Ps(t,a,l,n,0,!1):Ns(t,a,l,n,o,!1))}))}(u,o,(function(e,t,n){return function(e,t,n){m=Is({},m,void 0===t?{nonResponsiveCSS:Is({},m.nonResponsiveCSS,zs({},e,n))}:{responsiveCSS:Is({},m.responsiveCSS,zs({},e,Is({},m.responsiveCSS[e],"simple"===t?{simple:n}:Is({},n))))}),"Object"===t&&o[e].openTypography&&"global"===o[e].activeSource&&"none"===o[e].globalSource&&(m.responsiveCSS[e]={})}(e,t,n)}),e),n.saveCSS()})),this.setState({responsiveCSS:m.responsiveCSS,nonResponsiveCSS:m.nonResponsiveCSS})}}}},{key:"render",value:function(){var t=this,n=this.props,a=n.clientId,o=n.attributes.showCopyAttr,l=this.props;return l.attributes.uniqueId=a.substr(0,6),React.createElement(Ys,null,o&&React.createElement(Hs,null,React.createElement(Fs,{icon:"editor-code",label:"Copy Attributes",onClick:function(){return t.copyAttributes()}})),React.createElement(e,Is({},l,this.state,{setState:this.setState})))}}]),n}(Us)}),"withCSSGenerator")},InspectorTabs:Br,InspectorTab:dr};var _u=n(130),Ou={insert:"head",singleton:!1},Pu=(p()(_u.a,Ou),_u.a.locals,function(){function e(e,t){for(var n=0;n0?l(lb(o,{type:"qubely/tooltip",attributes:{data:s,ariaLabel:s},startIndex:t,endIndex:n})):l(ob(o,"qubely/tooltip")),a()};return React.createElement(tb,{key:y,anchorRef:m,position:"bottom center",onClose:a,className:"qubely-custom-popover",focusOnMount:!!n&&"firstElement"},React.createElement("div",{className:"qubely-popover-contents"},d?React.createElement(Zu,null,React.createElement("input",{type:"text",value:s,className:"qubely_tooltip-input",placeholder:Vu("Add tooltip"),onKeyPress:function(e){"Enter"===e.key&&g()},onChange:function(e){return u(e.target.value)}}),React.createElement(nb,{text:Vu("Add")},React.createElement("div",{onClick:function(){return g()},className:"qubely-custom-submit block-editor-link-control__search-actions"},React.createElement("span",{className:"dashicons dashicons-editor-break"})))):React.createElement("div",{className:"tooltip-message"},React.createElement("div",{className:"qubely-tooltip-text"},s),React.createElement("div",{className:"qubely-action-buttons"},React.createElement("button",{onClick:function(){return f(!0)},type:"button",className:"components-button block-editor-link-control__search-item-action is-secondary qubely-edit"},"Edit"),React.createElement("button",{onClick:function(){l(ob(o,"qubely/tooltip")),f(!1)},type:"button",className:"components-button qubely-remove"},"Delete")))))},rb=function(){function e(e,t){for(var n=0;n0;return React.createElement(Lb,null,(o||t)&&React.createElement(Ab,{icon:u.upperCaseIcon,title:Ib(Mb),onClick:function(){return a(zb(n,{type:"qubely/uppercase",attributes:{style:"text-transform: uppercase;"}}))},isActive:t}))}},Yb=function(){function e(e,t){for(var n=0;n=0||Object.prototype.hasOwnProperty.call(e,a)&&(n[a]=e[a]);return n}(e,["name"]);return tp(t,n)}));var np=n(131),ap={insert:"head",singleton:!1},op=(p()(np.a,ap),np.a.locals,n(132)),lp={insert:"head",singleton:!1},ip=(p()(op.a,lp),op.a.locals,n(133)),rp={insert:"head",singleton:!1},cp=(p()(ip.a,rp),ip.a.locals,function(){function e(e,t){for(var n=0;n");-1==i?o({listItems:e}):!l&&n.removeEmptyItem(e,i)},n.removeEmptyItem=function(e,t){var a=n.props.setAttributes,o=[].concat(function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t0?e-1:e}):n.setState({focusedItem:a>0?a-1:a})}},React.createElement("i",{className:"fas fa-times"})))},n.renderListItems=function(){var e=n.props.attributes,t=e.listItems,a=e.alignment,o=e.listType,l=e.bulletStyle,i=n.state,r=i.focusedItem,c=i.removeItemViaBackSpace,s="ordered"==o?"ol":"ul";return t.length>0?React.createElement(s,{className:"qubely-list qubely-list-type-"+o+" qubely-list-bullet-"+l.name},t.map((function(e,o){return React.createElement("li",{key:o,className:"qubely-list-item"},e.length>0&&"right"==a&&n.renderDeleteOption(o,a),React.createElement("div",{className:"qubely-list-item-text-"+o,id:"qubely-list-item-text-"+o,contenteditable:"true",suppressContentEditableWarning:!0,placeholder:"Enter new item",onClick:function(){return n.setState({focusedItem:o})},onBlur:function(e){return n.modifySpecificItem(e.target.innerText,o)},onKeyPress:function(e){"Enter"==e.key&&(e.preventDefault(),n.updateListItems(o,"add"),n.setState({focusedItem:o+1==t.length?t.length:r+1}))},onKeyUp:function(e){"Backspace"==e.key&&(0==e.target.innerText.length&&n.setState({removeItemViaBackSpace:o}),c==o&&(n.updateListItems(o,"delete"),n.setState({focusedItem:o>0?o-1:o})))}},e),e.length>0&&"right"!=a&&n.renderDeleteOption(o,a))}))):React.createElement("button",{onClick:function(){n.setState({focusedItem:t.length}),n.updateListItems(t.length,"add")},className:"button is-default qubely-action-button",role:"button"},React.createElement("i",{className:"fas fa-plus"})," ",Zd("Add List Item"))},n.placeCaretAtEnd=function(e){if(e.focus(),void 0!==window.getSelection&&void 0!==document.createRange){var t=document.createRange();t.selectNodeContents(e),t.collapse(!1);var n=window.getSelection();n.removeAllRanges(),n.addRange(t)}else if(void 0!==document.body.createTextRange){var a=document.body.createTextRange();a.moveToElementText(e),a.collapse(!1),a.select()}},n.state={device:"md",spacer:!0,removeItemViaBackSpace:999,focusedItem:n.props.attributes.listItems.length-1},n.qubelyContextMenu=rf(),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),$d(t,[{key:"componentDidMount",value:function(){var e=this.props,t=e.isSelected,n=e.attributes.uniqueId;t&&this.placeCaretAtEnd(document.querySelector(".qubely-block-"+n+" .qubely-list-item-text-"+this.state.focusedItem))}},{key:"componentDidUpdate",value:function(e,t){if(this.props.attributes.listItems.length>e.attributes.listItems.length)document.querySelector(".qubely-block-"+e.attributes.uniqueId+" .qubely-list-item-text-"+this.state.focusedItem).focus();else if(this.props.attributes.listItems.length0&&void 0!==arguments[0]?arguments[0]:"",t="";switch(e){case"blinds":t="letters animation-blinds";break;case"delete-typing":t="letters type";break;case"flip":t="text-animation-flip";break;case"fade-in":t="zoom";break;case"loading-bar":t="loading-bar";break;case"scale":t="letters scale";break;case"push":t="push";break;case"wave":t="letters animation-wave";break;default:t="text-clip"}return t}},{key:"render",value:function(){var e=this,t=this.props,n=t.name,a=t.clientId,o=t.className,l=t.attributes,i=t.setAttributes,r=t.attributes,c=r.uniqueId,s=r.align,u=r.level,b=r.animatedText,p=r.titleBefore,d=r.titleAfter,f=r.animationType,y=r.typography,m=r.color,g=r.barColor,h=r.animatedTextColor,v=r.animatedTextBgColor,q=r.animatedTextPadding,x=r.animatedTextSpacing,w=r.textBorderRadius,k=r.animation,E=r.interaction,R=r.enablePosition,C=r.selectPosition,S=r.positionXaxis,B=r.positionYaxis,T=r.globalZindex,_=r.hideDesktop,O=r.hideTablet,P=r.hideMobile,N=r.globalCss,j=this.state,I=j.device,L=j.animationClass,z="clip"===f||"flip"===f||"fade-in"===f||"loading-bar"===f||"push"===f,A="h"+u;return React.createElement(sy,null,React.createElement(iy,null,React.createElement(Oy,{tabs:["style","advance"]},React.createElement(Py,{key:"style"},React.createElement(py,{title:ny("Headline level"),opened:!0},React.createElement(Sy,{minLevel:1,maxLevel:6,selectedLevel:u,isCollapsed:!1,onChange:function(e){return i({level:e})}})),React.createElement(py,{title:ny("Animated Text")},React.createElement(yy,{label:ny("Text Before"),value:p,onChange:function(e){return i({titleBefore:e})}}),React.createElement(yy,{label:ny("Text After"),value:d,onChange:function(e){return i({titleAfter:e})}}),React.createElement(fy,{label:ny("Animated Texts"),value:b,placeholder:ny("Add new text"),onChange:function(e){return i({animatedText:e})}}),React.createElement(dy,{label:ny("Animation Type"),value:f,options:[{label:ny("Blinds"),value:"blinds"},{label:ny("Clip"),value:"clip"},{label:ny("Delete Typing"),value:"delete-typing"},{label:ny("Flip"),value:"flip"},{label:ny("Fade In"),value:"fade-in"},{label:ny("Loading Bar"),value:"loading-bar"},{label:ny("Scale"),value:"scale"},{label:ny("Push"),value:"push"},{label:ny("Twist/Wave"),value:"wave"}],onChange:function(t){return e._handleTypeChange(t)}}),"loading-bar"===f&&React.createElement(hy,{label:ny("Bar Color"),value:g,onChange:function(e){return i({barColor:e})}}),z?React.createElement(vy,{textColor:!0,label:ny("Color"),value:h,onChange:function(e){return i({animatedTextColor:e})}}):React.createElement(hy,{label:ny("Color"),value:h.color,onChange:function(e){return i({animatedTextColor:ey({},h,{color:e})})}}),React.createElement(vy,{textColor:!0,label:ny("Background"),value:v,onChange:function(e){return i({animatedTextBgColor:e})}}),React.createElement(gy,{min:0,max:100,responsive:!0,device:I,label:ny("Radius"),value:w,unit:["px","em","%"],onDeviceChange:function(t){return e.setState({device:t})},onChange:function(e){return i({textBorderRadius:e})}}),React.createElement(Ty,{label:ny("Padding X"),value:q,onChange:function(e){return i({animatedTextPadding:e})},min:0,max:100,unit:["px","em","%"],responsive:!0,device:I,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(Ty,{label:ny("Spacing X"),value:x,onChange:function(e){return i({animatedTextSpacing:e})},min:0,max:100,unit:["px","em","%"],responsive:!0,device:I,onDeviceChange:function(t){return e.setState({device:t})}})),React.createElement(py,{title:ny("Design"),initialOpen:!1},React.createElement(By,{device:I,value:y,label:ny("Typography"),onChange:function(e){return i({typography:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(hy,{label:ny("Color"),value:m,onChange:function(e){return i({color:e})}}))),React.createElement(Py,{key:"advance"},Ry(c,k,i),Cy(c,E,i)))),React.createElement(ly,null,React.createElement(Sy,{minLevel:1,maxLevel:6,selectedLevel:u,onChange:function(e){return i({level:e})}}),React.createElement(oy,{value:s,onChange:function(e){return i({align:e})}})),Ey({enablePosition:R,selectPosition:C,positionXaxis:S,positionYaxis:B,globalZindex:T,hideDesktop:_,hideTablet:O,hideMobile:P,globalCss:N,setAttributes:i}),React.createElement("div",{className:"qubely-block-"+c+" qubely-block-animated-heading qubely-block-animated-heading-backend "+o,onContextMenu:function(t){return wy(t,e.qubelyContextMenu.current)}},React.createElement(A,{className:"animated-heading-text "+L+" "+(s?" has-text-align-"+s:""),ref:function(t){return e.animatedHeading=t}},p,React.createElement("span",{className:"qubely-animated-text"},React.createElement("span",{className:"animated-text-words-wrapper"},[].concat(function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t0?b:Ny)).map((function(e,t){var n="animated-text "+(0===t?"is-visible":"is-hidden");return React.createElement("span",{key:t,className:n},e)})))),d),React.createElement("div",{ref:this.qubelyContextMenu,className:"qubely-context-menu-wraper"},React.createElement(xy,{name:n,clientId:a,attributes:l,setAttributes:i,qubelyContextMenu:this.qubelyContextMenu.current}))))}}]),t}(cy),Iy=_y()(jy),Ly=Object.assign||function(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:"",t="";switch(e){case"blinds":t="letters animation-blinds";break;case"delete-typing":t="letters type";break;case"flip":t="text-animation-flip";break;case"fade-in":t="zoom";break;case"loading-bar":t="loading-bar";break;case"scale":case"slide":t="letters scale";break;case"push":t="push";break;case"wave":t="letters animation-wave";break;default:t="text-clip"}return t}},{key:"render",value:function(){var e=this,t=this.props,n=t.className,a=t.attributes,o=a.uniqueId,l=a.align,i=a.level,r=a.animation,c=a.animatedText,s=a.titleBefore,u=a.titleAfter,b=a.animationType,p=a.interaction,d=Fy(p)?"qubley-block-interaction":"",f="h"+i;return React.createElement("div",Ly({className:"qubely-block-"+o+" qubely-block-animated-heading "+(n||"")+" "+d+" "},Qy(r)),React.createElement(f,{className:"animated-heading-text "+this._getAnimationClass(b)+(l?" has-text-align-"+l:""),ref:function(t){return e.animatedHeading=t}},React.createElement(Yy.Content,{value:s}),React.createElement("span",{className:"qubely-animated-text"},React.createElement("span",{className:"animated-text-words-wrapper"},c.map((function(e,t){var n="animated-text "+(0===t?"is-visible":"is-hidden");return React.createElement("span",{key:t,className:n},e)})))),React.createElement(Yy.Content,{value:u})))}}]),t}(Dy),Wy=(Object.assign||function(e){for(var t=1;t0,B=(Se()((n=u,(t="qubely-block-"+u)in(e={})?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e),b)),T=0;T div[data-type="qubely/button"]:not(:nth-last-child(2)), {{QUBELY}} .qubely-block-button-group .wp-block-qubely-button:not(:last-child){margin-right: {{spacing}};}'}]}})),Gg=wp.i18n.__,Vg=wp.blockEditor.InnerBlocks,Xg=wp.blocks.registerBlockType,Jg=wp.qubelyComponents.HelperFunction.IsInteraction;Xg("qubely/buttongroup",{title:Gg("Button Group"),description:"Bunch together a group of useful buttons with Qubely Button Group.",category:"qubely",icon:React.createElement("img",{src:qubely_admin.plugin+"assets/img/blocks/block-button-group.svg",alt:Gg("Button Group Block"),className:"qubely-block-icon small"}),supports:{align:["center","wide","full"],html:!1},keywords:[Gg("button"),Gg("buttons"),Gg("link"),Gg("button group")],example:{attributes:{buttons:2,alignment:{md:"center"},spacing:{md:"15",unit:"px"}},innerBlocks:[{name:"qubely/button",attributes:{textField:"Button one"}},{name:"qubely/button",attributes:{textField:"Button two"}}]},attributes:Wg,edit:Pg,save:Ug,deprecated:[{attributes:Wg,save:function(e){var t=e.attributes,n=t.uniqueId,a=t.interaction,o=Jg(a)?"qubley-block-interaction":"";return React.createElement("div",{className:"qubely-block-"+n},React.createElement("div",{className:"qubely-block-button-group "+o},React.createElement(Vg.Content,null)))}}]});var Kg=Object.assign||function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:-1,a=-1!==n?n:this.state.selectedItem,o=this.props,l=o.attributes,i=o.setAttributes,r=[].concat(eh(l.formItems));r[a][e]=t,i({formItems:r})}},{key:"render",value:function(){var e=this,t=this.state,n=t.selectedItem,a=t.device,o=this.props,l=o.name,i=o.clientId,r=o.attributes,c=o.setAttributes,s=r.uniqueId,b=r.className,p=r.formItems,d=r.labelTypography,f=r.labelColor,y=r.labelColorFocus,m=r.inputTypography,g=r.inputColor,h=r.inputColorFocus,v=r.inputColorHover,q=r.inputBg,x=r.inputBgFocus,w=r.inputBgHover,k=r.inputBorder,E=r.inputBorderMaterial,R=r.inputBorderColorFocus,C=r.inputBorderColorHover,S=r.inputBorderRadius,B=r.inputSize,T=r.inputPaddingX,_=r.inputPaddingY,O=r.textareaHeight,P=r.placeholderColor,N=r.placeholderColorFocus,j=r.placeholderColorHover,I=r.enableButton,L=r.buttonTag,z=r.buttonSize,A=r.buttonFillType,M=r.buttonText,D=r.buttonIconName,Y=r.buttonIconPosition,U=r.spacing,Q=r.gutter,F=r.fieldErrorMessage,H=r.formSuccessMessage,W=r.formErrorMessage,G=r.reCaptcha,V=r.reCaptchaSiteKey,X=r.reCaptchaSecretKey,J=r.emailReceiver,K=r.emailHeaders,$=r.emailSubject,Z=r.emailBody,ee=r.layout,te=r.animation,ne=r.enablePosition,ae=r.selectPosition,oe=r.positionXaxis,le=r.positionYaxis,ie=r.globalZindex,re=r.hideDesktop,ce=r.hideTablet,se=r.hideMobile,ue=r.globalCss,be=qubely_admin.admin_url+"admin.php?page=qubely-settings";return React.createElement(rh,null,React.createElement(ah,{key:"inspector"},React.createElement(zh,{tabs:["style","advance"]},React.createElement(Ah,{key:"style"},React.createElement(uh,{title:th(""),initialOpen:!0},React.createElement(mh,{value:ee,onChange:function(e){return c({layout:e})},options:[{value:"classic",img:u.form_classic,label:th("Classic")},{value:"material",img:u.form_material,label:th("Material")}]})),n>=0&&React.createElement(uh,{title:p[n].label?p[n].label:th("Input Settings")},React.createElement(bh,{label:th("Label"),value:p[n].label,onChange:function(t){return e.setSettings("label",t)},placeholder:th("Enter Label")}),React.createElement(bh,{label:th("Name"),value:p[n].name,onChange:function(t){return e.setSettings("name",t)},placeholder:th("Enter Name"),help:th("You must write field name with hyphen(-) with lowercase. No space, UPPERCASE, Capitalize is not allowed. This name should match with Form template value. Never keep empty this name.")}),React.createElement(bh,{label:th("Placeholder"),value:p[n].placeholder,onChange:function(t){return e.setSettings("placeholder",t)},placeholder:th("Enter Placeholder")}),React.createElement(gh,{label:th("Width"),value:p[n].width,onChange:function(t){return e.setSettings("width",t)},max:100,min:33,responsive:!0,device:a,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(hh,{label:th("Required"),value:p[n].required,onChange:function(t){return e.setSettings("required",t)}}),"classic"==ee&&React.createElement(hh,{label:th("Hide Label"),value:p[n].hideLabel,onChange:function(t){return e.setSettings("hideLabel",t)}})),React.createElement(uh,{title:th("Label"),initialOpen:!1},React.createElement(vh,{label:th("Typography"),value:d,onChange:function(e){return c({labelTypography:e})},device:a,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(qh,{label:th("Color"),value:f,onChange:function(e){return c({labelColor:e})}}),"material"==ee&&React.createElement(qh,{label:th("Focus Color"),value:y,onChange:function(e){return c({labelColorFocus:e})}})),React.createElement(uh,{title:th("Input"),initialOpen:!1},React.createElement(Eh,{label:th("Input Size"),options:[{label:"S",value:"small",title:"Small"},{label:"M",value:"medium",title:"Medium"},{label:"L",value:"large",title:"Large"},{icon:"fas fa-cog",value:"custom",title:"Custom"}],value:B,onChange:function(e){return c({inputSize:e})}}),"custom"==B&&React.createElement(rh,null,React.createElement(gh,{label:React.createElement("span",{className:"dashicons dashicons-sort",title:"Padding Y"}),value:_,onChange:function(e){return c({inputPaddingY:e})},unit:["px","em","%"],min:0,max:50,responsive:!0,device:a,onDeviceChange:function(t){return e.setState({device:t})}}),"classic"==ee&&React.createElement(gh,{label:React.createElement("span",{className:"dashicons dashicons-leftright",title:"X Padding"}),value:T,onChange:function(e){return c({inputPaddingX:e})},unit:["px","em","%"],min:0,max:50,responsive:!0,device:a,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(Sh,null)),React.createElement(gh,{label:th("Textarea Height"),value:O,onChange:function(e){return c({textareaHeight:e})},unit:["px","em","%"],min:100,max:500,responsive:!0,device:a,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(gh,{label:th("Spacing"),value:U,onChange:function(e){return c({spacing:e})},unit:["px","em","%"],min:0,max:60,responsive:!0,device:a,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(gh,{label:th("Gutter"),value:Q,onChange:function(e){return c({gutter:e})},unit:["px","em","%"],min:0,max:60,responsive:!0,device:a,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(xh,null,React.createElement(wh,{tabTitle:th("Normal")},React.createElement(qh,{label:th("Color"),value:g,onChange:function(e){return c({inputColor:e})}}),"classic"==ee&&React.createElement(qh,{label:th("Background Color"),value:q,onChange:function(e){return c({inputBg:e})}}),React.createElement(qh,{label:th("Placeholder Color"),value:P,onChange:function(e){return c({placeholderColor:e})}}),React.createElement(Sh,null),"classic"==ee&&React.createElement(kh,{label:th("Border"),value:k,onChange:function(e){return c({inputBorder:e})},min:0,max:10,responsive:!0,device:a,onDeviceChange:function(t){return e.setState({device:t})}}),"material"==ee&&React.createElement(kh,{label:th("Border"),value:E,onChange:function(e){return c({inputBorderMaterial:e})},min:0,max:10,responsive:!0,device:a,onDeviceChange:function(t){return e.setState({device:t})}})),React.createElement(wh,{tabTitle:th("Focus")},React.createElement(qh,{label:th("Color"),value:h,onChange:function(e){return c({inputColorFocus:e})}}),"classic"==ee&&React.createElement(qh,{label:th("Background Color"),value:x,onChange:function(e){return c({inputBgFocus:e})}}),React.createElement(qh,{label:th("Placeholder Color"),value:N,onChange:function(e){return c({placeholderColorFocus:e})}}),React.createElement(qh,{label:th("Border Color"),value:R,onChange:function(e){return c({inputBorderColorFocus:e})}})),React.createElement(wh,{tabTitle:th("Hover")},React.createElement(qh,{label:th("Color"),value:v,onChange:function(e){return c({inputColorHover:e})}}),"classic"==ee&&React.createElement(qh,{label:th("Background Color"),value:w,onChange:function(e){return c({inputBgHover:e})}}),React.createElement(qh,{label:th("Placeholder Color"),value:j,onChange:function(e){return c({placeholderColorHover:e})}}),React.createElement(qh,{label:th("Border Color"),value:C,onChange:function(e){return c({inputBorderColorHover:e})}}))),React.createElement(Ch,{label:th("Radius"),value:S,onChange:function(e){return c({inputBorderRadius:e})},min:0,max:100,unit:["px","em","%"],responsive:!0,device:a,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(vh,{label:th("Typography"),value:m,onChange:function(e){return c({inputTypography:e})},device:a,onDeviceChange:function(t){return e.setState({device:t})}})),React.createElement(uh,{title:th("Settings"),initialOpen:!1},React.createElement(xh,null,React.createElement(wh,{tabTitle:th("Form")},React.createElement(bh,{label:th("Required Field Error Message"),value:F,onChange:function(e){return c({fieldErrorMessage:e})},help:th("Set required field error message here. Leave blank for default message.")}),React.createElement(ph,{label:th("Form Submit Success Message"),value:H,onChange:function(e){return c({formSuccessMessage:e})},help:th("Set your desired message after successful form submission. Leave blank for default.")}),React.createElement(ph,{label:th("Form Submit Failed Message"),value:W,onChange:function(e){return c({formErrorMessage:e})},help:th("Set your desired message for form submission error. Leave blank for default.")}),React.createElement(hh,{label:th("Enable reCAPTCHA"),value:G,onChange:function(e){return c({reCaptcha:e})}}),G&&(qubely_admin.qubely_recaptcha_site_key&&qubely_admin.qubely_recaptcha_site_key||this.state.saved_globally?React.createElement("div",{className:"api-notice"},th("reCaptcha keys added successfully"),","," ",React.createElement("a",{target:"_blank",href:be},th("Edit keys here"))):V&&X?React.createElement("div",{className:"recaptcha-keys"},React.createElement(bh,{label:th("Site Key "),value:V,onChange:function(e){return c({reCaptchaSiteKey:e})},placeholder:th("Enter Google Site Key")}),React.createElement(bh,{label:th("Secret Key "),value:X,onChange:function(e){return c({reCaptchaSecretKey:e})},placeholder:th("Enter Google Secret Key")}),React.createElement(fh,{isPrimary:!0,onClick:function(){return e._saveGlobally(V,X)}},th("Set globally"))):React.createElement("div",{className:"api-notice warning"},th("reCaptcha requires site key & secret key"),","," ",React.createElement("a",{target:"_blank",href:be},th("Add keys here"))))),React.createElement(wh,{tabTitle:th("Email")},React.createElement(bh,{label:th("Recipient Email"),value:J,onChange:function(e){return c({emailReceiver:e})},placeholder:th("Enter Recipient Email"),help:th("Enter the recipient email address. This field is mandatory. Without a recipient email, contact form will not work.")}),React.createElement(ph,{label:th("Email Headers"),value:K,onChange:function(e){return c({emailHeaders:e})}}),React.createElement(bh,{label:th("Subject"),value:$,onChange:function(e){return c({emailSubject:e})},placeholder:th("Enter Subject")}),React.createElement(ph,{label:th("Email Body"),value:Z,onChange:function(e){return c({emailBody:e})},help:th("Set your form email body here. In editor don't add any CSS style or others option just add your form field name between double curly braces {{field-name}} as you set in 'Field Name'.")})))),Ph(this.props.attributes,a,(function(e,t){c(Zg({},e,t))}),(function(t,n){e.setState(Zg({},t,n))}))),React.createElement(Ah,{key:"advance"},_h(s,te,c)))),React.createElement(oh,null,React.createElement(dh,{className:"components-dropdown components-dropdown-menu components-toolbar-group",label:th("Form Controls","qubely")},React.createElement(Oh,Kg({data:[{name:"InlineSpacer",key:"spacer",responsive:!0,unit:["px","em","%"]}]},this.props,{prevState:this.state})))),Th({enablePosition:ne,selectPosition:ae,positionXaxis:oe,positionYaxis:le,globalZindex:ie,hideDesktop:re,hideTablet:ce,hideMobile:se,globalCss:ue,setAttributes:c}),React.createElement("div",{className:"qubely-block-"+s+(b?" "+b:"")},React.createElement("div",{className:"qubely-block-contact-form qubely-layout-"+ee,onContextMenu:function(t){return Ih(t,e.qubelyContextMenu.current)}},React.createElement("form",{className:"qubely-form"},p.map((function(t,n){return React.createElement("div",{key:n,className:"qubely-form-group qubely-form-group-index-"+n,style:{width:t.width.md+"%"}},React.createElement("div",{className:"qubely-form-group-inner"},!t.hideLabel&&"classic"==ee&&React.createElement("label",{className:"qubely-form-label"},React.createElement("span",{contenteditable:"true",suppressContentEditableWarning:!0,onBlur:function(t){return e.setSettings("label",t.target.innerText,n)}},th(t.label)," ")," ",t.required&&"*"),("text"==t.type||"email"==t.type)&&React.createElement("input",{className:"qubely-form-control is-"+B,type:t.type,placeholder:th(t.placeholder),required:t.required,onClick:function(){return e.setState({selectedItem:n})}}),"textarea"==t.type&&React.createElement("textarea",{className:"qubely-form-control",placeholder:th(t.placeholder),required:t.required,onClick:function(){return e.setState({selectedItem:n})}}),"material"==ee&&React.createElement("label",{className:"qubely-form-label"},React.createElement("span",{contenteditable:"true",suppressContentEditableWarning:!0,onBlur:function(t){return e.setSettings("label",t.target.innerText,n)}},th(t.label)," ")," ",t.required&&"*")))})),React.createElement("div",{className:"qubely-form-group",style:{width:"100%"}},React.createElement(Rh,{enableButton:I,buttonFillType:A,buttonSize:z,buttonText:M,buttonIconName:D,buttonIconPosition:Y,buttonTag:L,onTextChange:function(e){return c({buttonText:e})}}))),React.createElement("div",{ref:this.qubelyContextMenu,className:"qubely-context-menu-wraper"},React.createElement(jh,{name:l,clientId:i,attributes:r,setAttributes:c,qubelyContextMenu:this.qubelyContextMenu.current})))))}}]),t}(ih),Dh=Lh()(Mh),Yh=Object.assign||function(e){for(var t=1;tFrom: {{full-name}}

Email: {{email}}

\n

Subject: {{subject}}

\n

Message: {{message}}

"},sourceOfCopiedStyle:{type:"boolean",default:!1}}),tv=Object.assign||function(e){for(var t=1;t0&&React.createElement(fv,null,React.createElement(hv,{label:cv("Counter Duration"),type:"number",value:b,onChange:function(e){l({counterDuration:e})}}),React.createElement(kv,{label:cv("Alignment"),alignmentType:"content",value:s,onChange:function(e){return l({alignment:e})},disableJustify:!0,responsive:!0,device:_,onDeviceChange:function(t){return e.setState({device:t})}}))),u>0&&React.createElement(gv,{title:cv("Counter"),initialOpen:!1},React.createElement(fv,null,React.createElement(Ev,{label:cv("Typography"),value:p,onChange:function(e){return l({counterTypo:e})},device:_,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(Rv,{label:cv("Color"),value:d,onChange:function(e){return l({counterColor:e})}}))),u>0&&React.createElement(gv,{title:cv("Prefix & Postfix"),initialOpen:!1},React.createElement(hv,{label:cv("Prefix"),value:y,placeholder:cv("Example: $"),onChange:function(e){return l({prefix:e})}}),React.createElement(hv,{label:cv("Postfix"),value:f,placeholder:cv("Example: +"),onChange:function(e){return l({postfix:e})}}),(y||f)&&React.createElement(fv,null,React.createElement(Ev,{label:cv("Typography"),value:m,onChange:function(e){return l({prepostTypo:e})},device:_,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(wv,{label:cv("Spacing"),value:g,min:0,max:50,unit:["px","em","%"],onChange:function(e){return l({prepostSpacing:e})},responsive:!0,device:_,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(Rv,{label:cv("Color"),value:h,onChange:function(e){return l({prepostColor:e})}})))),React.createElement(Lv,{key:"advance"},Bv(r,q,l),Tv(r,v,l)))),React.createElement(bv,null,React.createElement(vv,{className:"components-dropdown components-dropdown-menu components-toolbar-group",label:cv("Counter Options","qubely")},React.createElement(_v,iv({data:[{name:"InlineSpacer",key:"spacer",responsive:!0}]},this.props,{prevState:this.state})))),Sv({enablePosition:w,selectPosition:k,positionXaxis:E,positionYaxis:R,globalZindex:x,hideDesktop:C,hideTablet:S,hideMobile:B,globalCss:T,setAttributes:l}),React.createElement("div",{className:"qubely-block-"+r+(c?" "+c:"")},React.createElement("div",{className:"qubely-block-counter",onContextMenu:function(t){return Nv(t,e.qubelyContextMenu.current)}},u<=0&&React.createElement("div",null,"Please enter counter number"),b<=0&&React.createElement("div",null,"Please enter counter Duration"),React.createElement("div",{className:"qubely-block-counter-content"},u>0&&b>0&&React.createElement(fv,null,y&&React.createElement("span",{className:"qubely-block-counter-prefix"},y),React.createElement("span",{className:"qubely-block-counter-number"},React.createElement(xv,{number:u,counterDuration:b})),f&&React.createElement("span",{className:"qubely-block-counter-postfix"},f))),React.createElement("div",{ref:this.qubelyContextMenu,className:"qubely-context-menu-wraper"},React.createElement(Pv,{name:n,clientId:a,attributes:o,setAttributes:l,qubelyContextMenu:this.qubelyContextMenu.current})))))}}]),t}(dv),Av=jv()(zv),Mv=Object.assign||function(e){for(var t=1;t0&&React.createElement(Hv,null,l&&React.createElement("span",{className:"qubely-block-counter-prefix"},l),React.createElement("span",{className:"qubely-block-counter-number","data-limit":n,"data-start":0,"data-counterDuration":a},0),o&&React.createElement("span",{className:"qubely-block-counter-postfix"},o)))))}}]),t}(Fv),Jv=Object.assign||function(e){for(var t=1;t div { border-top-color: {{color}}; } {{QUBELY}} .qubely-block-divider path { fill: {{color}}; } {{QUBELY}} .qubely-block-divider circle { stroke: {{color}}; } {{QUBELY}} .qubely-block-divider ellipse { stroke: {{color}}; fill: {{color}}; }"}]},height:{type:"object",default:{md:"2",unit:"px"},style:[{selector:"{{QUBELY}} .qubely-block-divider > div { border-top-width: {{height}};}"}]},width:{type:"object",default:{md:"280",unit:"px"},style:[{selector:"{{QUBELY}} .qubely-block-divider > div { width: {{width}};} {{QUBELY}} .qubely-block-divider svg { width: {{width}};}"}]},alignment:{type:"object",default:{md:"center"},style:[{selector:"{{QUBELY}} {text-align: {{alignment}};}"}]},sourceOfCopiedStyle:{type:"boolean",default:!1}}),edit:Lq,save:Hq});var Jq=n(140),Kq={insert:"head",singleton:!1},$q=(p()(Jq.a,Kq),Jq.a.locals,{});$q.zigzag=React.createElement("svg",{width:"88",height:"11",viewBox:"0 0 88 11",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M87.387 9.066c-7.279 0-7.279-6.787-14.557-6.787-7.28 0-7.28 6.787-14.561 6.787-7.283 0-7.283-6.787-14.565-6.787l-14.562 6.787c-7.286 0-7.286-6.787-14.57-6.787-7.287 0-7.287 6.787-14.571 6.787",className:"qubely-separator-stroke",fill:"none"})),$q.zigzag_large=React.createElement("svg",{width:"161",height:"11",viewBox:"0 0 161 11",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M161 9c-8.05 0-8.05-7-16.099-7-8.043 0-8.043 7-16.088 7-8.047 0-8.047-7-16.095-7-8.05 0-8.05 7-16.097 7-8.045 0-8.045-7-16.095-7-8.05 0-8.05 7-16.099 7-8.047 0-8.047-7-16.092-7-8.05 0-8.05 7-16.104 7-8.059 0-8.059-7-16.116-7s-8.057 7-16.116 7",className:"qubely-separator-stroke",fill:"none"})),$q.pin_filled=React.createElement("svg",{width:"100",height:"20",viewBox:"0 0 100 20",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M18.948 8.5h80.196v3h-80.196c-.719 4.534-4.646 8-9.382 8-5.247 0-9.5-4.253-9.5-9.5s4.253-9.5 9.5-9.5c4.736 0 8.663 3.466 9.382 8z",className:"qubely-separator-fill",fillRule:"nonzero"})),$q.pin=React.createElement("svg",{width:"99",height:"19",viewBox:"0 0 99 19",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M18.946 8h79.793v3h-79.793c-.719 4.534-4.646 8-9.382 8-5.247 0-9.5-4.253-9.5-9.5s4.253-9.5 9.5-9.5c4.736 0 8.663 3.466 9.382 8zm-15.882 1.5c0 3.59 2.91 6.5 6.5 6.5s6.5-2.91 6.5-6.5-2.91-6.5-6.5-6.5-6.5 2.91-6.5 6.5z",className:"qubely-separator-fill",fillRule:"nonzero"}));var Zq=$q,ex=Object.assign||function(e){for(var t=1;t0?a-1:a,removeItemViaBackSpace:-1})))},onClick:function(){return n.setState({focusedItem:a})}},e.text),"right"==o&&React.createElement("span",{className:"qubely-list-item-icon "+e.icon+" fa-fw",onClick:function(){return n.setState({openIconPopUp:!u||s!=a})}}),e.text.length>0&&React.createElement(mk,{text:ck("Delete this item")},React.createElement("span",{className:"qubely-action-remove",role:"button",onClick:function(){n.updateListItems(a,"delete"),a==r?n.setState({focusedItem:a>0?a-1:a}):n.setState({focusedItem:r>0?r-1:r})}},React.createElement("i",{className:"fas fa-times"}))),s==a&&u&&t&&React.createElement(gk,{position:"bottom "+o,className:"qubely-iconlist-icons-popover"},React.createElement(Ck,{disableToggle:!0,value:l.length>0&&l[a].icon,onChange:function(e){return n.modifySpecificItem({icon:e},a)}}))))}))},n.state={device:"md",currentListItemIndex:0,openIconPopUp:!1,removeItemViaBackSpace:-1,focusedItem:n.props.attributes.listItems.length-1},n.textInput=React.createRef(),n.qubelyContextMenu=dk(),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),rk(t,[{key:"componentDidMount",value:function(){var e=this.props.attributes.uniqueId;this.placeCaretAtEnd(document.querySelector(".qubely-block-"+e+" .qubely-list-item-text-"+this.state.focusedItem))}},{key:"componentDidUpdate",value:function(e,t){if(this.props.attributes.listItems.length>e.attributes.listItems.length)document.querySelector(".qubely-block-"+e.attributes.uniqueId+" .qubely-list-item-text-"+this.state.focusedItem).focus();else if(this.props.attributes.listItems.length90&&(l=90),t.style.left=l+"%",n.style.width=l+"%"};e.addEventListener("mousemove",a);var o=function(){e.removeEventListener("mousemove",a)};e.addEventListener("mouseup",o),window.addEventListener("mouseup",o)},n.onSelectImage=function(e,t){e&&e.url&&n.props.setAttributes("A"===t?{image:e}:{image2:e})},n.onUploadError=function(e){var t=n.props.noticeOperations;t.removeAllNotices(),t.createErrorNotice(e)},n.onSelectURL=function(e,t){var a=n.props.attributes,o=a.image,l=a.image2,i=o;"B"===t&&(i=l),e!==i.url&&(i=NR({},i,{url:e,id:void 0,sizeSlug:"large"})),n.props.setAttributes("A"===t?{image:i}:{image2:i})},n.state={device:"md"},n.qubelyContextMenu=DR(),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),jR(t,[{key:"componentDidMount",value:function(){var e=document.querySelector(".qubely-block-image-comparison");document.querySelectorAll(".qubely-block-image-comparison img").forEach((function(t){t.style.width=e.offsetWidth+"px"}))}},{key:"render",value:function(){var e,t,n=this,a=this.props,o=a.name,l=a.clientId,i=a.noticeUI,r=a.attributes,c=a.setAttributes,s=a.attributes,u=s.uniqueId,b=s.className,p=s.imageATitle,d=s.titleColor,f=s.typography,y=s.imageBTitle,m=s.controlColor,g=s.disableTitle,h=s.verticalAlign,v=s.horizontalOffset,q=s.verticalOffset,x=s.image,w=s.image2x,k=s.imgAlt,E=s.image2,R=s.image2_2x,C=s.imgAlt2,S=s.animation,B=s.globalZindex,T=s.enablePosition,_=s.selectPosition,O=s.positionXaxis,P=s.positionYaxis,N=s.hideDesktop,j=s.hideTablet,I=s.hideMobile,L=s.globalCss,z=s.interaction,A=this.state.device,M=function(e,t){var a=x;"B"===e&&(a=E);var o=!!a.url&&React.createElement("img",{alt:LR("Edit image"),title:LR("Edit image"),className:"edit-image-preview",src:a.url});return React.createElement(VR,{accept:"image/*",multiple:!1,notices:i,icon:"format-image",mediaPreview:o,allowedTypes:yC,onError:function(){return n.onUploadError()},labels:{title:t},onSelect:function(t){return n.onSelectImage(t,e)},onSelectURL:function(t){return n.onSelectURL(t,e)},disableMediaButtons:a.url,value:{id:a.id,src:a.src}})},D=function(e,t){return React.createElement("div",{className:"qubely-media-actions"},React.createElement(JR,{value:e,onSelect:function(e){c(IR({},t,e))},allowedTypes:["image"],render:function(e){var t=e.open;return React.createElement(FR,{text:LR("Edit")},React.createElement("button",{className:"qubely-button","aria-label":LR("Edit"),onClick:t,role:"button"},React.createElement("span",{"aria-label":LR("Edit"),className:"fas fa-pencil-alt fa-fw"})))}}),React.createElement(FR,{text:LR("Remove")},React.createElement("button",{className:"qubely-button","aria-label":LR("Remove"),onClick:function(){return c(IR({},t,{}))},role:"button"},React.createElement("span",{"aria-label":LR("Close"),className:"far fa-trash-alt fa-fw"}))))},Y=!1,U=!1;return(x.url||w.url)&&(Y=!0),(E.url||R.url)&&(U=!0),React.createElement(AR,null,React.createElement(XR,{key:"inspector"},React.createElement(dC,{tabs:["style","advance"]},React.createElement(pC,{key:"style"},React.createElement(UR,{title:"",opened:!0},React.createElement(nC,{label:LR("Enable Text"),value:g,onChange:function(e){return c({disableTitle:e})}}),g&&React.createElement(AR,null,React.createElement(eC,{label:LR("Text Color"),value:d,onChange:function(e){return c({titleColor:e})}}),React.createElement(aC,{label:LR("Typography"),value:f,onChange:function(e){return c({typography:e})},disableLineHeight:!0,device:A,onDeviceChange:function(e){return n.setState({device:e})}}),React.createElement(ZR,{label:LR("Vertical Align"),options:[{label:LR("Top"),value:"top",title:"top"},{label:LR("Bottom"),value:"bottom",title:"Bottom"}],value:h,onChange:function(e){return c({verticalAlign:e})}})),React.createElement($R,{label:LR("Vertical Offset"),value:q,min:0,max:100,onChange:function(e){return c({verticalOffset:e})},unit:["px","%"],responsive:!0,device:A,onDeviceChange:function(e){return n.setState({device:e})}}),React.createElement($R,{label:LR("Horizontal Offset"),value:v,min:0,max:100,onChange:function(e){return c({horizontalOffset:e})},unit:["px","%"],responsive:!0,device:A,onDeviceChange:function(e){return n.setState({device:e})}}),React.createElement(eC,{label:LR("Slider Color"),value:m,onChange:function(e){return c({controlColor:e})}})),React.createElement(UR,{title:LR("Retina Images"),initialOpen:!1},React.createElement(tC,{panel:!0,value:R,multiple:!1,label:LR("@2x Image 1 (Left Image)"),type:["image"],onChange:function(e){return c({image2_2x:e})}}),React.createElement(tC,{panel:!0,value:w,multiple:!1,label:LR("@2x Image 2 (Right Image)"),type:["image"],onChange:function(e){return c({image2x:e})}}))),React.createElement(pC,{key:"advance"},sC(u,S,c),uC(u,z,c)))),React.createElement(GR,null,React.createElement(QR,{className:"components-dropdown components-dropdown-menu components-toolbar-group",label:LR("Image Comparison Options","qubely")},React.createElement(oC,NR({data:[{name:"InlineSpacer",key:"spacer",responsive:!0,unit:["px","em","%"]}]},this.props,{prevState:this.state})))),bC({enablePosition:T,selectPosition:_,positionXaxis:O,positionYaxis:P,globalZindex:B,hideDesktop:N,hideTablet:j,hideMobile:I,globalCss:L,setAttributes:c}),React.createElement("div",{className:"qubely-block-"+u+(b?" "+b:"")},React.createElement("div",{className:Se()("qubely-block-image-comparison",{"has-child-placeholder":!Y||!U}),onContextMenu:function(e){return rC(e,n.qubelyContextMenu.current)}},React.createElement("div",{className:Se()("image-container image-B",(e={},IR(e,"valid-images resizable-img",Y&&U),IR(e,"is-placeholder",!U),e))},U?React.createElement("div",{className:"image-container-inner"},React.createElement("img",NR({className:"qubely-image",src:E.url},R.url?{srcset:E.url+" 1x, "+R.url+" 2x"}:{},{alt:C&&C})),g&&React.createElement(WR,{value:y,keepPlaceholderOnFocus:!0,placeholder:LR("Modified"),className:"comparison-image-text text-vertical-align-"+h,onChange:function(e){return c({imageBTitle:e})}}),D(E.id,"image2")):M("B","Image One")),React.createElement("div",{className:Se()("image-container image-A",(t={},IR(t,"valid-images",Y&&U),IR(t,"is-placeholder",!Y),t))},Y?React.createElement("div",{className:"image-container-inner"},React.createElement("img",NR({className:"qubely-image",src:x.url},w.url?{srcset:x.url+" 1x, "+w.url+" 2x"}:{},{alt:k&&k})),g&&React.createElement(WR,{value:p,keepPlaceholderOnFocus:!0,placeholder:LR("Original"),className:"comparison-image-text text-vertical-align-"+h,onChange:function(e){return c({imageATitle:e})}}),D(x.id,"image")):M("A","Image Two")),Y&&U&&React.createElement("span",{className:"comparison-scrollCircle",onMouseDown:function(e){return n.dragFunc(e)}})),React.createElement("div",{ref:this.qubelyContextMenu,className:"qubely-context-menu-wraper"},React.createElement(iC,{name:o,clientId:l,attributes:r,setAttributes:c,qubelyContextMenu:this.qubelyContextMenu.current}))))}}]),t}(MR),gC=fC()(mC),hC=Object.assign||function(e){for(var t=1;t
'+e.adr_address+'
'+e.website+"
",r=new google.maps.InfoWindow({content:i});o.addListener("click",(function(){r.open(m,o)}))}}))}}},{key:"setSettings",value:function(e,t){var n,a,o,l=this,i=this.props,r=i.attributes.apiKey;(0,i.setAttributes)((o=t,(a=e)in(n={})?Object.defineProperty(n,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[a]=o,n)),r&&setTimeout((function(){return l.initMap()}),300)}},{key:"getStyles",value:function(e){var t=[];try{t=JSON.parse(e)}catch(e){return[]}return t}},{key:"render",value:function(){var e=this,t=this.props,n=t.setAttributes,a=t.attributes,o=a.uniqueId,l=a.className,i=a.zoom,r=a.height,c=a.apiKey,s=a.mapAddress,u=a.selectedStyle,b=a.showZoomButtons,p=a.showMapTypeButtons,d=a.showStreetViewButton,f=a.showFullscreenButton,y=a.optionDraggable,m=a.showMarker,g=a.iconPointer,h=a.animation,v=a.enablePosition,q=a.selectPosition,x=a.positionXaxis,w=a.positionYaxis,k=a.globalZindex,E=a.hideDesktop,R=a.hideTablet,C=a.hideMobile,S=a.globalCss,B=qubely_admin.admin_url+"admin.php?page=qubely-settings";return React.createElement(uB,null,React.createElement(iB,{key:"inspector"},React.createElement(CB,{tabs:["style","advance"]},React.createElement(SB,{key:"style"},React.createElement(pB,{title:oB("Map Settings","qubely")},qubely_admin.qubely_gmap_api_key||this.state.saved_globally?React.createElement("div",{className:"api-notice"},oB("Google map API key successfully added"),","," ",React.createElement("a",{target:"_blank",href:B},oB("Edit API key here"))):c?React.createElement("div",{className:"gmap-api-key-control"},React.createElement(fB,{label:oB("API Key"),value:c,placeholder:oB("Enter API Key"),onChange:function(t){return e.initMapLibrary(t)}}),React.createElement(gB,{onClick:function(){return e._saveGlobally(c)},isPrimary:!0},oB("Set globally"))):React.createElement("div",{className:"api-notice warning"},oB("Some features requires Google map API key"),","," ",React.createElement("a",{target:"_blank",href:B},oB("Add API key here"))),React.createElement(yB,{label:oB("Zoom"),value:i,min:"1",max:"20",onChange:function(t){return e.setSettings("zoom",t)}}),React.createElement(yB,{label:oB("Height"),value:r,min:"1",max:"700",onChange:function(t){return e.setSettings("height",t)}})),!c&&React.createElement("b",null,React.createElement("i",null,oB("Need Google API key extend feature."))),React.createElement("div",{className:c?"":"not-clickable"},React.createElement(pB,{title:oB("Map Style")},React.createElement("div",{style:{overflow:"auto"}},eB.map((function(t,n){return React.createElement("div",{key:n,className:u==t.value?"qubely-map-style qubely-map-style-active":"qubely-map-style"},React.createElement("img",{key:n,onClick:function(){e.setSettings("selectedStyle",t.value),e.setSettings("mapStyle",JSON.stringify(t.json))},src:t.image,title:oB(t.label),alt:oB("Map Style")}),React.createElement("p",null,oB(t.label)))})))),React.createElement(pB,{title:oB("Map Option")},React.createElement(dB,{label:oB("Zoom Buttons"),checked:!!b,onChange:function(t){return e.setSettings("showZoomButtons",t)}}),React.createElement(dB,{label:oB("Map Type Buttons"),checked:!!p,onChange:function(t){return e.setSettings("showMapTypeButtons",t)}}),React.createElement(dB,{label:oB("Street View Button"),checked:!!d,onChange:function(t){return e.setSettings("showStreetViewButton",t)}}),React.createElement(dB,{label:oB("Fullscreen Button"),checked:!!f,onChange:function(t){return e.setSettings("showFullscreenButton",t)}}),React.createElement(dB,{label:oB("Draggable"),checked:!!y,onChange:function(t){return e.setSettings("optionDraggable",t)}}),React.createElement(dB,{label:oB("Show Marker"),checked:!!m,onChange:function(t){return e.setSettings("showMarker",t)}}),m&&React.createElement(uB,null,React.createElement(qB,{label:oB("Add custom marker")}),React.createElement(vB,{multiple:!1,type:["image"],value:{url:g},panel:!0,onChange:function(t){return e.setSettings("iconPointer",t.url)}}))))),React.createElement(SB,{key:"advance"},kB(o,h,n)))),React.createElement(rB,null,React.createElement(mB,{className:"components-dropdown components-dropdown-menu components-toolbar-group",label:oB("Map Options","qubely")},React.createElement(EB,tB({data:[{name:"InlineSpacer",key:"spacer",responsive:!0,unit:["px","em","%"]}]},this.props,{prevState:this.state})))),wB({enablePosition:v,selectPosition:q,positionXaxis:x,positionYaxis:w,globalZindex:k,hideDesktop:E,hideTablet:R,hideMobile:C,globalCss:S,setAttributes:n}),React.createElement("div",{className:"qubely-block-"+o+(l?" "+l:"")},React.createElement("div",{className:c?"qubely-google-map":"qubely-gmap-hide"},React.createElement("input",{ref:"mapAddress",type:"text",className:"qubely-google-gmap-input",placeholder:oB("Find your location…")}),React.createElement("div",{ref:"qubelyGoogleMap",style:{height:parseInt(r,10)+"px",width:"100%"}})),!c&&React.createElement("div",{ref:"qubelyGoogleMapIframe"},React.createElement(fB,{label:oB(""),value:s,placeholder:oB("Enter your address"),onChange:function(t){return e.props.setAttributes({mapAddress:t})}}),React.createElement("iframe",{width:"100%",height:parseInt(r,10)+"px",src:"https://maps.google.com/maps?q="+encodeURIComponent(s)+"&t=&z="+parseInt(i,10)+"&ie=UTF8&iwloc=&output=embed",frameborder:"0",scrolling:"no",marginheight:"0",marginwidth:"0"}))))}}]),t}(sB),TB=RB()(BB),_B=Object.assign||function(e){for(var t=1;td&&(g-=.5*(p-d)),d>p&&(h-=.5*(d-p));var v=2*Math.PI*h,q=v*f/100,x=u/2*p/100*.5;return React.createElement("div",{className:"qubely-pie-progress",style:m,role:"progressbar"},React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:u/2+" "+u/2+" "+u+" "+u,style:{transform:"rotate(-90deg)",overflow:"visible"}},!0===c.openShadow&&("inset"!==c.inset?React.createElement("filter",{id:"progress-shadow-"+o,width:"500%",height:"500%",x:"-250%",y:"-250%"},React.createElement("feDropShadow",{dx:-1*c.vertical,dy:c.horizontal,stdDeviation:c.blur,"flood-color":c.color,"flood-opacity":"1"})):React.createElement("filter",{id:"progress-shadow-"+o,width:"500%",height:"500%",x:"-250%",y:"-250%"},React.createElement("feOffset",{dx:-1*c.vertical,dy:c.horizontal}),React.createElement("feGaussianBlur",{stdDeviation:c.blur}),React.createElement("feComposite",{operator:"out",in:"SourceGraphic",result:"inverse"}),React.createElement("feFlood",{"flood-color":c.color,"flood-opacity":"1",result:"color"}),React.createElement("feComposite",{operator:"in",in:"color",in2:"inverse",result:"shadow"}),React.createElement("feComposite",{operator:"over",in:"shadow",in2:"SourceGraphic"}))),!0===r.openShadow&&("inset"!==r.inset?React.createElement("filter",{id:"circle-shadow-"+o,width:"500%",height:"500%",x:"-250%",y:"-250%"},React.createElement("feDropShadow",{dx:-1*r.vertical,dy:r.horizontal,stdDeviation:r.blur,"flood-color":r.color,"flood-opacity":"1"})):React.createElement("filter",{id:"circle-shadow-"+o,width:"500%",height:"500%",x:"-250%",y:"-250%"},React.createElement("feOffset",{dx:-1*r.vertical,dy:r.horizontal}),React.createElement("feGaussianBlur",{stdDeviation:r.blur}),React.createElement("feComposite",{operator:"out",in:"SourceGraphic",result:"inverse"}),React.createElement("feFlood",{"flood-color":r.color,"flood-opacity":"1",result:"color"}),React.createElement("feComposite",{operator:"in",in:"color",in2:"inverse",result:"shadow"}),React.createElement("feComposite",{operator:"over",in:"shadow",in2:"SourceGraphic"}))),"color"!==a.type&&("radial"==a.gradient.type?React.createElement("radialGradient",{id:"qgrd-"+o,fx:"50%",fy:"50%",cx:"50%",cy:"50%",r:x+"%",spreadMethod:"reflect"},React.createElement("stop",{offset:(a.gradient.start||0)+"%","stop-color":a.gradient.color1}),React.createElement("stop",{offset:(a.gradient.stop||100)+"%","stop-color":a.gradient.color2})):React.createElement("linearGradient",{id:"qgrd-"+o,x1:"0%",y1:"0%",x2:"0%",y2:"100%",gradientTransform:"rotate("+(a.gradient.direction-90||0)+", .5, .5)"},React.createElement("stop",{offset:(a.gradient.start||0)+"%","stop-color":a.gradient.color1}),React.createElement("stop",{offset:(a.gradient.stop||100)+"%","stop-color":a.gradient.color2}))),React.createElement("circle",QB({},!0===r.openShadow&&{filter:"url(#circle-shadow-"+o+")"},{cx:u,cy:u,r:g-b,stroke:n,"stroke-width":d,fill:"outline"!==i?n:"none"})),React.createElement("circle",QB({className:"qubely-pie-circle-fg"},!0===c.openShadow&&{filter:"url(#progress-shadow-"+o+")"},{cx:u,cy:u,r:h,"stroke-dasharray":v,"stroke-dashoffset":!0===s?v:v-q,"data-dashoffset":v-q,"stroke-width":p,"stroke-linecap":l,fill:"none","data-transition":"stroke-dashoffset "+(!0===s?y:0)+"ms linear","data-transition-duration":!0===s?y:0,"data-percent":f,stroke:a.openColor?"color"===a.type?a.color:"url(#qgrd-"+o+")":FB.fill.color}))))},WB=Object.assign||function(e){for(var t=1;t0,duration:C},B=zT(h)?"qubley-block-interaction":"";return React.createElement("div",PT({className:"qubely-block-"+n+" qubely-block-pie-progress "+B},LT(g)),React.createElement("div",{className:"qubely-progress-parent"},React.createElement(HB,S),(r||f)&&React.createElement("div",{className:"qubely-progress-inner-text"},r&&React.createElement(NT,null,"text"===c&&React.createElement(jT.Content,{tagName:"div",value:s}),"percent"===c&&React.createElement("div",null,React.createElement("span",{className:"qubely-pie-counter"},a),"%"),"icon"===c&&React.createElement("span",{className:"qubely-pie-icon "+u}),"image"===c&&React.createElement("div",{className:"icon-image "+(void 0===b.url&&"pie-placeholder")},void 0!==b.url?React.createElement("img",{className:"qubely-pie-image",src:b.url,alt:d&&d,srcSet:void 0!==p.url?b.url+" 1x, "+p.url+" 2x":""}):React.createElement("span",{className:"qubely-pie-placeholder far fa-image"}))),f&&"inside"===y&&React.createElement(jT.Content,{tagName:"div",value:m,className:"qubely-pie-progress-heading"}))),f&&"outside"===y&&React.createElement(jT.Content,{tagName:"div",value:m,className:"qubely-pie-progress-heading qubely-outside"}))},MT=Object.assign||function(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:"h3",a=e.props.attributes,o=a.layout,l=a.style,i=a.readmoreStyle,r=a.showCategory,c=a.categoryPosition,s=a.showTitle,u=a.titlePosition,b=a.showAuthor,p=a.showDates,d=a.showComment,f=a.showExcerpt,y=a.excerptLimit,m=a.showReadMore,g=a.buttonText,h=a.readmoreSize,v=React.createElement(n,{className:"qubely-postgrid-title"},React.createElement("a",null,t.title.rendered));return React.createElement("div",{className:1===o?"qubely-post-list-content":"qubely-post-grid-content"},"default"===r&&React.createElement("span",{className:"qubely-postgrid-category qubely-backend",dangerouslySetInnerHTML:{__html:t.qubely_category}}),"badge"==r&&4===l&&React.createElement("div",{className:"qubely-postgrid-cat-position qubely-postgrid-cat-position-"+c},React.createElement("span",{className:"qubely-postgrid-category qubely-backend",dangerouslySetInnerHTML:{__html:t.qubely_category}})),s&&1==u&&v,(b||p||d)&&React.createElement("div",{className:"qubely-postgrid-meta"},b&&React.createElement("span",null,React.createElement("i",{className:"fas fa-user"})," ",ZT("By")," ",React.createElement("a",null,t.qubely_author.display_name)),p&&React.createElement("span",null,React.createElement("i",{className:"far fa-calendar-alt"})," ",c_(s_().formats.date,t.date_gmt)),d&&React.createElement("span",null,React.createElement("i",{className:"fas fa-comment"})," ",t.qubely_comment?t.qubely_comment:"0")),s&&0==u&&v,f&&React.createElement("div",{className:"qubely-postgrid-intro",dangerouslySetInnerHTML:{__html:e.truncate(t.qubely_excerpt,y)}}),m&&React.createElement("div",{className:"qubely-postgrid-btn-wrapper"},React.createElement("a",{className:"qubely-postgrid-btn qubely-button-"+i+" is-"+h},g)))},e.state={device:"md",spacer:!0,categoriesList:[]},e.qubelyContextMenu=i_(),e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),XT(t,[{key:"componentDidMount",value:function(){var e=this;this.isStillMounted=!0,this.fetchRequest=wp.apiFetch({path:n_("/wp/v2/categories",J_)}).then((function(t){e.isStillMounted&&e.setState({categoriesList:t})})).catch((function(){e.isStillMounted&&e.setState({categoriesList:[]})}))}},{key:"componentWillUnmount",value:function(){this.isStillMounted=!1}},{key:"truncate",value:function(e,t){return e&&e.split(" ").length>t?e.split(" ").splice(0,t).join(" "):e}},{key:"render",value:function(){var e=this,t=this.props,n=t.setAttributes,a=t.posts,o=(t.name,t.clientId,t.attributes,t.categoryList),l=t.taxonomyList,i=t.numberofPosts,r=t.attributes,c=r.level,s=r.uniqueId,b=r.className,p=r.postType,d=r.taxonomy,f=r.taxonomyType,y=r.categories,m=r.customTaxonomies,g=r.tags,h=r.order,v=r.orderBy,q=r.postsToShow,x=r.enablePagination,w=r.page,k=(r.paginationType,r.pageAlignment),E=r.paginationTypography,R=r.pagesColor,C=r.pagesHoverColor,S=r.pagesActiveColor,B=r.pagesbgColor,T=r.pagesbgHoverColor,_=r.pagesbgActiveColor,O=r.pagesBorder,P=r.pagesHoverBorder,N=r.pagesActiveBorder,j=r.pagesShadow,I=r.pagesHoverShadow,L=r.pagesActiveShadow,z=r.pagesBorderRadius,A=r.pagePadding,M=r.pageMargin,D=r.showImages,Y=r.imgSize,U=r.enableFixedHeight,Q=r.fixedHeight,F=r.imageRadius,H=r.imageAnimation,W=r.cardBackground,G=r.cardBorder,V=r.cardBorderRadius,X=r.cardPadding,J=r.cardBoxShadow,K=r.cardSpace,$=r.stackBg,Z=r.stackWidth,ee=r.stackSpace,te=r.stackBorderRadius,ne=r.stackPadding,ae=r.stackBoxShadow,oe=r.readmoreStyle,le=r.buttonText,ie=r.readmoreSize,re=r.readmoreCustomSize,ce=r.readmoreTypography,se=r.readmoreBg,ue=r.readmoreHoverBg,be=r.readmoreBorder,pe=r.readmoreBorderRadius,de=r.readmoreBoxShadow,fe=r.readmoreColor,ye=r.readmoreColor2,me=r.readmoreHoverColor,ge=r.layout,he=r.style,ve=r.column,qe=r.showDates,xe=r.showComment,we=r.showAuthor,ke=r.showCategory,Ee=r.categoryPosition,Re=r.showExcerpt,Ce=r.excerptLimit,Se=r.showReadMore,Be=r.showTitle,Te=r.titlePosition,_e=r.showSeparator,Oe=r.separatorColor,Pe=r.separatorHeight,Ne=r.separatorSpace,je=r.titleTypography,Ie=r.metaTypography,Le=r.excerptTypography,ze=r.categoryTypography,Ae=r.titleColor,Me=r.titleOverlayColor,De=r.metaColor,Ye=r.metaOverlayColor,Ue=r.titleHoverColor,Qe=r.excerptColor,Fe=r.excerptColor2,He=r.categoryColor,We=r.categoryColor2,Ge=r.categoryHoverColor,Ve=r.categoryHoverColor2,Xe=r.categoryBackground,Je=r.categoryHoverBackground,Ke=r.categoryRadius,$e=r.categoryPadding,Ze=r.badgePosition,et=r.badgePadding,tt=r.bgColor,nt=r.border,at=r.borderRadius,ot=r.padding,lt=r.boxShadow,it=r.contentPosition,rt=r.girdContentPosition,ct=r.overlayBg,st=r.overlayHoverBg,ut=r.overlayBlend,bt=r.overlayHeight,pt=r.overlaySpace,dt=r.overlayBorderRadius,ft=r.columnGap,yt=r.contentPadding,mt=r.titleSpace,gt=r.categorySpace,ht=r.metaSpace,vt=r.excerptSpace,qt=r.animation,xt=r.globalZindex,wt=r.enablePosition,kt=r.selectPosition,Et=r.positionXaxis,Rt=r.positionYaxis,Ct=r.hideDesktop,St=r.hideTablet,Bt=r.hideMobile,Tt=r.globalCss,_t=this.state.device,Ot="h"+c,Pt=0;i&&i.length&&(Pt=Math.ceil(i.length/q));var Nt=[{value:"",label:ZT("Select Taxonomy")}],jt=[{value:"",label:ZT("All")}];return""!==l&&Object.keys(l).map((function(e){return Nt.push({value:l[e].name,label:l[e].label})})),""!==o&&Object.keys(o).map((function(e){return jt.push({value:o[e].value,label:o[e].label})})),React.createElement(o_,null,React.createElement(b_,{key:"inspector"},React.createElement(W_,{tabs:["style","advance"]},React.createElement(G_,{key:"style"},React.createElement(y_,{title:"",initialOpen:!0},React.createElement(I_,{options:[{value:1,svg:u.postgrid_1,label:ZT("")},{value:2,svg:u.postgrid_2,label:ZT("")},{value:3,svg:u.postgrid_3,label:ZT(""),pro:!0},{value:4,svg:u.postgrid_4,label:ZT(""),pro:!0},{value:5,svg:u.postgrid_5,label:ZT(""),pro:!0}],proUpgradation:!0,value:ge,onChange:function(e){return n({layout:e})}})),React.createElement(y_,{title:ZT("Post Design"),initialOpen:!0},React.createElement(I_,{columns:4,value:he,onChange:function(e){return n({style:e})},options:[{value:1,svg:u.postgrid_design_1},{value:2,svg:1===ge?u.postgrid_design_3:u.postgrid_design_2},{value:3,svg:1===ge?u.postgrid_design_5:u.postgrid_design_4},{value:4,svg:u.postgrid_design_6}]}),2===ge&&React.createElement(x_,{label:ZT("Select Column"),value:ve,onChange:function(e){return n({column:e})},min:1,step:1,max:6,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),(1===ge||2===ge&&(3===he||4===he))&&React.createElement(w_,{label:ZT("Content Align"),options:2===ge&&3===he?[[ZT("Left"),"left"],[ZT("Middle"),"center"],[ZT("Right"),"right"]]:[[ZT("Top"),"top"],[ZT("Middle"),"center"],[ZT("Bottom"),"bottom"]],value:2===ge&&3===he?it:rt,onChange:function(e){return n(2===ge&&3===he?{contentPosition:e}:{girdContentPosition:e})}}),(1===ge&&3!=he||2===ge&&3!=he)&&React.createElement(N_,{label:ZT("Padding"),value:yt,onChange:function(e){return n({contentPadding:e})},min:0,max:100,unit:["px","em","%"],responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(S_,null),(1===ge&&1===he||2===ge&&1===he)&&React.createElement(o_,null,React.createElement(B_,{label:ZT("Background"),value:tt,onChange:function(e){return n({bgColor:e})}}),React.createElement(O_,{label:ZT("Border"),value:nt,onChange:function(e){return n({border:e})},min:0,max:10,unit:["px","em","%"],responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(P_,{min:0,max:100,responsive:!0,device:_t,label:ZT("Corner"),value:at,unit:["px","em","%"],onChange:function(e){return n({borderRadius:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(N_,{label:ZT("Padding"),value:ot,onChange:function(e){return n({padding:e})},min:0,max:60,unit:["px","em","%"],responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(j_,{label:ZT("Box-Shadow"),value:lt,onChange:function(e){return n({boxShadow:e})}})),2===he&&React.createElement(o_,null,React.createElement(B_,{label:ZT("Card Background"),value:W,onChange:function(e){return n({cardBackground:e})}}),React.createElement(O_,{label:ZT("Card Border"),value:G,onChange:function(e){return n({cardBorder:e})},min:0,max:10,unit:["px","em","%"],responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(P_,{min:0,max:100,responsive:!0,device:_t,label:ZT("Card Corner"),value:V,unit:["px","em","%"],onChange:function(e){return n({cardBorderRadius:e})},onDeviceChange:function(t){return e.setState({device:t})}}),1===ge&&React.createElement(x_,{label:ZT("Card Space"),value:K,onChange:function(e){return n({cardSpace:e})},unit:["px","em","%"],min:0,max:100,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(N_,{label:ZT("Card Padding"),value:X,onChange:function(e){return n({cardPadding:e})},min:0,max:100,unit:["px","em","%"],responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(j_,{label:ZT("Card Box Shadow"),value:J,onChange:function(e){return n({cardBoxShadow:e})}})),4===he&&React.createElement(o_,null,React.createElement(x_,{label:ZT("Overlay Height"),value:bt,onChange:function(e){return n({overlayHeight:e})},unit:["px","em","%"],min:50,max:700,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),1===ge&&React.createElement(x_,{label:ZT("Overlay Space"),value:pt,onChange:function(e){return n({overlaySpace:e})},unit:["px","em","%"],min:0,max:100,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(P_,{min:0,max:100,responsive:!0,device:_t,label:ZT("Overlay Corner"),value:dt,unit:["px","em","%"],onChange:function(e){return n({overlayBorderRadius:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(L_,null,React.createElement(z_,{tabTitle:ZT("Normal")},React.createElement(B_,{label:ZT("Overlay"),value:ct,onChange:function(e){return n({overlayBg:e})}})),React.createElement(z_,{tabTitle:ZT("Hover")},React.createElement(B_,{label:ZT("Hover Overlay"),value:st,onChange:function(e){return n({overlayHoverBg:e})}}))),React.createElement(C_,{label:ZT("Blend Mode"),options:[["normal",ZT("Normal")],["multiply",ZT("Multiply")],["screen",ZT("Screen")],["overlay",ZT("Overlay")],["darken",ZT("Darken")],["lighten",ZT("Lighten")],["color-dodge",ZT("Color Dodge")],["saturation",ZT("Saturation")],["luminosity",ZT("Luminosity")],["color",ZT("Color")],["color-burn",ZT("Color Burn")],["exclusion",ZT("Exclusion")],["hue",ZT("Hue")]],value:ut,onChange:function(e){return n({overlayBlend:e})}})),3===he&&React.createElement(o_,null,React.createElement(B_,{label:ZT("Stack Background"),value:$,onChange:function(e){return n({stackBg:e})}}),2===ge&&React.createElement(x_,{label:ZT("Stack Size"),value:Z,onChange:function(e){return n({stackWidth:e})},unit:["px","em","%"],min:50,max:600,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),1===ge&&React.createElement(x_,{label:ZT("Stack Space"),value:ee,onChange:function(e){return n({stackSpace:e})},unit:["px","em","%"],min:0,max:100,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(P_,{min:0,max:100,responsive:!0,device:_t,label:ZT("Stack Corner"),value:te,unit:["px","em","%"],onChange:function(e){return n({stackBorderRadius:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(N_,{label:ZT("Stack Padding"),value:ne,onChange:function(e){return n({stackPadding:e})},min:0,max:60,unit:["px","em","%"],responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(j_,{label:ZT("Stack Box Shadow"),value:ae,onChange:function(e){return n({stackBoxShadow:e})}})),1===ge&&1===he&&React.createElement(o_,null,React.createElement(S_,null),React.createElement(E_,{label:ZT("Enable Separator"),value:_e,onChange:function(e){return n({showSeparator:e})}})),1===ge&&1===he&&!0===_e&&React.createElement(o_,null,React.createElement(__,{label:ZT("Separator Color"),value:Oe,onChange:function(e){return n({separatorColor:e})}}),React.createElement(x_,{label:ZT("Separator Height"),value:Pe,onChange:function(e){return n({separatorHeight:e})},unit:["px","em","%"],min:0,max:30,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(x_,{label:ZT("Separator Spacing"),value:Ne,onChange:function(e){return n({separatorSpace:e})},unit:["px","em","%"],min:0,max:100,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}))),React.createElement(y_,{title:ZT("Query"),initialOpen:!1},React.createElement(v_,{label:ZT("Post Type"),options:K_,value:p,onChange:function(e){return n({postType:e,page:1})}}),l&&"post"!==p&&React.createElement(v_,{label:ZT("Taxonomy"),options:Nt,value:f,onChange:function(e){return n({taxonomyType:e})}}),o&&"post"!==p&&React.createElement(R_,{label:l&&l[f]?l[f].label:ZT("Taxonomy Terms"),enableSearch:!0,defaultOptionsLabel:"All",options:jt,value:m,onChange:function(e){return n({customTaxonomies:e.length&&"All"===e[e.length-1].label?[]:e})}}),"post"===p&&React.createElement(o_,null,React.createElement(w_,{label:ZT("Taxonomy"),options:[[ZT("Categories"),"categories"],[ZT("Tags"),"tags"]],value:d,onChange:function(e){return n({taxonomy:e})}}),React.createElement(R_,{label:ZT("categories"===d?"Categories":"Tags"),enableSearch:!0,defaultOptionsLabel:"All",options:[{value:"all",label:ZT("All")}].concat(JT(l)),value:"categories"===d?y:g,onChange:function(e){return n("categories"===d?{categories:e.length&&"All"===e[e.length-1].label?[]:e}:{tags:e.length&&"All"===e[e.length-1].label?[]:e})}})),React.createElement(x_,{label:ZT("Number of Items"),value:q,onChange:function(e){return n({postsToShow:parseInt(e),page:1})},min:1,max:15}),React.createElement(v_,{label:ZT("Order By"),value:v,options:[{label:ZT("Date"),value:"date"},{label:ZT("Title"),value:"title"},{label:ZT("Random"),value:"rand"},{label:ZT("Menu Order"),value:"menu_order"}],onChange:function(e){return n({orderBy:e})}}),React.createElement(w_,{label:ZT("Order"),options:[[ZT("Ascending"),"asc"],[ZT("Descending"),"desc"]],value:h,onChange:function(e){return n({order:e})}})),React.createElement(y_,{title:ZT("Pagination","qubely"),initialOpen:!1},React.createElement(E_,{label:ZT("Enable Pagination"),value:x,onChange:function(e){return n({enablePagination:e})}}),x&&React.createElement(o_,null,React.createElement(M_,{disableJustify:!0,value:k,alignmentType:"content",label:ZT("Alignment"),onChange:function(e){return n({pageAlignment:e})}}),React.createElement(T_,{device:_t,label:ZT("Typography","qubely"),value:E,onChange:function(e){return n({paginationTypography:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(L_,null,React.createElement(z_,{tabTitle:ZT("Normal","qubely")},React.createElement(__,{label:ZT("Text Color","qubely"),value:R,onChange:function(e){return n({pagesColor:e})}}),React.createElement(B_,{label:ZT("Background","qubely"),value:B,onChange:function(e){return n({pagesbgColor:e})}}),React.createElement(O_,{min:0,max:10,responsive:!0,device:_t,label:ZT("Border","qubely"),value:O,unit:["px","em","%"],onChange:function(e){return n({pagesBorder:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(j_,{label:ZT("Box-Shadow"),value:j,onChange:function(e){return n({pagesShadow:e})}})),React.createElement(z_,{tabTitle:ZT("Active")},React.createElement(__,{label:ZT("Text Color","qubely"),value:S,onChange:function(e){return n({pagesActiveColor:e})}}),React.createElement(B_,{label:ZT("Background","qubely"),value:_,onChange:function(e){return n({pagesbgActiveColor:e})}}),React.createElement(O_,{min:0,max:10,responsive:!0,device:_t,label:ZT("Border","qubely"),value:N,unit:["px","em","%"],onChange:function(e){return n({pagesActiveBorder:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(j_,{label:ZT("Box-Shadow"),value:L,onChange:function(e){return n({pagesActiveShadow:e})}})),React.createElement(z_,{tabTitle:ZT("Hover")},React.createElement(__,{label:ZT("Text Color","qubely"),value:C,onChange:function(e){return n({pagesHoverColor:e})}}),React.createElement(B_,{label:ZT("Background","qubely"),value:T,onChange:function(e){return n({pagesbgHoverColor:e})}}),React.createElement(O_,{min:0,max:10,responsive:!0,device:_t,label:ZT("Border","qubely"),value:P,unit:["px","em","%"],onChange:function(e){return n({pagesHoverBorder:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(j_,{label:ZT("Box-Shadow"),value:I,onChange:function(e){return n({pagesHoverShadow:e})}}))),React.createElement(P_,{min:0,max:100,responsive:!0,device:_t,label:ZT("Radius"),unit:["px","em","%"],value:z,onDeviceChange:function(t){return e.setState({device:t})},onChange:function(e){return n({pagesBorderRadius:e})}}),React.createElement(N_,{min:0,max:300,responsive:!0,device:_t,value:A,label:ZT("Padding"),unit:["px","em","%"],onChange:function(e){return n({pagePadding:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(D_,{max:150,min:0,responsive:!0,device:_t,value:M,label:ZT("Margin"),unit:["px","em","%"],onChange:function(e){return n({pageMargin:e})},onDeviceChange:function(t){return e.setState({device:t})}}))),React.createElement(y_,{title:ZT("Image Settings"),initialOpen:!1},React.createElement(E_,{label:ZT("Show Featured Image"),value:D,onChange:function(e){return n({showImages:e})}}),React.createElement(E_,{label:ZT("Fixed Image Height"),value:U,onChange:function(e){return n({enableFixedHeight:e})}}),U&&React.createElement(x_,{label:ZT(""),value:Q,onChange:function(e){return n({fixedHeight:e})},unit:["px","em","%"],min:10,max:600,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(v_,{label:ZT("Image Sizes"),value:Y,onChange:function(e){return n({imgSize:e})},options:qubely_admin.image_sizes}),React.createElement(P_,{min:0,max:100,responsive:!0,device:_t,label:ZT("Image Corner"),value:F,unit:["px","em","%"],onChange:function(e){return n({imageRadius:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(C_,{label:ZT("Hover Effect"),options:[["none",ZT("No Animation")],["slide-top",ZT("Slide From Top")],["slide-right",ZT("Slide From Right")],["slide-bottom",ZT("Slide From Bottom")],["slide-left",ZT("Slide From Left")],["zoom-in",ZT("Zoom In")],["zoom-out",ZT("Zoom Out")]],value:H,onChange:function(e){return n({imageAnimation:e})}})),React.createElement(y_,{title:"Content",initialOpen:!1},React.createElement(E_,{label:ZT("Show Title"),value:Be,onChange:function(e){return n({showTitle:e})}}),Be&&React.createElement(X_,{selectedLevel:c,onChange:function(e){return n({level:e,selector:"h"+e})}}),React.createElement(E_,{label:ZT("Show Excerpt"),value:Re,onChange:function(e){return n({showExcerpt:e})}}),React.createElement(f_,{label:ZT("Excerpt Limit"),min:1,max:100,step:1,value:Ce,onChange:function(e){return n({excerptLimit:e})}}),React.createElement(S_,null),React.createElement(E_,{label:ZT("Title Below Meta"),value:Te,onChange:function(e){return n({titlePosition:e})}}),React.createElement(E_,{label:ZT("Show date"),value:qe,onChange:function(e){return n({showDates:e})}}),React.createElement(E_,{label:ZT("Show Comment"),value:xe,onChange:function(e){return n({showComment:e})}}),React.createElement(E_,{label:ZT("Show Author"),value:we,onChange:function(e){return n({showAuthor:e})}})),React.createElement(y_,{title:ZT("Category"),initialOpen:!1},React.createElement(A_,{label:ZT("Category"),options:[{icon:"fas fa-ban",value:"none",label:ZT("None")},{value:"default",label:ZT("Default")},{value:"badge",label:ZT("Badge")}],value:ke,onChange:function(e){return n({showCategory:e})}}),"none"!==ke&&React.createElement(o_,null,2!==ge&&"badge"==ke&&4!=he&&React.createElement(C_,{label:ZT("Badge Position"),options:[["leftTop",ZT("Left Top")],["rightTop",ZT("Right Top")],["leftBottom",ZT("Left Bottom")],["rightBottom",ZT("Right Bottom")]],value:Ee,onChange:function(e){return n({categoryPosition:e})}}),2===ge&&"badge"==ke&&4!=he&&React.createElement(o_,null,React.createElement(A_,{label:ZT("Badge Position"),options:[{value:"default",label:ZT("default"),title:ZT("Pre-defined")},{icon:"fas fa-cog",value:"none",title:ZT("Advanced")}],value:Ze,onChange:function(e){return n({badgePosition:e})}}),"default"===Ze?React.createElement(C_,{label:ZT(""),options:[["leftTop",ZT("Left Top")],["rightTop",ZT("Right Top")],["leftBottom",ZT("Left Bottom")],["rightBottom",ZT("Right Bottom")]],value:Ee,onChange:function(e){return n({categoryPosition:e})}}):React.createElement(N_,{label:ZT("Advanced"),value:et,onChange:function(e){return n({badgePadding:e})},min:0,max:60,unit:["px","em","%"],responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(S_,null)),React.createElement(T_,{label:ZT("Typography"),value:ze,onChange:function(e){return n({categoryTypography:e})},device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(L_,null,React.createElement(z_,{tabTitle:ZT("Normal")},React.createElement(__,{label:ZT("Category Color"),value:"badge"==ke?We:He,onChange:function(e){return n("badge"==ke?{categoryColor2:e}:{categoryColor:e})}}),"badge"==ke&&React.createElement(__,{label:ZT("Category Background"),value:Xe,onChange:function(e){return n({categoryBackground:e})}})),React.createElement(z_,{tabTitle:ZT("Hover")},React.createElement(__,{label:ZT("Category Hover Color"),value:"badge"==ke?Ve:Ge,onChange:function(e){return n("badge"==ke?{categoryHoverColor2:e}:{categoryHoverColor:e})}}),"badge"==ke&&React.createElement(__,{label:ZT("Category Background"),value:Je,onChange:function(e){return n({categoryHoverBackground:e})}}))),React.createElement(P_,{min:0,max:100,responsive:!0,device:_t,label:ZT("Corner"),value:Ke,unit:["px","em","%"],onChange:function(e){return n({categoryRadius:e})},onDeviceChange:function(t){return e.setState({device:t})}}),"badge"==ke&&React.createElement(N_,{label:ZT("Padding"),value:$e,onChange:function(e){return n({categoryPadding:e})},min:0,max:60,unit:["px","em","%"],responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}))),React.createElement(y_,{title:ZT("Read More Link"),initialOpen:!1},React.createElement(E_,{label:ZT("Show Read More Link"),value:Se,onChange:function(e){return n({showReadMore:e})}}),Se&&React.createElement(o_,null,React.createElement(I_,{options:[{value:"fill",svg:u.btn_fill,label:ZT("Fill")},{value:"outline",svg:u.btn_outline,label:ZT("Outline")}],value:oe,onChange:function(e){return n({readmoreStyle:e})}}),React.createElement(h_,{label:ZT("Button Text"),value:le,onChange:function(e){return n({buttonText:e})}}),React.createElement(T_,{label:ZT("Typography"),value:ce,onChange:function(e){return n({readmoreTypography:e})},device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),"fill"===oe&&React.createElement(o_,null,React.createElement(A_,{label:ZT("Button Size"),options:[{label:"S",value:"small",title:"Small"},{label:"M",value:"medium",title:"Medium"},{label:"L",value:"large",title:"Large"},{icon:"fas fa-cog",value:"custom",title:"Custom"}],value:ie,onChange:function(e){return n({readmoreSize:e})}}),"custom"==ie&&React.createElement(N_,{label:ZT("Custom Size"),value:re,onChange:function(e){return n({readmoreCustomSize:e})},unit:["px","em","%"],max:150,min:0,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(O_,{label:ZT("Border"),value:be,onChange:function(e){return n({readmoreBorder:e})},min:0,max:10,unit:["px","em","%"],responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),(be.openBorder||"fill"===oe)&&React.createElement(P_,{min:0,max:100,responsive:!0,device:_t,label:ZT("Corner"),value:pe,unit:["px","em","%"],onChange:function(e){return n({readmoreBorderRadius:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(j_,{label:ZT("Box-Shadow"),value:de,onChange:function(e){return n({readmoreBoxShadow:e})}})),React.createElement(L_,null,React.createElement(z_,{tabTitle:ZT("Normal")},React.createElement(__,{label:ZT("Text Color"),value:"fill"===oe?fe:ye,onChange:function(e){return n("fill"===oe?{readmoreColor:e}:{readmoreColor2:e})}}),"fill"===oe&&React.createElement(B_,{label:ZT("Background"),value:se,onChange:function(e){return n({readmoreBg:e})}})),React.createElement(z_,{tabTitle:ZT("Hover")},React.createElement(__,{label:ZT("Text Color"),value:me,onChange:function(e){return n({readmoreHoverColor:e})}}),"fill"===oe&&React.createElement(B_,{label:ZT("Background"),value:ue,onChange:function(e){return n({readmoreHoverBg:e})}}))))),React.createElement(y_,{title:ZT("Spacing"),initialOpen:!1},2===ge&&React.createElement(x_,{label:ZT("Column Gap"),value:ft,onChange:function(e){return n({columnGap:e})},unit:["px","em","%"],min:0,max:100,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),"default"==ke&&React.createElement(x_,{label:ZT("Category"),value:gt,onChange:function(e){return n({categorySpace:e})},unit:["px","em","%"],min:0,max:100,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(x_,{label:ZT("Title"),value:mt,onChange:function(e){return n({titleSpace:e})},unit:["px","em","%"],min:0,max:100,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(x_,{label:ZT("Meta"),value:ht,onChange:function(e){return n({metaSpace:e})},unit:["px","em","%"],min:0,max:100,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(x_,{label:ZT("Excerpt"),value:vt,onChange:function(e){return n({excerptSpace:e})},unit:["px","em","%"],min:0,max:100,responsive:!0,device:_t,onDeviceChange:function(t){return e.setState({device:t})}})),React.createElement(y_,{title:ZT("Typography"),initialOpen:!1},React.createElement(T_,{label:ZT("Title"),value:je,onChange:function(e){return n({titleTypography:e})},device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(S_,null),React.createElement(T_,{label:ZT("Meta"),value:Ie,onChange:function(e){return n({metaTypography:e})},device:_t,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(S_,null),React.createElement(T_,{label:ZT("Excerpt"),value:Le,onChange:function(e){return n({excerptTypography:e})},device:_t,onDeviceChange:function(t){return e.setState({device:t})}})),React.createElement(y_,{title:ZT("Colors"),initialOpen:!1},React.createElement(__,{label:ZT("Title"),value:4!==he?Ae:Me,onChange:function(e){return n(4!==he?{titleColor:e}:{titleOverlayColor:e})}}),React.createElement(__,{label:ZT("Title Hover"),value:Ue,onChange:function(e){return n({titleHoverColor:e})}}),React.createElement(__,{label:ZT("Meta"),value:4!==he?De:Ye,onChange:function(e){return n(4!==he?{metaColor:e}:{metaOverlayColor:e})}}),React.createElement(__,{label:ZT("Excerpt"),value:4!==he?Qe:Fe,onChange:function(e){return n(4!==he?{excerptColor:e}:{excerptColor2:e})}}))),React.createElement(G_,{key:"advance"},Q_(s,qt,n)))),React.createElement(p_,null,React.createElement(m_,{className:"components-dropdown components-dropdown-menu components-toolbar-group",label:ZT("Post Grid Options","qubely")},React.createElement(k_,VT({data:[{name:"InlineSpacer",key:"spacer",responsive:!0,unit:["px","em","%"]}]},this.props,{prevState:this.state})))),U_({enablePosition:wt,selectPosition:kt,positionXaxis:Et,positionYaxis:Rt,globalZindex:xt,hideDesktop:Ct,hideTablet:St,hideMobile:Bt,globalCss:Tt,setAttributes:n}),React.createElement("div",{className:"qubely-block-"+s+(b?" "+b:"")},a&&a.length?React.createElement(o_,null,React.createElement("div",{className:"qubely-postgrid-wrapper qubely-postgrid-layout-"+ge+" "+(2===ge?"qubely-postgrid-column qubely-postgrid-column-md"+ve.md+" qubely-postgrid-column-sm"+ve.sm+" qubely-postgrid-column-xs"+ve.xs:"")},a&&a.map((function(t,n){return t?React.createElement("div",{key:n,className:"qubely-postgrid "+(1===ge?"qubely-post-list-view":"qubely-post-grid-view")+" qubely-postgrid-style-"+he},React.createElement("div",{className:1===ge?"qubely-post-list-wrapper qubely-post-list-"+(2===ge&&3===he?it:rt):"qubely-post-grid-wrapper qubely-post-grid-"+(2===ge&&3===he?it:rt)},D&&t.qubely_featured_image_url&&e.renderFeaturedImage(t),e.renderCardContent(t,Ot))):null}))),x&&React.createElement(V_,{total:Pt,current:w,prevText:"Prev",nextText:"Next",onClickPage:function(e){return n({page:e})}})):React.createElement("div",{className:"qubely-postgrid-is-loading"},React.createElement(g_,null))))}}]),t}(l_),Z_=e_([t_((function(e,t){var n=e("core").getEntityRecords,a=t.attributes,o=a.page,l=a.taxonomyType,i=a.taxonomy,r=a.customTaxonomies,c=a.order,s=a.orderBy,u=a.categories,b=a.tags,p=a.postsToShow,d=a.postType,f=qubely_admin.all_taxonomy,y=f[d],m=[],g="";void 0!==y&&(void 0!==y.taxonomy[l]&&(g=0==y.taxonomy[l].rest_base||null==y.taxonomy[l].rest_base?y.taxonomy[l].name:y.taxonomy[l].rest_base),""!==l&&void 0!==y.terms&&void 0!==y.terms[l]&&(m=y.terms[l]));var h="categories"===i?"categories":"tags",v="categories"===i?u:b,q=f.post.terms&&f.post.terms["categories"===i?"category":"post_tag"]?f.post.terms["categories"===i?"category":"post_tag"]:[],x=void 0!==y?y.taxonomy:[],w={order:c,orderby:s,per_page:-1};return"post"!==d?w[g]=""!==r?r.map((function(e){var t=e.value;e.label;return t})):[]:w[h]=v.map((function(e){var t=e.value;e.label;return t})),{posts:n("postType",d,VT({},w,{page:o,per_page:p})),numberofPosts:n("postType",d,w),categoryList:m,taxonomyList:"post"===d?q:x}})),H_()])($_),eO=wp.i18n.__,tO=wp.blocks.registerBlockType;qubely_admin.pro_enable||tO("qubely/postgrid",{title:eO("Post Grid"),description:"Fetch blog posts and display them beautifully in grid or list views with Qubely Postgrid Block.",icon:React.createElement("img",{src:qubely_admin.plugin+"assets/img/blocks/block-post-grid.svg",alt:eO("Postgrid Block")}),category:"qubely",supports:{align:["center","wide","full"]},keywords:[eO("Post"),eO("Post Grid"),eO("Grid")],example:{attributes:{layout:2,column:{md:1},showExcerpt:!1,postsToShow:1}},edit:Z_,save:function(e){return null}});var nO=n(149),aO={insert:"head",singleton:!1},oO=(p()(nO.a,aO),nO.a.locals,Object.assign||function(e){for(var t=1;t=r?s.innerBlocks[b].attributes.id-1:s.innerBlocks[b].attributes.id,pricings:s.innerBlocks[b].attributes.pricings-1})),b++},n.createIterator=function(){for(var e=n.props.attributes.pricings,t=[],a=0;a0,buttonText:wO("Add New Feature"),enableListIcons:V,listItems:H,iconColor:G,iconPosition:W,listWrapperClassName:"qubely-list icon-position-"+W,newListItemPlaceHolder:wO("Add New Feature"),onListItemModification:function(e){return l({listItems:e})},onChange:function(e,t){return l(xO({},e,t))},onIconColorChange:function(e,t){return l({iconColor:e})}})),(1==p||2==p||3==p||5==p)&&this.renderPricingButton()),React.createElement("div",{ref:this.qubelyContextMenu,className:"qubely-context-menu-wraper"},React.createElement(pP,{name:n,clientId:a,attributes:o,setAttributes:l,qubelyContextMenu:this.qubelyContextMenu.current})))))}}]),t}(jO),hP=BO([OO((function(e,t){var n=t.clientId,a=e("core/block-editor"),o=a.getBlock,l=a.getBlockRootClientId,i=a.getBlockAttributes,r=o(n),c=l(n);return{block:r,rootBlock:o(c),rootBlockClientId:c,rootBlockAttributes:i(c)}})),PO((function(e){var t=e("core/block-editor");return{insertBlock:t.insertBlock,removeBlock:t.removeBlock,updateBlockAttributes:t.updateBlockAttributes,toggleSelection:t.toggleSelection}})),fP()])(gP),vP=Object.assign||function(e){for(var t=1;t1&&React.createElement(GN,{label:EN("Gutter Size"),min:0,max:100,value:s,onChange:function(e){return D({rowGutter:e})},unit:["px","em","%"],responsive:!0,device:this.state.device,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(ZN,null),React.createElement("div",{className:"qubely-field"},React.createElement("label",null,EN("Content Position")),React.createElement("div",{className:"qubely-field-button-list qubely-field-button-list-fluid"},React.createElement(NN,{text:EN("Top")},React.createElement("button",{onClick:function(){return D({position:"flex-start"})},className:"qubely-button"+("flex-start"===m?" active":"")},u.vertical_top)),React.createElement(NN,{text:EN("Middle")},React.createElement("button",{onClick:function(){return D({position:"center"})},className:"qubely-button"+("center"===m?" active":"")},u.vertical_middle)),React.createElement(NN,{text:EN("Bottom")},React.createElement("button",{onClick:function(){return D({position:"flex-end"})},className:"qubely-button"+("flex-end"===m?" active":"")},u.vertical_bottom))))),React.createElement(_N,{initialOpen:!1,title:EN("Background")},React.createElement(HN,{parallax:!0,value:q,label:EN("Background"),externalImage:!0,sources:["image","gradient","video"],onChange:function(e){return D({rowBg:e})}}),React.createElement(ZN,null),React.createElement(ej,{label:EN("Border"),value:S,unit:["px","em"],responsive:!0,onChange:function(e){return D({border:e})},min:0,max:10,device:this.state.device,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(ZN,null),React.createElement(JN,{label:EN("Box-Shadow"),value:E,onChange:function(e){return D({rowShadow:e})}}),React.createElement(ZN,null),React.createElement(tj,{label:EN("Radius"),value:B,onChange:function(e){return D({borderRadius:e})},min:0,max:100,unit:["px","em","%"],responsive:!0,device:this.state.device,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(ZN,null),React.createElement(VN,{label:EN("Enable Overlay"),value:T,onChange:function(e){return D({enableRowOverlay:e})}}),1==T&&React.createElement(AN,null,React.createElement(HN,{label:EN("Overlay"),sources:["image","gradient"],value:p,onChange:function(e){return D({rowOverlay:e})}}),1==p.openBg&&React.createElement(AN,null,React.createElement(IN,{beforeIcon:"lightbulb",label:EN("Overlay Opacity"),min:.01,max:1,step:.01,value:d,onChange:function(e){return D({rowOpacity:e})}}),React.createElement(WN,{label:EN("Overlay Blend Mode"),options:[["normal",EN("Normal")],["multiply",EN("Multiply")],["screen",EN("Screen")],["overlay",EN("Overlay")],["darken",EN("Darken")],["lighten",EN("Lighten")],["color-dodge",EN("Color Dodge")],["saturation",EN("Saturation")],["luminosity",EN("Luminosity")],["color",EN("Color")],["color-burn",EN("Color Burn")],["exclusion",EN("Exclusion")],["hue",EN("Hue")]],value:b,onChange:function(e){return D({rowBlend:e})}})))),React.createElement(_N,{initialOpen:!1,title:EN("Shape Divider")},React.createElement($N,null,React.createElement(KN,{tabTitle:EN("Top Shape")},React.createElement(XN,{shapeType:"top",value:x,responsive:!0,onChange:function(e){return D({shapeTop:e})}})),React.createElement(KN,{tabTitle:EN("Bottom Shape")},React.createElement(XN,{shapeType:"bottom",value:w,onChange:function(e){return D({shapeBottom:e})}}))))),React.createElement(uj,{key:"advance"},React.createElement(_N,{title:EN("Spacing"),initialOpen:!0},React.createElement(aj,{label:EN("Padding"),value:g,onChange:function(e){return D({padding:e})},min:0,max:600,unit:["px","em","%"],responsive:!0,device:this.state.device,onDeviceChange:function(t){return e.setState({device:t})},clientId:this.props.clientId}),React.createElement(ZN,null),React.createElement(GN,{label:EN("Margin Top"),value:h,onChange:function(e){return D({marginTop:e})},unit:["px","em","%"],min:-400,max:500,responsive:!0,device:U,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(GN,{label:EN("Margin Bottom"),value:v,onChange:function(e){return D({marginBottom:e})},unit:["px","em","%"],min:-400,max:500,responsive:!0,device:U,onDeviceChange:function(t){return e.setState({device:t})}})),ij(a,_,D)))),React.createElement(QN,null,React.createElement(VN,{label:EN("Column Reverse"),responsive:!0,value:k.values,onChange:function(e){return D({rowReverse:{values:e,openRowReverse:!0}})}}),React.createElement(ON,{label:EN("CSS ID"),value:l,onChange:function(e){return D({rowId:e})}}),lj({enablePosition:O,selectPosition:P,positionXaxis:N,positionYaxis:j,globalZindex:I,hideDesktop:L,hideTablet:z,hideMobile:A,globalCss:M,setAttributes:D,isReturn:!0})),React.createElement("div",wN({className:"qubely-section qubely-block-"+a+" "+(q.bgimgParallax&&"animated"==q.bgimgParallax?"qubely-section-parallax":"")+(o?" "+o:"")},l?{id:l}:""),React.createElement("div",{className:"qubley-padding-indicator"},React.createElement("span",{className:"qubely-indicator-top",style:{height:g.md.top?g.md.top+g.unit:0}},g.md.top&&g.md.top>20?g.md.top+" "+g.unit:""),React.createElement("span",{className:"qubely-indicator-right",style:{width:g.md.right?g.md.right+g.unit:0}},g.md.right&&g.md.right>40?g.md.right+" "+g.unit:""),React.createElement("span",{className:"qubely-indicator-bottom",style:{height:g.md.bottom?g.md.bottom+g.unit:0}},g.md.bottom&&g.md.bottom>20?g.md.bottom+" "+g.unit:""),React.createElement("span",{className:"qubely-indicator-left",style:{width:g.md.left?g.md.left+g.unit:0}},g.md.left&&g.md.left>40?g.md.left+" "+g.unit:"")),React.createElement("div",{className:"qubley-margin-indicator"},React.createElement("span",{className:"qubely-indicator-top",style:{height:h.md?h.md+h.unit:0}},h.md&&h.md>20?h.md+" "+h.unit:""),React.createElement("span",{className:"qubely-indicator-bottom",style:{height:v.md?v.md+v.unit:0}},v.md&&v.md>20?v.md+" "+v.unit:"")),Object.entries(x).length>1&&1==x.openShape&&x.style&&React.createElement("div",{className:"qubely-shape-divider qubely-top-shape",dangerouslySetInnerHTML:{__html:qubely_admin.shapes[x.style]}}),Object.entries(q).length>0&&1==q.openBg&&"video"==q.bgType&&rj(q,"row"),Object.entries(w).length>1&&1==w.openShape&&w.style&&React.createElement("div",{className:"qubely-shape-divider qubely-bottom-shape",dangerouslySetInnerHTML:{__html:qubely_admin.shapes[w.style]}}),React.createElement("div",{className:"qubely-row-overlay"}),React.createElement("div",{className:this.getClassName()},React.createElement("div",{className:"qubely-row qubely-backend-row "+("window"==R?"qubely-row-height-window":"")},React.createElement(UN,{template:this.getTemplate(i),templateLock:"all",allowedBlocks:["qubely/column"]}))))):React.createElement(AN,null,React.createElement("div",{className:"qubely-row-preset"},React.createElement(jN,{onClick:function(){return e.removeRowBlock()},className:"qubely-component-remove-button"},React.createElement("i",{className:"fa fa-times"})),React.createElement("div",{className:"qubely-row-preset-title"},EN("Select Column Layout")),React.createElement("div",{className:"qubely-row-preset-group"},bj.map((function(e){return React.createElement(NN,{text:e.label},React.createElement("button",{onClick:function(){D({columns:e.columns}),pj=e.layout}},e.layout.md.map((function(e){return React.createElement("i",{style:{width:e+"%"}})}))))})))))}}]),t}(zN),fj=RN([BN((function(e){return{removeBlock:e("core/block-editor").removeBlock}})),cj()])(dj),yj=n(151),mj={insert:"head",singleton:!1},gj=(p()(yj.a,mj),yj.a.locals,Object.assign||function(e){for(var t=1;t1&&1==l.openShape&&l.style&&React.createElement("div",{className:"qubely-shape-divider qubely-top-shape",dangerouslySetInnerHTML:{__html:qubely_admin.shapes[l.style]}}),Object.entries(o).length>0&&1==o.openBg&&"video"==o.bgType&&Rj(o,"row"),Object.entries(i).length>1&&1==i.openShape&&i.style&&React.createElement("div",{className:"qubely-shape-divider qubely-bottom-shape",dangerouslySetInnerHTML:{__html:qubely_admin.shapes[i.style]}}),React.createElement("div",{className:"qubely-row-overlay"}),React.createElement("div",{className:this.getClassName()},React.createElement("div",{className:"qubely-row "+("window"==r?"qubely-row-height-window":"")},React.createElement(wj.Content,null))))}}]),t}(xj),Sj=(Object.assign||function(e){for(var t=1;t.qubely-column-inner {height: 100%;}"}]},padding:{type:"object",default:{md:{top:70,right:0,bottom:70,left:0},unit:"px"},style:[{selector:"{{QUBELY}}.qubely-section {padding: {{padding}};}"}]},marginTop:{type:"object",default:{md:0,unit:"px"},style:[{selector:"{{QUBELY}}.qubely-section{ margin-top: {{marginTop}}; }"}]},marginBottom:{type:"object",default:{md:0,unit:"px"},style:[{selector:"{{QUBELY}}.qubely-section{ margin-bottom: {{marginBottom}}; }"}]},rowGutter:{type:"object",default:{md:30,sm:30,xs:30,unit:"px"},style:[{selector:'{{QUBELY}} .qubely-container {padding-left: calc({{rowGutter}}/2); padding-right: calc({{rowGutter}}/2);}{{QUBELY}} .qubely-row {margin-left: calc(-{{rowGutter}}/2); margin-right: calc(-{{rowGutter}}/2);}{{QUBELY}} .qubely-row > .qubely-column {padding-left: calc({{rowGutter}}/2); padding-right: calc({{rowGutter}}/2);}{{QUBELY}} .qubely-row * > [data-type="qubely/column"] {padding-left: calc({{rowGutter}}/2); padding-right: calc({{rowGutter}}/2);}.components-resizable-box__container.qubely-column-resizer.is-selected-column > span > .components-resizable-box__handle, div[data-type="qubely/row"].is-selected .components-resizable-box__container.qubely-column-resizer > span > .components-resizable-box__handle,div[data-type="qubely/row"].is-resizing .components-resizable-box__container.qubely-column-resizer > span > .components-resizable-box__handle {right: calc(-{{rowGutter}}/2);}'}]},rowContainerWidth:{type:"string",default:"boxed"},rowContainer:{type:"number",default:0,style:[{condition:[{key:"align",relation:"==",value:"full"},{key:"rowContainerWidth",relation:"==",value:"boxed"},{key:"rowContainer",relation:"!=",value:0}],selector:"@media (min-width: 1200px) {{{QUBELY}} .qubely-container {max-width: {{rowContainer}}px !important;}}"}]},position:{type:"string",default:"",style:[{selector:"{{QUBELY}} .qubely-row, {{QUBELY}} .qubely-row .block-editor-block-list__layout {-webkit-box-align: {{position}}; -ms-flex-align: {{position}}; align-items: {{position}}; }"}]},rowBg:{type:"object",default:{bgimgPosition:"center center",bgimgSize:"cover",bgimgRepeat:"no-repeat",bgDefaultColor:"#f5f5f5",bgimageSource:"local",externalImageUrl:{}},style:[{selector:"{{QUBELY}}.qubely-section"}]},heightOptions:{type:"string",default:"auto"},rowHeight:{type:"object",default:{},style:[{condition:[{key:"heightOptions",relation:"==",value:"custom"}],selector:"{{QUBELY}} .qubely-row {min-height: {{rowHeight}};}"}]},borderRadius:{type:"object",default:{},style:[{selector:"{{QUBELY}}.qubely-section, {{QUBELY}}.qubely-section .qubely-video-bg-wrap, {{QUBELY}}.qubely-section .qubely-row-overlay"}]},rowShadow:{type:"object",default:{},style:[{selector:"{{QUBELY}}.qubely-section"}]},border:{type:"object",default:{},style:[{selector:"{{QUBELY}}.qubely-section"}]},enableRowOverlay:{type:"boolean",default:!1},rowOverlay:{type:"object",default:{},style:[{condition:[{key:"enableRowOverlay",relation:"==",value:!0}],selector:"{{QUBELY}} >.qubely-row-overlay"}]},rowBlend:{type:"string",default:"",style:[{selector:"{{QUBELY}} >.qubely-row-overlay { mix-blend-mode: {{rowBlend}}; }"}]},rowOpacity:{type:"number",default:".8",style:[{selector:"{{QUBELY}} >.qubely-row-overlay {opacity: {{rowOpacity}}; }"}]},shapeTop:{type:"object",default:{openShape:0,color:"#006fbf",shapeType:"top",width:{unit:"%"},height:{unit:"px"}},style:[{selector:"{{QUBELY}} .qubely-shape-divider.qubely-top-shape"}]},shapeBottom:{type:"object",default:{openShape:0,color:"#006fbf",shapeType:"bottom",width:{unit:"%"},height:{unit:"px"}},style:[{selector:"{{QUBELY}} .qubely-shape-divider.qubely-bottom-shape"}]},hideDesktop:{type:"boolean",default:!1,style:[{selector:"{{QUBELY}}.qubely-section{ display:none; }"}]},hideTablet:{type:"boolean",default:!1,style:[{selector:"{{QUBELY}}.qubely-section{ display:none; }"}]},hideMobile:{type:"boolean",default:!1,style:[{selector:"{{QUBELY}}.qubely-section{ display:none; }"}]},rowId:{type:"string",default:""},rowZindex:{type:"number",default:"",style:[{selector:"{{QUBELY}}.qubely-section{z-index:{{rowZindex}};}"}]},rowReverse:{type:"object",default:{openRowReverse:!1,values:{}},style:[{selector:"{{QUBELY}}.qubely-section >.qubely-container >.qubely-row,{{QUBELY}}.qubely-section >.qubely-container-fluid >.qubely-row, {{QUBELY}} >.qubely-container-fluid >.qubely-row > .block-editor-inner-blocks > .block-editor-block-list__layout, {{QUBELY}} >.qubely-container >.qubely-row > .block-editor-inner-blocks > .block-editor-block-list__layout"}]},rowCss:{type:"string",default:"",style:[{selector:""}]}}),Bj=Object.assign||function(e){for(var t=1;t1&&1==i.openShape&&i.style&&React.createElement("div",{className:"qubely-shape-divider qubely-top-shape",dangerouslySetInnerHTML:{__html:qubely_admin.shapes[i.style]}}),Object.entries(l).length>0&&1==l.openBg&&"video"==l.bgType&&jj(l,"row"),Object.entries(r).length>1&&1==r.openShape&&r.style&&React.createElement("div",{className:"qubely-shape-divider qubely-bottom-shape",dangerouslySetInnerHTML:{__html:qubely_admin.shapes[r.style]}}),React.createElement("div",{className:"qubely-row-overlay"}),React.createElement("div",{className:"full"==c&&"boxed"==u?"qubely-container":"qubely-container-fluid"},React.createElement("div",{className:"qubely-row "+("window"==s?"qubely-row-height-window":"")},React.createElement(Oj.Content,null))))}}]});var Ij=Object.assign||function(e){for(var t=1;t0&&(y=parseFloat(i.md)+f)>10&&d>10){y=Math.abs(y),p.css({width:y.toFixed(2)+"%"});var m=tI("core/block-editor"),g=m.getNextBlockClientId(u);if(null!==g)m.getBlock(g).attributes.colWidth.md=y.toFixed(2)}b.find(".components-resizable-box__container").css({width:"auto"}),y>10&&d>10&&(b.css({width:d.toFixed(2)+"%"}),this.finalResizeValue.current={colWidth:Ij({},l,{md:d.toFixed(2)})})}},{key:"onResizeStop",value:function(e,t,n,a){var o=this.props,l=o.toggleSelection,i=o.setAttributes;l(!0),this.setState({resizing:!1}),i(this.finalResizeValue.current)}},{key:"updateColumns",value:function(e){var t=this.props.clientId,n=tI("core/block-editor"),a=n.getBlockRootClientId,o=n.getBlock,l=n.getBlocks,i=n.getBlockIndex,r=nI("core/block-editor"),c=r.replaceInnerBlocks,s=r.updateBlockAttributes,u=a(t),b=o(u),p=i(t,u),d="add"===e?b.attributes.columns+1:b.attributes.columns-1,f=parseFloat((100/d).toFixed(3)),y=Ij({},this.state.colWidth,{md:f,sm:100,xs:100}),m=[].concat(function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t0){var m=p(n);if(null!==m){var g=d(m);(y=Ij({},g.attributes.colWidth)).md=parseFloat(y.md)-s,y.md>10&&c>10&&(i.css({width:y.md+"%"}),f(m,Object.assign(g.attributes,{colWidth:Ij({},y)})))}}else if(r.length>0){var h=b(n);if(null!==h){var v=d(h),q=Ij({},v.attributes.colWidth);q.md=parseFloat(q.md)-s,r.css({width:q.md+"%"}),f(h,Object.assign(v.attributes,{colWidth:Ij({},q)}))}}if(y.md>10&&c>10){var x=Math.abs(c);l.css({width:x+"%"}),a({colWidth:Ij({},e)})}}}},{key:"componentWillReceiveProps",value:function(e){var t=document.getElementById("block-"+this.props.clientId);t&&(t.style.alignSelf=e.attributes.position)}},{key:"render",value:function(){var e=this,t=this.props,n=t.attributes,a=n.uniqueId,o=n.className,l=n.colWidth,i=n.padding,r=n.margin,c=n.colBg,s=n.colBorder,u=(n.colRadius,n.colShadow),b=(n.corner,n.borderRadius),p=n.animation,d=n.enablePosition,f=n.selectPosition,y=n.positionXaxis,m=n.positionYaxis,g=n.globalZindex,h=n.hideDesktop,v=n.hideTablet,q=n.hideMobile,x=n.globalCss,w=t.setAttributes,k=t.isSelected,E=t.clientId,R=this.state,C=R.rowWidth,S=R.resizing,B=R.responsiveDevice,T=tI("core/block-editor"),_=T.getBlockRootClientId,O=(0,T.getBlockAttributes)(_(E)),P=void 0,N=void 0,j=void 0;if(O){var I=this.checkColumnStatus();P=O.columns,N=I.nextBlockId,j=I.blockIndex}var L="qubely-column-resizer";null!==N&&k&&(L+=" is-selected-column"),S&&(L+=" is-resizing");var z=tI("core/block-editor").getBlockOrder;return React.createElement(Gj,null,React.createElement(Kj,null,React.createElement(Br,{tabs:["style","advance"]},React.createElement(yI,{key:"style"},React.createElement(Yj,{initialOpen:!0,title:Mj("Dimension")},React.createElement("div",{className:P===j+1&&"md"===B?"qubely-mb-20 disable-slide":"qubely-mb-20"},React.createElement(cI,{label:Mj("Width"),value:l,onChange:function(t){return e.updateColumnWidth(t)},min:15,max:this.state.colWidthMax,unit:["%"],responsive:!0,device:this.state.responsiveDevice}))),React.createElement(Yj,{initialOpen:!0,title:Mj("Design")},React.createElement(oI,{label:Mj("Background"),sources:["image","gradient"],value:c,onChange:function(e){return w({colBg:e})}}),React.createElement(sI,null),React.createElement(lI,{label:Mj("Border"),value:s,onChange:function(e){return w({colBorder:e})},min:0,max:10}),React.createElement(sI,null),React.createElement(rI,{label:Mj("Box-Shadow"),value:u,onChange:function(e){return w({colShadow:e})}}),React.createElement(sI,null),React.createElement(iI,{label:Mj("Radius"),value:b,onChange:function(e){return w({borderRadius:e})},min:0,max:100,unit:["px","em","%"],responsive:!0,device:this.state.responsiveDevice,onDeviceChange:function(t){return e.setState({responsiveDevice:t})}}))),React.createElement(yI,{key:"advance"},React.createElement(Yj,{initialOpen:!0,title:Mj("Spacing")},React.createElement(uI,{label:Mj("Padding"),value:i,onChange:function(e){return w({padding:e})},min:0,max:600,unit:["px","em","%"],responsive:!0,device:this.state.responsiveDevice,onDeviceChange:function(t){return e.setState({responsiveDevice:t})}}),React.createElement(uI,{label:Mj("Margin"),value:r,onChange:function(e){return w({margin:e})},min:-600,max:600,unit:["px","em","%"],responsive:!0,device:this.state.responsiveDevice,onDeviceChange:function(t){return e.setState({responsiveDevice:t})}})),dI(a,p,w)))),React.createElement($j,null,React.createElement(Uj,{label:Mj("Column Options","qubely")},P<6&&React.createElement(Fj,{className:"components-icon-button components-toolbar__control",label:Mj("Add Column"),onClick:function(){return e.updateColumns("add")},icon:"plus"}),P>1&&React.createElement(Fj,{className:"components-icon-button components-toolbar__control",label:Mj("Delete Column"),onClick:function(){return e.updateColumns("delete")},icon:"trash"}))),pI({enablePosition:d,selectPosition:f,positionXaxis:y,positionYaxis:m,globalZindex:g,hideDesktop:h,hideTablet:v,hideMobile:q,globalCss:x,setAttributes:w}),0!==C&&React.createElement(Qj,{className:L,style:{},size:{},maxWidth:this.state.maxWidth,enable:{top:!1,right:!0,bottom:!1,left:!1,topRight:!1,bottomRight:!1,bottomLeft:!1,topLeft:!1},minHeight:"10",onResize:function(t,n,a,o){return e.onResize(t,n,a,o)},onResizeStop:function(t,n,a,o){return e.onResizeStop(t,n,a,o)},onResizeStart:function(t,n,a){return e.onResizeStartEvent(t,n,a)}},React.createElement("div",{className:"qubely-column qubely-column-admin qubely-block-"+a+(o?" "+o:""),"data-column-width":this.props.attributes.colWidth.md},React.createElement("div",{className:"qubely-column-inner"},React.createElement(Jj,{templateLock:!1,renderAppender:z(E).length>0?void 0:function(){return React.createElement(Jj.ButtonBlockAppender,null)}})))))}}]),t}(Wj),gI=fI()(mI),hI=Object.assign||function(e){for(var t=1;t .qubely-column-inner {padding: {{padding}};}"}]},margin:{type:"object",default:{md:{top:0,right:0,bottom:0,left:0},unit:"px"},style:[{selector:"{{QUBELY}} > .qubely-column-inner {margin: {{margin}};}"}]},colBg:{type:"object",default:{},style:[{selector:"{{QUBELY}} > .qubely-column-inner"}]},colBorder:{type:"object",default:{},style:[{selector:"{{QUBELY}} > .qubely-column-inner"}]},colShadow:{type:"object",default:{},style:[{selector:"{{QUBELY}} > .qubely-column-inner"}]},borderRadius:{type:"object",default:{},style:[{selector:"{{QUBELY}} > .qubely-column-inner"}]},hideDesktop:{type:"boolean",default:!1,style:[{selector:"{{QUBELY}}{display:none;}"}]},hideTablet:{type:"boolean",default:!1,style:[{selector:"{{QUBELY}}{display:none;}"}]},hideMobile:{type:"boolean",default:!1,style:[{selector:"{{QUBELY}}{display:none;}"}]},colZindex:{type:"number",default:"",style:[{selector:"{{QUBELY}} > .qubely-column-inner{z-index:{{colZindex}};}"}]},colCss:{type:"string",default:"",style:[{selector:""}]}}),edit:gI,save:RI});var _I=n(152),OI={insert:"head",singleton:!1},PI=(p()(_I.a,OI),_I.a.locals,[{value:"fab fa-facebook",name:"Facebook",id:"facebook"},{value:"fab fa-facebook-f",name:"Facebook",id:"facebook"},{value:"fab fa-twitter",name:"Twitter",id:"twitter"},{value:"fab fa-twitter-square",name:"Twitter",id:"twitter"},{value:"fab fa-youtube",name:"Youtube",id:"youtube"},{value:"fab fa-vimeo",name:"Vimeo",id:"vimeo"},{value:"fab fa-dribbble",name:"Dribbble",id:"dribbble"},{value:"fab fa-github",name:"Github",id:"github"},{value:"fab fa-github-square",name:"Github",id:"github"},{value:"fab fa-amazon",name:"Amazon",id:"amazon"},{value:"fab fa-behance",name:"Behance",id:"behance"},{value:"fab fa-codepen",name:"Codepen",id:"codepan"},{value:"fab fa-flickr",name:"Flickr",id:"flickr"},{value:"fab fa-foursquare",name:"Foursquare",id:"foursquare"},{value:"fab fa-gitlab",name:"Gitlab",id:"gitlab"},{value:"fab fa-linux",name:"Linux",id:"linux"},{value:"fab fa-whatsapp",name:"Whatsapp",id:"whatsapp"},{value:"fab fa-tumblr",name:"Tumblr",id:"tumblr"},{value:"fab fa-trello",name:"Trello",id:"trello"},{value:"fab fa-soundcloud",name:"Soundcloud",id:"soundcloud"},{value:"fab fa-spotify",name:"Spotify",id:"spotify"},{value:"fab fa-skype",name:"Skype",id:"skype"},{value:"fab fa-slack",name:"Slack",id:"slack"},{value:"fab fa-reddit-alien",name:"Reddit",id:"reddit"},{value:"fab fa-tripadvisor",name:"TripAdvisor",id:"tripadvisor"},{value:"fab fa-pinterest",name:"Pinterest",id:"pinterest"},{value:"fab fa-pinterest-p",name:"Pinterest",id:"pinterest"},{value:"fab fa-pinterest-square",name:"Pinterest",id:"pinterest"},{value:"fab fa-product-hunt",name:"Product Hunt",id:"producthunt"},{value:"fab fa-medium",name:"Medium",id:"medium"},{value:"fab fa-instagram",name:"Instagram",id:"instagram"},{value:"fab fa-linkedin",name:"Linkedin",id:"linkedin"},{value:"fab fa-digg",name:"Digg",id:"digg"},{value:"fab fa-dropbox",name:"Dropbox",id:"dropbox"},{value:"fab fa-slideshare",name:"Slideshare",id:"slideshare"},{value:"fab fa-stack-overflow",name:"Stack Overflow",id:"stackoverflow"},{value:"fab fa-stumbleupon",name:"StumbleUpon",id:"stumbleupon"},{value:"fab fa-stumbleupon-circle",name:"StumbleUpon",id:"stumbleupon"},{value:"fab fa-wordpress",name:"Wordpress",id:"wordpress"},{value:"fab fa-xing",name:"Xing",id:"xing"},{value:"fab fa-xing-square",name:"Xing",id:"xing"},{value:"fab fa-yahoo",name:"yahoo",id:"yahoo"},{value:"fab fa-bitbucket",name:"bitbucket",id:"bitbucket"},{value:"fab fa-jsfiddle",name:"JsFiddle",id:"jsfiddle"},{value:"fab fa-joomla",name:"Joomla",id:"joomla"},{value:"fab fa-imdb",name:"IMDB",id:"imdb"},{value:"fab fa-snapchat",name:"Snapchat",id:"snapchat"},{value:"fab fa-snapchat-square",name:"Snapchat",id:"snapchat"},{value:"fab fa-telegram",name:"Telegram",id:"telegram"},{value:"fab fa-twitch",name:"Twitch",id:"twitch"}]),NI=Object.assign||function(e){for(var t=1;t0){var n=function e(t){var n=[];return t.innerBlocks.forEach((function(t){"core/heading"!==t.name&&"qubely/heading"!==t.name&&"qubely/text"!==t.name||n.push(t),t.innerBlocks.length>0&&n.push.apply(n,QL(e(t)))})),n}(t);n.length>0&&e.push.apply(e,QL(n))}})),e},n=function(){var n=t().map((function(e){return e.attributes}));n.forEach((function(t,n){if(!t.anchor){var a=e.getHeaderContent(t);t.anchor=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=(t?t+"-":"")+e.toString().toLowerCase().replace(/( |<.+?>| )/g,"-");return n=encodeURIComponent(n.replace(/[^\w\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF\s-]/g,""))}(a,""+(n+1))}})),JSON.stringify(n)!==JSON.stringify(e.state.headers)&&e.setState({headers:n})};n();var a=VL((function(e){return n()}));this.setState({unsubscribe:a})}},{key:"componentDidUpdate",value:function(e,t){JSON.stringify(e.headers)!==JSON.stringify(t.headers)&&this.props.blockProp.setAttributes({headerLinks:JSON.stringify(this.state.headers)})}},{key:"componentWillUnmount",value:function(){this.state.unsubscribe()}},{key:"render",value:function(){var e=this,t=this.state.headers,n=this.props.blockProp.attributes,a=n.tableType,o=n.allowedAnchors,l="ul";if("ordered"===a&&(l="ol"),0===t.length)return React.createElement("div",{className:"qubely-message"},XL("No header found"));var i;return React.createElement(l,{className:a+"-list"},function t(n){return n.map((function(n){return React.createElement("li",{key:n.anchor},React.createElement("a",{href:"#"+n.anchor},e.getHeaderContent(n).replace(/(<.+?>)/g,"")),n.children&&React.createElement(l,{className:"child-list"},t(n.children)))}))}((i=[],t.filter((function(t){var n=e.getHeaderLevel(t);return o["h"+n]})).forEach((function(t){return function t(n,a){var o=n.length-1;0===n.length||e.getHeaderLevel(n[0])===e.getHeaderLevel(a)?n.push(YL({},a)):e.getHeaderLevel(n[o])0&&React.createElement(QA,{label:qA("Separator Color"),value:de,onChange:function(e){return n({bodySeparatorColor:e})}}),React.createElement(KA,null)),"tabs"!=Y&&React.createElement(FA,{label:qA("Spacing"),value:be,onChange:function(e){return n({bodyTopSpacing:e})},unit:["px","em","%"],max:100,min:0,responsive:!0,device:Be,onDeviceChange:function(t){return e.setState({device:t})}}),"tabs"==Y&&React.createElement(PA,null,React.createElement(GA,{label:qA("Border"),separator:!0,value:ce,onChange:function(e){return n({bodyBorder:e})},unit:["px","em","%"],max:100,min:0,responsive:!0,device:Be,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(ZA,{label:qA("Box-Shadow"),value:se,onChange:function(e){return n({bodyShadow:e})}}),React.createElement(nM,{label:qA("Radius"),separator:!0,value:pe,onChange:function(e){return n({bodyBorderRadius:e})},unit:["px","em","%"],max:100,min:0,responsive:!0,device:Be,onDeviceChange:function(t){return e.setState({device:t})}}))),React.createElement(RA,{title:qA("Auto Switching"),initialOpen:!1},React.createElement(HA,{label:qA("Auto Switch Tabs"),value:i,onChange:function(e){return n({autoSwithcing:e})}}),i&&React.createElement(PA,null,React.createElement($A,{label:qA("Delay Type"),options:[[qA("Common"),"common"],[qA("Custom"),"custom"]],value:r,onChange:function(e){return n({delayType:e})}}),"common"===r?React.createElement(CA,{min:2,max:200,label:qA("Delay"),value:c,onChange:function(e){return n({defaultDelay:e})}}):React.createElement(PA,null,React.createElement(KA,{label:qA("Custom Delays")}),U.map((function(t,n){var a=t.title,o=t.delay;return React.createElement(CA,{min:2,max:200,label:qA(a),value:void 0===o?c:o,onChange:function(t){return e.updateTitles({delay:t},n)}})}))),React.createElement(HA,{label:qA("Show Progress Bar"),value:s,onChange:function(e){return n({showProgressBar:e})}})),s&&React.createElement(PA,null,React.createElement($A,{label:qA("Progressbar Position"),options:[[qA("Bottom"),"bottom"],[qA("Top"),"top"]],value:p,onChange:function(e){return n({progressbarPosition:e,recreateStyles:!h})}}),React.createElement(FA,{label:qA("Position"),value:d,max:100,min:-50,onChange:function(e){return n({progressbarBottom:e})}}),React.createElement(rM,{label:qA("Progressbar Background"),value:b,onChange:function(e){return n({progressBarBg:e})}}),React.createElement(FA,{label:qA("Height"),value:f,unit:["px","em","%"],max:50,min:1,responsive:!0,device:Be,onChange:function(e){return n({progressBarHeight:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(FA,{label:qA("Spacing"),value:y,unit:["px","em","%"],max:50,min:0,responsive:!0,device:Be,onChange:function(e){return n({progressBarSpacing:e})},onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(FA,{label:qA("Radius"),value:m,unit:["px","em","%"],max:100,min:0,responsive:!0,device:Be,onChange:function(e){return n({progressBarRadius:e})},onDeviceChange:function(t){return e.setState({device:t})}})))),React.createElement(aM,{key:"advance"},bM(o,ye,n),pM(o,qe,n)))),React.createElement(zA,null,React.createElement(kA,{className:"components-dropdown components-dropdown-menu components-toolbar-group",label:qA("Tabs Options","qubely")},React.createElement(cM,gA({data:[{name:"InlineSpacer",key:"spacer",responsive:!0,unit:["px","em","%"]}]},this.props,{prevState:this.state})))),uM({enablePosition:Ee,selectPosition:Re,positionXaxis:we,positionYaxis:ke,globalZindex:xe,hideDesktop:ge,hideTablet:he,hideMobile:ve,globalCss:me,setAttributes:n}),React.createElement("div",{className:Oe},React.createElement("div",{className:"qubely-block-tab qubely-tab-style-"+Y+" qubely-active-tab-"+Te},React.createElement("div",{className:"qubely-tab-nav qubely-alignment-"+X},this.renderTabTitles(),React.createElement(EA,{text:qA("Add new tab")},React.createElement("span",{role:"button",areaLabel:qA("Add new tab"),className:"qubely-add-new-tab",onClick:function(){return function(){var t=e.props,a=t.clientId,o=t.block,l=t.replaceInnerBlocks;e.setState({activeTab:v+1,initialRender:!1}),n({tabs:v+1,tabTitles:_e()});var i=JSON.parse(JSON.stringify(o.innerBlocks));i.push(xA("qubely/tab",{id:i.length+1,customClassName:"qubely-active"})),l(a,i,!1)}()}},React.createElement("i",{className:"fas fa-plus-circle"})))),React.createElement("div",{className:"qubely-tab-body"},React.createElement(LA,{tagName:"div",templateLock:"all",allowedBlocks:["qubely/tab"],template:Array(v).fill(0).map((function(e,t){return["qubely/tab",gA({id:t+1},0===t&&{customClassName:"qubely-active"})]}))})))))}}]),t}(NA),fM=SA([TA((function(e,t){var n=t.clientId;return{block:(0,e("core/block-editor").getBlock)(n)}})),_A((function(e){var t=e("core/block-editor");return{getBlocks:t.getBlocks,insertBlock:t.insertBlock,removeBlock:t.removeBlock,replaceInnerBlocks:t.replaceInnerBlocks,updateBlockAttributes:t.updateBlockAttributes}})),iM()])(dM),yM=(Object.assign||function(e){for(var t=1;ta {font-size: {{iconSize}};}"}]},iconSizeCustom:{type:"object",default:{md:18,unit:"px"},style:[{condition:[{key:"iconSize",relation:"==",value:"custom"}],selector:"{{QUBELY}} .qubely-team-social-links>a {font-size: {{iconSizeCustom}};}"}]},iconGutter:{type:"object",default:{md:10,unit:"px"},style:[{selector:"{{QUBELY}} .qubely-team-social-links > a {margin: 0 calc({{iconGutter}}/2);}"}]},iconSpacing:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-team-social-links {margin-top: {{iconSpacing}};}"}]},iconBorderRadius:{type:"object",default:{openBorderRadius:1,radiusType:"global",global:{md:4},unit:"px"},style:[{condition:[{key:"iconStyle",relation:"==",value:"fill"}],selector:"{{QUBELY}} .qubely-team-social-links>a"}]},iconColor:{type:"string",default:"",style:[{condition:[{key:"iconUseDefaultStyle",relation:"==",value:!1}],selector:"{{QUBELY}} .qubely-team-social-links>a {color: {{iconColor}};}"}]},iconColorHover:{type:"string",default:"",style:[{condition:[{key:"iconUseDefaultStyle",relation:"==",value:!1}],selector:"{{QUBELY}} .qubely-team-social-links>a:hover {color: {{iconColorHover}};}"}]},iconBackground:{type:"string",default:"",style:[{condition:[{key:"iconUseDefaultStyle",relation:"==",value:!1},{key:"iconStyle",relation:"==",value:"fill"}],selector:"{{QUBELY}} .qubely-team-social-links>a {background-color: {{iconBackground}};}"}]},iconBackgroundHover:{type:"string",default:"",style:[{condition:[{key:"iconUseDefaultStyle",relation:"==",value:!1},{key:"iconStyle",relation:"==",value:"fill"}],selector:"{{QUBELY}} .qubely-team-social-links>a:hover {background-color: {{iconBackgroundHover}};}"}]},iconBorder:{type:"object",default:{},style:[{condition:[{key:"iconUseDefaultStyle",relation:"==",value:!1},{key:"iconStyle",relation:"==",value:"fill"}],selector:"{{QUBELY}} .qubely-team-social-links>a"}]},iconBorderColorHover:{type:"string",default:"",style:[{condition:[{key:"iconUseDefaultStyle",relation:"==",value:!1},{key:"iconStyle",relation:"==",value:"fill"}],selector:"{{QUBELY}} .qubely-team-social-links>a:hover {border-color: {{iconBorderColorHover}};}"}]},phone:{type:"string",default:""},email:{type:"string",default:""},website:{type:"string",default:""},infoSpacing:{type:"object",default:{md:10,unit:"px"},style:[{selector:"{{QUBELY}} .qubely-team-information >div:not(:last-child) {margin-bottom: {{infoSpacing}};}"}]},useInfoIcon:{type:"boolean",default:!1},infoIconSize:{type:"string",default:"14px",style:[{condition:[{key:"useInfoIcon",relation:"==",value:!0},{key:"infoIconSize",relation:"!=",value:"custom"}],selector:"{{QUBELY}} .qubely-team-information .qubely-info-icon {font-size: {{infoIconSize}};}"}]},infoIconSizeCustom:{type:"object",default:{md:10,unit:"px"},style:[{condition:[{key:"useInfoIcon",relation:"==",value:!0},{key:"infoIconSize",relation:"==",value:"custom"}],selector:"{{QUBELY}} .qubely-team-information .qubely-info-icon {font-size: {{infoIconSizeCustom}};}"}]},infoIconSpacing:{type:"object",default:{md:10,unit:"px"},style:[{selector:"{{QUBELY}} .qubely-team-information .qubely-info-icon {margin-right: {{infoIconSpacing}};}"}]},infoIconColor:{type:"string",default:"",style:[{selector:"{{QUBELY}} .qubely-team-information .qubely-info-icon {color: {{infoIconColor}};}"}]},infoTypo:{type:"object",default:{openTypography:1,size:{md:16,unit:"px"}},style:[{selector:"{{QUBELY}} .qubely-team-information"}]},infoColor:{type:"string",default:"",style:[{selector:"{{QUBELY}} .qubely-team-information, {{QUBELY}} .qubely-team-information a {color: {{infoColor}};}"}]},overlayHeight:{type:"string",default:"fit",style:[{condition:[{key:"layout",relation:"==",value:2},{key:"overlayHeight",relation:"==",value:"auto"}],selector:"{{QUBELY}} .qubely-team-content {bottom: 0;}"},{condition:[{key:"layout",relation:"==",value:2},{key:"overlayHeight",relation:"==",value:"fit"}],selector:"{{QUBELY}} .qubely-team-content {top: 0; bottom: 0;}"}]},overlayAlignment:{type:"string",default:"center",style:[{condition:[{key:"layout",relation:"==",value:2},{key:"overlayHeight",relation:"==",value:"fit"}],selector:"{{QUBELY}} .qubely-team-content {-webkit-box-align: {{overlayAlignment}}; -ms-flex-align: {{overlayAlignment}}; align-items: {{overlayAlignment}};}"}]},overlayBg:{type:"object",default:{type:"color",openColor:1,color:"rgba(255, 255, 255, .9)"},style:[{condition:[{key:"layout",relation:"==",value:2}],selector:"{{QUBELY}} .qubely-team-content"}]},overlayPaddingX:{type:"object",default:{md:20,unit:"px"},style:[{condition:[{key:"layout",relation:"==",value:2}],selector:"{{QUBELY}} .qubely-team-content {padding-left: {{overlayPaddingX}}; padding-right: {{overlayPaddingX}};}"}]},overlayPaddingY:{type:"object",default:{md:20,unit:"px"},style:[{condition:[{key:"layout",relation:"==",value:2}],selector:"{{QUBELY}} .qubely-team-content {padding-top: {{overlayPaddingY}}; padding-bottom: {{overlayPaddingY}};}"}]},contentPosition:{type:"string",default:"right",style:[{condition:[{key:"layout",relation:"==",value:3},{key:"contentPosition",relation:"==",value:"left"}],selector:"{{QUBELY}} .qubely-block-team {flex-direction: row-reverse; -webkit-flex-direction: row-reverse;} {{QUBELY}} .qubely-team-layout-3 .qubely-team-content {margin-right: auto;}"}]},contentAlignment:{type:"object",default:{md:"center"},style:[{condition:[{key:"layout",relation:"==",value:3}],selector:"{{QUBELY}} .qubely-team-content {text-align: {{contentAlignment}};}"}]},contentPadding:{type:"object",default:{openPadding:1,paddingType:"custom",custom:{md:"10 0 10 0"}},style:[{condition:[{key:"layout",relation:"!=",value:2}],selector:"{{QUBELY}} .qubely-team-content"}]},contentBg:{type:"object",default:{type:"color",openColor:1,color:"#fff"},style:[{condition:[{key:"layout",relation:"!=",value:2}],selector:"{{QUBELY}} .qubely-team-content"}]},contentBorder:{type:"object",default:{openBorder:1,position:"all",type:"solid",width:1,color:"#e5e5e5"},style:[{condition:[{key:"layout",relation:"!=",value:2}],selector:"{{QUBELY}} .qubely-team-content"}]},bodyBg:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-block-team"}]},bodyPadding:{type:"object",default:{paddingType:"global",global:{}},style:[{selector:"{{QUBELY}} .qubely-block-team"}]},bodyBorder:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-block-team"}]},bodyBorderRadius:{type:"object",default:{openBorderRadius:1},style:[{selector:"{{QUBELY}} .qubely-block-team"}]},bodyBoxShadow:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-block-team"}]},sourceOfCopiedStyle:{type:"boolean",default:!1}}),edit:ID,save:GD});var eY=n(157),tY={insert:"head",singleton:!1},nY=(p()(eY.a,tY),eY.a.locals,Object.assign||function(e){for(var t=1;t0&&2==a&&React.createElement("div",{className:"qubely-testimonial-ratings",style:{"--qubely-testimonial-rating":20*L+"%"},onClick:function(){return e.handlePanelOpenings("Ratings")}}),I&&1==a&&React.createElement("div",{className:"qubely-testimonial-quote",onClick:function(){return e.handlePanelOpenings("Quote Icon")}},React.createElement("span",{className:"qubely-quote-icon "+I})),React.createElement("div",{className:"qubely-testimonial-content",onClick:function(){return e.handlePanelOpenings("Message")}},be),N&&L>0&&1==a&&React.createElement("div",{className:"qubely-testimonial-ratings",style:{"--qubely-testimonial-rating":20*L+"%"},onClick:function(){return e.handlePanelOpenings("Ratings")}}),1==a&&pe,I&&2==a&&React.createElement("div",{className:"qubely-testimonial-quote qubely-position-bottom",onClick:function(){return e.handlePanelOpenings("Quote Icon")}},React.createElement("span",{className:"qubely-quote-icon "+I})),React.createElement("div",{ref:this.qubelyContextMenu,className:"qubely-context-menu-wraper"},React.createElement(YY,{name:c,clientId:ae,attributes:oe,setAttributes:le,qubelyContextMenu:this.qubelyContextMenu.current})))))}}]),t}(rY),GY=QY()(WY),VY=Object.assign||function(e){for(var t=1;t0&&2==n&&React.createElement("div",{className:"qubely-testimonial-ratings",style:{"--qubely-testimonial-rating":20*f+"%"}}),p&&1==n&&React.createElement("div",{className:"qubely-testimonial-quote"},React.createElement("span",{className:"qubely-quote-icon "+p})),React.createElement("div",{className:"qubely-testimonial-content"},v),d&&f>0&&1==n&&React.createElement("div",{className:"qubely-testimonial-ratings",style:{"--qubely-testimonial-rating":20*f+"%"}}),1==n&&q,p&&2==n&&React.createElement("div",{className:"qubely-testimonial-quote qubely-position-bottom"},React.createElement("span",{className:"qubely-quote-icon "+p}))))}}]),t}(eU),iU=(Object.assign||function(e){for(var t=1;tspan",default:"JOHN DOE"},nameColor:{type:"string",default:"",style:[{selector:"{{QUBELY}} .qubely-testimonial-author-name { color:{{nameColor}}; }"}]},nameTypo:{type:"object",default:{openTypography:1,weight:700,size:{md:16,unit:"px"}},style:[{selector:"{{QUBELY}} .qubely-testimonial-author-name"}]},nameSpacing:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-testimonial-author-name {margin-bottom: {{nameSpacing}};}"}]},designation:{type:"string",source:"html",selector:".qubely-testimonial-author-designation>span",default:"WordPress Developer"},designationColor:{type:"string",default:"",style:[{selector:"{{QUBELY}} .qubely-testimonial-author-designation { color:{{designationColor}}; }"}]},designationTypo:{type:"object",default:{openTypography:1,size:{md:14,unit:"px"}},style:[{selector:"{{QUBELY}} .qubely-testimonial-author-designation"}]},message:{type:"string",source:"html",selector:".qubely-testimonial-content>div",default:"“There’s no easier way to add innovative Gutenberg blocks than using Qubely Gutenberg Blocks Toolkit. Instantly raise your website appearance with this stylish new plugin.”"},messagePosition:{type:"string",default:"top"},messageTypo:{type:"object",default:{openTypography:1,size:{md:20,unit:"px"}},style:[{selector:"{{QUBELY}} .qubely-testimonial-content"}]},messageSpacingTop:{type:"object",default:{md:0,unit:"px"},style:[{selector:"{{QUBELY}} .qubely-testimonial-content {margin-top: {{messageSpacingTop}};}"}]},messageSpacingBottom:{type:"object",default:{md:20,unit:"px"},style:[{selector:"{{QUBELY}} .qubely-testimonial-content {margin-bottom: {{messageSpacingBottom}};}"}]},showAvatar:{type:"boolean",default:!0},avatar:{type:"object",default:{}},avatar2x:{type:"object",default:{}},avatarLayout:{type:"string",default:"left"},avatarAlt:{type:"string",default:""},avatarSize:{type:"string",default:"64px",style:[{condition:[{key:"avatarSize",relation:"!=",value:"custom"}],selector:"{{QUBELY}} .qubely-testimonial-avatar { width: {{avatarSize}}; height: {{avatarSize}}; font-size: {{avatarSize}}; }"}]},avatarWidth:{type:"object",default:{md:120,unit:"px"},style:[{condition:[{key:"avatarSize",relation:"==",value:"custom"}],selector:"{{QUBELY}} .qubely-testimonial-avatar {width: {{avatarWidth}}; font-size: {{avatarWidth}};}"}]},avatarHeight:{type:"object",default:{md:120,unit:"px"},style:[{condition:[{key:"avatarSize",relation:"==",value:"custom"}],selector:"{{QUBELY}} .qubely-testimonial-avatar {height: {{avatarHeight}};}"}]},avatarSpacing:{type:"object",default:{md:20,unit:"px"},style:[{condition:[{key:"avatarLayout",relation:"==",value:"left"}],selector:"{{QUBELY}} .qubely-testimonial-avatar {margin-right: {{avatarSpacing}};}"},{condition:[{key:"avatarLayout",relation:"==",value:"right"}],selector:"{{QUBELY}} .qubely-testimonial-avatar {margin-left: {{avatarSpacing}};}"},{condition:[{key:"avatarLayout",relation:"==",value:"top"}],selector:"{{QUBELY}} .qubely-testimonial-avatar {margin-bottom: {{avatarSpacing}};}"},{condition:[{key:"avatarLayout",relation:"==",value:"bottom"}],selector:"{{QUBELY}} .qubely-testimonial-avatar {margin-top: {{avatarSpacing}};}"}]},avatarBorderRadius:{type:"object",default:{openBorderRadius:1,radiusType:"global",global:{md:100},unit:"%"},style:[{selector:"{{QUBELY}} .qubely-testimonial-avatar"}]},avatarBorder:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-testimonial-avatar"}]},quoteIcon:{type:"string",default:"fas fa-quote-left"},quoteIconPosition:{type:"string",default:"top"},quoteIconSize:{type:"object",default:{md:48,unit:"px"},style:[{condition:[{key:"quoteIcon",relation:"!=",value:""}],selector:"{{QUBELY}} .qubely-quote-icon {font-size: {{quoteIconSize}};}"}]},quoteIconColor:{type:"string",default:"#E2E2E2",style:[{condition:[{key:"quoteIcon",relation:"!=",value:""}],selector:"{{QUBELY}} .qubely-quote-icon {color: {{quoteIconColor}};}"}]},quoteIconSpacing:{type:"object",default:{md:20,unit:"px"},style:[{condition:[{key:"layout",relation:"==",value:"1"},{key:"quoteIcon",relation:"!=",value:""}],selector:"{{QUBELY}} .qubely-testimonial-quote {margin-bottom: {{quoteIconSpacing}};}"},{condition:[{key:"layout",relation:"==",value:"2"},{key:"quoteIcon",relation:"!=",value:""}],selector:"{{QUBELY}} .qubely-testimonial-quote {margin-top: {{quoteIconSpacing}};}"}]},showRatings:{type:"boolean",default:!0},ratings:{type:"string",default:4.5},ratingsPosition:{type:"string",default:"bottom"},ratingsColor:{type:"string",default:"#FFB800",style:[{condition:[{key:"ratings",relation:"!=",value:"0"}],selector:"{{QUBELY}} .qubely-testimonial-ratings:before {color: {{ratingsColor}};} {{QUBELY}} .qubely-testimonial-ratings {color: {{ratingsColor}};}"}]},starsSize:{type:"object",default:{md:20,unit:"px"},style:[{condition:[{key:"ratings",relation:"!=",value:"0"}],selector:"{{QUBELY}} .qubely-testimonial-ratings {font-size:{{starsSize}};}"}]},ratingsSpacing:{type:"object",default:{md:30,unit:"px"},style:[{condition:[{key:"layout",relation:"==",value:"1"},{key:"ratings",relation:"!=",value:"0"}],selector:"{{QUBELY}} .qubely-testimonial-ratings {margin-bottom: {{ratingsSpacing}};}"},{condition:[{key:"layout",relation:"==",value:"2"},{key:"ratings",relation:"!=",value:"0"}],selector:"{{QUBELY}} .qubely-testimonial-ratings {margin-top: {{ratingsSpacing}};}"}]},bgPadding:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-block-testimonial"}]},textColor:{type:"string",default:"",style:[{selector:"{{QUBELY}} .qubely-block-testimonial { color:{{textColor}}; }"}]},bgColor:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-block-testimonial"}]},bgBorderRadius:{type:"object",default:{openBorderRadius:1,radiusType:"global"},style:[{selector:"{{QUBELY}} .qubely-block-testimonial"}]},border:{type:"object",default:{openTy:0,color:"#3373dc",width:{bottom:"1",left:"1",right:"1",top:"1",unit:"px"}},style:[{selector:"{{QUBELY}} .qubely-block-testimonial"}]},boxShadow:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-block-testimonial"}]},boxShadowHover:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-block-testimonial:hover"}]},sourceOfCopiedStyle:{type:"boolean",default:!1}}),rU=Object.assign||function(e){for(var t=1;t0&&2==o&&React.createElement("div",{"data-qubelyrating":m,className:"qubely-testimonial-ratings",onClick:function(){return t.handlePanelOpenings("Ratings")}}),f&&1==o&&React.createElement("div",{className:"qubely-testimonial-quote"},React.createElement("span",{className:"qubely-quote-icon "+f})),React.createElement("div",{className:"qubely-testimonial-content"},x),y&&m>0&&1==o&&React.createElement("div",{"data-qubelyrating":m,className:"qubely-testimonial-ratings",onClick:function(){return t.handlePanelOpenings("Ratings")}}),1==o&&w,f&&2==o&&React.createElement("div",{className:"qubely-testimonial-quote qubely-position-bottom"},React.createElement("span",{className:"qubely-quote-icon "+f}))))}}]});var yU=n(158),mU={insert:"head",singleton:!1},gU=(p()(yU.a,mU),yU.a.locals,Object.assign||function(e){for(var t=1;t *:last-child",default:"Qubely blocks is added to the Gutenberg editor as soon as you install the plugin. You can start using it as any other Gutenberg block. Add ready blocks using the plus sign where you’ll find a new section of blocks under the Qubely icon."},alignment:{type:"object",default:{md:"left"},style:[{selector:"{{QUBELY}} .qubely-block-text {text-align: {{alignment}}; }"}]},selector:{type:"string",default:"p"},dropCap:{type:"boolean",default:!1},dropCapSize:{type:"object",default:{md:48,unit:"px"},style:[{condition:[{key:"dropCap",relation:"==",value:!0}],selector:"{{QUBELY}} .qubely-block-text p::first-letter, {{QUBELY}} .qubely-block-text p::first-letter {font-size: {{dropCapSize}};}"}]},dropCapColor:{type:"string",default:"#2962FF",style:[{condition:[{key:"dropCap",relation:"==",value:!0}],selector:"{{QUBELY}} .qubely-block-text p::first-letter, {{QUBELY}} .qubely-block-text p::first-letter {color: {{dropCapColor}};}"}]},dropCapSpacing:{type:"object",default:{md:15,unit:"px"},style:[{condition:[{key:"dropCap",relation:"==",value:!0}],selector:"{{QUBELY}} .qubely-block-text p::first-letter, {{QUBELY}} .qubely-block-text.qubely-has-drop-cap p.rich-text.block-editor-rich-text__editable::first-letter {margin-right: {{dropCapSpacing}};}"}]},typography:{type:"object",default:{},style:[{selector:"{{QUBELY}} .qubely-block-text, {{QUBELY}} .qubely-block-text p.rich-text"}]},textColor:{type:"string",default:"",style:[{selector:"{{QUBELY}} .qubely-block-text > * { color:{{textColor}}; }"}]},enableTitle:{type:"boolean",default:1},title:{type:"string",source:"html",selector:".qubely-block-text-title",default:"Advanced Text Block"},titleLevel:{type:"number",default:2},titleTypography:{type:"object",default:{openTypography:1,size:{md:24,unit:"px"}},style:[{selector:"{{QUBELY}} .qubely-block-text-title-container .qubely-block-text-title-inner .qubely-block-text-title"}]},titleColor:{type:"string",default:"",style:[{selector:"{{QUBELY}} .qubely-block-text .qubely-block-text-title-container .qubely-block-text-title-inner .qubely-block-text-title,{{QUBELY}} .qubely-block-text .qubely-block-text-title-container .qubely-block-text-title-inner .qubely-block-text-title >* {color: {{titleColor}};}"}]},titleSpacing:{type:"object",default:{md:10,unit:"px"},style:[{selector:"{{QUBELY}} .qubely-block-text-title-inner {margin-bottom: {{titleSpacing}};}"}]},subTitle:{type:"boolean",default:0},subTitleLevel:{type:"number",default:3},subTitleContent:{type:"string",source:"html",selector:".qubely-block-text-sub-title",default:"Sub Title"},subTitleTypography:{type:"object",default:{openTypography:1,size:{md:16,unit:"px"}},style:[{selector:"{{QUBELY}} .qubely-block-text .qubely-block-text-title-container .qubely-block-text-sub-title-container .qubely-block-text-sub-title"}]},subTitleColor:{type:"string",default:"#333",style:[{condition:[{key:"subTitle",relation:"==",value:1}],selector:"{{QUBELY}} .qubely-block-text .qubely-block-text-sub-title {color: {{subTitleColor}};}"}]},subTitleSpacing:{type:"object",default:{md:15,unit:"px"},style:[{condition:[{key:"subTitle",relation:"==",value:1}],selector:"{{QUBELY}} .qubely-block-text .qubely-block-text-sub-title {margin-bottom: {{subTitleSpacing}};}"}]},separatorStyle:{type:"string",default:"",style:[{condition:[{key:"separatorStyle",relation:"!=",value:""}],selector:"{{QUBELY}} .qubely-block-text .qubely-separator-type-css {border-top-style: {{separatorStyle}};}"}]},separatorPosition:{type:"string",default:"top"},separatorColor:{type:"string",default:"#5D7FEB",style:[{condition:[{key:"separatorStyle",relation:"!=",value:""}],selector:"{{QUBELY}} .qubely-block-text .qubely-separator-type-svg svg .qubely-separator-stroke {stroke: {{separatorColor}};} {{QUBELY}} .qubely-block-text svg .qubely-separator-fill {fill: {{separatorColor}};} {{QUBELY}} .qubely-block-text .qubely-separator-type-css {border-top-color: {{separatorColor}};}"}]},separatorStroke:{type:"number",default:3,style:[{condition:[{key:"separatorStyle",relation:"!=",value:""}],selector:"{{QUBELY}} .qubely-block-text .qubely-separator-type-svg svg .qubely-separator-stroke {stroke-width: {{separatorStroke}}px;} {{QUBELY}} .qubely-block-text .qubely-separator-type-css {border-top-width: {{separatorStroke}}px;}"}]},separatorWidth:{type:"object",default:{md:60},style:[{condition:[{key:"separatorStyle",relation:"!=",value:""}],selector:"{{QUBELY}} .qubely-block-text .qubely-separator-type-css {width: {{separatorWidth}}px;} {{QUBELY}} .qubely-block-text .qubely-separator-type-svg svg {width: {{separatorWidth}}px;}"}]},separatorSpacing:{type:"object",default:{md:10},style:[{condition:[{key:"separatorStyle",relation:"!=",value:""},{key:"separatorPosition",relation:"==",value:"left"}],selector:"{{QUBELY}} .qubely-separator {margin-right: {{separatorSpacing}}px;}"},{condition:[{key:"separatorStyle",relation:"!=",value:""},{key:"separatorPosition",relation:"==",value:"right"}],selector:"{{QUBELY}} .qubely-separator {margin-left: {{separatorSpacing}}px;}"},{condition:[{key:"separatorStyle",relation:"!=",value:""},{key:"separatorPosition",relation:"==",value:"leftright"}],selector:"{{QUBELY}} .qubely-separator-before {margin-right: {{separatorSpacing}}px;} {{QUBELY}} .qubely-separator-after {margin-left: {{separatorSpacing}}px;}"},{condition:[{key:"separatorStyle",relation:"!=",value:""},{key:"separatorPosition",relation:"==",value:"top"}],selector:"{{QUBELY}} .qubely-separator {margin-bottom: {{separatorSpacing}}px;}"},{condition:[{key:"separatorStyle",relation:"!=",value:""},{key:"separatorPosition",relation:"==",value:"bottom"}],selector:"{{QUBELY}} .qubely-separator {margin-top: {{separatorSpacing}}px;}"}]},sourceOfCopiedStyle:{type:"boolean",default:!1}}),deprecated:[{save:function(e){var t=this,n={solid:{type:"css",separator:"solid",width:300,stroke:10},double:{type:"css",separator:"double",width:300,stroke:10},dotted:{type:"css",separator:"dotted",width:300,stroke:10},dashed:{type:"css",separator:"dashed",width:300,stroke:10},pin:{type:"svg",separator:"pin",svg:Zq.pin,width:100,stroke:0},pin_filled:{type:"svg",separator:"pin_filled",svg:Zq.pin_filled,width:100,stroke:0},zigzag:{type:"svg",separator:"zigzag",svg:Zq.zigzag,style:"fill",width:88,stroke:5},zigzag_large:{type:"svg",separator:"zigzag_large",svg:Zq.zigzag_large,style:"fill",width:161,stroke:5}},a=e.attributes,o=a.uniqueId,l=a.content,i=a.selector,r=a.dropCap,c=a.enableTitle,s=a.titleLevel,u=a.subTitleLevel,b=a.separatorStyle,p=a.separatorPosition,d=a.title,f=a.subTitle,y=a.subTitleContent,m=a.animation,g=a.interaction,h="h"+s,v="h"+u,q=Za(g)?"qubley-block-interaction":"",x=React.createElement(gQ,null,b&&React.createElement(gQ,null,"css"==n[b].type&&React.createElement("span",{className:"qubely-separator-type-css qubely-separator-"+b}),"svg"==n[b].type&&React.createElement("span",{className:"qubely-separator-type-svg qubely-separator-"+b},n[b].svg)));return React.createElement("div",yQ({className:"qubely-block-"+o},wQ(m)),React.createElement("div",{className:"qubely-block-text "+q+" "+(1==r?"qubely-has-drop-cap":"")},1==c&&React.createElement("div",{className:"qubely-block-text-title-container "+(b?"qubely-has-separator":"")+" "+(p?"qubely-separator-position-"+p:"")},React.createElement("div",{className:"qubely-block-text-title-inner"},!b||"left"!=p&&"top"!=p&&"leftright"!=p?"":React.createElement("div",{className:"qubely-separator qubely-separator-before"},x),React.createElement(hQ.Content,{tagName:h,className:"qubely-block-text-title",value:d}),""==b||"right"!=p&&"bottom"!=p&&"leftright"!=p?"":React.createElement("div",{className:"qubely-separator qubely-separator-after"},x)),1==f&&React.createElement("div",{className:"qubely-block-text-sub-title-container",onClick:function(){return t.handlePanelOpenings("Sub Title")}},React.createElement(hQ.Content,{tagName:v,className:"qubely-block-text-sub-title",value:y}))),React.createElement(hQ.Content,{tagName:i,value:l})))}},{save:function(e){var t=this,n={solid:{type:"css",separator:"solid",width:300,stroke:10},double:{type:"css",separator:"double",width:300,stroke:10},dotted:{type:"css",separator:"dotted",width:300,stroke:10},dashed:{type:"css",separator:"dashed",width:300,stroke:10},pin:{type:"svg",separator:"pin",svg:Zq.pin,width:100,stroke:0},pin_filled:{type:"svg",separator:"pin_filled",svg:Zq.pin_filled,width:100,stroke:0},zigzag:{type:"svg",separator:"zigzag",svg:Zq.zigzag,style:"fill",width:88,stroke:5},zigzag_large:{type:"svg",separator:"zigzag_large",svg:Zq.zigzag_large,style:"fill",width:161,stroke:5}},a=e.attributes,o=a.uniqueId,l=a.content,i=a.selector,r=a.dropCap,c=a.enableTitle,s=a.titleLevel,u=a.subTitleLevel,b=a.separatorStyle,p=a.separatorPosition,d=a.title,f=a.subTitle,y=a.subTitleContent,m=a.animation,g="h"+s,h="h"+u,v=React.createElement(gQ,null,b&&React.createElement(gQ,null,"css"==n[b].type&&React.createElement("span",{className:"qubely-separator-type-css qubely-separator-"+b}),"svg"==n[b].type&&React.createElement("span",{className:"qubely-separator-type-svg qubely-separator-"+b},n[b].svg)));return React.createElement("div",yQ({className:"qubely-block-"+o},wQ(m)),React.createElement("div",{className:"qubely-block-text "+(1==r?"qubely-has-drop-cap":"")},1==c&&React.createElement("div",{className:"qubely-block-text-title-container "+(b?"qubely-has-separator":"")+" "+(p?"qubely-separator-position-"+p:"")},React.createElement("div",{className:"qubely-block-text-title-inner"},!b||"left"!=p&&"top"!=p&&"leftright"!=p?"":React.createElement("div",{className:"qubely-separator qubely-separator-before"},v),React.createElement(hQ.Content,{tagName:g,className:"qubely-block-text-title",value:d}),""==b||"right"!=p&&"bottom"!=p&&"leftright"!=p?"":React.createElement("div",{className:"qubely-separator qubely-separator-after"},v)),1==f&&React.createElement("div",{className:"qubely-block-text-sub-title-container",onClick:function(){return t.handlePanelOpenings("Sub Title")}},React.createElement(hQ.Content,{tagName:h,className:"qubely-block-text-sub-title",value:y}))),React.createElement(hQ.Content,{tagName:i,value:l,className:"qubely-block-text-content"})))}}],edit:nQ,save:fQ});var kQ=n(159),EQ={insert:"head",singleton:!1},RQ=(p()(kQ.a,EQ),kQ.a.locals,Object.assign||function(e){for(var t=1;ts?"add":"delete")}}),React.createElement(ZQ,{label:SQ("Orientation"),value:u,onChange:function(e){return l({orientation:e})},alignmentType:"content",disableJustify:!0})),React.createElement(NQ,{title:SQ("Spacing"),initialOpen:!1},React.createElement(HQ,{label:SQ("Horizontal Spacing"),value:b,onChange:function(e){return l({horizontalSpacing:e})},min:0,max:100,responsive:!0,unit:["px","em","%"],device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(HQ,{label:SQ("Vertical Spacing"),value:p,onChange:function(e){return l({verticalSpacing:e})},min:0,max:100,responsive:!0,unit:["px","em","%"],device:ee,onDeviceChange:function(t){return e.setState({device:t})}})),React.createElement(NQ,{title:SQ("Content"),initialOpen:!1},React.createElement(WQ,{label:SQ("Background Color"),value:g,onChange:function(e){return l({contentBg:e})}}),React.createElement(VQ,{label:SQ("Enable Border"),value:q,onChange:function(e){return l({enableContentBorder:e})}}),1==q&&React.createElement(TQ,null,React.createElement(HQ,{label:SQ("Border Width"),value:x,onChange:function(e){return l({contentBorderWidth:e})},min:1,max:5,responsive:!0,device:ee,unit:["px"],onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(WQ,{label:SQ("Border Color"),value:w,onChange:function(e){return l({contentBorderColor:e})}}),React.createElement(XQ,null)),React.createElement(KQ,{label:SQ("Radius"),value:E,onChange:function(e){return l({contentBorderRadius:e})},min:0,max:100,unit:["px","em","%"],responsive:!0,device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(eF,{label:SQ("Padding"),value:k,onChange:function(e){return l({contentPadding:e})},min:0,max:200,unit:["px","em","%"],responsive:!0,device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement($Q,{label:SQ("Box-Shadow"),value:R,onChange:function(e){return l({contentBoxShadow:e})},disableInset:!0}),React.createElement(XQ,null),React.createElement(tF,{label:SQ("Heading Tag"),selectedLevel:d,onChange:function(e){return l({headingLevel:e})}}),React.createElement(GQ,{label:SQ("Heading Typography"),value:f,onChange:function(e){return l({headingTypography:e})},device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(WQ,{label:SQ("Heading Color"),value:y,onChange:function(e){return l({headingColor:e})}}),React.createElement(HQ,{label:SQ("Heading Spacing"),value:m,onChange:function(e){return l({headingSpacing:e})},min:0,max:100,responsive:!0,unit:["px","em","%"],device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(XQ,null),React.createElement(WQ,{label:SQ("Content Color"),value:h,onChange:function(e){return l({contentColor:e})}}),React.createElement(GQ,{label:SQ("Content Typography"),value:v,onChange:function(e){return l({contentTypography:e})},device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(XQ,null),React.createElement(VQ,{label:SQ("Enable Date/Time"),value:C,onChange:function(e){return l({enableDateTime:e})}}),1==C&&React.createElement(TQ,null,React.createElement(GQ,{label:SQ("Date/Time Typography"),value:S,onChange:function(e){return l({enableDateTimeTypography:e})},device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(WQ,{label:SQ("Date/Time Color"),value:B,onChange:function(e){return l({enableDateTimeColor:e})}}))),React.createElement(NQ,{title:SQ("Image"),initialOpen:!1},React.createElement(VQ,{label:SQ("Enable"),value:T,onChange:function(e){return l({enableImage:e})}}),1==T&&React.createElement(TQ,null,React.createElement(FQ,{label:SQ("Position"),value:_,onChange:function(e){return l({imagePosition:e})},options:[{label:SQ("Before"),value:"before",title:SQ("Before")},{label:SQ("After"),value:"after",title:SQ("After")}]}),React.createElement(KQ,{label:SQ("Radius"),value:O,onChange:function(e){return l({imageBorderRadius:e})},min:0,max:100,unit:["px","em","%"],responsive:!0,device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(HQ,{label:SQ("Spacing"),value:P,onChange:function(e){return l({imageSpacing:e})},min:0,max:100,responsive:!0,unit:["px","em","%"],device:ee,onDeviceChange:function(t){return e.setState({device:t})}}))),React.createElement(NQ,{title:SQ("Connector"),initialOpen:!1},React.createElement(WQ,{label:SQ("Color"),value:j,onChange:function(e){return l({connectorColor:e})}}),React.createElement(HQ,{label:SQ("Size"),value:N,onChange:function(e){return l({connectorSize:e})},min:16,max:64,responsive:!0,unit:["px","em","%"],device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(JQ,{label:SQ("Border"),value:I,onChange:function(e){return l({connectorBorder:e})},responsive:!0,unit:["px","em","%"],device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement($Q,{label:SQ("Box-Shadow"),value:L,onChange:function(e){return l({connectorBoxShadow:e})},disableInset:!0}),React.createElement(KQ,{label:SQ("Radius"),value:z,onChange:function(e){return l({connectorBorderRadius:e})},min:0,max:100,unit:["px","em","%"],responsive:!0,device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(XQ,null),React.createElement(UQ,{label:SQ("Icon"),value:A,onChange:function(e){return l({connectorIcon:e})}}),React.createElement(HQ,{label:SQ("Icon Size"),value:M,onChange:function(e){return l({connectorIconSize:e})},min:16,max:64,responsive:!0,unit:["px","em","%"],device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(WQ,{label:SQ("Icon Color"),value:D,onChange:function(e){return l({connectorIconColor:e})}}),React.createElement(XQ,null),React.createElement(HQ,{label:SQ("Bar Width"),value:Y,onChange:function(e){return l({connectorBarWidth:e})},min:2,max:20,responsive:!0,unit:["px","em","%"],device:ee,onDeviceChange:function(t){return e.setState({device:t})}}),React.createElement(WQ,{label:SQ("Bar Color"),value:U,onChange:function(e){return l({connectorBarColor:e})}}))),React.createElement(cF,{key:"advance"},oF(r,Q,l),lF(r,Z,l)))),React.createElement(MQ,null,React.createElement(IQ,{className:"components-dropdown components-dropdown-menu components-toolbar-group",label:SQ("Timeline Options","qubely")},React.createElement(QQ,RQ({data:[{name:"InlineSpacer",key:"spacer",responsive:!0,unit:["px","em","%"]}]},this.props,{prevState:this.state})))),aF({enablePosition:H,selectPosition:W,positionXaxis:G,positionYaxis:V,globalZindex:F,hideDesktop:X,hideTablet:J,hideMobile:K,globalCss:$,setAttributes:l}),React.createElement("div",{className:"qubely-block-"+r+(c?" "+c:"")},React.createElement("div",{className:"qubely-block-timeline qubely-timeline-layout-vertical qubely-timeline-orientation-"+u,onContextMenu:function(t){return bF(t,e.qubelyContextMenu.current)}},React.createElement("div",{className:"qubely-timeline-items"},this.renderTimeline()),React.createElement("div",{ref:this.qubelyContextMenu,className:"qubely-context-menu-wraper"},React.createElement(uF,{name:n,clientId:a,attributes:o,setAttributes:l,qubelyContextMenu:this.qubelyContextMenu.current})))))}}]),t}(_Q),dF=iF()(pF),fF=Object.assign||function(e){for(var t=1;t4&&void 0!==arguments[4]&&arguments[4];return ke.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return l=JSON.stringify(n.interaction),i={block_css:DW(n.css),interaction:l,post_id:t,is_remain:a,available_blocks:o,isPreviewing:r},e.prev=2,e.next=5,wp.apiFetch({path:AW,method:"POST",data:i});case 5:e.next=10;break;case 7:e.prev=7,e.t0=e.catch(2),console.log("Can't save css:",e.t0);case 10:case"end":return e.stop()}}),e,void 0,[[2,7]])})));return function(t,n,a,o){return e.apply(this,arguments)}}(),DW=function(e){return e=e.replace(new RegExp(";;","g"),";")},YW="",UW={};function QW(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return 1==t&&(YW="",UW={},t=!1),e.map((function(e){var t=e.attributes,n=e.name.split("/");if("qubely"===n[0]&&t.uniqueId&&(YW+=zW(t,n[1],t.uniqueId,!0),void 0!==t.interaction)){var a=t.interaction,o=a.while_scroll_into_view,l=a.mouse_movement;if(void 0!==o&&!0===o.enable){var i=o.action_list;i=i.sort((function(e,t){return e.keyframe-t.keyframe}));var r={blockId:t.uniqueId,enable_mobile:void 0!==o.enable_mobile&&o.enable_mobile,enable_tablet:void 0!==o.enable_tablet&&o.enable_tablet,animation:i},c={x_offset:void 0===o.transform_origin_x?"center":o.transform_origin_x,y_offset:void 0===o.transform_origin_y?"center":o.transform_origin_y};r.origin=c,void 0===UW.while_scroll_view?UW.while_scroll_view=[r]:UW.while_scroll_view.push(r)}if(void 0!==l&&!0===l.enable){var s={blockId:t.uniqueId,enable_mobile:void 0!==o.enable_mobile&&o.enable_mobile,enable_tablet:void 0!==o.enable_tablet&&o.enable_tablet,animation:l};void 0===UW.mouse_movement?UW.mouse_movement=[s]:UW.mouse_movement.push(s)}}e.innerBlocks&&e.innerBlocks.length>0&&QW(e.innerBlocks)})),{css:YW,interaction:UW}}function FW(e){var t=!1;return e.forEach((function(e){var n=e.name,a=e.innerBlocks,o=void 0===a?[]:a,l=n.split("/"),i=jW(l,2),r=i[0];i[1];"qubely"===r&&(t=!0),!t&&o.length>0&&(t=FW(o))})),t}function HW(e){return wp.apiFetch({path:"qubely/v1/qubely_get_content",method:"POST",data:{postId:e}}).then((function(e){return e}))}function WW(e){e.forEach((function(e){var t;-1!=e.name.indexOf("core/block")&&(t=e.attributes.ref,wp.apiFetch({path:"qubely/v1/qubely_get_content",method:"POST",data:{postId:t}}).then((function(e){if(e.success){var t=QW(wp.blocks.parse(e.data),!0);t.css&&wp.apiFetch({path:"qubely/v1/append_qubely_css",method:"POST",data:{css:t.css,post_id:LW("core/editor").getCurrentPostId()}}).then((function(e){e.success}))}}))),e.innerBlocks&&e.innerBlocks.length>0&&WW(e.innerBlocks)}))}function GW(e){var t={available_blocks:[],interaction:!1,animation:!1,parallax:!1};return function e(n){n.length&&n.forEach((function(n){var a=n.name,o=n.attributes,l=n.innerBlocks,i=a.split("/"),r=jW(i,2),c=r[0],s=r[1];if("qubely"===c){if(t.available_blocks.includes(a)||t.available_blocks.push(a),!1===t.interaction&&void 0!==o.interaction){var u=o.interaction,b=u.while_scroll_into_view,p=u.mouse_movement;(void 0!==b&&!0===b.enable||void 0!==p&&!0===p.enable)&&(t.interaction=!0)}!1===t.animation&&void 0!==o.animation&&void 0!==o.animation.animation&&""!==o.animation.animation&&(t.animation=!0),!1===t.parallax&&"qubely/row"===a&&void 0!==o.rowBg&&void 0!==o.rowBg.bgimgParallax&&"animated"===o.rowBg.bgimgParallax&&(t.parallax=!0),l.length>0&&"form"!==s&&e(l)}else l.length>0&&"form"!==s&&e(l)}))}(e),t}var VW=function(){var e=IW(ke.a.mark((function e(){var t,n,a,o,l,i,r,c,s=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return ke.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return window.bindCss=!0,t=LW("core/block-editor").getBlocks(),n=FW(t),a=LW("core/editor"),o=a.getCurrentPostId,l={css:"",interaction:{}},e.next=7,wc("frontend");case 7:i=e.sent,l.css+=i,r=QW(t,!0),l.interaction=r.interaction,l.css+=r.css,s?WW(t):function e(t){var n="";t.forEach((function(t){var a;if(-1!=t.name.indexOf("core/block")&&HW(t.attributes.ref).then((a=IW(ke.a.mark((function e(t){var a;return ke.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.success){e.next=7;break}if(!(a=QW(wp.blocks.parse(t.data),!0)).css){e.next=7;break}return e.next=5,a.css;case 5:n+=e.sent,wp.apiFetch({path:"qubely/v1/append_reusable_css",method:"POST",data:{css:a.css}}).then((function(e){if(e.success){var t=localStorage.getItem("qubelyCSS");if(t){var n=JSON.parse(t);n+=a.css,localStorage.setItem("qubelyCSS",JSON.stringify(n))}}}));case 7:case"end":return e.stop()}}),e,void 0)}))),function(e){return a.apply(this,arguments)})),t.innerBlocks&&t.innerBlocks.length>0)return e(t.innerBlocks)})),localStorage.setItem("qubelyReusabelCSS",JSON.stringify(n))}(t),localStorage.setItem("qubelyCSS",JSON.stringify(l.css)),localStorage.setItem("qubelyInteraction",JSON.stringify(l.interaction)),c=GW(t),MW(o(),l,n,c,!s),window.bindCss=!1;case 18:case"end":return e.stop()}}),e,void 0)})));return function(){return e.apply(this,arguments)}}(),XW=wp.i18n.__;window.qubelyDevice="md",window.bindCss=!1,window.globalData={settings:{colorPreset1:qubely_admin.palette[0],colorPreset2:qubely_admin.palette[1],colorPreset3:qubely_admin.palette[2],colorPreset4:qubely_admin.palette[3],colorPreset5:qubely_admin.palette[4],colorPreset6:qubely_admin.palette[5]}},window.globalSaving=!1;wp.data.subscribe((function(){try{if(!1===window.bindCss){var e=wp.data.select("core/editor").hasNonPostEntityChanges(),t=wp.data.select("core/editor").isSavingPost(),n=wp.data.select("core/editor").isAutosavingPost();if(wp.data.select("core/editor").isPublishingPost()||t&&!n)VW(!0),window.bindCss=!0;else wp.data.select("core/editor").isPreviewingPost()?VW(!1):e&&$(".components-button.editor-post-publish-button.editor-post-publish-button__button.is-primary").click((function(){setTimeout((function(){!1===window.bindCss&&($(".components-button.editor-entities-saved-states__save-button.is-primary").bind("click",(function(){console.log("saving hasNonPostEntityChanges"),VW(!0)})),window.bindCss=!0)}))}))}}catch(e){console.error(e)}}));wp.blocks.updateCategory("qubely",{icon:React.createElement("img",{style:{height:"20px","margin-top":"-2px"},src:qubely_admin.plugin+"assets/img/blocks/block-qubely.svg",alt:XW("Qubely")})})}]); \ No newline at end of file diff --git a/build/qubely/core/blocks/postgrid.php b/build/qubely/core/blocks/postgrid.php index decc4cac..b1d991f2 100644 --- a/build/qubely/core/blocks/postgrid.php +++ b/build/qubely/core/blocks/postgrid.php @@ -1414,9 +1414,9 @@ function qubely_excerpt_max_charlength($limit) } else { $col = ""; } - $class = 'wp-block-qubely-postgrid qubely-block-' . $uniqueId; + $class = 'wp-block-qubely-postgrid qubely-block-' . esc_attr($uniqueId); if (isset($att['align'])) { - $class .= ' align' . $att['align']; + $class .= ' align' . esc_attr($att['align']); } if (isset($att['className'])) { $class .= esc_attr($att['className']); diff --git a/build/qubely/qubely.php b/build/qubely/qubely.php index a1193695..766e0dba 100644 --- a/build/qubely/qubely.php +++ b/build/qubely/qubely.php @@ -3,12 +3,12 @@ * Plugin Name: Qubely - Advanced Gutenberg Blocks * Plugin URI: https://www.themeum.com/ * Description: The one and only Gutenberg block plugin you will ever need. - * Version: 1.8.12 + * Version: 1.8.13 * Author: Themeum * Author URI: https://www.themeum.com/ * Text Domain: qubely * Requires at least: 5.3 - * Tested up to: 6.6.2 + * Tested up to: 6.7 * License: GPL-2.0+ * License URI: http://www.gnu.org/licenses/gpl-2.0.txt */ @@ -24,7 +24,7 @@ function qubely_language_load() } // Define Version -define('QUBELY_VERSION', '1.8.12'); +define('QUBELY_VERSION', '1.8.13'); // Define License define('QUBELY_LICENSE', 'free'); diff --git a/build/qubely/readme.txt b/build/qubely/readme.txt index 9fd14285..889d41d1 100644 --- a/build/qubely/readme.txt +++ b/build/qubely/readme.txt @@ -3,8 +3,8 @@ Contributors: themeum Donate link: https://www.themeum.com Tags: blocks, gutenberg, gutenberg blocks, editor, block, page builder Requires at least: 5.3 -Tested up to: 6.6.2 -Stable tag: 1.8.12 +Tested up to: 6.7 +Stable tag: 1.8.13 Requires PHP: 7.0 License: GPL-2.0+ License URI: http://www.gnu.org/licenses/gpl-2.0.txt @@ -230,6 +230,9 @@ You can report bugs on the [support forum here](https://wordpress.org/support/pl == Changelog == += 1.8.13 = +Update: Security Update(Prevent Cross-Site Scripting) + = 1.8.12 = Update: Added WordPress 6.6 Compatibility diff --git a/core/blocks/postgrid.php b/core/blocks/postgrid.php index decc4cac..b1d991f2 100644 --- a/core/blocks/postgrid.php +++ b/core/blocks/postgrid.php @@ -1414,9 +1414,9 @@ function qubely_excerpt_max_charlength($limit) } else { $col = ""; } - $class = 'wp-block-qubely-postgrid qubely-block-' . $uniqueId; + $class = 'wp-block-qubely-postgrid qubely-block-' . esc_attr($uniqueId); if (isset($att['align'])) { - $class .= ' align' . $att['align']; + $class .= ' align' . esc_attr($att['align']); } if (isset($att['className'])) { $class .= esc_attr($att['className']); diff --git a/qubely.php b/qubely.php index a1193695..766e0dba 100644 --- a/qubely.php +++ b/qubely.php @@ -3,12 +3,12 @@ * Plugin Name: Qubely - Advanced Gutenberg Blocks * Plugin URI: https://www.themeum.com/ * Description: The one and only Gutenberg block plugin you will ever need. - * Version: 1.8.12 + * Version: 1.8.13 * Author: Themeum * Author URI: https://www.themeum.com/ * Text Domain: qubely * Requires at least: 5.3 - * Tested up to: 6.6.2 + * Tested up to: 6.7 * License: GPL-2.0+ * License URI: http://www.gnu.org/licenses/gpl-2.0.txt */ @@ -24,7 +24,7 @@ function qubely_language_load() } // Define Version -define('QUBELY_VERSION', '1.8.12'); +define('QUBELY_VERSION', '1.8.13'); // Define License define('QUBELY_LICENSE', 'free'); diff --git a/readme.txt b/readme.txt index 9fd14285..889d41d1 100644 --- a/readme.txt +++ b/readme.txt @@ -3,8 +3,8 @@ Contributors: themeum Donate link: https://www.themeum.com Tags: blocks, gutenberg, gutenberg blocks, editor, block, page builder Requires at least: 5.3 -Tested up to: 6.6.2 -Stable tag: 1.8.12 +Tested up to: 6.7 +Stable tag: 1.8.13 Requires PHP: 7.0 License: GPL-2.0+ License URI: http://www.gnu.org/licenses/gpl-2.0.txt @@ -230,6 +230,9 @@ You can report bugs on the [support forum here](https://wordpress.org/support/pl == Changelog == += 1.8.13 = +Update: Security Update(Prevent Cross-Site Scripting) + = 1.8.12 = Update: Added WordPress 6.6 Compatibility