pragma-views2/webcomponents/pragma-tree/pragma-tree.html

<template id="pragma-tree-template">
    <ul role="tree">
    </ul>
</template>

<template id="pragma-tree-group-node-template">
    <li role="treeitem" aria-expanded="false" aria-selected="false" class="branch-node" tabindex="-1">
        <div class="item-container">
            <icon-button icon-name="rightchevron" aria-label="Treeitem toggle button" role="button"></icon-button>
            <input type="checkbox" aria-checked="false" tabindex="-1">
            <div>#item.model.title</div>
        </div>
        
        <ul role="group"></ul>
    </li>
</template>

<template id="pragma-tree-leaf-node-template">
    <li role="treeitem" aria-selected="false" class="leaf-node" tabindex="-1">
        <div class="item-container">
            <input type="checkbox" aria-checked="false" tabindex="-1">
        </div>
    </li>
</template>

<script>
    if (window.templates == null) {
        window.templates = new Map();
    }
    window.templates.set("pragma-tree-group-node-template", document.currentScript.ownerDocument.querySelector("#pragma-tree-group-node-template").content);
    window.templates.set("pragma-tree-leaf-node-template", document.currentScript.ownerDocument.querySelector("#pragma-tree-leaf-node-template").content);
</script>