Implement Sheet State - Phase 1

[kgar]

Implement sheet state tracking.

Note

Phase 1: Track it on the sheet and don't worry about persisting between full browser tab reloads.

Use the application subclass / base class features to track:

• current tab: will need to handle this myself since I'm not using the application's tab controller; notify of current tab change when a tab is selected, calling to a contextual function
• scroll top: will attempt to let the application handle this by tagging my scrollable areas and setting options; backup plan is to handle it myself
• expanded items: will attempt to let the application handle this; backup plans are either to find a hybrid solution or to handle it myself. Most likely, a hybrid solution will be needed where the toggle function in svelte calls a provided contextual function to declare that an item ID was expanded or collapsed, then update the _expanded set accordingly.
• search filter texts: move away from using an actor flag to just using a sheet class prop so everyone can search independently; handle this myself during getData() and emit search filter changes from svelte to the sheet through a contextual function.
• expanded favorites: with the base expandedData approach, expanded items are tracked by item ID, which means when I expand a favorited item on its main tab and then close/reopen the sheet, the same item will be expanded on its own tab and in favorites. This will definitely lead to some confusion. Devise an approach that allows for differentiating items by an additional dimension, such as the tab ID.

If something cannot be captured while it is happening, I will attempt to capture it on component destruction. Components are destroyed before a full re-render and when the application is closed, so this particular time is the last moment where we can peer into the state of the sheet before it's gone.

[kgar]

Demo of using the search filter as two different users simultaneously, without stepping on one another:

[kgar]

All done 👏