import Component from "@glimmer/component";
import type Owner from "@ember/owner";
// index.html has the production-fingerprinted references to these links
// Ideally, we'd have some pre-processor scan everything for references to
// assets in public, but idk how to set that up
const getStyles = () => [...document.querySelectorAll("link")].map((link) => link.href);
/**
* style + native @import
* is the only robust way to load styles in a shadowroot.
*
* link is only valid in the head element.
*/
const Styles =
;
/**
* Render content in a shadow dom, attached to a div.
*
* Uses the [shadow DOM][mdn-shadow-dom] API.
*
* [mdn-shadow-dom]: https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_shadow_DOM
*
* This is useful when you want to render content that escapes your app's styles.
*/
export class Shadowed extends Component<{
/**
* The shadow dom attaches to a div element.
* You may specify any attribute, and it'll be applied to this host element.
*/
Element: HTMLDivElement;
Args: {
/**
* @public
*
* By default, shadow-dom does not include any styles.
* Setting this to true will include all the `