import { scopedRegistry as e } from "../internal/decorators/scoped-registry.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 { Control as r } from "../forms/control/control2.js";
import { IconButton as i } from "../icon-button/icon-button2.js";
import { inputStyles as a } from "../input/input2.js";
import o from "./password.js";
import { html as s } from "lit";
import { property as c } from "lit/decorators/property.js";
import { state as l } from "lit/decorators/state.js";
//#region src/password/password.ts
var u = class extends r {
	constructor(...e) {
		super(...e), this.pressed = !1;
	}
	static {
		this.styles = t([
			...r.styles,
			a,
			o
		]);
	}
	static {
		this.metadata = {
			tag: "nve-password",
			version: "2.0.2"
		};
	}
	static {
		this.elementDefinitions = { [i.metadata.tag]: i };
	}
	get suffixContent() {
		return s`<nve-icon-button part="icon-button" @click="${() => this.#e()}" .pressed="${this.pressed}" .iconName="${this.pressed ? "eye-hidden" : "eye"}" container="inline" .ariaLabel="${this.pressed ? this.i18n.hide : this.i18n.show}"></nve-icon-button>`;
	}
	#e() {
		this.pressed = !this.pressed, this.input.type = this.pressed ? "text" : "password";
	}
};
n([c({
	type: String,
	reflect: !0
})], u.prototype, "container", void 0), n([l()], u.prototype, "pressed", void 0), u = n([e()], u);
//#endregion
export { u as Password };

//# sourceMappingURL=password2.js.map