lintje 0.4.0 → 0.5.0

package/dist-elements/chunks/{stagger-BB_gcxBI.js → stagger-Dvkth9_C.js}

@@ -1,4 +1,4 @@
-import { Ct as e, I as t, Tt as n, bt as r, d as i, en as a, l as o, m as s, n as c, nn as l, p as u, rn as d, t as f, wt as p } from "./base-DRGvkF-r.js";
+import { Ct as e, I as t, Tt as n, bt as r, en as i, f as a, h as o, m as s, n as c, nn as l, rn as u, t as d, u as f, wt as p } from "./base-CVKIPSLx.js";
 //#region src/components/shared/charts/shared/scale.ts
 var m = {
 	width: 900,
@@ -9,17 +9,17 @@ var m = {
 	bottom: 28
 }, h = .25, g = 16, _ = 10, v = .3;
 function y(e, t, { fontFamily: n = "" } = {}) {
-	let r = Math.min(320, Math.round(t * v)), i = Math.ceil(Math.max(0, ...e.map((e) => u(e, n)))), a = Math.min(r, i);
+	let r = Math.min(320, Math.round(t * v)), i = Math.ceil(Math.max(0, ...e.map((e) => s(e, n)))), a = Math.min(r, i);
 	return {
 		labelEnd: a,
 		barStart: a + _,
-		fit: (e) => s(e, a, n)
+		fit: (e) => o(e, a, n)
 	};
 }
 function b(e, t, { minimum: n = g, fontFamily: r = "" } = {}) {
-	let a = Math.min(96, Math.round(t * h)), s = (t) => Math.ceil(Math.max(0, ...e.map((e) => u(t(e), r))) + 8), c = i, l = s(c);
-	return l > a && (c = o, l = s(c)), {
-		width: Math.min(a, Math.max(n, l)),
+	let i = Math.min(96, Math.round(t * h)), o = (t) => Math.ceil(Math.max(0, ...e.map((e) => s(t(e), r))) + 8), c = a, l = o(c);
+	return l > i && (c = f, l = o(c)), {
+		width: Math.min(i, Math.max(n, l)),
 		format: c
 	};
 }
@@ -66,9 +66,9 @@ function T(e, t = {}) {
 		height: e.controller.height
 	};
 }
-var E = .35, D = 120, O = Array.from({ length: 21 }, (e, t) => t / 20), k = 0, A = class {
+var E = .35, D = 120, O = Array.from({ length: 21 }, (e, t) => t / 20), k = 0, ne = class {
 	constructor(e) {
-		this.id = `lintje-chart-${++k}`, this.width = m.width, this.height = m.height, this.inView = !1, this.tooltip = null, this.hoverIndex = null, this.status = "", this.hiddenSeries = [], this.emphasis = null, this.hiddenLayers = [], this.hoverSegment = null, this.selectedCell = null, this.dimmedClass = null, this.mapHint = null, this.mapHintTimer = null, this.mapSelection = null, this.mapTool = null, this.mapLastTool = null, this.mapMenuOpen = !1, this.mapMenuFocus = null, this.mapLegendOpen = !1, this.mapArea = null, this.hostArea = void 0, this.hostSelection = void 0, this.leaflet = null, this.leafletView = null, this.element = null, this.measuring = {}, this.resizeObserver = null, this.intersectionObserver = null, this.attach = (e) => {
+		this.id = `lintje-chart-${++k}`, this.width = m.width, this.height = m.height, this.inView = !1, this.tooltip = null, this.hoverIndex = null, this.status = "", this.hiddenSeries = [], this.emphasis = null, this.hiddenLayers = [], this.hoverSegment = null, this.selectedCell = null, this.mapHint = null, this.mapHintTimer = null, this.mapSelection = null, this.mapTool = null, this.mapLastTool = null, this.mapMenuOpen = !1, this.mapMenuFocus = null, this.mapLegendOpen = !1, this.mapArea = null, this.hostArea = void 0, this.hostSelection = void 0, this.leaflet = null, this.leafletView = null, this.element = null, this.measuring = {}, this.resizeObserver = null, this.intersectionObserver = null, this.attach = (e) => {
 			e !== this.element && (this.unwatch(), e instanceof HTMLElement && (this.element = e, this.read(), this.watchSize(e), this.watchVisibility(e)));
 		}, this.onWindowKey = (e) => {
 			e.key === "Escape" && this.hideTooltip();
@@ -161,11 +161,11 @@ var E = .35, D = 120, O = Array.from({ length: 21 }, (e, t) => t / 20), k = 0, A
 	enter() {
 		this.intersectionObserver?.disconnect(), this.intersectionObserver = null, !this.inView && (this.inView = !0, this.requestUpdate());
 	}
-}, j = f;
-function M(e) {
-	return typeof e == "string" && j.includes(e);
+}, A = d;
+function j(e) {
+	return typeof e == "string" && A.includes(e);
 }
-var ne = [
+var re = [
 	"circle",
 	"square",
 	"triangle",
@@ -184,20 +184,20 @@ var ne = [
 	"rectangle",
 	"kite"
 ];
-function re(e) {
-	return ne[j.indexOf(e)];
-}
 function ie(e) {
+	return re[A.indexOf(e)];
+}
+function ae(e) {
 	return Math.sqrt(2 * Math.PI / (e * Math.sin(2 * Math.PI / e)));
 }
-function N(e, t, n) {
-	let r = ie(e) * n;
+function M(e, t, n) {
+	let r = ae(e) * n;
 	return Array.from({ length: e }, (n, i) => {
 		let a = t + i * 2 * Math.PI / e;
 		return [r * Math.cos(a), r * Math.sin(a)];
 	});
 }
-function P(e, t = 0) {
+function N(e, t = 0) {
 	let n = e * Math.sqrt(Math.PI / 5) / 2, r = Math.cos(t), i = Math.sin(t);
 	return [
 		[-n, -3 * n],
@@ -214,14 +214,14 @@ function P(e, t = 0) {
 		[-n, -n]
 	].map(([e, t]) => [e * r - t * i, e * i + t * r]);
 }
-function F(e, t) {
+function P(e, t) {
 	let n = .5, r = t * Math.sqrt(Math.PI / (e * n * Math.sin(Math.PI / e)));
 	return Array.from({ length: 2 * e }, (t, i) => {
 		let a = i % 2 == 0 ? r : n * r, o = -Math.PI / 2 + i * Math.PI / e;
 		return [a * Math.cos(o), a * Math.sin(o)];
 	});
 }
-function I(e) {
+function F(e) {
 	let t = e * Math.sqrt(Math.PI / 2), n = t / 2;
 	return [
 		[-t, -n],
@@ -230,7 +230,7 @@ function I(e) {
 		[-t, n]
 	];
 }
-function L(e) {
+function I(e) {
 	let t = e * Math.sqrt(Math.PI / 2.5), n = 1.25 * t;
 	return [
 		[-t, -n],
@@ -241,7 +241,7 @@ function L(e) {
 		[0, 0]
 	];
 }
-function R(e) {
+function L(e) {
 	let t = e * Math.sqrt(Math.PI);
 	return [
 		[0, -t],
@@ -250,87 +250,88 @@ function R(e) {
 		[-t / 2, 0]
 	];
 }
-function z(e, t = 1) {
+function R(e, t = 1) {
 	let n = -Math.PI / 2;
 	switch (e) {
 		case "circle": return null;
-		case "square": return N(4, Math.PI / 4, t);
-		case "diamond": return N(4, n, t);
-		case "triangle": return N(3, n, t);
-		case "triangle-down": return N(3, Math.PI / 2, t);
-		case "pentagon": return N(5, n, t);
-		case "hexagon": return N(6, n, t);
-		case "plus": return P(t);
-		case "cross": return P(t, Math.PI / 4);
-		case "octagon": return N(8, n, t);
-		case "triangle-right": return N(3, 0, t);
-		case "triangle-left": return N(3, Math.PI, t);
-		case "star": return F(5, t);
-		case "star-4": return F(4, t);
-		case "hourglass": return L(t);
-		case "rectangle": return I(t);
-		case "kite": return R(t);
+		case "square": return M(4, Math.PI / 4, t);
+		case "diamond": return M(4, n, t);
+		case "triangle": return M(3, n, t);
+		case "triangle-down": return M(3, Math.PI / 2, t);
+		case "pentagon": return M(5, n, t);
+		case "hexagon": return M(6, n, t);
+		case "plus": return N(t);
+		case "cross": return N(t, Math.PI / 4);
+		case "octagon": return M(8, n, t);
+		case "triangle-right": return M(3, 0, t);
+		case "triangle-left": return M(3, Math.PI, t);
+		case "star": return P(5, t);
+		case "star-4": return P(4, t);
+		case "hourglass": return I(t);
+		case "rectangle": return F(t);
+		case "kite": return L(t);
 	}
 }
-function B(e, t = 1, n = 0, r = 0) {
-	let i = z(e, t);
+function z(e, t = 1, n = 0, r = 0) {
+	let i = R(e, t);
 	if (!i) return `M ${n - t} ${r} a ${t} ${t} 0 1 0 ${t * 2} 0 a ${t} ${t} 0 1 0 ${-t * 2} 0 Z`;
 	let a = (e) => Number(e.toFixed(3));
 	return `${i.map(([e, t], i) => `${i === 0 ? "M" : "L"} ${a(n + e)} ${a(r + t)}`).join(" ")} Z`;
 }
-function V(e, t, n = 0, r = 0) {
-	return B(e ? re(e) : "circle", t, n, r);
+function B(e, t, n = 0, r = 0) {
+	return z(e ? ie(e) : "circle", t, n, r);
 }
 //#endregion
 //#region src/components/shared/charts/shared/colors.ts
-var H = "var(--color-chart-default)", U = {
-	...Object.fromEntries(f.map((e) => [e, c(e)])),
+var V = "var(--color-chart-default)", H = {
+	...Object.fromEntries(d.map((e) => [e, c(e)])),
 	other: "var(--color-chart-other)",
 	remainder: "var(--color-chart-remainder)",
 	emphasis: "var(--color-chart-emphasis)"
 };
+function U(e) {
+	if (e != null) return H[e] ?? e;
+}
 function W(e) {
-	if (e != null) return U[e] ?? e;
+	return e === H["dark-yellow"] ? "var(--color-chart-dark-yellow-text)" : void 0;
 }
 function G(e) {
-	return e === U["dark-yellow"] ? "var(--color-chart-dark-yellow-text)" : void 0;
-}
-function K(e) {
-	if (e != null && M(e)) return U[e];
+	if (e != null && j(e)) return H[e];
 }
 //#endregion
 //#region src/components/shared/charts/shared/axes.ts
-function q(e, t, n) {
-	let r = G(t);
-	return d`<path d=${V(e, 4.5, n, n)} fill="currentColor"
-                   stroke=${r ?? a} stroke-width=${r ? 1 : a} />`;
+var K = "reference:threshold", q = "reference:median";
+function J(e, t, n) {
+	let r = W(t);
+	return u`<path d=${B(e, 4.5, n, n)} fill="currentColor"
+                   stroke=${r ?? i} stroke-width=${r ? 1 : i} />`;
 }
-function J({ items: e, onToggle: t, onEmphasis: n, position: i = "top" }) {
+function oe({ items: e, onToggle: t, onEmphasis: n, position: a = "top" }) {
 	let o = (e) => () => n?.(e.key ?? e.label), s = () => n?.(null), c = (e) => l`
     ${e.symbol && e.shape === "point" ? l`<svg class="lintje-legend__marker lintje-legend__marker--symbol" viewBox="0 0 14 14"
                     ${r({ color: e.color ?? "var(--color-chart-default)" })}
                     aria-hidden="true" focusable="false">
-            ${q(e.symbol, e.color, 7)}
+            ${J(e.symbol, e.color, 7)}
           </svg>` : e.symbol ? l`<svg class="lintje-legend__marker lintje-legend__marker--symbol" viewBox="0 0 14 14"
                     ${r({ color: e.color ?? "var(--color-chart-default)" })}
                     aria-hidden="true" focusable="false">
             <line x1="0" x2="14" y1="7" y2="7" stroke="currentColor" stroke-width="3" />
-            <path d=${V(e.symbol, 4, 7, 7)} fill="currentColor" />
+            <path d=${B(e.symbol, 4, 7, 7)} fill="currentColor" />
           </svg>` : l`<span class="lintje-legend__marker lintje-legend__marker--${e.shape ?? "square"}"
                      ${r({ color: e.color ?? "var(--color-chart-default)" })}
                      aria-hidden="true"></span>`}
     <span class="lintje-legend__label">${e.label}</span>
   `;
 	return l`
-    <ul class="lintje-legend lintje-legend--${i}">
+    <ul class="lintje-legend lintje-legend--${a}">
       ${e.map((e) => l`
         <li class="lintje-legend__item ${e.hidden ? "is-hidden" : ""}">
           ${t && !e.fixed ? l`<button type="button" class="lintje-legend__button"
                            @click=${() => t(e.key ?? e.label)}
-                           @mouseenter=${n ? o(e) : a}
-                           @mouseleave=${n ? s : a}
-                           @focus=${n ? o(e) : a}
-                           @blur=${n ? s : a}
+                           @mouseenter=${n ? o(e) : i}
+                           @mouseleave=${n ? s : i}
+                           @focus=${n ? o(e) : i}
+                           @blur=${n ? s : i}
                            aria-pressed=${!e.hidden}>${c(e)}</button>` : c(e)}
         </li>
       `)}
@@ -341,7 +342,7 @@ function Y(e) {
 	return e ? "group" : "img";
 }
 function X(e) {
-	return d`
+	return u`
     <filter id="focus-${e}" filterUnits="userSpaceOnUse" x="-10%" y="-10%" width="120%" height="120%"
             color-interpolation-filters="sRGB">
       <feComponentTransfer in="SourceAlpha" result="shape"><feFuncA type="linear" slope="100" /></feComponentTransfer>
@@ -358,11 +359,11 @@ function X(e) {
 function Z(e) {
 	return { "--lintje-focus-ring": `url(#focus-${e})` };
 }
-var ae = 8, oe = 20;
+var se = 8, ce = 20;
 function Q(e, t = "") {
 	if (e.length < 2) return e;
 	let n = e.map((e) => {
-		let n = u(e.label, t), r = e.anchor === "end" ? e.x - n : e.anchor === "start" ? e.x : e.x - n / 2;
+		let n = s(e.label, t), r = e.anchor === "end" ? e.x - n : e.anchor === "start" ? e.x : e.x - n / 2;
 		return {
 			left: r,
 			right: r + n
@@ -370,17 +371,17 @@ function Q(e, t = "") {
 	}), r = (t) => {
 		for (let r = 0; r + t < e.length; r += t) {
 			let e = n[r], i = n[r + t];
-			if (Math.max(i.left - e.right, e.left - i.right) < ae) return !1;
+			if (Math.max(i.left - e.right, e.left - i.right) < se) return !1;
 		}
 		return !0;
 	}, i = 1;
 	for (; i < e.length && !r(i);) i += 1;
 	return i === 1 ? e : e.filter((e, t) => t % i === 0);
 }
-function se({ area: e = m, ticks: t, max: n, axisTitle: o, xLabels: s, xTitle: c, description: u, defs: f, zeroLine: p = !0, formatTick: h = i, id: g, height: _, fontFamily: v, interactive: y, keys: b }, x) {
+function le({ area: e = m, ticks: t, max: n, axisTitle: o, xLabels: s, xTitle: c, description: d, defs: f, zeroLine: p = !0, formatTick: h = a, id: g, height: _, fontFamily: v, interactive: y, keys: b }, x) {
 	return l`
     <figure class="lintje-chart">
-      ${o ? l`<figcaption class="lintje-chart__axis-title">${o}</figcaption>` : a}
+      ${o ? l`<figcaption class="lintje-chart__axis-title">${o}</figcaption>` : i}
       <!-- The viewBox is set 1:1 to the measured pixels, so 12 px axis text really is
            12 px — however narrow the tile is. -->
       <svg
@@ -394,12 +395,12 @@ function se({ area: e = m, ticks: t, max: n, axisTitle: o, xLabels: s, xTitle: c
 	})}
         role=${Y(y)}
         aria-labelledby="${g}-desc"
-        tabindex=${b ? 0 : a}
+        tabindex=${b ? 0 : i}
         @keydown=${b?.keydown}
         @focus=${b?.focus}
         @blur=${b?.blur}
       >
-        <desc id="${g}-desc">${u}</desc>
+        <desc id="${g}-desc">${d}</desc>
         <defs>
           <pattern id="hatch-${g}" width="6" height="6" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
             <line x1="0" y1="0" x2="0" y2="6" stroke="var(--color-chart-hatch)" stroke-width="2" />
@@ -411,7 +412,7 @@ function se({ area: e = m, ticks: t, max: n, axisTitle: o, xLabels: s, xTitle: c
         <!-- Grid + axis labels -->
         ${t.map((t) => {
 		let r = C(t, n, e), i = t === 0;
-		return d`
+		return u`
             <g>
               <line
                 x1=${e.left} x2=${e.width - e.right} y1=${r} y2=${r}
@@ -427,42 +428,42 @@ function se({ area: e = m, ticks: t, max: n, axisTitle: o, xLabels: s, xTitle: c
         ${x}
 
         <!-- x-axis labels -->
-        ${Q(s ?? [], v).map((t) => d`
-          <text x=${t.x} y=${e.height - e.bottom + oe} text-anchor=${t.anchor ?? "middle"} class="lintje-chart__axis-label">
+        ${Q(s ?? [], v).map((t) => u`
+          <text x=${t.x} y=${e.height - e.bottom + ce} text-anchor=${t.anchor ?? "middle"} class="lintje-chart__axis-label">
             ${t.label}
           </text>
         `)}
-        ${c ? d`<text x=${e.width - e.right} y=${e.height - e.bottom + 40} text-anchor="end"
-                      class="lintje-chart__x-title">${c}</text>` : a}
+        ${c ? u`<text x=${e.width - e.right} y=${e.height - e.bottom + 40} text-anchor="end"
+                      class="lintje-chart__x-title">${c}</text>` : i}
       </svg>
     </figure>
   `;
 }
-function ce({ area: e = m, index: t, count: n, label: r, lastValue: i, pendingHours: o }) {
-	let s = e.left + x(e) * t / (n - 1), c = o > 6, l = e.width - e.right - s, u = l > 140;
-	return c ? d`
+function $({ area: e = m, index: t, count: n, label: r, lastValue: a, pendingHours: o }) {
+	let s = e.left + x(e) * t / (n - 1), c = o > 6, l = e.width - e.right - s, d = l > 140;
+	return c ? u`
     <g>
       <line x1=${s} x2=${s} y1=${e.top} y2=${e.height - e.bottom}
             stroke="var(--color-text-primary)" stroke-width="1.5" stroke-dasharray="4 3" />
-      <text x=${u ? s + 6 : s - 6} y=${e.top + 12}
-            text-anchor=${u ? "start" : "end"} class="lintje-chart__as-of-label">
+      <text x=${d ? s + 6 : s - 6} y=${e.top + 12}
+            text-anchor=${d ? "start" : "end"} class="lintje-chart__as-of-label">
         ${r}
       </text>
-      ${i ? d`<text x=${u ? s + 6 : s - 6} y=${e.top + 26}
-                    text-anchor=${u ? "start" : "end"} class="lintje-chart__axis-label">${i}</text>` : a}
+      ${a ? u`<text x=${d ? s + 6 : s - 6} y=${e.top + 26}
+                    text-anchor=${d ? "start" : "end"} class="lintje-chart__axis-label">${a}</text>` : i}
       <text x=${s + l / 2} y=${e.top + (e.height - e.top - e.bottom) / 2}
             text-anchor="middle" class="lintje-chart__as-of-note">
         nog geen gegevens · ${o} ${o === 1 ? "uur" : "uren"} volgen
       </text>
     </g>
-  ` : a;
+  ` : i;
 }
-var le = e(class extends p {
+var ue = e(class extends p {
 	constructor(e) {
 		if (super(e), e.type !== n.ELEMENT) throw Error("placeTooltip only works on an element");
 	}
 	render(e) {
-		return a;
+		return i;
 	}
 	update(e, [t]) {
 		let n = e.element;
@@ -470,23 +471,23 @@ var le = e(class extends p {
 			if (!n.isConnected) return;
 			let e = n.parentElement?.clientWidth ?? Infinity;
 			n.style.left = `${Math.max(0, Math.min(t.x + 12, e - n.offsetWidth - 8))}px`;
-		}), a;
+		}), i;
 	}
 });
-function $(e) {
+function de(e) {
 	let t = e.tooltip;
-	if (!t) return a;
+	if (!t) return i;
 	let { content: n } = t;
 	return l`
-    <div class="lintje-chart-tooltip" ${le(t)}>
+    <div class="lintje-chart-tooltip" ${ue(t)}>
       <p class="lintje-chart-tooltip__title">${n.title}</p>
       ${n.rows.map((e) => l`
         <p class="lintje-chart-tooltip__row ${e.divider ? "lintje-chart-tooltip__row--divider" : ""}">
           <span class="lintje-chart-tooltip__label">
             ${e.symbol ? l`<svg class="lintje-chart-tooltip__marker lintje-chart-tooltip__marker--symbol"
                             viewBox="0 0 14 14" ${r({ color: e.color })}
-                            aria-hidden="true" focusable="false">${q(e.symbol, e.color, 7)}</svg>` : e.marker ? l`<span class="lintje-chart-tooltip__marker lintje-chart-tooltip__marker--${e.marker}"
-                               ${r({ color: e.color })}></span>` : e.color ? l`<span class="lintje-chart-tooltip__marker" ${r({ background: e.color })}></span>` : a}
+                            aria-hidden="true" focusable="false">${J(e.symbol, e.color, 7)}</svg>` : e.marker ? l`<span class="lintje-chart-tooltip__marker lintje-chart-tooltip__marker--${e.marker}"
+                               ${r({ color: e.color })}></span>` : e.color ? l`<span class="lintje-chart-tooltip__marker" ${r({ background: e.color })}></span>` : i}
             ${e.label}
           </span>
           <span class="lintje-chart-tooltip__value">${e.value}</span>
@@ -503,12 +504,12 @@ function $(e) {
 }
 //#endregion
 //#region src/components/shared/charts/shared/stagger.ts
-function ue(e, t) {
+function fe(e, t) {
 	return { "--lintje-stagger": String(t > 1 ? e / (t - 1) : 0) };
 }
-function de(e, t, n, r) {
+function pe(e, t, n, r) {
 	let i = n > 1 ? e / (n - 1) : 0, a = r > 1 ? t / (r - 1) : 0;
 	return { "--lintje-stagger": String(.7 * i + .3 * a) };
 }
 //#endregion
-export { x as C, C as E, w as S, te as T, V as _, Z as a, b, X as c, H as d, W as f, M as g, j as h, Y as i, J as l, K as m, ue as n, ce as o, G as p, $ as r, se as s, de as t, Q as u, A as v, y as w, S as x, T as y };
+export { S as C, te as D, y as E, C as O, b as S, x as T, A as _, K as a, ne as b, $ as c, oe as d, Q as f, G as g, W as h, q as i, le as l, U as m, fe as n, Y as o, V as p, de as r, Z as s, pe as t, X as u, j as v, w, T as x, B as y };

package/dist-elements/content.js

@@ -6,5 +6,6 @@ import "./tag/translator.js";
 import "./tag/audio-player.js";
 import "./tag/video-player.js";
 import "./tag/transcript.js";
+import "./tag/log-viewer.js";
 import "./tag/document-viewer.js";
 import "./tag/gallery.js";

package/dist-elements/core.js

@@ -1 +1 @@
-export { Pt as FrameStateController, Et as ICONS, an as LINTJE_VERSION, Jt as LintjeElement, Gt as MOBILE, Kt as MediaController, qt as WIDE, Dt as ariaKeyShortcuts, Xt as baseStyles, Ot as characterKeys, Yt as define, It as getFrameState, ct as iconGlyph, ft as iconIsMissing, pt as iconSource, lt as iconStyles, kt as isTypingTarget, At as keyLabels, mt as loadIcon, ht as loadedIcon, gt as loadedIconNames, Ht as lockScroll, _t as onIconChange, jt as registerShortcut, ut as renderIcon, Ut as scrollRoot, Mt as setCharacterKeys, Lt as setFrameState, Wt as setHostConfig, yt as setIconSource, Rt as setScrolled, zt as setTitleHidden, Zt as shadowCss, Nt as shortcuts, Bt as subscribeToFrameState, Qt as toShadowCss, $t as tokenStyles } from "./chunks/base-DRGvkF-r.js";
+export { Pt as FrameStateController, Et as ICONS, an as LINTJE_VERSION, Jt as LintjeElement, Gt as MOBILE, Kt as MediaController, qt as WIDE, Dt as ariaKeyShortcuts, Xt as baseStyles, Ot as characterKeys, Yt as define, It as getFrameState, ct as iconGlyph, ft as iconIsMissing, pt as iconSource, lt as iconStyles, kt as isTypingTarget, At as keyLabels, mt as loadIcon, ht as loadedIcon, gt as loadedIconNames, Ht as lockScroll, _t as onIconChange, jt as registerShortcut, ut as renderIcon, Ut as scrollRoot, Mt as setCharacterKeys, Lt as setFrameState, Wt as setHostConfig, yt as setIconSource, Rt as setScrolled, zt as setTitleHidden, Zt as shadowCss, Nt as shortcuts, Bt as subscribeToFrameState, Qt as toShadowCss, $t as tokenStyles } from "./chunks/base-CVKIPSLx.js";

package/dist-elements/custom-elements.json

@@ -1197,7 +1197,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "An icon file name before the label, saying what the label is a value of (the speed's \"1×\").",
+              "description": "An icon file name before the label, saying what the label is a value of (the speed's \"1×\").\nWithout a `label` the trigger is this icon alone, in a square; `accessible-label` names it.",
               "attribute": "leading-icon"
             },
             {
@@ -1320,7 +1320,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "An icon file name before the label, saying what the label is a value of (the speed's \"1×\")."
+              "description": "An icon file name before the label, saying what the label is a value of (the speed's \"1×\").\nWithout a `label` the trigger is this icon alone, in a square; `accessible-label` names it."
             },
             {
               "name": "disabled",
@@ -4078,6 +4078,124 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/content/log-viewer/log-viewer.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "LintjeLogViewer",
+          "tagName": "lintje-log-viewer",
+          "customElement": true,
+          "description": "`<lintje-log-viewer>` — log lines in a tile, oldest first, that follow the newest while live.\n\nThe host holds the filter (level, search term, \"alleen treffers\") and the chosen line, keeps\nthem in the URL and sends only the lines that match; the view, the following and the cleared\nview are the element's own. It finds the hits of the term itself and steps through them. It\nnever guesses: a line without a level has no badge. Lines without time, level or source are\ndrawn as plain output. A danger action is the host's to confirm.\n\nEvents: `lintje-log-filter-change` `{ level, search, onlyHits }`, `lintje-log-select`\n`string | null` (the chosen line), `lintje-log-action` `string` (one of `actions`),\n`lintje-log-retry`.",
+          "superclass": {
+            "name": "LintjeContentTileElement"
+          },
+          "members": [
+            {
+              "kind": "field",
+              "name": "mode",
+              "type": {
+                "text": "'light' | 'dark'"
+              },
+              "attribute": "mode",
+              "inheritedFrom": {
+                "name": "LintjeElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "span",
+              "type": {
+                "text": "number"
+              },
+              "description": "Columns of the 12-column grid; default one.",
+              "attribute": "span",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "LintjeGridItemElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "LogViewerData"
+              }
+            }
+          ],
+          "methods": [],
+          "attributes": [
+            {
+              "name": "mode",
+              "fieldName": "mode",
+              "type": {
+                "text": "'light' | 'dark'"
+              }
+            },
+            {
+              "name": "span",
+              "fieldName": "span",
+              "type": {
+                "text": "number"
+              },
+              "description": "Columns of the 12-column grid; default one."
+            }
+          ],
+          "events": [
+            {
+              "name": "lintje-log-action",
+              "type": {
+                "text": "CustomEvent<event.detail>"
+              }
+            },
+            {
+              "name": "lintje-log-filter-change",
+              "type": {
+                "text": "CustomEvent<next>"
+              }
+            },
+            {
+              "name": "lintje-log-retry",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
+            {
+              "name": "lintje-log-select",
+              "type": {
+                "text": "CustomEvent<id>"
+              }
+            }
+          ],
+          "slots": [],
+          "draws": [
+            "lintje-announcement",
+            "lintje-badge",
+            "lintje-button",
+            "lintje-code",
+            "lintje-find",
+            "lintje-highlight",
+            "lintje-icon-button",
+            "lintje-menu-button",
+            "lintje-segmented",
+            "lintje-select",
+            "lintje-skeleton",
+            "lintje-tile"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "lintje-log-viewer",
+          "declaration": {
+            "name": "LintjeLogViewer",
+            "module": "src/components/content/log-viewer/log-viewer.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/content/prose/prose.ts",