fix(core): align root tree nodes

Signed-off-by: John Yanarella <jyanarella@nvidia.com>

Author: johnyanarella

projects/core/.visual/tree.dark.png

@@ -132,6 +132,23 @@ describe(TreeNode.metadata.tag, () => {
 );
 });
 
+it('should align leaf root nodes with expandable root nodes',async()=>{
+constleafHeader=element.shadowRoot!.querySelector<HTMLElement>('[part="_node-header"]')!;
+constexpandableHeader=nestedNodeElement.shadowRoot!.querySelector<HTMLElement>('[part="_node-header"]')!;
+
+expect(leafHeader.getBoundingClientRect().x).toBe(expandableHeader.getBoundingClientRect().x);
+});
+
+it('should align multi-select leaf root nodes with expandable root nodes',async()=>{
+tree.selectable='multi';
+awaitPromise.all([elementIsStable(tree),elementIsStable(element),elementIsStable(nestedNodeElement)]);
+
+constleafHeader=element.shadowRoot!.querySelector<HTMLElement>('[part="_node-header"]')!;
+constexpandableHeader=nestedNodeElement.shadowRoot!.querySelector<HTMLElement>('[part="_node-header"]')!;
+
+expect(leafHeader.getBoundingClientRect().x).toBe(expandableHeader.getBoundingClientRect().x);
+});
+
 it('should show icon button if expandable',async()=>{
 expect(element.shadowRoot.querySelector('nve-icon-button')).toBeFalsy();
 

projects/core/.visual/tree.png

@@ -26,3 +26,12 @@ nve-tree-node > nve-tree-node:state(is-expandable):state(selectable-multi) {
 nve-tree-node:has(nve-tree-node:state(is-expandable))::part(_nodes) {
 padding-inline-start:var(--nve-ref-size-400);
 }
+
+nve-tree:has(>nve-tree-node:state(is-expandable)) >nve-tree-node:not(:state(is-expandable))::part(_node) {
+padding-inline-start:var(--nve-ref-size-400);
+}
+
+nve-tree:has(>nve-tree-node:state(is-expandable):state(selectable-multi))
+>nve-tree-node:not(:state(is-expandable)):state(selectable-multi)::part(_node) {
+padding-inline-start:var(--nve-ref-size-500);
+}