@vscode-elements/elements 2.4.1-pre.0 → 2.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"vscode-radio.js","sourceRoot":"","sources":["../../src/vscode-radio/vscode-radio.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, LitElement, PropertyValueMap, TemplateResult} from 'lit';\nimport {property, state, 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-radio.styles.js';\nimport {AssociatedFormControl} from '../includes/AssociatedFormControl.js';\n\n/**\n * When participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\n * can be applied through the `invalid` property.\n *\n * @tag vscode-radio\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 *\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.\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-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-radio')\nexport class VscodeRadio\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  //#region properties\n\n  @property({type: Boolean, reflect: true})\n  override autofocus = false;\n\n  @property({type: Boolean, reflect: true})\n  checked = false;\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  /**\n   * Name which is used as a variable name in the data of the form-container.\n   */\n  @property({reflect: true})\n  name = '';\n\n  /** @internal */\n  @property()\n  type = 'radio';\n\n  @property()\n  value = '';\n\n  @property({type: Boolean, reflect: true})\n  disabled = false;\n\n  @property({type: Boolean, reflect: true})\n  required = false;\n\n  /** @internal */\n  @property({type: Number, reflect: true})\n  override tabIndex = 0;\n\n  get form(): HTMLFormElement | null {\n    return this._internals.form;\n  }\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  //#endregion\n\n  //#region private variables\n\n  @state()\n  private _slottedText = '';\n\n  @query('#input')\n  private _inputEl!: HTMLInputElement;\n\n  private _internals: ElementInternals;\n\n  //#endregion\n\n  //#region lifecycle methods\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n\n    this.addEventListener('keydown', this._handleKeyDown);\n    this.addEventListener('click', this._handleClick);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    this._handleValueChange();\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._handleValueChange();\n    }\n\n    if (changedProperties.has('required')) {\n      this._handleValueChange();\n    }\n  }\n\n  //#endregion\n\n  //#region public methods\n\n  checkValidity(): boolean {\n    return this._internals.checkValidity();\n  }\n\n  reportValidity(): boolean {\n    return this._internals.reportValidity();\n  }\n\n  /** @internal */\n  formResetCallback(): void {\n    const radios = this._getRadios();\n\n    radios.forEach((r) => {\n      r.checked = r.defaultChecked;\n    });\n\n    this.updateComplete.then(() => {\n      this._handleValueChange();\n    });\n  }\n\n  /** @internal */\n  formStateRestoreCallback(\n    state: string,\n    _mode: 'restore' | 'autocomplete'\n  ): void {\n    if (this.value === state && state !== '') {\n      this.checked = true;\n    }\n  }\n\n  /**\n   * @internal\n   */\n  setComponentValidity(isValid: boolean) {\n    if (isValid) {\n      this._internals.setValidity({});\n    } else {\n      this._internals.setValidity(\n        {\n          valueMissing: true,\n        },\n        'Please select one of these options.',\n        this._inputEl\n      );\n    }\n  }\n\n  //#endregion\n\n  //#region private methods\n\n  private _getRadios(): VscodeRadio[] {\n    const root = this.getRootNode({composed: false}) as Document | ShadowRoot;\n\n    if (!root) {\n      return [];\n    }\n\n    const radios = root.querySelectorAll(\n      `vscode-radio[name=\"${this.name}\"]`\n    ) as NodeListOf<VscodeRadio>;\n\n    return Array.from(radios);\n  }\n\n  private _uncheckOthers(radios: VscodeRadio[]) {\n    radios.forEach((r) => {\n      if (r !== this) {\n        r.checked = false;\n      }\n    });\n  }\n\n  private _checkButton() {\n    const radios = this._getRadios();\n    this.checked = true;\n\n    radios.forEach((r) => {\n      if (r !== this) {\n        r.checked = false;\n      }\n    });\n  }\n\n  private _setGroupValidity(radios: VscodeRadio[], isValid: boolean) {\n    this.updateComplete.then(() => {\n      radios.forEach((r) => {\n        r.setComponentValidity(isValid);\n      });\n    });\n  }\n\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  //#endregion\n\n  //#region  event handlers\n\n  private _handleValueChange() {\n    const radios = this._getRadios();\n    const anyRequired = radios.some((r) => {\n      return r.required;\n    });\n\n    this._setActualFormValue();\n\n    if (this.checked) {\n      this._uncheckOthers(radios);\n      this._setGroupValidity(radios, true);\n    } else {\n      const anyChecked = !!radios.find((r) => r.checked);\n      const isInvalid = anyRequired && !anyChecked;\n\n      this._setGroupValidity(radios, !isInvalid);\n    }\n  }\n\n  private _handleClick = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    if (!this.checked) {\n      this._checkButton();\n      this._handleValueChange();\n      this.dispatchEvent(new Event('change', {bubbles: true}));\n    }\n  };\n\n  protected _handleKeyDown = (ev: KeyboardEvent): void => {\n    if (!this.disabled && (ev.key === 'Enter' || ev.key === ' ')) {\n      ev.preventDefault();\n\n      if (ev.key === ' ' && !this.checked) {\n        this.checked = true;\n        this._handleValueChange();\n        this.dispatchEvent(new Event('change', {bubbles: true}));\n      }\n\n      if (ev.key === 'Enter') {\n        this._internals.form?.requestSubmit();\n      }\n    }\n  };\n\n  //#endregion\n\n  override render(): TemplateResult {\n    const iconClasses = classMap({\n      icon: true,\n      checked: this.checked,\n    });\n    const labelInnerClasses = classMap({\n      'label-inner': true,\n      'is-slot-empty': this._slottedText === '',\n    });\n\n    return html`\n      <div class=\"wrapper\">\n        <input\n          ?autofocus=${this.autofocus}\n          id=\"input\"\n          class=\"radio\"\n          type=\"checkbox\"\n          ?checked=${this.checked}\n          value=${this.value}\n          tabindex=${this.tabIndex}\n        >\n        <div class=${iconClasses}></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-radio': VscodeRadio;\n  }\n}\n"]}
+{"version":3,"file":"vscode-radio.js","sourceRoot":"","sources":["../../src/vscode-radio/vscode-radio.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAE,UAAU,EAAmC,MAAM,KAAK,CAAC;AACvE,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,aAAa,EAAC,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAC,oBAAoB,EAAC,MAAM,wDAAwD,CAAC;AAC5F,OAAO,EAAC,4BAA4B,EAAC,MAAM,2DAA2D,CAAC;AACvG,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAG9C;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEI,IAAM,WAAW,GAAjB,MAAM,WACX,SAAQ,4BAA4B,CAAC,oBAAoB,CAAC;IAmD1D,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;IAC9B,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;IAClC,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC;IAC3C,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC;IACtC,CAAC;IAcD,YAAY;IAEZ,2BAA2B;IAE3B;QACE,KAAK,EAAE,CAAC;QAtEV,oBAAoB;QAGX,cAAS,GAAG,KAAK,CAAC;QAG3B,YAAO,GAAG,KAAK,CAAC;QAGhB,mBAAc,GAAG,KAAK,CAAC;QAGvB,YAAO,GAAG,KAAK,CAAC;QAEhB;;WAEG;QAEH,SAAI,GAAG,EAAE,CAAC;QAEV,gBAAgB;QAEhB,SAAI,GAAG,OAAO,CAAC;QAGf,UAAK,GAAG,EAAE,CAAC;QAGX,aAAQ,GAAG,KAAK,CAAC;QAGjB,aAAQ,GAAG,KAAK,CAAC;QAEjB,gBAAgB;QAEP,aAAQ,GAAG,CAAC,CAAC;QAkBtB,YAAY;QAEZ,2BAA2B;QAGnB,iBAAY,GAAG,EAAE,CAAC;QA4KlB,iBAAY,GAAG,GAAS,EAAE;YAChC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,OAAO;YACT,CAAC;YAED,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;gBAClB,IAAI,CAAC,YAAY,EAAE,CAAC;gBACpB,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAC1B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;YAC3D,CAAC;QACH,CAAC,CAAC;QAEQ,mBAAc,GAAG,CAAC,EAAiB,EAAQ,EAAE;YACrD,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,EAAE,CAAC,GAAG,KAAK,OAAO,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC;gBAC7D,EAAE,CAAC,cAAc,EAAE,CAAC;gBAEpB,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;oBACpC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;oBACpB,IAAI,CAAC,kBAAkB,EAAE,CAAC;oBAC1B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;gBAC3D,CAAC;gBAED,IAAI,EAAE,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;oBACvB,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC;gBACxC,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QAzLA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAEzC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACtD,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IACpD,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAEQ,MAAM;IACb,8DAA8D;IAC9D,iBAAoE;QAEpE,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;QAEhC,IAAI,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YACrC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC5B,CAAC;QAED,IAAI,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;YACtC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,YAAY;IAEZ,wBAAwB;IAExB,aAAa;QACX,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;IACzC,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC;IAC1C,CAAC;IAED,gBAAgB;IAChB,iBAAiB;QACf,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAEjC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YACnB,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,cAAc,CAAC;QAC/B,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YAC5B,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC5B,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;IAChB,wBAAwB,CACtB,KAAa,EACb,KAAiC;QAEjC,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;YACzC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,CAAC;IACH,CAAC;IAED;;OAEG;IACH,oBAAoB,CAAC,OAAgB;QACnC,IAAI,OAAO,EAAE,CAAC;YACZ,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAClC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,UAAU,CAAC,WAAW,CACzB;gBACE,YAAY,EAAE,IAAI;aACnB,EACD,qCAAqC,EACrC,IAAI,CAAC,QAAQ,CACd,CAAC;QACJ,CAAC;IACH,CAAC;IAED,YAAY;IAEZ,yBAAyB;IAEjB,UAAU;QAChB,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,CAA0B,CAAC;QAE1E,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAClC,sBAAsB,IAAI,CAAC,IAAI,IAAI,CACT,CAAC;QAE7B,OAAO,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC5B,CAAC;IAEO,cAAc,CAAC,MAAqB;QAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YACnB,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;gBACf,CAAC,CAAC,OAAO,GAAG,KAAK,CAAC;YACpB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,YAAY;QAClB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QACjC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QAEpB,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YACnB,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;gBACf,CAAC,CAAC,OAAO,GAAG,KAAK,CAAC;YACpB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,iBAAiB,CAAC,MAAqB,EAAE,OAAgB;QAC/D,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YAC5B,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;gBACnB,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;YAClC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,mBAAmB;QACzB,IAAI,WAAW,GAAkB,EAAE,CAAC;QAEpC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,WAAW,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;QAChD,CAAC;aAAM,CAAC;YACN,WAAW,GAAG,IAAI,CAAC;QACrB,CAAC;QAED,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;IAC5C,CAAC;IAED,YAAY;IAEZ,yBAAyB;IAEjB,kBAAkB;QACxB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QACjC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YACpC,OAAO,CAAC,CAAC,QAAQ,CAAC;QACpB,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAE3B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;YAC5B,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QACvC,CAAC;aAAM,CAAC;YACN,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;YACnD,MAAM,SAAS,GAAG,WAAW,IAAI,CAAC,UAAU,CAAC;YAE7C,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC;IA8BD,YAAY;IAEH,MAAM;QACb,MAAM,WAAW,GAAG,QAAQ,CAAC;YAC3B,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,IAAI,CAAC,OAAO;SACtB,CAAC,CAAC;QACH,MAAM,iBAAiB,GAAG,QAAQ,CAAC;YACjC,aAAa,EAAE,IAAI;YACnB,eAAe,EAAE,IAAI,CAAC,YAAY,KAAK,EAAE;SAC1C,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;;;uBAGQ,IAAI,CAAC,SAAS;;;;qBAIhB,IAAI,CAAC,OAAO;kBACf,IAAI,CAAC,KAAK;qBACP,IAAI,CAAC,QAAQ;;qBAEb,WAAW;kDACkB,IAAI,CAAC,YAAY;wBAC3C,iBAAiB;cAC3B,IAAI,CAAC,qBAAqB,EAAE;gCACV,IAAI,CAAC,iBAAiB;;;;KAIjD,CAAC;IACJ,CAAC;;AA7Se,kBAAM,GAAG,MAAM,AAAT,CAAU;AAEhC,gBAAgB;AACT,0BAAc,GAAG,IAAI,AAAP,CAAQ;AAE7B,gBAAgB;AACA,6BAAiB,GAAmB;IAClD,GAAG,UAAU,CAAC,iBAAiB;IAC/B,cAAc,EAAE,IAAI;CACrB,AAHgC,CAG/B;AAKO;IADR,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;8CACd;AAG3B;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;4CACzB;AAGhB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,EAAC,CAAC;mDAChD;AAGvB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;4CACzB;AAMhB;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;yCAChB;AAIV;IADC,QAAQ,EAAE;yCACI;AAGf;IADC,QAAQ,EAAE;0CACA;AAGX;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;6CACxB;AAGjB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;6CACxB;AAIR;IADR,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;6CAClB;AAuBd;IADP,KAAK,EAAE;iDACkB;AAGlB;IADP,KAAK,CAAC,QAAQ,CAAC;6CACoB;AA5EzB,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAkTvB","sourcesContent":["import {html, LitElement, PropertyValueMap, TemplateResult} from 'lit';\nimport {property, state, 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-radio.styles.js';\nimport {AssociatedFormControl} from '../includes/AssociatedFormControl.js';\n\n/**\n * When participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\n * can be applied through the `invalid` property.\n *\n * @tag vscode-radio\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 *\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.\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-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-radio')\nexport class VscodeRadio\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  //#region properties\n\n  @property({type: Boolean, reflect: true})\n  override autofocus = false;\n\n  @property({type: Boolean, reflect: true})\n  checked = false;\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  /**\n   * Name which is used as a variable name in the data of the form-container.\n   */\n  @property({reflect: true})\n  name = '';\n\n  /** @internal */\n  @property()\n  type = 'radio';\n\n  @property()\n  value = '';\n\n  @property({type: Boolean, reflect: true})\n  disabled = false;\n\n  @property({type: Boolean, reflect: true})\n  required = false;\n\n  /** @internal */\n  @property({type: Number, reflect: true})\n  override tabIndex = 0;\n\n  get form(): HTMLFormElement | null {\n    return this._internals.form;\n  }\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  //#endregion\n\n  //#region private variables\n\n  @state()\n  private _slottedText = '';\n\n  @query('#input')\n  private _inputEl!: HTMLInputElement;\n\n  private _internals: ElementInternals;\n\n  //#endregion\n\n  //#region lifecycle methods\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n\n    this.addEventListener('keydown', this._handleKeyDown);\n    this.addEventListener('click', this._handleClick);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    this._handleValueChange();\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._handleValueChange();\n    }\n\n    if (changedProperties.has('required')) {\n      this._handleValueChange();\n    }\n  }\n\n  //#endregion\n\n  //#region public methods\n\n  checkValidity(): boolean {\n    return this._internals.checkValidity();\n  }\n\n  reportValidity(): boolean {\n    return this._internals.reportValidity();\n  }\n\n  /** @internal */\n  formResetCallback(): void {\n    const radios = this._getRadios();\n\n    radios.forEach((r) => {\n      r.checked = r.defaultChecked;\n    });\n\n    this.updateComplete.then(() => {\n      this._handleValueChange();\n    });\n  }\n\n  /** @internal */\n  formStateRestoreCallback(\n    state: string,\n    _mode: 'restore' | 'autocomplete'\n  ): void {\n    if (this.value === state && state !== '') {\n      this.checked = true;\n    }\n  }\n\n  /**\n   * @internal\n   */\n  setComponentValidity(isValid: boolean) {\n    if (isValid) {\n      this._internals.setValidity({});\n    } else {\n      this._internals.setValidity(\n        {\n          valueMissing: true,\n        },\n        'Please select one of these options.',\n        this._inputEl\n      );\n    }\n  }\n\n  //#endregion\n\n  //#region private methods\n\n  private _getRadios(): VscodeRadio[] {\n    const root = this.getRootNode({composed: false}) as Document | ShadowRoot;\n\n    if (!root) {\n      return [];\n    }\n\n    const radios = root.querySelectorAll(\n      `vscode-radio[name=\"${this.name}\"]`\n    ) as NodeListOf<VscodeRadio>;\n\n    return Array.from(radios);\n  }\n\n  private _uncheckOthers(radios: VscodeRadio[]) {\n    radios.forEach((r) => {\n      if (r !== this) {\n        r.checked = false;\n      }\n    });\n  }\n\n  private _checkButton() {\n    const radios = this._getRadios();\n    this.checked = true;\n\n    radios.forEach((r) => {\n      if (r !== this) {\n        r.checked = false;\n      }\n    });\n  }\n\n  private _setGroupValidity(radios: VscodeRadio[], isValid: boolean) {\n    this.updateComplete.then(() => {\n      radios.forEach((r) => {\n        r.setComponentValidity(isValid);\n      });\n    });\n  }\n\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  //#endregion\n\n  //#region  event handlers\n\n  private _handleValueChange() {\n    const radios = this._getRadios();\n    const anyRequired = radios.some((r) => {\n      return r.required;\n    });\n\n    this._setActualFormValue();\n\n    if (this.checked) {\n      this._uncheckOthers(radios);\n      this._setGroupValidity(radios, true);\n    } else {\n      const anyChecked = !!radios.find((r) => r.checked);\n      const isInvalid = anyRequired && !anyChecked;\n\n      this._setGroupValidity(radios, !isInvalid);\n    }\n  }\n\n  private _handleClick = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    if (!this.checked) {\n      this._checkButton();\n      this._handleValueChange();\n      this.dispatchEvent(new Event('change', {bubbles: true}));\n    }\n  };\n\n  protected _handleKeyDown = (ev: KeyboardEvent): void => {\n    if (!this.disabled && (ev.key === 'Enter' || ev.key === ' ')) {\n      ev.preventDefault();\n\n      if (ev.key === ' ' && !this.checked) {\n        this.checked = true;\n        this._handleValueChange();\n        this.dispatchEvent(new Event('change', {bubbles: true}));\n      }\n\n      if (ev.key === 'Enter') {\n        this._internals.form?.requestSubmit();\n      }\n    }\n  };\n\n  //#endregion\n\n  override render(): TemplateResult {\n    const iconClasses = classMap({\n      icon: true,\n      checked: this.checked,\n    });\n    const labelInnerClasses = classMap({\n      'label-inner': true,\n      'is-slot-empty': this._slottedText === '',\n    });\n\n    return html`\n      <div class=\"wrapper\">\n        <input\n          ?autofocus=${this.autofocus}\n          id=\"input\"\n          class=\"radio\"\n          type=\"checkbox\"\n          ?checked=${this.checked}\n          value=${this.value}\n          tabindex=${this.tabIndex}\n        />\n        <div class=${iconClasses}></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-radio': VscodeRadio;\n  }\n}\n"]}

package/dist/vscode-single-select/vscode-single-select.js

@@ -313,7 +313,7 @@ let VscodeSingleSelect = class VscodeSingleSelect extends VscodeSelectBase {
           @input=${this._onComboboxInputInput}
           @click=${this._onComboboxInputClick}
           @keydown=${this._onComboboxInputSpaceKeyDown}
-        >
+        />
         <button
           aria-label="Open the list of options"
           class="combobox-button"

package/dist/vscode-single-select/vscode-single-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-single-select.js","sourceRoot":"","sources":["../../src/vscode-single-select/vscode-single-select.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, LitElement, TemplateResult} from 'lit';\nimport {property, query} from 'lit/decorators.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {customElement} from '../includes/VscElement.js';\nimport {chevronDownIcon} from '../includes/vscode-select/template-elements.js';\nimport {VscodeSelectBase} from '../includes/vscode-select/vscode-select-base.js';\nimport {AssociatedFormControl} from '../includes/AssociatedFormControl.js';\nimport styles from './vscode-single-select.styles.js';\n\nexport type VscSingleSelectCreateOptionEvent = CustomEvent<{value: string}>;\n\n/**\n * Allows to select an item from multiple options.\n *\n * When participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\n * can be applied through the `invalid` property.\n *\n * @tag vscode-single-select\n *\n * ## Types\n *\n * ```typescript\n *interface Option {\n *  label: string;\n *  value: string;\n *  description: string;\n *  selected: boolean;\n *  disabled: boolean;\n *}\n * ```\n * @prop {boolean} invalid\n * @attr {boolean} invalid\n * @attr name - Name which is used as a variable name in the data of the form-container.\n *\n * @cssprop [--dropdown-z-index=2]\n * @cssprop [--vscode-badge-background=#616161]\n * @cssprop [--vscode-badge-foreground=#f8f8f8]\n * @cssprop [--vscode-settings-dropdownBorder=#3c3c3c]\n * @cssprop [--vscode-settings-checkboxBackground=#313131]\n * @cssprop [--vscode-settings-dropdownBackground=#313131]\n * @cssprop [--vscode-settings-dropdownForeground=#cccccc]\n * @cssprop [--vscode-settings-dropdownListBorder=#454545]\n * @cssprop [--vscode-focusBorder=#0078d4]\n * @cssprop [--vscode-foreground=#cccccc]\n * @cssprop [--vscode-font-family=sans-serif]\n * @cssprop [--vscode-font-size=13px]\n * @cssprop [--vscode-font-weight=normal]\n * @cssprop [--vscode-inputValidation-errorBackground=#5a1d1d]\n * @cssprop [--vscode-inputValidation-errorBorder=#be1100]\n * @cssprop [--vscode-list-activeSelectionBackground=#04395e]\n * @cssprop [--vscode-list-activeSelectionForeground=#ffffff]\n * @cssprop [--vscode-list-focusOutline=#0078d4]\n * @cssprop [--vscode-list-focusHighlightForeground=#2aaaff]\n * @cssprop [--vscode-list-highlightForeground=#2aaaff]\n * @cssprop [--vscode-list-hoverBackground=#2a2d2e]\n * @cssprop [--vscode-list-hoverForeground=#ffffff]\n */\n@customElement('vscode-single-select')\nexport class VscodeSingleSelect\n  extends VscodeSelectBase\n  implements AssociatedFormControl\n{\n  static override styles = styles;\n\n  /** @internal */\n  static override shadowRootOptions: ShadowRootInit = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /** @internal */\n  static formAssociated = true;\n\n  @property({attribute: 'default-value'})\n  defaultValue = '';\n\n  @property({reflect: true})\n  name: string | undefined = undefined;\n\n  @property({type: Number, attribute: 'selected-index'})\n  set selectedIndex(val: number) {\n    this._opts.selectedIndex = val;\n\n    const op = this._opts.getOptionByIndex(val);\n\n    if (op) {\n      this._opts.activeIndex = val;\n      this._value = op.value;\n      this._internals.setFormValue(this._value);\n      this._manageRequired();\n    } else {\n      this._value = '';\n      this._internals.setFormValue('');\n      this._manageRequired();\n    }\n  }\n  get selectedIndex(): number {\n    return this._opts.selectedIndex;\n  }\n\n  @property({type: String})\n  set value(val: string) {\n    this._opts.value = val;\n\n    if (this._opts.selectedIndex > -1) {\n      this._requestedValueToSetLater = '';\n    } else {\n      this._requestedValueToSetLater = val;\n    }\n\n    this._internals.setFormValue(this._value);\n    this._manageRequired();\n  }\n  get value(): string {\n    return this._opts.value as string;\n  }\n\n  @property({type: Boolean, reflect: true})\n  required = false;\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() {\n    return this._internals.willValidate;\n  }\n\n  checkValidity(): boolean {\n    return this._internals.checkValidity();\n  }\n\n  reportValidity(): boolean {\n    return this._internals.reportValidity();\n  }\n\n  @query('.face')\n  private _face!: HTMLDivElement;\n\n  private _internals: ElementInternals;\n\n  private updateInputValue() {\n    if (!this.combobox) {\n      return;\n    }\n\n    const input = this.renderRoot.querySelector(\n      '.combobox-input'\n    ) as HTMLInputElement;\n\n    if (input) {\n      const selectedOption = this._opts.getSelectedOption();\n      input.value = selectedOption?.label ?? '';\n    }\n  }\n\n  constructor() {\n    super();\n    this._opts.multiSelect = false;\n    this._internals = this.attachInternals();\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    this.updateComplete.then(() => {\n      this._manageRequired();\n    });\n  }\n\n  /** @internal */\n  formResetCallback(): void {\n    this.value = this.defaultValue;\n  }\n\n  /** @internal */\n  formStateRestoreCallback(\n    state: string,\n    _mode: 'restore' | 'autocomplete'\n  ): void {\n    this.updateComplete.then(() => {\n      this.value = state;\n    });\n  }\n\n  /** @internal */\n  get type(): 'select-one' {\n    return 'select-one';\n  }\n\n  get form(): HTMLFormElement | null {\n    return this._internals.form;\n  }\n\n  /**\n   * This variable was introduced for cases where the value is set before the corresponding option\n   * exists. This can happen while a framework like Vue or React is rendering the component.\n   */\n  private _requestedValueToSetLater = '';\n\n  protected override async _createAndSelectSuggestedOption() {\n    const nextIndex = this._createSuggestedOption();\n\n    await this.updateComplete;\n\n    this._opts.selectedIndex = nextIndex;\n    this._dispatchChangeEvent();\n    const opCreateEvent: VscSingleSelectCreateOptionEvent = new CustomEvent(\n      'vsc-single-select-create-option',\n      {detail: {value: this._opts.getOptionByIndex(nextIndex)?.value ?? ''}}\n    );\n    this.dispatchEvent(opCreateEvent);\n    this.open = false;\n    this._isPlaceholderOptionActive = false;\n  }\n\n  protected override _setStateFromSlottedElements(): void {\n    super._setStateFromSlottedElements();\n\n    if (!this.combobox && this._opts.selectedIndexes.length === 0) {\n      this._opts.selectedIndex = this._opts.options.length > 0 ? 0 : -1;\n    }\n  }\n\n  //#region event handlers\n  protected override _onSlotChange(): void {\n    super._onSlotChange();\n\n    if (this._requestedValueToSetLater) {\n      // the value is set before the available options are appended\n      const foundOption = this._opts.getOptionByValue(\n        this._requestedValueToSetLater\n      );\n\n      if (foundOption) {\n        this._opts.selectedIndex = foundOption.index;\n        this._requestedValueToSetLater = '';\n      }\n    }\n\n    if (this._opts.selectedIndex > -1 && this._opts.numOptions > 0) {\n      this._internals.setFormValue(this._opts.value as string);\n      this._manageRequired();\n    } else {\n      this._internals.setFormValue(null);\n      this._manageRequired();\n    }\n  }\n\n  protected override _onEnterKeyDown(ev: KeyboardEvent): void {\n    super._onEnterKeyDown(ev);\n    let valueChanged = false;\n\n    if (this.combobox) {\n      if (this.open) {\n        if (this._isPlaceholderOptionActive) {\n          this._createAndSelectSuggestedOption();\n        } else {\n          valueChanged = this._opts.activeIndex !== this._opts.selectedIndex;\n          this._opts.selectedIndex = this._opts.activeIndex;\n          this.open = false;\n        }\n      } else {\n        this.open = true;\n        this._scrollActiveElementToTop();\n      }\n    } else {\n      if (this.open) {\n        valueChanged = this._opts.activeIndex !== this._opts.selectedIndex;\n        this._opts.selectedIndex = this._opts.activeIndex;\n        this.open = false;\n      } else {\n        this.open = true;\n        this._scrollActiveElementToTop();\n      }\n    }\n\n    if (valueChanged) {\n      this._dispatchChangeEvent();\n      this.updateInputValue();\n      this._internals.setFormValue(this._opts.value as string);\n      this._manageRequired();\n    }\n  }\n\n  protected override _onOptionClick(ev: MouseEvent) {\n    super._onOptionClick(ev);\n    const composedPath = ev.composedPath();\n    const optEl = composedPath.find((et) => {\n      const el = et as HTMLElement;\n\n      if ('matches' in el) {\n        return el.matches('li.option');\n      }\n\n      return;\n    }) as HTMLElement | undefined;\n\n    if (!optEl || optEl.matches('.disabled')) {\n      return;\n    }\n\n    const isPlaceholderOption = optEl.classList.contains('placeholder');\n\n    if (isPlaceholderOption) {\n      if (this.creatable) {\n        this._createAndSelectSuggestedOption();\n      }\n    } else {\n      this._opts.selectedIndex = Number((optEl as HTMLElement).dataset.index);\n\n      this.open = false;\n      this._internals.setFormValue(this._value);\n      this._manageRequired();\n      this._dispatchChangeEvent();\n    }\n  }\n  //#endregion\n\n  protected override _manageRequired() {\n    const {value} = this;\n    if (value === '' && this.required) {\n      this._internals.setValidity(\n        {valueMissing: true},\n        'Please select an item in the list.',\n        this._face\n      );\n    } else {\n      this._internals.setValidity({});\n    }\n  }\n\n  //#region render functions\n  protected override _renderSelectFace(): TemplateResult {\n    const selectedOption = this._opts.getSelectedOption();\n    const label = selectedOption?.label ?? '';\n    const activeDescendant =\n      this._opts.activeIndex > -1 ? `op-${this._opts.activeIndex}` : '';\n\n    return html`\n      <div\n        aria-activedescendant=${activeDescendant}\n        aria-controls=\"select-listbox\"\n        aria-expanded=${this.open ? 'true' : 'false'}\n        aria-haspopup=\"listbox\"\n        aria-label=${ifDefined(this.label)}\n        class=\"select-face face\"\n        @click=${this._onFaceClick}\n        role=\"combobox\"\n        tabindex=\"0\"\n      >\n        <span class=\"text\">${label}</span> ${chevronDownIcon}\n      </div>\n    `;\n  }\n\n  protected override _renderComboboxFace(): TemplateResult {\n    let inputVal = '';\n\n    if (this._isBeingFiltered) {\n      inputVal = this._opts.filterPattern;\n    } else {\n      const op = this._opts.getSelectedOption();\n      inputVal = op?.label ?? '';\n    }\n\n    const activeDescendant =\n      this._opts.activeIndex > -1 ? `op-${this._opts.activeIndex}` : '';\n    const expanded = this.open ? 'true' : 'false';\n\n    return html`\n      <div class=\"combobox-face face\">\n        <input\n          aria-activedescendant=${activeDescendant}\n          aria-autocomplete=\"list\"\n          aria-controls=\"select-listbox\"\n          aria-expanded=${expanded}\n          aria-haspopup=\"listbox\"\n          aria-label=${ifDefined(this.label)}\n          class=\"combobox-input\"\n          role=\"combobox\"\n          spellcheck=\"false\"\n          type=\"text\"\n          autocomplete=\"off\"\n          .value=${inputVal}\n          @focus=${this._onComboboxInputFocus}\n          @blur=${this._onComboboxInputBlur}\n          @input=${this._onComboboxInputInput}\n          @click=${this._onComboboxInputClick}\n          @keydown=${this._onComboboxInputSpaceKeyDown}\n        >\n        <button\n          aria-label=\"Open the list of options\"\n          class=\"combobox-button\"\n          type=\"button\"\n          @click=${this._onComboboxButtonClick}\n          @keydown=${this._onComboboxButtonKeyDown}\n          tabindex=\"-1\"\n        >\n          ${chevronDownIcon}\n        </button>\n      </div>\n    `;\n  }\n\n  override render(): TemplateResult {\n    return html`\n      <div class=\"single-select\">\n        <slot class=\"main-slot\" @slotchange=${this._onSlotChange}></slot>\n        ${this.combobox ? this._renderComboboxFace() : this._renderSelectFace()}\n        ${this._renderDropdown()}\n      </div>\n    `;\n  }\n  //#endregion\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-single-select': VscodeSingleSelect;\n  }\n\n  interface GlobalEventHandlersEventMap {\n    'vsc-single-select-create-option': VscSingleSelectCreateOptionEvent;\n  }\n}\n"]}
+{"version":3,"file":"vscode-single-select.js","sourceRoot":"","sources":["../../src/vscode-single-select/vscode-single-select.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, LitElement, TemplateResult} from 'lit';\nimport {property, query} from 'lit/decorators.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {customElement} from '../includes/VscElement.js';\nimport {chevronDownIcon} from '../includes/vscode-select/template-elements.js';\nimport {VscodeSelectBase} from '../includes/vscode-select/vscode-select-base.js';\nimport {AssociatedFormControl} from '../includes/AssociatedFormControl.js';\nimport styles from './vscode-single-select.styles.js';\n\nexport type VscSingleSelectCreateOptionEvent = CustomEvent<{value: string}>;\n\n/**\n * Allows to select an item from multiple options.\n *\n * When participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\n * can be applied through the `invalid` property.\n *\n * @tag vscode-single-select\n *\n * ## Types\n *\n * ```typescript\n *interface Option {\n *  label: string;\n *  value: string;\n *  description: string;\n *  selected: boolean;\n *  disabled: boolean;\n *}\n * ```\n * @prop {boolean} invalid\n * @attr {boolean} invalid\n * @attr name - Name which is used as a variable name in the data of the form-container.\n *\n * @cssprop [--dropdown-z-index=2]\n * @cssprop [--vscode-badge-background=#616161]\n * @cssprop [--vscode-badge-foreground=#f8f8f8]\n * @cssprop [--vscode-settings-dropdownBorder=#3c3c3c]\n * @cssprop [--vscode-settings-checkboxBackground=#313131]\n * @cssprop [--vscode-settings-dropdownBackground=#313131]\n * @cssprop [--vscode-settings-dropdownForeground=#cccccc]\n * @cssprop [--vscode-settings-dropdownListBorder=#454545]\n * @cssprop [--vscode-focusBorder=#0078d4]\n * @cssprop [--vscode-foreground=#cccccc]\n * @cssprop [--vscode-font-family=sans-serif]\n * @cssprop [--vscode-font-size=13px]\n * @cssprop [--vscode-font-weight=normal]\n * @cssprop [--vscode-inputValidation-errorBackground=#5a1d1d]\n * @cssprop [--vscode-inputValidation-errorBorder=#be1100]\n * @cssprop [--vscode-list-activeSelectionBackground=#04395e]\n * @cssprop [--vscode-list-activeSelectionForeground=#ffffff]\n * @cssprop [--vscode-list-focusOutline=#0078d4]\n * @cssprop [--vscode-list-focusHighlightForeground=#2aaaff]\n * @cssprop [--vscode-list-highlightForeground=#2aaaff]\n * @cssprop [--vscode-list-hoverBackground=#2a2d2e]\n * @cssprop [--vscode-list-hoverForeground=#ffffff]\n */\n@customElement('vscode-single-select')\nexport class VscodeSingleSelect\n  extends VscodeSelectBase\n  implements AssociatedFormControl\n{\n  static override styles = styles;\n\n  /** @internal */\n  static override shadowRootOptions: ShadowRootInit = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /** @internal */\n  static formAssociated = true;\n\n  @property({attribute: 'default-value'})\n  defaultValue = '';\n\n  @property({reflect: true})\n  name: string | undefined = undefined;\n\n  @property({type: Number, attribute: 'selected-index'})\n  set selectedIndex(val: number) {\n    this._opts.selectedIndex = val;\n\n    const op = this._opts.getOptionByIndex(val);\n\n    if (op) {\n      this._opts.activeIndex = val;\n      this._value = op.value;\n      this._internals.setFormValue(this._value);\n      this._manageRequired();\n    } else {\n      this._value = '';\n      this._internals.setFormValue('');\n      this._manageRequired();\n    }\n  }\n  get selectedIndex(): number {\n    return this._opts.selectedIndex;\n  }\n\n  @property({type: String})\n  set value(val: string) {\n    this._opts.value = val;\n\n    if (this._opts.selectedIndex > -1) {\n      this._requestedValueToSetLater = '';\n    } else {\n      this._requestedValueToSetLater = val;\n    }\n\n    this._internals.setFormValue(this._value);\n    this._manageRequired();\n  }\n  get value(): string {\n    return this._opts.value as string;\n  }\n\n  @property({type: Boolean, reflect: true})\n  required = false;\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() {\n    return this._internals.willValidate;\n  }\n\n  checkValidity(): boolean {\n    return this._internals.checkValidity();\n  }\n\n  reportValidity(): boolean {\n    return this._internals.reportValidity();\n  }\n\n  @query('.face')\n  private _face!: HTMLDivElement;\n\n  private _internals: ElementInternals;\n\n  private updateInputValue() {\n    if (!this.combobox) {\n      return;\n    }\n\n    const input = this.renderRoot.querySelector(\n      '.combobox-input'\n    ) as HTMLInputElement;\n\n    if (input) {\n      const selectedOption = this._opts.getSelectedOption();\n      input.value = selectedOption?.label ?? '';\n    }\n  }\n\n  constructor() {\n    super();\n    this._opts.multiSelect = false;\n    this._internals = this.attachInternals();\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    this.updateComplete.then(() => {\n      this._manageRequired();\n    });\n  }\n\n  /** @internal */\n  formResetCallback(): void {\n    this.value = this.defaultValue;\n  }\n\n  /** @internal */\n  formStateRestoreCallback(\n    state: string,\n    _mode: 'restore' | 'autocomplete'\n  ): void {\n    this.updateComplete.then(() => {\n      this.value = state;\n    });\n  }\n\n  /** @internal */\n  get type(): 'select-one' {\n    return 'select-one';\n  }\n\n  get form(): HTMLFormElement | null {\n    return this._internals.form;\n  }\n\n  /**\n   * This variable was introduced for cases where the value is set before the corresponding option\n   * exists. This can happen while a framework like Vue or React is rendering the component.\n   */\n  private _requestedValueToSetLater = '';\n\n  protected override async _createAndSelectSuggestedOption() {\n    const nextIndex = this._createSuggestedOption();\n\n    await this.updateComplete;\n\n    this._opts.selectedIndex = nextIndex;\n    this._dispatchChangeEvent();\n    const opCreateEvent: VscSingleSelectCreateOptionEvent = new CustomEvent(\n      'vsc-single-select-create-option',\n      {detail: {value: this._opts.getOptionByIndex(nextIndex)?.value ?? ''}}\n    );\n    this.dispatchEvent(opCreateEvent);\n    this.open = false;\n    this._isPlaceholderOptionActive = false;\n  }\n\n  protected override _setStateFromSlottedElements(): void {\n    super._setStateFromSlottedElements();\n\n    if (!this.combobox && this._opts.selectedIndexes.length === 0) {\n      this._opts.selectedIndex = this._opts.options.length > 0 ? 0 : -1;\n    }\n  }\n\n  //#region event handlers\n  protected override _onSlotChange(): void {\n    super._onSlotChange();\n\n    if (this._requestedValueToSetLater) {\n      // the value is set before the available options are appended\n      const foundOption = this._opts.getOptionByValue(\n        this._requestedValueToSetLater\n      );\n\n      if (foundOption) {\n        this._opts.selectedIndex = foundOption.index;\n        this._requestedValueToSetLater = '';\n      }\n    }\n\n    if (this._opts.selectedIndex > -1 && this._opts.numOptions > 0) {\n      this._internals.setFormValue(this._opts.value as string);\n      this._manageRequired();\n    } else {\n      this._internals.setFormValue(null);\n      this._manageRequired();\n    }\n  }\n\n  protected override _onEnterKeyDown(ev: KeyboardEvent): void {\n    super._onEnterKeyDown(ev);\n    let valueChanged = false;\n\n    if (this.combobox) {\n      if (this.open) {\n        if (this._isPlaceholderOptionActive) {\n          this._createAndSelectSuggestedOption();\n        } else {\n          valueChanged = this._opts.activeIndex !== this._opts.selectedIndex;\n          this._opts.selectedIndex = this._opts.activeIndex;\n          this.open = false;\n        }\n      } else {\n        this.open = true;\n        this._scrollActiveElementToTop();\n      }\n    } else {\n      if (this.open) {\n        valueChanged = this._opts.activeIndex !== this._opts.selectedIndex;\n        this._opts.selectedIndex = this._opts.activeIndex;\n        this.open = false;\n      } else {\n        this.open = true;\n        this._scrollActiveElementToTop();\n      }\n    }\n\n    if (valueChanged) {\n      this._dispatchChangeEvent();\n      this.updateInputValue();\n      this._internals.setFormValue(this._opts.value as string);\n      this._manageRequired();\n    }\n  }\n\n  protected override _onOptionClick(ev: MouseEvent) {\n    super._onOptionClick(ev);\n    const composedPath = ev.composedPath();\n    const optEl = composedPath.find((et) => {\n      const el = et as HTMLElement;\n\n      if ('matches' in el) {\n        return el.matches('li.option');\n      }\n\n      return;\n    }) as HTMLElement | undefined;\n\n    if (!optEl || optEl.matches('.disabled')) {\n      return;\n    }\n\n    const isPlaceholderOption = optEl.classList.contains('placeholder');\n\n    if (isPlaceholderOption) {\n      if (this.creatable) {\n        this._createAndSelectSuggestedOption();\n      }\n    } else {\n      this._opts.selectedIndex = Number((optEl as HTMLElement).dataset.index);\n\n      this.open = false;\n      this._internals.setFormValue(this._value);\n      this._manageRequired();\n      this._dispatchChangeEvent();\n    }\n  }\n  //#endregion\n\n  protected override _manageRequired() {\n    const {value} = this;\n    if (value === '' && this.required) {\n      this._internals.setValidity(\n        {valueMissing: true},\n        'Please select an item in the list.',\n        this._face\n      );\n    } else {\n      this._internals.setValidity({});\n    }\n  }\n\n  //#region render functions\n  protected override _renderSelectFace(): TemplateResult {\n    const selectedOption = this._opts.getSelectedOption();\n    const label = selectedOption?.label ?? '';\n    const activeDescendant =\n      this._opts.activeIndex > -1 ? `op-${this._opts.activeIndex}` : '';\n\n    return html`\n      <div\n        aria-activedescendant=${activeDescendant}\n        aria-controls=\"select-listbox\"\n        aria-expanded=${this.open ? 'true' : 'false'}\n        aria-haspopup=\"listbox\"\n        aria-label=${ifDefined(this.label)}\n        class=\"select-face face\"\n        @click=${this._onFaceClick}\n        role=\"combobox\"\n        tabindex=\"0\"\n      >\n        <span class=\"text\">${label}</span> ${chevronDownIcon}\n      </div>\n    `;\n  }\n\n  protected override _renderComboboxFace(): TemplateResult {\n    let inputVal = '';\n\n    if (this._isBeingFiltered) {\n      inputVal = this._opts.filterPattern;\n    } else {\n      const op = this._opts.getSelectedOption();\n      inputVal = op?.label ?? '';\n    }\n\n    const activeDescendant =\n      this._opts.activeIndex > -1 ? `op-${this._opts.activeIndex}` : '';\n    const expanded = this.open ? 'true' : 'false';\n\n    return html`\n      <div class=\"combobox-face face\">\n        <input\n          aria-activedescendant=${activeDescendant}\n          aria-autocomplete=\"list\"\n          aria-controls=\"select-listbox\"\n          aria-expanded=${expanded}\n          aria-haspopup=\"listbox\"\n          aria-label=${ifDefined(this.label)}\n          class=\"combobox-input\"\n          role=\"combobox\"\n          spellcheck=\"false\"\n          type=\"text\"\n          autocomplete=\"off\"\n          .value=${inputVal}\n          @focus=${this._onComboboxInputFocus}\n          @blur=${this._onComboboxInputBlur}\n          @input=${this._onComboboxInputInput}\n          @click=${this._onComboboxInputClick}\n          @keydown=${this._onComboboxInputSpaceKeyDown}\n        />\n        <button\n          aria-label=\"Open the list of options\"\n          class=\"combobox-button\"\n          type=\"button\"\n          @click=${this._onComboboxButtonClick}\n          @keydown=${this._onComboboxButtonKeyDown}\n          tabindex=\"-1\"\n        >\n          ${chevronDownIcon}\n        </button>\n      </div>\n    `;\n  }\n\n  override render(): TemplateResult {\n    return html`\n      <div class=\"single-select\">\n        <slot class=\"main-slot\" @slotchange=${this._onSlotChange}></slot>\n        ${this.combobox ? this._renderComboboxFace() : this._renderSelectFace()}\n        ${this._renderDropdown()}\n      </div>\n    `;\n  }\n  //#endregion\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-single-select': VscodeSingleSelect;\n  }\n\n  interface GlobalEventHandlersEventMap {\n    'vsc-single-select-create-option': VscSingleSelectCreateOptionEvent;\n  }\n}\n"]}

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

@@ -1,6 +1,6 @@
 import { ReactiveController } from 'lit';
 import { type VscodeTable } from './vscode-table.js';
-import { Percent, Px } from './calculations.js';
+import { Percent, Px } from '../includes/sizes.js';
 type SplitterElement = HTMLDivElement & {
     dataset: DOMStringMap & {
         index: string;
@@ -11,7 +11,7 @@ export declare class ColumnResizeController implements ReactiveController {
     private _hostWidth;
     private _hostX;
     private _activeSplitter;
-    private _minColumnWidth;
+    private _columnMinWidths;
     private _columnWidths;
     private _dragState;
     private _cachedSplitterPositions;
@@ -21,10 +21,11 @@ export declare class ColumnResizeController implements ReactiveController {
     get splitterPositions(): Percent[];
     getActiveSplitterCalculatedPosition(): Px;
     get columnWidths(): Percent[];
+    get columnMinWidths(): Map<number, Percent>;
     saveHostDimensions(): this;
     setActiveSplitter(splitter: HTMLElement): this;
     getActiveSplitter(): SplitterElement | null;
-    setMinColumnWidth(width: Percent): this;
+    setColumnMinWidthAt(colIndex: number, value: Percent): this;
     setColumWidths(widths: Percent[]): this;
     shouldDrag(event: PointerEvent): boolean;
     startDrag(event: PointerEvent): void;

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnResizeController.d.ts","sourceRoot":"","sources":["../../src/vscode-table/ColumnResizeController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,KAAK,CAAC;AACvC,OAAO,EAAC,KAAK,WAAW,EAAC,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAEL,OAAO,EAEP,EAAE,EAIH,MAAM,mBAAmB,CAAC;AAE3B,KAAK,eAAe,GAAG,cAAc,GAAG;IACtC,OAAO,EAAE,YAAY,GAAG;QACtB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AAEF,qBAAa,sBAAuB,YAAW,kBAAkB;IAC/D,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,eAAe,CAAgC;IACvD,OAAO,CAAC,eAAe,CAAc;IACrC,OAAO,CAAC,aAAa,CAAiB;IACtC,OAAO,CAAC,UAAU,CAKF;IAChB,OAAO,CAAC,wBAAwB,CAA0B;gBAE9C,IAAI,EAAE,WAAW;IAI7B,aAAa,IAAI,IAAI;IAIrB,IAAI,UAAU,IAAI,OAAO,CAExB;IAED,IAAI,iBAAiB,IAAI,OAAO,EAAE,CAiBjC;IAED,mCAAmC;IAanC,IAAI,YAAY,cAEf;IAED,kBAAkB;IAQlB,iBAAiB,CAAC,QAAQ,EAAE,WAAW;IAKvC,iBAAiB;IAIjB,iBAAiB,CAAC,KAAK,EAAE,OAAO;IAKhC,cAAc,CAAC,MAAM,EAAE,OAAO,EAAE;IAOhC,UAAU,CAAC,KAAK,EAAE,YAAY;IAO9B,SAAS,CAAC,KAAK,EAAE,YAAY;IAwB7B,IAAI,CAAC,KAAK,EAAE,YAAY;IAiDxB,QAAQ,CAAC,KAAK,EAAE,YAAY;IAoB5B,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,KAAK;CAGd"}
+{"version":3,"file":"ColumnResizeController.d.ts","sourceRoot":"","sources":["../../src/vscode-table/ColumnResizeController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,KAAK,CAAC;AACvC,OAAO,EAAC,KAAK,WAAW,EAAC,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAC,OAAO,EAAW,EAAE,EAAsB,MAAM,sBAAsB,CAAC;AAG/E,KAAK,eAAe,GAAG,cAAc,GAAG;IACtC,OAAO,EAAE,YAAY,GAAG;QACtB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AAEF,qBAAa,sBAAuB,YAAW,kBAAkB;IAC/D,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,eAAe,CAAgC;IACvD,OAAO,CAAC,gBAAgB,CAA8B;IACtD,OAAO,CAAC,aAAa,CAAiB;IACtC,OAAO,CAAC,UAAU,CAKF;IAChB,OAAO,CAAC,wBAAwB,CAA0B;gBAE9C,IAAI,EAAE,WAAW;IAI7B,aAAa,IAAI,IAAI;IAIrB,IAAI,UAAU,IAAI,OAAO,CAExB;IAED,IAAI,iBAAiB,IAAI,OAAO,EAAE,CAiBjC;IAED,mCAAmC;IAanC,IAAI,YAAY,cAEf;IAED,IAAI,eAAe,yBAElB;IAED,kBAAkB;IAQlB,iBAAiB,CAAC,QAAQ,EAAE,WAAW;IAKvC,iBAAiB;IAIjB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO;IAMpD,cAAc,CAAC,MAAM,EAAE,OAAO,EAAE;IAOhC,UAAU,CAAC,KAAK,EAAE,YAAY;IAO9B,SAAS,CAAC,KAAK,EAAE,YAAY;IAwB7B,IAAI,CAAC,KAAK,EAAE,YAAY;IAiDxB,QAAQ,CAAC,KAAK,EAAE,YAAY;IAoB5B,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,KAAK;CAGd"}

package/dist/vscode-table/ColumnResizeController.js

@@ -1,10 +1,11 @@
-import { calculateColumnWidths, percent, px, toPercent, toPx, } from './calculations.js';
+import { percent, px, toPercent, toPx } from '../includes/sizes.js';
+import { calculateColumnWidths } from './calculations.js';
 export class ColumnResizeController {
     constructor(host) {
         this._hostWidth = px(0);
         this._hostX = px(0);
         this._activeSplitter = null;
-        this._minColumnWidth = percent(0);
+        this._columnMinWidths = new Map();
         this._columnWidths = [];
         this._dragState = null;
         this._cachedSplitterPositions = null;
@@ -41,6 +42,9 @@ export class ColumnResizeController {
     get columnWidths() {
         return this._columnWidths;
     }
+    get columnMinWidths() {
+        return new Map(this._columnMinWidths);
+    }
     saveHostDimensions() {
         const cr = this._host.getBoundingClientRect();
         const { width, x } = cr;
@@ -55,8 +59,9 @@ export class ColumnResizeController {
     getActiveSplitter() {
         return this._activeSplitter;
     }
-    setMinColumnWidth(width) {
-        this._minColumnWidth = width;
+    setColumnMinWidthAt(colIndex, value) {
+        this._columnMinWidths.set(colIndex, value);
+        this._host.requestUpdate();
         return this;
     }
     setColumWidths(widths) {
@@ -111,7 +116,7 @@ export class ColumnResizeController {
             (deltaPx > 0 && mouseX < splitterPos + this._hostX)) {
             return;
         }
-        this._columnWidths = calculateColumnWidths(this._columnWidths, this._dragState.splitterIndex, delta, this._minColumnWidth);
+        this._columnWidths = calculateColumnWidths(this._columnWidths, this._dragState.splitterIndex, delta, this._columnMinWidths);
         this._cachedSplitterPositions = null;
         this._host.requestUpdate();
     }

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnResizeController.js","sourceRoot":"","sources":["../../src/vscode-table/ColumnResizeController.ts"],"names":[],"mappings":"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","sourcesContent":["import {ReactiveController} from 'lit';\nimport {type VscodeTable} from './vscode-table.js';\nimport {\n  calculateColumnWidths,\n  Percent,\n  percent,\n  Px,\n  px,\n  toPercent,\n  toPx,\n} from './calculations.js';\n\ntype SplitterElement = HTMLDivElement & {\n  dataset: DOMStringMap & {\n    index: string;\n  };\n};\n\nexport class ColumnResizeController implements ReactiveController {\n  private _host: VscodeTable;\n  private _hostWidth = px(0);\n  private _hostX = px(0);\n  private _activeSplitter: SplitterElement | null = null;\n  private _minColumnWidth = percent(0);\n  private _columnWidths: Percent[] = [];\n  private _dragState: {\n    splitterIndex: number;\n    pointerId: number;\n    prevX: Px;\n    dragOffset: Px;\n  } | null = null;\n  private _cachedSplitterPositions: Percent[] | null = null;\n\n  constructor(host: VscodeTable) {\n    (this._host = host).addController(this);\n  }\n\n  hostConnected(): void {\n    this.saveHostDimensions();\n  }\n\n  get isDragging(): boolean {\n    return this._dragState !== null;\n  }\n\n  get splitterPositions(): Percent[] {\n    if (this._cachedSplitterPositions) {\n      return this._cachedSplitterPositions;\n    }\n\n    const result: Percent[] = [];\n\n    let acc = percent(0);\n\n    for (let i = 0; i < this._columnWidths.length - 1; i++) {\n      acc = percent(acc + this._columnWidths[i]);\n      result.push(acc);\n    }\n\n    this._cachedSplitterPositions = result;\n\n    return result;\n  }\n\n  getActiveSplitterCalculatedPosition() {\n    const splitterPositions = this.splitterPositions;\n\n    if (!this._dragState) {\n      return px(0);\n    }\n\n    const activeSplitterPos = splitterPositions[this._dragState.splitterIndex];\n    const activeSplitterPosPx = this._toPx(activeSplitterPos);\n\n    return activeSplitterPosPx;\n  }\n\n  get columnWidths() {\n    return this._columnWidths;\n  }\n\n  saveHostDimensions() {\n    const cr = this._host.getBoundingClientRect();\n    const {width, x} = cr;\n    this._hostWidth = px(width);\n    this._hostX = px(x);\n    return this;\n  }\n\n  setActiveSplitter(splitter: HTMLElement) {\n    this._activeSplitter = splitter as SplitterElement;\n    return this;\n  }\n\n  getActiveSplitter() {\n    return this._activeSplitter;\n  }\n\n  setMinColumnWidth(width: Percent) {\n    this._minColumnWidth = width;\n    return this;\n  }\n\n  setColumWidths(widths: Percent[]) {\n    this._columnWidths = widths;\n    this._cachedSplitterPositions = null;\n    this._host.requestUpdate();\n    return this;\n  }\n\n  shouldDrag(event: PointerEvent) {\n    return (\n      +(event.currentTarget as SplitterElement).dataset.index ===\n      this._dragState?.splitterIndex\n    );\n  }\n\n  startDrag(event: PointerEvent) {\n    event.stopPropagation();\n\n    if (this._dragState) {\n      return;\n    }\n\n    this._activeSplitter?.setPointerCapture(event.pointerId);\n\n    const mouseX = event.pageX;\n    const splitter = event.currentTarget as SplitterElement;\n    const splitterX = splitter!.getBoundingClientRect().x;\n    const xOffset = px(mouseX - splitterX);\n\n    this._dragState = {\n      dragOffset: px(xOffset),\n      pointerId: event.pointerId,\n      splitterIndex: +splitter.dataset.index,\n      prevX: px(mouseX - xOffset),\n    };\n\n    this._host.requestUpdate();\n  }\n\n  drag(event: PointerEvent) {\n    event.stopPropagation();\n\n    if (\n      !(event?.currentTarget as SplitterElement)?.hasPointerCapture?.(\n        event.pointerId\n      )\n    ) {\n      return;\n    }\n\n    if (!this._dragState) {\n      return;\n    }\n\n    if (event.pointerId !== this._dragState.pointerId) {\n      return;\n    }\n\n    if (!this.shouldDrag(event)) {\n      return;\n    }\n\n    const mouseX = event.pageX;\n    const x = px(mouseX - this._dragState.dragOffset);\n    const deltaPx = px(x - this._dragState.prevX);\n    const delta = this._toPercent(deltaPx);\n    this._dragState.prevX = x;\n\n    const splitterPos = this.getActiveSplitterCalculatedPosition();\n\n    if (\n      (deltaPx <= 0 && mouseX > splitterPos + this._hostX) ||\n      (deltaPx > 0 && mouseX < splitterPos + this._hostX)\n    ) {\n      return;\n    }\n\n    this._columnWidths = calculateColumnWidths(\n      this._columnWidths,\n      this._dragState.splitterIndex,\n      delta,\n      this._minColumnWidth\n    );\n    this._cachedSplitterPositions = null;\n\n    this._host.requestUpdate();\n  }\n\n  stopDrag(event: PointerEvent) {\n    event.stopPropagation();\n\n    if (!this._dragState) {\n      return;\n    }\n\n    const el = event.currentTarget as SplitterElement;\n\n    try {\n      el.releasePointerCapture(this._dragState.pointerId);\n    } catch (e) {\n      // ignore\n    }\n\n    this._dragState = null;\n    this._activeSplitter = null;\n    this._host.requestUpdate();\n  }\n\n  private _toPercent(px: Px) {\n    return toPercent(px, this._hostWidth);\n  }\n\n  private _toPx(percent: Percent) {\n    return toPx(percent, this._hostWidth);\n  }\n}\n"]}
+{"version":3,"file":"ColumnResizeController.js","sourceRoot":"","sources":["../../src/vscode-table/ColumnResizeController.ts"],"names":[],"mappings":"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","sourcesContent":["import {ReactiveController} from 'lit';\nimport {type VscodeTable} from './vscode-table.js';\nimport {Percent, percent, Px, px, toPercent, toPx} from '../includes/sizes.js';\nimport {calculateColumnWidths} from './calculations.js';\n\ntype SplitterElement = HTMLDivElement & {\n  dataset: DOMStringMap & {\n    index: string;\n  };\n};\n\nexport class ColumnResizeController implements ReactiveController {\n  private _host: VscodeTable;\n  private _hostWidth = px(0);\n  private _hostX = px(0);\n  private _activeSplitter: SplitterElement | null = null;\n  private _columnMinWidths = new Map<number, Percent>();\n  private _columnWidths: Percent[] = [];\n  private _dragState: {\n    splitterIndex: number;\n    pointerId: number;\n    prevX: Px;\n    dragOffset: Px;\n  } | null = null;\n  private _cachedSplitterPositions: Percent[] | null = null;\n\n  constructor(host: VscodeTable) {\n    (this._host = host).addController(this);\n  }\n\n  hostConnected(): void {\n    this.saveHostDimensions();\n  }\n\n  get isDragging(): boolean {\n    return this._dragState !== null;\n  }\n\n  get splitterPositions(): Percent[] {\n    if (this._cachedSplitterPositions) {\n      return this._cachedSplitterPositions;\n    }\n\n    const result: Percent[] = [];\n\n    let acc = percent(0);\n\n    for (let i = 0; i < this._columnWidths.length - 1; i++) {\n      acc = percent(acc + this._columnWidths[i]);\n      result.push(acc);\n    }\n\n    this._cachedSplitterPositions = result;\n\n    return result;\n  }\n\n  getActiveSplitterCalculatedPosition() {\n    const splitterPositions = this.splitterPositions;\n\n    if (!this._dragState) {\n      return px(0);\n    }\n\n    const activeSplitterPos = splitterPositions[this._dragState.splitterIndex];\n    const activeSplitterPosPx = this._toPx(activeSplitterPos);\n\n    return activeSplitterPosPx;\n  }\n\n  get columnWidths() {\n    return this._columnWidths;\n  }\n\n  get columnMinWidths() {\n    return new Map(this._columnMinWidths);\n  }\n\n  saveHostDimensions() {\n    const cr = this._host.getBoundingClientRect();\n    const {width, x} = cr;\n    this._hostWidth = px(width);\n    this._hostX = px(x);\n    return this;\n  }\n\n  setActiveSplitter(splitter: HTMLElement) {\n    this._activeSplitter = splitter as SplitterElement;\n    return this;\n  }\n\n  getActiveSplitter() {\n    return this._activeSplitter;\n  }\n\n  setColumnMinWidthAt(colIndex: number, value: Percent) {\n    this._columnMinWidths.set(colIndex, value);\n    this._host.requestUpdate();\n    return this;\n  }\n\n  setColumWidths(widths: Percent[]) {\n    this._columnWidths = widths;\n    this._cachedSplitterPositions = null;\n    this._host.requestUpdate();\n    return this;\n  }\n\n  shouldDrag(event: PointerEvent) {\n    return (\n      +(event.currentTarget as SplitterElement).dataset.index ===\n      this._dragState?.splitterIndex\n    );\n  }\n\n  startDrag(event: PointerEvent) {\n    event.stopPropagation();\n\n    if (this._dragState) {\n      return;\n    }\n\n    this._activeSplitter?.setPointerCapture(event.pointerId);\n\n    const mouseX = event.pageX;\n    const splitter = event.currentTarget as SplitterElement;\n    const splitterX = splitter!.getBoundingClientRect().x;\n    const xOffset = px(mouseX - splitterX);\n\n    this._dragState = {\n      dragOffset: px(xOffset),\n      pointerId: event.pointerId,\n      splitterIndex: +splitter.dataset.index,\n      prevX: px(mouseX - xOffset),\n    };\n\n    this._host.requestUpdate();\n  }\n\n  drag(event: PointerEvent) {\n    event.stopPropagation();\n\n    if (\n      !(event?.currentTarget as SplitterElement)?.hasPointerCapture?.(\n        event.pointerId\n      )\n    ) {\n      return;\n    }\n\n    if (!this._dragState) {\n      return;\n    }\n\n    if (event.pointerId !== this._dragState.pointerId) {\n      return;\n    }\n\n    if (!this.shouldDrag(event)) {\n      return;\n    }\n\n    const mouseX = event.pageX;\n    const x = px(mouseX - this._dragState.dragOffset);\n    const deltaPx = px(x - this._dragState.prevX);\n    const delta = this._toPercent(deltaPx);\n    this._dragState.prevX = x;\n\n    const splitterPos = this.getActiveSplitterCalculatedPosition();\n\n    if (\n      (deltaPx <= 0 && mouseX > splitterPos + this._hostX) ||\n      (deltaPx > 0 && mouseX < splitterPos + this._hostX)\n    ) {\n      return;\n    }\n\n    this._columnWidths = calculateColumnWidths(\n      this._columnWidths,\n      this._dragState.splitterIndex,\n      delta,\n      this._columnMinWidths\n    );\n    this._cachedSplitterPositions = null;\n\n    this._host.requestUpdate();\n  }\n\n  stopDrag(event: PointerEvent) {\n    event.stopPropagation();\n\n    if (!this._dragState) {\n      return;\n    }\n\n    const el = event.currentTarget as SplitterElement;\n\n    try {\n      el.releasePointerCapture(this._dragState.pointerId);\n    } catch (e) {\n      // ignore\n    }\n\n    this._dragState = null;\n    this._activeSplitter = null;\n    this._host.requestUpdate();\n  }\n\n  private _toPercent(px: Px) {\n    return toPercent(px, this._hostWidth);\n  }\n\n  private _toPx(percent: Percent) {\n    return toPx(percent, this._hostWidth);\n  }\n}\n"]}

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

@@ -1,13 +1,3 @@
-export type Px = number & {
-    readonly __unit: 'px';
-};
-export type Percent = number & {
-    readonly __unit: '%';
-};
-export declare const px: (value: number) => Px;
-export declare const percent: (value: number) => Percent;
-export declare const toPercent: (px: Px, container: Px) => Percent;
-export declare const toPx: (p: Percent, container: Px) => Px;
-export declare function calculateColumnWidths(widths: Percent[], splitterIndex: number, delta: Percent, minWidth: Percent): Percent[];
-export declare const parseSizeAttributeToPercent: (raw: string | number, base: number) => number | null;
+import { Percent } from '../includes/sizes.js';
+export declare function calculateColumnWidths(widths: Percent[], splitterIndex: number, delta: Percent, minWidths: Map<number, Percent>): Percent[];
 //# sourceMappingURL=calculations.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"calculations.d.ts","sourceRoot":"","sources":["../../src/vscode-table/calculations.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,EAAE,GAAG,MAAM,GAAG;IAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAA;CAAC,CAAC;AAClD,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG;IAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAA;CAAC,CAAC;AAEtD,eAAO,MAAM,EAAE,GAAI,OAAO,MAAM,KAAG,EAAiB,CAAC;AACrD,eAAO,MAAM,OAAO,GAAI,OAAO,MAAM,KAAG,OAA2B,CAAC;AAEpE,eAAO,MAAM,SAAS,GAAI,IAAI,EAAE,EAAE,WAAW,EAAE,KAAG,OACjB,CAAC;AAElC,eAAO,MAAM,IAAI,GAAI,GAAG,OAAO,EAAE,WAAW,EAAE,KAAG,EACtB,CAAC;AAE5B,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,OAAO,EAAE,EACjB,aAAa,EAAE,MAAM,EACrB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,OAAO,GAChB,OAAO,EAAE,CAmEX;AAsBD,eAAO,MAAM,2BAA2B,GACtC,KAAK,MAAM,GAAG,MAAM,EACpB,MAAM,MAAM,KACX,MAAM,GAAG,IAaX,CAAC"}
+{"version":3,"file":"calculations.d.ts","sourceRoot":"","sources":["../../src/vscode-table/calculations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAU,MAAM,sBAAsB,CAAC;AAEtD,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,OAAO,EAAE,EACjB,aAAa,EAAE,MAAM,EACrB,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAC9B,OAAO,EAAE,CAmEX"}

package/dist/vscode-table/calculations.js

@@ -1,8 +1,5 @@
-export const px = (value) => value;
-export const percent = (value) => value;
-export const toPercent = (px, container) => percent((px / container) * 100);
-export const toPx = (p, container) => px((p / 100) * container);
-export function calculateColumnWidths(widths, splitterIndex, delta, minWidth) {
+import { percent } from '../includes/sizes.js';
+export function calculateColumnWidths(widths, splitterIndex, delta, minWidths) {
     const result = [...widths];
     // No-op for invalid splitter position or zero delta
     if (delta === 0 || splitterIndex < 0 || splitterIndex >= widths.length - 1) {
@@ -26,7 +23,7 @@ export function calculateColumnWidths(widths, splitterIndex, delta, minWidth) {
     // Calculate total shrinkable space respecting minWidth
     let totalAvailable = percent(0);
     for (const i of shrinkingSide) {
-        const available = Math.max(0, result[i] - minWidth);
+        const available = Math.max(0, result[i] - (minWidths.get(i) ?? 0));
         totalAvailable = percent(totalAvailable + available);
     }
     // Abort if the requested delta cannot be fully satisfied
@@ -38,7 +35,7 @@ export function calculateColumnWidths(widths, splitterIndex, delta, minWidth) {
         if (remaining === 0) {
             break;
         }
-        const available = Math.max(0, result[i] - minWidth);
+        const available = Math.max(0, result[i] - (minWidths.get(i) ?? 0));
         const take = Math.min(available, remaining);
         result[i] = percent(result[i] - take);
         remaining = percent(remaining - take);
@@ -54,29 +51,4 @@ export function calculateColumnWidths(widths, splitterIndex, delta, minWidth) {
     }
     return result;
 }
-const parsers = [
-    {
-        test: (v) => /^-?\d+(\.\d+)?%$/.test(v),
-        parse: (v) => Number(v.slice(0, -1)),
-    },
-    {
-        test: (v) => /^-?\d+(\.\d+)?px$/.test(v),
-        parse: (v, base) => (Number(v.slice(0, -2)) / base) * 100,
-    },
-    {
-        test: (v) => /^-?\d+(\.\d+)?$/.test(v),
-        parse: (v, base) => (Number(v) / base) * 100,
-    },
-];
-export const parseSizeAttributeToPercent = (raw, base) => {
-    if (!Number.isFinite(base) || base === 0) {
-        return null;
-    }
-    if (typeof raw === 'number') {
-        return Number.isFinite(raw) ? (raw / base) * 100 : null;
-    }
-    const value = raw.trim();
-    const parser = parsers.find((p) => p.test(value));
-    return parser ? parser.parse(value, base) : null;
-};
 //# sourceMappingURL=calculations.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"calculations.js","sourceRoot":"","sources":["../../src/vscode-table/calculations.ts"],"names":[],"mappings":"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","sourcesContent":["export type Px = number & {readonly __unit: 'px'};\nexport type Percent = number & {readonly __unit: '%'};\n\nexport const px = (value: number): Px => value as Px;\nexport const percent = (value: number): Percent => value as Percent;\n\nexport const toPercent = (px: Px, container: Px): Percent =>\n  percent((px / container) * 100);\n\nexport const toPx = (p: Percent, container: Px): Px =>\n  px((p / 100) * container);\n\nexport function calculateColumnWidths(\n  widths: Percent[],\n  splitterIndex: number,\n  delta: Percent,\n  minWidth: Percent\n): Percent[] {\n  const result = [...widths];\n\n  // No-op for invalid splitter position or zero delta\n  if (delta === 0 || splitterIndex < 0 || splitterIndex >= widths.length - 1) {\n    return result;\n  }\n\n  const absDelta = Math.abs(delta);\n  let remaining: Percent = percent(absDelta);\n\n  const leftIndices: number[] = [];\n  const rightIndices: number[] = [];\n\n  // Collect column indices to the left of the splitter (inclusive)\n  for (let i = splitterIndex; i >= 0; i--) {\n    leftIndices.push(i);\n  }\n\n  // Collect column indices to the right of the splitter\n  for (let i = splitterIndex + 1; i < widths.length; i++) {\n    rightIndices.push(i);\n  }\n\n  // One side shrinks, the other grows depending on drag direction\n  const shrinkingSide = delta > 0 ? rightIndices : leftIndices;\n  const growingSide = delta > 0 ? leftIndices : rightIndices;\n\n  // Calculate total shrinkable space respecting minWidth\n  let totalAvailable: Percent = percent(0);\n\n  for (const i of shrinkingSide) {\n    const available = Math.max(0, result[i] - minWidth);\n    totalAvailable = percent(totalAvailable + available);\n  }\n\n  // Abort if the requested delta cannot be fully satisfied\n  if (totalAvailable < remaining) {\n    return result;\n  }\n\n  // Shrink columns sequentially until the delta is fully consumed\n  for (const i of shrinkingSide) {\n    if (remaining === 0) {\n      break;\n    }\n\n    const available = Math.max(0, result[i] - minWidth);\n    const take = Math.min(available, remaining);\n\n    result[i] = percent(result[i] - take);\n    remaining = percent(remaining - take);\n  }\n\n  // Apply the exact opposite delta to the growing side\n  let toAdd: Percent = percent(absDelta);\n\n  for (const i of growingSide) {\n    if (toAdd === 0) {\n      break;\n    }\n\n    result[i] = percent(result[i] + toAdd);\n    toAdd = percent(0); // all growth is applied to the nearest column\n  }\n\n  return result;\n}\n\ntype Parser = {\n  test: (value: string) => boolean;\n  parse: (value: string, base: number) => number;\n};\n\nconst parsers: Parser[] = [\n  {\n    test: (v) => /^-?\\d+(\\.\\d+)?%$/.test(v),\n    parse: (v) => Number(v.slice(0, -1)),\n  },\n  {\n    test: (v) => /^-?\\d+(\\.\\d+)?px$/.test(v),\n    parse: (v, base) => (Number(v.slice(0, -2)) / base) * 100,\n  },\n  {\n    test: (v) => /^-?\\d+(\\.\\d+)?$/.test(v),\n    parse: (v, base) => (Number(v) / base) * 100,\n  },\n];\n\nexport const parseSizeAttributeToPercent = (\n  raw: string | number,\n  base: number\n): number | null => {\n  if (!Number.isFinite(base) || base === 0) {\n    return null;\n  }\n\n  if (typeof raw === 'number') {\n    return Number.isFinite(raw) ? (raw / base) * 100 : null;\n  }\n\n  const value = raw.trim();\n  const parser = parsers.find((p) => p.test(value));\n\n  return parser ? parser.parse(value, base) : null;\n};\n"]}
+{"version":3,"file":"calculations.js","sourceRoot":"","sources":["../../src/vscode-table/calculations.ts"],"names":[],"mappings":"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","sourcesContent":["import {Percent, percent} from '../includes/sizes.js';\n\nexport function calculateColumnWidths(\n  widths: Percent[],\n  splitterIndex: number,\n  delta: Percent,\n  minWidths: Map<number, Percent>\n): Percent[] {\n  const result = [...widths];\n\n  // No-op for invalid splitter position or zero delta\n  if (delta === 0 || splitterIndex < 0 || splitterIndex >= widths.length - 1) {\n    return result;\n  }\n\n  const absDelta = Math.abs(delta);\n  let remaining: Percent = percent(absDelta);\n\n  const leftIndices: number[] = [];\n  const rightIndices: number[] = [];\n\n  // Collect column indices to the left of the splitter (inclusive)\n  for (let i = splitterIndex; i >= 0; i--) {\n    leftIndices.push(i);\n  }\n\n  // Collect column indices to the right of the splitter\n  for (let i = splitterIndex + 1; i < widths.length; i++) {\n    rightIndices.push(i);\n  }\n\n  // One side shrinks, the other grows depending on drag direction\n  const shrinkingSide = delta > 0 ? rightIndices : leftIndices;\n  const growingSide = delta > 0 ? leftIndices : rightIndices;\n\n  // Calculate total shrinkable space respecting minWidth\n  let totalAvailable: Percent = percent(0);\n\n  for (const i of shrinkingSide) {\n    const available = Math.max(0, result[i] - (minWidths.get(i) ?? 0));\n    totalAvailable = percent(totalAvailable + available);\n  }\n\n  // Abort if the requested delta cannot be fully satisfied\n  if (totalAvailable < remaining) {\n    return result;\n  }\n\n  // Shrink columns sequentially until the delta is fully consumed\n  for (const i of shrinkingSide) {\n    if (remaining === 0) {\n      break;\n    }\n\n    const available = Math.max(0, result[i] - (minWidths.get(i) ?? 0));\n    const take = Math.min(available, remaining);\n\n    result[i] = percent(result[i] - take);\n    remaining = percent(remaining - take);\n  }\n\n  // Apply the exact opposite delta to the growing side\n  let toAdd: Percent = percent(absDelta);\n\n  for (const i of growingSide) {\n    if (toAdd === 0) {\n      break;\n    }\n\n    result[i] = percent(result[i] + toAdd);\n    toAdd = percent(0); // all growth is applied to the nearest column\n  }\n\n  return result;\n}\n"]}

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

@@ -97,6 +97,7 @@ export declare class VscodeTable extends VscElement {
     private _prevHeaderHeight;
     private _prevComponentHeight;
     private _columnResizeController;
+    constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected willUpdate(changedProperties: PropertyValues): void;
@@ -136,6 +137,7 @@ export declare class VscodeTable extends VscElement {
     private _handleSplitterPointerMove;
     private _handleSplitterPointerUp;
     private _handleSplitterPointerCancel;
+    private _handleMinColumnWidthChange;
     render(): TemplateResult;
 }
 declare global {

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

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

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

@@ -10,10 +10,9 @@ import { classMap } from 'lit/directives/class-map.js';
 import { customElement, VscElement } from '../includes/VscElement.js';
 import { stylePropertyMap } from '../includes/style-property-map.js';
 import '../vscode-scrollable/index.js';
-import { parseSizeAttributeToPercent } from './calculations.js';
+import { parseSizeAttributeToPercent, percent, } from '../includes/sizes.js';
 import styles from './vscode-table.styles.js';
 import { ColumnResizeController } from './ColumnResizeController.js';
-import { percent } from './calculations.js';
 /**
  * @tag vscode-table
  *
@@ -22,8 +21,32 @@ import { percent } from './calculations.js';
  * @cssprop [--vscode-sash-hoverBorder=#0078d4]
  */
 let VscodeTable = class VscodeTable extends VscElement {
+    /**
+     * Initial column sizes in a JSON-encoded array.
+     * Accepted values are:
+     * - number
+     * - string-type number (ex.: "100")
+     * - px value (ex.: "100px")
+     * - percentage value (ex.: "50%")
+     * - percentage value (ex.: "50%")
+     * - "auto" keyword
+     */
+    set columns(val) {
+        if (!Array.isArray(val)) {
+            this.warn('Invalid value for "columns": expected an array.');
+            this._columns = [];
+            return;
+        }
+        this._columns = val;
+        if (this.isConnected) {
+            this._initDefaultColumnSizes();
+        }
+    }
+    get columns() {
+        return this._columns;
+    }
     constructor() {
-        super(...arguments);
+        super();
         /** @internal */
         this.role = 'table';
         this.resizable = false;
@@ -122,30 +145,14 @@ let VscodeTable = class VscodeTable extends VscElement {
         this._handleSplitterPointerCancel = (event) => {
             this._stopDrag(event);
         };
-    }
-    /**
-     * Initial column sizes in a JSON-encoded array.
-     * Accepted values are:
-     * - number
-     * - string-type number (ex.: "100")
-     * - px value (ex.: "100px")
-     * - percentage value (ex.: "50%")
-     * - percentage value (ex.: "50%")
-     * - "auto" keyword
-     */
-    set columns(val) {
-        if (!Array.isArray(val)) {
-            this.warn('Invalid value for "columns": expected an array.');
-            this._columns = [];
-            return;
-        }
-        this._columns = val;
-        if (this.isConnected) {
-            this._initDefaultColumnSizes();
-        }
-    }
-    get columns() {
-        return this._columns;
+        this._handleMinColumnWidthChange = (event) => {
+            const { columnIndex, propertyValue } = event.detail;
+            const value = parseSizeAttributeToPercent(propertyValue, this._componentW);
+            if (value) {
+                this._columnResizeController.setColumnMinWidthAt(columnIndex, value);
+            }
+        };
+        this.addEventListener('vsc-table-change-min-column-width', this._handleMinColumnWidthChange);
     }
     connectedCallback() {
         super.connectedCallback();
@@ -159,9 +166,19 @@ let VscodeTable = class VscodeTable extends VscElement {
         this._bodyResizeObserver?.disconnect();
     }
     willUpdate(changedProperties) {
+        // `minColumnWidth` has been deprecated. Until it is completely removed from
+        // the API, it is used as a fallback value when no min-width is specified on
+        // a column header cell.
         if (changedProperties.has('minColumnWidth')) {
             const value = percent(parseSizeAttributeToPercent(this.minColumnWidth, this._componentW) ?? 0);
-            this._columnResizeController.setMinColumnWidth(value);
+            const prevMap = this._columnResizeController.columnMinWidths;
+            const widths = this._columnResizeController.columnWidths;
+            for (let i = 0; i < widths.length; i++) {
+                // Don't override the value comes form table header cell:
+                if (!prevMap.has(i)) {
+                    this._columnResizeController.setColumnMinWidthAt(i, value);
+                }
+            }
         }
     }
     _memoizeComponentDimensions() {
@@ -350,6 +367,16 @@ let VscodeTable = class VscodeTable extends VscElement {
     }
     _onHeaderSlotChange() {
         this._headerCells = this._queryHeaderCells();
+        const minWidths = [];
+        minWidths.fill(percent(0), 0, this._headerCells.length - 1);
+        this._headerCells.forEach((c, i) => {
+            c.index = i;
+            if (c.minWidth) {
+                const minWidth = parseSizeAttributeToPercent(c.minWidth, this._componentW) ??
+                    percent(0);
+                this._columnResizeController.setColumnMinWidthAt(i, minWidth);
+            }
+        });
     }
     _onBodySlotChange() {
         this._initDefaultColumnSizes();