local-content-pro/includes/blocks/lcp-dynamic-container/build/index.js

(()=>{"use strict";var e,l={717:()=>{const e=window.wp.blocks,l=window.wp.blockEditor,t=window.wp.components,n=window.React,o=window.wp.i18n,r=window.ReactJSXRuntime,a=JSON.parse('{"UU":"lcp/dynamic-container"}');(0,e.registerBlockType)(a.UU,{edit:function({attributes:e,setAttributes:a}){const i=(0,l.useBlockProps)(),{padding:s,maxWidthLarge:d,maxWidthMedium:x,maxWidthSmall:g,minHeightLarge:p,minHeightMedium:c,minHeightSmall:h,backgroundColor:u}=e,[m,f]=(0,n.useState)(!1),[C,j]=(0,n.useState)(!1),[v,b]=(0,n.useState)(u||"#ffffff"),_=(e,l,t)=>{const n={...s};n[e][l]=t,a({padding:n})},y=(e,l)=>{a({[`maxWidth${l}`]:e})},w=(e,l)=>{a({[`minHeight${l}`]:e})};return(0,n.useEffect)((()=>{console.log("Updated attributes:",e)}),[e]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(l.InspectorControls,{children:[(0,r.jsxs)(t.__experimentalToggleGroupControl,{label:"my label",value:"vertical",isBlock:!0,__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,children:[(0,r.jsx)(t.__experimentalToggleGroupControlOption,{value:"horizontal",label:"Horizontal"}),(0,r.jsx)(t.__experimentalToggleGroupControlOption,{value:"vertical",label:"Vertical"})]}),(0,r.jsxs)(t.BaseControl,{label:"Padding - Desktop",children:[(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"row"},children:[(0,r.jsx)("span",{style:{marginRight:"10px"},children:"Padding"}),(0,r.jsx)(t.ToggleControl,{label:"Use Independent Padding",checked:m,onChange:()=>{f(!m)}})]}),m?(0,r.jsxs)("div",{style:{display:"grid",padding:"10px",gridTemplateColumns:"1fr 1fr",gap:"10px",justifyItems:"center"},children:[(0,r.jsxs)("fieldset",{style:{gridColumn:"span 2",width:"116px"},children:[(0,r.jsx)("legend",{children:"Top"}),(0,r.jsx)(t.__experimentalUnitControl,{value:s.extraLarge?.top||"10px",onChange:e=>_("extraLarge","top",e)})]}),(0,r.jsxs)("fieldset",{children:[(0,r.jsx)("legend",{children:"Left"}),(0,r.jsx)(t.__experimentalUnitControl,{value:s.extraLarge?.left||"10px",onChange:e=>_("extraLarge","left",e)})]}),(0,r.jsxs)("fieldset",{children:[(0,r.jsx)("legend",{children:"Right"}),(0,r.jsx)(t.__experimentalUnitControl,{value:s.extraLarge?.right||"10px",onChange:e=>_("extraLarge","right",e)})]}),(0,r.jsxs)("fieldset",{style:{gridColumn:"span 2",width:"116px"},children:[(0,r.jsx)("legend",{children:"Bottom"}),(0,r.jsx)(t.__experimentalUnitControl,{value:s.extraLarge?.bottom||"10px",onChange:e=>_("extraLarge","bottom",e)})]})]}):(0,r.jsx)(t.__experimentalUnitControl,{label:"Padding Value",value:999,onChange:e=>{a({padding:{extraLarge:{top:e,right:e,bottom:e,left:e},large:{top:e,right:e,bottom:e,left:e},medium:{top:e,right:e,bottom:e,left:e},small:{top:e,right:e,bottom:e,left:e}}})}})]}),(0,r.jsx)(t.BaseControl,{label:"Max Width",children:(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[(0,r.jsx)(t.__experimentalUnitControl,{label:"Large",value:d,onChange:e=>y(e,"Large"),defaultUnit:"px"}),(0,r.jsx)(t.__experimentalUnitControl,{label:"Medium",value:x,onChange:e=>y(e,"Medium"),defaultUnit:"px"}),(0,r.jsx)(t.__experimentalUnitControl,{label:"Small",value:g,onChange:e=>y(e,"Small"),defaultUnit:"px"})]})}),(0,r.jsx)(t.BaseControl,{label:"Min Height",children:(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[(0,r.jsx)(t.__experimentalUnitControl,{label:"Large",value:p,onChange:e=>w(e,"Large"),defaultUnit:"px"}),(0,r.jsx)(t.__experimentalUnitControl,{label:"Medium",value:c,onChange:e=>w(e,"Medium"),defaultUnit:"px"}),(0,r.jsx)(t.__experimentalUnitControl,{label:"Small",value:h,onChange:e=>w(e,"Small"),defaultUnit:"px"})]})}),(0,r.jsx)(t.BaseControl,{label:(0,o.__)("Background Color"),children:(0,r.jsxs)("div",{children:[(0,r.jsx)(t.Button,{onClick:()=>j(!C),children:(0,o.__)("Choose Background Color")}),C&&(0,r.jsx)(t.Popover,{position:"bottom center",children:(0,r.jsx)(t.ColorPalette,{value:v,onChange:e=>{b(e),a({backgroundColor:e})},colors:[{name:"Primary",slug:"primary",color:"#3E5062"},{name:"Secondary",slug:"secondary",color:"#2B3843"},{name:"Light Color - 1",slug:"light-color-1",color:"#ECF0F5"},{name:"Dark Gray",slug:"dark-gray",color:"#333333"},{name:"Accent",slug:"accent",color:"#61FFB6"}],disableCustomColors:!1})}),(0,r.jsx)("div",{style:{backgroundColor:v,width:"30px",height:"30px",marginTop:"10px",borderRadius:"50%"}})]})})]}),(0,r.jsx)("div",{...i,style:{maxWidth:d,minHeight:p},children:(0,r.jsx)(l.InnerBlocks,{})})]})},save:function(){return(0,r.jsx)(l.InnerBlocks.Content,{})}})}},t={};function n(e){var o=t[e];if(void 0!==o)return o.exports;var r=t[e]={exports:{}};return l[e](r,r.exports,n),r.exports}n.m=l,e=[],n.O=(l,t,o,r)=>{if(!t){var a=1/0;for(x=0;x<e.length;x++){t=e[x][0],o=e[x][1],r=e[x][2];for(var i=!0,s=0;s<t.length;s++)(!1&r||a>=r)&&Object.keys(n.O).every((e=>n.O[e](t[s])))?t.splice(s--,1):(i=!1,r<a&&(a=r));if(i){e.splice(x--,1);var d=o();void 0!==d&&(l=d)}}return l}r=r||0;for(var x=e.length;x>0&&e[x-1][2]>r;x--)e[x]=e[x-1];e[x]=[t,o,r]},n.o=(e,l)=>Object.prototype.hasOwnProperty.call(e,l),(()=>{var e={57:0,350:0};n.O.j=l=>0===e[l];var l=(l,t)=>{var o,r,a=t[0],i=t[1],s=t[2],d=0;if(a.some((l=>0!==e[l]))){for(o in i)n.o(i,o)&&(n.m[o]=i[o]);if(s)var x=s(n)}for(l&&l(t);d<a.length;d++)r=a[d],n.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return n.O(x)},t=self.webpackChunklcp_viewport=self.webpackChunklcp_viewport||[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))})();var o=n.O(void 0,[350],(()=>n(717)));o=n.O(o)})();