@genesislcap/foundation-layout 9.0.1-alpha-b5c5eb7.0

package/dist/459.459.c9f0bb440eb1f041c99e.js

@@ -0,0 +1,515 @@
+(self.webpackChunk_genesislcap_foundation_layout=self.webpackChunk_genesislcap_foundation_layout||[]).push([[459],{459:(t,e,o)=>{"use strict";o.r(e),o.d(e,{DEFAULT_RELOAD_BUFFER:()=>l,FoundationLayout:()=>j,FoundationLayoutItem:()=>y,FoundationLayoutRegion:()=>f,LayoutEmitEvents:()=>d,LayoutReceiveEvents:()=>m,LayoutRegistrationError:()=>s,LayoutUsageError:()=>r,componentType:()=>n,foundationLayoutComponents:()=>P,getMissingArrayItems:()=>c,getParentLayoutComponent:()=>g,layoutRegionValue:()=>p,layoutStyles:()=>T,layoutTemplate:()=>Y,wrapperTemplate:()=>h});var i=o(304),a=o(147);const n=Symbol("component-type"),l=500;class r extends Error{constructor(t){super(t)}}class s extends Error{constructor(t){super(t)}}const d={firstLoaded:"first-loaded",itemAdded:"item-added",itemRemoved:"item-removed"},m={changeTitle:"change-title"};function c(t,e){return t.filter((t=>!e.includes(t)))}function g(){const t=this.parentElement;switch(t[n]){case"root":case"horizontal":case"vertical":case"tabs":return t;default:throw new r("Using layout region outside of layout root")}}const h=a.html`
+  <template>
+    <slot class="target"></slot>
+  </template>
+`,p=["horizontal","vertical","tabs"];var _,u=o(951);class y extends u.FoundationElement{constructor(){super(...arguments),this.closable=!1,this[_]="item"}connectedCallback(){var t;super.connectedCallback(),this.slottedElements=this.shadowRoot.querySelector("slot.target").assignedElements();const e=this.cacheElementsAndRegister({elements:this.slottedElements,id:this.registration}),o={type:"component",componentType:e,title:null!==(t=this.title)&&void 0!==t?t:`Item ${e}`,reorderEnabled:!0,isClosable:this.closable,size:this.size};this.getParentLayoutComponent().addItemFromChild(o),this.requestLayoutReload()}getParentLayoutComponent(){return g.apply(this)}requestLayoutReload(){this.getParentLayoutComponent().requestLayoutReload()}cacheElementsAndRegister(t){return this.getParentLayoutComponent().cacheElementsAndRegister(t)}}_=n,(0,i.__decorate)([a.attr],y.prototype,"title",void 0),(0,i.__decorate)([(0,a.attr)({mode:"boolean"})],y.prototype,"closable",void 0),(0,i.__decorate)([a.attr],y.prototype,"size",void 0),(0,i.__decorate)([a.attr],y.prototype,"registration",void 0);const b=y.compose({baseName:"layout-item",template:h});const x=(0,o(64).createLogger)("foundation-layout");var M;const I=p[0];class f extends u.FoundationElement{constructor(){super(...arguments),this[M]="horizontal"}connectedCallback(){super.connectedCallback(),p.includes(this.type)||(this.type=I,x.warn(`Using invalid attribute "type", defaulting to ${I}`)),this[n]=this.type,this.setupLayoutRegion()}setupLayoutRegion(){this.layoutConfig=this.getParentLayoutComponent().addItemFromChild(this.constructLayoutConfig())}constructLayoutConfig(){return{type:{horizontal:"column",vertical:"row",tabs:"stack"}[this[n]],content:[],size:this.size}}getParentLayoutComponent(){return g.apply(this)}addItemFromChild(t){return this.layoutConfig.content.push(t),this.layoutConfig.content[this.layoutConfig.content.length-1]}requestLayoutReload(){this.getParentLayoutComponent().requestLayoutReload()}cacheElementsAndRegister(t){return this.getParentLayoutComponent().cacheElementsAndRegister(t)}}M=n,(0,i.__decorate)([a.attr],f.prototype,"size",void 0),(0,i.__decorate)([a.attr],f.prototype,"type",void 0);const v=f.compose({baseName:"layout-region",template:h});var N=o(699);const w={dimensions:{headerHeight:38,borderWidth:12},header:{maximise:"maximise",minimise:"minimise",popout:!1}},L="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzE1LjMgNDExLjNjLTYuMjUzIDYuMjUzLTE2LjM3IDYuMjUzLTIyLjYzIDBMMTYwIDI3OC42bC0xMzIuNyAxMzIuN2MtNi4yNTMgNi4yNTMtMTYuMzcgNi4yNTMtMjIuNjMgMGMtNi4yNTMtNi4yNTMtNi4yNTMtMTYuMzcgMC0yMi42M0wxMzcuNCAyNTZMNC42OSAxMjMuM2MtNi4yNTMtNi4yNTMtNi4yNTMtMTYuMzcgMC0yMi42M2M2LjI1My02LjI1MyAxNi4zNy02LjI1MyAyMi42MyAwTDE2MCAyMzMuNGwxMzIuNy0xMzIuN2M2LjI1My02LjI1MyAxNi4zNy02LjI1MyAyMi42MyAwYzYuMjUzIDYuMjUzIDYuMjUzIDE2LjM3IDAgMjIuNjNMMTgyLjYgMjU2bDEzMi43IDEzMi43QzMyMS42IDM5NC45IDMyMS42IDQwNS4xIDMxNS4zIDQxMS4zeiIgZmlsbD0iIzg3OWJhNiIvPjwvc3ZnPg==";var D=o(193);const z=`\n  .lm_dragProxy .lm_content {\n    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);\n  }\n  .lm_dropTargetIndicator {\n    box-shadow: inset 0 0 30px #000000;\n    outline: 1px dashed #cccccc;\n    transition: all 200ms ease;\n  }\n  .lm_dropTargetIndicator .lm_inner {\n    background: var(${D.jq.cssCustomProperty});\n    opacity: 0.2;\n  }\n  .lm_dragProxy.lm_left .lm_header,\n  .lm_dragProxy.lm_right .lm_header {\n    width: 20px;\n    float: left;\n    vertical-align: top;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_tabs,\n  .lm_dragProxy.lm_right .lm_header .lm_tabs {\n    transform-origin: left top;\n    top: 0;\n    width: 1000px;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_controls,\n  .lm_dragProxy.lm_right .lm_header .lm_controls {\n    bottom: 0;\n  }\n  .lm_dragProxy.lm_left .lm_items,\n  .lm_dragProxy.lm_right .lm_items {\n    float: left;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_tabs {\n    transform: rotate(-90deg) scaleX(-1);\n    left: 0;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab {\n    transform: scaleX(-1);\n    margin-top: 1px;\n  }\n  .lm_dragProxy.lm_left .lm_header .lm_tabdropdown_list {\n    top: initial;\n    right: initial;\n    left: 20px;\n  }\n  .lm_dragProxy.lm_right .lm_content {\n    float: left;\n  }\n  .lm_dragProxy.lm_right .lm_header .lm_tabs {\n    transform: rotate(90deg) scaleX(1);\n    left: 100%;\n    margin-left: 0;\n  }\n  .lm_dragProxy.lm_right .lm_header .lm_controls {\n    left: 3px;\n  }\n  .lm_dragProxy.lm_right .lm_header .lm_tabdropdown_list {\n    top: initial;\n    right: 20px;\n  }\n  .lm_dragProxy.lm_bottom .lm_header .lm_tab {\n    margin-top: 0;\n    border-top: none;\n  }\n  .lm_dragProxy.lm_bottom .lm_header .lm_controls,\n  .lm_stack.lm_bottom .lm_header .lm_controls {\n    top: 3px;\n  }\n  .lm_dragProxy.lm_bottom .lm_header .lm_tabdropdown_list,\n  .lm_stack.lm_bottom .lm_header .lm_tabdropdown_list {\n    top: initial;\n    bottom: 20px;\n  }\n  .lm_dragProxy {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 30;\n  }\n  .lm_dragProxy .lm_header {\n    background: transparent;\n  }\n  .lm_dragProxy .lm_content {\n    border-top: none;\n    overflow: hidden;\n  }\n  .lm_dropTargetIndicator {\n    display: none;\n    position: absolute;\n    z-index: 20;\n  }\n  .lm_dropTargetIndicator .lm_inner {\n    width: 100%;\n    height: 100%;\n    position: relative;\n    top: 0;\n    left: 0;\n  }\n  .lm_transition_indicator {\n    display: none;\n    width: 20px;\n    height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 20;\n  }\n`,C=a.css`
+  * {
+    --spinner-size: 50px;
+  }
+
+  .html-spinner {
+    width: var(--spinner-size);
+    height: var(--spinner-size);
+    border: 4px solid white;
+    border-top: 4px solid ${D.Av};
+    border-radius: 50%;
+  }
+
+  .html-spinner {
+    -webkit-transition-property: -webkit-transform;
+    -webkit-transition-duration: 1.2s;
+    -webkit-animation-name: rotate;
+    -webkit-animation-iteration-count: infinite;
+    -webkit-animation-timing-function: linear;
+
+    -moz-transition-property: -moz-transform;
+    -moz-animation-name: rotate;
+    -moz-animation-duration: 1.2s;
+    -moz-animation-iteration-count: infinite;
+    -moz-animation-timing-function: linear;
+
+    transition-property: transform;
+    animation-name: rotate;
+    animation-duration: 1.2s;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+  }
+
+  @-webkit-keyframes rotate {
+    from {
+      -webkit-transform: rotate(0deg);
+    }
+    to {
+      -webkit-transform: rotate(360deg);
+    }
+  }
+
+  @-moz-keyframes rotate {
+    from {
+      -moz-transform: rotate(0deg);
+    }
+    to {
+      -moz-transform: rotate(360deg);
+    }
+  }
+
+  @keyframes rotate {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  /* spinner positioning */
+
+  .html-spinner {
+    position: absolute;
+    z-index: 5;
+    left: calc(50% - (calc(var(--spinner-size) / 2)));
+    top: calc(50% - (calc(var(--spinner-size) / 2)));
+  }
+`,T=a.css`
+  ${"\n :host {\n    contain: content;\n    display: block;\n    position: relative;\n    height: 100%;\n    width: 100%;\n  }\n  .layout-container {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    inset: 0px;\n  }\n"}
+  ${C}
+
+  .lm_goldenlayout {
+    padding: 1px;
+    background: ${D.y9};
+    border-radius: calc(${D.UW} * 1.5px);
+  }
+
+  .lm_stack.lm_item {
+    background-color: ${D.sp};
+    border-radius: calc(${D.UW} * 1.5px);
+  }
+  .lm_maximised .lm_header {
+    background-color: ${D.sp};
+    border-radius: calc(${D.UW} * 1.5px);
+    position: unset;
+  }
+
+  .lm_maximised .lm_header .lm_tabs {
+    z-index: 3;
+  }
+
+  .lm_content {
+    background-color: ${D.hZ};
+    border-radius: calc(${D.UW} * 1.5px);
+    border: 1px solid;
+    border-color: #2e3339;
+    box-sizing: border-box;
+  }
+
+  .lm-header {
+    z-index: 1;
+  }
+  .lm_header .lm_tabs {
+    padding: 0 16px;
+  }
+
+  .lm_stack > .lm_items {
+    z-index: 2;
+    box-shadow: 0px -1px 15px rgba(0, 0, 0, 0.35);
+  }
+
+  .lm_header .lm_tab.lm_active.lm_focused {
+    background-color: ${D.hZ};
+  }
+  .lm_header .lm_tab.lm_active {
+    background-color: ${D.hZ};
+    border: 1px solid;
+    border-color: #2e3339;
+    border-bottom: 0;
+    color: ${D.Av};
+  }
+
+  .lm_header .lm_tab {
+    align-items: center;
+    background-color: ${D.sp};
+    border: 1px solid;
+    border-bottom-color: #2e3339;
+    border-bottom: 0px solid;
+    border-color: rgba(0, 0, 0, 0.35);
+    border-radius: calc(${D.UW} * 1.5px) calc(${D.UW} * 1.5px) 0 0;
+    box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.35);
+    color: rgba(255, 255, 255, 0.3);
+    display: flex;
+    font-family: inherit;
+    font-size: 13px;
+    font-weight: 700;
+    height: 30px;
+    margin-right: 2px;
+    margin-top: 3px;
+    padding: 2px 16px;
+  }
+
+  .lm_header .lm_tab:not(.lm_active):hover {
+    background-color: rgba(255, 255, 255, 0.1);
+    color: #f1f1f1;
+  }
+
+  .lm_header .lm_controls {
+    top: 4px;
+    display: flex;
+  }
+  .lm_header .lm_controls > * {
+    width: 30px;
+    height: 30px;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 16px;
+    background-color: rgba(255, 255, 255, 0.03);
+    border-radius: calc(${D.UW} * 1.5px);
+    margin-right: 4px;
+    top: 3px;
+    opacity: 1;
+  }
+  .lm_header .lm_controls > *:hover {
+    background-color: rgba(255, 255, 255, 0.1);
+    cursor: pointer;
+  }
+
+  .lm_controls .lm_maximise {
+    background-image: url('${"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMTQ0IDMyaC0xMjhDNy4xNTYgMzIgMCAzOS4xNiAwIDQ4djEyOEMwIDE4NC44IDcuMTU2IDE5MiAxNiAxOTJTMzIgMTg0LjggMzIgMTc2VjY0aDExMkMxNTIuOCA2NCAxNjAgNTYuODQgMTYwIDQ4UzE1Mi44IDMyIDE0NCAzMnpNMTQ0IDQ0OEgzMnYtMTEyQzMyIDMyNy4yIDI0Ljg0IDMyMCAxNiAzMjBTMCAzMjcuMiAwIDMzNnYxMjhDMCA0NzIuOCA3LjE1NiA0ODAgMTYgNDgwaDEyOEMxNTIuOCA0ODAgMTYwIDQ3Mi44IDE2MCA0NjRTMTUyLjggNDQ4IDE0NCA0NDh6TTQzMiAzMjBjLTguODQ0IDAtMTYgNy4xNTYtMTYgMTZWNDQ4aC0xMTJjLTguODQ0IDAtMTYgNy4xNTYtMTYgMTZzNy4xNTYgMTYgMTYgMTZoMTI4YzguODQ0IDAgMTYtNy4xNTYgMTYtMTZ2LTEyOEM0NDggMzI3LjIgNDQwLjggMzIwIDQzMiAzMjB6TTQzMiAzMmgtMTI4QzI5NS4yIDMyIDI4OCAzOS4xNiAyODggNDhTMjk1LjIgNjQgMzA0IDY0SDQxNnYxMTJDNDE2IDE4NC44IDQyMy4yIDE5MiA0MzIgMTkyUzQ0OCAxODQuOCA0NDggMTc2di0xMjhDNDQ4IDM5LjE2IDQ0MC44IDMyIDQzMiAzMnoiIGZpbGw9IiM4NzliYTYiLz48L3N2Zz4="}');
+  }
+  .lm_maximised .lm_controls .lm_maximise {
+    background-image: url('${"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMCA0NjRDMCA0NTUuMiA3LjE2NCA0NDggMTYgNDQ4SDQ5NkM1MDQuOCA0NDggNTEyIDQ1NS4yIDUxMiA0NjRDNTEyIDQ3Mi44IDUwNC44IDQ4MCA0OTYgNDgwSDE2QzcuMTY0IDQ4MCAwIDQ3Mi44IDAgNDY0eiIgZmlsbD0iIzg3OWJhNiIvPjwvc3ZnPg=="}');
+  }
+  .lm_controls .lm_close {
+    background-image: url('${L}');
+  }
+  .lm_header .lm_tab .lm_close_tab {
+    background-image: url('${L}');
+    background-size: 10px;
+    background-repeat: no-repeat;
+    margin-left: 12px;
+    position: relative;
+    top: 0;
+    right: 0;
+  }
+
+  .lm_header .lm_tab.lm_active {
+    padding: 4px 25px 3px 10px;
+  }
+
+  .lm_header .lm_tab:not(.lm_active) .lm_title {
+    color: ${D.Av};
+    opacity: 0.7;
+  }
+
+  .lm_header .lm_controls .lm_tabdropdown::before {
+    content: none;
+  }
+  .lm_header .lm_controls .lm_tabdropdown {
+    background-image: url('${"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNC4yNTEgMTgxLjFDNy4zOTIgMTc3LjcgMTEuNjkgMTc1LjEgMTYgMTc1LjFjMy44OTEgMCA3Ljc4MSAxLjQwNiAxMC44NiA0LjI1bDE5Ny4xIDE4MS4xbDE5Ny4xLTE4MS4xYzYuNS02IDE2LjY0LTUuNjI1IDIyLjYxIC45MDYyYzYgNi41IDUuNTk0IDE2LjU5LS44OTA2IDIyLjU5bC0yMDggMTkyYy02LjE1NiA1LjY4OC0xNS41NiA1LjY4OC0yMS43MiAwbC0yMDgtMTkyQy0xLjM0MyAxOTcuNy0xLjc0OSAxODcuNiA0LjI1MSAxODEuMXoiIGZpbGw9IiM4NzliYTYiLz48L3N2Zz4="}');
+  }
+  .lm_header .lm_tabdropdown_list {
+    top: 38px;
+    right: 108px;
+    background-color: ${D.hZ};
+    border: 1px solid;
+    border-color: #2e3339;
+    border-radius: calc(${D.UW} * 1.5px);
+    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.35);
+  }
+  .lm_header .lm_tabdropdown_list > .lm_tab {
+    box-shadow: none;
+    padding: 0 16px;
+    white-space: nowrap;
+    background-color: transparent;
+    color: #c9c9c9;
+    height: 36px;
+    border-radius: 0;
+    overflow: visible;
+    text-overflow: normal;
+  }
+  .lm_header .lm_tabdropdown_list > .lm_tab:last-child {
+    border-bottom: 0;
+  }
+
+  /* gl base styles start */
+  .lm_root {
+    position: relative;
+  }
+  .lm_row > .lm_item {
+    float: left;
+  }
+  .lm_content {
+    overflow: hidden;
+    position: relative;
+  }
+  .lm_dragging,
+  .lm_dragging * {
+    cursor: move !important;
+    user-select: none;
+  }
+  .lm_maximised {
+    left: 0;
+    padding: 1px;
+    position: absolute;
+    top: 0;
+    z-index: 40;
+  }
+  .lm_maximise_placeholder {
+    display: none;
+  }
+  .lm_splitter {
+    position: relative;
+    z-index: 20;
+  }
+  .lm_splitter:hover,
+  .lm_splitter.lm_dragging {
+    background: ${D.Av};
+    border-radius: calc(${D.UW} * 4px);
+  }
+  .lm_splitter.lm_vertical .lm_drag_handle {
+    width: 100%;
+    height: 15px;
+    position: absolute;
+    top: -5px;
+    cursor: ns-resize;
+  }
+  .lm_splitter.lm_horizontal {
+    float: left;
+    height: 100%;
+  }
+  .lm_splitter.lm_horizontal .lm_drag_handle {
+    width: 15px;
+    height: 100%;
+    position: absolute;
+    left: -5px;
+    cursor: ew-resize;
+  }
+  .lm_header {
+    overflow: visible;
+    position: relative;
+    z-index: 1;
+  }
+  .lm_header [class^='lm_'] {
+    box-sizing: content-box !important;
+  }
+  .lm_header .lm_controls {
+    position: absolute;
+    right: 3px;
+  }
+  .lm_header .lm_controls > li {
+    cursor: pointer;
+    float: left;
+    width: 18px;
+    height: 18px;
+    text-align: center;
+  }
+  .lm_header ul {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+  }
+  .lm_header .lm_tabs {
+    position: absolute;
+  }
+  .lm_header .lm_tab {
+    cursor: pointer;
+    float: left;
+    margin-top: 1px;
+    padding: 3px 25px 3px 10px;
+    position: relative;
+  }
+  .lm_header .lm_tab i {
+    width: 2px;
+    height: 19px;
+    position: absolute;
+  }
+  .lm_header .lm_tab i.lm_left {
+    top: 0;
+    left: -2px;
+  }
+  .lm_header .lm_tab i.lm_right {
+    top: 0;
+    right: -2px;
+  }
+  .lm_header .lm_tab .lm_title {
+    display: inline-block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .lm_header .lm_tab .lm_title:only-child {
+    padding-left: 10px;
+  }
+  .lm_header .lm_tab .lm_close_tab {
+    width: 14px;
+    height: 14px;
+    position: absolute;
+    top: 11px;
+    right: 0;
+    text-align: center;
+  }
+  .lm_stack.lm_left .lm_header,
+  .lm_stack.lm_right .lm_header {
+    height: 100%;
+  }
+  .lm_dragProxy.lm_left .lm_header,
+  .lm_dragProxy.lm_right .lm_header,
+  .lm_stack.lm_left .lm_header,
+  .lm_stack.lm_right .lm_header {
+    width: 20px;
+    float: left;
+    vertical-align: top;
+  }
+  .lm_dragProxy.lm_left .lm_header .lm_tabs,
+  .lm_dragProxy.lm_right .lm_header .lm_tabs,
+  .lm_stack.lm_left .lm_header .lm_tabs,
+  .lm_stack.lm_right .lm_header .lm_tabs {
+    transform-origin: left top;
+    top: 0;
+    width: 1000px;
+  }
+  .lm_dragProxy.lm_left .lm_header .lm_controls,
+  .lm_dragProxy.lm_right .lm_header .lm_controls,
+  .lm_stack.lm_left .lm_header .lm_controls,
+  .lm_stack.lm_right .lm_header .lm_controls {
+    bottom: 0;
+  }
+  .lm_dragProxy.lm_left .lm_items,
+  .lm_dragProxy.lm_right .lm_items,
+  .lm_stack.lm_left .lm_items,
+  .lm_stack.lm_right .lm_items {
+    float: left;
+  }
+  .lm_dragProxy.lm_left .lm_header .lm_tabs,
+  .lm_stack.lm_left .lm_header .lm_tabs {
+    transform: rotate(-90deg) scaleX(-1);
+    left: 0;
+  }
+  .lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab,
+  .lm_stack.lm_left .lm_header .lm_tabs .lm_tab {
+    transform: scaleX(-1);
+    margin-top: 1px;
+  }
+  .lm_dragProxy.lm_left .lm_header .lm_tabdropdown_list,
+  .lm_stack.lm_left .lm_header .lm_tabdropdown_list {
+    top: initial;
+    right: initial;
+    left: 20px;
+  }
+  .lm_dragProxy.lm_right .lm_content {
+    float: left;
+  }
+  .lm_dragProxy.lm_right .lm_header .lm_tabs,
+  .lm_stack.lm_right .lm_header .lm_tabs {
+    transform: rotate(90deg) scaleX(1);
+    left: 100%;
+    margin-left: 0;
+  }
+  .lm_dragProxy.lm_right .lm_header .lm_controls,
+  .lm_stack.lm_right .lm_header .lm_controls {
+    left: 3px;
+  }
+  .lm_dragProxy.lm_right .lm_header .lm_tabdropdown_list,
+  .lm_stack.lm_right .lm_header .lm_tabdropdown_list {
+    top: initial;
+    right: 20px;
+  }
+  .lm_dragProxy.lm_bottom .lm_header .lm_tab,
+  .lm_stack.lm_bottom .lm_header .lm_tab {
+    margin-top: 0;
+    border-top: none;
+  }
+  .lm_dragProxy.lm_bottom .lm_header .lm_controls,
+  .lm_stack.lm_bottom .lm_header .lm_controls {
+    top: 3px;
+  }
+  .lm_dragProxy.lm_bottom .lm_header .lm_tabdropdown_list,
+  .lm_stack.lm_bottom .lm_header .lm_tabdropdown_list {
+    top: initial;
+    bottom: 20px;
+  }
+  .lm_drop_tab_placeholder {
+    float: left;
+    width: 100px;
+    height: 10px;
+    visibility: hidden;
+  }
+  .lm_header .lm_tabdropdown_list {
+    position: absolute;
+    top: 20px;
+    right: 0;
+    z-index: 5;
+    overflow: hidden;
+  }
+  .lm_header .lm_tabdropdown_list .lm_tab {
+    clear: both;
+    padding-right: 10px;
+    margin: 0;
+  }
+  .lm_header .lm_tabdropdown_list .lm_tab .lm_title {
+    width: 100px;
+  }
+  .lm_header .lm_tabdropdown_list .lm_close_tab {
+    display: none !important;
+  }
+  .lm_dragProxy {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 30;
+  }
+  .lm_dragProxy .lm_header {
+    background: transparent;
+  }
+  .lm_dragProxy .lm_content {
+    border-top: none;
+    overflow: hidden;
+  }
+  .lm_dropTargetIndicator {
+    display: none;
+    position: absolute;
+    z-index: 20;
+  }
+  .lm_dropTargetIndicator .lm_inner {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    top: 0;
+    left: 0;
+  }
+  .lm_transition_indicator {
+    display: none;
+    width: 20px;
+    height: 20px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 20;
+  }
+  .lm_popin {
+    width: 20px;
+    height: 20px;
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    z-index: 9999;
+  }
+  .lm_popin > * {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+  .lm_popin > .lm_bg {
+    z-index: 10;
+  }
+  .lm_popin > .lm_icon {
+    z-index: 20;
+  } /*# sourceMappingURL=goldenlayout-base.css.map */
+`;var A;let E=!1;class j extends u.FoundationElement{constructor(){super(),this.layoutConfig={root:void 0},this[A]="root",this.reloadBuffer=l,this.reloadPending=!1,this.registeredComponents=0,this.hasFirstLoaded=!1,this.usingDeclerativeAPI=!1,this.dragging=!1,this.onDragStart=this.onDragStart.bind(this),this.onDragStop=this.onDragStop.bind(this),this.cacheLayout=this.cacheLayout.bind(this),this.onItemRemoved=this.onItemRemoved.bind(this)}connectedCallback(){super.connectedCallback(),x.debug("FoundationLayout connected to the DOM"),this.layout=new N.GoldenLayout(this.layoutElement),this.layout.resizeWithContainerAutomatically=!0,E||((new CSSStyleSheet).replace(z).then((t=>document.adoptedStyleSheets.push(t))).catch((t=>console.error("Failed to replace styles:",t))),E=!0),this.shadowRoot.addEventListener("dragStart",this.onDragStart,!0),this.shadowRoot.addEventListener("dragStop",this.onDragStop,!0),this.shadowRoot.addEventListener("itemDestroyed",this.onItemRemoved,!0),this.shadowRoot.addEventListener("closeButtonPressed",this.onItemRemoved,!0)}disconnectedCallback(){this.shadowRoot.removeEventListener("dragStart",this.onDragStart),this.shadowRoot.removeEventListener("dragStop",this.onDragStop),this.shadowRoot.removeEventListener("itemDestroyed",this.onItemRemoved),this.shadowRoot.removeEventListener("closeButtonPressed",this.onItemRemoved)}onDragStart(){this.dragging=!0}onDragStop(){this.dragging=!1}onItemAdded(){this.$emit(d.itemAdded)}onItemRemoved(){this.$emit(d.itemRemoved)}static layoutRequiredRegistrations(t){const{c:e}=t,o=N.LayoutConfig.fromResolved(N.ResolvedLayoutConfig.unminifyConfig(e)),i=[];return JSON.stringify(o,((t,e)=>("componentType"===t&&i.push(e),e))),i.sort()}registeredItems(){return this.layout.getRegisteredComponentTypeNames()}getLayout(){return{v:"1",c:N.ResolvedLayoutConfig.minifyConfig(this.layout.saveLayout())}}loadLayout(t){const e=this.registeredItems(),o=c(j.layoutRequiredRegistrations(t),e);if(0!==o.length)throw new r(`Trying to load layout with extra components. The component(s) not currently loaded are "${[...new Set(o)]}"`);this.layout.loadLayout(Object.assign(Object.assign({},N.LayoutConfig.fromResolved(N.ResolvedLayoutConfig.unminifyConfig(t.c))),w))}addItem(t,e={area:"right"}){const{registration:o,title:i,size:a,closable:n}=t;if(!this.layout.getRegisteredComponentTypeNames().includes(o))throw new s(`Cannot add item '${o}' which is not registered with the layout system.`);const l={type:"component",componentType:o,title:null!=i?i:`Item ${o}`,reorderEnabled:!0,isClosable:n||!1,size:a};if(void 0===this.layoutConfig.root)return this.layoutConfig=Object.assign({root:l},w),this.layout.loadLayout(this.layoutConfig),void this.onItemAdded();this.cacheLayout();const{area:r}=e;this.layoutConfig=Object.assign({root:{type:"top"===r||"bottom"===r?"column":"row",content:"right"===r||"bottom"===r?[this.layoutConfig.root,l]:[l,this.layoutConfig.root]}},w),this.layout.loadLayout(this.layoutConfig),this.onItemAdded()}registerItem(t,e){if(!this.layout.isInitialised)throw new r("Cannot add item via JS API until initialised");return this.cacheElementsAndRegister({elements:e,id:t})}requestLayoutReload(){this.reloadPending||(this.reloadPending=!0,setTimeout((()=>{this.layout.loadLayout(this.layoutConfig),this.reloadPending=!1,this.hasFirstLoaded||(this.$emit(d.firstLoaded),this.hasFirstLoaded=!0)}),this.reloadBuffer))}addItemFromChild(t){if(void 0!==this.layoutConfig.root)throw new r("Cannot have multiple layout items as direct descendants of the layout root. You need to put the layout items within a layout region.");return this.usingDeclerativeAPI=!0,this.layoutConfig=Object.assign({root:t},w),this.layoutConfig.root}cacheElementsAndRegister({elements:t,id:e}){const o=e||`${this.registeredComponents+=1}`;if(this.layout.getRegisteredComponentTypeNames().includes(o))throw new s(`Cannot register item with already registered name: '${o}'`);const i=this.setupLayoutReceiveEvents.bind(this),a=function(){const e=document.createDocumentFragment();t.forEach((t=>e.appendChild(t)));let o=0;const a=new Map;return(t,n)=>{var l;if((null==n?void 0:n.instance)||(o+=1,n.instance=o),t.state.instance=n.instance,t.state.originalTitle=null!==(l=n.originalTitle)&&void 0!==l?l:t.title,!a.has(null==n?void 0:n.instance)){const t=document.createDocumentFragment();Array.from(e.children).forEach((e=>t.appendChild(e.cloneNode(!0)))),a.set(n.instance,[...t.children])}a.get(n.instance).forEach((e=>t.element.appendChild(e))),i(t,n)}}();return this.layout.registerComponentFactoryFunction(o,a),o}setupLayoutReceiveEvents(t,e){const o=t.state.originalTitle;t.element.addEventListener(m.changeTitle,(e=>{const i=null==e?void 0:e.detail;(null==i?void 0:i.title)&&(null==i?void 0:i.mode)||x.error("Invalid change-title event.detail:",null==e?void 0:e.detail),t.setTitle(`${"suffix"===i.mode?o+" ":""}${i.title}`)}))}cacheLayout(){this.layoutConfig=N.LayoutConfig.fromResolved(this.layout.saveLayout())}}A=n,(0,i.__decorate)([(0,a.attr)({attribute:"reload-buffer"})],j.prototype,"reloadBuffer",void 0),(0,i.__decorate)([a.observable],j.prototype,"hasFirstLoaded",void 0),(0,i.__decorate)([a.observable],j.prototype,"usingDeclerativeAPI",void 0),(0,i.__decorate)([a.observable],j.prototype,"dragging",void 0);const k=a.html`
+  <div class="html-spinner"></div>
+`,Y=a.html`
+  <template>
+    ${(0,a.when)((t=>!t.hasFirstLoaded&&t.usingDeclerativeAPI),k)}
+    <div class="layout-container" ${(0,a.ref)("layoutElement")}></div>
+  </template>
+`,P={foundationLayout:j.compose({baseName:"layout",styles:T,template:Y}),foundationLayoutRegion:v,foundationLayoutItem:b,register(t,...e){if(t)for(const o in this)"register"!==o&&this[o]().register(t,...e)}}}}]);
+//# sourceMappingURL=459.cb5f5b49b4e8881992c420f3b1ca863d.js.map