(()=>{"use strict";const e=window.wp.blocks,l=JSON.parse('{"u2":"foxiz-elements/list-style"}'),t=window.wp.element,n=window.wp.i18n,a=window.wp.components,o=window.wp.blockEditor;(0,e.registerBlockType)(l.u2,{edit:function(e){const{attributes:l,setAttributes:c}=e,i=(e,l)=>{c({[e]:l})},{icon:r,emoji:s,desktopSize:_,tabletSize:m,mobileSize:u,color:b,darkColor:p,spacing:d}=l,v=[{label:(0,n.__)("Arrow"),value:"e958"},{label:(0,n.__)("Warning"),value:"e981"},{label:(0,n.__)("Angle"),value:"e926"},{label:(0,n.__)("Circle Arrow"),value:"e902"},{label:(0,n.__)("Circle Checked"),value:"e960"},{label:(0,n.__)("Plus"),value:"e900"},{label:(0,n.__)("Minus"),value:"e90e"},{label:(0,n.__)("Trend"),value:"e954"},{label:(0,n.__)("Heart"),value:"6c"},{label:(0,n.__)("V"),value:"e984"},{label:(0,n.__)("X"),value:"e949"},{label:(0,n.__)("Ratio Checked"),value:"ea54"},{label:(0,n.__)("Ratio Unchecked"),value:"ea56"},{label:(0,n.__)("Star"),value:"e951"},{label:(0,n.__)("Flash"),value:"e986"},{label:(0,n.__)("Certification"),value:"e983"}];r||i("icon","e958");let C="list-style-element";C+=s?" is-emoji":" is-icon";const E=(0,o.useBlockProps)({className:C,style:{...s?{"--icon-code":`"${s}"`}:{"--icon-code":`"\\${r}"`},..._&&{"--desktop-icon-size":`${_}px`},...m&&{"--tablet-icon-size":`${m}px`},...u&&{"--mobile-icon-size":`${u}px`},...d&&{"--item-spacing":`${d}px`},...b&&{"--icon-color":b},...p&&{"--dark-icon-color":p}}});return(0,t.createElement)("div",E,(0,t.createElement)(o.InspectorControls,null,(0,t.createElement)(a.PanelBody,{title:(0,n.__)("General"),initialOpen:!0},(0,t.createElement)(a.SelectControl,{label:(0,n.__)("Icon"),description:(0,n.__)("Select an icon for the list style."),value:r,options:v,onChange:e=>i("icon",e)}),(0,t.createElement)(a.TextControl,{label:(0,n.__)("or HTML Emoji Code"),placeholder:(0,n.__)("&#10004;"),value:s,onChange:e=>i("emoji",e),help:(0,n.__)("You can use the decimal (dec) code: w3schools.com/charsets/ref_emoji.asp")})),(0,t.createElement)(a.PanelBody,{title:(0,n.__)("Style"),initialOpen:!0},(0,t.createElement)("label",{className:"rb-control-label"},(0,n.__)("Icon Size")),(0,t.createElement)("div",{className:"responsive-settings"},(0,t.createElement)("div",null,(0,t.createElement)("label",null,(0,t.createElement)(a.Dashicon,{icon:"desktop"}),(0,n.__)("Desktop")),(0,t.createElement)(a.TextControl,{type:"number",placeholder:"12",value:_,onChange:e=>i("desktopSize",e)})),(0,t.createElement)("div",null,(0,t.createElement)("label",null,(0,t.createElement)(a.Dashicon,{icon:"tablet"}),(0,n.__)("Tablet")),(0,t.createElement)(a.TextControl,{type:"number",placeholder:"12",value:m,onChange:e=>i("tabletSize",e)})),(0,t.createElement)("div",null,(0,t.createElement)("label",null,(0,t.createElement)(a.Dashicon,{icon:"smartphone"}),(0,n.__)("Mobile")),(0,t.createElement)(a.TextControl,{type:"number",value:u,onChange:e=>i("mobileSize",e)}))),(0,t.createElement)(a.RangeControl,{label:(0,n.__)("List Item Spacing"),value:d,onChange:e=>i("spacing",e),step:1,max:100,min:0,help:(0,n.__)("Select a spacing between li tags")}),(0,t.createElement)(o.PanelColorSettings,{title:(0,n.__)("Color"),colorSettings:[{value:b,onChange:e=>i("color",e),label:(0,n.__)("Color")},{value:p,onChange:e=>i("darkColor",e),label:(0,n.__)("Dark Mode - Color")}]}))),(0,t.createElement)(o.InnerBlocks,{template:[["core/list",{placeholder:"Enter list content..."}]],templateLock:!0}))},save:function(){return(0,t.createElement)(o.InnerBlocks.Content,null)}})})();