UNPKG

babylonjs-gui-editor

Version:
2 lines 1.98 MB
/*! For license information please see babylon.guiEditor.js.LICENSE.txt */ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babylonjs"),require("babylonjs-gui")):"function"==typeof define&&define.amd?define("babylonjs-gui-editor",["babylonjs","babylonjs-gui"],t):"object"==typeof exports?exports["babylonjs-gui-editor"]=t(require("babylonjs"),require("babylonjs-gui")):e.GUIEDITOR=t(e.BABYLON,e.BABYLON.GUI)}("undefined"!=typeof self?self:"undefined"!=typeof global?global:this,((e,t)=>(()=>{var r,o,n={59:(e,t,r)=>{"use strict";r.d(t,{A:()=>s});var o=r(3234),n=r.n(o),a=r(7474),i=r.n(a)()(n());i.push([e.id,'#workbench-canvas{grid-column:1;grid-row:1;width:100%;height:100%;margin:0;padding:0;font:14px "acumin-pro-condensed";cursor:default;user-select:none;overflow:hidden;background-image:linear-gradient(to right, #4f4e4f 1px, transparent 1px),linear-gradient(to bottom, #4f4e4f 1px, transparent 1px)}#workbench-canvas #selection-container{pointer-events:none}#workbench-canvas #selection-container .selection-box{z-index:10;background:rgba(72,72,196,.5);border:blue solid 2px}#workbench-canvas #workbench-container{width:100%;height:100%;left:0;top:0;transform-origin:left top;display:grid;grid-template-rows:100%;grid-template-columns:100%}#workbench-canvas #workbench-container #frame-container{overflow:visible;grid-row:1;grid-column:1;position:relative;width:100%;height:100%}#workbench-canvas #workbench-container .frame-box{position:absolute;background:rgba(72,72,72,.7);display:grid;grid-template-rows:40px calc(100% - 40px);grid-template-columns:100%;box-sizing:border-box}#workbench-canvas #workbench-container .frame-box.collapsed{height:auto !important;width:200px !important;z-index:3}#workbench-canvas #workbench-container .frame-box.collapsed .frame-box-header{font-size:16px;grid-template-columns:calc(100% - 37px) 30px 7px}#workbench-canvas #workbench-container .frame-box.collapsed .frame-box-header .frame-box-header-collapse{margin-top:-2px}#workbench-canvas #workbench-container .frame-box.collapsed .frame-box-header .frame-box-header-close{display:none}#workbench-canvas #workbench-container .frame-box.collapsed .frame-comments.has-comments .frame-comment-span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#workbench-canvas #workbench-container .frame-box .frame-box-border{grid-row:1/span 2;grid-column:1;width:100%;height:100%;border:rgba(0,0,0,0) solid 4px;pointer-events:none;box-sizing:border-box}#workbench-canvas #workbench-container .frame-box .frame-box-header{grid-row:1;grid-column:1;background:#484848;color:#fff;font-size:24px;text-align:center;display:grid;grid-template-rows:100%;grid-template-columns:calc(100% - 74px) 30px 7px 30px 7px;align-content:center;overflow:hidden}#workbench-canvas #workbench-container .frame-box .frame-box-header .frame-box-header-button{cursor:pointer;align-self:center;transform-origin:50% 50%;transform:scale(1);stroke:rgba(0,0,0,0);fill:#fff;display:grid}#workbench-canvas #workbench-container .frame-box .frame-box-header .frame-box-header-button.down{transform:scale(0.9)}#workbench-canvas #workbench-container .frame-box .frame-box-header .frame-box-header-collapse{grid-column:2;grid-row:1}#workbench-canvas #workbench-container .frame-box .frame-box-header .frame-box-header-close{grid-column:4;grid-row:1}#workbench-canvas #workbench-container .frame-box .frame-box-header .frame-box-header-title{grid-column:1;grid-row:1;display:grid;height:100%;width:100%;align-self:stretch;align-items:center;margin-top:-2px}#workbench-canvas #workbench-container .frame-box .frame-comments.has-comments{display:grid;grid-row:2;grid-column:1;padding:0 10px;font-style:italic;word-wrap:break-word}#workbench-canvas #workbench-container .frame-box.selected .frame-box-border{border-color:#fff}#workbench-canvas #workbench-container .frame-box .right-handle{grid-area:1/2/3/2;width:4px;background-color:rgba(0,0,0,0);cursor:ew-resize}#workbench-canvas #workbench-container .frame-box .right-handle::after{content:"";width:8px;position:absolute;top:0;bottom:0;margin-left:-4px;cursor:ew-resize}#workbench-canvas #workbench-container .frame-box .right-handle.collapsed{cursor:pointer}#workbench-canvas #workbench-container .frame-box .top-right-corner-handle{background-color:rgba(0,0,0,0);height:4px;z-index:21;cursor:ne-resize;width:4px;margin-left:-6px}#workbench-canvas #workbench-container .frame-box .top-right-corner-handle::after{background-color:rgba(0,0,0,0);cursor:ne-resize;margin-left:unset;top:-4px;height:10px;width:10px}#workbench-canvas #workbench-container .frame-box .bottom-right-corner-handle{background-color:rgba(0,0,0,0);height:0px;z-index:21;cursor:nw-resize;grid-area:4/2/4/2;margin-left:-2px}#workbench-canvas #workbench-container .frame-box .bottom-right-corner-handle::after{background-color:rgba(0,0,0,0);height:10px;cursor:nw-resize;top:unset;bottom:-4px;width:10px}#workbench-canvas #workbench-container .frame-box .left-handle{grid-area:1/1/3/1;width:4px;background-color:rgba(0,0,0,0);cursor:ew-resize}#workbench-canvas #workbench-container .frame-box .left-handle::before{content:"";width:8px;position:absolute;top:0;bottom:0;margin-left:-4px}#workbench-canvas #workbench-container .frame-box .top-left-corner-handle{background-color:rgba(0,0,0,0);height:4px;z-index:21;cursor:nw-resize;width:4px;margin-left:-4px}#workbench-canvas #workbench-container .frame-box .top-left-corner-handle::before{background-color:rgba(0,0,0,0);cursor:nw-resize;margin-left:unset;top:-4px;height:10px;width:10px}#workbench-canvas #workbench-container .frame-box .bottom-left-corner-handle{background-color:rgba(0,0,0,0);height:0px;z-index:21;cursor:sw-resize;grid-area:4/1/4/1}#workbench-canvas #workbench-container .frame-box .bottom-left-corner-handle::before{background-color:rgba(0,0,0,0);height:10px;cursor:sw-resize;top:unset;bottom:-4px;width:10px}#workbench-canvas #workbench-container .frame-box .top-handle{grid-area:1/1/1/1;background-color:rgba(0,0,0,0);height:4px;cursor:ns-resize}#workbench-canvas #workbench-container .frame-box .top-handle::before{content:"";width:100%;position:absolute;top:-4px;bottom:100%;right:0;left:0;margin-bottom:-8px;cursor:ns-resize;height:8px}#workbench-canvas #workbench-container .frame-box .bottom-handle{grid-area:3/1/3/1;background-color:rgba(0,0,0,0);height:4px;cursor:ns-resize}#workbench-canvas #workbench-container .frame-box .bottom-handle::after{content:"";width:100%;position:absolute;top:100%;bottom:0;right:0;left:0;margin-top:-8px;cursor:ns-resize;height:12px}#workbench-canvas #workbench-container .frame-box.collapsed .top-handle,#workbench-canvas #workbench-container .frame-box.collapsed .top-right-corner-handle,#workbench-canvas #workbench-container .frame-box.collapsed .right-handle,#workbench-canvas #workbench-container .frame-box.collapsed .bottom-right-corner-handle,#workbench-canvas #workbench-container .frame-box.collapsed .bottom-handle,#workbench-canvas #workbench-container .frame-box.collapsed .bottom-left-corner-handle,#workbench-canvas #workbench-container .frame-box.collapsed .left-handle,#workbench-canvas #workbench-container .frame-box.collapsed .top-left-corner-handle{cursor:default}#workbench-canvas #workbench-container .frame-box.collapsed .right-handle::after,#workbench-canvas #workbench-container .frame-box.collapsed .bottom-handle::after,#workbench-canvas #workbench-container .frame-box.collapsed .top-right-corner-handle::after,#workbench-canvas #workbench-container .frame-box.collapsed .bottom-right-corner-handle::after{cursor:default}#workbench-canvas #workbench-container .frame-box.collapsed .left-handle::before,#workbench-canvas #workbench-container .frame-box.collapsed .top-handle::before,#workbench-canvas #workbench-container .frame-box.collapsed .top-left-corner-handle::before,#workbench-canvas #workbench-container .frame-box.collapsed .bottom-left-corner-handle::before{cursor:default}#workbench-canvas #workbench-container #workbench-svg-container{grid-row:1;grid-column:1;position:relative;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}#workbench-canvas #workbench-container #workbench-svg-container .link{stroke-width:4px}#workbench-canvas #workbench-container #workbench-svg-container .link.selected{stroke:#fff !important;stroke-dasharray:10,2}#workbench-canvas #workbench-container #workbench-svg-container .link.hidden{display:none}#workbench-canvas #workbench-container #workbench-svg-container .selection-link{pointer-events:all;stroke-width:16px;opacity:0;transition:opacity 75ms;stroke:rgba(0,0,0,0);cursor:pointer}#workbench-canvas #workbench-container #workbench-svg-container .selection-link.hidden{display:none}#workbench-canvas #workbench-container #workbench-svg-container .selection-link:hover,#workbench-canvas #workbench-container #workbench-svg-container .selection-link.selected{stroke:#fff !important;opacity:.4}#workbench-canvas #workbench-container #workbench-canvas-container{grid-row:1;grid-column:1;position:relative;width:100%;height:100%}#workbench-canvas #workbench-container #workbench-canvas-container .visual{z-index:4;width:200px;position:absolute;left:0;top:0;background:gray;border:4px solid #000;border-radius:12px;display:grid;grid-template-rows:30px auto;grid-template-columns:100%;color:#fff}#workbench-canvas #workbench-container #workbench-canvas-container .visual.hidden{display:none}#workbench-canvas #workbench-container #workbench-canvas-container .visual .comments{position:absolute;top:-50px;width:200px;height:45px;overflow:hidden;font-style:italic;opacity:.8;display:grid;align-items:flex-end;pointer-events:none}#workbench-canvas #workbench-container #workbench-canvas-container .visual .selection-border{grid-row:1/span 3;grid-column:1;margin:-4px;transition:border-color 100ms;border:4px solid #000;border-radius:12px}#workbench-canvas #workbench-container #workbench-canvas-container .visual.selected .selection-border{border-color:#fff}#workbench-canvas #workbench-container #workbench-canvas-container .visual .header{grid-row:1;grid-column:1;border:4px solid #000;border-top-right-radius:7px;border-top-left-radius:7px;font-size:16px;text-align:center;margin-top:-1px;margin-left:-1px;margin-right:-1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:#000;color:#fff}#workbench-canvas #workbench-container #workbench-canvas-container .visual .header.constant{border-color:#464348;background:#464348}#workbench-canvas #workbench-container #workbench-canvas-container .visual .header.inspector{border-color:#66491b;background:#66491b}',"",{version:3,sources:["webpack://./../../../tools/guiEditor/dist/diagram/workbenchCanvas.scss"],names:[],mappings:"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",sourcesContent:['#workbench-canvas {\r\n grid-column: 1;\r\n grid-row: 1;\r\n width: 100%;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n font: 14px "acumin-pro-condensed";\r\n cursor: default;\r\n user-select: none;\r\n overflow: hidden;\r\n\r\n background-image: linear-gradient(to right, #4f4e4f 1px, transparent 1px), linear-gradient(to bottom, #4f4e4f 1px, transparent 1px);\r\n\r\n #selection-container {\r\n pointer-events: none;\r\n\r\n .selection-box {\r\n z-index: 10;\r\n background: rgba(72, 72, 196, 0.5);\r\n border: blue solid 2px;\r\n }\r\n }\r\n\r\n #workbench-container {\r\n width: 100%;\r\n height: 100%;\r\n left: 0;\r\n top: 0;\r\n transform-origin: left top;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 100%;\r\n\r\n #frame-container {\r\n overflow: visible;\r\n grid-row: 1;\r\n grid-column: 1;\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .frame-box {\r\n position: absolute;\r\n background: rgba(72, 72, 72, 0.7);\r\n display: grid;\r\n grid-template-rows: 40px calc(100% - 40px);\r\n grid-template-columns: 100%;\r\n box-sizing: border-box;\r\n\r\n &.collapsed {\r\n height: auto !important;\r\n width: 200px !important;\r\n z-index: 3;\r\n\r\n .frame-box-header {\r\n font-size: 16px;\r\n grid-template-columns: calc(100% - 37px) 30px 7px;\r\n\r\n .frame-box-header-collapse {\r\n margin-top: -2px;\r\n }\r\n\r\n .frame-box-header-close {\r\n display: none;\r\n }\r\n }\r\n\r\n .frame-comments.has-comments {\r\n .frame-comment-span {\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n }\r\n }\r\n }\r\n\r\n .frame-box-border {\r\n grid-row: 1 / span 2;\r\n grid-column: 1;\r\n width: 100%;\r\n height: 100%;\r\n border: transparent solid 4px;\r\n pointer-events: none;\r\n box-sizing: border-box;\r\n }\r\n\r\n .frame-box-header {\r\n grid-row: 1;\r\n grid-column: 1;\r\n background: rgba(72, 72, 72, 1);\r\n color: white;\r\n font-size: 24px;\r\n text-align: center;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: calc(100% - 74px) 30px 7px 30px 7px;\r\n align-content: center;\r\n overflow: hidden;\r\n\r\n .frame-box-header-button {\r\n cursor: pointer;\r\n align-self: center;\r\n transform-origin: 50% 50%;\r\n transform: scale(1);\r\n stroke: transparent;\r\n fill: white;\r\n display: grid;\r\n\r\n &.down {\r\n transform: scale(0.9);\r\n }\r\n }\r\n\r\n .frame-box-header-collapse {\r\n grid-column: 2;\r\n grid-row: 1;\r\n }\r\n\r\n .frame-box-header-close {\r\n grid-column: 4;\r\n grid-row: 1;\r\n }\r\n\r\n .frame-box-header-title {\r\n grid-column: 1;\r\n grid-row: 1;\r\n display: grid;\r\n height: 100%;\r\n width: 100%;\r\n align-self: stretch;\r\n align-items: center;\r\n margin-top: -2px;\r\n }\r\n }\r\n\r\n .frame-comments.has-comments {\r\n display: grid;\r\n grid-row: 2;\r\n grid-column: 1;\r\n padding: 0 10px;\r\n font-style: italic;\r\n word-wrap: break-word;\r\n }\r\n\r\n &.selected {\r\n .frame-box-border {\r\n border-color: white;\r\n }\r\n }\r\n\r\n .right-handle {\r\n grid-area: 1 / 2 / 3 / 2;\r\n width: 4px;\r\n background-color: transparent;\r\n cursor: ew-resize;\r\n\r\n &::after {\r\n content: "";\r\n width: 8px;\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n margin-left: -4px;\r\n cursor: ew-resize;\r\n }\r\n\r\n &.collapsed {\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .top-right-corner-handle {\r\n background-color: transparent;\r\n height: 4px;\r\n z-index: 21;\r\n cursor: ne-resize;\r\n width: 4px;\r\n margin-left: -6px;\r\n\r\n &::after {\r\n background-color: transparent;\r\n cursor: ne-resize;\r\n margin-left: unset;\r\n top: -4px;\r\n height: 10px;\r\n width: 10px;\r\n }\r\n }\r\n\r\n .bottom-right-corner-handle {\r\n background-color: transparent;\r\n height: 0px;\r\n z-index: 21;\r\n cursor: nw-resize;\r\n grid-area: 4 / 2 / 4 / 2;\r\n margin-left: -2px;\r\n\r\n &::after {\r\n background-color: transparent;\r\n height: 10px;\r\n cursor: nw-resize;\r\n top: unset;\r\n bottom: -4px;\r\n width: 10px;\r\n }\r\n }\r\n\r\n .left-handle {\r\n grid-area: 1 / 1 / 3 / 1;\r\n width: 4px;\r\n background-color: transparent;\r\n cursor: ew-resize;\r\n\r\n &::before {\r\n content: "";\r\n width: 8px;\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n margin-left: -4px;\r\n }\r\n }\r\n\r\n .top-left-corner-handle {\r\n background-color: transparent;\r\n height: 4px;\r\n z-index: 21;\r\n cursor: nw-resize;\r\n width: 4px;\r\n margin-left: -4px;\r\n\r\n &::before {\r\n background-color: transparent;\r\n cursor: nw-resize;\r\n margin-left: unset;\r\n top: -4px;\r\n height: 10px;\r\n width: 10px;\r\n }\r\n }\r\n\r\n .bottom-left-corner-handle {\r\n background-color: transparent;\r\n height: 0px;\r\n z-index: 21;\r\n cursor: sw-resize;\r\n grid-area: 4 / 1 / 4 / 1;\r\n\r\n &::before {\r\n background-color: transparent;\r\n height: 10px;\r\n cursor: sw-resize;\r\n top: unset;\r\n bottom: -4px;\r\n width: 10px;\r\n }\r\n }\r\n\r\n .top-handle {\r\n grid-area: 1 / 1 / 1 / 1;\r\n background-color: transparent;\r\n height: 4px;\r\n cursor: ns-resize;\r\n\r\n &::before {\r\n content: "";\r\n width: 100%;\r\n position: absolute;\r\n top: -4px;\r\n bottom: 100%;\r\n right: 0;\r\n left: 0;\r\n margin-bottom: -8px;\r\n cursor: ns-resize;\r\n height: 8px;\r\n }\r\n }\r\n\r\n .bottom-handle {\r\n grid-area: 3 / 1 / 3 / 1;\r\n background-color: transparent;\r\n height: 4px;\r\n cursor: ns-resize;\r\n\r\n &::after {\r\n content: "";\r\n width: 100%;\r\n position: absolute;\r\n top: 100%;\r\n bottom: 0;\r\n right: 0;\r\n left: 0;\r\n margin-top: -8px;\r\n cursor: ns-resize;\r\n height: 12px;\r\n }\r\n }\r\n\r\n &.collapsed {\r\n .top-handle,\r\n .top-right-corner-handle,\r\n .right-handle,\r\n .bottom-right-corner-handle,\r\n .bottom-handle,\r\n .bottom-left-corner-handle,\r\n .left-handle,\r\n .top-left-corner-handle {\r\n cursor: default;\r\n }\r\n\r\n .right-handle,\r\n .bottom-handle,\r\n .top-right-corner-handle,\r\n .bottom-right-corner-handle {\r\n &::after {\r\n cursor: default;\r\n }\r\n }\r\n\r\n .left-handle,\r\n .top-handle,\r\n .top-left-corner-handle,\r\n .bottom-left-corner-handle {\r\n &::before {\r\n cursor: default;\r\n }\r\n }\r\n }\r\n }\r\n\r\n #workbench-svg-container {\r\n grid-row: 1;\r\n grid-column: 1;\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n overflow: visible;\r\n pointer-events: none;\r\n z-index: 2;\r\n\r\n .link {\r\n stroke-width: 4px;\r\n &.selected {\r\n stroke: white !important;\r\n stroke-dasharray: 10, 2;\r\n }\r\n\r\n &.hidden {\r\n display: none;\r\n }\r\n }\r\n\r\n .selection-link {\r\n pointer-events: all;\r\n stroke-width: 16px;\r\n opacity: 0;\r\n transition: opacity 75ms;\r\n stroke: transparent;\r\n cursor: pointer;\r\n\r\n &.hidden {\r\n display: none;\r\n }\r\n\r\n &:hover,\r\n &.selected {\r\n stroke: white !important;\r\n opacity: 0.4;\r\n }\r\n }\r\n }\r\n\r\n #workbench-canvas-container {\r\n grid-row: 1;\r\n grid-column: 1;\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n\r\n .visual {\r\n z-index: 4;\r\n width: 200px;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n background: gray;\r\n border: 4px solid black;\r\n border-radius: 12px;\r\n display: grid;\r\n grid-template-rows: 30px auto;\r\n grid-template-columns: 100%;\r\n color: white;\r\n\r\n &.hidden {\r\n display: none;\r\n }\r\n\r\n .comments {\r\n position: absolute;\r\n top: -50px;\r\n width: 200px;\r\n height: 45px;\r\n overflow: hidden;\r\n font-style: italic;\r\n opacity: 0.8;\r\n display: grid;\r\n align-items: flex-end;\r\n pointer-events: none;\r\n }\r\n\r\n .selection-border {\r\n grid-row: 1 / span 3;\r\n grid-column: 1;\r\n margin: -4px;\r\n\r\n transition: border-color 100ms;\r\n\r\n border: 4px solid black;\r\n border-radius: 12px;\r\n }\r\n\r\n &.selected {\r\n .selection-border {\r\n border-color: white;\r\n }\r\n }\r\n\r\n .header {\r\n grid-row: 1;\r\n grid-column: 1;\r\n border: 4px solid black;\r\n border-top-right-radius: 7px;\r\n border-top-left-radius: 7px;\r\n font-size: 16px;\r\n text-align: center;\r\n margin-top: -1px;\r\n margin-left: -1px;\r\n margin-right: -1px;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n background: black;\r\n color: white;\r\n\r\n &.constant {\r\n border-color: #464348;\r\n background: #464348;\r\n }\r\n\r\n &.inspector {\r\n border-color: #66491b;\r\n background: #66491b;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n'],sourceRoot:""}]);const s=i},179:(e,t,r)=>{"use strict";r(7207)},241:(e,t,r)=>{"use strict";e.exports=r(9470)},274:(e,t,r)=>{"use strict";e.exports=r(8795)},315:(e,t,r)=>{"use strict";function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var r=l(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var s=a?Object.getOwnPropertyDescriptor(e,i):null;s&&(s.get||s.set)?Object.defineProperty(n,i,s):n[i]=e[i]}return n.default=e,r&&r.set(e,n),n}(r(7460)),a=s(r(764)),i=s(r(1122));function s(e){return e&&e.__esModule?e:{default:e}}function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(l=function(e){return e?r:t})(e)}function c(e,t){return c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},c(e,t)}function u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var p=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&c(e,t)}(l,e);var t,r,a,s=(r=l,a=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=d(r);if(a){var n=d(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===o(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return u(e)}(this,e)});function l(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,l),f(u(t=s.call(this,e)),"handleKeyNavigation",(function(e){if(!1!==t.state.isVisible)switch(e.keyCode){case 37:case 27:e.preventDefault(),t.hideMenu(e);break;case 38:e.preventDefault(),t.selectChildren(!0);break;case 40:e.preventDefault(),t.selectChildren(!1);break;case 39:t.tryToOpenSubMenu(e);break;case 13:e.preventDefault(),t.tryToOpenSubMenu(e);var r=t.seletedItemRef&&t.seletedItemRef.props&&t.seletedItemRef.props.disabled;t.seletedItemRef&&t.seletedItemRef.ref instanceof HTMLElement&&!r?t.seletedItemRef.ref.click():t.hideMenu(e)}})),f(u(t),"handleForceClose",(function(){t.setState({forceSubMenuOpen:!1})})),f(u(t),"tryToOpenSubMenu",(function(e){t.state.selectedItem&&t.state.selectedItem.type===t.getSubMenuType()&&(e.preventDefault(),t.setState({forceSubMenuOpen:!0}))})),f(u(t),"selectChildren",(function(e){var r=t.state.selectedItem,o=[],a=0,s={};if(n.default.Children.forEach(t.props.children,(function e(r,l){r&&([i.default,t.getSubMenuType()].indexOf(r.type)<0?n.default.Children.forEach(r.props.children,e):r.props.divider||(r.props.disabled&&(++a,s[l]=!0),o.push(r)))})),a!==o.length){var l=function(t){var r=t;do{e?--r:++r,r<0?r=o.length-1:r>=o.length&&(r=0)}while(r!==t&&s[r]);return r===t?null:r}(o.indexOf(r));null!==l&&t.setState({selectedItem:o[l],forceSubMenuOpen:!1})}})),f(u(t),"onChildMouseMove",(function(e){t.state.selectedItem!==e&&t.setState({selectedItem:e,forceSubMenuOpen:!1})})),f(u(t),"onChildMouseLeave",(function(){t.setState({selectedItem:null,forceSubMenuOpen:!1})})),f(u(t),"renderChildren",(function(e){return n.default.Children.map(e,(function(e){var r={};return n.default.isValidElement(e)?[i.default,t.getSubMenuType()].indexOf(e.type)<0?(r.children=t.renderChildren(e.props.children),n.default.cloneElement(e,r)):(r.onMouseLeave=t.onChildMouseLeave.bind(u(t)),e.type===t.getSubMenuType()&&(r.forceOpen=t.state.forceSubMenuOpen&&t.state.selectedItem===e,r.forceClose=t.handleForceClose,r.parentKeyNavigationHandler=t.handleKeyNavigation),e.props.divider||t.state.selectedItem!==e?(r.onMouseMove=function(){return t.onChildMouseMove(e)},n.default.cloneElement(e,r)):(r.selected=!0,r.ref=function(e){t.seletedItemRef=e},n.default.cloneElement(e,r))):e}))})),t.seletedItemRef=null,t.state={selectedItem:null,forceSubMenuOpen:!1},t}return t=l,Object.defineProperty(t,"prototype",{writable:!1}),t}(n.Component);t.default=p,f(p,"propTypes",{children:a.default.node.isRequired})},665:(e,t,r)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(e){console.error(e)}}(),e.exports=r(3903)},764:(e,t,r)=>{e.exports=r(878)()},772:e=>{"use strict";var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach((function(e){o[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(e){return!1}}()?Object.assign:function(e,n){for(var a,i,s=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),l=1;l<arguments.length;l++){for(var c in a=Object(arguments[l]))r.call(a,c)&&(s[c]=a[c]);if(t){i=t(a);for(var u=0;u<i.length;u++)o.call(a,i[u])&&(s[i[u]]=a[i[u]])}}return s}},774:(e,t,r)=>{"use strict";function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var r=d(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var s=a?Object.getOwnPropertyDescriptor(e,i):null;s&&(s.get||s.set)?Object.defineProperty(n,i,s):n[i]=e[i]}return n.default=e,r&&r.set(e,n),n}(r(7460)),a=u(r(764)),i=u(r(3368)),s=u(r(772)),l=r(5451),c=r(3645);function u(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(d=function(e){return e?r:t})(e)}function f(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function p(e,t){return p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},p(e,t)}function g(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function h(e){return h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},h(e)}function m(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}(v,e);var t,r,a,u,d=(a=v,u=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=h(a);if(u){var r=h(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===o(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return g(e)}(this,e)});function v(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,v);for(var t=arguments.length,r=new Array(t),o=0;o<t;o++)r[o]=arguments[o];return m(g(e=d.call.apply(d,[this].concat(r))),"touchHandled",!1),m(g(e),"handleMouseDown",(function(t){e.props.holdToDisplay>=0&&0===t.button&&(t.persist(),t.stopPropagation(),e.mouseDownTimeoutId=setTimeout((function(){return e.handleContextClick(t)}),e.props.holdToDisplay)),(0,c.callIfExists)(e.props.attributes.onMouseDown,t)})),m(g(e),"handleMouseUp",(function(t){0===t.button&&clearTimeout(e.mouseDownTimeoutId),(0,c.callIfExists)(e.props.attributes.onMouseUp,t)})),m(g(e),"handleMouseOut",(function(t){0===t.button&&clearTimeout(e.mouseDownTimeoutId),(0,c.callIfExists)(e.props.attributes.onMouseOut,t)})),m(g(e),"handleTouchstart",(function(t){e.touchHandled=!1,e.props.holdToDisplay>=0&&(t.persist(),t.stopPropagation(),e.touchstartTimeoutId=setTimeout((function(){e.handleContextClick(t),e.touchHandled=!0}),e.props.holdToDisplay)),(0,c.callIfExists)(e.props.attributes.onTouchStart,t)})),m(g(e),"handleTouchEnd",(function(t){e.touchHandled&&t.preventDefault(),clearTimeout(e.touchstartTimeoutId),(0,c.callIfExists)(e.props.attributes.onTouchEnd,t)})),m(g(e),"handleContextMenu",(function(t){t.button===e.props.mouseButton&&e.handleContextClick(t),(0,c.callIfExists)(e.props.attributes.onContextMenu,t)})),m(g(e),"handleMouseClick",(function(t){t.button===e.props.mouseButton&&e.handleContextClick(t),(0,c.callIfExists)(e.props.attributes.onClick,t)})),m(g(e),"handleContextClick",(function(t){if(!(e.props.disable||e.props.disableIfShiftIsPressed&&t.shiftKey)){t.preventDefault(),t.stopPropagation();var r=t.clientX||t.touches&&t.touches[0].pageX,o=t.clientY||t.touches&&t.touches[0].pageY;e.props.posX&&(r-=e.props.posX),e.props.posY&&(o-=e.props.posY),(0,l.hideMenu)();var n=(0,c.callIfExists)(e.props.collect,e.props),a={position:{x:r,y:o},target:e.elem,id:e.props.id};n&&"function"==typeof n.then?n.then((function(e){a.data=(0,s.default)({},e,{target:t.target}),(0,l.showMenu)(a)})):(a.data=(0,s.default)({},n,{target:t.target}),(0,l.showMenu)(a))}})),m(g(e),"elemRef",(function(t){e.elem=t})),e}return t=v,(r=[{key:"render",value:function(){var e=this.props,t=e.renderTag,r=e.attributes,o=e.children,a=(0,s.default)({},r,{className:(0,i.default)(c.cssClasses.menuWrapper,r.className),onContextMenu:this.handleContextMenu,onClick:this.handleMouseClick,onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp,onTouchStart:this.handleTouchstart,onTouchEnd:this.handleTouchEnd,onMouseOut:this.handleMouseOut,ref:this.elemRef});return n.default.createElement(t,a,o)}}])&&f(t.prototype,r),Object.defineProperty(t,"prototype",{writable:!1}),v}(n.Component);t.default=v,m(v,"propTypes",{id:a.default.string.isRequired,children:a.default.node.isRequired,attributes:a.default.object,collect:a.default.func,disable:a.default.bool,holdToDisplay:a.default.number,posX:a.default.number,posY:a.default.number,renderTag:a.default.elementType,mouseButton:a.default.number,disableIfShiftIsPressed:a.default.bool}),m(v,"defaultProps",{attributes:{},collect:function(){return null},disable:!1,holdToDisplay:1e3,renderTag:"div",posX:0,posY:0,mouseButton:2,disableIfShiftIsPressed:!1})},857:(e,t,r)=>{"use strict";function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return function(t){return function(r){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&d(e,t)}(b,r);var a,s,l,h,m=(a=b,s=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=p(a);if(s){var r=p(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===o(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return f(e)}(this,e)});function b(t){var r;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,b),g(f(r=m.call(this,t)),"handleShow",(function(t){if(t.detail.id===e){var o=t.detail.data,n={};for(var a in o)v.includes(a)||(n[a]=o[a]);r.setState({trigger:n})}})),g(f(r),"handleHide",(function(){r.setState({trigger:null})})),r.state={trigger:null},r}return l=b,(h=[{key:"componentDidMount",value:function(){this.listenId=i.default.register(this.handleShow,this.handleHide)}},{key:"componentWillUnmount",value:function(){this.listenId&&i.default.unregister(this.listenId)}},{key:"render",value:function(){return n.default.createElement(t,c({},this.props,{id:e,trigger:this.state.trigger}))}}])&&u(l.prototype,h),Object.defineProperty(l,"prototype",{writable:!1}),b}(n.Component)}};var n=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var r=l(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var s=a?Object.getOwnPropertyDescriptor(e,i):null;s&&(s.get||s.set)?Object.defineProperty(n,i,s):n[i]=e[i]}return n.default=e,r&&r.set(e,n),n}(r(7460)),a=s(r(774)),i=s(r(9225));function s(e){return e&&e.__esModule?e:{default:e}}function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(l=function(e){return e?r:t})(e)}function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},c.apply(this,arguments)}function u(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function d(e,t){return d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},d(e,t)}function f(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}function g(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}var m,v=[].concat(function(e){if(Array.isArray(e))return h(e)}(m=Object.keys(a.default.propTypes))||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(m)||function(e,t){if(e){if("string"==typeof e)return h(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?h(e,t):void 0}}(m)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),["children"])},878:(e,t,r)=>{"use strict";var o=r(8565);function n(){}function a(){}a.resetWarningCache=n,e.exports=function(){function e(e,t,r,n,a,i){if(i!==o){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:n};return r.PropTypes=r,r}},1049:(e,t)=>{"use strict";function r(e,t){var r=e.length;e.push(t);e:for(;0<r;){var o=r-1>>>1,n=e[o];if(!(0<a(n,t)))break e;e[o]=t,e[r]=n,r=o}}function o(e){return 0===e.length?null:e[0]}function n(e){if(0===e.length)return null;var t=e[0],r=e.pop();if(r!==t){e[0]=r;e:for(var o=0,n=e.length,i=n>>>1;o<i;){var s=2*(o+1)-1,l=e[s],c=s+1,u=e[c];if(0>a(l,r))c<n&&0>a(u,l)?(e[o]=u,e[c]=r,o=c):(e[o]=l,e[s]=r,o=s);else{if(!(c<n&&0>a(u,r)))break e;e[o]=u,e[c]=r,o=c}}}return t}function a(e,t){var r=e.sortIndex-t.sortIndex;return 0!==r?r:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var s=Date,l=s.now();t.unstable_now=function(){return s.now()-l}}var c=[],u=[],d=1,f=null,p=3,g=!1,h=!1,m=!1,v="function"==typeof setTimeout?setTimeout:null,b="function"==typeof clearTimeout?clearTimeout:null,w="undefined"!=typeof setImmediate?setImmediate:null;function y(e){for(var t=o(u);null!==t;){if(null===t.callback)n(u);else{if(!(t.startTime<=e))break;n(u),t.sortIndex=t.expirationTime,r(c,t)}t=o(u)}}function x(e){if(m=!1,y(e),!h)if(null!==o(c))h=!0,I(A);else{var t=o(u);null!==t&&T(x,t.startTime-e)}}function A(e,r){h=!1,m&&(m=!1,b(k),k=-1),g=!0;var a=p;try{for(y(r),f=o(c);null!==f&&(!(f.expirationTime>r)||e&&!N());){var i=f.callback;if("function"==typeof i){f.callback=null,p=f.priorityLevel;var s=i(f.expirationTime<=r);r=t.unstable_now(),"function"==typeof s?f.callback=s:f===o(c)&&n(c),y(r)}else n(c);f=o(c)}if(null!==f)var l=!0;else{var d=o(u);null!==d&&T(x,d.startTime-r),l=!1}return l}finally{f=null,p=a,g=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var C,j=!1,M=null,k=-1,L=5,S=-1;function N(){return!(t.unstable_now()-S<L)}function z(){if(null!==M){var e=t.unstable_now();S=e;var r=!0;try{r=M(!0,e)}finally{r?C():(j=!1,M=null)}}else j=!1}if("function"==typeof w)C=function(){w(z)};else if("undefined"!=typeof MessageChannel){var B=new MessageChannel,D=B.port2;B.port1.onmessage=z,C=function(){D.postMessage(null)}}else C=function(){v(z,0)};function I(e){M=e,j||(j=!0,C())}function T(e,r){k=v((function(){e(t.unstable_now())}),r)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){h||g||(h=!0,I(A))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):L=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return p},t.unstable_getFirstCallbackNode=function(){return o(c)},t.unstable_next=function(e){switch(p){case 1:case 2:case 3:var t=3;break;default:t=p}var r=p;p=t;try{return e()}finally{p=r}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var r=p;p=e;try{return t()}finally{p=r}},t.unstable_scheduleCallback=function(e,n,a){var i=t.unstable_now();switch(a="object"==typeof a&&null!==a&&"number"==typeof(a=a.delay)&&0<a?i+a:i,e){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return e={id:d++,callback:n,priorityLevel:e,startTime:a,expirationTime:s=a+s,sortIndex:-1},a>i?(e.sortIndex=a,r(u,e),null===o(c)&&e===o(u)&&(m?(b(k),k=-1):m=!0,T(x,a-i))):(e.sortIndex=s,r(c,e),h||g||(h=!0,I(A))),e},t.unstable_shouldYield=N,t.unstable_wrapCallback=function(e){var t=p;return function(){var r=p;p=t;try{return e.apply(this,arguments)}finally{p=r}}}},1079:(e,t)=>{"use strict";function r(e,t){var r=e.length;e.push(t);e:for(;0<r;){var o=r-1>>>1,n=e[o];if(!(0<a(n,t)))break e;e[o]=t,e[r]=n,r=o}}function o(e){return 0===e.length?null:e[0]}function n(e){if(0===e.length)return null;var t=e[0],r=e.pop();if(r!==t){e[0]=r;e:for(var o=0,n=e.length,i=n>>>1;o<i;){var s=2*(o+1)-1,l=e[s],c=s+1,u=e[c];if(0>a(l,r))c<n&&0>a(u,l)?(e[o]=u,e[c]=r,o=c):(e[o]=l,e[s]=r,o=s);else{if(!(c<n&&0>a(u,r)))break e;e[o]=u,e[c]=r,o=c}}}return t}function a(e,t){var r=e.sortIndex-t.sortIndex;return 0!==r?r:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var s=Date,l=s.now();t.unstable_now=function(){return s.now()-l}}var c=[],u=[],d=1,f=null,p=3,g=!1,h=!