@api-client/ui 0.0.4 → 0.0.7

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

@@ -1 +1 @@
-{"version":3,"file":"SplitPanel.js","sourceRoot":"","sources":["../../../src/elements/layout/SplitPanel.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-cycle */\nimport { html, TemplateResult } from \"lit\";\nimport { uuidV4 } from \"@api-client/core/build/browser.js\";\nimport { ISplitItem, SplitItem } from \"./SplitItem.js\";\nimport { IPanelObject, LayoutType, PanelState, SplitCloseDirection, SplitDirection, SplitItemRenderCallback, SplitLayoutAddOptions, SplitPanelRemoveItemOptions, SplitPanelSplitOptions, SplitPanelTarget, SplitRegion } from \"./type.js\";\nimport { SplitLayout } from './SplitLayout.js';\nimport missingIndexes from \"../../lib/math/MissingIndexes.js\";\nimport '../../define/layout/split-view.js';\n\nexport interface ISplitPanel {\n  /**\n   * If already generated, the key of the panel.\n   */\n  key?: string;\n\n  layout: SplitDirection;\n  items?: IPanelObject[];\n  /**\n   * The item being rendered in the panel.\n   * Note, this is the `key` of the item and not the `id` of the item.\n   */\n  selected?: string;\n}\n\n/**\n * The class represents a panel model for the split layout.\n * A panel can only hold other panels or layout items. When a panel\n * defines both, items are ignored.\n * \n * A panel can render ony one item at a time. TO view more items \n * the application needs to add panels to this panel and distribute items among them.\n */\nexport class SplitPanel {\n  /**\n   * The key used as an internal reference to the definitions map.\n   */\n  key = uuidV4();\n\n  layout: SplitDirection = SplitDirection.horizontal;\n\n  items: IPanelObject[] = [];\n\n  /**\n   * The item being rendered in the panel.\n   * Note, this is the `key` of the item and not the `id` of the item.\n   */\n  selected?: string;\n\n  /**\n   * The current state of the panel.\n   */\n  state: PanelState = PanelState.idle;\n\n  get hasPanels(): boolean {\n    return this.items.some(i => i.type === LayoutType.panel);\n  }\n\n  get hasItems(): boolean {\n    return this.items.some(i => i.type === LayoutType.item);\n  }\n\n  static fromLayout(manager: SplitLayout, layout = SplitDirection.horizontal): SplitPanel {\n    const schema: ISplitPanel = {\n      layout,\n    };\n    return new SplitPanel(manager, schema);\n  }\n\n  /**\n   * @param manager A reference to the manager.\n   * @param parentPanel A reference to a parent panel.\n   */\n  constructor(public manager: SplitLayout, schema?: ISplitPanel) {\n    if (schema) {\n      this.new(schema);\n    }\n  }\n\n  new(schema: ISplitPanel): void {\n    const { key = uuidV4(), layout = SplitDirection.horizontal, items, selected } = schema;\n    this.key = key;\n    this.layout = layout;\n    if (Array.isArray(items)) {\n      this.items = items.map(i => ({ ...i }));\n    } else {\n      this.items = [];\n    }\n    if (selected) {\n      this.selected = selected;\n    } else {\n      this.selected = undefined;\n    }\n    this.state = PanelState.idle;\n  }\n\n  toJSON(): ISplitPanel {\n    const result: ISplitPanel = {\n      layout: this.layout,\n      key: this.key,\n    };\n    if (Array.isArray(this.items) && this.items.length) {\n      result.items = this.items.map(i => ({ ...i }));\n    }\n    if (this.selected) {\n      result.selected = this.selected;\n    }\n    return result;\n  }\n\n  getParent(): SplitPanel | undefined {\n    return this.manager.getParent(this.key);\n  }\n\n  /**\n   * @returns True when the panel accepts drop events.\n   */\n  canDrop(): boolean {\n    return !!this.items.length;\n  }\n\n  /**\n   * @returns Returns a **copy** of the items array sorted by index.\n   */\n  sortedItems(): SplitItem[] {\n    const { items, manager } = this;\n    const splitItems: SplitItem[] = [];\n    items.forEach((i) => {\n      if (i.type === LayoutType.item) {\n        const value = manager.findItem(i.key as string);\n        if (value) {\n          splitItems.push(value);\n        }\n      }\n    });\n    return [...splitItems].sort((a, b) => (a.index || 0) - (b.index || 0));\n  }\n\n  /**\n   * Finds an index where to put an item.\n   * This finds \"holes\" in items where an index is not set for a given position.\n   * In this case the resulting index is the missing index.\n   * Otherwise it returns next after the highest index.\n   * \n   * @returns The index of the next item\n   */\n  nextIndex(): number {\n    const { items, manager } = this;\n    if (!items.length) {\n      return 0;\n    }\n    const set = new Set<number>();\n    for (const item of items) {\n      const value = manager.findItem(item.key as string);\n      if (!value) {\n        continue;\n      }\n      const { index = 0 } = value;\n      set.add(index);\n    }\n    const sorted = [...set].sort();\n    const missing = missingIndexes(sorted);\n    if (missing.length) {\n      return missing[0];\n    }\n    const max = sorted.pop() as number;\n    return max + 1;\n  }\n\n  /**\n   * Checks whether this panel contains an item\n   * @param key The key of the item to test.\n   * @returns true if the panel contains an item\n   */\n  hasItem(key: string): boolean {\n    return this.items.some(i => i.key === key);\n  }\n\n  /**\n   * Adds an item to the layout.\n   * \n   * @param item The item to add\n   * @param opts Layout adding item options\n   * @returns Whether a new item was added to the layout. false when the item is already in the layout panel.\n   */\n  addItem(item: ISplitItem | SplitItem, opts: SplitLayoutAddOptions = {}): SplitItem {\n    const { region = SplitRegion.center } = opts;\n    const hasItem = region === SplitRegion.center && this.hasItem(item.key);\n    if (hasItem) {\n      if (item.key !== this.selected) {\n        this.selected = item.key;\n        this.manager.notifyChange();\n        this.updateView();\n      }\n      return this.manager.findItem(item.key) as SplitItem;\n    }\n\n    const hasOptionIndex = typeof opts.index === 'number';\n    const hasItemIndex = typeof item.index === 'number';\n    const hasIndex = hasOptionIndex || hasItemIndex;\n    let index: number;\n    if (hasOptionIndex) {\n      index = opts.index as number;\n    } else if (hasItemIndex) {\n      index = item.index as number;\n    } else {\n      index = this.nextIndex();\n    }\n    if (region === SplitRegion.center || (!this.hasItems && !this.hasPanels)) {\n      if (hasIndex) {\n        this.increaseIndex(index); //  + 1\n      }\n      const instance = (item as SplitItem).toJSON ? item as SplitItem : new SplitItem(this.manager, item);\n      instance.index = index;\n      this.items.push({\n        type: LayoutType.item,\n        key: item.key,\n      });\n      this.manager.definitions.set(item.key, {\n        type: LayoutType.item,\n        value: instance,\n      });\n      // this.manager.dispatchNameItem(instance); ???? it's a fresh definition, should have a current name.\n      this.selected = item.key;\n      this.manager.notifyChange();\n      this.updateView();\n      return instance;\n    }\n\n    let panel: SplitPanel;\n    if (region === 'east') {\n      [, panel] = this.split({\n        layout: SplitDirection.horizontal,\n        itemsTarget: SplitPanelTarget.first,\n        noSideEffects: true,\n      });\n    } else if (region === 'west') {\n      [panel] = this.split({\n        layout: SplitDirection.horizontal,\n        itemsTarget: SplitPanelTarget.other,\n        noSideEffects: true,\n      });\n    } else if (region === 'south') {\n      [, panel] = this.split({\n        layout: SplitDirection.vertical,\n        itemsTarget: SplitPanelTarget.first,\n        noSideEffects: true,\n      });\n    } else {\n      [panel] = this.split({\n        layout: SplitDirection.vertical,\n        itemsTarget: SplitPanelTarget.other,\n        noSideEffects: true,\n      });\n    }\n    // we don't call request update here because\n    // the app has to redo the view rendering first as\n    // the panel purpose has changed.\n    return panel.addItem(item, { index });\n  }\n\n  /**\n   * Splits this panel into 2 panels.\n   * This to be used when the panel has no other panels. Only items are allowed.\n   * It produces 2 new panels and moves the items to the first one leaving the other one available.\n   */\n  split(opts: SplitPanelSplitOptions = {}): SplitPanel[] {\n    const { layout = SplitDirection.horizontal, itemsTarget = SplitPanelTarget.first } = opts;\n    if (this.hasPanels) {\n      throw new Error(`Invalid state. Panels can be split only when containing items only.`);\n    }\n    this.layout = layout;\n    const { items, selected } = this;\n    this.items = [];\n    this.selected = undefined;\n\n    const p1 = this.addPanel()\n    const p2 = this.addPanel()\n\n\n\n\n    // const p1 = new SplitPanel(this.manager);\n    // const p2 = new SplitPanel(this.manager);\n    // this.manager.definitions.set(p1.key, {\n    //   type: LayoutType.panel,\n    //   value: p1,\n    // });\n    // this.manager.definitions.set(p2.key, {\n    //   type: LayoutType.panel,\n    //   value: p2,\n    // });\n    // this.items.push({\n    //   type: LayoutType.panel,\n    //   key: p1.key,\n    // });\n    // this.items.push({\n    //   type: LayoutType.panel,\n    //   key: p2.key,\n    // });\n\n    const panel = itemsTarget === SplitPanelTarget.first ? p1 : p2;\n    panel.items = items;\n    panel.selected = selected;\n    if (!opts.noSideEffects) {\n      this.manager.notifyChange();\n    }\n    return [p1, p2];\n  }\n\n  unsplit(): void {\n    const panelItem = this.items.find(i => i.type === LayoutType.panel);\n    if (!panelItem) {\n      throw new Error('Invalid state. This panel has no panels to unshift.');\n    }\n    const panel = this.manager.findPanel(panelItem.key);\n    if (!panel) {\n      throw new Error('Invalid state. This panel is not managed by the SplitManager.');\n    }\n    const { items, selected } = panel;\n    this.items = items;\n    this.selected = selected;\n    this.manager.notifyChange();\n  }\n\n  /**\n   * Decreases items index by 1 to all items with index at least equal to `fromIndex`.\n   * @param fromIndex The minimal index to affect.\n   */\n  decreaseIndex(fromIndex: number): void {\n    for (const item of this.items) {\n      if (item.type !== LayoutType.item) {\n        continue;\n      }\n      const definition = this.manager.findItem(item.key);\n      if (!definition) {\n        continue;\n      }\n      if (!definition.index) {\n        definition.index = 0;\n      }\n      const { index } = definition;\n      if (index >= fromIndex && index > 0) {\n        definition.index -= 1;\n      }\n    }\n  }\n\n  /**\n   * Increases items index by 1 to all items with index at least equal to `fromIndex`.\n   * @param fromIndex The minimal index to affect.\n   */\n  increaseIndex(fromIndex: number): void {\n    for (const item of this.items) {\n      if (item.type !== LayoutType.item) {\n        continue;\n      }\n      const definition = this.manager.findItem(item.key);\n      if (!definition) {\n        continue;\n      }\n      if (!definition.index) {\n        definition.index = 0;\n      }\n      const { index } = definition;\n      if (index >= fromIndex) {\n        definition.index += 1;\n      }\n    }\n  }\n\n  /**\n   * Removes an item from the layout\n   * @param key The `key` of the item.\n   * @returns The removed item, if any.\n   */\n  removeItem(key: string, opts: SplitPanelRemoveItemOptions = {}): SplitItem | undefined {\n    const removed = this.manager.findItem(key);\n    if (!removed) {\n      return undefined;\n    }\n    const index = this.items.findIndex(i => i.key === key);\n    if (index < 0) {\n      return undefined;\n    }\n    const itemInfo = this.items[index];\n    this.items.splice(index, 1);\n    this.manager.definitions.delete(itemInfo.key);\n    this.decreaseIndex(removed.index || 0);\n\n    if (this.items.length === 0) {\n      // remove panel (self)\n      const parent = this.getParent();\n      if (parent) {\n        parent.removePanel(this.key);\n        // Note, ignore `opts.noSideEffects` for tab close. It won't get dispatched elsewhere.\n        this.manager.notifyTabClose(key);\n        // no point doing the stuff below as the whole panel is removed.\n        return removed;\n      }\n    }\n    if (this.selected === key) {\n      let nextKey: string | undefined;\n      if (this.items[index]) {\n        nextKey = this.items[index].key;\n      } else if (this.items[index - 1]) {\n        nextKey = this.items[index - 1].key;\n      } else if (this.items.length) {\n        const [item] = this.items;\n        nextKey = item.key;\n      }\n      this.selected = nextKey;\n    }\n    if (!opts.noSideEffects) {\n      this.manager.notifyTabClose(key);\n      this.manager.notifyChange();\n      this.manager.updateView(this.key);\n    }\n    return removed;\n  }\n\n  /**\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 = SplitCloseDirection.both): void {\n    const index = this.items.findIndex(i => i.key === key);\n    if (index < 0) {\n      return;\n    }\n    // note, even though we keep indexes in the item, the logic actually\n    // keeps track of them and orders the `items` accordingly.\n    const item = this.items[index];\n    let removed: IPanelObject[];\n    if (dir === SplitCloseDirection.both) {\n      removed = this.items.filter(i => i !== item);\n      this.items = [item];\n      this.selected = item.key;\n    } else if (dir === SplitCloseDirection.left) {\n      removed = this.items.slice(0, index);\n      this.items = this.items.splice(index);\n      this.selected = item.key;\n    } else {\n      removed = this.items.slice(index + 1);\n      this.items = this.items.splice(0, index + 1);\n      this.selected = item.key;\n    }\n    removed.forEach(i => {\n      this.manager.definitions.delete(i.key);\n      this.manager.notifyTabClose(i.key);\n    });\n    this.manager.notifyChange();\n    this.manager.updateView(this.key);\n  }\n\n  removePanel(id: string, opts: SplitPanelRemoveItemOptions = {}): void {\n    const index = this.items.findIndex(p => p.key === id);\n    if (index < 0) {\n      return;\n    }\n    const item = this.items[index];\n\n    const panel = this.manager.findPanel(item.key) as SplitPanel;\n    panel.clearItems();\n\n    this.items.splice(index, 1);\n    this.manager.definitions.delete(item.key);\n    if (this.items.length === 1) {\n      this.unsplit();\n    }\n    if (!opts.noSideEffects) {\n      this.manager.notifyChange();\n      this.manager.updateView(this.key);\n    }\n  }\n\n  clearItems(opts?: SplitPanelRemoveItemOptions): void {\n    const { items } = this;\n    items.forEach((childItem) => {\n      if (childItem.type === LayoutType.item) {\n        this.removeItem(childItem.key, opts);\n      } else {\n        this.removePanel(childItem.key, opts);\n      }\n    });\n  }\n\n  /**\n   * Moves an item to a new index.\n   * \n   * @param key The item key\n   * @param toIndex The new index. When not set it moves the item to the end.\n   */\n  moveItem(key: string, toIndex?: number): void {\n    const info = this.items.find(i => i.key === key);\n    if (!info) {\n      return;\n    }\n    const item = this.manager.findItem(info.key);\n    if (!item) {\n      return;\n    }\n    const hasIndex = typeof toIndex === 'number';\n    if (hasIndex && item.index === toIndex) {\n      return;\n    }\n    let hasTargetAtTarget = false;\n    if (hasIndex) {\n      hasTargetAtTarget = !!this.items[toIndex];\n    }\n    if (item.index !== undefined) {\n      this.decreaseIndex(item.index);\n    }\n    const finalIndex = hasIndex ? toIndex as number : this.nextIndex();\n    if (hasTargetAtTarget) {\n      this.increaseIndex(finalIndex);\n    }\n    item.index = finalIndex;\n    this.manager.notifyChange();\n    this.manager.updateView(this.key);\n  }\n\n  updateView(): void {\n    const layout = this.manager.findView(this.key);\n    if (!layout) {\n      return;\n    }\n    layout.requestUpdate();\n  }\n\n  addPanel(layout = SplitDirection.horizontal): SplitPanel {\n    return this.manager.addPanel({ layout, parent: this.key });\n  }\n\n  panelTemplate(panel: SplitPanel, itemCallback: SplitItemRenderCallback): TemplateResult | undefined {\n    const { layout, items, selected, manager } = panel;\n    const renderPanels = items.filter(i => i.type === LayoutType.panel);\n    const renderItems = items.filter(i => i.type === LayoutType.item);\n    if (!renderPanels.length && !renderItems.length) {\n      return undefined;\n    }\n    const { dragTypes, constrain } = manager.options;\n    let content: (TemplateResult | undefined)[];\n    \n    if (renderPanels.length) {\n      content = renderPanels.map((item) => {\n        const targetPanel = manager.findPanel(item.key);\n        return targetPanel && this.panelTemplate(targetPanel, itemCallback)\n      });\n    } else {\n      content = renderItems.map((item) => {\n        const targetItem = manager.findItem(item.key);\n        return targetItem && this.itemTemplate(targetItem, targetItem.key === selected, itemCallback)\n      });\n    }\n    const valid = content.filter(i => !!i);\n    if (!valid.length) {\n      return undefined;\n    }\n    return html`\n    <split-view \n      layout=\"${layout}\" \n      .dragTypes=\"${dragTypes}\" \n      .panel=\"${panel}\"\n      .key=\"${panel.key}\"\n      ?constrain=\"${constrain}\"\n    >\n      ${content}\n    </split-view>\n    `;\n  }\n\n  itemTemplate(item: SplitItem, visible: boolean, itemCallback: SplitItemRenderCallback): TemplateResult {\n    return itemCallback(item, visible);\n  }\n\n  render(itemCallback: SplitItemRenderCallback): TemplateResult | undefined {\n    return this.panelTemplate(this, itemCallback);\n  }\n}\n"]}
+{"version":3,"file":"SplitPanel.js","sourceRoot":"","sources":["../../../src/elements/layout/SplitPanel.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-cycle */\nimport { html, TemplateResult } from \"lit\";\nimport { uuidV4 } from \"@api-client/core/build/browser.js\";\nimport { ISplitItem, SplitItem } from \"./SplitItem.js\";\nimport { IPanelObject, LayoutType, PanelState, SplitCloseDirection, SplitDirection, SplitItemRenderCallback, SplitLayoutAddOptions, SplitPanelRemoveItemOptions, SplitPanelSplitOptions, SplitPanelTarget, SplitRegion } from \"./type.js\";\nimport { SplitLayout } from './SplitLayout.js';\nimport missingIndexes from \"../../lib/math/MissingIndexes.js\";\nimport '../../define/layout/split-view.js';\n\nexport interface ISplitPanel {\n  /**\n   * If already generated, the key of the panel.\n   */\n  key?: string;\n\n  layout: SplitDirection;\n  items?: IPanelObject[];\n  /**\n   * The item being rendered in the panel.\n   * Note, this is the `key` of the item and not the `id` of the item.\n   */\n  selected?: string;\n}\n\n/**\n * The class represents a panel model for the split layout.\n * A panel can only hold other panels or layout items. When a panel\n * defines both, items are ignored.\n * \n * A panel can render ony one item at a time. TO view more items \n * the application needs to add panels to this panel and distribute items among them.\n */\nexport class SplitPanel {\n  /**\n   * The key used as an internal reference to the definitions map.\n   */\n  key = uuidV4();\n\n  layout: SplitDirection = SplitDirection.horizontal;\n\n  items: IPanelObject[] = [];\n\n  /**\n   * The item being rendered in the panel.\n   * Note, this is the `key` of the item and not the `id` of the item.\n   */\n  selected?: string;\n\n  /**\n   * The current state of the panel.\n   */\n  state: PanelState = PanelState.idle;\n\n  get hasPanels(): boolean {\n    return this.items.some(i => i.type === LayoutType.panel);\n  }\n\n  get hasItems(): boolean {\n    return this.items.some(i => i.type === LayoutType.item);\n  }\n\n  static fromLayout(manager: SplitLayout, layout = SplitDirection.horizontal): SplitPanel {\n    const schema: ISplitPanel = {\n      layout,\n    };\n    return new SplitPanel(manager, schema);\n  }\n\n  /**\n   * @param manager A reference to the manager.\n   * @param parentPanel A reference to a parent panel.\n   */\n  constructor(public manager: SplitLayout, schema?: ISplitPanel) {\n    if (schema) {\n      this.new(schema);\n    }\n  }\n\n  new(schema: ISplitPanel): void {\n    const { key = uuidV4(), layout = SplitDirection.horizontal, items, selected } = schema;\n    this.key = key;\n    this.layout = layout;\n    if (Array.isArray(items)) {\n      this.items = items.map(i => ({ ...i }));\n    } else {\n      this.items = [];\n    }\n    if (selected) {\n      this.selected = selected;\n    } else {\n      this.selected = undefined;\n    }\n    this.state = PanelState.idle;\n  }\n\n  toJSON(): ISplitPanel {\n    const result: ISplitPanel = {\n      layout: this.layout,\n      key: this.key,\n    };\n    if (Array.isArray(this.items) && this.items.length) {\n      result.items = this.items.map(i => ({ ...i }));\n    }\n    if (this.selected) {\n      result.selected = this.selected;\n    }\n    return result;\n  }\n\n  getParent(): SplitPanel | undefined {\n    return this.manager.getParent(this.key);\n  }\n\n  /**\n   * @returns True when the panel accepts drop events.\n   */\n  canDrop(): boolean {\n    return !!this.items.length;\n  }\n\n  /**\n   * @returns Returns a **copy** of the items array sorted by index.\n   */\n  sortedItems(): SplitItem[] {\n    const { items, manager } = this;\n    const splitItems: SplitItem[] = [];\n    items.forEach((i) => {\n      if (i.type === LayoutType.item) {\n        const value = manager.findItem(i.key as string);\n        if (value) {\n          splitItems.push(value);\n        }\n      }\n    });\n    return [...splitItems].sort((a, b) => (a.index || 0) - (b.index || 0));\n  }\n\n  /**\n   * Finds an index where to put an item.\n   * This finds \"holes\" in items where an index is not set for a given position.\n   * In this case the resulting index is the missing index.\n   * Otherwise it returns next after the highest index.\n   * \n   * @returns The index of the next item\n   */\n  nextIndex(): number {\n    const { items, manager } = this;\n    if (!items.length) {\n      return 0;\n    }\n    const set = new Set<number>();\n    for (const item of items) {\n      const value = manager.findItem(item.key as string);\n      if (!value) {\n        continue;\n      }\n      const { index = 0 } = value;\n      set.add(index);\n    }\n    const sorted = [...set].sort();\n    const missing = missingIndexes(sorted);\n    if (missing.length) {\n      return missing[0];\n    }\n    const max = sorted.pop() as number;\n    return max + 1;\n  }\n\n  /**\n   * Checks whether this panel contains an item\n   * @param key The key of the item to test.\n   * @returns true if the panel contains an item\n   */\n  hasItem(key: string): boolean {\n    return this.items.some(i => i.key === key);\n  }\n\n  /**\n   * Adds an item to the layout.\n   * \n   * @param item The item to add\n   * @param opts Layout adding item options\n   * @returns Whether a new item was added to the layout. false when the item is already in the layout panel.\n   */\n  addItem(item: ISplitItem | SplitItem, opts: SplitLayoutAddOptions = {}): SplitItem {\n    const { region = SplitRegion.center } = opts;\n    const hasItem = region === SplitRegion.center && this.hasItem(item.key);\n    if (hasItem) {\n      if (item.key !== this.selected) {\n        this.selected = item.key;\n        this.manager.notifyChange();\n        this.updateView();\n      }\n      return this.manager.findItem(item.key) as SplitItem;\n    }\n\n    const hasOptionIndex = typeof opts.index === 'number';\n    const hasItemIndex = typeof item.index === 'number';\n    const hasIndex = hasOptionIndex || hasItemIndex;\n    let index: number;\n    if (hasOptionIndex) {\n      index = opts.index as number;\n    } else if (hasItemIndex) {\n      index = item.index as number;\n    } else {\n      index = this.nextIndex();\n    }\n    if (region === SplitRegion.center || (!this.hasItems && !this.hasPanels)) {\n      if (hasIndex) {\n        this.increaseIndex(index); //  + 1\n      }\n      const instance = (item as SplitItem).toJSON ? item as SplitItem : new SplitItem(this.manager, item);\n      instance.index = index;\n      this.items.push({\n        type: LayoutType.item,\n        key: item.key,\n      });\n      this.manager.definitions.set(item.key, {\n        type: LayoutType.item,\n        value: instance,\n      });\n      // this.manager.dispatchNameItem(instance); ???? it's a fresh definition, should have a current name.\n      this.selected = item.key;\n      this.manager.notifyChange();\n      this.updateView();\n      return instance;\n    }\n\n    let panel: SplitPanel;\n    if (region === 'east') {\n      [, panel] = this.split({\n        layout: SplitDirection.horizontal,\n        itemsTarget: SplitPanelTarget.first,\n        noSideEffects: true,\n      });\n    } else if (region === 'west') {\n      [panel] = this.split({\n        layout: SplitDirection.horizontal,\n        itemsTarget: SplitPanelTarget.other,\n        noSideEffects: true,\n      });\n    } else if (region === 'south') {\n      [, panel] = this.split({\n        layout: SplitDirection.vertical,\n        itemsTarget: SplitPanelTarget.first,\n        noSideEffects: true,\n      });\n    } else {\n      [panel] = this.split({\n        layout: SplitDirection.vertical,\n        itemsTarget: SplitPanelTarget.other,\n        noSideEffects: true,\n      });\n    }\n    // we don't call request update here because\n    // the app has to redo the view rendering first as\n    // the panel purpose has changed.\n    return panel.addItem(item, { index });\n  }\n\n  /**\n   * Splits this panel into 2 panels.\n   * This to be used when the panel has no other panels. Only items are allowed.\n   * It produces 2 new panels and moves the items to the first one leaving the other one available.\n   */\n  split(opts: SplitPanelSplitOptions = {}): SplitPanel[] {\n    const { layout = SplitDirection.horizontal, itemsTarget = SplitPanelTarget.first } = opts;\n    if (this.hasPanels) {\n      throw new Error(`Invalid state. Panels can be split only when containing items only.`);\n    }\n    this.layout = layout;\n    const { items, selected } = this;\n    this.items = [];\n    this.selected = undefined;\n\n    const p1 = this.addPanel()\n    const p2 = this.addPanel()\n\n\n\n\n    // const p1 = new SplitPanel(this.manager);\n    // const p2 = new SplitPanel(this.manager);\n    // this.manager.definitions.set(p1.key, {\n    //   type: LayoutType.panel,\n    //   value: p1,\n    // });\n    // this.manager.definitions.set(p2.key, {\n    //   type: LayoutType.panel,\n    //   value: p2,\n    // });\n    // this.items.push({\n    //   type: LayoutType.panel,\n    //   key: p1.key,\n    // });\n    // this.items.push({\n    //   type: LayoutType.panel,\n    //   key: p2.key,\n    // });\n\n    const panel = itemsTarget === SplitPanelTarget.first ? p1 : p2;\n    panel.items = items;\n    panel.selected = selected;\n    if (!opts.noSideEffects) {\n      this.manager.notifyChange();\n    }\n    return [p1, p2];\n  }\n\n  unsplit(): void {\n    const panelItem = this.items.find(i => i.type === LayoutType.panel);\n    if (!panelItem) {\n      throw new Error('Invalid state. This panel has no panels to unshift.');\n    }\n    const panel = this.manager.findPanel(panelItem.key);\n    if (!panel) {\n      throw new Error('Invalid state. This panel is not managed by the SplitManager.');\n    }\n    const { items, selected } = panel;\n    this.items = items;\n    this.selected = selected;\n    this.manager.notifyChange();\n  }\n\n  /**\n   * Decreases items index by 1 to all items with index at least equal to `fromIndex`.\n   * @param fromIndex The minimal index to affect.\n   */\n  decreaseIndex(fromIndex: number): void {\n    for (const item of this.items) {\n      if (item.type !== LayoutType.item) {\n        continue;\n      }\n      const definition = this.manager.findItem(item.key);\n      if (!definition) {\n        continue;\n      }\n      if (!definition.index) {\n        definition.index = 0;\n      }\n      const { index } = definition;\n      if (index >= fromIndex && index > 0) {\n        definition.index -= 1;\n      }\n    }\n  }\n\n  /**\n   * Increases items index by 1 to all items with index at least equal to `fromIndex`.\n   * @param fromIndex The minimal index to affect.\n   */\n  increaseIndex(fromIndex: number): void {\n    for (const item of this.items) {\n      if (item.type !== LayoutType.item) {\n        continue;\n      }\n      const definition = this.manager.findItem(item.key);\n      if (!definition) {\n        continue;\n      }\n      if (!definition.index) {\n        definition.index = 0;\n      }\n      const { index } = definition;\n      if (index >= fromIndex) {\n        definition.index += 1;\n      }\n    }\n  }\n\n  /**\n   * Removes an item from the layout\n   * @param key The `key` of the item.\n   * @returns The removed item, if any.\n   */\n  removeItem(key: string, opts: SplitPanelRemoveItemOptions = {}): SplitItem | undefined {\n    const removed = this.manager.findItem(key);\n    if (!removed) {\n      return undefined;\n    }\n    const index = this.items.findIndex(i => i.key === key);\n    if (index < 0) {\n      return undefined;\n    }\n    const itemInfo = this.items[index];\n    this.items.splice(index, 1);\n    this.manager.definitions.delete(itemInfo.key);\n    this.decreaseIndex(removed.index || 0);\n\n    if (this.items.length === 0) {\n      // remove panel (self)\n      const parent = this.getParent();\n      if (parent) {\n        parent.removePanel(this.key);\n        // Note, ignore `opts.noSideEffects` for tab close. It won't get dispatched elsewhere.\n        this.manager.notifyTabClose(key);\n        // no point doing the stuff below as the whole panel is removed.\n        return removed;\n      }\n    }\n    if (this.selected === key) {\n      let nextKey: string | undefined;\n      if (this.items[index]) {\n        nextKey = this.items[index].key;\n      } else if (this.items[index - 1]) {\n        nextKey = this.items[index - 1].key;\n      } else if (this.items.length) {\n        const [item] = this.items;\n        nextKey = item.key;\n      }\n      this.selected = nextKey;\n    }\n    if (!opts.noSideEffects) {\n      this.manager.notifyTabClose(key);\n      this.manager.notifyChange();\n      this.manager.updateView(this.key);\n    }\n    return removed;\n  }\n\n  /**\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 = SplitCloseDirection.both): void {\n    const index = this.items.findIndex(i => i.key === key);\n    if (index < 0) {\n      return;\n    }\n    // note, even though we keep indexes in the item, the logic actually\n    // keeps track of them and orders the `items` accordingly.\n    const item = this.items[index];\n    let removed: IPanelObject[];\n    if (dir === SplitCloseDirection.both) {\n      removed = this.items.filter(i => i !== item);\n      this.items = [item];\n      this.selected = item.key;\n    } else if (dir === SplitCloseDirection.left) {\n      removed = this.items.slice(0, index);\n      this.items = this.items.splice(index);\n      this.selected = item.key;\n    } else {\n      removed = this.items.slice(index + 1);\n      this.items = this.items.splice(0, index + 1);\n      this.selected = item.key;\n    }\n    removed.forEach(i => {\n      this.manager.definitions.delete(i.key);\n      this.manager.notifyTabClose(i.key);\n    });\n    this.manager.notifyChange();\n    this.manager.updateView(this.key);\n  }\n\n  removePanel(id: string, opts: SplitPanelRemoveItemOptions = {}): void {\n    const index = this.items.findIndex(p => p.key === id);\n    if (index < 0) {\n      return;\n    }\n    const item = this.items[index];\n\n    const panel = this.manager.findPanel(item.key) as SplitPanel;\n    panel.clearItems();\n\n    this.items.splice(index, 1);\n    this.manager.definitions.delete(item.key);\n    if (this.items.length === 1) {\n      this.unsplit();\n    }\n    if (!opts.noSideEffects) {\n      this.manager.notifyChange();\n      this.manager.updateView(this.key);\n    }\n  }\n\n  clearItems(opts?: SplitPanelRemoveItemOptions): void {\n    const { items } = this;\n    items.forEach((childItem) => {\n      if (childItem.type === LayoutType.item) {\n        this.removeItem(childItem.key, opts);\n      } else {\n        this.removePanel(childItem.key, opts);\n      }\n    });\n  }\n\n  /**\n   * Moves an item to a new index.\n   * \n   * @param key The item key\n   * @param toIndex The new index. When not set it moves the item to the end.\n   */\n  moveItem(key: string, toIndex?: number): void {\n    const info = this.items.find(i => i.key === key);\n    if (!info) {\n      return;\n    }\n    const item = this.manager.findItem(info.key);\n    if (!item) {\n      return;\n    }\n    const hasIndex = typeof toIndex === 'number';\n    if (hasIndex && item.index === toIndex) {\n      return;\n    }\n    let hasTargetAtTarget = false;\n    if (hasIndex) {\n      hasTargetAtTarget = !!this.items[toIndex];\n    }\n    if (item.index !== undefined) {\n      this.decreaseIndex(item.index);\n    }\n    const finalIndex = hasIndex ? toIndex as number : this.nextIndex();\n    if (hasTargetAtTarget) {\n      this.increaseIndex(finalIndex);\n    }\n    item.index = finalIndex;\n    this.manager.notifyChange();\n    this.manager.updateView(this.key);\n  }\n\n  updateView(): void {\n    const layout = this.manager.findView(this.key);\n    if (!layout) {\n      return;\n    }\n    layout.requestUpdate();\n  }\n\n  addPanel(layout = SplitDirection.horizontal): SplitPanel {\n    return this.manager.addPanel({ layout, parent: this.key });\n  }\n\n  panelTemplate(panel: SplitPanel, itemCallback: SplitItemRenderCallback): TemplateResult | undefined {\n    const { layout, items, selected, manager } = panel;\n    const renderPanels = items.filter(i => i.type === LayoutType.panel);\n    const renderItems = items.filter(i => i.type === LayoutType.item);\n    if (!renderPanels.length && !renderItems.length) {\n      return undefined;\n    }\n    const { dragTypes, constrain } = manager.options;\n    let content: (TemplateResult | undefined)[];\n    \n    if (renderPanels.length) {\n      content = renderPanels.map((item) => {\n        const targetPanel = manager.findPanel(item.key);\n        return targetPanel && this.panelTemplate(targetPanel, itemCallback)\n      });\n    } else {\n      content = renderItems.map((item) => {\n        const targetItem = manager.findItem(item.key);\n        return targetItem && this.itemTemplate(targetItem, targetItem.key === selected, itemCallback)\n      });\n    }\n    const valid = content.filter(i => !!i);\n    if (!valid.length) {\n      return undefined;\n    }\n    return html`\n    <split-view \n      layout=\"${layout}\" \n      .dragTypes=\"${dragTypes}\" \n      .panel=\"${panel}\"\n      .key=\"${panel.key}\"\n      ?constrain=\"${constrain}\"\n    >\n      ${content}\n    </split-view>\n    `;\n  }\n\n  itemTemplate(item: SplitItem, visible: boolean, itemCallback: SplitItemRenderCallback): TemplateResult {\n    return itemCallback(item, visible);\n  }\n\n  render(itemCallback: SplitItemRenderCallback): TemplateResult | undefined {\n    return this.panelTemplate(this, itemCallback);\n  }\n}\n"]}

package/dist/elements/layout/SplitView.js

@@ -5,34 +5,25 @@ import { classMap } from "lit/directives/class-map.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { SplitDirection, SplitRegion } from "./type.js";
 export default class SplitView extends LitElement {
-    /**
-     * @attribute
-     */
-    layout = SplitDirection.horizontal;
-    /**
-     * @attribute
-     */
-    key;
-    dragTypes;
-    /**
-     * Whether dragging is occurring over the element
-     */
-    inDrag = false;
-    /**
-     * The region the drag is leaning to.
-     */
-    dragRegion = SplitRegion.center;
-    /**
-     * A reference to the split panel that owns this view.
-     */
-    panel;
-    /**
-     * When set it adds the `overflow` hidden on the container that holds the tab contents.
-     * @attribute
-     */
-    constrain = false;
     constructor() {
         super();
+        /**
+         * @attribute
+         */
+        this.layout = SplitDirection.horizontal;
+        /**
+         * Whether dragging is occurring over the element
+         */
+        this.inDrag = false;
+        /**
+         * The region the drag is leaning to.
+         */
+        this.dragRegion = SplitRegion.center;
+        /**
+         * When set it adds the `overflow` hidden on the container that holds the tab contents.
+         * @attribute
+         */
+        this.constrain = false;
         this.handleDragleave = this.handleDragleave.bind(this);
         this.handleDragEnd = this.handleDragEnd.bind(this);
         this.addEventListener('dragenter', this.handleDragEnter.bind(this));

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

@@ -1 +1 @@
-{"version":3,"file":"SplitView.js","sourceRoot":"","sources":["../../../src/elements/layout/SplitView.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing, TemplateResult } from \"lit\";\nimport { eventOptions, property, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { SplitItem } from \"./SplitItem.js\";\nimport { SplitPanel } from \"./SplitPanel.js\";\nimport { SplitDirection, SplitRegion } from \"./type.js\";\n\nexport default class SplitView extends LitElement {\n  /**\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) layout: SplitDirection = SplitDirection.horizontal;\n\n  /**\n   * @attribute\n   */\n  @property({ type: Number, reflect: true }) key?: string;\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?: SplitRegion = SplitRegion.center;\n\n  /**\n   * A reference to the split panel that owns this view.\n   */\n  @property({ type: Object }) panel?: SplitPanel;\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.handleDragleave = this.handleDragleave.bind(this);\n    this.handleDragEnd = this.handleDragEnd.bind(this);\n    this.addEventListener('dragenter', this.handleDragEnter.bind(this));\n    this.addEventListener('dragover', this.handleDragOver.bind(this));\n    this.addEventListener('drop', this.handleDrop.bind(this));\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    document.body.addEventListener('dragleave', this.handleDragleave);\n    document.body.addEventListener('dragend', this.handleDragEnd);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.body.removeEventListener('dragleave', this.handleDragleave);\n    document.body.removeEventListener('dragend', this.handleDragEnd);\n  }\n\n  protected handleDragEnter(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 handleDragOver(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 handleDrop(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      panel.addItem({ key, kind, label: 'New tab' }, { region: this.dragRegion });\n      panel.manager.requestNameUpdate(key);\n      dispatch = true;\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 handleDragleave(e: DragEvent): void {\n    const elm = this.findLayout(e);\n    if (!elm || elm !== this) {\n      this.inDrag = false;\n      this.dragRegion = SplitRegion.center;\n    }\n  }\n\n  protected handleDragEnd(): void {\n    this.inDrag = false;\n    this.dragRegion = SplitRegion.center;\n  }\n\n  protected getDropRegionFromEvent(e: DragEvent): SplitRegion | 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): SplitRegion | 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 SplitRegion.west;\n    }\n    if (pageX > rect.right - quarterWidth) {\n      return SplitRegion.east;\n    }\n    if (pageY < rect.top + quarterHeight) {\n      return SplitRegion.north;\n    }\n    if (pageY > rect.bottom - quarterHeight) {\n      return SplitRegion.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 SplitRegion.center;\n    }\n    return undefined;\n  }\n\n  protected findLayout(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 === this.localName) {\n        return node as SplitView;\n      }\n    }\n    return undefined;\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 handleTabDragStart(e: DragEvent): void {\n    const dt = e.dataTransfer;\n    if (!dt || this.key === 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/key', this.key);\n  }\n\n  protected handleTabsDragEnter(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 handleTabsDragover(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 handleTabDrop(e: DragEvent): void {\n    const dt = e.dataTransfer;\n    if (!dt || !this.panelCanDrop(e) || this.key === 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 srcPanelKey = dt.getData('layout/key');\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 (!srcPanelKey) {\n        return;\n      }\n      this.moveTab(srcPanelKey, this.key, key, toIndex);\n    } else {\n      let dispatch = true;\n      if (this.panel) {\n        this.panel.addItem({ key, kind, label: 'New tab' }, { index: toIndex });\n        dispatch = true;\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: string, toLayout: string, key: string, toIndex?: number): void {\n    const { panel } = this;\n    if (panel) {\n      panel.manager.moveItem(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  protected async handleTabClick(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.notifyChange();\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 handleTabPointerDown(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 handleTabClose(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 handleTabTouchStart(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.manager.findItem(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 handleTabKeyDown(e: KeyboardEvent): void {\n    if (e.key === 'Enter') {\n      this.handleTabClick(e);\n    }\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 | typeof nothing {\n    const { inDrag, dragRegion } = this;\n    if (!inDrag) {\n      return nothing;\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.handleTabsDragEnter}\" \n      @dragover=\"${this.handleTabsDragover}\" \n      @drop=\"${this.handleTabDrop}\"\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: SplitItem, 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      tabindex=\"0\"\n\n      @dragstart=\"${this.handleTabDragStart}\"\n      @click=\"${this.handleTabClick}\" \n      @pointerdown=\"${this.handleTabPointerDown}\"\n      @touchstart=\"${this.handleTabTouchStart}\"\n      @keydown=\"${this.handleTabKeyDown}\"\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.handleTabClose}\"></ui-icon>` : ''}\n    </div>\n    <div class=\"tab-divider ${dividerHidden ? 'hidden' : ''}\"></div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"SplitView.js","sourceRoot":"","sources":["../../../src/elements/layout/SplitView.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing, TemplateResult } from \"lit\";\nimport { eventOptions, property, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { SplitItem } from \"./SplitItem.js\";\nimport { SplitPanel } from \"./SplitPanel.js\";\nimport { SplitDirection, SplitRegion } from \"./type.js\";\n\nexport default class SplitView extends LitElement {\n  /**\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) layout: SplitDirection = SplitDirection.horizontal;\n\n  /**\n   * @attribute\n   */\n  @property({ type: Number, reflect: true }) key?: string;\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?: SplitRegion = SplitRegion.center;\n\n  /**\n   * A reference to the split panel that owns this view.\n   */\n  @property({ type: Object }) panel?: SplitPanel;\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.handleDragleave = this.handleDragleave.bind(this);\n    this.handleDragEnd = this.handleDragEnd.bind(this);\n    this.addEventListener('dragenter', this.handleDragEnter.bind(this));\n    this.addEventListener('dragover', this.handleDragOver.bind(this));\n    this.addEventListener('drop', this.handleDrop.bind(this));\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    document.body.addEventListener('dragleave', this.handleDragleave);\n    document.body.addEventListener('dragend', this.handleDragEnd);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.body.removeEventListener('dragleave', this.handleDragleave);\n    document.body.removeEventListener('dragend', this.handleDragEnd);\n  }\n\n  protected handleDragEnter(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 handleDragOver(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 handleDrop(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      panel.addItem({ key, kind, label: 'New tab' }, { region: this.dragRegion });\n      panel.manager.requestNameUpdate(key);\n      dispatch = true;\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 handleDragleave(e: DragEvent): void {\n    const elm = this.findLayout(e);\n    if (!elm || elm !== this) {\n      this.inDrag = false;\n      this.dragRegion = SplitRegion.center;\n    }\n  }\n\n  protected handleDragEnd(): void {\n    this.inDrag = false;\n    this.dragRegion = SplitRegion.center;\n  }\n\n  protected getDropRegionFromEvent(e: DragEvent): SplitRegion | 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): SplitRegion | 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 SplitRegion.west;\n    }\n    if (pageX > rect.right - quarterWidth) {\n      return SplitRegion.east;\n    }\n    if (pageY < rect.top + quarterHeight) {\n      return SplitRegion.north;\n    }\n    if (pageY > rect.bottom - quarterHeight) {\n      return SplitRegion.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 SplitRegion.center;\n    }\n    return undefined;\n  }\n\n  protected findLayout(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 === this.localName) {\n        return node as SplitView;\n      }\n    }\n    return undefined;\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 handleTabDragStart(e: DragEvent): void {\n    const dt = e.dataTransfer;\n    if (!dt || this.key === 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/key', this.key);\n  }\n\n  protected handleTabsDragEnter(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 handleTabsDragover(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 handleTabDrop(e: DragEvent): void {\n    const dt = e.dataTransfer;\n    if (!dt || !this.panelCanDrop(e) || this.key === 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 srcPanelKey = dt.getData('layout/key');\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 (!srcPanelKey) {\n        return;\n      }\n      this.moveTab(srcPanelKey, this.key, key, toIndex);\n    } else {\n      let dispatch = true;\n      if (this.panel) {\n        this.panel.addItem({ key, kind, label: 'New tab' }, { index: toIndex });\n        dispatch = true;\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: string, toLayout: string, key: string, toIndex?: number): void {\n    const { panel } = this;\n    if (panel) {\n      panel.manager.moveItem(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  protected async handleTabClick(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.notifyChange();\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 handleTabPointerDown(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 handleTabClose(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 handleTabTouchStart(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.manager.findItem(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 handleTabKeyDown(e: KeyboardEvent): void {\n    if (e.key === 'Enter') {\n      this.handleTabClick(e);\n    }\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 | typeof nothing {\n    const { inDrag, dragRegion } = this;\n    if (!inDrag) {\n      return nothing;\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.handleTabsDragEnter}\" \n      @dragover=\"${this.handleTabsDragover}\" \n      @drop=\"${this.handleTabDrop}\"\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: SplitItem, 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      tabindex=\"0\"\n\n      @dragstart=\"${this.handleTabDragStart}\"\n      @click=\"${this.handleTabClick}\" \n      @pointerdown=\"${this.handleTabPointerDown}\"\n      @touchstart=\"${this.handleTabTouchStart}\"\n      @keydown=\"${this.handleTabKeyDown}\"\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.handleTabClose}\"></ui-icon>` : ''}\n    </div>\n    <div class=\"tab-divider ${dividerHidden ? 'hidden' : ''}\"></div>\n    `;\n  }\n}\n"]}

package/dist/elements/layout/SplitView.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SplitView.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/layout/SplitView.styles.ts"],"names":[],"mappings":";AAGA,wBAqLG"}
+{"version":3,"file":"SplitView.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/layout/SplitView.styles.ts"],"names":[],"mappings":";AAGA,wBAsLG"}

package/dist/elements/layout/SplitView.styles.js

@@ -123,6 +123,7 @@ export default [surfaceStyles, css `
   width: 16px;
   height: 16px;
   margin-left: auto;
+  z-index: 2;
 }
 
 .close-icon:hover {

package/dist/elements/layout/SplitView.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitView.styles.js","sourceRoot":"","sources":["../../../src/elements/layout/SplitView.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,aAAa,MAAM,mCAAmC,CAAC;AAE9D,eAAe,CAAC,aAAa,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqLjC,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\nimport surfaceStyles from '../../styles/m3/surface.module.js';\n\nexport default [surfaceStyles, css`\n:host {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  flex: 1;\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}\n\n:host([layout=vertical]) ::slotted(split-view) {\n  margin-top: 10px;\n  margin-bottom: 10px;\n}\n\n:host([layout=vertical]) ::slotted(split-view:last-of-type) {\n  margin-bottom: 0;\n}\n\n:host([layout=vertical]) ::slotted(split-view:first-of-type) {\n  margin-top: 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  background: var(--layout-tab-select-background, var(--primary-background-color));\n} */\n\n.layout-tab: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: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.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.close-icon:hover {\n  background-color: var(--md-sys-color-outline-variant);\n  border-radius: 50%;\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.drag-region {\n  position: absolute;\n  /* background-color: var(--md-sys-color-surface); */\n  inset: 0;\n  z-index: 10;\n  border-radius: 12px;\n}\n\n.drag-region::before {\n  content: '';\n  background-color: var(--md-sys-color-scrim);\n  opacity: .16;\n  inset: 0;\n  z-index: 10;\n  position: absolute;\n  border-radius: inherit;\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  right: 50%;\n}\n\n.drag-region.east {\n  left: 50%;\n}\n\n.drag-region.north {\n  bottom: 50%;\n}\n\n.drag-region.south {\n  top: 50%;\n}\n`];\n"]}
+{"version":3,"file":"SplitView.styles.js","sourceRoot":"","sources":["../../../src/elements/layout/SplitView.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,aAAa,MAAM,mCAAmC,CAAC;AAE9D,eAAe,CAAC,aAAa,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsLjC,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\nimport surfaceStyles from '../../styles/m3/surface.module.js';\n\nexport default [surfaceStyles, css`\n:host {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  flex: 1;\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}\n\n:host([layout=vertical]) ::slotted(split-view) {\n  margin-top: 10px;\n  margin-bottom: 10px;\n}\n\n:host([layout=vertical]) ::slotted(split-view:last-of-type) {\n  margin-bottom: 0;\n}\n\n:host([layout=vertical]) ::slotted(split-view:first-of-type) {\n  margin-top: 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  background: var(--layout-tab-select-background, var(--primary-background-color));\n} */\n\n.layout-tab: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: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.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  z-index: 2;\n}\n\n.close-icon:hover {\n  background-color: var(--md-sys-color-outline-variant);\n  border-radius: 50%;\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.drag-region {\n  position: absolute;\n  /* background-color: var(--md-sys-color-surface); */\n  inset: 0;\n  z-index: 10;\n  border-radius: 12px;\n}\n\n.drag-region::before {\n  content: '';\n  background-color: var(--md-sys-color-scrim);\n  opacity: .16;\n  inset: 0;\n  z-index: 10;\n  position: absolute;\n  border-radius: inherit;\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  right: 50%;\n}\n\n.drag-region.east {\n  left: 50%;\n}\n\n.drag-region.north {\n  bottom: 50%;\n}\n\n.drag-region.south {\n  top: 50%;\n}\n`];\n"]}

package/dist/elements/navigation/AppNavigationElement.js

@@ -48,53 +48,14 @@ import ApiElement from "../ApiElement.js";
  * @fires select - Custom, non bubbling event when a selection is made. It has the `key` and `kind` properties on the detail panel with optional `parent` id.
  */
 export default class AppNavigation extends ApiElement {
-    /**
-     * The list of keys of opened items with children. This should be clear each time
-     * when the main data property change.
-     */
-    _opened = [];
-    /**
-     * The key of the currently focused item.
-     */
-    _focused;
-    /**
-     * The currently focused node.
-     * In case there are headers in the list, this may not be a list item.
-     */
-    _focusedItem;
-    /**
-     * To be set in the child class constructor to configure whether a name change is possible.
-     */
-    _allowRename;
-    /**
-     * The currently selected navigation item.
-     * @attr
-     */
-    selected;
-    /**
-     * When set it renders a name change input for the item.
-     * This is the `key` of the object.
-     *
-     * Note, when the user finish editing the name it calls the `_commitName(key, kind, name)` method.
-     * This requires the `_allowRename` property to be set to `true` in the constructor.
-     * @attr
-     */
-    edited;
-    /**
-     * When set it prohibits the element to make visual selection (via the css) when an item is selected.
-     * This is helpful when one navigation can be visually references in multiple places (like split layout).
-     * @attr
-     */
-    noVisualSelection;
-    /**
-     * A reference to the currently rendered name input, if any.
-     */
-    _nameInput;
-    /**
-     * When set it adds a menu entry with the navigation label.
-     * @attribute
-     */
-    label;
+    constructor() {
+        super(...arguments);
+        /**
+         * The list of keys of opened items with children. This should be clear each time
+         * when the main data property change.
+         */
+        this._opened = [];
+    }
     connectedCallback() {
         super.connectedCallback();
         this.setAttribute('role', 'navigation');