WordPress.org
Get WordPress

Plugin Directory

Changeset 3029063


Ignore:
Timestamp:
01/30/2024 06:38:32 PM (2 years ago)
Author:
dragblock
Message:

23.01.30

  • Fixed non-negative values for x,y of box-shadow and text-shadow property
Location:
dragblock
Files:
289 added
4 edited

Legend:

Unmodified
Added
Removed

  • dragblock/trunk/build/applications/editor-panel-appearance/client/index.asset.php

    r3023697 r3029063  
    1 <?php return array('dependencies' => array('lodash', 'wp-block-editor', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '9b93ec2f4e3acdbf9c35');
     1<?php return array('dependencies' => array('lodash', 'wp-block-editor', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '424374d216b16a965c65');

  • dragblock/trunk/build/applications/editor-panel-appearance/client/index.js

    r3023697 r3029063  
    1 !function(){var e,t={8231:function(e,t,l){"use strict";var a=window.wp.i18n,o=window.lodash;const r={color:{keyword:"text color",label:(0,a.__)("Text Color","dragblock"),type:"color"},"background-color":{keyword:"background color",label:(0,a.__)("Background Color","dragblock"),type:"color"},"font-size":{keyword:"text font size",label:(0,a.__)("Font Size","dragblock"),type:"font-size"},"font-style":{keyword:"text font style",label:(0,a.__)("Font Style","dragblock"),type:"options"},"font-weight":{keyword:"text font weight appearance bold",label:(0,a.__)("Font Weight","dragblock"),type:"font-weight"},"font-family":{keyword:"font family style typography",label:(0,a.__)("Font Family","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},...dragBlockEditorInit.fontName.map((e=>({value:e,label:e})))]},"line-height":{keyword:"line height",label:(0,a.__)("Line Height","dragblock"),type:"line-height"},"text-decoration":{keyword:"text underline strikethrough",label:(0,a.__)("Text Decoration","dragblock"),type:"text-decoration"},width:{keyword:"width horizontal size",label:(0,a.__)("Width","dragblock"),type:"width"},height:{keyword:"height vertical size",label:(0,a.__)("Height","dragblock"),type:"height"},border:{keyword:"edge border strokes",label:(0,a.__)("Border","dragblock"),type:"border"},"margin-top":{keyword:"margin top outside space",label:(0,a.__)("Margin Top","dragblock"),type:"margin"},margin:{keyword:"margin outside space",label:(0,a.__)("Margin","dragblock"),type:"margin"},padding:{keyword:"padding inside space",label:(0,a.__)("Padding","dragblock"),type:"margin"},"text-transform":{keyword:"capitalize uppercase lowercase letter text case transform",label:(0,a.__)("Text Transform","dragblock"),type:"text-transform"},"letter-spacing":{keyword:"text character letter spacing",label:(0,a.__)("Letter Spacing","dragblock"),type:"unit",units:{px:{value:"px",label:"px",min:-10,max:20,step:.5,default:0}}},"word-spacing":{keyword:"word character letter spacing",label:(0,a.__)("Word Spacing","dragblock"),type:"unit",units:{px:{value:"px",label:"px",min:-10,max:20,step:.5,default:0}}},"text-align":{keyword:"text align left right center",label:(0,a.__)("Text Align","dragblock"),type:"text-align"},"border-top":{keyword:"edge border strokes top side",label:(0,a.__)("Border Top","dragblock"),type:"border"},"border-right":{keyword:"edge border strokes right side",label:(0,a.__)("Border Right","dragblock"),type:"border"},"border-bottom":{keyword:"edge border strokes bottom side",label:(0,a.__)("Border Bottom","dragblock"),type:"border"},"border-left":{keyword:"edge border strokes bottom left",label:(0,a.__)("Border Left","dragblock"),type:"border"},"border-color":{keyword:"edge border strokes color",label:(0,a.__)("Border Color","dragblock"),type:"color"},"border-top-color":{keyword:"edge border top stroke color",label:(0,a.__)("Border Top Color ","dragblock"),type:"color"},"border-right-color":{keyword:"edge border right stroke color",label:(0,a.__)("Border Right Color ","dragblock"),type:"color"},"border-bottom-color":{keyword:"edge border bottom stroke color",label:(0,a.__)("Border Bottom Color ","dragblock"),type:"color"},"border-left-color":{keyword:"edge border left stroke color",label:(0,a.__)("Border Left Color ","dragblock"),type:"color"},"border-width":{keyword:"edge border stroke width size",label:(0,a.__)("Border Width","dragblock"),type:"unit"},"border-top-width":{keyword:"edge border stroke top side width size",label:(0,a.__)("Border Top Width","dragblock"),type:"unit"},"border-right-width":{keyword:"edge border stroke right side width size",label:(0,a.__)("Border Right Width","dragblock"),type:"unit"},"border-bottom-width":{keyword:"edge border stroke bottom side width size",label:(0,a.__)("Border Bottom Width","dragblock"),type:"unit"},"border-left-width":{keyword:"edge border stroke left side width size",label:(0,a.__)("Border Left Width","dragblock"),type:"unit"},"border-style":{keyword:"edge border stroke line style design dotted dashed solid",label:(0,a.__)("Border Style","dragblock"),type:"border-style"},"border-top-style":{keyword:"edge border top side stroke style design dotted dashed solid",label:(0,a.__)("Border Top Style","dragblock"),type:"border-style"},"border-right-style":{keyword:"edge border right side stroke line style design dotted dashed solid",label:(0,a.__)("Border Right Style","dragblock"),type:"border-style"},"border-bottom-style":{keyword:"edge border bottom side stroke line style design dotted dashed solid",label:(0,a.__)("Border Bottom Style","dragblock"),type:"border-style"},"border-left-style":{keyword:"edge border left side stroke line style design dotted dashed solid",label:(0,a.__)("Border Left Style","dragblock"),type:"border-style"},"border-radius":{keyword:"border edge stroke radius round corner circular elliptical ",label:(0,a.__)("Border Radius","dragblock"),type:"margin"},"border-top-left-radius":{keyword:"top left border edge stroke radius round corner circular elliptical ",label:(0,a.__)("Border Top Left Radius","dragblock"),type:"unit"},"border-top-right-radius":{keyword:"top right border edge stroke radius round corner circular elliptical ",label:(0,a.__)("Border Top Right Radius","dragblock"),type:"unit"},"border-bottom-right-radius":{keyword:"bottom right border edge stroke radius round corner circular elliptical ",label:(0,a.__)("Border Bottom Right Radius","dragblock"),type:"unit"},"border-bottom-left-radius":{keyword:"bottom left border edge stroke radius round corner circular elliptical ",label:(0,a.__)("Border Bottom Left Radius","dragblock"),type:"unit"},"margin-right":{keyword:"margin right outside space",label:(0,a.__)("Margin Right","dragblock"),type:"margin"},"margin-bottom":{keyword:"margin bottom outside space",label:(0,a.__)("Margin Bottom","dragblock"),type:"margin"},"margin-left":{keyword:"margin left outside space",label:(0,a.__)("Margin Left","dragblock"),type:"margin"},"padding-top":{keyword:"padding top inside space",label:(0,a.__)("Padding Top","dragblock"),type:"margin"},"padding-right":{keyword:"padding right inside space",label:(0,a.__)("Padding Right","dragblock"),type:"margin"},"padding-bottom":{keyword:"padding bottom inside space",label:(0,a.__)("Padding Bottom","dragblock"),type:"margin"},"padding-left":{keyword:"padding left inside space",label:(0,a.__)("Padding Left","dragblock"),type:"margin"},"box-shadow":{keyword:"box shadow",label:(0,a.__)("Box Shadow","dragblock"),type:"box-shadow"},"text-shadow":{keyword:"text shadow",label:(0,a.__)("Text Shadow","dragblock"),type:"text-shadow"},"z-index":{keyword:"index layer order z- overlap zindex zorder",label:(0,a.__)("Z-index","dragblock"),type:"number"},overflow:{keyword:"overflow hidden scroll",label:(0,a.__)("Overflow","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"auto",label:(0,a.__)("Auto","dragblock")},{value:"hidden",label:(0,a.__)("Hidden","dragblock")},{value:"scroll",label:(0,a.__)("Scroll","dragblock")},{value:"visible",label:(0,a.__)("Visible","dragblock")}]},position:{keyword:"positioned location elements",label:(0,a.__)("Position","dragblock"),type:"position"},top:{keyword:"top",label:(0,a.__)("Top","dragblock"),type:"margin"},bottom:{keyword:"bottom",label:(0,a.__)("Bottom","dragblock"),type:"margin"},left:{keyword:"left",label:(0,a.__)("Left","dragblock"),type:"margin"},right:{keyword:"right",label:(0,a.__)("Right","dragblock"),type:"margin"},display:{keyword:"display",label:(0,a.__)("Display","dragblock"),type:"display"},"writing-mode":{keyword:"writing mode",label:(0,a.__)("Writing Mode","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"horizontal-tb",label:"horizontal-tb"},{value:"vertical-rl",label:"vertical-rl"},{value:"vertical-lr",label:"vertical-lr"}]},transform:{keyword:"transform matrix matrix3d perspective rotate rotate3d rotateX rotateY rotateZ translate translate3d translateX translateY translateZ scale scale3d scaleX scaleY scaleZ skew skewX skewY",label:(0,a.__)("Transform","dragblock"),type:"transform"},"align-items":{keyword:"align items vertical",label:(0,a.__)("Align Items","dragblock"),type:"align-items"},"justify-content":{keyword:"justify content distribute space horizontal",label:(0,a.__)("Justify Content","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"left",label:(0,a.__)("Left","dragblock")},{value:"center",label:(0,a.__)("Center","dragblock")},{value:"right",label:(0,a.__)("Right","dragblock")},{value:"space-between",label:(0,a.__)("Space Between","dragblock")},{value:"space-around",label:(0,a.__)("Space Around","dragblock")},{value:"stretch",label:(0,a.__)("Stretch","dragblock")}]},"flex-wrap":{keyword:"wrap flex multiple single lines",label:(0,a.__)("Flex Wrap","dragblock"),type:"flex-wrap"},"flex-direction":{keyword:"flex direction place row column",label:(0,a.__)("Flex Direction","dragblock"),type:"flex-direction"},"flex-grow":{keyword:"flex grow sizes ratio items",label:(0,a.__)("Flex Grow","dragblock"),type:"number"},"flex-shrink":{keyword:"flex shrink sizes ratio items",label:(0,a.__)("Flex Shrink","dragblock"),type:"number"},"flex-basis":{keyword:"flex basis item size width height ",label:(0,a.__)("Flex Basis","dragblock"),type:"width"},gap:{keyword:"row column horizontal vertical gap gutter",label:(0,a.__)("Gap","dragblock"),type:"unit"},"row-gap":{keyword:"row vertical gap gutter",label:(0,a.__)("Row Gap","dragblock"),type:"unit"},"column-gap":{keyword:"column horizontal gap size gutter",label:(0,a.__)("Column Gap","dragblock"),type:"unit"},"grid-template-columns":{keyword:"grid template columns",label:(0,a.__)("Grid Template Columns","dragblock"),type:"text"},"grid-template-rows":{keyword:"grid template rows",label:(0,a.__)("Grid Template Rows","dragblock"),type:"text"},"grid-auto-flow":{keyword:"grid auto flow",label:(0,a.__)("Grid Auto Flow","dragblock"),type:"text"},"grid-column":{keyword:"grid column",label:(0,a.__)("Grid Column","dragblock"),type:"text"},"grid-row":{keyword:"grid row",label:(0,a.__)("Grid Row","dragblock"),type:"text"},"grid-area":{keyword:"grid area",label:(0,a.__)("Grid Area","dragblock"),type:"text"},"align-self":{keyword:"align-self",label:(0,a.__)("Align Self","dragblock"),type:"text"},"justify-self":{keyword:"justify-self",label:(0,a.__)("Justify Self","dragblock"),type:"text"},"background-image":{keyword:"background image",label:(0,a.__)("Background Image","dragblock"),type:"text"},"background-size":{keyword:"background size",label:(0,a.__)("Background Size","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"cover",label:(0,a.__)("Cover","dragblock")},{value:"contain",label:(0,a.__)("Contain","dragblock")},{value:"auto",label:(0,a.__)("Auto","dragblock")}]},"background-position-x":{keyword:"background position x",label:(0,a.__)("Background Position X","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"left",label:(0,a.__)("Left","dragblock")},{value:"center",label:(0,a.__)("Center","dragblock")},{value:"right",label:(0,a.__)("Right","dragblock")}]},"background-position-y":{keyword:"background position y",label:(0,a.__)("Background Position Y","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"top",label:(0,a.__)("Left","dragblock")},{value:"center",label:(0,a.__)("Center","dragblock")},{value:"bottom",label:(0,a.__)("Right","dragblock")}]},"background-repeat":{keyword:"background repeat",label:(0,a.__)("Background Repeat","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"no-repeat",label:(0,a.__)("No Repeat","dragblock")},{value:"space",label:(0,a.__)("Space","dragblock")},{value:"repeat-x",label:(0,a.__)("Repeat X","dragblock")},{value:"repeat-y",label:(0,a.__)("Repeat Y","dragblock")},{value:"repeat",label:(0,a.__)("Repeat","dragblock")},{value:"round",label:(0,a.__)("Round","dragblock")}]},"user-select":{keyword:"user select",label:(0,a.__)("User Select","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"none",label:(0,a.__)("None","dragblock")},{value:"text",label:(0,a.__)("Text","dragblock")},{value:"contain",label:(0,a.__)("Contain","dragblock")},{value:"all",label:(0,a.__)("All","dragblock")}]},cursor:{keyword:"mouse cursor",label:(0,a.__)("Cursor","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"pointer",label:(0,a.__)("Pointer","dragblock")},{value:"text",label:(0,a.__)("Text","dragblock")}]},"object-fit":{keyword:"object fit",label:(0,a.__)("Object Fit","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"cover",label:(0,a.__)("Cover","dragblock")},{value:"contain",label:(0,a.__)("Contain","dragblock")},{value:"fill",label:(0,a.__)("Fill","dragblock")},{value:"none",label:(0,a.__)("None","dragblock")}]},zoom:{keyword:"zoom",label:(0,a.__)("Zoom","dragblock"),type:"number",min:0,max:10,step:.1},resize:{keyword:"resize",label:(0,a.__)("Resize","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"horizontal",label:(0,a.__)("Horizontal","dragblock")},{value:"vertical",label:(0,a.__)("Vertical","dragblock")}]},"max-width":{keyword:"max width horizontal size",label:(0,a.__)("Max Width","dragblock"),type:"width"},"min-width":{keyword:"min width horizontal size",label:(0,a.__)("Min Width","dragblock"),type:"width"},"max-height":{keyword:"max height vertical size",label:(0,a.__)("Max Height","dragblock"),type:"width"},"min-height":{keyword:"min height vertical size",label:(0,a.__)("Min Height","dragblock"),type:"width"},"animation-name":{keyword:"animation name",label:(0,a.__)("Animation Name","dragblock"),type:"animation-name"},"animation-duration":{keyword:"animation duration",label:(0,a.__)("Animation Duration","dragblock"),type:"unit",units:[{value:"s",label:(0,a.__)("s","dragblock"),min:1,max:10,step:1,default:1},{value:"ms",label:(0,a.__)("ms","dragblock"),min:50,max:1e3,step:10,default:200}]},opacity:{keyword:"opacity transparency",label:(0,a.__)("Opacity","dragblock"),type:"unit",units:[{value:"%",label:(0,a.__)("%","dragblock"),min:1,max:100,step:1,default:100}]},outline:{keyword:"edge outline strokes",label:(0,a.__)("Outline","dragblock"),type:"border"},":1":{keyword:"centered wide box",label:(0,a.__)("Preset: Centered Wide Box","dragblock"),set:[{slug:"width",value:"var(--wp--style--global--wide-size)"},{slug:"margin",value:"auto"},{slug:"max-width",value:"90vw"}]}};wp.hooks.addFilter("blocks.registerBlockType","dragblock/appearance-register",(function(e,t){return Object.assign({},e,{attributes:Object.assign({},e.attributes,{dragBlockStyles:{type:"array",default:""},dragBlockCSS:{type:"string",default:""}})})}));var n=window.wp.element,c=l(4184),i=l.n(c),d=window.wp.compose,s=window.wp.blockEditor,u=window.wp.components;const g={px:{value:"px",label:"px",default:0,max:200,step:1},"%":{value:"%",label:"%",default:10,max:100,step:1},em:{value:"em",label:"em",default:0,max:50,step:.1},rem:{value:"rem",label:"rem",default:0,max:50,step:.1},vw:{value:"vw",label:"vw",default:0,max:100,step:1},vh:{value:"vh",label:"vh",default:0,max:100,step:1}};function b(e){const{children:t}=e;return t?(0,n.createElement)(u.BaseControl.VisualLabel,{as:"legend"},t):(0,n.createElement)(n.Fragment,null)}function p({onChange:e,label:t,value:l,placeholder:a,units:r}){var c,i,d,p,m,_;const k=isNaN(l)?0:parseFloat(l),v=Array.isArray(r);if(v){let e=r;r=new Object;for(let t of e)r[t.value]=t}v&&r||(r=Object.assign({},g,r));let{availableUnits:h,selectedUnit:f}=function(e){const{units:t,value:l}=e,a=(0,s.useSetting)("spacing.units");let r;r=t&&a?(0,o.intersection)(t,a):t||a;const c=(0,u.__experimentalUseCustomUnits)({availableUnits:r||["%","px","em","rem","vh","vw"]});return{availableUnits:c,selectedUnit:(0,n.useMemo)((()=>(0,u.__experimentalParseQuantityAndUnitFromRawValue)(l)),[l])[1]||c[0]?.value||"px"}}({value:l,units:Object.values(r)});return h.length||(h=Object.values(r)),(0,n.createElement)("fieldset",{className:"dragblock-dimension-control"},(0,n.createElement)(b,{className:"label"},t),(0,n.createElement)("div",{className:"control"},(0,n.createElement)("div",{className:"unit"},(0,n.createElement)(u.__experimentalUnitControl,{value:l,units:h,onChange:t=>{e(t)},onUnitChange:t=>{const[a,o]=(0,u.__experimentalParseQuantityAndUnitFromRawValue)(l);["em","rem"].includes(t)&&"px"===o?e((a/16).toFixed(2)+t):["em","rem"].includes(o)&&"px"===t?e(Math.round(16*a)+t):["vh","vw","%"].includes(t)&&a>100&&e(100+t)},min:null!==(c=r[f]?.min)&&void 0!==c?c:0,max:null!==(i=r[f]?.max)&&void 0!==i?i:100,step:null!==(d=r[f]?.step)&&void 0!==d?d:.1,placeholder:a})),(0,n.createElement)("div",{className:"spacer"},(0,n.createElement)(u.__experimentalSpacer,{marginX:2,marginBottom:0},(0,n.createElement)(u.RangeControl,{value:k,min:null!==(p=r[f]?.min)&&void 0!==p?p:0,max:null!==(m=r[f]?.max)&&void 0!==m?m:100,step:null!==(_=r[f]?.step)&&void 0!==_?_:.1,withInputField:!1,onChange:t=>{e([t,f].join(""))},__nextHasNoMarginBottom:!0})))))}function m({value:e,onChange:t}){const l=[{text:"S",label:(0,a.__)("Small","dragblock"),value:"13px"},{text:"-",label:(0,a.__)("Default","dragblock"),value:""},{text:"M",label:(0,a.__)("Medium","dragblock"),value:"20px"},{text:"L",label:(0,a.__)("Large","dragblock"),value:"36px"},{text:"XL",label:(0,a.__)("Extra Large","dragblock"),value:"42px"}];return(0,n.createElement)("div",{className:"dragblock-font-size-control"},(0,n.createElement)(u.ButtonGroup,null,l.map(((l,a)=>(0,n.createElement)(u.Button,{key:a,variant:e==l.value?"primary":"",onClick:()=>{t(l.value)},showTooltip:!0,tooltipPosition:"top center",label:l.label},l.text)))),(0,n.createElement)(p,{value:e,onChange:e=>{t(e)}}))}function _({value:e,onChange:t}){const l=[{text:"100",label:(0,a.__)("Thin","dragblock"),value:"100"},{text:"200",label:(0,a.__)("Extra Light","dragblock"),value:"200"},{text:"300",label:(0,a.__)("Light","dragblock"),value:"300"},{text:"---",label:(0,a.__)("Default","dragblock"),value:""},{text:"500",label:(0,a.__)("Medium","dragblock"),value:"500"},{text:"600",label:(0,a.__)("Semi Bold","dragblock"),value:"600"},{text:"700",label:(0,a.__)("Bold","dragblock"),value:"700"},{text:"800",label:(0,a.__)("Extra Bold","dragblock"),value:"800"},{text:"900",label:(0,a.__)("Black","dragblock"),value:"900"}];return(0,n.createElement)("div",{className:"dragblock-font-weight-control"},(0,n.createElement)(u.ButtonGroup,null,l.map(((l,a)=>(0,n.createElement)(u.Button,{key:a,style:{fontWeight:l.value},variant:e==l.value?"primary":"",onClick:()=>{t(l.value)},showTooltip:!0,tooltipPosition:"top center",label:l.label},l.text)))))}function k({value:e,onChange:t}){const l=[{text:(0,a.__)("Default","dragblock"),label:"",value:""},{text:(0,a.__)("Single","dragblock"),label:"",value:"1em"},{text:"1.15",label:"",value:"1.15em"},{text:"1.5",label:"",value:"1.5em"},{text:(0,a.__)("Double","dragblock"),label:(0,a.__)(""),value:"2em"}];return(0,n.createElement)("div",{className:"dragblock-line-height-control"},(0,n.createElement)(u.ButtonGroup,null,l.map(((l,a)=>(0,n.createElement)(u.Button,{key:a,variant:e==l.value?"primary":"",onClick:()=>{t(l.value)},showTooltip:!0,tooltipPosition:"top center",label:l.label},l.text)))),(0,n.createElement)(p,{value:e,onChange:e=>{t(e)}}))}function v({value:e,onChange:t}){const l=[{text:"-",label:(0,a.__)("Default","dragblock"),value:""},{text:"X",label:(0,a.__)("None","dragblock"),value:"none"},{text:"U",label:(0,a.__)("Underline","dragblock"),value:"underline"},{text:"O",label:(0,a.__)("Overline","dragblock"),value:"overline"},{text:"S",label:(0,a.__)("Line-Through","dragblock"),value:"line-through"},{text:"UO",label:(0,a.__)("Underline Overline","dragblock"),value:"underline overline"},{text:"US",label:(0,a.__)("Underline Line-Through","dragblock"),value:"underline line-through"}];return(0,n.createElement)("div",{className:"dragblock-text-decoration-line-control"},(0,n.createElement)(u.ButtonGroup,null,l.map(((l,a)=>(0,n.createElement)(u.Button,{key:a,style:{textDecorationLine:l.value},variant:e==l.value?"primary":"",onClick:()=>{t(l.value)},showTooltip:!0,tooltipPosition:"top center",label:l.label},l.text)))))}function h({value:e,onChange:t}){const l=[{label:(0,a.__)("Default","dragblock"),value:""},{label:(0,a.__)("Solid","dragblock"),value:"solid"},{label:(0,a.__)("Double","dragblock"),value:"double"},{label:(0,a.__)("Dotted","dragblock"),value:"dotted"},{label:(0,a.__)("Dashed","dragblock"),value:"dashed"},{label:(0,a.__)("Wavy","dragblock"),value:"wavy"}];return(0,n.createElement)("div",{className:"dragblock-text-decoration-style-control"},(0,n.createElement)(u.ButtonGroup,null,l.map(((l,a)=>(0,n.createElement)(u.Button,{key:a,style:{textDecorationStyle:l.value},variant:e==l.value?"primary":"",onClick:()=>{t(l.value)},showTooltip:!0,tooltipPosition:"top center",label:l.label},l.label)))))}function f({value:e,onChange:t,colors:l}){void 0===e&&(e="");let o=e.split(" ").map((e=>-1!==e.indexOf("#")?e:"")).join(" ").trim();const r=["underline overline","underline line-through","underline","overline","line-through","none"];let c="";for(let t of r)if(-1!==e.indexOf(t)){c=t;break}const i=["solid","double","dotted","dashed","wavy"];let d="";for(let t of i)if(-1!==e.indexOf(t)){d=t;break}let u=e.replace(o,"").replace(c,"").replace(d,"").trim();return(0,n.createElement)("div",{className:"dragblock-text-decoration-control"},(0,n.createElement)(v,{value:c,onChange:l=>{c?e=e.replace(c,l):e+=(e?" ":"")+l,t(e)}}),c?(0,n.createElement)(h,{value:d,onChange:l=>{d?e=e.replace(d,l):e+=(e?" ":"")+l,t(e)}}):null,d?(0,n.createElement)(n.Fragment,null,(0,n.createElement)(p,{value:u,onChange:l=>{u?e=e.replace(u,l):e+=(e?" ":"")+l,t(e)}}),(0,n.createElement)(s.__experimentalPanelColorGradientSettings,{enableAlpha:!0,settings:[{colorValue:o,onColorChange:l=>{o?e=e.replace(o,l):e+=(e?" ":"")+l,t(e)},label:(0,a.__)("Line Color","dragblock")}],__experimentalHasMultipleOrigins:!0})):null)}function w({value:e,onChange:t}){const l=[{text:"--",label:(0,a.__)("Default","dragblock"),value:""},{text:"AB",label:(0,a.__)("Uppercase","dragblock"),value:"uppercase"},{text:"ab",label:(0,a.__)("Lowercase","dragblock"),value:"lowercase"},{text:"Ab",label:(0,a.__)("Capitalize","dragblock"),value:"capitalize"}];return(0,n.createElement)("div",{className:"dragblock-text-transform-control"},(0,n.createElement)(u.ButtonGroup,null,l.map(((l,a)=>(0,n.createElement)(u.Tooltip,{key:a,text:l.label,position:"top center",delay:10},(0,n.createElement)(u.Button,{variant:e===l.value?"primary":"",onClick:()=>{t(l.value)}},l.text))))))}function y({value:e,onChange:t}){const l=[{label:(0,a.__)("Default","dragblock"),value:""},{label:"Solid",value:"solid"},{label:"None",value:"none"},{label:"Dashed",value:"dashed"},{label:"Dotted",value:"dotted"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"},{label:"Hidden",value:"hidden"},{label:"Inherit",value:"inherit"},{label:"Initial",value:"initial"},{label:"Revert",value:"revert"},{label:"Auto",value:"auto"}];return(0,n.createElement)("div",{className:"dragblock-border-style-control"},(0,n.createElement)(u.ButtonGroup,null,l.map(((l,a)=>(0,n.createElement)(u.Button,{key:a,variant:e==l.value?"primary":"",onClick:()=>{t(l.value)},showTooltip:!0,tooltipPosition:"top center",label:l.label},(0,n.createElement)("span",{style:{borderStyle:l.value}},(0,n.createElement)("span",null,l.label.substring(0,3))))))))}function x({value:e,onChange:t,colors:l}){void 0===e&&(e="");let o="",r="",c="";const i=["solid","dashed","dotted","double","groove","ridge","inset","outset","hidden"];return e.trim().split(" ").map((e=>{-1!==e.indexOf("#")?o=e.trim():i.includes(e)&&(c=e)})),r=e.replace(o,"").replace(c,"").trim(),(0,n.createElement)("div",{className:"dragblock-border-control"},(0,n.createElement)(y,{value:c,onChange:e=>{t(r+(e?" "+e:"")+(o?" "+o:""))}}),c?(0,n.createElement)(n.Fragment,null,(0,n.createElement)(p,{value:r,onChange:e=>{t(e+(c?" "+c:"")+(o?" "+o:""))}}),(0,n.createElement)(s.__experimentalPanelColorGradientSettings,{enableAlpha:!0,settings:[{colorValue:o,onColorChange:e=>{t(r+(c?" "+c:"")+(e?" "+e:""))},label:(0,a.__)("Line Color","dragblock")}],__experimentalHasMultipleOrigins:!0})):null)}function E({value:e,onChange:t,colors:l}){void 0===e&&(e="");let o="",r="",c="",i="";return e.trim().split(" ").map((e=>{-1!==e.indexOf("#")&&(o=e.trim())})),e=e.trim().replace(o,"").split(" "),r=e[0],e.length>1&&(c=e[1]),e.length>2&&(i=e[2]),r||(r="0px"),c||(c="0px"),(0,n.createElement)("div",{className:"dragblock-text-shadow-control"},(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Horizontal","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(p,{value:r,placeholder:"X",units:{px:{value:"px",label:"px",min:-50,max:50,step:1,default:0}},onChange:e=>{let l=e+(c?" "+c:"");e&&c&&(l+=(i?" "+i:"")+(o?" "+o:"")),t(l)}}))),(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Vertical","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(p,{value:c,placeholder:"Y",units:{px:{value:"px",label:"px",min:-50,max:50,step:1,default:0}},onChange:e=>{let l=r+(e?" "+e:"");r&&e&&(l+=(i?" "+i:"")+(o?" "+o:"")),t(l)}}))),r&&c&&(0,n.createElement)(n.Fragment,null,(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Blur","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(p,{value:i,placeholder:(0,a.__)("Blur","dragblock"),units:{px:{value:"px",label:"px",min:0,max:50,step:1,default:0}},onChange:e=>{t(r+" "+c+(e?" "+e:"")+(o?" "+o:""))}}))),(0,n.createElement)(s.__experimentalPanelColorGradientSettings,{enableAlpha:!0,settings:[{colorValue:o,onColorChange:e=>{t(r+" "+c+(i?" "+i:"")+(e?" "+e:""))},label:(0,a.__)("Shadow Color","dragblock")}],__experimentalHasMultipleOrigins:!0})))}const B="var(--wp--style--global--content-size)",S="var(--wp--style--global--wide-size)";function C({value:e,contentSize:t,wideSize:l}){return e&&(0,o.isString)(e)?e.split(" ").map((e=>e===B?t:e===S?l:e)).join(" "):e}const P="{c=",I="}";function D(e,t){return e&&(0,o.isString)(e)?e.split(" ").map((e=>{if(0!==e.indexOf(P))return e;if((e=e.split(I)).length<=2){let l=2===e.length?e[1]:"",a=e[0].substring(3);for(let e of t){if(a===e.slug)return e.color;if(a===e.slug+"@")return e.color.substring(0,7)+l}}return e.join(I)})).join(" "):e}function O({inset:e,x:t,y:l,blur:a,spread:o,color:r}){let n=e?"inset":"";return n+=(n?" ":"")+t+(l?" "+l:"")+(a?" "+a:"")+(o?" "+o:"")+(r?" "+r:""),n}function A({value:e,onChange:t,colors:l}){void 0===e&&(e="");let o="",r="",c="",i="",d="",g=-1!==e.indexOf("inset");return e.trim().split(" ").map((e=>{-1!==e.indexOf("#")&&(o=e.trim())})),e=e.replace(o,"").replace("inset","").trim().split(" "),r=e[0],e.length>1&&(c=e[1]),e.length>2&&(i=e[2]),e.length>3&&(d=e[3]),r||(r="0px"),c||(c="0px"),i||(i="0px"),(0,n.createElement)("div",{className:"dragblock-box-shadow-control"},(0,n.createElement)(u.ToggleControl,{label:(0,a.__)("Inset","dragblock"),position:"middle left",help:g?(0,a.__)("Enabled inset","dragblock"):(0,a.__)("Disabled inset","dragblock"),checked:g,onChange:()=>{t(O({inset:!g,x:r,y:c,blur:i,spread:d,color:o}))}}),(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Horizontal","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(p,{value:r,placeholder:"X",units:{px:{value:"px",label:"px",min:-50,max:50,step:1,default:0}},onChange:e=>{t(O({inset:g,x:e,y:c,blur:i,spread:d,color:o}))}}))),(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Vertical","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(p,{value:c,placeholder:"Y",units:{px:{value:"px",label:"px",min:-50,max:50,step:1,default:0}},onChange:e=>{t(O({inset:g,x:r,y:e,blur:i,spread:d,color:o}))}}))),r&&c&&(0,n.createElement)(n.Fragment,null,(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Blur","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(p,{value:i,placeholder:(0,a.__)("Blur","dragblock"),units:{px:{value:"px",label:"px",min:0,max:50,step:1,default:0}},onChange:e=>{t(O({inset:g,x:r,y:c,blur:e,spread:d,color:o}))}}))),i?(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Spread","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(p,{value:d,placeholder:(0,a.__)("Spread","dragblock"),units:{px:{value:"px",label:"px",min:0,max:50,step:1,default:0}},onChange:e=>{t(O({inset:g,x:r,y:c,blur:i,spread:e,color:o}))}}))):null,(0,n.createElement)(s.__experimentalPanelColorGradientSettings,{enableAlpha:!0,settings:[{colorValue:o,onColorChange:e=>{t(O({inset:g,x:r,y:c,blur:i,spread:d,color:e}))},label:(0,a.__)("Shadow Color","dragblock")}],__experimentalHasMultipleOrigins:!0})))}function N({value:e,onChange:t}){return(0,n.createElement)(u.SelectControl,{value:e,options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"static",label:(0,a.__)("Static","dragblock")},{value:"relative",label:(0,a.__)("Relative","dragblock")},{value:"absolute",label:(0,a.__)("Absolute","dragblock")},{value:"fixed",label:(0,a.__)("Fixed","dragblock")},{value:"sticky",label:(0,a.__)("Sticky","dragblock")}],onChange:e=>t(e)})}function M({value:e,onChange:t}){return(0,n.createElement)(u.SelectControl,{value:e,options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"none",label:(0,a.__)("None","dragblock")},{value:"block",label:(0,a.__)("Block","dragblock")},{value:"flex",label:(0,a.__)("Flex","dragblock")},{value:"grid",label:(0,a.__)("Grid","dragblock")},{value:"contents",label:(0,a.__)("Contents","dragblock")},{value:"flow-root",label:(0,a.__)("Flow Root","dragblock")},{value:"inline",label:(0,a.__)("Inline","dragblock")},{value:"inline-block",label:(0,a.__)("Inline Block","dragblock")},{value:"inline-flex",label:(0,a.__)("Inline Flex","dragblock")},{value:"inline-grid",label:(0,a.__)("Inline Grid","dragblock")},{value:"inline-table",label:(0,a.__)("Inline Table","dragblock")},{value:"table",label:(0,a.__)("Table","dragblock")},{value:"table-row",label:(0,a.__)("Table Row","dragblock")},{value:"table-cell",label:(0,a.__)("Table Cell","dragblock")},{value:"table-column",label:(0,a.__)("Table Column","dragblock")},{value:"table-column-group",label:(0,a.__)("Table Column Group","dragblock")},{value:"table-caption",label:(0,a.__)("Table Caption","dragblock")},{value:"table-row-group",label:(0,a.__)("Table Row Group","dragblock")},{value:"table-header-group",label:(0,a.__)("Table Header Group","dragblock")},{value:"table-footer-group",label:(0,a.__)("Table Footer Group","dragblock")}],onChange:e=>t(e)})}function L({value:e,onChange:t,colors:l}){null==e&&(e="");let o="",r="",c="";return o=(e=e.trim().split(" ").map((e=>e.trim())))[0],e.length>1&&(r=e[1]),e.length>2&&(c=e[2]),(0,n.createElement)("div",{className:"dragblock-translate-control"},(0,n.createElement)(u.Tooltip,{text:(0,a.__)("X-coordinates","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(p,{value:o,placeholder:"X",units:{px:{value:"px",label:"px",min:-500,max:500,step:1,default:0},"%":{value:"%",label:"%",min:-100,max:100,step:1,default:0}},onChange:l=>{e[0]=l,t(e.join(" "))}}))),(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Y-coordinates","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(p,{value:r,placeholder:"Y",units:{px:{value:"px",label:"px",min:-500,max:500,step:1,default:0},"%":{value:"%",label:"%",min:-100,max:100,step:1,default:0}},onChange:l=>{e[0]||(e[0]="0px"),e[1]=l,t(e.join(" "))}}))),(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Z-coordinates","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(p,{value:c,placeholder:"Z",units:{px:{value:"px",label:"px",min:-500,max:500,step:1,default:0},"%":{value:"%",label:"%",min:-100,max:100,step:1,default:0}},onChange:l=>{e[0]||(e[0]="0px"),e[1]||(e[1]="0px"),e[2]=l,t(e.join(" "))}}))))}function R({value:e,onChange:t,colors:l}){null===e&&(e="");let o=e.split("(")[0],r=(e=e.replace("(","").replace(")","").replace(o,"").split(",").map((e=>e.trim())))[0]?parseInt(e[0]):"";return isNaN(r)?r="":r<0?r=360+r%360:r%=360,(0,n.createElement)("div",{className:"dragblock-transform-control"},(0,n.createElement)(u.SelectControl,{value:o,options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"none",label:(0,a.__)("None","dragblock")},{value:"rotate",label:(0,a.__)("Rotate","dragblock")},{value:"rotateX",label:(0,a.__)("RotateX","dragblock")},{value:"rotateY",label:(0,a.__)("RotateY","dragblock")},{value:"rotateZ",label:(0,a.__)("RotateZ","dragblock")},{value:"translate",label:(0,a.__)("Translate","dragblock")},{value:"scale",label:(0,a.__)("Scale","dragblock")},{value:"scaleX",label:(0,a.__)("ScaleX","dragblock")},{value:"scaleY",label:(0,a.__)("ScaleY","dragblock")},{value:"scaleZ",label:(0,a.__)("ScaleZ","dragblock")}],onChange:l=>{if(["rotate","rotateX","rotateY","rotateZ"].includes(l)){let a=e[0]?parseInt(e[0]):0;a<0&&(a=0),a>360&&(a=e%360),t(l+"("+a+"deg)")}else if(["scale","scaleX","scaleY","scaleZ"].includes(l)){let a=e[0]?parseInt(e[0]):0;a<0&&(a=0),a>3&&(a=3),t(l+"("+a+")")}else t(l+"("+e.join(",")+")")}}),["translate"].includes(o)&&(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Translate","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(L,{value:e.join(" "),onChange:e=>{console.log("🚀 ~ value on change:",e),t(o+"("+e.split(" ").map((e=>e.trim())).join(",")+")")}}))),["rotate","rotateX","rotateY","rotateZ"].includes(o)&&(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Angle","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(u.__experimentalNumberControl,{value:r,min:0,max:360,step:1,onChange:e=>{t(o+"("+e+"deg)")}}))),["scale","scaleX","scaleY","scaleZ"].includes(o)&&(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Ratio","dragblock"),position:"middle left",delay:10}," ",(0,n.createElement)("div",null,(0,n.createElement)(u.__experimentalNumberControl,{value:e[0],min:0,max:3,step:.1,onChange:e=>{t(o+"("+e+")")}}))))}function F({value:e,onChange:t}){return(0,n.createElement)(u.SelectControl,{value:e,options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"start",label:(0,a.__)("Start","dragblock")},{value:"center",label:(0,a.__)("Center","dragblock")},{value:"end",label:(0,a.__)("End","dragblock")},{value:"stretch",label:(0,a.__)("Stretch","dragblock")},{value:"baseline",label:(0,a.__)("Baseline","dragblock")}],onChange:e=>t(e)})}function z({value:e,onChange:t}){return(0,n.createElement)(u.SelectControl,{value:e,options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"left",label:(0,a.__)("Left","dragblock")},{value:"center",label:(0,a.__)("Center","dragblock")},{value:"right",label:(0,a.__)("Right","dragblock")},{value:"space-between",label:(0,a.__)("Space Between","dragblock")},{value:"space-around",label:(0,a.__)("Space Around","dragblock")},{value:"stretch",label:(0,a.__)("Stretch","dragblock")}],onChange:e=>t(e)})}function T({value:e,onChange:t}){return(0,n.createElement)(u.SelectControl,{value:e,options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"nowrap",label:(0,a.__)("No Wrap","dragblock")},{value:"wrap",label:(0,a.__)("Wrap","dragblock")},{value:"wrap-reverse",label:(0,a.__)("Wrap Reverse","dragblock")}],onChange:e=>t(e)})}function j({value:e,onChange:t}){return(0,n.createElement)(u.SelectControl,{value:e,options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"row",label:(0,a.__)("Row","dragblock")},{value:"column",label:(0,a.__)("Column","dragblock")},{value:"row-reverse",label:(0,a.__)("Row Reverse","dragblock")},{value:"column-reverse",label:(0,a.__)("Column Reverse","dragblock")}],onChange:e=>t(e)})}function U({label:e,checked:t,onChange:l}){return(0,n.createElement)(n.Fragment,null,(0,n.createElement)("div",{className:i()("dragblock-overlay-toggle-control",{checked:t}),onClick:l},e))}const H=()=>dragBlockIcons?.iconEyeClosed,V=()=>dragBlockIcons?.iconEye,G=()=>dragBlockIcons?.iconDesktop,X=()=>dragBlockIcons?.iconLineSolid,Z=()=>dragBlockIcons?.iconMobile,Y=()=>dragBlockIcons?.iconTablet;function W({value:e,onChange:t,switcher:l,minus:o,corner:r}){const[c,d]=(0,n.useState)(-1===e.indexOf(" "));void 0===l&&(l=!1),void 0===o&&(o=!1);let s=void 0===e||""===e?"0px":e,[u,g,b,m]=[s,s,s,s],_=s.split(" ");2===_.length?(u=_[0],b=_[0],g=_[1],m=_[1]):3===_.length?(u=_[0],m=_[0],b=_[1],g=_[2]):4===_.length&&(u=_[0],g=_[1],b=_[2],m=_[3]),""===u&&(u="0px"),""===g&&(u="0px"),""===b&&(b="0px"),""===m&&(m="0px");const k=(e,t,l)=>(0,n.createElement)(n.Fragment,null,(0,n.createElement)("div",{className:"item "+e},"all"!==e?(0,n.createElement)(n.Fragment,null,(0,n.createElement)("span",{className:"position"},e)):null,(0,n.createElement)("div",{className:"control"},(0,n.createElement)(p,{value:"auto"===t?"":t,units:{px:{value:"px",label:"px",min:o?-500:0,max:500,step:1,default:0},"%":{value:"%",label:"%",min:o?-100:0,max:100,step:1,default:0},em:{value:"em",label:"em",min:o?-100:0,max:100,step:1,default:0},rem:{value:"rem",label:"rem",min:o?-100:0,max:100,step:1,default:0},vw:{value:"vw",label:"vw",min:o?-100:0,max:100,step:1,default:0},vh:{value:"vh",label:"vh",min:o?-100:0,max:100,step:1,default:0}},onChange:e=>{l(e)}}),!0===o&&(0,n.createElement)(U,{label:(0,a.__)("Auto","dragblock"),checked:"auto"===t,onChange:()=>{l("auto"===t?"":"auto")}}))));return(0,n.createElement)(n.Fragment,null,(0,n.createElement)("div",{className:"dragblock-margin-control"},l&&(0,n.createElement)(n.Fragment,null,(0,n.createElement)("div",{className:i()("action switcher",{active:!c}),onClick:()=>{d(!c)}},c&&dragBlockIcons?.iconLinkOff,!c&&dragBlockIcons?.iconLink),-1!==e.indexOf(" ")&&(0,n.createElement)("div",{className:i()("action reset"),onClick:()=>{t("")}},dragBlockIcons?.iconCancelCircleFilled)),c&&k("all",-1===e.indexOf(" ")?e:"",t),!c&&(0,n.createElement)(n.Fragment,null,k(r?"top-left":"top",u,(function(e){t([e,g,b,m].join(" "))})),k(r?"top-right":"right",g,(function(e){t([u,e,b,m].join(" "))})),k(r?"bottom-right":"bottom",b,(function(e){t([u,g,e,m].join(" "))})),k(r?"bottom-left":"left",m,(function(e){t([u,g,b,e].join(" "))})))))}var K=window.wp.primitives,J=(0,n.createElement)(K.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(K.Path,{d:"M19 5.5H5V4h14v1.5ZM19 20H5v-1.5h14V20ZM5 9h14v6H5V9Z"})),q=(0,n.createElement)(K.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(K.Path,{d:"M11.111 5.5H20V4h-8.889v1.5ZM4 12.5h16V11H4v1.5Zm7.111 7H20V18h-8.889v1.5Z"})),Q=(0,n.createElement)(K.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(K.Path,{d:"M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z"})),$=(0,n.createElement)(K.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(K.Path,{d:"M7.5 5.5h9V4h-9v1.5Zm-3.5 7h16V11H4v1.5Zm3.5 7h9V18h-9v1.5Z"})),ee=(0,n.createElement)(K.SVG,{xmlns:"https://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(K.Path,{d:"M4 12.8h16v-1.5H4v1.5zm0 7h12.4v-1.5H4v1.5zM4 4.3v1.5h16V4.3H4z"}));function te({value:e,onChange:t}){const l=[{label:(0,a.__)("Default","dragblock"),text:J,value:""},{label:(0,a.__)("Left","dragblock"),text:q,value:"left"},{label:(0,a.__)("Right","dragblock"),text:Q,value:"right"},{label:(0,a.__)("Center","dragblock"),text:$,value:"center"},{label:(0,a.__)("Justify","dragblock"),text:ee,value:"justify"}];return(0,n.createElement)("div",{className:"dragblock-text-align-control"},(0,n.createElement)(u.ButtonGroup,null,l.map(((l,a)=>(0,n.createElement)(u.Tooltip,{key:a,text:l.label,delay:10,position:"top center"},(0,n.createElement)(u.Button,{variant:e==l.value?"primary":"",onClick:()=>{t(l.value)}},l.label))))))}function le({value:e,onChange:t}){const l=(0,s.useSetting)("layout.contentSize"),o=(0,s.useSetting)("layout.wideSize"),r=[{text:(0,a.__)("Default","dragblock"),value:""},{text:"Content",value:l},{text:"Wide",value:o},{text:"100%",value:"100%"},{text:"Auto",value:"auto"}],[c,d]=(0,n.useState)(0),[g,b]=(0,n.useState)(0);let m=[];for(let e=2;e<7;e++){let l=[];for(let t=0;t<e;t++)l.push((0,n.createElement)("span",{key:t,className:i()("item",{"is-active":c>t}),onMouseEnter:()=>{d(t+1)}}));m.push((0,n.createElement)("div",{className:i()("components-layout-control",{"is-active":g===e}),onMouseEnter:()=>{b(e)}},(0,n.createElement)(u.Tooltip,{text:c+"/"+g,delay:10,position:"bottom center"},(0,n.createElement)("div",{className:"items",onMouseDown:()=>{let e=(100*c/g).toFixed(2)+"%";t(e)}},l.map((e=>e))))))}return(0,n.createElement)("div",{className:"dragblock-width-control"},(0,n.createElement)(u.ButtonGroup,null,r.map(((l,a)=>(0,n.createElement)(u.Button,{key:a,variant:e==l.value?"primary":"",onClick:()=>{t(l.value)},showTooltip:!0,tooltipPosition:"top center",label:l.label},l.text)))),(0,n.createElement)(p,{value:e,units:{px:{value:"px",label:"px",min:0,max:3e3,step:1,default:0}},onChange:e=>{t(e)}}))}function ae({children:e,className:t,onClose:l,onAction:r,onMouseLeave:c,onMouseEnter:d,onKeyDown:s,actions:g,title:b,disabled:p,hidden:m,list:_,index:k,position:v}){let h=null;const f=(0,n.useRef)(null);return l||(l=()=>{}),c||(c=()=>{}),d||(d=()=>{}),s||(s=()=>{}),g=Object.assign({},{top:!0,bottom:!0,up:!0,down:!0,duplicate:!0,disable:!0,hidden:!0,delete:!0},g),(0,n.createElement)(n.Fragment,null,(0,n.createElement)(u.Popover,{focusOnMount:!1,position:v||"bottom center",className:"dragblock-property-popover"+(t?" "+t:""),onFocusOutside:()=>{l()},onClose:()=>{l()},onClick:e=>{h={X:e.clientX,Y:e.clientY}},onMouseMove:e=>{h={X:e.clientX,Y:e.clientY}},onMouseLeave:e=>{null!==h&&h.X!==e.clientX&&h.Y!==e.clientY&&c()},onKeyDown:e=>{"Escape"!==e.key&&"Enter"!==e.key||("Enter"!==e.key||-1===e.target.className.indexOf("components-search-control__input")&&-1===e.target.className.indexOf("dragblock-chosen-control-input-showing")&&-1===e.target.className.indexOf("components-select-control__input"))&&l()},ref:f},b?(0,n.createElement)("div",{className:"title"},b):null,e?(0,n.createElement)("div",{className:"content"},e):null,(0,n.createElement)("div",{className:"actions"},g.top?(0,n.createElement)(u.Tooltip,{delay:10,text:(0,a.__)("Move Top","dragblock"),position:"top center"},(0,n.createElement)("a",{className:i()("action front",{disabled:0===k}),onClick:()=>{let e=null;if((0,o.isFunction)(g.top))e=g.top((0,o.cloneDeep)(_),k);else{if(0===k||!Array.isArray(_))return;e=(0,o.cloneDeep)(_);let t=(0,o.cloneDeep)(e[k]);e.splice(k,1),e.unshift(t)}r("top",e)}},(0,n.createElement)("svg",{style:{transform:"rotate(180deg)"},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false"},(0,n.createElement)("path",{d:"M2 12c0 3.6 2.4 5.5 6 5.5h.5V19l3-2.5-3-2.5v2H8c-2.5 0-4.5-1.5-4.5-4s2-4.5 4.5-4.5h3.5V6H8c-3.6 0-6 2.4-6 6zm19.5-1h-8v1.5h8V11zm0 5h-8v1.5h8V16zm0-10h-8v1.5h8V6z"})))):null,g.bottom?(0,n.createElement)(u.Tooltip,{delay:10,text:(0,a.__)("Move Bottom","dragblock"),position:"top center"},(0,n.createElement)("a",{className:i()("action back",{disabled:k===_.length-1}),onClick:()=>{let e=null;if((0,o.isFunction)(g.bottom))e=g.bottom((0,o.cloneDeep)(_),k);else{if(k===_.length-1||!Array.isArray(_))return;e=(0,o.cloneDeep)(_);let t=(0,o.cloneDeep)(e[k]);e.splice(k,1),e.push(t)}r("bottom",e)}},(0,n.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false"},(0,n.createElement)("path",{d:"M2 12c0 3.6 2.4 5.5 6 5.5h.5V19l3-2.5-3-2.5v2H8c-2.5 0-4.5-1.5-4.5-4s2-4.5 4.5-4.5h3.5V6H8c-3.6 0-6 2.4-6 6zm19.5-1h-8v1.5h8V11zm0 5h-8v1.5h8V16zm0-10h-8v1.5h8V6z"})))):null,g.up?(0,n.createElement)(u.Tooltip,{delay:10,text:(0,a.__)("Move Up","dragblock"),position:"top center"},(0,n.createElement)("a",{className:i()("action up",{disabled:0===k}),onClick:()=>{let e=null;if((0,o.isFunction)(g.up))e=g.up((0,o.cloneDeep)(_),k);else{if(0===k||!Array.isArray(_))return;e=(0,o.cloneDeep)(_);let t=(0,o.cloneDeep)(e[k]);e[k]=e[k-1],e[k-1]=t}r("up",e)}},(0,n.createElement)("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false"},(0,n.createElement)("path",{d:"M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z"})))):null,g.down?(0,n.createElement)(u.Tooltip,{delay:10,text:(0,a.__)("Move Down","dragblock"),position:"top center"},(0,n.createElement)("a",{className:i()("action down",{disabled:k===_.length-1}),onClick:()=>{let e=null;if((0,o.isFunction)(g.down))e=g.down((0,o.cloneDeep)(_),k);else{if(k===_.length-1||!Array.isArray(_))return;e=(0,o.cloneDeep)(_);let t=(0,o.cloneDeep)(e[k]);e[k]=e[k+1],e[k+1]=t}r("down",e)}},(0,n.createElement)("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false"},(0,n.createElement)("path",{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"})))):null,g.duplicate?(0,n.createElement)(u.Tooltip,{delay:10,text:(0,a.__)("Duplicate","dragblock"),position:"top center"},(0,n.createElement)("a",{className:"action duplicate",onClick:()=>{let e=null;if((0,o.isFunction)(g.duplicate))e=g.duplicate((0,o.cloneDeep)(_),k);else{if(!Array.isArray(_))return;e=(0,o.cloneDeep)(_),e.splice(k,0,(0,o.cloneDeep)(e[k]))}r("duplicate",e)}},(0,n.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false"},(0,n.createElement)("path",{d:"M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z"})))):null,g.disable?(0,n.createElement)(u.Tooltip,{delay:10,text:p?(0,a.__)("Enable","dragblock"):(0,a.__)("Disable","dragblock"),position:"top center"},(0,n.createElement)("a",{className:i()("action visibility",{disabled:!!p}),onClick:()=>{let e=null;if((0,o.isFunction)(g.disable))e=g.disable((0,o.cloneDeep)(_),k);else{if(!Array.isArray(_))return;e=(0,o.cloneDeep)(_)}r("disable",e)}},p?dragBlockIcons?.iconCircle:dragBlockIcons?.iconMinusCircle)):null,g.hidden?(0,n.createElement)(u.Tooltip,{delay:10,text:"*"===m?(0,a.__)("Show","dragblock"):(0,a.__)("Hide","dragblock"),position:"top center"},(0,n.createElement)("a",{className:"action",onClick:()=>{let e=null;if((0,o.isFunction)(g.hidden))e=g.hidden((0,o.cloneDeep)(_),k);else{if(!Array.isArray(_))return;e=(0,o.cloneDeep)(_)}r("hidden",e)}},"*"===m?V():H())):null,g.delete?(0,n.createElement)(u.Tooltip,{delay:10,text:(0,a.__)("Delete","dragblock"),position:"top center"},(0,n.createElement)("a",{className:"action delete",onClick:()=>{let e=null;(0,o.isFunction)(g.delete)?e=g.delete((0,o.cloneDeep)(_),k):(e=(0,o.cloneDeep)(_),(0,o.isArray)(_)?e.splice(k,1):"object"==typeof _&&delete e[k]),r("delete",e)}},(0,n.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false"},(0,n.createElement)("path",{d:"M20 5h-5.7c0-1.3-1-2.3-2.3-2.3S9.7 3.7 9.7 5H4v2h1.5v.3l1.7 11.1c.1 1 1 1.7 2 1.7h5.7c1 0 1.8-.7 2-1.7l1.7-11.1V7H20V5zm-3.2 2l-1.7 11.1c0 .1-.1.2-.3.2H9.1c-.1 0-.3-.1-.3-.2L7.2 7h9.6z"})))):null,g.custom&&(0,n.createElement)(n.Fragment,null,Object.keys(g.custom).map(((e,t)=>(0,n.createElement)("span",{key:t},g.custom[e])))),(0,n.createElement)(u.Tooltip,{delay:10,text:(0,a.__)("Close","dragblock"),position:"top center"},(0,n.createElement)("a",{className:"action close",onClick:l},(0,n.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false"},(0,n.createElement)("path",{d:"M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"})))))))}function oe({placeholder:e,onSelect:t,className:l,popOverClassName:o,icon:r,label:c,text:d,showTrigger:s,position:g,toolbarButton:b,suggestions:p}){const[m,_]=(0,n.useState)(0),[k,v]=(0,n.useState)(""),[h,f]=(0,n.useState)({}),[w,y]=(0,n.useState)(!1),[x,E]=(0,n.useState)(!1),[B,S]=(0,n.useState)([]),[C,P]=(0,n.useState)(null),[I,D]=(0,n.useState)(!1),O=()=>{y(!1)},A=()=>{let e={};for(let t in p){if(Object.keys(e).length>12)break;e[t]=p[t]}f(e),y(!0)},N=e=>{t(e),f({}),v(""),O()};let M=null,L="";if(p){if("string"==typeof p){if(L=p,p={},B&&B.length)for(let e of B)p[e.value]={label:e.label,note:e.note};switch(L){case"categories":p["[dragblock.post.cat.id]"]={label:(0,a.__)("Post Category ID"),note:(0,a.__)("Current Post Category ID")};break;case"tags":p["[dragblock.post.tag.id]"]={label:(0,a.__)("Post Tag ID"),note:(0,a.__)("Current Post Tag ID")};break;case"authors":p["[dragblock.post.author.id]"]={label:(0,a.__)("Post Author ID"),note:(0,a.__)("Current Post Author ID")}}}}else p={};const R=e=>{if(!e||!p||0===p.length)return void f({});let t=e.toLowerCase().trim().replace(/-/gi," ").split(" ").map((e=>e.trim())),l=t.join("").replace(/ /gi,""),a={},o=0;for(let e in p){let r="string"==typeof p[e]?p[e].toLowerCase():Object.values(p[e]).join(" ").toLowerCase(),n=!0;if(-1===r.replace(/ /gi,"").replace(/-/gi,"").indexOf(l))for(let e of t)if(-1===r.indexOf(e)){n=!1;break}if(n&&(a[e]=p[e],++o>=12))break}f(a)};return(0,n.createElement)("div",{className:i()("dragblock-autocomplete-search-box"+(l?" "+l:""),{"show-trigger":s})},b?(0,n.createElement)(u.ToolbarButton,{icon:r,iconSize:"24",label:c,className:"fake-search-button",variant:"secondary",onClick:()=>{I?D(!1):A()}}):(0,n.createElement)(u.Button,{icon:r,iconSize:"24",label:c,className:"fake-search-button",variant:"secondary",onClick:()=>{I?D(!1):A()}},d||(r?"":e)),w?(0,n.createElement)(u.Popover,{position:g||"bottom center",onFocusOutside:()=>{O()},onMouseMove:e=>{null!==M||(M={X:e.clientX,Y:e.clientY})},onClose:()=>{O()},onMouseLeave:e=>{null!==M&&M.X!==e.clientX&&M.Y!==e.clientY&&O()},className:i()("dragblock-autocomplete-search-box-popover"+(o?" "+o:""),{"show-trigger":s})},(0,n.createElement)(u.SearchControl,{onKeyDown:e=>{if("ArrowUp"===e.key)_(0===m?Object.keys(h).length-1:m-1);else if("ArrowDown"===e.key)m>=Object.keys(h).length-1?_(0):_(m+1);else if("Enter"===e.key){let e=Object.keys(h);if(m<0||e.length-1<m)return;let t=e[m];N(t),D(!0),O()}},placeholder:e,value:k,onChange:e=>{L?(E(!0),f([]),C&&clearTimeout(C),P(setTimeout((()=>{((e,t)=>{if(!e||!t)return void S([]);const l=new URLSearchParams({search:e,per_page:12,_locale:"users"});wp.apiFetch({path:`/wp/v2/${t}?${l.toString()}`}).then((l=>{S(l.map((e=>({label:e.name,value:e.id,note:e.description})))),l.map((e=>{p[e.id]={label:e.name,note:e.description}})),((e,t)=>{window["dragblock-query-objects"]||(window["dragblock-query-objects"]=new Object),window["dragblock-query-objects"][e]||(window["dragblock-query-objects"][e]=new Object);for(let l of t)window["dragblock-query-objects"][e][l.id]=l})(t,l),R(e),E(!1)})).catch((e=>{E(!1),S([])}))})(e,L)}),1e3))):R(e),v(e)}}),L&&k&&(0,n.createElement)("div",{className:"results"},!0===x?(0,n.createElement)(n.Fragment,null,(0,a.__)("Fetching...","dragblock")):(0,n.createElement)(n.Fragment,null,0===Object.keys(p).length&&(0,n.createElement)(n.Fragment,null,(0,a.__)("Not found any","dragblock")))),0!==Object.entries(h).length&&(0,n.createElement)("div",{className:"results"},Object.entries(h).map((([e,t],l)=>{let a=e,o=e;return"string"==typeof t?o=t:(t.note?a=t.note:t.label&&(a=t.label),t.label&&(o=t.label)),(0,n.createElement)("div",{key:l,className:"item",onMouseEnter:()=>{_(l)}},(0,n.createElement)("a",{className:i()("item-link",{active:m===l}),onClick:()=>{N(e)}},(0,n.createElement)("code",null,o)))})))):null)}function re({value:e,onChange:t}){(0,s.useSetting)("layout.contentSize"),(0,s.useSetting)("layout.wideSize");const l=[{text:(0,a.__)("Default","dragblock"),value:""},{text:"100%",value:"100%"},{text:"Auto",value:"auto"}],[o,r]=(0,n.useState)(0),[c,d]=(0,n.useState)(0);let g=[];for(let e=2;e<7;e++){let l=[];for(let t=0;t<e;t++)l.push((0,n.createElement)("span",{key:t,className:i()("item",{"is-active":o>t}),onMouseEnter:()=>{r(t+1)}}));g.push((0,n.createElement)("div",{className:i()("components-layout-control",{"is-active":c===e}),onMouseEnter:()=>{d(e)}},(0,n.createElement)(u.Tooltip,{text:o+"/"+c,delay:10,position:"bottom center"},(0,n.createElement)("div",{className:"items",onMouseDown:()=>{let e=(100*o/c).toFixed(2)+"%";t(e)}},l.map((e=>e))))))}return(0,n.createElement)("div",{className:"dragblock-height-control"},(0,n.createElement)(u.ButtonGroup,null,l.map(((l,a)=>(0,n.createElement)(u.Button,{key:a,variant:e==l.value?"primary":"",onClick:()=>{t(l.value)},showTooltip:!0,tooltipPosition:"top center",label:l.label},l.text)))),(0,n.createElement)(p,{value:e,units:{px:{value:"px",label:"px",min:0,max:3e3,step:1,default:0}},onChange:e=>{t(e)}}))}function ne({placeholder:e,onChange:t,tabIndex:l,value:a,position:o,options:r}){const[c,d]=(0,n.useState)(0),[s,u]=(0,n.useState)({}),[g,b]=(0,n.useState)(null),[p,m]=(0,n.useState)(a||"");r||(r={}),o||(o="top"),l||(l=0);const _=()=>{d(0),u({})},k=e=>{if(!e)return void _();let t={},l=0,a=(e=e.trim().toLowerCase()).split(" "),o=a[a.length-1];if(e&&e.trim()){for(let n in r){let c=r[n].toLowerCase();if(c===o||c===e)continue;let i=n+" "+c,d=!0;for(let e of a)if(-1===i.indexOf(e)||c===e){d=!1;break}if(d&&(t[n]=r[n],++l>=6))break}0===l&&-1!==e.indexOf(" ")&&o?k(o):u({...t})}else{for(let e in r)if(t[e]=r[e],6==++l)break;u({...t})}};return(0,n.createElement)("div",{className:"dragblock-chosen-control "+o,onMouseLeave:_},(0,n.createElement)("div",{className:"components-base-control"},(0,n.createElement)("div",{className:"components-base-control__field"},(0,n.createElement)("input",{className:i()("components-text-control__input",{"dragblock-chosen-control-input-showing":Object.keys(s).length>0}),value:p,placeholder:e,onKeyDown:e=>{if("Tab"===e.key&&Object.keys(s).length&&e.preventDefault(),"ArrowUp"===e.key)d(c<=0?Object.keys(s).length-1:c-1);else if("ArrowDown"===e.key)c>=Object.keys(s).length-1?d(0):d(c+1);else if("Enter"===e.key||"Tab"===e.key){_();let e=Object.keys(s);if(e.length-1<c||c<0)return;let l=e[c],a=p.split(" ");a[a.length-1]=l,t(a.join(" "))}},onClick:()=>{k(p)},onFocus:()=>{k(p)},onChange:e=>{const{value:l}=e.target;k(l),(e=>{m(e),g&&clearTimeout(g),b(setTimeout((()=>{t(e),b(null)}),1e3))})(l)}}))),Object.keys(r).length>0&&Object.keys(s).length>0&&(0,n.createElement)("div",{className:"options",onMouseLeave:_},Object.entries(s).map((([e,l],a)=>(0,n.createElement)("a",{key:a,onClick:()=>{t(e),_()},className:i()("option",{active:c===a})},l)))))}var ce=window.wp.data;function ie({value:e,onChange:t}){const l={bounce:(0,a.__)("Bounce","dragblock"),flash:(0,a.__)("Flash","dragblock"),pulse:(0,a.__)("Pulse","dragblock"),rubberBand:(0,a.__)("Rubber Band","dragblock"),shakeX:(0,a.__)("Shake X","dragblock"),shakeY:(0,a.__)("Shake Y","dragblock"),headShake:(0,a.__)("Head Shake","dragblock"),swing:(0,a.__)("Swing","dragblock"),tada:(0,a.__)("Tada","dragblock"),wobble:(0,a.__)("Wobble","dragblock"),jello:(0,a.__)("Jello","dragblock"),heartBeat:(0,a.__)("Heart Beat","dragblock"),backInDown:(0,a.__)("Back in Down","dragblock"),backInLeft:(0,a.__)("Back in Left","dragblock"),backInRight:(0,a.__)("Back in Right","dragblock"),backInUp:(0,a.__)("Back in Up","dragblock"),backOutDown:(0,a.__)("Back out Down","dragblock"),backOutLeft:(0,a.__)("Back out Left","dragblock"),backOutRight:(0,a.__)("Back out Right","dragblock"),backOutUp:(0,a.__)("Back out Up","dragblock"),bounceIn:(0,a.__)("Bounce in ","dragblock"),bounceInDown:(0,a.__)("Bounce in Down","dragblock"),bounceInLeft:(0,a.__)("Bounce in Left","dragblock"),bounceInRight:(0,a.__)("Bounce in Right","dragblock"),bounceInUp:(0,a.__)("Bounce in Up","dragblock"),bounceOut:(0,a.__)("Bounce out ","dragblock"),bounceOutDown:(0,a.__)("Bounce out Down","dragblock"),bounceOutLeft:(0,a.__)("Bounce out Left","dragblock"),bounceOutRight:(0,a.__)("Bounce out Right","dragblock"),bounceOutUp:(0,a.__)("Bounce out Up","dragblock"),fadeIn:(0,a.__)("Fade in ","dragblock"),fadeInDown:(0,a.__)("Fade in Down","dragblock"),fadeInDownBig:(0,a.__)("Fade in Down Big","dragblock"),fadeInLeft:(0,a.__)("Fade in Left","dragblock"),fadeInLeftBig:(0,a.__)("Fade in Left Big","dragblock"),fadeInRight:(0,a.__)("Fade in Right","dragblock"),fadeInRightBig:(0,a.__)("Fade in Right Big","dragblock"),fadeInUp:(0,a.__)("Fade in Up","dragblock"),fadeInUpBig:(0,a.__)("Fade in Up Big","dragblock"),fadeInTopLeft:(0,a.__)("Fade in Top Left","dragblock"),fadeInTopRight:(0,a.__)("Fade in Top Right","dragblock"),fadeInBottomLeft:(0,a.__)("Fade in Bottom Left","dragblock"),fadeInBottomRight:(0,a.__)("Fade in Bottom Right","dragblock"),fadeOut:(0,a.__)("Fade out ","dragblock"),fadeOutDown:(0,a.__)("Fade out Down","dragblock"),fadeOutDownBig:(0,a.__)("Fade out Down Big","dragblock"),fadeOutLeft:(0,a.__)("Fade out Left","dragblock"),fadeOutLeftBig:(0,a.__)("Fade out Left Big","dragblock"),fadeOutRight:(0,a.__)("Fade out Right","dragblock"),fadeOutRightBig:(0,a.__)("Fade out Right Big","dragblock"),fadeOutUp:(0,a.__)("Fade out Up","dragblock"),fadeOutUpBig:(0,a.__)("Fade out Up Big","dragblock"),fadeOutTopLeft:(0,a.__)("Fade out Top Left","dragblock"),fadeOutTopRight:(0,a.__)("Fade out Top Right","dragblock"),fadeOutBottomRight:(0,a.__)("Fade out Bottom Right","dragblock"),fadeOutBottomLeft:(0,a.__)("Fade out Bottom Left","dragblock"),flip:(0,a.__)("Flip","dragblock"),flipInX:(0,a.__)("Flip in X","dragblock"),flipInY:(0,a.__)("Flip in Y","dragblock"),flipOutX:(0,a.__)("Flip out X","dragblock"),flipOutY:(0,a.__)("Flip out Y","dragblock"),lightSpeedInRight:(0,a.__)("LightSpeed in Right","dragblock"),lightSpeedInLeft:(0,a.__)("LightSpeed in Left","dragblock"),lightSpeedOutRight:(0,a.__)("LightSpeed out Right","dragblock"),lightSpeedOutLeft:(0,a.__)("LightSpeed out Left","dragblock"),rotateIn:(0,a.__)("Rotate in ","dragblock"),rotateInDownLeft:(0,a.__)("Rotate in Down Left","dragblock"),rotateInDownRight:(0,a.__)("Rotate in Down Right","dragblock"),rotateInUpLeft:(0,a.__)("Rotate in Up Left","dragblock"),rotateInUpRight:(0,a.__)("Rotate in Up Right","dragblock"),rotateOut:(0,a.__)("Rotate out ","dragblock"),rotateOutDownLeft:(0,a.__)("Rotate out Down Left","dragblock"),rotateOutDownRight:(0,a.__)("Rotate out Down Right","dragblock"),rotateOutUpLeft:(0,a.__)("Rotate out Up Left","dragblock"),rotateOutUpRight:(0,a.__)("Rotate out Up Right","dragblock"),hinge:(0,a.__)("Hinge","dragblock"),jackInTheBox:(0,a.__)("Jack in The Box","dragblock"),rollIn:(0,a.__)("Roll in ","dragblock"),rollOut:(0,a.__)("Roll out ","dragblock"),zoomIn:(0,a.__)("Zoom in ","dragblock"),zoomInDown:(0,a.__)("Zoom in Down","dragblock"),zoomInLeft:(0,a.__)("Zoom in Left","dragblock"),zoomInRight:(0,a.__)("Zoom in Right","dragblock"),zoomInUp:(0,a.__)("Zoom in Up","dragblock"),zoomOut:(0,a.__)("Zoom out ","dragblock"),zoomOutDown:(0,a.__)("Zoom out Down","dragblock"),zoomOutLeft:(0,a.__)("Zoom out Left","dragblock"),zoomOutRight:(0,a.__)("Zoom out Right","dragblock"),zoomOutUp:(0,a.__)("Zoom out Up","dragblock"),slideInDown:(0,a.__)("Slide in Down","dragblock"),slideInLeft:(0,a.__)("Slide in Left","dragblock"),slideInRight:(0,a.__)("Slide in Right","dragblock"),slideInUp:(0,a.__)("Slide in Up","dragblock"),slideOutDown:(0,a.__)("Slide out Down","dragblock"),slideOutLeft:(0,a.__)("Slide out Left","dragblock"),slideOutRight:(0,a.__)("Slide out Right","dragblock"),slideOutUp:(0,a.__)("Slide out Up","dragblock")};return(0,n.createElement)("div",{className:"dragblock-animation-name-control"},(0,n.createElement)(ne,{options:l,value:e,onChange:t,placeholder:(0,a.__)("Animation Name","dragblock")}))}const de=1e3;function se(e,t,l){return"cut"===window.dragBlockPM.clipboard.action&&window.dragBlockPM.clipboard.clientId===e&&window.dragBlockPM.clipboard.attrSlug===t&&window.dragBlockPM.clipboard.selectedPropIds.has(l)}function ue(e,t){window.dragBlockPM.blocks?.[e]?.history?.attributes&&window.dragBlockPM.blocks[e].history.attributes.at(-1)!==t&&(window.dragBlockPM.blocks[e].history.attributes.length>de&&window.dragBlockPM.blocks[e].history.attributes.shift(),window.dragBlockPM.blocks[e].history.attributes.push(t),window.dragBlockPM.blocks[e].history.pointer=window.dragBlockPM.blocks[e].history.attributes.length-1)}function ge(e=null){if(e&&window.dragBlockPM.blocks?.[e.clientId]?.selectedProps?.[window.dragBlockPM.curAttrSlug]?.selectedProps){let t=new Set;window.dragBlockPM.blocks[e.clientId].selectedProps[window.dragBlockPM.curAttrSlug].selectedProps=t,window.dragBlockPM.blocks[e.clientId].selectedProps[window.dragBlockPM.curAttrSlug].setSelectedProps(t)}Object.entries(window.dragBlockPM.blocks).map((([e,t],__)=>{t.selectedProps&&Object.entries(t.selectedProps).map((([t,{selectedProps:l,setSelectedProps:a}])=>{let o=Array.from(l);o.length&&(o=new Set,window.dragBlockPM.blocks[e].selectedProps[t].selectedProps=o,a(o))}))})),window.dragBlockPM.clipboard.selectedPropIds=new Set}function be(e){const{clientId:t,attributes:l}=e,a=window.dragBlockPM.blocks[t]&&window.dragBlockPM.curAttrSlug&&window.dragBlockPM.blocks[t].selectedProps&&window.dragBlockPM.blocks[t].selectedProps[window.dragBlockPM.curAttrSlug]&&l;if(!a)return ge(),{couldAccess:a};const r=window.dragBlockPM.curAttrSlug;l[r]||(l[r]=new Array);const n=l[r],{selectedProps:c,setSelectedProps:i}=window.dragBlockPM.blocks[t].selectedProps[r],d=Array.from(c).sort(((e,t)=>e-t));return{couldAccess:a,curAttrSlug:r,curAttr:n,propIds:d,clientId:t,attributes:l,updateSelectedProps:(e=null)=>{e||(e=d);let l=new Set((0,o.cloneDeep)(e));window.dragBlockPM.blocks[t].selectedProps[r].selectedProps=l,i(l)}}}function pe(e,t){let l=(0,o.cloneDeep)(t);(0,ce.dispatch)("core/block-editor").updateBlockAttributes(e,l),ue(e,l)}function me(e){const{couldAccess:t,curAttrSlug:l,curAttr:a,propIds:o,clientId:r,attributes:n}=be(e);t&&o.length?(n[l]=a.filter(((__,e)=>!o.includes(e))),pe(r,n),ge()):ge()}function _e(e){const{couldAccess:t,curAttrSlug:l,curAttr:a,propIds:o,clientId:r,attributes:n,updateSelectedProps:c}=be(e);t&&o.length?0!==o[0]&&(o.map(((e,t)=>{if(a[e-1]&&a[e]){let l=a[e-1];a[e-1]=a[e],a[e]=l,o[t]=e-1}})),n[l]=a,pe(r,n),c()):ge()}function ke(e){const{couldAccess:t,curAttrSlug:l,curAttr:a,propIds:o,clientId:r,attributes:n,updateSelectedProps:c}=be(e);t&&o.length?o.at(-1)!==a.length-1&&([...o].reverse().map(((e,t)=>{if(a[e]&&a[e+1]){let l=a[e];a[e]=a[e+1],a[e+1]=l,o[t]=e+1}})),n[l]=a,pe(r,n),c()):ge()}function ve(e){const{couldAccess:t,curAttrSlug:l,curAttr:a,propIds:o,clientId:r,attributes:n,updateSelectedProps:c}=be(e);if(!t||!o.length)return void ge();let i=[],d=[];a.map(((e,t)=>{o.includes(t)?i.push(e):d.push(e)})),o.map(((__,e)=>{o[e]=e})),n[l]=[...i,...d],pe(r,n),c()}function he(e){const{couldAccess:t,curAttrSlug:l,curAttr:a,propIds:o,clientId:r,attributes:n,updateSelectedProps:c}=be(e);if(!t||!o.length)return void ge();let i=[],d=[];a.map(((e,t)=>{o.includes(t)?i.push(e):d.push(e)})),o.map(((__,e)=>{o[e]=a.length-o.length+e})),n[l]=[...d,...i],pe(r,n),c()}function fe(e){const{couldAccess:t,curAttrSlug:l,curAttr:a,propIds:r,clientId:n,attributes:c,updateSelectedProps:i}=be(e);if(!t||!r.length)return void ge();let d=[],s=[];a.map(((e,t)=>{d.push(e),r.includes(t)&&(s.push(d.length-1),s.push(d.length),d.push((0,o.cloneDeep)(e)))})),c[l]=d,pe(n,c),i(s)}function we(e){const{couldAccess:t,curAttrSlug:l,curAttr:a,propIds:o,clientId:r,attributes:n,updateSelectedProps:c}=be(e);t&&o.length?(o.map((e=>{a[e]&&(a[e].hidden?delete a[e].hidden:a[e].hidden="*")})),n[l]=a,pe(r,n),ge()):ge()}function ye(e){const{couldAccess:t,curAttrSlug:l,curAttr:a,propIds:o,clientId:r,attributes:n,updateSelectedProps:c}=be(e);t&&o.length?(o.map((e=>{a[e]&&(a[e].disabled?delete a[e].disabled:a[e].disabled="*")})),n[l]=a,pe(r,n)):ge()}function xe(e){const{couldAccess:t,curAttrSlug:l,curAttr:a,propIds:r,clientId:n,attributes:c,updateSelectedProps:i}=be(e);t&&r.length?(window.dragBlockPM.clipboard={action:"copy",clientId:n,attrSlug:l,selectedProps:r.map((e=>a[e]?(0,o.cloneDeep)(a[e]):null)).filter((e=>!!e))},ge()):ge()}function Ee(e){const{couldAccess:t,curAttrSlug:l,curAttr:a,propIds:r,clientId:n,attributes:c,updateSelectedProps:i}=be(e);t&&r.length?(window.dragBlockPM.clipboard={action:"cut",clientId:n,attrSlug:l,selectedProps:r.map((e=>a[e]?(0,o.cloneDeep)(a[e]):null)).filter((e=>!!e))},ge(e),window.dragBlockPM.clipboard.selectedPropIds=new Set(r)):ge()}function Be(e){const{couldAccess:t,curAttrSlug:l,curAttr:a,propIds:o,clientId:r,attributes:n,updateSelectedProps:c}=be(e);if(!t)return;if(!window.dragBlockPM.clipboard)return;const i=window.dragBlockPM.clipboard;if(!i.selectedProps||!i.selectedProps.length||!i.attrSlug)return;if("cut"===i.action){let e=(0,ce.select)("core/block-editor").getBlock(i.clientId);if(!e||!e.attributes||!e.attributes[i.attrSlug])return;e.attributes[i.attrSlug]=e.attributes[i.attrSlug].filter(((__,e)=>!i.selectedPropIds.has(e))),pe(i.clientId,e.attributes),ge(e)}n[i.attrSlug]||(n[i.attrSlug]=new Array);let d=n[i.attrSlug];d.unshift(...i.selectedProps),n[i.attrSlug]=d,pe(r,n),ge(e)}function Se(e){const{clientId:t,attributes:l}=e;if(!window.dragBlockPM.blocks?.[t]?.history?.attributes)return;const a=window.dragBlockPM.blocks[t].history;if(!a.attributes[a.pointer-1])return;let o=a.attributes[a.pointer-1];o!==l&&(a.pointer--,(0,ce.dispatch)("core/block-editor").updateBlockAttributes(t,o))}function Ce(e){const{clientId:t,attributes:l}=e;if(!window.dragBlockPM.blocks?.[t]?.history?.attributes)return;const a=window.dragBlockPM.blocks[t].history;if(!a.attributes[a.pointer+1])return;let o=a.attributes[a.pointer+1];o!==l&&(a.pointer++,(0,ce.dispatch)("core/block-editor").updateBlockAttributes(t,o))}const Pe={display:{"":{text:(0,a.__)("Default","dragblock"),icon:dragBlockIcons?.iconLayoutBlockBlueBoxO},flex:{text:(0,a.__)("Flex Box","dragblock"),icon:dragBlockIcons?.iconLayoutFlexBlueBoxO},grid:{text:(0,a.__)("Grid Box","dragblock"),icon:dragBlockIcons?.iconLayoutGridBlueBoxO}},"text-align":{"":{text:(0,a.__)("Left","dragblock"),icon:dragBlockIcons?.iconAlignLeft},center:{text:(0,a.__)("Center","dragblock"),icon:dragBlockIcons?.iconAlignCenter},right:{text:(0,a.__)("Right","dragblock"),icon:dragBlockIcons?.iconAlignRight},justify:{text:(0,a.__)("Justify","dragblock"),icon:dragBlockIcons?.iconAlignJustify}},"flex-direction":{"":{text:(0,a.__)("Row - Horizontal","dragblock"),icon:dragBlockIcons?.iconArrowRight},column:{text:(0,a.__)("Column - Vertical","dragblock"),icon:dragBlockIcons?.iconArrowDown},"row-reverse":{text:(0,a.__)("Row - Reverse","dragblock"),icon:dragBlockIcons?.iconArrowLeft},"column-reverse":{text:(0,a.__)("Column - Reverse","dragblock"),icon:dragBlockIcons?.iconArrowUp}},"justify-content":{"":{text:(0,a.__)("Start - Left","dragblock"),icon:dragBlockIcons?.iconJustifyContentStart},center:{text:(0,a.__)("Center - Middle","dragblock"),icon:dragBlockIcons?.iconJustifyContentCenter},"space-between":{text:(0,a.__)("Space Between","dragblock"),icon:dragBlockIcons?.iconJustifyContentSpaceBetween},end:{text:(0,a.__)("End - Right","dragblock"),icon:dragBlockIcons?.iconJustifyContentEnd},"space-evenly":{text:(0,a.__)("Space Evenly","dragblock"),icon:dragBlockIcons?.iconJustifyContentSpaceEvenly},stretch:{text:(0,a.__)("Stretch","dragblock"),icon:dragBlockIcons?.iconJustifyContentStretch}},"align-items":{"":{text:(0,a.__)("Start - Top","dragblock"),icon:dragBlockIcons?.iconAlginItemsStart},center:{text:(0,a.__)("Center - Middle","dragblock"),icon:dragBlockIcons?.iconAlignItemsCenter},end:{text:(0,a.__)("End - Bottom","dragblock"),icon:dragBlockIcons?.iconAlignItemsEnd},stretch:{text:(0,a.__)("Stretch","dragblock"),icon:dragBlockIcons?.iconAlignItemsStretch}},"flex-wrap":{"":{text:(0,a.__)("No Wrap","dragblock"),icon:dragBlockIcons?.iconFlexWrapNoWrap},wrap:{text:(0,a.__)("Wrap","dragblock"),icon:dragBlockIcons?.iconFlexWrapWrap},"wrap-reverse":{text:(0,a.__)("Wrap Reverse","dragblock"),icon:dragBlockIcons?.iconFlexWrapWrapReverse}},"text-transform":{"":{text:(0,a.__)("Default","dragblock"),icon:X()},uppercase:{text:(0,a.__)("Uppercase","dragblock"),icon:(0,n.createElement)("span",{className:"text-icon"},"AB")},lowercase:{text:(0,a.__)("Lowercase","dragblock"),icon:(0,n.createElement)("span",{className:"text-icon"},"ab")},capitalize:{text:(0,a.__)("Capitalize","dragblock"),icon:(0,n.createElement)("span",{className:"text-icon"},"Ab")}},"font-style":{"":{text:(0,a.__)("Default","dragblock"),icon:X()},italic:{text:(0,a.__)("Italic","dragblock"),icon:(0,n.createElement)("span",{className:"text-icon",style:{fontStyle:"italic"}},(0,a.__)("Italic","dragblock"))},normal:{text:(0,a.__)("Normal","dragblock"),icon:(0,n.createElement)("span",{className:"text-icon",style:{fontStyle:"normal"}},(0,a.__)("Normal","dragblock"))}},"text-decoration-line":{"":{text:(0,a.__)("Default","dragblock"),icon:X()},underline:{text:(0,a.__)("Underline","dragblock"),icon:(0,n.createElement)("span",{class:"text-icon",style:{textDecorationLine:"underline"}},"U")},"line-through":{text:(0,a.__)("Line Through","dragblock"),icon:(0,n.createElement)("span",{class:"text-icon",style:{textDecorationLine:"line-through"}},"S")},overline:{text:(0,a.__)("Overline","dragblock"),icon:(0,n.createElement)("span",{class:"text-icon",style:{textDecorationLine:"overline"}},"O")},none:{text:(0,a.__)("None","dragblock"),icon:(0,n.createElement)("span",{class:"text-icon"},"X")}},"text-decoration-style":{"":{text:(0,a.__)("Default","dragblock"),icon:X()},solid:{text:(0,a.__)("Solid","dragblock"),icon:(0,n.createElement)("span",{class:"text-icon",style:{textDecorationLine:"underline",textDecorationStyle:"solid"}},(0,a.__)("Solid","dragblock"))},dashed:{text:(0,a.__)("Dashed","dragblock"),icon:(0,n.createElement)("span",{class:"text-icon",style:{textDecorationLine:"underline",textDecorationStyle:"dashed"}},(0,a.__)("Dashed","dragblock"))},dotted:{text:(0,a.__)("Dotted","dragblock"),icon:(0,n.createElement)("span",{class:"text-icon",style:{textDecorationLine:"underline",textDecorationStyle:"dotted"}},(0,a.__)("Dotted","dragblock"))},double:{text:(0,a.__)("Double","dragblock"),icon:(0,n.createElement)("span",{class:"text-icon",style:{textDecorationLine:"underline",textDecorationStyle:"double"}},(0,a.__)("Double","dragblock"))},wavy:{text:(0,a.__)("Wavy","dragblock"),icon:(0,n.createElement)("span",{class:"text-icon",style:{textDecorationLine:"underline",textDecorationStyle:"wavy"}},(0,a.__)("Wavy","dragblock"))}},devices:{"":{text:(0,a.__)("Desktop/Default","dragblock"),icon:G()},t:{text:(0,a.__)("Tablet","dragblock"),icon:Y()},m:{text:(0,a.__)("Mobile","dragblock"),icon:Z()}}};function Ie(e){let{options:t,value:l,onChange:a,className:r,vertical:c,multiSelect:d}=e;if(!t)return null;let s="";if((0,o.isString)(t)){if(s=t,!Pe[s])return null;t=Pe[s]}const g=new Set((l||"").trim().split(" "));let b=Object.keys(t);""===b.at(-1)&&(b.pop(),b.unshift(""));const p=b.map(((e,o)=>{const{icon:r,text:s}=t[e],b=(0,n.createElement)(n.Fragment,null,!!r&&(0,n.createElement)("span",{className:"icon"},r),c&&s&&(0,n.createElement)("span",{className:"text"},s)),p=s&&!c?(0,n.createElement)(u.Tooltip,{text:s,position:"bottom",delay:0},b):b;return(0,n.createElement)("a",{key:o,className:i()("option",{active:g.has(e)}),title:s||"",onClick:t=>{if(d&&(t.ctrlKey||t.metaKey)&&""!==e&&"none"!==e&&l&&"none"!==l)g.has(e)?g.delete(e):g.add(e),a(Array.from(g).join(" "));else{if(e===(l||""))return;a(e)}}},p)}));return(0,n.createElement)("div",{className:"dragblock-options "+(c?"vertical":"horizontal")+(r?" "+r:"")+(s?" "+s:"")},p)}const De=(0,d.createHigherOrderComponent)((e=>t=>{const{attributes:l,setAttributes:c,isSelected:d,clientId:g,isMultiSelected:b}=t;let{dragBlockStyles:O,className:L}=l;const[U,X]=(0,n.useState)(!1),[K,J]=(0,n.useState)(-1),[q,Q]=(0,n.useState)(!1),[$,ee]=(0,n.useState)(-1),[de,be]=(0,n.useState)(O&&O.length>0),[pe,Pe]=(0,n.useState)(new Set),De="dragBlockStyles",Oe=((0,s.useSetting)("color.palette.theme")||[]).concat((0,s.useSetting)("color.palette.custom")||[]),Ae=(0,s.useSetting)("layout.contentSize"),Ne=(0,s.useSetting)("layout.wideSize");O||(O=(e=>{let t=new Array;return["dragblock/wrapper"].includes(e),["dragblock/image"].includes(e),(0,o.cloneDeep)(t)})(t.name));const Me=e=>{Pe(e),function(e,t,l){window.dragBlockPM.blocks[e].selectedProps[t].setSelectedProps(l),window.dragBlockPM.blocks[e].selectedProps[t].selectedProps=l}(g,De,e)},Le=e=>{J(-1),ee(e)},Re=()=>{ee(-1),X(!1),ue(g,l)};!function({attrSlug:e,clientId:t,selectedProps:l,setSelectedProps:a,closePropertyPopover:o,attributes:r,isOpenedPropertyPopover:n}){window.dragBlockPM||(window.dragBlockPM={blocks:{},clipboard:{action:"",clientId:"",attrSlug:"",selectedProps:[],selectedPropIds:new Set},curAttrSlug:"",isInPanel:!1},function(e){const t={delete:me,ctrl__delete:ye,ctrl__shift__delete:we,ctrl__c:xe,ctrl__x:Ee,ctrl__v:Be,ctrl__arrowup:_e,ctrl__arrowdown:ke,ctrl__z:Se,ctrl__y:Ce,ctrl__shift__arrowup:ve,ctrl__shift__arrowdown:he,alt__shift__arrowup:fe,alt__shift__arrowdown:fe};e(document).on("mousemove",".dragblock-inspector-controls",(function(e){window.dragBlockPM.isInPanel=!0})),e(document).on("mouseleave",".dragblock-inspector-controls",(function(e){window.dragBlockPM.isInPanel=!1})),e(document).on("keydown",(function(e){if(!window.dragBlockPM.isInPanel)return;if(!e.key||"Unidentified"===e.key||["Control","Alt","Shift"].includes(e.key))return;if(!(e.ctrlKey||e.metaKey||e.altKey||e.shiftKey||["Escape","Delete"].includes(e.key)))return;let l=(0,ce.select)("core/block-editor").getSelectedBlock();if(!l)return void ge();if("Escape"===e.key)return window.dragBlockPM.curAttrSlug&&window.dragBlockPM.blocks?.[l.clientId]?.selectedProps?.[window.dragBlockPM.curAttrSlug]?.closePropertyPopover&&window.dragBlockPM.blocks[l.clientId].selectedProps[window.dragBlockPM.curAttrSlug].closePropertyPopover(),void ge(l);if(window.dragBlockPM.blocks?.[l.clientId]?.selectedProps?.[window.dragBlockPM.curAttrSlug]?.isOpenedPropertyPopover()&&window.dragBlockPM.blocks[l.clientId].selectedProps[window.dragBlockPM.curAttrSlug].isOpenedPropertyPopover())return;let a=e.key.toLowerCase();e.shiftKey&&(a="shift__"+a),e.altKey&&(a="alt__"+a),(e.ctrlKey||e.metaKey)&&(a="ctrl__"+a),t[a]?(!e.ctrlKey&&!e.metaKey||e.altKey||e.shiftKey||e.preventDefault(),t[a](l)):ge(l)}))}(jQuery)),window.dragBlockPM.blocks[t]||(window.dragBlockPM.blocks[t]={selectedProps:{},history:{attributes:[r],pointer:0}}),window.dragBlockPM.blocks[t].selectedProps[e]={selectedProps:l,setSelectedProps:a,closePropertyPopover:o,isOpenedPropertyPopover:n}}({attrSlug:De,attributes:l,clientId:g,selectedProps:pe,setSelectedProps:Pe,closePropertyPopover:Re,isOpenedPropertyPopover:()=>-1!==$});const Fe=(e,t,l=!1,a=!1)=>{if(void 0===e)return;l&&(e=function({value:e,colors:t}){return e&&(0,o.isString)(e)?e=e.split(" ").map((e=>{if(0!==e.indexOf("#"))return e;let l=e.substring(7).toLowerCase(),a=e.substring(0,7).toLowerCase();for(let e of t){let t=e.color.toLowerCase(),o=t.substring(0,7);if(a+l===t)return P+e.slug+I;if(a===o)return P+e.slug+"@"+I+l}return e})).join(" "):e}({value:e.trim(),colors:Oe})),a&&(e=function({value:e,contentSize:t,wideSize:l}){return e&&(0,o.isString)(e)?e=e.split(" ").map((e=>e===t?B:e===l?S:e)).join(" "):e}({value:e,contentSize:Ae,wideSize:Ne}));let r=(0,o.cloneDeep)(O);r[t].value=e,c({dragBlockStyles:r})},ze=(e,t,l)=>{let a=(0,o.cloneDeep)(e);return a[t].devices||(a[t].devices=""),-1===a[t].devices.indexOf(l)?a[t].devices+=l:a[t].devices=a[t].devices.replace(l,""),""===a[t].devices&&delete a[t].devices,a},Te=(e,t,l=nulls,a=null)=>{let r=(0,o.cloneDeep)(e),n=r[t],c=t+1;for(;c<r.length;c++){let e=r[c];if(e.devices!==n.devices||e.selectors!==n.selectors)break}for(let e=t;e<c;e++)null!==l&&(r=ze(r,e,l)),null!==a&&(r[e].selectors=a);return r},je=(e,t)=>{let l=t+1;for(;l<e.length&&e[l].selectors===e[t].selectors&&e[l].devices===e[t].devices;l++);return l},Ue={":hover":!0,":focus":!0,":checked":!0,":target":!0,":active":!0};let He={devices:"",selectors:"",shown:!1},Ve=!1;for(let e of O)if(e.hidden){Ve=!0;break}return function(e,t=!0){const{clientId:l,isSelected:a,isMultiSelected:o,name:r,attributes:n}=e,{dragBlockRenderability:c}=n;return!a||o||["core/block"].includes(r)||t&&function(e){if(e&&e.length)for(let t of e)if(!t.disabled&&"render"===t.slug&&"never"===t.value)return!0;return!1}(c)}(t)?(0,n.createElement)(n.Fragment,null,(0,n.createElement)(e,{...t})):(0,n.createElement)(n.Fragment,null,(0,n.createElement)(e,{...t}),(0,n.createElement)(s.InspectorControls,null,(0,n.createElement)(u.PanelBody,{className:"dragblock-inspector-controls appearance"+(O&&O.length?" has-properties":""),title:(0,a.__)("Appearance","dragblock"),icon:dragBlockIcons?.iconMonalisa,opened:de,onToggle:()=>{be(!de)}},(0,n.createElement)(oe,{placeholder:(0,a.__)("+ Add a Property","dragblock"),onSelect:e=>{let t=(0,o.cloneDeep)(O),l=[];e.includes(":")&&r[e]?l=(0,o.cloneDeep)(r[e].set):l.push({value:"",slug:e}),-1!==K?(l.map((e=>(t[K].selectors&&(e.selectors=t[K].selectors),t[K].devices&&(e.devices=t[K].devices),e))),t.splice(K,0,...(0,o.cloneDeep)(l))):t.unshift(...(0,o.cloneDeep)(l)),c({dragBlockStyles:t}),Le(-1!==K?K:0)},suggestions:r}),Ve&&(0,n.createElement)(n.Fragment,null,(0,n.createElement)("a",{className:"global-action hidden-styles-toggle",onClick:()=>{Q(!q)}},q&&(0,n.createElement)(n.Fragment,null,H()," ",(0,a.__)("Hide Hidden","dragblock")),!q&&(0,n.createElement)(n.Fragment,null,V()," ",(0,a.__)("Show Hidden","dragblock")))),!!O&&0!==O.length&&(0,n.createElement)("div",{className:"properties"},O.map(((e,t)=>{let l=!1,d=e.devices?e.devices:"",s=e.selectors?e.selectors:"";He.devices!==d||He.selectors!==s?(He.devices=d,He.selectors=s,l=!e.hidden||q,l||(He.shown=!1)):!1===He.shown&&(l=!e.hidden||q),l&&(He.shown=!0);let b=!0,B=new Object,S="";if(e.selectors){let t=e.selectors.split(",").map((e=>e.trim()));for(let e of t)if(-1===e.indexOf(":"))B[""]||(B[""]=new Set),B[""].add(e);else{if(e=e.split(":"),!Ue[":"+e[1]]){b=!1;break}if(B[""]){b=!1;break}B[":"+e[1]]||(B[":"+e[1]]=new Set),B[":"+e[1]].add(e[0])}if(b){for(let e in B){let t=[...B[e]].sort(((e,t)=>e>t)).join(",");if(S){if(S!==t){b=!1;break}}else S=t}B[""]&&delete B[""]}}return(0,n.createElement)("div",{key:t,className:i()("property-wrapper",{})},l?(0,n.createElement)(n.Fragment,null,(0,n.createElement)("div",{className:"master-selector"},(0,n.createElement)(u.Tooltip,{delay:10,text:(0,a.__)("Edit selector","dragblock"),position:"middle left"},(0,n.createElement)("a",{className:"master-selector-name",onClick:function(){X(!0),Le(t)}},e.devices?(0,n.createElement)("span",{className:"devices"},e.devices.split("").map((e=>"m"===e?"Mobile":"t"===e?"Tablet":"Desktop")).join(", ")):null,e.selectors?(0,n.createElement)("span",{className:"selectors"},0===e.selectors.indexOf("&")?(0,n.createElement)(n.Fragment,null,(0,n.createElement)("strong",null,"&"),e.selectors.substring(1)):e.selectors):null)),(0,n.createElement)(u.Tooltip,{delay:10,text:(0,a.__)("Add a property","dragblock"),position:"top center"},(0,n.createElement)("a",{className:"master-selector-add",onClick:function(){J(t),document.querySelector(".dragblock-inspector-controls.appearance .fake-search-button").click()}},"+")))):"",(!e.hidden||q)&&(0,n.createElement)("a",{className:i()("property",{disabled:!!e.disabled,hidden:!!e.hidden,"has-selector":e.devices||e.selectors,default:!e.value,"is-selected":pe.has(t),"in-clipboard-cut":se(g,De,t)}),onClick:e=>{var l;if(l=De,window.dragBlockPM.curAttrSlug&&window.dragBlockPM.curAttrSlug!==l&&ge(),window.dragBlockPM.curAttrSlug=l,e.ctrlKey||e.metaKey)return pe.has(t)?pe.delete(t):pe.add(t),void Me((0,o.cloneDeep)(pe));Me(new Set),X(!1),Le(t)}},(0,n.createElement)("span",{className:"label"},r[e.slug].label),(0,n.createElement)("span",{className:"separator"}," ",e.hidden?(0,n.createElement)("strong",null,"👁"):":"," "),e.value?(0,n.createElement)("span",{className:"value-preview "+r[e.slug].type},(P=C({value:D(e.value,Oe),contentSize:Ae,wideSize:Ne}),(0,o.isString)(P)?-1===P.indexOf("#")?P:(P=P.split("#"),(0,n.createElement)(n.Fragment,null,(0,n.createElement)("span",null,P[0],"  "),(0,n.createElement)("span",{className:"color",style:{backgroundColor:"#"+P[1]}}),"#",P[1])):P)):(0,n.createElement)("span",null,(0,a.__)("default","dragblock"))),$===t?(0,n.createElement)(ae,{noPadding:!0,className:"dragblock-appearance-control-popover",onClose:Re,onMouseLeave:()=>{Re()},onKeyDown:e=>{"Escape"===e.key&&Re()},actions:U?{top:function(e,t){if(0===t)return e;let l=je(e,t),a=e.splice(t,l-t);return e.unshift(...a),e},bottom:function(e,t){let l=je(e,t);if(l>=e.length-1)return e;let a=e.splice(t,l-t);return e.push(...a),e},up:function(e,t){if(0===t)return e;let l=je(e,t),a=e.splice(t,l-t),o=((e,t)=>{let l=t-1;for(;l>-1&&e[t].selectors===e[l].selectors&&e[t].devices===e[l].devices;l--);return l+1})(e,t-1);return e.splice(o,0,...a),e},down:function(e,t){let l=je(e,t);if(l>=e.length-1)return e;let a=e.splice(t,l-t),o=je(e,t+1);return e.splice(o,0,...a),e},duplicate:!1,disable:function(e,t){let l=je(e,t),a=!0;for(let o=t;o<l;o++)if(!e[o].disabled){a=!1;break}if(a)for(let a=t;a<l;a++)delete e[a].disabled;else for(let a=t;a<l;a++)e[a].disabled="*";return e},hidden:!1,delete:!1}:null,onAction:(e,l)=>{"disable"!==e||U||(l[t].disabled?delete l[t].disabled:l[t].disabled="*"),"hidden"!==e||U||(l[t].hidden?delete l[t].hidden:l[t].hidden="*"),Re(),c({dragBlockStyles:l})},title:U?(0,a.__)("Edit Selectors","dragblock"):r[e.slug].label,disabled:e.disabled,hidden:e.hidden,list:O,index:t},!U&&(0,n.createElement)("div",{className:"value"},"color"===r[e.slug].type&&(0,n.createElement)(u.ColorPalette,{enableAlpha:!0,colors:Oe,value:D(e.value,Oe),onChange:e=>{Fe(e,t,!0)}}),"unit"===r[e.slug].type&&(0,n.createElement)(p,{value:e.value,units:r[e.slug].units?r[e.slug].units:null,onChange:e=>{Fe(e,t)}}),"select"===r[e.slug].type&&(0,n.createElement)(u.SelectControl,{value:e.value,options:r[e.slug].options,onChange:e=>{Fe(e,t)}}),"text"===r[e.slug].type&&(0,n.createElement)(u.TextControl,{value:e.value,onChange:e=>{Fe(e,t)}}),"margin"===r[e.slug].type&&(0,n.createElement)(W,{value:e.value,onChange:e=>{Fe(e,t)},switcher:"margin"===e.slug||"padding"===e.slug||"border-radius"===e.slug,minus:-1===e.slug.indexOf("padding")&&"border-radius"!==e.slug,corner:"border-radius"===e.slug}),"number"===r[e.slug].type&&(0,n.createElement)(u.__experimentalNumberControl,{value:e.value?Number(e.value):"",min:r[e.slug].min?r[e.slug].min:-99,max:r[e.slug].max?r[e.slug].max:9999,step:r[e.slug].step?r[e.slug].step:1,onChange:e=>{Fe(e,t)}}),"font-size"===r[e.slug].type&&(0,n.createElement)(m,{value:e.value,onChange:e=>{Fe(e,t)}}),"font-size"===r[e.slug].type&&(0,n.createElement)(Ie,{value:e.value,onChange:e=>{Fe(e,t)}}),"font-weight"===r[e.slug].type&&(0,n.createElement)(_,{value:e.value,onChange:e=>{Fe(e,t)}}),"line-height"===r[e.slug].type&&(0,n.createElement)(k,{value:e.value,onChange:e=>{Fe(e,t)}}),"text-decoration-line"===r[e.slug].type&&(0,n.createElement)(v,{value:e.value,onChange:e=>{Fe(e,t)}}),"text-decoration-style"===r[e.slug].type&&(0,n.createElement)(h,{value:e.value,onChange:e=>{Fe(e,t)}}),"text-transform"===r[e.slug].type&&(0,n.createElement)(w,{value:e.value,onChange:e=>{Fe(e,t)}}),"text-align"===r[e.slug].type&&(0,n.createElement)(te,{value:e.value,onChange:e=>{Fe(e,t)}}),"text-decoration"===r[e.slug].type&&(0,n.createElement)(f,{value:D(e.value,Oe),colors:Oe,onChange:e=>{Fe(e,t,!0)}}),"border-style"===r[e.slug].type&&(0,n.createElement)(y,{value:e.value,onChange:e=>{Fe(e,t)}}),"border"===r[e.slug].type&&(0,n.createElement)(x,{value:D(e.value,Oe),colors:Oe,onChange:e=>{Fe(e,t,!0)}}),"text-shadow"===r[e.slug].type&&(0,n.createElement)(E,{value:D(e.value,Oe),colors:Oe,onChange:e=>{Fe(e,t,!0)}}),"box-shadow"===r[e.slug].type&&(0,n.createElement)(A,{value:D(e.value,Oe),colors:Oe,onChange:e=>{Fe(e,t,!0)}}),"position"===r[e.slug].type&&(0,n.createElement)(N,{value:e.value,onChange:e=>{Fe(e,t)}}),"display"===r[e.slug].type&&(0,n.createElement)(M,{value:e.value,onChange:e=>{Fe(e,t)}}),"transform"===r[e.slug].type&&(0,n.createElement)(R,{value:e.value,onChange:e=>{Fe(e,t)}}),"align-items"===r[e.slug].type&&(0,n.createElement)(F,{value:e.value,onChange:e=>{Fe(e,t)}}),"justify-content"===r[e.slug].type&&(0,n.createElement)(z,{value:e.value,onChange:e=>{Fe(e,t)}}),"flex-wrap"===r[e.slug].type&&(0,n.createElement)(T,{value:e.value,onChange:e=>{Fe(e,t)}}),"flex-direction"===r[e.slug].type&&(0,n.createElement)(j,{value:e.value,onChange:e=>{Fe(e,t)}}),("width"===r[e.slug].type||"flex-basis"===r[e.slug].type)&&(0,n.createElement)(le,{value:C({value:e.value,contentSize:Ae,wideSize:Ne}),onChange:e=>{Fe(e,t,!1,!0)}}),"height"===r[e.slug].type&&(0,n.createElement)(re,{value:C({value:e.value,contentSize:Ae,wideSize:Ne}),onChange:e=>{Fe(e,t,!1,!0)}}),"animation-name"===r[e.slug].type&&(0,n.createElement)(ie,{value:e.value,onChange:e=>{Fe(e,t)}})),(0,n.createElement)("div",{className:"extra-wrapper"},(0,n.createElement)(u.Flex,{className:"extra devices"},(0,n.createElement)(u.FlexItem,{className:"label"},(0,a.__)("Devices","dragblock")),(0,n.createElement)(u.FlexItem,{className:"control"},(0,n.createElement)(u.Tooltip,{text:"Desktop",delay:10,position:"top center"},(0,n.createElement)("a",{className:i()("extra-item",{active:e.devices&&-1!==e.devices.indexOf("d")}),onClick:()=>{c(U?{dragBlockStyles:Te(O,t,"d")}:{dragBlockStyles:ze(O,t,"d")})}},G())),(0,n.createElement)(u.Tooltip,{text:"Tablet",delay:10,position:"top center"},(0,n.createElement)("a",{className:i()("extra-item",{active:e.devices&&-1!==e.devices.indexOf("t")}),onClick:()=>{c(U?{dragBlockStyles:Te(O,t,"t")}:{dragBlockStyles:ze(O,t,"t")})}},Y())),(0,n.createElement)(u.Tooltip,{text:"Mobile",delay:10,position:"top center"},(0,n.createElement)("a",{className:i()("extra-item",{active:e.devices&&-1!==e.devices.indexOf("m")}),onClick:()=>{c(U?{dragBlockStyles:Te(O,t,"m")}:{dragBlockStyles:ze(O,t,"m")})}},Z())))),!1!==b&&(0,n.createElement)(u.Flex,{className:"extra states"},(0,n.createElement)(u.FlexItem,{className:"label"},(0,a.__)("States","dragblock")),(0,n.createElement)(u.FlexItem,{className:"control"},Object.entries(Ue).map((([e,l],a)=>(0,n.createElement)("a",{key:a,className:i()("extra-item",{active:!!B[e]}),onClick:()=>{B[e]?delete B[e]:B[e]=!0,S=S.split(","),0===Object.keys(B).length&&(B[""]=!0);let l=Object.keys(B).map((e=>S.join(e+",")+e)).join(", ");if(U)return void c({dragBlockStyles:Te(O,t,null,l)});let a=(0,o.cloneDeep)(O);a[t].selectors=l,""===a[t].selectors&&delete a[t].selectors,c({dragBlockStyles:a})}},(0,n.createElement)("span",null,e)))))),(0,n.createElement)(u.Flex,{className:"extra selectors"},(0,n.createElement)(u.FlexItem,{className:"label"},(0,a.__)("Selectors","dragblock")),(0,n.createElement)(u.FlexItem,{className:"control"},(0,n.createElement)(ne,{position:"top",options:{},value:e.selectors,onChange:e=>{if(U)return void c({dragBlockStyles:Te(O,t,null,e)});let l=(0,o.cloneDeep)(O);l[t].selectors=e,c({dragBlockStyles:l})}}))))):null);var P}))))))}),"dragBlockApperanceControls");wp.hooks.addFilter("editor.BlockEdit","dragblock/apperance-controls",De);const Oe=(0,d.createHigherOrderComponent)((e=>t=>{const l=((0,s.useSetting)("color.palette.theme")||[]).concat((0,s.useSetting)("color.palette.custom")||[]);return(0,n.createElement)(n.Fragment,null,(0,n.createElement)(n.Fragment,null,function({props:e,colors:t}){const{attributes:l,setAttributes:a,isSelected:r,clientId:c,name:i}=e;let{dragBlockStyles:d,dragBlockClientId:s,dragBlockCSS:u,className:g}=l,b="",p="";if(d){let e=".wp-block-"+i.replace("core/","").split("/").join("-")+'[data-dragblock-client-id="'+s+'"]';"core/query-pagination"===i&&(e=".wp-block-query-pagination.block-editor-block-list__layout"+e);let l='[data-dragblock-client-id="'+s+'"]';"core/post-template"===i&&(l=".wp-block-post-template"+l);const a="{default_self_selector}",r="{default_body_selector}",n="{default_id_selector}";let c={ALL:{}},u=(0,o.cloneDeep)(d);u.reverse();for(let e of u){if(e.disabled||""===e.value)continue;let t="";e.devices&&(-1!==e.devices.indexOf("d")&&(t+="d"),-1!==e.devices.indexOf("t")&&(t+="t"),-1!==e.devices.indexOf("m")&&(t+="m")),t&&3!==t.length||(t="ALL");const l=(e=a)=>(!e.includes(" ")&&e.indexOf(a),0===e.indexOf(a)&&("core/navigation-submenu"!==i&&"core/navigation-link"!==i||(e=".wp-block-navigation "+e),"core/navigation"===i&&(e=e.replaceAll(a,a+" .wp-block-navigation__container"))),e);let o="";o=e.selectors?e.selectors.split(",").map((e=>(e=0===(e=e.trim()).indexOf(":")?a+e:-1!==e.indexOf("&")?e.replaceAll("&",a):a+" "+e,e=l(e),r+e))).join(","):l(),o=o.replaceAll("#",n),c[t]||(c[t]={}),c[t][o]||(c[t][o]={}),c[t][o][e.slug]||(c[t][o][e.slug]=""),e.value=String(e.value),-1!==e.slug.indexOf("-shadow")||"background-img"===e.slug?c[t][o][e.slug]+=(c[t][o][e.slug]?",":"")+e.value:"transform"===e.slug?c[t][o][e.slug]+=(c[t][o][e.slug]?" ":"")+e.value:c[t][o][e.slug]=e.value}for(let e in c){let t="",l="";for(let a in c[e]){let o=!1,r=Object.entries(c[e][a]).map((([e,t])=>(!o&&("display"===e&&"none"!==t||"max-height"===e&&"0"!==t)&&(o=!0),e+":"+t))).join(";"),n=a;o&&(n=a.split(",").map((e=>(e=e.trim(),[".active",".pass",".fail",":hover",":active"].map((t=>{e.includes(t)&&(e=e.replace(t,".is-selected")+", "+e.replace(t,".has-child-selected"))})),e))).join(",")),t+=a+"{"+r+"}",l+=n+"{"+r+"}"}"ALL"===e&&(p+=t,b+=l),"d"===e&&(p+="@media screen and (min-width: 1025px) {"+t+"}",b+="@media screen and (min-width: 1025px) {"+l+"}"),"t"===e&&(p+="@media screen and (min-width: 768px) and (max-width: 1024px) {"+t+"}",b+="@media screen and (min-width: 768px) and (max-width: 1024px) {"+l+"}"),"m"===e&&(p+="@media screen and (max-width: 767px) {"+t+"}",b+="@media screen and (max-width: 767px) {"+l+"}"),"dt"===e&&(p+="@media screen and (min-width: 768px) {"+t+"}",b+="@media screen and (min-width: 768px) {"+l+"}"),"dm"===e&&(p+="@media screen and (min-width: 1025px), screen and (max-width: 767px) {"+t+"}",b+="@media screen and (min-width: 1025px), screen and (max-width: 767px) {"+l+"}"),"tm"===e&&(p+="@media screen and (max-width: 1024px) {"+t+"}",b+="@media screen and (max-width: 1024px) {"+l+"}")}for(let e of t)b=b.replaceAll("{c="+e.slug+"}",e.color),b=b.replaceAll("{c="+e.slug+"@}",e.color.substring(0,7));b=b.replaceAll(a,e),b=b.replaceAll(r,".editor-styles-wrapper "),b=b.replaceAll(n,".dragblock-id-classname-placeholder--"),p=p.replaceAll(a,l),p=p.replaceAll(r,""),p=p.replaceAll(n,"#")}return(0,n.useEffect)((()=>{u!==p&&a({dragBlockCSS:p})})),b?(0,n.createElement)(n.Fragment,null,(0,n.createElement)("style",null,b)):(0,n.createElement)(n.Fragment,null)}({props:t,colors:l})),(0,n.createElement)(e,{...t}))}),"dragBlockAppearanceStyle");wp.hooks.addFilter("editor.BlockListBlock","dragblock/apperance-style",Oe)},4184:function(e,t){var l;!function(){"use strict";var a={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var l=arguments[t];if(l){var r=typeof l;if("string"===r||"number"===r)e.push(l);else if(Array.isArray(l)){if(l.length){var n=o.apply(null,l);n&&e.push(n)}}else if("object"===r){if(l.toString!==Object.prototype.toString&&!l.toString.toString().includes("[native code]")){e.push(l.toString());continue}for(var c in l)a.call(l,c)&&l[c]&&e.push(c)}}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(l=function(){return o}.apply(t,[]))||(e.exports=l)}()}},l={};function a(e){var o=l[e];if(void 0!==o)return o.exports;var r=l[e]={exports:{}};return t[e](r,r.exports,a),r.exports}a.m=t,e=[],a.O=function(t,l,o,r){if(!l){var n=1/0;for(s=0;s<e.length;s++){l=e[s][0],o=e[s][1],r=e[s][2];for(var c=!0,i=0;i<l.length;i++)(!1&r||n>=r)&&Object.keys(a.O).every((function(e){return a.O[e](l[i])}))?l.splice(i--,1):(c=!1,r<n&&(n=r));if(c){e.splice(s--,1);var d=o();void 0!==d&&(t=d)}}return t}r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];e[s]=[l,o,r]},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},a.d=function(e,t){for(var l in t)a.o(t,l)&&!a.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){var e={2087:0,2399:0};a.O.j=function(t){return 0===e[t]};var t=function(t,l){var o,r,n=l[0],c=l[1],i=l[2],d=0;if(n.some((function(t){return 0!==e[t]}))){for(o in c)a.o(c,o)&&(a.m[o]=c[o]);if(i)var s=i(a)}for(t&&t(l);d<n.length;d++)r=n[d],a.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return a.O(s)},l=self.webpackChunkdragblock=self.webpackChunkdragblock||[];l.forEach(t.bind(null,0)),l.push=t.bind(null,l.push.bind(l))}();var o=a.O(void 0,[2399],(function(){return a(8231)}));o=a.O(o)}();
     1!function(){var e,t={8231:function(e,t,l){"use strict";var a=window.wp.i18n,o=window.lodash;const r={color:{keyword:"text color",label:(0,a.__)("Text Color","dragblock"),type:"color"},"background-color":{keyword:"background color",label:(0,a.__)("Background Color","dragblock"),type:"color"},"font-size":{keyword:"text font size",label:(0,a.__)("Font Size","dragblock"),type:"font-size"},"font-style":{keyword:"text font style",label:(0,a.__)("Font Style","dragblock"),type:"options"},"font-weight":{keyword:"text font weight appearance bold",label:(0,a.__)("Font Weight","dragblock"),type:"font-weight"},"font-family":{keyword:"font family style typography",label:(0,a.__)("Font Family","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},...dragBlockEditorInit.fontName.map((e=>({value:e,label:e})))]},"line-height":{keyword:"line height",label:(0,a.__)("Line Height","dragblock"),type:"line-height"},"text-decoration":{keyword:"text underline strikethrough",label:(0,a.__)("Text Decoration","dragblock"),type:"text-decoration"},width:{keyword:"width horizontal size",label:(0,a.__)("Width","dragblock"),type:"width"},height:{keyword:"height vertical size",label:(0,a.__)("Height","dragblock"),type:"height"},border:{keyword:"edge border strokes",label:(0,a.__)("Border","dragblock"),type:"border"},"margin-top":{keyword:"margin top outside space",label:(0,a.__)("Margin Top","dragblock"),type:"margin"},margin:{keyword:"margin outside space",label:(0,a.__)("Margin","dragblock"),type:"margin"},padding:{keyword:"padding inside space",label:(0,a.__)("Padding","dragblock"),type:"margin"},"text-transform":{keyword:"capitalize uppercase lowercase letter text case transform",label:(0,a.__)("Text Transform","dragblock"),type:"text-transform"},"letter-spacing":{keyword:"text character letter spacing",label:(0,a.__)("Letter Spacing","dragblock"),type:"unit",units:{px:{value:"px",label:"px",min:-10,max:20,step:.5,default:0}}},"word-spacing":{keyword:"word character letter spacing",label:(0,a.__)("Word Spacing","dragblock"),type:"unit",units:{px:{value:"px",label:"px",min:-10,max:20,step:.5,default:0}}},"text-align":{keyword:"text align left right center",label:(0,a.__)("Text Align","dragblock"),type:"text-align"},"border-top":{keyword:"edge border strokes top side",label:(0,a.__)("Border Top","dragblock"),type:"border"},"border-right":{keyword:"edge border strokes right side",label:(0,a.__)("Border Right","dragblock"),type:"border"},"border-bottom":{keyword:"edge border strokes bottom side",label:(0,a.__)("Border Bottom","dragblock"),type:"border"},"border-left":{keyword:"edge border strokes bottom left",label:(0,a.__)("Border Left","dragblock"),type:"border"},"border-color":{keyword:"edge border strokes color",label:(0,a.__)("Border Color","dragblock"),type:"color"},"border-top-color":{keyword:"edge border top stroke color",label:(0,a.__)("Border Top Color ","dragblock"),type:"color"},"border-right-color":{keyword:"edge border right stroke color",label:(0,a.__)("Border Right Color ","dragblock"),type:"color"},"border-bottom-color":{keyword:"edge border bottom stroke color",label:(0,a.__)("Border Bottom Color ","dragblock"),type:"color"},"border-left-color":{keyword:"edge border left stroke color",label:(0,a.__)("Border Left Color ","dragblock"),type:"color"},"border-width":{keyword:"edge border stroke width size",label:(0,a.__)("Border Width","dragblock"),type:"unit"},"border-top-width":{keyword:"edge border stroke top side width size",label:(0,a.__)("Border Top Width","dragblock"),type:"unit"},"border-right-width":{keyword:"edge border stroke right side width size",label:(0,a.__)("Border Right Width","dragblock"),type:"unit"},"border-bottom-width":{keyword:"edge border stroke bottom side width size",label:(0,a.__)("Border Bottom Width","dragblock"),type:"unit"},"border-left-width":{keyword:"edge border stroke left side width size",label:(0,a.__)("Border Left Width","dragblock"),type:"unit"},"border-style":{keyword:"edge border stroke line style design dotted dashed solid",label:(0,a.__)("Border Style","dragblock"),type:"border-style"},"border-top-style":{keyword:"edge border top side stroke style design dotted dashed solid",label:(0,a.__)("Border Top Style","dragblock"),type:"border-style"},"border-right-style":{keyword:"edge border right side stroke line style design dotted dashed solid",label:(0,a.__)("Border Right Style","dragblock"),type:"border-style"},"border-bottom-style":{keyword:"edge border bottom side stroke line style design dotted dashed solid",label:(0,a.__)("Border Bottom Style","dragblock"),type:"border-style"},"border-left-style":{keyword:"edge border left side stroke line style design dotted dashed solid",label:(0,a.__)("Border Left Style","dragblock"),type:"border-style"},"border-radius":{keyword:"border edge stroke radius round corner circular elliptical ",label:(0,a.__)("Border Radius","dragblock"),type:"margin"},"border-top-left-radius":{keyword:"top left border edge stroke radius round corner circular elliptical ",label:(0,a.__)("Border Top Left Radius","dragblock"),type:"unit"},"border-top-right-radius":{keyword:"top right border edge stroke radius round corner circular elliptical ",label:(0,a.__)("Border Top Right Radius","dragblock"),type:"unit"},"border-bottom-right-radius":{keyword:"bottom right border edge stroke radius round corner circular elliptical ",label:(0,a.__)("Border Bottom Right Radius","dragblock"),type:"unit"},"border-bottom-left-radius":{keyword:"bottom left border edge stroke radius round corner circular elliptical ",label:(0,a.__)("Border Bottom Left Radius","dragblock"),type:"unit"},"margin-right":{keyword:"margin right outside space",label:(0,a.__)("Margin Right","dragblock"),type:"margin"},"margin-bottom":{keyword:"margin bottom outside space",label:(0,a.__)("Margin Bottom","dragblock"),type:"margin"},"margin-left":{keyword:"margin left outside space",label:(0,a.__)("Margin Left","dragblock"),type:"margin"},"padding-top":{keyword:"padding top inside space",label:(0,a.__)("Padding Top","dragblock"),type:"margin"},"padding-right":{keyword:"padding right inside space",label:(0,a.__)("Padding Right","dragblock"),type:"margin"},"padding-bottom":{keyword:"padding bottom inside space",label:(0,a.__)("Padding Bottom","dragblock"),type:"margin"},"padding-left":{keyword:"padding left inside space",label:(0,a.__)("Padding Left","dragblock"),type:"margin"},"box-shadow":{keyword:"box shadow",label:(0,a.__)("Box Shadow","dragblock"),type:"box-shadow"},"text-shadow":{keyword:"text shadow",label:(0,a.__)("Text Shadow","dragblock"),type:"text-shadow"},"z-index":{keyword:"index layer order z- overlap zindex zorder",label:(0,a.__)("Z-index","dragblock"),type:"number"},overflow:{keyword:"overflow hidden scroll",label:(0,a.__)("Overflow","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"auto",label:(0,a.__)("Auto","dragblock")},{value:"hidden",label:(0,a.__)("Hidden","dragblock")},{value:"scroll",label:(0,a.__)("Scroll","dragblock")},{value:"visible",label:(0,a.__)("Visible","dragblock")}]},position:{keyword:"positioned location elements",label:(0,a.__)("Position","dragblock"),type:"position"},top:{keyword:"top",label:(0,a.__)("Top","dragblock"),type:"margin"},bottom:{keyword:"bottom",label:(0,a.__)("Bottom","dragblock"),type:"margin"},left:{keyword:"left",label:(0,a.__)("Left","dragblock"),type:"margin"},right:{keyword:"right",label:(0,a.__)("Right","dragblock"),type:"margin"},display:{keyword:"display",label:(0,a.__)("Display","dragblock"),type:"display"},"writing-mode":{keyword:"writing mode",label:(0,a.__)("Writing Mode","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"horizontal-tb",label:"horizontal-tb"},{value:"vertical-rl",label:"vertical-rl"},{value:"vertical-lr",label:"vertical-lr"}]},transform:{keyword:"transform matrix matrix3d perspective rotate rotate3d rotateX rotateY rotateZ translate translate3d translateX translateY translateZ scale scale3d scaleX scaleY scaleZ skew skewX skewY",label:(0,a.__)("Transform","dragblock"),type:"transform"},"align-items":{keyword:"align items vertical",label:(0,a.__)("Align Items","dragblock"),type:"align-items"},"justify-content":{keyword:"justify content distribute space horizontal",label:(0,a.__)("Justify Content","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"left",label:(0,a.__)("Left","dragblock")},{value:"center",label:(0,a.__)("Center","dragblock")},{value:"right",label:(0,a.__)("Right","dragblock")},{value:"space-between",label:(0,a.__)("Space Between","dragblock")},{value:"space-around",label:(0,a.__)("Space Around","dragblock")},{value:"stretch",label:(0,a.__)("Stretch","dragblock")}]},"flex-wrap":{keyword:"wrap flex multiple single lines",label:(0,a.__)("Flex Wrap","dragblock"),type:"flex-wrap"},"flex-direction":{keyword:"flex direction place row column",label:(0,a.__)("Flex Direction","dragblock"),type:"flex-direction"},"flex-grow":{keyword:"flex grow sizes ratio items",label:(0,a.__)("Flex Grow","dragblock"),type:"number"},"flex-shrink":{keyword:"flex shrink sizes ratio items",label:(0,a.__)("Flex Shrink","dragblock"),type:"number"},"flex-basis":{keyword:"flex basis item size width height ",label:(0,a.__)("Flex Basis","dragblock"),type:"width"},gap:{keyword:"row column horizontal vertical gap gutter",label:(0,a.__)("Gap","dragblock"),type:"unit"},"row-gap":{keyword:"row vertical gap gutter",label:(0,a.__)("Row Gap","dragblock"),type:"unit"},"column-gap":{keyword:"column horizontal gap size gutter",label:(0,a.__)("Column Gap","dragblock"),type:"unit"},"grid-template-columns":{keyword:"grid template columns",label:(0,a.__)("Grid Template Columns","dragblock"),type:"text"},"grid-template-rows":{keyword:"grid template rows",label:(0,a.__)("Grid Template Rows","dragblock"),type:"text"},"grid-auto-flow":{keyword:"grid auto flow",label:(0,a.__)("Grid Auto Flow","dragblock"),type:"text"},"grid-column":{keyword:"grid column",label:(0,a.__)("Grid Column","dragblock"),type:"text"},"grid-row":{keyword:"grid row",label:(0,a.__)("Grid Row","dragblock"),type:"text"},"grid-area":{keyword:"grid area",label:(0,a.__)("Grid Area","dragblock"),type:"text"},"align-self":{keyword:"align-self",label:(0,a.__)("Align Self","dragblock"),type:"text"},"justify-self":{keyword:"justify-self",label:(0,a.__)("Justify Self","dragblock"),type:"text"},"background-image":{keyword:"background image",label:(0,a.__)("Background Image","dragblock"),type:"text"},"background-size":{keyword:"background size",label:(0,a.__)("Background Size","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"cover",label:(0,a.__)("Cover","dragblock")},{value:"contain",label:(0,a.__)("Contain","dragblock")},{value:"auto",label:(0,a.__)("Auto","dragblock")}]},"background-position-x":{keyword:"background position x",label:(0,a.__)("Background Position X","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"left",label:(0,a.__)("Left","dragblock")},{value:"center",label:(0,a.__)("Center","dragblock")},{value:"right",label:(0,a.__)("Right","dragblock")}]},"background-position-y":{keyword:"background position y",label:(0,a.__)("Background Position Y","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"top",label:(0,a.__)("Left","dragblock")},{value:"center",label:(0,a.__)("Center","dragblock")},{value:"bottom",label:(0,a.__)("Right","dragblock")}]},"background-repeat":{keyword:"background repeat",label:(0,a.__)("Background Repeat","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"no-repeat",label:(0,a.__)("No Repeat","dragblock")},{value:"space",label:(0,a.__)("Space","dragblock")},{value:"repeat-x",label:(0,a.__)("Repeat X","dragblock")},{value:"repeat-y",label:(0,a.__)("Repeat Y","dragblock")},{value:"repeat",label:(0,a.__)("Repeat","dragblock")},{value:"round",label:(0,a.__)("Round","dragblock")}]},"user-select":{keyword:"user select",label:(0,a.__)("User Select","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"none",label:(0,a.__)("None","dragblock")},{value:"text",label:(0,a.__)("Text","dragblock")},{value:"contain",label:(0,a.__)("Contain","dragblock")},{value:"all",label:(0,a.__)("All","dragblock")}]},cursor:{keyword:"mouse cursor",label:(0,a.__)("Cursor","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"pointer",label:(0,a.__)("Pointer","dragblock")},{value:"text",label:(0,a.__)("Text","dragblock")}]},"object-fit":{keyword:"object fit",label:(0,a.__)("Object Fit","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"cover",label:(0,a.__)("Cover","dragblock")},{value:"contain",label:(0,a.__)("Contain","dragblock")},{value:"fill",label:(0,a.__)("Fill","dragblock")},{value:"none",label:(0,a.__)("None","dragblock")}]},zoom:{keyword:"zoom",label:(0,a.__)("Zoom","dragblock"),type:"number",min:0,max:10,step:.1},resize:{keyword:"resize",label:(0,a.__)("Resize","dragblock"),type:"select",options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"horizontal",label:(0,a.__)("Horizontal","dragblock")},{value:"vertical",label:(0,a.__)("Vertical","dragblock")}]},"max-width":{keyword:"max width horizontal size",label:(0,a.__)("Max Width","dragblock"),type:"width"},"min-width":{keyword:"min width horizontal size",label:(0,a.__)("Min Width","dragblock"),type:"width"},"max-height":{keyword:"max height vertical size",label:(0,a.__)("Max Height","dragblock"),type:"width"},"min-height":{keyword:"min height vertical size",label:(0,a.__)("Min Height","dragblock"),type:"width"},"animation-name":{keyword:"animation name",label:(0,a.__)("Animation Name","dragblock"),type:"animation-name"},"animation-duration":{keyword:"animation duration",label:(0,a.__)("Animation Duration","dragblock"),type:"unit",units:[{value:"s",label:(0,a.__)("s","dragblock"),min:1,max:10,step:1,default:1},{value:"ms",label:(0,a.__)("ms","dragblock"),min:50,max:1e3,step:10,default:200}]},opacity:{keyword:"opacity transparency",label:(0,a.__)("Opacity","dragblock"),type:"unit",units:[{value:"%",label:(0,a.__)("%","dragblock"),min:1,max:100,step:1,default:100}]},outline:{keyword:"edge outline strokes",label:(0,a.__)("Outline","dragblock"),type:"border"},":1":{keyword:"centered wide box",label:(0,a.__)("Preset: Centered Wide Box","dragblock"),set:[{slug:"width",value:"var(--wp--style--global--wide-size)"},{slug:"margin",value:"auto"},{slug:"max-width",value:"90vw"}]}};wp.hooks.addFilter("blocks.registerBlockType","dragblock/appearance-register",(function(e,t){return Object.assign({},e,{attributes:Object.assign({},e.attributes,{dragBlockStyles:{type:"array",default:""},dragBlockCSS:{type:"string",default:""}})})}));var n=window.wp.element,c=l(4184),i=l.n(c),d=window.wp.compose,s=window.wp.blockEditor,u=window.wp.components;const g={px:{value:"px",label:"px",default:0,max:200,step:1},"%":{value:"%",label:"%",default:10,max:100,step:1},em:{value:"em",label:"em",default:0,max:50,step:.1},rem:{value:"rem",label:"rem",default:0,max:50,step:.1},vw:{value:"vw",label:"vw",default:0,max:100,step:1},vh:{value:"vh",label:"vh",default:0,max:100,step:1}};function b(e){const{children:t}=e;return t?(0,n.createElement)(u.BaseControl.VisualLabel,{as:"legend"},t):(0,n.createElement)(n.Fragment,null)}function p({onChange:e,label:t,value:l,placeholder:a,units:r}){var c,i,d,p,m,_;const k=isNaN(l)?0:parseFloat(l),v=Array.isArray(r);if(v){let e=r;r=new Object;for(let t of e)r[t.value]=t}v&&r||(r=Object.assign({},g,r));let{availableUnits:h,selectedUnit:f}=function(e){const{units:t,value:l}=e,a=(0,s.useSetting)("spacing.units");let r;r=t&&a?(0,o.intersection)(t,a):t||a;const c=(0,u.__experimentalUseCustomUnits)({availableUnits:r||["%","px","em","rem","vh","vw"]});return{availableUnits:c,selectedUnit:(0,n.useMemo)((()=>(0,u.__experimentalParseQuantityAndUnitFromRawValue)(l)),[l])[1]||c[0]?.value||"px"}}({value:l,units:Object.values(r)});return h.length||(h=Object.values(r)),(0,n.createElement)("fieldset",{className:"dragblock-dimension-control"},(0,n.createElement)(b,{className:"label"},t),(0,n.createElement)("div",{className:"control"},(0,n.createElement)("div",{className:"unit"},(0,n.createElement)(u.__experimentalUnitControl,{value:l,units:h,onChange:t=>{e(t)},onUnitChange:t=>{const[a,o]=(0,u.__experimentalParseQuantityAndUnitFromRawValue)(l);["em","rem"].includes(t)&&"px"===o?e((a/16).toFixed(2)+t):["em","rem"].includes(o)&&"px"===t?e(Math.round(16*a)+t):["vh","vw","%"].includes(t)&&a>100&&e(100+t)},min:null!==(c=r[f]?.min)&&void 0!==c?c:0,max:null!==(i=r[f]?.max)&&void 0!==i?i:100,step:null!==(d=r[f]?.step)&&void 0!==d?d:.1,placeholder:a})),(0,n.createElement)("div",{className:"spacer"},(0,n.createElement)(u.__experimentalSpacer,{marginX:2,marginBottom:0},(0,n.createElement)(u.RangeControl,{value:k,min:null!==(p=r[f]?.min)&&void 0!==p?p:0,max:null!==(m=r[f]?.max)&&void 0!==m?m:100,step:null!==(_=r[f]?.step)&&void 0!==_?_:.1,withInputField:!1,onChange:t=>{e([t,f].join(""))},__nextHasNoMarginBottom:!0})))))}function m({value:e,onChange:t}){const l=[{text:"S",label:(0,a.__)("Small","dragblock"),value:"13px"},{text:"-",label:(0,a.__)("Default","dragblock"),value:""},{text:"M",label:(0,a.__)("Medium","dragblock"),value:"20px"},{text:"L",label:(0,a.__)("Large","dragblock"),value:"36px"},{text:"XL",label:(0,a.__)("Extra Large","dragblock"),value:"42px"}];return(0,n.createElement)("div",{className:"dragblock-font-size-control"},(0,n.createElement)(u.ButtonGroup,null,l.map(((l,a)=>(0,n.createElement)(u.Button,{key:a,variant:e==l.value?"primary":"",onClick:()=>{t(l.value)},showTooltip:!0,tooltipPosition:"top center",label:l.label},l.text)))),(0,n.createElement)(p,{value:e,onChange:e=>{t(e)}}))}function _({value:e,onChange:t}){const l=[{text:"100",label:(0,a.__)("Thin","dragblock"),value:"100"},{text:"200",label:(0,a.__)("Extra Light","dragblock"),value:"200"},{text:"300",label:(0,a.__)("Light","dragblock"),value:"300"},{text:"---",label:(0,a.__)("Default","dragblock"),value:""},{text:"500",label:(0,a.__)("Medium","dragblock"),value:"500"},{text:"600",label:(0,a.__)("Semi Bold","dragblock"),value:"600"},{text:"700",label:(0,a.__)("Bold","dragblock"),value:"700"},{text:"800",label:(0,a.__)("Extra Bold","dragblock"),value:"800"},{text:"900",label:(0,a.__)("Black","dragblock"),value:"900"}];return(0,n.createElement)("div",{className:"dragblock-font-weight-control"},(0,n.createElement)(u.ButtonGroup,null,l.map(((l,a)=>(0,n.createElement)(u.Button,{key:a,style:{fontWeight:l.value},variant:e==l.value?"primary":"",onClick:()=>{t(l.value)},showTooltip:!0,tooltipPosition:"top center",label:l.label},l.text)))))}function k({value:e,onChange:t}){const l=[{text:(0,a.__)("Default","dragblock"),label:"",value:""},{text:(0,a.__)("Single","dragblock"),label:"",value:"1em"},{text:"1.15",label:"",value:"1.15em"},{text:"1.5",label:"",value:"1.5em"},{text:(0,a.__)("Double","dragblock"),label:(0,a.__)(""),value:"2em"}];return(0,n.createElement)("div",{className:"dragblock-line-height-control"},(0,n.createElement)(u.ButtonGroup,null,l.map(((l,a)=>(0,n.createElement)(u.Button,{key:a,variant:e==l.value?"primary":"",onClick:()=>{t(l.value)},showTooltip:!0,tooltipPosition:"top center",label:l.label},l.text)))),(0,n.createElement)(p,{value:e,onChange:e=>{t(e)}}))}function v({value:e,onChange:t}){const l=[{text:"-",label:(0,a.__)("Default","dragblock"),value:""},{text:"X",label:(0,a.__)("None","dragblock"),value:"none"},{text:"U",label:(0,a.__)("Underline","dragblock"),value:"underline"},{text:"O",label:(0,a.__)("Overline","dragblock"),value:"overline"},{text:"S",label:(0,a.__)("Line-Through","dragblock"),value:"line-through"},{text:"UO",label:(0,a.__)("Underline Overline","dragblock"),value:"underline overline"},{text:"US",label:(0,a.__)("Underline Line-Through","dragblock"),value:"underline line-through"}];return(0,n.createElement)("div",{className:"dragblock-text-decoration-line-control"},(0,n.createElement)(u.ButtonGroup,null,l.map(((l,a)=>(0,n.createElement)(u.Button,{key:a,style:{textDecorationLine:l.value},variant:e==l.value?"primary":"",onClick:()=>{t(l.value)},showTooltip:!0,tooltipPosition:"top center",label:l.label},l.text)))))}function h({value:e,onChange:t}){const l=[{label:(0,a.__)("Default","dragblock"),value:""},{label:(0,a.__)("Solid","dragblock"),value:"solid"},{label:(0,a.__)("Double","dragblock"),value:"double"},{label:(0,a.__)("Dotted","dragblock"),value:"dotted"},{label:(0,a.__)("Dashed","dragblock"),value:"dashed"},{label:(0,a.__)("Wavy","dragblock"),value:"wavy"}];return(0,n.createElement)("div",{className:"dragblock-text-decoration-style-control"},(0,n.createElement)(u.ButtonGroup,null,l.map(((l,a)=>(0,n.createElement)(u.Button,{key:a,style:{textDecorationStyle:l.value},variant:e==l.value?"primary":"",onClick:()=>{t(l.value)},showTooltip:!0,tooltipPosition:"top center",label:l.label},l.label)))))}function f({value:e,onChange:t,colors:l}){void 0===e&&(e="");let o=e.split(" ").map((e=>-1!==e.indexOf("#")?e:"")).join(" ").trim();const r=["underline overline","underline line-through","underline","overline","line-through","none"];let c="";for(let t of r)if(-1!==e.indexOf(t)){c=t;break}const i=["solid","double","dotted","dashed","wavy"];let d="";for(let t of i)if(-1!==e.indexOf(t)){d=t;break}let u=e.replace(o,"").replace(c,"").replace(d,"").trim();return(0,n.createElement)("div",{className:"dragblock-text-decoration-control"},(0,n.createElement)(v,{value:c,onChange:l=>{c?e=e.replace(c,l):e+=(e?" ":"")+l,t(e)}}),c?(0,n.createElement)(h,{value:d,onChange:l=>{d?e=e.replace(d,l):e+=(e?" ":"")+l,t(e)}}):null,d?(0,n.createElement)(n.Fragment,null,(0,n.createElement)(p,{value:u,onChange:l=>{u?e=e.replace(u,l):e+=(e?" ":"")+l,t(e)}}),(0,n.createElement)(s.__experimentalPanelColorGradientSettings,{enableAlpha:!0,settings:[{colorValue:o,onColorChange:l=>{o?e=e.replace(o,l):e+=(e?" ":"")+l,t(e)},label:(0,a.__)("Line Color","dragblock")}],__experimentalHasMultipleOrigins:!0})):null)}function w({value:e,onChange:t}){const l=[{text:"--",label:(0,a.__)("Default","dragblock"),value:""},{text:"AB",label:(0,a.__)("Uppercase","dragblock"),value:"uppercase"},{text:"ab",label:(0,a.__)("Lowercase","dragblock"),value:"lowercase"},{text:"Ab",label:(0,a.__)("Capitalize","dragblock"),value:"capitalize"}];return(0,n.createElement)("div",{className:"dragblock-text-transform-control"},(0,n.createElement)(u.ButtonGroup,null,l.map(((l,a)=>(0,n.createElement)(u.Tooltip,{key:a,text:l.label,position:"top center",delay:10},(0,n.createElement)(u.Button,{variant:e===l.value?"primary":"",onClick:()=>{t(l.value)}},l.text))))))}function y({value:e,onChange:t}){const l=[{label:(0,a.__)("Default","dragblock"),value:""},{label:"Solid",value:"solid"},{label:"None",value:"none"},{label:"Dashed",value:"dashed"},{label:"Dotted",value:"dotted"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"},{label:"Hidden",value:"hidden"},{label:"Inherit",value:"inherit"},{label:"Initial",value:"initial"},{label:"Revert",value:"revert"},{label:"Auto",value:"auto"}];return(0,n.createElement)("div",{className:"dragblock-border-style-control"},(0,n.createElement)(u.ButtonGroup,null,l.map(((l,a)=>(0,n.createElement)(u.Button,{key:a,variant:e==l.value?"primary":"",onClick:()=>{t(l.value)},showTooltip:!0,tooltipPosition:"top center",label:l.label},(0,n.createElement)("span",{style:{borderStyle:l.value}},(0,n.createElement)("span",null,l.label.substring(0,3))))))))}function x({value:e,onChange:t,colors:l}){void 0===e&&(e="");let o="",r="",c="";const i=["solid","dashed","dotted","double","groove","ridge","inset","outset","hidden"];return e.trim().split(" ").map((e=>{-1!==e.indexOf("#")?o=e.trim():i.includes(e)&&(c=e)})),r=e.replace(o,"").replace(c,"").trim(),(0,n.createElement)("div",{className:"dragblock-border-control"},(0,n.createElement)(y,{value:c,onChange:e=>{t(r+(e?" "+e:"")+(o?" "+o:""))}}),c?(0,n.createElement)(n.Fragment,null,(0,n.createElement)(p,{value:r,onChange:e=>{t(e+(c?" "+c:"")+(o?" "+o:""))}}),(0,n.createElement)(s.__experimentalPanelColorGradientSettings,{enableAlpha:!0,settings:[{colorValue:o,onColorChange:e=>{t(r+(c?" "+c:"")+(e?" "+e:""))},label:(0,a.__)("Line Color","dragblock")}],__experimentalHasMultipleOrigins:!0})):null)}function E({value:e,onChange:t,colors:l}){void 0===e&&(e="");let o="",r="",c="",i="";return e.trim().split(" ").map((e=>{-1!==e.indexOf("#")&&(o=e.trim())})),e=e.trim().replace(o,"").split(" "),r=e[0],e.length>1&&(c=e[1]),e.length>2&&(i=e[2]),r||(r="0px"),c||(c="0px"),(0,n.createElement)("div",{className:"dragblock-text-shadow-control"},(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Horizontal","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(p,{value:r,placeholder:"X",units:{px:{value:"px",label:"px",min:-100,max:100,step:1,default:0}},onChange:e=>{let l=e+(c?" "+c:"");e&&c&&(l+=(i?" "+i:"")+(o?" "+o:"")),t(l)}}))),(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Vertical","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(p,{value:c,placeholder:"Y",units:{px:{value:"px",label:"px",min:-100,max:100,step:1,default:0}},onChange:e=>{let l=r+(e?" "+e:"");r&&e&&(l+=(i?" "+i:"")+(o?" "+o:"")),t(l)}}))),r&&c&&(0,n.createElement)(n.Fragment,null,(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Blur","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(p,{value:i,placeholder:(0,a.__)("Blur","dragblock"),units:{px:{value:"px",label:"px",min:0,max:50,step:1,default:0}},onChange:e=>{t(r+" "+c+(e?" "+e:"")+(o?" "+o:""))}}))),(0,n.createElement)(s.__experimentalPanelColorGradientSettings,{enableAlpha:!0,settings:[{colorValue:o,onColorChange:e=>{t(r+" "+c+(i?" "+i:"")+(e?" "+e:""))},label:(0,a.__)("Shadow Color","dragblock")}],__experimentalHasMultipleOrigins:!0})))}const B="var(--wp--style--global--content-size)",S="var(--wp--style--global--wide-size)";function C({value:e,contentSize:t,wideSize:l}){return e&&(0,o.isString)(e)?e.split(" ").map((e=>e===B?t:e===S?l:e)).join(" "):e}const P="{c=",I="}";function D(e,t){return e&&(0,o.isString)(e)?e.split(" ").map((e=>{if(0!==e.indexOf(P))return e;if((e=e.split(I)).length<=2){let l=2===e.length?e[1]:"",a=e[0].substring(3);for(let e of t){if(a===e.slug)return e.color;if(a===e.slug+"@")return e.color.substring(0,7)+l}}return e.join(I)})).join(" "):e}function O({inset:e,x:t,y:l,blur:a,spread:o,color:r}){let n=e?"inset":"";return n+=(n?" ":"")+t+(l?" "+l:"")+(a?" "+a:"")+(o?" "+o:"")+(r?" "+r:""),n}function A({value:e,onChange:t,colors:l}){void 0===e&&(e="");let o="",r="",c="",i="",d="",g=-1!==e.indexOf("inset");return e.trim().split(" ").map((e=>{-1!==e.indexOf("#")&&(o=e.trim())})),e=e.replace(o,"").replace("inset","").trim().split(" "),r=e[0],e.length>1&&(c=e[1]),e.length>2&&(i=e[2]),e.length>3&&(d=e[3]),r||(r="0px"),c||(c="0px"),i||(i="0px"),(0,n.createElement)("div",{className:"dragblock-box-shadow-control"},(0,n.createElement)(u.ToggleControl,{label:(0,a.__)("Inset","dragblock"),position:"middle left",help:g?(0,a.__)("Enabled inset","dragblock"):(0,a.__)("Disabled inset","dragblock"),checked:g,onChange:()=>{t(O({inset:!g,x:r,y:c,blur:i,spread:d,color:o}))}}),(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Horizontal","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(p,{value:r,placeholder:"X",units:{px:{value:"px",label:"px",min:-50,max:50,step:1,default:0}},onChange:e=>{t(O({inset:g,x:e,y:c,blur:i,spread:d,color:o}))}}))),(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Vertical","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(p,{value:c,placeholder:"Y",units:{px:{value:"px",label:"px",min:-100,max:-100,step:1,default:0}},onChange:e=>{t(O({inset:g,x:r,y:e,blur:i,spread:d,color:o}))}}))),r&&c&&(0,n.createElement)(n.Fragment,null,(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Blur","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(p,{value:i,placeholder:(0,a.__)("Blur","dragblock"),units:{px:{value:"px",label:"px",min:0,max:100,step:1,default:0}},onChange:e=>{t(O({inset:g,x:r,y:c,blur:e,spread:d,color:o}))}}))),i?(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Spread","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(p,{value:d,placeholder:(0,a.__)("Spread","dragblock"),units:{px:{value:"px",label:"px",min:0,max:20,step:1,default:0}},onChange:e=>{t(O({inset:g,x:r,y:c,blur:i,spread:e,color:o}))}}))):null,(0,n.createElement)(s.__experimentalPanelColorGradientSettings,{enableAlpha:!0,settings:[{colorValue:o,onColorChange:e=>{t(O({inset:g,x:r,y:c,blur:i,spread:d,color:e}))},label:(0,a.__)("Shadow Color","dragblock")}],__experimentalHasMultipleOrigins:!0})))}function N({value:e,onChange:t}){return(0,n.createElement)(u.SelectControl,{value:e,options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"static",label:(0,a.__)("Static","dragblock")},{value:"relative",label:(0,a.__)("Relative","dragblock")},{value:"absolute",label:(0,a.__)("Absolute","dragblock")},{value:"fixed",label:(0,a.__)("Fixed","dragblock")},{value:"sticky",label:(0,a.__)("Sticky","dragblock")}],onChange:e=>t(e)})}function M({value:e,onChange:t}){return(0,n.createElement)(u.SelectControl,{value:e,options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"none",label:(0,a.__)("None","dragblock")},{value:"block",label:(0,a.__)("Block","dragblock")},{value:"flex",label:(0,a.__)("Flex","dragblock")},{value:"grid",label:(0,a.__)("Grid","dragblock")},{value:"contents",label:(0,a.__)("Contents","dragblock")},{value:"flow-root",label:(0,a.__)("Flow Root","dragblock")},{value:"inline",label:(0,a.__)("Inline","dragblock")},{value:"inline-block",label:(0,a.__)("Inline Block","dragblock")},{value:"inline-flex",label:(0,a.__)("Inline Flex","dragblock")},{value:"inline-grid",label:(0,a.__)("Inline Grid","dragblock")},{value:"inline-table",label:(0,a.__)("Inline Table","dragblock")},{value:"table",label:(0,a.__)("Table","dragblock")},{value:"table-row",label:(0,a.__)("Table Row","dragblock")},{value:"table-cell",label:(0,a.__)("Table Cell","dragblock")},{value:"table-column",label:(0,a.__)("Table Column","dragblock")},{value:"table-column-group",label:(0,a.__)("Table Column Group","dragblock")},{value:"table-caption",label:(0,a.__)("Table Caption","dragblock")},{value:"table-row-group",label:(0,a.__)("Table Row Group","dragblock")},{value:"table-header-group",label:(0,a.__)("Table Header Group","dragblock")},{value:"table-footer-group",label:(0,a.__)("Table Footer Group","dragblock")}],onChange:e=>t(e)})}function L({value:e,onChange:t,colors:l}){null==e&&(e="");let o="",r="",c="";return o=(e=e.trim().split(" ").map((e=>e.trim())))[0],e.length>1&&(r=e[1]),e.length>2&&(c=e[2]),(0,n.createElement)("div",{className:"dragblock-translate-control"},(0,n.createElement)(u.Tooltip,{text:(0,a.__)("X-coordinates","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(p,{value:o,placeholder:"X",units:{px:{value:"px",label:"px",min:-500,max:500,step:1,default:0},"%":{value:"%",label:"%",min:-100,max:100,step:1,default:0}},onChange:l=>{e[0]=l,t(e.join(" "))}}))),(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Y-coordinates","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(p,{value:r,placeholder:"Y",units:{px:{value:"px",label:"px",min:-500,max:500,step:1,default:0},"%":{value:"%",label:"%",min:-100,max:100,step:1,default:0}},onChange:l=>{e[0]||(e[0]="0px"),e[1]=l,t(e.join(" "))}}))),(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Z-coordinates","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(p,{value:c,placeholder:"Z",units:{px:{value:"px",label:"px",min:-500,max:500,step:1,default:0},"%":{value:"%",label:"%",min:-100,max:100,step:1,default:0}},onChange:l=>{e[0]||(e[0]="0px"),e[1]||(e[1]="0px"),e[2]=l,t(e.join(" "))}}))))}function R({value:e,onChange:t,colors:l}){null===e&&(e="");let o=e.split("(")[0],r=(e=e.replace("(","").replace(")","").replace(o,"").split(",").map((e=>e.trim())))[0]?parseInt(e[0]):"";return isNaN(r)?r="":r<0?r=360+r%360:r%=360,(0,n.createElement)("div",{className:"dragblock-transform-control"},(0,n.createElement)(u.SelectControl,{value:o,options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"none",label:(0,a.__)("None","dragblock")},{value:"rotate",label:(0,a.__)("Rotate","dragblock")},{value:"rotateX",label:(0,a.__)("RotateX","dragblock")},{value:"rotateY",label:(0,a.__)("RotateY","dragblock")},{value:"rotateZ",label:(0,a.__)("RotateZ","dragblock")},{value:"translate",label:(0,a.__)("Translate","dragblock")},{value:"scale",label:(0,a.__)("Scale","dragblock")},{value:"scaleX",label:(0,a.__)("ScaleX","dragblock")},{value:"scaleY",label:(0,a.__)("ScaleY","dragblock")},{value:"scaleZ",label:(0,a.__)("ScaleZ","dragblock")}],onChange:l=>{if(["rotate","rotateX","rotateY","rotateZ"].includes(l)){let a=e[0]?parseInt(e[0]):0;a<0&&(a=0),a>360&&(a=e%360),t(l+"("+a+"deg)")}else if(["scale","scaleX","scaleY","scaleZ"].includes(l)){let a=e[0]?parseInt(e[0]):0;a<0&&(a=0),a>3&&(a=3),t(l+"("+a+")")}else t(l+"("+e.join(",")+")")}}),["translate"].includes(o)&&(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Translate","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(L,{value:e.join(" "),onChange:e=>{console.log("🚀 ~ value on change:",e),t(o+"("+e.split(" ").map((e=>e.trim())).join(",")+")")}}))),["rotate","rotateX","rotateY","rotateZ"].includes(o)&&(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Angle","dragblock"),position:"middle left",delay:10},(0,n.createElement)("div",null,(0,n.createElement)(u.__experimentalNumberControl,{value:r,min:0,max:360,step:1,onChange:e=>{t(o+"("+e+"deg)")}}))),["scale","scaleX","scaleY","scaleZ"].includes(o)&&(0,n.createElement)(u.Tooltip,{text:(0,a.__)("Ratio","dragblock"),position:"middle left",delay:10}," ",(0,n.createElement)("div",null,(0,n.createElement)(u.__experimentalNumberControl,{value:e[0],min:0,max:3,step:.1,onChange:e=>{t(o+"("+e+")")}}))))}function F({value:e,onChange:t}){return(0,n.createElement)(u.SelectControl,{value:e,options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"start",label:(0,a.__)("Start","dragblock")},{value:"center",label:(0,a.__)("Center","dragblock")},{value:"end",label:(0,a.__)("End","dragblock")},{value:"stretch",label:(0,a.__)("Stretch","dragblock")},{value:"baseline",label:(0,a.__)("Baseline","dragblock")}],onChange:e=>t(e)})}function z({value:e,onChange:t}){return(0,n.createElement)(u.SelectControl,{value:e,options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"left",label:(0,a.__)("Left","dragblock")},{value:"center",label:(0,a.__)("Center","dragblock")},{value:"right",label:(0,a.__)("Right","dragblock")},{value:"space-between",label:(0,a.__)("Space Between","dragblock")},{value:"space-around",label:(0,a.__)("Space Around","dragblock")},{value:"stretch",label:(0,a.__)("Stretch","dragblock")}],onChange:e=>t(e)})}function T({value:e,onChange:t}){return(0,n.createElement)(u.SelectControl,{value:e,options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"nowrap",label:(0,a.__)("No Wrap","dragblock")},{value:"wrap",label:(0,a.__)("Wrap","dragblock")},{value:"wrap-reverse",label:(0,a.__)("Wrap Reverse","dragblock")}],onChange:e=>t(e)})}function j({value:e,onChange:t}){return(0,n.createElement)(u.SelectControl,{value:e,options:[{value:"",label:(0,a.__)("Default","dragblock")},{value:"row",label:(0,a.__)("Row","dragblock")},{value:"column",label:(0,a.__)("Column","dragblock")},{value:"row-reverse",label:(0,a.__)("Row Reverse","dragblock")},{value:"column-reverse",label:(0,a.__)("Column Reverse","dragblock")}],onChange:e=>t(e)})}function U({label:e,checked:t,onChange:l}){return(0,n.createElement)(n.Fragment,null,(0,n.createElement)("div",{className:i()("dragblock-overlay-toggle-control",{checked:t}),onClick:l},e))}const H=()=>dragBlockIcons?.iconEyeClosed,V=()=>dragBlockIcons?.iconEye,G=()=>dragBlockIcons?.iconDesktop,X=()=>dragBlockIcons?.iconLineSolid,Z=()=>dragBlockIcons?.iconMobile,Y=()=>dragBlockIcons?.iconTablet;function W({value:e,onChange:t,switcher:l,minus:o,corner:r}){const[c,d]=(0,n.useState)(-1===e.indexOf(" "));void 0===l&&(l=!1),void 0===o&&(o=!1);let s=void 0===e||""===e?"0px":e,[u,g,b,m]=[s,s,s,s],_=s.split(" ");2===_.length?(u=_[0],b=_[0],g=_[1],m=_[1]):3===_.length?(u=_[0],m=_[0],b=_[1],g=_[2]):4===_.length&&(u=_[0],g=_[1],b=_[2],m=_[3]),""===u&&(u="0px"),""===g&&(u="0px"),""===b&&(b="0px"),""===m&&(m="0px");const k=(e,t,l)=>(0,n.createElement)(n.Fragment,null,(0,n.createElement)("div",{className:"item "+e},"all"!==e?(0,n.createElement)(n.Fragment,null,(0,n.createElement)("span",{className:"position"},e)):null,(0,n.createElement)("div",{className:"control"},(0,n.createElement)(p,{value:"auto"===t?"":t,units:{px:{value:"px",label:"px",min:o?-500:0,max:500,step:1,default:0},"%":{value:"%",label:"%",min:o?-100:0,max:100,step:1,default:0},em:{value:"em",label:"em",min:o?-100:0,max:100,step:1,default:0},rem:{value:"rem",label:"rem",min:o?-100:0,max:100,step:1,default:0},vw:{value:"vw",label:"vw",min:o?-100:0,max:100,step:1,default:0},vh:{value:"vh",label:"vh",min:o?-100:0,max:100,step:1,default:0}},onChange:e=>{l(e)}}),!0===o&&(0,n.createElement)(U,{label:(0,a.__)("Auto","dragblock"),checked:"auto"===t,onChange:()=>{l("auto"===t?"":"auto")}}))));return(0,n.createElement)(n.Fragment,null,(0,n.createElement)("div",{className:"dragblock-margin-control"},l&&(0,n.createElement)(n.Fragment,null,(0,n.createElement)("div",{className:i()("action switcher",{active:!c}),onClick:()=>{d(!c)}},c&&dragBlockIcons?.iconLinkOff,!c&&dragBlockIcons?.iconLink),-1!==e.indexOf(" ")&&(0,n.createElement)("div",{className:i()("action reset"),onClick:()=>{t("")}},dragBlockIcons?.iconCancelCircleFilled)),c&&k("all",-1===e.indexOf(" ")?e:"",t),!c&&(0,n.createElement)(n.Fragment,null,k(r?"top-left":"top",u,(function(e){t([e,g,b,m].join(" "))})),k(r?"top-right":"right",g,(function(e){t([u,e,b,m].join(" "))})),k(r?"bottom-right":"bottom",b,(function(e){t([u,g,e,m].join(" "))})),k(r?"bottom-left":"left",m,(function(e){t([u,g,b,e].join(" "))})))))}var K=window.wp.primitives,J=(0,n.createElement)(K.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(K.Path,{d:"M19 5.5H5V4h14v1.5ZM19 20H5v-1.5h14V20ZM5 9h14v6H5V9Z"})),q=(0,n.createElement)(K.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(K.Path,{d:"M11.111 5.5H20V4h-8.889v1.5ZM4 12.5h16V11H4v1.5Zm7.111 7H20V18h-8.889v1.5Z"})),Q=(0,n.createElement)(K.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(K.Path,{d:"M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z"})),$=(0,n.createElement)(K.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(K.Path,{d:"M7.5 5.5h9V4h-9v1.5Zm-3.5 7h16V11H4v1.5Zm3.5 7h9V18h-9v1.5Z"})),ee=(0,n.createElement)(K.SVG,{xmlns:"https://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,n.createElement)(K.Path,{d:"M4 12.8h16v-1.5H4v1.5zm0 7h12.4v-1.5H4v1.5zM4 4.3v1.5h16V4.3H4z"}));function te({value:e,onChange:t}){const l=[{label:(0,a.__)("Default","dragblock"),text:J,value:""},{label:(0,a.__)("Left","dragblock"),text:q,value:"left"},{label:(0,a.__)("Right","dragblock"),text:Q,value:"right"},{label:(0,a.__)("Center","dragblock"),text:$,value:"center"},{label:(0,a.__)("Justify","dragblock"),text:ee,value:"justify"}];return(0,n.createElement)("div",{className:"dragblock-text-align-control"},(0,n.createElement)(u.ButtonGroup,null,l.map(((l,a)=>(0,n.createElement)(u.Tooltip,{key:a,text:l.label,delay:10,position:"top center"},(0,n.createElement)(u.Button,{variant:e==l.value?"primary":"",onClick:()=>{t(l.value)}},l.label))))))}function le({value:e,onChange:t}){const l=(0,s.useSetting)("layout.contentSize"),o=(0,s.useSetting)("layout.wideSize"),r=[{text:(0,a.__)("Default","dragblock"),value:""},{text:"Content",value:l},{text:"Wide",value:o},{text:"100%",value:"100%"},{text:"Auto",value:"auto"}],[c,d]=(0,n.useState)(0),[g,b]=(0,n.useState)(0);let m=[];for(let e=2;e<7;e++){let l=[];for(let t=0;t<e;t++)l.push((0,n.createElement)("span",{key:t,className:i()("item",{"is-active":c>t}),onMouseEnter:()=>{d(t+1)}}));m.push((0,n.createElement)("div",{className:i()("components-layout-control",{"is-active":g===e}),onMouseEnter:()=>{b(e)}},(0,n.createElement)(u.Tooltip,{text:c+"/"+g,delay:10,position:"bottom center"},(0,n.createElement)("div",{className:"items",onMouseDown:()=>{let e=(100*c/g).toFixed(2)+"%";t(e)}},l.map((e=>e))))))}return(0,n.createElement)("div",{className:"dragblock-width-control"},(0,n.createElement)(u.ButtonGroup,null,r.map(((l,a)=>(0,n.createElement)(u.Button,{key:a,variant:e==l.value?"primary":"",onClick:()=>{t(l.value)},showTooltip:!0,tooltipPosition:"top center",label:l.label},l.text)))),(0,n.createElement)(p,{value:e,units:{px:{value:"px",label:"px",min:0,max:3e3,step:1,default:0}},onChange:e=>{t(e)}}))}function ae({children:e,className:t,onClose:l,onAction:r,onMouseLeave:c,onMouseEnter:d,onKeyDown:s,actions:g,title:b,disabled:p,hidden:m,list:_,index:k,position:v}){let h=null;const f=(0,n.useRef)(null);return l||(l=()=>{}),c||(c=()=>{}),d||(d=()=>{}),s||(s=()=>{}),g=Object.assign({},{top:!0,bottom:!0,up:!0,down:!0,duplicate:!0,disable:!0,hidden:!0,delete:!0},g),(0,n.createElement)(n.Fragment,null,(0,n.createElement)(u.Popover,{focusOnMount:!1,position:v||"bottom center",className:"dragblock-property-popover"+(t?" "+t:""),onFocusOutside:()=>{l()},onClose:()=>{l()},onClick:e=>{h={X:e.clientX,Y:e.clientY}},onMouseMove:e=>{h={X:e.clientX,Y:e.clientY}},onMouseLeave:e=>{null!==h&&h.X!==e.clientX&&h.Y!==e.clientY&&c()},onKeyDown:e=>{"Escape"!==e.key&&"Enter"!==e.key||("Enter"!==e.key||-1===e.target.className.indexOf("components-search-control__input")&&-1===e.target.className.indexOf("dragblock-chosen-control-input-showing")&&-1===e.target.className.indexOf("components-select-control__input"))&&l()},ref:f},b?(0,n.createElement)("div",{className:"title"},b):null,e?(0,n.createElement)("div",{className:"content"},e):null,(0,n.createElement)("div",{className:"actions"},g.top?(0,n.createElement)(u.Tooltip,{delay:10,text:(0,a.__)("Move Top","dragblock"),position:"top center"},(0,n.createElement)("a",{className:i()("action front",{disabled:0===k}),onClick:()=>{let e=null;if((0,o.isFunction)(g.top))e=g.top((0,o.cloneDeep)(_),k);else{if(0===k||!Array.isArray(_))return;e=(0,o.cloneDeep)(_);let t=(0,o.cloneDeep)(e[k]);e.splice(k,1),e.unshift(t)}r("top",e)}},(0,n.createElement)("svg",{style:{transform:"rotate(180deg)"},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false"},(0,n.createElement)("path",{d:"M2 12c0 3.6 2.4 5.5 6 5.5h.5V19l3-2.5-3-2.5v2H8c-2.5 0-4.5-1.5-4.5-4s2-4.5 4.5-4.5h3.5V6H8c-3.6 0-6 2.4-6 6zm19.5-1h-8v1.5h8V11zm0 5h-8v1.5h8V16zm0-10h-8v1.5h8V6z"})))):null,g.bottom?(0,n.createElement)(u.Tooltip,{delay:10,text:(0,a.__)("Move Bottom","dragblock"),position:"top center"},(0,n.createElement)("a",{className:i()("action back",{disabled:k===_.length-1}),onClick:()=>{let e=null;if((0,o.isFunction)(g.bottom))e=g.bottom((0,o.cloneDeep)(_),k);else{if(k===_.length-1||!Array.isArray(_))return;e=(0,o.cloneDeep)(_);let t=(0,o.cloneDeep)(e[k]);e.splice(k,1),e.push(t)}r("bottom",e)}},(0,n.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false"},(0,n.createElement)("path",{d:"M2 12c0 3.6 2.4 5.5 6 5.5h.5V19l3-2.5-3-2.5v2H8c-2.5 0-4.5-1.5-4.5-4s2-4.5 4.5-4.5h3.5V6H8c-3.6 0-6 2.4-6 6zm19.5-1h-8v1.5h8V11zm0 5h-8v1.5h8V16zm0-10h-8v1.5h8V6z"})))):null,g.up?(0,n.createElement)(u.Tooltip,{delay:10,text:(0,a.__)("Move Up","dragblock"),position:"top center"},(0,n.createElement)("a",{className:i()("action up",{disabled:0===k}),onClick:()=>{let e=null;if((0,o.isFunction)(g.up))e=g.up((0,o.cloneDeep)(_),k);else{if(0===k||!Array.isArray(_))return;e=(0,o.cloneDeep)(_);let t=(0,o.cloneDeep)(e[k]);e[k]=e[k-1],e[k-1]=t}r("up",e)}},(0,n.createElement)("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false"},(0,n.createElement)("path",{d:"M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z"})))):null,g.down?(0,n.createElement)(u.Tooltip,{delay:10,text:(0,a.__)("Move Down","dragblock"),position:"top center"},(0,n.createElement)("a",{className:i()("action down",{disabled:k===_.length-1}),onClick:()=>{let e=null;if((0,o.isFunction)(g.down))e=g.down((0,o.cloneDeep)(_),k);else{if(k===_.length-1||!Array.isArray(_))return;e=(0,o.cloneDeep)(_);let t=(0,o.cloneDeep)(e[k]);e[k]=e[k+1],e[k+1]=t}r("down",e)}},(0,n.createElement)("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false"},(0,n.createElement)("path",{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"})))):null,g.duplicate?(0,n.createElement)(u.Tooltip,{delay:10,text:(0,a.__)("Duplicate","dragblock"),position:"top center"},(0,n.createElement)("a",{className:"action duplicate",onClick:()=>{let e=null;if((0,o.isFunction)(g.duplicate))e=g.duplicate((0,o.cloneDeep)(_),k);else{if(!Array.isArray(_))return;e=(0,o.cloneDeep)(_),e.splice(k,0,(0,o.cloneDeep)(e[k]))}r("duplicate",e)}},(0,n.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false"},(0,n.createElement)("path",{d:"M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z"})))):null,g.disable?(0,n.createElement)(u.Tooltip,{delay:10,text:p?(0,a.__)("Enable","dragblock"):(0,a.__)("Disable","dragblock"),position:"top center"},(0,n.createElement)("a",{className:i()("action visibility",{disabled:!!p}),onClick:()=>{let e=null;if((0,o.isFunction)(g.disable))e=g.disable((0,o.cloneDeep)(_),k);else{if(!Array.isArray(_))return;e=(0,o.cloneDeep)(_)}r("disable",e)}},p?dragBlockIcons?.iconCircle:dragBlockIcons?.iconMinusCircle)):null,g.hidden?(0,n.createElement)(u.Tooltip,{delay:10,text:"*"===m?(0,a.__)("Show","dragblock"):(0,a.__)("Hide","dragblock"),position:"top center"},(0,n.createElement)("a",{className:"action",onClick:()=>{let e=null;if((0,o.isFunction)(g.hidden))e=g.hidden((0,o.cloneDeep)(_),k);else{if(!Array.isArray(_))return;e=(0,o.cloneDeep)(_)}r("hidden",e)}},"*"===m?V():H())):null,g.delete?(0,n.createElement)(u.Tooltip,{delay:10,text:(0,a.__)("Delete","dragblock"),position:"top center"},(0,n.createElement)("a",{className:"action delete",onClick:()=>{let e=null;(0,o.isFunction)(g.delete)?e=g.delete((0,o.cloneDeep)(_),k):(e=(0,o.cloneDeep)(_),(0,o.isArray)(_)?e.splice(k,1):"object"==typeof _&&delete e[k]),r("delete",e)}},(0,n.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false"},(0,n.createElement)("path",{d:"M20 5h-5.7c0-1.3-1-2.3-2.3-2.3S9.7 3.7 9.7 5H4v2h1.5v.3l1.7 11.1c.1 1 1 1.7 2 1.7h5.7c1 0 1.8-.7 2-1.7l1.7-11.1V7H20V5zm-3.2 2l-1.7 11.1c0 .1-.1.2-.3.2H9.1c-.1 0-.3-.1-.3-.2L7.2 7h9.6z"})))):null,g.custom&&(0,n.createElement)(n.Fragment,null,Object.keys(g.custom).map(((e,t)=>(0,n.createElement)("span",{key:t},g.custom[e])))),(0,n.createElement)(u.Tooltip,{delay:10,text:(0,a.__)("Close","dragblock"),position:"top center"},(0,n.createElement)("a",{className:"action close",onClick:l},(0,n.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false"},(0,n.createElement)("path",{d:"M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"})))))))}function oe({placeholder:e,onSelect:t,className:l,popOverClassName:o,icon:r,label:c,text:d,showTrigger:s,position:g,toolbarButton:b,suggestions:p}){const[m,_]=(0,n.useState)(0),[k,v]=(0,n.useState)(""),[h,f]=(0,n.useState)({}),[w,y]=(0,n.useState)(!1),[x,E]=(0,n.useState)(!1),[B,S]=(0,n.useState)([]),[C,P]=(0,n.useState)(null),[I,D]=(0,n.useState)(!1),O=()=>{y(!1)},A=()=>{let e={};for(let t in p){if(Object.keys(e).length>12)break;e[t]=p[t]}f(e),y(!0)},N=e=>{t(e),f({}),v(""),O()};let M=null,L="";if(p){if("string"==typeof p){if(L=p,p={},B&&B.length)for(let e of B)p[e.value]={label:e.label,note:e.note};switch(L){case"categories":p["[dragblock.post.cat.id]"]={label:(0,a.__)("Post Category ID"),note:(0,a.__)("Current Post Category ID")};break;case"tags":p["[dragblock.post.tag.id]"]={label:(0,a.__)("Post Tag ID"),note:(0,a.__)("Current Post Tag ID")};break;case"authors":p["[dragblock.post.author.id]"]={label:(0,a.__)("Post Author ID"),note:(0,a.__)("Current Post Author ID")}}}}else p={};const R=e=>{if(!e||!p||0===p.length)return void f({});let t=e.toLowerCase().trim().replace(/-/gi," ").split(" ").map((e=>e.trim())),l=t.join("").replace(/ /gi,""),a={},o=0;for(let e in p){let r="string"==typeof p[e]?p[e].toLowerCase():Object.values(p[e]).join(" ").toLowerCase(),n=!0;if(-1===r.replace(/ /gi,"").replace(/-/gi,"").indexOf(l))for(let e of t)if(-1===r.indexOf(e)){n=!1;break}if(n&&(a[e]=p[e],++o>=12))break}f(a)};return(0,n.createElement)("div",{className:i()("dragblock-autocomplete-search-box"+(l?" "+l:""),{"show-trigger":s})},b?(0,n.createElement)(u.ToolbarButton,{icon:r,iconSize:"24",label:c,className:"fake-search-button",variant:"secondary",onClick:()=>{I?D(!1):A()}}):(0,n.createElement)(u.Button,{icon:r,iconSize:"24",label:c,className:"fake-search-button",variant:"secondary",onClick:()=>{I?D(!1):A()}},d||(r?"":e)),w?(0,n.createElement)(u.Popover,{position:g||"bottom center",onFocusOutside:()=>{O()},onMouseMove:e=>{null!==M||(M={X:e.clientX,Y:e.clientY})},onClose:()=>{O()},onMouseLeave:e=>{null!==M&&M.X!==e.clientX&&M.Y!==e.clientY&&O()},className:i()("dragblock-autocomplete-search-box-popover"+(o?" "+o:""),{"show-trigger":s})},(0,n.createElement)(u.SearchControl,{onKeyDown:e=>{if("ArrowUp"===e.key)_(0===m?Object.keys(h).length-1:m-1);else if("ArrowDown"===e.key)m>=Object.keys(h).length-1?_(0):_(m+1);else if("Enter"===e.key){let e=Object.keys(h);if(m<0||e.length-1<m)return;let t=e[m];N(t),D(!0),O()}},placeholder:e,value:k,onChange:e=>{L?(E(!0),f([]),C&&clearTimeout(C),P(setTimeout((()=>{((e,t)=>{if(!e||!t)return void S([]);const l=new URLSearchParams({search:e,per_page:12,_locale:"users"});wp.apiFetch({path:`/wp/v2/${t}?${l.toString()}`}).then((l=>{S(l.map((e=>({label:e.name,value:e.id,note:e.description})))),l.map((e=>{p[e.id]={label:e.name,note:e.description}})),((e,t)=>{window["dragblock-query-objects"]||(window["dragblock-query-objects"]=new Object),window["dragblock-query-objects"][e]||(window["dragblock-query-objects"][e]=new Object);for(let l of t)window["dragblock-query-objects"][e][l.id]=l})(t,l),R(e),E(!1)})).catch((e=>{E(!1),S([])}))})(e,L)}),1e3))):R(e),v(e)}}),L&&k&&(0,n.createElement)("div",{className:"results"},!0===x?(0,n.createElement)(n.Fragment,null,(0,a.__)("Fetching...","dragblock")):(0,n.createElement)(n.Fragment,null,0===Object.keys(p).length&&(0,n.createElement)(n.Fragment,null,(0,a.__)("Not found any","dragblock")))),0!==Object.entries(h).length&&(0,n.createElement)("div",{className:"results"},Object.entries(h).map((([e,t],l)=>{let a=e,o=e;return"string"==typeof t?o=t:(t.note?a=t.note:t.label&&(a=t.label),t.label&&(o=t.label)),(0,n.createElement)("div",{key:l,className:"item",onMouseEnter:()=>{_(l)}},(0,n.createElement)("a",{className:i()("item-link",{active:m===l}),onClick:()=>{N(e)}},(0,n.createElement)("code",null,o)))})))):null)}function re({value:e,onChange:t}){(0,s.useSetting)("layout.contentSize"),(0,s.useSetting)("layout.wideSize");const l=[{text:(0,a.__)("Default","dragblock"),value:""},{text:"100%",value:"100%"},{text:"Auto",value:"auto"}],[o,r]=(0,n.useState)(0),[c,d]=(0,n.useState)(0);let g=[];for(let e=2;e<7;e++){let l=[];for(let t=0;t<e;t++)l.push((0,n.createElement)("span",{key:t,className:i()("item",{"is-active":o>t}),onMouseEnter:()=>{r(t+1)}}));g.push((0,n.createElement)("div",{className:i()("components-layout-control",{"is-active":c===e}),onMouseEnter:()=>{d(e)}},(0,n.createElement)(u.Tooltip,{text:o+"/"+c,delay:10,position:"bottom center"},(0,n.createElement)("div",{className:"items",onMouseDown:()=>{let e=(100*o/c).toFixed(2)+"%";t(e)}},l.map((e=>e))))))}return(0,n.createElement)("div",{className:"dragblock-height-control"},(0,n.createElement)(u.ButtonGroup,null,l.map(((l,a)=>(0,n.createElement)(u.Button,{key:a,variant:e==l.value?"primary":"",onClick:()=>{t(l.value)},showTooltip:!0,tooltipPosition:"top center",label:l.label},l.text)))),(0,n.createElement)(p,{value:e,units:{px:{value:"px",label:"px",min:0,max:3e3,step:1,default:0}},onChange:e=>{t(e)}}))}function ne({placeholder:e,onChange:t,tabIndex:l,value:a,position:o,options:r}){const[c,d]=(0,n.useState)(0),[s,u]=(0,n.useState)({}),[g,b]=(0,n.useState)(null),[p,m]=(0,n.useState)(a||"");r||(r={}),o||(o="top"),l||(l=0);const _=()=>{d(0),u({})},k=e=>{if(!e)return void _();let t={},l=0,a=(e=e.trim().toLowerCase()).split(" "),o=a[a.length-1];if(e&&e.trim()){for(let n in r){let c=r[n].toLowerCase();if(c===o||c===e)continue;let i=n+" "+c,d=!0;for(let e of a)if(-1===i.indexOf(e)||c===e){d=!1;break}if(d&&(t[n]=r[n],++l>=6))break}0===l&&-1!==e.indexOf(" ")&&o?k(o):u({...t})}else{for(let e in r)if(t[e]=r[e],6==++l)break;u({...t})}};return(0,n.createElement)("div",{className:"dragblock-chosen-control "+o,onMouseLeave:_},(0,n.createElement)("div",{className:"components-base-control"},(0,n.createElement)("div",{className:"components-base-control__field"},(0,n.createElement)("input",{className:i()("components-text-control__input",{"dragblock-chosen-control-input-showing":Object.keys(s).length>0}),value:p,placeholder:e,onKeyDown:e=>{if("Tab"===e.key&&Object.keys(s).length&&e.preventDefault(),"ArrowUp"===e.key)d(c<=0?Object.keys(s).length-1:c-1);else if("ArrowDown"===e.key)c>=Object.keys(s).length-1?d(0):d(c+1);else if("Enter"===e.key||"Tab"===e.key){_();let e=Object.keys(s);if(e.length-1<c||c<0)return;let l=e[c],a=p.split(" ");a[a.length-1]=l,t(a.join(" "))}},onClick:()=>{k(p)},onFocus:()=>{k(p)},onChange:e=>{const{value:l}=e.target;k(l),(e=>{m(e),g&&clearTimeout(g),b(setTimeout((()=>{t(e),b(null)}),1e3))})(l)}}))),Object.keys(r).length>0&&Object.keys(s).length>0&&(0,n.createElement)("div",{className:"options",onMouseLeave:_},Object.entries(s).map((([e,l],a)=>(0,n.createElement)("a",{key:a,onClick:()=>{t(e),_()},className:i()("option",{active:c===a})},l)))))}var ce=window.wp.data;function ie({value:e,onChange:t}){const l={bounce:(0,a.__)("Bounce","dragblock"),flash:(0,a.__)("Flash","dragblock"),pulse:(0,a.__)("Pulse","dragblock"),rubberBand:(0,a.__)("Rubber Band","dragblock"),shakeX:(0,a.__)("Shake X","dragblock"),shakeY:(0,a.__)("Shake Y","dragblock"),headShake:(0,a.__)("Head Shake","dragblock"),swing:(0,a.__)("Swing","dragblock"),tada:(0,a.__)("Tada","dragblock"),wobble:(0,a.__)("Wobble","dragblock"),jello:(0,a.__)("Jello","dragblock"),heartBeat:(0,a.__)("Heart Beat","dragblock"),backInDown:(0,a.__)("Back in Down","dragblock"),backInLeft:(0,a.__)("Back in Left","dragblock"),backInRight:(0,a.__)("Back in Right","dragblock"),backInUp:(0,a.__)("Back in Up","dragblock"),backOutDown:(0,a.__)("Back out Down","dragblock"),backOutLeft:(0,a.__)("Back out Left","dragblock"),backOutRight:(0,a.__)("Back out Right","dragblock"),backOutUp:(0,a.__)("Back out Up","dragblock"),bounceIn:(0,a.__)("Bounce in ","dragblock"),bounceInDown:(0,a.__)("Bounce in Down","dragblock"),bounceInLeft:(0,a.__)("Bounce in Left","dragblock"),bounceInRight:(0,a.__)("Bounce in Right","dragblock"),bounceInUp:(0,a.__)("Bounce in Up","dragblock"),bounceOut:(0,a.__)("Bounce out ","dragblock"),bounceOutDown:(0,a.__)("Bounce out Down","dragblock"),bounceOutLeft:(0,a.__)("Bounce out Left","dragblock"),bounceOutRight:(0,a.__)("Bounce out Right","dragblock"),bounceOutUp:(0,a.__)("Bounce out Up","dragblock"),fadeIn:(0,a.__)("Fade in ","dragblock"),fadeInDown:(0,a.__)("Fade in Down","dragblock"),fadeInDownBig:(0,a.__)("Fade in Down Big","dragblock"),fadeInLeft:(0,a.__)("Fade in Left","dragblock"),fadeInLeftBig:(0,a.__)("Fade in Left Big","dragblock"),fadeInRight:(0,a.__)("Fade in Right","dragblock"),fadeInRightBig:(0,a.__)("Fade in Right Big","dragblock"),fadeInUp:(0,a.__)("Fade in Up","dragblock"),fadeInUpBig:(0,a.__)("Fade in Up Big","dragblock"),fadeInTopLeft:(0,a.__)("Fade in Top Left","dragblock"),fadeInTopRight:(0,a.__)("Fade in Top Right","dragblock"),fadeInBottomLeft:(0,a.__)("Fade in Bottom Left","dragblock"),fadeInBottomRight:(0,a.__)("Fade in Bottom Right","dragblock"),fadeOut:(0,a.__)("Fade out ","dragblock"),fadeOutDown:(0,a.__)("Fade out Down","dragblock"),fadeOutDownBig:(0,a.__)("Fade out Down Big","dragblock"),fadeOutLeft:(0,a.__)("Fade out Left","dragblock"),fadeOutLeftBig:(0,a.__)("Fade out Left Big","dragblock"),fadeOutRight:(0,a.__)("Fade out Right","dragblock"),fadeOutRightBig:(0,a.__)("Fade out Right Big","dragblock"),fadeOutUp:(0,a.__)("Fade out Up","dragblock"),fadeOutUpBig:(0,a.__)("Fade out Up Big","dragblock"),fadeOutTopLeft:(0,a.__)("Fade out Top Left","dragblock"),fadeOutTopRight:(0,a.__)("Fade out Top Right","dragblock"),fadeOutBottomRight:(0,a.__)("Fade out Bottom Right","dragblock"),fadeOutBottomLeft:(0,a.__)("Fade out Bottom Left","dragblock"),flip:(0,a.__)("Flip","dragblock"),flipInX:(0,a.__)("Flip in X","dragblock"),flipInY:(0,a.__)("Flip in Y","dragblock"),flipOutX:(0,a.__)("Flip out X","dragblock"),flipOutY:(0,a.__)("Flip out Y","dragblock"),lightSpeedInRight:(0,a.__)("LightSpeed in Right","dragblock"),lightSpeedInLeft:(0,a.__)("LightSpeed in Left","dragblock"),lightSpeedOutRight:(0,a.__)("LightSpeed out Right","dragblock"),lightSpeedOutLeft:(0,a.__)("LightSpeed out Left","dragblock"),rotateIn:(0,a.__)("Rotate in ","dragblock"),rotateInDownLeft:(0,a.__)("Rotate in Down Left","dragblock"),rotateInDownRight:(0,a.__)("Rotate in Down Right","dragblock"),rotateInUpLeft:(0,a.__)("Rotate in Up Left","dragblock"),rotateInUpRight:(0,a.__)("Rotate in Up Right","dragblock"),rotateOut:(0,a.__)("Rotate out ","dragblock"),rotateOutDownLeft:(0,a.__)("Rotate out Down Left","dragblock"),rotateOutDownRight:(0,a.__)("Rotate out Down Right","dragblock"),rotateOutUpLeft:(0,a.__)("Rotate out Up Left","dragblock"),rotateOutUpRight:(0,a.__)("Rotate out Up Right","dragblock"),hinge:(0,a.__)("Hinge","dragblock"),jackInTheBox:(0,a.__)("Jack in The Box","dragblock"),rollIn:(0,a.__)("Roll in ","dragblock"),rollOut:(0,a.__)("Roll out ","dragblock"),zoomIn:(0,a.__)("Zoom in ","dragblock"),zoomInDown:(0,a.__)("Zoom in Down","dragblock"),zoomInLeft:(0,a.__)("Zoom in Left","dragblock"),zoomInRight:(0,a.__)("Zoom in Right","dragblock"),zoomInUp:(0,a.__)("Zoom in Up","dragblock"),zoomOut:(0,a.__)("Zoom out ","dragblock"),zoomOutDown:(0,a.__)("Zoom out Down","dragblock"),zoomOutLeft:(0,a.__)("Zoom out Left","dragblock"),zoomOutRight:(0,a.__)("Zoom out Right","dragblock"),zoomOutUp:(0,a.__)("Zoom out Up","dragblock"),slideInDown:(0,a.__)("Slide in Down","dragblock"),slideInLeft:(0,a.__)("Slide in Left","dragblock"),slideInRight:(0,a.__)("Slide in Right","dragblock"),slideInUp:(0,a.__)("Slide in Up","dragblock"),slideOutDown:(0,a.__)("Slide out Down","dragblock"),slideOutLeft:(0,a.__)("Slide out Left","dragblock"),slideOutRight:(0,a.__)("Slide out Right","dragblock"),slideOutUp:(0,a.__)("Slide out Up","dragblock")};return(0,n.createElement)("div",{className:"dragblock-animation-name-control"},(0,n.createElement)(ne,{options:l,value:e,onChange:t,placeholder:(0,a.__)("Animation Name","dragblock")}))}const de=1e3;function se(e,t,l){return"cut"===window.dragBlockPM.clipboard.action&&window.dragBlockPM.clipboard.clientId===e&&window.dragBlockPM.clipboard.attrSlug===t&&window.dragBlockPM.clipboard.selectedPropIds.has(l)}function ue(e,t){window.dragBlockPM.blocks?.[e]?.history?.attributes&&window.dragBlockPM.blocks[e].history.attributes.at(-1)!==t&&(window.dragBlockPM.blocks[e].history.attributes.length>de&&window.dragBlockPM.blocks[e].history.attributes.shift(),window.dragBlockPM.blocks[e].history.attributes.push(t),window.dragBlockPM.blocks[e].history.pointer=window.dragBlockPM.blocks[e].history.attributes.length-1)}function ge(e=null){if(e&&window.dragBlockPM.blocks?.[e.clientId]?.selectedProps?.[window.dragBlockPM.curAttrSlug]?.selectedProps){let t=new Set;window.dragBlockPM.blocks[e.clientId].selectedProps[window.dragBlockPM.curAttrSlug].selectedProps=t,window.dragBlockPM.blocks[e.clientId].selectedProps[window.dragBlockPM.curAttrSlug].setSelectedProps(t)}Object.entries(window.dragBlockPM.blocks).map((([e,t],__)=>{t.selectedProps&&Object.entries(t.selectedProps).map((([t,{selectedProps:l,setSelectedProps:a}])=>{let o=Array.from(l);o.length&&(o=new Set,window.dragBlockPM.blocks[e].selectedProps[t].selectedProps=o,a(o))}))})),window.dragBlockPM.clipboard.selectedPropIds=new Set}function be(e){const{clientId:t,attributes:l}=e,a=window.dragBlockPM.blocks[t]&&window.dragBlockPM.curAttrSlug&&window.dragBlockPM.blocks[t].selectedProps&&window.dragBlockPM.blocks[t].selectedProps[window.dragBlockPM.curAttrSlug]&&l;if(!a)return ge(),{couldAccess:a};const r=window.dragBlockPM.curAttrSlug;l[r]||(l[r]=new Array);const n=l[r],{selectedProps:c,setSelectedProps:i}=window.dragBlockPM.blocks[t].selectedProps[r],d=Array.from(c).sort(((e,t)=>e-t));return{couldAccess:a,curAttrSlug:r,curAttr:n,propIds:d,clientId:t,attributes:l,updateSelectedProps:(e=null)=>{e||(e=d);let l=new Set((0,o.cloneDeep)(e));window.dragBlockPM.blocks[t].selectedProps[r].selectedProps=l,i(l)}}}function pe(e,t){let l=(0,o.cloneDeep)(t);(0,ce.dispatch)("core/block-editor").updateBlockAttributes(e,l),ue(e,l)}function me(e){const{couldAccess:t,curAttrSlug:l,curAttr:a,propIds:o,clientId:r,attributes:n}=be(e);t&&o.length?(n[l]=a.filter(((__,e)=>!o.includes(e))),pe(r,n),ge()):ge()}function _e(e){const{couldAccess:t,curAttrSlug:l,curAttr:a,propIds:o,clientId:r,attributes:n,updateSelectedProps:c}=be(e);t&&o.length?0!==o[0]&&(o.map(((e,t)=>{if(a[e-1]&&a[e]){let l=a[e-1];a[e-1]=a[e],a[e]=l,o[t]=e-1}})),n[l]=a,pe(r,n),c()):ge()}function ke(e){const{couldAccess:t,curAttrSlug:l,curAttr:a,propIds:o,clientId:r,attributes:n,updateSelectedProps:c}=be(e);t&&o.length?o.at(-1)!==a.length-1&&([...o].reverse().map(((e,t)=>{if(a[e]&&a[e+1]){let l=a[e];a[e]=a[e+1],a[e+1]=l,o[t]=e+1}})),n[l]=a,pe(r,n),c()):ge()}function ve(e){const{couldAccess:t,curAttrSlug:l,curAttr:a,propIds:o,clientId:r,attributes:n,updateSelectedProps:c}=be(e);if(!t||!o.length)return void ge();let i=[],d=[];a.map(((e,t)=>{o.includes(t)?i.push(e):d.push(e)})),o.map(((__,e)=>{o[e]=e})),n[l]=[...i,...d],pe(r,n),c()}function he(e){const{couldAccess:t,curAttrSlug:l,curAttr:a,propIds:o,clientId:r,attributes:n,updateSelectedProps:c}=be(e);if(!t||!o.length)return void ge();let i=[],d=[];a.map(((e,t)=>{o.includes(t)?i.push(e):d.push(e)})),o.map(((__,e)=>{o[e]=a.length-o.length+e})),n[l]=[...d,...i],pe(r,n),c()}function fe(e){const{couldAccess:t,curAttrSlug:l,curAttr:a,propIds:r,clientId:n,attributes:c,updateSelectedProps:i}=be(e);if(!t||!r.length)return void ge();let d=[],s=[];a.map(((e,t)=>{d.push(e),r.includes(t)&&(s.push(d.length-1),s.push(d.length),d.push((0,o.cloneDeep)(e)))})),c[l]=d,pe(n,c),i(s)}function we(e){const{couldAccess:t,curAttrSlug:l,curAttr:a,propIds:o,clientId:r,attributes:n,updateSelectedProps:c}=be(e);t&&o.length?(o.map((e=>{a[e]&&(a[e].hidden?delete a[e].hidden:a[e].hidden="*")})),n[l]=a,pe(r,n),ge()):ge()}function ye(e){const{couldAccess:t,curAttrSlug:l,curAttr:a,propIds:o,clientId:r,attributes:n,updateSelectedProps:c}=be(e);t&&o.length?(o.map((e=>{a[e]&&(a[e].disabled?delete a[e].disabled:a[e].disabled="*")})),n[l]=a,pe(r,n)):ge()}function xe(e){const{couldAccess:t,curAttrSlug:l,curAttr:a,propIds:r,clientId:n,attributes:c,updateSelectedProps:i}=be(e);t&&r.length?(window.dragBlockPM.clipboard={action:"copy",clientId:n,attrSlug:l,selectedProps:r.map((e=>a[e]?(0,o.cloneDeep)(a[e]):null)).filter((e=>!!e))},ge()):ge()}function Ee(e){const{couldAccess:t,curAttrSlug:l,curAttr:a,propIds:r,clientId:n,attributes:c,updateSelectedProps:i}=be(e);t&&r.length?(window.dragBlockPM.clipboard={action:"cut",clientId:n,attrSlug:l,selectedProps:r.map((e=>a[e]?(0,o.cloneDeep)(a[e]):null)).filter((e=>!!e))},ge(e),window.dragBlockPM.clipboard.selectedPropIds=new Set(r)):ge()}function Be(e){const{couldAccess:t,curAttrSlug:l,curAttr:a,propIds:o,clientId:r,attributes:n,updateSelectedProps:c}=be(e);if(!t)return;if(!window.dragBlockPM.clipboard)return;const i=window.dragBlockPM.clipboard;if(!i.selectedProps||!i.selectedProps.length||!i.attrSlug)return;if("cut"===i.action){let e=(0,ce.select)("core/block-editor").getBlock(i.clientId);if(!e||!e.attributes||!e.attributes[i.attrSlug])return;e.attributes[i.attrSlug]=e.attributes[i.attrSlug].filter(((__,e)=>!i.selectedPropIds.has(e))),pe(i.clientId,e.attributes),ge(e)}n[i.attrSlug]||(n[i.attrSlug]=new Array);let d=n[i.attrSlug];d.unshift(...i.selectedProps),n[i.attrSlug]=d,pe(r,n),ge(e)}function Se(e){const{clientId:t,attributes:l}=e;if(!window.dragBlockPM.blocks?.[t]?.history?.attributes)return;const a=window.dragBlockPM.blocks[t].history;if(!a.attributes[a.pointer-1])return;let o=a.attributes[a.pointer-1];o!==l&&(a.pointer--,(0,ce.dispatch)("core/block-editor").updateBlockAttributes(t,o))}function Ce(e){const{clientId:t,attributes:l}=e;if(!window.dragBlockPM.blocks?.[t]?.history?.attributes)return;const a=window.dragBlockPM.blocks[t].history;if(!a.attributes[a.pointer+1])return;let o=a.attributes[a.pointer+1];o!==l&&(a.pointer++,(0,ce.dispatch)("core/block-editor").updateBlockAttributes(t,o))}const Pe={display:{"":{text:(0,a.__)("Default","dragblock"),icon:dragBlockIcons?.iconLayoutBlockBlueBoxO},flex:{text:(0,a.__)("Flex Box","dragblock"),icon:dragBlockIcons?.iconLayoutFlexBlueBoxO},grid:{text:(0,a.__)("Grid Box","dragblock"),icon:dragBlockIcons?.iconLayoutGridBlueBoxO}},"text-align":{"":{text:(0,a.__)("Left","dragblock"),icon:dragBlockIcons?.iconAlignLeft},center:{text:(0,a.__)("Center","dragblock"),icon:dragBlockIcons?.iconAlignCenter},right:{text:(0,a.__)("Right","dragblock"),icon:dragBlockIcons?.iconAlignRight},justify:{text:(0,a.__)("Justify","dragblock"),icon:dragBlockIcons?.iconAlignJustify}},"flex-direction":{"":{text:(0,a.__)("Row - Horizontal","dragblock"),icon:dragBlockIcons?.iconArrowRight},column:{text:(0,a.__)("Column - Vertical","dragblock"),icon:dragBlockIcons?.iconArrowDown},"row-reverse":{text:(0,a.__)("Row - Reverse","dragblock"),icon:dragBlockIcons?.iconArrowLeft},"column-reverse":{text:(0,a.__)("Column - Reverse","dragblock"),icon:dragBlockIcons?.iconArrowUp}},"justify-content":{"":{text:(0,a.__)("Start - Left","dragblock"),icon:dragBlockIcons?.iconJustifyContentStart},center:{text:(0,a.__)("Center - Middle","dragblock"),icon:dragBlockIcons?.iconJustifyContentCenter},"space-between":{text:(0,a.__)("Space Between","dragblock"),icon:dragBlockIcons?.iconJustifyContentSpaceBetween},end:{text:(0,a.__)("End - Right","dragblock"),icon:dragBlockIcons?.iconJustifyContentEnd},"space-evenly":{text:(0,a.__)("Space Evenly","dragblock"),icon:dragBlockIcons?.iconJustifyContentSpaceEvenly},stretch:{text:(0,a.__)("Stretch","dragblock"),icon:dragBlockIcons?.iconJustifyContentStretch}},"align-items":{"":{text:(0,a.__)("Start - Top","dragblock"),icon:dragBlockIcons?.iconAlginItemsStart},center:{text:(0,a.__)("Center - Middle","dragblock"),icon:dragBlockIcons?.iconAlignItemsCenter},end:{text:(0,a.__)("End - Bottom","dragblock"),icon:dragBlockIcons?.iconAlignItemsEnd},stretch:{text:(0,a.__)("Stretch","dragblock"),icon:dragBlockIcons?.iconAlignItemsStretch}},"flex-wrap":{"":{text:(0,a.__)("No Wrap","dragblock"),icon:dragBlockIcons?.iconFlexWrapNoWrap},wrap:{text:(0,a.__)("Wrap","dragblock"),icon:dragBlockIcons?.iconFlexWrapWrap},"wrap-reverse":{text:(0,a.__)("Wrap Reverse","dragblock"),icon:dragBlockIcons?.iconFlexWrapWrapReverse}},"text-transform":{"":{text:(0,a.__)("Default","dragblock"),icon:X()},uppercase:{text:(0,a.__)("Uppercase","dragblock"),icon:(0,n.createElement)("span",{className:"text-icon"},"AB")},lowercase:{text:(0,a.__)("Lowercase","dragblock"),icon:(0,n.createElement)("span",{className:"text-icon"},"ab")},capitalize:{text:(0,a.__)("Capitalize","dragblock"),icon:(0,n.createElement)("span",{className:"text-icon"},"Ab")}},"font-style":{"":{text:(0,a.__)("Default","dragblock"),icon:X()},italic:{text:(0,a.__)("Italic","dragblock"),icon:(0,n.createElement)("span",{className:"text-icon",style:{fontStyle:"italic"}},(0,a.__)("Italic","dragblock"))},normal:{text:(0,a.__)("Normal","dragblock"),icon:(0,n.createElement)("span",{className:"text-icon",style:{fontStyle:"normal"}},(0,a.__)("Normal","dragblock"))}},"text-decoration-line":{"":{text:(0,a.__)("Default","dragblock"),icon:X()},underline:{text:(0,a.__)("Underline","dragblock"),icon:(0,n.createElement)("span",{class:"text-icon",style:{textDecorationLine:"underline"}},"U")},"line-through":{text:(0,a.__)("Line Through","dragblock"),icon:(0,n.createElement)("span",{class:"text-icon",style:{textDecorationLine:"line-through"}},"S")},overline:{text:(0,a.__)("Overline","dragblock"),icon:(0,n.createElement)("span",{class:"text-icon",style:{textDecorationLine:"overline"}},"O")},none:{text:(0,a.__)("None","dragblock"),icon:(0,n.createElement)("span",{class:"text-icon"},"X")}},"text-decoration-style":{"":{text:(0,a.__)("Default","dragblock"),icon:X()},solid:{text:(0,a.__)("Solid","dragblock"),icon:(0,n.createElement)("span",{class:"text-icon",style:{textDecorationLine:"underline",textDecorationStyle:"solid"}},(0,a.__)("Solid","dragblock"))},dashed:{text:(0,a.__)("Dashed","dragblock"),icon:(0,n.createElement)("span",{class:"text-icon",style:{textDecorationLine:"underline",textDecorationStyle:"dashed"}},(0,a.__)("Dashed","dragblock"))},dotted:{text:(0,a.__)("Dotted","dragblock"),icon:(0,n.createElement)("span",{class:"text-icon",style:{textDecorationLine:"underline",textDecorationStyle:"dotted"}},(0,a.__)("Dotted","dragblock"))},double:{text:(0,a.__)("Double","dragblock"),icon:(0,n.createElement)("span",{class:"text-icon",style:{textDecorationLine:"underline",textDecorationStyle:"double"}},(0,a.__)("Double","dragblock"))},wavy:{text:(0,a.__)("Wavy","dragblock"),icon:(0,n.createElement)("span",{class:"text-icon",style:{textDecorationLine:"underline",textDecorationStyle:"wavy"}},(0,a.__)("Wavy","dragblock"))}},devices:{"":{text:(0,a.__)("Desktop/Default","dragblock"),icon:G()},t:{text:(0,a.__)("Tablet","dragblock"),icon:Y()},m:{text:(0,a.__)("Mobile","dragblock"),icon:Z()}}};function Ie(e){let{options:t,value:l,onChange:a,className:r,vertical:c,multiSelect:d}=e;if(!t)return null;let s="";if((0,o.isString)(t)){if(s=t,!Pe[s])return null;t=Pe[s]}const g=new Set((l||"").trim().split(" "));let b=Object.keys(t);""===b.at(-1)&&(b.pop(),b.unshift(""));const p=b.map(((e,o)=>{const{icon:r,text:s}=t[e],b=(0,n.createElement)(n.Fragment,null,!!r&&(0,n.createElement)("span",{className:"icon"},r),c&&s&&(0,n.createElement)("span",{className:"text"},s)),p=s&&!c?(0,n.createElement)(u.Tooltip,{text:s,position:"bottom",delay:0},b):b;return(0,n.createElement)("a",{key:o,className:i()("option",{active:g.has(e)}),title:s||"",onClick:t=>{if(d&&(t.ctrlKey||t.metaKey)&&""!==e&&"none"!==e&&l&&"none"!==l)g.has(e)?g.delete(e):g.add(e),a(Array.from(g).join(" "));else{if(e===(l||""))return;a(e)}}},p)}));return(0,n.createElement)("div",{className:"dragblock-options "+(c?"vertical":"horizontal")+(r?" "+r:"")+(s?" "+s:"")},p)}const De=(0,d.createHigherOrderComponent)((e=>t=>{const{attributes:l,setAttributes:c,isSelected:d,clientId:g,isMultiSelected:b}=t;let{dragBlockStyles:O,className:L}=l;const[U,X]=(0,n.useState)(!1),[K,J]=(0,n.useState)(-1),[q,Q]=(0,n.useState)(!1),[$,ee]=(0,n.useState)(-1),[de,be]=(0,n.useState)(O&&O.length>0),[pe,Pe]=(0,n.useState)(new Set),De="dragBlockStyles",Oe=((0,s.useSetting)("color.palette.theme")||[]).concat((0,s.useSetting)("color.palette.custom")||[]),Ae=(0,s.useSetting)("layout.contentSize"),Ne=(0,s.useSetting)("layout.wideSize");O||(O=(e=>{let t=new Array;return["dragblock/wrapper"].includes(e),["dragblock/image"].includes(e),(0,o.cloneDeep)(t)})(t.name));const Me=e=>{Pe(e),function(e,t,l){window.dragBlockPM.blocks[e].selectedProps[t].setSelectedProps(l),window.dragBlockPM.blocks[e].selectedProps[t].selectedProps=l}(g,De,e)},Le=e=>{J(-1),ee(e)},Re=()=>{ee(-1),X(!1),ue(g,l)};!function({attrSlug:e,clientId:t,selectedProps:l,setSelectedProps:a,closePropertyPopover:o,attributes:r,isOpenedPropertyPopover:n}){window.dragBlockPM||(window.dragBlockPM={blocks:{},clipboard:{action:"",clientId:"",attrSlug:"",selectedProps:[],selectedPropIds:new Set},curAttrSlug:"",isInPanel:!1},function(e){const t={delete:me,ctrl__delete:ye,ctrl__shift__delete:we,ctrl__c:xe,ctrl__x:Ee,ctrl__v:Be,ctrl__arrowup:_e,ctrl__arrowdown:ke,ctrl__z:Se,ctrl__y:Ce,ctrl__shift__arrowup:ve,ctrl__shift__arrowdown:he,alt__shift__arrowup:fe,alt__shift__arrowdown:fe};e(document).on("mousemove",".dragblock-inspector-controls",(function(e){window.dragBlockPM.isInPanel=!0})),e(document).on("mouseleave",".dragblock-inspector-controls",(function(e){window.dragBlockPM.isInPanel=!1})),e(document).on("keydown",(function(e){if(!window.dragBlockPM.isInPanel)return;if(!e.key||"Unidentified"===e.key||["Control","Alt","Shift"].includes(e.key))return;if(!(e.ctrlKey||e.metaKey||e.altKey||e.shiftKey||["Escape","Delete"].includes(e.key)))return;let l=(0,ce.select)("core/block-editor").getSelectedBlock();if(!l)return void ge();if("Escape"===e.key)return window.dragBlockPM.curAttrSlug&&window.dragBlockPM.blocks?.[l.clientId]?.selectedProps?.[window.dragBlockPM.curAttrSlug]?.closePropertyPopover&&window.dragBlockPM.blocks[l.clientId].selectedProps[window.dragBlockPM.curAttrSlug].closePropertyPopover(),void ge(l);if(window.dragBlockPM.blocks?.[l.clientId]?.selectedProps?.[window.dragBlockPM.curAttrSlug]?.isOpenedPropertyPopover()&&window.dragBlockPM.blocks[l.clientId].selectedProps[window.dragBlockPM.curAttrSlug].isOpenedPropertyPopover())return;let a=e.key.toLowerCase();e.shiftKey&&(a="shift__"+a),e.altKey&&(a="alt__"+a),(e.ctrlKey||e.metaKey)&&(a="ctrl__"+a),t[a]?(!e.ctrlKey&&!e.metaKey||e.altKey||e.shiftKey||e.preventDefault(),t[a](l)):ge(l)}))}(jQuery)),window.dragBlockPM.blocks[t]||(window.dragBlockPM.blocks[t]={selectedProps:{},history:{attributes:[r],pointer:0}}),window.dragBlockPM.blocks[t].selectedProps[e]={selectedProps:l,setSelectedProps:a,closePropertyPopover:o,isOpenedPropertyPopover:n}}({attrSlug:De,attributes:l,clientId:g,selectedProps:pe,setSelectedProps:Pe,closePropertyPopover:Re,isOpenedPropertyPopover:()=>-1!==$});const Fe=(e,t,l=!1,a=!1)=>{if(void 0===e)return;l&&(e=function({value:e,colors:t}){return e&&(0,o.isString)(e)?e=e.split(" ").map((e=>{if(0!==e.indexOf("#"))return e;let l=e.substring(7).toLowerCase(),a=e.substring(0,7).toLowerCase();for(let e of t){let t=e.color.toLowerCase(),o=t.substring(0,7);if(a+l===t)return P+e.slug+I;if(a===o)return P+e.slug+"@"+I+l}return e})).join(" "):e}({value:e.trim(),colors:Oe})),a&&(e=function({value:e,contentSize:t,wideSize:l}){return e&&(0,o.isString)(e)?e=e.split(" ").map((e=>e===t?B:e===l?S:e)).join(" "):e}({value:e,contentSize:Ae,wideSize:Ne}));let r=(0,o.cloneDeep)(O);r[t].value=e,c({dragBlockStyles:r})},ze=(e,t,l)=>{let a=(0,o.cloneDeep)(e);return a[t].devices||(a[t].devices=""),-1===a[t].devices.indexOf(l)?a[t].devices+=l:a[t].devices=a[t].devices.replace(l,""),""===a[t].devices&&delete a[t].devices,a},Te=(e,t,l=nulls,a=null)=>{let r=(0,o.cloneDeep)(e),n=r[t],c=t+1;for(;c<r.length;c++){let e=r[c];if(e.devices!==n.devices||e.selectors!==n.selectors)break}for(let e=t;e<c;e++)null!==l&&(r=ze(r,e,l)),null!==a&&(r[e].selectors=a);return r},je=(e,t)=>{let l=t+1;for(;l<e.length&&e[l].selectors===e[t].selectors&&e[l].devices===e[t].devices;l++);return l},Ue={":hover":!0,":focus":!0,":checked":!0,":target":!0,":active":!0};let He={devices:"",selectors:"",shown:!1},Ve=!1;for(let e of O)if(e.hidden){Ve=!0;break}return function(e,t=!0){const{clientId:l,isSelected:a,isMultiSelected:o,name:r,attributes:n}=e,{dragBlockRenderability:c}=n;return!a||o||["core/block"].includes(r)||t&&function(e){if(e&&e.length)for(let t of e)if(!t.disabled&&"render"===t.slug&&"never"===t.value)return!0;return!1}(c)}(t)?(0,n.createElement)(n.Fragment,null,(0,n.createElement)(e,{...t})):(0,n.createElement)(n.Fragment,null,(0,n.createElement)(e,{...t}),(0,n.createElement)(s.InspectorControls,null,(0,n.createElement)(u.PanelBody,{className:"dragblock-inspector-controls appearance"+(O&&O.length?" has-properties":""),title:(0,a.__)("Appearance","dragblock"),icon:dragBlockIcons?.iconMonalisa,opened:de,onToggle:()=>{be(!de)}},(0,n.createElement)(oe,{placeholder:(0,a.__)("+ Add a Property","dragblock"),onSelect:e=>{let t=(0,o.cloneDeep)(O),l=[];e.includes(":")&&r[e]?l=(0,o.cloneDeep)(r[e].set):l.push({value:"",slug:e}),-1!==K?(l.map((e=>(t[K].selectors&&(e.selectors=t[K].selectors),t[K].devices&&(e.devices=t[K].devices),e))),t.splice(K,0,...(0,o.cloneDeep)(l))):t.unshift(...(0,o.cloneDeep)(l)),c({dragBlockStyles:t}),Le(-1!==K?K:0)},suggestions:r}),Ve&&(0,n.createElement)(n.Fragment,null,(0,n.createElement)("a",{className:"global-action hidden-styles-toggle",onClick:()=>{Q(!q)}},q&&(0,n.createElement)(n.Fragment,null,H()," ",(0,a.__)("Hide Hidden","dragblock")),!q&&(0,n.createElement)(n.Fragment,null,V()," ",(0,a.__)("Show Hidden","dragblock")))),!!O&&0!==O.length&&(0,n.createElement)("div",{className:"properties"},O.map(((e,t)=>{let l=!1,d=e.devices?e.devices:"",s=e.selectors?e.selectors:"";He.devices!==d||He.selectors!==s?(He.devices=d,He.selectors=s,l=!e.hidden||q,l||(He.shown=!1)):!1===He.shown&&(l=!e.hidden||q),l&&(He.shown=!0);let b=!0,B=new Object,S="";if(e.selectors){let t=e.selectors.split(",").map((e=>e.trim()));for(let e of t)if(-1===e.indexOf(":"))B[""]||(B[""]=new Set),B[""].add(e);else{if(e=e.split(":"),!Ue[":"+e[1]]){b=!1;break}if(B[""]){b=!1;break}B[":"+e[1]]||(B[":"+e[1]]=new Set),B[":"+e[1]].add(e[0])}if(b){for(let e in B){let t=[...B[e]].sort(((e,t)=>e>t)).join(",");if(S){if(S!==t){b=!1;break}}else S=t}B[""]&&delete B[""]}}return(0,n.createElement)("div",{key:t,className:i()("property-wrapper",{})},l?(0,n.createElement)(n.Fragment,null,(0,n.createElement)("div",{className:"master-selector"},(0,n.createElement)(u.Tooltip,{delay:10,text:(0,a.__)("Edit selector","dragblock"),position:"middle left"},(0,n.createElement)("a",{className:"master-selector-name",onClick:function(){X(!0),Le(t)}},e.devices?(0,n.createElement)("span",{className:"devices"},e.devices.split("").map((e=>"m"===e?"Mobile":"t"===e?"Tablet":"Desktop")).join(", ")):null,e.selectors?(0,n.createElement)("span",{className:"selectors"},0===e.selectors.indexOf("&")?(0,n.createElement)(n.Fragment,null,(0,n.createElement)("strong",null,"&"),e.selectors.substring(1)):e.selectors):null)),(0,n.createElement)(u.Tooltip,{delay:10,text:(0,a.__)("Add a property","dragblock"),position:"top center"},(0,n.createElement)("a",{className:"master-selector-add",onClick:function(){J(t),document.querySelector(".dragblock-inspector-controls.appearance .fake-search-button").click()}},"+")))):"",(!e.hidden||q)&&(0,n.createElement)("a",{className:i()("property",{disabled:!!e.disabled,hidden:!!e.hidden,"has-selector":e.devices||e.selectors,default:!e.value,"is-selected":pe.has(t),"in-clipboard-cut":se(g,De,t)}),onClick:e=>{var l;if(l=De,window.dragBlockPM.curAttrSlug&&window.dragBlockPM.curAttrSlug!==l&&ge(),window.dragBlockPM.curAttrSlug=l,e.ctrlKey||e.metaKey)return pe.has(t)?pe.delete(t):pe.add(t),void Me((0,o.cloneDeep)(pe));Me(new Set),X(!1),Le(t)}},(0,n.createElement)("span",{className:"label"},r[e.slug].label),(0,n.createElement)("span",{className:"separator"}," ",e.hidden?(0,n.createElement)("strong",null,"👁"):":"," "),e.value?(0,n.createElement)("span",{className:"value-preview "+r[e.slug].type},(P=C({value:D(e.value,Oe),contentSize:Ae,wideSize:Ne}),(0,o.isString)(P)?-1===P.indexOf("#")?P:(P=P.split("#"),(0,n.createElement)(n.Fragment,null,(0,n.createElement)("span",null,P[0],"  "),(0,n.createElement)("span",{className:"color",style:{backgroundColor:"#"+P[1]}}),"#",P[1])):P)):(0,n.createElement)("span",null,(0,a.__)("default","dragblock"))),$===t?(0,n.createElement)(ae,{noPadding:!0,className:"dragblock-appearance-control-popover",onClose:Re,onMouseLeave:()=>{Re()},onKeyDown:e=>{"Escape"===e.key&&Re()},actions:U?{top:function(e,t){if(0===t)return e;let l=je(e,t),a=e.splice(t,l-t);return e.unshift(...a),e},bottom:function(e,t){let l=je(e,t);if(l>=e.length-1)return e;let a=e.splice(t,l-t);return e.push(...a),e},up:function(e,t){if(0===t)return e;let l=je(e,t),a=e.splice(t,l-t),o=((e,t)=>{let l=t-1;for(;l>-1&&e[t].selectors===e[l].selectors&&e[t].devices===e[l].devices;l--);return l+1})(e,t-1);return e.splice(o,0,...a),e},down:function(e,t){let l=je(e,t);if(l>=e.length-1)return e;let a=e.splice(t,l-t),o=je(e,t+1);return e.splice(o,0,...a),e},duplicate:!1,disable:function(e,t){let l=je(e,t),a=!0;for(let o=t;o<l;o++)if(!e[o].disabled){a=!1;break}if(a)for(let a=t;a<l;a++)delete e[a].disabled;else for(let a=t;a<l;a++)e[a].disabled="*";return e},hidden:!1,delete:!1}:null,onAction:(e,l)=>{"disable"!==e||U||(l[t].disabled?delete l[t].disabled:l[t].disabled="*"),"hidden"!==e||U||(l[t].hidden?delete l[t].hidden:l[t].hidden="*"),Re(),c({dragBlockStyles:l})},title:U?(0,a.__)("Edit Selectors","dragblock"):r[e.slug].label,disabled:e.disabled,hidden:e.hidden,list:O,index:t},!U&&(0,n.createElement)("div",{className:"value"},"color"===r[e.slug].type&&(0,n.createElement)(u.ColorPalette,{enableAlpha:!0,colors:Oe,value:D(e.value,Oe),onChange:e=>{Fe(e,t,!0)}}),"unit"===r[e.slug].type&&(0,n.createElement)(p,{value:e.value,units:r[e.slug].units?r[e.slug].units:null,onChange:e=>{Fe(e,t)}}),"select"===r[e.slug].type&&(0,n.createElement)(u.SelectControl,{value:e.value,options:r[e.slug].options,onChange:e=>{Fe(e,t)}}),"text"===r[e.slug].type&&(0,n.createElement)(u.TextControl,{value:e.value,onChange:e=>{Fe(e,t)}}),"margin"===r[e.slug].type&&(0,n.createElement)(W,{value:e.value,onChange:e=>{Fe(e,t)},switcher:"margin"===e.slug||"padding"===e.slug||"border-radius"===e.slug,minus:-1===e.slug.indexOf("padding")&&"border-radius"!==e.slug,corner:"border-radius"===e.slug}),"number"===r[e.slug].type&&(0,n.createElement)(u.__experimentalNumberControl,{value:e.value?Number(e.value):"",min:r[e.slug].min?r[e.slug].min:-99,max:r[e.slug].max?r[e.slug].max:9999,step:r[e.slug].step?r[e.slug].step:1,onChange:e=>{Fe(e,t)}}),"font-size"===r[e.slug].type&&(0,n.createElement)(m,{value:e.value,onChange:e=>{Fe(e,t)}}),"font-size"===r[e.slug].type&&(0,n.createElement)(Ie,{value:e.value,onChange:e=>{Fe(e,t)}}),"font-weight"===r[e.slug].type&&(0,n.createElement)(_,{value:e.value,onChange:e=>{Fe(e,t)}}),"line-height"===r[e.slug].type&&(0,n.createElement)(k,{value:e.value,onChange:e=>{Fe(e,t)}}),"text-decoration-line"===r[e.slug].type&&(0,n.createElement)(v,{value:e.value,onChange:e=>{Fe(e,t)}}),"text-decoration-style"===r[e.slug].type&&(0,n.createElement)(h,{value:e.value,onChange:e=>{Fe(e,t)}}),"text-transform"===r[e.slug].type&&(0,n.createElement)(w,{value:e.value,onChange:e=>{Fe(e,t)}}),"text-align"===r[e.slug].type&&(0,n.createElement)(te,{value:e.value,onChange:e=>{Fe(e,t)}}),"text-decoration"===r[e.slug].type&&(0,n.createElement)(f,{value:D(e.value,Oe),colors:Oe,onChange:e=>{Fe(e,t,!0)}}),"border-style"===r[e.slug].type&&(0,n.createElement)(y,{value:e.value,onChange:e=>{Fe(e,t)}}),"border"===r[e.slug].type&&(0,n.createElement)(x,{value:D(e.value,Oe),colors:Oe,onChange:e=>{Fe(e,t,!0)}}),"text-shadow"===r[e.slug].type&&(0,n.createElement)(E,{value:D(e.value,Oe),colors:Oe,onChange:e=>{Fe(e,t,!0)}}),"box-shadow"===r[e.slug].type&&(0,n.createElement)(A,{value:D(e.value,Oe),colors:Oe,onChange:e=>{Fe(e,t,!0)}}),"position"===r[e.slug].type&&(0,n.createElement)(N,{value:e.value,onChange:e=>{Fe(e,t)}}),"display"===r[e.slug].type&&(0,n.createElement)(M,{value:e.value,onChange:e=>{Fe(e,t)}}),"transform"===r[e.slug].type&&(0,n.createElement)(R,{value:e.value,onChange:e=>{Fe(e,t)}}),"align-items"===r[e.slug].type&&(0,n.createElement)(F,{value:e.value,onChange:e=>{Fe(e,t)}}),"justify-content"===r[e.slug].type&&(0,n.createElement)(z,{value:e.value,onChange:e=>{Fe(e,t)}}),"flex-wrap"===r[e.slug].type&&(0,n.createElement)(T,{value:e.value,onChange:e=>{Fe(e,t)}}),"flex-direction"===r[e.slug].type&&(0,n.createElement)(j,{value:e.value,onChange:e=>{Fe(e,t)}}),("width"===r[e.slug].type||"flex-basis"===r[e.slug].type)&&(0,n.createElement)(le,{value:C({value:e.value,contentSize:Ae,wideSize:Ne}),onChange:e=>{Fe(e,t,!1,!0)}}),"height"===r[e.slug].type&&(0,n.createElement)(re,{value:C({value:e.value,contentSize:Ae,wideSize:Ne}),onChange:e=>{Fe(e,t,!1,!0)}}),"animation-name"===r[e.slug].type&&(0,n.createElement)(ie,{value:e.value,onChange:e=>{Fe(e,t)}})),(0,n.createElement)("div",{className:"extra-wrapper"},(0,n.createElement)(u.Flex,{className:"extra devices"},(0,n.createElement)(u.FlexItem,{className:"label"},(0,a.__)("Devices","dragblock")),(0,n.createElement)(u.FlexItem,{className:"control"},(0,n.createElement)(u.Tooltip,{text:"Desktop",delay:10,position:"top center"},(0,n.createElement)("a",{className:i()("extra-item",{active:e.devices&&-1!==e.devices.indexOf("d")}),onClick:()=>{c(U?{dragBlockStyles:Te(O,t,"d")}:{dragBlockStyles:ze(O,t,"d")})}},G())),(0,n.createElement)(u.Tooltip,{text:"Tablet",delay:10,position:"top center"},(0,n.createElement)("a",{className:i()("extra-item",{active:e.devices&&-1!==e.devices.indexOf("t")}),onClick:()=>{c(U?{dragBlockStyles:Te(O,t,"t")}:{dragBlockStyles:ze(O,t,"t")})}},Y())),(0,n.createElement)(u.Tooltip,{text:"Mobile",delay:10,position:"top center"},(0,n.createElement)("a",{className:i()("extra-item",{active:e.devices&&-1!==e.devices.indexOf("m")}),onClick:()=>{c(U?{dragBlockStyles:Te(O,t,"m")}:{dragBlockStyles:ze(O,t,"m")})}},Z())))),!1!==b&&(0,n.createElement)(u.Flex,{className:"extra states"},(0,n.createElement)(u.FlexItem,{className:"label"},(0,a.__)("States","dragblock")),(0,n.createElement)(u.FlexItem,{className:"control"},Object.entries(Ue).map((([e,l],a)=>(0,n.createElement)("a",{key:a,className:i()("extra-item",{active:!!B[e]}),onClick:()=>{B[e]?delete B[e]:B[e]=!0,S=S.split(","),0===Object.keys(B).length&&(B[""]=!0);let l=Object.keys(B).map((e=>S.join(e+",")+e)).join(", ");if(U)return void c({dragBlockStyles:Te(O,t,null,l)});let a=(0,o.cloneDeep)(O);a[t].selectors=l,""===a[t].selectors&&delete a[t].selectors,c({dragBlockStyles:a})}},(0,n.createElement)("span",null,e)))))),(0,n.createElement)(u.Flex,{className:"extra selectors"},(0,n.createElement)(u.FlexItem,{className:"label"},(0,a.__)("Selectors","dragblock")),(0,n.createElement)(u.FlexItem,{className:"control"},(0,n.createElement)(ne,{position:"top",options:{},value:e.selectors,onChange:e=>{if(U)return void c({dragBlockStyles:Te(O,t,null,e)});let l=(0,o.cloneDeep)(O);l[t].selectors=e,c({dragBlockStyles:l})}}))))):null);var P}))))))}),"dragBlockApperanceControls");wp.hooks.addFilter("editor.BlockEdit","dragblock/apperance-controls",De);const Oe=(0,d.createHigherOrderComponent)((e=>t=>{const l=((0,s.useSetting)("color.palette.theme")||[]).concat((0,s.useSetting)("color.palette.custom")||[]);return(0,n.createElement)(n.Fragment,null,(0,n.createElement)(n.Fragment,null,function({props:e,colors:t}){const{attributes:l,setAttributes:a,isSelected:r,clientId:c,name:i}=e;let{dragBlockStyles:d,dragBlockClientId:s,dragBlockCSS:u,className:g}=l,b="",p="";if(d){let e=".wp-block-"+i.replace("core/","").split("/").join("-")+'[data-dragblock-client-id="'+s+'"]';"core/query-pagination"===i&&(e=".wp-block-query-pagination.block-editor-block-list__layout"+e);let l='[data-dragblock-client-id="'+s+'"]';"core/post-template"===i&&(l=".wp-block-post-template"+l);const a="{default_self_selector}",r="{default_body_selector}",n="{default_id_selector}";let c={ALL:{}},u=(0,o.cloneDeep)(d);u.reverse();for(let e of u){if(e.disabled||""===e.value)continue;let t="";e.devices&&(-1!==e.devices.indexOf("d")&&(t+="d"),-1!==e.devices.indexOf("t")&&(t+="t"),-1!==e.devices.indexOf("m")&&(t+="m")),t&&3!==t.length||(t="ALL");const l=(e=a)=>(!e.includes(" ")&&e.indexOf(a),0===e.indexOf(a)&&("core/navigation-submenu"!==i&&"core/navigation-link"!==i||(e=".wp-block-navigation "+e),"core/navigation"===i&&(e=e.replaceAll(a,a+" .wp-block-navigation__container"))),e);let o="";o=e.selectors?e.selectors.split(",").map((e=>(e=0===(e=e.trim()).indexOf(":")?a+e:-1!==e.indexOf("&")?e.replaceAll("&",a):a+" "+e,e=l(e),r+e))).join(","):l(),o=o.replaceAll("#",n),c[t]||(c[t]={}),c[t][o]||(c[t][o]={}),c[t][o][e.slug]||(c[t][o][e.slug]=""),e.value=String(e.value),-1!==e.slug.indexOf("-shadow")||"background-img"===e.slug?c[t][o][e.slug]+=(c[t][o][e.slug]?",":"")+e.value:"transform"===e.slug?c[t][o][e.slug]+=(c[t][o][e.slug]?" ":"")+e.value:c[t][o][e.slug]=e.value}for(let e in c){let t="",l="";for(let a in c[e]){let o=!1,r=Object.entries(c[e][a]).map((([e,t])=>(!o&&("display"===e&&"none"!==t||"max-height"===e&&"0"!==t)&&(o=!0),e+":"+t))).join(";"),n=a;o&&(n=a.split(",").map((e=>(e=e.trim(),[".active",".pass",".fail",":hover",":active"].map((t=>{e.includes(t)&&(e=e.replace(t,".is-selected")+", "+e.replace(t,".has-child-selected"))})),e))).join(",")),t+=a+"{"+r+"}",l+=n+"{"+r+"}"}"ALL"===e&&(p+=t,b+=l),"d"===e&&(p+="@media screen and (min-width: 1025px) {"+t+"}",b+="@media screen and (min-width: 1025px) {"+l+"}"),"t"===e&&(p+="@media screen and (min-width: 768px) and (max-width: 1024px) {"+t+"}",b+="@media screen and (min-width: 768px) and (max-width: 1024px) {"+l+"}"),"m"===e&&(p+="@media screen and (max-width: 767px) {"+t+"}",b+="@media screen and (max-width: 767px) {"+l+"}"),"dt"===e&&(p+="@media screen and (min-width: 768px) {"+t+"}",b+="@media screen and (min-width: 768px) {"+l+"}"),"dm"===e&&(p+="@media screen and (min-width: 1025px), screen and (max-width: 767px) {"+t+"}",b+="@media screen and (min-width: 1025px), screen and (max-width: 767px) {"+l+"}"),"tm"===e&&(p+="@media screen and (max-width: 1024px) {"+t+"}",b+="@media screen and (max-width: 1024px) {"+l+"}")}for(let e of t)b=b.replaceAll("{c="+e.slug+"}",e.color),b=b.replaceAll("{c="+e.slug+"@}",e.color.substring(0,7));b=b.replaceAll(a,e),b=b.replaceAll(r,".editor-styles-wrapper "),b=b.replaceAll(n,".dragblock-id-classname-placeholder--"),p=p.replaceAll(a,l),p=p.replaceAll(r,""),p=p.replaceAll(n,"#")}return(0,n.useEffect)((()=>{u!==p&&a({dragBlockCSS:p})})),b?(0,n.createElement)(n.Fragment,null,(0,n.createElement)("style",null,b)):(0,n.createElement)(n.Fragment,null)}({props:t,colors:l})),(0,n.createElement)(e,{...t}))}),"dragBlockAppearanceStyle");wp.hooks.addFilter("editor.BlockListBlock","dragblock/apperance-style",Oe)},4184:function(e,t){var l;!function(){"use strict";var a={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var l=arguments[t];if(l){var r=typeof l;if("string"===r||"number"===r)e.push(l);else if(Array.isArray(l)){if(l.length){var n=o.apply(null,l);n&&e.push(n)}}else if("object"===r){if(l.toString!==Object.prototype.toString&&!l.toString.toString().includes("[native code]")){e.push(l.toString());continue}for(var c in l)a.call(l,c)&&l[c]&&e.push(c)}}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(l=function(){return o}.apply(t,[]))||(e.exports=l)}()}},l={};function a(e){var o=l[e];if(void 0!==o)return o.exports;var r=l[e]={exports:{}};return t[e](r,r.exports,a),r.exports}a.m=t,e=[],a.O=function(t,l,o,r){if(!l){var n=1/0;for(s=0;s<e.length;s++){l=e[s][0],o=e[s][1],r=e[s][2];for(var c=!0,i=0;i<l.length;i++)(!1&r||n>=r)&&Object.keys(a.O).every((function(e){return a.O[e](l[i])}))?l.splice(i--,1):(c=!1,r<n&&(n=r));if(c){e.splice(s--,1);var d=o();void 0!==d&&(t=d)}}return t}r=r||0;for(var s=e.length;s>0&&e[s-1][2]>r;s--)e[s]=e[s-1];e[s]=[l,o,r]},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},a.d=function(e,t){for(var l in t)a.o(t,l)&&!a.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){var e={2087:0,2399:0};a.O.j=function(t){return 0===e[t]};var t=function(t,l){var o,r,n=l[0],c=l[1],i=l[2],d=0;if(n.some((function(t){return 0!==e[t]}))){for(o in c)a.o(c,o)&&(a.m[o]=c[o]);if(i)var s=i(a)}for(t&&t(l);d<n.length;d++)r=n[d],a.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return a.O(s)},l=self.webpackChunkdragblock=self.webpackChunkdragblock||[];l.forEach(t.bind(null,0)),l.push=t.bind(null,l.push.bind(l))}();var o=a.O(void 0,[2399],(function(){return a(8231)}));o=a.O(o)}();

  • dragblock/trunk/dragblock.php

    r3023697 r3029063  
    66 * Requires at least: 5.9
    77 * Requires PHP: 7.0
    8  * Version: 24.01.18
     8 * Version: 24.01.30
    99 * Author: DragBlock.Com
    1010 * Author URI: https://dragblock.com
    … …  
    3232    defined('WP_ENVIRONMENT_TYPE') && WP_ENVIRONMENT_TYPE === 'local'
    3333);
    34 define( 'DRAGBLOCK_VERSION', DRAGBLOCK_IS_LOCAL ? time() : '24.01.18' );
     34define( 'DRAGBLOCK_VERSION', DRAGBLOCK_IS_LOCAL ? time() : '24.01.30' );
    3535require_once 'build/index.php';

  • dragblock/trunk/readme.txt

    r3023697 r3029063  
    55Requires at least: 5.9
    66Requires PHP: 7.4
    7 Stable tag: 24.01.18
     7Stable tag: 24.01.30
    88Tested up to: 6.4.2
    99License: GPLv2 or later
    … …  
    6262
    6363== Changelog ==
     64= 23.01.30 =
     65* Fixed non-negative values for x,y of box-shadow and text-shadow property
    6466= 24.01.18 =
    6567* Support showing author bio for author boxes
Note: See TracChangeset for help on using the changeset viewer.