Da

✏️ Editing: blocks-single-icon.js

(()=>{var e={790:e=>{"use strict";e.exports=window.ReactJSXRuntime},4510:e=>{"use strict";e.exports=window.kadence.helpers},4715:e=>{"use strict";e.exports=window.wp.blockEditor},4997:e=>{"use strict";e.exports=window.wp.blocks},6087:e=>{"use strict";e.exports=window.wp.element},6427:e=>{"use strict";e.exports=window.wp.components},6942:(e,t)=>{var o;!function(){"use strict";var n={}.hasOwnProperty;function i(){for(var e="",t=0;t<arguments.length;t++){var o=arguments[t];o&&(e=l(e,a(o)))}return e}function a(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return i.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var o in e)n.call(e,o)&&e[o]&&(t=l(t,o));return t}function l(e,t){return t?e?e+" "+t:e+t:e}e.exports?(i.default=i,e.exports=i):void 0===(o=function(){return i}.apply(t,[]))||(e.exports=o)}()},7143:e=>{"use strict";e.exports=window.wp.data},7723:e=>{"use strict";e.exports=window.wp.i18n},9091:e=>{"use strict";e.exports=window.kadence.icons},9621:e=>{"use strict";e.exports=window.kadence.components}},t={};function o(n){var i=t[n];if(void 0!==i)return i.exports;var a=t[n]={exports:{}};return e[n](a,a.exports,o),a.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";const e=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"title":"Single Icon","name":"kadence/single-icon","parent":["kadence/icon"],"category":"kadence-blocks","textdomain":"kadence-blocks","attributes":{"uniqueID":{"type":"string","default":""},"icon":{"type":"string","default":"fe_aperture"},"link":{"type":"string","default":""},"target":{"type":"string","default":"_self"},"size":{"type":"number","default":50},"width":{"type":"number","default":2},"title":{"type":"string","default":""},"color":{"type":"string","default":""},"background":{"type":"string","default":"transparent"},"border":{"type":"string","default":""},"borderRadius":{"type":"number","default":0},"borderWidth":{"type":"number","default":2},"padding":{"type":"array","default":["xs","xs","xs","xs"]},"paddingUnit":{"type":"string","default":"px"},"style":{"type":"string","default":"default"},"margin":{"type":"array","default":["","","",""]},"marginUnit":{"type":"string","default":"px"},"hColor":{"type":"string","default":""},"hBackground":{"type":"string","default":""},"hBorder":{"type":"string","default":""},"linkTitle":{"type":"string","default":""},"tabletSize":{"type":"number","default":""},"mobileSize":{"type":"number","default":""},"tabletMargin":{"type":"array","default":["","","",""]},"mobileMargin":{"type":"array","default":["","","",""]},"tabletPadding":{"type":"array","default":["","","",""]},"mobilePadding":{"type":"array","default":["","","",""]},"tooltip":{"type":"string","source":"html","selector":".kb-tooltip-hidden-content","__experimentalRole":"content"},"tooltipPlacement":{"type":"string","default":""},"tooltipDash":{"type":"boolean","default":false},"inQueryBlock":{"type":"boolean","default":false}},"supports":{"ktdynamic":true,"html":false,"reusable":false,"kbMetadata":true},"usesContext":["postId","queryId","kadence/dynamicSource","kadence/repeaterRowData","kadence/repeaterRow"]}');var t=o(9091),n=o(9621),i=o(4510),a=o(7143),l=o(6087),r=o(790);function d({attributes:e,previewDevice:t}){(0,l.useRef)();const{inQueryBlock:o,icon:a,link:d,target:s,size:c,width:u,title:p,text:g,hColor:b,hBackground:v,tabletSize:k,hBorder:m,color:h,background:x,border:f,borderRadius:_,padding:y,borderWidth:C,style:w,linkTitle:S,level:j,blockAlignment:P,textAlignment:T,tabletTextAlignment:I,mobileTextAlignment:B,tabletPadding:O,mobilePadding:R,paddingUnit:z,tabletMargin:A,mobileMargin:D,margin:N,marginUnit:M,mobileSize:$,uniqueID:K,verticalAlignment:L,tooltip:U,tooltipPlacement:W,tooltipDash:E}=e,V=(0,i.getPreviewSize)(t,void 0!==c?c:void 0,void 0!==k||0===k?k:void 0,void 0!==$||0===$?$:void 0),q=(0,i.getPreviewSize)(t,N&&void 0!==N[0]?N[0]:void 0,A&&void 0!==A[0]?A[0]:void 0,D&&void 0!==D[0]?D[0]:void 0),F=(0,i.getPreviewSize)(t,N&&void 0!==N[1]?N[1]:void 0,A&&void 0!==A[1]?A[1]:void 0,D&&void 0!==D[1]?D[1]:void 0),H=(0,i.getPreviewSize)(t,N&&void 0!==N[2]?N[2]:void 0,A&&void 0!==A[2]?A[2]:void 0,D&&void 0!==D[2]?D[2]:void 0),Q=(0,i.getPreviewSize)(t,N&&void 0!==N[3]?N[3]:void 0,A&&void 0!==A[3]?A[3]:void 0,D&&void 0!==D[3]?D[3]:void 0),J=(0,i.getPreviewSize)(t,y&&void 0!==y[0]?y[0]:void 0,O&&void 0!==O[0]?O[0]:void 0,R&&void 0!==R[0]?R[0]:void 0),G=(0,i.getPreviewSize)(t,y&&void 0!==y[1]?y[1]:void 0,O&&void 0!==O[1]?O[1]:void 0,R&&void 0!==R[1]?R[1]:void 0),X=(0,i.getPreviewSize)(t,y&&void 0!==y[2]?y[2]:void 0,O&&void 0!==O[2]?O[2]:void 0,R&&void 0!==R[2]?R[2]:void 0),Y=(0,i.getPreviewSize)(t,y&&void 0!==y[3]?y[3]:void 0,O&&void 0!==O[3]?O[3]:void 0,R&&void 0!==R[3]?R[3]:void 0),Z=void 0!==z&&z?z:"px",ee=void 0!==M&&M?M:"px";return(0,r.jsx)(n.Tooltip,{text:U,placement:W||"top",children:(0,r.jsx)("div",{className:`kt-svg-style-${w} kt-svg-icon-wrap kt-svg-item-${K}${E&&U?" kb-icon-tooltip-border":""}`,children:a&&(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(n.IconRender,{className:`kt-svg-icon kt-svg-icon-${a}`,name:a,size:V,strokeWidth:"fe"===a.substring(0,2)?u:void 0,title:p||"",style:{color:h?(0,i.KadenceColorOutput)(h):void 0,backgroundColor:x&&"default"!==w?(0,i.KadenceColorOutput)(x):void 0,paddingTop:J&&"default"!==w?(0,i.getSpacingOptionOutput)(J,Z):void 0,paddingRight:G&&"default"!==w?(0,i.getSpacingOptionOutput)(G,Z):void 0,paddingBottom:X&&"default"!==w?(0,i.getSpacingOptionOutput)(X,Z):void 0,paddingLeft:Y&&"default"!==w?(0,i.getSpacingOptionOutput)(Y,Z):void 0,borderColor:f&&"default"!==w?(0,i.KadenceColorOutput)(f):void 0,borderWidth:C&&"default"!==w?C+"px":void 0,borderRadius:_&&"default"!==w?_+"%":void 0,marginTop:q?(0,i.getSpacingOptionOutput)(q,ee):void 0,marginRight:F?(0,i.getSpacingOptionOutput)(F,ee):void 0,marginBottom:H?(0,i.getSpacingOptionOutput)(H,ee):void 0,marginLeft:Q?(0,i.getSpacingOptionOutput)(Q,ee):void 0}})})})})}var s=o(7723);function c({attributes:e,setAttributes:t}){const{margin:o,tabletMargin:i,mobileMargin:a,marginUnit:l,padding:d,tabletPadding:c,mobilePadding:u,paddingUnit:p,style:g}=e;return(0,r.jsxs)(n.KadencePanelBody,{title:(0,s.__)("Icon","kadence-blocks")+" "+(0,s.__)("Spacing Settings","kadence-blocks"),initialOpen:!0,panelName:"iconSpacing",blockSlug:"kadence/icon",children:["default"!==g&&(0,r.jsx)(n.ResponsiveMeasureRangeControl,{label:(0,s.__)("Icon Padding","kadence-blocks"),value:d||["","","",""],onChange:e=>t({padding:e}),tabletValue:c||["","","",""],onChangeTablet:e=>t({tabletPadding:e}),mobileValue:u||["","","",""],onChangeMobile:e=>t({mobilePadding:e}),min:0,max:"em"===(p||"px")||"rem"===(p||"px")?25:999,step:"em"===(p||"px")||"rem"===(p||"px")?.1:1,unit:p||"px",units:["px","em","rem"],onUnit:e=>t({paddingUnit:e})}),(0,r.jsx)(n.ResponsiveMeasureRangeControl,{label:(0,s.__)("Icon Margin","kadence-blocks"),value:o||["","","",""],onChange:e=>t({margin:e}),tabletValue:i||["","","",""],onChangeTablet:e=>t({tabletMargin:e}),mobileValue:a||["","","",""],onChangeMobile:e=>t({mobileMargin:e}),min:"em"===(l||"px")||"rem"===(l||"px")?-25:-999,max:"em"===(l||"px")||"rem"===(l||"px")?25:999,step:"em"===(l||"px")||"rem"===(l||"px")?.1:1,unit:l||"px",units:["px","em","rem"],onUnit:e=>t({marginUnit:e}),allowAuto:!0})]})}var u=o(4715),p=o(6427);var g=o(6942),b=o.n(g);const v=[{attributes:e.attributes,supports:e.supports,apiVersion:2,save:({attributes:e})=>{const{icon:t,link:o,target:i,width:a,title:l,style:d,linkTitle:s,uniqueID:c}=e;return(0,r.jsxs)("div",{className:`kt-svg-style-${d} kt-svg-icon-wrap kt-svg-item-${c}`,children:[t&&o&&(0,r.jsx)("a",{href:o,className:"kt-svg-icon-link",target:"_blank"===i?i:void 0,rel:"_blank"===i?"noopener noreferrer":void 0,"aria-label":void 0!==s&&""!==s?s:void 0,children:(0,r.jsx)(n.IconSpanTag,{name:t,strokeWidth:"fe"===t.substring(0,2)?a:void 0,title:l||""})}),t&&!o&&(0,r.jsx)(n.IconSpanTag,{name:t,strokeWidth:"fe"===t.substring(0,2)?a:void 0,title:l||""})]})}}];(0,o(4997).registerBlockType)("kadence/single-icon",{...e,title:(0,s.__)("Single Icon","kadence-blocks"),description:(0,s.__)("Single icon within Icon block","kadence-blocks"),keywords:[(0,s.__)("icon","kadence-blocks"),(0,s.__)("svg","kadence-blocks"),"KB"],icon:{src:t.iconIcon},getEditWrapperProps({blockAlignment:e}){if("left"===e||"right"===e||"center"===e)return{"data-align":e}},edit:function(o){const{attributes:g,className:b,setAttributes:v,clientId:k,isSelected:m,name:h,context:x}=o,{inQueryBlock:f,icon:_,link:y,target:C,size:w,width:S,title:j,hColor:P,hBackground:T,tabletSize:I,hBorder:B,color:O,background:R,border:z,borderRadius:A,borderWidth:D,style:N,linkTitle:M,mobileSize:$,uniqueID:K,tooltip:L,tooltipPlacement:U,tooltipDash:W}=g,E=["icon","link","target"],[V,q]=(0,l.useState)("general"),{previewDevice:F}=(0,a.useSelect)(e=>({previewDevice:e("kadenceblocks/data").getPreviewDeviceType()}),[k]),H=(0,i.getPreviewSize)(F,void 0!==w?w:void 0,void 0!==I?I:void 0,void 0!==$?$:void 0);(0,l.useEffect)(()=>{v({inQueryBlock:(0,i.getInQueryBlock)(x,f)})},[]),(0,i.uniqueIdHelper)(o);const Q=(0,u.useBlockProps)({className:b}),J=(0,r.jsx)("style",{children:`.wp-block-kadence-single-icon .kt-svg-item-${K}:hover .kt-svg-icon {\n\t\t\t\t\t${void 0!==P&&P?"color:"+(0,i.KadenceColorOutput)(P)+"!important;":""}\n            }\n            .wp-block-kadence-single-icon .kt-svg-style-stacked.kt-svg-item-${K}:hover .kt-svg-icon {\n\t\t\t\t\t${void 0!==T&&T?"background:"+(0,i.KadenceColorOutput)(T)+"!important;":""}\n\t\t\t\t\t${void 0!==B&&B?"border-color:"+(0,i.KadenceColorOutput)(B)+"!important;":""}\n            }`});return(0,r.jsxs)("div",{...Q,children:[J,(0,r.jsxs)(u.BlockControls,{children:[(0,r.jsx)(p.ToolbarGroup,{group:"tooltip",children:(0,r.jsx)(p.Dropdown,{className:"kb-popover-inline-tooltip-container components-dropdown-menu components-toolbar",contentClassName:"kb-popover-inline-tooltip",placement:"bottom",renderToggle:({isOpen:e,onToggle:o})=>(0,r.jsx)(p.Button,{className:"components-dropdown-menu__toggle kb-inline-tooltip-toolbar-icon",label:(0,s.__)("Tooltip Settings","kadence-blocks"),icon:t.tooltip,onClick:o,"aria-expanded":e}),renderContent:()=>(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)("div",{className:"kb-inline-tooltip-control",children:[(0,r.jsx)(p.TextareaControl,{label:(0,s.__)("Tooltip Content","kadence-blocks"),value:L,onChange:e=>v({tooltip:e})}),(0,r.jsx)(p.SelectControl,{label:(0,s.__)("Placement","kadence-blocks"),value:U||"top",options:[{label:(0,s.__)("Top","kadence-blocks"),value:"top"},{label:(0,s.__)("Top Start","kadence-blocks"),value:"top-start"},{label:(0,s.__)("Top End","kadence-blocks"),value:"top-end"},{label:(0,s.__)("Right","kadence-blocks"),value:"right"},{label:(0,s.__)("Right Start","kadence-blocks"),value:"right-start"},{label:(0,s.__)("Right End","kadence-blocks"),value:"right-end"},{label:(0,s.__)("Bottom","kadence-blocks"),value:"bottom"},{label:(0,s.__)("Bottom Start","kadence-blocks"),value:"bottom-start"},{label:(0,s.__)("Bottom End","kadence-blocks"),value:"bottom-end"},{label:(0,s.__)("Left","kadence-blocks"),value:"left"},{label:(0,s.__)("Left Start","kadence-blocks"),value:"left-start"},{label:(0,s.__)("Left End","kadence-blocks"),value:"left-end"},{label:(0,s.__)("Auto","kadence-blocks"),value:"auto"},{label:(0,s.__)("Auto Start","kadence-blocks"),value:"auto-start"},{label:(0,s.__)("Auto End","kadence-blocks"),value:"auto-end"}],onChange:e=>{v({tooltipPlacement:e})}}),(0,r.jsx)(p.ToggleControl,{label:(0,s.__)("Show indicator underline","kadence-blocks"),checked:W,onChange:e=>{v({tooltipDash:e})}})]})})})}),(0,r.jsx)(n.CopyPasteAttributes,{attributes:g,excludedAttrs:E,defaultAttributes:e.attributes,blockSlug:e.name,onPaste:e=>v(e)})]}),(0,r.jsxs)(n.KadenceInspectorControls,{blockSlug:"kadence/icon",children:[(0,r.jsx)(n.InspectorControlTabs,{panelName:"single-icon",allowedTabs:["general","advanced"],setActiveTab:e=>q(e),activeTab:V}),"general"===V&&(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)(n.KadencePanelBody,{title:(0,s.__)("Icon Settings","kadence-blocks"),initialOpen:!0,panelName:"kb-icon-settings",children:[(0,r.jsx)(n.KadenceIconPicker,{value:_,onChange:e=>{v({icon:e})}}),(0,r.jsx)(n.ResponsiveRangeControls,{label:(0,s.__)("Icon Size","kadence-blocks"),value:H,onChange:e=>{v({size:e})},tabletValue:void 0!==I?I:"",onChangeTablet:e=>{v({tabletSize:e})},mobileValue:void 0!==$?$:"",onChangeMobile:e=>{v({mobileSize:e})},min:0,max:300,step:1,unit:"px"}),_&&"fe"===_.substring(0,2)&&(0,r.jsx)(n.RangeControl,{label:(0,s.__)("Line Width","kadence-blocks"),value:S,onChange:e=>{v({width:e})},step:.5,min:.5,max:4}),(0,r.jsx)(n.KadenceRadioButtons,{label:(0,s.__)("Icon Style","kadence-blocks"),value:N,options:[{value:"default",label:(0,s.__)("Default","kadence-blocks")},{value:"stacked",label:(0,s.__)("Stacked","kadence-blocks")}],onChange:e=>v({style:e})}),(0,r.jsx)(n.PopColorControl,{label:(0,s.__)("Icon Color","kadence-blocks"),value:O||"",default:"",onChange:e=>{v({color:e})},swatchLabel2:(0,s.__)("Hover Color","kadence-blocks"),value2:P||"",default2:"",onChange2:e=>{v({hColor:e})}}),"default"!==N&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.PopColorControl,{label:(0,s.__)("Background Color","kadence-blocks"),value:R||"",default:"",onChange:e=>{v({background:e})},swatchLabel2:(0,s.__)("Hover Background","kadence-blocks"),value2:T||"",default2:"",onChange2:e=>{v({hBackground:e})}}),(0,r.jsx)(n.PopColorControl,{label:(0,s.__)("Border Color","kadence-blocks"),value:z||"",default:"",onChange:e=>{v({border:e})},swatchLabel2:(0,s.__)("Hover Border","kadence-blocks"),value2:B||"",default2:"",onChange2:e=>{v({hBorder:e})}}),(0,r.jsx)(n.RangeControl,{label:(0,s.__)("Border Size (px)","kadence-blocks"),value:D,onChange:e=>{v({borderWidth:e})},min:0,max:20}),(0,r.jsx)(n.RangeControl,{label:(0,s.__)("Border Radius (%)","kadence-blocks"),value:A,onChange:e=>{v({borderRadius:e})},min:0,max:50})]}),(0,r.jsx)(n.URLInputControl,{label:(0,s.__)("Link","kadence-blocks"),url:y,onChangeUrl:e=>{v({link:e})},additionalControls:!0,opensInNewTab:!(!C||"_blank"!=C),onChangeTarget:e=>{v(e?{target:"_blank"}:{target:"_self"})},linkTitle:M,onChangeTitle:e=>{v({linkTitle:e})},dynamicAttribute:"link",allowClear:!0,isSelected:m,attributes:g,setAttributes:v,name:h,clientId:k,context:x}),(0,r.jsx)(p.TextControl,{label:(0,s.__)("Title for screen readers","kadence-blocks"),help:(0,s.__)("If no title added screen readers will ignore, good if the icon is purely decorative.","kadence-blocks"),value:j,onChange:e=>{v({title:e})}})]})}),"advanced"===V&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(c,{attributes:g,setAttributes:v}),(0,r.jsx)(n.KadenceBlockDefaults,{attributes:g,defaultAttributes:e.attributes,blockSlug:e.name,excludedAttrs:E})]})]}),(0,r.jsx)(d,{attributes:g,previewDevice:F})]})},save:function({attributes:e,className:t}){const{icon:o,link:i,target:a,width:l,title:d,style:s,linkTitle:c,uniqueID:p,tooltip:g,tooltipPlacement:v,tooltipDash:k}=e,m=b()({[`kt-svg-style-${s}`]:s,"kt-svg-icon-wrap":!0,[`kt-svg-item-${p}`]:p}),h=u.useBlockProps.save({className:m}),x=g&&p?`kt-svg-tooltip-${p}`:void 0;return(0,r.jsxs)("div",{...h,children:[o&&i&&(0,r.jsx)("a",{href:i,className:"kt-svg-icon-link"+(k&&x?" kb-icon-tooltip-border":""),"data-tooltip-id":x||void 0,"data-tooltip-placement":x&&v?v:void 0,target:"_blank"===a?a:void 0,rel:"_blank"===a?"noopener noreferrer":void 0,"aria-label":void 0!==c&&""!==c?c:void 0,children:(0,r.jsx)(n.IconSpanTag,{name:o,strokeWidth:"fe"===o.substring(0,2)?l:void 0,title:d||""})}),o&&!i&&(0,r.jsx)(n.IconSpanTag,{extraClass:k&&x?"kb-icon-tooltip-border":void 0,name:o,strokeWidth:"fe"===o.substring(0,2)?l:void 0,title:d||"",tooltipID:x||void 0,tooltipPlacement:v||void 0}),x&&(0,r.jsx)("span",{className:"kb-tooltip-hidden-content",style:{display:"none"},id:x,dangerouslySetInnerHTML:{__html:g}})]})},deprecated:v,example:{}})})(),(this.kadence=this.kadence||{})["blocks-single-icon"]={}})();

📁 Sid Gifari File Manager