import { I18nController as e } from "../internal/controllers/i18n.controller.js";
import { TypeClosableController as t } from "../internal/controllers/type-closable.controller.js";
import { scopedRegistry as n } from "../internal/decorators/scoped-registry.js";
import { colorStateStyles 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 { Icon as o } from "../icon/icon2.js";
import s from "./tag.js";
import { LitElement as c, html as l } from "lit";
import { property as u } from "lit/decorators/property.js";
import { ButtonFormControlMixin as d } from "@nvidia-elements/forms/mixins";
import { ifDefined as f } from "lit/directives/if-defined.js";
//#region src/tag/tag.ts
var p = class extends d(c) {
	static {
		this.styles = i([r, s]);
	}
	static {
		this.metadata = {
			tag: "nve-tag",
			version: "2.0.2"
		};
	}
	static {
		this.elementDefinitions = { [o.metadata.tag]: o };
	}
	#e;
	#t;
	render() {
		return l`<div internal-host interaction-state focus-within><slot></slot>${this.closable ? l`<nve-icon part="icon" @click="${() => this.#t.close()}" container="flat" name="cancel" size="sm" role="img" aria-label="${f(this.i18n.close)}"></nve-icon>` : ""}</div>`;
	}
	constructor() {
		super(), this.closable = !1, this.#e = new e(this), this.i18n = this.#e.i18n, this.#t = new t(this), this.type = "button";
	}
};
a([u({ type: Boolean })], p.prototype, "closable", void 0), a([u({
	type: String,
	reflect: !0
})], p.prototype, "color", void 0), a([u({
	type: String,
	reflect: !0
})], p.prototype, "prominence", void 0), a([u({ type: Object })], p.prototype, "i18n", void 0), p = a([n()], p);
//#endregion
export { p as Tag };

//# sourceMappingURL=tag2.js.map