Da

✏️ Editing: blocks-spacer.js

(()=>{var e,t={468:(e,t,i)=>{"use strict";i.r(t),i.d(t,{metadata:()=>p,name:()=>f});const r=window.wp.blocks,a=window.ReactJSXRuntime,{Component:l}=wp.element,n=class extends l{render(){const{uniqueID:e="a",color:t="#eeeeee",rotate:i=40,strokeWidth:r=9,strokeGap:l=9,opacity:n=1}=this.props,d=r/2+l;return(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",className:"kb-pattern-svg-divider kb-stripes-svg",children:[(0,a.jsx)("defs",{children:(0,a.jsx)("pattern",{id:"pat"+e,width:d,height:d,patternTransform:"rotate("+i+")",patternUnits:"userSpaceOnUse",children:(0,a.jsx)("line",{x1:"0",y:"0",x2:"0",y2:d,stroke:t,"stroke-width":r})})}),(0,a.jsx)("rect",{width:"100%",height:"100%",fill:"url(#pat"+e+")",opacity:n/100})]})}};var d=i(6942),s=i.n(d);const o=window.kadence.helpers,c=window.kadence.components,p=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"kadence/spacer","title":"Spacer / Divider","category":"kadence-blocks","textdomain":"kadence-blocks","attributes":{"blockAlignment":{"type":"string","default":"center"},"hAlign":{"type":"string","default":"center"},"spacerHeight":{"type":"number","default":60},"spacerHeightUnits":{"type":"string","default":"px"},"tabletSpacerHeight":{"type":"number","default":""},"mobileSpacerHeight":{"type":"number","default":""},"dividerEnable":{"type":"boolean","default":true},"dividerStyle":{"type":"string","default":"solid"},"dividerOpacity":{"type":"number","default":100},"dividerColor":{"type":"string","default":"#eee"},"dividerWidth":{"type":"number","default":80},"dividerWidthUnits":{"type":"string","default":"%"},"tabletDividerWidth":{"type":"number"},"mobileDividerWidth":{"type":"number"},"dividerHeight":{"type":"number","default":1},"tabletDividerHeight":{"type":"number"},"mobileDividerHeight":{"type":"number"},"uniqueID":{"type":"string","default":""},"rotate":{"type":"number","default":40},"strokeWidth":{"type":"number","default":4},"strokeGap":{"type":"number","default":5},"tabletHAlign":{"type":"string","default":""},"mobileHAlign":{"type":"string","default":""},"vsdesk":{"type":"boolean","default":false},"vstablet":{"type":"boolean","default":false},"vsmobile":{"type":"boolean","default":false}},"supports":{"anchor":true,"kbMetadata":true}}'),u=window.wp.i18n,b=window.wp.blockEditor,g=window.wp.components,h=window.wp.data,v=window.wp.element,k={from:[{type:"block",blocks:["core/spacer"],transform:({height:e})=>(0,r.createBlock)("kadence/spacer",{spacerHeight:e,divider:!1})},{type:"block",blocks:["core/separator"],transform:()=>(0,r.createBlock)("kadence/spacer",{spacerHeight:30,divider:!0})}],to:[{type:"block",blocks:["core/spacer"],transform:({spacerHeight:e})=>(0,r.createBlock)("core/spacer",{height:e})},{type:"block",blocks:["core/separator"],transform:()=>(0,r.createBlock)("core/separator")}]},m=[{attributes:{blockAlignment:{type:"string",default:"none"},hAlign:{type:"string",default:"center"},spacerHeight:{type:"number",default:60},spacerHeightUnits:{type:"string",default:"px"},tabletSpacerHeight:{type:"number",default:""},mobileSpacerHeight:{type:"number",default:""},dividerEnable:{type:"boolean",default:!0},dividerStyle:{type:"string",default:"solid"},dividerOpacity:{type:"number",default:100},dividerColor:{type:"string",default:"#eee"},dividerWidth:{type:"number",default:80},dividerHeight:{type:"number",default:1},uniqueID:{type:"string",default:""},rotate:{type:"number",default:40},strokeWidth:{type:"number",default:4},strokeGap:{type:"number",default:5},tabletHAlign:{type:"string",default:""},mobileHAlign:{type:"string",default:""},vsdesk:{type:"boolean",default:!1},vstablet:{type:"boolean",default:!1},vsmobile:{type:"boolean",default:!1}},save:e=>{const{attributes:t}=e,{className:i,blockAlignment:r,dividerEnable:l,dividerStyle:d,hAlign:c,dividerColor:p,dividerOpacity:u,uniqueID:g,rotate:h,strokeWidth:v,strokeGap:k,tabletHAlign:m,mobileHAlign:y,vsdesk:f,vstablet:x,vsmobile:H}=t,j=s()({"kt-block-spacer":!0,[`kt-block-spacer-halign-${c}`]:c,[`kt-block-spacer-thalign-${m}`]:m,[`kt-block-spacer-malign-${y}`]:y}),S=b.useBlockProps.save({className:s()({[`align${r||"none"}`]:!0,[`kt-block-spacer-${g}`]:g,"kvs-lg-false":"undefined"!==f&&f,"kvs-md-false":"undefined"!==x&&x,"kvs-sm-false":"undefined"!==H&&H},i)});return(0,a.jsx)("div",{...S,children:(0,a.jsx)("div",{className:j,children:l&&(0,a.jsxs)(a.Fragment,{children:["stripe"===d&&(0,a.jsx)("span",{className:"kt-divider-stripe",children:(0,a.jsx)(n,{uniqueID:g,color:(0,o.KadenceColorOutput)(p),opacity:u,rotate:h,strokeWidth:v,strokeGap:k})}),"stripe"!==d&&(0,a.jsx)("hr",{className:"kt-divider"})]})})})}},{attributes:{blockAlignment:{type:"string",default:"center"},hAlign:{type:"string",default:"center"},spacerHeight:{type:"number",default:60},spacerHeightUnits:{type:"string",default:"px"},tabletSpacerHeight:{type:"number",default:""},mobileSpacerHeight:{type:"number",default:""},dividerEnable:{type:"boolean",default:!0},dividerStyle:{type:"string",default:"solid"},dividerOpacity:{type:"number",default:100},dividerColor:{type:"string",default:"#eee"},dividerWidth:{type:"number",default:80},dividerHeight:{type:"number",default:1},uniqueID:{type:"string",default:""},rotate:{type:"number",default:40},strokeWidth:{type:"number",default:4},strokeGap:{type:"number",default:5},tabletHAlign:{type:"string",default:""},mobileHAlign:{type:"string",default:""},vsdesk:{type:"boolean",default:!1},vstablet:{type:"boolean",default:!1},vsmobile:{type:"boolean",default:!1}},save:({attributes:e})=>{const{blockAlignment:t,spacerHeight:i,dividerEnable:r,dividerStyle:l,hAlign:d,dividerColor:c,dividerOpacity:p,dividerHeight:u,dividerWidth:b,uniqueID:g,spacerHeightUnits:h,rotate:k,strokeWidth:m,strokeGap:y,tabletHAlign:f,mobileHAlign:x,vsdesk:H,vstablet:j,vsmobile:S}=e;let C;C=p<10?"0.0"+p:p>=100?"1":"0."+p;const w=c?(0,o.KadenceColorOutput)(c,C):(0,o.KadenceColorOutput)("#eeeeee",C),A=s()({[`align${t||"none"}`]:!0,[`kt-block-spacer-${g}`]:g,"kvs-lg-false":"undefined"!==H&&H,"kvs-md-false":"undefined"!==j&&j,"kvs-sm-false":"undefined"!==S&&S}),D=s()({"kt-block-spacer":!0,[`kt-block-spacer-halign-${d}`]:d,[`kt-block-spacer-thalign-${f}`]:f,[`kt-block-spacer-malign-${x}`]:x});return(0,a.jsx)("div",{className:A,children:(0,a.jsx)("div",{className:D,style:{height:i+(h||"px")},children:r&&(0,a.jsxs)(v.Fragment,{children:["stripe"===l&&(0,a.jsx)("span",{className:"kt-divider-stripe",style:{height:(u<10?10:u)+"px",width:b+"%"},children:(0,a.jsx)(n,{uniqueID:g,color:(0,o.KadenceColorOutput)(c),opacity:p,rotate:k,strokeWidth:m,strokeGap:y})}),"stripe"!==l&&(0,a.jsx)("hr",{className:"kt-divider",style:{borderTopColor:w,borderTopWidth:u+"px",width:b+"%",borderTopStyle:l}})]})})})}},{attributes:{blockAlignment:{type:"string",default:"center"},hAlign:{type:"string",default:"center"},spacerHeight:{type:"number",default:60},spacerHeightUnits:{type:"string",default:"px"},tabletSpacerHeight:{type:"number",default:""},mobileSpacerHeight:{type:"number",default:""},dividerEnable:{type:"boolean",default:!0},dividerStyle:{type:"string",default:"solid"},dividerOpacity:{type:"number",default:100},dividerColor:{type:"string",default:"#eee"},dividerWidth:{type:"number",default:80},dividerHeight:{type:"number",default:1},uniqueID:{type:"string",default:""},rotate:{type:"number",default:40},strokeWidth:{type:"number",default:4},strokeGap:{type:"number",default:5},tabletHAlign:{type:"string",default:""},mobileHAlign:{type:"string",default:""},vsdesk:{type:"boolean",default:!1},vstablet:{type:"boolean",default:!1},vsmobile:{type:"boolean",default:!1}},save:({attributes:e})=>{const{blockAlignment:t,spacerHeight:i,dividerEnable:r,dividerStyle:l,hAlign:d,dividerColor:c,dividerOpacity:p,dividerHeight:u,dividerWidth:b,uniqueID:g,spacerHeightUnits:h,rotate:k,strokeWidth:m,strokeGap:y,tabletHAlign:f,mobileHAlign:x,vsdesk:H,vstablet:j,vsmobile:S}=e;let C;C=p<10?"0.0"+p:p>=100?"1":"0."+p;const w=c?(0,o.DeprecatedKadenceColorOutput)(c,C):(0,o.DeprecatedKadenceColorOutput)("#eeeeee",C),A=s()({[`align${t||"none"}`]:!0,[`kt-block-spacer-${g}`]:g,"kvs-lg-false":"undefined"!==H&&H,"kvs-md-false":"undefined"!==j&&j,"kvs-sm-false":"undefined"!==S&&S}),D=s()({"kt-block-spacer":!0,[`kt-block-spacer-halign-${d}`]:d,[`kt-block-spacer-thalign-${f}`]:f,[`kt-block-spacer-malign-${x}`]:x});return(0,a.jsx)("div",{className:A,children:(0,a.jsx)("div",{className:D,style:{height:i+(h||"px")},children:r&&(0,a.jsxs)(v.Fragment,{children:["stripe"===l&&(0,a.jsx)("span",{className:"kt-divider-stripe",style:{height:(u<10?10:u)+"px",width:b+"%"},children:(0,a.jsx)(n,{uniqueID:g,color:(0,o.DeprecatedKadenceColorOutput)(c),opacity:p,rotate:k,strokeWidth:m,strokeGap:y})}),"stripe"!==l&&(0,a.jsx)("hr",{className:"kt-divider",style:{borderTopColor:w,borderTopWidth:u+"px",width:b+"%",borderTopStyle:l}})]})})})}},{attributes:{blockAlignment:{type:"string",default:"center"},hAlign:{type:"string",default:"center"},spacerHeight:{type:"number",default:60},spacerHeightUnits:{type:"string",default:"px"},tabletSpacerHeight:{type:"number",default:""},mobileSpacerHeight:{type:"number",default:""},dividerEnable:{type:"boolean",default:!0},dividerStyle:{type:"string",default:"solid"},dividerOpacity:{type:"number",default:100},dividerColor:{type:"string",default:"#eee"},dividerWidth:{type:"number",default:80},dividerHeight:{type:"number",default:1},uniqueID:{type:"string",default:""}},save:({attributes:e})=>{const{blockAlignment:t,spacerHeight:i,dividerEnable:r,dividerStyle:l,hAlign:n,dividerHeight:d,dividerWidth:s,uniqueID:o,spacerHeightUnits:c}=e;return(0,a.jsx)("div",{className:`align${t||"none"} kt-block-spacer-${o}`,children:(0,a.jsx)("div",{className:`kt-block-spacer kt-block-spacer-halign-${n}`,style:{height:i+(c||"px")},children:r&&(0,a.jsx)("hr",{className:"kt-divider",style:{borderTopWidth:d+"px",width:s+"%",borderTopStyle:l}})})})}},{attributes:{blockAlignment:{type:"string",default:"center"},hAlign:{type:"string",default:"center"},spacerHeight:{type:"number",default:"60"},dividerEnable:{type:"boolean",default:!0},dividerStyle:{type:"string",default:"solid"},dividerOpacity:{type:"number",default:"100"},dividerColor:{type:"string",default:"#eee"},dividerWidth:{type:"number",default:"80"},dividerHeight:{type:"number",default:"1"},uniqueID:{type:"string",default:""}},save:({attributes:e})=>{const{blockAlignment:t,spacerHeight:i,dividerEnable:r,dividerStyle:l,hAlign:n,dividerColor:d,dividerOpacity:s,dividerHeight:c,dividerWidth:p}=e,u=d?(0,o.DeprecatedKadenceColorOutput)(d,s):(0,o.DeprecatedKadenceColorOutput)("#eeeeee",s);return(0,a.jsx)("div",{className:`align${t}`,children:(0,a.jsx)("div",{className:`kt-block-spacer kt-block-spacer-halign-${n}`,style:{height:i+"px"},children:r&&(0,a.jsx)("hr",{className:"kt-divider",style:{borderTopColor:u,borderTopWidth:c+"px",width:p+"%",borderTopStyle:l}})})})}},{attributes:{blockAlignment:{type:"string",default:"center"},hAlign:{type:"string",default:"center"},spacerHeight:{type:"number",default:"60"},dividerEnable:{type:"boolean",default:!0},dividerStyle:{type:"string",default:"solid"},dividerOpacity:{type:"number",default:"100"},dividerColor:{type:"string",default:"#eee"},dividerWidth:{type:"number",default:"80"},dividerHeight:{type:"number",default:"1"}},save:({attributes:e})=>{const{blockAlignment:t,spacerHeight:i,dividerEnable:r,dividerStyle:l,dividerColor:n,dividerOpacity:d,dividerHeight:s,dividerWidth:c}=e,p=n?(0,o.DeprecatedKadenceColorOutput)(n,d):(0,o.DeprecatedKadenceColorOutput)("#eee",d);return(0,a.jsx)("div",{className:`align${t}`,children:(0,a.jsx)("div",{className:"kt-block-spacer",style:{height:i+"px"},children:r&&(0,a.jsx)("hr",{className:"kt-divider",style:{borderTopColor:p,borderTopWidth:s+"px",width:c+"%",borderTopStyle:l}})})})}}],y=window.kadence.icons,{name:f}=p;(0,r.registerBlockType)("kadence/spacer",{...p,title:(0,u._x)("Spacer / Divider","block title","kadence-blocks"),keywords:[(0,u.__)("spacer","kadence-blocks"),(0,u.__)("divider","kadence-blocks"),(0,u.__)("separator","kadence-blocks"),"KB"],icon:{src:y.spacerIcon},transforms:k,deprecated:m,edit:function(e){const{attributes:t,clientId:i,setAttributes:r,toggleSelection:l}=e,{className:d,blockAlignment:k,spacerHeight:m,tabletSpacerHeight:y,mobileSpacerHeight:f,dividerEnable:x,dividerStyle:H,dividerColor:j,dividerOpacity:S,dividerHeight:C,dividerWidth:w,hAlign:A,uniqueID:D,spacerHeightUnits:_,rotate:O,strokeWidth:W,strokeGap:T,mobileHAlign:N,tabletHAlign:$,dividerWidthUnits:I,tabletDividerWidth:q,mobileDividerWidth:E,tabletDividerHeight:K,mobileDividerHeight:B,vsdesk:P,vstablet:U,vsmobile:R}=t,{previewDevice:G}=(0,h.useSelect)(e=>({previewDevice:e("kadenceblocks/data").getPreviewDeviceType()}),[i]);(0,o.uniqueIdHelper)(e);const[z,M]=(0,v.useState)("general"),V=(0,b.useBlockProps)({className:s()(d,{"wp-block":!0}),draggable:!1,"data-align":"full"===k||"wide"===k||"center"===k?k:void 0});let F;F=S<10?"0.0"+S:S>=100?"1":"0."+S;const L=document.querySelector('iframe[name="editor-canvas"]')?.contentWindow.document||document,J=j?(0,o.KadenceColorOutput)(j,F):(0,o.KadenceColorOutput)("#eeeeee",F),X=(0,o.getPreviewSize)(G,""!==m?m:60,""!==y?y:"",""!==f?f:""),Q=(0,o.getPreviewSize)(G,""!==A?A:"",""!==$?$:"",""!==N?N:""),Y="stripe"!==H?1:10,Z="stripe"!==H?400:60,ee=(0,o.getPreviewSize)(G,""!==C?C:1,""!==K?K:"",""!==B?B:""),te=(0,o.getPreviewSize)(G,""!==w?w:1,""!==q?q:"",""!==E?E:"");return(0,a.jsxs)("div",{...V,children:[(0,o.showSettings)("spacerDivider","kadence/spacer")&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(b.BlockControls,{children:[(0,a.jsx)(b.BlockAlignmentToolbar,{value:k,controls:["center","wide","full"],onChange:e=>r({blockAlignment:e})}),(0,a.jsx)(b.AlignmentToolbar,{value:A,onChange:e=>r({hAlign:e})}),(0,a.jsx)(c.CopyPasteAttributes,{attributes:t,defaultAttributes:p.attributes,blockSlug:p.name,onPaste:e=>r(e)})]},"controls"),(0,a.jsxs)(b.InspectorControls,{children:[(0,a.jsx)(c.InspectorControlTabs,{panelName:"spacer",allowedTabs:["general","advanced"],setActiveTab:e=>M(e),activeTab:z}),"general"===z&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(c.KadencePanelBody,{title:(0,u.__)("Spacer Settings","kadence-blocks"),initialOpen:!0,panelName:"kb-spacer-settings",children:(0,o.showSettings)("spacerHeight","kadence/spacer")&&(0,a.jsx)(c.ResponsiveRangeControls,{label:(0,u.__)("Height","kadence-blocks"),value:m,onChange:e=>r({spacerHeight:e}),tabletValue:y||"",onChangeTablet:e=>r({tabletSpacerHeight:e}),mobileValue:f||"",onChangeMobile:e=>r({mobileSpacerHeight:e}),min:6,max:600,step:1,unit:_,onUnit:!!(0,o.showSettings)("spacerHeightUnits","kadence/spacer")&&(e=>r({spacerHeightUnits:e})),units:["px","vh"]})}),(0,a.jsxs)(c.KadencePanelBody,{title:(0,u.__)("Divider Settings","kadence-blocks"),initialOpen:!0,panelName:"kb-divider-settings",children:[(0,o.showSettings)("dividerToggle","kadence/spacer")&&(0,a.jsx)(g.ToggleControl,{label:(0,u.__)("Enable Divider","kadence-blocks"),checked:x,onChange:e=>r({dividerEnable:e})}),x&&(0,o.showSettings)("dividerStyles","kadence/spacer")&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(c.ResponsiveAlignControls,{label:(0,u.__)("Alignment","kadence-blocks"),value:A||"",mobileValue:N||"",tabletValue:$||"",onChange:e=>r({hAlign:e}),onChangeTablet:e=>r({tabletHAlign:e}),onChangeMobile:e=>r({mobileHAlign:e})}),(0,a.jsx)(g.SelectControl,{label:(0,u.__)("Divider Style","kadence-blocks"),value:H,options:[{value:"solid",label:(0,u.__)("Solid","kadence-blocks")},{value:"dashed",label:(0,u.__)("Dashed","kadence-blocks")},{value:"dotted",label:(0,u.__)("Dotted","kadence-blocks")},{value:"stripe",label:(0,u.__)("Stripe","kadence-blocks")}],onChange:e=>r({dividerStyle:e})}),(0,a.jsx)(c.PopColorControl,{label:(0,u.__)("Divider Color","kadence-blocks"),value:j||"",default:"",opacityValue:S,onChange:e=>r({dividerColor:e}),onOpacityChange:e=>r({dividerOpacity:e}),opacityUnit:100}),"stripe"===H&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(g.RangeControl,{label:(0,u.__)("Stripe Angle","kadence-blocks"),value:O,onChange:e=>r({rotate:e}),min:0,max:135}),(0,a.jsx)(g.RangeControl,{label:(0,u.__)("Stripe Width","kadence-blocks"),value:W,onChange:e=>r({strokeWidth:e}),min:1,max:30}),(0,a.jsx)(g.RangeControl,{label:(0,u.__)("Stripe Gap","kadence-blocks"),value:T,onChange:e=>r({strokeGap:e}),min:1,max:30})]}),(0,a.jsx)(c.ResponsiveRangeControls,{label:(0,u.__)("Divider Height","kadence-blocks"),value:C,onChange:e=>r({dividerHeight:e}),tabletValue:K||"",onChangeTablet:e=>r({tabletDividerHeight:e}),mobileValue:B||"",onChangeMobile:e=>r({mobileDividerHeight:e}),min:Y,max:Z,step:1,unit:"px"}),(0,a.jsx)(c.ResponsiveRangeControls,{label:(0,u.__)("Divider Width","kadence-blocks"),value:w,onChange:e=>r({dividerWidth:e}),tabletValue:q||"",onChangeTablet:e=>r({tabletDividerWidth:e}),mobileValue:E||"",onChangeMobile:e=>r({mobileDividerWidth:e}),min:0,max:"px"===I?3e3:100,step:1,unit:I,onUnit:e=>r({dividerWidthUnits:e}),units:["px","%"]})]})]})]}),"advanced"===z&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(c.KadencePanelBody,{title:(0,u.__)("Visibility Settings","kadence-blocks"),panelName:"kb-visibility-settings",children:[(0,a.jsx)(g.ToggleControl,{label:(0,u.__)("Hide on Desktop","kadence-blocks"),checked:void 0!==P&&P,onChange:e=>r({vsdesk:e})}),(0,a.jsx)(g.ToggleControl,{label:(0,u.__)("Hide on Tablet","kadence-blocks"),checked:void 0!==U&&U,onChange:e=>r({vstablet:e})}),(0,a.jsx)(g.ToggleControl,{label:(0,u.__)("Hide on Mobile","kadence-blocks"),checked:void 0!==R&&R,onChange:e=>r({vsmobile:e})})]}),(0,a.jsx)(c.KadenceBlockDefaults,{attributes:t,defaultAttributes:p.attributes,blockSlug:p.name})]})]})]}),(0,a.jsxs)("div",{className:`kt-block-spacer kt-block-spacer-halign-${Q}`,children:[x&&(0,a.jsxs)(a.Fragment,{children:["stripe"===H&&(0,a.jsx)("span",{className:"kt-divider-stripe",style:{height:(ee<10?10:ee)+"px",width:te+(I||"%")},children:(0,a.jsx)(n,{uniqueID:D,color:(0,o.KadenceColorOutput)(j),opacity:S,rotate:O,strokeWidth:W,strokeGap:T})}),"stripe"!==H&&(0,a.jsx)("hr",{className:"kt-divider",style:{borderTopColor:J,borderTopWidth:ee+"px",width:te+(I||"%"),borderTopStyle:H}})]}),_&&"vh"===_&&(0,a.jsx)("div",{className:"kt-spacer-height-preview",style:{height:m+(_||"px")},children:(0,a.jsx)("span",{id:`spacing-height-${D}`,children:m+(_||"px")})}),"vh"!==_&&(0,o.showSettings)("spacerDivider","kadence/spacer")&&(0,o.showSettings)("spacerHeight","kadence/spacer")&&(0,a.jsx)(g.ResizableBox,{size:{height:X},minHeight:"20",handleClasses:{top:"kadence-spacer__resize-handler-top",bottom:"kadence-spacer__resize-handler-bottom"},enable:{top:!1,right:!1,bottom:!0,left:!1,topRight:!1,bottomRight:!1,bottomLeft:!1,topLeft:!1},onResize:(e,t,i,r)=>{L.getElementById("spacing-height-"+(D||"no-unique")).innerHTML=parseInt(X+r.height,10)+(_||"px")},onResizeStop:(e,t,i,a)=>{l(!0),r("Mobile"===G?{mobileSpacerHeight:parseInt(X+a.height,10)}:"Tablet"===G?{tabletSpacerHeight:parseInt(X+a.height,10)}:{spacerHeight:parseInt(X+a.height,10)})},onResizeStart:()=>{l(!1)},children:D&&(0,a.jsx)("div",{className:"kt-spacer-height-preview",children:(0,a.jsx)("span",{id:`spacing-height-${D}`,children:X+(_||"px")})})}),"vh"!==_&&(!(0,o.showSettings)("spacerDivider","kadence/spacer")||!(0,o.showSettings)("spacerHeight","kadence/spacer"))&&(0,a.jsx)("div",{className:"kt-spacer-height-preview",style:{height:X+(_||"px")},children:(0,a.jsx)("span",{id:`spacing-height-${D}`,children:X+(_||"px")})})]})]})},save:function({attributes:e}){const{className:t,blockAlignment:i,dividerEnable:r,dividerStyle:l,hAlign:d,dividerColor:c,dividerOpacity:p,uniqueID:u,rotate:g,strokeWidth:h,strokeGap:v,tabletHAlign:k,mobileHAlign:m,vsdesk:y,vstablet:f,vsmobile:x}=e,H=s()({"kt-block-spacer":!0,[`kt-block-spacer-halign-${d}`]:d,[`kt-block-spacer-thalign-${k}`]:k,[`kt-block-spacer-malign-${m}`]:m}),j=b.useBlockProps.save({className:s()({[`align${i||"none"}`]:!0,[`kt-block-spacer-${u}`]:u,"kvs-lg-false":"undefined"!==y&&y,"kvs-md-false":"undefined"!==f&&f,"kvs-sm-false":"undefined"!==x&&x},t)});return(0,a.jsx)("div",{...j,children:(0,a.jsx)("div",{className:H,children:r&&(0,a.jsxs)(a.Fragment,{children:["stripe"===l&&(0,a.jsx)("span",{className:"kt-divider-stripe",children:(0,a.jsx)(n,{uniqueID:u,color:(0,o.KadenceColorOutput)(c),opacity:p,rotate:g,strokeWidth:h,strokeGap:v})}),"stripe"!==l&&(0,a.jsx)("hr",{className:"kt-divider"})]})})})},example:{attributes:{spacerHeight:4,dividerColor:"#2B6CB0"}}})},6942:(e,t)=>{var i;!function(){"use strict";var r={}.hasOwnProperty;function a(){for(var e="",t=0;t<arguments.length;t++){var i=arguments[t];i&&(e=n(e,l(i)))}return e}function l(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return a.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var i in e)r.call(e,i)&&e[i]&&(t=n(t,i));return t}function n(e,t){return t?e?e+" "+t:e+t:e}e.exports?(a.default=a,e.exports=a):void 0===(i=function(){return a}.apply(t,[]))||(e.exports=i)}()}},i={};function r(e){var a=i[e];if(void 0!==a)return a.exports;var l=i[e]={exports:{}};return t[e](l,l.exports,r),l.exports}r.m=t,e=[],r.O=(t,i,a,l)=>{if(!i){var n=1/0;for(c=0;c<e.length;c++){for(var[i,a,l]=e[c],d=!0,s=0;s<i.length;s++)(!1&l||n>=l)&&Object.keys(r.O).every(e=>r.O[e](i[s]))?i.splice(s--,1):(d=!1,l<n&&(n=l));if(d){e.splice(c--,1);var o=a();void 0!==o&&(t=o)}}return t}l=l||0;for(var c=e.length;c>0&&e[c-1][2]>l;c--)e[c]=e[c-1];e[c]=[i,a,l]},r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var i in t)r.o(t,i)&&!r.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={6630:0,3113:0};r.O.j=t=>0===e[t];var t=(t,i)=>{var a,l,[n,d,s]=i,o=0;if(n.some(t=>0!==e[t])){for(a in d)r.o(d,a)&&(r.m[a]=d[a]);if(s)var c=s(r)}for(t&&t(i);o<n.length;o++)l=n[o],r.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return r.O(c)},i=globalThis.webpackChunkkadence=globalThis.webpackChunkkadence||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var a=r.O(void 0,[3113],()=>r(468));a=r.O(a),(this.kadence=this.kadence||{})["blocks-spacer"]=a})();

📁 Sid Gifari File Manager