import { attachInternals as e } from "../internal/utils/a11y.js";
import { useStyles as t } from "../internal/styles/index.js";
import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
import r from "./skeleton.js";
import { LitElement as i, html as a } from "lit";
import { property as o } from "lit/decorators/property.js";
//#region src/skeleton/skeleton.ts
var s = class extends i {
	constructor(...e) {
		super(...e), this.hidden = !1;
	}
	static {
		this.styles = t([r]);
	}
	static {
		this.metadata = {
			tag: "nve-skeleton",
			version: "2.0.2"
		};
	}
	render() {
		return a`<div internal-host><div class="animate"></div><slot @slotchange="${this.#e}"></slot></div>`;
	}
	connectedCallback() {
		super.connectedCallback(), e(this), this._internals.ariaBusy = "true";
	}
	updated(e) {
		super.updated(e), this._internals.ariaBusy = `${!this.hidden}`;
	}
	#e(e) {
		e.target.assignedNodes().some((e) => e.nodeType === Node.ELEMENT_NODE || e.nodeType === Node.TEXT_NODE && e.textContent?.trim() !== "") ? this._internals.states.add("slotted") : this._internals.states.delete("slotted");
	}
};
n([o({
	type: String,
	reflect: !0
})], s.prototype, "effect", void 0), n([o({
	type: String,
	reflect: !0
})], s.prototype, "shape", void 0), n([o({
	type: Boolean,
	reflect: !0
})], s.prototype, "hidden", void 0);
//#endregion
export { s as Skeleton };

//# sourceMappingURL=skeleton2.js.map