nve-designsystem 3.1.0 → 3.3.0

package/chunks/chunk.SAPQLUO4.js

@@ -1,17 +1,17 @@
-import { i as v, x as f } from "./lit-element.js";
-import { M as g, b as _ } from "./chunk.LD4M4QGE.js";
-import { S as b, l as h, u as c } from "./chunk.RWUUFNUL.js";
-import { s as a, g as s } from "./chunk.K7JGTRV7.js";
-import { a as n, s as d, w as m } from "./chunk.B4BZKR24.js";
-import { H as k } from "./chunk.NYIIDP5N.js";
-import { L as x } from "./chunk.6CTB5ZDJ.js";
-import { w as y } from "./chunk.GMYPQTFK.js";
-import { c as C, d as r, S as z } from "./chunk.4TUIT776.js";
-import { e as S } from "./class-map.js";
-import { o as u } from "./if-defined.js";
-import { n as l } from "./property.js";
-import { e as p } from "./query.js";
-var A = v`
+import { a as e, u as t } from "./lit.js";
+import { o as n, r } from "./decorate.js";
+import { n as i, r as a, t as o } from "./chunk.4TUIT776.js";
+import { t as s } from "./chunk.NYIIDP5N.js";
+import { t as c } from "./chunk.GMYPQTFK.js";
+import { t as l } from "./class-map.js";
+import { t as u } from "./if-defined.js";
+import { t as d } from "./chunk.6CTB5ZDJ.js";
+import { n as f, t as p } from "./chunk.K7JGTRV7.js";
+import { n as m, o as h, t as g } from "./chunk.B4BZKR24.js";
+import { i as _, r as v, t as y } from "./chunk.RWUUFNUL.js";
+import { n as b, t as x } from "./chunk.LD4M4QGE.js";
+//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.BRQKZQRB.js
+var S = t`
   :host {
     --size: 25rem;
     --header-spacing: var(--sl-spacing-large);
@@ -165,100 +165,88 @@ var A = v`
     }
   }
 `;
-function w(e) {
-  return e.charAt(0).toUpperCase() + e.slice(1);
+//#endregion
+//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.C5MXLBOG.js
+function C(e) {
+	return e.charAt(0).toUpperCase() + e.slice(1);
 }
-var t = class extends z {
-  constructor() {
-    super(...arguments), this.hasSlotController = new k(this, "footer"), this.localize = new x(this), this.modal = new g(this), this.open = !1, this.label = "", this.placement = "end", this.contained = !1, this.noHeader = !1, this.handleDocumentKeyDown = (e) => {
-      this.contained || e.key === "Escape" && this.modal.isActive() && this.open && (e.stopImmediatePropagation(), this.requestClose("keyboard"));
-    };
-  }
-  firstUpdated() {
-    this.drawer.hidden = !this.open, this.open && (this.addOpenListeners(), this.contained || (this.modal.activate(), h(this)));
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), c(this), this.removeOpenListeners();
-  }
-  requestClose(e) {
-    if (this.emit("sl-request-close", {
-      cancelable: !0,
-      detail: { source: e }
-    }).defaultPrevented) {
-      const o = s(this, "drawer.denyClose", { dir: this.localize.dir() });
-      n(this.panel, o.keyframes, o.options);
-      return;
-    }
-    this.hide();
-  }
-  addOpenListeners() {
-    var e;
-    "CloseWatcher" in window ? ((e = this.closeWatcher) == null || e.destroy(), this.contained || (this.closeWatcher = new CloseWatcher(), this.closeWatcher.onclose = () => this.requestClose("keyboard"))) : document.addEventListener("keydown", this.handleDocumentKeyDown);
-  }
-  removeOpenListeners() {
-    var e;
-    document.removeEventListener("keydown", this.handleDocumentKeyDown), (e = this.closeWatcher) == null || e.destroy();
-  }
-  async handleOpenChange() {
-    if (this.open) {
-      this.emit("sl-show"), this.addOpenListeners(), this.originalTrigger = document.activeElement, this.contained || (this.modal.activate(), h(this));
-      const e = this.querySelector("[autofocus]");
-      e && e.removeAttribute("autofocus"), await Promise.all([d(this.drawer), d(this.overlay)]), this.drawer.hidden = !1, requestAnimationFrame(() => {
-        this.emit("sl-initial-focus", { cancelable: !0 }).defaultPrevented || (e ? e.focus({ preventScroll: !0 }) : this.panel.focus({ preventScroll: !0 })), e && e.setAttribute("autofocus", "");
-      });
-      const i = s(this, `drawer.show${w(this.placement)}`, {
-        dir: this.localize.dir()
-      }), o = s(this, "drawer.overlay.show", { dir: this.localize.dir() });
-      await Promise.all([
-        n(this.panel, i.keyframes, i.options),
-        n(this.overlay, o.keyframes, o.options)
-      ]), this.emit("sl-after-show");
-    } else {
-      _(this), this.emit("sl-hide"), this.removeOpenListeners(), this.contained || (this.modal.deactivate(), c(this)), await Promise.all([d(this.drawer), d(this.overlay)]);
-      const e = s(this, `drawer.hide${w(this.placement)}`, {
-        dir: this.localize.dir()
-      }), i = s(this, "drawer.overlay.hide", { dir: this.localize.dir() });
-      await Promise.all([
-        n(this.overlay, i.keyframes, i.options).then(() => {
-          this.overlay.hidden = !0;
-        }),
-        n(this.panel, e.keyframes, e.options).then(() => {
-          this.panel.hidden = !0;
-        })
-      ]), this.drawer.hidden = !0, this.overlay.hidden = !1, this.panel.hidden = !1;
-      const o = this.originalTrigger;
-      typeof o?.focus == "function" && setTimeout(() => o.focus()), this.emit("sl-after-hide");
-    }
-  }
-  handleNoModalChange() {
-    this.open && !this.contained && (this.modal.activate(), h(this)), this.open && this.contained && (this.modal.deactivate(), c(this));
-  }
-  /** Shows the drawer. */
-  async show() {
-    if (!this.open)
-      return this.open = !0, m(this, "sl-after-show");
-  }
-  /** Hides the drawer */
-  async hide() {
-    if (this.open)
-      return this.open = !1, m(this, "sl-after-hide");
-  }
-  render() {
-    return f`
+var w = class extends o {
+	constructor() {
+		super(...arguments), this.hasSlotController = new s(this, "footer"), this.localize = new d(this), this.modal = new b(this), this.open = !1, this.label = "", this.placement = "end", this.contained = !1, this.noHeader = !1, this.handleDocumentKeyDown = (e) => {
+			this.contained || e.key === "Escape" && this.modal.isActive() && this.open && (e.stopImmediatePropagation(), this.requestClose("keyboard"));
+		};
+	}
+	firstUpdated() {
+		this.drawer.hidden = !this.open, this.open && (this.addOpenListeners(), this.contained || (this.modal.activate(), y(this)));
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), v(this), this.removeOpenListeners();
+	}
+	requestClose(e) {
+		if (this.emit("sl-request-close", {
+			cancelable: !0,
+			detail: { source: e }
+		}).defaultPrevented) {
+			let e = p(this, "drawer.denyClose", { dir: this.localize.dir() });
+			m(this.panel, e.keyframes, e.options);
+			return;
+		}
+		this.hide();
+	}
+	addOpenListeners() {
+		var e;
+		"CloseWatcher" in window ? ((e = this.closeWatcher) == null || e.destroy(), this.contained || (this.closeWatcher = new CloseWatcher(), this.closeWatcher.onclose = () => this.requestClose("keyboard"))) : document.addEventListener("keydown", this.handleDocumentKeyDown);
+	}
+	removeOpenListeners() {
+		var e;
+		document.removeEventListener("keydown", this.handleDocumentKeyDown), (e = this.closeWatcher) == null || e.destroy();
+	}
+	async handleOpenChange() {
+		if (this.open) {
+			this.emit("sl-show"), this.addOpenListeners(), this.originalTrigger = document.activeElement, this.contained || (this.modal.activate(), y(this));
+			let e = this.querySelector("[autofocus]");
+			e && e.removeAttribute("autofocus"), await Promise.all([h(this.drawer), h(this.overlay)]), this.drawer.hidden = !1, requestAnimationFrame(() => {
+				this.emit("sl-initial-focus", { cancelable: !0 }).defaultPrevented || (e ? e.focus({ preventScroll: !0 }) : this.panel.focus({ preventScroll: !0 })), e && e.setAttribute("autofocus", "");
+			});
+			let t = p(this, `drawer.show${C(this.placement)}`, { dir: this.localize.dir() }), n = p(this, "drawer.overlay.show", { dir: this.localize.dir() });
+			await Promise.all([m(this.panel, t.keyframes, t.options), m(this.overlay, n.keyframes, n.options)]), this.emit("sl-after-show");
+		} else {
+			x(this), this.emit("sl-hide"), this.removeOpenListeners(), this.contained || (this.modal.deactivate(), v(this)), await Promise.all([h(this.drawer), h(this.overlay)]);
+			let e = p(this, `drawer.hide${C(this.placement)}`, { dir: this.localize.dir() }), t = p(this, "drawer.overlay.hide", { dir: this.localize.dir() });
+			await Promise.all([m(this.overlay, t.keyframes, t.options).then(() => {
+				this.overlay.hidden = !0;
+			}), m(this.panel, e.keyframes, e.options).then(() => {
+				this.panel.hidden = !0;
+			})]), this.drawer.hidden = !0, this.overlay.hidden = !1, this.panel.hidden = !1;
+			let n = this.originalTrigger;
+			typeof n?.focus == "function" && setTimeout(() => n.focus()), this.emit("sl-after-hide");
+		}
+	}
+	handleNoModalChange() {
+		this.open && !this.contained && (this.modal.activate(), y(this)), this.open && this.contained && (this.modal.deactivate(), v(this));
+	}
+	async show() {
+		if (!this.open) return this.open = !0, g(this, "sl-after-show");
+	}
+	async hide() {
+		if (this.open) return this.open = !1, g(this, "sl-after-hide");
+	}
+	render() {
+		return e`
       <div
         part="base"
-        class=${S({
-      drawer: !0,
-      "drawer--open": this.open,
-      "drawer--top": this.placement === "top",
-      "drawer--end": this.placement === "end",
-      "drawer--bottom": this.placement === "bottom",
-      "drawer--start": this.placement === "start",
-      "drawer--contained": this.contained,
-      "drawer--fixed": !this.contained,
-      "drawer--rtl": this.localize.dir() === "rtl",
-      "drawer--has-footer": this.hasSlotController.test("footer")
-    })}
+        class=${l({
+			drawer: !0,
+			"drawer--open": this.open,
+			"drawer--top": this.placement === "top",
+			"drawer--end": this.placement === "end",
+			"drawer--bottom": this.placement === "bottom",
+			"drawer--start": this.placement === "start",
+			"drawer--contained": this.contained,
+			"drawer--fixed": !this.contained,
+			"drawer--rtl": this.localize.dir() === "rtl",
+			"drawer--has-footer": this.hasSlotController.test("footer")
+		})}
       >
         <div part="overlay" class="drawer__overlay" @click=${() => this.requestClose("overlay")} tabindex="-1"></div>
 
@@ -272,11 +260,11 @@ var t = class extends z {
           aria-labelledby=${u(this.noHeader ? void 0 : "title")}
           tabindex="0"
         >
-          ${this.noHeader ? "" : f`
+          ${this.noHeader ? "" : e`
                 <header part="header" class="drawer__header">
                   <h2 part="title" class="drawer__title" id="title">
                     <!-- If there's no label, use an invisible character to prevent the header from collapsing -->
-                    <slot name="label"> ${this.label.length > 0 ? this.label : "\uFEFF"} </slot>
+                    <slot name="label"> ${this.label.length > 0 ? this.label : ""} </slot>
                   </h2>
                   <div part="header-actions" class="drawer__header-actions">
                     <slot name="header-actions"></slot>
@@ -301,126 +289,159 @@ var t = class extends z {
         </div>
       </div>
     `;
-  }
+	}
 };
-t.styles = [C, A];
-t.dependencies = { "sl-icon-button": b };
-r([
-  p(".drawer")
-], t.prototype, "drawer", 2);
-r([
-  p(".drawer__panel")
-], t.prototype, "panel", 2);
-r([
-  p(".drawer__overlay")
-], t.prototype, "overlay", 2);
-r([
-  l({ type: Boolean, reflect: !0 })
-], t.prototype, "open", 2);
-r([
-  l({ reflect: !0 })
-], t.prototype, "label", 2);
-r([
-  l({ reflect: !0 })
-], t.prototype, "placement", 2);
-r([
-  l({ type: Boolean, reflect: !0 })
-], t.prototype, "contained", 2);
-r([
-  l({ attribute: "no-header", type: Boolean, reflect: !0 })
-], t.prototype, "noHeader", 2);
-r([
-  y("open", { waitUntilFirstUpdate: !0 })
-], t.prototype, "handleOpenChange", 1);
-r([
-  y("contained", { waitUntilFirstUpdate: !0 })
-], t.prototype, "handleNoModalChange", 1);
-a("drawer.showTop", {
-  keyframes: [
-    { opacity: 0, translate: "0 -100%" },
-    { opacity: 1, translate: "0 0" }
-  ],
-  options: { duration: 250, easing: "ease" }
-});
-a("drawer.hideTop", {
-  keyframes: [
-    { opacity: 1, translate: "0 0" },
-    { opacity: 0, translate: "0 -100%" }
-  ],
-  options: { duration: 250, easing: "ease" }
-});
-a("drawer.showEnd", {
-  keyframes: [
-    { opacity: 0, translate: "100%" },
-    { opacity: 1, translate: "0" }
-  ],
-  rtlKeyframes: [
-    { opacity: 0, translate: "-100%" },
-    { opacity: 1, translate: "0" }
-  ],
-  options: { duration: 250, easing: "ease" }
-});
-a("drawer.hideEnd", {
-  keyframes: [
-    { opacity: 1, translate: "0" },
-    { opacity: 0, translate: "100%" }
-  ],
-  rtlKeyframes: [
-    { opacity: 1, translate: "0" },
-    { opacity: 0, translate: "-100%" }
-  ],
-  options: { duration: 250, easing: "ease" }
-});
-a("drawer.showBottom", {
-  keyframes: [
-    { opacity: 0, translate: "0 100%" },
-    { opacity: 1, translate: "0 0" }
-  ],
-  options: { duration: 250, easing: "ease" }
-});
-a("drawer.hideBottom", {
-  keyframes: [
-    { opacity: 1, translate: "0 0" },
-    { opacity: 0, translate: "0 100%" }
-  ],
-  options: { duration: 250, easing: "ease" }
+w.styles = [i, S], w.dependencies = { "sl-icon-button": _ }, a([r(".drawer")], w.prototype, "drawer", 2), a([r(".drawer__panel")], w.prototype, "panel", 2), a([r(".drawer__overlay")], w.prototype, "overlay", 2), a([n({
+	type: Boolean,
+	reflect: !0
+})], w.prototype, "open", 2), a([n({ reflect: !0 })], w.prototype, "label", 2), a([n({ reflect: !0 })], w.prototype, "placement", 2), a([n({
+	type: Boolean,
+	reflect: !0
+})], w.prototype, "contained", 2), a([n({
+	attribute: "no-header",
+	type: Boolean,
+	reflect: !0
+})], w.prototype, "noHeader", 2), a([c("open", { waitUntilFirstUpdate: !0 })], w.prototype, "handleOpenChange", 1), a([c("contained", { waitUntilFirstUpdate: !0 })], w.prototype, "handleNoModalChange", 1), f("drawer.showTop", {
+	keyframes: [{
+		opacity: 0,
+		translate: "0 -100%"
+	}, {
+		opacity: 1,
+		translate: "0 0"
+	}],
+	options: {
+		duration: 250,
+		easing: "ease"
+	}
+}), f("drawer.hideTop", {
+	keyframes: [{
+		opacity: 1,
+		translate: "0 0"
+	}, {
+		opacity: 0,
+		translate: "0 -100%"
+	}],
+	options: {
+		duration: 250,
+		easing: "ease"
+	}
+}), f("drawer.showEnd", {
+	keyframes: [{
+		opacity: 0,
+		translate: "100%"
+	}, {
+		opacity: 1,
+		translate: "0"
+	}],
+	rtlKeyframes: [{
+		opacity: 0,
+		translate: "-100%"
+	}, {
+		opacity: 1,
+		translate: "0"
+	}],
+	options: {
+		duration: 250,
+		easing: "ease"
+	}
+}), f("drawer.hideEnd", {
+	keyframes: [{
+		opacity: 1,
+		translate: "0"
+	}, {
+		opacity: 0,
+		translate: "100%"
+	}],
+	rtlKeyframes: [{
+		opacity: 1,
+		translate: "0"
+	}, {
+		opacity: 0,
+		translate: "-100%"
+	}],
+	options: {
+		duration: 250,
+		easing: "ease"
+	}
+}), f("drawer.showBottom", {
+	keyframes: [{
+		opacity: 0,
+		translate: "0 100%"
+	}, {
+		opacity: 1,
+		translate: "0 0"
+	}],
+	options: {
+		duration: 250,
+		easing: "ease"
+	}
+}), f("drawer.hideBottom", {
+	keyframes: [{
+		opacity: 1,
+		translate: "0 0"
+	}, {
+		opacity: 0,
+		translate: "0 100%"
+	}],
+	options: {
+		duration: 250,
+		easing: "ease"
+	}
+}), f("drawer.showStart", {
+	keyframes: [{
+		opacity: 0,
+		translate: "-100%"
+	}, {
+		opacity: 1,
+		translate: "0"
+	}],
+	rtlKeyframes: [{
+		opacity: 0,
+		translate: "100%"
+	}, {
+		opacity: 1,
+		translate: "0"
+	}],
+	options: {
+		duration: 250,
+		easing: "ease"
+	}
+}), f("drawer.hideStart", {
+	keyframes: [{
+		opacity: 1,
+		translate: "0"
+	}, {
+		opacity: 0,
+		translate: "-100%"
+	}],
+	rtlKeyframes: [{
+		opacity: 1,
+		translate: "0"
+	}, {
+		opacity: 0,
+		translate: "100%"
+	}],
+	options: {
+		duration: 250,
+		easing: "ease"
+	}
+}), f("drawer.denyClose", {
+	keyframes: [
+		{ scale: 1 },
+		{ scale: 1.01 },
+		{ scale: 1 }
+	],
+	options: { duration: 250 }
+}), f("drawer.overlay.show", {
+	keyframes: [{ opacity: 0 }, { opacity: 1 }],
+	options: { duration: 250 }
+}), f("drawer.overlay.hide", {
+	keyframes: [{ opacity: 1 }, { opacity: 0 }],
+	options: { duration: 250 }
 });
-a("drawer.showStart", {
-  keyframes: [
-    { opacity: 0, translate: "-100%" },
-    { opacity: 1, translate: "0" }
-  ],
-  rtlKeyframes: [
-    { opacity: 0, translate: "100%" },
-    { opacity: 1, translate: "0" }
-  ],
-  options: { duration: 250, easing: "ease" }
-});
-a("drawer.hideStart", {
-  keyframes: [
-    { opacity: 1, translate: "0" },
-    { opacity: 0, translate: "-100%" }
-  ],
-  rtlKeyframes: [
-    { opacity: 1, translate: "0" },
-    { opacity: 0, translate: "100%" }
-  ],
-  options: { duration: 250, easing: "ease" }
-});
-a("drawer.denyClose", {
-  keyframes: [{ scale: 1 }, { scale: 1.01 }, { scale: 1 }],
-  options: { duration: 250 }
-});
-a("drawer.overlay.show", {
-  keyframes: [{ opacity: 0 }, { opacity: 1 }],
-  options: { duration: 250 }
-});
-a("drawer.overlay.hide", {
-  keyframes: [{ opacity: 1 }, { opacity: 0 }],
-  options: { duration: 250 }
-});
-var I = t;
-t.define("sl-drawer");
-export {
-  I as d
-};
+//#endregion
+//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.SAPQLUO4.js
+var T = w;
+w.define("sl-drawer");
+//#endregion
+export { T as t };

package/chunks/chunk.SI4ACBFK.js

@@ -1,5 +1,140 @@
-import { i as o } from "./lit-element.js";
-var r = o`
+import { u as e } from "./lit.js";
+import { a as t, i as n } from "./chunk.4TUIT776.js";
+//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.3RPBFEDE.js
+var r = /* @__PURE__ */ new WeakMap(), i = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakSet(), s = /* @__PURE__ */ new WeakMap(), c = class {
+	constructor(e, n) {
+		this.handleFormData = (e) => {
+			let t = this.options.disabled(this.host), n = this.options.name(this.host), r = this.options.value(this.host), i = this.host.tagName.toLowerCase() === "sl-button";
+			this.host.isConnected && !t && !i && typeof n == "string" && n.length > 0 && r !== void 0 && (Array.isArray(r) ? r.forEach((t) => {
+				e.formData.append(n, t.toString());
+			}) : e.formData.append(n, r.toString()));
+		}, this.handleFormSubmit = (e) => {
+			var t;
+			let n = this.options.disabled(this.host), i = this.options.reportValidity;
+			this.form && !this.form.noValidate && ((t = r.get(this.form)) == null || t.forEach((e) => {
+				this.setUserInteracted(e, !0);
+			})), this.form && !this.form.noValidate && !n && !i(this.host) && (e.preventDefault(), e.stopImmediatePropagation());
+		}, this.handleFormReset = () => {
+			this.options.setValue(this.host, this.options.defaultValue(this.host)), this.setUserInteracted(this.host, !1), s.set(this.host, []);
+		}, this.handleInteraction = (e) => {
+			let t = s.get(this.host);
+			t.includes(e.type) || t.push(e.type), t.length === this.options.assumeInteractionOn.length && this.setUserInteracted(this.host, !0);
+		}, this.checkFormValidity = () => {
+			if (this.form && !this.form.noValidate) {
+				let e = this.form.querySelectorAll("*");
+				for (let t of e) if (typeof t.checkValidity == "function" && !t.checkValidity()) return !1;
+			}
+			return !0;
+		}, this.reportFormValidity = () => {
+			if (this.form && !this.form.noValidate) {
+				let e = this.form.querySelectorAll("*");
+				for (let t of e) if (typeof t.reportValidity == "function" && !t.reportValidity()) return !1;
+			}
+			return !0;
+		}, (this.host = e).addController(this), this.options = t({
+			form: (e) => {
+				let t = e.form;
+				if (t) {
+					let n = e.getRootNode().querySelector(`#${t}`);
+					if (n) return n;
+				}
+				return e.closest("form");
+			},
+			name: (e) => e.name,
+			value: (e) => e.value,
+			defaultValue: (e) => e.defaultValue,
+			disabled: (e) => e.disabled ?? !1,
+			reportValidity: (e) => typeof e.reportValidity == "function" ? e.reportValidity() : !0,
+			checkValidity: (e) => typeof e.checkValidity == "function" ? e.checkValidity() : !0,
+			setValue: (e, t) => e.value = t,
+			assumeInteractionOn: ["sl-input"]
+		}, n);
+	}
+	hostConnected() {
+		let e = this.options.form(this.host);
+		e && this.attachForm(e), s.set(this.host, []), this.options.assumeInteractionOn.forEach((e) => {
+			this.host.addEventListener(e, this.handleInteraction);
+		});
+	}
+	hostDisconnected() {
+		this.detachForm(), s.delete(this.host), this.options.assumeInteractionOn.forEach((e) => {
+			this.host.removeEventListener(e, this.handleInteraction);
+		});
+	}
+	hostUpdated() {
+		let e = this.options.form(this.host);
+		e || this.detachForm(), e && this.form !== e && (this.detachForm(), this.attachForm(e)), this.host.hasUpdated && this.setValidity(this.host.validity.valid);
+	}
+	attachForm(e) {
+		e ? (this.form = e, r.has(this.form) ? r.get(this.form).add(this.host) : r.set(this.form, /* @__PURE__ */ new Set([this.host])), this.form.addEventListener("formdata", this.handleFormData), this.form.addEventListener("submit", this.handleFormSubmit), this.form.addEventListener("reset", this.handleFormReset), i.has(this.form) || (i.set(this.form, this.form.reportValidity), this.form.reportValidity = () => this.reportFormValidity()), a.has(this.form) || (a.set(this.form, this.form.checkValidity), this.form.checkValidity = () => this.checkFormValidity())) : this.form = void 0;
+	}
+	detachForm() {
+		if (!this.form) return;
+		let e = r.get(this.form);
+		e && (e.delete(this.host), e.size <= 0 && (this.form.removeEventListener("formdata", this.handleFormData), this.form.removeEventListener("submit", this.handleFormSubmit), this.form.removeEventListener("reset", this.handleFormReset), i.has(this.form) && (this.form.reportValidity = i.get(this.form), i.delete(this.form)), a.has(this.form) && (this.form.checkValidity = a.get(this.form), a.delete(this.form)), this.form = void 0));
+	}
+	setUserInteracted(e, t) {
+		t ? o.add(e) : o.delete(e), e.requestUpdate();
+	}
+	doAction(e, t) {
+		if (this.form) {
+			let n = document.createElement("button");
+			n.type = e, n.style.position = "absolute", n.style.width = "0", n.style.height = "0", n.style.clipPath = "inset(50%)", n.style.overflow = "hidden", n.style.whiteSpace = "nowrap", t && (n.name = t.name, n.value = t.value, [
+				"formaction",
+				"formenctype",
+				"formmethod",
+				"formnovalidate",
+				"formtarget"
+			].forEach((e) => {
+				t.hasAttribute(e) && n.setAttribute(e, t.getAttribute(e));
+			})), this.form.append(n), n.click(), n.remove();
+		}
+	}
+	getForm() {
+		return this.form ?? null;
+	}
+	reset(e) {
+		this.doAction("reset", e);
+	}
+	submit(e) {
+		this.doAction("submit", e);
+	}
+	setValidity(e) {
+		let t = this.host, n = !!o.has(t), r = !!t.required;
+		t.toggleAttribute("data-required", r), t.toggleAttribute("data-optional", !r), t.toggleAttribute("data-invalid", !e), t.toggleAttribute("data-valid", e), t.toggleAttribute("data-user-invalid", !e && n), t.toggleAttribute("data-user-valid", e && n);
+	}
+	updateValidity() {
+		let e = this.host;
+		this.setValidity(e.validity.valid);
+	}
+	emitInvalidEvent(e) {
+		let t = new CustomEvent("sl-invalid", {
+			bubbles: !1,
+			composed: !1,
+			cancelable: !0,
+			detail: {}
+		});
+		e || t.preventDefault(), this.host.dispatchEvent(t) || e?.preventDefault();
+	}
+}, l = Object.freeze({
+	badInput: !1,
+	customError: !1,
+	patternMismatch: !1,
+	rangeOverflow: !1,
+	rangeUnderflow: !1,
+	stepMismatch: !1,
+	tooLong: !1,
+	tooShort: !1,
+	typeMismatch: !1,
+	valid: !0,
+	valueMissing: !1
+}), u = Object.freeze(n(t({}, l), {
+	valid: !1,
+	valueMissing: !0
+})), d = Object.freeze(n(t({}, l), {
+	valid: !1,
+	customError: !0
+})), f = e`
   .form-control .form-control__label {
     display: none;
   }
@@ -56,6 +191,5 @@ var r = o`
     margin-top: var(--sl-spacing-2x-small);
   }
 `;
-export {
-  r as f
-};
+//#endregion
+export { u as a, l as i, c as n, d as r, f as t };