npm - @api-client/ui - Versions diffs - 0.0.4 → 0.0.7 - Mend

@api-client/ui 0.0.4 → 0.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (756) hide show

package/dist/elements/layout/LayoutPanelElement.js CHANGED Viewed

@@ -179,31 +179,25 @@ export default class LayoutPanelElement extends LitElement {
     }
     `];
     }
-    /**
-     * @attribute
-     */
-    layout = 'horizontal';
-    /**
-     * @attribute
-     */
-    layoutId;
-    dragTypes;
-    /**
-     * Whether dragging is occurring over the element
-     */
-    inDrag = false;
-    /**
-     * The region the drag is leaning to.
-     */
-    dragRegion = 'center';
-    panel;
-    /**
-     * When set it adds the `overflow` hidden on the container that holds the tab contents.
-     * @attribute
-     */
-    constrain = false;
     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);

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

	@@ -1 +1 @@
1	- {"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"]}
1	+ {"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"]}

package/dist/elements/layout/SplitItem.js CHANGED Viewed

@@ -1,16 +1,4 @@
 export class SplitItem {
-    manager;
-    kind = '';
-    key = '';
-    parent;
-    label = '';
-    pinned;
-    index = 0;
-    icon;
-    persistent;
-    loading;
-    isDirty;
-    value;
     /**
      * @param manager A reference to the manager.
      * @param id The id of the item in the layout system. This value is never serialized.
@@ -18,6 +6,10 @@ export class SplitItem {
      */
     constructor(manager, schema) {
         this.manager = manager;
+        this.kind = '';
+        this.key = '';
+        this.label = '';
+        this.index = 0;
         this.new(schema);
     }
     new(schema) {

package/dist/elements/layout/SplitItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SplitItem.js","sourceRoot":"","sources":["../../../src/elements/layout/SplitItem.ts"],"names":[],"mappings":"AAoEA,MAAM,OAAO,SAAS;~~IA4BD~~;~~IA3BnB~~,~~IAAI~~,~~GAAG~~,EAAE,~~CAAC~~;~~IAEV~~,~~GAAG~~,~~GAAG~~,~~EAAE~~,~~CAAC~~;~~IAET~~,~~MAAM~~,~~CAAU;IAEhB,KAAK,~~GAAG,EAAE,CAAC;~~IAEX~~,~~MAAM~~,~~CAAW;IAEjB,KAAK,~~GAAG,~~CAAC~~,CAAC;~~IAEV~~,~~IAAI~~,~~CAAY;IAEhB~~,~~UAAU,CAAW;IAErB,OAAO,CAAW;IAElB,OAAO,CAAW;IAElB,KAAK,CAAW;IAEhB;;;;OAIG;IACH,YAAmB,OAAoB,~~EAAE,~~MAAkB~~;~~QAAxC~~,~~YAAO~~,~~GAAP~~,~~OAAO~~,~~CAAa~~;~~QACrC~~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","sourcesContent":["/* eslint-disable import/no-cycle /\nimport { TemplateResult } from 'lit';\nimport { IconType } from '../../ui/icons/Icons.js';\nimport { SplitLayout } from './SplitLayout.js';\nimport { SplitPanel } from './SplitPanel.js';\n\nexport type ItemRenderCallback = (item: SplitItem, visible: boolean) => TemplateResult;\n\nexport interface ISplitItem {\n /\n The kind of opened item. This is to be used by the application\n * to recognize a kind of item to render. It is transparent to the layout system.\n /\n kind: string;\n /\n The key of the opened item. This is to be used by the application to identify \n * the rendered item. It is also used by the manager to identify the item.\n * It has to be unique key across the layout.\n * \n * Note, multiple panels can render the same item, however, they all share \n * the same item's state.\n /\n key: string;\n /\n Optional parent information that helps locating this object.\n * This is the item's parent, not related to a layout.\n /\n parent?: string;\n /\n The label to render in the layout tab.\n /\n label: string;\n /\n Whether the tab is pinned (cannot be closed or moved).\n /\n pinned?: boolean;\n /\n The tab index.\n /\n index?: number;\n /\n The icon defined in the internal library to render with the tab.\n /\n icon?: IconType;\n /\n A tab that is always present in the layout. The user can't close this tab.\n /\n persistent?: boolean;\n /\n A property to be used by the screen to indicate the property is being loaded\n * (from a data store, file, etc).\n /\n loading?: boolean;\n /\n Indicates the item has been changed and is out of sync with the data store.\n /\n isDirty?: boolean;\n\n /\n The layout value. Can be used to pass the object to render to the layout's render function.\n * This must be a serializable object as it will be passed to the `storeCallback`.\n * \n * This also can be used to temporary store unsaved changes to the object and sync the changes \n * on save action.\n /\n value?: unknown;\n}\n\nexport class SplitItem implements ISplitItem {\n kind = '';\n\n key = '';\n\n parent?: string;\n\n label = '';\n\n pinned?: boolean;\n\n index = 0;\n\n icon?: IconType;\n\n persistent?: boolean;\n\n loading?: boolean;\n\n isDirty?: boolean;\n\n value?: unknown;\n\n /\n @param manager A reference to the manager.\n * @param id The id of the item in the layout system. This value is never serialized.\n * @param schema A schema to restore the state of the panel.\n /\n constructor(public manager: SplitLayout, schema: ISplitItem) {\n this.new(schema);\n }\n\n new(schema: ISplitItem): void {\n this.kind = schema.kind;\n this.key = schema.key;\n this.label = schema.label;\n if (schema.parent) {\n this.parent = schema.parent;\n } else {\n this.parent = undefined;\n }\n if (schema.icon) {\n this.icon = schema.icon;\n } else {\n this.icon = undefined;\n }\n if (typeof schema.pinned === 'boolean') {\n this.pinned = schema.pinned;\n } else {\n this.pinned = undefined;\n }\n if (typeof schema.persistent === 'boolean') {\n this.persistent = schema.persistent;\n } else {\n this.persistent = undefined;\n }\n if (typeof schema.loading === 'boolean') {\n this.loading = schema.loading;\n } else {\n this.loading = undefined;\n }\n if (typeof schema.isDirty === 'boolean') {\n this.isDirty = schema.isDirty;\n } else {\n this.isDirty = undefined;\n }\n if (typeof schema.index === 'number') {\n this.index = schema.index;\n } else {\n this.index = 0;\n }\n this.value = schema.value;\n }\n\n toJSON(): ISplitItem {\n const result: ISplitItem = {\n key: this.key,\n kind: this.kind,\n label: this.label,\n };\n if (this.parent) {\n result.parent = this.parent;\n }\n if (this.icon) {\n result.icon = this.icon;\n }\n if (typeof this.pinned === 'boolean') {\n result.pinned = this.pinned;\n }\n if (typeof this.persistent === 'boolean') {\n result.persistent = this.persistent;\n }\n if (typeof this.loading === 'boolean') {\n result.loading = this.loading;\n }\n if (typeof this.isDirty === 'boolean') {\n result.isDirty = this.isDirty;\n }\n if (typeof this.index === 'number') {\n result.index = this.index;\n }\n if (this.value) {\n // try toJSON if any\n const typed = this.value as { toJSON: () => unknown };\n if (typeof typed.toJSON === 'function') {\n result.value = typed.toJSON();\n } else {\n result.value = this.value;\n }\n }\n return result;\n }\n\n /\n @returns The parent of the item. Returns undefined when the item was removed from layout.\n /\n getParent(): SplitPanel \| undefined {\n return this.manager.getParent(this.key);\n }\n\n /\n Removes self from the layout\n /\n remove(): void {\n this.manager.removeItem(this.key);\n }\n\n /\n Sets the item active in the parent layout.\n /\n setSelected(): void {\n const parent = this.getParent();\n if (parent) {\n parent.selected = this.key;\n this.notifyChange();\n }\n }\n\n /\n Updates the label and triggers side effects like layout and view update.\n * \n * @param value The new value of the label. Empty values are ignored.\n * @param trigger Whether to trigger side effects (requesting a view update and notifying change)\n */\n setLabel(value: string, trigger = true): void {\n if (!value \|\| this.label === value) {\n return;\n }\n this.label = value;\n if (trigger) {\n this.updateView();\n this.notifyChange();\n }\n }\n\n updateView(): void {\n const panel = this.getParent();\n panel?.updateView();\n }\n\n notifyChange(): void {\n this.manager.notifyChange();\n }\n}\n"]}
1	+ {"version":3,"file":"SplitItem.js","sourceRoot":"","sources":["../../../src/elements/layout/SplitItem.ts"],"names":[],"mappings":"AAoEA,MAAM,OAAO,SAAS;IAuBpB;;;;OAIG;IACH,YAAmB,OAAoB,EAAE,MAAkB;QAAxC,YAAO,GAAP,OAAO,CAAa;QA3BvC,SAAI,GAAG,EAAE,CAAC;QAEV,QAAG,GAAG,EAAE,CAAC;QAIT,UAAK,GAAG,EAAE,CAAC;QAIX,UAAK,GAAG,CAAC,CAAC;QAkBR,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACnB,CAAC;IAED,GAAG,CAAC,MAAkB;QACpB,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACxB,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC;QACtB,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;QAC1B,IAAI,MAAM,CAAC,MAAM,EAAE;YACjB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;SAC7B;aAAM;YACL,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;SACzB;QACD,IAAI,MAAM,CAAC,IAAI,EAAE;YACf,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;SACzB;aAAM;YACL,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;SACvB;QACD,IAAI,OAAO,MAAM,CAAC,MAAM,KAAK,SAAS,EAAE;YACtC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;SAC7B;aAAM;YACL,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;SACzB;QACD,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,SAAS,EAAE;YAC1C,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;SACrC;aAAM;YACL,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;SAC7B;QACD,IAAI,OAAO,MAAM,CAAC,OAAO,KAAK,SAAS,EAAE;YACvC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;SAC/B;aAAM;YACL,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;SAC1B;QACD,IAAI,OAAO,MAAM,CAAC,OAAO,KAAK,SAAS,EAAE;YACvC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;SAC/B;aAAM;YACL,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;SAC1B;QACD,IAAI,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ,EAAE;YACpC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;SAC3B;aAAM;YACL,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;SAChB;QACD,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;IAC5B,CAAC;IAED,MAAM;QACJ,MAAM,MAAM,GAAe;YACzB,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC;QACF,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;SAC7B;QACD,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;SACzB;QACD,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,SAAS,EAAE;YACpC,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;SAC7B;QACD,IAAI,OAAO,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE;YACxC,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;SACrC;QACD,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE;YACrC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;SAC/B;QACD,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE;YACrC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;SAC/B;QACD,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;YAClC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;SAC3B;QACD,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,oBAAoB;YACpB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAkC,CAAC;YACtD,IAAI,OAAO,KAAK,CAAC,MAAM,KAAK,UAAU,EAAE;gBACtC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;aAC/B;iBAAM;gBACL,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;aAC3B;SACF;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAED;;OAEG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC1C,CAAC;IAED;;OAEG;IACH,MAAM;QACJ,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACpC,CAAC;IAED;;OAEG;IACH,WAAW;QACT,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAChC,IAAI,MAAM,EAAE;YACV,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC;YAC3B,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;IACH,CAAC;IAED;;;;;OAKG;IACH,QAAQ,CAAC,KAAa,EAAE,OAAO,GAAG,IAAI;QACpC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;YAClC,OAAO;SACR;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;IACH,CAAC;IAED,UAAU;QACR,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAC/B,KAAK,EAAE,UAAU,EAAE,CAAC;IACtB,CAAC;IAED,YAAY;QACV,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC;IAC9B,CAAC;CACF","sourcesContent":["/* eslint-disable import/no-cycle /\nimport { TemplateResult } from 'lit';\nimport { IconType } from '../../ui/icons/Icons.js';\nimport { SplitLayout } from './SplitLayout.js';\nimport { SplitPanel } from './SplitPanel.js';\n\nexport type ItemRenderCallback = (item: SplitItem, visible: boolean) => TemplateResult;\n\nexport interface ISplitItem {\n /\n The kind of opened item. This is to be used by the application\n * to recognize a kind of item to render. It is transparent to the layout system.\n /\n kind: string;\n /\n The key of the opened item. This is to be used by the application to identify \n * the rendered item. It is also used by the manager to identify the item.\n * It has to be unique key across the layout.\n * \n * Note, multiple panels can render the same item, however, they all share \n * the same item's state.\n /\n key: string;\n /\n Optional parent information that helps locating this object.\n * This is the item's parent, not related to a layout.\n /\n parent?: string;\n /\n The label to render in the layout tab.\n /\n label: string;\n /\n Whether the tab is pinned (cannot be closed or moved).\n /\n pinned?: boolean;\n /\n The tab index.\n /\n index?: number;\n /\n The icon defined in the internal library to render with the tab.\n /\n icon?: IconType;\n /\n A tab that is always present in the layout. The user can't close this tab.\n /\n persistent?: boolean;\n /\n A property to be used by the screen to indicate the property is being loaded\n * (from a data store, file, etc).\n /\n loading?: boolean;\n /\n Indicates the item has been changed and is out of sync with the data store.\n /\n isDirty?: boolean;\n\n /\n The layout value. Can be used to pass the object to render to the layout's render function.\n * This must be a serializable object as it will be passed to the `storeCallback`.\n * \n * This also can be used to temporary store unsaved changes to the object and sync the changes \n * on save action.\n /\n value?: unknown;\n}\n\nexport class SplitItem implements ISplitItem {\n kind = '';\n\n key = '';\n\n parent?: string;\n\n label = '';\n\n pinned?: boolean;\n\n index = 0;\n\n icon?: IconType;\n\n persistent?: boolean;\n\n loading?: boolean;\n\n isDirty?: boolean;\n\n value?: unknown;\n\n /\n @param manager A reference to the manager.\n * @param id The id of the item in the layout system. This value is never serialized.\n * @param schema A schema to restore the state of the panel.\n /\n constructor(public manager: SplitLayout, schema: ISplitItem) {\n this.new(schema);\n }\n\n new(schema: ISplitItem): void {\n this.kind = schema.kind;\n this.key = schema.key;\n this.label = schema.label;\n if (schema.parent) {\n this.parent = schema.parent;\n } else {\n this.parent = undefined;\n }\n if (schema.icon) {\n this.icon = schema.icon;\n } else {\n this.icon = undefined;\n }\n if (typeof schema.pinned === 'boolean') {\n this.pinned = schema.pinned;\n } else {\n this.pinned = undefined;\n }\n if (typeof schema.persistent === 'boolean') {\n this.persistent = schema.persistent;\n } else {\n this.persistent = undefined;\n }\n if (typeof schema.loading === 'boolean') {\n this.loading = schema.loading;\n } else {\n this.loading = undefined;\n }\n if (typeof schema.isDirty === 'boolean') {\n this.isDirty = schema.isDirty;\n } else {\n this.isDirty = undefined;\n }\n if (typeof schema.index === 'number') {\n this.index = schema.index;\n } else {\n this.index = 0;\n }\n this.value = schema.value;\n }\n\n toJSON(): ISplitItem {\n const result: ISplitItem = {\n key: this.key,\n kind: this.kind,\n label: this.label,\n };\n if (this.parent) {\n result.parent = this.parent;\n }\n if (this.icon) {\n result.icon = this.icon;\n }\n if (typeof this.pinned === 'boolean') {\n result.pinned = this.pinned;\n }\n if (typeof this.persistent === 'boolean') {\n result.persistent = this.persistent;\n }\n if (typeof this.loading === 'boolean') {\n result.loading = this.loading;\n }\n if (typeof this.isDirty === 'boolean') {\n result.isDirty = this.isDirty;\n }\n if (typeof this.index === 'number') {\n result.index = this.index;\n }\n if (this.value) {\n // try toJSON if any\n const typed = this.value as { toJSON: () => unknown };\n if (typeof typed.toJSON === 'function') {\n result.value = typed.toJSON();\n } else {\n result.value = this.value;\n }\n }\n return result;\n }\n\n /\n @returns The parent of the item. Returns undefined when the item was removed from layout.\n /\n getParent(): SplitPanel \| undefined {\n return this.manager.getParent(this.key);\n }\n\n /\n Removes self from the layout\n /\n remove(): void {\n this.manager.removeItem(this.key);\n }\n\n /\n Sets the item active in the parent layout.\n /\n setSelected(): void {\n const parent = this.getParent();\n if (parent) {\n parent.selected = this.key;\n this.notifyChange();\n }\n }\n\n /\n Updates the label and triggers side effects like layout and view update.\n * \n * @param value The new value of the label. Empty values are ignored.\n * @param trigger Whether to trigger side effects (requesting a view update and notifying change)\n */\n setLabel(value: string, trigger = true): void {\n if (!value \|\| this.label === value) {\n return;\n }\n this.label = value;\n if (trigger) {\n this.updateView();\n this.notifyChange();\n }\n }\n\n updateView(): void {\n const panel = this.getParent();\n panel?.updateView();\n }\n\n notifyChange(): void {\n this.manager.notifyChange();\n }\n}\n"]}

package/dist/elements/layout/SplitLayout.js CHANGED Viewed

@@ -32,17 +32,6 @@ import { LayoutType, SplitDirection } from "./type.js";
  * @fires closetab - When a tab wa closed via a user interaction.
  */
 export class SplitLayout extends EventTarget {
-    options;
-    /**
-     * The list of all definitions of panels and items.
-     */
-    definitions = new Map();
-    /**
-     * Holds an ordered list of panels in the layout.
-     * Though, this interface is consistent with other panels, it can only keep panels, not items.
-     */
-    items = [];
-    activeInternal;
     /**
      * The key of the panel that is marked as "active", that is,
      * the panel the user last interacted with.
@@ -89,22 +78,27 @@ export class SplitLayout extends EventTarget {
         }
         return undefined;
     }
-    /**
-     * Whether the manager is dirty, that is, a change ocurred
-     * while storing the layout.
-     */
-    isDirty = false;
-    /**
-     * A flag that determines that the state is being stored in the store.
-     */
-    storing = false;
-    /**
-     * The value of the debouncer timeout.
-     */
-    debouncer;
     constructor(options = {}) {
         super();
         this.options = options;
+        /**
+         * The list of all definitions of panels and items.
+         */
+        this.definitions = new Map();
+        /**
+         * Holds an ordered list of panels in the layout.
+         * Though, this interface is consistent with other panels, it can only keep panels, not items.
+         */
+        this.items = [];
+        /**
+         * Whether the manager is dirty, that is, a change ocurred
+         * while storing the layout.
+         */
+        this.isDirty = false;
+        /**
+         * A flag that determines that the state is being stored in the store.
+         */
+        this.storing = false;
         this.handleFocusIn = this.handleFocusIn.bind(this);
     }
     /**

package/dist/elements/layout/SplitLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SplitLayout.js","sourceRoot":"","sources":["../../../src/elements/layout/SplitLayout.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-cycle /\nimport { TemplateResult } from \"lit\";\nimport { ISplitItem, SplitItem } from \"./SplitItem.js\";\nimport { ISplitPanel, SplitPanel } from \"./SplitPanel.js\";\nimport SplitView from \"./SplitView.js\";\nimport { IPanelObject, LayoutType, SplitCloseDirection, SplitDirection, SplitItemRenderCallback, SplitLayoutInit, SplitPanelAddOptions } from \"./type.js\";\n\ninterface LayoutObject {\n type: LayoutType;\n value: SplitItem \| SplitPanel;\n}\n\ninterface SerializedLayoutObject {\n type: LayoutType;\n value: ISplitItem \| ISplitPanel;\n}\n\nexport interface ISplitLayout {\n /\n The map of all definitions of panels and \n /\n definitions: SerializedLayoutObject[];\n\n /\n The ordered list of panel keys in the view.\n /\n items: string[];\n\n /\n The key of the active panel or item.\n * From here it can be deduced whether the active item is a panel or an item and what's the active panel.\n /\n active?: string;\n}\n\n/\n Split layout manager creates a view where the application can put \"items\" into\n * and render them inside \"panels\". The application can create as many panels as needed.\n * Panels can be layout vertically or horizontally.\n * \n * ## Basic usage\n * \n * ```javascript\n * const layout = new SplitLayout({\n * stateCallback: async (state: ISplitLayout): Promise<void> => { \n * localStorage.setItem('layout', JSON.stringify(state));\n * }\n * });\n * const restored = await readStoredState(); // a function that reads the state from the store\n * await layout.initialize(restored);\n * \n * const content = layout.render((itemToRender: SplitItem): TemplateResult => { return html`...` });\n * ```\n * \n * Each time the layout configuration change the optional `stateCallback` function \n * is called.\n * It's not mandatory to set this callback function but if you want the state to\n * persist you have to serialize the manager manually when needed.\n * Since the manage implement the `toJSON()` method it is safe to pass the instance of the manager\n * to a idb store or serialize with `JSON.stringify()`.\n * \n * @fires change - When the layout configuration change. This is the best time to perform DOM update.\n * @fires nameitem - When the layout requests to name an item. This usually happens then a code calls the `requestNameUpdate()` method after the item's name changed.\n * @fires closetab - When a tab wa closed via a user interaction.\n /\nexport class SplitLayout extends EventTarget {\n /\n The list of all definitions of panels and items.\n /\n definitions = new Map<string, LayoutObject>();\n\n /\n Holds an ordered list of panels in the layout.\n * Though, this interface is consistent with other panels, it can only keep panels, not items.\n /\n items: IPanelObject[] = [];\n\n private activeInternal?: string;\n\n /\n The key of the panel that is marked as \"active\", that is, \n * the panel the user last interacted with.\n /\n get active(): string \| undefined {\n return this.activeInternal;\n }\n\n /\n Returns an object that is marked as active or undefined if none is marked as active.\n /\n get activeObject(): LayoutObject \| undefined {\n const { activeInternal } = this;\n if (!activeInternal) {\n return undefined;\n }\n return this.definitions.get(activeInternal);\n }\n\n /\n An active panel that the user last interacted with.\n /\n get activePanel(): SplitPanel \| undefined {\n const { activeObject } = this;\n if (!activeObject) {\n return undefined;\n }\n const { type, value } = activeObject;\n if (type === LayoutType.panel) {\n return value as SplitPanel;\n }\n const item = value as SplitItem;\n return this.getParent(item.key);\n }\n\n /\n An active panel item that the user last interacted with.\n /\n get activeItem(): SplitItem \| undefined {\n const { activeObject } = this;\n if (!activeObject) {\n return undefined;\n }\n const { type, value } = activeObject;\n if (type === LayoutType.item) {\n return value as SplitItem;\n }\n return undefined;\n }\n\n /\n Whether the manager is dirty, that is, a change ocurred\n * while storing the layout.\n /\n protected isDirty = false;\n\n /\n A flag that determines that the state is being stored in the store.\n /\n protected storing = false;\n\n /\n The value of the debouncer timeout.\n /\n protected debouncer?: number;\n\n constructor(public options: SplitLayoutInit = {}) {\n super();\n this.handleFocusIn = this.handleFocusIn.bind(this);\n }\n\n /\n Initializes the split layout manager.\n * When passed the `state` parameter it restores the previously serialized state.\n * \n * @param state A state to restore. When not set an empty layout is rendered.\n /\n initialize(state?: ISplitLayout): void {\n if (state) {\n this.new(state);\n }\n document.body.addEventListener('focusin', this.handleFocusIn);\n }\n\n protected reset(): void {\n this.definitions = new Map();\n this.items = [];\n this.activeInternal = undefined;\n }\n\n /\n Clears the state and disposes of all resources.\n /\n dispose(): void {\n this.reset();\n document.body.removeEventListener('focusin', this.handleFocusIn);\n }\n\n /\n Overrides the current state.\n * Note, this operation does not call the `stateCallback()` callback.\n * @param state the state to set.\n /\n new(state: ISplitLayout): void {\n this.reset();\n const { definitions, items, active } = state;\n if (definitions) {\n // in the first step restore definitions\n definitions.forEach((value) => {\n if (value.type === LayoutType.item) {\n const instance = new SplitItem(this, value.value as ISplitItem);\n this.definitions.set(instance.key, {\n type: LayoutType.item,\n value: instance,\n });\n } else if (value.type === LayoutType.panel) {\n const instance = new SplitPanel(this, value.value as ISplitPanel);\n this.definitions.set(instance.key, {\n type: LayoutType.panel,\n value: instance,\n });\n }\n });\n }\n // now that definitions are set we can restore panels.\n if (Array.isArray(items)) {\n items.forEach((key) => {\n this.items.push({\n type: LayoutType.panel,\n key\n });\n });\n }\n this.activeInternal = active;\n }\n\n toJSON(): ISplitLayout {\n const result: ISplitLayout = {\n definitions: [],\n items: this.items.map(i => i.key),\n };\n if (this.activeInternal) {\n result.active = this.activeInternal;\n }\n this.definitions.forEach((value) => {\n const serialized = value.value.toJSON();\n result.definitions.push({\n type: value.type,\n value: serialized,\n });\n });\n return result;\n }\n\n /\n Schedules a layout store operation in a debouncer.\n * Once active all other request to store the layout are ignored until \n * the timeout is triggered.\n /\n scheduleStore(): void {\n if (typeof this.debouncer === 'number') {\n return;\n }\n this.debouncer = requestAnimationFrame(() => {\n delete this.debouncer;\n this.storeLayout();\n });\n }\n\n /\n This function is called automatically when the store configuration\n * change. There's no need to call it manually unless you want to trigger\n * the storing state flow. However, at that moment the state is already stored\n * (unless there was an error).\n /\n async storeLayout(): Promise<void> {\n const { stateCallback } = this.options;\n if (!stateCallback) {\n return;\n }\n if (this.storing) {\n this.isDirty = true;\n return;\n }\n this.storing = true;\n try {\n await stateCallback(this.toJSON());\n } finally {\n this.storing = false;\n }\n if (this.isDirty) {\n this.isDirty = false;\n await this.storeLayout();\n }\n }\n\n protected handleFocusIn(e: Event): void {\n const layout = this.findViewFromEvent(e);\n if (layout) {\n const key = layout.key as string;\n const def = this.definitions.get(key);\n if (def) {\n this.setActive(key);\n }\n }\n }\n\n /\n Sets an active panel or item.\n * @param panelOrItemKey the key of the panel or item that is active.\n /\n setActive(panelOrItemKey: string): void {\n this.activeInternal = panelOrItemKey;\n }\n\n protected findViewFromEvent(e: Event): SplitView \| 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 === 'split-view') {\n return node as SplitView;\n }\n }\n return undefined;\n }\n\n /\n @param panelKey The panel key to search for the view for.\n * @returns The `split-view` element in the document\n /\n findView(panelKey: string): SplitView \| undefined {\n const layout = document.querySelector(`split-view[key=\"${panelKey}\"]`) as SplitView \| null;\n return layout \|\| undefined;\n }\n\n /\n Finds a parent for an item.\n * @param panelKey The key of the item (panel or panel's item) to find a parent for.\n * @returns The parent panel or `undefined` when the item was removed or the panel has no parents.\n /\n getParent(panelKey: string): SplitPanel \| undefined {\n for (const { type, value } of this.definitions.values()) {\n if (type !== LayoutType.panel) {\n continue;\n }\n const panel = value as SplitPanel;\n const result = panel.items.some(i => i.key === panelKey);\n if (result) {\n return panel;\n }\n }\n return undefined;\n }\n\n /\n Finds a panel by id.\n * \n * @param panelKey The id of the panel.\n * @returns The panel if found\n /\n findPanel(panelKey: string): SplitPanel \| undefined {\n const result = this.definitions.get(panelKey);\n if (!result) {\n return undefined;\n }\n if (result.type !== LayoutType.panel) {\n return undefined;\n }\n return result.value as SplitPanel;\n }\n\n /\n Finds a panel item by id.\n * \n * @param itemKey The id of the panel item.\n * @returns The item if found\n /\n findItem(itemKey: string): SplitItem \| undefined {\n const result = this.definitions.get(itemKey);\n if (!result) {\n return undefined;\n }\n if (result.type !== LayoutType.item) {\n return undefined;\n }\n return result.value as SplitItem;\n }\n\n /\n Informs the screen that something has changed\n /\n notifyChange(): void {\n this.dispatchEvent(new Event('change'));\n this.scheduleStore();\n }\n\n /\n Dispatches the `nameitem` event.\n * The detail object has the item to be added to the items.\n * The event handler can manipulate properties of the item, except for the index which will be set by the manager.\n * \n * Note, use the `requestNameUpdate()` when requesting a name update. The other method includes side\n * effects like updating the view.\n * \n * @param item The item to notify.\n /\n dispatchNameItem(item: SplitItem): void {\n this.dispatchEvent(new CustomEvent('nameitem', {\n detail: item,\n }));\n }\n\n /\n Do not call this method from the outside of the layout manager logic.\n * It is a way to communicate a tab was closed.\n /\n notifyTabClose(itemKey: string): void {\n this.dispatchEvent(new CustomEvent('closetab', {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: itemKey,\n }));\n }\n\n /\n Requests an update on the view element.\n * \n * @param panelKey The id of the panel. When not set it uses the active panel\n /\n updateView(panelKey?: string): void {\n const panel = panelKey ? this.findPanel(panelKey) : this.activePanel;\n if (!panel) {\n return;\n }\n panel.updateView();\n }\n\n /\n Requests to dispatch the `nameitem` event so the application can update the name of the tab.\n * \n * @param itemKey The key of the item.\n /\n requestNameUpdate(itemKey: string): void {\n const item = this.findItem(itemKey);\n if (!item) {\n return;\n }\n const before = item.label;\n this.dispatchNameItem(item);\n if (before !== item.label) {\n const panel = item.getParent();\n if (panel) {\n this.updateView(panel.key);\n }\n }\n }\n\n /\n Dispatches the `nameitem` event so the application \n * can update the name of an item that has a specific `parent`.\n * \n * @param parentValue The key of the `parent` property to look for.\n /\n requestNameUpdateByParent(parentValue: string): void {\n const updatePanels = new Set<SplitPanel>();\n for (const item of this.parentItemsIterator(parentValue)) {\n const before = item.label;\n this.dispatchNameItem(item);\n if (before !== item.label) {\n const panel = item.getParent() as SplitPanel;\n updatePanels.add(panel);\n }\n }\n\n for (const panel of updatePanels) {\n this.updateView(panel.key);\n }\n this.notifyChange();\n }\n\n /\n A shortcut to rename an item.\n * @param itemKey The key of the item to rename\n * @param label The label to set. It won't trigger side effects if the label is the same.\n /\n setItemLabel(itemKey: string, label: string): void {\n const item = this.findItem(itemKey);\n if (!item) {\n return;\n }\n item.setLabel(label);\n }\n\n addPanel(opts: SplitPanelAddOptions = {}): SplitPanel {\n const { layout = SplitDirection.horizontal, parent } = opts;\n let parentInstance: SplitPanel \| SplitLayout;\n if (parent) {\n parentInstance = this.findPanel(parent) as SplitPanel;\n if (!parentInstance) {\n throw new Error(`Parent panel not found.`);\n }\n if (parentInstance.hasItems) {\n throw new Error(`Unable to create panel in a panel that has items.`);\n }\n } else {\n // eslint-disable-next-line @typescript-eslint/no-this-alias\n parentInstance = this;\n }\n const panel = SplitPanel.fromLayout(this, layout);\n this.definitions.set(panel.key, {\n type: LayoutType.panel,\n value: panel,\n });\n parentInstance.items.push({\n key: panel.key,\n type: LayoutType.panel,\n });\n return panel;\n }\n\n /\n Adds an item to the active panel.\n * \n * To add an item to a specific panel find a reference to \n * the panel instance and call `addItem()` there.\n * \n * @param item The item to add.\n /\n addItem(item: ISplitItem): SplitItem {\n let panel: SplitPanel \| undefined;\n const { activePanel } = this;\n // try the active panel\n if (activePanel) {\n panel = activePanel;\n } else {\n // try any panel that has no panels in it.\n for (const p of this.panelIterator()) {\n if (!p.hasPanels) {\n panel = p;\n break;\n }\n }\n }\n // finally add a new panel.\n if (!panel) {\n panel = this.addPanel();\n }\n return panel.addItem(item);\n }\n\n /\n Removes an item from layout.\n * @param key The key of the item to remove.\n /\n removeItem(key: string): void {\n const item = this.findItem(key);\n if (!item) {\n return;\n }\n const panel = item.getParent();\n if (panel) {\n panel.removeItem(key);\n }\n }\n\n /\n Removes other items relative to the `key` item.\n * @param key The key of the item to perform a relative operation from.\n * @param dir The direction to which close other items. Default to both directions leaving only the `key` item\n /\n removeRelative(key: string, dir?: SplitCloseDirection): void {\n const item = this.findItem(key);\n if (!item) {\n return;\n }\n const panel = item.getParent();\n if (panel) {\n panel.removeRelative(key, dir);\n }\n }\n\n /\n Moves a tab between panels or inside a panel\n * \n * @param fromPanelKey The id of the source panel of the item\n * @param toPanelKey The id of the target panel of the item\n * @param itemKey The key of the item\n * @param toIndex The index to which add the item. Default as the last.\n /\n moveItem(fromPanelKey: string, toPanelKey: string, itemKey: string, toIndex?: number): void {\n const singlePanel = fromPanelKey === toPanelKey;\n const from = this.findPanel(fromPanelKey);\n if (!from) {\n throw new Error(`Source layout panel not found.`);\n }\n if (singlePanel) {\n from.moveItem(itemKey, toIndex);\n } else {\n const to = this.findPanel(toPanelKey);\n if (!to) {\n throw new Error(`Target layout panel not found.`);\n }\n const removed = from.removeItem(itemKey);\n if (!removed) {\n throw new Error(`Item not found.`);\n }\n to.addItem(removed, { index: toIndex });\n }\n this.notifyChange();\n }\n\n /\n Iterates over panels from the root. \n * This iterates the panels structure in order defined in the `items` array on \n * each panel.\n * \n * @param parentPanel The parent SplitLayout to start the iteration from.\n /\n panelIterator(parentPanel?: SplitPanel): Generator<SplitPanel> {\n const root = parentPanel \|\| this;\n const { items } = root;\n for (const info of items) {\n if (info.type === LayoutType.panel) {\n const panel = this.findPanel(info.key);\n if (panel) {\n yield panel;\n for (const result of this.panelIterator(panel)) {\n yield result;\n }\n }\n }\n }\n }\n\n /*\n Iterates over items that have specific `parent` property set.\n * \n * This is useful to close multiple object that belong to a parent.\n * \n * @param key The key of the `parent` property of a `SplitItem` to include in the iteration\n * @param parentPanel The `SplitPanel` to start the iteration from.\n /\n parentItemsIterator(key: string, parentPanel?: SplitPanel): Generator<SplitItem> {\n const root = parentPanel \|\| this;\n const { items } = root;\n for (const info of items) {\n const def = this.definitions.get(info.key);\n if (!def) {\n continue;\n }\n if (def.type === LayoutType.item && (def.value as SplitItem).parent === key) {\n yield def.value as SplitItem;\n }\n if (def.type === LayoutType.panel) {\n for (const result of this.parentItemsIterator(key, def.value as SplitPanel)) {\n yield result;\n }\n }\n }\n }\n\n /*\n Finds all items in all panels that have specified parent.\n * @param parentValue The key of the parent to search for.\n /\n removeByParent(parentValue: string): void {\n for (const item of this.parentItemsIterator(parentValue)) {\n this.removeItem(item.key);\n }\n }\n\n /\n Checks whether the item with the given key is already managed by the manager.\n * @param itemKey The key of the item to check\n * @returns true if the item is in the definitions.\n /\n hasItem(itemKey: string): boolean {\n const def = this.definitions.get(itemKey);\n if (!def) {\n return false;\n }\n return def.type === LayoutType.item;\n }\n\n /\n Selects an item in a panel.\n * \n * When the parent is give then it tries to select the item on that panel.\n * Otherwise it checks whether the item is in the current panel and if so it selects it.\n * Otherwise, it selects the item on a first panel the item is in.\n * \n * @param itemKey The key of the item to set selected in the view.\n * @param panelKey The optional panel key. When not set it finds the first panel the item is on.\n /\n selectItem(itemKey: string, panelKey?: string): void {\n const { activePanel } = this;\n let panel: SplitPanel \| undefined;\n if (panelKey) {\n // specified panel\n panel = this.findPanel(panelKey);\n } else if (activePanel?.hasItem(itemKey)) {\n // try the current active panel\n panel = activePanel;\n } else {\n // any panel that has the item\n panel = this.getParent(itemKey);\n }\n if (!panel) {\n return;\n }\n panel.selected = itemKey;\n this.updateView(panel.key);\n this.notifyChange();\n }\n\n /\n Checks whether the manager has at least one panel that has items.\n * \n * This is useful to render the empty state when no items are added.\n */\n isEmpty(): boolean {\n for (const panel of this.panelIterator()) {\n if (panel.hasItems) {\n return false;\n }\n }\n return true;\n }\n\n render(itemCallback: SplitItemRenderCallback): TemplateResult[] {\n const result: TemplateResult[] = [];\n const { items } = this;\n for (const info of items) {\n const panel = this.findPanel(info.key);\n const content = panel?.render(itemCallback);\n if (content) {\n result.push(content);\n }\n }\n return result;\n }\n}\n"]}
1	+ {"version":3,"file":"SplitLayout.js","sourceRoot":"","sources":["../../../src/elements/layout/SplitLayout.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-cycle /\nimport { TemplateResult } from \"lit\";\nimport { ISplitItem, SplitItem } from \"./SplitItem.js\";\nimport { ISplitPanel, SplitPanel } from \"./SplitPanel.js\";\nimport SplitView from \"./SplitView.js\";\nimport { IPanelObject, LayoutType, SplitCloseDirection, SplitDirection, SplitItemRenderCallback, SplitLayoutInit, SplitPanelAddOptions } from \"./type.js\";\n\ninterface LayoutObject {\n type: LayoutType;\n value: SplitItem \| SplitPanel;\n}\n\ninterface SerializedLayoutObject {\n type: LayoutType;\n value: ISplitItem \| ISplitPanel;\n}\n\nexport interface ISplitLayout {\n /\n The map of all definitions of panels and \n /\n definitions: SerializedLayoutObject[];\n\n /\n The ordered list of panel keys in the view.\n /\n items: string[];\n\n /\n The key of the active panel or item.\n * From here it can be deduced whether the active item is a panel or an item and what's the active panel.\n /\n active?: string;\n}\n\n/\n Split layout manager creates a view where the application can put \"items\" into\n * and render them inside \"panels\". The application can create as many panels as needed.\n * Panels can be layout vertically or horizontally.\n * \n * ## Basic usage\n * \n * ```javascript\n * const layout = new SplitLayout({\n * stateCallback: async (state: ISplitLayout): Promise<void> => { \n * localStorage.setItem('layout', JSON.stringify(state));\n * }\n * });\n * const restored = await readStoredState(); // a function that reads the state from the store\n * await layout.initialize(restored);\n * \n * const content = layout.render((itemToRender: SplitItem): TemplateResult => { return html`...` });\n * ```\n * \n * Each time the layout configuration change the optional `stateCallback` function \n * is called.\n * It's not mandatory to set this callback function but if you want the state to\n * persist you have to serialize the manager manually when needed.\n * Since the manage implement the `toJSON()` method it is safe to pass the instance of the manager\n * to a idb store or serialize with `JSON.stringify()`.\n * \n * @fires change - When the layout configuration change. This is the best time to perform DOM update.\n * @fires nameitem - When the layout requests to name an item. This usually happens then a code calls the `requestNameUpdate()` method after the item's name changed.\n * @fires closetab - When a tab wa closed via a user interaction.\n /\nexport class SplitLayout extends EventTarget {\n /\n The list of all definitions of panels and items.\n /\n definitions = new Map<string, LayoutObject>();\n\n /\n Holds an ordered list of panels in the layout.\n * Though, this interface is consistent with other panels, it can only keep panels, not items.\n /\n items: IPanelObject[] = [];\n\n private activeInternal?: string;\n\n /\n The key of the panel that is marked as \"active\", that is, \n * the panel the user last interacted with.\n /\n get active(): string \| undefined {\n return this.activeInternal;\n }\n\n /\n Returns an object that is marked as active or undefined if none is marked as active.\n /\n get activeObject(): LayoutObject \| undefined {\n const { activeInternal } = this;\n if (!activeInternal) {\n return undefined;\n }\n return this.definitions.get(activeInternal);\n }\n\n /\n An active panel that the user last interacted with.\n /\n get activePanel(): SplitPanel \| undefined {\n const { activeObject } = this;\n if (!activeObject) {\n return undefined;\n }\n const { type, value } = activeObject;\n if (type === LayoutType.panel) {\n return value as SplitPanel;\n }\n const item = value as SplitItem;\n return this.getParent(item.key);\n }\n\n /\n An active panel item that the user last interacted with.\n /\n get activeItem(): SplitItem \| undefined {\n const { activeObject } = this;\n if (!activeObject) {\n return undefined;\n }\n const { type, value } = activeObject;\n if (type === LayoutType.item) {\n return value as SplitItem;\n }\n return undefined;\n }\n\n /\n Whether the manager is dirty, that is, a change ocurred\n * while storing the layout.\n /\n protected isDirty = false;\n\n /\n A flag that determines that the state is being stored in the store.\n /\n protected storing = false;\n\n /\n The value of the debouncer timeout.\n /\n protected debouncer?: number;\n\n constructor(public options: SplitLayoutInit = {}) {\n super();\n this.handleFocusIn = this.handleFocusIn.bind(this);\n }\n\n /\n Initializes the split layout manager.\n * When passed the `state` parameter it restores the previously serialized state.\n * \n * @param state A state to restore. When not set an empty layout is rendered.\n /\n initialize(state?: ISplitLayout): void {\n if (state) {\n this.new(state);\n }\n document.body.addEventListener('focusin', this.handleFocusIn);\n }\n\n protected reset(): void {\n this.definitions = new Map();\n this.items = [];\n this.activeInternal = undefined;\n }\n\n /\n Clears the state and disposes of all resources.\n /\n dispose(): void {\n this.reset();\n document.body.removeEventListener('focusin', this.handleFocusIn);\n }\n\n /\n Overrides the current state.\n * Note, this operation does not call the `stateCallback()` callback.\n * @param state the state to set.\n /\n new(state: ISplitLayout): void {\n this.reset();\n const { definitions, items, active } = state;\n if (definitions) {\n // in the first step restore definitions\n definitions.forEach((value) => {\n if (value.type === LayoutType.item) {\n const instance = new SplitItem(this, value.value as ISplitItem);\n this.definitions.set(instance.key, {\n type: LayoutType.item,\n value: instance,\n });\n } else if (value.type === LayoutType.panel) {\n const instance = new SplitPanel(this, value.value as ISplitPanel);\n this.definitions.set(instance.key, {\n type: LayoutType.panel,\n value: instance,\n });\n }\n });\n }\n // now that definitions are set we can restore panels.\n if (Array.isArray(items)) {\n items.forEach((key) => {\n this.items.push({\n type: LayoutType.panel,\n key\n });\n });\n }\n this.activeInternal = active;\n }\n\n toJSON(): ISplitLayout {\n const result: ISplitLayout = {\n definitions: [],\n items: this.items.map(i => i.key),\n };\n if (this.activeInternal) {\n result.active = this.activeInternal;\n }\n this.definitions.forEach((value) => {\n const serialized = value.value.toJSON();\n result.definitions.push({\n type: value.type,\n value: serialized,\n });\n });\n return result;\n }\n\n /\n Schedules a layout store operation in a debouncer.\n * Once active all other request to store the layout are ignored until \n * the timeout is triggered.\n /\n scheduleStore(): void {\n if (typeof this.debouncer === 'number') {\n return;\n }\n this.debouncer = requestAnimationFrame(() => {\n delete this.debouncer;\n this.storeLayout();\n });\n }\n\n /\n This function is called automatically when the store configuration\n * change. There's no need to call it manually unless you want to trigger\n * the storing state flow. However, at that moment the state is already stored\n * (unless there was an error).\n /\n async storeLayout(): Promise<void> {\n const { stateCallback } = this.options;\n if (!stateCallback) {\n return;\n }\n if (this.storing) {\n this.isDirty = true;\n return;\n }\n this.storing = true;\n try {\n await stateCallback(this.toJSON());\n } finally {\n this.storing = false;\n }\n if (this.isDirty) {\n this.isDirty = false;\n await this.storeLayout();\n }\n }\n\n protected handleFocusIn(e: Event): void {\n const layout = this.findViewFromEvent(e);\n if (layout) {\n const key = layout.key as string;\n const def = this.definitions.get(key);\n if (def) {\n this.setActive(key);\n }\n }\n }\n\n /\n Sets an active panel or item.\n * @param panelOrItemKey the key of the panel or item that is active.\n /\n setActive(panelOrItemKey: string): void {\n this.activeInternal = panelOrItemKey;\n }\n\n protected findViewFromEvent(e: Event): SplitView \| 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 === 'split-view') {\n return node as SplitView;\n }\n }\n return undefined;\n }\n\n /\n @param panelKey The panel key to search for the view for.\n * @returns The `split-view` element in the document\n /\n findView(panelKey: string): SplitView \| undefined {\n const layout = document.querySelector(`split-view[key=\"${panelKey}\"]`) as SplitView \| null;\n return layout \|\| undefined;\n }\n\n /\n Finds a parent for an item.\n * @param panelKey The key of the item (panel or panel's item) to find a parent for.\n * @returns The parent panel or `undefined` when the item was removed or the panel has no parents.\n /\n getParent(panelKey: string): SplitPanel \| undefined {\n for (const { type, value } of this.definitions.values()) {\n if (type !== LayoutType.panel) {\n continue;\n }\n const panel = value as SplitPanel;\n const result = panel.items.some(i => i.key === panelKey);\n if (result) {\n return panel;\n }\n }\n return undefined;\n }\n\n /\n Finds a panel by id.\n * \n * @param panelKey The id of the panel.\n * @returns The panel if found\n /\n findPanel(panelKey: string): SplitPanel \| undefined {\n const result = this.definitions.get(panelKey);\n if (!result) {\n return undefined;\n }\n if (result.type !== LayoutType.panel) {\n return undefined;\n }\n return result.value as SplitPanel;\n }\n\n /\n Finds a panel item by id.\n * \n * @param itemKey The id of the panel item.\n * @returns The item if found\n /\n findItem(itemKey: string): SplitItem \| undefined {\n const result = this.definitions.get(itemKey);\n if (!result) {\n return undefined;\n }\n if (result.type !== LayoutType.item) {\n return undefined;\n }\n return result.value as SplitItem;\n }\n\n /\n Informs the screen that something has changed\n /\n notifyChange(): void {\n this.dispatchEvent(new Event('change'));\n this.scheduleStore();\n }\n\n /\n Dispatches the `nameitem` event.\n * The detail object has the item to be added to the items.\n * The event handler can manipulate properties of the item, except for the index which will be set by the manager.\n * \n * Note, use the `requestNameUpdate()` when requesting a name update. The other method includes side\n * effects like updating the view.\n * \n * @param item The item to notify.\n /\n dispatchNameItem(item: SplitItem): void {\n this.dispatchEvent(new CustomEvent('nameitem', {\n detail: item,\n }));\n }\n\n /\n Do not call this method from the outside of the layout manager logic.\n * It is a way to communicate a tab was closed.\n /\n notifyTabClose(itemKey: string): void {\n this.dispatchEvent(new CustomEvent('closetab', {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: itemKey,\n }));\n }\n\n /\n Requests an update on the view element.\n * \n * @param panelKey The id of the panel. When not set it uses the active panel\n /\n updateView(panelKey?: string): void {\n const panel = panelKey ? this.findPanel(panelKey) : this.activePanel;\n if (!panel) {\n return;\n }\n panel.updateView();\n }\n\n /\n Requests to dispatch the `nameitem` event so the application can update the name of the tab.\n * \n * @param itemKey The key of the item.\n /\n requestNameUpdate(itemKey: string): void {\n const item = this.findItem(itemKey);\n if (!item) {\n return;\n }\n const before = item.label;\n this.dispatchNameItem(item);\n if (before !== item.label) {\n const panel = item.getParent();\n if (panel) {\n this.updateView(panel.key);\n }\n }\n }\n\n /\n Dispatches the `nameitem` event so the application \n * can update the name of an item that has a specific `parent`.\n * \n * @param parentValue The key of the `parent` property to look for.\n /\n requestNameUpdateByParent(parentValue: string): void {\n const updatePanels = new Set<SplitPanel>();\n for (const item of this.parentItemsIterator(parentValue)) {\n const before = item.label;\n this.dispatchNameItem(item);\n if (before !== item.label) {\n const panel = item.getParent() as SplitPanel;\n updatePanels.add(panel);\n }\n }\n\n for (const panel of updatePanels) {\n this.updateView(panel.key);\n }\n this.notifyChange();\n }\n\n /\n A shortcut to rename an item.\n * @param itemKey The key of the item to rename\n * @param label The label to set. It won't trigger side effects if the label is the same.\n /\n setItemLabel(itemKey: string, label: string): void {\n const item = this.findItem(itemKey);\n if (!item) {\n return;\n }\n item.setLabel(label);\n }\n\n addPanel(opts: SplitPanelAddOptions = {}): SplitPanel {\n const { layout = SplitDirection.horizontal, parent } = opts;\n let parentInstance: SplitPanel \| SplitLayout;\n if (parent) {\n parentInstance = this.findPanel(parent) as SplitPanel;\n if (!parentInstance) {\n throw new Error(`Parent panel not found.`);\n }\n if (parentInstance.hasItems) {\n throw new Error(`Unable to create panel in a panel that has items.`);\n }\n } else {\n // eslint-disable-next-line @typescript-eslint/no-this-alias\n parentInstance = this;\n }\n const panel = SplitPanel.fromLayout(this, layout);\n this.definitions.set(panel.key, {\n type: LayoutType.panel,\n value: panel,\n });\n parentInstance.items.push({\n key: panel.key,\n type: LayoutType.panel,\n });\n return panel;\n }\n\n /\n Adds an item to the active panel.\n * \n * To add an item to a specific panel find a reference to \n * the panel instance and call `addItem()` there.\n * \n * @param item The item to add.\n /\n addItem(item: ISplitItem): SplitItem {\n let panel: SplitPanel \| undefined;\n const { activePanel } = this;\n // try the active panel\n if (activePanel) {\n panel = activePanel;\n } else {\n // try any panel that has no panels in it.\n for (const p of this.panelIterator()) {\n if (!p.hasPanels) {\n panel = p;\n break;\n }\n }\n }\n // finally add a new panel.\n if (!panel) {\n panel = this.addPanel();\n }\n return panel.addItem(item);\n }\n\n /\n Removes an item from layout.\n * @param key The key of the item to remove.\n /\n removeItem(key: string): void {\n const item = this.findItem(key);\n if (!item) {\n return;\n }\n const panel = item.getParent();\n if (panel) {\n panel.removeItem(key);\n }\n }\n\n /\n Removes other items relative to the `key` item.\n * @param key The key of the item to perform a relative operation from.\n * @param dir The direction to which close other items. Default to both directions leaving only the `key` item\n /\n removeRelative(key: string, dir?: SplitCloseDirection): void {\n const item = this.findItem(key);\n if (!item) {\n return;\n }\n const panel = item.getParent();\n if (panel) {\n panel.removeRelative(key, dir);\n }\n }\n\n /\n Moves a tab between panels or inside a panel\n * \n * @param fromPanelKey The id of the source panel of the item\n * @param toPanelKey The id of the target panel of the item\n * @param itemKey The key of the item\n * @param toIndex The index to which add the item. Default as the last.\n /\n moveItem(fromPanelKey: string, toPanelKey: string, itemKey: string, toIndex?: number): void {\n const singlePanel = fromPanelKey === toPanelKey;\n const from = this.findPanel(fromPanelKey);\n if (!from) {\n throw new Error(`Source layout panel not found.`);\n }\n if (singlePanel) {\n from.moveItem(itemKey, toIndex);\n } else {\n const to = this.findPanel(toPanelKey);\n if (!to) {\n throw new Error(`Target layout panel not found.`);\n }\n const removed = from.removeItem(itemKey);\n if (!removed) {\n throw new Error(`Item not found.`);\n }\n to.addItem(removed, { index: toIndex });\n }\n this.notifyChange();\n }\n\n /\n Iterates over panels from the root. \n * This iterates the panels structure in order defined in the `items` array on \n * each panel.\n * \n * @param parentPanel The parent SplitLayout to start the iteration from.\n /\n panelIterator(parentPanel?: SplitPanel): Generator<SplitPanel> {\n const root = parentPanel \|\| this;\n const { items } = root;\n for (const info of items) {\n if (info.type === LayoutType.panel) {\n const panel = this.findPanel(info.key);\n if (panel) {\n yield panel;\n for (const result of this.panelIterator(panel)) {\n yield result;\n }\n }\n }\n }\n }\n\n /*\n Iterates over items that have specific `parent` property set.\n * \n * This is useful to close multiple object that belong to a parent.\n * \n * @param key The key of the `parent` property of a `SplitItem` to include in the iteration\n * @param parentPanel The `SplitPanel` to start the iteration from.\n /\n parentItemsIterator(key: string, parentPanel?: SplitPanel): Generator<SplitItem> {\n const root = parentPanel \|\| this;\n const { items } = root;\n for (const info of items) {\n const def = this.definitions.get(info.key);\n if (!def) {\n continue;\n }\n if (def.type === LayoutType.item && (def.value as SplitItem).parent === key) {\n yield def.value as SplitItem;\n }\n if (def.type === LayoutType.panel) {\n for (const result of this.parentItemsIterator(key, def.value as SplitPanel)) {\n yield result;\n }\n }\n }\n }\n\n /*\n Finds all items in all panels that have specified parent.\n * @param parentValue The key of the parent to search for.\n /\n removeByParent(parentValue: string): void {\n for (const item of this.parentItemsIterator(parentValue)) {\n this.removeItem(item.key);\n }\n }\n\n /\n Checks whether the item with the given key is already managed by the manager.\n * @param itemKey The key of the item to check\n * @returns true if the item is in the definitions.\n /\n hasItem(itemKey: string): boolean {\n const def = this.definitions.get(itemKey);\n if (!def) {\n return false;\n }\n return def.type === LayoutType.item;\n }\n\n /\n Selects an item in a panel.\n * \n * When the parent is give then it tries to select the item on that panel.\n * Otherwise it checks whether the item is in the current panel and if so it selects it.\n * Otherwise, it selects the item on a first panel the item is in.\n * \n * @param itemKey The key of the item to set selected in the view.\n * @param panelKey The optional panel key. When not set it finds the first panel the item is on.\n /\n selectItem(itemKey: string, panelKey?: string): void {\n const { activePanel } = this;\n let panel: SplitPanel \| undefined;\n if (panelKey) {\n // specified panel\n panel = this.findPanel(panelKey);\n } else if (activePanel?.hasItem(itemKey)) {\n // try the current active panel\n panel = activePanel;\n } else {\n // any panel that has the item\n panel = this.getParent(itemKey);\n }\n if (!panel) {\n return;\n }\n panel.selected = itemKey;\n this.updateView(panel.key);\n this.notifyChange();\n }\n\n /\n Checks whether the manager has at least one panel that has items.\n * \n * This is useful to render the empty state when no items are added.\n */\n isEmpty(): boolean {\n for (const panel of this.panelIterator()) {\n if (panel.hasItems) {\n return false;\n }\n }\n return true;\n }\n\n render(itemCallback: SplitItemRenderCallback): TemplateResult[] {\n const result: TemplateResult[] = [];\n const { items } = this;\n for (const info of items) {\n const panel = this.findPanel(info.key);\n const content = panel?.render(itemCallback);\n if (content) {\n result.push(content);\n }\n }\n return result;\n }\n}\n"]}

package/dist/elements/layout/SplitPanel.js CHANGED Viewed

@@ -14,22 +14,6 @@ import '../../define/layout/split-view.js';
  * the application needs to add panels to this panel and distribute items among them.
  */
 export class SplitPanel {
-    manager;
-    /**
-     * The key used as an internal reference to the definitions map.
-     */
-    key = uuidV4();
-    layout = SplitDirection.horizontal;
-    items = [];
-    /**
-     * The item being rendered in the panel.
-     * Note, this is the `key` of the item and not the `id` of the item.
-     */
-    selected;
-    /**
-     * The current state of the panel.
-     */
-    state = PanelState.idle;
     get hasPanels() {
         return this.items.some(i => i.type === LayoutType.panel);
     }
@@ -48,6 +32,16 @@ export class SplitPanel {
      */
     constructor(manager, schema) {
         this.manager = manager;
+        /**
+         * The key used as an internal reference to the definitions map.
+         */
+        this.key = uuidV4();
+        this.layout = SplitDirection.horizontal;
+        this.items = [];
+        /**
+         * The current state of the panel.
+         */
+        this.state = PanelState.idle;
         if (schema) {
             this.new(schema);
         }