lintje 0.5.1 → 0.7.0

package/dist-elements/tag/pagination.js

@@ -1,257 +1,54 @@
-import { H as e, Jt as t, Yt as n, Zt as r, en as i, f as a, g as o, lt as s, nn as c, rt as l, st as u, ut as d } from "../chunks/base-Bd2pmq86.js";
-import "./menu-button.js";
-//#region src/components/tables/pagination/pagination.css?inline
-var f = "/* \"Vorige\" and \"Volgende\" wear `.lintje-button--link` from the button's sheet. */\n/* In a flush tile the pages keep the heading's indent, as the rows above them do, and the tile's\n   padding below them when no footnote follows. */\n:host {\n  display: block; min-width: 0;\n  padding-inline: var(--lintje-inset, 0px);\n  padding-block-end: var(--lintje-inset-end, 0px);\n}\n:host([hidden]) { display: none; }\n\n/* ------------------------------------------------------------------------ */\n\n/* Three zones: the count left, the pages centred under what they page, the size choice right.\n   Stacked, the pages take the first line and the count and the choice share the second. */\n.lintje-pagination {\n  display: grid; grid-template-columns: 1fr auto 1fr;\n  grid-template-areas: \"count nav size\";\n  align-items: center;\n  gap: var(--space-2) var(--space-4);\n}\n.lintje-pagination.is-stacked {\n  grid-template-columns: 1fr auto;\n  grid-template-areas: \"nav nav\" \"count size\";\n}\n\n.lintje-pagination__nav {\n  grid-area: nav; justify-self: center;\n  display: flex; flex-wrap: wrap; align-items: center;\n  font: var(--text-ui);\n}\n.lintje-pagination__pages { display: contents; }\n\n/* The chevron and the bold word make a step a control without an underline at rest. */\n.lintje-pagination__step {\n  height: var(--h-target);\n  padding: 0 var(--space-3);\n  gap: var(--space-1);\n  text-decoration: none;\n}\n.lintje-pagination__step:not(:disabled):hover { text-decoration: underline; }\n/* Without its word a step is a square chevron, as large as a number. */\n.lintje-pagination.is-compact .lintje-pagination__step { width: var(--h-target); padding: 0; }\n\n/* Flat: a box around every number weighs more than the one that matters. */\n.lintje-pagination__page {\n  display: inline-flex; align-items: center; justify-content: center;\n  min-width: var(--h-target); height: var(--h-target);\n  padding: 0 var(--space-1);\n  background: transparent;\n  border: 1px solid transparent;\n  color: var(--color-link);\n  font: var(--text-ui);\n  font-variant-numeric: tabular-nums;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background var(--dur-hover) var(--ease-in-motion);\n}\n.lintje-pagination__page:hover { background: var(--color-bg-subtle); color: var(--color-link-hover); }\n\n/* The one filled square; its edge is the primary button's, the tint that carries it in dark. */\n.lintje-pagination__page.is-current {\n  background: var(--color-action-primary);\n  border-color: var(--color-action-primary-border);\n  color: var(--color-action-primary-text);\n  font-weight: 700;\n  cursor: default;\n}\n/* Choosing the current page does nothing, so it does not answer the pointer. */\n.lintje-pagination__page.is-current:hover { background: var(--color-action-primary); }\n\n/* As wide as a number, so the seven slots keep one length. */\n.lintje-pagination__gap {\n  min-width: var(--h-target);\n  text-align: center;\n  color: var(--color-text-muted);\n}\n\n.lintje-pagination__where { display: none; color: var(--color-text-primary); white-space: nowrap; }\n\n.lintje-pagination__count {\n  grid-area: count; justify-self: start;\n  margin: 0;\n  white-space: nowrap;\n  font: var(--text-small);\n  color: var(--color-text-muted);\n  font-variant-numeric: tabular-nums;\n}\n\n.lintje-pagination__size { grid-area: size; justify-self: end; white-space: nowrap; }\n\n@media screen and (max-width: 767px) {\n  .lintje-pagination {\n    grid-template-columns: 1fr auto;\n    grid-template-areas: \"nav nav\" \"count size\";\n  }\n  .lintje-pagination__nav {\n    justify-self: stretch;\n    flex-wrap: nowrap; justify-content: space-between;\n  }\n  .lintje-pagination__pages { display: none; }\n  .lintje-pagination__where { display: block; }\n  .lintje-pagination__step { flex: 0 0 auto; padding: 0 var(--space-2); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .lintje-pagination__page { transition: none; }\n}\n\n/* Forced colours: the current page's fill is dropped, so its border turns Highlight. */\n@media (forced-colors: active) {\n  .lintje-pagination__page.is-current { border-color: Highlight; }\n}\n\n/* Paper keeps the count, which says that only these rows are on it; the steps are controls. */\n@media print {\n  .lintje-pagination__nav,\n  .lintje-pagination__size { display: none; }\n}\n", p = 7;
-function m(e, t) {
-	let n = Math.max(0, Math.floor(t));
-	if (n <= p) return Array.from({ length: n }, (e, t) => t + 1);
-	let r = Math.min(Math.max(1, Math.floor(e)), n);
-	return r <= 4 ? [
-		1,
-		2,
-		3,
-		4,
-		5,
-		"gap",
-		n
-	] : r >= n - 3 ? [
-		1,
-		"gap",
-		n - 4,
-		n - 3,
-		n - 2,
-		n - 1,
-		n
-	] : [
-		1,
-		"gap",
-		r - 1,
-		r,
-		r + 1,
-		"gap",
-		n
-	];
-}
-var h = {
-	many: "resultaten",
-	one: "resultaat"
-};
-function g(e, t, n, r = h, i) {
-	if (!t || n == null || Number.isNaN(n)) return null;
-	let o = i != null && i > n ? ` · gefilterd uit ${a(i)}` : "";
-	if (n <= 0) return `Geen ${r.many}${o}`;
-	let s = n === 1 ? r.one : r.many;
-	if (n <= t) return `${a(n)} ${s}${o}`;
-	let c = Math.min((e - 1) * t + 1, n), l = Math.min(e * t, n);
-	return `${c === l ? a(c) : `${a(c)}–${a(l)}`} van ${a(n)} ${s}${o}`;
-}
-function _(e) {
-	if (!e) return;
-	let t = e.split(",").map((e) => Number(e.trim())).filter((e) => Number.isInteger(e) && e > 0);
-	return t.length ? [...new Set(t)] : void 0;
-}
-var v = class extends t {
-	constructor(...e) {
-		super(...e), this.page = 1, this.label = "Paginering", this.compact = !1, this.stacked = !1, this.#e = null;
-	}
-	static {
-		this.styles = [
-			s,
-			r(l),
-			r(f)
-		];
-	}
-	static {
-		this.properties = {
-			page: { type: Number },
-			pageCount: {
-				type: Number,
-				attribute: "page-count"
-			},
-			total: { type: Number },
-			filteredFrom: {
-				type: Number,
-				attribute: "filtered-from"
-			},
-			pageSize: {
-				type: Number,
-				attribute: "page-size"
-			},
-			pageSizes: {
-				attribute: "page-sizes",
-				converter: { fromAttribute: _ }
-			},
-			unit: { type: String },
-			unitOne: {
-				type: String,
-				attribute: "unit-one"
-			},
-			hrefTemplate: {
-				type: String,
-				attribute: "href-template"
-			},
-			label: { type: String },
-			compact: { state: !0 },
-			stacked: { state: !0 }
-		};
-	}
-	#e;
-	connectedCallback() {
-		super.connectedCallback(), typeof ResizeObserver < "u" && (this.#e = new ResizeObserver(() => this.fit()), this.#e.observe(this));
-	}
-	disconnectedCallback() {
-		this.#e?.disconnect(), this.#e = null, super.disconnectedCallback();
-	}
-	updated(e) {
-		super.updated(e), this.fit();
-	}
-	fit() {
-		let e = this.renderRoot.querySelector(".lintje-pagination"), t = this.renderRoot.querySelector(".lintje-pagination__nav");
-		if (!e || !t) return;
-		let n = [...t.querySelectorAll(".lintje-pagination__word")], r = (t) => {
-			e.classList.toggle("is-compact", t);
-			for (let e of n) e.classList.toggle("visually-hidden", t);
-		};
-		r(!1);
-		let i = [...t.querySelectorAll("[data-step], .lintje-pagination__page, .lintje-pagination__gap, .lintje-pagination__where")].filter((e) => e.getClientRects().length > 0), a = parseFloat(getComputedStyle(t).columnGap) || 0, o = i.reduce((e, t) => e + Math.max(t.getBoundingClientRect().width, t.scrollWidth), a * (i.length - 1)), s = e.clientWidth, c = Math.max(0, ...[...e.querySelectorAll(".lintje-pagination__count, .lintje-pagination__size")].map((e) => Math.max(e.getBoundingClientRect().width, e.scrollWidth))), l = parseFloat(getComputedStyle(e).columnGap) || 0;
-		r(this.compact);
-		let u = o > s + .5, d = c > 0 && o + 2 * (c + l) > s + .5;
-		u !== this.compact && (this.compact = u), d !== this.stacked && (this.stacked = d);
-	}
-	get count() {
-		return this.pageCount ? Math.max(1, Math.floor(this.pageCount)) : this.pageSize && this.total ? Math.max(1, Math.ceil(this.total / this.pageSize)) : 1;
-	}
-	get current() {
-		return Math.min(Math.max(1, Math.floor(this.page || 1)), this.count);
-	}
-	hrefFor(e) {
-		return this.hrefTemplate ? this.hrefTemplate.replaceAll("{page}", String(e)) : void 0;
-	}
-	choose(t, n, r) {
-		let i = this.hrefFor(n);
-		(!i || e(t)) && (n === this.current ? t.preventDefault() : (this.page = n, this.emit("lintje-page-change", { page: n }), i && this.followLink(i, t), this.updateComplete.then(() => this.keepFocus(r))));
-	}
-	get countUnit() {
-		return this.unit ? {
-			many: this.unit,
-			one: this.unitOne || this.unit
-		} : h;
-	}
-	chooseSize(e) {
-		if (!e || e === this.pageSize) return;
-		let t = this.pageSize ? (this.current - 1) * this.pageSize : 0, n = Math.floor(t / e) + 1;
-		this.pageSize = e, this.page = n, this.emit("lintje-page-size-change", {
-			pageSize: e,
-			page: n
-		});
-	}
-	sizes() {
-		let e = this.pageSizes;
-		if (!e?.length) return i;
-		let t = this.pageSize ?? e[0], n = e.includes(t) ? e : [...e, t].sort((e, t) => e - t), r = this.countUnit.many;
-		return c`<lintje-menu-button
+import{G as e,U as t,cn as n,en as r,f as i,g as a,gt as o,ht as s,lt as c,on as l,pt as u,rn as d,tn as f}from"../chunks/base-BsZyWDre.js";import"./menu-button.js";var p=`:host{min-width:0;padding-inline:var(--lintje-inset,0px);padding-block-end:var(--lintje-inset-end,0px);display:block}:host([hidden]){display:none}.lintje-pagination{align-items:center;gap:var(--space-2) var(--space-4);grid-template-columns:1fr auto 1fr;grid-template-areas:"count nav size";display:grid}.lintje-pagination.is-stacked{grid-template-columns:1fr auto;grid-template-areas:"nav nav""count size"}.lintje-pagination__nav{font:var(--text-ui);flex-wrap:wrap;grid-area:nav;justify-self:center;align-items:center;display:flex}.lintje-pagination__pages{display:contents}.lintje-pagination__step{height:var(--h-target);padding:0 var(--space-3);gap:var(--space-1);text-decoration:none}.lintje-pagination__step:not(:disabled):hover{text-decoration:underline}.lintje-pagination.is-compact .lintje-pagination__step{width:var(--h-target);padding:0}.lintje-pagination__page{min-width:var(--h-target);height:var(--h-target);padding:0 var(--space-1);color:var(--color-link);font:var(--text-ui);font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--dur-hover) var(--ease-in-motion);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.lintje-pagination__page:hover{background:var(--color-bg-subtle);color:var(--color-link-hover)}.lintje-pagination__page.is-current{background:var(--color-action-primary);border-color:var(--color-action-primary-border);color:var(--color-action-primary-text);cursor:default;font-weight:700}.lintje-pagination__page.is-current:hover{background:var(--color-action-primary)}.lintje-pagination__gap{min-width:var(--h-target);text-align:center;color:var(--color-text-muted)}.lintje-pagination__where{color:var(--color-text-primary);white-space:nowrap;display:none}.lintje-pagination__count{white-space:nowrap;font:var(--text-small);color:var(--color-text-muted);font-variant-numeric:tabular-nums;grid-area:count;justify-self:start;margin:0}.lintje-pagination__size{white-space:nowrap;grid-area:size;justify-self:end}@media screen and (width<=767px){.lintje-pagination{grid-template-columns:1fr auto;grid-template-areas:"nav nav""count size"}.lintje-pagination__nav{flex-wrap:nowrap;justify-content:space-between;justify-self:stretch}.lintje-pagination__pages{display:none}.lintje-pagination__where{display:block}.lintje-pagination__step{padding:0 var(--space-2);flex:none}}@media (prefers-reduced-motion:reduce){.lintje-pagination__page{transition:none}}@media (forced-colors:active){.lintje-pagination__page.is-current{border-color:highlight}}@media print{.lintje-pagination__nav,.lintje-pagination__size{display:none}}`,m=7;function h(e,t){let n=Math.max(0,Math.floor(t));if(n<=m)return Array.from({length:n},(e,t)=>t+1);let r=Math.min(Math.max(1,Math.floor(e)),n);return r<=4?[1,2,3,4,5,`gap`,n]:r>=n-3?[1,`gap`,n-4,n-3,n-2,n-1,n]:[1,`gap`,r-1,r,r+1,`gap`,n]}var g={many:`resultaten`,one:`resultaat`};function _(e,t,n,r=g,a){if(!t||n==null||Number.isNaN(n))return null;let o=a!=null&&a>n?` · gefilterd uit ${i(a)}`:``;if(n<=0)return`Geen ${r.many}${o}`;let s=n===1?r.one:r.many;if(n<=t)return`${i(n)} ${s}${o}`;let c=Math.min((e-1)*t+1,n),l=Math.min(e*t,n);return`${c===l?i(c):`${i(c)}–${i(l)}`} van ${i(n)} ${s}${o}`}function v(e){if(!e)return;let t=e.split(`,`).map(e=>Number(e.trim())).filter(e=>Number.isInteger(e)&&e>0);return t.length?[...new Set(t)]:void 0}var y=class extends r{constructor(...t){super(...t),this.page=1,this.label=`Paginering`,this.compact=!1,this.stacked=!1,this.#e=new e(()=>this.fit())}static{this.styles=[s,d(c),d(p)]}static{this.properties={page:{type:Number},pageCount:{type:Number,attribute:`page-count`},total:{type:Number},filteredFrom:{type:Number,attribute:`filtered-from`},pageSize:{type:Number,attribute:`page-size`},pageSizes:{attribute:`page-sizes`,converter:{fromAttribute:v}},unit:{type:String},unitOne:{type:String,attribute:`unit-one`},hrefTemplate:{type:String,attribute:`href-template`},label:{type:String}}}#e;connectedCallback(){super.connectedCallback(),this.#e.observe(this)}disconnectedCallback(){this.#e.disconnect(),super.disconnectedCallback()}updated(e){super.updated(e),this.fit()}fit(){let e=this.renderRoot.querySelector(`.lintje-pagination`),t=this.renderRoot.querySelector(`.lintje-pagination__nav`);if(!e||!t)return;let n=[...t.querySelectorAll(`.lintje-pagination__word`)],r=t=>{e.classList.toggle(`is-compact`,t);for(let e of n)e.classList.toggle(`visually-hidden`,t)};r(!1);let i=[...t.querySelectorAll(`[data-step], .lintje-pagination__page, .lintje-pagination__gap, .lintje-pagination__where`)].filter(e=>e.getClientRects().length>0),a=parseFloat(getComputedStyle(t).columnGap)||0,o=i.reduce((e,t)=>e+Math.max(t.getBoundingClientRect().width,t.scrollWidth),a*(i.length-1)),s=e.clientWidth,c=Math.max(0,...[...e.querySelectorAll(`.lintje-pagination__count, .lintje-pagination__size`)].map(e=>Math.max(e.getBoundingClientRect().width,e.scrollWidth))),l=parseFloat(getComputedStyle(e).columnGap)||0;this.compact=o>s+.5,this.stacked=c>0&&o+2*(c+l)>s+.5,r(this.compact),e.classList.toggle(`is-stacked`,this.stacked)}get count(){return this.pageCount?Math.max(1,Math.floor(this.pageCount)):this.pageSize&&this.total?Math.max(1,Math.ceil(this.total/this.pageSize)):1}get current(){return Math.min(Math.max(1,Math.floor(this.page||1)),this.count)}hrefFor(e){return this.hrefTemplate?this.hrefTemplate.replaceAll(`{page}`,String(e)):void 0}choose(e,n,r){let i=this.hrefFor(n);(!i||t(e))&&(n===this.current?e.preventDefault():(this.page=n,this.emit(`lintje-page-change`,{page:n}),i&&this.followLink(i,e),this.updateComplete.then(()=>this.keepFocus(r))))}get countUnit(){return this.unit?{many:this.unit,one:this.unitOne||this.unit}:g}chooseSize(e){if(!e||e===this.pageSize)return;let t=this.pageSize?(this.current-1)*this.pageSize:0,n=Math.floor(t/e)+1;this.pageSize=e,this.page=n,this.emit(`lintje-page-size-change`,{pageSize:e,page:n})}sizes(){let e=this.pageSizes;if(!e?.length)return l;let t=this.pageSize??e[0],r=e.includes(t)?e:[...e,t].sort((e,t)=>e-t),a=this.countUnit.many;return n`<lintje-menu-button
       class="lintje-pagination__size"
       variant="flat"
       placement="bottom-end"
-      label=${`${a(t)} per pagina`}
-      accessible-label=${`${r[0].toUpperCase()}${r.slice(1)}: ${a(t)} per pagina`}
-      .items=${n.map((e) => ({
-			value: String(e),
-			label: `${a(e)} per pagina`,
-			checked: e === t,
-			radio: !0
-		}))}
-      @lintje-action=${(e) => {
-			e.stopPropagation(), this.chooseSize(Number(e.detail));
-		}}
-    ></lintje-menu-button>`;
-	}
-	keepFocus(e) {
-		let t = this.renderRoot, n = [
-			t.querySelector(typeof e == "number" ? `[data-page="${e}"]` : `[data-step="${e}"]`),
-			t.querySelector("[aria-current=\"page\"]"),
-			t.querySelector("[data-step]:not(:disabled)")
-		];
-		for (let e of n) if (!(!e || e instanceof HTMLButtonElement && e.disabled) && (e.focus(), t.activeElement === e)) return;
-	}
-	step(e, t, n) {
-		let r = e === "previous", i = r ? "Vorige" : "Volgende", a = d("functioneel-delta-rechts", {
-			size: 16,
-			flip: r ? "horizontal" : void 0
-		}), o = c`<span
-      class=${u({
-			"lintje-pagination__word": !0,
-			"visually-hidden": this.compact
-		})}
-      >${i}</span
-    >`, s = r ? c`${a}${o}` : c`${o}${a}`, l = this.hrefFor(t);
-		return n || !l ? c`<button
+      label=${`${i(t)} per pagina`}
+      accessible-label=${`${a[0].toUpperCase()}${a.slice(1)}: ${i(t)} per pagina`}
+      .items=${r.map(e=>({value:String(e),label:`${i(e)} per pagina`,checked:e===t,radio:!0}))}
+      @lintje-action=${e=>{e.stopPropagation(),this.chooseSize(Number(e.detail))}}
+    ></lintje-menu-button>`}keepFocus(e){let t=this.renderRoot,n=[t.querySelector(typeof e==`number`?`[data-page="${e}"]`:`[data-step="${e}"]`),t.querySelector(`[aria-current="page"]`),t.querySelector(`[data-step]:not(:disabled)`)];for(let e of n)if(!(!e||e instanceof HTMLButtonElement&&e.disabled)&&(e.focus(),t.activeElement===e))return}step(e,t,r){let i=e===`previous`,a=i?`Vorige`:`Volgende`,s=o(`functioneel-delta-rechts`,{size:16,flip:i?`horizontal`:void 0}),c=n`<span
+      class=${u({"lintje-pagination__word":!0,"visually-hidden":this.compact})}
+      >${a}</span
+    >`,l=i?n`${s}${c}`:n`${c}${s}`,d=this.hrefFor(t);return r||!d?n`<button
         type="button"
-        class=${u({
-			"lintje-button": !0,
-			"lintje-button--link": !0,
-			"lintje-pagination__step": !0,
-			"is-disabled": n
-		})}
+        class=${u({"lintje-button":!0,"lintje-button--link":!0,"lintje-pagination__step":!0,"is-disabled":r})}
         data-step=${e}
-        ?disabled=${n}
-        @click=${(n) => this.choose(n, t, e)}
+        ?disabled=${r}
+        @click=${n=>this.choose(n,t,e)}
       >
-        ${s}
-      </button>` : c`<a
+        ${l}
+      </button>`:n`<a
       class="lintje-button lintje-button--link lintje-pagination__step"
       data-step=${e}
-      href=${l}
-      @click=${(n) => this.choose(n, t, e)}
-      >${s}</a
-    >`;
-	}
-	number(e, t) {
-		let n = e === t, r = u({
-			"lintje-pagination__page": !0,
-			"is-current": n
-		}), a = n ? `Pagina ${e}, huidige pagina` : `Ga naar pagina ${e}`, o = this.hrefFor(e);
-		return o ? c`<a
-        class=${r}
+      href=${d}
+      @click=${n=>this.choose(n,t,e)}
+      >${l}</a
+    >`}number(e,t){let r=e===t,i=u({"lintje-pagination__page":!0,"is-current":r}),a=r?`Pagina ${e}, huidige pagina`:`Ga naar pagina ${e}`,o=this.hrefFor(e);return o?n`<a
+        class=${i}
         href=${o}
         data-page=${e}
         aria-label=${a}
-        aria-current=${n ? "page" : i}
-        @click=${(t) => this.choose(t, e, e)}
+        aria-current=${r?`page`:l}
+        @click=${t=>this.choose(t,e,e)}
         >${e}</a
-      >` : c`<button
+      >`:n`<button
       type="button"
-      class=${r}
+      class=${i}
       data-page=${e}
       aria-label=${a}
-      aria-current=${n ? "page" : i}
-      @click=${(t) => this.choose(t, e, e)}
+      aria-current=${r?`page`:l}
+      @click=${t=>this.choose(t,e,e)}
     >
       ${e}
-    </button>`;
-	}
-	render() {
-		let e = this.count, t = this.current, n = m(t, e), r = n.indexOf(t), a = g(t, this.pageSize, this.total, this.countUnit, this.filteredFrom);
-		return c`<div
-      class=${u({
-			"lintje-pagination": !0,
-			"is-compact": this.compact,
-			"is-stacked": this.stacked
-		})}
-    >
-      ${a ? c`<p class="lintje-pagination__count">${a}</p>` : i}
+    </button>`}render(){let e=this.count,t=this.current,r=h(t,e),i=r.indexOf(t),o=_(t,this.pageSize,this.total,this.countUnit,this.filteredFrom);return n`<div class="lintje-pagination">
+      ${o?n`<p class="lintje-pagination__count">${o}</p>`:l}
       <nav class="lintje-pagination__nav" aria-label=${this.label}>
-        ${this.step("previous", t - 1, t <= 1)}
+        ${this.step(`previous`,t-1,t<=1)}
         <span class="lintje-pagination__pages">
-          ${o(n, (e, t) => e === "gap" ? t < r ? "gap-before" : "gap-after" : e, (e) => e === "gap" ? c`<span class="lintje-pagination__gap" aria-hidden="true">…</span>` : this.number(e, t))}
+          ${a(r,(e,t)=>e===`gap`?t<i?`gap-before`:`gap-after`:e,e=>e===`gap`?n`<span class="lintje-pagination__gap" aria-hidden="true">…</span>`:this.number(e,t))}
         </span>
         <span class="lintje-pagination__where">Pagina ${t} van ${e}</span>
-        ${this.step("next", t + 1, t >= e)}
+        ${this.step(`next`,t+1,t>=e)}
       </nav>
       ${this.sizes()}
-    </div>`;
-	}
-};
-n("lintje-pagination", v);
-//#endregion
-export { v as LintjePagination, m as pageRange, _ as parsePageSizes, g as rangeText };
+    </div>`}};f(`lintje-pagination`,y);export{y as LintjePagination,h as pageRange,v as parsePageSizes,_ as rangeText};

package/dist-elements/tag/popover.js

@@ -1 +1 @@
-export { U as LintjePopover } from "../chunks/base-Bd2pmq86.js";
+export{W as LintjePopover}from"../chunks/base-BsZyWDre.js";

package/dist-elements/tag/progress-bar.js

@@ -1 +1 @@
-export { c as LintjeProgressBar } from "../chunks/base-Bd2pmq86.js";
+export{c as LintjeProgressBar}from"../chunks/base-BsZyWDre.js";

package/dist-elements/tag/prose.js

@@ -1,31 +1 @@
-import { P as e, St as t, Yt as n, Zt as r, nn as i, st as a } from "../chunks/base-Bd2pmq86.js";
-import { t as o } from "../chunks/prose-CmKVp5kL.js";
-//#region src/components/content/prose/prose.ts
-var s = class extends e {
-	constructor(...e) {
-		super(...e), this.tone = "default";
-	}
-	static {
-		this.styles = r(o);
-	}
-	static {
-		this.properties = {
-			html: { attribute: !1 },
-			text: { type: String },
-			tone: {
-				type: String,
-				reflect: !0
-			}
-		};
-	}
-	render() {
-		let e = a({
-			"lintje-prose": !0,
-			[`lintje-prose--${this.tone}`]: this.tone !== "default"
-		});
-		return this.html ? i`<div class=${e}>${t(this.html)}</div>` : this.text ? i`<div class=${e}><p>${this.text}</p></div>` : i`<div class=${e}><slot></slot></div>`;
-	}
-};
-n("lintje-prose", s);
-//#endregion
-export { s as LintjeProse };
+import{Ot as e,P as t,cn as n,pt as r,rn as i,tn as a}from"../chunks/base-BsZyWDre.js";import{t as o}from"../chunks/prose-DOF7h3je.js";var s=class extends t{constructor(...e){super(...e),this.tone=`default`}static{this.styles=i(o)}static{this.properties={html:{attribute:!1},text:{type:String},tone:{type:String,reflect:!0}}}render(){let t=r({"lintje-prose":!0,[`lintje-prose--${this.tone}`]:this.tone!=="default"});return this.html?n`<div class=${t}>${e(this.html)}</div>`:this.text?n`<div class=${t}><p>${this.text}</p></div>`:n`<div class=${t}><slot></slot></div>`}};a(`lintje-prose`,s);export{s as LintjeProse};