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

package/dist/vscode-tree/vscode-tree.js

@@ -10,10 +10,15 @@ import { customElement, property, queryAssignedElements, } from 'lit/decorators.
 import { VscElement } from '../includes/VscElement';
 import styles from './vscode-tree.styles';
 import { configContext, treeContext, } from './tree-context';
-import { findNextItem, findPrevItem, getParentItem, initPathTrackerProps, } from './helpers.js';
-export const EXPAND_MODE = {
-    SINGLE_CLICK: 'singleClick',
-    DOUBLE_CLICK: 'doubleClick',
+import { findNextItem, findPrevItem, findParentItem, initPathTrackerProps, } from './helpers.js';
+export const ExpandMode = {
+    singleClick: 'singleClick',
+    doubleClick: 'doubleClick',
+};
+export const IndentGuides = {
+    none: 'none',
+    onHover: 'onHover',
+    always: 'always',
 };
 const listenedKeys = [
     ' ',
@@ -25,20 +30,75 @@ const listenedKeys = [
     'Escape',
     'Shift',
 ];
-const DEFAULT_ARROWS = false;
+const DEFAULT_HIDE_ARROWS = false;
 const DEFAULT_INDENT = 8;
-const DEFAULT_INDENT_GUIDES = false;
 const DEFAULT_MULTI_SELECT = false;
-const DEFAULT_EXPAND_MODE = EXPAND_MODE.SINGLE_CLICK;
+const DEFAULT_EXPAND_MODE = ExpandMode.singleClick;
+const DEFAULT_INDENT_GUIDE_DISPLAY = IndentGuides.onHover;
+/**
+ * @tag vscode-tree
+ */
 let VscodeTree = class VscodeTree extends VscElement {
+    //#endregion
     //#region lifecycle methods
     constructor() {
         super();
         //#region properties
-        this.arrows = DEFAULT_ARROWS;
+        /**
+         * Although arrows are always visible in the Tree component by default in VSCode, some icon sets
+         * (e.g., Material Icon Theme) allow disabling them in the file explorer view. This flag makes it
+         * possible to mimic that behavior.
+         *
+         * @type {boolean}
+         * @default false
+         */
+        this.hideArrows = DEFAULT_HIDE_ARROWS;
+        /**
+         * Controls how tree folders are expanded when clicked. This property is designed to use
+         * the `workbench.tree.expandMode` setting.
+         *
+         * Valid options are available as constants.
+         *
+         * ```javascript
+         * import {ExpandMode} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';
+         *
+         * document.querySelector('vscode-tree').expandMode = ExpandMode.singleClick;
+         * ```
+         *
+         * @type {'singleClick' | 'doubleClick'}
+         * @default 'singleClick'
+         */
         this.expandMode = DEFAULT_EXPAND_MODE;
+        /**
+         * Controls the indentation in pixels. This property is designed to use the
+         * `workbench.tree.indent` setting.
+         *
+         * @type {number}
+         * @default 8
+         */
         this.indent = DEFAULT_INDENT;
-        this.indentGuides = DEFAULT_INDENT_GUIDES;
+        /**
+         * Controls whether the tree should render indent guides. This property is
+         * designed to use the `workbench.tree.renderIndentGuides` setting.
+         *
+         * Valid options are available as constants.
+         *
+         * ```javascript
+         * import {IndentGuides} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';
+         *
+         * document.querySelector('vscode-tree').expandMode = IndentGuides.onHover;
+         * ```
+         *
+         * @type {'none' | 'onHover' | 'always'}
+         * @default 'onHover'
+         */
+        this.indentGuides = DEFAULT_INDENT_GUIDE_DISPLAY;
+        /**
+         * Allows selecting multiple items.
+         *
+         * @type {boolean}
+         * @default false
+         */
         this.multiSelect = DEFAULT_MULTI_SELECT;
         //#endregion
         //#region private variables
@@ -52,19 +112,19 @@ let VscodeTree = class VscodeTree extends VscElement {
             prevFocusedItem: null,
             hasBranchItem: false,
             rootElement: this,
-            highlightedItems: [],
-            highlightGuides: () => {
-                this._highlightGuides();
+            highlightedItems: new Set(),
+            highlightIndentGuides: () => {
+                this._highlightIndentGuides();
             },
             emitSelectEvent: () => {
                 this._emitSelectEvent();
             },
         };
         this._configContext = {
-            arrows: DEFAULT_ARROWS,
+            hideArrows: DEFAULT_HIDE_ARROWS,
             expandMode: DEFAULT_EXPAND_MODE,
             indent: DEFAULT_INDENT,
-            indentGuides: DEFAULT_INDENT_GUIDES,
+            indentGuides: DEFAULT_INDENT_GUIDE_DISPLAY,
             multiSelect: DEFAULT_MULTI_SELECT,
         };
         this._handleComponentKeyDown = (ev) => {
@@ -111,7 +171,6 @@ let VscodeTree = class VscodeTree extends VscElement {
                         firstChild.active = true;
                     }
                 }
-                this._highlightGuides();
             });
         };
         this.addEventListener('keyup', this._handleComponentKeyUp);
@@ -129,6 +188,9 @@ let VscodeTree = class VscodeTree extends VscElement {
     }
     //#endregion
     //#region public methods
+    /**
+     * Expands all folders.
+     */
     expandAll() {
         const children = this.querySelectorAll('vscode-tree-item');
         children.forEach((item) => {
@@ -137,6 +199,9 @@ let VscodeTree = class VscodeTree extends VscElement {
             }
         });
     }
+    /**
+     * Collapses all folders.
+     */
     collapseAll() {
         const children = this.querySelectorAll('vscode-tree-item');
         children.forEach((item) => {
@@ -162,43 +227,36 @@ let VscodeTree = class VscodeTree extends VscElement {
         });
         this.dispatchEvent(ev);
     }
-    _highlightGuides() {
-        const { activeItem, highlightedItems, selectedItems } = this._treeContextState;
-        highlightedItems.forEach((i) => (i.highlightedGuides = false));
-        if (activeItem) {
-            this._treeContextState.highlightedItems = [];
-            if (activeItem.branch && activeItem.open) {
-                activeItem.highlightedGuides = true;
-                this._treeContextState.highlightedItems.push(activeItem);
-            }
-            else {
-                const parent = getParentItem(activeItem);
-                if (parent && parent.branch) {
-                    parent.highlightedGuides = true;
-                    this._treeContextState.highlightedItems.push(parent);
-                }
+    _highlightIndentGuideOfItem(item) {
+        if (item.branch && item.open) {
+            item.highlightedGuides = true;
+            this._treeContextState.highlightedItems?.add(item);
+        }
+        else {
+            const parent = findParentItem(item);
+            if (parent) {
+                parent.highlightedGuides = true;
+                this._treeContextState.highlightedItems?.add(parent);
             }
         }
-        if (selectedItems) {
-            selectedItems.forEach((item) => {
-                if (item.branch && item.open) {
-                    item.highlightedGuides = true;
-                    this._treeContextState.highlightedItems.push(item);
-                }
-                else {
-                    const parent = getParentItem(item);
-                    if (parent && parent.branch) {
-                        parent.highlightedGuides = true;
-                        this._treeContextState.highlightedItems.push(item);
-                    }
-                }
-            });
+    }
+    _highlightIndentGuides() {
+        if (this.indentGuides === IndentGuides.none) {
+            return;
         }
+        this._treeContextState.highlightedItems?.forEach((i) => (i.highlightedGuides = false));
+        this._treeContextState.highlightedItems?.clear();
+        if (this._treeContextState.activeItem) {
+            this._highlightIndentGuideOfItem(this._treeContextState.activeItem);
+        }
+        this._treeContextState.selectedItems.forEach((item) => {
+            this._highlightIndentGuideOfItem(item);
+        });
     }
     _updateConfigContext(changedProperties) {
-        const { arrows, expandMode, indent, indentGuides, multiSelect } = this;
-        if (changedProperties.has('arrows')) {
-            this._configContext = { ...this._configContext, arrows };
+        const { hideArrows, expandMode, indent, indentGuides, multiSelect } = this;
+        if (changedProperties.has('hideArrows')) {
+            this._configContext = { ...this._configContext, hideArrows };
         }
         if (changedProperties.has('expandMode')) {
             this._configContext = { ...this._configContext, expandMode };
@@ -217,6 +275,7 @@ let VscodeTree = class VscodeTree extends VscElement {
         item.active = true;
         item.updateComplete.then(() => {
             item.focus();
+            this._highlightIndentGuides();
         });
     }
     _focusPrevItem() {
@@ -268,7 +327,7 @@ let VscodeTree = class VscodeTree extends VscElement {
             return;
         }
         const { focusedItem } = this._treeContextState;
-        const parent = getParentItem(focusedItem);
+        const parent = findParentItem(focusedItem);
         if (!focusedItem.branch) {
             if (parent && parent.branch) {
                 this._focusItem(parent);
@@ -305,6 +364,8 @@ let VscodeTree = class VscodeTree extends VscElement {
         const { focusedItem } = this._treeContextState;
         if (focusedItem) {
             this._treeContextState.selectedItems.forEach((li) => (li.selected = false));
+            this._treeContextState.selectedItems.clear();
+            this._highlightIndentGuides();
             focusedItem.selected = true;
             this._emitSelectEvent();
             if (focusedItem.branch) {
@@ -324,8 +385,8 @@ let VscodeTree = class VscodeTree extends VscElement {
 };
 VscodeTree.styles = styles;
 __decorate([
-    property({ type: Boolean, reflect: true })
-], VscodeTree.prototype, "arrows", void 0);
+    property({ type: Boolean, reflect: true, attribute: 'hide-arrows' })
+], VscodeTree.prototype, "hideArrows", void 0);
 __decorate([
     property({ type: String, attribute: 'expand-mode' })
 ], VscodeTree.prototype, "expandMode", void 0);
@@ -333,7 +394,12 @@ __decorate([
     property({ type: Number, reflect: true })
 ], VscodeTree.prototype, "indent", void 0);
 __decorate([
-    property({ type: Boolean, attribute: 'indent-guides', reflect: true })
+    property({
+        type: String,
+        attribute: 'indent-guides',
+        useDefault: true,
+        reflect: true,
+    })
 ], VscodeTree.prototype, "indentGuides", void 0);
 __decorate([
     property({ type: Boolean, reflect: true, attribute: 'multi-select' })

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

@@ -1 +1 @@
-{"version":3,"file":"vscode-tree.js","sourceRoot":"","sources":["../../src/vscode-tree/vscode-tree.ts"],"names":[],"mappings":"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","sourcesContent":["import {PropertyValues, TemplateResult, html} from 'lit';\nimport {provide} from '@lit/context';\nimport {\n  customElement,\n  property,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport {VscElement} from '../includes/VscElement';\nimport type {VscodeTreeItem} from '../vscode-tree-item';\nimport styles from './vscode-tree.styles';\nimport {\n  ConfigContext,\n  configContext,\n  treeContext,\n  type TreeContext,\n} from './tree-context';\nimport {\n  findNextItem,\n  findPrevItem,\n  getParentItem,\n  initPathTrackerProps,\n} from './helpers.js';\n\nexport type VscTreeSelectEvent = CustomEvent<{selectedItems: VscodeTreeItem[]}>;\n\nexport const EXPAND_MODE = {\n  SINGLE_CLICK: 'singleClick',\n  DOUBLE_CLICK: 'doubleClick',\n} as const;\n\nexport type ExpandMode = (typeof EXPAND_MODE)[keyof typeof EXPAND_MODE];\n\ntype ListenedKey =\n  | 'ArrowDown'\n  | 'ArrowUp'\n  | 'ArrowLeft'\n  | 'ArrowRight'\n  | 'Enter'\n  | 'Escape'\n  | 'Shift'\n  | ' ';\n\nconst listenedKeys: ListenedKey[] = [\n  ' ',\n  'ArrowDown',\n  'ArrowUp',\n  'ArrowLeft',\n  'ArrowRight',\n  'Enter',\n  'Escape',\n  'Shift',\n];\nconst DEFAULT_ARROWS = false;\nconst DEFAULT_INDENT = 8;\nconst DEFAULT_INDENT_GUIDES = false;\nconst DEFAULT_MULTI_SELECT = false;\nconst DEFAULT_EXPAND_MODE = EXPAND_MODE.SINGLE_CLICK;\n\n@customElement('vscode-tree')\nexport class VscodeTree extends VscElement {\n  static override styles = styles;\n\n  //#region properties\n\n  @property({type: Boolean, reflect: true})\n  arrows = DEFAULT_ARROWS;\n\n  @property({type: String, attribute: 'expand-mode'})\n  expandMode: ExpandMode = DEFAULT_EXPAND_MODE;\n\n  @property({type: Number, reflect: true})\n  indent = DEFAULT_INDENT;\n\n  @property({type: Boolean, attribute: 'indent-guides', reflect: true})\n  indentGuides = DEFAULT_INDENT_GUIDES;\n\n  @property({type: Boolean, reflect: true, attribute: 'multi-select'})\n  multiSelect = DEFAULT_MULTI_SELECT;\n\n  //#endregion\n\n  //#region private variables\n\n  @provide({context: treeContext})\n  private _treeContextState: TreeContext = {\n    isShiftPressed: false,\n    activeItem: null,\n    selectedItems: new Set(),\n    allItems: null,\n    itemListUpToDate: false,\n    focusedItem: null,\n    prevFocusedItem: null,\n    hasBranchItem: false,\n    rootElement: this,\n    highlightedItems: [],\n    highlightGuides: () => {\n      this._highlightGuides();\n    },\n    emitSelectEvent: () => {\n      this._emitSelectEvent();\n    },\n  };\n\n  @provide({context: configContext})\n  private _configContext: ConfigContext = {\n    arrows: DEFAULT_ARROWS,\n    expandMode: DEFAULT_EXPAND_MODE,\n    indent: DEFAULT_INDENT,\n    indentGuides: DEFAULT_INDENT_GUIDES,\n    multiSelect: DEFAULT_MULTI_SELECT,\n  };\n\n  @queryAssignedElements({selector: 'vscode-tree-item'})\n  private _assignedTreeItems!: VscodeTreeItem[];\n\n  //#region lifecycle methods\n\n  constructor() {\n    super();\n\n    this.addEventListener('keyup', this._handleComponentKeyUp);\n    this.addEventListener('keydown', this._handleComponentKeyDown);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    this.role = 'tree';\n  }\n\n  protected override willUpdate(changedProperties: PropertyValues<this>): void {\n    this._updateConfigContext(changedProperties);\n\n    if (changedProperties.has('multiSelect')) {\n      this.ariaMultiSelectable = this.multiSelect ? 'true' : 'false';\n    }\n  }\n\n  //#endregion\n\n  //#region public methods\n\n  expandAll() {\n    const children = this.querySelectorAll<VscodeTreeItem>('vscode-tree-item');\n\n    children.forEach((item) => {\n      if (item.branch) {\n        item.open = true;\n      }\n    });\n  }\n\n  collapseAll() {\n    const children = this.querySelectorAll<VscodeTreeItem>('vscode-tree-item');\n\n    children.forEach((item) => {\n      if (item.branch) {\n        item.open = false;\n      }\n    });\n  }\n\n  /**\n   * @internal\n   * Updates `hasBranchItem` property in the context state in order to removing\n   * extra padding before the leaf elements, if it is required.\n   */\n  updateHasBranchItemFlag() {\n    const hasBranchItem = this._assignedTreeItems.some((li) => li.branch);\n    this._treeContextState = {...this._treeContextState, hasBranchItem};\n  }\n\n  //#endregion\n\n  //#region private methods\n\n  private _emitSelectEvent() {\n    const ev = new CustomEvent('vsc-tree-select', {\n      detail: Array.from(this._treeContextState.selectedItems),\n    });\n\n    this.dispatchEvent(ev);\n  }\n\n  private _highlightGuides() {\n    const {activeItem, highlightedItems, selectedItems} =\n      this._treeContextState;\n\n    highlightedItems.forEach((i) => (i.highlightedGuides = false));\n\n    if (activeItem) {\n      this._treeContextState.highlightedItems = [];\n\n      if (activeItem.branch && activeItem.open) {\n        activeItem.highlightedGuides = true;\n        this._treeContextState.highlightedItems.push(activeItem);\n      } else {\n        const parent = getParentItem(activeItem);\n\n        if (parent && parent.branch) {\n          parent.highlightedGuides = true;\n          this._treeContextState.highlightedItems.push(parent);\n        }\n      }\n    }\n\n    if (selectedItems) {\n      selectedItems.forEach((item) => {\n        if (item.branch && item.open) {\n          item.highlightedGuides = true;\n          this._treeContextState.highlightedItems.push(item);\n        } else {\n          const parent = getParentItem(item);\n\n          if (parent && parent.branch) {\n            parent.highlightedGuides = true;\n            this._treeContextState.highlightedItems.push(item);\n          }\n        }\n      });\n    }\n  }\n\n  private _updateConfigContext(changedProperties: PropertyValues) {\n    const {arrows, expandMode, indent, indentGuides, multiSelect} = this;\n\n    if (changedProperties.has('arrows')) {\n      this._configContext = {...this._configContext, arrows};\n    }\n\n    if (changedProperties.has('expandMode')) {\n      this._configContext = {...this._configContext, expandMode};\n    }\n\n    if (changedProperties.has('indent')) {\n      this._configContext = {...this._configContext, indent};\n    }\n\n    if (changedProperties.has('indentGuides')) {\n      this._configContext = {...this._configContext, indentGuides};\n    }\n\n    if (changedProperties.has('multiSelect')) {\n      this._configContext = {...this._configContext, multiSelect};\n    }\n  }\n\n  private _focusItem(item: VscodeTreeItem) {\n    item.active = true;\n\n    item.updateComplete.then(() => {\n      item.focus();\n    });\n  }\n\n  private _focusPrevItem() {\n    if (this._treeContextState.focusedItem) {\n      const item = findPrevItem(this._treeContextState.focusedItem);\n\n      if (item) {\n        this._focusItem(item);\n\n        if (this._treeContextState.isShiftPressed && this.multiSelect) {\n          item.selected = !item.selected;\n          this._emitSelectEvent();\n        }\n      }\n    }\n  }\n\n  private _focusNextItem() {\n    if (this._treeContextState.focusedItem) {\n      const item = findNextItem(this._treeContextState.focusedItem);\n\n      if (item) {\n        this._focusItem(item);\n\n        if (this._treeContextState.isShiftPressed && this.multiSelect) {\n          item.selected = !item.selected;\n          this._emitSelectEvent();\n        }\n      }\n    }\n  }\n\n  //#endregion\n\n  //#region event handlers\n\n  private _handleArrowRightPress() {\n    if (!this._treeContextState.focusedItem) {\n      return;\n    }\n\n    const {focusedItem} = this._treeContextState;\n\n    if (focusedItem.branch) {\n      if (focusedItem.open) {\n        this._focusNextItem();\n      } else {\n        focusedItem.open = true;\n      }\n    }\n  }\n\n  private _handleArrowLeftPress(ev: KeyboardEvent) {\n    if (ev.ctrlKey) {\n      this.collapseAll();\n      return;\n    }\n\n    if (!this._treeContextState.focusedItem) {\n      return;\n    }\n\n    const {focusedItem} = this._treeContextState;\n    const parent = getParentItem(focusedItem);\n\n    if (!focusedItem.branch) {\n      if (parent && parent.branch) {\n        this._focusItem(parent);\n      }\n    } else {\n      if (focusedItem.open) {\n        focusedItem.open = false;\n      } else {\n        if (parent && parent.branch) {\n          this._focusItem(parent);\n        }\n      }\n    }\n  }\n\n  private _handleArrowDownPress() {\n    if (this._treeContextState.focusedItem) {\n      this._focusNextItem();\n    } else {\n      this._focusItem(this._assignedTreeItems[0]);\n    }\n  }\n\n  private _handleArrowUpPress() {\n    if (this._treeContextState.focusedItem) {\n      this._focusPrevItem();\n    } else {\n      this._focusItem(this._assignedTreeItems[0]);\n    }\n  }\n\n  private _handleEnterPress() {\n    const {focusedItem} = this._treeContextState;\n\n    if (focusedItem) {\n      this._treeContextState.selectedItems.forEach(\n        (li) => (li.selected = false)\n      );\n\n      focusedItem.selected = true;\n      this._emitSelectEvent();\n\n      if (focusedItem.branch) {\n        focusedItem.open = !focusedItem.open;\n      }\n    }\n  }\n\n  private _handleShiftPress() {\n    this._treeContextState.isShiftPressed = true;\n  }\n\n  private _handleComponentKeyDown = (ev: KeyboardEvent) => {\n    const key = ev.key as ListenedKey;\n\n    if (listenedKeys.includes(key)) {\n      ev.stopPropagation();\n      ev.preventDefault();\n    }\n\n    switch (key) {\n      case ' ':\n      case 'Enter':\n        this._handleEnterPress();\n        break;\n      case 'ArrowDown':\n        this._handleArrowDownPress();\n        break;\n      case 'ArrowLeft':\n        this._handleArrowLeftPress(ev);\n        break;\n      case 'ArrowRight':\n        this._handleArrowRightPress();\n        break;\n      case 'ArrowUp':\n        this._handleArrowUpPress();\n        break;\n      case 'Shift':\n        this._handleShiftPress();\n        break;\n      default:\n    }\n  };\n\n  private _handleComponentKeyUp = (ev: KeyboardEvent) => {\n    if (ev.key === 'Shift') {\n      this._treeContextState.isShiftPressed = false;\n    }\n  };\n\n  private _handleSlotChange = () => {\n    this._treeContextState.itemListUpToDate = false;\n    initPathTrackerProps(this, this._assignedTreeItems);\n\n    this.updateComplete.then(() => {\n      if (this._treeContextState.activeItem === null) {\n        const firstChild = this.querySelector<VscodeTreeItem>(\n          ':scope > vscode-tree-item'\n        );\n\n        if (firstChild) {\n          firstChild.active = true;\n        }\n      }\n\n      this._highlightGuides();\n    });\n  };\n\n  //#endregion\n\n  override render(): TemplateResult {\n    return html`<div>\n      <slot @slotchange=${this._handleSlotChange}></slot>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-tree': VscodeTree;\n  }\n\n  interface GlobalEventHandlersEventMap {\n    'vsc-tree-select': VscTreeSelectEvent;\n  }\n}\n"]}
+{"version":3,"file":"vscode-tree.js","sourceRoot":"","sources":["../../src/vscode-tree/vscode-tree.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAiC,IAAI,EAAC,MAAM,KAAK,CAAC;AACzD,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAC;AACrC,OAAO,EACL,aAAa,EACb,QAAQ,EACR,qBAAqB,GACtB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAElD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAEL,aAAa,EACb,WAAW,GAEZ,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,oBAAoB,GACrB,MAAM,cAAc,CAAC;AAItB,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,WAAW,EAAE,aAAa;IAC1B,WAAW,EAAE,aAAa;CAClB,CAAC;AAIX,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACR,CAAC;AAeX,MAAM,YAAY,GAAkB;IAClC,GAAG;IACH,WAAW;IACX,SAAS;IACT,WAAW;IACX,YAAY;IACZ,OAAO;IACP,QAAQ;IACR,OAAO;CACR,CAAC;AACF,MAAM,mBAAmB,GAAG,KAAK,CAAC;AAClC,MAAM,cAAc,GAAG,CAAC,CAAC;AACzB,MAAM,oBAAoB,GAAG,KAAK,CAAC;AACnC,MAAM,mBAAmB,GAAG,UAAU,CAAC,WAAW,CAAC;AACnD,MAAM,4BAA4B,GAAG,YAAY,CAAC,OAAO,CAAC;AAE1D;;GAEG;AAEI,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAgHxC,YAAY;IAEZ,2BAA2B;IAE3B;QACE,KAAK,EAAE,CAAC;QAlHV,oBAAoB;QAEpB;;;;;;;WAOG;QAEH,eAAU,GAAY,mBAAmB,CAAC;QAE1C;;;;;;;;;;;;;;WAcG;QAEH,eAAU,GAAe,mBAAmB,CAAC;QAE7C;;;;;;WAMG;QAEH,WAAM,GAAW,cAAc,CAAC;QAEhC;;;;;;;;;;;;;;WAcG;QAOH,iBAAY,GAAuB,4BAA4B,CAAC;QAEhE;;;;;WAKG;QAEH,gBAAW,GAAY,oBAAoB,CAAC;QAE5C,YAAY;QAEZ,2BAA2B;QAGnB,sBAAiB,GAAgB;YACvC,cAAc,EAAE,KAAK;YACrB,UAAU,EAAE,IAAI;YAChB,aAAa,EAAE,IAAI,GAAG,EAAE;YACxB,QAAQ,EAAE,IAAI;YACd,gBAAgB,EAAE,KAAK;YACvB,WAAW,EAAE,IAAI;YACjB,eAAe,EAAE,IAAI;YACrB,aAAa,EAAE,KAAK;YACpB,WAAW,EAAE,IAAI;YACjB,gBAAgB,EAAE,IAAI,GAAG,EAAE;YAC3B,qBAAqB,EAAE,GAAG,EAAE;gBAC1B,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAChC,CAAC;YACD,eAAe,EAAE,GAAG,EAAE;gBACpB,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1B,CAAC;SACF,CAAC;QAGM,mBAAc,GAAkB;YACtC,UAAU,EAAE,mBAAmB;YAC/B,UAAU,EAAE,mBAAmB;YAC/B,MAAM,EAAE,cAAc;YACtB,YAAY,EAAE,4BAA4B;YAC1C,WAAW,EAAE,oBAAoB;SAClC,CAAC;QAyQM,4BAAuB,GAAG,CAAC,EAAiB,EAAE,EAAE;YACtD,MAAM,GAAG,GAAG,EAAE,CAAC,GAAkB,CAAC;YAElC,IAAI,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC/B,EAAE,CAAC,eAAe,EAAE,CAAC;gBACrB,EAAE,CAAC,cAAc,EAAE,CAAC;YACtB,CAAC;YAED,QAAQ,GAAG,EAAE,CAAC;gBACZ,KAAK,GAAG,CAAC;gBACT,KAAK,OAAO;oBACV,IAAI,CAAC,iBAAiB,EAAE,CAAC;oBACzB,MAAM;gBACR,KAAK,WAAW;oBACd,IAAI,CAAC,qBAAqB,EAAE,CAAC;oBAC7B,MAAM;gBACR,KAAK,WAAW;oBACd,IAAI,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC;oBAC/B,MAAM;gBACR,KAAK,YAAY;oBACf,IAAI,CAAC,sBAAsB,EAAE,CAAC;oBAC9B,MAAM;gBACR,KAAK,SAAS;oBACZ,IAAI,CAAC,mBAAmB,EAAE,CAAC;oBAC3B,MAAM;gBACR,KAAK,OAAO;oBACV,IAAI,CAAC,iBAAiB,EAAE,CAAC;oBACzB,MAAM;gBACR,QAAQ;YACV,CAAC;QACH,CAAC,CAAC;QAEM,0BAAqB,GAAG,CAAC,EAAiB,EAAE,EAAE;YACpD,IAAI,EAAE,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBACvB,IAAI,CAAC,iBAAiB,CAAC,cAAc,GAAG,KAAK,CAAC;YAChD,CAAC;QACH,CAAC,CAAC;QAEM,sBAAiB,GAAG,GAAG,EAAE;YAC/B,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,GAAG,KAAK,CAAC;YAChD,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;YAEpD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;gBAC5B,IAAI,IAAI,CAAC,iBAAiB,CAAC,UAAU,KAAK,IAAI,EAAE,CAAC;oBAC/C,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CACnC,2BAA2B,CAC5B,CAAC;oBAEF,IAAI,UAAU,EAAE,CAAC;wBACf,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC;oBAC3B,CAAC;gBACH,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAlTA,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAC3D,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,uBAAuB,CAAC,CAAC;IACjE,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC;IACrB,CAAC;IAEkB,UAAU,CAAC,iBAAuC;QACnE,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;QAE7C,IAAI,iBAAiB,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC;YACzC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QACjE,CAAC;IACH,CAAC;IAED,YAAY;IAEZ,wBAAwB;IAExB;;OAEG;IACH,SAAS;QACP,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CAAiB,kBAAkB,CAAC,CAAC;QAE3E,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACxB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;gBAChB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;YACnB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACH,WAAW;QACT,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CAAiB,kBAAkB,CAAC,CAAC;QAE3E,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACxB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;gBAChB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YACpB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACH,uBAAuB;QACrB,MAAM,aAAa,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;QACtE,IAAI,CAAC,iBAAiB,GAAG,EAAC,GAAG,IAAI,CAAC,iBAAiB,EAAE,aAAa,EAAC,CAAC;IACtE,CAAC;IAED,YAAY;IAEZ,yBAAyB;IAEjB,gBAAgB;QACtB,MAAM,EAAE,GAAG,IAAI,WAAW,CAAC,iBAAiB,EAAE;YAC5C,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC;SACzD,CAAC,CAAC;QAEH,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;IACzB,CAAC;IAEO,2BAA2B,CAAC,IAAoB;QACtD,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YAC7B,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;YAC9B,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;QACrD,CAAC;aAAM,CAAC;YACN,MAAM,MAAM,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;YAEpC,IAAI,MAAM,EAAE,CAAC;gBACX,MAAM,CAAC,iBAAiB,GAAG,IAAI,CAAC;gBAChC,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;YACvD,CAAC;QACH,CAAC;IACH,CAAC;IAEO,sBAAsB;QAC5B,IAAI,IAAI,CAAC,YAAY,KAAK,YAAY,CAAC,IAAI,EAAE,CAAC;YAC5C,OAAO;QACT,CAAC;QAED,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,EAAE,OAAO,CAC9C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,iBAAiB,GAAG,KAAK,CAAC,CACrC,CAAC;QACF,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,EAAE,KAAK,EAAE,CAAC;QAEjD,IAAI,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE,CAAC;YACtC,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;QACtE,CAAC;QAED,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACpD,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,oBAAoB,CAAC,iBAAiC;QAC5D,MAAM,EAAC,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAC,GAAG,IAAI,CAAC;QAEzE,IAAI,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;YACxC,IAAI,CAAC,cAAc,GAAG,EAAC,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,EAAC,CAAC;QAC7D,CAAC;QAED,IAAI,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;YACxC,IAAI,CAAC,cAAc,GAAG,EAAC,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,EAAC,CAAC;QAC7D,CAAC;QAED,IAAI,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACpC,IAAI,CAAC,cAAc,GAAG,EAAC,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,EAAC,CAAC;QACzD,CAAC;QAED,IAAI,iBAAiB,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,CAAC;YAC1C,IAAI,CAAC,cAAc,GAAG,EAAC,GAAG,IAAI,CAAC,cAAc,EAAE,YAAY,EAAC,CAAC;QAC/D,CAAC;QAED,IAAI,iBAAiB,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC;YACzC,IAAI,CAAC,cAAc,GAAG,EAAC,GAAG,IAAI,CAAC,cAAc,EAAE,WAAW,EAAC,CAAC;QAC9D,CAAC;IACH,CAAC;IAEO,UAAU,CAAC,IAAoB;QACrC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QAEnB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YAC5B,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAChC,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,cAAc;QACpB,IAAI,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,CAAC;YACvC,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;YAE9D,IAAI,IAAI,EAAE,CAAC;gBACT,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBAEtB,IAAI,IAAI,CAAC,iBAAiB,CAAC,cAAc,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;oBAC9D,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;oBAC/B,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBAC1B,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAEO,cAAc;QACpB,IAAI,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,CAAC;YACvC,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;YAE9D,IAAI,IAAI,EAAE,CAAC;gBACT,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBAEtB,IAAI,IAAI,CAAC,iBAAiB,CAAC,cAAc,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;oBAC9D,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;oBAC/B,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBAC1B,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,YAAY;IAEZ,wBAAwB;IAEhB,sBAAsB;QAC5B,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,CAAC;YACxC,OAAO;QACT,CAAC;QAED,MAAM,EAAC,WAAW,EAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC;QAE7C,IAAI,WAAW,CAAC,MAAM,EAAE,CAAC;YACvB,IAAI,WAAW,CAAC,IAAI,EAAE,CAAC;gBACrB,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,CAAC;iBAAM,CAAC;gBACN,WAAW,CAAC,IAAI,GAAG,IAAI,CAAC;YAC1B,CAAC;QACH,CAAC;IACH,CAAC;IAEO,qBAAqB,CAAC,EAAiB;QAC7C,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC;YACf,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,CAAC;YACxC,OAAO;QACT,CAAC;QAED,MAAM,EAAC,WAAW,EAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC;QAC7C,MAAM,MAAM,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;QAE3C,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;YACxB,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;gBAC5B,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC;aAAM,CAAC;YACN,IAAI,WAAW,CAAC,IAAI,EAAE,CAAC;gBACrB,WAAW,CAAC,IAAI,GAAG,KAAK,CAAC;YAC3B,CAAC;iBAAM,CAAC;gBACN,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;oBAC5B,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;gBAC1B,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAEO,qBAAqB;QAC3B,IAAI,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,CAAC;YACvC,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC;IAEO,mBAAmB;QACzB,IAAI,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,CAAC;YACvC,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC;IAEO,iBAAiB;QACvB,MAAM,EAAC,WAAW,EAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC;QAE7C,IAAI,WAAW,EAAE,CAAC;YAChB,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC,OAAO,CAC1C,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,GAAG,KAAK,CAAC,CAC9B,CAAC;YACF,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;YAC7C,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAE9B,WAAW,CAAC,QAAQ,GAAG,IAAI,CAAC;YAC5B,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAExB,IAAI,WAAW,CAAC,MAAM,EAAE,CAAC;gBACvB,WAAW,CAAC,IAAI,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC;YACvC,CAAC;QACH,CAAC;IACH,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,iBAAiB,CAAC,cAAc,GAAG,IAAI,CAAC;IAC/C,CAAC;IAyDD,YAAY;IAEH,MAAM;QACb,OAAO,IAAI,CAAA;0BACW,IAAI,CAAC,iBAAiB;WACrC,CAAC;IACV,CAAC;;AAhbe,iBAAM,GAAG,MAAM,AAAT,CAAU;AAahC;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAC,CAAC;8CACzB;AAkB1C;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAC,CAAC;8CACN;AAU7C;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;0CACR;AAuBhC;IANC,QAAQ,CAAC;QACR,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,eAAe;QAC1B,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,IAAI;KACd,CAAC;gDAC8D;AAShE;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAC,CAAC;+CACxB;AAOpC;IADP,OAAO,CAAC,EAAC,OAAO,EAAE,WAAW,EAAC,CAAC;qDAkB9B;AAGM;IADP,OAAO,CAAC,EAAC,OAAO,EAAE,aAAa,EAAC,CAAC;kDAOhC;AAGM;IADP,qBAAqB,CAAC,EAAC,QAAQ,EAAE,kBAAkB,EAAC,CAAC;sDACR;AA9GnC,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAkbtB","sourcesContent":["import {PropertyValues, TemplateResult, html} from 'lit';\nimport {provide} from '@lit/context';\nimport {\n  customElement,\n  property,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport {VscElement} from '../includes/VscElement';\nimport type {VscodeTreeItem} from '../vscode-tree-item';\nimport styles from './vscode-tree.styles';\nimport {\n  ConfigContext,\n  configContext,\n  treeContext,\n  type TreeContext,\n} from './tree-context';\nimport {\n  findNextItem,\n  findPrevItem,\n  findParentItem,\n  initPathTrackerProps,\n} from './helpers.js';\n\nexport type VscTreeSelectEvent = CustomEvent<{selectedItems: VscodeTreeItem[]}>;\n\nexport const ExpandMode = {\n  singleClick: 'singleClick',\n  doubleClick: 'doubleClick',\n} as const;\n\nexport type ExpandMode = (typeof ExpandMode)[keyof typeof ExpandMode];\n\nexport const IndentGuides = {\n  none: 'none',\n  onHover: 'onHover',\n  always: 'always',\n} as const;\n\nexport type IndentGuideDisplay =\n  (typeof IndentGuides)[keyof typeof IndentGuides];\n\ntype ListenedKey =\n  | 'ArrowDown'\n  | 'ArrowUp'\n  | 'ArrowLeft'\n  | 'ArrowRight'\n  | 'Enter'\n  | 'Escape'\n  | 'Shift'\n  | ' ';\n\nconst listenedKeys: ListenedKey[] = [\n  ' ',\n  'ArrowDown',\n  'ArrowUp',\n  'ArrowLeft',\n  'ArrowRight',\n  'Enter',\n  'Escape',\n  'Shift',\n];\nconst DEFAULT_HIDE_ARROWS = false;\nconst DEFAULT_INDENT = 8;\nconst DEFAULT_MULTI_SELECT = false;\nconst DEFAULT_EXPAND_MODE = ExpandMode.singleClick;\nconst DEFAULT_INDENT_GUIDE_DISPLAY = IndentGuides.onHover;\n\n/**\n * @tag vscode-tree\n */\n@customElement('vscode-tree')\nexport class VscodeTree extends VscElement {\n  static override styles = styles;\n\n  //#region properties\n\n  /**\n   * Although arrows are always visible in the Tree component by default in VSCode, some icon sets\n   * (e.g., Material Icon Theme) allow disabling them in the file explorer view. This flag makes it\n   * possible to mimic that behavior.\n   *\n   * @type {boolean}\n   * @default false\n   */\n  @property({type: Boolean, reflect: true, attribute: 'hide-arrows'})\n  hideArrows: boolean = DEFAULT_HIDE_ARROWS;\n\n  /**\n   * Controls how tree folders are expanded when clicked. This property is designed to use\n   * the `workbench.tree.expandMode` setting.\n   *\n   * Valid options are available as constants.\n   *\n   * ```javascript\n   * import {ExpandMode} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';\n   *\n   * document.querySelector('vscode-tree').expandMode = ExpandMode.singleClick;\n   * ```\n   *\n   * @type {'singleClick' | 'doubleClick'}\n   * @default 'singleClick'\n   */\n  @property({type: String, attribute: 'expand-mode'})\n  expandMode: ExpandMode = DEFAULT_EXPAND_MODE;\n\n  /**\n   * Controls the indentation in pixels. This property is designed to use the\n   * `workbench.tree.indent` setting.\n   *\n   * @type {number}\n   * @default 8\n   */\n  @property({type: Number, reflect: true})\n  indent: number = DEFAULT_INDENT;\n\n  /**\n   * Controls whether the tree should render indent guides. This property is\n   * designed to use the `workbench.tree.renderIndentGuides` setting.\n   *\n   * Valid options are available as constants.\n   *\n   * ```javascript\n   * import {IndentGuides} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';\n   *\n   * document.querySelector('vscode-tree').expandMode = IndentGuides.onHover;\n   * ```\n   *\n   * @type {'none' | 'onHover' | 'always'}\n   * @default 'onHover'\n   */\n  @property({\n    type: String,\n    attribute: 'indent-guides',\n    useDefault: true,\n    reflect: true,\n  })\n  indentGuides: IndentGuideDisplay = DEFAULT_INDENT_GUIDE_DISPLAY;\n\n  /**\n   * Allows selecting multiple items.\n   *\n   * @type {boolean}\n   * @default false\n   */\n  @property({type: Boolean, reflect: true, attribute: 'multi-select'})\n  multiSelect: boolean = DEFAULT_MULTI_SELECT;\n\n  //#endregion\n\n  //#region private variables\n\n  @provide({context: treeContext})\n  private _treeContextState: TreeContext = {\n    isShiftPressed: false,\n    activeItem: null,\n    selectedItems: new Set(),\n    allItems: null,\n    itemListUpToDate: false,\n    focusedItem: null,\n    prevFocusedItem: null,\n    hasBranchItem: false,\n    rootElement: this,\n    highlightedItems: new Set(),\n    highlightIndentGuides: () => {\n      this._highlightIndentGuides();\n    },\n    emitSelectEvent: () => {\n      this._emitSelectEvent();\n    },\n  };\n\n  @provide({context: configContext})\n  private _configContext: ConfigContext = {\n    hideArrows: DEFAULT_HIDE_ARROWS,\n    expandMode: DEFAULT_EXPAND_MODE,\n    indent: DEFAULT_INDENT,\n    indentGuides: DEFAULT_INDENT_GUIDE_DISPLAY,\n    multiSelect: DEFAULT_MULTI_SELECT,\n  };\n\n  @queryAssignedElements({selector: 'vscode-tree-item'})\n  private _assignedTreeItems!: VscodeTreeItem[];\n\n  //#endregion\n\n  //#region lifecycle methods\n\n  constructor() {\n    super();\n\n    this.addEventListener('keyup', this._handleComponentKeyUp);\n    this.addEventListener('keydown', this._handleComponentKeyDown);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    this.role = 'tree';\n  }\n\n  protected override willUpdate(changedProperties: PropertyValues<this>): void {\n    this._updateConfigContext(changedProperties);\n\n    if (changedProperties.has('multiSelect')) {\n      this.ariaMultiSelectable = this.multiSelect ? 'true' : 'false';\n    }\n  }\n\n  //#endregion\n\n  //#region public methods\n\n  /**\n   * Expands all folders.\n   */\n  expandAll() {\n    const children = this.querySelectorAll<VscodeTreeItem>('vscode-tree-item');\n\n    children.forEach((item) => {\n      if (item.branch) {\n        item.open = true;\n      }\n    });\n  }\n\n  /**\n   * Collapses all folders.\n   */\n  collapseAll() {\n    const children = this.querySelectorAll<VscodeTreeItem>('vscode-tree-item');\n\n    children.forEach((item) => {\n      if (item.branch) {\n        item.open = false;\n      }\n    });\n  }\n\n  /**\n   * @internal\n   * Updates `hasBranchItem` property in the context state in order to removing\n   * extra padding before the leaf elements, if it is required.\n   */\n  updateHasBranchItemFlag() {\n    const hasBranchItem = this._assignedTreeItems.some((li) => li.branch);\n    this._treeContextState = {...this._treeContextState, hasBranchItem};\n  }\n\n  //#endregion\n\n  //#region private methods\n\n  private _emitSelectEvent() {\n    const ev = new CustomEvent('vsc-tree-select', {\n      detail: Array.from(this._treeContextState.selectedItems),\n    });\n\n    this.dispatchEvent(ev);\n  }\n\n  private _highlightIndentGuideOfItem(item: VscodeTreeItem) {\n    if (item.branch && item.open) {\n      item.highlightedGuides = true;\n      this._treeContextState.highlightedItems?.add(item);\n    } else {\n      const parent = findParentItem(item);\n\n      if (parent) {\n        parent.highlightedGuides = true;\n        this._treeContextState.highlightedItems?.add(parent);\n      }\n    }\n  }\n\n  private _highlightIndentGuides() {\n    if (this.indentGuides === IndentGuides.none) {\n      return;\n    }\n\n    this._treeContextState.highlightedItems?.forEach(\n      (i) => (i.highlightedGuides = false)\n    );\n    this._treeContextState.highlightedItems?.clear();\n\n    if (this._treeContextState.activeItem) {\n      this._highlightIndentGuideOfItem(this._treeContextState.activeItem);\n    }\n\n    this._treeContextState.selectedItems.forEach((item) => {\n      this._highlightIndentGuideOfItem(item);\n    });\n  }\n\n  private _updateConfigContext(changedProperties: PropertyValues) {\n    const {hideArrows, expandMode, indent, indentGuides, multiSelect} = this;\n\n    if (changedProperties.has('hideArrows')) {\n      this._configContext = {...this._configContext, hideArrows};\n    }\n\n    if (changedProperties.has('expandMode')) {\n      this._configContext = {...this._configContext, expandMode};\n    }\n\n    if (changedProperties.has('indent')) {\n      this._configContext = {...this._configContext, indent};\n    }\n\n    if (changedProperties.has('indentGuides')) {\n      this._configContext = {...this._configContext, indentGuides};\n    }\n\n    if (changedProperties.has('multiSelect')) {\n      this._configContext = {...this._configContext, multiSelect};\n    }\n  }\n\n  private _focusItem(item: VscodeTreeItem) {\n    item.active = true;\n\n    item.updateComplete.then(() => {\n      item.focus();\n      this._highlightIndentGuides();\n    });\n  }\n\n  private _focusPrevItem() {\n    if (this._treeContextState.focusedItem) {\n      const item = findPrevItem(this._treeContextState.focusedItem);\n\n      if (item) {\n        this._focusItem(item);\n\n        if (this._treeContextState.isShiftPressed && this.multiSelect) {\n          item.selected = !item.selected;\n          this._emitSelectEvent();\n        }\n      }\n    }\n  }\n\n  private _focusNextItem() {\n    if (this._treeContextState.focusedItem) {\n      const item = findNextItem(this._treeContextState.focusedItem);\n\n      if (item) {\n        this._focusItem(item);\n\n        if (this._treeContextState.isShiftPressed && this.multiSelect) {\n          item.selected = !item.selected;\n          this._emitSelectEvent();\n        }\n      }\n    }\n  }\n\n  //#endregion\n\n  //#region event handlers\n\n  private _handleArrowRightPress() {\n    if (!this._treeContextState.focusedItem) {\n      return;\n    }\n\n    const {focusedItem} = this._treeContextState;\n\n    if (focusedItem.branch) {\n      if (focusedItem.open) {\n        this._focusNextItem();\n      } else {\n        focusedItem.open = true;\n      }\n    }\n  }\n\n  private _handleArrowLeftPress(ev: KeyboardEvent) {\n    if (ev.ctrlKey) {\n      this.collapseAll();\n      return;\n    }\n\n    if (!this._treeContextState.focusedItem) {\n      return;\n    }\n\n    const {focusedItem} = this._treeContextState;\n    const parent = findParentItem(focusedItem);\n\n    if (!focusedItem.branch) {\n      if (parent && parent.branch) {\n        this._focusItem(parent);\n      }\n    } else {\n      if (focusedItem.open) {\n        focusedItem.open = false;\n      } else {\n        if (parent && parent.branch) {\n          this._focusItem(parent);\n        }\n      }\n    }\n  }\n\n  private _handleArrowDownPress() {\n    if (this._treeContextState.focusedItem) {\n      this._focusNextItem();\n    } else {\n      this._focusItem(this._assignedTreeItems[0]);\n    }\n  }\n\n  private _handleArrowUpPress() {\n    if (this._treeContextState.focusedItem) {\n      this._focusPrevItem();\n    } else {\n      this._focusItem(this._assignedTreeItems[0]);\n    }\n  }\n\n  private _handleEnterPress() {\n    const {focusedItem} = this._treeContextState;\n\n    if (focusedItem) {\n      this._treeContextState.selectedItems.forEach(\n        (li) => (li.selected = false)\n      );\n      this._treeContextState.selectedItems.clear();\n      this._highlightIndentGuides();\n\n      focusedItem.selected = true;\n      this._emitSelectEvent();\n\n      if (focusedItem.branch) {\n        focusedItem.open = !focusedItem.open;\n      }\n    }\n  }\n\n  private _handleShiftPress() {\n    this._treeContextState.isShiftPressed = true;\n  }\n\n  private _handleComponentKeyDown = (ev: KeyboardEvent) => {\n    const key = ev.key as ListenedKey;\n\n    if (listenedKeys.includes(key)) {\n      ev.stopPropagation();\n      ev.preventDefault();\n    }\n\n    switch (key) {\n      case ' ':\n      case 'Enter':\n        this._handleEnterPress();\n        break;\n      case 'ArrowDown':\n        this._handleArrowDownPress();\n        break;\n      case 'ArrowLeft':\n        this._handleArrowLeftPress(ev);\n        break;\n      case 'ArrowRight':\n        this._handleArrowRightPress();\n        break;\n      case 'ArrowUp':\n        this._handleArrowUpPress();\n        break;\n      case 'Shift':\n        this._handleShiftPress();\n        break;\n      default:\n    }\n  };\n\n  private _handleComponentKeyUp = (ev: KeyboardEvent) => {\n    if (ev.key === 'Shift') {\n      this._treeContextState.isShiftPressed = false;\n    }\n  };\n\n  private _handleSlotChange = () => {\n    this._treeContextState.itemListUpToDate = false;\n    initPathTrackerProps(this, this._assignedTreeItems);\n\n    this.updateComplete.then(() => {\n      if (this._treeContextState.activeItem === null) {\n        const firstChild = this.querySelector<VscodeTreeItem>(\n          ':scope > vscode-tree-item'\n        );\n\n        if (firstChild) {\n          firstChild.active = true;\n        }\n      }\n    });\n  };\n\n  //#endregion\n\n  override render(): TemplateResult {\n    return html`<div>\n      <slot @slotchange=${this._handleSlotChange}></slot>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-tree': VscodeTree;\n  }\n\n  interface GlobalEventHandlersEventMap {\n    'vsc-tree-select': VscTreeSelectEvent;\n  }\n}\n"]}

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

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

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

@@ -4,13 +4,49 @@ const styles = [
     defaultStyles,
     css `
     :host {
-      --vsc-tree-item-arrow-display: none;
+      --vsc-tree-item-arrow-display: flex;
+      --internal-selectionBackground: var(
+        --vscode-list-inactiveSelectionBackground
+      );
+      --internal-selectionForeground: var(--vscode-foreground);
+      --internal-selectionIconForeground: var(--vscode-icon-foreground);
+      --internal-defaultIndentGuideDisplay: none;
+      --internal-highlightedIndentGuideDisplay: block;
 
       display: block;
     }
 
-    :host([arrows]) {
-      --vsc-tree-item-arrow-display: flex;
+    :host(:hover) {
+      --internal-defaultIndentGuideDisplay: block;
+      --internal-highlightedIndentGuideDisplay: block;
+    }
+
+    :host(:focus-within) {
+      --internal-selectionBackground: var(
+        --vscode-list-activeSelectionBackground
+      );
+      --internal-selectionForeground: var(
+        --vscode-list-activeSelectionForeground
+      );
+      --internal-selectionIconForeground: var(
+        --vscode-list-activeSelectionIconForeground
+      );
+    }
+
+    :host([hide-arrows]) {
+      --vsc-tree-item-arrow-display: none;
+    }
+
+    :host([indent-guides='none']),
+    :host([indent-guides='none']:hover) {
+      --internal-defaultIndentGuideDisplay: none;
+      --internal-highlightedIndentGuideDisplay: none;
+    }
+
+    :host([indent-guides='always']),
+    :host([indent-guides='always']:hover) {
+      --internal-defaultIndentGuideDisplay: block;
+      --internal-highlightedIndentGuideDisplay: block;
     }
   `,
 ];

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

@@ -1 +1 @@
-{"version":3,"file":"vscode-tree.styles.js","sourceRoot":"","sources":["../../src/vscode-tree/vscode-tree.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,GAAG,EAAC,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,4BAA4B,CAAC;AAEvD,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;GAUF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {CSSResultGroup, css} from 'lit';\nimport defaultStyles from '../includes/default.styles';\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  css`\n    :host {\n      --vsc-tree-item-arrow-display: none;\n\n      display: block;\n    }\n\n    :host([arrows]) {\n      --vsc-tree-item-arrow-display: flex;\n    }\n  `,\n];\n\nexport default styles;\n"]}
+{"version":3,"file":"vscode-tree.styles.js","sourceRoot":"","sources":["../../src/vscode-tree/vscode-tree.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,GAAG,EAAC,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,4BAA4B,CAAC;AAEvD,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {CSSResultGroup, css} from 'lit';\nimport defaultStyles from '../includes/default.styles';\n\nconst styles: CSSResultGroup = [\n  defaultStyles,\n  css`\n    :host {\n      --vsc-tree-item-arrow-display: flex;\n      --internal-selectionBackground: var(\n        --vscode-list-inactiveSelectionBackground\n      );\n      --internal-selectionForeground: var(--vscode-foreground);\n      --internal-selectionIconForeground: var(--vscode-icon-foreground);\n      --internal-defaultIndentGuideDisplay: none;\n      --internal-highlightedIndentGuideDisplay: block;\n\n      display: block;\n    }\n\n    :host(:hover) {\n      --internal-defaultIndentGuideDisplay: block;\n      --internal-highlightedIndentGuideDisplay: block;\n    }\n\n    :host(:focus-within) {\n      --internal-selectionBackground: var(\n        --vscode-list-activeSelectionBackground\n      );\n      --internal-selectionForeground: var(\n        --vscode-list-activeSelectionForeground\n      );\n      --internal-selectionIconForeground: var(\n        --vscode-list-activeSelectionIconForeground\n      );\n    }\n\n    :host([hide-arrows]) {\n      --vsc-tree-item-arrow-display: none;\n    }\n\n    :host([indent-guides='none']),\n    :host([indent-guides='none']:hover) {\n      --internal-defaultIndentGuideDisplay: none;\n      --internal-highlightedIndentGuideDisplay: none;\n    }\n\n    :host([indent-guides='always']),\n    :host([indent-guides='always']:hover) {\n      --internal-defaultIndentGuideDisplay: block;\n      --internal-highlightedIndentGuideDisplay: block;\n    }\n  `,\n];\n\nexport default styles;\n"]}

package/dist/vscode-tree-item/vscode-tree-item.d.ts

@@ -16,6 +16,10 @@ export declare class VscodeTreeItem extends VscElement {
     set path(newPath: number[]);
     get path(): number[];
     private _path;
+    private _internals;
+    private _hasBranchIcon;
+    private _hasBranchOpenedIcon;
+    private _hasLeafIcon;
     private _treeContextState;
     private _configContext;
     private _initiallyAssignedTreeItems;
@@ -35,6 +39,7 @@ export declare class VscodeTreeItem extends VscElement {
     private _handleComponentFocus;
     private _handleContentClick;
     private _handleDoubleClick;
+    private _handleIconSlotChange;
     render(): TemplateResult;
 }
 declare global {

package/dist/vscode-tree-item/vscode-tree-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-tree-item.d.ts","sourceRoot":"","sources":["../../src/vscode-tree-item/vscode-tree-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,cAAc,EAAgB,MAAM,KAAK,CAAC;AAQlE,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAwClD,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,+BAAU;IAKhC,MAAM,UAAS;IAGf,MAAM,UAAS;IAGf,aAAa,UAAS;IAGtB,eAAe,UAAS;IAExB,gBAAgB;IAEhB,iBAAiB,UAAS;IAG1B,IAAI,UAAS;IAGb,KAAK,SAAK;IAEV,IACI,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAI7B;IACD,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,OAAO,CAAC,SAAS,CAAS;IAE1B,IAAI,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,EAEzB;IACD,IAAI,IAAI,IAAI,MAAM,EAAE,CAEnB;IAMD,OAAO,CAAC,KAAK,CAAgB;IAG7B,OAAO,CAAC,iBAAiB,CAWvB;IAGF,OAAO,CAAC,cAAc,CAAiB;IAGvC,OAAO,CAAC,2BAA2B,CAAoB;IAGvD,OAAO,CAAC,kBAAkB,CAAoB;;IAYrC,iBAAiB,IAAI,IAAI;cAOf,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IActE,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,6BAA6B;IAWrC,OAAO,CAAC,kBAAkB;IAuB1B,OAAO,CAAC,WAAW;IAoBnB,OAAO,CAAC,YAAY;IAmCpB,OAAO,CAAC,oCAAoC;IAwB5C,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,yBAAyB;IAQjC,OAAO,CAAC,qBAAqB,CAG3B;IAEF,OAAO,CAAC,qBAAqB,CAc3B;IAEF,OAAO,CAAC,mBAAmB;IA+B3B,OAAO,CAAC,kBAAkB;IAUjB,MAAM,IAAI,cAAc;CA8ElC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}
+{"version":3,"file":"vscode-tree-item.d.ts","sourceRoot":"","sources":["../../src/vscode-tree-item/vscode-tree-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,cAAc,EAAgB,MAAM,KAAK,CAAC;AASlE,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAwClD,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,+BAAU;IAKhC,MAAM,UAAS;IAGf,MAAM,UAAS;IAGf,aAAa,UAAS;IAGtB,eAAe,UAAS;IAExB,gBAAgB;IAEhB,iBAAiB,UAAS;IAG1B,IAAI,UAAS;IAGb,KAAK,SAAK;IAEV,IACI,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAI7B;IACD,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,OAAO,CAAC,SAAS,CAAS;IAE1B,IAAI,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,EAEzB;IACD,IAAI,IAAI,IAAI,MAAM,EAAE,CAEnB;IAMD,OAAO,CAAC,KAAK,CAAgB;IAC7B,OAAO,CAAC,UAAU,CAAmB;IAGrC,OAAO,CAAC,cAAc,CAAS;IAG/B,OAAO,CAAC,oBAAoB,CAAS;IAGrC,OAAO,CAAC,YAAY,CAAS;IAG7B,OAAO,CAAC,iBAAiB,CAUvB;IAGF,OAAO,CAAC,cAAc,CAAiB;IAGvC,OAAO,CAAC,2BAA2B,CAAoB;IAGvD,OAAO,CAAC,kBAAkB,CAAoB;;IAarC,iBAAiB,IAAI,IAAI;cAOf,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IActE,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,6BAA6B;IAWrC,OAAO,CAAC,kBAAkB;IAyB1B,OAAO,CAAC,WAAW;IAoBnB,OAAO,CAAC,YAAY;IAmCpB,OAAO,CAAC,oCAAoC;IAwB5C,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,yBAAyB;IAQjC,OAAO,CAAC,qBAAqB,CAG3B;IAEF,OAAO,CAAC,qBAAqB,CAc3B;IAEF,OAAO,CAAC,mBAAmB;IAkC3B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,qBAAqB;IAoBpB,MAAM,IAAI,cAAc;CAyFlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}