1#@!#!123s

: / proc / self / cwd / wp-content / plugins / pixwell-core / lib / pixwell-elements / build / download /
Filename : index.js
back
(()=>{"use strict";const e=window.wp.blocks,l=JSON.parse('{"u2":"pixwell-elements/download"}'),t=window.wp.element,a=window.wp.i18n,n=window.wp.components,o=window.wp.blockEditor;(0,e.registerBlockType)(l.u2,{edit:function(e){const{attributes:l,setAttributes:r,clientId:i}=e,{blockId:c,heading:d,headingHTMLTag:s,tocAdded:m,headingColor:b,darkHeadingColor:p,desktopHeadingSize:u,tabletHeadingSize:g,mobileHeadingSize:_,description:h,descriptionColor:E,darkDescriptionColor:C,desktopDescriptionSize:v,tabletDescriptionSize:k,mobileDescriptionSize:x,image:D,imageAlt:S,desktopImageSize:w,tabletImageSize:B,mobileImageSize:T,file:z,checkBoxText:y,buttonLabel:$,shadow:N,borderStyle:P,borderColor:f,darkBorderColor:I,borderWidth:H,borderRadius:M,background:F,darkBackground:A,desktopPadding:O,tabletPadding:R,mobilePadding:W}=l,U=(e,l)=>{r({[e]:l})},L=[{label:(0,a.__)("H2"),value:"h2"},{label:(0,a.__)("H3"),value:"h3"},{label:(0,a.__)("H4"),value:"h4"},{label:(0,a.__)("H5"),value:"h5"},{label:(0,a.__)("H6"),value:"h6"},{label:(0,a.__)("p"),value:"p"},{label:(0,a.__)("Div"),value:"div"}];let V="gb-wrap gb-download";N&&(V+=" yes-shadow");const q=(0,o.useBlockProps)({className:V,style:{...b&&{"--heading-color":b},...p&&{"--dark-heading-color":p},...u&&{"--desktop-heading-size":`${u}px`},...g&&{"--tablet-heading-size":`${g}px`},..._&&{"--mobile-heading-size":`${_}px`},...E&&{"--description-color":E},...C&&{"--dark-description-color":C},...v&&{"--desktop-description-size":`${v}px`},...k&&{"--tablet-description-size":`${k}px`},...x&&{"--mobile-description-size":`${x}px`},...w&&{"--desktop-image-size":`${w}px`},...B&&{"--tablet-image-size":`${B}px`},...T&&{"--mobile-image-size":`${T}px`},...P&&{"--border-style":P},...M&&{"--border-radius":`${M}px`},...H&&{"--border-width":`${H.top||0} ${H.right||0} ${H.bottom||0} ${H.left||0}`},...f&&{"--border-color":f},...I&&{"--dark-border-color":I},...F&&{"--bg":F},...A&&{"--dark-bg":A},...O&&{"--desktop-padding":`${O.top||0} ${O.right||0} ${O.bottom||0} ${O.left||0}`},...R&&{"--tablet-padding":`${R.top||0} ${R.right||0} ${R.bottom||0} ${R.left||0}`},...W&&{"--mobile-padding":`${W.top||0} ${W.right||0} ${W.bottom||0} ${W.left||0}`}}}),J=[{label:(0,a.__)("None"),value:"none"},{label:(0,a.__)("Solid"),value:"solid"},{label:(0,a.__)("Dashed"),value:"dashed"},{label:(0,a.__)("Dotted"),value:"dotted"},{label:(0,a.__)("Double"),value:"double"}];return(0,t.createElement)("div",q,(0,t.createElement)(o.InspectorControls,null,(0,t.createElement)(n.PanelBody,{title:(0,a.__)("Details"),initialOpen:!0},(0,t.createElement)(n.BaseControl,null,(0,t.createElement)(n.Notice,{status:"warning",isDismissible:!1},(0,a.__)("This block requires MC4WP to be installed and properly set up in order to work."))),(0,t.createElement)(n.BaseControl,null,(0,t.createElement)(n.Tip,null," ",(0,a.__)('Please navigate to "Dashboard > MC4WP > Integrations > Pixwell Subscribe" to select a mailchimp list.')," ")),(0,t.createElement)(n.SelectControl,{label:(0,a.__)("Heading Tag"),value:s,options:L,onChange:e=>U("headingHTMLTag",e)}),(0,t.createElement)(n.ToggleControl,{label:(0,a.__)("Table of Content Included"),checked:m,onChange:e=>U("tocAdded",e)}),(0,t.createElement)(n.BaseControl,{label:(0,a.__)("Upload Image")},(0,t.createElement)(o.MediaUploadCheck,null,(0,t.createElement)(o.MediaUpload,{onSelect:e=>function(e,l){r({[e]:l.url}),r({[e+"Alt"]:l.alt})}("image",e),allowedTypes:["image"],value:D,render:({open:e})=>(0,t.createElement)("div",null,!D&&(0,t.createElement)(n.Button,{className:"button button-large",onClick:e},(0,a.__)("Add Image")),D&&(0,t.createElement)("div",null,(0,t.createElement)("img",{src:D,alt:"image"}),(0,t.createElement)(n.Button,{className:"button button-large",onClick:()=>(r({["image"]:""}),void r({imageAlt:""}))},(0,a.__)("Remove Image"))))}))),(0,t.createElement)(n.TextControl,{value:$,label:(0,a.__)("Button Label"),onChange:e=>U("buttonLabel",e)}),(0,t.createElement)(n.BaseControl,null,(0,t.createElement)(n.Tip,null,(0,a.__)("If you enable 'Double opt-in?' in the MC4WP Pixwell Download Integration, the checkbox will appear below the submit form."))),(0,t.createElement)(n.TextareaControl,{label:(0,a.__)("Checkbox Text"),value:y,onChange:e=>U("checkBoxText",e)})),(0,t.createElement)(n.PanelBody,{title:(0,a.__)("Download File"),initialOpen:!1},(0,t.createElement)(n.BaseControl,{label:(0,a.__)("Select or Upload File")},(0,t.createElement)(o.MediaUploadCheck,null,(0,t.createElement)(o.MediaUpload,{onSelect:e=>function(e){r({file:e.url}),r({blockId:i})}(e),value:z,render:({open:e})=>(0,t.createElement)("div",null,!z&&(0,t.createElement)(n.Button,{className:"button button-large",onClick:e},(0,a.__)("Add File")),z&&(0,t.createElement)("div",null,(0,t.createElement)(n.Dashicon,{icon:"media-archive rb-file-upload-icon"}),(0,t.createElement)("span",{className:"rb-file-upload-url"},z),(0,t.createElement)(n.Button,{className:"button button-large",onClick:()=>{r({file:""})}},(0,a.__)("Remove File"))))}))))),(0,t.createElement)(o.InspectorControls,{group:"styles"},(0,t.createElement)(n.PanelBody,{title:(0,a.__)("Heading"),initialOpen:!1},(0,t.createElement)("label",{className:"rb-control-label"},(0,a.__)("Font Size")),(0,t.createElement)("div",{className:"responsive-settings"},(0,t.createElement)("div",null,(0,t.createElement)("label",null,(0,t.createElement)(n.Dashicon,{icon:"desktop"}),(0,a.__)("Desktop")),(0,t.createElement)(n.TextControl,{type:"number",value:u,onChange:e=>U("desktopHeadingSize",e)})),(0,t.createElement)("div",null,(0,t.createElement)("label",null,(0,t.createElement)(n.Dashicon,{icon:"tablet"}),(0,a.__)("Tablet")),(0,t.createElement)(n.TextControl,{type:"number",value:g,onChange:e=>U("tabletHeadingSize",e)})),(0,t.createElement)("div",null,(0,t.createElement)("label",null,(0,t.createElement)(n.Dashicon,{icon:"smartphone"}),(0,a.__)("Mobile")),(0,t.createElement)(n.TextControl,{type:"number",value:_,onChange:e=>U("mobileHeadingSize",e)}))),(0,t.createElement)(o.PanelColorSettings,{title:(0,a.__)("Color"),colorSettings:[{value:b,onChange:e=>U("headingColor",e),label:(0,a.__)("Color")},{value:p,onChange:e=>U("darkHeadingColor",e),label:(0,a.__)("Dark Mode - Color")}],enableAlpha:!0})),(0,t.createElement)(n.PanelBody,{title:(0,a.__)("Description"),initialOpen:!1},(0,t.createElement)("label",{className:"rb-control-label"},(0,a.__)("Font Size")),(0,t.createElement)("div",{className:"responsive-settings"},(0,t.createElement)("div",null,(0,t.createElement)("label",null,(0,t.createElement)(n.Dashicon,{icon:"desktop"}),(0,a.__)("Desktop")),(0,t.createElement)(n.TextControl,{type:"number",value:v,onChange:e=>U("desktopDescriptionSize",e)})),(0,t.createElement)("div",null,(0,t.createElement)("label",null,(0,t.createElement)(n.Dashicon,{icon:"tablet"}),(0,a.__)("Tablet")),(0,t.createElement)(n.TextControl,{type:"number",value:k,onChange:e=>U("tabletDescriptionSize",e)})),(0,t.createElement)("div",null,(0,t.createElement)("label",null,(0,t.createElement)(n.Dashicon,{icon:"smartphone"}),(0,a.__)("Mobile")),(0,t.createElement)(n.TextControl,{type:"number",value:x,onChange:e=>U("mobileDescriptionSize",e)}))),(0,t.createElement)(o.PanelColorSettings,{title:(0,a.__)("Color"),colorSettings:[{value:E,onChange:e=>U("descriptionColor",e),label:(0,a.__)("Color")},{value:C,onChange:e=>U("darkDescriptionColor",e),label:(0,a.__)("Dark Mode - Color")}],enableAlpha:!0})),(0,t.createElement)(n.PanelBody,{title:(0,a.__)("Image"),initialOpen:!1},(0,t.createElement)("label",{className:"rb-control-label"},(0,a.__)("Image Width")),(0,t.createElement)("div",{className:"responsive-settings"},(0,t.createElement)("div",null,(0,t.createElement)("label",null,(0,t.createElement)(n.Dashicon,{icon:"desktop"}),(0,a.__)("Desktop")),(0,t.createElement)(n.TextControl,{type:"number",placeholder:"150",value:w,onChange:e=>U("desktopImageSize",e)})),(0,t.createElement)("div",null,(0,t.createElement)("label",null,(0,t.createElement)(n.Dashicon,{icon:"tablet"}),(0,a.__)("Tablet")),(0,t.createElement)(n.TextControl,{type:"number",placeholder:"100",value:B,onChange:e=>U("tabletImageSize",e)})),(0,t.createElement)("div",null,(0,t.createElement)("label",null,(0,t.createElement)(n.Dashicon,{icon:"smartphone"}),(0,a.__)("Mobile")),(0,t.createElement)(n.TextControl,{type:"number",placeholder:"100",value:T,onChange:e=>U("mobileImageSize",e)})))),(0,t.createElement)(n.PanelBody,{title:(0,a.__)("Border & Shadow"),initialOpen:!1},(0,t.createElement)(n.SelectControl,{label:(0,a.__)("Border Style"),value:P,options:J,onChange:e=>U("borderStyle",e),help:(0,a.__)("Please select the border color to see the border if you enable it.")}),P&&"none"!==P&&(0,t.createElement)(t.Fragment,null,(0,t.createElement)(n.__experimentalBoxControl,{resetValues:{top:null,right:null,bottom:null,left:null},label:(0,a.__)("Border Width"),values:H,onChange:e=>U("borderWidth",e)}),(0,t.createElement)(o.PanelColorSettings,{title:(0,a.__)("Border Color"),colorSettings:[{value:f,onChange:e=>U("borderColor",e),label:(0,a.__)("Color")},{value:I,onChange:e=>U("darkBorderColor",e),label:(0,a.__)("Dark Mode - Color")}]})),(0,t.createElement)(n.RangeControl,{label:(0,a.__)("Border Radius"),value:M,onChange:e=>U("borderRadius",e),step:1,max:100,min:0}),(0,t.createElement)(n.ToggleControl,{label:(0,a.__)("Shadow"),checked:N,onChange:e=>U("shadow",e)}),(0,t.createElement)(o.PanelColorSettings,{title:(0,a.__)("Background"),colorSettings:[{value:F,onChange:e=>U("background",e),label:(0,a.__)("Background")},{value:A,onChange:e=>U("darkBackground",e),label:(0,a.__)("Dark Mode - Background")}]})),(0,t.createElement)(n.PanelBody,{title:(0,a.__)("Inner Padding"),initialOpen:!1},(0,t.createElement)(n.BaseControl,null,(0,t.createElement)(n.Tip,null,(0,a.__)("These settings will apply to block wrapper. Click outside to see the update!"))),(0,t.createElement)("div",{className:"res-padding-control"},(0,t.createElement)(n.__experimentalBoxControl,{resetValues:{top:"30px",right:"30px",bottom:"30px",left:"30px"},label:(0,t.createElement)(t.Fragment,null,(0,t.createElement)(n.Dashicon,{icon:"desktop"})," ",(0,a.__)("Desktop")),values:O,onChange:e=>U("desktopPadding",e)}),(0,t.createElement)(n.__experimentalBoxControl,{resetValues:{top:"25px",right:"25px",bottom:"25px",left:"25px"},label:(0,t.createElement)(t.Fragment,null,(0,t.createElement)(n.Dashicon,{icon:"tablet"})," ",(0,a.__)("Tablet")),values:R,onChange:e=>U("tabletPadding",e)}),(0,t.createElement)(n.__experimentalBoxControl,{resetValues:{top:"20px",right:"20px",bottom:"20px",left:"20px"},label:(0,t.createElement)(t.Fragment,null,(0,t.createElement)(n.Dashicon,{icon:"smartphone"})," ",(0,a.__)("Mobile")),values:W,onChange:e=>U("mobilePadding",e)})))),(0,t.createElement)("div",{className:"gb-download-inner"},(0,t.createElement)("div",{className:"gb-download-header"},D&&(0,t.createElement)("img",{className:"gb-image",src:D,alt:"Download Image"}),(0,t.createElement)("div",{className:"gb-download-header"},(0,t.createElement)(o.RichText,{tagName:s||"h3",value:d,onChange:e=>U("heading",e),className:"gb-heading",placeholder:"Enter heading text..."}),(0,t.createElement)(o.RichText,{tagName:"span",value:h,onChange:e=>U("description",e),className:"gb-description",placeholder:"Enter description text..."})))),(0,t.createElement)("div",{className:"download-button-holder h4"},$))},save:function(){return null}})})();