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

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/includes/vscode-select/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAC,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,cAAc,EAAE,YAAY,EAAC,MAAM,YAAY,CAAC;AAExD,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,YACzB,MAAM,WACN,MAAM,KACd,YAgCF,CAAC;AAEF,eAAO,MAAM,gBAAgB,YAClB,MAAM,WACN,MAAM,KACd,YAaF,CAAC;AAEF,eAAO,MAAM,cAAc,YAChB,MAAM,WACN,MAAM,KACd,YAaF,CAAC;AAEF,eAAO,MAAM,WAAW,YAAa,MAAM,WAAW,MAAM,KAAG,YA4B9D,CAAC;AAEF,eAAO,MAAM,sBAAsB,SAC3B,cAAc,EAAE,WACb,MAAM,UACP,YAAY,KACnB,cAAc,EA0BhB,CAAC;AAwBF,eAAO,MAAM,eAAe,SACpB,MAAM,UACJ,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,KACzB,cAAc,GAAG,cAAc,EA8BjC,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/includes/vscode-select/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAC,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,cAAc,EAAE,YAAY,EAAC,MAAM,YAAY,CAAC;AAExD,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAClC,SAAS,MAAM,EACf,SAAS,MAAM,KACd,YAgCF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,SAAS,MAAM,EACf,SAAS,MAAM,KACd,YAaF,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,SAAS,MAAM,EACf,SAAS,MAAM,KACd,YAaF,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,SAAS,MAAM,EAAE,SAAS,MAAM,KAAG,YA4B9D,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,MAAM,cAAc,EAAE,EACtB,SAAS,MAAM,EACf,QAAQ,YAAY,KACnB,cAAc,EA0BhB,CAAC;AAwBF,eAAO,MAAM,eAAe,GAC1B,MAAM,MAAM,EACZ,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,KACzB,cAAc,GAAG,cAAc,EA8BjC,CAAC;AAEF,wBAAgB,6BAA6B,CAC3C,OAAO,EAAE,cAAc,EAAE,EACzB,SAAS,EAAE,MAAM,UAgBlB;AAED,wBAAgB,6BAA6B,CAC3C,OAAO,EAAE,cAAc,EAAE,EACzB,SAAS,EAAE,MAAM,UAgBlB"}

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

@@ -137,4 +137,30 @@ export const highlightRanges = (text, ranges) => {
     });
     return res;
 };
+export function findNextSelectableOptionIndex(options, fromIndex) {
+    let result = 0;
+    if (fromIndex < 0 || !options[fromIndex] || !options[fromIndex + 1]) {
+        return result;
+    }
+    for (let i = fromIndex + 1; i < options.length; i++) {
+        if (!options[i].disabled) {
+            result = i;
+            break;
+        }
+    }
+    return result;
+}
+export function findPrevSelectableOptionIndex(options, fromIndex) {
+    let result = 0;
+    if (fromIndex < 0 || !options[fromIndex] || !options[fromIndex - 1]) {
+        return result;
+    }
+    for (let i = fromIndex - 1; i >= 0; i--) {
+        if (!options[i].disabled) {
+            result = i;
+            break;
+        }
+    }
+    return result;
+}
 //# sourceMappingURL=helpers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/includes/vscode-select/helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {InternalOption, SearchMethod} from './types.js';\n\nexport type SearchResult = {\n  match: boolean;\n  ranges: [number, number][];\n};\n\nexport const startsWithPerTermSearch = (\n  subject: string,\n  pattern: string\n): SearchResult => {\n  const result: SearchResult = {\n    match: false,\n    ranges: [],\n  };\n  const lcSubject = subject.toLowerCase();\n  const lcPattern = pattern.toLowerCase();\n  const terms = lcSubject.split(' ');\n  let offset = 0;\n\n  terms.forEach((t, i) => {\n    if (i > 0) {\n      offset += terms[i - 1].length + 1;\n    }\n\n    if (result.match) {\n      return;\n    }\n\n    const foundIndex = t.indexOf(lcPattern);\n    const patternLength = lcPattern.length;\n\n    if (foundIndex === 0) {\n      result.match = true;\n      result.ranges.push([\n        offset + foundIndex,\n        Math.min(offset + foundIndex + patternLength, subject.length),\n      ]);\n    }\n  });\n\n  return result;\n};\n\nexport const startsWithSearch = (\n  subject: string,\n  pattern: string\n): SearchResult => {\n  const result: SearchResult = {\n    match: false,\n    ranges: [],\n  };\n  const foundIndex = subject.toLowerCase().indexOf(pattern.toLowerCase());\n\n  if (foundIndex === 0) {\n    result.match = true;\n    result.ranges = [[0, pattern.length]];\n  }\n\n  return result;\n};\n\nexport const containsSearch = (\n  subject: string,\n  pattern: string\n): SearchResult => {\n  const result: SearchResult = {\n    match: false,\n    ranges: [],\n  };\n  const foundIndex = subject.toLowerCase().indexOf(pattern.toLowerCase());\n\n  if (foundIndex > -1) {\n    result.match = true;\n    result.ranges = [[foundIndex, foundIndex + pattern.length]];\n  }\n\n  return result;\n};\n\nexport const fuzzySearch = (subject: string, pattern: string): SearchResult => {\n  const result: SearchResult = {\n    match: false,\n    ranges: [],\n  };\n  let fromIndex = 0;\n  let foundIndex = 0;\n  const iMax = pattern.length - 1;\n  const lcSubject = subject.toLowerCase();\n  const lcPattern = pattern.toLowerCase();\n\n  for (let i = 0; i <= iMax; i++) {\n    foundIndex = lcSubject.indexOf(lcPattern[i], fromIndex);\n\n    if (foundIndex === -1) {\n      return {\n        match: false,\n        ranges: [],\n      };\n    }\n\n    result.match = true;\n    result.ranges.push([foundIndex, foundIndex + 1]);\n\n    fromIndex = foundIndex + 1;\n  }\n\n  return result;\n};\n\nexport const filterOptionsByPattern = (\n  list: InternalOption[],\n  pattern: string,\n  method: SearchMethod\n): InternalOption[] => {\n  const filtered: InternalOption[] = [];\n\n  list.forEach((op) => {\n    let result: SearchResult;\n\n    switch (method) {\n      case 'startsWithPerTerm':\n        result = startsWithPerTermSearch(op.label, pattern);\n        break;\n      case 'startsWith':\n        result = startsWithSearch(op.label, pattern);\n        break;\n      case 'contains':\n        result = containsSearch(op.label, pattern);\n        break;\n      default:\n        result = fuzzySearch(op.label, pattern);\n    }\n\n    if (result.match) {\n      filtered.push({...op, ranges: result.ranges});\n    }\n  });\n\n  return filtered;\n};\n\nconst preventSpaces = (text: string): TemplateResult[] => {\n  const res: TemplateResult[] = [];\n\n  if (text === ' ') {\n    res.push(html`&nbsp;`);\n\n    return res;\n  }\n\n  if (text.indexOf(' ') === 0) {\n    res.push(html`&nbsp;`);\n  }\n\n  res.push(html`${text.trimStart().trimEnd()}`);\n\n  if (text.lastIndexOf(' ') === text.length - 1) {\n    res.push(html`&nbsp;`);\n  }\n\n  return res;\n};\n\nexport const highlightRanges = (\n  text: string,\n  ranges: [number, number][]\n): TemplateResult | TemplateResult[] => {\n  const res: TemplateResult[] = [];\n  const rl = ranges.length;\n\n  if (rl < 1) {\n    return html`${text}`;\n  }\n\n  ranges.forEach((r, i) => {\n    const match = text.substring(r[0], r[1]);\n\n    if (i === 0 && r[0] !== 0) {\n      // text before the first range\n      res.push(...preventSpaces(text.substring(0, ranges[0][0])));\n    }\n\n    if (i > 0 && i < rl && r[0] - ranges[i - 1][1] !== 0) {\n      // text before the current range\n      res.push(...preventSpaces(text.substring(ranges[i - 1][1], r[0])));\n    }\n\n    res.push(html`<b>${preventSpaces(match)}</b>`);\n\n    if (i === rl - 1 && r[1] < text.length) {\n      // text after the last range\n      res.push(...preventSpaces(text.substring(r[1], text.length)));\n    }\n  });\n\n  return res;\n};\n"]}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/includes/vscode-select/helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {InternalOption, FilterMethod} from './types.js';\n\nexport type SearchResult = {\n  match: boolean;\n  ranges: [number, number][];\n};\n\nexport const startsWithPerTermSearch = (\n  subject: string,\n  pattern: string\n): SearchResult => {\n  const result: SearchResult = {\n    match: false,\n    ranges: [],\n  };\n  const lcSubject = subject.toLowerCase();\n  const lcPattern = pattern.toLowerCase();\n  const terms = lcSubject.split(' ');\n  let offset = 0;\n\n  terms.forEach((t, i) => {\n    if (i > 0) {\n      offset += terms[i - 1].length + 1;\n    }\n\n    if (result.match) {\n      return;\n    }\n\n    const foundIndex = t.indexOf(lcPattern);\n    const patternLength = lcPattern.length;\n\n    if (foundIndex === 0) {\n      result.match = true;\n      result.ranges.push([\n        offset + foundIndex,\n        Math.min(offset + foundIndex + patternLength, subject.length),\n      ]);\n    }\n  });\n\n  return result;\n};\n\nexport const startsWithSearch = (\n  subject: string,\n  pattern: string\n): SearchResult => {\n  const result: SearchResult = {\n    match: false,\n    ranges: [],\n  };\n  const foundIndex = subject.toLowerCase().indexOf(pattern.toLowerCase());\n\n  if (foundIndex === 0) {\n    result.match = true;\n    result.ranges = [[0, pattern.length]];\n  }\n\n  return result;\n};\n\nexport const containsSearch = (\n  subject: string,\n  pattern: string\n): SearchResult => {\n  const result: SearchResult = {\n    match: false,\n    ranges: [],\n  };\n  const foundIndex = subject.toLowerCase().indexOf(pattern.toLowerCase());\n\n  if (foundIndex > -1) {\n    result.match = true;\n    result.ranges = [[foundIndex, foundIndex + pattern.length]];\n  }\n\n  return result;\n};\n\nexport const fuzzySearch = (subject: string, pattern: string): SearchResult => {\n  const result: SearchResult = {\n    match: false,\n    ranges: [],\n  };\n  let fromIndex = 0;\n  let foundIndex = 0;\n  const iMax = pattern.length - 1;\n  const lcSubject = subject.toLowerCase();\n  const lcPattern = pattern.toLowerCase();\n\n  for (let i = 0; i <= iMax; i++) {\n    foundIndex = lcSubject.indexOf(lcPattern[i], fromIndex);\n\n    if (foundIndex === -1) {\n      return {\n        match: false,\n        ranges: [],\n      };\n    }\n\n    result.match = true;\n    result.ranges.push([foundIndex, foundIndex + 1]);\n\n    fromIndex = foundIndex + 1;\n  }\n\n  return result;\n};\n\nexport const filterOptionsByPattern = (\n  list: InternalOption[],\n  pattern: string,\n  method: FilterMethod\n): InternalOption[] => {\n  const filtered: InternalOption[] = [];\n\n  list.forEach((op) => {\n    let result: SearchResult;\n\n    switch (method) {\n      case 'startsWithPerTerm':\n        result = startsWithPerTermSearch(op.label, pattern);\n        break;\n      case 'startsWith':\n        result = startsWithSearch(op.label, pattern);\n        break;\n      case 'contains':\n        result = containsSearch(op.label, pattern);\n        break;\n      default:\n        result = fuzzySearch(op.label, pattern);\n    }\n\n    if (result.match) {\n      filtered.push({...op, ranges: result.ranges});\n    }\n  });\n\n  return filtered;\n};\n\nconst preventSpaces = (text: string): TemplateResult[] => {\n  const res: TemplateResult[] = [];\n\n  if (text === ' ') {\n    res.push(html`&nbsp;`);\n\n    return res;\n  }\n\n  if (text.indexOf(' ') === 0) {\n    res.push(html`&nbsp;`);\n  }\n\n  res.push(html`${text.trimStart().trimEnd()}`);\n\n  if (text.lastIndexOf(' ') === text.length - 1) {\n    res.push(html`&nbsp;`);\n  }\n\n  return res;\n};\n\nexport const highlightRanges = (\n  text: string,\n  ranges: [number, number][]\n): TemplateResult | TemplateResult[] => {\n  const res: TemplateResult[] = [];\n  const rl = ranges.length;\n\n  if (rl < 1) {\n    return html`${text}`;\n  }\n\n  ranges.forEach((r, i) => {\n    const match = text.substring(r[0], r[1]);\n\n    if (i === 0 && r[0] !== 0) {\n      // text before the first range\n      res.push(...preventSpaces(text.substring(0, ranges[0][0])));\n    }\n\n    if (i > 0 && i < rl && r[0] - ranges[i - 1][1] !== 0) {\n      // text before the current range\n      res.push(...preventSpaces(text.substring(ranges[i - 1][1], r[0])));\n    }\n\n    res.push(html`<b>${preventSpaces(match)}</b>`);\n\n    if (i === rl - 1 && r[1] < text.length) {\n      // text after the last range\n      res.push(...preventSpaces(text.substring(r[1], text.length)));\n    }\n  });\n\n  return res;\n};\n\nexport function findNextSelectableOptionIndex(\n  options: InternalOption[],\n  fromIndex: number\n) {\n  let result = 0;\n\n  if (fromIndex < 0 || !options[fromIndex] || !options[fromIndex + 1]) {\n    return result;\n  }\n\n  for (let i = fromIndex + 1; i < options.length; i++) {\n    if (!options[i].disabled) {\n      result = i;\n      break;\n    }\n  }\n\n  return result;\n}\n\nexport function findPrevSelectableOptionIndex(\n  options: InternalOption[],\n  fromIndex: number\n) {\n  let result = 0;\n\n  if (fromIndex < 0 || !options[fromIndex] || !options[fromIndex - 1]) {\n    return result;\n  }\n\n  for (let i = fromIndex - 1; i >= 0; i--) {\n    if (!options[i].disabled) {\n      result = i;\n      break;\n    }\n  }\n\n  return result;\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,wBAqVE"}
+{"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

@@ -17,16 +17,16 @@ export default [
 
     .select-face,
     .combobox-face {
-      background-color: var(--vscode-settings-dropdownBackground);
-      border-color: var(--vscode-settings-dropdownBorder);
+      background-color: var(--vscode-settings-dropdownBackground, #313131);
+      border-color: var(--vscode-settings-dropdownBorder, #3c3c3c);
       border-radius: 2px;
       border-style: solid;
       border-width: 1px;
       box-sizing: border-box;
-      color: var(--vscode-settings-dropdownForeground);
-      font-family: var(--vscode-font-family);
-      font-size: var(--vscode-font-size);
-      font-weight: var(--vscode-font-weight);
+      color: var(--vscode-settings-dropdownForeground, #cccccc);
+      font-family: var(--vscode-font-family, sans-serif);
+      font-size: var(--vscode-font-size, 13px);
+      font-weight: var(--vscode-font-weight, normal);
       line-height: 18px;
       position: relative;
       user-select: none;
@@ -37,7 +37,7 @@ export default [
     :host(:invalid) .select-face,
     :host([invalid]) .combobox-face,
     :host(:invalid) .combobox-face {
-      background-color: var(--vscode-inputValidation-errorBackground);
+      background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d);
       border-color: var(--vscode-inputValidation-errorBorder, #be1100);
     }
 
@@ -58,16 +58,15 @@ export default [
     }
 
     .select-face-badge {
-      background-color: var(--vscode-badge-background);
+      background-color: var(--vscode-badge-background, #616161);
       border-radius: 2px;
-      color: var(--vscode-badge-foreground);
+      color: var(--vscode-badge-foreground, #f8f8f8);
       display: inline-block;
       flex-shrink: 0;
       font-size: 11px;
       line-height: 16px;
       margin: 2px;
       padding: 2px 3px;
-      text-transform: uppercase;
       white-space: nowrap;
     }
 
@@ -84,7 +83,7 @@ export default [
     :host(:focus) .combobox-face,
     :host([focused]) .select-face,
     :host([focused]) .combobox-face {
-      border-color: var(--vscode-focusBorder);
+      border-color: var(--vscode-focusBorder, #0078d4);
       outline: none;
     }
 
@@ -92,10 +91,10 @@ export default [
       background-color: transparent;
       box-sizing: border-box;
       border: 0;
-      color: var(--vscode-foreground);
+      color: var(--vscode-foreground, #cccccc);
       display: block;
-      font-family: var(--vscode-font-family);
-      font-size: var(--vscode-font-size);
+      font-family: var(--vscode-font-family, sans-serif);
+      font-size: var(--vscode-font-size, 13px);
       line-height: 16px;
       padding: 4px;
       width: 100%;
@@ -106,50 +105,64 @@ export default [
     }
 
     .combobox-button {
+      align-items: center;
       background-color: transparent;
       border: 0;
-      color: var(--vscode-foreground);
+      border-radius: 2px;
+      box-sizing: content-box;
+      color: var(--vscode-foreground, #cccccc);
       cursor: pointer;
+      display: flex;
       flex-shrink: 0;
-      height: 24px;
-      margin: 0;
-      padding: 0;
-      width: 30px;
+      height: 16px;
+      justify-content: center;
+      margin: 1px 1px 0 0;
+      padding: 3px;
+      width: 22px;
     }
 
-    .combobox-button:focus,
-    .combobox-button:hover {
-      background-color: var(--vscode-list-hoverBackground);
+    .combobox-button:hover,
+    .combobox-button:focus-visible {
+      background-color: var(
+        --vscode-toolbar-hoverBackground,
+        rgba(90, 93, 94, 0.31)
+      );
+      outline-style: dashed;
+      outline-color: var(--vscode-toolbar-hoverOutline, transparent);
     }
 
-    .combobox-button:focus {
-      outline: 0;
+    .combobox-button:focus-visible {
+      outline: none;
     }
 
     .icon {
-      color: var(--vscode-foreground);
+      color: var(--vscode-foreground, #cccccc);
       display: block;
       height: 14px;
       pointer-events: none;
+      width: 14px;
+    }
+
+    .select-face .icon {
       position: absolute;
-      right: 8px;
+      right: 6px;
       top: 5px;
-      width: 14px;
     }
 
     .icon svg {
-      color: var(--vscode-foreground);
+      color: var(--vscode-foreground, #cccccc);
       height: 100%;
       width: 100%;
     }
 
     .dropdown {
-      background-color: var(--vscode-settings-dropdownBackground);
-      border-color: var(--vscode-settings-dropdownListBorder);
+      background-color: var(--vscode-settings-dropdownBackground, #313131);
+      border-color: var(--vscode-settings-dropdownListBorder, #454545);
       border-radius: 0 0 3px 3px;
       border-style: solid;
       border-width: 1px;
       box-sizing: border-box;
+      display: none;
       left: 0;
       padding-bottom: 2px;
       position: absolute;
@@ -158,6 +171,10 @@ export default [
       z-index: var(--dropdown-z-index, 2);
     }
 
+    .dropdown.open {
+      display: block;
+    }
+
     :host([position='above']) .dropdown {
       border-radius: 3px 3px 0 0;
       bottom: 26px;
@@ -168,7 +185,15 @@ export default [
 
     :host(:focus) .dropdown,
     :host([focused]) .dropdown {
-      border-color: var(--vscode-focusBorder);
+      border-color: var(--vscode-focusBorder, #0078d4);
+    }
+
+    .scrollable {
+      display: block;
+      max-height: 222px;
+      margin: 1px;
+      outline: none;
+      overflow: hidden;
     }
 
     .options {
@@ -176,47 +201,49 @@ export default [
       cursor: pointer;
       list-style: none;
       margin: 0;
-      max-height: 222px;
-      overflow: auto;
-      padding: 1px;
+      padding: 0;
     }
 
     .option {
       align-items: center;
-      color: var(--vscode-foreground);
+      box-sizing: border-box;
+      color: var(--vscode-foreground, #cccccc);
       cursor: pointer;
       display: flex;
-      font-family: var(--vscode-font-family);
-      font-size: var(--vscode-font-size);
-      font-weight: var(--vscode-font-weight);
+      font-family: var(--vscode-font-family, sans-serif);
+      font-size: var(--vscode-font-size, 13px);
+      font-weight: var(--vscode-font-weight, normal);
+      height: 22px;
       line-height: 18px;
       min-height: calc(var(--vscode-font-size) * 1.3);
       padding: 1px 3px;
       user-select: none;
-      border-width: 1px;
-      border-style: solid;
-      border-color: transparent;
+      outline-color: transparent;
+      outline-offset: -1px;
+      outline-style: solid;
+      outline-width: 1px;
     }
 
     .option b {
-      color: var(--vscode-list-highlightForeground);
+      color: var(--vscode-list-highlightForeground, #2aaaff);
     }
 
     .option.active b {
-      color: var(--vscode-list-focusHighlightForeground);
+      color: var(--vscode-list-focusHighlightForeground, #2aaaff);
     }
 
     .option:not(.disabled):hover {
-      background-color: var(--vscode-list-hoverBackground);
-      color: var(--vscode-list-hoverForeground);
+      background-color: var(--vscode-list-hoverBackground, #2a2d2e);
+      color: var(--vscode-list-hoverForeground, #ffffff);
     }
 
     :host-context(body[data-vscode-theme-kind='vscode-high-contrast'])
       .option:hover,
     :host-context(body[data-vscode-theme-kind='vscode-high-contrast-light'])
       .option:hover {
-      border-style: dotted;
-      border-color: var(--vscode-list-focusOutline);
+      outline-style: dotted;
+      outline-color: var(--vscode-list-focusOutline, #0078d4);
+      outline-width: 1px;
     }
 
     .option.disabled {
@@ -226,19 +253,51 @@ export default [
 
     .option.active,
     .option.active:hover {
-      background-color: var(--vscode-list-activeSelectionBackground);
-      color: var(--vscode-list-activeSelectionForeground);
-      border-color: var(--vscode-list-activeSelectionBackground);
+      background-color: var(--vscode-list-activeSelectionBackground, #04395e);
+      color: var(--vscode-list-activeSelectionForeground, #ffffff);
+      outline-color: var(--vscode-list-activeSelectionBackground, #04395e);
+      outline-style: solid;
+      outline-width: 1px;
+    }
+
+    .no-options {
+      align-items: center;
+      border-color: transparent;
       border-style: solid;
       border-width: 1px;
+      color: var(--vscode-foreground, #cccccc);
+      cursor: default;
+      display: flex;
+      font-family: var(--vscode-font-family, sans-serif);
+      font-size: var(--vscode-font-size, 13px);
+      font-weight: var(--vscode-font-weight, normal);
+      line-height: 18px;
+      min-height: calc(var(--vscode-font-size) * 1.3);
+      opacity: 0.85;
+      padding: 1px 3px;
+      user-select: none;
+    }
+
+    .placeholder {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    .placeholder span {
+      font-weight: bold;
+    }
+
+    .placeholder:not(.disabled):hover {
+      color: var(--vscode-list-activeSelectionForeground, #ffffff);
     }
 
     :host-context(body[data-vscode-theme-kind='vscode-high-contrast'])
       .option.active,
     :host-context(body[data-vscode-theme-kind='vscode-high-contrast-light'])
       .option.active:hover {
-      border-color: var(--vscode-list-focusOutline);
-      border-style: dashed;
+      outline-color: var(--vscode-list-focusOutline, #0078d4);
+      outline-style: dashed;
     }
 
     .option-label {
@@ -248,48 +307,40 @@ export default [
     }
 
     .dropdown.multiple .option.selected {
-      background-color: var(--vscode-list-hoverBackground);
-      border-color: var(--vscode-list-hoverBackground);
+      background-color: var(--vscode-list-hoverBackground, #2a2d2e);
+      outline-color: var(--vscode-list-hoverBackground, #2a2d2e);
     }
 
     .dropdown.multiple .option.selected.active {
-      background-color: var(--vscode-list-activeSelectionBackground);
-      color: var(--vscode-list-activeSelectionForeground);
-      border-color: var(--vscode-list-activeSelectionBackground);
+      background-color: var(--vscode-list-activeSelectionBackground, #04395e);
+      color: var(--vscode-list-activeSelectionForeground, #ffffff);
+      outline-color: var(--vscode-list-activeSelectionBackground, #04395e);
     }
 
     .checkbox-icon {
-      background-color: var(--vscode-settings-checkboxBackground);
-      border: 1px solid currentColor;
+      align-items: center;
+      background-color: var(--vscode-checkbox-background, #313131);
+      border: 1px solid var(--vscode-checkbox-border);
       border-radius: 2px;
       box-sizing: border-box;
-      height: 14px;
+      color: var(--vscode-checkbox-foreground);
+      display: inline-flex;
+      height: 15px;
+      justify-content: center;
       margin-right: 5px;
       overflow: hidden;
       position: relative;
-      width: 14px;
+      width: 15px;
     }
 
-    .checkbox-icon.checked:before,
-    .checkbox-icon.checked:after {
-      content: '';
-      display: block;
-      height: 5px;
-      position: absolute;
-      transform: rotate(-45deg);
-      width: 10px;
-    }
-
-    .checkbox-icon.checked:before {
-      background-color: var(--vscode-foreground);
-      left: 1px;
-      top: 2.5px;
+    .checkbox-icon svg {
+      display: none;
+      height: 13px;
+      width: 13px;
     }
 
-    .checkbox-icon.checked:after {
-      background-color: var(--vscode-settings-checkboxBackground);
-      left: 1px;
-      top: -0.5px;
+    .checkbox-icon.checked svg {
+      display: block;
     }
 
     .dropdown-controls {
@@ -306,7 +357,7 @@ export default [
       align-items: center;
       background-color: transparent;
       border: 0;
-      color: var(--vscode-foreground);
+      color: var(--vscode-foreground, #cccccc);
       cursor: pointer;
       display: flex;
       height: 24px;
@@ -320,18 +371,18 @@ export default [
     }
 
     .action-icon:focus-visible {
-      outline: 1px solid var(--vscode-focusBorder);
+      outline: 1px solid var(--vscode-focusBorder, #0078d4);
       outline-offset: -1px;
     }
 
     .description {
-      border-color: var(--vscode-settings-dropdownBorder);
+      border-color: var(--vscode-settings-dropdownBorder, #3c3c3c);
       border-style: solid;
       border-width: 1px 0 0;
-      color: var(--vscode-foreground);
-      font-family: var(--vscode-font-family);
-      font-size: var(--vscode-font-size);
-      font-weight: var(--vscode-font-weight);
+      color: var(--vscode-foreground, #cccccc);
+      font-family: var(--vscode-font-family, sans-serif);
+      font-size: var(--vscode-font-size, 13px);
+      font-weight: var(--vscode-font-weight, normal);
       line-height: 1.3;
       padding: 6px 4px;
       word-wrap: break-word;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkVF;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);\n      border-color: var(--vscode-settings-dropdownBorder);\n      border-radius: 2px;\n      border-style: solid;\n      border-width: 1px;\n      box-sizing: border-box;\n      color: var(--vscode-settings-dropdownForeground);\n      font-family: var(--vscode-font-family);\n      font-size: var(--vscode-font-size);\n      font-weight: var(--vscode-font-weight);\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);\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);\n      border-radius: 2px;\n      color: var(--vscode-badge-foreground);\n      display: inline-block;\n      flex-shrink: 0;\n      font-size: 11px;\n      line-height: 16px;\n      margin: 2px;\n      padding: 2px 3px;\n      text-transform: uppercase;\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);\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);\n      display: block;\n      font-family: var(--vscode-font-family);\n      font-size: var(--vscode-font-size);\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      background-color: transparent;\n      border: 0;\n      color: var(--vscode-foreground);\n      cursor: pointer;\n      flex-shrink: 0;\n      height: 24px;\n      margin: 0;\n      padding: 0;\n      width: 30px;\n    }\n\n    .combobox-button:focus,\n    .combobox-button:hover {\n      background-color: var(--vscode-list-hoverBackground);\n    }\n\n    .combobox-button:focus {\n      outline: 0;\n    }\n\n    .icon {\n      color: var(--vscode-foreground);\n      display: block;\n      height: 14px;\n      pointer-events: none;\n      position: absolute;\n      right: 8px;\n      top: 5px;\n      width: 14px;\n    }\n\n    .icon svg {\n      color: var(--vscode-foreground);\n      height: 100%;\n      width: 100%;\n    }\n\n    .dropdown {\n      background-color: var(--vscode-settings-dropdownBackground);\n      border-color: var(--vscode-settings-dropdownListBorder);\n      border-radius: 0 0 3px 3px;\n      border-style: solid;\n      border-width: 1px;\n      box-sizing: border-box;\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    :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);\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      color: var(--vscode-foreground);\n      cursor: pointer;\n      display: flex;\n      font-family: var(--vscode-font-family);\n      font-size: var(--vscode-font-size);\n      font-weight: var(--vscode-font-weight);\n      line-height: 18px;\n      min-height: calc(var(--vscode-font-size) * 1.3);\n      padding: 1px 3px;\n      user-select: none;\n      border-width: 1px;\n      border-style: solid;\n      border-color: transparent;\n    }\n\n    .option b {\n      color: var(--vscode-list-highlightForeground);\n    }\n\n    .option.active b {\n      color: var(--vscode-list-focusHighlightForeground);\n    }\n\n    .option:not(.disabled):hover {\n      background-color: var(--vscode-list-hoverBackground);\n      color: var(--vscode-list-hoverForeground);\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      border-style: dotted;\n      border-color: var(--vscode-list-focusOutline);\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);\n      color: var(--vscode-list-activeSelectionForeground);\n      border-color: var(--vscode-list-activeSelectionBackground);\n      border-style: solid;\n      border-width: 1px;\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      border-color: var(--vscode-list-focusOutline);\n      border-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);\n      border-color: var(--vscode-list-hoverBackground);\n    }\n\n    .dropdown.multiple .option.selected.active {\n      background-color: var(--vscode-list-activeSelectionBackground);\n      color: var(--vscode-list-activeSelectionForeground);\n      border-color: var(--vscode-list-activeSelectionBackground);\n    }\n\n    .checkbox-icon {\n      background-color: var(--vscode-settings-checkboxBackground);\n      border: 1px solid currentColor;\n      border-radius: 2px;\n      box-sizing: border-box;\n      height: 14px;\n      margin-right: 5px;\n      overflow: hidden;\n      position: relative;\n      width: 14px;\n    }\n\n    .checkbox-icon.checked:before,\n    .checkbox-icon.checked:after {\n      content: '';\n      display: block;\n      height: 5px;\n      position: absolute;\n      transform: rotate(-45deg);\n      width: 10px;\n    }\n\n    .checkbox-icon.checked:before {\n      background-color: var(--vscode-foreground);\n      left: 1px;\n      top: 2.5px;\n    }\n\n    .checkbox-icon.checked:after {\n      background-color: var(--vscode-settings-checkboxBackground);\n      left: 1px;\n      top: -0.5px;\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);\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);\n      outline-offset: -1px;\n    }\n\n    .description {\n      border-color: var(--vscode-settings-dropdownBorder);\n      border-style: solid;\n      border-width: 1px 0 0;\n      color: var(--vscode-foreground);\n      font-family: var(--vscode-font-family);\n      font-size: var(--vscode-font-size);\n      font-weight: var(--vscode-font-weight);\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/template-elements.d.ts

@@ -1,2 +1,3 @@
 export declare const chevronDownIcon: import("lit-html").TemplateResult<1>;
+export declare const checkIcon: import("lit-html").TemplateResult<2>;
 //# sourceMappingURL=template-elements.d.ts.map

package/dist/includes/vscode-select/template-elements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"template-elements.d.ts","sourceRoot":"","sources":["../../../src/includes/vscode-select/template-elements.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,sCAgB3B,CAAC"}
+{"version":3,"file":"template-elements.d.ts","sourceRoot":"","sources":["../../../src/includes/vscode-select/template-elements.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,sCAgB3B,CAAC;AAEF,eAAO,MAAM,SAAS,sCAYf,CAAC"}

package/dist/includes/vscode-select/template-elements.js

@@ -1,4 +1,4 @@
-import { html } from 'lit';
+import { html, svg } from 'lit';
 export const chevronDownIcon = html `
   <span class="icon">
     <svg
@@ -16,4 +16,17 @@ export const chevronDownIcon = html `
     </svg>
   </span>
 `;
+export const checkIcon = svg `<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  xmlns="http://www.w3.org/2000/svg"
+  fill="currentColor"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M14.431 3.323l-8.47 10-.79-.036-3.35-4.77.818-.574 2.978 4.24 8.051-9.506.764.646z"
+  />
+</svg>`;
 //# sourceMappingURL=template-elements.js.map

package/dist/includes/vscode-select/template-elements.js.map

@@ -1 +1 @@
-{"version":3,"file":"template-elements.js","sourceRoot":"","sources":["../../../src/includes/vscode-select/template-elements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;CAgBlC,CAAC","sourcesContent":["import {html} from 'lit';\n\nexport const chevronDownIcon = html`\n  <span class=\"icon\">\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"currentColor\"\n    >\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M7.976 10.072l4.357-4.357.62.618L8.284 11h-.618L3 6.333l.619-.618 4.357 4.357z\"\n      />\n    </svg>\n  </span>\n`;\n"]}
+{"version":3,"file":"template-elements.js","sourceRoot":"","sources":["../../../src/includes/vscode-select/template-elements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,GAAG,EAAC,MAAM,KAAK,CAAC;AAE9B,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;CAgBlC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;OAYrB,CAAC","sourcesContent":["import {html, svg} from 'lit';\n\nexport const chevronDownIcon = html`\n  <span class=\"icon\">\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"currentColor\"\n    >\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M7.976 10.072l4.357-4.357.62.618L8.284 11h-.618L3 6.333l.619-.618 4.357 4.357z\"\n      />\n    </svg>\n  </span>\n`;\n\nexport const checkIcon = svg`<svg\n  width=\"16\"\n  height=\"16\"\n  viewBox=\"0 0 16 16\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  fill=\"currentColor\"\n>\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M14.431 3.323l-8.47 10-.79-.036-3.35-4.77.818-.574 2.978 4.24 8.051-9.506.764.646z\"\n  />\n</svg>`;\n"]}

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

@@ -1,13 +1,17 @@
 export interface Option {
-    label: string;
-    value: string;
-    description: string;
-    selected: boolean;
-    disabled: boolean;
+    label?: string;
+    value?: string;
+    description?: string;
+    selected?: boolean;
+    disabled?: boolean;
 }
-export interface InternalOption extends Option {
+export interface InternalOption extends Required<Option> {
     index: number;
+    /** Option index in the filtered list. */
+    filteredIndex: number;
+    /** Character ranges to highlight matches in the filtered list. */
     ranges?: [number, number][];
+    visible: boolean;
 }
-export type SearchMethod = 'startsWithPerTerm' | 'startsWith' | 'contains' | 'fuzzy';
+export type FilterMethod = 'startsWithPerTerm' | 'startsWith' | 'contains' | 'fuzzy';
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/includes/vscode-select/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,cAAe,SAAQ,MAAM;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;CAC7B;AAED,MAAM,MAAM,YAAY,GACpB,mBAAmB,GACnB,YAAY,GACZ,UAAU,GACV,OAAO,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/includes/vscode-select/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAe,SAAQ,QAAQ,CAAC,MAAM,CAAC;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,kEAAkE;IAClE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,YAAY,GACpB,mBAAmB,GACnB,YAAY,GACZ,UAAU,GACV,OAAO,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/includes/vscode-select/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface Option {\n  label: string;\n  value: string;\n  description: string;\n  selected: boolean;\n  disabled: boolean;\n}\n\nexport interface InternalOption extends Option {\n  index: number;\n  ranges?: [number, number][];\n}\n\nexport type SearchMethod =\n  | 'startsWithPerTerm'\n  | 'startsWith'\n  | 'contains'\n  | 'fuzzy';\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/includes/vscode-select/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface Option {\n  label?: string;\n  value?: string;\n  description?: string;\n  selected?: boolean;\n  disabled?: boolean;\n}\n\nexport interface InternalOption extends Required<Option> {\n  index: number;\n  /** Option index in the filtered list. */\n  filteredIndex: number;\n  /** Character ranges to highlight matches in the filtered list. */\n  ranges?: [number, number][];\n  visible: boolean;\n}\n\nexport type FilterMethod =\n  | 'startsWithPerTerm'\n  | 'startsWith'\n  | 'contains'\n  | 'fuzzy';\n"]}