@ntix/components-scorad 2.0.0 → 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));
@@ -185,7 +345,7 @@ var Success = class {
 	Fail: (e) => new Failure(e),
 	isSuccess: (e) => e instanceof Success,
 	isFailure: (e) => e instanceof Failure
-}, 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();
+};
 function Att(e = {}) {
 	return function(t, r) {
 		let i = e?.name ?? r, a = e?.read ?? ((e) => e), o = e?.write ?? ((e) => e);
@@ -293,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;
 	};
 }
@@ -343,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) {
@@ -569,25 +734,25 @@ 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.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"), _ = lookupGetter(m, "nextSibling"), ze = lookupGetter(m, "childNodes"), v = lookupGetter(m, "parentNode");
+	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: Be, createNodeIterator: Ve, createDocumentFragment: He, getElementsByTagName: Ue } = n, { importNode: We } = r, x = _createHooksMap();
-	t.isSupported = typeof entries == "function" && typeof v == "function" && Be && Be.createHTMLDocument !== void 0;
-	let { MUSTACHE_EXPR: S, ERB_EXPR: C, TMPLIT_EXPR: w, 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,
@@ -606,7 +771,7 @@ function createDOMPurify() {
 			enumerable: !0,
 			value: !1
 		}
-	})), O = null, k = null, A = Object.seal(create(null, {
+	})), D = null, et = null, O = Object.seal(create(null, {
 		tagCheck: {
 			writable: !0,
 			configurable: !1,
@@ -619,7 +784,7 @@ function createDOMPurify() {
 			enumerable: !0,
 			value: null
 		}
-	})), $e = !0, j = !0, et = !1, tt = !0, M = !1, N = !0, P = !1, nt = !1, rt = !1, F = !1, I = !1, L = !1, it = !0, at = !1, ot = !0, R = !1, z = {}, B = null, st = 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",
@@ -688,15 +853,15 @@ function createDOMPurify() {
 	}, yt = function() {
 		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
 		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, T = objectHasOwnProperty(e, "ALLOWED_TAGS") ? addToSet({}, e.ALLOWED_TAGS, J) : Ze, E = objectHasOwnProperty(e, "ALLOWED_ATTR") ? addToSet({}, e.ALLOWED_ATTR, J) : Qe, 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, O = objectHasOwnProperty(e, "FORBID_TAGS") ? addToSet({}, e.FORBID_TAGS, J) : clone({}), k = objectHasOwnProperty(e, "FORBID_ATTR") ? addToSet({}, e.FORBID_ATTR, J) : clone({}), z = objectHasOwnProperty(e, "USE_PROFILES") ? e.USE_PROFILES : !1, $e = e.ALLOW_ARIA_ATTR !== !1, j = e.ALLOW_DATA_ATTR !== !1, et = e.ALLOW_UNKNOWN_PROTOCOLS || !1, tt = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, M = e.SAFE_FOR_TEMPLATES || !1, N = e.SAFE_FOR_XML !== !1, P = e.WHOLE_DOCUMENT || !1, F = e.RETURN_DOM || !1, I = e.RETURN_DOM_FRAGMENT || !1, L = e.RETURN_TRUSTED_TYPE || !1, rt = 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, Xe = e.ALLOWED_URI_REGEXP || IS_ALLOWED_URI, W = e.NAMESPACE || U, G = e.MATHML_TEXT_INTEGRATION_POINTS || G, K = e.HTML_INTEGRATION_POINTS || K, D = e.CUSTOM_ELEMENT_HANDLING || {}, e.CUSTOM_ELEMENT_HANDLING && vt(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (D.tagNameCheck = e.CUSTOM_ELEMENT_HANDLING.tagNameCheck), e.CUSTOM_ELEMENT_HANDLING && vt(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), M && (j = !1), I && (F = !0), z && (T = addToSet({}, text), E = [], z.html === !0 && (addToSet(T, html$1), addToSet(E, html$2)), z.svg === !0 && (addToSet(T, svg$1), addToSet(E, svg), addToSet(E, xml)), z.svgFilters === !0 && (addToSet(T, svgFilters), addToSet(E, svg), addToSet(E, xml)), z.mathMl === !0 && (addToSet(T, mathMl$1), addToSet(E, mathMl), addToSet(E, xml))), e.ADD_TAGS && (typeof e.ADD_TAGS == "function" ? A.tagCheck = e.ADD_TAGS : (T === Ze && (T = clone(T)), addToSet(T, e.ADD_TAGS, J))), e.ADD_ATTR && (typeof e.ADD_ATTR == "function" ? A.attributeCheck = e.ADD_ATTR : (E === Qe && (E = clone(E)), addToSet(E, 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 && (T["#text"] = !0), P && addToSet(T, [
+			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(""));
+				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;
 		}
 	}, bt = addToSet({}, [
@@ -704,7 +869,7 @@ function createDOMPurify() {
 		...svgFilters,
 		...svgDisallowed
 	]), xt = addToSet({}, [...mathMl$1, ...mathMlDisallowed]), St = function(e) {
-		let t = v(e);
+		let t = _(e);
 		(!t || !t.tagName) && (t = {
 			namespaceURI: W,
 			tagName: "template"
@@ -714,7 +879,7 @@ function createDOMPurify() {
 	}, X = function(e) {
 		arrayPush(t.removed, { element: e });
 		try {
-			v(e).removeChild(e);
+			_(e).removeChild(e);
 		} catch {
 			g(e);
 		}
@@ -738,26 +903,26 @@ function createDOMPurify() {
 		} catch {}
 	}, Ct = function(e) {
 		let t = null, r = null;
-		if (rt) e = "<remove></remove>" + e;
+		if (P) e = "<remove></remove>" + e;
 		else {
 			let t = stringMatch(e, /^[\r\n\t ]+/);
 			r = t && t[0];
 		}
 		q === "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;
+		let i = v ? v.createHTML(e) : e;
 		if (W === U) try {
 			t = new f().parseFromString(i, q);
 		} catch {}
 		if (!t || !t.documentElement) {
-			t = Be.createDocument(W, "template", null);
+			t = Ve.createDocument(W, "template", null);
 			try {
-				t.documentElement.innerHTML = ft ? 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 ? Ue.call(t, P ? "html" : "body")[0] : P ? t.documentElement : a;
+		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 Ve.call(e.ownerDocument || e, e, l.SHOW_ELEMENT | l.SHOW_COMMENT | l.SHOW_TEXT | l.SHOW_PROCESSING_INSTRUCTION | l.SHOW_CDATA_SECTION, null);
+		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) {
@@ -770,57 +935,57 @@ function createDOMPurify() {
 	}
 	let Et = function(e) {
 		let n = null;
-		if ($(x.beforeSanitizeElements, e, null), Q(e)) return X(e), !0;
+		if ($(b.beforeSanitizeElements, e, null), Q(e)) return X(e), !0;
 		let r = J(e.nodeName);
-		if ($(x.uponSanitizeElement, e, {
+		if ($(b.uponSanitizeElement, e, {
 			tagName: r,
-			allowedTags: T
-		}), N && e.hasChildNodes() && !Tt(e.firstElementChild) && regExpTest(/<[/\w!]/g, e.innerHTML) && regExpTest(/<[/\w!]/g, e.textContent) || e.nodeType === NODE_TYPE.progressingInstruction || N && e.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, e.data)) return X(e), !0;
-		if (!(A.tagCheck instanceof Function && A.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;
+			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 = v(e) || e.parentNode, n = ze(e) || e.childNodes;
+				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 X(e), !0;
 		}
-		return e instanceof c && !St(e) || (r === "noscript" || r === "noembed" || r === "noframes") && regExpTest(/<\/no(script|embed|frames)/i, e.innerHTML) ? (X(e), !0) : (M && e.nodeType === NODE_TYPE.text && (n = e.textContent, arrayForEach([
+		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,
-			w
+			C
 		], (e) => {
 			n = stringReplace(n, e, " ");
-		}), e.textContent !== n && (arrayPush(t.removed, { element: e.cloneNode() }), e.textContent = n)), $(x.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 (it && (t === "id" || t === "name") && (r in n || r in _t)) return !1;
-		if (!(j && !k[t] && regExpTest(Ge, t)) && !($e && regExpTest(Ke, t)) && !(A.attributeCheck instanceof Function && A.attributeCheck(t, e))) {
-			if (!E[t] || k[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 (!ut[t] && !regExpTest(Xe, stringReplace(r, Je, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && stringIndexOf(r, "data:") === 0 && ct[e]) && !(et && !regExpTest(qe, stringReplace(r, Je, ""))) && r) 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) {
-		$(x.beforeSanitizeAttributes, e, null);
+		$(b.beforeSanitizeAttributes, e, null);
 		let { attributes: n } = e;
 		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 = J(a), l = s, u = a === "value" ? l : stringTrim(l);
-			if (r.attrName = c, r.attrValue = u, r.keepAttr = !0, r.forceKeepAttr = void 0, $(x.uponSanitizeAttribute, e, r), u = r.attrValue, at && (c === "id" || c === "name") && (Z(a, e), u = "user-content-" + u), N && regExpTest(/((--!?|])>)|<\/(style|title|textarea)/i, u)) {
+			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;
 			}
@@ -833,14 +998,14 @@ function createDOMPurify() {
 				Z(a, e);
 				continue;
 			}
-			if (!tt && regExpTest(/\/>/i, u)) {
+			if (!rt && regExpTest(/\/>/i, u)) {
 				Z(a, e);
 				continue;
 			}
-			M && arrayForEach([
+			A && arrayForEach([
+				x,
 				S,
-				C,
-				w
+				C
 			], (e) => {
 				u = stringReplace(u, e, " ");
 			});
@@ -849,12 +1014,12 @@ function createDOMPurify() {
 				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 {
@@ -863,11 +1028,11 @@ function createDOMPurify() {
 				Z(a, e);
 			}
 		}
-		$(x.afterSanitizeAttributes, e, null);
+		$(b.afterSanitizeAttributes, e, null);
 	}, At = function e(t) {
 		let n = null, r = wt(t);
-		for ($(x.beforeSanitizeShadowDOM, t, null); n = r.nextNode();) $(x.uponSanitizeShadowNode, n, null), Et(n), kt(n), n.content instanceof a && e(n.content);
-		$(x.afterSanitizeShadowDOM, t, null);
+		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;
@@ -875,51 +1040,51 @@ function createDOMPurify() {
 			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 (nt || yt(n), t.removed = [], typeof e == "string" && (R = !1), R) {
+		if (N || yt(n), t.removed = [], typeof e == "string" && (R = !1), R) {
 			if (e.nodeName) {
 				let t = J(e.nodeName);
-				if (!T[t] || O[t]) throw typeErrorCreate("root node is forbidden and cannot be sanitized in-place");
+				if (!w[t] || D[t]) throw typeErrorCreate("root node is forbidden and cannot be sanitized in-place");
 			}
 		} 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 (!F && !M && !P && e.indexOf("<") === -1) return y && L ? y.createHTML(e) : e;
-			if (i = Ct(e), !i) return F ? null : L ? 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 && rt && X(i.firstChild);
+		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 (R) return e;
 		if (F) {
-			if (I) for (l = He.call(i.ownerDocument); i.firstChild;) l.appendChild(i.firstChild);
+			if (I) for (l = Ue.call(i.ownerDocument); i.firstChild;) l.appendChild(i.firstChild);
 			else l = i;
-			return (E.shadowroot || E.shadowrootmode) && (l = We.call(r, l, !0)), l;
+			return (T.shadowroot || T.shadowrootmode) && (l = Ge.call(r, l, !0)), l;
 		}
-		let d = P ? i.outerHTML : i.innerHTML;
-		return P && 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), M && arrayForEach([
+		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,
-			w
+			C
 		], (e) => {
 			d = stringReplace(d, e, " ");
-		}), y && L ? y.createHTML(d) : d;
+		}), v && L ? v.createHTML(d) : d;
 	}, t.setConfig = function() {
-		yt(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), nt = !0;
+		yt(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), N = !0;
 	}, t.clearConfig = function() {
-		Y = null, nt = !1;
+		Y = null, N = !1;
 	}, t.isValidAttribute = function(e, t, n) {
 		return Y || yt({}), Dt(J(e), J(t), n);
 	}, t.addHook = function(e, t) {
-		typeof t == "function" && arrayPush(x[e], t);
+		typeof t == "function" && arrayPush(b[e], t);
 	}, t.removeHook = function(e, t) {
 		if (t !== void 0) {
-			let n = arrayLastIndexOf(x[e], t);
-			return n === -1 ? void 0 : arraySplice(x[e], n, 1)[0];
+			let n = arrayLastIndexOf(b[e], t);
+			return n === -1 ? void 0 : arraySplice(b[e], n, 1)[0];
 		}
-		return arrayPop(x[e]);
+		return arrayPop(b[e]);
 	}, t.removeHooks = function(e) {
-		x[e] = [];
+		b[e] = [];
 	}, t.removeAllHooks = function() {
-		x = _createHooksMap();
+		b = _createHooksMap();
 	}, t;
 }
 var purify = createDOMPurify(), HTMLConfig = { sanitize: (e) => purify.sanitize(e) }, html = (e, ...t) => new HTMLLiteralResult(e.reduce((e, n, r) => {
@@ -944,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,
@@ -993,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"
@@ -1023,6 +1189,13 @@ const ScoradResources = {
 		}
 	},
 	intensity: {
+		text: "B. Intensity",
+		levels: [
+			"none",
+			"mild",
+			"moderate",
+			"severe"
+		],
 		erythema: {
 			text: "Erythema",
 			description: "redness of the skin"
@@ -1049,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"
@@ -1103,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;
@@ -1165,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>
@@ -1172,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>
@@ -1179,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>
@@ -1186,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>
@@ -1194,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>
@@ -1201,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>
@@ -1217,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>
@@ -1232,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
@@ -1244,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);
 	}
@@ -1283,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;
@@ -1292,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;
@@ -1319,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);
@@ -1345,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))}
         `;
 	}
@@ -1380,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
@@ -1411,11 +1602,11 @@ 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))}
         `;
 	}
@@ -1445,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
@@ -1473,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);
@@ -1486,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
@@ -1506,33 +1691,7 @@ const getScoradScore = (e) => {
 		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();
 	}
@@ -1562,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>
@@ -1633,8 +1792,9 @@ 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", () => {
+            >
+                <button id="score" ${(e) => {
+			e instanceof HTMLButtonElement && e.addEventListener("click", () => {
 				if (!this.shadowRoot) return;
 				this.showErrors = !0;
 				let e = this.shadowRoot.querySelector("[has-errors]");
@@ -1644,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);
+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 };