@api-client/ui 0.0.1

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

@@ -0,0 +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.d.ts

@@ -0,0 +1,107 @@
+import { TemplateResult } from 'lit';
+import { IconType } from '../../ui/icons/Icons.js';
+import { SplitLayout } from './SplitLayout.js';
+import { SplitPanel } from './SplitPanel.js';
+export type ItemRenderCallback = (item: SplitItem, visible: boolean) => TemplateResult;
+export interface ISplitItem {
+    /**
+     * The kind of opened item. This is to be used by the application
+     * to recognize a kind of item to render. It is transparent to the layout system.
+     */
+    kind: string;
+    /**
+     * The key of the opened item. This is to be used by the application to identify
+     * the rendered item. It is also used by the manager to identify the item.
+     * It has to be unique key across the layout.
+     *
+     * Note, multiple panels can render the same item, however, they all share
+     * the same item's state.
+     */
+    key: string;
+    /**
+     * Optional parent information that helps locating this object.
+     * This is the item's parent, not related to a layout.
+     */
+    parent?: string;
+    /**
+     * The label to render in the layout tab.
+     */
+    label: string;
+    /**
+     * Whether the tab is pinned (cannot be closed or moved).
+     */
+    pinned?: boolean;
+    /**
+     * The tab index.
+     */
+    index?: number;
+    /**
+     * The icon defined in the internal library to render with the tab.
+     */
+    icon?: IconType;
+    /**
+     * A tab that is always present in the layout. The user can't close this tab.
+     */
+    persistent?: boolean;
+    /**
+     * A property to be used by the screen to indicate the property is being loaded
+     * (from a data store, file, etc).
+     */
+    loading?: boolean;
+    /**
+     * Indicates the item has been changed and is out of sync with the data store.
+     */
+    isDirty?: boolean;
+    /**
+     * The layout value. Can be used to pass the object to render to the layout's render function.
+     * This must be a serializable object as it will be passed to the `storeCallback`.
+     *
+     * This also can be used to temporary store unsaved changes to the object and sync the changes
+     * on save action.
+     */
+    value?: unknown;
+}
+export declare class SplitItem implements ISplitItem {
+    manager: SplitLayout;
+    kind: string;
+    key: string;
+    parent?: string;
+    label: string;
+    pinned?: boolean;
+    index: number;
+    icon?: IconType;
+    persistent?: boolean;
+    loading?: boolean;
+    isDirty?: boolean;
+    value?: unknown;
+    /**
+     * @param manager A reference to the manager.
+     * @param id The id of the item in the layout system. This value is never serialized.
+     * @param schema A schema to restore the state of the panel.
+     */
+    constructor(manager: SplitLayout, schema: ISplitItem);
+    new(schema: ISplitItem): void;
+    toJSON(): ISplitItem;
+    /**
+     * @returns The parent of the item. Returns undefined when the item was removed from layout.
+     */
+    getParent(): SplitPanel | undefined;
+    /**
+     * Removes self from the layout
+     */
+    remove(): void;
+    /**
+     * Sets the item active in the parent layout.
+     */
+    setSelected(): void;
+    /**
+     * Updates the label and triggers side effects like layout and view update.
+     *
+     * @param value The new value of the label. Empty values are ignored.
+     * @param trigger Whether to trigger side effects (requesting a view update and notifying change)
+     */
+    setLabel(value: string, trigger?: boolean): void;
+    updateView(): void;
+    notifyChange(): void;
+}
+//# sourceMappingURL=SplitItem.d.ts.map

package/dist/elements/layout/SplitItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitItem.d.ts","sourceRoot":"","sources":["../../../src/elements/layout/SplitItem.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,MAAM,kBAAkB,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,KAAK,cAAc,CAAC;AAEvF,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;;;;OAOG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,qBAAa,SAAU,YAAW,UAAU;IA4BvB,OAAO,EAAE,WAAW;IA3BvC,IAAI,SAAM;IAEV,GAAG,SAAM;IAET,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,KAAK,SAAM;IAEX,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,KAAK,SAAK;IAEV,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;OAIG;gBACgB,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU;IAI3D,GAAG,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;IA0C7B,MAAM,IAAI,UAAU;IAuCpB;;OAEG;IACH,SAAS,IAAI,UAAU,GAAG,SAAS;IAInC;;OAEG;IACH,MAAM,IAAI,IAAI;IAId;;OAEG;IACH,WAAW,IAAI,IAAI;IAQnB;;;;;OAKG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,UAAO,GAAG,IAAI;IAW7C,UAAU,IAAI,IAAI;IAKlB,YAAY,IAAI,IAAI;CAGrB"}

package/dist/elements/layout/SplitItem.js

@@ -0,0 +1,156 @@
+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.
+     * @param schema A schema to restore the state of the panel.
+     */
+    constructor(manager, schema) {
+        this.manager = manager;
+        this.new(schema);
+    }
+    new(schema) {
+        this.kind = schema.kind;
+        this.key = schema.key;
+        this.label = schema.label;
+        if (schema.parent) {
+            this.parent = schema.parent;
+        }
+        else {
+            this.parent = undefined;
+        }
+        if (schema.icon) {
+            this.icon = schema.icon;
+        }
+        else {
+            this.icon = undefined;
+        }
+        if (typeof schema.pinned === 'boolean') {
+            this.pinned = schema.pinned;
+        }
+        else {
+            this.pinned = undefined;
+        }
+        if (typeof schema.persistent === 'boolean') {
+            this.persistent = schema.persistent;
+        }
+        else {
+            this.persistent = undefined;
+        }
+        if (typeof schema.loading === 'boolean') {
+            this.loading = schema.loading;
+        }
+        else {
+            this.loading = undefined;
+        }
+        if (typeof schema.isDirty === 'boolean') {
+            this.isDirty = schema.isDirty;
+        }
+        else {
+            this.isDirty = undefined;
+        }
+        if (typeof schema.index === 'number') {
+            this.index = schema.index;
+        }
+        else {
+            this.index = 0;
+        }
+        this.value = schema.value;
+    }
+    toJSON() {
+        const result = {
+            key: this.key,
+            kind: this.kind,
+            label: this.label,
+        };
+        if (this.parent) {
+            result.parent = this.parent;
+        }
+        if (this.icon) {
+            result.icon = this.icon;
+        }
+        if (typeof this.pinned === 'boolean') {
+            result.pinned = this.pinned;
+        }
+        if (typeof this.persistent === 'boolean') {
+            result.persistent = this.persistent;
+        }
+        if (typeof this.loading === 'boolean') {
+            result.loading = this.loading;
+        }
+        if (typeof this.isDirty === 'boolean') {
+            result.isDirty = this.isDirty;
+        }
+        if (typeof this.index === 'number') {
+            result.index = this.index;
+        }
+        if (this.value) {
+            // try toJSON if any
+            const typed = this.value;
+            if (typeof typed.toJSON === 'function') {
+                result.value = typed.toJSON();
+            }
+            else {
+                result.value = this.value;
+            }
+        }
+        return result;
+    }
+    /**
+     * @returns The parent of the item. Returns undefined when the item was removed from layout.
+     */
+    getParent() {
+        return this.manager.getParent(this.key);
+    }
+    /**
+     * Removes self from the layout
+     */
+    remove() {
+        this.manager.removeItem(this.key);
+    }
+    /**
+     * Sets the item active in the parent layout.
+     */
+    setSelected() {
+        const parent = this.getParent();
+        if (parent) {
+            parent.selected = this.key;
+            this.notifyChange();
+        }
+    }
+    /**
+     * Updates the label and triggers side effects like layout and view update.
+     *
+     * @param value The new value of the label. Empty values are ignored.
+     * @param trigger Whether to trigger side effects (requesting a view update and notifying change)
+     */
+    setLabel(value, trigger = true) {
+        if (!value || this.label === value) {
+            return;
+        }
+        this.label = value;
+        if (trigger) {
+            this.updateView();
+            this.notifyChange();
+        }
+    }
+    updateView() {
+        const panel = this.getParent();
+        panel?.updateView();
+    }
+    notifyChange() {
+        this.manager.notifyChange();
+    }
+}
+//# sourceMappingURL=SplitItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SplitItem.js","sourceRoot":"","sources":["../../../src/elements/layout/SplitItem.ts"],"names":[],"mappings":"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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"]}

package/dist/elements/layout/SplitLayout.d.ts

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

package/dist/elements/layout/SplitLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitLayout.d.ts","sourceRoot":"","sources":["../../../src/elements/layout/SplitLayout.ts"],"names":[],"mappings":"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"}