@babylonjs/gui-editor/dist/babylon.guiEditor.js

Gui Editor es6

/*! For license information please see babylon.guiEditor.js.LICENSE.txt */
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@babylonjs/core"),require("@babylonjs/gui")):"function"==typeof define&&define.amd?define("@babylonjs/gui-editor",["@babylonjs/core","@babylonjs/gui"],t):"object"==typeof exports?exports["@babylonjs/gui-editor"]=t(require("@babylonjs/core"),require("@babylonjs/gui")):e.GUIEDITOR=t(e.BABYLON,e.BABYLON.GUI)}("undefined"!=typeof self?self:"undefined"!=typeof global?global:this,((e,t)=>(()=>{var n={53:(e,t,n)=>{"use strict";n.d(t,{A:()=>l,B:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,".Wv0y85BkI59wCZUbY7g1{filter:brightness(10)}","",{version:3,sources:["webpack://./../../../dev/sharedUiComponents/dist/components/Icon.module.scss"],names:[],mappings:"AAAA,sBACI,qBAAA",sourcesContent:[":local .light {\r\n    filter: brightness(10);\r\n}\r\n"],sourceRoot:""}]);var a="Wv0y85BkI59wCZUbY7g1";const l=s},59:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.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 a=s},88:(e,t,n)=>{"use strict";e.exports=n(924)},122:(e,t,n)=>{"use strict";function r(e){return r="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},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=d(t);if(n&&n.has(e))return n.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var a=i?Object.getOwnPropertyDescriptor(e,s):null;a&&(a.get||a.set)?Object.defineProperty(o,s,a):o[s]=e[s]}return o.default=e,n&&n.set(e,o),o}(n(460)),i=u(n(764)),s=u(n(368)),a=u(n(772)),l=n(451),c=n(645);function u(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(d=function(e){return e?n:t})(e)}function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function A(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function M(e,t){return M=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},M(e,t)}function L(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var h=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&&M(e,t)}(h,e);var t,n,i,u,d=(i=h,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=g(i);if(u){var n=g(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return L(e)}(this,e)});function h(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,h);for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return C(L(e=d.call.apply(d,[this].concat(n))),"handleClick",(function(t){0!==t.button&&1!==t.button&&t.preventDefault(),e.props.disabled||e.props.divider||((0,c.callIfExists)(e.props.onClick,t,(0,a.default)({},e.props.data,c.store.data),c.store.target),e.props.preventClose||(0,l.hideMenu)())})),e}return t=h,(n=[{key:"render",value:function(){var e,t=this,n=this.props,r=n.attributes,i=n.children,a=n.className,l=n.disabled,u=n.divider,d=n.selected,A=(0,s.default)(a,c.cssClasses.menuItem,r.className,(C(e={},(0,s.default)(c.cssClasses.menuItemDisabled,r.disabledClassName),l),C(e,(0,s.default)(c.cssClasses.menuItemDivider,r.dividerClassName),u),C(e,(0,s.default)(c.cssClasses.menuItemSelected,r.selectedClassName),d),e));return o.default.createElement("div",p({},r,{className:A,role:"menuitem",tabIndex:"-1","aria-disabled":l?"true":"false","aria-orientation":u?"horizontal":null,ref:function(e){t.ref=e},onMouseMove:this.props.onMouseMove,onMouseLeave:this.props.onMouseLeave,onTouchEnd:this.handleClick,onClick:this.handleClick}),u?null:i)}}])&&A(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),h}(o.Component);t.default=h,C(h,"propTypes",{attributes:i.default.object,children:i.default.node,className:i.default.string,data:i.default.object,disabled:i.default.bool,divider:i.default.bool,onClick:i.default.func,onMouseLeave:i.default.func,onMouseMove:i.default.func,preventClose:i.default.bool,selected:i.default.bool}),C(h,"defaultProps",{attributes:{},children:null,className:"",data:{},disabled:!1,divider:!1,onClick:function(){return null},onMouseMove:function(){return null},onMouseLeave:function(){return null},preventClose:!1,selected:!1})},165:(e,t,n)=>{"use strict";n.d(t,{Ay:()=>d,Gq:()=>u,hF:()=>l,n8:()=>a,rZ:()=>c});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,".WqcWokiMCkCwd6dLNdPH{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center}.xI2ID_XpGMOiv1h4fz4A{border:unset;background-color:inherit;flex-grow:1;width:100px}.qJ0VpCuKWNqZMHlxTqLI{background-color:#fff}.DzJ_N850wy0xnmnpZvRJ{background-color:hsla(0,100%,90%,.8)}","",{version:3,sources:["webpack://./../../../dev/sharedUiComponents/dist/components/TextInputWithSubmit.module.scss"],names:[],mappings:"AAAA,sBACI,UAAA,CACA,WAAA,CACA,YAAA,CACA,6BAAA,CACA,kBAAA,CAGJ,sBACI,YAAA,CACA,wBAAA,CACA,WAAA,CACA,WAAA,CAGJ,sBACI,qBAAA,CAGJ,sBACI,oCAAA",sourcesContent:[".line {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.input {\r\n    border: unset;\r\n    background-color: inherit;\r\n    flex-grow: 1;\r\n    width: 100px;\r\n}\r\n\r\n.valid {\r\n    background-color: white;\r\n}\r\n\r\n.invalid {\r\n    background-color: rgba(255, 204, 204, 0.8);\r\n}\r\n"],sourceRoot:""}]);var a="WqcWokiMCkCwd6dLNdPH",l="xI2ID_XpGMOiv1h4fz4A",c="qJ0VpCuKWNqZMHlxTqLI",u="DzJ_N850wy0xnmnpZvRJ";const d=s},187:e=>{"use strict";var t={};e.exports=function(e,n){var r=function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}t[e]=n}return t[e]}(e);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(n)}},225:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=n(451),o=n(645);function i(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function s(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var l=new(s((function e(){var t=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),a(this,"handleShowEvent",(function(e){for(var n in t.callbacks)(0,o.hasOwnProp)(t.callbacks,n)&&t.callbacks[n].show(e)})),a(this,"handleHideEvent",(function(e){for(var n in t.callbacks)(0,o.hasOwnProp)(t.callbacks,n)&&t.callbacks[n].hide(e)})),a(this,"register",(function(e,n){var r=(0,o.uniqueId)();return t.callbacks[r]={show:e,hide:n},r})),a(this,"unregister",(function(e){e&&t.callbacks[e]&&delete t.callbacks[e]})),this.callbacks={},o.canUseDOM&&(window.addEventListener(r.MENU_SHOW,this.handleShowEvent),window.addEventListener(r.MENU_HIDE,this.handleHideEvent))})));t.default=l},228:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(234),o=n.n(r),i=n(474),s=n.n(i)()(o());s.push([e.id,'.color-picker-container{width:320px;height:300px;background-color:#fff;display:grid;grid-template-columns:100%;grid-template-rows:50% 50px 60px 40px 1fr auto;font-family:"acumin-pro-condensed";font-weight:normal;font-size:14px}.color-picker-container.with-hints{height:380px}.color-picker-container .color-picker-saturation{grid-row:1;grid-column:1;display:grid;grid-template-columns:100%;grid-template-rows:100%;position:relative;cursor:pointer}.color-picker-container .color-picker-saturation .color-picker-saturation-white{grid-row:1;grid-column:1;background:linear-gradient(to right, #fff, rgba(255, 255, 255, 0))}.color-picker-container .color-picker-saturation .color-picker-saturation-black{grid-row:1;grid-column:1;background:linear-gradient(to top, #000, rgba(0, 0, 0, 0))}.color-picker-container .color-picker-saturation .color-picker-saturation-cursor{pointer-events:none;width:4px;height:4px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;transform:translate(-2px, -2px);position:absolute}.color-picker-container .color-picker-hue{grid-row:2;grid-column:1;display:grid;margin:10px;grid-template-columns:24% 76%;grid-template-rows:100%}.color-picker-container .color-picker-hue .color-picker-hue-color{grid-row:1;grid-column:1;align-self:center;justify-self:center;width:30px;height:30px;border-radius:15px;border:1px solid #000}.color-picker-container .color-picker-hue .color-picker-hue-slider{grid-row:1;grid-column:2;align-self:center;height:16px;position:relative;cursor:pointer;background:linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)}.color-picker-container .color-picker-hue .color-picker-hue-slider .color-picker-hue-cursor{pointer-events:none;width:8px;height:18px;transform:translate(-4px, -2px);background-color:#f8f8f8;box-shadow:0 1px 4px 0 rgba(0,0,0,.37);position:absolute}.color-picker-container .color-picker-component{display:grid;margin:5px;grid-template-columns:100%;grid-template-rows:50% 50%}.color-picker-container .color-picker-component .color-picker-component-value{justify-self:center;align-self:center;grid-row:1;grid-column:1;margin-bottom:4px}.color-picker-container .color-picker-component .color-picker-component-value input{width:50px}.color-picker-container .color-picker-component .color-picker-component-label{justify-self:center;align-self:center;grid-row:2;grid-column:1;color:#000}.color-picker-container .color-picker-rgb{grid-row:3;grid-column:1;display:grid;margin:10px;grid-template-columns:20% 6.66% 20% 6.66% 20% 6.66% 20%;grid-template-rows:100%}.color-picker-container .red{grid-row:1;grid-column:1}.color-picker-container .green{grid-row:1;grid-column:3}.color-picker-container .blue{grid-row:1;grid-column:5}.color-picker-container .alpha{grid-row:1;grid-column:7}.color-picker-container .alpha.grayed{opacity:.5}.color-picker-container .color-picker-hex{grid-row:4;grid-column:1;display:grid;grid-template-columns:20% 80%;grid-template-rows:100%}.color-picker-container .color-picker-hex .color-picker-hex-label{justify-self:center;align-self:center;grid-row:1;grid-column:1;margin-left:10px;color:#000}.color-picker-container .color-picker-hex .color-picker-hex-value{justify-self:left;align-self:center;grid-row:1;grid-column:2;margin-left:10px;margin-right:10px}.color-picker-container .color-picker-hex .color-picker-hex-value input{width:70px}.color-picker-container .color-picker-warning{color:#000;font-size:11px;padding:4px;justify-self:left;align-self:center;grid-row:6;grid-column:1}',"",{version:3,sources:["webpack://./../../../dev/sharedUiComponents/dist/colorPicker/colorPicker.scss"],names:[],mappings:"AAAA,wBACI,WAAA,CACA,YAAA,CACA,qBAAA,CACA,YAAA,CACA,0BAAA,CACA,8CAAA,CACA,kCAAA,CACA,kBAAA,CACA,cAAA,CAEA,mCACI,YAAA,CAGJ,iDACI,UAAA,CACA,aAAA,CACA,YAAA,CACA,0BAAA,CACA,uBAAA,CACA,iBAAA,CACA,cAAA,CAEA,gFACI,UAAA,CACA,aAAA,CAEA,kEAAA,CAGJ,gFACI,UAAA,CACA,aAAA,CAEA,0DAAA,CAGJ,iFACI,mBAAA,CACA,SAAA,CACA,UAAA,CACA,uFACI,CAGJ,iBAAA,CACA,+BAAA,CACA,iBAAA,CAIR,0CACI,UAAA,CACA,aAAA,CACA,YAAA,CACA,WAAA,CACA,6BAAA,CACA,uBAAA,CAEA,kEACI,UAAA,CACA,aAAA,CACA,iBAAA,CACA,mBAAA,CACA,UAAA,CACA,WAAA,CACA,kBAAA,CACA,qBAAA,CAGJ,mEACI,UAAA,CACA,aAAA,CACA,iBAAA,CACA,WAAA,CACA,iBAAA,CACA,cAAA,CAEA,0GAAA,CAEA,4FACI,mBAAA,CACA,SAAA,CACA,WAAA,CACA,+BAAA,CACA,wBAAA,CACA,sCAAA,CACA,iBAAA,CAKZ,gDACI,YAAA,CACA,UAAA,CACA,0BAAA,CACA,0BAAA,CAEA,8EACI,mBAAA,CACA,iBAAA,CACA,UAAA,CACA,aAAA,CACA,iBAAA,CAEA,oFACI,UAAA,CAIR,8EACI,mBAAA,CACA,iBAAA,CACA,UAAA,CACA,aAAA,CACA,UAAA,CAIR,0CACI,UAAA,CACA,aAAA,CACA,YAAA,CACA,WAAA,CACA,uDAAA,CACA,uBAAA,CAGJ,6BACI,UAAA,CACA,aAAA,CAGJ,+BACI,UAAA,CACA,aAAA,CAGJ,8BACI,UAAA,CACA,aAAA,CAGJ,+BACI,UAAA,CACA,aAAA,CAEA,sCACI,UAAA,CAIR,0CACI,UAAA,CACA,aAAA,CACA,YAAA,CACA,6BAAA,CACA,uBAAA,CAEA,kEACI,mBAAA,CACA,iBAAA,CACA,UAAA,CACA,aAAA,CACA,gBAAA,CACA,UAAA,CAGJ,kEACI,iBAAA,CACA,iBAAA,CACA,UAAA,CACA,aAAA,CACA,gBAAA,CACA,iBAAA,CAEA,wEACI,UAAA,CAKZ,8CACI,UAAA,CACA,cAAA,CACA,WAAA,CACA,iBAAA,CACA,iBAAA,CACA,UAAA,CACA,aAAA",sourcesContent:['.color-picker-container {\r\n    width: 320px;\r\n    height: 300px;\r\n    background-color: white;\r\n    display: grid;\r\n    grid-template-columns: 100%;\r\n    grid-template-rows: 50% 50px 60px 40px 1fr auto;\r\n    font-family: "acumin-pro-condensed";\r\n    font-weight: normal;\r\n    font-size: 14px;\r\n\r\n    &.with-hints {\r\n        height: 380px;\r\n    }\r\n\r\n    .color-picker-saturation {\r\n        grid-row: 1;\r\n        grid-column: 1;\r\n        display: grid;\r\n        grid-template-columns: 100%;\r\n        grid-template-rows: 100%;\r\n        position: relative;\r\n        cursor: pointer;\r\n\r\n        .color-picker-saturation-white {\r\n            grid-row: 1;\r\n            grid-column: 1;\r\n\r\n            background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));\r\n        }\r\n\r\n        .color-picker-saturation-black {\r\n            grid-row: 1;\r\n            grid-column: 1;\r\n\r\n            background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));\r\n        }\r\n\r\n        .color-picker-saturation-cursor {\r\n            pointer-events: none;\r\n            width: 4px;\r\n            height: 4px;\r\n            box-shadow:\r\n                0 0 0 1.5px #fff,\r\n                inset 0 0 1px 1px rgba(0, 0, 0, 0.3),\r\n                0 0 1px 2px rgba(0, 0, 0, 0.4);\r\n            border-radius: 50%;\r\n            transform: translate(-2px, -2px);\r\n            position: absolute;\r\n        }\r\n    }\r\n\r\n    .color-picker-hue {\r\n        grid-row: 2;\r\n        grid-column: 1;\r\n        display: grid;\r\n        margin: 10px;\r\n        grid-template-columns: 24% 76%;\r\n        grid-template-rows: 100%;\r\n\r\n        .color-picker-hue-color {\r\n            grid-row: 1;\r\n            grid-column: 1;\r\n            align-self: center;\r\n            justify-self: center;\r\n            width: 30px;\r\n            height: 30px;\r\n            border-radius: 15px;\r\n            border: 1px solid black;\r\n        }\r\n\r\n        .color-picker-hue-slider {\r\n            grid-row: 1;\r\n            grid-column: 2;\r\n            align-self: center;\r\n            height: 16px;\r\n            position: relative;\r\n            cursor: pointer;\r\n\r\n            background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\r\n\r\n            .color-picker-hue-cursor {\r\n                pointer-events: none;\r\n                width: 8px;\r\n                height: 18px;\r\n                transform: translate(-4px, -2px);\r\n                background-color: rgb(248, 248, 248);\r\n                box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);\r\n                position: absolute;\r\n            }\r\n        }\r\n    }\r\n\r\n    .color-picker-component {\r\n        display: grid;\r\n        margin: 5px;\r\n        grid-template-columns: 100%;\r\n        grid-template-rows: 50% 50%;\r\n\r\n        .color-picker-component-value {\r\n            justify-self: center;\r\n            align-self: center;\r\n            grid-row: 1;\r\n            grid-column: 1;\r\n            margin-bottom: 4px;\r\n\r\n            input {\r\n                width: 50px;\r\n            }\r\n        }\r\n\r\n        .color-picker-component-label {\r\n            justify-self: center;\r\n            align-self: center;\r\n            grid-row: 2;\r\n            grid-column: 1;\r\n            color: black;\r\n        }\r\n    }\r\n\r\n    .color-picker-rgb {\r\n        grid-row: 3;\r\n        grid-column: 1;\r\n        display: grid;\r\n        margin: 10px;\r\n        grid-template-columns: 20% 6.66% 20% 6.66% 20% 6.66% 20%;\r\n        grid-template-rows: 100%;\r\n    }\r\n\r\n    .red {\r\n        grid-row: 1;\r\n        grid-column: 1;\r\n    }\r\n\r\n    .green {\r\n        grid-row: 1;\r\n        grid-column: 3;\r\n    }\r\n\r\n    .blue {\r\n        grid-row: 1;\r\n        grid-column: 5;\r\n    }\r\n\r\n    .alpha {\r\n        grid-row: 1;\r\n        grid-column: 7;\r\n\r\n        &.grayed {\r\n            opacity: 0.5;\r\n        }\r\n    }\r\n\r\n    .color-picker-hex {\r\n        grid-row: 4;\r\n        grid-column: 1;\r\n        display: grid;\r\n        grid-template-columns: 20% 80%;\r\n        grid-template-rows: 100%;\r\n\r\n        .color-picker-hex-label {\r\n            justify-self: center;\r\n            align-self: center;\r\n            grid-row: 1;\r\n            grid-column: 1;\r\n            margin-left: 10px;\r\n            color: black;\r\n        }\r\n\r\n        .color-picker-hex-value {\r\n            justify-self: left;\r\n            align-self: center;\r\n            grid-row: 1;\r\n            grid-column: 2;\r\n            margin-left: 10px;\r\n            margin-right: 10px;\r\n\r\n            input {\r\n                width: 70px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .color-picker-warning {\r\n        color: black;\r\n        font-size: 11px;\r\n        padding: 4px;\r\n        justify-self: left;\r\n        align-self: center;\r\n        grid-row: 6;\r\n        grid-column: 1;\r\n    }\r\n}\r\n'],sourceRoot:""}]);const a=s},234:e=>{"use strict";e.exports=function(e){var t=e[1],n=e[3];if(!n)return t;if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),o="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),i="/*# ".concat(o," */");return[t].concat([i]).join("\n")}return[t].join("\n")}},312:(e,t,n)=>{"use strict";Object.defineProperty(t,"tz",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Rc",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Dr",{enumerable:!0,get:function(){return i.default}});var r=s(n(824)),o=s(n(774)),i=s(n(122));s(n(349)),s(n(857)),n(451);function s(e){return e&&e.__esModule?e:{default:e}}},315:(e,t,n)=>{"use strict";function r(e){return r="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},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=l(t);if(n&&n.has(e))return n.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var a=i?Object.getOwnPropertyDescriptor(e,s):null;a&&(a.get||a.set)?Object.defineProperty(o,s,a):o[s]=e[s]}return o.default=e,n&&n.set(e,o),o}(n(460)),i=a(n(764)),s=a(n(122));function a(e){return e&&e.__esModule?e:{default:e}}function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(l=function(e){return e?n: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 p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var A=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,n,i,a=(n=l,i=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(n);if(i){var o=d(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===r(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),p(u(t=a.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(),