@oslokommune/punkt-elements 16.25.2 → 16.26.2

package/dist/input-element-C_zP_x4a.js

@@ -0,0 +1,656 @@
+import { n as e, o as t, r as n } from "./element-BoJrqauR.js";
+import { t as r } from "./element-with-slot-mXLg8gg8.js";
+import { n as i } from "./utils-BwF4QSrq.js";
+import { t as a } from "./booleanish-MfutDT_4.js";
+import { t as o } from "./input-wrapper-DwwE0JcO.js";
+//#region ../../node_modules/element-internals-polyfill/dist/maps.js
+var s = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), g = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new WeakMap(), x = (e, t, n) => {
+	e.getAttribute(t) !== n && e.setAttribute(t, n);
+}, S = (e, t) => {
+	e.toggleAttribute("internals-disabled", t), t ? x(e, "aria-disabled", "true") : e.removeAttribute("aria-disabled"), e.formDisabledCallback && e.formDisabledCallback.apply(e, [t]);
+}, C = (e) => {
+	l.get(e).forEach((e) => {
+		e.remove();
+	}), l.set(e, []);
+}, w = (e, t) => {
+	let n = document.createElement("input");
+	return n.type = "hidden", n.name = e.getAttribute("name"), e.after(n), l.get(t).push(n), n;
+}, T = (e, t) => {
+	if (t.length) {
+		let n = Array.from(t);
+		n.forEach((t) => t.addEventListener("click", e.click.bind(e)));
+		let [r] = n, i = r.id;
+		r.id ||= (i = `${r.htmlFor}_Label`, i), x(e, "aria-labelledby", i);
+	}
+}, E = (e) => {
+	let t = Array.from(e.elements).filter((e) => !e.tagName.includes("-") && e.validity).map((e) => e.validity.valid), n = p.get(e) || [], r = Array.from(n).filter((e) => e.isConnected).map((e) => u.get(e).validity.valid), i = [...t, ...r].includes(!1);
+	e.toggleAttribute("internals-invalid", i), e.toggleAttribute("internals-valid", !i);
+}, te = (e) => {
+	E(O(e.target));
+}, ne = (e) => {
+	E(O(e.target));
+}, re = (e) => {
+	let t = [
+		"button[type=submit]",
+		"input[type=submit]",
+		"button:not([type])"
+	].map((e) => `${e}:not([disabled])`).map((t) => `${t}:not([form])${e.id ? `,${t}[form='${e.id}']` : ""}`).join(",");
+	e.addEventListener("click", (n) => {
+		if (n.target.closest(t)) {
+			let t = p.get(e);
+			if (e.noValidate) return;
+			t.size && Array.from(t).reverse().map((e) => u.get(e).reportValidity()).includes(!1) && n.preventDefault();
+		}
+	});
+}, ie = (e) => {
+	let t = p.get(e.target);
+	t && t.size && t.forEach((e) => {
+		e.constructor.formAssociated && e.formResetCallback && e.formResetCallback.apply(e);
+	});
+}, D = (e, t, n) => {
+	if (t) {
+		let r = p.get(t);
+		if (r) r.add(e);
+		else {
+			let n = /* @__PURE__ */ new Set();
+			n.add(e), p.set(t, n), re(t), t.addEventListener("reset", ie), t.addEventListener("input", te), t.addEventListener("change", ne);
+		}
+		ee.set(t, {
+			ref: e,
+			internals: n
+		}), e.constructor.formAssociated && e.formAssociatedCallback && setTimeout(() => {
+			e.formAssociatedCallback.apply(e, [t]);
+		}, 0), E(t);
+	}
+}, O = (e) => {
+	let t = e.parentNode;
+	return t && t.tagName !== "FORM" && (t = O(t)), t;
+}, k = (e, t, n = DOMException) => {
+	if (!e.constructor.formAssociated) throw new n(t);
+}, A = (e, t, n) => {
+	let r = p.get(e);
+	return r && r.size && r.forEach((e) => {
+		u.get(e)[n]() || (t = !1);
+	}), t;
+}, j = (e) => {
+	let t = !1;
+	if (e.constructor.formAssociated) {
+		let n = u.get(e);
+		n === void 0 && (e.attachInternals(), n = u.get(e), t = !0);
+		let { labels: r, form: i } = n;
+		T(e, r), D(e, i, n);
+	}
+	return t;
+};
+function M() {
+	return typeof MutationObserver < "u";
+}
+//#endregion
+//#region ../../node_modules/element-internals-polyfill/dist/aom.js
+var N = {
+	ariaAtomic: "aria-atomic",
+	ariaAutoComplete: "aria-autocomplete",
+	ariaBrailleLabel: "aria-braillelabel",
+	ariaBrailleRoleDescription: "aria-brailleroledescription",
+	ariaBusy: "aria-busy",
+	ariaChecked: "aria-checked",
+	ariaColCount: "aria-colcount",
+	ariaColIndex: "aria-colindex",
+	ariaColIndexText: "aria-colindextext",
+	ariaColSpan: "aria-colspan",
+	ariaCurrent: "aria-current",
+	ariaDescription: "aria-description",
+	ariaDisabled: "aria-disabled",
+	ariaExpanded: "aria-expanded",
+	ariaHasPopup: "aria-haspopup",
+	ariaHidden: "aria-hidden",
+	ariaInvalid: "aria-invalid",
+	ariaKeyShortcuts: "aria-keyshortcuts",
+	ariaLabel: "aria-label",
+	ariaLevel: "aria-level",
+	ariaLive: "aria-live",
+	ariaModal: "aria-modal",
+	ariaMultiLine: "aria-multiline",
+	ariaMultiSelectable: "aria-multiselectable",
+	ariaOrientation: "aria-orientation",
+	ariaPlaceholder: "aria-placeholder",
+	ariaPosInSet: "aria-posinset",
+	ariaPressed: "aria-pressed",
+	ariaReadOnly: "aria-readonly",
+	ariaRelevant: "aria-relevant",
+	ariaRequired: "aria-required",
+	ariaRoleDescription: "aria-roledescription",
+	ariaRowCount: "aria-rowcount",
+	ariaRowIndex: "aria-rowindex",
+	ariaRowIndexText: "aria-rowindextext",
+	ariaRowSpan: "aria-rowspan",
+	ariaSelected: "aria-selected",
+	ariaSetSize: "aria-setsize",
+	ariaSort: "aria-sort",
+	ariaValueMax: "aria-valuemax",
+	ariaValueMin: "aria-valuemin",
+	ariaValueNow: "aria-valuenow",
+	ariaValueText: "aria-valuetext",
+	role: "role"
+}, ae = (e, t) => {
+	for (let n in N) {
+		t[n] = null;
+		let r = null, i = N[n];
+		Object.defineProperty(t, n, {
+			get() {
+				return r;
+			},
+			set(n) {
+				r = n, e.isConnected ? x(e, i, n) : h.set(e, t);
+			}
+		});
+	}
+}, oe = (e, t) => {
+	l.set(t, []), L.observe?.(e, I);
+};
+function P(e) {
+	let t = u.get(e), { form: n } = t;
+	D(e, n, t), T(e, t.labels);
+}
+var F = (e, t = !1) => {
+	let n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode(e) {
+		return u.has(e) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+	} }), r = n.nextNode(), i = !t || e.disabled;
+	for (; r;) r.formDisabledCallback && i && S(r, e.disabled), r = n.nextNode();
+}, I = {
+	attributes: !0,
+	attributeFilter: ["disabled", "name"]
+}, L = M() ? new MutationObserver((e) => {
+	for (let t of e) {
+		let e = t.target;
+		if (t.attributeName === "disabled" && (e.constructor.formAssociated ? S(e, e.hasAttribute("disabled")) : e.localName === "fieldset" && F(e)), t.attributeName === "name" && e.constructor.formAssociated) {
+			let t = u.get(e), n = m.get(e);
+			t.setFormValue(n);
+		}
+	}
+}) : {};
+function R(e) {
+	e.forEach((e) => {
+		let { addedNodes: t, removedNodes: n } = e, r = Array.from(t), i = Array.from(n);
+		r.forEach((e) => {
+			if (u.has(e) && e.constructor.formAssociated && P(e), h.has(e)) {
+				let t = h.get(e);
+				Object.keys(N).filter((e) => t[e] !== null).forEach((n) => {
+					x(e, N[n], t[n]);
+				}), h.delete(e);
+			}
+			if (b.has(e)) {
+				let t = b.get(e);
+				x(e, "internals-valid", t.validity.valid.toString()), x(e, "internals-invalid", (!t.validity.valid).toString()), x(e, "aria-invalid", (!t.validity.valid).toString()), b.delete(e);
+			}
+			if (e.localName === "form") {
+				let t = p.get(e), n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode(e) {
+					return u.has(e) && e.constructor.formAssociated && !(t && t.has(e)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+				} }), r = n.nextNode();
+				for (; r;) P(r), r = n.nextNode();
+			}
+			e.localName === "fieldset" && (L.observe?.(e, I), F(e, !0));
+		}), i.forEach((e) => {
+			let t = u.get(e);
+			t && l.get(t) && C(t), f.has(e) && f.get(e).disconnect();
+		});
+	});
+}
+function se(e) {
+	e.forEach((e) => {
+		let { removedNodes: t } = e;
+		t.forEach((t) => {
+			let n = v.get(e.target);
+			u.has(t) && j(t), n.disconnect();
+		});
+	});
+}
+var ce = (e) => {
+	let t = new MutationObserver(se);
+	window?.ShadyDOM?.inUse && e.mode && e.host && (e = e.host), t.observe?.(e, { childList: !0 }), v.set(e, t);
+};
+M() && new MutationObserver(R);
+var z = {
+	childList: !0,
+	subtree: !0
+}, le = class {
+	constructor() {
+		this.badInput = !1, this.customError = !1, this.patternMismatch = !1, this.rangeOverflow = !1, this.rangeUnderflow = !1, this.stepMismatch = !1, this.tooLong = !1, this.tooShort = !1, this.typeMismatch = !1, this.valid = !0, this.valueMissing = !1, Object.seal(this);
+	}
+}, ue = (e) => (e.badInput = !1, e.customError = !1, e.patternMismatch = !1, e.rangeOverflow = !1, e.rangeUnderflow = !1, e.stepMismatch = !1, e.tooLong = !1, e.tooShort = !1, e.typeMismatch = !1, e.valid = !0, e.valueMissing = !1, e), B = (e, t, n) => (e.valid = de(t), Object.keys(t).forEach((n) => e[n] = t[n]), n && E(n), e), de = (e) => {
+	let t = !0;
+	for (let n in e) n !== "valid" && e[n] !== !1 && (t = !1);
+	return t;
+}, V = /* @__PURE__ */ new WeakMap();
+function H(e, t) {
+	e.toggleAttribute(t, !0), e.part && e.part.add(t);
+}
+var U = class extends Set {
+	static get isPolyfilled() {
+		return !0;
+	}
+	constructor(e) {
+		if (super(), !e || !e.tagName || e.tagName.indexOf("-") === -1) throw TypeError("Illegal constructor");
+		V.set(this, e);
+	}
+	add(e) {
+		if (!/^--/.test(e) || typeof e != "string") throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${e} must start with '--'.`);
+		let t = super.add(e), n = V.get(this), r = `state${e}`;
+		return n.isConnected ? H(n, r) : setTimeout(() => {
+			H(n, r);
+		}), t;
+	}
+	clear() {
+		for (let [e] of this.entries()) this.delete(e);
+		super.clear();
+	}
+	delete(e) {
+		let t = super.delete(e), n = V.get(this);
+		return n.isConnected ? (n.toggleAttribute(`state${e}`, !1), n.part && n.part.remove(`state${e}`)) : setTimeout(() => {
+			n.toggleAttribute(`state${e}`, !1), n.part && n.part.remove(`state${e}`);
+		}), t;
+	}
+}, fe = function(e, t, n, r, i) {
+	if (r === "m") throw TypeError("Private method is not writable");
+	if (r === "a" && !i) throw TypeError("Private accessor was defined without a setter");
+	if (typeof t == "function" ? e !== t || !i : !t.has(e)) throw TypeError("Cannot write private member to an object whose class did not declare it");
+	return r === "a" ? i.call(e, n) : i ? i.value = n : t.set(e, n), n;
+}, W = function(e, t, n, r) {
+	if (n === "a" && !r) throw TypeError("Private accessor was defined without a getter");
+	if (typeof t == "function" ? e !== t || !r : !t.has(e)) throw TypeError("Cannot read private member from an object whose class did not declare it");
+	return n === "m" ? r : n === "a" ? r.call(e) : r ? r.value : t.get(e);
+}, G, pe = class {
+	constructor(e) {
+		G.set(this, void 0), fe(this, G, e, "f");
+		for (let t = 0; t < e.length; t++) {
+			let n = e[t];
+			this[t] = n, n.hasAttribute("name") && (this[n.getAttribute("name")] = n);
+		}
+		Object.freeze(this);
+	}
+	get length() {
+		return W(this, G, "f").length;
+	}
+	[(G = /* @__PURE__ */ new WeakMap(), Symbol.iterator)]() {
+		return W(this, G, "f")[Symbol.iterator]();
+	}
+	item(e) {
+		return this[e] == null ? null : this[e];
+	}
+	namedItem(e) {
+		return this[e] == null ? null : this[e];
+	}
+};
+//#endregion
+//#region ../../node_modules/element-internals-polyfill/dist/patch-form-prototype.js
+function me() {
+	let e = HTMLFormElement.prototype.checkValidity;
+	HTMLFormElement.prototype.checkValidity = n;
+	let t = HTMLFormElement.prototype.reportValidity;
+	HTMLFormElement.prototype.reportValidity = r;
+	function n(...t) {
+		let n = e.apply(this, t);
+		return A(this, n, "checkValidity");
+	}
+	function r(...e) {
+		let n = t.apply(this, e);
+		return A(this, n, "reportValidity");
+	}
+	let { get: i } = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, "elements");
+	Object.defineProperty(HTMLFormElement.prototype, "elements", { get(...e) {
+		let t = i.call(this, ...e), n = Array.from(p.get(this) || []);
+		return n.length === 0 ? t : new pe(Array.from(t).concat(n).sort((e, t) => e.compareDocumentPosition ? e.compareDocumentPosition(t) & 2 ? 1 : -1 : 0));
+	} });
+}
+//#endregion
+//#region ../../node_modules/element-internals-polyfill/dist/element-internals.js
+var K = class {
+	static get isPolyfilled() {
+		return !0;
+	}
+	constructor(e) {
+		if (!e || !e.tagName || e.tagName.indexOf("-") === -1) throw TypeError("Illegal constructor");
+		let t = e.getRootNode(), n = new le();
+		this.states = new U(e), s.set(this, e), c.set(this, n), u.set(e, this), ae(e, this), oe(e, this), Object.seal(this), t instanceof DocumentFragment && ce(t);
+	}
+	checkValidity() {
+		let e = s.get(this);
+		if (k(e, "Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !this.willValidate) return !0;
+		let t = c.get(this);
+		if (!t.valid) {
+			let t = new Event("invalid", {
+				bubbles: !1,
+				cancelable: !0,
+				composed: !1
+			});
+			e.dispatchEvent(t);
+		}
+		return t.valid;
+	}
+	get form() {
+		let e = s.get(this);
+		k(e, "Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element.");
+		let t;
+		return e.constructor.formAssociated === !0 && (t = O(e)), t;
+	}
+	get labels() {
+		let e = s.get(this);
+		k(e, "Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");
+		let t = e.getAttribute("id"), n = e.getRootNode();
+		return n && t ? n.querySelectorAll(`[for="${t}"]`) : [];
+	}
+	reportValidity() {
+		let e = s.get(this);
+		if (k(e, "Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !this.willValidate) return !0;
+		let t = this.checkValidity(), n = _.get(this);
+		if (n && !e.constructor.formAssociated) throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.");
+		return !t && n && (e.focus(), n.focus()), t;
+	}
+	setFormValue(e) {
+		let t = s.get(this);
+		if (k(t, "Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."), C(this), e != null && !(e instanceof FormData)) {
+			if (t.getAttribute("name")) {
+				let n = w(t, this);
+				n.value = e;
+			}
+		} else e != null && e instanceof FormData && Array.from(e).reverse().forEach(([e, n]) => {
+			if (typeof n == "string") {
+				let r = w(t, this);
+				r.name = e, r.value = n;
+			}
+		});
+		m.set(t, e);
+	}
+	setValidity(e, t, n) {
+		let r = s.get(this);
+		if (k(r, "Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !e) throw TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");
+		_.set(this, n);
+		let i = c.get(this), a = {};
+		for (let t in e) a[t] = e[t];
+		Object.keys(a).length === 0 && ue(i);
+		let o = {
+			...i,
+			...a
+		};
+		delete o.valid;
+		let { valid: l } = B(i, o, this.form);
+		if (!l && !t) throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");
+		d.set(this, l ? "" : t), r.isConnected ? (r.toggleAttribute("internals-invalid", !l), r.toggleAttribute("internals-valid", l), x(r, "aria-invalid", `${!l}`)) : b.set(r, this);
+	}
+	get shadowRoot() {
+		let e = s.get(this);
+		return g.get(e) || null;
+	}
+	get validationMessage() {
+		return k(s.get(this), "Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."), d.get(this);
+	}
+	get validity() {
+		return k(s.get(this), "Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."), c.get(this);
+	}
+	get willValidate() {
+		let e = s.get(this);
+		return k(e, "Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."), !(e.matches(":disabled") || e.disabled || e.hasAttribute("disabled") || e.hasAttribute("readonly"));
+	}
+};
+function he() {
+	if (typeof window > "u" || !window.ElementInternals || !HTMLElement.prototype.attachInternals) return !1;
+	class e extends HTMLElement {
+		constructor() {
+			super(), this.internals = this.attachInternals();
+		}
+	}
+	let t = `element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g, "")}`;
+	customElements.define(t, e);
+	let n = new e();
+	return [
+		"shadowRoot",
+		"form",
+		"willValidate",
+		"validity",
+		"validationMessage",
+		"labels",
+		"setFormValue",
+		"setValidity",
+		"checkValidity",
+		"reportValidity"
+	].every((e) => e in n.internals);
+}
+var q = !1, J = !1;
+function Y(e) {
+	J || (J = !0, window.CustomStateSet = U, e && (HTMLElement.prototype.attachInternals = function(...t) {
+		let n = e.call(this, t);
+		return n.states = new U(this), n;
+	}));
+}
+function ge(e = !0) {
+	let t = !1;
+	if (!q) {
+		if (q = !0, typeof window < "u" && (window.ElementInternals = K), typeof CustomElementRegistry < "u") {
+			let e = CustomElementRegistry.prototype.define;
+			CustomElementRegistry.prototype.define = function(n, r, i) {
+				if (r.formAssociated) {
+					let e = r.prototype.connectedCallback;
+					r.prototype.connectedCallback = function() {
+						y.has(this) || (y.set(this, !0), this.hasAttribute("disabled") && S(this, !0)), e?.apply(this), t = j(this);
+					};
+				}
+				e.call(this, n, r, i);
+			};
+		}
+		if (typeof HTMLElement < "u" && (HTMLElement.prototype.attachInternals = function() {
+			if (!this.tagName) return {};
+			if (this.tagName.indexOf("-") === -1) throw Error("Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.");
+			if (u.has(this) && !t) throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");
+			return new K(this);
+		}), typeof Element < "u") {
+			function e(...e) {
+				let n = t.apply(this, e);
+				if (g.set(this, n), M()) {
+					let e = new MutationObserver(R);
+					window.ShadyDOM ? e.observe(this, z) : e.observe(n, z), f.set(this, e);
+				}
+				return n;
+			}
+			let t = Element.prototype.attachShadow;
+			Element.prototype.attachShadow = e;
+		}
+		M() && typeof document < "u" && new MutationObserver(R).observe(document.documentElement, z), typeof HTMLFormElement < "u" && me(), (e || typeof window < "u" && !window.CustomStateSet) && Y();
+	}
+}
+//#endregion
+//#region ../../node_modules/element-internals-polyfill/dist/index.js
+customElements.polyfillWrapFlushCallback || (he() ? typeof window < "u" && !window.CustomStateSet && Y(HTMLElement.prototype.attachInternals) : ge(!1));
+//#endregion
+//#region src/base-elements/input-element.ts
+var X = "on", Z = "--checked", Q = ",", $ = class extends r {
+	static get formAssociated() {
+		return !0;
+	}
+	constructor() {
+		super(), this.defaultValue = null, this.disabled = !1, this.readonly = !1, this.required = !1, this.max = null, this.maxlength = null, this.min = null, this.minlength = null, this.step = null, this.ariaDescribedBy = null, this.ariaLabelledby = null, this.name = "", this.pattern = null, this.placeholder = null, this.id = i(), this.counter = !1, this.hasError = !1, this.inline = !1, this.hasFieldset = !1, this.optionalTag = !1, this.requiredTag = !1, this.skipForwardTestid = !1, this.useWrapper = !0, this.fullwidth = !1, this.counterMaxLength = 0, this.errorMessage = "", this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = o.props.helptextDropdownButton.default, this.label = null, this.optionalText = n.forms.labels.optional, this.requiredText = n.forms.labels.required, this.tagText = null, this.dataTestid = "", this.touched = !1, this.internals = this.attachInternals();
+	}
+	manageValidity(e) {
+		if (!e) {
+			console.warn("manageValidity called without valid input element");
+			return;
+		}
+		this.required && !this.value ? this.internals.setValidity({ valueMissing: !0 }, n.forms.messages.required, e) : e.validity?.typeMismatch || e.validity?.badInput ? this.internals.setValidity({ typeMismatch: !0 }, n.forms.messages.invalid, e) : e.validity?.patternMismatch ? this.internals.setValidity({ patternMismatch: !0 }, n.forms.messages.invalidPattern, e) : e.validity?.tooShort || this.minlength && this.minlength > 0 && this.value.length < this.minlength ? this.internals.setValidity({ tooShort: !0 }, n.forms.messages.tooShort, e) : e.validity?.tooLong || this.maxlength && this.maxlength > 0 && this.value.length > this.maxlength ? this.internals.setValidity({ tooLong: !0 }, n.forms.messages.tooLong, e) : e.validity?.rangeUnderflow ? this.internals.setValidity({ rangeUnderflow: !0 }, this.min ? n.forms.messages.rangeUnderflowMin.replace("{min}", this.min?.toString()) : n.forms.messages.rangeUnderflow, e) : e.validity?.stepMismatch ? this.internals.setValidity({ stepMismatch: !0 }, n.forms.messages.invalid, e) : e.validity?.rangeOverflow ? this.internals.setValidity({ rangeOverflow: !0 }, this.max ? n.forms.messages.rangeOverflowMax.replace("{max}", this.max?.toString()) : n.forms.messages.rangeOverflow, e) : e.validity?.customError ? this.internals.setValidity({ customError: !0 }, e.validationMessage, e) : this.internals.setValidity({});
+	}
+	setFormValue(e) {
+		if (this.internals) if (Array.isArray(e)) {
+			let t = new FormData();
+			e.forEach((e) => {
+				t.append(this.name, e);
+			}), this.internals.setFormValue(t);
+		} else this.internals.setFormValue(e);
+	}
+	coordinateRadioGroup() {
+		if (!this.form || !this.name || this.type !== "radio") return;
+		let e = `pkt-radiobutton[name="${this.name}"], input[type=radio][name="${this.name}"]`;
+		this.form.querySelectorAll(e).forEach((e) => {
+			if (e !== this && e.getAttribute("name") === this.name && e.getAttribute("value") !== this.value) {
+				let t = e;
+				t.checked && (t.checked = !1, t.internals && (t.internals.setFormValue(null), t.internals.states?.delete(Z)));
+			}
+		});
+	}
+	valueChecked(e) {
+		if (!this.touched) return;
+		let t = this.internals.form || this.closest("form"), n = t ? new FormData(t) : null;
+		if (this.type === "radio" && this.coordinateRadioGroup(), typeof e == "string" ? (this.checked = e === "true", this.internals.ariaChecked = String(e === "true")) : typeof e == "boolean" && (this.checked = e, this.internals.ariaChecked = String(e)), this.checked) {
+			let e = (typeof this.value == "string" ? this.value : "") || X;
+			this.internals.setFormValue(e), n && n.append(this.name, e), this.internals.states.add(Z);
+		} else this.internals.setFormValue(null), n && n.delete(this.name), this.internals.states.delete(Z);
+		this.dispatchChangeEvents(this.checked), this.internals.reportValidity();
+	}
+	valueChanged(e, t) {
+		(t !== this.value || t !== this._value) && (typeof e == "string" ? ((this.multiple || this.range) && e.includes(Q) && (e = e.split(Q)), this.value = e, this._value = Array.isArray(e) ? e : [e]) : Array.isArray(e) ? (this.value = this.multiple || this.range ? e : e[0], this._value = e) : (this.value = "", this._value = []), (!this.value || this.value.length === 0) && t && t.length !== 0 ? this.clearInputValue() : this.value && this.value.toString() !== t?.toString() && this.onChange(this.value));
+	}
+	dispatchChangeEvents(e) {
+		this.dispatchEvent(new Event("change", {
+			bubbles: !0,
+			composed: !0
+		})), this.dispatchEvent(new CustomEvent("value-change", {
+			detail: e,
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	clearInputValue() {
+		let e = this.multiple || this.range ? [] : "";
+		this.value = e, this.setFormValue(e), this.dispatchChangeEvents(e);
+	}
+	onFocus() {
+		this.dispatchEvent(new FocusEvent("focus", {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	onBlur() {
+		this.dispatchEvent(new FocusEvent("blur", {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	onInput() {
+		this.dispatchEvent(new InputEvent("input", {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	normalizeValue(e) {
+		return (this.range || this.multiple) && typeof e == "string" && e.includes(Q) ? e.split(Q) : !this.multiple && !this.range && Array.isArray(e) ? e[0] || "" : e;
+	}
+	validate() {
+		this.inputRef?.value && this.manageValidity(this.inputRef.value), this.inputRefTo?.value && this.manageValidity(this.inputRefTo.value);
+	}
+	onChange(e) {
+		if (!this.touched) {
+			this.touched = !0, e && this.setFormValue(e), this.validate();
+			return;
+		}
+		if (typeof e != "string" && !Array.isArray(e)) return;
+		let t = this.normalizeValue(e);
+		this.setFormValue(t), this.validate(), this.dispatchChangeEvents(t);
+	}
+	formResetCallback() {
+		if (this.touched = !1, this._options && this._options.length && this._options.forEach((e) => {
+			"selected" in e && (e.selected = !1);
+		}), this.checked !== void 0) this.checked = !1, this.internals.ariaChecked = "false", this.internals.setFormValue(""), this.inputRef?.value && "checked" in this.inputRef.value && (this.inputRef.value.checked = !1), this.valueChecked(this.checked);
+		else {
+			this.internals.setFormValue("");
+			let e = this.defaultValue || (this.multiple || this.range ? [] : "");
+			this.value = e, this._value = Array.isArray(e) ? e : [e], this.valueChanged(this.value, null);
+		}
+		this.internals.ariaInvalid = "false";
+	}
+	updated(e) {
+		super.updated(e), e.has("dataTestid") && this.dataTestid && this.inputRef.value && (this.skipForwardTestid ? this.hasAttribute("data-testid") || this.setAttribute("data-testid", this.dataTestid) : (this.inputRef.value.dataset.testid = this.dataTestid, this.removeAttribute("data-testid")));
+	}
+	firstUpdated(e) {
+		if (super.firstUpdated(e), !this.form) {
+			let e = this.internals.form || this.closest("form");
+			this.form = e;
+		}
+		if (this.value && this.defaultValue === null && (this.defaultValue = this.value), this.defaultValue !== null && !this.value && this.valueChanged(this.defaultValue, null), this.defaultChecked && (this.internals.ariaChecked = "true", this.checked = !0), this.required && (this.internals.ariaRequired = "true"), this.disabled && (this.internals.ariaDisabled = "true"), this.id && !this.name && (this.name = this.id), this.checked !== void 0) {
+			let e = this.checked === "" || this.checked === "true" || this.checked === !0;
+			this.internals.ariaChecked = String(e);
+			let t = e ? (typeof this.value == "string" ? this.value : "") || X : null;
+			this.internals.setFormValue(t);
+		} else this.setFormValue(this.value);
+		this.inputRef && this.inputRef.value && (this.inputRef.value.setAttribute("form", ""), this.manageValidity(this.inputRef.value)), this.inputRefTo && this.inputRefTo.value && (this.inputRefTo.value.setAttribute("form", ""), this.manageValidity(this.inputRefTo.value));
+	}
+};
+e([t({
+	type: Boolean,
+	reflect: !0
+})], $.prototype, "checked", void 0), e([t({ type: Boolean })], $.prototype, "defaultChecked", void 0), e([t({ type: Boolean })], $.prototype, "multiple", void 0), e([t({ type: Boolean })], $.prototype, "range", void 0), e([t({
+	type: String,
+	reflect: !0
+})], $.prototype, "type", void 0), e([t()], $.prototype, "defaultValue", void 0), e([t({
+	type: Boolean,
+	reflect: !0
+})], $.prototype, "disabled", void 0), e([t({
+	type: Boolean,
+	reflect: !0
+})], $.prototype, "readonly", void 0), e([t({
+	type: Boolean,
+	reflect: !0
+})], $.prototype, "required", void 0), e([t({
+	reflect: !0,
+	converter: {
+		fromAttribute: (e) => e,
+		toAttribute: (e) => e?.toString() ?? null
+	}
+})], $.prototype, "max", void 0), e([t({
+	type: Number,
+	reflect: !0
+})], $.prototype, "maxlength", void 0), e([t({
+	reflect: !0,
+	converter: {
+		fromAttribute: (e) => e,
+		toAttribute: (e) => e?.toString() ?? null
+	}
+})], $.prototype, "min", void 0), e([t({
+	type: Number,
+	reflect: !0
+})], $.prototype, "minlength", void 0), e([t({
+	type: Number,
+	reflect: !0
+})], $.prototype, "step", void 0), e([t({ type: String })], $.prototype, "ariaDescribedBy", void 0), e([t({ type: String })], $.prototype, "ariaLabelledby", void 0), e([t({
+	type: String,
+	reflect: !0
+})], $.prototype, "name", void 0), e([t({
+	type: String,
+	reflect: !0
+})], $.prototype, "pattern", void 0), e([t({
+	type: String,
+	reflect: !0
+})], $.prototype, "placeholder", void 0), e([t({
+	type: String,
+	reflect: !0
+})], $.prototype, "id", void 0), e([t({ type: Boolean })], $.prototype, "counter", void 0), e([t({ type: Boolean })], $.prototype, "hasError", void 0), e([t({ type: Boolean })], $.prototype, "inline", void 0), e([t({ type: Boolean })], $.prototype, "hasFieldset", void 0), e([t({ type: Boolean })], $.prototype, "optionalTag", void 0), e([t({ type: Boolean })], $.prototype, "requiredTag", void 0), e([t({ type: Boolean })], $.prototype, "skipForwardTestid", void 0), e([t({
+	type: Boolean,
+	reflect: !0,
+	converter: a
+})], $.prototype, "useWrapper", void 0), e([t({
+	type: Boolean,
+	reflect: !0
+})], $.prototype, "fullwidth", void 0), e([t({ type: Number })], $.prototype, "counterMaxLength", void 0), e([t({ type: String })], $.prototype, "errorMessage", void 0), e([t({ type: String })], $.prototype, "helptext", void 0), e([t({ type: String })], $.prototype, "helptextDropdown", void 0), e([t({
+	type: String,
+	reflect: !1
+})], $.prototype, "helptextDropdownButton", void 0), e([t({ type: String })], $.prototype, "label", void 0), e([t({
+	type: String,
+	reflect: !1
+})], $.prototype, "optionalText", void 0), e([t({
+	type: String,
+	reflect: !1
+})], $.prototype, "requiredText", void 0), e([t({
+	type: String,
+	reflect: !1
+})], $.prototype, "tagText", void 0), e([t({
+	type: String,
+	attribute: "data-testid"
+})], $.prototype, "dataTestid", void 0);
+//#endregion
+export { $ as t };