@api-client/ui 0.0.10 → 0.0.12

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    const { panel } = this;\n    if (!dataTransfer || !panel || !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    const layoutKey = dataTransfer.getData('layout/key');\n    this.inDrag = false;\n    // TODO: When the drag originated in another panel then we \n    // move the panel between them. Otherwise we add the item to the panel.\n    if (layoutKey) {\n      // move operation not add.\n      panel.manager.moveItem(layoutKey, panel.key, key, { region: this.dragRegion });\n    } else {\n      panel.addItem({ key, kind, label: 'New tab' }, { region: this.dragRegion });\n      panel.manager.requestNameUpdate(key);\n    }\n    this.dispatchEvent(new CustomEvent('datadrop', {\n      detail: { kind, key, region: this.dragRegion },\n      composed: true,\n      bubbles: true,\n      cancelable: true,\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, { index: 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      data-panel=\"${ifDefined(panel?.key)}\"\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/type.d.ts

@@ -1,6 +1,6 @@
-import { TemplateResult } from "lit";
-import { SplitItem } from "./SplitItem.js";
-import { ISplitLayout } from "./SplitLayout.js";
+import type { TemplateResult } from "lit";
+import type { SplitItem } from "./SplitItem.js";
+import type { ISplitLayout } from "./SplitLayout.js";
 export declare enum SplitDirection {
     horizontal = "horizontal",
     vertical = "vertical"

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

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/elements/layout/type.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,oBAAY,cAAc;IACxB,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AAED,oBAAY,WAAW;IACrB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,oBAAY,UAAU;IACpB,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAED,oBAAY,mBAAmB;IAC7B,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAGD,oBAAY,gBAAgB;IAC1B;;OAEG;IACH,KAAK,IAAA;IACL;;OAEG;IACH,KAAK,IAAA;CACN;AAED;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;;;;OASG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACxD;AAED,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,IAAI,EAAE,UAAU,CAAC;IACjB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IAExB;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAE/B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,uBAAuB,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,KAAK,cAAc,CAAC;AAE5F,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/elements/layout/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,oBAAY,cAAc;IACxB,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AAED,oBAAY,WAAW;IACrB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,oBAAY,UAAU;IACpB,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAED,oBAAY,mBAAmB;IAC7B,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAGD,oBAAY,gBAAgB;IAC1B;;OAEG;IACH,KAAK,IAAA;IACL;;OAEG;IACH,KAAK,IAAA;CACN;AAED;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;;;;OASG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACxD;AAED,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,IAAI,EAAE,UAAU,CAAC;IACjB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IAExB;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAE/B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,uBAAuB,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,KAAK,cAAc,CAAC;AAE5F,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}

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

@@ -1 +1 @@
-{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/elements/layout/type.ts"],"names":[],"mappings":"AAKA,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,2CAAyB,CAAA;IACzB,uCAAqB,CAAA;AACvB,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB;AAED,MAAM,CAAN,IAAY,WAMX;AAND,WAAY,WAAW;IACrB,gCAAiB,CAAA;IACjB,4BAAa,CAAA;IACb,4BAAa,CAAA;IACb,8BAAe,CAAA;IACf,8BAAe,CAAA;AACjB,CAAC,EANW,WAAW,KAAX,WAAW,QAMtB;AAED,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,2BAAa,CAAA;IACb,2BAAa,CAAA;AACf,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB;AAED,MAAM,CAAN,IAAY,mBAIX;AAJD,WAAY,mBAAmB;IAC7B,oCAAa,CAAA;IACb,sCAAe,CAAA;IACf,oCAAa,CAAA;AACf,CAAC,EAJW,mBAAmB,KAAnB,mBAAmB,QAI9B;AAGD,MAAM,CAAN,IAAY,gBASX;AATD,WAAY,gBAAgB;IAC1B;;OAEG;IACH,yDAAK,CAAA;IACL;;OAEG;IACH,yDAAK,CAAA;AACP,CAAC,EATW,gBAAgB,KAAhB,gBAAgB,QAS3B;AAgCD,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,6BAAe,CAAA;IACf,2BAAa,CAAA;AACf,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB","sourcesContent":["/* eslint-disable import/no-cycle */\nimport { TemplateResult } from \"lit\";\nimport { SplitItem } from \"./SplitItem.js\";\nimport { ISplitLayout } from \"./SplitLayout.js\";\n\nexport enum SplitDirection {\n  horizontal = 'horizontal',\n  vertical = 'vertical',\n}\n\nexport enum SplitRegion {\n  center = 'center',\n  east = 'east',\n  west = 'west',\n  north = 'north',\n  south = 'south',\n}\n\nexport enum PanelState {\n  idle = 'idle',\n  busy = 'busy',\n}\n\nexport enum SplitCloseDirection {\n  left = 'left', \n  right = 'right', \n  both = 'both',\n}\n\n\nexport enum SplitPanelTarget {\n  /**\n   * Items are added to the first panel\n   */\n  first,\n  /**\n   * Items are added to the other, created panel\n   */\n  other,\n}\n\n/**\n * Note, options are stored by reference to you can change \n * configuration while the `SplitLayout` is running.\n */\nexport interface SplitLayoutInit {\n  /**\n   * The list of DataTransfer types to test against when handling drag and drop.\n   * When set it checks whether all types are set on the dragged item.\n   * If not set all items are allowed.\n   */\n  dragTypes?: string[];\n\n  /**\n   * When set it adds the `overflow` hidden on the container that holds the tab contents.\n   */\n  constrain?: boolean;\n\n  /**\n   * When defined this is called each time anything in the layout schema change.\n   * The application can use this callback to store the state in its data store.\n   * \n   * When not provided, it is application's responsibility to serialize the state \n   * and store the data before page unload.\n   * \n   * @param state The state object to stare by the application.\n   * @returns The callback must return a promise.\n   */\n  stateCallback?: (state: ISplitLayout) => Promise<void>;\n}\n\nexport enum LayoutType {\n  panel = 'panel',\n  item = 'item',\n}\n\nexport interface IPanelObject {\n  /**\n   * The type of the object.\n   */\n  type: LayoutType;\n  /**\n   * The id of the object in the `definitions` map.\n   */\n  key: string;\n}\n\nexport interface SplitLayoutAddOptions {\n  /**\n   * The region to add the item.\n   * When other than `center` it splits the panel.\n   */\n  region?: SplitRegion;\n  /**\n   * The index at which to put the item.\n   * By default it is added as a last item.\n   */\n  index?: number;\n}\n\n/**\n * Options given when splitting a SplitPanel into 2 panels.\n */\nexport interface SplitPanelSplitOptions {\n  /**\n   * The layout direction.\n   */\n  layout?: SplitDirection;\n\n  /**\n   * Directs where to put existing items.\n   * It's either the first or the other panel.\n   */\n  itemsTarget?: SplitPanelTarget;\n\n  /**\n   * When set it won't notify the manager about the change.\n   * It is useful when this is a part of a process.\n   */\n  noSideEffects?: boolean;\n}\n\nexport interface SplitPanelAddOptions {\n  /**\n   * The layout of the panel.\n   */\n  layout?: SplitDirection;\n  /**\n   * the key of the parent layout.\n   */\n  parent?: string;\n}\n\nexport type SplitItemRenderCallback = (item: SplitItem, visible: boolean) => TemplateResult;\n\nexport interface SplitPanelRemoveItemOptions {\n  /**\n   * When set it won't notify the manager about the change.\n   * It is useful when this is a part of a process.\n   */\n  noSideEffects?: boolean;\n}\n"]}
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/elements/layout/type.ts"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,2CAAyB,CAAA;IACzB,uCAAqB,CAAA;AACvB,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB;AAED,MAAM,CAAN,IAAY,WAMX;AAND,WAAY,WAAW;IACrB,gCAAiB,CAAA;IACjB,4BAAa,CAAA;IACb,4BAAa,CAAA;IACb,8BAAe,CAAA;IACf,8BAAe,CAAA;AACjB,CAAC,EANW,WAAW,KAAX,WAAW,QAMtB;AAED,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,2BAAa,CAAA;IACb,2BAAa,CAAA;AACf,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB;AAED,MAAM,CAAN,IAAY,mBAIX;AAJD,WAAY,mBAAmB;IAC7B,oCAAa,CAAA;IACb,sCAAe,CAAA;IACf,oCAAa,CAAA;AACf,CAAC,EAJW,mBAAmB,KAAnB,mBAAmB,QAI9B;AAGD,MAAM,CAAN,IAAY,gBASX;AATD,WAAY,gBAAgB;IAC1B;;OAEG;IACH,yDAAK,CAAA;IACL;;OAEG;IACH,yDAAK,CAAA;AACP,CAAC,EATW,gBAAgB,KAAhB,gBAAgB,QAS3B;AAgCD,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,6BAAe,CAAA;IACf,2BAAa,CAAA;AACf,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB","sourcesContent":["import type { TemplateResult } from \"lit\";\nimport type { SplitItem } from \"./SplitItem.js\";\nimport type { ISplitLayout } from \"./SplitLayout.js\";\n\nexport enum SplitDirection {\n  horizontal = 'horizontal',\n  vertical = 'vertical',\n}\n\nexport enum SplitRegion {\n  center = 'center',\n  east = 'east',\n  west = 'west',\n  north = 'north',\n  south = 'south',\n}\n\nexport enum PanelState {\n  idle = 'idle',\n  busy = 'busy',\n}\n\nexport enum SplitCloseDirection {\n  left = 'left', \n  right = 'right', \n  both = 'both',\n}\n\n\nexport enum SplitPanelTarget {\n  /**\n   * Items are added to the first panel\n   */\n  first,\n  /**\n   * Items are added to the other, created panel\n   */\n  other,\n}\n\n/**\n * Note, options are stored by reference to you can change \n * configuration while the `SplitLayout` is running.\n */\nexport interface SplitLayoutInit {\n  /**\n   * The list of DataTransfer types to test against when handling drag and drop.\n   * When set it checks whether all types are set on the dragged item.\n   * If not set all items are allowed.\n   */\n  dragTypes?: string[];\n\n  /**\n   * When set it adds the `overflow` hidden on the container that holds the tab contents.\n   */\n  constrain?: boolean;\n\n  /**\n   * When defined this is called each time anything in the layout schema change.\n   * The application can use this callback to store the state in its data store.\n   * \n   * When not provided, it is application's responsibility to serialize the state \n   * and store the data before page unload.\n   * \n   * @param state The state object to stare by the application.\n   * @returns The callback must return a promise.\n   */\n  stateCallback?: (state: ISplitLayout) => Promise<void>;\n}\n\nexport enum LayoutType {\n  panel = 'panel',\n  item = 'item',\n}\n\nexport interface IPanelObject {\n  /**\n   * The type of the object.\n   */\n  type: LayoutType;\n  /**\n   * The id of the object in the `definitions` map.\n   */\n  key: string;\n}\n\nexport interface SplitLayoutAddOptions {\n  /**\n   * The region to add the item.\n   * When other than `center` it splits the panel.\n   */\n  region?: SplitRegion;\n  /**\n   * The index at which to put the item.\n   * By default it is added as a last item.\n   */\n  index?: number;\n}\n\n/**\n * Options given when splitting a SplitPanel into 2 panels.\n */\nexport interface SplitPanelSplitOptions {\n  /**\n   * The layout direction.\n   */\n  layout?: SplitDirection;\n\n  /**\n   * Directs where to put existing items.\n   * It's either the first or the other panel.\n   */\n  itemsTarget?: SplitPanelTarget;\n\n  /**\n   * When set it won't notify the manager about the change.\n   * It is useful when this is a part of a process.\n   */\n  noSideEffects?: boolean;\n}\n\nexport interface SplitPanelAddOptions {\n  /**\n   * The layout of the panel.\n   */\n  layout?: SplitDirection;\n  /**\n   * the key of the parent layout.\n   */\n  parent?: string;\n}\n\nexport type SplitItemRenderCallback = (item: SplitItem, visible: boolean) => TemplateResult;\n\nexport interface SplitPanelRemoveItemOptions {\n  /**\n   * When set it won't notify the manager about the change.\n   * It is useful when this is a part of a process.\n   */\n  noSideEffects?: boolean;\n}\n"]}

package/dist/elements/store/FilePicker.element.d.ts

@@ -0,0 +1,87 @@
+import { IFile, ListFileKind } from "@api-client/core/build/browser.js";
+import { CSSResult, TemplateResult } from "lit";
+import ApiElement from "../ApiElement.js";
+import type UiList from "../../ui/list/UiList.js";
+import type { UiListSelection } from "../../ui/list/UiList.js";
+import { FileSystem } from "../../store/FileSystem.js";
+import '../../define/ui/ui-divider.js';
+import '../../define/ui/ui-button.js';
+import '../../define/ui/ui-icon-button.js';
+import '../../define/ui/ui-icon.js';
+import '../../define/ui/ui-list.js';
+import '../../define/ui/ui-list-item.js';
+import '../../define/ui/ui-progress.js';
+export interface FilePickerClosingReason {
+    /**
+     * Whether the picker was canceled.
+     */
+    canceled: boolean;
+    /**
+     * The file selected by the user. This is always and only selected when the `canceled` is false.
+     */
+    file?: IFile;
+}
+/**
+ * A portable element that allow to pick a file from the Store.
+ *
+ * @fires close - When a file is selected or the user cancelled the dialog. The detail object is the picked file object. Note, this event bubbles.
+ * @fires querycomplete - When the page of results was loaded.
+ */
+export default class FilePicker extends ApiElement {
+    static get styles(): CSSResult[];
+    /**
+     * The key of the parent folder to query for files.
+     * @attribute
+     */
+    get folder(): string | undefined;
+    set folder(value: string | undefined);
+    /**
+     * The page limit. Defaults to the store defaults.
+     * @attribute
+     */
+    set limit(value: number | undefined);
+    get limit(): number | undefined;
+    /**
+     * The timeout for the page query debouncer.
+     * @attribute
+     */
+    get debounceTimeout(): number;
+    set debounceTimeout(value: number);
+    /**
+     * The list of file kinds to list.
+     * Folders are always included.
+     */
+    get kinds(): ListFileKind[] | undefined;
+    set kinds(value: ListFileKind[] | undefined);
+    protected list?: UiList;
+    /**
+     * The currently selected in the picker file.
+     */
+    protected selectedFile?: IFile;
+    errorMessage?: string;
+    /**
+     * When set it does not query for files when attached to the DOM.
+     * It will still query for files when attributes change. This is primarily used in tests.
+     * @attribute
+     */
+    manualQuery?: boolean;
+    get selectedKey(): string | undefined;
+    fs: FileSystem;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    focus(options?: FocusOptions | undefined): void;
+    protected handleFileSelect(e: CustomEvent<UiListSelection>): void;
+    protected handleParentUp(): void;
+    protected notifyClose(canceled: boolean): void;
+    protected handleSelect(): void;
+    protected handleCancel(): void;
+    protected handleListScroll(e: Event): void;
+    protected render(): TemplateResult;
+    protected renderHeader(): TemplateResult;
+    protected renderFiles(): TemplateResult;
+    protected renderEmptyList(): TemplateResult;
+    protected renderFileItem(item: IFile): TemplateResult;
+    protected renderActions(): TemplateResult;
+}
+//# sourceMappingURL=FilePicker.element.d.ts.map

package/dist/elements/store/FilePicker.element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePicker.element.d.ts","sourceRoot":"","sources":["../../../src/elements/store/FilePicker.element.ts"],"names":[],"mappings":"AAAA,OAAO,EACO,KAAK,EACjB,YAAY,EACb,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AAG/D,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAG1C,OAAO,KAAK,MAAM,MAAM,yBAAyB,CAAC;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,+BAA+B,CAAC;AACvC,OAAO,8BAA8B,CAAC;AACtC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,4BAA4B,CAAC;AACpC,OAAO,4BAA4B,CAAC;AACpC,OAAO,iCAAiC,CAAC;AACzC,OAAO,gCAAgC,CAAC;AAExC,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,UAAU;IAChD,WAAoB,MAAM,IAAI,SAAS,EAAE,CAExC;IAED;;;OAGG;IACH,IACI,MAAM,IAAI,MAAM,GAAG,SAAS,CAE/B;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAEnC;IAED;;;OAGG;IACH,IACI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAElC;IAED,IAAI,KAAK,IAAI,MAAM,GAAG,SAAS,CAE9B;IAED;;;OAGG;IACH,IACI,eAAe,IAAI,MAAM,CAE5B;IAED,IAAI,eAAe,CAAC,KAAK,EAAE,MAAM,EAEhC;IAED;;;OAGG;IACH,IACI,KAAK,IAAI,YAAY,EAAE,GAAG,SAAS,CAEtC;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,SAAS,EAI1C;IAEiB,SAAS,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAE1C;;OAEG;IACM,SAAS,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC;IAE/B,YAAY,CAAC,EAAE,MAAM,CAAC;IAE/B;;;;OAIG;IAC0B,WAAW,CAAC,EAAE,OAAO,CAAC;IAEnD,IAAI,WAAW,IAAI,MAAM,GAAG,SAAS,CAEpC;IAED,EAAE,aAAoB;;IAqBb,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;IAK5B,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,GAAG,IAAI;IAOxD,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,GAAG,IAAI;IAejE,SAAS,CAAC,cAAc,IAAI,IAAI;IAKhC,SAAS,CAAC,WAAW,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAoB9C,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B,SAAS,CAAC,YAAY,IAAI,IAAI;IAK9B,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;cAOvB,MAAM,IAAI,cAAc;IAa3C,SAAS,CAAC,YAAY,IAAI,cAAc;IA4BxC,SAAS,CAAC,WAAW,IAAI,cAAc;IAYvC,SAAS,CAAC,eAAe,IAAI,cAAc;IAM3C,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,GAAG,cAAc;IAUrD,SAAS,CAAC,aAAa,IAAI,cAAc;CAU1C"}

package/dist/elements/store/FilePicker.element.js

@@ -0,0 +1,263 @@
+import { __decorate } from "tslib";
+import { FolderKind } from "@api-client/core/build/browser.js";
+import { html, nothing } from "lit";
+import { eventOptions, property, query, state } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import ApiElement from "../ApiElement.js";
+import styles from './FilePicker.styles.js';
+import { fileIcon } from "./FilesLib.js";
+import { FileSystem } from "../../store/FileSystem.js";
+import '../../define/ui/ui-divider.js';
+import '../../define/ui/ui-button.js';
+import '../../define/ui/ui-icon-button.js';
+import '../../define/ui/ui-icon.js';
+import '../../define/ui/ui-list.js';
+import '../../define/ui/ui-list-item.js';
+import '../../define/ui/ui-progress.js';
+/**
+ * A portable element that allow to pick a file from the Store.
+ *
+ * @fires close - When a file is selected or the user cancelled the dialog. The detail object is the picked file object. Note, this event bubbles.
+ * @fires querycomplete - When the page of results was loaded.
+ */
+export default class FilePicker extends ApiElement {
+    static get styles() {
+        return styles;
+    }
+    /**
+     * The key of the parent folder to query for files.
+     * @attribute
+     */
+    get folder() {
+        return this.fs.parent;
+    }
+    set folder(value) {
+        this.fs.selectFolder(value);
+    }
+    /**
+     * The page limit. Defaults to the store defaults.
+     * @attribute
+     */
+    set limit(value) {
+        this.fs.limit = value;
+    }
+    get limit() {
+        return this.fs.limit;
+    }
+    /**
+     * The timeout for the page query debouncer.
+     * @attribute
+     */
+    get debounceTimeout() {
+        return this.fs.debounceTimeout;
+    }
+    set debounceTimeout(value) {
+        this.fs.debounceTimeout = value || 0;
+    }
+    /**
+     * The list of file kinds to list.
+     * Folders are always included.
+     */
+    get kinds() {
+        return this.fs.kinds;
+    }
+    set kinds(value) {
+        this.fs.kinds = value;
+        this.fs.resetList();
+        this.fs.debounceQuery();
+    }
+    get selectedKey() {
+        return this.selectedFile?.key;
+    }
+    constructor() {
+        super();
+        this.fs = new FileSystem();
+        this.fs.eventsTarget = this;
+        this.fs.addEventListener('change', () => this.requestUpdate());
+        this.fs.addEventListener('error', (e) => {
+            const event = e;
+            this.errorMessage = event.detail;
+        });
+        this.fs.addEventListener('querycomplete', () => {
+            this.dispatchEvent(new Event('querycomplete'));
+        });
+        this.fs.addEventListener('delete', (e) => {
+            const event = e;
+            if (this.selectedFile && this.selectedFile.key === event.detail) {
+                this.selectedFile = undefined;
+            }
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.fs.observe();
+        if (!this.manualQuery) {
+            this.fs.debounceQuery();
+        }
+        if (!this.hasAttribute('tabindex')) {
+            this.setAttribute('tabindex', '0');
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.fs.unobserve();
+    }
+    focus(options) {
+        const { list } = this;
+        if (list) {
+            list.focus(options);
+        }
+    }
+    handleFileSelect(e) {
+        // this prevents the dropdown list to close the UI.
+        e.preventDefault();
+        const file = this.fs.files[e.detail.index];
+        if (!file) {
+            return;
+        }
+        if (file.kind === FolderKind) {
+            this.fs.selectFolder(file.key);
+            this.selectedFile = undefined;
+            return;
+        }
+        this.selectedFile = file;
+    }
+    handleParentUp() {
+        this.fs.parentUp();
+        this.selectedFile = undefined;
+    }
+    notifyClose(canceled) {
+        if (!canceled && !this.selectedFile) {
+            return;
+        }
+        const detail = {
+            canceled,
+        };
+        if (!canceled) {
+            detail.file = this.selectedFile;
+        }
+        // this event bubbles so any dropdown on the way can close itself.
+        const e = new CustomEvent('close', {
+            bubbles: true,
+            cancelable: true,
+            composed: true,
+            detail,
+        });
+        this.dispatchEvent(e);
+    }
+    handleSelect() {
+        this.notifyClose(false);
+    }
+    handleCancel() {
+        this.notifyClose(true);
+    }
+    handleListScroll(e) {
+        const list = e.target;
+        if (this.fs.isListEnd(list)) {
+            this.fs.debounceQuery();
+        }
+    }
+    render() {
+        return html `
+    <div class="content">
+      ${this.renderHeader()}
+      <ui-divider></ui-divider>
+      ${this.renderFiles()}
+      ${this.errorMessage ? html `<p class="error">${this.errorMessage}</p>` : nothing}
+      <ui-divider></ui-divider>
+      ${this.renderActions()}
+    </div>
+    `;
+    }
+    renderHeader() {
+        const { breadcrumbs = [], reading } = this.fs;
+        let content;
+        let withIcon = false;
+        if (!breadcrumbs.length) {
+            content = html `<span class="title-large label">My files</span>`;
+        }
+        else {
+            withIcon = true;
+            const [parent] = breadcrumbs;
+            content = html `
+        <ui-icon-button aria-label="Open parent folder" @click="${this.handleParentUp}" class="back-button">
+          <ui-icon role="presentation" icon="arrowBack"></ui-icon>
+        </ui-icon-button>
+        <span class="title-large label">${parent.name}</span>
+      `;
+        }
+        const classes = {
+            header: true,
+            withIcon,
+        };
+        return html `
+    <div class="${classMap(classes)}">
+      ${content}
+      ${reading ? html `<ui-progress indeterminate class="progress"></ui-progress>` : nothing}
+    </div>
+    `;
+    }
+    renderFiles() {
+        const { files } = this.fs;
+        if (!files || !files.length) {
+            return this.renderEmptyList();
+        }
+        return html `
+    <ui-list class="list" role="menu" @select="${this.handleFileSelect}" selectActive @scroll="${this.handleListScroll}">
+      ${files.map(item => this.renderFileItem(item))}
+    </ui-list>
+    `;
+    }
+    renderEmptyList() {
+        return html `
+    <p class="no-files body-large">No files in this view.</p>
+    `;
+    }
+    renderFileItem(item) {
+        const icon = fileIcon(item);
+        return html `
+    <ui-list-item role="menuitem" data-key="${item.key}" data-kind="${item.kind}">
+      ${icon ? html `<ui-icon icon="${icon}" class="file-icon"></ui-icon>` : nothing}
+      ${item.info.name || 'Unnamed file'}
+    </ui-list-item>
+    `;
+    }
+    renderActions() {
+        const { selectedFile } = this;
+        const disableSelect = !selectedFile;
+        return html `
+    <div class="actions">
+      <ui-button type="text" @click="${this.handleCancel}" value="cancel">Cancel</ui-button>
+      <ui-button type="tonal" ?disabled="${disableSelect}" @click="${this.handleSelect}" value="select">Select</ui-button>
+    </div>
+    `;
+    }
+}
+__decorate([
+    property({ type: String, hasChanged: () => false })
+], FilePicker.prototype, "folder", null);
+__decorate([
+    property({ type: Number, hasChanged: () => false })
+], FilePicker.prototype, "limit", null);
+__decorate([
+    property({ type: Number, hasChanged: () => false })
+], FilePicker.prototype, "debounceTimeout", null);
+__decorate([
+    property({ type: Array, hasChanged: () => false })
+], FilePicker.prototype, "kinds", null);
+__decorate([
+    query('ui-list')
+], FilePicker.prototype, "list", void 0);
+__decorate([
+    state()
+], FilePicker.prototype, "selectedFile", void 0);
+__decorate([
+    state()
+], FilePicker.prototype, "errorMessage", void 0);
+__decorate([
+    property({ type: Boolean })
+], FilePicker.prototype, "manualQuery", void 0);
+__decorate([
+    eventOptions({ passive: true })
+], FilePicker.prototype, "handleListScroll", null);
+//# sourceMappingURL=FilePicker.element.js.map

package/dist/elements/store/FilePicker.element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePicker.element.js","sourceRoot":"","sources":["../../../src/elements/store/FilePicker.element.ts"],"names":[],"mappings":"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","sourcesContent":["import { \n  FolderKind, IFile, \n  ListFileKind \n} from \"@api-client/core/build/browser.js\";\nimport { CSSResult, html, nothing, TemplateResult } from \"lit\";\nimport { eventOptions, property, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport ApiElement from \"../ApiElement.js\";\nimport styles from './FilePicker.styles.js';\nimport { fileIcon } from \"./FilesLib.js\";\nimport type UiList from \"../../ui/list/UiList.js\";\nimport type { UiListSelection } from \"../../ui/list/UiList.js\";\nimport { FileSystem } from \"../../store/FileSystem.js\";\nimport '../../define/ui/ui-divider.js';\nimport '../../define/ui/ui-button.js';\nimport '../../define/ui/ui-icon-button.js';\nimport '../../define/ui/ui-icon.js';\nimport '../../define/ui/ui-list.js';\nimport '../../define/ui/ui-list-item.js';\nimport '../../define/ui/ui-progress.js';\n\nexport interface FilePickerClosingReason {\n  /**\n   * Whether the picker was canceled.\n   */\n  canceled: boolean;\n  /**\n   * The file selected by the user. This is always and only selected when the `canceled` is false.\n   */\n  file?: IFile;\n}\n\n/**\n * A portable element that allow to pick a file from the Store.\n * \n * @fires close - When a file is selected or the user cancelled the dialog. The detail object is the picked file object. Note, this event bubbles.\n * @fires querycomplete - When the page of results was loaded.\n */\nexport default class FilePicker extends ApiElement {\n  static override get styles(): CSSResult[] {\n    return styles;\n  }\n\n  /**\n   * The key of the parent folder to query for files.\n   * @attribute\n   */\n  @property({ type: String, hasChanged: () => false }) \n  get folder(): string | undefined {\n    return this.fs.parent;\n  }\n\n  set folder(value: string | undefined) {\n    this.fs.selectFolder(value);\n  }\n\n  /**\n   * The page limit. Defaults to the store defaults.\n   * @attribute\n   */\n  @property({ type: Number, hasChanged: () => false }) \n  set limit(value: number | undefined) {\n    this.fs.limit = value;\n  }\n\n  get limit(): number | undefined {\n    return this.fs.limit;\n  }\n\n  /**\n   * The timeout for the page query debouncer.\n   * @attribute\n   */\n  @property({ type: Number, hasChanged: () => false }) \n  get debounceTimeout(): number {\n    return this.fs.debounceTimeout;\n  }\n\n  set debounceTimeout(value: number) {\n    this.fs.debounceTimeout = value || 0;\n  }\n\n  /**\n   * The list of file kinds to list.\n   * Folders are always included.\n   */\n  @property({ type: Array, hasChanged: () => false }) \n  get kinds(): ListFileKind[] | undefined {\n    return this.fs.kinds;\n  }\n\n  set kinds(value: ListFileKind[] | undefined) {\n    this.fs.kinds = value;\n    this.fs.resetList();\n    this.fs.debounceQuery();\n  }\n\n  @query('ui-list') protected list?: UiList;\n\n  /**\n   * The currently selected in the picker file.\n   */\n  @state() protected selectedFile?: IFile;\n\n  @state() errorMessage?: string;\n\n  /**\n   * When set it does not query for files when attached to the DOM. \n   * It will still query for files when attributes change. This is primarily used in tests.\n   * @attribute\n   */\n  @property({ type: Boolean }) manualQuery?: boolean;\n\n  get selectedKey(): string | undefined {\n    return this.selectedFile?.key;\n  }\n\n  fs = new FileSystem();\n\n  constructor() {\n    super();\n    this.fs.eventsTarget = this;\n    this.fs.addEventListener('change', () => this.requestUpdate());\n    this.fs.addEventListener('error', (e: Event) => {\n      const event = e as CustomEvent<string>;\n      this.errorMessage = event.detail;\n    });\n    this.fs.addEventListener('querycomplete', () => {\n      this.dispatchEvent(new Event('querycomplete'));\n    });\n    this.fs.addEventListener('delete', (e: Event) => {\n      const event = e as CustomEvent<string>;\n      if (this.selectedFile && this.selectedFile.key === event.detail) {\n        this.selectedFile = undefined;\n      }\n    });\n  }\n  \n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.fs.observe();\n    if (!this.manualQuery) {\n      this.fs.debounceQuery();\n    }\n    if (!this.hasAttribute('tabindex')) {\n      this.setAttribute('tabindex', '0');\n    }\n  }\n  \n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.fs.unobserve();\n  }\n\n  override focus(options?: FocusOptions | undefined): void {\n    const { list } = this;\n    if (list) {\n      list.focus(options);\n    }\n  }\n\n  protected handleFileSelect(e: CustomEvent<UiListSelection>): void {\n    // this prevents the dropdown list to close the UI.\n    e.preventDefault();\n    const file = this.fs.files[e.detail.index];\n    if (!file) {\n      return;\n    }\n    if (file.kind === FolderKind) {\n      this.fs.selectFolder(file.key);\n      this.selectedFile = undefined;\n      return;\n    }\n    this.selectedFile = file;\n  }\n\n  protected handleParentUp(): void {\n    this.fs.parentUp();\n    this.selectedFile = undefined;\n  }\n\n  protected notifyClose(canceled: boolean): void {\n    if (!canceled && !this.selectedFile) {\n      return;\n    }\n    const detail: FilePickerClosingReason = {\n      canceled,\n    };\n    if (!canceled) {\n      detail.file = this.selectedFile;\n    }\n    // this event bubbles so any dropdown on the way can close itself.\n    const e = new CustomEvent<FilePickerClosingReason>('close', {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail,\n    });\n    this.dispatchEvent(e);\n  }\n\n  protected handleSelect(): void {\n    this.notifyClose(false);\n  }\n\n  protected handleCancel(): void {\n    this.notifyClose(true);\n  }\n\n  @eventOptions({ passive: true })\n  protected handleListScroll(e: Event): void {\n    const list = e.target as UiList;\n    if (this.fs.isListEnd(list)) {\n      this.fs.debounceQuery();\n    }\n  }\n\n  protected override render(): TemplateResult {\n    return html`\n    <div class=\"content\">\n      ${this.renderHeader()}\n      <ui-divider></ui-divider>\n      ${this.renderFiles()}\n      ${this.errorMessage ? html`<p class=\"error\">${this.errorMessage}</p>` : nothing}\n      <ui-divider></ui-divider>\n      ${this.renderActions()}\n    </div>\n    `;\n  }\n\n  protected renderHeader(): TemplateResult {\n    const { breadcrumbs = [], reading } = this.fs;\n    let content: TemplateResult;\n    let withIcon = false;\n    if (!breadcrumbs.length) {\n      content = html`<span class=\"title-large label\">My files</span>`;\n    } else {\n      withIcon = true;\n      const [parent] = breadcrumbs;\n      content = html`\n        <ui-icon-button aria-label=\"Open parent folder\" @click=\"${this.handleParentUp}\" class=\"back-button\">\n          <ui-icon role=\"presentation\" icon=\"arrowBack\"></ui-icon>\n        </ui-icon-button>\n        <span class=\"title-large label\">${parent.name}</span>\n      `;\n    }\n    const classes = {\n      header: true,\n      withIcon,\n    }\n    return html`\n    <div class=\"${classMap(classes)}\">\n      ${content}\n      ${reading ? html`<ui-progress indeterminate class=\"progress\"></ui-progress>` : nothing}\n    </div>\n    `;\n  }\n\n  protected renderFiles(): TemplateResult {\n    const { files } = this.fs;\n    if (!files || !files.length) {\n      return this.renderEmptyList();\n    }\n    return html`\n    <ui-list class=\"list\" role=\"menu\" @select=\"${this.handleFileSelect}\" selectActive @scroll=\"${this.handleListScroll}\">\n      ${files.map(item => this.renderFileItem(item))}\n    </ui-list>\n    `;\n  }\n\n  protected renderEmptyList(): TemplateResult {\n    return html`\n    <p class=\"no-files body-large\">No files in this view.</p>\n    `;\n  }\n\n  protected renderFileItem(item: IFile): TemplateResult {\n    const icon = fileIcon(item);\n    return html`\n    <ui-list-item role=\"menuitem\" data-key=\"${item.key}\" data-kind=\"${item.kind}\">\n      ${icon ? html`<ui-icon icon=\"${icon}\" class=\"file-icon\"></ui-icon>` : nothing}\n      ${item.info.name || 'Unnamed file'}\n    </ui-list-item>\n    `;\n  }\n\n  protected renderActions(): TemplateResult {\n    const { selectedFile } = this;\n    const disableSelect = !selectedFile;\n    return html`\n    <div class=\"actions\">\n      <ui-button type=\"text\" @click=\"${this.handleCancel}\" value=\"cancel\">Cancel</ui-button>\n      <ui-button type=\"tonal\" ?disabled=\"${disableSelect}\" @click=\"${this.handleSelect}\" value=\"select\">Select</ui-button>\n    </div>\n    `;\n  }\n}\n"]}

package/dist/elements/store/FilePicker.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult[];
+export default _default;
+//# sourceMappingURL=FilePicker.styles.d.ts.map

package/dist/elements/store/FilePicker.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePicker.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/store/FilePicker.styles.ts"],"names":[],"mappings":";AAGA,wBAoEG"}

package/dist/elements/store/FilePicker.styles.js

@@ -0,0 +1,72 @@
+import { css } from "lit";
+import typography from '../../styles/m3/typography.module.js';
+export default [typography, css `
+:host {
+  display: block;
+
+  width: 420px;
+  height: 400px;
+
+  background-color: var(--md-sys-color-background);
+  color: var(--md-sys-color-on-background);
+}
+
+.content {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.header {
+  height: 56px;
+  display: flex;
+  align-items: center;
+  position: relative;
+  margin: 0 16px;
+}
+
+.header.withIcon {
+  margin: 0 16px 0 4px;
+}
+
+.header .label {
+  display: block;
+}
+
+.progress {
+  position: absolute;
+  bottom: -10px; /* aligns with the divider */
+  width: 100%;
+}
+
+.list {
+  overflow-y: auto;
+  flex: 1;
+  margin: 0;
+  padding: 0;
+}
+
+.actions {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  margin: 0 16px;
+}
+
+.file-icon {
+  margin-right: 12px;
+}
+
+.error {
+  background-color: var(--md-sys-color-error-container);
+  color: var(--md-sys-color-on-error-container);
+  display: block;
+  padding: 8px 12px;
+  border-radius: var(--md-sys-shape-corner-small);
+}
+
+.no-files {
+  flex: 1;
+}
+`];
+//# sourceMappingURL=FilePicker.styles.js.map