@gravitee/ui-components 3.25.2 → 3.25.3-typescript-5a46c7d

package/src/organisms/gv-resizable-views.js

@@ -1,178 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { css, LitElement, html } from 'lit';
-import { classMap } from 'lit/directives/class-map';
-import { dispatchCustomEvent } from '../lib/events';
-/**
- * Resizable views component
- *
- * @fires gv-resizable-views:resize - when user click to resize action
- * @fires gv-resizable-views:move - when user move the resize cursor
- *
- * @slot top - The top content
- * @slot bottom - The bottom content
- *
- * @attr {String} direction - the direction [vertical|horizonal]
- * @attr {Boolean} no-overflow - true if slot containers should have `overflow: hidden`
- */
-
-export class GvResizableViews extends LitElement {
-  static get properties() {
-    return {
-      direction: {
-        type: String,
-        reflect: true
-      },
-      noOverflow: {
-        type: Boolean,
-        attribute: 'no-overflow'
-      }
-    };
-  }
-
-  constructor() {
-    super();
-    this.direction = 'vertical';
-  }
-
-  split() {
-    this.resize();
-  }
-
-  maximizeTop() {
-    this.resize(85, 15);
-  }
-
-  maximizeBottom() {
-    this.resize(20, 80);
-  }
-
-  resize(top = 50, bottom = 50) {
-    this.shadowRoot.querySelector('.top').style.height = `${top}%`;
-    this.shadowRoot.querySelector('.bottom').style.height = `${bottom}%`; // Dispatch event after transition
-
-    setTimeout(() => {
-      dispatchCustomEvent(this, 'resize', {
-        top,
-        bottom
-      });
-    }, 350);
-  }
-
-  resizable(resizer) {
-    const direction = resizer.getAttribute('data-direction') || 'horizontal';
-    const prevSibling = resizer.previousElementSibling;
-    const nextSibling = resizer.nextElementSibling; // The current position of mouse
-
-    let x = 0;
-    let y = 0;
-    let prevSiblingHeight = 0;
-    let prevSiblingWidth = 0;
-    const shadowRoot = this.shadowRoot;
-    const me = this; // Handle the mousedown event
-    // that's triggered when user drags the resizer
-
-    const mouseDownHandler = function (e) {
-      if (!e.target.classList.contains('action')) {
-        // Get the current mouse position
-        shadowRoot.querySelector('.box').classList.remove('transition');
-        x = e.clientX;
-        y = e.clientY;
-        const rect = prevSibling.getBoundingClientRect();
-        prevSiblingHeight = rect.height;
-        prevSiblingWidth = rect.width; // Attach the listeners to `document`
-
-        document.addEventListener('mousemove', mouseMoveHandler);
-        document.addEventListener('mouseup', mouseUpHandler);
-      }
-    };
-
-    const mouseMoveHandler = function (e) {
-      // How far the mouse has been moved
-      const dx = e.clientX - x;
-      const dy = e.clientY - y;
-      dispatchCustomEvent(me, 'move', {
-        direction
-      });
-
-      switch (direction) {
-        case 'vertical':
-          prevSibling.style.height = `${(prevSiblingHeight + dy) * 100 / resizer.parentNode.getBoundingClientRect().height}%`;
-          nextSibling.style.height = `${100 - (prevSiblingHeight + dy) * 100 / resizer.parentNode.getBoundingClientRect().height}%`;
-          break;
-
-        case 'horizontal':
-        default:
-          prevSibling.style.width = `${(prevSiblingWidth + dx) * 100 / resizer.parentNode.getBoundingClientRect().width}%`;
-          break;
-      }
-
-      const cursor = direction === 'horizontal' ? 'col-resize' : 'row-resize';
-      resizer.style.cursor = cursor;
-      resizer.classList.add('drag');
-      document.body.style.cursor = cursor;
-      prevSibling.style.userSelect = 'none';
-      prevSibling.style.pointerEvents = 'none';
-      nextSibling.style.userSelect = 'none';
-      nextSibling.style.pointerEvents = 'none';
-    };
-
-    const mouseUpHandler = function () {
-      resizer.style.removeProperty('cursor');
-      resizer.classList.remove('drag');
-      document.body.style.removeProperty('cursor');
-      prevSibling.style.removeProperty('user-select');
-      prevSibling.style.removeProperty('pointer-events');
-      nextSibling.style.removeProperty('user-select');
-      nextSibling.style.removeProperty('pointer-events'); // Remove the handlers of `mousemove` and `mouseup`
-
-      document.removeEventListener('mousemove', mouseMoveHandler);
-      document.removeEventListener('mouseup', mouseUpHandler);
-      shadowRoot.querySelector('.box').classList.add('transition');
-    }; // Attach the handler
-
-
-    resizer.addEventListener('mousedown', mouseDownHandler);
-  }
-
-  firstUpdated() {
-    this.shadowRoot.querySelectorAll('.resizer').forEach(elt => this.resizable(elt));
-  }
-
-  get shape() {
-    if (this.direction === 'horizontal') {
-      return 'design:vertical';
-    }
-
-    return 'design:horizontal';
-  }
-
-  render() {
-    return html` <div class="${classMap({
-      box: true,
-      transition: true,
-      'no-overflow': this.noOverflow
-    })}"> <div class="top"><slot name="top"></slot></div> <div class="resizer" data-direction="${this.direction}"> <gv-icon shape="${this.shape}"></gv-icon> <div class="actions"> <gv-icon class="layout-icon" shape="layout:layout-right-panel-2"></gv-icon> <gv-button small link class="action" icon="layout:layout-bottom-panel" title="Maximize top" @gv-button:click="${this.maximizeTop}"></gv-button> <gv-button small link class="action" icon="layout:layout-horizontal-2" title="Split screen" @gv-button:click="${this.split}"></gv-button> <gv-button small link class="action" icon="layout:layout-top-panel-6" title="Maximize bottom" @gv-button:click="${this.maximizeBottom}"></gv-button> </div> </div> <div class="bottom"><slot name="bottom"></slot></div> </div> `;
-  }
-
-  static get styles() {
-    return [// language=css
-    css`.box{display:flex;height:100%;flex:1 1 0;flex-direction:column}:host([direction=horizontal]) .box{flex-direction:row}:host([direction=horizontal]) .layout-icon{display:none}*{box-sizing:border-box}::slotted(*){display:inline-block;width:100%}.no-overflow ::slotted(*){height:100%;position:relative}.bottom,.top{position:relative}.no-overflow .bottom,.no-overflow .top{overflow:hidden}.bottom{display:flex;flex-grow:1}.left{width:70%}.left,.right{padding:.2rem;overflow:auto}.bottom,.top{border-left:1px solid #bfbfbf;border-right:1px solid #bfbfbf;height:100%}:host([direction=horizontal]) .top{border-right:0}:host([direction=horizontal]) .bottom{border-left:0}.transition .bottom,.transition .top{transition:height 350ms ease-in-out}.top{overflow-y:auto;overflow-x:hidden;height:50%}.bottom{overflow-y:auto;overflow-x:hidden;height:50%}:host([direction=horizontal]) .bottom,:host([direction=horizontal]) .top{height:100%;width:50%}.resizer{z-index:10;background-color:#d9d9d9;--gv-icon--s:20px;display:flex;align-items:center;justify-content:flex-end;--gv-icon--c:#28444f;transition:all .2s ease-in-out;position:relative}.resizer.drag{border-width:4px 0;border-style:double;border-color:#d9d9d9;background-color:#fff}.resizer .actions,.resizer gv-icon{transition:all .2s ease-in-out}.resizer.drag .actions,.resizer.drag gv-icon{visibility:hidden;opacity:0}:host([direction=horizontal]) .resizer.drag{border-width:0 4px}.resizer>gv-icon{position:absolute}:host([direction=horizontal]) .resizer{align-items:flex-start}:host([direction=vertical]) .resizer gv-icon{right:45px}:host([direction=horizontal]) .resizer gv-icon{left:-9px;top:45px}.resizer[data-direction=vertical]{cursor:ns-resize;height:2px;width:100%}.resizer[data-direction=horizontal]{cursor:ew-resize;height:100%;width:2px}.actions{margin-top:-22px;margin-right:15px;padding:0 .2rem;border-radius:4px 4px 0 0;background-color:#d9d9d9}.actions gv-button{margin:.2rem .1rem;visibility:hidden;opacity:0;display:none;transition:all 250ms ease-in-out}.actions:focus-within,.actions:hover{padding:.2rem;margin-top:-66px}.actions:focus-within gv-button,.actions:hover gv-button{display:block;opacity:1;visibility:visible}.actions:focus-within gv-icon,.actions:hover gv-icon{display:none;opacity:0;visibility:hidden}`];
-  }
-
-}
-window.customElements.define('gv-resizable-views', GvResizableViews);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL29yZ2FuaXNtcy9ndi1yZXNpemFibGUtdmlld3MuanMiXSwibmFtZXMiOlsiY3NzIiwiTGl0RWxlbWVudCIsImh0bWwiLCJjbGFzc01hcCIsImRpc3BhdGNoQ3VzdG9tRXZlbnQiLCJHdlJlc2l6YWJsZVZpZXdzIiwicHJvcGVydGllcyIsImRpcmVjdGlvbiIsInR5cGUiLCJTdHJpbmciLCJyZWZsZWN0Iiwibm9PdmVyZmxvdyIsIkJvb2xlYW4iLCJhdHRyaWJ1dGUiLCJjb25zdHJ1Y3RvciIsInNwbGl0IiwicmVzaXplIiwibWF4aW1pemVUb3AiLCJtYXhpbWl6ZUJvdHRvbSIsInRvcCIsImJvdHRvbSIsInNoYWRvd1Jvb3QiLCJxdWVyeVNlbGVjdG9yIiwic3R5bGUiLCJoZWlnaHQiLCJzZXRUaW1lb3V0IiwicmVzaXphYmxlIiwicmVzaXplciIsImdldEF0dHJpYnV0ZSIsInByZXZTaWJsaW5nIiwicHJldmlvdXNFbGVtZW50U2libGluZyIsIm5leHRTaWJsaW5nIiwibmV4dEVsZW1lbnRTaWJsaW5nIiwieCIsInkiLCJwcmV2U2libGluZ0hlaWdodCIsInByZXZTaWJsaW5nV2lkdGgiLCJtZSIsIm1vdXNlRG93bkhhbmRsZXIiLCJlIiwidGFyZ2V0IiwiY2xhc3NMaXN0IiwiY29udGFpbnMiLCJyZW1vdmUiLCJjbGllbnRYIiwiY2xpZW50WSIsInJlY3QiLCJnZXRCb3VuZGluZ0NsaWVudFJlY3QiLCJ3aWR0aCIsImRvY3VtZW50IiwiYWRkRXZlbnRMaXN0ZW5lciIsIm1vdXNlTW92ZUhhbmRsZXIiLCJtb3VzZVVwSGFuZGxlciIsImR4IiwiZHkiLCJwYXJlbnROb2RlIiwiY3Vyc29yIiwiYWRkIiwiYm9keSIsInVzZXJTZWxlY3QiLCJwb2ludGVyRXZlbnRzIiwicmVtb3ZlUHJvcGVydHkiLCJyZW1vdmVFdmVudExpc3RlbmVyIiwiZmlyc3RVcGRhdGVkIiwicXVlcnlTZWxlY3RvckFsbCIsImZvckVhY2giLCJlbHQiLCJzaGFwZSIsInJlbmRlciIsImJveCIsInRyYW5zaXRpb24iLCJzdHlsZXMiLCJ3aW5kb3ciLCJjdXN0b21FbGVtZW50cyIsImRlZmluZSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBU0EsR0FBVCxFQUFjQyxVQUFkLEVBQTBCQyxJQUExQixRQUFzQyxLQUF0QztBQUNBLFNBQVNDLFFBQVQsUUFBeUIsMEJBQXpCO0FBQ0EsU0FBU0MsbUJBQVQsUUFBb0MsZUFBcEM7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBQ0EsT0FBTyxNQUFNQyxnQkFBTixTQUErQkosVUFBL0IsQ0FBMEM7QUFDMUIsYUFBVkssVUFBVSxHQUFHO0FBQ3RCLFdBQU87QUFDTEMsTUFBQUEsU0FBUyxFQUFFO0FBQUVDLFFBQUFBLElBQUksRUFBRUMsTUFBUjtBQUFnQkMsUUFBQUEsT0FBTyxFQUFFO0FBQXpCLE9BRE47QUFFTEMsTUFBQUEsVUFBVSxFQUFFO0FBQUVILFFBQUFBLElBQUksRUFBRUksT0FBUjtBQUFpQkMsUUFBQUEsU0FBUyxFQUFFO0FBQTVCO0FBRlAsS0FBUDtBQUlEOztBQUVEQyxFQUFBQSxXQUFXLEdBQUc7QUFDWjtBQUNBLFNBQUtQLFNBQUwsR0FBaUIsVUFBakI7QUFDRDs7QUFFRFEsRUFBQUEsS0FBSyxHQUFHO0FBQ04sU0FBS0MsTUFBTDtBQUNEOztBQUVEQyxFQUFBQSxXQUFXLEdBQUc7QUFDWixTQUFLRCxNQUFMLENBQVksRUFBWixFQUFnQixFQUFoQjtBQUNEOztBQUVERSxFQUFBQSxjQUFjLEdBQUc7QUFDZixTQUFLRixNQUFMLENBQVksRUFBWixFQUFnQixFQUFoQjtBQUNEOztBQUVEQSxFQUFBQSxNQUFNLENBQUNHLEdBQUcsR0FBRyxFQUFQLEVBQVdDLE1BQU0s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QUQsQ0FEYiwyRkFHZ0MsS0FBS0osU0FIckMsc0JBSWEsS0FBSzRELEtBSmxCLGdPQWFtQixLQUFLbEQsV0FieEIsZ0lBcUJtQixLQUFLRixLQXJCeEIsa0lBNkJtQixLQUFLRyxjQTdCeEIsNEZBQVg7QUFvQ0Q7O0FBRWdCLGFBQU5xRCxNQUFNLEdBQUc7QUFDbEIsV0FBTyxDQUNMO0FBQ0F2RSxJQUFBQSxHQUFHLG11RUFGRSxDQUFQO0FBbU1EOztBQXpXOEM7QUE0V2pEd0UsTUFBTSxDQUFDQyxjQUFQLENBQXNCQyxNQUF0QixDQUE2QixvQkFBN0IsRUFBbURyRSxnQkFBbkQiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChDKSAyMDE1IFRoZSBHcmF2aXRlZSB0ZWFtIChodHRwOi8vZ3Jhdml0ZWUuaW8pXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuaW1wb3J0IHsgY3NzLCBMaXRFbGVtZW50LCBodG1sIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGNsYXNzTWFwIH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvY2xhc3MtbWFwJztcbmltcG9ydCB7IGRpc3BhdGNoQ3VzdG9tRXZlbnQgfSBmcm9tICcuLi9saWIvZXZlbnRzJztcblxuLyoqXG4gKiBSZXNpemFibGUgdmlld3MgY29tcG9uZW50XG4gKlxuICogQGZpcmVzIGd2LXJlc2l6YWJsZS12aWV3czpyZXNpemUgLSB3aGVuIHVzZXIgY2xpY2sgdG8gcmVzaXplIGFjdGlvblxuICogQGZpcmVzIGd2LXJlc2l6YWJsZS12aWV3czptb3ZlIC0gd2hlbiB1c2VyIG1vdmUgdGhlIHJlc2l6ZSBjdXJzb3JcbiAqXG4gKiBAc2xvdCB0b3AgLSBUaGUgdG9wIGNvbnRlbnRcbiAqIEBzbG90IGJvdHRvbSAtIFRoZSBib3R0b20gY29udGVudFxuICpcbiAqIEBhdHRyIHtTdHJpbmd9IGRpcmVjdGlvbiAtIHRoZSBkaXJlY3Rpb24gW3ZlcnRpY2FsfGhvcml6b25hbF1cbiAqIEBhdHRyIHtCb29sZWFufSBuby1vdmVyZmxvdyAtIHRydWUgaWYgc2xvdCBjb250YWluZXJzIHNob3VsZCBoYXZlIGBvdmVyZmxvdzogaGlkZGVuYFxuICovXG5leHBvcnQgY2xhc3MgR3ZSZXNpemFibGVWaWV3cyBleHRlbmRzIExpdEVsZW1lbnQge1xuICBzdGF0aWMgZ2V0IHByb3BlcnRpZXMoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGRpcmVjdGlvbjogeyB0eXBlOiBTdHJpbmcsIHJlZmxlY3Q6IHRydWUgfSxcbiAgICAgIG5vT3ZlcmZsb3c6IHsgdHlwZTogQm9vbGVhbiwgYXR0cmlidXRlOiAnbm8tb3ZlcmZsb3cnIH0sXG4gICAgfTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5kaXJlY3Rpb24gPSAndmVydGljYWwnO1xuICB9XG5cbiAgc3BsaXQoKSB7XG4gICAgdGhpcy5yZXNpemUoKTtcbiAgfVxuXG4gIG1heGltaXplVG9wKCkge1xuICAgIHRoaXMucmVzaXplKDg1LCAxNSk7XG4gIH1cblxuICBtYXhpbWl6ZUJvdHRvbSgpIHtcbiAgICB0aGlzLnJlc2l6ZSgyMCwgODApO1xuICB9XG5cbiAgcmVzaXplKHRvcCA9IDUwLCBib3R0b20gPSA1MCkge1xuICAgIHRoaXMuc2hhZG93Um9vdC5xdWVyeVNlbGVjdG9yKCcudG9wJykuc3R5bGUuaGVpZ2h0ID0gYCR7dG9wfSVgO1xuICAgIHRoaXMuc2hhZG93Um9vdC5xdWVyeVNlbGVjdG9yKCcuYm90dG9tJykuc3R5bGUuaGVpZ2h0ID0gYCR7Ym90dG9tfSVgO1xuICAgIC8vIERpc3BhdGNoIGV2ZW50IGFmdGVyIHRyYW5zaXRpb25cbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGRpc3BhdGNoQ3VzdG9tRXZlbnQodGhpcywgJ3Jlc2l6ZScsIHsgdG9wLCBib3R0b20gfSk7XG4gICAgfSwgMzUwKTtcbiAgfVxuXG4gIHJlc2l6YWJsZShyZXNpemVyKSB7XG4gICAgY29uc3QgZGlyZWN0aW9uID0gcmVzaXplci5nZXRBdHRyaWJ1dGUoJ2RhdGEtZGlyZWN0aW9uJykgfHwgJ2hvcml6b250YWwnO1xuICAgIGNvbnN0IHByZXZTaWJsaW5nID0gcmVzaXplci5wcmV2aW91c0VsZW1lbnRTaWJsaW5nO1xuICAgIGNvbnN0IG5leHRTaWJsaW5nID0gcmVzaXplci5uZXh0RWxlbWVudFNpYmxpbmc7XG5cbiAgICAvLyBUaGUgY3VycmVudCBwb3NpdGlvbiBvZiBtb3VzZVxuICAgIGxldCB4ID0gMDtcbiAgICBsZXQgeSA9IDA7XG4gICAgbGV0IHByZXZTaWJsaW5nSGVpZ2h0ID0gMDtcbiAgICBsZXQgcHJldlNpYmxpbmdXaWR0aCA9IDA7XG4gICAgY29uc3Qgc2hhZG93Um9vdCA9IHRoaXMuc2hhZG93Um9vdDtcbiAgICBjb25zdCBtZSA9IHRoaXM7XG5cbiAgICAvLyBIYW5kbGUgdGhlIG1vdXNlZG93biBldmVudFxuICAgIC8vIHRoYXQncyB0cmlnZ2VyZWQgd2hlbiB1c2VyIGRyYWdzIHRoZSByZXNpemVyXG4gICAgY29uc3QgbW91c2VEb3duSGFuZGxlciA9IGZ1bmN0aW9uIChlKSB7XG4gICAgICBpZiAoIWUudGFyZ2V0LmNsYXNzTGlzdC5jb250YWlucygnYWN0aW9uJykpIHtcbiAgICAgICAgLy8gR2V0IHRoZSBjdXJyZW50IG1vdXNlIHBvc2l0aW9uXG4gICAgICAgIHNoYWRvd1Jvb3QucXVlcnlTZWxlY3RvcignLmJveCcpLmNsYXNzTGlzdC5yZW1vdmUoJ3RyYW5zaXRpb24nKTtcbiAgICAgICAgeCA9IGUuY2xpZW50WDtcbiAgICAgICAgeSA9IGUuY2xpZW50WTtcbiAgICAgICAgY29uc3QgcmVjdCA9IHByZXZTaWJsaW5nLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgICBwcmV2U2libGluZ0hlaWdodCA9IHJlY3QuaGVpZ2h0O1xuICAgICAgICBwcmV2U2libGluZ1dpZHRoID0gcmVjdC53aWR0aDtcblxuICAgICAgICAvLyBBdHRhY2ggdGhlIGxpc3RlbmVycyB0byBgZG9jdW1lbnRgXG4gICAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlbW92ZScsIG1vdXNlTW92ZUhhbmRsZXIpO1xuICAgICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZXVwJywgbW91c2VVcEhhbmRsZXIpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBtb3VzZU1vdmVIYW5kbGVyID0gZnVuY3Rpb24gKGUpIHtcbiAgICAgIC8vIEhvdyBmYXIgdGhlIG1vdXNlIGhhcyBiZWVuIG1vdmVkXG4gICAgICBjb25zdCBkeCA9IGUuY2xpZW50WCAtIHg7XG4gICAgICBjb25zdCBkeSA9IGUuY2xpZW50WSAtIHk7XG4gICAgICBkaXNwYXRjaEN1c3RvbUV2ZW50KG1lLCAnbW92ZScsIHsgZGlyZWN0aW9uIH0pO1xuICAgICAgc3dpdGNoIChkaXJlY3Rpb24pIHtcbiAgICAgICAgY2FzZSAndmVydGljYWwnOlxuICAgICAgICAgIHByZXZTaWJsaW5nLnN0eWxlLmhlaWdodCA9IGAkeygocHJldlNpYmxpbmdIZWlnaHQgKyBkeSkgKiAxMDApIC8gcmVzaXplci5wYXJlbnROb2RlLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmhlaWdodH0lYDtcbiAgICAgICAgICBuZXh0U2libGluZy5zdHlsZS5oZWlnaHQgPSBgJHsxMDAgLSAoKHByZXZTaWJsaW5nSGVpZ2h0ICsgZHkpICogMTAwKSAvIHJlc2l6ZXIucGFyZW50Tm9kZS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS5oZWlnaHR9JWA7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIGNhc2UgJ2hvcml6b250YWwnOlxuICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgIHByZXZTaWJsaW5nLnN0eWxlLndpZHRoID0gYCR7KChwcmV2U2libGluZ1dpZHRoICsgZHgpICogMTAwKSAvIHJlc2l6ZXIucGFyZW50Tm9kZS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aH0lYDtcbiAgICAgICAgICBicmVhaztcbiAgICAgIH1cblxuICAgICAgY29uc3QgY3Vyc29yID0gZGlyZWN0aW9uID09PSAnaG9yaXpvbnRhbCcgPyAnY29sLXJlc2l6ZScgOiAncm93LXJlc2l6ZSc7XG4gICAgICByZXNpemVyLnN0eWxlLmN1cnNvciA9IGN1cnNvcjtcbiAgICAgIHJlc2l6ZXIuY2xhc3NMaXN0LmFkZCgnZHJhZycpO1xuICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5jdXJzb3IgPSBjdXJzb3I7XG5cbiAgICAgIHByZXZTaWJsaW5nLnN0eWxlLnVzZXJTZWxlY3QgPSAnbm9uZSc7XG4gICAgICBwcmV2U2libGluZy5zdHlsZS5wb2ludGVyRXZlbnRzID0gJ25vbmUnO1xuXG4gICAgICBuZXh0U2libGluZy5zdHlsZS51c2VyU2VsZWN0ID0gJ25vbmUnO1xuICAgICAgbmV4dFNpYmxpbmcuc3R5bGUucG9pbnRlckV2ZW50cyA9ICdub25lJztcbiAgICB9O1xuXG4gICAgY29uc3QgbW91c2VVcEhhbmRsZXIgPSBmdW5jdGlvbiAoKSB7XG4gICAgICByZXNpemVyLnN0eWxlLnJlbW92ZVByb3BlcnR5KCdjdXJzb3InKTtcbiAgICAgIHJlc2l6ZXIuY2xhc3NMaXN0LnJlbW92ZSgnZHJhZycpO1xuICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5yZW1vdmVQcm9wZXJ0eSgnY3Vyc29yJyk7XG5cbiAgICAgIHByZXZTaWJsaW5nLnN0eWxlLnJlbW92ZVByb3BlcnR5KCd1c2VyLXNlbGVjdCcpO1xuICAgICAgcHJldlNpYmxpbmcuc3R5bGUucmVtb3ZlUHJvcGVydHkoJ3BvaW50ZXItZXZlbnRzJyk7XG5cbiAgICAgIG5leHRTaWJsaW5nLnN0eWxlLnJlbW92ZVByb3BlcnR5KCd1c2VyLXNlbGVjdCcpO1xuICAgICAgbmV4dFNpYmxpbmcuc3R5bGUucmVtb3ZlUHJvcGVydHkoJ3BvaW50ZXItZXZlbnRzJyk7XG5cbiAgICAgIC8vIFJlbW92ZSB0aGUgaGFuZGxlcnMgb2YgYG1vdXNlbW92ZWAgYW5kIGBtb3VzZXVwYFxuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vtb3ZlJywgbW91c2VNb3ZlSGFuZGxlcik7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZXVwJywgbW91c2VVcEhhbmRsZXIpO1xuXG4gICAgICBzaGFkb3dSb290LnF1ZXJ5U2VsZWN0b3IoJy5ib3gnKS5jbGFzc0xpc3QuYWRkKCd0cmFuc2l0aW9uJyk7XG4gICAgfTtcblxuICAgIC8vIEF0dGFjaCB0aGUgaGFuZGxlclxuICAgIHJlc2l6ZXIuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgbW91c2VEb3duSGFuZGxlcik7XG4gIH1cblxuICBmaXJzdFVwZGF0ZWQoKSB7XG4gICAgdGhpcy5zaGFkb3dSb290LnF1ZXJ5U2VsZWN0b3JBbGwoJy5yZXNpemVyJykuZm9yRWFjaCgoZWx0KSA9PiB0aGlzLnJlc2l6YWJsZShlbHQpKTtcbiAgfVxuXG4gIGdldCBzaGFwZSgpIHtcbiAgICBpZiAodGhpcy5kaXJlY3Rpb24gPT09ICdob3Jpem9udGFsJykge1xuICAgICAgcmV0dXJuICdkZXNpZ246dmVydGljYWwnO1xuICAgIH1cbiAgICByZXR1cm4gJ2Rlc2lnbjpob3Jpem9udGFsJztcbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCIke2NsYXNzTWFwKHsgYm94OiB0cnVlLCB0cmFuc2l0aW9uOiB0cnVlLCAnbm8tb3ZlcmZsb3cnOiB0aGlzLm5vT3ZlcmZsb3cgfSl9XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0b3BcIj48c2xvdCBuYW1lPVwidG9wXCI+PC9zbG90PjwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwicmVzaXplclwiIGRhdGEtZGlyZWN0aW9uPVwiJHt0aGlzLmRpcmVjdGlvbn1cIj5cbiAgICAgICAgICA8Z3YtaWNvbiBzaGFwZT1cIiR7dGhpcy5zaGFwZX1cIj48L2d2LWljb24+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImFjdGlvbnNcIj5cbiAgICAgICAgICAgIDxndi1pY29uIGNsYXNzPVwibGF5b3V0LWljb25cIiBzaGFwZT1cImxheW91dDpsYXlvdXQtcmlnaHQtcGFuZWwtMlwiPjwvZ3YtaWNvbj5cbiAgICAgICAgICAgIDxndi1idXR0b25cbiAgICAgICAgICAgICAgc21hbGxcbiAgICAgICAgICAgICAgbGlua1xuICAgICAgICAgICAgICBjbGFzcz1cImFjdGlvblwiXG4gICAgICAgICAgICAgIGljb249XCJsYXlvdXQ6bGF5b3V0LWJvdHRvbS1wYW5lbFwiXG4gICAgICAgICAgICAgIHRpdGxlPVwiTWF4aW1pemUgdG9wXCJcbiAgICAgICAgICAgICAgQGd2LWJ1dHRvbjpjbGljaz1cIiR7dGhpcy5tYXhpbWl6ZVRvcH1cIlxuICAgICAgICAgICAgPjwvZ3YtYnV0dG9uPlxuICAgICAgICAgICAgPGd2LWJ1dHRvblxuICAgICAgICAgICAgICBzbWFsbFxuICAgICAgICAgICAgICBsaW5rXG4gICAgICAgICAgICAgIGNsYXNzPVwiYWN0aW9uXCJcbiAgICAgICAgICAgICAgaWNvbj1cImxheW91dDpsYXlvdXQtaG9yaXpvbnRhbC0yXCJcbiAgICAgICAgICAgICAgdGl0bGU9XCJTcGxpdCBzY3JlZW5cIlxuICAgICAgICAgICAgICBAZ3YtYnV0dG9uOmNsaWNrPVwiJHt0aGlzLnNwbGl0fVwiXG4gICAgICAgICAgICA+PC9ndi1idXR0b24+XG4gICAgICAgICAgICA8Z3YtYnV0dG9uXG4gICAgICAgICAgICAgIHNtYWxsXG4gICAgICAgICAgICAgIGxpbmtcbiAgICAgICAgICAgICAgY2xhc3M9XCJhY3Rpb25cIlxuICAgICAgICAgICAgICBpY29uPVwibGF5b3V0OmxheW91dC10b3AtcGFuZWwtNlwiXG4gICAgICAgICAgICAgIHRpdGxlPVwiTWF4aW1pemUgYm90dG9tXCJcbiAgICAgICAgICAgICAgQGd2LWJ1dHRvbjpjbGljaz1cIiR7dGhpcy5tYXhpbWl6ZUJvdHRvbX1cIlxuICAgICAgICAgICAgPjwvZ3YtYnV0dG9uPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImJvdHRvbVwiPjxzbG90IG5hbWU9XCJib3R0b21cIj48L3Nsb3Q+PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG5cbiAgc3RhdGljIGdldCBzdHlsZXMoKSB7XG4gICAgcmV0dXJuIFtcbiAgICAgIC8vIGxhbmd1YWdlPWNzc1xuICAgICAgY3NzYFxuICAgICAgICAuYm94IHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBmbGV4OiAxIDEgMDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICB9XG5cbiAgICAgICAgOmhvc3QoW2RpcmVjdGlvbj0naG9yaXpvbnRhbCddKSAuYm94IHtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICB9XG5cbiAgICAgICAgOmhvc3QoW2RpcmVjdGlvbj0naG9yaXpvbnRhbCddKSAubGF5b3V0LWljb24ge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICAqIHtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICB9XG5cbiAgICAgICAgOjpzbG90dGVkKCopIHtcbiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIH1cblxuICAgICAgICAubm8tb3ZlcmZsb3cgOjpzbG90dGVkKCopIHtcbiAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB9XG5cbiAgICAgICAgLnRvcCxcbiAgICAgICAgLmJvdHRvbSB7XG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB9XG5cbiAgICAgICAgLm5vLW92ZXJmbG93IC50b3AsXG4gICAgICAgIC5uby1vdmVyZmxvdyAuYm90dG9tIHtcbiAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB9XG5cbiAgICAgICAgLmJvdHRvbSB7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgIH1cblxuICAgICAgICAubGVmdCB7XG4gICAgICAgICAgd2lkdGg6IDcwJTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5sZWZ0LFxuICAgICAgICAucmlnaHQge1xuICAgICAgICAgIHBhZGRpbmc6IDAuMnJlbTtcbiAgICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgfVxuXG4gICAgICAgIC50b3AsXG4gICAgICAgIC5ib3R0b20ge1xuICAgICAgICAgIGJvcmRlci1sZWZ0OiAxcHggc29saWQgI2JmYmZiZjtcbiAgICAgICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjYmZiZmJmO1xuICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgfVxuXG4gICAgICAgIDpob3N0KFtkaXJlY3Rpb249J2hvcml6b250YWwnXSkgLnRvcCB7XG4gICAgICAgICAgYm9yZGVyLXJpZ2h0OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgOmhvc3QoW2RpcmVjdGlvbj0naG9yaXpvbnRhbCddKSAuYm90dG9tIHtcbiAgICAgICAgICBib3JkZXItbGVmdDogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIC50cmFuc2l0aW9uIC50b3AsXG4gICAgICAgIC50cmFuc2l0aW9uIC5ib3R0b20ge1xuICAgICAgICAgIHRyYW5zaXRpb246IGhlaWdodCAzNTBtcyBlYXNlLWluLW91dDtcbiAgICAgICAgfVxuXG4gICAgICAgIC50b3Age1xuICAgICAgICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgICAgICAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICAgICAgICAgIGhlaWdodDogNTAlO1xuICAgICAgICB9XG5cbiAgICAgICAgLmJvdHRvbSB7XG4gICAgICAgICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICAgICAgICBvdmVyZmxvdy14OiBoaWRkZW47XG4gICAgICAgICAgaGVpZ2h0OiA1MCU7XG4gICAgICAgIH1cblxuICAgICAgICA6aG9zdChbZGlyZWN0aW9uPSdob3Jpem9udGFsJ10pIC50b3AsXG4gICAgICAgIDpob3N0KFtkaXJlY3Rpb249J2hvcml6b250YWwnXSkgLmJvdHRvbSB7XG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIHdpZHRoOiA1MCU7XG4gICAgICAgIH1cblxuICAgICAgICAucmVzaXplciB7XG4gICAgICAgICAgei1pbmRleDogMTA7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2Q5ZDlkOTtcbiAgICAgICAgICAtLWd2LWljb24tLXM6IDIwcHg7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgICAgLS1ndi1pY29uLS1jOiAjMjg0NDRmO1xuICAgICAgICAgIHRyYW5zaXRpb246IGFsbCAwLjJzIGVhc2UtaW4tb3V0O1xuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5yZXNpemVyLmRyYWcge1xuICAgICAgICAgIGJvcmRlci13aWR0aDogNHB4IDA7XG4gICAgICAgICAgYm9yZGVyLXN0eWxlOiBkb3VibGU7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAjZDlkOWQ5O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICAgICAgICB9XG5cbiAgICAgICAgLnJlc2l6ZXIgZ3YtaWNvbixcbiAgICAgICAgLnJlc2l6ZXIgLmFjdGlvbnMge1xuICAgICAgICAgIHRyYW5zaXRpb246IGFsbCAwLjJzIGVhc2UtaW4tb3V0O1xuICAgICAgICB9XG5cbiAgICAgICAgLnJlc2l6ZXIuZHJhZyBndi1pY29uLFxuICAgICAgICAucmVzaXplci5kcmFnIC5hY3Rpb25zIHtcbiAgICAgICAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIDpob3N0KFtkaXJlY3Rpb249J2hvcml6b250YWwnXSkgLnJlc2l6ZXIuZHJhZyB7XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAwIDRweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5yZXNpemVyID4gZ3YtaWNvbiB7XG4gICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB9XG5cbiAgICAgICAgOmhvc3QoW2RpcmVjdGlvbj0naG9yaXpvbnRhbCddKSAucmVzaXplciB7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgICAgIH1cblxuICAgICAgICA6aG9zdChbZGlyZWN0aW9uPSd2ZXJ0aWNhbCddKSAucmVzaXplciBndi1pY29uIHtcbiAgICAgICAgICByaWdodDogNDVweDtcbiAgICAgICAgfVxuXG4gICAgICAgIDpob3N0KFtkaXJlY3Rpb249J2hvcml6b250YWwnXSkgLnJlc2l6ZXIgZ3YtaWNvbiB7XG4gICAgICAgICAgbGVmdDogLTlweDtcbiAgICAgICAgICB0b3A6IDQ1cHg7XG4gICAgICAgIH1cblxuICAgICAgICAucmVzaXplcltkYXRhLWRpcmVjdGlvbj0ndmVydGljYWwnXSB7XG4gICAgICAgICAgY3Vyc29yOiBucy1yZXNpemU7XG4gICAgICAgICAgaGVpZ2h0OiAycHg7XG4gICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIH1cblxuICAgICAgICAucmVzaXplcltkYXRhLWRpcmVjdGlvbj0naG9yaXpvbnRhbCddIHtcbiAgICAgICAgICBjdXJzb3I6IGV3LXJlc2l6ZTtcbiAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgd2lkdGg6IDJweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5hY3Rpb25zIHtcbiAgICAgICAgICBtYXJnaW4tdG9wOiAtMjJweDtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDE1cHg7XG4gICAgICAgICAgcGFkZGluZzogMCAwLjJyZW07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4IDRweCAwIDA7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2Q5ZDlkOTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5hY3Rpb25zIGd2LWJ1dHRvbiB7XG4gICAgICAgICAgbWFyZ2luOiAwLjJyZW0gMC4xcmVtO1xuICAgICAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgdHJhbnNpdGlvbjogYWxsIDI1MG1zIGVhc2UtaW4tb3V0O1xuICAgICAgICB9XG5cbiAgICAgICAgLmFjdGlvbnM6Zm9jdXMtd2l0aGluLFxuICAgICAgICAuYWN0aW9uczpob3ZlciB7XG4gICAgICAgICAgcGFkZGluZzogMC4ycmVtO1xuICAgICAgICAgIG1hcmdpbi10b3A6IC02NnB4O1xuICAgICAgICB9XG5cbiAgICAgICAgLmFjdGlvbnM6Zm9jdXMtd2l0aGluIGd2LWJ1dHRvbixcbiAgICAgICAgLmFjdGlvbnM6aG92ZXIgZ3YtYnV0dG9uIHtcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICAgIHZpc2liaWxpdHk6IHZpc2libGU7XG4gICAgICAgIH1cblxuICAgICAgICAuYWN0aW9uczpmb2N1cy13aXRoaW4gZ3YtaWNvbixcbiAgICAgICAgLmFjdGlvbnM6aG92ZXIgZ3YtaWNvbiB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICBdO1xuICB9XG59XG5cbndpbmRvdy5jdXN0b21FbGVtZW50cy5kZWZpbmUoJ2d2LXJlc2l6YWJsZS12aWV3cycsIEd2UmVzaXphYmxlVmlld3MpO1xuIl19
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvResizableViews=void 0;const t=require("lit"),e=require("lit/directives/class-map"),o=require("../lib/events");class i extends t.LitElement{static get properties(){return{direction:{type:String,reflect:!0},noOverflow:{type:Boolean,attribute:"no-overflow"}}}constructor(){super(),this.direction="vertical"}split(){this.resize()}maximizeTop(){this.resize(85,15)}maximizeBottom(){this.resize(20,80)}resize(t=50,e=50){this.shadowRoot.querySelector(".top").style.height=`${t}%`,this.shadowRoot.querySelector(".bottom").style.height=`${e}%`,setTimeout((()=>{(0,o.dispatchCustomEvent)(this,"resize",{top:t,bottom:e})}),350)}resizable(t){const e=t.getAttribute("data-direction")||"horizontal",i=t.previousElementSibling,r=t.nextElementSibling;let s=0,n=0,l=0,a=0;const c=this.shadowRoot,d=this,h=function(c){const h=c.clientX-s,v=c.clientY-n;if((0,o.dispatchCustomEvent)(d,"move",{direction:e}),"vertical"===e)i.style.height=100*(l+v)/t.parentNode.getBoundingClientRect().height+"%",r.style.height=100-100*(l+v)/t.parentNode.getBoundingClientRect().height+"%";else i.style.width=100*(a+h)/t.parentNode.getBoundingClientRect().width+"%";const u="horizontal"===e?"col-resize":"row-resize";t.style.cursor=u,t.classList.add("drag"),document.body.style.cursor=u,i.style.userSelect="none",i.style.pointerEvents="none",r.style.userSelect="none",r.style.pointerEvents="none"},v=function(){t.style.removeProperty("cursor"),t.classList.remove("drag"),document.body.style.removeProperty("cursor"),i.style.removeProperty("user-select"),i.style.removeProperty("pointer-events"),r.style.removeProperty("user-select"),r.style.removeProperty("pointer-events"),document.removeEventListener("mousemove",h),document.removeEventListener("mouseup",v),c.querySelector(".box").classList.add("transition")};t.addEventListener("mousedown",(function(t){if(!t.target.classList.contains("action")){c.querySelector(".box").classList.remove("transition"),s=t.clientX,n=t.clientY;const e=i.getBoundingClientRect();l=e.height,a=e.width,document.addEventListener("mousemove",h),document.addEventListener("mouseup",v)}}))}firstUpdated(){this.shadowRoot.querySelectorAll(".resizer").forEach((t=>this.resizable(t)))}get shape(){return"horizontal"===this.direction?"design:vertical":"design:horizontal"}render(){return t.html`<div class="${(0,e.classMap)({box:!0,transition:!0,"no-overflow":this.noOverflow})}"><div class="top"><slot name="top"></slot></div><div class="resizer" data-direction="${this.direction}"><gv-icon shape="${this.shape}"></gv-icon><div class="actions"><gv-icon class="layout-icon" shape="layout:layout-right-panel-2"></gv-icon><gv-button small link class="action" icon="layout:layout-bottom-panel" title="Maximize top" @gv-button:click="${this.maximizeTop}"></gv-button><gv-button small link class="action" icon="layout:layout-horizontal-2" title="Split screen" @gv-button:click="${this.split}"></gv-button><gv-button small link class="action" icon="layout:layout-top-panel-6" title="Maximize bottom" @gv-button:click="${this.maximizeBottom}"></gv-button></div></div><div class="bottom"><slot name="bottom"></slot></div></div>`}static get styles(){return[t.css`.box{display:flex;height:100%;flex:1 1 0;flex-direction:column}:host([direction=horizontal]) .box{flex-direction:row}:host([direction=horizontal]) .layout-icon{display:none}*{box-sizing:border-box}::slotted(*){display:inline-block;width:100%}.no-overflow ::slotted(*){height:100%;position:relative}.bottom,.top{position:relative}.no-overflow .bottom,.no-overflow .top{overflow:hidden}.bottom{display:flex;flex-grow:1}.left{width:70%}.left,.right{padding:.2rem;overflow:auto}.bottom,.top{border-left:1px solid #bfbfbf;border-right:1px solid #bfbfbf;height:100%}:host([direction=horizontal]) .top{border-right:0}:host([direction=horizontal]) .bottom{border-left:0}.transition .bottom,.transition .top{transition:height 350ms ease-in-out}.top{overflow-y:auto;overflow-x:hidden;height:50%}.bottom{overflow-y:auto;overflow-x:hidden;height:50%}:host([direction=horizontal]) .bottom,:host([direction=horizontal]) .top{height:100%;width:50%}.resizer{z-index:10;background-color:#d9d9d9;--gv-icon--s:20px;display:flex;align-items:center;justify-content:flex-end;--gv-icon--c:#28444f;transition:all .2s ease-in-out;position:relative}.resizer.drag{border-width:4px 0;border-style:double;border-color:#d9d9d9;background-color:#fff}.resizer .actions,.resizer gv-icon{transition:all .2s ease-in-out}.resizer.drag .actions,.resizer.drag gv-icon{visibility:hidden;opacity:0}:host([direction=horizontal]) .resizer.drag{border-width:0 4px}.resizer>gv-icon{position:absolute}:host([direction=horizontal]) .resizer{align-items:flex-start}:host([direction=vertical]) .resizer gv-icon{right:45px}:host([direction=horizontal]) .resizer gv-icon{left:-9px;top:45px}.resizer[data-direction=vertical]{cursor:ns-resize;height:2px;width:100%}.resizer[data-direction=horizontal]{cursor:ew-resize;height:100%;width:2px}.actions{margin-top:-22px;margin-right:15px;padding:0 .2rem;border-radius:4px 4px 0 0;background-color:#d9d9d9}.actions gv-button{margin:.2rem .1rem;visibility:hidden;opacity:0;display:none;transition:all 250ms ease-in-out}.actions:focus-within,.actions:hover{padding:.2rem;margin-top:-66px}.actions:focus-within gv-button,.actions:hover gv-button{display:block;opacity:1;visibility:visible}.actions:focus-within gv-icon,.actions:hover gv-icon{display:none;opacity:0;visibility:hidden}`]}}exports.GvResizableViews=i,window.customElements.define("gv-resizable-views",i);