@vscode-elements/elements 2.0.0-pre.1 → 2.0.0-pre.2

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

@@ -4,7 +4,7 @@ const styles = [
     defaultStyles,
     css `
     :host {
-      color: var(--vscode-icon-foreground);
+      color: var(--vscode-icon-foreground, #cccccc);
       display: inline-block;
     }
 
@@ -30,11 +30,17 @@ const styles = [
     }
 
     .button:hover {
-      background-color: var(--vscode-toolbar-hoverBackground);
+      background-color: var(
+        --vscode-toolbar-hoverBackground,
+        rgba(90, 93, 94, 0.31)
+      );
     }
 
     .button:active {
-      background-color: var(--vscode-toolbar-activeBackground);
+      background-color: var(
+        --vscode-toolbar-activeBackground,
+        rgba(99, 102, 103, 0.31)
+      );
     }
 
     .button:focus {
@@ -42,7 +48,7 @@ const styles = [
     }
 
     .button:focus-visible {
-      border-color: var(--vscode-focusBorder);
+      border-color: var(--vscode-focusBorder, #0078d4);
     }
 
     @keyframes icon-spin {

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

@@ -1 +1 @@
-{"version":3,"file":"vscode-icon.styles.js","sourceRoot":"","sources":["../../src/vscode-icon/vscode-icon.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDF;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      color: var(--vscode-icon-foreground);\n      display: inline-block;\n    }\n\n    .codicon[class*='codicon-'] {\n      display: block;\n    }\n\n    .icon,\n    .button {\n      background-color: transparent;\n      display: block;\n      padding: 0;\n    }\n\n    .button {\n      border-color: transparent;\n      border-style: solid;\n      border-width: 1px;\n      border-radius: 5px;\n      color: currentColor;\n      cursor: pointer;\n      padding: 2px;\n    }\n\n    .button:hover {\n      background-color: var(--vscode-toolbar-hoverBackground);\n    }\n\n    .button:active {\n      background-color: var(--vscode-toolbar-activeBackground);\n    }\n\n    .button:focus {\n      outline: none;\n    }\n\n    .button:focus-visible {\n      border-color: var(--vscode-focusBorder);\n    }\n\n    @keyframes icon-spin {\n      100% {\n        transform: rotate(360deg);\n      }\n    }\n\n    .spin {\n      animation-name: icon-spin;\n      animation-timing-function: linear;\n      animation-iteration-count: infinite;\n    }\n  `,\n];\n\nexport default styles;\n"]}
+{"version":3,"file":"vscode-icon.styles.js","sourceRoot":"","sources":["../../src/vscode-icon/vscode-icon.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DF;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      color: var(--vscode-icon-foreground, #cccccc);\n      display: inline-block;\n    }\n\n    .codicon[class*='codicon-'] {\n      display: block;\n    }\n\n    .icon,\n    .button {\n      background-color: transparent;\n      display: block;\n      padding: 0;\n    }\n\n    .button {\n      border-color: transparent;\n      border-style: solid;\n      border-width: 1px;\n      border-radius: 5px;\n      color: currentColor;\n      cursor: pointer;\n      padding: 2px;\n    }\n\n    .button:hover {\n      background-color: var(\n        --vscode-toolbar-hoverBackground,\n        rgba(90, 93, 94, 0.31)\n      );\n    }\n\n    .button:active {\n      background-color: var(\n        --vscode-toolbar-activeBackground,\n        rgba(99, 102, 103, 0.31)\n      );\n    }\n\n    .button:focus {\n      outline: none;\n    }\n\n    .button:focus-visible {\n      border-color: var(--vscode-focusBorder, #0078d4);\n    }\n\n    @keyframes icon-spin {\n      100% {\n        transform: rotate(360deg);\n      }\n    }\n\n    .spin {\n      animation-name: icon-spin;\n      animation-timing-function: linear;\n      animation-iteration-count: infinite;\n    }\n  `,\n];\n\nexport default styles;\n"]}

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

@@ -3,9 +3,9 @@ import { VscElement } from '../includes/VscElement.js';
 /**
  * @tag vscode-label
  *
- * @cssprop --vscode-font-family
- * @cssprop --vscode-font-size
- * @cssprop --vscode-foreground
+ * @cssprop [--vscode-font-family=sans-serif]
+ * @cssprop [--vscode-font-size=13px]
+ * @cssprop [--vscode-foreground=#cccccc]
  */
 export declare class VscodeLabel extends VscElement {
     static styles: import("lit").CSSResultGroup;

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

@@ -1 +1 @@
-{"version":3,"file":"vscode-label.d.ts","sourceRoot":"","sources":["../../src/vscode-label/vscode-label.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAC,MAAM,KAAK,CAAC;AAIzC,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAWrD;;;;;;GAMG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,+BAAU;IAEhC,IACI,OAAO,CAAC,GAAG,EAAE,MAAM,EAOtB;IAED,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IACa,EAAE,CAAC,GAAG,EAAE,MAAM,EAE1B;IAED,IAAa,EAAE,IAAI,MAAM,CAExB;IAGD,QAAQ,UAAS;IAER,wBAAwB,CAC/B,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,GAAG,IAAI,EAClB,KAAK,EAAE,MAAM,GACZ,IAAI;IAIE,iBAAiB,IAAI,IAAI;IAalC,OAAO,CAAC,GAAG,CAAM;IAEjB,OAAO,CAAC,QAAQ,CAAM;IAEtB,OAAO,CAAC,UAAU,CAAS;IAE3B,OAAO,CAAC,UAAU;YAcJ,kBAAkB;IAuBhC,OAAO,CAAC,YAAY;IAQX,MAAM,IAAI,cAAc;CASlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
+{"version":3,"file":"vscode-label.d.ts","sourceRoot":"","sources":["../../src/vscode-label/vscode-label.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAC,MAAM,KAAK,CAAC;AAIzC,OAAO,EAAgB,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAOpE;;;;;;GAMG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,+BAAU;IAEhC,IACI,OAAO,CAAC,GAAG,EAAE,MAAM,EAOtB;IAED,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IACa,EAAE,CAAC,GAAG,EAAE,MAAM,EAE1B;IAED,IAAa,EAAE,IAAI,MAAM,CAExB;IAGD,QAAQ,UAAS;IAER,wBAAwB,CAC/B,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,GAAG,IAAI,EAClB,KAAK,EAAE,MAAM,GACZ,IAAI;IAIE,iBAAiB,IAAI,IAAI;IAalC,OAAO,CAAC,GAAG,CAAM;IAEjB,OAAO,CAAC,QAAQ,CAAM;IAEtB,OAAO,CAAC,UAAU,CAAS;IAE3B,OAAO,CAAC,UAAU;YAcJ,kBAAkB;IAiChC,OAAO,CAAC,YAAY;IAQX,MAAM,IAAI,cAAc;CASlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/dist/vscode-label/vscode-label.js

@@ -5,21 +5,17 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
+import { property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import uniqueId from '../includes/uniqueId.js';
-import { VscElement } from '../includes/VscElement.js';
-import { VscodeCheckboxGroup } from '../vscode-checkbox-group/index.js';
-import { VscodeRadioGroup } from '../vscode-radio-group/index.js';
-import { VscodeTextarea } from '../vscode-textarea/index.js';
-import { VscodeTextfield } from '../vscode-textfield/index.js';
+import { customElement, VscElement } from '../includes/VscElement.js';
 import styles from './vscode-label.styles.js';
 /**
  * @tag vscode-label
  *
- * @cssprop --vscode-font-family
- * @cssprop --vscode-font-size
- * @cssprop --vscode-foreground
+ * @cssprop [--vscode-font-family=sans-serif]
+ * @cssprop [--vscode-font-size=13px]
+ * @cssprop [--vscode-foreground=#cccccc]
  */
 let VscodeLabel = class VscodeLabel extends VscElement {
     constructor() {
@@ -70,15 +66,21 @@ let VscodeLabel = class VscodeLabel extends VscElement {
     async _connectWithTarget() {
         await this.updateComplete;
         const target = this._getTarget();
-        if (target instanceof VscodeRadioGroup ||
-            target instanceof VscodeCheckboxGroup) {
+        if (['vscode-radio-group', 'vscode-checkbox-group'].includes(target?.tagName.toLowerCase() ?? '')) {
             target.setAttribute('aria-labelledby', this._id);
         }
         let label = '';
         if (this.textContent) {
             label = this.textContent.trim();
         }
-        if (target instanceof VscodeTextfield || target instanceof VscodeTextarea) {
+        if (target &&
+            'label' in target &&
+            [
+                'vscode-textfield',
+                'vscode-textarea',
+                'vscode-single-select',
+                'vscode-multi-select',
+            ].includes(target?.tagName.toLowerCase() ?? '')) {
             target.label = label;
         }
     }

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

@@ -1 +1 @@
-{"version":3,"file":"vscode-label.js","sourceRoot":"","sources":["../../src/vscode-label/vscode-label.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport uniqueId from '../includes/uniqueId.js';\nimport {VscElement} from '../includes/VscElement.js';\nimport {VscodeCheckboxGroup} from '../vscode-checkbox-group/index.js';\nimport {VscodeRadioGroup} from '../vscode-radio-group/index.js';\nimport {VscodeTextarea} from '../vscode-textarea/index.js';\nimport {VscodeTextfield} from '../vscode-textfield/index.js';\nimport styles from './vscode-label.styles.js';\n\ninterface FocusableElement extends Element {\n  focus: () => void;\n}\n\n/**\n * @tag vscode-label\n *\n * @cssprop --vscode-font-family\n * @cssprop --vscode-font-size\n * @cssprop --vscode-foreground\n */\n@customElement('vscode-label')\nexport class VscodeLabel extends VscElement {\n  static override styles = styles;\n\n  @property({reflect: true, attribute: 'for'})\n  set htmlFor(val: string) {\n    this._htmlFor = val;\n    this.setAttribute('for', val);\n\n    if (this._connected) {\n      this._connectWithTarget();\n    }\n  }\n\n  get htmlFor(): string {\n    return this._htmlFor;\n  }\n\n  @property()\n  override set id(val: string) {\n    this._id = val;\n  }\n\n  override get id(): string {\n    return this._id;\n  }\n\n  @property({type: Boolean, reflect: true})\n  required = false;\n\n  override attributeChangedCallback(\n    name: string,\n    old: string | null,\n    value: string\n  ): void {\n    super.attributeChangedCallback(name, old, value);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    this._connected = true;\n\n    if (this._id === '') {\n      this._id = uniqueId('vscode-label-');\n      this.setAttribute('id', this._id);\n    }\n\n    this._connectWithTarget();\n  }\n\n  private _id = '';\n\n  private _htmlFor = '';\n\n  private _connected = false;\n\n  private _getTarget() {\n    let target: HTMLElement | null = null;\n\n    if (this._htmlFor) {\n      const root = this.getRootNode({composed: false}) as Document | ShadowRoot;\n\n      if (root) {\n        target = root.querySelector(`#${this._htmlFor}`);\n      }\n    }\n\n    return target;\n  }\n\n  private async _connectWithTarget() {\n    await this.updateComplete;\n\n    const target = this._getTarget();\n\n    if (\n      target instanceof VscodeRadioGroup ||\n      target instanceof VscodeCheckboxGroup\n    ) {\n      target.setAttribute('aria-labelledby', this._id);\n    }\n\n    let label = '';\n\n    if (this.textContent) {\n      label = this.textContent.trim();\n    }\n\n    if (target instanceof VscodeTextfield || target instanceof VscodeTextarea) {\n      target.label = label;\n    }\n  }\n\n  private _handleClick() {\n    const target = this._getTarget();\n\n    if (target && 'focus' in target) {\n      (target as FocusableElement).focus();\n    }\n  }\n\n  override render(): TemplateResult {\n    return html`\n      <label\n        class=${classMap({wrapper: true, required: this.required})}\n        @click=${this._handleClick}\n        ><slot></slot\n      ></label>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-label': VscodeLabel;\n  }\n}\n"]}
+{"version":3,"file":"vscode-label.js","sourceRoot":"","sources":["../../src/vscode-label/vscode-label.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport uniqueId from '../includes/uniqueId.js';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-label.styles.js';\n\ninterface FocusableElement extends Element {\n  focus: () => void;\n}\n\n/**\n * @tag vscode-label\n *\n * @cssprop [--vscode-font-family=sans-serif]\n * @cssprop [--vscode-font-size=13px]\n * @cssprop [--vscode-foreground=#cccccc]\n */\n@customElement('vscode-label')\nexport class VscodeLabel extends VscElement {\n  static override styles = styles;\n\n  @property({reflect: true, attribute: 'for'})\n  set htmlFor(val: string) {\n    this._htmlFor = val;\n    this.setAttribute('for', val);\n\n    if (this._connected) {\n      this._connectWithTarget();\n    }\n  }\n\n  get htmlFor(): string {\n    return this._htmlFor;\n  }\n\n  @property()\n  override set id(val: string) {\n    this._id = val;\n  }\n\n  override get id(): string {\n    return this._id;\n  }\n\n  @property({type: Boolean, reflect: true})\n  required = false;\n\n  override attributeChangedCallback(\n    name: string,\n    old: string | null,\n    value: string\n  ): void {\n    super.attributeChangedCallback(name, old, value);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    this._connected = true;\n\n    if (this._id === '') {\n      this._id = uniqueId('vscode-label-');\n      this.setAttribute('id', this._id);\n    }\n\n    this._connectWithTarget();\n  }\n\n  private _id = '';\n\n  private _htmlFor = '';\n\n  private _connected = false;\n\n  private _getTarget() {\n    let target: HTMLElement | null = null;\n\n    if (this._htmlFor) {\n      const root = this.getRootNode({composed: false}) as Document | ShadowRoot;\n\n      if (root) {\n        target = root.querySelector(`#${this._htmlFor}`);\n      }\n    }\n\n    return target;\n  }\n\n  private async _connectWithTarget() {\n    await this.updateComplete;\n\n    const target = this._getTarget();\n\n    if (\n      ['vscode-radio-group', 'vscode-checkbox-group'].includes(\n        target?.tagName.toLowerCase() ?? ''\n      )\n    ) {\n      (target as HTMLElement).setAttribute('aria-labelledby', this._id);\n    }\n\n    let label = '';\n\n    if (this.textContent) {\n      label = this.textContent.trim();\n    }\n\n    if (\n      target &&\n      'label' in target &&\n      [\n        'vscode-textfield',\n        'vscode-textarea',\n        'vscode-single-select',\n        'vscode-multi-select',\n      ].includes(target?.tagName.toLowerCase() ?? '')\n    ) {\n      target.label = label;\n    }\n  }\n\n  private _handleClick() {\n    const target = this._getTarget();\n\n    if (target && 'focus' in target) {\n      (target as FocusableElement).focus();\n    }\n  }\n\n  override render(): TemplateResult {\n    return html`\n      <label\n        class=${classMap({wrapper: true, required: this.required})}\n        @click=${this._handleClick}\n        ><slot></slot\n      ></label>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-label': VscodeLabel;\n  }\n}\n"]}

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

@@ -5,9 +5,9 @@ const styles = [
     defaultStyles,
     css `
     :host {
-      color: var(--vscode-foreground);
-      font-family: var(--vscode-font-family);
-      font-size: var(--vscode-font-size);
+      color: var(--vscode-foreground, #cccccc);
+      font-family: var(--vscode-font-family, sans-serif);
+      font-size: var(--vscode-font-size, 13px);
       font-weight: 600;
       line-height: ${INPUT_LINE_HEIGHT_RATIO};
       cursor: default;
@@ -28,7 +28,7 @@ const styles = [
     }
 
     ::slotted(.lightened) {
-      color: var(--vscode-foreground);
+      color: var(--vscode-foreground, #cccccc);
       opacity: 0.9;
     }
   `,

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

@@ -1 +1 @@
-{"version":3,"file":"vscode-label.styles.js","sourceRoot":"","sources":["../../src/vscode-label/vscode-label.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAC,uBAAuB,EAAC,MAAM,wBAAwB,CAAC;AAE/D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;qBAMgB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;GAsBzC;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\nimport {INPUT_LINE_HEIGHT_RATIO} from '../includes/helpers.js';\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  css`\n    :host {\n      color: var(--vscode-foreground);\n      font-family: var(--vscode-font-family);\n      font-size: var(--vscode-font-size);\n      font-weight: 600;\n      line-height: ${INPUT_LINE_HEIGHT_RATIO};\n      cursor: default;\n      display: block;\n      padding: 5px 0;\n    }\n\n    .wrapper {\n      display: block;\n    }\n\n    .wrapper.required:after {\n      content: ' *';\n    }\n\n    ::slotted(.normal) {\n      font-weight: normal;\n    }\n\n    ::slotted(.lightened) {\n      color: var(--vscode-foreground);\n      opacity: 0.9;\n    }\n  `,\n];\n\nexport default styles;\n"]}
+{"version":3,"file":"vscode-label.styles.js","sourceRoot":"","sources":["../../src/vscode-label/vscode-label.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAC,uBAAuB,EAAC,MAAM,wBAAwB,CAAC;AAE/D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;qBAMgB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;GAsBzC;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\nimport {INPUT_LINE_HEIGHT_RATIO} from '../includes/helpers.js';\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  css`\n    :host {\n      color: var(--vscode-foreground, #cccccc);\n      font-family: var(--vscode-font-family, sans-serif);\n      font-size: var(--vscode-font-size, 13px);\n      font-weight: 600;\n      line-height: ${INPUT_LINE_HEIGHT_RATIO};\n      cursor: default;\n      display: block;\n      padding: 5px 0;\n    }\n\n    .wrapper {\n      display: block;\n    }\n\n    .wrapper.required:after {\n      content: ' *';\n    }\n\n    ::slotted(.normal) {\n      font-weight: normal;\n    }\n\n    ::slotted(.lightened) {\n      color: var(--vscode-foreground, #cccccc);\n      opacity: 0.9;\n    }\n  `,\n];\n\nexport default styles;\n"]}

package/dist/vscode-multi-select/vscode-multi-select.d.ts

@@ -1,6 +1,9 @@
 import { TemplateResult } from 'lit';
 import { VscodeSelectBase } from '../includes/vscode-select/vscode-select-base.js';
 import { AssociatedFormControl } from '../includes/AssociatedFormControl.js';
+export type VscMultiSelectCreateOptionEvent = CustomEvent<{
+    value: string;
+}>;
 /**
  * Allows to select multiple items from a list of options.
  *
@@ -14,27 +17,27 @@ import { AssociatedFormControl } from '../includes/AssociatedFormControl.js';
  * @attr name - Name which is used as a variable name in the data of the form-container.
  *
  * @cssprop [--dropdown-z-index=2]
- * @cssprop --vscode-badge-background
- * @cssprop --vscode-badge-foreground
- * @cssprop --vscode-settings-dropdownBorder
- * @cssprop --vscode-settings-checkboxBackground
- * @cssprop --vscode-settings-dropdownBackground
- * @cssprop --vscode-settings-dropdownListBorder
- * @cssprop --vscode-focusBorder
- * @cssprop --vscode-foreground
- * @cssprop --vscode-font-family
- * @cssprop --vscode-font-size
- * @cssprop --vscode-font-weight
- * @cssprop --vscode-list-activeSelectionBackground
- * @cssprop --vscode-list-activeSelectionForeground
- * @cssprop --vscode-list-focusOutline
- * @cssprop --vscode-list-focusHighlightForeground
- * @cssprop --vscode-list-highlightForeground
- * @cssprop --vscode-list-hoverBackground
- * @cssprop --vscode-list-hoverForeground
- * @cssprop --vscode-list-hoverBackground
- * @cssprop --vscode-settings-textInputBackground
- * @cssprop --vscode-list-hoverBackground
+ * @cssprop [--vscode-badge-background=#616161]
+ * @cssprop [--vscode-badge-foreground=#f8f8f8]
+ * @cssprop [--vscode-settings-dropdownBorder=#3c3c3c]
+ * @cssprop [--vscode-settings-checkboxBackground=#313131]
+ * @cssprop [--vscode-settings-dropdownBackground=#313131]
+ * @cssprop [--vscode-settings-dropdownForeground=#cccccc]
+ * @cssprop [--vscode-settings-dropdownListBorder=#454545]
+ * @cssprop [--vscode-focusBorder=#0078d4]
+ * @cssprop [--vscode-foreground=#cccccc]
+ * @cssprop [--vscode-font-family=sans-serif]
+ * @cssprop [--vscode-font-size=13px]
+ * @cssprop [--vscode-font-weight=normal]
+ * @cssprop [--vscode-inputValidation-errorBackground=#5a1d1d]
+ * @cssprop [--vscode-inputValidation-errorBorder=#be1100]
+ * @cssprop [--vscode-list-activeSelectionBackground=#04395e]
+ * @cssprop [--vscode-list-activeSelectionForeground=#ffffff]
+ * @cssprop [--vscode-list-focusOutline=#0078d4]
+ * @cssprop [--vscode-list-focusHighlightForeground=#2aaaff]
+ * @cssprop [--vscode-list-highlightForeground=#2aaaff]
+ * @cssprop [--vscode-list-hoverBackground=#2a2d2e]
+ * @cssprop [--vscode-list-hoverForeground=#ffffff]
  */
 export declare class VscodeMultiSelect extends VscodeSelectBase implements AssociatedFormControl {
     static styles: import("lit").CSSResult[];
@@ -46,7 +49,7 @@ export declare class VscodeMultiSelect extends VscodeSelectBase implements Assoc
     name: string | undefined;
     set selectedIndexes(val: number[]);
     get selectedIndexes(): number[];
-    set value(val: string[] | string);
+    set value(val: string[]);
     get value(): string[];
     get form(): HTMLFormElement | null;
     /** @internal */
@@ -56,6 +59,8 @@ export declare class VscodeMultiSelect extends VscodeSelectBase implements Assoc
     get willValidate(): boolean;
     checkValidity(): boolean;
     reportValidity(): boolean;
+    selectAll(): void;
+    selectNone(): void;
     private _internals;
     constructor();
     connectedCallback(): void;
@@ -65,23 +70,31 @@ export declare class VscodeMultiSelect extends VscodeSelectBase implements Assoc
     formStateRestoreCallback(state: FormData, _mode: 'restore' | 'autocomplete'): void;
     private _faceElement;
     private _setDefaultValue;
-    private _manageRequired;
+    protected _dispatchChangeEvent(): void;
+    protected _onFaceClick(): void;
+    protected _toggleComboboxDropdown(): void;
+    protected _manageRequired(): void;
     private _setFormValue;
     private _requestedValueToSetLater;
+    protected _createAndSelectSuggestedOption(): Promise<void>;
     protected _onSlotChange(): void;
-    private _onOptionClick;
+    protected _onOptionClick: (ev: MouseEvent) => void;
+    protected _onEnterKeyDown(ev: KeyboardEvent): void;
     private _onMultiAcceptClick;
     private _onMultiDeselectAllClick;
     private _onMultiSelectAllClick;
     private _renderLabel;
-    protected _renderSelectFace(): TemplateResult;
     protected _renderComboboxFace(): TemplateResult;
-    protected _renderOptions(): TemplateResult;
+    protected _renderSelectFace(): TemplateResult;
     protected _renderDropdownControls(): TemplateResult;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {
         'vscode-multi-select': VscodeMultiSelect;
     }
+    interface GlobalEventHandlersEventMap {
+        'vsc-multi-select-create-option': VscMultiSelectCreateOptionEvent;
+    }
 }
 //# sourceMappingURL=vscode-multi-select.d.ts.map

package/dist/vscode-multi-select/vscode-multi-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-multi-select.d.ts","sourceRoot":"","sources":["../../src/vscode-multi-select/vscode-multi-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,cAAc,EAAC,MAAM,KAAK,CAAC;AAKrD,OAAO,EAAC,gBAAgB,EAAC,MAAM,iDAAiD,CAAC;AAEjF,OAAO,EAAC,qBAAqB,EAAC,MAAM,sCAAsC,CAAC;AAG3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBACa,iBACX,SAAQ,gBACR,YAAW,qBAAqB;IAEhC,OAAgB,MAAM,4BAAU;IAEhC,gBAAgB;IAChB,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEF,MAAM,CAAC,cAAc,UAAQ;IAG7B,YAAY,EAAE,MAAM,EAAE,CAAM;IAG5B,QAAQ,UAAS;IAGjB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC,IACI,eAAe,CAAC,GAAG,EAAE,MAAM,EAAE,EAEhC;IACD,IAAI,eAAe,IAAI,MAAM,EAAE,CAE9B;IAED,IACI,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,MAAM,EA4B/B;IACD,IAAI,KAAK,IAAI,MAAM,EAAE,CAEpB;IAED,IAAI,IAAI,2BAEP;IAED,gBAAgB;IAChB,IAAI,IAAI,WAEP;IAED,IAAI,QAAQ,IAAI,aAAa,CAE5B;IAED,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAED,IAAI,YAAY,YAEf;IAED,aAAa,IAAI,OAAO;IAIxB,cAAc,IAAI,OAAO;IAIzB,OAAO,CAAC,UAAU,CAAmB;;IAS5B,iBAAiB,IAAI,IAAI;IASlC,gBAAgB;IAChB,iBAAiB,IAAI,IAAI;IAMzB,gBAAgB;IAChB,wBAAwB,CACtB,KAAK,EAAE,QAAQ,EACf,KAAK,EAAE,SAAS,GAAG,cAAc,GAChC,IAAI;IASP,OAAO,CAAC,YAAY,CAAkB;IAEtC,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,eAAe;IAevB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,yBAAyB,CAAgB;cAE9B,aAAa,IAAI,IAAI;IAgBxC,OAAO,CAAC,cAAc;IAuCtB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,wBAAwB;IAQhC,OAAO,CAAC,sBAAsB;IAc9B,OAAO,CAAC,YAAY;cAeD,iBAAiB,IAAI,cAAc;cAYnC,mBAAmB,IAAI,cAAc;cA6BrC,cAAc,IAAI,cAAc;cA6ChC,uBAAuB,IAAI,cAAc;CA2B7D;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}
+{"version":3,"file":"vscode-multi-select.d.ts","sourceRoot":"","sources":["../../src/vscode-multi-select/vscode-multi-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,cAAc,EAAC,MAAM,KAAK,CAAC;AAK9D,OAAO,EAAC,gBAAgB,EAAC,MAAM,iDAAiD,CAAC;AAEjF,OAAO,EAAC,qBAAqB,EAAC,MAAM,sCAAsC,CAAC;AAE3E,MAAM,MAAM,+BAA+B,GAAG,WAAW,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,CAAC,CAAC;AAE3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBACa,iBACX,SAAQ,gBACR,YAAW,qBAAqB;IAEhC,OAAgB,MAAM,4BAAU;IAEhC,gBAAgB;IAChB,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEF,MAAM,CAAC,cAAc,UAAQ;IAG7B,YAAY,EAAE,MAAM,EAAE,CAAM;IAG5B,QAAQ,UAAS;IAGjB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC,IACI,eAAe,CAAC,GAAG,EAAE,MAAM,EAAE,EAEhC;IACD,IAAI,eAAe,IAAI,MAAM,EAAE,CAE9B;IAED,IACI,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,EAWtB;IACD,IAAI,KAAK,IAAI,MAAM,EAAE,CAEpB;IAED,IAAI,IAAI,2BAEP;IAED,gBAAgB;IAChB,IAAI,IAAI,WAEP;IAED,IAAI,QAAQ,IAAI,aAAa,CAE5B;IAED,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAED,IAAI,YAAY,YAEf;IAED,aAAa,IAAI,OAAO;IAIxB,cAAc,IAAI,OAAO;IAIzB,SAAS;IAIT,UAAU;IAIV,OAAO,CAAC,UAAU,CAAmB;;IAQ5B,iBAAiB,IAAI,IAAI;IASlC,gBAAgB;IAChB,iBAAiB,IAAI,IAAI;IAMzB,gBAAgB;IAChB,wBAAwB,CACtB,KAAK,EAAE,QAAQ,EACf,KAAK,EAAE,SAAS,GAAG,cAAc,GAChC,IAAI;IASP,OAAO,CAAC,YAAY,CAAkB;IAEtC,OAAO,CAAC,gBAAgB;cAOL,oBAAoB,IAAI,IAAI;cAc5B,YAAY,IAAI,IAAI;cAKpB,uBAAuB,IAAI,IAAI;cAK/B,eAAe;IAelC,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,yBAAyB,CAAgB;cAExB,+BAA+B;cAkBrC,aAAa,IAAI,IAAI;IAWxC,UAAmB,cAAc,GAAI,IAAI,UAAU,UA8BjD;cAEiB,eAAe,CAAC,EAAE,EAAE,aAAa,GAAG,IAAI;IAkB3D,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,wBAAwB;IAQhC,OAAO,CAAC,sBAAsB;IAgB9B,OAAO,CAAC,YAAY;cAWD,mBAAmB,IAAI,cAAc;cAkDrC,iBAAiB,IAAI,cAAc;cAyBnC,uBAAuB,IAAI,cAAc;IAgCnD,MAAM,IAAI,cAAc;CAUlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;IAED,UAAU,2BAA2B;QACnC,gCAAgC,EAAE,+BAA+B,CAAC;KACnE;CACF"}