✏️ Editing: 7621.js Writable

"use strict";(globalThis.webpackChunkgutenkit_blocks_addon=globalThis.webpackChunkgutenkit_blocks_addon||[]).push([[7621],{7621:(e,n,o)=>{o.r(n),o.d(n,{default:()=>h});var l=o(7723),t=o(6087),a=o(6427),i=o(5573),d=o(790);const 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:"M20 11.2H6.8l3.7-3.7-1-1L3.9 12l5.6 5.5 1-1-3.7-3.7H20z"})}),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:"M12 3.9 6.5 9.5l1 1 3.8-3.7V20h1.5V6.8l3.7 3.7 1-1z"})}),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:"m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z"})}),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:"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,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"})}),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:"M7.5 5.5h9V4h-9v1.5Zm-3.5 7h16V11H4v1.5Zm3.5 7h9V18h-9v1.5Z"})}),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:"M11.111 5.5H20V4h-8.889v1.5ZM4 12.5h16V11H4v1.5Zm7.111 7H20V18h-8.889v1.5Z"})}),_=(0,d.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(i.Path,{d:"M4 4H5.5V20H4V4ZM7 10L17 10V14L7 14V10ZM20 4H18.5V20H20V4Z"})}),h=(0,t.memo)((({attributes:e,setAttributes:n,device:o,advancedControl:t})=>{const{GkitBoxShadow:i,GkitColor:h,GkitIconPicker:v,GkitPanelBody:x,GkitResponsive:p,GkitSwitcher:j,GkitTabs:m,GkitBackgrounGroup:C,GkitSlider:B,GkitRangeUnit:w,GkitChoose:H,GkitBlockStylePreview:y,GkitTypography:S,GkitBoxControl:V,GkitBorderControl:P,GkitNumber:G,GkitSelect:T}=window.gutenkit.components,{gkitResponsiveValue:R,useFontFamilyinBlock:f,responsiveHelper:M,boxControlUnit:D}=window.gutenkit.helpers;return f([e?.numberTypography,e?.titleTypography,e?.superTypography]),(0,d.jsx)(m,{type:"top-level",tabs:[{name:"content",title:(0,l.__)("Content","gutenkit-blocks-addon")},{name:"style",title:(0,l.__)("Style","gutenkit-blocks-addon")},{name:"advanced",title:(0,l.__)("Advanced","gutenkit-blocks-addon")}],children:f=>{switch(f.name){case"content":return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(x,{title:(0,l.__)("Icon","gutenkit-blocks-addon"),initialOpen:!0,children:[(0,d.jsx)(j,{label:(0,l.__)("Add icon?","gutenkit-blocks-addon"),value:e?.addIcon,onChange:e=>n({addIcon:e})}),e?.addIcon&&(0,d.jsx)(v,{label:(0,l.__)("Icon","gutenkit-blocks-addon"),onChange:e=>n({icon:e}),value:e?.icon})]}),(0,d.jsxs)(x,{title:(0,l.__)("Content","gutenkit-blocks-addon"),children:[(0,d.jsx)(G,{label:(0,l.__)("Number","gutenkit-blocks-addon"),labelPosition:"side",min:1,step:.1,onChange:e=>n({number:e}),value:e.number}),(0,d.jsx)(j,{label:(0,l.__)("Enable Prefix?","gutenkit-blocks-addon"),value:e?.enablePrefix,onChange:e=>n({enablePrefix:e})}),(0,d.jsx)(j,{label:(0,l.__)("Enable Suffix?","gutenkit-blocks-addon"),value:e?.enableSuffix,onChange:e=>n({enableSuffix:e})}),(0,d.jsx)(j,{label:(0,l.__)("Enable Super?","gutenkit-blocks-addon"),value:e?.enableSuper,onChange:e=>n({enableSuper:e})}),(0,d.jsx)(j,{label:(0,l.__)("Enable Heading?","gutenkit-blocks-addon"),value:e?.enableHeading,onChange:e=>n({enableHeading:e})}),e?.enableHeading&&(0,d.jsx)(T,{label:(0,l.__)("Header Html Tag","gutenkit-blocks-addon"),value:e?.headerTag,options:[{label:(0,l.__)("H1","gutenkit-blocks-addon"),value:"h1"},{label:(0,l.__)("H2","gutenkit-blocks-addon"),value:"h2"},{label:(0,l.__)("H3","gutenkit-blocks-addon"),value:"h3"},{label:(0,l.__)("H4","gutenkit-blocks-addon"),value:"h4"},{label:(0,l.__)("H5","gutenkit-blocks-addon"),value:"h5"},{label:(0,l.__)("H6","gutenkit-blocks-addon"),value:"h6"},{label:(0,l.__)("div","gutenkit-blocks-addon"),value:"div"},{label:(0,l.__)("span","gutenkit-blocks-addon"),value:"span"},{label:(0,l.__)("p","gutenkit-blocks-addon"),value:"p"}],onChange:e=>n({headerTag:e})})]}),(0,d.jsxs)(x,{title:(0,l.__)("Settings","gutenkit-blocks-addon"),children:[(0,d.jsx)(y,{label:(0,l.__)("Select Style","gutenkit-blocks-addon"),value:e?.style,options:[{label:(0,l.__)("Static","gutenkit-blocks-addon"),value:"static",attributes:{style:"static"}},{label:(0,l.__)("Sliding","gutenkit-blocks-addon"),value:"sliding",attributes:{style:"sliding"}}],onChange:e=>n({style:e})}),"static"===e?.style&&(0,d.jsx)(B,{label:(0,l.__)("Duration (Milliseconds)","gutenkit-blocks-addon"),value:e.duration,onChange:e=>n({duration:e}),range:{max:1e4,step:100}}),(0,d.jsx)(j,{label:(0,l.__)("Enable Hover Border Bottom?","gutenkit-blocks-addon"),value:e?.enableHoverBorder,onChange:e=>n({enableHoverBorder:e})}),(0,d.jsx)(j,{label:(0,l.__)("Enable Vertical Border?","gutenkit-blocks-addon"),value:e?.enableVerticalBorder,onChange:e=>n({enableVerticalBorder:e})})]})]});case"style":return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(x,{title:(0,l.__)("Icon","gutenkit-blocks-addon"),children:[(0,d.jsx)(H,{label:(0,l.__)("Direction","gutenkit-blocks-addon"),value:e?.iconDirection,options:[{label:(0,l.__)("Left","gutenkit-blocks-addon"),value:"row",icon:r},{label:(0,l.__)("Top","gutenkit-blocks-addon"),value:"column",icon:s},{label:(0,l.__)("Right","gutenkit-blocks-addon"),value:"row-reverse",icon:c},{label:(0,l.__)("Bottom","gutenkit-blocks-addon"),value:"column-reverse",icon:u}],onChange:e=>n({iconDirection:e})}),(0,d.jsx)(p,{children:(0,d.jsx)(w,{label:(0,l.__)("Size","gutenkit-blocks-addon"),value:R(e,"iconWidth",o),onChange:e=>M("iconWidth",e,o,n),units:{px:{min:0,max:300,step:1}}})}),(0,d.jsx)(p,{children:(0,d.jsx)(V,{label:(0,l.__)("Margin","gutenkit-blocks-addon"),values:R(e,"iconMargin",o),onChange:e=>M("iconMargin",e,o,n),units:D})}),(0,d.jsx)(p,{children:(0,d.jsx)(w,{label:(0,l.__)("Padding","gutenkit-blocks-addon"),value:R(e,"iconPadding",o),onChange:e=>M("iconPadding",e,o,n),units:{px:{min:0,max:140,step:1}}})}),(0,d.jsx)(p,{children:(0,d.jsx)(B,{label:(0,l.__)("Rotate","gutenkit-blocks-addon"),value:R(e,"iconRotate",o),onChange:e=>M("iconRotate",e,o,n),sizeUnits:["deg"],range:{max:360}})}),(0,d.jsx)(i,{label:(0,l.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.iconBoxShadow,onChange:e=>n({iconBoxShadow:e})}),(0,d.jsx)(m,{type:"normal",tabs:[{name:"normal",title:(0,l.__)("Normal","gutenkit-blocks-addon")},{name:"hover",title:(0,l.__)("Hover","gutenkit-blocks-addon")}],children:t=>{switch(t.name){case"normal":return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(h,{label:(0,l.__)("Color","gutenkit-blocks-addon"),value:e?.iconColor,onChange:e=>n({iconColor:e})}),(0,d.jsx)(C,{label:(0,l.__)("Background","gutenkit-blocks-addon"),value:e?.iconBackground,onChange:e=>n({iconBackground:e}),exclude:{video:!0,image:!0}}),(0,d.jsx)(P,{label:(0,l.__)("Border","gutenkit-blocks-addon"),onChange:e=>n({iconBorder:e}),value:e?.iconBorder}),(0,d.jsx)(p,{children:(0,d.jsx)(V,{label:(0,l.__)("Border Radius","gutenkit-blocks-addon"),values:R(e,"iconBorderRadius",o),onChange:e=>M("iconBorderRadius",e,o,n)})})]});case"hover":return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(h,{label:(0,l.__)("Color","gutenkit-blocks-addon"),value:e?.iconHoverColor,onChange:e=>n({iconHoverColor:e})}),(0,d.jsx)(C,{label:(0,l.__)("Background","gutenkit-blocks-addon"),value:e?.iconHoverBackground,onChange:e=>n({iconHoverBackground:e}),exclude:{video:!0,image:!0}}),(0,d.jsx)(h,{label:(0,l.__)("Border Color","gutenkit-blocks-addon"),value:e?.iconHoverBorderColor,onChange:e=>n({iconHoverBorderColor:e})}),(0,d.jsx)(p,{children:(0,d.jsx)(V,{label:(0,l.__)("Border Radius","gutenkit-blocks-addon"),values:R(e,"iconHoverBorderRadius",o),onChange:e=>M("iconHoverBorderRadius",e,o,n)})})]})}}})]}),(0,d.jsxs)(x,{title:(0,l.__)("Content","gutenkit-blocks-addon"),children:[(0,d.jsx)(p,{children:(0,d.jsx)(H,{label:(0,l.__)("Alignment","gutenkit-blocks-addon"),options:[{label:(0,l.__)("Left","gutenkit-blocks-addon"),value:"left",icon:g},{label:(0,l.__)("Center","gutenkit-blocks-addon"),value:"center",icon:k},{label:(0,l.__)("Right","gutenkit-blocks-addon"),value:"right",icon:b}],value:R(e,"contentAlign",o),onChange:e=>M("contentAlign",e,o,n)})}),(0,d.jsx)(p,{children:(0,d.jsx)(V,{label:(0,l.__)("Margin","gutenkit-blocks-addon"),values:R(e,"contentMargin",o),onChange:e=>M("contentMargin",e,o,n),units:D})}),(0,d.jsx)(a.__experimentalDivider,{}),(0,d.jsx)(a.__experimentalHeading,{children:(0,l.__)("Number Count","gutenkit-blocks-addon")}),(0,d.jsx)(h,{label:(0,l.__)("Color","gutenkit-blocks-addon"),value:e?.numberColor,onChange:e=>n({numberColor:e})}),(0,d.jsx)(S,{label:(0,l.__)("Typography","gutenkit-blocks-addon"),value:e.numberTypography,onChange:e=>n({numberTypography:e})}),(0,d.jsx)(p,{children:(0,d.jsx)(w,{label:(0,l.__)("Bottom Spacing","gutenkit-blocks-addon"),value:R(e,"numberBottomSpace",o),onChange:e=>M("numberBottomSpace",e,o,n),units:{px:{min:-500,max:500,step:1}}})}),(0,d.jsx)(p,{children:(0,d.jsx)(w,{label:(0,l.__)("Right Spacing","gutenkit-blocks-addon"),value:R(e,"numberRightSpace",o),onChange:e=>M("numberRightSpace",e,o,n),units:{px:{min:-500,max:500,step:1}}})}),e?.enableHeading&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(a.__experimentalDivider,{}),(0,d.jsx)(a.__experimentalHeading,{children:(0,l.__)("Title","gutenkit-blocks-addon")}),(0,d.jsx)(h,{label:(0,l.__)("Color","gutenkit-blocks-addon"),value:e?.titleColor,onChange:e=>n({titleColor:e})}),(0,d.jsx)(S,{label:(0,l.__)("Typography","gutenkit-blocks-addon"),value:e.titleTypography,onChange:e=>n({titleTypography:e})}),(0,d.jsx)(p,{children:(0,d.jsx)(V,{label:(0,l.__)("Padding","gutenkit-blocks-addon"),values:R(e,"titlePadding",o),onChange:e=>M("titlePadding",e,o,n)})})]})]}),e?.enableSuper&&(0,d.jsxs)(x,{title:(0,l.__)("Super","gutenkit-blocks-addon"),children:[(0,d.jsx)(h,{label:(0,l.__)("Color","gutenkit-blocks-addon"),value:e?.superColor,onChange:e=>n({superColor:e})}),(0,d.jsx)(S,{label:(0,l.__)("Typography","gutenkit-blocks-addon"),value:e.superTypography,onChange:e=>n({superTypography:e})}),(0,d.jsx)(p,{children:(0,d.jsx)(B,{label:(0,l.__)("Top Position","gutenkit-blocks-addon"),value:R(e,"superTopPostion",o),onChange:e=>M("superTopPostion",e,o,n),sizeUnits:["px"],range:{min:-100,max:100}})}),(0,d.jsx)(p,{children:(0,d.jsx)(B,{label:(0,l.__)("Horizontal Position","gutenkit-blocks-addon"),value:R(e,"superHorizontalPostion",o),onChange:e=>M("superHorizontalPostion",e,o,n),sizeUnits:["px"]})})]}),e?.enableHoverBorder&&(0,d.jsxs)(x,{title:(0,l.__)("Hover Border","gutenkit-blocks-addon"),children:[(0,d.jsx)(H,{label:(0,l.__)("Direction","gutenkit-blocks-addon"),value:e?.hoverBorderDirection,options:[{label:(0,l.__)("From Left","gutenkit-blocks-addon"),value:"left",icon:c},{label:(0,l.__)("From Right","gutenkit-blocks-addon"),value:"right",icon:r}],onChange:e=>n({hoverBorderDirection:e}),isToggle:!1}),(0,d.jsx)(h,{label:(0,l.__)("Color","gutenkit-blocks-addon"),value:e?.hoverBorderColor,onChange:e=>n({hoverBorderColor:e})}),(0,d.jsx)(w,{label:(0,l.__)("Height","gutenkit-blocks-addon"),value:e.hoverBorderHeight,onChange:e=>n({hoverBorderHeight:e}),units:{px:{min:0,max:10,step:1}}})]}),e?.enableVerticalBorder&&(0,d.jsxs)(x,{title:(0,l.__)("Vertical Border","gutenkit-blocks-addon"),children:[(0,d.jsx)(H,{label:(0,l.__)("Direction","gutenkit-blocks-addon"),value:e?.verticalBorderDirection,options:[{label:(0,l.__)("Left","gutenkit-blocks-addon"),value:"row",icon:r},{label:(0,l.__)("Right","gutenkit-blocks-addon"),value:"row-reverse",icon:c}],onChange:e=>n({verticalBorderDirection:e})}),(0,d.jsx)(H,{label:(0,l.__)("Alignment","gutenkit-blocks-addon"),value:e?.verticalBorderAlignment,options:[{label:(0,l.__)("Top","gutenkit-blocks-addon"),value:"flex-start",icon:s},{label:(0,l.__)("Center","gutenkit-blocks-addon"),value:"center",icon:_},{label:(0,l.__)("Bottom","gutenkit-blocks-addon"),value:"flex-end",icon:u}],onChange:e=>n({verticalBorderAlignment:e})}),(0,d.jsx)(h,{label:(0,l.__)("Color","gutenkit-blocks-addon"),value:e?.verticalBorderColor,onChange:e=>n({verticalBorderColor:e})}),(0,d.jsx)(w,{label:(0,l.__)("Width","gutenkit-blocks-addon"),value:e.verticalBorderWidth,onChange:e=>n({verticalBorderWidth:e}),units:{px:{min:0,max:10,step:1}}}),(0,d.jsx)(w,{label:(0,l.__)("Height","gutenkit-blocks-addon"),value:e.verticalBorderHeight,onChange:e=>n({verticalBorderHeight:e}),units:{px:{min:0,max:100,step:1}}})]})]});case"advanced":return t}}})}))}}]);

🔐 Sid Gifari File Manager Pro