"use strict";(self.webpackChunkgutenkit_blocks_addon=self.webpackChunkgutenkit_blocks_addon||[]).push([[8389],{8389:(e,l,n)=>{n.r(l),n.d(l,{default:()=>m});var t=n(7723),o=n(6087),a=n(1455),i=n.n(a),s=n(5573),d=n(790);const 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:"M11.1 15.8H20v-1.5h-8.9v1.5zm0-8.6v1.5H20V7.2h-8.9zM6 13c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-7c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"})}),g=(0,d.jsxs)(s.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:[(0,d.jsx)(s.Path,{d:"M7.5 12C7.5 11.1716 6.82843 10.5 6 10.5C5.17157 10.5 4.5 11.1716 4.5 12C4.5 12.8284 5.17157 13.5 6 13.5C6.82843 13.5 7.5 12.8284 7.5 12Z"}),(0,d.jsx)(s.Path,{d:"M13.5 12C13.5 11.1716 12.8284 10.5 12 10.5C11.1716 10.5 10.5 11.1716 10.5 12C10.5 12.8284 11.1716 13.5 12 13.5C12.8284 13.5 13.5 12.8284 13.5 12Z"}),(0,d.jsx)(s.Path,{d:"M19.5 12C19.5 11.1716 18.8284 10.5 18 10.5C17.1716 10.5 16.5 11.1716 16.5 12C16.5 12.8284 17.1716 13.5 18 13.5C18.8284 13.5 19.5 12.8284 19.5 12Z"})]}),r=(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"})}),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:"M11.111 5.5H20V4h-8.889v1.5ZM4 12.5h16V11H4v1.5Zm7.111 7H20V18h-8.889v1.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:"M20 11.2H6.8l3.7-3.7-1-1L3.9 12l5.6 5.5 1-1-3.7-3.7H20z"})}),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 3.9 6.5 9.5l1 1 3.8-3.7V20h1.5V6.8l3.7 3.7 1-1z"})}),x=(0,d.jsx)(s.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(s.Path,{d:"m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z"})}),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:"M19 5.5H5V4h14v1.5ZM19 20H5v-1.5h14V20ZM5 9h14v6H5V9Z"})}),_=(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=(0,o.memo)((({attributes:e,setAttributes:l,device:n,advancedControl:a})=>{const{GkitBoxShadow:s,GkitColor:m,GkitIconPicker:j,GkitPanelBody:C,GkitResponsive:p,GkitSwitcher:w,GkitTabs:B,GkitTypography:S,GkitBackgrounGroup:y,GkitChoose:T,GkitSlider:P,GkitRangeUnit:G,GkitText:H,GkitRepeater:A,GkitComplexSelectAsync:L,GkitAdvancedUrl:M,GkitBorderControl:V,GkitSelect:f,GkitBoxControl:I}=window.gutenkit.components,{gkitResponsiveValue:R,useFontFamilyinBlock:z,responsiveHelper:Z,boxControlUnit:O}=window.gutenkit.helpers;(0,o.useEffect)((()=>{i()({path:"/wp/v2/pages"}).then((n=>{const t=n.map((e=>({listText:e?.title?.rendered,listSubTitle:"",listBackground:{},listIconColor:"",listIconActive:!0,listIcon:{title:"check",src:'<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>check</title>\n<path d="M31.512 6.162l-1.706-1.706c-0.488-0.487-1.219-0.487-1.706 0h-0.125l-16.331 16.925c-0.244 0.244-0.606 0.244-0.85 0l-6.7-7.188-0.119-0.119c-0.487-0.488-1.219-0.488-1.706 0l-1.706 1.706c-0.244 0.244-0.362 0.606-0.362 0.85s0.119 0.613 0.362 0.856l0.256 0.369 9.5 10.238c0.244 0.244 0.481 0.369 0.85 0.369 0.363 0 0.606-0.125 0.85-0.369l19.494-20.225c0.488-0.487 0.488-1.219 0-1.706z"></path>\n</svg>\n'},listPageOrLink:"page",listLabelText:"Exclusive",listPage:{label:e?.title?.rendered,link:e?.link,value:e?.id},listLink:{url:"https://wpmet.com"},listShowLabelActive:!1})));e?.isSelected||t.length>0&&(l({listItems:t}),l({isSelected:!0}))}))}),[e?.isSelected]);const F=()=>i()({path:"/wp/v2/pages"}).then((e=>e.map((e=>({label:e?.title?.rendered,link:e?.link,value:e?.id})))));return z([e?.textTypography,e?.subtitleTypography,e?.labelTypography]),(0,d.jsx)(B,{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:o=>"content"===o.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(C,{title:(0,t.__)("List","gutenkit-blocks-addon"),initialOpen:!0,children:(0,d.jsxs)(A,{label:"Content",onChange:e=>l({listItems:e}),repeaterFields:e?.listItems,itemLabelName:"listText",children:[(0,d.jsx)(H,{label:(0,t.__)("Title","gutenkit-blocks-addon"),name:"listText",labelBlock:"block",default:"Your Title"}),(0,d.jsx)(H,{label:(0,t.__)("Sub Title","gutenkit-blocks-addon"),name:"listSubTitle",labelBlock:"block"}),(0,d.jsx)(m,{label:(0,t.__)("Title Color","gutenkit-blocks-addon"),name:"listTextColor",value:e?.listTextColor,onChange:e=>l({listTextColor:e})}),(0,d.jsx)(m,{label:(0,t.__)("Subtitle Color","gutenkit-blocks-addon"),name:"listSubTitleColor",value:e?.listSubTitleColor,onChange:e=>l({listSubTitleColor:e})}),(0,d.jsx)(y,{name:"listBackground",onChange:e=>l({listBackground:e}),value:e?.listBackground,exclude:{video:!0,image:!0}}),(0,d.jsx)(w,{label:(0,t.__)("Show Icon?","gutenkit-blocks-addon"),name:"listIconActive",default:!0}),(0,d.jsx)(j,{label:(0,t.__)("Icon","gutenkit-blocks-addon"),name:"listIcon",default:{title:"check",src:'<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><title>check</title><path d="M31.512 6.162l-1.706-1.706c-0.488-0.487-1.219-0.487-1.706 0h-0.125l-16.331 16.925c-0.244 0.244-0.606 0.244-0.85 0l-6.7-7.188-0.119-0.119c-0.487-0.488-1.219-0.488-1.706 0l-1.706 1.706c-0.244 0.244-0.362 0.606-0.362 0.85s0.119 0.613 0.362 0.856l0.256 0.369 9.5 10.238c0.244 0.244 0.481 0.369 0.85 0.369 0.363 0 0.606-0.125 0.85-0.369l19.494-20.225c0.488-0.487 0.488-1.219 0-1.706z"></path></svg>'},condition:{name:"listIconActive",value:!0}}),(0,d.jsx)(m,{label:(0,t.__)("Icon Color","gutenkit-blocks-addon"),name:"listIconColor",value:e?.listIconColor,onChange:e=>l({listIconColor:e}),condition:{name:"listIconActive",value:!0}}),(0,d.jsx)(T,{label:(0,t.__)("Select Page / Custom Link","gutenkit-blocks-addon"),options:[{label:(0,t.__)("Link","gutenkit-blocks-addon"),value:"link"},{label:(0,t.__)("Page","gutenkit-blocks-addon"),value:"page"}],name:"listPageOrLink",default:"link",isToggle:!1}),(0,d.jsx)(L,{label:(0,t.__)("Select Page","gutenkit-blocks-addon"),options:F,cacheOptions:!0,defaultOptions:!0,name:"listPage",condition:{name:"listPageOrLink",value:"page"}}),(0,d.jsx)(M,{label:(0,t.__)("Custom Link","gutenkit-blocks-addon"),name:"listLink",labelBlock:"block",placeholder:"https://wpmet.com",default:{url:"https://wpmet.com"},condition:{name:"listPageOrLink",value:"link"}}),(0,d.jsx)(w,{label:(0,t.__)("Show Badge","gutenkit-blocks-addon"),name:"listShowLabelActive",default:!1}),(0,d.jsx)(H,{label:(0,t.__)("Badge","gutenkit-blocks-addon"),name:"listLabelText",labelBlock:"block",default:"Exclusive",condition:{name:"listShowLabelActive",value:!0}}),(0,d.jsx)(m,{label:(0,t.__)("Text Color","gutenkit-blocks-addon"),name:"listLabelColor",condition:{name:"listShowLabelActive",value:!0}}),(0,d.jsx)(y,{name:"listLabelBackground",onChange:e=>l({listLabelBackground:e}),value:e?.listLabelBackground,exclude:{video:!0,image:!0},condition:{name:"listShowLabelActive",value:!0}})]})}),(0,d.jsxs)(C,{title:(0,t.__)("Settings","gutenkit-blocks-addon"),children:[(0,d.jsx)(T,{label:(0,t.__)("Alignment","gutenkit-blocks-addon"),options:[{label:(0,t.__)("Default","gutenkit-blocks-addon"),value:"default",icon:c},{label:(0,t.__)("Inline","gutenkit-blocks-addon"),value:"inline",icon:g}],value:e?.layOut,onChange:e=>l({layOut:e})}),"inline"===e?.layOut&&(0,d.jsx)(p,{children:(0,d.jsx)(P,{label:(0,t.__)("Columns Grid","gutenkit-blocks-addon"),value:R(e,"columnAppearance",n),onChange:e=>Z("columnAppearance",e,n,l),range:{min:1,max:12}})}),(0,d.jsx)(f,{label:(0,t.__)("Target","gutenkit-blocks-addon"),options:[{label:(0,t.__)("Blank","gutenkit-blocks-addon"),value:"_blank"},{label:(0,t.__)("Self","gutenkit-blocks-addon"),value:"self"}],value:e?.LinkAppearance,onChange:e=>l({LinkAppearance:e})}),(0,d.jsx)(w,{label:(0,t.__)("Rel","gutenkit-blocks-addon"),value:e?.showHideRel,onChange:e=>l({showHideRel:e})})]})]}):"style"===o.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(C,{title:(0,t.__)("List","gutenkit-blocks-addon"),children:[(0,d.jsx)(p,{children:(0,d.jsx)(G,{label:(0,t.__)("Width","gutenkit-blocks-addon"),value:R(e,"listWidth",n),onChange:e=>Z("listWidth",e,n,l),units:{"%":{min:0,max:100}}})}),(0,d.jsx)(p,{children:(0,d.jsx)(G,{label:(0,t.__)("Row Gap","gutenkit-blocks-addon"),value:R(e,"rowGapBetween",n),onChange:e=>Z("rowGapBetween",e,n,l),units:{px:{min:0,max:100}}})}),(0,d.jsx)(p,{children:(0,d.jsx)(G,{label:(0,t.__)("Column Gap","gutenkit-blocks-addon"),value:R(e,"columnGapBetween",n),onChange:e=>Z("columnGapBetween",e,n,l),units:{px:{min:0,max:100}}})}),(0,d.jsx)(p,{children:(0,d.jsx)(I,{label:(0,t.__)("Padding","gutenkit-blocks-addon"),values:R(e,"listPadding",n),onChange:e=>Z("listPadding",e,n,l)})}),(0,d.jsx)(V,{label:(0,t.__)("Border","gutenkit-blocks-addon"),onChange:e=>l({listBorder:e}),value:e?.listBorder}),(0,d.jsx)(p,{children:(0,d.jsx)(I,{label:(0,t.__)("Border Radius","gutenkit-blocks-addon"),units:O,values:R(e,"listBorderRadius",n),onChange:e=>Z("listBorderRadius",e,n,l)})}),(0,d.jsx)(s,{value:e?.listBoxShadow,onChange:e=>l({listBoxShadow:e})}),(0,d.jsx)(B,{type:"normal",tabs:[{name:"normal",title:(0,t.__)("Normal","gutenkit-blocks-addon")},{name:"hover",title:(0,t.__)("Hover","gutenkit-blocks-addon")}],children:n=>"normal"===n.name?(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(y,{onChange:e=>l({listBgColor:e}),value:e?.listBgColor,exclude:{video:!0,image:!0}})}):"hover"===n.name?(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(y,{onChange:e=>l({listBgHoverColor:e}),value:e?.listBgHoverColor,exclude:{video:!0,image:!0}})}):void 0}),"default"===e?.layOut&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(p,{children:(0,d.jsx)(T,{label:(0,t.__)("Alignment","gutenkit-blocks-addon"),options:[{label:(0,t.__)("Left","gutenkit-blocks-addon"),value:"Left",icon:r},{label:(0,t.__)("Center","gutenkit-blocks-addon"),value:"center",icon:u},{label:(0,t.__)("Right","gutenkit-blocks-addon"),value:"right",icon:k}],values:R(e,"listAlignment",n),onChange:e=>Z("listAlignment",e,n,l)})}),(0,d.jsx)(w,{label:(0,t.__)("Divider","gutenkit-blocks-addon"),value:e?.listDivider,onChange:e=>l({listDivider:e})})]}),e?.listDivider&&"default"===e?.layOut&&(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(V,{isBox:!1,label:(0,t.__)("Divider","gutenkit-blocks-addon"),onChange:e=>l({listDividerControl:e}),value:e?.listDividerControl,withSlider:!0})})]}),(0,d.jsxs)(C,{title:(0,t.__)("Icon","gutenkit-blocks-addon"),children:[(0,d.jsx)(p,{children:(0,d.jsx)(T,{label:(0,t.__)("Alignment","gutenkit-blocks-addon"),value:e?.iconPosition,options:[{label:(0,t.__)("Left","gutenkit-blocks-addon"),value:"row",icon:b},{label:(0,t.__)("Top","gutenkit-blocks-addon"),value:"column",icon:h},{label:(0,t.__)("Right","gutenkit-blocks-addon"),value:"row-reverse",icon:x}],onChange:e=>l({iconPosition:e})})}),"column"!==e?.iconPosition&&(0,d.jsx)(T,{label:(0,t.__)("Vertical Alignment","gutenkit-blocks-addon"),options:[{label:(0,t.__)("Top","gutenkit-blocks-addon"),value:"top",icon:h},{label:(0,t.__)("Middle","gutenkit-blocks-addon"),value:"middle",icon:v},{label:(0,t.__)("Bottom","gutenkit-blocks-addon"),value:"bottom",icon:_}],onChange:e=>Z("iconAlignment",e,n,l),value:R(e,"iconAlignment",n)}),(0,d.jsx)(B,{type:"normal",tabs:[{name:"normal",title:(0,t.__)("Normal","gutenkit-blocks-addon")},{name:"hover",title:(0,t.__)("Hover","gutenkit-blocks-addon")}],children:n=>"normal"===n.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(y,{onChange:e=>l({iconBackground:e}),value:e?.iconBackground,exclude:{video:!0,image:!0}}),(0,d.jsx)(m,{label:(0,t.__)("Icon Color","gutenkit-blocks-addon"),onChange:e=>l({iconColor:e}),value:e?.iconColor})]}):"hover"===n.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(y,{onChange:e=>l({iconBackgroundHover:e}),value:e?.iconBackgroundHover,exclude:{video:!0,image:!0}}),(0,d.jsx)(m,{label:(0,t.__)("Icon Color","gutenkit-blocks-addon"),onChange:e=>l({iconHover:e}),value:e?.iconHover})]}):void 0}),(0,d.jsx)(p,{children:(0,d.jsx)(I,{label:(0,t.__)("Padding","gutenkit-blocks-addon"),values:R(e,"iconPadding",n),onChange:e=>Z("iconPadding",e,n,l)})}),(0,d.jsx)(p,{children:(0,d.jsx)(I,{label:(0,t.__)("Margin","gutenkit-blocks-addon"),values:R(e,"iconMargin",n),onChange:e=>Z("iconMargin",e,n,l)})}),(0,d.jsx)(p,{children:(0,d.jsx)(G,{label:(0,t.__)("Size","gutenkit-blocks-addon"),value:R(e,"iconSize",n),onChange:e=>Z("iconSize",e,n,l),units:{px:{max:100,min:0},"%":{max:100,min:0},vw:{max:100,min:0}}})})]}),(0,d.jsxs)(C,{title:(0,t.__)("Title","gutenkit-blocks-addon"),children:[(0,d.jsx)(m,{label:(0,t.__)("Color","gutenkit-blocks-addon"),onChange:e=>l({textColor:e}),value:e?.textColor}),(0,d.jsx)(m,{label:(0,t.__)("Hover Color","gutenkit-blocks-addon"),onChange:e=>l({textHoverColor:e}),value:e?.textHoverColor}),(0,d.jsx)(p,{children:(0,d.jsx)(I,{label:(0,t.__)("Margin","gutenkit-blocks-addon"),values:R(e,"textMargin",n),onChange:e=>Z("textMargin",e,n,l)})}),(0,d.jsx)(p,{children:(0,d.jsx)(G,{label:(0,t.__)("Padding Left","gutenkit-blocks-addon"),value:R(e,"textPadding",n),onChange:e=>Z("textPadding",e,n,l),units:{px:{max:100,min:0},"%":{max:100,min:0},vw:{max:100,min:0}}})}),(0,d.jsx)(S,{label:(0,t.__)("Typography","gutenkit-blocks-addon"),onChange:e=>l({textTypography:e}),value:e?.textTypography})]}),(0,d.jsxs)(C,{title:(0,t.__)("Subtitle","gutenkit-blocks-addon"),children:[(0,d.jsx)(S,{label:(0,t.__)("Typography","gutenkit-blocks-addon"),onChange:e=>l({subtitleTypography:e}),value:e?.subtitleTypography}),(0,d.jsx)(m,{label:(0,t.__)("Color","gutenkit-blocks-addon"),onChange:e=>l({subtitleColor:e}),value:e?.subtitleColor}),(0,d.jsx)(m,{label:(0,t.__)("Hover Color","gutenkit-blocks-addon"),onChange:e=>l({subtitleHoverColor:e}),value:e?.subtitleHoverColor}),(0,d.jsx)(p,{children:(0,d.jsx)(I,{label:(0,t.__)("Margin","gutenkit-blocks-addon"),values:R(e,"subtitleMargin",n),onChange:e=>Z("subtitleMargin",e,n,l)})})]}),(0,d.jsxs)(C,{title:(0,t.__)("Badge","gutenkit-blocks-addon"),children:[(0,d.jsx)(S,{label:(0,t.__)("Typography","gutenkit-blocks-addon"),onChange:e=>l({labelTypography:e}),value:e?.labelTypography}),(0,d.jsx)(p,{children:(0,d.jsx)(I,{label:(0,t.__)("Margin","gutenkit-blocks-addon"),values:R(e,"labelMargin",n),onChange:e=>Z("labelMargin",e,n,l)})}),(0,d.jsx)(p,{children:(0,d.jsx)(I,{label:(0,t.__)("Padding","gutenkit-blocks-addon"),values:R(e,"labelPadding",n),onChange:e=>Z("labelPadding",e,n,l)})}),(0,d.jsx)(p,{children:(0,d.jsx)(I,{label:(0,t.__)("Border Radius","gutenkit-blocks-addon"),values:R(e,"labelBorderRadius",n),onChange:e=>Z("labelBorderRadius",e,n,l)})}),(0,d.jsx)(T,{label:(0,t.__)("Horizontal Alignment","gutenkit-blocks-addon"),value:e?.horizontalAlignment,options:[{label:(0,t.__)("Left","gutenkit-blocks-addon"),value:"left",icon:r},{label:(0,t.__)("Right","gutenkit-blocks-addon"),value:"right",icon:k}],onChange:e=>l({horizontalAlignment:e})}),(0,d.jsx)(T,{label:(0,t.__)("Vertical Alignment","gutenkit-blocks-addon"),options:[{label:(0,t.__)("Top","gutenkit-blocks-addon"),value:"start",icon:h},{label:(0,t.__)("Center","gutenkit-blocks-addon"),value:"center",icon:v},{label:(0,t.__)("Bottom","gutenkit-blocks-addon"),value:"end",icon:_}],onChange:e=>Z("verticalAlignment",e,n,l),value:R(e,"verticalAlignment",n)})]})]}):"advanced"===o.name?a:void 0})}))}}]);