@vscode-elements/elements 1.5.0 → 1.6.1

package/dist/includes/VscElement.js

@@ -2,7 +2,7 @@ import { LitElement } from 'lit';
 export class VscElement extends LitElement {
     constructor() {
         super(...arguments);
-        this._version = '1.5.0';
+        this._version = '1.6.1';
     }
     /** VSC Element version */
     get version() {

package/dist/includes/VscElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"VscElement.js","sourceRoot":"","sources":["../../src/includes/VscElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,KAAK,CAAC;AAE/B,MAAM,OAAO,UAAW,SAAQ,UAAU;IAA1C;;QACU,aAAQ,GAAG,OAAO,CAAC;IAM7B,CAAC;IAJC,0BAA0B;IAC1B,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;CACF","sourcesContent":["import {LitElement} from 'lit';\n\nexport class VscElement extends LitElement {\n  private _version = '1.5.0';\n\n  /** VSC Element version */\n  get version() {\n    return this._version;\n  }\n}\n"]}
+{"version":3,"file":"VscElement.js","sourceRoot":"","sources":["../../src/includes/VscElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,KAAK,CAAC;AAE/B,MAAM,OAAO,UAAW,SAAQ,UAAU;IAA1C;;QACU,aAAQ,GAAG,OAAO,CAAC;IAM7B,CAAC;IAJC,0BAA0B;IAC1B,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;CACF","sourcesContent":["import {LitElement} from 'lit';\n\nexport class VscElement extends LitElement {\n  private _version = '1.6.1';\n\n  /** VSC Element version */\n  get version() {\n    return this._version;\n  }\n}\n"]}

package/dist/main.d.ts

@@ -5,6 +5,7 @@ export { VscodeCheckboxGroup } from './vscode-checkbox-group/index.js';
 export { VscodeCollapsible } from './vscode-collapsible/index.js';
 export { VscodeContextMenuItem } from './vscode-context-menu-item/index.js';
 export { VscodeContextMenu } from './vscode-context-menu/index.js';
+export { VscodeDivider } from './vscode-divider/index.js';
 export { VscodeFormContainer } from './vscode-form-container/index.js';
 export { VscodeFormGroup } from './vscode-form-group/index.js';
 export { VscodeFormHelper } from './vscode-form-helper/index.js';
@@ -12,6 +13,7 @@ export { VscodeIcon } from './vscode-icon/index.js';
 export { VscodeLabel } from './vscode-label/index.js';
 export { VscodeMultiSelect } from './vscode-multi-select/index.js';
 export { VscodeOption } from './vscode-option/index.js';
+export { VscodeProgressRing } from './vscode-progress-ring/index.js';
 export { VscodeRadio } from './vscode-radio/index.js';
 export { VscodeRadioGroup } from './vscode-radio-group/index.js';
 export { VscodeSingleSelect } from './vscode-single-select/index.js';

package/dist/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAC,iBAAiB,EAAC,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAC,qBAAqB,EAAC,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAC,kBAAkB,EAAC,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAC,qBAAqB,EAAC,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAC,iBAAiB,EAAC,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAC,qBAAqB,EAAC,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAC,aAAa,EAAC,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAC,kBAAkB,EAAC,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAC,kBAAkB,EAAC,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAC,qBAAqB,EAAC,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC"}

package/dist/main.js

@@ -5,6 +5,7 @@ export { VscodeCheckboxGroup } from './vscode-checkbox-group/index.js';
 export { VscodeCollapsible } from './vscode-collapsible/index.js';
 export { VscodeContextMenuItem } from './vscode-context-menu-item/index.js';
 export { VscodeContextMenu } from './vscode-context-menu/index.js';
+export { VscodeDivider } from './vscode-divider/index.js';
 export { VscodeFormContainer } from './vscode-form-container/index.js';
 export { VscodeFormGroup } from './vscode-form-group/index.js';
 export { VscodeFormHelper } from './vscode-form-helper/index.js';
@@ -12,6 +13,7 @@ export { VscodeIcon } from './vscode-icon/index.js';
 export { VscodeLabel } from './vscode-label/index.js';
 export { VscodeMultiSelect } from './vscode-multi-select/index.js';
 export { VscodeOption } from './vscode-option/index.js';
+export { VscodeProgressRing } from './vscode-progress-ring/index.js';
 export { VscodeRadio } from './vscode-radio/index.js';
 export { VscodeRadioGroup } from './vscode-radio-group/index.js';
 export { VscodeSingleSelect } from './vscode-single-select/index.js';

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAC,iBAAiB,EAAC,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAC,qBAAqB,EAAC,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAC,kBAAkB,EAAC,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAC,qBAAqB,EAAC,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC","sourcesContent":["export {VscodeBadge} from './vscode-badge/index.js';\nexport {VscodeButton} from './vscode-button/index.js';\nexport {VscodeCheckbox} from './vscode-checkbox/index.js';\nexport {VscodeCheckboxGroup} from './vscode-checkbox-group/index.js';\nexport {VscodeCollapsible} from './vscode-collapsible/index.js';\nexport {VscodeContextMenuItem} from './vscode-context-menu-item/index.js';\nexport {VscodeContextMenu} from './vscode-context-menu/index.js';\nexport {VscodeFormContainer} from './vscode-form-container/index.js';\nexport {VscodeFormGroup} from './vscode-form-group/index.js';\nexport {VscodeFormHelper} from './vscode-form-helper/index.js';\nexport {VscodeIcon} from './vscode-icon/index.js';\nexport {VscodeLabel} from './vscode-label/index.js';\nexport {VscodeMultiSelect} from './vscode-multi-select/index.js';\nexport {VscodeOption} from './vscode-option/index.js';\nexport {VscodeRadio} from './vscode-radio/index.js';\nexport {VscodeRadioGroup} from './vscode-radio-group/index.js';\nexport {VscodeSingleSelect} from './vscode-single-select/index.js';\nexport {VscodeScrollable} from './vscode-scrollable/index.js';\nexport {VscodeSplitLayout} from './vscode-split-layout/index.js';\nexport {VscodeTabHeader} from './vscode-tab-header/index.js';\nexport {VscodeTabPanel} from './vscode-tab-panel/index.js';\nexport {VscodeTableBody} from './vscode-table-body/index.js';\nexport {VscodeTableCell} from './vscode-table-cell/index.js';\nexport {VscodeTableHeader} from './vscode-table-header/index.js';\nexport {VscodeTableHeaderCell} from './vscode-table-header-cell/index.js';\nexport {VscodeTableRow} from './vscode-table-row/index.js';\nexport {VscodeTable} from './vscode-table/index.js';\nexport {VscodeTabs} from './vscode-tabs/index.js';\nexport {VscodeTextarea} from './vscode-textarea/index.js';\nexport {VscodeTextfield} from './vscode-textfield/index.js';\nexport {VscodeTree} from './vscode-tree/index.js';\n"]}
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAC,iBAAiB,EAAC,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAC,qBAAqB,EAAC,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAC,aAAa,EAAC,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAC,kBAAkB,EAAC,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAC,kBAAkB,EAAC,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAC,qBAAqB,EAAC,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC","sourcesContent":["export {VscodeBadge} from './vscode-badge/index.js';\nexport {VscodeButton} from './vscode-button/index.js';\nexport {VscodeCheckbox} from './vscode-checkbox/index.js';\nexport {VscodeCheckboxGroup} from './vscode-checkbox-group/index.js';\nexport {VscodeCollapsible} from './vscode-collapsible/index.js';\nexport {VscodeContextMenuItem} from './vscode-context-menu-item/index.js';\nexport {VscodeContextMenu} from './vscode-context-menu/index.js';\nexport {VscodeDivider} from './vscode-divider/index.js';\nexport {VscodeFormContainer} from './vscode-form-container/index.js';\nexport {VscodeFormGroup} from './vscode-form-group/index.js';\nexport {VscodeFormHelper} from './vscode-form-helper/index.js';\nexport {VscodeIcon} from './vscode-icon/index.js';\nexport {VscodeLabel} from './vscode-label/index.js';\nexport {VscodeMultiSelect} from './vscode-multi-select/index.js';\nexport {VscodeOption} from './vscode-option/index.js';\nexport {VscodeProgressRing} from './vscode-progress-ring/index.js';\nexport {VscodeRadio} from './vscode-radio/index.js';\nexport {VscodeRadioGroup} from './vscode-radio-group/index.js';\nexport {VscodeSingleSelect} from './vscode-single-select/index.js';\nexport {VscodeScrollable} from './vscode-scrollable/index.js';\nexport {VscodeSplitLayout} from './vscode-split-layout/index.js';\nexport {VscodeTabHeader} from './vscode-tab-header/index.js';\nexport {VscodeTabPanel} from './vscode-tab-panel/index.js';\nexport {VscodeTableBody} from './vscode-table-body/index.js';\nexport {VscodeTableCell} from './vscode-table-cell/index.js';\nexport {VscodeTableHeader} from './vscode-table-header/index.js';\nexport {VscodeTableHeaderCell} from './vscode-table-header-cell/index.js';\nexport {VscodeTableRow} from './vscode-table-row/index.js';\nexport {VscodeTable} from './vscode-table/index.js';\nexport {VscodeTabs} from './vscode-tabs/index.js';\nexport {VscodeTextarea} from './vscode-textarea/index.js';\nexport {VscodeTextfield} from './vscode-textfield/index.js';\nexport {VscodeTree} from './vscode-tree/index.js';\n"]}

package/dist/vscode-divider/index.d.ts

@@ -0,0 +1,2 @@
+export { VscodeDivider } from './vscode-divider.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/vscode-divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vscode-divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC"}

package/dist/vscode-divider/index.js

@@ -0,0 +1,2 @@
+export { VscodeDivider } from './vscode-divider.js';
+//# sourceMappingURL=index.js.map

package/dist/vscode-divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/vscode-divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC","sourcesContent":["export {VscodeDivider} from './vscode-divider.js';\n"]}

package/dist/vscode-divider/vscode-divider.d.ts

@@ -0,0 +1,13 @@
+import { TemplateResult } from 'lit';
+import { VscElement } from '../includes/VscElement';
+export declare class VscodeDivider extends VscElement {
+    static styles: import("lit").CSSResultGroup;
+    role: 'separator' | 'presentation';
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'vscode-divider': VscodeDivider;
+    }
+}
+//# sourceMappingURL=vscode-divider.d.ts.map

package/dist/vscode-divider/vscode-divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-divider.d.ts","sourceRoot":"","sources":["../../src/vscode-divider/vscode-divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAO,MAAM,KAAK,CAAC;AAEzC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAGlD,qBACa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,+BAAU;IAGvB,IAAI,EAAE,WAAW,GAAG,cAAc,CAAe;IAEjD,MAAM,IAAI,cAAc;CAGzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}

package/dist/vscode-divider/vscode-divider.js

@@ -0,0 +1,28 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { VscElement } from '../includes/VscElement';
+import styles from './vscode-divider.styles';
+let VscodeDivider = class VscodeDivider extends VscElement {
+    constructor() {
+        super(...arguments);
+        this.role = 'separator';
+    }
+    render() {
+        return html ``;
+    }
+};
+VscodeDivider.styles = styles;
+__decorate([
+    property({ reflect: true })
+], VscodeDivider.prototype, "role", void 0);
+VscodeDivider = __decorate([
+    customElement('vscode-divider')
+], VscodeDivider);
+export { VscodeDivider };
+//# sourceMappingURL=vscode-divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-divider.js","sourceRoot":"","sources":["../../src/vscode-divider/vscode-divider.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAiB,IAAI,EAAC,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAGtC,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAIL,SAAI,GAAiC,WAAW,CAAC;IAKnD,CAAC;IAHC,MAAM;QACJ,OAAO,IAAI,CAAA,EAAE,CAAC;IAChB,CAAC;;AAPM,oBAAM,GAAG,MAAM,AAAT,CAAU;AAGvB;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;2CACuB;AAJtC,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CASzB","sourcesContent":["import {TemplateResult, html} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {VscElement} from '../includes/VscElement';\nimport styles from './vscode-divider.styles';\n\n@customElement('vscode-divider')\nexport class VscodeDivider extends VscElement {\n  static styles = styles;\n\n  @property({reflect: true})\n  role: 'separator' | 'presentation' = 'separator';\n\n  render(): TemplateResult {\n    return html``;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-divider': VscodeDivider;\n  }\n}\n"]}

package/dist/vscode-divider/vscode-divider.styles.d.ts

@@ -0,0 +1,4 @@
+import { CSSResultGroup } from 'lit';
+declare const styles: CSSResultGroup;
+export default styles;
+//# sourceMappingURL=vscode-divider.styles.d.ts.map

package/dist/vscode-divider/vscode-divider.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-divider.styles.d.ts","sourceRoot":"","sources":["../../src/vscode-divider/vscode-divider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,cAAc,EAAC,MAAM,KAAK,CAAC;AAGxC,QAAA,MAAM,MAAM,EAAE,cAWb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/vscode-divider/vscode-divider.styles.js

@@ -0,0 +1,16 @@
+import { css } from 'lit';
+import defaultStyles from '../includes/default.styles.js';
+const styles = [
+    defaultStyles,
+    css `
+    :host {
+      background-color: var(--vscode-widget-border);
+      display: block;
+      height: 1px;
+      margin-bottom: 10px;
+      margin-top: 10px;
+    }
+  `,
+];
+export default styles;
+//# sourceMappingURL=vscode-divider.styles.js.map

package/dist/vscode-divider/vscode-divider.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-divider.styles.js","sourceRoot":"","sources":["../../src/vscode-divider/vscode-divider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;GAQF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  css`\n    :host {\n      background-color: var(--vscode-widget-border);\n      display: block;\n      height: 1px;\n      margin-bottom: 10px;\n      margin-top: 10px;\n    }\n  `,\n];\n\nexport default styles;\n"]}

package/dist/vscode-progress-ring/index.d.ts

@@ -0,0 +1,2 @@
+export { VscodeProgressRing } from './vscode-progress-ring.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/vscode-progress-ring/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vscode-progress-ring/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,2BAA2B,CAAC"}

package/dist/vscode-progress-ring/index.js

@@ -0,0 +1,2 @@
+export { VscodeProgressRing } from './vscode-progress-ring.js';
+//# sourceMappingURL=index.js.map

package/dist/vscode-progress-ring/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/vscode-progress-ring/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,2BAA2B,CAAC","sourcesContent":["export {VscodeProgressRing} from './vscode-progress-ring.js';\n"]}

package/dist/vscode-progress-ring/vscode-progress-ring.d.ts

@@ -0,0 +1,15 @@
+import { TemplateResult } from 'lit';
+import { VscElement } from '../includes/VscElement';
+export declare class VscodeProgressRing extends VscElement {
+    static styles: import("lit").CSSResultGroup;
+    ariaLabel: string;
+    ariaLive: string;
+    role: string;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'vscode-progress-ring': VscodeProgressRing;
+    }
+}
+//# sourceMappingURL=vscode-progress-ring.d.ts.map

package/dist/vscode-progress-ring/vscode-progress-ring.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-progress-ring.d.ts","sourceRoot":"","sources":["../../src/vscode-progress-ring/vscode-progress-ring.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAO,MAAM,KAAK,CAAC;AAEzC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAGlD,qBACa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,+BAAU;IAGvB,SAAS,SAAa;IAGtB,QAAQ,SAAe;IAGvB,IAAI,SAAW;IAEf,MAAM,IAAI,cAAc;CAkBzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}

package/dist/vscode-progress-ring/vscode-progress-ring.js

@@ -0,0 +1,51 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { VscElement } from '../includes/VscElement';
+import styles from './vscode-progress-ring.styles';
+let VscodeProgressRing = class VscodeProgressRing extends VscElement {
+    constructor() {
+        super(...arguments);
+        this.ariaLabel = 'Loading';
+        this.ariaLive = 'assertive';
+        this.role = 'alert';
+    }
+    render() {
+        return html `<svg class="progress" part="progress" viewBox="0 0 16 16">
+      <circle
+        class="background"
+        part="background"
+        cx="8px"
+        cy="8px"
+        r="7px"
+      ></circle>
+      <circle
+        class="indeterminate-indicator-1"
+        part="indeterminate-indicator-1"
+        cx="8px"
+        cy="8px"
+        r="7px"
+      ></circle>
+    </svg>`;
+    }
+};
+VscodeProgressRing.styles = styles;
+__decorate([
+    property({ reflect: true, attribute: 'aria-label' })
+], VscodeProgressRing.prototype, "ariaLabel", void 0);
+__decorate([
+    property({ reflect: true, attribute: 'aria-live' })
+], VscodeProgressRing.prototype, "ariaLive", void 0);
+__decorate([
+    property({ reflect: true })
+], VscodeProgressRing.prototype, "role", void 0);
+VscodeProgressRing = __decorate([
+    customElement('vscode-progress-ring')
+], VscodeProgressRing);
+export { VscodeProgressRing };
+//# sourceMappingURL=vscode-progress-ring.js.map

package/dist/vscode-progress-ring/vscode-progress-ring.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-progress-ring.js","sourceRoot":"","sources":["../../src/vscode-progress-ring/vscode-progress-ring.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAiB,IAAI,EAAC,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAG5C,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAIL,cAAS,GAAG,SAAS,CAAC;QAGtB,aAAQ,GAAG,WAAW,CAAC;QAGvB,SAAI,GAAG,OAAO,CAAC;IAoBjB,CAAC;IAlBC,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;WAeJ,CAAC;IACV,CAAC;;AA5BM,yBAAM,GAAG,MAAM,AAAT,CAAU;AAGvB;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAC,CAAC;qDAC7B;AAGtB;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAC,CAAC;oDAC3B;AAGvB;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;gDACX;AAVJ,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CA8B9B","sourcesContent":["import {TemplateResult, html} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {VscElement} from '../includes/VscElement';\nimport styles from './vscode-progress-ring.styles';\n\n@customElement('vscode-progress-ring')\nexport class VscodeProgressRing extends VscElement {\n  static styles = styles;\n\n  @property({reflect: true, attribute: 'aria-label'})\n  ariaLabel = 'Loading';\n\n  @property({reflect: true, attribute: 'aria-live'})\n  ariaLive = 'assertive';\n\n  @property({reflect: true})\n  role = 'alert';\n\n  render(): TemplateResult {\n    return html`<svg class=\"progress\" part=\"progress\" viewBox=\"0 0 16 16\">\n      <circle\n        class=\"background\"\n        part=\"background\"\n        cx=\"8px\"\n        cy=\"8px\"\n        r=\"7px\"\n      ></circle>\n      <circle\n        class=\"indeterminate-indicator-1\"\n        part=\"indeterminate-indicator-1\"\n        cx=\"8px\"\n        cy=\"8px\"\n        r=\"7px\"\n      ></circle>\n    </svg>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-progress-ring': VscodeProgressRing;\n  }\n}\n"]}

package/dist/vscode-progress-ring/vscode-progress-ring.styles.d.ts

@@ -0,0 +1,4 @@
+import { CSSResultGroup } from 'lit';
+declare const styles: CSSResultGroup;
+export default styles;
+//# sourceMappingURL=vscode-progress-ring.styles.d.ts.map

package/dist/vscode-progress-ring/vscode-progress-ring.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-progress-ring.styles.d.ts","sourceRoot":"","sources":["../../src/vscode-progress-ring/vscode-progress-ring.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,cAAc,EAAC,MAAM,KAAK,CAAC;AAGxC,QAAA,MAAM,MAAM,EAAE,cAiDb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/vscode-progress-ring/vscode-progress-ring.styles.js

@@ -0,0 +1,54 @@
+import { css } from 'lit';
+import defaultStyles from '../includes/default.styles.js';
+const styles = [
+    defaultStyles,
+    css `
+    :host {
+      align-items: center;
+      display: block;
+      height: 28px;
+      margin: 0;
+      outline: none;
+      width: 28px;
+    }
+
+    .progress {
+      height: 100%;
+      width: 100%;
+    }
+
+    .background {
+      fill: none;
+      stroke: transparent;
+      stroke-width: 2px;
+    }
+
+    .indeterminate-indicator-1 {
+      fill: none;
+      stroke: var(--vscode-progressBar-background);
+      stroke-width: 2px;
+      stroke-linecap: square;
+      transform-origin: 50% 50%;
+      transform: rotate(-90deg);
+      transition: all 0.2s ease-in-out;
+      animation: spin-infinite 2s linear infinite;
+    }
+
+    @keyframes spin-infinite {
+      0% {
+        stroke-dasharray: 0.01px 43.97px;
+        transform: rotate(0deg);
+      }
+      50% {
+        stroke-dasharray: 21.99px 21.99px;
+        transform: rotate(450deg);
+      }
+      100% {
+        stroke-dasharray: 0.01px 43.97px;
+        transform: rotate(1080deg);
+      }
+    }
+  `,
+];
+export default styles;
+//# sourceMappingURL=vscode-progress-ring.styles.js.map

package/dist/vscode-progress-ring/vscode-progress-ring.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-progress-ring.styles.js","sourceRoot":"","sources":["../../src/vscode-progress-ring/vscode-progress-ring.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  css`\n    :host {\n      align-items: center;\n      display: block;\n      height: 28px;\n      margin: 0;\n      outline: none;\n      width: 28px;\n    }\n\n    .progress {\n      height: 100%;\n      width: 100%;\n    }\n\n    .background {\n      fill: none;\n      stroke: transparent;\n      stroke-width: 2px;\n    }\n\n    .indeterminate-indicator-1 {\n      fill: none;\n      stroke: var(--vscode-progressBar-background);\n      stroke-width: 2px;\n      stroke-linecap: square;\n      transform-origin: 50% 50%;\n      transform: rotate(-90deg);\n      transition: all 0.2s ease-in-out;\n      animation: spin-infinite 2s linear infinite;\n    }\n\n    @keyframes spin-infinite {\n      0% {\n        stroke-dasharray: 0.01px 43.97px;\n        transform: rotate(0deg);\n      }\n      50% {\n        stroke-dasharray: 21.99px 21.99px;\n        transform: rotate(450deg);\n      }\n      100% {\n        stroke-dasharray: 0.01px 43.97px;\n        transform: rotate(1080deg);\n      }\n    }\n  `,\n];\n\nexport default styles;\n"]}

package/dist/vscode-scrollable/vscode-scrollable.d.ts

@@ -24,7 +24,8 @@ export declare class VscodeScrollable extends VscElement {
     private _scrollThumbElement;
     private _scrollableContainer;
     private _assignedElements;
-    private _resizeObserver;
+    private _hostResizeObserver;
+    private _contentResizeObserver;
     private _scrollThumbStartY;
     private _mouseStartY;
     private _scrollbarVisible;
@@ -32,7 +33,6 @@ export declare class VscodeScrollable extends VscElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     private _resizeObserverCallback;
-    private _resizeObserverCallbackBound;
     private _updateScrollbar;
     private _zIndexFix;
     private _onSlotChange;

package/dist/vscode-scrollable/vscode-scrollable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-scrollable.d.ts","sourceRoot":"","sources":["../../src/vscode-scrollable/vscode-scrollable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAC,MAAM,KAAK,CAAC;AAUlD,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAGrD;;;;;;GAMG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,+BAAU;IAGvB,MAAM,UAAQ;IAGd,QAAQ,UAAS;IAEjB,IACI,SAAS,CAAC,GAAG,EAAE,MAAM,EAExB;IACD,IAAI,SAAS,IAAI,MAAM,CAMtB;IAED,IACI,SAAS,IAAI,MAAM,CAMtB;IAGD,OAAO,CAAC,WAAW,CAAS;IAG5B,OAAO,CAAC,YAAY,CAAK;IAGzB,OAAO,CAAC,OAAO,CAAK;IAGpB,OAAO,CAAC,aAAa,CAAS;IAG9B,OAAO,CAAC,UAAU,CAAS;IAG3B,OAAO,CAAC,YAAY,CAAS;IAG7B,OAAO,CAAC,eAAe,CAAkB;IAGzC,OAAO,CAAC,mBAAmB,CAAkB;IAG7C,OAAO,CAAC,oBAAoB,CAAkB;IAG9C,OAAO,CAAC,iBAAiB,CAAY;IAErC,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,kBAAkB,CAAK;IAC/B,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,iBAAiB,CAAQ;IACjC,OAAO,CAAC,gBAAgB,CAAK;IAE7B,iBAAiB,IAAI,IAAI;IAqBzB,oBAAoB,IAAI,IAAI;IAU5B,OAAO,CAAC,uBAAuB;IAI/B,OAAO,CAAC,4BAA4B,CACM;IAE1C,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,UAAU;IAqBlB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,uBAAuB;IAa/B,OAAO,CAAC,uBAAuB;IAqB/B,OAAO,CAAC,4BAA4B,CACM;IAE1C,OAAO,CAAC,qBAAqB;IAoB7B,OAAO,CAAC,0BAA0B,CAAyC;IAE3E,OAAO,CAAC,4BAA4B;IAcpC,OAAO,CAAC,qBAAqB;IAK7B,OAAO,CAAC,0BAA0B,CAAyC;IAE3E,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,yBAAyB,CAAwC;IAEzE,MAAM,IAAI,cAAc;CAyCzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,gBAAgB,CAAC;KACvC;CACF"}
+{"version":3,"file":"vscode-scrollable.d.ts","sourceRoot":"","sources":["../../src/vscode-scrollable/vscode-scrollable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAC,MAAM,KAAK,CAAC;AAUlD,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAGrD;;;;;;GAMG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,+BAAU;IAGvB,MAAM,UAAQ;IAGd,QAAQ,UAAS;IAEjB,IACI,SAAS,CAAC,GAAG,EAAE,MAAM,EAExB;IACD,IAAI,SAAS,IAAI,MAAM,CAMtB;IAED,IACI,SAAS,IAAI,MAAM,CAMtB;IAGD,OAAO,CAAC,WAAW,CAAS;IAG5B,OAAO,CAAC,YAAY,CAAK;IAGzB,OAAO,CAAC,OAAO,CAAK;IAGpB,OAAO,CAAC,aAAa,CAAS;IAG9B,OAAO,CAAC,UAAU,CAAS;IAG3B,OAAO,CAAC,YAAY,CAAS;IAG7B,OAAO,CAAC,eAAe,CAAkB;IAGzC,OAAO,CAAC,mBAAmB,CAAkB;IAG7C,OAAO,CAAC,oBAAoB,CAAkB;IAG9C,OAAO,CAAC,iBAAiB,CAAY;IAErC,OAAO,CAAC,mBAAmB,CAAkB;IAC7C,OAAO,CAAC,sBAAsB,CAAkB;IAChD,OAAO,CAAC,kBAAkB,CAAK;IAC/B,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,iBAAiB,CAAQ;IACjC,OAAO,CAAC,gBAAgB,CAAK;IAE7B,iBAAiB,IAAI,IAAI;IAyBzB,oBAAoB,IAAI,IAAI;IAY5B,OAAO,CAAC,uBAAuB,CAE7B;IAEF,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,UAAU;IAqBlB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,uBAAuB;IAa/B,OAAO,CAAC,uBAAuB;IAqB/B,OAAO,CAAC,4BAA4B,CACM;IAE1C,OAAO,CAAC,qBAAqB;IAoB7B,OAAO,CAAC,0BAA0B,CAAyC;IAE3E,OAAO,CAAC,4BAA4B;IAcpC,OAAO,CAAC,qBAAqB;IAK7B,OAAO,CAAC,0BAA0B,CAAyC;IAE3E,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,yBAAyB,CAAwC;IAEzE,MAAM,IAAI,cAAc;CAyCzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,gBAAgB,CAAC;KACvC;CACF"}

package/dist/vscode-scrollable/vscode-scrollable.js

@@ -32,7 +32,9 @@ let VscodeScrollable = class VscodeScrollable extends VscElement {
         this._mouseStartY = 0;
         this._scrollbarVisible = true;
         this._scrollbarTrackZ = 0;
-        this._resizeObserverCallbackBound = this._resizeObserverCallback.bind(this);
+        this._resizeObserverCallback = () => {
+            this._updateScrollbar();
+        };
         this._onScrollThumbMouseMoveBound = this._onScrollThumbMouseMove.bind(this);
         this._onScrollThumbMouseUpBound = this._onScrollThumbMouseUp.bind(this);
         this._onComponentMouseOverBound = this._onComponentMouseOver.bind(this);
@@ -55,25 +57,26 @@ let VscodeScrollable = class VscodeScrollable extends VscElement {
     }
     connectedCallback() {
         super.connectedCallback();
-        this._resizeObserver = new ResizeObserver(this._resizeObserverCallbackBound);
+        this._hostResizeObserver = new ResizeObserver(this._resizeObserverCallback);
+        this._contentResizeObserver = new ResizeObserver(this._resizeObserverCallback);
         this.requestUpdate();
         this.updateComplete.then(() => {
             this._scrollableContainer.addEventListener('scroll', this._onScrollableContainerScroll.bind(this));
-            this._resizeObserver.observe(this._contentElement);
+            this._hostResizeObserver.observe(this);
+            this._contentResizeObserver.observe(this._contentElement);
         });
         this.addEventListener('mouseover', this._onComponentMouseOverBound);
         this.addEventListener('mouseout', this._onComponentMouseOutBound);
     }
     disconnectedCallback() {
         super.disconnectedCallback();
-        this._resizeObserver.unobserve(this);
-        this._resizeObserver.disconnect();
+        this._hostResizeObserver.unobserve(this);
+        this._hostResizeObserver.disconnect();
+        this._contentResizeObserver.unobserve(this._contentElement);
+        this._contentResizeObserver.disconnect();
         this.removeEventListener('mouseover', this._onComponentMouseOverBound);
         this.removeEventListener('mouseout', this._onComponentMouseOutBound);
     }
-    _resizeObserverCallback() {
-        this._updateScrollbar();
-    }
     _updateScrollbar() {
         const compCr = this.getBoundingClientRect();
         const contentCr = this._contentElement.getBoundingClientRect();
@@ -104,7 +107,6 @@ let VscodeScrollable = class VscodeScrollable extends VscElement {
         this.requestUpdate();
     }
     _onSlotChange() {
-        this._updateScrollbar();
         this._zIndexFix();
     }
     _onScrollThumbMouseDown(event) {

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

@@ -1 +1 @@
-{"version":3,"file":"vscode-scrollable.js","sourceRoot":"","sources":["../../src/vscode-scrollable/vscode-scrollable.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, nothing, TemplateResult} from 'lit';\nimport {\n  customElement,\n  property,\n  query,\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 styles from './vscode-scrollable.styles.js';\n\n/**\n * @cssprop [--min-thumb-height=20px] - Scrollbar thumb minimum height\n * @cssprop --vscode-scrollbar-shadow\n * @cssprop --vscode-scrollbarSlider-background\n * @cssprop --vscode-scrollbarSlider-hoverBackground\n * @cssprop --vscode-scrollbarSlider-activeBackground\n */\n@customElement('vscode-scrollable')\nexport class VscodeScrollable extends VscElement {\n  static styles = styles;\n\n  @property({type: Boolean, reflect: true})\n  shadow = true;\n\n  @property({type: Boolean, reflect: true})\n  scrolled = false;\n\n  @property({type: Number, attribute: 'scroll-pos'})\n  set scrollPos(val: number) {\n    this._scrollableContainer.scrollTop = val;\n  }\n  get scrollPos(): number {\n    if (!this._scrollableContainer) {\n      return 0;\n    }\n\n    return this._scrollableContainer.scrollTop;\n  }\n\n  @property({type: Number, attribute: 'scroll-max'})\n  get scrollMax(): number {\n    if (!this._scrollableContainer) {\n      return 0;\n    }\n\n    return this._scrollableContainer.scrollHeight;\n  }\n\n  @state()\n  private _isDragging = false;\n\n  @state()\n  private _thumbHeight = 0;\n\n  @state()\n  private _thumbY = 0;\n\n  @state()\n  private _thumbVisible = false;\n\n  @state()\n  private _thumbFade = false;\n\n  @state()\n  private _thumbActive = false;\n\n  @query('.content')\n  private _contentElement!: HTMLDivElement;\n\n  @query('.scrollbar-thumb')\n  private _scrollThumbElement!: HTMLDivElement;\n\n  @query('.scrollable-container')\n  private _scrollableContainer!: HTMLDivElement;\n\n  @queryAssignedElements()\n  private _assignedElements!: NodeList;\n\n  private _resizeObserver!: ResizeObserver;\n  private _scrollThumbStartY = 0;\n  private _mouseStartY = 0;\n  private _scrollbarVisible = true;\n  private _scrollbarTrackZ = 0;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    this._resizeObserver = new ResizeObserver(\n      this._resizeObserverCallbackBound\n    );\n\n    this.requestUpdate();\n\n    this.updateComplete.then(() => {\n      this._scrollableContainer.addEventListener(\n        'scroll',\n        this._onScrollableContainerScroll.bind(this)\n      );\n      this._resizeObserver.observe(this._contentElement);\n    });\n\n    this.addEventListener('mouseover', this._onComponentMouseOverBound);\n    this.addEventListener('mouseout', this._onComponentMouseOutBound);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n\n    this._resizeObserver.unobserve(this);\n    this._resizeObserver.disconnect();\n\n    this.removeEventListener('mouseover', this._onComponentMouseOverBound);\n    this.removeEventListener('mouseout', this._onComponentMouseOutBound);\n  }\n\n  private _resizeObserverCallback() {\n    this._updateScrollbar();\n  }\n\n  private _resizeObserverCallbackBound =\n    this._resizeObserverCallback.bind(this);\n\n  private _updateScrollbar() {\n    const compCr = this.getBoundingClientRect();\n    const contentCr = this._contentElement.getBoundingClientRect();\n\n    if (compCr.height >= contentCr.height) {\n      this._scrollbarVisible = false;\n    } else {\n      this._scrollbarVisible = true;\n      this._thumbHeight = compCr.height * (compCr.height / contentCr.height);\n    }\n\n    this.requestUpdate();\n  }\n\n  private _zIndexFix() {\n    let highestZ = 0;\n\n    this._assignedElements.forEach((n) => {\n      if ('style' in n) {\n        const computedZIndex = window.getComputedStyle(n as HTMLElement).zIndex;\n        const isNumber = /([0-9-])+/g.test(computedZIndex);\n\n        if (isNumber) {\n          highestZ =\n            Number(computedZIndex) > highestZ\n              ? Number(computedZIndex)\n              : highestZ;\n        }\n      }\n    });\n\n    this._scrollbarTrackZ = highestZ + 1;\n    this.requestUpdate();\n  }\n\n  private _onSlotChange() {\n    this._updateScrollbar();\n    this._zIndexFix();\n  }\n\n  private _onScrollThumbMouseDown(event: MouseEvent) {\n    const cmpCr = this.getBoundingClientRect();\n    const thCr = this._scrollThumbElement.getBoundingClientRect();\n\n    this._mouseStartY = event.screenY;\n    this._scrollThumbStartY = thCr.top - cmpCr.top;\n    this._isDragging = true;\n    this._thumbActive = true;\n\n    document.addEventListener('mousemove', this._onScrollThumbMouseMoveBound);\n    document.addEventListener('mouseup', this._onScrollThumbMouseUpBound);\n  }\n\n  private _onScrollThumbMouseMove(event: MouseEvent) {\n    const predictedPos =\n      this._scrollThumbStartY + (event.screenY - this._mouseStartY);\n    let nextPos = 0;\n    const cmpH = this.getBoundingClientRect().height;\n    const thumbH = this._scrollThumbElement.getBoundingClientRect().height;\n    const contentH = this._contentElement.getBoundingClientRect().height;\n\n    if (predictedPos < 0) {\n      nextPos = 0;\n    } else if (predictedPos > cmpH - thumbH) {\n      nextPos = cmpH - thumbH;\n    } else {\n      nextPos = predictedPos;\n    }\n\n    this._thumbY = nextPos;\n    this._scrollableContainer.scrollTop =\n      (nextPos / (cmpH - thumbH)) * (contentH - cmpH);\n  }\n\n  private _onScrollThumbMouseMoveBound =\n    this._onScrollThumbMouseMove.bind(this);\n\n  private _onScrollThumbMouseUp(event: MouseEvent) {\n    this._isDragging = false;\n    this._thumbActive = false;\n\n    const cr = this.getBoundingClientRect();\n    const {x, y, width, height} = cr;\n    const {pageX, pageY} = event;\n\n    if (pageX > x + width || pageX < x || pageY > y + height || pageY < y) {\n      this._thumbFade = true;\n      this._thumbVisible = false;\n    }\n\n    document.removeEventListener(\n      'mousemove',\n      this._onScrollThumbMouseMoveBound\n    );\n    document.removeEventListener('mouseup', this._onScrollThumbMouseUpBound);\n  }\n\n  private _onScrollThumbMouseUpBound = this._onScrollThumbMouseUp.bind(this);\n\n  private _onScrollableContainerScroll() {\n    const scrollTop = this._scrollableContainer.scrollTop;\n    this.scrolled = scrollTop > 0;\n\n    const cmpH = this.getBoundingClientRect().height;\n    const thumbH = this._scrollThumbElement.getBoundingClientRect().height;\n    const contentH = this._contentElement.getBoundingClientRect().height;\n\n    const overflown = contentH - cmpH;\n    const ratio = scrollTop / overflown;\n\n    this._thumbY = ratio * (cmpH - thumbH);\n  }\n\n  private _onComponentMouseOver() {\n    this._thumbVisible = true;\n    this._thumbFade = false;\n  }\n\n  private _onComponentMouseOverBound = this._onComponentMouseOver.bind(this);\n\n  private _onComponentMouseOut() {\n    if (!this._thumbActive) {\n      this._thumbVisible = false;\n      this._thumbFade = true;\n    }\n  }\n\n  private _onComponentMouseOutBound = this._onComponentMouseOut.bind(this);\n\n  render(): TemplateResult {\n    return html`\n      <div\n        class=\"scrollable-container\"\n        style=\"${styleMap({\n          'user-select': this._isDragging ? 'none' : 'auto',\n        })}\"\n      >\n        <div class=\"${classMap({shadow: true, visible: this.scrolled})}\"></div>\n        ${this._isDragging\n          ? html`<div class=\"prevent-interaction\"></div>`\n          : nothing}\n        <div\n          class=\"${classMap({\n            'scrollbar-track': true,\n            hidden: !this._scrollbarVisible,\n          })}\"\n          style=\"${styleMap({\n            'z-index': String(this._scrollbarTrackZ),\n          })}\"\n        >\n          <div\n            class=\"${classMap({\n              'scrollbar-thumb': true,\n              visible: this._thumbVisible,\n              fade: this._thumbFade,\n              active: this._thumbActive,\n            })}\"\n            style=\"${styleMap({\n              height: `${this._thumbHeight}px`,\n              top: `${this._thumbY}px`,\n            })}\"\n            @mousedown=${this._onScrollThumbMouseDown}\n          ></div>\n        </div>\n        <div class=\"content\">\n          <slot @slotchange=\"${this._onSlotChange}\"></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-scrollable': VscodeScrollable;\n  }\n}\n"]}
+{"version":3,"file":"vscode-scrollable.js","sourceRoot":"","sources":["../../src/vscode-scrollable/vscode-scrollable.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, nothing, TemplateResult} from 'lit';\nimport {\n  customElement,\n  property,\n  query,\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 styles from './vscode-scrollable.styles.js';\n\n/**\n * @cssprop [--min-thumb-height=20px] - Scrollbar thumb minimum height\n * @cssprop --vscode-scrollbar-shadow\n * @cssprop --vscode-scrollbarSlider-background\n * @cssprop --vscode-scrollbarSlider-hoverBackground\n * @cssprop --vscode-scrollbarSlider-activeBackground\n */\n@customElement('vscode-scrollable')\nexport class VscodeScrollable extends VscElement {\n  static styles = styles;\n\n  @property({type: Boolean, reflect: true})\n  shadow = true;\n\n  @property({type: Boolean, reflect: true})\n  scrolled = false;\n\n  @property({type: Number, attribute: 'scroll-pos'})\n  set scrollPos(val: number) {\n    this._scrollableContainer.scrollTop = val;\n  }\n  get scrollPos(): number {\n    if (!this._scrollableContainer) {\n      return 0;\n    }\n\n    return this._scrollableContainer.scrollTop;\n  }\n\n  @property({type: Number, attribute: 'scroll-max'})\n  get scrollMax(): number {\n    if (!this._scrollableContainer) {\n      return 0;\n    }\n\n    return this._scrollableContainer.scrollHeight;\n  }\n\n  @state()\n  private _isDragging = false;\n\n  @state()\n  private _thumbHeight = 0;\n\n  @state()\n  private _thumbY = 0;\n\n  @state()\n  private _thumbVisible = false;\n\n  @state()\n  private _thumbFade = false;\n\n  @state()\n  private _thumbActive = false;\n\n  @query('.content')\n  private _contentElement!: HTMLDivElement;\n\n  @query('.scrollbar-thumb')\n  private _scrollThumbElement!: HTMLDivElement;\n\n  @query('.scrollable-container')\n  private _scrollableContainer!: HTMLDivElement;\n\n  @queryAssignedElements()\n  private _assignedElements!: NodeList;\n\n  private _hostResizeObserver!: ResizeObserver;\n  private _contentResizeObserver!: ResizeObserver;\n  private _scrollThumbStartY = 0;\n  private _mouseStartY = 0;\n  private _scrollbarVisible = true;\n  private _scrollbarTrackZ = 0;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    this._hostResizeObserver = new ResizeObserver(\n      this._resizeObserverCallback\n    );\n    this._contentResizeObserver = new ResizeObserver(\n      this._resizeObserverCallback\n    );\n\n    this.requestUpdate();\n\n    this.updateComplete.then(() => {\n      this._scrollableContainer.addEventListener(\n        'scroll',\n        this._onScrollableContainerScroll.bind(this)\n      );\n      this._hostResizeObserver.observe(this);\n      this._contentResizeObserver.observe(this._contentElement);\n    });\n\n    this.addEventListener('mouseover', this._onComponentMouseOverBound);\n    this.addEventListener('mouseout', this._onComponentMouseOutBound);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n\n    this._hostResizeObserver.unobserve(this);\n    this._hostResizeObserver.disconnect();\n    this._contentResizeObserver.unobserve(this._contentElement);\n    this._contentResizeObserver.disconnect();\n\n    this.removeEventListener('mouseover', this._onComponentMouseOverBound);\n    this.removeEventListener('mouseout', this._onComponentMouseOutBound);\n  }\n\n  private _resizeObserverCallback = () => {\n    this._updateScrollbar();\n  };\n\n  private _updateScrollbar() {\n    const compCr = this.getBoundingClientRect();\n    const contentCr = this._contentElement.getBoundingClientRect();\n\n    if (compCr.height >= contentCr.height) {\n      this._scrollbarVisible = false;\n    } else {\n      this._scrollbarVisible = true;\n      this._thumbHeight = compCr.height * (compCr.height / contentCr.height);\n    }\n\n    this.requestUpdate();\n  }\n\n  private _zIndexFix() {\n    let highestZ = 0;\n\n    this._assignedElements.forEach((n) => {\n      if ('style' in n) {\n        const computedZIndex = window.getComputedStyle(n as HTMLElement).zIndex;\n        const isNumber = /([0-9-])+/g.test(computedZIndex);\n\n        if (isNumber) {\n          highestZ =\n            Number(computedZIndex) > highestZ\n              ? Number(computedZIndex)\n              : highestZ;\n        }\n      }\n    });\n\n    this._scrollbarTrackZ = highestZ + 1;\n    this.requestUpdate();\n  }\n\n  private _onSlotChange() {\n    this._zIndexFix();\n  }\n\n  private _onScrollThumbMouseDown(event: MouseEvent) {\n    const cmpCr = this.getBoundingClientRect();\n    const thCr = this._scrollThumbElement.getBoundingClientRect();\n\n    this._mouseStartY = event.screenY;\n    this._scrollThumbStartY = thCr.top - cmpCr.top;\n    this._isDragging = true;\n    this._thumbActive = true;\n\n    document.addEventListener('mousemove', this._onScrollThumbMouseMoveBound);\n    document.addEventListener('mouseup', this._onScrollThumbMouseUpBound);\n  }\n\n  private _onScrollThumbMouseMove(event: MouseEvent) {\n    const predictedPos =\n      this._scrollThumbStartY + (event.screenY - this._mouseStartY);\n    let nextPos = 0;\n    const cmpH = this.getBoundingClientRect().height;\n    const thumbH = this._scrollThumbElement.getBoundingClientRect().height;\n    const contentH = this._contentElement.getBoundingClientRect().height;\n\n    if (predictedPos < 0) {\n      nextPos = 0;\n    } else if (predictedPos > cmpH - thumbH) {\n      nextPos = cmpH - thumbH;\n    } else {\n      nextPos = predictedPos;\n    }\n\n    this._thumbY = nextPos;\n    this._scrollableContainer.scrollTop =\n      (nextPos / (cmpH - thumbH)) * (contentH - cmpH);\n  }\n\n  private _onScrollThumbMouseMoveBound =\n    this._onScrollThumbMouseMove.bind(this);\n\n  private _onScrollThumbMouseUp(event: MouseEvent) {\n    this._isDragging = false;\n    this._thumbActive = false;\n\n    const cr = this.getBoundingClientRect();\n    const {x, y, width, height} = cr;\n    const {pageX, pageY} = event;\n\n    if (pageX > x + width || pageX < x || pageY > y + height || pageY < y) {\n      this._thumbFade = true;\n      this._thumbVisible = false;\n    }\n\n    document.removeEventListener(\n      'mousemove',\n      this._onScrollThumbMouseMoveBound\n    );\n    document.removeEventListener('mouseup', this._onScrollThumbMouseUpBound);\n  }\n\n  private _onScrollThumbMouseUpBound = this._onScrollThumbMouseUp.bind(this);\n\n  private _onScrollableContainerScroll() {\n    const scrollTop = this._scrollableContainer.scrollTop;\n    this.scrolled = scrollTop > 0;\n\n    const cmpH = this.getBoundingClientRect().height;\n    const thumbH = this._scrollThumbElement.getBoundingClientRect().height;\n    const contentH = this._contentElement.getBoundingClientRect().height;\n\n    const overflown = contentH - cmpH;\n    const ratio = scrollTop / overflown;\n\n    this._thumbY = ratio * (cmpH - thumbH);\n  }\n\n  private _onComponentMouseOver() {\n    this._thumbVisible = true;\n    this._thumbFade = false;\n  }\n\n  private _onComponentMouseOverBound = this._onComponentMouseOver.bind(this);\n\n  private _onComponentMouseOut() {\n    if (!this._thumbActive) {\n      this._thumbVisible = false;\n      this._thumbFade = true;\n    }\n  }\n\n  private _onComponentMouseOutBound = this._onComponentMouseOut.bind(this);\n\n  render(): TemplateResult {\n    return html`\n      <div\n        class=\"scrollable-container\"\n        style=\"${styleMap({\n          'user-select': this._isDragging ? 'none' : 'auto',\n        })}\"\n      >\n        <div class=\"${classMap({shadow: true, visible: this.scrolled})}\"></div>\n        ${this._isDragging\n          ? html`<div class=\"prevent-interaction\"></div>`\n          : nothing}\n        <div\n          class=\"${classMap({\n            'scrollbar-track': true,\n            hidden: !this._scrollbarVisible,\n          })}\"\n          style=\"${styleMap({\n            'z-index': String(this._scrollbarTrackZ),\n          })}\"\n        >\n          <div\n            class=\"${classMap({\n              'scrollbar-thumb': true,\n              visible: this._thumbVisible,\n              fade: this._thumbFade,\n              active: this._thumbActive,\n            })}\"\n            style=\"${styleMap({\n              height: `${this._thumbHeight}px`,\n              top: `${this._thumbY}px`,\n            })}\"\n            @mousedown=${this._onScrollThumbMouseDown}\n          ></div>\n        </div>\n        <div class=\"content\">\n          <slot @slotchange=\"${this._onSlotChange}\"></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-scrollable': VscodeScrollable;\n  }\n}\n"]}

package/dist/vscode-table/vscode-table.d.ts

@@ -68,6 +68,7 @@ export declare class VscodeTable extends VscElement {
     private _columns;
     private _componentResizeObserver;
     private _headerResizeObserver;
+    private _bodyResizeObserver?;
     private _activeSashElementIndex;
     private _activeSashCursorOffset;
     private _componentX;
@@ -105,12 +106,13 @@ export declare class VscodeTable extends VscElement {
     private _initResizeObserver;
     private _componentResizeObserverCallback;
     private _headerResizeObserverCallback;
+    private _bodyResizeObserverCallback;
     private _calcColWidthPercentages;
     private _initHeaderCellSizes;
     private _initBodyColumnSizes;
     private _initSashes;
     private _initDefaultColumnSizes;
-    private _updateScrollpaneSize;
+    private _updateResizeHandlersSize;
     private _applyCompactViewColumnLabels;
     private _clearCompactViewColumnLabels;
     private _toggleCompactView;

package/dist/vscode-table/vscode-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-table.d.ts","sourceRoot":"","sources":["../../src/vscode-table/vscode-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAC,MAAM,KAAK,CAAC;AAWzC,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACrD,OAAO,sBAAsB,CAAC;AAW9B;;;;;;;;;;;;;;GAcG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,+BAAU;IAEvB,gBAAgB;IAEhB,IAAI,SAAW;IAGf,SAAS,UAAS;IAGlB,UAAU,UAAS;IAGnB,UAAU,SAAO;IAEjB;;;;;;;;;OASG;IACH,IACI,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,EAMxB;IACD,IAAI,OAAO,IAAI,MAAM,EAAE,CAEtB;IAED;;;;;;;;OAQG;IAEH,cAAc,SAAU;IAGxB,eAAe,UAAS;IAExB;;OAEG;IAEH,OAAO,UAAS;IAGhB,OAAO,CAAC,SAAS,CAAmB;IAGpC,OAAO,CAAC,cAAc,CAAkB;IAGxC,OAAO,CAAC,kBAAkB,CAAoB;IAG9C,OAAO,CAAC,oBAAoB,CAAoB;IAOhD,OAAO,CAAC,uBAAuB,CAAiC;IAOhE,OAAO,CAAC,qBAAqB,CAA+B;IAE5D;;OAEG;IAEH,OAAO,CAAC,cAAc,CAAgB;IAGtC,OAAO,CAAC,WAAW,CAAS;IAE5B;;OAEG;IACH,OAAO,CAAC,WAAW,CAAiB;IACpC,OAAO,CAAC,QAAQ,CAAgB;IAChC,OAAO,CAAC,wBAAwB,CAAkB;IAClD,OAAO,CAAC,qBAAqB,CAAkB;IAC/C,OAAO,CAAC,uBAAuB,CAAM;IACrC,OAAO,CAAC,uBAAuB,CAAK;IACpC,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,WAAW,CAAK;IACxB;;;OAGG;IACH,OAAO,CAAC,YAAY,CAA+B;IACnD;;;OAGG;IACH,OAAO,CAAC,gBAAgB,CAAyB;IACjD,OAAO,CAAC,cAAc,CAAqB;IAC3C,OAAO,CAAC,oBAAoB,CAA2B;IACvD,OAAO,CAAC,iBAAiB,CAAK;IAC9B,OAAO,CAAC,oBAAoB,CAAK;IAEjC,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,2BAA2B;IAQnC,OAAO,CAAC,iBAAiB;IAczB;;OAEG;IACH,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,qBAAqB;IAc7B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,gCAAgC,CAOtC;IAEF,OAAO,CAAC,6BAA6B,CAEnC;IAEF,OAAO,CAAC,wBAAwB;IAoChC,OAAO,CAAC,oBAAoB;IAM5B,OAAO,CAAC,oBAAoB;IAM5B,OAAO,CAAC,WAAW;IAenB,OAAO,CAAC,uBAAuB;IAQ/B,OAAO,CAAC,qBAAqB;IAqB7B,OAAO,CAAC,6BAA6B;IAerC,OAAO,CAAC,6BAA6B;IAOrC,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,gBAAgB;IAqCxB,OAAO,CAAC,yBAAyB;IA0BjC,OAAO,CAAC,iBAAiB;IAmBzB,OAAO,CAAC,cAAc;IAuBtB,OAAO,CAAC,oBAAoB,CAS1B;IAEF,OAAO,CAAC,kBAAkB,CASxB;IAEF,MAAM,IAAI,cAAc;CAyDzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
+{"version":3,"file":"vscode-table.d.ts","sourceRoot":"","sources":["../../src/vscode-table/vscode-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAC,MAAM,KAAK,CAAC;AAWzC,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACrD,OAAO,sBAAsB,CAAC;AAW9B;;;;;;;;;;;;;;GAcG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,+BAAU;IAEvB,gBAAgB;IAEhB,IAAI,SAAW;IAGf,SAAS,UAAS;IAGlB,UAAU,UAAS;IAGnB,UAAU,SAAO;IAEjB;;;;;;;;;OASG;IACH,IACI,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,EAMxB;IACD,IAAI,OAAO,IAAI,MAAM,EAAE,CAEtB;IAED;;;;;;;;OAQG;IAEH,cAAc,SAAU;IAGxB,eAAe,UAAS;IAExB;;OAEG;IAEH,OAAO,UAAS;IAGhB,OAAO,CAAC,SAAS,CAAmB;IAGpC,OAAO,CAAC,cAAc,CAAkB;IAGxC,OAAO,CAAC,kBAAkB,CAAoB;IAG9C,OAAO,CAAC,oBAAoB,CAAoB;IAOhD,OAAO,CAAC,uBAAuB,CAAiC;IAOhE,OAAO,CAAC,qBAAqB,CAA+B;IAE5D;;OAEG;IAEH,OAAO,CAAC,cAAc,CAAgB;IAGtC,OAAO,CAAC,WAAW,CAAS;IAE5B;;OAEG;IACH,OAAO,CAAC,WAAW,CAAiB;IACpC,OAAO,CAAC,QAAQ,CAAgB;IAChC,OAAO,CAAC,wBAAwB,CAAkB;IAClD,OAAO,CAAC,qBAAqB,CAAkB;IAC/C,OAAO,CAAC,mBAAmB,CAAC,CAAiB;IAC7C,OAAO,CAAC,uBAAuB,CAAM;IACrC,OAAO,CAAC,uBAAuB,CAAK;IACpC,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,WAAW,CAAK;IACxB;;;OAGG;IACH,OAAO,CAAC,YAAY,CAA+B;IACnD;;;OAGG;IACH,OAAO,CAAC,gBAAgB,CAAyB;IACjD,OAAO,CAAC,cAAc,CAAqB;IAC3C,OAAO,CAAC,oBAAoB,CAA2B;IACvD,OAAO,CAAC,iBAAiB,CAAK;IAC9B,OAAO,CAAC,oBAAoB,CAAK;IAEjC,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAO5B,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,2BAA2B;IAQnC,OAAO,CAAC,iBAAiB;IAczB;;OAEG;IACH,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,qBAAqB;IAc7B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,gCAAgC,CAOtC;IAEF,OAAO,CAAC,6BAA6B,CAEnC;IAEF,OAAO,CAAC,2BAA2B,CAmBjC;IAEF,OAAO,CAAC,wBAAwB;IAoChC,OAAO,CAAC,oBAAoB;IAM5B,OAAO,CAAC,oBAAoB;IAM5B,OAAO,CAAC,WAAW;IAenB,OAAO,CAAC,uBAAuB;IAQ/B,OAAO,CAAC,yBAAyB;IAqBjC,OAAO,CAAC,6BAA6B;IAerC,OAAO,CAAC,6BAA6B;IAOrC,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,iBAAiB;IAiBzB,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,gBAAgB;IAqCxB,OAAO,CAAC,yBAAyB;IA0BjC,OAAO,CAAC,iBAAiB;IAmBzB,OAAO,CAAC,cAAc;IAuBtB,OAAO,CAAC,oBAAoB,CAS1B;IAEF,OAAO,CAAC,kBAAkB,CASxB;IAEF,MAAM,IAAI,cAAc;CAyDzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}