@ntix/components-scorad 1.0.5 → 2.0.1

package/dist/@ntix/components-scorad.es.js

@@ -9,16 +9,176 @@ var cache = /* @__PURE__ */ new Map(), asCachedStyle = (t) => t == null ? [] : (
 		watches: [],
 		events: []
 	}, t;
-};
-(() => {
+}, isNumberType = (e) => (typeof e == "number" || e instanceof Number) && !isNaN(e.valueOf()), parseNumberOrNull = (e) => {
+	if (isNumberType(e)) return e;
+	let t = Number.parseFloat(e);
+	return isNaN(t) ? null : t;
+}, parseNumber = (e) => {
+	let t = parseNumberOrNull(e);
+	if (t === null) throw Error(`Could not parse '${e}' as Number`);
+	return t;
+}, isStringType = (e) => typeof e == "string" || e instanceof String, padNumber = (e, t) => e.toString().padStart(t, "0").slice(-t), toKebabCase = (e) => e == null ? e : e?.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (e, t) => (t ? "-" : "") + e).toLowerCase(), DATES = {
+	get MS_PER_DAY() {
+		return 864e5;
+	},
+	WEEK_START_DAY: (() => {
+		try {
+			let e = new Intl.DateTimeFormat().resolvedOptions().locale, t = new Intl.Locale(e);
+			if (typeof t.getWeekInfo == "function") {
+				let e = t.getWeekInfo().firstDay;
+				return e === 7 ? 0 : e;
+			}
+		} catch {}
+		return 1;
+	})()
+}, getWeekNumber = (e, t, n, r = 1) => {
+	let i = new Date(e, t - 1, n, 0, 0, 0, 0), a = (i.getDay() - r + 7) % 7;
+	i.setDate(i.getDate() + 3 - a);
+	let o = new Date(i.getFullYear(), 0, 4), s = (o.getDay() - r + 7) % 7, c = (i.getTime() - o.getTime()) / DATES.MS_PER_DAY;
+	return 1 + Math.round((c - 3 + s) / 7);
+}, isDateType = (e) => e instanceof Date && !isNaN(e.getTime());
+(class e {
+	constructor(e, t, n) {
+		let r = Math.trunc(parseNumber(e)), i = Math.trunc(parseNumber(t)), o = Math.trunc(parseNumber(n)), s = new Date(r, i - 1, o, 0, 0, 0, 0);
+		if (s.getFullYear() !== r || s.getMonth() + 1 !== i || s.getDate() !== o) throw Error(`DateOnly 'Year:${r}, Month:${i}, Day:${o}' is not valid`);
+		this.year = r, this.month = i, this.day = o, this.dayOfWeek = s.getDay(), this.weekNumber = getWeekNumber(r, i, o, DATES.WEEK_START_DAY), this.timeMs = s.getTime(), Object.freeze(this);
+	}
+	day;
+	month;
+	year;
+	dayOfWeek;
+	weekNumber;
+	timeMs;
+	addDays(t) {
+		let n = this.toDate();
+		return n.setDate(n.getDate() + t), e.fromDate(n);
+	}
+	addMonths(t, n = {}) {
+		let { keepEndOfMonth: r = !0, preventOverflow: i = !0 } = n, a = r && this.equals(this.endOfMonth()), o = a ? this.startOfMonth().toDate() : this.toDate(), s = o.getDate();
+		if (o.setMonth(o.getMonth() + t), s !== o.getDate()) {
+			if (!i) throw Error(`addMonths overflow: ${s} does not exist in target month.`);
+			o.setDate(0);
+		}
+		return a ? e.fromDate(o).endOfMonth() : e.fromDate(o);
+	}
+	with(t) {
+		return new e(t.year ?? this.year, t.month ?? this.month, t.day ?? this.day);
+	}
+	startOfWeek() {
+		let e = (this.dayOfWeek - DATES.WEEK_START_DAY + 7) % 7;
+		return this.addDays(-e);
+	}
+	endOfWeek() {
+		return this.startOfWeek().addDays(6);
+	}
+	getWeekDates(e = (e) => e) {
+		let t = this.startOfWeek(), n = /* @__PURE__ */ new Set();
+		for (let r = 0; r < 7; r++) n.add(e(t.addDays(r)));
+		return n;
+	}
+	startOfMonth() {
+		return this.with({ day: 1 });
+	}
+	endOfMonth() {
+		let e = new Date(this.year, this.month, 0).getDate();
+		return this.with({ day: e });
+	}
+	getMonthDates(e) {
+		let t = this.startOfMonth(), n = /* @__PURE__ */ new Set(), r = this.endOfMonth().day;
+		for (let i = 0; i < r; i++) n.add(e(t.addDays(i)));
+		return n;
+	}
+	startOfYear() {
+		return this.with({
+			month: 1,
+			day: 1
+		});
+	}
+	endOfYear() {
+		return this.with({
+			month: 12,
+			day: 31
+		});
+	}
+	equals(t) {
+		return this.timeMs === e.parseOrNull(t)?.timeMs;
+	}
+	toString() {
+		return `${String(this.year).padStart(4, "0")}-${String(this.month).padStart(2, "0")}-${String(this.day).padStart(2, "0")}`;
+	}
+	toJSON() {
+		return this.toString();
+	}
+	toDate() {
+		return new Date(this.year, this.month - 1, this.day);
+	}
+	static equals = (t, n) => e.parseOrNull(t)?.equals(n) ?? !1;
+	static today = () => e.fromDate(/* @__PURE__ */ new Date());
+	static parseOrNull = (t) => {
+		if (t instanceof e) return t;
+		if (isDateType(t)) return e.fromDate(t);
+		if (isNumberType(t)) return e.fromDate(new Date(t));
+		if (isStringType(t)) try {
+			if (t.indexOf("-") === -1) return e.fromDate(new Date(t));
+			let n = t.split("-");
+			if (n.length === 3) return new e(n[0], n[1], n[2]);
+		} catch {}
+		return null;
+	};
+	static parse = (t) => {
+		let n = e.parseOrNull(t);
+		if (n === null) throw Error(`Could not parse '${t}' as DateOnly`);
+		return n;
+	};
+	static parseToSet = (t) => t == null ? t : new Set(Array.from(t, (t) => e.parse(t)));
+	static parseToStringSet = (t) => t == null ? t : new Set(Array.from(t, (t) => e.parse(t).toString()));
+	static addDays(t, n) {
+		let r = e.parse(t).toDate();
+		return r.setDate(r.getDate() + n), e.fromDate(r).toString();
+	}
+	static fromDate = (t) => new e(t.getFullYear(), t.getMonth() + 1, t.getDate());
+	static fromUTCDate = (t) => new e(t.getUTCFullYear(), t.getUTCMonth() + 1, t.getUTCDate());
+	static #e;
+	static #t;
+	static #n;
+	static #r;
+	static #i;
+	static setLocale(t, n) {
+		n = {
+			date: {
+				day: "numeric",
+				month: "short",
+				year: "2-digit"
+			},
+			dateLong: {
+				day: "numeric",
+				month: "long",
+				year: "numeric"
+			},
+			monthYear: {
+				month: "long",
+				year: "2-digit"
+			},
+			weekday: "narrow",
+			weekdayLong: "long",
+			...n ?? {}
+		}, e.#e = new Intl.DateTimeFormat(t, n.date), e.#t = new Intl.DateTimeFormat(t, n.dateLong), e.#n = new Intl.DateTimeFormat(t, n.monthYear), e.#r = new Intl.DateTimeFormat(t, { weekday: n.weekday }), e.#i = new Intl.DateTimeFormat(t, { weekday: n.weekdayLong });
+	}
+	static #a = e.setLocale("en-GB");
+	static formatDate = (t) => e.#e.format(t instanceof e ? t.toDate() : t);
+	static formatDateLong = (t) => e.#t.format(t instanceof e ? t.toDate() : t);
+	static formatMonthYear = (t) => e.#n.format(t instanceof e ? t.toDate() : t);
+	static formatWeekday = (t) => e.#r.format(new Date(1970, 0, 4 + t));
+	static formatWeekdayLong = (t) => e.#i.format(new Date(1970, 0, 4 + t));
+}), (() => {
 	let e = "__drag_attached";
 	return { list: (t, n, r) => {
 		if (t.dataset[e]) return;
 		t.dataset[e] = "true";
-		let i = (e, n) => e.find((e) => e instanceof HTMLElement && t.contains(e) && n(e)), a = (e, n, r = () => !0) => !(e instanceof Node) || !t.contains(e) ? null : e == null || e instanceof HTMLElement && r(e) ? e : a(n(e), n, r), o = (e) => a(e?.nextSibling, (e) => e?.nextSibling), s = (e, t) => (n) => n instanceof HTMLElement && (e ?? ((e) => e.classList.contains(t)))(n), c = () => Array.from(t.children).filter(u).reduce((e, t) => e.set(t, t.getBoundingClientRect()), /* @__PURE__ */ new Map()), l = s(r?.gripSelector, "drag-grip"), u = s(r?.itemSelector, "drag-item"), d, f, p, m = 0, h, g, _ = (e) => {
+		let i = (e, n) => e.find((e) => e instanceof HTMLElement && t.contains(e) && n(e)), a = (e, n, r = () => !0) => !(e instanceof Node) || !t.contains(e) ? null : e == null || e instanceof HTMLElement && r(e) ? e : a(n(e), n, r), o = (e) => a(e?.nextSibling, (e) => e?.nextSibling), s = (e, t) => (n) => n instanceof HTMLElement && (e ?? ((e) => e.classList.contains(t)))(n), c = () => Array.from(t.children).filter(u).reduce((e, t) => e.set(t, t.getBoundingClientRect()), /* @__PURE__ */ new Map()), l = s(r?.gripSelector, "drag-grip"), u = s(r?.itemSelector, "drag-item"), d, f, p, m = 0, h, g, ze = (e) => {
 			let n = e.composedPath();
-			d = i(n, l), d && (e.preventDefault(), e.stopPropagation(), window.getSelection()?.removeAllRanges(), f = c(), p = i(n, u), m = e.clientY, h = p.dataset.id, p.classList.add("dragging"), p.style.pointerEvents = "none", p.style.zIndex = "2", t.style.touchAction = "none", t.style.userSelect = "none", document.addEventListener("pointermove", ze), document.addEventListener("pointerup", v));
-		}, ze = (e) => {
+			d = i(n, l), d && (e.preventDefault(), e.stopPropagation(), window.getSelection()?.removeAllRanges(), f = c(), p = i(n, u), m = e.clientY, h = p.dataset.id, p.classList.add("dragging"), p.style.pointerEvents = "none", p.style.zIndex = "2", t.style.touchAction = "none", t.style.userSelect = "none", document.addEventListener("pointermove", Be), document.addEventListener("pointerup", _));
+		}, Be = (e) => {
 			if (!p || !f) throw Error("drag item is undefined");
 			let n = f.get(p), r = null;
 			for (let [t, i] of f.entries()) {
@@ -34,10 +194,10 @@ var cache = /* @__PURE__ */ new Map(), asCachedStyle = (t) => t == null ? [] : (
 				f = c(), m += f.get(p).top - i, d?.focus();
 			}
 			p.style.transform = `translateY(${e.clientY - m}px)`;
-		}, v = (e) => {
+		}, _ = (e) => {
 			if (!p) throw Error("drag item is undefined");
-			e.stopPropagation(), document.removeEventListener("pointermove", ze), document.removeEventListener("pointerup", v), p.classList.remove("dragging"), p.style.transform = "", p.style.pointerEvents = "", p.style.zIndex = "", p = void 0, t.style.touchAction = "", t.style.userSelect = "", h && g && (n(h, g), h = void 0, g = void 0);
-		}, y = (e) => {
+			e.stopPropagation(), document.removeEventListener("pointermove", Be), document.removeEventListener("pointerup", _), p.classList.remove("dragging"), p.style.transform = "", p.style.pointerEvents = "", p.style.zIndex = "", p = void 0, t.style.touchAction = "", t.style.userSelect = "", h && g && (n(h, g), h = void 0, g = void 0);
+		}, v = (e) => {
 			if (!e.altKey) return;
 			let r = (e, r) => {
 				let i = document.activeElement;
@@ -62,8 +222,8 @@ var cache = /* @__PURE__ */ new Map(), asCachedStyle = (t) => t == null ? [] : (
 				}
 			}
 		};
-		return t.addEventListener("pointerdown", _), t.addEventListener("keydown", y), () => {
-			t.removeEventListener("pointerdown", _), t.removeEventListener("keydown", y);
+		return t.addEventListener("pointerdown", ze), t.addEventListener("keydown", v), () => {
+			t.removeEventListener("pointerdown", ze), t.removeEventListener("keydown", v);
 		};
 	} };
 })();
@@ -76,12 +236,12 @@ var FOCUSABLE = "\n    button:not([disabled]), \n    [href], \n    input:not([di
 	error: 5
 };
 function createLogger(e, t, n) {
-	let r = () => {}, o = { provide: (r) => createLogger(`${e}.${r}`, t, n) };
+	let r = () => {}, i = { provide: (r) => createLogger(`${e}.${r}`, t, n) };
 	for (let a of Object.keys(LogLevel)) {
-		let s = a, c = LogLevel[s], l = n[s];
-		t > c ? o[s] = r : o[s] = ((t, ...n) => l(`[${e}]`, t, ...n));
+		let o = a, s = LogLevel[o], c = n[o];
+		t > s ? i[o] = r : i[o] = ((t, ...n) => c(`[${e}]`, t, ...n));
 	}
-	return o;
+	return i;
 }
 var provideLogger = (() => {
 	let e = (e, t) => (t ??= provideLogger.defaultLevel, createLogger(e, t, provideLogger.adapter));
@@ -148,29 +308,44 @@ var Success = class {
 		this.value = e;
 	}
 	value;
+	getErrors() {
+		return Result.EMPTY_ERRORS;
+	}
 	orThrow() {
 		return this.value;
 	}
 	orNull() {
 		return this.value;
 	}
-	errors = [];
+	fold(e, t) {
+		return e(this.value);
+	}
 }, Failure = class e {
 	constructor(e) {
+		if (!e?.length) throw Error("errors are required");
 		this.errors = e;
 	}
 	errors;
+	getErrors() {
+		return this.errors;
+	}
 	orThrow() {
 		throw Error(e.formatErrors(this.errors));
 	}
 	orNull() {
 		return null;
 	}
+	fold(e, t) {
+		return t(this.errors);
+	}
 	static formatErrors = (e) => e.join("\n");
 }, Result = {
+	EMPTY_ERRORS: Object.freeze([]),
 	Ok: (e) => new Success(e),
-	Fail: (e) => new Failure(e)
-}, padNumber = (e, t) => e.toString().padStart(t, "0").slice(-t), toKebabCase = (e) => e == null ? e : e?.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (e, t) => (t ? "-" : "") + e).toLowerCase();
+	Fail: (e) => new Failure(e),
+	isSuccess: (e) => e instanceof Success,
+	isFailure: (e) => e instanceof Failure
+};
 function Att(e = {}) {
 	return function(t, r) {
 		let i = e?.name ?? r, a = e?.read ?? ((e) => e), o = e?.write ?? ((e) => e);
@@ -278,34 +453,34 @@ function Component(e = { tag: void 0 }) {
 		o.prototype.resizeCallback && (s = new ResizeObserver((e) => {
 			o.prototype.resizeCallback?.call(e[0].target);
 		}));
-		let l = o.prototype.attributeChangedCallback ?? n;
+		let c = o.prototype.attributeChangedCallback ?? n;
 		o.prototype.attributeChangedCallback = function(e, t, n) {
-			if (l(e, t, n), n !== t) {
+			if (c(e, t, n), n !== t) {
 				var r = o.__metadata?.attributes.find((t) => t.name === e);
 				r?.read && (this[r.propertyName] = r.read(n));
 			}
 		};
-		let u = o.prototype.connectedCallback ?? n;
+		let l = o.prototype.connectedCallback ?? n;
 		o.prototype.connectedCallback = function() {
-			a.forEach((e) => e()), (i.shadowRoot === "open" || i.shadowRoot === "closed") && !this.__shadowRoot && (this.__shadowRoot = this.attachShadow({
+			this.style.setProperty("--hem", getComputedStyle(this).fontSize), a.forEach((e) => e()), (i.shadowRoot === "open" || i.shadowRoot === "closed") && !this.__shadowRoot && (this.__shadowRoot = this.attachShadow({
 				delegatesFocus: i.delegatesFocus,
 				mode: i.shadowRoot,
 				slotAssignment: "named"
-			}), this.__shadowRoot.adoptedStyleSheets = i.css), u.call(this), s && s.observe(this);
+			}), this.__shadowRoot.adoptedStyleSheets = i.css), l.call(this), s && s.observe(this);
 		};
-		let d = o.prototype.disconnectedCallback ?? n;
+		let u = o.prototype.disconnectedCallback ?? n;
 		o.prototype.disconnectedCallback = function() {
-			d.call(this), s && s.unobserve(this);
+			u.call(this), s && s.unobserve(this);
 		};
-		let f = o.prototype.beforeRender ?? n, m = o.prototype.render ?? n, h = o.prototype.afterRender ?? n;
+		let d = o.prototype.beforeRender ?? n, f = o.prototype.render ?? n, p = o.prototype.afterRender ?? n;
 		return o.prototype.render = async function() {
 			r.debug("render", this.tagName);
-			let e = f.call(this);
+			let e = d.call(this);
 			if (isPromise(e) && await e, this.__shadowRoot) {
-				let e = this.__shadowRoot, t = m.call(this);
+				let e = this.__shadowRoot, t = f.call(this);
 				isComponentRender(t) ? await t.render(e) : e.innerHTML = t;
 			}
-			h.call(this);
+			p.call(this);
 		}, r.debug("define", e.tag), window.customElements.define(e.tag, o), o;
 	};
 }
@@ -328,6 +503,11 @@ var HTMLComponentElement = class extends HTMLElement {
 	removeEventListener(e, t, n) {
 		super.removeEventListener(e, t, n);
 	}
+	ref(e) {
+		return (t) => {
+			this[e] = t;
+		};
+	}
 };
 function Watch(...e) {
 	return function(t, r) {
@@ -553,26 +733,26 @@ var html$1 = freeze(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.a
 };
 function createDOMPurify() {
 	let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : getGlobal(), t = (e) => createDOMPurify(e);
-	if (t.version = "3.3.0", t.removed = [], !e || !e.document || e.document.nodeType !== NODE_TYPE.document || !e.Element) return t.isSupported = !1, t;
-	let { document: n } = e, r = n, i = r.currentScript, { DocumentFragment: a, HTMLTemplateElement: o, Node: s, Element: c, NodeFilter: l, NamedNodeMap: u = e.NamedNodeMap || e.MozNamedAttrMap, HTMLFormElement: d, DOMParser: f, trustedTypes: p } = e, m = c.prototype, h = lookupGetter(m, "cloneNode"), g = lookupGetter(m, "remove"), _ = lookupGetter(m, "nextSibling"), ze = lookupGetter(m, "childNodes"), v = lookupGetter(m, "parentNode");
+	if (t.version = "3.3.1", t.removed = [], !e || !e.document || e.document.nodeType !== NODE_TYPE.document || !e.Element) return t.isSupported = !1, t;
+	let { document: n } = e, r = n, i = r.currentScript, { DocumentFragment: a, HTMLTemplateElement: o, Node: s, Element: c, NodeFilter: l, NamedNodeMap: u = e.NamedNodeMap || e.MozNamedAttrMap, HTMLFormElement: d, DOMParser: f, trustedTypes: p } = e, m = c.prototype, h = lookupGetter(m, "cloneNode"), g = lookupGetter(m, "remove"), ze = lookupGetter(m, "nextSibling"), Be = lookupGetter(m, "childNodes"), _ = lookupGetter(m, "parentNode");
 	if (typeof o == "function") {
 		let e = n.createElement("template");
 		e.content && e.content.ownerDocument && (n = e.content.ownerDocument);
 	}
-	let y, b = "", { implementation: x, createNodeIterator: Be, createDocumentFragment: Ve, getElementsByTagName: He } = n, { importNode: Ue } = r, S = _createHooksMap();
-	t.isSupported = typeof entries == "function" && typeof v == "function" && x && x.createHTMLDocument !== void 0;
-	let { MUSTACHE_EXPR: C, ERB_EXPR: w, TMPLIT_EXPR: We, DATA_ATTR: Ge, ARIA_ATTR: Ke, IS_SCRIPT_OR_DATA: qe, ATTR_WHITESPACE: Je, CUSTOM_ELEMENT: Ye } = EXPRESSIONS, { IS_ALLOWED_URI: Xe } = EXPRESSIONS, T = null, Ze = addToSet({}, [
+	let v, y = "", { implementation: Ve, createNodeIterator: He, createDocumentFragment: Ue, getElementsByTagName: We } = n, { importNode: Ge } = r, b = _createHooksMap();
+	t.isSupported = typeof entries == "function" && typeof _ == "function" && Ve && Ve.createHTMLDocument !== void 0;
+	let { MUSTACHE_EXPR: x, ERB_EXPR: S, TMPLIT_EXPR: C, DATA_ATTR: Ke, ARIA_ATTR: qe, IS_SCRIPT_OR_DATA: Je, ATTR_WHITESPACE: Ye, CUSTOM_ELEMENT: Xe } = EXPRESSIONS, { IS_ALLOWED_URI: Ze } = EXPRESSIONS, w = null, Qe = addToSet({}, [
 		...html$1,
 		...svg$1,
 		...svgFilters,
 		...mathMl$1,
 		...text
-	]), E = null, Qe = addToSet({}, [
+	]), T = null, $e = addToSet({}, [
 		...html$2,
 		...svg,
 		...mathMl,
 		...xml
-	]), D = Object.seal(create(null, {
+	]), E = Object.seal(create(null, {
 		tagNameCheck: {
 			writable: !0,
 			configurable: !1,
@@ -591,7 +771,7 @@ function createDOMPurify() {
 			enumerable: !0,
 			value: !1
 		}
-	})), O = null, $e = null, k = Object.seal(create(null, {
+	})), D = null, et = null, O = Object.seal(create(null, {
 		tagCheck: {
 			writable: !0,
 			configurable: !1,
@@ -604,7 +784,7 @@ function createDOMPurify() {
 			enumerable: !0,
 			value: null
 		}
-	})), et = !0, A = !0, tt = !1, nt = !0, j = !1, M = !0, N = !1, rt = !1, it = !1, P = !1, F = !1, I = !1, at = !0, ot = !1, st = !0, L = !1, R = {}, z = null, ct = addToSet({}, [
+	})), tt = !0, k = !0, nt = !1, rt = !0, A = !1, j = !0, M = !1, N = !1, P = !1, F = !1, I = !1, L = !1, it = !0, at = !1, ot = !0, R = !1, z = {}, B = null, st = addToSet({}, [
 		"annotation-xml",
 		"audio",
 		"colgroup",
@@ -630,14 +810,14 @@ function createDOMPurify() {
 		"title",
 		"video",
 		"xmp"
-	]), lt = null, ut = addToSet({}, [
+	]), ct = null, lt = addToSet({}, [
 		"audio",
 		"video",
 		"img",
 		"source",
 		"image",
 		"track"
-	]), B = null, dt = addToSet({}, [
+	]), ut = null, dt = addToSet({}, [
 		"alt",
 		"class",
 		"for",
@@ -652,58 +832,58 @@ function createDOMPurify() {
 		"value",
 		"style",
 		"xmlns"
-	]), V = "http://www.w3.org/1998/Math/MathML", H = "http://www.w3.org/2000/svg", U = "http://www.w3.org/1999/xhtml", W = U, G = !1, ft = null, pt = addToSet({}, [
+	]), V = "http://www.w3.org/1998/Math/MathML", H = "http://www.w3.org/2000/svg", U = "http://www.w3.org/1999/xhtml", W = U, ft = !1, pt = null, mt = addToSet({}, [
 		V,
 		H,
 		U
-	], stringToString), K = addToSet({}, [
+	], stringToString), G = addToSet({}, [
 		"mi",
 		"mo",
 		"mn",
 		"ms",
 		"mtext"
-	]), q = addToSet({}, ["annotation-xml"]), mt = addToSet({}, [
+	]), K = addToSet({}, ["annotation-xml"]), ht = addToSet({}, [
 		"title",
 		"style",
 		"font",
 		"a",
 		"script"
-	]), J = null, ht = ["application/xhtml+xml", "text/html"], Y = null, X = null, gt = n.createElement("form"), _t = function(e) {
+	]), q = null, gt = ["application/xhtml+xml", "text/html"], J = null, Y = null, _t = n.createElement("form"), vt = function(e) {
 		return e instanceof RegExp || e instanceof Function;
-	}, vt = function() {
+	}, yt = function() {
 		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-		if (!(X && X === e)) {
-			if ((!e || typeof e != "object") && (e = {}), e = clone(e), J = ht.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, Y = J === "application/xhtml+xml" ? stringToString : stringToLowerCase, T = objectHasOwnProperty(e, "ALLOWED_TAGS") ? addToSet({}, e.ALLOWED_TAGS, Y) : Ze, E = objectHasOwnProperty(e, "ALLOWED_ATTR") ? addToSet({}, e.ALLOWED_ATTR, Y) : Qe, ft = objectHasOwnProperty(e, "ALLOWED_NAMESPACES") ? addToSet({}, e.ALLOWED_NAMESPACES, stringToString) : pt, B = objectHasOwnProperty(e, "ADD_URI_SAFE_ATTR") ? addToSet(clone(dt), e.ADD_URI_SAFE_ATTR, Y) : dt, lt = objectHasOwnProperty(e, "ADD_DATA_URI_TAGS") ? addToSet(clone(ut), e.ADD_DATA_URI_TAGS, Y) : ut, z = objectHasOwnProperty(e, "FORBID_CONTENTS") ? addToSet({}, e.FORBID_CONTENTS, Y) : ct, O = objectHasOwnProperty(e, "FORBID_TAGS") ? addToSet({}, e.FORBID_TAGS, Y) : clone({}), $e = objectHasOwnProperty(e, "FORBID_ATTR") ? addToSet({}, e.FORBID_ATTR, Y) : clone({}), R = objectHasOwnProperty(e, "USE_PROFILES") ? e.USE_PROFILES : !1, et = e.ALLOW_ARIA_ATTR !== !1, A = e.ALLOW_DATA_ATTR !== !1, tt = e.ALLOW_UNKNOWN_PROTOCOLS || !1, nt = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, j = e.SAFE_FOR_TEMPLATES || !1, M = e.SAFE_FOR_XML !== !1, N = e.WHOLE_DOCUMENT || !1, P = e.RETURN_DOM || !1, F = e.RETURN_DOM_FRAGMENT || !1, I = e.RETURN_TRUSTED_TYPE || !1, it = e.FORCE_BODY || !1, at = e.SANITIZE_DOM !== !1, ot = e.SANITIZE_NAMED_PROPS || !1, st = e.KEEP_CONTENT !== !1, L = e.IN_PLACE || !1, Xe = e.ALLOWED_URI_REGEXP || IS_ALLOWED_URI, W = e.NAMESPACE || U, K = e.MATHML_TEXT_INTEGRATION_POINTS || K, q = e.HTML_INTEGRATION_POINTS || q, D = e.CUSTOM_ELEMENT_HANDLING || {}, e.CUSTOM_ELEMENT_HANDLING && _t(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (D.tagNameCheck = e.CUSTOM_ELEMENT_HANDLING.tagNameCheck), e.CUSTOM_ELEMENT_HANDLING && _t(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck) && (D.attributeNameCheck = e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck), e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements == "boolean" && (D.allowCustomizedBuiltInElements = e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements), j && (A = !1), F && (P = !0), R && (T = addToSet({}, text), E = [], R.html === !0 && (addToSet(T, html$1), addToSet(E, html$2)), R.svg === !0 && (addToSet(T, svg$1), addToSet(E, svg), addToSet(E, xml)), R.svgFilters === !0 && (addToSet(T, svgFilters), addToSet(E, svg), addToSet(E, xml)), R.mathMl === !0 && (addToSet(T, mathMl$1), addToSet(E, mathMl), addToSet(E, xml))), e.ADD_TAGS && (typeof e.ADD_TAGS == "function" ? k.tagCheck = e.ADD_TAGS : (T === Ze && (T = clone(T)), addToSet(T, e.ADD_TAGS, Y))), e.ADD_ATTR && (typeof e.ADD_ATTR == "function" ? k.attributeCheck = e.ADD_ATTR : (E === Qe && (E = clone(E)), addToSet(E, e.ADD_ATTR, Y))), e.ADD_URI_SAFE_ATTR && addToSet(B, e.ADD_URI_SAFE_ATTR, Y), e.FORBID_CONTENTS && (z === ct && (z = clone(z)), addToSet(z, e.FORBID_CONTENTS, Y)), st && (T["#text"] = !0), N && addToSet(T, [
+		if (!(Y && Y === e)) {
+			if ((!e || typeof e != "object") && (e = {}), e = clone(e), q = gt.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, J = q === "application/xhtml+xml" ? stringToString : stringToLowerCase, w = objectHasOwnProperty(e, "ALLOWED_TAGS") ? addToSet({}, e.ALLOWED_TAGS, J) : Qe, T = objectHasOwnProperty(e, "ALLOWED_ATTR") ? addToSet({}, e.ALLOWED_ATTR, J) : $e, pt = objectHasOwnProperty(e, "ALLOWED_NAMESPACES") ? addToSet({}, e.ALLOWED_NAMESPACES, stringToString) : mt, ut = objectHasOwnProperty(e, "ADD_URI_SAFE_ATTR") ? addToSet(clone(dt), e.ADD_URI_SAFE_ATTR, J) : dt, ct = objectHasOwnProperty(e, "ADD_DATA_URI_TAGS") ? addToSet(clone(lt), e.ADD_DATA_URI_TAGS, J) : lt, B = objectHasOwnProperty(e, "FORBID_CONTENTS") ? addToSet({}, e.FORBID_CONTENTS, J) : st, D = objectHasOwnProperty(e, "FORBID_TAGS") ? addToSet({}, e.FORBID_TAGS, J) : clone({}), et = objectHasOwnProperty(e, "FORBID_ATTR") ? addToSet({}, e.FORBID_ATTR, J) : clone({}), z = objectHasOwnProperty(e, "USE_PROFILES") ? e.USE_PROFILES : !1, tt = e.ALLOW_ARIA_ATTR !== !1, k = e.ALLOW_DATA_ATTR !== !1, nt = e.ALLOW_UNKNOWN_PROTOCOLS || !1, rt = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, A = e.SAFE_FOR_TEMPLATES || !1, j = e.SAFE_FOR_XML !== !1, M = e.WHOLE_DOCUMENT || !1, F = e.RETURN_DOM || !1, I = e.RETURN_DOM_FRAGMENT || !1, L = e.RETURN_TRUSTED_TYPE || !1, P = e.FORCE_BODY || !1, it = e.SANITIZE_DOM !== !1, at = e.SANITIZE_NAMED_PROPS || !1, ot = e.KEEP_CONTENT !== !1, R = e.IN_PLACE || !1, Ze = e.ALLOWED_URI_REGEXP || IS_ALLOWED_URI, W = e.NAMESPACE || U, G = e.MATHML_TEXT_INTEGRATION_POINTS || G, K = e.HTML_INTEGRATION_POINTS || K, E = e.CUSTOM_ELEMENT_HANDLING || {}, e.CUSTOM_ELEMENT_HANDLING && vt(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (E.tagNameCheck = e.CUSTOM_ELEMENT_HANDLING.tagNameCheck), e.CUSTOM_ELEMENT_HANDLING && vt(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck) && (E.attributeNameCheck = e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck), e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements == "boolean" && (E.allowCustomizedBuiltInElements = e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements), A && (k = !1), I && (F = !0), z && (w = addToSet({}, text), T = [], z.html === !0 && (addToSet(w, html$1), addToSet(T, html$2)), z.svg === !0 && (addToSet(w, svg$1), addToSet(T, svg), addToSet(T, xml)), z.svgFilters === !0 && (addToSet(w, svgFilters), addToSet(T, svg), addToSet(T, xml)), z.mathMl === !0 && (addToSet(w, mathMl$1), addToSet(T, mathMl), addToSet(T, xml))), e.ADD_TAGS && (typeof e.ADD_TAGS == "function" ? O.tagCheck = e.ADD_TAGS : (w === Qe && (w = clone(w)), addToSet(w, e.ADD_TAGS, J))), e.ADD_ATTR && (typeof e.ADD_ATTR == "function" ? O.attributeCheck = e.ADD_ATTR : (T === $e && (T = clone(T)), addToSet(T, e.ADD_ATTR, J))), e.ADD_URI_SAFE_ATTR && addToSet(ut, e.ADD_URI_SAFE_ATTR, J), e.FORBID_CONTENTS && (B === st && (B = clone(B)), addToSet(B, e.FORBID_CONTENTS, J)), e.ADD_FORBID_CONTENTS && (B === st && (B = clone(B)), addToSet(B, e.ADD_FORBID_CONTENTS, J)), ot && (w["#text"] = !0), M && addToSet(w, [
 				"html",
 				"head",
 				"body"
-			]), T.table && (addToSet(T, ["tbody"]), delete O.tbody), e.TRUSTED_TYPES_POLICY) {
+			]), w.table && (addToSet(w, ["tbody"]), delete D.tbody), e.TRUSTED_TYPES_POLICY) {
 				if (typeof e.TRUSTED_TYPES_POLICY.createHTML != "function") throw typeErrorCreate("TRUSTED_TYPES_POLICY configuration option must provide a \"createHTML\" hook.");
 				if (typeof e.TRUSTED_TYPES_POLICY.createScriptURL != "function") throw typeErrorCreate("TRUSTED_TYPES_POLICY configuration option must provide a \"createScriptURL\" hook.");
-				y = e.TRUSTED_TYPES_POLICY, b = y.createHTML("");
-			} else y === void 0 && (y = _createTrustedTypesPolicy(p, i)), y !== null && typeof b == "string" && (b = y.createHTML(""));
-			freeze && freeze(e), X = e;
+				v = e.TRUSTED_TYPES_POLICY, y = v.createHTML("");
+			} else v === void 0 && (v = _createTrustedTypesPolicy(p, i)), v !== null && typeof y == "string" && (y = v.createHTML(""));
+			freeze && freeze(e), Y = e;
 		}
-	}, yt = addToSet({}, [
+	}, bt = addToSet({}, [
 		...svg$1,
 		...svgFilters,
 		...svgDisallowed
-	]), bt = addToSet({}, [...mathMl$1, ...mathMlDisallowed]), xt = function(e) {
-		let t = v(e);
+	]), xt = addToSet({}, [...mathMl$1, ...mathMlDisallowed]), St = function(e) {
+		let t = _(e);
 		(!t || !t.tagName) && (t = {
 			namespaceURI: W,
 			tagName: "template"
 		});
 		let n = stringToLowerCase(e.tagName), r = stringToLowerCase(t.tagName);
-		return ft[e.namespaceURI] ? e.namespaceURI === H ? t.namespaceURI === U ? n === "svg" : t.namespaceURI === V ? n === "svg" && (r === "annotation-xml" || K[r]) : !!yt[n] : e.namespaceURI === V ? t.namespaceURI === U ? n === "math" : t.namespaceURI === H ? n === "math" && q[r] : !!bt[n] : e.namespaceURI === U ? t.namespaceURI === H && !q[r] || t.namespaceURI === V && !K[r] ? !1 : !bt[n] && (mt[n] || !yt[n]) : !!(J === "application/xhtml+xml" && ft[e.namespaceURI]) : !1;
-	}, Z = function(e) {
+		return pt[e.namespaceURI] ? e.namespaceURI === H ? t.namespaceURI === U ? n === "svg" : t.namespaceURI === V ? n === "svg" && (r === "annotation-xml" || G[r]) : !!bt[n] : e.namespaceURI === V ? t.namespaceURI === U ? n === "math" : t.namespaceURI === H ? n === "math" && K[r] : !!xt[n] : e.namespaceURI === U ? t.namespaceURI === H && !K[r] || t.namespaceURI === V && !G[r] ? !1 : !xt[n] && (ht[n] || !bt[n]) : !!(q === "application/xhtml+xml" && pt[e.namespaceURI]) : !1;
+	}, X = function(e) {
 		arrayPush(t.removed, { element: e });
 		try {
-			v(e).removeChild(e);
+			_(e).removeChild(e);
 		} catch {
 			g(e);
 		}
-	}, Q = function(e, n) {
+	}, Z = function(e, n) {
 		try {
 			arrayPush(t.removed, {
 				attribute: n.getAttributeNode(e),
@@ -715,196 +895,196 @@ function createDOMPurify() {
 				from: n
 			});
 		}
-		if (n.removeAttribute(e), e === "is") if (P || F) try {
-			Z(n);
+		if (n.removeAttribute(e), e === "is") if (F || I) try {
+			X(n);
 		} catch {}
 		else try {
 			n.setAttribute(e, "");
 		} catch {}
-	}, St = function(e) {
+	}, Ct = function(e) {
 		let t = null, r = null;
-		if (it) e = "<remove></remove>" + e;
+		if (P) e = "<remove></remove>" + e;
 		else {
 			let t = stringMatch(e, /^[\r\n\t ]+/);
 			r = t && t[0];
 		}
-		J === "application/xhtml+xml" && W === U && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
-		let i = y ? y.createHTML(e) : e;
+		q === "application/xhtml+xml" && W === U && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
+		let i = v ? v.createHTML(e) : e;
 		if (W === U) try {
-			t = new f().parseFromString(i, J);
+			t = new f().parseFromString(i, q);
 		} catch {}
 		if (!t || !t.documentElement) {
-			t = x.createDocument(W, "template", null);
+			t = Ve.createDocument(W, "template", null);
 			try {
-				t.documentElement.innerHTML = G ? b : i;
+				t.documentElement.innerHTML = ft ? y : i;
 			} catch {}
 		}
 		let a = t.body || t.documentElement;
-		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), W === U ? He.call(t, N ? "html" : "body")[0] : N ? t.documentElement : a;
-	}, Ct = function(e) {
-		return Be.call(e.ownerDocument || e, e, l.SHOW_ELEMENT | l.SHOW_COMMENT | l.SHOW_TEXT | l.SHOW_PROCESSING_INSTRUCTION | l.SHOW_CDATA_SECTION, null);
+		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), W === U ? We.call(t, M ? "html" : "body")[0] : M ? t.documentElement : a;
 	}, wt = function(e) {
+		return He.call(e.ownerDocument || e, e, l.SHOW_ELEMENT | l.SHOW_COMMENT | l.SHOW_TEXT | l.SHOW_PROCESSING_INSTRUCTION | l.SHOW_CDATA_SECTION, null);
+	}, Q = function(e) {
 		return e instanceof d && (typeof e.nodeName != "string" || typeof e.textContent != "string" || typeof e.removeChild != "function" || !(e.attributes instanceof u) || typeof e.removeAttribute != "function" || typeof e.setAttribute != "function" || typeof e.namespaceURI != "string" || typeof e.insertBefore != "function" || typeof e.hasChildNodes != "function");
 	}, Tt = function(e) {
 		return typeof s == "function" && e instanceof s;
 	};
 	function $(e, n, r) {
 		arrayForEach(e, (e) => {
-			e.call(t, n, r, X);
+			e.call(t, n, r, Y);
 		});
 	}
 	let Et = function(e) {
 		let n = null;
-		if ($(S.beforeSanitizeElements, e, null), wt(e)) return Z(e), !0;
-		let r = Y(e.nodeName);
-		if ($(S.uponSanitizeElement, e, {
+		if ($(b.beforeSanitizeElements, e, null), Q(e)) return X(e), !0;
+		let r = J(e.nodeName);
+		if ($(b.uponSanitizeElement, e, {
 			tagName: r,
-			allowedTags: T
-		}), M && e.hasChildNodes() && !Tt(e.firstElementChild) && regExpTest(/<[/\w!]/g, e.innerHTML) && regExpTest(/<[/\w!]/g, e.textContent) || e.nodeType === NODE_TYPE.progressingInstruction || M && e.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, e.data)) return Z(e), !0;
-		if (!(k.tagCheck instanceof Function && k.tagCheck(r)) && (!T[r] || O[r])) {
-			if (!O[r] && Ot(r) && (D.tagNameCheck instanceof RegExp && regExpTest(D.tagNameCheck, r) || D.tagNameCheck instanceof Function && D.tagNameCheck(r))) return !1;
-			if (st && !z[r]) {
-				let t = v(e) || e.parentNode, n = ze(e) || e.childNodes;
+			allowedTags: w
+		}), j && e.hasChildNodes() && !Tt(e.firstElementChild) && regExpTest(/<[/\w!]/g, e.innerHTML) && regExpTest(/<[/\w!]/g, e.textContent) || e.nodeType === NODE_TYPE.progressingInstruction || j && e.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, e.data)) return X(e), !0;
+		if (!(O.tagCheck instanceof Function && O.tagCheck(r)) && (!w[r] || D[r])) {
+			if (!D[r] && Ot(r) && (E.tagNameCheck instanceof RegExp && regExpTest(E.tagNameCheck, r) || E.tagNameCheck instanceof Function && E.tagNameCheck(r))) return !1;
+			if (ot && !B[r]) {
+				let t = _(e) || e.parentNode, n = Be(e) || e.childNodes;
 				if (n && t) {
 					let r = n.length;
 					for (let i = r - 1; i >= 0; --i) {
 						let r = h(n[i], !0);
-						r.__removalCount = (e.__removalCount || 0) + 1, t.insertBefore(r, _(e));
+						r.__removalCount = (e.__removalCount || 0) + 1, t.insertBefore(r, ze(e));
 					}
 				}
 			}
-			return Z(e), !0;
+			return X(e), !0;
 		}
-		return e instanceof c && !xt(e) || (r === "noscript" || r === "noembed" || r === "noframes") && regExpTest(/<\/no(script|embed|frames)/i, e.innerHTML) ? (Z(e), !0) : (j && e.nodeType === NODE_TYPE.text && (n = e.textContent, arrayForEach([
-			C,
-			w,
-			We
+		return e instanceof c && !St(e) || (r === "noscript" || r === "noembed" || r === "noframes") && regExpTest(/<\/no(script|embed|frames)/i, e.innerHTML) ? (X(e), !0) : (A && e.nodeType === NODE_TYPE.text && (n = e.textContent, arrayForEach([
+			x,
+			S,
+			C
 		], (e) => {
 			n = stringReplace(n, e, " ");
-		}), e.textContent !== n && (arrayPush(t.removed, { element: e.cloneNode() }), e.textContent = n)), $(S.afterSanitizeElements, e, null), !1);
+		}), e.textContent !== n && (arrayPush(t.removed, { element: e.cloneNode() }), e.textContent = n)), $(b.afterSanitizeElements, e, null), !1);
 	}, Dt = function(e, t, r) {
-		if (at && (t === "id" || t === "name") && (r in n || r in gt)) return !1;
-		if (!(A && !$e[t] && regExpTest(Ge, t)) && !(et && regExpTest(Ke, t)) && !(k.attributeCheck instanceof Function && k.attributeCheck(t, e))) {
-			if (!E[t] || $e[t]) {
-				if (!(Ot(e) && (D.tagNameCheck instanceof RegExp && regExpTest(D.tagNameCheck, e) || D.tagNameCheck instanceof Function && D.tagNameCheck(e)) && (D.attributeNameCheck instanceof RegExp && regExpTest(D.attributeNameCheck, t) || D.attributeNameCheck instanceof Function && D.attributeNameCheck(t, e)) || t === "is" && D.allowCustomizedBuiltInElements && (D.tagNameCheck instanceof RegExp && regExpTest(D.tagNameCheck, r) || D.tagNameCheck instanceof Function && D.tagNameCheck(r)))) return !1;
-			} else if (!B[t] && !regExpTest(Xe, stringReplace(r, Je, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && stringIndexOf(r, "data:") === 0 && lt[e]) && !(tt && !regExpTest(qe, stringReplace(r, Je, ""))) && r) return !1;
+		if (it && (t === "id" || t === "name") && (r in n || r in _t)) return !1;
+		if (!(k && !et[t] && regExpTest(Ke, t)) && !(tt && regExpTest(qe, t)) && !(O.attributeCheck instanceof Function && O.attributeCheck(t, e))) {
+			if (!T[t] || et[t]) {
+				if (!(Ot(e) && (E.tagNameCheck instanceof RegExp && regExpTest(E.tagNameCheck, e) || E.tagNameCheck instanceof Function && E.tagNameCheck(e)) && (E.attributeNameCheck instanceof RegExp && regExpTest(E.attributeNameCheck, t) || E.attributeNameCheck instanceof Function && E.attributeNameCheck(t, e)) || t === "is" && E.allowCustomizedBuiltInElements && (E.tagNameCheck instanceof RegExp && regExpTest(E.tagNameCheck, r) || E.tagNameCheck instanceof Function && E.tagNameCheck(r)))) return !1;
+			} else if (!ut[t] && !regExpTest(Ze, stringReplace(r, Ye, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && stringIndexOf(r, "data:") === 0 && ct[e]) && !(nt && !regExpTest(Je, stringReplace(r, Ye, ""))) && r) return !1;
 		}
 		return !0;
 	}, Ot = function(e) {
-		return e !== "annotation-xml" && stringMatch(e, Ye);
+		return e !== "annotation-xml" && stringMatch(e, Xe);
 	}, kt = function(e) {
-		$(S.beforeSanitizeAttributes, e, null);
+		$(b.beforeSanitizeAttributes, e, null);
 		let { attributes: n } = e;
-		if (!n || wt(e)) return;
+		if (!n || Q(e)) return;
 		let r = {
 			attrName: "",
 			attrValue: "",
 			keepAttr: !0,
-			allowedAttributes: E,
+			allowedAttributes: T,
 			forceKeepAttr: void 0
 		}, i = n.length;
 		for (; i--;) {
-			let { name: a, namespaceURI: o, value: s } = n[i], c = Y(a), l = s, u = a === "value" ? l : stringTrim(l);
-			if (r.attrName = c, r.attrValue = u, r.keepAttr = !0, r.forceKeepAttr = void 0, $(S.uponSanitizeAttribute, e, r), u = r.attrValue, ot && (c === "id" || c === "name") && (Q(a, e), u = "user-content-" + u), M && regExpTest(/((--!?|])>)|<\/(style|title|textarea)/i, u)) {
-				Q(a, e);
+			let { name: a, namespaceURI: o, value: s } = n[i], c = J(a), l = s, u = a === "value" ? l : stringTrim(l);
+			if (r.attrName = c, r.attrValue = u, r.keepAttr = !0, r.forceKeepAttr = void 0, $(b.uponSanitizeAttribute, e, r), u = r.attrValue, at && (c === "id" || c === "name") && (Z(a, e), u = "user-content-" + u), j && regExpTest(/((--!?|])>)|<\/(style|title|textarea)/i, u)) {
+				Z(a, e);
 				continue;
 			}
 			if (c === "attributename" && stringMatch(u, "href")) {
-				Q(a, e);
+				Z(a, e);
 				continue;
 			}
 			if (r.forceKeepAttr) continue;
 			if (!r.keepAttr) {
-				Q(a, e);
+				Z(a, e);
 				continue;
 			}
-			if (!nt && regExpTest(/\/>/i, u)) {
-				Q(a, e);
+			if (!rt && regExpTest(/\/>/i, u)) {
+				Z(a, e);
 				continue;
 			}
-			j && arrayForEach([
-				C,
-				w,
-				We
+			A && arrayForEach([
+				x,
+				S,
+				C
 			], (e) => {
 				u = stringReplace(u, e, " ");
 			});
-			let d = Y(e.nodeName);
+			let d = J(e.nodeName);
 			if (!Dt(d, c, u)) {
-				Q(a, e);
+				Z(a, e);
 				continue;
 			}
-			if (y && typeof p == "object" && typeof p.getAttributeType == "function" && !o) switch (p.getAttributeType(d, c)) {
+			if (v && typeof p == "object" && typeof p.getAttributeType == "function" && !o) switch (p.getAttributeType(d, c)) {
 				case "TrustedHTML":
-					u = y.createHTML(u);
+					u = v.createHTML(u);
 					break;
 				case "TrustedScriptURL":
-					u = y.createScriptURL(u);
+					u = v.createScriptURL(u);
 					break;
 			}
 			if (u !== l) try {
-				o ? e.setAttributeNS(o, a, u) : e.setAttribute(a, u), wt(e) ? Z(e) : arrayPop(t.removed);
+				o ? e.setAttributeNS(o, a, u) : e.setAttribute(a, u), Q(e) ? X(e) : arrayPop(t.removed);
 			} catch {
-				Q(a, e);
+				Z(a, e);
 			}
 		}
-		$(S.afterSanitizeAttributes, e, null);
+		$(b.afterSanitizeAttributes, e, null);
 	}, At = function e(t) {
-		let n = null, r = Ct(t);
-		for ($(S.beforeSanitizeShadowDOM, t, null); n = r.nextNode();) $(S.uponSanitizeShadowNode, n, null), Et(n), kt(n), n.content instanceof a && e(n.content);
-		$(S.afterSanitizeShadowDOM, t, null);
+		let n = null, r = wt(t);
+		for ($(b.beforeSanitizeShadowDOM, t, null); n = r.nextNode();) $(b.uponSanitizeShadowNode, n, null), Et(n), kt(n), n.content instanceof a && e(n.content);
+		$(b.afterSanitizeShadowDOM, t, null);
 	};
 	return t.sanitize = function(e) {
 		let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i = null, o = null, c = null, l = null;
-		if (G = !e, G && (e = "<!-->"), typeof e != "string" && !Tt(e)) if (typeof e.toString == "function") {
+		if (ft = !e, ft && (e = "<!-->"), typeof e != "string" && !Tt(e)) if (typeof e.toString == "function") {
 			if (e = e.toString(), typeof e != "string") throw typeErrorCreate("dirty is not a string, aborting");
 		} else throw typeErrorCreate("toString is not a function");
 		if (!t.isSupported) return e;
-		if (rt || vt(n), t.removed = [], typeof e == "string" && (L = !1), L) {
+		if (N || yt(n), t.removed = [], typeof e == "string" && (R = !1), R) {
 			if (e.nodeName) {
-				let t = Y(e.nodeName);
-				if (!T[t] || O[t]) throw typeErrorCreate("root node is forbidden and cannot be sanitized in-place");
+				let t = J(e.nodeName);
+				if (!w[t] || D[t]) throw typeErrorCreate("root node is forbidden and cannot be sanitized in-place");
 			}
-		} else if (e instanceof s) i = St("<!---->"), o = i.ownerDocument.importNode(e, !0), o.nodeType === NODE_TYPE.element && o.nodeName === "BODY" || o.nodeName === "HTML" ? i = o : i.appendChild(o);
+		} else if (e instanceof s) i = Ct("<!---->"), o = i.ownerDocument.importNode(e, !0), o.nodeType === NODE_TYPE.element && o.nodeName === "BODY" || o.nodeName === "HTML" ? i = o : i.appendChild(o);
 		else {
-			if (!P && !j && !N && e.indexOf("<") === -1) return y && I ? y.createHTML(e) : e;
-			if (i = St(e), !i) return P ? null : I ? b : "";
+			if (!F && !A && !M && e.indexOf("<") === -1) return v && L ? v.createHTML(e) : e;
+			if (i = Ct(e), !i) return F ? null : L ? y : "";
 		}
-		i && it && Z(i.firstChild);
-		let u = Ct(L ? e : i);
+		i && P && X(i.firstChild);
+		let u = wt(R ? e : i);
 		for (; c = u.nextNode();) Et(c), kt(c), c.content instanceof a && At(c.content);
-		if (L) return e;
-		if (P) {
-			if (F) for (l = Ve.call(i.ownerDocument); i.firstChild;) l.appendChild(i.firstChild);
+		if (R) return e;
+		if (F) {
+			if (I) for (l = Ue.call(i.ownerDocument); i.firstChild;) l.appendChild(i.firstChild);
 			else l = i;
-			return (E.shadowroot || E.shadowrootmode) && (l = Ue.call(r, l, !0)), l;
+			return (T.shadowroot || T.shadowrootmode) && (l = Ge.call(r, l, !0)), l;
 		}
-		let d = N ? i.outerHTML : i.innerHTML;
-		return N && T["!doctype"] && i.ownerDocument && i.ownerDocument.doctype && i.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, i.ownerDocument.doctype.name) && (d = "<!DOCTYPE " + i.ownerDocument.doctype.name + ">\n" + d), j && arrayForEach([
-			C,
-			w,
-			We
+		let d = M ? i.outerHTML : i.innerHTML;
+		return M && w["!doctype"] && i.ownerDocument && i.ownerDocument.doctype && i.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, i.ownerDocument.doctype.name) && (d = "<!DOCTYPE " + i.ownerDocument.doctype.name + ">\n" + d), A && arrayForEach([
+			x,
+			S,
+			C
 		], (e) => {
 			d = stringReplace(d, e, " ");
-		}), y && I ? y.createHTML(d) : d;
+		}), v && L ? v.createHTML(d) : d;
 	}, t.setConfig = function() {
-		vt(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), rt = !0;
+		yt(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), N = !0;
 	}, t.clearConfig = function() {
-		X = null, rt = !1;
+		Y = null, N = !1;
 	}, t.isValidAttribute = function(e, t, n) {
-		return X || vt({}), Dt(Y(e), Y(t), n);
+		return Y || yt({}), Dt(J(e), J(t), n);
 	}, t.addHook = function(e, t) {
-		typeof t == "function" && arrayPush(S[e], t);
+		typeof t == "function" && arrayPush(b[e], t);
 	}, t.removeHook = function(e, t) {
 		if (t !== void 0) {
-			let n = arrayLastIndexOf(S[e], t);
-			return n === -1 ? void 0 : arraySplice(S[e], n, 1)[0];
+			let n = arrayLastIndexOf(b[e], t);
+			return n === -1 ? void 0 : arraySplice(b[e], n, 1)[0];
 		}
-		return arrayPop(S[e]);
+		return arrayPop(b[e]);
 	}, t.removeHooks = function(e) {
-		S[e] = [];
+		b[e] = [];
 	}, t.removeAllHooks = function() {
-		S = _createHooksMap();
+		b = _createHooksMap();
 	}, t;
 }
 var purify = createDOMPurify(), HTMLConfig = { sanitize: (e) => purify.sanitize(e) }, html = (e, ...t) => new HTMLLiteralResult(e.reduce((e, n, r) => {
@@ -929,7 +1109,7 @@ function __decorate(e, t, n, r) {
 	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
 	return i > 3 && a && Object.defineProperty(t, n, a), a;
 }
-var component_default = ":host{--host-display:flex;--host-heading-border:var(--scorad-heading-border,solid 1px var(--host-color));--host-score-color:var(--scorad-score-color,var(--host-color));--host-score-background:var(--scorad-score-background,var(--host-background-color));--host-score-border:var(--scorad-score-border,solid 1px var(--host-color));gap:var(--host-spacing-unit);flex-wrap:wrap;width:fit-content}h3{aspect-ratio:1;border:var(--host-heading-border);padding:var(--host-padding-unit);margin:0 0 0 calc(-1*var(--host-padding-unit));border-radius:50%;justify-content:center;align-items:center;line-height:0;display:inline-flex}p{padding:var(--host-padding-unit)0 0;margin:0;font-size:.9em}scorad-label{break-inside:avoid;outline:none;flex:5 19rem}#extent-label{flex-basis:100%}#intensity-label{flex-grow:1}#score-label{background:linear-gradient(to bottom,transparent,var(--background-color)75%);flex-basis:100%;font-size:1.2rem;position:sticky;bottom:0}@media print{#score-label{position:relative}}#score-label>span{padding:var(--host-padding-unit);border-radius:var(--host-border-radius);outline:var(--host-score-border);color:var(--host-score-color);background:var(--host-score-background)}scorad-extent,scorad-intensity,scorad-subjective{margin:.6rem calc(-1*var(--host-padding-unit));flex:100%}", host_default = "*{box-sizing:border-box}:host{--host-color-l:var(--color-l,50%);--host-error-color-h:var(--error-color-h,0);--host-color:var(--color,#444);--host-background-color:var(--background-color,#eee);--host-primary-color:var(--primary-color,var(--host-color));--host-error-color:var(--error-color,hsl(var(--host-error-color-h),66.7%,var(--host-color-l)));--host-spacing-unit:var(--scorad-spacing-unit,.25rem);--host-padding-unit:var(--scorad-padding-unit,.333rem);--host-border-radius:var(--scorad-border-radius,3px);--host-border-radius-outer:var(--scorad-border-radius-outer,calc(var(--host-border-radius) + var(--host-padding-unit)));--host-outline-hover:var(--scorad-outline-hover,dashed 2px var(--host-primary-color));--host-outline-focus:var(--scorad-outline-focus,solid 2px var(--host-primary-color));display:var(--host-display,inline-flex);line-height:1.2}@media (prefers-color-scheme:dark){:host{--host-color-l:var(--color-l,70%)}}";
+var component_default$1 = ":host{--host-display:flex;--host-heading-border:var(--scorad-heading-border,solid 1px var(--host-color));--host-score-color:var(--scorad-score-color,var(--host-color));--host-score-background:var(--scorad-score-background,var(--host-background-color));--host-score-border:var(--scorad-score-border,solid 1px var(--host-color));gap:var(--host-spacing-unit);flex-wrap:wrap;width:fit-content}h3{aspect-ratio:1;border:var(--host-heading-border);padding:var(--host-padding-unit);margin:0 0 0 calc(-1*var(--host-padding-unit));border-radius:50%;justify-content:center;align-items:center;line-height:0;display:inline-flex}p{padding:var(--host-padding-unit)0 0;margin:0;font-size:.9em}scorad-label{break-inside:avoid;outline:none;flex:5 19rem}#extent-label{flex-basis:100%}#intensity-label{flex-grow:1}#score-label{background:linear-gradient(to bottom,transparent,var(--background-color)75%);flex-basis:100%;font-size:1.2rem;position:sticky;bottom:0}@media print{#score-label{position:relative}}#score{padding:var(--host-padding-unit);border-radius:var(--host-border-radius);outline:var(--host-score-border);color:var(--host-score-color);background:var(--host-score-background);font-size:1.2rem}#score:focus{outline:var(--host-outline-selected)}scorad-extent,scorad-intensity,scorad-subjective{margin:.6rem calc(-1*var(--host-padding-unit));flex:100%}", host_default = "*{box-sizing:border-box}:host{--host-color-l:var(--color-l,50%);--host-error-color-h:var(--error-color-h,0);--host-color:var(--color,#444);--host-background-color:var(--background-color,#eee);--host-primary-color:var(--primary-color,var(--host-color));--host-error-color:var(--error-color,hsl(var(--host-error-color-h),66.7%,var(--host-color-l)));--host-spacing-unit:var(--scorad-spacing-unit,.25rem);--host-padding-unit:var(--scorad-padding-unit,.333rem);--host-border-radius:var(--scorad-border-radius,3px);--host-border-radius-outer:var(--scorad-border-radius-outer,calc(var(--host-border-radius) + var(--host-padding-unit)));--host-outline-hover:var(--scorad-outline-hover,dashed 2px var(--host-primary-color));--host-outline-focus:var(--scorad-outline-focus,solid 2px var(--host-primary-color));--host-outline-selected:var(--scorad-outline-selected,solid 2px var(--host-color));display:var(--host-display,inline-flex);line-height:1.2}@media (prefers-color-scheme:dark){:host{--host-color-l:var(--color-l,70%)}}";
 const SCORAD_EXTENT_MAX_VALUE = 100, SCORAD_INTENSITY_MAX_VALUE = 3, SCORAD_SUBJECTIVE_MAX_VALUE = 10, SCORAD_EXTENT_DEFAULT = {
 	headNeck: null,
 	anteriorTrunk: null,
@@ -978,10 +1158,11 @@ const selectScoradWeights = (e) => e?.child ? SCORAD_CHILD_WEIGHTS : SCORAD_ADUL
 validateScoradData.formatError = (e, t, n, r) => `${e}.${t}: must be between 0 and ${n}, but received ${r}.`, validateScoradData.isValid = (e, t) => typeof e == "number" && Number.isFinite(e) && e >= 0 && e <= t;
 const ScoradResources = {
 	child: {
-		text: "child",
+		text: "weightings",
 		description: "use weightings for a child"
 	},
 	extent: {
+		text: "A. Extent",
 		headNeck: {
 			text: "head",
 			description: "percentage of the head and neck area affected"
@@ -1008,6 +1189,13 @@ const ScoradResources = {
 		}
 	},
 	intensity: {
+		text: "B. Intensity",
+		levels: [
+			"none",
+			"mild",
+			"moderate",
+			"severe"
+		],
 		erythema: {
 			text: "Erythema",
 			description: "redness of the skin"
@@ -1034,6 +1222,20 @@ const ScoradResources = {
 		}
 	},
 	subjective: {
+		text: "C. Subjective",
+		levels: [
+			"0",
+			"1",
+			"2",
+			"3",
+			"4",
+			"5",
+			"6",
+			"7",
+			"8",
+			"9",
+			"10"
+		],
 		pruritus: {
 			text: "Pruritus",
 			description: "itching"
@@ -1088,6 +1290,7 @@ var tag$6 = "scorad-extent", HTMLScoradExtentElement = class extends HTMLCompone
 		this.style.setProperty("--host-font-size", `${t}rem`);
 	}
 	render() {
+		this.setAttribute("role", "group"), this.setAttribute("aria-label", ScoradResources.extent.text);
 		let e = (e) => {
 			let t = (t) => {
 				if (this.readonly) return;
@@ -1150,6 +1353,7 @@ var tag$6 = "scorad-extent", HTMLScoradExtentElement = class extends HTMLCompone
 		return html`
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 190 240">
                 <g ${e("headNeck")}
+                    aria-label="${ScoradResources.extent.headNeck.text}"
                     class="head-neck" tabindex="0">
                     <text x="40" y="20" ${t("headNeck")}>--</text>
                     <line x1="45" y1="16" x2="68" y2="17"></line>
@@ -1157,6 +1361,7 @@ var tag$6 = "scorad-extent", HTMLScoradExtentElement = class extends HTMLCompone
                 </g>
                 ${this.child ? html`
                     <g ${e("anteriorTrunk")}
+                        aria-label="${ScoradResources.extent.anteriorTrunk.text}"
                         class="anterior-trunk" tabindex="0">
                         <text x="40" y="50" ${t("anteriorTrunk")}>--</text>
                         <line x1="45" y1="46" x2="77" y2="52"></line>
@@ -1164,6 +1369,7 @@ var tag$6 = "scorad-extent", HTMLScoradExtentElement = class extends HTMLCompone
                     </g>
                     ` : html`
                     <g ${e("anteriorTrunk")}
+                        aria-label="${ScoradResources.extent.anteriorTrunk.text}"
                         class="anterior-trunk" tabindex="0">
                         <text x="40" y="50" ${t("anteriorTrunk")}>--</text>
                         <line x1="45" y1="46" x2="75" y2="52"></line>
@@ -1171,6 +1377,7 @@ var tag$6 = "scorad-extent", HTMLScoradExtentElement = class extends HTMLCompone
                     </g>
                     `}
                 <g ${e("upperLimbs")}
+                    aria-label="${ScoradResources.extent.upperLimbs.text}"
                     class="upper-limbs" tabindex="0">
                     <text x="40" y="80" ${t("upperLimbs")}>--</text>
                     <line x1="45" y1="76" x2="50" y2="78"></line>
@@ -1179,6 +1386,7 @@ var tag$6 = "scorad-extent", HTMLScoradExtentElement = class extends HTMLCompone
                 </g>
                 ${this.child ? "" : html`
                     <g ${e("genitals")}
+                        aria-label="${ScoradResources.extent.genitals.text}"
                         class="genitals" tabindex="0">
                         <text x="40" y="170" ${t("genitals")}>--</text>
                         <line x1="45" y1="164" x2="63" y2="138"></line>
@@ -1186,6 +1394,7 @@ var tag$6 = "scorad-extent", HTMLScoradExtentElement = class extends HTMLCompone
                     </g>
                     `}
                 <g ${e("lowerLimbs")}
+                    aria-label="${ScoradResources.extent.lowerLimbs.text}"
                     class="lower-limbs" tabindex="">
                     <text x="40" y="200" ${t("lowerLimbs")}>--</text>
                     <line x1="45" y1="195" x2="63" y2="195"></line>
@@ -1202,6 +1411,7 @@ var tag$6 = "scorad-extent", HTMLScoradExtentElement = class extends HTMLCompone
                     <path d="M116,61 120,85 150,135 A1,1 0,0,0 165,130Z"></path>
                 </g>
                 <g ${e("posteriorTrunk")}
+                    aria-label="${ScoradResources.extent.posteriorTrunk.text}"
                     class="posterior-trunk" tabindex="0">
                     <text x="150" y="50" ${t("posteriorTrunk")}>--</text>
                     <line x1="145" y1="46" x2="115" y2="52"></line>
@@ -1217,10 +1427,7 @@ var tag$6 = "scorad-extent", HTMLScoradExtentElement = class extends HTMLCompone
 	valueInput;
 	valueChange;
 };
-__decorate([Att(AttBoolean)], HTMLScoradExtentElement.prototype, "child", void 0), __decorate([Att({
-	name: "aria-readonly",
-	...AttTrueFalse
-})], HTMLScoradExtentElement.prototype, "readonly", void 0), __decorate([Att({
+__decorate([Att(AttBoolean)], HTMLScoradExtentElement.prototype, "child", void 0), __decorate([Att(AttBoolean)], HTMLScoradExtentElement.prototype, "readonly", void 0), __decorate([Att({
 	name: "has-errors",
 	write: (e) => e == null ? void 0 : "",
 	read: !1
@@ -1229,7 +1436,7 @@ __decorate([Att(AttBoolean)], HTMLScoradExtentElement.prototype, "child", void 0
 	css: [host_default, component_default$6],
 	delegatesFocus: !0
 })], HTMLScoradExtentElement);
-var component_default$4 = ":host{--host-display:inline-flex;flex-direction:column;position:relative}scorad-options{align-self:center;margin-left:auto}", component_default$5 = ":host{--host-display:inline-flex;--host-option-width:var(--scorad-option-width,1.5em);--host-option-height:var(--scorad-option-height,1.5em);--host-option-border:var(--scorad-option-border,solid 1px var(--host-color));--host-option-border-selected:var(--scorad-option-border-selected,solid 2px var(--host-color));--host-option-color:var(--scorad-option-color,var(--host-color));--host-option-background:var(--scorad-option-background,transparent);--host-option-color-selected:var(--scorad-option-color-selected,var(--host-background-color));--host-option-background-selected:var(--scorad-option-background-selected,var(--host-color));gap:var(--host-spacing-unit);margin:var(--host-padding-unit)0;outline:none;width:max-content;position:relative}span{height:var(--host-option-height);width:var(--host-option-width);outline:var(--host-option-border);border-radius:var(--host-border-radius);padding:calc(.5*var(--host-padding-unit))var(--host-padding-unit);color:var(--host-option-color);background:var(--host-option-background)}:host(:not([aria-readonly=true])) span{cursor:pointer}span:before{content:\"​\";touch-action:none;pointer-events:none}span[aria-selected=true]{outline:var(--host-option-border-selected);color:var(--host-option-color-selected);background:var(--host-option-background-selected)}", tag$5 = "scorad-options", HTMLScoradOptionsElement = class extends HTMLComponentElement {
+var component_default$4 = ":host{--host-display:inline-flex;flex-direction:column;position:relative}scorad-options{align-self:center;margin-left:auto}", component_default$5 = ":host{--host-display:inline-flex;--host-option-width:var(--scorad-option-width,1.5em);--host-option-height:var(--scorad-option-height,1.5em);--host-option-border:var(--scorad-option-border,solid 1px var(--host-color));--host-option-border-selected:var(--scorad-option-border-selected,solid 2px var(--host-color));--host-option-color:var(--scorad-option-color,var(--host-color));--host-option-background:var(--scorad-option-background,transparent);--host-option-color-selected:var(--scorad-option-color-selected,var(--host-background-color));--host-option-background-selected:var(--scorad-option-background-selected,var(--host-color));gap:var(--host-spacing-unit);margin:var(--host-padding-unit)0;outline:none;width:max-content;position:relative}span{height:var(--host-option-height);width:var(--host-option-width);outline:var(--host-option-border);border-radius:var(--host-border-radius);padding:calc(.5*var(--host-padding-unit))var(--host-padding-unit);color:var(--host-option-color);background:var(--host-option-background)}:host(:not([aria-readonly=true])) span{cursor:pointer}span:before{content:\"​\";touch-action:none;pointer-events:none}span[aria-checked=true]{outline:var(--host-option-border-selected);color:var(--host-option-color-selected);background:var(--host-option-background-selected)}", tag$5 = "scorad-options", HTMLScoradOptionsElement = class extends HTMLComponentElement {
 	connectedCallback() {
 		this.render(), this.addEventListener("focusin", this.handleFocusIn, { once: !0 }), this.addEventListener("click", this.handleClick);
 	}
@@ -1268,6 +1475,7 @@ var component_default$4 = ":host{--host-display:inline-flex;flex-direction:colum
 	};
 	min = 0;
 	max = 5;
+	hideText = !1;
 	showHue = !1;
 	committedValue = 0;
 	value = 0;
@@ -1277,22 +1485,23 @@ var component_default$4 = ":host{--host-display:inline-flex;flex-direction:colum
 	readonly = !1;
 	text = [];
 	render() {
-		return html`
-            ${Array.from({ length: this.max - this.min + 1 }, (e, t) => this.min + t).map((e) => html`
-                <span data-value="${e}">${this.text[e]}</span>
+		let e = Array.from({ length: this.max - this.min + 1 }, (e, t) => this.min + t);
+		return this.setAttribute("role", "radiogroup"), html`
+            ${e.map((e) => html`
+                <span role="radio" data-value="${e}">${this.hideText ? "" : this.text[e]}</span>
                 `)}
             `;
 	}
 	afterRender() {
-		this.shadowRoot && this.shadowRoot.querySelectorAll("span").forEach((e) => {
-			let t = Number.parseInt(e.dataset.value);
-			if (e.setAttribute("aria-selected", t === this.value ? "true" : "false"), !this.showHue) return;
-			if (t > this.value) {
+		this.shadowRoot && this.shadowRoot.querySelectorAll("span").forEach((e, t) => {
+			let n = Number.parseInt(e.dataset.value);
+			if (e.setAttribute("aria-checked", n === this.value ? "true" : "false"), this.hideText && e.setAttribute("aria-label", this.text[t] ?? `option ${t}`), !this.showHue) return;
+			if (n > this.value) {
 				e.style.backgroundColor = "";
 				return;
 			}
-			let n = Math.round(100 * t / (this.max - this.min));
-			e.style.backgroundColor = `hsl(var(--scorad-h, 0), ${n}%, 50%, ${n}%)`;
+			let r = Math.round(100 * n / (this.max - this.min));
+			e.style.backgroundColor = `hsl(var(--scorad-h, 0), ${r}%, 50%, ${r}%)`;
 		});
 	}
 	valueInput;
@@ -1304,10 +1513,10 @@ __decorate([Att({
 })], HTMLScoradOptionsElement.prototype, "min", void 0), __decorate([Att({
 	read: Number,
 	write: !1
-})], HTMLScoradOptionsElement.prototype, "max", void 0), __decorate([Att(AttBoolean)], HTMLScoradOptionsElement.prototype, "showHue", void 0), __decorate([Att({
+})], HTMLScoradOptionsElement.prototype, "max", void 0), __decorate([Att(AttBoolean)], HTMLScoradOptionsElement.prototype, "hideText", void 0), __decorate([Att(AttBoolean)], HTMLScoradOptionsElement.prototype, "showHue", void 0), __decorate([Att({
 	name: "aria-readonly",
 	...AttTrueFalse
-})], HTMLScoradOptionsElement.prototype, "readonly", void 0), __decorate([Att({ write: !1 })], HTMLScoradOptionsElement.prototype, "text", void 0), __decorate([Watch("min", "max", "text")], HTMLScoradOptionsElement.prototype, "render", null), __decorate([Watch("value", "readonly")], HTMLScoradOptionsElement.prototype, "afterRender", null), __decorate([Event()], HTMLScoradOptionsElement.prototype, "valueInput", void 0), __decorate([Event()], HTMLScoradOptionsElement.prototype, "valueChange", void 0), HTMLScoradOptionsElement = __decorate([Component({
+})], HTMLScoradOptionsElement.prototype, "readonly", void 0), __decorate([Att({ write: !1 })], HTMLScoradOptionsElement.prototype, "text", void 0), __decorate([Watch("min", "max", "text", "hideText")], HTMLScoradOptionsElement.prototype, "render", null), __decorate([Watch("value", "readonly")], HTMLScoradOptionsElement.prototype, "afterRender", null), __decorate([Event()], HTMLScoradOptionsElement.prototype, "valueInput", void 0), __decorate([Event()], HTMLScoradOptionsElement.prototype, "valueChange", void 0), HTMLScoradOptionsElement = __decorate([Component({
 	tag: tag$5,
 	css: [host_default, component_default$5]
 })], HTMLScoradOptionsElement);
@@ -1330,11 +1539,11 @@ var tag$4 = "scorad-intensity", HTMLScoradIntensityElement = class extends HTMLC
 			n.dataset.value = `${t}`;
 			let r = n.querySelector("scorad-options");
 			if (!r) return;
-			r.value = t, r.readonly = this.readonly, r.style.setProperty("--host-option-border", this.errors?.[e] == null ? null : "solid 1px var(--host-error-color)");
+			r.value = t, r.readonly = this.readonly, r.text = ScoradResources.intensity.levels, r.hideText = !0, r.style.setProperty("--host-option-border", this.errors?.[e] == null ? null : "solid 1px var(--host-error-color)");
 		}
 	}
 	render() {
-		return html`
+		return this.setAttribute("role", "group"), this.setAttribute("aria-label", ScoradResources.intensity.text), html`
             ${objectKeys(this.value).map((e) => this.renderLevel(e))}
         `;
 	}
@@ -1365,10 +1574,7 @@ var tag$4 = "scorad-intensity", HTMLScoradIntensityElement = class extends HTMLC
 	valueInput;
 	valueChange;
 };
-__decorate([Att({
-	name: "aria-readonly",
-	...AttTrueFalse
-})], HTMLScoradIntensityElement.prototype, "readonly", void 0), __decorate([Att({
+__decorate([Att(AttBoolean)], HTMLScoradIntensityElement.prototype, "readonly", void 0), __decorate([Att({
 	name: "has-errors",
 	write: (e) => e == null ? void 0 : "",
 	read: !1
@@ -1396,22 +1602,27 @@ var component_default$3 = ":host{--host-display:inline-flex;--scorad-label-text-
 			n.dataset.value = `${t}`;
 			let r = n.querySelector("scorad-options");
 			if (!r) return;
-			r.value = t, r.readonly = this.readonly, r.style.setProperty("--host-option-border", this.errors?.[e] == null ? null : "solid 1px var(--host-error-color)");
+			r.value = t, r.readonly = this.readonly, r.text = ScoradResources.subjective.levels, r.hideText = !0, r.style.setProperty("--host-option-border", this.errors?.[e] == null ? null : "solid 1px var(--host-error-color)");
 		}
 	}
 	render() {
-		return html`
+		return this.setAttribute("role", "group"), this.setAttribute("aria-label", ScoradResources.subjective.text), html`
             ${objectKeys(this.value).map((e) => this.renderLevel(e))}
         `;
 	}
 	renderLevel(e) {
 		let t = (t) => {
-			t && t.addEventListener("value-input", (t) => {
+			t && (t.addEventListener("value-input", (t) => {
 				this.value = {
 					...this.value,
 					[e]: t.detail
-				}, this.valueInput(this.value);
-			});
+				}, this.errors = void 0, this.valueInput(this.value);
+			}), t.addEventListener("value-change", (t) => {
+				this.value = {
+					...this.value,
+					[e]: t.detail
+				}, this.errors = void 0, this.valueChange(this.value);
+			}));
 		}, n = ScoradResources.subjective[e];
 		return html`
             <scorad-label class="${toKebabCase(e)} row"
@@ -1425,10 +1636,7 @@ var component_default$3 = ":host{--host-display:inline-flex;--scorad-label-text-
 	valueInput;
 	valueChange;
 };
-__decorate([Att({
-	name: "aria-readonly",
-	...AttTrueFalse
-})], HTMLScoradSubjectiveElement.prototype, "readonly", void 0), __decorate([Att({
+__decorate([Att(AttBoolean)], HTMLScoradSubjectiveElement.prototype, "readonly", void 0), __decorate([Att({
 	name: "has-errors",
 	write: (e) => e == null ? void 0 : "",
 	read: !1
@@ -1453,7 +1661,7 @@ var component_default$2 = ":host{--host-display:inline-flex;padding:0 var(--host
 		e && (e.value = this.value ? 1 : 0, e.text = ["Adult", "Child"], e.readonly = this.readonly);
 	}
 	render() {
-		return html`
+		return this.setAttribute("role", "group"), this.setAttribute("aria-label", ScoradResources.child.text), html`
             <scorad-options ${(e) => {
 			e.addEventListener("value-input", (e) => {
 				this.value = e.detail === 1, this.valueInput(this.value);
@@ -1466,10 +1674,7 @@ var component_default$2 = ":host{--host-display:inline-flex;padding:0 var(--host
 	valueInput;
 	valueChange;
 };
-__decorate([Att({
-	name: "aria-readonly",
-	...AttTrueFalse
-})], HTMLScoradWeightingsElement.prototype, "readonly", void 0), __decorate([Watch("value", "readonly")], HTMLScoradWeightingsElement.prototype, "afterRender", null), __decorate([Event()], HTMLScoradWeightingsElement.prototype, "valueInput", void 0), __decorate([Event()], HTMLScoradWeightingsElement.prototype, "valueChange", void 0), HTMLScoradWeightingsElement = __decorate([Component({
+__decorate([Att(AttBoolean)], HTMLScoradWeightingsElement.prototype, "readonly", void 0), __decorate([Watch("value", "readonly")], HTMLScoradWeightingsElement.prototype, "afterRender", null), __decorate([Event()], HTMLScoradWeightingsElement.prototype, "valueInput", void 0), __decorate([Event()], HTMLScoradWeightingsElement.prototype, "valueChange", void 0), HTMLScoradWeightingsElement = __decorate([Component({
 	tag: tag$2,
 	css: [host_default, component_default$2],
 	delegatesFocus: !0
@@ -1478,41 +1683,15 @@ const getScoradScore = (e) => {
 	let t = validateScoradData(e);
 	if (t instanceof Failure) return t;
 	e = t.value;
-	let n = selectScoradWeights(e), r = Object.entries(e.extent).reduce((e, [t, r]) => e + r * n[t], 0), i = Object.values(e.intensity).reduce((e, t) => e + t, 0), a = e.subjective.pruritus + e.subjective.sleeplessness, o = Math.round((r / 5 + 7 * i / 2 + a) * 100) / 100;
+	let n = selectScoradWeights(e), r = Object.entries(e.extent).reduce((e, [t, r]) => e + r * n[t], 0), i = Object.values(e.intensity).reduce((e, t) => e + t, 0), a = e.subjective.pruritus + e.subjective.sleeplessness, o = (e) => Math.round((e + 2 ** -52) * 100) / 100, s = o(r / 5 + 7 * i / 2 + a);
 	return Result.Ok({
-		A: r,
+		A: o(r),
 		B: i,
 		C: a,
-		total: o
+		total: s
 	});
 };
-var component_default$1 = ":host{--host-display:var(--scorad-label-display,inline-flex);--host-options:var(--scorad-label-options,solid 1px var(--host-color));--host-text-min-width:var(--scorad-label-text-min-width,none);--host-text-max-width:var(--scorad-label-text-max-width,none);grid-column:1/3;grid-template-columns:subgrid;padding:var(--host-padding-unit);border-radius:var(--host-border-radius-outer);flex-wrap:wrap;align-content:baseline;align-items:baseline;position:relative}:host(:hover){outline:var(--host-outline-hover)}:host(:focus-within){outline:var(--host-outline-focus)}:host>label{min-width:var(--host-text-min-width);max-width:var(--host-text-max-width)}:host>label>slot[name=text]{transition:all .2s ease-in-out;display:block}:host>label>slot[name=description]{opacity:0;margin-bottom:-1.1em;transition:all .4s ease-in-out;display:block}:host(:hover)>label>slot[name=text],:host(:focus-within)>label>slot[name=text]{transform:translateY(-.5em)}:host(:hover)>label>slot[name=description],:host(:focus-within)>label>slot[name=description]{opacity:.667;transform:translateY(-.6em)}@media print{:host>label>slot[name=text]{transform:translateY(-.5em)}:host>label>slot[name=description]{opacity:.667;transform:translateY(-.6em)}}:host>label{padding:var(--host-padding-unit);flex:1;padding-left:0}", tag$1 = "scorad-label", HTMLScoradLabelElement = class extends HTMLComponentElement {
-	connectedCallback() {
-		this.render(), this.addEventListener("click", this.handleClick);
-	}
-	diconnectedCallback() {
-		this.removeEventListener("click", this.handleClick);
-	}
-	handleClick = (e) => {
-		this.querySelector(FOCUSABLE)?.focus();
-	};
-	text = "(label)";
-	description;
-	render() {
-		return html`
-                <label>
-                    <slot name="text"><span>${this.text}</span></slot>
-                    <slot name="description"><small>${this.description}</small></slot>
-                </label>
-                <slot></slot>
-            `;
-	}
-};
-__decorate([Att({ write: !1 })], HTMLScoradLabelElement.prototype, "text", void 0), __decorate([Att({ write: !1 })], HTMLScoradLabelElement.prototype, "description", void 0), HTMLScoradLabelElement = __decorate([Component({
-	tag: tag$1,
-	css: [host_default, component_default$1]
-})], HTMLScoradLabelElement);
-var tag = "scorad-component", HTMLScoradElement = class extends HTMLComponentElement {
+var tag$1 = "scorad-component", HTMLScoradElement = class extends HTMLComponentElement {
 	connectedCallback() {
 		this.render();
 	}
@@ -1527,10 +1706,10 @@ var tag = "scorad-component", HTMLScoradElement = class extends HTMLComponentEle
 		if (!this.shadowRoot) return;
 		let e = this.shadowRoot.querySelector("#score");
 		if (!e) return;
-		let t = getScoradScore(this.value).orNull(), n = {}, r = validateScoradData(this.value).errors.reduce((e, t) => {
+		let t = getScoradScore(this.value).orNull(), n = Object.freeze({}), r = validateScoradData(this.value).fold((e) => n, (e) => e.reduce((e, t) => {
 			let n = t.indexOf(":");
 			return setValue(e, t.substring(0, n), t.substring(n + 2));
-		}, n);
+		}, n));
 		e.innerText = `${t?.total ?? "Get Score"}`, e.style.color = this.showErrors && r != n ? "var(--host-error-color)" : "";
 		let i = this.shadowRoot.querySelector("scorad-subjective");
 		i && (i.value = this.value?.subjective ?? SCORAD_SUBJECTIVE_DEFAULT, i.score = t?.B, i.readonly = this.readonly, this.showErrors && (i.errors = getValue(r, "subjective")));
@@ -1542,7 +1721,7 @@ var tag = "scorad-component", HTMLScoradElement = class extends HTMLComponentEle
 		s && (s.value = this.value?.child ?? !1, s.readonly = this.readonly);
 	}
 	render() {
-		return html`
+		return this.setAttribute("role", "region"), this.setAttribute("aria-label", "SCORAD component"), html`
             <scorad-label id="extent-label">
                 <h3 slot="text">A</h3>
                 <p slot="description">extent - effected surface area</p>
@@ -1612,9 +1791,10 @@ var tag = "scorad-component", HTMLScoradElement = class extends HTMLComponentEle
 
             <scorad-label id="score-label"
                 text="SCORAD"
-                description="(A / 5) + (7 * B / 2) + C"
-                ${(e) => {
-			e instanceof HTMLScoradLabelElement && e.addEventListener("click", () => {
+                description="(A / 5) + (7 × B / 2) + C"
+            >
+                <button id="score" ${(e) => {
+			e instanceof HTMLButtonElement && e.addEventListener("click", () => {
 				if (!this.shadowRoot) return;
 				this.showErrors = !0;
 				let e = this.shadowRoot.querySelector("[has-errors]");
@@ -1624,21 +1804,43 @@ var tag = "scorad-component", HTMLScoradElement = class extends HTMLComponentEle
 				}));
 			});
 		}}
-            >
-                <span id="score" tabindex="0"></span>
+                    tabindex="0"></button>
             </scorad-label>
         `;
 	}
 	valueInput;
 	valueChange;
 };
-__decorate([Att({
-	name: "aria-readonly",
-	...AttTrueFalse
-})], HTMLScoradElement.prototype, "readonly", void 0), __decorate([Watch("value", "showErrors", "readonly")], HTMLScoradElement.prototype, "afterRender", null), __decorate([Event()], HTMLScoradElement.prototype, "valueInput", void 0), __decorate([Event()], HTMLScoradElement.prototype, "valueChange", void 0), HTMLScoradElement = __decorate([Component({
-	tag,
-	css: [host_default, component_default],
+__decorate([Att(AttBoolean)], HTMLScoradElement.prototype, "readonly", void 0), __decorate([Watch("value", "showErrors", "readonly")], HTMLScoradElement.prototype, "afterRender", null), __decorate([Event()], HTMLScoradElement.prototype, "valueInput", void 0), __decorate([Event()], HTMLScoradElement.prototype, "valueChange", void 0), HTMLScoradElement = __decorate([Component({
+	tag: tag$1,
+	css: [host_default, component_default$1],
 	delegatesFocus: !0
 })], HTMLScoradElement);
 const componentsScoradLogger = provideLogger("@ntix/components-scorad", typeof ANTIX_COMPONENTS_SCORAD_LOG_LEVEL > "u" ? LogLevel.warn : ANTIX_COMPONENTS_SCORAD_LOG_LEVEL);
-export { HTMLScoradElement, HTMLScoradExtentElement, HTMLScoradIntensityElement, HTMLScoradLabelElement, HTMLScoradOptionsElement, HTMLScoradSubjectiveElement, HTMLScoradWeightingsElement, SCORAD_ADULT_WEIGHTS, SCORAD_CHILD_WEIGHTS, SCORAD_DEFAULT, SCORAD_EXTENT_DEFAULT, SCORAD_EXTENT_MAX_VALUE, SCORAD_INTENSITY_DEFAULT, SCORAD_INTENSITY_MAX_VALUE, SCORAD_SUBJECTIVE_DEFAULT, SCORAD_SUBJECTIVE_MAX_VALUE, ScoradResources, componentsScoradLogger, getScoradScore, selectScoradWeights, validateScoradData };
+var component_default = ":host{--host-display:var(--scorad-label-display,inline-flex);--host-options:var(--scorad-label-options,solid 1px var(--host-color));--host-text-min-width:var(--scorad-label-text-min-width,none);--host-text-max-width:var(--scorad-label-text-max-width,none);grid-column:1/3;grid-template-columns:subgrid;padding:var(--host-padding-unit);border-radius:var(--host-border-radius-outer);flex-wrap:wrap;align-content:baseline;align-items:baseline;position:relative}:host(:hover){outline:var(--host-outline-hover)}:host(:focus-within){outline:var(--host-outline-focus)}:host>label{min-width:var(--host-text-min-width);max-width:var(--host-text-max-width)}:host>label>slot[name=text]{transition:all .2s ease-in-out;display:block}:host>label>slot[name=description]{opacity:0;margin-bottom:-1.1em;transition:all .4s ease-in-out;display:block}:host(:hover)>label>slot[name=text],:host(:focus-within)>label>slot[name=text]{transform:translateY(-.5em)}:host(:hover)>label>slot[name=description],:host(:focus-within)>label>slot[name=description]{opacity:.667;transform:translateY(-.6em)}@media print{:host>label>slot[name=text]{transform:translateY(-.5em)}:host>label>slot[name=description]{opacity:.667;transform:translateY(-.6em)}}:host>label{padding:var(--host-padding-unit);flex:1;padding-left:0}", tag = "scorad-label", HTMLScoradLabelElement = class extends HTMLComponentElement {
+	connectedCallback() {
+		this.render(), this.addEventListener("click", this.handleClick);
+	}
+	diconnectedCallback() {
+		this.removeEventListener("click", this.handleClick);
+	}
+	handleClick = (e) => {
+		this.querySelector(FOCUSABLE)?.focus();
+	};
+	text = "(label)";
+	description;
+	render() {
+		return html`
+                <label>
+                    <slot name="text"><span>${this.text}</span></slot>
+                    <slot name="description"><small>${this.description}</small></slot>
+                </label>
+                <slot></slot>
+            `;
+	}
+};
+__decorate([Att({ write: !1 })], HTMLScoradLabelElement.prototype, "text", void 0), __decorate([Att({ write: !1 })], HTMLScoradLabelElement.prototype, "description", void 0), HTMLScoradLabelElement = __decorate([Component({
+	tag,
+	css: [host_default, component_default]
+})], HTMLScoradLabelElement);
+export { Failure, HTMLScoradElement, HTMLScoradExtentElement, HTMLScoradIntensityElement, HTMLScoradLabelElement, HTMLScoradOptionsElement, HTMLScoradSubjectiveElement, HTMLScoradWeightingsElement, LogLevel, Result, SCORAD_ADULT_WEIGHTS, SCORAD_CHILD_WEIGHTS, SCORAD_DEFAULT, SCORAD_EXTENT_DEFAULT, SCORAD_EXTENT_MAX_VALUE, SCORAD_INTENSITY_DEFAULT, SCORAD_INTENSITY_MAX_VALUE, SCORAD_SUBJECTIVE_DEFAULT, SCORAD_SUBJECTIVE_MAX_VALUE, ScoradResources, Success, componentsScoradLogger, getScoradScore, selectScoradWeights, validateScoradData };