[feat] automatically load lightdom stylesheets

[bennypowers]

Description

Say a user forgot to load rh-table-lightdom.css in the document

• or maybe they remembered, but they put an <rh-table> in another shadow root, but didn't load the lightdom styles in that shadow root.

Suggested solution

/** pseudocode */
async connectedCallback() {
  super.connectedCallback();
  const root = this.getRootNode();
  if (!root.getComputedStyle().getPropertyName(this._lightdomcssBrandName)) {
    root.adoptedStyleSheets = [...root.adoptedStyleSheets, await import('./rh-table-lightdom.css')]
  }
}

Screenshots

No response

Example API

No response

Additional context

No response

[bennypowers]

probably best handled with a controller