@vscode-elements/elements 1.10.0 → 1.11.1-pre.0

package/dist/vscode-split-layout/vscode-split-layout.js

@@ -42,6 +42,8 @@ export const percentToPx = (current, max) => {
     return max * (current / 100);
 };
 /**
+ * @tag vscode-split-layout
+ *
  * @cssprop [--hover-border=var(--vscode-sash-hoverBorder)]
  */
 let VscodeSplitLayout = VscodeSplitLayout_1 = class VscodeSplitLayout extends VscElement {
@@ -319,21 +321,21 @@ let VscodeSplitLayout = VscodeSplitLayout_1 = class VscodeSplitLayout extends Vs
             horizontal: this.split === 'horizontal',
         };
         return html `
-      <div class="${classMap(wrapperClasses)}">
-        <div class="start" style="${styleMap({ flex: startPaneSize })}">
+      <div class=${classMap(wrapperClasses)}>
+        <div class="start" style=${styleMap({ flex: startPaneSize })}>
           <slot name="start" @slotchange=${this._handleSlotChange}></slot>
         </div>
-        <div class="end" style="${styleMap({ flex: endPaneSize })}">
+        <div class="end" style=${styleMap({ flex: endPaneSize })}>
           <slot name="end" @slotchange=${this._handleSlotChange}></slot>
         </div>
-        <div class="${handleOverlayClasses}"></div>
+        <div class=${handleOverlayClasses}></div>
         <div
-          class="${handleClasses}"
-          style="${handleStyles}"
-          @mouseover="${this._handleMouseOver}"
-          @mouseout="${this._handleMouseOut}"
-          @mousedown="${this._handleMouseDown}"
-          @dblclick="${this._handleDblClick}"
+          class=${handleClasses}
+          style=${handleStyles}
+          @mouseover=${this._handleMouseOver}
+          @mouseout=${this._handleMouseOut}
+          @mousedown=${this._handleMouseDown}
+          @dblclick=${this._handleDblClick}
         ></div>
       </div>
     `;

package/dist/vscode-split-layout/vscode-split-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-split-layout.js","sourceRoot":"","sources":["../../src/vscode-split-layout/vscode-split-layout.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAC,IAAI,EAAiC,MAAM,KAAK,CAAC;AACzD,OAAO,EACL,aAAa,EACb,QAAQ,EACR,KAAK,EACL,qBAAqB,EACrB,KAAK,GACN,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACrD,OAAO,MAAM,MAAM,iCAAiC,CAAC;AAErD,MAAM,wBAAwB,GAAG,KAAK,CAAC;AACvC,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAM9B,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,GAAW,EAC0B,EAAE;IACvC,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,OAAO,EAAC,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAC,CAAC;IACnC,CAAC;IAED,IAAI,IAAkB,CAAC;IACvB,IAAI,MAAc,CAAC;IAEnB,IAAI,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QACtB,IAAI,GAAG,SAAS,CAAC;QACjB,MAAM,GAAG,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC7C,CAAC;SAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QAC9B,IAAI,GAAG,OAAO,CAAC;QACf,MAAM,GAAG,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC7C,CAAC;SAAM,CAAC;QACN,IAAI,GAAG,OAAO,CAAC;QACf,MAAM,GAAG,CAAC,GAAG,CAAC;IAChB,CAAC;IAED,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAEzC,OAAO,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;AACvB,CAAC,CAAC;AAEF,yCAAyC;AACzC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAAe,EAAE,GAAW,EAAE,EAAE;IAC1D,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC;AAC9D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAAe,EAAE,GAAW,EAAE,EAAE;IAC1D,OAAO,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC;AAC/B,CAAC,CAAC;AAOF;;GAEG;AAEI,IAAM,iBAAiB,yBAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAG/C;;OAEG;IAEH,IAAI,KAAK,CAAC,MAAmB;QAC3B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IACD,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAwBD;;;;OAIG;IAEH,IAAI,cAAc,CAAC,MAAc;QAC/B,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC;QACjC,IAAI,CAAC,0BAA0B,EAAE,CAAC;IACpC,CAAC;IACD,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,kBAAkB,CAAC;IACjC,CAAC;IAGD;;OAEG;IAEH,IAAI,SAAS,CAAC,MAAqB;QACjC,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IACD,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAiCD;QACE,KAAK,EAAE,CAAC;QAlFF,WAAM,GAAgB,UAAU,CAAC;QAEzC;;;WAGG;QAEH,oBAAe,GAAG,KAAK,CAAC;QAExB;;;WAGG;QAEH,eAAU,GAAG,CAAC,CAAC;QAEf;;;WAGG;QAEH,0BAAqB,GAAW,wBAAwB,CAAC;QA4BjD,eAAU,GAAkB,MAAM,CAAC;QAGnC,oBAAe,GAAG,CAAC,CAAC;QAGpB,kBAAa,GAAG,KAAK,CAAC;QAGtB,WAAM,GAAG,KAAK,CAAC;QAGf,UAAK,GAAG,KAAK,CAAC;QAcd,eAAU,GAAY,IAAI,OAAO,EAAE,CAAC;QACpC,kBAAa,GAAG,CAAC,CAAC;QAElB,qBAAgB,GAAY,KAAK,CAAC;QAClC,mBAAc,GAAW,CAAC,CAAC;QAwF3B,kBAAa,GAAG,CAAC,OAA8B,EAAE,EAAE;YACzD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;YACpC,MAAM,EAAC,KAAK,EAAE,MAAM,EAAC,GAAG,IAAI,CAAC;YAC7B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;YAEvD,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,EAAE,CAAC;gBAC/B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC;YAC7C,CAAC;YAED,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;gBAC7B,IAAI,CAAC,eAAe,GAAG,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC;YACnD,CAAC;QACH,CAAC,CAAC;QA+CM,mBAAc,GAAG,CAAC,EAAc,EAAE,EAAE;YAC1C,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAE3B,IAAI,EAAE,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;gBACvB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;gBACpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YACpB,CAAC;YAED,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YAC3D,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;YAE/D,MAAM,EAAC,KAAK,EAAE,MAAM,EAAC,GAAG,IAAI,CAAC,UAAU,CAAC;YACxC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;YACvD,MAAM,oBAAoB,GAAG,WAAW,CAAC,IAAI,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC;YAEpE,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,yBAAyB,EAAE;gBACzC,MAAM,EAAE;oBACN,QAAQ,EAAE,IAAI,CAAC,eAAe;oBAC9B,oBAAoB;iBACrB;gBACD,QAAQ,EAAE,IAAI;aACf,CAA8B,CAChC,CAAC;QACJ,CAAC,CAAC;QAEM,qBAAgB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC/C,MAAM,EAAC,OAAO,EAAE,OAAO,EAAC,GAAG,KAAK,CAAC;YACjC,MAAM,EAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAC,GAAG,IAAI,CAAC,UAAU,CAAC;YACnD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,KAAK,UAAU,CAAC;YACvC,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;YACrC,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,GAAG,GAAG,CAAC;YAEvD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,GAAG,CAC7B,CAAC,EACD,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,EAAE,MAAM,CAAC,CACtE,CAAC;YAEF,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,EAAE,CAAC;gBAC/B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC;YAC7C,CAAC;YAED,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;gBAC7B,IAAI,CAAC,cAAc,GAAG,MAAM,GAAG,IAAI,CAAC,eAAe,CAAC;YACtD,CAAC;QACH,CAAC,CAAC;QA5LA,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAChE,CAAC;IAED;;OAEG;IACH,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC;YACzB,OAAO;QACT,CAAC;QAED,MAAM,EAAC,KAAK,EAAE,MAAM,EAAC,GAAG,IAAI,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC;QAChE,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;QACvD,MAAM,EAAC,KAAK,EAAE,IAAI,EAAC,GAAG,UAAU,CAC9B,IAAI,CAAC,qBAAqB,IAAI,wBAAwB,CACvD,CAAC;QAEF,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,IAAI,CAAC,eAAe,GAAG,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACjD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC5B,CAAC;IAES,YAAY,CAAC,kBAAkC;QACvD,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,EAAE,CAAC;YAC9B,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAC9C,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC/B,CAAC;QAED,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC;QAE1D,MAAM,EAAC,KAAK,EAAE,IAAI,EAAC,GAAG,IAAI,CAAC,cAAc;YACvC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC;YACjC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAE3C,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAC/B,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAEO,0BAA0B;QAChC,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAC3C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC;YAC1D,MAAM,EAAC,KAAK,EAAE,IAAI,EAAC,GAAG,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YACtD,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QACjC,CAAC;IACH,CAAC;IAEO,qBAAqB;QAC3B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAEO,cAAc;QACpB,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,EAAE,CAAC;YAC9B,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBAC1B,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAChD,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;YAChC,CAAC;QACH,CAAC;aAAM,CAAC;YACN,MAAM,EAAC,KAAK,EAAE,MAAM,EAAC,GAAG,IAAI,CAAC,UAAU,CAAC;YACxC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;YAEvD,IAAI,CAAC,cAAc;gBACjB,IAAI,CAAC,SAAS,KAAK,OAAO;oBACxB,CAAC,CAAC,IAAI,CAAC,eAAe;oBACtB,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,eAAe,CAAC;YAEjC,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBAC3B,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAC9C,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;YAC/B,CAAC;QACH,CAAC;IACH,CAAC;IAiBO,YAAY,CAAC,KAAa,EAAE,IAAkB;QACpD,MAAM,EAAC,KAAK,EAAE,MAAM,EAAC,GAAG,IAAI,CAAC,UAAU,CAAC;QACxC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;QAEvD,IAAI,CAAC,eAAe,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAC9E,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAEO,eAAe,CAAC,KAAiB;QACvC,IAAI,KAAK,CAAC,OAAO,KAAK,CAAC,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QACpB,CAAC;IACH,CAAC;IAEO,gBAAgB,CAAC,KAAiB;QACxC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC;QAC1D,MAAM,EAAC,IAAI,EAAE,GAAG,EAAC,GAAG,IAAI,CAAC,UAAU,CAAC;QACpC,MAAM,EAAC,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,SAAS,EAAC,GACtC,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC;QAEzC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;QACzC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;QAExC,IAAI,IAAI,CAAC,KAAK,KAAK,UAAU,EAAE,CAAC;YAC9B,IAAI,CAAC,aAAa,GAAG,WAAW,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;QACzD,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,KAAK,YAAY,EAAE,CAAC;YAChC,IAAI,CAAC,aAAa,GAAG,WAAW,GAAG,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC;QACvD,CAAC;QAED,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAE1B,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACxD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAC9D,CAAC;IAiDO,eAAe;QACrB,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1B,OAAO;QACT,CAAC;QAED,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAEO,iBAAiB;QACvB,MAAM,aAAa,GAAG;YACpB,GAAG,IAAI,CAAC,qBAAqB;YAC7B,GAAG,IAAI,CAAC,mBAAmB;SAC5B,CAAC;QAEF,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YAC1B,IAAI,CAAC,YAAY,mBAAiB,EAAE,CAAC;gBACnC,CAAC,CAAC,mBAAmB,EAAE,CAAC;YAC1B,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,MAAM,EAAC,KAAK,EAAE,MAAM,EAAC,GAAG,IAAI,CAAC,UAAU,CAAC;QACxC,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;QAC1D,MAAM,YAAY,GAChB,IAAI,CAAC,SAAS,KAAK,MAAM;YACvB,CAAC,CAAC,GAAG,IAAI,CAAC,eAAe,IAAI;YAC7B,CAAC,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,GAAG,CAAC;QAEtD,IAAI,aAAa,GAAG,EAAE,CAAC;QAEvB,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,EAAE,CAAC;YAC/B,aAAa,GAAG,OAAO,IAAI,CAAC,cAAc,IAAI,CAAC;QACjD,CAAC;aAAM,CAAC;YACN,aAAa,GAAG,OAAO,WAAW,CAAC,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,GAAG,CAAC;QACtE,CAAC;QAED,IAAI,WAAW,GAAG,EAAE,CAAC;QAErB,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC7B,WAAW,GAAG,OAAO,IAAI,CAAC,cAAc,IAAI,CAAC;QAC/C,CAAC;aAAM,CAAC;YACN,WAAW,GAAG,OAAO,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,GAAG,CAAC;QAC7E,CAAC;QAED,MAAM,mBAAmB,GAA6B;YACpD,IAAI,EAAE,IAAI,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG;YACpD,GAAG,EAAE,IAAI,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY;SACpD,CAAC;QAEF,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,mBAAmB,CAAC;QAE1D,IAAI,IAAI,CAAC,KAAK,KAAK,UAAU,EAAE,CAAC;YAC9B,mBAAmB,CAAC,UAAU,GAAG,GAAG,CAAC,GAAG,UAAU,GAAG,CAAC,IAAI,CAAC;YAC3D,mBAAmB,CAAC,KAAK,GAAG,GAAG,UAAU,IAAI,CAAC;QAChD,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,KAAK,YAAY,EAAE,CAAC;YAChC,mBAAmB,CAAC,MAAM,GAAG,GAAG,UAAU,IAAI,CAAC;YAC/C,mBAAmB,CAAC,SAAS,GAAG,GAAG,CAAC,GAAG,UAAU,GAAG,CAAC,IAAI,CAAC;QAC5D,CAAC;QAED,MAAM,YAAY,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC;QAEnD,MAAM,oBAAoB,GAAG,QAAQ,CAAC;YACpC,gBAAgB,EAAE,IAAI;YACtB,MAAM,EAAE,IAAI,CAAC,aAAa;YAC1B,gBAAgB,EAAE,IAAI,CAAC,KAAK,KAAK,UAAU;YAC3C,kBAAkB,EAAE,IAAI,CAAC,KAAK,KAAK,YAAY;SAChD,CAAC,CAAC;QAEH,MAAM,aAAa,GAAG,QAAQ,CAAC;YAC7B,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE,IAAI,CAAC,MAAM;YAClB,IAAI,EAAE,IAAI,CAAC,KAAK;YAChB,gBAAgB,EAAE,IAAI,CAAC,KAAK,KAAK,UAAU;YAC3C,kBAAkB,EAAE,IAAI,CAAC,KAAK,KAAK,YAAY;SAChD,CAAC,CAAC;QAEH,MAAM,cAAc,GAAG;YACrB,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI,CAAC,KAAK,KAAK,YAAY;SACxC,CAAC;QAEF,OAAO,IAAI,CAAA;oBACK,QAAQ,CAAC,cAAc,CAAC;oCACR,QAAQ,CAAC,EAAC,IAAI,EAAE,aAAa,EAAC,CAAC;2CACxB,IAAI,CAAC,iBAAiB;;kCAE/B,QAAQ,CAAC,EAAC,IAAI,EAAE,WAAW,EAAC,CAAC;yCACtB,IAAI,CAAC,iBAAiB;;sBAEzC,oBAAoB;;mBAEvB,aAAa;mBACb,YAAY;wBACP,IAAI,CAAC,gBAAgB;uBACtB,IAAI,CAAC,eAAe;wBACnB,IAAI,CAAC,gBAAgB;uBACtB,IAAI,CAAC,eAAe;;;KAGtC,CAAC;IACJ,CAAC;;AAtYM,wBAAM,GAAG,MAAM,AAAT,CAAU;AAMvB;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;8CAIzB;AAWD;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAC,CAAC;0DAClD;AAOxB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAC,CAAC;qDACnD;AAOf;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,yBAAyB,EAAC,CAAC;gEACP;AAQzD;IADC,QAAQ,CAAC,EAAC,SAAS,EAAE,iBAAiB,EAAC,CAAC;uDAIxC;AAUD;IADC,QAAQ,CAAC,EAAC,SAAS,EAAE,YAAY,EAAC,CAAC;kDAInC;AAOO;IADP,KAAK,EAAE;0DACoB;AAGpB;IADP,KAAK,EAAE;wDACsB;AAGtB;IADP,KAAK,EAAE;iDACe;AAGf;IADP,KAAK,EAAE;gDACc;AAGd;IADP,KAAK,CAAC,UAAU,CAAC;qDACkB;AAG5B;IADP,KAAK,CAAC,SAAS,CAAC;oDACkB;AAG3B;IADP,qBAAqB,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAC,CAAC;gEAC1B;AAGtC;IADP,qBAAqB,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,qBAAqB,EAAC,CAAC;8DAC1B;AAvFjC,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAwY7B","sourcesContent":["import {html, PropertyValues, 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-split-layout.styles.js';\n\nconst DEFAULT_INITIAL_POSITION = '50%';\nconst DEFAULT_HANDLE_SIZE = 4;\n\ntype PositionUnit = 'pixel' | 'percent';\ntype Orientation = 'horizontal' | 'vertical';\ntype FixedPaneType = 'start' | 'end' | 'none';\n\nexport const parseValue = (\n  raw: string\n): {value: number; unit: PositionUnit} => {\n  if (!raw) {\n    return {value: 0, unit: 'pixel'};\n  }\n\n  let unit: PositionUnit;\n  let rawVal: number;\n\n  if (raw.endsWith('%')) {\n    unit = 'percent';\n    rawVal = +raw.substring(0, raw.length - 1);\n  } else if (raw.endsWith('px')) {\n    unit = 'pixel';\n    rawVal = +raw.substring(0, raw.length - 2);\n  } else {\n    unit = 'pixel';\n    rawVal = +raw;\n  }\n\n  const value = isNaN(rawVal) ? 0 : rawVal;\n\n  return {unit, value};\n};\n\n// Returns a percentage between 0 and 100\nexport const pxToPercent = (current: number, max: number) => {\n  return max === 0 ? 0 : Math.min(100, (current / max) * 100);\n};\n\nexport const percentToPx = (current: number, max: number) => {\n  return max * (current / 100);\n};\n\nexport type VscSplitLayoutChangeEvent = CustomEvent<{\n  position: number;\n  positionInPercentage: number;\n}>;\n\n/**\n * @cssprop [--hover-border=var(--vscode-sash-hoverBorder)]\n */\n@customElement('vscode-split-layout')\nexport class VscodeSplitLayout extends VscElement {\n  static styles = styles;\n\n  /**\n   * Direction of the divider.\n   */\n  @property({reflect: true})\n  set split(newVal: Orientation) {\n    this._split = newVal;\n    this.resetHandlePosition();\n  }\n  get split(): Orientation {\n    return this._split;\n  }\n  private _split: Orientation = 'vertical';\n\n  /**\n   * Controls whether the handle position should reset to the value set in the\n   * `initialHandlePosition` when it is double-clicked.\n   */\n  @property({type: Boolean, reflect: true, attribute: 'reset-on-dbl-click'})\n  resetOnDblClick = false;\n\n  /**\n   * Controls the draggable area size in pixels. it is intended to use the value\n   * of `workbench.sash.size`.\n   */\n  @property({type: Number, reflect: true, attribute: 'handle-size'})\n  handleSize = 4;\n\n  /**\n   * The handler position will reset to this position when it is double-clicked,\n   * or the `resetHandlePosition()` is called.\n   */\n  @property({reflect: true, attribute: 'initial-handle-position'})\n  initialHandlePosition: string = DEFAULT_INITIAL_POSITION;\n\n  /**\n   * Set the handle position programmatically. The value must include a unit,\n   * either `%` or `px`. If no unit is specified, the value is interpreted as\n   * `px`.\n   */\n  @property({attribute: 'handle-position'})\n  set handlePosition(newVal: string) {\n    this._rawHandlePosition = newVal;\n    this._handlePositionPropChanged();\n  }\n  get handlePosition(): string | undefined {\n    return this._rawHandlePosition;\n  }\n  private _rawHandlePosition?: string;\n\n  /**\n   * The size of the fixed pane will not change when the component is resized.\n   */\n  @property({attribute: 'fixed-pane'})\n  set fixedPane(newVal: FixedPaneType) {\n    this._fixedPane = newVal;\n    this._fixedPanePropChanged();\n  }\n  get fixedPane(): FixedPaneType {\n    return this._fixedPane;\n  }\n  private _fixedPane: FixedPaneType = 'none';\n\n  @state()\n  private _handlePosition = 0;\n\n  @state()\n  private _isDragActive = false;\n\n  @state()\n  private _hover = false;\n\n  @state()\n  private _hide = false;\n\n  @query('.wrapper')\n  private _wrapperEl!: HTMLDivElement;\n\n  @query('.handle')\n  private _handleEl!: HTMLDivElement;\n\n  @queryAssignedElements({slot: 'start', selector: 'vscode-split-layout'})\n  private _nestedLayoutsAtStart!: HTMLElement[];\n\n  @queryAssignedElements({slot: 'end', selector: 'vscode-split-layout'})\n  private _nestedLayoutsAtEnd!: HTMLElement[];\n\n  private _boundRect: DOMRect = new DOMRect();\n  private _handleOffset = 0;\n  private _resizeObserver: ResizeObserver;\n  private _wrapperObserved: boolean = false;\n  private _fixedPaneSize: number = 0;\n\n  constructor() {\n    super();\n\n    this._resizeObserver = new ResizeObserver(this._handleResize);\n  }\n\n  /**\n   * Sets the handle position to the value specified in the `initialHandlePosition` property.\n   */\n  resetHandlePosition() {\n    if (!this._wrapperEl) {\n      this._handlePosition = 0;\n      return;\n    }\n\n    const {width, height} = this._wrapperEl.getBoundingClientRect();\n    const max = this.split === 'vertical' ? width : height;\n    const {value, unit} = parseValue(\n      this.initialHandlePosition ?? DEFAULT_INITIAL_POSITION\n    );\n\n    if (unit === 'percent') {\n      this._handlePosition = percentToPx(value, max);\n    } else {\n      this._handlePosition = value;\n    }\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  protected firstUpdated(_changedProperties: PropertyValues): void {\n    if (this.fixedPane !== 'none') {\n      this._resizeObserver.observe(this._wrapperEl);\n      this._wrapperObserved = true;\n    }\n\n    this._boundRect = this._wrapperEl.getBoundingClientRect();\n\n    const {value, unit} = this.handlePosition\n      ? parseValue(this.handlePosition)\n      : parseValue(this.initialHandlePosition);\n\n    this._setPosition(value, unit);\n    this._initFixedPane();\n  }\n\n  private _handlePositionPropChanged() {\n    if (this.handlePosition && this._wrapperEl) {\n      this._boundRect = this._wrapperEl.getBoundingClientRect();\n      const {value, unit} = parseValue(this.handlePosition);\n      this._setPosition(value, unit);\n    }\n  }\n\n  private _fixedPanePropChanged() {\n    if (!this._wrapperEl) {\n      return;\n    }\n\n    this._initFixedPane();\n  }\n\n  private _initFixedPane() {\n    if (this.fixedPane === 'none') {\n      if (this._wrapperObserved) {\n        this._resizeObserver.unobserve(this._wrapperEl);\n        this._wrapperObserved = false;\n      }\n    } else {\n      const {width, height} = this._boundRect;\n      const max = this.split === 'vertical' ? width : height;\n\n      this._fixedPaneSize =\n        this.fixedPane === 'start'\n          ? this._handlePosition\n          : max - this._handlePosition;\n\n      if (!this._wrapperObserved) {\n        this._resizeObserver.observe(this._wrapperEl);\n        this._wrapperObserved = true;\n      }\n    }\n  }\n\n  private _handleResize = (entries: ResizeObserverEntry[]) => {\n    const rect = entries[0].contentRect;\n    const {width, height} = rect;\n    this._boundRect = rect;\n    const max = this.split === 'vertical' ? width : height;\n\n    if (this.fixedPane === 'start') {\n      this._handlePosition = this._fixedPaneSize;\n    }\n\n    if (this.fixedPane === 'end') {\n      this._handlePosition = max - this._fixedPaneSize;\n    }\n  };\n\n  private _setPosition(value: number, unit: PositionUnit) {\n    const {width, height} = this._boundRect;\n    const max = this.split === 'vertical' ? width : height;\n\n    this._handlePosition = unit === 'percent' ? percentToPx(value, max) : value;\n  }\n\n  private _handleMouseOver() {\n    this._hover = true;\n    this._hide = false;\n  }\n\n  private _handleMouseOut(event: MouseEvent) {\n    if (event.buttons !== 1) {\n      this._hover = false;\n      this._hide = true;\n    }\n  }\n\n  private _handleMouseDown(event: MouseEvent) {\n    event.stopPropagation();\n    event.preventDefault();\n\n    this._boundRect = this._wrapperEl.getBoundingClientRect();\n    const {left, top} = this._boundRect;\n    const {left: handleLeft, top: handleTop} =\n      this._handleEl.getBoundingClientRect();\n\n    const mouseXLocal = event.clientX - left;\n    const mouseYLocal = event.clientY - top;\n\n    if (this.split === 'vertical') {\n      this._handleOffset = mouseXLocal - (handleLeft - left);\n    }\n\n    if (this.split === 'horizontal') {\n      this._handleOffset = mouseYLocal - (handleTop - top);\n    }\n\n    this._isDragActive = true;\n\n    window.addEventListener('mouseup', this._handleMouseUp);\n    window.addEventListener('mousemove', this._handleMouseMove);\n  }\n\n  private _handleMouseUp = (ev: MouseEvent) => {\n    this._isDragActive = false;\n\n    if (ev.target !== this) {\n      this._hover = false;\n      this._hide = true;\n    }\n\n    window.removeEventListener('mouseup', this._handleMouseUp);\n    window.removeEventListener('mousemove', this._handleMouseMove);\n\n    const {width, height} = this._boundRect;\n    const max = this.split === 'vertical' ? width : height;\n    const positionInPercentage = pxToPercent(this._handlePosition, max);\n\n    this.dispatchEvent(\n      new CustomEvent('vsc-split-layout-change', {\n        detail: {\n          position: this._handlePosition,\n          positionInPercentage,\n        },\n        composed: true,\n      }) as VscSplitLayoutChangeEvent\n    );\n  };\n\n  private _handleMouseMove = (event: MouseEvent) => {\n    const {clientX, clientY} = event;\n    const {left, top, height, width} = this._boundRect;\n    const vert = this.split === 'vertical';\n    const maxPos = vert ? width : height;\n    const mousePos = vert ? clientX - left : clientY - top;\n\n    this._handlePosition = Math.max(\n      0,\n      Math.min(mousePos - this._handleOffset + this.handleSize / 2, maxPos)\n    );\n\n    if (this.fixedPane === 'start') {\n      this._fixedPaneSize = this._handlePosition;\n    }\n\n    if (this.fixedPane === 'end') {\n      this._fixedPaneSize = maxPos - this._handlePosition;\n    }\n  };\n\n  private _handleDblClick() {\n    if (!this.resetOnDblClick) {\n      return;\n    }\n\n    this.resetHandlePosition();\n  }\n\n  private _handleSlotChange() {\n    const nestedLayouts = [\n      ...this._nestedLayoutsAtStart,\n      ...this._nestedLayoutsAtEnd,\n    ];\n\n    nestedLayouts.forEach((e) => {\n      if (e instanceof VscodeSplitLayout) {\n        e.resetHandlePosition();\n      }\n    });\n  }\n\n  render(): TemplateResult {\n    const {width, height} = this._boundRect;\n    const maxPos = this.split === 'vertical' ? width : height;\n    const handlePosCss =\n      this.fixedPane !== 'none'\n        ? `${this._handlePosition}px`\n        : `${pxToPercent(this._handlePosition, maxPos)}%`;\n\n    let startPaneSize = '';\n\n    if (this.fixedPane === 'start') {\n      startPaneSize = `0 0 ${this._fixedPaneSize}px`;\n    } else {\n      startPaneSize = `1 1 ${pxToPercent(this._handlePosition, maxPos)}%`;\n    }\n\n    let endPaneSize = '';\n\n    if (this.fixedPane === 'end') {\n      endPaneSize = `0 0 ${this._fixedPaneSize}px`;\n    } else {\n      endPaneSize = `1 1 ${pxToPercent(maxPos - this._handlePosition, maxPos)}%`;\n    }\n\n    const handleStylesPropObj: {[prop: string]: string} = {\n      left: this.split === 'vertical' ? handlePosCss : '0',\n      top: this.split === 'vertical' ? '0' : handlePosCss,\n    };\n\n    const handleSize = this.handleSize ?? DEFAULT_HANDLE_SIZE;\n\n    if (this.split === 'vertical') {\n      handleStylesPropObj.marginLeft = `${0 - handleSize / 2}px`;\n      handleStylesPropObj.width = `${handleSize}px`;\n    }\n\n    if (this.split === 'horizontal') {\n      handleStylesPropObj.height = `${handleSize}px`;\n      handleStylesPropObj.marginTop = `${0 - handleSize / 2}px`;\n    }\n\n    const handleStyles = styleMap(handleStylesPropObj);\n\n    const handleOverlayClasses = classMap({\n      'handle-overlay': true,\n      active: this._isDragActive,\n      'split-vertical': this.split === 'vertical',\n      'split-horizontal': this.split === 'horizontal',\n    });\n\n    const handleClasses = classMap({\n      handle: true,\n      hover: this._hover,\n      hide: this._hide,\n      'split-vertical': this.split === 'vertical',\n      'split-horizontal': this.split === 'horizontal',\n    });\n\n    const wrapperClasses = {\n      wrapper: true,\n      horizontal: this.split === 'horizontal',\n    };\n\n    return html`\n      <div class=\"${classMap(wrapperClasses)}\">\n        <div class=\"start\" style=\"${styleMap({flex: startPaneSize})}\">\n          <slot name=\"start\" @slotchange=${this._handleSlotChange}></slot>\n        </div>\n        <div class=\"end\" style=\"${styleMap({flex: endPaneSize})}\">\n          <slot name=\"end\" @slotchange=${this._handleSlotChange}></slot>\n        </div>\n        <div class=\"${handleOverlayClasses}\"></div>\n        <div\n          class=\"${handleClasses}\"\n          style=\"${handleStyles}\"\n          @mouseover=\"${this._handleMouseOver}\"\n          @mouseout=\"${this._handleMouseOut}\"\n          @mousedown=\"${this._handleMouseDown}\"\n          @dblclick=\"${this._handleDblClick}\"\n        ></div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-split-layout': VscodeSplitLayout;\n  }\n\n  interface GlobalEventHandlersEventMap {\n    'vsc-split-layout-change': VscSplitLayoutChangeEvent;\n  }\n}\n"]}
+{"version":3,"file":"vscode-split-layout.js","sourceRoot":"","sources":["../../src/vscode-split-layout/vscode-split-layout.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, PropertyValues, 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-split-layout.styles.js';\n\nconst DEFAULT_INITIAL_POSITION = '50%';\nconst DEFAULT_HANDLE_SIZE = 4;\n\ntype PositionUnit = 'pixel' | 'percent';\ntype Orientation = 'horizontal' | 'vertical';\ntype FixedPaneType = 'start' | 'end' | 'none';\n\nexport const parseValue = (\n  raw: string\n): {value: number; unit: PositionUnit} => {\n  if (!raw) {\n    return {value: 0, unit: 'pixel'};\n  }\n\n  let unit: PositionUnit;\n  let rawVal: number;\n\n  if (raw.endsWith('%')) {\n    unit = 'percent';\n    rawVal = +raw.substring(0, raw.length - 1);\n  } else if (raw.endsWith('px')) {\n    unit = 'pixel';\n    rawVal = +raw.substring(0, raw.length - 2);\n  } else {\n    unit = 'pixel';\n    rawVal = +raw;\n  }\n\n  const value = isNaN(rawVal) ? 0 : rawVal;\n\n  return {unit, value};\n};\n\n// Returns a percentage between 0 and 100\nexport const pxToPercent = (current: number, max: number) => {\n  return max === 0 ? 0 : Math.min(100, (current / max) * 100);\n};\n\nexport const percentToPx = (current: number, max: number) => {\n  return max * (current / 100);\n};\n\nexport type VscSplitLayoutChangeEvent = CustomEvent<{\n  position: number;\n  positionInPercentage: number;\n}>;\n\n/**\n * @tag vscode-split-layout\n *\n * @cssprop [--hover-border=var(--vscode-sash-hoverBorder)]\n */\n@customElement('vscode-split-layout')\nexport class VscodeSplitLayout extends VscElement {\n  static styles = styles;\n\n  /**\n   * Direction of the divider.\n   */\n  @property({reflect: true})\n  set split(newVal: Orientation) {\n    this._split = newVal;\n    this.resetHandlePosition();\n  }\n  get split(): Orientation {\n    return this._split;\n  }\n  private _split: Orientation = 'vertical';\n\n  /**\n   * Controls whether the handle position should reset to the value set in the\n   * `initialHandlePosition` when it is double-clicked.\n   */\n  @property({type: Boolean, reflect: true, attribute: 'reset-on-dbl-click'})\n  resetOnDblClick = false;\n\n  /**\n   * Controls the draggable area size in pixels. it is intended to use the value\n   * of `workbench.sash.size`.\n   */\n  @property({type: Number, reflect: true, attribute: 'handle-size'})\n  handleSize = 4;\n\n  /**\n   * The handler position will reset to this position when it is double-clicked,\n   * or the `resetHandlePosition()` is called.\n   */\n  @property({reflect: true, attribute: 'initial-handle-position'})\n  initialHandlePosition: string = DEFAULT_INITIAL_POSITION;\n\n  /**\n   * Set the handle position programmatically. The value must include a unit,\n   * either `%` or `px`. If no unit is specified, the value is interpreted as\n   * `px`.\n   */\n  @property({attribute: 'handle-position'})\n  set handlePosition(newVal: string) {\n    this._rawHandlePosition = newVal;\n    this._handlePositionPropChanged();\n  }\n  get handlePosition(): string | undefined {\n    return this._rawHandlePosition;\n  }\n  private _rawHandlePosition?: string;\n\n  /**\n   * The size of the fixed pane will not change when the component is resized.\n   */\n  @property({attribute: 'fixed-pane'})\n  set fixedPane(newVal: FixedPaneType) {\n    this._fixedPane = newVal;\n    this._fixedPanePropChanged();\n  }\n  get fixedPane(): FixedPaneType {\n    return this._fixedPane;\n  }\n  private _fixedPane: FixedPaneType = 'none';\n\n  @state()\n  private _handlePosition = 0;\n\n  @state()\n  private _isDragActive = false;\n\n  @state()\n  private _hover = false;\n\n  @state()\n  private _hide = false;\n\n  @query('.wrapper')\n  private _wrapperEl!: HTMLDivElement;\n\n  @query('.handle')\n  private _handleEl!: HTMLDivElement;\n\n  @queryAssignedElements({slot: 'start', selector: 'vscode-split-layout'})\n  private _nestedLayoutsAtStart!: HTMLElement[];\n\n  @queryAssignedElements({slot: 'end', selector: 'vscode-split-layout'})\n  private _nestedLayoutsAtEnd!: HTMLElement[];\n\n  private _boundRect: DOMRect = new DOMRect();\n  private _handleOffset = 0;\n  private _resizeObserver: ResizeObserver;\n  private _wrapperObserved: boolean = false;\n  private _fixedPaneSize: number = 0;\n\n  constructor() {\n    super();\n\n    this._resizeObserver = new ResizeObserver(this._handleResize);\n  }\n\n  /**\n   * Sets the handle position to the value specified in the `initialHandlePosition` property.\n   */\n  resetHandlePosition() {\n    if (!this._wrapperEl) {\n      this._handlePosition = 0;\n      return;\n    }\n\n    const {width, height} = this._wrapperEl.getBoundingClientRect();\n    const max = this.split === 'vertical' ? width : height;\n    const {value, unit} = parseValue(\n      this.initialHandlePosition ?? DEFAULT_INITIAL_POSITION\n    );\n\n    if (unit === 'percent') {\n      this._handlePosition = percentToPx(value, max);\n    } else {\n      this._handlePosition = value;\n    }\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  protected firstUpdated(_changedProperties: PropertyValues): void {\n    if (this.fixedPane !== 'none') {\n      this._resizeObserver.observe(this._wrapperEl);\n      this._wrapperObserved = true;\n    }\n\n    this._boundRect = this._wrapperEl.getBoundingClientRect();\n\n    const {value, unit} = this.handlePosition\n      ? parseValue(this.handlePosition)\n      : parseValue(this.initialHandlePosition);\n\n    this._setPosition(value, unit);\n    this._initFixedPane();\n  }\n\n  private _handlePositionPropChanged() {\n    if (this.handlePosition && this._wrapperEl) {\n      this._boundRect = this._wrapperEl.getBoundingClientRect();\n      const {value, unit} = parseValue(this.handlePosition);\n      this._setPosition(value, unit);\n    }\n  }\n\n  private _fixedPanePropChanged() {\n    if (!this._wrapperEl) {\n      return;\n    }\n\n    this._initFixedPane();\n  }\n\n  private _initFixedPane() {\n    if (this.fixedPane === 'none') {\n      if (this._wrapperObserved) {\n        this._resizeObserver.unobserve(this._wrapperEl);\n        this._wrapperObserved = false;\n      }\n    } else {\n      const {width, height} = this._boundRect;\n      const max = this.split === 'vertical' ? width : height;\n\n      this._fixedPaneSize =\n        this.fixedPane === 'start'\n          ? this._handlePosition\n          : max - this._handlePosition;\n\n      if (!this._wrapperObserved) {\n        this._resizeObserver.observe(this._wrapperEl);\n        this._wrapperObserved = true;\n      }\n    }\n  }\n\n  private _handleResize = (entries: ResizeObserverEntry[]) => {\n    const rect = entries[0].contentRect;\n    const {width, height} = rect;\n    this._boundRect = rect;\n    const max = this.split === 'vertical' ? width : height;\n\n    if (this.fixedPane === 'start') {\n      this._handlePosition = this._fixedPaneSize;\n    }\n\n    if (this.fixedPane === 'end') {\n      this._handlePosition = max - this._fixedPaneSize;\n    }\n  };\n\n  private _setPosition(value: number, unit: PositionUnit) {\n    const {width, height} = this._boundRect;\n    const max = this.split === 'vertical' ? width : height;\n\n    this._handlePosition = unit === 'percent' ? percentToPx(value, max) : value;\n  }\n\n  private _handleMouseOver() {\n    this._hover = true;\n    this._hide = false;\n  }\n\n  private _handleMouseOut(event: MouseEvent) {\n    if (event.buttons !== 1) {\n      this._hover = false;\n      this._hide = true;\n    }\n  }\n\n  private _handleMouseDown(event: MouseEvent) {\n    event.stopPropagation();\n    event.preventDefault();\n\n    this._boundRect = this._wrapperEl.getBoundingClientRect();\n    const {left, top} = this._boundRect;\n    const {left: handleLeft, top: handleTop} =\n      this._handleEl.getBoundingClientRect();\n\n    const mouseXLocal = event.clientX - left;\n    const mouseYLocal = event.clientY - top;\n\n    if (this.split === 'vertical') {\n      this._handleOffset = mouseXLocal - (handleLeft - left);\n    }\n\n    if (this.split === 'horizontal') {\n      this._handleOffset = mouseYLocal - (handleTop - top);\n    }\n\n    this._isDragActive = true;\n\n    window.addEventListener('mouseup', this._handleMouseUp);\n    window.addEventListener('mousemove', this._handleMouseMove);\n  }\n\n  private _handleMouseUp = (ev: MouseEvent) => {\n    this._isDragActive = false;\n\n    if (ev.target !== this) {\n      this._hover = false;\n      this._hide = true;\n    }\n\n    window.removeEventListener('mouseup', this._handleMouseUp);\n    window.removeEventListener('mousemove', this._handleMouseMove);\n\n    const {width, height} = this._boundRect;\n    const max = this.split === 'vertical' ? width : height;\n    const positionInPercentage = pxToPercent(this._handlePosition, max);\n\n    this.dispatchEvent(\n      new CustomEvent('vsc-split-layout-change', {\n        detail: {\n          position: this._handlePosition,\n          positionInPercentage,\n        },\n        composed: true,\n      }) as VscSplitLayoutChangeEvent\n    );\n  };\n\n  private _handleMouseMove = (event: MouseEvent) => {\n    const {clientX, clientY} = event;\n    const {left, top, height, width} = this._boundRect;\n    const vert = this.split === 'vertical';\n    const maxPos = vert ? width : height;\n    const mousePos = vert ? clientX - left : clientY - top;\n\n    this._handlePosition = Math.max(\n      0,\n      Math.min(mousePos - this._handleOffset + this.handleSize / 2, maxPos)\n    );\n\n    if (this.fixedPane === 'start') {\n      this._fixedPaneSize = this._handlePosition;\n    }\n\n    if (this.fixedPane === 'end') {\n      this._fixedPaneSize = maxPos - this._handlePosition;\n    }\n  };\n\n  private _handleDblClick() {\n    if (!this.resetOnDblClick) {\n      return;\n    }\n\n    this.resetHandlePosition();\n  }\n\n  private _handleSlotChange() {\n    const nestedLayouts = [\n      ...this._nestedLayoutsAtStart,\n      ...this._nestedLayoutsAtEnd,\n    ];\n\n    nestedLayouts.forEach((e) => {\n      if (e instanceof VscodeSplitLayout) {\n        e.resetHandlePosition();\n      }\n    });\n  }\n\n  render(): TemplateResult {\n    const {width, height} = this._boundRect;\n    const maxPos = this.split === 'vertical' ? width : height;\n    const handlePosCss =\n      this.fixedPane !== 'none'\n        ? `${this._handlePosition}px`\n        : `${pxToPercent(this._handlePosition, maxPos)}%`;\n\n    let startPaneSize = '';\n\n    if (this.fixedPane === 'start') {\n      startPaneSize = `0 0 ${this._fixedPaneSize}px`;\n    } else {\n      startPaneSize = `1 1 ${pxToPercent(this._handlePosition, maxPos)}%`;\n    }\n\n    let endPaneSize = '';\n\n    if (this.fixedPane === 'end') {\n      endPaneSize = `0 0 ${this._fixedPaneSize}px`;\n    } else {\n      endPaneSize = `1 1 ${pxToPercent(maxPos - this._handlePosition, maxPos)}%`;\n    }\n\n    const handleStylesPropObj: {[prop: string]: string} = {\n      left: this.split === 'vertical' ? handlePosCss : '0',\n      top: this.split === 'vertical' ? '0' : handlePosCss,\n    };\n\n    const handleSize = this.handleSize ?? DEFAULT_HANDLE_SIZE;\n\n    if (this.split === 'vertical') {\n      handleStylesPropObj.marginLeft = `${0 - handleSize / 2}px`;\n      handleStylesPropObj.width = `${handleSize}px`;\n    }\n\n    if (this.split === 'horizontal') {\n      handleStylesPropObj.height = `${handleSize}px`;\n      handleStylesPropObj.marginTop = `${0 - handleSize / 2}px`;\n    }\n\n    const handleStyles = styleMap(handleStylesPropObj);\n\n    const handleOverlayClasses = classMap({\n      'handle-overlay': true,\n      active: this._isDragActive,\n      'split-vertical': this.split === 'vertical',\n      'split-horizontal': this.split === 'horizontal',\n    });\n\n    const handleClasses = classMap({\n      handle: true,\n      hover: this._hover,\n      hide: this._hide,\n      'split-vertical': this.split === 'vertical',\n      'split-horizontal': this.split === 'horizontal',\n    });\n\n    const wrapperClasses = {\n      wrapper: true,\n      horizontal: this.split === 'horizontal',\n    };\n\n    return html`\n      <div class=${classMap(wrapperClasses)}>\n        <div class=\"start\" style=${styleMap({flex: startPaneSize})}>\n          <slot name=\"start\" @slotchange=${this._handleSlotChange}></slot>\n        </div>\n        <div class=\"end\" style=${styleMap({flex: endPaneSize})}>\n          <slot name=\"end\" @slotchange=${this._handleSlotChange}></slot>\n        </div>\n        <div class=${handleOverlayClasses}></div>\n        <div\n          class=${handleClasses}\n          style=${handleStyles}\n          @mouseover=${this._handleMouseOver}\n          @mouseout=${this._handleMouseOut}\n          @mousedown=${this._handleMouseDown}\n          @dblclick=${this._handleDblClick}\n        ></div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-split-layout': VscodeSplitLayout;\n  }\n\n  interface GlobalEventHandlersEventMap {\n    'vsc-split-layout-change': VscSplitLayoutChangeEvent;\n  }\n}\n"]}

package/dist/vscode-tab-header/vscode-tab-header.d.ts

@@ -1,6 +1,8 @@
 import { TemplateResult } from 'lit';
 import { VscElement } from '../includes/VscElement.js';
 /**
+ * @tag vscode-tab-header
+ *
  * @cssprop --vscode-foreground
  * @cssprop --vscode-panelTitle-inactiveForeground
  * @cssprop --vscode-panelTitle-activeForeground

package/dist/vscode-tab-header/vscode-tab-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-tab-header.d.ts","sourceRoot":"","sources":["../../src/vscode-tab-header/vscode-tab-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAC,MAAM,KAAK,CAAC;AAGzC,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAGrD;;;;;;;GAOG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,MAAM,CAAC,MAAM,+BAAU;IAGvB,MAAM,UAAS;IAEf,gBAAgB;IAEhB,YAAY,SAAM;IAElB;;OAEG;IAEH,KAAK,UAAS;IAEd,gBAAgB;IAEhB,IAAI,SAAS;IAEb,gBAAgB;IAEhB,KAAK,SAAM;IAEX,wBAAwB,CACtB,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,GAAG,IAAI,EAClB,KAAK,EAAE,MAAM,GAAG,IAAI,GACnB,IAAI;IAUP,MAAM,IAAI,cAAc;CAsBzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}
+{"version":3,"file":"vscode-tab-header.d.ts","sourceRoot":"","sources":["../../src/vscode-tab-header/vscode-tab-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAC,MAAM,KAAK,CAAC;AAGzC,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAGrD;;;;;;;;;GASG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,MAAM,CAAC,MAAM,+BAAU;IAGvB,MAAM,UAAS;IAEf,gBAAgB;IAEhB,YAAY,SAAM;IAElB;;OAEG;IAEH,KAAK,UAAS;IAEd,gBAAgB;IAEhB,IAAI,SAAS;IAEb,gBAAgB;IAEhB,KAAK,SAAM;IAEX,wBAAwB,CACtB,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,GAAG,IAAI,EAClB,KAAK,EAAE,MAAM,GAAG,IAAI,GACnB,IAAI;IAUP,MAAM,IAAI,cAAc;CAsBzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}

package/dist/vscode-tab-header/vscode-tab-header.js

@@ -10,6 +10,8 @@ import { classMap } from 'lit/directives/class-map.js';
 import { VscElement } from '../includes/VscElement.js';
 import styles from './vscode-tab-header.styles.js';
 /**
+ * @tag vscode-tab-header
+ *
  * @cssprop --vscode-foreground
  * @cssprop --vscode-panelTitle-inactiveForeground
  * @cssprop --vscode-panelTitle-activeForeground

package/dist/vscode-tab-header/vscode-tab-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-tab-header.js","sourceRoot":"","sources":["../../src/vscode-tab-header/vscode-tab-header.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACrD,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAEnD;;;;;;;GAOG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAIL,WAAM,GAAG,KAAK,CAAC;QAEf,gBAAgB;QAEhB,iBAAY,GAAG,EAAE,CAAC;QAElB;;WAEG;QAEH,UAAK,GAAG,KAAK,CAAC;QAEd,gBAAgB;QAEhB,SAAI,GAAG,KAAK,CAAC;QAEb,gBAAgB;QAEhB,UAAK,GAAG,CAAC,CAAC,CAAC;IAsCb,CAAC;IApCC,wBAAwB,CACtB,IAAY,EACZ,GAAkB,EAClB,KAAoB;QAEpB,KAAK,CAAC,wBAAwB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;QAEjD,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;YACtB,MAAM,MAAM,GAAG,KAAK,KAAK,IAAI,CAAC;YAC9B,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;YAC9C,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAClC,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC;;;;;;kBAMQ,QAAQ,CAAC;YACf,kBAAkB,EAAE,IAAI;YACxB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC;;;KAGP,CAAC;IACJ,CAAC;;AA1DM,sBAAM,GAAG,MAAM,AAAT,CAAU;AAGvB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;+CAC1B;AAIf;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAC,CAAC;qDACpC;AAMlB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;8CAC3B;AAId;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;6CACb;AAIb;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAC,CAAC;8CAClD;AAtBA,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CA4D3B","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-tab-header.styles.js';\n\n/**\n * @cssprop --vscode-foreground\n * @cssprop --vscode-panelTitle-inactiveForeground\n * @cssprop --vscode-panelTitle-activeForeground\n * @cssprop --vscode-panelTitle-activeBorder\n * @cssprop --vscode-focusBorder\n * @cssprop --vscode-settings-headerForeground\n */\n@customElement('vscode-tab-header')\nexport class VscodeTabHeader extends VscElement {\n  static styles = styles;\n\n  @property({type: Boolean, reflect: true})\n  active = false;\n\n  /** @internal */\n  @property({reflect: true, attribute: 'aria-controls'})\n  ariaControls = '';\n\n  /**\n   * Panel-like look\n   */\n  @property({type: Boolean, reflect: true})\n  panel = false;\n\n  /** @internal */\n  @property({reflect: true})\n  role = 'tab';\n\n  /** @internal */\n  @property({type: Number, reflect: true, attribute: 'tab-id'})\n  tabId = -1;\n\n  attributeChangedCallback(\n    name: string,\n    old: string | null,\n    value: string | null\n  ): void {\n    super.attributeChangedCallback(name, old, value);\n\n    if (name === 'active') {\n      const active = value !== null;\n      this.ariaSelected = active ? 'true' : 'false';\n      this.tabIndex = active ? 0 : -1;\n    }\n  }\n\n  render(): TemplateResult {\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          active: this.active,\n          panel: this.panel,\n        })}\n      >\n        <div class=\"before\"><slot name=\"content-before\"></slot></div>\n        <div class=\"main\"><slot></slot></div>\n        <div class=\"after\"><slot name=\"content-after\"></slot></div>\n        <span\n          class=${classMap({\n            'active-indicator': true,\n            active: this.active,\n            panel: this.panel,\n          })}\n        ></span>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-tab-header': VscodeTabHeader;\n  }\n}\n"]}
+{"version":3,"file":"vscode-tab-header.js","sourceRoot":"","sources":["../../src/vscode-tab-header/vscode-tab-header.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACrD,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAEnD;;;;;;;;;GASG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAIL,WAAM,GAAG,KAAK,CAAC;QAEf,gBAAgB;QAEhB,iBAAY,GAAG,EAAE,CAAC;QAElB;;WAEG;QAEH,UAAK,GAAG,KAAK,CAAC;QAEd,gBAAgB;QAEhB,SAAI,GAAG,KAAK,CAAC;QAEb,gBAAgB;QAEhB,UAAK,GAAG,CAAC,CAAC,CAAC;IAsCb,CAAC;IApCC,wBAAwB,CACtB,IAAY,EACZ,GAAkB,EAClB,KAAoB;QAEpB,KAAK,CAAC,wBAAwB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;QAEjD,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;YACtB,MAAM,MAAM,GAAG,KAAK,KAAK,IAAI,CAAC;YAC9B,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;YAC9C,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAClC,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC;;;;;;kBAMQ,QAAQ,CAAC;YACf,kBAAkB,EAAE,IAAI;YACxB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC;;;KAGP,CAAC;IACJ,CAAC;;AA1DM,sBAAM,GAAG,MAAM,AAAT,CAAU;AAGvB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;+CAC1B;AAIf;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAC,CAAC;qDACpC;AAMlB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;8CAC3B;AAId;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;6CACb;AAIb;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAC,CAAC;8CAClD;AAtBA,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CA4D3B","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-tab-header.styles.js';\n\n/**\n * @tag vscode-tab-header\n *\n * @cssprop --vscode-foreground\n * @cssprop --vscode-panelTitle-inactiveForeground\n * @cssprop --vscode-panelTitle-activeForeground\n * @cssprop --vscode-panelTitle-activeBorder\n * @cssprop --vscode-focusBorder\n * @cssprop --vscode-settings-headerForeground\n */\n@customElement('vscode-tab-header')\nexport class VscodeTabHeader extends VscElement {\n  static styles = styles;\n\n  @property({type: Boolean, reflect: true})\n  active = false;\n\n  /** @internal */\n  @property({reflect: true, attribute: 'aria-controls'})\n  ariaControls = '';\n\n  /**\n   * Panel-like look\n   */\n  @property({type: Boolean, reflect: true})\n  panel = false;\n\n  /** @internal */\n  @property({reflect: true})\n  role = 'tab';\n\n  /** @internal */\n  @property({type: Number, reflect: true, attribute: 'tab-id'})\n  tabId = -1;\n\n  attributeChangedCallback(\n    name: string,\n    old: string | null,\n    value: string | null\n  ): void {\n    super.attributeChangedCallback(name, old, value);\n\n    if (name === 'active') {\n      const active = value !== null;\n      this.ariaSelected = active ? 'true' : 'false';\n      this.tabIndex = active ? 0 : -1;\n    }\n  }\n\n  render(): TemplateResult {\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          active: this.active,\n          panel: this.panel,\n        })}\n      >\n        <div class=\"before\"><slot name=\"content-before\"></slot></div>\n        <div class=\"main\"><slot></slot></div>\n        <div class=\"after\"><slot name=\"content-after\"></slot></div>\n        <span\n          class=${classMap({\n            'active-indicator': true,\n            active: this.active,\n            panel: this.panel,\n          })}\n        ></span>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-tab-header': VscodeTabHeader;\n  }\n}\n"]}

package/dist/vscode-tab-panel/vscode-tab-panel.d.ts

@@ -1,6 +1,8 @@
 import { TemplateResult } from 'lit';
 import { VscElement } from '../includes/VscElement.js';
 /**
+ * @tag vscode-tab-panel
+ *
  * @cssprop --vscode-panel--background
  * @cssprop --vscode-focusBorder
  */

package/dist/vscode-tab-panel/vscode-tab-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-tab-panel.d.ts","sourceRoot":"","sources":["../../src/vscode-tab-panel/vscode-tab-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAC,MAAM,KAAK,CAAC;AAEzC,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAGrD;;;GAGG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,+BAAU;IAGvB,MAAM,UAAS;IAEf,gBAAgB;IAEhB,cAAc,SAAM;IAEpB;;OAEG;IAEH,KAAK,UAAS;IAEd,gBAAgB;IAEhB,IAAI,SAAc;IAElB,gBAAgB;IAEhB,QAAQ,SAAK;IAEb,MAAM,IAAI,cAAc;CAGzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}
+{"version":3,"file":"vscode-tab-panel.d.ts","sourceRoot":"","sources":["../../src/vscode-tab-panel/vscode-tab-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAC,MAAM,KAAK,CAAC;AAEzC,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAGrD;;;;;GAKG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,+BAAU;IAGvB,MAAM,UAAS;IAEf,gBAAgB;IAEhB,cAAc,SAAM;IAEpB;;OAEG;IAEH,KAAK,UAAS;IAEd,gBAAgB;IAEhB,IAAI,SAAc;IAElB,gBAAgB;IAEhB,QAAQ,SAAK;IAEb,MAAM,IAAI,cAAc;CAGzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/vscode-tab-panel/vscode-tab-panel.js

@@ -9,6 +9,8 @@ import { customElement, property } from 'lit/decorators.js';
 import { VscElement } from '../includes/VscElement.js';
 import styles from './vscode-tab-panel.styles.js';
 /**
+ * @tag vscode-tab-panel
+ *
  * @cssprop --vscode-panel--background
  * @cssprop --vscode-focusBorder
  */

package/dist/vscode-tab-panel/vscode-tab-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-tab-panel.js","sourceRoot":"","sources":["../../src/vscode-tab-panel/vscode-tab-panel.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACrD,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAElD;;;GAGG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAIL,WAAM,GAAG,KAAK,CAAC;QAEf,gBAAgB;QAEhB,mBAAc,GAAG,EAAE,CAAC;QAEpB;;WAEG;QAEH,UAAK,GAAG,KAAK,CAAC;QAEd,gBAAgB;QAEhB,SAAI,GAAG,UAAU,CAAC;QAElB,gBAAgB;QAEhB,aAAQ,GAAG,CAAC,CAAC;IAKf,CAAC;IAHC,MAAM;QACJ,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AAzBM,qBAAM,GAAG,MAAM,AAAT,CAAU;AAGvB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;8CAC1B;AAIf;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,EAAC,CAAC;sDACpC;AAMpB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;6CAC3B;AAId;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;4CACR;AAIlB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;gDAC3B;AAtBF,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CA2B1B","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-tab-panel.styles.js';\n\n/**\n * @cssprop --vscode-panel--background\n * @cssprop --vscode-focusBorder\n */\n@customElement('vscode-tab-panel')\nexport class VscodeTabPanel extends VscElement {\n  static styles = styles;\n\n  @property({type: Boolean, reflect: true})\n  hidden = false;\n\n  /** @internal */\n  @property({reflect: true, attribute: 'aria-labelledby'})\n  ariaLabelledby = '';\n\n  /**\n   * Panel-like look\n   */\n  @property({type: Boolean, reflect: true})\n  panel = false;\n\n  /** @internal */\n  @property({reflect: true})\n  role = 'tabpanel';\n\n  /** @internal */\n  @property({type: Number, reflect: true})\n  tabIndex = 0;\n\n  render(): TemplateResult {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-tab-panel': VscodeTabPanel;\n  }\n}\n"]}
+{"version":3,"file":"vscode-tab-panel.js","sourceRoot":"","sources":["../../src/vscode-tab-panel/vscode-tab-panel.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACrD,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAElD;;;;;GAKG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAIL,WAAM,GAAG,KAAK,CAAC;QAEf,gBAAgB;QAEhB,mBAAc,GAAG,EAAE,CAAC;QAEpB;;WAEG;QAEH,UAAK,GAAG,KAAK,CAAC;QAEd,gBAAgB;QAEhB,SAAI,GAAG,UAAU,CAAC;QAElB,gBAAgB;QAEhB,aAAQ,GAAG,CAAC,CAAC;IAKf,CAAC;IAHC,MAAM;QACJ,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AAzBM,qBAAM,GAAG,MAAM,AAAT,CAAU;AAGvB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;8CAC1B;AAIf;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,EAAC,CAAC;sDACpC;AAMpB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;6CAC3B;AAId;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;4CACR;AAIlB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;gDAC3B;AAtBF,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CA2B1B","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-tab-panel.styles.js';\n\n/**\n * @tag vscode-tab-panel\n *\n * @cssprop --vscode-panel--background\n * @cssprop --vscode-focusBorder\n */\n@customElement('vscode-tab-panel')\nexport class VscodeTabPanel extends VscElement {\n  static styles = styles;\n\n  @property({type: Boolean, reflect: true})\n  hidden = false;\n\n  /** @internal */\n  @property({reflect: true, attribute: 'aria-labelledby'})\n  ariaLabelledby = '';\n\n  /**\n   * Panel-like look\n   */\n  @property({type: Boolean, reflect: true})\n  panel = false;\n\n  /** @internal */\n  @property({reflect: true})\n  role = 'tabpanel';\n\n  /** @internal */\n  @property({type: Number, reflect: true})\n  tabIndex = 0;\n\n  render(): TemplateResult {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-tab-panel': VscodeTabPanel;\n  }\n}\n"]}

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

@@ -2,6 +2,8 @@ import { TemplateResult } from 'lit';
 import { VscElement } from '../includes/VscElement.js';
 import '../vscode-scrollable/index.js';
 /**
+ * @tag vscode-table
+ *
  * @attr {Boolean} zebra - Zebra stripes, even rows are tinted.
  * @attr {Boolean} zebra-odd - Zebra stripes, odd rows are tinted.
  * @attr {Boolean} bordered-rows - Rows are separated by borders
@@ -66,8 +68,8 @@ export declare class VscodeTable extends VscElement {
      */
     private _sashHovers;
     private _columns;
-    private _componentResizeObserver;
-    private _headerResizeObserver;
+    private _componentResizeObserver?;
+    private _headerResizeObserver?;
     private _bodyResizeObserver?;
     private _activeSashElementIndex;
     private _activeSashCursorOffset;

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

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

@@ -14,6 +14,8 @@ import { rawValueToPercentage } from './helpers.js';
 import styles from './vscode-table.styles.js';
 const COMPONENT_WIDTH_PERCENTAGE = 100;
 /**
+ * @tag vscode-table
+ *
  * @attr {Boolean} zebra - Zebra stripes, even rows are tinted.
  * @attr {Boolean} zebra-odd - Zebra stripes, odd rows are tinted.
  * @attr {Boolean} bordered-rows - Rows are separated by borders
@@ -150,8 +152,8 @@ let VscodeTable = class VscodeTable extends VscElement {
     }
     disconnectedCallback() {
         super.disconnectedCallback();
-        this._componentResizeObserver.unobserve(this);
-        this._componentResizeObserver.disconnect();
+        this._componentResizeObserver?.unobserve(this);
+        this._componentResizeObserver?.disconnect();
         this._bodyResizeObserver?.disconnect();
     }
     _px2Percent(px) {
@@ -419,21 +421,21 @@ let VscodeTable = class VscodeTable extends VscElement {
             return this.resizable
                 ? html `
             <div
-              class="${classes}"
-              data-index="${index}"
-              style="${styleMap({ left })}"
-              @mousedown="${this._onSashMouseDown}"
-              @mouseover="${this._onSashMouseOver}"
-              @mouseout="${this._onSashMouseOut}"
+              class=${classes}
+              data-index=${index}
+              style=${styleMap({ left })}
+              @mousedown=${this._onSashMouseDown}
+              @mouseover=${this._onSashMouseOver}
+              @mouseout=${this._onSashMouseOut}
             >
               <div class="sash-visible"></div>
               <div class="sash-clickable"></div>
             </div>
           `
                 : html `<div
-            class="${classes}"
-            data-index="${index}"
-            style="${styleMap({ left })}"
+            class=${classes}
+            data-index=${index}
+            style=${styleMap({ left })}
           >
             <div class="sash-visible"></div>
           </div>`;
@@ -445,8 +447,8 @@ let VscodeTable = class VscodeTable extends VscElement {
             'compact-view': this.compact,
         });
         return html `
-      <div class="${wrapperClasses}">
-        <div class="header" @slotchange="${this._onHeaderSlotChange}">
+      <div class=${wrapperClasses}>
+        <div class="header" @slotchange=${this._onHeaderSlotChange}>
           <slot name="caption"></slot>
           <div class="header-slot-wrapper">
             <slot name="header"></slot>
@@ -454,7 +456,7 @@ let VscodeTable = class VscodeTable extends VscElement {
         </div>
         <vscode-scrollable class="scrollable">
           <div>
-            <slot name="body" @slotchange="${this._onBodySlotChange}"></slot>
+            <slot name="body" @slotchange=${this._onBodySlotChange}></slot>
           </div>
         </vscode-scrollable>
         ${sashes}

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/index.js';\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"]}
+{"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/index.js';\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 * @tag vscode-table\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/dist/vscode-table-body/vscode-table-body.d.ts

@@ -1,6 +1,8 @@
 import { TemplateResult } from 'lit';
 import { VscElement } from '../includes/VscElement.js';
 /**
+ * @tag vscode-table-body
+ *
  * @cssprop --vscode-keybindingTable-rowsBackground
  */
 export declare class VscodeTableBody extends VscElement {

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

@@ -1 +1 @@
-{"version":3,"file":"vscode-table-body.d.ts","sourceRoot":"","sources":["../../src/vscode-table-body/vscode-table-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAC,MAAM,KAAK,CAAC;AAEzC,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAGrD;;GAEG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,MAAM,CAAC,MAAM,+BAAU;IAEvB,gBAAgB;IAEhB,IAAI,SAAc;IAElB,MAAM,IAAI,cAAc;CAGzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}
+{"version":3,"file":"vscode-table-body.d.ts","sourceRoot":"","sources":["../../src/vscode-table-body/vscode-table-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAC,MAAM,KAAK,CAAC;AAEzC,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAGrD;;;;GAIG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,MAAM,CAAC,MAAM,+BAAU;IAEvB,gBAAgB;IAEhB,IAAI,SAAc;IAElB,MAAM,IAAI,cAAc;CAGzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}

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

@@ -9,6 +9,8 @@ import { customElement, property } from 'lit/decorators.js';
 import { VscElement } from '../includes/VscElement.js';
 import styles from './vscode-table-body.styles.js';
 /**
+ * @tag vscode-table-body
+ *
  * @cssprop --vscode-keybindingTable-rowsBackground
  */
 let VscodeTableBody = class VscodeTableBody extends VscElement {

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

@@ -1 +1 @@
-{"version":3,"file":"vscode-table-body.js","sourceRoot":"","sources":["../../src/vscode-table-body/vscode-table-body.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACrD,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAEnD;;GAEG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAGL,gBAAgB;QAEhB,SAAI,GAAG,UAAU,CAAC;IAKpB,CAAC;IAHC,MAAM;QACJ,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AARM,sBAAM,GAAG,MAAM,AAAT,CAAU;AAIvB;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;6CACR;AALP,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAU3B","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-table-body.styles.js';\n\n/**\n * @cssprop --vscode-keybindingTable-rowsBackground\n */\n@customElement('vscode-table-body')\nexport class VscodeTableBody extends VscElement {\n  static styles = styles;\n\n  /** @internal */\n  @property({reflect: true})\n  role = 'rowgroup';\n\n  render(): TemplateResult {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-table-body': VscodeTableBody;\n  }\n}\n"]}
+{"version":3,"file":"vscode-table-body.js","sourceRoot":"","sources":["../../src/vscode-table-body/vscode-table-body.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACrD,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAEnD;;;;GAIG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAGL,gBAAgB;QAEhB,SAAI,GAAG,UAAU,CAAC;IAKpB,CAAC;IAHC,MAAM;QACJ,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AARM,sBAAM,GAAG,MAAM,AAAT,CAAU;AAIvB;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;6CACR;AALP,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAU3B","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-table-body.styles.js';\n\n/**\n * @tag vscode-table-body\n *\n * @cssprop --vscode-keybindingTable-rowsBackground\n */\n@customElement('vscode-table-body')\nexport class VscodeTableBody extends VscElement {\n  static styles = styles;\n\n  /** @internal */\n  @property({reflect: true})\n  role = 'rowgroup';\n\n  render(): TemplateResult {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-table-body': VscodeTableBody;\n  }\n}\n"]}

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

@@ -1,6 +1,8 @@
 import { TemplateResult } from 'lit';
 import { VscElement } from '../includes/VscElement.js';
 /**
+ * @tag vscode-table-cell
+ *
  * @cssprop --vscode-editorGroup-border
  * @cssprop --vscode-foreground
  * @cssprop --vscode-font-family

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

@@ -1 +1 @@
-{"version":3,"file":"vscode-table-cell.d.ts","sourceRoot":"","sources":["../../src/vscode-table-cell/vscode-table-cell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAU,MAAM,KAAK,CAAC;AAElD,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAGrD;;;;;GAKG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,MAAM,CAAC,MAAM,+BAAU;IAEvB,gBAAgB;IAEhB,IAAI,SAAU;IAEd;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,OAAO,UAAS;IAEhB,MAAM,IAAI,cAAc;CAczB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}
+{"version":3,"file":"vscode-table-cell.d.ts","sourceRoot":"","sources":["../../src/vscode-table-cell/vscode-table-cell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAU,MAAM,KAAK,CAAC;AAElD,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAGrD;;;;;;;GAOG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,MAAM,CAAC,MAAM,+BAAU;IAEvB,gBAAgB;IAEhB,IAAI,SAAU;IAEd;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,OAAO,UAAS;IAEhB,MAAM,IAAI,cAAc;CAczB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}

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

@@ -9,6 +9,8 @@ import { customElement, property } from 'lit/decorators.js';
 import { VscElement } from '../includes/VscElement.js';
 import styles from './vscode-table-cell.styles.js';
 /**
+ * @tag vscode-table-cell
+ *
  * @cssprop --vscode-editorGroup-border
  * @cssprop --vscode-foreground
  * @cssprop --vscode-font-family