@api-client/ui 0.0.10 → 0.0.11

package/dist/elements/layout/SplitLayout.js

@@ -62,7 +62,7 @@ export class SplitLayout extends EventTarget {
             return value;
         }
         const item = value;
-        return this.getParent(item.key);
+        return this.getParents(item.key)[0];
     }
     /**
      * An active panel item that the user last interacted with.
@@ -260,22 +260,25 @@ export class SplitLayout extends EventTarget {
         return layout || 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.
+     * Finds parents an item or another panel is anchored to.
+     * An item can have multiple parents. A panel can only have a single parent.
+     *
+     * @param itemOrPanelKey The key of the panel or an item.
+     * @returns THe list of panels the item is added. It can only return up to 1 result when looking for a panel's parent.
      */
-    getParent(panelKey) {
+    getParents(itemOrPanelKey) {
+        const result = [];
         for (const { type, value } of this.definitions.values()) {
             if (type !== LayoutType.panel) {
                 continue;
             }
             const panel = value;
-            const result = panel.items.some(i => i.key === panelKey);
-            if (result) {
-                return panel;
+            const has = panel.items.some(i => i.key === itemOrPanelKey);
+            if (has) {
+                result.push(panel);
             }
         }
-        return undefined;
+        return result;
     }
     /**
      * Finds a panel by id.
@@ -335,12 +338,15 @@ export class SplitLayout extends EventTarget {
      * 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) {
+    notifyTabClose(itemKey, panel) {
         this.dispatchEvent(new CustomEvent('closetab', {
             bubbles: true,
             cancelable: true,
             composed: true,
-            detail: itemKey,
+            detail: {
+                tab: itemKey,
+                panel,
+            },
         }));
     }
     /**
@@ -368,10 +374,8 @@ export class SplitLayout extends EventTarget {
         const before = item.label;
         this.dispatchNameItem(item);
         if (before !== item.label) {
-            const panel = item.getParent();
-            if (panel) {
-                this.updateView(panel.key);
-            }
+            const panels = this.getParents(item.key);
+            panels.forEach(panel => this.updateView(panel.key));
         }
     }
     /**
@@ -386,8 +390,8 @@ export class SplitLayout extends EventTarget {
             const before = item.label;
             this.dispatchNameItem(item);
             if (before !== item.label) {
-                const panel = item.getParent();
-                updatePanels.add(panel);
+                const panels = this.getParents(item.key);
+                panels.forEach(panel => updatePanels.add(panel));
             }
         }
         for (const panel of updatePanels) {
@@ -465,7 +469,9 @@ export class SplitLayout extends EventTarget {
         return panel.addItem(item);
     }
     /**
-     * Removes an item from layout.
+     * Removes an item from the layout. This means removing an item from all panels.
+     * If you want to remove an item from a specific panel then find the panel first and then call `removeItem()`.
+     *
      * @param key The key of the item to remove.
      */
     removeItem(key) {
@@ -473,26 +479,25 @@ export class SplitLayout extends EventTarget {
         if (!item) {
             return;
         }
-        const panel = item.getParent();
-        if (panel) {
-            panel.removeItem(key);
-        }
-    }
-    /**
-     * 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, dir) {
-        const item = this.findItem(key);
-        if (!item) {
-            return;
-        }
-        const panel = item.getParent();
-        if (panel) {
-            panel.removeRelative(key, dir);
-        }
-    }
+        const parents = this.getParents(key);
+        parents.forEach(parent => parent.removeChildItem(item));
+    }
+    // /**
+    //  * 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
+    //  * @deprecated this function does not work as intended. Find the parent panel first and then call the `removeRelative()`.
+    //  */
+    // removeRelative(key: string, dir?: SplitCloseDirection): void {
+    //   const item = this.findItem(key);
+    //   if (!item) {
+    //     return;
+    //   }
+    //   const panel = item.getParent();
+    //   if (panel) {
+    //     panel.removeRelative(key, dir);
+    //   }
+    // }
     /**
      * Moves a tab between panels or inside a panel
      *
@@ -501,14 +506,14 @@ export class SplitLayout extends EventTarget {
      * @param itemKey The key of the item
      * @param toIndex The index to which add the item. Default as the last.
      */
-    moveItem(fromPanelKey, toPanelKey, itemKey, toIndex) {
+    moveItem(fromPanelKey, toPanelKey, itemKey, opts) {
         const singlePanel = fromPanelKey === toPanelKey;
         const from = this.findPanel(fromPanelKey);
         if (!from) {
             throw new Error(`Source layout panel not found.`);
         }
         if (singlePanel) {
-            from.moveItem(itemKey, toIndex);
+            from.moveItem(itemKey, opts);
         }
         else {
             const to = this.findPanel(toPanelKey);
@@ -519,7 +524,7 @@ export class SplitLayout extends EventTarget {
             if (!removed) {
                 throw new Error(`Item not found.`);
             }
-            to.addItem(removed, { index: toIndex });
+            to.addItem(removed, opts);
         }
         this.notifyChange();
     }
@@ -615,7 +620,7 @@ export class SplitLayout extends EventTarget {
         }
         else {
             // any panel that has the item
-            panel = this.getParent(itemKey);
+            [panel] = this.getParents(itemKey);
         }
         if (!panel) {
             return;

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

@@ -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"]}
+{"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, SplitDirection, SplitItemRenderCallback, SplitLayoutAddOptions, 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\nexport interface ITabCloseDetail {\n  tab: string;\n  panel: 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.getParents(item.key)[0];\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 parents an item or another panel is anchored to.\n   * An item can have multiple parents. A panel can only have a single parent.\n   * \n   * @param itemOrPanelKey The key of the panel or an item.\n   * @returns THe list of panels the item is added. It can only return up to 1 result when looking for a panel's parent.\n   */\n  getParents(itemOrPanelKey: string): SplitPanel[] {\n    const result: SplitPanel[] = [];\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 has = panel.items.some(i => i.key === itemOrPanelKey);\n      if (has) {\n        result.push(panel);\n      }\n    }\n    return result;\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, panel: string): void {\n    this.dispatchEvent(new CustomEvent<ITabCloseDetail>('closetab', {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        tab: itemKey,\n        panel,\n      },\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 panels = this.getParents(item.key);\n      panels.forEach(panel => this.updateView(panel.key));\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 panels = this.getParents(item.key);\n        panels.forEach(panel => 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 the layout. This means removing an item from all panels.\n   * If you want to remove an item from a specific panel then find the panel first and then call `removeItem()`.\n   * \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 parents = this.getParents(key);\n    parents.forEach(parent => parent.removeChildItem(item));\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  //  * @deprecated this function does not work as intended. Find the parent panel first and then call the `removeRelative()`.\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, opts?: SplitLayoutAddOptions): 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, opts);\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, opts);\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.getParents(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.d.ts

@@ -1,6 +1,6 @@
 import { TemplateResult } from "lit";
 import { ISplitItem, SplitItem } from "./SplitItem.js";
-import { IPanelObject, PanelState, SplitCloseDirection, SplitDirection, SplitItemRenderCallback, SplitLayoutAddOptions, SplitPanelRemoveItemOptions, SplitPanelSplitOptions } from "./type.js";
+import { IPanelObject, PanelState, SplitCloseDirection, SplitDirection, SplitItemRenderCallback, SplitLayoutAddOptions, SplitPanelRemoveItemOptions, SplitPanelSplitOptions, SplitRegion } from "./type.js";
 import { SplitLayout } from './SplitLayout.js';
 import '../../define/layout/split-view.js';
 export interface ISplitPanel {
@@ -83,6 +83,7 @@ export declare class SplitPanel {
      * @returns Whether a new item was added to the layout. false when the item is already in the layout panel.
      */
     addItem(item: ISplitItem | SplitItem, opts?: SplitLayoutAddOptions): SplitItem;
+    protected splitByRegion(region: SplitRegion): SplitPanel;
     /**
      * Splits this panel into 2 panels.
      * This to be used when the panel has no other panels. Only items are allowed.
@@ -100,6 +101,7 @@ export declare class SplitPanel {
      * @param fromIndex The minimal index to affect.
      */
     increaseIndex(fromIndex: number): void;
+    removeChildItem(item: SplitItem, opts?: SplitPanelRemoveItemOptions): SplitItem | undefined;
     /**
      * Removes an item from the layout
      * @param key The `key` of the item.
@@ -119,7 +121,10 @@ export declare class SplitPanel {
      * @param key The item key
      * @param toIndex The new index. When not set it moves the item to the end.
      */
-    moveItem(key: string, toIndex?: number): void;
+    moveItem(key: string, opts?: SplitLayoutAddOptions): void;
+    moveToRegion(item: SplitItem, region: SplitRegion): void;
+    moveToIndex(item: SplitItem, index: number): void;
+    moveToEnd(item: SplitItem): void;
     updateView(): void;
     addPanel(layout?: SplitDirection): SplitPanel;
     panelTemplate(panel: SplitPanel, itemCallback: SplitItemRenderCallback): TemplateResult | undefined;

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

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