@api-client/ui 0.0.9 → 0.0.11

package/dist/elements/layout/LayoutPanelElement.js

@@ -1,628 +0,0 @@
-import { __decorate } from "tslib";
-/* eslint-disable class-methods-use-this */
-import { LitElement, html, css } from 'lit';
-import { property, state, eventOptions } from 'lit/decorators.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { classMap } from 'lit/directives/class-map.js';
-import surfaceStyles from '../../styles/m3/surface.module.js';
-import '../../define/ui/ui-icon.js';
-export default class LayoutPanelElement extends LitElement {
-    static get styles() {
-        return [surfaceStyles, css `
-    :host {
-      display: flex;
-      position: relative;
-      flex-direction: column;
-      /* border: 1px red solid; */
-    }
-
-    .content {
-      display: flex;
-      flex: 1;
-    }
-    
-    :host([constrain]) .content {
-      overflow: hidden;
-    }
-
-    :host([layout=horizontal]) .content {
-      flex-direction: row;
-    }
-
-    :host([layout=vertical]) .content {
-      flex-direction: column;
-    }
-
-    :host ::slotted(*) {
-      flex: 1;
-      /* width: 100%;
-      height: 100%; */
-    }
-
-    .drag-region {
-      position: absolute;
-      background-color: rgba(0,0,0,0.12);
-    }
-
-    .drag-region.center {
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right:0;
-    }
-
-    .drag-region.west {
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right: 50%;
-    }
-
-    .drag-region.east {
-      top: 0;
-      bottom: 0;
-      left: 50%;
-      right: 0;
-    }
-
-    .drag-region.north {
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 50%;
-    }
-
-    .drag-region.south {
-      top: 50%;
-      left: 0;
-      right: 0;
-      bottom: 0;
-    }
-
-    .layout-tabs {
-      display: flex;
-      align-items: center;
-      background: var(--layout-tabs-background, var(--secondary-background-color));
-    }
-
-    .layout-tab {
-      position: relative;
-      display: inline-flex;
-      align-items: center;
-      flex: 1 1 200px;
-      max-width: 200px;
-      min-width: 40px;
-      width: 200px;
-      height: 100%;
-      font-size: 0.94rem;
-      padding: 0px 12px;
-      border-radius: var(--md-sys-shape-corner-small-top);
-      height: 40px; 
-      outline: none;
-      justify-content: flex-start;
-      text-transform: none;
-      color: var(--md-sys-color-on-surface);
-
-      font-family: var(--md-sys-typescale-body-medium-font-family-name);
-      font-style: var(--md-sys-typescale-body-medium-font-family-style);
-      font-weight: var(--md-sys-typescale-body-medium-font-weight);
-      font-size: var(--md-sys-typescale-body-medium-font-size);
-      letter-spacing: var(--md-sys-typescale-body-medium-tracking);
-      line-height: var(--md-sys-typescale-body-medium-height);
-      text-transform: var(--md-sys-typescale-body-medium-text-transform);
-      text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
-    }
-
-    .tab-label {
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-    }
-
-    .is-dirty .tab-label {
-      font-style: italic;
-    }
-
-    .is-dirty .tab-label::after {
-      content: '*';
-      user-select: none;
-    }
-
-    .layout-tab.selected {
-      /* z-index: 2; */
-      background: var(--layout-tab-select-background, var(--primary-background-color));
-    }
-
-    .layout-tab:not(.selected):hover::before {
-      background-color: var(--md-sys-color-primary);
-      opacity: var(--md-sys-state-hover-state-layer-opacity);
-      position: absolute;
-      inset: 0;
-      content: '';
-      border-radius: inherit;
-    }
-
-    .layout-tab:not(.selected):focus::before {
-      background-color: var(--md-sys-color-primary);
-      opacity: var(--md-sys-state-focus-state-layer-opacity);
-      position: absolute;
-      inset: 0;
-      content: '';
-      border-radius: inherit;
-    }
-
-    /* .layout-tab:focus {
-      border-top-color: var(--primary-color);
-    } */
-
-    .tab-favicon {
-      width: 16px;
-      height: 16px;
-      margin-right: 8px;
-    }
-
-    .close-icon {
-      width: 16px;
-      height: 16px;
-      margin-left: auto;
-    }
-
-    .tab-divider {
-      width: 1px;
-      min-width: 1px;
-      height: 20px;
-      background-color: var(--md-sys-color-outline-variant);
-    }
-
-    .tab-divider.hidden {
-      background-color: transparent;
-    }
-    `];
-    }
-    constructor() {
-        super();
-        /**
-         * @attribute
-         */
-        this.layout = 'horizontal';
-        /**
-         * Whether dragging is occurring over the element
-         */
-        this.inDrag = false;
-        /**
-         * The region the drag is leaning to.
-         */
-        this.dragRegion = 'center';
-        /**
-         * When set it adds the `overflow` hidden on the container that holds the tab contents.
-         * @attribute
-         */
-        this.constrain = false;
-        this._dragEnterHandler = this._dragEnterHandler.bind(this);
-        this._dragOverHandler = this._dragOverHandler.bind(this);
-        this._dropHandler = this._dropHandler.bind(this);
-        this._dragleaveHandler = this._dragleaveHandler.bind(this);
-        this._dragendHandler = this._dragendHandler.bind(this);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEventListener('dragenter', this._dragEnterHandler);
-        this.addEventListener('dragover', this._dragOverHandler);
-        this.addEventListener('drop', this._dropHandler);
-        document.body.addEventListener('dragleave', this._dragleaveHandler);
-        document.body.addEventListener('dragend', this._dragendHandler);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.removeEventListener('dragenter', this._dragEnterHandler);
-        this.removeEventListener('dragover', this._dragOverHandler);
-        this.removeEventListener('drop', this._dropHandler);
-        document.body.removeEventListener('dragleave', this._dragleaveHandler);
-        document.body.removeEventListener('dragend', this._dragendHandler);
-    }
-    hasDropTypes(dt) {
-        const { dragTypes } = this;
-        if (!Array.isArray(dragTypes)) {
-            return true;
-        }
-        const eventTypes = [...dt.types];
-        const allowedTypes = dragTypes.map(i => i.toLowerCase());
-        return !allowedTypes.some(type => !eventTypes.includes(type));
-    }
-    panelCanDrop(e) {
-        if (e.defaultPrevented) {
-            return false;
-        }
-        if (e.dataTransfer && !this.hasDropTypes(e.dataTransfer)) {
-            return false;
-        }
-        const { panel } = this;
-        if (!panel) {
-            return true;
-        }
-        return panel.canDrop();
-    }
-    _dragEnterHandler(e) {
-        const { dataTransfer } = e;
-        if (!dataTransfer || !this.panelCanDrop(e)) {
-            return;
-        }
-        e.preventDefault();
-        e.stopPropagation();
-        dataTransfer.dropEffect = 'copy';
-    }
-    _dragOverHandler(e) {
-        const { dataTransfer } = e;
-        if (!dataTransfer || !this.panelCanDrop(e)) {
-            return;
-        }
-        e.preventDefault();
-        e.stopPropagation();
-        const region = this.getDropRegionFromEvent(e);
-        if (!region) {
-            this.inDrag = false;
-            return;
-        }
-        dataTransfer.dropEffect = 'copy';
-        this.inDrag = true;
-        this.dragRegion = region;
-    }
-    _dropHandler(e) {
-        const { dataTransfer } = e;
-        if (!dataTransfer || !this.panelCanDrop(e)) {
-            return;
-        }
-        e.preventDefault();
-        e.stopPropagation();
-        const kind = dataTransfer.getData('text/kind');
-        const key = dataTransfer.getData('text/key');
-        if (!kind || !key) {
-            return;
-        }
-        this.inDrag = false;
-        const { panel } = this;
-        let dispatch = true;
-        if (panel) {
-            dispatch = panel.addItem({ key, kind, label: 'New tab' }, { region: this.dragRegion });
-        }
-        if (dispatch) {
-            this.dispatchEvent(new CustomEvent('datadrop', {
-                detail: { kind, key, region: this.dragRegion },
-                composed: true,
-                bubbles: true,
-                cancelable: true,
-            }));
-        }
-        this.requestUpdate();
-    }
-    _dragleaveHandler(e) {
-        const elm = this.findLayout(e);
-        if (!elm || elm !== this) {
-            this.inDrag = false;
-            this.dragRegion = 'center';
-        }
-    }
-    _dragendHandler() {
-        this.inDrag = false;
-        this.dragRegion = 'center';
-    }
-    getDropRegionFromEvent(e) {
-        const layout = this.findLayout(e);
-        if (!layout) {
-            return undefined;
-        }
-        return this.getDropRegion(layout, e);
-    }
-    getDropRegion(element, e) {
-        const { pageX, pageY } = e;
-        const rect = element.getBoundingClientRect();
-        const quarterWidth = rect.width / 4;
-        const quarterHeight = rect.height / 4;
-        if (pageX < rect.left + quarterWidth) {
-            return 'west';
-        }
-        if (pageX > rect.right - quarterWidth) {
-            return 'east';
-        }
-        if (pageY < rect.top + quarterHeight) {
-            return 'north';
-        }
-        if (pageY > rect.bottom - quarterHeight) {
-            return 'south';
-        }
-        const withingCenterX = (pageX >= rect.left + quarterWidth) && (pageX <= rect.right - quarterWidth);
-        const withingCenterY = (pageY >= rect.top + quarterHeight) && (pageY <= rect.bottom - quarterHeight);
-        if (withingCenterX && withingCenterY) {
-            return 'center';
-        }
-        return undefined;
-    }
-    findLayout(e) {
-        const path = e.composedPath();
-        while (path.length) {
-            const node = path.shift();
-            if (node.nodeType !== Node.ELEMENT_NODE) {
-                continue;
-            }
-            if (node.localName === this.localName) {
-                return node;
-            }
-        }
-        return undefined;
-    }
-    async _tabSelectHandler(e) {
-        if (!this.panel) {
-            return;
-        }
-        const key = e.currentTarget.dataset.key;
-        if (!key) {
-            return;
-        }
-        if (this.panel.selected === key) {
-            return;
-        }
-        this.panel.selected = key;
-        this.panel.manager.changed();
-        this.requestUpdate();
-        await this.updateComplete;
-        const child = this.querySelector(`[data-key="${key}"]`);
-        if (child) {
-            child.dispatchEvent(new Event('resize'));
-        }
-    }
-    /**
-     * Closes a panel with right pointer configuration
-     */
-    _tabPointerDownHandler(e) {
-        // the configuration of a middle button click which is 
-        // equal to 3 fingers click on a track pad.
-        if (e.button === 1 && e.buttons === 4) {
-            e.preventDefault();
-            e.stopPropagation();
-            const key = e.target.dataset.key;
-            this.closeTab(key);
-        }
-    }
-    _tabCloseHandler(e) {
-        const icon = e.target;
-        const button = icon.parentElement;
-        const key = button.dataset.key;
-        if (key) {
-            e.preventDefault();
-            e.stopPropagation();
-            this.closeTab(key);
-        }
-    }
-    _tabTouchStartHandler(e) {
-        if (e.targetTouches.length === 3) {
-            e.preventDefault();
-            e.stopPropagation();
-            const key = e.target.dataset.key;
-            this.closeTab(key);
-        }
-    }
-    closeTab(key) {
-        const { panel } = this;
-        if (!panel) {
-            return;
-        }
-        const item = panel.items.find(i => i.key === key);
-        if (!item) {
-            return;
-        }
-        if (item.persistent && item.pinned) {
-            return;
-        }
-        panel.removeItem(key);
-        this.requestUpdate();
-        this.dispatchEvent(new CustomEvent('closetab', {
-            bubbles: true,
-            cancelable: true,
-            composed: true,
-            detail: key,
-        }));
-    }
-    _tabKeydownHandler(e) {
-        if (e.key === 'Enter') {
-            this._tabSelectHandler(e);
-        }
-    }
-    _tabDragStart(e) {
-        const dt = e.dataTransfer;
-        if (!dt || this.layoutId === undefined) {
-            return;
-        }
-        dt.effectAllowed = 'copyMove';
-        dt.dropEffect = 'move';
-        const node = e.target;
-        dt.setData('text/kind', node.dataset.kind);
-        dt.setData('text/key', node.dataset.key);
-        dt.setData('text/source', this.localName);
-        dt.setData('layout/id', String(this.layoutId));
-    }
-    _tabsDragEnterHandler(e) {
-        const dt = e.dataTransfer;
-        if (!dt || !this.panelCanDrop(e)) {
-            return;
-        }
-        e.stopPropagation();
-        e.preventDefault();
-        dt.effectAllowed = 'move';
-        dt.dropEffect = 'move';
-    }
-    _tabsDragoverHandler(e) {
-        const dt = e.dataTransfer;
-        if (!dt || !this.panelCanDrop(e)) {
-            return;
-        }
-        e.stopPropagation();
-        e.preventDefault();
-        dt.effectAllowed = 'move';
-        dt.dropEffect = 'move';
-    }
-    _tabsDrop(e) {
-        const dt = e.dataTransfer;
-        if (!dt || !this.panelCanDrop(e) || this.layoutId === undefined) {
-            return;
-        }
-        e.stopPropagation();
-        e.preventDefault();
-        const src = dt.getData('text/source');
-        const key = dt.getData('text/key');
-        const kind = dt.getData('text/kind');
-        const lid = dt.getData('layout/id');
-        const movingTab = src === this.localName;
-        const overTab = this.findTab(e);
-        const toIndex = overTab ? Number(overTab.dataset.index) : undefined;
-        if (movingTab) {
-            if (!lid) {
-                return;
-            }
-            const srcPanel = Number(lid);
-            if (Number.isNaN(srcPanel)) {
-                return;
-            }
-            this.moveTab(srcPanel, this.layoutId, key, toIndex);
-        }
-        else {
-            let dispatch = true;
-            if (this.panel) {
-                dispatch = this.panel.addItem({ key, kind, label: 'New tab' }, { index: toIndex });
-            }
-            if (dispatch) {
-                this.dispatchEvent(new CustomEvent('datadrop', {
-                    detail: { kind, key, index: toIndex },
-                    composed: true,
-                    bubbles: true,
-                    cancelable: true,
-                }));
-            }
-            this.requestUpdate();
-        }
-    }
-    moveTab(fromLayout, toLayout, key, toIndex) {
-        const { panel } = this;
-        if (panel) {
-            panel.manager.moveTab(fromLayout, toLayout, key, toIndex);
-        }
-    }
-    findTab(e) {
-        const path = e.composedPath();
-        while (path.length) {
-            const node = path.shift();
-            if (node.nodeType !== Node.ELEMENT_NODE) {
-                continue;
-            }
-            if (node.classList.contains('layout-tab')) {
-                return node;
-            }
-        }
-        return undefined;
-    }
-    render() {
-        return html `
-    ${this.dragRegionTemplate()}
-    ${this.tabsTemplate()}
-    <div class="content">
-      <slot></slot>
-    </div>
-    `;
-    }
-    dragRegionTemplate() {
-        const { inDrag, dragRegion } = this;
-        if (!inDrag) {
-            return '';
-        }
-        return html `
-    <div class="drag-region ${dragRegion}"></div>
-    `;
-    }
-    tabsTemplate() {
-        const { panel } = this;
-        if (!panel) {
-            return '';
-        }
-        const items = panel.sortedItems();
-        if (!items) {
-            return '';
-        }
-        const size = items.length;
-        return html `
-    <div 
-      class="layout-tabs" 
-      role="tablist" 
-      @dragenter="${this._tabsDragEnterHandler}" 
-      @dragover="${this._tabsDragoverHandler}" 
-      @drop="${this._tabsDrop}"
-    >
-    ${items.map((tab, i) => this.tabTemplate(tab, i + 1 === size, items[i + 1]?.key))}
-    </div>
-    `;
-    }
-    tabTemplate(item, last, nextKey) {
-        const { key, kind, label = '', index = 0, icon, isDirty = false, parent } = item;
-        const { panel } = this;
-        const selected = !!panel && panel.selected === key;
-        const nextSelected = !!nextKey && !!panel && panel.selected === nextKey;
-        const closable = !item.persistent && !item.pinned;
-        const classes = {
-            'layout-tab': true,
-            'is-dirty': isDirty,
-            selected,
-            surface1: selected,
-        };
-        let title = label;
-        if (isDirty) {
-            title = 'Unsaved changes';
-        }
-        const dividerHidden = last || selected || nextSelected;
-        return html `
-    <div 
-      data-key="${key}" 
-      data-kind="${kind}"
-      data-index="${index}"
-      data-parent="${ifDefined(parent)}"
-      data-dirty="${isDirty}"
-      role="tab"
-      class="${classMap(classes)}" 
-      draggable="true"
-      @dragstart="${this._tabDragStart}"
-      @click="${this._tabSelectHandler}" 
-      @pointerdown="${this._tabPointerDownHandler}"
-      @touchstart="${this._tabTouchStartHandler}"
-      @keydown="${this._tabKeydownHandler}"
-      tabindex="0"
-    >
-      ${icon ? html `<ui-icon icon="${icon}" class="tab-favicon"></ui-icon>` : ''}
-      <span class="tab-label" title="${title}">${label}</span>
-      ${closable ? html `<ui-icon icon="close" class="close-icon" @click="${this._tabCloseHandler}"></ui-icon>` : ''}
-    </div>
-    <div class="tab-divider ${dividerHidden ? 'hidden' : ''}"></div>
-    `;
-    }
-}
-__decorate([
-    property({ type: String, reflect: true })
-], LayoutPanelElement.prototype, "layout", void 0);
-__decorate([
-    property({ type: Number, reflect: true })
-], LayoutPanelElement.prototype, "layoutId", void 0);
-__decorate([
-    property({ type: Array })
-], LayoutPanelElement.prototype, "dragTypes", void 0);
-__decorate([
-    state()
-], LayoutPanelElement.prototype, "inDrag", void 0);
-__decorate([
-    state()
-], LayoutPanelElement.prototype, "dragRegion", void 0);
-__decorate([
-    property({ type: Object })
-], LayoutPanelElement.prototype, "panel", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], LayoutPanelElement.prototype, "constrain", void 0);
-__decorate([
-    eventOptions({ passive: true })
-], LayoutPanelElement.prototype, "_tabTouchStartHandler", null);
-//# sourceMappingURL=LayoutPanelElement.js.map

package/dist/elements/layout/LayoutPanelElement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutPanelElement.js","sourceRoot":"","sources":["../../../src/elements/layout/LayoutPanelElement.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable class-methods-use-this */\nimport { LitElement, html, TemplateResult, CSSResult, css } from 'lit';\nimport { property, state, eventOptions } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit/directives/class-map.js';\n// eslint-disable-next-line import/no-cycle\nimport { LayoutPanel, DropRegion, ILayoutItem } from './LayoutManager.js';\nimport surfaceStyles from '../../styles/m3/surface.module.js';\nimport '../../define/ui/ui-icon.js';\n\nexport default class LayoutPanelElement extends LitElement {\n  static override get styles(): CSSResult[] {\n    return [surfaceStyles, css`\n    :host {\n      display: flex;\n      position: relative;\n      flex-direction: column;\n      /* border: 1px red solid; */\n    }\n\n    .content {\n      display: flex;\n      flex: 1;\n    }\n    \n    :host([constrain]) .content {\n      overflow: hidden;\n    }\n\n    :host([layout=horizontal]) .content {\n      flex-direction: row;\n    }\n\n    :host([layout=vertical]) .content {\n      flex-direction: column;\n    }\n\n    :host ::slotted(*) {\n      flex: 1;\n      /* width: 100%;\n      height: 100%; */\n    }\n\n    .drag-region {\n      position: absolute;\n      background-color: rgba(0,0,0,0.12);\n    }\n\n    .drag-region.center {\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right:0;\n    }\n\n    .drag-region.west {\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 50%;\n    }\n\n    .drag-region.east {\n      top: 0;\n      bottom: 0;\n      left: 50%;\n      right: 0;\n    }\n\n    .drag-region.north {\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 50%;\n    }\n\n    .drag-region.south {\n      top: 50%;\n      left: 0;\n      right: 0;\n      bottom: 0;\n    }\n\n    .layout-tabs {\n      display: flex;\n      align-items: center;\n      background: var(--layout-tabs-background, var(--secondary-background-color));\n    }\n\n    .layout-tab {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      flex: 1 1 200px;\n      max-width: 200px;\n      min-width: 40px;\n      width: 200px;\n      height: 100%;\n      font-size: 0.94rem;\n      padding: 0px 12px;\n      border-radius: var(--md-sys-shape-corner-small-top);\n      height: 40px; \n      outline: none;\n      justify-content: flex-start;\n      text-transform: none;\n      color: var(--md-sys-color-on-surface);\n\n      font-family: var(--md-sys-typescale-body-medium-font-family-name);\n      font-style: var(--md-sys-typescale-body-medium-font-family-style);\n      font-weight: var(--md-sys-typescale-body-medium-font-weight);\n      font-size: var(--md-sys-typescale-body-medium-font-size);\n      letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n      line-height: var(--md-sys-typescale-body-medium-height);\n      text-transform: var(--md-sys-typescale-body-medium-text-transform);\n      text-decoration: var(--md-sys-typescale-body-medium-text-decoration);\n    }\n\n    .tab-label {\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n\n    .is-dirty .tab-label {\n      font-style: italic;\n    }\n\n    .is-dirty .tab-label::after {\n      content: '*';\n      user-select: none;\n    }\n\n    .layout-tab.selected {\n      /* z-index: 2; */\n      background: var(--layout-tab-select-background, var(--primary-background-color));\n    }\n\n    .layout-tab:not(.selected):hover::before {\n      background-color: var(--md-sys-color-primary);\n      opacity: var(--md-sys-state-hover-state-layer-opacity);\n      position: absolute;\n      inset: 0;\n      content: '';\n      border-radius: inherit;\n    }\n\n    .layout-tab:not(.selected):focus::before {\n      background-color: var(--md-sys-color-primary);\n      opacity: var(--md-sys-state-focus-state-layer-opacity);\n      position: absolute;\n      inset: 0;\n      content: '';\n      border-radius: inherit;\n    }\n\n    /* .layout-tab:focus {\n      border-top-color: var(--primary-color);\n    } */\n\n    .tab-favicon {\n      width: 16px;\n      height: 16px;\n      margin-right: 8px;\n    }\n\n    .close-icon {\n      width: 16px;\n      height: 16px;\n      margin-left: auto;\n    }\n\n    .tab-divider {\n      width: 1px;\n      min-width: 1px;\n      height: 20px;\n      background-color: var(--md-sys-color-outline-variant);\n    }\n\n    .tab-divider.hidden {\n      background-color: transparent;\n    }\n    `];\n  }\n\n  /**\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) layout: 'horizontal' | 'vertical' = 'horizontal';\n\n  /**\n   * @attribute\n   */\n  @property({ type: Number, reflect: true }) layoutId?: number;\n\n  @property({ type: Array }) dragTypes?: string[];\n\n  /**\n   * Whether dragging is occurring over the element\n   */\n  @state() protected inDrag = false;\n\n  /**\n   * The region the drag is leaning to.\n   */\n  @state() protected dragRegion?: DropRegion = 'center';\n\n  @property({ type: Object }) panel?: LayoutPanel;\n\n  /**\n   * When set it adds the `overflow` hidden on the container that holds the tab contents.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) constrain = false;\n\n  constructor() {\n    super();\n    this._dragEnterHandler = this._dragEnterHandler.bind(this);\n    this._dragOverHandler = this._dragOverHandler.bind(this);\n    this._dropHandler = this._dropHandler.bind(this);\n    this._dragleaveHandler = this._dragleaveHandler.bind(this);\n    this._dragendHandler = this._dragendHandler.bind(this);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('dragenter', this._dragEnterHandler);\n    this.addEventListener('dragover', this._dragOverHandler);\n    this.addEventListener('drop', this._dropHandler);\n    document.body.addEventListener('dragleave', this._dragleaveHandler);\n    document.body.addEventListener('dragend', this._dragendHandler);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('dragenter', this._dragEnterHandler);\n    this.removeEventListener('dragover', this._dragOverHandler);\n    this.removeEventListener('drop', this._dropHandler);\n    document.body.removeEventListener('dragleave', this._dragleaveHandler);\n    document.body.removeEventListener('dragend', this._dragendHandler);\n  }\n\n  protected hasDropTypes(dt: DataTransfer): boolean {\n    const { dragTypes } = this;\n    if (!Array.isArray(dragTypes)) {\n      return true;\n    }\n    const eventTypes = [...dt.types];\n    const allowedTypes = dragTypes.map(i => i.toLowerCase());\n    return !allowedTypes.some(type => !eventTypes.includes(type));\n  }\n\n  protected panelCanDrop(e: DragEvent): boolean {\n    if (e.defaultPrevented) {\n      return false;\n    }\n    if (e.dataTransfer && !this.hasDropTypes(e.dataTransfer)) {\n      return false;\n    }\n    const { panel } = this;\n    if (!panel) {\n      return true;\n    }\n    return panel.canDrop();\n  }\n\n  protected _dragEnterHandler(e: DragEvent): void {\n    const { dataTransfer } = e;\n    if (!dataTransfer || !this.panelCanDrop(e)) {\n      return;\n    }\n    e.preventDefault();\n    e.stopPropagation();\n    dataTransfer.dropEffect = 'copy';\n  }\n\n  protected _dragOverHandler(e: DragEvent): void {\n    const { dataTransfer } = e;\n    if (!dataTransfer || !this.panelCanDrop(e)) {\n      return;\n    }\n    e.preventDefault();\n    e.stopPropagation();\n    const region = this.getDropRegionFromEvent(e);\n    if (!region) {\n      this.inDrag = false;\n      return;\n    }\n    dataTransfer.dropEffect = 'copy';\n    this.inDrag = true;\n    this.dragRegion = region;\n  }\n\n  protected _dropHandler(e: DragEvent): void {\n    const { dataTransfer } = e;\n    if (!dataTransfer || !this.panelCanDrop(e)) {\n      return;\n    }\n    e.preventDefault();\n    e.stopPropagation();\n    const kind = dataTransfer.getData('text/kind');\n    const key = dataTransfer.getData('text/key');\n    if (!kind || !key) {\n      return;\n    }\n    this.inDrag = false;\n    const { panel } = this;\n    let dispatch = true;\n    if (panel) {\n      dispatch = panel.addItem({ key, kind, label: 'New tab' }, { region: this.dragRegion });\n    }\n    if (dispatch) {\n      this.dispatchEvent(new CustomEvent('datadrop', {\n        detail: { kind, key, region: this.dragRegion },\n        composed: true,\n        bubbles: true,\n        cancelable: true,\n      }));\n    }\n    this.requestUpdate();\n  }\n\n  protected _dragleaveHandler(e: DragEvent): void {\n    const elm = this.findLayout(e);\n    if (!elm || elm !== this) {\n      this.inDrag = false;\n      this.dragRegion = 'center';\n    }\n  }\n\n  protected _dragendHandler(): void {\n    this.inDrag = false;\n    this.dragRegion = 'center';\n  }\n\n  protected getDropRegionFromEvent(e: DragEvent): DropRegion | undefined {\n    const layout = this.findLayout(e);\n    if (!layout) {\n      return undefined;\n    }\n    return this.getDropRegion(layout, e);\n  }\n\n  getDropRegion(element: HTMLElement, e: DragEvent): DropRegion | undefined {\n    const { pageX, pageY } = e;\n    const rect = element.getBoundingClientRect();\n    const quarterWidth = rect.width / 4;\n    const quarterHeight = rect.height / 4;\n    if (pageX < rect.left + quarterWidth) {\n      return 'west';\n    }\n    if (pageX > rect.right - quarterWidth) {\n      return 'east';\n    }\n    if (pageY < rect.top + quarterHeight) {\n      return 'north';\n    }\n    if (pageY > rect.bottom - quarterHeight) {\n      return 'south';\n    }\n    const withingCenterX = (pageX >= rect.left + quarterWidth) && (pageX <= rect.right - quarterWidth);\n    const withingCenterY = (pageY >= rect.top + quarterHeight) && (pageY <= rect.bottom - quarterHeight);\n    if (withingCenterX && withingCenterY) {\n      return 'center';\n    }\n    return undefined;\n  }\n\n  protected findLayout(e: Event): LayoutPanelElement | undefined {\n    const path = e.composedPath();\n    while (path.length) {\n      const node = path.shift() as Element;\n      if (node.nodeType !== Node.ELEMENT_NODE) {\n        continue;\n      }\n      if (node.localName === this.localName) {\n        return node as LayoutPanelElement;\n      }\n    }\n    return undefined;\n  }\n\n  protected async _tabSelectHandler(e: Event): Promise<void> {\n    if (!this.panel) {\n      return;\n    }\n    const key = (e.currentTarget as HTMLElement).dataset.key as string;\n    if (!key) {\n      return;\n    }\n    if (this.panel.selected === key) {\n      return;\n    }\n    this.panel.selected = key;\n    this.panel.manager.changed();\n    this.requestUpdate();\n    await this.updateComplete;\n    const child = this.querySelector(`[data-key=\"${key}\"]`);\n    if (child) {\n      child.dispatchEvent(new Event('resize'));\n    }\n  }\n\n  /**\n   * Closes a panel with right pointer configuration\n   */\n  protected _tabPointerDownHandler(e: PointerEvent): void {\n    // the configuration of a middle button click which is \n    // equal to 3 fingers click on a track pad.\n    if (e.button === 1 && e.buttons === 4) {\n      e.preventDefault();\n      e.stopPropagation();\n      const key = (e.target as HTMLElement).dataset.key as string;\n      this.closeTab(key);\n    }\n  }\n\n  protected _tabCloseHandler(e: Event): void {\n    const icon = e.target as HTMLElement;\n    const button = icon.parentElement as HTMLElement;\n    const key = button.dataset.key as string;\n    if (key) {\n      e.preventDefault();\n      e.stopPropagation();\n      this.closeTab(key);\n    }\n  }\n\n  @eventOptions({ passive: true })\n  protected _tabTouchStartHandler(e: TouchEvent): void {\n    if (e.targetTouches.length === 3) {\n      e.preventDefault();\n      e.stopPropagation();\n      const key = (e.target as HTMLElement).dataset.key as string;\n      this.closeTab(key);\n    }\n  }\n\n  protected closeTab(key: string): void {\n    const { panel } = this;\n    if (!panel) {\n      return;\n    }\n    const item = panel.items.find(i => i.key === key);\n    if (!item) {\n      return;\n    }\n    if (item.persistent && item.pinned) {\n      return;\n    }\n    panel.removeItem(key);\n    this.requestUpdate();\n    this.dispatchEvent(new CustomEvent('closetab', {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: key,\n    }));\n  }\n\n  protected _tabKeydownHandler(e: KeyboardEvent): void {\n    if (e.key === 'Enter') {\n      this._tabSelectHandler(e);\n    }\n  }\n\n  protected _tabDragStart(e: DragEvent): void {\n    const dt = e.dataTransfer;\n    if (!dt || this.layoutId === undefined) {\n      return;\n    }\n    \n    dt.effectAllowed = 'copyMove';\n    dt.dropEffect = 'move';\n    const node = e.target as HTMLElement;\n    dt.setData('text/kind', node.dataset.kind as string);\n    dt.setData('text/key', node.dataset.key as string);\n    dt.setData('text/source', this.localName);\n    dt.setData('layout/id', String(this.layoutId));\n  }\n\n  protected _tabsDragEnterHandler(e: DragEvent): void {\n    const dt = e.dataTransfer;\n    if (!dt || !this.panelCanDrop(e)) {\n      return;\n    }\n    e.stopPropagation();\n    e.preventDefault();\n    dt.effectAllowed = 'move';\n    dt.dropEffect = 'move';\n  }\n  \n  protected _tabsDragoverHandler(e: DragEvent): void {\n    const dt = e.dataTransfer;\n    if (!dt || !this.panelCanDrop(e)) {\n      return;\n    }\n    e.stopPropagation();\n    e.preventDefault();\n    dt.effectAllowed = 'move';\n    dt.dropEffect = 'move';\n  }\n\n  protected _tabsDrop(e: DragEvent): void {\n    const dt = e.dataTransfer;\n    if (!dt || !this.panelCanDrop(e) || this.layoutId === undefined) {\n      return;\n    }\n    e.stopPropagation();\n    e.preventDefault();\n    const src = dt.getData('text/source');\n    const key = dt.getData('text/key');\n    const kind = dt.getData('text/kind');\n    const lid = dt.getData('layout/id');\n    const movingTab = src === this.localName;\n\n    const overTab = this.findTab(e);\n    const toIndex = overTab ? Number(overTab.dataset.index) : undefined;\n\n    if (movingTab) {\n      if (!lid) {\n        return;\n      }\n      const srcPanel = Number(lid);\n      if (Number.isNaN(srcPanel)) {\n        return;\n      }\n      this.moveTab(srcPanel, this.layoutId, key, toIndex);\n    } else {\n      let dispatch = true;\n      if (this.panel) {\n        dispatch = this.panel.addItem({ key, kind, label: 'New tab' }, { index: toIndex });\n      }\n      if (dispatch) {\n        this.dispatchEvent(new CustomEvent('datadrop', {\n          detail: { kind, key, index: toIndex },\n          composed: true,\n          bubbles: true,\n          cancelable: true,\n        }));\n      }\n      this.requestUpdate();\n    }\n  }\n\n  protected moveTab(fromLayout: number, toLayout: number, key: string, toIndex?: number): void {\n    const { panel } = this;\n    if (panel) {\n      panel.manager.moveTab(fromLayout, toLayout, key, toIndex);\n    }\n  }\n\n  protected findTab(e: Event): HTMLElement | undefined {\n    const path = e.composedPath();\n    while (path.length) {\n      const node = path.shift() as Element;\n      if (node.nodeType !== Node.ELEMENT_NODE) {\n        continue;\n      }\n      if (node.classList.contains('layout-tab')) {\n        return node as HTMLElement;\n      }\n    }\n    return undefined;\n  }\n\n  override render(): TemplateResult {\n    return html`\n    ${this.dragRegionTemplate()}\n    ${this.tabsTemplate()}\n    <div class=\"content\">\n      <slot></slot>\n    </div>\n    `;\n  }\n\n  protected dragRegionTemplate(): TemplateResult | string {\n    const { inDrag, dragRegion } = this;\n    if (!inDrag) {\n      return '';\n    }\n    return html`\n    <div class=\"drag-region ${dragRegion}\"></div>\n    `;\n  }\n\n  protected tabsTemplate(): TemplateResult | string {\n    const { panel } = this;\n    if (!panel) {\n      return '';\n    }\n    const items = panel.sortedItems();\n    if (!items) {\n      return '';\n    }\n    const size = items.length;\n    return html`\n    <div \n      class=\"layout-tabs\" \n      role=\"tablist\" \n      @dragenter=\"${this._tabsDragEnterHandler}\" \n      @dragover=\"${this._tabsDragoverHandler}\" \n      @drop=\"${this._tabsDrop}\"\n    >\n    ${items.map((tab, i) => this.tabTemplate(tab, i + 1 === size, items[i + 1]?.key))}\n    </div>\n    `;\n  }\n\n  protected tabTemplate(item: ILayoutItem, last: boolean, nextKey?: string): TemplateResult {\n    const { key, kind, label = '', index=0, icon, isDirty = false, parent } = item;\n    const { panel } = this;\n    const selected = !!panel && panel.selected === key;\n    const nextSelected = !!nextKey && !!panel && panel.selected === nextKey;\n    const closable = !item.persistent && !item.pinned;\n    const classes = {\n      'layout-tab': true,\n      'is-dirty': isDirty,\n      selected,\n      surface1: selected,\n    };\n    let title = label;\n    if (isDirty) {\n      title = 'Unsaved changes';\n    }\n\n    const dividerHidden = last || selected || nextSelected;\n    return html`\n    <div \n      data-key=\"${key}\" \n      data-kind=\"${kind}\"\n      data-index=\"${index}\"\n      data-parent=\"${ifDefined(parent)}\"\n      data-dirty=\"${isDirty}\"\n      role=\"tab\"\n      class=\"${classMap(classes)}\" \n      draggable=\"true\"\n      @dragstart=\"${this._tabDragStart}\"\n      @click=\"${this._tabSelectHandler}\" \n      @pointerdown=\"${this._tabPointerDownHandler}\"\n      @touchstart=\"${this._tabTouchStartHandler}\"\n      @keydown=\"${this._tabKeydownHandler}\"\n      tabindex=\"0\"\n    >\n      ${icon ? html`<ui-icon icon=\"${icon}\" class=\"tab-favicon\"></ui-icon>` : ''}\n      <span class=\"tab-label\" title=\"${title}\">${label}</span>\n      ${closable ? html`<ui-icon icon=\"close\" class=\"close-icon\" @click=\"${this._tabCloseHandler}\"></ui-icon>` : ''}\n    </div>\n    <div class=\"tab-divider ${dividerHidden ? 'hidden' : ''}\"></div>\n    `;\n  }\n}\n"]}