import { attachInternals as e } from "../internal/utils/a11y.js";
import { statusStateStyles as t, supportStateStyles as n, useStyles as r } from "../internal/styles/index.js";
import { __decorate as i } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
import a from "./dot.js";
import { LitElement as o, html as s } from "lit";
import { property as c } from "lit/decorators/property.js";
//#region src/dot/dot.ts
var l = class extends o {
	static {
		this.styles = r([
			a,
			t,
			n
		]);
	}
	static {
		this.metadata = {
			tag: "nve-dot",
			version: "2.0.2"
		};
	}
	render() {
		return s`<div internal-host><slot @slotchange="${() => this.#e()}"></slot></div>`;
	}
	connectedCallback() {
		super.connectedCallback(), e(this), this._internals.role = "img";
	}
	#e() {
		this.textContent.length ? this._internals.states.add("has-text") : this._internals.states.delete("has-text");
	}
};
i([c({
	type: String,
	reflect: !0
})], l.prototype, "status", void 0), i([c({
	type: String,
	reflect: !0
})], l.prototype, "size", void 0);
//#endregion
export { l as Dot };

//# sourceMappingURL=dot2.js.map