import WebAwesomeElement from '../../internal/webawesome-element.js'; /** * @summary Fetches an external HTML file and embeds its contents inline on the page. Useful for reusing shared markup * like headers, footers, and partials across multiple pages. * @documentation https://webawesome.com/docs/components/include * @status stable * @since 2.0 * * @event wa-load - Emitted when the included file is loaded. * @event {{ status: number }} wa-include-error - Emitted when the included file fails to load due to an error. * * @ssr - `` fetches its content asynchronously (like ``), so the rendered output isn't available during SSR. */ export default class WaInclude extends WebAwesomeElement { static css: import("lit").CSSResult; /** * The location of the content to include. This can be a URL to an HTML file, a same-page reference to an element's id * (e.g. `#my-id`), or a URL with a fragment that targets an element's id within the fetched file * (e.g. `/partials.html#my-id`). When targeting an element by id, its content is cloned. If the target is a * `