import { safeDefine } from "../safe-define.js";
import { ReactiveElement } from "@videojs/element";
import { namedNodeMapToObject } from "@videojs/utils/dom";

//#region src/define/background/skin.ts
function getTemplateHTML(_attrs) {
	return `<media-container><slot name="media" slot="media"></slot></media-container>`;
}
var BackgroundVideoSkinElement = class extends ReactiveElement {
	static {
		this.tagName = "background-video-skin";
	}
	static {
		this.shadowRootOptions = { mode: "open" };
	}
	static {
		this.getTemplateHTML = getTemplateHTML;
	}
	constructor() {
		super();
		if (!this.shadowRoot) {
			this.attachShadow(this.constructor.shadowRootOptions);
			this.shadowRoot.innerHTML = getTemplateHTML(namedNodeMapToObject(this.attributes));
		}
	}
};
safeDefine(BackgroundVideoSkinElement);

//#endregion
export { BackgroundVideoSkinElement };
//# sourceMappingURL=skin.js.map