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

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

@@ -0,0 +1,418 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from 'lit';
+import { consume } from '@lit/context';
+import { customElement, property, queryAssignedElements, state, } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { VscElement } from '../includes/VscElement';
+import { stylePropertyMap } from '../includes/style-property-map';
+import { configContext, treeContext, } from '../vscode-tree/tree-context';
+import { initPathTrackerProps } from '../vscode-tree/helpers.js';
+import styles from './vscode-tree-item.styles.js';
+import { ExpandMode, IndentGuides } from '../vscode-tree/vscode-tree.js';
+const BASE_INDENT = 3;
+const ARROW_CONTAINER_WIDTH = 30;
+const arrowIcon = html `<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10.072 8.024L5.715 3.667l.618-.62L11 7.716v.618L6.333 13l-.618-.619 4.357-4.357z"
+  />
+</svg>`;
+function getParentItem(childItem) {
+    if (!childItem.parentElement) {
+        return null;
+    }
+    if (!(childItem.parentElement instanceof VscodeTreeItem)) {
+        return null;
+    }
+    return childItem.parentElement;
+}
+let VscodeTreeItem = class VscodeTreeItem extends VscElement {
+    set selected(selected) {
+        this._selected = selected;
+        this._treeContextState.selectedItems.add(this);
+        this.ariaSelected = selected ? 'true' : 'false';
+    }
+    get selected() {
+        return this._selected;
+    }
+    set path(newPath) {
+        this._path = newPath;
+    }
+    get path() {
+        return this._path;
+    }
+    //#endregion
+    //#region lifecycle methods
+    constructor() {
+        super();
+        //#region properties
+        this.active = false;
+        this.branch = false;
+        this.hasActiveItem = false;
+        this.hasSelectedItem = false;
+        /** @internal */
+        this.highlightedGuides = false;
+        this.open = false;
+        this.level = 0;
+        this._selected = false;
+        //#endregion
+        //#region private variables
+        this._path = [];
+        this._hasBranchIcon = false;
+        this._hasBranchOpenedIcon = false;
+        this._hasLeafIcon = false;
+        this._treeContextState = {
+            isShiftPressed: false,
+            selectedItems: new Set(),
+            allItems: null,
+            itemListUpToDate: false,
+            focusedItem: null,
+            prevFocusedItem: null,
+            hasBranchItem: false,
+            rootElement: null,
+            activeItem: null,
+        };
+        this._handleMainSlotChange = () => {
+            this._mainSlotChange();
+            this._treeContextState.itemListUpToDate = false;
+        };
+        this._handleComponentFocus = () => {
+            if (this._treeContextState.focusedItem &&
+                this._treeContextState.focusedItem !== this) {
+                if (!this._treeContextState.isShiftPressed) {
+                    this._treeContextState.prevFocusedItem =
+                        this._treeContextState.focusedItem;
+                }
+                this._treeContextState.focusedItem = null;
+            }
+            this._treeContextState.focusedItem = this;
+        };
+        this._internals = this.attachInternals();
+        this.addEventListener('focus', this._handleComponentFocus);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._mainSlotChange();
+        this.role = 'treeitem';
+        this.ariaDisabled = 'false';
+    }
+    willUpdate(changedProperties) {
+        if (changedProperties.has('active')) {
+            this._toggleActiveState();
+        }
+        if (changedProperties.has('open') || changedProperties.has('branch')) {
+            this._setAriaExpanded();
+        }
+    }
+    //#endregion
+    //#region private methods
+    _setAriaExpanded() {
+        if (!this.branch) {
+            this.ariaExpanded = null;
+        }
+        else {
+            this.ariaExpanded = this.open ? 'true' : 'false';
+        }
+    }
+    _setHasActiveItemFlagOnParent(childItem, value) {
+        const parent = getParentItem(childItem);
+        if (parent) {
+            parent.hasActiveItem = value;
+        }
+    }
+    _toggleActiveState() {
+        if (this.active) {
+            if (this._treeContextState.activeItem) {
+                this._treeContextState.activeItem.active = false;
+                this._setHasActiveItemFlagOnParent(this._treeContextState.activeItem, false);
+            }
+            this._treeContextState.activeItem = this;
+            this._setHasActiveItemFlagOnParent(this, true);
+            this.tabIndex = 0;
+            this._internals.states.add('active');
+        }
+        else {
+            if (this._treeContextState.activeItem === this) {
+                this._treeContextState.activeItem = null;
+                this._setHasActiveItemFlagOnParent(this, false);
+            }
+            this.tabIndex = -1;
+            this._internals.states.delete('active');
+        }
+    }
+    _selectItem(isCtrlDown) {
+        const { selectedItems } = this._treeContextState;
+        const { multiSelect } = this._configContext;
+        if (multiSelect && isCtrlDown) {
+            if (this.selected) {
+                this.selected = false;
+                selectedItems.delete(this);
+            }
+            else {
+                this.selected = true;
+                selectedItems.add(this);
+            }
+        }
+        else {
+            selectedItems.forEach((li) => (li.selected = false));
+            selectedItems.clear();
+            this.selected = true;
+            selectedItems.add(this);
+        }
+    }
+    _selectRange() {
+        const prevFocused = this._treeContextState.prevFocusedItem;
+        if (!prevFocused || prevFocused === this) {
+            return;
+        }
+        if (!this._treeContextState.itemListUpToDate) {
+            this._treeContextState.allItems =
+                this._treeContextState.rootElement.querySelectorAll('vscode-tree-item');
+            if (this._treeContextState.allItems) {
+                this._treeContextState.allItems.forEach((li, i) => {
+                    li.dataset.score = i.toString();
+                });
+            }
+            this._treeContextState.itemListUpToDate = true;
+        }
+        let from = +(prevFocused.dataset.score ?? -1);
+        let to = +(this.dataset.score ?? -1);
+        if (from > to) {
+            [from, to] = [to, from];
+        }
+        this._treeContextState.selectedItems.forEach((li) => (li.selected = false));
+        this._treeContextState.selectedItems.clear();
+        this._selectItemsAndAllVisibleDescendants(from, to);
+    }
+    _selectItemsAndAllVisibleDescendants(from, to) {
+        let i = from;
+        while (i <= to) {
+            if (this._treeContextState.allItems) {
+                const item = this._treeContextState.allItems[i];
+                if (item.branch && !item.open) {
+                    item.selected = true;
+                    const numChildren = item.querySelectorAll('vscode-tree-item').length;
+                    i += numChildren;
+                }
+                else if (item.branch && item.open) {
+                    item.selected = true;
+                    i += this._selectItemsAndAllVisibleDescendants(i + 1, to);
+                }
+                else {
+                    item.selected = true;
+                    i += 1;
+                }
+            }
+        }
+        return i;
+    }
+    _mainSlotChange() {
+        this._initiallyAssignedTreeItems.forEach((li) => {
+            li.setAttribute('slot', 'children');
+        });
+    }
+    //#endregion
+    //#region event handlers
+    _handleChildrenSlotChange() {
+        initPathTrackerProps(this, this._childrenTreeItems);
+        if (this._treeContextState.rootElement) {
+            this._treeContextState.rootElement.updateHasBranchItemFlag();
+        }
+    }
+    _handleContentClick(ev) {
+        ev.stopPropagation();
+        const isCtrlDown = ev.ctrlKey;
+        const isShiftDown = ev.shiftKey;
+        if (isShiftDown && this._configContext.multiSelect) {
+            this._selectRange();
+            this._treeContextState.emitSelectEvent?.();
+            this.updateComplete.then(() => {
+                this._treeContextState.highlightIndentGuides?.();
+            });
+        }
+        else {
+            this._selectItem(isCtrlDown);
+            this._treeContextState.emitSelectEvent?.();
+            this.updateComplete.then(() => {
+                this._treeContextState.highlightIndentGuides?.();
+            });
+            if (this._configContext.expandMode === ExpandMode.singleClick) {
+                if (this.branch && !(this._configContext.multiSelect && isCtrlDown)) {
+                    this.open = !this.open;
+                }
+            }
+        }
+        this.active = true;
+        if (!isShiftDown) {
+            this._treeContextState.prevFocusedItem = this;
+        }
+    }
+    _handleDoubleClick(ev) {
+        if (this._configContext.expandMode === ExpandMode.doubleClick) {
+            if (this.branch && !(this._configContext.multiSelect && ev.ctrlKey)) {
+                this.open = !this.open;
+            }
+        }
+    }
+    _handleIconSlotChange(ev) {
+        const slot = ev.target;
+        const hasContent = slot.assignedElements().length > 0;
+        switch (slot.name) {
+            case 'icon-branch':
+                this._hasBranchIcon = hasContent;
+                break;
+            case 'icon-branch-opened':
+                this._hasBranchOpenedIcon = hasContent;
+                break;
+            case 'icon-leaf':
+                this._hasLeafIcon = hasContent;
+                break;
+            default:
+        }
+    }
+    //#endregion
+    render() {
+        const { hideArrows, indent, indentGuides } = this._configContext;
+        const { hasBranchItem } = this._treeContextState;
+        let indentation = BASE_INDENT + this.level * indent;
+        const guideOffset = !hideArrows ? 13 : 3;
+        const indentGuideX = BASE_INDENT + this.level * indent + guideOffset;
+        if (!this.branch && !hideArrows && hasBranchItem) {
+            indentation += ARROW_CONTAINER_WIDTH;
+        }
+        const hasVisibleIcon = (this._hasBranchIcon && this.branch) ||
+            (this._hasBranchOpenedIcon && this.branch && this.open) ||
+            (this._hasLeafIcon && !this.branch);
+        const wrapperClasses = {
+            wrapper: true,
+            active: this.active,
+        };
+        const childrenClasses = {
+            children: true,
+            guide: indentGuides !== IndentGuides.none,
+            'default-guide': indentGuides !== IndentGuides.none,
+            'highlighted-guide': this.highlightedGuides,
+        };
+        const iconContainerClasses = {
+            'icon-container': true,
+            'has-icon': hasVisibleIcon,
+        };
+        return html ` <div class="root">
+      <div
+        class=${classMap(wrapperClasses)}
+        @click=${this._handleContentClick}
+        @dblclick=${this._handleDoubleClick}
+        .style=${stylePropertyMap({ paddingLeft: `${indentation}px` })}
+      >
+        ${this.branch && !hideArrows
+            ? html `<div
+              class=${classMap({
+                'arrow-container': true,
+                'icon-rotated': this.open,
+            })}
+            >
+              ${arrowIcon}
+            </div>`
+            : nothing}
+        <div class=${classMap(iconContainerClasses)}>
+          ${this.branch && !this.open
+            ? html `<slot
+                name="icon-branch"
+                @slotchange=${this._handleIconSlotChange}
+              ></slot>`
+            : nothing}
+          ${this.branch && this.open
+            ? html `<slot
+                name="icon-branch-opened"
+                @slotchange=${this._handleIconSlotChange}
+              ></slot>`
+            : nothing}
+          ${!this.branch
+            ? html `<slot
+                name="icon-leaf"
+                @slotchange=${this._handleIconSlotChange}
+              ></slot>`
+            : nothing}
+        </div>
+        <div class="content" part="content">
+          <slot @slotchange=${this._handleMainSlotChange}></slot>
+        </div>
+      </div>
+      <div
+        class=${classMap(childrenClasses)}
+        .style=${stylePropertyMap({
+            '--indentation-guide-left': `${indentGuideX}px`,
+        })}
+        role="group"
+        part="children"
+      >
+        <slot
+          name="children"
+          @slotchange=${this._handleChildrenSlotChange}
+        ></slot>
+      </div>
+    </div>`;
+    }
+};
+VscodeTreeItem.styles = styles;
+__decorate([
+    property({ type: Boolean })
+], VscodeTreeItem.prototype, "active", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], VscodeTreeItem.prototype, "branch", void 0);
+__decorate([
+    property({ type: Boolean })
+], VscodeTreeItem.prototype, "hasActiveItem", void 0);
+__decorate([
+    property({ type: Boolean })
+], VscodeTreeItem.prototype, "hasSelectedItem", void 0);
+__decorate([
+    property({ type: Boolean })
+], VscodeTreeItem.prototype, "highlightedGuides", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], VscodeTreeItem.prototype, "open", void 0);
+__decorate([
+    property({ type: Number, reflect: true })
+], VscodeTreeItem.prototype, "level", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], VscodeTreeItem.prototype, "selected", null);
+__decorate([
+    state()
+], VscodeTreeItem.prototype, "_hasBranchIcon", void 0);
+__decorate([
+    state()
+], VscodeTreeItem.prototype, "_hasBranchOpenedIcon", void 0);
+__decorate([
+    state()
+], VscodeTreeItem.prototype, "_hasLeafIcon", void 0);
+__decorate([
+    consume({ context: treeContext, subscribe: true })
+], VscodeTreeItem.prototype, "_treeContextState", void 0);
+__decorate([
+    consume({ context: configContext, subscribe: true })
+], VscodeTreeItem.prototype, "_configContext", void 0);
+__decorate([
+    queryAssignedElements({ selector: 'vscode-tree-item' })
+], VscodeTreeItem.prototype, "_initiallyAssignedTreeItems", void 0);
+__decorate([
+    queryAssignedElements({ selector: 'vscode-tree-item', slot: 'children' })
+], VscodeTreeItem.prototype, "_childrenTreeItems", void 0);
+VscodeTreeItem = __decorate([
+    customElement('vscode-tree-item')
+], VscodeTreeItem);
+export { VscodeTreeItem };
+//# sourceMappingURL=vscode-tree-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-tree-item.js","sourceRoot":"","sources":["../../src/vscode-tree-item/vscode-tree-item.ts"],"names":[],"mappings":"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","sourcesContent":["import {PropertyValues, TemplateResult, html, nothing} from 'lit';\nimport {consume} from '@lit/context';\nimport {\n  customElement,\n  property,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {VscElement} from '../includes/VscElement';\nimport {stylePropertyMap} from '../includes/style-property-map';\nimport {\n  ConfigContext,\n  configContext,\n  treeContext,\n  type TreeContext,\n} from '../vscode-tree/tree-context';\nimport {initPathTrackerProps} from '../vscode-tree/helpers.js';\nimport styles from './vscode-tree-item.styles.js';\nimport {ExpandMode, IndentGuides} from '../vscode-tree/vscode-tree.js';\n\nconst BASE_INDENT = 3;\nconst ARROW_CONTAINER_WIDTH = 30;\n\nconst arrowIcon = html`<svg\n  width=\"16\"\n  height=\"16\"\n  viewBox=\"0 0 16 16\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n>\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M10.072 8.024L5.715 3.667l.618-.62L11 7.716v.618L6.333 13l-.618-.619 4.357-4.357z\"\n  />\n</svg>`;\n\nfunction getParentItem(childItem: VscodeTreeItem) {\n  if (!childItem.parentElement) {\n    return null;\n  }\n\n  if (!(childItem.parentElement instanceof VscodeTreeItem)) {\n    return null;\n  }\n\n  return childItem.parentElement;\n}\n\n@customElement('vscode-tree-item')\nexport class VscodeTreeItem extends VscElement {\n  static override styles = styles;\n\n  //#region properties\n\n  @property({type: Boolean})\n  active = false;\n\n  @property({type: Boolean, reflect: true})\n  branch = false;\n\n  @property({type: Boolean})\n  hasActiveItem = false;\n\n  @property({type: Boolean})\n  hasSelectedItem = false;\n\n  /** @internal */\n  @property({type: Boolean})\n  highlightedGuides = false;\n\n  @property({type: Boolean, reflect: true})\n  open = false;\n\n  @property({type: Number, reflect: true})\n  level = 0;\n\n  @property({type: Boolean, reflect: true})\n  set selected(selected: boolean) {\n    this._selected = selected;\n    this._treeContextState.selectedItems.add(this);\n    this.ariaSelected = selected ? 'true' : 'false';\n  }\n  get selected(): boolean {\n    return this._selected;\n  }\n  private _selected = false;\n\n  set path(newPath: number[]) {\n    this._path = newPath;\n  }\n  get path(): number[] {\n    return this._path;\n  }\n\n  //#endregion\n\n  //#region private variables\n\n  private _path: number[] = [];\n  private _internals: ElementInternals;\n\n  @state()\n  private _hasBranchIcon = false;\n\n  @state()\n  private _hasBranchOpenedIcon = false;\n\n  @state()\n  private _hasLeafIcon = false;\n\n  @consume({context: treeContext, subscribe: true})\n  private _treeContextState: TreeContext = {\n    isShiftPressed: false,\n    selectedItems: new Set(),\n    allItems: null,\n    itemListUpToDate: false,\n    focusedItem: null,\n    prevFocusedItem: null,\n    hasBranchItem: false,\n    rootElement: null,\n    activeItem: null,\n  };\n\n  @consume({context: configContext, subscribe: true})\n  private _configContext!: ConfigContext;\n\n  @queryAssignedElements({selector: 'vscode-tree-item'})\n  private _initiallyAssignedTreeItems!: VscodeTreeItem[];\n\n  @queryAssignedElements({selector: 'vscode-tree-item', slot: 'children'})\n  private _childrenTreeItems!: VscodeTreeItem[];\n\n  //#endregion\n\n  //#region lifecycle methods\n\n  constructor() {\n    super();\n\n    this._internals = this.attachInternals();\n    this.addEventListener('focus', this._handleComponentFocus);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._mainSlotChange();\n    this.role = 'treeitem';\n    this.ariaDisabled = 'false';\n  }\n\n  protected override willUpdate(changedProperties: PropertyValues): void {\n    if (changedProperties.has('active')) {\n      this._toggleActiveState();\n    }\n\n    if (changedProperties.has('open') || changedProperties.has('branch')) {\n      this._setAriaExpanded();\n    }\n  }\n\n  //#endregion\n\n  //#region private methods\n\n  private _setAriaExpanded() {\n    if (!this.branch) {\n      this.ariaExpanded = null;\n    } else {\n      this.ariaExpanded = this.open ? 'true' : 'false';\n    }\n  }\n\n  private _setHasActiveItemFlagOnParent(\n    childItem: VscodeTreeItem,\n    value: boolean\n  ) {\n    const parent = getParentItem(childItem);\n\n    if (parent) {\n      parent.hasActiveItem = value;\n    }\n  }\n\n  private _toggleActiveState() {\n    if (this.active) {\n      if (this._treeContextState.activeItem) {\n        this._treeContextState.activeItem.active = false;\n        this._setHasActiveItemFlagOnParent(\n          this._treeContextState.activeItem,\n          false\n        );\n      }\n\n      this._treeContextState.activeItem = this;\n      this._setHasActiveItemFlagOnParent(this, true);\n      this.tabIndex = 0;\n      this._internals.states.add('active');\n    } else {\n      if (this._treeContextState.activeItem === this) {\n        this._treeContextState.activeItem = null;\n        this._setHasActiveItemFlagOnParent(this, false);\n      }\n\n      this.tabIndex = -1;\n      this._internals.states.delete('active');\n    }\n  }\n\n  private _selectItem(isCtrlDown: boolean) {\n    const {selectedItems} = this._treeContextState;\n    const {multiSelect} = this._configContext;\n\n    if (multiSelect && isCtrlDown) {\n      if (this.selected) {\n        this.selected = false;\n        selectedItems.delete(this);\n      } else {\n        this.selected = true;\n        selectedItems.add(this);\n      }\n    } else {\n      selectedItems.forEach((li) => (li.selected = false));\n      selectedItems.clear();\n      this.selected = true;\n      selectedItems.add(this);\n    }\n  }\n\n  private _selectRange() {\n    const prevFocused = this._treeContextState.prevFocusedItem;\n\n    if (!prevFocused || prevFocused === this) {\n      return;\n    }\n\n    if (!this._treeContextState.itemListUpToDate) {\n      this._treeContextState.allItems =\n        this._treeContextState.rootElement!.querySelectorAll(\n          'vscode-tree-item'\n        );\n\n      if (this._treeContextState.allItems) {\n        this._treeContextState.allItems.forEach((li, i) => {\n          li.dataset.score = i.toString();\n        });\n      }\n\n      this._treeContextState.itemListUpToDate = true;\n    }\n\n    let from = +(prevFocused.dataset.score ?? -1);\n    let to = +(this.dataset.score ?? -1);\n\n    if (from > to) {\n      [from, to] = [to, from];\n    }\n\n    this._treeContextState.selectedItems.forEach((li) => (li.selected = false));\n    this._treeContextState.selectedItems.clear();\n\n    this._selectItemsAndAllVisibleDescendants(from, to);\n  }\n\n  private _selectItemsAndAllVisibleDescendants(from: number, to: number) {\n    let i = from;\n\n    while (i <= to) {\n      if (this._treeContextState.allItems) {\n        const item = this._treeContextState.allItems[i];\n\n        if (item.branch && !item.open) {\n          item.selected = true;\n          const numChildren = item.querySelectorAll('vscode-tree-item').length;\n          i += numChildren;\n        } else if (item.branch && item.open) {\n          item.selected = true;\n          i += this._selectItemsAndAllVisibleDescendants(i + 1, to);\n        } else {\n          item.selected = true;\n          i += 1;\n        }\n      }\n    }\n\n    return i;\n  }\n\n  private _mainSlotChange() {\n    this._initiallyAssignedTreeItems.forEach((li) => {\n      li.setAttribute('slot', 'children');\n    });\n  }\n\n  //#endregion\n\n  //#region event handlers\n\n  private _handleChildrenSlotChange() {\n    initPathTrackerProps(this, this._childrenTreeItems);\n\n    if (this._treeContextState.rootElement) {\n      this._treeContextState.rootElement.updateHasBranchItemFlag();\n    }\n  }\n\n  private _handleMainSlotChange = () => {\n    this._mainSlotChange();\n    this._treeContextState.itemListUpToDate = false;\n  };\n\n  private _handleComponentFocus = () => {\n    if (\n      this._treeContextState.focusedItem &&\n      this._treeContextState.focusedItem !== this\n    ) {\n      if (!this._treeContextState.isShiftPressed) {\n        this._treeContextState.prevFocusedItem =\n          this._treeContextState.focusedItem;\n      }\n\n      this._treeContextState.focusedItem = null;\n    }\n\n    this._treeContextState.focusedItem = this;\n  };\n\n  private _handleContentClick(ev: MouseEvent) {\n    ev.stopPropagation();\n\n    const isCtrlDown = ev.ctrlKey;\n    const isShiftDown = ev.shiftKey;\n\n    if (isShiftDown && this._configContext.multiSelect) {\n      this._selectRange();\n      this._treeContextState.emitSelectEvent?.();\n\n      this.updateComplete.then(() => {\n        this._treeContextState.highlightIndentGuides?.();\n      });\n    } else {\n      this._selectItem(isCtrlDown);\n      this._treeContextState.emitSelectEvent?.();\n      this.updateComplete.then(() => {\n        this._treeContextState.highlightIndentGuides?.();\n      });\n\n      if (this._configContext.expandMode === ExpandMode.singleClick) {\n        if (this.branch && !(this._configContext.multiSelect && isCtrlDown)) {\n          this.open = !this.open;\n        }\n      }\n    }\n\n    this.active = true;\n\n    if (!isShiftDown) {\n      this._treeContextState.prevFocusedItem = this;\n    }\n  }\n\n  private _handleDoubleClick(ev: MouseEvent) {\n    if (this._configContext.expandMode === ExpandMode.doubleClick) {\n      if (this.branch && !(this._configContext.multiSelect && ev.ctrlKey)) {\n        this.open = !this.open;\n      }\n    }\n  }\n\n  private _handleIconSlotChange(ev: Event) {\n    const slot = ev.target as HTMLSlotElement;\n    const hasContent = slot.assignedElements().length > 0;\n\n    switch (slot.name) {\n      case 'icon-branch':\n        this._hasBranchIcon = hasContent;\n        break;\n      case 'icon-branch-opened':\n        this._hasBranchOpenedIcon = hasContent;\n        break;\n      case 'icon-leaf':\n        this._hasLeafIcon = hasContent;\n        break;\n      default:\n    }\n  }\n\n  //#endregion\n\n  override render(): TemplateResult {\n    const {hideArrows, indent, indentGuides} = this._configContext;\n    const {hasBranchItem} = this._treeContextState;\n    let indentation = BASE_INDENT + this.level * indent;\n    const guideOffset = !hideArrows ? 13 : 3;\n    const indentGuideX = BASE_INDENT + this.level * indent + guideOffset;\n\n    if (!this.branch && !hideArrows && hasBranchItem) {\n      indentation += ARROW_CONTAINER_WIDTH;\n    }\n\n    const hasVisibleIcon =\n      (this._hasBranchIcon && this.branch) ||\n      (this._hasBranchOpenedIcon && this.branch && this.open) ||\n      (this._hasLeafIcon && !this.branch);\n\n    const wrapperClasses = {\n      wrapper: true,\n      active: this.active,\n    };\n\n    const childrenClasses = {\n      children: true,\n      guide: indentGuides !== IndentGuides.none,\n      'default-guide': indentGuides !== IndentGuides.none,\n      'highlighted-guide': this.highlightedGuides,\n    };\n\n    const iconContainerClasses = {\n      'icon-container': true,\n      'has-icon': hasVisibleIcon,\n    };\n\n    return html` <div class=\"root\">\n      <div\n        class=${classMap(wrapperClasses)}\n        @click=${this._handleContentClick}\n        @dblclick=${this._handleDoubleClick}\n        .style=${stylePropertyMap({paddingLeft: `${indentation}px`})}\n      >\n        ${this.branch && !hideArrows\n          ? html`<div\n              class=${classMap({\n                'arrow-container': true,\n                'icon-rotated': this.open,\n              })}\n            >\n              ${arrowIcon}\n            </div>`\n          : nothing}\n        <div class=${classMap(iconContainerClasses)}>\n          ${this.branch && !this.open\n            ? html`<slot\n                name=\"icon-branch\"\n                @slotchange=${this._handleIconSlotChange}\n              ></slot>`\n            : nothing}\n          ${this.branch && this.open\n            ? html`<slot\n                name=\"icon-branch-opened\"\n                @slotchange=${this._handleIconSlotChange}\n              ></slot>`\n            : nothing}\n          ${!this.branch\n            ? html`<slot\n                name=\"icon-leaf\"\n                @slotchange=${this._handleIconSlotChange}\n              ></slot>`\n            : nothing}\n        </div>\n        <div class=\"content\" part=\"content\">\n          <slot @slotchange=${this._handleMainSlotChange}></slot>\n        </div>\n      </div>\n      <div\n        class=${classMap(childrenClasses)}\n        .style=${stylePropertyMap({\n          '--indentation-guide-left': `${indentGuideX}px`,\n        })}\n        role=\"group\"\n        part=\"children\"\n      >\n        <slot\n          name=\"children\"\n          @slotchange=${this._handleChildrenSlotChange}\n        ></slot>\n      </div>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'vscode-tree-item': VscodeTreeItem;\n  }\n}\n"]}

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

@@ -0,0 +1,4 @@
+import { CSSResultGroup } from 'lit';
+declare const styles: CSSResultGroup;
+export default styles;
+//# sourceMappingURL=vscode-tree-item.styles.d.ts.map

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

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

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

@@ -0,0 +1,140 @@
+import { css } from 'lit';
+import defaultStyles from '../includes/default.styles';
+const styles = [
+    defaultStyles,
+    css `
+    :host {
+      --hover-outline-color: transparent;
+      --hover-outline-style: solid;
+      --hover-outline-width: 0;
+
+      --selected-outline-color: transparent;
+      --selected-outline-style: solid;
+      --selected-outline-width: 0;
+
+      cursor: pointer;
+      display: block;
+      user-select: none;
+    }
+
+    .root {
+      display: block;
+    }
+
+    .wrapper {
+      align-items: flex-start;
+      display: flex;
+      font-family: var(--vscode-font-family);
+      font-size: var(--vscode-font-size);
+      font-weight: var(--vscode-font-weight);
+      outline-offset: -1px;
+      padding-right: 12px;
+    }
+
+    .wrapper:hover {
+      background-color: var(--vscode-list-hoverBackground);
+      color: var(--vscode-list-hoverForeground);
+    }
+
+    :host([selected]) .wrapper {
+      color: var(--internal-selectionForeground);
+      background-color: var(--internal-selectionBackground);
+    }
+
+    :host([selected]) ::slotted(vscode-icon) {
+      color: var(--internal-selectionForeground);
+    }
+
+    :host(:focus) {
+      outline: none;
+    }
+
+    :host(:focus) .wrapper.active {
+      outline-color: var(
+        --vscode-list-focusAndSelectionOutline,
+        var(--vscode-list-focusOutline)
+      );
+      outline-style: solid;
+      outline-width: 1px;
+    }
+
+    .arrow-container {
+      align-items: center;
+      display: var(--vsc-tree-item-arrow-display);
+      height: 22px;
+      justify-content: center;
+      padding-left: 8px;
+      padding-right: 6px;
+      width: 16px;
+    }
+
+    .arrow-container svg {
+      display: block;
+      fill: var(--vscode-icon-foreground);
+    }
+
+    .arrow-container.icon-rotated svg {
+      transform: rotate(90deg);
+    }
+
+    :host([selected]) .arrow-container svg {
+      fill: var(--internal-selectionIconForeground);
+    }
+
+    .icon-container {
+      align-items: center;
+      display: flex;
+      height: 22px;
+    }
+
+    .icon-container slot {
+      display: block;
+    }
+
+    .icon-container.has-icon {
+      margin-right: 6px;
+    }
+
+    .children {
+      position: relative;
+    }
+
+    .children.guide:before {
+      background-color: var(--vscode-tree-inactiveIndentGuidesStroke);
+      content: '';
+      display: none;
+      height: 100%;
+      left: var(--indentation-guide-left);
+      pointer-events: none;
+      position: absolute;
+      width: 1px;
+      z-index: 1;
+    }
+
+    .children.guide.default-guide:before {
+      display: var(--internal-defaultIndentGuideDisplay);
+    }
+
+    .children.guide.highlighted-guide:before {
+      display: var(--internal-highlightedIndentGuideDisplay);
+      background-color: var(--vscode-tree-indentGuidesStroke);
+    }
+
+    .content {
+      line-height: 22px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    :host([branch]) ::slotted(vscode-tree-item) {
+      display: none;
+    }
+
+    :host([branch][open]) ::slotted(vscode-tree-item) {
+      display: block;
+    }
+  `,
+];
+export default styles;
+//# sourceMappingURL=vscode-tree-item.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vscode-tree-item.styles.js","sourceRoot":"","sources":["../../src/vscode-tree-item/vscode-tree-item.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoIF;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      --hover-outline-color: transparent;\n      --hover-outline-style: solid;\n      --hover-outline-width: 0;\n\n      --selected-outline-color: transparent;\n      --selected-outline-style: solid;\n      --selected-outline-width: 0;\n\n      cursor: pointer;\n      display: block;\n      user-select: none;\n    }\n\n    .root {\n      display: block;\n    }\n\n    .wrapper {\n      align-items: flex-start;\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      outline-offset: -1px;\n      padding-right: 12px;\n    }\n\n    .wrapper:hover {\n      background-color: var(--vscode-list-hoverBackground);\n      color: var(--vscode-list-hoverForeground);\n    }\n\n    :host([selected]) .wrapper {\n      color: var(--internal-selectionForeground);\n      background-color: var(--internal-selectionBackground);\n    }\n\n    :host([selected]) ::slotted(vscode-icon) {\n      color: var(--internal-selectionForeground);\n    }\n\n    :host(:focus) {\n      outline: none;\n    }\n\n    :host(:focus) .wrapper.active {\n      outline-color: var(\n        --vscode-list-focusAndSelectionOutline,\n        var(--vscode-list-focusOutline)\n      );\n      outline-style: solid;\n      outline-width: 1px;\n    }\n\n    .arrow-container {\n      align-items: center;\n      display: var(--vsc-tree-item-arrow-display);\n      height: 22px;\n      justify-content: center;\n      padding-left: 8px;\n      padding-right: 6px;\n      width: 16px;\n    }\n\n    .arrow-container svg {\n      display: block;\n      fill: var(--vscode-icon-foreground);\n    }\n\n    .arrow-container.icon-rotated svg {\n      transform: rotate(90deg);\n    }\n\n    :host([selected]) .arrow-container svg {\n      fill: var(--internal-selectionIconForeground);\n    }\n\n    .icon-container {\n      align-items: center;\n      display: flex;\n      height: 22px;\n    }\n\n    .icon-container slot {\n      display: block;\n    }\n\n    .icon-container.has-icon {\n      margin-right: 6px;\n    }\n\n    .children {\n      position: relative;\n    }\n\n    .children.guide:before {\n      background-color: var(--vscode-tree-inactiveIndentGuidesStroke);\n      content: '';\n      display: none;\n      height: 100%;\n      left: var(--indentation-guide-left);\n      pointer-events: none;\n      position: absolute;\n      width: 1px;\n      z-index: 1;\n    }\n\n    .children.guide.default-guide:before {\n      display: var(--internal-defaultIndentGuideDisplay);\n    }\n\n    .children.guide.highlighted-guide:before {\n      display: var(--internal-highlightedIndentGuideDisplay);\n      background-color: var(--vscode-tree-indentGuidesStroke);\n    }\n\n    .content {\n      line-height: 22px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    :host([branch]) ::slotted(vscode-tree-item) {\n      display: none;\n    }\n\n    :host([branch][open]) ::slotted(vscode-tree-item) {\n      display: block;\n    }\n  `,\n];\n\nexport default styles;\n"]}