1 line
9.2 KiB
JavaScript
1 line
9.2 KiB
JavaScript
(()=>{"use strict";var e,n={216:()=>{const e=window.wp.blocks,n=window.wp.i18n,t=window.wp.blockEditor,o=window.wp.components,l=(window.wp.element,window.React),a=window.ReactJSXRuntime;function s(e){const{iconSvgId:t,onIconChange:s}=e,[c,i]=(0,l.useState)([]);if((0,l.useEffect)((()=>{(async()=>{try{const e=await fetch("/wp-json/lcp/v1/icons"),n=await e.json();Array.isArray(n)&&n.length>0&&i(n)}catch(e){console.error("Error fetching icons:",e)}})()}),[]),0===c.length)return(0,a.jsx)("p",{children:(0,n.__)("Loading icons...","lcp")});const r=c.map((e=>({value:e.iconSvgId,label:e.name})));return(0,a.jsx)(o.SelectControl,{label:(0,n.__)("Select Icon","lcp"),value:t,options:r,onChange:e=>{const n=c.find((n=>n.iconSvgId===e));n&&s&&(s({iconSvgId:n.iconSvgId,iconSvgPath:n.iconSvgPaths,viewbox:n.selectedIconViewbox}),console.log("Selected Icon ID:",n.iconSvgId),console.log("Selected Icon Path:",n.iconSvgPaths),console.log("Selected Icon Viewbox:",n.selectedIconViewbox))}})}function c({value:e="10px",onChange:t,includeAuto:s=!1,autoReturnsNull:c=!1}){const i=[{label:(0,n.__)("px"),value:"px"},{label:(0,n.__)("%"),value:"%"},{label:(0,n.__)("em"),value:"em"},{label:(0,n.__)("rem"),value:"rem"},{label:(0,n.__)("vw"),value:"vw"},{label:(0,n.__)("vh"),value:"vh"},...s?[{label:(0,n.__)("auto"),value:"auto"}]:[]],r=e=>{const n=e.match(/([0-9]+)([a-zA-Z%]+)?/);return n?{numberValue:parseInt(n[1],10),unitValue:n[2]||"px"}:{numberValue:0,unitValue:"px"}},{numberValue:h,unitValue:u}=r(e),[d,v]=(0,l.useState)(h),[x,g]=(0,l.useState)(u);return(0,l.useEffect)((()=>{const{numberValue:n,unitValue:t}=r(e);v(n),g(t)}),[e]),(0,a.jsx)(o.BaseControl,{className:"lcp-dimension-value-control",children:(0,a.jsxs)(o.__experimentalHStack,{children:[(0,a.jsx)(o.__experimentalNumberControl,{className:"lcp-number-control",value:d||"",onChange:e=>{v(e),t&&"auto"!==x&&t(`${e}${x}`)},min:0,step:.1,spinControls:"none",disabled:"auto"===x}),(0,a.jsx)(o.SelectControl,{className:"lcp-select-control",value:x,options:i,onChange:e=>{"auto"===e&&v(null),g(e),t&&t("auto"===e?c?null:"auto":`${d}${e}`)}})]})})}function i(){return(0,a.jsxs)(o.BaseControl,{className:"lcp-padding-control",children:[(0,a.jsxs)(o.__experimentalHStack,{children:[(0,a.jsx)("span",{children:(0,n.__)("Padding")}),(0,a.jsx)(o.Button,{variant:"secondary","aria-label":(0,n.__)("Unlink sides"),onClick:()=>{},children:(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24","aria-hidden":"true",focusable:"false",children:(0,a.jsx)("path",{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})})})]}),(0,a.jsxs)(o.__experimentalHStack,{style:{flex:1},children:[(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24",className:"spacing-sizes-control__icon","aria-hidden":"true",focusable:"false",children:[(0,a.jsx)("path",{d:"m7.5 6h9v-1.5h-9zm0 13.5h9v-1.5h-9zm-3-3h1.5v-9h-1.5zm13.5-9v9h1.5v-9z",style:{opacity:.25}}),(0,a.jsx)("path",{d:"m7.5 6h9v-1.5h-9z"}),(0,a.jsx)("path",{d:"m7.5 19.5h9v-1.5h-9z"})]}),(0,a.jsxs)(o.__experimentalHStack,{style:{flex:1},children:[(0,a.jsx)(c,{}),(0,a.jsx)(o.RangeControl,{withInputField:!1,value:10,onChange:()=>{},min:0,max:50})]}),(0,a.jsx)(o.Button,{style:{padding:0,background:"none",color:"var(--wp-components-color-foreground)"},variant:"primary",onClick:()=>{},children:(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24","aria-hidden":"true",focusable:"false",children:[(0,a.jsx)("path",{d:"m19 7.5h-7.628c-.3089-.87389-1.1423-1.5-2.122-1.5-.97966 0-1.81309.62611-2.12197 1.5h-2.12803v1.5h2.12803c.30888.87389 1.14231 1.5 2.12197 1.5.9797 0 1.8131-.62611 2.122-1.5h7.628z"}),(0,a.jsx)("path",{d:"m19 15h-2.128c-.3089-.8739-1.1423-1.5-2.122-1.5s-1.8131.6261-2.122 1.5h-7.628v1.5h7.628c.3089.8739 1.1423 1.5 2.122 1.5s1.8131-.6261 2.122-1.5h2.128z"})]})})]}),(0,a.jsxs)(o.__experimentalHStack,{style:{flex:1},children:[(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24",className:"spacing-sizes-control__icon","aria-hidden":"true",focusable:"false",children:[(0,a.jsx)("path",{d:"m7.5 6h9v-1.5h-9zm0 13.5h9v-1.5h-9zm-3-3h1.5v-9h-1.5zm13.5-9v9h1.5v-9z",style:{opacity:.25}}),(0,a.jsx)("path",{d:"m7.5 6h9v-1.5h-9z"}),(0,a.jsx)("path",{d:"m4.5 7.5v9h1.5v-9z"}),(0,a.jsx)("path",{d:"m18 7.5v9h1.5v-9z"})]}),(0,a.jsx)(o.RangeControl,{withInputField:!1,value:10,onChange:()=>{},min:0,max:50}),(0,a.jsx)(o.Button,{variant:"primary",onClick:()=>{},children:(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24","aria-hidden":"true",focusable:"false",children:[(0,a.jsx)("path",{d:"m19 7.5h-7.628c-.3089-.87389-1.1423-1.5-2.122-1.5-.97966 0-1.81309.62611-2.12197 1.5h-2.12803v1.5h2.12803c.30888.87389 1.14231 1.5 2.12197 1.5.9797 0 1.8131-.62611 2.122-1.5h7.628z"}),(0,a.jsx)("path",{d:"m19 15h-2.128c-.3089-.8739-1.1423-1.5-2.122-1.5s-1.8131.6261-2.122 1.5h-7.628v1.5h7.628c.3089.8739 1.1423 1.5 2.122 1.5s1.8131-.6261 2.122-1.5h2.128z"})]})})]}),(0,a.jsx)(o.__experimentalVStack,{})]})}(0,e.registerBlockType)("lcp/button",{edit:function(e){const{attributes:l,setAttributes:r}=e,{buttonAction:h,iconHeight:u,buttonText:d,iconSvgId:v,iconSvgPath:x,iconSvgViewbox:g,displayIcon:p,iconSource:m,customUrl:w,buttonPadding:b}=l;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.InspectorControls,{children:(0,a.jsxs)(o.PanelBody,{title:(0,n.__)("Button Settings"),children:[(0,a.jsx)(i,{onChange:e=>{"number"==typeof e&&(e=`${e}px`),r({buttonPadding:e})}}),(0,a.jsx)(o.SelectControl,{label:(0,n.__)("Button Action"),value:h,options:[{value:"customUrl",label:"Custom URL"},{value:"showLoginForm",label:"Show Login Form"},{value:"logOut",label:"Open Popup"},{value:"shareCurrentPost",label:"Share Current Post"},{value:"displaySidecontent",label:"Display Sidecontent"}],onChange:e=>r({buttonAction:e})}),"customUrl"===h&&(0,a.jsx)(o.TextControl,{label:(0,n.__)("Custom URL"),value:w,onChange:e=>{r({customUrl:e})}}),(0,a.jsx)(o.TextControl,{label:(0,n.__)("Button Text"),value:d,onChange:e=>r({buttonText:e})}),(0,a.jsx)(o.ToggleControl,{label:"Display Icon",checked:p,onChange:e=>{r({displayIcon:e})}}),(0,a.jsx)(c,{value:u,onChange:e=>r({iconHeight:e}),includeAuto:!0,autoReturnsNull:!0}),p&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.SelectControl,{label:(0,n.__)("Icon Source"),value:m,options:[{value:"manualSvgPath",label:"SVG Path"},{value:"iconSelector",label:"Icon Library"}],onChange:e=>r({iconSource:e})}),"manualSvgPath"===m&&(0,a.jsx)(o.TextareaControl,{label:"Icon SVG Path",value:x,onChange:e=>r({iconSvgPath:e})}),"iconSelector"===m&&(0,a.jsx)(s,{iconSvgId:v,onIconChange:e=>{console.log("Icon changed:",e),e&&e.iconSvgPath&&r({iconSvgPath:e.iconSvgPath,iconSvgId:e.iconSvgId,iconSvgViewbox:e.viewbox})}})]})]})}),(0,a.jsx)("div",{...(0,t.useBlockProps)(),children:"customUrl"===h?(0,a.jsxs)("a",{href:w,className:"lcp-button",style:{padding:b||"10px"},children:[p&&x&&(0,a.jsx)("svg",{style:{height:u},className:"lcp-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:g||"0 0 576 576",dangerouslySetInnerHTML:{__html:x}}),(0,a.jsx)("span",{className:"lcp-button-text",children:d||"Button"})]}):(0,a.jsxs)("button",{className:"lcp-button",style:{padding:b||"10px"},children:[p&&x&&(0,a.jsx)("svg",{style:{height:u},className:"lcp-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:g||"0 0 576 576",dangerouslySetInnerHTML:{__html:x}}),(0,a.jsx)("span",{className:"lcp-button-text",children:d||"Button"})]})})]})},save:function(e){const{attributes:n}=e,{displayIcon:o,buttonText:l,buttonPadding:s,iconHeight:c,iconSvgPath:i,iconSvgViewbox:r,buttonAction:h,customUrl:u}=n,d=t.useBlockProps.save();return(0,a.jsx)("div",{...d,children:"customUrl"===h?(0,a.jsxs)("a",{href:u,className:"lcp-button",style:{padding:s||"10px"},children:[o&&i&&(0,a.jsx)("svg",{style:{height:c},className:"lcp-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:r||"0 0 576 576",dangerouslySetInnerHTML:{__html:i}}),(0,a.jsx)("span",{className:"lcp-button-text",children:l||"Button"})]}):(0,a.jsxs)("button",{className:"lcp-button",style:{padding:s||"10px"},children:[o&&i&&(0,a.jsx)("svg",{style:{height:c},className:"lcp-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:r||"0 0 576 576",dangerouslySetInnerHTML:{__html:i}}),(0,a.jsx)("span",{className:"lcp-button-text",children:l||"Button"})]})})}})}},t={};function o(e){var l=t[e];if(void 0!==l)return l.exports;var a=t[e]={exports:{}};return n[e](a,a.exports,o),a.exports}o.m=n,e=[],o.O=(n,t,l,a)=>{if(!t){var s=1/0;for(h=0;h<e.length;h++){for(var[t,l,a]=e[h],c=!0,i=0;i<t.length;i++)(!1&a||s>=a)&&Object.keys(o.O).every((e=>o.O[e](t[i])))?t.splice(i--,1):(c=!1,a<s&&(s=a));if(c){e.splice(h--,1);var r=l();void 0!==r&&(n=r)}}return n}a=a||0;for(var h=e.length;h>0&&e[h-1][2]>a;h--)e[h]=e[h-1];e[h]=[t,l,a]},o.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),(()=>{var e={57:0,350:0};o.O.j=n=>0===e[n];var n=(n,t)=>{var l,a,[s,c,i]=t,r=0;if(s.some((n=>0!==e[n]))){for(l in c)o.o(c,l)&&(o.m[l]=c[l]);if(i)var h=i(o)}for(n&&n(t);r<s.length;r++)a=s[r],o.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return o.O(h)},t=globalThis.webpackChunkbutton=globalThis.webpackChunkbutton||[];t.forEach(n.bind(null,0)),t.push=n.bind(null,t.push.bind(t))})();var l=o.O(void 0,[350],(()=>o(216)));l=o.O(l)})(); |