(window.webpackJsonp_stax=window.webpackJsonp_stax||[]).push([[4],{40:function(e,t,a){"use strict";var n=a(1),s=a(5),i=Object(n.createElement)(s.SVG,{width:"18",height:"18",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 18 18"},Object(n.createElement)(s.Path,{d:"M5 4h2V2H5v2zm6-2v2h2V2h-2zm-6 8h2V8H5v2zm6 0h2V8h-2v2zm-6 6h2v-2H5v2zm6 0h2v-2h-2v2z"}));t.a=i},43:function(e,t,a){"use strict";a.r(t);var n=a(4),s=a.n(n),i=a(17),l=a(3),c=a(40),r=a(2),m=a(1),o=a(16);t.default=({items:e})=>{const{builder:t,actions:a,dragging:n}=Object(m.useContext)(o.a),{onDragStart:d,onDragEnd:b,setSidebarItems:p}=a,h=window.StaxReactCustomize.HFG[t].items;return s.a.createElement("div",{className:"stax-builder-sidebar-content"},s.a.createElement("span",{className:"customize-control-title"},Object(r.__)("Available Components","stax")),e&&e.length>0&&s.a.createElement("div",{className:"sidebar-items droppable-wrap"},s.a.createElement(i.ReactSortable,{onEnd:b,animation:0,group:t,className:"droppable",disabled:n,onStart:d,list:e,setList:e=>{const t=e.map(e=>({id:e.id})).sort((e,t)=>e.id<t.id?-1:1);p(t)}},e.map((e,t)=>{const{name:a}=h[e.id];return s.a.createElement("div",{className:"builder-item",key:e.id},s.a.createElement(l.Icon,{className:"handle",icon:c.a,size:15}),s.a.createElement("span",null,a))}))),!e.length&&s.a.createElement("div",{className:"no-components"},s.a.createElement("span",null,Object(r.__)("All available components are used inside the builder","stax"))))}}}]);