lintje 0.6.0 → 0.7.0

package/dist-elements/overlays.js

@@ -1 +1 @@
-import"./chunks/base-DuuwEY22.js";import"./tag/modal.js";import"./tag/dialog.js";import"./tag/drawer.js";import"./tag/toggletip.js";
+import"./chunks/base-BsZyWDre.js";import"./tag/modal.js";import"./tag/dialog.js";import"./tag/drawer.js";import"./tag/toggletip.js";

package/dist-elements/tag/activity-log.js

@@ -1,5 +1,5 @@
-import{$t as e,Xt as t,Zt as n,in as r,lt as i,nn as a}from"../chunks/base-DuuwEY22.js";var o=`:host{min-width:0;display:block}:host([hidden]){display:none}.lintje-activity-log{font:var(--text-ui);color:var(--color-text-primary)}.lintje-activity-log__heading{margin:0 0 var(--space-3);font:var(--text-tile-title)}.lintje-activity-log__list{margin:0;padding:0;list-style:none}.lintje-activity-log__entry{gap:var(--space-3);display:flex}.lintje-activity-log__rail{flex-direction:column;flex:0 0 10px;align-items:center;display:flex}.lintje-activity-log__rail:before{content:"";background:var(--color-border-default);flex:0 0 6px;width:2px}.lintje-activity-log__entry.is-newest .lintje-activity-log__rail:before{visibility:hidden}.lintje-activity-log__mark{background:var(--color-border-heavy);flex:none;width:10px;height:10px}.lintje-activity-log__entry.is-newest .lintje-activity-log__mark{background:var(--color-accent-line)}.lintje-activity-log__line{background:var(--color-border-default);flex:auto;width:2px}.lintje-activity-log__entry.is-last .lintje-activity-log__line{visibility:hidden}.lintje-activity-log__body{min-width:0;padding-bottom:var(--space-4)}.lintje-activity-log__entry.is-last .lintje-activity-log__body{padding-bottom:0}.lintje-activity-log__what{margin:0}.lintje-activity-log__who{font-weight:700}.lintje-activity-log__when{font:var(--text-small);color:var(--color-text-muted);display:block}.lintje-activity-log__more{margin-top:var(--space-3)}@media (forced-colors:active){.lintje-activity-log__rail:before,.lintje-activity-log__mark,.lintje-activity-log__line{forced-color-adjust:none;background:canvastext}.lintje-activity-log__entry.is-newest .lintje-activity-log__mark{background:highlight}}`,s=10,c=class extends t{constructor(...e){super(...e),this.entries=[],this.level=3,this.limit=s}static{this.styles=e(o)}static{this.properties={entries:{attribute:!1},heading:{type:String},level:{type:Number},limit:{type:Number}}}async showMore(){let e=this.limit;if(this.limit+=s,await this.updateComplete,this.renderRoot.querySelector(`.lintje-activity-log__more`))return;let t=this.renderRoot.querySelectorAll(`.lintje-activity-log__entry`)[e];t&&(t.tabIndex=-1,t.focus())}renderHeading(){if(!this.heading)return a;let e=this.heading,t=`lintje-activity-log-heading`;switch(this.level){case 2:return r`<h2 id=${t} class="lintje-activity-log__heading">${e}</h2>`;case 4:return r`<h4 id=${t} class="lintje-activity-log__heading">${e}</h4>`;case 5:return r`<h5 id=${t} class="lintje-activity-log__heading">${e}</h5>`;case 6:return r`<h6 id=${t} class="lintje-activity-log__heading">${e}</h6>`;default:return r`<h3 id=${t} class="lintje-activity-log__heading">${e}</h3>`}}entry(e,t,n){return r`<li
-      class=${i({"lintje-activity-log__entry":!0,"is-newest":t===0,"is-last":n})}
+import{cn as e,en as t,on as n,pt as r,rn as i,tn as a}from"../chunks/base-BsZyWDre.js";var o=`:host{min-width:0;display:block}:host([hidden]){display:none}.lintje-activity-log{font:var(--text-ui);color:var(--color-text-primary)}.lintje-activity-log__heading{margin:0 0 var(--space-3);font:var(--text-tile-title)}.lintje-activity-log__list{margin:0;padding:0;list-style:none}.lintje-activity-log__entry{gap:var(--space-3);display:flex}.lintje-activity-log__rail{flex-direction:column;flex:0 0 10px;align-items:center;display:flex}.lintje-activity-log__rail:before{content:"";background:var(--color-border-default);flex:0 0 6px;width:2px}.lintje-activity-log__entry.is-newest .lintje-activity-log__rail:before{visibility:hidden}.lintje-activity-log__mark{background:var(--color-border-heavy);flex:none;width:10px;height:10px}.lintje-activity-log__entry.is-newest .lintje-activity-log__mark{background:var(--color-accent-line)}.lintje-activity-log__line{background:var(--color-border-default);flex:auto;width:2px}.lintje-activity-log__entry.is-last .lintje-activity-log__line{visibility:hidden}.lintje-activity-log__body{min-width:0;padding-bottom:var(--space-4)}.lintje-activity-log__entry.is-last .lintje-activity-log__body{padding-bottom:0}.lintje-activity-log__what{margin:0}.lintje-activity-log__who{font-weight:700}.lintje-activity-log__when{font:var(--text-small);color:var(--color-text-muted);display:block}.lintje-activity-log__more{margin-top:var(--space-3)}@media (forced-colors:active){.lintje-activity-log__rail:before,.lintje-activity-log__mark,.lintje-activity-log__line{forced-color-adjust:none;background:canvastext}.lintje-activity-log__entry.is-newest .lintje-activity-log__mark{background:highlight}}`,s=10,c=class extends t{constructor(...e){super(...e),this.entries=[],this.level=3,this.limit=s}static{this.styles=i(o)}static{this.properties={entries:{attribute:!1},heading:{type:String},level:{type:Number},limit:{type:Number}}}async showMore(){let e=this.limit;if(this.limit+=s,await this.updateComplete,this.renderRoot.querySelector(`.lintje-activity-log__more`))return;let t=this.renderRoot.querySelectorAll(`.lintje-activity-log__entry`)[e];t&&(t.tabIndex=-1,t.focus())}renderHeading(){if(!this.heading)return n;let t=this.heading,r=`lintje-activity-log-heading`;switch(this.level){case 2:return e`<h2 id=${r} class="lintje-activity-log__heading">${t}</h2>`;case 4:return e`<h4 id=${r} class="lintje-activity-log__heading">${t}</h4>`;case 5:return e`<h5 id=${r} class="lintje-activity-log__heading">${t}</h5>`;case 6:return e`<h6 id=${r} class="lintje-activity-log__heading">${t}</h6>`;default:return e`<h3 id=${r} class="lintje-activity-log__heading">${t}</h3>`}}entry(t,n,i){return e`<li
+      class=${r({"lintje-activity-log__entry":!0,"is-newest":n===0,"is-last":i})}
     >
       <span class="lintje-activity-log__rail" aria-hidden="true">
         <span class="lintje-activity-log__mark"></span>
@@ -7,22 +7,22 @@ import{$t as e,Xt as t,Zt as n,in as r,lt as i,nn as a}from"../chunks/base-DuuwE
       </span>
       <div class="lintje-activity-log__body">
         <p class="lintje-activity-log__what">
-          <strong class="lintje-activity-log__who">${e.who}</strong> ${e.what}
+          <strong class="lintje-activity-log__who">${t.who}</strong> ${t.what}
         </p>
-        ${e.at?r`<time class="lintje-activity-log__when" datetime=${e.at}>${e.when}</time>`:r`<span class="lintje-activity-log__when">${e.when}</span>`}
+        ${t.at?e`<time class="lintje-activity-log__when" datetime=${t.at}>${t.when}</time>`:e`<span class="lintje-activity-log__when">${t.when}</span>`}
       </div>
-    </li>`}render(){let e=this.entries.slice(0,Math.max(0,this.limit)),t=this.entries.length-e.length;return r`<section class="lintje-activity-log">
+    </li>`}render(){let t=this.entries.slice(0,Math.max(0,this.limit)),r=this.entries.length-t.length;return e`<section class="lintje-activity-log">
       ${this.renderHeading()}
       <ol
         class="lintje-activity-log__list"
-        aria-labelledby=${this.heading?`lintje-activity-log-heading`:a}
+        aria-labelledby=${this.heading?`lintje-activity-log-heading`:n}
       >
-        ${e.map((t,n)=>this.entry(t,n,n===e.length-1))}
+        ${t.map((e,n)=>this.entry(e,n,n===t.length-1))}
       </ol>
-      ${t>0?r`<lintje-button
+      ${r>0?e`<lintje-button
               class="lintje-activity-log__more"
               variant="link"
               @click=${()=>void this.showMore()}
               >Toon eerdere</lintje-button
-            >`:a}
-    </section>`}};n(`lintje-activity-log`,c);export{c as LintjeActivityLog};
+            >`:n}
+    </section>`}};a(`lintje-activity-log`,c);export{c as LintjeActivityLog};

package/dist-elements/tag/ai-label.js

@@ -1,5 +1,5 @@
-import{$t as e,Xt as t,Zt as n,ct as r,dt as i,ft as a,in as o,nn as s,st as c}from"../chunks/base-DuuwEY22.js";var l=`:host{min-width:0;display:block}:host([hidden]){display:none}.lintje-ai-label{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.lintje-ai-label__box{white-space:normal;max-width:100%;height:auto;min-height:1.5rem;line-height:1.25}.lintje-ai-label__badge{align-items:center;gap:var(--space-1);min-width:0;display:inline-flex}.lintje-ai-label__icon{flex:none}.lintje-ai-label__hint{font:var(--text-small);color:var(--color-text-muted)}`,u=`Controleer de tekst voor je hem gebruikt`,d=class extends t{static{this.styles=[i,c,e(l)]}static{this.properties={checkedBy:{type:String,attribute:`checked-by`},hint:{type:String}}}render(){let e=!!this.checkedBy,t=this.hint??(e?``:u),n=o`<span class="lintje-ai-label__badge"
-      >${a(e?`functioneel-vinkje`:`gereedschap-half-tandwiel-half-brein`,{size:14,className:`lintje-ai-label__icon`})}<span>${e?`Gecontroleerd door ${this.checkedBy}`:`Gemaakt door AI`}</span></span
-    >`;return o`<span class="lintje-ai-label">
-      ${r({value:n,tone:`neutral`,className:`lintje-ai-label__box`})}${t?o`<span class="lintje-ai-label__hint">${t}</span>`:s}
-    </span>`}};n(`lintje-ai-label`,d);export{d as LintjeAiLabel};
+import{cn as e,dt as t,en as n,ft as r,gt as i,ht as a,on as o,rn as s,tn as c}from"../chunks/base-BsZyWDre.js";var l=`:host{min-width:0;display:block}:host([hidden]){display:none}.lintje-ai-label{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.lintje-ai-label__box{white-space:normal;max-width:100%;height:auto;min-height:1.5rem;line-height:1.25}.lintje-ai-label__badge{align-items:center;gap:var(--space-1);min-width:0;display:inline-flex}.lintje-ai-label__icon{flex:none}.lintje-ai-label__hint{font:var(--text-small);color:var(--color-text-muted)}`,u=`Controleer de tekst voor je hem gebruikt`,d=class extends n{static{this.styles=[a,t,s(l)]}static{this.properties={checkedBy:{type:String,attribute:`checked-by`},hint:{type:String}}}render(){let t=!!this.checkedBy,n=this.hint??(t?``:u),a=e`<span class="lintje-ai-label__badge"
+      >${i(t?`functioneel-vinkje`:`gereedschap-half-tandwiel-half-brein`,{size:14,className:`lintje-ai-label__icon`})}<span>${t?`Gecontroleerd door ${this.checkedBy}`:`Gemaakt door AI`}</span></span
+    >`;return e`<span class="lintje-ai-label">
+      ${r({value:a,tone:`neutral`,className:`lintje-ai-label__box`})}${n?e`<span class="lintje-ai-label__hint">${n}</span>`:o}
+    </span>`}};c(`lintje-ai-label`,d);export{d as LintjeAiLabel};

package/dist-elements/tag/announcement.js

@@ -1,10 +1,10 @@
-import{$ as e,$t as t,F as n,M as r,N as i,P as a,Zt as o,dt as s,et as c,in as l,nn as u}from"../chunks/base-DuuwEY22.js";import{r as d}from"../chunks/focus-trap-qYvMiFZF.js";var f=`:host{min-width:0;display:block}:host([hidden]){display:none}@media print{:host{break-inside:avoid}}lintje-tile{height:100%;min-height:inherit}`,p=e=>`lintje-announcement-dismissed:${e}`,m=class extends a{constructor(...e){super(...e),this.dismissed=null,this.filled=null,this.fillFrame=0}static{this.styles=[s,n,t(f),r]}static{this.properties={data:{attribute:!1},dismissed:{state:!0},filled:{state:!0}}}get dataSettings(){return this.data??void 0}get identity(){let e=this.data;return e?e.announcementId??[e.kind,e.title,e.text].join(`\0`):``}get isDismissed(){let e=this.data;if(!e)return!1;if(this.dismissed===this.identity)return!0;if(!e.announcementId)return!1;try{return localStorage.getItem(p(e.announcementId))===`1`}catch{return!1}}holds(e){for(let t=e;t;){if(t===this)return!0;t=t.parentNode??(t instanceof ShadowRoot?t.host:null)}return!1}neighbour(){let t=d(document.body),n=t.indexOf(e());if(n===-1)return null;let r=e=>!this.holds(e);return t.slice(n+1).find(r)??t.slice(0,n).reverse().find(r)??null}async close(){let e=c(this)?this.neighbour():null,t=this.data?.announcementId;if(t)try{localStorage.setItem(p(t),`1`)}catch{}this.dismissed=this.identity,e&&(await this.updateComplete,e.focus())}disconnectedCallback(){this.fillFrame&&cancelAnimationFrame(this.fillFrame),this.fillFrame=0,super.disconnectedCallback()}updated(e){super.updated(e),!(!this.data?.live||this.isDismissed||this.filled===this.identity||this.fillFrame)&&(this.fillFrame=requestAnimationFrame(()=>{this.fillFrame=0,this.filled=this.identity}))}render(){let e=this.data;if(!e||this.isDismissed)return u;let t=this.block(e),n=e.tile;return n?l`<lintje-tile
-      id=${this.id?`${this.id}-tile`:u}
-      span=${n.span??u}
-      heading=${n.title??u}
-      icon=${n.icon??u}
-      subtitle=${n.subtitle??u}
-      intro=${n.intro??u}
-      footnote=${n.footnote??u}
+import{F as e,M as t,N as n,P as r,cn as i,ht as a,nt as o,on as s,rn as c,rt as l,tn as u}from"../chunks/base-BsZyWDre.js";import{i as d}from"../chunks/focus-trap-BDxiHED1.js";var f=`:host{min-width:0;display:block}:host([hidden]){display:none}@media print{:host{break-inside:avoid}}lintje-tile{height:100%;min-height:inherit}`,p=e=>`lintje-announcement-dismissed:${e}`,m=class extends r{constructor(...e){super(...e),this.dismissed=null,this.filled=null,this.fillFrame=0}static{this.styles=[a,e,c(f),t]}static{this.properties={data:{attribute:!1},dismissed:{state:!0},filled:{state:!0}}}get dataSettings(){return this.data??void 0}get identity(){let e=this.data;return e?e.announcementId??[e.kind,e.title,e.text].join(`\0`):``}get isDismissed(){let e=this.data;if(!e)return!1;if(this.dismissed===this.identity)return!0;if(!e.announcementId)return!1;try{return localStorage.getItem(p(e.announcementId))===`1`}catch{return!1}}holds(e){for(let t=e;t;){if(t===this)return!0;t=t.parentNode??(t instanceof ShadowRoot?t.host:null)}return!1}neighbour(){let e=d(document.body),t=e.indexOf(o());if(t===-1)return null;let n=e=>!this.holds(e);return e.slice(t+1).find(n)??e.slice(0,t).reverse().find(n)??null}async close(){let e=l(this)?this.neighbour():null,t=this.data?.announcementId;if(t)try{localStorage.setItem(p(t),`1`)}catch{}this.dismissed=this.identity,e&&(await this.updateComplete,e.focus())}disconnectedCallback(){this.fillFrame&&cancelAnimationFrame(this.fillFrame),this.fillFrame=0,super.disconnectedCallback()}updated(e){super.updated(e),!(!this.data?.live||this.isDismissed||this.filled===this.identity||this.fillFrame)&&(this.fillFrame=requestAnimationFrame(()=>{this.fillFrame=0,this.filled=this.identity}))}render(){let e=this.data;if(!e||this.isDismissed)return s;let t=this.block(e),n=e.tile;return n?i`<lintje-tile
+      id=${this.id?`${this.id}-tile`:s}
+      span=${n.span??s}
+      heading=${n.title??s}
+      icon=${n.icon??s}
+      subtitle=${n.subtitle??s}
+      intro=${n.intro??s}
+      footnote=${n.footnote??s}
       >${t}</lintje-tile
-    >`:t}block(e){let t=e.kind??`warning`,n=!!e.dismissible&&t!==`outage`,r=e.live===!0;return i({kind:t,title:e.title,text:e.text,meta:e.meta,link:e.link,live:r,filled:this.filled===this.identity,action:l`<slot name="action" class="lintje-announcement__action"></slot>`,media:l`<slot name="media" class="lintje-announcement__media"></slot>`,onClose:n?()=>void this.close():void 0})}};o(`lintje-announcement`,m);export{m as LintjeAnnouncement,f as t};
+    >`:t}block(e){let t=e.kind??`warning`,r=!!e.dismissible&&t!==`outage`,a=e.live===!0;return n({kind:t,title:e.title,text:e.text,meta:e.meta,link:e.link,live:a,filled:this.filled===this.identity,action:i`<slot name="action" class="lintje-announcement__action"></slot>`,media:i`<slot name="media" class="lintje-announcement__media"></slot>`,onClose:r?()=>void this.close():void 0})}};u(`lintje-announcement`,m);export{m as LintjeAnnouncement,f as t};

package/dist-elements/tag/app-search.js

@@ -1,24 +1,24 @@
-import{$t as e,Jt as t,Nt as n,U as r,Wt as i,Xt as a,Zt as o,dt as s,ft as c,in as l,lt as u,nn as d,qt as f}from"../chunks/base-DuuwEY22.js";import{t as p}from"../chunks/focus-trap-qYvMiFZF.js";import{t as m}from"../chunks/dialog-close-CIwpGpo7.js";import{t as h}from"../chunks/key-CAxrgBxD.js";import{t as g}from"../chunks/debounce-Dfwdcv-z.js";var _=`:host{display:contents}.lintje-app-search__scrim{z-index:80;padding:calc(var(--space-10) * 2) var(--space-6) var(--space-6);background:var(--color-overlay-page);animation:lintje-fade-in var(--dur-scrim) var(--ease-in-motion);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.lintje-app-search{background:var(--color-bg-surface);width:min(560px,100%);max-height:100%;color:var(--color-text-primary);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-popover);font:var(--text-ui);animation:lintje-rise var(--dur-modal) var(--ease-in-motion);flex-direction:column;display:flex}.lintje-app-search:focus{outline:none}.lintje-app-search__field{padding:var(--space-3);background:var(--color-bg-filter);border-bottom:1px solid var(--color-border-default);flex:none;align-items:center;display:flex;position:relative}.lintje-app-search__icon{left:calc(var(--space-3) * 2);color:var(--color-text-muted);pointer-events:none;position:absolute}.lintje-app-search__input{min-width:0;height:var(--h-control);padding:0 var(--space-3) 0 calc(var(--space-3) + 20px + var(--space-3));border:1px solid var(--color-border-field);background:var(--color-bg-surface);flex:1;font-size:1rem}.lintje-app-search__input::-webkit-search-cancel-button{display:none}.lintje-app-search__results{min-height:0;padding:var(--space-3) 0 var(--space-2);flex:auto;overflow-y:auto}.lintje-app-search__heading{padding:var(--space-3) var(--space-4) var(--space-2);font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--color-text-muted)}.lintje-app-search__group:first-child .lintje-app-search__heading{padding-top:0}.lintje-app-search__option{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--h-control);padding:0 var(--space-4);color:var(--color-text-primary);cursor:pointer;transition:background var(--dur-hover) var(--ease-in-motion);text-decoration:none;display:flex}.lintje-app-search__option+.lintje-app-search__option{border-top:1px solid var(--color-border-default)}.lintje-app-search__option:hover{background:var(--color-bg-subtle)}.lintje-app-search__option.is-active{background:var(--color-bg-selected);outline:var(--focus-width) solid var(--color-focus);outline-offset:calc(var(--focus-width) * -1)}.lintje-app-search__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lintje-app-search__match{font-weight:700}.lintje-app-search__meta{color:var(--color-text-muted);flex:none}.lintje-app-search__busy{padding:var(--space-4);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.lintje-app-search__empty{padding:var(--space-4);text-align:center;color:var(--color-text-muted);margin:0}.lintje-app-search__keys{align-items:center;gap:var(--space-1) var(--space-6);padding:var(--space-3) var(--space-4);background:var(--color-bg-filter);border-top:1px solid var(--color-border-default);color:var(--color-text-muted);flex-wrap:wrap;flex:none;margin:0;font-size:.875rem;display:flex}.lintje-app-search__hint{align-items:center;gap:var(--space-1);display:inline-flex}.lintje-app-search__close:hover{color:var(--color-text-primary)}.lintje-app-search__header{align-items:center;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--color-border-default);flex:none;display:flex}.lintje-app-search__title{font:var(--text-h2);flex:1;margin:0}@media screen and (width<=767px){.lintje-app-search__scrim{align-items:flex-end;padding:0}.lintje-app-search{border:0;border-top:1px solid var(--color-border-strong);width:100%;height:88vh;box-shadow:none;animation:lintje-sheet-in var(--dur-sheet) var(--ease-in-motion)}.lintje-app-search__input{height:var(--h-touch)}.lintje-app-search__option{min-height:var(--h-touch)}}@media (forced-colors:active){.lintje-app-search__option.is-active{outline-offset:-2px;outline:2px solid highlight}}`,v=200,y=0;function b(e,t){let n=t.trim();if(!n)return null;let r=e.toLocaleLowerCase(`nl`).indexOf(n.toLocaleLowerCase(`nl`));return r<0?null:[e.slice(0,r),e.slice(r,r+n.length),e.slice(r+n.length)]}function x(e,t,n){return n?``:e===0?t.trim()?`Geen resultaten voor “${t.trim()}”`:``:e===1?`1 resultaat`:`${e} resultaten`}var S=class extends a{constructor(...e){super(...e),this.open=!1,this.label=`Zoeken`,this.query=``,this.loading=!1,this.groups=[],this.active=-1,this.#e=new t(this,f),this.#t=new g(this,200),this.#n=`lintje-app-search-${++y}`,this.#r=null,this.#i=null,this.#a=new p,this.#o=e=>{e.key===`Escape`&&this.#a.isTopmost()&&this.close(`escape`)}}static{this.styles=[s,e(m),e(h),e(_)]}static{this.properties={open:{type:Boolean,reflect:!0},label:{type:String},query:{type:String},loading:{type:Boolean,reflect:!0},groups:{attribute:!1},active:{state:!0}}}#e;#t;#n;#r;#i;#a;get results(){return this.groups.flatMap(e=>e.items)}get input(){return this.renderRoot.querySelector(`.lintje-app-search__input`)}optionId(e){return`${this.#n}-option-${e}`}#o;connectedCallback(){super.connectedCallback(),this.#r=n({keys:`/`,description:`Zoeken`,handler:()=>{this.open||this.emit(`lintje-open`)}})}disconnectedCallback(){this.#r?.(),this.#r=null,this.#c(),super.disconnectedCallback()}close(e){this.emit(`lintje-close`,{reason:e})}willUpdate(e){super.willUpdate(e),(e.has(`groups`)||e.has(`loading`))&&(this.active=!this.loading&&this.results.length?0:-1)}updated(e){super.updated(e),this.open&&!this.#i?this.#s():!this.open&&this.#i&&this.#c(),e.has(`active`)&&this.active>=0&&this.renderRoot.querySelector(`#${this.optionId(this.active)}`)?.scrollIntoView?.({block:`nearest`})}#s(){this.#i=i(),document.addEventListener(`keydown`,this.#o);let e=this.renderRoot.querySelector(`.lintje-app-search`);e&&this.#a.activate(e,{focus:this.input??!0})}#c(){this.#i&&(this.#t.cancel(),document.removeEventListener(`keydown`,this.#o),this.#i(),this.#i=null,this.#a.deactivate())}onInput(e){this.query=e.target.value,this.#t.schedule(()=>this.emit(`lintje-search`,this.query))}onFieldKeydown(e){let t=this.results.length;switch(e.key){case`ArrowDown`:e.preventDefault(),t&&(this.active=(this.active+1)%t);return;case`ArrowUp`:e.preventDefault(),t&&(this.active=(this.active-1+t)%t);return;case`Enter`:{e.preventDefault();let t=this.results[this.active];t&&!this.loading?this.choose(t):this.#t.flush()}}}choose(e,t){if(e.href){if(t&&!r(t))return;this.followLink(e.href,t)}else this.emit(`lintje-action`,e.id);this.close(`choice`)}renderLabel(e){let t=b(e,this.query);return t?l`${t[0]}<strong class="lintje-app-search__match">${t[1]}</strong>${t[2]}`:l`${e}`}renderOption(e,t){let n=t===this.active,r=u({"lintje-app-search__option":!0,"is-active":n}),i=l`<span class="lintje-app-search__label">${this.renderLabel(e.label)}</span>${e.meta?l`<span class="lintje-app-search__meta">${e.meta}</span>`:d}`,a=t=>this.choose(e,t);return e.href?l`<a
+import{Lt as e,Qt as t,U as n,Zt as r,cn as i,en as a,gt as o,ht as s,on as c,pt as l,rn as u,st as d,tn as f}from"../chunks/base-BsZyWDre.js";import{n as p,t as m}from"../chunks/dialog-close-CzMRXkJ6.js";import{t as h}from"../chunks/debounce-Dfwdcv-z.js";import{t as g}from"../chunks/key-CAxrgBxD.js";var _=`:host{display:contents}.lintje-app-search__scrim{z-index:80;padding:calc(var(--space-10) * 2) var(--space-6) var(--space-6);background:var(--color-overlay-page);animation:lintje-fade-in var(--dur-scrim) var(--ease-in-motion);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.lintje-app-search{background:var(--color-bg-surface);width:min(560px,100%);max-height:100%;color:var(--color-text-primary);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-popover);font:var(--text-ui);animation:lintje-rise var(--dur-modal) var(--ease-in-motion);flex-direction:column;display:flex}.lintje-app-search:focus{outline:none}.lintje-app-search__field{padding:var(--space-3);background:var(--color-bg-filter);border-bottom:1px solid var(--color-border-default);flex:none;align-items:center;display:flex;position:relative}.lintje-app-search__icon{left:calc(var(--space-3) * 2);color:var(--color-text-muted);pointer-events:none;position:absolute}.lintje-app-search__input{min-width:0;height:var(--h-control);padding:0 var(--space-3) 0 calc(var(--space-3) + 20px + var(--space-3));border:1px solid var(--color-border-field);background:var(--color-bg-surface);flex:1;font-size:1rem}.lintje-app-search__input::-webkit-search-cancel-button{display:none}.lintje-app-search__results{min-height:0;padding:var(--space-3) 0 var(--space-2);flex:auto;overflow-y:auto}.lintje-app-search__heading{padding:var(--space-3) var(--space-4) var(--space-2);font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--color-text-muted)}.lintje-app-search__group:first-child .lintje-app-search__heading{padding-top:0}.lintje-app-search__option{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--h-control);padding:var(--space-2) var(--space-4);color:var(--color-text-primary);cursor:pointer;transition:background var(--dur-hover) var(--ease-in-motion);text-decoration:none;display:flex}.lintje-app-search__option+.lintje-app-search__option{border-top:1px solid var(--color-border-default)}.lintje-app-search__option:hover{background:var(--color-bg-subtle)}.lintje-app-search__option.is-active{background:var(--color-bg-selected);outline:var(--focus-width) solid var(--color-focus);outline-offset:calc(var(--focus-width) * -1)}.lintje-app-search__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lintje-app-search__option.is-active .lintje-app-search__label{white-space:normal;overflow-wrap:anywhere}@media (hover:none),screen and (width<=767px){.lintje-app-search__label{white-space:normal;overflow-wrap:anywhere}}.lintje-app-search__match{font-weight:700}.lintje-app-search__meta{color:var(--color-text-muted);flex:none}.lintje-app-search__busy{padding:var(--space-4);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.lintje-app-search__empty{padding:var(--space-4);text-align:center;color:var(--color-text-muted);margin:0}.lintje-app-search__keys{align-items:center;gap:var(--space-1) var(--space-6);padding:var(--space-3) var(--space-4);background:var(--color-bg-filter);border-top:1px solid var(--color-border-default);color:var(--color-text-muted);flex-wrap:wrap;flex:none;margin:0;font-size:.875rem;display:flex}.lintje-app-search__hint{align-items:center;gap:var(--space-1);display:inline-flex}.lintje-app-search__close:hover{color:var(--color-text-primary)}.lintje-app-search__header{align-items:center;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--color-border-default);flex:none;display:flex}.lintje-app-search__title{font:var(--text-h2);flex:1;margin:0}@media screen and (width<=767px){.lintje-app-search__scrim{align-items:flex-end;padding:0}.lintje-app-search{border:0;border-top:1px solid var(--color-border-strong);width:100%;height:88vh;box-shadow:none;animation:lintje-sheet-in var(--dur-sheet) var(--ease-in-motion)}.lintje-app-search__input{height:var(--h-touch)}.lintje-app-search__option{min-height:var(--h-touch)}}@media (forced-colors:active){.lintje-app-search__option.is-active{outline-offset:-2px;outline:2px solid highlight}}`,v=200,y=0,b=[],x=null;function S(e,t){let n=t.trim();if(!n)return null;let r=e.toLocaleLowerCase(`nl`).indexOf(n.toLocaleLowerCase(`nl`));return r<0?null:[e.slice(0,r),e.slice(r,r+n.length),e.slice(r+n.length)]}function C(e,t,n){return n?``:e===0?t.trim()?`Geen resultaten voor “${t.trim()}”`:``:e===1?`1 resultaat`:`${e} resultaten`}var w=class extends a{constructor(...e){super(...e),this.open=!1,this.label=`Zoeken`,this.query=``,this.loading=!1,this.groups=[],this.active=-1,this.#e=new t(this,r),this.#t=new h(this,200),this.#n=`lintje-app-search-${++y}`,this.#r=new p(()=>this.close(`escape`))}static{this.styles=[s,u(m),u(g),u(_)]}static{this.properties={open:{type:Boolean,reflect:!0},label:{type:String},query:{type:String},loading:{type:Boolean,reflect:!0},groups:{attribute:!1},active:{state:!0}}}#e;#t;#n;#r;get results(){return this.groups.flatMap(e=>e.items)}get input(){return this.renderRoot.querySelector(`.lintje-app-search__input`)}optionId(e){return`${this.#n}-option-${e}`}connectedCallback(){super.connectedCallback(),b.push(this),x??=e({keys:`/`,description:`Zoeken`,handler:()=>b.at(-1)?.askOpen()})}disconnectedCallback(){let e=b.indexOf(this);e!==-1&&b.splice(e,1),b.length||(x?.(),x=null),this.#a(),super.disconnectedCallback()}askOpen(){this.open||this.emit(`lintje-open`)}close(e){this.emit(`lintje-close`,{reason:e})}willUpdate(e){super.willUpdate(e),(e.has(`groups`)||e.has(`loading`))&&(this.active=!this.loading&&this.results.length?0:-1)}updated(e){super.updated(e),this.open&&!this.#r.held?this.#i():!this.open&&this.#r.held&&this.#a(),e.has(`active`)&&this.active>=0&&this.renderRoot.querySelector(`#${this.optionId(this.active)}`)?.scrollIntoView?.({block:`nearest`})}#i(){let e=this.renderRoot.querySelector(`.lintje-app-search`);e&&this.#r.hold(e,{focus:this.input??!0})}#a(){this.#r.held&&(this.#t.cancel(),this.#r.release())}onInput(e){this.query=e.target.value,this.#t.schedule(()=>this.emit(`lintje-search`,this.query))}onFieldKeydown(e){let t=this.results.length;switch(e.key){case`ArrowDown`:e.preventDefault(),t&&(this.active=(this.active+1)%t);return;case`ArrowUp`:e.preventDefault(),t&&(this.active=(this.active-1+t)%t);return;case`Enter`:{e.preventDefault();let t=this.results[this.active];t&&!this.loading?this.choose(t):this.#t.flush()}}}choose(e,t){if(e.href){if(t&&!n(t))return;this.followLink(e.href,t)}else this.emit(`lintje-action`,e.id);this.close(`choice`)}renderLabel(e){let t=S(e,this.query);return t?i`${t[0]}<strong class="lintje-app-search__match">${t[1]}</strong>${t[2]}`:i`${e}`}renderOption(e,t){let n=t===this.active,r=l({"lintje-app-search__option":!0,"is-active":n}),a=i`<span class="lintje-app-search__label" @pointerenter=${d}>${this.renderLabel(e.label)}</span>${e.meta?i`<span class="lintje-app-search__meta">${e.meta}</span>`:c}`,o=t=>this.choose(e,t);return e.href?i`<a
           id=${this.optionId(t)}
           class=${r}
           role="option"
           aria-selected=${String(n)}
           tabindex="-1"
           href=${e.href}
-          @click=${a}
-          >${i}</a
-        >`:l`<div
+          @click=${o}
+          >${a}</a
+        >`:i`<div
           id=${this.optionId(t)}
           class=${r}
           role="option"
           aria-selected=${String(n)}
-          @click=${a}
+          @click=${o}
         >
-          ${i}
-        </div>`}renderResults(){let e=0,t=`${this.#n}-list`,n=this.results.length,r=this.query.trim();return l`
-      ${this.loading?l`<div class="lintje-app-search__busy">
+          ${a}
+        </div>`}renderResults(){let e=0,t=`${this.#n}-list`,n=this.results.length,r=this.query.trim();return i`
+      ${this.loading?i`<div class="lintje-app-search__busy">
             <lintje-spinner label="Zoeken"></lintje-spinner>
-          </div>`:!n&&r?l`<p class="lintje-app-search__empty">Geen resultaten voor “${r}”</p>`:d}
+          </div>`:!n&&r?i`<p class="lintje-app-search__empty">Geen resultaten voor “${r}”</p>`:c}
       <div
         id=${t}
         class="lintje-app-search__list"
@@ -26,12 +26,12 @@ import{$t as e,Jt as t,Nt as n,U as r,Wt as i,Xt as a,Zt as o,dt as s,ft as c,in
         aria-label="Resultaten"
         ?hidden=${this.loading||!n}
       >
-        ${this.groups.map((t,n)=>{if(!t.items.length)return d;let r=`${this.#n}-group-${n}`;return l`<div class="lintje-app-search__group" role="group" aria-labelledby=${r}>
+        ${this.groups.map((t,n)=>{if(!t.items.length)return c;let r=`${this.#n}-group-${n}`;return i`<div class="lintje-app-search__group" role="group" aria-labelledby=${r}>
             <div id=${r} class="lintje-app-search__heading">${t.label}</div>
             ${t.items.map(t=>this.renderOption(t,e++))}
           </div>`})}
       </div>
-    `}render(){if(!this.open)return d;let e=`${this.#n}-list`,t=this.results.length,n=!this.loading&&t>0;return l`<div class="lintje-app-search__scrim" @click=${()=>this.close(`scrim`)}>
+    `}render(){if(!this.open)return c;let e=`${this.#n}-list`,t=this.results.length,n=!this.loading&&t>0;return i`<div class="lintje-app-search__scrim" @click=${()=>this.close(`scrim`)}>
       <div
         class="lintje-app-search"
         role="dialog"
@@ -40,7 +40,7 @@ import{$t as e,Jt as t,Nt as n,U as r,Wt as i,Xt as a,Zt as o,dt as s,ft as c,in
         tabindex="-1"
         @click=${e=>e.stopPropagation()}
       >
-        ${this.#e.matches?l`<div class="lintje-app-search__header">
+        ${this.#e.matches?i`<div class="lintje-app-search__header">
                 <h2 class="lintje-app-search__title">Zoeken</h2>
                 <button
                   type="button"
@@ -48,11 +48,11 @@ import{$t as e,Jt as t,Nt as n,U as r,Wt as i,Xt as a,Zt as o,dt as s,ft as c,in
                   aria-label="Zoeken sluiten"
                   @click=${()=>this.close(`button`)}
                 >
-                  ${c(`functioneel-kruis`,{size:16})}
+                  ${o(`functioneel-kruis`,{size:16})}
                 </button>
-              </div>`:d}
+              </div>`:c}
         <div class="lintje-app-search__field">
-          ${c(`functioneel-zoek`,{size:20,className:`lintje-app-search__icon`})}
+          ${o(`functioneel-zoek`,{size:20,className:`lintje-app-search__icon`})}
           <input
             class="lintje-app-search__input"
             type="search"
@@ -63,7 +63,7 @@ import{$t as e,Jt as t,Nt as n,U as r,Wt as i,Xt as a,Zt as o,dt as s,ft as c,in
             aria-autocomplete="list"
             aria-expanded=${String(n)}
             aria-controls=${e}
-            aria-activedescendant=${n&&this.active>=0?this.optionId(this.active):d}
+            aria-activedescendant=${n&&this.active>=0?this.optionId(this.active):c}
             .value=${this.query}
             @input=${this.onInput}
             @keydown=${this.onFieldKeydown}
@@ -77,9 +77,9 @@ import{$t as e,Jt as t,Nt as n,U as r,Wt as i,Xt as a,Zt as o,dt as s,ft as c,in
           ${this.renderResults()}
         </div>
         <p class="visually-hidden" aria-live="polite">
-          ${x(t,this.query,this.loading)}
+          ${C(t,this.query,this.loading)}
         </p>
-        ${this.#e.matches?d:l`<p class="lintje-app-search__keys">
+        ${this.#e.matches?c:i`<p class="lintje-app-search__keys">
                 <span class="lintje-app-search__hint"
                   ><kbd class="lintje-key">↑</kbd><kbd class="lintje-key">↓</kbd> kiezen</span
                 >
@@ -87,4 +87,4 @@ import{$t as e,Jt as t,Nt as n,U as r,Wt as i,Xt as a,Zt as o,dt as s,ft as c,in
                 <span class="lintje-app-search__hint"><kbd class="lintje-key">Esc</kbd> sluiten</span>
               </p>`}
       </div>
-    </div>`}};o(`lintje-app-search`,S);export{S as LintjeAppSearch,v as SEARCH_DELAY,x as resultsMessage,b as splitMatch};
+    </div>`}};f(`lintje-app-search`,w);export{w as LintjeAppSearch,v as SEARCH_DELAY,C as resultsMessage,S as splitMatch};

package/dist-elements/tag/audio-player.js

@@ -1,11 +1,11 @@
-import{$t as e,Jt as t,L as n,St as r,Zt as i,at as a,dt as o,ft as s,in as c,lt as l,nn as u,qt as d}from"../chunks/base-DuuwEY22.js";import"./menu-button.js";import"./announcement.js";import{a as f,c as p,d as m,f as h,g,h as _,m as v,n as y,p as b,r as x,s as S,u as C}from"../chunks/playback-gEUDw038.js";import{n as w,t as T}from"../chunks/player-Dh7ZHcMF.js";var E=`:host{min-width:0;display:block}:host([hidden]){display:none}.lintje-audio-player{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-primary);flex-direction:column;display:flex}.lintje-audio-player--compact{align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-2) var(--space-3);flex-flow:wrap}.lintje-audio-player--flush{background:0 0;border:0;padding-inline:0}.lintje-audio-player__controls{align-items:center;gap:var(--space-2);grid-template-columns:minmax(min-content,1fr) auto minmax(min-content,1fr);display:grid}.lintje-audio-player__start{align-items:center;min-width:0;display:flex}.lintje-audio-player__end{justify-content:flex-end;align-items:center;gap:var(--space-4);display:flex}.lintje-audio-player__transport{align-items:center;gap:var(--space-2);flex:none;display:flex}.lintje-audio-player--compact .lintje-audio-player__transport{gap:var(--space-1)}.lintje-audio-player__skip{flex-direction:column}.lintje-audio-player__step{font:var(--text-axis);font-weight:700}.lintje-audio-player__times{margin-top:calc(-1 * var(--space-2));font:var(--text-small);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.lintje-audio-player__legend{gap:var(--space-1) var(--space-5);font:var(--text-small);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.lintje-audio-player--compact .lintje-audio-player__legend{flex-basis:100%}.lintje-audio-player__speaker{align-items:center;gap:var(--space-2);display:flex}.lintje-audio-player__speaker.is-current{font-weight:700}.lintje-audio-player__swatch{width:var(--space-3);height:var(--space-3);flex:none}.lintje-audio-player__now{color:var(--color-text-muted);font-weight:400}.lintje-audio-player__wave{justify-content:space-between;align-items:center;gap:var(--space-1);cursor:pointer;touch-action:none;flex:none;height:48px;display:flex;position:relative;overflow:visible}.lintje-audio-player__peak{background:var(--color-border-heavy);pointer-events:none;flex:0 4px;min-height:2px}.lintje-audio-player__peak.is-played{background:var(--color-accent-line)}.lintje-audio-player__bar{transition:height var(--dur-hover) var(--ease-in-motion), margin var(--dur-hover) var(--ease-in-motion);flex:none}.lintje-audio-player__bar:hover{height:var(--space-2);margin-block:calc((6px - var(--space-2)) / 2)}.lintje-audio-player__stretch{pointer-events:none;position:absolute;top:0;bottom:0}.lintje-audio-player__head{width:var(--space-1);height:var(--space-4);background:var(--color-text-primary);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.lintje-audio-player__peak.has-speaker,.lintje-audio-player__stretch,.lintje-audio-player__swatch{background:var(--lintje-speaker)}.lintje-audio-player__peak.has-speaker:not(.is-played),.lintje-audio-player__stretch:not(.is-played){opacity:.4}.lintje-audio-player__cursor{background:var(--color-text-primary);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.lintje-audio-player__bar .lintje-audio-player__cursor{top:calc(-1 * var(--space-2));bottom:calc(-1 * var(--space-2))}.lintje-audio-player__cursor-time{bottom:calc(100% + var(--space-1));padding:var(--space-1) var(--space-2);background:var(--color-bg-surface);border:1px solid var(--color-border-popover);box-shadow:var(--shadow-popover);font:var(--text-small);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-text-primary);position:absolute;left:50%;transform:translate(-50%)}.lintje-audio-player__volume{align-items:center;gap:var(--space-1);flex:none;display:flex}.lintje-audio-player__level{width:calc(2 * var(--space-10));background:var(--color-border-default);cursor:pointer;touch-action:none;height:6px;position:relative}.lintje-audio-player__level:before{content:"";inset:calc((100% - var(--h-target)) / 2) 0;position:absolute}.lintje-audio-player__level-fill{background:var(--color-accent-line);pointer-events:none;height:100%}.lintje-audio-player__skeleton,.lintje-audio-player__alert{flex:none}.lintje-audio-player--compact .lintje-audio-player__wave,.lintje-audio-player--compact .lintje-audio-player__bar,.lintje-audio-player--compact .lintje-audio-player__skeleton,.lintje-audio-player--compact .lintje-audio-player__alert{flex:240px;min-width:0}.lintje-audio-player__speed{flex:none}@media (forced-colors:active){.lintje-audio-player__peak,.lintje-audio-player__stretch,.lintje-audio-player__swatch,.lintje-audio-player__head,.lintje-audio-player__cursor,.lintje-audio-player__level,.lintje-audio-player__level-fill{forced-color-adjust:none;background:canvastext}.lintje-audio-player__peak.is-played,.lintje-audio-player__stretch.is-played,.lintje-audio-player__level-fill{background:highlight}}@media screen and (width<=767px){.lintje-audio-player__controls,.lintje-audio-player__transport{gap:0}}`,D={kind:`outage`,text:`De opname kan niet worden geladen.`,live:!0},O=e=>e?`var(--color-chart-${e})`:null,k=.5,A=class extends w{constructor(...e){super(...e),this.segments=[],this.noLegend=!1,this.compact=!1,this.flush=!1,this.hoverTime=null,this.waveWidth=0,this.volume=1,this.muted=!1,this.mediaSelector=`audio`,this.mobile=new t(this,d),this.observer=null,this.observed=null,this.onRetry=()=>{this.retry(),this.updateComplete.then(()=>this.renderRoot.querySelector(`.lintje-player__play`)?.focus())}}static{this.styles=[o,e(a),e(n),e(T),e(E)]}static{this.properties={peaks:{attribute:!1},segments:{attribute:!1},noLegend:{type:Boolean,attribute:`no-legend`},compact:{type:Boolean,reflect:!0},flush:{type:Boolean,reflect:!0},hoverTime:{state:!0},waveWidth:{state:!0},volume:{state:!0},muted:{state:!0}}}get hasPeaks(){return!!(this.peaks&&this.peaks.length>0)}get colours(){return m(this.segments??[])}disconnectedCallback(){this.observer?.disconnect(),this.observer=null,this.observed=null,super.disconnectedCallback()}updated(e){super.updated(e);let t=this.renderRoot.querySelector(`.lintje-audio-player__wave`);t!==this.observed&&(this.observer?.disconnect(),this.observed=t,t&&typeof ResizeObserver<`u`&&(this.observer=new ResizeObserver(e=>{let t=Math.round(e[0]?.contentRect.width??0);t!==this.waveWidth&&(this.waveWidth=t)}),this.observer.observe(t)))}sliderLabel(){let e=C(this.segments??[],this.heard),t=_(this.heard,this.length);return e?`${t}, ${e}`:t}setVolume(e){this.volume=e,this.muted=e===0,this.applyVolume()}toggleMute(){this.muted&&this.volume===0&&(this.volume=k),this.muted=!this.muted,this.applyVolume()}applyVolume(){let e=this.media;e&&(e.volume=this.volume,e.muted=this.muted)}onWaveMove(e){let t=e.currentTarget.getBoundingClientRect();this.hoverTime=this.ready?v(e.clientX,t.left,t.width,this.length):null,this.onSliderPointerMove(e)}volumeFromPointer(e){let t=e.currentTarget.getBoundingClientRect();this.setVolume(Math.round(v(e.clientX,t.left,t.width,1)*100)/100)}onVolumePointerDown(e){if(e.button!==0)return;let t=e.currentTarget;t.setPointerCapture?.(e.pointerId),t.focus(),this.volumeFromPointer(e)}onVolumePointerMove(e){e.currentTarget.hasPointerCapture?.(e.pointerId)&&this.volumeFromPointer(e)}onVolumeKeydown(e){let t=g(e.key,this.muted?0:this.volume);t!==null&&(e.preventDefault(),this.setVolume(t))}onSpeedMenu(e){e.stopPropagation(),this.setSpeed(Number(e.detail))}renderCursor(){let e=this.hoverTime;if(e===null)return u;let t=C(this.segments??[],e);return c`<span
+import{Et as e,L as t,Qt as n,Zt as r,cn as i,gt as a,ht as o,lt as s,on as c,pt as l,rn as u,tn as d}from"../chunks/base-BsZyWDre.js";import"./menu-button.js";import"./announcement.js";import{a as f,c as p,d as m,f as h,g,h as _,m as v,n as y,p as b,r as x,s as S,u as C}from"../chunks/playback-gEUDw038.js";import{n as w,t as T}from"../chunks/player-BEG3MVCm.js";var E=`:host{min-width:0;display:block}:host([hidden]){display:none}.lintje-audio-player{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-primary);flex-direction:column;display:flex}.lintje-audio-player--compact{align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-2) var(--space-3);flex-flow:wrap}.lintje-audio-player--flush{background:0 0;border:0;padding-inline:0}.lintje-audio-player__controls{align-items:center;gap:var(--space-2);grid-template-columns:minmax(min-content,1fr) auto minmax(min-content,1fr);display:grid}.lintje-audio-player__start{align-items:center;min-width:0;display:flex}.lintje-audio-player__end{justify-content:flex-end;align-items:center;gap:var(--space-4);display:flex}.lintje-audio-player__transport{align-items:center;gap:var(--space-2);flex:none;display:flex}.lintje-audio-player--compact .lintje-audio-player__transport{gap:var(--space-1)}.lintje-audio-player__skip{flex-direction:column}.lintje-audio-player__step{font:var(--text-axis);font-weight:700}.lintje-audio-player__times{margin-top:calc(-1 * var(--space-2));font:var(--text-small);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.lintje-audio-player__legend{gap:var(--space-1) var(--space-5);font:var(--text-small);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.lintje-audio-player--compact .lintje-audio-player__legend{flex-basis:100%}.lintje-audio-player__speaker{align-items:center;gap:var(--space-2);display:flex}.lintje-audio-player__speaker.is-current{font-weight:700}.lintje-audio-player__swatch{width:var(--space-3);height:var(--space-3);flex:none}.lintje-audio-player__now{color:var(--color-text-muted);font-weight:400}.lintje-audio-player__wave{justify-content:space-between;align-items:center;gap:var(--space-1);cursor:pointer;touch-action:none;flex:none;height:48px;display:flex;position:relative;overflow:visible}.lintje-audio-player__peak{background:var(--color-border-heavy);pointer-events:none;flex:0 4px;min-height:2px}.lintje-audio-player__peak.is-played{background:var(--color-accent-line)}.lintje-audio-player__bar{transition:height var(--dur-hover) var(--ease-in-motion), margin var(--dur-hover) var(--ease-in-motion);flex:none}.lintje-audio-player__bar:hover{height:var(--space-2);margin-block:calc((6px - var(--space-2)) / 2)}.lintje-audio-player__stretch{pointer-events:none;position:absolute;top:0;bottom:0}.lintje-audio-player__head{width:var(--space-1);height:var(--space-4);background:var(--color-text-primary);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.lintje-audio-player__peak.has-speaker,.lintje-audio-player__stretch,.lintje-audio-player__swatch{background:var(--lintje-speaker)}.lintje-audio-player__peak.has-speaker:not(.is-played),.lintje-audio-player__stretch:not(.is-played){opacity:.4}.lintje-audio-player__cursor{background:var(--color-text-primary);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.lintje-audio-player__bar .lintje-audio-player__cursor{top:calc(-1 * var(--space-2));bottom:calc(-1 * var(--space-2))}.lintje-audio-player__cursor-time{bottom:calc(100% + var(--space-1));padding:var(--space-1) var(--space-2);background:var(--color-bg-surface);border:1px solid var(--color-border-popover);box-shadow:var(--shadow-popover);font:var(--text-small);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-text-primary);position:absolute;left:50%;transform:translate(-50%)}.lintje-audio-player__volume{align-items:center;gap:var(--space-1);flex:none;display:flex}.lintje-audio-player__level{width:calc(2 * var(--space-10));background:var(--color-border-default);cursor:pointer;touch-action:none;height:6px;position:relative}.lintje-audio-player__level:before{content:"";inset:calc((100% - var(--h-target)) / 2) 0;position:absolute}.lintje-audio-player__level-fill{background:var(--color-accent-line);pointer-events:none;height:100%}.lintje-audio-player__skeleton,.lintje-audio-player__alert{flex:none}.lintje-audio-player--compact .lintje-audio-player__wave,.lintje-audio-player--compact .lintje-audio-player__bar,.lintje-audio-player--compact .lintje-audio-player__skeleton,.lintje-audio-player--compact .lintje-audio-player__alert{flex:240px;min-width:0}.lintje-audio-player__speed{flex:none}@media (forced-colors:active){.lintje-audio-player__peak,.lintje-audio-player__stretch,.lintje-audio-player__swatch,.lintje-audio-player__head,.lintje-audio-player__cursor,.lintje-audio-player__level,.lintje-audio-player__level-fill{forced-color-adjust:none;background:canvastext}.lintje-audio-player__peak.is-played,.lintje-audio-player__stretch.is-played,.lintje-audio-player__level-fill{background:highlight}}@media screen and (width<=767px){.lintje-audio-player__controls,.lintje-audio-player__transport{gap:0}}`,D={kind:`outage`,text:`De opname kan niet worden geladen.`,live:!0},O=e=>e?`var(--color-chart-${e})`:null,k=.5,A=class extends w{constructor(...e){super(...e),this.segments=[],this.noLegend=!1,this.compact=!1,this.flush=!1,this.hoverTime=null,this.waveWidth=0,this.volume=1,this.muted=!1,this.mediaSelector=`audio`,this.mobile=new n(this,r),this.observer=null,this.observed=null,this.onRetry=()=>{this.retry(),this.updateComplete.then(()=>this.renderRoot.querySelector(`.lintje-player__play`)?.focus())}}static{this.styles=[o,u(s),u(t),u(T),u(E)]}static{this.properties={peaks:{attribute:!1},segments:{attribute:!1},noLegend:{type:Boolean,attribute:`no-legend`},compact:{type:Boolean,reflect:!0},flush:{type:Boolean,reflect:!0},hoverTime:{state:!0},waveWidth:{state:!0},volume:{state:!0},muted:{state:!0}}}get hasPeaks(){return!!(this.peaks&&this.peaks.length>0)}get colours(){return m(this.segments??[])}disconnectedCallback(){this.observer?.disconnect(),this.observer=null,this.observed=null,super.disconnectedCallback()}updated(e){super.updated(e);let t=this.renderRoot.querySelector(`.lintje-audio-player__wave`);t!==this.observed&&(this.observer?.disconnect(),this.observed=t,t&&typeof ResizeObserver<`u`&&(this.observer=new ResizeObserver(e=>{let t=Math.round(e[0]?.contentRect.width??0);t!==this.waveWidth&&(this.waveWidth=t)}),this.observer.observe(t)))}sliderLabel(){let e=C(this.segments??[],this.heard),t=_(this.heard,this.length);return e?`${t}, ${e}`:t}setVolume(e){this.volume=e,this.muted=e===0,this.applyVolume()}toggleMute(){this.muted&&this.volume===0&&(this.volume=k),this.muted=!this.muted,this.applyVolume()}applyVolume(){let e=this.media;e&&(e.volume=this.volume,e.muted=this.muted)}onWaveMove(e){let t=e.currentTarget.getBoundingClientRect();this.hoverTime=this.ready?v(e.clientX,t.left,t.width,this.length):null,this.onSliderPointerMove(e)}volumeFromPointer(e){let t=e.currentTarget.getBoundingClientRect();this.setVolume(Math.round(v(e.clientX,t.left,t.width,1)*100)/100)}onVolumePointerDown(e){if(e.button!==0)return;let t=e.currentTarget;t.setPointerCapture?.(e.pointerId),t.focus(),this.volumeFromPointer(e)}onVolumePointerMove(e){e.currentTarget.hasPointerCapture?.(e.pointerId)&&this.volumeFromPointer(e)}onVolumeKeydown(e){let t=g(e.key,this.muted?0:this.volume);t!==null&&(e.preventDefault(),this.setVolume(t))}onSpeedMenu(e){e.stopPropagation(),this.setSpeed(Number(e.detail))}renderCursor(){let t=this.hoverTime;if(t===null)return c;let n=C(this.segments??[],t);return i`<span
       class="lintje-audio-player__cursor"
       aria-hidden="true"
-      ${r({left:`${S(e,this.length)*100}%`})}
+      ${e({left:`${S(t,this.length)*100}%`})}
       ><span class="lintje-audio-player__cursor-time"
-        >${f(e)}${t?` · ${t}`:``}</span
+        >${f(t)}${n?` · ${n}`:``}</span
       ></span
-    >`}renderWave(){let e=this.peaks??[],t=typeof ResizeObserver<`u`&&this.waveWidth===0,n=this.waveWidth>0?x(this.waveWidth):t?0:e.length,i=p(e,n),a=Math.round(S(this.position,this.length)*i.length),o=this.segments??[],s=this.colours,u=this.length;return c`<div
+    >`}renderWave(){let t=this.peaks??[],n=typeof ResizeObserver<`u`&&this.waveWidth===0,r=this.waveWidth>0?x(this.waveWidth):n?0:t.length,a=p(t,r),o=Math.round(S(this.position,this.length)*a.length),s=this.segments??[],c=this.colours,u=this.length;return i`<div
       class="lintje-audio-player__wave"
       role="slider"
       tabindex="0"
@@ -19,17 +19,17 @@ import{$t as e,Jt as t,L as n,St as r,Zt as i,at as a,dt as o,ft as s,in as c,lt
       @pointermove=${this.onWaveMove}
       @pointerleave=${()=>this.hoverTime=null}
     >
-      ${i.map((e,t)=>{let n=C(o,(t+.5)/i.length*u),d=n?s.get(n):void 0;return c`<span
-          class=${l({"lintje-audio-player__peak":!0,"is-played":t<a,"has-speaker":!!d})}
-          ${r({height:`${Math.max(e,.08)*100}%`,"--lintje-speaker":O(d)})}
+      ${a.map((t,n)=>{let r=C(s,(n+.5)/a.length*u),d=r?c.get(r):void 0;return i`<span
+          class=${l({"lintje-audio-player__peak":!0,"is-played":n<o,"has-speaker":!!d})}
+          ${e({height:`${Math.max(t,.08)*100}%`,"--lintje-speaker":O(d)})}
         ></span>`})}
       <span
         class="lintje-audio-player__head"
         aria-hidden="true"
-        ${r({left:`${S(this.position,u)*100}%`})}
+        ${e({left:`${S(this.position,u)*100}%`})}
       ></span>
       ${this.renderCursor()}
-    </div>`}renderTrack(){let e=this.length,t=S(this.position,e),n=this.colours,i=h(this.segments??[],e).flatMap(e=>{let r=n.get(e.speaker),i=Math.min(Math.max(t,e.from),e.to);return[{from:e.from,to:i,colour:r,played:!0},{from:i,to:e.to,colour:r,played:!1}].filter(e=>e.to>e.from)});return c`<div
+    </div>`}renderTrack(){let t=this.length,n=S(this.position,t),r=this.colours,a=h(this.segments??[],t).flatMap(e=>{let t=r.get(e.speaker),i=Math.min(Math.max(n,e.from),e.to);return[{from:e.from,to:i,colour:t,played:!0},{from:i,to:e.to,colour:t,played:!1}].filter(e=>e.to>e.from)});return i`<div
       class="lintje-player__bar lintje-audio-player__bar"
       role="slider"
       tabindex="0"
@@ -43,51 +43,51 @@ import{$t as e,Jt as t,L as n,St as r,Zt as i,at as a,dt as o,ft as s,in as c,lt
       @pointermove=${this.onWaveMove}
       @pointerleave=${()=>this.hoverTime=null}
     >
-      ${i.length===0?c`<div
+      ${a.length===0?i`<div
               class="lintje-player__bar-fill"
-              ${r({width:`${t*100}%`})}
-            ></div>`:i.map(e=>c`<span
-                  class=${l({"lintje-audio-player__stretch":!0,"is-played":e.played})}
-                  ${r({left:`${e.from*100}%`,width:`${(e.to-e.from)*100}%`,"--lintje-speaker":O(e.colour)})}
+              ${e({width:`${n*100}%`})}
+            ></div>`:a.map(t=>i`<span
+                  class=${l({"lintje-audio-player__stretch":!0,"is-played":t.played})}
+                  ${e({left:`${t.from*100}%`,width:`${(t.to-t.from)*100}%`,"--lintje-speaker":O(t.colour)})}
                 ></span>`)}
       <span
         class="lintje-audio-player__head"
         aria-hidden="true"
-        ${r({left:`${t*100}%`})}
+        ${e({left:`${n*100}%`})}
       ></span>
       ${this.renderCursor()}
-    </div>`}renderSlider(){return this.failed?c`<lintje-announcement class="lintje-audio-player__alert" .data=${D}>
+    </div>`}renderSlider(){return this.failed?i`<lintje-announcement class="lintje-audio-player__alert" .data=${D}>
         <lintje-button slot="action" variant="link" @click=${this.onRetry}
           >Opnieuw proberen</lintje-button
         >
-      </lintje-announcement>`:this.ready?this.hasPeaks?this.renderWave():this.renderTrack():c`<lintje-skeleton
+      </lintje-announcement>`:this.ready?this.hasPeaks?this.renderWave():this.renderTrack():i`<lintje-skeleton
         class="lintje-audio-player__skeleton"
         height=${this.hasPeaks?`48`:`6`}
-      ></lintje-skeleton>`}renderLegend(){let e=this.colours;if(e.size===0||this.noLegend)return u;let t=C(this.segments??[],this.position);return c`<ul class="lintje-audio-player__legend" aria-label="Sprekers">
-      ${[...e].map(([e,n])=>c`<li
-            class=${l({"lintje-audio-player__speaker":!0,"is-current":e===t})}
+      ></lintje-skeleton>`}renderLegend(){let t=this.colours;if(t.size===0||this.noLegend)return c;let n=C(this.segments??[],this.position);return i`<ul class="lintje-audio-player__legend" aria-label="Sprekers">
+      ${[...t].map(([t,r])=>i`<li
+            class=${l({"lintje-audio-player__speaker":!0,"is-current":t===n})}
           >
             <span
               class="lintje-audio-player__swatch"
               aria-hidden="true"
-              ${r({"--lintje-speaker":O(n)})}
+              ${e({"--lintje-speaker":O(r)})}
             ></span>
-            <span>${e}</span>
-            ${e===t?c`<span class="lintje-audio-player__now">spreekt nu</span>`:u}
+            <span>${t}</span>
+            ${t===n?i`<span class="lintje-audio-player__now">spreekt nu</span>`:c}
           </li>`)}
-    </ul>`}renderSkip(e){let t=`15 seconden ${e<0?`terug`:`vooruit`}`,n=!this.ready;return c`<button
+    </ul>`}renderSkip(e){let t=`15 seconden ${e<0?`terug`:`vooruit`}`,n=!this.ready;return i`<button
       type="button"
       class=${l({"lintje-icon-button":!0,"lintje-icon-button--flat":!0,"lintje-player__icon-button":!0,"lintje-audio-player__skip":!0,"is-disabled":n})}
       aria-label=${t}
       title=${t}
-      aria-disabled=${n?`true`:u}
+      aria-disabled=${n?`true`:c}
       @click=${()=>{n||this.skip(e*15)}}
     >
-      ${s(`functioneel-dubbel-delta-rechts`,{size:20,flip:e<0?`horizontal`:void 0})}
+      ${a(`functioneel-dubbel-delta-rechts`,{size:20,flip:e<0?`horizontal`:void 0})}
       <span class="lintje-audio-player__step" aria-hidden="true">${15}</span>
-    </button>`}renderTransport(){return c`<div class="lintje-audio-player__transport">
+    </button>`}renderTransport(){return i`<div class="lintje-audio-player__transport">
       ${this.renderSkip(-1)} ${this.renderPlay()} ${this.renderSkip(1)}
-    </div>`}renderMute(){return this.renderIconButton(this.muted?`functioneel-geluid-uit`:`functioneel-geluid-aan`,`Geluid dempen`,()=>this.toggleMute(),{disabled:!1,pressed:this.muted})}renderVolume(){let e=this.muted?0:this.volume,t=Math.round(e*100);return c`<div class="lintje-audio-player__volume">
+    </div>`}renderMute(){return this.renderIconButton(this.muted?`functioneel-geluid-uit`:`functioneel-geluid-aan`,`Geluid dempen`,()=>this.toggleMute(),{disabled:!1,pressed:this.muted})}renderVolume(){let t=this.muted?0:this.volume,n=Math.round(t*100);return i`<div class="lintje-audio-player__volume">
       ${this.renderMute()}
       <div
         class="lintje-audio-player__level"
@@ -96,15 +96,15 @@ import{$t as e,Jt as t,L as n,St as r,Zt as i,at as a,dt as o,ft as s,in as c,lt
         aria-label="Volume"
         aria-valuemin="0"
         aria-valuemax="100"
-        aria-valuenow=${t}
-        aria-valuetext=${this.muted?`Gedempt`:`${t} procent`}
+        aria-valuenow=${n}
+        aria-valuetext=${this.muted?`Gedempt`:`${n} procent`}
         @keydown=${this.onVolumeKeydown}
         @pointerdown=${this.onVolumePointerDown}
         @pointermove=${this.onVolumePointerMove}
       >
-        <div class="lintje-audio-player__level-fill" ${r({width:`${t}%`})}></div>
+        <div class="lintje-audio-player__level-fill" ${e({width:`${n}%`})}></div>
       </div>
-    </div>`}renderSpeed(e=!1){let t=y.map(e=>({value:String(e.value),label:e.label,checked:e.value===this.speed,radio:!0})),n=b(this.speed);return c`<lintje-menu-button
+    </div>`}renderSpeed(e=!1){let t=y.map(e=>({value:String(e.value),label:e.label,checked:e.value===this.speed,radio:!0})),n=b(this.speed);return i`<lintje-menu-button
       class="lintje-audio-player__speed"
       variant="flat"
       placement="bottom-end"
@@ -114,26 +114,26 @@ import{$t as e,Jt as t,L as n,St as r,Zt as i,at as a,dt as o,ft as s,in as c,lt
       ?disabled=${!this.ready}
       .items=${t}
       @lintje-action=${this.onSpeedMenu}
-    ></lintje-menu-button>`}renderTimes(){return c`<div class="lintje-audio-player__times">
+    ></lintje-menu-button>`}renderTimes(){return i`<div class="lintje-audio-player__times">
       <strong class="lintje-player__position">${f(this.position)}</strong>
       <span class="lintje-player__duration">${f(this.length)}</span>
-    </div>`}renderFull(e){return c`${this.renderLegend()} ${this.renderSlider()}
-      ${e&&!this.failed?this.renderTimes():u}
+    </div>`}renderFull(e){return i`${this.renderLegend()} ${this.renderSlider()}
+      ${e&&!this.failed?this.renderTimes():c}
       <div class="lintje-audio-player__controls">
         <div class="lintje-audio-player__start">
           ${e?this.renderMute():this.renderTime(!0)}
         </div>
         ${this.renderTransport()}
         <div class="lintje-audio-player__end">
-          ${e?u:this.renderVolume()} ${this.renderSpeed(e)}
+          ${e?c:this.renderVolume()} ${this.renderSpeed(e)}
         </div>
-      </div>`}renderCompact(){return c`${this.renderLegend()} ${this.renderTransport()} ${this.renderSlider()}
-    ${this.renderTime(!0)} ${this.renderVolume()} ${this.renderSpeed()}`}render(){let e=this.mobile.matches,t=this.compact&&!e;return c`<div
+      </div>`}renderCompact(){return i`${this.renderLegend()} ${this.renderTransport()} ${this.renderSlider()}
+    ${this.renderTime(!0)} ${this.renderVolume()} ${this.renderSpeed()}`}render(){let e=this.mobile.matches,t=this.compact&&!e;return i`<div
       class=${l({"lintje-audio-player":!0,"lintje-audio-player--compact":t,"lintje-audio-player--flush":this.flush})}
       role="group"
       aria-label=${this.name||`Opname`}
       @keydown=${this.onGroupKeydown}
     >
-      <audio class="lintje-player__media" preload="metadata" src=${this.src||u}></audio>
+      <audio class="lintje-player__media" preload="metadata" src=${this.src||c}></audio>
       ${t?this.renderCompact():this.renderFull(e)}
-    </div>`}};i(`lintje-audio-player`,A);export{A as LintjeAudioPlayer};
+    </div>`}};d(`lintje-audio-player`,A);export{A as LintjeAudioPlayer};

package/dist-elements/tag/badge.js

@@ -1 +1 @@
-export{ot as LintjeBadge,st as badgeStyles,ct as renderBadge}from"../chunks/base-DuuwEY22.js";
+export{ut as LintjeBadge,dt as badgeStyles,ft as renderBadge}from"../chunks/base-BsZyWDre.js";

package/dist-elements/tag/breadcrumbs.js

@@ -1,25 +1,25 @@
-import{$t as e,Jt as t,U as n,Xt as r,Zt as i,dt as a,ft as o,in as s,nn as c,qt as l}from"../chunks/base-DuuwEY22.js";import"./menu-button.js";var u=`:host{min-width:0;display:block}:host([hidden]){display:none}.lintje-breadcrumbs{font:var(--text-small);color:var(--color-text-muted)}.lintje-breadcrumbs__list{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.lintje-breadcrumbs__item{align-items:center;gap:var(--space-2);min-width:0;display:inline-flex}.lintje-breadcrumbs__link{color:var(--color-link);transition:color var(--dur-hover) var(--ease-in-motion);text-decoration:underline;position:relative}.lintje-breadcrumbs__link:after{content:"";inset:min(0px, calc((100% - var(--h-target)) / 2)) 0;position:absolute}.lintje-breadcrumbs__link:hover{color:var(--color-link-hover)}.lintje-breadcrumbs__current{color:var(--color-text-primary)}.lintje-breadcrumbs__back{align-items:center;gap:var(--space-1);min-height:var(--h-touch);font:var(--text-ui);color:var(--color-link);font-weight:700;text-decoration:none;display:inline-flex}.lintje-breadcrumbs__back:hover{color:var(--color-link-hover)}`,d=4;function f(e){return e.length<=4?{head:e,folded:[],tail:[]}:{head:e.slice(0,1),folded:e.slice(1,-2),tail:e.slice(-2)}}var p=class extends r{constructor(...e){super(...e),this.items=[],this.label=`Kruimelpad`,this.#e=new t(this,l)}static{this.styles=[a,e(u)]}static{this.properties={items:{attribute:!1},label:{type:String}}}#e;follow(e,t){n(e)&&this.followLink(t,e)}renderCrumb(e,t){if(t)return s`<span class="lintje-breadcrumbs__current" aria-current="page">${e.label}</span>`;if(!e.href)return s`<span class="lintje-breadcrumbs__text">${e.label}</span>`;let n=e.href;return s`<a
+import{Qt as e,U as t,Zt as n,cn as r,en as i,gt as a,ht as o,on as s,rn as c,tn as l}from"../chunks/base-BsZyWDre.js";import"./menu-button.js";var u=`:host{min-width:0;display:block}:host([hidden]){display:none}.lintje-breadcrumbs{font:var(--text-small);color:var(--color-text-muted)}.lintje-breadcrumbs__list{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.lintje-breadcrumbs__item{align-items:center;gap:var(--space-2);min-width:0;display:inline-flex}.lintje-breadcrumbs__link{color:var(--color-link);transition:color var(--dur-hover) var(--ease-in-motion);text-decoration:underline;position:relative}.lintje-breadcrumbs__link:after{content:"";inset:min(0px, calc((100% - var(--h-target)) / 2)) 0;position:absolute}.lintje-breadcrumbs__link:hover{color:var(--color-link-hover)}.lintje-breadcrumbs__current{color:var(--color-text-primary)}.lintje-breadcrumbs__back{align-items:center;gap:var(--space-1);min-height:var(--h-touch);font:var(--text-ui);color:var(--color-link);font-weight:700;text-decoration:none;display:inline-flex}.lintje-breadcrumbs__back:hover{color:var(--color-link-hover)}`,d=4;function f(e){return e.length<=4?{head:e,folded:[],tail:[]}:{head:e.slice(0,1),folded:e.slice(1,-2),tail:e.slice(-2)}}var p=class extends i{constructor(...t){super(...t),this.items=[],this.label=`Kruimelpad`,this.#e=new e(this,n)}static{this.styles=[o,c(u)]}static{this.properties={items:{attribute:!1},label:{type:String}}}#e;follow(e,n){t(e)&&this.followLink(n,e)}renderCrumb(e,t){if(t)return r`<span class="lintje-breadcrumbs__current" aria-current="page">${e.label}</span>`;if(!e.href)return r`<span class="lintje-breadcrumbs__text">${e.label}</span>`;let n=e.href;return r`<a
       class="lintje-breadcrumbs__link"
       href=${n}
       @click=${e=>this.follow(e,n)}
       >${e.label}</a
-    >`}renderMenu(e){let t=e.map((e,t)=>({value:String(t),label:e.label,href:e.href,disabled:!e.href}));return s`<lintje-menu-button
+    >`}renderMenu(e){let t=e.map((e,t)=>({value:String(t),label:e.label,href:e.href,disabled:!e.href}));return r`<lintje-menu-button
       variant="ellipsis"
       label="Tussenliggende niveaus tonen"
       .items=${t}
       @lintje-action=${e=>e.stopPropagation()}
-    ></lintje-menu-button>`}renderPhone(){let e=this.items.at(-2);if(!e?.href)return c;let t=e.href;return s`<nav class="lintje-breadcrumbs lintje-breadcrumbs--back" aria-label=${this.label}>
+    ></lintje-menu-button>`}renderPhone(){let e=this.items.at(-2);if(!e?.href)return s;let t=e.href;return r`<nav class="lintje-breadcrumbs lintje-breadcrumbs--back" aria-label=${this.label}>
       <a
         class="lintje-breadcrumbs__back"
         href=${t}
         @click=${e=>this.follow(e,t)}
       >
-        ${o(`functioneel-delta-rechts`,{size:16,flip:`horizontal`})}${e.label}
+        ${a(`functioneel-delta-rechts`,{size:16,flip:`horizontal`})}${e.label}
       </a>
-    </nav>`}render(){if(!this.items.length)return c;if(this.#e.matches)return this.renderPhone();let{head:e,folded:t,tail:n}=f(this.items),r=this.items.length-1,i=e.map((e,t)=>this.renderCrumb(e,t===r));return t.length&&(i.push(this.renderMenu(t)),n.forEach((e,t)=>i.push(this.renderCrumb(e,t===n.length-1)))),s`<nav class="lintje-breadcrumbs" aria-label=${this.label}>
+    </nav>`}render(){if(!this.items.length)return s;if(this.#e.matches)return this.renderPhone();let{head:e,folded:t,tail:n}=f(this.items),i=this.items.length-1,a=e.map((e,t)=>this.renderCrumb(e,t===i));return t.length&&(a.push(this.renderMenu(t)),n.forEach((e,t)=>a.push(this.renderCrumb(e,t===n.length-1)))),r`<nav class="lintje-breadcrumbs" aria-label=${this.label}>
       <ol class="lintje-breadcrumbs__list">
-        ${i.map((e,t)=>s`<li class="lintje-breadcrumbs__item">
-              ${t?s`<span class="lintje-breadcrumbs__separator" aria-hidden="true">›</span>`:c}${e}
+        ${a.map((e,t)=>r`<li class="lintje-breadcrumbs__item">
+              ${t?r`<span class="lintje-breadcrumbs__separator" aria-hidden="true">›</span>`:s}${e}
             </li>`)}
       </ol>
-    </nav>`}};i(`lintje-breadcrumbs`,p);export{p as LintjeBreadcrumbs,d as MAX_LEVELS,f as trail};
+    </nav>`}};l(`lintje-breadcrumbs`,p);export{p as LintjeBreadcrumbs,d as MAX_LEVELS,f as trail};

package/dist-elements/tag/button.js

@@ -1 +1 @@
-export{rt as LintjeButton}from"../chunks/base-DuuwEY22.js";
+export{ot as LintjeButton}from"../chunks/base-BsZyWDre.js";

package/dist-elements/tag/card-list.js

@@ -1,19 +1,19 @@
-import{$t as e,St as t,Xt as n,Zt as r,in as i,nn as a}from"../chunks/base-DuuwEY22.js";import{t as o}from"../chunks/live-message-CYZ-Ch7D.js";import"./empty-state.js";import"./card.js";var s=`:host{min-width:0;display:block}:host([hidden]){display:none}.lintje-card-list{--card-list-min:var(--w-card);grid-template-columns:repeat(auto-fill, minmax(max(min(100%, var(--card-list-min)), calc((100% - (var(--card-list-columns) - 1) * var(--grid-gutter)) / var(--card-list-columns))), 1fr));gap:var(--grid-gutter);margin:0;padding:0;list-style:none;display:grid}:host([layout=horizontal]) .lintje-card-list{--card-list-min:var(--w-card-wide)}.lintje-card-list__item{min-width:0}@media screen and (width<=767px){.lintje-card-list{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}}`,c=class extends n{constructor(...e){super(...e),this.items=[],this.layout=`vertical`,this.headingLevel=3,this.compact=!1,this.loading=!1,this.loadingCount=3,this.maxColumns=3,this.emptyText=`Er is hier nog niets.`,this.#e=new o(this)}static{this.styles=e(s)}static{this.properties={items:{attribute:!1},label:{type:String},layout:{type:String,reflect:!0},headingLevel:{type:Number,attribute:`heading-level`},compact:{type:Boolean,reflect:!0},loading:{type:Boolean,reflect:!0},loadingCount:{type:Number,attribute:`loading-count`},maxColumns:{type:Number,attribute:`max-columns`},emptyText:{type:String,attribute:`empty-text`}}}#e;willUpdate(e){if(super.willUpdate(e),!e.has(`loading`))return;let t=e.get(`loading`);if(!this.loading&&!t)return;let n=this.items.length,r=this.loading?`Gegevens laden…`:n?`Gegevens geladen: ${n} ${n===1?`item`:`items`}.`:`Gegevens geladen. ${this.emptyText}`;this.#e.say(r)}render(){return i`<span class="visually-hidden" role="status">${this.#e.text}</span>${this.renderBody()}`}renderBody(){if(!this.loading&&!this.items.length)return i`<lintje-empty-state compact text=${this.emptyText}
+import{Et as e,cn as t,en as n,on as r,rn as i,tn as a}from"../chunks/base-BsZyWDre.js";import{t as o}from"../chunks/live-message-CYZ-Ch7D.js";import"./empty-state.js";import"./card.js";var s=`:host{min-width:0;display:block}:host([hidden]){display:none}.lintje-card-list{--card-list-min:var(--w-card);grid-template-columns:repeat(auto-fill, minmax(max(min(100%, var(--card-list-min)), calc((100% - (var(--card-list-columns) - 1) * var(--grid-gutter)) / var(--card-list-columns))), 1fr));gap:var(--grid-gutter);margin:0;padding:0;list-style:none;display:grid}:host([layout=horizontal]) .lintje-card-list{--card-list-min:var(--w-card-wide)}.lintje-card-list__item{min-width:0}@media screen and (width<=767px){.lintje-card-list{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}}`,c=class extends n{constructor(...e){super(...e),this.items=[],this.layout=`vertical`,this.headingLevel=3,this.compact=!1,this.loading=!1,this.loadingCount=3,this.maxColumns=3,this.emptyText=`Er is hier nog niets.`,this.#e=new o(this)}static{this.styles=i(s)}static{this.properties={items:{attribute:!1},label:{type:String},layout:{type:String,reflect:!0},headingLevel:{type:Number,attribute:`heading-level`},compact:{type:Boolean,reflect:!0},loading:{type:Boolean,reflect:!0},loadingCount:{type:Number,attribute:`loading-count`},maxColumns:{type:Number,attribute:`max-columns`},emptyText:{type:String,attribute:`empty-text`}}}#e;willUpdate(e){if(super.willUpdate(e),!e.has(`loading`))return;let t=e.get(`loading`);if(!this.loading&&!t)return;let n=this.items.length,r=this.loading?`Gegevens laden…`:n?`Gegevens geladen: ${n} ${n===1?`item`:`items`}.`:`Gegevens geladen. ${this.emptyText}`;this.#e.say(r)}render(){return t`<span class="visually-hidden" role="status">${this.#e.text}</span>${this.renderBody()}`}renderBody(){if(!this.loading&&!this.items.length)return t`<lintje-empty-state compact text=${this.emptyText}
         ><slot name="empty"></slot
-      ></lintje-empty-state>`;let e=this.loading?Array.from({length:this.loadingCount},()=>i`<li class="lintje-card-list__item" aria-hidden="true">
+      ></lintje-empty-state>`;let n=this.loading?Array.from({length:this.loadingCount},()=>t`<li class="lintje-card-list__item" aria-hidden="true">
             <lintje-card loading layout=${this.layout} ?compact=${this.compact}></lintje-card>
-          </li>`):this.items.map(e=>i`<li class="lintje-card-list__item">
+          </li>`):this.items.map(e=>t`<li class="lintje-card-list__item">
             <lintje-card
               .data=${e}
               layout=${this.layout}
               heading-level=${this.headingLevel}
               ?compact=${this.compact}
             ></lintje-card>
-          </li>`),n=Math.max(1,Math.min(this.maxColumns,this.layout===`horizontal`?2:this.maxColumns));return i`<ul
+          </li>`),i=Math.max(1,Math.min(this.maxColumns,this.layout===`horizontal`?2:this.maxColumns));return t`<ul
       class="lintje-card-list"
-      aria-label=${this.label??a}
-      aria-busy=${this.loading?`true`:a}
-      ${t({"--card-list-columns":n})}
+      aria-label=${this.label??r}
+      aria-busy=${this.loading?`true`:r}
+      ${e({"--card-list-columns":i})}
     >
-      ${e}
-    </ul>`}};r(`lintje-card-list`,c);export{c as LintjeCardList};
+      ${n}
+    </ul>`}};a(`lintje-card-list`,c);export{c as LintjeCardList};