✏️ Editing: 200.js Writable

"use strict";(globalThis.webpackChunkpopup_builder_block=globalThis.webpackChunkpopup_builder_block||[]).push([[200],{4200:(o,e,l)=>{l.r(e),l.d(e,{default:()=>t});var n=l(7723),i=l(6087),r=l(6427),a=l(5573),c=l(790);const p=(0,c.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,c.jsx)(a.Path,{d:"M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z"})}),s=(0,c.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,c.jsx)(a.Path,{d:"M7.5 5.5h9V4h-9v1.5Zm-3.5 7h16V11H4v1.5Zm3.5 7h9V18h-9v1.5Z"})}),u=(0,c.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,c.jsx)(a.Path,{d:"M11.111 5.5H20V4h-8.889v1.5ZM4 12.5h16V11H4v1.5Zm7.111 7H20V18h-8.889v1.5Z"})}),t=(0,i.memo)(({attributes:o,setAttributes:e,device:l})=>{const{GkitBoxShadow:i,GkitColor:a,GkitIconPicker:t,GkitPanelBody:d,GkitBoxControl:b,GkitResponsive:h,GkitSwitcher:v,GkitTabs:x,GkitAdvancedUrl:_,GkitChoose:k,GkitSlider:g,GkitRangeUnit:j,GkitBorderControl:C}=window.popupBuilderBlock.components,{gkitResponsiveValue:m,responsiveHelper:B,colorsGroup:w}=window.popupBuilderBlock.helpers;return(0,c.jsx)(x,{type:"top-level",tabs:[{name:"content",title:(0,n.__)("Content","popup-builder-block")},{name:"style",title:(0,n.__)("Style","popup-builder-block")}],children:H=>{switch(H.name){case"content":return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(d,{title:(0,n.__)("Icon","popup-builder-block"),initialOpen:!0,children:[(0,c.jsx)(t,{label:(0,n.__)("Icon","popup-builder-block"),value:o?.icon,onChange:o=>e({icon:o})}),(0,c.jsx)(v,{label:(0,n.__)("Enable Link?","popup-builder-block"),value:o?.iconEnableLink,onChange:o=>e({iconEnableLink:o})}),o?.iconEnableLink&&(0,c.jsx)(_,{value:o?.iconWebsiteLink,onChange:o=>e({iconWebsiteLink:o})}),(0,c.jsx)(h,{children:(0,c.jsx)(k,{label:(0,n.__)("Alignment","popup-builder-block"),options:[{label:(0,n.__)("Left","popup-builder-block"),value:"left",icon:p},{label:(0,n.__)("Center","popup-builder-block"),value:"center",icon:s},{label:(0,n.__)("Right","popup-builder-block"),value:"right",icon:u}],value:m(o,"iconAlign",l),onChange:o=>B("iconAlign",o,l,e)})})]})});case"style":return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(d,{title:(0,n.__)("Icon","popup-builder-block"),children:[(0,c.jsx)(h,{children:(0,c.jsx)(j,{label:(0,n.__)("Size","popup-builder-block"),value:m(o,"iconSize",l),onChange:o=>B("iconSize",o,l,e),units:{px:{min:0,max:200,step:1},rem:{min:0,max:10,step:.1}}})}),(0,c.jsx)(g,{label:(0,n.__)("Roate","popup-builder-block"),value:o?.iconRoate,onChange:o=>e({iconRoate:o}),sizeUnits:["deg"],range:{min:0,max:360,step:1}}),(0,c.jsx)(x,{type:"normal",tabs:[{name:"normal",title:(0,n.__)("Normal","popup-builder-block")},{name:"hover",title:(0,n.__)("Hover","popup-builder-block")}],children:r=>"normal"===r.name?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a,{label:(0,n.__)("Color","popup-builder-block"),value:o?.iconColor,onChange:o=>e({iconColor:o})}),(0,c.jsx)(a,{label:(0,n.__)("Background Color","popup-builder-block"),value:o?.iconBgColor,onChange:o=>e({iconBgColor:o})}),(0,c.jsx)(C,{label:(0,n.__)("Border"),colors:w,onChange:o=>e({iconBorder:o}),value:o?.iconBorder}),(0,c.jsx)(h,{children:(0,c.jsx)(b,{label:(0,n.__)("Border Radius","popup-builder-block"),values:m(o,"iconBorderRadius",l),onChange:o=>B("iconBorderRadius",o,l,e),isMinPositiveOnly:!0})}),(0,c.jsx)(i,{label:(0,n.__)("Box Shadow","popup-builder-block"),value:o?.iconBoxShadow,onChange:o=>e({iconBoxShadow:o})})]}):"hover"===r.name?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a,{label:(0,n.__)("Color","popup-builder-block"),value:o?.iconHoverColor,onChange:o=>e({iconHoverColor:o})}),(0,c.jsx)(a,{label:(0,n.__)("Background Color","popup-builder-block"),value:o?.iconHoverBgColor,onChange:o=>e({iconHoverBgColor:o})}),(0,c.jsx)(C,{label:(0,n.__)("Border"),colors:w,onChange:o=>e({iconHoverBorder:o}),value:o?.iconHoverBorder}),(0,c.jsx)(h,{children:(0,c.jsx)(b,{label:(0,n.__)("Border Radius","popup-builder-block"),values:m(o,"iconHoverBorderRadius",l),onChange:o=>B("iconHoverBorderRadius",o,l,e),isMinPositiveOnly:!1})}),(0,c.jsx)(i,{label:(0,n.__)("Box Shadow","popup-builder-block"),value:o?.iconHoverBoxShadow,onChange:o=>e({iconHoverBoxShadow:o})})]}):void 0}),(0,c.jsx)(r.__experimentalDivider,{}),(0,c.jsx)(h,{children:(0,c.jsx)(b,{label:(0,n.__)("Padding","popup-builder-block"),values:m(o,"iconPadding",l),onChange:o=>B("iconPadding",o,l,e)})}),(0,c.jsx)(h,{children:(0,c.jsx)(b,{label:(0,n.__)("Margin","popup-builder-block"),values:m(o,"iconMargin",l),onChange:o=>B("iconMargin",o,l,e)})})]})})}}})})}}]);

🔐 Sid Gifari File Manager Pro