"use strict";(self.webpackChunkgutenkit_blocks_addon=self.webpackChunkgutenkit_blocks_addon||[]).push([[7787],{168:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var o=n(7723),l=n(1455),a=n.n(l),i=n(6087),s=n(5573),d=n(790);const r=(0,d.jsx)(s.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,d.jsx)(s.Path,{d:"M20.8 10.7l-4.3-4.3-1.1 1.1 4.3 4.3c.1.1.1.3 0 .4l-4.3 4.3 1.1 1.1 4.3-4.3c.7-.8.7-1.9 0-2.6zM4.2 11.8l4.3-4.3-1-1-4.3 4.3c-.7.7-.7 1.8 0 2.5l4.3 4.3 1.1-1.1-4.3-4.3c-.2-.1-.2-.3-.1-.4z"})}),g=(0,d.jsx)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(s.Path,{d:"m12 20-4.5-3.6-.9 1.2L12 22l5.5-4.4-.9-1.2L12 20zm0-16 4.5 3.6.9-1.2L12 2 6.5 6.4l.9 1.2L12 4z"})}),c=(0,d.jsx)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(s.Path,{d:"M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z"})}),u=(0,d.jsx)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(s.Path,{d:"M7.5 5.5h9V4h-9v1.5Zm-3.5 7h16V11H4v1.5Zm3.5 7h9V18h-9v1.5Z"})}),b=(0,d.jsx)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(s.Path,{d:"M11.111 5.5H20V4h-8.889v1.5ZM4 12.5h16V11H4v1.5Zm7.111 7H20V18h-8.889v1.5Z"})}),k=(0,d.jsx)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(s.Path,{d:"M12 3.9 6.5 9.5l1 1 3.8-3.7V20h1.5V6.8l3.7 3.7 1-1z"})}),h=(0,d.jsx)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(s.Path,{d:"M12.5 15v5H11v-5H4V9h7V4h1.5v5h7v6h-7Z"})}),v=(0,d.jsx)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(s.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"})}),m=({attributes:e,setAttributes:t,device:n,advancedControl:l})=>{const{GkitBoxShadow:s,GkitColor:m,GkitPanelBody:_,GkitResponsive:x,GkitSwitcher:C,GkitTabs:j,GkitTypography:p,GkitBackgrounGroup:w,GkitChoose:B,GkitSlider:y,GkitRangeUnit:T,GkitComplexSelectAsync:H,GkitBoxControl:A,GkitBorderControl:G,GkitNumber:f,GkitSelect:S}=window.gutenkit.components,{gkitResponsiveValue:V,useFontFamilyinBlock:P,responsiveHelper:M,boxControlUnit:R}=window.gutenkit.helpers,[Z,z]=(0,i.useState)([{name:"normal-tab",title:(0,o.__)("Normal","gutenkit-blocks-addon")},{name:"active-tab",title:(0,o.__)("Active","gutenkit-blocks-addon")}]);(0,i.useEffect)((()=>{"click"===e?.eventType&&z([{name:"normal-tab",title:(0,o.__)("Normal","gutenkit-blocks-addon")},{name:"hover-tab",title:(0,o.__)("Hover","gutenkit-blocks-addon")},{name:"active-tab",title:(0,o.__)("Active","gutenkit-blocks-addon")}])}),[e?.eventType]),P([e?.itemTypography,e?.titleTypography]);const F=e=>a()({path:`/wp/v2/categories/?search=${e}`}).then((e=>e.map((e=>({label:e?.name,value:e?.id}))))).catch((e=>{console.error(e)}));return(0,d.jsx)(j,{type:"top-level",tabs:[{name:"content",title:(0,o.__)("Content","gutenkit-blocks-addon")},{name:"style",title:(0,o.__)("Style","gutenkit-blocks-addon")},{name:"advanced",title:(0,o.__)("Advanced","gutenkit-blocks-addon")}],children:a=>"content"===a.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(_,{title:(0,o.__)("Settings","gutenkit-blocks-addon"),initialOpen:!0,children:[(0,d.jsx)(H,{label:(0,o.__)("Select Catagories","gutenkit-blocks-addon"),options:F,cacheOptions:!0,defaultOptions:!0,isMulti:!0,value:e.selectedCatagories,onChange:e=>t({selectedCatagories:e})}),(0,d.jsx)(f,{label:(0,o.__)("Post Count","gutenkit-blocks-addon"),value:e.postCount,onChange:e=>t({postCount:Number(e)}),labelPosition:"side",min:0,max:100,step:1}),(0,d.jsx)(C,{label:(0,o.__)("Crop Title by Words","gutenkit-blocks-addon"),value:e?.enableCropTitle,onChange:e=>t({enableCropTitle:e})}),e.enableCropTitle&&(0,d.jsx)(f,{label:(0,o.__)("Number of Words","gutenkit-blocks-addon"),value:e.numberOfWordsTitle,onChange:e=>t({numberOfWordsTitle:Number(e)}),labelPosition:"side",min:1,max:100,step:1}),(0,d.jsx)(x,{children:(0,d.jsx)(S,{label:(0,o.__)("Select Column","gutenkit-blocks-addon"),options:[{label:(0,o.__)("2 Column","gutenkit-blocks-addon"),value:"50%"},{label:(0,o.__)("3 Column","gutenkit-blocks-addon"),value:"33.33%"},{label:(0,o.__)("4 Column","gutenkit-blocks-addon"),value:"25%"},{label:(0,o.__)("5 Column","gutenkit-blocks-addon"),value:"20%"},{label:(0,o.__)("6 Column","gutenkit-blocks-addon"),value:"16.66%"}],value:V(e,"selectColumn",n),onChange:e=>M("selectColumn",e,n,t)})})]}),(0,d.jsxs)(_,{title:(0,o.__)("Nav","gutenkit-blocks-addon"),children:[(0,d.jsx)(B,{label:(0,o.__)("Mouse Event","gutenkit-blocks-addon"),value:e?.eventType,options:[{label:(0,o.__)("Hover","gutenkit-blocks-addon"),value:"mouseenter"},{label:(0,o.__)("Click","gutenkit-blocks-addon"),value:"click"}],onChange:e=>t({eventType:e}),isToggle:!1}),"click"===e.eventType&&(0,d.jsx)(C,{label:(0,o.__)("Link Archive?","gutenkit-blocks-addon"),value:e?.linkArchive,onChange:e=>t({linkArchive:e})}),(0,d.jsx)(x,{children:(0,d.jsx)(B,{label:(0,o.__)("Tab Position","gutenkit-blocks-addon"),options:[{label:(0,o.__)("Horizontal","gutenkit-blocks-addon"),value:"horizontal",icon:r},{label:(0,o.__)("Vertical","gutenkit-blocks-addon"),value:"vertical",icon:g}],value:V(e,"tabPosition",n),onChange:e=>M("tabPosition",e,n,t),isToggle:!1})}),"horizontal"===V(e,"tabPosition",n)&&(0,d.jsx)(x,{children:(0,d.jsx)(B,{label:(0,o.__)("Alignment","gutenkit-blocks-addon"),options:[{label:(0,o.__)("Left","gutenkit-blocks-addon"),value:"flex-start",icon:c},{label:(0,o.__)("Center","gutenkit-blocks-addon"),value:"center",icon:u},{label:(0,o.__)("Right","gutenkit-blocks-addon"),value:"flex-end",icon:b}],value:V(e,"tabAlignment",n),onChange:e=>M("tabAlignment",e,n,t)})}),"vertical"===V(e,"tabPosition",n)&&(0,d.jsx)(x,{children:(0,d.jsx)(B,{label:(0,o.__)("Alignment","gutenkit-blocks-addon"),options:[{label:(0,o.__)("Top","gutenkit-blocks-addon"),value:"flex-start",icon:k},{label:(0,o.__)("Center","gutenkit-blocks-addon"),value:"center",icon:h},{label:(0,o.__)("Bottom","gutenkit-blocks-addon"),value:"flex-end",icon:v}],value:V(e,"tabJustify",n),onChange:e=>M("tabJustify",e,n,t)})})]})]}):"style"===a.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(_,{title:(0,o.__)("Tab Item Container","gutenkit-blocks-addon"),initialOpen:!0,children:[(0,d.jsx)(G,{label:(0,o.__)("Border","gutenkit-blocks-addon"),onChange:e=>t({tabContainerBorder:e}),value:e?.tabContainerBorder}),(0,d.jsx)(w,{onChange:e=>t({tabContainerBackground:e}),value:e?.tabContainerBackground,exclude:{video:!0,image:!0}}),(0,d.jsx)(x,{children:(0,d.jsx)(A,{label:(0,o.__)("Padding","gutenkit-blocks-addon"),values:V(e,"tabContainerPadding",n),onChange:e=>M("tabContainerPadding",e,n,t)})}),(0,d.jsx)(x,{children:(0,d.jsx)(A,{label:(0,o.__)("Margin","gutenkit-blocks-addon"),values:V(e,"tabContainerMargin",n),onChange:e=>M("tabContainerMargin",e,n,t)})})]}),(0,d.jsxs)(_,{title:(0,o.__)("Tab Item","gutenkit-blocks-addon"),children:[(0,d.jsx)(p,{label:(0,o.__)("Typography","gutenkit-blocks-addon"),value:e?.itemTypography,onChange:e=>t({itemTypography:e})}),(0,d.jsx)(x,{children:(0,d.jsx)(A,{label:(0,o.__)("Padding","gutenkit-blocks-addon"),values:V(e,"itemPadding",n),onChange:e=>M("itemPadding",e,n,t)})}),(0,d.jsx)(x,{children:(0,d.jsx)(A,{label:(0,o.__)("Margin","gutenkit-blocks-addon"),values:V(e,"itemMargin",n),onChange:e=>M("itemMargin",e,n,t)})}),(0,d.jsx)(j,{type:"normal",tabs:Z,children:l=>"normal-tab"===l.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(m,{label:(0,o.__)("Text Color","gutenkit-blocks-addon"),onChange:e=>t({itemTextColor:e}),value:e?.itemTextColor}),(0,d.jsx)(w,{onChange:e=>t({itemBgColor:e}),value:e?.itemBgColor,exclude:{video:!0,image:!0}}),(0,d.jsx)(G,{label:(0,o.__)("Border","gutenkit-blocks-addon"),onChange:e=>t({itemBorder:e}),value:e?.itemBorder}),(0,d.jsx)(x,{children:(0,d.jsx)(A,{label:(0,o.__)("Border Radius","gutenkit-blocks-addon"),units:R,values:V(e,"itemBorderRadius",n),onChange:e=>M("itemBorderRadius",e,n,t)})}),(0,d.jsx)(s,{value:e?.itemShadow,onChange:e=>t({itemShadow:e})})]}):"hover-tab"===l.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(m,{label:(0,o.__)("Text Color","gutenkit-blocks-addon"),onChange:e=>t({itemHoverColor:e}),value:e?.itemHoverColor}),(0,d.jsx)(w,{onChange:e=>t({itemHoverBgColor:e}),value:e?.itemHoverBgColor,exclude:{video:!0,image:!0}}),(0,d.jsx)(G,{label:(0,o.__)("Border","gutenkit-blocks-addon"),onChange:e=>t({itemHoverBorder:e}),value:e?.itemHoverBorder}),(0,d.jsx)(x,{children:(0,d.jsx)(A,{label:(0,o.__)("Border Radius","gutenkit-blocks-addon"),units:R,values:V(e,"itemHoverBorderRadius",n),onChange:e=>M("itemHoverBorderRadius",e,n,t)})}),(0,d.jsx)(s,{value:e?.itemHoverShadow,onChange:e=>t({itemHoverShadow:e})})]}):"active-tab"===l.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(m,{label:(0,o.__)("Text Color","gutenkit-blocks-addon"),onChange:e=>t({itemActiveColor:e}),value:e?.itemActiveColor}),(0,d.jsx)(w,{onChange:e=>t({itemActiveBgColor:e}),value:e?.itemActiveBgColor,exclude:{video:!0,image:!0}}),(0,d.jsx)(G,{label:(0,o.__)("Border","gutenkit-blocks-addon"),onChange:e=>t({itemActiveBorder:e}),value:e?.itemActiveBorder}),(0,d.jsx)(x,{children:(0,d.jsx)(A,{label:(0,o.__)("Border Radius","gutenkit-blocks-addon"),units:R,values:V(e,"itemActiveBorderRadius",n),onChange:e=>M("itemActiveBorderRadius",e,n,t)})}),(0,d.jsx)(s,{value:e?.itemActiveShadow,onChange:e=>t({itemActiveShadow:e})})]}):void 0})]}),(0,d.jsx)(_,{title:(0,o.__)("Tab Content","gutenkit-blocks-addon"),children:(0,d.jsx)(x,{children:(0,d.jsx)(B,{label:(0,o.__)("Alignment","gutenkit-blocks-addon"),options:[{label:(0,o.__)("Left","gutenkit-blocks-addon"),value:"left",icon:c},{label:(0,o.__)("Center","gutenkit-blocks-addon"),value:"center",icon:u},{label:(0,o.__)("Right","gutenkit-blocks-addon"),value:"right",icon:b}],value:V(e,"contentAlignment",n),onChange:e=>M("contentAlignment",e,n,t)})})}),(0,d.jsxs)(_,{title:(0,o.__)("Image","gutenkit-blocks-addon"),children:[(0,d.jsx)(C,{label:(0,o.__)("Disable Hover Effect","gutenkit-blocks-addon"),value:e?.disableHoverEffect,onChange:e=>t({disableHoverEffect:e})}),(0,d.jsx)(x,{children:(0,d.jsx)(T,{label:(0,o.__)("Width","gutenkit-blocks-addon"),value:V(e,"imageWidth",n),onChange:e=>M("imageWidth",e,n,t),units:{px:{min:0,max:500},em:{min:0,max:500,step:1},rem:{min:0,max:500,step:1},"%":{min:0,max:100,step:1}}})}),(0,d.jsx)(x,{children:(0,d.jsx)(T,{label:(0,o.__)("Height","gutenkit-blocks-addon"),value:V(e,"imageHeight",n),onChange:e=>M("imageHeight",e,n,t),units:{px:{min:0,max:500},em:{min:0,max:500,step:1},rem:{min:0,max:500,step:1},"%":{min:0,max:100,step:1}}})})]}),(0,d.jsxs)(_,{title:(0,o.__)("Title","gutenkit-blocks-addon"),children:[(0,d.jsx)(p,{label:(0,o.__)("Typography","gutenkit-blocks-addon"),value:e?.titleTypography,onChange:e=>t({titleTypography:e})}),(0,d.jsx)(m,{label:(0,o.__)("Color","gutenkit-blocks-addon"),onChange:e=>t({titleColor:e}),value:e?.titleColor}),(0,d.jsx)(m,{label:(0,o.__)("Hover Color","gutenkit-blocks-addon"),onChange:e=>t({titleHoverColor:e}),value:e?.titleHoverColor}),(0,d.jsx)(x,{children:(0,d.jsx)(A,{label:(0,o.__)("Margin","gutenkit-blocks-addon"),values:V(e,"titleMargin",n),onChange:e=>M("titleMargin",e,n,t)})})]})]}):"advanced"===a.name?l:void 0})}}}]);