blocks.build.js 32.3 KB
!function(e){function t(a){if(l[a])return l[a].exports;var o=l[a]={i:a,l:!1,exports:{}};return e[a].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var l={};t.m=e,t.c=l,t.d=function(e,l,a){t.o(e,l)||Object.defineProperty(e,l,{configurable:!1,enumerable:!0,get:a})},t.n=function(e){var l=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(l,"a",l),l},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0});l(1)},function(e,t,l){"use strict";var a=l(2),o=(l.n(a),l(3)),n=(l.n(o),"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}),__=wp.i18n.__,r=wp.blocks.registerBlockType,d=wp.blockEditor,i=d.InspectorControls,c=d.MediaUpload,m=d.PlainText,s=d.InnerBlocks,b=wp.components,p=b.CheckboxControl,g=b.SelectControl,u=b.ColorPicker,w=b.PanelBody,C=b.ToggleControl,f={title:{type:"string",default:"Modal Title"},showOn:{type:"string",default:"btn"},btnLabel:{type:"string",selector:".bod-btn",source:"text",default:"Show"},btnBackgdColor:{type:"string",default:"rgba(0, 0, 0, 0.1)"},btnColor:{type:"string",default:"#ffffff"},triggerImageSizes:{type:"object",default:""},triggerImageSrc:{type:"string",attribute:"src",selector:".trigger_image",default:""},triggerImageAlt:{type:"string",default:""},imgSize:{type:"string",default:"medium"},imgSizeLabels:{type:"array",default:[]},triggerText:{type:"string",source:"text",selector:".type_text",default:"Click Me"},textSize:{type:"string",default:""},overrideLinkColor:{type:"boolean",default:!1},textColor:{type:"string",default:"#000000"},textAlign:{type:"string",default:"center"},showDelay:{type:"string",default:"0"},showOnce:{type:"string",default:"no"},modalId:{type:"string",default:""},noShowDays:{type:"string",default:""},urlTrig:{type:"string",default:""},triggerSelector:{type:"string",default:"triggerclass"},disableOverlayClose:{type:"boolean",default:!1},disableEscapeClose:{type:"boolean",default:!1},overlayBackgdColor:{type:"string",default:"rgba(0, 0, 0, 0.1)"},modalSize:{type:"string",default:"size-m"},modalBackgdColor:{type:"string",default:"#ffffff"},transitionEffect:{type:"string",default:"fade"},modalPadding:{type:"string"},titleAlign:{type:"string",default:"left"},titleSize:{type:"string",default:""},titleColor:{type:"string",default:"#000000"},titleBackgdColor:{type:"string",default:"#ffffff"},titlePadding:{type:"string"},titleCloseBtn:{type:"boolean",default:!1},titleCloseBtnSize:{type:"string",default:""},showBackgdImage:{type:"boolean",default:!1},bgImageSrc:{type:"string",default:""},modalRadius:{type:"string",default:"10"},showCloseBtn:{type:"string",default:"no"},btnCloseLabel:{type:"string",default:"Close"},btnCloseBackgdColor:{type:"string",default:"rgba(0, 0, 0, 0.1)"},btnCloseColor:{type:"string",default:"#ffffff"},btnCloseAlign:{type:"string",default:"center"}},y=function(e,t){var l={};for(var a in e)!function(a){switch(a){case"fontSize":case"padding":case"borderRadius":if(!isNaN(parseFloat(e[a]))){var o=e[a].split(" "),r="",d=0;o.forEach(function(e){(("padding"===a||"borderRadius"===a)&&d<4||"padding"!==a&&"borderRadius"!==a&&d<1)&&(e.includes("%")?r+=parseInt(e)+"% ":e.includes("rem")?r+=parseFloat(e)+"rem ":e.includes("em")?r+=parseFloat(e)+"em ":r+=parseInt(e)+"px ",d++)}),l[a]=r}break;case"color":case"backgroundColor":if("object"===n(e[a])){var i=e[a].rgb,c=i.r,m=i.g,s=i.b,b=i.a;l[a]="rgba("+c+","+m+","+s+","+b+")"}else l[a]=e[a];break;case"text-align":l[a]=e[a];break;case"background-image":t&&""!=e[a]&&(l[a]='url("'+e[a]+'")',l["background-position"]="center",l["background-size"]="cover",l["background-attachment"]="fixed")}}(a);return l},v={attributes:f,save:function(e){var t=e.attributes;return wp.element.createElement("div",{className:"bod-block-popup align-"+t.textAlign},function(){if("image"===t.showOn)return wp.element.createElement("a",{href:"javascript:void(0)",className:"bod-block-popup-trigger type_image"},wp.element.createElement("img",{className:"trigger_image",src:t.triggerImageSrc,alt:t.triggerImageAlt}));if("text"===t.showOn){var e="";return e=y(t.overrideLinkColor?{fontSize:t.textSize,color:t.textColor}:{fontSize:t.textSize}),wp.element.createElement("a",{href:"javascript:void(0)",style:e,className:"bod-block-popup-trigger type_text"},t.triggerText)}if("load"===t.showOn)return"no"!==t.showOnce?wp.element.createElement("span",{className:"bod-block-popup-trigger type_load","data-delay":t.showDelay,"data-once":t.showOnce,"data-id":t.modalId,"data-days":t.noShowDays}):wp.element.createElement("span",{className:"bod-block-popup-trigger type_load","data-delay":t.showDelay});if("selector"===t.showOn)return wp.element.createElement("span",{className:"bod-block-popup-trigger type_selector","data-selector":t.triggerSelector});var l=y({backgroundColor:t.btnBackgdColor,color:t.btnColor});return wp.element.createElement("span",{style:l,className:"bod-block-popup-trigger type_btn bod-btn"},t.btnLabel)}(),wp.element.createElement("div",{style:y({backgroundColor:t.overlayBackgdColor}),className:"bod-block-popup-overlay"}),wp.element.createElement("div",{role:"dialog","aria-modal":"false","aria-labelledby":"","aria-describedby":"",className:"bod-block-popup-wrap"},wp.element.createElement("div",{style:y({backgroundColor:t.modalBackgdColor,borderRadius:t.modalRadius}),className:"bod-block-popup "+t.modalSize},wp.element.createElement("div",{id:"",style:y({backgroundColor:t.titleBackgdColor,padding:t.titlePadding}),className:"bod-modal-title"},wp.element.createElement("h2",{style:y({color:t.titleColor,fontSize:t.titleSize})},t.title))," ",wp.element.createElement("div",{id:"",style:y({padding:t.modalPadding}),className:"bod-modal-content"},wp.element.createElement(s.Content,null),function(){if("yes"===t.showCloseBtn){var e=y({backgroundColor:t.btnCloseBackgdColor,color:t.btnCloseColor});return wp.element.createElement("div",{className:"bod-block-close-btn align-"+t.btnCloseAlign},wp.element.createElement("button",{type:"button",style:e,className:"type_btn bod-btn"},t.btnCloseLabel))}}())," ")," ",wp.element.createElement("div",{className:"bod-block-popup-closer"})))}},E={attributes:f,save:function(e){var t=e.attributes;return wp.element.createElement("div",{className:"bod-block-popup align-"+t.textAlign},function(){if("image"===t.showOn)return wp.element.createElement("a",{href:"javascript:void(0)",className:"bod-block-popup-trigger type_image"},wp.element.createElement("img",{className:"trigger_image",src:t.triggerImageSrc,alt:t.triggerImageAlt}));if("text"===t.showOn){var e="";return e=y(t.overrideLinkColor?{fontSize:t.textSize,color:t.textColor}:{fontSize:t.textSize}),wp.element.createElement("a",{href:"javascript:void(0)",style:e,className:"bod-block-popup-trigger type_text"},t.triggerText)}if("load"===t.showOn)return"no"!==t.showOnce?wp.element.createElement("span",{className:"bod-block-popup-trigger type_load","data-delay":t.showDelay,"data-once":t.showOnce,"data-id":t.modalId,"data-days":t.noShowDays}):wp.element.createElement("span",{className:"bod-block-popup-trigger type_load","data-delay":t.showDelay});if("selector"===t.showOn)return wp.element.createElement("span",{className:"bod-block-popup-trigger type_selector","data-selector":t.triggerSelector});var l=y({backgroundColor:t.btnBackgdColor,color:t.btnColor});return wp.element.createElement("button",{type:"button",style:l,className:"bod-block-popup-trigger type_btn bod-btn"},t.btnLabel)}(),wp.element.createElement("div",{style:y({backgroundColor:t.overlayBackgdColor}),className:"bod-block-popup-overlay","data-disabled-overlay-close":t.disableOverlayClose?"true":"false"}),wp.element.createElement("div",{role:"dialog","aria-modal":"false","aria-labelledby":"","aria-describedby":"",className:"bod-block-popup-wrap "+t.className},wp.element.createElement("div",{style:y({backgroundColor:t.modalBackgdColor,borderRadius:t.modalRadius}),className:"bod-block-popup "+t.modalSize},wp.element.createElement("div",{id:"",style:y({backgroundColor:t.titleBackgdColor,padding:t.titlePadding}),className:"bod-modal-title"},wp.element.createElement("h2",{style:y({color:t.titleColor,fontSize:t.titleSize})},t.title))," ",wp.element.createElement("div",{id:"",style:y({padding:t.modalPadding}),className:"bod-modal-content"},wp.element.createElement(s.Content,null),function(){if("yes"===t.showCloseBtn){var e=y({backgroundColor:t.btnCloseBackgdColor,color:t.btnCloseColor});return wp.element.createElement("div",{className:"bod-block-close-btn align-"+t.btnCloseAlign},wp.element.createElement("button",{type:"button",style:e,className:"type_btn bod-btn"},t.btnCloseLabel))}}())," ")," ",wp.element.createElement("div",{className:"bod-block-popup-closer"})))}},k={attributes:f,save:function(e){var t=e.attributes;return wp.element.createElement("div",{className:"bod-block-popup align-"+t.textAlign},function(){if("image"===t.showOn)return wp.element.createElement("a",{href:"javascript:void(0)",className:"bod-block-popup-trigger type_image"},wp.element.createElement("img",{className:"trigger_image",src:t.triggerImageSrc,alt:t.triggerImageAlt}));if("text"===t.showOn){var e="";return e=y(t.overrideLinkColor?{fontSize:t.textSize,color:t.textColor}:{fontSize:t.textSize}),wp.element.createElement("a",{href:"javascript:void(0)",style:e,className:"bod-block-popup-trigger type_text"},t.triggerText)}if("load"===t.showOn)return"no"!==t.showOnce?wp.element.createElement("span",{className:"bod-block-popup-trigger type_load","data-delay":t.showDelay,"data-once":t.showOnce,"data-id":t.modalId,"data-days":t.noShowDays}):wp.element.createElement("span",{className:"bod-block-popup-trigger type_load","data-delay":t.showDelay});if("selector"===t.showOn)return wp.element.createElement("span",{className:"bod-block-popup-trigger type_selector","data-selector":t.triggerSelector});var l=y({backgroundColor:t.btnBackgdColor,color:t.btnColor});return wp.element.createElement("button",{type:"button",style:l,className:"bod-block-popup-trigger type_btn bod-btn"},t.btnLabel)}(),wp.element.createElement("div",{style:y({backgroundColor:t.overlayBackgdColor}),className:"bod-block-popup-overlay","data-disabled-overlay-close":t.disableOverlayClose?"true":"false","data-disabled-escape-close":t.disableEscapeClose?"true":"false"}),wp.element.createElement("div",{role:"dialog","aria-modal":"false","aria-labelledby":"","aria-describedby":"",className:"bod-block-popup-wrap "+t.className},wp.element.createElement("div",{style:y({backgroundColor:t.modalBackgdColor,borderRadius:t.modalRadius}),className:"bod-block-popup "+t.modalSize},wp.element.createElement("div",{id:"",style:y({backgroundColor:t.titleBackgdColor,padding:t.titlePadding}),className:"bod-modal-title"},wp.element.createElement("h2",{style:y({color:t.titleColor,fontSize:t.titleSize})},t.title))," ",wp.element.createElement("div",{id:"",style:y({padding:t.modalPadding}),className:"bod-modal-content"},wp.element.createElement(s.Content,null),function(){if("yes"===t.showCloseBtn){var e=y({backgroundColor:t.btnCloseBackgdColor,color:t.btnCloseColor});return wp.element.createElement("div",{className:"bod-block-close-btn align-"+t.btnCloseAlign},wp.element.createElement("button",{type:"button",style:e,className:"type_btn bod-btn"},t.btnCloseLabel))}}())," ")," ",wp.element.createElement("div",{className:"bod-block-popup-closer"})))}},h={attributes:f,save:function(e){var t=e.attributes;return wp.element.createElement("div",{className:"bod-block-popup align-"+t.textAlign},function(){if("image"===t.showOn)return wp.element.createElement("a",{href:"javascript:void(0)",className:"bod-block-popup-trigger type_image"},wp.element.createElement("img",{className:"trigger_image",src:t.triggerImageSrc,alt:t.triggerImageAlt}));if("text"===t.showOn){var e="";return e=y(t.overrideLinkColor?{fontSize:t.textSize,color:t.textColor}:{fontSize:t.textSize}),wp.element.createElement("a",{href:"javascript:void(0)",style:e,className:"bod-block-popup-trigger type_text"},t.triggerText)}if("load"===t.showOn)return"no"!==t.showOnce?wp.element.createElement("span",{className:"bod-block-popup-trigger type_load","data-delay":t.showDelay,"data-once":t.showOnce,"data-id":t.modalId,"data-days":t.noShowDays,"data-urltrig":t.urlTrig&&t.urlTrig}):wp.element.createElement("span",{className:"bod-block-popup-trigger type_load","data-delay":t.showDelay,"data-urltrig":t.urlTrig&&t.urlTrig});if("selector"===t.showOn)return wp.element.createElement("span",{className:"bod-block-popup-trigger type_selector","data-selector":t.triggerSelector});var l=y({backgroundColor:t.btnBackgdColor,color:t.btnColor});return wp.element.createElement("button",{type:"button",style:l,className:"bod-block-popup-trigger type_btn bod-btn"},t.btnLabel)}(),wp.element.createElement("div",{style:y({backgroundColor:t.overlayBackgdColor}),className:"bod-block-popup-overlay","data-disabled-overlay-close":t.disableOverlayClose?"true":"false","data-disabled-escape-close":t.disableEscapeClose?"true":"false"}),wp.element.createElement("div",{role:"dialog","aria-modal":"false","aria-labelledby":"","aria-describedby":"",className:"bod-block-popup-wrap "+t.className},wp.element.createElement("div",{style:y({backgroundColor:t.modalBackgdColor,borderRadius:t.modalRadius}),className:"bod-block-popup "+t.modalSize},wp.element.createElement("div",{id:"",style:y({backgroundColor:t.titleBackgdColor,padding:t.titlePadding,"text-align":t.titleAlign}),className:"bod-modal-title"},function(){if(t.titleCloseBtn)return t.titleCloseBtnSize?wp.element.createElement("button",{type:"button",style:y({fontSize:t.titleCloseBtnSize}),class:"bod-block-title-closer","aria-label":"Close"},wp.element.createElement("span",{"aria-hidden":"true"},"\xd7")):wp.element.createElement("button",{type:"button",class:"bod-block-title-closer","aria-label":"Close"},wp.element.createElement("span",{"aria-hidden":"true"},"\xd7"))}(),wp.element.createElement("h2",{style:y({color:t.titleColor,fontSize:t.titleSize})},t.title))," ",wp.element.createElement("div",{id:"",style:y({padding:t.modalPadding,"background-image":t.bgImageSrc},t.showBackgdImage),className:"bod-modal-content"},wp.element.createElement(s.Content,null),function(){if("yes"===t.showCloseBtn){var e=y({backgroundColor:t.btnCloseBackgdColor,color:t.btnCloseColor});return wp.element.createElement("div",{className:"bod-block-close-btn align-"+t.btnCloseAlign},wp.element.createElement("button",{type:"button",style:e,className:"type_btn bod-btn"},t.btnCloseLabel))}}())," ")," ",function(){if(!t.titleCloseBtn)return wp.element.createElement("div",{className:"bod-block-popup-closer"})}()))}};r("bod/modal-block",{title:__("Modal Block","bod-modal"),icon:wp.element.createElement("svg",{role:"img",viewBox:"0 0 114.31 122.88",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{class:"custom-icon-modalblock",d:"M69.88,71.65h35.78a8.68,8.68,0,0,1,8.65,8.66v33.92a8.67,8.67,0,0,1-8.65,8.65H69.88a8.67,8.67,0,0,1-8.65-8.65V80.31a8.68,8.68,0,0,1,8.65-8.66ZM26.26,78.12a3.35,3.35,0,0,1-3.17-3.46,3.29,3.29,0,0,1,3.17-3.45H42.9a3.34,3.34,0,0,1,3.17,3.45,3.29,3.29,0,0,1-3.17,3.46Zm75.19-18.46h-7V8.1a1.17,1.17,0,0,0-.33-.82A1.2,1.2,0,0,0,93.34,7H8.06a1.15,1.15,0,0,0-.82.33,1.13,1.13,0,0,0-.33.82v96.35a1.13,1.13,0,0,0,1.15,1.16H45.17v7H8.1A8.16,8.16,0,0,1,0,104.45V8.1A7.93,7.93,0,0,1,2.39,2.39,8,8,0,0,1,8.1,0H93.39A7.92,7.92,0,0,1,99.1,2.39a8,8,0,0,1,2.39,5.71c0,39.79,0-9.25,0,51.56ZM26.22,33.12a3.36,3.36,0,0,1-3.17-3.46,3.3,3.3,0,0,1,3.17-3.46H75.14a3.35,3.35,0,0,1,3.17,3.46,3.3,3.3,0,0,1-3.17,3.46Zm0,22.5a3.36,3.36,0,0,1-3.17-3.46,3.29,3.29,0,0,1,3.17-3.45H75.14a3.34,3.34,0,0,1,3.17,3.45,3.29,3.29,0,0,1-3.17,3.46ZM75.65,99.16a2.41,2.41,0,0,1-2.08-1c-1.1-1.64.4-3.26,1.43-4.41,3-3.23,9.61-9.08,11.07-10.79a2.4,2.4,0,0,1,3.76,0c1.51,1.76,8.53,8,11.33,11.1,1,1.1,2.18,2.59,1.16,4.1a2.42,2.42,0,0,1-2.08,1H95v9.4a3,3,0,0,1-2.95,3H83.82a3,3,0,0,1-2.95-3v-9.4Z"})),category:"widgets",keywords:[__("modal","bod-modal"),__("popup","bod-modal"),__("window","bod-modal")],attributes:f,edit:function(e){function t(){return!!wp.data.select("core/block-editor").hasSelectedInnerBlock(v,!0)}function l(e,t){return Array.isArray(e)?e.includes(r[t])?"":"hide":r[t]!==e?"hide":""}function a(e){b({triggerImageSizes:e.sizes}),b(void 0!==e.sizes.medium?{imgSize:"medium",triggerImageSrc:e.sizes.medium.url}:{imgSize:"full",triggerImageSrc:e.sizes.full.url}),b({triggerImageAlt:e.alt});var t=Object.keys(e.sizes),l=[];t.forEach(function(e,t){l.push({label:e,value:e})}),b({imgSizeLabels:l})}function o(e){b({imgSize:e,triggerImageSrc:r.triggerImageSizes[e].url})}function n(e){b({bgImageSrc:e.sizes.full.url})}var r=e.attributes,d=e.className,b=e.setAttributes,f=e.isSelected,v=e.clientId;return wp.element.createElement("div",null,wp.element.createElement("div",{className:"bod-block-popup align-"+r.textAlign+" "+d},function(){if("image"===r.showOn)return wp.element.createElement("a",{href:"javascript:void(0)",className:"bod-block-popup-trigger type_image"},wp.element.createElement("img",{className:"trigger_image",src:r.triggerImageSrc,alt:r.triggerImageAlt}));if("text"===r.showOn){var e="";return e=y(r.overrideLinkColor?{fontSize:r.textSize,color:r.textColor}:{fontSize:r.textSize}),wp.element.createElement("a",{href:"javascript:void(0)",style:e,className:"bod-block-popup-trigger type_text"},r.triggerText)}if("load"===r.showOn)return wp.element.createElement("span",{className:"bod-block-popup-trigger type_load","data-delay":r.showDelay},__("Modal on screen load","bod-modal"));if("selector"===r.showOn)return wp.element.createElement("span",{className:"bod-block-popup-trigger type_selector","data-selector":r.triggerSelector},__("Modal on class selector","bod-modal"));var t=y({backgroundColor:r.btnBackgdColor,color:r.btnColor});return wp.element.createElement("button",{type:"button",style:t,className:"bod-block-popup-trigger type_btn bod-btn"},r.btnLabel)}(),wp.element.createElement("div",{style:y({backgroundColor:r.overlayBackgdColor}),className:"bod-block-popup-overlay"}),wp.element.createElement("div",{role:"dialog","aria-modal":"false","aria-labelledby":"","aria-describedby":"",style:y({backgroundColor:r.modalBackgdColor,borderRadius:r.modalRadius}),className:"bod-block-popup-wrap "+r.modalSize},wp.element.createElement("div",{id:"",style:y({backgroundColor:r.titleBackgdColor,padding:r.titlePadding,"text-align":r.titleAlign}),className:"bod-modal-title"},wp.element.createElement("h2",{style:y({color:r.titleColor,fontSize:r.titleSize})},r.title))," ",wp.element.createElement("div",{id:"",style:y({padding:r.modalPadding}),className:"bod-modal-content"})," ",wp.element.createElement("div",{className:"bod-block-popup-closer"}))," "),wp.element.createElement("div",{className:"bod-form"},function(e){return e||t()?wp.element.createElement("div",null,wp.element.createElement(m,{onChange:function(e){return b({title:e})},value:r.title,placeholder:__("Modal Title Text","bod-modal")}),wp.element.createElement("label",null,__("Modal Content:","bod-modal")),wp.element.createElement("div",{className:"bod-form-innerblock"},wp.element.createElement(s,null))):null}(f),wp.element.createElement(i,null,wp.element.createElement(w,{title:__("Trigger","bod-modal"),initialOpen:!1,className:"bod-form"},wp.element.createElement(g,{label:__("Show On","bod-modal"),value:r.showOn,options:[{label:__("Button Click","bod-modal"),value:"btn"},{label:__("Text Click","bod-modal"),value:"text"},{label:__("Image Click","bod-modal"),value:"image"},{label:__("Custom Element Click","bod-modal"),value:"selector"},{label:__("Page Load","bod-modal"),value:"load"}],onChange:function(e){return b({showOn:e})}}),wp.element.createElement("div",{className:l("btn","showOn")},wp.element.createElement("label",null,__("Button Label:","bod-modal")),wp.element.createElement(m,{onChange:function(e){return b({btnLabel:e})},value:r.btnLabel,placeholder:__("Text to appear on button","bod-modal")}),wp.element.createElement("label",null,__("Button Background Color:","bod-modal")),wp.element.createElement(u,{color:r.btnBackgdColor,onChangeComplete:function(e){return b({btnBackgdColor:"rgba("+e.rgb.r+","+e.rgb.g+","+e.rgb.b+","+e.rgb.a+")"})}}),wp.element.createElement("label",null,__("Button Color:","bod-modal")),wp.element.createElement(u,{color:r.btnColor,onChangeComplete:function(e){return b({btnColor:"rgba("+e.rgb.r+","+e.rgb.g+","+e.rgb.b+","+e.rgb.a+")"})}}))," ",wp.element.createElement("div",{className:l("image","showOn")},wp.element.createElement("label",null,__("Image: ","bod-modal")),wp.element.createElement(c,{onSelect:a,type:"image",value:r.triggerImageSrc,render:function(e){var t=e.open;return wp.element.createElement("a",{onClick:t,className:"bod-trigger-image-container"},wp.element.createElement("img",{src:r.triggerImageSrc}))}}),wp.element.createElement(g,{label:__("Image Size:","bod-modal"),value:r.imgSize,options:r.imgSizeLabels,onChange:o}))," ",wp.element.createElement("div",{className:l("text","showOn")},wp.element.createElement("label",null,__("Text:","bod-modal")),wp.element.createElement(m,{onChange:function(e){return b({triggerText:e})},value:r.triggerText,placeholder:__("Trigger text","bod-modal")}),wp.element.createElement("label",null,__("Text Size:","bod-modal")),wp.element.createElement(m,{onChange:function(e){return b({textSize:e})},value:r.textSize,placeholder:__("Trigger link text size","bod-modal")}),wp.element.createElement(p,{label:__("Override Theme Text Color:","bod-modal"),checked:r.overrideLinkColor,onChange:function(e){return b({overrideLinkColor:e})}}),wp.element.createElement("div",{className:l(!0,"overrideLinkColor")},wp.element.createElement("label",null,__("Text Color:","bod-modal")),wp.element.createElement(u,{color:r.textColor,onChangeComplete:function(e){return b({textColor:"rgba("+e.rgb.r+","+e.rgb.g+","+e.rgb.b+","+e.rgb.a+")"})}}))),wp.element.createElement("div",{className:l(["text","image","btn"],"showOn")},wp.element.createElement(g,{label:__("Button / Text / Image Align","bod-modal"),value:r.textAlign,options:[{label:__("Left","bod-modal"),value:"left"},{label:__("Center","bod-modal"),value:"center"},{label:__("Right","bod-modal"),value:"right"}],onChange:function(e){return b({textAlign:e})}})),wp.element.createElement("div",{className:l("load","showOn")},wp.element.createElement("label",null,__("Delay Before Showing Modal:","bod-modal")),wp.element.createElement(m,{onChange:function(e){return b({showDelay:e})},value:r.showDelay,placeholder:__("Delay before showing modal popup","bod-modal")}),wp.element.createElement(g,{label:__("Show Once","bod-modal"),value:r.showOnce,options:[{label:__("No","bod-modal"),value:"no"},{label:__("Yes","bod-modal"),value:"yes"}],onChange:function(e){return b({showOnce:e})}}),wp.element.createElement("label",null,__("Show Once Every X Days")),wp.element.createElement(m,{onChange:function(e){return b({noShowDays:e})},value:r.noShowDays,placeholder:__("Number of Days","bod-modal")}),wp.element.createElement("label",null,__("Modal Identifier")),wp.element.createElement(m,{onChange:function(e){return b({modalId:e})},value:r.modalId,placeholder:__("Modal Id","bod-modal")}),wp.element.createElement("label",null,__("URL Content Trigger")),wp.element.createElement(m,{onChange:function(e){return b({urlTrig:e})},value:r.urlTrig,placeholder:__("URL Content","bod-modal")})),wp.element.createElement("div",{className:l("selector","showOn")},wp.element.createElement("label",null,__("Trigger Class Selector:","bod-modal")),wp.element.createElement(m,{onChange:function(e){return b({triggerSelector:e})},value:r.triggerSelector,placeholder:__("Trigger Class Selector","bod-modal")}))),wp.element.createElement(w,{title:__("Modal","bod-modal"),initialOpen:!1,className:"bod-form"},wp.element.createElement(g,{label:__("Modal Transition","bod-modal"),value:r.transitionEffect,options:[{label:__("Fade","bod-modal"),value:"fade"},{label:__("From Left","bod-modal"),value:"left"},{label:__("From Right","bod-modal"),value:"right"},{label:__("From Bottom","bod-modal"),value:"bottom"},{label:__("From Top","bod-modal"),value:"top"}],onChange:function(e){return b({transitionEffect:e})}}),wp.element.createElement("label",null,__("Overlay Background Color:","bod-modal")),wp.element.createElement(u,{color:r.overlayBackgdColor,onChangeComplete:function(e){return b({overlayBackgdColor:"rgba("+e.rgb.r+","+e.rgb.g+","+e.rgb.b+","+e.rgb.a+")"})}}),wp.element.createElement(g,{label:__("Modal Size - Width","bod-modal"),value:r.modalSize,options:[{label:__("Small 400px","bod-modal"),value:"size-s"},{label:__("Medium 600px","bod-modal"),value:"size-m"},{label:__("Large 800px","bod-modal"),value:"size-l"},{label:__("XL 1000px","bod-modal"),value:"size-xl"},{label:__("Fullscreen","bod-modal"),value:"size-f"}],onChange:function(e){return b({modalSize:e})}}),wp.element.createElement("label",null,__("Modal Border Radius:","bod-modal")),wp.element.createElement(m,{onChange:function(e){return b({modalRadius:e})},value:r.modalRadius,placeholder:__("Modal radius for border","bod-modal")}),wp.element.createElement(C,{label:__("Disable Close on Overlay Click","bod-modal"),checked:r.disableOverlayClose,onChange:function(){return b({disableOverlayClose:!r.disableOverlayClose})}}),wp.element.createElement(C,{label:__("Disable Close on Escape Btn","bod-modal"),checked:r.disableEscapeClose,onChange:function(){return b({disableEscapeClose:!r.disableEscapeClose})}})),wp.element.createElement(w,{title:__("Title","bod-modal"),initialOpen:!1,className:"bod-form"},wp.element.createElement("label",null,__("Title Text Size:","bod-modal")),wp.element.createElement(m,{onChange:function(e){return b({titleSize:e})},value:r.titleSize,placeholder:__("Modal Title Text Size px, em, rem, %","bod-modal")}),wp.element.createElement(g,{label:__("Title Align","bod-modal"),value:r.titleAlign,options:[{label:__("Left","bod-modal"),value:"left"},{label:__("Center","bod-modal"),value:"center"},{label:__("Right","bod-modal"),value:"right"}],onChange:function(e){return b({titleAlign:e})}}),wp.element.createElement("label",null,__("Modal Title Color:","bod-modal")),wp.element.createElement(u,{color:r.titleColor,onChangeComplete:function(e){return b({titleColor:"rgba("+e.rgb.r+","+e.rgb.g+","+e.rgb.b+","+e.rgb.a+")"})}}),wp.element.createElement("label",null,__("Modal Title Background Color:","bod-modal")),wp.element.createElement(u,{color:r.titleBackgdColor,onChangeComplete:function(e){return b({titleBackgdColor:"rgba("+e.rgb.r+","+e.rgb.g+","+e.rgb.b+","+e.rgb.a+")"})}}),wp.element.createElement("label",null,__("Title Padding:","bod-modal")),wp.element.createElement(m,{onChange:function(e){return b({titlePadding:e})},value:r.titlePadding,placeholder:__("Title padding px, em, rem, %","bod-modal")}),wp.element.createElement(p,{label:__("Show Close X in Title:","bod-modal"),checked:r.titleCloseBtn,onChange:function(e){return b({titleCloseBtn:e})}}),wp.element.createElement("label",null,__("Close X Size:","bod-modal")),wp.element.createElement(m,{onChange:function(e){return b({titleCloseBtnSize:e})},value:r.titleCloseBtnSize,placeholder:__("Size in px, em, rem, %","bod-modal")})),wp.element.createElement(w,{title:__("Content","bod-modal"),initialOpen:!1,className:"bod-form"},wp.element.createElement("label",null,__("Modal Background Color:","bod-modal")),wp.element.createElement(u,{color:r.modalBackgdColor,onChangeComplete:function(e){return b({modalBackgdColor:"rgba("+e.rgb.r+","+e.rgb.g+","+e.rgb.b+","+e.rgb.a+")"})}}),wp.element.createElement(p,{label:__("Background Image:","bod-modal"),checked:r.showBackgdImage,onChange:function(e){return b({showBackgdImage:e})}}),wp.element.createElement("div",{className:l(!0,"showBackgdImage")},wp.element.createElement("label",null,__("Background Image: ","bod-modal")),wp.element.createElement(c,{onSelect:n,type:"image",value:r.bgImageSrc,render:function(e){var t=e.open;return wp.element.createElement("a",{onClick:t,className:"bod-trigger-image-container"},wp.element.createElement("img",{src:r.bgImageSrc}))}})),wp.element.createElement("label",null,__("Modal Padding:","bod-modal")),wp.element.createElement(m,{onChange:function(e){return b({modalPadding:e})},value:r.modalPadding,placeholder:__("Modal padding px, em, rem, %","bod-modal")}),wp.element.createElement(g,{label:__("Show Close Btn","bod-modal"),value:r.showCloseBtn,options:[{label:__("No","bod-modal"),value:"no"},{label:__("Yes","bod-modal"),value:"yes"}],onChange:function(e){return b({showCloseBtn:e})}}),wp.element.createElement("div",{className:l("yes","showCloseBtn")},wp.element.createElement("label",null,__("Close Btn Label:","bod-modal")),wp.element.createElement(m,{onChange:function(e){return b({btnCloseLabel:e})},value:r.btnCloseLabel,placeholder:__("Text to appear on close button","bod-modal")}),wp.element.createElement("label",null,__("Close Button Bg Color:","bod-modal")),wp.element.createElement(u,{color:r.btnCloseBackgdColor,onChangeComplete:function(e){return b({btnCloseBackgdColor:"rgba("+e.rgb.r+","+e.rgb.g+","+e.rgb.b+","+e.rgb.a+")"})}}),wp.element.createElement("label",null,__("Close Button Text Color:","bod-modal")),wp.element.createElement(u,{color:r.btnCloseColor,onChangeComplete:function(e){return b({btnCloseColor:"rgba("+e.rgb.r+","+e.rgb.g+","+e.rgb.b+","+e.rgb.a+")"})}}),wp.element.createElement(g,{label:__("Close Button Align","bod-modal"),value:r.btnCloseAlign,options:[{label:__("Left","bod-modal"),value:"left"},{label:__("Center","bod-modal"),value:"center"},{label:__("Right","bod-modal"),value:"right"}],onChange:function(e){return b({btnCloseAlign:e})}}))," ")))," ")},save:function(e){var t=e.attributes;return wp.element.createElement("div",{className:"bod-block-popup align-"+t.textAlign},function(){if("image"===t.showOn)return wp.element.createElement("a",{href:"javascript:void(0)",className:"bod-block-popup-trigger type_image"},wp.element.createElement("img",{className:"trigger_image",src:t.triggerImageSrc,alt:t.triggerImageAlt}));if("text"===t.showOn){var e="";return e=y(t.overrideLinkColor?{fontSize:t.textSize,color:t.textColor}:{fontSize:t.textSize}),wp.element.createElement("a",{href:"javascript:void(0)",style:e,className:"bod-block-popup-trigger type_text"},t.triggerText)}if("load"===t.showOn)return"no"!==t.showOnce?wp.element.createElement("span",{className:"bod-block-popup-trigger type_load","data-delay":t.showDelay,"data-once":t.showOnce,"data-id":t.modalId,"data-days":t.noShowDays,"data-urltrig":t.urlTrig&&t.urlTrig}):wp.element.createElement("span",{className:"bod-block-popup-trigger type_load","data-delay":t.showDelay,"data-urltrig":t.urlTrig&&t.urlTrig});if("selector"===t.showOn)return wp.element.createElement("span",{className:"bod-block-popup-trigger type_selector","data-selector":t.triggerSelector});var l=y({backgroundColor:t.btnBackgdColor,color:t.btnColor});return wp.element.createElement("button",{type:"button",style:l,className:"bod-block-popup-trigger type_btn bod-btn"},t.btnLabel)}(),wp.element.createElement("div",{style:y({backgroundColor:t.overlayBackgdColor}),className:"bod-block-popup-overlay","data-disabled-overlay-close":t.disableOverlayClose?"true":"false","data-disabled-escape-close":t.disableEscapeClose?"true":"false"}),wp.element.createElement("div",{role:"dialog","aria-modal":"false","aria-labelledby":"","aria-describedby":"",className:"bod-block-popup-wrap "+t.className},wp.element.createElement("div",{style:y({backgroundColor:t.modalBackgdColor,borderRadius:t.modalRadius}),className:"bod-block-popup "+t.modalSize,"data-transition":t.transitionEffect},wp.element.createElement("div",{id:"",style:y({backgroundColor:t.titleBackgdColor,padding:t.titlePadding,"text-align":t.titleAlign}),className:"bod-modal-title"},function(){if(t.titleCloseBtn)return t.titleCloseBtnSize?wp.element.createElement("button",{type:"button",style:y({fontSize:t.titleCloseBtnSize}),class:"bod-block-title-closer","aria-label":"Close"},wp.element.createElement("span",{"aria-hidden":"true"},"\xd7")):wp.element.createElement("button",{type:"button",class:"bod-block-title-closer","aria-label":"Close"},wp.element.createElement("span",{"aria-hidden":"true"},"\xd7"))}(),t.title?wp.element.createElement("h2",{style:y({color:t.titleColor,fontSize:t.titleSize})},t.title):null)," ",wp.element.createElement("div",{id:"",style:y({padding:t.modalPadding,"background-image":t.bgImageSrc},t.showBackgdImage),className:"bod-modal-content"},wp.element.createElement(s.Content,null),function(){if("yes"===t.showCloseBtn){var e=y({backgroundColor:t.btnCloseBackgdColor,color:t.btnCloseColor});return wp.element.createElement("div",{className:"bod-block-close-btn align-"+t.btnCloseAlign},wp.element.createElement("button",{type:"button",style:e,className:"type_btn bod-btn"},t.btnCloseLabel))}}())," ")," ",function(){if(!t.titleCloseBtn)return wp.element.createElement("div",{className:"bod-block-popup-closer"})}()))},deprecated:[h,k,E,v]})},function(e,t){},function(e,t){}]);