text: "use strict";(self.webpackChunkneo_mjs=self.webpackChunkneo_mjs||[]).push([[9214],{9214:(e,a,n)=>{n.r(a),n.d(a,{onStart:()=>u});var t=n(3495),i=n(3921),l=n(395),s=n(9258);class o extends i.Z{static getConfig(){return{className:"Neo.menu.Panel",ntype:"menu",cls:["neo-menu","neo-panel","neo-container"],list_:s.Z,listConfig:null,listItems_:null,subMenuGap_:0}}afterSetList(e,a){this.add(e)}afterSetListItems(e,a){this.list.items=e}afterSetSubMenuGap(e,a){this.list.subMenuGap=e}beforeSetList(e,a){return a&&a.destroy(),l.Z.beforeSetInstance(e,s.Z,this.listConfig)}}Neo.applyClassConfig(o);var m=n(6272);class c extends t.Z{static getConfig(){return{className:"Neo.examples.menu.panel.MainContainer",autoMount:!0,configItemLabelWidth:130,configItemWidth:230,layout:{ntype:"hbox",align:"stretch"}}}createConfigurationComponents(){let e=this;return[{module:m.Z,clearable:!0,labelText:"height",listeners:{change:e.onConfigChange.bind(e,"height")},maxValue:800,minValue:30,stepSize:5,value:e.exampleComponent.height,style:{marginTop:"10px"}},{module:m.Z,clearable:!0,labelText:"subMenuGap",listeners:{change:e.onConfigChange.bind(e,"subMenuGap")},maxValue:20,minValue:0,stepSize:1,style:{marginTop:"10px"},value:e.exampleComponent.subMenuGap},{module:m.Z,clearable:!0,labelText:"width",listeners:{change:e.onConfigChange.bind(e,"width")},maxValue:800,minValue:100,stepSize:5,style:{marginTop:"10px"},value:e.exampleComponent.width}]}createExampleComponent(){return Neo.create({module:o,listConfig:{displayField:"name"},listItems:[{iconCls:"fa fa-user",id:1,name:"Item 1"},{iconCls:"fa fa-home",id:2,name:"Group 1",items:[{iconCls:"fa fa-home",id:6,name:"Item 1"},{iconCls:"fa fa-home",id:7,name:"Item 2"},{iconCls:"fa fa-home",id:8,name:"Item 3"}]},{iconCls:"fa fa-cog",id:3,name:"Item 2"},{iconCls:"far fa-calendar",id:4,name:"Item 3"},{iconCls:"far fa-clock",id:5,name:"Group 2",items:[{iconCls:"fa fa-clock",id:9,name:"Item 1"},{iconCls:"fa fa-clock",id:10,name:"Item 2"},{iconCls:"fa fa-clock",id:11,name:"Group 1",items:[{iconCls:"far fa-clock",id:12,name:"Item 1"},{iconCls:"far fa-clock",id:13,name:"Item 2"},{iconCls:"far fa-clock",id:14,name:"Item 3"}]}]}]})}}Neo.applyClassConfig(c);const u=()=>Neo.app({mainView:c,name:"Neo.examples.menu.panel"})}}]);