@ntix/components-scorad 1.0.0

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

@@ -0,0 +1,1523 @@
+var cache = /* @__PURE__ */ new Map(), asCachedStyle = (t) => t == null ? [] : (Array.isArray(t) || (t = [t]), t.map((t) => {
+	if (cache.has(t)) return cache.get(t);
+	let n = new CSSStyleSheet();
+	return n.replaceSync(t), cache.set(t, n), n;
+})), getConstructorMetadata = (e) => {
+	let t = e;
+	return t.__metadata = t.__metadata ?? {
+		attributes: [],
+		watches: [],
+		events: []
+	}, 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, 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", _), document.addEventListener("pointerup", v));
+		}, _ = (e) => {
+			if (!p || !f) throw Error("drag item is undefined");
+			let n = f.get(p), r = null;
+			for (let [t, i] of f.entries()) {
+				if (t === p || e.clientY <= i.top || e.clientY >= i.bottom) continue;
+				e.stopPropagation();
+				let a = i.top + (n.bottom - i.top) / 2;
+				r = e.clientY > a ? o(t) : t;
+				break;
+			}
+			if (r) {
+				g = r instanceof HTMLElement ? r.dataset.id : void 0, t.insertBefore(p, r), p.style.transform = "";
+				var i = n.top;
+				f = c(), m += f.get(p).top - i, d?.focus();
+			}
+			p.style.transform = `translateY(${e.clientY - m}px)`;
+		}, v = (e) => {
+			if (!p) throw Error("drag item is undefined");
+			e.stopPropagation(), document.removeEventListener("pointermove", _), 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) => {
+			if (!e.altKey) return;
+			let r = (e, r) => {
+				let i = document.activeElement;
+				t.insertBefore(e, r), i instanceof HTMLElement && i.focus(), n(e.dataset.id, r?.dataset.id);
+			};
+			switch (e.key) {
+				case "ArrowUp": {
+					let t = a(e.target, (e) => e?.parentElement, u);
+					if (t && u(t.previousElementSibling)) {
+						let e = t.previousElementSibling;
+						r(t, e);
+					}
+					break;
+				}
+				case "ArrowDown": {
+					let t = a(e.target, (e) => e?.parentElement, u);
+					if (t && u(t.nextElementSibling)) {
+						let e = t.nextElementSibling?.nextElementSibling;
+						r(t, e);
+					}
+					break;
+				}
+			}
+		};
+		return t.addEventListener("pointerdown", ze), t.addEventListener("keydown", y), () => {
+			t.removeEventListener("pointerdown", ze), t.removeEventListener("keydown", y);
+		};
+	} };
+})();
+var FOCUSABLE = "\n    button:not([disabled]), \n    [href], \n    input:not([disabled]), \n    select:not([disabled]), \n    textarea:not([disabled]), \n    [tabindex]:not([tabindex=\"-1\"]), \n    [contenteditable]:not([contenteditable=\"false\"])\n", LogLevel = {
+	trace: 0,
+	debug: 1,
+	log: 2,
+	info: 3,
+	warn: 4,
+	error: 5
+};
+function createLogger(e, t, n) {
+	let r = () => {}, o = { 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));
+	}
+	return o;
+}
+var provideLogger = (() => {
+	let e = (e, t) => (t ??= provideLogger.defaultLevel, createLogger(e, t, provideLogger.adapter));
+	return e.adapter = console, e.defaultLevel = LogLevel.warn, e;
+})(), areEqual = (e, t) => {
+	if (e === t || Number.isNaN(e) && Number.isNaN(t)) return !0;
+	if (!(typeof e == "object" && e) || !(typeof t == "object" && t)) return !1;
+	let n = Array.isArray(e);
+	if (n !== Array.isArray(t)) return !1;
+	if (n) {
+		let n = e, r = t;
+		if (n.length !== r.length) return !1;
+		for (let e = 0; e < n.length; e++) if (!areEqual(n[e], r[e])) return !1;
+		return !0;
+	}
+	let r = Object.keys(e), i = Object.keys(t);
+	if (r.length !== i.length) return !1;
+	for (let n of r) {
+		if (!Object.prototype.hasOwnProperty.call(t, n)) return !1;
+		let r = e[n], i = t[n];
+		if (!areEqual(r, i)) return !1;
+	}
+	return !0;
+}, getPropertyDescriptor = (e, t) => {
+	let n = e;
+	for (; n;) {
+		let e = Object.getOwnPropertyDescriptor(n, t);
+		if (e) return e;
+		n = Object.getPrototypeOf(n);
+	}
+}, objectKeys = (e) => Object.keys(e);
+function isPromise(e) {
+	return e != null && typeof e.then == "function";
+}
+var Success = class {
+	constructor(e) {
+		this.value = e;
+	}
+	value;
+	orThrow() {
+		return this.value;
+	}
+	orNull() {
+		return this.value;
+	}
+}, Failure = class e {
+	constructor(e) {
+		this.errors = e;
+	}
+	errors;
+	orThrow() {
+		throw Error(e.formatErrors(this.errors));
+	}
+	orNull() {
+		return null;
+	}
+	static formatErrors = (e) => e.join("\n");
+}, Result = {
+	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();
+function Att(e = {}) {
+	return function(t, r) {
+		let i = e?.name ?? r, a = e?.read ?? ((e) => e), o = e?.write ?? ((e) => e);
+		if (!o && !a) throw Error("@Att() should have read or write options");
+		var s = getConstructorMetadata(t.constructor);
+		s.__metadata.attributes = [...s.__metadata.attributes, {
+			propertyName: r,
+			name: toKebabCase(i),
+			read: a,
+			write: o
+		}];
+	};
+}
+var AttTrueFalse = {
+	read: (e) => e === "true",
+	write: (e) => e === !0 ? "true" : "false"
+}, AttBoolean = {
+	read: (e) => e != null,
+	write: (e) => e === !0 ? "" : void 0
+}, componentsCoreLogger = provideLogger("@ntix/components-core", typeof ANTIX_COMPONENTS_CORE_LOG_LEVEL > "u" ? LogLevel.warn : ANTIX_COMPONENTS_CORE_LOG_LEVEL);
+function isComponentRender(e) {
+	return typeof e == "object" && !!e && "render" in e && typeof e.render == "function" && e.render.length === 1;
+}
+function Component(e = { tag: void 0 }) {
+	let n = () => {}, r = componentsCoreLogger.provide("component-decorator"), i = {
+		shadowRoot: "open",
+		delegatesFocus: !1,
+		...e,
+		css: asCachedStyle(e.css)
+	};
+	return function(t) {
+		let a = /* @__PURE__ */ new Map(), o = class extends t {
+			constructor(...e) {
+				super(...e);
+				let n = t.__metadata;
+				n && (n.events.forEach((e) => {
+					r.debug("event", e.propertyName, e.name), Object.defineProperty(this, e.propertyName, {
+						value: function(t) {
+							let n = new CustomEvent(e.name, {
+								detail: t,
+								...e.init
+							});
+							return this.dispatchEvent(n);
+						},
+						writable: !1,
+						configurable: !1,
+						enumerable: !0
+					});
+				}), n.watches.forEach((e) => {
+					let t = e.methodName;
+					r.debug(`${this.tagName}.${t}()`, { propertyNames: e.propertyNames }), e.propertyNames.forEach((e) => {
+						let n = getPropertyDescriptor(this, e);
+						r.debug("watch", e, n);
+						let i = n?.value, a = n?.get?.bind(this) ?? (() => i), o = n?.set?.bind(this) ?? ((e) => {
+							i = e;
+						});
+						Object.defineProperty(this, e, {
+							get: a,
+							set: function(n) {
+								let r = a();
+								r !== n && (o(n), this[t](n, r, e) === !1 && o(r));
+							},
+							enumerable: !0,
+							configurable: !0
+						});
+					});
+				}), n.attributes.forEach((e) => {
+					let t = getPropertyDescriptor(this, e.propertyName), n = t?.value, i = t?.get?.bind(this) ?? (() => n), o = t?.set?.bind(this) ?? ((e) => {
+						n = e;
+					});
+					if (e.write) {
+						let t = o, n = e.write;
+						o = (r) => {
+							r !== i() && t(r);
+							let a = this.getAttribute(e.name), o = n(r);
+							if (o == null) a != null && this.removeAttribute(e.name);
+							else {
+								let t = `${o}`;
+								a !== t && this.setAttribute(e.name, t);
+							}
+						};
+					}
+					r.debug(`${this.tagName}.${e.propertyName}`, {
+						att: e.name,
+						read: !!e.read,
+						write: !!e.write
+					}), Object.defineProperty(this, e.propertyName, {
+						get: i,
+						set: o,
+						enumerable: !0
+					}), e.read && a.set(e.name, () => {
+						this.hasAttribute(e.name) || o(i());
+					});
+				}));
+			}
+			__shadowRoot;
+		};
+		if (o.__metadata) {
+			let e = new Set(o.observedAttributes);
+			o.__metadata.attributes.forEach((t) => {
+				t.read && e.add(t.name);
+			}), o.observedAttributes = Array.from(e);
+		}
+		let s;
+		o.prototype.resizeCallback && (s = new ResizeObserver((e) => {
+			o.prototype.resizeCallback?.call(e[0].target);
+		}));
+		let l = o.prototype.attributeChangedCallback ?? n;
+		o.prototype.attributeChangedCallback = function(e, t, n) {
+			if (l(e, t, n), n !== t) {
+				var r = o.__metadata?.attributes.find((t) => t.name === e);
+				r?.read && (this[r.propertyName] = r.read(n));
+			}
+		};
+		let d = o.prototype.connectedCallback ?? n;
+		o.prototype.connectedCallback = function() {
+			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), d.call(this), s && s.observe(this);
+		};
+		let f = o.prototype.disconnectedCallback ?? n;
+		o.prototype.disconnectedCallback = function() {
+			f.call(this), s && s.unobserve(this);
+		};
+		let p = o.prototype.beforeRender ?? n, m = o.prototype.render ?? n, h = o.prototype.afterRender ?? n;
+		return o.prototype.render = async function() {
+			r.debug("render", this.tagName);
+			let e = p.call(this);
+			if (isPromise(e) && await e, this.__shadowRoot) {
+				let e = this.__shadowRoot, t = m.call(this);
+				isComponentRender(t) ? await t.render(e) : e.innerHTML = t;
+			}
+			h.call(this);
+		}, r.debug("define", e.tag), window.customElements.define(e.tag, o), o;
+	};
+}
+function Event(e = {}) {
+	return function(t, r) {
+		var i = getConstructorMetadata(t.constructor);
+		i.__metadata.events = [...i.__metadata.events, {
+			name: e?.name ?? toKebabCase(r),
+			init: e,
+			propertyName: r
+		}];
+	};
+}
+var HTMLComponentElement = class extends HTMLElement {
+	addEventListener(e, t, n) {
+		return super.addEventListener(e, t, n), () => {
+			super.removeEventListener(e, t, n);
+		};
+	}
+	removeEventListener(e, t, n) {
+		super.removeEventListener(e, t, n);
+	}
+};
+function Watch(...e) {
+	return function(t, r) {
+		var i = getConstructorMetadata(t.constructor);
+		i.__metadata.watches = [...i.__metadata.watches, {
+			methodName: r,
+			propertyNames: e
+		}];
+	};
+}
+function isHTMLLiteralCallback(e) {
+	return typeof e == "function";
+}
+var HTMLLiteralResult = class extends Array {
+	render = (e, t = "") => new Promise((n) => {
+		let r = document.createElement("template"), i = {}, a = (e) => {
+			let t = `_${Object.keys(i).length}`;
+			return i[t] = e, t;
+		}, o = (e) => Array.isArray(e) ? e.map(o).join("") : isHTMLLiteralCallback(e) ? `_r_=${a(e)}` : `${e}`;
+		r.innerHTML = t + o(this), e.replaceChildren(r.content);
+		let s = async (e) => {
+			if (e.nodeType === Node.ELEMENT_NODE && e.hasAttribute("_r_")) {
+				let t = e.getAttribute("_r_");
+				if (t) {
+					e.removeAttribute("_r_");
+					let n = i[t];
+					for (n.element = e; !e.isConnected;) await new Promise((e) => requestAnimationFrame(() => e()));
+					n(e);
+				}
+			}
+			await Promise.all([...e.children].map(s));
+		};
+		s(e).then(n);
+	});
+}, { entries, setPrototypeOf, isFrozen, getPrototypeOf, getOwnPropertyDescriptor } = Object, { freeze, seal, create } = Object, { apply, construct } = typeof Reflect < "u" && Reflect;
+freeze ||= function(e) {
+	return e;
+}, seal ||= function(e) {
+	return e;
+}, apply ||= function(e, t) {
+	var n = [...arguments].slice(2);
+	return e.apply(t, n);
+}, construct ||= function(e) {
+	return new e(...[...arguments].slice(1));
+};
+var arrayForEach = unapply(Array.prototype.forEach), arrayLastIndexOf = unapply(Array.prototype.lastIndexOf), arrayPop = unapply(Array.prototype.pop), arrayPush = unapply(Array.prototype.push), arraySplice = unapply(Array.prototype.splice), stringToLowerCase = unapply(String.prototype.toLowerCase), stringToString = unapply(String.prototype.toString), stringMatch = unapply(String.prototype.match), stringReplace = unapply(String.prototype.replace), stringIndexOf = unapply(String.prototype.indexOf), stringTrim = unapply(String.prototype.trim), objectHasOwnProperty = unapply(Object.prototype.hasOwnProperty), regExpTest = unapply(RegExp.prototype.test), typeErrorCreate = unconstruct(TypeError);
+function unapply(e) {
+	return function(t) {
+		t instanceof RegExp && (t.lastIndex = 0);
+		var n = [...arguments].slice(1);
+		return apply(e, t, n);
+	};
+}
+function unconstruct(e) {
+	return function() {
+		return construct(e, [...arguments]);
+	};
+}
+function addToSet(e, t) {
+	let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : stringToLowerCase;
+	setPrototypeOf && setPrototypeOf(e, null);
+	let r = t.length;
+	for (; r--;) {
+		let i = t[r];
+		if (typeof i == "string") {
+			let e = n(i);
+			e !== i && (isFrozen(t) || (t[r] = e), i = e);
+		}
+		e[i] = !0;
+	}
+	return e;
+}
+function cleanArray(e) {
+	for (let t = 0; t < e.length; t++) objectHasOwnProperty(e, t) || (e[t] = null);
+	return e;
+}
+function clone(e) {
+	let t = create(null);
+	for (let [n, r] of entries(e)) objectHasOwnProperty(e, n) && (Array.isArray(r) ? t[n] = cleanArray(r) : r && typeof r == "object" && r.constructor === Object ? t[n] = clone(r) : t[n] = r);
+	return t;
+}
+function lookupGetter(e, t) {
+	for (; e !== null;) {
+		let n = getOwnPropertyDescriptor(e, t);
+		if (n) {
+			if (n.get) return unapply(n.get);
+			if (typeof n.value == "function") return unapply(n.value);
+		}
+		e = getPrototypeOf(e);
+	}
+	function n() {
+		return null;
+	}
+	return n;
+}
+var html$1 = freeze(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bdi.bdo.big.blink.blockquote.body.br.button.canvas.caption.center.cite.code.col.colgroup.content.data.datalist.dd.decorator.del.details.dfn.dialog.dir.div.dl.dt.element.em.fieldset.figcaption.figure.font.footer.form.h1.h2.h3.h4.h5.h6.head.header.hgroup.hr.html.i.img.input.ins.kbd.label.legend.li.main.map.mark.marquee.menu.menuitem.meter.nav.nobr.ol.optgroup.option.output.p.picture.pre.progress.q.rp.rt.ruby.s.samp.search.section.select.shadow.slot.small.source.spacer.span.strike.strong.style.sub.summary.sup.table.tbody.td.template.textarea.tfoot.th.thead.time.tr.track.tt.u.ul.var.video.wbr".split(".")), svg$1 = freeze(/* @__PURE__ */ "svg.a.altglyph.altglyphdef.altglyphitem.animatecolor.animatemotion.animatetransform.circle.clippath.defs.desc.ellipse.enterkeyhint.exportparts.filter.font.g.glyph.glyphref.hkern.image.inputmode.line.lineargradient.marker.mask.metadata.mpath.part.path.pattern.polygon.polyline.radialgradient.rect.stop.style.switch.symbol.text.textpath.title.tref.tspan.view.vkern".split(".")), svgFilters = freeze([
+	"feBlend",
+	"feColorMatrix",
+	"feComponentTransfer",
+	"feComposite",
+	"feConvolveMatrix",
+	"feDiffuseLighting",
+	"feDisplacementMap",
+	"feDistantLight",
+	"feDropShadow",
+	"feFlood",
+	"feFuncA",
+	"feFuncB",
+	"feFuncG",
+	"feFuncR",
+	"feGaussianBlur",
+	"feImage",
+	"feMerge",
+	"feMergeNode",
+	"feMorphology",
+	"feOffset",
+	"fePointLight",
+	"feSpecularLighting",
+	"feSpotLight",
+	"feTile",
+	"feTurbulence"
+]), svgDisallowed = freeze([
+	"animate",
+	"color-profile",
+	"cursor",
+	"discard",
+	"font-face",
+	"font-face-format",
+	"font-face-name",
+	"font-face-src",
+	"font-face-uri",
+	"foreignobject",
+	"hatch",
+	"hatchpath",
+	"mesh",
+	"meshgradient",
+	"meshpatch",
+	"meshrow",
+	"missing-glyph",
+	"script",
+	"set",
+	"solidcolor",
+	"unknown",
+	"use"
+]), mathMl$1 = freeze(/* @__PURE__ */ "math.menclose.merror.mfenced.mfrac.mglyph.mi.mlabeledtr.mmultiscripts.mn.mo.mover.mpadded.mphantom.mroot.mrow.ms.mspace.msqrt.mstyle.msub.msup.msubsup.mtable.mtd.mtext.mtr.munder.munderover.mprescripts".split(".")), mathMlDisallowed = freeze([
+	"maction",
+	"maligngroup",
+	"malignmark",
+	"mlongdiv",
+	"mscarries",
+	"mscarry",
+	"msgroup",
+	"mstack",
+	"msline",
+	"msrow",
+	"semantics",
+	"annotation",
+	"annotation-xml",
+	"mprescripts",
+	"none"
+]), text = freeze(["#text"]), html$2 = freeze(/* @__PURE__ */ "accept.action.align.alt.autocapitalize.autocomplete.autopictureinpicture.autoplay.background.bgcolor.border.capture.cellpadding.cellspacing.checked.cite.class.clear.color.cols.colspan.controls.controlslist.coords.crossorigin.datetime.decoding.default.dir.disabled.disablepictureinpicture.disableremoteplayback.download.draggable.enctype.enterkeyhint.exportparts.face.for.headers.height.hidden.high.href.hreflang.id.inert.inputmode.integrity.ismap.kind.label.lang.list.loading.loop.low.max.maxlength.media.method.min.minlength.multiple.muted.name.nonce.noshade.novalidate.nowrap.open.optimum.part.pattern.placeholder.playsinline.popover.popovertarget.popovertargetaction.poster.preload.pubdate.radiogroup.readonly.rel.required.rev.reversed.role.rows.rowspan.spellcheck.scope.selected.shape.size.sizes.slot.span.srclang.start.src.srcset.step.style.summary.tabindex.title.translate.type.usemap.valign.value.width.wrap.xmlns.slot".split(".")), svg = freeze(/* @__PURE__ */ "accent-height.accumulate.additive.alignment-baseline.amplitude.ascent.attributename.attributetype.azimuth.basefrequency.baseline-shift.begin.bias.by.class.clip.clippathunits.clip-path.clip-rule.color.color-interpolation.color-interpolation-filters.color-profile.color-rendering.cx.cy.d.dx.dy.diffuseconstant.direction.display.divisor.dur.edgemode.elevation.end.exponent.fill.fill-opacity.fill-rule.filter.filterunits.flood-color.flood-opacity.font-family.font-size.font-size-adjust.font-stretch.font-style.font-variant.font-weight.fx.fy.g1.g2.glyph-name.glyphref.gradientunits.gradienttransform.height.href.id.image-rendering.in.in2.intercept.k.k1.k2.k3.k4.kerning.keypoints.keysplines.keytimes.lang.lengthadjust.letter-spacing.kernelmatrix.kernelunitlength.lighting-color.local.marker-end.marker-mid.marker-start.markerheight.markerunits.markerwidth.maskcontentunits.maskunits.max.mask.mask-type.media.method.mode.min.name.numoctaves.offset.operator.opacity.order.orient.orientation.origin.overflow.paint-order.path.pathlength.patterncontentunits.patterntransform.patternunits.points.preservealpha.preserveaspectratio.primitiveunits.r.rx.ry.radius.refx.refy.repeatcount.repeatdur.restart.result.rotate.scale.seed.shape-rendering.slope.specularconstant.specularexponent.spreadmethod.startoffset.stddeviation.stitchtiles.stop-color.stop-opacity.stroke-dasharray.stroke-dashoffset.stroke-linecap.stroke-linejoin.stroke-miterlimit.stroke-opacity.stroke.stroke-width.style.surfacescale.systemlanguage.tabindex.tablevalues.targetx.targety.transform.transform-origin.text-anchor.text-decoration.text-rendering.textlength.type.u1.u2.unicode.values.viewbox.visibility.version.vert-adv-y.vert-origin-x.vert-origin-y.width.word-spacing.wrap.writing-mode.xchannelselector.ychannelselector.x.x1.x2.xmlns.y.y1.y2.z.zoomandpan".split(".")), mathMl = freeze(/* @__PURE__ */ "accent.accentunder.align.bevelled.close.columnsalign.columnlines.columnspan.denomalign.depth.dir.display.displaystyle.encoding.fence.frame.height.href.id.largeop.length.linethickness.lspace.lquote.mathbackground.mathcolor.mathsize.mathvariant.maxsize.minsize.movablelimits.notation.numalign.open.rowalign.rowlines.rowspacing.rowspan.rspace.rquote.scriptlevel.scriptminsize.scriptsizemultiplier.selection.separator.separators.stretchy.subscriptshift.supscriptshift.symmetric.voffset.width.xmlns".split(".")), xml = freeze([
+	"xlink:href",
+	"xml:id",
+	"xlink:title",
+	"xml:space",
+	"xmlns:xlink"
+]), MUSTACHE_EXPR = seal(/\{\{[\w\W]*|[\w\W]*\}\}/gm), ERB_EXPR = seal(/<%[\w\W]*|[\w\W]*%>/gm), TMPLIT_EXPR = seal(/\$\{[\w\W]*/gm), DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]+$/), ARIA_ATTR = seal(/^aria-[\-\w]+$/), IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i), IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i), ATTR_WHITESPACE = seal(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g), DOCTYPE_NAME = seal(/^html$/i), CUSTOM_ELEMENT = seal(/^[a-z][.\w]*(-[.\w]+)+$/i), EXPRESSIONS = /* @__PURE__ */ Object.freeze({
+	__proto__: null,
+	ARIA_ATTR,
+	ATTR_WHITESPACE,
+	CUSTOM_ELEMENT,
+	DATA_ATTR,
+	DOCTYPE_NAME,
+	ERB_EXPR,
+	IS_ALLOWED_URI,
+	IS_SCRIPT_OR_DATA,
+	MUSTACHE_EXPR,
+	TMPLIT_EXPR
+}), NODE_TYPE = {
+	element: 1,
+	attribute: 2,
+	text: 3,
+	cdataSection: 4,
+	entityReference: 5,
+	entityNode: 6,
+	progressingInstruction: 7,
+	comment: 8,
+	document: 9,
+	documentType: 10,
+	documentFragment: 11,
+	notation: 12
+}, getGlobal = function() {
+	return typeof window > "u" ? null : window;
+}, _createTrustedTypesPolicy = function(e, t) {
+	if (typeof e != "object" || typeof e.createPolicy != "function") return null;
+	let n = null, r = "data-tt-policy-suffix";
+	t && t.hasAttribute(r) && (n = t.getAttribute(r));
+	let i = "dompurify" + (n ? "#" + n : "");
+	try {
+		return e.createPolicy(i, {
+			createHTML(e) {
+				return e;
+			},
+			createScriptURL(e) {
+				return e;
+			}
+		});
+	} catch {
+		return console.warn("TrustedTypes policy " + i + " could not be created."), null;
+	}
+}, _createHooksMap = function() {
+	return {
+		afterSanitizeAttributes: [],
+		afterSanitizeElements: [],
+		afterSanitizeShadowDOM: [],
+		beforeSanitizeAttributes: [],
+		beforeSanitizeElements: [],
+		beforeSanitizeShadowDOM: [],
+		uponSanitizeAttribute: [],
+		uponSanitizeElement: [],
+		uponSanitizeShadowNode: []
+	};
+};
+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"), ze = lookupGetter(m, "nextSibling"), _ = lookupGetter(m, "childNodes"), v = 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: Ge, TMPLIT_EXPR: Ke, DATA_ATTR: qe, ARIA_ATTR: Je, IS_SCRIPT_OR_DATA: Ye, ATTR_WHITESPACE: Xe, CUSTOM_ELEMENT: Ze } = EXPRESSIONS, { IS_ALLOWED_URI: Qe } = EXPRESSIONS, C = null, $e = addToSet({}, [
+		...html$1,
+		...svg$1,
+		...svgFilters,
+		...mathMl$1,
+		...text
+	]), w = null, et = addToSet({}, [
+		...html$2,
+		...svg,
+		...mathMl,
+		...xml
+	]), T = Object.seal(create(null, {
+		tagNameCheck: {
+			writable: !0,
+			configurable: !1,
+			enumerable: !0,
+			value: null
+		},
+		attributeNameCheck: {
+			writable: !0,
+			configurable: !1,
+			enumerable: !0,
+			value: null
+		},
+		allowCustomizedBuiltInElements: {
+			writable: !0,
+			configurable: !1,
+			enumerable: !0,
+			value: !1
+		}
+	})), E = null, D = null, O = Object.seal(create(null, {
+		tagCheck: {
+			writable: !0,
+			configurable: !1,
+			enumerable: !0,
+			value: null
+		},
+		attributeCheck: {
+			writable: !0,
+			configurable: !1,
+			enumerable: !0,
+			value: null
+		}
+	})), tt = !0, k = !0, nt = !1, rt = !0, A = !1, j = !0, M = !1, it = !1, at = !1, N = !1, P = !1, F = !1, ot = !0, st = !1, I = !0, L = !1, R = {}, z = null, ct = addToSet({}, [
+		"annotation-xml",
+		"audio",
+		"colgroup",
+		"desc",
+		"foreignobject",
+		"head",
+		"iframe",
+		"math",
+		"mi",
+		"mn",
+		"mo",
+		"ms",
+		"mtext",
+		"noembed",
+		"noframes",
+		"noscript",
+		"plaintext",
+		"script",
+		"style",
+		"svg",
+		"template",
+		"thead",
+		"title",
+		"video",
+		"xmp"
+	]), lt = null, ut = addToSet({}, [
+		"audio",
+		"video",
+		"img",
+		"source",
+		"image",
+		"track"
+	]), dt = null, ft = addToSet({}, [
+		"alt",
+		"class",
+		"for",
+		"id",
+		"label",
+		"name",
+		"pattern",
+		"placeholder",
+		"role",
+		"summary",
+		"title",
+		"value",
+		"style",
+		"xmlns"
+	]), B = "http://www.w3.org/1998/Math/MathML", V = "http://www.w3.org/2000/svg", H = "http://www.w3.org/1999/xhtml", U = H, W = !1, G = null, pt = addToSet({}, [
+		B,
+		V,
+		H
+	], stringToString), K = addToSet({}, [
+		"mi",
+		"mo",
+		"mn",
+		"ms",
+		"mtext"
+	]), q = addToSet({}, ["annotation-xml"]), mt = 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) {
+		return e instanceof RegExp || e instanceof Function;
+	}, vt = 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, C = objectHasOwnProperty(e, "ALLOWED_TAGS") ? addToSet({}, e.ALLOWED_TAGS, Y) : $e, w = objectHasOwnProperty(e, "ALLOWED_ATTR") ? addToSet({}, e.ALLOWED_ATTR, Y) : et, G = objectHasOwnProperty(e, "ALLOWED_NAMESPACES") ? addToSet({}, e.ALLOWED_NAMESPACES, stringToString) : pt, dt = objectHasOwnProperty(e, "ADD_URI_SAFE_ATTR") ? addToSet(clone(ft), e.ADD_URI_SAFE_ATTR, Y) : ft, 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, E = objectHasOwnProperty(e, "FORBID_TAGS") ? addToSet({}, e.FORBID_TAGS, Y) : clone({}), D = objectHasOwnProperty(e, "FORBID_ATTR") ? addToSet({}, e.FORBID_ATTR, Y) : clone({}), R = 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, N = e.RETURN_DOM || !1, P = e.RETURN_DOM_FRAGMENT || !1, F = e.RETURN_TRUSTED_TYPE || !1, at = e.FORCE_BODY || !1, ot = e.SANITIZE_DOM !== !1, st = e.SANITIZE_NAMED_PROPS || !1, I = e.KEEP_CONTENT !== !1, L = e.IN_PLACE || !1, Qe = e.ALLOWED_URI_REGEXP || IS_ALLOWED_URI, U = e.NAMESPACE || H, K = e.MATHML_TEXT_INTEGRATION_POINTS || K, q = e.HTML_INTEGRATION_POINTS || q, T = e.CUSTOM_ELEMENT_HANDLING || {}, e.CUSTOM_ELEMENT_HANDLING && _t(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (T.tagNameCheck = e.CUSTOM_ELEMENT_HANDLING.tagNameCheck), e.CUSTOM_ELEMENT_HANDLING && _t(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck) && (T.attributeNameCheck = e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck), e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements == "boolean" && (T.allowCustomizedBuiltInElements = e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements), A && (k = !1), P && (N = !0), R && (C = addToSet({}, text), w = [], R.html === !0 && (addToSet(C, html$1), addToSet(w, html$2)), R.svg === !0 && (addToSet(C, svg$1), addToSet(w, svg), addToSet(w, xml)), R.svgFilters === !0 && (addToSet(C, svgFilters), addToSet(w, svg), addToSet(w, xml)), R.mathMl === !0 && (addToSet(C, mathMl$1), addToSet(w, mathMl), addToSet(w, xml))), e.ADD_TAGS && (typeof e.ADD_TAGS == "function" ? O.tagCheck = e.ADD_TAGS : (C === $e && (C = clone(C)), addToSet(C, e.ADD_TAGS, Y))), e.ADD_ATTR && (typeof e.ADD_ATTR == "function" ? O.attributeCheck = e.ADD_ATTR : (w === et && (w = clone(w)), addToSet(w, e.ADD_ATTR, Y))), e.ADD_URI_SAFE_ATTR && addToSet(dt, e.ADD_URI_SAFE_ATTR, Y), e.FORBID_CONTENTS && (z === ct && (z = clone(z)), addToSet(z, e.FORBID_CONTENTS, Y)), I && (C["#text"] = !0), M && addToSet(C, [
+				"html",
+				"head",
+				"body"
+			]), C.table && (addToSet(C, ["tbody"]), delete E.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;
+		}
+	}, yt = addToSet({}, [
+		...svg$1,
+		...svgFilters,
+		...svgDisallowed
+	]), bt = addToSet({}, [...mathMl$1, ...mathMlDisallowed]), xt = function(e) {
+		let t = v(e);
+		(!t || !t.tagName) && (t = {
+			namespaceURI: U,
+			tagName: "template"
+		});
+		let n = stringToLowerCase(e.tagName), r = stringToLowerCase(t.tagName);
+		return G[e.namespaceURI] ? e.namespaceURI === V ? t.namespaceURI === H ? n === "svg" : t.namespaceURI === B ? n === "svg" && (r === "annotation-xml" || K[r]) : !!yt[n] : e.namespaceURI === B ? t.namespaceURI === H ? n === "math" : t.namespaceURI === V ? n === "math" && q[r] : !!bt[n] : e.namespaceURI === H ? t.namespaceURI === V && !q[r] || t.namespaceURI === B && !K[r] ? !1 : !bt[n] && (mt[n] || !yt[n]) : !!(J === "application/xhtml+xml" && G[e.namespaceURI]) : !1;
+	}, Z = function(e) {
+		arrayPush(t.removed, { element: e });
+		try {
+			v(e).removeChild(e);
+		} catch {
+			g(e);
+		}
+	}, Q = function(e, n) {
+		try {
+			arrayPush(t.removed, {
+				attribute: n.getAttributeNode(e),
+				from: n
+			});
+		} catch {
+			arrayPush(t.removed, {
+				attribute: null,
+				from: n
+			});
+		}
+		if (n.removeAttribute(e), e === "is") if (N || P) try {
+			Z(n);
+		} catch {}
+		else try {
+			n.setAttribute(e, "");
+		} catch {}
+	}, St = function(e) {
+		let t = null, r = null;
+		if (at) e = "<remove></remove>" + e;
+		else {
+			let t = stringMatch(e, /^[\r\n\t ]+/);
+			r = t && t[0];
+		}
+		J === "application/xhtml+xml" && U === H && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
+		let i = y ? y.createHTML(e) : e;
+		if (U === H) try {
+			t = new f().parseFromString(i, J);
+		} catch {}
+		if (!t || !t.documentElement) {
+			t = Be.createDocument(U, "template", null);
+			try {
+				t.documentElement.innerHTML = W ? b : i;
+			} catch {}
+		}
+		let a = t.body || t.documentElement;
+		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), U === H ? Ue.call(t, M ? "html" : "body")[0] : M ? t.documentElement : a;
+	}, Ct = 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);
+	}, wt = 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);
+		});
+	}
+	let Et = function(e) {
+		let n = null;
+		if ($(x.beforeSanitizeElements, e, null), wt(e)) return Z(e), !0;
+		let r = Y(e.nodeName);
+		if ($(x.uponSanitizeElement, e, {
+			tagName: r,
+			allowedTags: C
+		}), 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 Z(e), !0;
+		if (!(O.tagCheck instanceof Function && O.tagCheck(r)) && (!C[r] || E[r])) {
+			if (!E[r] && Ot(r) && (T.tagNameCheck instanceof RegExp && regExpTest(T.tagNameCheck, r) || T.tagNameCheck instanceof Function && T.tagNameCheck(r))) return !1;
+			if (I && !z[r]) {
+				let t = v(e) || e.parentNode, n = _(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, ze(e));
+					}
+				}
+			}
+			return Z(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) : (A && e.nodeType === NODE_TYPE.text && (n = e.textContent, arrayForEach([
+			S,
+			Ge,
+			Ke
+		], (e) => {
+			n = stringReplace(n, e, " ");
+		}), e.textContent !== n && (arrayPush(t.removed, { element: e.cloneNode() }), e.textContent = n)), $(x.afterSanitizeElements, e, null), !1);
+	}, Dt = function(e, t, r) {
+		if (ot && (t === "id" || t === "name") && (r in n || r in gt)) return !1;
+		if (!(k && !D[t] && regExpTest(qe, t)) && !(tt && regExpTest(Je, t)) && !(O.attributeCheck instanceof Function && O.attributeCheck(t, e))) {
+			if (!w[t] || D[t]) {
+				if (!(Ot(e) && (T.tagNameCheck instanceof RegExp && regExpTest(T.tagNameCheck, e) || T.tagNameCheck instanceof Function && T.tagNameCheck(e)) && (T.attributeNameCheck instanceof RegExp && regExpTest(T.attributeNameCheck, t) || T.attributeNameCheck instanceof Function && T.attributeNameCheck(t, e)) || t === "is" && T.allowCustomizedBuiltInElements && (T.tagNameCheck instanceof RegExp && regExpTest(T.tagNameCheck, r) || T.tagNameCheck instanceof Function && T.tagNameCheck(r)))) return !1;
+			} else if (!dt[t] && !regExpTest(Qe, stringReplace(r, Xe, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && stringIndexOf(r, "data:") === 0 && lt[e]) && !(nt && !regExpTest(Ye, stringReplace(r, Xe, ""))) && r) return !1;
+		}
+		return !0;
+	}, Ot = function(e) {
+		return e !== "annotation-xml" && stringMatch(e, Ze);
+	}, kt = function(e) {
+		$(x.beforeSanitizeAttributes, e, null);
+		let { attributes: n } = e;
+		if (!n || wt(e)) return;
+		let r = {
+			attrName: "",
+			attrValue: "",
+			keepAttr: !0,
+			allowedAttributes: w,
+			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, $(x.uponSanitizeAttribute, e, r), u = r.attrValue, st && (c === "id" || c === "name") && (Q(a, e), u = "user-content-" + u), j && regExpTest(/((--!?|])>)|<\/(style|title|textarea)/i, u)) {
+				Q(a, e);
+				continue;
+			}
+			if (c === "attributename" && stringMatch(u, "href")) {
+				Q(a, e);
+				continue;
+			}
+			if (r.forceKeepAttr) continue;
+			if (!r.keepAttr) {
+				Q(a, e);
+				continue;
+			}
+			if (!rt && regExpTest(/\/>/i, u)) {
+				Q(a, e);
+				continue;
+			}
+			A && arrayForEach([
+				S,
+				Ge,
+				Ke
+			], (e) => {
+				u = stringReplace(u, e, " ");
+			});
+			let d = Y(e.nodeName);
+			if (!Dt(d, c, u)) {
+				Q(a, e);
+				continue;
+			}
+			if (y && typeof p == "object" && typeof p.getAttributeType == "function" && !o) switch (p.getAttributeType(d, c)) {
+				case "TrustedHTML":
+					u = y.createHTML(u);
+					break;
+				case "TrustedScriptURL":
+					u = y.createScriptURL(u);
+					break;
+			}
+			if (u !== l) try {
+				o ? e.setAttributeNS(o, a, u) : e.setAttribute(a, u), wt(e) ? Z(e) : arrayPop(t.removed);
+			} catch {
+				Q(a, e);
+			}
+		}
+		$(x.afterSanitizeAttributes, e, null);
+	}, At = function e(t) {
+		let n = null, r = Ct(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);
+	};
+	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 (W = !e, W && (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 (it || vt(n), t.removed = [], typeof e == "string" && (L = !1), L) {
+			if (e.nodeName) {
+				let t = Y(e.nodeName);
+				if (!C[t] || E[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 (!N && !A && !M && e.indexOf("<") === -1) return y && F ? y.createHTML(e) : e;
+			if (i = St(e), !i) return N ? null : F ? b : "";
+		}
+		i && at && Z(i.firstChild);
+		let u = Ct(L ? e : i);
+		for (; c = u.nextNode();) Et(c), kt(c), c.content instanceof a && At(c.content);
+		if (L) return e;
+		if (N) {
+			if (P) for (l = He.call(i.ownerDocument); i.firstChild;) l.appendChild(i.firstChild);
+			else l = i;
+			return (w.shadowroot || w.shadowrootmode) && (l = We.call(r, l, !0)), l;
+		}
+		let d = M ? i.outerHTML : i.innerHTML;
+		return M && C["!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([
+			S,
+			Ge,
+			Ke
+		], (e) => {
+			d = stringReplace(d, e, " ");
+		}), y && F ? y.createHTML(d) : d;
+	}, t.setConfig = function() {
+		vt(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), it = !0;
+	}, t.clearConfig = function() {
+		X = null, it = !1;
+	}, t.isValidAttribute = function(e, t, n) {
+		return X || vt({}), Dt(Y(e), Y(t), n);
+	}, t.addHook = function(e, t) {
+		typeof t == "function" && arrayPush(x[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];
+		}
+		return arrayPop(x[e]);
+	}, t.removeHooks = function(e) {
+		x[e] = [];
+	}, t.removeAllHooks = function() {
+		x = _createHooksMap();
+	}, t;
+}
+var purify = createDOMPurify(), HTMLConfig = { sanitize: (e) => purify.sanitize(e) }, html = (e, ...t) => new HTMLLiteralResult(e.reduce((e, n, r) => {
+	let i = t[r] ?? "";
+	return typeof i == "string" ? [
+		...e,
+		n,
+		HTMLConfig.sanitize(i)
+	] : i === !1 ? [...e, n] : Array.isArray(i) ? [
+		...e,
+		n,
+		...i
+	] : [
+		...e,
+		n,
+		i
+	];
+}, []));
+function __decorate(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.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$1 = ":host{--host-display:flex;--host-heading-border:var(--scorad-heading-border,solid 1px currentColor);--host-score-color:var(--scorad-score-color,var(--color));--host-score-background:var(--scorad-score-background,var(--background-color));--host-score-border:var(--scorad-score-border,solid 2px currentColor);gap:var(--host-spacing-unit);flex-wrap:wrap;width:fit-content}scorad-weightings{margin-bottom:var(--host-spacing-unit);align-self:center}section{flex-direction:column;flex:auto;display:flex}h3{border:var(--host-heading-border);width:1.5em;height:1.5em;padding:var(--host-padding-unit);margin:var(--host-spacing-unit);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}scorad-label{flex:100%;font-size:1.2rem}scorad-label>span{padding:var(--host-padding-unit);outline:var(--host-score-border);border-radius:var(--host-border-radius);color:var(--host-score-color);background:var(--host-score-background)}", host_default = "*{box-sizing:border-box}:host{--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)));display:var(--host-display,inline-flex)}";
+const SCORAD_EXTENT_MAX_VALUE = 100, SCORAD_INTENSITY_MAX_VALUE = 3, SCORAD_SUBJECTIVE_MAX_VALUE = 10, SCORAD_EXTENT_DEFAULT = {
+	headNeck: -1,
+	anteriorTrunk: -1,
+	posteriorTrunk: -1,
+	upperLimbs: -1,
+	lowerLimbs: -1,
+	genitals: -1
+}, SCORAD_INTENSITY_DEFAULT = {
+	erythema: -1,
+	oedemaPapulation: -1,
+	oozingCrusting: -1,
+	excoriations: -1,
+	lichenification: -1,
+	xerosis: -1
+}, SCORAD_SUBJECTIVE_DEFAULT = {
+	pruritus: -1,
+	sleeplessness: -1
+}, SCORAD_DEFAULT = {
+	child: !1,
+	extent: SCORAD_EXTENT_DEFAULT,
+	intensity: SCORAD_INTENSITY_DEFAULT,
+	subjective: SCORAD_SUBJECTIVE_DEFAULT
+}, SCORAD_ADULT_WEIGHTS = {
+	headNeck: .09,
+	anteriorTrunk: .18,
+	posteriorTrunk: .18,
+	upperLimbs: .18,
+	lowerLimbs: .36,
+	genitals: .01
+}, SCORAD_CHILD_WEIGHTS = {
+	headNeck: .18,
+	anteriorTrunk: .18,
+	posteriorTrunk: .18,
+	upperLimbs: .18,
+	lowerLimbs: .28,
+	genitals: 0
+};
+var component_default$6 = ":host{--host-display:inline-flex;--host-font-size:1rem;justify-content:center;align-items:center;gap:var(--host-spacing-unit);flex-wrap:wrap;position:relative}label{padding:var(--host-padding-unit)}svg{width:calc(50% - var(--host-spacing-unit));padding:var(--host-spacing-unit)0;fill:#0000;stroke:currentColor;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;flex:auto;overflow:visible}path,line{vector-effect:non-scaling-stroke}path{opacity:.333}text,line{opacity:.667}g{outline:none}g[tabindex] path{opacity:1;fill:hsla(var(--scorad-h,0),var(--extent,\"0%\"),50%,var(--opacity,0))}:is(:not(:has(:active)) g[tabindex]:hover path,:not(:has(:active)) g[tabindex]:hover line){stroke-width:2px;stroke:var(--primary-color);stroke-dasharray:2 3.5;opacity:1}g[tabindex]:focus path,g[tabindex]:active path,g[tabindex].selected path,g[tabindex]:focus line,g[tabindex]:active line,g[tabindex].selected line{stroke-width:2px;stroke:var(--primary-color);opacity:1;stroke-dasharray:none!important}g[tabindex] text{fill:currentColor;stroke:none;font-size:var(--host-font-size);text-anchor:end}:is(:not(:has(:active)) g[tabindex]:hover text,g[tabindex]:focus text,g[tabindex]:active text,g[tabindex].selected text){fill:var(--primary-color);opacity:1}", tag$6 = "scorad-extent", HTMLScoradExtentElement = class extends HTMLComponentElement {
+	connectedCallback() {
+		this.render();
+	}
+	child = !1;
+	value = SCORAD_EXTENT_DEFAULT;
+	score;
+	afterRender() {
+		if (!this.value) {
+			this.value = SCORAD_EXTENT_DEFAULT;
+			return;
+		}
+		if (this.shadowRoot) for (let e of objectKeys(SCORAD_EXTENT_DEFAULT)) {
+			let t = (this.value ?? {})[e], n = this.shadowRoot.querySelector(`.${toKebabCase(e)}`);
+			if (!n) return;
+			n.style.setProperty("--extent", `${t}%`), n.style.setProperty("--opacity", `${(t ?? 0) / 100}`);
+			let r = n.querySelector("text");
+			if (!r) return;
+			r.textContent = t >= 0 ? `${t}%` : "--";
+		}
+	}
+	resizeCallback() {
+		if (!this.shadowRoot) return;
+		let e = this.shadowRoot.querySelector("svg");
+		if (!e) return;
+		let t = Math.round(18e3 / e.clientWidth) / 100;
+		this.style.setProperty("--host-font-size", `${t}rem`);
+	}
+	render() {
+		let e = (e) => {
+			let t = (t) => {
+				let n = Math.round(Math.min(100, Math.max(0, t)));
+				this.value = {
+					...this.value,
+					[e]: n
+				}, this.valueInput(this.value);
+			};
+			return (n) => {
+				if (!n) return;
+				"ontouchstart" in window && n.addEventListener("touchstart", (e) => {
+					e.preventDefault();
+				}, { passive: !1 }), n.style.touchAction = "none", n.addEventListener("pointerdown", (r) => {
+					r.preventDefault(), r.stopPropagation(), n.focus();
+					let i = this.value[e], a = r.clientY, o = (e) => {
+						e.preventDefault();
+						let n = a - e.clientY;
+						t(Math.round((i + n) / 5) * 5);
+					}, s = () => {
+						document.removeEventListener("pointermove", o), document.removeEventListener("pointerup", s), document.removeEventListener("pointercancel", s);
+					};
+					document.addEventListener("pointermove", o), document.addEventListener("pointerup", s), document.addEventListener("pointercancel", s);
+				});
+				let r, i;
+				n.addEventListener("focus", () => {
+					i = "000", r = this.value[e];
+				}), n.addEventListener("keydown", (n) => {
+					let a = this.value[e], o = n.shiftKey ? 5 : 1;
+					switch (n.key) {
+						case "0":
+						case "1":
+						case "2":
+						case "3":
+						case "4":
+						case "5":
+						case "6":
+						case "7":
+						case "8":
+						case "9":
+							t(Number.parseInt(i.substring(1) + n.key)), i = padNumber(this.value[e], 3);
+							break;
+						case "ArrowLeft":
+						case "ArrowDown":
+							n.preventDefault(), t(a - o);
+							break;
+						case "ArrowUp":
+						case "ArrowRight":
+							n.preventDefault(), t(a + o);
+							break;
+						case "Escape":
+							n.preventDefault(), t(r);
+							break;
+					}
+				});
+			};
+		}, t = (e) => (t) => {
+			t && (t.textContent = `${this.value[e]}%`);
+		};
+		return html`
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 164 240" width="200">
+                <g ${e("headNeck")}
+                    class="head-neck" tabindex="0">
+                    <text x="40" y="20" ${t("headNeck")}>--</text>
+                    <line x1="45" y1="16" x2="68" y2="17"></line>
+                    <path d="M100,45 100,49 Q95,48 90,49 L90,45 A20,22.5 1,1,1 100,45Z"></path>
+                </g>
+                ${this.child ? html`
+                    <g ${e("anteriorTrunk")}
+                        class="anterior-trunk" tabindex="0">
+                        <text x="40" y="50" ${t("anteriorTrunk")}>--</text>
+                        <line x1="45" y1="46" x2="77" y2="52"></line>
+                        <path d="M80,58 Q95,52 110,58 L120,130 95,149 70,130 L80,60Z"></path>
+                    </g>
+                    ` : html`
+                    <g ${e("anteriorTrunk")}
+                        class="anterior-trunk" tabindex="0">
+                        <text x="40" y="50" ${t("anteriorTrunk")}>--</text>
+                        <line x1="45" y1="46" x2="75" y2="52"></line>
+                        <path d="M80,58 Q95,52 110,58 L120,130 Q95,117 70,130 L80,60Z"></path>
+                    </g>
+                    `}
+                <g ${e("upperLimbs")}
+                    class="upper-limbs" tabindex="0">
+                    <text x="40" y="80" ${t("upperLimbs")}>--</text>
+                    <line x1="45" y1="76" x2="50" y2="78"></line>
+                    <path d="M74,61 70,85 40,135 A1,1 0,0,1 25,130Z"></path>
+                    <path d="M116,61 120,85 150,135 A1,1 0,0,0 165,130Z"></path>
+                </g>
+                ${this.child ? "" : html`
+                    <g ${e("genitals")}
+                        class="genitals" tabindex="0">
+                        <text x="40" y="170" ${t("genitals")}>--</text>
+                        <line x1="45" y1="164" x2="63" y2="138"></line>
+                        <path d="M76,135 Q95,126 114,135 L95,149Z"></path>
+                    </g>
+                    `}
+                <g ${e("lowerLimbs")}
+                    class="lower-limbs" tabindex="">
+                    <text x="40" y="200" ${t("lowerLimbs")}>--</text>
+                    <line x1="45" y1="195" x2="63" y2="195"></line>
+                    <path d="M70,139 90,154 90,230 A1,1 0,0,1 70,230Z"></path>
+                    <path d="M120,139 100,154 100,230 A1,1 0,0,0 120,230Z"></path>
+                </g>
+            </svg>
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 164 240" width="200">
+                <g class="head-neck">
+                    <path d="M100,45 100,49 Q95,48 90,49 L90,45 A20,22.5 1,1,1 100,45Z"></path>
+                </g>
+                <g class="upper-limbs">
+                    <path d="M74,61 70,85 40,135 A1,1 0,0,1 25,130Z"></path>
+                    <path d="M116,61 120,85 150,135 A1,1 0,0,0 165,130Z"></path>
+                </g>
+                <g ${e("posteriorTrunk")}
+                    class="posterior-trunk" tabindex="0">
+                    <text x="40" y="50" ${t("posteriorTrunk")}>--</text>
+                    <line x1="45" y1="46" x2="75" y2="52"></line>
+                    <path d="M80,58 Q95,52 110,58 L120,130 Q110,152 95,142 L95,142 Q80,152 70,130 L80,60Z"></path>
+                </g>
+                <g class="lower-limbs">
+                    <path d="M70,142 Q80,155 90,151 L90,230 A1,1 0,0,1 70,230Z"></path>
+                    <path d="M120,142 Q110,155 100,151 L100,230 A1,1 0,0,0 120,230Z"></path>
+                </g>
+            </svg>
+            `;
+	}
+	valueInput;
+	valueChange;
+};
+__decorate([Att(AttBoolean)], HTMLScoradExtentElement.prototype, "child", void 0), __decorate([Watch("value")], HTMLScoradExtentElement.prototype, "afterRender", null), __decorate([Watch("child")], HTMLScoradExtentElement.prototype, "render", null), __decorate([Event()], HTMLScoradExtentElement.prototype, "valueInput", void 0), __decorate([Event()], HTMLScoradExtentElement.prototype, "valueChange", void 0), HTMLScoradExtentElement = __decorate([Component({
+	tag: tag$6,
+	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{margin-left:auto}";
+const ScoradResources = {
+	child: {
+		text: "child",
+		description: "use weightings for a child"
+	},
+	extent: {
+		headNeck: {
+			text: "Head/Neck",
+			description: "percentage of the head and neck area affected"
+		},
+		anteriorTrunk: {
+			text: "Anterior Trunk",
+			description: "percentage of the front torso area affected"
+		},
+		posteriorTrunk: {
+			text: "Posterior Trunk",
+			description: "percentage of the back torso area affected"
+		},
+		genitals: {
+			text: "Genitals",
+			description: "percentage of the genital area affected"
+		},
+		upperLimbs: {
+			text: "Upper Limbs",
+			description: "percentage of the arms and shoulders affected"
+		},
+		lowerLimbs: {
+			text: "Lower Limbs",
+			description: "percentage of the legs and hips affected"
+		}
+	},
+	intensity: {
+		erythema: {
+			text: "Erythema",
+			description: "redness of the skin"
+		},
+		oedemaPapulation: {
+			text: "Oedema/Papulation",
+			description: "swelling and small, raised bumps"
+		},
+		oozingCrusting: {
+			text: "Oozing/Crusting",
+			description: "fluid leakage and dried scabs"
+		},
+		excoriations: {
+			text: "Excoriations",
+			description: "scratch marks"
+		},
+		lichenification: {
+			text: "Lichenification",
+			description: "skin thickening and hardening"
+		},
+		xerosis: {
+			text: "Xerosis",
+			description: "dryness of the skin"
+		}
+	},
+	subjective: {
+		pruritus: {
+			text: "Pruritus",
+			description: "itching"
+		},
+		sleeplessness: {
+			text: "Sleeplessness",
+			description: "difficulty sleeping"
+		}
+	}
+};
+var 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(--color));--host-option-border-selected:var(--scorad-option-border-selected,solid 2px var(--color));--host-option-color:var(--scorad-option-color,var(--color));--host-option-background:var(--scorad-option-background,transparent);--host-option-color-selected:var(--scorad-option-color-selected,var(--background-color));--host-option-background-selected:var(--scorad-option-background-selected,var(--color));gap:var(--host-spacing-unit);padding:calc(1.5*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);cursor:pointer;touch-action:none}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 {
+	connectedCallback() {
+		this.render(), this.addEventListener("focusin", this._handleFocusIn, { once: !0 }), this.addEventListener("pointerdown", this._handleDown);
+	}
+	disconnectedCallback() {
+		this.addEventListener("pointerdown", this._handleDown);
+	}
+	_handleFocusIn = () => {
+		this.readonly || (this.committedValue = this.value, this.addEventListener("focusout", this._handleFocusOut, { once: !0 }), this.addEventListener("keydown", this._handleKeydown));
+	};
+	_handleFocusOut = () => {
+		this.removeEventListener("keydown", this._handleKeydown), this.addEventListener("focusin", this._handleFocusIn, { once: !0 }), this.setValue(this.value), this.value !== this.committedValue && this.valueChange(this.value);
+	};
+	_handleDown = (e) => {
+		this.readonly || (e.stopPropagation(), e.preventDefault(), this.focus(), this._handleMove(e), document.addEventListener("pointerup", this._handleUp), document.addEventListener("pointermove", this._handleMove));
+	};
+	_handleUp = (e) => {
+		e.stopPropagation(), document.removeEventListener("pointerup", this._handleUp), document.removeEventListener("pointermove", this._handleMove);
+	};
+	_handleMove = (e) => {
+		let t = e.composedPath()[0];
+		if (!(t instanceof HTMLSpanElement)) return;
+		let n = Number.parseInt(t.dataset.value);
+		this.setValue(n);
+	};
+	_handleKeydown = (e) => {
+		let t = this.value ?? 0;
+		switch (e.key) {
+			case "ArrowLeft":
+			case "ArrowDown":
+				e.preventDefault(), this.setValue(t - 1);
+				break;
+			case "ArrowUp":
+			case "ArrowRight":
+				e.preventDefault(), this.setValue(t + 1);
+				break;
+			case "Escape":
+				e.preventDefault(), this.setValue(this.committedValue);
+				break;
+		}
+	};
+	min = 0;
+	max = 5;
+	showHue = !1;
+	committedValue = 0;
+	value = 0;
+	setValue = (e) => {
+		this.value = Math.max(this.min, Math.min(this.max, e)), this.valueInput(this.value);
+	};
+	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>
+                `)}
+            `;
+	}
+	afterRender() {
+		this.shadowRoot && this.shadowRoot.querySelectorAll("span").forEach((e) => {
+			let t = Number.parseInt(e.dataset.value);
+			if (e.ariaSelected = t === this.value ? "true" : "false", !this.showHue) return;
+			if (t > 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}%)`;
+		});
+	}
+	valueInput;
+	valueChange;
+};
+__decorate([Att({
+	read: Number,
+	write: !1
+})], 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({
+	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")], 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);
+var tag$4 = "scorad-intensity", HTMLScoradIntensityElement = class extends HTMLComponentElement {
+	connectedCallback() {
+		this.render();
+	}
+	value = SCORAD_INTENSITY_DEFAULT;
+	score;
+	afterRender() {
+		if (this.value == null) {
+			this.value = SCORAD_INTENSITY_DEFAULT;
+			return;
+		}
+		if (this.shadowRoot) for (let [e, t] of Object.entries(this.value)) {
+			let n = this.shadowRoot.querySelector(`.${toKebabCase(e)}`);
+			if (!n) return;
+			n.dataset.value = `${t}`;
+			let r = n.querySelector("scorad-options");
+			if (!r) return;
+			r.value = t;
+		}
+	}
+	render() {
+		return html`
+            ${objectKeys(this.value).map((e) => this.renderLevel(e))}
+        `;
+	}
+	renderLevel(e) {
+		let t = (t) => {
+			t && t.addEventListener("value-input", (t) => {
+				this.value = {
+					...this.value,
+					[e]: t.detail
+				}, this.valueInput(this.value);
+			});
+		}, n = ScoradResources.intensity[e];
+		return html`
+            <scorad-label class="${toKebabCase(e)} row"
+                text="${n.text}"
+                description="${n.description}">
+                <scorad-options ${t}
+                    min="0" max="3" show-hue tabindex="0"
+                    ></scorad-options>
+            </scorad-label>
+            `;
+	}
+	valueInput;
+	valueChange;
+};
+__decorate([Watch("value")], HTMLScoradIntensityElement.prototype, "afterRender", null), __decorate([Event()], HTMLScoradIntensityElement.prototype, "valueInput", void 0), __decorate([Event()], HTMLScoradIntensityElement.prototype, "valueChange", void 0), HTMLScoradIntensityElement = __decorate([Component({
+	tag: tag$4,
+	css: [host_default, component_default$4],
+	delegatesFocus: !0
+})], HTMLScoradIntensityElement);
+var component_default$3 = ":host{--host-display:inline-flex;flex-direction:column;position:relative}scorad-options{margin-left:auto}", tag$3 = "scorad-subjective", HTMLScoradSubjectiveElement = class extends HTMLComponentElement {
+	connectedCallback() {
+		this.render();
+	}
+	value = SCORAD_SUBJECTIVE_DEFAULT;
+	score;
+	afterRender() {
+		if (this.value == null) {
+			this.value = SCORAD_SUBJECTIVE_DEFAULT;
+			return;
+		}
+		if (this.shadowRoot) for (let [e, t] of Object.entries(this.value)) {
+			let n = this.shadowRoot.querySelector(`.${toKebabCase(e)}`);
+			if (!n) return;
+			n.dataset.value = `${t}`;
+			let r = n.querySelector("scorad-options");
+			if (!r) return;
+			r.value = t;
+		}
+	}
+	render() {
+		return html`
+            ${objectKeys(this.value).map((e) => this.renderLevel(e))}
+        `;
+	}
+	renderLevel(e) {
+		let t = (t) => {
+			t && t.addEventListener("value-input", (t) => {
+				this.value = {
+					...this.value,
+					[e]: t.detail
+				}, this.valueInput(this.value);
+			});
+		}, n = ScoradResources.subjective[e];
+		return html`
+            <scorad-label class="${toKebabCase(e)} row"
+                text="${n.text}"
+                description="${n.description}">
+                <scorad-options ${t}
+                    min="0" max="10" show-hue tabindex="0"></scorad-options>
+            </scorad-label>
+            `;
+	}
+	valueInput;
+	valueChange;
+};
+__decorate([Watch("value")], HTMLScoradSubjectiveElement.prototype, "afterRender", null), __decorate([Event()], HTMLScoradSubjectiveElement.prototype, "valueInput", void 0), __decorate([Event()], HTMLScoradSubjectiveElement.prototype, "valueChange", void 0), HTMLScoradSubjectiveElement = __decorate([Component({
+	tag: tag$3,
+	css: [host_default, component_default$3],
+	delegatesFocus: !0
+})], HTMLScoradSubjectiveElement);
+var component_default$2 = ":host{--host-display:inline-flex;--host-outline-hover:var(--scorad-weightings-outline-hover,dashed 2px var(--primary-color));--host-outline-focus:var(--scorad-weightings-outline-focus,solid 2px var(--primary-color));padding:0 var(--host-padding-unit);border-radius:var(--host-border-radius);justify-content:center;align-items:baseline;position:relative}:host(:hover){outline:var(--host-outline-hover)}:host(:focus-within){outline:var(--host-outline-focus)}scorad-options{--host-option-width:auto;--host-option-height:auto}", tag$2 = "scorad-weightings", HTMLScoradWeightingsElement = class extends HTMLComponentElement {
+	connectedCallback() {
+		this.render();
+	}
+	value = !1;
+	afterRender() {
+		if (this.value == null) {
+			this.value = !1;
+			return;
+		}
+		if (!this.shadowRoot) return;
+		let e = this.shadowRoot.querySelector("scorad-options");
+		e && (e.value = this.value ? 1 : 0, e.text = ["Adult", "Child"]);
+	}
+	render() {
+		return html`
+            <scorad-options ${(e) => {
+			e.addEventListener("value-input", (e) => {
+				this.value = e.detail === 1, this.valueInput(this.value);
+			});
+		}}
+                min="0" max="1" tabindex="0"
+                ></scorad-options>
+        `;
+	}
+	valueInput;
+	valueChange;
+};
+__decorate([Watch("value")], 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
+})], HTMLScoradWeightingsElement);
+const selectScoradWeights = (e) => e?.child ? SCORAD_CHILD_WEIGHTS : SCORAD_ADULT_WEIGHTS, validateScoradData = (e) => {
+	let t = [], n = (e, n, r) => {
+		for (let [i, a] of Object.entries(e)) (a < 0 || a > r) && t.push(validateScoradData.formatError(n, i, r, a));
+	}, r = { ...e?.extent ?? SCORAD_EXTENT_DEFAULT }, i = selectScoradWeights(e);
+	for (let [e, t] of Object.entries(i)) t === 0 && delete r[e];
+	return n(r, "extent", 100), n(e?.intensity ?? SCORAD_INTENSITY_DEFAULT, "intensity", 3), n(e?.subjective ?? SCORAD_SUBJECTIVE_DEFAULT, "subjective", 10), t.length ? Result.Fail(t) : Result.Ok(e);
+};
+validateScoradData.formatError = (e, t, n, r) => `${e}.${t}: must be between 0 and ${n}, but received ${r}.`;
+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;
+	return Result.Ok({
+		A: r,
+		B: i,
+		C: a,
+		total: o
+	});
+};
+var tag$1 = "scorad-component", HTMLScoradElement = class extends HTMLComponentElement {
+	connectedCallback() {
+		this.render();
+	}
+	value = SCORAD_DEFAULT;
+	afterRender() {
+		if (this.value == null) {
+			this.value = SCORAD_DEFAULT;
+			return;
+		}
+		if (!this.shadowRoot) return;
+		let e = this.shadowRoot.querySelector("#score");
+		if (!e) return;
+		let t = getScoradScore(this.value).orNull();
+		e.innerText = `${t?.total ?? "--.--"}`;
+		let n = this.shadowRoot.querySelector("scorad-extent");
+		n && (n.child = this.value?.child ?? !1, n.value = this.value?.extent ?? SCORAD_EXTENT_DEFAULT, n.score = t?.A);
+		let r = this.shadowRoot.querySelector("scorad-weightings");
+		r && (r.value = this.value?.child ?? !1);
+		let i = this.shadowRoot.querySelector("scorad-intensity");
+		i && (i.value = this.value?.intensity ?? SCORAD_INTENSITY_DEFAULT, i.score = t?.B);
+		let a = this.shadowRoot.querySelector("scorad-subjective");
+		a && (a.value = this.value?.subjective ?? SCORAD_SUBJECTIVE_DEFAULT, a.score = t?.B);
+	}
+	render() {
+		return html`
+            <section>
+                <h3>A</h3>            
+                <scorad-weightings ${(e) => {
+			e instanceof HTMLScoradWeightingsElement && e.addEventListener("value-input", (e) => {
+				this.value = {
+					...this.value,
+					child: e.detail
+				};
+			});
+		}}></scorad-weightings>
+                <scorad-extent ${(e) => {
+			e instanceof HTMLScoradExtentElement && e.addEventListener("value-input", (e) => {
+				this.value = {
+					...this.value,
+					extent: e.detail
+				};
+			});
+		}}></scorad-extent>
+            </section>
+
+            <section>
+                <h3>B</h3>
+                <scorad-intensity ${(e) => {
+			e instanceof HTMLScoradIntensityElement && e.addEventListener("value-input", (e) => {
+				this.value = {
+					...this.value,
+					intensity: e.detail
+				};
+			});
+		}}></scorad-intensity>
+            </section>
+
+            <section>
+                <h3>C</h3>
+                <scorad-subjective ${(e) => {
+			e instanceof HTMLScoradSubjectiveElement && e.addEventListener("value-input", (e) => {
+				this.value = {
+					...this.value,
+					subjective: e.detail
+				};
+			});
+		}}></scorad-subjective>
+            </section>
+
+            <scorad-label
+                text="SCORAD"
+                description="(A / 5) + (7 * B / 2) + C"
+            >
+                <span id="score" tabindex="0"></span>
+            </scorad-label>
+        `;
+	}
+};
+__decorate([Watch("value")], HTMLScoradElement.prototype, "afterRender", null), 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:inline-flex;--host-options:var(--scorad-label-options,solid 1px currentColor);--host-hover:var(--scorad-label-hover,dashed 2px var(--primary-color));--host-focus:var(--scorad-label-focus,solid 2px var(--primary-color));padding:var(--host-padding-unit);border-radius:var(--host-border-radius-outer);flex-wrap:wrap;align-items:baseline;position:relative}:host(:hover){outline:var(--host-hover)}:host(:focus-within){outline:var(--host-focus)}:host>label>span{transition:all .2s ease-in-out;display:block}:host>label>small{opacity:0;height:0;transition:all .4s ease-in-out;display:block}:host(:hover)>label>span,:host(:focus-within)>label>span{transform:translateY(-.5em)}:host(:hover)>label>small,:host(:focus-within)>label>small{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("mousedown", this._handleClick);
+	}
+	_handleClick = (e) => {
+		this.querySelector(FOCUSABLE)?.focus();
+	};
+	text = "(label)";
+	description;
+	render() {
+		return html`
+                <label>
+                    <span>${this.text}</span>
+                    <small>${this.description}</small>                
+                </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 { 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 };