@vscode-elements/elements 1.14.0 → 1.14.1-pre.0

package/dist/vscode-toolbar-button/vscode-toolbar-button.js

@@ -0,0 +1,83 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from 'lit';
+import { property, queryAssignedNodes, state } from 'lit/decorators.js';
+import { customElement, VscElement } from '../includes/VscElement.js';
+import '../vscode-icon/vscode-icon.js';
+import styles from './vscode-toolbar-button.styles.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+/**
+ * Toolbar button
+ *
+ * @tag vscode-toolbar-button
+ */
+let VscodeToolbarButton = class VscodeToolbarButton extends VscElement {
+    constructor() {
+        super(...arguments);
+        this.icon = '';
+        this.label = undefined;
+        this.toggleable = false;
+        this.checked = false;
+        this._isSlotEmpty = true;
+    }
+    _handleSlotChange() {
+        this._isSlotEmpty = !((this._assignedNodes?.length ?? 0) > 0);
+    }
+    _handleButtonClick() {
+        if (!this.toggleable) {
+            return;
+        }
+        this.checked = !this.checked;
+        this.dispatchEvent(new Event('change'));
+    }
+    render() {
+        const checked = this.checked ? 'true' : 'false';
+        return html `
+      <button
+        type="button"
+        aria-label=${ifDefined(this.label)}
+        role=${ifDefined(this.toggleable ? 'switch' : undefined)}
+        aria-checked=${ifDefined(this.toggleable ? checked : undefined)}
+        class=${classMap({ checked: this.toggleable && this.checked })}
+        @click=${this._handleButtonClick}
+      >
+        ${this.icon
+            ? html `<vscode-icon name=${this.icon}></vscode-icon>`
+            : nothing}
+        <slot
+          @slotchange=${this._handleSlotChange}
+          class=${classMap({ empty: this._isSlotEmpty, textOnly: !this.icon })}
+        ></slot>
+      </button>
+    `;
+    }
+};
+VscodeToolbarButton.styles = styles;
+__decorate([
+    property({ reflect: true })
+], VscodeToolbarButton.prototype, "icon", void 0);
+__decorate([
+    property()
+], VscodeToolbarButton.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], VscodeToolbarButton.prototype, "toggleable", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], VscodeToolbarButton.prototype, "checked", void 0);
+__decorate([
+    state()
+], VscodeToolbarButton.prototype, "_isSlotEmpty", void 0);
+__decorate([
+    queryAssignedNodes()
+], VscodeToolbarButton.prototype, "_assignedNodes", void 0);
+VscodeToolbarButton = __decorate([
+    customElement('vscode-toolbar-button')
+], VscodeToolbarButton);
+export { VscodeToolbarButton };
+//# sourceMappingURL=vscode-toolbar-button.js.map

package/dist/vscode-toolbar-button/vscode-toolbar-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-toolbar-button.js","sourceRoot":"","sources":["../../src/vscode-toolbar-button/vscode-toolbar-button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAE,OAAO,EAAiB,MAAM,KAAK,CAAC;AAClD,OAAO,EAAC,QAAQ,EAAE,kBAAkB,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,+BAA+B,CAAC;AACvC,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAEvD;;;;GAIG;AAEI,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,UAAU;IAA5C;;QAIL,SAAI,GAAG,EAAE,CAAC;QAGV,UAAK,GAAuB,SAAS,CAAC;QAGtC,eAAU,GAAG,KAAK,CAAC;QAGnB,YAAO,GAAG,KAAK,CAAC;QAGR,iBAAY,GAAG,IAAI,CAAC;IAyC9B,CAAC;IApCS,iBAAiB;QACvB,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAChE,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAE7B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1C,CAAC;IAEQ,MAAM;QACb,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QAEhD,OAAO,IAAI,CAAA;;;qBAGM,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;eAC3B,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;uBACzC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;gBACvD,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,OAAO,EAAC,CAAC;iBACnD,IAAI,CAAC,kBAAkB;;UAE9B,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,IAAI,iBAAiB;YACrD,CAAC,CAAC,OAAO;;wBAEK,IAAI,CAAC,iBAAiB;kBAC5B,QAAQ,CAAC,EAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,EAAC,CAAC;;;KAGvE,CAAC;IACJ,CAAC;;AAvDe,0BAAM,GAAG,MAAM,AAAT,CAAU;AAGhC;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;iDAChB;AAGV;IADC,QAAQ,EAAE;kDAC2B;AAGtC;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;uDACtB;AAGnB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;oDACzB;AAGR;IADP,KAAK,EAAE;yDACoB;AAGpB;IADP,kBAAkB,EAAE;2DACoB;AAnB9B,mBAAmB;IAD/B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,mBAAmB,CAyD/B","sourcesContent":["import {html, nothing, TemplateResult} from 'lit';\nimport {property, queryAssignedNodes, state} from 'lit/decorators.js';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport '../vscode-icon/vscode-icon.js';\nimport styles from './vscode-toolbar-button.styles.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\n\n/**\n * Toolbar button\n *\n * @tag vscode-toolbar-button\n */\n@customElement('vscode-toolbar-button')\nexport class VscodeToolbarButton extends VscElement {\n  static override styles = styles;\n\n  @property({reflect: true})\n  icon = '';\n\n  @property()\n  label: string | undefined = undefined;\n\n  @property({type: Boolean, reflect: true})\n  toggleable = false;\n\n  @property({type: Boolean, reflect: true})\n  checked = false;\n\n  @state()\n  private _isSlotEmpty = true;\n\n  @queryAssignedNodes()\n  private _assignedNodes!: NodeList | null;\n\n  private _handleSlotChange() {\n    this._isSlotEmpty = !((this._assignedNodes?.length ?? 0) > 0);\n  }\n\n  private _handleButtonClick() {\n    if (!this.toggleable) {\n      return;\n    }\n\n    this.checked = !this.checked;\n\n    this.dispatchEvent(new Event('change'));\n  }\n\n  override render(): TemplateResult {\n    const checked = this.checked ? 'true' : 'false';\n\n    return html`\n      <button\n        type=\"button\"\n        aria-label=${ifDefined(this.label)}\n        role=${ifDefined(this.toggleable ? 'switch' : undefined)}\n        aria-checked=${ifDefined(this.toggleable ? checked : undefined)}\n        class=${classMap({checked: this.toggleable && this.checked})}\n        @click=${this._handleButtonClick}\n      >\n        ${this.icon\n          ? html`<vscode-icon name=${this.icon}></vscode-icon>`\n          : nothing}\n        <slot\n          @slotchange=${this._handleSlotChange}\n          class=${classMap({empty: this._isSlotEmpty, textOnly: !this.icon})}\n        ></slot>\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-toolbar-button': VscodeToolbarButton;\n  }\n}\n"]}

package/dist/vscode-toolbar-button/vscode-toolbar-button.styles.d.ts

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

package/dist/vscode-toolbar-button/vscode-toolbar-button.styles.d.ts.map

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

package/dist/vscode-toolbar-button/vscode-toolbar-button.styles.js

@@ -0,0 +1,77 @@
+import { css } from 'lit';
+import defaultStyles from '../includes/default.styles.js';
+const styles = [
+    defaultStyles,
+    css `
+    :host {
+      display: inline-flex;
+    }
+
+    button {
+      align-items: center;
+      background-color: transparent;
+      border: 0;
+      border-radius: 5px;
+      color: var(--vscode-foreground, #cccccc);
+      cursor: pointer;
+      display: flex;
+      outline-offset: -1px;
+      outline-width: 1px;
+      padding: 0;
+      user-select: none;
+    }
+
+    button:focus-visible {
+      outline-color: var(--vscode-focusBorder, #0078d4);
+      outline-style: solid;
+    }
+
+    button:hover {
+      background-color: var(
+        --vscode-toolbar-hoverBackground,
+        rgba(90, 93, 94, 0.31)
+      );
+      outline-style: dashed;
+      outline-color: var(--vscode-toolbar-hoverOutline, transparent);
+    }
+
+    button:active {
+      background-color: var(
+        --vscode-toolbar-activeBackground,
+        rgba(99, 102, 103, 0.31)
+      );
+    }
+
+    button.checked {
+      background-color: var(
+        --vscode-inputOption-activeBackground,
+        rgba(36, 137, 219, 0.51)
+      );
+      outline-color: var(--vscode-inputOption-activeBorder, #2488db);
+      outline-style: solid;
+      color: var(--vscode-inputOption-activeForeground, #ffffff);
+    }
+
+    button.checked vscode-icon {
+      color: var(--vscode-inputOption-activeForeground, #ffffff);
+    }
+
+    vscode-icon {
+      display: block;
+      padding: 3px;
+    }
+
+    slot:not(.empty) {
+      align-items: center;
+      display: flex;
+      height: 22px;
+      padding: 0 5px 0 2px;
+    }
+
+    slot.textOnly:not(.empty) {
+      padding: 0 5px;
+    }
+  `,
+];
+export default styles;
+//# sourceMappingURL=vscode-toolbar-button.styles.js.map

package/dist/vscode-toolbar-button/vscode-toolbar-button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-toolbar-button.styles.js","sourceRoot":"","sources":["../../src/vscode-toolbar-button/vscode-toolbar-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  css`\n    :host {\n      display: inline-flex;\n    }\n\n    button {\n      align-items: center;\n      background-color: transparent;\n      border: 0;\n      border-radius: 5px;\n      color: var(--vscode-foreground, #cccccc);\n      cursor: pointer;\n      display: flex;\n      outline-offset: -1px;\n      outline-width: 1px;\n      padding: 0;\n      user-select: none;\n    }\n\n    button:focus-visible {\n      outline-color: var(--vscode-focusBorder, #0078d4);\n      outline-style: solid;\n    }\n\n    button:hover {\n      background-color: var(\n        --vscode-toolbar-hoverBackground,\n        rgba(90, 93, 94, 0.31)\n      );\n      outline-style: dashed;\n      outline-color: var(--vscode-toolbar-hoverOutline, transparent);\n    }\n\n    button:active {\n      background-color: var(\n        --vscode-toolbar-activeBackground,\n        rgba(99, 102, 103, 0.31)\n      );\n    }\n\n    button.checked {\n      background-color: var(\n        --vscode-inputOption-activeBackground,\n        rgba(36, 137, 219, 0.51)\n      );\n      outline-color: var(--vscode-inputOption-activeBorder, #2488db);\n      outline-style: solid;\n      color: var(--vscode-inputOption-activeForeground, #ffffff);\n    }\n\n    button.checked vscode-icon {\n      color: var(--vscode-inputOption-activeForeground, #ffffff);\n    }\n\n    vscode-icon {\n      display: block;\n      padding: 3px;\n    }\n\n    slot:not(.empty) {\n      align-items: center;\n      display: flex;\n      height: 22px;\n      padding: 0 5px 0 2px;\n    }\n\n    slot.textOnly:not(.empty) {\n      padding: 0 5px;\n    }\n  `,\n];\n\nexport default styles;\n"]}

package/dist/vscode-toolbar-container/index.d.ts

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

package/dist/vscode-toolbar-container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vscode-toolbar-container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAC,MAAM,+BAA+B,CAAC"}

package/dist/vscode-toolbar-container/index.js

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

package/dist/vscode-toolbar-container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/vscode-toolbar-container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAC,MAAM,+BAA+B,CAAC","sourcesContent":["export {VscodeToolbarContainer} from './vscode-toolbar-container.js';\n"]}

package/dist/vscode-toolbar-container/vscode-toolbar-container.d.ts

@@ -0,0 +1,17 @@
+import { TemplateResult } from 'lit';
+import { VscElement } from '../includes/VscElement.js';
+/**
+ * Toolbar container
+ *
+ * @tag vscode-toolbar-container
+ */
+export declare class VscodeToolbarContainer extends VscElement {
+    static styles: import("lit").CSSResultGroup;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'vscode-toolbar-container': VscodeToolbarContainer;
+    }
+}
+//# sourceMappingURL=vscode-toolbar-container.d.ts.map

package/dist/vscode-toolbar-container/vscode-toolbar-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-toolbar-container.d.ts","sourceRoot":"","sources":["../../src/vscode-toolbar-container/vscode-toolbar-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAC,MAAM,KAAK,CAAC;AACzC,OAAO,EAAgB,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAGpE;;;;GAIG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACpD,OAAgB,MAAM,+BAAU;IAEvB,MAAM,IAAI,cAAc;CAGlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,0BAA0B,EAAE,sBAAsB,CAAC;KACpD;CACF"}

package/dist/vscode-toolbar-container/vscode-toolbar-container.js

@@ -0,0 +1,25 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html } from 'lit';
+import { customElement, VscElement } from '../includes/VscElement.js';
+import styles from './vscode-toolbar-container.styles.js';
+/**
+ * Toolbar container
+ *
+ * @tag vscode-toolbar-container
+ */
+let VscodeToolbarContainer = class VscodeToolbarContainer extends VscElement {
+    render() {
+        return html ` <slot></slot> `;
+    }
+};
+VscodeToolbarContainer.styles = styles;
+VscodeToolbarContainer = __decorate([
+    customElement('vscode-toolbar-container')
+], VscodeToolbarContainer);
+export { VscodeToolbarContainer };
+//# sourceMappingURL=vscode-toolbar-container.js.map

package/dist/vscode-toolbar-container/vscode-toolbar-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-toolbar-container.js","sourceRoot":"","sources":["../../src/vscode-toolbar-container/vscode-toolbar-container.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,MAAM,MAAM,sCAAsC,CAAC;AAE1D;;;;GAIG;AAEI,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAG3C,MAAM;QACb,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AAJe,6BAAM,GAAG,MAAM,AAAT,CAAU;AADrB,sBAAsB;IADlC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,sBAAsB,CAMlC","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-toolbar-container.styles.js';\n\n/**\n * Toolbar container\n *\n * @tag vscode-toolbar-container\n */\n@customElement('vscode-toolbar-container')\nexport class VscodeToolbarContainer extends VscElement {\n  static override styles = styles;\n\n  override render(): TemplateResult {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-toolbar-container': VscodeToolbarContainer;\n  }\n}\n"]}

package/dist/vscode-toolbar-container/vscode-toolbar-container.styles.d.ts

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

package/dist/vscode-toolbar-container/vscode-toolbar-container.styles.d.ts.map

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

package/dist/vscode-toolbar-container/vscode-toolbar-container.styles.js

@@ -0,0 +1,14 @@
+import { css } from 'lit';
+import defaultStyles from '../includes/default.styles.js';
+const styles = [
+    defaultStyles,
+    css `
+    :host {
+      gap: 4px;
+      display: flex;
+      align-items: center;
+    }
+  `,
+];
+export default styles;
+//# sourceMappingURL=vscode-toolbar-container.styles.js.map

package/dist/vscode-toolbar-container/vscode-toolbar-container.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-toolbar-container.styles.js","sourceRoot":"","sources":["../../src/vscode-toolbar-container/vscode-toolbar-container.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;GAMF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  css`\n    :host {\n      gap: 4px;\n      display: flex;\n      align-items: center;\n    }\n  `,\n];\n\nexport default styles;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vscode-elements/elements",
-  "version": "1.14.0",
+  "version": "1.14.1-pre.0",
   "description": "Webcomponents for creating Visual Studio Code extensions",
   "main": "dist/main.js",
   "module": "dist/main.js",
@@ -24,10 +24,10 @@
     "prettier:fix": "prettier . --write",
     "analyze": "wireit",
     "serve": "wireit",
-    "start": "wireit",
+    "start": "concurrently --raw \"tsc --watch --preserveWatchOutput\" \"wds --watch\"",
     "test": "wireit",
     "test:coverage": "wireit",
-    "test:watch": "wtr --watch",
+    "test:watch": "concurrently --raw \"tsc --watch --preserveWatchOutput\" \"wtr --watch\"",
     "checksize": "npm run build && cat dist/bundled.js | gzip -9 | wc -c",
     "icons": "node scripts/generateIconList.js",
     "vscode-data": "wireit"
@@ -76,13 +76,6 @@
       "command": "wds --watch",
       "service": true
     },
-    "start": {
-      "command": "wds --watch",
-      "dependencies": [
-        "build:watch"
-      ],
-      "service": true
-    },
     "test": {
       "command": "wtr",
       "dependencies": [
@@ -143,17 +136,17 @@
     "@bendera/wds-plugin-directory-index": "^0.4.0",
     "@custom-elements-manifest/analyzer": "^0.10.4",
     "@eslint/eslintrc": "^3.3.0",
-    "@eslint/js": "^9.21.0",
+    "@eslint/js": "^9.22.0",
     "@esm-bundle/chai": "^4.3.4-fix.0",
     "@open-wc/testing": "^4.0.0",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-replace": "^6.0.2",
     "@rollup/plugin-terser": "^0.4.4",
-    "@types/chai": "^4.3.20",
+    "@types/chai": "4.3.20",
     "@types/mocha": "^10.0.10",
-    "@types/node": "^22.13.5",
-    "@typescript-eslint/eslint-plugin": "^8.25.0",
-    "@typescript-eslint/parser": "^8.25.0",
+    "@types/node": "^22.13.10",
+    "@typescript-eslint/eslint-plugin": "^8.26.0",
+    "@typescript-eslint/parser": "^8.26.0",
     "@vscode-elements/webview-playground": "^1.6.0",
     "@vscode/codicons": "^0.0.36",
     "@web/dev-server": "^0.4.6",
@@ -166,21 +159,22 @@
     "@web/test-runner-playwright": "^0.11.0",
     "@webcomponents/webcomponentsjs": "^2.8.0",
     "chokidar": "^4.0.3",
+    "concurrently": "^9.1.2",
     "custom-element-vs-code-integration": "^1.5.0",
     "deepmerge": "^4.3.1",
     "dotenv": "^16.4.7",
     "eslint-plugin-lit": "^1.15.0",
     "eslint-plugin-wc": "^2.2.1",
     "mocha": "^11.1.0",
-    "prettier": "^3.5.2",
+    "prettier": "^3.5.3",
     "rimraf": "^6.0.1",
-    "rollup": "^4.34.8",
+    "rollup": "^4.35.0",
     "rollup-plugin-filesize": "^10.0.0",
     "rollup-plugin-visualizer": "^5.14.0",
     "semver": "^7.7.1",
     "sinon": "^19.0.2",
     "ts-lit-plugin": "^2.0.2",
-    "typescript": "^5.7.3",
+    "typescript": "^5.8.2",
     "wireit": "^0.14.11"
   }
 }

package/vscode.html-custom-data.json

@@ -662,6 +662,23 @@
       ],
       "references": []
     },
+    {
+      "name": "vscode-toolbar-button",
+      "description": "Toolbar button\n---\n\n\n### **Events:**\n - **change**",
+      "attributes": [
+        { "name": "icon", "values": [] },
+        { "name": "label", "values": [] },
+        { "name": "toggleable", "values": [] },
+        { "name": "checked", "values": [] }
+      ],
+      "references": []
+    },
+    {
+      "name": "vscode-toolbar-container",
+      "description": "Toolbar container\n---\n",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "vscode-tree",
       "description": "\n---\n\n\n### **Events:**\n - **vsc-run-action** - Dispatched when an action icon is clicked.\n- **vsc-select** - Dispatched when an item is selected.\n- **vsc-tree-select** - Dispatched when an item is selected.\n- **vsc-tree-action** - Dispatched when an action icon is clicked.\n\n### **Methods:**\n - **closeAll(): _void_** - Closes all opened tree items recursively.\n- **deselectAll()** - Deselects all selected items.\n- **getItemByPath(path: _number[]_): __** - Returns a reference to a TreeItem object by path.\n\n### **CSS Properties:**\n - **--vscode-focusBorder** - undefined _(default: undefined)_\n- **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_\n- **--vscode-font-weight** - undefined _(default: undefined)_\n- **--vscode-list-hoverForeground** - undefined _(default: undefined)_\n- **--vscode-list-hoverBackground** - undefined _(default: undefined)_\n- **--vscode-list-inactiveSelectionBackground** - undefined _(default: undefined)_\n- **--vscode-list-inactiveSelectionForeground** - undefined _(default: undefined)_\n- **--vscode-list-activeSelectionBackground** - undefined _(default: undefined)_\n- **--vscode-list-activeSelectionForeground** - undefined _(default: undefined)_\n- **--vscode-list-inactiveSelectionIconForeground** - undefined _(default: undefined)_\n- **--vscode-list-inactiveFocusBackground** - undefined _(default: undefined)_\n- **--vscode-list-inactiveFocusOutline** - undefined _(default: undefined)_\n- **--vscode-list-focusOutline** - undefined _(default: undefined)_\n- **--vscode-tree-inactiveIndentGuidesStroke** - undefined _(default: undefined)_\n- **--vscode-tree-indentGuidesStroke** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **text-content** - undefined\n- **description** - undefined\n- **counter-badge-decoration** - undefined\n- **filled-circle-decoration** - undefined\n- **caption-decoration** - undefined\n- **decorations** - Container of decorations",