Da

✏️ Editing: blocks-videopopup.js

(()=>{var e,o={5821:(e,o,a)=>{"use strict";a.r(o),a.d(o,{metadata:()=>d,name:()=>x});const i=window.kadence.icons,t=window.lodash,d=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"title":"Video Popup","name":"kadence/videopopup","category":"kadence-blocks","usesContext":["postId","queryId","kadence/dynamicSource","kadence/repeaterRowData","kadence/repeaterRow"],"description":"","attributes":{"uniqueID":{"type":"string","default":""},"type":{"type":"string","default":"iframe"},"url":{"type":"string"},"media":{"type":"array","default":[{"url":"","id":"","width":"","height":"","alt":"","subtype":""}]},"mediaPoster":{"type":"array","default":[{"url":"","id":"","width":"","height":"","alt":"","subtype":""}]},"posterType":{"type":"string","default":""},"autoPlay":{"type":"boolean","default":true},"ratio":{"type":"string"},"borderWidth":{"type":"array","default":["","","",""]},"borderColor":{"type":"string"},"borderOpacity":{"type":"number"},"borderStyle":{"type":"array","default":[{"top":["rgba(255,255,255,0.8)","solid","2"],"right":["rgba(255,255,255,0.8)","solid","2"],"bottom":["rgba(255,255,255,0.8)","solid","2"],"left":["rgba(255,255,255,0.8)","solid","2"],"unit":"px"}]},"tabletBorderStyle":{"type":"array","default":[{"top":["","",""],"right":["","",""],"bottom":["","",""],"left":["","",""],"unit":"px"}]},"mobileBorderStyle":{"type":"array","default":[{"top":["","",""],"right":["","",""],"bottom":["","",""],"left":["","",""],"unit":"px"}]},"borderRadius":{"type":"array","default":["","","",""]},"tabletBorderRadius":{"type":"array","default":["","","",""]},"mobileBorderRadius":{"type":"array","default":["","","",""]},"borderRadiusUnit":{"type":"string","default":"px"},"playBtn":{"type":"array","default":[{"icon":"","size":"","width":2,"title":"Play","color":"#ffffff","opacity":1,"background":"#000000","backgroundOpacity":0.7,"border":"","borderOpacity":1,"borderRadius":["","","",""],"borderWidth":["","","",""],"padding":"","style":"default","animation":"none","colorHover":"","opacityHover":1,"backgroundHover":"","backgroundOpacityHover":1,"borderHover":"","borderOpacityHover":1}]},"background":{"type":"array","default":[{"color":"","colorOpacity":1,"img":"","imgID":"","imgAlt":"","imgWidth":"","imageHeight":"","bgSize":"cover","bgPosition":"center center","bgAttachment":"scroll","bgRepeat":"no-repeat"}]},"backgroundOverlay":{"type":"array","default":[{"type":"solid","fill":"#000000","fillOpacity":1,"secondFill":"","secondFillOpacity":1,"gradLoc":0,"gradLocSecond":100,"gradType":"linear","gradAngle":180,"gradPosition":"center center","opacity":0.3,"opacityHover":0.5,"blendMode":"none"}]},"padding":{"type":"array","default":[{"desk":["","","",""],"tablet":["","","",""],"mobile":["","","",""]}]},"paddingUnit":{"type":"string","default":"px"},"margin":{"type":"array","default":[{"desk":["","","",""],"tablet":["","","",""],"mobile":["","","",""]}]},"marginUnit":{"type":"string","default":"px"},"displayShadow":{"type":"boolean","default":false},"shadow":{"type":"array","default":[{"color":"#000000","opacity":0.2,"spread":0,"blur":14,"hOffset":4,"vOffset":2}]},"shadowHover":{"type":"array","default":[{"color":"#000000","opacity":0.2,"spread":0,"blur":14,"hOffset":4,"vOffset":2}]},"maxWidth":{"type":"number"},"maxWidthUnit":{"type":"string"},"popup":{"type":"array","default":[{"background":"#000000","backgroundOpacity":0.8,"closeBackground":"","closeColor":"#ffffff","maxWidth":900,"maxWidthTablet":"","maxWidthMobile":"","maxWidthUnit":"px","animation":"none"}]},"ariaLabel":{"type":"string"},"youtubeCookies":{"type":"boolean","default":true},"anchor":{"type":"string"},"inQueryBlock":{"type":"boolean","default":false},"isVimeoPrivate":{"type":"boolean","default":false},"mediaRatio":{"type":"string"},"mediaUseMobile":{"type":"boolean","default":false},"urlMobile":{"type":"string"},"mediaMobile":{"type":"array","default":[{"url":"","id":"","width":"","height":"","alt":"","subtype":""}]},"mediaRatioMobile":{"type":"string"}},"supports":{"anchor":true,"ktanimate":true,"ktanimateadd":true,"ktanimatepreview":true,"ktanimateswipe":true,"ktdynamic":true,"align":["wide","full"],"kbMetadata":true}}'),n=window.kadence.components,l=window.kadence.helpers,r=window.wp.i18n,c=window.wp.element,s=window.wp.blockEditor,p=window.wp.components,u=window.wp.data,v=window.wp.primitives,m=window.ReactJSXRuntime,g=(0,m.jsx)(v.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,m.jsx)(v.Path,{d:"M18.7 3H5.3C4 3 3 4 3 5.3v13.4C3 20 4 21 5.3 21h13.4c1.3 0 2.3-1 2.3-2.3V5.3C21 4 20 3 18.7 3zm.8 15.7c0 .4-.4.8-.8.8H5.3c-.4 0-.8-.4-.8-.8V5.3c0-.4.4-.8.8-.8h13.4c.4 0 .8.4.8.8v13.4zM10 15l5-3-5-3v6z"})}),b=window.wp.hooks;var y=a(6942),k=a.n(y);const h=[{attributes:{uniqueID:{type:"string",default:""},type:{type:"string",default:"iframe"},url:{type:"string"},media:{type:"array",default:[{url:"",id:"",width:"",height:"",alt:"",subtype:""}]},autoPlay:{type:"boolean",default:!0},ratio:{type:"string"},borderRadius:{type:"array",default:["","","",""]},borderWidth:{type:"array",default:["","","",""]},borderColor:{type:"string"},borderOpacity:{type:"number"},playBtn:{type:"array",default:[{icon:"",size:"",width:2,title:"Play",color:"#ffffff",opacity:1,background:"#000000",backgroundOpacity:.7,border:"",borderOpacity:1,borderRadius:["","","",""],borderWidth:["","","",""],padding:"",style:"default",animation:"none",colorHover:"",opacityHover:1,backgroundHover:"",backgroundOpacityHover:1,borderHover:"",borderOpacityHover:1}]},background:{type:"array",default:[{color:"",colorOpacity:1,img:"",imgID:"",imgAlt:"",imgWidth:"",imageHeight:"",bgSize:"cover",bgPosition:"center center",bgAttachment:"scroll",bgRepeat:"no-repeat"}]},backgroundOverlay:{type:"array",default:[{type:"solid",fill:"#000000",fillOpacity:1,secondFill:"",secondFillOpacity:1,gradLoc:0,gradLocSecond:100,gradType:"linear",gradAngle:180,gradPosition:"center center",opacity:.3,opacityHover:.5,blendMode:"none"}]},padding:{type:"array",default:[{desk:["","","",""],tablet:["","","",""],mobile:["","","",""]}]},paddingUnit:{type:"string",default:"px"},margin:{type:"array",default:[{desk:["","","",""],tablet:["","","",""],mobile:["","","",""]}]},marginUnit:{type:"string",default:"px"},displayShadow:{type:"boolean",default:!1},shadow:{type:"array",default:[{color:"#000000",opacity:.2,spread:0,blur:14,hOffset:4,vOffset:2}]},shadowHover:{type:"array",default:[{color:"#000000",opacity:.2,spread:0,blur:14,hOffset:4,vOffset:2}]},maxWidth:{type:"number"},maxWidthUnit:{type:"string"},popup:{type:"array",default:[{background:"#000000",backgroundOpacity:.8,closeColor:"#ffffff",maxWidth:900,maxWidthTablet:"",maxWidthMobile:"",maxWidthUnit:"px",animation:"none"}]},ariaLabel:{type:"string"},youtubeCookies:{type:"boolean",default:!0},inQueryBlock:{type:"boolean",default:!1}},save:({attributes:e})=>{const{type:o,uniqueID:a,url:i,media:d,ratio:l,playBtn:r,background:c,displayShadow:p,maxWidth:u,maxWidthUnit:v,autoPlay:g,popup:b,ariaLabel:y,youtubeCookies:h,inQueryBlock:f}=e,x=void 0!==l&&"custom"!==l?l:void 0,w="custom"===l&&void 0!==c&&void 0!==c[0]&&void 0!==c[0].imgWidth&&void 0!==c[0].imageHeight?c[0].imageHeight/c[0].imgWidth*100:x,_=void 0!==v?v:"px",O=r[0].icon?r[0].icon:"fas_play",j=void 0!==b&&void 0!==b[0]&&void 0!==b[0].animation?b[0].animation:"none",P={...kadence_blocks_params_ico.icons,...kadence_blocks_params_fa.icons},C=(0,t.get)(P,O,{}),S=r[0].title?r[0].title:"",W=r[0].size?r[0].size:"30",z=r[0].size?r[0].size:"auto",$=""!==r[0].animation?r[0].animation:"none",H=`kt-video-svg-icon kt-video-svg-icon-style-${r[0].style} kt-video-svg-icon-${O} kt-video-play-animation-${$} kt-video-svg-icon-size-${z}`,N="kadence-video-popup-link "+("local"==o?"kadence-video-type-local":"kadence-video-type-external"),B={"data-popup-class":`kadence-popup-${a}`,"data-effect":j,"data-popup-id":`kadence-local-video-${a}`,"data-popup-auto":g?"true":"false","data-youtube-cookies":h?"true":"false"},I=k()("wp-block-kadence-videopopup","kadence-video-popup"+a);return(0,m.jsxs)("div",{...s.useBlockProps.save({className:I}),children:[(0,m.jsx)("div",{className:"kadence-video-popup-wrap "+(p?"kadence-video-shadow":"kadence-video-noshadow"),style:{maxWidth:void 0!==u?u+_:void 0},children:(0,m.jsxs)("div",{className:"kadence-video-intrinsic "+(void 0!==l?" kadence-video-set-ratio-"+l:""),style:{paddingBottom:void 0!==w?w+"%":void 0},children:[void 0!==c[0]&&void 0!==c[0].img&&""!==c[0].img&&(0,m.jsx)("img",{src:c[0].img,alt:c[0].imgAlt,width:c[0].imgWidth,height:c[0].imageHeight,className:c[0].imgID?`kadence-video-poster wp-image-${c[0].imgID}`:"kadence-video-poster"}),(0,m.jsx)("div",{className:"kadence-video-overlay"}),"local"===o&&(0,m.jsx)("button",{className:N,"aria-label":y||void 0,...B,children:(0,m.jsx)(n.GenIcon,{className:H,name:r[0].icon,size:W,title:S,icon:C})}),"local"!==o&&(0,m.jsx)("a",{className:N,"aria-label":y||void 0,href:i||"#",role:"button",...B,children:(0,m.jsx)(n.GenIcon,{className:H,name:r[0].icon,size:W,title:S,icon:C})})]})}),"local"===o&&void 0!==d&&void 0!==d[0]&&d[0].url&&(0,m.jsx)("div",{id:`kadence-local-video-${a}`,className:"mfp-hide mfp-with-anim kadence-local-video-popup-wrap",children:(0,m.jsx)("video",{className:"kadence-local-video-popup",controls:!0,preload:"metadata",src:d[0].url})})]})}},{attributes:{uniqueID:{type:"string",default:""},type:{type:"string",default:"iframe"},url:{type:"string"},media:{type:"array",default:[{url:"",id:"",width:"",height:"",alt:"",subtype:""}]},autoPlay:{type:"boolean",default:!0},ratio:{type:"string"},borderRadius:{type:"array",default:["","","",""]},borderWidth:{type:"array",default:["","","",""]},borderColor:{type:"string"},borderOpacity:{type:"number"},playBtn:{type:"array",default:[{icon:"",size:"",width:2,title:"Play",color:"#ffffff",opacity:1,background:"#000000",backgroundOpacity:.7,border:"",borderOpacity:1,borderRadius:["","","",""],borderWidth:["","","",""],padding:"",style:"default",animation:"none",colorHover:"",opacityHover:1,backgroundHover:"",backgroundOpacityHover:1,borderHover:"",borderOpacityHover:1}]},background:{type:"array",default:[{color:"",colorOpacity:1,img:"",imgID:"",imgAlt:"",imgWidth:"",imageHeight:"",bgSize:"cover",bgPosition:"center center",bgAttachment:"scroll",bgRepeat:"no-repeat"}]},backgroundOverlay:{type:"array",default:[{type:"solid",fill:"#000000",fillOpacity:1,secondFill:"",secondFillOpacity:1,gradLoc:0,gradLocSecond:100,gradType:"linear",gradAngle:180,gradPosition:"center center",opacity:.3,opacityHover:.5,blendMode:"none"}]},padding:{type:"array",default:[{desk:["","","",""],tablet:["","","",""],mobile:["","","",""]}]},paddingUnit:{type:"string",default:"px"},margin:{type:"array",default:[{desk:["","","",""],tablet:["","","",""],mobile:["","","",""]}]},marginUnit:{type:"string",default:"px"},displayShadow:{type:"boolean",default:!1},shadow:{type:"array",default:[{color:"#000000",opacity:.2,spread:0,blur:14,hOffset:4,vOffset:2}]},shadowHover:{type:"array",default:[{color:"#000000",opacity:.2,spread:0,blur:14,hOffset:4,vOffset:2}]},maxWidth:{type:"number"},maxWidthUnit:{type:"string"},popup:{type:"array",default:[{background:"#000000",backgroundOpacity:.8,closeColor:"#ffffff",maxWidth:900,maxWidthTablet:"",maxWidthMobile:"",maxWidthUnit:"px",animation:"none"}]},ariaLabel:{type:"string"},youtubeCookies:{type:"boolean",default:!0},inQueryBlock:{type:"boolean",default:!1}},save:({attributes:e})=>{const{type:o,uniqueID:a,url:i,media:t,ratio:d,playBtn:l,background:r,displayShadow:c,maxWidth:s,maxWidthUnit:p,autoPlay:u,popup:v,ariaLabel:g,inQueryBlock:b}=e,y=void 0!==d&&"custom"!==d?d:void 0,k="custom"===d&&void 0!==r&&void 0!==r[0]&&void 0!==r[0].imgWidth&&void 0!==r[0].imageHeight?r[0].imageHeight/r[0].imgWidth*100:y,h=void 0!==p?p:"px",f=l[0].icon?l[0].icon:"fas_play",x={...kadence_blocks_params_ico.icons,...kadence_blocks_params_fa.icons};return(0,m.jsxs)("div",{className:`wp-block-kadence-videopopup kadence-video-popup${a}`,children:[(0,m.jsx)("div",{className:"kadence-video-popup-wrap "+(c?"kadence-video-shadow":"kadence-video-noshadow"),style:{maxWidth:void 0!==s?s+h:void 0},children:(0,m.jsxs)("div",{className:"kadence-video-intrinsic "+(void 0!==d?" kadence-video-set-ratio-"+d:""),style:{paddingBottom:void 0!==k?k+"%":void 0},children:[void 0!==r[0]&&void 0!==r[0].img&&""!==r[0].img&&(0,m.jsx)("img",{src:r[0].img,alt:r[0].imgAlt,width:r[0].imgWidth,height:r[0].imageHeight,className:r[0].imgID?`kadence-video-poster wp-image-${r[0].imgID}`:"kadence-video-poster"}),(0,m.jsx)("div",{className:"kadence-video-overlay"}),"local"===o&&(0,m.jsx)("button",{className:"kadence-video-popup-link kadence-video-type-local",ariaLabel:g||void 0,"data-popup-class":`kadence-popup-${a}`,"data-effect":void 0!==v&&void 0!==v[0]&&void 0!==v[0].animation?v[0].animation:"none","data-popup-id":`kadence-local-video-${a}`,"data-popup-auto":u?"true":"false",children:(0,m.jsx)(n.GenIcon,{className:`kt-video-svg-icon kt-video-svg-icon-style-${l[0].style} kt-video-svg-icon-${f} kt-video-play-animation-${""!==l[0].animation?l[0].animation:"none"} kt-video-svg-icon-size-${l[0].size?l[0].size:"auto"}`,name:l[0].icon,size:l[0].size?l[0].size:"30",title:l[0].title?l[0].title:"",icon:x[f]})}),"local"!==o&&(0,m.jsx)("a",{href:i||"#",role:"button",ariaLabel:g||void 0,"data-popup-class":`kadence-popup-${a}`,"data-effect":void 0!==v&&void 0!==v[0]&&void 0!==v[0].animation?v[0].animation:"none",className:"kadence-video-popup-link kadence-video-type-external",children:(0,m.jsx)(n.GenIcon,{className:`kt-video-svg-icon kt-video-svg-icon-style-${l[0].style} kt-video-svg-icon-${f} kt-video-play-animation-${""!==l[0].animation?l[0].animation:"none"} kt-video-svg-icon-size-${l[0].size?l[0].size:"auto"}`,name:l[0].icon,size:l[0].size?l[0].size:"30",title:l[0].title?l[0].title:"",icon:x[f]})})]})}),"local"===o&&void 0!==t&&void 0!==t[0]&&t[0].url&&(0,m.jsx)("div",{id:`kadence-local-video-${a}`,className:"mfp-hide mfp-with-anim kadence-local-video-popup-wrap",children:(0,m.jsx)("video",{className:"kadence-local-video-popup",controls:!0,preload:"metadata",src:t[0].url})})]})}},{attributes:{uniqueID:{type:"string",default:""},type:{type:"string",default:"iframe"},url:{type:"string"},media:{type:"array",default:[{url:"",id:"",width:"",height:"",alt:"",subtype:""}]},autoPlay:{type:"boolean",default:!1},ratio:{type:"string"},borderRadius:{type:"array",default:["","","",""]},borderWidth:{type:"array",default:["","","",""]},borderColor:{type:"string"},borderOpacity:{type:"number"},playBtn:{type:"array",default:[{icon:"",size:"",width:2,title:(0,r.__)("Play"),color:"#ffffff",opacity:1,background:"#000000",backgroundOpacity:.7,border:"",borderOpacity:1,borderRadius:["","","",""],borderWidth:["","","",""],padding:"",style:"default",animation:"none",colorHover:"",opacityHover:1,backgroundHover:"",backgroundOpacityHover:1,borderHover:"",borderOpacityHover:1}]},background:{type:"array",default:[{color:"",colorOpacity:1,img:"",imgID:"",imgAlt:"",imgWidth:"",imageHeight:"",bgSize:"cover",bgPosition:"center center",bgAttachment:"scroll",bgRepeat:"no-repeat"}]},backgroundOverlay:{type:"array",default:[{type:"solid",fill:"#000000",fillOpacity:1,secondFill:"",secondFillOpacity:1,gradLoc:0,gradLocSecond:100,gradType:"linear",gradAngle:180,gradPosition:"center center",opacity:.3,opacityHover:.5,blendMode:"none"}]},padding:{type:"array",default:[{desk:["","","",""],tablet:["","","",""],mobile:["","","",""]}]},margin:{type:"array",default:[{desk:["","","",""],tablet:["","","",""],mobile:["","","",""]}]},marginUnit:{type:"string"},displayShadow:{type:"boolean",default:!1},shadow:{type:"array",default:[{color:"#000000",opacity:.2,spread:0,blur:14,hOffset:4,vOffset:2}]},shadowHover:{type:"array",default:[{color:"#000000",opacity:.2,spread:0,blur:14,hOffset:4,vOffset:2}]},maxWidth:{type:"number"},maxWidthUnit:{type:"string"},popup:{type:"array",default:[{background:"#000000",backgroundOpacity:.8,closeColor:"#ffffff",maxWidth:900,maxWidthUnit:"px",animation:"none"}]},ariaLabel:{type:"string"},inQueryBlock:{type:"boolean",default:!1}},save:({attributes:e})=>{const{type:o,uniqueID:a,url:i,media:t,ratio:d,playBtn:l,background:r,displayShadow:c,maxWidth:s,maxWidthUnit:p,autoPlay:u,popup:v,ariaLabel:g,inQueryBlock:b}=e,y=void 0!==d&&"custom"!==d?d:void 0,k="custom"===d&&void 0!==r&&void 0!==r[0]&&void 0!==r[0].imgWidth&&void 0!==r[0].imageHeight?r[0].imageHeight/r[0].imgWidth*100:y,h=void 0!==p?p:"px",f=l[0].icon?l[0].icon:"fas_play",x={...kadence_blocks_params_ico.icons,...kadence_blocks_params_fa.icons};return(0,m.jsxs)("div",{className:`kadence-video-popup${a}`,children:[(0,m.jsx)("div",{className:"kadence-video-popup-wrap "+(c?"kadence-video-shadow":"kadence-video-noshadow"),style:{maxWidth:void 0!==s?s+h:void 0},children:(0,m.jsxs)("div",{className:"kadence-video-intrinsic "+(void 0!==d?" kadence-video-set-ratio-"+d:""),style:{paddingBottom:void 0!==k?k+"%":void 0},children:[void 0!==r[0]&&void 0!==r[0].img&&""!==r[0].img&&(0,m.jsx)("img",{src:r[0].img,alt:r[0].imgAlt,width:r[0].imgWidth,height:r[0].imageHeight,className:r[0].imgID?`kadence-video-poster wp-image-${r[0].imgID}`:"kadence-video-poster"}),(0,m.jsx)("div",{className:"kadence-video-overlay"}),"local"===o&&(0,m.jsx)("button",{className:"kadence-video-popup-link kadence-video-type-local",ariaLabel:g||void 0,"data-popup-class":`kadence-popup-${a}`,"data-effect":void 0!==v&&void 0!==v[0]&&void 0!==v[0].animation?v[0].animation:"none","data-popup-id":`kadence-local-video-${a}`,"data-popup-auto":u?"true":"false",children:(0,m.jsx)(n.GenIcon,{className:`kt-video-svg-icon kt-video-svg-icon-style-${l[0].style} kt-video-svg-icon-${f} kt-video-play-animation-${""!==l[0].animation?l[0].animation:"none"} kt-video-svg-icon-size-${l[0].size?l[0].size:"auto"}`,name:l[0].icon,size:l[0].size?l[0].size:"30",title:l[0].title?l[0].title:"",icon:x[f]})}),"local"!==o&&(0,m.jsx)("a",{href:i||"#",role:"button",ariaLabel:g||void 0,"data-popup-class":`kadence-popup-${a}`,"data-effect":void 0!==v&&void 0!==v[0]&&void 0!==v[0].animation?v[0].animation:"none",className:"kadence-video-popup-link kadence-video-type-external",children:(0,m.jsx)(n.GenIcon,{className:`kt-video-svg-icon kt-video-svg-icon-style-${l[0].style} kt-video-svg-icon-${f} kt-video-play-animation-${""!==l[0].animation?l[0].animation:"none"} kt-video-svg-icon-size-${l[0].size?l[0].size:"auto"}`,name:l[0].icon,size:l[0].size?l[0].size:"30",title:l[0].title?l[0].title:"",icon:x[f]})})]})}),"local"===o&&void 0!==t&&void 0!==t[0]&&t[0].url&&(0,m.jsx)("div",{id:`kadence-local-video-${a}`,className:"mfp-hide mfp-with-anim kadence-local-video-popup-wrap",children:(0,m.jsx)("video",{className:"kadence-local-video-popup",controls:!0,preload:"metadata",src:t[0].url})})]})}},{attributes:{uniqueID:{type:"string",default:""},type:{type:"string",default:"iframe"},url:{type:"string"},media:{type:"array",default:[{url:"",id:"",width:"",height:"",alt:"",subtype:""}]},autoPlay:{type:"boolean",default:!1},ratio:{type:"string"},borderRadius:{type:"array",default:["","","",""]},borderWidth:{type:"array",default:["","","",""]},borderColor:{type:"string"},borderOpacity:{type:"number"},playBtn:{type:"array",default:[{icon:"",size:"",width:2,title:(0,r.__)("Play"),color:"#ffffff",opacity:1,background:"#000000",backgroundOpacity:.7,border:"",borderOpacity:1,borderRadius:["","","",""],borderWidth:["","","",""],padding:"",style:"default",animation:"none",colorHover:"",opacityHover:1,backgroundHover:"",backgroundOpacityHover:1,borderHover:"",borderOpacityHover:1}]},background:{type:"array",default:[{color:"",colorOpacity:1,img:"",imgID:"",imgAlt:"",imgWidth:"",imageHeight:"",bgSize:"cover",bgPosition:"center center",bgAttachment:"scroll",bgRepeat:"no-repeat"}]},backgroundOverlay:{type:"array",default:[{type:"solid",fill:"#000000",fillOpacity:1,secondFill:"",secondFillOpacity:1,gradLoc:0,gradLocSecond:100,gradType:"linear",gradAngle:180,gradPosition:"center center",opacity:.3,opacityHover:.5,blendMode:"none"}]},padding:{type:"array",default:[{desk:["","","",""],tablet:["","","",""],mobile:["","","",""]}]},margin:{type:"array",default:[{desk:["","","",""],tablet:["","","",""],mobile:["","","",""]}]},marginUnit:{type:"string"},displayShadow:{type:"boolean",default:!1},shadow:{type:"array",default:[{color:"#000000",opacity:.2,spread:0,blur:14,hOffset:4,vOffset:2}]},shadowHover:{type:"array",default:[{color:"#000000",opacity:.2,spread:0,blur:14,hOffset:4,vOffset:2}]},maxWidth:{type:"number"},maxWidthUnit:{type:"string"}},save:({attributes:e})=>{const{type:o,uniqueID:a,url:i,media:t,ratio:d,playBtn:l,background:r,displayShadow:c,maxWidth:s,maxWidthUnit:p,autoPlay:u}=e,v=void 0!==d&&"custom"!==d?d:void 0,g="custom"===d&&void 0!==r&&void 0!==r[0]&&void 0!==r[0].imgWidth&&void 0!==r[0].imageHeight?r[0].imageHeight/r[0].imgWidth*100:v,b=void 0!==p?p:"px",y=l[0].icon?l[0].icon:"fas_play",k={...kadence_blocks_params_ico.icons,...kadence_blocks_params_fa.icons};return(0,m.jsxs)("div",{className:`kadence-video-popup${a}`,children:[(0,m.jsx)("div",{className:"kadence-video-popup-wrap "+(c?"kadence-video-shadow":"kadence-video-noshadow"),style:{maxWidth:void 0!==s?s+b:void 0},children:(0,m.jsxs)("div",{className:"kadence-video-intrinsic "+(void 0!==d?" kadence-video-set-ratio-"+d:""),style:{paddingBottom:void 0!==g?g+"%":void 0},children:[void 0!==r[0]&&void 0!==r[0].img&&""!==r[0].img&&(0,m.jsx)("img",{src:r[0].img,alt:r[0].imgAlt,width:r[0].imgWidth,height:r[0].imageHeight,className:r[0].imgID?`kadence-video-poster wp-image-${r[0].imgID}`:"kadence-video-poster"}),(0,m.jsx)("div",{className:"kadence-video-overlay"}),"local"===o&&(0,m.jsx)("button",{className:"kadence-video-popup-link kadence-video-type-local","data-popup-id":`kadence-local-video-${a}`,"data-popup-auto":u?"true":"false",children:(0,m.jsx)(n.GenIcon,{className:`kt-video-svg-icon kt-video-svg-icon-style-${l[0].style} kt-video-svg-icon-${y} kt-video-play-animation-${""!==l[0].animation?l[0].animation:"none"} kt-video-svg-icon-size-${l[0].size?l[0].size:"auto"}`,name:l[0].icon,size:l[0].size?l[0].size:"30",title:l[0].title?l[0].title:"",icon:k[y]})}),"local"!==o&&(0,m.jsx)("a",{href:i||"#",role:"button",className:"kadence-video-popup-link kadence-video-type-external",children:(0,m.jsx)(n.GenIcon,{className:`kt-video-svg-icon kt-video-svg-icon-style-${l[0].style} kt-video-svg-icon-${y} kt-video-play-animation-${""!==l[0].animation?l[0].animation:"none"} kt-video-svg-icon-size-${l[0].size?l[0].size:"auto"}`,name:l[0].icon,size:l[0].size?l[0].size:"30",title:l[0].title?l[0].title:"",icon:k[y]})})]})}),"local"===o&&void 0!==t&&void 0!==t[0]&&t[0].url&&(0,m.jsx)("div",{id:`kadence-local-video-${a}`,className:"mfp-hide kadence-local-video-popup-wrap",children:(0,m.jsx)("video",{className:"kadence-local-video-popup",controls:!0,preload:"metadata",src:t[0].url})})]})}},{attributes:{uniqueID:{type:"string",default:""},type:{type:"string",default:"iframe"},url:{type:"string"},media:{type:"array",default:[{url:"",id:"",width:"",height:"",alt:"",subtype:""}]},autoPlay:{type:"boolean",default:!1},ratio:{type:"string"},borderRadius:{type:"array",default:["","","",""]},borderWidth:{type:"array",default:["","","",""]},borderColor:{type:"string"},borderOpacity:{type:"number"},playBtn:{type:"array",default:[{icon:"",size:"",width:2,title:(0,r.__)("Play"),color:"#ffffff",opacity:1,background:"#000000",backgroundOpacity:.7,border:"",borderOpacity:1,borderRadius:["","","",""],borderWidth:["","","",""],padding:"",style:"default",animation:"none",colorHover:"",opacityHover:1,backgroundHover:"",backgroundOpacityHover:1,borderHover:"",borderOpacityHover:1}]},background:{type:"array",default:[{color:"",colorOpacity:1,img:"",imgID:"",imgAlt:"",imgWidth:"",imageHeight:"",bgSize:"cover",bgPosition:"center center",bgAttachment:"scroll",bgRepeat:"no-repeat"}]},backgroundOverlay:{type:"array",default:[{type:"solid",fill:"#000000",fillOpacity:1,secondFill:"",secondFillOpacity:1,gradLoc:0,gradLocSecond:100,gradType:"linear",gradAngle:180,gradPosition:"center center",opacity:.3,opacityHover:.5,blendMode:"none"}]},padding:{type:"array",default:[{desk:["","","",""],tablet:["","","",""],mobile:["","","",""]}]},margin:{type:"array",default:[{desk:["","","",""],tablet:["","","",""],mobile:["","","",""]}]},marginUnit:{type:"string"},displayShadow:{type:"boolean",default:!1},shadow:{type:"array",default:[{color:"#000000",opacity:.2,spread:0,blur:14,hOffset:4,vOffset:2}]},shadowHover:{type:"array",default:[{color:"#000000",opacity:.2,spread:0,blur:14,hOffset:4,vOffset:2}]},maxWidth:{type:"number"},maxWidthUnit:{type:"string"}},save:({attributes:e})=>{const{type:o,uniqueID:a,url:i,media:t,ratio:d,playBtn:l,background:r,displayShadow:c,maxWidth:s,maxWidthUnit:p,autoPlay:u}=e,v=void 0!==d&&"custom"!==d?d:void 0,g="custom"===d&&void 0!==r&&void 0!==r[0]&&void 0!==r[0].width&&void 0!==r[0].height?r[0].height/r[0].width*100:v,b=void 0!==p?p:"px",y=l[0].icon?l[0].icon:"fas_play",k={...kadence_blocks_params_ico.icons,...kadence_blocks_params_fa.icons};return(0,m.jsxs)("div",{className:`kadence-video-popup${a}`,children:[(0,m.jsx)("div",{className:"kadence-video-popup-wrap "+(c?"kadence-video-shadow":"kadence-video-noshadow"),style:{maxWidth:void 0!==s?s+b:void 0},children:(0,m.jsxs)("div",{className:"kadence-video-intrinsic "+(void 0!==d?" kadence-video-set-ratio-"+d:""),style:{paddingBottom:void 0!==g?g+"%":void 0},children:[void 0!==r[0]&&void 0!==r[0].img&&""!==r[0].img&&(0,m.jsx)("img",{src:r[0].img,alt:r[0].imgAlt,width:r[0].imgWidth,height:r[0].imgHeight,className:r[0].imgID?`kadence-video-poster wp-image-${r[0].imgID}`:"kadence-video-poster"}),(0,m.jsx)("div",{className:"kadence-video-overlay"}),"local"===o&&(0,m.jsx)("button",{className:"kadence-video-popup-link kadence-video-type-local","data-popup-id":`kadence-local-video-${a}`,"data-popup-auto":u?"true":"false",children:(0,m.jsx)(n.GenIcon,{className:`kt-video-svg-icon kt-video-svg-icon-style-${l[0].style} kt-video-svg-icon-${y} kt-video-play-animation-${""!==l[0].animation?l[0].animation:"none"} kt-video-svg-icon-size-${l[0].size?l[0].size:"auto"}`,name:l[0].icon,size:l[0].size?l[0].size:"30",title:l[0].title?l[0].title:"",icon:k[y]})}),"local"!==o&&(0,m.jsx)("a",{href:i||"#",role:"button",className:"kadence-video-popup-link kadence-video-type-external",children:(0,m.jsx)(n.GenIcon,{className:`kt-video-svg-icon kt-video-svg-icon-style-${l[0].style} kt-video-svg-icon-${y} kt-video-play-animation-${""!==l[0].animation?l[0].animation:"none"} kt-video-svg-icon-size-${l[0].size?l[0].size:"auto"}`,name:l[0].icon,size:l[0].size?l[0].size:"30",title:l[0].title?l[0].title:"",icon:k[y]})})]})}),"local"===o&&void 0!==t&&void 0!==t[0]&&t[0].url&&(0,m.jsx)("div",{id:`kadence-local-video-${a}`,className:"mfp-hide kadence-local-video-popup-wrap",children:(0,m.jsx)("video",{className:"kadence-local-video-popup",controls:!0,preload:"metadata",src:t[0].url})})]})}}],f=window.wp.blocks,{name:x}=d;(0,f.registerBlockType)("kadence/videopopup",{...d,title:(0,r.__)("Video Popup","kadence-blocks"),icon:{src:i.videoPopupIcon},category:"kadence-blocks",keywords:[(0,r.__)("Video Popup","kadence-blocks"),(0,r.__)("Modal","kadence-blocks"),"KB"],example:{attributes:{background:[{color:"",colorOpacity:1,img:"https://s.w.org/images/core/5.3/MtBlanc1.jpg",imgID:9288,imgAlt:"",imgWidth:2560,imageHeight:1982,bgSize:"cover",bgPosition:"center center",bgAttachment:"scroll",bgRepeat:"no-repeat"}]}},edit:function(e){const{attributes:o,setAttributes:a,context:v,clientId:y,className:k,isSelected:h}=e,{uniqueID:f,type:x,url:w,media:_,ratio:O,displayShadow:j,maxWidth:P,maxWidthUnit:C,borderWidth:S,borderColor:W,borderOpacity:z,borderStyle:$,tabletBorderStyle:H,mobileBorderStyle:N,borderRadius:B,tabletBorderRadius:I,mobileBorderRadius:R,borderRadiusUnit:M,playBtn:T,popup:U,background:A,backgroundOverlay:D,padding:L,paddingUnit:V,margin:F,marginUnit:K,shadow:q,shadowHover:G,autoPlay:E,ariaLabel:Q,kadenceAnimation:J,kadenceAOSOptions:Y,youtubeCookies:X,inQueryBlock:Z,isVimeoPrivate:ee,mediaRatio:oe,mediaRatioMobile:ae,mediaUseMobile:ie,mediaMobile:te,urlMobile:de,mediaPoster:ne,posterType:le}=o,[re,ce]=(0,c.useState)(!1),[se,pe]=(0,c.useState)(""),[ue,ve]=(0,c.useState)(!1),[me,ge]=(0,c.useState)(""),[be,ye]=(0,c.useState)(!1),[ke,he]=(0,c.useState)(""),[fe,xe]=(0,c.useState)("general"),[we,_e]=(0,c.useState)(""),Oe=(0,t.debounce)(l.setDynamicState,200),{previewDevice:je}=(0,u.useSelect)(e=>({previewDevice:e("kadenceblocks/data").getPreviewDeviceType()}),[y]),Pe={...kadence_blocks_params_ico.icons,...kadence_blocks_params_fa.icons},Ce=(0,t.debounce)(()=>{let e=null;v&&v.postId&&v.postId,o.kadenceDynamic&&o.kadenceDynamic["background:0:img"]&&o.kadenceDynamic["background:0:img"].enable&&(0,b.applyFilters)("kadence.dynamicBackground","",o,"background:0:img",a,v)},200);(0,c.useEffect)(()=>{Z||Te(),Ce()},[]),(0,l.uniqueIdHelper)(e),(0,c.useEffect)(()=>{const e=(0,l.getInQueryBlock)(v,Z);e!==Z&&a({inQueryBlock:e})},[v]),(0,c.useEffect)(()=>{Oe("kadence.dynamicBackground","",o,"background:0:img",a,v,_e,!A)},[A,v]);const Se=(0,l.mouseOverVisualizer)(),We=(0,l.mouseOverVisualizer)(),ze=T[0].icon?T[0].icon:"fas_play",$e=k+" kadence-video-popup"+f,He=(0,s.useBlockProps)({className:$e}),Ne=(0,m.jsxs)("style",{children:[`.kadence-video-popup${f} .kadence-video-intrinsic:hover .kadence-video-overlay {\n\t\t\t\t\topacity: ${D[0].opacityHover} !important;\n\t\t\t\t}\n\t\t\t\t.kadence-video-popup${f} .kadence-video-intrinsic:hover .kt-video-svg-icon {\n\t\t\t\t\t${T[0].colorHover?"color:"+(0,l.KadenceColorOutput)(T[0].colorHover,T[0].opacityHover)+"!important;":""}\n\t\t\t\t\t${T[0].backgroundHover?"background:"+(0,l.KadenceColorOutput)(T[0].backgroundHover,T[0].backgroundOpacityHover)+"!important;":""}\n\t\t\t\t\t${T[0].borderHover?"border-color:"+(0,l.KadenceColorOutput)(T[0].borderHover,T[0].borderOpacityHover)+"!important;":""}\n\t\t\t\t}`,P?`.kadence-inner-column-direction-horizontal > #block-${y} { max-width: ${P}px !important; width:100%; }`:"",j?`.kadence-video-popup${f} .kadence-video-popup-wrap:hover { box-shadow: ${G[0].hOffset+"px "+G[0].vOffset+"px "+G[0].blur+"px "+G[0].spread+"px "+(0,l.KadenceColorOutput)(G[0].color,G[0].opacity)} !important; }`:""]}),Be=e=>{Me({img:e.url,imgAlt:e.alt,imgID:e.id,imgWidth:e.width,imageHeight:e.height})},Ie=e=>{const o=F.map((o,a)=>(0===a&&(o={...o,...e}),o));a({margin:o})},Re=e=>{const o=L.map((o,a)=>(0===a&&(o={...o,...e}),o));a({padding:o})},Me=e=>{const o=A.map((o,a)=>(0===a&&(o={...o,...e}),o));a({background:o})},Te=()=>{if(U&&void 0!==U[0]&&(void 0===U[0].maxWidthTablet||void 0===U[0].maxWidthMobile)){const e=U;e[0].maxWidthTablet="",e[0].maxWidthMobile="",a({popup:e})}const e=JSON.parse(JSON.stringify(o.borderStyle?o.borderStyle:[{top:["","",""],right:["","",""],bottom:["","",""],left:["","",""],unit:"px"}]));let i=!1;void 0!==z&&.8!==z?(e[0].top[0]=(0,l.KadenceColorOutput)(W,z),e[0].right[0]=(0,l.KadenceColorOutput)(W,z),e[0].bottom[0]=(0,l.KadenceColorOutput)(W,z),e[0].left[0]=(0,l.KadenceColorOutput)(W,z),i=!0):void 0!==W&&"#ffffff"!==W&&(e[0].top[0]=W,e[0].right[0]=W,e[0].bottom[0]=W,e[0].left[0]=W,i=!0),2!==S?.[0]||2!==S?.[1]||2!==S?.[2]||2!==S?.[3]?(e[0].top[2]=S?.[0]||"",e[0].right[2]=S?.[1]||"",e[0].bottom[2]=S?.[2]||"",e[0].left[2]=S?.[3]||"",i=!0):2===S||S?.[0]||(e[0].top[2]=S,e[0].right[2]=S,e[0].bottom[2]=S,e[0].left[2]=S,i=!0),i&&(a({borderStyle:e}),a({borderColor:"#ffffff"}),a({borderOpacity:.8}),a({borderWidth:[2,2,2,2]}));const t=void 0!==U&&void 0!==U[0]&&U[0].animation?U[0].animation:"none";"fade-left"==t||"fade-right"==t?Ue({animation:"fade"}):"3d-unfold"==t&&Ue({animation:"flip"})},Ue=e=>{let o;o=void 0===U?[{background:"#000000",backgroundOpacity:.8,closeColor:"#ffffff",maxWidth:900,maxWidthTablet:"",maxWidthMobile:"",maxWidthUnit:"px",animation:"none"}]:U;const i=o.map((o,a)=>(0===a&&(o={...o,...e}),o));a({popup:i})},Ae=void 0!==O&&"custom"!==O?O:void 0,De="custom"===O&&void 0!==A&&void 0!==A[0]&&void 0!==A[0].imgWidth&&void 0!==A[0].imageHeight?A[0].imageHeight/A[0].imgWidth*100:Ae,Le=void 0!==C?C:"px",Ve=(0,l.getPreviewSize)(je,void 0!==F?F[0].desk[0]:"",void 0!==F?F[0].tablet[0]:"",void 0!==F?F[0].mobile[0]:""),Fe=(0,l.getPreviewSize)(je,void 0!==F?F[0].desk[1]:"",void 0!==F?F[0].tablet[1]:"",void 0!==F?F[0].mobile[1]:""),Ke=(0,l.getPreviewSize)(je,void 0!==F?F[0].desk[2]:"",void 0!==F?F[0].tablet[2]:"",void 0!==F?F[0].mobile[2]:""),qe=(0,l.getPreviewSize)(je,void 0!==F?F[0].desk[3]:"",void 0!==F?F[0].tablet[3]:"",void 0!==F?F[0].mobile[3]:""),Ge=(0,l.getPreviewSize)(je,void 0!==L?L[0].desk[0]:"",void 0!==L?L[0].tablet[0]:"",void 0!==L?L[0].mobile[0]:""),Ee=(0,l.getPreviewSize)(je,void 0!==L?L[0].desk[1]:"",void 0!==L?L[0].tablet[1]:"",void 0!==L?L[0].mobile[1]:""),Qe=(0,l.getPreviewSize)(je,void 0!==L?L[0].desk[2]:"",void 0!==L?L[0].tablet[2]:"",void 0!==L?L[0].mobile[2]:""),Je=(0,l.getPreviewSize)(je,void 0!==L?L[0].desk[3]:"",void 0!==L?L[0].tablet[3]:"",void 0!==L?L[0].mobile[3]:""),Ye=void 0!==U&&void 0!==U[0]&&U[0].maxWidth?U[0].maxWidth:900,Xe=void 0!==U&&void 0!==U[0]&&U[0].maxWidthTablet?U[0].maxWidthTablet:"",Ze=void 0!==U&&void 0!==U[0]&&U[0].maxWidthMobile?U[0].maxWidthMobile:"",eo=void 0!==U&&void 0!==U[0]&&U[0].maxWidthUnit?U[0].maxWidthUnit:"px",oo="px"===eo?2e3:100,ao=(0,l.getBorderStyle)(je,"top",$,H,N),io=(0,l.getBorderStyle)(je,"right",$,H,N),to=(0,l.getBorderStyle)(je,"bottom",$,H,N),no=(0,l.getBorderStyle)(je,"left",$,H,N),lo=(0,l.getPreviewSize)(je,void 0!==B?B[0]:"",void 0!==I?I[0]:"",void 0!==R?R[0]:""),ro=(0,l.getPreviewSize)(je,void 0!==B?B[1]:"",void 0!==I?I[1]:"",void 0!==R?R[1]:""),co=(0,l.getPreviewSize)(je,void 0!==B?B[2]:"",void 0!==I?I[2]:"",void 0!==R?R[2]:""),so=(0,l.getPreviewSize)(je,void 0!==B?B[3]:"",void 0!==I?I[3]:"",void 0!==R?R[3]:""),po=we&&we[0].img?we[0].img:A[0].img,uo=(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(n.KadencePanelBody,{title:(0,r.__)("Pop Animation","kadence-blocks"),initialOpen:!1,panelName:"kb-video-pop-animation",proTag:!0,children:(0,m.jsxs)("div",{className:"kb-pro-notice",children:[(0,m.jsxs)("h2",{children:[(0,r.__)("Pop Animation","kadence-blocks")," "]}),(0,m.jsxs)("p",{children:[(0,r.__)("Add an appealing animation when the video opens with Kadence Blocks Pro!","kadence-blocks")," "]}),(0,m.jsx)(p.ExternalLink,{href:"https://www.kadencewp.com/kadence-blocks/pro/?utm_source=in-app&utm_medium=kadence-blocks&utm_campaign=navigation-link",children:(0,r.__)("Upgrade to Pro","kadence-blocks")})]})}),(0,m.jsx)(n.KadencePanelBody,{title:(0,r.__)("Play Icon","kadence-blocks"),initialOpen:!1,panelName:"kb-video-play-icon",proTag:!0,children:(0,m.jsxs)("div",{className:"kb-pro-notice",children:[(0,m.jsxs)("h2",{children:[(0,r.__)("Play Icon","kadence-blocks")," "]}),(0,m.jsxs)("p",{children:[(0,r.__)("Customize the play icon shape color and more with Kadence Blocks Pro!","kadence-blocks")," "]}),(0,m.jsx)(p.ExternalLink,{href:"https://www.kadencewp.com/kadence-blocks/pro/?utm_source=in-app&utm_medium=kadence-blocks&utm_campaign=navigation-link",children:(0,r.__)("Upgrade to Pro","kadence-blocks")})]})}),(0,m.jsx)(n.KadencePanelBody,{title:(0,r.__)("Image Overlay Settings","kadence-blocks"),initialOpen:!1,panelName:"kb-video-image-overlay",proTag:!0,children:(0,m.jsxs)("div",{className:"kb-pro-notice",children:[(0,m.jsxs)("h2",{children:[(0,r.__)("Image Overlay","kadence-blocks")," "]}),(0,m.jsxs)("p",{children:[(0,r.__)("Add an overlay to the poster image with Kadence Blocks Pro!","kadence-blocks")," "]}),(0,m.jsx)(p.ExternalLink,{href:"https://www.kadencewp.com/kadence-blocks/pro/?utm_source=in-app&utm_medium=kadence-blocks&utm_campaign=navigation-link",children:(0,r.__)("Upgrade to Pro","kadence-blocks")})]})}),(0,m.jsx)(n.KadencePanelBody,{title:(0,r.__)("Border Settings","kadence-blocks"),initialOpen:!1,panelName:"kb-video-border",proTag:!0,children:(0,m.jsxs)("div",{className:"kb-pro-notice",children:[(0,m.jsxs)("h2",{children:[(0,r.__)("Border","kadence-blocks")," "]}),(0,m.jsxs)("p",{children:[(0,r.__)("Adjust and customize the video border with Kadence Blocks Pro!","kadence-blocks")," "]}),(0,m.jsx)(p.ExternalLink,{href:"https://www.kadencewp.com/kadence-blocks/pro/?utm_source=in-app&utm_medium=kadence-blocks&utm_campaign=navigation-link",children:(0,r.__)("Upgrade to Pro","kadence-blocks")})]})}),(0,m.jsx)(n.KadencePanelBody,{title:(0,r.__)("Shadow","kadence-blocks"),initialOpen:!1,panelName:"kb-video-shadow",proTag:!0,children:(0,m.jsxs)("div",{className:"kb-pro-notice",children:[(0,m.jsxs)("h2",{children:[(0,r.__)("Shadow","kadence-blocks")," "]}),(0,m.jsxs)("p",{children:[(0,r.__)("Adjust and customize the video shadow with Kadence Blocks Pro!","kadence-blocks")," "]}),(0,m.jsx)(p.ExternalLink,{href:"https://www.kadencewp.com/kadence-blocks/pro/?utm_source=in-app&utm_medium=kadence-blocks&utm_campaign=navigation-link",children:(0,r.__)("Upgrade to Pro","kadence-blocks")})]})})]}),vo=(0,b.applyFilters)("kadence.videoPopupProVideoTypeOptions",[{value:"external",label:(0,r.__)("YouTube/Vimeo/VideoPress","kadence-blocks")},{value:"local",label:(0,r.__)("Self Hosted (pro)","kadence-blocks"),disabled:!0}],e),mo=["background","type","media","url"],go=(0,b.applyFilters)("kadence.videoPopupProMediaRatioOptions",[{value:"",label:(0,r.__)("Default","kadence-blocks")},{value:"4:3",label:(0,r.__)("Landscape 4:3 (Pro addon)","kadence-blocks"),disabled:!0},{value:"16:9",label:(0,r.__)("Wide Landscape 16:9 (Pro addon)","kadence-blocks"),disabled:!0},{value:"3:4",label:(0,r.__)("Portrait 3:4 (Pro addon)","kadence-blocks"),disabled:!0},{value:"9:16",label:(0,r.__)("Vertical 9:16 (Pro addon)","kadence-blocks"),disabled:!0}],e),bo=({device:i})=>{const t="mobile"===i?de:w,d="mobile"===i?"urlMobile":"url",l="mobile"===i?ue:re,s="mobile"===i?ve:ce,p="mobile"===i?me:se,u="mobile"===i?ge:pe,g="mobile"===i?(0,r.__)("Mobile Video URL","kadence-blocks"):(0,r.__)("Video URL","kadence-blocks");return(0,m.jsxs)(m.Fragment,{children:["local"!==x&&(0,m.jsx)(c.Fragment,{children:(0,m.jsx)(n.URLInputControl,{label:g,url:t,onChangeUrl:e=>a({[d]:e}),dynamicAttribute:d,allowClear:!0,isSelected:h,attributes:o,setAttributes:a,name:"kadence/videopopup",clientId:y,context:v,additionalControls:!1},i+"url")}),(0,b.applyFilters)("kadence.videoPopupProLocalVideoControls","",e,l,s,p,u,i)]})},yo=(0,m.jsx)(p.ToggleControl,{label:(0,m.jsxs)("div",{style:{display:"flex",gap:"5px",alignItems:"center",justifyContent:"flex-start",width:"100%",fill:"white"},children:[(0,m.jsx)("span",{children:(0,r.__)("Use Mobile Video","kadence-blocks")}),i.proIcon]}),checked:ie,help:(0,r.__)("Play a different video on smaller screens. You can also set a different video ratio.","kadence-blocks"),disabled:!0}),ko=(0,m.jsx)(p.SelectControl,{label:(0,r.__)("Poster Type","kadence-blocks"),value:le,options:[{value:"",label:(0,r.__)("Image","kadence-blocks")},{value:"video",label:(0,r.__)("Video (Pro addon)","kadence-blocks"),disabled:!0}],onChange:e=>a({posterType:e})});return(0,m.jsxs)("div",{...He,style:{paddingTop:""!==Ge?(0,l.getSpacingOptionOutput)(Ge,V):void 0,paddingRight:""!==Ee?(0,l.getSpacingOptionOutput)(Ee,V):void 0,paddingBottom:""!==Qe?(0,l.getSpacingOptionOutput)(Qe,V):void 0,paddingLeft:""!==Je?(0,l.getSpacingOptionOutput)(Je,V):void 0,marginTop:""!==Ve?(0,l.getSpacingOptionOutput)(Ve,K):void 0,marginRight:""!==Fe?(0,l.getSpacingOptionOutput)(Fe,K):void 0,marginBottom:""!==Ke?(0,l.getSpacingOptionOutput)(Ke,K):void 0,marginLeft:""!==qe?(0,l.getSpacingOptionOutput)(qe,K):void 0},children:[(0,m.jsxs)(s.BlockControls,{children:["local"===x&&_&&_[0]&&_[0].id&&(0,m.jsx)(p.ToolbarGroup,{group:"video-control",children:(0,m.jsx)(s.MediaUpload,{onSelect:e=>{(e=>{const o=_.map((o,a)=>(0===a&&(o={...o,...e}),o));a({media:o})})({id:e.id,url:e.url,alt:e.alt,width:e.width,height:e.height,subtype:e.subtype})},type:"video",allowedTypes:["video"],value:_[0].id,render:({open:e})=>(0,m.jsx)(p.ToolbarButton,{className:"components-toolbar__control",label:(0,r.__)("Edit Video","kadence-blocks"),icon:g,onClick:e})})}),(0,m.jsx)(n.CopyPasteAttributes,{attributes:o,excludedAttrs:mo,defaultAttributes:d.attributes,blockSlug:d.name,onPaste:e=>a(e)})]},"controls"),(0,m.jsxs)(s.InspectorControls,{children:[(0,m.jsx)(n.InspectorControlTabs,{panelName:"videopopup",initialOpen:"general",setActiveTab:e=>xe(e),activeTab:fe}),"general"===fe&&(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)(n.KadencePanelBody,{children:[(0,m.jsx)(p.SelectControl,{label:(0,r.__)("Video Type","kadence-blocks"),value:x,options:vo,onChange:e=>a({type:e,isVimeoPrivate:!1})}),(0,m.jsx)(bo,{device:"desktop"}),(0,m.jsx)(p.SelectControl,{label:(0,r.__)("Video Ratio","kadence-blocks"),value:oe,options:go,onChange:e=>a({mediaRatio:e})}),(0,b.applyFilters)("kadence.videoPopupProMediaMobileControls",yo,e),ie&&kadence_blocks_params?.pro&&(0,m.jsxs)(n.KadencePanelBody,{style:{marginBottom:"10px"},children:[(0,m.jsx)(bo,{device:"mobile"}),(0,m.jsx)(p.SelectControl,{label:(0,r.__)("Mobile Video Ratio","kadence-blocks"),value:ae,options:go,onChange:e=>a({mediaRatioMobile:e})})]}),w&&w.includes("vimeo.com/")&&(0,m.jsx)(p.ToggleControl,{label:(0,r.__)("Is Private or Password Protected","kadence-blocks"),checked:ee,onChange:e=>a({isVimeoPrivate:e})}),(0,m.jsx)(p.ToggleControl,{label:(0,r.__)("Embed Youtube with no cookies","kadence-blocks"),checked:X,onChange:e=>a({youtubeCookies:e})}),(0,m.jsx)(p.ToggleControl,{label:(0,r.__)("Auto play video (if able)","kadence-blocks"),checked:E,onChange:e=>a({autoPlay:e})}),(0,m.jsx)(p.TextControl,{label:(0,r.__)("Aria Label","kadence-blocks"),value:Q||"",onChange:e=>{a({ariaLabel:e})}}),(0,m.jsx)("h2",{children:(0,r.__)("Video Poster","kadence-blocks")}),(0,b.applyFilters)("kadence.videoPopupProLocalVideoPosterControls",ko,e,be,ye,ke,he),"video"!==le&&(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(n.KadenceImageControl,{label:(0,r.__)("Image","kadence-blocks"),hasImage:!!A[0].img,imageURL:A[0].img?A[0].img:"",imageID:A[0].imgID,onRemoveImage:()=>{Me({img:"",imgAlt:"",imgID:"",imgWidth:"",imageHeight:""})},onSaveImage:Be,disableMediaButtons:!!A[0].img,dynamicAttribute:"background:0:img",isSelected:h,attributes:o,setAttributes:a,name:"kadence/videopopup",clientId:y,context:v}),A[0].imgID&&(0,m.jsx)(n.ImageSizeControl,{label:(0,r.__)("Poster Image File Size","kadence-blocks"),id:A[0].imgID,url:A[0].img,fullSelection:!0,selectByValue:!0,onChange:e=>{Me({img:e.value,imgWidth:e.width,imageHeight:e.height})}})]}),(0,m.jsx)(n.PopColorControl,{label:(0,r.__)("Poster Background","kadence-blocks"),colorValue:A[0].color?A[0].color:"",colorDefault:"",opacityValue:void 0!==A[0].colorOpacity?A[0].colorOpacity:1,onColorChange:e=>Me({color:e}),onOpacityChange:e=>Me({colorOpacity:e})}),(0,m.jsx)(p.SelectControl,{label:(0,r.__)("Poster Ratio","kadence-blocks"),value:void 0!==O?O:"56.25",options:[{value:"100",label:(0,r.__)("Square 1:1","kadence-blocks")},{value:"133.33",label:(0,r.__)("Portrait 3:4","kadence-blocks")},{value:"200",label:(0,r.__)("Tall Portrait 1:2","kadence-blocks")},{value:"75",label:(0,r.__)("Landscape 4:3","kadence-blocks")},{value:"56.25",label:(0,r.__)("Wide Landscape 16:9","kadence-blocks")},{value:"50",label:(0,r.__)("Wider Landscape 2:1","kadence-blocks")},{value:"custom",label:(0,r.__)("Inherit from Image","kadence-blocks")}],onChange:e=>a({ratio:e})})]})}),"style"===fe&&(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(n.KadencePanelBody,{children:[(0,m.jsx)(n.ResponsiveRangeControls,{label:(0,r.__)("Max Video Width","kadence-blocks"),value:Ye,onChange:e=>Ue({maxWidth:e}),tabletValue:Xe,onChangeTablet:e=>Ue({maxWidthTablet:e}),mobileValue:Ze,onChangeMobile:e=>Ue({maxWidthMobile:e}),min:0,max:oo,step:1,unit:eo,onUnit:e=>Ue({maxWidthUnit:e}),showUnit:!0,units:["px","%","vw"]}),(0,m.jsx)(n.PopColorControl,{label:(0,r.__)("Popup Background Color","kadence-blocks"),colorValue:void 0!==U&&void 0!==U[0]&&U[0].background?U[0].background:"#000000",colorDefault:"#000000",opacityValue:void 0!==U&&void 0!==U[0]&&void 0!==U[0].backgroundOpacity?U[0].backgroundOpacity:.8,onColorChange:e=>Ue({background:e}),onOpacityChange:e=>Ue({backgroundOpacity:e})}),(0,m.jsx)(n.PopColorControl,{label:(0,r.__)("Popup Close Background Color","kadence-blocks"),colorValue:void 0!==U&&void 0!==U[0]&&U[0].closeBackground?U[0].closeBackground:"#ffffff",colorDefault:"#ffffff",onColorChange:e=>Ue({closeBackground:e})}),(0,m.jsx)(n.PopColorControl,{label:(0,r.__)("Popup Close Color","kadence-blocks"),colorValue:void 0!==U&&void 0!==U[0]&&U[0].closeColor?U[0].closeColor:"#ffffff",colorDefault:"#ffffff",onColorChange:e=>Ue({closeColor:e})})]}),(0,b.applyFilters)("kadence.videoPopupProStyleControls",uo,e)]}),"advanced"===fe&&(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(n.KadencePanelBody,{children:[(0,m.jsx)(n.ResponsiveMeasureRangeControl,{label:(0,r.__)("Padding","kadence-blocks"),value:L[0].desk,tabletValue:L[0].tablet,mobileValue:L[0].mobile,onChange:e=>Re({desk:e}),onChangeTablet:e=>Re({tablet:e}),onChangeMobile:e=>Re({mobile:e}),min:0,max:"em"===V||"rem"===V?24:200,step:"em"===V||"rem"===V?.1:1,unit:V,units:["px","em","rem","%"],onUnit:e=>a({paddingUnit:e}),onMouseOver:We.onMouseOver,onMouseOut:We.onMouseOut}),(0,m.jsx)(n.ResponsiveMeasureRangeControl,{label:(0,r.__)("Margin","kadence-blocks"),value:F[0].desk,tabletValue:F[0].tablet,mobileValue:F[0].mobile,onChange:e=>Ie({desk:e}),onChangeTablet:e=>Ie({tablet:e}),onChangeMobile:e=>Ie({mobile:e}),min:"em"===K||"rem"===K?-12:-200,max:"em"===K||"rem"===K?24:200,step:"em"===K||"rem"===K?.1:1,unit:K,units:["px","em","rem","%","vh"],onUnit:e=>a({marginUnit:e}),onMouseOver:Se.onMouseOver,onMouseOut:Se.onMouseOut}),(0,m.jsx)(p.RangeControl,{label:(0,r.__)("Max Width","kadence-blocks"),value:P,onChange:e=>{a({maxWidth:e})},min:0,max:1800,allowReset:!0})]}),(0,m.jsx)("div",{className:"kt-sidebar-settings-spacer"}),(0,m.jsx)(n.KadenceBlockDefaults,{attributes:o,defaultAttributes:d.attributes,blockSlug:d.name,excludedAttrs:mo})]})]}),Ne,(0,m.jsx)("div",{id:`animate-id${f}`,className:`kadence-video-popup-wrap ${j?"kadence-video-shadow":"kadence-video-noshadow"} aos-animate kt-animation-wrap`,"data-aos":J||void 0,"data-aos-duration":Y&&Y[0]&&Y[0].duration?Y[0].duration:void 0,"data-aos-easing":Y&&Y[0]&&Y[0].easing?Y[0].easing:void 0,style:{borderTop:ao||void 0,borderRight:io||void 0,borderBottom:to||void 0,borderLeft:no||void 0,borderTopLeftRadius:""!==lo?lo+(M||"px"):void 0,borderTopRightRadius:""!==ro?ro+(M||"px"):void 0,borderBottomRightRadius:""!==co?co+(M||"px"):void 0,borderBottomLeftRadius:""!==so?so+(M||"px"):void 0,boxShadow:j?q[0].hOffset+"px "+q[0].vOffset+"px "+q[0].blur+"px "+q[0].spread+"px "+(0,l.KadenceColorOutput)(q[0].color,q[0].opacity):void 0,maxWidth:void 0!==P?P+Le:void 0},children:(0,m.jsxs)("div",{className:"kadence-video-intrinsic "+(void 0!==O?" kadence-video-set-ratio-"+O:""),style:{paddingBottom:void 0!==De?De+"%":void 0,backgroundColor:A[0].color?(0,l.KadenceColorOutput)(A[0].color,A[0].colorOpacity):void 0,backgroundImage:po?`url(${po})`:void 0},children:["video"===le&&ne&&ne[0]&&ne[0].url&&(0,m.jsx)("video",{src:ne[0].url,autoPlay:!1,muted:!0,playsInline:!1,className:"kadence-video-poster",preload:"metadata"}),(!D[0].type||"gradient"!==D[0].type)&&(0,m.jsx)("div",{className:"kadence-video-overlay",style:{background:D[0].fill?(0,l.KadenceColorOutput)(D[0].fill,D[0].fillOpacity):void 0,mixBlendMode:D[0].blendMode?D[0].blendMode:void 0,opacity:void 0!==D[0].opacity?D[0].opacity:void 0}}),D[0].type&&"gradient"===D[0].type&&(0,m.jsx)("div",{className:"kadence-video-overlay",style:{background:"radial"===D[0].gradType?`radial-gradient(at ${D[0].gradPosition}, ${(0,l.KadenceColorOutput)(D[0].fill?D[0].fill:"#000000",D[0].fillOpacity)} ${D[0].gradLoc}%, ${(0,l.KadenceColorOutput)(D[0].secondFill?D[0].secondFill:"#000000",D[0].secondFill?D[0].secondFillOpacity:0)} ${D[0].gradLocSecond}%)`:`linear-gradient(${D[0].gradAngle}deg, ${(0,l.KadenceColorOutput)(D[0].fill?D[0].fill:"#000000",D[0].fillOpacity)} ${D[0].gradLoc}%, ${(0,l.KadenceColorOutput)(D[0].secondFill?D[0].secondFill:"#000000",D[0].secondFill?D[0].secondFillOpacity:0)} ${D[0].gradLocSecond}%)`,mixBlendMode:D[0].blendMode?D[0].blendMode:void 0,opacity:void 0!==D[0].opacity?D[0].opacity:void 0}}),!po&&(0,m.jsx)(s.MediaUpload,{onSelect:Be,allowedTypes:["image"],type:"image",value:"",render:({open:e})=>(0,m.jsx)(p.Button,{className:"button button-large",onClick:e,children:(0,r.__)("Select Image","kadence-blocks")})}),(0,m.jsx)("div",{className:"kadence-video-popup-link "+("local"===x?"kadence-video-type-local":"kadence-video-type-external"),children:(0,m.jsx)(n.GenIcon,{className:`kt-video-svg-icon  kt-video-svg-icon-style-${T[0].style} kt-video-svg-icon-${ze} kt-video-play-animation-${""!==T[0].animation?T[0].animation:"none"} kt-video-svg-icon-size-${T[0].size?T[0].size:"auto"}`,name:ze,size:T[0].size?T[0].size:"30",strokeWidth:T[0].width?T[0].width:"2",icon:Pe[ze],style:{color:T[0].color?(0,l.KadenceColorOutput)(T[0].color,T[0].opacity):void 0,backgroundColor:T[0].background&&"default"!==T[0].style?(0,l.KadenceColorOutput)(T[0].background,T[0].backgroundOpacity):void 0,padding:T[0].padding&&"default"!==T[0].style?T[0].padding+"px":void 0,borderColor:T[0].border&&"default"!==T[0].style?(0,l.KadenceColorOutput)(T[0].border,T[0].borderOpacity):void 0,borderWidth:T[0].borderWidth&&""!==T[0].borderWidth[0]&&"default"!==T[0].style?T[0].borderWidth[0]+"px "+T[0].borderWidth[1]+"px "+T[0].borderWidth[2]+"px "+T[0].borderWidth[3]+"px":void 0,borderRadius:T[0].borderRadius&&""!==T[0].borderRadius[0]&&"default"!==T[0].style?T[0].borderRadius[0]+"% "+T[0].borderRadius[1]+"% "+T[0].borderRadius[2]+"% "+T[0].borderRadius[3]+"%":void 0}})})]})}),(0,m.jsx)(n.SpacingVisualizer,{type:"inside",forceShow:We.isMouseOver,spacing:[(0,l.getSpacingOptionOutput)(Ge,V),(0,l.getSpacingOptionOutput)(Ee,V),(0,l.getSpacingOptionOutput)(Qe,V),(0,l.getSpacingOptionOutput)(Je,V)]}),(0,m.jsx)(n.SpacingVisualizer,{type:"outside",forceShow:Se.isMouseOver,spacing:[(0,l.getSpacingOptionOutput)(Ve,K),(0,l.getSpacingOptionOutput)(Fe,K),(0,l.getSpacingOptionOutput)(Ke,K),(0,l.getSpacingOptionOutput)(qe,K)]})]})},save:function(e){const{attributes:{type:o,uniqueID:a,url:i,media:t,ratio:d,playBtn:l,background:r,displayShadow:c,autoPlay:p,popup:u,ariaLabel:v,youtubeCookies:g,inQueryBlock:b,mediaUseMobile:y,urlMobile:h,mediaMobile:f,mediaRatio:x,mediaRatioMobile:w,posterType:_,mediaPoster:O}}=e,j=void 0!==d&&"custom"!==d?d:void 0,P="custom"===d&&void 0!==r&&void 0!==r[0]&&void 0!==r[0].imgWidth&&void 0!==r[0].imageHeight?r[0].imageHeight/r[0].imgWidth*100:j,C=l[0].icon?l[0].icon:"fas_play",S=void 0!==u&&void 0!==u[0]&&void 0!==u[0].animation?u[0].animation:"none",W=l[0].title?l[0].title:"",z=(l[0].size&&l[0].size,l[0].size?l[0].size:"auto"),$=""!==l[0].animation?l[0].animation:"none",H=`kt-video-svg-icon kt-video-svg-icon-style-${l[0].style} kt-video-svg-icon-${C} kt-video-play-animation-${$} kt-video-svg-icon-size-${z}`,N="kadence-video-popup-link "+("local"==o?"kadence-video-type-local":"kadence-video-type-external"),B={"data-popup-class":`kadence-popup-${a}`,"data-effect":S,"data-popup-id":`kadence-local-video-${a}`,"data-popup-auto":p?"true":"false","data-youtube-cookies":g?"true":"false"};x&&(B["data-media-ratio"]=x),y&&w&&(B["data-media-ratio-mobile"]=w);const I=k()("wp-block-kadence-videopopup","kadence-video-popup"+a);return(0,m.jsxs)("div",{...s.useBlockProps.save({className:I}),children:[(0,m.jsx)("div",{className:"kadence-video-popup-wrap "+(c?"kadence-video-shadow":"kadence-video-noshadow"),children:(0,m.jsxs)("div",{className:"kadence-video-intrinsic "+(void 0!==d?" kadence-video-set-ratio-"+d:""),style:{paddingBottom:void 0!==P?P+"%":void 0},children:["video"!==_&&(0,m.jsx)("img",{src:r[0].img,alt:r[0].imgAlt,width:r[0].imgWidth,height:r[0].imageHeight,className:r[0].imgID?`kadence-video-poster wp-image-${r[0].imgID}`:"kadence-video-poster"}),"video"===_&&(0,m.jsx)(m.Fragment,{children:void 0!==O&&void 0!==O[0]&&O[0].url&&(0,m.jsx)("video",{src:O[0].url,autoPlay:!0,loop:!0,muted:!0,playsInline:!0,className:"kadence-video-poster"})}),(0,m.jsx)("div",{className:"kadence-video-overlay"}),"local"===o&&(0,m.jsx)("button",{className:N,"aria-label":v||void 0,...B,children:(0,m.jsx)(n.IconSpanTag,{extraClass:H,name:C,title:W})}),"local"!==o&&(0,m.jsx)("a",{className:N,"aria-label":v||void 0,href:i||"#","data-href-mobile":h||null,role:"button",...B,children:(0,m.jsx)(n.IconSpanTag,{extraClass:H,name:C,title:W})})]})}),"local"===o&&void 0!==t&&void 0!==t[0]&&t[0].url&&(0,m.jsx)("div",{id:`kadence-local-video-${a}`,className:"mfp-hide mfp-with-anim kadence-local-video-popup-wrap",children:(0,m.jsx)("video",{className:"kadence-local-video-popup",controls:!0,preload:"metadata",src:t[0].url,"data-src-mobile":f?.[0]?.url?f[0].url:null})})]})},deprecated:h})},6942:(e,o)=>{var a;!function(){"use strict";var i={}.hasOwnProperty;function t(){for(var e="",o=0;o<arguments.length;o++){var a=arguments[o];a&&(e=n(e,d(a)))}return e}function d(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return t.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var o="";for(var a in e)i.call(e,a)&&e[a]&&(o=n(o,a));return o}function n(e,o){return o?e?e+" "+o:e+o:e}e.exports?(t.default=t,e.exports=t):void 0===(a=function(){return t}.apply(o,[]))||(e.exports=a)}()}},a={};function i(e){var t=a[e];if(void 0!==t)return t.exports;var d=a[e]={exports:{}};return o[e](d,d.exports,i),d.exports}i.m=o,e=[],i.O=(o,a,t,d)=>{if(!a){var n=1/0;for(s=0;s<e.length;s++){for(var[a,t,d]=e[s],l=!0,r=0;r<a.length;r++)(!1&d||n>=d)&&Object.keys(i.O).every(e=>i.O[e](a[r]))?a.splice(r--,1):(l=!1,d<n&&(n=d));if(l){e.splice(s--,1);var c=t();void 0!==c&&(o=c)}}return o}d=d||0;for(var s=e.length;s>0&&e[s-1][2]>d;s--)e[s]=e[s-1];e[s]=[a,t,d]},i.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return i.d(o,{a:o}),o},i.d=(e,o)=>{for(var a in o)i.o(o,a)&&!i.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:o[a]})},i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3171:0,468:0};i.O.j=o=>0===e[o];var o=(o,a)=>{var t,d,[n,l,r]=a,c=0;if(n.some(o=>0!==e[o])){for(t in l)i.o(l,t)&&(i.m[t]=l[t]);if(r)var s=r(i)}for(o&&o(a);c<n.length;c++)d=n[c],i.o(e,d)&&e[d]&&e[d][0](),e[d]=0;return i.O(s)},a=globalThis.webpackChunkkadence=globalThis.webpackChunkkadence||[];a.forEach(o.bind(null,0)),a.push=o.bind(null,a.push.bind(a))})();var t=i.O(void 0,[468],()=>i(5821));t=i.O(t),(this.kadence=this.kadence||{})["blocks-videopopup"]=t})();

📁 Sid Gifari File Manager