@vscode-elements/elements 1.16.2-pre.0 → 1.17.0

package/dist/includes/VscElement.js

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

package/dist/includes/VscElement.js.map

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

package/dist/includes/vscode-select/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/includes/vscode-select/styles.ts"],"names":[],"mappings":";AAGA,wBAkYE"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/includes/vscode-select/styles.ts"],"names":[],"mappings":";AAGA,wBAwYE"}

package/dist/includes/vscode-select/styles.js

@@ -188,14 +188,20 @@ export default [
       border-color: var(--vscode-focusBorder, #0078d4);
     }
 
+    .scrollable {
+      display: block;
+      max-height: 222px;
+      margin: 1px;
+      outline: none;
+      overflow: hidden;
+    }
+
     .options {
       box-sizing: border-box;
       cursor: pointer;
       list-style: none;
       margin: 0;
-      max-height: 222px;
-      overflow: auto;
-      padding: 1px;
+      padding: 0;
     }
 
     .option {

package/dist/includes/vscode-select/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/includes/vscode-select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,OAAO,aAAa,MAAM,sBAAsB,CAAC;AAEjD,eAAe;IACb,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+XF;CACF,CAAC","sourcesContent":["import {css} from 'lit';\nimport defaultStyles from '../default.styles.js';\n\nexport default [\n  defaultStyles,\n  css`\n    :host {\n      display: inline-block;\n      max-width: 100%;\n      outline: none;\n      position: relative;\n      width: 320px;\n    }\n\n    .main-slot {\n      display: none;\n    }\n\n    .select-face,\n    .combobox-face {\n      background-color: var(--vscode-settings-dropdownBackground, #313131);\n      border-color: var(--vscode-settings-dropdownBorder, #3c3c3c);\n      border-radius: 2px;\n      border-style: solid;\n      border-width: 1px;\n      box-sizing: border-box;\n      color: var(--vscode-settings-dropdownForeground, #cccccc);\n      font-family: var(--vscode-font-family, sans-serif);\n      font-size: var(--vscode-font-size, 13px);\n      font-weight: var(--vscode-font-weight, normal);\n      line-height: 18px;\n      position: relative;\n      user-select: none;\n      width: 100%;\n    }\n\n    :host([invalid]) .select-face,\n    :host(:invalid) .select-face,\n    :host([invalid]) .combobox-face,\n    :host(:invalid) .combobox-face {\n      background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);\n      border-color: var(--vscode-inputValidation-errorBorder, #be1100);\n    }\n\n    .select-face {\n      cursor: pointer;\n      display: block;\n      padding: 3px 4px;\n    }\n\n    .select-face .text {\n      display: block;\n      height: 18px;\n      overflow: hidden;\n    }\n\n    .select-face.multiselect {\n      padding: 0;\n    }\n\n    .select-face-badge {\n      background-color: var(--vscode-badge-background, #616161);\n      border-radius: 2px;\n      color: var(--vscode-badge-foreground, #f8f8f8);\n      display: inline-block;\n      flex-shrink: 0;\n      font-size: 11px;\n      line-height: 16px;\n      margin: 2px;\n      padding: 2px 3px;\n      white-space: nowrap;\n    }\n\n    .select-face-badge.no-item {\n      background-color: transparent;\n      color: inherit;\n    }\n\n    .combobox-face {\n      display: flex;\n    }\n\n    :host(:focus) .select-face,\n    :host(:focus) .combobox-face,\n    :host([focused]) .select-face,\n    :host([focused]) .combobox-face {\n      border-color: var(--vscode-focusBorder, #0078d4);\n      outline: none;\n    }\n\n    .combobox-input {\n      background-color: transparent;\n      box-sizing: border-box;\n      border: 0;\n      color: var(--vscode-foreground, #cccccc);\n      display: block;\n      font-family: var(--vscode-font-family, sans-serif);\n      font-size: var(--vscode-font-size, 13px);\n      line-height: 16px;\n      padding: 4px;\n      width: 100%;\n    }\n\n    .combobox-input:focus {\n      outline: none;\n    }\n\n    .combobox-button {\n      align-items: center;\n      background-color: transparent;\n      border: 0;\n      border-radius: 2px;\n      box-sizing: content-box;\n      color: var(--vscode-foreground, #cccccc);\n      cursor: pointer;\n      display: flex;\n      flex-shrink: 0;\n      height: 16px;\n      justify-content: center;\n      margin: 1px 1px 0 0;\n      padding: 3px;\n      width: 22px;\n    }\n\n    .combobox-button:hover,\n    .combobox-button:focus-visible {\n      background-color: var(\n        --vscode-toolbar-hoverBackground,\n        rgba(90, 93, 94, 0.31)\n      );\n      outline-style: dashed;\n      outline-color: var(--vscode-toolbar-hoverOutline, transparent);\n    }\n\n    .combobox-button:focus-visible {\n      outline: none;\n    }\n\n    .icon {\n      color: var(--vscode-foreground, #cccccc);\n      display: block;\n      height: 14px;\n      pointer-events: none;\n      width: 14px;\n    }\n\n    .select-face .icon {\n      position: absolute;\n      right: 6px;\n      top: 5px;\n    }\n\n    .icon svg {\n      color: var(--vscode-foreground, #cccccc);\n      height: 100%;\n      width: 100%;\n    }\n\n    .dropdown {\n      background-color: var(--vscode-settings-dropdownBackground, #313131);\n      border-color: var(--vscode-settings-dropdownListBorder, #454545);\n      border-radius: 0 0 3px 3px;\n      border-style: solid;\n      border-width: 1px;\n      box-sizing: border-box;\n      display: none;\n      left: 0;\n      padding-bottom: 2px;\n      position: absolute;\n      top: 100%;\n      width: 100%;\n      z-index: var(--dropdown-z-index, 2);\n    }\n\n    .dropdown.open {\n      display: block;\n    }\n\n    :host([position='above']) .dropdown {\n      border-radius: 3px 3px 0 0;\n      bottom: 26px;\n      padding-bottom: 0;\n      padding-top: 2px;\n      top: auto;\n    }\n\n    :host(:focus) .dropdown,\n    :host([focused]) .dropdown {\n      border-color: var(--vscode-focusBorder, #0078d4);\n    }\n\n    .options {\n      box-sizing: border-box;\n      cursor: pointer;\n      list-style: none;\n      margin: 0;\n      max-height: 222px;\n      overflow: auto;\n      padding: 1px;\n    }\n\n    .option {\n      align-items: center;\n      box-sizing: border-box;\n      color: var(--vscode-foreground, #cccccc);\n      cursor: pointer;\n      display: flex;\n      font-family: var(--vscode-font-family, sans-serif);\n      font-size: var(--vscode-font-size, 13px);\n      font-weight: var(--vscode-font-weight, normal);\n      height: 22px;\n      line-height: 18px;\n      min-height: calc(var(--vscode-font-size) * 1.3);\n      padding: 1px 3px;\n      user-select: none;\n      outline-color: transparent;\n      outline-offset: -1px;\n      outline-style: solid;\n      outline-width: 1px;\n    }\n\n    .option b {\n      color: var(--vscode-list-highlightForeground, #2aaaff);\n    }\n\n    .option.active b {\n      color: var(--vscode-list-focusHighlightForeground, #2aaaff);\n    }\n\n    .option:not(.disabled):hover {\n      background-color: var(--vscode-list-hoverBackground, #2a2d2e);\n      color: var(--vscode-list-hoverForeground, #ffffff);\n    }\n\n    :host-context(body[data-vscode-theme-kind='vscode-high-contrast'])\n      .option:hover,\n    :host-context(body[data-vscode-theme-kind='vscode-high-contrast-light'])\n      .option:hover {\n      outline-style: dotted;\n      outline-color: var(--vscode-list-focusOutline, #0078d4);\n      outline-width: 1px;\n    }\n\n    .option.disabled {\n      cursor: not-allowed;\n      opacity: 0.4;\n    }\n\n    .option.active,\n    .option.active:hover {\n      background-color: var(--vscode-list-activeSelectionBackground, #04395e);\n      color: var(--vscode-list-activeSelectionForeground, #ffffff);\n      outline-color: var(--vscode-list-activeSelectionBackground, #04395e);\n      outline-style: solid;\n      outline-width: 1px;\n    }\n\n    .no-options {\n      align-items: center;\n      border-color: transparent;\n      border-style: solid;\n      border-width: 1px;\n      color: var(--vscode-foreground, #cccccc);\n      cursor: default;\n      display: flex;\n      font-family: var(--vscode-font-family, sans-serif);\n      font-size: var(--vscode-font-size, 13px);\n      font-weight: var(--vscode-font-weight, normal);\n      line-height: 18px;\n      min-height: calc(var(--vscode-font-size) * 1.3);\n      opacity: 0.85;\n      padding: 1px 3px;\n      user-select: none;\n    }\n\n    .placeholder {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .placeholder span {\n      font-weight: bold;\n    }\n\n    .placeholder:not(.disabled):hover {\n      color: var(--vscode-list-activeSelectionForeground, #ffffff);\n    }\n\n    :host-context(body[data-vscode-theme-kind='vscode-high-contrast'])\n      .option.active,\n    :host-context(body[data-vscode-theme-kind='vscode-high-contrast-light'])\n      .option.active:hover {\n      outline-color: var(--vscode-list-focusOutline, #0078d4);\n      outline-style: dashed;\n    }\n\n    .option-label {\n      display: block;\n      pointer-events: none;\n      width: 100%;\n    }\n\n    .dropdown.multiple .option.selected {\n      background-color: var(--vscode-list-hoverBackground, #2a2d2e);\n      outline-color: var(--vscode-list-hoverBackground, #2a2d2e);\n    }\n\n    .dropdown.multiple .option.selected.active {\n      background-color: var(--vscode-list-activeSelectionBackground, #04395e);\n      color: var(--vscode-list-activeSelectionForeground, #ffffff);\n      outline-color: var(--vscode-list-activeSelectionBackground, #04395e);\n    }\n\n    .checkbox-icon {\n      align-items: center;\n      background-color: var(--vscode-checkbox-background, #313131);\n      border: 1px solid var(--vscode-checkbox-border);\n      border-radius: 2px;\n      box-sizing: border-box;\n      color: var(--vscode-checkbox-foreground);\n      display: inline-flex;\n      height: 15px;\n      justify-content: center;\n      margin-right: 5px;\n      overflow: hidden;\n      position: relative;\n      width: 15px;\n    }\n\n    .checkbox-icon svg {\n      display: none;\n      height: 13px;\n      width: 13px;\n    }\n\n    .checkbox-icon.checked svg {\n      display: block;\n    }\n\n    .dropdown-controls {\n      display: flex;\n      justify-content: flex-end;\n      padding: 4px;\n    }\n\n    .dropdown-controls :not(:last-child) {\n      margin-right: 4px;\n    }\n\n    .action-icon {\n      align-items: center;\n      background-color: transparent;\n      border: 0;\n      color: var(--vscode-foreground, #cccccc);\n      cursor: pointer;\n      display: flex;\n      height: 24px;\n      justify-content: center;\n      padding: 0;\n      width: 24px;\n    }\n\n    .action-icon:focus {\n      outline: none;\n    }\n\n    .action-icon:focus-visible {\n      outline: 1px solid var(--vscode-focusBorder, #0078d4);\n      outline-offset: -1px;\n    }\n\n    .description {\n      border-color: var(--vscode-settings-dropdownBorder, #3c3c3c);\n      border-style: solid;\n      border-width: 1px 0 0;\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: var(--vscode-font-weight, normal);\n      line-height: 1.3;\n      padding: 6px 4px;\n      word-wrap: break-word;\n    }\n\n    :host([position='above']) .description {\n      border-width: 0 0 1px;\n    }\n  `,\n];\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/includes/vscode-select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,OAAO,aAAa,MAAM,sBAAsB,CAAC;AAEjD,eAAe;IACb,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqYF;CACF,CAAC","sourcesContent":["import {css} from 'lit';\nimport defaultStyles from '../default.styles.js';\n\nexport default [\n  defaultStyles,\n  css`\n    :host {\n      display: inline-block;\n      max-width: 100%;\n      outline: none;\n      position: relative;\n      width: 320px;\n    }\n\n    .main-slot {\n      display: none;\n    }\n\n    .select-face,\n    .combobox-face {\n      background-color: var(--vscode-settings-dropdownBackground, #313131);\n      border-color: var(--vscode-settings-dropdownBorder, #3c3c3c);\n      border-radius: 2px;\n      border-style: solid;\n      border-width: 1px;\n      box-sizing: border-box;\n      color: var(--vscode-settings-dropdownForeground, #cccccc);\n      font-family: var(--vscode-font-family, sans-serif);\n      font-size: var(--vscode-font-size, 13px);\n      font-weight: var(--vscode-font-weight, normal);\n      line-height: 18px;\n      position: relative;\n      user-select: none;\n      width: 100%;\n    }\n\n    :host([invalid]) .select-face,\n    :host(:invalid) .select-face,\n    :host([invalid]) .combobox-face,\n    :host(:invalid) .combobox-face {\n      background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);\n      border-color: var(--vscode-inputValidation-errorBorder, #be1100);\n    }\n\n    .select-face {\n      cursor: pointer;\n      display: block;\n      padding: 3px 4px;\n    }\n\n    .select-face .text {\n      display: block;\n      height: 18px;\n      overflow: hidden;\n    }\n\n    .select-face.multiselect {\n      padding: 0;\n    }\n\n    .select-face-badge {\n      background-color: var(--vscode-badge-background, #616161);\n      border-radius: 2px;\n      color: var(--vscode-badge-foreground, #f8f8f8);\n      display: inline-block;\n      flex-shrink: 0;\n      font-size: 11px;\n      line-height: 16px;\n      margin: 2px;\n      padding: 2px 3px;\n      white-space: nowrap;\n    }\n\n    .select-face-badge.no-item {\n      background-color: transparent;\n      color: inherit;\n    }\n\n    .combobox-face {\n      display: flex;\n    }\n\n    :host(:focus) .select-face,\n    :host(:focus) .combobox-face,\n    :host([focused]) .select-face,\n    :host([focused]) .combobox-face {\n      border-color: var(--vscode-focusBorder, #0078d4);\n      outline: none;\n    }\n\n    .combobox-input {\n      background-color: transparent;\n      box-sizing: border-box;\n      border: 0;\n      color: var(--vscode-foreground, #cccccc);\n      display: block;\n      font-family: var(--vscode-font-family, sans-serif);\n      font-size: var(--vscode-font-size, 13px);\n      line-height: 16px;\n      padding: 4px;\n      width: 100%;\n    }\n\n    .combobox-input:focus {\n      outline: none;\n    }\n\n    .combobox-button {\n      align-items: center;\n      background-color: transparent;\n      border: 0;\n      border-radius: 2px;\n      box-sizing: content-box;\n      color: var(--vscode-foreground, #cccccc);\n      cursor: pointer;\n      display: flex;\n      flex-shrink: 0;\n      height: 16px;\n      justify-content: center;\n      margin: 1px 1px 0 0;\n      padding: 3px;\n      width: 22px;\n    }\n\n    .combobox-button:hover,\n    .combobox-button:focus-visible {\n      background-color: var(\n        --vscode-toolbar-hoverBackground,\n        rgba(90, 93, 94, 0.31)\n      );\n      outline-style: dashed;\n      outline-color: var(--vscode-toolbar-hoverOutline, transparent);\n    }\n\n    .combobox-button:focus-visible {\n      outline: none;\n    }\n\n    .icon {\n      color: var(--vscode-foreground, #cccccc);\n      display: block;\n      height: 14px;\n      pointer-events: none;\n      width: 14px;\n    }\n\n    .select-face .icon {\n      position: absolute;\n      right: 6px;\n      top: 5px;\n    }\n\n    .icon svg {\n      color: var(--vscode-foreground, #cccccc);\n      height: 100%;\n      width: 100%;\n    }\n\n    .dropdown {\n      background-color: var(--vscode-settings-dropdownBackground, #313131);\n      border-color: var(--vscode-settings-dropdownListBorder, #454545);\n      border-radius: 0 0 3px 3px;\n      border-style: solid;\n      border-width: 1px;\n      box-sizing: border-box;\n      display: none;\n      left: 0;\n      padding-bottom: 2px;\n      position: absolute;\n      top: 100%;\n      width: 100%;\n      z-index: var(--dropdown-z-index, 2);\n    }\n\n    .dropdown.open {\n      display: block;\n    }\n\n    :host([position='above']) .dropdown {\n      border-radius: 3px 3px 0 0;\n      bottom: 26px;\n      padding-bottom: 0;\n      padding-top: 2px;\n      top: auto;\n    }\n\n    :host(:focus) .dropdown,\n    :host([focused]) .dropdown {\n      border-color: var(--vscode-focusBorder, #0078d4);\n    }\n\n    .scrollable {\n      display: block;\n      max-height: 222px;\n      margin: 1px;\n      outline: none;\n      overflow: hidden;\n    }\n\n    .options {\n      box-sizing: border-box;\n      cursor: pointer;\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n\n    .option {\n      align-items: center;\n      box-sizing: border-box;\n      color: var(--vscode-foreground, #cccccc);\n      cursor: pointer;\n      display: flex;\n      font-family: var(--vscode-font-family, sans-serif);\n      font-size: var(--vscode-font-size, 13px);\n      font-weight: var(--vscode-font-weight, normal);\n      height: 22px;\n      line-height: 18px;\n      min-height: calc(var(--vscode-font-size) * 1.3);\n      padding: 1px 3px;\n      user-select: none;\n      outline-color: transparent;\n      outline-offset: -1px;\n      outline-style: solid;\n      outline-width: 1px;\n    }\n\n    .option b {\n      color: var(--vscode-list-highlightForeground, #2aaaff);\n    }\n\n    .option.active b {\n      color: var(--vscode-list-focusHighlightForeground, #2aaaff);\n    }\n\n    .option:not(.disabled):hover {\n      background-color: var(--vscode-list-hoverBackground, #2a2d2e);\n      color: var(--vscode-list-hoverForeground, #ffffff);\n    }\n\n    :host-context(body[data-vscode-theme-kind='vscode-high-contrast'])\n      .option:hover,\n    :host-context(body[data-vscode-theme-kind='vscode-high-contrast-light'])\n      .option:hover {\n      outline-style: dotted;\n      outline-color: var(--vscode-list-focusOutline, #0078d4);\n      outline-width: 1px;\n    }\n\n    .option.disabled {\n      cursor: not-allowed;\n      opacity: 0.4;\n    }\n\n    .option.active,\n    .option.active:hover {\n      background-color: var(--vscode-list-activeSelectionBackground, #04395e);\n      color: var(--vscode-list-activeSelectionForeground, #ffffff);\n      outline-color: var(--vscode-list-activeSelectionBackground, #04395e);\n      outline-style: solid;\n      outline-width: 1px;\n    }\n\n    .no-options {\n      align-items: center;\n      border-color: transparent;\n      border-style: solid;\n      border-width: 1px;\n      color: var(--vscode-foreground, #cccccc);\n      cursor: default;\n      display: flex;\n      font-family: var(--vscode-font-family, sans-serif);\n      font-size: var(--vscode-font-size, 13px);\n      font-weight: var(--vscode-font-weight, normal);\n      line-height: 18px;\n      min-height: calc(var(--vscode-font-size) * 1.3);\n      opacity: 0.85;\n      padding: 1px 3px;\n      user-select: none;\n    }\n\n    .placeholder {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .placeholder span {\n      font-weight: bold;\n    }\n\n    .placeholder:not(.disabled):hover {\n      color: var(--vscode-list-activeSelectionForeground, #ffffff);\n    }\n\n    :host-context(body[data-vscode-theme-kind='vscode-high-contrast'])\n      .option.active,\n    :host-context(body[data-vscode-theme-kind='vscode-high-contrast-light'])\n      .option.active:hover {\n      outline-color: var(--vscode-list-focusOutline, #0078d4);\n      outline-style: dashed;\n    }\n\n    .option-label {\n      display: block;\n      pointer-events: none;\n      width: 100%;\n    }\n\n    .dropdown.multiple .option.selected {\n      background-color: var(--vscode-list-hoverBackground, #2a2d2e);\n      outline-color: var(--vscode-list-hoverBackground, #2a2d2e);\n    }\n\n    .dropdown.multiple .option.selected.active {\n      background-color: var(--vscode-list-activeSelectionBackground, #04395e);\n      color: var(--vscode-list-activeSelectionForeground, #ffffff);\n      outline-color: var(--vscode-list-activeSelectionBackground, #04395e);\n    }\n\n    .checkbox-icon {\n      align-items: center;\n      background-color: var(--vscode-checkbox-background, #313131);\n      border: 1px solid var(--vscode-checkbox-border);\n      border-radius: 2px;\n      box-sizing: border-box;\n      color: var(--vscode-checkbox-foreground);\n      display: inline-flex;\n      height: 15px;\n      justify-content: center;\n      margin-right: 5px;\n      overflow: hidden;\n      position: relative;\n      width: 15px;\n    }\n\n    .checkbox-icon svg {\n      display: none;\n      height: 13px;\n      width: 13px;\n    }\n\n    .checkbox-icon.checked svg {\n      display: block;\n    }\n\n    .dropdown-controls {\n      display: flex;\n      justify-content: flex-end;\n      padding: 4px;\n    }\n\n    .dropdown-controls :not(:last-child) {\n      margin-right: 4px;\n    }\n\n    .action-icon {\n      align-items: center;\n      background-color: transparent;\n      border: 0;\n      color: var(--vscode-foreground, #cccccc);\n      cursor: pointer;\n      display: flex;\n      height: 24px;\n      justify-content: center;\n      padding: 0;\n      width: 24px;\n    }\n\n    .action-icon:focus {\n      outline: none;\n    }\n\n    .action-icon:focus-visible {\n      outline: 1px solid var(--vscode-focusBorder, #0078d4);\n      outline-offset: -1px;\n    }\n\n    .description {\n      border-color: var(--vscode-settings-dropdownBorder, #3c3c3c);\n      border-style: solid;\n      border-width: 1px 0 0;\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: var(--vscode-font-weight, normal);\n      line-height: 1.3;\n      padding: 6px 4px;\n      word-wrap: break-word;\n    }\n\n    :host([position='above']) .description {\n      border-width: 0 0 1px;\n    }\n  `,\n];\n"]}

package/dist/includes/vscode-select/vscode-select-base.d.ts

@@ -4,6 +4,7 @@ import '../../vscode-option/index.js';
 import { VscElement } from '../VscElement.js';
 import type { InternalOption, Option, FilterMethod } from './types.js';
 import { OptionListController } from './OptionListController.js';
+import '../../vscode-scrollable/vscode-scrollable.js';
 export declare const VISIBLE_OPTS = 10;
 export declare const OPT_HEIGHT = 22;
 /**
@@ -97,7 +98,7 @@ export declare class VscodeSelectBase extends VscElement {
     private _onMouseMove;
     protected _onComboboxButtonClick(): void;
     protected _onComboboxButtonKeyDown(ev: KeyboardEvent): void;
-    protected _onOptionListScroll(ev: Event): void;
+    private _onOptionListScroll;
     protected _onOptionMouseOver(ev: MouseEvent): void;
     protected _onPlaceholderOptionMouseOut(): void;
     protected _onNoOptionsClick(ev: MouseEvent): void;

package/dist/includes/vscode-select/vscode-select-base.d.ts.map

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

package/dist/includes/vscode-select/vscode-select-base.js

@@ -5,17 +5,19 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, render, nothing } from 'lit';
-import { eventOptions, property, queryAssignedElements, state, } from 'lit/decorators.js';
+import { property, queryAssignedElements, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { repeat } from 'lit/directives/repeat.js';
 import { when } from 'lit/directives/when.js';
 import '../../vscode-button/index.js';
 import '../../vscode-option/index.js';
+import { stylePropertyMap } from '../style-property-map.js';
 import { VscElement } from '../VscElement.js';
 import { filterOptionsByPattern, highlightRanges } from './helpers.js';
 import { OptionListController } from './OptionListController.js';
 import { checkIcon } from './template-elements.js';
+import '../../vscode-scrollable/vscode-scrollable.js';
 export const VISIBLE_OPTS = 10;
 export const OPT_HEIGHT = 22;
 /**
@@ -148,6 +150,9 @@ export class VscodeSelectBase extends VscElement {
             this._isHoverForbidden = false;
             window.removeEventListener('mousemove', this._onMouseMove);
         };
+        this._onOptionListScroll = (ev) => {
+            this._optionListScrollPos = ev.detail;
+        };
         this._onComponentKeyDown = (event) => {
             if ([' ', 'ArrowUp', 'ArrowDown', 'Escape'].includes(event.key)) {
                 event.stopPropagation();
@@ -327,9 +332,6 @@ export class VscodeSelectBase extends VscElement {
             this._toggleComboboxDropdown();
         }
     }
-    _onOptionListScroll(ev) {
-        this._optionListScrollPos = ev.target.scrollTop;
-    }
     _onOptionMouseOver(ev) {
         if (this._isHoverForbidden) {
             return;
@@ -483,8 +485,6 @@ export class VscodeSelectBase extends VscElement {
         tabindex="-1"
         @click=${this._onOptionClick}
         @mouseover=${this._onOptionMouseOver}
-        @scroll=${this._onOptionListScroll}
-        .scrollTop=${this._optionListScrollPos}
       >
         ${repeat(list, (op) => op.index, (op, index) => {
             if (!op.visible) {
@@ -572,10 +572,26 @@ export class VscodeSelectBase extends VscElement {
             multiple: this._opts.multiSelect,
             open: this.open,
         };
+        const visibleOptions = this._isSuggestedOptionVisible || this._opts.numOfVisibleOptions === 0
+            ? this._opts.numOfVisibleOptions + 1
+            : this._opts.numOfVisibleOptions;
+        const scrollPaneHeight = Math.min(visibleOptions * OPT_HEIGHT, VISIBLE_OPTS * OPT_HEIGHT);
         return html `
       <div class=${classMap(classes)}>
         ${this.position === 'above' ? this._renderDescription() : nothing}
-        ${this._renderOptions()} ${this._renderDropdownControls()}
+        <vscode-scrollable
+          always-visible
+          class="scrollable"
+          min-thumb-size="40"
+          tabindex="-1"
+          @vsc-scrollable-scroll=${this._onOptionListScroll}
+          .scrollPos=${this._optionListScrollPos}
+          .style=${stylePropertyMap({
+            height: `${scrollPaneHeight}px`,
+        })}
+        >
+          ${this._renderOptions()} ${this._renderDropdownControls()}
+        </vscode-scrollable>
         ${this.position === 'below' ? this._renderDescription() : nothing}
       </div>
     `;
@@ -647,7 +663,4 @@ __decorate([
 __decorate([
     state()
 ], VscodeSelectBase.prototype, "_optionListScrollPos", void 0);
-__decorate([
-    eventOptions({ passive: true })
-], VscodeSelectBase.prototype, "_onOptionListScroll", null);
 //# sourceMappingURL=vscode-select-base.js.map

package/dist/includes/vscode-select/vscode-select-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-select-base.js","sourceRoot":"","sources":["../../../src/includes/vscode-select/vscode-select-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAiC,MAAM,KAAK,CAAC;AAC1E,OAAO,EACL,YAAY,EACZ,QAAQ,EACR,qBAAqB,EACrB,KAAK,GACN,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAC,MAAM,EAAC,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAC;AAC5C,OAAO,8BAA8B,CAAC;AACtC,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAC,sBAAsB,EAAE,eAAe,EAAC,MAAM,cAAc,CAAC;AAErE,OAAO,EAAC,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;AAEjD,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC;AAC/B,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,CAAC;AAE7B;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,UAAU;IAI9C;;OAEG;IAEH,IAAI,QAAQ,CAAC,OAAgB;QAC3B,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,OAAO,CAAC;IACpC,CAAC;IACD,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;IACjC,CAAC;IASD;;OAEG;IAEH,IAAI,QAAQ,CAAC,QAAiB;QAC5B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QAEhD,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;YACtB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,QAAQ,CAAC;YACvC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;QACrB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,iBAAiB,IAAI,CAAC,CAAC;YAC5C,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;QACrC,CAAC;QAED,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAQD;;;;;;;;;OASG;IAEH,IAAI,MAAM,CAAC,GAA8D;QACvE,MAAM,WAAW,GAAmB;YAClC,UAAU;YACV,OAAO;YACP,YAAY;YACZ,mBAAmB;SACpB,CAAC;QAEF,IAAI,EAAgB,CAAC;QAErB,IAAI,WAAW,CAAC,QAAQ,CAAC,GAAmB,CAAC,EAAE,CAAC;YAC9C,sCAAsC;YACtC,EAAE,GAAG,GAAG,CAAC;QACX,CAAC;aAAM,CAAC;YACN,0BAA0B;YAC1B,sCAAsC;YACtC,OAAO,CAAC,IAAI,CACV,8CAA8C,GAAG,gGAAgG,EACjJ,IAAI,CACL,CAAC;YACF,EAAE,GAAG,OAAO,CAAC;QACf,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC;IAC/B,CAAC;IACD,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;IACjC,CAAC;IAcD;;;OAGG;IAEH,IAAI,OAAO,CAAC,IAAc;QACxB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;IACD,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAC3B,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,EAAE,CAAC,CAAC;YACpD,KAAK;YACL,KAAK;YACL,WAAW;YACX,QAAQ;YACR,QAAQ;SACT,CAAC,CACH,CAAC;IACJ,CAAC;IAgBD;QACE,KAAK,EAAE,CAAC;QAxIV,cAAS,GAAG,KAAK,CAAC;QAalB;;;WAGG;QAEH,UAAK,GAAG,EAAE,CAAC;QAyBX;;WAEG;QAEH,YAAO,GAAG,KAAK,CAAC;QA0ChB;;WAEG;QAEH,YAAO,GAAG,KAAK,CAAC;QAEhB;;WAEG;QAEH,SAAI,GAAG,KAAK,CAAC;QAsBb;;WAEG;QAEH,aAAQ,GAAsB,OAAO,CAAC;QAQ5B,UAAK,GAAG,IAAI,oBAAoB,CAAC,IAAI,CAAC,CAAC;QA0BvC,0BAAqB,GAAG,KAAK,CAAC;QA4B9B,wBAAmB,GAAG,EAAE,CAAC;QAGzB,YAAO,GAAiB,OAAO,CAAC;QAgBhC,qBAAgB,GAAa,EAAE,CAAC;QAGhC,aAAQ,GAAqB,EAAE,CAAC;QAGhC,WAAM,GAAG,EAAE,CAAC;QAGZ,YAAO,GAAa,EAAE,CAAC;QAGvB,+BAA0B,GAAG,KAAK,CAAC;QAGnC,qBAAgB,GAAG,KAAK,CAAC;QAGzB,yBAAoB,GAAG,CAAC,CAAC;QAE3B,sBAAiB,GAAG,KAAK,CAAC;QAC1B,cAAS,GAAG,KAAK,CAAC;QAClB,sBAAiB,GAAuB,SAAS,CAAC;QAmIlD,oBAAe,GAAG,CAAC,KAAiB,EAAQ,EAAE;YACpD,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;YAClC,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC;YAElD,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;gBACjB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YACpB,CAAC;QACH,CAAC,CAAC;QAEM,iBAAY,GAAG,GAAG,EAAE;YAC1B,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;YAC/B,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC7D,CAAC,CAAC;QAsIM,wBAAmB,GAAG,CAAC,KAAoB,EAAE,EAAE;YACrD,IAAI,CAAC,GAAG,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;gBAChE,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,KAAK,CAAC,cAAc,EAAE,CAAC;YACzB,CAAC;YAED,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBAC1B,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC;YAED,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACtB,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,CAAC;YAED,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC3B,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1B,CAAC;YAED,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;gBAC5B,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3B,CAAC;YAED,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;gBAC9B,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC7B,CAAC;QACH,CAAC,CAAC;QAEM,sBAAiB,GAAG,GAAG,EAAE;YAC/B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,CAAC,CAAC;QAEM,qBAAgB,GAAG,GAAG,EAAE;YAC9B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACvB,CAAC,CAAC;QAjZA,IAAI,CAAC,gBAAgB,CAAC,yBAAyB,EAAE,CAAC,EAAE,EAAE,EAAE;YACtD,EAAE,CAAC,eAAe,EAAE,CAAC;YACrB,IAAI,CAAC,4BAA4B,EAAE,CAAC;YACpC,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAC3D,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACvD,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACrD,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAC9D,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC1D,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAC1D,CAAC;IAIkB,YAAY,CAAC,kBAAkC;QAChE,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;IACpC,CAAC;IAEkB,UAAU,CAAC,iBAAiC;QAC7D,IAAI,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;YACpE,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;IAEkB,MAAM,CAAC,iBAAiC;QACzD,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;QAEhC,IAAI,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;YAClC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACd,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;gBAC7B,IAAI,CAAC,yBAAyB,EAAE,CAAC;gBAEjC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;YACzD,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;YAC5D,CAAC;QACH,CAAC;IACH,CAAC;IASD,IAAc,gBAAgB;QAC5B,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,KAAK,EAAE,EAAE,CAAC;YACtD,OAAO,IAAI,CAAC,QAAQ,CAAC;QACvB,CAAC;QAED,OAAO,sBAAsB,CAC3B,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,KAAK,CAAC,aAAa,EACxB,IAAI,CAAC,OAAO,CACb,CAAC;IACJ,CAAC;IA2BO,aAAa;QACnB,IAAI,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;YACnC,IAAI,IAAI,CAAC,QAAQ,GAAG,CAAC,EAAE,CAAC;gBACtB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;YACpB,CAAC;YAED,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;oBAC5B,IAAI,CAAC,UAAU;wBACb,EAAE,aAAa,CAAmB,iBAAiB,CAAE;yBACpD,KAAK,EAAE,CAAC;gBACb,CAAC,CAAC,CAAC;YACL,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;oBAC5B,IAAI,CAAC,UAAU;wBACb,EAAE,aAAa,CAAmB,cAAc,CAAE;yBACjD,KAAK,EAAE,CAAC;gBACb,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC;IACH,CAAC;IAED,IAAc,yBAAyB;QACrC,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;YACvC,OAAO,KAAK,CAAC;QACf,CAAC;QAED,MAAM,2BAA2B,GAC/B,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;QACjE,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;QACrD,OAAO,CAAC,2BAA2B,IAAI,QAAQ,CAAC;IAClD,CAAC;IAES,eAAe,KAAI,CAAC;IAEpB,4BAA4B;QACpC,MAAM,cAAc,GAAG,IAAI,CAAC,gBAAgB,IAAI,EAAE,CAAC;QACnD,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QAEnB,cAAc,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YAC5B,MAAM,EAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAC,GAAG,EAAE,CAAC;YAC9C,MAAM,KAAK,GAAG,OAAO,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;YACzE,MAAM,QAAQ,GAAG,EAAE,CAAC,QAAQ,IAAI,KAAK,CAAC;YACtC,MAAM,EAAE,GAAW;gBACjB,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE;gBACvB,KAAK;gBACL,WAAW;gBACX,QAAQ;gBACR,QAAQ;aACT,CAAC;YAEF,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;IACL,CAAC;IAES,sBAAsB;QAC9B,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QAChD,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;QACnD,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;QACpC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;QACrC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAErB,OAAO,iBAAiB,CAAC;IAC3B,CAAC;IAES,oBAAoB;QAC5B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;QACxC,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACzC,CAAC;IAES,KAAK,CAAC,+BAA+B,KAAI,CAAC;IAE1C,uBAAuB;QAC/B,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,EAAE,CAAC;QAC9B,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IACzB,CAAC;IAES,yBAAyB;QACjC,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,KAAK,CACpC,IAAI,CAAC,KAAK,CAAC,mBAAmB,GAAG,UAAU,CAC5C,CAAC;IACJ,CAAC;IAEO,KAAK,CAAC,0BAA0B,CACtC,SAAwB,EACxB,WAAmB;QAEnB,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC;QAC7C,MAAM,sBAAsB,GAAG,IAAI,CAAC,yBAAyB,CAAC;QAE9D,IAAI,sBAAsB,EAAE,CAAC;YAC3B,OAAO,IAAI,CAAC,CAAC;QACf,CAAC;QAED,IAAI,OAAO,IAAI,YAAY,EAAE,CAAC;YAC5B,OAAO;QACT,CAAC;QAED,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC9B,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAExD,MAAM,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC;QAC9C,MAAM,MAAM,GAAG,WAAW,GAAG,UAAU,CAAC;QAExC,MAAM,YAAY,GAChB,MAAM,IAAI,WAAW;YACrB,MAAM,IAAI,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,CAAC;QAEjE,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;YACzB,IAAI,CAAC,YAAY,EAAE,CAAC;gBAClB,IAAI,CAAC,oBAAoB;oBACvB,WAAW,GAAG,UAAU,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC;YAC/D,CAAC;QACH,CAAC;QAED,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;YACvB,IAAI,CAAC,YAAY,EAAE,CAAC;gBAClB,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,KAAK,CACpC,IAAI,CAAC,KAAK,CAAC,mBAAmB,GAAG,UAAU,CAC5C,CAAC;YACJ,CAAC;QACH,CAAC;IACH,CAAC;IAED,wBAAwB;IACd,YAAY;QACpB,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IACzB,CAAC;IAgBS,sBAAsB;QAC9B,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAES,wBAAwB,CAAC,EAAiB;QAClD,IAAI,EAAE,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACvB,IAAI,CAAC,uBAAuB,EAAE,CAAC;QACjC,CAAC;IACH,CAAC;IAGS,mBAAmB,CAAC,EAAS;QACrC,IAAI,CAAC,oBAAoB,GAAI,EAAE,CAAC,MAA2B,CAAC,SAAS,CAAC;IACxE,CAAC;IAES,kBAAkB,CAAC,EAAc;QACzC,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3B,OAAO;QACT,CAAC;QAED,MAAM,EAAE,GAAG,EAAE,CAAC,MAAqB,CAAC;QAEpC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;YAC3B,OAAO;QACT,CAAC;QAED,IAAI,EAAE,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;YAC/B,IAAI,CAAC,0BAA0B,GAAG,IAAI,CAAC;YACvC,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;QAC9B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,0BAA0B,GAAG,KAAK,CAAC;YACxC,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,EAAE,CAAC,OAAO,CAAC,KAAM,CAAC;QAC9C,CAAC;IACH,CAAC;IAES,4BAA4B;QACpC,IAAI,CAAC,0BAA0B,GAAG,KAAK,CAAC;IAC1C,CAAC;IAES,iBAAiB,CAAC,EAAc;QACxC,EAAE,CAAC,eAAe,EAAE,CAAC;IACvB,CAAC;IAES,eAAe,CAAC,EAAiB;QACzC,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,MAAM,qBAAqB,GAAG,EAAE,EAAE,YAAY;YAC5C,CAAC,CAAC,EAAE;iBACC,YAAY,EAAE;iBACd,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CACV,EAAkB,CAAC,OAAO;gBACzB,CAAC,CAAE,EAAkB,CAAC,OAAO,CAAC,6BAA6B,CAAC;gBAC5D,CAAC,CAAC,KAAK,CACV;YACL,CAAC,CAAC,KAAK,CAAC;QAEV,IAAI,qBAAqB,EAAE,CAAC;YAC1B,OAAO;QACT,CAAC;IACH,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;YACjB,OAAO;QACT,CAAC;IACH,CAAC;IAES,iBAAiB;QACzB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;gBACtE,OAAO;YACT,CAAC;YAED,IAAI,IAAI,CAAC,0BAA0B,EAAE,CAAC;gBACpC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,GAAG,CAAC,CAAC;gBACvD,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC;gBACrC,IAAI,CAAC,0BAA0B,GAAG,KAAK,CAAC;YAC1C,CAAC;iBAAM,CAAC;gBACN,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBAEjC,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;oBACpB,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC;oBAC7C,MAAM,mBAAmB,GAAG,MAAM,EAAE,aAAa,IAAI,CAAC,CAAC,CAAC;oBAExD,IAAI,mBAAmB,GAAG,CAAC,CAAC,EAAE,CAAC;wBAC7B,IAAI,CAAC,0BAA0B,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC;oBAC7D,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;YACjB,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;QAC/B,CAAC;IACH,CAAC;IAES,mBAAmB;QAC3B,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC;QAC7C,MAAM,sBAAsB,GAAG,IAAI,CAAC,yBAAyB,CAAC;QAE9D,IAAI,sBAAsB,EAAE,CAAC;YAC3B,OAAO,IAAI,CAAC,CAAC;QACf,CAAC;QAED,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,IAAI,CAAC,0BAA0B,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,CAAC,CAAC,EAAE,CAAC;gBACrE,OAAO;YACT,CAAC;YAED,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YAEjC,IAAI,sBAAsB,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;gBAC9C,IAAI,CAAC,0BAA0B,GAAG,IAAI,CAAC;gBACvC,IAAI,CAAC,0BAA0B,CAAC,MAAM,EAAE,OAAO,GAAG,CAAC,CAAC,CAAC;gBACrD,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;YAC9B,CAAC;iBAAM,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;gBAC3B,MAAM,mBAAmB,GAAG,MAAM,EAAE,aAAa,IAAI,CAAC,CAAC,CAAC;gBACxD,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC;gBAE7C,IAAI,mBAAmB,GAAG,CAAC,CAAC,EAAE,CAAC;oBAC7B,IAAI,CAAC,0BAA0B,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;gBAC/D,CAAC;YACH,CAAC;QACH,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;YACjB,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;QAC/B,CAAC;IACH,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAqCS,aAAa;QACrB,IAAI,CAAC,4BAA4B,EAAE,CAAC;QACpC,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAES,qBAAqB,CAAC,EAAc;QAC3C,EAAE,CAAC,MAA2B,CAAC,MAAM,EAAE,CAAC;QACzC,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,EAAE,CAAC;IAChC,CAAC;IAES,oBAAoB;QAC5B,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;IAChC,CAAC;IAES,qBAAqB,CAAC,EAAc;QAC5C,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC7B,IAAI,CAAC,KAAK,CAAC,aAAa,GAAI,EAAE,CAAC,MAA2B,CAAC,KAAK,CAAC;QACjE,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAES,qBAAqB;QAC7B,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,KAAK,EAAE,CAAC;QACxD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAES,4BAA4B,CAAC,EAAiB;QACtD,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YACnB,EAAE,CAAC,eAAe,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAES,cAAc,CAAC,GAAe;QACtC,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,OAAO;IACT,CAAC;IACD,YAAY;IAEZ,0BAA0B;IAClB,eAAe,CACrB,OAAgB,EAChB,KAAiD;QAEjD,MAAM,eAAe,GAAG;YACtB,eAAe,EAAE,IAAI;YACrB,OAAO;SACR,CAAC;QAEF,OAAO,IAAI,CAAA,eAAe,QAAQ,CAAC,eAAe,CAAC,IAAI,SAAS;oCAChC,KAAK,SAAS,CAAC;IACjD,CAAC;IAES,cAAc;QACtB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;QAEhC,OAAO,IAAI,CAAA;;qBAEM,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,SAAS,CAAC;+BACxB,SAAS,CAC9B,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAC5C;;;;;iBAKQ,IAAI,CAAC,cAAc;qBACf,IAAI,CAAC,kBAAkB;kBAC1B,IAAI,CAAC,mBAAmB;qBACrB,IAAI,CAAC,oBAAoB;;UAEpC,MAAM,CACN,IAAI,EACJ,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,EAChB,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;YACZ,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC;gBAChB,OAAO,OAAO,CAAC;YACjB,CAAC;YAED,MAAM,MAAM,GAAG,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC;YACnE,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;YAEzD,MAAM,aAAa,GAAG;gBACpB,MAAM;gBACN,QAAQ,EAAE,EAAE,CAAC,QAAQ;gBACrB,MAAM,EAAE,IAAI;gBACZ,QAAQ;aACT,CAAC;YAEF,MAAM,SAAS,GACb,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC;gBAC1B,CAAC,CAAC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,IAAI,EAAE,CAAC;gBAC5C,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;YAEf,OAAO,IAAI,CAAA;;gCAES,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;wBACnC,QAAQ,CAAC,aAAa,CAAC;6BAClB,EAAE,CAAC,KAAK;sCACC,KAAK;qBACtB,MAAM,EAAE,CAAC,KAAK,EAAE;;;;kBAInB,IAAI,CACJ,IAAI,CAAC,KAAK,CAAC,WAAW,EACtB,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,SAAS,CAAC,EAC/C,GAAG,EAAE,CAAC,SAAS,CAChB;;aAEJ,CAAC;QACJ,CAAC,CACF;UACC,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,GAAG,CAAC,CAAC;;KAEtE,CAAC;IACJ,CAAC;IAES,wBAAwB,CAAC,WAAoB;QACrD,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QAE1E,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC1D,OAAO,IAAI,CAAA;gBACD,QAAQ,CAAC;gBACf,MAAM,EAAE,IAAI;gBACZ,WAAW,EAAE,IAAI;gBACjB,MAAM,EAAE,IAAI,CAAC,0BAA0B;aACxC,CAAC;oBACU,IAAI,CAAC,4BAA4B;;eAEtC,IAAI,CAAC,KAAK,CAAC,aAAa;YAC3B,CAAC;QACT,CAAC;aAAM,CAAC;YACN,OAAO,WAAW;gBAChB,CAAC,CAAC,IAAI,CAAA,iCAAiC,IAAI,CAAC,iBAAiB;;gBAErD;gBACR,CAAC,CAAC,OAAO,CAAC;QACd,CAAC;IACH,CAAC;IAEO,kBAAkB;QACxB,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;QAExC,IAAI,CAAC,EAAE,EAAE,CAAC;YACR,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,MAAM,EAAC,WAAW,EAAC,GAAG,EAAE,CAAC;QAEzB,OAAO,WAAW;YAChB,CAAC,CAAC,IAAI,CAAA,4BAA4B,WAAW,QAAQ;YACrD,CAAC,CAAC,OAAO,CAAC;IACd,CAAC;IAES,iBAAiB;QACzB,OAAO,IAAI,CAAA,GAAG,OAAO,EAAE,CAAC;IAC1B,CAAC;IAES,mBAAmB;QAC3B,OAAO,IAAI,CAAA,GAAG,OAAO,EAAE,CAAC;IAC1B,CAAC;IAES,uBAAuB;QAC/B,OAAO,IAAI,CAAA,GAAG,OAAO,EAAE,CAAC;IAC1B,CAAC;IAES,eAAe;QACvB,MAAM,OAAO,GAAG;YACd,QAAQ,EAAE,IAAI;YACd,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW;YAChC,IAAI,EAAE,IAAI,CAAC,IAAI;SAChB,CAAC;QAEF,OAAO,IAAI,CAAA;mBACI,QAAQ,CAAC,OAAO,CAAC;UAC1B,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,OAAO;UAC/D,IAAI,CAAC,cAAc,EAAE,IAAI,IAAI,CAAC,uBAAuB,EAAE;UACvD,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,OAAO;;KAEpE,CAAC;IACJ,CAAC;CAEF;AA3tBC;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;mDACvB;AAMlB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;gDAGxC;AAUD;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;+CACf;AAMX;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;gDAcxC;AAUD;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;iDACzB;AAahB;IADC,QAAQ,EAAE;8CAyBV;AASD;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;iDACzB;AAMhB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;8CAC5B;AAOb;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;+CAGvB;AAiBD;IADC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;kDACY;AAM9B;IAJP,qBAAqB,CAAC;QACrB,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,eAAe;KAC1B,CAAC;0DACwC;AAwDhC;IADT,KAAK,EAAE;6DAC2B;AAGzB;IADT,KAAK,EAAE;iDACkC;AAG1C;IADC,KAAK,EAAE;wDAWP;AAGS;IADT,KAAK,EAAE;0DACkC;AAGhC;IADT,KAAK,EAAE;kDACkC;AAGhC;IADT,KAAK,EAAE;gDACc;AAGZ;IADT,KAAK,EAAE;iDACyB;AAGvB;IADT,KAAK,EAAE;oEACqC;AAGnC;IADT,KAAK,EAAE;0DAC2B;AAGzB;IADT,KAAK,EAAE;8DAC2B;AAgKzB;IADT,YAAY,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;2DAG7B","sourcesContent":["import {html, render, nothing, TemplateResult, PropertyValues} from 'lit';\nimport {\n  eventOptions,\n  property,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {repeat} from 'lit/directives/repeat.js';\nimport {when} from 'lit/directives/when.js';\nimport '../../vscode-button/index.js';\nimport '../../vscode-option/index.js';\nimport {VscodeOption} from '../../vscode-option/index.js';\nimport {VscElement} from '../VscElement.js';\nimport {filterOptionsByPattern, highlightRanges} from './helpers.js';\nimport type {InternalOption, Option, FilterMethod} from './types.js';\nimport {OptionListController} from './OptionListController.js';\nimport {checkIcon} from './template-elements.js';\n\nexport const VISIBLE_OPTS = 10;\nexport const OPT_HEIGHT = 22;\n\n/**\n * @cssprop --dropdown-z-index - workaround for dropdown z-index issues\n */\nexport class VscodeSelectBase extends VscElement {\n  @property({type: Boolean, reflect: true})\n  creatable = false;\n\n  /**\n   * Options can be filtered by typing into a text input field.\n   */\n  @property({type: Boolean, reflect: true})\n  set combobox(enabled: boolean) {\n    this._opts.comboboxMode = enabled;\n  }\n  get combobox() {\n    return this._opts.comboboxMode;\n  }\n\n  /**\n   * Accessible label for screen readers. When a `<vscode-label>` is connected\n   * to the component, it will be filled automatically.\n   */\n  @property({reflect: true})\n  label = '';\n\n  /**\n   * The element cannot be used and is not focusable.\n   */\n  @property({type: Boolean, reflect: true})\n  set disabled(newState: boolean) {\n    this._disabled = newState;\n    this.ariaDisabled = newState ? 'true' : 'false';\n\n    if (newState === true) {\n      this._originalTabIndex = this.tabIndex;\n      this.tabIndex = -1;\n    } else {\n      this.tabIndex = this._originalTabIndex ?? 0;\n      this._originalTabIndex = undefined;\n    }\n\n    this.requestUpdate();\n  }\n\n  get disabled(): boolean {\n    return this._disabled;\n  }\n\n  /**\n   * Sets the invalid state manually.\n   */\n  @property({type: Boolean, reflect: true})\n  invalid = false;\n\n  /**\n   * Search method in the filtered list within the combobox mode.\n   *\n   * - contains - The list item includes the searched pattern at any position.\n   * - fuzzy - The list item contains the letters of the search pattern in the same order, but at any position.\n   * - startsWith - The search pattern matches the beginning of the searched text.\n   * - startsWithPerTerm - The search pattern matches the beginning of any word in the searched text.\n   *\n   * @default 'fuzzy'\n   */\n  @property()\n  set filter(val: 'contains' | 'fuzzy' | 'startsWith' | 'startsWithPerTerm') {\n    const validValues: FilterMethod[] = [\n      'contains',\n      'fuzzy',\n      'startsWith',\n      'startsWithPerTerm',\n    ];\n\n    let fm: FilterMethod;\n\n    if (validValues.includes(val as FilterMethod)) {\n      // this._filter = val as FilterMethod;\n      fm = val;\n    } else {\n      // this._filter = 'fuzzy';\n      // eslint-disable-next-line no-console\n      console.warn(\n        `[VSCode Webview Elements] Invalid filter: \"${val}\", fallback to default. Valid values are: \"contains\", \"fuzzy\", \"startsWith\", \"startsWithPerm\".`,\n        this\n      );\n      fm = 'fuzzy';\n    }\n\n    this._opts.filterMethod = fm;\n  }\n  get filter(): 'contains' | 'fuzzy' | 'startsWith' | 'startsWithPerTerm' {\n    return this._opts.filterMethod;\n  }\n\n  /**\n   * Its value is true when element is focused.\n   */\n  @property({type: Boolean, reflect: true})\n  focused = false;\n\n  /**\n   * Toggle the dropdown visibility.\n   */\n  @property({type: Boolean, reflect: true})\n  open = false;\n\n  /**\n   * @attr [options=[]]\n   * @type {Option[]}\n   */\n  @property({type: Array})\n  set options(opts: Option[]) {\n    this._opts.populate(opts);\n  }\n  get options(): Option[] {\n    return this._opts.options.map(\n      ({label, value, description, selected, disabled}) => ({\n        label,\n        value,\n        description,\n        selected,\n        disabled,\n      })\n    );\n  }\n\n  /**\n   * Position of the options list when visible.\n   */\n  @property({reflect: true})\n  position: 'above' | 'below' = 'below';\n\n  @queryAssignedElements({\n    flatten: true,\n    selector: 'vscode-option',\n  })\n  private _assignedOptions!: VscodeOption[];\n\n  protected _opts = new OptionListController(this);\n\n  constructor() {\n    super();\n    this.addEventListener('vsc-option-state-change', (ev) => {\n      ev.stopPropagation();\n      this._setStateFromSlottedElements();\n      this.requestUpdate();\n    });\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('keydown', this._onComponentKeyDown);\n    this.addEventListener('focus', this._onComponentFocus);\n    this.addEventListener('blur', this._onComponentBlur);\n    this._setAutoFocus();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('keydown', this._onComponentKeyDown);\n    this.removeEventListener('focus', this._onComponentFocus);\n    this.removeEventListener('blur', this._onComponentBlur);\n  }\n\n  protected _firstUpdateCompleted = false;\n\n  protected override firstUpdated(_changedProperties: PropertyValues): void {\n    this._firstUpdateCompleted = true;\n  }\n\n  protected override willUpdate(changedProperties: PropertyValues): void {\n    if (changedProperties.has('required') && this._firstUpdateCompleted) {\n      this._manageRequired();\n    }\n  }\n\n  protected override update(changedProperties: PropertyValues) {\n    super.update(changedProperties);\n\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        this._opts.activateDefault();\n        this._scrollActiveElementToTop();\n\n        window.addEventListener('click', this._onClickOutside);\n      } else {\n        window.removeEventListener('click', this._onClickOutside);\n      }\n    }\n  }\n\n  @state()\n  protected _currentDescription = '';\n\n  @state()\n  protected _filter: FilterMethod = 'fuzzy';\n\n  @state()\n  protected get _filteredOptions(): InternalOption[] {\n    if (!this.combobox || this._opts.filterPattern === '') {\n      return this._options;\n    }\n\n    return filterOptionsByPattern(\n      this._options,\n      this._opts.filterPattern,\n      this._filter\n    );\n  }\n\n  @state()\n  protected _selectedIndexes: number[] = [];\n\n  @state()\n  protected _options: InternalOption[] = [];\n\n  @state()\n  protected _value = '';\n\n  @state()\n  protected _values: string[] = [];\n\n  @state()\n  protected _isPlaceholderOptionActive = false;\n\n  @state()\n  protected _isBeingFiltered = false;\n\n  @state()\n  protected _optionListScrollPos = 0;\n\n  private _isHoverForbidden = false;\n  private _disabled = false;\n  private _originalTabIndex: number | undefined = undefined;\n\n  private _setAutoFocus() {\n    if (this.hasAttribute('autofocus')) {\n      if (this.tabIndex < 0) {\n        this.tabIndex = 0;\n      }\n\n      if (this.combobox) {\n        this.updateComplete.then(() => {\n          this.shadowRoot\n            ?.querySelector<HTMLInputElement>('.combobox-input')!\n            .focus();\n        });\n      } else {\n        this.updateComplete.then(() => {\n          this.shadowRoot\n            ?.querySelector<HTMLInputElement>('.select-face')!\n            .focus();\n        });\n      }\n    }\n  }\n\n  protected get _isSuggestedOptionVisible() {\n    if (!(this.combobox && this.creatable)) {\n      return false;\n    }\n\n    const filterPatternExistsAsOption =\n      this._opts.getOptionByValue(this._opts.filterPattern) !== null;\n    const filtered = this._opts.filterPattern.length > 0;\n    return !filterPatternExistsAsOption && filtered;\n  }\n\n  protected _manageRequired() {}\n\n  protected _setStateFromSlottedElements() {\n    const optionElements = this._assignedOptions ?? [];\n    this._opts.clear();\n\n    optionElements.forEach((el) => {\n      const {innerText, description, disabled} = el;\n      const value = typeof el.value === 'string' ? el.value : innerText.trim();\n      const selected = el.selected ?? false;\n      const op: Option = {\n        label: innerText.trim(),\n        value,\n        description,\n        selected,\n        disabled,\n      };\n\n      this._opts.add(op);\n    });\n  }\n\n  protected _createSuggestedOption() {\n    const nextSelectedIndex = this._opts.numOptions;\n    const op = document.createElement('vscode-option');\n    op.value = this._opts.filterPattern;\n    render(this._opts.filterPattern, op);\n    this.appendChild(op);\n\n    return nextSelectedIndex;\n  }\n\n  protected _dispatchChangeEvent(): void {\n    this.dispatchEvent(new Event('change'));\n    this.dispatchEvent(new Event('input'));\n  }\n\n  protected async _createAndSelectSuggestedOption() {}\n\n  protected _toggleComboboxDropdown() {\n    this._opts.filterPattern = '';\n    this.open = !this.open;\n  }\n\n  protected _scrollActiveElementToTop() {\n    this._optionListScrollPos = Math.floor(\n      this._opts.relativeActiveIndex * OPT_HEIGHT\n    );\n  }\n\n  private async _adjustOptionListScrollPos(\n    direction: 'down' | 'up',\n    optionIndex: number\n  ) {\n    let numOpts = this._opts.numOfVisibleOptions;\n    const suggestedOptionVisible = this._isSuggestedOptionVisible;\n\n    if (suggestedOptionVisible) {\n      numOpts += 1;\n    }\n\n    if (numOpts <= VISIBLE_OPTS) {\n      return;\n    }\n\n    this._isHoverForbidden = true;\n    window.addEventListener('mousemove', this._onMouseMove);\n\n    const ulScrollTop = this._optionListScrollPos;\n    const liPosY = optionIndex * OPT_HEIGHT;\n\n    const fullyVisible =\n      liPosY >= ulScrollTop &&\n      liPosY <= ulScrollTop + VISIBLE_OPTS * OPT_HEIGHT - OPT_HEIGHT;\n\n    if (direction === 'down') {\n      if (!fullyVisible) {\n        this._optionListScrollPos =\n          optionIndex * OPT_HEIGHT - (VISIBLE_OPTS - 1) * OPT_HEIGHT;\n      }\n    }\n\n    if (direction === 'up') {\n      if (!fullyVisible) {\n        this._optionListScrollPos = Math.floor(\n          this._opts.relativeActiveIndex * OPT_HEIGHT\n        );\n      }\n    }\n  }\n\n  //#region event handlers\n  protected _onFaceClick(): void {\n    this.open = !this.open;\n  }\n\n  private _onClickOutside = (event: MouseEvent): void => {\n    const path = event.composedPath();\n    const found = path.findIndex((et) => et === this);\n\n    if (found === -1) {\n      this.open = false;\n    }\n  };\n\n  private _onMouseMove = () => {\n    this._isHoverForbidden = false;\n    window.removeEventListener('mousemove', this._onMouseMove);\n  };\n\n  protected _onComboboxButtonClick(): void {\n    this._toggleComboboxDropdown();\n  }\n\n  protected _onComboboxButtonKeyDown(ev: KeyboardEvent): void {\n    if (ev.key === 'Enter') {\n      this._toggleComboboxDropdown();\n    }\n  }\n\n  @eventOptions({passive: true})\n  protected _onOptionListScroll(ev: Event) {\n    this._optionListScrollPos = (ev.target as HTMLUListElement).scrollTop;\n  }\n\n  protected _onOptionMouseOver(ev: MouseEvent): void {\n    if (this._isHoverForbidden) {\n      return;\n    }\n\n    const el = ev.target as HTMLElement;\n\n    if (!el.matches('.option')) {\n      return;\n    }\n\n    if (el.matches('.placeholder')) {\n      this._isPlaceholderOptionActive = true;\n      this._opts.activeIndex = -1;\n    } else {\n      this._isPlaceholderOptionActive = false;\n      this._opts.activeIndex = +el.dataset.index!;\n    }\n  }\n\n  protected _onPlaceholderOptionMouseOut() {\n    this._isPlaceholderOptionActive = false;\n  }\n\n  protected _onNoOptionsClick(ev: MouseEvent) {\n    ev.stopPropagation();\n  }\n\n  protected _onEnterKeyDown(ev: KeyboardEvent): void {\n    this._isBeingFiltered = false;\n    const clickedOnAcceptButton = ev?.composedPath\n      ? ev\n          .composedPath()\n          .find((el) =>\n            (el as HTMLElement).matches\n              ? (el as HTMLElement).matches('vscode-button.button-accept')\n              : false\n          )\n      : false;\n\n    if (clickedOnAcceptButton) {\n      return;\n    }\n  }\n\n  private _onSpaceKeyDown() {\n    if (!this.open) {\n      this.open = true;\n      return;\n    }\n  }\n\n  protected _onArrowUpKeyDown(): void {\n    if (this.open) {\n      if (this._opts.activeIndex <= 0 && !(this.combobox && this.creatable)) {\n        return;\n      }\n\n      if (this._isPlaceholderOptionActive) {\n        const optionIndex = this._opts.numOfVisibleOptions - 1;\n        this._opts.activeIndex = optionIndex;\n        this._isPlaceholderOptionActive = false;\n      } else {\n        const prevOp = this._opts.prev();\n\n        if (prevOp !== null) {\n          this._opts.activeIndex = prevOp?.index ?? -1;\n          const prevSelectableIndex = prevOp?.filteredIndex ?? -1;\n\n          if (prevSelectableIndex > -1) {\n            this._adjustOptionListScrollPos('up', prevSelectableIndex);\n          }\n        }\n      }\n    } else {\n      this.open = true;\n      this._opts.activateDefault();\n    }\n  }\n\n  protected _onArrowDownKeyDown(): void {\n    let numOpts = this._opts.numOfVisibleOptions;\n    const suggestedOptionVisible = this._isSuggestedOptionVisible;\n\n    if (suggestedOptionVisible) {\n      numOpts += 1;\n    }\n\n    if (this.open) {\n      if (this._isPlaceholderOptionActive && this._opts.activeIndex === -1) {\n        return;\n      }\n\n      const nextOp = this._opts.next();\n\n      if (suggestedOptionVisible && nextOp === null) {\n        this._isPlaceholderOptionActive = true;\n        this._adjustOptionListScrollPos('down', numOpts - 1);\n        this._opts.activeIndex = -1;\n      } else if (nextOp !== null) {\n        const nextSelectableIndex = nextOp?.filteredIndex ?? -1;\n        this._opts.activeIndex = nextOp?.index ?? -1;\n\n        if (nextSelectableIndex > -1) {\n          this._adjustOptionListScrollPos('down', nextSelectableIndex);\n        }\n      }\n    } else {\n      this.open = true;\n      this._opts.activateDefault();\n    }\n  }\n\n  private _onEscapeKeyDown() {\n    this.open = false;\n  }\n\n  private _onComponentKeyDown = (event: KeyboardEvent) => {\n    if ([' ', 'ArrowUp', 'ArrowDown', 'Escape'].includes(event.key)) {\n      event.stopPropagation();\n      event.preventDefault();\n    }\n\n    if (event.key === 'Enter') {\n      this._onEnterKeyDown(event);\n    }\n\n    if (event.key === ' ') {\n      this._onSpaceKeyDown();\n    }\n\n    if (event.key === 'Escape') {\n      this._onEscapeKeyDown();\n    }\n\n    if (event.key === 'ArrowUp') {\n      this._onArrowUpKeyDown();\n    }\n\n    if (event.key === 'ArrowDown') {\n      this._onArrowDownKeyDown();\n    }\n  };\n\n  private _onComponentFocus = () => {\n    this.focused = true;\n  };\n\n  private _onComponentBlur = () => {\n    this.focused = false;\n  };\n\n  protected _onSlotChange(): void {\n    this._setStateFromSlottedElements();\n    this.requestUpdate();\n  }\n\n  protected _onComboboxInputFocus(ev: FocusEvent): void {\n    (ev.target as HTMLInputElement).select();\n    this._isBeingFiltered = false;\n    this._opts.filterPattern = '';\n  }\n\n  protected _onComboboxInputBlur() {\n    this._isBeingFiltered = false;\n  }\n\n  protected _onComboboxInputInput(ev: InputEvent): void {\n    this._isBeingFiltered = true;\n    this._opts.filterPattern = (ev.target as HTMLInputElement).value;\n    this._opts.activeIndex = -1;\n    this.open = true;\n  }\n\n  protected _onComboboxInputClick(): void {\n    this._isBeingFiltered = this._opts.filterPattern !== '';\n    this.open = true;\n  }\n\n  protected _onComboboxInputSpaceKeyDown(ev: KeyboardEvent) {\n    if (ev.key === ' ') {\n      ev.stopPropagation();\n    }\n  }\n\n  protected _onOptionClick(_ev: MouseEvent) {\n    this._isBeingFiltered = false;\n    return;\n  }\n  //#endregion\n\n  //#region render functions\n  private _renderCheckbox(\n    checked: boolean,\n    label: string | TemplateResult | TemplateResult[]\n  ) {\n    const checkboxClasses = {\n      'checkbox-icon': true,\n      checked,\n    };\n\n    return html`<span class=${classMap(checkboxClasses)}>${checkIcon}</span\n      ><span class=\"option-label\">${label}</span>`;\n  }\n\n  protected _renderOptions(): TemplateResult | TemplateResult[] {\n    const list = this._opts.options;\n\n    return html`\n      <ul\n        aria-label=${ifDefined(this.label ?? undefined)}\n        aria-multiselectable=${ifDefined(\n          this._opts.multiSelect ? 'true' : undefined\n        )}\n        class=\"options\"\n        id=\"select-listbox\"\n        role=\"listbox\"\n        tabindex=\"-1\"\n        @click=${this._onOptionClick}\n        @mouseover=${this._onOptionMouseOver}\n        @scroll=${this._onOptionListScroll}\n        .scrollTop=${this._optionListScrollPos}\n      >\n        ${repeat(\n          list,\n          (op) => op.index,\n          (op, index) => {\n            if (!op.visible) {\n              return nothing;\n            }\n\n            const active = op.index === this._opts.activeIndex && !op.disabled;\n            const selected = this._opts.getIsIndexSelected(op.index);\n\n            const optionClasses = {\n              active,\n              disabled: op.disabled,\n              option: true,\n              selected,\n            };\n\n            const labelText =\n              (op.ranges?.length ?? 0 > 0)\n                ? highlightRanges(op.label, op.ranges ?? [])\n                : op.label;\n\n            return html`\n              <li\n                aria-selected=${selected ? 'true' : 'false'}\n                class=${classMap(optionClasses)}\n                data-index=${op.index}\n                data-filtered-index=${index}\n                id=${`op-${op.index}`}\n                role=\"option\"\n                tabindex=\"-1\"\n              >\n                ${when(\n                  this._opts.multiSelect,\n                  () => this._renderCheckbox(selected, labelText),\n                  () => labelText\n                )}\n              </li>\n            `;\n          }\n        )}\n        ${this._renderPlaceholderOption(this._opts.numOfVisibleOptions < 1)}\n      </ul>\n    `;\n  }\n\n  protected _renderPlaceholderOption(isListEmpty: boolean) {\n    if (!this.combobox) {\n      return nothing;\n    }\n\n    const foundOption = this._opts.getOptionByLabel(this._opts.filterPattern);\n\n    if (foundOption) {\n      return nothing;\n    }\n\n    if (this.creatable && this._opts.filterPattern.length > 0) {\n      return html`<li\n        class=${classMap({\n          option: true,\n          placeholder: true,\n          active: this._isPlaceholderOptionActive,\n        })}\n        @mouseout=${this._onPlaceholderOptionMouseOut}\n      >\n        Add \"${this._opts.filterPattern}\"\n      </li>`;\n    } else {\n      return isListEmpty\n        ? html`<li class=\"no-options\" @click=${this._onNoOptionsClick}>\n            No options\n          </li>`\n        : nothing;\n    }\n  }\n\n  private _renderDescription() {\n    const op = this._opts.getActiveOption();\n\n    if (!op) {\n      return nothing;\n    }\n\n    const {description} = op;\n\n    return description\n      ? html`<div class=\"description\">${description}</div>`\n      : nothing;\n  }\n\n  protected _renderSelectFace(): TemplateResult {\n    return html`${nothing}`;\n  }\n\n  protected _renderComboboxFace(): TemplateResult {\n    return html`${nothing}`;\n  }\n\n  protected _renderDropdownControls(): TemplateResult {\n    return html`${nothing}`;\n  }\n\n  protected _renderDropdown() {\n    const classes = {\n      dropdown: true,\n      multiple: this._opts.multiSelect,\n      open: this.open,\n    };\n\n    return html`\n      <div class=${classMap(classes)}>\n        ${this.position === 'above' ? this._renderDescription() : nothing}\n        ${this._renderOptions()} ${this._renderDropdownControls()}\n        ${this.position === 'below' ? this._renderDescription() : nothing}\n      </div>\n    `;\n  }\n  //#endregion\n}\n"]}
+{"version":3,"file":"vscode-select-base.js","sourceRoot":"","sources":["../../../src/includes/vscode-select/vscode-select-base.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, render, nothing, TemplateResult, PropertyValues} from 'lit';\nimport {property, queryAssignedElements, state} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {repeat} from 'lit/directives/repeat.js';\nimport {when} from 'lit/directives/when.js';\nimport '../../vscode-button/index.js';\nimport '../../vscode-option/index.js';\nimport {VscodeOption} from '../../vscode-option/index.js';\nimport {stylePropertyMap} from '../style-property-map.js';\nimport {VscElement} from '../VscElement.js';\nimport {filterOptionsByPattern, highlightRanges} from './helpers.js';\nimport type {InternalOption, Option, FilterMethod} from './types.js';\nimport {OptionListController} from './OptionListController.js';\nimport {checkIcon} from './template-elements.js';\nimport '../../vscode-scrollable/vscode-scrollable.js';\n\nexport const VISIBLE_OPTS = 10;\nexport const OPT_HEIGHT = 22;\n\n/**\n * @cssprop --dropdown-z-index - workaround for dropdown z-index issues\n */\nexport class VscodeSelectBase extends VscElement {\n  @property({type: Boolean, reflect: true})\n  creatable = false;\n\n  /**\n   * Options can be filtered by typing into a text input field.\n   */\n  @property({type: Boolean, reflect: true})\n  set combobox(enabled: boolean) {\n    this._opts.comboboxMode = enabled;\n  }\n  get combobox() {\n    return this._opts.comboboxMode;\n  }\n\n  /**\n   * Accessible label for screen readers. When a `<vscode-label>` is connected\n   * to the component, it will be filled automatically.\n   */\n  @property({reflect: true})\n  label = '';\n\n  /**\n   * The element cannot be used and is not focusable.\n   */\n  @property({type: Boolean, reflect: true})\n  set disabled(newState: boolean) {\n    this._disabled = newState;\n    this.ariaDisabled = newState ? 'true' : 'false';\n\n    if (newState === true) {\n      this._originalTabIndex = this.tabIndex;\n      this.tabIndex = -1;\n    } else {\n      this.tabIndex = this._originalTabIndex ?? 0;\n      this._originalTabIndex = undefined;\n    }\n\n    this.requestUpdate();\n  }\n\n  get disabled(): boolean {\n    return this._disabled;\n  }\n\n  /**\n   * Sets the invalid state manually.\n   */\n  @property({type: Boolean, reflect: true})\n  invalid = false;\n\n  /**\n   * Search method in the filtered list within the combobox mode.\n   *\n   * - contains - The list item includes the searched pattern at any position.\n   * - fuzzy - The list item contains the letters of the search pattern in the same order, but at any position.\n   * - startsWith - The search pattern matches the beginning of the searched text.\n   * - startsWithPerTerm - The search pattern matches the beginning of any word in the searched text.\n   *\n   * @default 'fuzzy'\n   */\n  @property()\n  set filter(val: 'contains' | 'fuzzy' | 'startsWith' | 'startsWithPerTerm') {\n    const validValues: FilterMethod[] = [\n      'contains',\n      'fuzzy',\n      'startsWith',\n      'startsWithPerTerm',\n    ];\n\n    let fm: FilterMethod;\n\n    if (validValues.includes(val as FilterMethod)) {\n      // this._filter = val as FilterMethod;\n      fm = val;\n    } else {\n      // this._filter = 'fuzzy';\n      // eslint-disable-next-line no-console\n      console.warn(\n        `[VSCode Webview Elements] Invalid filter: \"${val}\", fallback to default. Valid values are: \"contains\", \"fuzzy\", \"startsWith\", \"startsWithPerm\".`,\n        this\n      );\n      fm = 'fuzzy';\n    }\n\n    this._opts.filterMethod = fm;\n  }\n  get filter(): 'contains' | 'fuzzy' | 'startsWith' | 'startsWithPerTerm' {\n    return this._opts.filterMethod;\n  }\n\n  /**\n   * Its value is true when element is focused.\n   */\n  @property({type: Boolean, reflect: true})\n  focused = false;\n\n  /**\n   * Toggle the dropdown visibility.\n   */\n  @property({type: Boolean, reflect: true})\n  open = false;\n\n  /**\n   * @attr [options=[]]\n   * @type {Option[]}\n   */\n  @property({type: Array})\n  set options(opts: Option[]) {\n    this._opts.populate(opts);\n  }\n  get options(): Option[] {\n    return this._opts.options.map(\n      ({label, value, description, selected, disabled}) => ({\n        label,\n        value,\n        description,\n        selected,\n        disabled,\n      })\n    );\n  }\n\n  /**\n   * Position of the options list when visible.\n   */\n  @property({reflect: true})\n  position: 'above' | 'below' = 'below';\n\n  @queryAssignedElements({\n    flatten: true,\n    selector: 'vscode-option',\n  })\n  private _assignedOptions!: VscodeOption[];\n\n  protected _opts = new OptionListController(this);\n\n  constructor() {\n    super();\n    this.addEventListener('vsc-option-state-change', (ev) => {\n      ev.stopPropagation();\n      this._setStateFromSlottedElements();\n      this.requestUpdate();\n    });\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('keydown', this._onComponentKeyDown);\n    this.addEventListener('focus', this._onComponentFocus);\n    this.addEventListener('blur', this._onComponentBlur);\n    this._setAutoFocus();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('keydown', this._onComponentKeyDown);\n    this.removeEventListener('focus', this._onComponentFocus);\n    this.removeEventListener('blur', this._onComponentBlur);\n  }\n\n  protected _firstUpdateCompleted = false;\n\n  protected override firstUpdated(_changedProperties: PropertyValues): void {\n    this._firstUpdateCompleted = true;\n  }\n\n  protected override willUpdate(changedProperties: PropertyValues): void {\n    if (changedProperties.has('required') && this._firstUpdateCompleted) {\n      this._manageRequired();\n    }\n  }\n\n  protected override update(changedProperties: PropertyValues) {\n    super.update(changedProperties);\n\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        this._opts.activateDefault();\n        this._scrollActiveElementToTop();\n\n        window.addEventListener('click', this._onClickOutside);\n      } else {\n        window.removeEventListener('click', this._onClickOutside);\n      }\n    }\n  }\n\n  @state()\n  protected _currentDescription = '';\n\n  @state()\n  protected _filter: FilterMethod = 'fuzzy';\n\n  @state()\n  protected get _filteredOptions(): InternalOption[] {\n    if (!this.combobox || this._opts.filterPattern === '') {\n      return this._options;\n    }\n\n    return filterOptionsByPattern(\n      this._options,\n      this._opts.filterPattern,\n      this._filter\n    );\n  }\n\n  @state()\n  protected _selectedIndexes: number[] = [];\n\n  @state()\n  protected _options: InternalOption[] = [];\n\n  @state()\n  protected _value = '';\n\n  @state()\n  protected _values: string[] = [];\n\n  @state()\n  protected _isPlaceholderOptionActive = false;\n\n  @state()\n  protected _isBeingFiltered = false;\n\n  @state()\n  protected _optionListScrollPos = 0;\n\n  private _isHoverForbidden = false;\n  private _disabled = false;\n  private _originalTabIndex: number | undefined = undefined;\n\n  private _setAutoFocus() {\n    if (this.hasAttribute('autofocus')) {\n      if (this.tabIndex < 0) {\n        this.tabIndex = 0;\n      }\n\n      if (this.combobox) {\n        this.updateComplete.then(() => {\n          this.shadowRoot\n            ?.querySelector<HTMLInputElement>('.combobox-input')!\n            .focus();\n        });\n      } else {\n        this.updateComplete.then(() => {\n          this.shadowRoot\n            ?.querySelector<HTMLInputElement>('.select-face')!\n            .focus();\n        });\n      }\n    }\n  }\n\n  protected get _isSuggestedOptionVisible() {\n    if (!(this.combobox && this.creatable)) {\n      return false;\n    }\n\n    const filterPatternExistsAsOption =\n      this._opts.getOptionByValue(this._opts.filterPattern) !== null;\n    const filtered = this._opts.filterPattern.length > 0;\n    return !filterPatternExistsAsOption && filtered;\n  }\n\n  protected _manageRequired() {}\n\n  protected _setStateFromSlottedElements() {\n    const optionElements = this._assignedOptions ?? [];\n    this._opts.clear();\n\n    optionElements.forEach((el) => {\n      const {innerText, description, disabled} = el;\n      const value = typeof el.value === 'string' ? el.value : innerText.trim();\n      const selected = el.selected ?? false;\n      const op: Option = {\n        label: innerText.trim(),\n        value,\n        description,\n        selected,\n        disabled,\n      };\n\n      this._opts.add(op);\n    });\n  }\n\n  protected _createSuggestedOption() {\n    const nextSelectedIndex = this._opts.numOptions;\n    const op = document.createElement('vscode-option');\n    op.value = this._opts.filterPattern;\n    render(this._opts.filterPattern, op);\n    this.appendChild(op);\n\n    return nextSelectedIndex;\n  }\n\n  protected _dispatchChangeEvent(): void {\n    this.dispatchEvent(new Event('change'));\n    this.dispatchEvent(new Event('input'));\n  }\n\n  protected async _createAndSelectSuggestedOption() {}\n\n  protected _toggleComboboxDropdown() {\n    this._opts.filterPattern = '';\n    this.open = !this.open;\n  }\n\n  protected _scrollActiveElementToTop() {\n    this._optionListScrollPos = Math.floor(\n      this._opts.relativeActiveIndex * OPT_HEIGHT\n    );\n  }\n\n  private async _adjustOptionListScrollPos(\n    direction: 'down' | 'up',\n    optionIndex: number\n  ) {\n    let numOpts = this._opts.numOfVisibleOptions;\n    const suggestedOptionVisible = this._isSuggestedOptionVisible;\n\n    if (suggestedOptionVisible) {\n      numOpts += 1;\n    }\n\n    if (numOpts <= VISIBLE_OPTS) {\n      return;\n    }\n\n    this._isHoverForbidden = true;\n    window.addEventListener('mousemove', this._onMouseMove);\n\n    const ulScrollTop = this._optionListScrollPos;\n    const liPosY = optionIndex * OPT_HEIGHT;\n\n    const fullyVisible =\n      liPosY >= ulScrollTop &&\n      liPosY <= ulScrollTop + VISIBLE_OPTS * OPT_HEIGHT - OPT_HEIGHT;\n\n    if (direction === 'down') {\n      if (!fullyVisible) {\n        this._optionListScrollPos =\n          optionIndex * OPT_HEIGHT - (VISIBLE_OPTS - 1) * OPT_HEIGHT;\n      }\n    }\n\n    if (direction === 'up') {\n      if (!fullyVisible) {\n        this._optionListScrollPos = Math.floor(\n          this._opts.relativeActiveIndex * OPT_HEIGHT\n        );\n      }\n    }\n  }\n\n  //#region event handlers\n  protected _onFaceClick(): void {\n    this.open = !this.open;\n  }\n\n  private _onClickOutside = (event: MouseEvent): void => {\n    const path = event.composedPath();\n    const found = path.findIndex((et) => et === this);\n\n    if (found === -1) {\n      this.open = false;\n    }\n  };\n\n  private _onMouseMove = () => {\n    this._isHoverForbidden = false;\n    window.removeEventListener('mousemove', this._onMouseMove);\n  };\n\n  protected _onComboboxButtonClick(): void {\n    this._toggleComboboxDropdown();\n  }\n\n  protected _onComboboxButtonKeyDown(ev: KeyboardEvent): void {\n    if (ev.key === 'Enter') {\n      this._toggleComboboxDropdown();\n    }\n  }\n\n  private _onOptionListScroll = (ev: CustomEvent<number>) => {\n    this._optionListScrollPos = ev.detail;\n  };\n\n  protected _onOptionMouseOver(ev: MouseEvent): void {\n    if (this._isHoverForbidden) {\n      return;\n    }\n\n    const el = ev.target as HTMLElement;\n\n    if (!el.matches('.option')) {\n      return;\n    }\n\n    if (el.matches('.placeholder')) {\n      this._isPlaceholderOptionActive = true;\n      this._opts.activeIndex = -1;\n    } else {\n      this._isPlaceholderOptionActive = false;\n      this._opts.activeIndex = +el.dataset.index!;\n    }\n  }\n\n  protected _onPlaceholderOptionMouseOut() {\n    this._isPlaceholderOptionActive = false;\n  }\n\n  protected _onNoOptionsClick(ev: MouseEvent) {\n    ev.stopPropagation();\n  }\n\n  protected _onEnterKeyDown(ev: KeyboardEvent): void {\n    this._isBeingFiltered = false;\n    const clickedOnAcceptButton = ev?.composedPath\n      ? ev\n          .composedPath()\n          .find((el) =>\n            (el as HTMLElement).matches\n              ? (el as HTMLElement).matches('vscode-button.button-accept')\n              : false\n          )\n      : false;\n\n    if (clickedOnAcceptButton) {\n      return;\n    }\n  }\n\n  private _onSpaceKeyDown() {\n    if (!this.open) {\n      this.open = true;\n      return;\n    }\n  }\n\n  protected _onArrowUpKeyDown(): void {\n    if (this.open) {\n      if (this._opts.activeIndex <= 0 && !(this.combobox && this.creatable)) {\n        return;\n      }\n\n      if (this._isPlaceholderOptionActive) {\n        const optionIndex = this._opts.numOfVisibleOptions - 1;\n        this._opts.activeIndex = optionIndex;\n        this._isPlaceholderOptionActive = false;\n      } else {\n        const prevOp = this._opts.prev();\n\n        if (prevOp !== null) {\n          this._opts.activeIndex = prevOp?.index ?? -1;\n          const prevSelectableIndex = prevOp?.filteredIndex ?? -1;\n\n          if (prevSelectableIndex > -1) {\n            this._adjustOptionListScrollPos('up', prevSelectableIndex);\n          }\n        }\n      }\n    } else {\n      this.open = true;\n      this._opts.activateDefault();\n    }\n  }\n\n  protected _onArrowDownKeyDown(): void {\n    let numOpts = this._opts.numOfVisibleOptions;\n    const suggestedOptionVisible = this._isSuggestedOptionVisible;\n\n    if (suggestedOptionVisible) {\n      numOpts += 1;\n    }\n\n    if (this.open) {\n      if (this._isPlaceholderOptionActive && this._opts.activeIndex === -1) {\n        return;\n      }\n\n      const nextOp = this._opts.next();\n\n      if (suggestedOptionVisible && nextOp === null) {\n        this._isPlaceholderOptionActive = true;\n        this._adjustOptionListScrollPos('down', numOpts - 1);\n        this._opts.activeIndex = -1;\n      } else if (nextOp !== null) {\n        const nextSelectableIndex = nextOp?.filteredIndex ?? -1;\n        this._opts.activeIndex = nextOp?.index ?? -1;\n\n        if (nextSelectableIndex > -1) {\n          this._adjustOptionListScrollPos('down', nextSelectableIndex);\n        }\n      }\n    } else {\n      this.open = true;\n      this._opts.activateDefault();\n    }\n  }\n\n  private _onEscapeKeyDown() {\n    this.open = false;\n  }\n\n  private _onComponentKeyDown = (event: KeyboardEvent) => {\n    if ([' ', 'ArrowUp', 'ArrowDown', 'Escape'].includes(event.key)) {\n      event.stopPropagation();\n      event.preventDefault();\n    }\n\n    if (event.key === 'Enter') {\n      this._onEnterKeyDown(event);\n    }\n\n    if (event.key === ' ') {\n      this._onSpaceKeyDown();\n    }\n\n    if (event.key === 'Escape') {\n      this._onEscapeKeyDown();\n    }\n\n    if (event.key === 'ArrowUp') {\n      this._onArrowUpKeyDown();\n    }\n\n    if (event.key === 'ArrowDown') {\n      this._onArrowDownKeyDown();\n    }\n  };\n\n  private _onComponentFocus = () => {\n    this.focused = true;\n  };\n\n  private _onComponentBlur = () => {\n    this.focused = false;\n  };\n\n  protected _onSlotChange(): void {\n    this._setStateFromSlottedElements();\n    this.requestUpdate();\n  }\n\n  protected _onComboboxInputFocus(ev: FocusEvent): void {\n    (ev.target as HTMLInputElement).select();\n    this._isBeingFiltered = false;\n    this._opts.filterPattern = '';\n  }\n\n  protected _onComboboxInputBlur() {\n    this._isBeingFiltered = false;\n  }\n\n  protected _onComboboxInputInput(ev: InputEvent): void {\n    this._isBeingFiltered = true;\n    this._opts.filterPattern = (ev.target as HTMLInputElement).value;\n    this._opts.activeIndex = -1;\n    this.open = true;\n  }\n\n  protected _onComboboxInputClick(): void {\n    this._isBeingFiltered = this._opts.filterPattern !== '';\n    this.open = true;\n  }\n\n  protected _onComboboxInputSpaceKeyDown(ev: KeyboardEvent) {\n    if (ev.key === ' ') {\n      ev.stopPropagation();\n    }\n  }\n\n  protected _onOptionClick(_ev: MouseEvent) {\n    this._isBeingFiltered = false;\n    return;\n  }\n  //#endregion\n\n  //#region render functions\n  private _renderCheckbox(\n    checked: boolean,\n    label: string | TemplateResult | TemplateResult[]\n  ) {\n    const checkboxClasses = {\n      'checkbox-icon': true,\n      checked,\n    };\n\n    return html`<span class=${classMap(checkboxClasses)}>${checkIcon}</span\n      ><span class=\"option-label\">${label}</span>`;\n  }\n\n  protected _renderOptions(): TemplateResult | TemplateResult[] {\n    const list = this._opts.options;\n\n    return html`\n      <ul\n        aria-label=${ifDefined(this.label ?? undefined)}\n        aria-multiselectable=${ifDefined(\n          this._opts.multiSelect ? 'true' : undefined\n        )}\n        class=\"options\"\n        id=\"select-listbox\"\n        role=\"listbox\"\n        tabindex=\"-1\"\n        @click=${this._onOptionClick}\n        @mouseover=${this._onOptionMouseOver}\n      >\n        ${repeat(\n          list,\n          (op) => op.index,\n          (op, index) => {\n            if (!op.visible) {\n              return nothing;\n            }\n\n            const active = op.index === this._opts.activeIndex && !op.disabled;\n            const selected = this._opts.getIsIndexSelected(op.index);\n\n            const optionClasses = {\n              active,\n              disabled: op.disabled,\n              option: true,\n              selected,\n            };\n\n            const labelText =\n              (op.ranges?.length ?? 0 > 0)\n                ? highlightRanges(op.label, op.ranges ?? [])\n                : op.label;\n\n            return html`\n              <li\n                aria-selected=${selected ? 'true' : 'false'}\n                class=${classMap(optionClasses)}\n                data-index=${op.index}\n                data-filtered-index=${index}\n                id=${`op-${op.index}`}\n                role=\"option\"\n                tabindex=\"-1\"\n              >\n                ${when(\n                  this._opts.multiSelect,\n                  () => this._renderCheckbox(selected, labelText),\n                  () => labelText\n                )}\n              </li>\n            `;\n          }\n        )}\n        ${this._renderPlaceholderOption(this._opts.numOfVisibleOptions < 1)}\n      </ul>\n    `;\n  }\n\n  protected _renderPlaceholderOption(isListEmpty: boolean) {\n    if (!this.combobox) {\n      return nothing;\n    }\n\n    const foundOption = this._opts.getOptionByLabel(this._opts.filterPattern);\n\n    if (foundOption) {\n      return nothing;\n    }\n\n    if (this.creatable && this._opts.filterPattern.length > 0) {\n      return html`<li\n        class=${classMap({\n          option: true,\n          placeholder: true,\n          active: this._isPlaceholderOptionActive,\n        })}\n        @mouseout=${this._onPlaceholderOptionMouseOut}\n      >\n        Add \"${this._opts.filterPattern}\"\n      </li>`;\n    } else {\n      return isListEmpty\n        ? html`<li class=\"no-options\" @click=${this._onNoOptionsClick}>\n            No options\n          </li>`\n        : nothing;\n    }\n  }\n\n  private _renderDescription() {\n    const op = this._opts.getActiveOption();\n\n    if (!op) {\n      return nothing;\n    }\n\n    const {description} = op;\n\n    return description\n      ? html`<div class=\"description\">${description}</div>`\n      : nothing;\n  }\n\n  protected _renderSelectFace(): TemplateResult {\n    return html`${nothing}`;\n  }\n\n  protected _renderComboboxFace(): TemplateResult {\n    return html`${nothing}`;\n  }\n\n  protected _renderDropdownControls(): TemplateResult {\n    return html`${nothing}`;\n  }\n\n  protected _renderDropdown() {\n    const classes = {\n      dropdown: true,\n      multiple: this._opts.multiSelect,\n      open: this.open,\n    };\n\n    const visibleOptions =\n      this._isSuggestedOptionVisible || this._opts.numOfVisibleOptions === 0\n        ? this._opts.numOfVisibleOptions + 1\n        : this._opts.numOfVisibleOptions;\n\n    const scrollPaneHeight = Math.min(\n      visibleOptions * OPT_HEIGHT,\n      VISIBLE_OPTS * OPT_HEIGHT\n    );\n\n    return html`\n      <div class=${classMap(classes)}>\n        ${this.position === 'above' ? this._renderDescription() : nothing}\n        <vscode-scrollable\n          always-visible\n          class=\"scrollable\"\n          min-thumb-size=\"40\"\n          tabindex=\"-1\"\n          @vsc-scrollable-scroll=${this._onOptionListScroll}\n          .scrollPos=${this._optionListScrollPos}\n          .style=${stylePropertyMap({\n            height: `${scrollPaneHeight}px`,\n          })}\n        >\n          ${this._renderOptions()} ${this._renderDropdownControls()}\n        </vscode-scrollable>\n        ${this.position === 'below' ? this._renderDescription() : nothing}\n      </div>\n    `;\n  }\n  //#endregion\n}\n"]}

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

@@ -194,7 +194,7 @@ let VscodeMultiSelect = class VscodeMultiSelect extends VscodeSelectBase {
         await this.updateComplete;
         this.selectedIndexes = [...this.selectedIndexes, nextIndex];
         this._dispatchChangeEvent();
-        const opCreateEvent = new CustomEvent('vsc-multi-select-create-option', { detail: { value: this._options[nextIndex]?.value ?? '' } });
+        const opCreateEvent = new CustomEvent('vsc-multi-select-create-option', { detail: { value: this._opts.getOptionByIndex(nextIndex)?.value ?? '' } });
         this.dispatchEvent(opCreateEvent);
         this.open = false;
         this._isPlaceholderOptionActive = false;

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

@@ -1 +1 @@
-{"version":3,"file":"vscode-multi-select.js","sourceRoot":"","sources":["../../src/vscode-multi-select/vscode-multi-select.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, LitElement, nothing, 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 styles from './vscode-multi-select.styles.js';\nimport {AssociatedFormControl} from '../includes/AssociatedFormControl.js';\n\nexport type VscMultiSelectCreateOptionEvent = CustomEvent<{value: string}>;\n\n/**\n * Allows to select multiple items from a list of 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-multi-select\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-multi-select')\nexport class VscodeMultiSelect\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  static formAssociated = true;\n\n  @property({type: Array, attribute: 'default-value'})\n  defaultValue: string[] = [];\n\n  @property({type: Boolean, reflect: true})\n  required = false;\n\n  @property({reflect: true})\n  name: string | undefined = undefined;\n\n  @property({type: Array, attribute: false})\n  set selectedIndexes(val: number[]) {\n    this._opts.selectedIndexes = val;\n  }\n  get selectedIndexes(): number[] {\n    return this._opts.selectedIndexes;\n  }\n\n  @property({type: Array})\n  set value(val: string[]) {\n    this._opts.multiSelectValue = val;\n\n    if (this._opts.selectedIndexes.length > 0) {\n      this._requestedValueToSetLater = [];\n    } else {\n      this._requestedValueToSetLater = Array.isArray(val) ? val : [val];\n    }\n\n    this._setFormValue();\n    this._manageRequired();\n  }\n  get value(): string[] {\n    return this._opts.multiSelectValue;\n  }\n\n  get form() {\n    return this._internals.form;\n  }\n\n  /** @internal */\n  get type() {\n    return 'select-multiple';\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() {\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  selectAll() {\n    this._opts.selectAll();\n  }\n\n  selectNone() {\n    this._opts.selectNone();\n  }\n\n  private _internals: ElementInternals;\n\n  constructor() {\n    super();\n    this._opts.multiSelect = true;\n    this._internals = this.attachInternals();\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    this.updateComplete.then(() => {\n      this._setDefaultValue();\n      this._manageRequired();\n    });\n  }\n\n  /** @internal */\n  formResetCallback(): void {\n    this.updateComplete.then(() => {\n      this.value = this.defaultValue;\n    });\n  }\n\n  /** @internal */\n  formStateRestoreCallback(\n    state: FormData,\n    _mode: 'restore' | 'autocomplete'\n  ): void {\n    const entries = Array.from(state.entries()).map((e) => String(e[1]));\n\n    this.updateComplete.then(() => {\n      this.value = entries;\n    });\n  }\n\n  @query('.face')\n  private _faceElement!: HTMLDivElement;\n\n  private _setDefaultValue() {\n    if (Array.isArray(this.defaultValue) && this.defaultValue.length > 0) {\n      const val = this.defaultValue.map((v) => String(v));\n      this.value = val;\n    }\n  }\n\n  protected override _dispatchChangeEvent(): void {\n    /** @deprecated */\n    this.dispatchEvent(\n      new CustomEvent('vsc-change', {\n        detail: {\n          selectedIndexes: this._opts.selectedIndexes,\n          value: this._opts.multiSelectValue,\n        },\n      })\n    );\n\n    super._dispatchChangeEvent();\n  }\n\n  protected override _onFaceClick(): void {\n    super._onFaceClick();\n    this._opts.activeIndex = 0;\n  }\n\n  protected override _toggleComboboxDropdown(): void {\n    super._toggleComboboxDropdown();\n    this._opts.activeIndex = -1;\n  }\n\n  protected override _manageRequired() {\n    const {value} = this;\n    if (value.length === 0 && this.required) {\n      this._internals.setValidity(\n        {\n          valueMissing: true,\n        },\n        'Please select an item in the list.',\n        this._faceElement\n      );\n    } else {\n      this._internals.setValidity({});\n    }\n  }\n\n  private _setFormValue() {\n    const fd = new FormData();\n\n    this._values.forEach((v) => {\n      fd.append(this.name ?? '', v);\n    });\n\n    this._internals.setFormValue(fd);\n  }\n\n  private _requestedValueToSetLater: string[] = [];\n\n  protected override async _createAndSelectSuggestedOption() {\n    super._createAndSelectSuggestedOption();\n    const nextIndex = this._createSuggestedOption();\n\n    await this.updateComplete;\n\n    this.selectedIndexes = [...this.selectedIndexes, nextIndex];\n    this._dispatchChangeEvent();\n    const opCreateEvent: VscMultiSelectCreateOptionEvent = new CustomEvent(\n      'vsc-multi-select-create-option',\n      {detail: {value: this._options[nextIndex]?.value ?? ''}}\n    );\n    this.dispatchEvent(opCreateEvent);\n    this.open = false;\n    this._isPlaceholderOptionActive = false;\n  }\n\n  //#region event handlers\n  protected override _onSlotChange(): void {\n    super._onSlotChange();\n\n    if (this._requestedValueToSetLater.length > 0) {\n      this._opts.expandMultiSelection(this._requestedValueToSetLater);\n      this._requestedValueToSetLater = this._requestedValueToSetLater.filter(\n        (v) => this._opts.findOptionIndex(v) === -1\n      );\n    }\n  }\n\n  protected override _onOptionClick = (ev: MouseEvent) => {\n    const composedPath = ev.composedPath();\n    const optEl = composedPath.find((et) => {\n      if ('matches' in et) {\n        return (et as HTMLElement).matches('li.option');\n      }\n\n      return false;\n    });\n\n    if (!optEl) {\n      return;\n    }\n\n    const isPlaceholderOption = (optEl as HTMLElement).classList.contains(\n      'placeholder'\n    );\n\n    if (isPlaceholderOption) {\n      this._createAndSelectSuggestedOption();\n      return;\n    }\n\n    const index = Number((optEl as HTMLElement).dataset.index);\n\n    this._opts.toggleOptionSelected(index);\n\n    this._setFormValue();\n    this._manageRequired();\n    this._dispatchChangeEvent();\n  };\n\n  protected override _onEnterKeyDown(ev: KeyboardEvent): void {\n    super._onEnterKeyDown(ev);\n\n    if (!this.open) {\n      this._opts.filterPattern = '';\n      this.open = true;\n    } else {\n      if (this._isPlaceholderOptionActive) {\n        this._createAndSelectSuggestedOption();\n      } else {\n        this._opts.toggleActiveMultiselectOption();\n        this._setFormValue();\n        this._manageRequired();\n        this._dispatchChangeEvent();\n      }\n    }\n  }\n\n  private _onMultiAcceptClick(): void {\n    this.open = false;\n  }\n\n  private _onMultiDeselectAllClick(): void {\n    this._opts.selectedIndexes = [];\n    this._values = [];\n    this._options = this._options.map((op) => ({...op, selected: false}));\n    this._manageRequired();\n    this._dispatchChangeEvent();\n  }\n\n  private _onMultiSelectAllClick(): void {\n    this._opts.selectedIndexes = [];\n    this._values = [];\n    this._options = this._options.map((op) => ({...op, selected: true}));\n    this._options.forEach((op, index) => {\n      this._selectedIndexes.push(index);\n      this._values.push(op.value);\n      this._dispatchChangeEvent();\n    });\n\n    this._setFormValue();\n    this._manageRequired();\n  }\n  //#endregion\n\n  //#region render functions\n  private _renderLabel() {\n    switch (this._opts.selectedIndexes.length) {\n      case 0:\n        return html`<span class=\"select-face-badge no-item\">0 Selected</span>`;\n      default:\n        return html`<span class=\"select-face-badge\"\n          >${this._opts.selectedIndexes.length} Selected</span\n        >`;\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        ${this._opts.multiSelect ? this._renderLabel() : nothing}\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  protected override _renderSelectFace(): TemplateResult {\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\n        aria-activedescendant=${ifDefined(\n          this._opts.multiSelect ? undefined : activeDescendant\n        )}\n        aria-controls=\"select-listbox\"\n        aria-expanded=${ifDefined(\n          this._opts.multiSelect ? undefined : expanded\n        )}\n        aria-haspopup=\"listbox\"\n        aria-label=${ifDefined(this.label ?? undefined)}\n        class=\"select-face face multiselect\"\n        @click=${this._onFaceClick}\n        .tabIndex=${this.disabled ? -1 : 0}\n      >\n        ${this._renderLabel()} ${chevronDownIcon}\n      </div>\n    `;\n  }\n\n  protected override _renderDropdownControls(): TemplateResult {\n    return this._filteredOptions.length > 0\n      ? html`\n          <div class=\"dropdown-controls\">\n            <button\n              type=\"button\"\n              @click=${this._onMultiSelectAllClick}\n              title=\"Select all\"\n              class=\"action-icon\"\n              id=\"select-all\"\n            >\n              <vscode-icon name=\"checklist\"></vscode-icon>\n            </button>\n            <button\n              type=\"button\"\n              @click=${this._onMultiDeselectAllClick}\n              title=\"Deselect all\"\n              class=\"action-icon\"\n              id=\"select-none\"\n            >\n              <vscode-icon name=\"clear-all\"></vscode-icon>\n            </button>\n            <vscode-button\n              class=\"button-accept\"\n              @click=${this._onMultiAcceptClick}\n              >OK</vscode-button\n            >\n          </div>\n        `\n      : html`${nothing}`;\n  }\n\n  override render(): TemplateResult {\n    return html`\n      <div class=\"multi-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-multi-select': VscodeMultiSelect;\n  }\n\n  interface GlobalEventHandlersEventMap {\n    'vsc-multi-select-create-option': VscMultiSelectCreateOptionEvent;\n  }\n}\n"]}
+{"version":3,"file":"vscode-multi-select.js","sourceRoot":"","sources":["../../src/vscode-multi-select/vscode-multi-select.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, LitElement, nothing, 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 styles from './vscode-multi-select.styles.js';\nimport {AssociatedFormControl} from '../includes/AssociatedFormControl.js';\n\nexport type VscMultiSelectCreateOptionEvent = CustomEvent<{value: string}>;\n\n/**\n * Allows to select multiple items from a list of 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-multi-select\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-multi-select')\nexport class VscodeMultiSelect\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  static formAssociated = true;\n\n  @property({type: Array, attribute: 'default-value'})\n  defaultValue: string[] = [];\n\n  @property({type: Boolean, reflect: true})\n  required = false;\n\n  @property({reflect: true})\n  name: string | undefined = undefined;\n\n  @property({type: Array, attribute: false})\n  set selectedIndexes(val: number[]) {\n    this._opts.selectedIndexes = val;\n  }\n  get selectedIndexes(): number[] {\n    return this._opts.selectedIndexes;\n  }\n\n  @property({type: Array})\n  set value(val: string[]) {\n    this._opts.multiSelectValue = val;\n\n    if (this._opts.selectedIndexes.length > 0) {\n      this._requestedValueToSetLater = [];\n    } else {\n      this._requestedValueToSetLater = Array.isArray(val) ? val : [val];\n    }\n\n    this._setFormValue();\n    this._manageRequired();\n  }\n  get value(): string[] {\n    return this._opts.multiSelectValue;\n  }\n\n  get form() {\n    return this._internals.form;\n  }\n\n  /** @internal */\n  get type() {\n    return 'select-multiple';\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() {\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  selectAll() {\n    this._opts.selectAll();\n  }\n\n  selectNone() {\n    this._opts.selectNone();\n  }\n\n  private _internals: ElementInternals;\n\n  constructor() {\n    super();\n    this._opts.multiSelect = true;\n    this._internals = this.attachInternals();\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    this.updateComplete.then(() => {\n      this._setDefaultValue();\n      this._manageRequired();\n    });\n  }\n\n  /** @internal */\n  formResetCallback(): void {\n    this.updateComplete.then(() => {\n      this.value = this.defaultValue;\n    });\n  }\n\n  /** @internal */\n  formStateRestoreCallback(\n    state: FormData,\n    _mode: 'restore' | 'autocomplete'\n  ): void {\n    const entries = Array.from(state.entries()).map((e) => String(e[1]));\n\n    this.updateComplete.then(() => {\n      this.value = entries;\n    });\n  }\n\n  @query('.face')\n  private _faceElement!: HTMLDivElement;\n\n  private _setDefaultValue() {\n    if (Array.isArray(this.defaultValue) && this.defaultValue.length > 0) {\n      const val = this.defaultValue.map((v) => String(v));\n      this.value = val;\n    }\n  }\n\n  protected override _dispatchChangeEvent(): void {\n    /** @deprecated */\n    this.dispatchEvent(\n      new CustomEvent('vsc-change', {\n        detail: {\n          selectedIndexes: this._opts.selectedIndexes,\n          value: this._opts.multiSelectValue,\n        },\n      })\n    );\n\n    super._dispatchChangeEvent();\n  }\n\n  protected override _onFaceClick(): void {\n    super._onFaceClick();\n    this._opts.activeIndex = 0;\n  }\n\n  protected override _toggleComboboxDropdown(): void {\n    super._toggleComboboxDropdown();\n    this._opts.activeIndex = -1;\n  }\n\n  protected override _manageRequired() {\n    const {value} = this;\n    if (value.length === 0 && this.required) {\n      this._internals.setValidity(\n        {\n          valueMissing: true,\n        },\n        'Please select an item in the list.',\n        this._faceElement\n      );\n    } else {\n      this._internals.setValidity({});\n    }\n  }\n\n  private _setFormValue() {\n    const fd = new FormData();\n\n    this._values.forEach((v) => {\n      fd.append(this.name ?? '', v);\n    });\n\n    this._internals.setFormValue(fd);\n  }\n\n  private _requestedValueToSetLater: string[] = [];\n\n  protected override async _createAndSelectSuggestedOption() {\n    super._createAndSelectSuggestedOption();\n    const nextIndex = this._createSuggestedOption();\n\n    await this.updateComplete;\n\n    this.selectedIndexes = [...this.selectedIndexes, nextIndex];\n    this._dispatchChangeEvent();\n    const opCreateEvent: VscMultiSelectCreateOptionEvent = new CustomEvent(\n      'vsc-multi-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  //#region event handlers\n  protected override _onSlotChange(): void {\n    super._onSlotChange();\n\n    if (this._requestedValueToSetLater.length > 0) {\n      this._opts.expandMultiSelection(this._requestedValueToSetLater);\n      this._requestedValueToSetLater = this._requestedValueToSetLater.filter(\n        (v) => this._opts.findOptionIndex(v) === -1\n      );\n    }\n  }\n\n  protected override _onOptionClick = (ev: MouseEvent) => {\n    const composedPath = ev.composedPath();\n    const optEl = composedPath.find((et) => {\n      if ('matches' in et) {\n        return (et as HTMLElement).matches('li.option');\n      }\n\n      return false;\n    });\n\n    if (!optEl) {\n      return;\n    }\n\n    const isPlaceholderOption = (optEl as HTMLElement).classList.contains(\n      'placeholder'\n    );\n\n    if (isPlaceholderOption) {\n      this._createAndSelectSuggestedOption();\n      return;\n    }\n\n    const index = Number((optEl as HTMLElement).dataset.index);\n\n    this._opts.toggleOptionSelected(index);\n\n    this._setFormValue();\n    this._manageRequired();\n    this._dispatchChangeEvent();\n  };\n\n  protected override _onEnterKeyDown(ev: KeyboardEvent): void {\n    super._onEnterKeyDown(ev);\n\n    if (!this.open) {\n      this._opts.filterPattern = '';\n      this.open = true;\n    } else {\n      if (this._isPlaceholderOptionActive) {\n        this._createAndSelectSuggestedOption();\n      } else {\n        this._opts.toggleActiveMultiselectOption();\n        this._setFormValue();\n        this._manageRequired();\n        this._dispatchChangeEvent();\n      }\n    }\n  }\n\n  private _onMultiAcceptClick(): void {\n    this.open = false;\n  }\n\n  private _onMultiDeselectAllClick(): void {\n    this._opts.selectedIndexes = [];\n    this._values = [];\n    this._options = this._options.map((op) => ({...op, selected: false}));\n    this._manageRequired();\n    this._dispatchChangeEvent();\n  }\n\n  private _onMultiSelectAllClick(): void {\n    this._opts.selectedIndexes = [];\n    this._values = [];\n    this._options = this._options.map((op) => ({...op, selected: true}));\n    this._options.forEach((op, index) => {\n      this._selectedIndexes.push(index);\n      this._values.push(op.value);\n      this._dispatchChangeEvent();\n    });\n\n    this._setFormValue();\n    this._manageRequired();\n  }\n  //#endregion\n\n  //#region render functions\n  private _renderLabel() {\n    switch (this._opts.selectedIndexes.length) {\n      case 0:\n        return html`<span class=\"select-face-badge no-item\">0 Selected</span>`;\n      default:\n        return html`<span class=\"select-face-badge\"\n          >${this._opts.selectedIndexes.length} Selected</span\n        >`;\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        ${this._opts.multiSelect ? this._renderLabel() : nothing}\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  protected override _renderSelectFace(): TemplateResult {\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\n        aria-activedescendant=${ifDefined(\n          this._opts.multiSelect ? undefined : activeDescendant\n        )}\n        aria-controls=\"select-listbox\"\n        aria-expanded=${ifDefined(\n          this._opts.multiSelect ? undefined : expanded\n        )}\n        aria-haspopup=\"listbox\"\n        aria-label=${ifDefined(this.label ?? undefined)}\n        class=\"select-face face multiselect\"\n        @click=${this._onFaceClick}\n        .tabIndex=${this.disabled ? -1 : 0}\n      >\n        ${this._renderLabel()} ${chevronDownIcon}\n      </div>\n    `;\n  }\n\n  protected override _renderDropdownControls(): TemplateResult {\n    return this._filteredOptions.length > 0\n      ? html`\n          <div class=\"dropdown-controls\">\n            <button\n              type=\"button\"\n              @click=${this._onMultiSelectAllClick}\n              title=\"Select all\"\n              class=\"action-icon\"\n              id=\"select-all\"\n            >\n              <vscode-icon name=\"checklist\"></vscode-icon>\n            </button>\n            <button\n              type=\"button\"\n              @click=${this._onMultiDeselectAllClick}\n              title=\"Deselect all\"\n              class=\"action-icon\"\n              id=\"select-none\"\n            >\n              <vscode-icon name=\"clear-all\"></vscode-icon>\n            </button>\n            <vscode-button\n              class=\"button-accept\"\n              @click=${this._onMultiAcceptClick}\n              >OK</vscode-button\n            >\n          </div>\n        `\n      : html`${nothing}`;\n  }\n\n  override render(): TemplateResult {\n    return html`\n      <div class=\"multi-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-multi-select': VscodeMultiSelect;\n  }\n\n  interface GlobalEventHandlersEventMap {\n    'vsc-multi-select-create-option': VscMultiSelectCreateOptionEvent;\n  }\n}\n"]}