✏️ Editing: 9807.js Writable

"use strict";(globalThis.webpackChunkgutenkit_blocks_addon=globalThis.webpackChunkgutenkit_blocks_addon||[]).push([[9807],{9807:(e,o,n)=>{n.r(o),n.d(o,{default:()=>b});var t=n(7723),l=n(6087),i=n(6427),a=n(5573),d=n(790);const s=(0,d.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(a.Path,{d:"M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z"})}),r=(0,d.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(a.Path,{d:"M7.5 5.5h9V4h-9v1.5Zm-3.5 7h16V11H4v1.5Zm3.5 7h9V18h-9v1.5Z"})}),u=(0,d.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(a.Path,{d:"M11.111 5.5H20V4h-8.889v1.5ZM4 12.5h16V11H4v1.5Zm7.111 7H20V18h-8.889v1.5Z"})}),g=(0,d.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(a.Path,{d:"M5 5v1.5h14V5H5zm0 7.8h14v-1.5H5v1.5zM5 19h14v-1.5H5V19z"})}),k=(0,d.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(a.Path,{d:"M20 11.2H6.8l3.7-3.7-1-1L3.9 12l5.6 5.5 1-1-3.7-3.7H20z"})}),c=(0,d.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(a.Path,{d:"m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z"})}),b=(0,l.memo)((({attributes:e,setAttributes:o,device:n,advancedControl:l})=>{const{GkitBoxShadow:a,GkitColor:b,GkitIconPicker:v,GkitPanelBody:x,GkitResponsive:h,GkitSwitcher:_,GkitTabs:m,GkitTypography:p,GkitBackgrounGroup:j,GkitChoose:C,GkitSlider:y,GkitRangeUnit:B,GkitText:S,GkitMedia:w,GkitNumber:V,GkitSelect:P,GkitBoxControl:I,GkitBorderControl:H}=window.gutenkit.components,{gkitResponsiveValue:T,useFontFamilyinBlock:G,responsiveHelper:F,colorsGroup:O,boxControlUnit:W}=window.gutenkit.helpers;return G([e?.buttonTypography]),(0,d.jsx)(m,{type:"top-level",tabs:[{name:"content",title:(0,t.__)("Content","gutenkit-blocks-addon")},{name:"style",title:(0,t.__)("Style","gutenkit-blocks-addon")},{name:"advanced",title:(0,t.__)("Advanced","gutenkit-blocks-addon")}],children:G=>"content"===G.name?(0,d.jsx)(d.Fragment,{children:(0,d.jsxs)(x,{title:(0,t.__)("Video","gutenkit-blocks-addon"),initialOpen:!0,children:[(0,d.jsx)(P,{label:(0,t.__)("Source","gutenkit-blocks-addon"),options:[{label:(0,t.__)("Youtube","gutenkit-blocks-addon"),value:"youtube"},{label:(0,t.__)("Vimeo","gutenkit-blocks-addon"),value:"vimeo"},{label:(0,t.__)("Self Hosted","gutenkit-blocks-addon"),value:"selfHosted"}],value:e?.videoType,onChange:e=>o({videoType:e})}),"youtube"===e?.videoType&&(0,d.jsx)(S,{label:(0,t.__)("Link","gutenkit-blocks-addon"),value:e?.youtubeVideoUrl,onChange:e=>o({youtubeVideoUrl:e}),labelBlock:"block"}),"vimeo"===e?.videoType&&(0,d.jsx)(S,{label:(0,t.__)("Link","gutenkit-blocks-addon"),value:e?.vimeoVideoUrl,onChange:e=>o({vimeoVideoUrl:e}),labelBlock:"block"}),"selfHosted"==e?.videoType&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(_,{label:(0,t.__)("External URL","gutenkit-blocks-addon"),value:e?.isCustomUrl,onChange:e=>o({isCustomUrl:e})}),e?.isCustomUrl?(0,d.jsx)(S,{label:(0,t.__)("Link","gutenkit-blocks-addon"),value:e?.selfHostedVideoUrl,onChange:e=>o({selfHostedVideoUrl:e}),labelBlock:"block",help:(0,t.__)("Input a valid video url","gutenkit-blocks-addon")}):(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(w,{label:(0,t.__)("Choose Video File","gutenkit-blocks-addon"),mediaTypes:["video"],onChange:e=>o({selfUploadedVideo:e}),value:e?.selfUploadedVideo,imageSize:!0})})]}),"vimeo"!==e?.videoType&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(V,{label:(0,t.__)("Start Time (Sec)","gutenkit-blocks-addon"),min:0,value:e?.videoStartTime,onChange:e=>o({videoStartTime:e})}),(0,d.jsx)(i.__experimentalNumberControl,{label:(0,t.__)("End Time (Sec)","gutenkit-blocks-addon"),value:e?.videoEndTime,className:"gkit-number-control gkit-control-wrap",onChange:e=>o({videoEndTime:e}),min:Number(e?.videoStartTime)+1,__next40pxDefaultSize:!0})]}),(0,d.jsx)(i.__experimentalDivider,{}),(0,d.jsx)(C,{label:(0,t.__)("Video Style","gutenkit-blocks-addon"),value:e?.videoStyleOptions,options:[{label:(0,t.__)("Inline","gutenkit-blocks-addon"),value:"inline"},{label:(0,t.__)("Popup","gutenkit-blocks-addon"),value:"popup"}],onChange:e=>o({videoStyleOptions:e}),isToggle:!1}),"inline"==e?.videoStyleOptions&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(_,{label:(0,t.__)("Image Overlay","gutenkit-blocks-addon"),value:e?.isImageOverlay,onChange:e=>o({isImageOverlay:e})}),e?.isImageOverlay&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(w,{label:(0,t.__)("Choose an Image","gutenkit-blocks-addon"),mediaTypes:["image"],onChange:e=>o({overlayImage:e}),value:e?.overlayImage,imageSize:!0}),(0,d.jsx)(i.__experimentalDivider,{}),(0,d.jsx)(_,{label:(0,t.__)("Play Icon","gutenkit-blocks-addon"),value:e?.overlayPlayIcon,onChange:e=>o({overlayPlayIcon:e})})]})]}),("inline"==e?.videoStyleOptions&&e?.isImageOverlay&&e?.overlayPlayIcon||"popup"==e?.videoStyleOptions)&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(P,{label:(0,t.__)("Button Style","gutenkit-blocks-addon"),options:[{label:(0,t.__)("Text","gutenkit-blocks-addon"),value:"text"},{label:(0,t.__)("Icon","gutenkit-blocks-addon"),value:"icon"},{label:(0,t.__)("Both","gutenkit-blocks-addon"),value:"both"}],value:e?.videoButtonStyle,onChange:e=>o({videoButtonStyle:e})}),("text"==e?.videoButtonStyle||"both"==e?.videoButtonStyle)&&(0,d.jsx)(S,{label:(0,t.__)("Button Title","gutenkit-blocks-addon"),onChange:e=>o({videoButtonTitle:e}),value:e?.videoButtonTitle,labelBlock:"block"}),("icon"==e?.videoButtonStyle||"both"==e?.videoButtonStyle)&&(0,d.jsx)(v,{label:(0,t.__)("Icon","gutenkit-blocks-addon"),onChange:e=>o({videoIcon:e}),value:e?.videoIcon}),"both"==e?.videoButtonStyle&&(0,d.jsx)(P,{label:(0,t.__)("Icon Position","gutenkit-blocks-addon"),options:[{label:(0,t.__)("Before","gutenkit-blocks-addon"),value:"row"},{label:(0,t.__)("After","gutenkit-blocks-addon"),value:"row-reverse"}],value:e?.videoIconPosition,onChange:e=>o({videoIconPosition:e})}),(0,d.jsx)(_,{label:(0,t.__)("Active Glow","gutenkit-blocks-addon"),value:e?.isActiveGlow,onChange:e=>o({isActiveGlow:e})}),e?.isActiveGlow&&(0,d.jsx)(C,{value:e?.glowOptions,options:[{label:(0,t.__)("Ripple","gutenkit-blocks-addon"),value:"color"},{label:(0,t.__)("Radio Wave","gutenkit-blocks-addon"),value:"border"}],onChange:e=>o({glowOptions:e}),isToggle:!1})]}),"inline"==e?.videoStyleOptions&&e?.isImageOverlay&&e?.overlayPlayIcon&&(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(_,{label:(0,t.__)("Lightbox","gutenkit-blocks-addon"),value:e?.overlayLightbox,onChange:e=>o({overlayLightbox:e})})}),(0,d.jsx)(i.__experimentalDivider,{}),!(e?.isImageOverlay&&e?.overlayPlayIcon&&!e?.overlayLightbox)&&!(e?.isImageOverlay&&!e?.overlayPlayIcon&&!e?.overlayLightbox)&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(_,{label:(0,t.__)("Auto Play","gutenkit-blocks-addon"),value:e?.isAutoPlay,onChange:e=>o({isAutoPlay:e})}),(0,d.jsx)("span",{children:(0,t.__)("Unmuted Videos will not auto play in some browsers","gutenkit-blocks-addon")})]}),(0,d.jsx)(i.__experimentalSpacer,{marginTop:"15px"}),e?.isAutoPlay&&(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(_,{label:(0,t.__)("Play On Mobile","gutenkit-blocks-addon"),value:e?.isPlayOnMobile,onChange:e=>o({isPlayOnMobile:e})})}),(0,d.jsx)(_,{label:(0,t.__)("Mute","gutenkit-blocks-addon"),value:e?.isVideoMute,onChange:e=>o({isVideoMute:e})}),(0,d.jsx)(_,{label:(0,t.__)("Loop","gutenkit-blocks-addon"),value:e?.isVideoLoop,onChange:e=>o({isVideoLoop:e})}),"selfHosted"==e?.videoType?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(i.__experimentalDivider,{}),(0,d.jsx)(w,{label:(0,t.__)("Poster","gutenkit-blocks-addon"),onChange:e=>o({posterImage:e}),value:e?.posterImage,labelBlock:"block",mediaTypes:["image/jpeg","image/png","image/svg+xml","image/webp"]}),(0,d.jsx)(i.__experimentalDivider,{}),(0,d.jsx)(i.__experimentalHeading,{children:(0,t.__)("Control Options","gutenkit-blocks-addon")}),(0,d.jsx)(_,{label:(0,t.__)("Player Controls","gutenkit-blocks-addon"),value:e?.isPlayerControlsEnabled,onChange:e=>o({isPlayerControlsEnabled:e})}),e?.isPlayerControlsEnabled&&(0,d.jsx)(_,{label:(0,t.__)("Download Button","gutenkit-blocks-addon"),value:e?.isDownloadButton,onChange:e=>o({isDownloadButton:e})}),(0,d.jsx)(P,{label:"Preload",options:[{label:(0,t.__)("Metadata","gutenkit-blocks-addon"),value:"metadata"},{label:(0,t.__)("Auto","gutenkit-blocks-addon"),value:"auto"},{label:(0,t.__)("None","gutenkit-blocks-addon"),value:"none"}],value:e?.videoPreLoad,onChange:e=>o({videoPreLoad:e})})]}):(0,d.jsxs)(d.Fragment,{children:[("youtube"==e?.videoType||"vimeo"==e?.videoType)&&(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(_,{label:(0,t.__)("Player Control","gutenkit-blocks-addon"),value:e?.playerControl,onChange:e=>o({playerControl:e})})}),"vimeo"==e?.videoType&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(_,{label:(0,t.__)("Intro Title","gutenkit-blocks-addon"),value:e?.isIntroTitle,onChange:e=>o({isIntroTitle:e})}),(0,d.jsx)(_,{label:(0,t.__)("Intro Portrait","gutenkit-blocks-addon"),value:e?.isIntroPortrait,onChange:e=>o({isIntroPortrait:e})}),(0,d.jsx)(_,{label:(0,t.__)("Intro Byline","gutenkit-blocks-addon"),value:e?.isIntroByLine,onChange:e=>o({isIntroByLine:e})})]})]}),"inline"==e?.videoStyleOptions&&("youtube"==e?.videoType||"vimeo"==e?.videoType)&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(_,{label:(0,t.__)("Privacy Mode","gutenkit-blocks-addon"),value:e?.isPrivacyMode,onChange:e=>o({isPrivacyMode:e})}),(0,d.jsx)("span",{children:(0,t.__)("When you turn on privacy mode, YouTube/Vimeo won't store information about visitors on your website unless they play the video.","gutenkit-blocks-addon")})]}),"inline"==e?.videoStyleOptions&&"youtube"==e?.videoType&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(i.__experimentalSpacer,{marginTop:"15px"}),(0,d.jsx)(_,{label:(0,t.__)("Lazy Load","gutenkit-blocks-addon"),value:e?.isLazyLoad,onChange:e=>o({isLazyLoad:e})})]}),"youtube"==e?.videoType&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(i.__experimentalSpacer,{marginTop:"15px"}),(0,d.jsx)(_,{label:(0,t.__)("Suggested Video","gutenkit-blocks-addon"),value:e?.isSuggestedVideo,onChange:e=>o({isSuggestedVideo:e})})]})]})}):"style"===G.name?(0,d.jsxs)(d.Fragment,{children:["inline"===e?.videoStyleOptions&&(0,d.jsx)(d.Fragment,{children:(0,d.jsxs)(x,{title:(0,t.__)("Player","gutenkit-blocks-addon"),initialOpen:!0,children:[(0,d.jsx)(h,{children:(0,d.jsx)(B,{label:(0,t.__)("Width","gutenkit-blocks-addon"),value:T(e,"inlineVideoWidth",n),onChange:e=>F("inlineVideoWidth",e,n,o),units:{px:{min:0,max:1500},"%":{min:0,max:100}}})}),(0,d.jsx)(h,{children:(0,d.jsx)(B,{label:(0,t.__)("Height","gutenkit-blocks-addon"),value:T(e,"inlineVideoHeight",n),onChange:e=>F("inlineVideoHeight",e,n,o),units:{px:{min:0,max:1500},"%":{min:0,max:100}}})})]})}),"inline"!==e?.videoStyleOptions&&(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(x,{title:(0,t.__)("Wrapper","gutenkit-blocks-addon"),children:(0,d.jsxs)(h,{children:[(0,d.jsx)(C,{label:(0,t.__)("Alignment","gutenkit-blocks-addon"),options:[{label:(0,t.__)("Left","gutenkit-blocks-addon"),value:"left",icon:s},{label:(0,t.__)("Center","gutenkit-blocks-addon"),value:"center",icon:r},{label:(0,t.__)("Right","gutenkit-blocks-addon"),value:"right",icon:u},{label:(0,t.__)("Justified","gutenkit-blocks-addon"),value:"justified",icon:g}],value:T(e,"wrapperAlignment",n),onChange:e=>F("wrapperAlignment",e,n,o)}),(0,d.jsx)(h,{children:(0,d.jsx)(I,{label:(0,t.__)("Padding","gutenkit-blocks-addon"),values:T(e,"wrapperPadding",n),onChange:e=>F("wrapperPadding",e,n,o)})})]})})}),("inline"==e?.videoStyleOptions&&e?.isImageOverlay&&e?.overlayPlayIcon||"popup"==e?.videoStyleOptions)&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(x,{title:(0,t.__)("Button","gutenkit-blocks-addon"),children:[(0,d.jsx)(h,{children:(0,d.jsx)(I,{label:(0,t.__)("Padding","gutenkit-blocks-addon"),values:T(e,"buttonPadding",n),onChange:e=>F("buttonPadding",e,n,o)})}),"text"!==e?.videoButtonStyle&&(0,d.jsx)(h,{children:(0,d.jsx)(B,{label:(0,t.__)("Icon Size","gutenkit-blocks-addon"),value:T(e,"iconSize",n),onChange:e=>F("iconSize",e,n,o),units:{px:{min:0,max:100},"%":{min:0,max:100}}})}),"icon"!==e?.videoButtonStyle&&(0,d.jsx)(p,{label:(0,t.__)("Typography","gutenkit-blocks-addon"),value:e?.buttonTypography,onChange:e=>o({buttonTypography:e})}),(0,d.jsx)(_,{label:(0,t.__)("Use height width","gutenkit-blocks-addon"),value:e?.isHeightWidth,onChange:e=>o({isHeightWidth:e})}),e?.isHeightWidth&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(h,{children:(0,d.jsx)(B,{label:(0,t.__)("Width","gutenkit-blocks-addon"),value:T(e,"buttonWidth",n),onChange:e=>F("buttonWidth",e,n,o),units:{px:{min:0,max:200},"%":{min:0,max:100}}})}),(0,d.jsx)(h,{children:(0,d.jsx)(B,{label:(0,t.__)("Height","gutenkit-blocks-addon"),value:T(e,"buttonHeight",n),onChange:e=>F("buttonHeight",e,n,o),units:{px:{min:0,max:200},"%":{min:0,max:100}}})})]}),(0,d.jsx)(i.__experimentalDivider,{}),e?.isActiveGlow&&"color"==e?.glowOptions&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(b,{label:(0,t.__)("Glow Color","gutenkit-blocks-addon"),onChange:e=>o({glowColor:e}),value:e?.glowColor}),(0,d.jsx)(h,{children:(0,d.jsx)(B,{label:(0,t.__)("Glow Size (px)","gutenkit-blocks-addon"),value:T(e,"glowSize",n),onChange:e=>F("glowSize",e,n,o),units:{px:{min:0,max:200},"%":{min:0,max:100}}})})]}),(0,d.jsx)(m,{type:"normal",tabs:[{name:"normal-tab",title:(0,t.__)("Normal","gutenkit-blocks-addon")},{name:"hover-tab",title:(0,t.__)("Hover","gutenkit-blocks-addon")}],children:n=>"normal-tab"===n.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(b,{label:(0,t.__)("Color","gutenkit-blocks-addon"),onChange:e=>o({textColor:e}),value:e?.textColor}),(0,d.jsx)(j,{onChange:e=>o({background:e}),value:e?.background,exclude:{video:!0,image:!0}})]}):"hover-tab"===n.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(b,{label:(0,t.__)("Color","gutenkit-blocks-addon"),onChange:e=>o({textHoverColor:e}),value:e?.textHoverColor}),(0,d.jsx)(j,{onChange:e=>o({backgroundHover:e}),value:e?.backgroundHover,exclude:{video:!0,image:!0}}),(0,d.jsx)(y,{label:(0,t.__)("Scale","gutenkit-blocks-addon"),value:e?.backgroundHoverScale,onChange:e=>o({backgroundHoverScale:e}),range:{min:0,max:10,step:.1}})]}):void 0})]}),(0,d.jsxs)(x,{title:(0,t.__)("Border","gutenkit-blocks-addon"),children:[(0,d.jsx)(m,{type:"normal",tabs:[{name:"normal-tab",title:(0,t.__)("Normal","gutenkit-blocks-addon")},{name:"hover-tab",title:(0,t.__)("Hover","gutenkit-blocks-addon")}],children:l=>"normal-tab"===l.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(H,{colors:O,label:(0,t.__)("Border","gutenkit-blocks-addon"),onChange:e=>o({borderStyle:e}),value:e?.borderStyle,enableAlpha:!0}),(0,d.jsx)(h,{children:(0,d.jsx)(I,{label:(0,t.__)("Border Radius","gutenkit-blocks-addon"),units:W,values:T(e,"borderRadius",n),onChange:e=>F("borderRadius",e,n,o)})})]}):"hover-tab"===l.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(H,{colors:O,label:(0,t.__)("Border","gutenkit-blocks-addon"),onChange:e=>o({borderStyleHover:e}),value:e?.borderStyleHover,enableAlpha:!0}),(0,d.jsx)(h,{children:(0,d.jsx)(I,{label:(0,t.__)("Border Radius","gutenkit-blocks-addon"),units:W,values:T(e,"borderRadiusHover",n),onChange:e=>F("borderRadiusHover",e,n,o)})})]}):void 0}),"border"===e?.glowOptions&&(0,d.jsx)(h,{children:(0,d.jsx)(y,{label:(0,t.__)("Radio Wave Size","gutenkit-blocks-addon"),value:T(e,"radioWaveSize",n),onChange:e=>F("radioWaveSize",e,n,o),range:{min:1,max:5,step:.1}})})]})]}),"inline"!==e?.videoStyleOptions&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(x,{title:(0,t.__)("Shadow","gutenkit-blocks-addon"),children:[(0,d.jsx)(a,{label:(0,t.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.boxShadow,onChange:e=>o({boxShadow:e})}),"icon"!==e?.videoButtonStyle&&(0,d.jsx)(a,{label:(0,t.__)("Text Shadow","gutenkit-blocks-addon"),value:e?.textShadow,onChange:e=>o({textShadow:e}),exclude:{position:!0,spread:!0},selectedType:"text"})]}),"both"==e?.videoButtonStyle&&(0,d.jsx)(x,{title:(0,t.__)("Icon","gutenkit-blocks-addon"),children:(0,d.jsx)(h,{children:(0,d.jsx)(B,{label:(0,t.__)("Padding Right","gutenkit-blocks-addon"),value:T(e,"paddingRight",n),onChange:e=>F("paddingRight",e,n,o),units:{px:{min:0,max:100},"%":{min:0,max:100}}})})})]}),("popup"==e?.videoStyleOptions||"inline"==e?.videoStyleOptions&&e?.isImageOverlay&&e?.overlayPlayIcon&&e?.overlayLightbox)&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(x,{title:(0,t.__)("Popup","gutenkit-blocks-addon"),children:[(0,d.jsx)(j,{label:(0,t.__)("Overlay Color","gutenkit-blocks-addon"),onChange:e=>o({overlayBackground:e}),value:e?.overlayBackground,exclude:{video:!0,image:!0}}),(0,d.jsx)(j,{label:(0,t.__)("Background Color","gutenkit-blocks-addon"),onChange:e=>o({gkitPopupWrapBackground:e}),value:e?.gkitPopupWrapBackground,exclude:{video:!0,image:!0}}),(0,d.jsx)(h,{children:(0,d.jsx)(I,{label:(0,t.__)("Padding","gutenkit-blocks-addon"),values:T(e,"gkitPopupWrapPadding",n),onChange:e=>F("gkitPopupWrapPadding",e,n,o)})}),(0,d.jsx)(H,{colors:O,label:(0,t.__)("Border","gutenkit-blocks-addon"),onChange:e=>o({gkitPopupWrapBorder:e}),value:e?.gkitPopupWrapBorder,enableAlpha:!0}),(0,d.jsx)(h,{children:(0,d.jsx)(I,{label:(0,t.__)("Border Radius","gutenkit-blocks-addon"),values:T(e,"gkitPopupWrapBorderRadius",n),onChange:e=>F("gkitPopupWrapBorderRadius",e,n,o)})}),(0,d.jsx)(a,{label:(0,t.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.gkitPopupWrapBoxShadow,onChange:e=>o({gkitPopupWrapBoxShadow:e})})]}),(0,d.jsxs)(x,{title:(0,t.__)("Popup Close Button","gutenkit-blocks-addon"),children:[(0,d.jsx)(v,{label:(0,t.__)("Icon","gutenkit-blocks-addon"),onChange:e=>o({gkitVideoCloseButtonIcon:e}),value:e?.gkitVideoCloseButtonIcon}),(0,d.jsx)(i.__experimentalDivider,{}),(0,d.jsx)(h,{children:(0,d.jsx)(B,{label:(0,t.__)("Width","gutenkit-blocks-addon"),value:T(e,"gkitVideoCloseButtonWidth",n),onChange:e=>F("gkitVideoCloseButtonWidth",e,n,o),units:{px:{min:0,max:200}}})}),(0,d.jsx)(h,{children:(0,d.jsx)(B,{label:(0,t.__)("Height","gutenkit-blocks-addon"),value:T(e,"gkitVideoCloseButtonHeight",n),onChange:e=>F("gkitVideoCloseButtonHeight",e,n,o),units:{px:{min:0,max:200}}})}),(0,d.jsx)(i.__experimentalDivider,{}),(0,d.jsx)(h,{children:(0,d.jsx)(B,{label:(0,t.__)("Icon Size","gutenkit-blocks-addon"),value:T(e,"gkitVideoCloseButtonIconSize",n),onChange:e=>F("gkitVideoCloseButtonIconSize",e,n,o),units:{px:{min:0,max:100}}})}),(0,d.jsx)(h,{children:(0,d.jsx)(I,{label:(0,t.__)("Padding","gutenkit-blocks-addon"),values:T(e,"gkitPopupCloseButtonPadding",n),onChange:e=>F("gkitVideoCloseButtonPadding",e,n,o)})}),(0,d.jsx)(_,{label:(0,t.__)("Icon Custom Position","gutenkit-blocks-addon"),value:e?.isGkitVideoCloseButtonCustomPosition,onChange:e=>o({isGkitVideoCloseButtonCustomPosition:e})}),!e?.isGkitVideoCloseButtonCustomPosition&&(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(C,{label:(0,t.__)("Close Button Position","gutenkit-blocks-addon"),options:[{label:(0,t.__)("Left","gutenkit-blocks-addon"),value:"left",icon:k},{label:(0,t.__)("Right","gutenkit-blocks-addon"),value:"right",icon:c}],value:e?.gkitVideoCloseButtonPosition,onChange:e=>o({gkitVideoCloseButtonPosition:e})})}),e?.isGkitVideoCloseButtonCustomPosition&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(h,{children:(0,d.jsx)(B,{label:(0,t.__)("Vertical","gutenkit-blocks-addon"),value:T(e,"gkitVideoCloseButtonPositionVertical",n),onChange:e=>F("gkitVideoCloseButtonPositionVertical",e,n,o),units:{px:{min:-2e3,max:2e3}}})}),(0,d.jsx)(h,{children:(0,d.jsx)(B,{label:(0,t.__)("Horizontal","gutenkit-blocks-addon"),value:T(e,"gkitVideoCloseButtonPositionHorizontal",n),onChange:e=>F("gkitVideoCloseButtonPositionHorizontal",e,n,o),sizeUnits:["px"],range:{min:-1e3,max:1e3},units:{px:{min:-2e3,max:2e3}}})})]}),(0,d.jsx)(m,{type:"normal",tabs:[{name:"normal-tab",title:(0,t.__)("Normal","gutenkit-blocks-addon")},{name:"hover-tab",title:(0,t.__)("Hover","gutenkit-blocks-addon")}],children:l=>"normal-tab"===l.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(j,{label:(0,t.__)("Background","gutenkit-blocks-addon"),value:e?.gkitVideoCloseButtonIconColorBgNormal,onChange:e=>o({gkitVideoCloseButtonIconColorBgNormal:e}),exclude:{video:!0,image:!0}}),(0,d.jsx)(b,{label:(0,t.__)("Icon Color","gutenkit-blocks-addon"),value:e?.gkitVideoCloseButtonIconColorNormal,onChange:e=>o({gkitVideoCloseButtonIconColorNormal:e})}),(0,d.jsx)(H,{colors:O,label:(0,t.__)("Border","gutenkit-blocks-addon"),onChange:e=>o({gkitVideoCloseButtonBorderNormal:e}),value:e?.gkitVideoCloseButtonBorderNormal,enableAlpha:!0}),(0,d.jsx)(h,{children:(0,d.jsx)(B,{label:(0,t.__)("Border Radius","gutenkit-blocks-addon"),value:T(e,"gkitVideoCloseButtonBorderRadiusNormal",n),onChange:e=>F("gkitVideoCloseButtonBorderRadiusNormal",e,n,o),units:{px:{min:0,max:100}}})}),(0,d.jsx)(a,{label:(0,t.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.gkitVideoCloseButtonShadowNormal,onChange:e=>o({gkitVideoCloseButtonShadowNormal:e})})]}):"hover-tab"===l.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(j,{label:(0,t.__)("Background","gutenkit-blocks-addon"),value:e?.gkitVideoCloseButtonIconColorBgHover,onChange:e=>o({gkitVideoCloseButtonIconColorBgHover:e}),exclude:{video:!0,image:!0}}),(0,d.jsx)(b,{label:(0,t.__)("Icon Color","gutenkit-blocks-addon"),value:e?.gkitVideoCloseButtonIconColorHover,onChange:e=>o({gkitVideoCloseButtonIconColorHover:e})}),(0,d.jsx)(H,{colors:O,label:(0,t.__)("Border","gutenkit-blocks-addon"),onChange:e=>o({gkitVideoCloseButtonBorderHover:e}),value:e?.gkitVideoCloseButtonBorderHover,enableAlpha:!0}),(0,d.jsx)(h,{children:(0,d.jsx)(B,{label:(0,t.__)("Border Radius","gutenkit-blocks-addon"),value:T(e,"gkitVideoCloseButtonBorderRadiusHover",n),onChange:e=>F("gkitVideoCloseButtonBorderRadiusHover",e,n,o),units:{px:{min:0,max:100}}})}),(0,d.jsx)(a,{label:(0,t.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.gkitVideoCloseButtonShadowHover,onChange:e=>o({gkitVideoCloseButtonShadowHover:e})})]}):void 0})]})]})]}):"advanced"===G.name?l:void 0})}))}}]);

🔐 Sid Gifari File Manager Pro