lintje 0.1.1

package/dist-elements/chunks/base-rBLTcEIv.js

@@ -0,0 +1,2658 @@
+//#region src/core/version.ts
+var e = "0.1.1", t = globalThis, n = t.ShadowRoot && (t.ShadyCSS === void 0 || t.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, r = Symbol(), i = /* @__PURE__ */ new WeakMap(), a = class {
+	constructor(e, t, n) {
+		if (this._$cssResult$ = !0, n !== r) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+		this.cssText = e, this.t = t;
+	}
+	get styleSheet() {
+		let e = this.o, t = this.t;
+		if (n && e === void 0) {
+			let n = t !== void 0 && t.length === 1;
+			n && (e = i.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), n && i.set(t, e));
+		}
+		return e;
+	}
+	toString() {
+		return this.cssText;
+	}
+}, o = (e) => new a(typeof e == "string" ? e : e + "", void 0, r), s = (e, r) => {
+	if (n) e.adoptedStyleSheets = r.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+	else for (let n of r) {
+		let r = document.createElement("style"), i = t.litNonce;
+		i !== void 0 && r.setAttribute("nonce", i), r.textContent = n.cssText, e.appendChild(r);
+	}
+}, c = n ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((e) => {
+	let t = "";
+	for (let n of e.cssRules) t += n.cssText;
+	return o(t);
+})(e) : e, { is: l, defineProperty: u, getOwnPropertyDescriptor: d, getOwnPropertyNames: f, getOwnPropertySymbols: p, getPrototypeOf: m } = Object, ee = globalThis, te = ee.trustedTypes, ne = te ? te.emptyScript : "", re = ee.reactiveElementPolyfillSupport, h = (e, t) => e, ie = {
+	toAttribute(e, t) {
+		switch (t) {
+			case Boolean:
+				e = e ? ne : null;
+				break;
+			case Object:
+			case Array: e = e == null ? e : JSON.stringify(e);
+		}
+		return e;
+	},
+	fromAttribute(e, t) {
+		let n = e;
+		switch (t) {
+			case Boolean:
+				n = e !== null;
+				break;
+			case Number:
+				n = e === null ? null : Number(e);
+				break;
+			case Object:
+			case Array: try {
+				n = JSON.parse(e);
+			} catch {
+				n = null;
+			}
+		}
+		return n;
+	}
+}, ae = (e, t) => !l(e, t), oe = {
+	attribute: !0,
+	type: String,
+	converter: ie,
+	reflect: !1,
+	useDefault: !1,
+	hasChanged: ae
+};
+Symbol.metadata ??= Symbol("metadata"), ee.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+var g = class extends HTMLElement {
+	static addInitializer(e) {
+		this._$Ei(), (this.l ??= []).push(e);
+	}
+	static get observedAttributes() {
+		return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+	}
+	static createProperty(e, t = oe) {
+		if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(e, t), !t.noAccessor) {
+			let n = Symbol(), r = this.getPropertyDescriptor(e, n, t);
+			r !== void 0 && u(this.prototype, e, r);
+		}
+	}
+	static getPropertyDescriptor(e, t, n) {
+		let { get: r, set: i } = d(this.prototype, e) ?? {
+			get() {
+				return this[t];
+			},
+			set(e) {
+				this[t] = e;
+			}
+		};
+		return {
+			get: r,
+			set(t) {
+				let a = r?.call(this);
+				i?.call(this, t), this.requestUpdate(e, a, n);
+			},
+			configurable: !0,
+			enumerable: !0
+		};
+	}
+	static getPropertyOptions(e) {
+		return this.elementProperties.get(e) ?? oe;
+	}
+	static _$Ei() {
+		if (this.hasOwnProperty(h("elementProperties"))) return;
+		let e = m(this);
+		e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
+	}
+	static finalize() {
+		if (this.hasOwnProperty(h("finalized"))) return;
+		if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(h("properties"))) {
+			let e = this.properties, t = [...f(e), ...p(e)];
+			for (let n of t) this.createProperty(n, e[n]);
+		}
+		let e = this[Symbol.metadata];
+		if (e !== null) {
+			let t = litPropertyMetadata.get(e);
+			if (t !== void 0) for (let [e, n] of t) this.elementProperties.set(e, n);
+		}
+		this._$Eh = /* @__PURE__ */ new Map();
+		for (let [e, t] of this.elementProperties) {
+			let n = this._$Eu(e, t);
+			n !== void 0 && this._$Eh.set(n, e);
+		}
+		this.elementStyles = this.finalizeStyles(this.styles);
+	}
+	static finalizeStyles(e) {
+		let t = [];
+		if (Array.isArray(e)) {
+			let n = new Set(e.flat(1 / 0).reverse());
+			for (let e of n) t.unshift(c(e));
+		} else e !== void 0 && t.push(c(e));
+		return t;
+	}
+	static _$Eu(e, t) {
+		let n = t.attribute;
+		return !1 === n ? void 0 : typeof n == "string" ? n : typeof e == "string" ? e.toLowerCase() : void 0;
+	}
+	constructor() {
+		super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+	}
+	_$Ev() {
+		this._$ES = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((e) => e(this));
+	}
+	addController(e) {
+		(this._$EO ??= /* @__PURE__ */ new Set()).add(e), this.renderRoot !== void 0 && this.isConnected && e.hostConnected?.();
+	}
+	removeController(e) {
+		this._$EO?.delete(e);
+	}
+	_$E_() {
+		let e = /* @__PURE__ */ new Map(), t = this.constructor.elementProperties;
+		for (let n of t.keys()) this.hasOwnProperty(n) && (e.set(n, this[n]), delete this[n]);
+		e.size > 0 && (this._$Ep = e);
+	}
+	createRenderRoot() {
+		let e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+		return s(e, this.constructor.elementStyles), e;
+	}
+	connectedCallback() {
+		this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((e) => e.hostConnected?.());
+	}
+	enableUpdating(e) {}
+	disconnectedCallback() {
+		this._$EO?.forEach((e) => e.hostDisconnected?.());
+	}
+	attributeChangedCallback(e, t, n) {
+		this._$AK(e, n);
+	}
+	_$ET(e, t) {
+		let n = this.constructor.elementProperties.get(e), r = this.constructor._$Eu(e, n);
+		if (r !== void 0 && !0 === n.reflect) {
+			let i = (n.converter?.toAttribute === void 0 ? ie : n.converter).toAttribute(t, n.type);
+			this._$Em = e, i == null ? this.removeAttribute(r) : this.setAttribute(r, i), this._$Em = null;
+		}
+	}
+	_$AK(e, t) {
+		let n = this.constructor, r = n._$Eh.get(e);
+		if (r !== void 0 && this._$Em !== r) {
+			let e = n.getPropertyOptions(r), i = typeof e.converter == "function" ? { fromAttribute: e.converter } : e.converter?.fromAttribute === void 0 ? ie : e.converter;
+			this._$Em = r;
+			let a = i.fromAttribute(t, e.type);
+			this[r] = a ?? this._$Ej?.get(r) ?? a, this._$Em = null;
+		}
+	}
+	requestUpdate(e, t, n, r = !1, i) {
+		if (e !== void 0) {
+			let a = this.constructor;
+			if (!1 === r && (i = this[e]), n ??= a.getPropertyOptions(e), !((n.hasChanged ?? ae)(i, t) || n.useDefault && n.reflect && i === this._$Ej?.get(e) && !this.hasAttribute(a._$Eu(e, n)))) return;
+			this.C(e, t, n);
+		}
+		!1 === this.isUpdatePending && (this._$ES = this._$EP());
+	}
+	C(e, t, { useDefault: n, reflect: r, wrapped: i }, a) {
+		n && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(e) && (this._$Ej.set(e, a ?? t ?? this[e]), !0 !== i || a !== void 0) || (this._$AL.has(e) || (this.hasUpdated || n || (t = void 0), this._$AL.set(e, t)), !0 === r && this._$Em !== e && (this._$Eq ??= /* @__PURE__ */ new Set()).add(e));
+	}
+	async _$EP() {
+		this.isUpdatePending = !0;
+		try {
+			await this._$ES;
+		} catch (e) {
+			Promise.reject(e);
+		}
+		let e = this.scheduleUpdate();
+		return e != null && await e, !this.isUpdatePending;
+	}
+	scheduleUpdate() {
+		return this.performUpdate();
+	}
+	performUpdate() {
+		if (!this.isUpdatePending) return;
+		if (!this.hasUpdated) {
+			if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+				for (let [e, t] of this._$Ep) this[e] = t;
+				this._$Ep = void 0;
+			}
+			let e = this.constructor.elementProperties;
+			if (e.size > 0) for (let [t, n] of e) {
+				let { wrapped: e } = n, r = this[t];
+				!0 !== e || this._$AL.has(t) || r === void 0 || this.C(t, void 0, n, r);
+			}
+		}
+		let e = !1, t = this._$AL;
+		try {
+			e = this.shouldUpdate(t), e ? (this.willUpdate(t), this._$EO?.forEach((e) => e.hostUpdate?.()), this.update(t)) : this._$EM();
+		} catch (t) {
+			throw e = !1, this._$EM(), t;
+		}
+		e && this._$AE(t);
+	}
+	willUpdate(e) {}
+	_$AE(e) {
+		this._$EO?.forEach((e) => e.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
+	}
+	_$EM() {
+		this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+	}
+	get updateComplete() {
+		return this.getUpdateComplete();
+	}
+	getUpdateComplete() {
+		return this._$ES;
+	}
+	shouldUpdate(e) {
+		return !0;
+	}
+	update(e) {
+		this._$Eq &&= this._$Eq.forEach((e) => this._$ET(e, this[e])), this._$EM();
+	}
+	updated(e) {}
+	firstUpdated(e) {}
+};
+g.elementStyles = [], g.shadowRootOptions = { mode: "open" }, g[h("elementProperties")] = /* @__PURE__ */ new Map(), g[h("finalized")] = /* @__PURE__ */ new Map(), re?.({ ReactiveElement: g }), (ee.reactiveElementVersions ??= []).push("2.1.2");
+//#endregion
+//#region node_modules/lit-html/lit-html.js
+var se = globalThis, ce = (e) => e, le = se.trustedTypes, ue = le ? le.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, de = "$lit$", _ = `lit$${Math.random().toFixed(9).slice(2)}$`, fe = "?" + _, pe = `<${fe}>`, v = document, y = () => v.createComment(""), b = (e) => e === null || typeof e != "object" && typeof e != "function", me = Array.isArray, he = (e) => me(e) || typeof e?.[Symbol.iterator] == "function", ge = "[ 	\n\f\r]", x = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, _e = /-->/g, ve = />/g, S = RegExp(`>|${ge}(?:([^\\s"'>=/]+)(${ge}*=${ge}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"), ye = /'/g, be = /"/g, xe = /^(?:script|style|textarea|title)$/i, Se = (e) => (t, ...n) => ({
+	_$litType$: e,
+	strings: t,
+	values: n
+}), C = Se(1), Ce = Se(2), w = Symbol.for("lit-noChange"), T = Symbol.for("lit-nothing"), we = /* @__PURE__ */ new WeakMap(), E = v.createTreeWalker(v, 129);
+function Te(e, t) {
+	if (!me(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
+	return ue === void 0 ? t : ue.createHTML(t);
+}
+var Ee = (e, t) => {
+	let n = e.length - 1, r = [], i, a = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = x;
+	for (let t = 0; t < n; t++) {
+		let n = e[t], s, c, l = -1, u = 0;
+		for (; u < n.length && (o.lastIndex = u, c = o.exec(n), c !== null);) u = o.lastIndex, o === x ? c[1] === "!--" ? o = _e : c[1] === void 0 ? c[2] === void 0 ? c[3] !== void 0 && (o = S) : (xe.test(c[2]) && (i = RegExp("</" + c[2], "g")), o = S) : o = ve : o === S ? c[0] === ">" ? (o = i ?? x, l = -1) : c[1] === void 0 ? l = -2 : (l = o.lastIndex - c[2].length, s = c[1], o = c[3] === void 0 ? S : c[3] === "\"" ? be : ye) : o === be || o === ye ? o = S : o === _e || o === ve ? o = x : (o = S, i = void 0);
+		let d = o === S && e[t + 1].startsWith("/>") ? " " : "";
+		a += o === x ? n + pe : l >= 0 ? (r.push(s), n.slice(0, l) + de + n.slice(l) + _ + d) : n + _ + (l === -2 ? t : d);
+	}
+	return [Te(e, a + (e[n] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
+}, De = class e {
+	constructor({ strings: t, _$litType$: n }, r) {
+		let i;
+		this.parts = [];
+		let a = 0, o = 0, s = t.length - 1, c = this.parts, [l, u] = Ee(t, n);
+		if (this.el = e.createElement(l, r), E.currentNode = this.el.content, n === 2 || n === 3) {
+			let e = this.el.content.firstChild;
+			e.replaceWith(...e.childNodes);
+		}
+		for (; (i = E.nextNode()) !== null && c.length < s;) {
+			if (i.nodeType === 1) {
+				if (i.hasAttributes()) for (let e of i.getAttributeNames()) if (e.endsWith(de)) {
+					let t = u[o++], n = i.getAttribute(e).split(_), r = /([.?@])?(.*)/.exec(t);
+					c.push({
+						type: 1,
+						index: a,
+						name: r[2],
+						strings: n,
+						ctor: r[1] === "." ? Ae : r[1] === "?" ? je : r[1] === "@" ? Me : O
+					}), i.removeAttribute(e);
+				} else e.startsWith(_) && (c.push({
+					type: 6,
+					index: a
+				}), i.removeAttribute(e));
+				if (xe.test(i.tagName)) {
+					let e = i.textContent.split(_), t = e.length - 1;
+					if (t > 0) {
+						i.textContent = le ? le.emptyScript : "";
+						for (let n = 0; n < t; n++) i.append(e[n], y()), E.nextNode(), c.push({
+							type: 2,
+							index: ++a
+						});
+						i.append(e[t], y());
+					}
+				}
+			} else if (i.nodeType === 8) {
+				if (i.data === fe) c.push({
+					type: 2,
+					index: a
+				});
+				else {
+					let e = -1;
+					for (; (e = i.data.indexOf(_, e + 1)) !== -1;) c.push({
+						type: 7,
+						index: a
+					}), e += _.length - 1;
+				}
+			}
+			a++;
+		}
+	}
+	static createElement(e, t) {
+		let n = v.createElement("template");
+		return n.innerHTML = e, n;
+	}
+};
+function D(e, t, n = e, r) {
+	if (t === w) return t;
+	let i = r === void 0 ? n._$Cl : n._$Co?.[r], a = b(t) ? void 0 : t._$litDirective$;
+	return i?.constructor !== a && (i?._$AO?.(!1), a === void 0 ? i = void 0 : (i = new a(e), i._$AT(e, n, r)), r === void 0 ? n._$Cl = i : (n._$Co ??= [])[r] = i), i !== void 0 && (t = D(e, i._$AS(e, t.values), i, r)), t;
+}
+var Oe = class {
+	constructor(e, t) {
+		this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
+	}
+	get parentNode() {
+		return this._$AM.parentNode;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	u(e) {
+		let { el: { content: t }, parts: n } = this._$AD, r = (e?.creationScope ?? v).importNode(t, !0);
+		E.currentNode = r;
+		let i = E.nextNode(), a = 0, o = 0, s = n[0];
+		for (; s !== void 0;) {
+			if (a === s.index) {
+				let t;
+				s.type === 2 ? t = new ke(i, i.nextSibling, this, e) : s.type === 1 ? t = new s.ctor(i, s.name, s.strings, this, e) : s.type === 6 && (t = new Ne(i, this, e)), this._$AV.push(t), s = n[++o];
+			}
+			a !== s?.index && (i = E.nextNode(), a++);
+		}
+		return E.currentNode = v, r;
+	}
+	p(e) {
+		let t = 0;
+		for (let n of this._$AV) n !== void 0 && (n.strings === void 0 ? n._$AI(e[t]) : (n._$AI(e, n, t), t += n.strings.length - 2)), t++;
+	}
+}, ke = class e {
+	get _$AU() {
+		return this._$AM?._$AU ?? this._$Cv;
+	}
+	constructor(e, t, n, r) {
+		this.type = 2, this._$AH = T, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = n, this.options = r, this._$Cv = r?.isConnected ?? !0;
+	}
+	get parentNode() {
+		let e = this._$AA.parentNode, t = this._$AM;
+		return t !== void 0 && e?.nodeType === 11 && (e = t.parentNode), e;
+	}
+	get startNode() {
+		return this._$AA;
+	}
+	get endNode() {
+		return this._$AB;
+	}
+	_$AI(e, t = this) {
+		e = D(this, e, t), b(e) ? e === T || e == null || e === "" ? (this._$AH !== T && this._$AR(), this._$AH = T) : e !== this._$AH && e !== w && this._(e) : e._$litType$ === void 0 ? e.nodeType === void 0 ? he(e) ? this.k(e) : this._(e) : this.T(e) : this.$(e);
+	}
+	O(e) {
+		return this._$AA.parentNode.insertBefore(e, this._$AB);
+	}
+	T(e) {
+		this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
+	}
+	_(e) {
+		this._$AH !== T && b(this._$AH) ? this._$AA.nextSibling.data = e : this.T(v.createTextNode(e)), this._$AH = e;
+	}
+	$(e) {
+		let { values: t, _$litType$: n } = e, r = typeof n == "number" ? this._$AC(e) : (n.el === void 0 && (n.el = De.createElement(Te(n.h, n.h[0]), this.options)), n);
+		if (this._$AH?._$AD === r) this._$AH.p(t);
+		else {
+			let e = new Oe(r, this), n = e.u(this.options);
+			e.p(t), this.T(n), this._$AH = e;
+		}
+	}
+	_$AC(e) {
+		let t = we.get(e.strings);
+		return t === void 0 && we.set(e.strings, t = new De(e)), t;
+	}
+	k(t) {
+		me(this._$AH) || (this._$AH = [], this._$AR());
+		let n = this._$AH, r, i = 0;
+		for (let a of t) i === n.length ? n.push(r = new e(this.O(y()), this.O(y()), this, this.options)) : r = n[i], r._$AI(a), i++;
+		i < n.length && (this._$AR(r && r._$AB.nextSibling, i), n.length = i);
+	}
+	_$AR(e = this._$AA.nextSibling, t) {
+		for (this._$AP?.(!1, !0, t); e !== this._$AB;) {
+			let t = ce(e).nextSibling;
+			ce(e).remove(), e = t;
+		}
+	}
+	setConnected(e) {
+		this._$AM === void 0 && (this._$Cv = e, this._$AP?.(e));
+	}
+}, O = class {
+	get tagName() {
+		return this.element.tagName;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	constructor(e, t, n, r, i) {
+		this.type = 1, this._$AH = T, this._$AN = void 0, this.element = e, this.name = t, this._$AM = r, this.options = i, n.length > 2 || n[0] !== "" || n[1] !== "" ? (this._$AH = Array(n.length - 1).fill(/* @__PURE__ */ new String()), this.strings = n) : this._$AH = T;
+	}
+	_$AI(e, t = this, n, r) {
+		let i = this.strings, a = !1;
+		if (i === void 0) e = D(this, e, t, 0), a = !b(e) || e !== this._$AH && e !== w, a && (this._$AH = e);
+		else {
+			let r = e, o, s;
+			for (e = i[0], o = 0; o < i.length - 1; o++) s = D(this, r[n + o], t, o), s === w && (s = this._$AH[o]), a ||= !b(s) || s !== this._$AH[o], s === T ? e = T : e !== T && (e += (s ?? "") + i[o + 1]), this._$AH[o] = s;
+		}
+		a && !r && this.j(e);
+	}
+	j(e) {
+		e === T ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
+	}
+}, Ae = class extends O {
+	constructor() {
+		super(...arguments), this.type = 3;
+	}
+	j(e) {
+		this.element[this.name] = e === T ? void 0 : e;
+	}
+}, je = class extends O {
+	constructor() {
+		super(...arguments), this.type = 4;
+	}
+	j(e) {
+		this.element.toggleAttribute(this.name, !!e && e !== T);
+	}
+}, Me = class extends O {
+	constructor(e, t, n, r, i) {
+		super(e, t, n, r, i), this.type = 5;
+	}
+	_$AI(e, t = this) {
+		if ((e = D(this, e, t, 0) ?? T) === w) return;
+		let n = this._$AH, r = e === T && n !== T || e.capture !== n.capture || e.once !== n.once || e.passive !== n.passive, i = e !== T && (n === T || r);
+		r && this.element.removeEventListener(this.name, this, n), i && this.element.addEventListener(this.name, this, e), this._$AH = e;
+	}
+	handleEvent(e) {
+		typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
+	}
+}, Ne = class {
+	constructor(e, t, n) {
+		this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = n;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	_$AI(e) {
+		D(this, e);
+	}
+}, Pe = {
+	M: de,
+	P: _,
+	A: fe,
+	C: 1,
+	L: Ee,
+	R: Oe,
+	D: he,
+	V: D,
+	I: ke,
+	H: O,
+	N: je,
+	U: Me,
+	B: Ae,
+	F: Ne
+}, Fe = se.litHtmlPolyfillSupport;
+Fe?.(De, ke), (se.litHtmlVersions ??= []).push("3.3.3");
+var Ie = (e, t, n) => {
+	let r = n?.renderBefore ?? t, i = r._$litPart$;
+	if (i === void 0) {
+		let e = n?.renderBefore ?? null;
+		r._$litPart$ = i = new ke(t.insertBefore(y(), e), e, void 0, n ?? {});
+	}
+	return i._$AI(e), i;
+}, Le = globalThis, k = class extends g {
+	constructor() {
+		super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+	}
+	createRenderRoot() {
+		let e = super.createRenderRoot();
+		return this.renderOptions.renderBefore ??= e.firstChild, e;
+	}
+	update(e) {
+		let t = this.render();
+		this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Ie(t, this.renderRoot, this.renderOptions);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this._$Do?.setConnected(!0);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._$Do?.setConnected(!1);
+	}
+	render() {
+		return w;
+	}
+};
+k._$litElement$ = !0, k.finalized = !0, Le.litElementHydrateSupport?.({ LitElement: k });
+var Re = Le.litElementPolyfillSupport;
+Re?.({ LitElement: k }), (Le.litElementVersions ??= []).push("4.2.2");
+//#endregion
+//#region src/tokens/tokens.css?inline
+var ze = "/* ============================================================================\n   Lintje — design tokens\n\n   Colour is in three groups: themable UI colour (a theme sets only `--primary` and `--accent`, in\n   `themes.css`), fixed data colour (`--data-*`, identical in every\n   mode and theme except the two grays) and fixed status colour (`--status-*`).\n\n   Three layers, one direction: component -> semantic (`--color-*`) -> primitives. Only the\n   primitive blocks may hold a colour literal. To change a colour in one mode, re-point the\n   layer-2 name inside `[data-mode='dark']`.\n\n   `color-mix(in srgb, …)` and the relative `oklch(from …)` need Chrome/Edge 122+, Firefox 128+\n   or Safari 18+;\n   `colour-scheme.test.ts` repeats the arithmetic. The `@font-face` rules live in `fonts.css`:\n   they cannot work inside a shadow root.\n   ========================================================================= */\n\n/* ============================================================================\n   Layer 1 — primitives (the only literals)\n   ========================================================================= */\n:root {\n  /* --- Neutral (light). The one mode-dependent primitive family ----------\n     Neutral-5 is the cool-grey step 600, not 500, because it carries muted TEXT:\n     #64748B is 4.34:1 on neutral-2, #475569 is 6.92:1. */\n  --neutral-0: #FFFFFF;\n  --neutral-1: #F8FAFC;\n  --neutral-2: #F1F5F9;\n  --neutral-3: #E2E8F0;\n  --neutral-4: #94A3B8;\n  --neutral-5: #475569;\n  --neutral-6: #0F172A;\n\n  /* --- Fixed ink ---------------------------------------------------------\n     The same in both modes because it sits on a fill, not on the page. */\n  --ink-white: #FFFFFF;\n  --ink-black: #0F172A;\n  --alpha-white-82: rgba(255, 255, 255, 0.82);\n  --alpha-white-45: rgba(255, 255, 255, 0.45);\n\n  /* --- Focus -------------------------------------------------------------\n     Its own constant: it must not move with the accent or the attention status. */\n  --focus-orange: #E17000;\n\n  /* --- The ribbon --------------------------------------------------------\n     Lintblauw, and the Rijkshuisstijl's own lighter tint for the ribbon in the logo in dark. */\n  --ribbon-blue: #154273;\n  --ribbon-blue-dark: #004A8D;\n\n  /* --- Data (fixed Rijkshuisstijl, identical in light, dark and every theme)\n     The two grays follow the mode: as fixed literals the comparison line landed at 2.69:1\n     on the dark surface. Light #475569 / #94A3B8, dark #B0B0B0 / #7A7A7A. The variables\n     stand in the order of `tokens/colors.ts`, the one list of their names. */\n  --data-sky-blue: #007BC7;\n  --data-dark-yellow: #FFB612;\n  --data-red: #D52B1E;\n  --data-green: #39870C;\n  --data-mint-green: #76D2B6;\n  --data-violet: #A90061;\n  --data-orange: #E17000;\n  --data-pink: #F092CD;\n  --data-dark-green: #275937;\n  --data-purple: #42145F;\n  --data-ruby-red: #CA005D;\n  --data-yellow: #F9E11E;\n  --data-dark-brown: #673328;\n  --data-brown: #94710A;\n  --data-dark-blue: #01689B;\n  --data-light-blue: #8FCAE7;\n  --data-moss-green: #777B00;\n  /* Sky blue's ladder is written out: the map's areas draw in from the land to these classes,\n     and Chromium interpolates a `color-mix()` target wrongly (the land's RGB numbers taken as\n     oklab), so the areas flash yellow. The values are its mix with white; the test checks. */\n  --data-sky-blue-75: #409CD5;\n  --data-sky-blue-60: #66B0DD;\n  --data-sky-blue-45: #8CC4E6;\n  --data-sky-blue-30: #B2D7EE;\n  --data-sky-blue-15: #D9EBF7;\n  --data-comparison: var(--neutral-5);\n  --data-other: var(--neutral-4);\n  /* Yellow as TEXT fails contrast on white: light writes a wait time in this dark gold. */\n  --data-dark-yellow-text: #B07A00;\n  /* Grid and emphasis follow the surface, like the two grays. */\n  --data-grid: var(--neutral-3);\n  --data-emphasis: var(--neutral-6);\n\n  /* --- Status (fixed) ---------------------------------------------------- */\n  --status-success: #39870C;\n  --status-warning: #FFB612;\n  --status-attention: #E17000;\n  --status-error: #D52B1E;\n  --status-info: #007BC7;\n\n  /* Black at the alphas the shadows and overlays use; the digits are the alpha in percent. */\n  --alpha-black-08: rgba(0, 0, 0, 0.08);\n  --alpha-black-14: rgba(0, 0, 0, 0.14);\n  --alpha-black-16: rgba(0, 0, 0, 0.16);\n  --alpha-black-18: rgba(0, 0, 0, 0.18);\n  --alpha-black-22: rgba(0, 0, 0, 0.22);\n  --alpha-black-40: rgba(0, 0, 0, 0.4);\n  --alpha-black-55: rgba(0, 0, 0, 0.55);\n  --alpha-black-60: rgba(0, 0, 0, 0.6);\n}\n\n/* ============================================================================\n   Layer 1 — derivations\n\n   Mixes of the primitives and of the theme's two properties. The tint ladder is 75 / 60 / 45\n   / 30 / 15 % of the base over white; every data colour carries the complete ladder.\n   ========================================================================= */\n:root {\n  /* Darker than the primary in light: a lighter fill under white text lost contrast (2.80:1 on\n     orange). The dark block re-declares it lighter. */\n  --primary-hover: color-mix(in srgb, var(--primary), black 30%);\n  --primary-line: color-mix(in srgb, var(--primary), white 22%);\n  /* The dark tints lift only the perceived lightness, so they keep the primary's colour; a mix\n     with white greys it. Each lightness is the smallest hundredth that clears its floor in every\n     theme: 3:1 on #282828 for a line, 4.5:1 on #333333 (neutral-2), the lightest neutral\n     surface a word stands on, for text. A primary that is lighter already keeps its own. */\n  --primary-tint: oklch(from var(--primary) max(l, 0.55) c h);\n  --primary-tint-text: oklch(from var(--primary) max(l, 0.71) c h);\n  /* A wash behind a word or under a band, never a colour that reads by itself. Fixed in\n     perceived lightness, so it is equally light in every theme and keeps the primary's hue; an\n     sRGB mix with white greys a dark primary. The chroma cap keeps every theme inside sRGB. */\n  --primary-wash: oklch(from var(--primary) 0.955 min(c, 0.02) h);\n\n  --data-dark-yellow-75: color-mix(in srgb, var(--data-dark-yellow) 75%, white);\n  --data-dark-yellow-60: color-mix(in srgb, var(--data-dark-yellow) 60%, white);\n  --data-dark-yellow-45: color-mix(in srgb, var(--data-dark-yellow) 45%, white);\n  --data-dark-yellow-30: color-mix(in srgb, var(--data-dark-yellow) 30%, white);\n  --data-dark-yellow-15: color-mix(in srgb, var(--data-dark-yellow) 15%, white);\n\n  --data-red-75: color-mix(in srgb, var(--data-red) 75%, white);\n  --data-red-60: color-mix(in srgb, var(--data-red) 60%, white);\n  --data-red-45: color-mix(in srgb, var(--data-red) 45%, white);\n  --data-red-30: color-mix(in srgb, var(--data-red) 30%, white);\n  --data-red-15: color-mix(in srgb, var(--data-red) 15%, white);\n\n  --data-green-75: color-mix(in srgb, var(--data-green) 75%, white);\n  --data-green-60: color-mix(in srgb, var(--data-green) 60%, white);\n  --data-green-45: color-mix(in srgb, var(--data-green) 45%, white);\n  --data-green-30: color-mix(in srgb, var(--data-green) 30%, white);\n  --data-green-15: color-mix(in srgb, var(--data-green) 15%, white);\n\n  --data-mint-green-75: color-mix(in srgb, var(--data-mint-green) 75%, white);\n  --data-mint-green-60: color-mix(in srgb, var(--data-mint-green) 60%, white);\n  --data-mint-green-45: color-mix(in srgb, var(--data-mint-green) 45%, white);\n  --data-mint-green-30: color-mix(in srgb, var(--data-mint-green) 30%, white);\n  --data-mint-green-15: color-mix(in srgb, var(--data-mint-green) 15%, white);\n\n  --data-violet-75: color-mix(in srgb, var(--data-violet) 75%, white);\n  --data-violet-60: color-mix(in srgb, var(--data-violet) 60%, white);\n  --data-violet-45: color-mix(in srgb, var(--data-violet) 45%, white);\n  --data-violet-30: color-mix(in srgb, var(--data-violet) 30%, white);\n  --data-violet-15: color-mix(in srgb, var(--data-violet) 15%, white);\n\n  --data-orange-75: color-mix(in srgb, var(--data-orange) 75%, white);\n  --data-orange-60: color-mix(in srgb, var(--data-orange) 60%, white);\n  --data-orange-45: color-mix(in srgb, var(--data-orange) 45%, white);\n  --data-orange-30: color-mix(in srgb, var(--data-orange) 30%, white);\n  --data-orange-15: color-mix(in srgb, var(--data-orange) 15%, white);\n\n  --data-pink-75: color-mix(in srgb, var(--data-pink) 75%, white);\n  --data-pink-60: color-mix(in srgb, var(--data-pink) 60%, white);\n  --data-pink-45: color-mix(in srgb, var(--data-pink) 45%, white);\n  --data-pink-30: color-mix(in srgb, var(--data-pink) 30%, white);\n  --data-pink-15: color-mix(in srgb, var(--data-pink) 15%, white);\n\n  --data-dark-green-75: color-mix(in srgb, var(--data-dark-green) 75%, white);\n  --data-dark-green-60: color-mix(in srgb, var(--data-dark-green) 60%, white);\n  --data-dark-green-45: color-mix(in srgb, var(--data-dark-green) 45%, white);\n  --data-dark-green-30: color-mix(in srgb, var(--data-dark-green) 30%, white);\n  --data-dark-green-15: color-mix(in srgb, var(--data-dark-green) 15%, white);\n\n  --data-purple-75: color-mix(in srgb, var(--data-purple) 75%, white);\n  --data-purple-60: color-mix(in srgb, var(--data-purple) 60%, white);\n  --data-purple-45: color-mix(in srgb, var(--data-purple) 45%, white);\n  --data-purple-30: color-mix(in srgb, var(--data-purple) 30%, white);\n  --data-purple-15: color-mix(in srgb, var(--data-purple) 15%, white);\n\n  --data-ruby-red-75: color-mix(in srgb, var(--data-ruby-red) 75%, white);\n  --data-ruby-red-60: color-mix(in srgb, var(--data-ruby-red) 60%, white);\n  --data-ruby-red-45: color-mix(in srgb, var(--data-ruby-red) 45%, white);\n  --data-ruby-red-30: color-mix(in srgb, var(--data-ruby-red) 30%, white);\n  --data-ruby-red-15: color-mix(in srgb, var(--data-ruby-red) 15%, white);\n\n  --data-yellow-75: color-mix(in srgb, var(--data-yellow) 75%, white);\n  --data-yellow-60: color-mix(in srgb, var(--data-yellow) 60%, white);\n  --data-yellow-45: color-mix(in srgb, var(--data-yellow) 45%, white);\n  --data-yellow-30: color-mix(in srgb, var(--data-yellow) 30%, white);\n  --data-yellow-15: color-mix(in srgb, var(--data-yellow) 15%, white);\n\n  --data-dark-brown-75: color-mix(in srgb, var(--data-dark-brown) 75%, white);\n  --data-dark-brown-60: color-mix(in srgb, var(--data-dark-brown) 60%, white);\n  --data-dark-brown-45: color-mix(in srgb, var(--data-dark-brown) 45%, white);\n  --data-dark-brown-30: color-mix(in srgb, var(--data-dark-brown) 30%, white);\n  --data-dark-brown-15: color-mix(in srgb, var(--data-dark-brown) 15%, white);\n\n  --data-brown-75: color-mix(in srgb, var(--data-brown) 75%, white);\n  --data-brown-60: color-mix(in srgb, var(--data-brown) 60%, white);\n  --data-brown-45: color-mix(in srgb, var(--data-brown) 45%, white);\n  --data-brown-30: color-mix(in srgb, var(--data-brown) 30%, white);\n  --data-brown-15: color-mix(in srgb, var(--data-brown) 15%, white);\n\n  --data-dark-blue-75: color-mix(in srgb, var(--data-dark-blue) 75%, white);\n  --data-dark-blue-60: color-mix(in srgb, var(--data-dark-blue) 60%, white);\n  --data-dark-blue-45: color-mix(in srgb, var(--data-dark-blue) 45%, white);\n  --data-dark-blue-30: color-mix(in srgb, var(--data-dark-blue) 30%, white);\n  --data-dark-blue-15: color-mix(in srgb, var(--data-dark-blue) 15%, white);\n\n  --data-light-blue-75: color-mix(in srgb, var(--data-light-blue) 75%, white);\n  --data-light-blue-60: color-mix(in srgb, var(--data-light-blue) 60%, white);\n  --data-light-blue-45: color-mix(in srgb, var(--data-light-blue) 45%, white);\n  --data-light-blue-30: color-mix(in srgb, var(--data-light-blue) 30%, white);\n  --data-light-blue-15: color-mix(in srgb, var(--data-light-blue) 15%, white);\n\n  --data-moss-green-75: color-mix(in srgb, var(--data-moss-green) 75%, white);\n  --data-moss-green-60: color-mix(in srgb, var(--data-moss-green) 60%, white);\n  --data-moss-green-45: color-mix(in srgb, var(--data-moss-green) 45%, white);\n  --data-moss-green-30: color-mix(in srgb, var(--data-moss-green) 30%, white);\n  --data-moss-green-15: color-mix(in srgb, var(--data-moss-green) 15%, white);\n\n  /* 15 % of the status colour over the surface, so one declaration covers both modes. */\n  --status-success-bg: color-mix(in srgb, var(--status-success) 15%, var(--neutral-0));\n  --status-warning-bg: color-mix(in srgb, var(--status-warning) 15%, var(--neutral-0));\n  --status-attention-bg: color-mix(in srgb, var(--status-attention) 15%, var(--neutral-0));\n  --status-error-bg: color-mix(in srgb, var(--status-error) 15%, var(--neutral-0));\n  --status-info-bg: color-mix(in srgb, var(--status-info) 15%, var(--neutral-0));\n}\n\n/* ============================================================================\n   Layers 2 and 3 — semantic and component tokens (light)\n\n   No colour literal below this line.\n   ========================================================================= */\n:root {\n  /* --- Typography -------------------------------------------------------- */\n  --font-ui: 'RijksSans', 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  --font-mono: 'Source Code Pro', ui-monospace, SFMono-Regular, Menlo, monospace;\n\n  --text-dashboard: 700 1.25rem/1.2 var(--font-ui);\n  --text-h1: 700 1.75rem/1.2 var(--font-ui);\n  --text-h1-mobile: 700 1.5rem/1.15 var(--font-ui);\n  --text-h1-display: 700 2.5rem/1.1 var(--font-ui);\n  --text-h2: 700 1.25rem/1.25 var(--font-ui);\n  --text-tile-title: 700 1rem/1.3 var(--font-ui);\n  --text-tile-sub: 400 0.875rem/1.35 var(--font-ui);\n  --text-kpi: 700 2rem/1.1 var(--font-ui);\n  --text-kpi-mobile: 700 1.5rem/1.1 var(--font-ui);\n  --text-kpi-secondary: 700 1.25rem/1.1 var(--font-ui);\n  --text-body: 400 1rem/1.5 var(--font-ui);\n  /* The text being translated and its translation: larger than body, read at a glance. */\n  --text-translation: 400 1.25rem/1.5 var(--font-ui);\n  --text-ui: 400 1rem/1.4 var(--font-ui);\n  --text-small: 400 0.875rem/1.45 var(--font-ui);\n  --text-meta: 400 0.875rem/1.4 var(--font-ui);\n  --text-table: 400 1rem/1.4 var(--font-ui);\n  --text-table-head: 700 0.875rem/1.3 var(--font-ui);\n  --text-axis: 400 0.75rem/1.2 var(--font-ui);\n\n  --label-size: 0.875rem;\n  --label-weight: 700;\n  --label-tracking: 0.08em;\n  --kpi-tracking: -0.02em;\n\n  /* --- Spacing (4 px scale) --------------------------------------------- */\n  --space-1: 4px;\n  --space-2: 8px;\n  --space-3: 12px;\n  --space-4: 16px;\n  --space-5: 20px;\n  --space-6: 24px;\n  --space-8: 32px;\n  --space-10: 40px;\n\n  /* --- Component sizes --------------------------------------------------- */\n  --h-topbar: 3.5rem;\n  --h-contextbar: 3rem;\n  --h-mobile-header: 4.5rem;\n  --h-control: 3rem;\n  --h-button: 3rem;\n  --h-button-compact: 2.5rem;\n  --h-button-chrome: 2.5rem;\n  --h-icon-button: 2.5rem;\n  --h-chip: 2rem;\n  --h-chip-field: 1.75rem;\n  --h-nav-row: 3rem;\n  --h-nav-head: 6.5rem;\n  --h-table-row: 3rem;\n  --h-touch: 3rem;\n  /* The smallest pointer target. A box that draws smaller reaches it through a\n     transparent hit area (`::after`, negative inset). */\n  --h-target: 3rem;\n  /* A link in a list of text links: one line of text, the WCAG AA floor, as on rijksoverheid.nl. */\n  --h-target-text: 1.5rem;\n  /* The two dense exceptions to the target: a date picker day cell and a listbox option row. */\n  --h-option: 2.5rem;\n\n  --w-nav: 288px;\n  --w-rail: 72px;\n  --w-text: 760px;\n  --w-message: 560px;\n  /* A language choice in the translator's bar. */\n  --w-translator-language: 18rem;\n  /* The widest the page's content gets. A host sets `--lintje-content-width` to change it. */\n  --w-content: 1360px;\n  --nav-edge: 4px;\n  /* The ribbon is the unit: 48 px, 40 on a phone. Both bars are in rem, so they grow with the\n     reader's text size. */\n  --w-ribbon: 3rem;\n  --h-logobar: calc(2.5 * var(--w-ribbon));\n  /* The top bar's height: what pins under the bar measures `--h-topbar`. */\n  --h-navbar: var(--h-topbar);\n  /* How far what follows the hero stands over its band's lower edge. */\n  --hero-overlap: var(--space-10);\n  /* The widest the picture beside the hero's text gets: four of the twelve columns at 1440. */\n  --w-hero-aside: 400px;\n  /* The narrowest a card gets in a card list before the list drops a column. */\n  --w-card: 320px;\n  /* The same for a horizontal card, whose picture takes a column of its own. */\n  --w-card-wide: 480px;\n  --w-card-media: 200px;\n  --w-card-logo: 3.5rem;\n  --w-card-logo-wide: 5rem;\n  /* The narrowest thumbnail under a gallery's large picture. */\n  --w-gallery-thumb: 120px;\n  /* The narrowest column of links in a footer before the columns stand under each other. */\n  --w-footer-column: 220px;\n\n  --page-pad-y: 32px;\n  --page-pad-x: 24px;\n  /* What a full-width bar or the content adds to its side padding so what stands in it keeps to\n     `--w-content`; the percentage is taken of the box the bar stands in. */\n  --page-gutter: max(\n    0px,\n    calc((100% - var(--lintje-content-width, var(--w-content)) - 2 * var(--page-pad-x)) / 2)\n  );\n  --grid-gutter: 24px;\n  --tile-pad-y: 20px;\n  --tile-pad-x: 24px;\n  --chart-h-main: 260px;\n  --chart-h-small: 180px;\n  --chart-h-expanded: 560px;\n\n  /* Sticky context = top bar + summary bar. */\n  --h-sticky: calc(var(--h-topbar) + var(--h-contextbar));\n\n  --radius: 0px;\n  --radius-round: 50%;\n\n  --shadow-sticky: 0 2px 6px var(--alpha-black-08);\n  --shadow-popover: 0 4px 16px var(--alpha-black-14);\n  --shadow-nav: 2px 0 8px var(--alpha-black-08);\n  --shadow-chart-hover: 0 1px 4px var(--alpha-black-22);\n  --shadow-scroll-start: inset 12px 0 10px -10px var(--alpha-black-18);\n  --shadow-scroll-end: inset -12px 0 10px -10px var(--alpha-black-18);\n\n  --color-overlay-page: var(--alpha-black-60);\n  --color-overlay-nav: var(--alpha-black-16);\n\n  --focus-width: 3px;\n  --focus-offset: 2px;\n\n  /* --- Motion ------------------------------------------------------------ */\n  /* `@kind other` marks these for design tooling as neither colors, sizes nor type; the library\n     CSS ships unminified so the notes reach it. */\n  --ease-in-motion: cubic-bezier(0.2, 0, 0, 1); /* @kind other */\n  --ease-out-motion: cubic-bezier(0.4, 0, 1, 1); /* @kind other */\n  --dur-base: 200ms; /* @kind other */\n  --dur-hover: 120ms; /* @kind other */\n  --dur-popover: var(--dur-base); /* @kind other */\n  --dur-submenu: 300ms; /* @kind other */\n  --dur-toast: var(--dur-base); /* @kind other */\n  --dur-scrim: var(--dur-base); /* @kind other */\n  --dur-rail: var(--dur-base); /* @kind other */\n  --dur-collapse: var(--dur-base); /* @kind other */\n  --dur-modal: var(--dur-base); /* @kind other */\n  --dur-sheet: var(--dur-base); /* @kind other */\n  --dur-kpi: var(--dur-base); /* @kind other */\n  --dur-badge: 300ms; /* @kind other */\n  --dur-draw: 900ms; /* @kind other */\n  --dur-data-label: 300ms; /* @kind other */\n  --dur-skeleton: 1200ms; /* @kind other */\n  --dur-wave: 600ms; /* @kind other */\n\n  /* --- Semantic: surfaces ------------------------------------------------ */\n  --color-bg-page: var(--neutral-1);\n  --color-bg-surface: var(--neutral-0);\n  --color-bg-subtle: var(--neutral-2);\n  --color-bg-title: var(--neutral-1);\n  /* Between steps 2 and 3: on the cool-grey ramp neutral-2 sits too close to the page to read\n     as a band. */\n  --color-bg-filter: color-mix(in srgb, var(--neutral-2), var(--neutral-3));\n  --color-bg-selected: var(--neutral-2);\n  --color-bg-inset: var(--neutral-2);\n\n  /* --- Semantic: text ---------------------------------------------------- */\n  --color-text-primary: var(--neutral-6);\n  --color-text-secondary: var(--neutral-6);\n  --color-text-muted: var(--neutral-5);\n  --color-text-inverse: var(--neutral-0);\n  --color-text-disabled: var(--neutral-4);\n  /* A placeholder must stay readable: 4.5:1 on the surface in both modes. */\n  --color-text-placeholder: var(--neutral-5);\n  --color-text-on-fill: var(--ink-white);\n  --color-text-on-light-fill: var(--ink-black);\n  --color-qr-bg: var(--ink-white);\n  --color-qr-fg: var(--ink-black);\n\n  /* --- Semantic: borders ------------------------------------------------- */\n  --color-border-default: var(--neutral-3);\n  --color-border-strong: var(--neutral-3);\n  --color-border-filter: var(--neutral-3);\n  --color-border-heavy: var(--neutral-4);\n  /* The resting edge of a field box: 3:1 (WCAG 1.4.11) on the surface and the filter band. */\n  --color-border-field: var(--neutral-5);\n  /* The 2 px edge of a checkbox and a radio: 3:1 on the surface; dark re-points it. */\n  --color-border-choice: var(--neutral-5);\n  /* In dark a sheet is the same #282828 as the tile under it, so this line separates them. */\n  --color-border-popover: var(--neutral-3);\n  /* A DASHED outline (a suggestion, an uncertain term): neutral-5, because a dashed line has half\n     the ink of a solid one and must still reach 3:1. */\n  --color-border-suggestion: var(--neutral-5);\n\n  /* --- Semantic: action -------------------------------------------------- */\n  --color-action-primary: var(--primary);\n  --color-action-primary-hover: var(--primary-hover);\n  --color-action-primary-text: var(--ink-white);\n  /* A primary fill in dark is a dark box on a dark page (WCAG 1.4.11): it gets a tint border. */\n  --color-action-primary-border: var(--primary);\n  --color-action-secondary-border: var(--primary);\n  /* The destructive fill: the error red, white text on it (5.01:1). Hover is darker in light,\n     lighter in dark. In dark the border is a tint, because #D52B1E is 2.94:1 on #282828. */\n  --color-action-danger: var(--status-error);\n  --color-action-danger-hover: color-mix(in srgb, var(--status-error), black 30%);\n  --color-action-danger-border: var(--status-error);\n  /* The word of the outlined danger button; dark re-points it (the red is 2.94:1 on #282828). */\n  --color-action-danger-text: var(--status-error);\n  --color-link: var(--primary);\n  --color-link-hover: var(--primary-hover);\n  /* A link on a status background: in dark no tint of the primary reaches 4.5:1 there, so it\n     reads in the text colour. It is bold and underlined, so colour never carried it alone. */\n  --color-link-on-status: var(--primary);\n\n  /* The accent splits in three, because a fill, a line and a word have different floors:\n     fill (the primary), line (non-text, 3:1: `--primary-tint` in dark) and text (4.5:1:\n     `--primary-tint-text` in dark). A word in the line token fails: it is sized for 3:1. */\n  --color-accent: var(--primary);\n  --color-accent-line: var(--primary);\n  --color-accent-text: var(--primary);\n\n  --color-focus: var(--focus-orange);\n\n  /* --- Semantic: status -------------------------------------------------- */\n  --color-attention: var(--status-attention);\n  --color-success: var(--status-success);\n  --color-warning: var(--status-warning);\n  --color-error: var(--status-error);\n  --color-info: var(--status-info);\n\n  --color-warning-bg: var(--status-warning-bg);\n  --color-attention-bg: var(--status-attention-bg);\n  --color-error-bg: var(--status-error-bg);\n  --color-info-bg: var(--status-info-bg);\n  --color-success-bg: var(--status-success-bg);\n\n  /* A status mark on its own tint: the status colour, nudged to 3:1 where it falls short. */\n  --color-attention-line: color-mix(in srgb, var(--status-attention), black 10%);\n  --color-error-line: var(--status-error);\n  --color-info-line: var(--status-info);\n  --color-success-line: var(--status-success);\n  /* A status WORD at 4.5:1 on the surface and on `--color-bg-subtle`: the red itself, the green\n     5 % darker (4.13:1 on neutral-2); dark lifts both. A glyph or an edge keeps the line token. */\n  --color-error-text: var(--status-error);\n  --color-success-text: color-mix(in srgb, var(--status-success), black 5%);\n\n  /* --- Navigation (the theme fill; neutral in dark) ---------------------- */\n  --color-nav-bg: var(--primary);\n  --color-nav-text: var(--ink-white);\n  --color-nav-text-sub: var(--alpha-white-82);\n  --color-nav-hover: var(--primary-hover);\n  --color-nav-active: var(--primary-hover);\n  --color-nav-active-edge: var(--ink-white);\n  --color-nav-active-text: var(--ink-white);\n  --color-nav-line: var(--primary-line);\n  --color-nav-disabled: var(--alpha-white-45);\n  --color-nav-badge-bg: var(--status-error);\n  --color-nav-badge-text: var(--ink-white);\n  /* The avatar is white with black initials wherever it stands, in both modes. */\n  --color-nav-avatar-bg: var(--ink-white);\n  --color-nav-avatar-text: var(--ink-black);\n  /* Orange fails on the theme fill (1.89:1 on #01689B, 1:1 on #E17000); white reaches 3:1 on\n     all six primaries. Dark re-points it to the orange. */\n  --color-focus-on-theme: var(--ink-white);\n  /* The theme's ACCENT, not the attention status: on `defensie` the menu is `#E17000` and the\n     status colour made the band disappear. `--accent` is document level only. */\n  --color-nav-environment-bg: var(--accent);\n  --color-nav-environment-text: var(--color-text-on-fill);\n  /* The page's surface in both modes. The navigation bar under it is the menu turned a quarter,\n     on `--color-nav-*`. */\n  --color-logobar-bg: var(--color-bg-surface);\n  --color-logobar-text: var(--color-text-primary);\n  /* The ribbon in the emblem; only the logo re-points it in dark, never lintblauw elsewhere. */\n  --color-logo-ribbon: var(--ribbon-blue);\n  /* What marks an entry in that bar. They name the primitives, never `--color-nav-*`: the bar\n     points those at these, and the two would refer to each other. */\n  --color-navbar-hover: var(--primary-hover);\n  --color-navbar-active: var(--primary-hover);\n  --color-navbar-active-edge: var(--ink-white);\n  --color-navbar-open-text: var(--color-accent-text);\n  /* The start page's band is the primary's wash, so it never reads as the menu. The orange ring\n     misses 3:1 on it; the ring takes the text colour. */\n  --color-hero-bg: var(--primary-wash);\n  --color-hero-text: var(--color-text-primary);\n  --color-hero-focus: var(--color-text-primary);\n  /* The site's foot stands on the menu's own fill, as on rijksoverheid.nl; in dark it follows the menu. */\n  --color-footer-bg: var(--color-nav-bg);\n  --color-footer-text: var(--color-nav-text);\n  --color-footer-line: var(--color-nav-line);\n  --color-footer-focus: var(--color-focus-on-theme);\n\n  /* The box behind a recognised term: the primary's wash; dark re-points it. */\n  --color-term-bg: var(--primary-wash);\n  /* The chosen option of a row of options: the primary's wash; dark re-points it. */\n  --color-choice-active-bg: var(--primary-wash);\n  /* The 2 px line under a term; dark takes the text tint, as the line tint falls short on it. */\n  --color-term-line: var(--color-accent-line);\n\n  /* --- Data colors ------------------------------------------------------- */\n  /* One colour per variable, named after the Rijkshuisstijl colour. */\n  --color-chart-sky-blue: var(--data-sky-blue);\n  --color-chart-dark-yellow: var(--data-dark-yellow);\n  --color-chart-dark-yellow-text: var(--data-dark-yellow-text);\n  --color-chart-red: var(--data-red);\n  --color-chart-green: var(--data-green);\n  --color-chart-mint-green: var(--data-mint-green);\n  --color-chart-violet: var(--data-violet);\n  --color-chart-orange: var(--data-orange);\n  --color-chart-pink: var(--data-pink);\n  --color-chart-dark-green: var(--data-dark-green);\n  --color-chart-purple: var(--data-purple);\n  --color-chart-ruby-red: var(--data-ruby-red);\n  --color-chart-yellow: var(--data-yellow);\n  --color-chart-dark-brown: var(--data-dark-brown);\n  --color-chart-brown: var(--data-brown);\n  --color-chart-dark-blue: var(--data-dark-blue);\n  --color-chart-light-blue: var(--data-light-blue);\n  --color-chart-moss-green: var(--data-moss-green);\n  --color-chart-secondary: var(--data-comparison); /* comparison, context */\n  --color-chart-other: var(--data-other);          /* \"Overig\" */\n  --color-chart-remainder: var(--neutral-3);       /* the rest of a whole, e.g. a donut's open part */\n  --color-chart-emphasis: var(--data-emphasis);    /* trend, threshold, target */\n  --color-chart-grid: var(--data-grid);\n  --color-chart-axis: var(--neutral-5);\n  /* The zero line (darker than the grid) and the hatch of missing data carry meaning, so they\n     reach 3:1 on the surface: a fifth of the way from neutral-4 to neutral-5 (3.1:1; 4.0:1 dark). */\n  --color-chart-zero: color-mix(in srgb, var(--neutral-5) 20%, var(--neutral-4));\n  --color-chart-hatch: color-mix(in srgb, var(--neutral-5) 20%, var(--neutral-4));\n  /* A speaker's colour under a whole fragment: this share of it over the surface, so text keeps\n     its contrast in light and in dark. */\n  --tint-speaker: 12%;\n\n  /* These map colours stay deliberately neutral so the data is the only colour on the map. */\n  --color-map-water: var(--neutral-0);\n  --color-map-land: var(--neutral-2);\n  --color-map-border: var(--neutral-4);\n  /* An area with a figure: 3:1 against the land and the lightest class, which are 1.1:1 apart. */\n  --color-map-border-data: var(--neutral-5);\n\n  /* The variable a figure draws when its data names none: the first colour of the list, the\n     same decision as `DEFAULT_SERIES_COLOR` in `charts/shared/colors.ts`. */\n  --color-chart-default: var(--color-chart-sky-blue);\n\n  /* Subdivision of one variable: its colour in its tint ladder, strongest first, on the steps\n     100 / 75 / 60 / 45 / 30. Every colour carries its ladder, so a figure that brings a colour\n     brings its tints: a renderer names `--color-chart-<colour>` and\n     `--color-chart-<colour>-tint-N`, never a --data-* colour. */\n  --color-chart-sky-blue-tint-2: var(--data-sky-blue-75);\n  --color-chart-sky-blue-tint-3: var(--data-sky-blue-60);\n  --color-chart-sky-blue-tint-4: var(--data-sky-blue-45);\n  --color-chart-sky-blue-tint-5: var(--data-sky-blue-30);\n\n  --color-chart-dark-yellow-tint-2: var(--data-dark-yellow-75);\n  --color-chart-dark-yellow-tint-3: var(--data-dark-yellow-60);\n  --color-chart-dark-yellow-tint-4: var(--data-dark-yellow-45);\n  --color-chart-dark-yellow-tint-5: var(--data-dark-yellow-30);\n\n  --color-chart-red-tint-2: var(--data-red-75);\n  --color-chart-red-tint-3: var(--data-red-60);\n  --color-chart-red-tint-4: var(--data-red-45);\n  --color-chart-red-tint-5: var(--data-red-30);\n\n  --color-chart-green-tint-2: var(--data-green-75);\n  --color-chart-green-tint-3: var(--data-green-60);\n  --color-chart-green-tint-4: var(--data-green-45);\n  --color-chart-green-tint-5: var(--data-green-30);\n\n  --color-chart-mint-green-tint-2: var(--data-mint-green-75);\n  --color-chart-mint-green-tint-3: var(--data-mint-green-60);\n  --color-chart-mint-green-tint-4: var(--data-mint-green-45);\n  --color-chart-mint-green-tint-5: var(--data-mint-green-30);\n\n  --color-chart-violet-tint-2: var(--data-violet-75);\n  --color-chart-violet-tint-3: var(--data-violet-60);\n  --color-chart-violet-tint-4: var(--data-violet-45);\n  --color-chart-violet-tint-5: var(--data-violet-30);\n\n  --color-chart-orange-tint-2: var(--data-orange-75);\n  --color-chart-orange-tint-3: var(--data-orange-60);\n  --color-chart-orange-tint-4: var(--data-orange-45);\n  --color-chart-orange-tint-5: var(--data-orange-30);\n\n  --color-chart-pink-tint-2: var(--data-pink-75);\n  --color-chart-pink-tint-3: var(--data-pink-60);\n  --color-chart-pink-tint-4: var(--data-pink-45);\n  --color-chart-pink-tint-5: var(--data-pink-30);\n\n  --color-chart-dark-green-tint-2: var(--data-dark-green-75);\n  --color-chart-dark-green-tint-3: var(--data-dark-green-60);\n  --color-chart-dark-green-tint-4: var(--data-dark-green-45);\n  --color-chart-dark-green-tint-5: var(--data-dark-green-30);\n\n  --color-chart-purple-tint-2: var(--data-purple-75);\n  --color-chart-purple-tint-3: var(--data-purple-60);\n  --color-chart-purple-tint-4: var(--data-purple-45);\n  --color-chart-purple-tint-5: var(--data-purple-30);\n\n  --color-chart-ruby-red-tint-2: var(--data-ruby-red-75);\n  --color-chart-ruby-red-tint-3: var(--data-ruby-red-60);\n  --color-chart-ruby-red-tint-4: var(--data-ruby-red-45);\n  --color-chart-ruby-red-tint-5: var(--data-ruby-red-30);\n\n  --color-chart-yellow-tint-2: var(--data-yellow-75);\n  --color-chart-yellow-tint-3: var(--data-yellow-60);\n  --color-chart-yellow-tint-4: var(--data-yellow-45);\n  --color-chart-yellow-tint-5: var(--data-yellow-30);\n\n  --color-chart-dark-brown-tint-2: var(--data-dark-brown-75);\n  --color-chart-dark-brown-tint-3: var(--data-dark-brown-60);\n  --color-chart-dark-brown-tint-4: var(--data-dark-brown-45);\n  --color-chart-dark-brown-tint-5: var(--data-dark-brown-30);\n\n  --color-chart-brown-tint-2: var(--data-brown-75);\n  --color-chart-brown-tint-3: var(--data-brown-60);\n  --color-chart-brown-tint-4: var(--data-brown-45);\n  --color-chart-brown-tint-5: var(--data-brown-30);\n\n  --color-chart-dark-blue-tint-2: var(--data-dark-blue-75);\n  --color-chart-dark-blue-tint-3: var(--data-dark-blue-60);\n  --color-chart-dark-blue-tint-4: var(--data-dark-blue-45);\n  --color-chart-dark-blue-tint-5: var(--data-dark-blue-30);\n\n  --color-chart-light-blue-tint-2: var(--data-light-blue-75);\n  --color-chart-light-blue-tint-3: var(--data-light-blue-60);\n  --color-chart-light-blue-tint-4: var(--data-light-blue-45);\n  --color-chart-light-blue-tint-5: var(--data-light-blue-30);\n\n  --color-chart-moss-green-tint-2: var(--data-moss-green-75);\n  --color-chart-moss-green-tint-3: var(--data-moss-green-60);\n  --color-chart-moss-green-tint-4: var(--data-moss-green-45);\n  --color-chart-moss-green-tint-5: var(--data-moss-green-30);\n\n  /* The default ladder, for a figure that names no colour: the sky blue's. */\n  --color-chart-tint-1: var(--color-chart-sky-blue);\n  --color-chart-tint-2: var(--color-chart-sky-blue-tint-2);\n  --color-chart-tint-3: var(--color-chart-sky-blue-tint-3);\n  --color-chart-tint-4: var(--color-chart-sky-blue-tint-4);\n  --color-chart-tint-5: var(--color-chart-sky-blue-tint-5);\n\n  /* Sequential scale for ordinal classes (heatmap, choropleth), lightest first. A component names\n     these, never a --data-* colour directly. */\n  --color-chart-seq-1: var(--data-sky-blue-15);\n  --color-chart-seq-2: var(--data-sky-blue-30);\n  --color-chart-seq-3: var(--data-sky-blue-45);\n  --color-chart-seq-4: var(--data-sky-blue-75);\n  --color-chart-seq-5: var(--data-sky-blue);\n}\n\n/* ============================================================================\n   Dark mode — the Logius range, no inversion\n\n   Redefines the seven `--neutral-*` primitives, re-declares `--primary-hover` lighter and\n   re-points the layer-2/3 names whose meaning changes; everything that merely follows a\n   neutral is absent on purpose. Page and tiles are both #282828, the border separates them: the\n   step below is the menu's, so it stays a band beside the page and under the logo bar.\n   ========================================================================= */\n[data-mode='dark'] {\n  --neutral-0: #282828;\n  --neutral-1: #1D1D1D;\n  --neutral-2: #333333;\n  --neutral-3: #4A4A4A;\n  --neutral-4: #7A7A7A;\n  --neutral-5: #B0B0B0;\n  --neutral-6: #FFFFFF;\n\n  /* The hover goes UP in dark: the light mix would put a near-black fill on the near-black page. */\n  --primary-hover: color-mix(in srgb, var(--primary), white 12%);\n\n  --color-bg-page: var(--neutral-0);\n  --color-bg-title: var(--neutral-0);\n  /* The hero's wash sits halfway between the menu (L 0.231) and the page (L 0.277), below the\n     page as in light: a panel or tab on it is lighter than its ground. */\n  --primary-wash: oklch(from var(--primary) 0.254 min(c, 0.02) h);\n\n  /* The filter zone must read as a band, so in dark it steps UP to neutral-2 (neutral-1 turned\n     the fields in it into light boxes). `--color-bg-inset` keeps neutral-1: \"sunken\". */\n  --color-bg-filter: var(--neutral-2);\n  --color-bg-inset: var(--neutral-1);\n\n  --color-text-inverse: var(--neutral-1);\n\n  /* Colour that must read by itself on #282828 becomes the tint; a FILL keeps the primary. */\n  --color-action-primary-border: var(--primary-tint);\n  --color-action-secondary-border: var(--primary-tint);\n  /* Danger hover: 8 % white is the most that keeps white text at 4.5:1 (4.56:1). The border and\n     the word lift the red as the primary's tints do, to 3:1 on #282828 and 4.5:1 on #333333,\n     the hover surface; the word's chroma cap keeps it inside sRGB. */\n  --color-action-danger-hover: color-mix(in srgb, var(--status-error), white 8%);\n  --color-action-danger-border: oklch(from var(--status-error) max(l, 0.58) c h);\n  --color-action-danger-text: oklch(from var(--status-error) max(l, 0.71) min(c, 0.18) h);\n  /* A status mark at 3:1 on its own tint. */\n  --color-attention-line: var(--status-attention);\n  --color-error-line: oklch(from var(--status-error) max(l, 0.6) c h);\n  --color-info-line: oklch(from var(--status-info) max(l, 0.58) c h);\n  --color-success-line: oklch(from var(--status-success) max(l, 0.57) c h);\n  /* A status word at 4.5:1 on #333333, lifted as the danger word is. */\n  --color-error-text: oklch(from var(--status-error) max(l, 0.71) min(c, 0.18) h);\n  --color-success-text: oklch(from var(--status-success) max(l, 0.68) min(c, 0.18) h);\n  /* A link is text: the text tint, not the line tint. The hover stays white. */\n  --color-link: var(--primary-tint-text);\n  --color-link-hover: var(--neutral-6);\n  --color-link-on-status: var(--neutral-6);\n  --color-accent-line: var(--primary-tint);\n  --color-accent-text: var(--primary-tint-text);\n\n  /* Lintblauw has too little contrast on the dark surface; the house style lightens it. */\n  --color-logo-ribbon: var(--ribbon-blue-dark);\n\n  /* The menu is neutral in dark: near-black, in the rail and in the bar alike, so in the top\n     layout it stays its own band under the logo bar. Hover and active are one step up, as they\n     are one fill in light; the edge is the text tint, as the line tint is 3:1 on neutral-0 only. */\n  --color-nav-bg: var(--neutral-1);\n  --color-nav-text: var(--neutral-6);\n  --color-nav-text-sub: var(--neutral-5);\n  --color-nav-hover: var(--neutral-2);\n  --color-nav-active: var(--neutral-2);\n  --color-nav-active-edge: var(--primary-tint-text);\n  --color-navbar-hover: var(--neutral-2);\n  --color-navbar-active: var(--neutral-2);\n  --color-navbar-active-edge: var(--primary-tint-text);\n  /* The open entry's word stands on the panel's surface: full text contrast, not the tint. */\n  --color-navbar-open-text: var(--color-text-primary);\n  /* The label is 16 px text: the tint is 3.0:1 and needs 4.5:1. The edge keeps the tint. */\n  --color-nav-active-text: var(--neutral-6);\n  /* The sheet is told from the page by its shadow and this quiet line; 1.66:1 is accepted here. */\n  --color-border-popover: var(--neutral-3);\n  --color-nav-line: var(--neutral-2);\n  --color-nav-disabled: var(--neutral-4);\n  /* The menu is neutral here, so its ring is the orange of every other surface. */\n  --color-focus-on-theme: var(--color-focus);\n  /* The choice edge keeps neutral-4 in dark: it already reaches 3:1 there (3.43:1 on #282828). */\n  --color-border-choice: var(--neutral-4);\n\n  /* A term's box is the subtle surface: behind a word on #282828 the dark wash would be a hole. */\n  --color-term-bg: var(--neutral-2);\n  --color-choice-active-bg: var(--neutral-2);\n  --color-hero-focus: var(--color-focus);\n  --color-term-line: var(--primary-tint-text);\n\n  /* Yellow as text works on the dark surface, so the dark gold is not needed. */\n  --color-chart-dark-yellow-text: var(--data-dark-yellow);\n  --color-map-water: var(--neutral-1);\n\n  --shadow-sticky: 0 2px 6px var(--alpha-black-40);\n  --shadow-popover: 0 4px 16px var(--alpha-black-55);\n  --shadow-nav: 2px 0 8px var(--alpha-black-40);\n  --shadow-chart-hover: 0 1px 4px var(--alpha-black-60);\n  --shadow-scroll-start: inset 12px 0 10px -10px var(--alpha-black-60);\n  --shadow-scroll-end: inset -12px 0 10px -10px var(--alpha-black-60);\n  --color-overlay-nav: var(--alpha-black-40);\n}\n\n/* ============================================================================\n   Below 768 px the gutter follows the page padding and every pointer target is the touch\n   floor.\n   ========================================================================= */\n@media (max-width: 767px) {\n  :root {\n    --grid-gutter: 16px;\n    --h-target: var(--h-touch);\n    --h-option: var(--h-touch);\n    --chart-h-expanded: 320px;\n    --w-ribbon: 2.5rem;\n  }\n}\n", Be = "/*\n * The reset every shadow root needs, adopted once as one shared `CSSStyleSheet`.\n *\n * `background` and `color` are deliberately not on `:host`: every element has a `:host`, so\n * they would cut the inheritance chain at each boundary (an icon in the navigation would lose\n * its white `currentColor`). Page-level rules (`html, body`) belong to the host page.\n */\n\n:host {\n  font: var(--text-ui);\n  font-family: var(--font-ui);\n  -webkit-font-smoothing: antialiased;\n  font-variant-numeric: tabular-nums;\n}\n\n*, *::before, *::after { box-sizing: border-box; }\n\nh1, h2, h3, h4, h5, h6, p, figure { margin: 0; }\nul, ol { margin: 0; padding: 0; list-style: none; }\n\nbutton {\n  font: inherit;\n  color: inherit;\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n}\n\na { color: var(--color-link); }\n\ninput, select, textarea { font: inherit; color: inherit; }\n\n/* Focus: always orange 3 px, never animated. */\n:focus-visible {\n  outline: var(--focus-width) solid var(--color-focus);\n  outline-offset: var(--focus-offset);\n}\n/* Where the outside would be clipped (tiles in a grid, table rows) the ring sits inside. */\n.focus-inset:focus-visible { outline-offset: calc(var(--focus-width) * -1); }\n\n[hidden] { display: none !important; }\n\n.visually-hidden {\n  position: absolute;\n  width: 1px; height: 1px;\n  padding: 0; margin: -1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n@keyframes lintje-shimmer {\n  0%   { background-position: -200% 0; }\n  100% { background-position: 200% 0; }\n}\n@keyframes lintje-rise {\n  from { opacity: 0; transform: translateY(6px); }\n  to   { opacity: 1; transform: none; }\n}\n@keyframes lintje-sheet-in {\n  from { transform: translateY(100%); }\n  to   { transform: none; }\n}\n@keyframes lintje-menu-in {\n  from { transform: translateY(-100%); }\n  to   { transform: none; }\n}\n@keyframes lintje-menu-out {\n  from { transform: none; }\n  to   { transform: translateY(-100%); }\n}\n@keyframes lintje-fade-in { from { opacity: 0; } to { opacity: 1; } }\n@keyframes lintje-drop-in { from { transform: translateY(-10px); } to { transform: none; } }\n@keyframes lintje-popover-in {\n  from { opacity: 0; transform: translateY(-6px); }\n  to   { opacity: 1; transform: none; }\n}\n\n/* prefers-reduced-motion: all durations 0 except opacity (80 ms). */\n@media (prefers-reduced-motion: reduce) {\n  :host {\n    --dur-base: 0ms; --dur-hover: 0ms; --dur-popover: 0ms; --dur-submenu: 0ms; --dur-toast: 0ms; --dur-scrim: 0ms; --dur-rail: 0ms; --dur-collapse: 0ms;\n    --dur-modal: 0ms; --dur-sheet: 0ms; --dur-kpi: 0ms; --dur-badge: 0ms; --dur-draw: 0ms;\n  }\n  *, *::before, *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 80ms !important;\n    scroll-behavior: auto !important;\n  }\n}\n\n/* Forced colours: the browser replaces every colour and drops shadows; what every root shares\n   is the focus ring, in the system's Highlight. */\n@media (forced-colors: active) {\n  :focus-visible { outline-color: Highlight; }\n}\n";
+//#endregion
+//#region src/core/styles.ts
+function Ve(e) {
+	return e.replace(/@font-face\s*\{[^}]*\}/g, "").replace(/html,\s*body,\s*#root\s*\{[^}]*\}/g, "").replace(/:root:not\(([^)]*)\)/g, ":host(:not($1))").replace(/:root(?![\w-])/g, ":host").replace(/(^|[\s,{}])\[data-mode=('[^']*'|"[^"]*")\]/gm, "$1:host([data-mode=$2])");
+}
+var He = /* @__PURE__ */ new Map();
+function A(e) {
+	let t = He.get(e);
+	return t || (t = o(Ve(e)), He.set(e, t)), t;
+}
+var Ue = A(ze), We = A(Be), Ge = /* @__PURE__ */ new Set(), Ke = ":scope > script[type=\"application/json\"]", qe = null;
+function Je() {
+	qe || typeof MutationObserver > "u" || (qe = new MutationObserver(() => Xe()), qe.observe(document.documentElement, {
+		attributes: !0,
+		attributeFilter: ["data-mode"]
+	}));
+}
+var Ye = !1;
+function Xe() {
+	Ye || (Ye = !0, queueMicrotask(() => {
+		Ye = !1;
+		for (let e of Ge) e.resolveSettings();
+	}));
+}
+function Ze(e, t) {
+	let n = `data-${t}`, r = e.parentElement ?? Qe(e);
+	for (; r;) {
+		let e = r.closest(`[${n}]`);
+		if (e) return e.getAttribute(n);
+		r = Qe(r);
+	}
+	return null;
+}
+function Qe(e) {
+	let t = e.getRootNode();
+	return t instanceof ShadowRoot ? t.host : null;
+}
+var j = class extends k {
+	constructor(...e) {
+		super(...e), this.resolvedMode = "light";
+	}
+	static {
+		this.properties = {
+			mode: { type: String },
+			resolvedMode: { state: !0 }
+		};
+	}
+	static finalizeStyles(e) {
+		return [
+			Ue,
+			We,
+			...super.finalizeStyles(e)
+		];
+	}
+	get dataSettings() {}
+	connectedCallback() {
+		super.connectedCallback(), Ge.add(this), Je(), this.readDataSources(), document.readyState === "loading" && document.addEventListener("DOMContentLoaded", () => this.readDataSources(), { once: !0 }), this.resolveSettings();
+	}
+	readDataSources() {
+		let e = this.constructor.elementProperties;
+		for (let t of this.querySelectorAll(Ke)) {
+			let n = t.dataset.prop ?? "data";
+			if (t.remove(), !e.has(n)) console.warn(`<${this.localName}> has no property "${n}" to put its JSON in.`);
+			else try {
+				this[n] = JSON.parse(t.textContent);
+			} catch (e) {
+				console.error(`<${this.localName}>: the JSON for "${n}" does not parse.`, e);
+			}
+		}
+	}
+	disconnectedCallback() {
+		Ge.delete(this), super.disconnectedCallback();
+	}
+	willUpdate(e) {
+		super.willUpdate(e), this.hasUpdated || this.readDataSources(), this.resolveSettings();
+	}
+	resolveSettings() {
+		if (!this.isConnected) return;
+		let e = this.dataSettings, t = this.mode ?? Ze(this, "mode") ?? e?.mode ?? "light", n = t !== this.resolvedMode;
+		this.resolvedMode = t, this.dataset.mode !== t && (this.dataset.mode = t), n && Xe();
+	}
+	emit(e, t) {
+		return this.dispatchEvent(new CustomEvent(e, {
+			detail: t,
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0
+		}));
+	}
+	followLink(e, t, n = { href: e }) {
+		this.emit("lintje-navigate", n) ? t || window.location.assign(e) : t?.preventDefault();
+	}
+	emitLocal(e, t) {
+		this.dispatchEvent(new CustomEvent(e, {
+			detail: t,
+			bubbles: !0
+		}));
+	}
+};
+function $e() {
+	for (let e of Ge) e.requestUpdate();
+}
+function M(e, t) {
+	typeof customElements > "u" || customElements.get(e) || customElements.define(e, t);
+}
+//#endregion
+//#region src/core/media.ts
+var et = "(max-width: 767px)", tt = "(min-width: 1440px)", nt = /* @__PURE__ */ new Map();
+function rt(e) {
+	if (typeof matchMedia > "u") return null;
+	let t = nt.get(e);
+	return t || (t = matchMedia(e), nt.set(e, t)), t;
+}
+var it = class {
+	#e;
+	#t;
+	#n = (e) => {
+		this.matches !== e.matches && (this.matches = e.matches, this.#e.requestUpdate());
+	};
+	constructor(e, t = et) {
+		this.#e = e, this.#t = rt(t), this.matches = this.#t?.matches ?? !1, e.addController(this);
+	}
+	hostConnected() {
+		this.#t && (this.matches = this.#t.matches, this.#t.addEventListener("change", this.#n));
+	}
+	hostDisconnected() {
+		this.#t?.removeEventListener("change", this.#n);
+	}
+}, at = { scrollRoot: () => typeof document > "u" ? null : document.scrollingElement };
+function ot(e) {
+	at = {
+		...at,
+		...e
+	};
+}
+function st() {
+	return at.scrollRoot();
+}
+var N = /* @__PURE__ */ new Map();
+function ct(e) {
+	let t = N.get(e);
+	t ? t.count += 1 : N.set(e, {
+		count: 1,
+		overflow: e.style.overflow
+	}), e.style.overflow = "hidden";
+	let n = !1;
+	return () => {
+		if (n) return;
+		n = !0;
+		let t = N.get(e);
+		t && (--t.count, !(t.count > 0) && (N.delete(e), e.style.overflow = t.overflow));
+	};
+}
+function lt() {
+	if (typeof document > "u") return () => {};
+	let e = st();
+	return ct(!e || e === document.scrollingElement ? document.body : e);
+}
+//#endregion
+//#region src/core/frame-state.ts
+var P = {
+	titleHidden: !1,
+	scrolled: !1,
+	sheetOpen: !1,
+	modifiedCount: 0,
+	summary: "",
+	hasFilters: !1
+}, ut = /* @__PURE__ */ new Set();
+function dt() {
+	return P;
+}
+function ft(e) {
+	Object.keys(e).every((t) => P[t] === e[t]) || (P = {
+		...P,
+		...e
+	}, ut.forEach((e) => e()));
+}
+var pt = (e) => ft({ titleHidden: e }), mt = (e) => ft({ scrolled: e });
+function ht(e) {
+	return ut.add(e), () => {
+		ut.delete(e);
+	};
+}
+var gt = class {
+	constructor(e) {
+		this.host = e, this.unsubscribe = null, e.addController(this);
+	}
+	get state() {
+		return P;
+	}
+	hostConnected() {
+		this.unsubscribe = ht(() => this.host.requestUpdate());
+	}
+	hostDisconnected() {
+		this.unsubscribe?.(), this.unsubscribe = null;
+	}
+};
+function _t() {
+	ft({
+		hasFilters: !1,
+		modifiedCount: 0,
+		summary: "",
+		scrolled: !1,
+		sheetOpen: !1
+	});
+}
+//#endregion
+//#region src/core/shortcuts.ts
+var vt = {
+	esc: "Escape",
+	escape: "Escape",
+	space: " ",
+	spatie: " ",
+	enter: "Enter",
+	left: "ArrowLeft",
+	right: "ArrowRight",
+	up: "ArrowUp",
+	down: "ArrowDown"
+}, yt = {
+	" ": "Spatie",
+	Escape: "Esc",
+	ArrowLeft: "←",
+	ArrowRight: "→",
+	ArrowUp: "↑",
+	ArrowDown: "↓",
+	Ctrl: "Ctrl",
+	Alt: "Alt",
+	Shift: "Shift",
+	Meta: "Cmd"
+}, F = [], bt = !1, xt = "lintje-character-keys", I = null;
+function St() {
+	if (I === null) try {
+		I = localStorage.getItem(xt) !== "off";
+	} catch {
+		I = !0;
+	}
+	return I;
+}
+function Ct(e) {
+	I = e;
+	try {
+		e ? localStorage.removeItem(xt) : localStorage.setItem(xt, "off");
+	} catch {}
+}
+function wt(e) {
+	return Tt(Dt(e));
+}
+var Tt = (e) => !e.ctrl && !e.alt && !e.meta && e.key.length === 1, Et = (e) => /^[a-z]$/i.test(e);
+function Dt(e) {
+	let t = e === "+" ? ["+"] : e.split("+").filter((e) => e !== "");
+	e.endsWith("++") && t.push("+");
+	let n = {
+		key: "",
+		ctrl: !1,
+		alt: !1,
+		meta: !1,
+		shift: !1
+	};
+	return t.forEach((e, r) => {
+		let i = e.toLowerCase();
+		if (r < t.length - 1) {
+			i === "ctrl" || i === "control" ? n.ctrl = !0 : i === "alt" ? n.alt = !0 : i === "meta" || i === "cmd" ? n.meta = !0 : i === "shift" && (n.shift = !0);
+			return;
+		}
+		let a = vt[i];
+		n.key = a ?? (e.length === 1 ? e.toLowerCase() : e);
+	}), n;
+}
+function Ot(e) {
+	return [
+		e.ctrl ? "Ctrl" : "",
+		e.alt ? "Alt" : "",
+		e.meta ? "Meta" : "",
+		e.shift ? "Shift" : "",
+		e.key
+	].filter(Boolean).join("+");
+}
+function kt(e, t) {
+	return t.ctrlKey !== e.ctrl || t.altKey !== e.alt || t.metaKey !== e.meta || (t.key.length === 1 ? t.key.toLowerCase() : t.key) !== e.key ? !1 : e.key.length === 1 && !Et(e.key) || t.shiftKey === e.shift;
+}
+function At(e) {
+	let t = e.composedPath()[0];
+	return t instanceof HTMLElement ? t.isContentEditable || t.getAttribute("contenteditable") === "true" || t instanceof HTMLTextAreaElement || t instanceof HTMLSelectElement ? !0 : t instanceof HTMLInputElement && ![
+		"button",
+		"checkbox",
+		"radio",
+		"submit",
+		"reset",
+		"range",
+		"color",
+		"file"
+	].includes(t.type) : !1;
+}
+var jt = (e) => {
+	if (!(e.defaultPrevented || e.isComposing)) for (let t = F.length - 1; t >= 0; t--) {
+		let { chord: n, options: r } = F[t];
+		if (kt(n, e) && (!Tt(n) || St())) {
+			if (At(e) && (!(n.ctrl || n.alt || n.meta) || !r.inFields)) return;
+			e.preventDefault(), r.handler(e);
+			return;
+		}
+	}
+};
+function Mt(e) {
+	let t = Dt(e.keys), n = {
+		options: e,
+		chord: t,
+		normalized: Ot(t)
+	};
+	return F.push(n), !bt && typeof document < "u" && (document.addEventListener("keydown", jt), bt = !0), () => {
+		let e = F.indexOf(n);
+		e !== -1 && F.splice(e, 1), !F.length && bt && (document.removeEventListener("keydown", jt), bt = !1);
+	};
+}
+function Nt() {
+	let e = /* @__PURE__ */ new Set(), t = [];
+	for (let n = F.length - 1; n >= 0; n--) {
+		let { options: r, normalized: i } = F[n];
+		e.has(i) || (e.add(i), t.unshift({
+			keys: r.keys,
+			description: r.description,
+			inFields: !!r.inFields
+		}));
+	}
+	return t;
+}
+function Pt(e) {
+	let t = Dt(e), n = [];
+	return t.ctrl && n.push("Ctrl"), t.alt && n.push("Alt"), t.meta && n.push(yt.Meta), t.shift && n.push("Shift"), n.push(yt[t.key] ?? (t.key.length === 1 ? t.key.toUpperCase() : t.key)), n;
+}
+function Ft(e) {
+	let t = Dt(e), n = t.key === " " ? "Space" : t.key.length === 1 ? t.key.toUpperCase() : t.key;
+	return [
+		t.ctrl ? "Control" : "",
+		t.alt ? "Alt" : "",
+		t.meta ? "Meta" : "",
+		t.shift ? "Shift" : "",
+		n
+	].filter(Boolean).join("+");
+}
+//#endregion
+//#region src/icons/register.ts
+var It = {
+	"beeld-en-geluid-microfoon": {
+		viewBox: "0 0 64 64",
+		attributes: {},
+		body: "<path d=\"m0 0h64v64h-64z\" fill=\"none\"/><path d=\"m46 24.5c-1.104 0-2 .395-2 1.5v7c0 6.999-6.022 12.617-13.157 11.945-6.218-.585-10.843-6.052-10.843-12.297v-6.648c0-1.105-.896-1.5-2-1.5s-2 .395-2 1.5v6.536c0 7.854 5.505 14.699 13 16.159v5.197l3.735.743c.317.102.271.308.25.364h-5.985c-2.761 0-5 2.239-5 5h20c0-2.761-2.239-5-5-5h-2v-6.299c7.391-1.41 13-7.905 13-15.7v-7c0-1.105-.896-1.5-2-1.5z\"/><path d=\"m32 43c5.523 0 10-4.477 10-10v-8h-9c-.552 0-1-.448-1-1s.448-1 1-1h9v-3h-9c-.552 0-1-.448-1-1s.448-1 1-1h9v-3h-9c-.552 0-1-.448-1-1s.448-1 1-1h8.799c-.926-4.564-4.961-8-9.799-8-5.523 0-10 4.477-10 10v18c0 5.523 4.477 10 10 10z\"/>"
+	},
+	"functioneel-bel": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m40.719 30.621-2.66-4c-.738-1.34-1.297-2.723-1.617-4.242l-1.98-7.437c-.883-3.68-3.641-6.5-7.141-7.621v-.039c-.001-1.821-1.481-3.282-3.321-3.282s-3.32 1.461-3.32 3.281v.039c-3.48 1.121-6.258 3.941-7.141 7.621l-1.98 7.457c-.32 1.48-.898 2.902-1.617 4.242l-2.66 4c-.723 1.059.059 2.461 1.34 2.461h30.777c1.281 0 2.043-1.422 1.32-2.48zm-22.617 7.481c0 3.257 2.636 5.898 5.898 5.898s5.898-2.641 5.898-5.898c0-.223-.039-.441-.059-.66h-11.659c-.02.238-.078.438-.078.66zm0 0\"/>"
+	},
+	"functioneel-bewerken": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m34 40h-24v-22h8a2 2 0 0 0 2-2v-8h9.957l4-4h-15.129a2 2 0 0 0 -1.414.586l-10.828 10.828a2 2 0 0 0 -.586 1.414v25.172a2 2 0 0 0 2 2h28a2 2 0 0 0 2-2v-17.949l-4 4zm9.875-29.441-4.43-4.43a2 2 0 0 0 -2.828 0l-17.012 17.012a1.62 1.62 0 0 0 -.395.637l-1.184 7.547c-.133.398.25.781.648.648l7.555-1.184a1.62 1.62 0 0 0 .633-.395l17.012-17.008a2 2 0 0 0 0-2.828zm0 0\"/>"
+	},
+	"functioneel-cirkel-vinkje": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"M11.958 1C18.035 1.022 22.961 5.933 23 12.009l-.006.39a10.992 10.992 0 0 1-1.3 4.825 10.843 10.843 0 0 1-1.86 2.525l-.063.071a10.78 10.78 0 0 1-2.193 1.686 11.035 11.035 0 0 1-13.574-1.973A11.031 11.031 0 0 1 2.84 5.867a11.18 11.18 0 0 1 1.346-1.638A11.147 11.147 0 0 1 11.958 1Zm5.013 4.266-6.37 7.05-3.83-3.281a1.095 1.095 0 0 0-1.411-.01c-.41.339-.509.923-.234 1.376l4.639 7.659c.196.323.548.521.929.522h.004c.38 0 .732-.195.93-.517l7.084-11.523a1.068 1.068 0 0 0-.282-1.423 1.097 1.097 0 0 0-1.459.147Z\" fill-rule=\"evenodd\"/>"
+	},
+	"functioneel-darkmode": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"M12 1C5.928 1 1 5.928 1 12s4.928 11 11 11 11-4.928 11-11c-.01-6.072-4.928-10.99-11-11Zm0 20.72v-5.326a4.388 4.388 0 1 1 0-8.779V2.28c5.374 0 9.72 4.356 9.72 9.72 0 5.364-4.346 9.72-9.72 9.72ZM16.394 12A4.396 4.396 0 0 0 12 7.606v8.788A4.396 4.396 0 0 0 16.394 12Z\" fill-rule=\"evenodd\"/>"
+	},
+	"functioneel-delen": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m36 30c-1.801 0-3.602.602-4.801 1.602l-11.199-6.602c0-1 0-1-.199-2.199l11.199-6.602c1.398 1.199 3.199 1.801 5 1.801a8.03 8.03 0 0 0 8-8 8.03 8.03 0 0 0 -8-8 8.03 8.03 0 0 0 -8 8c0 .398 0 .801.199 1.199l-11.398 6.402c-1.199-1-3-1.602-4.801-1.602a8.03 8.03 0 0 0 -8 8 8.03 8.03 0 0 0 8 8c1.801 0 3.602-.602 4.801-1.602l11.199 6.603c0 .398-.199.801-.199 1.199 0 4.402 3.598 8 8 8s8-3.598 8-8c.199-4.597-3.403-8.199-7.801-8.199zm0 0\"/>"
+	},
+	"functioneel-delta-omlaag": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"M17.541 8.989c-.5-.481-1.151-.673-1.651-.145l-3.904 3.7-3.854-3.748c-.5-.48-1.152-.336-1.652.144-.5.481-.7 1.106-.15 1.586l4.805 4.614c.5.48 1.301.48 1.802 0l4.754-4.566c.5-.48.35-1.105-.15-1.585Z\" fill-rule=\"evenodd\"/>"
+	},
+	"functioneel-delta-rechts": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"M8.989 17.541c-.481-.5-.673-1.151-.145-1.651l3.7-3.854-3.748-3.904c-.48-.5-.336-1.152.144-1.652.481-.5 1.106-.7 1.586-.15l4.614 4.805c.48.5.48 1.301 0 1.802l-4.566 4.754c-.48.5-1.105.35-1.585-.15Z\" fill-rule=\"evenodd\"/>"
+	},
+	"functioneel-downloaden": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m36 34v4h-24v-4h-6v8a2 2 0 0 0 2 2h32a2 2 0 0 0 2-2v-8zm-14.117-1.047c.512.645 1.293 1.02 2.117 1.02s1.605-.375 2.117-1.02l11.563-14.465a2.71 2.71 0 0 0 -3.551-3.992l-6.129 3.828v-11.484c0-2.176-1.879-2.824-3.996-2.824-2.125 0-4.004.648-4.004 2.824v11.484l-6.129-3.828c-1.125-.699-2.582-.488-3.461.496a2.71 2.71 0 0 0 -.09 3.496zm0 0\"/>"
+	},
+	"functioneel-dubbel-delta-rechts": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"m6.935 6.235 4.705 4.9c.48.5.48 1.301 0 1.802L7.074 17.69c-.448.468-1.022.368-1.488-.054l-.097-.096c-.451-.469-.648-1.07-.235-1.556l3.79-3.95-3.748-3.903c-.448-.468-.353-1.065.053-1.55l.091-.102c.451-.47 1.028-.675 1.495-.245Zm7 0 4.705 4.9c.48.5.48 1.301 0 1.802l-4.566 4.754c-.448.468-1.022.368-1.488-.054l-.097-.096c-.451-.469-.648-1.07-.235-1.556l3.79-3.95-3.748-3.903c-.448-.468-.353-1.065.053-1.55l.091-.102c.451-.47 1.028-.675 1.495-.245Z\" fill-rule=\"evenodd\"/>"
+	},
+	"functioneel-externe-link": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m32 40h-24v-24h12v-6h-15.801a2.22 2.22 0 0 0 -2.199 2.199v31.602a2.22 2.22 0 0 0 2.199 2.199h31.602a2.22 2.22 0 0 0 2.199-2.199v-15.801h-6zm11.199-35.199c-.598-.602-1.199-.801-2-.602l-16.801 1.801c-1.199.199-2.199 1.199-2.199 2.398s1 2.203 2.199 2.402l7.402.598-9.402 9.402c-1.598 1.598-.797 3.199.402 4.398s2.801 2 4.398.402l9.402-9.402.598 7.402c.199 1.199 1.199 2.199 2.402 2.199s2.199-1 2.398-2.199l1.801-16.801c.199-.801-.199-1.402-.602-2zm0 0\"/>"
+	},
+	"functioneel-filters": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"M20.3929 17.3961C20.3929 18.5211 19.4816 19.4361 18.3529 19.4361C17.2241 19.4361 16.3166 18.5249 16.3166 17.3961C16.3166 17.3324 16.3204 17.2686 16.3279 17.2086C16.2791 17.2086 16.2191 17.3699 16.1929 17.5011C16.1666 17.6324 16.1479 17.8274 16.1929 18.0711H4.13664C3.76164 18.0711 3.45789 17.7674 3.45789 17.3924C3.45789 17.0174 3.76164 16.7136 4.13664 16.7136H16.4366C16.7179 15.9261 17.4679 15.3599 18.3529 15.3599C19.4779 15.3599 20.3929 16.2711 20.3929 17.3961ZM18.3529 16.7136C17.9779 16.7136 17.6741 17.0174 17.6741 17.3924C17.6741 17.7674 17.9779 18.0711 18.3529 18.0711C18.7279 18.0711 19.0316 17.7674 19.0316 17.3924C19.0316 17.0174 18.7279 16.7136 18.3529 16.7136Z\" fill-rule=\"evenodd\"/> <path d=\"M20.3966 11.9549C20.3966 12.3299 20.0929 12.6336 19.7179 12.6336H13.8566C13.5791 13.4286 12.8254 13.9986 11.9366 13.9986C10.8116 13.9986 9.89664 13.0874 9.89664 11.9586C9.89664 11.8949 9.90039 11.8311 9.90789 11.7711C9.86289 11.7711 9.79914 11.9324 9.77289 12.0636C9.74664 12.1949 9.72789 12.3899 9.77289 12.6336H4.14414C3.76914 12.6336 3.46539 12.3299 3.46539 11.9549C3.46539 11.5799 3.76914 11.2761 4.14414 11.2761H10.0204C10.3016 10.4886 11.0516 9.92236 11.9366 9.92236C12.8216 9.92236 13.5716 10.4886 13.8529 11.2761H19.7179C20.0929 11.2761 20.3966 11.5799 20.3966 11.9549ZM11.9366 11.2761C11.5616 11.2761 11.2579 11.5799 11.2579 11.9549C11.2579 12.3299 11.5616 12.6336 11.9366 12.6336C12.3116 12.6336 12.6154 12.3299 12.6154 11.9549C12.6154 11.5799 12.3116 11.2761 11.9366 11.2761Z\" fill-rule=\"evenodd\"/> <path d=\"M20.3854 6.51346C20.3854 6.88846 20.0816 7.19221 19.7066 7.19221H7.6541C7.6991 6.94846 7.6766 6.75346 7.6541 6.62221C7.62785 6.48721 7.56785 6.32971 7.5191 6.32971C7.5266 6.39346 7.53035 6.45346 7.53035 6.51721C7.53035 7.64221 6.6191 8.55721 5.4941 8.55721C4.3691 8.55721 3.4541 7.64596 3.4541 6.51721C3.4541 5.38846 4.36535 4.48096 5.4941 4.48096C6.3791 4.48096 7.1291 5.04721 7.41035 5.83471H19.7104C20.0854 5.83471 20.3891 6.13846 20.3891 6.51346H20.3854ZM4.80785 6.51346C4.80785 6.88846 5.1116 7.19221 5.4866 7.19221C5.8616 7.19221 6.16535 6.88846 6.16535 6.51346C6.16535 6.13846 5.8616 5.83471 5.4866 5.83471C5.1116 5.83471 4.80785 6.13846 4.80785 6.51346Z\" fill-rule=\"evenodd\"/>"
+	},
+	"functioneel-foto-vergroten": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m31.719 20.461 6.621-6.621 1 4.961c.109.547.523.98 1.063 1.121a1.46 1.46 0 0 0 1.477-.461c.203-.223.328-.504.359-.801l1.46-12.66c.039-.449-.113-.891-.418-1.219-.332-.348-.805-.523-1.281-.48l-12.719 1.461a1.52 1.52 0 0 0 -.883.418 1.49 1.49 0 0 0 -.437.98 1.44 1.44 0 0 0 1.18 1.5l4.961 1-6.562 6.621c-1.059 1.059-.199 2.559.84 3.598s2.281 1.641 3.34.582zm-15.438 7.078-6.621 6.621-1-4.961c-.109-.547-.523-.98-1.063-1.121a1.46 1.46 0 0 0 -1.477.461c-.203.223-.328.504-.359.801l-1.46 12.66c-.039.449.113.891.418 1.219a1.58 1.58 0 0 0 1.223.422l12.718-1.461a1.52 1.52 0 0 0 .879-.418 1.49 1.49 0 0 0 .441-.98 1.44 1.44 0 0 0 -1.18-1.5l-4.961-1 6.621-6.621c1.059-1.059.199-2.559-.84-3.602s-2.281-1.578-3.34-.52zm0 0\"/>"
+	},
+	"functioneel-foutmelding": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM7.527 7.527a.885.885 0 0 0-.021 1.194L10.408 12l-2.902 3.269a.874.874 0 0 0 .02 1.194.885.885 0 0 0 1.195.02L12 13.594l3.269 2.901a.885.885 0 0 0 1.194-.02.885.885 0 0 0 .02-1.195L13.594 12l2.901-3.269a.874.874 0 0 0-.02-1.194.888.888 0 0 0-1.205-.031L12 10.408 8.731 7.506a.899.899 0 0 0-1.204.02Z\" fill-rule=\"evenodd\"/>"
+	},
+	"functioneel-geluid-aan": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m30 9v4c6 0 11 5 11 11s-5 11-11 11v4c8.199 0 15-6.801 15-15s-6.801-15-15-15zm8 15a8.03 8.03 0 0 0 -8-8v4c2.199 0 4 1.801 4 4s-1.801 4-4 4v4a8.03 8.03 0 0 0 8-8zm-14.199-15.602c-1 .602-9.801 7.602-9.801 7.602h-4c-4.398 0-6 4.199-6 8s1.602 8 6 8h4l9.801 7.602c1 .598 2.199 0 2.199-1.203v-29c0-1-1.199-1.797-2.199-1zm0 0\"/>"
+	},
+	"functioneel-geluid-uit": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m41 24c0 2.602-1 5-2.398 7l2.797 2.801a15.1 15.1 0 0 0 3.601-9.801c0-8.199-6.801-15-15-15v4c6 0 11 5 11 11zm-7 0a3.36 3.36 0 0 1 -.602 2l2.801 2.801c1-1.402 1.602-3 1.602-4.801a8.03 8.03 0 0 0 -8-8v4c2.398 0 4.199 1.801 4.199 4zm-8-14.602c0-1.199-1.199-1.797-2.199-1.199-.402.199-2.402 1.801-4.402 3.402l6.601 6.797zm-18.602-4.796c-.797-.801-2-.801-2.797 0s-.801 2 0 2.797l8.598 8.601h-3.199c-4.398 0-6 4.199-6 8s1.602 8 6 8h4l9.801 7.602c1 .598 2.199 0 2.199-1.203v-9.797l6 6c-.602.199-1.398.199-2 .199v4c1.801 0 3.602-.402 5.199-1l5.402 5.398a2.15 2.15 0 0 0 1.398.602c.602 0 1-.199 1.398-.602a1.93 1.93 0 0 0 0-2.801zm0 0\"/>"
+	},
+	"functioneel-home": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m45.199 23.199-19-19c-1.199-1.199-3-1.199-4.199 0l-19 19c-.602.602-.801 1.199-.801 2-.199 1.602 1 2.801 2.602 2.801h1.199v16h14v-14h8v14h14v-16h1.199a2.73 2.73 0 0 0 2.801-2.801c0-.801-.199-1.398-.801-2zm0 0\"/>"
+	},
+	"functioneel-info": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m40.391 10.59c-.254-1.547-1.434-2.723-2.98-2.98-4.469-.746-11.922-.746-13.41-.746s-8.941 0-13.41.746c-1.547.258-2.727 1.434-2.98 2.98-.746 4.469-.746 11.922-.746 13.41s0 8.941.746 13.41c.254 1.547 1.434 2.723 2.98 2.98 4.469.746 11.922.746 13.41.746s8.941 0 13.41-.746c1.547-.258 2.727-1.434 2.98-2.98.746-4.469.746-11.922.746-13.41 0-4.473 0-8.941-.746-13.41zm-14.141 25.41h-4.922l.422-10.5v-6h4.5zm-2.234-19.5c-1.68 0-2.641-.941-2.641-2.656 0-1.461.891-2.594 2.609-2.594 1.68 0 2.641.906 2.641 2.594 0 1.488-.891 2.656-2.609 2.656zm0 0\"/>"
+	},
+	"functioneel-instellingen": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m28.008 24c0-2.164-1.797-3.918-4.008-3.918s-4.004 1.754-4.004 3.918 1.793 3.918 4.004 3.918 4.008-1.754 4.008-3.918zm12.383-13.414c-.258-1.547-1.434-2.719-2.98-2.977-4.469-.746-11.922-.746-13.41-.746s-8.941 0-13.414.746a3.59 3.59 0 0 0 -2.98 2.977c-.744 4.473-.744 11.922-.744 13.414s0 8.941.742 13.41a3.59 3.59 0 0 0 2.98 2.98c4.473.746 11.922.746 13.414.746s8.941 0 13.41-.746a3.59 3.59 0 0 0 2.98-2.98c.746-4.469.746-11.922.746-13.41 0-4.473 0-8.941-.746-13.414zm-3.898 14.047c0 .359-.27.77-.594.91l-2.23 1.012c-.332.129-.719.504-.855.832l-.125.301a1.63 1.63 0 0 0 .027 1.184l.879 2.188a1.03 1.03 0 0 1 -.215 1.055l-1.012.992a1.12 1.12 0 0 1 -1.074.227l-2.297-.832a1.78 1.78 0 0 0 -1.199-.008l-.328.129c-.328.137-.703.52-.828.852l-.957 2.16a1.07 1.07 0 0 1 -.906.594h-1.441c-.355 0-.77-.266-.918-.59l-1.023-2.156a1.76 1.76 0 0 0 -.848-.848l-.324-.133a1.74 1.74 0 0 0 -1.191.027l-2.25.871c-.332.133-.812.035-1.066-.215l-1.016-.992c-.258-.25-.359-.727-.23-1.059l.84-2.238c.145-.324.152-.863.012-1.191l-.125-.297a1.71 1.71 0 0 0 -.863-.816l-2.223-.945a1.05 1.05 0 0 1 -.602-.898v-1.387c0-.355.27-.766.594-.91l2.227-1.004a1.78 1.78 0 0 0 .859-.832l.125-.301c.137-.328.125-.863-.027-1.184l-.879-2.187c-.137-.332-.039-.805.215-1.055l1.012-.992a1.12 1.12 0 0 1 1.074-.227l2.305.828a1.78 1.78 0 0 0 1.199.008l.316-.129a1.68 1.68 0 0 0 .828-.852l.961-2.156a1.07 1.07 0 0 1 .906-.598h1.441a1.11 1.11 0 0 1 .922.59l1.02 2.16c.133.332.516.711.848.848l.32.129c.332.137.871.125 1.195-.023l2.25-.871c.332-.133.813-.035 1.07.215l1.012.988c.254.25.359.727.23 1.059l-.84 2.238a1.74 1.74 0 0 0 -.012 1.191l.129.301c.137.328.527.695.863.816l2.219.945c.332.133.602.539.602.895zm0 0\"/>"
+	},
+	"functioneel-kalender": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m41 8h-5v-4c0-1.602-1.398-2-3-2s-3 .398-3 2v4h-14v-4c0-1.602-1.398-2-3-2s-3 .398-3 2v4h-5c-1.602 0-3 1.398-3 3v32c0 1.602 1.398 3 3 3h36c1.602 0 3-1.398 3-3v-32c0-1.602-1.398-3-3-3zm-35 34v-24h34v24zm4-20h6v6h-6zm10 0h6v6h-6zm10 0h6v6h-6zm-20 10h6v6h-6zm10 0h6v6h-6zm10 0h6v6h-6zm0 0\"/>"
+	},
+	"functioneel-klok": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m24 2a21.94 21.94 0 0 0 -22 22 21.94 21.94 0 0 0 22 22 21.94 21.94 0 0 0 22-22 21.94 21.94 0 0 0 -22-22zm0 39a16.99 16.99 0 1 1 0-34 16.99 16.99 0 1 1 0 34zm10.398-18.199-8.398-.602-.602-10.801c0-.797-.598-1.199-1.398-1.199s-1.398.602-1.398 1.199l-.602 12.403c0 1 .801 2 1.801 2 .398 0 2 0 10.398-.602.801 0 1.402-.598 1.402-1.199.199-.398 0-1-1.203-1.199zm0 0\"/>"
+	},
+	"functioneel-kopieren": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"M14.456 2c.175 0 .343.072.466.2l4.885 5.085A.7.7 0 0 1 20 7.77v10.687c0 .377-.296.686-.659.686l-2.165-.001v2.172c0 .377-.296.686-.658.686H4.658A.673.673 0 0 1 4 21.314V5.543c0-.379.295-.686.659-.686h.988l1.176-.003V2.686c0-.345.244-.63.562-.679L7.482 2ZM6.823 4.857H5.647v15.429h11.529l-.001-1.144H7.482a.668.668 0 0 1-.651-.584l-.007-.1-.001-13.601ZM19.39 7.952l-1.037.32v9.157H8.47V3.714h5.504l.306-1.075c.036-.116.119-.079.119-.079v4.926c0 .189.148.343.33.343h4.732s.04.085-.072.123Z\" fill-rule=\"evenodd\"/>"
+	},
+	"functioneel-kruis": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m35.375 8.426-11.355 10.058-11.352-10.058a3.09 3.09 0 0 0 -4.16.063c-1.09 1.16-1.117 2.965-.059 4.156l10.055 11.355-10.055 11.355c-1.059 1.191-1.031 2.996.059 4.156a3.09 3.09 0 0 0 4.16.063l11.352-10.058 11.355 10.059c1.191 1.055 2.996 1.031 4.156-.062a3.08 3.08 0 0 0 .063-4.156l-10.055-11.357 10.055-11.355a3.08 3.08 0 0 0 -.062-4.156c-1.16-1.094-2.965-1.117-4.156-.062zm-11.355 15.601-.028-.027.027-.027.016.012.016.016-.016.016zm0 0\"/>"
+	},
+	"functioneel-locatiemarker": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m24 2a13.91 13.91 0 0 0 -14 14c0 2.602 1 5 2 7.398.801 2 7.398 15 10.398 21 .203.602.801 1 1.602 1 .602 0 1.199-.398 1.602-1l10.398-21c1-2.398 2-4.796 2-7.398a13.91 13.91 0 0 0 -14-14zm0 22.398a8.45 8.45 0 0 1 -8.398-8.398 8.45 8.45 0 0 1 8.398-8.398 8.45 8.45 0 0 1 8.398 8.398 8.45 8.45 0 0 1 -8.398 8.398zm3.602-8.398c0 1.988-1.613 3.602-3.602 3.602s-3.602-1.614-3.602-3.602 1.613-3.602 3.602-3.602 3.602 1.613 3.602 3.602zm0 0\"/>"
+	},
+	"functioneel-mail": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m2 8v4.199l18.801 11.402c2 1.199 4.398 1.199 6.199 0l19-11.402v-4.199zm18.801 20-18.801-11.398v21.398h44v-21.398l-18.801 11.398c-2 1.199-4.398 1.199-6.398 0zm0 0\"/>"
+	},
+	"functioneel-meer": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m27.18 12a4 4 0 1 1 -8 0 4 4 0 1 1 8 0zm0 12a4 4 0 1 1 -8 0 4 4 0 1 1 8 0zm0 12a4 4 0 1 1 -8 0 4 4 0 1 1 8 0zm0 0\"/>"
+	},
+	"functioneel-menu": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m40 8h-32v6h29zm-32 18h29l3-6h-32zm0 12h29l3-6h-32zm0 0\"/>"
+	},
+	"functioneel-minus": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"M19.6 10H4.4c-1.1 0-1.4.9-1.4 2s.3 2 1.4 2h15.2c1.1 0 1.4-.9 1.4-2s-.3-2-1.4-2Z\" fill-rule=\"evenodd\"/>"
+	},
+	"functioneel-pijl-omlaag": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m38.398 21c-.797-1-2.199-1-3.199-.398l-7.199 4.796v-16c0-2.597-2.199-3.398-4.801-3.398-2.398 0-5.199.801-5.199 3.398v16l-7.199-4.797c-1-.801-2.402-.602-3.199.398s-.801 2.199-.203 3.199l13.602 17c.398.602 1.199 1 2 1s1.398-.398 2-1l13.602-17c.797-1 .598-2.398-.203-3.199zm0 0\"/>"
+	},
+	"functioneel-plus": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"M19.6 10H14V4.4c0-1.1-.9-1.4-2-1.4s-2 .3-2 1.4V10H4.4c-1.1 0-1.4.9-1.4 2s.3 2 1.4 2H10v5.6c0 1.1.9 1.4 2 1.4s2-.3 2-1.4V14h5.6c1.1 0 1.4-.9 1.4-2s-.3-2-1.4-2Z\" fill-rule=\"evenodd\"/>"
+	},
+	"functioneel-printer": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m12 2h24v6h-24zm32 8h-40c-1 0-2 .801-2 2v16c0 1.199.801 2 2 2h6v3.199c0 .602.199 1 .602 1.402l8.797 8.797c.402.402.801.602 1.402.602h15.199c1.199 0 2-.801 2-2v-12h6c1.199 0 2-.801 2-2v-16c0-1.199-1-2-2-2zm-10 30h-12v-6c0-1.199-.801-2-2-2h-6v-8h20zm8-22h-4v-4h4zm0 0\"/>"
+	},
+	"functioneel-refresh": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m38 24c0 5-2.602 9.602-7 12.199-6.602 3.801-15.199 1.602-19.199-5.199-3.801-6.801-1.403-15.398 5.199-19.199 5.398-3 12-2.199 16.398 2l-3.598.398c-.801 0-1.402.801-1.402 1.402 0 .797.402 1.398 1.203 1.598l10.399 2.403c.398.199 1 0 1.398-.402.403-.2.602-.598.602-1.2v-10.602c0-.797-.602-1.398-1.199-1.598-.801-.199-1.402.398-1.801 1l-1 3c-6.199-6.199-16.199-7.602-24-3-9.602 5.399-12.801 17.598-7.398 27.2 3.597 6.398 10.398 10 17.398 10 3.398 0 6.801-.801 10-2.602 6.199-3.597 10-10.199 10-17.398zm0 0\"/>"
+	},
+	"functioneel-sleep": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<circle cx=\"8\" cy=\"5\" r=\"2\"/><circle cx=\"8\" cy=\"12\" r=\"2\"/><circle cx=\"8\" cy=\"19\" r=\"2\"/><circle cx=\"16\" cy=\"5\" r=\"2\"/><circle cx=\"16\" cy=\"12\" r=\"2\"/><circle cx=\"16\" cy=\"19\" r=\"2\"/>"
+	},
+	"functioneel-smartphone": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m36 3.801c-8-1-16-1-24 0-1.199 0-2 1-2 2.199v36c0 1.199.801 2.199 2 2.199 8 1 16 1 24 0 1.199-.199 2-1.199 2-2.199v-36c0-1.199-.801-2.199-2-2.199zm-8 38.199h-8v-2h8zm6-6h-20v-28h20zm0 0\"/>"
+	},
+	"functioneel-terug": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m38.684 18h-15.856l4.754-7.141c.68-1.02.512-2.383-.398-3.207a2.49 2.49 0 0 0 -1.867-.645c-.488.031-.973.211-1.383.535l-16.993 13.517c-.594.469-.937 1.188-.937 1.941a2.49 2.49 0 0 0 .938 1.941l16.992 13.516c.461.363 1.012.543 1.563.543.605 0 1.211-.219 1.688-.652.91-.824 1.078-2.187.398-3.207l-4.755-7.141h15.855c2.555 0 3.317-2.809 3.317-5.301s-.762-4.699-3.316-4.699zm0 0\"/>"
+	},
+	"functioneel-uitloggen": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"M6.01412 1H21.4553C22.2788 1 22.9994 1.73333 22.9994 2.57143V21.4286C22.9994 22.2667 22.2788 23 21.4553 23H6.01412C5.19059 23 4.47 22.2667 4.47 21.4286V16.7143L7.55824 19V19.8571H19.9112V4.14286H7.55824V5L4.47 7.28571V2.57143C4.47 1.73333 5.19059 1 6.01412 1ZM7.37357 17.6178L1.40576 12.8459C1.14993 12.6415 1.00086 12.3297 1.00086 11.9998C1.00086 11.6699 1.14993 11.3581 1.40576 11.1537L7.37357 6.38181C7.56712 6.22679 7.80024 6.1499 8.03305 6.1499C8.28059 6.1499 8.52813 6.23707 8.7272 6.41073C9.11338 6.74718 9.21 7.31383 8.95756 7.76213L7.89626 9.64673L5.525 10.2863C5.41289 10.3169 5.41212 10.3707 5.41875 10.3957L5.42398 10.4092L15.8932 10.4092C16.7469 10.4092 17.0012 11.1562 17.0009 11.9993C17.0012 12.8431 16.7466 13.5904 15.8932 13.5904H7.46689L8.95756 16.2375C9.20999 16.6858 9.11338 17.2524 8.7272 17.5889C8.34102 17.9258 7.77294 17.9378 7.37357 17.6178Z\" fill-rule=\"evenodd\"/>"
+	},
+	"functioneel-upload": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m14.363 22.828 6.02-3.434v11.055c0 1.965 1.699 2.551 3.617 2.551s3.617-.586 3.617-2.551v-15.761s.188-.109.281.234l1.453 5.461 4.285 2.445a2.45 2.45 0 0 0 3.141-3.648l-10.851-13.746c-.465-.59-1.176-.934-1.926-.934s-1.461.344-1.926.934l-10.851 13.746a2.45 2.45 0 0 0 3.141 3.648zm20.887 10.922v3.75h-22.5v-3.75h-6v7.5a2.25 2.25 0 0 0 2.25 2.25h30a2.25 2.25 0 0 0 2.25-2.25v-7.5zm0 0\"/>"
+	},
+	"functioneel-vergrootglas-minus": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"M3.419 3.442a8.23 8.23 0 0 1 11.7 0c2.851 2.801 3.151 7.117 1.126 10.373-.21.503-.563.954-1.056 1.353.67-.198 1.23-.464 1.677-.796l5.53 4.97c.9.833.75 2.044-.15 2.953-.826.832-2.1.984-2.85.15l-5.551-6.208c-3.226 2.12-7.5 1.742-10.426-.984-3.225-3.256-3.225-8.556 0-11.811Zm10.056 10.033c-2.366 2.367-6.169 2.367-8.45 0-2.367-2.366-2.367-6.169 0-8.45 2.366-2.367 6.169-2.367 8.45 0 2.367 2.366 2.367 6.084 0 8.45Zm-1.652-4.852H6.757c-.367 0-.467.3-.467.667 0 .367.1.667.467.667h5.066c.367 0 .467-.3.467-.667 0-.367-.1-.667-.467-.667Z\" fill-rule=\"evenodd\"/>"
+	},
+	"functioneel-vergrootglas-plus": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"M3.419 3.442a8.23 8.23 0 0 1 11.7 0c2.851 2.801 3.151 7.117 1.126 10.373-.21.503-.563.954-1.056 1.353.67-.198 1.23-.464 1.677-.796l5.53 4.97c.9.833.75 2.044-.15 2.953-.826.832-2.1.984-2.85.15l-5.551-6.208c-3.226 2.12-7.5 1.742-10.426-.984-3.225-3.256-3.225-8.556 0-11.811Zm10.056 10.033c-2.366 2.367-6.169 2.367-8.45 0-2.367-2.366-2.367-6.169 0-8.45 2.366-2.367 6.169-2.367 8.45 0 2.367 2.366 2.367 6.084 0 8.45Zm-1.652-4.852H9.957V6.757c0-.367-.3-.467-.667-.467-.367 0-.667.1-.667.467v1.866H6.757c-.367 0-.467.3-.467.667 0 .367.1.667.467.667h1.866v1.866c0 .367.3.467.667.467.367 0 .667-.1.667-.467V9.957h1.866c.367 0 .467-.3.467-.667 0-.367-.1-.667-.467-.667Z\" fill-rule=\"evenodd\"/>"
+	},
+	"functioneel-verwijderen": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m10 42a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2v-26h-28zm20-22h4v18l-4 2zm-8 0h4v18l-4 2zm-8 0h4v18l-4 2zm24-12h-6v-2a2 2 0 0 0 -2-2h-12a2 2 0 0 0 -2 2v2h-6a2 2 0 0 0 -2 2v4h32v-4a2 2 0 0 0 -2-2zm0 0\"/>"
+	},
+	"functioneel-verzenden": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m45.023 8.605-41.207 13.473c-1.137.371-1.187 1.965-.078 2.406l9.195 3.672 23.867-12.445c.273-.113.359.117.359.117l-20.757 15.133 1.824 8.566a1.42 1.42 0 0 0 2.41.297l6.219-6.109 6.438 2.57c.984.395 2.105-.07 2.523-1.047l10.68-25.023a1.2 1.2 0 0 0 -1.473-1.609zm0 0\"/>"
+	},
+	"functioneel-vinkje": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m41.262 6.164c-1.133-.836-2.707-.676-3.641.367l-15.879 17.77-9.547-8.27a2.7 2.7 0 0 0 -3.516-.027 2.71 2.71 0 0 0 -.586 3.469l11.563 19.301a2.72 2.72 0 0 0 2.316 1.316c.957 0 1.836-.492 2.328-1.301l17.66-29.043c.727-1.195.426-2.75-.699-3.582zm0 0\"/>"
+	},
+	"functioneel-waarschuwing": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"M10.349 2.928c.731-1.237 2.58-1.237 3.302 0l9.602 16.349C23.965 20.496 23.055 22 21.61 22H2.4C.945 22 .035 20.496.747 19.277Zm1.636 13.462c-.502 0-.87.15-1.116.46-.246.3-.369.68-.369 1.12 0 .51.133.89.39 1.14.255.26.634.39 1.125.39.502 0 .87-.15 1.116-.44.246-.29.369-.66.369-1.09 0-.52-.133-.91-.39-1.18-.255-.26-.634-.4-1.125-.4Zm1.372-8.89-2.54.2h-.01v7.99l2.324-.05v-2.63l.226-5.51Z\" fill-rule=\"evenodd\"/>"
+	},
+	"functioneel-wissel-horizontaal": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"M13.3537 1.2342C13.5512 1.0782 13.7957 0.999999 14.041 0.999999C14.2715 0.999999 14.5019 1.06862 14.6941 1.2077L20.5998 5.49406C20.853 5.67745 21 5.95814 21 6.25397C21 6.55055 20.853 6.83077 20.5998 7.01423L14.6941 11.3005C14.2984 11.5875 13.7366 11.5772 13.3537 11.2744C12.9711 10.9722 12.8763 10.463 13.1259 10.0604L14.6011 7.68258L10.6192 7.68258C8.71091 7.68258 7.122 8.78898 6.04917 9.8303L5.81934 10.0602L5.60697 10.285L5.41256 10.502L5.23657 10.7083L5.07949 10.901L4.88038 11.1584L4.77267 11.3047L4.61949 11.5237L4.54966 11.6301C4.22302 12.1532 3.98431 12.1143 4.00081 11.5589L4.00544 11.4755L4.05996 11.2104L4.13544 10.9001L4.18698 10.7088L4.24842 10.4964L4.3203 10.2651L4.44884 9.88764L4.54912 9.61887L4.66168 9.33899L4.77537 9.07619L4.9001 8.80769C4.96529 8.67229 5.03477 8.53539 5.10875 8.39793L5.26281 8.12254C6.22407 6.46908 7.85664 4.82557 10.5488 4.82557L16.6224 4.82557L16.6277 4.81345C16.6344 4.79095 16.6341 4.74249 16.5233 4.71491L14.1758 4.14078L13.126 2.44819C12.8763 2.04533 12.9711 1.53646 13.3537 1.2342Z\"/><path d=\"M10.6463 22.7658C10.4488 22.9218 10.2043 23 9.95904 23C9.72855 23 9.49806 22.9314 9.30586 22.7923L3.40019 18.5059C3.14698 18.3226 3 18.0419 3 17.746C3 17.4494 3.14698 17.1692 3.40019 16.9858L9.30586 12.6995C9.70158 12.4125 10.2634 12.4228 10.6463 12.7256C11.0289 13.0278 11.1237 13.537 10.8741 13.9396L9.39891 16.3174L13.3808 16.3174C15.2891 16.3174 16.878 15.211 17.9508 14.1697L18.1807 13.9398L18.393 13.715L18.5874 13.498L18.7634 13.2917L18.9205 13.099L19.1196 12.8416L19.2273 12.6953L19.3805 12.4763L19.4503 12.3699C19.777 11.8468 20.0157 11.8857 19.9992 12.4411L19.9946 12.5245L19.94 12.7896L19.8646 13.0999L19.813 13.2912L19.7516 13.5036L19.6797 13.7349L19.5512 14.1124L19.4509 14.3811L19.3383 14.661L19.2246 14.9238L19.0999 15.1923C19.0347 15.3277 18.9652 15.4646 18.8912 15.6021L18.7372 15.8775C17.7759 17.5309 16.1434 19.1744 13.4512 19.1744L7.37763 19.1744L7.37233 19.1865C7.36555 19.2091 7.36586 19.2575 7.47671 19.2851L9.8242 19.8592L10.874 21.5518C11.1237 21.9547 11.0289 22.4635 10.6463 22.7658Z\"/>"
+	},
+	"functioneel-zoek": {
+		viewBox: "0 0 48 48",
+		attributes: {},
+		body: "<path d=\"m41.184 35.539-9.074-9.07a13.61 13.61 0 0 0 1.629-6.473c0-7.551-6.145-13.695-13.699-13.695s-13.7 6.144-13.7 13.695c0 7.559 6.145 13.703 13.699 13.703 2.309 0 4.484-.578 6.395-1.59l9.09 9.09c1.422 1.422 3.738 1.422 5.16 0l.5-.5a3.65 3.65 0 0 0 0-5.16zm-29.446-15.543c0-4.578 3.719-8.297 8.301-8.297s8.301 3.719 8.301 8.297c0 4.586-3.719 8.305-8.301 8.305s-8.301-3.719-8.301-8.305zm0 0\"/>"
+	},
+	"gebruiksvoorwerpen-hangslot-dicht": {
+		viewBox: "0 0 64 64",
+		attributes: {},
+		body: "<path d=\"m0 0h64v64h-64z\" fill=\"none\"/><path d=\"m52 29h-1v-6c0-10.4766-8.5234-19-19-19s-19 8.5234-19 19v4.6857c1.7409.3377 4.5183.8807 4.7349.9503.3172.1017.2708.3079.2499.3641h-5.9848c-1.1046 0-2 .8954-2 2v24.3469c0 .9724.6982 1.8009 1.6557 1.9702 3.1893.564 10.7279 1.6828 20.3443 1.6828s17.155-1.1188 20.3443-1.6829c.9575-.1693 1.6557-.9978 1.6557-1.9702v-24.3469c0-1.1046-.8954-2-2-2zm-31-6c0-6.0654 4.9346-11 11-11s11 4.9346 11 11v4.6857c1.7409.3377 4.5183.8807 4.7349.9503.3172.1017.2708.3079.2499.3641h-26.9848zm13 21.6718v6.3282h-4v-6.3282c-1.3046-.7126-2.2-2.0804-2.2-3.6718 0-2.3196 1.8805-4.2 4.2-4.2 2.3196 0 4.2 1.8804 4.2 4.2 0 1.5913-.8954 2.9592-2.2 3.6718z\"/>"
+	},
+	"gereedschap-half-tandwiel-half-brein": {
+		viewBox: "0 0 64 64",
+		attributes: {},
+		body: "<path d=\"m0 0h64v64h-64z\" fill=\"none\"/><path d=\"m25.3321 6.1345-2.0177 5.8167c-1.5646.4527-3.052 1.08-4.4418 1.8659l-5.5687-2.7003c-.6468-.3137-1.4213-.1831-1.9295.3251-1.8 1.8001-1.1346 1.1346-2.9326 2.9326-.5082.5082-.6388 1.2827-.3251 1.9295l2.7253 5.6202c-.751 1.3627-1.3406 2.8227-1.774 4.3497l-5.9335 2.0582c-.6792.2356-1.1345.8755-1.1345 1.5943v4.1472c0 .7188.4553 1.3587 1.1345 1.5943l5.9493 2.0637c.4348 1.5144 1.0258 2.9611 1.7733 4.3132l-2.7404 5.6513c-.3137.6468-.1831 1.4213.3251 1.9295 1.8001 1.8 1.1346 1.1346 2.9326 2.9326.5082.5082 1.2827.6388 1.9295.3251l5.6199-2.7251c1.3686.7687 2.832 1.3828 4.3694 1.8294l2.0389 5.8779c.2356.6792.8755 1.1345 1.5943 1.1345h3.0736v-18.8266c-.3284.0398-.6608.0666-1 .0666-4.5508 0-8.24-3.6891-8.24-8.24s3.6891-8.24 8.24-8.24c.3392 0 .6716.0268 1 .0666v-18.8266c-1.0243 0-1.9494 0-3.0736 0-.7188 0-1.3587.4553-1.5943 1.1345z\"/><path d=\"m56.4597 18.2619c-.9368 1.3607-2.035 2.1028-2.5842 2.4344-.3743.2261-.5553.1334-.625.0277.5175-.9286 1.545-1.9612 1.8037-4.1695.5469-4.6689-2.7309-7.6347-7.046-6.7027-2.202.4755-3.1174 1.6548-3.9827 2.2869-.11-.0599-.219-.2343-.0375-.638.3029-.6736 1.0467-2.1241 2.6442-3.3198-2.0998-2.5516-5.3422-3.8409-8.3787-3.0182-1.8707.5068-3.3339 1.7326-4.2535 3.3427v16.5745c1.137-1.3279 2.8383-2.157 4.2604-2.3041.4833-.05.85-.05.8081.2855-3.8585 2.1403-5.0526 6.2694-5.0526 9.6201 0 0-.0085-.0154-.0159-.0287v3.4125c2.7195-.9948 6.6523.5735 7.4603 4.2599.1595.728-.1895.7773-.1895.7773-.0007-.0196-.7006-1.5947-2.4891-2.5005-1.547-.7835-3.2694-.7393-4.7818-.0375v16.9331c.9218 1.6047 2.387 2.8242 4.2535 3.3298 3.2304.8752 7.3005-.3219 9.3547-4.4847-1.6866-.7966-2.5984-1.925-2.9814-2.454-.2289-.3162-.1509-.4777-.0554-.5428.8576.3952 1.8273 1.1967 3.7447 1.3754 5.3935.5027 9.2785-4.3926 7.5309-8.8385-.5915-1.5048-1.5737-2.1742-2.1412-2.8269.0508-.0983.2086-.2005.5944-.0596.481.1757 1.3794.552 2.3003 1.2874 3.8477-1.9865 5.5184-7.1115 2.923-11.8442 3.2212-4.9393 1.1661-10.4082-3.0637-12.1775zm-18.884-3.7363c.1496-.3161.3948-.5866.5424-.4489-.0057 1.5189 1.3575 4.7581 6.0538 3.4775 1.436-.3975 2.5232-1.0786 3.8069-1.9644.1677.0311.176.21.0157.4925-.8182 1.4423-2.2335 3.397-5.8046 3.6405-4.1617.3227-5.6461-3.0164-4.6142-5.1972zm3.7179 17.9331c-1.644-1.2926-1.5016-5.3531 1.3011-6.9296 1.59-.8944 3.8758-.2982 5.5991.1456 2.6202.6747 4.4614.6252 6.6873-.3674.1786.335-.0214.6517-.2714.935-1.2223 1.3853-3.705 1.7718-5.788 1.5767-2.5236-.2364-3.2969-1.0359-5.2844-.1415-2.5067 1.1281-1.5673 4.8135-1.5451 4.8554-.1819.3091-.4844.0941-.6986-.0742zm8.3018 14.8819c-.3134-.7933-1.3-1.816-2.7258-2.1866-1.4886-.3867-3.3753-.0684-4.9788 1.0889-2.799 2.0198-2.6901 4.5175-2.6911 4.5413 0 0-.4391.1696-.4559-.6763-.0284-1.4266.5886-4.3583 2.4884-5.7824 3.765-2.8222 8.3582-1.0955 8.6945 2.0992.0666.6333-.0334.95-.3313.9159zm6.7083-9.8518c-2.1619-2.5216-4.9835-3.7319-7.5697-2.037-1.7897 1.1729-2.9113 3.4847-2.9097 3.5055 0 0-.3239.0415-.2475-.6321.1077-.9494.7598-2.842 2.0525-4.1174 2.7535-2.7166 7.7401-1.7885 8.7137 2.3842.1167.4998.2.7331-.0393.8968z\"/>"
+	},
+	"kantoor-label-outline": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"m11.996 19.496 1.997-1.006.782.397-1.593 1.215 5.63 2.848c.312.15.688-.055.688-.374V1h-15v21.394c0 .402.474.66.867.47l6.629-3.368Zm-5.696.875 5.695-2.893 5.705 2.89V2.8H6.3v17.571Z\" fill-rule=\"evenodd\"/>"
+	},
+	"kantoor-label": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"M4.5 1v21.394c0 .402.474.66.867.47L17.2 16.853s.105.088-.017.196c-.072.064-2.554 1.96-3.992 3.057l5.62 2.845c.313.15.689-.054.689-.374V1h-15Z\" fill-rule=\"evenodd\"/>"
+	},
+	"lichaam-duim-omhoog": {
+		viewBox: "0 0 64 64",
+		attributes: {},
+		body: "<path d=\"m0 0h64v64h-64z\" fill=\"none\"/><path d=\"m54.291 31.2899c1.2924-.9566 2.3846-1.9559 2.531-4.0251.178-2.5148-1.9887-4.2648-4.572-4.2648h-12.6646c-.6899 0-1.1693-.6895-.9396-1.34 1.6587-4.699 2.0696-6.7502 2.1453-11.049.0626-3.5557-1.3664-5.3637-2.7351-5.5785-1.3373-.2101-2.3109.5895-2.765 2.7007-1.1292 5.2505-3.6215 11.4612-6.899 15.4354-2.3522 2.8522-5.4376 4.1223-8.392 4.6157-.437 3.8105-1.278 11.0642-1.3497 11.4901-.0925.5496-.5561.4561-.6503.4218 0 .0127 0-11.6709 0-11.6771 0 0-.0366-1.019-1-1.019h-10v26h10c.5523 0 1-.4477 1-1v-4h3.5833c5.8289 0 3.7471 4.6616 15.1667 4.8231 2.9582.0418 8.7017.4281 12.2563-.7488 3.327-1.1016 4.077-4.0471 3.0114-5.7828 1.009-.4973 2.6489-1.7456 2.8989-3.9123.2552-2.2121-1.587-3.4553-1.587-3.4553.0605-.0701 2.7336-1.0314 2.837-3.924.0834-2.3333-1.8756-3.7101-1.8756-3.7101z\"/>"
+	},
+	"lichaam-duim-omlaag": {
+		viewBox: "0 0 64 64",
+		attributes: {},
+		body: "<path d=\"m0 0h64v64h-64z\" fill=\"none\"/><path d=\"m54.3 32.7s2-1.4 1.9-3.7c-.1-2.9-2.8-3.9-2.8-3.9s1.8-1.2 1.6-3.5c-.2-2.2-1.9-3.4-2.9-3.9 1.1-1.7.3-4.7-3-5.8-3.6-1.2-9.3-.8-12.3-.7-11.5.1-9.4 4.8-15.2 4.8h-3.6v-4c0-.6-.4-1-1-1h-10v26h10c1 0 1-1 1-1v-11.7c.1 0 .6-.1.7.4.1.4.9 7.7 1.3 11.5 3 .5 6 1.8 8.4 4.6 3.3 4 5.8 10.2 6.9 15.4.5 2.1 1.4 2.9 2.8 2.7s2.8-2 2.7-5.6c-.1-4.3-.5-6.3-2.1-11-.2-.7.2-1.3.9-1.3h12.7c2.6 0 4.8-1.8 4.6-4.3-.2-2-1.3-3-2.6-4z\"/>"
+	},
+	"lichaam-oog": {
+		viewBox: "0 0 64 64",
+		attributes: {},
+		body: "<path d=\"m0 0h64v64h-64z\" fill=\"none\"/><path d=\"m59.1333 28.3261c-3.2701-5.234-11.9871-16.3261-27.1333-16.3261s-23.8632 11.0921-27.1333 16.3261c-1.0223 1.6362-1.0223 3.7115 0 5.3477 3.2701 5.2341 11.9871 16.3262 27.1333 16.3262s23.8632-11.0921 27.1333-16.3262c1.0223-1.6361 1.0223-3.7115 0-5.3477zm-27.1333-7.4261c3.369 0 6.1 2.7311 6.1 6.1s-2.731 6.1-6.1 6.1-6.1-2.731-6.1-6.1 2.731-6.1 6.1-6.1zm0 24.1c-15.3801 0-22.2156-14-22.2156-14s3.1024-6.3386 9.8166-10.4856c-.7806 1.4844-1.3101 3.1151-1.5068 4.8386-.9663 8.4688 5.6314 15.647 13.9058 15.647 7.374 0 13.4165-5.7011 13.9602-12.936.3626-4.8261-4.0852-7.814-8.4634-10.129-.183-.0968-.1678-.2968-.1642-.3411 11.6377 2.6654 16.883 13.4061 16.883 13.4061s-6.8355 14-22.2156 14z\"/>"
+	},
+	"multimedia-player-afspelen": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"m17.531 12.92-8.684 6.355a1.168 1.168 0 0 1-1.21.103A1.142 1.142 0 0 1 7 18.356V5.644c0-.432.247-.827.637-1.021.39-.195.858-.156 1.21.102l8.684 6.356c.295.216.469.557.469.92 0 .362-.174.702-.469.919Z\" fill-rule=\"evenodd\"/>"
+	},
+	"multimedia-player-full-screen-uitgaan": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"M8.7 14.2a1.1 1.1 0 0 1 1.093.972l.007.128v6.6a1.1 1.1 0 0 1-2.193.128L7.6 21.9v-5.5H2.1a1.1 1.1 0 0 1-1.093-.972L1 15.3a1.1 1.1 0 0 1 .972-1.093L2.1 14.2h6.6ZM8.7 1a1.1 1.1 0 0 1 1.093.972L9.8 2.1v6.6a1.1 1.1 0 0 1-.972 1.093L8.7 9.8H2.1a1.1 1.1 0 0 1-.128-2.193L2.1 7.6h5.5V2.1a1.1 1.1 0 0 1 .972-1.093L8.7 1Zm6.6 0a1.1 1.1 0 0 1 1.093.972l.007.128v5.5h5.5a1.1 1.1 0 0 1 1.093.972L23 8.7a1.1 1.1 0 0 1-.972 1.093L21.9 9.8h-6.6a1.1 1.1 0 0 1-1.093-.972L14.2 8.7V2.1A1.1 1.1 0 0 1 15.3 1Zm6.6 13.2a1.1 1.1 0 0 1 .128 2.193l-.128.007h-5.5v5.5a1.1 1.1 0 0 1-.972 1.093L15.3 23a1.1 1.1 0 0 1-1.093-.972L14.2 21.9v-6.6a1.1 1.1 0 0 1 .972-1.093l.128-.007h6.6Z\" fill-rule=\"evenodd\"/>"
+	},
+	"multimedia-player-full-screen": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"M21.9 1a1.1 1.1 0 0 1 1.093.972L23 2.1v6.6a1.1 1.1 0 0 1-2.193.128L20.8 8.7V3.2h-5.5a1.1 1.1 0 0 1-1.093-.972L14.2 2.1a1.1 1.1 0 0 1 .972-1.093L15.3 1h6.6Zm0 13.2a1.1 1.1 0 0 1 1.093.972L23 15.3v6.6a1.1 1.1 0 0 1-.972 1.093L21.9 23h-6.6a1.1 1.1 0 0 1-.128-2.193l.128-.007h5.5v-5.5a1.1 1.1 0 0 1 .972-1.093l.128-.007Zm-19.8 0a1.1 1.1 0 0 1 1.093.972l.007.128v5.5h5.5a1.1 1.1 0 0 1 1.093.972l.007.128a1.1 1.1 0 0 1-.972 1.093L8.7 23H2.1a1.1 1.1 0 0 1-1.093-.972L1 21.9v-6.6a1.1 1.1 0 0 1 1.1-1.1ZM8.7 1a1.1 1.1 0 0 1 .128 2.193L8.7 3.2H3.2v5.5a1.1 1.1 0 0 1-.972 1.093L2.1 9.8a1.1 1.1 0 0 1-1.093-.972L1 8.7V2.1a1.1 1.1 0 0 1 .972-1.093L2.1 1h6.6Z\" fill-rule=\"evenodd\"/>"
+	},
+	"multimedia-player-pauze": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"M9.885 18.333V5.667c0-.917-.762-1.167-1.693-1.167-.93 0-1.692.25-1.692 1.167v12.666c0 .917.762 1.167 1.692 1.167.931 0 1.693-.25 1.693-1.167Zm7.615 0V5.667c0-.917-.762-1.167-1.692-1.167-.931 0-1.693.25-1.693 1.167v12.666c0 .917.762 1.167 1.693 1.167.93 0 1.692-.25 1.692-1.167Z\" fill-rule=\"evenodd\"/>"
+	},
+	"multimedia-player-stop": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"M19.174 6.13a1.571 1.571 0 0 0-1.304-1.304C15.913 4.5 12.652 4.5 12 4.5c-.652 0-3.913 0-5.87.326A1.571 1.571 0 0 0 4.826 6.13C4.5 8.087 4.5 11.348 4.5 12c0 .652 0 3.913.326 5.87a1.571 1.571 0 0 0 1.304 1.304c1.957.326 5.218.326 5.87.326.652 0 3.913 0 5.87-.326a1.571 1.571 0 0 0 1.304-1.304c.326-1.957.326-5.218.326-5.87 0-1.958 0-3.913-.326-5.87Z\" fill-rule=\"evenodd\"/>"
+	},
+	"multimedia-player-vooruitspoelen": {
+		viewBox: "0 0 24 24",
+		attributes: {},
+		body: "<path d=\"m13.541 4.725 8.975 6.356c.304.216.484.557.484.92 0 .362-.18.702-.484.919l-8.975 6.355a1.234 1.234 0 0 1-1.25.103 1.14 1.14 0 0 1-.658-1.022v-5.26l-8.724 6.18a1.234 1.234 0 0 1-1.25.102A1.14 1.14 0 0 1 1 18.356V5.644c0-.432.255-.827.658-1.021a1.238 1.238 0 0 1 1.25.102l8.724 6.179v-5.26c0-.432.255-.827.66-1.021a1.238 1.238 0 0 1 1.25.102Z\" fill-rule=\"evenodd\"/>"
+	},
+	"op-kantoor-document-blanco": {
+		viewBox: "0 0 64 64",
+		attributes: {},
+		body: "<path d=\"m0 0h64v64h-64z\" fill=\"none\"/><path d=\"m51.4141 22.4141-14.8282-14.8282c-.375-.375-.8838-.5859-1.4145-.5859h-21.1714c-1.1045 0-2 .8955-2 2v46c0 1.1045.8955 2 2 2h36c1.1001 0 2-.9004 2-2v-31.1714c0-.5307-.2109-1.0395-.5859-1.4145zm-1.2657 1.9453-3.1484.9324v26.7082h-30v-40h16.7085l.9317-3.1349c.1089-.3406.3598-.231.3598-.231v14.3659c0 .5522.4478 1 1 1h14.3669s.1226.2504-.2185.3594z\"/>"
+	}
+}, L = {
+	ATTRIBUTE: 1,
+	CHILD: 2,
+	PROPERTY: 3,
+	BOOLEAN_ATTRIBUTE: 4,
+	EVENT: 5,
+	ELEMENT: 6
+}, R = (e) => (...t) => ({
+	_$litDirective$: e,
+	values: t
+}), z = class {
+	constructor(e) {}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	_$AT(e, t, n) {
+		this._$Ct = e, this._$AM = t, this._$Ci = n;
+	}
+	_$AS(e, t) {
+		return this.update(e, t);
+	}
+	update(e, t) {
+		return this.render(...t);
+	}
+}, Lt = class extends z {
+	constructor(e) {
+		if (super(e), this.it = T, e.type !== L.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+	}
+	render(e) {
+		if (e === T || e == null) return this._t = void 0, this.it = e;
+		if (e === w) return e;
+		if (typeof e != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
+		if (e === this.it) return this._t;
+		this.it = e;
+		let t = [e];
+		return t.raw = t, this._t = {
+			_$litType$: this.constructor.resultType,
+			strings: t,
+			values: []
+		};
+	}
+};
+Lt.directiveName = "unsafeHTML", Lt.resultType = 1;
+var Rt = R(Lt), zt = class extends Lt {};
+zt.directiveName = "unsafeSVG", zt.resultType = 2;
+var Bt = R(zt);
+//#endregion
+//#region src/core/style-props.ts
+function Vt(e) {
+	return e.includes("-") ? e : e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase();
+}
+var B = R(class extends z {
+	constructor(e) {
+		if (super(e), this.applied = /* @__PURE__ */ new Set(), e.type !== L.ELEMENT) throw Error("styleProps only works on an element");
+	}
+	render(e) {
+		return T;
+	}
+	update(e, [t]) {
+		let { style: n } = e.element, r = /* @__PURE__ */ new Set();
+		for (let [e, i] of Object.entries(t)) {
+			if (i == null || i === !1) continue;
+			let t = Vt(e);
+			r.add(t), n.setProperty(t, String(i));
+		}
+		for (let e of this.applied) r.has(e) || n.removeProperty(e);
+		return this.applied = r, T;
+	}
+}), Ht = [
+	"fill",
+	"stroke",
+	"stroke-width",
+	"stroke-linecap",
+	"stroke-linejoin"
+], Ut = /(fill|stroke)="(#000|#000000|black)"/g, Wt = /\s(?:fill|stroke)="(?!none")[^"]*"/, Gt = (e) => e.startsWith("embleem-"), V = (e, t) => e.match(RegExp(`\\s${t}\\s*=\\s*"([^"]*)"`))?.[1];
+function Kt(e, t) {
+	return e.fill === "none" && !Wt.test(t.replace(Ut, ""));
+}
+function qt(e) {
+	return e.replace(/<(script|style)\b[\s\S]*?<\/\1>/gi, "").replace(/<(script|style)\b[^>]*\/>/gi, "").replace(/\sstyle\s*=\s*"[^"]*"/gi, "").replace(/\sstyle\s*=\s*'[^']*'/gi, "").replace(/\son[a-z]+\s*=\s*"[^"]*"/gi, "").replace(/\son[a-z]+\s*=\s*'[^']*'/gi, "").replace(/\s+/g, " ").trim();
+}
+function Jt(e, t, n) {
+	let r = {};
+	for (let e of Ht) {
+		let n = V(t, e);
+		n !== void 0 && (r[e] = n);
+	}
+	Kt(r, qt(n)) && delete r.fill;
+	for (let [e, t] of Object.entries(r)) /^(#000|#000000|black)$/.test(t) && (r[e] = "currentColor");
+	return r;
+}
+function Yt(e, t, n) {
+	let r = qt(n), i = {};
+	for (let e of Ht) {
+		let n = V(t, e);
+		n !== void 0 && (i[e] = n);
+	}
+	return Gt(e) || Kt(i, r) ? r.replace(Ut, "$1=\"currentColor\"") : r;
+}
+function Xt(e) {
+	let t = V(e, "width"), n = V(e, "height");
+	return t && n ? `0 0 ${parseFloat(t)} ${parseFloat(n)}` : "0 0 24 24";
+}
+function Zt(e, t) {
+	let n = t.indexOf("<svg"), r = t.indexOf(">", n), i = t.slice(n, r + 1), a = t.slice(r + 1, t.lastIndexOf("</svg>"));
+	return {
+		viewBox: V(i, "viewBox") ?? Xt(i),
+		attributes: Jt(e, i, a),
+		body: Yt(e, i, a)
+	};
+}
+//#endregion
+//#region src/icons/loader.ts
+var H = /* @__PURE__ */ new Map(), U = /* @__PURE__ */ new Set(), Qt = /* @__PURE__ */ new Map(), $t = /* @__PURE__ */ new Set(), W = { base: "/icons/" };
+function en(e) {
+	let t = W;
+	W = {
+		...e,
+		base: e.base.endsWith("/") ? e.base : `${e.base}/`
+	}, (W.base !== t.base || W.version !== t.version) && U.size && (U.clear(), sn());
+}
+function tn() {
+	return W;
+}
+function nn(e) {
+	return e ? H.get(e) : void 0;
+}
+function rn(e) {
+	return e ? U.has(e) : !1;
+}
+function an() {
+	return [...H.keys()];
+}
+function on(e) {
+	return $t.add(e), () => $t.delete(e);
+}
+function sn(e) {
+	for (let t of $t) t(e);
+}
+function cn(e) {
+	if (!e || H.has(e) || U.has(e) || Qt.has(e) || typeof fetch != "function") return;
+	let t = W, n = `${t.base}${encodeURIComponent(e)}.svg${t.version ? `?b=${t.version}` : ""}`, r = fetch(n).then(async (t) => {
+		if (!t.ok) throw Error(`${t.status}`);
+		let n = Zt(e, await t.text());
+		if (!n.body) throw Error("empty");
+		H.set(e, n);
+	}).catch(() => {
+		t === W && U.add(e);
+	}).finally(() => {
+		Qt.delete(e), sn(e);
+	});
+	Qt.set(e, r);
+}
+async function ln(e) {
+	return cn(e), await Qt.get(e), H.get(e);
+}
+//#endregion
+//#region src/icons/render.ts
+var G = A("/* One icon, drawn inline in the root that shows it: the glyph is the layout box. */\n.lintje-icon {\n  display: inline-flex;\n  flex: none;\n}\n/* A host-resolved SVG file, painted as a mask in the text color so nothing inside it runs. */\n.lintje-icon--file {\n  background-color: currentColor;\n}\n\n/* --- An icon that leads a line of text ----------------------------------- */\n/* One line high (`1lh`), so it stays on the first line of a wrapping title; centred on the line\n   box, where a 20 px glyph reads as level with the title. */\n.lintje-leading-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\n  align-self: start;\n  font: var(--text-tile-title);\n  height: 1.3em;\n  height: 1lh;\n  /* The gap is a margin, not a grid `column-gap`: an icon without a file draws nothing and a gap\n     would indent the title. */\n  margin-right: var(--space-2);\n  color: var(--color-text-primary);\n}\n/* An icon known to be absent draws nothing; the heading is then the heading without an icon. */\n.lintje-leading-icon:empty { display: none; }\n\n/* `transform-origin` is explicit: the initial value for an `<svg>` differs between contexts. */\n.lintje-icon--rotate-90,\n.lintje-icon--rotate-180,\n.lintje-icon--rotate-270,\n.lintje-icon--flip-x,\n.lintje-icon--flip-y {\n  transform-origin: 50% 50%;\n}\n.lintje-icon--rotate-90 { transform: rotate(90deg); }\n.lintje-icon--rotate-180 { transform: rotate(180deg); }\n.lintje-icon--rotate-270 { transform: rotate(270deg); }\n.lintje-icon--flip-x { transform: scaleX(-1); }\n.lintje-icon--flip-y { transform: scaleY(-1); }\n"), un = /* @__PURE__ */ new Set(), dn = !1;
+function fn(e) {
+	if (!e || (un.add(e), dn)) return;
+	dn = !0;
+	let t = !1;
+	on(() => {
+		un.size && !t && (t = !0, pn(() => {
+			t = !1, un.size && (un.clear(), $e());
+		}));
+	});
+}
+function pn(e) {
+	typeof requestAnimationFrame == "function" ? requestAnimationFrame(e) : Promise.resolve().then(e);
+}
+function mn(e) {
+	return (e ? It[e] : void 0) ?? nn(e);
+}
+function hn(e, t) {
+	return e ? C`<span class="lintje-leading-icon ${t}"
+    >${K(e, { size: 20 })}</span
+  >` : T;
+}
+function K(e, t = {}) {
+	let { size: n = 16, label: r, src: i, className: a, rotate: o, flip: s, defer: c } = t, l = r ? "img" : T, u = r ?? T, d = r ? T : "true", f = [
+		"lintje-icon",
+		o ? `lintje-icon--rotate-${o}` : "",
+		s ? `lintje-icon--flip-${s === "horizontal" ? "x" : "y"}` : "",
+		a ?? ""
+	].filter(Boolean).join(" ");
+	if (i) {
+		let e = `${n}px`, t = `url("${i}") center / contain no-repeat`;
+		return C`<span
+      class="${f} lintje-icon--file"
+      ${B({
+			width: e,
+			height: e,
+			mask: t,
+			webkitMask: t
+		})}
+      role=${l}
+      aria-label=${u}
+      aria-hidden=${d}
+    ></span>`;
+	}
+	let p = mn(e);
+	if (!p) {
+		let t = C`<svg
+      class="${f} lintje-icon--pending"
+      xmlns="http://www.w3.org/2000/svg"
+      width=${n}
+      height=${n}
+      viewBox="0 0 24 24"
+      aria-hidden="true"
+    ></svg>`;
+		return c && e ? t : (fn(e), e && !rn(e) ? (cn(e), t) : T);
+	}
+	return C`<svg
+    class=${f}
+    xmlns="http://www.w3.org/2000/svg"
+    width=${n}
+    height=${n}
+    viewBox=${p.viewBox}
+    fill=${p.attributes.fill ?? "currentColor"}
+    stroke=${p.attributes.stroke ?? T}
+    stroke-width=${p.attributes["stroke-width"] ?? T}
+    stroke-linecap=${p.attributes["stroke-linecap"] ?? T}
+    stroke-linejoin=${p.attributes["stroke-linejoin"] ?? T}
+    role=${l}
+    aria-label=${u}
+    aria-hidden=${d}
+  >${Bt(p.body)}</svg>`;
+}
+//#endregion
+//#region node_modules/lit-html/directives/class-map.js
+var q = R(class extends z {
+	constructor(e) {
+		if (super(e), e.type !== L.ATTRIBUTE || e.name !== "class" || e.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+	}
+	render(e) {
+		return " " + Object.keys(e).filter((t) => e[t]).join(" ") + " ";
+	}
+	update(e, [t]) {
+		if (this.st === void 0) {
+			this.st = /* @__PURE__ */ new Set(), e.strings !== void 0 && (this.nt = new Set(e.strings.join(" ").split(/\s/).filter((e) => e !== "")));
+			for (let e in t) t[e] && !this.nt?.has(e) && this.st.add(e);
+			return this.render(t);
+		}
+		let n = e.element.classList;
+		for (let e of this.st) e in t || (n.remove(e), this.st.delete(e));
+		for (let e in t) {
+			let r = !!t[e];
+			r === this.st.has(e) || this.nt?.has(e) || (r ? (n.add(e), this.st.add(e)) : (n.remove(e), this.st.delete(e)));
+		}
+		return w;
+	}
+}), gn = "/*\n * The badge's drawing, shared by `<lintje-badge>` and every root that draws one through\n * `renderBadge()`. It holds no `:host` rule; the element's own box is `badge-host.css`.\n */\n\n.lintje-badge {\n  display: inline-flex; align-items: center; justify-content: center;\n  flex: none;\n  box-sizing: border-box;\n  height: 1.5rem;\n  padding: 0 var(--space-2);\n  border: 1px solid transparent;\n  border-radius: var(--radius);\n  font-family: var(--font-ui);\n  font-size: 0.875rem; font-weight: 700; line-height: 1;\n  white-space: nowrap;\n}\n\n/* Neutral: a line and a word, for what has not started. Subtle: the gray surface, for what is over. */\n.lintje-badge--neutral {\n  color: var(--color-text-primary);\n  border-color: var(--color-text-muted);\n}\n.lintje-badge--subtle {\n  background: var(--color-bg-subtle);\n  color: var(--color-text-primary);\n  border-color: var(--color-border-default);\n}\n.lintje-badge--busy {\n  background: var(--color-action-primary);\n  color: var(--color-action-primary-text);\n  border-color: var(--color-action-primary-border);\n}\n/* A saturated status fill carries white text (success 4.52:1, error 5.01, info 4.51). */\n.lintje-badge--success { background: var(--color-success); color: var(--color-text-on-fill); }\n.lintje-badge--error { background: var(--color-error); color: var(--color-text-on-fill); }\n.lintje-badge--info { background: var(--color-info); color: var(--color-text-on-fill); }\n/* Yellow and orange take dark text in both modes: white on the orange is 3.2:1, near-black 5.54:1. */\n.lintje-badge--warning { background: var(--color-warning); color: var(--color-text-on-light-fill); }\n.lintje-badge--attention { background: var(--color-attention); color: var(--color-text-on-light-fill); }\n/* Live: the fill says it records now, the dot says it again for whoever does not see the colour. */\n.lintje-badge--live { gap: var(--space-2); background: var(--color-error); color: var(--color-text-on-fill); }\n.lintje-badge--live::before {\n  content: '';\n  width: 0.5rem; height: 0.5rem;\n  border-radius: 50%;\n  background: currentColor;\n}\n\n/* The quiet counter. The 2 px at its foot lift the figure 1 px: the house font's digits sit low. */\n.lintje-badge--count,\n.lintje-badge--unread {\n  min-width: 1.5rem;\n  padding: 0 var(--space-1) 2px;\n}\n.lintje-badge--count {\n  background: var(--color-bg-subtle);\n  color: var(--color-text-primary);\n  border-color: var(--color-border-default);\n}\n/* Smaller than a label: it sits on a glyph's corner and must not cover it. At 12 px the\n   digits need no lift. */\n.lintje-badge--unread {\n  height: 1.25rem; min-width: 1.25rem;\n  padding: 0 var(--space-1);\n  font-size: 0.75rem;\n  border: 0;\n  border-radius: 999px;\n  background: var(--color-nav-badge-bg);\n  color: var(--color-nav-badge-text);\n  animation: lintje-badge-pop var(--dur-badge) var(--ease-in-motion) both;\n}\n\n/* A new unread count pops in: past its size and back, so the eye catches it. It plays when the\n   badge appears; a changing figure is the host's to animate. */\n@keyframes lintje-badge-pop {\n  0% { transform: scale(0); }\n  60% { transform: scale(1.2); }\n  100% { transform: none; }\n}\n\n/* On the menu's surface: the menu's text colour as the fill and its surface as the ink. After\n   `--unread`, so the menu's count wins over the unread colours. */\n.lintje-badge--nav { background: var(--color-nav-text); color: var(--color-nav-bg); border: 0; }\n.lintje-badge--nav.lintje-badge--label { letter-spacing: 0.04em; }\n.lintje-badge--nav.is-muted { background: var(--color-nav-disabled); color: var(--color-nav-bg); }\n\n/* Forced colours: a fill is dropped, so every badge keeps a CanvasText edge in its border. */\n@media (forced-colors: active) {\n  .lintje-badge { border-color: CanvasText; }\n  .lintje-badge--unread,\n  .lintje-badge--nav { outline: 1px solid CanvasText; outline-offset: -1px; }\n}\n", _n = "/*\n * `<lintje-badge>`'s own box: inline, on the text line it stands in. The drawing is `badge.css`,\n * which the element adopts beside this file and which other roots adopt without it.\n */\n:host { display: inline-flex; vertical-align: middle; }\n:host([hidden]) { display: none; }\n", vn = A(gn);
+function yn(e) {
+	let { value: t, tone: n = "neutral", variant: r = "label", label: i, surface: a, muted: o, className: s } = e, c = a === "nav";
+	return C`<span
+    class=${q({
+		"lintje-badge": !0,
+		[`lintje-badge--${r}`]: !0,
+		[`lintje-badge--${n}`]: r === "label" && !c,
+		"lintje-badge--nav": c,
+		"is-muted": c && !!o,
+		...Object.fromEntries((s ?? "").split(/\s+/).filter(Boolean).map((e) => [e, !0]))
+	})}
+    >${i ? C`<span aria-hidden="true">${t}</span
+            ><span class="visually-hidden">${i}</span>` : t}</span
+  >`;
+}
+var bn = class extends j {
+	constructor(...e) {
+		super(...e), this.tone = "neutral", this.variant = "label";
+	}
+	static {
+		this.styles = [A(_n), vn];
+	}
+	static {
+		this.properties = {
+			tone: {
+				type: String,
+				reflect: !0
+			},
+			variant: {
+				type: String,
+				reflect: !0
+			},
+			label: { type: String }
+		};
+	}
+	render() {
+		return yn({
+			value: C`<slot></slot>`,
+			tone: this.tone,
+			variant: this.variant,
+			label: this.label
+		});
+	}
+};
+M("lintje-badge", bn);
+//#endregion
+//#region src/primitives/button/button.css?inline
+var xn = "/*\n * Above the divider: what the element itself needs (`lintje-button` is the box the page lays\n * out). Below it: the block's own BEM CSS, in the shadow root.\n */\n:host {\n  display: inline-flex;\n  vertical-align: middle;\n}\n:host([hidden]) { display: none; }\n:host(.lintje-button--block),\n:host([block]) { display: flex; }\n:host([block]) .lintje-button { width: 100%; }\n:host([span]) .lintje-button { width: 100%; }\n\n/* ------------------------------------------------------------------------ */\n\n.lintje-button {\n  /* Never wider than its place: in a narrow cell the label is cut with an ellipsis. */\n  max-width: 100%;\n  min-width: 0;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-2);\n  height: var(--h-button);\n  padding: 0 var(--space-4);\n  border: 1px solid transparent;\n  font-family: var(--font-ui);\n  font-size: 1rem;\n  font-weight: 700;\n  text-decoration: none;\n  cursor: pointer;\n  border-radius: var(--radius);\n  transition: background var(--dur-hover) var(--ease-in-motion),\n              color var(--dur-hover) var(--ease-in-motion),\n              border-color var(--dur-hover) var(--ease-in-motion);\n}\n.lintje-button__label {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.lintje-button--compact { height: var(--h-button-compact); padding: 0 var(--space-3); }\n.lintje-button--chrome  { height: var(--h-button-chrome);  padding: 0 14px; }\n/* The compact and chrome button reach the 48 px target through a transparent hit area, 4 px out\n   on each side. A row of them keeps 8 px between the boxes, so hit areas never overlap. */\n.lintje-button--compact::after,\n.lintje-button--chrome::after {\n  content: '';\n  position: absolute;\n  inset: min(0px, calc((100% - var(--h-target)) / 2)) 0;\n}\n\n/* The 1 px border is transparent, so the primary fill fills it in light; in dark it draws the\n   tint, the only thing that separates a #0E3B6E box from a #282828 page (1.31:1). */\n.lintje-button--primary {\n  background: var(--color-action-primary);\n  color: var(--color-action-primary-text);\n  border-color: var(--color-action-primary-border);\n}\n.lintje-button--primary:not(.is-disabled, .is-busy, :disabled, [aria-disabled='true']):hover { background: var(--color-action-primary-hover); }\n\n.lintje-button--secondary {\n  background: var(--color-bg-surface);\n  color: var(--color-accent-text);\n  border-color: var(--color-action-secondary-border);\n}\n.lintje-button--secondary:not(.is-disabled, .is-busy, :disabled, [aria-disabled='true']):hover { background: var(--color-bg-selected); }\n\n.lintje-button--tertiary {\n  background: transparent;\n  color: var(--color-text-primary);\n  border-color: var(--color-border-strong);\n}\n.lintje-button--tertiary:not(.is-disabled, .is-busy, :disabled, [aria-disabled='true']):hover { background: var(--color-bg-subtle); }\n\n/* The destructive weight; in dark the border is the red's tint, the only thing reaching 3:1. */\n.lintje-button--danger {\n  background: var(--color-action-danger);\n  color: var(--color-text-on-fill);\n  border-color: var(--color-action-danger-border);\n}\n.lintje-button--danger:not(.is-disabled, .is-busy, :disabled, [aria-disabled='true']):hover { background: var(--color-action-danger-hover); }\n\n/* `danger-secondary`: the quieter destructive form, for a row where the fill would shout. The\n   colour is `--color-action-danger-text`. The hover is the tertiary's `--color-bg-subtle`:\n   the red word on `--color-error-bg` was 3.96:1 in light. */\n.lintje-button--danger-secondary {\n  background: var(--color-bg-surface);\n  color: var(--color-action-danger-text);\n  border-color: var(--color-action-danger-text);\n}\n.lintje-button--danger-secondary:not(.is-disabled, .is-busy, :disabled, [aria-disabled='true']):hover { background: var(--color-bg-subtle); }\n\n.lintje-button--link {\n  height: auto;\n  padding: 0;\n  color: var(--color-link);\n  text-decoration: underline;\n  background: none;\n}\n.lintje-button--link:not(.is-disabled, .is-busy, :disabled, [aria-disabled='true']):hover { color: var(--color-link-hover); }\n/* The link reaches the text target (24 px) through a transparent hit area. */\n.lintje-button--link::after {\n  content: '';\n  position: absolute;\n  inset: min(0px, calc((100% - var(--h-target-text)) / 2)) 0;\n}\n\n/* Disabled is `aria-disabled`: the button keeps its tab order and focus ring. A busy button is\n   not `is-disabled`: it keeps its variant's colours. Native `<button>`s with these classes get\n   the look from `:disabled` or `aria-disabled`, without the class. */\n.lintje-button.is-disabled,\n.lintje-button:disabled,\n.lintje-button[aria-disabled='true']:not(.is-busy) {\n  opacity: 1;\n  cursor: not-allowed;\n  background: var(--color-bg-subtle);\n  color: var(--color-text-disabled);\n  border-color: var(--color-border-default);\n}\n.lintje-button--link.is-disabled,\n.lintje-button--link:disabled,\n.lintje-button--link[aria-disabled='true']:not(.is-busy) {\n  background: none;\n  border-color: transparent;\n  text-decoration: none;\n}\n\n/* --- Busy --------------------------------------------------------------- */\n/*\n * An action that round-trips. The button keeps its width: label and icons only lose their ink,\n * and the ring is drawn over the middle, so nothing re-flows. The label is transparent, not\n * `visibility: hidden`, so the focused button keeps its name.\n */\n.lintje-button.is-busy { cursor: progress; }\n.lintje-button.is-busy .lintje-button__label { opacity: 0; }\n.lintje-button.is-busy .lintje-button__icon { visibility: hidden; }\n.lintje-button__busy {\n  position: absolute;\n  top: 50%; left: 50%;\n  width: 16px; height: 16px;\n  margin: -8px 0 0 -8px;\n  border: 2px solid currentColor;\n  border-top-color: transparent;\n  border-radius: var(--radius-round);\n  opacity: 0.85;\n  animation: lintje-spin var(--dur-skeleton) linear infinite;\n}\n/* A keyframe only works in the root that uses it. */\n@keyframes lintje-spin {\n  from { transform: rotate(0deg); }\n  to   { transform: rotate(360deg); }\n}\n/* Reduced motion: the ring stands still; `aria-busy` carries the state. */\n@media (prefers-reduced-motion: reduce) {\n  .lintje-button__busy { animation: none; }\n}\n\n/* Forced colours: `aria-disabled` is not grayed out by the browser. */\n@media (forced-colors: active) {\n  .lintje-button.is-disabled,\n  .lintje-button:disabled,\n  .lintje-button[aria-disabled='true']:not(.is-busy) { color: GrayText; border-color: GrayText; }\n}\n", Sn = "lintje-button-reason", Cn = class extends j {
+	static {
+		this.styles = [G, A(xn)];
+	}
+	static {
+		this.shadowRootOptions = {
+			...k.shadowRootOptions,
+			delegatesFocus: !0
+		};
+	}
+	static {
+		this.properties = {
+			variant: {
+				type: String,
+				reflect: !0
+			},
+			size: {
+				type: String,
+				reflect: !0
+			},
+			icon: { type: String },
+			iconRight: {
+				type: String,
+				attribute: "icon-right"
+			},
+			disabled: {
+				type: Boolean,
+				reflect: !0
+			},
+			busy: {
+				type: Boolean,
+				reflect: !0
+			},
+			type: { type: String },
+			href: { type: String },
+			target: { type: String },
+			rel: { type: String },
+			download: { type: String },
+			label: { type: String },
+			expanded: { type: Boolean },
+			reason: { type: String },
+			pressed: { type: Boolean },
+			haspopup: { type: String },
+			keyshortcuts: { type: String },
+			accessibleName: {
+				type: String,
+				attribute: "accessible-name"
+			},
+			description: { type: String },
+			invalid: { type: Boolean },
+			slotted: { state: !0 }
+		};
+	}
+	constructor() {
+		super(), this.variant = "secondary", this.size = "regular", this.disabled = !1, this.busy = !1, this.type = "button", this.invalid = !1, this.slotted = !1, this.actOnForm = (e) => {
+			if (this.disabled || this.busy || this.href !== void 0) return;
+			let t = this.type;
+			(t === "submit" || t === "reset") && setTimeout(() => {
+				if (e.defaultPrevented) return;
+				let n = this.closest("form");
+				n && (t === "reset" ? n.reset() : typeof n.requestSubmit == "function" && n.requestSubmit());
+			});
+		}, this.refuseWhileUnavailable = (e) => {
+			(this.disabled || this.busy) && (e.preventDefault(), e.stopImmediatePropagation());
+		}, this.addEventListener("click", this.refuseWhileUnavailable, { capture: !0 }), this.addEventListener("click", this.actOnForm);
+	}
+	onSlotChange(e) {
+		let t = e.target.assignedNodes({ flatten: !0 });
+		this.slotted = t.some((e) => e.nodeType !== Node.TEXT_NODE || (e.textContent ?? "").trim() !== "");
+	}
+	render() {
+		let e = this.disabled || this.busy, t = q({
+			"lintje-button": !0,
+			[`lintje-button--${this.variant}`]: !0,
+			[`lintje-button--${this.size}`]: !0,
+			"is-disabled": this.disabled && !this.busy,
+			"is-busy": this.busy
+		}), n = this.busy ? "true" : T, r = e ? "true" : T, i = this.disabled && !this.busy && this.reason ? Sn : T;
+		if (this.href !== void 0) {
+			let a = this.rel ?? (this.target === "_blank" ? "noopener noreferrer" : void 0);
+			return C`<a
+        class=${t}
+        href=${e ? T : this.href}
+        role=${e ? "link" : T}
+        tabindex=${e ? "0" : T}
+        target=${this.target ?? T}
+        rel=${a ?? T}
+        download=${this.download ?? T}
+        aria-busy=${n}
+        aria-disabled=${r}
+        aria-describedby=${i}
+        aria-label=${this.accessibleName || T}
+        aria-description=${this.description || T}
+        aria-keyshortcuts=${this.keyshortcuts || T}
+        >${this.renderContent()}</a
+      >${this.renderReason()}`;
+		}
+		return C`<button
+      class=${t}
+      type=${this.type}
+      aria-busy=${n}
+      aria-disabled=${r}
+      aria-describedby=${i}
+            aria-expanded=${this.expanded === void 0 ? T : String(this.expanded)}
+      aria-pressed=${this.pressed === void 0 ? T : String(this.pressed)}
+      aria-haspopup=${this.haspopup || T}
+      aria-keyshortcuts=${this.keyshortcuts || T}
+      aria-label=${this.accessibleName || T}
+      aria-description=${this.description || T}
+      aria-invalid=${this.invalid ? "true" : T}
+    >
+      ${this.renderContent()}
+    </button>${this.renderReason()}`;
+	}
+	renderReason() {
+		return !this.disabled || this.busy || !this.reason ? T : C`<span id=${Sn} class="visually-hidden">${this.reason}</span>`;
+	}
+	renderContent() {
+		return C`${this.busy ? C`<span class="lintje-button__busy" aria-hidden="true"></span>` : T}
+      ${this.icon ? K(this.icon, {
+			size: this.size === "regular" ? 18 : 16,
+			className: "lintje-button__icon"
+		}) : T}
+      <span class="lintje-button__label" ?hidden=${!this.slotted && !this.label}
+        >${this.label ?? T}<slot @slotchange=${this.onSlotChange}></slot
+      ></span>
+      ${this.iconRight ? K(this.iconRight, {
+			size: 16,
+			className: "lintje-button__icon"
+		}) : T}`;
+	}
+};
+M("lintje-button", Cn);
+//#endregion
+//#region src/core/focus.ts
+function wn() {
+	let e = document.activeElement;
+	try {
+		for (; e?.shadowRoot?.activeElement;) e = e.shadowRoot.activeElement;
+	} catch {}
+	return e instanceof HTMLElement ? e : null;
+}
+function Tn(e) {
+	let t = e instanceof Element ? e.parentElement?.shadowRoot : null;
+	if (t) {
+		let n = Array.from(t.querySelectorAll("slot")).find((t) => t.assignedElements().includes(e));
+		if (n) return n;
+	}
+	return e.parentNode ?? (e instanceof ShadowRoot ? e.host : null);
+}
+function En(e) {
+	for (let t = e; t; t = Tn(t)) if (t instanceof Element && t.getAttribute("aria-modal") === "true") return t;
+	return null;
+}
+function Dn(e) {
+	let t = En(wn());
+	return !t || En(e) === t;
+}
+function On(e, t) {
+	for (let n = e; n; n = Tn(n)) if (n === t) return !0;
+	return !1;
+}
+function kn(e) {
+	let t = wn();
+	return t !== null && On(t, e);
+}
+//#endregion
+//#region node_modules/lit-html/directive-helpers.js
+var { I: An } = Pe, jn = (e) => e, Mn = (e) => e.strings === void 0, Nn = () => document.createComment(""), J = (e, t, n) => {
+	let r = e._$AA.parentNode, i = t === void 0 ? e._$AB : t._$AA;
+	if (n === void 0) n = new An(r.insertBefore(Nn(), i), r.insertBefore(Nn(), i), e, e.options);
+	else {
+		let t = n._$AB.nextSibling, a = n._$AM, o = a !== e;
+		if (o) {
+			let t;
+			n._$AQ?.(e), n._$AM = e, n._$AP !== void 0 && (t = e._$AU) !== a._$AU && n._$AP(t);
+		}
+		if (t !== i || o) {
+			let e = n._$AA;
+			for (; e !== t;) {
+				let t = jn(e).nextSibling;
+				jn(r).insertBefore(e, i), e = t;
+			}
+		}
+	}
+	return n;
+}, Y = (e, t, n = e) => (e._$AI(t, n), e), Pn = {}, Fn = (e, t = Pn) => e._$AH = t, In = (e) => e._$AH, Ln = (e) => {
+	e._$AR(), e._$AA.remove();
+}, Rn = R(class extends z {
+	constructor() {
+		super(...arguments), this.key = T;
+	}
+	render(e, t) {
+		return this.key = e, t;
+	}
+	update(e, [t, n]) {
+		return t !== this.key && (Fn(e), this.key = t), n;
+	}
+}), zn = (e) => e ?? T, Bn = 180;
+function Vn(e, t, n, r = "bottom-start", i = 6) {
+	let a = n.height - e.bottom - i - 8, o = e.top - i - 8, s = Math.min(t.height || Bn, Bn), c = r.startsWith("top") ? !(o < s && a > o) : a < s && o > a, l = e.left;
+	return r.endsWith("-end") && (l = e.right - t.width), r === "top-center" && (l = e.left + e.width / 2 - t.width / 2), l = Math.max(8, Math.min(l, n.width - t.width - 8)), {
+		top: c ? null : e.bottom + i,
+		bottom: c ? n.height - e.top + i : null,
+		left: Math.round(l),
+		space: Math.max(0, c ? o : a)
+	};
+}
+function Hn(e, t) {
+	return !e || !t ? e === t : e.top === t.top && e.bottom === t.bottom && e.left === t.left && e.space === t.space;
+}
+function Un() {
+	return {
+		width: window.innerWidth || document.documentElement.clientWidth || 1024,
+		height: window.innerHeight || document.documentElement.clientHeight || 768
+	};
+}
+//#endregion
+//#region src/primitives/popover/popover.css?inline
+var Wn = ":host { display: contents; }\n:host([hidden]) { display: none; }\n\n/* ------------------------------------------------------------------------ */\n\n/* Fixed, not absolute: an `overflow` ancestor would cut it off. z-index 85: above the scrim (80),\n   below the tooltip (90). */\n.lintje-popover {\n  position: fixed;\n  z-index: 85;\n  max-width: calc(100vw - var(--space-4));\n  max-height: var(--lintje-popover-space, none);\n  overflow: auto;\n  background: var(--color-bg-surface);\n  color: var(--color-text-primary);\n  border: 1px solid var(--color-border-popover);\n  box-shadow: var(--shadow-popover);\n  font: var(--text-ui);\n  animation: lintje-popover-in var(--dur-popover) var(--ease-in-motion);\n}\n";
+//#endregion
+//#region src/primitives/popover/popover.ts
+function Gn(e, t) {
+	return e ? {
+		top: e.top === null ? null : `${e.top}px`,
+		bottom: e.bottom === null ? null : `${e.bottom}px`,
+		left: `${e.left}px`,
+		"min-width": t === null ? null : `${t}px`,
+		"--lintje-popover-space": `${e.space}px`
+	} : {};
+}
+var Kn = class extends j {
+	static {
+		this.styles = A(Wn);
+	}
+	static {
+		this.properties = {
+			open: {
+				type: Boolean,
+				reflect: !0
+			},
+			placement: { type: String },
+			label: { type: String },
+			panelRole: {
+				type: String,
+				attribute: "panel-role"
+			},
+			matchWidth: {
+				type: Boolean,
+				attribute: "match-width"
+			},
+			anchor: { attribute: !1 },
+			spot: { state: !0 }
+		};
+	}
+	get anchorElement() {
+		return this.anchor ?? this.previousElementSibling;
+	}
+	constructor() {
+		super(), this.open = !1, this.placement = "bottom-start", this.matchWidth = !1, this.spot = null, this.reflowFrame = 0, this.onOutsidePress = (e) => {
+			if (!this.open) return;
+			let t = e.composedPath(), n = this.anchorElement;
+			t.includes(this) || n && t.includes(n) || this.emit("lintje-close", { reason: "outside" });
+		}, this.onKeydown = (e) => {
+			this.open && e.key === "Escape" && Dn(this) && !kn(this) && (e.stopPropagation(), this.emit("lintje-close", { reason: "escape" }));
+		}, this.onOwnKeydown = (e) => {
+			this.open && e.key === "Escape" && !e.defaultPrevented && (e.stopPropagation(), this.emit("lintje-close", { reason: "escape" }));
+		}, this.onReflow = () => {
+			this.open && !this.reflowFrame && (this.reflowFrame = requestAnimationFrame(() => {
+				this.reflowFrame = 0, this.measure();
+			}));
+		}, this.anchorWidth = null, this.addEventListener("keydown", this.onOwnKeydown);
+	}
+	connectedCallback() {
+		super.connectedCallback(), document.addEventListener("mousedown", this.onOutsidePress), document.addEventListener("keydown", this.onKeydown, !0), window.addEventListener("scroll", this.onReflow, {
+			capture: !0,
+			passive: !0
+		}), window.addEventListener("resize", this.onReflow);
+	}
+	disconnectedCallback() {
+		document.removeEventListener("mousedown", this.onOutsidePress), document.removeEventListener("keydown", this.onKeydown, !0), window.removeEventListener("scroll", this.onReflow, { capture: !0 }), window.removeEventListener("resize", this.onReflow), this.reflowFrame && cancelAnimationFrame(this.reflowFrame), this.reflowFrame = 0, super.disconnectedCallback();
+	}
+	measure() {
+		let e = this.anchorElement;
+		if (!e) return;
+		let t = e.getBoundingClientRect(), n = this.renderRoot.querySelector(".lintje-popover"), r = {
+			width: n?.offsetWidth ?? 0,
+			height: n?.offsetHeight ?? 0
+		};
+		this.matchWidth && (r.width = Math.max(r.width, t.width));
+		let i = Vn(t, r, Un(), this.placement), a = this.matchWidth ? Math.round(t.width) : null;
+		Hn(this.spot, i) && a === this.anchorWidth || (this.anchorWidth = a, this.spot = i);
+	}
+	willUpdate(e) {
+		super.willUpdate(e), e.has("open") && (this.open ? this.measure() : this.spot = null);
+	}
+	updated(e) {
+		super.updated(e), this.open && this.measure();
+	}
+	render() {
+		return this.open ? C`<div
+      class="lintje-popover"
+      role=${zn(this.panelRole)}
+      aria-label=${zn(this.label)}
+      ${B(Gn(this.spot, this.anchorWidth))}
+    >
+      <slot></slot>
+    </div>` : T;
+	}
+};
+M("lintje-popover", Kn);
+//#endregion
+//#region src/core/links.ts
+function qn(e) {
+	return e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey;
+}
+//#endregion
+//#region src/primitives/spinner/spinner.css?inline
+var Jn = ":host { display: inline-flex; vertical-align: middle; }\n:host([stacked]) { display: flex; justify-content: center; }\n:host([hidden]) { display: none; }\n\n/* ------------------------------------------------------------------------ */\n\n.lintje-spinner {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-2);\n  font: var(--text-ui);\n  color: var(--color-text-primary);\n}\n.lintje-spinner--stacked { flex-direction: column; gap: var(--space-3); }\n\n/* A line on a surface (3:1): the accent line, not the fill. */\n.lintje-spinner__ring {\n  flex: none;\n  width: 1rem; height: 1rem;\n  border: 2px solid var(--color-accent-line);\n  border-top-color: transparent;\n  border-radius: var(--radius-round);\n  animation: lintje-spin var(--dur-skeleton) linear infinite;\n}\n/* 16, 24 and 40 px: 1, 1.5 and 2.5rem, so the ring grows with the text beside it. */\n.lintje-spinner--24 .lintje-spinner__ring { width: 1.5rem; height: 1.5rem; }\n.lintje-spinner--40 .lintje-spinner__ring { width: 2.5rem; height: 2.5rem; border-width: 3px; }\n.lintje-spinner--current .lintje-spinner__ring {\n  border-color: currentColor;\n  border-top-color: transparent;\n}\n\n/* A keyframe only works in the root that uses it. */\n@keyframes lintje-spin {\n  from { transform: rotate(0deg); }\n  to   { transform: rotate(360deg); }\n}\n@media (prefers-reduced-motion: reduce) {\n  .lintje-spinner__ring { animation: none; }\n}\n\n/* Forced colours: the ring draws in CanvasText with its open quarter in Canvas, so it still turns. */\n@media (forced-colors: active) {\n  .lintje-spinner__ring,\n  .lintje-spinner--current .lintje-spinner__ring {\n    border-color: CanvasText;\n    border-top-color: Canvas;\n  }\n}\n", Yn = class extends j {
+	constructor(...e) {
+		super(...e), this.size = 16, this.stacked = !1, this.current = !1, this.filled = null, this.#e = 0;
+	}
+	static {
+		this.styles = A(Jn);
+	}
+	static {
+		this.properties = {
+			size: {
+				type: Number,
+				reflect: !0
+			},
+			label: { type: String },
+			stacked: {
+				type: Boolean,
+				reflect: !0
+			},
+			current: {
+				type: Boolean,
+				reflect: !0
+			},
+			filled: { state: !0 }
+		};
+	}
+	#e;
+	connectedCallback() {
+		super.connectedCallback(), this.label && this.filled !== this.label && this.requestUpdate();
+	}
+	disconnectedCallback() {
+		this.#e && cancelAnimationFrame(this.#e), this.#e = 0, super.disconnectedCallback();
+	}
+	updated(e) {
+		super.updated(e), !(!this.label || this.filled === this.label || this.#e) && (this.#e = requestAnimationFrame(() => {
+			this.#e = 0, this.filled = this.label ?? null;
+		}));
+	}
+	render() {
+		return C`<span
+      class=${q({
+			"lintje-spinner": !0,
+			[`lintje-spinner--${this.size}`]: !0,
+			"lintje-spinner--stacked": this.stacked,
+			"lintje-spinner--current": this.current
+		})}
+      role=${this.label ? "status" : T}
+    >
+      <span class="lintje-spinner__ring" aria-hidden="true"></span>
+      ${this.label ? C`<span class="lintje-spinner__label"
+              >${this.filled === this.label ? this.label : T}</span
+            >` : T}
+    </span>`;
+	}
+};
+M("lintje-spinner", Yn);
+//#endregion
+//#region src/primitives/tooltip/tooltip.css?inline
+var Xn = "/* A box of its own for the pointer and focus to enter; inline, so flow is unchanged. */\n:host { display: inline-flex; vertical-align: middle; min-width: 0; }\n:host([hidden]) { display: none; }\n\n/* ------------------------------------------------------------------------ */\n\n/* The pointer can rest on it, to read it at a larger zoom; Escape takes it away. */\n.lintje-tooltip {\n  position: fixed;\n  z-index: 90;\n  max-width: 15rem;\n  padding: var(--space-2) var(--space-3);\n  background: var(--color-bg-surface);\n  color: var(--color-text-primary);\n  border: 1px solid var(--color-border-popover);\n  box-shadow: var(--shadow-popover);\n  font: var(--text-small);\n  animation: lintje-fade-in var(--dur-hover) var(--ease-in-motion);\n}\n", Zn = 300, Qn = 150;
+function $n(e) {
+	return e ? {
+		top: e.top === null ? null : `${e.top}px`,
+		bottom: e.bottom === null ? null : `${e.bottom}px`,
+		left: `${e.left}px`
+	} : {};
+}
+var er = class extends j {
+	constructor(...e) {
+		super(...e), this.text = "", this.noDescribe = !1, this.open = !1, this.spot = null, this.reflowFrame = 0, this.#e = "", this.onPointerEnter = () => {
+			this.open ? clearTimeout(this.timer) : this.show(300);
+		}, this.onPointerLeave = () => {
+			clearTimeout(this.timer), this.open && (this.timer = setTimeout(() => this.open = !1, 150));
+		}, this.onFocusIn = () => this.show(0), this.onFocusOut = () => this.hide(), this.onKeydown = (e) => {
+			e.key === "Escape" && this.open && this.hide();
+		}, this.onReflow = () => {
+			this.open && !this.reflowFrame && (this.reflowFrame = requestAnimationFrame(() => {
+				this.reflowFrame = 0, this.measure();
+			}));
+		};
+	}
+	static {
+		this.styles = A(Xn);
+	}
+	static {
+		this.properties = {
+			text: { type: String },
+			noDescribe: {
+				type: Boolean,
+				attribute: "no-describe"
+			},
+			open: { state: !0 },
+			spot: { state: !0 }
+		};
+	}
+	#e;
+	get target() {
+		return this.firstElementChild;
+	}
+	show(e) {
+		clearTimeout(this.timer), this.text && (e ? this.timer = setTimeout(() => this.open = !0, e) : this.open = !0);
+	}
+	hide() {
+		clearTimeout(this.timer), this.open = !1;
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.addEventListener("mouseenter", this.onPointerEnter), this.addEventListener("mouseleave", this.onPointerLeave), this.addEventListener("focusin", this.onFocusIn), this.addEventListener("focusout", this.onFocusOut), document.addEventListener("keydown", this.onKeydown, !0), window.addEventListener("scroll", this.onReflow, {
+			capture: !0,
+			passive: !0
+		}), window.addEventListener("resize", this.onReflow);
+	}
+	disconnectedCallback() {
+		this.removeEventListener("mouseenter", this.onPointerEnter), this.removeEventListener("mouseleave", this.onPointerLeave), this.removeEventListener("focusin", this.onFocusIn), this.removeEventListener("focusout", this.onFocusOut), document.removeEventListener("keydown", this.onKeydown, !0), window.removeEventListener("scroll", this.onReflow, { capture: !0 }), window.removeEventListener("resize", this.onReflow), this.reflowFrame && cancelAnimationFrame(this.reflowFrame), this.reflowFrame = 0, clearTimeout(this.timer), super.disconnectedCallback();
+	}
+	measure() {
+		let e = this.target;
+		if (!e) return;
+		let t = this.renderRoot.querySelector(".lintje-tooltip"), n = {
+			width: t?.offsetWidth ?? 0,
+			height: t?.offsetHeight ?? 0
+		}, r = Vn(e.getBoundingClientRect(), n, Un(), "top-center", 8);
+		Hn(this.spot, r) || (this.spot = r);
+	}
+	willUpdate(e) {
+		super.willUpdate(e), (e.has("text") || e.has("noDescribe")) && this.describe(), e.has("open") && (this.open ? this.measure() : this.spot = null);
+	}
+	updated(e) {
+		super.updated(e), this.open && this.measure();
+	}
+	describe() {
+		let e = this.target;
+		if (!e) return;
+		let t = e.localName;
+		t.includes("-") && !customElements.get(t) && customElements.whenDefined(t).then(() => this.describe());
+		let n = this.noDescribe ? "" : this.text;
+		if ("description" in e) {
+			e.removeAttribute("aria-description");
+			let t = e;
+			n ? t.description = n : t.description === this.#e && (t.description = void 0), this.#e = n;
+		} else n ? e.setAttribute("aria-description", n) : e.removeAttribute("aria-description");
+	}
+	render() {
+		return C`<slot @slotchange=${this.describe}></slot>${this.open ? C`<span class="lintje-tooltip" role="tooltip" ${B($n(this.spot))}
+            >${this.text}</span
+          >` : T}`;
+	}
+};
+M("lintje-tooltip", er);
+//#endregion
+//#region src/primitives/icon-button/icon-button.css?inline
+var tr = "/* Above the divider: what the element itself needs. Below it: the block's own BEM CSS. */\n:host {\n  display: inline-flex;\n  vertical-align: middle;\n}\n:host([hidden]) { display: none; }\n\n/* ------------------------------------------------------------------------ */\n\n.lintje-icon-button {\n  position: relative;\n  width: var(--h-icon-button);\n  height: var(--h-icon-button);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\n  border-radius: var(--radius);\n  transition: opacity var(--dur-hover) var(--ease-in-motion),\n              background var(--dur-hover) var(--ease-in-motion);\n}\n/* The target reaches `--h-target` through a transparent hit area; 100 % is the box's own size,\n   so the label variant's wider box only grows it upwards and downwards. */\n.lintje-icon-button::after {\n  content: '';\n  position: absolute;\n  inset: min(0px, calc((100% - var(--h-target)) / 2));\n}\n/* Without a file for its icon the label becomes the text; the square grows as wide as the word. */\n.lintje-icon-button--text { width: auto; min-width: var(--h-icon-button); padding: 0 var(--space-3); }\n.lintje-icon-button__label { font-size: 0.875rem; font-weight: 700; white-space: nowrap; }\n\n/* The box is a line (3:1), the glyph stands in for a word (4.5:1): different tokens. */\n.lintje-icon-button--outlined {\n  border: 1px solid var(--color-accent-line);\n  background: var(--color-bg-surface);\n  color: var(--color-accent-text);\n}\n.lintje-icon-button--outlined:not(.is-disabled):hover { background: var(--color-bg-selected); }\n\n.lintje-icon-button--flat { background: transparent; color: var(--color-text-primary); }\n.lintje-icon-button--flat:not(.is-disabled):hover { background: var(--color-bg-subtle); }\n\n/* Tile actions stand back in the muted text colour, never below 3:1; hover and focus darken them. */\n.lintje-icon-button--tile { background: transparent; color: var(--color-text-muted); }\n.lintje-icon-button--tile:not(.is-disabled):hover, .lintje-icon-button--tile:focus-visible { color: var(--color-text-primary); }\n\n/* The active button takes the primary-fill border, so the square keeps an edge in dark. */\n.lintje-icon-button.is-active {\n  background: var(--color-action-primary);\n  color: var(--color-action-primary-text);\n  border-color: var(--color-action-primary-border);\n}\n\n/* Live: it listens or speaks now. The primary fill with its border, and bars that move beside\n   the icon, so the state is never colour alone; the box grows to hold them. */\n.lintje-icon-button.is-live {\n  width: auto;\n  gap: var(--space-2);\n  padding: 0 var(--space-3);\n  border: 1px solid var(--color-action-primary-border);\n  background: var(--color-action-primary);\n  color: var(--color-action-primary-text);\n}\n.lintje-icon-button.is-live:not(.is-disabled):hover { background: var(--color-action-primary-hover); }\n.lintje-icon-button__waves { display: inline-flex; align-items: center; gap: 2px; height: 16px; }\n.lintje-icon-button__wave {\n  width: 2px;\n  height: 100%;\n  background: currentColor;\n  animation: lintje-icon-button-wave var(--dur-wave) var(--ease-in-motion) infinite alternate;\n}\n.lintje-icon-button__wave:nth-child(2) { animation-delay: calc(var(--dur-wave) * -0.5); }\n.lintje-icon-button__wave:nth-child(3) { animation-delay: calc(var(--dur-wave) * -0.25); }\n.lintje-icon-button__wave:nth-child(4) { animation-delay: calc(var(--dur-wave) * -0.75); }\n@keyframes lintje-icon-button-wave {\n  from { transform: scaleY(0.25); }\n  to { transform: scaleY(1); }\n}\n/* Without motion the bars stand still at different heights: still a wave, never a pulse. */\n@media (prefers-reduced-motion: reduce) {\n  .lintje-icon-button__wave { animation: none; transform: scaleY(0.5); }\n  .lintje-icon-button__wave:nth-child(2) { transform: scaleY(1); }\n  .lintje-icon-button__wave:nth-child(4) { transform: scaleY(0.75); }\n}\n\n/* Disabled is `aria-disabled`: tab order and focus ring stay. After is-active, so it loses the fill. */\n.lintje-icon-button.is-disabled { cursor: not-allowed; color: var(--color-text-disabled); }\n.lintje-icon-button--outlined.is-disabled { background: var(--color-bg-surface); border-color: var(--color-border-default); }\n\n/* Forced colours: the active fill is dropped, so its border turns Highlight. */\n@media (forced-colors: active) {\n  .lintje-icon-button.is-active,\n  .lintje-icon-button.is-live { border-color: Highlight; }\n  .lintje-icon-button.is-disabled { color: GrayText; border-color: GrayText; }\n}\n";
+//#endregion
+//#region src/core/length.ts
+function nr(e, t, n) {
+	let r = getComputedStyle(e).getPropertyValue(t).trim(), i = parseFloat(r);
+	return Number.isFinite(i) ? r.endsWith("rem") ? i * rr() : i : n;
+}
+function rr() {
+	let e = parseFloat(getComputedStyle(document.documentElement).fontSize);
+	return Number.isFinite(e) && e > 0 ? e : 16;
+}
+//#endregion
+//#region src/primitives/shared/grid-item-element.ts
+var ir = A("/* `min-width: auto` is the default; tiles hold long words and wide tables that would overflow. */\n:host {\n  min-width: 0;\n}\n:host(lintje-grid-item) {\n  display: block;\n}\n:host([span]) {\n  grid-column: span var(--lintje-span, 1);\n}\n@media (min-width: 768px) and (max-width: 1023px) {\n  :host([span='4']) { grid-column: span 6; }\n  :host([span='8']) { grid-column: span 12; }\n}\n@media (max-width: 767px) {\n  :host([span]) { grid-column: span 1; }\n}\n"), ar = class extends j {
+	static {
+		this.properties = { span: {
+			type: Number,
+			reflect: !0
+		} };
+	}
+	willUpdate(e) {
+		super.willUpdate(e), this.span ? this.style.setProperty("--lintje-span", String(this.span)) : this.style.removeProperty("--lintje-span");
+	}
+}, or = /^-?\d+(?:\.\d+)?$/;
+function sr(e) {
+	if (e !== void 0) return typeof e == "number" || or.test(e) ? `${e}px` : e;
+}
+//#endregion
+//#region src/primitives/icon-button/icon-button.ts
+var cr = class extends j {
+	static {
+		this.styles = [G, A(tr)];
+	}
+	static {
+		this.properties = {
+			icon: { type: String },
+			label: { type: String },
+			variant: {
+				type: String,
+				reflect: !0
+			},
+			active: {
+				type: Boolean,
+				reflect: !0
+			},
+			disabled: {
+				type: Boolean,
+				reflect: !0
+			},
+			size: { type: Number },
+			pressed: { type: Boolean },
+			expanded: { type: Boolean },
+			description: { type: String },
+			live: {
+				type: Boolean,
+				reflect: !0
+			}
+		};
+	}
+	constructor() {
+		super(), this.label = "", this.size = 32, this.variant = "outlined", this.active = !1, this.disabled = !1, this.live = !1, this.refuseWhileDisabled = (e) => {
+			this.disabled && (e.preventDefault(), e.stopImmediatePropagation());
+		}, this.addEventListener("click", this.refuseWhileDisabled, { capture: !0 });
+	}
+	render() {
+		let e = this.icon ? K(this.icon, { size: 16 }) : T, t = !!this.icon && e === T;
+		return C`<button
+      class=${q({
+			"lintje-icon-button": !0,
+			[`lintje-icon-button--${this.variant}`]: !0,
+			"lintje-icon-button--text": t,
+			"is-active": this.active,
+			"is-live": this.live && !t,
+			"is-disabled": this.disabled
+		})}
+      type="button"
+      title=${this.label}
+      aria-label=${this.label}
+      aria-pressed=${this.pressed === void 0 ? T : String(this.pressed)}
+      aria-expanded=${this.expanded === void 0 ? T : String(this.expanded)}
+      aria-description=${this.description || T}
+      aria-disabled=${this.disabled ? "true" : T}
+    >
+      ${t ? C`<span class="lintje-icon-button__label">${this.label}</span>` : e}
+      ${this.live && !t ? C`<span class="lintje-icon-button__waves" aria-hidden="true"
+              >${[
+			0,
+			1,
+			2,
+			3
+		].map(() => C`<span class="lintje-icon-button__wave"></span>`)}</span
+            >` : T}
+    </button>`;
+	}
+};
+M("lintje-icon-button", cr);
+//#endregion
+//#region src/primitives/status-dot/status-dot.css?inline
+var lr = ":host { display: inline-flex; vertical-align: middle; }\n:host([hidden]) { display: none; }\n\n/* ------------------------------------------------------------------------ */\n\n.lintje-status { display: inline-flex; align-items: center; gap: var(--space-2); font: var(--text-small); }\n.lintje-status__dot { border-radius: var(--radius-round); flex: none; display: block; }\n.lintje-status__dot--complete  { background: var(--color-success); }\n.lintje-status__dot--delayed { background: var(--color-warning); }\n.lintje-status__dot--outage   { background: var(--color-error); }\n.lintje-status__dot--no-data { background: var(--color-text-muted); }\n\n/* Forced colours: the dot's fill is dropped, so it keeps its drawing as one CanvasText dot. */\n@media (forced-colors: active) {\n  .lintje-status__dot { forced-color-adjust: none; background: CanvasText; }\n}\n", ur = {
+	complete: "compleet",
+	delayed: "vertraagd",
+	outage: "storing",
+	"no-data": "geen data"
+}, dr = class extends j {
+	constructor(...e) {
+		super(...e), this.tone = "complete", this.size = 10;
+	}
+	static {
+		this.styles = A(lr);
+	}
+	static {
+		this.properties = {
+			tone: {
+				type: String,
+				reflect: !0
+			},
+			label: { type: String },
+			size: { type: Number }
+		};
+	}
+	render() {
+		return C`<span class="lintje-status">
+      <span
+        class="lintje-status__dot lintje-status__dot--${this.tone}"
+        ${B({
+			width: `${this.size}px`,
+			height: `${this.size}px`
+		})}
+      ></span>
+      <span>${this.label ?? ur[this.tone]}</span>
+    </span>`;
+	}
+};
+M("lintje-status-dot", dr);
+//#endregion
+//#region src/primitives/skeleton/skeleton.css?inline
+var fr = "/* The size is on the host so a percentage has a box to resolve against. */\n:host { display: block; }\n:host(lintje-skeleton) .lintje-skeleton { width: 100%; height: 100%; }\n:host([hidden]) { display: none; }\n\n/* ------------------------------------------------------------------------ */\n\n.lintje-skeleton {\n  display: block;\n  background: linear-gradient(90deg,\n    var(--color-bg-subtle) 25%,\n    var(--color-border-default) 37%,\n    var(--color-bg-subtle) 63%);\n  background-size: 200% 100%;\n  animation: lintje-shimmer var(--dur-skeleton) linear infinite;\n}\n@media (prefers-reduced-motion: reduce) {\n  .lintje-skeleton { animation: none; background: var(--color-bg-subtle); }\n}\n\n/* Forced colours: the gradient is dropped, so the placeholder keeps a 1 px GrayText line. */\n@media (forced-colors: active) {\n  .lintje-skeleton { outline: 1px solid GrayText; outline-offset: -1px; }\n}\n", pr = class extends j {
+	constructor(...e) {
+		super(...e), this.width = "100%", this.height = 12;
+	}
+	static {
+		this.styles = A(fr);
+	}
+	static {
+		this.properties = {
+			width: { type: String },
+			height: { type: String }
+		};
+	}
+	willUpdate(e) {
+		super.willUpdate(e), this.style.width = sr(this.width) ?? "", this.style.height = sr(this.height) ?? "";
+	}
+	render() {
+		return C`<span class="lintje-skeleton" aria-hidden="true"></span>`;
+	}
+};
+M("lintje-skeleton", pr);
+//#endregion
+//#region src/primitives/tile/tile.css?inline
+var mr = "/*\n * Above the divider: the host, the grid item the tile fills by its height or, when the host has\n * only a floor, by `min-height: inherit`. Below it: the block's BEM CSS.\n */\n:host {\n  display: block;\n  min-width: 0;\n}\n:host([hidden]) { display: none; }\n.lintje-tile {\n  height: 100%;\n  min-height: inherit;\n}\n.lintje-chart-state {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  justify-content: center;\n  align-items: center;\n  min-width: 0;\n}\n.lintje-chart-state--empty { text-align: center; font: var(--text-small); color: var(--color-text-muted); gap: var(--space-3); }\n/* An announcement measures as a container, so it has no width of its own to centre by. */\n.lintje-chart-state--error { justify-content: flex-start; align-items: stretch; gap: var(--space-4); }\n.lintje-chart-state__last-known { font: var(--text-small); color: var(--color-text-muted); text-align: center; }\n\n/* ------------------------------------------------------------------------ */\n\n.lintje-tile {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  min-width: 0;\n  background: var(--color-bg-surface);\n  border: 1px solid var(--color-border-default);\n  border-radius: var(--radius);\n  padding: var(--tile-pad-y) var(--tile-pad-x);\n}\n\n.lintje-tile__head {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: var(--space-4);\n}\n.lintje-tile__heading { min-width: 0; }\n/* With an icon the heading becomes two columns, which centres the icon on the title's line and\n   keeps the subtitle under the title text. */\n.lintje-tile__heading--icon {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n}\n/* Only the placement is the tile's; the alignment is `.lintje-leading-icon`. */\n.lintje-tile__icon { grid-row: 1; }\n.lintje-tile__heading--icon .lintje-tile__title,\n.lintje-tile__heading--icon .lintje-tile__sub { grid-column: 2; }\n.lintje-tile__title { font: var(--text-tile-title); color: var(--color-text-primary); }\n.lintje-tile__sub { font: var(--text-tile-sub); color: var(--color-text-muted); margin-top: 2px; }\n.lintje-tile__actions { display: flex; gap: var(--space-2); flex: none; }\n/* Expand and download appear only while the tile is hovered or holds keyboard focus; without\n   hover they stay visible. The tile only hides the action; how the visible action looks is the\n   icon button's own. */\n.lintje-tile:not(:hover):not(:focus-within) lintje-icon-button[variant='tile'] { opacity: 0; }\n@media (hover: none) {\n  .lintje-tile:not(:hover):not(:focus-within) lintje-icon-button[variant='tile'] { opacity: 1; }\n}\n\n.lintje-tile__intro { font: var(--text-small); color: var(--color-text-secondary); }\n\n/* Body and content are flex columns, so slotted content can place itself in a taller tile. */\n.lintje-tile__body { flex: 1; min-height: 0; min-width: 0; display: flex; flex-direction: column; }\n.lintje-tile__content { flex: 1; min-height: 0; display: flex; flex-direction: column; }\n/* A tile with a height of its own scrolls what does not fit (`content-scroll`). */\n:host([content-scroll]) .lintje-tile__content { overflow: auto; }\n.lintje-tile__body--aside { flex-direction: row; gap: var(--space-5); align-items: stretch; }\n.lintje-tile__body--aside .lintje-tile__content { flex: 1; min-width: 0; }\n.lintje-tile__aside { flex: none; display: flex; flex-direction: column; justify-content: center; }\n/* On a phone the content keeps its full width and the key figure leads above it. */\n@media (max-width: 767px) {\n  .lintje-tile__body--aside { flex-direction: column; }\n}\n\n.lintje-tile__footnote {\n  font: var(--text-meta);\n  color: var(--color-text-muted);\n  border-top: 1px solid var(--color-border-default);\n  padding-top: var(--space-2);\n  margin-top: auto;\n}\n\n/* Flush: the rows' lines reach the frame, and what they draw keeps the heading's indent through\n   --lintje-inset, as does a pager under them. The last row's line is the footnote's rule. */\n.lintje-tile--flush .lintje-tile__body {\n  margin-inline: calc(var(--tile-pad-x) * -1);\n  --lintje-inset: var(--tile-pad-x);\n}\n.lintje-tile--flush .lintje-tile__footnote { border-top: 0; padding-top: 0; }\n/* Without a footnote the last row's line is the frame's: no empty strip under it. A pager under\n   the rows gives the strip back through --lintje-inset-end. */\n.lintje-tile--flush:has(> .lintje-tile__footnote[hidden]) > .lintje-tile__body {\n  margin-bottom: calc(var(--tile-pad-y) * -1 - 1px);\n  --lintje-inset-end: calc(var(--tile-pad-y) + 1px);\n}\n", hr = ".lintje-announcement {\n  container-type: inline-size;\n  display: flex;\n  align-items: flex-start;\n  gap: var(--space-2);\n  padding: var(--space-4);\n  border-radius: var(--radius);\n}\n.lintje-announcement.is-compact { padding: 10px var(--space-3); gap: var(--space-2); }\n\n.lintje-announcement__icon {\n  width: 20px; height: 20px;\n  flex: none;\n  display: flex; align-items: center; justify-content: center;\n  color: var(--color-text-primary);\n  margin-top: 1px;\n}\n.lintje-announcement__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--space-1); }\n.lintje-announcement__content { min-width: 0; display: flex; flex-direction: column; gap: var(--space-1); }\n.lintje-announcement__title { font: var(--text-tile-title); color: var(--color-text-primary); }\n.lintje-announcement__text { font: var(--text-ui); line-height: 1.45; color: var(--color-text-primary); }\n.lintje-announcement__meta { font: var(--text-meta); color: var(--color-text-muted); }\n.lintje-announcement__link { color: var(--color-link-on-status); font-weight: 700; }\n/* The `action` slot keeps its own width: under the text, or beside it where the announcement is wide. */\n.lintje-announcement__action::slotted(*) { align-self: flex-start; }\n.lintje-announcement__media::slotted(*) { flex: none; max-width: 40%; height: auto; }\n@container (min-width: 560px) {\n  .lintje-announcement__body { flex-direction: row; align-items: center; gap: var(--space-4); }\n  .lintje-announcement__content { flex: 1; }\n  .lintje-announcement__action::slotted(*) { align-self: center; flex: none; }\n}\n\n/* The margin pulls the button's middle in line with the icon box; the hit area reaches the target. */\n.lintje-announcement__close {\n  position: relative;\n  width: var(--h-icon-button); height: var(--h-icon-button); flex: none;\n  display: flex; align-items: center; justify-content: center;\n  --lintje-close-pull: calc((var(--space-5) - var(--h-icon-button)) / 2);\n  margin: var(--lintje-close-pull) var(--lintje-close-pull) var(--lintje-close-pull) 0;\n  border: 0;\n  background: transparent;\n  color: var(--color-text-primary);\n  cursor: pointer;\n}\n.lintje-announcement__close:hover { background: var(--color-bg-subtle); }\n.lintje-announcement__close::after {\n  content: '';\n  position: absolute;\n  inset: min(0px, calc((100% - var(--h-target)) / 2));\n}\n\n.lintje-announcement--warning { background: var(--color-attention-bg); }\n.lintje-announcement--warning .lintje-announcement__icon { color: var(--color-attention-line); }\n.lintje-announcement--outage { background: var(--color-error-bg); }\n.lintje-announcement--outage .lintje-announcement__icon { color: var(--color-error-line); }\n.lintje-announcement--info { background: var(--color-info-bg); }\n.lintje-announcement--info .lintje-announcement__icon { color: var(--color-info-line); }\n.lintje-announcement--ok { background: var(--color-success-bg); }\n.lintje-announcement--ok .lintje-announcement__icon { color: var(--color-success-line); }\n\n@media (max-width: 767px) {\n  .lintje-announcement { padding: 10px var(--space-3); gap: var(--space-2); }\n  .lintje-announcement__title { font: var(--text-tile-title); color: var(--color-text-primary); }\n.lintje-announcement__text { font: var(--text-small); }\n}\n\n/* Forced colours drop the fill, so the announcement takes an outline. */\n@media (forced-colors: active) {\n  .lintje-announcement { outline: 1px solid CanvasText; outline-offset: -1px; }\n}\n", gr = "Gegevens laden…", _r = class e extends ar {
+	constructor(...e) {
+		super(...e), this.footnoteSlotted = !1, this.asideSlotted = !1, this.legendBelow = !1, this.expandable = !1, this.download = !1, this.state = "ready", this.contentHeight = "var(--chart-h-main)", this.contentScroll = !1, this.flush = !1, this.filled = null, this.#e = 0;
+	}
+	static {
+		this.styles = [
+			ir,
+			G,
+			A(mr),
+			A(hr)
+		];
+	}
+	static {
+		this.properties = {
+			heading: { type: String },
+			icon: { type: String },
+			subtitle: { type: String },
+			intro: { type: String },
+			footnote: { type: String },
+			footnoteSlotted: { state: !0 },
+			asideSlotted: { state: !0 },
+			legendBelow: {
+				type: Boolean,
+				attribute: "legend-below"
+			},
+			expandable: { type: Boolean },
+			download: { type: Boolean },
+			state: {
+				type: String,
+				reflect: !0
+			},
+			message: { type: String },
+			lastKnown: {
+				type: String,
+				attribute: "last-known"
+			},
+			contentHeight: {
+				type: String,
+				attribute: "content-height"
+			},
+			contentScroll: {
+				type: Boolean,
+				attribute: "content-scroll",
+				reflect: !0
+			},
+			flush: { type: Boolean },
+			filled: { state: !0 }
+		};
+	}
+	#e;
+	connectedCallback() {
+		super.connectedCallback(), this.regionText !== null && this.filled !== this.regionText && this.requestUpdate();
+	}
+	disconnectedCallback() {
+		this.#e && cancelAnimationFrame(this.#e), this.#e = 0, super.disconnectedCallback();
+	}
+	get regionText() {
+		return this.state === "error" ? this.message ?? "" : this.state === "loading" ? gr : null;
+	}
+	willUpdate(e) {
+		super.willUpdate(e), e.has("state") && (this.filled = null);
+	}
+	updated(e) {
+		super.updated(e), !(this.regionText === null || this.filled === this.regionText || this.#e) && (this.#e = requestAnimationFrame(() => {
+			this.#e = 0, this.filled = this.regionText;
+		}));
+	}
+	static filled(e) {
+		return e.target.assignedNodes({ flatten: !0 }).some((e) => e.nodeType !== Node.TEXT_NODE || (e.textContent ?? "").trim() !== "");
+	}
+	onFootnoteChange(t) {
+		this.footnoteSlotted = e.filled(t);
+	}
+	onAsideChange(t) {
+		this.asideSlotted = e.filled(t);
+	}
+	render() {
+		let e = this.state === "ready", t = this.id ? `${this.id}-title` : void 0, n = this.heading || this.subtitle || this.expandable && e || this.download && e;
+		return C`<section
+      class=${q({
+			"lintje-tile": !0,
+			"lintje-tile--flush": this.flush
+		})}
+      aria-labelledby=${t && this.heading ? t : T}
+    >
+      ${n ? C`<header class="lintje-tile__head">
+            <div
+              class=${q({
+			"lintje-tile__heading": !0,
+			"lintje-tile__heading--icon": !!this.icon
+		})}
+            >
+              ${hn(this.icon, "lintje-tile__icon")}
+              ${this.heading ? C`<h3 id=${t ?? T} class="lintje-tile__title">${this.heading}</h3>` : T}
+              ${this.subtitle ? C`<p class="lintje-tile__sub">${this.subtitle}</p>` : T}
+            </div>
+            <div class="lintje-tile__actions">
+              <slot name="actions"></slot>
+              ${this.expandable && e ? C`<lintje-icon-button
+                    icon="functioneel-foto-vergroten"
+                    label="Vergroot"
+                    variant="tile"
+                    @click=${() => this.emit("lintje-tile-expand")}
+                  ></lintje-icon-button>` : T}
+              ${this.download && e ? C`<lintje-icon-button
+                    icon="functioneel-downloaden"
+                    label="Download"
+                    variant="tile"
+                    @click=${() => this.emit("lintje-tile-download")}
+                  ></lintje-icon-button>` : T}
+            </div>
+          </header>` : T}
+      <slot name="notice"></slot>
+      ${this.intro ? C`<p class="lintje-tile__intro">${this.intro}</p>` : T}
+      ${this.legendBelow ? T : C`<slot name="legend"></slot>`}
+      <div
+        class=${q({
+			"lintje-tile__body": !0,
+			"lintje-tile__body--aside": this.asideSlotted
+		})}
+      >
+        <div class="lintje-tile__aside" ?hidden=${!this.asideSlotted}>
+          <slot name="aside" @slotchange=${this.onAsideChange}></slot>
+        </div>
+        <div class="lintje-tile__content">${this.content()}</div>
+      </div>
+      ${this.legendBelow ? C`<slot name="legend"></slot>` : T}
+      <p class="lintje-tile__footnote" ?hidden=${!this.footnote && !this.footnoteSlotted}>
+        ${this.footnote ?? T}<slot
+          name="footnote"
+          @slotchange=${this.onFootnoteChange}
+        ></slot>
+      </p>
+    </section>`;
+	}
+	content() {
+		let e = sr(this.contentHeight);
+		switch (this.state) {
+			case "loading": return C`<div ${B({ height: e })} role="status">
+          <span class="visually-hidden">${this.filled === gr ? gr : T}</span>
+          <slot name="loading"><lintje-skeleton height="100%"></lintje-skeleton></slot>
+        </div>`;
+			case "empty": return C`<div class="lintje-chart-state lintje-chart-state--empty" ${B({ height: e })}>
+          <p>${this.message}</p>
+        </div>`;
+			case "error": return C`<div
+          class="lintje-chart-state lintje-chart-state--error"
+          ${B({ minHeight: e })}
+        >
+          <div class="lintje-announcement lintje-announcement--warning" role="status">
+            <span class="lintje-announcement__icon" aria-hidden="true"
+              >${K("functioneel-waarschuwing", { size: 16 })}</span
+            >
+            <div class="lintje-announcement__body">
+              ${this.filled === this.regionText ? C`<p class="lintje-announcement__text">
+                    <span class="visually-hidden">Waarschuwing: </span>${this.message}
+                  </p>` : T}
+            </div>
+          </div>
+          ${this.lastKnown ? C`<div class="lintje-chart-state__last-known">${this.lastKnown}</div>` : T}
+        </div>`;
+			default: return C`<slot></slot>`;
+		}
+	}
+};
+M("lintje-tile", _r);
+//#endregion
+//#region src/primitives/grid/grid.css?inline
+var vr = "/*\n * Written with `:host(…)` and `::slotted()`: a selector from outside cannot reach into an item's\n * own root. An item's width comes from `--lintje-span`, so a media rule can override `grid-column`.\n */\n\n/* --- The grid ------------------------------------------------------------ */\n:host {\n  display: grid;\n  grid-template-columns: repeat(var(--lintje-grid-columns, 12), minmax(0, 1fr));\n  gap: var(--grid-gutter);\n  align-items: stretch;\n}\n:host([hidden]) { display: none; }\n\n@media (min-width: 768px) and (max-width: 1023px) {\n  :host([variant='kpi-row']) { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n}\n@media (max-width: 767px) {\n  :host { grid-template-columns: minmax(0, 1fr); }\n  :host([variant='kpi-row']) { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n}\n\n/* --- Every item its column ------------------------------------------------ */\n\n::slotted([span]) {\n  min-width: 0;\n  grid-column: span var(--lintje-span, 1);\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n  ::slotted([span='4']) { grid-column: span 6; }\n  ::slotted([span='8']) { grid-column: span 12; }\n}\n@media (max-width: 767px) {\n  ::slotted([span]) { grid-column: span 1; }\n}\n", yr = class extends j {
+	constructor(...e) {
+		super(...e), this.columns = 12;
+	}
+	static {
+		this.styles = A(vr);
+	}
+	static {
+		this.properties = {
+			columns: { type: Number },
+			variant: {
+				type: String,
+				reflect: !0
+			}
+		};
+	}
+	willUpdate(e) {
+		super.willUpdate(e), this.style.setProperty("--lintje-grid-columns", String(this.columns));
+	}
+	render() {
+		return C`<slot></slot>`;
+	}
+};
+M("lintje-grid", yr);
+//#endregion
+//#region src/primitives/grid-item/grid-item.ts
+var br = class extends ar {
+	static {
+		this.styles = ir;
+	}
+	render() {
+		return C`<slot></slot>`;
+	}
+};
+M("lintje-grid-item", br);
+//#endregion
+//#region src/icons/visible.ts
+var xr = "400px", Sr = /* @__PURE__ */ new WeakMap(), X = null, Cr = !1;
+function wr() {
+	return X || Cr ? X : typeof IntersectionObserver == "function" ? (X = new IntersectionObserver((e) => {
+		for (let t of e) {
+			if (!t.isIntersecting) continue;
+			let e = Sr.get(t.target);
+			Er(t.target), e?.();
+		}
+	}, { rootMargin: xr }), X) : (Cr = !0, null);
+}
+function Tr(e, t) {
+	let n = wr();
+	n ? (Sr.set(e, t), n.observe(e)) : t();
+}
+function Er(e) {
+	Sr.delete(e), X?.unobserve(e);
+}
+//#endregion
+//#region src/icons/icon/icon.css?inline
+var Dr = "/* `<lintje-icon>`'s own box: the host is the flex child; the glyph inside is a plain block. */\n:host {\n  display: inline-flex;\n  flex: none;\n}\n:host([hidden]) { display: none; }\n.lintje-icon {\n  display: block;\n}\n", Or = Object.keys(It), kr = class extends j {
+	constructor(...e) {
+		super(...e), this.size = 16, this.lazy = !1, this.#e = null, this.#t = !1;
+	}
+	static {
+		this.styles = [G, A(Dr)];
+	}
+	static {
+		this.properties = {
+			name: { type: String },
+			src: { type: String },
+			size: { type: Number },
+			label: { type: String },
+			lazy: { type: Boolean }
+		};
+	}
+	#e;
+	#t;
+	connectedCallback() {
+		super.connectedCallback(), this.#e = on((e) => {
+			(e === void 0 || e === this.name) && this.requestUpdate();
+		}), this.lazy && !this.#t && Tr(this, () => {
+			this.#t = !0, this.requestUpdate();
+		});
+	}
+	disconnectedCallback() {
+		this.#e?.(), this.#e = null, Er(this), super.disconnectedCallback();
+	}
+	render() {
+		return K(this.name, {
+			size: this.size,
+			label: this.label,
+			src: this.src,
+			defer: this.lazy && !this.#t
+		});
+	}
+};
+M("lintje-icon", kr);
+//#endregion
+//#region src/core/motion.ts
+function Ar(e, t) {
+	let n = getComputedStyle(e).getPropertyValue(t).trim(), r = parseFloat(n);
+	return Number.isFinite(r) ? n.endsWith("ms") ? r : n.endsWith("s") ? r * 1e3 : r : 0;
+}
+function jr() {
+	return typeof matchMedia < "u" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+//#endregion
+//#region src/primitives/progress-bar/progress-bar.css?inline
+var Mr = ":host { display: block; min-width: 0; }\n:host([hidden]) { display: none; }\n\n/* ------------------------------------------------------------------------ */\n\n.lintje-progress { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; }\n.lintje-progress__head {\n  display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between;\n  gap: var(--space-1) var(--space-4);\n  font: var(--text-small);\n}\n.lintje-progress__label { font-weight: 700; color: var(--color-text-primary); }\n.lintje-progress__detail { color: var(--color-text-muted); }\n.lintje-progress__mark { margin-right: var(--space-1); vertical-align: -0.125em; }\n.lintje-progress--done .lintje-progress__mark { color: var(--color-success-line); }\n.lintje-progress--error .lintje-progress__mark { color: var(--color-error-line); }\n.lintje-progress--paused .lintje-progress__mark { color: var(--color-text-muted); }\n\n/* The accent LINE, not the fill colour, keeps 3:1 on the dark surface. */\n.lintje-progress__track { height: 6px; background: var(--color-border-default); overflow: hidden; }\n.lintje-progress__fill {\n  height: 100%;\n  background: var(--color-accent-line);\n  transition: width var(--dur-base) var(--ease-in-motion);\n}\n\n.lintje-progress--done .lintje-progress__fill { background: var(--color-success); }\n.lintje-progress--error .lintje-progress__fill { background: var(--color-error); }\n.lintje-progress--error .lintje-progress__label { color: var(--color-error-text); }\n.lintje-progress--paused .lintje-progress__fill { background: var(--color-text-muted); }\n\n.lintje-progress__track.is-indeterminate .lintje-progress__fill {\n  width: 30%;\n  animation: lintje-progress-slide var(--dur-skeleton) linear infinite alternate;\n}\n@keyframes lintje-progress-slide {\n  from { margin-left: 0; }\n  to   { margin-left: 70%; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .lintje-progress__fill { transition: none; }\n  .lintje-progress__track.is-indeterminate .lintje-progress__fill { animation: none; margin-left: 35%; }\n}\n\n/* Forced colours: the browser drops fills, so the track keeps a CanvasText edge and the fill\n   draws as Highlight. */\n@media (forced-colors: active) {\n  .lintje-progress__track { outline: 1px solid CanvasText; outline-offset: -1px; }\n  .lintje-progress__fill { forced-color-adjust: none; background: Highlight; }\n}\n", Nr = {
+	done: {
+		word: "klaar",
+		icon: "functioneel-cirkel-vinkje"
+	},
+	error: {
+		word: "mislukt",
+		icon: "functioneel-waarschuwing"
+	},
+	paused: {
+		word: "gepauzeerd",
+		icon: "multimedia-player-pauze"
+	}
+}, Pr = class extends j {
+	constructor(...e) {
+		super(...e), this.label = "", this.hideLabel = !1, this.tone = "run";
+	}
+	static {
+		this.styles = [G, A(Mr)];
+	}
+	static {
+		this.properties = {
+			value: { type: Number },
+			label: { type: String },
+			hideLabel: {
+				type: Boolean,
+				attribute: "hide-label"
+			},
+			detail: { type: String },
+			tone: {
+				type: String,
+				reflect: !0
+			}
+		};
+	}
+	get known() {
+		return typeof this.value == "number" && !Number.isNaN(this.value);
+	}
+	get percent() {
+		return Math.max(0, Math.min(100, this.value ?? 0));
+	}
+	get resolvedTone() {
+		return this.tone === "run" && this.known && this.percent >= 100 ? "done" : this.tone;
+	}
+	valueText(e) {
+		return [this.detail ?? (e && this.known ? `${this.percent}%` : void 0), e?.word].filter(Boolean).join(", ") || void 0;
+	}
+	render() {
+		let e = this.resolvedTone, t = Nr[e], n = !this.hideLabel && (this.label || this.detail);
+		return C`<div class=${q({
+			"lintje-progress": !0,
+			[`lintje-progress--${e}`]: !0
+		})}>
+      ${n ? C`<div class="lintje-progress__head">
+            <span class="lintje-progress__label"
+              >${t ? K(t.icon, {
+			size: 16,
+			className: "lintje-progress__mark"
+		}) : T}${this.label}</span
+            >
+            <span class="lintje-progress__detail">${this.detail ?? T}<slot></slot></span>
+          </div>` : T}
+      <div
+        class=${q({
+			"lintje-progress__track": !0,
+			"is-indeterminate": !this.known
+		})}
+        role="progressbar"
+        aria-label=${this.label}
+        aria-valuemin="0"
+        aria-valuemax="100"
+        aria-valuenow=${this.known ? this.percent : T}
+        aria-valuetext=${this.valueText(t) ?? T}
+      >
+        <div
+          class="lintje-progress__fill"
+          ${B({ width: this.known ? `${this.percent}%` : null })}
+        ></div>
+      </div>
+    </div>`;
+	}
+};
+M("lintje-progress-bar", Pr);
+//#endregion
+//#region node_modules/lit-html/directives/repeat.js
+var Fr = (e, t, n) => {
+	let r = /* @__PURE__ */ new Map();
+	for (let i = t; i <= n; i++) r.set(e[i], i);
+	return r;
+}, Ir = R(class extends z {
+	constructor(e) {
+		if (super(e), e.type !== L.CHILD) throw Error("repeat() can only be used in text expressions");
+	}
+	dt(e, t, n) {
+		let r;
+		n === void 0 ? n = t : t !== void 0 && (r = t);
+		let i = [], a = [], o = 0;
+		for (let t of e) i[o] = r ? r(t, o) : o, a[o] = n(t, o), o++;
+		return {
+			values: a,
+			keys: i
+		};
+	}
+	render(e, t, n) {
+		return this.dt(e, t, n).values;
+	}
+	update(e, [t, n, r]) {
+		let i = In(e), { values: a, keys: o } = this.dt(t, n, r);
+		if (!Array.isArray(i)) return this.ut = o, a;
+		let s = this.ut ??= [], c = [], l, u, d = 0, f = i.length - 1, p = 0, m = a.length - 1;
+		for (; d <= f && p <= m;) if (i[d] === null) d++;
+		else if (i[f] === null) f--;
+		else if (s[d] === o[p]) c[p] = Y(i[d], a[p]), d++, p++;
+		else if (s[f] === o[m]) c[m] = Y(i[f], a[m]), f--, m--;
+		else if (s[d] === o[m]) c[m] = Y(i[d], a[m]), J(e, c[m + 1], i[d]), d++, m--;
+		else if (s[f] === o[p]) c[p] = Y(i[f], a[p]), J(e, i[d], i[f]), f--, p++;
+		else if (l === void 0 && (l = Fr(o, p, m), u = Fr(s, d, f)), l.has(s[d])) {
+			if (l.has(s[f])) {
+				let t = u.get(o[p]), n = t === void 0 ? null : i[t];
+				if (n === null) {
+					let t = J(e, i[d]);
+					Y(t, a[p]), c[p] = t;
+				} else c[p] = Y(n, a[p]), J(e, i[d], n), i[t] = null;
+				p++;
+			} else Ln(i[f]), f--;
+		} else Ln(i[d]), d++;
+		for (; p <= m;) {
+			let t = J(e, c[m + 1]);
+			Y(t, a[p]), c[p++] = t;
+		}
+		for (; d <= f;) {
+			let e = i[d++];
+			e !== null && Ln(e);
+		}
+		return this.ut = o, Fn(e, c), w;
+	}
+}), Lr = R(class extends z {
+	constructor(e) {
+		if (super(e), e.type !== L.PROPERTY && e.type !== L.ATTRIBUTE && e.type !== L.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
+		if (!Mn(e)) throw Error("`live` bindings can only contain a single expression");
+	}
+	render(e) {
+		return e;
+	}
+	update(e, [t]) {
+		if (t === w || t === T) return t;
+		let n = e.element, r = e.name;
+		if (e.type === L.PROPERTY) {
+			if (t === n[r]) return w;
+		} else if (e.type === L.BOOLEAN_ATTRIBUTE) {
+			if (!!t === n.hasAttribute(r)) return w;
+		} else if (e.type === L.ATTRIBUTE && n.getAttribute(r) === t + "") return w;
+		return Fn(e), t;
+	}
+}), Rr = [
+	"sky-blue",
+	"dark-yellow",
+	"red",
+	"green",
+	"mint-green",
+	"violet",
+	"orange",
+	"pink",
+	"dark-green",
+	"purple",
+	"ruby-red",
+	"yellow",
+	"dark-brown",
+	"brown",
+	"dark-blue",
+	"light-blue",
+	"moss-green"
+];
+function zr(e) {
+	return typeof e == "string" && Rr.includes(e);
+}
+function Br(e) {
+	return `var(--color-chart-${e})`;
+}
+//#endregion
+//#region src/core/format.ts
+function Z(e, t = 0) {
+	return e.toLocaleString("nl-NL", {
+		minimumFractionDigits: t,
+		maximumFractionDigits: t
+	});
+}
+function Vr(e) {
+	return Math.abs(e) >= 1e6 ? `${Z(e / 1e6, 1)} mln` : Math.abs(e) >= 1e4 ? `${Math.round(e / 1e3)}k` : Z(e);
+}
+function Hr(e, t) {
+	let n = Z(e);
+	return Wr(n, t) ? n : Vr(e);
+}
+var Ur = 6.5;
+function Wr(e, t) {
+	return e.length * Ur <= t;
+}
+var Gr = "'RijksSans', 'Source Sans 3', sans-serif", Q;
+function Kr(e, t, n = "") {
+	if (qr(e, n) <= t) return e;
+	let r = e.length;
+	for (; r > 1;) {
+		--r;
+		let i = `${e.slice(0, r).trimEnd()}…`;
+		if (qr(i, n) <= t) return i;
+	}
+	return "…";
+}
+function qr(e, t = "") {
+	return Q === void 0 && (Q = typeof document > "u" ? null : document.createElement("canvas").getContext("2d") ?? null), Q ? (Q.font = `400 12px ${t.trim() || Gr}`, Q.measureText(e).width) : e.length * Ur;
+}
+function Jr(e, t = 0) {
+	return `${Z(e, t)}%`;
+}
+//#endregion
+//#region node_modules/lit-html/async-directive.js
+var $ = (e, t) => {
+	let n = e._$AN;
+	if (n === void 0) return !1;
+	for (let e of n) e._$AO?.(t, !1), $(e, t);
+	return !0;
+}, Yr = (e) => {
+	let t, n;
+	do {
+		if ((t = e._$AM) === void 0) break;
+		n = t._$AN, n.delete(e), e = t;
+	} while (n?.size === 0);
+}, Xr = (e) => {
+	for (let t; t = e._$AM; e = t) {
+		let n = t._$AN;
+		if (n === void 0) t._$AN = n = /* @__PURE__ */ new Set();
+		else if (n.has(e)) break;
+		n.add(e), $r(t);
+	}
+};
+function Zr(e) {
+	this._$AN === void 0 ? this._$AM = e : (Yr(this), this._$AM = e, Xr(this));
+}
+function Qr(e, t = !1, n = 0) {
+	let r = this._$AH, i = this._$AN;
+	if (i !== void 0 && i.size !== 0) {
+		if (t) {
+			if (Array.isArray(r)) for (let e = n; e < r.length; e++) $(r[e], !1), Yr(r[e]);
+			else r != null && ($(r, !1), Yr(r));
+		} else $(this, e);
+	}
+}
+var $r = (e) => {
+	e.type == L.CHILD && (e._$AP ??= Qr, e._$AQ ??= Zr);
+}, ei = class extends z {
+	constructor() {
+		super(...arguments), this._$AN = void 0;
+	}
+	_$AT(e, t, n) {
+		super._$AT(e, t, n), Xr(this), this.isConnected = e._$AU;
+	}
+	_$AO(e, t = !0) {
+		e !== this.isConnected && (this.isConnected = e, e ? this.reconnected?.() : this.disconnected?.()), t && ($(this, e), Yr(this));
+	}
+	setValue(e) {
+		if (Mn(this._$Ct)) this._$Ct._$AI(e, this);
+		else {
+			let t = [...this._$Ct._$AH];
+			t[this._$Ci] = e, this._$Ct._$AI(t, this, 0);
+		}
+	}
+	disconnected() {}
+	reconnected() {}
+}, ti = /* @__PURE__ */ new WeakMap(), ni = R(class extends ei {
+	render(e) {
+		return T;
+	}
+	update(e, [t]) {
+		let n = t !== this.G;
+		return n && this.rt(void 0), (n || this.lt !== this.ct) && (this.G = t, this.ht = e.options?.host, this.rt(this.ct = e.element)), T;
+	}
+	rt(e) {
+		if (this.G !== void 0) {
+			if (this.isConnected || (e = void 0), typeof this.G == "function") {
+				let t = this.ht ?? globalThis, n = ti.get(t);
+				n === void 0 && (n = /* @__PURE__ */ new WeakMap(), ti.set(t, n)), n.get(this.G) !== void 0 && this.G.call(this.ht, void 0), n.set(this.G, e), e !== void 0 && this.G.call(this.ht, e);
+			} else this.G.value = e;
+		}
+	}
+	get lt() {
+		return typeof this.G == "function" ? ti.get(this.ht ?? globalThis)?.get(this.G) : this.G?.value;
+	}
+	disconnected() {
+		this.lt === this.ct && this.rt(void 0);
+	}
+	reconnected() {
+		this.rt(this.ct);
+	}
+});
+//#endregion
+export { G as $, nr as A, pt as At, zn as B, M as Bt, pr as C, Ct, cr as D, dt as Dt, ur as E, _t as Et, Yn as F, ot as Ft, On as G, T as Gt, wn as H, A as Ht, qn as I, et as It, bn as J, o as Jt, Cn as K, C as Kt, Kn as L, it as Lt, er as M, ct as Mt, Zn as N, lt as Nt, ar as O, ft as Ot, Qn as P, st as Pt, mn as Q, Vn as R, tt as Rt, hr as S, Mt as St, dr as T, gt as Tt, kn as U, Ve as Ut, Rn as V, We as Vt, Dn as W, Ue as Wt, yn as X, vn as Y, e as Yt, q as Z, Or as _, Ft as _t, Z as a, nn as at, yr as b, At as bt, Kr as c, cn as ct, zr as d, Bt as dt, K as et, Lr as f, Rt as ft, jr as g, It as gt, Ar as h, L as ht, Hr as i, ln as it, tr as j, ht as jt, ir as k, mt as kt, Rr as l, en as lt, Pr as m, z as mt, Wr as n, rn as nt, Jr as o, an as ot, Ir as p, R as pt, xn as q, Ce as qt, Vr as r, tn as rt, qr as s, on as st, ni as t, hn as tt, Br as u, B as ut, kr as v, St as vt, fr as w, Nt as wt, _r as x, Pt as xt, br as y, wt as yt, Un as z, j as zt };