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

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

@@ -0,0 +1,33 @@
+import type { VscodeTreeItem } from '../vscode-tree-item';
+import type { ExpandMode, VscodeTree } from './vscode-tree';
+export interface TreeContext {
+    isShiftPressed: boolean;
+    selectedItems: Set<VscodeTreeItem>;
+    allItems: NodeListOf<VscodeTreeItem> | null;
+    itemListUpToDate: boolean;
+    focusedItem: VscodeTreeItem | null;
+    prevFocusedItem: VscodeTreeItem | null;
+    /** If arrows are visible and `List` component has not any branch item, the
+     * extra padding should be removed in the leaf elements before the content
+     */
+    hasBranchItem: boolean;
+    rootElement: VscodeTree | null;
+    activeItem: VscodeTreeItem | null;
+    highlightedItems: VscodeTreeItem[];
+    highlightGuides?: () => void;
+    emitSelectEvent?: () => void;
+}
+export declare const treeContext: {
+    __context__: TreeContext;
+};
+export interface ConfigContext {
+    readonly arrows: boolean;
+    readonly expandMode: ExpandMode;
+    readonly indent: number;
+    readonly indentGuides: boolean;
+    readonly multiSelect: boolean;
+}
+export declare const configContext: {
+    __context__: ConfigContext;
+};
+//# sourceMappingURL=tree-context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree-context.d.ts","sourceRoot":"","sources":["../../src/vscode-tree/tree-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAC,UAAU,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAE1D,MAAM,WAAW,WAAW;IAC1B,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IACnC,QAAQ,EAAE,UAAU,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IAC5C,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,cAAc,GAAG,IAAI,CAAC;IACnC,eAAe,EAAE,cAAc,GAAG,IAAI,CAAC;IACvC;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,UAAU,GAAG,IAAI,CAAC;IAC/B,UAAU,EAAE,cAAc,GAAG,IAAI,CAAC;IAClC,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,WAAW;;CAA4C,CAAC;AAErE,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAC;IAChC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,aAAa;;CAEzB,CAAC"}

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

@@ -0,0 +1,4 @@
+import { createContext } from '@lit/context';
+export const treeContext = createContext('vscode-list');
+export const configContext = createContext(Symbol('configContext'));
+//# sourceMappingURL=tree-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree-context.js","sourceRoot":"","sources":["../../src/vscode-tree/tree-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,cAAc,CAAC;AAsB3C,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAc,aAAa,CAAC,CAAC;AAUrE,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACxC,MAAM,CAAC,eAAe,CAAC,CACxB,CAAC","sourcesContent":["import {createContext} from '@lit/context';\nimport type {VscodeTreeItem} from '../vscode-tree-item';\nimport type {ExpandMode, VscodeTree} from './vscode-tree';\n\nexport interface TreeContext {\n  isShiftPressed: boolean;\n  selectedItems: Set<VscodeTreeItem>;\n  allItems: NodeListOf<VscodeTreeItem> | null;\n  itemListUpToDate: boolean;\n  focusedItem: VscodeTreeItem | null;\n  prevFocusedItem: VscodeTreeItem | null;\n  /** If arrows are visible and `List` component has not any branch item, the\n   * extra padding should be removed in the leaf elements before the content\n   */\n  hasBranchItem: boolean;\n  rootElement: VscodeTree | null;\n  activeItem: VscodeTreeItem | null;\n  highlightedItems: VscodeTreeItem[];\n  highlightGuides?: () => void;\n  emitSelectEvent?: () => void;\n}\n\nexport const treeContext = createContext<TreeContext>('vscode-list');\n\nexport interface ConfigContext {\n  readonly arrows: boolean;\n  readonly expandMode: ExpandMode;\n  readonly indent: number;\n  readonly indentGuides: boolean;\n  readonly multiSelect: boolean;\n}\n\nexport const configContext = createContext<ConfigContext>(\n  Symbol('configContext')\n);\n"]}

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

@@ -1,164 +1,50 @@
-import { TemplateResult } from 'lit';
-import { VscElement } from '../includes/VscElement.js';
-import '../vscode-badge/index.js';
-import '../vscode-icon/index.js';
-export type VscTreeActionEvent = CustomEvent<{
-    actionId: string;
-    item: TreeItem | null;
-    value: string;
-}>;
+import { PropertyValues, TemplateResult } from 'lit';
+import { VscElement } from '../includes/VscElement';
+import type { VscodeTreeItem } from '../vscode-tree-item';
 export type VscTreeSelectEvent = CustomEvent<{
-    icons: {
-        branch?: string;
-        open?: string;
-        leaf?: string;
-    };
-    itemType: 'branch' | 'leaf';
-    label: string;
-    open: boolean;
-    value: string;
-    path: string;
+    selectedItems: VscodeTreeItem[];
 }>;
-export interface TreeItemIconConfig {
-    branch?: string;
-    open?: string;
-    leaf?: string;
-}
-/** Action icon configuration. */
-export interface TreeItemAction {
-    /** A unique name that identifies the clicked action item. */
-    actionId: string;
-    /** A Codicon name. */
-    icon: string;
-    /** Text description of the action. */
-    tooltip?: string;
-}
-/**
- * The decoration is additional content on the right side of the tree item. It can be a short text,
- * a counter, or a small, filled circle. A color can be defined for the different states. If
- * multiple states are applied to the item, the color with higher precedence will be used. The color
- * precedence from higher to lower is selected, focused, hover, normal. Colors will not be applied
- * to the counter badge.
- */
-export interface TreeItemDecoration {
-    /** Text content of the decoration. If the appearance is `filled-circle`, it will be ignored. */
-    content?: string;
-    /** Appearance of the decoration. */
-    appearance?: 'text' | 'counter-badge' | 'filled-circle';
-    /**
-     * When is decoration visible?
-     * - `active`: visible when the tree item is focused, selected or hovered
-     * - `normal`: visible when there is not any interaction on the tree item
-     * - `always`: always visible
-     */
-    visibleWhen?: 'active' | 'normal' | 'always';
-    /** A valid CSS property value to define a default color. */
-    color?: string;
-    /** A valid CSS property value to define the color for the mouse over state. */
-    hoverColor?: string;
-    /** A valid CSS property value to define the color for the focused state. */
-    focusedColor?: string;
-    /** A valid CSS property value to define the color for the selected state. */
-    selectedColor?: string;
-}
-export interface TreeItem {
-    label: string;
-    description?: string;
-    tooltip?: string;
-    subItems?: TreeItem[];
-    actions?: TreeItemAction[];
-    open?: boolean;
-    selected?: boolean;
-    focused?: boolean;
-    hasSelectedItem?: boolean;
-    hasFocusedItem?: boolean;
-    icons?: TreeItemIconConfig | boolean;
-    iconUrls?: TreeItemIconConfig;
-    value?: string;
-    path?: number[];
-    decorations?: TreeItemDecoration[];
-}
-/**
- * @tag vscode-tree
- *
- * @fires vsc-select Dispatched when an item is selected.
- * @fires {VscTreeSelectEvent} vsc-tree-select Dispatched when an item is selected.
- * @fires vsc-run-action Dispatched when an action icon is clicked.
- * @fires {VscTreeActionEvent} vsc-tree-action Dispatched when an action icon is clicked.
- *
- * @cssprop --vscode-focusBorder
- * @cssprop --vscode-font-family
- * @cssprop --vscode-font-size
- * @cssprop --vscode-font-weight
- * @cssprop --vscode-list-hoverForeground
- * @cssprop --vscode-list-hoverBackground
- * @cssprop --vscode-list-inactiveSelectionBackground
- * @cssprop --vscode-list-inactiveSelectionForeground
- * @cssprop --vscode-list-activeSelectionBackground
- * @cssprop --vscode-list-activeSelectionForeground
- * @cssprop --vscode-list-inactiveSelectionIconForeground
- * @cssprop --vscode-list-inactiveFocusBackground
- * @cssprop --vscode-list-inactiveFocusOutline
- * @cssprop --vscode-list-focusOutline
- * @cssprop --vscode-tree-inactiveIndentGuidesStroke
- * @cssprop --vscode-tree-indentGuidesStroke
- *
- * @csspart text-content
- * @csspart description
- * @csspart counter-badge-decoration
- * @csspart filled-circle-decoration
- * @csspart caption-decoration
- * @csspart decorations Container of decorations
- */
+export declare const EXPAND_MODE: {
+    readonly SINGLE_CLICK: "singleClick";
+    readonly DOUBLE_CLICK: "doubleClick";
+};
+export type ExpandMode = (typeof EXPAND_MODE)[keyof typeof EXPAND_MODE];
 export declare class VscodeTree extends VscElement {
     static styles: import("lit").CSSResultGroup;
-    set data(val: TreeItem[]);
-    get data(): TreeItem[];
-    indent: number;
     arrows: boolean;
-    multiline: boolean;
-    tabindex: number;
+    expandMode: ExpandMode;
+    indent: number;
     indentGuides: boolean;
-    private _data;
-    private _selectedItem;
-    private _focusedItem;
-    private _selectedBranch;
-    private _focusedBranch;
-    /**
-     * Closes all opened tree items recursively.
-     */
-    closeAll(): void;
-    /**
-     * Deselects all selected items.
-     */
-    deselectAll(): void;
+    multiSelect: boolean;
+    private _treeContextState;
+    private _configContext;
+    private _assignedTreeItems;
+    constructor();
+    connectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    expandAll(): void;
+    collapseAll(): void;
     /**
-     * Returns a reference to a TreeItem object by path.
-     * @param path
-     * @returns
+     * @internal
+     * Updates `hasBranchItem` property in the context state in order to removing
+     * extra padding before the leaf elements, if it is required.
      */
-    getItemByPath(path: number[]): TreeItem | null;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private _getItemByPath;
-    private _handleActionClick;
-    private _renderIconVariant;
-    private _renderIcon;
-    private _renderArrow;
-    private _renderActions;
-    private _renderDecorations;
-    private _renderTreeItem;
-    private _renderTree;
-    private _selectItem;
-    private _focusItem;
-    private _closeSubTreeRecursively;
-    private _deselectItemsRecursively;
+    updateHasBranchItemFlag(): void;
     private _emitSelectEvent;
+    private _highlightGuides;
+    private _updateConfigContext;
+    private _focusItem;
     private _focusPrevItem;
     private _focusNextItem;
-    private _handleClick;
+    private _handleArrowRightPress;
+    private _handleArrowLeftPress;
+    private _handleArrowDownPress;
+    private _handleArrowUpPress;
+    private _handleEnterPress;
+    private _handleShiftPress;
     private _handleComponentKeyDown;
-    private _handleComponentKeyDownBound;
+    private _handleComponentKeyUp;
+    private _handleSlotChange;
     render(): TemplateResult;
 }
 declare global {
@@ -167,7 +53,6 @@ declare global {
     }
     interface GlobalEventHandlersEventMap {
         'vsc-tree-select': VscTreeSelectEvent;
-        'vsc-tree-action': VscTreeActionEvent;
     }
 }
 //# sourceMappingURL=vscode-tree.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"vscode-tree.d.ts","sourceRoot":"","sources":["../../src/vscode-tree/vscode-tree.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"vscode-tree.d.ts","sourceRoot":"","sources":["../../src/vscode-tree/vscode-tree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,cAAc,EAAO,MAAM,KAAK,CAAC;AAOzD,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,qBAAqB,CAAC;AAexD,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC;IAAC,aAAa,EAAE,cAAc,EAAE,CAAA;CAAC,CAAC,CAAC;AAEhF,eAAO,MAAM,WAAW;;;CAGd,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AA4BxE,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,+BAAU;IAKhC,MAAM,UAAkB;IAGxB,UAAU,EAAE,UAAU,CAAuB;IAG7C,MAAM,SAAkB;IAGxB,YAAY,UAAyB;IAGrC,WAAW,UAAwB;IAOnC,OAAO,CAAC,iBAAiB,CAiBvB;IAGF,OAAO,CAAC,cAAc,CAMpB;IAGF,OAAO,CAAC,kBAAkB,CAAoB;;IAWrC,iBAAiB,IAAI,IAAI;cAMf,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAY5E,SAAS;IAUT,WAAW;IAUX;;;;OAIG;IACH,uBAAuB;IASvB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,gBAAgB;IAuCxB,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,sBAAsB;IAgB9B,OAAO,CAAC,qBAAqB;IA4B7B,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,iBAAiB;IAiBzB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,uBAAuB,CA8B7B;IAEF,OAAO,CAAC,qBAAqB,CAI3B;IAEF,OAAO,CAAC,iBAAiB,CAiBvB;IAIO,MAAM,IAAI,cAAc;CAKlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;IAED,UAAU,2BAA2B;QACnC,iBAAiB,EAAE,kBAAkB,CAAC;KACvC;CACF"}