method to clear sl-tree selection

[drewp]

What issue are you having?

Another page change resets the items in my sl-tree, but the item at the previously-selected index stays selected.

Describe the solution you'd like

mySlTreeEl.clearSelection();
or
mySlTreeEl.selectedItems=[];

Describe alternatives you've considered

(el as any).selectItem(null); :)

[claviska]

We'll keep this in mind. Currently, the selection API is declarative and I'll have to discuss supporting alternate APIs, as the logic can compete and make things difficult to maintain.

In the meantime, I would avoid using private APIs and use this instead:

tree.querySelectorAll('sl-tree-item').forEach(item => {
  item.indeterminate = false;
  item.selected = false
});

https://codepen.io/claviska/pen/eYbxxRq?editors=0010

@alenaksu What are your thoughts on adding a method to make this easier?

[drewp]

Supposing I had read https://shoelace.style/components/tree-item#properties and realized I could set selected, how would I know about the indeterminate field? Should it be in that table?

[claviska]

That should be updated by changing the selected state of tree items, but it wasn't so I added it. Might be a bug.

/cc @KonnorRogers @alenaksu

[alenaksu]

I guess that is the "expected" behaviour, indeterminate is set to false only when the value of selected changes and a parent node that is in indeterminate state is not selected.
https://github.com/shoelace-style/shoelace/blob/next/src/components/tree-item/tree-item.component.ts#L143