"use strict";(self.webpackChunkgutenkit_blocks_addon=self.webpackChunkgutenkit_blocks_addon||[]).push([[3576],{3576:(e,n,o)=>{o.r(n),o.d(n,{default:()=>g});var t=o(7723),l=o(6087),a=o(6427),i=o(5573),d=o(790);const s=(0,d.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(i.Path,{d:"M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z"})}),r=(0,d.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(i.Path,{d:"M7.5 5.5h9V4h-9v1.5Zm-3.5 7h16V11H4v1.5Zm3.5 7h9V18h-9v1.5Z"})}),c=(0,d.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(i.Path,{d:"M11.111 5.5H20V4h-8.889v1.5ZM4 12.5h16V11H4v1.5Zm7.111 7H20V18h-8.889v1.5Z"})}),k=(0,d.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(i.Path,{d:"M12 3.9 6.5 9.5l1 1 3.8-3.7V20h1.5V6.8l3.7 3.7 1-1z"})}),u=(0,d.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(i.Path,{d:"M19 5.5H5V4h14v1.5ZM19 20H5v-1.5h14V20ZM7 9h10v6H7V9Z"})}),b=(0,d.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(i.Path,{d:"m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z"})}),g=(0,l.memo)((({attributes:e,setAttributes:n,device:o,advancedControl:l})=>{const{GkitColor:i,GkitIconPicker:g,GkitPanelBody:_,GkitRepeater:h,GkitResponsive:v,GkitSwitcher:x,GkitTabs:p,GkitTypography:j,GkitBackgrounGroup:m,GkitChoose:C,GkitSlider:B,GkitRangeUnit:w,GkitText:P,GkitMedia:H,GkitAdvancedUrl:I,GkitBoxControl:y,GkitSelect:G,GkitBorderControl:L}=window.gutenkit.components,{gkitResponsiveValue:V,useFontFamilyinBlock:S,responsiveHelper:T,boxControlUnit:U}=window.gutenkit.helpers;return S([e?.titleTypography,e?.btnTypography]),(0,d.jsx)(p,{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:S=>{switch(S.name){case"content":return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(_,{title:(0,t.__)("Image Accordions","gutenkit-blocks-addon"),initialOpen:!0,children:(0,d.jsxs)(h,{label:"Content",onChange:e=>n({accordionItems:e}),repeaterFields:e?.accordionItems,itemLabelName:"title",children:[(0,d.jsx)(x,{label:(0,t.__)("Keep this item active?","gutenkit-blocks-addon"),name:"isActive",default:!1}),(0,d.jsx)(H,{name:"backgroundImage",label:(0,t.__)("Background Image","gutenkit-blocks-addon"),default:{url:"https://placehold.co/1080x720?text=Image+Accordioin",alt:"Image accordion Placeholder",sizes:[],type:"image"},mediaTypes:["image"]}),(0,d.jsx)(P,{label:(0,t.__)("Title","gutenkit-blocks-addon"),name:"title",labelBlock:"block",default:"Image accordion Title"}),(0,d.jsx)(x,{label:(0,t.__)("Enable Wrap Link","gutenkit-blocks-addon"),name:"enableWrapLink",default:!1}),(0,d.jsx)(I,{label:(0,t.__)("Wrap Link Url","gutenkit-blocks-addon"),name:"wrapLinkUrl",condition:{name:"enableWrapLink",value:!0}}),(0,d.jsx)(x,{label:(0,t.__)("Add Button Url","gutenkit-blocks-addon"),name:"enableButtonUrl",default:!1}),(0,d.jsx)(I,{label:(0,t.__)("Button Url","gutenkit-blocks-addon"),name:"buttonUrl",condition:{name:"enableButtonUrl",value:!0}}),(0,d.jsx)(x,{label:(0,t.__)("Add Project Link Url","gutenkit-blocks-addon"),name:"enableProjectLink",default:!1}),(0,d.jsx)(I,{label:(0,t.__)("Project Link Url","gutenkit-blocks-addon"),name:"projectLink",condition:{name:"enableProjectLink",value:!0}})]})}),(0,d.jsxs)(_,{title:(0,t.__)("Settings","gutenkit-blocks-addon"),children:[(0,d.jsx)(v,{children:(0,d.jsx)(G,{label:(0,t.__)("Style","gutenkit-blocks-addon"),options:[{label:(0,t.__)("Horizontal","gutenkit-blocks-addon"),value:"horizontal"},{label:(0,t.__)("Vertical","gutenkit-blocks-addon"),value:"vertical"}],value:V(e,"accordionStyle",o),onChange:e=>T("accordionStyle",e,o,n)})}),(0,d.jsx)(G,{label:(0,t.__)("Active Behaivor","gutenkit-blocks-addon"),options:[{label:(0,t.__)("Click","gutenkit-blocks-addon"),value:"click"},{label:(0,t.__)("Hover","gutenkit-blocks-addon"),value:"hover"}],value:e?.activeEvent,onChange:e=>n({activeEvent:e})}),(0,d.jsx)(x,{label:(0,t.__)("Enable Button","gutenkit-blocks-addon"),value:e?.enableBtn,onChange:e=>n({enableBtn:e})}),e?.enableBtn&&(0,d.jsx)(P,{label:(0,t.__)("Button Label","gutenkit-blocks-addon"),value:e?.buttonLabel,onChange:e=>n({buttonLabel:e}),labelBlock:"block"}),(0,d.jsx)(x,{label:(0,t.__)("Enable Popup","gutenkit-blocks-addon"),value:e?.enablePopup,onChange:e=>n({enablePopup:e})}),e?.enablePopup&&(0,d.jsx)(g,{label:(0,t.__)("Popup Icon","gutenkit-blocks-addon"),onChange:e=>n({popUpIcon:e}),value:e?.popUpIcon}),(0,d.jsx)(x,{label:(0,t.__)("Enable Project Link","gutenkit-blocks-addon"),value:e?.enableProjectLink,onChange:e=>n({enableProjectLink:e})}),e?.enableProjectLink&&(0,d.jsx)(g,{label:(0,t.__)("Project Link Icon","gutenkit-blocks-addon"),onChange:e=>n({projectLinkIcon:e}),value:e?.projectLinkIcon})]})]});case"style":return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(_,{title:(0,t.__)("General","gutenkit-blocks-addon"),initialOpen:!0,children:[(0,d.jsx)(v,{children:(0,d.jsx)(w,{label:(0,t.__)("Min Height","gutenkit-blocks-addon"),value:V(e,"minHeight",o),onChange:e=>T("minHeight",e,o,n),units:{px:{min:0,max:1e3,step:1},vh:{min:0,max:100,step:1}}})}),(0,d.jsx)(v,{children:(0,d.jsx)(B,{label:(0,t.__)("Gutter","gutenkit-blocks-addon"),value:V(e,"gutter",o),onChange:e=>T("gutter",e,o,n),sizeUnits:["px"]})}),(0,d.jsx)(v,{children:(0,d.jsx)(L,{label:(0,t.__)("Border","gutenkit-blocks-addon"),value:V(e,"itemBorder",o),onChange:e=>T("itemBorder",e,o,n)})}),(0,d.jsx)(a.__experimentalDivider,{}),(0,d.jsx)(a.__experimentalHeading,{children:(0,t.__)("Active Item Background","gutenkit-blocks-addon")}),(0,d.jsx)(m,{label:(0,t.__)("Background","gutenkit-blocks-addon"),value:e?.bgActiveColor,onChange:e=>n({bgActiveColor:e}),exclude:{video:!0,image:!0}})]}),(0,d.jsxs)(_,{title:(0,t.__)("Title","gutenkit-blocks-addon"),children:[(0,d.jsx)(y,{label:(0,t.__)("Margin","gutenkit-blocks-addon"),values:e?.titleMargin,onChange:e=>n({titleMargin:e})}),(0,d.jsx)(i,{label:(0,t.__)("Color","gutenkit-blocks-addon"),onChange:e=>n({titleColor:e}),value:e?.titleColor}),(0,d.jsx)(j,{label:(0,t.__)("Typography","gutenkit-blocks-addon"),onChange:e=>n({titleTypography:e}),value:e?.titleTypography})]}),(0,d.jsxs)(_,{title:(0,t.__)("Content","gutenkit-blocks-addon"),children:[(0,d.jsx)(v,{children:(0,d.jsx)(C,{label:(0,t.__)("Alignment","gutenkit-blocks-addon"),options:[{label:(0,t.__)("Left","gutenkit-blocks-addon"),value:"flex-start",icon:s},{label:(0,t.__)("Center","gutenkit-blocks-addon"),value:"center",icon:r},{label:(0,t.__)("Right","gutenkit-blocks-addon"),value:"flex-end",icon:c}],value:V(e,"contentAlign",o),onChange:e=>T("contentAlign",e,o,n)})}),(0,d.jsx)(v,{children:(0,d.jsx)(y,{label:(0,t.__)("Padding","gutenkit-blocks-addon"),values:V(e,"contentPadding",o),onChange:e=>T("contentPadding",e,o,n)})}),(0,d.jsx)(v,{children:(0,d.jsx)(C,{label:(0,t.__)("Vertical Position","gutenkit-blocks-addon"),options:[{label:(0,t.__)("Top","gutenkit-blocks-addon"),value:"flex-start",icon:k},{label:(0,t.__)("Center","gutenkit-blocks-addon"),value:"center",icon:u},{label:(0,t.__)("Bottom","gutenkit-blocks-addon"),value:"flex-end",icon:b}],value:V(e,"contentPosition",o),onChange:e=>T("contentPosition",e,o,n)})})]}),e?.enableBtn&&(0,d.jsxs)(_,{title:(0,t.__)("Button","gutenkit-blocks-addon"),children:[(0,d.jsx)(v,{children:(0,d.jsx)(y,{label:(0,t.__)("Padding","gutenkit-blocks-addon"),values:V(e,"btnPadding",o),onChange:e=>T("btnPadding",e,o,n)})}),(0,d.jsx)(j,{label:(0,t.__)("Typography","gutenkit-blocks-addon"),onChange:e=>n({btnTypography:e}),value:e?.btnTypography}),(0,d.jsx)(p,{type:"normal",tabs:[{name:"normal-background",title:(0,t.__)("Normal","gutenkit-blocks-addon")},{name:"hover-background",title:(0,t.__)("Hover","gutenkit-blocks-addon")}],children:o=>"normal-background"===o.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(i,{label:(0,t.__)("Color","gutenkit-blocks-addon"),onChange:e=>n({btnTextColor:e}),value:e?.btnTextColor}),(0,d.jsx)(m,{onChange:e=>n({btnBackground:e}),value:e?.btnBackground,exclude:{video:!0,image:!0}}),(0,d.jsx)(L,{label:(0,t.__)("Border","gutenkit-blocks-addon"),onChange:e=>n({btnBorder:e}),value:e?.btnBorder}),(0,d.jsx)(y,{label:(0,t.__)("Border Radius","gutenkit-blocks-addon"),units:U,values:e?.btnBorderRadius,onChange:e=>n({btnBorderRadius:e})})]}):"hover-background"===o.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(i,{label:(0,t.__)("Color","gutenkit-blocks-addon"),onChange:e=>n({btnTextColorHover:e}),value:e?.btnTextColorHover}),(0,d.jsx)(m,{onChange:e=>n({btnBackgroundHover:e}),value:e?.btnBackgroundHover,exclude:{video:!0,image:!0}}),(0,d.jsx)(L,{label:(0,t.__)("Border","gutenkit-blocks-addon"),onChange:e=>n({btnBorderHover:e}),value:e?.btnBorderHover}),(0,d.jsx)(y,{label:(0,t.__)("Border Radius","gutenkit-blocks-addon"),units:U,values:e?.btnBorderRadiusHover,onChange:e=>n({btnBorderRadiusHover:e})})]}):void 0})]}),(e?.enablePopup||e?.enableProjectLink)&&(0,d.jsxs)(_,{title:(0,t.__)("Action Icon","gutenkit-blocks-addon"),children:[(0,d.jsx)(w,{label:(0,t.__)("Icon Size","gutenkit-blocks-addon"),value:e?.gkitIconSize,onChange:e=>n({gkitIconSize:e}),units:{px:{min:0,max:100},em:{min:0,max:100}}}),(0,d.jsx)(w,{label:(0,t.__)("Width","gutenkit-blocks-addon"),value:e?.iconWidth,onChange:e=>n({iconWidth:e}),units:{px:{min:0,max:1e3,step:1}}}),(0,d.jsx)(w,{label:(0,t.__)("Space Between","gutenkit-blocks-addon"),value:e?.iconSpace,onChange:e=>n({iconSpace:e}),units:{px:{min:0,max:1e3,step:1}}}),(0,d.jsx)(v,{children:(0,d.jsx)(y,{label:(0,t.__)("Border Radius","gutenkit-blocks-addon"),units:U,values:V(e,"iconBorderRadius",o),onChange:e=>T("iconBorderRadius",e,o,n)})}),(0,d.jsx)(p,{type:"normal",tabs:[{name:"normal-background",title:(0,t.__)("Normal","gutenkit-blocks-addon")},{name:"hover-background",title:(0,t.__)("Hover","gutenkit-blocks-addon")}],children:o=>"normal-background"===o.name?(0,d.jsxs)(d.Fragment,{children:[e?.enablePopup&&(0,d.jsx)(L,{label:(0,t.__)("Popup Icon","gutenkit-blocks-addon"),onChange:e=>n({popupIconBorder:e}),value:e?.popupIconBorder}),e?.enableProjectLink&&(0,d.jsx)(L,{label:(0,t.__)("Link Icon","gutenkit-blocks-addon"),onChange:e=>n({linkIconBorder:e}),value:e?.linkIconBorder}),(0,d.jsx)(i,{label:(0,t.__)("Background Color","gutenkit-blocks-addon"),onChange:e=>n({iconBackground:e}),value:e?.iconBackground})]}):"hover-background"===o.name?(0,d.jsxs)(d.Fragment,{children:[e?.enablePopup&&(0,d.jsx)(i,{label:(0,t.__)("Popup Icon","gutenkit-blocks-addon"),onChange:e=>n({pupUpIconColorHover:e}),value:e?.pupUpIconColorHover}),e?.enableProjectLink&&(0,d.jsx)(i,{label:(0,t.__)("Link Icon","gutenkit-blocks-addon"),onChange:e=>n({linkIconColorHover:e}),value:e?.linkIconColorHover}),(0,d.jsx)(i,{label:(0,t.__)("Background Color","gutenkit-blocks-addon"),onChange:e=>n({iconBackgroundHover:e}),value:e?.iconBackgroundHover})]}):void 0})]})]});case"advanced":return l}}})}))}}]);