@fmsim/fmsim-restful 1.0.61 → 1.0.62

package/dist-app/fmsim/modules.js

@@ -0,0 +1,2 @@
+/*! For license information please see modules.js.LICENSE.txt */
+"use strict";(self.webpackChunk_fmsim_fmsim_restful=self.webpackChunk_fmsim_fmsim_restful||[]).push([[6158],{848:(e,t,n)=>{n.d(t,{Fy:()=>a,Gm:()=>i,d:()=>s,vR:()=>o});var r=n(93900);function o(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.px)((0,r.MM)()+"/fetchFavoriteBoardList","post",null,e)}function i(e){return(0,r.px)((0,r.MM)()+"/addFavorite","post",null,{boardId:e})}function a(e){return(0,r.px)((0,r.MM)()+"/removeFavorite/"+e,"delete",null,null)}function s(){return(0,r.px)((0,r.MM)()+"/refreshFavorites","get",null,null)}},938:(e,t,n)=>{n.d(t,{X$:()=>m.X,GJ:()=>v.G,sm:()=>O.s,fx:()=>p});var r=n(30277),o=new URL(n(65513),n.b).href,i=new URL(n(51057),n.b).href,a=new URL(n(9405),n.b).href,s=new URL(n(55239),n.b).href,l={name:"etc",description:"a group of components that have not yet been defined.",icon:'\n<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">\n  <style type="text/css">\n    .st0{fill:{{strokeColor}};}\n  </style>\n  <g>\n    <circle class="st0" cx="7.1" cy="15" r="2"/>\n    <circle class="st0" cx="15" cy="15" r="2"/>\n    <circle class="st0" cx="22.9" cy="15" r="2"/>\n  </g>\n</svg>\n',templates:[{type:"rect",description:"rectangle shape",icon:o,group:"shape",model:{type:"rect",left:100,top:100,width:100,height:100,fillStyle:"#fff",strokeStyle:"#000",alpha:1,hidden:!1,lineWidth:1,lineDash:"solid",lineCap:"butt"}},{type:"ellipse",description:"ellipse shape",icon:i,group:"shape",model:{type:"ellipse",rx:50,ry:50,cx:150,cy:150,fillStyle:"#fff",strokeStyle:"#000",alpha:1,hidden:!1,lineWidth:1,lineDash:"solid",lineCap:"butt"}},{type:"triangle",description:"triangle shape",icon:new URL(n(67935),n.b).href,group:"shape",model:{type:"triangle",x1:150,y1:100,x2:100,y2:200,x3:200,y3:200,fillStyle:"#fff",strokeStyle:"#000",alpha:1,hidden:!1,lineWidth:1,lineDash:"solid",lineCap:"butt"}},{type:"line",description:"simple line",icon:a,group:"line",model:{type:"line",x1:100,y1:100,x2:200,y2:200,fillStyle:"#fff",strokeStyle:"#000",alpha:1,hidden:!1,lineWidth:3,lineDash:"solid",lineCap:"butt"}},{type:"dash",description:"dash line",icon:s,group:"line",model:{type:"line",x1:100,y1:100,x2:200,y2:200,fillStyle:"#fff",strokeStyle:"#000",alpha:1,hidden:!1,lineWidth:3,lineDash:"round-dot",lineCap:"butt"}},{type:"container",description:"container shape",icon:new URL(n(59070),n.b).href,group:"container",model:{type:"container",left:100,top:100,width:400,height:300,fillStyle:"#fff",strokeStyle:"#999",alpha:1,hidden:!1,lineWidth:1,lineDash:"solid",lineCap:"butt"}}]};function p(){r.X.registerGroup(l)}var d,c,u,h,g,b,v=n(30442),m=n(91568),f=n(34117),y=(n(53954),n(27856),n(69241)),x=n(11763),w=n(91292),k=n(29911),C=n(70661);function S(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function M(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){S(i,r,o,a,s,"next",e)}function s(e){S(i,r,o,a,s,"throw",e)}a(void 0)}))}}function P(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var T=class extends y.WF{constructor(){super(...arguments),this.creatable=!1,this.mode="CARD",this.groups=[],this.favorites=[],this._showSpinner=!1}render(){var e=this.mode||"CARD";return(0,y.qy)(d||(d=P(["\n      <ox-grist .config="," .mode="," auto-fetch .fetchHandler=",'>\n        <div slot="headroom" id="headroom">\n          <div id="filters">\n            <mwc-icon>search</mwc-icon>\n            <input type="text" />\n\n            <select\n              @change=','\n            >\n              <option value="">*</option>\n              ','\n            </select>\n          </div>\n\n          <div id="modes">\n            <mwc-icon @click='," ?active=",">grid_on</mwc-icon>\n            <mwc-icon @click="," ?active=",">format_list_bulleted</mwc-icon>\n            <mwc-icon @click="," ?active=",">apps</mwc-icon>\n          </div>\n\n          ","\n        </div>\n      </ox-grist>\n\n      <oops-spinner ?show=","></oops-spinner>\n    "])),this.config,e,this.fetchHandler.bind(this),(e=>{this.groupId=e.currentTarget.value,this.requestUpdate()}),this.groups.map((e=>(0,y.qy)(c||(c=P([" <option value="," ?selected=",">","</option> "])),e.id,e.id===this.groupId,e.description))),(()=>this.mode="GRID"),"GRID"==e,(()=>this.mode="LIST"),"LIST"==e,(()=>this.mode="CARD"),"CARD"==e,this.creatable?(0,y.qy)(u||(u=P(['\n                <div id="add">\n                  <button><mwc-icon @click=',">add</mwc-icon></button>\n                </div>\n              "])),(()=>this.onCreateBoard())):void 0,this._showSpinner)}fetchHandler(e){var t=this;return M((function*(){var{page:n,limit:r,sorters:o=[]}=e;t._showSpinner=!0;var{items:i,total:a}=yield t.getBoards({page:n,limit:r,sorters:o});return t._showSpinner=!1,{total:a,records:i}}))()}get gristConfig(){return{list:{thumbnail:function(e,t){return(0,y.qy)(h||(h=P([" <img src=",' style="width: 100%; height: 100%;" /> '])),e.thumbnail)},fields:["name","description"],details:["updatedAt"]},columns:[{type:"gutter",gutterName:"dirty"},{type:"gutter",gutterName:"sequence"},{type:"gutter",gutterName:"button",icon:"star_border",handlers:{click:(e,t,n,r,o)=>{}}},{type:"gutter",gutterName:"button",icon:"drive_file_rename_outline",handlers:{click:(e,t,n,r,o)=>{}}},{type:"string",name:"id",hidden:!0},{type:"string",name:"name",header:"name",record:{editable:!0,align:"left"},width:200,sortable:!0},{type:"string",name:"description",header:"description",record:{editable:!0,align:"left"},width:200,handlers:{dblclick:(e,t,n,r,o)=>{alert("".concat(n.name," ").concat(r[n.name],", row : ").concat(o))}}},{type:"boolean",name:"active",header:"active",record:{editable:!0},sortable:!0,width:60},{type:"datetime",name:"updatedAt",header:"updated at",record:{editable:!0},sortable:!0,width:180},{type:"datetime",name:"createdAt",header:"created at",record:{editable:!0},sortable:!0,width:180}],rows:{selectable:{multiple:!0},handlers:{},classifier:function(e,t){}},sorters:[{name:"name",desc:!1}],pagination:{pages:[20,30,50,100,200]}}}refresh(){var e=this;return M((function*(){e.groups=(yield(0,k.WZ)()).groups.items,e.groups&&(yield e.refreshBoards())}))()}getBoards(){var e=arguments,t=this;return M((function*(){var{page:n=1,limit:r=30,sorters:o=[]}=e.length>0&&void 0!==e[0]?e[0]:{};if(t.groupId&&"favor"==t.groupId)return yield t.getFavoriteBoards({page:n,limit:r});var i={filters:t.groupId?[{name:"groupId",operator:"eq",value:t.groupId}]:[],sortings:o,pagination:{page:n,limit:r}};return(yield(0,k.jz)(i)).boards}))()}getFavoriteBoards(){var e=arguments;return M((function*(){var{page:t=1,limit:n=30}=e.length>0&&void 0!==e[0]?e[0]:{},r={pagination:{page:t,limit:n}};return(yield(0,k.vR)(r)).favoriteBoards}))()}refreshBoards(){var e=this;return M((function*(){e.groups?e.grist.fetch():yield e.refresh()}))()}onCreateBoard(){var e=this;return M((function*(){var t=(0,y.qy)(g||(g=P(["\n      <board-creation-popup\n        .defaultGroup=","\n        .groups=","\n        @create-board=","\n      ></board-creation-popup>\n    "])),e.groupId,e.groups,function(){var t=M((function*(t){try{var{name:n,description:r,groupId:o}=t.detail,i={name:n,description:r,groupId:o,model:{width:1200,height:800}},{createBoard:a}=yield(0,k.NJ)(i);e.notify("info","new board created")}catch(t){C.error(t),e.notify("error",t,t)}}));return function(e){return t.apply(this,arguments)}}());w.k7.open({template:t,parent:e.renderRoot}),requestAnimationFrame((()=>{dispatchEvent(new Event("resize"))}))}))()}notify(e,t,n){document.dispatchEvent(new CustomEvent("notify",{detail:{level:e,message:t,ex:n}}))}};T.styles=(0,y.AH)(b||(b=P(["\n    :host {\n      display: flex;\n\n      width: 100%;\n\n      --grid-record-emphasized-background-color: red;\n      --grid-record-emphasized-color: yellow;\n    }\n\n    ox-grist {\n      flex: 1;\n      overflow-y: auto;\n\n      --grid-record-emphasized-background-color: red;\n      --grid-record-emphasized-color: yellow;\n    }\n\n    #headroom {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      padding: var(--padding-default) var(--padding-wide);\n      border-top: 2px solid rgba(0, 0, 0, 0.2);\n      background-color: var(--theme-white-color);\n      box-shadow: var(--box-shadow);\n    }\n\n    #filters {\n      flex: 1;\n      --mdc-icon-size: 20px;\n    }\n    #mode {\n      width: 100px;\n    }\n    #add {\n      width: 50px;\n      text-align: right;\n    }\n\n    #modes > * {\n      padding: var(--padding-narrow);\n      font-size: 1em;\n      opacity: 0.5;\n      color: var(--primary-text-color);\n      cursor: pointer;\n    }\n\n    #modes > mwc-icon[active] {\n      border-radius: 9px;\n      background-color: rgba(var(--primary-color-rgb), 0.05);\n      opacity: 1;\n      color: var(--secondary-text-color);\n      cursor: default;\n    }\n    #modes > mwc-icon:hover {\n      opacity: 1;\n      color: var(--secondary-text-color);\n    }\n\n    #add button {\n      background-color: var(--status-success-color);\n      border: 0;\n      border-radius: 50%;\n      padding: 5px;\n      width: 36px;\n      height: 36px;\n      cursor: pointer;\n    }\n    #add button:hover {\n      background-color: var(--focus-background-color);\n      box-shadow: var(--box-shadow);\n    }\n    #add button mwc-icon {\n      font-size: 2em;\n      color: var(--theme-white-color);\n    }\n\n    #filters {\n      position: relative;\n    }\n    #filters [type='text'] {\n      background-color: transparent;\n      border: 0;\n      border-bottom: var(--border-dark-color);\n      padding: var(--padding-narrow) var(--padding-narrow) 7px 25px;\n      font-size: var(--fontsize-large);\n    }\n    #filters [type='text']:focus {\n      outline: none;\n    }\n    #filters mwc-icon {\n      position: absolute;\n      top: 3px;\n      color: var(--secondary-color);\n    }\n    #filters * {\n      margin-right: var(--margin-default);\n    }\n\n    oops-spinner {\n      display: none;\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%, -50%);\n    }\n\n    oops-spinner[show] {\n      display: block;\n    }\n\n    @media only screen and (max-width: 460px) {\n      #modes {\n        display: none;\n      }\n    }\n  "]))),(0,f.Cg)([(0,x.MZ)({type:Boolean})],T.prototype,"creatable",void 0),(0,f.Cg)([(0,x.MZ)({type:Object})],T.prototype,"config",void 0),(0,f.Cg)([(0,x.MZ)({type:Object})],T.prototype,"data",void 0),(0,f.Cg)([(0,x.MZ)({type:String})],T.prototype,"mode",void 0),(0,f.Cg)([(0,x.MZ)({type:String})],T.prototype,"groupId",void 0),(0,f.Cg)([(0,x.MZ)({type:Array})],T.prototype,"groups",void 0),(0,f.Cg)([(0,x.MZ)({type:Array})],T.prototype,"favorites",void 0),(0,f.Cg)([(0,x.wk)()],T.prototype,"_showSpinner",void 0),(0,f.Cg)([(0,x.P)("ox-grist")],T.prototype,"grist",void 0),T=(0,f.Cg)([(0,x.EM)("ox-board-list")],T);var O=n(91960);n(85337)},1180:(e,t,n)=>{n.d(t,{j:()=>o});var r=n(93900);function o(e,t){return(0,r.px)((0,r.MM)()+"/popup/".concat((e||"").toLowerCase(),"/").concat(t),"get",null,null)}},1884:(e,t,n)=>{n.d(t,{A:()=>l});var r=n(74413),o=n(29911),i=n(77359),a=n(71627);function s(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}class l extends((0,i.f)(r.ContainerAbstract)){static get properties(){return[...i.A,{type:"number",name:"round",label:"round"}]}get showMoveHandle(){return!1}containable(e){return["rect","ellipse"].includes(e.state.type)}get decorators(){return["decotag"]}getTheme(){var e,t,{legendName:n}=this.state;if(n)return null===(t=null===(e=this.root)||void 0===e?void 0:e.style)||void 0===t?void 0:t[n]}get hasTextProperty(){return!0}get status(){var e;return null===(e=this.data)||void 0===e?void 0:e.STATUS}get auxStatus(){var e;return null===(e=this.data)||void 0===e?void 0:e.STATUS}get legend(){return this.getTheme()||this.getLegendFallback()}get auxLegend(){return a.kM}get auxColor(){return this.state.strokeStyle}getLegendFallback(){return a.kM}render(e){var{round:t=0,lineWidth:n}=this.state,{left:r,top:o,width:i,height:a}=this.bounds;e.beginPath(),e.strokeStyle=this.auxColor,e.fillStyle=this.statusColor,e.lineWidth=n||1,e.lineCap="round",e.setLineDash([]),t>0?e.roundRect(r,o,i,a,t):e.rect(r,o,i,a),e.fill(),e.stroke()}detailInfo(){var e,t=this;return(e=function*(){var{type:e,id:n}=t.state;if(n)return yield(0,o.jw)(e,n)},function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){s(i,r,o,a,l,"next",e)}function l(e){s(i,r,o,a,l,"throw",e)}a(void 0)}))})()}}},1938:(e,t,n)=>{e.exports=n.p+"fmsim/526ad807daa9d0c4a816.png"},2008:(e,t,n)=>{n.d(t,{CZ:()=>o,NT:()=>a,Ww:()=>l,cD:()=>i,fQ:()=>s});var r=n(93900);function o(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.px)((0,r.MM)()+"/fetchAttachmentList","post",null,e)}function i(e){return(0,r.px)((0,r.MM)()+"/createAttachment","post",null,e)}function a(e){return(0,r.px)((0,r.MM)()+"/deleteAttachment/"+e,"delete",null,null)}function s(e){return(0,r.px)((0,r.MM)()+"/deleteAttachmentByRef/"+e,"delete",null,null)}function l(e,t){return(0,r.px)((0,r.MM)()+"/deleteFile/"+e,"delete",null,null)}},2257:(e,t,n)=>{n.d(t,{e:()=>r});var r={name:"OCS",description:"The object groups composing the OCS system",icon:'\n<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\n\t viewBox="0 0 35 35" style="enable-background:new 0 0 35 35;" xml:space="preserve">\n<style type="text/css">\n\t.st0{fill:{{strokeColor}};}\n</style>\n<path class="st0" d="M13.73,17.37c0,4.07-2.2,6.39-5.19,6.39c-3.06,0-4.99-2.61-4.99-6.18c0-3.73,2.09-6.36,5.15-6.36\n\tC11.86,11.23,13.73,13.92,13.73,17.37z M5.64,17.55c0,2.47,1.11,4.43,3.01,4.43c1.91,0,2.99-1.98,2.99-4.52\n\tc0-2.29-1.01-4.45-2.99-4.45C6.68,13.02,5.64,15.05,5.64,17.55z"/>\n<path class="st0" d="M23.2,23.21c-0.47,0.27-1.5,0.54-2.8,0.54c-3.44,0-5.53-2.41-5.53-6.1c0-4,2.48-6.41,5.79-6.41\n\tc1.3,0,2.24,0.31,2.64,0.54l-0.43,1.76c-0.51-0.25-1.22-0.47-2.12-0.47c-2.2,0-3.8,1.55-3.8,4.47c0,2.66,1.4,4.38,3.78,4.38\n\tc0.8,0,1.64-0.18,2.16-0.45L23.2,23.21z"/>\n<path class="st0" d="M24.84,21.16c0.64,0.41,1.61,0.77,2.62,0.77c1.27,0,1.98-0.67,1.98-1.66c0-0.92-0.55-1.46-1.93-2.02\n\tc-1.79-0.72-2.93-1.78-2.93-3.53c0-1.98,1.48-3.49,3.83-3.49c1.17,0,2.04,0.29,2.61,0.61l-0.48,1.78c-0.39-0.23-1.14-0.58-2.16-0.58\n\tc-1.25,0-1.8,0.76-1.8,1.46c0,0.94,0.63,1.37,2.07,2c1.88,0.79,2.8,1.85,2.8,3.6c0,1.94-1.32,3.64-4.12,3.64\n\tc-1.14,0-2.33-0.36-2.93-0.76L24.84,21.16z"/>\n</svg>\n',templates:[]}},3171:(e,t,n)=>{var r=n(74413),o=n(98541),i={mutable:!1,resizable:!0,rotatable:!0,properties:[...o.W,{type:"select",name:"orientation",label:"orientation",property:{options:["left to right","right to left","top to bottom","bottom to top"]}},{type:"select",name:"labelPosition",label:"label-position",property:{options:["left","right","top","bottom"]}},{type:"select",name:"direction",label:"direction",property:{options:["IN","OUT","BOTH"]}},{type:"checkbox",name:"showText",label:"show-text"}]};class a extends((0,o.H)((0,r.RectPath)(r.Shape))){static get nature(){return i}get hasTextProperty(){return this.getState("showText")||!1}get textBounds(){var{paddingTop:e,paddingLeft:t,paddingRight:n,paddingBottom:r,fontSize:o=24}=this.state;r||(r=0),e||(e=0),t||(t=0),n||(n=0);var{left:i,top:a,width:s,height:l}=this.bounds,{labelPosition:p="top"}=this.state;switch(i+=t,a+=e,s=Math.max(s-t-n,0),l=Math.max(l-e-r,0),p){case"top":default:return{left:i,top:a-o,width:s,height:o};case"bottom":return{left:i,top:a+l,width:s,height:o};case"left":return{left:i-4*o,top:a,width:4*o,height:l};case"right":return{left:i+s,top:a,width:4*o,height:l}}}get text(){var{direction:e="IN"}=this.state;return e.toUpperCase()}render(e){var{left:t,top:n,width:r,height:o}=this.bounds,{orientation:i="left to right",direction:a="BOTH"}=this.state,{INOUTTYPE:s}=this.data||{};s&&(a=s),e.beginPath();var l,p,d,c,u=1*Math.min(r,o),h="left to right"===i||"right to left"===i?.1*o:.1*r,g=t+r/2,b=n+o/2,v=1;switch(i){case"left to right":l=t,d=t+r,p=b,c=b;break;case"right to left":l=t+r,d=t,p=b,c=b,v=-1;break;case"top to bottom":l=g,d=g,p=n,c=n+o;break;case"bottom to top":l=g,d=g,p=n+o,c=n,v=-1}e.lineTo(l,p),i.includes("left")?("OUT"===a||"BOTH"===a?e.lineTo(l+u*v,p-h*v*8):e.lineTo(l,p-h*v),e.lineTo(l+u*v,p-h*v),e.lineTo(d-u*v,c-h*v),"IN"===a||"BOTH"===a?e.lineTo(d-u*v,c-8*h*v):e.lineTo(d,c-h*v),e.lineTo(d,c),"IN"===a||"BOTH"===a?e.lineTo(d-u*v,c+8*h*v):e.lineTo(d,c+h*v),e.lineTo(d-u*v,c+h*v),e.lineTo(l+u*v,p+h*v),"OUT"===a||"BOTH"===a?e.lineTo(l+u*v,p+8*h*v):e.lineTo(l,p+h*v)):("OUT"===a||"BOTH"===a?e.lineTo(l-h*v*8,p+u*v):e.lineTo(l-h*v,p),e.lineTo(l-h*v,p+u*v),e.lineTo(d-h*v,c-u*v),"IN"===a||"BOTH"===a?e.lineTo(d-8*h*v,c-u*v):e.lineTo(d-h*v,c),e.lineTo(d,c),"IN"===a||"BOTH"===a?e.lineTo(d+8*h*v,c-u*v):e.lineTo(d+h*v,c),e.lineTo(d+h*v,c-u*v),e.lineTo(l+h*v,p+u*v),"OUT"===a||"BOTH"===a?e.lineTo(l+8*h*v,p+u*v):e.lineTo(l+h*v,p)),e.closePath(),this.drawStroke(e)}onchangeData(e,t){var{INOUTTYPE:n}=e.data;this.setState("direction",n)}}r.Component.register("PortFlow",a)},3489:(e,t,n)=>{var r=n(74413),o=n(1884),i={mutable:!1,resizable:!0,rotatable:!0,properties:[...o.A.properties]};class a extends o.A{static get nature(){return i}getLegendFallback(){return this.root.equipmentLegendTheme||super.getLegendFallback()}containable(e){return super.containable(e)||["Port"].includes(e.state.type)}}r.Component.register("Equipment",a)},6234:(e,t,n)=>{e.exports=n.p+"fmsim/722b71232998079b1c80.png"},7947:(e,t,n)=>{var r=n(74413),o=n(67680),i={mutable:!1,resizable:!0,rotatable:!0,properties:[...o.A.properties]};class a extends o.A{static get nature(){return i}get auxColor(){return"#333"}getLegendFallback(){return this.root.ohtlineLegendTheme||super.getLegendFallback()}containable(e){return["OHT","Node"].includes(e.state.type)}render(e){var{left:t,top:n,width:r,height:o}=this.bounds;e.beginPath(),e.translate(t,n),e.fillStyle=this.statusColor,e.strokeStyle=this.auxColor,e.fillRect(0,0,r,o),e.fill(),e.stroke(),e.translate(-t,-n)}}r.Component.register("OHTLine",a)},9405:(e,t,n)=>{e.exports=n.p+"fmsim/4184cd4ea6a8d7349e21.png"},9536:(e,t,n)=>{var r=n(74413),o=n(65829),i={mutable:!1,resizable:!0,rotatable:!0,properties:[...o.A.properties]};class a extends o.A{static get nature(){return i}get auxColor(){return"black"}getLegendFallback(){return this.root.shuttleLegendTheme||super.getLegendFallback()}render(e){var{left:t,top:n,width:r,height:o}=this.bounds;e.translate(t,n),e.beginPath(),e.strokeStyle="black",e.lineWidth=4,e.moveTo(0,0),e.lineTo(0,o),e.moveTo(r,0),e.lineTo(r,o),e.stroke(),e.beginPath(),e.strokeStyle=this.auxColor,e.fillStyle=this.statusColor,e.lineWidth=1,e.lineCap="round",e.setLineDash([]),e.rect(1,1,r-2,o-2),e.fill(),e.beginPath(),e.rect(0,2,r,2),e.rect(0,o-4,r,2),e.fill(),e.stroke(),e.translate(-t,-n)}}r.Component.register("Shuttle",a)},12448:(e,t,n)=>{var r=n(74413),o=n(29911),i=n(71627),a=n(34419),s=n(92780),l=n(39359),p=n(98541),d=n(99175),c={mutable:!1,resizable:!0,rotatable:!0,properties:[...l.e,...p.W,{type:"select",label:"legend-name",name:"legendName",property:{options:o.Xc}},{type:"number",name:"currentUsage",label:"current-usage"},{type:"number",name:"highWatermark",label:"high-watermark"},{type:"number",name:"lowWatermark",label:"low-watermark"},{type:"number",name:"maxCapacity",label:"max-capacity"},{type:"boolean",name:"fullup",label:"fullup"},{type:"number",label:"round",name:"round",property:{min:0}},{type:"hidden",name:"usage",label:"usage"}],"value-property":"usage"},u={ondragmove:function(e,t,n){var{left:r,top:o,width:i,height:s}=n.model,l=(n.transcoordP2S(e.x,e.y).x-r)/(i/2)*100;l=(0,a.M)(l,i,s),n.set({round:l})}};class h extends((0,l.X)(d.A)){static get nature(){return c}get controls(){var{left:e,top:t,width:n,round:r,height:o}=this.state;return[{x:e+n/2*((r=null==r?0:(0,a.M)(r,n,o))/100),y:t,handler:u}]}getLegendFallback(){return this.root.zoneCapacityLegendTheme||i.$J}get statusColor(){var{fullup:e}=this.state;return e?"red":(0,s.v)(this.usage,this.legend)}get text(){return this.usage+"%"}render(e){var{left:t,top:n,width:r,height:o}=this.bounds;r>=o?this.renderLandscape(e):this.renderPortrait(e)}renderLandscape(e){var{left:t,top:n,width:r,height:o}=this.bounds,{highWatermark:i,lowWatermark:a,lineWidth:s,strokeStyle:l,round:p,fillStyle:d="white"}=this.state;if(e.save(),e.translate(t,n),e.beginPath(),e.fillStyle=d,e.roundRect(0,0,r,o,p),e.fill(),e.stroke(),e.clip(),e.beginPath(),e.fillStyle=this.statusColor,e.rect(0,0,r/100*this.usage,o),e.fill(),i&&i>0&&i<100){e.beginPath(),e.strokeStyle="black",e.lineWidth=1,e.setLineDash([3]);var c=r/100*i;e.moveTo(c,0),e.lineTo(c,o),e.stroke()}if(a&&a>0&&a<100){e.beginPath(),e.strokeStyle="black",e.lineWidth=1,e.setLineDash([3]);var u=r/100*a;e.moveTo(u,0),e.lineTo(u,o),e.stroke()}e.beginPath(),e.setLineDash([]),e.strokeStyle=l,e.lineWidth=s,e.roundRect(0,0,r,o,p),e.stroke(),e.beginPath(),e.translate(-t,-n),e.restore()}renderPortrait(e){var{left:t,top:n,width:r,height:o}=this.bounds,{highWatermark:i,lowWatermark:a,lineWidth:s,strokeStyle:l,round:p,fillStyle:d="white"}=this.state;if(e.save(),e.translate(t,n),e.beginPath(),e.fillStyle=d,e.roundRect(0,0,r,o,p),e.fill(),e.clip(),e.beginPath(),e.fillStyle=this.statusColor,e.rect(0,o-o/100*this.usage,r,o/100*this.usage),e.fill(),i&&i>0&&i<100){e.beginPath(),e.strokeStyle="black",e.lineWidth=1,e.setLineDash([3]);var c=o-o/100*i;e.moveTo(0,c),e.lineTo(r,c),e.stroke()}if(a&&a>0&&a<100){e.beginPath(),e.strokeStyle="black",e.lineWidth=1,e.setLineDash([3]);var u=o-o/100*a;e.moveTo(0,u),e.lineTo(r,u),e.stroke()}e.beginPath(),e.setLineDash([]),e.strokeStyle=l,e.lineWidth=s,e.roundRect(0,0,r,o,p),e.stroke(),e.beginPath(),e.translate(-t,-n),e.restore()}get usage(){var{currentUsage:e=0,maxCapacity:t=100}=this.state;return Math.round(e/t*100)}set usage(e){}onchangeData(e,t){var{CURRENTCAPACITY:n=0,MAXCAPACITY:r=100,HIGHWATERMARK:o=100,LOWWATERMARK:i=0,FULLUP:a="F"}="object"==typeof this.data?this.data:{},s=Number(n)||0,l=Number(r)||100,p=Number(o)||100,d=Number(i)||0;this.setState({currentUsage:s,maxCapacity:l,highWatermark:p,lowWatermark:d,fullup:"T"==a,usage:Math.round(s/l*100)})}}r.Component.register("ZoneCapacityBar",h)},13004:(e,t,n)=>{n.d(t,{b:()=>r});var r={name:"EQP",description:"The object groups composing the EQP system",icon:'\n<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\n\t viewBox="0 0 35 35" style="enable-background:new 0 0 35 35;" xml:space="preserve">\n<style type="text/css">\n\t.st0{fill:{{strokeColor}};}\n</style>\n  <path class="st0" d="M10.2,17.3h-4.2v3.7h4.7v1.9H3.9v-12.5h6.6v1.9h-4.5v3.2h4.2v1.9Z"/>\n  <path class="st0" d="M21.5,24.7c-1.5-.5-2.9-1-4.2-1.6-.2,0-.5-.2-.7-.2-2.5-.1-4.8-2.2-4.8-6.2s2.1-6.4,5.2-6.4,5,2.7,5,6.2-1.2,5-2.8,5.7h0c.9.4,2,.6,2.9.8l-.6,1.8ZM19.9,16.6c0-2.3-1-4.5-3-4.5s-3,2.1-3,4.6c0,2.5,1.1,4.5,3,4.5s3-2,3-4.6Z"/>\n  <path class="st0" d="M23.6,10.5c.7-.1,1.7-.3,3.1-.3s2.6.4,3.3,1c.7.6,1.1,1.6,1.1,2.7s-.3,2.2-1,2.8c-.8.9-2.1,1.3-3.5,1.3s-.7,0-1,0v4.7h-2v-12.3ZM25.6,16.3c.2,0,.6,0,1,0,1.5,0,2.5-.8,2.5-2.3s-.9-2.1-2.3-2.1-1,0-1.2.1v4.2Z"/>\n</svg>\n',templates:[]}},14366:(e,t,n)=>{e.exports=n.p+"fmsim/b62c2497caa3978e4cdc.png"},15588:(e,t,n)=>{var r=n(74413),o=n(67680),i={mutable:!1,resizable:!0,rotatable:!0,properties:[...o.A.properties]};class a extends o.A{static get nature(){return i}getLegendFallback(){return this.root.stokerLegendTheme||super.getLegendFallback()}containable(e){return super.containable(e)||["Crane","Shelf","Port","MCSGaugeCapacityBar","StockerCapacityBar","ZoneCapacityBar"].includes(e.state.type)}onchangeData(e,t){this.components.filter((e=>!e.isIdentifiable())).forEach((e=>e.data=this.data))}}r.Component.register("STOCKER",a)},17149:(e,t,n)=>{n.d(t,{$D:()=>c.$D,Ai:()=>l.Ai,Bc:()=>l.Bc,CZ:()=>a.CZ,Di:()=>l.Di,Fy:()=>o.Fy,Gm:()=>o.Gm,Hy:()=>c.Hy,L3:()=>s.L3,L4:()=>l.L4,MM:()=>p.MM,NJ:()=>r.NJ,NT:()=>a.NT,Ng:()=>s.Ng,Ni:()=>i.Ni,Pr:()=>r.Pr,Ur:()=>c.Ur,WD:()=>r.WD,WZ:()=>i.WZ,Wk:()=>s.Wk,Ww:()=>a.Ww,Xc:()=>c.Xc,Zf:()=>s.Zf,_D:()=>c._D,_P:()=>i._P,_y:()=>r._y,cD:()=>a.cD,cu:()=>s.cu,d:()=>o.d,de:()=>p.de,fQ:()=>a.fQ,jV:()=>p.jV,jw:()=>d.j,jz:()=>r.jz,l_:()=>c.l_,m2:()=>l.m2,qO:()=>l.qO,vK:()=>l.vK,vR:()=>o.vR,vW:()=>i.vW,wj:()=>i.wj,xb:()=>l.xb});var r=n(78817),o=n(848),i=n(53074),a=(n(77028),n(2008)),s=n(98765),l=n(53451),p=n(93900),d=n(1180),c=n(87140)},21722:(e,t,n)=>{n.d(t,{A:()=>c});var r=n(46231),o=n(24318),i=n(22517),a=n(13004),s=n(2257),l=n(42693),p=n(62615),d=n(36319);const c=[r.G,o.r,i.m,a.b,s.e,l.i,d.d,p.r]},22517:(e,t,n)=>{n.d(t,{m:()=>r});var r={name:"CCS",description:"The object groups composing the CCS system",icon:'\n<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\n\t viewBox="0 0 35 35" style="enable-background:new 0 0 35 35;" xml:space="preserve">\n<style type="text/css">\n\t.st0{fill:{{strokeColor}};}\n</style>\n<path class="st0" d="M13.02,23.22c-0.47,0.27-1.5,0.54-2.8,0.54c-3.44,0-5.53-2.41-5.53-6.1c0-4,2.48-6.41,5.79-6.41\n\tc1.3,0,2.24,0.31,2.64,0.54l-0.43,1.76c-0.51-0.25-1.22-0.47-2.12-0.47c-2.2,0-3.8,1.55-3.8,4.47c0,2.66,1.4,4.38,3.78,4.38\n\tc0.8,0,1.64-0.18,2.16-0.45L13.02,23.22z"/>\n<path class="st0" d="M22.06,23.22c-0.47,0.27-1.5,0.54-2.8,0.54c-3.44,0-5.53-2.41-5.53-6.1c0-4,2.48-6.41,5.79-6.41\n\tc1.3,0,2.24,0.31,2.64,0.54l-0.43,1.76c-0.51-0.25-1.22-0.47-2.12-0.47c-2.2,0-3.8,1.55-3.8,4.47c0,2.66,1.4,4.38,3.78,4.38\n\tc0.8,0,1.64-0.18,2.16-0.45L22.06,23.22z"/>\n<path class="st0" d="M23.7,21.16c0.64,0.41,1.61,0.77,2.62,0.77c1.27,0,1.98-0.67,1.98-1.66c0-0.92-0.55-1.46-1.93-2.02\n\tc-1.79-0.72-2.93-1.78-2.93-3.53c0-1.98,1.48-3.49,3.83-3.49c1.17,0,2.04,0.29,2.61,0.61l-0.48,1.78c-0.39-0.23-1.14-0.58-2.16-0.58\n\tc-1.25,0-1.8,0.76-1.8,1.46c0,0.94,0.63,1.37,2.07,2c1.88,0.79,2.8,1.85,2.8,3.6c0,1.94-1.32,3.64-4.12,3.64\n\tc-1.14,0-2.33-0.36-2.93-0.76L23.7,21.16z"/>\n</svg>\n',templates:[]}},23558:(e,t,n)=>{var r=n(74413),o=n(67680),i={mutable:!1,resizable:!0,rotatable:!0,properties:[...o.A.properties]};class a extends o.A{static get nature(){return i}containable(e){return["AGV","Node"].includes(e.state.type)}get auxColor(){return"#333"}getLegendFallback(){return this.root.agvlineLegendTheme||super.getLegendFallback()}render(e){var{left:t,top:n,width:r,height:o}=this.bounds;e.beginPath(),e.translate(t,n),e.fillStyle=this.statusColor,e.strokeStyle=this.auxColor,e.setLineDash([3]),e.fillRect(0,0,r,o),r>o?(e.moveTo(0,0),e.lineTo(r,0),e.moveTo(0,o),e.lineTo(r,o)):(e.moveTo(0,0),e.lineTo(0,o),e.moveTo(r,0),e.lineTo(r,o)),e.stroke(),e.translate(-t,-n)}}r.Component.register("AGVLine",a)},24318:(e,t,n)=>{n.d(t,{r:()=>r});var r={name:"BCS",description:"The object groups composing the BCS system",icon:'\n<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\n\t viewBox="0 0 35 35" style="enable-background:new 0 0 35 35;" xml:space="preserve">\n<style type="text/css">\n\t.st0{fill:{{strokeColor}};}\n</style>\n<path class="st0" d="M4.86,11.6c0.63-0.14,1.77-0.25,2.88-0.25c1.46,0,2.36,0.2,3.1,0.77c0.68,0.45,1.13,1.24,1.13,2.27\n\tc0,1.12-0.63,2.14-1.8,2.63v0.04c1.14,0.32,2.19,1.33,2.19,3.01c0,1.08-0.42,1.93-1.05,2.5c-0.77,0.76-2.04,1.13-4.02,1.13\n\tc-1.09,0-1.93-0.09-2.43-0.16V11.6z M6.82,16.39h1.01c1.37,0,2.14-0.72,2.14-1.75c0-1.13-0.77-1.66-2.03-1.66\n\tc-0.58,0-0.92,0.04-1.13,0.09V16.39z M6.82,21.97c0.26,0.04,0.6,0.05,1.05,0.05c1.27,0,2.4-0.54,2.4-2.03c0-1.4-1.09-1.98-2.46-1.98\n\tH6.82V21.97z"/>\n<path class="st0" d="M21.89,23.22c-0.47,0.27-1.5,0.54-2.8,0.54c-3.44,0-5.53-2.41-5.53-6.1c0-4,2.48-6.41,5.79-6.41\n\tc1.3,0,2.24,0.31,2.64,0.54l-0.43,1.76c-0.51-0.25-1.22-0.47-2.12-0.47c-2.2,0-3.8,1.55-3.8,4.47c0,2.66,1.4,4.38,3.78,4.38\n\tc0.8,0,1.64-0.18,2.16-0.45L21.89,23.22z"/>\n<path class="st0" d="M23.53,21.16c0.64,0.41,1.61,0.77,2.62,0.77c1.27,0,1.98-0.67,1.98-1.66c0-0.92-0.55-1.46-1.93-2.02\n\tc-1.79-0.72-2.93-1.78-2.93-3.53c0-1.98,1.48-3.49,3.83-3.49c1.17,0,2.04,0.29,2.61,0.61l-0.48,1.78c-0.39-0.23-1.14-0.58-2.16-0.58\n\tc-1.25,0-1.8,0.76-1.8,1.46c0,0.94,0.63,1.37,2.07,2c1.88,0.79,2.8,1.85,2.8,3.6c0,1.94-1.32,3.64-4.12,3.64\n\tc-1.14,0-2.33-0.36-2.93-0.76L23.53,21.16z"/>\n</svg>\n',templates:[]}},29057:(e,t,n)=>{e.exports=n.p+"fmsim/3952285ebd3148077dc2.png"},29737:(e,t,n)=>{var r=n(74413),o=n(67680),i=n(34724),a=n(52166),s={mutable:!1,resizable:!0,rotatable:!0,properties:[...o.A.properties,{type:"angle",label:"start-angle",name:"startAngle"},{type:"angle",label:"end-angle",name:"endAngle"},{type:"number",label:"ratio",name:"ratio"},{type:"number",label:"roll-width",name:"rollWidth"}]},l={ondragmove:function(e,t,n){var{cx:r,cy:o,rx:i,ry:a,startAngle:s,endAngle:l}=n.model,{x:p,y:d}=n.transcoordP2S(e.x,e.y),c=(s+l)/2,u=Math.abs(i*Math.sin(c)),h=Math.abs(a*Math.cos(c)),g=Math.sqrt(u*u+h*h),b=Math.abs(r-p),v=Math.abs(o-d),m=Math.sqrt(b*b+v*v)/g*100;m=m>=100||m<=-100?100:Math.abs(m),n.set({ratio:m})}},p={ondragmove:function(e,t,n){var{cx:r,cy:o}=n.model,i=n.transcoordP2S(e.x,e.y),a=Math.atan2(-(i.y-o),i.x-r);a>0&&a<=Math.PI/2&&(a=Math.PI/2),a<0&&a>=-Math.PI/2&&(a=-Math.PI/2);var s=(-a+Math.PI/2-2*Math.PI)%(2*Math.PI);n.set({startAngle:s})}},d={ondragmove:function(e,t,n){var{cx:r,cy:o}=n.model,i=n.transcoordP2S(e.x,e.y),a=Math.atan2(-(i.y-o),i.x-r);a>0&&a>=Math.PI/2&&(a=Math.PI/2),a<0&&a<=-Math.PI/2&&(a=-Math.PI/2);var s=-a+Math.PI/2;n.set({endAngle:s})}};class c extends((0,i.L)(o.A)){get nature(){return s}getLegendFallback(){return this.root.conveyorLegendTheme||super.getLegendFallback()}containable(e){return["Shuttle","Port"].includes(e.state.type)}contains(e,t){var{cx:n,cy:r,rx:o,ry:i,ratio:s,startAngle:l,endAngle:p}=this.state,d=(e-n)/(2*(o=Math.abs(o))-.5),c=(t-r)/(2*(i=Math.abs(i))-.5),u=(e-n)/(o/100*s*2-.5),h=(t-r)/(i/100*s*2-.5);if(d*d+c*c<.25&&u*u+h*h>.25){var g=(0,a.n)(Math.atan2(-c,d)-Math.PI/2);if(g>=l&&g<=p)return!0}return!1}render(e){var{ratio:t=50,cx:n,cy:r,rx:o,ry:i,startAngle:a=0,endAngle:s=Math.PI/2}=this.state;e.beginPath(),a-=Math.PI/2,s-=Math.PI/2,e.ellipse(n,r,Math.abs(o),Math.abs(i),0,a,s),e.ellipse(n,r,Math.abs(o/100*t),Math.abs(i/100*t),0,s,a,!0),e.lineTo(o*Math.cos(a)+n,i*Math.sin(a)+r),this.drawFill(e),this.drawStroke(e)}get path(){var{cx:e,cy:t,rx:n,ry:r}=this.state;return[{x:e-n,y:t-r},{x:e+n,y:t-r},{x:e+n,y:t+r},{x:e-n,y:t+r}]}set path(e){var t=e[0],n=e[2];this.set({cx:t.x+(n.x-t.x)/2,cy:t.y+(n.y-t.y)/2,rx:(n.x-t.x)/2,ry:(n.y-t.y)/2})}get controls(){var{cx:e,cy:t,rx:n,ry:r,ratio:o,startAngle:i,endAngle:a}=this.state,s=[];s.push({x:e+(n+n*o/100)/2*Math.sin(i),y:t-(r+r*o/100)/2*Math.cos(i),handler:p}),s.push({x:e+(n+n*o/100)/2*Math.sin(a),y:t-(r+r*o/100)/2*Math.cos(a),handler:d});var c=(i+a)/2;return s.push({x:e+n*o/100*Math.sin(c),y:t-r*o/100*Math.cos(c),handler:l}),s}}r.Component.memoize(c.prototype,"controls",!1),r.Component.register("ConveyorJoin",c)},29911:(e,t,n)=>{n.d(t,{Bc:()=>r.Bc,Ge:()=>r.Ge,Hy:()=>u,J0:()=>s,NJ:()=>r.NJ,Nl:()=>r.Nl,Pr:()=>r.Pr,Si:()=>r.Si,Ur:()=>l,WZ:()=>r.WZ,Xc:()=>d,_y:()=>r._y,ew:()=>r.ew,fR:()=>r.fR,jw:()=>g,jz:()=>r.jz,vR:()=>r.vR});var r=n(51461),o=n(17149);function i(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function a(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var a=e.apply(t,n);function s(e){i(a,r,o,s,l,"next",e)}function l(e){i(a,r,o,s,l,"throw",e)}s(void 0)}))}}function s(){return sessionStorage.getItem("lv_server_ip_port")}function l(){return p.apply(this,arguments)}function p(){return(p=a((function*(){return s()?yield(0,o.Ur)():yield(0,r.Ur)()}))).apply(this,arguments)}function d(){return c.apply(this,arguments)}function c(){return(c=a((function*(){return s()?yield(0,o.Xc)():yield(0,r.Xc)()}))).apply(this,arguments)}function u(){return h.apply(this,arguments)}function h(){return(h=a((function*(){return s()?yield(0,o.Hy)():yield(0,r.Hy)()}))).apply(this,arguments)}function g(e,t){return b.apply(this,arguments)}function b(){return(b=a((function*(e,t){var n;if(s()){var r=null===(n=yield(0,o.jw)(e,t))||void 0===n?void 0:n.data;if(!r||!r.status)throw document.dispatchEvent(new CustomEvent("notify",{detail:{level:"error",message:"Error : getPopupData"}})),new Error("Error : getPopupData");return r.popupData}yield new Promise((e=>setTimeout(e,1e3)))}))).apply(this,arguments)}},30277:(e,t,n)=>{n.d(t,{X:()=>Yn});var r,o=n(34117),i=(n(92443),n(24379),n(74413)),a=n(11763),s=n(69241),l=class extends s.WF{};(0,o.Cg)([(0,a.MZ)({type:String})],l.prototype,"name",void 0),(0,o.Cg)([(0,a.MZ)({type:String})],l.prototype,"value",void 0),(0,o.Cg)([(0,a.MZ)({type:String})],l.prototype,"type",void 0),l=(0,o.Cg)([(0,a.EM)("ox-scene-property")],l);var p,d=class extends s.WF{render(){return(0,s.qy)(r||(e=[' <slot select="ox-scene-property"></slot> '],t||(t=e.slice(0)),r=Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))));var e,t}connectedCallback(){super.connectedCallback();var e={type:this.type};(e=Array.from(this.querySelectorAll("ox-scene-property")).reduce(((e,t)=>{var n=t.getAttribute("name"),r=t.getAttribute("value");return n&&(e[n]=r),e}),e)).__host__=this,this.model=e}};(0,o.Cg)([(0,a.MZ)({type:String})],d.prototype,"type",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],d.prototype,"model",void 0),d=(0,o.Cg)([(0,a.EM)("ox-scene-handler")],d);var c,u,h=class extends s.WF{render(){return(0,s.qy)(p||(e=[' <slot select="ox-scene-property"></slot> '],t||(t=e.slice(0)),p=Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))));var e,t}getModel(){var e={type:this.type};return Array.from(this.querySelectorAll("ox-scene-property")).reduce(((e,t)=>{var n=t.value;if(t.name){switch(t.type){case"number":n=Number(n);break;case"boolean":n=Boolean(n)}e[t.name]=n}return e}),e)}};(0,o.Cg)([(0,a.MZ)({type:String})],h.prototype,"type",void 0),(0,o.Cg)([(0,a.MZ)({type:String})],h.prototype,"text",void 0),h=(0,o.Cg)([(0,a.EM)("ox-scene-layer")],h);class g extends i.Layer{_draw(e){e.globalAlpha=.3,e.font="50px Verdana",e.fillStyle="red",e.fillText(this.get("text")||"CONFIDENTIAL",20,60)}}function b(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}i.Component.register("confidential-overlay",g);var v=class extends s.WF{constructor(){super(...arguments),this.scene=null,this.mode=i.SCENE_MODE.VIEW,this.screenSize=13.3,this.variables={},this.fit="none",this.selected=[],this.disposeWhenDetached=!1,this.baseUrl="",this.name="noname",this.enableInspector=!0,this.showInspector=!1}disconnectedCallback(){super.disconnectedCallback(),this.scene&&this.disposeWhenDetached&&this._disposeScene()}render(){return(0,s.qy)(c||(c=b([" <slot></slot> "])))}updated(e){e.has("model")&&this._onModelChanged(this.model),e.has("mode")&&this._onModeChanged(this.mode),e.has("screenSize")&&this._onDisplayChanged(this.screenSize),e.has("data")&&this._onDataChanged(this.data),e.has("baseUrl")&&this._onBaseUrlChanged(this.baseUrl)}_setScene(e){this.scene=e,this.dispatchEvent(new CustomEvent("scene-changed",{bubbles:!0,composed:!0,detail:{value:e}}))}_setMode(e){this.mode=e,this.dispatchEvent(new CustomEvent("mode-changed",{bubbles:!0,composed:!0,detail:{value:e}}))}_setVariables(e){this.variables=e,this.dispatchEvent(new CustomEvent("variables-changed",{bubbles:!0,composed:!0,detail:{value:e}}))}_setSelected(e){this.selected=e,this.dispatchEvent(new CustomEvent("selected-changed",{bubbles:!0,composed:!0,detail:{value:e}}))}_disposeScene(){this.scene&&(this.scene.off("selected",this._onSelectedChanged,this),this.scene.off("mode",this._onSceneModeChanged,this),this.provider?this.scene.release&&this.scene.release():this.scene.dispose(),this._setScene(null),this._setSelected([]))}resize(e){"object"==typeof this.scene&&((e||"both"===this.fit||Math.abs(this.offsetWidth-(this.lastOffsetWidth||0))>=1)&&requestAnimationFrame((()=>{this.scene&&(this.scene.resize(),this.scene.fit(this.fit))})),this.lastOffsetWidth=this.offsetWidth)}_onModelChanged(e){if(this._disposeScene(),e){var t=Array.from(this.querySelectorAll("ox-scene-layer")).map((e=>e.getModel())),n=Array.from(this.querySelectorAll("ox-scene-handler")).map((e=>e.getAttribute("type")));this._setScene((0,i.create)({target:this,model:JSON.parse(JSON.stringify(e)),style:this.themes,layers:t,handlers:n,mode:this.mode,refProvider:this.provider})),this.provider&&this.provider.add(this.name,this.scene),this.scene.screen=this.screenSize,this.resize(!0),this._setVariables(e.variables||this.scene.variables),this.scene.on("selected",this._onSelectedChanged,this),this.scene.on("mode",this._onSceneModeChanged,this),this._onModeChanged(this.mode),this._onDisplayChanged(this.screenSize),this._onBaseUrlChanged(this.baseUrl),this.focus()}}_onDisplayChanged(e){this.scene&&e&&(this.scene.screen=parseFloat(String(e)))}_onModeChanged(e){this.scene&&(this.scene.mode=Number(e))}_onDataChanged(e){this.scene&&e&&(this.scene.data=e)}_onSelectedChanged(e){requestAnimationFrame((()=>{this._setSelected(e)}))}_onSceneModeChanged(e){this.scene&&(this.mode!==e&&this._setMode(e),this.style.cursor=2===e?"all-scroll":3===e?"crosshair":"default")}_onBaseUrlChanged(e){this.scene&&(this.scene.baseUrl=e)}};v.styles=(0,s.AH)(u||(u=b(["\n    :host {\n      outline: none;\n    }\n  "]))),(0,o.Cg)([(0,a.MZ)({type:Object})],v.prototype,"scene",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],v.prototype,"model",void 0),(0,o.Cg)([(0,a.MZ)({type:Number})],v.prototype,"mode",void 0),(0,o.Cg)([(0,a.MZ)({type:Number})],v.prototype,"screenSize",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],v.prototype,"variables",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],v.prototype,"data",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],v.prototype,"themes",void 0),(0,o.Cg)([(0,a.MZ)({type:String})],v.prototype,"fit",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],v.prototype,"selected",void 0),(0,o.Cg)([(0,a.MZ)({type:Boolean})],v.prototype,"disposeWhenDetached",void 0),(0,o.Cg)([(0,a.MZ)({type:String})],v.prototype,"baseUrl",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],v.prototype,"provider",void 0),(0,o.Cg)([(0,a.MZ)({type:String})],v.prototype,"name",void 0),(0,o.Cg)([(0,a.MZ)({type:Boolean})],v.prototype,"enableInspector",void 0),(0,o.Cg)([(0,a.MZ)({type:Boolean})],v.prototype,"showInspector",void 0),v=(0,o.Cg)([(0,a.EM)("ox-scene-viewer")],v),n(91568);var m,f,y,x,w,k,C=n(79335),S=n(89752),M=n(91292),P=n(58377),T=n(83316),O=n(72644);function A(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}n(10169);class _ extends s.WF{constructor(){super(...arguments),this.template=null}render(){var{about:e}=this.template||{};return(0,s.qy)(m||(m=A([" <ox-markdown .src=","></ox-markdown> "])),e)}}function E(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}_.styles=[O.bi,(0,s.AH)(f||(f=A(["\n      :host {\n        display: flex;\n        flex-direction: column;\n        align-content: stretch;\n\n        background-color: var(--component-detail-background-color, white);\n        margin: 0px;\n        padding: 10px;\n\n        width: 360px;\n        height: 100%;\n\n        overflow: hidden;\n\n        border: 2px solid var(--component-detail-border-color);\n        box-sizing: border-box;\n\n        position: absolute;\n        top: 0px;\n\n        z-index: 1;\n      }\n\n      ox-markdown {\n        flex: 1;\n      }\n    "])))],(0,o.Cg)([(0,a.MZ)({type:Object})],_.prototype,"template",void 0);var j,z,L,I,R=new URL(n(1938),n.b).href;class N extends((0,S.l)(s.WF)){constructor(){super(...arguments),this.groups=[],this.scene=null,this.group="",this.templates=[]}static get scopedElements(){return{"component-detail":_}}render(){return this.group?(0,s.qy)(y||(y=E(["\n          <h2 onclick=",">"," list</h2>\n\n          <div templates @mouseover=",">\n            ",'\n          </div>\n\n          <component-detail\n            tabindex="-1"\n            @focusout=',"\n            .template=","\n            hidden\n          >\n          </component-detail>\n        "])),(e=>e.stopPropagation()),this.group,(e=>this.onHoverComponent(e)),(this.templates||[]).map((e=>(0,s.qy)(x||(x=E(["\n                <div @click="," data-type="," template>\n                  <img src="," />","\n                </div>\n              "])),this.onClickTemplate,e.type,this.templateIcon(e),e.type))),(()=>{this.template=null}),this.template):(0,s.qy)(w||(w=E([""])))}updated(e){var t;e.has("group")&&(this.group?(this.templates=(null===(t=this.groups.find((e=>e.name===this.group)))||void 0===t?void 0:t.templates)||[],this.removeAttribute("active")):(this.templates=[],this.setAttribute("hidden",""))),e.has("template")&&(this.template&&this.template.about?this.detail.removeAttribute("hidden"):this.detail.setAttribute("hidden",""))}findTemplate(e){this.template=e&&this.templates.find((t=>t.type==e))}onHoverComponent(e){var t,n=e.target;this.findTemplate(null===(t=n.closest("[data-type]"))||void 0===t?void 0:t.getAttribute("data-type"))}onClickTemplate(e){var t,n=null===(t=e.target.closest("[data-type]"))||void 0===t?void 0:t.getAttribute("data-type");n&&(this.scene&&(this.template=this.templates.find((e=>e.type==n)),this.template&&this.scene.startAddMode(JSON.parse(JSON.stringify(this.template.model)))),this.group=null)}templateIcon(e){return e.icon||R}}function D(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function F(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}N.styles=[O.bi,(0,s.AH)(k||(k=E(["\n      :host {\n        display: flex;\n        flex-direction: column;\n        align-content: stretch;\n\n        background-color: var(--component-menu-background-color);\n        margin: 0px;\n        padding: 0px;\n\n        width: 180px;\n        height: 100%;\n\n        overflow: visible;\n\n        border: 2px solid var(--component-menu-border-color);\n        box-sizing: border-box;\n\n        position: absolute;\n        top: 0px;\n\n        z-index: 1;\n      }\n\n      h2 {\n        background-color: var(--component-menu-border-color);\n        padding: 1px 5px;\n        margin: 0;\n        font: var(--component-menu-title);\n        color: #fff;\n        text-transform: capitalize;\n      }\n\n      [templates] {\n        flex: 1;\n\n        display: block;\n        margin: 0;\n        padding: 0;\n        overflow-y: auto;\n\n        background-color: var(--component-menu-background-color);\n      }\n\n      [template] {\n        display: flex;\n        align-items: center;\n        min-height: var(--component-menu-item-icon-size);\n        padding: 0 5px 0 0;\n        border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        font-size: 11px;\n        color: var(--component-menu-item-color);\n      }\n\n      [template]:hover,\n      [template]:focus {\n        color: var(--component-menu-item-hover-color);\n        font-weight: bold;\n        cursor: pointer;\n      }\n\n      [template] img {\n        margin: 5px;\n        width: var(--component-menu-item-icon-size);\n        height: var(--component-menu-item-icon-size);\n      }\n\n      component-detail {\n        position: absolute;\n        top: 0;\n        left: 180px;\n        height: 100%;\n        outline: none;\n      }\n\n      component-detail[hidden] {\n        display: none;\n      }\n    "])))],(0,o.Cg)([(0,a.MZ)({type:Object})],N.prototype,"groups",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],N.prototype,"scene",void 0),(0,o.Cg)([(0,a.MZ)({type:String})],N.prototype,"group",void 0),(0,o.Cg)([(0,a.wk)()],N.prototype,"templates",void 0),(0,o.Cg)([(0,a.wk)()],N.prototype,"template",void 0),(0,o.Cg)([(0,a.P)("component-detail")],N.prototype,"detail",void 0);class B extends((0,S.l)(s.WF)){constructor(){super(...arguments),this.componentGroupList=[],this.mode=i.SCENE_MODE.EDIT,this.icons={}}updated(e){if(e.has("componentGroupList")){var t=getComputedStyle(this,null).getPropertyValue("--primary-color");this.icons=(this.componentGroupList||[]).filter((e=>{var t;return(null===(t=e.templates)||void 0===t?void 0:t.length)>0})).reduce(((e,n)=>(e[n.name]="data:image/svg+xml;charset=UTF-8;base64,"+btoa(n.icon.replace(/{{strokeColor}}/g,t)),e)),{}),this.icons["mode-edit"]="data:image/svg+xml;charset=UTF-8;base64,"+btoa('\n  <svg\n    version="1.1"\n    id="Layer_1"\n    xmlns="http://www.w3.org/2000/svg"\n    xmlns:xlink="http://www.w3.org/1999/xlink"\n    x="0px"\n    y="0px"\n    viewBox="0 0 30 30"\n    style="enable-background:new 0 0 30 30;"\n    xml:space="preserve"\n  >\n    <style type="text/css">\n      .st0 {\n        fill: {{strokeColor}};\n      }\n      .st1 {\n        fill: none;\n        stroke: {{strokeColor}};\n        stroke-width: 0.75;\n        stroke-linejoin: round;\n        stroke-miterlimit: 10;\n      }\n    </style>\n    <g>\n      <polygon class="st0" points="2.7,3.9 2.7,22.8 7.8,17.2 16.1,16.9 \t" />\n      <path\n        class="st1"\n        d="M27.7,20.1L26.1,19c-0.1,0-0.2,0-0.2,0c0,0.1,0,0.2,0,0.2l1.2,0.9h-4.9v-5l0.9,1.2c0,0,0.1,0.1,0.1,0.1\n      c0,0,0.1,0,0.1,0c0.1,0,0.1-0.1,0-0.2l-1.1-1.6c-0.1-0.1-0.2-0.1-0.2,0L20.8,16c0,0.1,0,0.2,0,0.2s0.2,0,0.2,0l0.9-1.2v5h-5\n      l1.2-0.9c0.1,0,0.1-0.1,0-0.2c0-0.1-0.1-0.1-0.2,0l-1.6,1.1c0,0-0.1,0.1-0.1,0.1c0,0,0,0.1,0.1,0.1l1.6,1.1c0,0,0.1,0,0.1,0\n      c0,0,0.1,0,0.1-0.1c0-0.1,0-0.2,0-0.2l-1.2-0.9h5v5L21,24.2c0-0.1-0.1-0.1-0.2,0c-0.1,0-0.1,0.1,0,0.2l1.1,1.6c0,0,0.1,0.1,0.1,0.1\n      s0.1,0,0.1-0.1l1.1-1.6c0-0.1,0-0.2,0-0.2c-0.1,0-0.2,0-0.2,0l-0.9,1.2v-5h4.9l-1.2,0.9c-0.1,0-0.1,0.1,0,0.2c0,0,0.1,0.1,0.1,0.1\n      c0,0,0.1,0,0.1,0l1.6-1.1c0,0,0.1-0.1,0.1-0.1C27.7,20.2,27.7,20.1,27.7,20.1z"\n      />\n    </g>\n  </svg>\n'.replace(/{{strokeColor}}/g,t)),this.icons["mode-shift"]="data:image/svg+xml;charset=UTF-8;base64,"+btoa('\n  <svg\n    version="1.1"\n    id="Layer_1"\n    xmlns="http://www.w3.org/2000/svg"\n    xmlns:xlink="http://www.w3.org/1999/xlink"\n    x="0px"\n    y="0px"\n    viewBox="0 0 30 30"\n    style="enable-background:new 0 0 30 30;"\n    xml:space="preserve"\n  >\n    <style type="text/css">\n      .st0 {\n        fill: {{strokeColor}};\n        stroke: {{strokeColor}};\n        fill-rule: evenodd;\n        clip-rule: evenodd;\n      }\n      .st1 {\n        fill: {{strokeColor}};\n        stroke: {{strokeColor}};\n        stroke-width: 0.75;\n        stroke-linejoin: round;\n        stroke-miterlimit: 10;\n      }\n    </style>\n    <g>\n      <path\n        class="st0"\n        d="M7.8,23.2c1.6,0,3.8,0,5.7,0c0.8,0,1.3-0.3,1.6-1.2c0.4-2.9,1.5-4.9,2.4-6.9s1.4-2.5,1.6-3.4\n      c0.1-0.5,0.2-1.6-0.4-1.9c-0.6-0.3-1.2,0.1-1.9,1.3c-0.8,1.6-1,2-1.4,2c-0.3,0-0.1-4,0-5.4c0.1-1.3-0.6-1.8-1.3-1.8\n      c-0.8-0.1-1.5,0.4-1.5,1.5c0,1.5-0.2,5.2-0.7,5.2c-0.4,0-0.3-4.3-0.6-6.7c-0.1-1-0.6-1.8-1.5-1.8C9.1,4.2,8.4,4.7,8.3,5.8\n      c-0.1,1.3,1,6.7,0.5,6.7c-0.4,0-1.4-3.3-2.3-5.1C6,6.5,5.6,6,4.6,6.4C3.9,6.7,3.5,7.6,3.8,8.5c0.5,1.2,2.7,6.8,2.2,6.8\n      c-0.4,0-1.4-1.4-2.7-2.1c-1.1-0.6-1.8-0.4-2.1-0.1c-0.4,0.3-0.7,1,0.9,2.8c0.6,0.6,3.1,2.3,3.7,3.2c0.7,1.3,0.6,1,0.8,2.8\n      C6.7,22.7,7,23.2,7.8,23.2z"\n      />\n      <path\n        class="st1"\n        d="M28.7,20.1L27.1,19c-0.1,0-0.2,0-0.2,0c0,0.1,0,0.2,0,0.2l1.2,0.9h-4.9v-5l0.9,1.2c0,0,0.1,0.1,0.1,0.1\n      c0,0,0.1,0,0.1,0c0.1,0,0.1-0.1,0-0.2l-1.1-1.6c-0.1-0.1-0.2-0.1-0.2,0L21.8,16c0,0.1,0,0.2,0,0.2s0.2,0,0.2,0l0.9-1.2v5h-5\n      l1.2-0.9c0.1,0,0.1-0.1,0-0.2c0-0.1-0.1-0.1-0.2,0l-1.6,1.1c0,0-0.1,0.1-0.1,0.1c0,0,0,0.1,0.1,0.1l1.6,1.1c0,0,0.1,0,0.1,0\n      c0,0,0.1,0,0.1-0.1c0-0.1,0-0.2,0-0.2l-1.2-0.9h5v5L22,24.2c0-0.1-0.1-0.1-0.2,0c-0.1,0-0.1,0.1,0,0.2l1.1,1.6c0,0,0.1,0.1,0.1,0.1\n      s0.1,0,0.1-0.1l1.1-1.6c0-0.1,0-0.2,0-0.2c-0.1,0-0.2,0-0.2,0l-0.9,1.2v-5h4.9l-1.2,0.9c-0.1,0-0.1,0.1,0,0.2c0,0,0.1,0.1,0.1,0.1\n      c0,0,0.1,0,0.1,0l1.6-1.1c0,0,0.1-0.1,0.1-0.1C28.7,20.2,28.7,20.1,28.7,20.1z"\n      />\n    </g>\n  </svg>\n'.replace(/{{strokeColor}}/g,t))}e.has("group")&&(this.groups.forEach((e=>{e.getAttribute("data-group")===this.group?e.setAttribute("active",""):e.removeAttribute("active")})),this.group?this.menu.removeAttribute("hidden"):this.menu.setAttribute("hidden",""))}static get scopedElements(){return{"component-menu":N}}render(){var e=this.componentGroupList||[],t=this.icons[this.mode===i.SCENE_MODE.SHIFT?"mode-shift":"mode-edit"];return(0,s.qy)(j||(j=F(["\n      <div components @mousewheel=",'>\n        <img id="shift" .src='," @click="," />\n\n        ",'\n      </div>\n\n      <component-menu\n        tabindex="-1"\n        @focusout=',"\n        .scene=","\n        .group=","\n        .groups=","\n        hidden\n      >\n      </component-menu>\n    "])),(e=>this.onWheelEvent(e)),t,(e=>this._onClickShift(e)),e.filter((e=>{var t;return(null===(t=e.templates)||void 0===t?void 0:t.length)>0})).map((e=>(0,s.qy)(z||(z=F(["\n              <img\n                data-group=","\n                @click=","\n                .src=","\n              />\n            "])),e.name,(e=>this._onClickGroup(e)),this.icons[e.name]))),(()=>{this.group=null}),this.scene,this.group,e)}onWheelEvent(e){var t=Math.max(-1,Math.min(1,e.deltaY||-e.detail));this.componentsContainer.scrollTop+=10*t,e.preventDefault()}_setMode(e){this.mode=e,this.dispatchEvent(new CustomEvent("mode-changed",{bubbles:!0,composed:!0,detail:{value:e}}))}_onClickShift(e){var t=this.shift;t.hasAttribute("active")?(t.removeAttribute("active"),this._setMode(i.SCENE_MODE.EDIT)):(t.setAttribute("active",""),this._setMode(i.SCENE_MODE.SHIFT))}_onClickGroup(e){var t,n=this;return(t=function*(){var t,r,o=e.target;n.group=null===(t=o.closest("[data-group]"))||void 0===t?void 0:t.getAttribute("data-group"),n.group&&(yield n.updateComplete,null===(r=n.menu)||void 0===r||r.focus())},function(){var e=this,n=arguments;return new Promise((function(r,o){var i=t.apply(e,n);function a(e){D(i,r,o,a,s,"next",e)}function s(e){D(i,r,o,a,s,"throw",e)}a(void 0)}))})()}}B.styles=[(0,s.AH)(L||(L=F(["\n      :host {\n        left: 0;\n        display: block;\n        position: relative;\n\n        width: var(--component-toolbar-icon-size);\n        background-color: var(--component-toolbar-background-color);\n      }\n\n      [components] {\n        display: block;\n        padding: 0;\n        margin: 0;\n\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n      }\n\n      [components] > img {\n        display: flex;\n        flex-direction: row;\n\n        width: var(--component-toolbar-icon-size);\n        height: var(--component-toolbar-icon-size);\n        min-width: 50%;\n\n        border-bottom: var(--component-toolbar-border);\n        margin: 0;\n        padding: 6px;\n        box-sizing: border-box;\n      }\n\n      #shift[active] {\n        background-color: #beb9b3;\n      }\n\n      component-menu {\n        position: absolute;\n        top: 0;\n        left: var(--component-toolbar-icon-size);\n        height: 100%;\n        outline: none;\n      }\n\n      component-menu[hidden] {\n        display: none;\n      }\n    "])))],(0,o.Cg)([(0,a.MZ)({type:Array})],B.prototype,"componentGroupList",void 0),(0,o.Cg)([(0,a.MZ)({type:String})],B.prototype,"group",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],B.prototype,"scene",void 0),(0,o.Cg)([(0,a.MZ)({type:Number})],B.prototype,"mode",void 0),(0,o.Cg)([(0,a.P)("#shift")],B.prototype,"shift",void 0),(0,o.Cg)([(0,a.P)("component-menu")],B.prototype,"menu",void 0),(0,o.Cg)([(0,a.P)("div[components]")],B.prototype,"componentsContainer",void 0),(0,o.Cg)([(0,a.YG)("[data-group]")],B.prototype,"groups",void 0);var q,U,Z,W,H,V=(0,s.AH)(I||(q=["\n  :host {\n    color: white;\n    background-color: var(--edit-toolbar-background-color, #394e64);\n\n    overflow-x: hidden;\n  }\n\n  [tools] {\n    display: flex;\n    align-items: center;\n    overflow: none;\n    padding: 0px 10px;\n  }\n\n  [tools] > * {\n    padding: 0px;\n  }\n\n  [tools] > span[button] {\n    min-width: 30px;\n  }\n\n  [tools] > span[padding] {\n    flex: 1;\n  }\n\n  [tools] > .vline {\n    display: block;\n    flex: none;\n    border-left: 1px solid rgba(255, 255, 255, 0.2);\n    border-right: 1px solid rgba(0, 0, 0, 0.15);\n    width: 0px;\n    height: 18px;\n    margin: 0 3px;\n  }\n\n  span[button] {\n    min-height: 35px;\n\n    background: var(--url-icon-htoolbar) no-repeat;\n    background-position-x: 50%;\n    opacity: 0.8;\n  }\n  span[button]:hover {\n    opacity: 1;\n    background-color: rgba(0, 0, 0, 0.1);\n    cursor: pointer;\n  }\n\n  #fullscreen,\n  #toggle-property {\n    flex: none;\n  }\n\n  #align-left {\n    background-position-y: 8px;\n  }\n\n  #align-center {\n    background-position-y: -42px;\n  }\n\n  #align-right {\n    background-position-y: -92px;\n  }\n\n  #align-top {\n    background-position-y: -142px;\n  }\n\n  #align-middle {\n    background-position-y: -192px;\n  }\n\n  #align-bottom {\n    background-position-y: -242px;\n  }\n\n  #undo {\n    background-position-y: -592px;\n  }\n\n  #redo {\n    background-position-y: -642px;\n  }\n\n  #front {\n    background-position-y: -292px;\n  }\n\n  #back {\n    background-position-y: -342px;\n  }\n\n  #forward {\n    background-position-y: -392px;\n  }\n\n  #backward {\n    background-position-y: -442px;\n  }\n\n  #symmetry-x {\n    background-position-y: -492px;\n  }\n\n  #symmetry-y {\n    background-position-y: -542px;\n  }\n\n  #group {\n    background-position-y: -492px;\n  }\n\n  #ungroup {\n    background-position-y: -542px;\n  }\n\n  #fullscreen {\n    background-position-y: -692px;\n  }\n\n  #toggle-property {\n    background-position-y: -692px;\n    float: right;\n  }\n\n  #zoomin {\n    background-position-y: -742px;\n  }\n\n  #zoomout {\n    background-position-y: -792px;\n  }\n\n  #fit-scene {\n    background-position-y: -1492px;\n  }\n\n  #cut {\n    background-position-y: -842px;\n  }\n\n  #copy {\n    background-position-y: -892px;\n  }\n\n  #paste {\n    background-position-y: -942px;\n  }\n\n  #delete {\n    background-position-y: -992px;\n  }\n\n  #font-increase {\n    background-position-y: -1042px;\n  }\n\n  #font-decrease {\n    background-position-y: -1092px;\n  }\n\n  #style-copy {\n    background-position-y: -1142px;\n  }\n\n  #context-menu {\n    background-position-y: -692px;\n  }\n\n  #symmetry-x {\n    background-position-y: -1192px;\n  }\n\n  #symmetry-y {\n    background-position-y: -1242px;\n  }\n\n  #rotate-cw {\n    background-position-y: -1292px;\n  }\n\n  #rotate-ccw {\n    background-position-y: -1342px;\n  }\n\n  #distribute-horizontal {\n    background-position-y: -1542px;\n  }\n\n  #distribute-vertical {\n    background-position-y: -1593px;\n  }\n\n  #toggle-property {\n    background-position-y: -1392px;\n  }\n\n  #preview {\n    background-position-y: -1640px;\n  }\n\n  /* bigger buttons */\n  #fullscreen {\n    background: var(--url-icon-fullscreen) 50% 10px no-repeat;\n    width: var(--edit-toolbar-bigger-icon-size);\n    height: var(--edit-toolbar-bigger-icon-size);\n    border-left: var(--edit-toolbar-bigger-icon-line);\n  }\n\n  #toggle-property {\n    background: var(--url-icon-collapse) 80% 10px no-repeat;\n    width: var(--edit-toolbar-bigger-icon-size);\n    height: var(--edit-toolbar-bigger-icon-size);\n    border-left: var(--edit-toolbar-bigger-icon-line);\n  }\n\n  #toggle-property[active] {\n    background: var(--url-icon-collapse-active) 80% 10px no-repeat;\n  }\n\n  #generate-model {\n    background-position-y: -1492px;\n  }\n"],U||(U=q.slice(0)),I=Object.freeze(Object.defineProperties(q,{raw:{value:Object.freeze(U)}})))),X=n(70661);function G(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function Y(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var K=(0,P.U0)();class J extends s.WF{constructor(){super(...arguments),this.selected=[],this.hideProperty=!1}firstUpdated(){this.addEventListener("mousewheel",this.onWheelEvent.bind(this),!1),window.addEventListener("paste",(e=>{var t;try{this.cliped=null===(t=e.clipboardData)||void 0===t?void 0:t.getData("text/plain")}catch(e){X.error("model paste failed",e)}})),this.aligners.forEach((e=>e.addEventListener("tap",this.onTapAlign.bind(this)))),this.zorders.forEach((e=>e.addEventListener("tap",this.onTapZorder.bind(this)))),this.distributes.forEach((e=>e.addEventListener("tap",this.onTapDistribute.bind(this)))),this.undo.addEventListener("tap",this.onTapUndo.bind(this)),this.redo.addEventListener("tap",this.onTapRedo.bind(this)),this.fullscreen.addEventListener("tap",this.onTapFullscreen.bind(this)),this.cut.addEventListener("tap",this.onTapCut.bind(this)),this.copy.addEventListener("tap",this.onTapCopy.bind(this)),this.paste.addEventListener("tap",this.onTapPaste.bind(this)),this.delete.addEventListener("tap",this.onTapDelete.bind(this)),this.renderRoot.querySelector("#font-increase").addEventListener("tap",this.onTapFontIncrease.bind(this)),this.renderRoot.querySelector("#font-decrease").addEventListener("tap",this.onTapFontDecrease.bind(this)),this.renderRoot.querySelector("#group").addEventListener("tap",this.onTapGroup.bind(this)),this.renderRoot.querySelector("#ungroup").addEventListener("tap",this.onTapUngroup.bind(this)),this.renderRoot.querySelector("#toggle-property").addEventListener("tap",this.onTapToggle.bind(this)),this.renderRoot.querySelector("#fit-scene").addEventListener("tap",this.onTapFitScene.bind(this)),this.renderRoot.querySelector("#preview").addEventListener("tap",this.onTapPreview.bind(this))}updated(e){e.has("scene")&&this.onSceneChanged(this.scene,e.get("scene")),e.has("selected")&&this.onSelectedChanged(this.selected,e.get("selected"))}render(){return(0,s.qy)(Z||(Z=Y(["\n      <div tools>\n        <span><slot></slot></span>\n\n        ",'\n\n        <span button id="undo" title="undo (',')"> </span>\n        <span button id="redo" title="redo (',')"> </span>\n\n        <span class="vline"></span>\n\n        <span button id="cut" title="cut (',')"> </span>\n        <span button id="copy" title="copy (',')"> </span>\n        <span button id="paste" title="paste (',')"> </span>\n        <span\n          button\n          id="delete"\n          title="delete (',", ",')"\n        >\n        </span>\n\n        <span class="vline"></span>\n\n        \x3c!-- TODO Implement style-copy\n        <span button id="style-copy" title="format painter"></span>\n        <span class="vline"></span>\n      --\x3e\n\n        <span\n          button\n          data-align="left"\n          id="align-left"\n          title="align left (',')"\n        >\n        </span>\n        <span\n          button\n          data-align="center"\n          id="align-center"\n          title="align center (',')"\n        >\n        </span>\n        <span\n          button\n          data-align="right"\n          id="align-right"\n          title="align right (',')"\n        >\n        </span>\n\n        <span button data-align="top" id="align-top" title="align top (',')">\n        </span>\n        <span\n          button\n          data-align="middle"\n          id="align-middle"\n          title="align middle (',')"\n        >\n        </span>\n        <span\n          button\n          data-align="bottom"\n          id="align-bottom"\n          title="align bottom (',')"\n        >\n        </span>\n\n        <span\n          button\n          data-distribute="HORIZONTAL"\n          id="distribute-horizontal"\n          title="distribute horizontally (',')"\n        >\n        </span>\n\n        <span\n          button\n          data-distribute="VERTICAL"\n          id="distribute-vertical"\n          title="distribute vertically (',')"\n        >\n        </span>\n\n        <span class="vline"></span>\n\n        <span\n          button\n          id="front"\n          data-zorder="front"\n          title="bring to front (',')"\n        >\n        </span>\n        <span button id="back" data-zorder="back" title="send to back (',')">\n        </span>\n        <span button id="forward" data-zorder="forward" title="bring forward (',')">\n        </span>\n        <span button id="backward" data-zorder="backward" title="send backward (',')">\n        </span>\n\n        <span class="vline"></span>\n\n        <span button id="group" title="group (',')"> </span>\n        <span button id="ungroup" title="ungroup (',')"> </span>\n\n        <span class="vline"></span>\n\n        <span button id="font-increase" title="increase font size"></span>\n        <span button id="font-decrease" title="decrease font size"></span>\n\n        <span class="vline"></span>\n        <span padding></span>\n\n        \x3c!-- <span button id="generate-model" title="generate model"> </span> --\x3e\n        <span button id="fit-scene" title="fit scene (',')"> </span>\n\n        <span class="vline"></span>\n\n        <span button id="preview" title="preview (',')"> </span>\n\n        <span button id="fullscreen" title="fullscreen (',')"> </span>\n\n        <span\n          button\n          id="toggle-property"\n          title="toggle property panel (',')"\n          toggles="true"\n        >\n        </span>\n      </div>\n    '])),this.hasEmptySlot()?(0,s.qy)(W||(W=Y([""]))):(0,s.qy)(H||(H=Y(['<span class="vline"></span>']))),this.getShortcutString("cmd","z"),this.getShortcutString("cmd","shift","z"),this.getShortcutString("cmd","x"),this.getShortcutString("cmd","c"),this.getShortcutString("cmd","v"),this.getShortcutString("backspace"),this.getShortcutString("delete"),this.getShortcutString("alt","shift","l"),this.getShortcutString("alt","shift","c"),this.getShortcutString("alt","shift","r"),this.getShortcutString("alt","shift","t"),this.getShortcutString("alt","shift","m"),this.getShortcutString("alt","shift","b"),this.getShortcutString("alt","shift","h"),this.getShortcutString("alt","shift","v"),this.getShortcutString("cmd","shift","f"),this.getShortcutString("cmd","shift","b"),this.getShortcutString("cmd","f"),this.getShortcutString("cmd","b"),this.getShortcutString("cmd","g"),this.getShortcutString("cmd","shift","g"),this.getShortcutString("cmd","d"),this.getShortcutString("ctrl","p"),this.getShortcutString("f11"),this.getShortcutString("cmd","h"))}hasEmptySlot(){var e=this.renderRoot.querySelector("slot");return 0===(null==e?void 0:e.assignedNodes().length)}onWheelEvent(e){var t=Math.max(-1,Math.min(1,e.deltaY||-e.detail));this.scrollLeft-=40*t,e.preventDefault()}getSymbol(e){var t;switch(e){case"cmd":case"ctrl":t=K?"⌘":"Ctrl";break;case"shift":t=K?"⇧":"Shift";break;case"alt":case"option":t=K?"⌥":"Alt";break;case"backspace":t=K?"⌫":"BackSpace";break;case"delete":t=K?"⌦":"Del";break;default:t=e.toUpperCase()}return t}getShortcutString(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];for(var r=[],o=0;o<arguments.length;o++)r.push(this.getSymbol(arguments[o]));return r.join(K?"":"+")}onShortcut(e){var t,n,r,o;if(K)var i=e.metaKey;else i=e.ctrlKey;var a=e.altKey,s=e.shiftKey,l=i||a;switch(e.code){case"KeyZ":i&&!s?this.onTapUndo():i&&s&&this.onTapRedo();break;case"KeyY":i&&!s&&this.onTapRedo();break;case"KeyC":i&&!s?this.onTapCopy():a&&s&&this.onTapAlign("center");break;case"KeyX":i&&!s&&this.onTapCut();break;case"KeyV":i&&!s?(this.onTapPaste(),l=!1):a&&s&&this.onTapDistribute("VERTICAL");break;case"Delete":case"Backspace":this.onTapDelete(),l=!0;break;case"KeyG":i&&!s?this.onTapGroup():i&&s&&this.onTapUngroup();break;case"KeyF":i&&!s?null===(t=this.scene)||void 0===t||t.zorder("forward"):i&&s&&(null===(n=this.scene)||void 0===n||n.zorder("front"));break;case"KeyB":i&&!s?null===(r=this.scene)||void 0===r||r.zorder("backward"):i&&s?null===(o=this.scene)||void 0===o||o.zorder("back"):a&&s&&this.onTapAlign("bottom");break;case"KeyH":i&&!s?this.onTapToggle():a&&s&&this.onTapDistribute("HORIZONTAL");break;case"F11":this.onTapFullscreen(),l=!0;break;case"KeyP":i&&(this.onTapPreview(),l=!0);break;case"KeyA":i&&this.onTapSelectAll();break;case"KeyL":a&&s&&this.onTapAlign("left");break;case"KeyR":a&&s&&this.onTapAlign("right");break;case"KeyM":a&&s&&this.onTapAlign("middle");break;case"KeyT":a&&s&&this.onTapAlign("top");break;case"KeyD":i&&(this.onTapFitScene(),l=!0);break;case"KeyE":i&&s&&this.onTapDownloadModel();break;case"Digit1":i&&(X.log("MODEL",this.scene&&this.scene.model),l=!0);break;case"Digit2":i&&(X.log("SELECTED",this.scene&&this.scene.selected),l=!0);break;default:return!1}return l&&e.preventDefault(),!0}onExecute(e,t,n){t?this.undo.removeAttribute("disabled"):this.undo.setAttribute("disabled",""),n?this.redo.removeAttribute("disabled"):this.redo.setAttribute("disabled","")}onUndo(e,t){e?this.undo.removeAttribute("disabled"):this.undo.setAttribute("disabled",""),t?this.redo.removeAttribute("disabled"):this.redo.setAttribute("disabled","")}onRedo(e,t){e?this.undo.removeAttribute("disabled"):this.undo.setAttribute("disabled",""),t?this.redo.removeAttribute("disabled"):this.redo.setAttribute("disabled","")}onSceneChanged(e,t){t&&(t.off("execute",this.onExecute,this),t.off("undo",this.onUndo,this),t.off("redo",this.onRedo,this)),e&&(e.on("execute",this.onExecute,this),e.on("undo",this.onUndo,this),e.on("redo",this.onRedo,this))}onSelectedChanged(e,t){var n=e.length>1;this.aligners.forEach((e=>n?e.removeAttribute("disabled"):e.setAttribute("disabled","")));var r=1===e.length;r?this.forward.removeAttribute("disabled"):this.forward.setAttribute("disabled",""),r?this.backward.removeAttribute("disabled"):this.backward.setAttribute("disabled",""),n||r?this.front.removeAttribute("disabled"):this.front.setAttribute("disabled",""),n||r?this.back.removeAttribute("disabled"):this.back.setAttribute("disabled","")}onTapUndo(){var e;null===(e=this.scene)||void 0===e||e.undo()}onTapRedo(){var e;null===(e=this.scene)||void 0===e||e.redo()}onTapCut(){var e;null===(e=this.scene)||void 0===e||e.cut()}onTapCopy(){var e,t=this;return(e=function*(){var e,n=null===(e=t.scene)||void 0===e?void 0:e.copy();n&&(yield(0,P.lW)(n),t.cliped=n)},function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){G(i,r,o,a,s,"next",e)}function s(e){G(i,r,o,a,s,"throw",e)}a(void 0)}))})()}onTapPaste(){setTimeout((()=>{var e;this.cliped&&(null===(e=this.scene)||void 0===e||e.paste(this.cliped))}),100)}onTapDelete(){var e;null===(e=this.scene)||void 0===e||e.remove()}onTapSelectAll(){var e;null===(e=this.scene)||void 0===e||e.select("(child)")}onTapFontIncrease(e){var t,n,r=null===(t=this.scene)||void 0===t?void 0:t.selected;r&&r.length&&(null===(n=this.scene)||void 0===n||n.undoableChange((function(){r.forEach((function(e){var t=e.get("fontSize");if(t||(t="15"),t){var n=parseInt(t);e.set("fontSize",n+1)}}))})))}onTapFontDecrease(e){var t,n,r=null===(t=this.scene)||void 0===t?void 0:t.selected;r&&r.length&&(null===(n=this.scene)||void 0===n||n.undoableChange((function(){r.forEach((function(e){var t=e.get("fontSize");if(t||(t="15"),t){var n=parseInt(t);n>1&&e.set("fontSize",n-1)}}))})))}onTapAlign(e){if(this.scene&&!(this.scene.selected.length<=1)){var t="string"==typeof e?e:e.target.getAttribute("data-align");t&&this.scene.align(t)}}onTapZorder(e){if(this.scene&&!(this.scene.selected.length<1)){var t="string"==typeof e?e:e.target.getAttribute("data-zorder");t&&this.scene.zorder(t)}}onTapGroup(){this.scene&&this.scene.group()}onTapUngroup(){this.scene&&this.scene.ungroup()}onTapFullscreen(){this.dispatchEvent(new CustomEvent("modeller-fullscreen"))}onTapToggle(){this.hideProperty=!this.hideProperty,this.dispatchEvent(new CustomEvent("hide-property-changed",{bubbles:!0,composed:!0,detail:{value:this.hideProperty}}))}onTapFitScene(){this.scene&&(this.scene.resize(),this.scene.fit("ratio"))}onTapPreview(){this.dispatchEvent(new CustomEvent("open-preview"))}onTapDownloadModel(){this.dispatchEvent(new CustomEvent("download-model"))}onTapDistribute(e){if(this.scene&&!(this.scene.selected.length<=1)){var t="string"==typeof e?e:e.target.getAttribute("data-distribute");t&&this.scene.distribute(t)}}onTapGenerateModel(e){if(this.scene)for(var t=0,n=0;n<100;n++)for(var r=0;r<100;r++){var o=String(++t).padStart(4,"0");switch(r%5){case 0:this.scene.add([{type:"Port",id:"Temp_"+o,left:22*n,top:22*r,width:20,height:20}],{});break;case 1:this.scene.add([{type:"STOCKER",id:"STOCKER_"+o,left:22*n,top:22*r,width:20,height:20}],{});break;case 2:this.scene.add([{type:"OHT",id:"RTV_"+o,left:22*n,top:22*r,width:20,height:20,direction:"left"}],{});break;case 3:this.scene.add([{type:"AGV",id:"Process_"+o,left:22*n,top:22*r,width:20,height:20}],{});break;case 4:this.scene.add([{type:"Conveyor",id:"Conveyor_"+o,left:22*n,top:22*r,width:20,height:20,conveyorType:"rail"}],{})}}}}J.styles=[V],(0,o.Cg)([(0,a.MZ)({type:Object})],J.prototype,"scene",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],J.prototype,"selected",void 0),(0,o.Cg)([(0,a.MZ)({type:Boolean})],J.prototype,"hideProperty",void 0),(0,o.Cg)([(0,a.P)("#redo")],J.prototype,"redo",void 0),(0,o.Cg)([(0,a.P)("#undo")],J.prototype,"undo",void 0),(0,o.Cg)([(0,a.P)("#fullscreen")],J.prototype,"fullscreen",void 0),(0,o.Cg)([(0,a.P)("#cut")],J.prototype,"cut",void 0),(0,o.Cg)([(0,a.P)("#copy")],J.prototype,"copy",void 0),(0,o.Cg)([(0,a.P)("#paste")],J.prototype,"paste",void 0),(0,o.Cg)([(0,a.P)("#delete")],J.prototype,"delete",void 0),(0,o.Cg)([(0,a.P)("#forward")],J.prototype,"forward",void 0),(0,o.Cg)([(0,a.P)("#backward")],J.prototype,"backward",void 0),(0,o.Cg)([(0,a.P)("#front")],J.prototype,"front",void 0),(0,o.Cg)([(0,a.P)("#back")],J.prototype,"back",void 0),(0,o.Cg)([(0,a.YG)("[data-align]")],J.prototype,"aligners",void 0),(0,o.Cg)([(0,a.YG)("[data-zorder]")],J.prototype,"zorders",void 0),(0,o.Cg)([(0,a.YG)("[data-distribute]")],J.prototype,"distributes",void 0);var $,Q=n(91471);n(61225),n(81007),n(47640);class ee extends s.WF{firstUpdated(){this.renderRoot.addEventListener("change",this._onValueChange.bind(this))}_onValueChange(e){var t=e.target,n=t.getAttribute("value-key");if(n){var r=this._getValueFromEventTarget(t);this._onAfterValueChange(n,r)}}_getValueFromEventTarget(e){var t;switch(e.tagName){case"INPUT":switch(e.type){case"checkbox":t=e.checked;break;case"number":t=Number(e.valueAsNumber);break;case"text":t=String(e.value)}break;case"PAPER-BUTTON":t=e.active;break;case"PAPER-LISTBOX":t=e.selected;break;default:t=e.value}return t}_onAfterValueChange(e,t){this.dispatchEvent(new CustomEvent("property-change",{bubbles:!0,composed:!0,detail:{[e]:t}}))}}var te,ne=(0,s.AH)($||($=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n  fieldset {\n    border: none;\n    margin: 4px;\n    padding: 9px 4px 9px 4px;\n    border-bottom: var(--property-sidebar-fieldset-border);\n    color: var(--property-sidebar-fieldset-legend-color);\n    font: var(--property-sidebar-fieldset-label);\n  }\n\n  fieldset legend {\n    padding: 5px 0 0 5px;\n    color: var(--property-sidebar-fieldset-legend-color);\n    font: var(--property-sidebar-fieldset-legend);\n    text-transform: capitalize;\n  }\n\n  select,\n  input {\n    border: var(--property-sidebar-fieldset-border);\n  }\n\n  ox-input-data {\n    height: 300px;\n  }\n\n  /* property grid */\n  .property-grid {\n    display: grid;\n    grid-template-columns: repeat(10, 1fr);\n    grid-gap: 5px;\n    grid-auto-rows: minmax(24px, auto);\n    align-items: center;\n  }\n\n  .property-grid > * {\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .property-grid > label {\n    grid-column: span 3;\n    text-align: right;\n    text-transform: capitalize;\n    line-height: 2;\n  }\n\n  .property-grid > input,\n  .property-grid > table,\n  .property-grid > select,\n  .property-grid > ox-input-angle,\n  .property-grid > ox-buttons-radio,\n  .property-grid > ox-input-color,\n  [custom-editor] {\n    grid-column: span 7;\n    align-self: stretch;\n  }\n\n  .property-grid > .checkbox-row {\n    grid-column: span 10;\n  }\n\n  .property-grid > .property-full-label {\n    grid-column: span 3;\n    text-align: right;\n    text-transform: capitalize;\n  }\n\n  .property-grid > .property-half-label {\n    grid-column: span 1;\n  }\n\n  .property-grid > .property-full-input {\n    grid-column: span 7;\n  }\n\n  .property-grid > .property-half-input {\n    grid-column: span 4;\n  }\n\n  /* checkbox-row */\n  .checkbox-row {\n    display: grid;\n    grid-template-columns: repeat(10, 1fr);\n    grid-gap: 5px;\n    grid-auto-rows: minmax(24px, auto);\n    align-items: center;\n  }\n\n  .checkbox-row > input {\n    grid-column: 4 / 5;\n  }\n\n  .checkbox-row > label {\n    grid-column: span 6;\n    text-align: left;\n  }\n\n  /* image resources */\n  .icon-only-label {\n    grid-column: span 1;\n\n    background: var(--url-icon-properties-label) no-repeat;\n    float: left;\n    margin: 0;\n    align-self: stretch;\n  }\n\n  .icon-only-label.color {\n    background-position: 100% -500px;\n  }\n  .icon-only-label.font-size {\n    background-position: 100% -594px;\n  }\n  .icon-only-label.leading {\n    background-position: 100% -696px;\n  }\n  .icon-only-label.hscale {\n    background-position: 100% -296px;\n  }\n  .icon-only-label.vscale {\n    background-position: 100% -396px;\n  }\n  .icon-only-label.linewidth {\n    background-position: 100% -894px;\n  }\n  .icon-only-label.lineHeight {\n    background-position: 100% -995px;\n  }\n  .icon-only-label.letterSpacing {\n    background-position: 100% -1594px;\n  }\n"]))),re=(n(54502),n(79405)),oe=n(26486);n(68814);var ie,ae=class extends oe.zs{valueInputTemplate(e){return"attachment"==this.valuetype?(0,s.qy)(te||(te=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["<ox-attachment-selector data-value value=","></ox-attachment-selector>"])),(0,re.J)(e)):super.valueInputTemplate(e)}};ae.styles=oe.zs.styles,ae=(0,o.Cg)([(0,a.EM)("data-binding-value-map")],ae);var se,le,pe,de,ce,ue,he,ge,be,ve=class extends oe.gv{valueInputTemplate(e){return"attachment"==this.valuetype?(0,s.qy)(ie||(ie=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["<ox-attachment-selector data-value value=","></ox-attachment-selector>"])),(0,re.J)(e)):super.valueInputTemplate(e)}};function me(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function fe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?me(Object(n),!0).forEach((function(t){ye(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):me(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ye(e,t,n){return(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function xe(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function we(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}ve.styles=oe.gv.styles,ve=(0,o.Cg)([(0,a.EM)("data-binding-value-range")],ve);class ke extends s.WF{constructor(){super(...arguments),this.mapping={rule:"value"},this.rule={},this.properties=[],this._valueTypes={play:"boolean",hidden:"boolean",started:"boolean",rotation:"number",value:"number",fillStyle:"color",strokeStyle:"color",fontColor:"color",data:"object",source:"attachment",location:"object",dimension:"object",text:"string",ref:"string"},this._componentIds=[],this._keep_saved_rule_params=!1}firstUpdated(){this.renderRoot.addEventListener("change",(e=>this._onChange(e)))}updated(e){e.has("mapping")&&this._onChangedMapping()}render(){var e=this.mapping||{rule:"value"};return(0,s.qy)(se||(se=we(['\n      <label for="accessor-input">\n        <ox-i18n msgid="label.accessor">accessor</ox-i18n>\n      </label>\n      <input\n        id="accessor-input"\n        value-key="accessor"\n        type="text"\n        data-mapping-accessor\n        .value=','\n      />\n\n      <label for="target-input"> <ox-i18n msgid="label.target">target</ox-i18n> </label>\n      <input\n        id="target-input"\n        type="text"\n        value-key="target"\n        list="target-list"\n        .value=',"\n        @focusin=",'\n      />\n      <datalist id="target-list">\n        <option value="(self)"></option>\n        <option value="(children)"></option>\n        <option value="(key)"></option>\n        <option value="[propkey]"></option>\n        ','\n      </datalist>\n\n      <label for="property-input"> <ox-i18n msgid="label.property">property</ox-i18n> </label>\n      <select id="property-input" value-key="property" .value=',">\n        ",'\n      </select>\n\n      <label> <ox-i18n msgid="label.rule-type">rule type</ox-i18n> </label>\n      <ox-buttons-radio .value='," @change=",'>\n        <div data-value="value"><ox-i18n msgid="label.value"></ox-i18n></div>\n        <div data-value="map"><ox-i18n msgid="label.map"></ox-i18n></div>\n        <div data-value="range"><ox-i18n msgid="label.range"></ox-i18n></div>\n        <div data-value="eval"><ox-i18n msgid="label.eval"></ox-i18n></div>\n      </ox-buttons-radio>\n\n      <div rule-editors ?hidden=','>\n        <data-binding-value-map\n          value-key="map"\n          .value=',"\n          .valuetype=","\n          ?active=",'\n        >\n        </data-binding-value-map>\n\n        <data-binding-value-range\n          value-key="range"\n          .value=',"\n          .valuetype=","\n          ?active=",'\n        >\n        </data-binding-value-range>\n\n        <ox-input-code\n          value-key="eval"\n          id="eval-editor"\n          .value=',"\n          ?active=",'\n        >\n        </ox-input-code>\n      </div>\n\n      <div class="checkbox-row">\n        <input id="checkbox-ndnsp" type="checkbox" value-key="ndnsp" .checked=',' />\n        <label for="checkbox-ndnsp"> <ox-i18n msgid="label.ndnsp">No Data No Spreading</ox-i18n> </label>\n      </div>\n    '])),e.accessor||"",e.target||"",(()=>{this._componentIds=this.scene&&this.scene.ids.map((e=>{var t,n=e.key;return{value:"#".concat(n),description:null===(t=this.scene.findById(n))||void 0===t?void 0:t.get("type")}}))||[]}),this._componentIds.length?(0,s.qy)(le||(le=we(["\n              ","\n            "])),this._componentIds.map((e=>{var{value:t,description:n}=e;return(0,s.qy)(pe||(pe=we([" <option value=",">","</option> "])),t,n)}))):(0,s.qy)(de||(de=we([""]))),e.property||"",this.properties.map((t=>(0,s.qy)(ce||(ce=we([" <option .value="," ?selected=",">","</option> "])),t.name,t.name==e.property,t.label))),e.rule,(e=>this._onChangeRule(e)),"value"==e.rule,this.rule.map||{},this._valuetype(e.property),"map"==e.rule,this.rule.range||[],this._valuetype(e.property),"range"==e.rule,this.rule.eval||"","eval"==e.rule,!0===e.ndnsp)}_valuetype(e){return this._valueTypes[e]||"string"}_onChangedMapping(){var e,t=this;return(e=function*(){if(t._keep_saved_rule_params)t._keep_saved_rule_params=!1;else{yield t.updateComplete;var e={};if(t.mapping)switch(t.mapping.rule){case"map":e.map=t.mapping.param||{};break;case"range":e.range=t.mapping.param||[];break;case"eval":e.eval=t.mapping.param||"";break;default:t.mapping.rule="value"}t.rule=e,t.requestUpdate()}},function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){xe(i,r,o,a,s,"next",e)}function s(e){xe(i,r,o,a,s,"throw",e)}a(void 0)}))})()}_onChangeRule(e){var t,n=e.target.value;switch(n){case"map":t=this.rule.map;break;case"range":t=this.rule.range;break;case"eval":(t=this.rule.eval||"")||(this.editor.value="return")}this.mapping=fe(fe({},this.mapping),{},{rule:n,param:t}),this._keep_saved_rule_params=!0,this.dispatchEvent(new CustomEvent("value-change",{bubbles:!0,composed:!0}))}_onChange(e){var t=e.target,n=t.getAttribute("value-key");if(n){var r=t.value;"target"===n?(r.length>0&&!/^[.#(\[]/.test(r)&&(r="#"+r.trim(),this.target.value=r),this.mapping=fe(fe({},this.mapping),{},{target:r})):"accessor"===n?this.mapping=fe(fe({},this.mapping),{},{accessor:(r||"").trim()}):"property"===n?this.mapping=fe(fe({},this.mapping),{},{property:(r||"").trim()}):"map"===n||"range"===n||"eval"===n?(this.rule[n]=r,this.mapping=fe(fe({},this.mapping),{},{param:r})):"ndnsp"===n&&(r=t.checked,this.mapping=fe(fe({},this.mapping),{},{ndnsp:r})),this.mapping.rule||(this.mapping.rule="value"),this._keep_saved_rule_params=!0,this.dispatchEvent(new CustomEvent("value-change",{bubbles:!0,composed:!0,detail:{changed:{[n]:r}}}))}}}function Ce(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Se(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ce(Object(n),!0).forEach((function(t){Me(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ce(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Me(e,t,n){return(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Pe(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function Te(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){Pe(i,r,o,a,s,"next",e)}function s(e){Pe(i,r,o,a,s,"throw",e)}a(void 0)}))}}function Oe(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}ke.styles=[(0,s.AH)(ue||(ue=we(["\n      :host {\n        background-color: rgba(255, 255, 255, 0.5);\n        overflow: hidden;\n        padding: 7px 0 0 0;\n        border: 1px solid rgba(0, 0, 0, 0.2);\n        border-width: 0 1px 1px 1px;\n        padding: 4px;\n        line-height: 2;\n\n        display: grid;\n        grid-template-columns: repeat(10, 1fr);\n        grid-gap: 4px;\n        grid-auto-rows: minmax(24px, auto);\n\n        align-items: center;\n      }\n\n      :host > * {\n        align-self: stretch;\n      }\n\n      label {\n        grid-column: span 3;\n        text-align: right;\n        text-transform: capitalize;\n      }\n\n      input,\n      select,\n      ox-buttons-radio,\n      [mapping-rule] {\n        grid-column: span 7;\n      }\n      input,\n      select {\n        border: var(--property-sidebar-fieldset-border);\n      }\n\n      ox-buttons-radio {\n        display: flex;\n        padding: 0 4px;\n      }\n\n      ox-buttons-radio > * {\n        text-align: center;\n        flex: 1;\n        margin: 2px;\n        border-bottom: 2px solid #fff;\n      }\n\n      ox-buttons-radio div[active] {\n        border-color: #f2471c;\n      }\n\n      select {\n        height: 22px;\n      }\n\n      [mapping-rule] {\n        display: flex;\n      }\n\n      [mapping-rule] * {\n        flex: auto;\n        margin: 0;\n        text-align: left;\n        align-self: center;\n      }\n\n      [rule-editors] {\n        grid-column: span 10;\n\n        display: 'flex';\n        align-content: auto;\n      }\n\n      [rule-editors] :not([active]) {\n        display: none;\n      }\n\n      ox-input-code {\n        height: 300px;\n        overflow: auto;\n      }\n\n      /* checkbox-row */\n      .checkbox-row {\n        grid-column: span 10;\n\n        display: grid;\n        grid-template-columns: repeat(10, 1fr);\n        grid-gap: 5px;\n        grid-auto-rows: minmax(24px, auto);\n        align-items: center;\n      }\n\n      .checkbox-row > input {\n        grid-column: 4 / 5;\n      }\n\n      .checkbox-row > label {\n        grid-column: span 6;\n        text-align: left;\n      }\n    "])))],(0,o.Cg)([(0,a.MZ)({type:Object})],ke.prototype,"mapping",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],ke.prototype,"rule",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],ke.prototype,"properties",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],ke.prototype,"scene",void 0),(0,o.Cg)([(0,a.wk)()],ke.prototype,"_valueTypes",void 0),(0,o.Cg)([(0,a.wk)()],ke.prototype,"_componentIds",void 0),(0,o.Cg)([(0,a.P)("#eval-editor")],ke.prototype,"editor",void 0),(0,o.Cg)([(0,a.P)("#target-input")],ke.prototype,"target",void 0);var Ae,_e="{}",Ee=["","text",["fillStyle","fill style"],["strokeStyle","stroke style"],["fontColor","font color"],"value","data","source","hidden","started","play",["ref","reference"],"action","options","rotate","scale","translate","dimension","location","accessor","(action)"].map((e=>"string"==typeof e?{name:e,label:e}:{name:e[0],label:e[1]}));class je extends((0,S.l)(ee)){constructor(){super(...arguments),this.mappingIndex=0,this._dataExpanded=!0}get mappings(){var e;return(null===(e=this.value)||void 0===e?void 0:e.mappings)||[]}firstUpdated(){this.renderRoot.addEventListener("change",this._onValueChange.bind(this)),this.tabContainer.addEventListener("scroll",(()=>{this._onTabScroll()}))}updated(e){e.has("value")&&this._onValueChanged()}static get scopedElements(){return{"data-binding-mapper":ke}}render(){var e=this.value||{mappings:[]};return(0,s.qy)(he||(he=Oe(["\n      <fieldset collapsable ?collapsed=",'>\n        <legend>\n          <ox-i18n topic="board-modeller/initial-data" msgid="label.initial-data">initial value</ox-i18n>\n          <mwc-icon\n            @click=',"\n            >",'</mwc-icon\n          >\n        </legend>\n        <ox-input-data value-key="data" .value=','> </ox-input-data>\n      </fieldset>\n\n      <fieldset>\n        <legend>\n          <ox-i18n topic="board-modeller/data-spread" msgid="label.data-spread">Data Spread</ox-i18n>\n        </legend>\n\n        <div id="tab-header">\n          <mwc-icon\n            id="tab-nav-left-button"\n            @click=','\n            disabled\n            >chevron_left</mwc-icon\n          >\n\n          <ox-buttons-radio\n            id="tabs"\n            .value=',"\n            @change=","\n          >\n            ","\n            <div data-value="," data-mapping disabled>",'</div>\n          </ox-buttons-radio>\n\n          <mwc-icon\n            id="tab-nav-right-button"\n            @click=','\n            disabled\n            >chevron_right</mwc-icon\n          >\n        </div>\n\n        <div binding>\n          <mwc-icon style="font-size:19px" @click=',' title="delete current tab"\n            >delete_forever</mwc-icon\n          >\n          <mwc-icon @click=',' title="replace all tabs">content_paste</mwc-icon>\n          <mwc-icon style="font-size:17px" @click=',' title="copy all tabs"\n            >content_copy</mwc-icon\n          >\n        </div>\n\n        <data-binding-mapper\n          @value-change=',"\n          .scene=","\n          .mapping=","\n          .properties=","\n        >\n        </data-binding-mapper>\n      </fieldset>\n    "])),!this._dataExpanded,(()=>{this._dataExpanded=!this._dataExpanded}),this._dataExpanded?"expand_less":"expand_more",e.data,(()=>{this._onTabScrollNavLeft()}),String(this.mappingIndex),(e=>{e.stopPropagation(),this._setMappingIndex(e.target.value)}),this.mappings.map(((e,t)=>(0,s.qy)(ge||(ge=Oe([" <div data-value="," data-mapping>","</div> "])),t,t+1))),this.mappings.length,this.mappings.length+1,(e=>{this._onTabScrollNavRight()}),(()=>this._clearDataBindingMapper()),(()=>this._pasteDataBindingMapper()),(()=>this._copyDataBindingMapper()),(e=>this._onMappingChanged(e)),this.scene,e.mappings&&e.mappings[this.mappingIndex]||{},Ee)}_setMappingIndex(e){this.mappingIndex=isNaN(Number(e))?0:Number(e),this._onTabScroll()}_clearDataBindingMapper(){var e,t=[...(null===(e=this.value)||void 0===e?void 0:e.mappings)||[]];t.splice(this.mappingIndex,1),this._onAfterValueChange("mappings",t.filter((e=>!!e)))}_copyDataBindingMapper(){_e=JSON.stringify(this.mappings[this.mappingIndex])}_pasteDataBindingMapper(){var e=this;return Te((function*(){var t,n=e.mappingIndex,r=[...(null===(t=e.value)||void 0===t?void 0:t.mappings)||[]];r[e.mappingIndex]=JSON.parse(_e),e._onAfterValueChange("mappings",r),setTimeout((()=>{e._setMappingIndex(n)}),100)}))()}_onValueChanged(){var e=this;return Te((function*(){yield e.updateComplete,e._afterRender?e._afterRender():e._setMappingIndex(0),e._afterRender=null}))()}_onValueChange(e){var t=e.target,n=t.getAttribute("value-key"),r=this._getValueFromEventTarget(t);n&&(this.value=Se(Se({},this.value),{},{[n]:r}),this._onAfterValueChange(n,r))}get tabContainer(){return this.tabs}_onMappingChanged(e){var t=this;return Te((function*(){var n,r=e.target.mapping,o=[...(null===(n=t.value)||void 0===n?void 0:n.mappings)||[]];if(r.target&&r.property&&r.rule){o[t.mappingIndex]=r;var i=t.mappingIndex;t._afterRender=()=>{t._setMappingIndex(i),t.tabContainer.scrollLeft=t.tabContainer.scrollWidth},t.dispatchEvent(new CustomEvent("property-change",{bubbles:!0,composed:!0,detail:{mappings:o.filter((e=>!!e))}})),yield t.requestUpdate()}else if(!r.target&&!r.property&&e.detail&&e.detail.changed&&!e.detail.changed.accessor){o[t.mappingIndex]=null;var a=Math.max(t.mappingIndex-1,0);t._afterRender=()=>{t._setMappingIndex(a)},t.dispatchEvent(new CustomEvent("property-change",{bubbles:!0,composed:!0,detail:{mappings:o.filter((e=>!!e))}}))}}))()}_onTabScroll(){this.tabContainer.clientWidth==this.tabContainer.scrollWidth?(this.tabNavLeftButton.setAttribute("disabled",""),this.tabNavRightButton.setAttribute("disabled","")):0==this.tabContainer.scrollLeft?(this.tabNavLeftButton.setAttribute("disabled",""),this.tabNavRightButton.removeAttribute("disabled")):this.tabContainer.scrollLeft+this.tabContainer.clientWidth>=this.tabContainer.scrollWidth?(this.tabNavLeftButton.removeAttribute("disabled"),this.tabNavRightButton.setAttribute("disabled","")):(this.tabNavLeftButton.removeAttribute("disabled"),this.tabNavRightButton.removeAttribute("disabled"))}_onTabScrollNavLeft(){this.tabContainer.style.scrollBehavior="smooth",this.tabContainer.scrollLeft-=this.tabContainer.clientWidth,this.tabContainer.style.scrollBehavior="auto"}_onTabScrollNavRight(){this.tabContainer.style.scrollBehavior="smooth",this.tabContainer.scrollLeft+=this.tabContainer.clientWidth,this.tabContainer.style.scrollBehavior="auto"}}je.styles=[ne,(0,s.AH)(be||(be=Oe(["\n      #tab-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n      }\n\n      #tab-header > mwc-icon {\n        padding: 0;\n        margin: 0;\n        width: 25px;\n        height: 25px;\n        font-size: x-large;\n        border-bottom: 1px solid rgba(0, 0, 0, 0.2);\n      }\n\n      fieldset[collapsable] legend {\n        box-sizing: border-box;\n        width: 100%;\n      }\n\n      fieldset[collapsable] legend mwc-icon {\n        float: right;\n        font-size: medium;\n        margin: 0;\n      }\n\n      fieldset[collapsable][collapsed] > :not(legend) {\n        display: none;\n      }\n\n      ox-buttons-radio {\n        flex: 1;\n        height: 25px;\n        border: 1px solid rgba(0, 0, 0, 0.2);\n        border-width: 1px 1px 0 1px;\n        text-align: center;\n\n        display: flex;\n        padding: 0;\n        box-sizing: border-box;\n\n        width: 0; /* limit width */\n        overflow-x: hidden;\n      }\n\n      ox-buttons-radio > div {\n        background-color: rgba(0, 0, 0, 0.2);\n        border: 1px solid rgba(0, 0, 0, 0.07);\n        border-width: 0 0 2px 0;\n        padding: 0;\n        color: #fff;\n        font-size: 13px;\n        max-width: 25px;\n        min-width: 25px;\n      }\n\n      ox-buttons-radio > div[disabled] {\n        background-color: rgba(0, 0, 0, 0.1);\n      }\n\n      ox-buttons-radio > div[active] {\n        border-color: rgb(242, 71, 28);\n      }\n\n      ox-buttons-radio > div.iron-selected {\n        background-color: rgba(255, 255, 255, 0.5);\n        color: #585858;\n      }\n\n      div[binding] {\n        display: flex;\n        flex-direction: row-reverse;\n        background-color: rgba(255, 255, 255, 0.5);\n        overflow: hidden;\n        border-style: solid;\n        border-color: rgba(0, 0, 0, 0.2);\n        border-image: initial;\n        border-width: 0px 1px;\n        padding: 7px 5px 2px 5px;\n      }\n\n      mwc-icon {\n        margin-left: 5px;\n        color: var(--secondary-color);\n        opacity: 0.8;\n        cursor: pointer;\n        --mdc-icon-size: 18px;\n      }\n\n      mwc-icon:hover {\n        color: var(--primary-color);\n        opacity: 1;\n      }\n\n      mwc-icon[disabled] {\n        color: rgba(0, 0, 0, 0.1);\n      }\n\n      data-binding-mapper {\n        --things-select: {\n          min-width: 50%;\n          margin-bottom: 10px;\n          padding: 3px 20px 2px 5px;\n          -webkit-border-radius: 4px;\n          -moz-border-radius: 4px;\n          border-radius: 4px;\n          border: 1px solid rgba(0, 0, 0, 0.15);\n          font-size: 15px;\n          font-weight: 300;\n          -webkit-appearance: none;\n        };\n      }\n    "])))],(0,o.Cg)([(0,a.MZ)({type:Object})],je.prototype,"value",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],je.prototype,"scene",void 0),(0,o.Cg)([(0,a.wk)()],je.prototype,"mappingIndex",void 0),(0,o.Cg)([(0,a.wk)()],je.prototype,"_afterRender",void 0),(0,o.Cg)([(0,a.wk)()],je.prototype,"_dataExpanded",void 0),(0,o.Cg)([(0,a.P)("#tabs")],je.prototype,"tabs",void 0),(0,o.Cg)([(0,a.P)("#tab-nav-left-button")],je.prototype,"tabNavLeftButton",void 0),(0,o.Cg)([(0,a.P)("#tab-nav-right-button")],je.prototype,"tabNavRightButton",void 0);var ze,Le,Ie,Re,Ne,De,Fe=(0,s.AH)(Ae||(Ae=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n  :host {\n    display: grid;\n    grid-template-columns: repeat(10, 1fr);\n    grid-gap: 5px;\n    grid-auto-rows: minmax(24px, auto);\n\n    align-items: center;\n  }\n\n  * {\n    align-self: stretch;\n  }\n\n  label {\n    grid-column: span 3;\n    text-align: right;\n    text-transform: capitalize;\n\n    align-self: center;\n  }\n\n  input,\n  select,\n  ox-input-angle,\n  ox-input-color,\n  [custom-editor] {\n    grid-column: span 7;\n  }\n\n  input,\n  select,\n  ox-input-angle input,\n  ox-input-color input,\n  [custom-editor] input {\n    border: var(--property-sidebar-fieldset-border);\n  }\n\n  ox-input-data {\n    height: 300px;\n  }\n\n  input[type='checkbox'] {\n    grid-column: 4 / 5;\n    align-self: center;\n  }\n\n  label.checkbox-label {\n    grid-column: span 6;\n    text-align: left;\n  }\n\n  [fullwidth] {\n    grid-column: 1 / -1;\n  }\n"])));function Be(e){switch(e.tagName){case"INPUT":switch(e.type){case"checkbox":return e.checked;case"number":return Number(e.value)||0;case"text":return String(e.value)}break;case"PAPER-BUTTON":return e.active;case"PAPER-LISTBOX":return e.selected;default:return e.value}}function qe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ue(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?qe(Object(n),!0).forEach((function(t){Ze(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):qe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ze(e,t,n){return(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function We(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}class He extends s.WF{constructor(){super(...arguments),this.targetList=[]}firstUpdated(){var e,t=this;return(e=function*(){t.renderRoot.addEventListener("change",t._onValueChange.bind(t))},function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){We(i,r,o,a,s,"next",e)}function s(e){We(i,r,o,a,s,"throw",e)}a(void 0)}))})()}render(){var{action:e,target:t="",pressed:n}=this.value||{};return(0,s.qy)(ze||(ze=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(['\n      <input id="checkbox-pressed" type="checkbox" value-key="pressed" .checked=',' />\n      <label for="checkbox-pressed" class="checkbox-label"> <ox-i18n msgid="label.pressed">pressed</ox-i18n> </label>\n\n      <label> <ox-i18n msgid="label.action">action</ox-i18n> </label>\n      <select id="tap-select" value-key="action" .value=','>\n        <option value=""></option>\n        <option value="link-open">open new window for target link</option>\n        <option value="link-move">move to target link</option>\n        <option value="data-toggle">toggle data</option>\n      </select>\n\n      <label> <ox-i18n msgid="label.target">target</ox-i18n> </label>\n      <input value-key="target" .value='," .placeholder="," />\n    "])),n,e||"",t,this._getPlaceHoder(e))}_getPlaceHoder(e){switch(e){case"link-open":case"link-move":return"http://www.hatiolab.com/";default:return""}}_onValueChange(e){var t=e.target,n=t.getAttribute("value-key");if(n){if("input"===n||"output"===n){var{options:r={}}=this.value||{};this.value=Ue(Ue({},this.value),{},{options:Ue(Ue({},r),{},{[n]:Be(t)})})}else this.value=Ue(Ue({},this.value),{},{[n]:Be(t)});var{action:o}=this.value;"goto"===o||(null==o?void 0:o.includes("popup"))||delete this.value.options,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0}))}}}function Ve(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Xe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ve(Object(n),!0).forEach((function(t){Ge(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ve(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ge(e,t,n){return(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}He.styles=[Fe],(0,o.Cg)([(0,a.MZ)({type:Object})],He.prototype,"value",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],He.prototype,"scene",void 0),(0,o.Cg)([(0,a.wk)()],He.prototype,"targetList",void 0);class Ye extends((0,S.l)(s.WF)){firstUpdated(){this.renderRoot.addEventListener("change",this._onValueChange.bind(this))}static get scopedElements(){return{"property-event-tap":He}}render(){var e=this.value||{};return(0,s.qy)(Le||(Le=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(['\n      <fieldset>\n        <legend>\n          <ox-i18n msgid="label.tap-event" topic="board-modeller/effects/tap-event"></ox-i18n>\n        </legend>\n\n        <property-event-tap value-key="tap" .scene='," .value=","> </property-event-tap>\n      </fieldset>\n    "])),this.scene,e.tap||{})}_onValueChange(e){var t=e.target,n=t.getAttribute("value-key");n&&(this.value=Xe(Xe({},this.value),{},{[n]:Be(t)}),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0})))}}function Ke(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Je(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ke(Object(n),!0).forEach((function(t){$e(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ke(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function $e(e,t,n){return(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Qe(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}Ye.styles=[ne],(0,o.Cg)([(0,a.MZ)({type:Object})],Ye.prototype,"value",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],Ye.prototype,"scene",void 0),n(59868);class et extends s.WF{firstUpdated(){this.renderRoot.addEventListener("change",this._onValueChange.bind(this))}render(){var e=this.value||{};return(0,s.qy)(Ie||(Ie=Qe(['\n      <label> <ox-i18n msgid="label.shadowOffsetX">offset-X</ox-i18n> </label>\n\n      <input type="number" value-key="left" .value=',' />\n\n      <label> <ox-i18n msgid="label.shadowOffsetY">offset-Y</ox-i18n> </label>\n\n      <input type="number" value-key="top" .value=',' />\n\n      <label> <ox-i18n msgid="label.shadowSize">Size</ox-i18n> </label>\n\n      <input type="number" value-key="blurSize" .value=',' />\n\n      <label class="icon-only-label color"></label>\n\n      <ox-input-color value-key="color" .value=',"> </ox-input-color>\n    "])),e.left,e.top,e.blurSize,e.color)}_onValueChange(e){var t=e.target,n=t.getAttribute("value-key");n&&(this.value=Je(Je({},this.value),{},{[n]:Be(t)}),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0})))}}function tt(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}et.styles=[(0,s.AH)(Re||(Re=Qe(["\n      :host {\n        display: grid;\n        grid-template-columns: repeat(10, 1fr);\n        grid-gap: 5px;\n        grid-auto-rows: minmax(24px, auto);\n\n        align-items: center;\n      }\n\n      * {\n        align-self: stretch;\n      }\n\n      label {\n        grid-column: span 3;\n        text-align: right;\n        text-transform: capitalize;\n\n        align-self: center;\n      }\n\n      input[type='number'],\n      ox-input-color {\n        grid-column: span 7;\n      }\n      input[type='number'] {\n        border: var(--property-sidebar-fieldset-border);\n      }\n\n      .icon-only-label {\n        grid-column: span 3;\n        background: var(--url-icon-properties-label) no-repeat;\n        float: left;\n        margin: 0;\n        align-self: stretch;\n      }\n\n      .icon-only-label.color {\n        background-position: 100% -500px;\n      }\n    "])))],(0,o.Cg)([(0,a.MZ)({type:Object})],et.prototype,"value",void 0);class nt extends((0,S.l)(ee)){constructor(){super(...arguments),this.selected=[]}firstUpdated(){this.renderRoot.addEventListener("change",this._onValueChange.bind(this))}static get scopedElements(){return{"property-shadow":et,"property-event":Ye}}render(){var e=this.value||{};return(0,s.qy)(Ne||(Ne=tt(['\n      <fieldset>\n        <legend>\n          <ox-i18n topic="board-modeller/effects/shadow" msgid="label.shadow">shadow</ox-i18n>\n        </legend>\n\n        <property-shadow value-key="shadow" .value=',"> </property-shadow>\n      </fieldset>\n\n      ","\n    "])),e.shadow||{},1==this.selected.length&&"rect"==this.selected[0].get("type")?(0,s.qy)(De||(De=tt([' <property-event value-key="event" .scene='," .value=","> </property-event> "])),this.scene,e.event||{}):s.s6)}}nt.styles=[ne],(0,o.Cg)([(0,a.MZ)({type:Object})],nt.prototype,"value",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],nt.prototype,"scene",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],nt.prototype,"selected",void 0),n(54243);var rt,ot,it,at,st,lt,pt,dt,ct,ut,ht,gt=n(22314),bt=n(70661);function vt(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class mt extends s.WF{constructor(){super(...arguments),this.searchText="",this.show=!1,this.count=-1}disconnectScene(e){e&&(e.off("selected",void 0,this),e.off("execute",void 0,this),e.off("undo",void 0,this),e.off("redo",void 0,this))}disconnectedCallback(){super.disconnectedCallback(),this.disconnectScene(this.scene),delete this._extendedMap}render(){return this.count=0,(0,s.qy)(rt||(rt=vt(["\n      <ox-input-search\n        .placeholder=","\n        autofocus\n        @change=","\n      ></ox-input-search>\n\n      <div result>","</div>\n    "])),gt.MR.t("text.search with type, id or tag"),(e=>this.searchText=(e.target.value||"").toLowerCase()),this.scene?this.renderComponent(this.scene.root,0):(0,s.qy)(ot||(ot=vt([""]))))}firstUpdated(){dispatchEvent(new Event("resize")),this.renderRoot.addEventListener("click",this._onclick.bind(this)),this.renderRoot.addEventListener("dblclick",this._ondblclick.bind(this))}refresh(){var e;((null===(e=this.scene)||void 0===e?void 0:e.selected)||[]).forEach((e=>{for(var t=e.parent;t&&!this.extendedMap.get(t);)this.extendedMap.set(t,!0),t=t.parent})),this.requestUpdate()}updated(e){if(e.has("scene")){var t=e.get("scene");t&&(this.disconnectScene(t),delete this._extendedMap),this.scene&&this.scene.root&&(this.scene.on("selected",this.refresh,this),this.scene.on("execute",this.refresh,this),this.scene.on("undo",this.refresh,this),this.scene.on("redo",this.refresh,this),this.refresh())}}_onclick(e){e.stopPropagation();for(var t,n=e.target,r=n.classList;!t&&n&&!(t=n.component)&&(n=n.parentNode)&&n!==this.renderRoot;);t?(r.contains("eye")?this.toggleHidden(t):(r.contains("extended")||r.contains("collapsed"))&&this.toggleExtended(t),this.selectComponent(t,e.shiftKey)):r.contains("inspector")&&(this.show=!this.show,this.style.height=this.show?"100%":""),this.requestUpdate()}_ondblclick(e){e.stopPropagation();for(var t,n=e.target;!t&&n&&!(t=n.component)&&(n=n.parentNode)&&n!==this.renderRoot;);t&&t.isContainer()&&this.toggleExtended(t),this.requestUpdate()}get extendedMap(){return this._extendedMap||(this._extendedMap=new WeakMap),this._extendedMap}getNodeHandleClass(e){return e.isContainer()&&e.components.length>0?this.extendedMap.get(e)?"extended":"collapsed":"collapsespace"}isExtended(e){return!!this.extendedMap.get(e)}toggleExtended(e){var t=this.isExtended(e);t?this.extendedMap.delete(e):this.extendedMap.set(e,!t),this.requestUpdate()}toggleHidden(e){e.set("hidden",!e.hidden),this.requestUpdate()}selectComponent(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=this.scene.selected;if(t){var r=n.findIndex((t=>t===e));-1!=r?(n.splice(r,1),this.scene.selected=[...n]):this.scene.selected=[...n,e]}else this.scene.selected=[e];e.trigger("deco-border-reset"),e.trigger("deco-border",{distance:8,lineWidth:8,color:"#f007"}),this.requestUpdate()}shouldBeShown(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],{type:n,name:r,id:o,tag:i}=e.state,a=!this.searchText||"".concat(n," ").concat(r||""," ").concat(o||""," ").concat(i||"").toLowerCase().search(this.searchText)>-1;t&&a&&this.count++,t&&bt.log(a);var s=(e.components||[]).filter((e=>this.shouldBeShown(e,t))).length;return!!(a||s>0)}renderComponent(e,t){var n;if(!e)return(0,s.qy)(it||(it=vt([""])));if(!this.shouldBeShown(e,0==t))return(0,s.qy)(at||(at=vt([""])));var r=e.isContainer()&&e.components||[],o=this.isExtended(e)?r.filter((e=>this.shouldBeShown(e))):[],{type:i,id:a,tag:l,class:p}=e.state,d=(a?"#".concat(a):"")+(l?"@".concat(l):"")+(p?".(".concat(p,")"):"");return(0,s.qy)(st||(st=vt(['\n      <div\n        class="component"\n        ?selected=',"\n        .component=","\n        ?sortable=","\n      >\n        <span>\n          ","\n\n          <span class=",'> </span>\n\n          <span class="type">',"</span>\n          ","\n        </span>\n\n        ","\n      </div>\n    "])),((null===(n=this.scene)||void 0===n?void 0:n.selected)||[]).indexOf(e)>-1,e,e.isContainer(),t>0?(0,s.qy)(lt||(lt=vt(['\n                <mwc-icon class="eye">',"</mwc-icon>\n                <pre>","</pre>\n              "])),e.get("hidden")?"visibility_off":"visibility"," ".repeat(t)):(0,s.qy)(pt||(pt=vt([" <pre>","</pre> "]))," ".repeat(t+2)),this.getNodeHandleClass(e),0==t?(0,s.qy)(dt||(dt=vt(["ROOT(count: ",")"])),this.count):i,d?(0,s.qy)(ct||(ct=vt([' <span class="name">',"</span> "])),d):(0,s.qy)(ut||(ut=vt([""]))),o.map((e=>this.renderComponent(e,t+1))))}}mt.styles=[(0,s.AH)(ht||(ht=vt(["\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        color: var(--scene-inspector-color);\n      }\n\n      ox-input-search {\n        --input-search-padding: 3px;\n        --input-search-border-bottom: none;\n        --input-search-focus-border-bottom: none;\n        --input-search-font: normal 16px var(--theme-font);\n\n        border-radius: 999px;\n        box-sizing: border-box;\n        border: 1px solid var(--secondary-color);\n        padding: 0 10px;\n        margin: 5px;\n      }\n\n      div[result] {\n        flex: 1;\n\n        display: flex;\n        flex-direction: column;\n\n        overflow-y: auto;\n      }\n\n      .component {\n        display: block;\n        overflow: hidden;\n        border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n        font-size: 14px;\n      }\n\n      .component[selected] {\n        background-color: var(--scene-inspector-selected-background-color);\n        border-top: var(--scene-inspector-selected-border);\n        border-bottom: var(--scene-inspector-selected-border);\n      }\n      [selected] .type {\n        font-weight: bold;\n      }\n\n      span,\n      i {\n        display: inline-block;\n      }\n\n      span.type {\n        text-overflow: ellipses;\n      }\n\n      span.name {\n        background-color: var(--scene-inspector-name-background-color);\n        border-radius: var(--border-radius);\n        padding: 0 4px;\n        color: #fff;\n        font-size: 0.8em;\n      }\n\n      .eye {\n        margin: 0 0 0 5px;\n        vertical-align: middle;\n        opacity: 0.7;\n        font-size: 1.1em;\n        color: var(--scene-inspector-eye-icon-color);\n      }\n\n      .collapsed::before,\n      .extended::before,\n      .collapsespace::before {\n        background: var(--url-icon-shell-inspector) no-repeat;\n        width: 16px;\n        height: 18px;\n        display: inline-block;\n        content: '';\n        opacity: 0.6;\n      }\n\n      .collapsed::before {\n        background-position: 100% -195px;\n      }\n\n      .extended::before {\n        background-position: 100% -295px;\n      }\n\n      .collapsespace::before {\n        background-position: 100% -395px;\n        opacity: 0.9;\n        width: 16px;\n      }\n      .collapsed,\n      .extended,\n      .collapsespace {\n        border-left: 1px dotted rgba(0, 0, 0, 0.1);\n      }\n\n      pre {\n        display: inline;\n      }\n    "])))],(0,o.Cg)([(0,a.MZ)({type:Object})],mt.prototype,"scene",void 0),(0,o.Cg)([(0,a.wk)()],mt.prototype,"searchText",void 0),n(25496);var ft,yt,xt,wt,kt,Ct,St,Mt,Pt,Tt,Ot,At,_t,Et,jt,zt,Lt,It,Rt,Nt,Dt=n(90522),Ft=(0,s.AH)(ft||(ft=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n  .box-padding {\n    width: 100%;\n  }\n\n  .box-padding td {\n    background: var(--url-icon-properties-padding) 50% 0 no-repeat;\n  }\n\n  .box-padding tr:nth-child(1),\n  .box-padding tr:nth-child(3) {\n    height: 20px;\n  }\n\n  .box-padding tr td:nth-child(1),\n  .box-padding tr td:nth-child(3) {\n    width: 18px;\n  }\n\n  .box-padding .slide1 {\n    background-position: 0 0;\n  }\n\n  .box-padding .slide2 {\n    background-position: 50% -40px;\n    background-color: rgba(69, 46, 41, 0.2);\n  }\n\n  .box-padding .slide3 {\n    background-position: 100% -440px;\n  }\n\n  .box-padding .slide4 {\n    background-position: 0 -360px;\n    background-color: rgba(69, 46, 41, 0.2);\n  }\n\n  .box-padding .slide5 {\n    background: none;\n    text-align: center;\n  }\n\n  .box-padding .slide6 {\n    background-position: 100% -160px;\n    background-color: rgba(69, 46, 41, 0.2);\n  }\n\n  .box-padding .slide7 {\n    background-position: 0 100%;\n  }\n\n  .box-padding .slide8 {\n    background-position: 50% -320px;\n    background-color: rgba(69, 46, 41, 0.2);\n  }\n\n  .box-padding .slide9 {\n    background-position: 0 0px;\n  }\n\n  .box-padding input {\n    background-color: transparent;\n    width: 35px;\n    margin: 0px;\n    padding: 0px;\n    clear: both;\n    float: initial;\n    border: 1px solid #fff;\n    border-width: 0 0 1px 0;\n    text-align: right;\n    font-size: 14px;\n  }\n\n  .slide5 input:nth-child(1),\n  .slide5 input:nth-child(4) {\n    display: block;\n    margin: auto;\n  }\n\n  .slide5 input:nth-child(2) {\n    float: left;\n  }\n\n  .slide5 input:nth-child(3) {\n    float: right;\n    margin-top: -25px;\n  }\n\n  .slide5 input:nth-child(4) {\n    margin-top: -5px;\n  }\n"])));function Bt(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class qt extends ee{constructor(){super(...arguments),this.bounds=null,this.selected=[]}firstUpdated(){this.renderRoot.addEventListener("change",this._onValueChange.bind(this))}render(){var e=this.value||{},{width:t,height:n}=this.bounds||{};return(0,s.qy)(yt||(yt=Bt(['\n      <fieldset>\n        <div class="property-grid">\n          ',"\n          ","\n          ","\n          ","\n        </div>\n      </fieldset>\n\n      ","\n      ","\n      ","\n    "])),this._isIdentifiable(this.selected)?(0,s.qy)(xt||(xt=Bt(['\n                <label> <ox-i18n msgid="label.id">ID</ox-i18n> </label>\n                <input value-key="id" .value='," />\n              "])),e.id||""):(0,s.qy)(wt||(wt=Bt([""]))),this._isClassIdentifiable(this.selected)?(0,s.qy)(kt||(kt=Bt(['\n                <label> <ox-i18n msgid="label.class">Class</ox-i18n> </label>\n                <input value-key="class" .value='," />\n              "])),e.class||""):(0,s.qy)(Ct||(Ct=Bt([""]))),this._hasTextProperty(this.selected)?(0,s.qy)(St||(St=Bt(['\n                <label> <ox-i18n msgid="label.text">Text</ox-i18n> </label>\n                <input value-key="text" .value=',' />\n                <label> <ox-i18n msgid="label.text-format">Text Format</ox-i18n> </label>\n                <input value-key="textFormat" .value=',' list="format-list" />\n                <datalist id="format-list">\n                  <option value="#,###."></option>\n                  <option value="#,###.#"></option>\n                  <option value="#,###.0"></option>\n                  <option value="#,##0.#"></option>\n                  <option value="#,##0.0"></option>\n                  <option value="#,##0.0%"></option>\n                </datalist>\n              '])),e.text||"",e.textFormat||""):(0,s.qy)(Mt||(Mt=Bt([""]))),this._hasProperties(this.selected)?(0,s.qy)(Pt||(Pt=Bt(['\n                <div class="checkbox-row">\n                  <input id="checkbox-hidden" value-key="hidden" type="checkbox" .checked=',' />\n                  <label for="checkbox-hidden"> <ox-i18n msgid="label.item-hidden">Item Hidden</ox-i18n> </label>\n\n                  <input id="checkbox-locked" value-key="locked" type="checkbox" .checked=',' />\n                  <label for="checkbox-locked"> <ox-i18n msgid="label.locked">Locked</ox-i18n> </label>\n                </div>\n              '])),e.hidden,e.locked):(0,s.qy)(Tt||(Tt=Bt([""]))),this._isLine(this.selected)?(0,s.qy)(Et||(Et=Bt([""]))):(0,Dt.D)(this.selected,(0,s.qy)(Ot||(Ot=Bt(['\n              <fieldset class="icon-label unit ratio">\n                <legend>\n                  <ox-i18n topic="board-modeller/shapes/size" msgid="label.size">size</ox-i18n>\n                </legend>\n\n                <div class="property-grid">\n                  <label class="width"> <ox-i18n msgid="label.width">width</ox-i18n> </label>\n                  <input type="number" value-key="bounds.width" .value=',' />\n                  <label class="height"> <ox-i18n msgid="label.height">height</ox-i18n> </label>\n                  <input type="number" value-key="bounds.height" .value='," />\n\n                  ","\n                </div>\n              </fieldset>\n            "])),String(t),String(n),this.selected.length&&this.selected[0].isRootModel()?(0,s.qy)(At||(At=Bt([""]))):(0,s.qy)(_t||(_t=Bt(['\n                        <label class="rotate"> <ox-i18n msgid="label.rotate">rotate</ox-i18n> </label>\n                        <ox-input-angle value-key="rotation" .value=',"> </ox-input-angle>\n                      "])),e.rotation))),this._hasTextProperty(this.selected)?(0,s.qy)(jt||(jt=Bt(['\n            <fieldset>\n              <legend>\n                <ox-i18n topic="board-modeller/shapes/text-box" msgid="label.text-box">text box</ox-i18n>\n              </legend>\n\n              <div class="property-grid">\n                <label> <ox-i18n msgid="label.horizontal">horizontal</ox-i18n> </label>\n                <ox-buttons-radio value-key="textAlign" .value=','>\n                  <div data-value="left"></div>\n                  <div data-value="center"></div>\n                  <div data-value="right"></div>\n                  <div data-value="justify"></div>\n                </ox-buttons-radio>\n\n                <label> <ox-i18n msgid="label.vertical">vertical</ox-i18n> </label>\n                <ox-buttons-radio value-key="textBaseline" .value=','>\n                  <div data-value="top"></div>\n                  <div data-value="middle"></div>\n                  <div data-value="bottom"></div>\n                </ox-buttons-radio>\n\n                <div class="checkbox-row">\n                  <input id="checkbox-textwrap" type="checkbox" value-key="textWrap" .checked=',' />\n                  <label for="checkbox-textwrap"> <ox-i18n msgid="label.text-wrap">Text Wrap</ox-i18n> </label>\n                </div>\n\n                <div class="checkbox-row">\n                  <input\n                    id="checkbox-keep-text-angle"\n                    type="checkbox"\n                    value-key="keepTextAngle"\n                    .checked=','\n                  />\n                  <label for="checkbox-keep-text-angle">\n                    <ox-i18n msgid="label.keep-text-angle">Keep Text Angle</ox-i18n>\n                  </label>\n                </div>\n\n                <label> <ox-i18n msgid="label.padding">padding</ox-i18n> </label>\n                <table class="box-padding">\n                  <tr>\n                    <td class="slide1"></td>\n                    <td class="slide2"></td>\n                    <td class="slide3"></td>\n                  </tr>\n                  <tr>\n                    <td class="slide4"></td>\n                    <td class="slide5">\n                      <input type="number" value-key="paddingTop" .value=',' />\n                      <input type="number" value-key="paddingLeft" .value=',' />\n                      <input type="number" value-key="paddingRight" .value=',' />\n                      <input type="number" value-key="paddingBottom" .value=',' />\n                    </td>\n                    <td class="slide6"></td>\n                  </tr>\n                  <tr>\n                    <td class="slide7"></td>\n                    <td class="slide8"></td>\n                    <td class="slide9"></td>\n                  </tr>\n                </table>\n              </div>\n            </fieldset>\n          '])),e.textAlign,e.textBaseline,e.textWrap,e.keepTextAngle,e.paddingTop||0,e.paddingLeft||0,e.paddingRight||0,e.paddingBottom||0):(0,s.qy)(zt||(zt=Bt([""]))),this.selected.length&&this.selected[0].isRootModel()?(0,s.qy)(Lt||(Lt=Bt(['\n            <fieldset class="icon-label">\n              <legend>\n                <ox-i18n topic="board-modeller/shapes/viewer-option" msgid="label.viewer-option">Viewer Option</ox-i18n>\n              </legend>\n\n              <div class="property-grid">\n                <label><ox-i18n msgid="label.fit">Fit</ox-i18n></label>\n                <select value-key="fitMode" .value=','>\n                  <option value="none">none</option>\n                  <option value="center">center</option>\n                  <option value="ratio" selected>ratio</option>\n                  <option value="both">both</option>\n                  <option value="width">width</option>\n                  <option value="height">height</option>\n                </select>\n              </div>\n            </fieldset>\n          '])),e.fitMode||"ratio"):(0,s.qy)(It||(It=Bt([""]))))}_onValueChange(e){var t=e.target,n=t.getAttribute("value-key");if(n){var r=this._getValueFromEventTarget(t);if(0==n.indexOf("bounds.")){if(isNaN(r))return;this.dispatchEvent(new CustomEvent("bounds-change",{bubbles:!0,composed:!0,detail:{[n.substring(7)]:r}}))}else this._onAfterValueChange(n,r)}}_hasTextProperty(e){for(var t=0;t<e.length;t++)if(!e[t].hasTextProperty)return!1;return!0}_hasProperties(e){return!(!e||0==e.length||e[0]&&e[0].isLayer&&e[0].isLayer())}_isIdentifiable(e){return!(!e||0==e.length||e.length>1||!e[0].isIdentifiable()||e[0].isLayer&&e[0].isLayer())}_isClassIdentifiable(e){return!(!e||e[0]&&e[0].isLayer())}_isLine(e){return!!(e&&e[0]&&e[0].isLine())}_is3dish(e){return!!(e&&e[0]&&e[0].is3dish())}}qt.styles=[ne,Ft,(0,s.AH)(Rt||(Rt=Bt(["\n      fieldset[collapsable] legend {\n        box-sizing: border-box;\n        width: 100%;\n      }\n\n      fieldset[collapsable] legend mwc-icon {\n        float: right;\n        font-size: medium;\n        margin: 0;\n        cursor: pointer;\n      }\n\n      fieldset[collapsable][collapsed] > :not(legend) {\n        display: none;\n      }\n    "]))),(0,s.AH)(Nt||(Nt=Bt(["\n      .icon-label label {\n        background: var(--url-icon-properties-label) 7px -900px no-repeat;\n      }\n\n      .icon-label label.width {\n        background-position: 7px -96px;\n      }\n\n      .icon-label label.height {\n        background-position: 7px 4px;\n      }\n\n      .icon-label label.rotate {\n        background-position: 7px -198px;\n      }\n\n      .icon-label label.twidth {\n        background-position: 7px -296px;\n      }\n\n      .icon-label label.theight {\n        background-position: 7px -396px;\n      }\n\n      .icon-label label.zPos {\n        background-position: 5px -1098px;\n      }\n\n      .icon-label label.depth {\n        background-position: 5px -1198px;\n      }\n\n      .icon-label label.rotationX {\n        background-position: 5px -1296px;\n      }\n\n      .icon-label label.rotationY {\n        background-position: 5px -1396px;\n      }\n\n      .icon-label label.rotationZ {\n        background-position: 5px -1496px;\n      }\n\n      ox-buttons-radio > * {\n        width: 30px;\n        height: 25px;\n        min-width: initial;\n        margin: 0 4px 0 0;\n        padding: 0;\n        border-radius: 0;\n        display: inline-block;\n        border-bottom: 2px solid #fff;\n      }\n\n      ox-buttons-radio div {\n        background: var(--url-icon-properties) no-repeat;\n      }\n\n      ox-buttons-radio div[data-value='left'] {\n        background-position: 50% 3px;\n      }\n\n      ox-buttons-radio div[data-value='center'] {\n        background-position: 50% -47px;\n      }\n\n      ox-buttons-radio div[data-value='right'] {\n        background-position: 50% -97px;\n      }\n\n      ox-buttons-radio div[data-value='justify'] {\n        background-position: 50% -147px;\n      }\n\n      ox-buttons-radio div[data-value='top'] {\n        background-position: 50% -197px;\n      }\n\n      ox-buttons-radio div[data-value='middle'] {\n        background-position: 50% -193px;\n      }\n\n      ox-buttons-radio div[data-value='bottom'] {\n        background-position: 50% -188px;\n      }\n\n      ox-buttons-radio div[active] {\n        border-color: #f2471c;\n      }\n    "])))],(0,o.Cg)([(0,a.MZ)({type:Object})],qt.prototype,"value",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],qt.prototype,"bounds",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],qt.prototype,"selected",void 0),n(78373);var Ut,Zt,Wt,Ht,Vt,Xt,Gt,Yt=n(98529),Kt=n(70661),Jt={legend:"",number:0,angle:0,string:"",password:"",textarea:"",checkbox:!1,select:"",color:"#000000","solidcolor-stops":null,"gradientcolor-stops":null,"gltf-selector":"","image-selector":"",multiplecolor:null,editortable:null,imageselector:"",options:null,date:null};class $t extends s.WF{constructor(){super(...arguments),this.props=[]}render(){return(0,s.qy)(Ut||(Ut=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["<slot></slot>"])))}firstUpdated(){this.addEventListener("change",this._onValueChanged.bind(this))}updated(e){e.has("props")&&this._onPropsChanged(this.props),e.has("value")&&this._setValues()}_onPropsChanged(e){this.textContent="",(e||[]).forEach((e=>{var{label:t,type:n,placeholder:r,name:o,observe:i,property:a,editor:s,quantifier:l,defaultValue:p}=e,d=Yt.Q.getEditor(n);if(d){var c=document.createElement(d);c.label=t,c.type=n,c.placeholder=r,c.name=o,c.setAttribute("name",o),i&&(c.observe=i),c.property=a,c.editor=s,c.quantifier=l,c.defaultValue=p,c.setAttribute("property-editor","true"),this.appendChild(c)}else Kt.warn("Property Editor not defined",n)}))}_setValues(){this.value&&Array.from(this.querySelectorAll("[name]")).forEach((e=>{var t=e.getAttribute("name"),n=function(e,t){var n=""==String(t).trim()?void 0:t;switch(e){case"number":case"angle":n=parseFloat(t),n=isNaN(n)?void 0:n}return n}(e.type,this.value[t]);void 0===n&&(n=Jt[e.type]),e.value=n,e.observe&&e.observe.call(e,e.value)}))}_onValueChanged(e){e.stopPropagation();var t=e.target.closest("[property-editor]"),n=t.getAttribute("name");n&&(this.value[n]=t.value,this._setValues(),this.dispatchEvent(new CustomEvent("property-change",{bubbles:!0,composed:!0,detail:{[n]:t.value}})))}}function Qt(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(0,o.Cg)([(0,a.MZ)({type:Object})],$t.prototype,"value",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],$t.prototype,"props",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],$t.prototype,"propertyEditor",void 0);class en extends((0,S.l)(ee)){constructor(){super(...arguments),this.scene=null,this.selected=[],this.props=[],this.propertyEditor=[],this.boundINeedSelected=this._onINeedSelected.bind(this)}connectedCallback(){super.connectedCallback(),this.addEventListener("i-need-selected",this.boundINeedSelected)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("i-need-selected",this.boundINeedSelected)}static get scopedElements(){return{"specific-properties-builder":$t}}render(){this.selected&&this.selected[0];var e=this.value||{};return(0,s.qy)(Zt||(Zt=Qt(["\n      <label component-type>",'</label>\n      <fieldset>\n        <div class="property-grid">\n          ',"\n          ","\n        </div>\n      </fieldset>\n\n      <specific-properties-builder .value="," .props="," .propertyEditor=",">\n      </specific-properties-builder>\n    "])),e.type,this._isIdentifiable(this.selected)?(0,s.qy)(Wt||(Wt=Qt(['\n                <label> <ox-i18n msgid="label.id">ID</ox-i18n> </label>\n                <input value-key="id" .value='," />\n              "])),e.id||""):(0,s.qy)(Ht||(Ht=Qt([""]))),this._hasTextProperty(this.selected)?(0,s.qy)(Vt||(Vt=Qt(['\n                <label> <ox-i18n msgid="label.text">Text</ox-i18n> </label>\n                <input value-key="text" .value=',' />\n                <label> <ox-i18n msgid="label.text-format">Text Format</ox-i18n> </label>\n                <input value-key="textFormat" .value=',' list="format-list" />\n                <datalist id="format-list">\n                  <option value="#,###."></option>\n                  <option value="#,###.#"></option>\n                  <option value="#,###.0"></option>\n                  <option value="#,##0.#"></option>\n                  <option value="#,##0.0"></option>\n                  <option value="#,##0.0%"></option>\n                </datalist>\n              '])),e.text||"",e.textFormat||""):(0,s.qy)(Xt||(Xt=Qt([""]))),e,this.props,this.propertyEditor)}_onValueChange(e){var t=e.target,n=t.getAttribute("value-key");if(n){var r=this._getValueFromEventTarget(t);this._onAfterValueChange(n,r)}}_isIdentifiable(e){return!(!e||0==e.length||e.length>1||e[0].isLayer&&e[0].isLayer())}_hasTextProperty(e){for(var t=0;t<e.length;t++)if(!e[t].hasTextProperty)return!1;return!0}_onINeedSelected(e){e.stopPropagation();var{callback:t}=e.detail;this.scene.undoableChange((()=>{t.call(null,this.selected)}))}}en.styles=[ne,(0,s.AH)(Gt||(Gt=Qt(["\n      label[component-type] {\n        display: block;\n        margin: 10px;\n\n        text-align: right;\n        font: bold 14px var(--theme-font);\n        color: var(--primary-color);\n        text-transform: capitalize;\n      }\n    "])))],(0,o.Cg)([(0,a.MZ)({type:Object})],en.prototype,"value",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],en.prototype,"scene",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],en.prototype,"selected",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],en.prototype,"props",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],en.prototype,"propertyEditor",void 0),n(83658),n(32574),n(44388),n(85337);var tn,nn,rn,on,an,sn,ln,pn,dn,cn,un,hn,gn,bn,vn,mn,fn,yn,xn,wn,kn,Cn=n(29911);function Sn(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class Mn extends ee{constructor(){super(...arguments),this.value={},this.selected=[],this.fonts=[],this.fontAvailable=!1}firstUpdated(){this.fontAvailable=!sessionStorage.getItem("ThingsFactory-UseExternServer"),this.renderRoot.addEventListener("change",this._onValueChange.bind(this))}render(){var{alpha:e=1,fontFamily:t,fontSize:n,lineHeight:r,letterSpacing:o,fontColor:i,bold:a,italic:l,fillStyle:p,lineWidth:d,strokeStyle:c,lineDash:u,lineCap:h,lineJoin:g,begin:b,beginSize:v,end:m,endSize:f}=this.value||{};return(0,s.qy)(tn||(tn=Sn(['\n      <fieldset>\n        <legend>\n          <ox-i18n topic="board-modeller/styles/opacity" msgid="label.opacity">opacity</ox-i18n>\n        </legend>\n        <ox-input-range min="0" max="1" step="0.1" value-key="alpha" .value=',' editable> </ox-input-range>\n      </fieldset>\n\n      <fieldset>\n        <legend>\n          <ox-i18n topic="board-modeller/styles/text-style" msgid="label.text-style">text style</ox-i18n>\n        </legend>\n\n        <div class="property-grid">\n          ','\n\n          <label class="property-half-label icon-only-label font-size"></label>\n          <input type="number" value-key="fontSize" .value=',' class="property-half-input" />\n\n          <label class="property-half-label icon-only-label lineHeight"></label>\n          <input type="number" value-key="lineHeight" .value=',' class="property-half-input" />\n\n          <label class="property-half-label icon-only-label letterSpacing"></label>\n          <input type="number" value-key="letterSpacing" .value=',' class="property-half-input" />\n\n          <label class="property-half-label icon-only-label color"></label>\n          <ox-input-color value-key="fontColor" .value=',' class="property-half-input"> </ox-input-color>\n\n          <label class="property-full-label">\n            <ox-i18n msgid="label.text-formatting">Text Formatting</ox-i18n>\n          </label>\n          <div class="property-full-input btn-group">\n            <paper-button toggles value-key="bold" ?active=',' class="tbold"> </paper-button>\n            <paper-button toggles value-key="italic" ?active=',' class="titalic"> </paper-button>\n          </div>\n        </div>\n      </fieldset>\n\n      <fieldset>\n        <legend>\n          <ox-i18n topic="board-modeller/styles/fill-style" msgid="label.fill-style">fill style</ox-i18n>\n        </legend>\n\n        ','\n      </fieldset>\n\n      <fieldset>\n        <legend>\n          <ox-i18n msgid="label.line-style" topic="board-modeller/styles/line-style"></ox-i18n>\n        </legend>\n\n        <div class="property-grid">\n          <label class="property-half-label icon-only-label linewidth"></label>\n          <input type="number" value-key="lineWidth" .value=',' class="property-half-input" />\n\n          <label class="property-half-label icon-only-label color"></label>\n          <ox-input-color value-key="strokeStyle" .value=',' class="property-half-input"> </ox-input-color>\n\n          <label class="property-full-label">\n            <ox-i18n msgid="label.line-type">line type</ox-i18n>\n          </label>\n          <paper-dropdown-menu no-label-float="true" class="property-full-input line-type solid">\n            \x3c!-- solid는 선택된 항목 보여주기위한 class로 하위 paper-item의 class와 동일하게 --\x3e\n            <paper-listbox\n              value-key="lineDash"\n              @selected-changed=','\n              slot="dropdown-content"\n              .selected=','\n              attr-for-selected="name"\n            >\n              <paper-item class="solid" name="solid"></paper-item>\n              <paper-item class="round-dot" name="round-dot"></paper-item>\n              <paper-item class="square-dot" name="square-dot"></paper-item>\n              <paper-item class="dash" name="dash"></paper-item>\n              <paper-item class="dash-dot" name="dash-dot"></paper-item>\n              <paper-item class="long-dash" name="long-dash"></paper-item>\n              <paper-item class="long-dash-dot" name="long-dash-dot"></paper-item>\n              <paper-item class="long-dash-dot-dot" name="long-dash-dot-dot"></paper-item>\n            </paper-listbox>\n          </paper-dropdown-menu>\n\n          <label class="property-full-label">\n            <ox-i18n msgid="label.cap-type">cap type</ox-i18n>\n          </label>\n          <select class="property-full-input select-content" value-key="lineCap" .value=','>\n            <option value="butt"><ox-i18n msgid="label.square">square</ox-i18n></option>\n            <option value="round"><ox-i18n msgid="label.round">round</ox-i18n></option>\n          </select>\n\n          <label class="property-full-label">\n            <ox-i18n msgid="label.join-type">join type</ox-i18n>\n          </label>\n          <select class="property-full-input select-content" value-key="lineJoin" .value=','>\n            <option value="miter"><ox-i18n msgid="label.miter">miter</ox-i18n></option>\n            <option value="round"><ox-i18n msgid="label.round">round</ox-i18n></option>\n            <option value="bevel"><ox-i18n msgid="label.bevel">bevel</ox-i18n></option>\n          </select>\n\n          ',"\n        </div>\n      </fieldset>\n    "])),e,this.fontAvailable?(0,s.qy)(nn||(nn=Sn(['\n                <label class="property-full-label">\n                  <ox-i18n msgid="label.font-family">Font Family</ox-i18n>\n                </label>\n\n                <ox-font-selector\n                  value-key="fontFamily"\n                  .value=','\n                  class="property-full-input"\n                  custom-editor\n                ></ox-font-selector>\n              '])),t):(0,s.qy)(rn||(rn=Sn([""]))),n,r,o,i,a,l,(0,Cn.J0)()?(0,s.qy)(on||(on=Sn([' <restful-input-fill-style value-key="fillStyle" .value=',"> </restful-input-fill-style> "])),p):(0,s.qy)(an||(an=Sn([' <ox-input-fill-style value-key="fillStyle" .value=',"> </ox-input-fill-style> "])),p),d,c,(e=>this._onValueChange(e)),u,h,g,this._isLine(this.selected)?(0,s.qy)(sn||(sn=Sn(['\n                <label class="property-full-label">\n                  <ox-i18n msgid="label.begin-type">begin type</ox-i18n>\n                </label>\n                <paper-dropdown-menu no-label-float="true" class="property-full-input arrow-type begin-no">\n                  \x3c!-- begin-no는 선택된 항목 보여주기위한 class로 하위 paper-item의 class와 동일하게 --\x3e\n                  <paper-listbox\n                    value-key="begin"\n                    @selected-changed=','\n                    slot="dropdown-content"\n                    .selected=','\n                    attr-for-selected="name"\n                  >\n                    <paper-item class="begin-no" name="none"></paper-item>\n                    <paper-item class="begin-arrow" name="arrow"></paper-item>\n                    <paper-item class="begin-open-arrow" name="open-arrow"></paper-item>\n                    <paper-item class="begin-stealth-arrow" name="sharp-arrow"></paper-item>\n                    <paper-item class="begin-diamond-arrow" name="diamond"></paper-item>\n                    <paper-item class="begin-oval-arrow" name="oval"></paper-item>\n                  </paper-listbox>\n                </paper-dropdown-menu>\n\n                <label class="property-full-label">\n                  <ox-i18n msgid="label.begin-size">begin size</ox-i18n>\n                </label>\n                <paper-dropdown-menu no-label-float="true" class="property-full-input arrow-type begin-size1">\n                  \x3c!-- begin-size1는 선택된 항목 보여주기위한 class로 하위 paper-item의 class와 동일하게 --\x3e\n                  <paper-listbox\n                    value-key="beginSize"\n                    @selected-changed=','\n                    slot="dropdown-content"\n                    .selected=','\n                    attr-for-selected="name"\n                  >\n                    <paper-item class="begin-size1" name="size1"></paper-item>\n                    <paper-item class="begin-size2" name="size2"></paper-item>\n                    <paper-item class="begin-size3" name="size3"></paper-item>\n                    <paper-item class="begin-size4" name="size4"></paper-item>\n                    <paper-item class="begin-size5" name="size5"></paper-item>\n                    <paper-item class="begin-size6" name="size6"></paper-item>\n                    <paper-item class="begin-size7" name="size7"></paper-item>\n                    <paper-item class="begin-size8" name="size8"></paper-item>\n                    <paper-item class="begin-size9" name="size9"></paper-item>\n                  </paper-listbox>\n                </paper-dropdown-menu>\n\n                <label class="property-full-label">\n                  <ox-i18n msgid="label.end-type">end type</ox-i18n>\n                </label>\n                <paper-dropdown-menu no-label-float="true" class="property-full-input arrow-type end-no">\n                  \x3c!-- end-no는 선택된 항목 보여주기위한 class로 하위 paper-item의 class와 동일하게 --\x3e\n                  <paper-listbox\n                    value-key="end"\n                    @selected-changed=','\n                    slot="dropdown-content"\n                    .selected=','\n                    attr-for-selected="name"\n                  >\n                    <paper-item class="end-no" name="none"></paper-item>\n                    <paper-item class="end-arrow" name="arrow"></paper-item>\n                    <paper-item class="end-open-arrow" name="open-arrow"></paper-item>\n                    <paper-item class="end-stealth-arrow" name="sharp-arrow"></paper-item>\n                    <paper-item class="end-diamond-arrow" name="diamond"></paper-item>\n                    <paper-item class="end-oval-arrow" name="oval"></paper-item>\n                  </paper-listbox>\n                </paper-dropdown-menu>\n\n                <label class="property-full-label">\n                  <ox-i18n msgid="label.end-size">end size</ox-i18n>\n                </label>\n                <paper-dropdown-menu no-label-float="true" class="property-full-input arrow-type end-size1">\n                  \x3c!-- end-size1는 선택된 항목 보여주기위한 class로 하위 paper-item의 class와 동일하게 --\x3e\n                  <paper-listbox\n                    value-key="endSize"\n                    @selected-changed=','\n                    slot="dropdown-content"\n                    .selected=','\n                    attr-for-selected="name"\n                  >\n                    <paper-item class="end-size1" name="size1"></paper-item>\n                    <paper-item class="end-size2" name="size2"></paper-item>\n                    <paper-item class="end-size3" name="size3"></paper-item>\n                    <paper-item class="end-size4" name="size4"></paper-item>\n                    <paper-item class="end-size5" name="size5"></paper-item>\n                    <paper-item class="end-size6" name="size6"></paper-item>\n                    <paper-item class="end-size7" name="size7"></paper-item>\n                    <paper-item class="end-size8" name="size8"></paper-item>\n                    <paper-item class="end-size9" name="size9"></paper-item>\n                  </paper-listbox>\n                </paper-dropdown-menu>\n              '])),(e=>this._onValueChange(e)),b,(e=>this._onValueChange(e)),v,(e=>this._onValueChange(e)),m,(e=>this._onValueChange(e)),f):(0,s.qy)(ln||(ln=Sn([""]))))}_isLine(e){for(var t=!1,n=0;n<e.length;n++){var r=e[n];if(!r.isLine||!r.isLine())return!1;t=!0}return t}}function Pn(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function Tn(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){Pn(i,r,o,a,s,"next",e)}function s(e){Pn(i,r,o,a,s,"throw",e)}a(void 0)}))}}function On(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function An(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?On(Object(n),!0).forEach((function(t){_n(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):On(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function _n(e,t,n){return(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function En(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}Mn.styles=[ne,(0,s.AH)(pn||(pn=Sn(["\n      ox-input-range {\n        width: 100%;\n      }\n\n      .btn-group {\n        height: 24px;\n      }\n\n      .btn-group paper-button {\n        width: 30px;\n        height: 24px;\n        min-width: initial;\n        margin: 0 4px 0 0;\n        padding: 0;\n        border-radius: 0;\n        display: inline-block;\n        border-bottom: 2px solid #fff;\n\n        background: var(--url-icon-properties) no-repeat;\n        background-size: 70%;\n      }\n\n      .btn-group paper-button.tbold {\n        background-position: 50% -170px;\n      }\n\n      .btn-group paper-button.titalic {\n        background-position: 50% -205px;\n      }\n\n      .btn-group paper-button.tunderline {\n        background-position: 50% -240px;\n      }\n\n      .btn-group paper-button.tstrikethrough {\n        background-position: 50% -415px;\n      }\n\n      .btn-group paper-button[active] {\n        border-color: #f2471c;\n      }\n\n      .line-type paper-listbox {\n        overflow: hidden;\n        max-width: 100px;\n      }\n      .line-type paper-item {\n        background: var(--url-icon-properties-line-type) 50% 0 no-repeat;\n        min-height: 25px;\n        padding: 3px 9px;\n        width: 80px;\n      }\n\n      .line-type paper-item.solid {\n        background-position: 50% 10px;\n      }\n      .line-type paper-item.round-dot {\n        background-position: 50% -40px;\n      }\n      .line-type paper-item.square-dot {\n        background-position: 50% -90px;\n      }\n      .line-type paper-item.dash {\n        background-position: 50% -140px;\n      }\n      .line-type paper-item.dash-dot {\n        background-position: 50% -190px;\n      }\n      .line-type paper-item.long-dash {\n        background-position: 50% -240px;\n      }\n      .line-type paper-item.long-dash-dot {\n        background-position: 50% -290px;\n      }\n      .line-type paper-item.long-dash-dot-dot {\n        background-position: 50% -340px;\n      }\n\n      .line-type .paper-input-container input {\n        background: var(--url-icon-properties-line-type) 50% 0 no-repeat !important;\n      }\n      .line-type.solid .paper-input-container input {\n        background-position: 50% 5px !important;\n      }\n      .line-type.round-dot .paper-input-container input {\n        background-position: 50% -45px !important;\n      }\n      .line-type.square-dot .paper-input-container input {\n        background-position: 50% -85px !important;\n      }\n      .line-type.dash .paper-input-container input {\n        background-position: 50% -145px !important;\n      }\n      .line-type.dash-dot .paper-input-container input {\n        background-position: 50% -185px !important;\n      }\n      .line-type.long-dash .paper-input-container input {\n        background-position: 50% -245px !important;\n      }\n      .line-type.long-dash-dot .paper-input-container input {\n        background-position: 50% -285px !important;\n      }\n      .line-type.long-dash-dot-dot .paper-input-container input {\n        background-position: 50% -345px !important;\n      }\n\n      .arrow-type paper-menu {\n        overflow: hidden;\n        max-width: 140px;\n      }\n      .arrow-type paper-item {\n        background: var(--url-icon-properties-arrow-type) 50% 0 no-repeat;\n        min-height: 30px;\n        padding: 3px 7px;\n        width: 30px;\n        float: left;\n      }\n      .arrow-type paper-item.begin-no {\n        background-position: 50% 16px;\n      }\n      .arrow-type paper-item.begin-arrow {\n        background-position: 50% -39px;\n      }\n      .arrow-type paper-item.begin-open-arrow {\n        background-position: 50% -89px;\n      }\n      .arrow-type paper-item.begin-stealth-arrow {\n        background-position: 50% -139px;\n      }\n      .arrow-type paper-item.begin-diamond-arrow {\n        background-position: 50% -190px;\n      }\n      .arrow-type paper-item.begin-oval-arrow {\n        background-position: 50% -238px;\n      }\n      .arrow-type paper-item.begin-size1 {\n        background-position: 50% -286px;\n      }\n      .arrow-type paper-item.begin-size2 {\n        background-position: 50% -336px;\n      }\n      .arrow-type paper-item.begin-size3 {\n        background-position: 50% -386px;\n      }\n      .arrow-type paper-item.begin-size4 {\n        background-position: 50% -436px;\n      }\n      .arrow-type paper-item.begin-size5 {\n        background-position: 50% -486px;\n      }\n      .arrow-type paper-item.begin-size6 {\n        background-position: 50% -536px;\n      }\n      .arrow-type paper-item.begin-size7 {\n        background-position: 50% -589px;\n      }\n      .arrow-type paper-item.begin-size8 {\n        background-position: 50% -639px;\n      }\n      .arrow-type paper-item.begin-size9 {\n        background-position: 50% -689px;\n      }\n      .arrow-type paper-item.end-no {\n        background-position: 50% 16px;\n      }\n      .arrow-type paper-item.end-arrow {\n        background-position: 50% -739px;\n      }\n      .arrow-type paper-item.end-open-arrow {\n        background-position: 50% -789px;\n      }\n      .arrow-type paper-item.end-stealth-arrow {\n        background-position: 50% -839px;\n      }\n      .arrow-type paper-item.end-diamond-arrow {\n        background-position: 50% -890px;\n      }\n      .arrow-type paper-item.end-oval-arrow {\n        background-position: 50% -938px;\n      }\n      .arrow-type paper-item.end-size1 {\n        background-position: 50% -986px;\n      }\n      .arrow-type paper-item.end-size2 {\n        background-position: 50% -1036px;\n      }\n      .arrow-type paper-item.end-size3 {\n        background-position: 50% -1086px;\n      }\n      .arrow-type paper-item.end-size4 {\n        background-position: 50% -1136px;\n      }\n      .arrow-type paper-item.end-size5 {\n        background-position: 50% -1186px;\n      }\n      .arrow-type paper-item.end-size6 {\n        background-position: 50% -1236px;\n      }\n      .arrow-type paper-item.end-size7 {\n        background-position: 50% -1289px;\n      }\n      .arrow-type paper-item.end-size8 {\n        background-position: 50% -1339px;\n      }\n      .arrow-type paper-item.end-size9 {\n        background-position: 50% -1389px;\n      }\n\n      .arrow-type .paper-input-container input {\n        background: var(--url-icon-properties-arrow-type) 110% 0 no-repeat !important;\n      }\n      .arrow-type.begin-no .paper-input-container input {\n        background-position: 110% 5px !important;\n      }\n      .arrow-type.begin-arrow .paper-input-container input {\n        background-position: 110% -50px !important;\n      }\n      .arrow-type.begin-open-arrow .paper-input-container input {\n        background-position: 110% -100px !important;\n      }\n      .arrow-type.begin-stealth-arrow .paper-input-container input {\n        background-position: 110% -150px !important;\n      }\n      .arrow-type.begin-diamond-arrow .paper-input-container input {\n        background-position: 110% -200px !important;\n      }\n      .arrow-type.begin-oval-arrow .paper-input-container input {\n        background-position: 110% -250px !important;\n      }\n      .arrow-type.begin-size1 .paper-input-container input {\n        background-position: 110% -298px !important;\n      }\n      .arrow-type.begin-size2 .paper-input-container input {\n        background-position: 110% -348px !important;\n      }\n      .arrow-type.begin-size3 .paper-input-container input {\n        background-position: 110% -398px !important;\n      }\n      .arrow-type.begin-size4 .paper-input-container input {\n        background-position: 110% -448px !important;\n      }\n      .arrow-type.begin-size5 .paper-input-container input {\n        background-position: 110% -498px !important;\n      }\n      .arrow-type.begin-size6 .paper-input-container input {\n        background-position: 110% -548px !important;\n      }\n      .arrow-type.begin-size7 .paper-input-container input {\n        background-position: 110% -600px !important;\n      }\n      .arrow-type.begin-size8 .paper-input-container input {\n        background-position: 110% -650px !important;\n      }\n      .arrow-type.begin-size9 .paper-input-container input {\n        background-position: 110% -700px !important;\n      }\n      .arrow-type.end-no .paper-input-container input {\n        background-position: 110% 5px !important;\n      }\n      .arrow-type.end-arrow .paper-input-container input {\n        background-position: 110% -750px !important;\n      }\n      .arrow-type.end-open-arrow .paper-input-container input {\n        background-position: 110% -800px !important;\n      }\n      .arrow-type.end-stealth-arrow .paper-input-container input {\n        background-position: 110% -850px !important;\n      }\n      .arrow-type.end-diamond-arrow .paper-input-container input {\n        background-position: 110% -900px !important;\n      }\n      .arrow-type.end-oval-arrow .paper-input-container input {\n        background-position: 110% -950px !important;\n      }\n      .arrow-type.end-size1 .paper-input-container input {\n        background-position: 110% -998px !important;\n      }\n      .arrow-type.end-size2 .paper-input-container input {\n        background-position: 110% -1048px !important;\n      }\n      .arrow-type.end-size3 .paper-input-container input {\n        background-position: 110% -1098px !important;\n      }\n      .arrow-type.end-size4 .paper-input-container input {\n        background-position: 110% -1148px !important;\n      }\n      .arrow-type.end-size5 .paper-input-container input {\n        background-position: 110% -1198px !important;\n      }\n      .arrow-type.end-size6 .paper-input-container input {\n        background-position: 110% -1248px !important;\n      }\n      .arrow-type.end-size7 .paper-input-container input {\n        background-position: 110% -1300px !important;\n      }\n      .arrow-type.end-size8 .paper-input-container input {\n        background-position: 110% -1350px !important;\n      }\n      .arrow-type.end-size9 .paper-input-container input {\n        background-position: 110% -1400px !important;\n      }\n    "])))],(0,o.Cg)([(0,a.MZ)({type:Object})],Mn.prototype,"value",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],Mn.prototype,"selected",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],Mn.prototype,"fonts",void 0),(0,o.Cg)([(0,a.wk)()],Mn.prototype,"fontAvailable",void 0);class jn extends((0,S.l)(s.WF)){constructor(){super(...arguments),this.scene=null,this.bounds={},this.model={},this.selected=[],this.tabName="specific",this.collapsed=!1,this.fonts=[],this.propertyEditor=[],this.propertyTarget=null}firstUpdated(){this.renderRoot.addEventListener("property-change",this._onPropertyChanged.bind(this)),this.renderRoot.addEventListener("bounds-change",this._onBoundsChanged.bind(this))}updated(e){e.has("scene")&&this._onSceneChanged(),e.has("selected")&&this._onSelectedChanged(this.selected),e.has("collapsed")&&this._onCollapsed(this.collapsed)}static get scopedElements(){return{"property-shape":qt,"property-style":Mn,"property-effect":nt,"property-specific":en,"property-data-binding":je,"scene-inspector":mt}}render(){var e=this.tabName?this.tabName:"specific";return(0,s.qy)(dn||(dn=En(["\n      <div\n        tab\n        @click=",'\n      >\n        <mwc-icon name="specific" ?selected=','>tune</mwc-icon>\n        <mwc-icon name="shape" ?selected=','>format_shapes</mwc-icon>\n        <mwc-icon name="style" ?selected=','>palette</mwc-icon>\n        <mwc-icon name="effect" ?selected=','>movie_filter</mwc-icon>\n        <mwc-icon name="data-binding" ?selected=','>share</mwc-icon>\n        <mwc-icon name="inspector" ?selected=',">visibility</mwc-icon>\n      </div>\n\n      <div content>\n        ","\n      </div>\n    "])),(e=>{this.tabName=e.target.getAttribute("name")}),"specific"==e,"shape"==e,"style"==e,"effect"==e,"data-binding"==e,"inspector"==e,(0,s.qy)(cn||(cn=En(["\n          ","\n        "])),{specific:(0,s.qy)(un||(un=En(["\n              <property-specific\n                .value=","\n                .scene=","\n                .selected=","\n                .props=","\n                .propertyEditor=","\n                ?active=","\n              >\n              </property-specific>\n            "])),this.model,this.scene,this.selected,this.specificProps,this.propertyEditor,"specific"==e),shape:(0,s.qy)(hn||(hn=En(["\n              <property-shape\n                .value=","\n                .bounds=","\n                .selected=","\n                ?active=","\n              >\n              </property-shape>\n            "])),this.model,this.bounds,this.selected,"shape"==e),style:(0,s.qy)(gn||(gn=En(["\n              <property-style\n                .value=","\n                .selected=","\n                .fonts=","\n                ?active=","\n              >\n              </property-style>\n            "])),this.model,this.selected,this.fonts,"style"==e),effect:(0,s.qy)(bn||(bn=En(["\n              <property-effect\n                .value=","\n                .scene=","\n                .selected=","\n                ?active=","\n              >\n              </property-effect>\n            "])),this.model,this.scene,this.selected,"effect"==e),"data-binding":(0,s.qy)(vn||(vn=En(["\n              <property-data-binding .scene="," .value="," ?active=",">\n              </property-data-binding>\n            "])),this.scene,this.model,"data-binding"==e),inspector:(0,s.qy)(mn||(mn=En(["\n              <scene-inspector .scene="," ?active=","></scene-inspector>\n            "])),this.scene,"inspector"==e)}[this.tabName]))}_onPropertyChanged(e){var t=e.detail;this.propertyTarget?this.scene&&this.scene.undoableChange((()=>this.propertyTarget.set(t))):this.scene&&this.scene.undoableChange((()=>this.selected.forEach((e=>e.set(t)))))}_onBoundsChanged(e){var t=e.detail;this.scene&&(this.propertyTarget?this.scene.undoableChange((()=>{this.propertyTarget.bounds=An(An({},this.propertyTarget.bounds),t)})):this.scene.undoableChange((()=>{this.selected.forEach((e=>{e.bounds=An(An({},e.bounds),t)}))})))}_onChangedByScene(){this.propertyTarget&&(this.model=An({},this.propertyTarget.model),this._setBounds(this.propertyTarget.bounds))}_setPropertyTargetAsDefault(){this.scene?this.scene.select("model-layer"):(this._setPropertyTarget(null),this.specificProps=[],this.model=null,this.bounds={})}_onCollapsed(e){!e&&(this.style.display=""),this.animate(e?[{transform:"translateX(0)",opacity:1,easing:"ease-in"},{transform:"translateX(100%)",opacity:1}]:[{transform:"translateX(100%)",opacity:1},{transform:"translateX(0)",opacity:1,easing:"ease-out"}],{duration:500}).onfinish=()=>{e&&(this.style.display="none"),dispatchEvent(new Event("resize"))}}_onSceneChanged(){var e=this;return Tn((function*(){yield e.updateComplete,e.scene&&(e.selected=e.scene.select("model-layer"))}))()}_onSelectedChanged(e){var t=this;return Tn((function*(){if(yield t.updateComplete,1==e.length)t._setPropertyTarget(e[0]),t.specificProps=(0,Q.A)(t.propertyTarget.nature.properties),t.model=An({},t.propertyTarget.model),t._setBounds(t.propertyTarget.bounds);else if(0==e.length)t._setPropertyTargetAsDefault();else{for(var n=e[0].model.type,r=1;r<e.length;r++)if(e[r].model.type!=n){n=void 0;break}t._setPropertyTarget(null),t.specificProps=n?(0,Q.A)(e[0].nature.properties):null,t.model={type:n,alpha:1},t.bounds={}}}))()}_setPropertyTarget(e){var t=this.propertyTarget;t&&t.off("change",this._onChangedByScene,this),e&&e.on("change",this._onChangedByScene,this),this.propertyTarget=e}_setBounds(e){this.bounds={left:e.left,top:e.top,width:Math.round(e.width),height:Math.round(e.height)}}}function zn(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function Ln(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function In(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ln(Object(n),!0).forEach((function(t){Rn(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ln(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Rn(e,t,n){return(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}jn.styles=[O.bi,(0,s.AH)(fn||(fn=En(["\n      :host {\n        border-left: 1px solid var(--paper-blue-grey-100);\n        width: 270px;\n        display: flex;\n        flex-direction: column;\n        background-color: var(--property-sidebar-background-color);\n        user-select: none;\n\n        --input-padding: var(--padding-narrow);\n        --label-font: var(--property-sidebar-fieldset-label);\n      }\n\n      [tab] {\n        display: flex;\n        background-color: rgba(0, 0, 0, 0.08);\n        opacity: 0.85;\n      }\n\n      [tab] mwc-icon {\n        flex: 1;\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        color: var(--property-sidebar-tab-icon-color);\n        height: 40px;\n      }\n\n      [tab] [selected] {\n        background-color: var(--property-sidebar-background-color);\n        border-left: 1px solid rgba(255, 255, 255, 0.5);\n        border-right: 1px solid rgba(0, 0, 0, 0.15);\n        opacity: 1;\n      }\n\n      [content] {\n        flex: 1;\n\n        overflow: hidden;\n        overflow-y: auto;\n      }\n\n      [content] > :not([active]) {\n        display: none;\n      }\n    "])))],(0,o.Cg)([(0,a.MZ)({type:Object})],jn.prototype,"scene",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],jn.prototype,"bounds",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],jn.prototype,"model",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],jn.prototype,"selected",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],jn.prototype,"specificProps",void 0),(0,o.Cg)([(0,a.MZ)({type:String})],jn.prototype,"tabName",void 0),(0,o.Cg)([(0,a.MZ)({type:Boolean})],jn.prototype,"collapsed",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],jn.prototype,"fonts",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],jn.prototype,"propertyEditor",void 0);var Nn=(0,P.U0)(),Dn=new URL(n(35623),n.b).href,Fn=new URL(n(64599),n.b).href,Bn=new URL(n(14366),n.b).href,qn=new URL(n(6234),n.b).href,Un=new URL(n(83419),n.b).href,Zn=new URL(n(97425),n.b).href,Wn=new URL(n(98459),n.b).href,Hn=new URL(n(36529),n.b).href,Vn=new URL(n(49794),n.b).href,Xn=new URL(n(92548),n.b).href,Gn=[],Yn=class extends((0,S.l)(s.WF)){static registerGroup(e){var t=Gn.find((t=>t.name==e.name));t?t=In(In({},t),e):Gn.push(e)}static registerTemplate(e){e&&e.forEach((e=>{var t="string"==typeof e.group?[e.group]:e.group;Gn.filter((e=>t.includes(e.name))).forEach((t=>{t.templates.find((t=>t.type==e.type))||t.templates.push(e)}))}))}static get groups(){return Gn}static getGroup(e){return Gn.find((t=>t.name===e))}constructor(){super(),this.boardName="",this.model=null,this.baseUrl="",this.selected=[],this.mode=i.SCENE_MODE.EDIT,this.provider=null,this.hideProperty=!1,this.overlay="",this.componentGroupList=[],this.fonts=[],this.themes=null,this.propertyEditor=[],this.group="",document.addEventListener("get-all-scene-component-ids",(e=>{var{component:t,callback:n}=e.detail;this.scene&&n((t?this.scene.findAll(t).map((e=>e.model.id)):this.scene.ids.map((e=>{var{key:t}=e;return t}))).filter(Boolean).sort())})),this.style.setProperty("--url-icon-properties","url(".concat(Dn,")")),this.style.setProperty("--url-icon-properties-label","url(".concat(qn,")")),this.style.setProperty("--url-icon-properties-padding","url(".concat(Un,")")),this.style.setProperty("--url-icon-properties-line-type","url(".concat(Fn,")")),this.style.setProperty("--url-icon-properties-arrow-type","url(".concat(Bn,")")),this.style.setProperty("--url-icon-htoolbar","url(".concat(Zn,")")),this.style.setProperty("--url-icon-fullscreen","url(".concat(Wn,")")),this.style.setProperty("--url-icon-collapse","url(".concat(Hn,")")),this.style.setProperty("--url-icon-collapse-active","url(".concat(Vn,")")),this.style.setProperty("--url-icon-shell-inspector","url(".concat(Xn,")"))}static get scopedElements(){return{"edit-toolbar":J,"property-sidebar":jn,"component-toolbar":B}}render(){return(0,s.qy)(yn||(yn=zn(["\n      <edit-toolbar\n        .scene=","\n        .selected=","\n        @hide-property-changed=","\n        @open-preview=","\n        @download-model=","\n        @modeller-fullscreen=","\n      >\n        ","\n      </edit-toolbar>\n\n      <div content>\n        <component-toolbar\n          .scene=","\n          .mode=","\n          @mode-changed=","\n          .componentGroupList=","\n          .group=",'\n        >\n        </component-toolbar>\n\n        <div id="scene-wrap">\n          <ox-scene-viewer\n            id="scene"\n            .scene=',"\n            @scene-changed=","\n            .model=","\n            .themes=","\n            .selected=","\n            @selected-changed=","\n            .mode=","\n            @mode-changed=",'\n            fit="ratio"\n            .baseUrl=',"\n            @contextmenu=","\n            .provider=",'\n            name="modeller"\n          >\n            <ox-scene-layer type="selection-layer"></ox-scene-layer>\n            <ox-scene-layer type="modeling-layer"></ox-scene-layer>\n            <ox-scene-layer type="add-layer"> </ox-scene-layer>\n            <ox-scene-layer type="guide-layer">\n              <ox-scene-property name="ruler" value="disabled"></ox-scene-property>\n            </ox-scene-layer>\n            <ox-scene-layer type="shift-layer">\n              <ox-scene-property name="text" value="','"></ox-scene-property>\n              <ox-scene-property name="alpha" value="0.3"></ox-scene-property>\n              <ox-scene-property name="fontFamily" value="arial"></ox-scene-property>\n              <ox-scene-property name="fontSize" value="30" type="number"></ox-scene-property>\n              <ox-scene-property name="fontColor" value="navy"></ox-scene-property>\n              <ox-scene-property name="textBaseline" value="top"></ox-scene-property>\n              <ox-scene-property name="textAlign" value="left"></ox-scene-property>\n              <ox-scene-property name="paddingTop" value="50" type="number"></ox-scene-property>\n              <ox-scene-property name="paddingLeft" value="50" type="number"></ox-scene-property>\n            </ox-scene-layer>\n            <ox-scene-layer type="decorator-layer"></ox-scene-layer>\n            <ox-scene-handler type="text-editor"></ox-scene-handler>\n            <ox-scene-handler type="move-handler"></ox-scene-handler>\n          </ox-scene-viewer>\n\n          <mwc-fab icon="save" @click=',' title="save"> </mwc-fab>\n        </div>\n\n        <property-sidebar\n          .scene=',"\n          .selected=","\n          .collapsed=","\n          .fonts=","\n          .propertyEditor=","\n        >\n        </property-sidebar>\n      </div>\n    "])),this.scene,this.selected,(e=>this.hideProperty=e.detail.value),(()=>this.preview()),(()=>this.downloadModel()),(()=>(0,P.KE)(this)),this.renderBrandingZone(),this.scene,this.mode,(e=>{this.mode=e.detail.value}),this.componentGroupList,this.group,this.scene,(e=>{this.scene=e.detail.value}),this.model,this.themes,this.selected,(e=>{this.selected=e.detail.value}),this.mode,(e=>{this.mode=e.detail.value}),this.baseUrl,(()=>this.onContextMenu()),this.provider,this.overlay,(()=>this.onTapSave()),this.scene,this.selected,this.hideProperty,this.fonts,this.propertyEditor)}connectedCallback(){super.connectedCallback(),this.bindShortcutEvent()}disconnectedCallback(){super.disconnectedCallback(),this.unbindShortcutEvent()}close(){this.model=null,this.requestUpdate()}onShortcut(e){if(Nn)var t=e.metaKey;else t=e.ctrlKey;"KeyS"===e.code&&t&&(this.onTapSave(),e.preventDefault())}preview(){var e,t,n={id:"preview",model:(null===(e=this.scene)||void 0===e?void 0:e.model)?JSON.parse(JSON.stringify(this.scene.model)):null,style:null===(t=this.scene)||void 0===t?void 0:t.rootContainer.style};M.k7.open({template:(0,s.qy)(xn||(xn=zn([" <ox-board-viewer .provider="," .board=","></ox-board-viewer> "])),this.provider,n),parent:this.renderRoot}),requestAnimationFrame((()=>{dispatchEvent(new Event("resize"))}))}downloadModel(){if(this.scene){var e=JSON.stringify(this.model,null,2),t=(this.boardName||"NONAME")+"-"+Date.now()+".json";(0,C.saveAs)(new Blob([e],{type:"application/octet-stream"}),t)}}renderBrandingZone(){return(0,s.qy)(wn||(wn=zn(["\n      <div brand>\n        <mwc-icon\n          @click=","\n          >home</mwc-icon\n        >\n        <div board_name>","</div>\n      </div>\n    "])),(()=>((0,T.oo)("board-list"),!1)),this.boardName)}onTapSave(){this.dispatchEvent(new CustomEvent("save-model",{bubbles:!0,composed:!0,detail:{model:this.model}}))}bindShortcutEvent(){var e=["Digit1","Digit2","F11","KeyD","KeyP","KeyS"];this.shortcutHandler=t=>{var n=t.composedPath()[0],r=n.tagName,o=n.isContentEditable||"INPUT"==r||"SELECT"==r||"TEXTAREA"==r;!e.includes(t.code)&&o||this.editToolbar.onShortcut(t)||this.onShortcut(t)},document.addEventListener("keydown",this.shortcutHandler)}unbindShortcutEvent(){this.shortcutHandler&&(document.removeEventListener("keydown",this.shortcutHandler),delete this.shortcutHandler)}onContextMenu(){}};Yn.styles=[(0,s.AH)(kn||(kn=zn(["\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        height: 100%;\n        overflow: hidden;\n\n        font-family: 'Pretendard', 'Segoe UI', sans-serif;\n      }\n\n      edit-toolbar {\n        flex: 45px;\n        max-height: 45px;\n      }\n\n      div[content] {\n        flex: 1;\n        max-height: calc(100% - 45px);\n\n        display: flex;\n        flex-direction: row;\n      }\n\n      component-toolbar {\n        max-height: 100%;\n      }\n\n      property-sidebar {\n        overflow: hidden;\n      }\n\n      #scene-wrap {\n        position: relative;\n\n        flex: 1;\n        display: flex;\n        flex-direction: row;\n      }\n\n      ox-scene-viewer {\n        flex: 1;\n        width: 100%;\n        height: 100%;\n      }\n\n      mwc-fab {\n        position: absolute;\n        right: 15px;\n        bottom: 15px;\n      }\n\n      ox-popup {\n        width: 90%;\n        height: 90%;\n        left: 50%;\n        top: 50%;\n        transform: translateX(-50%) translateY(-50%);\n        background: var(--secondary-color, black);\n\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n      }\n\n      ox-board-viewer {\n        width: 98%;\n        height: 98%;\n        margin: auto;\n        padding: 0;\n        background-color: white;\n      }\n\n      [brand] {\n        display: flex;\n        white-space: nowrap;\n        flex-direction: row;\n        align-items: center;\n        gap: 3px;\n      }\n    "])))],(0,o.Cg)([(0,a.MZ)({type:String})],Yn.prototype,"boardName",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],Yn.prototype,"model",void 0),(0,o.Cg)([(0,a.MZ)({type:String})],Yn.prototype,"baseUrl",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],Yn.prototype,"selected",void 0),(0,o.Cg)([(0,a.MZ)({type:Number})],Yn.prototype,"mode",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],Yn.prototype,"provider",void 0),(0,o.Cg)([(0,a.MZ)({type:Boolean})],Yn.prototype,"hideProperty",void 0),(0,o.Cg)([(0,a.MZ)({type:String})],Yn.prototype,"overlay",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],Yn.prototype,"scene",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],Yn.prototype,"componentGroupList",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],Yn.prototype,"fonts",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],Yn.prototype,"themes",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],Yn.prototype,"propertyEditor",void 0),(0,o.Cg)([(0,a.P)("edit-toolbar")],Yn.prototype,"editToolbar",void 0),Yn=(0,o.Cg)([(0,a.EM)("ox-board-modeller")],Yn)},30442:(e,t,n)=>{n.d(t,{G:()=>l});var r=n(35393);function o(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function i(e){return function(){var t=this,n=arguments;return new Promise((function(r,i){var a=e.apply(t,n);function s(e){o(a,r,i,s,l,"next",e)}function l(e){o(a,r,i,s,l,"throw",e)}s(void 0)}))}}class a extends r.Ay{constructor(){super("operato-board-database"),this.version(1).stores({board_data:"[board+refid]"})}}var s=new a;class l{constructor(e){this.id=e}load(e){var t=this;return i((function*(){var n=yield s.board_data.where({board:t.id,refid:e.state.refid}).first();return null==n?void 0:n.data}))()}save(e,t){var n=this;return i((function*(){yield s.board_data.put({board:n.id,refid:e.state.refid,data:t,timestamp:Date.now()})}))()}clear(e){var t=this;return i((function*(){yield s.board_data.where({board:t.id,refid:e.state.refid}).delete()}))()}}},30485:(e,t,n)=>{e.exports=n.p+"fmsim/c084ba14df08aed706b9.svg"},31217:(e,t,n)=>{var r=n(74413),o=n(58192),i=n(39359),a={mutable:!1,resizable:!0,rotatable:!0,properties:[...i.e,...o.A.properties]};class s extends((0,i.X)(o.A)){static get nature(){return a}get auxColor(){return"black"}getLegendFallback(){return this.root.shelfLegendTheme||super.getLegendFallback()}render(e){var{left:t,top:n,width:r,height:o}=this.bounds;e.save(),e.translate(t,n),e.beginPath(),e.strokeStyle=this.auxColor,e.fillStyle=this.statusColor,e.lineWidth=1,e.lineCap="round",e.setLineDash([]),e.rect(0,0,r,o),e.clip(),e.moveTo(0,0),e.lineTo(r,o),e.moveTo(0,o),e.lineTo(r,0),e.fill(),e.stroke(),e.translate(-t,-n),e.restore()}}r.Component.register("Shelf",s)},32154:(e,t,n)=>{n.d(t,{WZ:()=>s});var r,o=n(201),i=n(13777);function a(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function s(){return l.apply(this,arguments)}function l(){return(e=function*(){return(yield o.Sn.query({query:(0,i.Ay)(r||(e=["\n      {\n        groups {\n          items {\n            id\n            name\n            description\n            createdAt\n            updatedAt\n          }\n          total\n        }\n      }\n    "],t||(t=e.slice(0)),r=Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))))})).data;var e,t},l=function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function s(e){a(i,r,o,s,l,"next",e)}function l(e){a(i,r,o,s,l,"throw",e)}s(void 0)}))}).apply(this,arguments);var e}},32951:(e,t,n)=>{n.d(t,{Z:()=>r});var r={WARN:null,CRITICAL:null,default:null}},34419:(e,t,n)=>{function r(e,t,n){return Math.max(0,Math.min(e,Math.min(n,t)/2))}n.d(t,{M:()=>r})},34724:(e,t,n)=>{n.d(t,{L:()=>i});var r=n(74413);function o(e){var{height:t}=e.bounds,{rollWidth:n=10}=e.model,r=Math.max(n,1),o=e.statusColor,i=e.auxColor;e._pattern||(e._pattern=document.createElement("canvas")),e._pattern.width=r,e._pattern.height=t;var a=e._pattern.getContext("2d");a.beginPath(),a.fillStyle=o,a.strokeStyle=i,a.lineWidth=1,a.moveTo(0,0),a.lineTo(r,0),a.lineTo(r,t),a.lineTo(0,t),a.lineTo(0,0),a.fill(),a.beginPath(),a.globalAlpha=.2;var s=(e._step||0)%r;return 2==e.value&&(s=r-s),a.moveTo(s,t),a.lineTo(s,0),a.stroke(),e._pattern}function i(e){var t=class extends e{dispose(){super.dispose(),delete this._pattern}get fillStyle(){return{image:o(this),offsetX:0,offsetY:0,type:"pattern"}}};return r.Component.memoize(t.prototype,"fillStyle",!1),t}},35623:(e,t,n)=>{e.exports=n.p+"fmsim/08bbd147bbaa98b332db.png"},36319:(e,t,n)=>{n.d(t,{d:()=>r});var r={name:"mcsShape",description:"a group of various mcs-shapes",icon:'\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\n\t viewBox="0 0 35 35" style="enable-background:new 0 0 35 35;" xml:space="preserve">\n  <style type="text/css">\n    .st0{fill:{{strokeColor}}}\n  </style>\n  <path class="st0" d="M6.8,4.67L6.25,5.2L4.85,6.59L4.33,7.15l0.4,0.65l2.07,3.47l0.28,0.5h2.91l3.96,3.93\n\tc-3.54,3.56-8.05,8.08-8.2,8.24C4.2,25.48,4.2,28.02,5.78,29.5c1.55,1.53,4.07,1.57,5.54,0c0.01-0.01,0.02-0.02,0.03-0.03l6.1-6.13\n\tl6.13,6.16l0.09,0.06c1.56,1.47,4.03,1.49,5.48-0.06v-0.03h0.03c1.52-1.55,1.53-4.08-0.03-5.54l-0.03-0.03l-5.17-5.14\n\tc3.48-0.33,6.2-3.26,6.25-6.81h0.03c0-0.02,0-0.04,0-0.06c0-0.01,0-0.02,0-0.03c0.1-1.15-0.15-2.24-0.74-3.19l-0.68-1.05l-4.61,4.61\n\tl-1.39-1.46l4.71-4.71l-1.36-0.56c-0.8-0.34-1.72-0.59-2.76-0.59c-3.81,0-6.93,3.13-6.93,6.93c0,0.41,0.09,0.77,0.15,1.15\n\tc-0.43,0.43-0.76,0.79-1.27,1.3l-3.93-3.93V7.43l-0.5-0.28L7.45,5.07L6.8,4.67z M23.4,6.9c0.14,0,0.24,0.08,0.37,0.09l-3.75,3.75\n\tl0.68,0.71l2.79,2.88l0.68,0.71l3.93-3.93c0.02,0.23,0.18,0.39,0.15,0.65v0.09c0,2.73-2.23,4.95-4.95,4.95\n\tc-0.36,0-0.8-0.09-1.3-0.19l-0.53-0.09l-0.37,0.37L9.93,28.11H9.9v0.03c-0.7,0.77-1.93,0.79-2.76-0.03v-0.03H7.11\n\tc-0.77-0.7-0.79-1.93,0.03-2.76c0.38-0.38,7.65-7.71,11.21-11.27l0.4-0.4l-0.15-0.56c-0.08-0.32-0.15-0.87-0.15-1.24\n\tC18.44,9.13,20.67,6.9,23.4,6.9z M7.11,7.15l2.32,1.42v0.99L9.22,9.78H8.23L6.8,7.46L7.11,7.15z M21.6,19.19l6.16,6.13v0.03h0.03\n\tc0.77,0.7,0.79,1.93-0.03,2.76h-0.03v0.03c-0.7,0.77-1.93,0.79-2.76-0.03l-6.13-6.16L21.6,19.19z"/>\n</svg>\n',templates:[]}},36529:(e,t,n)=>{e.exports=n.p+"fmsim/daacdd8ee024ac5b0379.png"},36533:(e,t,n)=>{var r=n(74413),o=n(29911),i=n(77359),a=n(71627),s=n(34419),l=n(92780),p=n(98541),d={mutable:!1,resizable:!0,rotatable:!0,properties:[...p.W,{type:"select",label:"legend-name",name:"legendName",property:{options:o.Xc}},{type:"number",name:"currentUsage",label:"current-usage"},{type:"number",name:"highWatermark",label:"high-watermark"},{type:"number",name:"lowWatermark",label:"low-watermark"},{type:"number",name:"maxCapacity",label:"max-capacity"},{type:"boolean",name:"fullup",label:"fullup"},{type:"number",label:"round",name:"round",property:{min:0}},{type:"hidden",name:"usage",label:"usage"}],"value-property":"usage"},c={ondragmove:function(e,t,n){var{left:r,top:o,width:i,height:a}=n.model,l=(n.transcoordP2S(e.x,e.y).x-r)/(i/2)*100;l=(0,s.M)(l,i,a),n.set({round:l})}};class u extends((0,p.H)((0,i.f)((0,r.RectPath)(r.Shape)))){static get nature(){return d}get controls(){var{left:e,top:t,width:n,round:r,height:o}=this.state;return[{x:e+n/2*((r=null==r?0:(0,s.M)(r,n,o))/100),y:t,handler:c}]}isIdentifiable(){return!1}getTheme(){var e,t,{legendName:n}=this.state;if(n)return null===(t=null===(e=this.root)||void 0===e?void 0:e.style)||void 0===t?void 0:t[n]}get legend(){return this.getTheme()||this.getLegendFallback()}getLegendFallback(){return this.root.stockerCapacityLegendTheme||a.$J}get statusColor(){var{fullup:e}=this.state;return e?"red":(0,l.v)(this.usage,this.legend)}get text(){return this.usage+"%"}render(e){var{left:t,top:n,width:r,height:o}=this.bounds;r>=o?this.renderLandscape(e):this.renderPortrait(e)}renderLandscape(e){var{left:t,top:n,width:r,height:o}=this.bounds,{highWatermark:i,lowWatermark:a,lineWidth:s,strokeStyle:l,round:p,fillStyle:d="white"}=this.state;if(e.save(),e.translate(t,n),e.beginPath(),e.fillStyle=d,e.roundRect(0,0,r,o,p),e.fill(),e.clip(),e.beginPath(),e.fillStyle=this.statusColor,e.rect(0,0,r/100*this.usage,o),e.fill(),i&&i>0&&i<100){e.beginPath(),e.strokeStyle="black",e.lineWidth=1,e.setLineDash([3]);var c=r/100*i;e.moveTo(c,0),e.lineTo(c,o),e.stroke()}if(a&&a>0&&a<100){e.beginPath(),e.strokeStyle="black",e.lineWidth=1,e.setLineDash([3]);var u=r/100*a;e.moveTo(u,0),e.lineTo(u,o),e.stroke()}e.beginPath(),e.setLineDash([]),e.strokeStyle=l,e.lineWidth=s,e.roundRect(0,0,r,o,p),e.stroke(),e.beginPath(),e.translate(-t,-n),e.restore()}renderPortrait(e){var{left:t,top:n,width:r,height:o}=this.bounds,{highWatermark:i,lowWatermark:a,lineWidth:s,strokeStyle:l,round:p,fillStyle:d="white"}=this.state;if(e.save(),e.translate(t,n),e.beginPath(),e.fillStyle=d,e.roundRect(0,0,r,o,p),e.fill(),e.clip(),e.beginPath(),e.fillStyle=this.statusColor,e.rect(0,o-o/100*this.usage,r,o/100*this.usage),e.fill(),i&&i>0&&i<100){e.beginPath(),e.strokeStyle="black",e.lineWidth=1,e.setLineDash([3]);var c=o-o/100*i;e.moveTo(0,c),e.lineTo(r,c),e.stroke()}if(a&&a>0&&a<100){e.beginPath(),e.strokeStyle="black",e.lineWidth=1,e.setLineDash([3]);var u=o-o/100*a;e.moveTo(0,u),e.lineTo(r,u),e.stroke()}e.beginPath(),e.setLineDash([]),e.strokeStyle=l,e.lineWidth=s,e.roundRect(0,0,r,o,p),e.stroke(),e.beginPath(),e.translate(-t,-n),e.restore()}get usage(){var{currentUsage:e=0,maxCapacity:t=100}=this.state;return Math.round(e/t*100)}set usage(e){}onchangeData(e,t){var{CURRENTCAPACITY:n=0,MAXCAPACITY:r=100,HIGHWATERMARK:o=100,LOWWATERMARK:i=0,FULLUP:a="F"}="object"==typeof this.data?this.data:{},s=Number(n)||0,l=Number(r)||100,p=Number(o)||100,d=Number(i)||0;this.setState({currentUsage:s,maxCapacity:l,highWatermark:p,lowWatermark:d,fullup:"T"==a,usage:Math.round(s/l*100)})}}r.Component.register("StockerCapacityBar",u),r.Component.register("MCSGaugeCapacityBar",u)},37823:(e,t,n)=>{var r=n(74413),o=n(1884),i={mutable:!1,resizable:!0,rotatable:!0,properties:[...o.A.properties]};class a extends o.A{static get nature(){return i}getLegendFallback(){return this.root.bufferLegendTheme||super.getLegendFallback()}containable(e){return super.containable(e)||["Port"].includes(e.state.type)}render(e){var{lineWidth:t}=this.state,{left:n,top:r,width:o,height:i}=this.bounds,a=Math.round(.2*Math.min(o,i));e.beginPath(),e.translate(n,r),e.strokeStyle=this.auxColor,e.fillStyle=this.statusColor,e.lineWidth=t||1,e.lineCap="round",e.setLineDash([]),e.moveTo(a,0),e.lineTo(o-a,0),e.lineTo(o,i/2),e.lineTo(o-a,i),e.lineTo(a,i),e.lineTo(0,i/2),e.lineTo(a,0),e.translate(-n,-r),e.fill(),e.stroke()}}r.Component.register("Buffer",a)},39359:(e,t,n)=>{n.d(t,{X:()=>o,e:()=>r});var r=[{type:"string",label:"zone",name:"zone"}];function o(e){return class extends e{get zone(){}set zone(e){this.zone=e}}}},41340:(e,t,n)=>{n.d(t,{Hy:()=>S,Si:()=>g,Ur:()=>x,Xc:()=>k,ew:()=>f,fR:()=>v});var r,o,i,a,s,l,p=n(201),d=n(13777);function c(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function u(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function h(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){u(i,r,o,a,s,"next",e)}function s(e){u(i,r,o,a,s,"throw",e)}a(void 0)}))}}function g(){return b.apply(this,arguments)}function b(){return b=h((function*(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{data:t}=yield p.Sn.query({query:(0,d.Ay)(r||(r=c(["\n      query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n        responses: themes(filters: $filters, pagination: $pagination, sortings: $sortings) {\n          items {\n            id\n            name\n            description\n            active\n            type\n            value\n            updater {\n              id\n              name\n            }\n            updatedAt\n          }\n          total\n        }\n      }\n    "]))),variables:e});return t})),b.apply(this,arguments)}function v(e){return m.apply(this,arguments)}function m(){return(m=h((function*(e){return(yield p.Sn.mutate({mutation:(0,d.Ay)(o||(o=c(["\n      mutation ($patches: [ThemePatch!]!) {\n        updateMultipleTheme(patches: $patches) {\n          name\n        }\n      }\n    "]))),variables:{patches:e}})).data}))).apply(this,arguments)}function f(e){return y.apply(this,arguments)}function y(){return(y=h((function*(e){return(yield p.Sn.mutate({mutation:(0,d.Ay)(i||(i=c(["\n      mutation ($ids: [String!]!) {\n        deleteThemes(ids: $ids)\n      }\n    "]))),variables:{ids:e}})).data}))).apply(this,arguments)}function x(){return w.apply(this,arguments)}function w(){return(w=h((function*(){var e=yield p.Sn.query({query:(0,d.Ay)(a||(a=c(["\n      query {\n        themes {\n          items {\n            name\n            type\n          }\n        }\n      }\n    "])))});if(e.errors)return[""];var t=e.data.themes.items.filter((e=>"color-map"==e.type)).map((e=>e.name)).sort();return[""].concat(t)}))).apply(this,arguments)}function k(){return C.apply(this,arguments)}function C(){return(C=h((function*(){var e=yield p.Sn.query({query:(0,d.Ay)(s||(s=c(["\n      query {\n        themes {\n          items {\n            name\n            type\n          }\n        }\n      }\n    "])))});if(e.errors)return[""];var t=e.data.themes.items.filter((e=>"color-ranges"==e.type)).map((e=>e.name)).sort();return[""].concat(t)}))).apply(this,arguments)}function S(){return M.apply(this,arguments)}function M(){return(M=h((function*(){var e=yield p.Sn.query({query:(0,d.Ay)(l||(l=c(["\n      query {\n        themes {\n          items {\n            name\n            type\n          }\n        }\n      }\n    "])))});if(e.errors)return[""];var t=e.data.themes.items.filter((e=>"animation-map"==e.type)).map((e=>e.name)).sort();return[""].concat(t)}))).apply(this,arguments)}},41609:(e,t,n)=>{n.d(t,{NJ:()=>v,Pr:()=>g,_y:()=>f,jz:()=>u});var r,o,i,a,s=n(201),l=n(13777);function p(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function d(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function c(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){d(i,r,o,a,s,"next",e)}function s(e){d(i,r,o,a,s,"throw",e)}a(void 0)}))}}function u(){return h.apply(this,arguments)}function h(){return h=c((function*(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(yield s.Sn.query({query:(0,l.Ay)(r||(r=p(["\n      {\n        boards(",") {\n          items {\n            id\n            name\n            description\n            thumbnail\n            createdAt\n            updatedAt\n          }\n          total\n        }\n      }\n    "])),(0,s.CH)(e))})).data})),h.apply(this,arguments)}function g(e){return b.apply(this,arguments)}function b(){return(b=c((function*(e){return(yield s.Sn.query({query:(0,l.Ay)(o||(o=p(["\n      query FetchBoardById($id: String!, $filters: [Filter!]) {\n        board(id: $id) {\n          id\n          name\n          description\n          group {\n            id\n            name\n          }\n          thumbnail\n          model\n          createdAt\n          creator {\n            id\n            name\n          }\n          updatedAt\n          updater {\n            id\n            name\n          }\n        }\n\n        themes(filters: $filters) {\n          items {\n            name\n            description\n            active\n            type\n            value\n          }\n        }\n      }\n    "]))),variables:{id:e,filters:[{name:"active",operator:"eq",value:!0}]}})).data}))).apply(this,arguments)}function v(e){return m.apply(this,arguments)}function m(){return(m=c((function*(e){return e.model=JSON.stringify(e.model),(yield s.Sn.mutate({mutation:(0,l.Ay)(i||(i=p(["\n      mutation CreateBoard($board: NewBoard!) {\n        createBoard(board: $board) {\n          id\n          name\n          description\n          model\n          createdAt\n          updatedAt\n        }\n      }\n    "]))),variables:{board:e}})).data}))).apply(this,arguments)}function f(e){return y.apply(this,arguments)}function y(){return(y=c((function*(e){var{id:t,name:n,description:r,model:o,groupId:i}=e;return o=JSON.stringify(o),(yield s.Sn.mutate({mutation:(0,l.Ay)(a||(a=p(["\n      mutation UpdateBoard($id: String!, $patch: BoardPatch!) {\n        updateBoard(id: $id, patch: $patch) {\n          id\n          name\n          description\n          model\n          group {\n            id\n            name\n          }\n          createdAt\n          updatedAt\n        }\n      }\n    "]))),variables:{id:t,patch:{name:n,description:r,model:o,groupId:i}}})).data}))).apply(this,arguments)}},42693:(e,t,n)=>{n.d(t,{i:()=>r});var r={name:"SCS",description:"The object groups composing the SCS system",icon:'\n<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\n\t viewBox="0 0 35 35" style="enable-background:new 0 0 35 35;" xml:space="preserve">\n<style type="text/css">\n\t.st0{fill:{{strokeColor}};}\n</style>\n<path class="st0" d="M5.51,21.16c0.64,0.41,1.61,0.77,2.62,0.77c1.27,0,1.98-0.67,1.98-1.66c0-0.92-0.55-1.46-1.93-2.02\n\tc-1.79-0.72-2.93-1.78-2.93-3.53c0-1.98,1.48-3.49,3.83-3.49c1.17,0,2.04,0.29,2.61,0.61l-0.48,1.78c-0.39-0.23-1.14-0.58-2.16-0.58\n\tc-1.25,0-1.8,0.76-1.8,1.46c0,0.94,0.63,1.37,2.07,2c1.88,0.79,2.8,1.85,2.8,3.6c0,1.94-1.32,3.64-4.12,3.64\n\tc-1.14,0-2.33-0.36-2.93-0.76L5.51,21.16z"/>\n<path class="st0" d="M21.67,23.22c-0.47,0.27-1.5,0.54-2.8,0.54c-3.44,0-5.53-2.41-5.53-6.1c0-4,2.48-6.41,5.79-6.41\n\tc1.3,0,2.24,0.31,2.64,0.54l-0.43,1.76c-0.51-0.25-1.22-0.47-2.12-0.47c-2.2,0-3.8,1.55-3.8,4.47c0,2.66,1.4,4.38,3.78,4.38\n\tc0.8,0,1.64-0.18,2.16-0.45L21.67,23.22z"/>\n<path class="st0" d="M23.32,21.16c0.64,0.41,1.61,0.77,2.62,0.77c1.27,0,1.98-0.67,1.98-1.66c0-0.92-0.55-1.46-1.93-2.02\n\tc-1.79-0.72-2.93-1.78-2.93-3.53c0-1.98,1.48-3.49,3.83-3.49c1.17,0,2.04,0.29,2.61,0.61l-0.48,1.78c-0.39-0.23-1.14-0.58-2.16-0.58\n\tc-1.25,0-1.8,0.76-1.8,1.46c0,0.94,0.63,1.37,2.07,2c1.88,0.79,2.8,1.85,2.8,3.6c0,1.94-1.32,3.64-4.12,3.64\n\tc-1.14,0-2.33-0.36-2.93-0.76L23.32,21.16z"/>\n</svg>\n',templates:[]}},43328:(e,t,n)=>{e.exports=n.p+"fmsim/10c5545d8ea1c25e9a7b.svg"},43529:(e,t,n)=>{e.exports=n.p+"fmsim/ac7a85bc08e93e55ee30.svg"},46231:(e,t,n)=>{n.d(t,{G:()=>r});var r={name:"ACS",description:"The object groups composing the ACS system",icon:'\n<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\n     viewBox="0 0 35 35" style="enable-background:new 0 0 35 35;" xml:space="preserve">\n<style type="text/css">\n    .st0{fill:{{strokeColor}};}\n</style>\n<path class="st0" d="M7.12,20.14l-0.93,3.44H4.14l3.47-12.14h2.52l3.52,12.14h-2.12l-0.98-3.44H7.12z M10.22,18.46l-0.85-2.99\n    c-0.21-0.74-0.39-1.57-0.55-2.27H8.79c-0.16,0.7-0.32,1.55-0.51,2.27l-0.84,2.99H10.22z"/>\n<path class="st0" d="M22.61,23.22c-0.47,0.27-1.5,0.54-2.8,0.54c-3.44,0-5.53-2.41-5.53-6.1c0-4,2.48-6.41,5.79-6.41\n    c1.3,0,2.24,0.31,2.64,0.54l-0.43,1.76c-0.51-0.25-1.22-0.47-2.12-0.47c-2.2,0-3.8,1.55-3.8,4.47c0,2.66,1.4,4.38,3.78,4.38\n    c0.8,0,1.64-0.18,2.16-0.45L22.61,23.22z"/>\n<path class="st0" d="M24.25,21.16c0.64,0.41,1.61,0.77,2.62,0.77c1.27,0,1.98-0.67,1.98-1.66c0-0.92-0.55-1.46-1.93-2.02\n    c-1.79-0.72-2.93-1.78-2.93-3.53c0-1.98,1.48-3.49,3.83-3.49c1.17,0,2.04,0.29,2.61,0.61l-0.48,1.78c-0.39-0.23-1.14-0.58-2.16-0.58\n    c-1.25,0-1.8,0.76-1.8,1.46c0,0.94,0.63,1.37,2.07,2c1.88,0.79,2.8,1.85,2.8,3.6c0,1.94-1.32,3.64-4.12,3.64\n    c-1.14,0-2.33-0.36-2.93-0.76L24.25,21.16z"/>\n</svg>\n',templates:[]}},48529:(e,t,n)=>{var r=n(78437),o=n.n(r),i=n(29911),a=n(74413),s=n(32951),l=n(98541),p=n(71627),d=n(77359),c=n(70661);function u(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}var h={mutable:!1,resizable:!1,rotatable:!1};class g extends((0,d.f)((0,l.H)(a.Shape))){static get nature(){return h}get path(){if(!this.parent)return[];var{left:e,top:t,width:n,height:r}=this.calculateShrunkRectangle(this.parent.bounds);return[{x:e,y:t},{x:e+n/2,y:t},{x:e+n,y:t+r/2},{x:e+n,y:t+r},{x:e,y:t+r}]}set path(e){}onchangeData(e,t){var n,{CARRIERNAME:r,CARRIERTYPE:o="",EMPTYTYPE:i,CARRIERSTATUS:a}=this.data||{};if(this.setState("id",r),this.setState("EMPTYTYPE",i),this.setState("CARRIERTYPE",o),this.setState("CARRIERSTATUS",a),e.data.CARRIERSTATUS!==(null===(n=t.data)||void 0===n?void 0:n.CARRIERSTATUS)){var{CARRIERSTATUS:s}=t.data||{},l=s&&this.getAnimationConfig(s);if(l){var{animation:p,decorator:d,border:c,arrow:u}=l;p&&(this.resetAnimation(),this.setState("animation",{oncreate:null})),(d||c||u)&&this.trigger("deco-off")}var h=this.getAnimationConfig(this.getState("CARRIERSTATUS"));if(h){var{animation:g,decorator:b,border:v,arrow:m}=h;g&&(this.resetAnimation(),this.setState("animation",{oncreate:g}),this.started=!0),b&&(this.trigger("deco-icon-off"),this.trigger("deco-icon",b)),v&&(this.trigger("deco-border-off"),this.trigger("deco-border",v)),m&&(this.trigger("deco-arrow-off"),this.trigger("deco-arrow",m))}}}get status(){return this.getState("EMPTYTYPE")}get legend(){var e,t,n,{carrierLegendName:r}=(null===(e=this.parent)||void 0===e?void 0:e.state)||{};return r?null===(t=this.root)||void 0===t?void 0:t.style[r]:(null===(n=this.root)||void 0===n?void 0:n.carrierLegendTheme)||p.be}getAnimationConfig(e){var t=this.animationPreset[e||"default"];if(!t||"string"!=typeof t)return t||null;try{return o().parse(t)}catch(e){c.error(e)}return null}get animationPreset(){var e,t,n,{carrierAnimationName:r}=(null===(e=this.parent)||void 0===e?void 0:e.state)||{};return r&&((null===(t=this.root)||void 0===t?void 0:t.style[r])||(null===(n=this.root)||void 0===n?void 0:n.state.carrierAnimationTheme))||s.Z}get hasTextProperty(){return this.getState("showText")||!1}calculateShrunkRectangle(e){var t=Object.assign({},e);return t.left=.1*e.width,t.width*=.8,t.top=.1*e.height,t.height*=.8,t}contains(e,t){var{id:n}=this.state||{};if(!n)return!1;var r=this.bounds;if(e-=r.left,t-=r.top,e<0||t<0||e>r.width||t>r.height)return!1;var o=r.width/2,i=r.width,a=(r.height/2-0)/(i-o);return t>a*e+(0-a*o)}render(e){var{EMPTYTYPE:t,id:n,showText:r}=this.state;if(n){var{width:o,height:i}=this.bounds,a=this.path,s=Math.round(.1*Math.min(o,i)),l=s>5?1:.5;if(e.beginPath(),e.moveTo(a[0].x,a[0].y),a.slice(1).forEach((t=>{var{x:n,y:r}=t;e.lineTo(n,r)})),e.closePath(),e.lineWidth=l,e.fillStyle=this.statusColor||"transparent",e.strokeStyle=this.auxColor||"transparent",e.fill(),e.stroke(),r){var p="FULL"==t?"F":"EMPTY"==t?"E":"EMPTYEMPTY"==t?"X":"";if(p){var{x:d,y:c}=this.center;e.fillStyle="black",e.font="normal ".concat(Math.round(8*s),"px Arial"),e.textAlign="center",e.textBaseline="middle",e.fillText(p,d-o/8,c+i/8)}}}}detailInfo(){var e,t=this;return(e=function*(){var{type:e,id:n}=t.state;if(n)return yield(0,i.jw)(e,n)},function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){u(i,r,o,a,s,"next",e)}function s(e){u(i,r,o,a,s,"throw",e)}a(void 0)}))})()}}a.Component.register("Carrier",g)},49794:(e,t,n)=>{e.exports=n.p+"fmsim/8f778f433221cc09f419.png"},51057:(e,t,n)=>{e.exports=n.p+"fmsim/55772bbc827ad7017d35.png"},51461:(e,t,n)=>{n.d(t,{Bc:()=>s.Bc,Ge:()=>s.Ge,Hy:()=>l.Hy,NJ:()=>r.NJ,Nl:()=>o.N,Pr:()=>r.Pr,Si:()=>l.Si,Ur:()=>l.Ur,WZ:()=>a.WZ,Xc:()=>l.Xc,_y:()=>r._y,ew:()=>l.ew,fR:()=>l.fR,jz:()=>r.jz,vR:()=>i.vR});var r=n(41609),o=n(69255),i=n(75576),a=n(32154),s=n(53987),l=n(41340)},51771:(e,t,n)=>{e.exports=n.p+"fmsim/8fc6a39a52a1c9bae40a.svg"},52166:(e,t,n)=>{function r(e){return(e%=2*Math.PI)<=-Math.PI?e+=2*Math.PI:e>Math.PI&&(e-=2*Math.PI),e}n.d(t,{n:()=>r})},52899:(e,t,n)=>{e.exports=n.p+"fmsim/c04e33672a60a94acf8c.svg"},53074:(e,t,n)=>{n.d(t,{Ni:()=>l,WZ:()=>i,_P:()=>o,vW:()=>s,wj:()=>a});var r=n(93900);function o(e){return(0,r.px)((0,r.MM)()+"/fetchGroupById/"+e,"get",null,null)}function i(){return(0,r.px)((0,r.MM)()+"/fetchGroupList","get",null,null)}function a(e){return(0,r.px)((0,r.MM)()+"/createGroup","post",null,e)}function s(e){return(0,r.px)((0,r.MM)()+"/updateGroup","put",null,e)}function l(e){return(0,r.px)((0,r.MM)()+"/deleteGroup/"+e,"delete",null,null)}},53451:(e,t,n)=>{n.d(t,{Ai:()=>o,Bc:()=>l,Di:()=>p,L4:()=>s,m2:()=>c,qO:()=>a,vK:()=>i,xb:()=>d});var r=n(93900);function o(e){return(0,r.px)((0,r.MM)()+"/fetchScenarios","post",null,e)}function i(e){return(0,r.px)((0,r.MM)()+"/updateScenarios","post",null,e)}function a(e){return(0,r.px)((0,r.MM)()+"/deleteScenarioById","post",null,{ids:e})}function s(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.px)((0,r.MM)()+"/fetchStepByScenarioId","post",null,e)}function l(e,t){return(0,r.px)((0,r.MM)()+"/startScenario","post",null,e)}function p(e,t){return(0,r.px)((0,r.MM)()+"/stopScenario","post",null,e)}function d(e){return(0,r.px)((0,r.MM)()+"/updateSteps","post",null,e)}function c(e){return(0,r.px)((0,r.MM)()+"/deleteStepById","post",null,{ids:e})}},53987:(e,t,n)=>{n.d(t,{Bc:()=>d,Ge:()=>c});var r,o,i=n(13777),a=n(201);function s(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function l(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function p(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){l(i,r,o,a,s,"next",e)}function s(e){l(i,r,o,a,s,"throw",e)}a(void 0)}))}}var d=function(){var e=p((function*(e,t,n){var o,l;if(e&&a.Sn){var p=yield a.Sn.query({query:(0,i.Ay)(r||(r=s(["\n        mutation ($instanceName: String, $scenarioName: String!, $variables: Object) {\n          startScenario(instanceName: $instanceName, scenarioName: $scenarioName, variables: $variables) {\n            state\n            message\n            data\n          }\n        }\n      "]))),variables:{instanceName:t,scenarioName:e,variables:n}});return null===(l=null===(o=null==p?void 0:p.data)||void 0===o?void 0:o.startScenario)||void 0===l?void 0:l.data}}));return function(t,n,r){return e.apply(this,arguments)}}(),c=function(){var e=p((function*(e,t){var n,r;if(e&&a.Sn){var l=yield a.Sn.query({query:(0,i.Ay)(o||(o=s(["\n        mutation ($scenarioName: String!, $variables: Object) {\n          runScenario(scenarioName: $scenarioName, variables: $variables) {\n            state\n            message\n            data\n          }\n        }\n      "]))),variables:{scenarioName:e,variables:t}});return null===(r=null===(n=null==l?void 0:l.data)||void 0===n?void 0:n.runScenario)||void 0===r?void 0:r.data}}));return function(t,n){return e.apply(this,arguments)}}()},55239:(e,t,n)=>{e.exports=n.p+"fmsim/d9b6b3243cd4bf2e63a8.png"},56713:(e,t,n)=>{e.exports=n.p+"fmsim/a1c7550c9c23585b1fd1.svg"},57310:(e,t,n)=>{e.exports=n.p+"fmsim/ba0056d7477944bf18bc.png"},58192:(e,t,n)=>{n.d(t,{A:()=>a});var r=n(74413),o=n(29911),i=n(99175);class a extends i.A{static get properties(){return[...i.A.properties,{type:"select",label:"carrier-legend-name",name:"carrierLegendName",property:{options:o.Ur}},{type:"select",label:"carrier-animation-name",name:"carrierAnimationName",property:{options:o.Hy}},{type:"boolean",label:"show-carrier-text",name:"showCarrierText"}]}ready(){for(var e of(super.ready(),this.components))this.removeComponent(e);this.carrier=r.Model.compile({type:"Carrier",showText:this.getState("showCarrierText")||!1},this.root.app),this.addComponent(this.carrier),this.carrier.data=this.data}dispose(){this.carrier=null,super.dispose()}get hierarchy(){return Object.assign(Object.assign({},super.hierarchy),{components:[]})}onchangeData(e,t){this.carrier&&(this.carrier.data=this.data),super.onchangeData(e,t)}}},59070:(e,t,n)=>{e.exports=n.p+"fmsim/7d9596c5140e7290967f.png"},60180:(e,t,n)=>{e.exports=n.p+"fmsim/8b3399c57a3504c61025.svg"},62615:(e,t,n)=>{n.d(t,{r:()=>r});var r={name:"mcsPath",description:"a group of various mcs-paths",icon:'\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\n\t viewBox="0 0 35 35" style="enable-background:new 0 0 35 35;" xml:space="preserve">\n  <style type="text/css">\n    .st0{fill:none;stroke:{{strokeColor}};stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}\n    .st1{fill:{{strokeColor}}}\n    .st2{fill:none;stroke:{{strokeColor}};stroke-miterlimit:10;}\n  </style>\n  <path class="st0" d="M26.17,27.87H8.74c-2.36,0-4.29-1.93-4.29-4.29V12.16c0-2.36,1.93-4.29,4.29-4.29h17.43\n\tc2.36,0,4.29,1.93,4.29,4.29v11.43C30.46,25.94,28.53,27.87,26.17,27.87z"/>\n  <path class="st0" d="M26.46,27.87h-18c-2.2,0-4-1.8-4-4v0c0-2.2,1.8-4,4-4h18c2.2,0,4,1.8,4,4v0\n    C30.46,26.07,28.66,27.87,26.46,27.87z"/>\n  <circle class="st1" cx="10.29" cy="24.06" r="1.5"/>\n  <circle class="st1" cx="17.64" cy="24.06" r="1.5"/>\n  <circle class="st1" cx="24.99" cy="24.06" r="1.5"/>\n  <line class="st2" x1="8.61" y1="7.87" x2="8.61" y2="19.87"/>\n  <line class="st2" x1="14.57" y1="7.87" x2="14.57" y2="19.87"/>\n  <line class="st2" x1="20.53" y1="7.87" x2="20.53" y2="19.87"/>\n  <line class="st2" x1="26.49" y1="7.87" x2="26.49" y2="19.87"/>\n</svg>\n',templates:[]}},62634:(e,t,n)=>{function r(){return{"Access-Control-Allow-Origin":"*","Content-Type":"application/json; charset = utf-8"}}n.d(t,{A:()=>r})},63905:(e,t,n)=>{var r=n(74413),o={currentIndex:0,ondragstart:function(e,t,n){n.mutatePath(null,(function(r){var i=n.state.nodes,a=n.controls[t],{from:s,to:l,id:p}=a,d="".concat(Date.now());if(p){var c=i.find((e=>e.id===p)),u=i.indexOf(c);o.currentIndex=0==u?0:u+1,i.splice(o.currentIndex,0,{id:d,position:e,name:"",connections:[]}),c.connections.push(d),r.splice(o.currentIndex,0,e)}else{var h=i.find((e=>e.id===s));o.currentIndex=i.indexOf(h)+1,i.splice(o.currentIndex,0,{id:d,position:e,name:"",connections:[l]});var g=h.connections;g.splice(g.indexOf(l),1,d),r.splice(o.currentIndex,0,e)}}))},ondragmove:function(e,t,n){n.mutatePath(null,(function(t){t[o.currentIndex]=e}))},ondragend:function(e,t,n){}},i={mutable:!1,resizable:!0,rotatable:!0,properties:[{type:"nodes",label:"nodes",name:"nodes"}],help:"scene/component/node-path"};class a extends r.Line{static get nature(){return i}get path(){return this.state.nodes.map((e=>e.position))}set path(e){var t=this.state.nodes||[];this.set("nodes",t.map(((t,n)=>Object.assign(Object.assign({},t),{position:e[n]}))))}contains(e,t){var n=this.path,r=!1;return n.forEach(((o,i)=>{var a=(i+n.length+1)%n.length,s=o.x,l=o.y,p=n[a].x,d=n[a].y;l>t!=d>t&&e<(p-s)*(t-l)/(d-l)+s&&(r=!r)})),r}render(e){this.renderConnections(e),this.renderNodes(e)}renderConnections(e){var{nodes:t=[],lineColor:n="#000",lineWidth:r=1}=this.state;t.forEach((t=>{var{x:o,y:i}=t.position;(t.connections||[]).forEach((t=>{var a=this.findNodeById(t);if(a){var{x:s,y:l}=a.position;e.beginPath(),e.moveTo(o,i),e.lineTo(s,l),e.strokeStyle=n,e.lineWidth=r,e.stroke()}}))}))}renderNodes(e){var{nodes:t=[],fillStyle:n="#fff",strokeStyle:r="#000"}=this.state;t.forEach((t=>{var{x:o,y:i}=t.position;e.beginPath(),e.arc(o,i,10,0,2*Math.PI),e.fillStyle=n,e.strokeStyle=r,e.fill()}))}findNodeById(e){return(this.state.nodes||[]).find((t=>t.id===e))}findNodeIndexById(e){return(this.state.nodes||[]).findIndex((t=>t.id===e))}addNode(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",r=[...this.state.nodes||[]],o="".concat(Date.now()),i={id:o,position:{x:e,y:t},name:n,connections:[]};return r.push(i),this.setState("nodes",r),o}moveNode(e,t){var n=[...this.state.nodes||[]];n[e]&&(n[e].position=t,this.setState("nodes",n))}connectNodes(e,t){if(e===t)return!1;var n=[...this.state.nodes||[]],r=this.findNodeIndexById(e),o=this.findNodeIndexById(t);return r>=0&&o>=0&&(n[r].connections.includes(t)||n[r].connections.push(t),this.setState("nodes",n),!0)}disconnectNodes(e,t){var n=[...this.state.nodes||[]],r=this.findNodeIndexById(e);this.findNodeIndexById(t),r>=0&&(n[r].connections=n[r].connections.filter((e=>e!==t))),this.setState("nodes",n)}removeNode(e){var t=[...this.state.nodes||[]];(t=t.filter((t=>t.id!==e))).forEach((t=>{t.connections=t.connections.filter((t=>t!==e))})),this.setState("nodes",t)}setConnectionProperty(e,t,n,r){var o=[...this.state.nodes||[]],i=this.findNodeIndexById(e);return!!(i>=0&&o[i].connections.includes(t))&&(this.setState("nodes",o),!0)}get controls(){for(var e=this,{nodes:t}=this.state,n=[],r=function(){var{id:r,position:a,connections:s=[]}=t[i];n.push({x:a.x,y:a.y,id:r,handler:o}),s.forEach((t=>{var i=e.findNodeById(t),{position:s}=i;n.push({x:(a.x+s.x)/2,y:(a.y+s.y)/2,from:r,to:t,handler:o})}))},i=0;i<t.length;i++)r();return n}}r.Component.register("NodePath",a)},64599:(e,t,n)=>{e.exports=n.p+"fmsim/e433275c03dc4c240f48.png"},65513:(e,t,n)=>{e.exports=n.p+"fmsim/6fbc47ded1e56a97b6a9.png"},65829:(e,t,n)=>{n.d(t,{A:()=>s});var r=n(71627),o=n(58192),i=n(70661);function a(e,t,n){return t&&n?e.root.findAllById(t).filter((e=>"Node"==e.state.type)).find((e=>e.nodeMachine===n)):null}class s extends o.A{constructor(){super(...arguments),this.lastWaypoint=null}static get properties(){return[...o.A.properties,{type:"select",label:"direction",name:"direction",property:{options:["","up","down","left","right"]}}]}getLegendFallback(){return r.lT}renderDirection(e){var{direction:t}=this.state;if(t){var{left:n,top:r,width:o,height:i}=this.state;switch(e.beginPath(),e.translate(n,r),e.strokeStyle="black",e.fillStyle="black",e.lineJoin="round",e.lineWidth=1,e.setLineDash([]),t){case"up":e.moveTo(1*o/3,-3),e.lineTo(o/2,-i/10-3),e.lineTo(2*o/3,-3);break;case"down":e.moveTo(1*o/3,i+3),e.lineTo(o/2,i+i/10+3),e.lineTo(2*o/3,i+3);break;case"left":e.moveTo(-3,1*i/3),e.lineTo(-o/10-2,i/2),e.lineTo(-3,2*i/3);break;default:e.moveTo(3+o,1*i/3),e.lineTo(3+o+o/10,i/2),e.lineTo(3+o,2*i/3)}e.translate(-n,-r),e.closePath(),e.fill(),e.stroke()}}postrender(e){super.postrender(e)}onchangeData(e,t){super.onchangeData(e,t);var{NODEID:n,NODEMACHINE:r}=t.data||{},{NODEID:o,NODEMACHINE:s}=e.data||{};if(!(void 0===o||void 0===s||n===o&&r===s||this.lastWaypoint&&this.lastWaypoint.NodeId===o&&this.lastWaypoint.NodeMachine===s)){var l=a(this,o,s);if(l){var p=this.lastWaypoint?a(this,this.lastWaypoint.NodeId,this.lastWaypoint.NodeMachine):l;if(this.lastWaypoint={NodeId:o,NodeMachine:s},this.root.vehicleAnimation)this.trigger("waypoint",{from:p,to:l,duration:5e3});else{var d=p.center,c=l.center,{x:u,y:h}=p.transcoordS2T(d.x,d.y),{x:g,y:b}=l.transcoordS2T(c.x,c.y),v=Math.atan2(b-h,g-u)+Math.PI/2;this.location={x:g,y:b},this.setState("rotation",v)}}else i.warn("Node not found. NodeId: ".concat(o,", NodeMachine: ").concat(s))}}}},67680:(e,t,n)=>{n.d(t,{A:()=>i});var r=n(71627),o=n(1884);class i extends o.A{static get properties(){return o.A.properties}get status(){var e;return null===(e=this.data)||void 0===e?void 0:e.STATUS}getLegendFallback(){return r.kM}}},67935:(e,t,n)=>{e.exports=n.p+"fmsim/68fa02818b287fa99811.png"},69255:(e,t,n)=>{n.d(t,{N:()=>l});var r,o=n(13777),i=n(201);function a(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function s(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function s(e){a(i,r,o,s,l,"next",e)}function l(e){a(i,r,o,s,l,"throw",e)}s(void 0)}))}}class l{subscribe(e,t){return s((function*(){return yield(0,i.B1)({query:(0,o.Ay)(r||(a=['\n                  subscription {\n                    data(tag: "','") {\n                      tag\n                      data\n                    }\n                  }\n                '],l||(l=a.slice(0)),r=Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(l)}}))),e)},{next:(n=s((function*(e){var{data:n}=e;n&&(t.data=n.data.data)})),function(e){return n.apply(this,arguments)})});var n,a,l}))()}dispose(){}}},69903:(e,t,n)=>{var r=n(74413),o=n(29911),i=r.Component.register("model-layer");Object.defineProperty(i.prototype,"nature",{get:function(){return{mutable:!1,rotatable:!1,resizable:!0,properties:[{type:"boolean",label:"vehicle-animation",name:"vehicleAnimation"},{type:"legend",label:"",name:"LEGENDS",property:{label:"LEGENDS"}},{type:"select",label:"equipment-legend-name",name:"equipmentLegendName",property:{options:o.Ur}},{type:"select",label:"buffer-legend-name",name:"bufferLegendName",property:{options:o.Ur}},{type:"select",label:"agvline-legend-name",name:"agvlineLegendName",property:{options:o.Ur}},{type:"select",label:"ohtline-legend-name",name:"ohtlineLegendName",property:{options:o.Ur}},{type:"select",label:"conveyor-legend-name",name:"conveyorLegendName",property:{options:o.Ur}},{type:"select",label:"stoker-legend-name",name:"stokerLegendName",property:{options:o.Ur}},{type:"select",label:"port-legend-name",name:"portLegendName",property:{options:o.Ur}},{type:"select",label:"agv-legend-name",name:"agvLegendName",property:{options:o.Ur}},{type:"select",label:"oht-legend-name",name:"ohtLegendName",property:{options:o.Ur}},{type:"select",label:"shuttle-legend-name",name:"shuttleLegendName",property:{options:o.Ur}},{type:"select",label:"crane-legend-name",name:"craneLegendName",property:{options:o.Ur}},{type:"select",label:"port-legend-name",name:"portLegendName",property:{options:o.Ur}},{type:"select",label:"shelf-legend-name",name:"shelfLegendName",property:{options:o.Ur}},{type:"select",label:"carrier-legend-name",name:"carrierLegendName",property:{options:o.Ur}},{type:"select",label:"carrier-animation-name",name:"carrierAnimationName",property:{options:o.Hy}},{type:"select",label:"stocker-capacity-legend-name",name:"stockerCapacityLegendName",property:{options:o.Xc}},{type:"select",label:"zone-capacity-legend-name",name:"zoneCapacityLegendName",property:{options:o.Xc}},{type:"select",label:"battery-rate-legend-name",name:"batteryRateLegendName",property:{options:o.Xc}}],"value-property":"text"}}}),Object.defineProperty(r.RootContainer.prototype,"equipmentLegendTheme",{get:function(){var{equipmentLegendName:e}=this.rootModel.state;return e&&this.state.style[e]}}),Object.defineProperty(r.RootContainer.prototype,"bufferLegendTheme",{get:function(){var{bufferLegendName:e}=this.rootModel.state;return e&&this.state.style[e]}}),Object.defineProperty(r.RootContainer.prototype,"agvlineLegendTheme",{get:function(){var{agvlineLegendName:e}=this.rootModel.state;return e&&this.state.style[e]}}),Object.defineProperty(r.RootContainer.prototype,"ohtlineLegendTheme",{get:function(){var{ohtlineLegendName:e}=this.rootModel.state;return e&&this.state.style[e]}}),Object.defineProperty(r.RootContainer.prototype,"conveyorLegendTheme",{get:function(){var{conveyorLegendName:e}=this.rootModel.state;return e&&this.state.style[e]}}),Object.defineProperty(r.RootContainer.prototype,"stokerLegendTheme",{get:function(){var{stokerLegendName:e}=this.rootModel.state;return e&&this.state.style[e]}}),Object.defineProperty(r.RootContainer.prototype,"agvLegendTheme",{get:function(){var{agvLegendName:e}=this.rootModel.state;return e&&this.state.style[e]}}),Object.defineProperty(r.RootContainer.prototype,"ohtLegendTheme",{get:function(){var{ohtLegendName:e}=this.rootModel.state;return e&&this.state.style[e]}}),Object.defineProperty(r.RootContainer.prototype,"shuttleLegendTheme",{get:function(){var{shuttleLegendName:e}=this.rootModel.state;return e&&this.state.style[e]}}),Object.defineProperty(r.RootContainer.prototype,"craneLegendTheme",{get:function(){var{craneLegendName:e}=this.rootModel.state;return e&&this.state.style[e]}}),Object.defineProperty(r.RootContainer.prototype,"shelfLegendTheme",{get:function(){var{shelfLegendName:e}=this.rootModel.state;return e&&this.state.style[e]}}),Object.defineProperty(r.RootContainer.prototype,"portLegendTheme",{get:function(){var{portLegendName:e}=this.rootModel.state;return e&&this.state.style[e]}}),Object.defineProperty(r.RootContainer.prototype,"carrierLegendTheme",{get:function(){var{carrierLegendName:e}=this.rootModel.state;return e&&this.state.style[e]}}),Object.defineProperty(r.RootContainer.prototype,"carrierAnimationTheme",{get:function(){var{carrierAnimationName:e}=this.rootModel.state;return e&&this.state.style[e]}}),Object.defineProperty(r.RootContainer.prototype,"stockerCapacityLegendTheme",{get:function(){var{stockerCapacityLegendName:e}=this.rootModel.state;return e&&this.state.style[e]}}),Object.defineProperty(r.RootContainer.prototype,"zoneCapacityLegendTheme",{get:function(){var{zoneCapacityLegendName:e}=this.rootModel.state;return e&&this.state.style[e]}}),Object.defineProperty(r.RootContainer.prototype,"batteryRateLegendTheme",{get:function(){var{batteryRateLegendName:e}=this.rootModel.state;return e&&this.state.style[e]}}),Object.defineProperty(r.RootContainer.prototype,"vehicleAnimation",{get:function(){var{vehicleAnimation:e}=this.rootModel.state;return!!e}})},71292:(e,t,n)=>{var r=n(74413),o=n(65829),i={mutable:!1,resizable:!0,rotatable:!0,properties:[...o.A.properties]};class a extends o.A{static get nature(){return i}get auxColor(){return"black"}getLegendFallback(){return this.root.ohtLegendTheme||super.getLegendFallback()}render(e){var{left:t,top:n,width:r,height:o}=this.bounds;e.translate(t,n),e.beginPath(),e.strokeStyle=this.auxColor,e.fillStyle=this.statusColor,e.lineWidth=1,e.lineCap="round",e.setLineDash([]),e.rect(0,0,r,o),e.rect(2,2,r-4,o-4),e.fill(),e.stroke(),e.beginPath(),e.lineCap="butt",e.strokeStyle="black",e.lineWidth=3,e.moveTo(r/2,4),e.lineTo(r/2,o-4),e.stroke(),e.translate(-t,-n)}}r.Component.register("OHT",a)},71627:(e,t,n)=>{n.d(t,{$J:()=>l,Hy:()=>a,_Y:()=>r,be:()=>s,kM:()=>o,lT:()=>i,tL:()=>p});var r={default:"#F0F0F0"},o={1e3:"#707070",1001:"#8BDA5B",1002:"#EB3245",1003:"#5630D0",1004:"#FFFFFF",1005:"#404040",1006:"#F4F226",1007:"#FD9B00",1008:"#4AA7FE",default:"#F0F0F0"},i={4e3:"#EB3245",4001:"#8BDA5B",4006:"#FD9B00",4007:"#32D1C4",4008:"#9790EC",4009:"#4AA7FE",4010:"#404040",default:"#F0F0F0"},a={2e3:"#FD9B00",2001:"#404040",2002:"#8BDA5B",2003:"#FFFFFF",2004:"#32D1C4",2005:"#4AA7FE",2006:"#EB3245",default:"#F0F0F0"},s={FULL:"#4AA7FE",EMPTY:"#8BDA5B",EMPTYEMPTY:"#019D59",default:"#F0F0F0"},l={"0~20":"#5630D0","20~80":"#8BDA5B","80~100":"#FD9B00",default:"#F0F0F0"},p={"0~20":"#EB3245","20~40":"#FD9B00","40~60":"#F4F226","60~100":"#8BDA5B",default:"#F0F0F0"}},75576:(e,t,n)=>{n.d(t,{vR:()=>s});var r,o=n(201),i=n(13777);function a(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function s(){return l.apply(this,arguments)}function l(){return e=function*(){var e,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(yield o.Sn.query({query:(0,i.Ay)(r||(e=["\n      {\n        favoriteBoards(",") {\n          items {\n            id\n            name\n            description\n            thumbnail\n            createdAt\n            updatedAt\n          }\n          total\n        }\n      }\n    "],t||(t=e.slice(0)),r=Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))),(0,o.CH)(n))})).data},l=function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function s(e){a(i,r,o,s,l,"next",e)}function l(e){a(i,r,o,s,l,"throw",e)}s(void 0)}))},l.apply(this,arguments);var e}},77028:(e,t,n)=>{n(93900)},77359:(e,t,n)=>{n.d(t,{A:()=>i,f:()=>a});var r=n(29911),o=n(71627),i=[{type:"select",label:"legend-name",name:"legendName",property:{options:r.Ur}}];function a(e){return class extends e{isLVComponent(){return!0}get status(){}get auxStatus(){}get legend(){return o._Y}get auxLegend(){return o._Y}get statusColor(){var e=this.status,t=this.legend;return e&&t&&(t[e]||t[e]||t.default)||(null==t?void 0:t.default)||"#F0F0F0"}get auxColor(){var e=this.auxStatus,t=this.auxLegend;return e&&t&&(t[e]||t[e]||t.default)||(null==t?void 0:t.default)}}}},77573:(e,t,n)=>{e.exports=n.p+"fmsim/1c87fca98c310ec5970c.svg"},78817:(e,t,n)=>{n.d(t,{NJ:()=>i,Pr:()=>s,WD:()=>a,_y:()=>l,jz:()=>o});var r=n(93900);function o(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.px)((0,r.MM)()+"/fetchBoardList","post",null,e)}function i(e){return e.model=JSON.stringify(e.model),(0,r.px)((0,r.MM)()+"/createBoard","post",null,e)}function a(e){return(0,r.px)((0,r.MM)()+"/deleteBoard/"+e,"delete",null,null)}function s(e){return(0,r.px)((0,r.MM)()+"/fetchBoardById/"+e,"get",null,null)}function l(e,t){return t||(e.model=JSON.stringify(e.model)),(0,r.px)((0,r.MM)()+"/updateBoard","put",null,e)}},80791:(e,t,n)=>{var r=n(74413),o=n(29911),i=n(65829),a=n(92780),s=n(71627),l={mutable:!1,resizable:!0,rotatable:!0,properties:[...i.A.properties,{type:"select",label:"battery-rate-legend-name",name:"batteryRateLegendName",property:{options:o.Xc}}]};class p extends i.A{static get nature(){return l}get auxColor(){return"black"}getLegendFallback(){return this.root.agvLegendTheme||super.getLegendFallback()}getBatteryLegendFallback(){return this.root.batteryRateLegendTheme||s.tL}getBatteryLegendTheme(){var e,t,{batteryRateLegendName:n}=this.state;if(n)return null===(t=null===(e=this.root)||void 0===e?void 0:e.style)||void 0===t?void 0:t[n]}getBatteryColor(e){return(0,a.v)(e,this.getBatteryLegendTheme()||this.getBatteryLegendFallback())}render(e){var{left:t,top:n,width:r,height:o}=this.bounds;e.translate(t,n),e.beginPath();var i=Math.min(r,o)/100,a=Math.max(.5,i);e.strokeStyle=this.auxColor,e.fillStyle=this.statusColor,e.lineWidth=a,e.lineCap="round",e.setLineDash([]),e.rect(1,0,r-2,o),e.rect(3,2,r-6,o-4),e.fill(),e.stroke(),e.beginPath(),e.strokeStyle="black",e.moveTo(0,1*o/3),e.lineTo(0,2*o/3),e.moveTo(r,1*o/3),e.lineTo(r,2*o/3),e.stroke(),e.translate(-t,-n)}drawHatchPattern(e,t,n,r,o){var i=Math.max(4,Math.min(r,o)/5),a=Math.min(i,16),s=Math.min(r,o)/130,l=Math.max(.35,s);e.beginPath(),e.strokeStyle="black",e.lineWidth=l,e.save(),e.rect(t,n,r,o),e.clip();for(var p=-o;p<r+o;p+=a)e.moveTo(t+p,n),e.lineTo(t+p-o,n+o);e.stroke(),e.restore()}postrender(e){var t;super.postrender(e);var n=null===(t=this.data)||void 0===t?void 0:t.BATTERYRATE;if("number"==typeof n){var{left:r,top:o,width:i,height:a}=this.bounds;e.translate(r,o);var s=a/5,l=3*i/4,p=Math.max(2,s),d=Math.max(4,l),c=(i-d)/2,u=1.1*(a-p),h=Math.min(i,a)/100,g=Math.max(.5,h);e.fillStyle="white",e.fillRect(c,u,d,p),this.drawHatchPattern(e,c,u,d,p);var b=d*n/100;e.fillStyle=this.getBatteryColor(n),e.fillRect(c,u,b,p),e.beginPath(),e.strokeStyle="black",e.lineWidth=g,e.strokeRect(c,u,d,p),e.font="4px Roboto, Arial, sans-serif",e.fillStyle="black",e.textAlign="center",e.textBaseline="middle";var v="".concat(Math.round(n),"%"),m=c+d/2,f=a;e.fillText(v,m,f),e.translate(-r,-o)}}}r.Component.register("AGV",p)},83419:(e,t,n)=>{e.exports=n.p+"fmsim/556db371e2df3f29cea0.png"},84781:(e,t,n)=>{n.d(t,{gs:()=>r.A}),n(69903);var r=n(21722);n(1884),n(99175),n(58192),n(65829),n(67680),n(12448),n(36533),n(3171),n(23558),n(37823),n(98976),n(29737),n(3489),n(7947),n(15588),n(80791),n(71292),n(9536),n(96890),n(87392),n(31217),n(48529),n(92533),n(63905)},85337:(e,t,n)=>{var r,o,i,a=n(34117),s=(n(47640),n(59868),n(90988),n(63469),n(24379),n(91960),n(69241)),l=n(64604),p=n(11763),d=n(22314);function c(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function u(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var h=class extends s.WF{constructor(){super(...arguments),this.value=""}render(){return(0,s.qy)(r||(r=u(['\n      <input\n        id="text"\n        type="text"\n        .value=',"\n        @change=","\n      />\n\n      <mwc-icon @click=",">","</mwc-icon>\n    "])),this.value||"",(e=>this._onInputChanged(e)),(()=>this.openSelector()),this.getIconByCategory())}getIconByCategory(){var{category:e}=this.properties||{};switch(e){case"audio":return"library_music";case"video":return"video_library";case"image":return"image";default:return"attachment"}}_onInputChanged(e){this.value=e.target.value,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0}))}openSelector(){var e=this;this.popup&&delete this.popup,this.value;var{category:t="application"}=this.properties||{},n=(0,s.qy)(o||(o=u(["\n      <restful-attachment-selector\n        .creatable=","\n        .category=","\n        @attachment-selected=","\n      ></restful-attachment-selector>\n    "])),!0,t,function(){var t,n=(t=function*(t){var n=t.detail.attachment;e.value="$base_url".concat(n.download),e.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0})),e.popup&&e.popup.close()},function(){var e=this,n=arguments;return new Promise((function(r,o){var i=t.apply(e,n);function a(e){c(i,r,o,a,s,"next",e)}function s(e){c(i,r,o,a,s,"throw",e)}a(void 0)}))});return function(e){return n.apply(this,arguments)}}());this.popup=(0,l.PB)(n,{backdrop:!0,size:"large",title:d.MR.t("title.select attachment")})}};h.styles=[(0,s.AH)(i||(i=u(["\n      :host {\n        position: relative;\n        display: inline-block;\n      }\n\n      input[type='text'] {\n        box-sizing: border-box;\n        width: 100%;\n        height: 100%;\n        border: 1px solid rgba(0, 0, 0, 0.2);\n      }\n\n      mwc-icon {\n        position: absolute;\n        top: 0;\n        right: 3px;\n      }\n    "])))],(0,a.Cg)([(0,p.MZ)({type:String})],h.prototype,"value",void 0),(0,a.Cg)([(0,p.MZ)({type:Object})],h.prototype,"properties",void 0),h=(0,a.Cg)([(0,p.EM)("restful-input-attachment-selector")],h);var g,b,v=n(26486);function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function y(e,t,n){return(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function x(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var w,k,C,S,M=class extends v.eU{render(){var e=this.value||{};return(0,s.qy)(g||(g=x(['\n      <label> <ox-i18n msgid="label.image" auto="">image</ox-i18n> </label>\n\n      <restful-input-attachment-selector\n        value-key="image"\n        .value=',"\n        .properties=",'\n        custom-editor\n      ></restful-input-attachment-selector>\n\n      <label> <ox-i18n msgid="label.align" auto="">align</ox-i18n> </label>\n\n      <select value-key="align" class="select-content" .value=','>\n        <option value="left-top">Left Top</option>\n        <option value="top">Center Top</option>\n        <option value="right-top">Right Top</option>\n        <option value="left">Left Center</option>\n        <option value="center">Center Center</option>\n        <option value="right">Right Center</option>\n        <option value="left-bottom">Left Bottom</option>\n        <option value="bottom">Center Bottom</option>\n        <option value="right-bottom">Right Bottom</option>\n      </select>\n\n      <div class="grid-10">\n        <label> <ox-i18n msgid="label.offset-x" auto="">offsetX</ox-i18n> </label>\n        <input type="number" value-key="offsetX" .value=',' />\n\n        <label> <ox-i18n msgid="label.offset-y" auto="">offsetY</ox-i18n> </label>\n        <input type="number" value-key="offsetY" .value=',' />\n\n        <label> <ox-i18n msgid="label.width" auto="">width</ox-i18n> </label>\n        <input type="number" value-key="width" .value=',' />\n\n        <label> <ox-i18n msgid="label.height" auto="">height</ox-i18n> </label>\n        <input type="number" value-key="height" .value=',' />\n      </div>\n\n      <div class="grid-10">\n        <label class="icon-only-label color"></label>\n        <ox-input-color value-key="color" .value=','> </ox-input-color>\n      </div>\n\n      <div class="grid-10">\n        <input value-key="fitPattern" type="checkbox" .checked=',' required />\n        <label> <ox-i18n msgid="label.fit" auto="">fit</ox-i18n> </label>\n      </div>\n\n      <div class="grid-10">\n        <input value-key="noRepeat" type="checkbox" .checked=',' required />\n        <label> <ox-i18n msgid="label.no-repeat" auto="">no repeat</ox-i18n> </label>\n      </div>\n\n      <div class="grid-10">\n        <input value-key="guideOnly" type="checkbox" .checked=',' required />\n        <label> <ox-i18n msgid="label.guide-only" auto="">guide only</ox-i18n> </label>\n      </div>\n    '])),e.image,{category:"image"},e.align||"",String(e.offsetX),String(e.offsetY),String(e.width),String(e.height),e.color,!!e.fitPattern,!!e.noRepeat,!!e.guideOnly)}firstUpdated(){this.renderRoot.addEventListener("change",this._onChange.bind(this))}_onChange(e){var t=e.target,n=t.getAttribute("value-key"),r=t.value;"fitPattern"!==n&&"noRepeat"!==n&&"guideOnly"!=n||(r=t.checked),this.value=f(f({},this.value),{},{[n]:r}),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0}))}};function P(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function T(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}M.styles=(0,s.AH)(b||(b=x(["\n    :host,\n    .grid-10 {\n      display: grid;\n      grid-template-columns: repeat(10, 1fr);\n      grid-gap: 5px;\n      grid-auto-rows: minmax(24px, auto);\n\n      align-items: center;\n    }\n\n    * {\n      align-self: stretch;\n    }\n\n    label {\n      grid-column: span 2;\n      text-align: right;\n      text-transform: capitalize;\n\n      align-self: center;\n    }\n\n    .grid-10 {\n      grid-column: span 10;\n    }\n\n    select,\n    input,\n    [custom-editor] {\n      grid-column: span 8;\n    }\n\n    select {\n      height: 100%;\n      border: 1px solid rgba(0, 0, 0, 0.2);\n    }\n\n    input[type='checkbox'] {\n      grid-column: 3 / 4;\n      align-self: center;\n    }\n\n    input[type='checkbox'] ~ label {\n      grid-column: span 7;\n      text-align: left;\n    }\n\n    .grid-10 > input[type='number'] {\n      grid-column: span 3;\n      border: 1px solid rgba(0, 0, 0, 0.2);\n    }\n\n    .grid-10 > label {\n      grid-column: span 2;\n      text-align: right;\n    }\n\n    .grid-10 > .icon-only-label {\n      grid-column: span 2;\n\n      background: var(--url-icon-properties-label) no-repeat;\n      float: left;\n      margin: 0;\n      align-self: stretch;\n    }\n\n    .icon-only-label.color {\n      background-position: 100% -500px;\n    }\n\n    .grid-10 > ox-input-color {\n      grid-column: span 8;\n    }\n  "]))),(0,a.Cg)([(0,p.MZ)({type:Object})],M.prototype,"value",void 0),M=(0,a.Cg)([(0,p.EM)("restful-input-background-pattern")],M);var O=class extends v.eU{constructor(){super(...arguments),this.colorOnly=!1,this._block_reset=!1}updated(e){e.has("value")&&this._onChangedValue(this.value||{})}render(){return(0,s.qy)(w||(w=T(["\n      <div @change=",' fill-type>\n        <input\n          type="radio"\n          id="fill-type-no"\n          name="fill-type"\n          value="no"\n          .checked=','\n        />\n        <label for="fill-type-no"><ox-i18n msgid="label.no-fill">no fill</ox-i18n></label>\n        <input type="radio" id="fill-type-solid" name="fill-type" value="solid" .checked=',' />\n        <label for="fill-type-solid"><ox-i18n msgid="label.solid">solid</ox-i18n></label>\n        <input\n          type="radio"\n          id="fill-type-gradient"\n          name="fill-type"\n          value="gradient"\n          .checked=','\n        />\n\n        <label for="fill-type-gradient"><ox-i18n msgid="label.gradient">gradient</ox-i18n></label>\n\n        ',"\n      </div>\n\n      <div editors>\n        <div ?active=",'></div>\n\n        <div class="grid-10" ?active=','>\n          <label class="icon-only-label color"></label>\n          <ox-input-color @change='," .value=","> </ox-input-color>\n        </div>\n\n        <div ?active=",">\n          <ox-input-color-gradient @change="," .value=",">\n          </ox-input-color-gradient>\n        </div>\n\n        <div ?active=",">\n          <restful-input-background-pattern @change="," .value=",">\n          </restful-input-background-pattern>\n        </div>\n      </div>\n    "])),(e=>this._onChangedFillType(e)),!this.fillType||"no"==this.fillType,"solid"==this.fillType,"gradient"==this.fillType,this.colorOnly?(0,s.qy)(k||(k=T([""]))):(0,s.qy)(C||(C=T(['\n              <input\n                type="radio"\n                id="fill-type-pattern"\n                name="fill-type"\n                value="pattern"\n                .checked=','\n              />\n              <label for="fill-type-pattern"><ox-i18n msgid="label.pattern">pattern</ox-i18n></label>\n            '])),"pattern"==this.fillType),"no"==this.fillType,"solid"==this.fillType,(e=>this._onChangedSolid(e)),this.solid,"gradient"==this.fillType,(e=>this._onChandedGradient(e)),this.gradient,"pattern"==this.fillType,(e=>this._onChangedPattern(e)),this.pattern)}_onChangedValue(e){var t,n=this;return(t=function*(){if(yield n.requestUpdate(),!e)return n.fillType="no",n._block_reset||(n.solid=void 0,n.gradient=void 0,n.pattern=void 0),void(n._block_reset=!1);switch(typeof e){case"string":n.fillType="solid",n.solid=e,n._block_reset||(n.gradient=void 0,n.pattern=void 0);break;case"object":n.fillType=e.type,"gradient"===e.type?(n.gradient={type:e.gradientType||"linear",colorStops:e.colorStops||[{position:0,color:n.solid||"#000000"},{position:1,color:n.solid||"#FFFFFF"}],rotation:Number(e.rotation)||0,center:e.center},n._block_reset||(n.pattern=void 0,n.solid=void 0)):"pattern"===e.type&&(n.pattern={image:e.image,offsetX:Number(e.offsetX)||0,offsetY:Number(e.offsetY)||0,width:Number(e.width),height:Number(e.height),align:e.align,fitPattern:e.fitPattern,noRepeat:e.noRepeat,guideOnly:e.guideOnly,color:e.color},n._block_reset||(n.gradient=void 0,n.solid=void 0))}n._block_reset=!1},function(){var e=this,n=arguments;return new Promise((function(r,o){var i=t.apply(e,n);function a(e){P(i,r,o,a,s,"next",e)}function s(e){P(i,r,o,a,s,"throw",e)}a(void 0)}))})()}_onChangedFillType(e){var t=e.target;switch(this.fillType=t.value,this.fillType){case"gradient":this.gradient||(this.gradient={type:"linear",colorStops:[{position:0,color:this.solid||"#000000"},{position:1,color:this.solid||"#FFFFFF"}],rotation:0,center:"center"}),this.value={type:"gradient",gradientType:this.gradient.type||"linear",colorStops:this.gradient.colorStops||[{position:0,color:this.solid||"#000000"},{position:1,color:this.solid||"#FFFFFF"}],rotation:Number(this.gradient.rotation)||0,center:this.gradient.center};break;case"pattern":this.pattern||(this.pattern={}),this.value={type:"pattern",image:this.pattern.image,offsetX:Number(this.pattern.offsetX)||0,offsetY:Number(this.pattern.offsetY)||0,width:Number(this.pattern.width),height:Number(this.pattern.height),align:this.pattern.align,fitPattern:this.pattern.fitPattern,noRepeat:this.pattern.noRepeat,guideOnly:this.pattern.guideOnly,color:this.pattern.color};break;case"solid":this.solid||(this.solid="#fff"),this.value=this.solid;break;case"no":this.value=""}this._block_reset=!0,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0}))}_onChangedSolid(e){"solid"===this.fillType&&(this.solid=e.target.value,this.value=this.solid,this._block_reset=!0,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0})))}_onChandedGradient(e){"gradient"===this.fillType&&(this.gradient=e.target.value,this.value={type:"gradient",gradientType:this.gradient.type||"linear",colorStops:this.gradient.colorStops||[{position:0,color:this.solid||"#000000"},{position:1,color:this.solid||"#FFFFFF"}],rotation:Number(this.gradient.rotation)||0,center:this.gradient.center},this._block_reset=!0,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0})))}_onChangedPattern(e){var t,n,r,o,i,a,s,l,p,d;"pattern"===this.fillType&&(this.pattern=e.target.value,this.value={type:"pattern",image:null===(t=this.pattern)||void 0===t?void 0:t.image,offsetX:Number(null===(n=this.pattern)||void 0===n?void 0:n.offsetX)||0,offsetY:Number(null===(r=this.pattern)||void 0===r?void 0:r.offsetY)||0,width:Number(null===(o=this.pattern)||void 0===o?void 0:o.width),height:Number(null===(i=this.pattern)||void 0===i?void 0:i.height),align:null===(a=this.pattern)||void 0===a?void 0:a.align,fitPattern:null===(s=this.pattern)||void 0===s?void 0:s.fitPattern,noRepeat:null===(l=this.pattern)||void 0===l?void 0:l.noRepeat,guideOnly:null===(p=this.pattern)||void 0===p?void 0:p.guideOnly,color:null===(d=this.pattern)||void 0===d?void 0:d.color},this._block_reset=!0,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0})))}};O.styles=(0,s.AH)(S||(S=T(["\n    :host {\n      display: flex;\n      flex-direction: column;\n    }\n\n    [fill-type] {\n      display: flex;\n      margin: 0 0 14px 0;\n    }\n\n    [fill-type] * {\n      flex: auto;\n      margin: 0;\n      text-align: left;\n      align-self: center;\n    }\n\n    .grid-10 {\n      display: grid;\n\n      grid-template-columns: repeat(10, 1fr);\n      grid-gap: 5px;\n      grid-auto-rows: minmax(24px, auto);\n    }\n\n    .grid-10 > ox-input-color {\n      grid-column: span 4;\n    }\n\n    .grid-10 > .icon-only-label {\n      grid-column: span 1;\n\n      background: var(--url-icon-properties-label) no-repeat;\n      float: left;\n      margin: 0;\n    }\n\n    .icon-only-label.color {\n      background-position: 100% -500px;\n    }\n\n    [editors] > :not([active]) {\n      display: none;\n    }\n  "]))),(0,a.Cg)([(0,p.MZ)({type:Object})],O.prototype,"value",void 0),(0,a.Cg)([(0,p.MZ)({type:String})],O.prototype,"fillType",void 0),(0,a.Cg)([(0,p.MZ)({type:String})],O.prototype,"solid",void 0),(0,a.Cg)([(0,p.MZ)({type:Object})],O.prototype,"gradient",void 0),(0,a.Cg)([(0,p.MZ)({type:Object})],O.prototype,"pattern",void 0),(0,a.Cg)([(0,p.MZ)({type:Boolean,attribute:"color-only"})],O.prototype,"colorOnly",void 0),O=(0,a.Cg)([(0,p.EM)("restful-input-fill-style")],O)},87140:(e,t,n)=>{n.d(t,{$D:()=>a,Hy:()=>h,Ur:()=>p,Xc:()=>c,_D:()=>s,l_:()=>l});var r=n(93900);function o(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function i(e){return function(){var t=this,n=arguments;return new Promise((function(r,i){var a=e.apply(t,n);function s(e){o(a,r,i,s,l,"next",e)}function l(e){o(a,r,i,s,l,"throw",e)}s(void 0)}))}}function a(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.px)((0,r.MM)()+"/getThemes","post",null,e)}function s(e){return(0,r.px)((0,r.MM)()+"/updateThemes","post",null,e)}function l(e){return(0,r.px)((0,r.MM)()+"/deleteThemeByName","post",null,{names:e})}function p(){return d.apply(this,arguments)}function d(){return(d=i((function*(){var e,t=null===(e=yield a())||void 0===e?void 0:e.data;t&&t.status||document.dispatchEvent(new CustomEvent("notify",{detail:{level:"info",message:"Fetch ColorMap List Error!"}}));var n=(t&&t.themeList.items||[]).filter((e=>e.active&&"color-map"==e.type)).map((e=>e.name)).sort();return[""].concat(n)}))).apply(this,arguments)}function c(){return u.apply(this,arguments)}function u(){return(u=i((function*(){var e,t=null===(e=yield a())||void 0===e?void 0:e.data;t&&t.status||document.dispatchEvent(new CustomEvent("notify",{detail:{level:"info",message:"Fetch ColorRanges List Error!"}}));var n=(t&&t.themeList.items||[]).filter((e=>e.active&&"color-ranges"==e.type)).map((e=>e.name)).sort();return[""].concat(n)}))).apply(this,arguments)}function h(){return g.apply(this,arguments)}function g(){return(g=i((function*(){var e,t=null===(e=yield a())||void 0===e?void 0:e.data;t&&t.status||document.dispatchEvent(new CustomEvent("notify",{detail:{level:"info",message:"Fetch AnimationMap List Error!"}}));var n=(t&&t.themeList.items||[]).filter((e=>e.active&&"animation-map"==e.type)).map((e=>e.name)).sort();return[""].concat(n)}))).apply(this,arguments)}},87392:(e,t,n)=>{var r=n(74413),o=n(65829),i={mutable:!1,resizable:!0,rotatable:!0,properties:[...o.A.properties]};class a extends o.A{static get nature(){return i}get auxColor(){return"black"}getLegendFallback(){return this.root.craneLegendTheme||super.getLegendFallback()}render(e){var{left:t,top:n,width:r,height:o}=this.bounds,{x:i,y:a}=this.center,s=r/2,l=o/2,p=.5*Math.min(s,l);e.translate(t,n),e.beginPath(),e.strokeStyle=this.auxColor,e.fillStyle=this.statusColor,e.lineWidth=1,e.lineCap="round",e.setLineDash([]);var d=Math.round(.1*Math.min(r,o));e.roundRect(1,0,r-2,o,d),e.roundRect(3,2,r-6,o-4,d-1),e.fill(),e.stroke(),e.beginPath(),e.arc(i-t,a-n,p,0,2*Math.PI),e.stroke(),e.beginPath(),e.roundRect(r/2-2*p/4-p/8,o/2-6*p/5,p/4,6*p/5,1),e.roundRect(r/2+2*p/4-p/8,o/2-6*p/5,p/4,6*p/5,1),e.fill(),e.stroke(),e.beginPath(),e.strokeStyle="black",e.lineWidth=3,e.lineCap="butt",e.moveTo(6,o/2),e.lineTo(r-6,o/2),e.stroke(),e.translate(-t,-n)}}r.Component.register("Crane",a)},87404:(e,t,n)=>{e.exports=n.p+"fmsim/bc2a91c367660e03021d.png"},90768:(e,t,n)=>{e.exports=n.p+"fmsim/42f68698eba5b2eda67e.svg"},91568:(e,t,n)=>{n.d(t,{X:()=>ne});var r=n(34117),o=(n(92443),n(24379),n(98672)),i=n(74413);function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(e,t,n){return(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var l={NORMAL:["#00B05033","#00B050"],DELAY:["#FF000033","#FF0000"],ALTER:["#76717133","#767171"],WARN:["#AAAA0033","#AAAA00"]},p=Math.sqrt(3),d=2;class c extends i.Layer{constructor(){super(...arguments),this.drawInstructionHandler=e=>{this.data=e.detail},this.clickComponentHandler=e=>{var t=e.detail,{type:n}=t.state;"model-layer"!=n||(this.data=[])},this.onchangeTarget=(e,t)=>{this.invalidate()},this.monitoringTargets=[]}ready(){this.drawInstructionHandler=(e=>{this.data=e.detail}).bind(this),window.addEventListener("drawInstruction",this.drawInstructionHandler),window.addEventListener("clickComponent",this.clickComponentHandler)}dispose(){window.removeEventListener("drawInstruction",this.drawInstructionHandler),window.removeEventListener("clickComponent",this.clickComponentHandler),this.clearMonitoringTargets(),super.dispose&&super.dispose()}get pointerEvents(){return"none"}get capturable(){return!1}drawArrow(e,t,n,r,i,p,c){var{begin:b="none",end:v="arrow",lineWidth:m=d,strokeStyle:f}=c||{};if(f&&!Array.isArray(f))e.strokeStyle=f,e.fillStyle=f;else{var y=e.createLinearGradient(t.x,t.y,n.x,n.y);(f||l[i]||[]).forEach(((e,t)=>y.addColorStop(t,e))),e.strokeStyle=y,e.fillStyle=y}!function(e,t,n){var{lineWidth:r=d,lineCap:i,alpha:a=1,begin:s="none",end:l="arrow",beginSize:p="size2",endSize:c="size2"}=n||{};if(("none"!=s||"none"!=l)&&(r=Number(r)||d,(0,o.A)(i)||(e.lineCap=i),(0,o.A)(r)||(e.lineWidth=r),(0,o.A)(a)||(e.globalAlpha*=a),"none"!=s&&h(e,t[0],t[1],r,s,g(p,r)),"none"!=l)){var u=t.length;h(e,t[u-1],t[u-2],r,l,g(c,r))}}(e,[t,n],c),e.stroke(),e.fill(),e.beginPath();var x=u(b,m,t,n),w=u(v,m,n,t);if(e.moveTo(x.x,x.y),e.lineTo(w.x,w.y),function(e,t){var{lineDash:n="solid",lineWidth:r=2,lineCap:i,lineJoin:a,alpha:s}=t||{};i&&(e.lineCap=i);var l=[0,0];if(l){var p="round"==i;switch(n){case"solid":l=[0,0];break;case"round-dot":l=p?[0,2*r]:[r,r];break;case"square-dot":l=p?[r,2*r]:[2*r,r];break;case"dash":l=p?[3*r,2.5*r]:[4*r,1.5*r];break;case"dash-dot":l=p?[3*r,3*r,0,3*r]:[4*r,2*r,r,2*r];break;case"long-dash":l=p?[5*r,4*r]:[6*r,3*r];break;case"long-dash-dot":l=p?[5*r,3*r,0,3*r]:[6*r,2*r,r,2*r];break;case"long-dash-dot-dot":l=p?[5*r,2*r,0,2*r,0,2*r]:[6*r,r,r,r,r,r]}e.setLineDash(l)}(0,o.A)(s)||(e.globalAlpha*=s),(0,o.A)(a)||(e.lineJoin=a),e.stroke()}(e,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({lineDash:"COMMAND"==r?"dash":"solid"},c)),e.beginPath(),e.setLineDash([]),p){e.font="bold ".concat(14,"px ").concat("Arial");var k=e.measureText(p).width,[C,S]=[(t.x+n.x)/2-k/2,(t.y+n.y)/2];e.fillRect(C-3,S-7-2,k+6,18),e.fillStyle="white",e.fillText(p,C,S+7-1)}}findSourceAndTarget(e){var t,n,r=this.root;for(var o of[e.srcUnit,e.srcZone,e.srcMachine].filter(Boolean))if(t=r.findById(o))break;for(var i of[e.dstUnit,e.dstZone,e.dstMachine].filter(Boolean))if(n=r.findById(i))break;return[t,n]}clearMonitoringTargets(){this.monitoringTargets.forEach((e=>{e.off("change",this.onchangeTarget)})),this.monitoringTargets=[]}addMonitoringTarget(e){e.forEach((e=>{this.monitoringTargets.includes(e)||(this.monitoringTargets.push(e),e.on("change",this.onchangeTarget))}))}render(e){var t=this.root,n=this.data instanceof Array?this.data:this.data&&"object"==typeof this.data?[this.data]:[];this.clearMonitoringTargets(),e.save(),n.forEach((n=>{var[r,o]=this.findSourceAndTarget(n);if(r&&o){this.addMonitoringTarget([r,o]);var[i,a]=[r.center,o.center],[s,l]=[r.transcoordS2C(i.x,i.y,t),o.transcoordS2C(a.x,a.y,t)];e.beginPath(),this.drawArrow(e,s,l,n.pathType,n.status,n.label||(Number(n.transportCnt||0)>1?String(n.transportCnt):""),n.styles),e.stroke()}})),e.restore()}get eventMap(){return{"model-layer":{"(self)":{change:this.onchangeModelLayer}}}}onchangeModelLayer(e,t,n){(e.scale||e.translate)&&this.invalidate()}onchangeData(e,t){this.invalidate()}}function u(e,t,n,r){if("arrow"!=e.slice(-5))return n;var{x:o,y:i}=n,a=Math.atan2(r.y-n.y,r.x-n.x),s=1.5*t;return{x:n.x+Math.cos(a)*s,y:n.y+Math.sin(a)*s}}function h(e,t,n,r,o,i){var{x:a,y:s}=t,l=Math.atan2(n.y-s,n.x-a);switch(e.beginPath(),e.translate(a,s),e.rotate(l),o){case"oval":e.ellipse(0,0,i.X,i.Y,0,0,2*Math.PI),e.fill();break;case"diamond":e.moveTo(-i.X,0),e.lineTo(0,-i.Y),e.lineTo(i.X,0),e.lineTo(0,i.Y),e.fill();break;case"arrow":e.moveTo(0,0),e.lineTo(p*i.X,-i.Y),e.lineTo(p*i.X,i.Y),e.fill();break;case"sharp-arrow":e.moveTo(0,0),e.lineTo(p*i.X,-i.Y),e.lineTo(-i.X/1.5+p*i.X,0),e.lineTo(p*i.X,i.Y),e.fill();break;case"open-arrow":e.moveTo(p*i.X+r,-i.Y),e.lineTo(r,0),e.lineTo(p*i.X+r,i.Y),e.stroke()}e.rotate(-l),e.translate(-a,-s),e.closePath()}function g(e,t){var n={X:1.5*t,Y:1.5*t};switch(t*=1.2,e){case"size1":n.X=t,n.Y=t;break;case"size2":n.X=1.5*t,n.Y=t;break;case"size3":n.X=2*t,n.Y=t;break;case"size4":n.X=t,n.Y=1.5*t;break;case"size5":default:n.X=1.5*t,n.Y=1.5*t;break;case"size6":n.X=2*t,n.Y=1.5*t;break;case"size7":n.X=t,n.Y=2*t;break;case"size8":n.X=1.5*t,n.Y=2*t;break;case"size9":n.X=2*t,n.Y=2*t}return n}i.Component.register("movement-layer",c),n(6837),n(7013),n(79254),n(10169);var b,v,m,f,y,x,w,k,C,S,M,P=n(69241),T=n(11763),O=n(72644),A=n(22314),_=n(70661);function E(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function j(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var z=class extends P.WF{constructor(){super(...arguments),this.collapsed=!1,this.loading=!1,this.dragEndHandler=this.onDragEnd.bind(this),this.dragMoveHandler=this.onDragMove.bind(this)}connectedCallback(){super.connectedCallback(),this.collapsed="true"==sessionStorage.getItem("ox-board-component-info-collapsed"),document.addEventListener("mouseup",this.dragEndHandler),document.addEventListener("mousemove",this.dragMoveHandler)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mouseup",this.dragEndHandler),document.removeEventListener("mousemove",this.dragMoveHandler)}render(){var e,{state:t,data:n}=this.component||{},{id:r,type:o}=t||{},i=this.detailInfo||n,a=i&&Object.entries(i).filter((e=>{var[t,n]=e;return"ID"!=t})),s=(null===(e=this.component)||void 0===e?void 0:e.isIdentifiable())||!1;return(0,P.qy)(b||(b=j(["\n      <div header @mousedown=",' draggable="false">\n        <mwc-icon @click='," collapsed\n          >","</mwc-icon\n        >\n        &nbsp;Object Information\n        <mwc-icon @click="," close>close</mwc-icon>\n      </div>\n      ","\n\n      <div content @wheel=",">\n        <table>\n          ","\n          ","\n        </table>\n      </div>\n    "])),this.onDragStart.bind(this),(()=>this.collapsed=!this.collapsed),this.collapsed?"expand_more":"expand_less",(e=>this.dispatchEvent(new CustomEvent("close"))),this.loading?(0,P.qy)(v||(v=j(["<div>\n            <mwc-linear-progress indeterminate></mwc-linear-progress>\n          </div>"]))):P.s6,(e=>this.onWheel(e)),s?(0,P.qy)(m||(m=j(["\n                <tr>\n                  <td subTh>\n                    <div\n                      location\n                      @click=","\n                    >\n                      ",'&nbsp;<mwc-icon style="color:red;">location_on</mwc-icon>\n                    </div>\n                  </td>\n                  <td>',"</td>\n                </tr>\n                <tr>\n                  <td subTh>\n                    ","","\n                  </td>\n                  <td>","</td>\n                </tr>\n              "])),(e=>{var t;return this.component.trigger("deco-border",{distance:8,lineWidth:4,color:"#f007"}),null===(t=this.component.rootModel)||void 0===t||t.centerTo(this.component,!0),!1}),A.MR.t("label.id"),r,A.MR.t("label.type"),s?(0,P.qy)(y||(y=j([""]))):(0,P.qy)(f||(f=j(['&nbsp;<mwc-icon style="color:red;">location_on</mwc-icon>']))),o):(0,P.qy)(x||(x=j(["\n                <tr>\n                  <td subTh>\n                    <div\n                      location\n                      @click=","\n                    >\n                      ","","\n                    </div>\n                  </td>\n                  <td>","</td>\n                </tr>\n              "])),(e=>{var t;return this.component.trigger("deco-border",{distance:8,lineWidth:4,color:"#f007"}),null===(t=this.component.rootModel)||void 0===t||t.centerTo(this.component,!0),!1}),A.MR.t("label.type"),s?(0,P.qy)(k||(k=j([""]))):(0,P.qy)(w||(w=j(["&nbsp;<mwc-icon>location_on</mwc-icon>"]))),o),this.collapsed||!a||this.loading?P.s6:(0,P.qy)(C||(C=j(['\n                <tr>\n                  <td split colspan="2">Details</td>\n                </tr>\n\n                ',"\n              "])),a.map((e=>{var[t,n]=e;return(0,P.qy)(S||(S=j(["\n                    <tr>\n                      <td subTh>","</td>\n                      <td>","</td>\n                    </tr>\n                  "])),t,n)}))))}updated(e){var t,n=this;return(t=function*(){if(e.has("component")&&(n.detailInfo=null,"detailInfo"in n.component))try{n.loading=!0,n.detailInfo=yield n.component.detailInfo()}catch(e){_.error("failed to get detail information")}finally{n.loading=!1}e.has("collapsed")&&sessionStorage.setItem("ox-board-component-info-collapsed",n.collapsed?"true":"false")},function(){var e=this,n=arguments;return new Promise((function(r,o){var i=t.apply(e,n);function a(e){E(i,r,o,a,s,"next",e)}function s(e){E(i,r,o,a,s,"throw",e)}a(void 0)}))})()}onWheel(e){var t=e.currentTarget;t.querySelector("table").offsetHeight>t.offsetHeight?t.scrollTop+=e.deltaY:t.scrollLeft+=e.deltaY}onDragStart(e){return e.stopPropagation(),0==e.button&&(this.dragStart={x:e.clientX,y:e.clientY}),!1}onDragMove(e){if(!this.dragStart)return!1;e.stopPropagation(),e.preventDefault();var t=e.clientX,n=e.clientY,r={x:t,y:n};return t-=this.dragStart.x,n-=this.dragStart.y,this.dragStart=r,this.style.left=Math.min(this.parentElement.offsetWidth-this.offsetWidth,Math.max(0,this.offsetLeft+t))+"px",this.style.top=Math.min(this.parentElement.offsetHeight-this.offsetHeight,Math.max(0,this.offsetTop+n))+"px",!1}onDragEnd(e){this.dragStart&&(e.stopPropagation(),e.preventDefault(),delete this.dragStart)}};function L(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?L(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function R(e,t,n){return(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(e,t,n){var r=n.parentObject;return n.getState("id")?(window.dispatchEvent(new CustomEvent("fetchLvModelDataByMouseEvent",{detail:{value:{type:e,event:t,model:I(I({},n.state),{},{parentObject:r?{id:r.get("id"),type:r.get("type")}:null}),data:n.data}}})),r||n):r&&r.getState("id")?(window.dispatchEvent(new CustomEvent("fetchLvModelDataByMouseEvent",{detail:{value:{type:e,event:t,model:r.state,data:r.data}}})),r):void 0}z.styles=[O.bi,(0,P.AH)(M||(M=j(["\n      :host {\n        background-color: white;\n        font-size: 12px;\n        box-sizing: border-box;\n        display: flex;\n        flex-direction: column;\n        border: 2px solid var(--primary-color);\n        border-radius: 3px;\n\n        --mdc-icon-size: 12px;\n      }\n\n      [header] {\n        background-color: var(--primary-color);\n        user-select: none;\n        align-items: center;\n        color: #eee;\n        padding: 0 2px;\n\n        display: flex;\n      }\n\n      mwc-icon {\n        --mdc-icon-size: 14px;\n\n        color: #555;\n        align-self: center;\n        padding: 0 2px;\n      }\n\n      [header] mwc-icon[close] {\n        margin-left: auto;\n      }\n\n      [content] {\n        overflow: auto;\n      }\n\n      table {\n        border-collapse: collapse;\n        background-color: #fff;\n        width: 100%;\n        margin: auto;\n      }\n\n      tr {\n        border-bottom: var(--border-dark-color);\n      }\n\n      td {\n        padding: var(--padding-narrow);\n        border-right: var(--border-dark-color);\n        font-size: 0.8em;\n      }\n\n      [subTh] {\n        text-align: center !important;\n        font-weight: bold;\n        width: 60px;\n        text-transform: capitalize;\n        background-color: rgba(0, 0, 0, 0.05);\n      }\n\n      [split] {\n        height: 10px;\n        color: #eee;\n        background-color: var(--primary-color);\n        font-size: 0.8em;\n        padding: 0;\n        text-align: center;\n      }\n\n      [location] {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n      }\n\n      mwc-linear-progress {\n        --mdc-theme-primary: red;\n        --mdc-linear-progress-buffer-color: #ed788d;\n      }\n    "])))],(0,r.Cg)([(0,T.MZ)({type:Object})],z.prototype,"component",void 0),(0,r.Cg)([(0,T.wk)()],z.prototype,"detailInfo",void 0),(0,r.Cg)([(0,T.wk)()],z.prototype,"collapsed",void 0),(0,r.Cg)([(0,T.wk)()],z.prototype,"loading",void 0),z=(0,r.Cg)([(0,T.EM)("ox-board-component-info")],z),i.EventMap.register("mcs-event-handler",{"model-layer":{"(all)":{click:function(e,t){var n=t.origin;e.stopPropagation(),setTimeout((()=>{if("dblclick"!==n.currentEvent){var t=N("click",e,n);window.dispatchEvent(new CustomEvent("clickComponent",{detail:t||n}))}}),300)},dblclick:function(e,t){var n=t.origin;setTimeout((()=>{n.currentEvent=""}),500),e.stopPropagation(),n.currentEvent="dblclick",N("dblclick",e,n)}}}});var D,F,B,q,U,Z,W,H,V=n(58377),X=n(30442),G=n(29911),Y=n(70661);function K(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function J(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){$(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function $(e,t,n){return(t=function(e){var t=function(e){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Q(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function ee(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){Q(i,r,o,a,s,"next",e)}function s(e){Q(i,r,o,a,s,"throw",e)}a(void 0)}))}}function te(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var ne=class extends P.WF{constructor(){var e;super(...arguments),this.baseUrl="",this.board={},this.provider=null,this.hideFullscreen=!1,this.hideNavigation=!1,this._scene=null,this._forward=[],this._backward=[],this._oldtarget=null,this.currentBoardId=null===(e=this.board)||void 0===e?void 0:e.id,this.lastComponent=null,this.fetchIFactsDataHandler=e=>{var t,n,r=e.detail.value,o=null===(t=this._scene)||void 0===t?void 0:t.findAll("#".concat(r));o&&0!=o.length?(window.dispatchEvent(new CustomEvent("clickComponent",{detail:o[0]})),null===(n=this._scene)||void 0===n||n.centerTo(o[0],!0)):Y.log("No equipment was found.")},this.fmbShowMovementHandler=e=>{var t,n=e.detail.value,r=null===(t=this._scene)||void 0===t?void 0:t.findById("#movement-layer");r&&(r.data=n)},this.fmbMonitoringInitHandler=e=>{var t;null===(t=this._scene)||void 0===t||t.fit("ratio")},this.clickComponentHandler=e=>{var t,n,r=e.detail,{type:o}=r.state;if("model-layer"==o)return null===(t=this.lastComponent)||void 0===t||t.trigger("deco-border-off"),void this.hidePopup();"isLVComponent"in r&&(null===(n=this.lastComponent)||void 0===n||n.trigger("deco-border-off"),this.lastComponent=r,r.trigger("deco-border",{distance:8,lineWidth:4,color:"#f007"}),this.togglePopup(r))},this.fmbStartAnimation=e=>{var t,{target:n,animation:r,decorator:o,border:i,arrow:a}=e.detail||{},{id:s,type:l}=n||{};s&&(null===(t=this._scene)||void 0===t||t.findAllById(s).filter((e=>!l||e.getState("type")==l)).forEach((e=>{r&&(e.resetAnimation(),e.setState("animation",{oncreate:r}),e.started=!0),o&&(e.trigger("deco-icon-off"),e.trigger("deco-icon",o)),i&&(e.trigger("deco-border-off"),e.trigger("deco-border",i)),a&&(e.trigger("deco-arrow-off"),e.trigger("deco-arrow",a))})))},this.fmbStopAnimation=e=>{var t,{target:n}=e.detail||{},{id:r,type:o}=n||{};r&&(null===(t=this._scene)||void 0===t||t.findAllById(r).filter((e=>!o||e.getState("type")==o)).forEach((e=>{e.trigger("deco-off"),e.resetAnimation(),e.setState("animation",{oncreate:null})})))},this.fmbResetAnimation=()=>{var e;null===(e=this._scene)||void 0===e||e.root.trigger("deco-reset")}}render(){var e=(0,V.un)()||this.hideFullscreen?(0,P.qy)(F||(F=te([""]))):(0,P.qy)(D||(D=te(['\n            <mwc-fab\n              id="fullscreen"\n              .icon=',"\n              @click=","\n              @mouseover=","\n              @mouseout=",'\n              title="fullscreen"\n            ></mwc-fab>\n          '])),document.fullscreenElement?"fullscreen_exit":"fullscreen",(e=>this.onTapFullscreen()),(e=>this.transientShowButtons(!0)),(e=>this.transientShowButtons())),t=this.hideNavigation?(0,P.qy)(q||(q=te([""]))):(0,P.qy)(B||(B=te(['\n          <mwc-icon\n            id="prev"\n            @click=',"\n            @mouseover=","\n            @mouseout=","\n            hidden\n            >keyboard_arrow_left</mwc-icon\n          >\n        "])),(e=>this.onTapPrev()),(e=>this.transientShowButtons(!0)),(e=>this.transientShowButtons())),n=this.hideNavigation?(0,P.qy)(Z||(Z=te([""]))):(0,P.qy)(U||(U=te(['\n          <mwc-icon\n            id="next"\n            @click=',"\n            @mouseover=","\n            @mouseout=","\n            hidden\n            >keyboard_arrow_right</mwc-icon\n          >\n        "])),(e=>this.onTapNext()),(e=>this.transientShowButtons(!0)),(e=>this.transientShowButtons()));return(0,P.qy)(W||(W=te(["\n      ",'\n\n      <div\n        id="target"\n        @touchstart=',"\n        @mousemove=","\n      ></div>\n\n      <slot></slot>\n      "," ","\n    "])),t,(e=>this.transientShowButtons()),(e=>this.transientShowButtons()),n,e)}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",(()=>{this._scene&&this._scene.fit()})),this.renderRoot.addEventListener("close-scene",(e=>{e.preventDefault(),this.onTapPrev()}),!1),window.addEventListener("fetchIFactsData",this.fetchIFactsDataHandler),window.addEventListener("fmbShowMovement",this.fmbShowMovementHandler),window.addEventListener("fmbMonitoringInit",this.fmbMonitoringInitHandler),window.addEventListener("clickComponent",this.clickComponentHandler),window.addEventListener("fmbStartAnimation",this.fmbStartAnimation),window.addEventListener("fmbStopAnimation",this.fmbStopAnimation),window.addEventListener("fmbResetAnimation",this.fmbResetAnimation)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("fetchIFactsData",this.fetchIFactsDataHandler),window.removeEventListener("fmbShowMovement",this.fmbShowMovementHandler),window.removeEventListener("fmbMonitoringInit",this.fmbMonitoringInitHandler),window.removeEventListener("clickComponent",this.clickComponentHandler),window.removeEventListener("fmbStartAnimation",this.fmbStartAnimation),window.removeEventListener("fmbStopAnimation",this.fmbStopAnimation),window.removeEventListener("fmbResetAnimation",this.fmbResetAnimation),this.lastComponent=null,this.closeScene()}updated(e){e.has("board")&&(this.hidePopup(),this.closeScene(),this.board&&this.board.id&&(this.board.model?this.initScene():this.initSceneAsync())),e.has("data")&&this._scene&&this.data&&(this._scene.data=this.data),e.has("values")&&this._scene&&this.values&&(this._scene.values=this.values)}initSceneAsync(){var e=this;return ee((function*(){e.board&&e.board.id&&(e._scene=yield e.provider.create(e.board.id),e.setupScene({id:e.board.id,scene:e._scene}))}))()}initScene(){this.board&&this.board.id&&(this._scene=(0,i.create)({model:J({},this.board.model),style:this.board.style,mode:i.SCENE_MODE.VIEW,handlers:["mcs-event-handler","zoom-handler","shift-handler","waypoint-handler"],layers:[{type:"decorator-layer"},{type:"scroll-layer"},{type:"movement-layer",id:"movement-layer"}],refProvider:this.provider,dataStorage:"preview"!==this.board.id?new X.G(this.board.id):void 0,dataSubscriptionProvider:(0,G.J0)()?void 0:new G.Nl}),this.baseUrl&&(this._scene.baseUrl=this.baseUrl),this.setupScene({id:this.board.id,scene:this._scene}))}closeScene(){this._scene&&(this.unbindSceneEvents(this._scene),this._scene.target=null,this._scene.release&&this._scene.release(),this._scene=null),this._forward.forEach((e=>{var{scene:t}=e;return t.release&&t.release()})),this._forward=[],this._backward.forEach((e=>{var{scene:t}=e;return t.release&&t.release()})),this._backward=[]}releaseScene(){this.closeScene(),this.transientShowButtons()}setupScene(e){var t,{id:n,scene:r}=e;this._scene=r;var o=null===(t=this._scene)||void 0===t?void 0:t.root.state.fillStyle;this.style.backgroundColor="string"==typeof o?o:"initial",this._oldtarget=this._scene.target,this._scene.fit(this._scene.fitMode),this._scene.target=this._target,this.data&&(this._scene.data=this.data),this.values&&(this._scene.values=this.values),this.currentBoardId=n,this.bindSceneEvents(),this.transientShowButtons()}showScene(e,t){var n=this;return ee((function*(){if(e)try{var r=yield n.provider.get(e,!0);if(r===n._scene)return void(r.release&&r.release());n._scene&&(n.unbindSceneEvents(n._scene),n._scene.target=n._oldtarget,n._backward.push({id:n.currentBoardId,scene:n._scene})),n._scene=r,n._forward.forEach((e=>{var{scene:t}=e;return t.release&&t.release()})),n._forward=[],n.setupScene({id:e,scene:r}),t&&(r.data=t)}catch(e){Y.error(e)}}))()}bindSceneEvents(){this._scene.on("run",this.onRunBoard,this),this._scene.on("goto",this.onLinkGoto,this),this._scene.on("link-open",this.onLinkOpen,this),this._scene.on("link-move",this.onLinkMove,this),this._scene.on("route-page",this.onRoutePage,this),this._scene.on("start-scenario",this.onStartScenario,this),this._scene.on("run-scenario",this.onRunScenario,this)}unbindSceneEvents(e){e.off("run",this.onRunBoard,this),e.off("goto",this.onLinkGoto,this),e.off("link-open",this.onLinkOpen,this),e.off("link-move",this.onLinkMove,this),e.off("route-page",this.onRoutePage,this),e.off("start-scenario",this.onStartScenario,this),e.off("run-scenario",this.onRunScenario,this)}transientShowButtons(e){var t=[];!this.hideNavigation&&t.push(this._next,this._prev),!this.hideFullscreen&&t.push(this._fullscreen),0!=t.length&&(this._fade_animations||(this._fade_animations=t.filter((e=>e)).map((e=>{var t=e.animate([{opacity:1,easing:"ease-in"},{opacity:0}],{delay:1e3,duration:2e3});return t.onfinish=()=>{e.setAttribute("hidden","")},t}))),this._forward.length<=0?this._next.setAttribute("hidden",""):this._next.removeAttribute("hidden"),this._backward.length<=0?this._prev.setAttribute("hidden",""):this._prev.removeAttribute("hidden"),this._fullscreen&&this._fullscreen.removeAttribute("hidden"),this._fade_animations.forEach((t=>{t.cancel(),e||t.play()})))}onTapNext(){var{id:e,scene:t}=this._forward.pop()||{};t&&(this._scene&&(this._scene.target=null,this._scene.target=this._oldtarget,this.unbindSceneEvents(this._scene),this._backward.push({id:e,scene:this._scene})),this.setupScene({id:e,scene:t}))}onTapPrev(){var{id:e,scene:t}=this._backward.pop()||{};t&&(this._scene&&(this._scene.target=null,this._scene.target=this._oldtarget,this.unbindSceneEvents(this._scene),this._forward.push({id:e,scene:this._scene})),this.setupScene({id:e,scene:t}))}onTapFullscreen(){(0,V.KE)(this,(()=>this.requestUpdate()),(()=>this.requestUpdate()))}onRunBoard(){this.dispatchEvent(new CustomEvent("run-board",{bubbles:!0,composed:!0,detail:this.board.id}))}onLinkGoto(e,t,n){var r,{input:o,output:i}=t||{input:"(self)"},a=o&&(null===(r=n.root.findFirst(o,n))||void 0===r?void 0:r.data);this.showScene(e,a)}onLinkOpen(e,t,n){if(e)try{window.open(e)}catch(e){document.dispatchEvent(new CustomEvent("notify",{detail:{level:"error",message:e,ex:e}}))}}onLinkMove(e,t,n){e&&(location.href=e)}onRoutePage(e){e&&(history.pushState({},"",e),window.dispatchEvent(new Event("popstate")))}onStartScenario(e,t,n){return ee((function*(){try{yield(0,G.Bc)(e,e,t)}catch(e){Y.error(e)}}))()}onRunScenario(e,t,n){return ee((function*(){try{n.data=yield(0,G.Ge)(e,t)}catch(e){Y.error(e)}}))()}getSceneData(){var e;return null===(e=this._scene)||void 0===e?void 0:e.data}getSceneValues(){var e;return null===(e=this._scene)||void 0===e?void 0:e.values}togglePopup(e){if(!this.popup){var t=document.createElement("ox-board-component-info");t.addEventListener("close",(e=>{e.stopPropagation(),this.hidePopup()})),this.appendChild(t),this.popup=t}this.popup&&(this.popup.component=e)}hidePopup(){this.popup&&(this.removeChild(this.popup),delete this.popup)}};ne.styles=[O.bi,(0,P.AH)(H||(H=te(["\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        position: relative;\n\n        width: 100%; /* 전체화면보기를 위해서 필요함. */\n        overflow: hidden;\n        background-color: white;\n      }\n\n      #target {\n        flex: 1;\n\n        width: 100%; /* 전체화면보기를 위해서 필요함. */\n        height: 100%;\n\n        outline: 0;\n      }\n\n      /* navigation buttons */\n      mwc-icon {\n        z-index: 10;\n        position: absolute;\n        top: 45%;\n        min-width: 50px;\n        width: 50px;\n        height: 50px;\n        margin: 0;\n        padding: 0;\n        color: #fff;\n        user-select: none;\n\n        --mdc-icon-size: 3em;\n      }\n\n      mwc-icon[hidden] {\n        display: none;\n      }\n\n      mwc-icon:hover {\n        background-color: rgba(0, 0, 0, 0.2);\n        border-radius: 50%;\n      }\n\n      #prev {\n        left: 5px;\n      }\n\n      #next {\n        right: 5px;\n      }\n\n      #fullscreen {\n        position: absolute;\n        bottom: 15px;\n        right: 16px;\n      }\n\n      [hidden] {\n        display: none;\n      }\n\n      ::slotted(ox-board-component-info) {\n        position: absolute;\n        right: 10px;\n        top: 10px;\n        width: 240px;\n        opacity: 0.9;\n        box-shadow: 2px 2px 4px gray;\n        max-height: 600px;\n        overflow: auto;\n      }\n\n      @media print {\n        mwc-fab,\n        mwc-icon {\n          display: none;\n        }\n      }\n    "])))],(0,r.Cg)([(0,T.MZ)({type:String})],ne.prototype,"baseUrl",void 0),(0,r.Cg)([(0,T.MZ)({type:Object})],ne.prototype,"board",void 0),(0,r.Cg)([(0,T.MZ)({type:Object})],ne.prototype,"provider",void 0),(0,r.Cg)([(0,T.MZ)({type:Object})],ne.prototype,"data",void 0),(0,r.Cg)([(0,T.MZ)({type:Object})],ne.prototype,"values",void 0),(0,r.Cg)([(0,T.MZ)({type:Boolean,reflect:!0,attribute:"hide-fullscreen"})],ne.prototype,"hideFullscreen",void 0),(0,r.Cg)([(0,T.MZ)({type:Boolean,reflect:!0,attribute:"hide-navigation"})],ne.prototype,"hideNavigation",void 0),(0,r.Cg)([(0,T.wk)()],ne.prototype,"_scene",void 0),(0,r.Cg)([(0,T.wk)()],ne.prototype,"_forward",void 0),(0,r.Cg)([(0,T.wk)()],ne.prototype,"_backward",void 0),(0,r.Cg)([(0,T.wk)()],ne.prototype,"_oldtarget",void 0),(0,r.Cg)([(0,T.wk)()],ne.prototype,"_fade_animations",void 0),(0,r.Cg)([(0,T.P)("#target")],ne.prototype,"_target",void 0),(0,r.Cg)([(0,T.P)("#prev")],ne.prototype,"_prev",void 0),(0,r.Cg)([(0,T.P)("#next")],ne.prototype,"_next",void 0),(0,r.Cg)([(0,T.P)("#fullscreen")],ne.prototype,"_fullscreen",void 0),ne=(0,r.Cg)([(0,T.EM)("ox-board-viewer")],ne)},91960:(e,t,n)=>{n.d(t,{s:()=>Y});var r,o,i,a,s=n(34117),l=(n(58588),n(69241)),p=n(11763),d=n(17149);function c(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var u=class extends l.WF{constructor(){super(...arguments),this.label="select file",this.multiple=!1,this._files=[]}render(){return(0,l.qy)(r||(r=c(['\n      <div id="input-box">\n        ','\n        <label for="input-file">','</label>\n        <input\n          id="input-file"\n          type="file"\n          accept=','\n          class="upload-hidden"\n          ?multiple=',"\n          hidden\n          multiple\n          onchange=","\n          @change=","\n        />\n      </div>\n    "])),this.showFilename?(0,l.qy)(o||(o=c(['\n              <input class="upload-name" value="','" disabled />\n            '])),this._files.map((e=>e.name)).join(", ")||this.label):(0,l.qy)(i||(i=c([""]))),this.label,this.accept||"",this.multiple,(e=>{this.onFileChange(e)}),(e=>{this.onFileChange(e)}))}getUUID(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)}))}onFileChange(e){if(e){var t=e.currentTarget,n=t.files||e.dataTransfer.files;if(t.files||e.dataTransfer.files,n.length){var r=new FormData;r.append("file",n[0]),r.append("fileId",this.getUUID());var o,i=new XMLHttpRequest,a=this;i.onreadystatechange=function(){if(4===i.readyState)try{var e=JSON.parse(i.response);o=e.result.fileId,a.dispatchEvent(new CustomEvent("file-change",{bubbles:!0,composed:!0,detail:{files:t.files,fileId:o+"."+e.result.fileExtension}}))}catch(e){throw document.dispatchEvent(new CustomEvent("notify",{detail:{level:"error",message:"Upload File Temp Error // "+e,ex:e}})),new Error("Upload File Temp Error")}},i.open("POST",(0,d.de)()+(0,d.jV)()),i.send(r)}}}onImageFileChanged(e){this._files=[...this._files,...Array.from(e.currentTarget.files||[])]}};u.styles=[(0,l.AH)(a||(a=c(["\n      :host {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        overflow: hidden;\n      }\n\n      #input-box {\n        display: flex;\n        width: 100%;\n        height: 100%;\n      }\n\n      input[type='file'] {\n        position: absolute;\n        width: 0px;\n        height: 0px;\n        padding: 0;\n        margin: -1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        border: 0;\n      }\n\n      label {\n        padding: unset;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        color: var(--file-selector-color, #999);\n        font-size: inherit;\n        line-height: normal;\n        vertical-align: middle;\n        background-color: var(--file-selector-bg-color, #fdfdfd);\n        cursor: pointer;\n        border: var(--file-selector-border, 1px solid #ebebeb);\n        border-radius: var(--file-selector-border-radius, 0.25em);\n      }\n\n      /* named upload */\n      .upload-name {\n        flex: 1;\n        padding: 0.5em 0.75em; /* label의 패딩값과 일치 */\n        font-size: inherit;\n        font-family: inherit;\n        line-height: normal;\n        vertical-align: middle;\n        background-color: #f5f5f5;\n        border: 1px solid #ebebeb;\n        border-bottom-color: #e2e2e2;\n        border-radius: 0.25em;\n        -webkit-appearance: none; /* 네이티브 외형 감추기 */\n        -moz-appearance: none;\n        appearance: none;\n      }\n    "])))],(0,s.Cg)([(0,p.MZ)({type:String})],u.prototype,"label",void 0),(0,s.Cg)([(0,p.MZ)({type:String})],u.prototype,"accept",void 0),(0,s.Cg)([(0,p.MZ)({type:Boolean,attribute:"show-filename"})],u.prototype,"showFilename",void 0),(0,s.Cg)([(0,p.MZ)({type:Boolean,attribute:"multiple"})],u.prototype,"multiple",void 0),(0,s.Cg)([(0,p.MZ)({type:Array})],u.prototype,"_files",void 0),(0,s.Cg)([(0,p.P)("#input-file")],u.prototype,"fileInput",void 0),u=(0,s.Cg)([(0,p.EM)("restful-file-selector")],u);var h,g,b,v,m=n(22314),f=n(58377);function y(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var x=n(51771),w=class extends((0,m.kg)(m.MR)(l.WF)){constructor(){super(...arguments),this.categories=[],this._files=[]}render(){var e=this.categories||[];return(0,l.qy)(h||(h=y(["\n      <div @click=",' front>\n        <i class="btn-add-board"></i>\n        ',"\n      </div>\n\n      <div @click="," back>\n        <form @submit=",">\n          <label>","</label>\n          <select\n            .value=",'\n            name="category"\n            @change=','\n          >\n            <option value="">--',"--</option>\n            ","\n          </select>\n\n          <label>",'</label>\n          <restful-file-selector\n            name="file"\n            label=','\n            accept="','/*"\n            multiple\n            @file-change=','\n          ></restful-file-selector>\n\n          <div id="thumbnail-area">\n            ','\n          </div>\n\n          <input type="submit" value='," />\n        </form>\n      </div>\n    "])),(e=>this.onClickFlip(e)),m.MR.t("text.create attachment"),(e=>this.onClickFlip(e)),(e=>this.onClickSubmit(e)),m.MR.t("label.category"),String(this.defaultCategory),(e=>{this._currentCategory=e.currentTarget.value}),m.MR.t("text.please choose a category"),e.map((e=>(0,l.qy)(g||(g=y(["\n                <option value="," ?selected=",">","</option>\n              "])),e,this.defaultCategory==e,e))),m.MR.t("label.file"),String(m.MR.t("label.select file")),this._currentCategory||"*",(e=>{this.fileId=e.detail.fileId,this._files=Array.from(e.detail.files)}),this._files.map((e=>(0,l.qy)(b||(b=y([" <image-upload-previewer .file=","></image-upload-previewer> "])),e))),String(m.MR.t("button.create")))}firstUpdated(){f.CT.set(this)}onClickFlip(e){var t=e.currentTarget,n=e.target;(t.hasAttribute("front")||t.hasAttribute("back")&&"INPUT"!=n.tagName&&"SELECT"!=n.tagName)&&this.classList.toggle("flipped"),e.stopPropagation()}onClickSubmit(e){e.preventDefault(),e.stopPropagation();var t=e.target.elements.category.value,n=this._files,r=this.fileId,o=null==r?void 0:r.substring(r.length-3);o&&o===(null==o?void 0:o.toLowerCase())?this.dispatchEvent(new CustomEvent("create-attachment",{detail:{category:t,files:n,fileId:r}})):document.dispatchEvent(new CustomEvent("notify",{detail:{level:"error",message:"Error : File extension is not available.",ex:"Error : File extension is not available."}}))}reset(){var e=this.renderRoot.querySelector("form");e&&(e.reset(),this._files=[]),this.classList.remove("flipped")}};w.styles=[(0,l.AH)(v||(v=y(["\n      :host {\n        position: relative;\n\n        padding: 0;\n        margin: 0;\n        height: 100%;\n\n        -webkit-transform-style: preserve-3d;\n        transform-style: preserve-3d;\n        -webkit-transition: all 0.5s ease-in-out;\n        transition: all 0.5s ease-in-out;\n        box-shadow: var(--box-shadow);\n      }\n\n      :host(.flipped) {\n        -webkit-transform: var(--card-list-flip-transform);\n        transform: var(--card-list-flip-transform);\n      }\n\n      [front],\n      [back] {\n        position: absolute;\n\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        padding: 0;\n\n        border: var(--card-list-create-border);\n        border-radius: var(--card-list-create-border-radius);\n\n        background-color: #fff;\n\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n      }\n\n      [front] {\n        text-align: center;\n        font-size: 0.8em;\n        color: var(--card-list-create-color);\n        text-transform: capitalize;\n      }\n\n      :host(.candrop) [front],\n      :host(.candrop) [back] {\n        border-width: 2px;\n        background-color: #fffde9;\n      }\n\n      [front] mwc-icon {\n        margin-top: 55px;\n        display: block;\n        font-size: 3.5em;\n        color: var(--card-list-create-icon-color);\n      }\n\n      [back] {\n        -webkit-transform: var(--card-list-flip-transform);\n        transform: var(--card-list-flip-transform);\n      }\n\n      [back] form {\n        padding: var(--card-list-create-form-padding);\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n        display: grid;\n        grid-template-columns: repeat(10, 1fr);\n        grid-template-rows: min-content min-content 1fr min-content;\n        grid-row-gap: 7px;\n        justify-content: center;\n        align-items: center;\n      }\n\n      [back] form label {\n        grid-column: span 4;\n        font: var(--card-list-create-label-font);\n        color: var(--card-list-create-label-color);\n      }\n\n      [back] form input,\n      [back] form select {\n        grid-column: span 6;\n        background-color: #fff;\n        border: var(--card-list-create-input-border);\n        border-radius: var(--card-list-create-input-border-radius);\n        padding: var(--card-list-create-input-padding);\n        font: var(--card-list-create-input-font);\n        color: var(--card-list-create-input-color);\n      }\n\n      restful-file-selector {\n        grid-column: span 6;\n        font: var(--card-list-create-input-font);\n        border: none;\n        box-sizing: border-box;\n        padding: 0;\n      }\n\n      #thumbnail-area {\n        grid-column: span 10;\n        align-self: stretch;\n        text-align: center;\n        overflow: hidden;\n        overflow-x: auto;\n        white-space: nowrap;\n      }\n\n      image-upload-previewer {\n        display: inline-block;\n        height: 100%;\n      }\n\n      [back] input[type='submit'] {\n        background-color: var(--button-background-color) !important;\n        margin: var(--button-margin);\n        font: var(--button-font);\n        color: var(--button-color) !important;\n        border-radius: var(--button-radius);\n        border: var(--button-border);\n        grid-column: span 10;\n        grid-row: auto / -1;\n        margin: 0;\n      }\n\n      .btn-add-board {\n        width: 3.8em;\n        height: 3.8em;\n        margin: auto;\n        margin-top: 20%;\n        background: url(",") no-repeat;\n        display: block;\n      }\n    "])),(0,l.iz)(x))],(0,s.Cg)([(0,p.MZ)({type:String})],w.prototype,"defaultCategory",void 0),(0,s.Cg)([(0,p.MZ)({type:Array})],w.prototype,"categories",void 0),(0,s.Cg)([(0,p.MZ)({type:Array})],w.prototype,"_files",void 0),(0,s.Cg)([(0,p.MZ)({type:String})],w.prototype,"_currentCategory",void 0),(0,s.Cg)([(0,p.MZ)({type:String})],w.prototype,"fileId",void 0),w=(0,s.Cg)([(0,p.EM)("restful-attachment-creation-card")],w);var k,C,S,M,P,T,O,A,_,E,j,z=n(72644);function L(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function I(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){L(i,r,o,a,s,"next",e)}function s(e){L(i,r,o,a,s,"throw",e)}a(void 0)}))}}function R(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var N=n(87404),D=n(97614),F=n(29057),B=n(43529),q=n(93748),U=n(90768),Z=n(77573),W=n(56713),H=n(60180),V=n(43328),X=n(30485),G=n(52899),Y=class extends((0,m.kg)(m.MR)(l.WF)){constructor(){super(...arguments),this.categories=["audio","video","image","text","application"],this.attachments=[],this._page=1,this._total=0,this.btnDropBoxIcon="btn-open-dropbox",this.userName=localStorage.getItem("FMB_userNM")||""}render(){return(0,l.qy)(k||(k=R(['\n      <div id="filter">\n        <div class="group-select-box" @click=',">\n          ","\n          <span><i class=","></i></span>\n          <ul class=",'>\n            <li\n              value=""\n              @click=',"\n            >\n              <a>","</a>\n            </li>\n            ",'\n          </ul>\n        </div>\n      </div>\n\n      <div id="main">\n        ',"\n        ","\n      </div>\n    "])),this.toggleSelectBox,this.category?(0,l.qy)(C||(C=R([" <span>","</span> "])),this.category):(0,l.qy)(S||(S=R([" <span>","</span> "])),m.MR.t("text.please choose a category")),this.btnDropBoxIcon,"select-box ".concat(this.selectBoxToggle),(e=>{this.category="",this.requestUpdate()}),m.MR.t("text.please choose a category"),this.categories.map((e=>(0,l.qy)(M||(M=R([" <li\n                  value=","\n                  @click=","\n                >\n                  <a>","</a>\n                </li>"])),e,(t=>{this.category=e,this.requestUpdate()}),e))),this.creatable?(0,l.qy)(P||(P=R(['\n              <restful-attachment-creation-card\n                class="card create"\n                .categories=',"\n                .defaultCategory=","\n                @create-attachment=","\n                @file-drop=","\n              ></restful-attachment-creation-card>\n            "])),this.categories,this.category,(e=>this.onCreateAttachment(e)),(e=>this.onAttachmentDropped(e))):(0,l.qy)(T||(T=R([""]))),this.attachments.map((e=>{var t,n=(0,d.MM)()+e.fullpath;return(0,l.qy)(O||(O=R(['\n            <div class="card" @click=',">\n              <div show>\n                ",'\n              </div>\n              <a target="_blank" href=','>\n                <span class="btn-zoom-cover"><i class="btn-zoom"></i></span>\n              </a>\n              <div class="name">',"</div>\n              <span @click=",' delete>\n                <i class="btn-delete"></i>\n              </span>\n              <a href='," download=",'>\n                <span class="btn-download-cover" download><i class="btn-download"></i></span>\n              </a>\n            </div>\n          '])),(t=>this.onClickSelect(e)),"image"==e.category?(0,l.qy)(A||(A=R([" <img src="," /> "])),n):"video"==e.category?(0,l.qy)(_||(_=R([" <video src="," controls></video> "])),n):(0,l.qy)(E||(E=R(['\n                        <div etc>\n                          <i class="file"></i>\n                          <span>',"</span>\n                        </div>\n                      "])),null===(t=e.path)||void 0===t?void 0:t.substr(e.path.lastIndexOf("."))),n,e.name,(t=>this.onDeleteAttachment(e.id)),(0,d.MM)()+e.download,e.name)})))}toggleSelectBox(){"on"===this.selectBoxToggle?(this.selectBoxToggle=null,this.btnDropBoxIcon="btn-close-dropbox"):(this.selectBoxToggle="on",this.btnDropBoxIcon="btn-open-dropbox")}firstUpdated(){var e=this;return I((function*(){e.renderRoot.addEventListener("click",function(){var t=I((function*(t){var n=t.target,r=n.getAttribute("data-clipboard-url");if(r){var{protocol:o,hostname:i,port:a}=location;yield e.copy("".concat(o,"//").concat(i,":").concat(a).concat(r)),n.setAttribute("data-tooltip","url copied!"),yield(0,f.yy)(2e3),n.removeAttribute("data-tooltip")}}));return function(e){return t.apply(this,arguments)}}()),e.refreshAttachments()}))()}updated(e){e.has("category")&&this.refreshAttachments()}onClickSelect(e){this.dispatchEvent(new CustomEvent("attachment-selected",{composed:!0,bubbles:!0,detail:{attachment:e}}))}onAttachmentDropped(e){var t=this;return I((function*(){var n=e.detail;yield t.createAttachments("",n),t.refreshAttachments()}))()}onCreateAttachment(e){var t=this;return I((function*(){var{category:n,files:r,fileId:o}=e.detail;r=Array.from(r),yield t.createAttachments(n,r,o),t.refreshAttachments()}))()}onDeleteAttachment(e){var t=this;return I((function*(){yield t.deleteAttachment(e),t.refreshAttachments()}))()}refreshAttachments(){var e=this;return I((function*(){var t=yield e.getAttachments();e.attachments=[...t],e.creationCard&&e.creationCard.reset()}))()}appendAttachments(){var e=this;return I((function*(){var t=yield e.getAttachments({page:e._page+1});e.attachments=[...e.attachments,...t]}))()}getAttachments(){var e=arguments,t=this;return I((function*(){var n,{page:r=1,limit:o=1e3}=e.length>0&&void 0!==e[0]?e[0]:{},i=[],a={limit:o,page:r};t.category&&i.push({name:"category",operator:"eq",value:t.category});var s={filters:i,sortings:[],pagination:a},l=null===(n=yield(0,d.CZ)(s))||void 0===n?void 0:n.data;if(!l||!l.status)throw new Error("Error : fetchAttachmentList");var p=l.attachments;return p&&p.items.length?(p.items.forEach((e=>{e.fullpath="/images/"+e.path,e.download="/downloadFile/"+e.path+"/"+encodeURIComponent(e.name)})),t._total=p.total,t._page=r,p.items):[]}))()}createAttachments(e,t,n){var r=this;return I((function*(){var o;try{t[0].category=e,t[0].fileId=n;var i={category:t[0].category,name:t[0].name,size:t[0].size,type:t[0].type,fileId:t[0].fileId,userName:r.userName},a=null===(o=yield(0,d.cD)(i))||void 0===o?void 0:o.data;if(!a||!a.status)throw new Error("Create Error")}catch(e){document.dispatchEvent(new CustomEvent("notify",{detail:{level:"error",message:e,ex:e}}))}}))()}deleteAttachment(e){return I((function*(){var t,n;try{var r=null===(t=yield(0,d.NT)(e))||void 0===t?void 0:t.data;if(!r||!r.status)throw new Error("DB Error");var o=null===(n=yield(0,d.Ww)(r.attachment.path,"primary"))||void 0===n?void 0:n.data;if(!o||!o.status)throw new Error("Primary Server File Delete Error")}catch(e){document.dispatchEvent(new CustomEvent("notify",{detail:{level:"error",message:"Primary Server File Delete Error // "+e,ex:e}}))}}))()}copy(e){return I((function*(){var t=document.createElement("textarea");t.style.position="absolute",t.style.opacity="0",t.value=e,document.body.appendChild(t),yield(0,f.yy)(100),t.select(),document.execCommand("copy"),document.body.removeChild(t)}))()}};Y.styles=[z.bi,z.o0,(0,l.AH)(j||(j=R(["\n      :host {\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n        background-color: #fff;\n        /* --card-list-create-color: var(--primary-color); */\n\n        position: relative;\n      }\n\n      :host(.candrop) {\n        background: orange;\n        cursor: pointer;\n      }\n\n      #main {\n        overflow: auto;\n        padding: var(--popup-content-padding);\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n        grid-auto-rows: var(--card-list-rows-height);\n        grid-gap: 20px;\n        padding-top: 10px !important;\n      }\n\n      #main .card {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        border-radius: var(--card-list-border-radius);\n        border: var(--attachment-selector-border);\n        background-color: var(--attachment-selector-background-color);\n\n        position: relative;\n      }\n\n      #main .card.create {\n        overflow: visible;\n        background-color: initial;\n        min-height: 120px;\n      }\n\n      #main .card:hover {\n        cursor: pointer;\n      }\n\n      .name {\n        background-color: var(--primary-color);\n        opacity: 0.8;\n        position: absolute;\n        bottom: 0px;\n        width: 100%;\n        padding: 2px 5px;\n        font: var(--attachment-selector-name-font);\n        color: #fff;\n        text-indent: 7px;\n      }\n\n      [show] {\n        height: 100%;\n      }\n\n      .card img,\n      .card video {\n        max-height: 100%;\n        max-width: 100%;\n      }\n\n      mwc-icon {\n        position: absolute;\n        right: 0px;\n        text-align: center;\n\n        background-color: var(--attachment-selector-icon-background-color);\n        width: var(--attachment-selector-icon-size);\n        height: var(--attachment-selector-icon-size);\n        font: var(--attachment-selector-icon-font);\n        color: var(--attachment-selector-icon-color);\n      }\n\n      mwc-icon:hover,\n      mwc-icon:active,\n      span:hover,\n      span:active {\n        background-color: var(--primary-color);\n        color: #fff;\n      }\n\n      [open-in-new] {\n        top: 0px;\n      }\n\n      [delete] {\n        top: 35px;\n      }\n\n      [download] {\n        top: 70px;\n        border-bottom-left-radius: 12px;\n      }\n\n      #filter {\n        padding: 12px 12px 12px 20px;\n        background-color: var(--group-bar-background-color);\n        height: 28px;\n        z-index: 1;\n      }\n\n      select {\n        text-transform: capitalize;\n        float: right;\n      }\n\n      [etc] mwc-icon:hover,\n      [etc] mwc-icon:active {\n        background-color: initial;\n        color: initial;\n      }\n\n      [etc] {\n        margin: auto;\n        margin-top: 45px;\n        position: relative;\n      }\n\n      [etc] mwc-icon {\n        position: initial;\n        opacity: 0.2;\n        width: initial;\n        height: initial;\n\n        font: var(--attachment-selector-etc-icon-font);\n        color: var(--attachment-selector-etc-icon-color);\n      }\n\n      [etc] span {\n        position: absolute;\n        bottom: 25px;\n        right: 8px;\n        padding: 1px 2px;\n        color: #fff;\n        text-transform: uppercase;\n        opacity: 0.8;\n\n        background-color: var(--attachment-selector-etc-background-color);\n        font: var(--attachment-selector-etc-font);\n      }\n\n      ul {\n        display: flex;\n        list-style: none;\n        margin: 0;\n        padding: 0;\n        white-space: nowrap;\n        clear: both;\n      }\n\n      li {\n        padding: 0px 3px;\n      }\n\n      li:hover {\n        background-color: rgba(255, 180, 180, 1);\n      }\n\n      li a {\n        width: calc(100% - 24px);\n        padding: 5px 4px 1px 4px;\n        text-decoration: none;\n        font-size: 12px;\n        font-weight: bold;\n        color: rgb(233, 103, 128);\n        display: inline-block;\n      }\n\n      li span {\n        height: 16px;\n        margin-top: 4px;\n        border-radius: 2px;\n        float: right;\n        display: none;\n      }\n\n      li:hover span {\n        display: inline-block;\n      }\n\n      li span:hover {\n        background-color: #f8c2cc;\n      }\n\n      mwc-icon {\n        vertical-align: middle;\n      }\n\n      .group-select-box {\n        position: absolute;\n        width: 200px;\n        min-height: 22px;\n        font-size: 12px;\n        font-weight: bold;\n        color: #e96780;\n        border: 1px solid #ccc;\n        padding: 5px;\n        background-color: #fff;\n        float: left;\n        cursor: pointer;\n        display: inline-block;\n      }\n\n      .group-select-box span {\n        background-color: #fff !important;\n        color: #e96780 !important;\n      }\n\n      .group-select-box > span:nth-child(1) {\n        padding: 4px 0 0 6px;\n        float: left;\n      }\n\n      .group-select-box > span:nth-child(2) {\n        float: right;\n        margin-top: 1px;\n      }\n\n      .select-box {\n        display: none;\n      }\n\n      .select-box.on {\n        display: block;\n        padding-top: 2px;\n      }\n\n      .select-box.active {\n        background-color: #1344;\n      }\n\n      .add-group {\n        cursor: pointer;\n      }\n\n      .btn-open-dropbox {\n        width: 8px;\n        height: 5px;\n        display: inline-block;\n        background: url(",") no-repeat;\n      }\n\n      .btn-close-dropbox {\n        width: 8px;\n        height: 5px;\n        display: inline-block;\n        background: url(",") no-repeat;\n      }\n\n      .btn-add-list-wrap {\n        margin: 5px 0 0 172px;\n        cursor: pointer;\n        display: inline-block;\n      }\n\n      .btn-add-list {\n        width: 9px;\n        height: 9px;\n        display: inline-block;\n        background: url(",") no-repeat;\n      }\n\n      select {\n        position: absolute;\n        width: 150px;\n        min-height: 22px;\n        font-size: 12px;\n        font-weight: bold;\n        color: #e96780;\n        border: 1px solid #ccc;\n        padding: 5px;\n        background-color: #fff;\n        z-index: 1;\n        float: left;\n        cursor: pointer;\n        display: inline-block;\n      }\n\n      .card > span,\n      .card > a > span {\n        position: absolute;\n        width: 35px;\n        height: 35px;\n        right: 0px;\n      }\n\n      .btn-zoom-cover {\n        top: 0px;\n      }\n      .btn-zoom {\n        width: 20px;\n        height: 20px;\n        margin: 7px;\n        background: url(",") no-repeat;\n        display: inline-block;\n      }\n      .btn-zoom-cover:hover > .btn-zoom {\n        background: url(",") no-repeat;\n      }\n\n      .btn-copy-link {\n        width: 20px;\n        height: 20px;\n        margin: 7px;\n        background: url(",") no-repeat;\n        display: inline-block;\n      }\n      .card > span:hover > .btn-copy-link {\n        background: url(",") no-repeat;\n      }\n\n      .btn-delete {\n        width: 20px;\n        height: 20px;\n        margin: 7px;\n        background: url(",") no-repeat;\n        display: inline-block;\n      }\n      .card > span:hover > .btn-delete {\n        background: url(",") no-repeat;\n      }\n\n      .btn-download {\n        width: 20px;\n        height: 20px;\n        margin: 7px;\n        background: url(",") no-repeat;\n        display: inline-block;\n      }\n      .btn-download-cover:hover > .btn-download {\n        background: url(",") no-repeat;\n      }\n\n      .file {\n        width: 52px;\n        height: 65px;\n        background: url(",") no-repeat;\n        display: inline-block;\n      }\n    "])),(0,l.iz)(N),(0,l.iz)(D),(0,l.iz)(F),(0,l.iz)(B),(0,l.iz)(q),(0,l.iz)(U),(0,l.iz)(Z),(0,l.iz)(W),(0,l.iz)(H),(0,l.iz)(V),(0,l.iz)(X),(0,l.iz)(G))],(0,s.Cg)([(0,p.MZ)({type:Array})],Y.prototype,"categories",void 0),(0,s.Cg)([(0,p.MZ)({type:Array})],Y.prototype,"attachments",void 0),(0,s.Cg)([(0,p.MZ)({type:String})],Y.prototype,"category",void 0),(0,s.Cg)([(0,p.MZ)({type:Number})],Y.prototype,"_page",void 0),(0,s.Cg)([(0,p.MZ)({type:Number})],Y.prototype,"_total",void 0),(0,s.Cg)([(0,p.MZ)({type:Boolean})],Y.prototype,"creatable",void 0),(0,s.Cg)([(0,p.MZ)({type:String})],Y.prototype,"selectBoxToggle",void 0),(0,s.Cg)([(0,p.MZ)({type:String})],Y.prototype,"btnDropBoxIcon",void 0),(0,s.Cg)([(0,p.MZ)({type:String})],Y.prototype,"userName",void 0),(0,s.Cg)([(0,p.P)("#main")],Y.prototype,"main",void 0),(0,s.Cg)([(0,p.P)("attachment-creation-card")],Y.prototype,"creationCard",void 0),Y=(0,s.Cg)([(0,p.EM)("restful-attachment-selector")],Y)},92533:(e,t,n)=>{var r=n(74413),o=n(1884),i={mutable:!1,resizable:!1,rotatable:!1,properties:[{type:"string",name:"NodeMachine",label:"node-machine"},{type:"nodes",label:"nodes",name:"alias"}]};class a extends r.Shape{is3dish(){return!1}isDescendible(){return!1}render(e){var{cx:t,cy:n}=this.state;e.beginPath(),e.ellipse(t,n,1*Math.abs(a.RADIUS),1*Math.abs(a.RADIUS),0,0,2*Math.PI),e.closePath()}get path(){var{cx:e,cy:t}=this.state;return[{x:e-1*a.RADIUS,y:t-1*a.RADIUS},{x:e+1*a.RADIUS,y:t-1*a.RADIUS},{x:e+1*a.RADIUS,y:t+1*a.RADIUS},{x:e-1*a.RADIUS,y:t+1*a.RADIUS}]}set path(e){var t=e[0],n=e[2];this.set({cx:t.x+(n.x-t.x)/2,cy:t.y+(n.y-t.y)/2})}get nodeMachine(){if(this.state.NodeMachine)return this.state.NodeMachine;var e=this.parent;return e&&e instanceof o.A?e.state.id:void 0}contains(e,t){var{cx:n,cy:r}=this.state,o=(e-n)/(2*a.RADIUS),i=(t-r)/(2*a.RADIUS);return o*o+i*i<.25}outline(e){var{cx:t,cy:n}=this.state;return this.transcoordS2T(t,n)}get nature(){return i}}a.RADIUS=8,r.Component.memoize(a.prototype,"path",!1),r.Component.register("Node",a)},92548:(e,t,n)=>{e.exports=n.p+"fmsim/fd251baa5700266586a0.png"},92780:(e,t,n)=>{function r(e,t){for(var n in t){var[r,o]=n.split("~"),i=!!r,a=!!o;if(r=parseFloat(r),o=parseFloat(o),e=Number(e)||0,i&&!a&&e>=r)return t[n];if(!i&&a&&e<r)return t[n];if(e>=r&&e<o)return t[n]}return t.default}n.d(t,{v:()=>r})},93748:(e,t,n)=>{e.exports=n.p+"fmsim/bcb914fbbc88c12487eb.svg"},93900:(e,t,n)=>{n.d(t,{MM:()=>p,de:()=>l,jV:()=>d,px:()=>c});var r=n(49543),o=n.n(r),i=n(62634),a=n(70661);function s(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function l(){return sessionStorage.getItem("lv_server_ip_port")||""}function p(){return(sessionStorage.getItem("lv_server_ip_port")||"")+(sessionStorage.getItem("lv_server_context_path")||"")}function d(){return(sessionStorage.getItem("lv_server_context_path")||"")+"/uploadTempFile"}function c(e,t,n,r){return u.apply(this,arguments)}function u(){var e;return e=function*(e,t,n,r){try{if("get"===t)return yield o().get(e,{headers:(0,i.A)()});if("post"===t)return yield o().post(e,r,{headers:(0,i.A)()});if("put"===t)return yield o().put(e,r,{headers:(0,i.A)()});if("delete"===t)return yield o().delete(e,{data:r,headers:(0,i.A)()})}catch(e){(s=e)?401!==s&&a.log("################## common.error.http-communication : "+l+"#####################"):a.log("################## common.error.server-response : "+l+"#####################")}var s,l},u=function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){s(i,r,o,a,l,"next",e)}function l(e){s(i,r,o,a,l,"throw",e)}a(void 0)}))},u.apply(this,arguments)}sessionStorage.getItem("lv_server_ip_port"),sessionStorage.getItem("lv_server_context_path")},96617:(e,t,n)=>{n.d(t,{A:()=>J});var r,o,i,a=n(34117),s=(n(24379),n(27111),n(40353),n(22807),n(55080),n(6837),n(69241)),l=n(11763),p=n(22314);function d(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var c=class extends((0,p.kg)(p.MR)(s.WF)){static get styles(){return[(0,s.AH)(r||(r=d(["\n        :host {\n          display: flex;\n          flex-direction: column;\n\n          padding: 10px;\n          background-color: white;\n        }\n\n        :host > * {\n          margin: 10px;\n        }\n\n        [content] {\n          flex: 1;\n          display: flex;\n          flex-direction: column;\n          overflow: auto;\n        }\n\n        [content] > * {\n          margin: 10px 0;\n        }\n      "])))]}render(){var e=this.groups||[];return(0,s.qy)(o||(o=d(["\n      <div content>\n        <mwc-textfield label=",' name="name" required field-name></mwc-textfield>\n        <mwc-textarea\n          label=','\n          name="description"\n          field-description\n        ></mwc-textarea>\n        <mwc-select\n          label=','\n          field-group\n          helper="If there is no group to choose, you can leave it empty."\n        >\n          ',"\n        </mwc-select>\n      </div>\n\n      <mwc-button\n        raised\n        label=","\n        @click=","\n      ></mwc-button>\n    "])),String(p.MR.t("label.name")),String(p.MR.t("label.description")),String(p.MR.t("label.group")),e.map((e=>(0,s.qy)(i||(i=d(["\n              <mwc-list-item value="," ?selected=",">","</mwc-list-item>\n            "])),e.id,this.defaultGroup==e.id,e.name))),String(p.MR.t("button.create")),(e=>this.onClickSubmit()))}firstUpdated(){setTimeout((()=>{var e;null===(e=this.renderRoot.querySelector("mwc-textfield"))||void 0===e||e.focus()}),100)}onClickSubmit(){var[e,t,n]=["name","description","group"].map((e=>{var t;return null===(t=this.renderRoot.querySelector("[field-".concat(e,"]")))||void 0===t?void 0:t.value}));e&&this.dispatchEvent(new CustomEvent("create-board",{detail:{name:e,description:t,groupId:n}}))}};(0,a.Cg)([(0,l.MZ)({type:String})],c.prototype,"defaultGroup",void 0),(0,a.Cg)([(0,l.MZ)({type:Array})],c.prototype,"groups",void 0),c=(0,a.Cg)([(0,l.EM)("board-creation-popup")],c);var u,h,g,b=n(64604);function v(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function m(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var f=class extends((0,p.kg)(p.MR)(s.WF)){static get styles(){return[(0,s.AH)(u||(u=m(["\n        :host {\n          display: flex;\n          border: var(--card-list-create-border);\n          border-radius: var(--card-list-create-border-radius);\n\n          background-color: #fff;\n\n          align-content: center;\n          justify-content: center;\n        }\n\n        div {\n          text-align: center;\n          font-size: 0.8em;\n          color: var(--card-list-create-color);\n          text-transform: capitalize;\n        }\n\n        mwc-icon {\n          display: block;\n          font-size: 3.5em;\n          color: var(--card-list-create-icon-color);\n        }\n      "])))]}render(){return(0,s.qy)(h||(h=m(["<div @click=","><mwc-icon>add_circle_outline</mwc-icon>create board</div> "])),(e=>this.onClick()))}onClick(){var e=this;this.popup&&delete this.popup;var t=(0,s.qy)(g||(g=m(["\n      <board-creation-popup\n        .defaultGroup=","\n        .groups=","\n        @create-board=","\n      ></board-creation-popup>\n    "])),this.defaultGroup,this.groups,function(){var t,n=(t=function*(t){var{name:n,description:r,groupId:o}=t.detail;e.dispatchEvent(new CustomEvent("create-board",{detail:{name:n,description:r,groupId:o}})),e.popup&&e.popup.close()},function(){var e=this,n=arguments;return new Promise((function(r,o){var i=t.apply(e,n);function a(e){v(i,r,o,a,s,"next",e)}function s(e){v(i,r,o,a,s,"throw",e)}a(void 0)}))});return function(e){return n.apply(this,arguments)}}());this.popup=(0,b.PB)(t,{backdrop:!0,size:"large",title:p.MR.t("title.create-board")})}reset(){}};(0,a.Cg)([(0,l.MZ)({type:String})],f.prototype,"defaultGroup",void 0),(0,a.Cg)([(0,l.MZ)({type:Array})],f.prototype,"groups",void 0),f=(0,a.Cg)([(0,l.EM)("ox-board-creation-card")],f);var y,x,w,k,C,S,M=n(72644),P=n(47018),T=n(83316),O=n(29911);function A(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function _(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){A(i,r,o,a,s,"next",e)}function s(e){A(i,r,o,a,s,"throw",e)}a(void 0)}))}}function E(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var j,z,L,I=class extends((0,P.A)((0,p.kg)(p.MR)(s.WF))){static get styles(){return[M.bi,(0,s.AH)(y||(y=E(["\n        :host {\n          display: grid;\n          grid-template-rows: auto auto 1fr;\n          overflow: hidden;\n          background-color: var(--popup-content-background-color);\n        }\n\n        #main {\n          overflow: auto;\n          padding: var(--popup-content-padding);\n          display: grid;\n          grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n          grid-auto-rows: var(--card-list-rows-height);\n          grid-gap: 20px;\n        }\n\n        .card {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          overflow: hidden;\n          border-radius: var(--card-list-border-radius);\n          background-color: var(--card-list-background-color);\n        }\n\n        .card[selected] {\n          border: red solid;\n        }\n\n        .card.create {\n          overflow: visible;\n        }\n\n        .card:hover {\n          cursor: pointer;\n        }\n\n        .card > .name {\n          background-color: var(--board-renderer-name-background-color);\n          opacity: 0.8;\n          margin-top: -35px;\n          width: 100%;\n          color: #fff;\n          font-weight: bolder;\n          font-size: 13px;\n          text-indent: 7px;\n        }\n\n        .card > .description {\n          background-color: rgba(0, 0, 0, 0.7);\n          width: 100%;\n          min-height: 15px;\n          font-size: 0.6rem;\n          color: #fff;\n          text-indent: 7px;\n        }\n        .card img {\n          max-height: 100%;\n          min-height: 100%;\n        }\n\n        #filter {\n          padding: var(--popup-content-padding);\n          background-color: #fff;\n          box-shadow: var(--box-shadow);\n        }\n\n        #filter > div {\n          float: right;\n          margin-left: 10px;\n        }\n\n        #filter * {\n          font-size: 15px;\n        }\n\n        select {\n          text-transform: capitalize;\n        }\n      "])))]}constructor(){super(),this.groups=[],this.boards=[],this.inherited=T.OB.Include,this.creatable=!1,this._page=1,this._total=0,this._infiniteScrollOptions.limit=50}render(){return(0,s.qy)(x||(x=E(['\n      <div id="filter">\n        <div>\n          <label for="group">Group</label>\n          <select\n            id="group"\n            @change=','\n          >\n            <option value="">',"</option>\n            ",'\n          </select>\n        </div>\n\n        <div>\n          <label for="inherited">Inherited</label>\n          <select\n            id="inherited"\n            @change=','\n          >\n            <option value="Include">Include</option>\n            <option value="Only">Only</option>\n            <option value="None">None</option>\n          </select>\n        </div>\n      </div>\n\n      <div\n        id="main"\n        @scroll=',"\n      >\n        ","\n        ","\n      </div>\n    "])),(e=>{var t;this.group=null===(t=e.currentTarget)||void 0===t?void 0:t.value,this.requestUpdate()}),p.MR.t("label.all"),this.groups.map((e=>(0,s.qy)(w||(w=E([" <option value=",">","</option> "])),e.id,e.description))),(e=>{var t;this.inherited=null===(t=e.currentTarget)||void 0===t?void 0:t.value,this.requestUpdate()}),(e=>{this.onScroll(e)}),this.creatable?(0,s.qy)(k||(k=E(['\n              <ox-board-creation-card\n                class="card create"\n                .groups=',"\n                .defaultGroup=","\n                @create-board=","\n              ></ox-board-creation-card>\n            "])),this.groups,this.group,(e=>this.onCreateBoard(e))):(0,s.qy)(C||(C=E([""]))),this.boards.map((e=>(0,s.qy)(S||(S=E(['\n            <div class="card" @click='," ?selected=",">\n              <img src=",' />\n              <div class="name">','</div>\n              <div class="description">',"</div>\n            </div>\n          "])),(t=>this.onClickSelect(e)),this.value===e.id,e.thumbnail,e.name,e.description))))}get scrollTargetEl(){return this.renderRoot.querySelector("#main")}scrollAction(){var e=this;return _((function*(){return e.appendBoards()}))()}firstUpdated(){this.refreshGroups()}updated(e){var t=this;return _((function*(){(e.has("group")||e.has("inherited"))&&t.refreshBoards()}))()}onClickSelect(e){this.dispatchEvent(new CustomEvent("board-selected",{composed:!0,bubbles:!0,detail:{board:e}}))}onCreateBoard(e){var t=this;return _((function*(){var{name:n,description:r,groupId:o}=e.detail;yield t.createBoard(n,r,o),t.refreshBoards()}))()}refreshGroups(){var e=this;return _((function*(){var t=yield(0,O.WZ)();e.groups=[...t],e.group=t.filter((t=>t.id==e.group)).length>0?e.group:""}))()}refreshBoards(){var e=this;return _((function*(){var t=yield e.getBoards();e.boards=[...t];var n=e.renderRoot.querySelector("ox-board-creation-card");n&&n.reset()}))()}appendBoards(){var e=this;return _((function*(){var t=yield e.getBoards({page:e._page+1});e.boards=[...e.boards,...t]}))()}getBoards(){var e=arguments,t=this;return _((function*(){var{page:n=1,limit:r=t._infiniteScrollOptions.limit}=e.length>0&&void 0!==e[0]?e[0]:{},o=[],i={limit:r,page:n};t.group&&o.push({name:"groupId",operator:"eq",value:t.group});var a={filters:o,sortings:[],pagination:i,inherited:t.inherited||T.OB.Include},s=yield(0,O.jz)(a);return t._total=s.boards.total,t._page=n,s.boards.items}))()}createBoard(e,t,n){return _((function*(){var r=JSON.stringify({width:1600,height:1200,fillStyle:"white"}),{data:o}=yield(0,O.NJ)({name:e,description:t,groupId:n,model:r});return o}))()}};function R(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function N(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(0,a.Cg)([(0,l.MZ)({type:Array})],I.prototype,"groups",void 0),(0,a.Cg)([(0,l.MZ)({type:Array})],I.prototype,"boards",void 0),(0,a.Cg)([(0,l.MZ)({type:String})],I.prototype,"group",void 0),(0,a.Cg)([(0,l.MZ)({type:String})],I.prototype,"inherited",void 0),(0,a.Cg)([(0,l.MZ)({type:Boolean})],I.prototype,"creatable",void 0),(0,a.Cg)([(0,l.MZ)({type:String})],I.prototype,"value",void 0),I=(0,a.Cg)([(0,l.EM)("ox-board-selector")],I);var D=class extends s.WF{static get styles(){return[(0,s.AH)(j||(j=N(["\n        :host {\n          position: relative;\n          display: inline-block;\n        }\n\n        input[type='text'] {\n          box-sizing: border-box;\n          width: 100%;\n          height: 100%;\n          border: 1px solid rgba(0, 0, 0, 0.2);\n        }\n\n        mwc-icon {\n          position: absolute;\n          top: 0;\n          right: 0;\n        }\n      "])))]}render(){return(0,s.qy)(z||(z=N(['\n      <input id="text" type="text" .value='," @change="," />\n\n      <mwc-icon @click=",">dashboard</mwc-icon>\n    "])),this.value||"",(e=>this._onInputChanged(e)),(e=>this.openSelector()))}_onInputChanged(e){var t;this.value=null===(t=e.target)||void 0===t?void 0:t.value,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0}))}openSelector(){var e=this;this.popup&&delete this.popup;var t=this.value||{},n=(0,s.qy)(L||(L=N(["\n      <ox-board-selector\n        .creatable=","\n        .value=","\n        @board-selected=","\n      ></ox-board-selector>\n    "])),!0,t,function(){var t,n=(t=function*(t){var n=t.detail.board;e.value=n.id,e.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0})),e.popup&&e.popup.close()},function(){var e=this,n=arguments;return new Promise((function(r,o){var i=t.apply(e,n);function a(e){R(i,r,o,a,s,"next",e)}function s(e){R(i,r,o,a,s,"throw",e)}a(void 0)}))});return function(e){return n.apply(this,arguments)}}());this.popup=(0,b.PB)(n,{backdrop:!0,size:"large",title:p.MR.t("title.select board")})}};(0,a.Cg)([(0,l.MZ)({type:String})],D.prototype,"value",void 0),(0,a.Cg)([(0,l.MZ)({type:Object})],D.prototype,"properties",void 0),D=(0,a.Cg)([(0,l.EM)("ox-editor-board-selector")],D);var F,B=n(98529),q=class extends B.Q{static get styles(){return[...B.Q.styles]}editorTemplate(e,t){return(0,s.qy)(F||(n=['\n      <ox-editor-board-selector id="editor" .value='," .properties=","></ox-editor-board-selector>\n    "],r||(r=n.slice(0)),F=Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(r)}}))),e,t.property);var n,r}};q=(0,a.Cg)([(0,l.EM)("ox-property-editor-board-selector")],q);var U=n(27856),Z=n(30277),W=n(938),H=n(84781),V=n(83650),X=class extends V.P{get options(){var e,t=(null===(e=this.column.record)||void 0===e?void 0:e.options)||{};return Object.assign({name:"Color Map : ".concat(this.record.name),valuetype:"color",objectified:!1,defaultValue:"#F0F0F0"},t)}};X=(0,a.Cg)([(0,l.EM)("color-map-editor")],X);var G=n(61405),Y=class extends G.j{get options(){var e,t=(null===(e=this.column.record)||void 0===e?void 0:e.options)||{};return Object.assign({name:"Color Ranges : ".concat(this.record.name),valuetype:"color",objectified:!1,defaultValue:"#F0F0F0"},t)}};Y=(0,a.Cg)([(0,l.EM)("color-ranges-editor")],Y);var K=class extends V.P{get options(){var e,t=(null===(e=this.column.record)||void 0===e?void 0:e.options)||{};return Object.assign({name:"Animation : ".concat(this.record.name),valuetype:"code",objectified:!1,defaultValue:""},t)}};K=(0,a.Cg)([(0,l.EM)("animation-map-editor")],K);const J={route:function(e){switch(e){case"board-viewer":return n.e(5050).then(n.bind(n,75050)),e;case"board-modeller":return n.e(151).then(n.bind(n,40151)),e;case"theme-list":return n.e(5915).then(n.bind(n,5915)),e}},routes:[{tagname:"board-viewer-page",page:"board-viewer"},{tagname:"board-modeller-page",page:"board-modeller"},{tagname:"theme-list-page",page:"theme-list"}],bootstrap:function(){(0,U.TS)("color-map",U.BB),(0,U.TS)("color-ranges",U.BB),(0,U.TS)("animation-map",U.BB),(0,U.VA)("color-map",X),(0,U.VA)("color-ranges",Y),(0,U.VA)("animation-map",K),H.gs.map((e=>Z.X.registerGroup(e))),(0,W.fx)()}}},96890:(e,t,n)=>{var r=n(74413),o=n(39359),i=n(58192),a={mutable:!1,resizable:!0,rotatable:!0,properties:[...o.e,...i.A.properties]};class s extends((0,o.X)(i.A)){static get nature(){return a}get auxColor(){return"black"}getLegendFallback(){return this.root.portLegendTheme||super.getLegendFallback()}render(e){var{left:t,top:n,width:r,height:o}=this.bounds;e.strokeStyle=this.auxColor,e.fillStyle=this.statusColor,e.lineWidth=1,e.lineCap="round",e.setLineDash([]),e.beginPath(),e.rect(t,n,r,o),e.fill(),e.stroke()}}r.Component.register("Port",s)},97425:(e,t,n)=>{e.exports=n.p+"fmsim/6791e5773eac3f253e24.png"},97614:(e,t,n)=>{e.exports=n.p+"fmsim/dbf90ef3050bb88f8451.png"},98459:(e,t,n)=>{e.exports=n.p+"fmsim/e3efea6b1e596f2ceda3.png"},98541:(e,t,n)=>{n.d(t,{H:()=>a,W:()=>i});var r=n(1884),o=n(99175),i=[{type:"string",label:"parent-object-id",name:"parentObjectId"}];function a(e){return class extends e{get parentObject(){var e,{id:t,parentObjectId:n}=this.state;if(n||t){var i=(null===(e=this.root)||void 0===e?void 0:e.findAllById(n||t))||[];for(var a of i)if(a instanceof r.A||a instanceof o.A)return a}var s=this.parent;if(s instanceof r.A||s instanceof o.A)return s}}}},98765:(e,t,n)=>{n.d(t,{L3:()=>i,Ng:()=>s,Wk:()=>o,Zf:()=>l,cu:()=>a});var r=n(93900);function o(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.px)((0,r.MM)()+"/getConnections","post",null,e)}function i(e){return(0,r.px)((0,r.MM)()+"/updateConnections","post",null,e)}function a(e){return(0,r.px)((0,r.MM)()+"/deleteConnetcionByName","post",null,{names:e})}function s(e){return(0,r.px)((0,r.MM)()+"/connect","post",null,{name:e})}function l(e){return(0,r.px)((0,r.MM)()+"/disconnect","post",null,{name:e})}},98976:(e,t,n)=>{var r=n(74413),o=n(67680),i={mutable:!1,resizable:!0,rotatable:!0,properties:[{type:"select",label:"conveyor-type",name:"conveyorType",property:{options:["","conveyor","rail"]}},...o.A.properties]};class a extends o.A{static get nature(){return i}get auxColor(){return"#777"}getLegendFallback(){return this.root.conveyorLegendTheme||super.getLegendFallback()}containable(e){return["Shuttle","Port","Node"].includes(e.state.type)}renderConveyor(e){var{left:t,top:n,width:r,height:o}=this.bounds,i=Math.max(10,Math.min(r,o)/2);if(e.beginPath(),e.fillStyle=this.statusColor,e.strokeStyle=this.auxColor,e.lineWidth=1,e.translate(t,n),e.rect(0,0,r,o),e.fill(),e.stroke(),e.beginPath(),e.strokeStyle="#aaa",r>o)for(var a=0;a<r;a+=i)e.moveTo(a,0),e.lineTo(a,o);else for(var s=0;s<o;s+=i)e.moveTo(0,s),e.lineTo(r,s);e.stroke(),e.translate(-t,-n)}renderRtvRail(e){var{left:t,top:n,width:r,height:o}=this.bounds;e.beginPath(),e.translate(t,n),e.fillStyle=this.statusColor,r>o?(e.fillRect(0,0,r,1*o/5),e.fillRect(0,4*o/5,r,1*o/5)):(e.fillRect(0,0,1*r/5,o),e.fillRect(4*r/5,0,1*r/5,o)),e.translate(-t,-n)}render(e){var{conveyorType:t}=this.state;"rail"==t?this.renderRtvRail(e):this.renderConveyor(e)}}r.Component.register("Conveyor",a)},99175:(e,t,n)=>{n.d(t,{A:()=>p});var r=n(74413),o=n(29911),i=n(77359),a=n(71627),s=n(98541);function l(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}class p extends((0,i.f)((0,s.H)(r.ContainerAbstract))){static get properties(){return[...i.A,...s.W]}get hasTextProperty(){return!0}get decorators(){return["decotag"]}getTheme(){var e,t,{legendName:n}=this.state;if(n)return null===(t=null===(e=this.root)||void 0===e?void 0:e.style)||void 0===t?void 0:t[n]}get status(){var e;return null===(e=this.data)||void 0===e?void 0:e.STATUS}get auxStatus(){var e;return null===(e=this.data)||void 0===e?void 0:e.STATUS}get legend(){return this.getTheme()||this.getLegendFallback()}get auxLegend(){return this.legend}getLegendFallback(){return a.Hy}contains(e,t){var{left:n,top:r,width:o,height:i,lineWidth:a=0}=this.state,s=a/2;return e<Math.max(n+o,n)+s&&e>Math.min(n+o,n)-s&&t<Math.max(r+i,r)+s&&t>Math.min(r+i,r)-s}set path(e){var t=e[0],n=e[2];this.set({left:t.x,top:t.y,width:n.x-t.x,height:n.y-t.y})}get path(){var{left:e=0,top:t=0,width:n=0,height:r=0}=this.state;return[{x:e,y:t},{x:e+n,y:t},{x:e+n,y:t+r},{x:e,y:t+r}]}detailInfo(){var e,t=this;return(e=function*(){var{type:e,id:n}=t.state;if(n)return yield(0,o.jw)(e,n)},function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){l(i,r,o,a,s,"next",e)}function s(e){l(i,r,o,a,s,"throw",e)}a(void 0)}))})()}}},99863:(e,t,n)=>{n.d(t,{A:()=>Y}),n(80992);var r,o,i,a=n(55688),s=n(17081),l=n(64604),p=n(83316),d=n(27856),c=n(58377),u=n(34117),h=n(69241),g=n(11763),b=n(41191);function v(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var m=class extends((0,b.N)(p.M_)(h.WF)){render(){return this.context&&this.context.board_topmenu?(0,h.qy)(r||(r=v(['\n          <ul>\n            <li>\n              <a href="lv-modeler" ?active=','>\n                <div>board</div>\n              </a>\n            </li>\n            \x3c!-- <li>\n              <a href="font-list" ?active=','>\n                <div>font</div>\n              </a>\n            </li> --\x3e\n            <li>\n              <a href="attachment-list" ?active=','>\n                <div>attachment</div>\n              </a>\n            </li>\n            <li>\n              <a href="theme-list" ?active=','>\n                <div>theme</div>\n              </a>\n            </li>\n            <li>\n              <a href="connection-list" ?active=','>\n                <div>connection</div>\n              </a>\n            </li>\n            <li>\n              <a href="scenario-list" ?active=','>\n                <div>scenario</div>\n              </a>\n            </li>\n            <a padding></a>\n\n            \x3c!-- <li>\n              <a href="users-setting-list" ?active=','>\n                <i class="btn-users"></i>\n              </a>\n            </li> --\x3e\n          </ul>\n        '])),"lv-modeler"==this.page,"font-list"==this.page,"attachment-list"==this.page,"theme-list"==this.page,"connection-list"==this.page,"scenario-list"==this.page,"users-setting-list"==this.page):(0,h.qy)(o||(o=v([""])))}stateChanged(e){this.page=e.route.page,this.width=e.layout.width,this.context=e.route.context}};m.styles=[(0,h.AH)(i||(i=v(["\n      :host {\n        background-color: var(--menu-tools-background-color);\n        flex-direction: column;\n        width: 100%;\n      }\n\n      ul {\n        display: flex;\n        flex-direction: row;\n        color: #696969;\n        margin: auto;\n        padding: 0;\n        list-style: none;\n        height: 100%;\n        overflow: none;\n        font-size: 20px;\n        /*border-bottom: 3px solid #d0d0d0;*/\n      }\n\n      a {\n        height: 17px;\n        display: block;\n        padding: 8px 30px;\n        font-family: Roboto;\n        font-weight: bold;\n        text-align: center;\n        text-decoration: none;\n        color: #696969;\n        border-bottom: 3px solid #d0d0d0;\n      }\n\n      a[active] {\n        color: #e34160;\n        border-bottom-color: var(--primary-color);\n      }\n\n      div {\n        font-size: 0.6em;\n      }\n\n      [people] {\n        font-size: var(--mdc-icon-size, 20px);\n        padding-bottom: 10px;\n        margin-top: -5px;\n      }\n\n      a[padding] {\n        flex: 1;\n      }\n\n      .btn-users {\n        position: relative;\n        width: 25px;\n        height: 25px;\n        top: -3px;\n        background: url('/assets/icons/board/btn-users.svg') no-repeat;\n        display: inline-block;\n      }\n    "])))],(0,u.Cg)([(0,g.MZ)({type:String}),(0,u.Sn)("design:type",String)],m.prototype,"page",void 0),(0,u.Cg)([(0,g.MZ)({type:String,reflect:!0}),(0,u.Sn)("design:type",String)],m.prototype,"width",void 0),(0,u.Cg)([(0,g.MZ)({type:Object}),(0,u.Sn)("design:type",Object)],m.prototype,"context",void 0),m=(0,u.Cg)([(0,g.EM)("menu-tools")],m);var f,y,x=n(17149);function w(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function k(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function C(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){k(i,r,o,a,s,"next",e)}function s(e){k(i,r,o,a,s,"throw",e)}a(void 0)}))}}n(24379);var S={name:"",value:""};class M extends d.U7{getOptions(){return C((function*(){return[]}))()}firstUpdated(){var e=()=>super.firstUpdated,t=this;return C((function*(){e().call(t);var{options:n}=t.column.record||[];if(!n){var r=yield t.getOptions();r.unshift?r.unshift(S):r=[S],t.column.record.options=r,t.requestUpdate()}}))()}get editorTemplate(){var{options:e=[S]}=this.column.record||{};return(0,h.qy)(f||(f=w(["\n      <select>\n        ","\n      </select>\n    "])),e.map((e=>(0,h.qy)(y||(y=w([" <option ?selected="," value=",">","</option> "])),e.name==this.value,e.name,e.name))))}}function P(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}var T=class extends M{getOptions(){return(e=function*(){var e,t=null===(e=yield(0,x.Wk)())||void 0===e?void 0:e.data;return t&&t.status||document.dispatchEvent(new CustomEvent("notify",{detail:{level:"info",message:"Fetch Connection List Error!"}})),t&&t.connectionList&&t.connectionList.items||[]},function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){P(i,r,o,a,s,"next",e)}function s(e){P(i,r,o,a,s,"throw",e)}a(void 0)}))})();var e}};function O(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}T=(0,u.Cg)([(0,g.EM)("restful-connection-selector")],T);var A,_,E=class extends M{getOptions(){return(e=function*(){return[{name:"oracle-connector",description:""}]},function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){O(i,r,o,a,s,"next",e)}function s(e){O(i,r,o,a,s,"throw",e)}a(void 0)}))})();var e}};function j(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function z(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function L(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){z(i,r,o,a,s,"next",e)}function s(e){z(i,r,o,a,s,"throw",e)}a(void 0)}))}}E=(0,u.Cg)([(0,g.EM)("restful-connector-selector")],E);var I={name:"",value:""},R=class extends d.U7{getOptions(){var e=this;return L((function*(){var{connectionName:t=""}=e.column.record;return"function"==typeof t&&(t=(yield t.call(e,e.value,e.column,e.record,e.row,e.field))||""),""===t?[{name:"book-up-scenario"},{name:"empty-check"},{name:"end"},{name:"floating-point"},{name:"goto"},{name:"local-graphql-mutate"},{name:"local-graphql-query"},{name:"log"},{name:"pick-pending-scenario"},{name:"publish"},{name:"reset-pending-scenario"},{name:"scenario"},{name:"script"},{name:"sleep"},{name:"switch"},{name:"switch-goto"},{name:"switch-range"},{name:"switch-range-goto"},{name:"switch-range-scenario"},{name:"switch-range-set"},{name:"switch-scenario"},{name:"switch-set"},{name:"throw"},{name:"variables"}]:[{name:"database-query"}]}))()}firstUpdated(){var e=()=>super.firstUpdated,t=this;return L((function*(){e().call(t);var n=yield t.getOptions();n.unshift?n.unshift(I):n=[I],t.options=n,t.requestUpdate()}))()}get editorTemplate(){var e=this.options||[I];return(0,h.qy)(A||(A=j(["\n      <select>\n        ","\n      </select>\n    "])),e.map((e=>(0,h.qy)(_||(_=j([" <option ?selected="," value=",">","</option> "])),e.name==this.value,e.name,e.name))))}};R=(0,u.Cg)([(0,g.EM)("restful-task-type-selector")],R);var N=n(36157),D=n(74413),F=n(70661);function B(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}var q,U,Z=new URL(n(57310),n.b).href,W={mutable:!1,resizable:!0,rotatable:!0,properties:[{type:"string",label:"tag",name:"tag"}],"value-property":"tag"};class H extends((0,D.DataSource)((0,D.RectPath)(D.Shape))){static get image(){return H._image||(H._image=new Image,H._image.src=Z),H._image}dispose(){this.subscription&&this.subscription.unsubscribe(),this.client&&(this.client.unsubscribeAll(),this.client.close(!0)),super.dispose()}render(e){var{left:t,top:n,width:r,height:o}=this.bounds;e.beginPath(),this.drawImage(e,H.image,t,n,r,o)}ready(){this._initDataSubscription()}get nature(){return W}get tag(){return this.state.tag}set tag(e){this.setState("tag",e)}_initDataSubscription(){this.app.isViewMode&&this.requestData()}requestData(){var e,t=this;return(e=function*(){var{tag:e}=t.state,n=t,r='"'.concat(e,'"'),o=t.guid(),i=(0,x.MM)().replace(/^http/,"ws")+"/ws/fmbServer/"+o;t.client=new N.SubscriptionClient(i,{reconnect:!0,connectionParams:{headers:{referer:location.href}}},null,void 0,o),t.client.onError((e=>{var n=t.client;t.disposed&&(n.reconnect=!1,t.client.unsubscribeAll(),t.client.close(!0))})),t.client.onConnected((()=>{F.log("connected")})),t.subscription=t.client.request({query:r}).subscribe({next(e){var{data:t}=e;t&&(n.data=t.data.data)}}),F.log("this.subscription : ",t.subscription)},function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){B(i,r,o,a,s,"next",e)}function s(e){B(i,r,o,a,s,"throw",e)}a(void 0)}))})()}guid(){function e(){return(65536*(1+Math.random())|0).toString(16).substring(1)}return e()+e()+"-"+e()+"-"+e()+"-"+e()+"-"+e()+e()+e()}}function V(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function X(e,t,n,r,o,i,a){try{var s=e[i](a),l=s.value}catch(e){return void n(e)}s.done?t(l):Promise.resolve(l).then(r,o)}function G(){var e;return e=function*(){(0,c.pu)("mcs"),(0,d.VA)("task-type",R),(0,d.VA)("connector",E),(0,d.VA)("connection",T),p.M_.dispatch({type:p.Q2}),yield(0,s.QI)({contextToolbar:"page-footer"}),(0,l.Pt)({name:"board-topmenu",viewpart:{show:!0,template:(0,a.qy)(q||(q=V([" <menu-tools></menu-tools> "])))},position:l.z$.HEADERBAR}),(0,l.Pt)({name:"context-toolbar",viewpart:{show:!0,template:(0,a.qy)(U||(U=V([" <ox-context-toolbar></ox-context-toolbar> "])))},position:l.z$.FOOTERBAR})},G=function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){X(i,r,o,a,s,"next",e)}function s(e){X(i,r,o,a,s,"throw",e)}a(void 0)}))},G.apply(this,arguments)}D.Component.register("data-subscription",H),sessionStorage.setItem("ThingsFactory-UseExternServer","true");const Y={route:function(e){switch(e){case"":return"/lv-modeler";case"lv-modeler-detail":case"board-modeller":return Promise.all([n.e(151),n.e(1668)]).then(n.bind(n,91668)),e;case"lv-monitoring":case"board-viewer":return Promise.all([n.e(151),n.e(3863)]).then(n.bind(n,63863)),e;case"lv-modeler":case"board-list":return n.e(7601).then(n.bind(n,67601)),e;case"attachment-list":return n.e(4338).then(n.bind(n,34338)),e;case"font-list":return n.e(3440).then(n.bind(n,91059)),e;case"connection-list":return n.e(4862).then(n.bind(n,54862)),e;case"scenario-list":return Promise.all([n.e(8165),n.e(7597)]).then(n.bind(n,84893)),e;case"theme-list":return n.e(6385).then(n.bind(n,26385)),e}},routes:[{tagname:"restful-board-viewer-page",page:"board-viewer"},{tagname:"restful-board-viewer-page",page:"lv-monitoring"},{tagname:"restful-board-modeller-page",page:"board-modeller"},{tagname:"restful-board-modeller-page",page:"lv-modeler-detail"},{tagname:"restful-board-list-page",page:"board-list"},{tagname:"restful-board-list-page",page:"lv-modeler"},{tagname:"restful-attachment-list-page",page:"attachment-list"},{tagname:"restful-font-list-page",page:"font-list"},{tagname:"restful-connection-page",page:"connection-list"},{tagname:"restful-scenario-page",page:"scenario-list"},{tagname:"restful-theme-page",page:"theme-list"}],bootstrap:function(){return G.apply(this,arguments)}}}}]);