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

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

@@ -1,4 +1,4 @@
-import { PropertyValueMap, TemplateResult } from 'lit';
+import { TemplateResult } from 'lit';
 import { FormButtonWidgetBase } from '../includes/form-button-widget/FormButtonWidgetBase.js';
 import { AssociatedFormControl } from '../includes/AssociatedFormControl.js';
 declare const VscodeCheckbox_base: (new (...args: any[]) => import("../includes/form-button-widget/LabelledCheckboxOrRadio.js").LabelledCheckboxOrRadioInterface) & typeof FormButtonWidgetBase;
@@ -50,6 +50,10 @@ export declare class VscodeCheckbox extends VscodeCheckbox_base implements Assoc
     defaultChecked: boolean;
     invalid: boolean;
     name: string | undefined;
+    /**
+     * When true, renders as a toggle switch instead of a checkbox.
+     */
+    toggle: boolean;
     /**
      * Associate a value to the checkbox. According to the native checkbox [specification](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value_2), If the component participates in a form:
      *
@@ -87,7 +91,6 @@ export declare class VscodeCheckbox extends VscodeCheckbox_base implements Assoc
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
-    update(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     /** @internal */
     formResetCallback(): void;
     /** @internal */

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

@@ -1 +1 @@
-{"version":3,"file":"vscode-checkbox.d.ts","sourceRoot":"","sources":["../../src/vscode-checkbox/vscode-checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,gBAAgB,EAAE,cAAc,EAAC,MAAM,KAAK,CAAC;AAIhF,OAAO,EAAC,oBAAoB,EAAC,MAAM,wDAAwD,CAAC;AAG5F,OAAO,EAAC,qBAAqB,EAAC,MAAM,sCAAsC,CAAC;;AAE3E;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBACa,cACX,SAAQ,mBACR,YAAW,qBAAqB;IAEhC,OAAgB,MAAM,+BAAU;IAEhC,gBAAgB;IAChB,MAAM,CAAC,cAAc,UAAQ;IAE7B,gBAAgB;IAChB,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEF;;;;OAIG;IAEM,SAAS,UAAS;IAE3B,IACI,OAAO,CAAC,MAAM,EAAE,OAAO,EAI1B;IACD,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,OAAO,CAAC,QAAQ,CAAS;IAEzB;;OAEG;IAEH,cAAc,UAAS;IAGvB,OAAO,UAAS;IAGhB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC;;;;;;OAMG;IAEH,KAAK,SAAM;IAGX,QAAQ,UAAS;IAGjB,aAAa,UAAS;IAEtB,IACI,QAAQ,CAAC,MAAM,EAAE,OAAO,EAI3B;IACD,IAAI,QAAQ,IALS,OAAO,CAO3B;IACD,OAAO,CAAC,SAAS,CAAS;IAE1B,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAED,gBAAgB;IAEhB,IAAI,SAAc;IAElB,IAAI,QAAQ,IAAI,aAAa,CAE5B;IAED,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAED,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED;;;;;OAKG;IACH,aAAa,IAAI,OAAO;IAIxB;;;;;;OAMG;IACH,cAAc,IAAI,OAAO;;IAShB,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;IAI5B,MAAM,CAEb,iBAAiB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GACnE,IAAI;IAQP,gBAAgB;IAChB,iBAAiB,IAAI,IAAI;IAIzB,gBAAgB;IAChB,wBAAwB,CACtB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,SAAS,GAAG,cAAc,GAChC,IAAI;IAOP,OAAO,CAAC,QAAQ,CAAoB;IAEpC,OAAO,CAAC,UAAU,CAAmB;IAOrC,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,YAAY,CAQlB;IAEF,OAAO,CAAC,cAAc,CAYpB;IAEF,OAAO,CAAC,eAAe;IAcd,MAAM,IAAI,cAAc;CAiDlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}
+{"version":3,"file":"vscode-checkbox.d.ts","sourceRoot":"","sources":["../../src/vscode-checkbox/vscode-checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,cAAc,EAAC,MAAM,KAAK,CAAC;AAK9D,OAAO,EAAC,oBAAoB,EAAC,MAAM,wDAAwD,CAAC;AAG5F,OAAO,EAAC,qBAAqB,EAAC,MAAM,sCAAsC,CAAC;;AAE3E;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBACa,cACX,SAAQ,mBACR,YAAW,qBAAqB;IAEhC,OAAgB,MAAM,+BAAU;IAEhC,gBAAgB;IAChB,MAAM,CAAC,cAAc,UAAQ;IAE7B,gBAAgB;IAChB,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEF;;;;OAIG;IAEM,SAAS,UAAS;IAE3B,IACI,OAAO,CAAC,MAAM,EAAE,OAAO,EAI1B;IACD,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,OAAO,CAAC,QAAQ,CAAS;IAEzB;;OAEG;IAEH,cAAc,UAAS;IAGvB,OAAO,UAAS;IAGhB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC;;OAEG;IAEH,MAAM,UAAS;IAEf;;;;;;OAMG;IAEH,KAAK,SAAM;IAGX,QAAQ,UAAS;IAGjB,aAAa,UAAS;IAEtB,IACI,QAAQ,CAAC,MAAM,EAAE,OAAO,EAI3B;IACD,IAAI,QAAQ,IALS,OAAO,CAO3B;IACD,OAAO,CAAC,SAAS,CAAS;IAE1B,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAED,gBAAgB;IAEhB,IAAI,SAAc;IAElB,IAAI,QAAQ,IAAI,aAAa,CAE5B;IAED,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAED,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED;;;;;OAKG;IACH,aAAa,IAAI,OAAO;IAIxB;;;;;;OAMG;IACH,cAAc,IAAI,OAAO;;IAShB,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;IAIrC,gBAAgB;IAChB,iBAAiB,IAAI,IAAI;IAIzB,gBAAgB;IAChB,wBAAwB,CACtB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,SAAS,GAAG,cAAc,GAChC,IAAI;IAOP,OAAO,CAAC,QAAQ,CAAoB;IAEpC,OAAO,CAAC,UAAU,CAAmB;IAOrC,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,YAAY,CAQlB;IAEF,OAAO,CAAC,cAAc,CAYpB;IAEF,OAAO,CAAC,eAAe;IAcd,MAAM,IAAI,cAAc;CAyDlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}

package/dist/vscode-checkbox/vscode-checkbox.js

@@ -5,6 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, LitElement, nothing } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
 import { property, query } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { customElement } from '../includes/VscElement.js';
@@ -101,6 +102,10 @@ let VscodeCheckbox = class VscodeCheckbox extends LabelledCheckboxOrRadioMixin(F
         this.defaultChecked = false;
         this.invalid = false;
         this.name = undefined;
+        /**
+         * When true, renders as a toggle switch instead of a checkbox.
+         */
+        this.toggle = false;
         /**
          * Associate a value to the checkbox. According to the native checkbox [specification](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value_2), If the component participates in a form:
          *
@@ -145,14 +150,6 @@ let VscodeCheckbox = class VscodeCheckbox extends LabelledCheckboxOrRadioMixin(F
     disconnectedCallback() {
         this.removeEventListener('keydown', this._handleKeyDown);
     }
-    update(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    changedProperties) {
-        super.update(changedProperties);
-        if (changedProperties.has('checked')) {
-            this.ariaChecked = this.checked ? 'true' : 'false';
-        }
-    }
     /** @internal */
     formResetCallback() {
         this.checked = this.defaultChecked;
@@ -222,6 +219,9 @@ let VscodeCheckbox = class VscodeCheckbox extends LabelledCheckboxOrRadioMixin(F
         const indeterminate = this.indeterminate
             ? html `<span class="indeterminate-icon"></span>`
             : nothing;
+        const iconContent = this.toggle
+            ? html `<span class="thumb"></span>`
+            : html `${indeterminate}${check}`;
         return html `
       <div class="wrapper">
         <input
@@ -230,9 +230,11 @@ let VscodeCheckbox = class VscodeCheckbox extends LabelledCheckboxOrRadioMixin(F
           class="checkbox"
           type="checkbox"
           ?checked=${this.checked}
+          role=${ifDefined(this.toggle ? 'switch' : undefined)}
+          aria-checked=${ifDefined(this.toggle ? (this.checked ? 'true' : 'false') : undefined)}
           value=${this.value}
         >
-        <div class=${iconClasses}>${indeterminate}${check}</div>
+        <div class=${iconClasses}>${iconContent}</div>
         <label for="input" class="label" @click=${this._handleClick}>
           <span class=${labelInnerClasses}>
             ${this._renderLabelAttribute()}
@@ -266,6 +268,9 @@ __decorate([
 __decorate([
     property({ reflect: true })
 ], VscodeCheckbox.prototype, "name", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], VscodeCheckbox.prototype, "toggle", void 0);
 __decorate([
     property()
 ], VscodeCheckbox.prototype, "value", void 0);

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

@@ -1 +1 @@
-{"version":3,"file":"vscode-checkbox.js","sourceRoot":"","sources":["../../src/vscode-checkbox/vscode-checkbox.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, LitElement, nothing, PropertyValueMap, TemplateResult} from 'lit';\nimport {property, query} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {customElement} from '../includes/VscElement.js';\nimport {FormButtonWidgetBase} from '../includes/form-button-widget/FormButtonWidgetBase.js';\nimport {LabelledCheckboxOrRadioMixin} from '../includes/form-button-widget/LabelledCheckboxOrRadio.js';\nimport styles from './vscode-checkbox.styles.js';\nimport {AssociatedFormControl} from '../includes/AssociatedFormControl.js';\n\n/**\n * Allows users to select one or more options from a set. When participating in a form, it supports\n * the `:invalid` pseudo class. Otherwise the error styles can be applied through the `invalid`\n * property.\n *\n * @tag vscode-checkbox\n *\n * @attr name - Name which is used as a variable name in the data of the form-container.\n * @attr label - Attribute pair of the `label` property.\n * @prop label - Label text. It is only applied if component's innerHTML doesn't contain any text.\n *\n * @fires {Event} change - Dispatched when checked state is changed. The event is bubbled, so it can be listened on a parent element like the `CheckboxGroup`.\n * @fires {Event} invalid - Dispatched when the element is invalid and `checkValidity()` has been called or the form containing this element is submitted.\n *\n * [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/invalid_event)\n *\n * @cssprop [--vscode-font-family=sans-serif]\n * @cssprop [--vscode-font-size=13px]\n * @cssprop [--vscode-font-weight=normal]\n * @cssprop [--vscode-foreground=#cccccc]\n * @cssprop [--vscode-settings-checkboxBackground=#313131]\n * @cssprop [--vscode-settings-checkboxBorder=#3c3c3c]\n * @cssprop [--vscode-settings-checkboxForeground=#cccccc]\n * @cssprop [--vscode-focusBorder=#0078d4]\n * @cssprop [--vscode-inputValidation-errorBackground=#5a1d1d]\n * @cssprop [--vscode-inputValidation-errorBorder=#be1100]\n */\n@customElement('vscode-checkbox')\nexport class VscodeCheckbox\n  extends LabelledCheckboxOrRadioMixin(FormButtonWidgetBase)\n  implements AssociatedFormControl\n{\n  static override styles = styles;\n\n  /** @internal */\n  static formAssociated = true;\n\n  /** @internal */\n  static override shadowRootOptions: ShadowRootInit = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /**\n   * Automatically focus on the element when the page loads.\n   *\n   * [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)\n   */\n  @property({type: Boolean, reflect: true})\n  override autofocus = false;\n\n  @property({type: Boolean, reflect: true})\n  set checked(newVal: boolean) {\n    this._checked = newVal;\n    this._manageRequired();\n    this.requestUpdate();\n  }\n  get checked(): boolean {\n    return this._checked;\n  }\n\n  private _checked = false;\n\n  /**\n   * The element's initial checked state, which will be restored when the containing form is reset.\n   */\n  @property({type: Boolean, reflect: true, attribute: 'default-checked'})\n  defaultChecked = false;\n\n  @property({type: Boolean, reflect: true})\n  invalid = false;\n\n  @property({reflect: true})\n  name: string | undefined = undefined;\n\n  /**\n   * Associate a value to the checkbox. According to the native checkbox [specification](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value_2), If the component participates in a form:\n   *\n   * - If it is unchecked, the value will not be submitted.\n   * - If it is checked but the value is not set, `on` will be submitted.\n   * - If it is checked and value is set, the value will be submitted.\n   */\n  @property()\n  value = '';\n\n  @property({type: Boolean, reflect: true})\n  disabled = false;\n\n  @property({type: Boolean, reflect: true})\n  indeterminate = false;\n\n  @property({type: Boolean, reflect: true})\n  set required(newVal: boolean) {\n    this._required = newVal;\n    this._manageRequired();\n    this.requestUpdate();\n  }\n  get required() {\n    return this._required;\n  }\n  private _required = false;\n\n  get form(): HTMLFormElement | null {\n    return this._internals.form;\n  }\n\n  /** @internal */\n  @property()\n  type = 'checkbox';\n\n  get validity(): ValidityState {\n    return this._internals.validity;\n  }\n\n  get validationMessage(): string {\n    return this._internals.validationMessage;\n  }\n\n  get willValidate(): boolean {\n    return this._internals.willValidate;\n  }\n\n  /**\n   * Returns `true` if the element's value is valid; otherwise, it returns `false`.\n   * If the element's value is invalid, an invalid event is triggered on the element.\n   *\n   * [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity)\n   */\n  checkValidity(): boolean {\n    return this._internals.checkValidity();\n  }\n\n  /**\n   * Returns `true` if the element's value is valid; otherwise, it returns `false`.\n   * If the element's value is invalid, an invalid event is triggered on the element, and the\n   * browser displays an error message to the user.\n   *\n   * [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity)\n   */\n  reportValidity(): boolean {\n    return this._internals.reportValidity();\n  }\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    this.addEventListener('keydown', this._handleKeyDown);\n\n    this.updateComplete.then(() => {\n      this._manageRequired();\n      this._setActualFormValue();\n    });\n  }\n\n  override disconnectedCallback(): void {\n    this.removeEventListener('keydown', this._handleKeyDown);\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('checked')) {\n      this.ariaChecked = this.checked ? 'true' : 'false';\n    }\n  }\n\n  /** @internal */\n  formResetCallback(): void {\n    this.checked = this.defaultChecked;\n  }\n\n  /** @internal */\n  formStateRestoreCallback(\n    state: string,\n    _mode: 'restore' | 'autocomplete'\n  ): void {\n    if (state) {\n      this.checked = true;\n    }\n  }\n\n  @query('#input')\n  private _inputEl!: HTMLInputElement;\n\n  private _internals: ElementInternals;\n\n  // Sets the value of the control according to the native checkbox behavior.\n  // - If the checkbox is unchecked, the value will be null, so the control will\n  //   excluded from the form.\n  // - If the control is checked but the value is not set, the value will be \"on\".\n  // - If the control is checked and value is set, the value won't be changed.\n  private _setActualFormValue() {\n    let actualValue: string | null = '';\n\n    if (this.checked) {\n      actualValue = !this.value ? 'on' : this.value;\n    } else {\n      actualValue = null;\n    }\n\n    this._internals.setFormValue(actualValue);\n  }\n\n  private _toggleState() {\n    this.checked = !this.checked;\n    this.indeterminate = false;\n    this._setActualFormValue();\n    this._manageRequired();\n    this.dispatchEvent(new Event('change', {bubbles: true}));\n  }\n\n  private _handleClick = (ev: MouseEvent): void => {\n    ev.preventDefault();\n\n    if (this.disabled) {\n      return;\n    }\n\n    this._toggleState();\n  };\n\n  private _handleKeyDown = (ev: KeyboardEvent): void => {\n    if (!this.disabled && (ev.key === 'Enter' || ev.key === ' ')) {\n      ev.preventDefault();\n\n      if (ev.key === ' ') {\n        this._toggleState();\n      }\n\n      if (ev.key === 'Enter') {\n        this._internals.form?.requestSubmit();\n      }\n    }\n  };\n\n  private _manageRequired() {\n    if (!this.checked && this.required) {\n      this._internals.setValidity(\n        {\n          valueMissing: true,\n        },\n        'Please check this box if you want to proceed.',\n        this._inputEl ?? undefined\n      );\n    } else {\n      this._internals.setValidity({});\n    }\n  }\n\n  override render(): TemplateResult {\n    const iconClasses = classMap({\n      icon: true,\n      checked: this.checked,\n      indeterminate: this.indeterminate,\n    });\n    const labelInnerClasses = classMap({\n      'label-inner': true,\n    });\n\n    const icon = html`<svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"currentColor\"\n      class=\"check-icon\"\n    >\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M14.431 3.323l-8.47 10-.79-.036-3.35-4.77.818-.574 2.978 4.24 8.051-9.506.764.646z\"\n      />\n    </svg>`;\n    const check = this.checked && !this.indeterminate ? icon : nothing;\n    const indeterminate = this.indeterminate\n      ? html`<span class=\"indeterminate-icon\"></span>`\n      : nothing;\n\n    return html`\n      <div class=\"wrapper\">\n        <input\n          ?autofocus=${this.autofocus}\n          id=\"input\"\n          class=\"checkbox\"\n          type=\"checkbox\"\n          ?checked=${this.checked}\n          value=${this.value}\n        >\n        <div class=${iconClasses}>${indeterminate}${check}</div>\n        <label for=\"input\" class=\"label\" @click=${this._handleClick}>\n          <span class=${labelInnerClasses}>\n            ${this._renderLabelAttribute()}\n            <slot @slotchange=${this._handleSlotChange}></slot>\n          </span>\n        </label>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-checkbox': VscodeCheckbox;\n  }\n}\n"]}
+{"version":3,"file":"vscode-checkbox.js","sourceRoot":"","sources":["../../src/vscode-checkbox/vscode-checkbox.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, LitElement, nothing, TemplateResult} from 'lit';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {property, query} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {customElement} from '../includes/VscElement.js';\nimport {FormButtonWidgetBase} from '../includes/form-button-widget/FormButtonWidgetBase.js';\nimport {LabelledCheckboxOrRadioMixin} from '../includes/form-button-widget/LabelledCheckboxOrRadio.js';\nimport styles from './vscode-checkbox.styles.js';\nimport {AssociatedFormControl} from '../includes/AssociatedFormControl.js';\n\n/**\n * Allows users to select one or more options from a set. When participating in a form, it supports\n * the `:invalid` pseudo class. Otherwise the error styles can be applied through the `invalid`\n * property.\n *\n * @tag vscode-checkbox\n *\n * @attr name - Name which is used as a variable name in the data of the form-container.\n * @attr label - Attribute pair of the `label` property.\n * @prop label - Label text. It is only applied if component's innerHTML doesn't contain any text.\n *\n * @fires {Event} change - Dispatched when checked state is changed. The event is bubbled, so it can be listened on a parent element like the `CheckboxGroup`.\n * @fires {Event} invalid - Dispatched when the element is invalid and `checkValidity()` has been called or the form containing this element is submitted.\n *\n * [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/invalid_event)\n *\n * @cssprop [--vscode-font-family=sans-serif]\n * @cssprop [--vscode-font-size=13px]\n * @cssprop [--vscode-font-weight=normal]\n * @cssprop [--vscode-foreground=#cccccc]\n * @cssprop [--vscode-settings-checkboxBackground=#313131]\n * @cssprop [--vscode-settings-checkboxBorder=#3c3c3c]\n * @cssprop [--vscode-settings-checkboxForeground=#cccccc]\n * @cssprop [--vscode-focusBorder=#0078d4]\n * @cssprop [--vscode-inputValidation-errorBackground=#5a1d1d]\n * @cssprop [--vscode-inputValidation-errorBorder=#be1100]\n */\n@customElement('vscode-checkbox')\nexport class VscodeCheckbox\n  extends LabelledCheckboxOrRadioMixin(FormButtonWidgetBase)\n  implements AssociatedFormControl\n{\n  static override styles = styles;\n\n  /** @internal */\n  static formAssociated = true;\n\n  /** @internal */\n  static override shadowRootOptions: ShadowRootInit = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /**\n   * Automatically focus on the element when the page loads.\n   *\n   * [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)\n   */\n  @property({type: Boolean, reflect: true})\n  override autofocus = false;\n\n  @property({type: Boolean, reflect: true})\n  set checked(newVal: boolean) {\n    this._checked = newVal;\n    this._manageRequired();\n    this.requestUpdate();\n  }\n  get checked(): boolean {\n    return this._checked;\n  }\n\n  private _checked = false;\n\n  /**\n   * The element's initial checked state, which will be restored when the containing form is reset.\n   */\n  @property({type: Boolean, reflect: true, attribute: 'default-checked'})\n  defaultChecked = false;\n\n  @property({type: Boolean, reflect: true})\n  invalid = false;\n\n  @property({reflect: true})\n  name: string | undefined = undefined;\n\n  /**\n   * When true, renders as a toggle switch instead of a checkbox.\n   */\n  @property({type: Boolean, reflect: true})\n  toggle = false;\n\n  /**\n   * Associate a value to the checkbox. According to the native checkbox [specification](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value_2), If the component participates in a form:\n   *\n   * - If it is unchecked, the value will not be submitted.\n   * - If it is checked but the value is not set, `on` will be submitted.\n   * - If it is checked and value is set, the value will be submitted.\n   */\n  @property()\n  value = '';\n\n  @property({type: Boolean, reflect: true})\n  disabled = false;\n\n  @property({type: Boolean, reflect: true})\n  indeterminate = false;\n\n  @property({type: Boolean, reflect: true})\n  set required(newVal: boolean) {\n    this._required = newVal;\n    this._manageRequired();\n    this.requestUpdate();\n  }\n  get required() {\n    return this._required;\n  }\n  private _required = false;\n\n  get form(): HTMLFormElement | null {\n    return this._internals.form;\n  }\n\n  /** @internal */\n  @property()\n  type = 'checkbox';\n\n  get validity(): ValidityState {\n    return this._internals.validity;\n  }\n\n  get validationMessage(): string {\n    return this._internals.validationMessage;\n  }\n\n  get willValidate(): boolean {\n    return this._internals.willValidate;\n  }\n\n  /**\n   * Returns `true` if the element's value is valid; otherwise, it returns `false`.\n   * If the element's value is invalid, an invalid event is triggered on the element.\n   *\n   * [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity)\n   */\n  checkValidity(): boolean {\n    return this._internals.checkValidity();\n  }\n\n  /**\n   * Returns `true` if the element's value is valid; otherwise, it returns `false`.\n   * If the element's value is invalid, an invalid event is triggered on the element, and the\n   * browser displays an error message to the user.\n   *\n   * [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity)\n   */\n  reportValidity(): boolean {\n    return this._internals.reportValidity();\n  }\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    this.addEventListener('keydown', this._handleKeyDown);\n\n    this.updateComplete.then(() => {\n      this._manageRequired();\n      this._setActualFormValue();\n    });\n  }\n\n  override disconnectedCallback(): void {\n    this.removeEventListener('keydown', this._handleKeyDown);\n  }\n\n  /** @internal */\n  formResetCallback(): void {\n    this.checked = this.defaultChecked;\n  }\n\n  /** @internal */\n  formStateRestoreCallback(\n    state: string,\n    _mode: 'restore' | 'autocomplete'\n  ): void {\n    if (state) {\n      this.checked = true;\n    }\n  }\n\n  @query('#input')\n  private _inputEl!: HTMLInputElement;\n\n  private _internals: ElementInternals;\n\n  // Sets the value of the control according to the native checkbox behavior.\n  // - If the checkbox is unchecked, the value will be null, so the control will\n  //   excluded from the form.\n  // - If the control is checked but the value is not set, the value will be \"on\".\n  // - If the control is checked and value is set, the value won't be changed.\n  private _setActualFormValue() {\n    let actualValue: string | null = '';\n\n    if (this.checked) {\n      actualValue = !this.value ? 'on' : this.value;\n    } else {\n      actualValue = null;\n    }\n\n    this._internals.setFormValue(actualValue);\n  }\n\n  private _toggleState() {\n    this.checked = !this.checked;\n    this.indeterminate = false;\n    this._setActualFormValue();\n    this._manageRequired();\n    this.dispatchEvent(new Event('change', {bubbles: true}));\n  }\n\n  private _handleClick = (ev: MouseEvent): void => {\n    ev.preventDefault();\n\n    if (this.disabled) {\n      return;\n    }\n\n    this._toggleState();\n  };\n\n  private _handleKeyDown = (ev: KeyboardEvent): void => {\n    if (!this.disabled && (ev.key === 'Enter' || ev.key === ' ')) {\n      ev.preventDefault();\n\n      if (ev.key === ' ') {\n        this._toggleState();\n      }\n\n      if (ev.key === 'Enter') {\n        this._internals.form?.requestSubmit();\n      }\n    }\n  };\n\n  private _manageRequired() {\n    if (!this.checked && this.required) {\n      this._internals.setValidity(\n        {\n          valueMissing: true,\n        },\n        'Please check this box if you want to proceed.',\n        this._inputEl ?? undefined\n      );\n    } else {\n      this._internals.setValidity({});\n    }\n  }\n\n  override render(): TemplateResult {\n    const iconClasses = classMap({\n      icon: true,\n      checked: this.checked,\n      indeterminate: this.indeterminate,\n    });\n    const labelInnerClasses = classMap({\n      'label-inner': true,\n    });\n\n    const icon = html`<svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"currentColor\"\n      class=\"check-icon\"\n    >\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M14.431 3.323l-8.47 10-.79-.036-3.35-4.77.818-.574 2.978 4.24 8.051-9.506.764.646z\"\n      />\n    </svg>`;\n    const check = this.checked && !this.indeterminate ? icon : nothing;\n    const indeterminate = this.indeterminate\n      ? html`<span class=\"indeterminate-icon\"></span>`\n      : nothing;\n\n    const iconContent = this.toggle\n      ? html`<span class=\"thumb\"></span>`\n      : html`${indeterminate}${check}`;\n\n    return html`\n      <div class=\"wrapper\">\n        <input\n          ?autofocus=${this.autofocus}\n          id=\"input\"\n          class=\"checkbox\"\n          type=\"checkbox\"\n          ?checked=${this.checked}\n          role=${ifDefined(this.toggle ? 'switch' : undefined)}\n          aria-checked=${ifDefined(\n            this.toggle ? (this.checked ? 'true' : 'false') : undefined\n          )}\n          value=${this.value}\n        >\n        <div class=${iconClasses}>${iconContent}</div>\n        <label for=\"input\" class=\"label\" @click=${this._handleClick}>\n          <span class=${labelInnerClasses}>\n            ${this._renderLabelAttribute()}\n            <slot @slotchange=${this._handleSlotChange}></slot>\n          </span>\n        </label>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-checkbox': VscodeCheckbox;\n  }\n}\n"]}

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

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

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

@@ -26,6 +26,77 @@ const styles = [
       outline: 1px solid var(--vscode-focusBorder, #0078d4);
       outline-offset: -1px;
     }
+
+    /* Toggle appearance */
+    :host([toggle]) .icon {
+      /* Track */
+      width: 36px;
+      height: 20px;
+      border-radius: 999px;
+      background-color: var(--vscode-button-secondaryBackground, #313131);
+      border-color: var(--vscode-button-border, transparent);
+      justify-content: flex-start;
+      position: absolute;
+    }
+
+    :host(:focus):host([toggle]):host(:not([disabled])) .icon {
+      outline-offset: 2px;
+    }
+
+    /* Reserve space for the wider toggle track so text doesn't overlap */
+    :host([toggle]) .label-inner {
+      padding-left: 45px; /* 36px track + 9px spacing */
+    }
+
+    :host([toggle]) .label {
+      min-height: 20px;
+    }
+
+    :host([toggle]) .wrapper {
+      min-height: 20px;
+      line-height: 20px;
+    }
+
+    :host([toggle]) .thumb {
+      /* Thumb */
+      box-sizing: border-box;
+      display: block;
+      width: 16px;
+      height: 16px;
+      border-radius: 50%;
+      background-color: var(--vscode-button-secondaryForeground, #cccccc);
+      margin-left: 1px;
+      transition: transform 120ms ease-in-out;
+    }
+
+    :host([toggle][checked]) .icon {
+      background-color: var(--vscode-button-background, #04395e);
+      border-color: var(--vscode-button-border, transparent);
+    }
+
+    :host([toggle][checked]) .thumb {
+      transform: translateX(16px);
+      background-color: var(--vscode-button-foreground, #ffffff);
+    }
+
+    :host([toggle]):host(:invalid) .icon {
+      background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);
+      border-color: var(--vscode-inputValidation-errorBorder, #be1100);
+    }
+
+    :host([toggle]):host(:invalid) .thumb {
+      background-color: var(--vscode-inputValidation-errorBorder, #be1100);
+    }
+
+    :host([toggle]) .check-icon,
+    :host([toggle]) .indeterminate-icon {
+      display: none;
+    }
+
+    :host([toggle]:focus):host(:not([disabled])) .icon {
+      outline: 1px solid var(--vscode-focusBorder, #0078d4);
+      outline-offset: -1px;
+    }
   `,
 ];
 export default styles;

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

@@ -1 +1 @@
-{"version":3,"file":"vscode-checkbox.styles.js","sourceRoot":"","sources":["../../src/vscode-checkbox/vscode-checkbox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,UAAU,MAAM,+CAA+C,CAAC;AAEvE,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,UAAU;IACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;GAsBF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\nimport baseStyles from '../includes/form-button-widget/base.styles.js';\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  baseStyles,\n  css`\n    :host(:invalid) .icon,\n    :host([invalid]) .icon {\n      background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);\n      border-color: var(--vscode-inputValidation-errorBorder, #be1100);\n    }\n\n    .icon {\n      border-radius: 3px;\n    }\n\n    .indeterminate-icon {\n      background-color: currentColor;\n      position: absolute;\n      height: 1px;\n      width: 12px;\n    }\n\n    :host(:focus):host(:not([disabled])) .icon {\n      outline: 1px solid var(--vscode-focusBorder, #0078d4);\n      outline-offset: -1px;\n    }\n  `,\n];\n\nexport default styles;\n"]}
+{"version":3,"file":"vscode-checkbox.styles.js","sourceRoot":"","sources":["../../src/vscode-checkbox/vscode-checkbox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,UAAU,MAAM,+CAA+C,CAAC;AAEvE,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,UAAU;IACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6FF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\nimport baseStyles from '../includes/form-button-widget/base.styles.js';\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  baseStyles,\n  css`\n    :host(:invalid) .icon,\n    :host([invalid]) .icon {\n      background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);\n      border-color: var(--vscode-inputValidation-errorBorder, #be1100);\n    }\n\n    .icon {\n      border-radius: 3px;\n    }\n\n    .indeterminate-icon {\n      background-color: currentColor;\n      position: absolute;\n      height: 1px;\n      width: 12px;\n    }\n\n    :host(:focus):host(:not([disabled])) .icon {\n      outline: 1px solid var(--vscode-focusBorder, #0078d4);\n      outline-offset: -1px;\n    }\n\n    /* Toggle appearance */\n    :host([toggle]) .icon {\n      /* Track */\n      width: 36px;\n      height: 20px;\n      border-radius: 999px;\n      background-color: var(--vscode-button-secondaryBackground, #313131);\n      border-color: var(--vscode-button-border, transparent);\n      justify-content: flex-start;\n      position: absolute;\n    }\n\n    :host(:focus):host([toggle]):host(:not([disabled])) .icon {\n      outline-offset: 2px;\n    }\n\n    /* Reserve space for the wider toggle track so text doesn't overlap */\n    :host([toggle]) .label-inner {\n      padding-left: 45px; /* 36px track + 9px spacing */\n    }\n\n    :host([toggle]) .label {\n      min-height: 20px;\n    }\n\n    :host([toggle]) .wrapper {\n      min-height: 20px;\n      line-height: 20px;\n    }\n\n    :host([toggle]) .thumb {\n      /* Thumb */\n      box-sizing: border-box;\n      display: block;\n      width: 16px;\n      height: 16px;\n      border-radius: 50%;\n      background-color: var(--vscode-button-secondaryForeground, #cccccc);\n      margin-left: 1px;\n      transition: transform 120ms ease-in-out;\n    }\n\n    :host([toggle][checked]) .icon {\n      background-color: var(--vscode-button-background, #04395e);\n      border-color: var(--vscode-button-border, transparent);\n    }\n\n    :host([toggle][checked]) .thumb {\n      transform: translateX(16px);\n      background-color: var(--vscode-button-foreground, #ffffff);\n    }\n\n    :host([toggle]):host(:invalid) .icon {\n      background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);\n      border-color: var(--vscode-inputValidation-errorBorder, #be1100);\n    }\n\n    :host([toggle]):host(:invalid) .thumb {\n      background-color: var(--vscode-inputValidation-errorBorder, #be1100);\n    }\n\n    :host([toggle]) .check-icon,\n    :host([toggle]) .indeterminate-icon {\n      display: none;\n    }\n\n    :host([toggle]:focus):host(:not([disabled])) .icon {\n      outline: 1px solid var(--vscode-focusBorder, #0078d4);\n      outline-offset: -1px;\n    }\n  `,\n];\n\nexport default styles;\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-table/vscode-table.js

@@ -429,7 +429,7 @@ let VscodeTable = class VscodeTable extends VscElement {
         if (this._headerCellsToResize[1]) {
             this._headerCellsToResize[1].style.width = nextColCss;
         }
-        if (resizeBodyCells) {
+        if (resizeBodyCells && this._cellsToResize[0]) {
             this._cellsToResize[0].style.width = prevColCss;
             if (this._cellsToResize[1]) {
                 this._cellsToResize[1].style.width = nextColCss;