import { audit as e } from "../internal/controllers/audit.controller.js";
import { I18nController as t } from "../internal/controllers/i18n.controller.js";
import { appendRootNodeStyle as n } from "../internal/utils/dom.js";
import { attachInternals as r } from "../internal/utils/a11y.js";
import { TypeNativePopoverController as i } from "../internal/controllers/type-native-popover.controller.js";
import { scopedRegistry as a } from "../internal/decorators/scoped-registry.js";
import { useStyles as o } from "../internal/styles/index.js";
import { popoverStyles as s } from "../internal/styles/popover2.js";
import { __decorate as c } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
import { IconButton as l } from "../icon-button/icon-button2.js";
import u from "./toggletip.js";
import d from "./toggletip.global.js";
import { LitElement as f, html as p } from "lit";
import { property as m } from "lit/decorators/property.js";
import { query as h } from "lit/decorators/query.js";
//#region src/toggletip/toggletip.ts
var g = class extends f {
	constructor(...e) {
		super(...e), this.position = "top", this.alignment = "center", this.closable = !1, this.arrow = !0, this.popoverType = "auto", this.typeNativePopoverController = new i(this), this.#e = new t(this), this.i18n = this.#e.i18n;
	}
	static {
		this.styles = o([s, u]);
	}
	static {
		this.metadata = {
			tag: "nve-toggletip",
			version: "0.2.3"
		};
	}
	static {
		this.elementDefinitions = { [l.metadata.tag]: l };
	}
	#e;
	render() {
		return p`<div internal-host><slot name="header"></slot>${this.closable ? p`<nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" @click="${this.hidePopover}" icon-name="cancel" container="flat" size="sm" .ariaLabel="${this.i18n.close}"></nve-icon-button>` : ""}<div id="content" part="_content"><slot></slot></div><slot name="footer"></slot></div>${this.arrow ? p`<div class="arrow"></div>` : ""}`;
	}
	connectedCallback() {
		super.connectedCallback(), r(this), this._internals.role = "toggletip", n(this, d);
	}
};
c([m({ type: String })], g.prototype, "anchor", void 0), c([m({ type: String })], g.prototype, "trigger", void 0), c([m({
	type: String,
	reflect: !0
})], g.prototype, "position", void 0), c([m({
	type: String,
	reflect: !0
})], g.prototype, "alignment", void 0), c([m({
	type: Boolean,
	reflect: !0,
	attribute: "behavior-trigger"
})], g.prototype, "behaviorTrigger", void 0), c([m({ type: Boolean })], g.prototype, "closable", void 0), c([m({ type: Boolean })], g.prototype, "arrow", void 0), c([h(".arrow")], g.prototype, "popoverArrow", void 0), c([m({ type: Object })], g.prototype, "i18n", void 0), g = c([a(), e({ excessiveInstanceLimit: 50 })], g);
//#endregion
export { g as Toggletip };

//# sourceMappingURL=toggletip2.js.map