import { audit as e } from "../internal/controllers/audit.controller.js";
import { attachInternals as t } from "../internal/utils/a11y.js";
import { colorStateStyles as n, supportStateStyles as r, useStyles as i } from "../internal/styles/index.js";
import { __decorate as a } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
import { Alert as o } from "./alert2.js";
import s from "./alert-group.js";
import { LitElement as c, html as l } from "lit";
import { property as u } from "lit/decorators/property.js";
import { queryAssignedElements as d } from "lit/decorators/query-assigned-elements.js";
//#region src/alert/alert-group.ts
var f = class extends c {
	static {
		this.styles = i([
			s,
			r,
			n
		]);
	}
	static {
		this.metadata = {
			tag: "nve-alert-group",
			version: "2.0.2",
			children: [o.metadata.tag]
		};
	}
	render() {
		return l`<div internal-host><slot @slotchange="${() => this.#e()}"></slot></div>`;
	}
	connectedCallback() {
		super.connectedCallback(), t(this), this._internals.role = "group";
	}
	updated(e) {
		super.updated(e), this.#e();
	}
	#e() {
		this.alerts.forEach((e) => e.status = this.status);
	}
};
a([u({
	type: String,
	reflect: !0
})], f.prototype, "status", void 0), a([u({
	type: String,
	reflect: !0
})], f.prototype, "prominence", void 0), a([u({
	type: String,
	reflect: !0
})], f.prototype, "color", void 0), a([u({
	type: String,
	reflect: !0
})], f.prototype, "container", void 0), a([d()], f.prototype, "alerts", void 0), f = a([e()], f);
//#endregion
export { f as AlertGroup };

//# sourceMappingURL=alert-group2.js.map