@digital-realty/ix-tree 3.0.10 → 3.1.2-alpha-NJEN.1

package/dist/IIxTreeNode.d.ts

@@ -1,10 +1,10 @@
-export interface IIxTreeNode {
-    children?: Array<IIxTreeNode>;
-    expanded?: boolean;
-    icon?: string;
-    id: string;
-    label: string;
-    parentId?: string;
-    checked?: boolean;
-    indeterminate?: boolean;
-}
+export interface IIxTreeNode {
+    children?: Array<IIxTreeNode>;
+    expanded?: boolean;
+    icon?: string;
+    id: string;
+    label: string;
+    parentId?: string;
+    checked?: boolean;
+    indeterminate?: boolean;
+}

package/dist/IIxTreeNode.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=IIxTreeNode.js.map

package/dist/IxTree.d.ts

@@ -1,30 +1,30 @@
-import '@digital-realty/ix-icon/ix-icon.js';
-import '@digital-realty/theme';
-import { LitElement, TemplateResult } from 'lit';
-import { IIxTreeNode } from './IIxTreeNode.js';
-import './ix-tree-node.js';
-export type Appearance = 'filled' | 'filled-tonal' | 'outlined' | 'default';
-export declare class IxTree extends LitElement {
-    static readonly styles: import("lit").CSSResult[];
-    connectedCallback(): void;
-    ariaLabel: string;
-    rootNode: IIxTreeNode;
-    selectedNodeId: string;
-    checkboxesEnabled: boolean;
-    appearance: Appearance;
-    hasIcons: boolean;
-    removeChevron: boolean;
-    private _activeItemId;
-    private _rootNode;
-    private _selectedNodeId;
-    private onTreeNodeClick;
-    private dispatchTreeNodeExpandToggle;
-    private onTreeNodeToggle;
-    private onTreeNodeCheck;
-    private renderNodes;
-    /**
-     * Expand the active tree node and all of its parent nodes.
-     */
-    private expandActiveTreeNode;
-    protected render(): TemplateResult<1>;
-}
+import '@digital-realty/ix-icon/ix-icon.js';
+import '@digital-realty/theme';
+import { LitElement, TemplateResult } from 'lit';
+import { IIxTreeNode } from './IIxTreeNode.js';
+import './ix-tree-node.js';
+export type Appearance = 'filled' | 'filled-tonal' | 'outlined' | 'default';
+export declare class IxTree extends LitElement {
+    static readonly styles: import("lit").CSSResult[];
+    connectedCallback(): void;
+    ariaLabel: string;
+    rootNode: IIxTreeNode;
+    selectedNodeId: string;
+    checkboxesEnabled: boolean;
+    appearance: Appearance;
+    hasIcons: boolean;
+    removeChevron: boolean;
+    private _activeItemId;
+    private _rootNode;
+    private _selectedNodeId;
+    private onTreeNodeClick;
+    private dispatchTreeNodeExpandToggle;
+    private onTreeNodeToggle;
+    private onTreeNodeCheck;
+    private renderNodes;
+    /**
+     * Expand the active tree node and all of its parent nodes.
+     */
+    private expandActiveTreeNode;
+    protected render(): TemplateResult<1>;
+}

package/dist/IxTree.js

@@ -1,67 +1,67 @@
-import { __decorate } from "tslib";
-import '@digital-realty/ix-icon/ix-icon.js';
-import '@digital-realty/theme';
-import { nothing, html, LitElement } from 'lit';
-import { property, state } from 'lit/decorators.js';
-import { findChildNodeById, updateNodeCheckedStatus } from './tree-utils.js';
-import { IxTreeStyles } from './ix-tree-styles.js';
-import './ix-tree-node.js';
-export class IxTree extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.ariaLabel = 'tree';
-        this.selectedNodeId = '';
-        this.checkboxesEnabled = false;
-        this.appearance = 'default';
-        this.hasIcons = false;
-        this.removeChevron = false;
-        this._activeItemId = '';
-        this._selectedNodeId = '';
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._activeItemId = this.selectedNodeId; // store in state
-        this._selectedNodeId = this.selectedNodeId; // store in state
-        this._rootNode = this.rootNode;
-    }
-    onTreeNodeClick(e) {
-        this.dispatchEvent(new CustomEvent('on-tree-node-selected', {
-            detail: {
-                message: e.detail.message,
-            },
-        }));
-        this._selectedNodeId = e.detail.message.id;
-    }
-    dispatchTreeNodeExpandToggle(e) {
-        this.dispatchEvent(new CustomEvent('on-tree-node-expand-toggle', {
-            detail: {
-                message: e.detail.message,
-            },
-        }));
-    }
-    onTreeNodeToggle(e) {
-        const newRootNode = { ...this._rootNode };
-        const { node } = e.detail.message;
-        node.expanded = !node.expanded;
-        this.rootNode = newRootNode;
-        this._activeItemId = node.id;
-        this.dispatchTreeNodeExpandToggle(e);
-        this.requestUpdate();
-    }
-    onTreeNodeCheck(e) {
-        const { node } = e.detail.message;
-        updateNodeCheckedStatus(node, this._rootNode);
-        this._rootNode = structuredClone(this._rootNode);
-        this.rootNode = this._rootNode;
-        this.dispatchEvent(new CustomEvent('on-tree-node-checked', {
-            detail: {
-                message: e.detail.message,
-            },
-        }));
-    }
-    renderNodes(nodes = [], level = 0) {
-        const renderedNodes = [];
-        for (const node of nodes) {
+import { __decorate } from "tslib";
+import '@digital-realty/ix-icon/ix-icon.js';
+import '@digital-realty/theme';
+import { nothing, html, LitElement } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { findChildNodeById, updateNodeCheckedStatus } from './tree-utils.js';
+import { IxTreeStyles } from './ix-tree-styles.js';
+import './ix-tree-node.js';
+export class IxTree extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.ariaLabel = 'tree';
+        this.selectedNodeId = '';
+        this.checkboxesEnabled = false;
+        this.appearance = 'default';
+        this.hasIcons = false;
+        this.removeChevron = false;
+        this._activeItemId = '';
+        this._selectedNodeId = '';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._activeItemId = this.selectedNodeId; // store in state
+        this._selectedNodeId = this.selectedNodeId; // store in state
+        this._rootNode = this.rootNode;
+    }
+    onTreeNodeClick(e) {
+        this.dispatchEvent(new CustomEvent('on-tree-node-selected', {
+            detail: {
+                message: e.detail.message,
+            },
+        }));
+        this._selectedNodeId = e.detail.message.id;
+    }
+    dispatchTreeNodeExpandToggle(e) {
+        this.dispatchEvent(new CustomEvent('on-tree-node-expand-toggle', {
+            detail: {
+                message: e.detail.message,
+            },
+        }));
+    }
+    onTreeNodeToggle(e) {
+        const newRootNode = { ...this._rootNode };
+        const { node } = e.detail.message;
+        node.expanded = !node.expanded;
+        this.rootNode = newRootNode;
+        this._activeItemId = node.id;
+        this.dispatchTreeNodeExpandToggle(e);
+        this.requestUpdate();
+    }
+    onTreeNodeCheck(e) {
+        const { node } = e.detail.message;
+        updateNodeCheckedStatus(node, this._rootNode);
+        this._rootNode = structuredClone(this._rootNode);
+        this.rootNode = this._rootNode;
+        this.dispatchEvent(new CustomEvent('on-tree-node-checked', {
+            detail: {
+                message: e.detail.message,
+            },
+        }));
+    }
+    renderNodes(nodes = [], level = 0) {
+        const renderedNodes = [];
+        for (const node of nodes) {
             const renderedNode = html `<ix-tree-node
         .level=${level}
         .node=${node}
@@ -77,71 +77,71 @@ export class IxTree extends LitElement {
         @on-tree-node-check=${this.onTreeNodeCheck}
       >
         ${node.expanded ? this.renderNodes(node.children, level + 1) : nothing}
-      </ix-tree-node>`;
-            renderedNodes.push(renderedNode);
-        }
-        return renderedNodes;
-    }
-    /**
-     * Expand the active tree node and all of its parent nodes.
-     */
-    expandActiveTreeNode() {
-        const nodeToSelect = findChildNodeById(this._rootNode, this._activeItemId) || this._rootNode;
-        let iteration = 0;
-        const MAX_ITERATIONS = 1000;
-        if (!nodeToSelect.parentId) {
-            return;
-        }
-        let node = findChildNodeById(this._rootNode, nodeToSelect.parentId);
-        while (node && iteration < MAX_ITERATIONS) {
-            node.expanded = true;
-            if (!node.parentId) {
-                break;
-            }
-            node = findChildNodeById(this._rootNode, node.parentId);
-            iteration += 1;
-        }
-    }
-    render() {
-        this.expandActiveTreeNode();
+      </ix-tree-node>`;
+            renderedNodes.push(renderedNode);
+        }
+        return renderedNodes;
+    }
+    /**
+     * Expand the active tree node and all of its parent nodes.
+     */
+    expandActiveTreeNode() {
+        const nodeToSelect = findChildNodeById(this._rootNode, this._activeItemId) || this._rootNode;
+        let iteration = 0;
+        const MAX_ITERATIONS = 1000;
+        if (!nodeToSelect.parentId) {
+            return;
+        }
+        let node = findChildNodeById(this._rootNode, nodeToSelect.parentId);
+        while (node && iteration < MAX_ITERATIONS) {
+            node.expanded = true;
+            if (!node.parentId) {
+                break;
+            }
+            node = findChildNodeById(this._rootNode, node.parentId);
+            iteration += 1;
+        }
+    }
+    render() {
+        this.expandActiveTreeNode();
         return html `<div
       aria-label=${this.ariaLabel}
       class="ix-tree-container"
       role="tree"
     >
       ${this.renderNodes(this._rootNode.children, 0)}
-    </div>`;
-    }
-}
-IxTree.styles = [IxTreeStyles];
-__decorate([
-    property({ type: String })
-], IxTree.prototype, "ariaLabel", void 0);
-__decorate([
-    property({ type: Object })
-], IxTree.prototype, "rootNode", void 0);
-__decorate([
-    property({ type: String })
-], IxTree.prototype, "selectedNodeId", void 0);
-__decorate([
-    property({ type: Boolean })
-], IxTree.prototype, "checkboxesEnabled", void 0);
-__decorate([
-    property({ type: String })
-], IxTree.prototype, "appearance", void 0);
-__decorate([
-    property({ type: Boolean })
-], IxTree.prototype, "hasIcons", void 0);
-__decorate([
-    property({ type: Boolean })
-], IxTree.prototype, "removeChevron", void 0);
-__decorate([
-    state()
-], IxTree.prototype, "_activeItemId", void 0);
-__decorate([
-    state()
-], IxTree.prototype, "_rootNode", void 0);
-__decorate([
-    state()
-], IxTree.prototype, "_selectedNodeId", void 0);
+    </div>`;
+    }
+}
+IxTree.styles = [IxTreeStyles];
+__decorate([
+    property({ type: String })
+], IxTree.prototype, "ariaLabel", void 0);
+__decorate([
+    property({ type: Object })
+], IxTree.prototype, "rootNode", void 0);
+__decorate([
+    property({ type: String })
+], IxTree.prototype, "selectedNodeId", void 0);
+__decorate([
+    property({ type: Boolean })
+], IxTree.prototype, "checkboxesEnabled", void 0);
+__decorate([
+    property({ type: String })
+], IxTree.prototype, "appearance", void 0);
+__decorate([
+    property({ type: Boolean })
+], IxTree.prototype, "hasIcons", void 0);
+__decorate([
+    property({ type: Boolean })
+], IxTree.prototype, "removeChevron", void 0);
+__decorate([
+    state()
+], IxTree.prototype, "_activeItemId", void 0);
+__decorate([
+    state()
+], IxTree.prototype, "_rootNode", void 0);
+__decorate([
+    state()
+], IxTree.prototype, "_selectedNodeId", void 0);
 //# sourceMappingURL=IxTree.js.map

package/dist/IxTreeNode.d.ts

@@ -1,26 +1,26 @@
-import '@digital-realty/ix-icon-button/ix-icon-button.js';
-import '@digital-realty/ix-checkbox/ix-checkbox.js';
-import '@digital-realty/theme';
-import { LitElement, TemplateResult } from 'lit';
-import { IIxTreeNode } from './IIxTreeNode.js';
-import { Appearance } from './IxTree.js';
-export declare class IxTreeNode extends LitElement {
-    static readonly styles: import("lit").CSSResult[];
-    isActiveTreeNode: boolean;
-    isExpanded: boolean;
-    isSelected: boolean;
-    level: number;
-    node: IIxTreeNode;
-    checkboxEnabled: boolean;
-    appearance: Appearance;
-    hasIcon: boolean;
-    removeChevron: boolean;
-    private _hasScrolledToActive;
-    private hasChildren;
-    private getChevron;
-    private onNodeClick;
-    private onNodeToggle;
-    private onNodeCheck;
-    protected render(): TemplateResult<1>;
-    protected updated(): void;
-}
+import '@digital-realty/ix-icon-button/ix-icon-button.js';
+import '@digital-realty/ix-checkbox/ix-checkbox.js';
+import '@digital-realty/theme';
+import { LitElement, TemplateResult } from 'lit';
+import { IIxTreeNode } from './IIxTreeNode.js';
+import { Appearance } from './IxTree.js';
+export declare class IxTreeNode extends LitElement {
+    static readonly styles: import("lit").CSSResult[];
+    isActiveTreeNode: boolean;
+    isExpanded: boolean;
+    isSelected: boolean;
+    level: number;
+    node: IIxTreeNode;
+    checkboxEnabled: boolean;
+    appearance: Appearance;
+    hasIcon: boolean;
+    removeChevron: boolean;
+    private _hasScrolledToActive;
+    private hasChildren;
+    private getChevron;
+    private onNodeClick;
+    private onNodeToggle;
+    private onNodeCheck;
+    protected render(): TemplateResult<1>;
+    protected updated(): void;
+}

package/dist/IxTreeNode.js

@@ -1,28 +1,28 @@
-import { __decorate } from "tslib";
-import '@digital-realty/ix-icon-button/ix-icon-button.js';
-import '@digital-realty/ix-checkbox/ix-checkbox.js';
-import '@digital-realty/theme';
-import { html, LitElement, nothing } from 'lit';
-import { property, state } from 'lit/decorators.js';
-import { IxTreeStyles } from './ix-tree-styles.js';
-export class IxTreeNode extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.isActiveTreeNode = false;
-        this.isExpanded = false;
-        this.isSelected = false;
-        this.level = 0;
-        this.checkboxEnabled = false;
-        this.appearance = 'default';
-        this.hasIcon = false;
-        this.removeChevron = false;
-        this._hasScrolledToActive = false;
-    }
-    hasChildren() {
-        return this.node.children !== undefined && this.node.children.length > 0;
-    }
-    getChevron() {
-        const icon = this.isExpanded ? 'arrow_drop_down' : 'arrow_right';
+import { __decorate } from "tslib";
+import '@digital-realty/ix-icon-button/ix-icon-button.js';
+import '@digital-realty/ix-checkbox/ix-checkbox.js';
+import '@digital-realty/theme';
+import { html, LitElement, nothing } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { IxTreeStyles } from './ix-tree-styles.js';
+export class IxTreeNode extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.isActiveTreeNode = false;
+        this.isExpanded = false;
+        this.isSelected = false;
+        this.level = 0;
+        this.checkboxEnabled = false;
+        this.appearance = 'default';
+        this.hasIcon = false;
+        this.removeChevron = false;
+        this._hasScrolledToActive = false;
+    }
+    hasChildren() {
+        return this.node.children !== undefined && this.node.children.length > 0;
+    }
+    getChevron() {
+        const icon = this.isExpanded ? 'arrow_drop_down' : 'arrow_right';
         return html `<div
       style=${`${this.hasChildren() ? '' : 'visibility:hidden'}`}
     >
@@ -33,57 +33,57 @@ export class IxTreeNode extends LitElement {
         test-id="tree-node-expand-toggle"
       >
       </ix-icon-button>
-    </div>`;
-    }
-    onNodeClick(node) {
-        const event = new CustomEvent('on-tree-node-click', {
-            detail: {
-                message: {
-                    node,
-                    id: node.id,
-                    label: node.label,
-                    parentId: node.parentId,
-                },
-            },
-        });
-        this.dispatchEvent(event);
-    }
-    onNodeToggle(node) {
-        const event = new CustomEvent('on-tree-node-toggle', {
-            detail: {
-                message: {
-                    node,
-                    id: node.id,
-                    label: node.label,
-                    parentId: node.parentId,
-                },
-            },
-        });
-        this.dispatchEvent(event);
-    }
-    onNodeCheck(node) {
-        /* eslint-disable no-param-reassign */
-        if (node.checked) {
-            node.checked = false;
-            node.indeterminate = false;
-        }
-        else {
-            node.checked = true;
-            node.indeterminate = false;
-        }
-        const event = new CustomEvent('on-tree-node-check', {
-            detail: {
-                message: {
-                    node,
-                    id: node.id,
-                },
-            },
-        });
-        this.dispatchEvent(event);
-    }
-    render() {
-        const selectedClass = this.isSelected ? 'selected' : '';
-        const icon = this.node.icon ? this.node.icon : 'account_box';
+    </div>`;
+    }
+    onNodeClick(node) {
+        const event = new CustomEvent('on-tree-node-click', {
+            detail: {
+                message: {
+                    node,
+                    id: node.id,
+                    label: node.label,
+                    parentId: node.parentId,
+                },
+            },
+        });
+        this.dispatchEvent(event);
+    }
+    onNodeToggle(node) {
+        const event = new CustomEvent('on-tree-node-toggle', {
+            detail: {
+                message: {
+                    node,
+                    id: node.id,
+                    label: node.label,
+                    parentId: node.parentId,
+                },
+            },
+        });
+        this.dispatchEvent(event);
+    }
+    onNodeCheck(node) {
+        /* eslint-disable no-param-reassign */
+        if (node.checked) {
+            node.checked = false;
+            node.indeterminate = false;
+        }
+        else {
+            node.checked = true;
+            node.indeterminate = false;
+        }
+        const event = new CustomEvent('on-tree-node-check', {
+            detail: {
+                message: {
+                    node,
+                    id: node.id,
+                },
+            },
+        });
+        this.dispatchEvent(event);
+    }
+    render() {
+        const selectedClass = this.isSelected ? 'selected' : '';
+        const icon = this.node.icon ? this.node.icon : 'account_box';
         return html `<div
       ?active-tree-node=${this.isActiveTreeNode}
       aria-expanded=${!!this.node.expanded}
@@ -96,75 +96,75 @@ export class IxTreeNode extends LitElement {
         style="padding-left: calc(var(--_tree-icon-size) * ${this.level})"
       >
         ${!this.removeChevron ? this.getChevron() : nothing}
-        ${this.checkboxEnabled
+        ${this.checkboxEnabled
             ? html `<ix-checkbox
               @click=${() => this.onNodeCheck(this.node)}
               label=""
               class="item-checkbox"
               .checked=${this.node.checked}
               .indeterminate=${this.node.indeterminate}
-            ></ix-checkbox>`
+            ></ix-checkbox>`
             : nothing}
-        ${this.hasIcon
-            ? html `<ix-icon class="icon">${icon}</ix-icon>`
+        ${this.hasIcon
+            ? html `<ix-icon class="icon">${icon}</ix-icon>`
             : nothing}
         <div
           class="label"
-          @click=${() => {
-            this.checkboxEnabled
-                ? this.onNodeToggle(this.node)
-                : this.onNodeClick(this.node);
+          @click=${() => {
+            this.checkboxEnabled
+                ? this.onNodeToggle(this.node)
+                : this.onNodeClick(this.node);
         }}
-          @keyup=${() => {
-            this.checkboxEnabled
-                ? this.onNodeToggle(this.node)
-                : this.onNodeClick(this.node);
+          @keyup=${() => {
+            this.checkboxEnabled
+                ? this.onNodeToggle(this.node)
+                : this.onNodeClick(this.node);
         }}
         >
           ${this.node.label}
         </div>
       </div>
       <slot></slot>
-    </div>`;
-    }
-    updated() {
-        var _a;
-        if (!this._hasScrolledToActive) {
-            const el = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('[active-tree-node]');
-            el === null || el === void 0 ? void 0 : el.scrollIntoView({ behavior: 'smooth', block: 'start' });
-            this._hasScrolledToActive = true;
-        }
-    }
-}
-IxTreeNode.styles = [IxTreeStyles];
-__decorate([
-    property({ type: Boolean })
-], IxTreeNode.prototype, "isActiveTreeNode", void 0);
-__decorate([
-    property({ type: Boolean })
-], IxTreeNode.prototype, "isExpanded", void 0);
-__decorate([
-    property({ type: Boolean })
-], IxTreeNode.prototype, "isSelected", void 0);
-__decorate([
-    property({ type: Number })
-], IxTreeNode.prototype, "level", void 0);
-__decorate([
-    property({ type: Object })
-], IxTreeNode.prototype, "node", void 0);
-__decorate([
-    property({ type: Boolean })
-], IxTreeNode.prototype, "checkboxEnabled", void 0);
-__decorate([
-    property({ type: String })
-], IxTreeNode.prototype, "appearance", void 0);
-__decorate([
-    property({ type: Boolean })
-], IxTreeNode.prototype, "hasIcon", void 0);
-__decorate([
-    property({ type: Boolean })
-], IxTreeNode.prototype, "removeChevron", void 0);
-__decorate([
-    state()
-], IxTreeNode.prototype, "_hasScrolledToActive", void 0);
+    </div>`;
+    }
+    updated() {
+        var _a;
+        if (!this._hasScrolledToActive) {
+            const el = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('[active-tree-node]');
+            el === null || el === void 0 ? void 0 : el.scrollIntoView({ behavior: 'smooth', block: 'start' });
+            this._hasScrolledToActive = true;
+        }
+    }
+}
+IxTreeNode.styles = [IxTreeStyles];
+__decorate([
+    property({ type: Boolean })
+], IxTreeNode.prototype, "isActiveTreeNode", void 0);
+__decorate([
+    property({ type: Boolean })
+], IxTreeNode.prototype, "isExpanded", void 0);
+__decorate([
+    property({ type: Boolean })
+], IxTreeNode.prototype, "isSelected", void 0);
+__decorate([
+    property({ type: Number })
+], IxTreeNode.prototype, "level", void 0);
+__decorate([
+    property({ type: Object })
+], IxTreeNode.prototype, "node", void 0);
+__decorate([
+    property({ type: Boolean })
+], IxTreeNode.prototype, "checkboxEnabled", void 0);
+__decorate([
+    property({ type: String })
+], IxTreeNode.prototype, "appearance", void 0);
+__decorate([
+    property({ type: Boolean })
+], IxTreeNode.prototype, "hasIcon", void 0);
+__decorate([
+    property({ type: Boolean })
+], IxTreeNode.prototype, "removeChevron", void 0);
+__decorate([
+    state()
+], IxTreeNode.prototype, "_hasScrolledToActive", void 0);
 //# sourceMappingURL=IxTreeNode.js.map

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export { IxTree } from './IxTree.js';
-export { IxTreeNode } from './IxTreeNode.js';
-export { IIxTreeNode } from './IIxTreeNode.js';
+export { IxTree } from './IxTree.js';
+export { IxTreeNode } from './IxTreeNode.js';
+export { IIxTreeNode } from './IIxTreeNode.js';

package/dist/index.js

@@ -1,3 +1,3 @@
-export { IxTree } from './IxTree.js';
-export { IxTreeNode } from './IxTreeNode.js';
+export { IxTree } from './IxTree.js';
+export { IxTreeNode } from './IxTreeNode.js';
 //# sourceMappingURL=index.js.map

package/dist/ix-tree-node.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/ix-tree-node.js

@@ -1,3 +1,3 @@
-import { IxTreeNode } from './IxTreeNode.js';
-customElements.define('ix-tree-node', IxTreeNode);
+import { IxTreeNode } from './IxTreeNode.js';
+customElements.define('ix-tree-node', IxTreeNode);
 //# sourceMappingURL=ix-tree-node.js.map

package/dist/ix-tree-styles.d.ts

@@ -1 +1 @@
-export declare const IxTreeStyles: import("lit").CSSResult;
+export declare const IxTreeStyles: import("lit").CSSResult;

package/dist/ix-tree-styles.js

@@ -1,4 +1,4 @@
-import { css } from 'lit';
+import { css } from 'lit';
 export const IxTreeStyles = css `
   :root,
   :host :root,
@@ -41,5 +41,5 @@ export const IxTreeStyles = css `
     border-left: 3px solid
       var(--ix-tree-active-border-color, var(--md-sys-color-primary));
   }
-`;
+`;
 //# sourceMappingURL=ix-tree-styles.js.map

package/dist/ix-tree.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/ix-tree.js

@@ -1,3 +1,3 @@
-import { IxTree } from './IxTree.js';
-customElements.define('ix-tree', IxTree);
+import { IxTree } from './IxTree.js';
+customElements.define('ix-tree', IxTree);
 //# sourceMappingURL=ix-tree.js.map

package/dist/tree-utils.d.ts

@@ -1,3 +1,3 @@
-import { IIxTreeNode } from './IIxTreeNode.js';
-export declare function findChildNodeById(node: IIxTreeNode, id: string): IIxTreeNode | null;
-export declare function updateNodeCheckedStatus(node: IIxTreeNode, rootNode: IIxTreeNode): void;
+import { IIxTreeNode } from './IIxTreeNode.js';
+export declare function findChildNodeById(node: IIxTreeNode, id: string): IIxTreeNode | null;
+export declare function updateNodeCheckedStatus(node: IIxTreeNode, rootNode: IIxTreeNode): void;

package/dist/tree-utils.js

@@ -1,56 +1,56 @@
-export function findChildNodeById(node, id) {
-    if (node.id === id) {
-        return node;
-    }
-    if (!node.children) {
-        return null;
-    }
-    for (const childNode of node.children) {
-        const foundNode = findChildNodeById(childNode, id);
-        if (foundNode) {
-            return foundNode;
-        }
-    }
-    return null;
-}
-export function updateNodeCheckedStatus(node, rootNode) {
-    /* eslint-disable no-param-reassign */
-    function updateChildren(n, checked = false) {
-        n.checked = checked;
-        n.indeterminate = false;
-        if (n.children) {
-            n.children.forEach(child => {
-                updateChildren(child, checked);
-            });
-        }
-    }
-    function updateParents(n) {
-        if (n.parentId) {
-            const currentParent = findChildNodeById(rootNode, n.parentId);
-            if (currentParent && currentParent.children) {
-                if (currentParent.children.every(child => child.checked)) {
-                    currentParent.checked = true;
-                    currentParent.indeterminate = false;
-                }
-                else if (currentParent.children.some(child => child.checked)) {
-                    currentParent.checked = false;
-                    currentParent.indeterminate = true;
-                }
-                else if (currentParent.children.some(c => c.indeterminate)) {
-                    currentParent.checked = false;
-                    currentParent.indeterminate = true;
-                }
-                else {
-                    currentParent.checked = false;
-                    currentParent.indeterminate = false;
-                }
-                updateParents(currentParent);
-            }
-        }
-    }
-    // update all children to match current node checked status
-    updateChildren(node, node.checked);
-    // update all parents checked and indeterminate status
-    updateParents(node);
-}
+export function findChildNodeById(node, id) {
+    if (node.id === id) {
+        return node;
+    }
+    if (!node.children) {
+        return null;
+    }
+    for (const childNode of node.children) {
+        const foundNode = findChildNodeById(childNode, id);
+        if (foundNode) {
+            return foundNode;
+        }
+    }
+    return null;
+}
+export function updateNodeCheckedStatus(node, rootNode) {
+    /* eslint-disable no-param-reassign */
+    function updateChildren(n, checked = false) {
+        n.checked = checked;
+        n.indeterminate = false;
+        if (n.children) {
+            n.children.forEach(child => {
+                updateChildren(child, checked);
+            });
+        }
+    }
+    function updateParents(n) {
+        if (n.parentId) {
+            const currentParent = findChildNodeById(rootNode, n.parentId);
+            if (currentParent && currentParent.children) {
+                if (currentParent.children.every(child => child.checked)) {
+                    currentParent.checked = true;
+                    currentParent.indeterminate = false;
+                }
+                else if (currentParent.children.some(child => child.checked)) {
+                    currentParent.checked = false;
+                    currentParent.indeterminate = true;
+                }
+                else if (currentParent.children.some(c => c.indeterminate)) {
+                    currentParent.checked = false;
+                    currentParent.indeterminate = true;
+                }
+                else {
+                    currentParent.checked = false;
+                    currentParent.indeterminate = false;
+                }
+                updateParents(currentParent);
+            }
+        }
+    }
+    // update all children to match current node checked status
+    updateChildren(node, node.checked);
+    // update all parents checked and indeterminate status
+    updateParents(node);
+}
 //# sourceMappingURL=tree-utils.js.map

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent ix-tree following open-wc recommendations",
   "license": "MIT",
   "author": "Digital Realty",
-  "version": "3.0.10",
+  "version": "3.1.2-alpha-NJEN.1",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -27,13 +27,13 @@
     "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\""
   },
   "dependencies": {
-    "@digital-realty/ix-checkbox": "^1.1.27",
-    "@digital-realty/ix-icon": "^1.0.37",
-    "@digital-realty/ix-icon-button": "^1.0.41",
+    "@digital-realty/ix-checkbox": "^1.2.2-alpha-NJEN.1",
+    "@digital-realty/ix-icon": "^1.1.2-alpha-NJEN.1",
+    "@digital-realty/ix-icon-button": "^1.1.2-alpha-NJEN.1",
     "@digital-realty/theme": "^1.0.30",
     "@lit-labs/react": "^2.1.0",
     "@material/web": "1.2.0",
-    "lit": "^2.0.2",
+    "lit": "^2.8.0 || ^3.0.0",
     "react": "^18.2.0"
   },
   "devDependencies": {
@@ -103,5 +103,5 @@
     "README.md",
     "LICENSE"
   ],
-  "gitHead": "705b8d4a1375a3ce54b1562c65d8636b98b14466"
+  "gitHead": "36ec59c8921745261d39d5865fb4bd1a6b97ae46"
 }