@fmsim/fmsim 0.0.99 → 1.0.0

package/dist-app/fmsim/modules.js

@@ -1,2 +0,0 @@
-/*! For license information please see modules.js.LICENSE.txt */
-"use strict";(self.webpackChunk_fmsim_fmsim=self.webpackChunk_fmsim_fmsim||[]).push([[6158],{41609:(e,t,n)=>{n.d(t,{NJ:()=>y,Pr:()=>v,WD:()=>k,_y:()=>x,jz:()=>g,r5:()=>S});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]:{};return(yield p.Sn.query({query:(0,d.Ay)(r||(r=c(["\n      {\n        boards(",") {\n          items {\n            id\n            name\n            description\n            thumbnail\n            createdAt\n            updatedAt\n          }\n          total\n        }\n      }\n    "])),(0,p.CH)(e))})).data})),b.apply(this,arguments)}function v(e){return m.apply(this,arguments)}function m(){return(m=h((function*(e){return(yield p.Sn.query({query:(0,d.Ay)(o||(o=c(["\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 y(e){return f.apply(this,arguments)}function f(){return(f=h((function*(e){return e.model=JSON.stringify(e.model),(yield p.Sn.mutate({mutation:(0,d.Ay)(i||(i=c(["\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 x(e){return w.apply(this,arguments)}function w(){return(w=h((function*(e){var{id:t,name:n,description:r,model:o,groupId:i}=e;return o=JSON.stringify(o),(yield p.Sn.mutate({mutation:(0,d.Ay)(a||(a=c(["\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)}function k(e){return C.apply(this,arguments)}function C(){return(C=h((function*(e){return(yield p.Sn.mutate({mutation:(0,d.Ay)(s||(s=c(["\n      mutation ($id: String!) {\n        deleteBoard(id: $id)\n      }\n    "]))),variables:{id:e}})).data}))).apply(this,arguments)}function S(e){return P.apply(this,arguments)}function P(){return(P=h((function*(e){var{data:t}=yield p.Sn.query({query:(0,d.Ay)(l||(l=c(["\n      query FetchBoardById($id: String!) {\n        board(id: $id) {\n          id\n          name\n          description\n          group {\n            id\n            name\n          }\n          thumbnail\n          createdAt\n          creator {\n            id\n            name\n          }\n          updatedAt\n          updater {\n            id\n            name\n          }\n        }\n\n        groups {\n          items {\n            id\n            name\n            description\n          }\n        }\n      }\n    "]))),variables:{id:e}});return t}))).apply(this,arguments)}},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(){}}},75576:(e,t,n)=>{n.d(t,{Fy:()=>v,Gm:()=>y,d:()=>g,vR:()=>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        favoriteBoards(",") {\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(){return b.apply(this,arguments)}function b(){return(b=c((function*(){var{data:e}=yield s.Sn.query({query:(0,l.Ay)(o||(o=p(["\n      query {\n        myFavorites {\n          id\n          routing\n        }\n      }\n    "])))});return e}))).apply(this,arguments)}function v(e){return m.apply(this,arguments)}function m(){return(m=c((function*(e){var{data:t}=yield s.Sn.query({query:(0,l.Ay)(i||(i=p(['\n      mutation {\n        deleteFavorite(routing: "','")\n      }\n    '])),e)});return t}))).apply(this,arguments)}function y(e){return f.apply(this,arguments)}function f(){return(f=c((function*(e){var{data:t}=yield s.Sn.query({query:(0,l.Ay)(a||(a=p(['\n      mutation {\n        createFavorite(favorite: {\n          routing: "','"\n        }) {\n          id\n          routing\n        }\n      }\n    '])),e)});return t}))).apply(this,arguments)}},32154:(e,t,n)=>{n.d(t,{Ni:()=>m,WZ:()=>f,_P:()=>h,vW:()=>b,wj:()=>w});var r,o,i,a,s,l=n(201),p=n(13777);function d(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}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){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,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)}))}}function h(e){return g.apply(this,arguments)}function g(){return(g=u((function*(e){return(yield l.Sn.query({query:(0,p.Ay)(r||(r=d(["\n      query FetchGroupById($id: String!) {\n        group(id: $id) {\n          id\n          name\n          description\n          createdAt\n          creator {\n            id\n            name\n          }\n          updatedAt\n          updater {\n            id\n            name\n          }\n        }\n      }\n    "]))),variables:{id:e}})).data}))).apply(this,arguments)}function b(e){return v.apply(this,arguments)}function v(){return(v=u((function*(e){var{id:t,name:n,description:r}=e;return(yield l.Sn.mutate({mutation:(0,p.Ay)(o||(o=d(["\n      mutation UpdateGroup($id: String!, $patch: GroupPatch!) {\n        updateGroup(id: $id, patch: $patch) {\n          id\n          name\n          description\n          createdAt\n          updatedAt\n        }\n      }\n    "]))),variables:{id:t,patch:{name:n,description:r}}})).data}))).apply(this,arguments)}function m(e){return y.apply(this,arguments)}function y(){return(y=u((function*(e){return(yield l.Sn.mutate({mutation:(0,p.Ay)(i||(i=d(["\n      mutation ($id: String!) {\n        deleteGroup(id: $id)\n      }\n    "]))),variables:{id:e}})).data}))).apply(this,arguments)}function f(){return x.apply(this,arguments)}function x(){return(x=u((function*(){return(yield l.Sn.query({query:(0,p.Ay)(a||(a=d(["\n      {\n        groups {\n          items {\n            id\n            name\n            description\n            createdAt\n            updatedAt\n          }\n          total\n        }\n      }\n    "])))})).data}))).apply(this,arguments)}function w(e){return k.apply(this,arguments)}function k(){return(k=u((function*(e){return(yield l.Sn.mutate({mutation:(0,p.Ay)(s||(s=d(["\n      mutation CreateGroup($group: NewGroup!) {\n        createGroup(group: $group) {\n          id\n          name\n          description\n          createdAt\n          updatedAt\n        }\n      }\n    "]))),variables:{group:e}})).data}))).apply(this,arguments)}},51461:(e,t,n)=>{n.d(t,{Bc:()=>s.Bc,Fy:()=>i.Fy,Ge:()=>s.Ge,Gm:()=>i.Gm,NJ:()=>r.NJ,Ni:()=>a.Ni,Nl:()=>o.N,Pr:()=>r.Pr,Si:()=>l.Si,Ur:()=>l.Ur,WD:()=>r.WD,WZ:()=>a.WZ,Xc:()=>l.Xc,_P:()=>a._P,_y:()=>r._y,d:()=>i.d,ew:()=>l.ew,fR:()=>l.fR,jz:()=>r.jz,r5:()=>r.r5,vR:()=>i.vR,vW:()=>a.vW,wj:()=>a.wj});var r=n(41609),o=n(69255),i=n(75576),a=n(32154),s=n(53987),l=n(41340)},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)}}()},41340:(e,t,n)=>{n.d(t,{Si:()=>h,Ur:()=>f,Xc:()=>w,ew:()=>m,fR:()=>b});var r,o,i,a,s,l=n(201),p=n(13777);function d(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}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){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,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)}))}}function h(){return g.apply(this,arguments)}function g(){return g=u((function*(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{data:t}=yield l.Sn.query({query:(0,p.Ay)(r||(r=d(["\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})),g.apply(this,arguments)}function b(e){return v.apply(this,arguments)}function v(){return(v=u((function*(e){return(yield l.Sn.mutate({mutation:(0,p.Ay)(o||(o=d(["\n      mutation ($patches: [ThemePatch!]!) {\n        updateMultipleTheme(patches: $patches) {\n          name\n        }\n      }\n    "]))),variables:{patches:e}})).data}))).apply(this,arguments)}function m(e){return y.apply(this,arguments)}function y(){return(y=u((function*(e){return(yield l.Sn.mutate({mutation:(0,p.Ay)(i||(i=d(["\n      mutation ($ids: [String!]!) {\n        deleteThemes(ids: $ids)\n      }\n    "]))),variables:{ids:e}})).data}))).apply(this,arguments)}function f(){return x.apply(this,arguments)}function x(){return(x=u((function*(){var e=yield l.Sn.query({query:(0,p.Ay)(a||(a=d(["\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 w(){return k.apply(this,arguments)}function k(){return(k=u((function*(){var e=yield l.Sn.query({query:(0,p.Ay)(s||(s=d(["\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)}},29911:(e,t,n)=>{n.d(t,{Bc:()=>r.Bc,Fy:()=>r.Fy,Ge:()=>r.Ge,Gm:()=>r.Gm,J0:()=>s,NJ:()=>r.NJ,Ni:()=>r.Ni,Nl:()=>r.Nl,Pr:()=>r.Pr,Si:()=>r.Si,Ur:()=>l,WD:()=>r.WD,WZ:()=>r.WZ,Xc:()=>d,_P:()=>r._P,_y:()=>r._y,d:()=>r.d,ew:()=>r.ew,fR:()=>r.fR,jw:()=>u,jz:()=>r.jz,r5:()=>r.r5,vR:()=>r.vR,vW:()=>r.vW,wj:()=>r.wj});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(e,t){return h.apply(this,arguments)}function h(){return(h=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}}))).apply(this,arguments)}},2008:(e,t,n)=>{n(93900)},62634:(e,t,n)=>{function r(){return{"Access-Control-Allow-Origin":"*","Content-Type":"application/json; charset = utf-8"}}n.d(t,{A:()=>r})},78817:(e,t,n)=>{n(93900)},93900:(e,t,n)=>{n.d(t,{MM:()=>l,px:()=>p});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")||"")+(sessionStorage.getItem("lv_server_context_path")||"")}function p(e,t,n,r){return d.apply(this,arguments)}function d(){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},d=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)}))},d.apply(this,arguments)}sessionStorage.getItem("lv_server_ip_port"),sessionStorage.getItem("lv_server_context_path")},98765:(e,t,n)=>{n(93900)},848:(e,t,n)=>{n(93900)},77028:(e,t,n)=>{n(93900)},53074:(e,t,n)=>{n(93900)},17149:(e,t,n)=>{n.d(t,{Ur:()=>o.Ur,Xc:()=>o.Xc,jw:()=>r.j}),n(78817),n(848),n(53074),n(77028),n(2008),n(98765),n(53451),n(93900);var r=n(1180),o=n(87140)},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)}},53451:(e,t,n)=>{n(93900)},87140:(e,t,n)=>{n.d(t,{Ur:()=>s,Xc:()=>p});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(){return l.apply(this,arguments)}function l(){return(l=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 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 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)}},30442:(e,t,n)=>{n.d(t,{G:()=>l});var r=n(54044);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()}))()}}},12181:(e,t,n)=>{n.d(t,{X$:()=>h.X,GJ:()=>u.G,fx:()=>i});var r=n(30277),o={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:new URL(n(65513),n.b).href,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:new URL(n(51057),n.b).href,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:"line",description:"simple line",icon:new URL(n(9405),n.b).href,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:new URL(n(55239),n.b).href,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"}}]};function i(){r.X.registerGroup(o)}var a,s,l,p,d,c,u=n(30442),h=n(91568),g=n(34117),b=(n(53954),n(27856),n(69241)),v=n(11763),m=n(91292),y=n(29911),f=n(70661);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 w(e){return 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)}))}}function k(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var C=class extends b.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,b.qy)(a||(a=k(["\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,b.qy)(s||(s=k([" <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,b.qy)(l||(l=k(['\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 w((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,b.qy)(p||(p=k([" <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 w((function*(){e.groups=(yield(0,y.WZ)()).groups.items,e.groups&&(yield e.refreshBoards())}))()}getBoards(){var e=arguments,t=this;return w((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,y.jz)(i)).boards}))()}getFavoriteBoards(){var e=arguments;return w((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,y.vR)(r)).favoriteBoards}))()}refreshBoards(){var e=this;return w((function*(){e.groups?e.grist.fetch():yield e.refresh()}))()}onCreateBoard(){var e=this;return w((function*(){var t=(0,b.qy)(d||(d=k(["\n      <board-creation-popup\n        .defaultGroup=","\n        .groups=","\n        @create-board=","\n      ></board-creation-popup>\n    "])),e.groupId,e.groups,function(){var t=w((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,y.NJ)(i);e.notify("info","new board created")}catch(t){f.error(t),e.notify("error",t,t)}}));return function(e){return t.apply(this,arguments)}}());m.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}}))}};C.styles=(0,b.AH)(c||(c=k(["\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,g.Cg)([(0,v.MZ)({type:Boolean})],C.prototype,"creatable",void 0),(0,g.Cg)([(0,v.MZ)({type:Object})],C.prototype,"config",void 0),(0,g.Cg)([(0,v.MZ)({type:Object})],C.prototype,"data",void 0),(0,g.Cg)([(0,v.MZ)({type:String})],C.prototype,"mode",void 0),(0,g.Cg)([(0,v.MZ)({type:String})],C.prototype,"groupId",void 0),(0,g.Cg)([(0,v.MZ)({type:Array})],C.prototype,"groups",void 0),(0,g.Cg)([(0,v.MZ)({type:Array})],C.prototype,"favorites",void 0),(0,g.Cg)([(0,v.wk)()],C.prototype,"_showSpinner",void 0),(0,g.Cg)([(0,v.P)("ox-grist")],C.prototype,"grist",void 0),C=(0,g.Cg)([(0,v.EM)("ox-board-list")],C)},30277:(e,t,n)=>{n.d(t,{X:()=>Gn});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,y,f,x,w,k,C=n(79335),S=n(89752),P=n(91292),_=n(58377),M=n(83316),O=n(72644);function E(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}n(10169);class A extends s.WF{constructor(){super(...arguments),this.template=null}render(){var{about:e}=this.template||{};return(0,s.qy)(m||(m=E([" <ox-markdown .src=","></ox-markdown> "])),e)}}function j(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}A.styles=[O.bi,(0,s.AH)(y||(y=E(["\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})],A.prototype,"template",void 0);var z,T,L,I,B=new URL(n(1938),n.b).href;class q extends((0,S.l)(s.WF)){constructor(){super(...arguments),this.groups=[],this.scene=null,this.group="",this.templates=[]}static get scopedElements(){return{"component-detail":A}}render(){return this.group?(0,s.qy)(f||(f=j(["\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=j(["\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=j([""])))}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||B}}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 D(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}q.styles=[O.bi,(0,s.AH)(k||(k=j(["\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})],q.prototype,"groups",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],q.prototype,"scene",void 0),(0,o.Cg)([(0,a.MZ)({type:String})],q.prototype,"group",void 0),(0,o.Cg)([(0,a.wk)()],q.prototype,"templates",void 0),(0,o.Cg)([(0,a.wk)()],q.prototype,"template",void 0),(0,o.Cg)([(0,a.P)("component-detail")],q.prototype,"detail",void 0);class F 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":q}}render(){var e=this.componentGroupList||[],t=this.icons[this.mode===i.SCENE_MODE.SHIFT?"mode-shift":"mode-edit"];return(0,s.qy)(z||(z=D(["\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)(T||(T=D(["\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){R(i,r,o,a,s,"next",e)}function s(e){R(i,r,o,a,s,"throw",e)}a(void 0)}))})()}}F.styles=[(0,s.AH)(L||(L=D(["\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})],F.prototype,"componentGroupList",void 0),(0,o.Cg)([(0,a.MZ)({type:String})],F.prototype,"group",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],F.prototype,"scene",void 0),(0,o.Cg)([(0,a.MZ)({type:Number})],F.prototype,"mode",void 0),(0,o.Cg)([(0,a.P)("#shift")],F.prototype,"shift",void 0),(0,o.Cg)([(0,a.P)("component-menu")],F.prototype,"menu",void 0),(0,o.Cg)([(0,a.P)("div[components]")],F.prototype,"componentsContainer",void 0),(0,o.Cg)([(0,a.YG)("[data-group]")],F.prototype,"groups",void 0);var N,Z,W,U,H,G=(0,s.AH)(I||(N=["\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"],Z||(Z=N.slice(0)),I=Object.freeze(Object.defineProperties(N,{raw:{value:Object.freeze(Z)}})))),V=n(70661);function $(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 X(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var K=(0,_.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){V.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)(W||(W=X(["\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)(U||(U=X([""]))):(0,s.qy)(H||(H=X(['<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&&(V.log("MODEL",this.scene&&this.scene.model),l=!0);break;case"Digit2":i&&(V.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,_.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){$(i,r,o,a,s,"next",e)}function s(e){$(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=[G],(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 Y,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)(Y||(Y=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"]))),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 ye(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){fe(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 fe(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=typeof r)return r;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=ye(ye({},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=ye(ye({},this.mapping),{},{target:r})):"accessor"===n?this.mapping=ye(ye({},this.mapping),{},{accessor:(r||"").trim()}):"property"===n?this.mapping=ye(ye({},this.mapping),{},{property:(r||"").trim()}):"map"===n||"range"===n||"eval"===n?(this.rule[n]=r,this.mapping=ye(ye({},this.mapping),{},{param:r})):"ndnsp"===n&&(r=t.checked,this.mapping=ye(ye({},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){Pe(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 Pe(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=typeof r)return r;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 _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 Me(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,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)}))}}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 Ee,Ae="{}",je=["","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 ze 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]||{},je)}_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(){Ae=JSON.stringify(this.mappings[this.mappingIndex])}_pasteDataBindingMapper(){var e=this;return Me((function*(){var t,n=e.mappingIndex,r=[...(null===(t=e.value)||void 0===t?void 0:t.mappings)||[]];r[e.mappingIndex]=JSON.parse(Ae),e._onAfterValueChange("mappings",r),setTimeout((()=>{e._setMappingIndex(n)}),100)}))()}_onValueChanged(){var e=this;return Me((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 Me((function*(){var n,r=e.target.mapping;r&&r.target&&t.scene&&t.scene.findAll(r.target,t.scene.selected&&t.scene.selected[0]).forEach(((e,t)=>{0==t&&e.trigger("decotagreset"),e.trigger("decotag",{})}));var 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"}}ze.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})],ze.prototype,"value",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],ze.prototype,"scene",void 0),(0,o.Cg)([(0,a.wk)()],ze.prototype,"mappingIndex",void 0),(0,o.Cg)([(0,a.wk)()],ze.prototype,"_afterRender",void 0),(0,o.Cg)([(0,a.wk)()],ze.prototype,"_dataExpanded",void 0),(0,o.Cg)([(0,a.P)("#tabs")],ze.prototype,"tabs",void 0),(0,o.Cg)([(0,a.P)("#tab-nav-left-button")],ze.prototype,"tabNavLeftButton",void 0),(0,o.Cg)([(0,a.P)("#tab-nav-right-button")],ze.prototype,"tabNavRightButton",void 0);var Te,Le,Ie,Be,qe,Re,De=(0,s.AH)(Ee||(Ee=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 Fe(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 Ne(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 Ze(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ne(Object(n),!0).forEach((function(t){We(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ne(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function We(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=typeof r)return r;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 Ue(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){Ue(i,r,o,a,s,"next",e)}function s(e){Ue(i,r,o,a,s,"throw",e)}a(void 0)}))})()}render(){var{action:e,target:t="",pressed:n}=this.value||{};return(0,s.qy)(Te||(Te=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      </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=Ze(Ze({},this.value),{},{options:Ze(Ze({},r),{},{[n]:Fe(t)})})}else this.value=Ze(Ze({},this.value),{},{[n]:Fe(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 Ge(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 Ve(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ge(Object(n),!0).forEach((function(t){$e(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ge(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,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=typeof r)return r;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=[De],(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 Xe 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=Ve(Ve({},this.value),{},{[n]:Fe(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){Ye(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 Ye(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=typeof r)return r;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)}}))}Xe.styles=[ne],(0,o.Cg)([(0,a.MZ)({type:Object})],Xe.prototype,"value",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],Xe.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]:Fe(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)(Be||(Be=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":Xe}}render(){var e=this.value||{};return(0,s.qy)(qe||(qe=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)(Re||(Re=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("reactionreset"),e.trigger("reaction"),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 yt,ft,xt,wt,kt,Ct,St,Pt,_t,Mt,Ot,Et,At,jt,zt,Tt,Lt,It,Bt,qt,Rt=n(90522),Dt=(0,s.AH)(yt||(yt=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 Ft(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}class Nt 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)(ft||(ft=Ft(['\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=Ft(['\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=Ft([""]))),this._isClassIdentifiable(this.selected)?(0,s.qy)(kt||(kt=Ft(['\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=Ft([""]))),this._hasTextProperty(this.selected)?(0,s.qy)(St||(St=Ft(['\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)(Pt||(Pt=Ft([""]))),this._hasProperties(this.selected)?(0,s.qy)(_t||(_t=Ft(['\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)(Mt||(Mt=Ft([""]))),this._isLine(this.selected)?(0,s.qy)(jt||(jt=Ft([""]))):(0,Rt.D)(this.selected,(0,s.qy)(Ot||(Ot=Ft(['\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)(Et||(Et=Ft([""]))):(0,s.qy)(At||(At=Ft(['\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)(zt||(zt=Ft(['\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                <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.paddingTop||0,e.paddingLeft||0,e.paddingRight||0,e.paddingBottom||0):(0,s.qy)(Tt||(Tt=Ft([""]))),this.selected.length&&this.selected[0].isRootModel()?(0,s.qy)(Lt||(Lt=Ft(['\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=Ft([""]))))}_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())}}Nt.styles=[ne,Dt,(0,s.AH)(Bt||(Bt=Ft(["\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)(qt||(qt=Ft(["\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})],Nt.prototype,"value",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],Nt.prototype,"bounds",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],Nt.prototype,"selected",void 0),n(78373);var Zt,Wt,Ut,Ht,Gt,Vt,$t,Xt,Kt,Jt,Yt,Qt,en,tn,nn,rn,on,an,sn,ln,pn,dn,cn,un,hn,gn,bn=n(98529),vn=n(70661),mn={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 yn extends s.WF{constructor(){super(...arguments),this.props=[]}render(){return(0,s.qy)(Zt||(Zt=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=bn.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 vn.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=mn[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 fn(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})],yn.prototype,"value",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],yn.prototype,"props",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],yn.prototype,"propertyEditor",void 0);class xn 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":yn}}render(){this.selected&&this.selected[0];var e=this.value||{};return(0,s.qy)(Wt||(Wt=fn(["\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)(Ut||(Ut=fn(['\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=fn([""]))),this._hasTextProperty(this.selected)?(0,s.qy)(Gt||(Gt=fn(['\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)(Vt||(Vt=fn([""]))),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)}))}}function wn(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}xn.styles=[ne,(0,s.AH)($t||($t=fn(["\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})],xn.prototype,"value",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],xn.prototype,"scene",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],xn.prototype,"selected",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],xn.prototype,"props",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],xn.prototype,"propertyEditor",void 0),n(83658),n(32574),n(44388);class kn 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,fontColor:o,bold:i,italic:a,fillStyle:l,lineWidth:p,strokeStyle:d,lineDash:c,lineCap:u,lineJoin:h,begin:g,beginSize:b,end:v,endSize:m}=this.value||{};return(0,s.qy)(Xt||(Xt=wn(['\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 color"></label>\n          <ox-input-color value-key="fontColor" .value=',' class="property-half-input"> </ox-input-color>\n\n          <label class="property-half-label"></label>\n          <div class="property-half-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        <ox-input-fill-style value-key="fillStyle" .value=',' color-only> </ox-input-fill-style>\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)(Kt||(Kt=wn(['\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)(Jt||(Jt=wn([""]))),n,r,o,i,a,l,p,d,(e=>this._onValueChange(e)),c,u,h,this._isLine(this.selected)?(0,s.qy)(Yt||(Yt=wn(['\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)),g,(e=>this._onValueChange(e)),b,(e=>this._onValueChange(e)),v,(e=>this._onValueChange(e)),m):(0,s.qy)(Qt||(Qt=wn([""]))))}_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 Cn(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 Sn(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){Cn(i,r,o,a,s,"next",e)}function s(e){Cn(i,r,o,a,s,"throw",e)}a(void 0)}))}}function Pn(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 _n(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Pn(Object(n),!0).forEach((function(t){Mn(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Pn(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Mn(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=typeof r)return r;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 On(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}kn.styles=[ne,(0,s.AH)(en||(en=wn(["\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})],kn.prototype,"value",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],kn.prototype,"selected",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],kn.prototype,"fonts",void 0),(0,o.Cg)([(0,a.wk)()],kn.prototype,"fontAvailable",void 0);class En 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":Nt,"property-style":kn,"property-effect":nt,"property-specific":xn,"property-data-binding":ze,"scene-inspector":mt}}render(){var e=this.tabName?this.tabName:"specific";return(0,s.qy)(tn||(tn=On(["\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)(nn||(nn=On(["\n          ","\n        "])),{specific:(0,s.qy)(rn||(rn=On(["\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)(on||(on=On(["\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)(an||(an=On(["\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)(sn||(sn=On(["\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)(ln||(ln=On(["\n              <property-data-binding .scene="," .value="," ?active=",">\n              </property-data-binding>\n            "])),this.scene,this.model,"data-binding"==e),inspector:(0,s.qy)(pn||(pn=On(["\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=_n(_n({},this.propertyTarget.bounds),t)})):this.scene.undoableChange((()=>{this.selected.forEach((e=>{e.bounds=_n(_n({},e.bounds),t)}))})))}_onChangedByScene(){this.propertyTarget&&(this.model=_n({},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 Sn((function*(){yield e.updateComplete,e.scene&&(e.selected=e.scene.select("model-layer"))}))()}_onSelectedChanged(e){var t=this;return Sn((function*(){if(yield t.updateComplete,1==e.length)t._setPropertyTarget(e[0]),t.specificProps=(0,Q.A)(t.propertyTarget.nature.properties),t.model=_n({},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 An(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function jn(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 zn(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?jn(Object(n),!0).forEach((function(t){Tn(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):jn(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Tn(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=typeof r)return r;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}En.styles=[O.bi,(0,s.AH)(dn||(dn=On(["\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})],En.prototype,"scene",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],En.prototype,"bounds",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],En.prototype,"model",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,"specificProps",void 0),(0,o.Cg)([(0,a.MZ)({type:String})],En.prototype,"tabName",void 0),(0,o.Cg)([(0,a.MZ)({type:Boolean})],En.prototype,"collapsed",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],En.prototype,"fonts",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],En.prototype,"propertyEditor",void 0);var Ln=(0,_.U0)(),In=new URL(n(35623),n.b).href,Bn=new URL(n(64599),n.b).href,qn=new URL(n(14366),n.b).href,Rn=new URL(n(6234),n.b).href,Dn=new URL(n(83419),n.b).href,Fn=new URL(n(97425),n.b).href,Nn=new URL(n(98459),n.b).href,Zn=new URL(n(36529),n.b).href,Wn=new URL(n(49794),n.b).href,Un=new URL(n(92548),n.b).href,Hn=[],Gn=class extends((0,S.l)(s.WF)){static registerGroup(e){var t=Hn.find((t=>t.name==e.name));t?t=zn(zn({},t),e):Hn.push(e)}static registerTemplate(e){e&&e.forEach((e=>{var t="string"==typeof e.group?[e.group]:e.group;Hn.filter((e=>t.includes(e.name))).forEach((t=>{t.templates.find((t=>t.type==e.type))||t.templates.push(e)}))}))}static get groups(){return Hn}static getGroup(e){return Hn.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(In,")")),this.style.setProperty("--url-icon-properties-label","url(".concat(Rn,")")),this.style.setProperty("--url-icon-properties-padding","url(".concat(Dn,")")),this.style.setProperty("--url-icon-properties-line-type","url(".concat(Bn,")")),this.style.setProperty("--url-icon-properties-arrow-type","url(".concat(qn,")")),this.style.setProperty("--url-icon-htoolbar","url(".concat(Fn,")")),this.style.setProperty("--url-icon-fullscreen","url(".concat(Nn,")")),this.style.setProperty("--url-icon-collapse","url(".concat(Zn,")")),this.style.setProperty("--url-icon-collapse-active","url(".concat(Wn,")")),this.style.setProperty("--url-icon-shell-inspector","url(".concat(Un,")"))}static get scopedElements(){return{"edit-toolbar":J,"property-sidebar":En,"component-toolbar":F}}render(){return(0,s.qy)(cn||(cn=An(["\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="decotag-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,_.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(Ln)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};P.k7.open({template:(0,s.qy)(un||(un=An([" <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)(hn||(hn=An(["\n      <div brand>\n        <mwc-icon\n          @click=","\n          >home</mwc-icon\n        >\n        <div board_name>","</div>\n      </div>\n    "])),(()=>((0,M.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(){}};Gn.styles=[(0,s.AH)(gn||(gn=An(["\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        height: 100%;\n        overflow: hidden;\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})],Gn.prototype,"boardName",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],Gn.prototype,"model",void 0),(0,o.Cg)([(0,a.MZ)({type:String})],Gn.prototype,"baseUrl",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],Gn.prototype,"selected",void 0),(0,o.Cg)([(0,a.MZ)({type:Number})],Gn.prototype,"mode",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],Gn.prototype,"provider",void 0),(0,o.Cg)([(0,a.MZ)({type:Boolean})],Gn.prototype,"hideProperty",void 0),(0,o.Cg)([(0,a.MZ)({type:String})],Gn.prototype,"overlay",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],Gn.prototype,"scene",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],Gn.prototype,"componentGroupList",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],Gn.prototype,"fonts",void 0),(0,o.Cg)([(0,a.MZ)({type:Object})],Gn.prototype,"themes",void 0),(0,o.Cg)([(0,a.MZ)({type:Array})],Gn.prototype,"propertyEditor",void 0),(0,o.Cg)([(0,a.P)("edit-toolbar")],Gn.prototype,"editToolbar",void 0),Gn=(0,o.Cg)([(0,a.EM)("ox-board-modeller")],Gn)},91568:(e,t,n)=>{n.d(t,{X:()=>G});var r=n(34117),o=(n(92443),n(24379),n(74413)),i={NORMAL:["#00B05033","#00B050"],DELAY:["#FF000033","#FF0000"],ALTER:["#76717133","#767171"],WARN:["#AAAA0033","#AAAA00"]},a=195*Math.PI/180,s=165*Math.PI/180;class l extends o.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=[])}}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),super.dispose&&super.dispose()}get capturable(){return!1}drawArrow(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:10,o=arguments.length>4?arguments[4]:void 0,i=n.x-t.x,l=n.y-t.y,p=Math.atan2(l,i),d=n.x+r*Math.cos(p+a),c=n.y+r*Math.sin(p+a),u=n.x+r*Math.cos(p+s),h=n.y+r*Math.sin(p+s);if(e.beginPath(),e.moveTo(t.x,t.y),e.lineTo(n.x,n.y),e.stroke(),e.beginPath(),e.moveTo(n.x,n.y),e.lineTo(d,c),e.lineTo(u,h),e.lineTo(n.x,n.y),e.setLineDash([]),e.stroke(),e.fill(),o){e.font="bold ".concat(14,"px ").concat("Arial");var g=e.measureText(o).width,[b,v]=[(t.x+n.x)/2-g/2,(t.y+n.y)/2];e.fillRect(b-3,v-7-2,g+6,18),e.fillStyle="white",e.fillText(o,b,v+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]}render(e){var t=this.root,n=this.data instanceof Array&&this.data||[];e.save(),n.forEach((n=>{var[r,o]=this.findSourceAndTarget(n);if(r&&o){var[a,s]=[r.center,o.center],[l,p]=[r.transcoordS2C(a.x,a.y,t),o.transcoordS2C(s.x,s.y,t)];e.beginPath(),e.setLineDash("COMMAND"==n.pathType?[5,5]:[]);var d=e.createLinearGradient(l.x,l.y,p.x,p.y);(i[n.status]||[]).forEach(((e,t)=>d.addColorStop(t,e))),e.strokeStyle=d,e.fillStyle=d,e.lineWidth=2,this.drawArrow(e,l,p,10,Number(n.transportCnt||0)>1?String(n.transportCnt):""),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()}}o.Component.register("movement-layer",l),n(6837),n(79254),n(10169);var p,d,c,u,h,g,b,v,m,y,f,x=n(69241),w=n(11763),k=n(72644),C=n(22314),S=n(70661);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 _(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var M=class extends x.WF{constructor(){super(...arguments),this.collapsed=!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,x.qy)(p||(p=_(["\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      <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"))),(e=>this.onWheel(e)),s?(0,x.qy)(d||(d=_(["\n                <tr>\n                  <td subTh>\n                    <div\n                      location\n                      @click=","\n                    >\n                      ","&nbsp;<mwc-icon>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=>(this.component.trigger("reactionreset"),this.component.trigger("reaction"),!1)),C.MR.t("label.id"),r,C.MR.t("label.type"),s?(0,x.qy)(u||(u=_([""]))):(0,x.qy)(c||(c=_(["&nbsp;<mwc-icon>location_on</mwc-icon>"]))),o):(0,x.qy)(h||(h=_(["\n                <tr>\n                  <td subTh>\n                    <div\n                      location\n                      @click=","\n                    >\n                      ","","\n                    </div>\n                  </td>\n                  <td>","</td>\n                </tr>\n              "])),(e=>(this.component.trigger("reactionreset"),this.component.trigger("reaction"),!1)),C.MR.t("label.type"),s?(0,x.qy)(b||(b=_([""]))):(0,x.qy)(g||(g=_(["&nbsp;<mwc-icon>location_on</mwc-icon>"]))),o),!this.collapsed&&a?(0,x.qy)(v||(v=_(['\n                <tr>\n                  <td split colspan="2">details</td>\n                </tr>\n\n                ',"\n              "])),a.map((e=>{var[t,n]=e;return(0,x.qy)(m||(m=_(["\n                    <tr>\n                      <td subTh>","</td>\n                      <td>","</td>\n                    </tr>\n                  "])),t,n)}))):(0,x.qy)(y||(y=_([""]))))}updated(e){var t,n=this;return(t=function*(){if(e.has("component")&&(n.detailInfo=null,"detailInfo"in n.component))try{n.detailInfo=yield n.component.detailInfo()}catch(e){S.error("failed to get detail information")}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){P(i,r,o,a,s,"next",e)}function s(e){P(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)}};M.styles=[k.bi,(0,x.AH)(f||(f=_(["\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    "])))],(0,r.Cg)([(0,w.MZ)({type:Object})],M.prototype,"component",void 0),(0,r.Cg)([(0,w.wk)()],M.prototype,"detailInfo",void 0),(0,r.Cg)([(0,w.wk)()],M.prototype,"collapsed",void 0),M=(0,r.Cg)([(0,w.EM)("ox-board-component-info")],M),o.EventMap.register("mcs-event-handler",{"model-layer":{"(all)":{click:function(e,t){var n=t.origin;e.stopPropagation(),setTimeout((()=>{var t;"dblclick"!==n.currentEvent&&((null===(t=n.model)||void 0===t?void 0:t.id)&&window.dispatchEvent(new CustomEvent("fetchLvModelDataByMouseEvent",{detail:{value:{type:"click",event:e,model:n.state,data:n.data}}})),window.dispatchEvent(new CustomEvent("clickComponent",{detail:n})))}),300)},dblclick:function(e,t){var n,r=t.origin;setTimeout((()=>{r.currentEvent=""}),500),e.stopPropagation(),r.currentEvent="dblclick",(null===(n=r.model)||void 0===n?void 0:n.id)&&window.dispatchEvent(new CustomEvent("fetchLvModelDataByMouseEvent",{detail:{value:{type:"dblclick",event:e,model:r.state,data:r.data}}}))}}}});var O,E,A,j,z,T,L,I,B=n(58377),q=n(30442),R=n(29911),D=n(70661);function F(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 N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){Z(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Z(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=typeof r)return r;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 W(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){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){W(i,r,o,a,s,"next",e)}function s(e){W(i,r,o,a,s,"throw",e)}a(void 0)}))}}function H(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var G=class extends x.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.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?(o[0].trigger("reactionreset"),o.forEach((e=>e.trigger("reaction"))),null===(n=this._scene)||void 0===n||n.centerTo(o[0],!0)):D.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=e.detail,{type:n}=t.state;"model-layer"!=n?this.togglePopup(t):this.hidePopup()}}render(){var e=(0,B.un)()||this.hideFullscreen?(0,x.qy)(E||(E=H([""]))):(0,x.qy)(O||(O=H(['\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,x.qy)(j||(j=H([""]))):(0,x.qy)(A||(A=H(['\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,x.qy)(T||(T=H([""]))):(0,x.qy)(z||(z=H(['\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,x.qy)(L||(L=H(["\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)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("fetchIFactsData",this.fetchIFactsDataHandler),window.removeEventListener("fmbShowMovement",this.fmbShowMovementHandler),window.removeEventListener("fmbMonitoringInit",this.fmbMonitoringInitHandler),window.removeEventListener("clickComponent",this.clickComponentHandler),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 U((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,o.create)({model:N({},this.board.model),style:this.board.style,mode:o.SCENE_MODE.VIEW,handlers:["mcs-event-handler","zoom-handler","shift-handler"],layers:[{type:"decotag-layer"},{type:"reaction-layer"},{type:"scroll-layer"},{type:"movement-layer",id:"movement-layer"}],refProvider:this.provider,dataStorage:"preview"!==this.board.id?new q.G(this.board.id):void 0,dataSubscriptionProvider:(0,R.J0)()?void 0:new R.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 U((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){D.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,B.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 U((function*(){try{yield(0,R.Bc)(e,e,t)}catch(e){D.error(e)}}))()}onRunScenario(e,t,n){return U((function*(){try{n.data=yield(0,R.Ge)(e,t)}catch(e){D.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)}};G.styles=[k.bi,(0,x.AH)(I||(I=H(["\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,w.MZ)({type:String})],G.prototype,"baseUrl",void 0),(0,r.Cg)([(0,w.MZ)({type:Object})],G.prototype,"board",void 0),(0,r.Cg)([(0,w.MZ)({type:Object})],G.prototype,"provider",void 0),(0,r.Cg)([(0,w.MZ)({type:Object})],G.prototype,"data",void 0),(0,r.Cg)([(0,w.MZ)({type:Object})],G.prototype,"values",void 0),(0,r.Cg)([(0,w.MZ)({type:Boolean,reflect:!0,attribute:"hide-fullscreen"})],G.prototype,"hideFullscreen",void 0),(0,r.Cg)([(0,w.MZ)({type:Boolean,reflect:!0,attribute:"hide-navigation"})],G.prototype,"hideNavigation",void 0),(0,r.Cg)([(0,w.wk)()],G.prototype,"_scene",void 0),(0,r.Cg)([(0,w.wk)()],G.prototype,"_forward",void 0),(0,r.Cg)([(0,w.wk)()],G.prototype,"_backward",void 0),(0,r.Cg)([(0,w.wk)()],G.prototype,"_oldtarget",void 0),(0,r.Cg)([(0,w.wk)()],G.prototype,"_fade_animations",void 0),(0,r.Cg)([(0,w.P)("#target")],G.prototype,"_target",void 0),(0,r.Cg)([(0,w.P)("#prev")],G.prototype,"_prev",void 0),(0,r.Cg)([(0,w.P)("#next")],G.prototype,"_next",void 0),(0,r.Cg)([(0,w.P)("#fullscreen")],G.prototype,"_fullscreen",void 0),G=(0,r.Cg)([(0,w.EM)("ox-board-viewer")],G)},77617:(e,t,n)=>{n.d(t,{Q:()=>y});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 y=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})],y.prototype,"defaultGroup",void 0),(0,a.Cg)([(0,l.MZ)({type:Array})],y.prototype,"groups",void 0),y=(0,a.Cg)([(0,l.EM)("ox-board-creation-card")],y)},13379:(e,t,n)=>{n.d(t,{A:()=>q}),n(3374),n(75050),n(47964),n(65016),n(47640);var r,o,i,a=n(34117),s=(n(24379),n(69241)),l=n(11763),p=n(41191),d=n(83316);function c(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var u=class extends((0,p.N)(d.M_)(s.WF)){render(){return this.context&&this.context.board_topmenu?(0,s.qy)(r||(r=c(['\n          <ul>\n            <li>\n              <a href="board-list" ?active=','>\n                <mwc-icon>dvr</mwc-icon>\n                <div><ox-i18n msgid="label.board"></ox-i18n></div>\n              </a>\n            </li>\n            <li>\n              <a href="font-list" ?active=','>\n                <mwc-icon>font_download</mwc-icon>\n                <div><ox-i18n msgid="label.font"></ox-i18n></div>\n              </a>\n            </li>\n            <li>\n              <a href="attachment-list" ?active=','>\n                <mwc-icon>attachment</mwc-icon>\n                <div><ox-i18n msgid="label.attachment"></ox-i18n></div>\n              </a>\n            </li>\n            <li>\n              <a href="theme-list" ?active=','>\n                <mwc-icon>draw</mwc-icon>\n                <div><ox-i18n msgid="label.theme"></ox-i18n></div>\n              </a>\n            </li>\n            <li>\n              <a href="connection-list" ?active=','>\n                <mwc-icon>device_hub</mwc-icon>\n                <div><ox-i18n msgid="label.connection"></ox-i18n></div>\n              </a>\n            </li>\n            <li>\n              <a href="scenario-list" ?active=','>\n                <mwc-icon>format_list_numbered</mwc-icon>\n                <div><ox-i18n msgid="label.scenario"></ox-i18n></div>\n              </a>\n            </li>\n          </ul>\n        '])),"board-list"==this.page,"font-list"==this.page,"attachment-list"==this.page,"theme-list"==this.page,"connection-list"==this.page,"scenario-list"==this.page):(0,s.qy)(o||(o=c([""])))}stateChanged(e){this.page=e.route.page,this.width=e.layout.width,this.context=e.route.context}};u.styles=[(0,s.AH)(i||(i=c(["\n      :host {\n        display: flex;\n        background-color: var(--menu-tools-background-color);\n\n        /* for narrow mode */\n        flex-direction: column;\n        width: 100%;\n      }\n\n      :host([width='WIDE']) {\n        /* for wide mode */\n        flex-direction: row;\n        width: initial;\n        height: 100%;\n      }\n\n      ul {\n        display: flex;\n        flex-direction: row;\n\n        margin: auto;\n        padding: 0;\n        list-style: none;\n        height: 100%;\n        overflow: none;\n      }\n\n      :host([width='WIDE']) ul {\n        flex-direction: column;\n      }\n\n      :host([width='WIDE']) li {\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n        border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n      }\n\n      a {\n        display: block;\n        padding: 5px 0px;\n        text-align: center;\n        text-decoration: none;\n        color: var(--menu-tools-color);\n        max-width: 54px;\n      }\n\n      a[active] {\n        color: var(--menu-tools-active-color);\n        background-color: rgba(0, 0, 0, 0.2);\n      }\n\n      mwc-icon {\n        padding: 5px 15px 0px 15px;\n        vertical-align: bottom;\n      }\n\n      div {\n        font-size: 0.6em;\n      }\n    "])))],(0,a.Cg)([(0,l.MZ)({type:String}),(0,a.Sn)("design:type",String)],u.prototype,"page",void 0),(0,a.Cg)([(0,l.MZ)({type:String,reflect:!0}),(0,a.Sn)("design:type",String)],u.prototype,"width",void 0),(0,a.Cg)([(0,l.MZ)({type:Boolean}),(0,a.Sn)("design:type",Boolean)],u.prototype,"editable",void 0),(0,a.Cg)([(0,l.MZ)({type:Object}),(0,a.Sn)("design:type",Object)],u.prototype,"context",void 0),u=(0,a.Cg)([(0,l.EM)("menu-tools")],u);var h,g,b,v=n(42545),m=n(29911);function y(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){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){y(i,r,o,a,s,"next",e)}function s(e){y(i,r,o,a,s,"throw",e)}a(void 0)}))}}function x(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var w=class extends((0,p.N)(d.M_)(s.WF)){render(){return-1!==(this.acceptedPages||[]).indexOf(this.page)?(0,s.qy)(h||(h=x(["\n          <mwc-icon @click="," ?favorable=","\n            >","</mwc-icon\n          >\n        "])),this.onClick.bind(this),!this.favored,this.favored?"star":"star_border"):(0,s.qy)(g||(g=x([""])))}updated(e){e.has("user")&&this.refreshFavorites(),this.favored=(this.favorites||[]).includes(this.resourceId)}stateChanged(e){this.page=e.route.page,this.favorites=e.favorite.favorites,this.user=e.auth.user,this.resourceId=e.route.resourceId}onClick(e){this.resourceId&&(this.favored?this.removeFavorite(this.resourceId):this.addFavorite(this.resourceId))}refreshFavorites(){var e=this;return f((function*(){if(e.user&&e.user.email){var t=yield(0,m.d)();d.M_.dispatch({type:v.q,favorites:t.myFavorites.map((e=>e.routing))})}}))()}removeFavorite(e){var t=this;return f((function*(){yield(0,m.Fy)(e),t.refreshFavorites()}))()}addFavorite(e){var t=this;return f((function*(){yield(0,m.Gm)(e),t.refreshFavorites()}))()}};w.styles=(0,s.AH)(b||(b=x(["\n    :host {\n      display: inline-block;\n      vertical-align: middle;\n      line-height: 0;\n    }\n\n    [favorable] {\n      opacity: 0.5;\n    }\n  "]))),(0,a.Cg)([(0,l.MZ)({type:Array}),(0,a.Sn)("design:type",Array)],w.prototype,"favorites",void 0),(0,a.Cg)([(0,l.MZ)({type:Object}),(0,a.Sn)("design:type",Object)],w.prototype,"user",void 0),(0,a.Cg)([(0,l.MZ)({type:String}),(0,a.Sn)("design:type",String)],w.prototype,"resourceId",void 0),(0,a.Cg)([(0,l.MZ)({type:Boolean}),(0,a.Sn)("design:type",Boolean)],w.prototype,"favored",void 0),(0,a.Cg)([(0,l.MZ)({type:Array}),(0,a.Sn)("design:type",Array)],w.prototype,"acceptedPages",void 0),w=(0,a.Cg)([(0,l.EM)("favorite-tool")],w);var k,C,S,P=n(55688),_=n(64604),M=n(78808),O=n(99603),E=n(45336),A=n(73007),j=n(34598),z=n(58377);function T(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 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 B(){return B=I((function*(){(0,z.pu)("mcs"),d.M_.dispatch({type:d.Q2}),A.j2.on("profile",function(){var e=I((function*(e){var{credential:t}=e;(0,j.Ii)(t)}));return function(t){return e.apply(this,arguments)}}()),yield(0,O.i)({toolbar:!0,busybar:!0,mdibar:!0}),yield(0,E.QI)({titlebar:"header",contextToolbar:"page-footer"}),(0,_.Pt)({name:"viewpart-info",viewpart:{show:!1,hovering:"edge",backdrop:!0},position:_.z$.ASIDEBAR}),(0,_.Pt)({name:"board-topmenu",viewpart:{show:!0,template:(0,P.qy)(k||(k=T([" <menu-tools></menu-tools> "])))},position:_.z$.NAVBAR}),d.M_.subscribe(I((function*(){var e=d.M_.getState();e.layout.width!=S&&(S=e.layout.width,(0,_.Yl)("board-topmenu",{position:"WIDE"==S?_.z$.NAVBAR:_.z$.FOOTERBAR,level:_.gr.TOPMOST}))}))),d.M_.dispatch({type:M.K,tool:{name:"favorite-tool",template:(0,P.qy)(C||(C=T([" <favorite-tool .acceptedPages=","></favorite-tool> "])),["board-viewer"]),position:_.Z9.REAR}})})),B.apply(this,arguments)}const q={route:function(e){switch(e){case"":return"/board-list";case"board-list":return Promise.all([n.e(8565),n.e(1756)]).then(n.bind(n,41756)),e;case"attachment-list":return n.e(1906).then(n.bind(n,11906)),e;case"font-list":return n.e(8186).then(n.bind(n,58186)),e;case"connection-list":return n.e(4059).then(n.bind(n,54059)),e;case"scenario-list":return Promise.all([n.e(8165),n.e(7377),n.e(8405)]).then(n.bind(n,96645)),e;case"theme-list":return n.e(7688).then(n.bind(n,47688)),e}},routes:[{tagname:"board-list-page",page:"board-list"},{tagname:"attachment-list-page",page:"attachment-list"},{tagname:"font-list-page",page:"font-list"},{tagname:"connection-list-page",page:"connection-list"},{tagname:"scenario-list-page",page:"scenario-list"},{tagname:"toplevel-theme-list-page",page:"theme-list"}],bootstrap:function(){return B.apply(this,arguments)}}},3374:(e,t,n)=>{n.d(t,{M:()=>p});var r=n(74413),o=n(12181),i=n(29911),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(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,l,"next",e)}function l(e){s(i,r,o,a,l,"throw",e)}a(void 0)}))}}var p=new r.ReferenceMap(function(){var e=l((function*(e,t,n){try{var{board:s,themes:l}=(yield(0,i.Pr)(e))||{},d=null==l?void 0:l.items.reduce(((e,t)=>{try{e[t.name]="string"==typeof t.value?JSON.parse(t.value):t.value}catch(e){a.error("themes parse error",e)}return e}),{});if(!s)return void n(new Error("Failed to get the requested board."));var c,u=JSON.parse(s.model);try{c=yield p.get(e),a.warn("Board fetched more than twice.",e)}catch(t){c=(0,r.create)({model:u,style:d,mode:0,refProvider:p,dataStorage:new o.GJ(e)})}t(c)}catch(e){(0,r.error)(e),n(e)}}));return function(t,n,r){return e.apply(this,arguments)}}(),function(){var e=l((function*(e,t){t.dispose()}));return function(t,n){return e.apply(this,arguments)}}())},47964:(e,t,n)=>{n.r(t),n.d(t,{BoardModellerPage:()=>B});var r=n(34117),o=(n(88904),n(30277)),i=n(69241),a=n(11763),s=n(41191),l=n(98529),p=n(83316),d=n(29911),c=n(3374);const u={type:"StockerCapacityBar",description:"StockerCapacityBar",icon:new URL(n(42120),n.b).href,group:"SCS",model:{type:"StockerCapacityBar",left:100,top:100,width:200,height:60,maxCapacity:100,highWatermark:100,currentUsage:0}},h={type:"ZoneCapacityBar",description:"ZoneCapacityBar",icon:new URL(n(3636),n.b).href,group:"SCS",model:{type:"ZoneCapacityBar",left:100,top:100,width:200,height:60,maxCapacity:100,highWatermark:100,currentUsage:0,round:30}},g={type:"AGV",description:"Auto Guided Vehicle",icon:new URL(n(57289),n.b).href,group:"ACS",model:{type:"AGV",left:100,top:100,width:20,height:20}},b={type:"Buffer",description:"Buffer",icon:new URL(n(50093),n.b).href,group:"BCS",model:{type:"Buffer",left:100,top:100,width:30,height:30}},v={type:"Equipment",description:"Equipment",icon:new URL(n(90779),n.b).href,group:"ECS",model:{type:"Equipment",left:100,top:100,width:40,height:30}},m={type:"OHT",description:"OHT",icon:new URL(n(3536),n.b).href,group:"OCS",model:{type:"OHT",left:100,top:100,width:20,height:20}},y={type:"Stocker",description:"stocker",icon:new URL(n(43104),n.b).href,group:"SCS",model:{type:"STOCKER",left:100,top:100,width:240,height:100,radius:10}},f={type:"Shuttle",description:"Shuttle",icon:new URL(n(37076),n.b).href,group:"CCS",model:{type:"Shuttle",left:100,top:100,width:20,height:20}},x={type:"Port",description:"port shape",icon:new URL(n(95594),n.b).href,group:["BCS","CCS","ECS","SCS"],model:{type:"Port",left:100,top:100,width:20,height:20}},w={type:"Crane",description:"Crane",icon:new URL(n(12812),n.b).href,group:"SCS",model:{type:"Crane",left:100,top:100,width:20,height:20}},k={type:"Shelf",description:"Shelf",icon:new URL(n(81669),n.b).href,group:"SCS",model:{type:"Shelf",left:100,top:100,width:20,height:20}},C={type:"AGV Line",description:"AGV Line",icon:new URL(n(66674),n.b).href,group:"ACS",model:{type:"AGVLine",left:200,top:100,width:100,height:20}},S={type:"OHT Line",description:"OHT Line",icon:new URL(n(46985),n.b).href,group:"OCS",model:{type:"OHTLine",left:200,top:100,width:100,height:20}},P={type:"Conveyor",description:"Conveyor",icon:new URL(n(93916),n.b).href,group:"CCS",model:{type:"Conveyor",left:100,top:100,width:100,height:20,lineWidth:1,strokeStyle:"black",rollWidth:12}},_={templates:[{type:"data-subscription",description:"data-subscription",group:"etc",icon:new URL(n(58729),n.b).href,model:{type:"data-subscription",left:10,top:10,width:100,height:100,hidden:!0}},u,h,b,y,v,C,S,P,g,m,f,w,k,x],groups:n(21722).A};var M=n(39090),O=[];O[0]=_,O[1]=M.A;const E=O;var A,j,z;function T(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 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)}))}}var B=class extends((0,s.N)(p.M_)(p.hv)){constructor(){super(),E.forEach((e=>{var{templates:t=[],groups:n=[]}=e;n.forEach((e=>o.X.registerGroup(e))),o.X.registerTemplate(t)}));var e={};for(var t in E){var{editors:n}=E[t];n&&n.forEach((t=>{var{type:n,element:r}=t;e[n]=r}))}l.Q.register(e),this.boardName="",this.model=null,this.themes=null,this.baseUrl="",this.selected=[],this.mode=1,this.hideProperty=!1,this.overlay=null,this.scene=null,this.fonts=[],this.board=null,this.componentGroupList=o.X.groups}get context(){return{title:this.board?this.boardName:this.preparing?"Fetching board...":"Board Not Found",widebleed:!0}}get oopsNote(){return{icon:"color_lens",title:"EMPTY BOARD",description:"There are no board to be designed"}}refresh(){var e=this;return I((function*(){if(!e.boardId)return e.board=null,void(e.model=null);try{e.preparing=!0,e.updateContext();var{board:t,themes:n}=(yield(0,d.Pr)(e.boardId))||{};if(!t)throw e.board=null,"board not found";e.board=Object.assign(Object.assign({},t),{model:Object.assign({},JSON.parse(t.model))}),e.boardName=e.board.name,e.model=Object.assign({},e.board.model),e.themes=null==n?void 0:n.items.reduce(((e,t)=>(e[t.name]=t.value,e)),{})}catch(e){document.dispatchEvent(new CustomEvent("notify",{detail:{level:"error",message:e,ex:e}}))}finally{e.preparing=!1,e.updateContext()}}))()}updated(e){e.has("boardId")&&this.refresh()}pageUpdated(e,t){var n;this.active?this.boardId=t.resourceId:(this.boardId=null,this.model=null,null===(n=this.modeller)||void 0===n||n.close())}stateChanged(e){this.baseUrl=e.route.rootPath,this.fonts=e.font}render(){var e=!this.preparing&&!this.model&&this.oopsNote;return e?(0,i.qy)(A||(A=T([" <oops-note icon="," title="," description=","></oops-note> "])),e.icon,e.title,e.description):(0,i.qy)(j||(j=T(["\n          <ox-board-modeller\n            .mode=","\n            @mode-changed=","\n            .model=","\n            @model-changed=","\n            .scene=","\n            @scene-changed=","\n            .selected=","\n            @selected-changed=","\n            .baseUrl=","\n            .provider=","\n            @save-model=","\n            .componentGroupList=","\n            .fonts=","\n            .themes=","\n            .hideProperty=","\n          >\n          </ox-board-modeller>\n        "])),this.mode,(e=>{this.mode=e.detail.value}),this.model,(e=>{this.model=e.detail.value}),this.scene,(e=>{this.scene=e.detail.value}),this.selected,(e=>{this.selected=e.detail.value}),this.baseUrl,c.M,(e=>this.saveBoard()),this.componentGroupList,this.fonts,this.themes,this.hideProperty)}updateBoard(){var e=this;return I((function*(){try{e.preparing=!0;var{id:t,name:n,description:r,groupId:o}=e.board,i=e.scene.model;yield(0,d._y)({id:t,name:n,description:r,model:i,groupId:o}),document.dispatchEvent(new CustomEvent("notify",{detail:{level:"info",message:"saved"}}))}catch(e){document.dispatchEvent(new CustomEvent("notify",{detail:{level:"error",message:e,ex:e}}))}finally{e.preparing=!1}e.updateContext()}))()}saveBoard(){var e=this;return I((function*(){yield e.updateBoard()}))()}};B.styles=[(0,i.AH)(z||(z=T(["\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        overflow: hidden;\n        position: relative;\n      }\n\n      board-modeller {\n        flex: 1;\n      }\n\n      oops-note {\n        display: block;\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n      }\n    "])))],(0,r.Cg)([(0,a.MZ)({type:String}),(0,r.Sn)("design:type",Object)],B.prototype,"boardId",void 0),(0,r.Cg)([(0,a.MZ)({type:String}),(0,r.Sn)("design:type",String)],B.prototype,"boardName",void 0),(0,r.Cg)([(0,a.MZ)({type:Object}),(0,r.Sn)("design:type",Object)],B.prototype,"model",void 0),(0,r.Cg)([(0,a.MZ)({type:Object}),(0,r.Sn)("design:type",Object)],B.prototype,"themes",void 0),(0,r.Cg)([(0,a.MZ)({type:String}),(0,r.Sn)("design:type",String)],B.prototype,"baseUrl",void 0),(0,r.Cg)([(0,a.MZ)({type:Array}),(0,r.Sn)("design:type",Object)],B.prototype,"selected",void 0),(0,r.Cg)([(0,a.MZ)({type:Number}),(0,r.Sn)("design:type",Number)],B.prototype,"mode",void 0),(0,r.Cg)([(0,a.MZ)({type:Boolean}),(0,r.Sn)("design:type",Boolean)],B.prototype,"hideProperty",void 0),(0,r.Cg)([(0,a.MZ)({type:String}),(0,r.Sn)("design:type",Object)],B.prototype,"overlay",void 0),(0,r.Cg)([(0,a.MZ)({type:Object}),(0,r.Sn)("design:type",Object)],B.prototype,"scene",void 0),(0,r.Cg)([(0,a.MZ)({type:Array}),(0,r.Sn)("design:type",Object)],B.prototype,"componentGroupList",void 0),(0,r.Cg)([(0,a.MZ)({type:Array}),(0,r.Sn)("design:type",Object)],B.prototype,"fonts",void 0),(0,r.Cg)([(0,a.MZ)({type:Array}),(0,r.Sn)("design:type",Object)],B.prototype,"propertyEditor",void 0),(0,r.Cg)([(0,a.MZ)({type:Boolean}),(0,r.Sn)("design:type",Boolean)],B.prototype,"preparing",void 0),(0,r.Cg)([(0,a.P)("ox-board-modeller"),(0,r.Sn)("design:type",o.X)],B.prototype,"modeller",void 0),B=(0,r.Cg)([(0,a.EM)("board-modeller-page"),(0,r.Sn)("design:paramtypes",[])],B)},75050:(e,t,n)=>{n.r(t),n.d(t,{BoardViewerPage:()=>m});var r,o,i,a=n(34117),s=(n(88904),n(91568),n(65016),n(69241)),l=n(11763),p=n(41191),d=n(12181),c=n(83316),u=n(29911),h=n(3374),g=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)}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,p.N)(c.M_)(c.hv)){constructor(){super(...arguments),this.showFMBUnitInfoHandler=this.showFMBUnitInfo.bind(this)}get oopsNote(){return{icon:"insert_chart_outlined",title:"EMPTY BOARD",description:"There are no board to be shown"}}get context(){return{title:this.lifecycle.params.title||(this._board?this._board.name:this.preparing?"Fetching board...":"Board Not Found")}}render(){var e=!this.preparing&&!this._board&&this.oopsNote;return e?(0,s.qy)(r||(r=v([" <oops-note icon="," title="," description=","></oops-note> "])),e.icon,e.title,e.description):(0,s.qy)(o||(o=v(["\n          <ox-board-viewer\n            .board=","\n            .provider=","\n            ?hide-fullscreen=","\n            ?hide-navigation=","\n          ></ox-board-viewer>\n\n          <slot></slot>\n        "])),this._board,h.M,this._interactive,this._interactive)}updated(e){e.has("_boardId")&&this.refresh()}pageUpdated(e,t){if(this.active)this.hidePopup(),this._boardId=t.resourceId,this._interactive="true"===t.params.interactive;else{if(this._boardId){var n=this.boardViewer;n&&n.closeScene()}this._boardId=""}}stateChanged(e){this._baseUrl=e.app.baseUrl}refresh(){var e,t=this;return(e=function*(){if(t._boardId)try{t.preparing=!0,t.updateContext();var{board:e,themes:n}=(yield(0,u.Pr)(t._boardId))||{},r=null==n?void 0:n.items.reduce(((e,t)=>(e[t.name]=t.value,e)),{});if(!e)throw t._board=null,"board not found";t._board=Object.assign(Object.assign({},e),{model:Object.assign({},JSON.parse(e.model)),style:r})}catch(e){document.dispatchEvent(new CustomEvent("notify",{detail:{level:"error",message:e,ex:e}}))}finally{t.preparing=!1,t.updateContext()}else t._board=null},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)}))})()}showFMBUnitInfo(e){var t,n;e.stopPropagation();var{type:r,model:o,event:i,data:a}=(null===(t=e.detail)||void 0===t?void 0:t.value)||{},{id:s,type:l}=o||{};if(g.log("".concat(s,":").concat(l," ").concat(r)),"hover"!=r){var p=(null===(n=e.detail)||void 0===n?void 0:n.value)||{};if(!this.popup){var d=document.createElement("fmb-unit-info");d.addEventListener("close",(e=>{e.stopPropagation(),this.hidePopup()})),this.appendChild(d),this.popup=d}this.popup.unit=p}}hidePopup(){this.popup&&(this.removeChild(this.popup),delete this.popup)}};m.styles=[(0,s.AH)(i||(i=v(["\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        width: 100%; /* 전체화면보기를 위해서 필요함. */\n        height: 100%;\n\n        overflow: hidden;\n        position: relative;\n      }\n\n      ox-board-viewer {\n        flex: 1;\n        background-color: white;\n      }\n\n      ::slotted(fmb-unit-info) {\n        position: absolute;\n        right: 10px;\n        top: 10px;\n        width: 200px;\n        opacity: 0.9;\n        box-shadow: 2px 2px 4px gray;\n      }\n\n      oops-note {\n        display: block;\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n      }\n    "])))],(0,a.Cg)([(0,l.MZ)({type:Object}),(0,a.Sn)("design:type",Object)],m.prototype,"_board",void 0),(0,a.Cg)([(0,l.MZ)({type:String}),(0,a.Sn)("design:type",String)],m.prototype,"_boardId",void 0),(0,a.Cg)([(0,l.MZ)({type:String}),(0,a.Sn)("design:type",String)],m.prototype,"_baseUrl",void 0),(0,a.Cg)([(0,l.MZ)({type:Boolean}),(0,a.Sn)("design:type",Boolean)],m.prototype,"_interactive",void 0),(0,a.Cg)([(0,l.MZ)({type:Boolean}),(0,a.Sn)("design:type",Boolean)],m.prototype,"preparing",void 0),(0,a.Cg)([(0,l.P)("ox-board-viewer"),(0,a.Sn)("design:type",d.X$)],m.prototype,"boardViewer",void 0),m=(0,a.Cg)([(0,l.EM)("board-viewer-page")],m)},65016:(e,t,n)=>{var r,o,i,a,s=n(34117),l=(n(24379),n(6837),n(79254),n(10169),n(69241)),p=n(11763),d=n(72644),c=n(22314);function u(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var h=class extends l.WF{constructor(){super(...arguments),this.dragEndHandler=this.onDragEnd.bind(this),this.dragMoveHandler=this.onDragMove.bind(this)}connectedCallback(){super.connectedCallback(),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{model:e,data:t}=this.unit||{},{id:n,type:a}=e||{};return(0,l.qy)(r||(r=u(["\n      <div header @mousedown=",' draggable="false">\n        Object Information<mwc-icon @click=',">close</mwc-icon>\n      </div>\n      <div content>\n        <table>\n          <tr>\n            <td subTh>","</td>\n            <td>\n              ","\n            </td>\n          </tr>\n          <tr>\n            <td subTh>","</td>\n            <td>",'</td>\n          </tr>\n\n          <tr>\n            <td colspan="2">\n              <pre>',"</pre>\n            </td>\n          </tr>\n        </table>\n      </div>\n    "])),this.onDragStart.bind(this),(e=>this.dispatchEvent(new CustomEvent("close"))),c.MR.t("label.id"),n?(0,l.qy)(o||(o=u(["<a\n                    @click=","\n                    >","</a\n                  >"])),(()=>(window.dispatchEvent(new CustomEvent("fetchIFactsData",{detail:{value:n}})),!1)),n):(0,l.qy)(i||(i=u([""]))),c.MR.t("label.type"),a,JSON.stringify(t,null,2))}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)}};h.styles=[d.bi,(0,l.AH)(a||(a=u(["\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      [header] mwc-icon {\n        margin-left: auto;\n        align-self: center;\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      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        min-width: 60px;\n        text-transform: capitalize;\n        background-color: rgba(0, 0, 0, 0.05);\n      }\n\n      tr:hover,\n      [formation]:hover {\n        background-color: var(--focus-background-color) !important;\n      }\n    "])))],(0,s.Cg)([(0,p.MZ)({type:Object}),(0,s.Sn)("design:type",Object)],h.prototype,"unit",void 0),h=(0,s.Cg)([(0,p.EM)("fmb-unit-info")],h)},33639:(e,t,n)=>{n.d(t,{A:()=>D});var r,o,i,a,s,l,p=n(34117),d=(n(24379),n(77617),n(69241)),c=n(11763),u=n(22314),h=n(72644),g=n(47018),b=n(83316),v=n(29911);function m(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){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function a(e){m(i,r,o,a,s,"next",e)}function s(e){m(i,r,o,a,s,"throw",e)}a(void 0)}))}}function f(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var x=class extends((0,g.A)((0,u.kg)(u.MR)(d.WF))){static get styles(){return[h.bi,(0,d.AH)(r||(r=f(["\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: var(--card-list-template);\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=b.OB.Include,this.creatable=!1,this._page=1,this._total=0,this._infiniteScrollOptions.limit=50}render(){return(0,d.qy)(o||(o=f(['\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()}),u.MR.t("label.all"),this.groups.map((e=>(0,d.qy)(i||(i=f([" <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,d.qy)(a||(a=f(['\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,d.qy)(s||(s=f([""]))),this.boards.map((e=>(0,d.qy)(l||(l=f(['\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 y((function*(){return e.appendBoards()}))()}firstUpdated(){this.refreshGroups()}updated(e){var t=this;return y((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 y((function*(){var{name:n,description:r,groupId:o}=e.detail;yield t.createBoard(n,r,o),t.refreshBoards()}))()}refreshGroups(){var e=this;return y((function*(){var t=yield(0,v.WZ)();e.groups=[...t],e.group=t.filter((t=>t.id==e.group)).length>0?e.group:""}))()}refreshBoards(){var e=this;return y((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 y((function*(){var t=yield e.getBoards({page:e._page+1});e.boards=[...e.boards,...t]}))()}getBoards(){var e=arguments,t=this;return y((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||b.OB.Include},s=yield(0,v.jz)(a);return t._total=s.boards.total,t._page=n,s.boards.items}))()}createBoard(e,t,n){return y((function*(){var r=JSON.stringify({width:1600,height:1200,fillStyle:"white"}),{data:o}=yield(0,v.NJ)({name:e,description:t,groupId:n,model:r});return o}))()}};(0,p.Cg)([(0,c.MZ)({type:Array})],x.prototype,"groups",void 0),(0,p.Cg)([(0,c.MZ)({type:Array})],x.prototype,"boards",void 0),(0,p.Cg)([(0,c.MZ)({type:String})],x.prototype,"group",void 0),(0,p.Cg)([(0,c.MZ)({type:String})],x.prototype,"inherited",void 0),(0,p.Cg)([(0,c.MZ)({type:Boolean})],x.prototype,"creatable",void 0),(0,p.Cg)([(0,c.MZ)({type:String})],x.prototype,"value",void 0),x=(0,p.Cg)([(0,c.EM)("ox-board-selector")],x);var w,k,C,S=n(64604);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 _(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var M=class extends d.WF{static get styles(){return[(0,d.AH)(w||(w=_(["\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,d.qy)(k||(k=_(['\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,d.qy)(C||(C=_(["\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){P(i,r,o,a,s,"next",e)}function s(e){P(i,r,o,a,s,"throw",e)}a(void 0)}))});return function(e){return n.apply(this,arguments)}}());this.popup=(0,S.PB)(n,{backdrop:!0,size:"large",title:u.MR.t("title.select board")})}};(0,p.Cg)([(0,c.MZ)({type:String})],M.prototype,"value",void 0),(0,p.Cg)([(0,c.MZ)({type:Object})],M.prototype,"properties",void 0),M=(0,p.Cg)([(0,c.EM)("ox-editor-board-selector")],M);var O,E=n(98529),A=class extends E.Q{static get styles(){return[...E.Q.styles]}editorTemplate(e,t){return(0,d.qy)(O||(n=['\n      <ox-editor-board-selector id="editor" .value='," .properties=","></ox-editor-board-selector>\n    "],r||(r=n.slice(0)),O=Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(r)}}))),e,t.property);var n,r}};A=(0,p.Cg)([(0,c.EM)("ox-property-editor-board-selector")],A);var j=n(27856),z=n(30277),T=n(12181),L=n(84781),I=n(83650),B=class extends I.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)}};B=(0,p.Cg)([(0,c.EM)("color-map-editor")],B);var q=n(61405),R=class extends q.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)}};R=(0,p.Cg)([(0,c.EM)("color-ranges-editor")],R);const D={route:function(e){switch(e){case"board-viewer":return Promise.resolve().then(n.bind(n,75050)),e;case"board-modeller":return Promise.resolve().then(n.bind(n,47964)),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,j.TS)("color-map",j.BB),(0,j.TS)("color-ranges",j.BB),(0,j.VA)("color-map",B),(0,j.VA)("color-ranges",R),L.gs.map((e=>z.X.registerGroup(e))),(0,T.fx)()}}},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"].includes(e.state.type)}get auxColor(){return"#333"}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)},80791:(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"}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(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)}}r.Component.register("AGV",a)},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}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)},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}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)},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"}containable(e){return["Shuttle","Port"].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)},87392:(e,t,n)=>{var r=n(74413),o=n(65829),i=n(71627),a={mutable:!1,resizable:!0,rotatable:!0,properties:[...o.A.properties]};class s extends o.A{static get nature(){return a}get auxColor(){return"black"}getLegendFallback(){return i.Ey}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",s)},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}containable(e){return super.containable(e)||["Port"].includes(e.state.type)}}r.Component.register("Equipment",a)},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}},71627:(e,t,n)=>{n.d(t,{$J:()=>p,Ey:()=>s,Hy:()=>a,_Y:()=>r,be:()=>l,kM:()=>o,lT:()=>i});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={3e3:"#EB3245",3003:"#FFFFFF",3004:"#32D1C4",default:"#F0F0F0"},l={Full:"#4AA7FE",Empty:"#8BDA5B",EmptyEmpty:"#019D59",default:"#F0F0F0"},p={"0~20":"#5630D0","20~80":"#8BDA5B","80~100":"#FD9B00",default:"#F0F0F0"}},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{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)}}}},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}}}},21722:(e,t,n)=>{n.d(t,{A:()=>c});var r=n(46231),o=n(24318),i=n(22517),a=n(64171),s=n(2257),l=n(42693),p=n(62615),d=n(36319);const c=[r.G,o.r,i.m,a.M,s.e,l.i,d.d,p.r]},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:[]}},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:[]}},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:[]}},64171:(e,t,n)=>{n.d(t,{M:()=>r});var r={name:"ECS",description:"The object groups composing the ECS 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="M11.41,18.19H7.33v3.57h4.57v1.82H5.35V11.44h6.3v1.82H7.33v3.13h4.08V18.19z"/>\n<path class="st0" d="M21.4,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.4,23.22z"/>\n<path class="st0" d="M23.04,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.04,21.16z"/>\n</svg>\n',templates:[]}},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:[]}},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:[]}},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:[]}},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:[]}},84781:(e,t,n)=>{n.d(t,{gs:()=>r.A});var r=n(21722);n(1884),n(99175),n(58192),n(65829),n(67680),n(36533),n(12448),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)},58192:(e,t,n)=>{n.d(t,{A:()=>l});var r=n(29911),o=n(71627),i=n(77359),a=n(99175);class s extends((0,i.f)(Object)){constructor(e){super(),this.type=[],this.host=e}set data(e){var{CARRIERID:t,CARRIERTYPE:n="",EMPTYTYPE:r}=e||{};this.id=t,this.type=n.split(";"),this.emptyType=r}get status(){return this.emptyType}get legend(){var e,{carrierLegendName:t}=this.host.state;return t?null===(e=this.host.root)||void 0===e?void 0:e.style[t]:o.be}calculateShrunkRectangle(e){var t=Object.assign({},e);return t.left+=.15*e.width,t.width*=.7,t.top+=.15*e.height,t.height*=.7,t}render(e){if(this.emptyType){var{left:t,top:n,width:r,height:o}=this.calculateShrunkRectangle(this.host.bounds),i=Math.round(.2*Math.min(r,o));e.beginPath(),e.moveTo(t+i,n),e.lineTo(t+r-i,n),e.arcTo(t+r,n,t+r,n+i,i),e.lineTo(t+r,n+o-i),e.arcTo(t+r,n+o,t+r-i,n+o,i),e.lineTo(t+i,n+o),e.arcTo(t,n+o,t,n+o-i,i),e.lineTo(t,n+i),e.arcTo(t,n,t+i,n,i),e.closePath(),e.stroke(),e.lineWidth=i>10?2:1,e.fillStyle=this.statusColor||"transparent",e.strokeStyle=this.auxColor||"transparent",e.fill(),e.stroke(),e.beginPath()}}}class l extends a.A{constructor(){super(...arguments),this.carrier=new s(this)}static get properties(){return[...a.A.properties,{type:"select",label:"carrier-legend-name",name:"carrierLegendName",property:{options:r.Ur}}]}ready(){this.carrier.data=this.data}postrender(e){this.carrier.render(e),super.postrender(e)}onchangeData(e,t){this.carrier.data=this.data,super.onchangeData(e,t)}}},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 reactionDecorators(){return["bouncing-arrow"]}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)}))})()}}},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}}},99175:(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.Component)){static get properties(){return i.A}get hasTextProperty(){return!0}get reactionDecorators(){return["bouncing-arrow"]}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){s(i,r,o,a,l,"next",e)}function l(e){s(i,r,o,a,l,"throw",e)}a(void 0)}))})()}}},65829:(e,t,n)=>{n.d(t,{A:()=>i});var r=n(71627),o=n(58192);class i extends o.A{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)}}},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"}containable(e){return["OHT"].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)},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"}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)},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"}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)},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"}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)},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"}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)},36533:(e,t,n)=>{var r=n(74413),o=n(29911),i=n(77359),a=n(71627),s=n(34419),l=n(92780),p={mutable:!1,resizable:!0,rotatable:!0,properties:[{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"},d={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 c extends((0,i.f)((0,r.RectPath)(r.Shape))){static get nature(){return p}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:d}]}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 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",c),r.Component.register("MCSGaugeCapacityBar",c)},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}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)},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})},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})},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})},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(99175),d={mutable:!1,resizable:!0,rotatable:!0,properties:[...l.e,{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: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 u extends((0,l.X)(p.A)){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,a.M)(r,n,o))/100),y:t,handler:c}]}getLegendFallback(){return 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",u)},88904:(e,t,n)=>{n(84781),n(35638)},55239:(e,t,n)=>{e.exports=n.p+"fmsim/d9b6b3243cd4bf2e63a8.png"},51057:(e,t,n)=>{e.exports=n.p+"fmsim/55772bbc827ad7017d35.png"},9405:(e,t,n)=>{e.exports=n.p+"fmsim/4184cd4ea6a8d7349e21.png"},1938:(e,t,n)=>{e.exports=n.p+"fmsim/526ad807daa9d0c4a816.png"},65513:(e,t,n)=>{e.exports=n.p+"fmsim/6fbc47ded1e56a97b6a9.png"},49794:(e,t,n)=>{e.exports=n.p+"fmsim/8f778f433221cc09f419.png"},36529:(e,t,n)=>{e.exports=n.p+"fmsim/daacdd8ee024ac5b0379.png"},98459:(e,t,n)=>{e.exports=n.p+"fmsim/e3efea6b1e596f2ceda3.png"},97425:(e,t,n)=>{e.exports=n.p+"fmsim/6791e5773eac3f253e24.png"},14366:(e,t,n)=>{e.exports=n.p+"fmsim/b62c2497caa3978e4cdc.png"},6234:(e,t,n)=>{e.exports=n.p+"fmsim/ccd36ed4e050b84e523c.png"},64599:(e,t,n)=>{e.exports=n.p+"fmsim/e433275c03dc4c240f48.png"},83419:(e,t,n)=>{e.exports=n.p+"fmsim/556db371e2df3f29cea0.png"},35623:(e,t,n)=>{e.exports=n.p+"fmsim/08bbd147bbaa98b332db.png"},92548:(e,t,n)=>{e.exports=n.p+"fmsim/fd251baa5700266586a0.png"},66674:(e,t,n)=>{e.exports=n.p+"fmsim/e111ddfcd79e1f6c72dd.png"},57289:(e,t,n)=>{e.exports=n.p+"fmsim/b945ccf0d06fe5786eae.png"},50093:(e,t,n)=>{e.exports=n.p+"fmsim/7b190c7c66945eb3688e.png"},93916:(e,t,n)=>{e.exports=n.p+"fmsim/846e61d3bc2b926f70d4.png"},12812:(e,t,n)=>{e.exports=n.p+"fmsim/47f47c3effa9431e079b.png"},90779:(e,t,n)=>{e.exports=n.p+"fmsim/6f4f8fb8ffbca4bd5468.png"},58729:(e,t,n)=>{e.exports=n.p+"fmsim/9a37fc4ab38d626c0319.png"},46985:(e,t,n)=>{e.exports=n.p+"fmsim/d568753f2127e31c2fb7.png"},3536:(e,t,n)=>{e.exports=n.p+"fmsim/d7ed1a0662c6a8dcae67.png"},95594:(e,t,n)=>{e.exports=n.p+"fmsim/2910d9e7c9a9950674fb.png"},81669:(e,t,n)=>{e.exports=n.p+"fmsim/521ee682384c1e8872cb.png"},37076:(e,t,n)=>{e.exports=n.p+"fmsim/1d8f2027ab4eef0a1a3d.png"},42120:(e,t,n)=>{e.exports=n.p+"fmsim/36d53d3adab59ef73ce6.png"},43104:(e,t,n)=>{e.exports=n.p+"fmsim/b2ead64c11b134f892e3.png"},3636:(e,t,n)=>{e.exports=n.p+"fmsim/36d53d3adab59ef73ce6.png"}}]);