!function(){var e,t={3279:function(e,t,r){"use strict";var a=window.wp.element,n=window.wp.blocks;function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}var o=window.wp.i18n,i=r(4184),s=r.n(i),c=window.wp.primitives,u=(0,a.createElement)(c.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(c.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"}));const{useState:p,useEffect:d}=wp.element,{useBlockProps:m,InspectorControls:g}=wp.blockEditor,{PanelBody:f,TextControl:v,ToggleControl:_,RangeControl:b,ColorPicker:w,Button:h}=wp.components,{useBlockProps:k}=wp.blockEditor;var y=JSON.parse('{"apiVersion":2,"name":"webdevia/progress-bar","version":"0.1.0","title":"progress-bar","category":"webdevia","icon":"smily","description":"The progress bar block is an effective way to display numerical data in a visual format. With customizable options, you can choose the color, style, and percentage value for each progress bar.","attributes":{"unit":{"type":"string"},"bars":{"type":"array","default":[{"title":"Bar 1","value":60,"color":"#4965fd"},{"title":"Bar 2","value":90,"color":"#f27573"},{"title":"Bar 3","value":75,"color":"#f2cd66"}]},"gap":{"type":"number","default":5},"radius":{"type":"number","default":50},"pRadius":{"type":"number","default":15},"stripes":{"type":"boolean","default":false},"stripesAnnimate":{"type":"boolean","default":false}},"supports":{"html":false,"anchor":true,"align":["wide","full"],"color":{"__experimentalDefaultControls":{"background":false,"text":true}}},"example":{"attributes":{"preview":true,"blockOnly":true}},"keywords":["wd","webdevia","progress","bar"],"textdomain":"webdevia-blocks","editorScript":"file:./index.js","viewScript":"file:./view.js","editorStyle":"file:./index.css","style":"file:./style-index.css"}');const{name:E,...x}=y;(0,n.registerBlockType)(E,{...x,icon:()=>(0,a.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",class:"wd-blocks-icon"},(0,a.createElement)("path",{d:"M.5 0a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-1 0V.5A.5.5 0 0 1 .5 0zM2 1.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5v-1zm2 4a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-1zm2 4a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-6a.5.5 0 0 1-.5-.5v-1zm2 4a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-1z"})),edit:function(e){let{attributes:t,setAttributes:r}=e;const{className:n,bars:i,unit:c,stripes:k,stripesAnnimate:y,gap:E,radius:x,pRadius:$}=t;d((()=>{}),[]);const C="wd-block-webdevia-progress-bar",[S,O]=p();let N;const A=m({className:s()(C,n)}),B=(e,t,a)=>{const n=[...i];switch(e){case"title":n[a].title=t;break;case"value":n[a].value=t;break;case"color":n[a].color=t;break;case"link":n[a].link=t}r({bars:n})};return i.length>0&&(N=i.map(((e,t)=>(0,a.createElement)("li",{key:t,className:`${C}__ic__items__item`},(0,a.createElement)("div",{className:`${C}__ic__items__item__title`,onClick:e=>((e,t)=>{e.target.closest("#removeEvent")?r({bars:i.filter(((e,r)=>t!==r))}):e.target.closest("li").querySelector(`.${C}__ic__items__item__content`).classList.toggle("open")})(e,t),draggable:!0,onDragStart:e=>((e,t)=>{e.target.classList.add("dragging")})(e),onDragEnter:e=>((e,t)=>{O(t)})(0,t),onDragOver:e=>((e,t)=>{e.prbarDefault();const r=e.target.closest(`.${C}__ic__items ul`),a=function(e,t){return[...e.querySelectorAll(`.${C}__ic__items__item:not(.dragging)`)].reduce(((e,r)=>{const a=r.getBoundingClientRect(),n=t-a.top-a.height/2;return n<0&&n>e.offset?{offset:n,element:r}:e}),{offset:Number.NEGATIVE_INFINITY}).element}(r,e.clientY),n=r.querySelector(".dragging");null==a?r.appendChild(n):r.insertBefore(n,a)})(e),onDragEnd:e=>((e,t)=>{e.target.classList.remove("dragging");const a=[...i],n=a[t];a.splice(t,1);const l=[...a.slice(0,S),n,...a.slice(S,a.length)];r({bars:l})})(e,t)},e.title,(0,a.createElement)("span",{id:"removeEvent",className:`${C}__ic__items__item__remove`},u)),(0,a.createElement)("div",{className:`${C}__ic__items__item__content`,draggable:!1},(0,a.createElement)(v,{label:(0,o.__)("Title","wd-framework"),value:e?.title,onChange:e=>B("title",e,t)}),(0,a.createElement)(b,{label:(0,o.__)("Value","wd-framework"),value:e?.value,min:0,max:100,onChange:e=>B("value",e,t)}),(0,a.createElement)(w,{label:(0,o.__)("Color","wd-framework"),color:e?.color,enableAlpha:!0,defaultValue:"#009FB7",onChange:e=>B("color",e,t)})))))),[(0,a.createElement)(g,{key:1},(0,a.createElement)(f,{title:(0,o.__)("Settings","wd-framework"),initialOpen:!0,className:`${C}__ic`},(0,a.createElement)(v,{label:(0,o.__)("Unit","wd-framework"),value:c,onChange:e=>r({unit:e})}),(0,a.createElement)(b,{label:(0,o.__)("Corners radius","wd-framework"),value:x,min:0,max:50,onChange:e=>r({radius:e})}),(0,a.createElement)(b,{label:(0,o.__)("Progress radius","wd-framework"),value:$,min:0,max:50,onChange:e=>r({pRadius:e})}),(0,a.createElement)(b,{label:(0,o.__)("Inner gap","wd-framework"),value:E,min:0,max:20,onChange:e=>r({gap:e})}),(0,a.createElement)(_,{label:(0,o.__)("Stripes","wd-framework"),help:k?"Has Stripes":"No Stripes",checked:k,onChange:e=>{r({stripes:e})}}),k&&(0,a.createElement)(_,{label:(0,o.__)("Annimate Stripes","wd-framework"),help:y?"Has Stripes Annimation":"No Stripes Annimation",checked:y,onChange:e=>{r({stripesAnnimate:e})}}),!!i&&(0,a.createElement)("fieldset",{className:`${C}__ic__items`},(0,a.createElement)("legend",null,(0,o.__)("Progress bars","wd-framework")),(0,a.createElement)("ul",null,N.length?N:(0,a.createElement)("div",null,(0,o.__)("There are no bars yet, please add some!")))),(0,a.createElement)(h,{variant:"primary",className:`${C}__ic__add-bar`,onClick:()=>(()=>{const e=[...i];e.push({title:"New bar",value:0,color:"#000"}),r({bars:e})})()},(0,o.__)("Add Bar")))),(0,a.createElement)("div",l({},A,{key:2}),i?i.map((e=>(0,a.createElement)("div",{class:"meter "+(k?"":"nostripes"),style:{borderRadius:`${x}px`,padding:`${E}px`}},(0,a.createElement)("span",{className:y?"animate-stripes":"",style:{width:`${e.value}%`,backgroundColor:e.color,borderRadius:`${x}px ${$}px ${$}px ${x}px`,backgroundImage:`linear-gradient(to top, ${e.color} 37%, ${e.color} 69%)`}}),(0,a.createElement)("p",null,`${e.title} ${c?e.value+c:""}`)))):(0,o.__)("Please add bars on settings panel","wd-framework"))]},save:function(e){let{attributes:t}=e;const{bars:r,stripes:n,stripesAnnimate:l,unit:i,gap:s,radius:c,pRadius:u}=t,p=k.save({className:"wd-block-webdevia-progress-bar"});return(0,a.createElement)("div",p,r?r.map((e=>(0,a.createElement)("div",{class:"meter "+(n?"":"nostripes"),style:{borderRadius:`${c}px`,padding:`${s}px`}},(0,a.createElement)("span",{className:l?"animate-stripes":"",style:{width:0,backgroundColor:e.color,borderRadius:`${c}px ${u}px ${u}px ${c}px`,backgroundImage:`linear-gradient(to top, ${e.color} 37%, ${e.color} 69%)`},"data-progress":e.value}),(0,a.createElement)("p",null,`${e.title} ${i?e.value+i:""}`)))):(0,o.__)("Please add bars on settings panel","wd-framework"))}})},4184:function(e,t){var r;!function(){"use strict";var a={}.hasOwnProperty;function n(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var l=typeof r;if("string"===l||"number"===l)e.push(r);else if(Array.isArray(r)){if(r.length){var o=n.apply(null,r);o&&e.push(o)}}else if("object"===l){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){e.push(r.toString());continue}for(var i in r)a.call(r,i)&&r[i]&&e.push(i)}}}return e.join(" ")}e.exports?(n.default=n,e.exports=n):void 0===(r=function(){return n}.apply(t,[]))||(e.exports=r)}()}},r={};function a(e){var n=r[e];if(void 0!==n)return n.exports;var l=r[e]={exports:{}};return t[e](l,l.exports,a),l.exports}a.m=t,e=[],a.O=function(t,r,n,l){if(!r){var o=1/0;for(u=0;u<e.length;u++){r=e[u][0],n=e[u][1],l=e[u][2];for(var i=!0,s=0;s<r.length;s++)(!1&l||o>=l)&&Object.keys(a.O).every((function(e){return a.O[e](r[s])}))?r.splice(s--,1):(i=!1,l<o&&(o=l));if(i){e.splice(u--,1);var c=n();void 0!==c&&(t=c)}}return t}l=l||0;for(var u=e.length;u>0&&e[u-1][2]>l;u--)e[u]=e[u-1];e[u]=[r,n,l]},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 r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){var e={767:0,6171:0,3369:0};a.O.j=function(t){return 0===e[t]};var t=function(t,r){var n,l,o=r[0],i=r[1],s=r[2],c=0;if(o.some((function(t){return 0!==e[t]}))){for(n in i)a.o(i,n)&&(a.m[n]=i[n]);if(s)var u=s(a)}for(t&&t(r);c<o.length;c++)l=o[c],a.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return a.O(u)},r=self.webpackChunkwebdevia_blocks=self.webpackChunkwebdevia_blocks||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))}();var n=a.O(void 0,[3369],(function(){return a(3279)}));n=a.O(n)}();