lintje 0.6.0 → 0.7.0

package/dist-elements/tag/chat-answer.js

@@ -1,68 +1,68 @@
-import{$t as e,Xt as t,Zt as n,et as r,in as i,nn as a}from"../chunks/base-DuuwEY22.js";import{n as o}from"../chunks/focus-trap-qYvMiFZF.js";import{t as s}from"../chunks/copied-Dx6jfxoK.js";import"./announcement.js";import"./prose.js";import{t as c}from"../chunks/sentence-end-DqHdi7Wb.js";import"./kpi-row.js";import"./data-table.js";import"./chart.js";import"./chat-strip.js";import"./chat-suggestions.js";var l=`:host{min-width:0;display:block}:host([hidden]){display:none}.lintje-chat-answer{gap:var(--space-6);flex-direction:column;min-width:0;display:flex}.lintje-chat-answer__body{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.lintje-chat-answer__lead{font-weight:700}.lintje-chat-answer__blocks{gap:var(--space-3) var(--grid-gutter);grid-template-columns:repeat(12,minmax(0,1fr));min-width:0;display:grid}.lintje-chat-answer__blocks>:not([span]){grid-column:1/-1}@media screen and (width<=767px){.lintje-chat-answer__blocks{grid-template-columns:minmax(0,1fr)}}.lintje-chat-answer__stopped,.lintje-chat-answer__note,.lintje-chat-answer__reasons-label{font:var(--text-small);color:var(--color-text-muted)}.lintje-chat-answer__status{align-self:flex-start}.lintje-chat-answer__retry{margin-top:var(--space-2)}.lintje-chat-answer__actions{align-items:center;gap:var(--space-2);margin-left:calc((16px - var(--h-icon-button)) / 2);color:var(--color-text-primary);flex-wrap:wrap;display:flex}.lintje-chat-answer__note{margin-left:var(--space-2)}.lintje-chat-answer__reasons{align-items:center;gap:var(--space-2);animation:lintje-fade-in var(--dur-base) var(--ease-in-motion) both;flex-wrap:wrap;display:flex}.lintje-chat-answer__reasons-label{margin-right:var(--space-1)}`,u=[`Klopt niet`,`Niet wat ik vroeg`,`Onduidelijk`],d={"needs-clarification":{label:`Kies je antwoord`,hint:`Of typ je eigen antwoord in het veld.`},"out-of-scope":{label:`Kies wat je wilt doen`,hint:`Of stel een andere vraag in het veld.`}},f=class extends t{constructor(...e){super(...e),this.state=`ready`,this.current=!1,this.rating=null,this.reasonGiven=!1,this.note=``,this.spoken=[],this.#e=!1,this.#t=0,this.#n=``}static{this.styles=e(l)}static{this.properties={state:{type:String,reflect:!0},lead:{type:String},text:{type:String},blocks:{attribute:!1},strip:{attribute:!1},status:{type:String},error:{attribute:!1},choices:{attribute:!1},followUps:{attribute:!1},current:{type:Boolean,reflect:!0},turnId:{type:String,attribute:`turn-id`},rating:{state:!0},reasonGiven:{state:!0},note:{state:!0},spoken:{state:!0}}}#e;#t;#n;#r;#i;disconnectedCallback(){clearTimeout(this.#r),clearTimeout(this.#i),super.disconnectedCallback()}get spokenText(){return[this.lead,this.text].filter(Boolean).join(` `)}willUpdate(e){if(super.willUpdate(e),!e.has(`state`)&&!e.has(`lead`)&&!e.has(`text`))return;let t=this.spokenText,n=e.has(`state`)&&this.state===`streaming`||!t.startsWith(this.#n.slice(0,this.#t));if(this.#n=t,n&&(this.#e||this.state===`streaming`)&&(this.#e=!0,this.#t=0,this.spoken=[]),!this.#e||this.state===`error`)return;let r=t.slice(this.#t),i=this.state===`streaming`?c(r):r.length,a=r.slice(0,i).trim();this.#t+=i,a&&(this.spoken=[...this.spoken,a])}get detail(){return{turnId:this.turnId??null}}get plainText(){let e=(this.blocks??[]).map(e=>e.kind===`prose`?e.text:``);return[[this.lead,this.text].filter(Boolean).join(` `),...e].filter(Boolean).join(`
+import{cn as e,en as t,on as n,rn as r,rt as i,tn as a}from"../chunks/base-BsZyWDre.js";import{n as o}from"../chunks/focus-trap-BDxiHED1.js";import{t as s}from"../chunks/copied-Dx6jfxoK.js";import"./announcement.js";import"./prose.js";import{t as c}from"../chunks/sentence-end-DqHdi7Wb.js";import"./kpi-row.js";import"./data-table.js";import"./chart.js";import"./chat-strip.js";import"./chat-suggestions.js";var l=`:host{min-width:0;display:block}:host([hidden]){display:none}.lintje-chat-answer{gap:var(--space-6);flex-direction:column;min-width:0;display:flex}.lintje-chat-answer__body{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.lintje-chat-answer__lead{font-weight:700}.lintje-chat-answer__blocks{gap:var(--space-3) var(--grid-gutter);grid-template-columns:repeat(12,minmax(0,1fr));min-width:0;display:grid}.lintje-chat-answer__blocks>:not([span]){grid-column:1/-1}@media screen and (width<=767px){.lintje-chat-answer__blocks{grid-template-columns:minmax(0,1fr)}}.lintje-chat-answer__stopped,.lintje-chat-answer__note,.lintje-chat-answer__reasons-label{font:var(--text-small);color:var(--color-text-muted)}.lintje-chat-answer__status{align-self:flex-start}.lintje-chat-answer__retry{margin-top:var(--space-2)}.lintje-chat-answer__actions{align-items:center;gap:var(--space-2);margin-left:calc((16px - var(--h-icon-button)) / 2);color:var(--color-text-primary);flex-wrap:wrap;display:flex}.lintje-chat-answer__note{margin-left:var(--space-2)}.lintje-chat-answer__reasons{align-items:center;gap:var(--space-2);animation:lintje-fade-in var(--dur-base) var(--ease-in-motion) both;flex-wrap:wrap;display:flex}.lintje-chat-answer__reasons-label{margin-right:var(--space-1)}`,u=[`Klopt niet`,`Niet wat ik vroeg`,`Onduidelijk`],d={"needs-clarification":{label:`Kies je antwoord`,hint:`Of typ je eigen antwoord in het veld.`},"out-of-scope":{label:`Kies wat je wilt doen`,hint:`Of stel een andere vraag in het veld.`}},f=class extends t{constructor(...e){super(...e),this.state=`ready`,this.current=!1,this.rating=null,this.reasonGiven=!1,this.note=``,this.spoken=[],this.#e=!1,this.#t=0,this.#n=``}static{this.styles=r(l)}static{this.properties={state:{type:String,reflect:!0},lead:{type:String},text:{type:String},blocks:{attribute:!1},strip:{attribute:!1},status:{type:String},error:{attribute:!1},choices:{attribute:!1},followUps:{attribute:!1},current:{type:Boolean,reflect:!0},turnId:{type:String,attribute:`turn-id`},rating:{state:!0},reasonGiven:{state:!0},note:{state:!0},spoken:{state:!0}}}#e;#t;#n;#r;#i;disconnectedCallback(){clearTimeout(this.#r),clearTimeout(this.#i),super.disconnectedCallback()}get spokenText(){return[this.lead,this.text].filter(Boolean).join(` `)}willUpdate(e){if(super.willUpdate(e),!e.has(`state`)&&!e.has(`lead`)&&!e.has(`text`))return;let t=this.spokenText,n=e.has(`state`)&&this.state===`streaming`||!t.startsWith(this.#n.slice(0,this.#t));if(this.#n=t,n&&(this.#e||this.state===`streaming`)&&(this.#e=!0,this.#t=0,this.spoken=[]),!this.#e||this.state===`error`)return;let r=t.slice(this.#t),i=this.state===`streaming`?c(r):r.length,a=r.slice(0,i).trim();this.#t+=i,a&&(this.spoken=[...this.spoken,a])}get detail(){return{turnId:this.turnId??null}}get plainText(){let e=(this.blocks??[]).map(e=>e.kind===`prose`?e.text:``);return[[this.lead,this.text].filter(Boolean).join(` `),...e].filter(Boolean).join(`
 
-`)}say(e,t){clearTimeout(this.#r),clearTimeout(this.#i),t&&(this.#r=setTimeout(()=>this.note=``,t)),e&&e===this.note?(this.note=``,this.#i=setTimeout(()=>this.note=e,100)):this.note=e}async copy(){try{await navigator.clipboard.writeText(this.plainText),this.say(`Gekopieerd`,s)}catch{this.say(`Kopiëren is niet gelukt`)}}rate(e){this.rating=this.rating===e?null:e,this.reasonGiven=!1,this.say(``),this.emit(`lintje-answer-rate`,{...this.detail,rating:this.rating,reason:null})}giveReason(e){let t=this.renderRoot.querySelector(`.lintje-chat-answer__reasons`),n=this.renderRoot.querySelector(`[label="Slecht antwoord"]`);t&&n&&r(t)&&o(n).focus(),this.reasonGiven=!0,this.say(`Bedankt, doorgegeven.`),this.emit(`lintje-answer-rate`,{...this.detail,rating:`down`,reason:e})}retry(){this.emit(`lintje-answer-retry`,this.detail)}render(){let e=this.state,t=e===`ready`,n=d[e];return i`<article class="lintje-chat-answer">
+`)}say(e,t){clearTimeout(this.#r),clearTimeout(this.#i),t&&(this.#r=setTimeout(()=>this.note=``,t)),e&&e===this.note?(this.note=``,this.#i=setTimeout(()=>this.note=e,100)):this.note=e}async copy(){try{await navigator.clipboard.writeText(this.plainText),this.say(`Gekopieerd`,s)}catch{this.say(`Kopiëren is niet gelukt`)}}rate(e){this.rating=this.rating===e?null:e,this.reasonGiven=!1,this.say(``),this.emit(`lintje-answer-rate`,{...this.detail,rating:this.rating,reason:null})}giveReason(e){let t=this.renderRoot.querySelector(`.lintje-chat-answer__reasons`),n=this.renderRoot.querySelector(`[label="Slecht antwoord"]`);t&&n&&i(t)&&o(n).focus(),this.reasonGiven=!0,this.say(`Bedankt, doorgegeven.`),this.emit(`lintje-answer-rate`,{...this.detail,rating:`down`,reason:e})}retry(){this.emit(`lintje-answer-retry`,this.detail)}render(){let t=this.state,r=t===`ready`,i=d[t];return e`<article class="lintje-chat-answer">
       <div class="lintje-chat-answer__body">
-        ${e===`error`?this.renderError():this.renderText()}
+        ${t===`error`?this.renderError():this.renderText()}
         <div class="visually-hidden" role="status" aria-atomic="false">
-          ${this.spoken.map(e=>i`<p>${e}</p>`)}
+          ${this.spoken.map(t=>e`<p>${t}</p>`)}
         </div>
-        ${t&&this.strip?i`<lintje-chat-strip
-              turn-id=${this.turnId??a}
+        ${r&&this.strip?e`<lintje-chat-strip
+              turn-id=${this.turnId??n}
               .items=${this.strip.items}
               .details=${this.strip.details}
-              details-label=${this.strip.detailsLabel??a}
+              details-label=${this.strip.detailsLabel??n}
               ?disabled=${!this.current}
-            ></lintje-chat-strip>`:a}
+            ></lintje-chat-strip>`:n}
         ${this.renderBlocks()}
-        ${e===`streaming`?i`<lintje-spinner
+        ${t===`streaming`?e`<lintje-spinner
               class="lintje-chat-answer__status"
               label=${this.status??`Antwoord schrijven`}
-            ></lintje-spinner>`:a}
-        ${e===`stopped`?i`<p class="lintje-chat-answer__stopped">Antwoord gestopt.</p>`:a}
-        ${t?this.renderActions():a}
+            ></lintje-spinner>`:n}
+        ${t===`stopped`?e`<p class="lintje-chat-answer__stopped">Antwoord gestopt.</p>`:n}
+        ${r?this.renderActions():n}
       </div>
-      ${n&&this.current?i`<lintje-chat-suggestions
+      ${i&&this.current?e`<lintje-chat-suggestions
             kind="choice"
-            turn-id=${this.turnId??a}
-            label=${n.label}
-            hint=${n.hint}
+            turn-id=${this.turnId??n}
+            label=${i.label}
+            hint=${i.hint}
             .items=${this.choices}
-          ></lintje-chat-suggestions>`:a}
-      ${t&&this.current?i`<lintje-chat-suggestions
-            turn-id=${this.turnId??a}
+          ></lintje-chat-suggestions>`:n}
+      ${r&&this.current?e`<lintje-chat-suggestions
+            turn-id=${this.turnId??n}
             label="Jij, als vervolgvraag"
             .items=${this.followUps}
-          ></lintje-chat-suggestions>`:a}
-    </article>`}renderText(){return i`<lintje-prose
+          ></lintje-chat-suggestions>`:n}
+    </article>`}renderText(){return e`<lintje-prose
       class="lintje-chat-answer__text"
-      aria-live=${this.#e?`off`:a}
-      aria-busy=${this.state===`streaming`?`true`:a}
+      aria-live=${this.#e?`off`:n}
+      aria-busy=${this.state===`streaming`?`true`:n}
     >
       <p>
-        <span class="visually-hidden">Assistent: </span>${this.lead?i`<strong class="lintje-chat-answer__lead">${this.lead}</strong> `:a}${this.text??a}
+        <span class="visually-hidden">Assistent: </span>${this.lead?e`<strong class="lintje-chat-answer__lead">${this.lead}</strong> `:n}${this.text??n}
       </p>
-    </lintje-prose>`}renderError(){let e={kind:`warning`,live:!0,title:this.error?.title??`Het antwoord is niet geladen`,text:this.error?.text??`Je vraag staat er nog: probeer het opnieuw, of stel een kortere vraag.`};return i`<span class="visually-hidden">Assistent: </span>
-      <lintje-announcement .data=${e}>
-        ${this.current?i`<lintje-button
+    </lintje-prose>`}renderError(){let t={kind:`warning`,live:!0,title:this.error?.title??`Het antwoord is niet geladen`,text:this.error?.text??`Je vraag staat er nog: probeer het opnieuw, of stel een kortere vraag.`};return e`<span class="visually-hidden">Assistent: </span>
+      <lintje-announcement .data=${t}>
+        ${this.current?e`<lintje-button
               class="lintje-chat-answer__retry"
               slot="action"
               variant="secondary"
               icon="functioneel-refresh"
               @click=${()=>this.retry()}
               >Opnieuw proberen</lintje-button
-            >`:a}
-      </lintje-announcement>`}renderBlocks(){let e=this.blocks??[];return e.length?i`<div
+            >`:n}
+      </lintje-announcement>`}renderBlocks(){let t=this.blocks??[];return t.length?e`<div
       class="lintje-chat-answer__blocks"
-      aria-busy=${this.state===`streaming`?`true`:a}
+      aria-busy=${this.state===`streaming`?`true`:n}
     >
-      ${e.map(e=>{switch(e.kind){case`prose`:return i`<lintje-prose .html=${e.html} .text=${e.text}></lintje-prose>`;case`kpi-row`:return i`<lintje-kpi-row .data=${e.data}></lintje-kpi-row>`;case`chart`:return i`<lintje-chart
-              span=${e.data.span??a}
-              .data=${e.data}
-            ></lintje-chart>`;case`data-table`:return i`<lintje-data-table
-              span=${e.data.span??a}
-              .data=${e.data}
+      ${t.map(t=>{switch(t.kind){case`prose`:return e`<lintje-prose .html=${t.html} .text=${t.text}></lintje-prose>`;case`kpi-row`:return e`<lintje-kpi-row .data=${t.data}></lintje-kpi-row>`;case`chart`:return e`<lintje-chart
+              span=${t.data.span??n}
+              .data=${t.data}
+            ></lintje-chart>`;case`data-table`:return e`<lintje-data-table
+              span=${t.data.span??n}
+              .data=${t.data}
             ></lintje-data-table>`}})}
-    </div>`:a}renderActions(){let e=this.rating===`down`&&!this.reasonGiven;return i`<div class="lintje-chat-answer__actions">
+    </div>`:n}renderActions(){let t=this.rating===`down`&&!this.reasonGiven;return e`<div class="lintje-chat-answer__actions">
         <lintje-icon-button
           icon="functioneel-kopieren"
           label="Antwoord kopiëren"
@@ -85,24 +85,24 @@ import{$t as e,Xt as t,Zt as n,et as r,in as i,nn as a}from"../chunks/base-DuuwE
           ?active=${this.rating===`down`}
           @click=${()=>this.rate(`down`)}
         ></lintje-icon-button>
-        ${this.current?i`<lintje-icon-button
+        ${this.current?e`<lintje-icon-button
               icon="functioneel-refresh"
               label="Opnieuw beantwoorden"
               variant="flat"
                   @click=${()=>this.retry()}
-            ></lintje-icon-button>`:a}
+            ></lintje-icon-button>`:n}
         <span class="lintje-chat-answer__note" role="status">${this.note}</span>
       </div>
-      ${e?i`<div
+      ${t?e`<div
             class="lintje-chat-answer__reasons"
             role="group"
             aria-labelledby="reasons"
           >
             <span id="reasons" class="lintje-chat-answer__reasons-label">Wat was er mis?</span>
-            ${u.map(e=>i`<lintje-button
+            ${u.map(t=>e`<lintje-button
                 variant="tertiary"
                 size="compact"
-                @click=${()=>this.giveReason(e)}
-                >${e}</lintje-button
+                @click=${()=>this.giveReason(t)}
+                >${t}</lintje-button
               >`)}
-          </div>`:a}`}};n(`lintje-chat-answer`,f);export{f as LintjeChatAnswer};
+          </div>`:n}`}};a(`lintje-chat-answer`,f);export{f as LintjeChatAnswer};

package/dist-elements/tag/chat-composer.js

@@ -1,36 +1,40 @@
-import{$t as e,Jt as t,St as n,Xt as r,Zt as i,et as a,in as o,it as s,lt as c,nn as l}from"../chunks/base-DuuwEY22.js";import"./radio-group.js";import{t as u}from"../chunks/key-CAxrgBxD.js";import"./multiselect.js";function d(e,t=[]){let n=[],r=0;for(let i of[...t].sort((e,t)=>e.start-t.start))i.start<r||i.end<=i.start||i.end>e.length||(i.start>r&&n.push({text:e.slice(r,i.start)}),n.push({text:e.slice(i.start,i.end),term:i}),r=i.end);return r<e.length&&n.push({text:e.slice(r)}),n}var f=/[\p{L}\p{N}]/u;function p(e,t=[],n){let r=e.toLowerCase(),i=t.flatMap(e=>[e.label,...e.aliases??[]].map(t=>({word:t,term:e}))).filter(({word:e})=>e.trim()!==``).sort((e,t)=>t.word.length-e.word.length),a=[];for(let{word:t,term:o}of i){let i=t.toLowerCase();for(let t=r.indexOf(i);t!==-1;t=r.indexOf(i,t+1)){let r=t+i.length;if(t>0&&f.test(e[t-1])||r<e.length&&f.test(e[r])||a.some(e=>t<e.end&&r>e.start))continue;let s=o.source!==void 0&&n!==void 0&&!n.includes(o.source);a.push({start:t,end:r,kind:o.kind,certain:!(o.ambiguous||s)})}}return a.sort((e,t)=>e.start-t.start)}function m(e,t=e.length){return/\S*$/.exec(e.slice(0,t))?.[0]??``}function h(e,t=[]){let n=e.toLowerCase();return n?t.filter(e=>{let t=e.label.toLowerCase();return t!==n&&t.split(/\s+/).some(e=>e.startsWith(n))}).slice(0,5):[]}var g=`:host{min-width:0;display:block}:host([hidden]){display:none}.lintje-chat-composer{position:relative}.lintje-chat-composer__frame{background:var(--color-bg-surface);border:1px solid var(--color-border-field);flex-direction:column;display:flex}.lintje-chat-composer__field{max-height:calc(var(--h-control) * 4 + var(--space-5));position:relative;overflow-y:auto}.lintje-chat-composer__input{min-height:calc(var(--h-control) + var(--space-5));padding:var(--space-3) var(--space-4) var(--space-2);font:var(--text-body);line-height:var(--h-control);color:var(--color-text-primary);white-space:pre-wrap;overflow-wrap:anywhere;display:block}.lintje-chat-composer__input.is-empty:before{content:attr(data-placeholder);content:attr(data-placeholder) / "";color:var(--color-text-placeholder);opacity:1;pointer-events:none;position:absolute}@supports selector(:has(*)){.lintje-chat-composer__input:focus-visible{outline:none}.lintje-chat-composer__frame:has(.lintje-chat-composer__input:focus-visible){outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}}.lintje-chat-composer__input::highlight(lintje-term){background-color:var(--color-term-bg);text-decoration:underline solid var(--color-term-line);text-underline-offset:var(--space-1);text-decoration-thickness:2px}.lintje-chat-composer__input::highlight(lintje-term-uncertain){text-decoration:underline dashed var(--color-border-suggestion);text-underline-offset:var(--space-1);text-decoration-thickness:2px}.lintje-chat-composer__captions{pointer-events:none;position:absolute;inset:0}.lintje-chat-composer__caption{font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:var(--color-accent-text);line-height:1;position:absolute;overflow:hidden;transform:translateY(-100%)}.lintje-chat-composer__caption.is-uncertain{color:var(--color-text-muted)}.lintje-chat-composer__bar{justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-2);flex-wrap:wrap;display:flex}.lintje-chat-composer__sources{flex:0 auto;width:auto;min-width:0}.lintje-chat-composer__hint{min-width:0;font:var(--text-small);color:var(--color-text-muted);text-align:right;flex:auto}.lintje-chat-composer__send{flex:none;gap:1px;display:flex;position:relative}.lintje-chat-composer__send-half{--h-icon-button:var(--h-button)}.lintje-chat-composer__scrim{z-index:45;position:fixed;inset:0}.lintje-chat-composer__options{right:0;bottom:calc(100% + var(--space-2));z-index:46;width:320px;max-width:calc(100vw - 2 * var(--space-4));gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border-popover);box-shadow:var(--shadow-popover);color:var(--color-text-primary);animation:lintje-rise var(--dur-popover) var(--ease-in-motion);flex-direction:column;display:flex;position:absolute}.lintje-chat-composer__shortcuts{gap:var(--space-2);flex-direction:column;display:flex}.lintje-chat-composer__shortcuts-label{font:var(--text-small);font-weight:700}.lintje-chat-composer__keys{align-items:center;gap:var(--space-2) var(--space-3);font:var(--text-ui);grid-template-columns:minmax(0,1fr) auto;margin:0;display:grid}.lintje-chat-composer__key{margin:0}.lintje-chat-composer__completions{left:0;bottom:calc(100% + var(--space-2));z-index:46;background:var(--color-bg-surface);border:1px solid var(--color-border-popover);width:360px;max-width:100%;box-shadow:var(--shadow-popover);animation:lintje-rise var(--dur-popover) var(--ease-in-motion);position:absolute}.lintje-chat-composer__completion{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--h-option);padding:0 var(--space-3);border-bottom:1px solid var(--color-border-default);font:var(--text-ui);color:var(--color-text-primary);cursor:pointer;display:flex}.lintje-chat-composer__completion:last-child{border-bottom:0}.lintje-chat-composer__completion:hover,.lintje-chat-composer__completion.is-active{background:var(--color-bg-subtle)}.lintje-chat-composer__completion-kind{font:var(--text-small);color:var(--color-text-muted)}@media screen and (width<=767px){.lintje-chat-composer__input{padding:var(--space-3) var(--space-3) var(--space-1)}.lintje-chat-composer__hint:not(:empty){text-align:left;flex-basis:100%;order:-1}}@media (forced-colors:active){.lintje-chat-composer__completion.is-active{outline-offset:-1px;outline:1px solid highlight}}`,_=[{value:`auto`,label:`Automatisch (de assistent kiest)`},{value:`text`,label:`Alleen tekst`},{value:`chart`,label:`Met grafiek`},{value:`table`,label:`Als tabel`}],v=[{value:`enter`,label:`Enter (Shift+Enter: nieuwe regel)`},{value:`ctrl-enter`,label:`Ctrl+Enter (Enter: nieuwe regel)`}],y=`lintje-chat-send-key`,b={enter:`Enter verstuurt, Shift+Enter begint een nieuwe regel.`,"ctrl-enter":`Ctrl+Enter verstuurt, Enter begint een nieuwe regel.`};function x(){try{return localStorage.getItem(y)===`ctrl-enter`?`ctrl-enter`:`enter`}catch{return`enter`}}var S=`lintje-term`,C=`lintje-term-uncertain`,w=()=>typeof CSS<`u`&&`highlights`in CSS&&typeof Highlight<`u`;function T(e){let t=CSS.highlights.get(e);return t||(t=new Highlight,CSS.highlights.set(e,t)),t}function E(e){let t=[],n=``,r=document.createTreeWalker(e,NodeFilter.SHOW_TEXT|NodeFilter.SHOW_ELEMENT);for(let e=r.nextNode();e;e=r.nextNode())e.nodeType===Node.TEXT_NODE?(t.push({node:e,start:n.length}),n+=e.data):e.localName===`br`&&(n+=`
-`);return{text:n,nodes:t}}function D(e,t){for(let n=e.nodes.length-1;n>=0;n--){let{node:r,start:i}=e.nodes[n];if(t>=i&&t<=i+r.data.length)return{node:r,offset:t-i}}return null}var O=class extends r{constructor(...e){super(...e),this.variant=`ask`,this.text=``,this.placeholder=`Stel een vraag over de gegevens`,this.busy=!1,this.sendKey=x(),this.form=`auto`,this.optionsOpen=!1,this.plain=!1,this.draft=``,this.caret=0,this.completionIndex=0,this.completionOff=!1,this.captions=[],this.#e=new t(this),this.#t=!0,this.#n=[],this.#r=null,this.#a=!1}static{this.styles=[e(u),e(g),e(s)]}static{this.properties={variant:{type:String,reflect:!0},text:{type:String},placeholder:{type:String},busy:{type:Boolean,reflect:!0},recall:{type:String},sendKey:{type:String,attribute:`send-key`},form:{type:String},sources:{attribute:!1},vocabulary:{attribute:!1},draftTerms:{attribute:!1},optionsOpen:{type:Boolean,attribute:`options-open`,reflect:!0},plain:{type:Boolean,reflect:!0},draft:{state:!0},caret:{state:!0},completionIndex:{state:!0},completionOff:{state:!0},captions:{state:!0}}}#e;#t;#n;#r;#i;#a;get input(){return this.renderRoot.querySelector(`.lintje-chat-composer__input`)}get selectedIds(){return(this.sources??[]).filter(e=>e.selected).map(e=>e.id)}get noSource(){return this.variant===`ask`&&!!this.sources?.length&&!this.selectedIds.length}termsIn(e){return this.draftTerms&&this.draftTerms.text===e?this.draftTerms.ranges:p(e,this.vocabulary,this.sources?this.selectedIds:void 0)}get suggestions(){return this.completionOff||this.termsIn(this.draft).some(e=>e.end===this.caret)?[]:h(m(this.draft,this.caret),this.vocabulary)}disconnectedCallback(){this.clearHighlights(),this.#r?.disconnect(),this.#r=null,clearTimeout(this.#i),super.disconnectedCallback()}firstUpdated(){let e=this.input;e&&(e.contentEditable!==`plaintext-only`&&(e.contentEditable=`true`,this.#t=!1),typeof ResizeObserver<`u`&&(this.#r=new ResizeObserver(()=>this.paint()),this.#r.observe(e)))}willUpdate(e){if(super.willUpdate(e),!e.has(`busy`)||e.get(`busy`)===void 0)return;let t=this.renderRoot.querySelector(this.busy?`.lintje-chat-composer__send`:`.lintje-chat-composer__stop`);t&&a(t)&&(this.#a=!0)}updated(e){e.has(`text`)&&this.text!==this.draft&&this.write(this.text,void 0,!1),this.paint(),this.#a&&(this.#a=!1,this.focus())}focus(){this.write(this.draft)}openSources(){let e=this.renderRoot.querySelector(`lintje-multiselect`);e&&(e.open=!0)}selection(){return this.renderRoot.getSelection?.()??document.getSelection()}read(){let e=this.input;if(!e)return;let t=E(e);t.text===`
-`&&(e.textContent=``,t.text=``);let n=this.selection(),r=t.nodes.find(({node:e})=>e===n?.focusNode);this.draft=t.text,this.caret=r?r.start+(n?.focusOffset??0):t.text.length}write(e,t=e.length,n=!0){let r=this.input;if(r){if(E(r).text!==e&&(r.textContent=e),n){r.focus();let e=D(E(r),t);e&&this.selection()?.collapse(e.node,e.offset)}this.draft=e,this.caret=t}}onInput(){this.read(),this.completionOff=!1,this.completionIndex=0,clearTimeout(this.#i),this.#i=setTimeout(()=>this.emit(`lintje-draft-change`,{text:this.draft}),200)}onPaste(e){this.#t||(e.preventDefault(),document.execCommand(`insertText`,!1,e.clipboardData?.getData(`text/plain`)??``))}sends(e){if(e.key!==`Enter`||e.isComposing)return!1;let t=e.ctrlKey||e.metaKey;return(this.plain?`enter`:this.sendKey)===`enter`?!e.shiftKey&&!t:t}onKeydown(e){let t=this.suggestions;if(t.length&&(e.key===`ArrowDown`||e.key===`ArrowUp`)){e.preventDefault();let n=e.key===`ArrowDown`?1:-1;this.completionIndex=(this.completionIndex+n+t.length)%t.length}else t.length&&(e.key===`Enter`||e.key===`Tab`)&&!e.isComposing?(e.preventDefault(),this.complete(t[Math.min(this.completionIndex,t.length-1)])):t.length&&e.key===`Escape`?(e.preventDefault(),this.completionOff=!0):this.sends(e)?(e.preventDefault(),this.send()):e.key===`Enter`&&!this.#t&&!e.isComposing?(e.preventDefault(),document.execCommand(`insertLineBreak`)):e.key===`Escape`?this.variant===`edit`?this.emitLocal(`lintje-cancel`):this.busy&&this.emit(`lintje-answer-stop`,{}):e.key===`ArrowUp`&&this.draft===``&&this.recall&&(e.preventDefault(),this.write(this.recall))}complete(e){let t=m(this.draft,this.caret),n=this.caret-t.length,r=`${this.draft.slice(0,n)}${e.label} ${this.draft.slice(this.caret)}`;this.write(r,n+e.label.length+1),this.completionOff=!0}send(){let e=this.draft.trim();if(!e||this.noSource||this.busy&&this.variant===`ask`)return;let t=this.termsFor(e);this.variant===`edit`?this.emitLocal(`lintje-submit`,{text:e,terms:t}):(this.emit(`lintje-message-send`,{text:e,terms:t,sources:this.selectedIds,form:this.form}),this.write(``))}termsFor(e){let t=this.draft.length-this.draft.trimStart().length;return this.termsIn(this.draft).map(e=>({...e,start:e.start-t,end:e.end-t})).filter(t=>t.start>=0&&t.end<=e.length)}clearHighlights(){if(w()){for(let{name:e,range:t}of this.#n)T(e).delete(t);this.#n=[]}}paint(){let e=this.input,t=this.renderRoot.querySelector(`.lintje-chat-composer__field`);if(!e||!t||!w())return;this.clearHighlights();let n=E(e),r=t.getBoundingClientRect(),i=[];for(let e of this.termsIn(n.text)){let a=D(n,e.start),o=D(n,e.end);if(!a||!o)continue;let s=new Range;s.setStart(a.node,a.offset),s.setEnd(o.node,o.offset);let c=e.certain===!1?C:S;T(c).add(s),this.#n.push({name:c,range:s});let l=s.getClientRects()[0];e.kind&&l&&i.push({left:Math.round(l.left-r.left+t.scrollLeft),top:Math.round(l.top-r.top+t.scrollTop),kind:e.kind,certain:e.certain!==!1})}i.forEach((e,t)=>{let n=i[t+1];n&&n.top===e.top&&(e.room=Math.max(0,n.left-e.left-4))}),JSON.stringify(i)!==JSON.stringify(this.captions)&&(this.captions=i)}setSendKey(e){this.sendKey=e;try{localStorage.setItem(y,e)}catch{}}async toggleOptions(e){this.optionsOpen=e,await this.updateComplete;let t=this.renderRoot.querySelector(e?`.lintje-chat-composer__options`:`.lintje-chat-composer__options-toggle`);(t?.shadowRoot?.querySelector(`button`)??t)?.focus()}render(){let e=this.suggestions,t=Math.min(this.completionIndex,e.length-1),r=this.termsIn(this.draft).map(e=>{let t=this.draft.slice(e.start,e.end),n=[e.kind,e.certain===!1?`niet zeker`:``].filter(Boolean);return n.length?`${t} (${n.join(`, `)})`:t}).join(`, `);return o`<div class="lintje-chat-composer lintje-chat-composer--${this.variant}">
-      ${e.length?o`<div
+import{Et as e,Qt as t,cn as n,ct as r,en as i,on as a,pt as o,rn as s,rt as c,sn as l,tn as u}from"../chunks/base-BsZyWDre.js";import"./radio-group.js";import{t as d}from"../chunks/key-CAxrgBxD.js";import"./multiselect.js";function f(e,t=[]){let n=[],r=0;for(let i of[...t].sort((e,t)=>e.start-t.start))i.start<r||i.end<=i.start||i.end>e.length||(i.start>r&&n.push({text:e.slice(r,i.start)}),n.push({text:e.slice(i.start,i.end),term:i}),r=i.end);return r<e.length&&n.push({text:e.slice(r)}),n}var p=/[\p{L}\p{N}]/u;function m(e,t=[],n){let r=e.toLowerCase(),i=t.flatMap(e=>[e.label,...e.aliases??[]].map(t=>({word:t,term:e}))).filter(({word:e})=>e.trim()!==``).sort((e,t)=>t.word.length-e.word.length),a=[];for(let{word:t,term:o}of i){let i=t.toLowerCase();for(let t=r.indexOf(i);t!==-1;t=r.indexOf(i,t+1)){let r=t+i.length;if(t>0&&p.test(e[t-1])||r<e.length&&p.test(e[r])||a.some(e=>t<e.end&&r>e.start))continue;let s=o.source!==void 0&&n!==void 0&&!n.includes(o.source);a.push({start:t,end:r,kind:o.kind,certain:!(o.ambiguous||s)})}}return a.sort((e,t)=>e.start-t.start)}function h(e,t=e.length){return/\S*$/.exec(e.slice(0,t))?.[0]??``}function g(e,t=[]){let n=e.toLowerCase();return n?t.filter(e=>{let t=e.label.toLowerCase();return t!==n&&t.split(/\s+/).some(e=>e.startsWith(n))}).slice(0,5):[]}var _=`:host{min-width:0;display:block}:host([hidden]){display:none}.lintje-chat-composer{position:relative}.lintje-chat-composer__frame{background:var(--color-bg-surface);border:1px solid var(--color-border-field);flex-direction:column;display:flex}.lintje-chat-composer__field{max-height:calc(var(--h-control) * 4 + var(--space-5));position:relative;overflow-y:auto}.lintje-chat-composer__input{min-height:calc(var(--h-control) + var(--space-5));padding:var(--space-3) var(--space-4) var(--space-2);font:var(--text-body);line-height:var(--h-control);color:var(--color-text-primary);white-space:pre-wrap;overflow-wrap:anywhere;display:block}.lintje-chat-composer__input.is-empty:before{content:attr(data-placeholder);content:attr(data-placeholder) / "";color:var(--color-text-placeholder);opacity:1;pointer-events:none;position:absolute}@supports selector(:has(*)){.lintje-chat-composer__input:focus-visible{outline:none}.lintje-chat-composer__frame:has(.lintje-chat-composer__input:focus-visible){outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}}.lintje-chat-composer__input::highlight(lintje-term){background-color:var(--color-term-bg);text-decoration:underline solid var(--color-term-line);text-underline-offset:var(--space-1);text-decoration-thickness:2px}.lintje-chat-composer__input::highlight(lintje-term-uncertain){text-decoration:underline dashed var(--color-border-suggestion);text-underline-offset:var(--space-1);text-decoration-thickness:2px}.lintje-chat-composer__captions{pointer-events:none;position:absolute;inset:0}.lintje-chat-composer__caption{font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:var(--color-accent-text);line-height:1;position:absolute;overflow:hidden;transform:translateY(-100%)}.lintje-chat-composer__caption.is-uncertain{color:var(--color-text-muted)}.lintje-chat-composer__bar{justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-2);flex-wrap:wrap;display:flex}.lintje-chat-composer__sources{flex:0 auto;width:auto;min-width:0}.lintje-chat-composer__hint{min-width:0;font:var(--text-small);color:var(--color-text-muted);text-align:right;flex:auto}.lintje-chat-composer__send{flex:none;gap:1px;display:flex;position:relative}.lintje-chat-composer__send-half{--h-icon-button:var(--h-button)}.lintje-chat-composer__scrim{z-index:45;position:fixed;inset:0}.lintje-chat-composer__options{right:0;bottom:calc(100% + var(--space-2));z-index:46;width:320px;max-width:calc(100vw - 2 * var(--space-4));gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border-popover);box-shadow:var(--shadow-popover);color:var(--color-text-primary);animation:lintje-rise var(--dur-popover) var(--ease-in-motion);flex-direction:column;display:flex;position:absolute}.lintje-chat-composer__shortcuts{gap:var(--space-2);flex-direction:column;display:flex}.lintje-chat-composer__shortcuts-label{font:var(--text-small);font-weight:700}.lintje-chat-composer__keys{align-items:center;gap:var(--space-2) var(--space-3);font:var(--text-ui);grid-template-columns:minmax(0,1fr) auto;margin:0;display:grid}.lintje-chat-composer__key{margin:0}.lintje-chat-composer__completions{left:0;bottom:calc(100% + var(--space-2));z-index:46;background:var(--color-bg-surface);border:1px solid var(--color-border-popover);width:360px;max-width:100%;box-shadow:var(--shadow-popover);animation:lintje-rise var(--dur-popover) var(--ease-in-motion);position:absolute}.lintje-chat-composer__completion{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--h-option);padding:0 var(--space-3);border-bottom:1px solid var(--color-border-default);font:var(--text-ui);color:var(--color-text-primary);cursor:pointer;display:flex}.lintje-chat-composer__completion:last-child{border-bottom:0}.lintje-chat-composer__completion:hover,.lintje-chat-composer__completion.is-active{background:var(--color-bg-subtle)}.lintje-chat-composer__completion-kind{font:var(--text-small);color:var(--color-text-muted)}@media screen and (width<=767px){.lintje-chat-composer__input{padding:var(--space-3) var(--space-3) var(--space-1)}.lintje-chat-composer__hint:not(:empty){text-align:left;flex-basis:100%;order:-1}}@media (forced-colors:active){.lintje-chat-composer__completion.is-active{outline-offset:-1px;outline:1px solid highlight}}`,v=[{value:`auto`,label:`Automatisch (de assistent kiest)`},{value:`text`,label:`Alleen tekst`},{value:`chart`,label:`Met grafiek`},{value:`table`,label:`Als tabel`}],y=[{value:`enter`,label:`Enter (Shift+Enter: nieuwe regel)`},{value:`ctrl-enter`,label:`Ctrl+Enter (Enter: nieuwe regel)`}],b=`lintje-chat-send-key`,x={enter:`Enter verstuurt, Shift+Enter begint een nieuwe regel.`,"ctrl-enter":`Ctrl+Enter verstuurt, Enter begint een nieuwe regel.`};function S(){try{return localStorage.getItem(b)===`ctrl-enter`?`ctrl-enter`:`enter`}catch{return`enter`}}var C=`lintje-term`,w=`lintje-term-uncertain`,T=()=>typeof CSS<`u`&&`highlights`in CSS&&typeof Highlight<`u`;function E(e){let t=CSS.highlights.get(e);return t||(t=new Highlight,CSS.highlights.set(e,t)),t}function D(e){let t=[],n=``,r=document.createTreeWalker(e,NodeFilter.SHOW_TEXT|NodeFilter.SHOW_ELEMENT);for(let e=r.nextNode();e;e=r.nextNode())e.nodeType===Node.TEXT_NODE?(t.push({node:e,start:n.length}),n+=e.data):e.localName===`br`&&(n+=`
+`);return{text:n,nodes:t}}function O(e,t){for(let n=e.nodes.length-1;n>=0;n--){let{node:r,start:i}=e.nodes[n];if(t>=i&&t<=i+r.data.length)return{node:r,offset:t-i}}return null}var k=t=>n`<span
+    class=${o({"lintje-chat-composer__caption":!0,"is-uncertain":!t.certain})}
+    ${e({left:`${t.left}px`,top:`${t.top}px`,maxWidth:t.room===void 0?null:`${t.room}px`})}
+    >${t.kind}</span
+  >`,A=class extends i{constructor(...e){super(...e),this.variant=`ask`,this.text=``,this.placeholder=`Stel een vraag over de gegevens`,this.busy=!1,this.sendKey=S(),this.form=`auto`,this.optionsOpen=!1,this.plain=!1,this.draft=``,this.caret=0,this.completionIndex=0,this.completionOff=!1,this.#e=[],this.#t=null,this.#n=new t(this),this.#r=!0,this.#i=[],this.#a=null,this.#s=!1,this.#c=!1}static{this.styles=[s(d),s(_),s(r)]}static{this.properties={variant:{type:String,reflect:!0},text:{type:String},placeholder:{type:String},busy:{type:Boolean,reflect:!0},recall:{type:String},sendKey:{type:String,attribute:`send-key`},form:{type:String},sources:{attribute:!1},vocabulary:{attribute:!1},draftTerms:{attribute:!1},optionsOpen:{type:Boolean,attribute:`options-open`,reflect:!0},plain:{type:Boolean,reflect:!0},draft:{state:!0},caret:{state:!0},completionIndex:{state:!0},completionOff:{state:!0}}}#e;#t;#n;#r;#i;#a;#o;#s;#c;get input(){return this.renderRoot.querySelector(`.lintje-chat-composer__input`)}get selectedIds(){return(this.sources??[]).filter(e=>e.selected).map(e=>e.id)}get noSource(){return this.variant===`ask`&&!!this.sources?.length&&!this.selectedIds.length}termsIn(e){return this.draftTerms&&this.draftTerms.text===e?this.draftTerms.ranges:m(e,this.vocabulary,this.sources?this.selectedIds:void 0)}get suggestions(){return this.completionOff||this.termsIn(this.draft).some(e=>e.end===this.caret)?[]:g(h(this.draft,this.caret),this.vocabulary)}disconnectedCallback(){this.clearHighlights(),this.#a?.disconnect(),this.#a=null,clearTimeout(this.#o),super.disconnectedCallback()}firstUpdated(){let e=this.input;e&&(e.contentEditable!==`plaintext-only`&&(e.contentEditable=`true`,this.#r=!1),typeof ResizeObserver<`u`&&(this.#a=new ResizeObserver(()=>this.paint()),this.#a.observe(e)))}willUpdate(e){if(super.willUpdate(e),e.has(`text`)&&this.text!==this.draft&&(this.draft=this.text,this.caret=this.text.length,this.#c=!0),!e.has(`busy`)||e.get(`busy`)===void 0)return;let t=this.renderRoot.querySelector(this.busy?`.lintje-chat-composer__send`:`.lintje-chat-composer__stop`);t&&c(t)&&(this.#s=!0)}updated(){this.#c&&(this.#c=!1,this.write(this.draft,void 0,!1)),this.paint(),this.#s&&(this.#s=!1,this.focus())}focus(){this.write(this.draft)}openSources(){let e=this.renderRoot.querySelector(`lintje-multiselect`);e&&(e.open=!0)}selection(){return this.renderRoot.getSelection?.()??document.getSelection()}read(){let e=this.input;if(!e)return;let t=D(e);t.text===`
+`&&(e.textContent=``,t.text=``);let n=this.selection(),r=t.nodes.find(({node:e})=>e===n?.focusNode);this.draft=t.text,this.caret=r?r.start+(n?.focusOffset??0):t.text.length}write(e,t=e.length,n=!0){let r=this.input;if(r){if(D(r).text!==e&&(r.textContent=e),n){r.focus();let e=O(D(r),t);e&&this.selection()?.collapse(e.node,e.offset)}this.draft=e,this.caret=t}}onInput(){this.read(),this.completionOff=!1,this.completionIndex=0,clearTimeout(this.#o),this.#o=setTimeout(()=>this.emit(`lintje-draft-change`,{text:this.draft}),200)}onPaste(e){this.#r||(e.preventDefault(),document.execCommand(`insertText`,!1,e.clipboardData?.getData(`text/plain`)??``))}sends(e){if(e.key!==`Enter`||e.isComposing)return!1;let t=e.ctrlKey||e.metaKey;return(this.plain?`enter`:this.sendKey)===`enter`?!e.shiftKey&&!t:t}onKeydown(e){let t=this.suggestions;if(t.length&&(e.key===`ArrowDown`||e.key===`ArrowUp`)){e.preventDefault();let n=e.key===`ArrowDown`?1:-1;this.completionIndex=(this.completionIndex+n+t.length)%t.length}else t.length&&(e.key===`Enter`||e.key===`Tab`)&&!e.isComposing?(e.preventDefault(),this.complete(t[Math.min(this.completionIndex,t.length-1)])):t.length&&e.key===`Escape`?(e.preventDefault(),this.completionOff=!0):this.sends(e)?(e.preventDefault(),this.send()):e.key===`Enter`&&!this.#r&&!e.isComposing?(e.preventDefault(),document.execCommand(`insertLineBreak`)):e.key===`Escape`?this.variant===`edit`?this.emitLocal(`lintje-cancel`):this.busy&&this.emit(`lintje-answer-stop`,{}):e.key===`ArrowUp`&&this.draft===``&&this.recall&&(e.preventDefault(),this.write(this.recall))}complete(e){let t=h(this.draft,this.caret),n=this.caret-t.length,r=`${this.draft.slice(0,n)}${e.label} ${this.draft.slice(this.caret)}`;this.write(r,n+e.label.length+1),this.completionOff=!0}send(){let e=this.draft.trim();if(!e||this.noSource||this.busy&&this.variant===`ask`)return;let t=this.termsFor(e);this.variant===`edit`?this.emitLocal(`lintje-submit`,{text:e,terms:t}):(this.emit(`lintje-message-send`,{text:e,terms:t,sources:this.selectedIds,form:this.form}),this.write(``))}termsFor(e){let t=this.draft.length-this.draft.trimStart().length;return this.termsIn(this.draft).map(e=>({...e,start:e.start-t,end:e.end-t})).filter(t=>t.start>=0&&t.end<=e.length)}clearHighlights(){if(T()){for(let{name:e,range:t}of this.#i)E(e).delete(t);this.#i=[]}}paint(){let e=this.input,t=this.renderRoot.querySelector(`.lintje-chat-composer__field`);if(!e||!t||!T())return;this.clearHighlights();let n=D(e),r=t.getBoundingClientRect(),i=[];for(let e of this.termsIn(n.text)){let a=O(n,e.start),o=O(n,e.end);if(!a||!o)continue;let s=new Range;s.setStart(a.node,a.offset),s.setEnd(o.node,o.offset);let c=e.certain===!1?w:C;E(c).add(s),this.#i.push({name:c,range:s});let l=s.getClientRects()[0];e.kind&&l&&i.push({left:Math.round(l.left-r.left+t.scrollLeft),top:Math.round(l.top-r.top+t.scrollTop),kind:e.kind,certain:e.certain!==!1})}i.forEach((e,t)=>{let n=i[t+1];n&&n.top===e.top&&(e.room=Math.max(0,n.left-e.left-4))});let a=this.renderRoot.querySelector(`.lintje-chat-composer__captions`);a&&(a!==this.#t||JSON.stringify(i)!==JSON.stringify(this.#e))&&(this.#t=a,this.#e=i,l(i.map(k),a))}setSendKey(e){this.sendKey=e;try{localStorage.setItem(b,e)}catch{}}async toggleOptions(e){this.optionsOpen=e,await this.updateComplete;let t=this.renderRoot.querySelector(e?`.lintje-chat-composer__options`:`.lintje-chat-composer__options-toggle`);(t?.shadowRoot?.querySelector(`button`)??t)?.focus()}render(){let e=this.suggestions,t=Math.min(this.completionIndex,e.length-1),r=this.termsIn(this.draft).map(e=>{let t=this.draft.slice(e.start,e.end),n=[e.kind,e.certain===!1?`niet zeker`:``].filter(Boolean);return n.length?`${t} (${n.join(`, `)})`:t}).join(`, `);return n`<div class="lintje-chat-composer lintje-chat-composer--${this.variant}">
+      ${e.length?n`<div
             id="completions"
             class="lintje-chat-composer__completions"
             role="listbox"
             aria-label="Aanvullen"
           >
-            ${e.map((e,n)=>o`<div
-                id="completion-${n}"
-                class=${c({"lintje-chat-composer__completion":!0,"is-active":n===t})}
+            ${e.map((e,r)=>n`<div
+                id="completion-${r}"
+                class=${o({"lintje-chat-composer__completion":!0,"is-active":r===t})}
                 role="option"
-                aria-selected=${String(n===t)}
+                aria-selected=${String(r===t)}
                 @mousedown=${t=>{t.preventDefault(),this.complete(e)}}
               >
                 <span>${e.label}</span>
                 <span class="lintje-chat-composer__completion-kind">${e.kind}</span>
               </div>`)}
-          </div>`:l}
+          </div>`:a}
       <div class="lintje-chat-composer__frame">
         <div class="lintje-chat-composer__field">
           <div
-            class=${c({"lintje-chat-composer__input":!0,"is-empty":this.draft===``})}
+            class=${o({"lintje-chat-composer__input":!0,"is-empty":this.draft===``})}
             contenteditable="plaintext-only"
             role="textbox"
             aria-multiline="true"
             aria-label=${this.variant===`edit`?`Je vraag bewerken`:`Je vraag`}
             aria-describedby="hint send-key"
             aria-placeholder=${this.placeholder}
-            aria-autocomplete=${this.vocabulary?.length?`list`:l}
-            aria-controls=${e.length?`completions`:l}
-            aria-activedescendant=${e.length?`completion-${t}`:l}
+            aria-autocomplete=${this.vocabulary?.length?`list`:a}
+            aria-controls=${e.length?`completions`:a}
+            aria-activedescendant=${e.length?`completion-${t}`:a}
             data-placeholder=${this.placeholder}
             @input=${this.onInput}
             @keydown=${this.onKeydown}
@@ -38,23 +42,17 @@ import{$t as e,Jt as t,St as n,Xt as r,Zt as i,et as a,in as o,it as s,lt as c,n
             @mouseup=${this.read}
             @paste=${this.onPaste}
           ></div>
-          <div class="lintje-chat-composer__captions" aria-hidden="true">
-            ${this.captions.map(e=>o`<span
-                class=${c({"lintje-chat-composer__caption":!0,"is-uncertain":!e.certain})}
-                ${n({left:`${e.left}px`,top:`${e.top}px`,maxWidth:e.room===void 0?null:`${e.room}px`})}
-                >${e.kind}</span
-              >`)}
-          </div>
+          <div class="lintje-chat-composer__captions" aria-hidden="true"></div>
         </div>
         <span id="send-key" class="visually-hidden"
-          >${b[this.plain?`enter`:this.sendKey]}</span
+          >${x[this.plain?`enter`:this.sendKey]}</span
         >
         <span class="visually-hidden" aria-live="polite">${r?`Herkend: ${r}`:``}</span>
         <div class="lintje-chat-composer__bar">
           ${this.variant===`edit`?this.renderEdit():this.renderAsk()}
         </div>
       </div>
-    </div>`}renderAsk(){let e=this.sources??[],t=this.draft.trim()===``;return o`${e.length?o`<lintje-multiselect
+    </div>`}renderAsk(){let e=this.sources??[],t=this.draft.trim()===``;return n`${e.length?n`<lintje-multiselect
             class="lintje-chat-composer__sources"
             label="Bronnen voor je volgende vraag"
             hide-label
@@ -62,32 +60,32 @@ import{$t as e,Jt as t,St as n,Xt as r,Zt as i,et as a,in as o,it as s,lt as c,n
             .options=${e.map(e=>({value:e.id,label:e.label,description:[e.description,e.asOf].filter(Boolean).join(` · `)}))}
             .selected=${this.selectedIds}
             @lintje-change=${e=>{e.stopPropagation(),this.emit(`lintje-sources-change`,{ids:e.detail})}}
-          ></lintje-multiselect>`:l}
+          ></lintje-multiselect>`:a}
       <span id="hint" class="lintje-chat-composer__hint" role="status"
         >${this.noSource?`Kies eerst een bron om een vraag te stellen`:``}</span
       >
-      ${this.busy?o`<lintje-button
+      ${this.busy?n`<lintje-button
             class="lintje-chat-composer__stop"
             variant="secondary"
             icon="multimedia-player-stop"
             @click=${()=>this.emit(`lintje-answer-stop`,{})}
             >Stoppen</lintje-button
-          >`:o`<div class="lintje-chat-composer__send">
-            ${this.#e.matches?o`<lintje-icon-button
+          >`:n`<div class="lintje-chat-composer__send">
+            ${this.#n.matches?n`<lintje-icon-button
                   class="lintje-chat-composer__send-half"
                   icon="functioneel-verzenden"
                   label="Versturen"
                   active
                   ?disabled=${t||this.noSource}
                   @click=${()=>this.send()}
-                ></lintje-icon-button>`:o`<lintje-button
+                ></lintje-icon-button>`:n`<lintje-button
                   variant="primary"
                   icon="functioneel-verzenden"
                   ?disabled=${t||this.noSource}
                   @click=${()=>this.send()}
                   >Versturen</lintje-button
                 >`}
-            ${this.plain?l:o`<lintje-icon-button
+            ${this.plain?a:n`<lintje-icon-button
                     class="lintje-chat-composer__send-half lintje-chat-composer__options-toggle"
                     icon="functioneel-delta-omlaag"
                     label="Opties bij versturen"
@@ -95,8 +93,8 @@ import{$t as e,Jt as t,St as n,Xt as r,Zt as i,et as a,in as o,it as s,lt as c,n
                     .expanded=${this.optionsOpen}
                     @click=${()=>this.toggleOptions(!this.optionsOpen)}
                   ></lintje-icon-button>
-                  ${this.optionsOpen?this.renderSendOptions():l}`}
-          </div>`}`}renderSendOptions(){return o`<span
+                  ${this.optionsOpen?this.renderSendOptions():a}`}
+          </div>`}`}renderSendOptions(){return n`<span
         class="lintje-chat-composer__scrim"
         @click=${()=>this.toggleOptions(!1)}
       ></span>
@@ -109,13 +107,13 @@ import{$t as e,Jt as t,St as n,Xt as r,Zt as i,et as a,in as o,it as s,lt as c,n
       >
         <lintje-radio-group
           label="Antwoord als"
-          .options=${_}
+          .options=${v}
           value=${this.form}
           @lintje-change=${e=>{e.stopPropagation(),this.form=e.detail}}
         ></lintje-radio-group>
         <lintje-radio-group
           label="Versturen met"
-          .options=${v}
+          .options=${y}
           value=${this.sendKey}
           @lintje-change=${e=>{e.stopPropagation(),this.setSendKey(e.detail)}}
         ></lintje-radio-group>
@@ -128,7 +126,7 @@ import{$t as e,Jt as t,St as n,Xt as r,Zt as i,et as a,in as o,it as s,lt as c,n
             <dd class="lintje-chat-composer__key"><kbd class="lintje-key">Esc</kbd></dd>
           </dl>
         </div>
-      </div>`}renderEdit(){return o`<span id="hint" class="lintje-chat-composer__hint"></span>
+      </div>`}renderEdit(){return n`<span id="hint" class="lintje-chat-composer__hint"></span>
       <lintje-button variant="tertiary" size="chrome" @click=${()=>this.emitLocal(`lintje-cancel`)}
         >Annuleren</lintje-button
       >
@@ -138,4 +136,4 @@ import{$t as e,Jt as t,St as n,Xt as r,Zt as i,et as a,in as o,it as s,lt as c,n
         ?disabled=${this.draft.trim()===``}
         @click=${()=>this.send()}
         >Opnieuw vragen</lintje-button
-      >`}};i(`lintje-chat-composer`,O);export{O as LintjeChatComposer,d as t};
+      >`}};u(`lintje-chat-composer`,A);export{A as LintjeChatComposer,f as t};

package/dist-elements/tag/chat-message.js

@@ -1,23 +1,23 @@
-import{$t as e,Xt as t,Zt as n,in as r,lt as i,nn as a}from"../chunks/base-DuuwEY22.js";import{t as o}from"./chat-composer.js";var s=`:host{min-width:0;display:block}:host([hidden]){display:none}.lintje-chat-message{align-items:center;gap:var(--space-2);max-width:var(--w-message);flex-direction:row-reverse;margin-left:auto;display:flex}.lintje-chat-message__text{min-width:0;padding:var(--space-3) var(--space-4);background:var(--color-bg-subtle);font:var(--text-body);color:var(--color-text-primary);white-space:pre-wrap;overflow-wrap:anywhere}.lintje-chat-message__meta{align-items:center;gap:var(--space-2);flex-direction:row-reverse;flex:none;display:flex}.lintje-chat-message__time{font:var(--text-small);color:var(--color-text-muted)}.lintje-chat-message__term{text-decoration:underline solid var(--color-term-line);text-underline-offset:var(--space-1);text-decoration-thickness:2px}.lintje-chat-message__term.is-uncertain{text-decoration-style:dashed;text-decoration-color:var(--color-border-suggestion)}.lintje-chat-message--editing{align-items:flex-end;gap:var(--space-2);flex-direction:column;width:100%}.lintje-chat-message__head{align-items:baseline;gap:var(--space-2);display:flex}.lintje-chat-message__label{font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--color-text-muted)}.lintje-chat-message__frame{align-self:stretch}.lintje-chat-message__note{font:var(--text-small);color:var(--color-text-muted)}@media screen and (width<=767px){.lintje-chat-message{margin-left:var(--space-10);flex-direction:column;align-items:flex-end}.lintje-chat-message--editing{margin-left:0}}@media (forced-colors:active){.lintje-chat-message__text{outline-offset:-1px;outline:1px solid canvastext}}`,c=class extends t{constructor(...e){super(...e),this.text=``,this.editable=!1,this.editing=!1}static{this.styles=e(s)}static{this.properties={text:{type:String},terms:{attribute:!1},time:{type:String},editable:{type:Boolean},editing:{type:Boolean,reflect:!0},turnId:{type:String,attribute:`turn-id`},vocabulary:{attribute:!1},sources:{attribute:!1}}}async setEditing(e){this.editing=e,this.emitLocal(`lintje-editing-change`,{turnId:this.turnId??null,editing:e}),await this.updateComplete;let t=this.renderRoot.querySelector(e?`lintje-chat-composer`:`.lintje-chat-message__edit`);e&&await t?.updateComplete,(t?.shadowRoot?.querySelector(`button`)??t)?.focus()}render(){return this.editing?this.renderEditing():this.renderSent()}renderSent(){return r`<div class="lintje-chat-message">
+import{cn as e,en as t,on as n,pt as r,rn as i,tn as a}from"../chunks/base-BsZyWDre.js";import{t as o}from"./chat-composer.js";var s=`:host{min-width:0;display:block}:host([hidden]){display:none}.lintje-chat-message{align-items:center;gap:var(--space-2);max-width:var(--w-message);flex-direction:row-reverse;margin-left:auto;display:flex}.lintje-chat-message__text{min-width:0;padding:var(--space-3) var(--space-4);background:var(--color-bg-subtle);font:var(--text-body);color:var(--color-text-primary);white-space:pre-wrap;overflow-wrap:anywhere}.lintje-chat-message__meta{align-items:center;gap:var(--space-2);flex-direction:row-reverse;flex:none;display:flex}.lintje-chat-message__time{font:var(--text-small);color:var(--color-text-muted)}.lintje-chat-message__term{text-decoration:underline solid var(--color-term-line);text-underline-offset:var(--space-1);text-decoration-thickness:2px}.lintje-chat-message__term.is-uncertain{text-decoration-style:dashed;text-decoration-color:var(--color-border-suggestion)}.lintje-chat-message--editing{align-items:flex-end;gap:var(--space-2);flex-direction:column;width:100%}.lintje-chat-message__head{align-items:baseline;gap:var(--space-2);display:flex}.lintje-chat-message__label{font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--color-text-muted)}.lintje-chat-message__frame{align-self:stretch}.lintje-chat-message__note{font:var(--text-small);color:var(--color-text-muted)}@media screen and (width<=767px){.lintje-chat-message{margin-left:var(--space-10);flex-direction:column;align-items:flex-end}.lintje-chat-message--editing{margin-left:0}}@media (forced-colors:active){.lintje-chat-message__text{outline-offset:-1px;outline:1px solid canvastext}}`,c=class extends t{constructor(...e){super(...e),this.text=``,this.editable=!1,this.editing=!1}static{this.styles=i(s)}static{this.properties={text:{type:String},terms:{attribute:!1},time:{type:String},editable:{type:Boolean},editing:{type:Boolean,reflect:!0},turnId:{type:String,attribute:`turn-id`},vocabulary:{attribute:!1},sources:{attribute:!1}}}async setEditing(e){this.editing=e,this.emitLocal(`lintje-editing-change`,{turnId:this.turnId??null,editing:e}),await this.updateComplete;let t=this.renderRoot.querySelector(e?`lintje-chat-composer`:`.lintje-chat-message__edit`);e&&await t?.updateComplete,(t?.shadowRoot?.querySelector(`button`)??t)?.focus()}render(){return this.editing?this.renderEditing():this.renderSent()}renderSent(){return e`<div class="lintje-chat-message">
       <p class="lintje-chat-message__text">${this.renderText()}</p>
       <div class="lintje-chat-message__meta">
-        ${this.editable?r`<lintje-icon-button
+        ${this.editable?e`<lintje-icon-button
               class="lintje-chat-message__edit"
               icon="functioneel-bewerken"
               label="Vraag bewerken"
               variant="flat"
               @click=${()=>this.setEditing(!0)}
-            ></lintje-icon-button>`:a}
-        ${this.time?r`<span class="lintje-chat-message__time">${this.time}</span>`:a}
+            ></lintje-icon-button>`:n}
+        ${this.time?e`<span class="lintje-chat-message__time">${this.time}</span>`:n}
       </div>
-    </div>`}renderText(){let e=o(this.text,this.terms).map(e=>e.term?r`<span
-            class=${i({"lintje-chat-message__term":!0,"is-uncertain":e.term.certain===!1})}
-            title=${e.term.kind??a}
-            >${e.text}</span
-          >`:e.text);return r`<span class="visually-hidden">Jij: </span>${e}`}renderEditing(){return r`<div class="lintje-chat-message lintje-chat-message--editing">
+    </div>`}renderText(){let t=o(this.text,this.terms).map(t=>t.term?e`<span
+            class=${r({"lintje-chat-message__term":!0,"is-uncertain":t.term.certain===!1})}
+            title=${t.term.kind??n}
+            >${t.text}</span
+          >`:t.text);return e`<span class="visually-hidden">Jij: </span>${t}`}renderEditing(){return e`<div class="lintje-chat-message lintje-chat-message--editing">
       <div class="lintje-chat-message__head">
         <span class="lintje-chat-message__label">Jij, bewerken</span>
-        ${this.time?r`<span class="lintje-chat-message__time">${this.time}</span>`:a}
+        ${this.time?e`<span class="lintje-chat-message__time">${this.time}</span>`:n}
       </div>
       <lintje-chat-composer
         class="lintje-chat-message__frame"
@@ -31,4 +31,4 @@ import{$t as e,Xt as t,Zt as n,in as r,lt as i,nn as a}from"../chunks/base-DuuwE
       <p class="lintje-chat-message__note">
         Het antwoord hieronder en alles wat erna kwam worden vervangen.
       </p>
-    </div>`}};n(`lintje-chat-message`,c);export{c as LintjeChatMessage};
+    </div>`}};a(`lintje-chat-message`,c);export{c as LintjeChatMessage};

package/dist-elements/tag/chat-strip.js

@@ -1,36 +1,36 @@
-import{$t as e,Xt as t,Zt as n,dt as r,ft as i,in as a,lt as o,nn as s}from"../chunks/base-DuuwEY22.js";import{t as c}from"../chunks/disclosure-DjLQzn9n.js";var l=`:host{min-width:0;display:block}:host([hidden]){display:none}.lintje-chat-strip{border-top:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);color:var(--color-text-primary)}.lintje-chat-strip__row{align-items:flex-end;gap:var(--space-2) var(--space-6);padding:var(--space-2) 0;flex-wrap:wrap;display:flex}.lintje-chat-strip__items{align-items:flex-end;gap:var(--space-2) var(--space-6);flex-wrap:wrap;flex:auto;min-width:0;margin:0;display:flex}.lintje-chat-strip__item{align-items:flex-start;gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.lintje-chat-strip__label{font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--color-text-muted)}.lintje-chat-strip__value{min-width:0;font:var(--text-ui);margin:0}.lintje-chat-strip__text,.lintje-chat-strip__term,.lintje-chat-strip__suggestion{min-height:var(--h-chip-field);font:var(--text-ui);color:var(--color-text-primary);align-items:center;display:inline-flex}.lintje-chat-strip__term,.lintje-chat-strip__suggestion.is-pressed{background:var(--color-term-bg);border-bottom:2px solid var(--color-term-line)}.lintje-chat-strip__term{gap:var(--space-1);padding:0 0 0 var(--space-1);position:relative}.lintje-chat-strip__select{inset:min(0px, calc((100% - var(--h-target)) / 2)) 0;opacity:0;cursor:pointer;appearance:none;width:100%;height:auto;position:absolute}.lintje-chat-strip__term:focus-within{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.lintje-chat-strip__suggestion,.lintje-chat-strip__toggle{position:relative}.lintje-chat-strip__suggestion:after,.lintje-chat-strip__toggle:after{content:"";inset:min(0px, calc((100% - var(--h-target)) / 2)) 0;position:absolute}.lintje-chat-strip__suggestion{padding:0 var(--space-1);border-bottom:2px dashed var(--color-border-suggestion);transition:background var(--dur-hover)}.lintje-chat-strip__suggestion:hover{background:var(--color-bg-subtle)}.lintje-chat-strip__suggestion.is-pressed:hover{background:var(--color-term-bg)}.lintje-chat-strip__toggle{align-items:center;gap:var(--space-1);min-height:var(--h-chip-field);font:var(--text-small);color:var(--color-text-primary);margin-left:auto;font-weight:700;display:inline-flex}.lintje-chat-strip__details{gap:var(--space-2) var(--space-4);padding:0 0 var(--space-3);font:var(--text-ui);grid-template-columns:max-content minmax(0,1fr);margin:0;display:grid}.lintje-chat-strip__detail{display:contents}.lintje-chat-strip__detail-term{color:var(--color-text-muted)}.lintje-chat-strip__detail-text{color:var(--color-text-primary);margin:0}@media screen and (width<=767px){.lintje-chat-strip__row{padding:var(--space-1) 0 0;display:block}.lintje-chat-strip__items{gap:0 var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.lintje-chat-strip__item{min-height:var(--h-touch);justify-content:center}.lintje-chat-strip__item--fixed{grid-column:1/-1}.lintje-chat-strip__select,.lintje-chat-strip__suggestion:after{inset:calc(var(--space-6) * -1) 0 calc(var(--space-2) * -1)}.lintje-chat-strip__toggle{width:100%;min-height:var(--h-touch);margin:var(--space-1) 0 0;border-top:1px solid var(--color-border-default);font:var(--text-ui);justify-content:space-between;font-weight:700}.lintje-chat-strip__details{grid-template-columns:minmax(0,1fr);gap:0}.lintje-chat-strip__detail-text{margin-bottom:var(--space-2)}}`,u=class extends t{constructor(...e){super(...e),this.detailsLabel=`Berekening`,this.disabled=!1,this.open=!1}static{this.styles=[r,e(c),e(l)]}static{this.properties={items:{attribute:!1},details:{attribute:!1},detailsLabel:{type:String,attribute:`details-label`},disabled:{type:Boolean,reflect:!0},turnId:{type:String,attribute:`turn-id`},open:{type:Boolean,reflect:!0}}}change(e,t){this.emit(`lintje-strip-change`,{turnId:this.turnId??null,key:e,value:t})}updated(){for(let e of this.renderRoot.querySelectorAll(`select`))e.value=e.dataset.value??``}value(e){if(e.options&&!this.disabled){let t=e.options.find(t=>t.value===e.value);return a`<span class="lintje-chat-strip__term">
-        <span class="lintje-chat-strip__term-text">${t?.label??e.value}</span>
-        ${i(`functioneel-delta-omlaag`,{size:16})}
+import{cn as e,en as t,gt as n,ht as r,on as i,pt as a,rn as o,tn as s}from"../chunks/base-BsZyWDre.js";import{t as c}from"../chunks/disclosure-DjLQzn9n.js";var l=`:host{min-width:0;display:block}:host([hidden]){display:none}.lintje-chat-strip{border-top:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);color:var(--color-text-primary)}.lintje-chat-strip__row{align-items:flex-end;gap:var(--space-2) var(--space-6);padding:var(--space-2) 0;flex-wrap:wrap;display:flex}.lintje-chat-strip__items{align-items:flex-end;gap:var(--space-2) var(--space-6);flex-wrap:wrap;flex:auto;min-width:0;margin:0;display:flex}.lintje-chat-strip__item{align-items:flex-start;gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.lintje-chat-strip__label{font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--color-text-muted)}.lintje-chat-strip__value{min-width:0;font:var(--text-ui);margin:0}.lintje-chat-strip__text,.lintje-chat-strip__term,.lintje-chat-strip__suggestion{min-height:var(--h-chip-field);font:var(--text-ui);color:var(--color-text-primary);align-items:center;display:inline-flex}.lintje-chat-strip__term,.lintje-chat-strip__suggestion.is-pressed{background:var(--color-term-bg);border-bottom:2px solid var(--color-term-line)}.lintje-chat-strip__term{gap:var(--space-1);padding:0 0 0 var(--space-1);position:relative}.lintje-chat-strip__select{inset:min(0px, calc((100% - var(--h-target)) / 2)) 0;opacity:0;cursor:pointer;appearance:none;width:100%;height:auto;position:absolute}.lintje-chat-strip__term:focus-within{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.lintje-chat-strip__suggestion,.lintje-chat-strip__toggle{position:relative}.lintje-chat-strip__suggestion:after,.lintje-chat-strip__toggle:after{content:"";inset:min(0px, calc((100% - var(--h-target)) / 2)) 0;position:absolute}.lintje-chat-strip__suggestion{padding:0 var(--space-1);border-bottom:2px dashed var(--color-border-suggestion);transition:background var(--dur-hover)}.lintje-chat-strip__suggestion:hover{background:var(--color-bg-subtle)}.lintje-chat-strip__suggestion.is-pressed:hover{background:var(--color-term-bg)}.lintje-chat-strip__toggle{align-items:center;gap:var(--space-1);min-height:var(--h-chip-field);font:var(--text-small);color:var(--color-text-primary);margin-left:auto;font-weight:700;display:inline-flex}.lintje-chat-strip__details{gap:var(--space-2) var(--space-4);padding:0 0 var(--space-3);font:var(--text-ui);grid-template-columns:max-content minmax(0,1fr);margin:0;display:grid}.lintje-chat-strip__detail{display:contents}.lintje-chat-strip__detail-term{color:var(--color-text-muted)}.lintje-chat-strip__detail-text{color:var(--color-text-primary);margin:0}@media screen and (width<=767px){.lintje-chat-strip__row{padding:var(--space-1) 0 0;display:block}.lintje-chat-strip__items{gap:0 var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.lintje-chat-strip__item{min-height:var(--h-touch);justify-content:center}.lintje-chat-strip__item--fixed{grid-column:1/-1}.lintje-chat-strip__select,.lintje-chat-strip__suggestion:after{inset:calc(var(--space-6) * -1) 0 calc(var(--space-2) * -1)}.lintje-chat-strip__toggle{width:100%;min-height:var(--h-touch);margin:var(--space-1) 0 0;border-top:1px solid var(--color-border-default);font:var(--text-ui);justify-content:space-between;font-weight:700}.lintje-chat-strip__details{grid-template-columns:minmax(0,1fr);gap:0}.lintje-chat-strip__detail-text{margin-bottom:var(--space-2)}}`,u=class extends t{constructor(...e){super(...e),this.detailsLabel=`Berekening`,this.disabled=!1,this.open=!1}static{this.styles=[r,o(c),o(l)]}static{this.properties={items:{attribute:!1},details:{attribute:!1},detailsLabel:{type:String,attribute:`details-label`},disabled:{type:Boolean,reflect:!0},turnId:{type:String,attribute:`turn-id`},open:{type:Boolean,reflect:!0}}}change(e,t){this.emit(`lintje-strip-change`,{turnId:this.turnId??null,key:e,value:t})}updated(){for(let e of this.renderRoot.querySelectorAll(`select`))e.value=e.dataset.value??``}value(t){if(t.options&&!this.disabled){let r=t.options.find(e=>e.value===t.value);return e`<span class="lintje-chat-strip__term">
+        <span class="lintje-chat-strip__term-text">${r?.label??t.value}</span>
+        ${n(`functioneel-delta-omlaag`,{size:16})}
         <select
           class="lintje-chat-strip__select"
-          aria-label=${e.label}
-          data-value=${e.value}
-          @change=${t=>{let n=t.target,r=n.value;n.value=e.value,r!==e.value&&this.change(e.key,r)}}
+          aria-label=${t.label}
+          data-value=${t.value}
+          @change=${e=>{let n=e.target,r=n.value;n.value=t.value,r!==t.value&&this.change(t.key,r)}}
         >
-          ${e.options.map(e=>a`<option value=${e.value}>${e.label}</option>`)}
+          ${t.options.map(t=>e`<option value=${t.value}>${t.label}</option>`)}
         </select>
-      </span>`}if(e.pressed!==void 0&&!this.disabled)return a`<button
+      </span>`}if(t.pressed!==void 0&&!this.disabled)return e`<button
         type="button"
-        class=${o({"lintje-chat-strip__suggestion":!0,"is-pressed":e.pressed})}
-        aria-pressed=${String(e.pressed)}
-        @click=${()=>this.change(e.key,!e.pressed)}
+        class=${a({"lintje-chat-strip__suggestion":!0,"is-pressed":t.pressed})}
+        aria-pressed=${String(t.pressed)}
+        @click=${()=>this.change(t.key,!t.pressed)}
       >
-        ${e.value}
-      </button>`;let t=e.options?.find(t=>t.value===e.value);return a`<span class="lintje-chat-strip__text">${t?.label??e.value}</span>`}render(){let e=(this.items??[]).filter(e=>!(this.disabled&&e.pressed===!1)),t=this.details??[];return!e.length&&!t.length?s:a`<div
-      class=${o({"lintje-chat-strip":!0,"lintje-disclosure":!0,"is-open":this.open})}
+        ${t.value}
+      </button>`;let r=t.options?.find(e=>e.value===t.value);return e`<span class="lintje-chat-strip__text">${r?.label??t.value}</span>`}render(){let t=(this.items??[]).filter(e=>!(this.disabled&&e.pressed===!1)),r=this.details??[];return!t.length&&!r.length?i:e`<div
+      class=${a({"lintje-chat-strip":!0,"lintje-disclosure":!0,"is-open":this.open})}
       role="group"
       aria-label="Uitgangspunten"
     >
       <div class="lintje-chat-strip__row">
         <dl class="lintje-chat-strip__items">
-          ${e.map(e=>a`<div
-              class=${o({"lintje-chat-strip__item":!0,"lintje-chat-strip__item--fixed":!e.options&&e.pressed===void 0})}
+          ${t.map(t=>e`<div
+              class=${a({"lintje-chat-strip__item":!0,"lintje-chat-strip__item--fixed":!t.options&&t.pressed===void 0})}
             >
-              <dt class="lintje-chat-strip__label">${e.label}</dt>
-              <dd class="lintje-chat-strip__value">${this.value(e)}</dd>
+              <dt class="lintje-chat-strip__label">${t.label}</dt>
+              <dd class="lintje-chat-strip__value">${this.value(t)}</dd>
             </div>`)}
         </dl>
-        ${t.length?a`<button
+        ${r.length?e`<button
               type="button"
               class="lintje-chat-strip__toggle"
               aria-expanded=${String(this.open)}
@@ -38,17 +38,17 @@ import{$t as e,Xt as t,Zt as n,dt as r,ft as i,in as a,lt as o,nn as s}from"../c
               @click=${()=>{this.open=!this.open}}
             >
               <span>${this.detailsLabel}</span>
-              ${i(`functioneel-delta-omlaag`,{size:16,className:`lintje-disclosure__chevron`})}
-            </button>`:s}
+              ${n(`functioneel-delta-omlaag`,{size:16,className:`lintje-disclosure__chevron`})}
+            </button>`:i}
       </div>
-      ${t.length?a`<div class="lintje-disclosure__body">
+      ${r.length?e`<div class="lintje-disclosure__body">
             <div id="details" class="lintje-disclosure__body-inner">
               <dl class="lintje-chat-strip__details">
-                ${t.map(e=>a`<div class="lintje-chat-strip__detail">
-                    <dt class="lintje-chat-strip__detail-term">${e.term}</dt>
-                    <dd class="lintje-chat-strip__detail-text">${e.description}</dd>
+                ${r.map(t=>e`<div class="lintje-chat-strip__detail">
+                    <dt class="lintje-chat-strip__detail-term">${t.term}</dt>
+                    <dd class="lintje-chat-strip__detail-text">${t.description}</dd>
                   </div>`)}
               </dl>
             </div>
-          </div>`:s}
-    </div>`}};n(`lintje-chat-strip`,u);export{u as LintjeChatStrip};
+          </div>`:i}
+    </div>`}};s(`lintje-chat-strip`,u);export{u as LintjeChatStrip};

package/dist-elements/tag/chat-suggestions.js

@@ -1,18 +1,18 @@
-import{$t as e,Xt as t,Zt as n,in as r,it as i,nn as a}from"../chunks/base-DuuwEY22.js";var o=`:host{min-width:0;display:block}:host([hidden]){display:none}.lintje-chat-suggestions{align-items:flex-end;gap:var(--space-2);max-width:var(--w-message);flex-direction:column;margin-left:auto;display:flex}.lintje-chat-suggestions__label{font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--color-text-muted)}.lintje-chat-suggestions__list{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}.lintje-chat-suggestions--choice .lintje-chat-suggestions__list{flex-flow:wrap;justify-content:flex-end}.lintje-chat-suggestions__item{min-height:var(--h-touch);padding:var(--space-2) var(--space-4);font:var(--text-body);color:var(--color-text-primary);text-align:left;transition:background var(--dur-hover)}.lintje-chat-suggestions__item:hover{background:var(--color-bg-subtle)}.lintje-chat-suggestions--suggestion .lintje-chat-suggestions__item{border:1px dashed var(--color-border-suggestion)}.lintje-chat-suggestions--choice .lintje-chat-suggestions__item{background:var(--color-bg-surface);border:1px solid var(--color-border-choice)}.lintje-chat-suggestions--choice .lintje-chat-suggestions__item:hover{background:var(--color-bg-subtle)}.lintje-chat-suggestions__hint{font:var(--text-small);color:var(--color-text-muted)}.lintje-chat-suggestions--start{align-items:flex-start;max-width:none;margin-left:0}.lintje-chat-suggestions--start .lintje-chat-suggestions__list{flex-flow:wrap;justify-content:flex-start;align-items:stretch}@media screen and (width<=767px){.lintje-chat-suggestions{margin-left:var(--space-10)}.lintje-chat-suggestions--start{margin-left:0}}`,s=class extends t{constructor(...e){super(...e),this.kind=`suggestion`,this.align=`end`}static{this.styles=[e(o),e(i)]}static{this.properties={label:{type:String},hint:{type:String},kind:{type:String,reflect:!0},align:{type:String,reflect:!0},items:{attribute:!1},turnId:{type:String,attribute:`turn-id`}}}select(e){this.emit(`lintje-suggestion-select`,{turnId:this.turnId??null,kind:this.kind,label:e.label,value:e.value??e.label})}render(){let e=this.items??[];return e.length?r`<div
+import{cn as e,ct as t,en as n,on 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-chat-suggestions{align-items:flex-end;gap:var(--space-2);max-width:var(--w-message);flex-direction:column;margin-left:auto;display:flex}.lintje-chat-suggestions__label{font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--color-text-muted)}.lintje-chat-suggestions__list{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}.lintje-chat-suggestions--choice .lintje-chat-suggestions__list{flex-flow:wrap;justify-content:flex-end}.lintje-chat-suggestions__item{min-height:var(--h-touch);padding:var(--space-2) var(--space-4);font:var(--text-body);color:var(--color-text-primary);text-align:left;transition:background var(--dur-hover)}.lintje-chat-suggestions__item:hover{background:var(--color-bg-subtle)}.lintje-chat-suggestions--suggestion .lintje-chat-suggestions__item{border:1px dashed var(--color-border-suggestion)}.lintje-chat-suggestions--choice .lintje-chat-suggestions__item{background:var(--color-bg-surface);border:1px solid var(--color-border-choice)}.lintje-chat-suggestions--choice .lintje-chat-suggestions__item:hover{background:var(--color-bg-subtle)}.lintje-chat-suggestions__hint{font:var(--text-small);color:var(--color-text-muted)}.lintje-chat-suggestions--start{align-items:flex-start;max-width:none;margin-left:0}.lintje-chat-suggestions--start .lintje-chat-suggestions__list{flex-flow:wrap;justify-content:flex-start;align-items:stretch}@media screen and (width<=767px){.lintje-chat-suggestions{margin-left:var(--space-10)}.lintje-chat-suggestions--start{margin-left:0}}`,s=class extends n{constructor(...e){super(...e),this.kind=`suggestion`,this.align=`end`}static{this.styles=[i(o),i(t)]}static{this.properties={label:{type:String},hint:{type:String},kind:{type:String,reflect:!0},align:{type:String,reflect:!0},items:{attribute:!1},turnId:{type:String,attribute:`turn-id`}}}select(e){this.emit(`lintje-suggestion-select`,{turnId:this.turnId??null,kind:this.kind,label:e.label,value:e.value??e.label})}render(){let t=this.items??[];return t.length?e`<div
       class="lintje-chat-suggestions lintje-chat-suggestions--${this.kind} lintje-chat-suggestions--${this.align}"
       role="group"
-      aria-labelledby=${this.label?`label`:a}
-      aria-label=${this.label?a:`Suggesties`}
+      aria-labelledby=${this.label?`label`:r}
+      aria-label=${this.label?r:`Suggesties`}
     >
-      ${this.label?r`<span id="label" class="lintje-chat-suggestions__label">${this.label}</span>`:a}
+      ${this.label?e`<span id="label" class="lintje-chat-suggestions__label">${this.label}</span>`:r}
       <div class="lintje-chat-suggestions__list">
-        ${e.map(e=>r`<button
+        ${t.map(t=>e`<button
             type="button"
             class="lintje-chat-suggestions__item"
-            @click=${()=>this.select(e)}
+            @click=${()=>this.select(t)}
           >
-            ${e.label}
+            ${t.label}
           </button>`)}
       </div>
-      ${this.hint?r`<p class="lintje-chat-suggestions__hint">${this.hint}</p>`:a}
-    </div>`:a}};n(`lintje-chat-suggestions`,s);export{s as LintjeChatSuggestions};
+      ${this.hint?e`<p class="lintje-chat-suggestions__hint">${this.hint}</p>`:r}
+    </div>`:r}};a(`lintje-chat-suggestions`,s);export{s as LintjeChatSuggestions};