Right now, all calendar component js and css is being bundled INTO the byu-calendar component js and css files.. So every time byu-calendar is used, we have to load ALL the js/css for ALL calendar components. that is definitely not ideal.
We need to think through the best approach for breaking this out and WHERE to add CONDITIONAL include lines for the css or js for the component.
We can't conditionally bundle in some calendar components' js or scss into byu-calendar; then that component code would vary all the time.
We need the byu-calendar component to REFERENCE the css and js files for the "sub" calendar components WHEN those components are in use.
Will we have issues with several references to the same js/css on the same page?
Only if they have multiple complete displays with the same style..
byu-calendar is a wrapper around any other kind of component. If we have a list of calendar-tiles then it'll have a byu-calendar wrapper, and then a number of byu-calendar-tiles instances inside. The byu-calendar component will reference the js and css for the byu-calendar-tiles just once.
It would only be duplicated if they had 2 separate byu-calendar displays of the same display type on the same page.