ui-lit/treeview/tree-view.js

UI Elements on LIT

import { __decorate } from "tslib";
import { LitElement, html, css } from 'lit';
import { customElement, property } from 'lit/decorators.js';
import '../icon';
let LitTreeview = class LitTreeview extends LitElement {
    constructor() {
        super(...arguments);
        this.value = '';
    }
    connectedCallback() {
        super.connectedCallback();
        this.addEventListener('changed', this._onChanged);
    }
    disconnectedCallback() {
        super.disconnectedCallback();
        this.removeEventListener('changed', this._onChanged);
    }
    _onChanged(e) {
        this.value = e.detail;
    }
    updated() {
        this.querySelectorAll("lit-tree-subview").forEach(it => {
            it.updateSelection(false);
        });
        this.querySelectorAll("lit-tree-item").forEach(it => {
            it.updateSelection(this.value);
        });
    }
    render() {
        return html `<slot></slot>`;
    }
};
LitTreeview.styles = css `
    :host{
        display: inline-block;
        font-size: var(--lit-treeview-font-size, 14px);
        color: var(--lit-treeitem-color, inherit);
        --icon-color: var(--lit-treeitem-color, inherit);
    }
    `;
__decorate([
    property({ type: String, reflect: true })
], LitTreeview.prototype, "value", void 0);
LitTreeview = __decorate([
    customElement("lit-tree-view")
], LitTreeview);
export { LitTreeview };