@carbon/web-components 2.26.0 → 2.27.0

package/es/components/tree-view/tree-node.js

@@ -0,0 +1,338 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { __decorate } from 'tslib';
+import { classMap } from 'lit/directives/class-map.js';
+import { LitElement, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { prefix } from '../../globals/settings.js';
+import CaretDown16 from '../../icons/caret--down/16.js';
+import styles from './tree-view.scss.js';
+import { carbonElement } from '../../globals/decorators/carbon-element.js';
+
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Tree node.
+ *
+ * @element cds-tree-node
+ * @fires eventSelected
+ *   The name of the custom event fired when node is selected.
+ * @fires eventToggled
+ *   The name of the custom event fired when a node is toggled.
+ */
+let CDSTreeNode = class CDSTreeNode extends LitElement {
+    constructor() {
+        super(...arguments);
+        this._hasChildren = false;
+        this._hasIcon = false;
+        /**
+         * Handles style updates based on depth
+         */
+        this._handleStyles = () => {
+            const { _depth: depth, _hasChildren: hasChildren, _hasIcon: hasIcon, } = this;
+            const calcOffset = () => {
+                if (hasChildren && hasIcon) {
+                    return depth + 1 + depth * 0.5;
+                }
+                if (hasChildren) {
+                    return depth + 1;
+                }
+                if (hasIcon) {
+                    return depth + 2 + depth * 0.5;
+                }
+                return depth + 2.5;
+            };
+            const label = this.shadowRoot.querySelector(`.${prefix}--tree-node__label`);
+            if (label) {
+                label.style.marginInlineStart = `-${calcOffset()}rem`;
+                label.style.paddingInlineStart = `${calcOffset()}rem`;
+            }
+        };
+        this._handleToggleClick = (event) => {
+            const { disabled, href } = this;
+            if (disabled)
+                return;
+            event.stopPropagation();
+            if (href) {
+                event.preventDefault();
+            }
+            this.isExpanded = !this.isExpanded;
+            if (this.hasAttribute('aria-expanded')) {
+                this.setAttribute('aria-expanded', String(this.isExpanded));
+            }
+        };
+        /**
+         * sets if tree node is active
+         */
+        this.active = false;
+        /**
+         * disabled property
+         */
+        this.disabled = false;
+        /**
+         * **Note:** this is controlled by the parent TreeView component, do not set manually.
+         * TreeNode depth to determine spacing
+         */
+        this._depth = 0;
+        /**
+         * Specify if the TreeNode is expanded (only applicable to parent nodes)
+         */
+        this.isExpanded = false;
+        /**
+         * Specify the TreeNode's ID. Must be unique in the DOM and is used for props.active, props.selected and aria-owns
+         */
+        this.id = Math.random().toString(16).slice(2);
+        /**
+         * sets if tree node is selected
+         */
+        this.selected = false;
+    }
+    /**
+     * Handles `slotchange` event.
+     */
+    _handleSlotChange({ target }) {
+        const { _depth: depth, disabled } = this;
+        const items = target
+            .assignedNodes()
+            .filter((node) => node.nodeType === Node.ELEMENT_NODE &&
+            node.tagName.toLowerCase() === `${prefix}-tree-node`);
+        items.forEach((item) => {
+            item._depth = depth + 1;
+            item.disabled = disabled;
+        });
+        this._hasChildren = items.length > 0;
+        if (this._hasChildren)
+            this.setAttribute('parent', '');
+        this.requestUpdate();
+    }
+    /**
+     * Handles icon's `slotchange` event.
+     */
+    _handleIconSlotChange({ target }) {
+        this._hasIcon = target.assignedNodes().length > 0;
+        if (this._hasIcon)
+            this.setAttribute('has-icon', '');
+        this.requestUpdate();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // Detect children on first render
+        this._hasChildren = Array.from(this.children).some((node) => node.tagName.toLowerCase() === `${prefix}-tree-node`);
+        this._hasIcon = Array.from(this.children).some((node) => node.getAttribute('slot') === 'icon');
+        if (!this.hasAttribute('role') && !this.href) {
+            this.setAttribute('role', 'treeitem');
+        }
+        if (!this.hasAttribute('aria-owns') && this._hasChildren && !this.href) {
+            this.setAttribute('aria-owns', `subtree-id-${this.id}`);
+        }
+        if (this._hasChildren && !this.href) {
+            this.setAttribute('aria-expanded', String(this.isExpanded));
+        }
+        if (!this.hasAttribute('aria-label')) {
+            this.setAttribute('aria-label', this.label);
+        }
+    }
+    _dispatchSelectedEvent(value) {
+        const { eventSelected } = this.constructor;
+        this.dispatchEvent(new CustomEvent(eventSelected, {
+            bubbles: true,
+            composed: true,
+            detail: {
+                value,
+            },
+        }));
+    }
+    _dispatchToggledEvent(value, expanded) {
+        const { eventToggled } = this.constructor;
+        this.dispatchEvent(new CustomEvent(eventToggled, {
+            bubbles: true,
+            composed: true,
+            detail: {
+                value,
+                expanded: expanded,
+            },
+        }));
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('_depth')) {
+            this._handleStyles();
+        }
+        if (changedProperties.has('selected')) {
+            if (!this.href) {
+                this.setAttribute('aria-selected', String(!this.href ? (this.disabled ? undefined : this.selected) : undefined));
+            }
+            if (this.selected) {
+                this._dispatchSelectedEvent(this.label);
+            }
+        }
+        if (changedProperties.has('active') && !this.href) {
+            this.setAttribute('aria-current', String(!this.href
+                ? this.active || undefined
+                : this.active
+                    ? 'page'
+                    : undefined));
+        }
+        if (changedProperties.has('disabled')) {
+            this.setAttribute('aria-disabled', String(this.disabled));
+        }
+        if (changedProperties.has('isExpanded')) {
+            this._dispatchToggledEvent(this.label, this.isExpanded);
+        }
+    }
+    render() {
+        const { disabled, isExpanded, href, id, label, onClick, _hasChildren: hasChildren, _handleIconSlotChange: handleIconSlotChange, _handleSlotChange: handleSlotChange, _handleToggleClick: handleToggleClick, } = this;
+        let toggleClasses = `${prefix}--tree-parent-node__toggle-icon`;
+        if (isExpanded) {
+            toggleClasses += `${prefix}--tree-parent-node__toggle-icon--expanded`;
+        }
+        const linkClasses = classMap({
+            [`${prefix}--tree-node`]: true,
+            [`${prefix}--tree-node--active`]: this.active,
+            [`${prefix}--tree-node--disabled`]: disabled,
+            [`${prefix}--tree-node--selected`]: this.selected,
+            [`${prefix}--tree-node--with-icon`]: this._hasIcon,
+            [`${prefix}--tree-leaf-node`]: !this._hasChildren,
+            [`${prefix}--tree-parent-node`]: this._hasChildren,
+        });
+        const subTreeClasses = classMap({
+            [`${prefix}--tree-node__children`]: true,
+            [`${prefix}--tree-node__hidden`]: !isExpanded,
+        });
+        return html `
+      ${!hasChildren
+            ? html `
+            ${href
+                ? html `<a
+                  class=${linkClasses}
+                  href=${!disabled ? href : undefined}
+                  role="treeitem"
+                  ?aria-disabled=${disabled}
+                  aria-current=${!this.href
+                    ? this.active || undefined
+                    : this.active
+                        ? 'page'
+                        : undefined}
+                  tabindex=${disabled ? -1 : undefined}
+                  @click=${onClick}>
+                  <div id="label" class="${prefix}--tree-node__label">
+                    <slot
+                      name="icon"
+                      @slotchange=${handleIconSlotChange}></slot>
+                    ${label}
+                  </div>
+                </a>`
+                : html ` <div id="label" class="${prefix}--tree-node__label">
+                  <slot name="icon" @slotchange=${handleIconSlotChange}></slot>
+                  ${label}
+                </div>`}
+          `
+            : html `
+            ${href
+                ? html ` <a
+                    role="treeitem"
+                    class=${linkClasses}
+                    aria-expanded=${!!isExpanded}
+                    aria-owns="subtree-id-${id}"
+                    href=${!disabled ? href : undefined}
+                    tabindex=${disabled ? -1 : undefined}
+                    @click=${onClick}>
+                    <div id="label" class="${prefix}--tree-node__label">
+                      <span
+                        class="${prefix}--tree-parent-node__toggle"
+                        ?disabled=${disabled}
+                        @click=${handleToggleClick}>
+                        ${CaretDown16({ class: toggleClasses })}
+                      </span>
+                      <span class="${prefix}--tree-node__label__details">
+                        <slot
+                          name="icon"
+                          @slotchange=${handleIconSlotChange}></slot>
+                        ${label}
+                      </span>
+                    </div>
+                  </a>
+                  <ul id="subtree-id-${id} role="group" class="${subTreeClasses}">
+                    <slot @slotchange=${handleSlotChange}></slot>
+                  </ul>`
+                : html `<div id="label" class="${prefix}--tree-node__label">
+                    <span
+                      class="${prefix}--tree-parent-node__toggle"
+                      ?disabled=${disabled}
+                      @click=${handleToggleClick}>
+                      ${CaretDown16({ class: toggleClasses })}
+                    </span>
+                    <span class="${prefix}--tree-node__label__details">
+                      <slot
+                        name="icon"
+                        @slotchange=${handleIconSlotChange}></slot>
+                      ${label}
+                    </span>
+                  </div>
+                  <ul
+                    id="subtree-id-${id}"
+                    role="group"
+                    class="${subTreeClasses}">
+                    <slot @slotchange=${handleSlotChange}></slot>
+                  </ul>`}
+          `}
+    `;
+    }
+    /**
+     * The name of the custom event fired when node is selected.
+     */
+    static get eventSelected() {
+        return `${prefix}-tree-node-selected`;
+    }
+    /**
+     * The name of the custom event fired when a node is toggled
+     */
+    static get eventToggled() {
+        return `${prefix}-tree-node-toggled`;
+    }
+};
+CDSTreeNode.styles = styles;
+__decorate([
+    property({ type: Boolean, reflect: true })
+], CDSTreeNode.prototype, "active", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], CDSTreeNode.prototype, "disabled", void 0);
+__decorate([
+    state()
+], CDSTreeNode.prototype, "_depth", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'is-expanded' })
+], CDSTreeNode.prototype, "isExpanded", void 0);
+__decorate([
+    property({})
+], CDSTreeNode.prototype, "href", void 0);
+__decorate([
+    property({})
+], CDSTreeNode.prototype, "id", void 0);
+__decorate([
+    property({})
+], CDSTreeNode.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], CDSTreeNode.prototype, "selected", void 0);
+__decorate([
+    property({ type: Function })
+], CDSTreeNode.prototype, "onClick", void 0);
+CDSTreeNode = __decorate([
+    carbonElement(`${prefix}-tree-node`)
+], CDSTreeNode);
+var CDSTreeNode$1 = CDSTreeNode;
+
+export { CDSTreeNode$1 as default };
+//# sourceMappingURL=tree-node.js.map

package/es/components/tree-view/tree-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-node.js","sources":["../../../src/components/tree-view/tree-node.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}