@vscode-elements/elements 2.1.1-pre.0 → 2.3.0

package/dist/includes/VscElement.js

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-const VERSION = '2.1.1-pre.0';
+const VERSION = '2.3.0';
 const CONFIG_KEY = '__vscodeElements_disableRegistryWarning__';
 export class VscElement extends LitElement {
     /** VSCode Elements version */

package/dist/includes/VscElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"VscElement.js","sourceRoot":"","sources":["../../src/includes/VscElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,KAAK,CAAC;AAE/B,MAAM,OAAO,GAAG,aAAa,CAAC;AAC9B,MAAM,UAAU,GAAG,2CAA2C,CAAC;AAE/D,MAAM,OAAO,UAAW,SAAQ,UAAU;IACxC,8BAA8B;IAC9B,IAAI,OAAO;QACT,OAAO,OAAO,CAAC;IACjB,CAAC;CACF;AASD;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAAe,EAAE,EAAE;IAC/C,OAAO,CAAC,aAAiC,EAAE,EAAE;QAC3C,MAAM,kBAAkB,GAAG,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAEvD,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACxB,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,aAAyC,CAAC,CAAC;YAC1E,OAAO;QACT,CAAC;QAED,IAAI,UAAU,IAAI,MAAM,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QAED,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC3C,MAAM,cAAc,GAAI,EAAiB,EAAE,OAAO,CAAC;QACnD,IAAI,OAAO,GAAG,EAAE,CAAC;QAEjB,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,OAAO;gBACL,mEAAmE,CAAC;QACxE,CAAC;aAAM,IAAI,cAAc,KAAK,OAAO,EAAE,CAAC;YACtC,OAAO;gBACL,mEAAmE,CAAC;YACtE,OAAO,IAAI,oBAAoB,OAAO,8BAA8B,cAAc,IAAI,CAAC;QACzF,CAAC;aAAM,CAAC;YACN,OAAO,IAAI,iEAAiE,OAAO,IAAI,CAAC;QAC1F,CAAC;QAED,sCAAsC;QACtC,OAAO,CAAC,IAAI,CACV,qBAAqB,OAAO,IAAI,OAAO,0CAA0C,UAAU,UAAU,CACtG,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {LitElement} from 'lit';\n\nconst VERSION = '2.1.1-pre.0';\nconst CONFIG_KEY = '__vscodeElements_disableRegistryWarning__';\n\nexport class VscElement extends LitElement {\n  /** VSCode Elements version */\n  get version(): string {\n    return VERSION;\n  }\n}\n\ntype CustomElementClass = Omit<typeof HTMLElement, 'new'>;\n\nexport type Constructor<T> = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  new (...args: any[]): T;\n};\n\n/**\n * Own implementation of Lit's customElement decorator.\n */\nexport const customElement = (tagName: string) => {\n  return (classOrTarget: CustomElementClass) => {\n    const customElementClass = customElements.get(tagName);\n\n    if (!customElementClass) {\n      customElements.define(tagName, classOrTarget as CustomElementConstructor);\n      return;\n    }\n\n    if (CONFIG_KEY in window) {\n      return;\n    }\n\n    const el = document.createElement(tagName);\n    const anotherVersion = (el as VscElement)?.version;\n    let message = '';\n\n    if (!anotherVersion) {\n      message +=\n        'is already registered by an unknown custom element handler class.';\n    } else if (anotherVersion !== VERSION) {\n      message +=\n        'is already registered by a different version of VSCode Elements. ';\n      message += `This version is \"${VERSION}\", while the other one is \"${anotherVersion}\".`;\n    } else {\n      message += `is already registered by the same version of VSCode Elements (${VERSION}).`;\n    }\n\n    // eslint-disable-next-line no-console\n    console.warn(\n      `[VSCode Elements] ${tagName} ${message}\\nTo suppress this warning, set window.${CONFIG_KEY} to true`\n    );\n  };\n};\n"]}
+{"version":3,"file":"VscElement.js","sourceRoot":"","sources":["../../src/includes/VscElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,KAAK,CAAC;AAE/B,MAAM,OAAO,GAAG,OAAO,CAAC;AACxB,MAAM,UAAU,GAAG,2CAA2C,CAAC;AAE/D,MAAM,OAAO,UAAW,SAAQ,UAAU;IACxC,8BAA8B;IAC9B,IAAI,OAAO;QACT,OAAO,OAAO,CAAC;IACjB,CAAC;CACF;AASD;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAAe,EAAE,EAAE;IAC/C,OAAO,CAAC,aAAiC,EAAE,EAAE;QAC3C,MAAM,kBAAkB,GAAG,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAEvD,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACxB,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,aAAyC,CAAC,CAAC;YAC1E,OAAO;QACT,CAAC;QAED,IAAI,UAAU,IAAI,MAAM,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QAED,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC3C,MAAM,cAAc,GAAI,EAAiB,EAAE,OAAO,CAAC;QACnD,IAAI,OAAO,GAAG,EAAE,CAAC;QAEjB,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,OAAO;gBACL,mEAAmE,CAAC;QACxE,CAAC;aAAM,IAAI,cAAc,KAAK,OAAO,EAAE,CAAC;YACtC,OAAO;gBACL,mEAAmE,CAAC;YACtE,OAAO,IAAI,oBAAoB,OAAO,8BAA8B,cAAc,IAAI,CAAC;QACzF,CAAC;aAAM,CAAC;YACN,OAAO,IAAI,iEAAiE,OAAO,IAAI,CAAC;QAC1F,CAAC;QAED,sCAAsC;QACtC,OAAO,CAAC,IAAI,CACV,qBAAqB,OAAO,IAAI,OAAO,0CAA0C,UAAU,UAAU,CACtG,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {LitElement} from 'lit';\n\nconst VERSION = '2.3.0';\nconst CONFIG_KEY = '__vscodeElements_disableRegistryWarning__';\n\nexport class VscElement extends LitElement {\n  /** VSCode Elements version */\n  get version(): string {\n    return VERSION;\n  }\n}\n\ntype CustomElementClass = Omit<typeof HTMLElement, 'new'>;\n\nexport type Constructor<T> = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  new (...args: any[]): T;\n};\n\n/**\n * Own implementation of Lit's customElement decorator.\n */\nexport const customElement = (tagName: string) => {\n  return (classOrTarget: CustomElementClass) => {\n    const customElementClass = customElements.get(tagName);\n\n    if (!customElementClass) {\n      customElements.define(tagName, classOrTarget as CustomElementConstructor);\n      return;\n    }\n\n    if (CONFIG_KEY in window) {\n      return;\n    }\n\n    const el = document.createElement(tagName);\n    const anotherVersion = (el as VscElement)?.version;\n    let message = '';\n\n    if (!anotherVersion) {\n      message +=\n        'is already registered by an unknown custom element handler class.';\n    } else if (anotherVersion !== VERSION) {\n      message +=\n        'is already registered by a different version of VSCode Elements. ';\n      message += `This version is \"${VERSION}\", while the other one is \"${anotherVersion}\".`;\n    } else {\n      message += `is already registered by the same version of VSCode Elements (${VERSION}).`;\n    }\n\n    // eslint-disable-next-line no-console\n    console.warn(\n      `[VSCode Elements] ${tagName} ${message}\\nTo suppress this warning, set window.${CONFIG_KEY} to true`\n    );\n  };\n};\n"]}

package/dist/includes/test-helpers.d.ts

@@ -32,9 +32,9 @@ deltaY?: number, callbacks?: {
 type AllTagNames = keyof HTMLElementTagNameMap | keyof SVGElementTagNameMap;
 type TagNameToElement<K extends AllTagNames> = K extends keyof HTMLElementTagNameMap ? HTMLElementTagNameMap[K] : K extends keyof SVGElementTagNameMap ? SVGElementTagNameMap[K] : Element;
 export declare function $<K extends AllTagNames>(selector: K): TagNameToElement<K>;
-export declare function $<K extends AllTagNames>(root: Element, selector: K): TagNameToElement<K>;
+export declare function $<K extends AllTagNames>(root: Element | ShadowRoot, selector: K): TagNameToElement<K>;
 export declare function $<T extends Element = Element>(selector: string): T;
-export declare function $<T extends Element = Element>(root: Element, selector: string): T;
+export declare function $<T extends Element = Element>(root: Element | ShadowRoot, selector: string): T;
 export declare function $$<K extends AllTagNames>(selector: K): NodeListOf<TagNameToElement<K>>;
 export declare function $$<K extends AllTagNames>(root: Element, selector: K): NodeListOf<TagNameToElement<K>>;
 export declare function $$<T extends Element = Element>(selector: string): NodeListOf<T>;

package/dist/includes/test-helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"test-helpers.d.ts","sourceRoot":"","sources":["../../src/includes/test-helpers.ts"],"names":[],"mappings":"AA2CA,8EAA8E;AAC9E,wBAAsB,cAAc;AAClC,2BAA2B;AAC3B,EAAE,EAAE,OAAO;AACX,2CAA2C;AAC3C,QAAQ,GAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAmB;AACnE,mEAAmE;AACnE,OAAO,SAAI;AACX,iEAAiE;AACjE,OAAO,SAAI,iBAUZ;AAED,8DAA8D;AAC9D,wBAAsB,kBAAkB;AACtC,2BAA2B;AAC3B,EAAE,EAAE,OAAO;AACX,2CAA2C;AAC3C,QAAQ,GAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAmB;AACnE,mEAAmE;AACnE,OAAO,SAAI;AACX,iEAAiE;AACjE,OAAO,SAAI,iBAUZ;AAED,8DAA8D;AAC9D,wBAAsB,WAAW;AAC/B,0BAA0B;AAC1B,EAAE,EAAE,OAAO;AACX,gDAAgD;AAChD,MAAM,SAAI;AACV,8CAA8C;AAC9C,MAAM,SAAI,EACV,SAAS,GAAE;IACT,cAAc,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC,GACL,OAAO,CAAC,IAAI,CAAC,CAYf;AAED,KAAK,WAAW,GAAG,MAAM,qBAAqB,GAAG,MAAM,oBAAoB,CAAC;AAE5E,KAAK,gBAAgB,CAAC,CAAC,SAAS,WAAW,IACzC,CAAC,SAAS,MAAM,qBAAqB,GACjC,qBAAqB,CAAC,CAAC,CAAC,GACxB,CAAC,SAAS,MAAM,oBAAoB,GAClC,oBAAoB,CAAC,CAAC,CAAC,GACvB,OAAO,CAAC;AAEhB,wBAAgB,CAAC,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,EAAE,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAC3E,wBAAgB,CAAC,CAAC,CAAC,SAAS,WAAW,EACrC,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,CAAC,GACV,gBAAgB,CAAC,CAAC,CAAC,CAAC;AACvB,wBAAgB,CAAC,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,CAAC;AACpE,wBAAgB,CAAC,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,EAC3C,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,MAAM,GACf,CAAC,CAAC;AAwBL,wBAAgB,EAAE,CAAC,CAAC,SAAS,WAAW,EACtC,QAAQ,EAAE,CAAC,GACV,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;AACnC,wBAAgB,EAAE,CAAC,CAAC,SAAS,WAAW,EACtC,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,CAAC,GACV,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;AACnC,wBAAgB,EAAE,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,EAC5C,QAAQ,EAAE,MAAM,GACf,UAAU,CAAC,CAAC,CAAC,CAAC;AACjB,wBAAgB,EAAE,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,EAC5C,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,MAAM,GACf,UAAU,CAAC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"test-helpers.d.ts","sourceRoot":"","sources":["../../src/includes/test-helpers.ts"],"names":[],"mappings":"AA2CA,8EAA8E;AAC9E,wBAAsB,cAAc;AAClC,2BAA2B;AAC3B,EAAE,EAAE,OAAO;AACX,2CAA2C;AAC3C,QAAQ,GAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAmB;AACnE,mEAAmE;AACnE,OAAO,SAAI;AACX,iEAAiE;AACjE,OAAO,SAAI,iBAUZ;AAED,8DAA8D;AAC9D,wBAAsB,kBAAkB;AACtC,2BAA2B;AAC3B,EAAE,EAAE,OAAO;AACX,2CAA2C;AAC3C,QAAQ,GAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAmB;AACnE,mEAAmE;AACnE,OAAO,SAAI;AACX,iEAAiE;AACjE,OAAO,SAAI,iBAUZ;AAED,8DAA8D;AAC9D,wBAAsB,WAAW;AAC/B,0BAA0B;AAC1B,EAAE,EAAE,OAAO;AACX,gDAAgD;AAChD,MAAM,SAAI;AACV,8CAA8C;AAC9C,MAAM,SAAI,EACV,SAAS,GAAE;IACT,cAAc,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC,GACL,OAAO,CAAC,IAAI,CAAC,CAYf;AAED,KAAK,WAAW,GAAG,MAAM,qBAAqB,GAAG,MAAM,oBAAoB,CAAC;AAE5E,KAAK,gBAAgB,CAAC,CAAC,SAAS,WAAW,IACzC,CAAC,SAAS,MAAM,qBAAqB,GACjC,qBAAqB,CAAC,CAAC,CAAC,GACxB,CAAC,SAAS,MAAM,oBAAoB,GAClC,oBAAoB,CAAC,CAAC,CAAC,GACvB,OAAO,CAAC;AAEhB,wBAAgB,CAAC,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,EAAE,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAC3E,wBAAgB,CAAC,CAAC,CAAC,SAAS,WAAW,EACrC,IAAI,EAAE,OAAO,GAAG,UAAU,EAC1B,QAAQ,EAAE,CAAC,GACV,gBAAgB,CAAC,CAAC,CAAC,CAAC;AACvB,wBAAgB,CAAC,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,CAAC;AACpE,wBAAgB,CAAC,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,EAC3C,IAAI,EAAE,OAAO,GAAG,UAAU,EAC1B,QAAQ,EAAE,MAAM,GACf,CAAC,CAAC;AA2BL,wBAAgB,EAAE,CAAC,CAAC,SAAS,WAAW,EACtC,QAAQ,EAAE,CAAC,GACV,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;AACnC,wBAAgB,EAAE,CAAC,CAAC,SAAS,WAAW,EACtC,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,CAAC,GACV,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;AACnC,wBAAgB,EAAE,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,EAC5C,QAAQ,EAAE,MAAM,GACf,UAAU,CAAC,CAAC,CAAC,CAAC;AACjB,wBAAgB,EAAE,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,EAC5C,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,MAAM,GACf,UAAU,CAAC,CAAC,CAAC,CAAC"}

package/dist/includes/test-helpers.js

@@ -78,7 +78,8 @@ export function $(arg1, arg2) {
     if (typeof arg1 === 'string') {
         result = document.querySelector(arg1);
     }
-    else if (arg1 instanceof Element && typeof arg2 === 'string') {
+    else if ((arg1 instanceof Element || arg1 instanceof ShadowRoot) &&
+        typeof arg2 === 'string') {
         result = arg1.querySelector(arg2);
     }
     else {

package/dist/includes/test-helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-helpers.js","sourceRoot":"","sources":["../../src/includes/test-helpers.ts"],"names":[],"mappings":"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","sourcesContent":["// Borrowed from Shoelace\n\nimport {sendMouse} from '@web/test-runner-commands';\n\nfunction determineMousePosition(\n  el: Element,\n  position: string,\n  offsetX: number,\n  offsetY: number\n) {\n  const {x, y, width, height} = el.getBoundingClientRect();\n  const centerX = Math.floor(x + window.scrollX + width / 2);\n  const centerY = Math.floor(y + window.scrollY + height / 2);\n  let clickX: number;\n  let clickY: number;\n\n  switch (position) {\n    case 'top':\n      clickX = centerX;\n      clickY = y;\n      break;\n    case 'right':\n      clickX = x + width - 1;\n      clickY = centerY;\n      break;\n    case 'bottom':\n      clickX = centerX;\n      clickY = y + height - 1;\n      break;\n    case 'left':\n      clickX = x;\n      clickY = centerY;\n      break;\n    default:\n      clickX = centerX;\n      clickY = centerY;\n  }\n\n  clickX += offsetX;\n  clickY += offsetY;\n  return {clickX, clickY};\n}\n\n/** A testing utility that measures an element's position and clicks on it. */\nexport async function clickOnElement(\n  /** The element to click */\n  el: Element,\n  /** The location of the element to click */\n  position: 'top' | 'right' | 'bottom' | 'left' | 'center' = 'center',\n  /** The horizontal offset to apply to the position when clicking */\n  offsetX = 0,\n  /** The vertical offset to apply to the position when clicking */\n  offsetY = 0\n) {\n  const {clickX, clickY} = determineMousePosition(\n    el,\n    position,\n    offsetX,\n    offsetY\n  );\n\n  await sendMouse({type: 'click', position: [clickX, clickY]});\n}\n\n/** A testing utility that moves the mouse onto an element. */\nexport async function moveMouseOnElement(\n  /** The element to click */\n  el: Element,\n  /** The location of the element to click */\n  position: 'top' | 'right' | 'bottom' | 'left' | 'center' = 'center',\n  /** The horizontal offset to apply to the position when clicking */\n  offsetX = 0,\n  /** The vertical offset to apply to the position when clicking */\n  offsetY = 0\n) {\n  const {clickX, clickY} = determineMousePosition(\n    el,\n    position,\n    offsetX,\n    offsetY\n  );\n\n  await sendMouse({type: 'move', position: [clickX, clickY]});\n}\n\n/** A testing utility that drags an element with the mouse. */\nexport async function dragElement(\n  /** The element to drag */\n  el: Element,\n  /** The horizontal distance to drag in pixels */\n  deltaX = 0,\n  /** The vertical distance to drag in pixels */\n  deltaY = 0,\n  callbacks: {\n    afterMouseDown?: () => void | Promise<void>;\n    afterMouseMove?: () => void | Promise<void>;\n  } = {}\n): Promise<void> {\n  await moveMouseOnElement(el);\n  await sendMouse({type: 'down'});\n\n  await callbacks.afterMouseDown?.();\n\n  const {clickX, clickY} = determineMousePosition(el, 'center', deltaX, deltaY);\n  await sendMouse({type: 'move', position: [clickX, clickY]});\n\n  await callbacks.afterMouseMove?.();\n\n  await sendMouse({type: 'up'});\n}\n\ntype AllTagNames = keyof HTMLElementTagNameMap | keyof SVGElementTagNameMap;\n\ntype TagNameToElement<K extends AllTagNames> =\n  K extends keyof HTMLElementTagNameMap\n    ? HTMLElementTagNameMap[K]\n    : K extends keyof SVGElementTagNameMap\n      ? SVGElementTagNameMap[K]\n      : Element;\n\nexport function $<K extends AllTagNames>(selector: K): TagNameToElement<K>;\nexport function $<K extends AllTagNames>(\n  root: Element,\n  selector: K\n): TagNameToElement<K>;\nexport function $<T extends Element = Element>(selector: string): T;\nexport function $<T extends Element = Element>(\n  root: Element,\n  selector: string\n): T;\nexport function $<T extends Element = Element>(\n  arg1: string | Element,\n  arg2?: string\n): T {\n  let result: Element | null;\n\n  if (typeof arg1 === 'string') {\n    result = document.querySelector(arg1);\n  } else if (arg1 instanceof Element && typeof arg2 === 'string') {\n    result = arg1.querySelector(arg2);\n  } else {\n    throw new Error('Invalid arguments passed to $()');\n  }\n\n  if (!result) {\n    const selector = typeof arg1 === 'string' ? arg1 : arg2!;\n    const context = typeof arg1 === 'string' ? 'document' : 'root element';\n    throw new Error(`No match for selector: ${selector} in ${context}`);\n  }\n\n  return result as T;\n}\n\nexport function $$<K extends AllTagNames>(\n  selector: K\n): NodeListOf<TagNameToElement<K>>;\nexport function $$<K extends AllTagNames>(\n  root: Element,\n  selector: K\n): NodeListOf<TagNameToElement<K>>;\nexport function $$<T extends Element = Element>(\n  selector: string\n): NodeListOf<T>;\nexport function $$<T extends Element = Element>(\n  root: Element,\n  selector: string\n): NodeListOf<T>;\nexport function $$<T extends Element = Element>(\n  arg1: string | Element,\n  arg2?: string\n): NodeListOf<T> {\n  let result: NodeListOf<Element>;\n\n  if (typeof arg1 === 'string') {\n    result = document.querySelectorAll(arg1);\n  } else if (arg1 instanceof Element && typeof arg2 === 'string') {\n    result = arg1.querySelectorAll(arg2);\n  } else {\n    throw new Error('Invalid arguments passed to $$()');\n  }\n\n  if (result.length === 0) {\n    const selector = typeof arg1 === 'string' ? arg1 : arg2!;\n    const context = typeof arg1 === 'string' ? 'document' : 'root element';\n    throw new Error(`No matches for selector: ${selector} in ${context}`);\n  }\n\n  return result as NodeListOf<T>;\n}\n"]}
+{"version":3,"file":"test-helpers.js","sourceRoot":"","sources":["../../src/includes/test-helpers.ts"],"names":[],"mappings":"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","sourcesContent":["// Borrowed from Shoelace\n\nimport {sendMouse} from '@web/test-runner-commands';\n\nfunction determineMousePosition(\n  el: Element,\n  position: string,\n  offsetX: number,\n  offsetY: number\n) {\n  const {x, y, width, height} = el.getBoundingClientRect();\n  const centerX = Math.floor(x + window.scrollX + width / 2);\n  const centerY = Math.floor(y + window.scrollY + height / 2);\n  let clickX: number;\n  let clickY: number;\n\n  switch (position) {\n    case 'top':\n      clickX = centerX;\n      clickY = y;\n      break;\n    case 'right':\n      clickX = x + width - 1;\n      clickY = centerY;\n      break;\n    case 'bottom':\n      clickX = centerX;\n      clickY = y + height - 1;\n      break;\n    case 'left':\n      clickX = x;\n      clickY = centerY;\n      break;\n    default:\n      clickX = centerX;\n      clickY = centerY;\n  }\n\n  clickX += offsetX;\n  clickY += offsetY;\n  return {clickX, clickY};\n}\n\n/** A testing utility that measures an element's position and clicks on it. */\nexport async function clickOnElement(\n  /** The element to click */\n  el: Element,\n  /** The location of the element to click */\n  position: 'top' | 'right' | 'bottom' | 'left' | 'center' = 'center',\n  /** The horizontal offset to apply to the position when clicking */\n  offsetX = 0,\n  /** The vertical offset to apply to the position when clicking */\n  offsetY = 0\n) {\n  const {clickX, clickY} = determineMousePosition(\n    el,\n    position,\n    offsetX,\n    offsetY\n  );\n\n  await sendMouse({type: 'click', position: [clickX, clickY]});\n}\n\n/** A testing utility that moves the mouse onto an element. */\nexport async function moveMouseOnElement(\n  /** The element to click */\n  el: Element,\n  /** The location of the element to click */\n  position: 'top' | 'right' | 'bottom' | 'left' | 'center' = 'center',\n  /** The horizontal offset to apply to the position when clicking */\n  offsetX = 0,\n  /** The vertical offset to apply to the position when clicking */\n  offsetY = 0\n) {\n  const {clickX, clickY} = determineMousePosition(\n    el,\n    position,\n    offsetX,\n    offsetY\n  );\n\n  await sendMouse({type: 'move', position: [clickX, clickY]});\n}\n\n/** A testing utility that drags an element with the mouse. */\nexport async function dragElement(\n  /** The element to drag */\n  el: Element,\n  /** The horizontal distance to drag in pixels */\n  deltaX = 0,\n  /** The vertical distance to drag in pixels */\n  deltaY = 0,\n  callbacks: {\n    afterMouseDown?: () => void | Promise<void>;\n    afterMouseMove?: () => void | Promise<void>;\n  } = {}\n): Promise<void> {\n  await moveMouseOnElement(el);\n  await sendMouse({type: 'down'});\n\n  await callbacks.afterMouseDown?.();\n\n  const {clickX, clickY} = determineMousePosition(el, 'center', deltaX, deltaY);\n  await sendMouse({type: 'move', position: [clickX, clickY]});\n\n  await callbacks.afterMouseMove?.();\n\n  await sendMouse({type: 'up'});\n}\n\ntype AllTagNames = keyof HTMLElementTagNameMap | keyof SVGElementTagNameMap;\n\ntype TagNameToElement<K extends AllTagNames> =\n  K extends keyof HTMLElementTagNameMap\n    ? HTMLElementTagNameMap[K]\n    : K extends keyof SVGElementTagNameMap\n      ? SVGElementTagNameMap[K]\n      : Element;\n\nexport function $<K extends AllTagNames>(selector: K): TagNameToElement<K>;\nexport function $<K extends AllTagNames>(\n  root: Element | ShadowRoot,\n  selector: K\n): TagNameToElement<K>;\nexport function $<T extends Element = Element>(selector: string): T;\nexport function $<T extends Element = Element>(\n  root: Element | ShadowRoot,\n  selector: string\n): T;\nexport function $<T extends Element = Element>(\n  arg1: string | Element | ShadowRoot,\n  arg2?: string\n): T {\n  let result: Element | null;\n\n  if (typeof arg1 === 'string') {\n    result = document.querySelector(arg1);\n  } else if (\n    (arg1 instanceof Element || arg1 instanceof ShadowRoot) &&\n    typeof arg2 === 'string'\n  ) {\n    result = arg1.querySelector(arg2);\n  } else {\n    throw new Error('Invalid arguments passed to $()');\n  }\n\n  if (!result) {\n    const selector = typeof arg1 === 'string' ? arg1 : arg2!;\n    const context = typeof arg1 === 'string' ? 'document' : 'root element';\n    throw new Error(`No match for selector: ${selector} in ${context}`);\n  }\n\n  return result as T;\n}\n\nexport function $$<K extends AllTagNames>(\n  selector: K\n): NodeListOf<TagNameToElement<K>>;\nexport function $$<K extends AllTagNames>(\n  root: Element,\n  selector: K\n): NodeListOf<TagNameToElement<K>>;\nexport function $$<T extends Element = Element>(\n  selector: string\n): NodeListOf<T>;\nexport function $$<T extends Element = Element>(\n  root: Element,\n  selector: string\n): NodeListOf<T>;\nexport function $$<T extends Element = Element>(\n  arg1: string | Element,\n  arg2?: string\n): NodeListOf<T> {\n  let result: NodeListOf<Element>;\n\n  if (typeof arg1 === 'string') {\n    result = document.querySelectorAll(arg1);\n  } else if (arg1 instanceof Element && typeof arg2 === 'string') {\n    result = arg1.querySelectorAll(arg2);\n  } else {\n    throw new Error('Invalid arguments passed to $$()');\n  }\n\n  if (result.length === 0) {\n    const selector = typeof arg1 === 'string' ? arg1 : arg2!;\n    const context = typeof arg1 === 'string' ? 'document' : 'root element';\n    throw new Error(`No matches for selector: ${selector} in ${context}`);\n  }\n\n  return result as NodeListOf<T>;\n}\n"]}

package/dist/main.d.ts

@@ -15,6 +15,7 @@ export { VscodeLabel } from './vscode-label/index.js';
 export { VscodeMultiSelect } from './vscode-multi-select/index.js';
 export { VscodeOption } from './vscode-option/index.js';
 export { VscodeProgressRing } from './vscode-progress-ring/index.js';
+export { VscodeProgressBar } from './vscode-progress-bar/index.js';
 export { VscodeRadio } from './vscode-radio/index.js';
 export { VscodeRadioGroup } from './vscode-radio-group/index.js';
 export { VscodeSingleSelect } from './vscode-single-select/index.js';

package/dist/main.d.ts.map

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

package/dist/main.js

@@ -15,6 +15,7 @@ export { VscodeLabel } from './vscode-label/index.js';
 export { VscodeMultiSelect } from './vscode-multi-select/index.js';
 export { VscodeOption } from './vscode-option/index.js';
 export { VscodeProgressRing } from './vscode-progress-ring/index.js';
+export { VscodeProgressBar } from './vscode-progress-bar/index.js';
 export { VscodeRadio } from './vscode-radio/index.js';
 export { VscodeRadioGroup } from './vscode-radio-group/index.js';
 export { VscodeSingleSelect } from './vscode-single-select/index.js';

package/dist/main.js.map

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

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

@@ -17,6 +17,11 @@ import '../vscode-icon/index.js';
  * @cssprop [--vscode-button-secondaryBackground=#313131]
  * @cssprop [--vscode-button-secondaryHoverBackground=#3c3c3c]
  * @cssprop [--vscode-focusBorder=#0078d4]
+ *
+ * @csspart base - The main content area of the component.
+ *
+ * @slot content-before - Slot before the main content.
+ * @slot content-after - Slot after the main content.
  */
 export declare class VscodeButton extends VscElement {
     static styles: import("lit").CSSResultGroup;
@@ -63,6 +68,8 @@ export declare class VscodeButton extends VscElement {
     value: string;
     private _prevTabindex;
     private _internals;
+    private _hasContentBefore;
+    private _hasContentAfter;
     get form(): HTMLFormElement | null;
     constructor();
     connectedCallback(): void;
@@ -73,6 +80,7 @@ export declare class VscodeButton extends VscElement {
     private _handleClick;
     private _handleFocus;
     private _handleBlur;
+    private _handleSlotChange;
     render(): TemplateResult;
 }
 declare global {

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

@@ -1 +1 @@
-{"version":3,"file":"vscode-button.d.ts","sourceRoot":"","sources":["../../src/vscode-button/vscode-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,gBAAgB,EAAE,cAAc,EAAC,MAAM,KAAK,CAAC;AAGpE,OAAO,EAAgB,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,yBAAyB,CAAC;AAIjC;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,+BAAU;IAEhC,gBAAgB;IAChB,MAAM,CAAC,cAAc,UAAQ;IAGpB,SAAS,UAAS;IAE3B,gBAAgB;IAEP,QAAQ,SAAK;IAEtB;;OAEG;IAEH,SAAS,UAAS;IAElB,gBAAgB;IAEP,IAAI,SAAY;IAGzB,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,QAAQ,CAAC,sBAAS;IAElB;;OAEG;IAEH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAMH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAG/B,OAAO,UAAS;IAGhB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,QAAQ,UAAS;IAGjB,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAY;IAG/C,KAAK,SAAM;IAEX,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,UAAU,CAAmB;IAErC,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;;IASQ,iBAAiB,IAAI,IAAI;IAkBzB,oBAAoB,IAAI,IAAI;IAM5B,MAAM,CAEb,iBAAiB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GACnE,IAAI;IAqBP,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,WAAW,CAEjB;IAEO,MAAM,IAAI,cAAc;CAuClC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}
+{"version":3,"file":"vscode-button.d.ts","sourceRoot":"","sources":["../../src/vscode-button/vscode-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,gBAAgB,EAAE,cAAc,EAAC,MAAM,KAAK,CAAC;AAGpE,OAAO,EAAgB,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,yBAAyB,CAAC;AAIjC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,+BAAU;IAEhC,gBAAgB;IAChB,MAAM,CAAC,cAAc,UAAQ;IAGpB,SAAS,UAAS;IAE3B,gBAAgB;IAEP,QAAQ,SAAK;IAEtB;;OAEG;IAEH,SAAS,UAAS;IAElB,gBAAgB;IAEP,IAAI,SAAY;IAGzB,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,QAAQ,CAAC,sBAAS;IAElB;;OAEG;IAEH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAMH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAG/B,OAAO,UAAS;IAGhB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAGrC,QAAQ,UAAS;IAGjB,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAY;IAG/C,KAAK,SAAM;IAEX,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,UAAU,CAAmB;IAGrC,OAAO,CAAC,iBAAiB,CAAS;IAGlC,OAAO,CAAC,gBAAgB,CAAS;IAEjC,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;;IASQ,iBAAiB,IAAI,IAAI;IAkBzB,oBAAoB,IAAI,IAAI;IAM5B,MAAM,CAEb,iBAAiB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GACnE,IAAI;IAqBP,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,WAAW,CAEjB;IAEF,OAAO,CAAC,iBAAiB;IAYhB,MAAM,IAAI,cAAc;CA0ClC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

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

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, nothing } from 'lit';
-import { property } from 'lit/decorators.js';
+import { property, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { customElement, VscElement } from '../includes/VscElement.js';
 import '../vscode-icon/index.js';
@@ -27,6 +27,11 @@ import { ifDefined } from 'lit/directives/if-defined.js';
  * @cssprop [--vscode-button-secondaryBackground=#313131]
  * @cssprop [--vscode-button-secondaryHoverBackground=#3c3c3c]
  * @cssprop [--vscode-focusBorder=#0078d4]
+ *
+ * @csspart base - The main content area of the component.
+ *
+ * @slot content-before - Slot before the main content.
+ * @slot content-after - Slot after the main content.
  */
 let VscodeButton = class VscodeButton extends VscElement {
     get form() {
@@ -66,6 +71,8 @@ let VscodeButton = class VscodeButton extends VscElement {
         this.type = 'button';
         this.value = '';
         this._prevTabindex = 0;
+        this._hasContentBefore = false;
+        this._hasContentAfter = false;
         this._handleFocus = () => {
             this.focused = true;
         };
@@ -144,14 +151,23 @@ let VscodeButton = class VscodeButton extends VscElement {
             this._executeAction();
         }
     }
+    _handleSlotChange(ev) {
+        const slot = ev.target;
+        if (slot.name === 'content-before') {
+            this._hasContentBefore = slot.assignedElements().length > 0;
+        }
+        if (slot.name === 'content-after') {
+            this._hasContentAfter = slot.assignedElements().length > 0;
+        }
+    }
     render() {
         const hasIcon = this.icon !== '';
         const hasIconAfter = this.iconAfter !== '';
-        const contentClasses = {
-            content: true,
-            'has-icon-before': hasIcon,
-            'has-icon-after': hasIconAfter,
+        const baseClasses = {
+            base: true,
             'icon-only': this.iconOnly,
+            'has-content-before': this._hasContentBefore,
+            'has-content-after': this._hasContentAfter,
         };
         const iconElem = hasIcon
             ? html `<vscode-icon
@@ -170,13 +186,16 @@ let VscodeButton = class VscodeButton extends VscElement {
         ></vscode-icon>`
             : nothing;
         return html `
-      <div class="root" part="base">
-        <div class=${classMap(contentClasses)}>
-          ${iconElem}
-          <slot></slot>
-          ${iconAfterElem}
-        </div>
-        <div class="divider"><div></div></div>
+      <div
+        class=${classMap(baseClasses)}
+        part="base"
+        @slotchange=${this._handleSlotChange}
+      >
+        <slot name="content-before"></slot>
+        ${iconElem}
+        <slot></slot>
+        ${iconAfterElem}
+        <slot name="content-after"></slot>
       </div>
     `;
     }
@@ -236,6 +255,12 @@ __decorate([
 __decorate([
     property()
 ], VscodeButton.prototype, "value", void 0);
+__decorate([
+    state()
+], VscodeButton.prototype, "_hasContentBefore", void 0);
+__decorate([
+    state()
+], VscodeButton.prototype, "_hasContentAfter", void 0);
 VscodeButton = __decorate([
     customElement('vscode-button')
 ], VscodeButton);

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

@@ -1 +1 @@
-{"version":3,"file":"vscode-button.js","sourceRoot":"","sources":["../../src/vscode-button/vscode-button.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, nothing, PropertyValueMap, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport '../vscode-icon/index.js';\nimport styles from './vscode-button.styles.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\n\n/**\n * Clickable element that are used to trigger actions.\n *\n * @tag vscode-button\n *\n * @cssprop [--vscode-button-background=#0078d4]\n * @cssprop [--vscode-button-foreground=#ffffff]\n * @cssprop [--vscode-button-border=var(--vscode-button-background, rgba(255, 255, 255, 0.07))]\n * @cssprop [--vscode-button-hoverBackground=#026ec1]\n * @cssprop [--vscode-font-family=sans-serif] - A sans-serif font type depends on the host OS.\n * @cssprop [--vscode-font-size=13px]\n * @cssprop [--vscode-font-weight=normal]\n * @cssprop [--vscode-button-secondaryForeground=#cccccc]\n * @cssprop [--vscode-button-secondaryBackground=#313131]\n * @cssprop [--vscode-button-secondaryHoverBackground=#3c3c3c]\n * @cssprop [--vscode-focusBorder=#0078d4]\n */\n@customElement('vscode-button')\nexport class VscodeButton extends VscElement {\n  static override styles = styles;\n\n  /** @internal */\n  static formAssociated = true;\n\n  @property({type: Boolean, reflect: true})\n  override autofocus = false;\n\n  /** @internal */\n  @property({type: Number, reflect: true})\n  override tabIndex = 0;\n\n  /**\n   * Button has a less prominent style.\n   */\n  @property({type: Boolean, reflect: true})\n  secondary = false;\n\n  /** @internal */\n  @property({reflect: true})\n  override role = 'button';\n\n  @property({type: Boolean, reflect: true})\n  disabled = false;\n\n  /**\n   * A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) before the label\n   */\n  @property()\n  icon = '';\n\n  /**\n   * Spin property for the icon\n   */\n  @property({type: Boolean, reflect: true, attribute: 'icon-spin'})\n  iconSpin? = false;\n\n  /**\n   * Duration property for the icon\n   */\n  @property({type: Number, reflect: true, attribute: 'icon-spin-duration'})\n  iconSpinDuration?: number;\n\n  /**\n   * A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) after the label\n   */\n  @property({attribute: 'icon-after'})\n  iconAfter = '';\n\n  /**\n   * Spin property for the after icon\n   */\n  @property({type: Boolean, reflect: true, attribute: 'icon-after-spin'})\n  iconAfterSpin = false;\n\n  /**\n   * Duration property for the after icon\n   */\n  @property({\n    type: Number,\n    reflect: true,\n    attribute: 'icon-after-spin-duration',\n  })\n  iconAfterSpinDuration?: number;\n\n  @property({type: Boolean, reflect: true})\n  focused = false;\n\n  @property({type: String, reflect: true})\n  name: string | undefined = undefined;\n\n  @property({type: Boolean, reflect: true, attribute: 'icon-only'})\n  iconOnly = false;\n\n  @property({reflect: true})\n  type: 'submit' | 'reset' | 'button' = 'button';\n\n  @property()\n  value = '';\n\n  private _prevTabindex = 0;\n  private _internals: ElementInternals;\n\n  get form(): HTMLFormElement | null {\n    return this._internals.form;\n  }\n\n  constructor() {\n    super();\n    this.addEventListener('keydown', this._handleKeyDown.bind(this));\n    this.addEventListener('click', this._handleClick.bind(this));\n    this._internals = this.attachInternals();\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    if (this.autofocus) {\n      if (this.tabIndex < 0) {\n        this.tabIndex = 0;\n      }\n\n      this.updateComplete.then(() => {\n        this.focus();\n        this.requestUpdate();\n      });\n    }\n\n    this.addEventListener('focus', this._handleFocus);\n    this.addEventListener('blur', this._handleBlur);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('focus', this._handleFocus);\n    this.removeEventListener('blur', this._handleBlur);\n  }\n\n  override update(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.update(changedProperties);\n\n    if (changedProperties.has('value')) {\n      this._internals.setFormValue(this.value);\n    }\n\n    if (changedProperties.has('disabled')) {\n      if (this.disabled) {\n        // Save the original tabIndex, which may have been modified by the user.\n        this._prevTabindex = this.tabIndex;\n        // It's a native property, we don't care about re-rendering.\n        // eslint-disable-next-line lit/no-property-change-update\n        this.tabIndex = -1;\n      } else {\n        // eslint-disable-next-line lit/no-property-change-update\n        this.tabIndex = this._prevTabindex;\n      }\n    }\n  }\n\n  private _executeAction() {\n    if (this.type === 'submit' && this._internals.form) {\n      this._internals.form.requestSubmit();\n    }\n\n    if (this.type === 'reset' && this._internals.form) {\n      this._internals.form.reset();\n    }\n  }\n\n  private _handleKeyDown(event: KeyboardEvent) {\n    if (\n      (event.key === 'Enter' || event.key === ' ') &&\n      !this.hasAttribute('disabled')\n    ) {\n      const syntheticClick = new MouseEvent('click', {\n        bubbles: true,\n        cancelable: true,\n      }) as Event & {synthetic?: boolean};\n\n      syntheticClick.synthetic = true;\n      this.dispatchEvent(syntheticClick);\n\n      this._executeAction();\n    }\n  }\n\n  private _handleClick(event: MouseEvent) {\n    if ((event as MouseEvent & {synthetic?: boolean}).synthetic) {\n      return;\n    }\n    if (!this.hasAttribute('disabled')) {\n      this._executeAction();\n    }\n  }\n\n  private _handleFocus = () => {\n    this.focused = true;\n  };\n\n  private _handleBlur = () => {\n    this.focused = false;\n  };\n\n  override render(): TemplateResult {\n    const hasIcon = this.icon !== '';\n    const hasIconAfter = this.iconAfter !== '';\n    const contentClasses = {\n      content: true,\n      'has-icon-before': hasIcon,\n      'has-icon-after': hasIconAfter,\n      'icon-only': this.iconOnly,\n    };\n\n    const iconElem = hasIcon\n      ? html`<vscode-icon\n          name=${this.icon}\n          ?spin=${this.iconSpin}\n          spin-duration=${ifDefined(this.iconSpinDuration)}\n          class=\"icon\"\n        ></vscode-icon>`\n      : nothing;\n\n    const iconAfterElem = hasIconAfter\n      ? html`<vscode-icon\n          name=${this.iconAfter}\n          ?spin=${this.iconAfterSpin}\n          spin-duration=${ifDefined(this.iconAfterSpinDuration)}\n          class=\"icon-after\"\n        ></vscode-icon>`\n      : nothing;\n\n    return html`\n      <div class=\"root\" part=\"base\">\n        <div class=${classMap(contentClasses)}>\n          ${iconElem}\n          <slot></slot>\n          ${iconAfterElem}\n        </div>\n        <div class=\"divider\"><div></div></div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-button': VscodeButton;\n  }\n}\n"]}
+{"version":3,"file":"vscode-button.js","sourceRoot":"","sources":["../../src/vscode-button/vscode-button.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, nothing, PropertyValueMap, TemplateResult} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport '../vscode-icon/index.js';\nimport styles from './vscode-button.styles.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\n\n/**\n * Clickable element that are used to trigger actions.\n *\n * @tag vscode-button\n *\n * @cssprop [--vscode-button-background=#0078d4]\n * @cssprop [--vscode-button-foreground=#ffffff]\n * @cssprop [--vscode-button-border=var(--vscode-button-background, rgba(255, 255, 255, 0.07))]\n * @cssprop [--vscode-button-hoverBackground=#026ec1]\n * @cssprop [--vscode-font-family=sans-serif] - A sans-serif font type depends on the host OS.\n * @cssprop [--vscode-font-size=13px]\n * @cssprop [--vscode-font-weight=normal]\n * @cssprop [--vscode-button-secondaryForeground=#cccccc]\n * @cssprop [--vscode-button-secondaryBackground=#313131]\n * @cssprop [--vscode-button-secondaryHoverBackground=#3c3c3c]\n * @cssprop [--vscode-focusBorder=#0078d4]\n *\n * @csspart base - The main content area of the component.\n *\n * @slot content-before - Slot before the main content.\n * @slot content-after - Slot after the main content.\n */\n@customElement('vscode-button')\nexport class VscodeButton extends VscElement {\n  static override styles = styles;\n\n  /** @internal */\n  static formAssociated = true;\n\n  @property({type: Boolean, reflect: true})\n  override autofocus = false;\n\n  /** @internal */\n  @property({type: Number, reflect: true})\n  override tabIndex = 0;\n\n  /**\n   * Button has a less prominent style.\n   */\n  @property({type: Boolean, reflect: true})\n  secondary = false;\n\n  /** @internal */\n  @property({reflect: true})\n  override role = 'button';\n\n  @property({type: Boolean, reflect: true})\n  disabled = false;\n\n  /**\n   * A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) before the label\n   */\n  @property()\n  icon = '';\n\n  /**\n   * Spin property for the icon\n   */\n  @property({type: Boolean, reflect: true, attribute: 'icon-spin'})\n  iconSpin? = false;\n\n  /**\n   * Duration property for the icon\n   */\n  @property({type: Number, reflect: true, attribute: 'icon-spin-duration'})\n  iconSpinDuration?: number;\n\n  /**\n   * A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) after the label\n   */\n  @property({attribute: 'icon-after'})\n  iconAfter = '';\n\n  /**\n   * Spin property for the after icon\n   */\n  @property({type: Boolean, reflect: true, attribute: 'icon-after-spin'})\n  iconAfterSpin = false;\n\n  /**\n   * Duration property for the after icon\n   */\n  @property({\n    type: Number,\n    reflect: true,\n    attribute: 'icon-after-spin-duration',\n  })\n  iconAfterSpinDuration?: number;\n\n  @property({type: Boolean, reflect: true})\n  focused = false;\n\n  @property({type: String, reflect: true})\n  name: string | undefined = undefined;\n\n  @property({type: Boolean, reflect: true, attribute: 'icon-only'})\n  iconOnly = false;\n\n  @property({reflect: true})\n  type: 'submit' | 'reset' | 'button' = 'button';\n\n  @property()\n  value = '';\n\n  private _prevTabindex = 0;\n  private _internals: ElementInternals;\n\n  @state()\n  private _hasContentBefore = false;\n\n  @state()\n  private _hasContentAfter = false;\n\n  get form(): HTMLFormElement | null {\n    return this._internals.form;\n  }\n\n  constructor() {\n    super();\n    this.addEventListener('keydown', this._handleKeyDown.bind(this));\n    this.addEventListener('click', this._handleClick.bind(this));\n    this._internals = this.attachInternals();\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    if (this.autofocus) {\n      if (this.tabIndex < 0) {\n        this.tabIndex = 0;\n      }\n\n      this.updateComplete.then(() => {\n        this.focus();\n        this.requestUpdate();\n      });\n    }\n\n    this.addEventListener('focus', this._handleFocus);\n    this.addEventListener('blur', this._handleBlur);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('focus', this._handleFocus);\n    this.removeEventListener('blur', this._handleBlur);\n  }\n\n  override update(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>\n  ): void {\n    super.update(changedProperties);\n\n    if (changedProperties.has('value')) {\n      this._internals.setFormValue(this.value);\n    }\n\n    if (changedProperties.has('disabled')) {\n      if (this.disabled) {\n        // Save the original tabIndex, which may have been modified by the user.\n        this._prevTabindex = this.tabIndex;\n        // It's a native property, we don't care about re-rendering.\n        // eslint-disable-next-line lit/no-property-change-update\n        this.tabIndex = -1;\n      } else {\n        // eslint-disable-next-line lit/no-property-change-update\n        this.tabIndex = this._prevTabindex;\n      }\n    }\n  }\n\n  private _executeAction() {\n    if (this.type === 'submit' && this._internals.form) {\n      this._internals.form.requestSubmit();\n    }\n\n    if (this.type === 'reset' && this._internals.form) {\n      this._internals.form.reset();\n    }\n  }\n\n  private _handleKeyDown(event: KeyboardEvent) {\n    if (\n      (event.key === 'Enter' || event.key === ' ') &&\n      !this.hasAttribute('disabled')\n    ) {\n      const syntheticClick = new MouseEvent('click', {\n        bubbles: true,\n        cancelable: true,\n      }) as Event & {synthetic?: boolean};\n\n      syntheticClick.synthetic = true;\n      this.dispatchEvent(syntheticClick);\n\n      this._executeAction();\n    }\n  }\n\n  private _handleClick(event: MouseEvent) {\n    if ((event as MouseEvent & {synthetic?: boolean}).synthetic) {\n      return;\n    }\n    if (!this.hasAttribute('disabled')) {\n      this._executeAction();\n    }\n  }\n\n  private _handleFocus = () => {\n    this.focused = true;\n  };\n\n  private _handleBlur = () => {\n    this.focused = false;\n  };\n\n  private _handleSlotChange(ev: Event) {\n    const slot = ev.target as HTMLSlotElement;\n\n    if (slot.name === 'content-before') {\n      this._hasContentBefore = slot.assignedElements().length > 0;\n    }\n\n    if (slot.name === 'content-after') {\n      this._hasContentAfter = slot.assignedElements().length > 0;\n    }\n  }\n\n  override render(): TemplateResult {\n    const hasIcon = this.icon !== '';\n    const hasIconAfter = this.iconAfter !== '';\n    const baseClasses = {\n      base: true,\n      'icon-only': this.iconOnly,\n      'has-content-before': this._hasContentBefore,\n      'has-content-after': this._hasContentAfter,\n    };\n\n    const iconElem = hasIcon\n      ? html`<vscode-icon\n          name=${this.icon}\n          ?spin=${this.iconSpin}\n          spin-duration=${ifDefined(this.iconSpinDuration)}\n          class=\"icon\"\n        ></vscode-icon>`\n      : nothing;\n\n    const iconAfterElem = hasIconAfter\n      ? html`<vscode-icon\n          name=${this.iconAfter}\n          ?spin=${this.iconAfterSpin}\n          spin-duration=${ifDefined(this.iconAfterSpinDuration)}\n          class=\"icon-after\"\n        ></vscode-icon>`\n      : nothing;\n\n    return html`\n      <div\n        class=${classMap(baseClasses)}\n        part=\"base\"\n        @slotchange=${this._handleSlotChange}\n      >\n        <slot name=\"content-before\"></slot>\n        ${iconElem}\n        <slot></slot>\n        ${iconAfterElem}\n        <slot name=\"content-after\"></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-button': VscodeButton;\n  }\n}\n"]}

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

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

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

@@ -11,7 +11,8 @@ const styles = [
       width: auto;
     }
 
-    .root {
+    .base {
+      align-items: center;
       background-color: var(--vscode-button-background, #0078d4);
       border-bottom-left-radius: var(--vsc-border-left-radius, 2px);
       border-bottom-right-radius: var(--vsc-border-right-radius, 2px);
@@ -25,19 +26,42 @@ const styles = [
       border-top-width: 1px;
       box-sizing: border-box;
       color: var(--vscode-button-foreground, #ffffff);
-      display: inline-flex;
+      display: flex;
       font-family: var(--vscode-font-family, ${defaultFontStack});
       font-size: var(--vscode-font-size, 13px);
       font-weight: var(--vscode-font-weight, normal);
+      height: 100%;
+      justify-content: center;
       line-height: 22px;
       overflow: hidden;
-      padding: 0;
+      padding: 1px calc(13px + var(--vsc-base-additional-right-padding, 0px))
+        1px 13px;
+      position: relative;
       user-select: none;
       white-space: nowrap;
       width: 100%;
     }
 
-    :host([secondary]) .root {
+    .base:after {
+      background-color: var(
+        --vscode-button-separator,
+        rgba(255, 255, 255, 0.4)
+      );
+      content: var(--vsc-base-after-content);
+      display: var(--vsc-divider-display, none);
+      position: absolute;
+      right: 0;
+      top: 4px;
+      bottom: 4px;
+      width: 1px;
+    }
+
+    :host([secondary]) .base:after {
+      background-color: var(--vscode-button-secondaryForeground, #cccccc);
+      opacity: 0.4;
+    }
+
+    :host([secondary]) .base {
       color: var(--vscode-button-secondaryForeground, #cccccc);
       background-color: var(--vscode-button-secondaryBackground, #313131);
       border-color: var(
@@ -52,19 +76,19 @@ const styles = [
       pointer-events: none;
     }
 
-    :host(:hover) .root {
+    :host(:hover) .base {
       background-color: var(--vscode-button-hoverBackground, #026ec1);
     }
 
-    :host([disabled]:hover) .root {
+    :host([disabled]:hover) .base {
       background-color: var(--vscode-button-background, #0078d4);
     }
 
-    :host([secondary]:hover) .root {
+    :host([secondary]:hover) .base {
       background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c);
     }
 
-    :host([secondary][disabled]:hover) .root {
+    :host([secondary][disabled]:hover) .base {
       background-color: var(--vscode-button-secondaryBackground, #313131);
     }
 
@@ -73,22 +97,22 @@ const styles = [
       outline: none;
     }
 
-    :host(:focus) .root {
+    :host(:focus) .base {
       background-color: var(--vscode-button-hoverBackground, #026ec1);
       outline: 1px solid var(--vscode-focusBorder, #0078d4);
       outline-offset: 2px;
     }
 
-    :host([disabled]:focus) .root {
+    :host([disabled]:focus) .base {
       background-color: var(--vscode-button-background, #0078d4);
       outline: 0;
     }
 
-    :host([secondary]:focus) .root {
+    :host([secondary]:focus) .base {
       background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c);
     }
 
-    :host([secondary][disabled]:focus) .root {
+    :host([secondary][disabled]:focus) .base {
       background-color: var(--vscode-button-secondaryBackground, #313131);
     }
 
@@ -111,20 +135,17 @@ const styles = [
     }
 
     .content {
-      align-items: center;
-      box-sizing: border-box;
       display: flex;
-      justify-content: center;
       position: relative;
       width: 100%;
       height: 100%;
       padding: 1px 13px;
     }
 
-    :host(:empty) .content,
-    :host([icon-only]) .content {
+    :host(:empty) .base,
+    .base.icon-only {
       min-height: 24px;
-      min-width: 16px;
+      min-width: 26px;
       padding: 1px 4px;
     }
 
@@ -134,6 +155,14 @@ const styles = [
       height: 100%;
     }
 
+    .has-content-before slot[name='content-before'] {
+      margin-right: 4px;
+    }
+
+    .has-content-after slot[name='content-after'] {
+      margin-left: 4px;
+    }
+
     .icon,
     .icon-after {
       color: inherit;
@@ -148,42 +177,6 @@ const styles = [
     :host([icon]) .icon-after {
       margin-left: 3px;
     }
-
-    .divider {
-      display: var(--vsc-divider-display, none);
-      background-color: transparent;
-      padding: 4px 0;
-      box-sizing: border-box;
-    }
-
-    :host(:hover) .divider,
-    :host(:focus) .divider {
-      background-color: var(--vscode-button-hoverBackground, #026ec1);
-    }
-
-    :host([secondary]) .divider {
-      background-color: var(--vscode-button-secondaryBackground, #313131);
-    }
-
-    :host([secondary]:hover) .divider,
-    :host([secondary]:focus) .divider {
-      background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c);
-    }
-
-    .divider > div {
-      background-color: var(
-        --vscode-button-separator,
-        rgba(255, 255, 255, 0.4)
-      );
-      height: 100%;
-      width: 1px;
-      margin: 0;
-    }
-
-    :host([secondary]) .divider > div {
-      background-color: var(--vscode-button-secondaryForeground, #cccccc);
-      opacity: 0.4;
-    }
   `,
 ];
 export default styles;

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

@@ -1 +1 @@
-{"version":3,"file":"vscode-button.styles.js","sourceRoot":"","sources":["../../src/vscode-button/vscode-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAkB,SAAS,EAAC,MAAM,KAAK,CAAC;AACnD,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,MAAM,gBAAgB,GAAG,SAAS,CAAC,mBAAmB,EAAE,CAAC,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;+CAsB0C,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8J5D;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup, unsafeCSS} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\nimport {getDefaultFontStack} from '../includes/helpers.js';\n\nconst defaultFontStack = unsafeCSS(getDefaultFontStack());\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  css`\n    :host {\n      cursor: pointer;\n      display: inline-block;\n      width: auto;\n    }\n\n    .root {\n      background-color: var(--vscode-button-background, #0078d4);\n      border-bottom-left-radius: var(--vsc-border-left-radius, 2px);\n      border-bottom-right-radius: var(--vsc-border-right-radius, 2px);\n      border-bottom-width: 1px;\n      border-color: var(--vscode-button-border, transparent);\n      border-left-width: var(--vsc-border-left-width, 1px);\n      border-right-width: var(--vsc-border-right-width, 1px);\n      border-style: solid;\n      border-top-left-radius: var(--vsc-border-left-radius, 2px);\n      border-top-right-radius: var(--vsc-border-right-radius, 2px);\n      border-top-width: 1px;\n      box-sizing: border-box;\n      color: var(--vscode-button-foreground, #ffffff);\n      display: inline-flex;\n      font-family: var(--vscode-font-family, ${defaultFontStack});\n      font-size: var(--vscode-font-size, 13px);\n      font-weight: var(--vscode-font-weight, normal);\n      line-height: 22px;\n      overflow: hidden;\n      padding: 0;\n      user-select: none;\n      white-space: nowrap;\n      width: 100%;\n    }\n\n    :host([secondary]) .root {\n      color: var(--vscode-button-secondaryForeground, #cccccc);\n      background-color: var(--vscode-button-secondaryBackground, #313131);\n      border-color: var(\n        --vscode-button-border,\n        var(--vscode-button-secondaryBackground, rgba(255, 255, 255, 0.07))\n      );\n    }\n\n    :host([disabled]) {\n      cursor: default;\n      opacity: 0.4;\n      pointer-events: none;\n    }\n\n    :host(:hover) .root {\n      background-color: var(--vscode-button-hoverBackground, #026ec1);\n    }\n\n    :host([disabled]:hover) .root {\n      background-color: var(--vscode-button-background, #0078d4);\n    }\n\n    :host([secondary]:hover) .root {\n      background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c);\n    }\n\n    :host([secondary][disabled]:hover) .root {\n      background-color: var(--vscode-button-secondaryBackground, #313131);\n    }\n\n    :host(:focus),\n    :host(:active) {\n      outline: none;\n    }\n\n    :host(:focus) .root {\n      background-color: var(--vscode-button-hoverBackground, #026ec1);\n      outline: 1px solid var(--vscode-focusBorder, #0078d4);\n      outline-offset: 2px;\n    }\n\n    :host([disabled]:focus) .root {\n      background-color: var(--vscode-button-background, #0078d4);\n      outline: 0;\n    }\n\n    :host([secondary]:focus) .root {\n      background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c);\n    }\n\n    :host([secondary][disabled]:focus) .root {\n      background-color: var(--vscode-button-secondaryBackground, #313131);\n    }\n\n    ::slotted(*) {\n      display: inline-block;\n      margin-left: 4px;\n      margin-right: 4px;\n    }\n\n    ::slotted(*:first-child) {\n      margin-left: 0;\n    }\n\n    ::slotted(*:last-child) {\n      margin-right: 0;\n    }\n\n    ::slotted(vscode-icon) {\n      color: inherit;\n    }\n\n    .content {\n      align-items: center;\n      box-sizing: border-box;\n      display: flex;\n      justify-content: center;\n      position: relative;\n      width: 100%;\n      height: 100%;\n      padding: 1px 13px;\n    }\n\n    :host(:empty) .content,\n    :host([icon-only]) .content {\n      min-height: 24px;\n      min-width: 16px;\n      padding: 1px 4px;\n    }\n\n    slot {\n      align-items: center;\n      display: flex;\n      height: 100%;\n    }\n\n    .icon,\n    .icon-after {\n      color: inherit;\n      display: block;\n    }\n\n    :host(:not(:empty)) .icon {\n      margin-right: 3px;\n    }\n\n    :host(:not(:empty)) .icon-after,\n    :host([icon]) .icon-after {\n      margin-left: 3px;\n    }\n\n    .divider {\n      display: var(--vsc-divider-display, none);\n      background-color: transparent;\n      padding: 4px 0;\n      box-sizing: border-box;\n    }\n\n    :host(:hover) .divider,\n    :host(:focus) .divider {\n      background-color: var(--vscode-button-hoverBackground, #026ec1);\n    }\n\n    :host([secondary]) .divider {\n      background-color: var(--vscode-button-secondaryBackground, #313131);\n    }\n\n    :host([secondary]:hover) .divider,\n    :host([secondary]:focus) .divider {\n      background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c);\n    }\n\n    .divider > div {\n      background-color: var(\n        --vscode-button-separator,\n        rgba(255, 255, 255, 0.4)\n      );\n      height: 100%;\n      width: 1px;\n      margin: 0;\n    }\n\n    :host([secondary]) .divider > div {\n      background-color: var(--vscode-button-secondaryForeground, #cccccc);\n      opacity: 0.4;\n    }\n  `,\n];\n\nexport default styles;\n"]}
+{"version":3,"file":"vscode-button.styles.js","sourceRoot":"","sources":["../../src/vscode-button/vscode-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAkB,SAAS,EAAC,MAAM,KAAK,CAAC;AACnD,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D,MAAM,gBAAgB,GAAG,SAAS,CAAC,mBAAmB,EAAE,CAAC,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;+CAuB0C,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsJ5D;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup, unsafeCSS} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\nimport {getDefaultFontStack} from '../includes/helpers.js';\n\nconst defaultFontStack = unsafeCSS(getDefaultFontStack());\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  css`\n    :host {\n      cursor: pointer;\n      display: inline-block;\n      width: auto;\n    }\n\n    .base {\n      align-items: center;\n      background-color: var(--vscode-button-background, #0078d4);\n      border-bottom-left-radius: var(--vsc-border-left-radius, 2px);\n      border-bottom-right-radius: var(--vsc-border-right-radius, 2px);\n      border-bottom-width: 1px;\n      border-color: var(--vscode-button-border, transparent);\n      border-left-width: var(--vsc-border-left-width, 1px);\n      border-right-width: var(--vsc-border-right-width, 1px);\n      border-style: solid;\n      border-top-left-radius: var(--vsc-border-left-radius, 2px);\n      border-top-right-radius: var(--vsc-border-right-radius, 2px);\n      border-top-width: 1px;\n      box-sizing: border-box;\n      color: var(--vscode-button-foreground, #ffffff);\n      display: flex;\n      font-family: var(--vscode-font-family, ${defaultFontStack});\n      font-size: var(--vscode-font-size, 13px);\n      font-weight: var(--vscode-font-weight, normal);\n      height: 100%;\n      justify-content: center;\n      line-height: 22px;\n      overflow: hidden;\n      padding: 1px calc(13px + var(--vsc-base-additional-right-padding, 0px))\n        1px 13px;\n      position: relative;\n      user-select: none;\n      white-space: nowrap;\n      width: 100%;\n    }\n\n    .base:after {\n      background-color: var(\n        --vscode-button-separator,\n        rgba(255, 255, 255, 0.4)\n      );\n      content: var(--vsc-base-after-content);\n      display: var(--vsc-divider-display, none);\n      position: absolute;\n      right: 0;\n      top: 4px;\n      bottom: 4px;\n      width: 1px;\n    }\n\n    :host([secondary]) .base:after {\n      background-color: var(--vscode-button-secondaryForeground, #cccccc);\n      opacity: 0.4;\n    }\n\n    :host([secondary]) .base {\n      color: var(--vscode-button-secondaryForeground, #cccccc);\n      background-color: var(--vscode-button-secondaryBackground, #313131);\n      border-color: var(\n        --vscode-button-border,\n        var(--vscode-button-secondaryBackground, rgba(255, 255, 255, 0.07))\n      );\n    }\n\n    :host([disabled]) {\n      cursor: default;\n      opacity: 0.4;\n      pointer-events: none;\n    }\n\n    :host(:hover) .base {\n      background-color: var(--vscode-button-hoverBackground, #026ec1);\n    }\n\n    :host([disabled]:hover) .base {\n      background-color: var(--vscode-button-background, #0078d4);\n    }\n\n    :host([secondary]:hover) .base {\n      background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c);\n    }\n\n    :host([secondary][disabled]:hover) .base {\n      background-color: var(--vscode-button-secondaryBackground, #313131);\n    }\n\n    :host(:focus),\n    :host(:active) {\n      outline: none;\n    }\n\n    :host(:focus) .base {\n      background-color: var(--vscode-button-hoverBackground, #026ec1);\n      outline: 1px solid var(--vscode-focusBorder, #0078d4);\n      outline-offset: 2px;\n    }\n\n    :host([disabled]:focus) .base {\n      background-color: var(--vscode-button-background, #0078d4);\n      outline: 0;\n    }\n\n    :host([secondary]:focus) .base {\n      background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c);\n    }\n\n    :host([secondary][disabled]:focus) .base {\n      background-color: var(--vscode-button-secondaryBackground, #313131);\n    }\n\n    ::slotted(*) {\n      display: inline-block;\n      margin-left: 4px;\n      margin-right: 4px;\n    }\n\n    ::slotted(*:first-child) {\n      margin-left: 0;\n    }\n\n    ::slotted(*:last-child) {\n      margin-right: 0;\n    }\n\n    ::slotted(vscode-icon) {\n      color: inherit;\n    }\n\n    .content {\n      display: flex;\n      position: relative;\n      width: 100%;\n      height: 100%;\n      padding: 1px 13px;\n    }\n\n    :host(:empty) .base,\n    .base.icon-only {\n      min-height: 24px;\n      min-width: 26px;\n      padding: 1px 4px;\n    }\n\n    slot {\n      align-items: center;\n      display: flex;\n      height: 100%;\n    }\n\n    .has-content-before slot[name='content-before'] {\n      margin-right: 4px;\n    }\n\n    .has-content-after slot[name='content-after'] {\n      margin-left: 4px;\n    }\n\n    .icon,\n    .icon-after {\n      color: inherit;\n      display: block;\n    }\n\n    :host(:not(:empty)) .icon {\n      margin-right: 3px;\n    }\n\n    :host(:not(:empty)) .icon-after,\n    :host([icon]) .icon-after {\n      margin-left: 3px;\n    }\n  `,\n];\n\nexport default styles;\n"]}

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

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

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

@@ -21,6 +21,8 @@ const styles = [
 
     ::slotted(vscode-button:not(:last-child)) {
       --vsc-divider-display: block;
+      --vsc-base-additional-right-padding: 1px;
+      --vsc-base-after-content: '';
       --vsc-border-right-width: 0;
       --vsc-border-right-radius: 0;
       --vsc-border-right-width: 0;

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

@@ -1 +1 @@
-{"version":3,"file":"vscode-button-group.styles.js","sourceRoot":"","sources":["../../src/vscode-button-group/vscode-button-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AAExC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\n\nimport defaultStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  css`\n    :host {\n      display: inline-block;\n    }\n\n    .root {\n      align-items: stretch;\n      display: flex;\n      width: 100%;\n    }\n\n    ::slotted(vscode-button:not(:first-child)) {\n      --vsc-border-left-width: 0;\n      --vsc-border-left-radius: 0;\n      --vsc-border-left-width: 0;\n    }\n\n    ::slotted(vscode-button:not(:last-child)) {\n      --vsc-divider-display: block;\n      --vsc-border-right-width: 0;\n      --vsc-border-right-radius: 0;\n      --vsc-border-right-width: 0;\n    }\n\n    ::slotted(vscode-button:focus) {\n      z-index: 1;\n    }\n\n    ::slotted(vscode-button:not(:empty)) {\n      width: 100%;\n    }\n  `,\n];\n\nexport default styles;\n"]}
+{"version":3,"file":"vscode-button-group.styles.js","sourceRoot":"","sources":["../../src/vscode-button-group/vscode-button-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AAExC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\n\nimport defaultStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  css`\n    :host {\n      display: inline-block;\n    }\n\n    .root {\n      align-items: stretch;\n      display: flex;\n      width: 100%;\n    }\n\n    ::slotted(vscode-button:not(:first-child)) {\n      --vsc-border-left-width: 0;\n      --vsc-border-left-radius: 0;\n      --vsc-border-left-width: 0;\n    }\n\n    ::slotted(vscode-button:not(:last-child)) {\n      --vsc-divider-display: block;\n      --vsc-base-additional-right-padding: 1px;\n      --vsc-base-after-content: '';\n      --vsc-border-right-width: 0;\n      --vsc-border-right-radius: 0;\n      --vsc-border-right-width: 0;\n    }\n\n    ::slotted(vscode-button:focus) {\n      z-index: 1;\n    }\n\n    ::slotted(vscode-button:not(:empty)) {\n      width: 100%;\n    }\n  `,\n];\n\nexport default styles;\n"]}