import { _ as o, n as s, r as D, x as v, c as L, E as f, B as I, a as z, b as C } from "./class-map-CwiboTfb.mjs";
import { i as N } from "./element-internals-3IY9gE4L.mjs";
import { r as A, a as T, E as q } from "./animation-DjClVFum.mjs";
import { o as M } from "./query-assigned-elements-DUhez03i.mjs";
/**
* @license
* Copyright 2021 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
class i extends D {
constructor() {
super(...arguments), this.disabled = !1, this.error = !1, this.focused = !1, this.label = "", this.noAsterisk = !1, this.populated = !1, this.required = !1, this.resizable = !1, this.supportingText = "", this.errorText = "", this.count = -1, this.max = -1, this.hasStart = !1, this.hasEnd = !1, this.isAnimating = !1, this.refreshErrorAlert = !1, this.disableTransitions = !1;
}
get counterText() {
const e = this.count ?? -1, r = this.max ?? -1;
return e < 0 || r <= 0 ? "" : `${e} / ${r}`;
}
get supportingOrErrorText() {
return this.error && this.errorText ? this.errorText : this.supportingText;
}
/**
* Re-announces the field's error supporting text to screen readers.
*
* Error text announces to screen readers anytime it is visible and changes.
* Use the method to re-announce the message when the text has not changed,
* but announcement is still needed (such as for `reportValidity()`).
*/
reannounceError() {
this.refreshErrorAlert = !0;
}
update(e) {
e.has("disabled") && e.get("disabled") !== void 0 && (this.disableTransitions = !0), this.disabled && this.focused && (e.set("focused", !0), this.focused = !1), this.animateLabelIfNeeded({
wasFocused: e.get("focused"),
wasPopulated: e.get("populated")
}), super.update(e);
}
render() {
var c, t, n, p;
const e = this.renderLabel(
/*isFloating*/
!0
), r = this.renderLabel(
/*isFloating*/
!1
), a = (c = this.renderOutline) == null ? void 0 : c.call(this, e), d = {
disabled: this.disabled,
"disable-transitions": this.disableTransitions,
error: this.error && !this.disabled,
focused: this.focused,
"with-start": this.hasStart,
"with-end": this.hasEnd,
populated: this.populated,
resizable: this.resizable,
required: this.required,
"no-label": !this.label
};
return v`