@vscode-elements/elements 1.5.0 → 1.6.1

package/dist/vscode-table/vscode-table.js

@@ -80,13 +80,29 @@ let VscodeTable = class VscodeTable extends VscElement {
         this._prevComponentHeight = 0;
         this._componentResizeObserverCallback = () => {
             this._memoizeComponentDimensions();
-            this._updateScrollpaneSize();
+            this._updateResizeHandlersSize();
             if (this.responsive) {
                 this._toggleCompactView();
             }
         };
         this._headerResizeObserverCallback = () => {
-            this._updateScrollpaneSize();
+            this._updateResizeHandlersSize();
+        };
+        this._bodyResizeObserverCallback = () => {
+            let headerHeight = 0;
+            let tbodyHeight = 0;
+            const tableHeight = this.getBoundingClientRect().height;
+            if (this._assignedHeaderElements && this._assignedHeaderElements.length) {
+                headerHeight =
+                    this._assignedHeaderElements[0].getBoundingClientRect().height;
+            }
+            if (this._assignedBodyElements && this._assignedBodyElements.length) {
+                tbodyHeight =
+                    this._assignedBodyElements[0].getBoundingClientRect().height;
+            }
+            const overflownContentHeight = tbodyHeight - headerHeight - tableHeight;
+            this._scrollableElement.style.height =
+                overflownContentHeight > 0 ? `${tableHeight - headerHeight}px` : 'auto';
         };
         this._onResizingMouseMove = (event) => {
             event.stopPropagation();
@@ -136,6 +152,7 @@ let VscodeTable = class VscodeTable extends VscElement {
         super.disconnectedCallback();
         this._componentResizeObserver.unobserve(this);
         this._componentResizeObserver.disconnect();
+        this._bodyResizeObserver?.disconnect();
     }
     _px2Percent(px) {
         return (px / this._componentW) * 100;
@@ -241,7 +258,7 @@ let VscodeTable = class VscodeTable extends VscElement {
         this._initBodyColumnSizes(colWidths);
         this._initSashes(colWidths);
     }
-    _updateScrollpaneSize() {
+    _updateResizeHandlersSize() {
         const headerCr = this._headerElement.getBoundingClientRect();
         if (headerCr.height === this._prevHeaderHeight &&
             this._componentH === this._prevComponentHeight) {
@@ -249,10 +266,9 @@ let VscodeTable = class VscodeTable extends VscElement {
         }
         this._prevHeaderHeight = headerCr.height;
         this._prevComponentHeight = this._componentH;
-        const scrollableH = this._componentH - headerCr.height;
-        this._scrollableElement.style.height = `${scrollableH}px`;
+        const bodyHeight = this._componentH - headerCr.height;
         this._sashVisibleElements.forEach((el) => {
-            el.style.height = `${scrollableH}px`;
+            el.style.height = `${bodyHeight}px`;
             el.style.top = `${headerCr.height}px`;
         });
     }
@@ -293,6 +309,14 @@ let VscodeTable = class VscodeTable extends VscElement {
     _onBodySlotChange() {
         this._initDefaultColumnSizes();
         this._initResizeObserver();
+        this._updateResizeHandlersSize();
+        if (!this._bodyResizeObserver) {
+            const tbody = this._assignedBodyElements[0] ?? null;
+            if (tbody) {
+                this._bodyResizeObserver = new ResizeObserver(this._bodyResizeObserverCallback);
+                this._bodyResizeObserver.observe(tbody);
+            }
+        }
     }
     _onSashMouseOver(event) {
         if (this._isDragging) {

package/dist/vscode-table/vscode-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-table.js","sourceRoot":"","sources":["../../src/vscode-table/vscode-table.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {\n  customElement,\n  property,\n  query,\n  queryAll,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {styleMap} from 'lit/directives/style-map.js';\nimport {VscElement} from '../includes/VscElement.js';\nimport '../vscode-scrollable';\nimport {VscodeScrollable} from '../vscode-scrollable/index.js';\nimport {VscodeTableBody} from '../vscode-table-body/index.js';\nimport {VscodeTableCell} from '../vscode-table-cell/index.js';\nimport {VscodeTableHeader} from '../vscode-table-header/index.js';\nimport {VscodeTableHeaderCell} from '../vscode-table-header-cell/index.js';\nimport {rawValueToPercentage} from './helpers.js';\nimport styles from './vscode-table.styles.js';\n\nconst COMPONENT_WIDTH_PERCENTAGE = 100;\n\n/**\n * @attr {Boolean} zebra - Zebra stripes, even rows are tinted.\n * @attr {Boolean} zebra-odd - Zebra stripes, odd rows are tinted.\n * @attr {Boolean} bordered-rows - Rows are separated by borders\n * @attr {Boolean} bordered-columns - Columns are separated by borders\n * @attr {Boolean} bordered - Rows and columns are separated by borders\n *\n * @cssprop [--border=var(--vscode-editorGroup-border)]\n * @cssprop [--foreground=var(--vscode-foreground)]\n * @cssprop [--resize-hover-border=var(--vscode-sash-hoverBorder)]\n * @cssprop [--tinted-row-background=var(--vscode-keybindingTable-rowsBackground)]\n * @cssprop [--header-background=var(--vscode-keybindingTable-headerBackground)]\n * @cssprop [--font-size=var(--vscode-font-size)]\n * @cssprop [--font-family=var(--vscode-font-family)]\n */\n@customElement('vscode-table')\nexport class VscodeTable extends VscElement {\n  static styles = styles;\n\n  /** @internal */\n  @property({reflect: true})\n  role = 'table';\n\n  @property({type: Boolean, reflect: true})\n  resizable = false;\n\n  @property({type: Boolean, reflect: true})\n  responsive = false;\n\n  @property({type: Number})\n  breakpoint = 300;\n\n  /**\n   * Initial column sizes in a JSON-encoded array.\n   * Accepted values are:\n   * - number\n   * - string-type number (ex.: \"100\")\n   * - px value (ex.: \"100px\")\n   * - percentage value (ex.: \"50%\")\n   * - percentage value (ex.: \"50%\")\n   * - \"auto\" keyword\n   */\n  @property({type: Array})\n  set columns(val: string[]) {\n    this._columns = val;\n\n    if (this.isConnected) {\n      this._initDefaultColumnSizes();\n    }\n  }\n  get columns(): string[] {\n    return this._columns;\n  }\n\n  /**\n   * Minimum column width. Valid values are:\n   * - number\n   * - string-type number (ex.: \"100\")\n   * - px value (ex.: \"100px\")\n   * - percentage value (ex.: \"50%\")\n   * - percentage value (ex.: \"50%\")\n   * - \"auto\" keyword\n   */\n  @property({attribute: 'min-column-width'})\n  minColumnWidth = '50px';\n\n  @property({type: Boolean, reflect: true, attribute: 'delayed-resizing'})\n  delayedResizing = false;\n\n  /**\n   * For internal use only\n   */\n  @property({type: Boolean, reflect: true})\n  compact = false;\n\n  @query('slot[name=\"body\"]')\n  private _bodySlot!: HTMLSlotElement;\n\n  @query('.header')\n  private _headerElement!: HTMLDivElement;\n\n  @query('.scrollable')\n  private _scrollableElement!: VscodeScrollable;\n\n  @queryAll('.sash-visible')\n  private _sashVisibleElements!: HTMLDivElement[];\n\n  @queryAssignedElements({\n    slot: 'header',\n    flatten: true,\n    selector: 'vscode-table-header',\n  })\n  private _assignedHeaderElements!: NodeListOf<VscodeTableHeader>;\n\n  @queryAssignedElements({\n    slot: 'body',\n    flatten: true,\n    selector: 'vscode-table-body',\n  })\n  private _assignedBodyElements!: NodeListOf<VscodeTableBody>;\n\n  /**\n   * Sash positions in percentage\n   */\n  @state()\n  private _sashPositions: number[] = [];\n\n  @state()\n  private _isDragging = false;\n\n  /**\n   * Sash hover state flags, used in the render.\n   */\n  private _sashHovers: boolean[] = [];\n  private _columns: string[] = [];\n  private _componentResizeObserver!: ResizeObserver;\n  private _headerResizeObserver!: ResizeObserver;\n  private _activeSashElementIndex = -1;\n  private _activeSashCursorOffset = 0;\n  private _componentX = 0;\n  private _componentH = 0;\n  private _componentW = 0;\n  /**\n   * Cached querySelectorAll result. Updated when the header slot changes.\n   * It shouldn't be used directly, check the \"_getHeaderCells\" function.\n   */\n  private _headerCells: VscodeTableHeaderCell[] = [];\n  /**\n   * Cached querySelectorAll result. Updated when the body slot changes.\n   * It shouldn't be used directly, check the \"_getCellsOfFirstRow\" function.\n   */\n  private _cellsOfFirstRow: VscodeTableCell[] = [];\n  private _cellsToResize!: VscodeTableCell[];\n  private _headerCellsToResize!: VscodeTableHeaderCell[];\n  private _prevHeaderHeight = 0;\n  private _prevComponentHeight = 0;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    this._memoizeComponentDimensions();\n    this._initDefaultColumnSizes();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._componentResizeObserver.unobserve(this);\n    this._componentResizeObserver.disconnect();\n  }\n\n  private _px2Percent(px: number) {\n    return (px / this._componentW) * 100;\n  }\n\n  private _percent2Px(percent: number) {\n    return (this._componentW * percent) / 100;\n  }\n\n  private _memoizeComponentDimensions() {\n    const cr = this.getBoundingClientRect();\n\n    this._componentH = cr.height;\n    this._componentW = cr.width;\n    this._componentX = cr.x;\n  }\n\n  private _queryHeaderCells() {\n    const headers = this._assignedHeaderElements;\n\n    if (!(headers && headers[0])) {\n      return [];\n    }\n\n    return Array.from(\n      headers[0].querySelectorAll<VscodeTableHeaderCell>(\n        'vscode-table-header-cell'\n      )\n    );\n  }\n\n  /**\n   * Get cached header cells\n   */\n  private _getHeaderCells() {\n    if (!this._headerCells.length) {\n      this._headerCells = this._queryHeaderCells();\n    }\n\n    return this._headerCells;\n  }\n\n  private _queryCellsOfFirstRow() {\n    const assignedBodyElements = this._assignedBodyElements;\n\n    if (!(assignedBodyElements && assignedBodyElements[0])) {\n      return [];\n    }\n\n    return Array.from(\n      assignedBodyElements[0].querySelectorAll<VscodeTableCell>(\n        'vscode-table-row:first-child vscode-table-cell'\n      )\n    );\n  }\n\n  /**\n   * Get cached cells of first row\n   */\n  private _getCellsOfFirstRow() {\n    if (!this._cellsOfFirstRow.length) {\n      this._cellsOfFirstRow = this._queryCellsOfFirstRow();\n    }\n\n    return this._cellsOfFirstRow;\n  }\n\n  private _initResizeObserver() {\n    this._componentResizeObserver = new ResizeObserver(\n      this._componentResizeObserverCallback\n    );\n    this._componentResizeObserver.observe(this);\n\n    this._headerResizeObserver = new ResizeObserver(\n      this._headerResizeObserverCallback\n    );\n    this._headerResizeObserver.observe(this._headerElement);\n  }\n\n  private _componentResizeObserverCallback = () => {\n    this._memoizeComponentDimensions();\n    this._updateScrollpaneSize();\n\n    if (this.responsive) {\n      this._toggleCompactView();\n    }\n  };\n\n  private _headerResizeObserverCallback = () => {\n    this._updateScrollpaneSize();\n  };\n\n  private _calcColWidthPercentages(): number[] {\n    const numCols = this._getHeaderCells().length;\n    let cols: (string | number)[] = this.columns.slice(0, numCols);\n    const numAutoCols =\n      cols.filter((c) => c === 'auto').length + numCols - cols.length;\n    let availablePercent = 100;\n\n    cols = cols.map((col) => {\n      const percentage = rawValueToPercentage(col, this._componentW);\n\n      if (percentage === null) {\n        return 'auto';\n      }\n\n      availablePercent -= percentage;\n\n      return percentage;\n    });\n\n    if (cols.length < numCols) {\n      for (let i = cols.length; i < numCols; i++) {\n        cols.push('auto');\n      }\n    }\n\n    cols = cols.map((col) => {\n      if (col === 'auto') {\n        return availablePercent / numAutoCols;\n      }\n\n      return col as number;\n    });\n\n    return cols as number[];\n  }\n\n  private _initHeaderCellSizes(colWidths: number[]) {\n    this._getHeaderCells().forEach((cell, index) => {\n      cell.style.width = `${colWidths[index]}%`;\n    });\n  }\n\n  private _initBodyColumnSizes(colWidths: number[]) {\n    this._getCellsOfFirstRow().forEach((cell, index) => {\n      cell.style.width = `${colWidths[index]}%`;\n    });\n  }\n\n  private _initSashes(colWidths: number[]) {\n    const l = colWidths.length;\n    let prevHandlerPos = 0;\n    this._sashPositions = [];\n\n    colWidths.forEach((collW, index) => {\n      if (index < l - 1) {\n        const pos = prevHandlerPos + collW;\n\n        this._sashPositions.push(pos);\n        prevHandlerPos = pos;\n      }\n    });\n  }\n\n  private _initDefaultColumnSizes() {\n    const colWidths = this._calcColWidthPercentages();\n\n    this._initHeaderCellSizes(colWidths);\n    this._initBodyColumnSizes(colWidths);\n    this._initSashes(colWidths);\n  }\n\n  private _updateScrollpaneSize() {\n    const headerCr = this._headerElement.getBoundingClientRect();\n\n    if (\n      headerCr.height === this._prevHeaderHeight &&\n      this._componentH === this._prevComponentHeight\n    ) {\n      return;\n    }\n\n    this._prevHeaderHeight = headerCr.height;\n    this._prevComponentHeight = this._componentH;\n    const scrollableH = this._componentH - headerCr.height;\n    this._scrollableElement.style.height = `${scrollableH}px`;\n\n    this._sashVisibleElements.forEach((el) => {\n      el.style.height = `${scrollableH}px`;\n      el.style.top = `${headerCr.height}px`;\n    });\n  }\n\n  private _applyCompactViewColumnLabels() {\n    const headerCells = this._getHeaderCells();\n    const labels = headerCells.map((c) => c.innerText);\n    const rows = this.querySelectorAll('vscode-table-row');\n\n    rows.forEach((r) => {\n      const cells = r.querySelectorAll('vscode-table-cell');\n\n      cells.forEach((c, i) => {\n        c.columnLabel = labels[i];\n        c.compact = true;\n      });\n    });\n  }\n\n  private _clearCompactViewColumnLabels() {\n    this.querySelectorAll('vscode-table-cell').forEach((c) => {\n      c.columnLabel = '';\n      c.compact = false;\n    });\n  }\n\n  private _toggleCompactView() {\n    const cr = this.getBoundingClientRect();\n    const nextCompactView = cr.width < this.breakpoint;\n\n    if (this.compact !== nextCompactView) {\n      this.compact = nextCompactView;\n\n      if (nextCompactView) {\n        this._applyCompactViewColumnLabels();\n      } else {\n        this._clearCompactViewColumnLabels();\n      }\n    }\n  }\n\n  private _onHeaderSlotChange() {\n    this._headerCells = this._queryHeaderCells();\n  }\n\n  private _onBodySlotChange() {\n    this._initDefaultColumnSizes();\n    this._initResizeObserver();\n  }\n\n  private _onSashMouseOver(event: MouseEvent) {\n    if (this._isDragging) {\n      return;\n    }\n\n    const target = event.currentTarget as HTMLDivElement;\n    const index = Number(target.dataset.index);\n    this._sashHovers[index] = true;\n    this.requestUpdate();\n  }\n\n  private _onSashMouseOut(event: MouseEvent) {\n    event.stopPropagation();\n\n    if (this._isDragging) {\n      return;\n    }\n\n    const target = event.currentTarget as HTMLDivElement;\n    const index = Number(target.dataset.index);\n    this._sashHovers[index] = false;\n    this.requestUpdate();\n  }\n\n  private _onSashMouseDown(event: MouseEvent) {\n    event.stopPropagation();\n\n    const {pageX, currentTarget} = event;\n    const el = currentTarget as HTMLDivElement;\n    const index = Number(el.dataset.index);\n    const cr = el.getBoundingClientRect();\n    const elX = cr.x;\n\n    this._isDragging = true;\n    this._activeSashElementIndex = index;\n    this._sashHovers[this._activeSashElementIndex] = true;\n    this._activeSashCursorOffset = this._px2Percent(pageX - elX);\n\n    const headerCells = this._getHeaderCells();\n    this._headerCellsToResize = [];\n    this._headerCellsToResize.push(headerCells[index]);\n\n    if (headerCells[index + 1]) {\n      this._headerCellsToResize[1] = headerCells[index + 1];\n    }\n\n    const tbody = this._bodySlot.assignedElements()[0];\n    const cells = tbody.querySelectorAll<VscodeTableCell>(\n      'vscode-table-row:first-child > vscode-table-cell'\n    );\n    this._cellsToResize = [];\n    this._cellsToResize.push(cells[index]);\n\n    if (cells[index + 1]) {\n      this._cellsToResize.push(cells[index + 1]);\n    }\n\n    document.addEventListener('mousemove', this._onResizingMouseMove);\n    document.addEventListener('mouseup', this._onResizingMouseUp);\n  }\n\n  private _updateActiveSashPosition(mouseX: number) {\n    const {prevSashPos, nextSashPos} = this._getSashPositions();\n    let minColumnWidth = rawValueToPercentage(\n      this.minColumnWidth,\n      this._componentW\n    );\n\n    if (minColumnWidth === null) {\n      minColumnWidth = 0;\n    }\n\n    const minX = prevSashPos ? prevSashPos + minColumnWidth : minColumnWidth;\n    const maxX = nextSashPos\n      ? nextSashPos - minColumnWidth\n      : COMPONENT_WIDTH_PERCENTAGE - minColumnWidth;\n    let newX = this._px2Percent(\n      mouseX - this._componentX - this._percent2Px(this._activeSashCursorOffset)\n    );\n\n    newX = Math.max(newX, minX);\n    newX = Math.min(newX, maxX);\n\n    this._sashPositions[this._activeSashElementIndex] = newX;\n    this.requestUpdate();\n  }\n\n  private _getSashPositions(): {\n    sashPos: number;\n    prevSashPos: number;\n    nextSashPos: number;\n  } {\n    const sashPos = this._sashPositions[this._activeSashElementIndex];\n    const prevSashPos =\n      this._sashPositions[this._activeSashElementIndex - 1] || 0;\n    const nextSashPos =\n      this._sashPositions[this._activeSashElementIndex + 1] ||\n      COMPONENT_WIDTH_PERCENTAGE;\n\n    return {\n      sashPos,\n      prevSashPos,\n      nextSashPos,\n    };\n  }\n\n  private _resizeColumns(resizeBodyCells = true) {\n    const {sashPos, prevSashPos, nextSashPos} = this._getSashPositions();\n\n    const prevColW = sashPos - prevSashPos;\n    const nextColW = nextSashPos - sashPos;\n    const prevColCss = `${prevColW}%`;\n    const nextColCss = `${nextColW}%`;\n\n    this._headerCellsToResize[0].style.width = prevColCss;\n\n    if (this._headerCellsToResize[1]) {\n      this._headerCellsToResize[1].style.width = nextColCss;\n    }\n\n    if (resizeBodyCells) {\n      this._cellsToResize[0].style.width = prevColCss;\n\n      if (this._cellsToResize[1]) {\n        this._cellsToResize[1].style.width = nextColCss;\n      }\n    }\n  }\n\n  private _onResizingMouseMove = (event: MouseEvent) => {\n    event.stopPropagation();\n    this._updateActiveSashPosition(event.pageX);\n\n    if (!this.delayedResizing) {\n      this._resizeColumns(true);\n    } else {\n      this._resizeColumns(false);\n    }\n  };\n\n  private _onResizingMouseUp = (event: MouseEvent) => {\n    this._resizeColumns(true);\n    this._updateActiveSashPosition(event.pageX);\n    this._sashHovers[this._activeSashElementIndex] = false;\n    this._isDragging = false;\n    this._activeSashElementIndex = -1;\n\n    document.removeEventListener('mousemove', this._onResizingMouseMove);\n    document.removeEventListener('mouseup', this._onResizingMouseUp);\n  };\n\n  render(): TemplateResult {\n    const sashes = this._sashPositions.map((val, index) => {\n      const classes = classMap({\n        sash: true,\n        hover: this._sashHovers[index],\n        resizable: this.resizable,\n      });\n\n      const left = `${val}%`;\n\n      return this.resizable\n        ? html`\n            <div\n              class=\"${classes}\"\n              data-index=\"${index}\"\n              style=\"${styleMap({left})}\"\n              @mousedown=\"${this._onSashMouseDown}\"\n              @mouseover=\"${this._onSashMouseOver}\"\n              @mouseout=\"${this._onSashMouseOut}\"\n            >\n              <div class=\"sash-visible\"></div>\n              <div class=\"sash-clickable\"></div>\n            </div>\n          `\n        : html`<div\n            class=\"${classes}\"\n            data-index=\"${index}\"\n            style=\"${styleMap({left})}\"\n          >\n            <div class=\"sash-visible\"></div>\n          </div>`;\n    });\n\n    const wrapperClasses = classMap({\n      wrapper: true,\n      'select-disabled': this._isDragging,\n      'resize-cursor': this._isDragging,\n      'compact-view': this.compact,\n    });\n\n    return html`\n      <div class=\"${wrapperClasses}\">\n        <div class=\"header\" @slotchange=\"${this._onHeaderSlotChange}\">\n          <slot name=\"caption\"></slot>\n          <div class=\"header-slot-wrapper\">\n            <slot name=\"header\"></slot>\n          </div>\n        </div>\n        <vscode-scrollable class=\"scrollable\">\n          <div>\n            <slot name=\"body\" @slotchange=\"${this._onBodySlotChange}\"></slot>\n          </div>\n        </vscode-scrollable>\n        ${sashes}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-table': VscodeTable;\n  }\n}\n"]}
+{"version":3,"file":"vscode-table.js","sourceRoot":"","sources":["../../src/vscode-table/vscode-table.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {\n  customElement,\n  property,\n  query,\n  queryAll,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {styleMap} from 'lit/directives/style-map.js';\nimport {VscElement} from '../includes/VscElement.js';\nimport '../vscode-scrollable';\nimport {VscodeScrollable} from '../vscode-scrollable/index.js';\nimport {VscodeTableBody} from '../vscode-table-body/index.js';\nimport {VscodeTableCell} from '../vscode-table-cell/index.js';\nimport {VscodeTableHeader} from '../vscode-table-header/index.js';\nimport {VscodeTableHeaderCell} from '../vscode-table-header-cell/index.js';\nimport {rawValueToPercentage} from './helpers.js';\nimport styles from './vscode-table.styles.js';\n\nconst COMPONENT_WIDTH_PERCENTAGE = 100;\n\n/**\n * @attr {Boolean} zebra - Zebra stripes, even rows are tinted.\n * @attr {Boolean} zebra-odd - Zebra stripes, odd rows are tinted.\n * @attr {Boolean} bordered-rows - Rows are separated by borders\n * @attr {Boolean} bordered-columns - Columns are separated by borders\n * @attr {Boolean} bordered - Rows and columns are separated by borders\n *\n * @cssprop [--border=var(--vscode-editorGroup-border)]\n * @cssprop [--foreground=var(--vscode-foreground)]\n * @cssprop [--resize-hover-border=var(--vscode-sash-hoverBorder)]\n * @cssprop [--tinted-row-background=var(--vscode-keybindingTable-rowsBackground)]\n * @cssprop [--header-background=var(--vscode-keybindingTable-headerBackground)]\n * @cssprop [--font-size=var(--vscode-font-size)]\n * @cssprop [--font-family=var(--vscode-font-family)]\n */\n@customElement('vscode-table')\nexport class VscodeTable extends VscElement {\n  static styles = styles;\n\n  /** @internal */\n  @property({reflect: true})\n  role = 'table';\n\n  @property({type: Boolean, reflect: true})\n  resizable = false;\n\n  @property({type: Boolean, reflect: true})\n  responsive = false;\n\n  @property({type: Number})\n  breakpoint = 300;\n\n  /**\n   * Initial column sizes in a JSON-encoded array.\n   * Accepted values are:\n   * - number\n   * - string-type number (ex.: \"100\")\n   * - px value (ex.: \"100px\")\n   * - percentage value (ex.: \"50%\")\n   * - percentage value (ex.: \"50%\")\n   * - \"auto\" keyword\n   */\n  @property({type: Array})\n  set columns(val: string[]) {\n    this._columns = val;\n\n    if (this.isConnected) {\n      this._initDefaultColumnSizes();\n    }\n  }\n  get columns(): string[] {\n    return this._columns;\n  }\n\n  /**\n   * Minimum column width. Valid values are:\n   * - number\n   * - string-type number (ex.: \"100\")\n   * - px value (ex.: \"100px\")\n   * - percentage value (ex.: \"50%\")\n   * - percentage value (ex.: \"50%\")\n   * - \"auto\" keyword\n   */\n  @property({attribute: 'min-column-width'})\n  minColumnWidth = '50px';\n\n  @property({type: Boolean, reflect: true, attribute: 'delayed-resizing'})\n  delayedResizing = false;\n\n  /**\n   * For internal use only\n   */\n  @property({type: Boolean, reflect: true})\n  compact = false;\n\n  @query('slot[name=\"body\"]')\n  private _bodySlot!: HTMLSlotElement;\n\n  @query('.header')\n  private _headerElement!: HTMLDivElement;\n\n  @query('.scrollable')\n  private _scrollableElement!: VscodeScrollable;\n\n  @queryAll('.sash-visible')\n  private _sashVisibleElements!: HTMLDivElement[];\n\n  @queryAssignedElements({\n    slot: 'header',\n    flatten: true,\n    selector: 'vscode-table-header',\n  })\n  private _assignedHeaderElements!: NodeListOf<VscodeTableHeader>;\n\n  @queryAssignedElements({\n    slot: 'body',\n    flatten: true,\n    selector: 'vscode-table-body',\n  })\n  private _assignedBodyElements!: NodeListOf<VscodeTableBody>;\n\n  /**\n   * Sash positions in percentage\n   */\n  @state()\n  private _sashPositions: number[] = [];\n\n  @state()\n  private _isDragging = false;\n\n  /**\n   * Sash hover state flags, used in the render.\n   */\n  private _sashHovers: boolean[] = [];\n  private _columns: string[] = [];\n  private _componentResizeObserver!: ResizeObserver;\n  private _headerResizeObserver!: ResizeObserver;\n  private _bodyResizeObserver?: ResizeObserver;\n  private _activeSashElementIndex = -1;\n  private _activeSashCursorOffset = 0;\n  private _componentX = 0;\n  private _componentH = 0;\n  private _componentW = 0;\n  /**\n   * Cached querySelectorAll result. Updated when the header slot changes.\n   * It shouldn't be used directly, check the \"_getHeaderCells\" function.\n   */\n  private _headerCells: VscodeTableHeaderCell[] = [];\n  /**\n   * Cached querySelectorAll result. Updated when the body slot changes.\n   * It shouldn't be used directly, check the \"_getCellsOfFirstRow\" function.\n   */\n  private _cellsOfFirstRow: VscodeTableCell[] = [];\n  private _cellsToResize!: VscodeTableCell[];\n  private _headerCellsToResize!: VscodeTableHeaderCell[];\n  private _prevHeaderHeight = 0;\n  private _prevComponentHeight = 0;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    this._memoizeComponentDimensions();\n    this._initDefaultColumnSizes();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._componentResizeObserver.unobserve(this);\n    this._componentResizeObserver.disconnect();\n    this._bodyResizeObserver?.disconnect();\n  }\n\n  private _px2Percent(px: number) {\n    return (px / this._componentW) * 100;\n  }\n\n  private _percent2Px(percent: number) {\n    return (this._componentW * percent) / 100;\n  }\n\n  private _memoizeComponentDimensions() {\n    const cr = this.getBoundingClientRect();\n\n    this._componentH = cr.height;\n    this._componentW = cr.width;\n    this._componentX = cr.x;\n  }\n\n  private _queryHeaderCells() {\n    const headers = this._assignedHeaderElements;\n\n    if (!(headers && headers[0])) {\n      return [];\n    }\n\n    return Array.from(\n      headers[0].querySelectorAll<VscodeTableHeaderCell>(\n        'vscode-table-header-cell'\n      )\n    );\n  }\n\n  /**\n   * Get cached header cells\n   */\n  private _getHeaderCells() {\n    if (!this._headerCells.length) {\n      this._headerCells = this._queryHeaderCells();\n    }\n\n    return this._headerCells;\n  }\n\n  private _queryCellsOfFirstRow() {\n    const assignedBodyElements = this._assignedBodyElements;\n\n    if (!(assignedBodyElements && assignedBodyElements[0])) {\n      return [];\n    }\n\n    return Array.from(\n      assignedBodyElements[0].querySelectorAll<VscodeTableCell>(\n        'vscode-table-row:first-child vscode-table-cell'\n      )\n    );\n  }\n\n  /**\n   * Get cached cells of first row\n   */\n  private _getCellsOfFirstRow() {\n    if (!this._cellsOfFirstRow.length) {\n      this._cellsOfFirstRow = this._queryCellsOfFirstRow();\n    }\n\n    return this._cellsOfFirstRow;\n  }\n\n  private _initResizeObserver() {\n    this._componentResizeObserver = new ResizeObserver(\n      this._componentResizeObserverCallback\n    );\n    this._componentResizeObserver.observe(this);\n\n    this._headerResizeObserver = new ResizeObserver(\n      this._headerResizeObserverCallback\n    );\n    this._headerResizeObserver.observe(this._headerElement);\n  }\n\n  private _componentResizeObserverCallback = () => {\n    this._memoizeComponentDimensions();\n    this._updateResizeHandlersSize();\n\n    if (this.responsive) {\n      this._toggleCompactView();\n    }\n  };\n\n  private _headerResizeObserverCallback = () => {\n    this._updateResizeHandlersSize();\n  };\n\n  private _bodyResizeObserverCallback = () => {\n    let headerHeight = 0;\n    let tbodyHeight = 0;\n    const tableHeight = this.getBoundingClientRect().height;\n\n    if (this._assignedHeaderElements && this._assignedHeaderElements.length) {\n      headerHeight =\n        this._assignedHeaderElements[0].getBoundingClientRect().height;\n    }\n\n    if (this._assignedBodyElements && this._assignedBodyElements.length) {\n      tbodyHeight =\n        this._assignedBodyElements[0].getBoundingClientRect().height;\n    }\n\n    const overflownContentHeight = tbodyHeight - headerHeight - tableHeight;\n\n    this._scrollableElement.style.height =\n      overflownContentHeight > 0 ? `${tableHeight - headerHeight}px` : 'auto';\n  };\n\n  private _calcColWidthPercentages(): number[] {\n    const numCols = this._getHeaderCells().length;\n    let cols: (string | number)[] = this.columns.slice(0, numCols);\n    const numAutoCols =\n      cols.filter((c) => c === 'auto').length + numCols - cols.length;\n    let availablePercent = 100;\n\n    cols = cols.map((col) => {\n      const percentage = rawValueToPercentage(col, this._componentW);\n\n      if (percentage === null) {\n        return 'auto';\n      }\n\n      availablePercent -= percentage;\n\n      return percentage;\n    });\n\n    if (cols.length < numCols) {\n      for (let i = cols.length; i < numCols; i++) {\n        cols.push('auto');\n      }\n    }\n\n    cols = cols.map((col) => {\n      if (col === 'auto') {\n        return availablePercent / numAutoCols;\n      }\n\n      return col as number;\n    });\n\n    return cols as number[];\n  }\n\n  private _initHeaderCellSizes(colWidths: number[]) {\n    this._getHeaderCells().forEach((cell, index) => {\n      cell.style.width = `${colWidths[index]}%`;\n    });\n  }\n\n  private _initBodyColumnSizes(colWidths: number[]) {\n    this._getCellsOfFirstRow().forEach((cell, index) => {\n      cell.style.width = `${colWidths[index]}%`;\n    });\n  }\n\n  private _initSashes(colWidths: number[]) {\n    const l = colWidths.length;\n    let prevHandlerPos = 0;\n    this._sashPositions = [];\n\n    colWidths.forEach((collW, index) => {\n      if (index < l - 1) {\n        const pos = prevHandlerPos + collW;\n\n        this._sashPositions.push(pos);\n        prevHandlerPos = pos;\n      }\n    });\n  }\n\n  private _initDefaultColumnSizes() {\n    const colWidths = this._calcColWidthPercentages();\n\n    this._initHeaderCellSizes(colWidths);\n    this._initBodyColumnSizes(colWidths);\n    this._initSashes(colWidths);\n  }\n\n  private _updateResizeHandlersSize() {\n    const headerCr = this._headerElement.getBoundingClientRect();\n\n    if (\n      headerCr.height === this._prevHeaderHeight &&\n      this._componentH === this._prevComponentHeight\n    ) {\n      return;\n    }\n\n    this._prevHeaderHeight = headerCr.height;\n    this._prevComponentHeight = this._componentH;\n\n    const bodyHeight = this._componentH - headerCr.height;\n\n    this._sashVisibleElements.forEach((el) => {\n      el.style.height = `${bodyHeight}px`;\n      el.style.top = `${headerCr.height}px`;\n    });\n  }\n\n  private _applyCompactViewColumnLabels() {\n    const headerCells = this._getHeaderCells();\n    const labels = headerCells.map((c) => c.innerText);\n    const rows = this.querySelectorAll('vscode-table-row');\n\n    rows.forEach((r) => {\n      const cells = r.querySelectorAll('vscode-table-cell');\n\n      cells.forEach((c, i) => {\n        c.columnLabel = labels[i];\n        c.compact = true;\n      });\n    });\n  }\n\n  private _clearCompactViewColumnLabels() {\n    this.querySelectorAll('vscode-table-cell').forEach((c) => {\n      c.columnLabel = '';\n      c.compact = false;\n    });\n  }\n\n  private _toggleCompactView() {\n    const cr = this.getBoundingClientRect();\n    const nextCompactView = cr.width < this.breakpoint;\n\n    if (this.compact !== nextCompactView) {\n      this.compact = nextCompactView;\n\n      if (nextCompactView) {\n        this._applyCompactViewColumnLabels();\n      } else {\n        this._clearCompactViewColumnLabels();\n      }\n    }\n  }\n\n  private _onHeaderSlotChange() {\n    this._headerCells = this._queryHeaderCells();\n  }\n\n  private _onBodySlotChange() {\n    this._initDefaultColumnSizes();\n    this._initResizeObserver();\n    this._updateResizeHandlersSize();\n\n    if (!this._bodyResizeObserver) {\n      const tbody = this._assignedBodyElements[0] ?? null;\n\n      if (tbody) {\n        this._bodyResizeObserver = new ResizeObserver(\n          this._bodyResizeObserverCallback\n        );\n        this._bodyResizeObserver.observe(tbody);\n      }\n    }\n  }\n\n  private _onSashMouseOver(event: MouseEvent) {\n    if (this._isDragging) {\n      return;\n    }\n\n    const target = event.currentTarget as HTMLDivElement;\n    const index = Number(target.dataset.index);\n    this._sashHovers[index] = true;\n    this.requestUpdate();\n  }\n\n  private _onSashMouseOut(event: MouseEvent) {\n    event.stopPropagation();\n\n    if (this._isDragging) {\n      return;\n    }\n\n    const target = event.currentTarget as HTMLDivElement;\n    const index = Number(target.dataset.index);\n    this._sashHovers[index] = false;\n    this.requestUpdate();\n  }\n\n  private _onSashMouseDown(event: MouseEvent) {\n    event.stopPropagation();\n\n    const {pageX, currentTarget} = event;\n    const el = currentTarget as HTMLDivElement;\n    const index = Number(el.dataset.index);\n    const cr = el.getBoundingClientRect();\n    const elX = cr.x;\n\n    this._isDragging = true;\n    this._activeSashElementIndex = index;\n    this._sashHovers[this._activeSashElementIndex] = true;\n    this._activeSashCursorOffset = this._px2Percent(pageX - elX);\n\n    const headerCells = this._getHeaderCells();\n    this._headerCellsToResize = [];\n    this._headerCellsToResize.push(headerCells[index]);\n\n    if (headerCells[index + 1]) {\n      this._headerCellsToResize[1] = headerCells[index + 1];\n    }\n\n    const tbody = this._bodySlot.assignedElements()[0];\n    const cells = tbody.querySelectorAll<VscodeTableCell>(\n      'vscode-table-row:first-child > vscode-table-cell'\n    );\n    this._cellsToResize = [];\n    this._cellsToResize.push(cells[index]);\n\n    if (cells[index + 1]) {\n      this._cellsToResize.push(cells[index + 1]);\n    }\n\n    document.addEventListener('mousemove', this._onResizingMouseMove);\n    document.addEventListener('mouseup', this._onResizingMouseUp);\n  }\n\n  private _updateActiveSashPosition(mouseX: number) {\n    const {prevSashPos, nextSashPos} = this._getSashPositions();\n    let minColumnWidth = rawValueToPercentage(\n      this.minColumnWidth,\n      this._componentW\n    );\n\n    if (minColumnWidth === null) {\n      minColumnWidth = 0;\n    }\n\n    const minX = prevSashPos ? prevSashPos + minColumnWidth : minColumnWidth;\n    const maxX = nextSashPos\n      ? nextSashPos - minColumnWidth\n      : COMPONENT_WIDTH_PERCENTAGE - minColumnWidth;\n    let newX = this._px2Percent(\n      mouseX - this._componentX - this._percent2Px(this._activeSashCursorOffset)\n    );\n\n    newX = Math.max(newX, minX);\n    newX = Math.min(newX, maxX);\n\n    this._sashPositions[this._activeSashElementIndex] = newX;\n    this.requestUpdate();\n  }\n\n  private _getSashPositions(): {\n    sashPos: number;\n    prevSashPos: number;\n    nextSashPos: number;\n  } {\n    const sashPos = this._sashPositions[this._activeSashElementIndex];\n    const prevSashPos =\n      this._sashPositions[this._activeSashElementIndex - 1] || 0;\n    const nextSashPos =\n      this._sashPositions[this._activeSashElementIndex + 1] ||\n      COMPONENT_WIDTH_PERCENTAGE;\n\n    return {\n      sashPos,\n      prevSashPos,\n      nextSashPos,\n    };\n  }\n\n  private _resizeColumns(resizeBodyCells = true) {\n    const {sashPos, prevSashPos, nextSashPos} = this._getSashPositions();\n\n    const prevColW = sashPos - prevSashPos;\n    const nextColW = nextSashPos - sashPos;\n    const prevColCss = `${prevColW}%`;\n    const nextColCss = `${nextColW}%`;\n\n    this._headerCellsToResize[0].style.width = prevColCss;\n\n    if (this._headerCellsToResize[1]) {\n      this._headerCellsToResize[1].style.width = nextColCss;\n    }\n\n    if (resizeBodyCells) {\n      this._cellsToResize[0].style.width = prevColCss;\n\n      if (this._cellsToResize[1]) {\n        this._cellsToResize[1].style.width = nextColCss;\n      }\n    }\n  }\n\n  private _onResizingMouseMove = (event: MouseEvent) => {\n    event.stopPropagation();\n    this._updateActiveSashPosition(event.pageX);\n\n    if (!this.delayedResizing) {\n      this._resizeColumns(true);\n    } else {\n      this._resizeColumns(false);\n    }\n  };\n\n  private _onResizingMouseUp = (event: MouseEvent) => {\n    this._resizeColumns(true);\n    this._updateActiveSashPosition(event.pageX);\n    this._sashHovers[this._activeSashElementIndex] = false;\n    this._isDragging = false;\n    this._activeSashElementIndex = -1;\n\n    document.removeEventListener('mousemove', this._onResizingMouseMove);\n    document.removeEventListener('mouseup', this._onResizingMouseUp);\n  };\n\n  render(): TemplateResult {\n    const sashes = this._sashPositions.map((val, index) => {\n      const classes = classMap({\n        sash: true,\n        hover: this._sashHovers[index],\n        resizable: this.resizable,\n      });\n\n      const left = `${val}%`;\n\n      return this.resizable\n        ? html`\n            <div\n              class=\"${classes}\"\n              data-index=\"${index}\"\n              style=\"${styleMap({left})}\"\n              @mousedown=\"${this._onSashMouseDown}\"\n              @mouseover=\"${this._onSashMouseOver}\"\n              @mouseout=\"${this._onSashMouseOut}\"\n            >\n              <div class=\"sash-visible\"></div>\n              <div class=\"sash-clickable\"></div>\n            </div>\n          `\n        : html`<div\n            class=\"${classes}\"\n            data-index=\"${index}\"\n            style=\"${styleMap({left})}\"\n          >\n            <div class=\"sash-visible\"></div>\n          </div>`;\n    });\n\n    const wrapperClasses = classMap({\n      wrapper: true,\n      'select-disabled': this._isDragging,\n      'resize-cursor': this._isDragging,\n      'compact-view': this.compact,\n    });\n\n    return html`\n      <div class=\"${wrapperClasses}\">\n        <div class=\"header\" @slotchange=\"${this._onHeaderSlotChange}\">\n          <slot name=\"caption\"></slot>\n          <div class=\"header-slot-wrapper\">\n            <slot name=\"header\"></slot>\n          </div>\n        </div>\n        <vscode-scrollable class=\"scrollable\">\n          <div>\n            <slot name=\"body\" @slotchange=\"${this._onBodySlotChange}\"></slot>\n          </div>\n        </vscode-scrollable>\n        ${sashes}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-table': VscodeTable;\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vscode-elements/elements",
-  "version": "1.5.0",
+  "version": "1.6.1",
   "description": "Webcomponents for creating Visual Studio Code extensions",
   "main": "dist/main.js",
   "module": "dist/main.js",

package/vscode.html-custom-data.json

@@ -129,6 +129,17 @@
       ],
       "references": []
     },
+    {
+      "name": "vscode-divider",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "role",
+          "values": [{ "name": "separator" }, { "name": "presentation" }]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "vscode-form-container",
       "description": "\n---\n",
@@ -247,6 +258,16 @@
       ],
       "references": []
     },
+    {
+      "name": "vscode-progress-ring",
+      "description": "\n---\n",
+      "attributes": [
+        { "name": "aria-label", "values": [] },
+        { "name": "aria-live", "values": [] },
+        { "name": "role", "values": [] }
+      ],
+      "references": []
+    },
     {
       "name": "vscode-radio",
       "description": "When participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\ncan be applied through the `invalid` property.\n---\n\n\n### **Events:**\n - **vsc-change** - undefined\n- **change** - Dispatched when checked state is changed.\n\n### **CSS Properties:**\n - **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_\n- **--vscode-font-weight** - undefined _(default: undefined)_\n- **--vsc-foreground-translucent** - Label font color. 90% transparency version of `--vscode-foreground` by default. _(default: undefined)_\n- **--vscode-settings-checkboxBackground** - undefined _(default: undefined)_\n- **--vscode-settings-checkboxBorder** - undefined _(default: undefined)_\n- **--vscode-settings-checkboxForeground** - undefined _(default: undefined)_\n- **--vscode-focusBorder** - undefined _(default: undefined)_",