@vscode-elements/elements 2.2.0 → 2.3.1-pre.0

package/dist/includes/VscElement.js

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-const VERSION = '2.2.0';
+const VERSION = '2.3.1-pre.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,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.2.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,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.3.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"]}

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-progress-bar/index.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,45 @@
+import { TemplateResult } from 'lit';
+import { VscElement } from '../includes/VscElement.js';
+/**
+ * @tag vscode-progress-bar
+ *
+ * @cssprop [--vscode-progressBar-background=#0078d4]
+ */
+export declare class VscodeProgressBar extends VscElement {
+    static styles: import("lit").CSSResultGroup;
+    /**
+     * @internal
+     */
+    ariaLabel: string;
+    /**
+     * Current value for determinate mode. If undefined/NaN, the bar is indeterminate.
+     */
+    value?: number;
+    /**
+     * Maximum value for determinate mode.
+     */
+    max: number;
+    /**
+     * Force indeterminate mode even if value is set.
+     */
+    indeterminate: boolean;
+    /**
+     * Switch to a gentler animation after this many ms in indeterminate mode.
+     */
+    longRunningThreshold: number;
+    private _longRunning;
+    private _longRunningHandle;
+    private get _isDeterminate();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected willUpdate(): void;
+    render(): TemplateResult;
+    private _maybeStartLongRunningTimer;
+    private _clearLongRunningTimer;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'vscode-progress-bar': VscodeProgressBar;
+    }
+}
+//# sourceMappingURL=vscode-progress-bar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-progress-bar.d.ts","sourceRoot":"","sources":["../../src/vscode-progress-bar/vscode-progress-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAO,MAAM,KAAK,CAAC;AAGzC,OAAO,EAAgB,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAKpE;;;;GAIG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,+BAAU;IAEhC;;OAEG;IAEM,SAAS,SAAa;IAE/B;;OAEG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IAEH,GAAG,SAAO;IAEV;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,oBAAoB,SAAS;IAG7B,OAAO,CAAC,YAAY,CAAS;IAE7B,OAAO,CAAC,kBAAkB,CAA4C;IAEtE,OAAO,KAAK,cAAc,GAMzB;IAEQ,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;cAKlB,UAAU,IAAI,IAAI;IAI5B,MAAM,IAAI,cAAc;IAsCjC,OAAO,CAAC,2BAA2B;IAoBnC,OAAO,CAAC,sBAAsB;CAM/B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}

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

@@ -0,0 +1,135 @@
+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 { property, state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { customElement, VscElement } from '../includes/VscElement.js';
+import styles from './vscode-progress-bar.styles.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { stylePropertyMap } from '../includes/style-property-map.js';
+/**
+ * @tag vscode-progress-bar
+ *
+ * @cssprop [--vscode-progressBar-background=#0078d4]
+ */
+let VscodeProgressBar = class VscodeProgressBar extends VscElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * @internal
+         */
+        this.ariaLabel = 'Loading';
+        /**
+         * Maximum value for determinate mode.
+         */
+        this.max = 100;
+        /**
+         * Force indeterminate mode even if value is set.
+         */
+        this.indeterminate = false;
+        /**
+         * Switch to a gentler animation after this many ms in indeterminate mode.
+         */
+        this.longRunningThreshold = 15000;
+        this._longRunning = false;
+    }
+    get _isDeterminate() {
+        return (!this.indeterminate &&
+            typeof this.value === 'number' &&
+            isFinite(this.value));
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._maybeStartLongRunningTimer();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._clearLongRunningTimer();
+    }
+    willUpdate() {
+        this._maybeStartLongRunningTimer();
+    }
+    render() {
+        const max = this.max > 0 ? this.max : 100;
+        const clamped = this._isDeterminate
+            ? Math.min(Math.max(this.value ?? 0, 0), max)
+            : 0;
+        const percent = this._isDeterminate ? (clamped / max) * 100 : 0;
+        const containerClasses = {
+            container: true,
+            discrete: this._isDeterminate,
+            infinite: !this._isDeterminate,
+            'infinite-long-running': this._longRunning && !this._isDeterminate,
+        };
+        return html `
+      <div
+        class=${classMap(containerClasses)}
+        part="container"
+        role="progressbar"
+        aria-label=${this.ariaLabel}
+        aria-valuemin="0"
+        aria-valuemax=${String(max)}
+        aria-valuenow=${ifDefined(this._isDeterminate ? String(Math.round(clamped)) : undefined)}
+      >
+        <div class="track" part="track"></div>
+        <div
+          class="indicator"
+          part="indicator"
+          .style=${stylePropertyMap({
+            width: this._isDeterminate ? `${percent}%` : undefined,
+        })}
+        ></div>
+      </div>
+    `;
+    }
+    _maybeStartLongRunningTimer() {
+        const shouldRun = !this._isDeterminate && this.longRunningThreshold > 0 && this.isConnected;
+        if (!shouldRun) {
+            this._clearLongRunningTimer();
+            this._longRunning = false;
+            return;
+        }
+        if (this._longRunningHandle) {
+            return; // already scheduled
+        }
+        this._longRunningHandle = setTimeout(() => {
+            this._longRunning = true;
+            this._longRunningHandle = undefined;
+            this.requestUpdate();
+        }, this.longRunningThreshold);
+    }
+    _clearLongRunningTimer() {
+        if (this._longRunningHandle) {
+            clearTimeout(this._longRunningHandle);
+            this._longRunningHandle = undefined;
+        }
+    }
+};
+VscodeProgressBar.styles = styles;
+__decorate([
+    property({ reflect: true, attribute: 'aria-label' })
+], VscodeProgressBar.prototype, "ariaLabel", void 0);
+__decorate([
+    property({ type: Number, reflect: true })
+], VscodeProgressBar.prototype, "value", void 0);
+__decorate([
+    property({ type: Number, reflect: true })
+], VscodeProgressBar.prototype, "max", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], VscodeProgressBar.prototype, "indeterminate", void 0);
+__decorate([
+    property({ type: Number, attribute: 'long-running-threshold' })
+], VscodeProgressBar.prototype, "longRunningThreshold", void 0);
+__decorate([
+    state()
+], VscodeProgressBar.prototype, "_longRunning", void 0);
+VscodeProgressBar = __decorate([
+    customElement('vscode-progress-bar')
+], VscodeProgressBar);
+export { VscodeProgressBar };
+//# sourceMappingURL=vscode-progress-bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-progress-bar.js","sourceRoot":"","sources":["../../src/vscode-progress-bar/vscode-progress-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import {TemplateResult, html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-progress-bar.styles.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {stylePropertyMap} from '../includes/style-property-map.js';\n\n/**\n * @tag vscode-progress-bar\n *\n * @cssprop [--vscode-progressBar-background=#0078d4]\n */\n@customElement('vscode-progress-bar')\nexport class VscodeProgressBar extends VscElement {\n  static override styles = styles;\n\n  /**\n   * @internal\n   */\n  @property({reflect: true, attribute: 'aria-label'})\n  override ariaLabel = 'Loading';\n\n  /**\n   * Current value for determinate mode. If undefined/NaN, the bar is indeterminate.\n   */\n  @property({type: Number, reflect: true})\n  value?: number;\n\n  /**\n   * Maximum value for determinate mode.\n   */\n  @property({type: Number, reflect: true})\n  max = 100;\n\n  /**\n   * Force indeterminate mode even if value is set.\n   */\n  @property({type: Boolean, reflect: true})\n  indeterminate = false;\n\n  /**\n   * Switch to a gentler animation after this many ms in indeterminate mode.\n   */\n  @property({type: Number, attribute: 'long-running-threshold'})\n  longRunningThreshold = 15000;\n\n  @state()\n  private _longRunning = false;\n\n  private _longRunningHandle: ReturnType<typeof setTimeout> | undefined;\n\n  private get _isDeterminate(): boolean {\n    return (\n      !this.indeterminate &&\n      typeof this.value === 'number' &&\n      isFinite(this.value)\n    );\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._maybeStartLongRunningTimer();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._clearLongRunningTimer();\n  }\n\n  protected override willUpdate(): void {\n    this._maybeStartLongRunningTimer();\n  }\n\n  override render(): TemplateResult {\n    const max = this.max > 0 ? this.max : 100;\n    const clamped = this._isDeterminate\n      ? Math.min(Math.max(this.value ?? 0, 0), max)\n      : 0;\n    const percent = this._isDeterminate ? (clamped / max) * 100 : 0;\n\n    const containerClasses = {\n      container: true,\n      discrete: this._isDeterminate,\n      infinite: !this._isDeterminate,\n      'infinite-long-running': this._longRunning && !this._isDeterminate,\n    };\n\n    return html`\n      <div\n        class=${classMap(containerClasses)}\n        part=\"container\"\n        role=\"progressbar\"\n        aria-label=${this.ariaLabel}\n        aria-valuemin=\"0\"\n        aria-valuemax=${String(max)}\n        aria-valuenow=${ifDefined(\n          this._isDeterminate ? String(Math.round(clamped)) : undefined\n        )}\n      >\n        <div class=\"track\" part=\"track\"></div>\n        <div\n          class=\"indicator\"\n          part=\"indicator\"\n          .style=${stylePropertyMap({\n            width: this._isDeterminate ? `${percent}%` : undefined,\n          })}\n        ></div>\n      </div>\n    `;\n  }\n\n  private _maybeStartLongRunningTimer(): void {\n    const shouldRun =\n      !this._isDeterminate && this.longRunningThreshold > 0 && this.isConnected;\n    if (!shouldRun) {\n      this._clearLongRunningTimer();\n      this._longRunning = false;\n      return;\n    }\n\n    if (this._longRunningHandle) {\n      return; // already scheduled\n    }\n\n    this._longRunningHandle = setTimeout(() => {\n      this._longRunning = true;\n      this._longRunningHandle = undefined;\n      this.requestUpdate();\n    }, this.longRunningThreshold);\n  }\n\n  private _clearLongRunningTimer(): void {\n    if (this._longRunningHandle) {\n      clearTimeout(this._longRunningHandle);\n      this._longRunningHandle = undefined;\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-progress-bar': VscodeProgressBar;\n  }\n}\n"]}

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

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

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

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

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

@@ -0,0 +1,82 @@
+import { css } from 'lit';
+import defaultStyles from '../includes/default.styles.js';
+const styles = [
+    defaultStyles,
+    css `
+    :host {
+      display: block;
+      height: 2px;
+      width: 100%;
+      outline: none;
+    }
+
+    .container {
+      position: relative;
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+    }
+
+    .track {
+      position: absolute;
+      inset: 0;
+      background: transparent;
+    }
+
+    .indicator {
+      position: absolute;
+      left: 0;
+      top: 0;
+      bottom: 0;
+      height: 100%;
+      background: var(--vscode-progressBar-background, #0078d4);
+      will-change: transform, width, left;
+    }
+
+    /* Determinate mode: width is set inline via style attribute */
+    .discrete .indicator {
+      transition: width 100ms linear;
+    }
+
+    /* Indeterminate mode: VS Code style progress bit */
+    .infinite .indicator {
+      width: 2%;
+      animation-name: progress;
+      animation-duration: 4s;
+      animation-iteration-count: infinite;
+      animation-timing-function: linear;
+      transform: translate3d(0px, 0px, 0px);
+    }
+
+    /* Long running: reduce GPU pressure using stepped animation */
+    .infinite.infinite-long-running .indicator {
+      animation-timing-function: steps(100);
+    }
+
+    /* Keyframes adapted from VS Code */
+    @keyframes progress {
+      from {
+        transform: translateX(0%) scaleX(1);
+      }
+      50% {
+        transform: translateX(2500%) scaleX(3);
+      }
+      to {
+        transform: translateX(4900%) scaleX(1);
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      .discrete .indicator {
+        transition: none;
+      }
+      .infinite .indicator,
+      .infinite-long-running .indicator {
+        animation: none;
+        width: 100%;
+      }
+    }
+  `,
+];
+export default styles;
+//# sourceMappingURL=vscode-progress-bar.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-progress-bar.styles.js","sourceRoot":"","sources":["../../src/vscode-progress-bar/vscode-progress-bar.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0EF;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: block;\n      height: 2px;\n      width: 100%;\n      outline: none;\n    }\n\n    .container {\n      position: relative;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n\n    .track {\n      position: absolute;\n      inset: 0;\n      background: transparent;\n    }\n\n    .indicator {\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      height: 100%;\n      background: var(--vscode-progressBar-background, #0078d4);\n      will-change: transform, width, left;\n    }\n\n    /* Determinate mode: width is set inline via style attribute */\n    .discrete .indicator {\n      transition: width 100ms linear;\n    }\n\n    /* Indeterminate mode: VS Code style progress bit */\n    .infinite .indicator {\n      width: 2%;\n      animation-name: progress;\n      animation-duration: 4s;\n      animation-iteration-count: infinite;\n      animation-timing-function: linear;\n      transform: translate3d(0px, 0px, 0px);\n    }\n\n    /* Long running: reduce GPU pressure using stepped animation */\n    .infinite.infinite-long-running .indicator {\n      animation-timing-function: steps(100);\n    }\n\n    /* Keyframes adapted from VS Code */\n    @keyframes progress {\n      from {\n        transform: translateX(0%) scaleX(1);\n      }\n      50% {\n        transform: translateX(2500%) scaleX(3);\n      }\n      to {\n        transform: translateX(4900%) scaleX(1);\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .discrete .indicator {\n        transition: none;\n      }\n      .infinite .indicator,\n      .infinite-long-running .indicator {\n        animation: none;\n        width: 100%;\n      }\n    }\n  `,\n];\n\nexport default styles;\n"]}

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

@@ -42,39 +42,36 @@ export declare class VscodeRadio extends VscodeRadio_base implements AssociatedF
      * Name which is used as a variable name in the data of the form-container.
      */
     name: string;
+    /** @internal */
+    type: string;
     value: string;
     disabled: boolean;
     required: boolean;
     /** @internal */
-    role: string;
-    /** @internal */
     tabIndex: number;
+    get form(): HTMLFormElement | null;
+    get validity(): ValidityState;
+    get validationMessage(): string;
+    get willValidate(): boolean;
     private _slottedText;
     private _inputEl;
     private _internals;
     constructor();
     connectedCallback(): void;
-    disconnectedCallback(): void;
     update(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
-    get form(): HTMLFormElement | null;
-    /** @internal */
-    type: string;
-    get validity(): ValidityState;
-    get validationMessage(): string;
-    get willValidate(): boolean;
     checkValidity(): boolean;
     reportValidity(): boolean;
     /** @internal */
     formResetCallback(): void;
     /** @internal */
     formStateRestoreCallback(state: string, _mode: 'restore' | 'autocomplete'): void;
-    private _getRadios;
-    private _uncheckOthers;
-    private _checkButton;
     /**
      * @internal
      */
     setComponentValidity(isValid: boolean): void;
+    private _getRadios;
+    private _uncheckOthers;
+    private _checkButton;
     private _setGroupValidity;
     private _setActualFormValue;
     private _handleValueChange;

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

@@ -1 +1 @@
-{"version":3,"file":"vscode-radio.d.ts","sourceRoot":"","sources":["../../src/vscode-radio/vscode-radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,gBAAgB,EAAE,cAAc,EAAC,MAAM,KAAK,CAAC;AAIvE,OAAO,EAAC,oBAAoB,EAAC,MAAM,wDAAwD,CAAC;AAG5F,OAAO,EAAC,qBAAqB,EAAC,MAAM,sCAAsC,CAAC;;AAE3E;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBACa,WACX,SAAQ,gBACR,YAAW,qBAAqB;IAEhC,OAAgB,MAAM,+BAAU;IAEhC,gBAAgB;IAChB,MAAM,CAAC,cAAc,UAAQ;IAE7B,gBAAgB;IAChB,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAGO,SAAS,UAAS;IAG3B,OAAO,UAAS;IAGhB,cAAc,UAAS;IAGvB,OAAO,UAAS;IAEhB;;OAEG;IAEH,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAEjB,gBAAgB;IAEP,IAAI,SAAW;IAExB,gBAAgB;IAEP,QAAQ,SAAK;IAGtB,OAAO,CAAC,YAAY,CAAM;IAG1B,OAAO,CAAC,QAAQ,CAAoB;IAEpC,OAAO,CAAC,UAAU,CAAmB;;IAO5B,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAO5B,MAAM,CAEb,iBAAiB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GACnE,IAAI;IAYP,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAED,gBAAgB;IAEhB,IAAI,SAAW;IAEf,IAAI,QAAQ,IAAI,aAAa,CAE5B;IAED,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAED,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED,aAAa,IAAI,OAAO;IAIxB,cAAc,IAAI,OAAO;IAIzB,gBAAgB;IAChB,iBAAiB,IAAI,IAAI;IAYzB,gBAAgB;IAChB,wBAAwB,CACtB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,SAAS,GAAG,cAAc,GAChC,IAAI;IAMP,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,YAAY;IAWpB;;OAEG;IACH,oBAAoB,CAAC,OAAO,EAAE,OAAO;IAcrC,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,kBAAkB;IAmB1B,OAAO,CAAC,YAAY,CAUlB;IAEF,SAAS,CAAC,cAAc,GAAI,IAAI,aAAa,KAAG,IAAI,CAclD;IAEO,MAAM,IAAI,cAAc;CA+BlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
+{"version":3,"file":"vscode-radio.d.ts","sourceRoot":"","sources":["../../src/vscode-radio/vscode-radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,gBAAgB,EAAE,cAAc,EAAC,MAAM,KAAK,CAAC;AAIvE,OAAO,EAAC,oBAAoB,EAAC,MAAM,wDAAwD,CAAC;AAG5F,OAAO,EAAC,qBAAqB,EAAC,MAAM,sCAAsC,CAAC;;AAE3E;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBACa,WACX,SAAQ,gBACR,YAAW,qBAAqB;IAEhC,OAAgB,MAAM,+BAAU;IAEhC,gBAAgB;IAChB,MAAM,CAAC,cAAc,UAAQ;IAE7B,gBAAgB;IAChB,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAKO,SAAS,UAAS;IAG3B,OAAO,UAAS;IAGhB,cAAc,UAAS;IAGvB,OAAO,UAAS;IAEhB;;OAEG;IAEH,IAAI,SAAM;IAEV,gBAAgB;IAEhB,IAAI,SAAW;IAGf,KAAK,SAAM;IAGX,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAEjB,gBAAgB;IAEP,QAAQ,SAAK;IAEtB,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAED,IAAI,QAAQ,IAAI,aAAa,CAE5B;IAED,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAED,IAAI,YAAY,IAAI,OAAO,CAE1B;IAOD,OAAO,CAAC,YAAY,CAAM;IAG1B,OAAO,CAAC,QAAQ,CAAoB;IAEpC,OAAO,CAAC,UAAU,CAAmB;;IAc5B,iBAAiB,IAAI,IAAI;IAMzB,MAAM,CAEb,iBAAiB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GACnE,IAAI;IAgBP,aAAa,IAAI,OAAO;IAIxB,cAAc,IAAI,OAAO;IAIzB,gBAAgB;IAChB,iBAAiB,IAAI,IAAI;IAYzB,gBAAgB;IAChB,wBAAwB,CACtB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,SAAS,GAAG,cAAc,GAChC,IAAI;IAMP;;OAEG;IACH,oBAAoB,CAAC,OAAO,EAAE,OAAO;IAkBrC,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,mBAAmB;IAgB3B,OAAO,CAAC,kBAAkB;IAmB1B,OAAO,CAAC,YAAY,CAUlB;IAEF,SAAS,CAAC,cAAc,GAAI,IAAI,aAAa,KAAG,IAAI,CAclD;IAIO,MAAM,IAAI,cAAc;CA+BlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/dist/vscode-radio/vscode-radio.js

@@ -38,8 +38,23 @@ import styles from './vscode-radio.styles.js';
  * @cssprop [--vscode-inputValidation-errorBorder=#be1100]
  */
 let VscodeRadio = class VscodeRadio extends LabelledCheckboxOrRadioMixin(FormButtonWidgetBase) {
+    get form() {
+        return this._internals.form;
+    }
+    get validity() {
+        return this._internals.validity;
+    }
+    get validationMessage() {
+        return this._internals.validationMessage;
+    }
+    get willValidate() {
+        return this._internals.willValidate;
+    }
+    //#endregion
+    //#region lifecycle methods
     constructor() {
         super();
+        //#region properties
         this.autofocus = false;
         this.checked = false;
         this.defaultChecked = false;
@@ -48,16 +63,16 @@ let VscodeRadio = class VscodeRadio extends LabelledCheckboxOrRadioMixin(FormBut
          * Name which is used as a variable name in the data of the form-container.
          */
         this.name = '';
+        /** @internal */
+        this.type = 'radio';
         this.value = '';
         this.disabled = false;
         this.required = false;
         /** @internal */
-        this.role = 'radio';
-        /** @internal */
         this.tabIndex = 0;
+        //#endregion
+        //#region private variables
         this._slottedText = '';
-        /** @internal */
-        this.type = 'radio';
         this._handleClick = () => {
             if (this.disabled) {
                 return;
@@ -82,18 +97,13 @@ let VscodeRadio = class VscodeRadio extends LabelledCheckboxOrRadioMixin(FormBut
             }
         };
         this._internals = this.attachInternals();
+        this.addEventListener('keydown', this._handleKeyDown);
+        this.addEventListener('click', this._handleClick);
     }
     connectedCallback() {
         super.connectedCallback();
-        this.addEventListener('keydown', this._handleKeyDown);
-        this.addEventListener('click', this._handleClick);
         this._handleValueChange();
     }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.removeEventListener('keydown', this._handleKeyDown);
-        this.removeEventListener('click', this._handleClick);
-    }
     update(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     changedProperties) {
@@ -105,18 +115,8 @@ let VscodeRadio = class VscodeRadio extends LabelledCheckboxOrRadioMixin(FormBut
             this._handleValueChange();
         }
     }
-    get form() {
-        return this._internals.form;
-    }
-    get validity() {
-        return this._internals.validity;
-    }
-    get validationMessage() {
-        return this._internals.validationMessage;
-    }
-    get willValidate() {
-        return this._internals.willValidate;
-    }
+    //#endregion
+    //#region public methods
     checkValidity() {
         return this._internals.checkValidity();
     }
@@ -139,6 +139,21 @@ let VscodeRadio = class VscodeRadio extends LabelledCheckboxOrRadioMixin(FormBut
             this.checked = true;
         }
     }
+    /**
+     * @internal
+     */
+    setComponentValidity(isValid) {
+        if (isValid) {
+            this._internals.setValidity({});
+        }
+        else {
+            this._internals.setValidity({
+                valueMissing: true,
+            }, 'Please select one of these options.', this._inputEl);
+        }
+    }
+    //#endregion
+    //#region private methods
     _getRadios() {
         const root = this.getRootNode({ composed: true });
         if (!root) {
@@ -163,19 +178,6 @@ let VscodeRadio = class VscodeRadio extends LabelledCheckboxOrRadioMixin(FormBut
             }
         });
     }
-    /**
-     * @internal
-     */
-    setComponentValidity(isValid) {
-        if (isValid) {
-            this._internals.setValidity({});
-        }
-        else {
-            this._internals.setValidity({
-                valueMissing: true,
-            }, 'Please select one of these options.', this._inputEl);
-        }
-    }
     _setGroupValidity(radios, isValid) {
         this.updateComplete.then(() => {
             radios.forEach((r) => {
@@ -193,6 +195,8 @@ let VscodeRadio = class VscodeRadio extends LabelledCheckboxOrRadioMixin(FormBut
         }
         this._internals.setFormValue(actualValue);
     }
+    //#endregion
+    //#region  event handlers
     _handleValueChange() {
         const radios = this._getRadios();
         const anyRequired = radios.some((r) => {
@@ -209,6 +213,7 @@ let VscodeRadio = class VscodeRadio extends LabelledCheckboxOrRadioMixin(FormBut
             this._setGroupValidity(radios, !isInvalid);
         }
     }
+    //#endregion
     render() {
         const iconClasses = classMap({
             icon: true,
@@ -263,6 +268,9 @@ __decorate([
 __decorate([
     property({ reflect: true })
 ], VscodeRadio.prototype, "name", void 0);
+__decorate([
+    property()
+], VscodeRadio.prototype, "type", void 0);
 __decorate([
     property()
 ], VscodeRadio.prototype, "value", void 0);
@@ -272,9 +280,6 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], VscodeRadio.prototype, "required", void 0);
-__decorate([
-    property({ reflect: true })
-], VscodeRadio.prototype, "role", void 0);
 __decorate([
     property({ type: Number, reflect: true })
 ], VscodeRadio.prototype, "tabIndex", void 0);
@@ -284,9 +289,6 @@ __decorate([
 __decorate([
     query('#input')
 ], VscodeRadio.prototype, "_inputEl", void 0);
-__decorate([
-    property()
-], VscodeRadio.prototype, "type", void 0);
 VscodeRadio = __decorate([
     customElement('vscode-radio')
 ], VscodeRadio);