✏️ Editing: 7156.js Writable

"use strict";(globalThis.webpackChunkgutenkit_blocks_addon=globalThis.webpackChunkgutenkit_blocks_addon||[]).push([[7156],{7156:(o,e,t)=>{t.r(e),t.d(e,{default:()=>s});var n=t(7723),l=t(6087),i=t(6427),a=t(5573),u=t(790);const d=(0,u.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,u.jsx)(a.Path,{d:"M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z"})}),g=(0,u.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,u.jsx)(a.Path,{d:"M7.5 5.5h9V4h-9v1.5Zm-3.5 7h16V11H4v1.5Zm3.5 7h9V18h-9v1.5Z"})}),k=(0,u.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,u.jsx)(a.Path,{d:"M11.111 5.5H20V4h-8.889v1.5ZM4 12.5h16V11H4v1.5Zm7.111 7H20V18h-8.889v1.5Z"})}),s=(0,l.memo)((({attributes:o,setAttributes:e,device:t,advancedControl:l})=>{const{GkitTabs:a,GkitPanelBody:s,GkitSwitcher:r,GkitChoose:b,GkitSlider:c,GkitRangeUnit:B,GkitText:x,GkitBoxShadow:h,GkitColor:_,GkitTypography:v,GkitResponsive:j,GkitBackgrounGroup:D,GkitIconPicker:w,GkitAdvancedUrl:C,GkitBoxControl:p,GkitBorderControl:m,GkitSelect:T}=window.gutenkit.components,{gkitResponsiveValue:O,useFontFamilyinBlock:S,responsiveHelper:M}=window.gutenkit.helpers;return S([o?.gkitDoubleButtonOneTypography,o?.gkitDoubleButtonTwoTypography,o?.gkitDoubleButtonMiddletextTypography]),(0,u.jsx)(a,{type:"top-level",tabs:[{name:"content",title:(0,n.__)("Content","gutenkit-blocks-addon")},{name:"style",title:(0,n.__)("Style","gutenkit-blocks-addon")},{name:"advanced",title:(0,n.__)("Advanced","gutenkit-blocks-addon")}],children:x=>{switch(x.name){case"content":return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(s,{title:(0,n.__)("Dual Button","gutenkit-blocks-addon"),initialOpen:!0,children:[(0,u.jsx)(r,{label:(0,n.__)("Middle Text","gutenkit-blocks-addon"),value:o?.gkitShowButtonMiddleText,onChange:o=>e({gkitShowButtonMiddleText:o})}),(0,u.jsx)(j,{children:(0,u.jsx)(b,{label:(0,n.__)("Alignment","gutenkit-blocks-addon"),options:[{label:(0,n.__)("Left","gutenkit-blocks-addon"),value:"flex-start",icon:d},{label:(0,n.__)("Center","gutenkit-blocks-addon"),value:"center",icon:g},{label:(0,n.__)("Right","gutenkit-blocks-addon"),value:"flex-end",icon:k}],onChange:o=>M("gkitDoubleButtonAlign",o,t,e),value:O(o,"gkitDoubleButtonAlign",t)})}),(0,u.jsx)(j,{children:(0,u.jsx)(B,{label:(0,n.__)("Button Width","gutenkit-blocks-addon"),value:O(o,"gkitDualButtonWidth",t),onChange:o=>M("gkitDualButtonWidth",o,t,e),units:{px:{min:300,max:1200,step:1},"%":{min:0,max:100,step:1}}})}),!o?.gkitShowButtonMiddleText&&(0,u.jsx)(j,{children:(0,u.jsx)(B,{label:(0,n.__)("Button Gap","gutenkit-blocks-addon"),value:O(o,"gkitDualButtonGap",t),onChange:o=>M("gkitDualButtonGap",o,t,e),units:{px:{min:0,max:100,step:1}}})})]}),(0,u.jsxs)(s,{title:(0,n.__)("Button One","gutenkit-blocks-addon"),children:[(0,u.jsx)(C,{label:(0,n.__)("Link","gutenkit-blocks-addon"),value:o?.gkitButtonOneLink,onChange:o=>e({gkitButtonOneLink:o})}),(0,u.jsx)(r,{label:(0,n.__)("Add icon?","gutenkit-blocks-addon"),value:o?.gkitButtonOneIconsShow,onChange:o=>e({gkitButtonOneIconsShow:o})}),o?.gkitButtonOneIconsShow&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(w,{label:(0,n.__)("Icon","gutenkit-blocks-addon"),value:o?.gkitButtonOneIcons,onChange:o=>e({gkitButtonOneIcons:o})}),(0,u.jsx)(T,{label:(0,n.__)("Icon Position","gutenkit-blocks-addon"),value:o?.gkitDoubleButtonOneIconPosition,options:[{label:(0,n.__)("After","gutenkit-blocks-addon"),value:"after"},{label:(0,n.__)("Before","gutenkit-blocks-addon"),value:"before"}],onChange:o=>e({gkitDoubleButtonOneIconPosition:o}),__nextHasNoMarginBottom:!0}),(0,u.jsx)(c,{label:(0,n.__)("Icon Spacing","gutenkit-blocks-addon"),value:O(o,"gkitDoubleButtonOneIconSpecing",t),onChange:o=>M("gkitDoubleButtonOneIconSpecing",o,t,e),sizeUnits:["px"]})]})]}),(0,u.jsxs)(s,{title:(0,n.__)("Button Two","gutenkit-blocks-addon"),children:[(0,u.jsx)(C,{label:(0,n.__)("Link","gutenkit-blocks-addon"),value:o?.gkitButtonTwoLink,onChange:o=>e({gkitButtonTwoLink:o})}),(0,u.jsx)(r,{label:(0,n.__)("Add icon?","gutenkit-blocks-addon"),value:o?.gkitButtonTwoIconsShow,onChange:o=>e({gkitButtonTwoIconsShow:o})}),o?.gkitButtonTwoIconsShow&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(w,{label:(0,n.__)("Icon","gutenkit-blocks-addon"),value:o?.gkitButtonTwoIcons,onChange:o=>e({gkitButtonTwoIcons:o})}),(0,u.jsx)(T,{label:(0,n.__)("Icon Position","gutenkit-blocks-addon"),value:o?.gkitDoubleButtonTwoIconPosition,options:[{label:(0,n.__)("After","gutenkit-blocks-addon"),value:"after"},{label:(0,n.__)("Before","gutenkit-blocks-addon"),value:"before"}],onChange:o=>e({gkitDoubleButtonTwoIconPosition:o}),__nextHasNoMarginBottom:!0}),(0,u.jsx)(c,{label:(0,n.__)("Icon Spacing","gutenkit-blocks-addon"),value:O(o,"gkitDoubleButtonTwoIconSpecing",t),onChange:o=>M("gkitDoubleButtonTwoIconSpecing",o,t,e),sizeUnits:["px"]})]})]})]});case"style":return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(s,{title:(0,n.__)("Button One","gutenkit-blocks-addon"),initialOpen:!0,children:(0,u.jsx)(a,{type:"normal",tabs:[{name:"normal",title:(0,n.__)("Normal","gutenkit-blocks-addon")},{name:"hover",title:(0,n.__)("Hover","gutenkit-blocks-addon")}],children:l=>"normal"==l.name?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(v,{label:(0,n.__)("Typography","gutenkit-blocks-addon"),value:o?.gkitDoubleButtonOneTypography,onChange:o=>e({gkitDoubleButtonOneTypography:o})}),(0,u.jsx)(_,{label:(0,n.__)("Color","gutenkit-blocks-addon"),value:o?.gkitDoubleButtonOneColor,onChange:o=>e({gkitDoubleButtonOneColor:o})}),(0,u.jsx)(m,{label:(0,n.__)("Border"),onChange:o=>e({gkitDoubleButtonOneBorder:o}),value:o?.gkitDoubleButtonOneBorder}),(0,u.jsx)(j,{children:(0,u.jsx)(p,{label:(0,n.__)("Border Radius","gutenkit-blocks-addon"),values:O(o,"gkitDoubleButtonOneBorderRadius",t),onChange:o=>M("gkitDoubleButtonOneBorderRadius",o,t,e)})}),(0,u.jsx)(D,{label:(0,n.__)("Background","gutenkit-blocks-addon"),value:o?.gkitDoubleButtonOneBackground,onChange:o=>e({gkitDoubleButtonOneBackground:o}),exclude:{video:!0,image:!0}}),(0,u.jsx)(h,{label:(0,n.__)("Box Shadow","gutenkit-blocks-addon"),value:o?.gkitDoubleButtonOneBoxShadow,onChange:o=>e({gkitDoubleButtonOneBoxShadow:o})}),(0,u.jsx)(i.__experimentalDivider,{}),(0,u.jsx)(j,{children:(0,u.jsx)(p,{label:(0,n.__)("Padding","gutenkit-blocks-addon"),values:O(o,"gkitDoubleButtonOnePadding",t),onChange:o=>M("gkitDoubleButtonOnePadding",o,t,e)})}),(0,u.jsx)(j,{children:(0,u.jsx)(p,{label:(0,n.__)("Margin","gutenkit-blocks-addon"),values:O(o,"gkitDoubleButtonOneMargin",t),onChange:o=>M("gkitDoubleButtonOneMargin",o,t,e)})}),(0,u.jsx)(j,{children:(0,u.jsx)(b,{label:(0,n.__)("Text Alignment","gutenkit-blocks-addon"),options:[{label:(0,n.__)("Left","gutenkit-blocks-addon"),value:"flex-start",icon:d},{label:(0,n.__)("Center","gutenkit-blocks-addon"),value:"center",icon:g},{label:(0,n.__)("Right","gutenkit-blocks-addon"),value:"flex-end",icon:k}],onChange:o=>M("gkitDoubleButtonOneAlign",o,t,e),value:O(o,"gkitDoubleButtonOneAlign",t)})})]}):"hover"===l.name?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(_,{label:(0,n.__)("Color","gutenkit-blocks-addon"),value:o?.gkitDoubleButtonOneHoverColor,onChange:o=>e({gkitDoubleButtonOneHoverColor:o})}),(0,u.jsx)(_,{label:(0,n.__)("Border Color","gutenkit-blocks-addon"),value:o?.gkitDoubleButtonOneHoverBorderColor,onChange:o=>e({gkitDoubleButtonOneHoverBorderColor:o})}),(0,u.jsx)(j,{children:(0,u.jsx)(p,{label:(0,n.__)("Border Radius","gutenkit-blocks-addon"),values:O(o,"gkitDoubleButtonOneHoverBorderRadius",t),onChange:o=>M("gkitDoubleButtonOneHoverBorderRadius",o,t,e)})}),(0,u.jsx)(D,{label:(0,n.__)("Background","gutenkit-blocks-addon"),value:o?.gkitDoubleButtonOneHoverBackground,onChange:o=>e({gkitDoubleButtonOneHoverBackground:o}),exclude:{video:!0,image:!0}}),(0,u.jsx)(h,{label:(0,n.__)("Box Shadow","gutenkit-blocks-addon"),value:o?.gkitDoubleButtonOneHoverBoxShadow,onChange:o=>e({gkitDoubleButtonOneHoverBoxShadow:o})})]}):void 0})}),(0,u.jsx)(s,{title:(0,n.__)("Button Two","gutenkit-blocks-addon"),children:(0,u.jsx)(a,{type:"normal",tabs:[{name:"normal",title:(0,n.__)("Normal","gutenkit-blocks-addon")},{name:"hover",title:(0,n.__)("Hover","gutenkit-blocks-addon")}],children:l=>"normal"==l.name?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(v,{label:(0,n.__)("Typography","gutenkit-blocks-addon"),value:o?.gkitDoubleButtonTwoTypography,onChange:o=>e({gkitDoubleButtonTwoTypography:o})}),(0,u.jsx)(_,{label:(0,n.__)("Color","gutenkit-blocks-addon"),value:o?.gkitDoubleButtonTwoColor,onChange:o=>e({gkitDoubleButtonTwoColor:o})}),(0,u.jsx)(m,{label:(0,n.__)("Border"),onChange:o=>e({gkitDoubleButtonTwoBorder:o}),value:o?.gkitDoubleButtonTwoBorder}),(0,u.jsx)(j,{children:(0,u.jsx)(p,{label:(0,n.__)("Border Radius","gutenkit-blocks-addon"),values:O(o,"gkitDoubleButtonTwoBorderRadius",t),onChange:o=>M("gkitDoubleButtonTwoBorderRadius",o,t,e)})}),(0,u.jsx)(D,{label:(0,n.__)("Background","gutenkit-blocks-addon"),value:o?.gkitDoubleButtonTwoBackground,onChange:o=>e({gkitDoubleButtonTwoBackground:o}),exclude:{video:!0,image:!0}}),(0,u.jsx)(h,{label:(0,n.__)("Box Shadow","gutenkit-blocks-addon"),value:o?.gkitDoubleButtonTwoBoxShadow,onChange:o=>e({gkitDoubleButtonTwoBoxShadow:o})}),(0,u.jsx)(i.__experimentalDivider,{}),(0,u.jsx)(j,{children:(0,u.jsx)(p,{label:(0,n.__)("Padding","gutenkit-blocks-addon"),values:O(o,"gkitDoubleButtonTwoPadding",t),onChange:o=>M("gkitDoubleButtonTwoPadding",o,t,e)})}),(0,u.jsx)(j,{children:(0,u.jsx)(p,{label:(0,n.__)("Margin","gutenkit-blocks-addon"),values:O(o,"gkitDoubleButtonTwoMargin",t),onChange:o=>M("gkitDoubleButtonTwoMargin",o,t,e)})}),(0,u.jsx)(j,{children:(0,u.jsx)(b,{label:(0,n.__)("Text Alignment","gutenkit-blocks-addon"),options:[{label:(0,n.__)("Left","gutenkit-blocks-addon"),value:"left",icon:d},{label:(0,n.__)("Center","gutenkit-blocks-addon"),value:"center",icon:g},{label:(0,n.__)("Right","gutenkit-blocks-addon"),value:"right",icon:k}],onChange:o=>M("gkitDoubleButtonTwoAlign",o,t,e),value:O(o,"gkitDoubleButtonTwoAlign",t)})})]}):"hover"===l.name?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(_,{label:(0,n.__)("Color","gutenkit-blocks-addon"),value:o?.gkitDoubleButtonTwoHoverColor,onChange:o=>e({gkitDoubleButtonTwoHoverColor:o})}),(0,u.jsx)(_,{label:(0,n.__)("Border Color","gutenkit-blocks-addon"),value:o?.gkitDoubleButtonTwoHoverBorderColor,onChange:o=>e({gkitDoubleButtonTwoHoverBorderColor:o})}),(0,u.jsx)(j,{children:(0,u.jsx)(p,{label:(0,n.__)("Border Radius","gutenkit-blocks-addon"),values:O(o,"gkitDoubleButtonTwoHoverBorderRadius",t),onChange:o=>M("gkitDoubleButtonTwoHoverBorderRadius",o,t,e)})}),(0,u.jsx)(D,{label:(0,n.__)("Background","gutenkit-blocks-addon"),value:o?.gkitDoubleButtonTwoHoverBackground,onChange:o=>e({gkitDoubleButtonTwoHoverBackground:o}),exclude:{video:!0,image:!0}}),(0,u.jsx)(h,{label:(0,n.__)("Box Shadow","gutenkit-blocks-addon"),value:o?.gkitDoubleButtonTwoHoverBoxShadow,onChange:o=>e({gkitDoubleButtonTwoHoverBoxShadow:o})})]}):void 0})}),o?.gkitShowButtonMiddleText&&o?.gkitButtonMiddleText&&(0,u.jsx)(u.Fragment,{children:(0,u.jsxs)(s,{title:(0,n.__)("Middle Text","gutenkit-blocks-addon"),children:[(0,u.jsx)(_,{label:(0,n.__)("Text Color","gutenkit-blocks-addon"),value:o?.gkitDoubleButtonMiddletextColor,onChange:o=>e({gkitDoubleButtonMiddletextColor:o})}),(0,u.jsx)(v,{label:(0,n.__)("Typography","gutenkit-blocks-addon"),value:o?.gkitDoubleButtonMiddletextTypography,onChange:o=>e({gkitDoubleButtonMiddletextTypography:o})}),(0,u.jsx)(m,{label:(0,n.__)("Border","gutenkit-blocks-addon"),onChange:o=>e({gkitDoubleButtonMiddletextBorder:o}),value:o?.gkitDoubleButtonMiddletextBorder}),(0,u.jsx)(j,{children:(0,u.jsx)(p,{label:(0,n.__)("Border Radius","gutenkit-blocks-addon"),values:O(o,"gkitDoubleButtonMiddletextBorderRadius",t),onChange:o=>M("gkitDoubleButtonMiddletextBorderRadius",o,t,e)})}),(0,u.jsx)(D,{label:(0,n.__)("Background","gutenkit-blocks-addon"),value:o?.gkitDoubleButtonMiddletextBackground,onChange:o=>e({gkitDoubleButtonMiddletextBackground:o}),exclude:{video:!0,image:!0}}),(0,u.jsx)(h,{label:(0,n.__)("Box Shadow","gutenkit-blocks-addon"),value:o?.gkitDoubleButtonMiddletextBoxShadow,onChange:o=>e({gkitDoubleButtonMiddletextBoxShadow:o})}),(0,u.jsx)(j,{children:(0,u.jsx)(B,{label:(0,n.__)("Width","gutenkit-blocks-addon"),value:O(o,"gkitDoubleButtonMiddletextWidth",t),onChange:o=>M("gkitDoubleButtonMiddletextWidth",o,t,e),units:{px:{min:10,max:140,step:1}}})}),(0,u.jsx)(j,{children:(0,u.jsx)(B,{label:(0,n.__)("Height","gutenkit-blocks-addon"),value:O(o,"gkitDoubleButtonMiddletextHeight",t),onChange:o=>M("gkitDoubleButtonMiddletextHeight",o,t,e),units:{px:{min:10,max:140,step:1}}})})]})}),(0,u.jsxs)(s,{title:(0,n.__)("Icon","gutenkit"),children:[(0,u.jsx)(j,{children:(0,u.jsx)(B,{label:(0,n.__)("Font Size","gutenkit"),value:O(o,"iconFontSize",t),onChange:o=>M("iconFontSize",o,t,e),units:{px:{min:10,max:200,step:1},em:{min:.1,max:10,step:.1},rem:{min:.1,max:10,step:.1}}})}),(0,u.jsx)(j,{children:(0,u.jsx)(B,{label:(0,n.__)("Vertical Align","gutenkit"),value:O(o,"verticalAlignIcon",t),onChange:o=>M("verticalAlignIcon",o,t,e),units:{px:{min:-20,max:20,step:1},em:{min:-2,max:2,step:.1}}})})]})]});case"advanced":return(0,u.jsx)(u.Fragment,{children:l})}}})}))}}]);

🔐 Sid Gifari File Manager Pro