@liip/liipgpt 2.3.1 → 2.3.3

package/configurator/_app/immutable/nodes/{2.D3zZiAoh.js → 2.Ca9GV8Pp.js}

@@ -1,8 +1,8 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../chunks/DmwaT34V.js","../chunks/NZTpNUN0.js","../chunks/TMezqz9A.js","../chunks/CfQtRUjK.js","../chunks/Dk4GrwWF.js","../chunks/Cgm2UlUC.js","../chunks/DIBZf736.js","../chunks/Ce2lcy1S.js","../chunks/Cy4MqGlM.js","../chunks/DvEdoyY3.js","../chunks/BML9F06z.js","../chunks/CiGqq2_-.js","../chunks/DKRY1Cqw.js","../chunks/DcPfJCrW.js"])))=>i.map(i=>d[i]);
-import{i as z,_ as vt,b as ht}from"../chunks/Cgm2UlUC.js";import"../chunks/NZTpNUN0.js";import{c as K,p as xe,f as x,s as e,e as i,t as V,b as l,d as qe,v as te,r as t,g as ke,N as ie,u as Q,o as Ft,aI as _t,I as M,a as I,G as s,H as F,aH as Ht,aJ as we,K as gt,aK as mt,J as jt,O as bt}from"../chunks/TMezqz9A.js";import{a as ne,s as W,d as yt,n as o,e as $,i as N,I as ee,o as At,C as wt,t as Ot,p as Rt,S as n,q as Gt,P as fe,R as _e,r as ye,N as Jt,u as Ut,v as Zt,w as $t,f as Nt,M as Qt,x as Vt,y as ft,h as Wt,z as Kt}from"../chunks/DIBZf736.js";import{p as ae,s as Yt,r as Xt}from"../chunks/CfQtRUjK.js";import{g as ei}from"../chunks/Cy4MqGlM.js";import{p as ti}from"../chunks/Ce2lcy1S.js";var ii=x('<div class="swatch svelte-18q4g20"><div class="swatch__color svelte-18q4g20"></div> <div class="swatch__label svelte-18q4g20"> </div></div>');const ai={hash:"svelte-18q4g20",code:`.swatch {display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;overflow:hidden;border:1px solid var(--base-line-color);border-radius:var(--card-border-radius);&:hover .swatch__label.svelte-18q4g20 {opacity:1;}}.swatch__color.svelte-18q4g20 {aspect-ratio:1;width:100%;}.swatch__label.svelte-18q4g20 {display:none;width:100%;padding:6px;background:white;color:black;font-size:10px;transition:opacity 0.2s ease;
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../chunks/ChzxYFTX.js","../chunks/NZTpNUN0.js","../chunks/DC-s52-u.js","../chunks/M-YrVFI7.js","../chunks/vuCcyO86.js","../chunks/Buwjqn5O.js","../chunks/BRINjubN.js","../chunks/pgYKILma.js","../chunks/CMhjWVcv.js","../chunks/Bu5Euvdy.js","../chunks/BHYdGlfZ.js","../chunks/I-jbfJxN.js","../chunks/YALcB7vb.js","../chunks/DoMONjgj.js"])))=>i.map(i=>d[i]);
+import{i as L,_ as ht,b as gt}from"../chunks/Buwjqn5O.js";import"../chunks/NZTpNUN0.js";import{c as Y,p as qe,f as q,s as e,e as i,t as V,b as l,d as Ce,v as te,r as a,g as xe,N as ae,u as W,o as At,aH as yt,I as T,a as S,G as s,H as D,aI as Ht,aJ as fe,K as mt,aK as bt,J as jt,O as wt}from"../chunks/DC-s52-u.js";import{a as ne,s as K,k as kt,l as r,m as Ot,t as Gt,e as $,i as Q,I as ee,n as Rt,C as ft,o as Jt,p as Ut,S as o,q as Zt,P as _e,R as ye,r as ke,N as Nt,u as $t,v as Qt,w as Wt,c as Vt,M as Kt,x as Yt,y as _t,h as Xt,z as ea}from"../chunks/BRINjubN.js";import{p as ie,s as ta,r as aa}from"../chunks/M-YrVFI7.js";import{g as ia}from"../chunks/CMhjWVcv.js";import{p as sa}from"../chunks/pgYKILma.js";var na=q('<div class="swatch svelte-18q4g20"><div class="swatch__color svelte-18q4g20"></div> <div class="swatch__label svelte-18q4g20"> </div></div>');const oa={hash:"svelte-18q4g20",code:`.swatch {display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;overflow:hidden;border:1px solid var(--base-line-color);border-radius:var(--card-border-radius);&:hover .swatch__label.svelte-18q4g20 {opacity:1;}}.swatch__color.svelte-18q4g20 {aspect-ratio:1;width:100%;}.swatch__label.svelte-18q4g20 {display:none;width:100%;padding:6px;background:white;color:black;font-size:10px;transition:opacity 0.2s ease;
 
         @media (min-width: 768px) {display:block;
-        }}`};function se(h,d){xe(d,!1),ne(h,ai);let f=ae(d,"name",12),c=ae(d,"key",12),T=ae(d,"value",12);var _=ii(),E=i(_),P=e(E,2),j=i(P,!0);return t(P),t(_),V(()=>{W(_,"title",`Color ${c()}: ${T()}`),yt(E,`background-color: var(--color-${f()??""}-${c()??""});`),ke(j,c())}),l(h,_),qe({get name(){return f()},set name(g){f(g),te()},get key(){return c()},set key(g){c(g),te()},get value(){return T()},set value(g){T(g),te()}})}K(se,{name:{},key:{},value:{}},[],[],!0);var si=x('<ol><li class="toast" data-type="error"><div data-icon=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"></path></svg></div> <div data-content=""><div data-title="">Error notification</div></div></li> <li class="toast" data-type="warning"><div data-icon=""><svg viewBox="0 0 64 64" fill="currentColor" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M32.427,7.987c2.183,0.124 4,1.165 5.096,3.281l17.936,36.208c1.739,3.66 -0.954,8.585 -5.373,8.656l-36.119,0c-4.022,-0.064 -7.322,-4.631 -5.352,-8.696l18.271,-36.207c0.342,-0.65 0.498,-0.838 0.793,-1.179c1.186,-1.375 2.483,-2.111 4.748,-2.063Zm-0.295,3.997c-0.687,0.034 -1.316,0.419 -1.659,1.017c-6.312,11.979 -12.397,24.081 -18.301,36.267c-0.546,1.225 0.391,2.797 1.762,2.863c12.06,0.195 24.125,0.195 36.185,0c1.325,-0.064 2.321,-1.584 1.769,-2.85c-5.793,-12.184 -11.765,-24.286 -17.966,-36.267c-0.366,-0.651 -0.903,-1.042 -1.79,-1.03Z"></path><path d="M33.631,40.581l-3.348,0l-0.368,-16.449l4.1,0l-0.384,16.449Zm-3.828,5.03c0,-0.609 0.197,-1.113 0.592,-1.514c0.396,-0.4 0.935,-0.601 1.618,-0.601c0.684,0 1.223,0.201 1.618,0.601c0.395,0.401 0.593,0.905 0.593,1.514c0,0.587 -0.193,1.078 -0.577,1.473c-0.385,0.395 -0.929,0.593 -1.634,0.593c-0.705,0 -1.249,-0.198 -1.634,-0.593c-0.384,-0.395 -0.576,-0.886 -0.576,-1.473Z"></path></svg></div> <div data-content=""><div data-title="">Warning notification</div></div></li> <li class="toast" data-type="success"><div data-icon=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20" data-sonner-error-icon=""><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg></div> <div data-content=""><div data-title="">Success notification</div></div></li> <li class="toast" data-type="info"><div data-icon=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd"></path></svg></div> <div data-content=""><div data-title="">Info notification</div></div></li></ol>');function kt(h){var d=si();l(h,d)}K(kt,{},[],[],!0);var ni=x(`<h1>Title h1</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <em>Morbi sagittis suscipit nisl at varius. Fusce vitae pellentesque lacus.</em> <strong>Sed sed enim in elit vulputate finibus ac in arcu. Donec venenatis tempus facilisis.</strong></p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis suscipit nisl at varius. Fusce vitae pellentesque lacus. <a href="https://www.google.com">Check it on google</a> . Sed sed enim in elit vulputate finibus ac in arcu. Donec venenatis tempus facilisis.</p> <p class="text-sm svelte-128qu17">Text-sm: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis suscipit nisl at varius. Fusce vitae pellentesque
+        }}`};function se(h,d){qe(d,!1),ne(h,oa);let f=ie(d,"name",12),c=ie(d,"key",12),I=ie(d,"value",12);var _=na(),B=i(_),M=e(B,2),A=i(M,!0);return a(M),a(_),V(()=>{K(_,"title",`Color ${c()}: ${I()}`),kt(B,`background-color: var(--color-${f()??""}-${c()??""});`),xe(A,c())}),l(h,_),Ce({get name(){return f()},set name(g){f(g),te()},get key(){return c()},set key(g){c(g),te()},get value(){return I()},set value(g){I(g),te()}})}Y(se,{name:{},key:{},value:{}},[],[],!0);var ra=q('<ol><li class="toast" data-type="error"><div data-icon=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"></path></svg></div> <div data-content=""><div data-title="">Error notification</div></div></li> <li class="toast" data-type="warning"><div data-icon=""><svg viewBox="0 0 64 64" fill="currentColor" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M32.427,7.987c2.183,0.124 4,1.165 5.096,3.281l17.936,36.208c1.739,3.66 -0.954,8.585 -5.373,8.656l-36.119,0c-4.022,-0.064 -7.322,-4.631 -5.352,-8.696l18.271,-36.207c0.342,-0.65 0.498,-0.838 0.793,-1.179c1.186,-1.375 2.483,-2.111 4.748,-2.063Zm-0.295,3.997c-0.687,0.034 -1.316,0.419 -1.659,1.017c-6.312,11.979 -12.397,24.081 -18.301,36.267c-0.546,1.225 0.391,2.797 1.762,2.863c12.06,0.195 24.125,0.195 36.185,0c1.325,-0.064 2.321,-1.584 1.769,-2.85c-5.793,-12.184 -11.765,-24.286 -17.966,-36.267c-0.366,-0.651 -0.903,-1.042 -1.79,-1.03Z"></path><path d="M33.631,40.581l-3.348,0l-0.368,-16.449l4.1,0l-0.384,16.449Zm-3.828,5.03c0,-0.609 0.197,-1.113 0.592,-1.514c0.396,-0.4 0.935,-0.601 1.618,-0.601c0.684,0 1.223,0.201 1.618,0.601c0.395,0.401 0.593,0.905 0.593,1.514c0,0.587 -0.193,1.078 -0.577,1.473c-0.385,0.395 -0.929,0.593 -1.634,0.593c-0.705,0 -1.249,-0.198 -1.634,-0.593c-0.384,-0.395 -0.576,-0.886 -0.576,-1.473Z"></path></svg></div> <div data-content=""><div data-title="">Warning notification</div></div></li> <li class="toast" data-type="success"><div data-icon=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20" data-sonner-error-icon=""><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg></div> <div data-content=""><div data-title="">Success notification</div></div></li> <li class="toast" data-type="info"><div data-icon=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd"></path></svg></div> <div data-content=""><div data-title="">Info notification</div></div></li></ol>');function xt(h){var d=ra();l(h,d)}Y(xt,{},[],[],!0);var la=q(`<h1>Title h1</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <em>Morbi sagittis suscipit nisl at varius. Fusce vitae pellentesque lacus.</em> <strong>Sed sed enim in elit vulputate finibus ac in arcu. Donec venenatis tempus facilisis.</strong></p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis suscipit nisl at varius. Fusce vitae pellentesque lacus. <a href="https://www.google.com">Check it on google</a> . Sed sed enim in elit vulputate finibus ac in arcu. Donec venenatis tempus facilisis.</p> <p class="text-sm svelte-128qu17">Text-sm: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis suscipit nisl at varius. Fusce vitae pellentesque
     lacus.</p> <p class="text-xs svelte-128qu17">Text-xs: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis suscipit nisl at varius. Fusce vitae pellentesque
     lacus.</p> <h2>Title h2</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis suscipit nisl at varius. Fusce vitae pellentesque lacus. Sed sed
     enim in elit vulputate finibus ac in arcu. Donec venenatis tempus facilisis.</p> <h3>Title h3</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis suscipit nisl at varius. Fusce vitae pellentesque lacus. Sed sed
@@ -10,7 +10,7 @@ import{i as z,_ as vt,b as ht}from"../chunks/Cgm2UlUC.js";import"../chunks/NZTpN
     enim in elit vulputate finibus ac in arcu. Donec venenatis tempus facilisis.</p> <ul><li>Unordered List 1</li> <li>Unordered List 2</li> <li>Unordered List 3</li></ul> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis suscipit nisl at varius. Fusce vitae pellentesque lacus. Sed sed
     enim in elit vulputate finibus ac in arcu. Donec venenatis tempus facilisis. Lorem ipsum dolor sit amet sed sed enim in elit vulputate
     finibus.</p> <table><tbody><tr><th>Name</th><th>Role</th><th>Location</th></tr><tr><td>Sarah Hilse</td><td>Software Developer</td><td>Zürich</td></tr><tr><td>Sarah Perrollaz</td><td>User Experience Designer</td><td>Bern</td></tr><tr><td>Sarah Bähler</td><td>User Experience Designer</td><td>Fribourg</td></tr></tbody></table> <ol><li>Ordered List 1</li> <li>Ordered List 2</li> <li>Ordered List 3</li></ol> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis suscipit nisl at varius. Fusce vitae pellentesque lacus. Sed sed
-    enim in elit vulputate finibus ac in arcu. Donec venenatis tempus facilisis. Lorem ipsum dolor sit amet <a href="https://www.google.com">Check it on google</a> sed sed enim in elit vulputate finibus.</p>`,1);const oi={hash:"svelte-128qu17",code:".text-sm.svelte-128qu17 {font-size:var(--base-font-size-sm);}.text-xs.svelte-128qu17 {font-size:var(--base-font-size-xs);}"};function xt(h){ne(h,oi);var d=ni();ie(30),l(h,d)}K(xt,{},[],[],!0);const ri=[{type:"user",time:"2025-01-22T08:03:11.044Z",message:"Ok, let's inspect this dummy discussion"},{state:"done",errors:[],type:"bot",time:"2025-03-31T15:37:53.914Z",message:{markdown:`Leider kann ich Ihnen bei der Frage nach "test" nicht weiterhelfen, da die Informationen dazu nicht in den gelieferten Inhalten enthalten sind. 
+    enim in elit vulputate finibus ac in arcu. Donec venenatis tempus facilisis. Lorem ipsum dolor sit amet <a href="https://www.google.com">Check it on google</a> sed sed enim in elit vulputate finibus.</p>`,1);const da={hash:"svelte-128qu17",code:".text-sm.svelte-128qu17 {font-size:var(--base-font-size-sm);}.text-xs.svelte-128qu17 {font-size:var(--base-font-size-xs);}"};function qt(h){ne(h,da);var d=la();ae(30),l(h,d)}Y(qt,{},[],[],!0);const ca=[{type:"user",time:"2025-01-22T08:03:11.044Z",message:"Ok, let's inspect this dummy discussion"},{state:"done",errors:[],type:"bot",time:"2025-03-31T15:37:53.914Z",message:{markdown:`Leider kann ich Ihnen bei der Frage nach "test" nicht weiterhelfen, da die Informationen dazu nicht in den gelieferten Inhalten enthalten sind. 
 
 Falls Sie spezifische Informationen zu Tests in der Softwareentwicklung oder zu bestimmten Testmethoden suchen, könnte der Artikel über **End-to-End-Tests mit Jest und Puppeteer** von Jürg Hunziker interessant sein, der beschreibt, wie man automatisierte Tests für Gutenberg-Blöcke in WordPress implementiert[^4]. 
 
@@ -22,9 +22,9 @@ Bitte lassen Sie mich wissen, ob Sie weitere Informationen zu einem bestimmten T
 <p>Falls Sie spezifische Informationen zu Tests in der Softwareentwicklung oder zu bestimmten Testmethoden suchen, könnte der Artikel über <strong>End-to-End-Tests mit Jest und Puppeteer</strong> von Jürg Hunziker interessant sein, der beschreibt, wie man automatisierte Tests für Gutenberg-Blöcke in WordPress implementiert <liipgpt-reference-number data-source="{&quot;url&quot;:&quot;https://www.liip.ch/en/blog/how-to-test-your-gutenberg-blocks&quot;,&quot;considered&quot;:true,&quot;referencesIndex&quot;:{&quot;all&quot;:3,&quot;used&quot;:1},&quot;display&quot;:{&quot;card&quot;:{&quot;title&quot;:&quot;How to test your Gutenberg blocks with Jest and Puppeteer · Blog&quot;,&quot;description&quot;:&quot;This tutorial explains how to implement automated End-to-End tests for Gutenberg blocks using Jest and Puppeteer, focusing on a custom wrapper block that allows background color, margin, and alignment adjustments.&quot;,&quot;badge&quot;:&quot;https://www.liip.ch/en/blog/how-to-test-your-gutenberg-blocks&quot;},&quot;listItem&quot;:{&quot;title&quot;:&quot;How to test your Gutenberg blocks with Jest and Puppeteer · Blog&quot;,&quot;badge&quot;:&quot;www.liip.ch&quot;}}}" data-used-index="1" data-all-index="3"></liipgpt-reference-number>. </p>
 <p>Zusätzlich gibt es auch Inhalte über <strong>Debugging von E-Mails auf einem Staging-Server</strong>, die einfache Lösungen für Testumgebungen bieten <liipgpt-reference-number data-source="{&quot;url&quot;:&quot;https://www.liip.ch/en/blog/debugging-email-on-staging-server&quot;,&quot;considered&quot;:true,&quot;referencesIndex&quot;:{&quot;all&quot;:2,&quot;used&quot;:2},&quot;display&quot;:{&quot;card&quot;:{&quot;title&quot;:&quot;Debugging Email on Staging Server · Blog&quot;,&quot;description&quot;:&quot;To test email features on a staging server without sending emails to actual recipients, a solution was implemented to trap all outgoing emails and display them through a web interface, ensuring that test emails are preserved while preventing accidental sends to clients.&quot;,&quot;badge&quot;:&quot;https://www.liip.ch/en/blog/debugging-email-on-staging-server&quot;},&quot;listItem&quot;:{&quot;title&quot;:&quot;Debugging Email on Staging Server · Blog&quot;,&quot;badge&quot;:&quot;www.liip.ch&quot;}}}" data-used-index="2" data-all-index="2"></liipgpt-reference-number>. </p>
 <p>Bitte lassen Sie mich wissen, ob Sie weitere Informationen zu einem bestimmten Thema wünschen! </p>
-`},references:{used:[{url:"https://www.liip.ch/en/blog/how-to-test-your-gutenberg-blocks",considered:!0,score:.9,metadata:{},referenceIndex:{all:3,used:1},display:{card:{title:"How to test your Gutenberg blocks with Jest and Puppeteer · Blog",description:"This tutorial explains how to implement automated End-to-End tests for Gutenberg blocks using Jest and Puppeteer, focusing on a custom wrapper block that allows background color, margin, and alignment adjustments.",badge:"https://www.liip.ch/en/blog/how-to-test-your-gutenberg-blocks"},listItem:{title:"How to test your Gutenberg blocks with Jest and Puppeteer · Blog",badge:"www.liip.ch"}}},{url:"https://www.liip.ch/en/blog/debugging-email-on-staging-server",considered:!0,score:.9,metadata:{},referenceIndex:{all:2,used:2},display:{card:{title:"Debugging Email on Staging Server · Blog",description:"To test email features on a staging server without sending emails to actual recipients, a solution was implemented to trap all outgoing emails and display them through a web interface, ensuring that test emails are preserved while preventing accidental sends to clients.",badge:"https://www.liip.ch/en/blog/debugging-email-on-staging-server"},listItem:{title:"Debugging Email on Staging Server · Blog",badge:"www.liip.ch"}}}],all:[{url:"https://www.liip.ch/en/blog/little-test",considered:!0,referenceIndex:{all:0},score:.9,metadata:{},display:{card:{title:"little test · Blog",description:"The text appears to be a placeholder or test entry on a blog, lacking substantive content or context.",badge:"https://www.liip.ch/en/blog/little-test"},listItem:{title:"little test · Blog",badge:"www.liip.ch"}}},{url:"https://www.liip.ch/en/blog/how-a-simple-solution-alleviated-a-complex-problem",considered:!0,score:.9,metadata:{},referenceIndex:{all:1},display:{card:{title:"How a simple solution alleviated a complex problem · Blog",description:"A developer shares their experience of addressing the issue of insufficient test coverage in a Symfony application by implementing a script that monitors routing changes, thereby enhancing the stability of the API without extensive resource investment.",badge:"https://www.liip.ch/en/blog/how-a-simple-solution-alleviated-a-complex-problem"},listItem:{title:"How a simple solution alleviated a complex problem · Blog",badge:"www.liip.ch"}}},{url:"https://www.liip.ch/en/blog/debugging-email-on-staging-server",considered:!0,score:.9,metadata:{},referenceIndex:{all:2,used:2},display:{card:{title:"Debugging Email on Staging Server · Blog",description:"To test email features on a staging server without sending emails to actual recipients, a solution was implemented to trap all outgoing emails and display them through a web interface, ensuring that test emails are preserved while preventing accidental sends to clients.",badge:"https://www.liip.ch/en/blog/debugging-email-on-staging-server"},listItem:{title:"Debugging Email on Staging Server · Blog",badge:"www.liip.ch"}}},{url:"https://www.liip.ch/en/blog/how-to-test-your-gutenberg-blocks",considered:!0,referenceIndex:{all:3,used:1},score:.9,metadata:{},display:{card:{title:"How to test your Gutenberg blocks with Jest and Puppeteer · Blog",description:"This tutorial explains how to implement automated End-to-End tests for Gutenberg blocks using Jest and Puppeteer, focusing on a custom wrapper block that allows background color, margin, and alignment adjustments.",badge:"https://www.liip.ch/en/blog/how-to-test-your-gutenberg-blocks"},listItem:{title:"How to test your Gutenberg blocks with Jest and Puppeteer · Blog",badge:"www.liip.ch"}}}],unused:[{url:"https://www.liip.ch/en/blog/how-a-simple-solution-alleviated-a-complex-problem",considered:!0,score:.9,metadata:{},referenceIndex:{all:1},display:{card:{title:"How a simple solution alleviated a complex problem · Blog",description:"A developer shares their experience of addressing the issue of insufficient test coverage in a Symfony application by implementing a script that monitors routing changes, thereby enhancing the stability of the API without extensive resource investment.",badge:"https://www.liip.ch/en/blog/how-a-simple-solution-alleviated-a-complex-problem"},listItem:{title:"How a simple solution alleviated a complex problem · Blog",badge:"www.liip.ch"}}}]},id:"eb8a0123-5143-46e2-8e23-d4e6a76a8ebb"}];var li=x('<link rel="stylesheet"/>'),di=x("<!> <!> <!> <!> <!>",1),ci=x('<div class="context-menu svelte-33lsek"><!></div>'),ui=x('<div class="chat-app__loader-container">Loading...</div>'),pi=x(`<div class="container text-container" style="padding-top: 100px;"><h1>Base</h1> <p>This text has the configured text color. This <a href="https://www.liip.ch">anchor</a> has the configured anchor color. This page has the configured background color.</p> <h2 class="h3">Colors</h2> <h3 class="h4">Brand Colors</h3> <div class="color-swatches svelte-33lsek"><!></div> <h3 class="h4">Highlight Colors (optional)</h3> <div class="color-swatches svelte-33lsek"><!></div> <h3 class="h4">Grey Colors</h3> <div class="color-swatches svelte-33lsek"><!></div></div> <div class="container text-container"><hr/> <h1>Abstractions</h1> <p>The following elements are not components, but abstractions only. Their properties are defined in the configuration
-                        files and are applied to the components that need them.</p> <div class="card transition-colors svelte-33lsek">Card</div></div> <div class="container text-container"><hr/> <h1>Components</h1> <h2>Buttons</h2> <div><div style="display: flex; gap: 1rem; margin-bottom: 1rem;"><button class="btn btn--primary">Primary</button> <button class="btn btn--secondary">Secondary</button> <button class="btn btn--tertiary">Tertiary</button></div> <div style="display: flex; gap: 1rem;"><button class="btn btn--primary" disabled>Primary</button> <button class="btn btn--secondary" disabled>Secondary</button> <button class="btn btn--tertiary" disabled>Tertiary</button></div></div> <h2>Avatars</h2> <div style="display: flex; gap: 1rem;"><!> <!></div> <h2>ChatInput</h2> <!> <div class="predefined-questions"><!> <!> <!></div> <h2>References</h2> <div class="references__container svelte-33lsek"><div class="references__items"><!> <!> <!></div></div> <div><p>hover over the reference number to see the tooltip: <liipgpt-reference-number></liipgpt-reference-number> .</p></div> <div style="position: relative;"><a class="reference-number__content transition-colors no-link-styling" href="https://www.liip.ch" target="_blank" rel="noopener noreferrer"><span class="reference__header"><h3 class="reference__title h4">Reference tooltip example</h3> <!></span> <span class="reference__description line-clamp line-clamp--12">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et
-                                dolore magna aliqua. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span> <span class="reference__footer"><span class="reference__domain transition-colors"><span class="truncate">www.very-very-longer-url-to-test.ch</span></span> <span class="reference__breadcrumb transition-colors">Organisation</span> <span class="reference__breadcrumb transition-colors">Über uns</span></span></a></div> <h2>Menu</h2> <div style="display: flex; gap: 1rem; margin-bottom: 1rem;"><div class="chat-app__header-content"><!> <!> <!> <!></div></div> <h3>Menu example</h3> <div class="context-box__content svelte-33lsek"><ul class="context-box__menu"><li><a class="context-box__menu-item transition-colors" href="https://www.liip.ch/de" target="_blank"><div aria-hidden="true" class="svg svg--externalLink context-box__menu-item__icon"><svg viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2"><path d="m18 6-12 12"></path><path d="m18 17v-11h-11"></path></g></svg></div> <span>Menü Beispiel</span></a></li></ul> <hr class="context-box__separator"/> <div class="context-box__title">Sprache auswählen</div> <ul class="context-box__menu"><li><button class="context-box__menu-item transition-colors active"><div aria-hidden="true" class="svg svg--internalLink context-box__menu-item__icon"><svg viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2"><path d="m20 12h-17"></path><path d="m13 19 7-7-7-7"></path></g></svg></div> <span>Deutsch</span></button></li> <li><button class="context-box__menu-item transition-colors"><div aria-hidden="true" class="svg svg--internalLink context-box__menu-item__icon"><svg viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2"><path d="m20 12h-17"></path><path d="m13 19 7-7-7-7"></path></g></svg></div> <span>English</span></button></li> <li><button class="context-box__menu-item transition-colors"><div aria-hidden="true" class="svg svg--internalLink context-box__menu-item__icon"><svg viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2"><path d="m20 12h-17"></path><path d="m13 19 7-7-7-7"></path></g></svg></div> <span>Français</span></button></li> <li><button class="context-box__menu-item transition-colors"><div aria-hidden="true" class="svg svg--internalLink context-box__menu-item__icon"><svg viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2"><path d="m20 12h-17"></path><path d="m13 19 7-7-7-7"></path></g></svg></div> <span>Italiano</span></button></li></ul> <hr class="context-box__separator"/> <div class="color-scheme-selector"><button class="color-scheme-selector__button transition-colors"><div aria-hidden="true" class="svg svg--lightMode"><svg viewBox="0 0 24 24" fill="none"><path d="M18.5625 12C18.5625 10.2595 17.8711 8.59032 16.6404 7.35961C15.4097 6.1289 13.7405 5.4375 12 5.4375C10.2595 5.4375 8.59032 6.1289 7.35961 7.35961C6.1289 8.59032 5.4375 10.2595 5.4375 12C5.4375 13.7405 6.1289 15.4097 7.35961 16.6404C8.59032 17.8711 10.2595 18.5625 12 18.5625C13.7405 18.5625 15.4097 17.8711 16.6404 16.6404C17.8711 15.4097 18.5625 13.7405 18.5625 12Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 20.4375V22.3125" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20.4375 12H22.3125" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 3.5625V1.6875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3.5625 12H1.6875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.03469 17.9663L4.70813 19.2929" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M17.9662 17.9663L19.2919 19.2919" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M17.9672 6.03461L19.2928 4.70898" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.03375 6.03461L4.70813 4.70898" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div> <span>Hell</span></button> <hr class="color-scheme-selector__separator"/> <button class="color-scheme-selector__button transition-colors color-scheme-selector__button--active"><div aria-hidden="true" class="svg svg--darkMode"><svg viewBox="0 0 24 24" fill="none"><path d="M17.4546 19.3866C19.2134 18.1336 20.4574 16.2846 20.9554 14.1833C20.27 14.9892 19.4098 15.6282 18.4403 16.0517C17.4708 16.4753 16.4176 16.6723 15.3605 16.6277C14.3035 16.5831 13.2706 16.2981 12.3402 15.7944C11.4098 15.2908 10.6065 14.5816 9.99136 13.7209C9.37618 12.8601 8.96532 11.8705 8.78999 10.8272C8.61467 9.78384 8.67951 8.71426 8.97957 7.69974C9.27963 6.68522 9.80703 5.75246 10.5217 4.97235C11.2363 4.19223 12.1194 3.5853 13.1038 3.19768C11.6649 3.0599 10.2141 3.2727 8.87542 3.81787C7.53673 4.36304 6.35002 5.22437 5.41679 6.32817C4.48357 7.43197 3.83159 8.7454 3.51665 10.1561C3.2017 11.5668 3.23314 13.0328 3.6083 14.4287C3.98345 15.8246 4.69115 17.1089 5.67085 18.1717C6.65055 19.2344 7.87311 20.0441 9.23394 20.5313C10.5948 21.0186 12.0534 21.169 13.485 20.9696C14.9166 20.7703 16.2787 20.2271 17.4546 19.3866Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div> <span>Dunkel</span></button></div></div> <h2>Feedback Form</h2> <div class="dialog-content svelte-33lsek"><div class="dialog-header"><div class="dialog-title"><h3 class="h4">Feedback geben, um unseren Chatbot zu verbessern</h3></div> <button class="dialog-close"><span class="sr-only">Close</span> <div aria-hidden="true" class="svg svg--dismiss"><svg viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="m5.743 5.742 12.514 12.514"></path><path d="m18.257 5.742-12.514 12.514"></path></g></svg></div></button></div> <div class="dialog-description" id="bits-92" data-dialog-description="" data-state="open"><form name="feedback-form" class="form"><!> <div class="form__item"><label class="form__label" for="feedback"> </label> <textarea id="feedback" class="input"></textarea></div> <div class="form__item"><label class="form__label" for="email"> </label> <input type="email" id="email" class="input"/></div></form></div></div> <h2>Tooltip</h2> <div class="tooltip-container" style="height: 100px"><div class="tooltip tooltip-top" style="">I'm a tooltip</div></div></div> <div class="container text-container"><hr/> <h2>Notifications</h2> <!></div> <div class="container text-container"><hr/> <h2>Chat</h2></div> <div class="chat-page__messages svelte-33lsek"></div> <div class="text-container container" style="padding-bottom: 200px;"><hr/> <h2>Typography</h2> <!> <hr/> <h2>Icons</h2> <div style="color: currentColor; display: flex; flex-wrap: wrap; gap: 1rem;"><!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!></div></div>`,3),vi=x('<main class="chat-app svelte-33lsek"><!> <div class="chat-app__container svelte-33lsek"><div class="chat-app__main svelte-33lsek"><!></div></div></main>');const hi={hash:"svelte-33lsek",code:`.color-swatches.svelte-33lsek {display:flex;grid-template-columns:repeat(13, 1fr);max-width:100%;margin:0;gap:0.25rem;}.chat-app.svelte-33lsek,
-    .chat-app__container.svelte-33lsek {width:100%;height:100%;background:var(--body-background);}.chat-page__messages.svelte-33lsek {min-height:auto;padding-bottom:200px;}.context-menu.svelte-33lsek {z-index:1000;position:fixed;top:20px;right:20px;}.chat-app__container.svelte-33lsek {overflow-y:auto;}.chat-app__main.svelte-33lsek {background:transparent;}.card.svelte-33lsek {padding:1rem;border-width:var(--card-border-width);border-radius:var(--card-border-radius);border-color:var(--card-border-color);background:var(--card-background);color:var(--card-color);&:hover {background:var(--card-hover-background);color:var(--card-hover-color);}}.dialog-content.svelte-33lsek {position:relative;top:0;left:0;transform:none;}.references__container.svelte-33lsek {background-color:var(--aside-background);}.context-box__content.svelte-33lsek {position:relative;}`};function qt(h,d){xe(d,!0),ne(h,hi);let f=ae(d,"data",7),c=F(()=>o.t);Q(()=>{const r={lang:f().options.lang.value,forceTheme:f().options?.["force-theme"]?.value,apiUrl:f().options["api-url"].value,features:""};Ft(()=>o.init(r).catch(a=>{console.error("Failed to init chat logic",a)}))});const T=ri;var _=vi();_t(r=>{var a=M(),u=I(a);{var w=y=>{var q=di(),p=I(q);$(p,17,()=>o.themeBase.fontURLs??[],N,(L,O)=>{var H=li();V(()=>W(H,"href",s(O))),l(L,H)});var m=e(p,2);ee(m,{id:"font-css",get css(){return o.themeBase.fontCSS}});var k=e(m,2);{let L=F(()=>Nt(o.theme));ee(k,{id:"theme-css",get css(){return s(L)}})}var v=e(k,2);ee(v,{id:"app-css",get css(){return At}});var C=e(v,2);ee(C,{id:"custom-css",get css(){return o.themeBase.customCSS}}),l(y,q)};z(u,y=>{o.initialized&&y(w)})}l(r,a)});let E;var P=i(_);{var j=r=>{var a=ci(),u=i(a);wt(u,{get chatLogic(){return o}}),t(a),l(r,a)};z(P,r=>{o.initialized&&r(j)})}var g=e(P,2),D=i(g),Y=i(D);{var A=r=>{var a=ui();Ot(2,a,()=>Rt,()=>({duration:200,delay:300})),l(r,a)},X=r=>{var a=pi(),u=I(a),w=e(i(u),8),y=i(w);{var q=b=>{var S=M(),R=I(S);$(R,17,()=>Object.entries(o.theme.colors.brand),N,(G,J)=>{var B=F(()=>we(s(J),2));let U=()=>s(B)[0],Z=()=>s(B)[1];se(G,{name:"brand",get key(){return U()},get value(){return Z()}})}),l(b,S)};z(y,b=>{o.theme.colors?.brand&&b(q)})}t(w);var p=e(w,4),m=i(p);{var k=b=>{var S=M(),R=I(S);$(R,17,()=>Object.entries(o.theme.colors.highlight),N,(G,J)=>{var B=F(()=>we(s(J),2));let U=()=>s(B)[0],Z=()=>s(B)[1];se(G,{name:"highlight",get key(){return U()},get value(){return Z()}})}),l(b,S)};z(m,b=>{o.theme?.colors?.highlight&&b(k)})}t(p);var v=e(p,4),C=i(v);{var L=b=>{var S=M(),R=I(S);$(R,17,()=>Object.entries(o.theme.colors.grey),N,(G,J)=>{var B=F(()=>we(s(J),2));let U=()=>s(B)[0],Z=()=>s(B)[1];se(G,{name:"grey",get key(){return U()},get value(){return Z()}})}),l(b,S)};z(C,b=>{o.theme?.colors?.grey&&b(L)})}t(v),t(u);var O=e(u,4),H=e(i(O),10),Ce=i(H);n(Ce,{name:"avatar",class:"introduction__avatar"});var Ct=e(Ce,2);n(Ct,{name:"avatar",class:"message__bot-avatar"}),t(H);var Se=e(H,4);Gt(Se,{onSubmit:()=>{}});var oe=e(Se,2),Ie=i(oe);fe(Ie,{predefinedQuestion:{label:"Question one",question:""},onSubmit:()=>{}});var Le=e(Ie,2);fe(Le,{predefinedQuestion:{label:"Question two",question:""},onSubmit:()=>{}});var St=e(Le,2);fe(St,{predefinedQuestion:{label:"Question three",question:""},onSubmit:()=>{}}),t(oe);var re=e(oe,4),ze=i(re),Te=i(ze);_e(Te,{reference:{url:"https://www.liip.ch/en/blog/liip-revolutioniert-das-lohnsystem",score:.8279685974121094,metadata:{kwLang:"de",titleAi:"Revolutionizing Salary Systems with the Liip Deal",keywords:["salary system","self-organization","transparency","diversity","inclusion","Swiss HR Award"],documentIdSalt:"en"},considered:!0,display:{card:{title:"Liip revolutioniert das Lohnsystem",description:"A digital agency has developed an innovative, transparent, and self-organized salary system called the 'Liip Deal', which emphasizes equality, self-evaluation, and agility, earning it the Swiss HR Award in the category of diversity and inclusion.",badge:"www.liip.ch"},listItem:{title:"Liip revolutioniert das Lohnsystem",badge:"www.very-very-longer-url-to-test.ch",breadcrumbs:["Organisation","Über uns","Philosophie"]}},referenceIndex:{all:11,used:4}}});var Be=e(Te,2);_e(Be,{reference:{url:"https://www.liip.ch/en/blog/15-years-liip",score:.8248223662376404,metadata:{kwLang:"de",titleAi:"15 Years of Innovation and Sustainability in a Swiss Digital Agency",keywords:["digital agency","sustainability","agile development","Swiss quality","organizational innovation"],documentIdSalt:"en"},considered:!0,display:{card:{title:"15 years of Liip, and what a journey it's been!",description:"The article celebrates 15 years of a Swiss digital agency known for its innovative, sustainable, and client-focused approach, highlighting its history of growth, organizational evolution, and long-standing client relationships, while emphasizing its commitment to Swiss quality and environmental responsibility.",badge:"www.liip.ch"},listItem:{title:"15 years of Liip, and what a journey it's been!",badge:"www.liip.ch",breadcrumbs:["Organisation","Team"]}},referenceIndex:{all:12,used:2}}});var It=e(Be,2);_e(It,{reference:{url:"https://www.liip.ch/en/blog/15-years-liip",score:.8248223662376404,metadata:{kwLang:"de",titleAi:"15 Years of Innovation and Sustainability in a Swiss Digital Agency",keywords:["digital agency","sustainability","agile development","Swiss quality","organizational innovation"],documentIdSalt:"en"},considered:!0,display:{card:{title:"15 years of Liip, and what a journey it's been!"},listItem:{title:"15 years of Liip, and what a journey it's been!"}},referenceIndex:{all:12,used:10}}}),t(ze),t(re);var le=e(re,2),Me=i(le),de=e(i(Me));ye(de,"data-source",JSON.stringify({url:"https://www.liip.ch",considered:!0,referencesIndex:{all:3,used:1},display:{card:{title:"Reference tooltip example",description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",breadcrumbs:["Organisation","Über uns","Philosophie"],badge:"www.liip.ch"}}})),ye(de,"data-used-index","1"),ye(de,"data-all-index","3"),ie(),t(Me),t(le);var ce=e(le,2),Ee=i(ce),Pe=i(Ee),Lt=e(i(Pe),2);n(Lt,{name:"externalLink",class:"reference__icon transition-colors"}),t(Pe),ie(4),t(Ee),t(ce);var ue=e(ce,4),De=i(ue),Fe=i(De);Jt(Fe,{});var He=e(Fe,2);wt(He,{get chatLogic(){return o}});var je=e(He,2);Ut(je,{get logic(){return o}});var zt=e(je,2);Zt(zt,{onclick:()=>{}}),t(De),t(ue);var Ae=e(ue,8),Oe=e(i(Ae),2),pe=i(Oe),Re=i(pe);$t(Re,{get classificationConfig(){return o.data.chatConfig.classification},impact:0,quality:0});var ve=e(Re,2),he=i(ve),Tt=i(he,!0);t(he);var Bt=e(he,2);t(ve);var Ge=e(ve,2),ge=i(Ge),Mt=i(ge,!0);t(ge);var Et=e(ge,2);t(Ge),t(pe),t(Oe),t(Ae),ie(4),t(O);var me=e(O,2),Pt=e(i(me),4);kt(Pt),t(me);var be=e(me,4);$(be,21,()=>T,N,(b,S)=>{Qt(b,{get message(){return s(S)},get logic(){return o},onmessageupdate:()=>{},onbotmessageinit:()=>{}})}),t(be);var Je=e(be,2),Ue=e(i(Je),4);xt(Ue);var Ze=e(Ue,6),$e=i(Ze);n($e,{name:"predefinedQuestion"});var Ne=e($e,2);n(Ne,{name:"edit"});var Qe=e(Ne,2);n(Qe,{name:"newConversation"});var Ve=e(Qe,2);n(Ve,{name:"voteUp"});var We=e(Ve,2);n(We,{name:"voteDown"});var Ke=e(We,2);n(Ke,{name:"retry"});var Ye=e(Ke,2);n(Ye,{name:"message"});var Xe=e(Ye,2);n(Xe,{name:"thread"});var et=e(Xe,2);n(et,{name:"submit"});var tt=e(et,2);n(tt,{name:"expand"});var it=e(tt,2);n(it,{name:"help"});var at=e(it,2);n(at,{name:"attach"});var st=e(at,2);n(st,{name:"record"});var nt=e(st,2);n(nt,{name:"reward"});var ot=e(nt,2);n(ot,{name:"share"});var rt=e(ot,2);n(rt,{name:"audio"});var lt=e(rt,2);n(lt,{name:"copy"});var dt=e(lt,2);n(dt,{name:"dismiss"});var ct=e(dt,2);n(ct,{name:"menu"});var ut=e(ct,2);n(ut,{name:"listUnordered"});var pt=e(ut,2);n(pt,{name:"lightMode"});var Dt=e(pt,2);n(Dt,{name:"darkMode"}),t(Ze),t(Je),V(()=>{ke(Tt,s(c).feedbackFormMessage),W(Bt,"placeholder",s(c).feedbackFormMessagePlaceholder),ke(Mt,s(c).feedbackFormEmail),W(Et,"placeholder",s(c).feedbackFormEmailPlaceholder)}),Ht("submit",pe,async()=>{}),l(r,a)};z(Y,r=>{o.initialized?r(X,!1):r(A)})}return t(D),t(g),t(_),V(r=>E=yt(_,"",E,r),[()=>({"color-scheme":o.colorScheme})]),l(h,_),qe({get data(){return f()},set data(r){f(r),te()}})}K(qt,{data:{}},[],[],!0);var gi=x('<div id="chat-wrapper" class="svelte-1h9zc1h"><div></div> <!> <div></div></div>'),mi=x('<div id="preview" class="svelte-1h9zc1h"><iframe title="sidebar" id="sidebar" class="svelte-1h9zc1h"></iframe> <!></div>');const bi={hash:"svelte-1h9zc1h",code:`html,
+`},references:{used:[{url:"https://www.liip.ch/en/blog/how-to-test-your-gutenberg-blocks",considered:!0,score:.9,metadata:{},referenceIndex:{all:3,used:1},display:{card:{title:"How to test your Gutenberg blocks with Jest and Puppeteer · Blog",description:"This tutorial explains how to implement automated End-to-End tests for Gutenberg blocks using Jest and Puppeteer, focusing on a custom wrapper block that allows background color, margin, and alignment adjustments.",badge:"https://www.liip.ch/en/blog/how-to-test-your-gutenberg-blocks"},listItem:{title:"How to test your Gutenberg blocks with Jest and Puppeteer · Blog",badge:"www.liip.ch"}}},{url:"https://www.liip.ch/en/blog/debugging-email-on-staging-server",considered:!0,score:.9,metadata:{},referenceIndex:{all:2,used:2},display:{card:{title:"Debugging Email on Staging Server · Blog",description:"To test email features on a staging server without sending emails to actual recipients, a solution was implemented to trap all outgoing emails and display them through a web interface, ensuring that test emails are preserved while preventing accidental sends to clients.",badge:"https://www.liip.ch/en/blog/debugging-email-on-staging-server"},listItem:{title:"Debugging Email on Staging Server · Blog",badge:"www.liip.ch"}}}],all:[{url:"https://www.liip.ch/en/blog/little-test",considered:!0,referenceIndex:{all:0},score:.9,metadata:{},display:{card:{title:"little test · Blog",description:"The text appears to be a placeholder or test entry on a blog, lacking substantive content or context.",badge:"https://www.liip.ch/en/blog/little-test"},listItem:{title:"little test · Blog",badge:"www.liip.ch"}}},{url:"https://www.liip.ch/en/blog/how-a-simple-solution-alleviated-a-complex-problem",considered:!0,score:.9,metadata:{},referenceIndex:{all:1},display:{card:{title:"How a simple solution alleviated a complex problem · Blog",description:"A developer shares their experience of addressing the issue of insufficient test coverage in a Symfony application by implementing a script that monitors routing changes, thereby enhancing the stability of the API without extensive resource investment.",badge:"https://www.liip.ch/en/blog/how-a-simple-solution-alleviated-a-complex-problem"},listItem:{title:"How a simple solution alleviated a complex problem · Blog",badge:"www.liip.ch"}}},{url:"https://www.liip.ch/en/blog/debugging-email-on-staging-server",considered:!0,score:.9,metadata:{},referenceIndex:{all:2,used:2},display:{card:{title:"Debugging Email on Staging Server · Blog",description:"To test email features on a staging server without sending emails to actual recipients, a solution was implemented to trap all outgoing emails and display them through a web interface, ensuring that test emails are preserved while preventing accidental sends to clients.",badge:"https://www.liip.ch/en/blog/debugging-email-on-staging-server"},listItem:{title:"Debugging Email on Staging Server · Blog",badge:"www.liip.ch"}}},{url:"https://www.liip.ch/en/blog/how-to-test-your-gutenberg-blocks",considered:!0,referenceIndex:{all:3,used:1},score:.9,metadata:{},display:{card:{title:"How to test your Gutenberg blocks with Jest and Puppeteer · Blog",description:"This tutorial explains how to implement automated End-to-End tests for Gutenberg blocks using Jest and Puppeteer, focusing on a custom wrapper block that allows background color, margin, and alignment adjustments.",badge:"https://www.liip.ch/en/blog/how-to-test-your-gutenberg-blocks"},listItem:{title:"How to test your Gutenberg blocks with Jest and Puppeteer · Blog",badge:"www.liip.ch"}}}],unused:[{url:"https://www.liip.ch/en/blog/how-a-simple-solution-alleviated-a-complex-problem",considered:!0,score:.9,metadata:{},referenceIndex:{all:1},display:{card:{title:"How a simple solution alleviated a complex problem · Blog",description:"A developer shares their experience of addressing the issue of insufficient test coverage in a Symfony application by implementing a script that monitors routing changes, thereby enhancing the stability of the API without extensive resource investment.",badge:"https://www.liip.ch/en/blog/how-a-simple-solution-alleviated-a-complex-problem"},listItem:{title:"How a simple solution alleviated a complex problem · Blog",badge:"www.liip.ch"}}}]},id:"eb8a0123-5143-46e2-8e23-d4e6a76a8ebb"},{type:"component",componentName:"combobox",time:"2025-01-22T08:03:11.044Z",data:{caption:"What is your favorite <b>fruit</b>?",placeholder:"Search a fruit",values:[{value:"mango",label:"Mango"},{value:"watermelon",label:"Watermelon"},{value:"apple",label:"Apple"},{value:"pineapple",label:"Pineapple"},{value:"orange",label:"Orange"},{value:"grape",label:"Grape"},{value:"strawberry",label:"Strawberry"},{value:"banana",label:"Banana"},{value:"kiwi",label:"Kiwi"},{value:"peach",label:"Peach"},{value:"cherry",label:"Cherry"},{value:"blueberry",label:"Blueberry"},{value:"raspberry",label:"Raspberry"},{value:"blackberry",label:"Blackberry"},{value:"plum",label:"Plum"},{value:"apricot",label:"Apricot"},{value:"pear",label:"Pear"},{value:"grapefruit",label:"Grapefruit"}]}},{type:"component",componentName:"buttons",time:"2025-01-22T08:03:11.044Z",data:{caption:"Are you <b>ready</b>?",buttons:[{label:"<b>Yes</b>",value:"yes",variant:"primary"},{label:"No",value:"no",variant:"secondary"},{label:"Well, maybe",value:"no",href:"https://example.com",variant:"tertiary",icon:"externalLink",target:"_blank"}]}}];var ua=q('<link rel="stylesheet"/>'),pa=q("<!> <!> <!> <!> <!>",1),va=q('<div class="context-menu svelte-33lsek"><!></div>'),ha=q('<div class="chat-app__loader-container">Loading...</div>'),ga=q(`<div class="container text-container" style="padding-top: 100px;"><h1>Base</h1> <p>This text has the configured text color. This <a href="https://www.liip.ch">anchor</a> has the configured anchor color. This page has the configured background color.</p> <h2 class="h3">Colors</h2> <h3 class="h4">Brand Colors</h3> <div class="color-swatches svelte-33lsek"><!></div> <h3 class="h4">Highlight Colors (optional)</h3> <div class="color-swatches svelte-33lsek"><!></div> <h3 class="h4">Grey Colors</h3> <div class="color-swatches svelte-33lsek"><!></div></div> <div class="container text-container"><hr/> <h1>Abstractions</h1> <p>The following elements are not components, but abstractions only. Their properties are defined in the configuration
+                        files and are applied to the components that need them.</p> <div class="card transition-colors svelte-33lsek">Card</div></div> <div class="container text-container"><hr/> <h1>Components</h1> <h2>Buttons</h2> <div><div style="display: flex; gap: 1rem; margin-bottom: 1rem;"><button class="btn btn--primary">Primary</button> <button class="btn btn--secondary">Secondary</button> <button class="btn btn--tertiary">Tertiary</button></div> <div style="display: flex; gap: 1rem;"><button class="btn btn--primary" disabled>Primary</button> <button class="btn btn--secondary" disabled>Secondary</button> <button class="btn btn--tertiary" disabled>Tertiary</button></div></div> <h2>Avatars</h2> <div style="display: flex; gap: 1rem;"><!> <!></div> <h2>ChatInput</h2> <!> <div class="predefined-questions"><!> <!> <!></div> <h2>References</h2> <div class="references__container svelte-33lsek"><div class="references__items"><!> <!> <!></div></div> <div><p>hover over the reference number to see the tooltip: <liipgpt-reference-number></liipgpt-reference-number> .</p></div> <div style="position: relative;"><a class="reference-number__content transition-colors no-link-styling" href="https://www.liip.ch" target="_blank" rel="noopener noreferrer"><span class="reference__header"><h3 class="reference__title h4">Reference tooltip example</h3> <!></span> <span class="reference__description line-clamp line-clamp--6">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et
+                                dolore magna aliqua. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span> <span class="reference__footer"><span class="reference__domain transition-colors"><span class="truncate">www.very-very-longer-url-to-test.ch</span></span> <span class="reference__breadcrumb transition-colors">Organisation</span> <span class="reference__breadcrumb transition-colors">Über uns</span></span></a></div> <h2>Menu</h2> <div style="display: flex; gap: 1rem; margin-bottom: 1rem;"><div class="chat-app__header-content"><!> <!> <!> <!></div></div> <h3>Menu example</h3> <div class="context-box__content svelte-33lsek"><ul class="context-box__menu"><li><a class="context-box__menu-item transition-colors" href="https://www.liip.ch/de" target="_blank"><div aria-hidden="true" class="svg svg--externalLink context-box__menu-item__icon"><svg viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2"><path d="m18 6-12 12"></path><path d="m18 17v-11h-11"></path></g></svg></div> <span>Menü Beispiel</span></a></li></ul> <hr class="context-box__separator"/> <div class="context-box__title">Sprache auswählen</div> <ul class="context-box__menu"><li><button class="context-box__menu-item transition-colors active"><div aria-hidden="true" class="svg svg--internalLink context-box__menu-item__icon"><svg viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2"><path d="m20 12h-17"></path><path d="m13 19 7-7-7-7"></path></g></svg></div> <span>Deutsch</span></button></li> <li><button class="context-box__menu-item transition-colors"><div aria-hidden="true" class="svg svg--internalLink context-box__menu-item__icon"><svg viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2"><path d="m20 12h-17"></path><path d="m13 19 7-7-7-7"></path></g></svg></div> <span>English</span></button></li> <li><button class="context-box__menu-item transition-colors"><div aria-hidden="true" class="svg svg--internalLink context-box__menu-item__icon"><svg viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2"><path d="m20 12h-17"></path><path d="m13 19 7-7-7-7"></path></g></svg></div> <span>Français</span></button></li> <li><button class="context-box__menu-item transition-colors"><div aria-hidden="true" class="svg svg--internalLink context-box__menu-item__icon"><svg viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2"><path d="m20 12h-17"></path><path d="m13 19 7-7-7-7"></path></g></svg></div> <span>Italiano</span></button></li></ul> <hr class="context-box__separator"/> <div class="color-scheme-selector"><button class="color-scheme-selector__button transition-colors"><div aria-hidden="true" class="svg svg--lightMode"><svg viewBox="0 0 24 24" fill="none"><path d="M18.5625 12C18.5625 10.2595 17.8711 8.59032 16.6404 7.35961C15.4097 6.1289 13.7405 5.4375 12 5.4375C10.2595 5.4375 8.59032 6.1289 7.35961 7.35961C6.1289 8.59032 5.4375 10.2595 5.4375 12C5.4375 13.7405 6.1289 15.4097 7.35961 16.6404C8.59032 17.8711 10.2595 18.5625 12 18.5625C13.7405 18.5625 15.4097 17.8711 16.6404 16.6404C17.8711 15.4097 18.5625 13.7405 18.5625 12Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 20.4375V22.3125" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20.4375 12H22.3125" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 3.5625V1.6875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3.5625 12H1.6875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.03469 17.9663L4.70813 19.2929" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M17.9662 17.9663L19.2919 19.2919" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M17.9672 6.03461L19.2928 4.70898" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.03375 6.03461L4.70813 4.70898" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div> <span>Hell</span></button> <hr class="color-scheme-selector__separator"/> <button class="color-scheme-selector__button transition-colors color-scheme-selector__button--active"><div aria-hidden="true" class="svg svg--darkMode"><svg viewBox="0 0 24 24" fill="none"><path d="M17.4546 19.3866C19.2134 18.1336 20.4574 16.2846 20.9554 14.1833C20.27 14.9892 19.4098 15.6282 18.4403 16.0517C17.4708 16.4753 16.4176 16.6723 15.3605 16.6277C14.3035 16.5831 13.2706 16.2981 12.3402 15.7944C11.4098 15.2908 10.6065 14.5816 9.99136 13.7209C9.37618 12.8601 8.96532 11.8705 8.78999 10.8272C8.61467 9.78384 8.67951 8.71426 8.97957 7.69974C9.27963 6.68522 9.80703 5.75246 10.5217 4.97235C11.2363 4.19223 12.1194 3.5853 13.1038 3.19768C11.6649 3.0599 10.2141 3.2727 8.87542 3.81787C7.53673 4.36304 6.35002 5.22437 5.41679 6.32817C4.48357 7.43197 3.83159 8.7454 3.51665 10.1561C3.2017 11.5668 3.23314 13.0328 3.6083 14.4287C3.98345 15.8246 4.69115 17.1089 5.67085 18.1717C6.65055 19.2344 7.87311 20.0441 9.23394 20.5313C10.5948 21.0186 12.0534 21.169 13.485 20.9696C14.9166 20.7703 16.2787 20.2271 17.4546 19.3866Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div> <span>Dunkel</span></button></div></div> <h2>Feedback Form</h2> <div class="dialog-content svelte-33lsek"><div class="dialog-header"><div class="dialog-title"><h3 class="h4">Feedback geben, um unseren Chatbot zu verbessern</h3></div> <button class="dialog-close"><span class="sr-only">Close</span> <div aria-hidden="true" class="svg svg--dismiss"><svg viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="m5.743 5.742 12.514 12.514"></path><path d="m18.257 5.742-12.514 12.514"></path></g></svg></div></button></div> <div class="dialog-description" id="bits-92" data-dialog-description="" data-state="open"><form name="feedback-form" class="form"><!> <div class="form__item"><label class="form__label" for="feedback"> </label> <textarea id="feedback" class="input"></textarea></div> <div class="form__item"><label class="form__label" for="email"> </label> <input type="email" id="email" class="input"/></div></form></div></div> <h2>Tooltip</h2> <div class="tooltip-container" style="height: 100px"><div class="tooltip tooltip-top" style="">I'm a tooltip</div></div></div> <div class="container text-container"><hr/> <h2>Notifications</h2> <!></div> <div class="container text-container"><hr/> <h2>Chat</h2></div> <div class="chat-page__messages svelte-33lsek"></div> <div class="text-container container" style="padding-bottom: 200px;"><hr/> <h2>Typography</h2> <!> <hr/> <h2>Icons</h2> <div style="color: currentColor; display: flex; flex-wrap: wrap; gap: 1rem;"><!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!></div></div>`,3),ma=q('<main class="chat-app svelte-33lsek"><!> <div class="chat-app__container svelte-33lsek"><div class="chat-app__main svelte-33lsek"><div class="chat-app__portals"></div> <!></div></div></main>');const ba={hash:"svelte-33lsek",code:`.color-swatches.svelte-33lsek {display:flex;grid-template-columns:repeat(13, 1fr);max-width:100%;margin:0;gap:0.25rem;}.chat-app.svelte-33lsek,
+    .chat-app__container.svelte-33lsek {width:100%;height:100%;background:var(--body-background);}.chat-page__messages.svelte-33lsek {min-height:auto;padding-bottom:200px;}.context-menu.svelte-33lsek {z-index:1000;position:fixed;top:20px;right:20px;}.chat-app__container.svelte-33lsek {overflow-y:auto;}.chat-app__main.svelte-33lsek {background:transparent;}.card.svelte-33lsek {padding:1rem;border-width:var(--card-border-width);border-radius:var(--card-border-radius);border-color:var(--card-border-color);background:var(--card-background);color:var(--card-color);&:hover {background:var(--card-hover-background);color:var(--card-hover-color);}}.dialog-content.svelte-33lsek {position:relative;top:0;left:0;transform:none;}.references__container.svelte-33lsek {background-color:var(--aside-background);}.context-box__content.svelte-33lsek {position:relative;}`};function Ct(h,d){qe(d,!0),ne(h,ba);let f=ie(d,"data",7),c=D(()=>r.t);W(()=>{const t={lang:f().options.lang.value,forceTheme:f().options?.["force-theme"]?.value,apiUrl:f().options["api-url"].value,features:""};At(()=>r.init(t).catch(n=>{console.error("Failed to init chat logic",n)}))});const I=ca;var _=ma();yt(t=>{var n=T(),p=S(n);{var y=k=>{var v=pa(),u=S(v);$(u,17,()=>r.themeBase.fontURLs??[],Q,(O,G)=>{var F=ua();V(()=>K(F,"href",s(G))),l(O,F)});var x=e(u,2);ee(x,{id:"font-css",get css(){return r.themeBase.fontCSS}});var m=e(x,2);{let O=D(()=>Vt(r.theme));ee(m,{id:"theme-css",get css(){return s(O)}})}var w=e(m,2);ee(w,{id:"app-css",get css(){return Rt}});var E=e(w,2);ee(E,{id:"custom-css",get css(){return r.themeBase.customCSS}}),l(k,v)};L(p,k=>{r.initialized&&k(y)})}l(t,n)});let B;var M=i(_);{var A=t=>{var n=va(),p=i(n);ft(p,{get chatLogic(){return r}}),a(n),l(t,n)};L(M,t=>{r.initialized&&t(A)})}var g=e(M,2),P=i(g),H=i(P);Ot(H,(t,n)=>Gt?.(t,n),()=>"portals");var j=e(H,2);{var X=t=>{var n=ha();Jt(2,n,()=>Ut,()=>({duration:200,delay:300})),l(t,n)},oe=t=>{var n=ga(),p=S(n),y=e(i(p),8),k=i(y);{var v=b=>{var C=T(),R=S(C);$(R,17,()=>Object.entries(r.theme.colors.brand),Q,(J,U)=>{var z=D(()=>fe(s(U),2));let Z=()=>s(z)[0],N=()=>s(z)[1];se(J,{name:"brand",get key(){return Z()},get value(){return N()}})}),l(b,C)};L(k,b=>{r.theme.colors?.brand&&b(v)})}a(y);var u=e(y,4),x=i(u);{var m=b=>{var C=T(),R=S(C);$(R,17,()=>Object.entries(r.theme.colors.highlight),Q,(J,U)=>{var z=D(()=>fe(s(U),2));let Z=()=>s(z)[0],N=()=>s(z)[1];se(J,{name:"highlight",get key(){return Z()},get value(){return N()}})}),l(b,C)};L(x,b=>{r.theme?.colors?.highlight&&b(m)})}a(u);var w=e(u,4),E=i(w);{var O=b=>{var C=T(),R=S(C);$(R,17,()=>Object.entries(r.theme.colors.grey),Q,(J,U)=>{var z=D(()=>fe(s(U),2));let Z=()=>s(z)[0],N=()=>s(z)[1];se(J,{name:"grey",get key(){return Z()},get value(){return N()}})}),l(b,C)};L(E,b=>{r.theme?.colors?.grey&&b(O)})}a(w),a(p);var G=e(p,4),F=e(i(G),10),Se=i(F);o(Se,{name:"avatar",class:"introduction__avatar"});var St=e(Se,2);o(St,{name:"avatar",class:"message__bot-avatar"}),a(F);var Le=e(F,4);Zt(Le,{onSubmit:()=>{}});var re=e(Le,2),Ie=i(re);_e(Ie,{predefinedQuestion:{label:"Question one",question:""},onSubmit:()=>{}});var ze=e(Ie,2);_e(ze,{predefinedQuestion:{label:"Question two",question:""},onSubmit:()=>{}});var Lt=e(ze,2);_e(Lt,{predefinedQuestion:{label:"Question three",question:""},onSubmit:()=>{}}),a(re);var le=e(re,4),Te=i(le),Be=i(Te);ye(Be,{reference:{url:"https://www.liip.ch/en/blog/liip-revolutioniert-das-lohnsystem",score:.8279685974121094,metadata:{kwLang:"de",titleAi:"Revolutionizing Salary Systems with the Liip Deal",keywords:["salary system","self-organization","transparency","diversity","inclusion","Swiss HR Award"],documentIdSalt:"en"},considered:!0,display:{card:{title:"Liip revolutioniert das Lohnsystem",description:"A digital agency has developed an innovative, transparent, and self-organized salary system called the 'Liip Deal', which emphasizes equality, self-evaluation, and agility, earning it the Swiss HR Award in the category of diversity and inclusion.",badge:"www.liip.ch"},listItem:{title:"Liip revolutioniert das Lohnsystem",badge:"www.very-very-longer-url-to-test.ch",breadcrumbs:["Organisation","Über uns","Philosophie"]}},referenceIndex:{all:11,used:4}}});var Me=e(Be,2);ye(Me,{reference:{url:"https://www.liip.ch/en/blog/15-years-liip",score:.8248223662376404,metadata:{kwLang:"de",titleAi:"15 Years of Innovation and Sustainability in a Swiss Digital Agency",keywords:["digital agency","sustainability","agile development","Swiss quality","organizational innovation"],documentIdSalt:"en"},considered:!0,display:{card:{title:"15 years of Liip, and what a journey it's been!",description:"The article celebrates 15 years of a Swiss digital agency known for its innovative, sustainable, and client-focused approach, highlighting its history of growth, organizational evolution, and long-standing client relationships, while emphasizing its commitment to Swiss quality and environmental responsibility.",badge:"www.liip.ch"},listItem:{title:"15 years of Liip, and what a journey it's been!",badge:"www.liip.ch",breadcrumbs:["Organisation","Team"]}},referenceIndex:{all:12,used:2}}});var It=e(Me,2);ye(It,{reference:{url:"https://www.liip.ch/en/blog/15-years-liip",score:.8248223662376404,metadata:{kwLang:"de",titleAi:"15 Years of Innovation and Sustainability in a Swiss Digital Agency",keywords:["digital agency","sustainability","agile development","Swiss quality","organizational innovation"],documentIdSalt:"en"},considered:!0,display:{card:{title:"15 years of Liip, and what a journey it's been!"},listItem:{title:"15 years of Liip, and what a journey it's been!"}},referenceIndex:{all:12,used:10}}}),a(Te),a(le);var de=e(le,2),Pe=i(de),ce=e(i(Pe));ke(ce,"data-source",JSON.stringify({url:"https://www.liip.ch",considered:!0,referencesIndex:{all:3,used:1},display:{card:{title:"Reference tooltip example",description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",breadcrumbs:["Organisation","Über uns","Philosophie"],badge:"www.liip.ch"}}})),ke(ce,"data-used-index","1"),ke(ce,"data-all-index","3"),ae(),a(Pe),a(de);var ue=e(de,2),Ee=i(ue),De=i(Ee),zt=e(i(De),2);o(zt,{name:"externalLink",class:"reference__icon transition-colors"}),a(De),ae(4),a(Ee),a(ue);var pe=e(ue,4),Fe=i(pe),Ae=i(Fe);Nt(Ae,{});var He=e(Ae,2);ft(He,{get chatLogic(){return r}});var je=e(He,2);$t(je,{get logic(){return r}});var Tt=e(je,2);Qt(Tt,{onclick:()=>{}}),a(Fe),a(pe);var Oe=e(pe,8),Ge=e(i(Oe),2),ve=i(Ge),Re=i(ve);Wt(Re,{get classificationConfig(){return r.data.chatConfig.classification},impact:0,quality:0});var he=e(Re,2),ge=i(he),Bt=i(ge,!0);a(ge);var Mt=e(ge,2);a(he);var Je=e(he,2),me=i(Je),Pt=i(me,!0);a(me);var Et=e(me,2);a(Je),a(ve),a(Ge),a(Oe),ae(4),a(G);var be=e(G,2),Dt=e(i(be),4);xt(Dt),a(be);var we=e(be,4);$(we,21,()=>I,Q,(b,C)=>{Kt(b,{get message(){return s(C)},get logic(){return r},onmessageupdate:()=>{},onbotmessageinit:()=>{}})}),a(we);var Ue=e(we,2),Ze=e(i(Ue),4);qt(Ze);var Ne=e(Ze,6),$e=i(Ne);o($e,{name:"predefinedQuestion"});var Qe=e($e,2);o(Qe,{name:"edit"});var We=e(Qe,2);o(We,{name:"newConversation"});var Ve=e(We,2);o(Ve,{name:"voteUp"});var Ke=e(Ve,2);o(Ke,{name:"voteDown"});var Ye=e(Ke,2);o(Ye,{name:"retry"});var Xe=e(Ye,2);o(Xe,{name:"message"});var et=e(Xe,2);o(et,{name:"thread"});var tt=e(et,2);o(tt,{name:"submit"});var at=e(tt,2);o(at,{name:"expand"});var it=e(at,2);o(it,{name:"help"});var st=e(it,2);o(st,{name:"attach"});var nt=e(st,2);o(nt,{name:"record"});var ot=e(nt,2);o(ot,{name:"reward"});var rt=e(ot,2);o(rt,{name:"share"});var lt=e(rt,2);o(lt,{name:"audio"});var dt=e(lt,2);o(dt,{name:"copy"});var ct=e(dt,2);o(ct,{name:"dismiss"});var ut=e(ct,2);o(ut,{name:"menu"});var pt=e(ut,2);o(pt,{name:"listUnordered"});var vt=e(pt,2);o(vt,{name:"lightMode"});var Ft=e(vt,2);o(Ft,{name:"darkMode"}),a(Ne),a(Ue),V(()=>{xe(Bt,s(c).feedbackFormMessage),K(Mt,"placeholder",s(c).feedbackFormMessagePlaceholder),xe(Pt,s(c).feedbackFormEmail),K(Et,"placeholder",s(c).feedbackFormEmailPlaceholder)}),Ht("submit",ve,async()=>{}),l(t,n)};L(j,t=>{r.initialized?t(oe,!1):t(X)})}return a(P),a(g),a(_),V(t=>B=kt(_,"",B,t),[()=>({"color-scheme":r.colorScheme})]),l(h,_),Ce({get data(){return f()},set data(t){f(t),te()}})}Y(Ct,{data:{}},[],[],!0);var wa=q('<div id="chat-wrapper" class="svelte-1h9zc1h"><div></div> <!> <div></div></div>'),fa=q('<div id="preview" class="svelte-1h9zc1h"><iframe title="sidebar" id="sidebar" class="svelte-1h9zc1h"></iframe> <!></div>');const _a={hash:"svelte-1h9zc1h",code:`html,
     body {width:100%;height:100%;margin:0;padding:0;}#sidebar.svelte-1h9zc1h {width:500px;height:100%;border:none;}#preview.svelte-1h9zc1h {display:flex;align-items:center;justify-content:center;width:100%;height:100%;}#chat-wrapper.svelte-1h9zc1h {container-name:preview-container;
-        /* stylelint-disable-next-line property-disallowed-list */container-type:size;width:100%;height:100%;}`};function wi(h,d){xe(d,!0),ne(h,bi);let f=Xt(d,["$$slots","$$events","$$legacy","$$host"]),c=F(()=>d.data);Q(()=>{window.onmessage=function(a){if(typeof a.data=="string"&&a.data.startsWith("liipgpt-url:")){const u=new URLSearchParams(a.data.replace("liipgpt-url:",""));ei("?"+u.toString(),{replaceState:!0})}}});const T=a=>`/build/${a}/liipgpt-${a}.iife.js`,_=async a=>{a==="build"&&(await import(T("chat")),await import(T("button"))),a==="dev"&&(await vt(()=>import("../chunks/DmwaT34V.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12]),import.meta.url),await vt(()=>import("../chunks/DcPfJCrW.js"),__vite__mapDeps([13,1,2,3,12,5,6,7,8,9,10,11]),import.meta.url)),a==="server"&&(import(ft(d.data.options,"chat")),import(ft(d.data.options,"button")))};let E="server",P=F(()=>d.data.options?.["preview-mode"]?.value??E);Q(()=>{_(s(P))});const j=`./sidebar${ti.url.search}`;let g=gt(void 0),D=gt(void 0);const Y=(a,u)=>{const w=document.createElement("script"),y=document.createTextNode(u);w.appendChild(y),a.replaceChildren(w)};Q(()=>{s(g)&&Y(s(g),s(c).options.CHAT_CONFIG_OVERRIDE.value||"")}),Q(()=>{s(D)&&Y(s(D),s(c).options.onclosechat.value||"")});var A=mi();_t(a=>{var u=M(),w=I(u);{var y=q=>{var p=M(),m=I(p);{var k=C=>{mt.title="LiipGPT Configurator | Components"},v=C=>{mt.title="LiipGPT Configurator"};z(m,C=>{s(c).options["show-components"].value?C(k):C(v,!1)},!0)}l(q,p)};z(w,q=>{q(y,!1)})}l(a,u)});var X=i(A),r=e(X,2);Vt(r,()=>s(c),a=>{var u=M(),w=I(u);{var y=p=>{var m=M(),k=I(m);jt(k,{onerror:v=>console.error("Rendering error of components",v)},v=>{qt(v,Yt(()=>f))}),l(p,m)},q=p=>{var m=gi(),k=i(m);ht(k,L=>bt(g,L),()=>s(g));var v=e(k,2);Wt(v,()=>Kt(s(c).options));var C=e(v,2);ht(C,L=>bt(D,L),()=>s(D)),t(m),l(p,m)};z(w,p=>{s(c).options["show-components"].value?p(y):p(q,!1)})}l(a,u)}),t(A),V(()=>W(X,"src",j)),l(h,A),qe()}K(wi,{},[],[],!0);export{wi as component};
+        /* stylelint-disable-next-line property-disallowed-list */container-type:size;width:100%;height:100%;}`};function ya(h,d){qe(d,!0),ne(h,_a);let f=aa(d,["$$slots","$$events","$$legacy","$$host"]),c=D(()=>d.data);W(()=>{window.onmessage=function(t){if(typeof t.data=="string"&&t.data.startsWith("liipgpt-url:")){const n=new URLSearchParams(t.data.replace("liipgpt-url:",""));ia("?"+n.toString(),{replaceState:!0})}}});const I=t=>`/build/${t}/liipgpt-${t}.iife.js`,_=async t=>{t==="build"&&(await import(I("chat")),await import(I("button"))),t==="dev"&&(await ht(()=>import("../chunks/ChzxYFTX.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12]),import.meta.url),await ht(()=>import("../chunks/DoMONjgj.js"),__vite__mapDeps([13,1,2,3,12,5,6,7,8,9,10,11]),import.meta.url)),t==="server"&&(import(_t(d.data.options,"chat")),import(_t(d.data.options,"button")))};let B="server",M=D(()=>d.data.options?.["preview-mode"]?.value??B);W(()=>{_(s(M))});const A=`./sidebar${sa.url.search}`;let g=mt(void 0),P=mt(void 0);const H=(t,n)=>{const p=document.createElement("script"),y=document.createTextNode(n);p.appendChild(y),t.replaceChildren(p)};W(()=>{s(g)&&H(s(g),s(c).options.CHAT_CONFIG_OVERRIDE.value||"")}),W(()=>{s(P)&&H(s(P),s(c).options.onclosechat.value||"")});var j=fa();yt(t=>{var n=T(),p=S(n);{var y=k=>{var v=T(),u=S(v);{var x=w=>{bt.title="LiipGPT Configurator | Components"},m=w=>{bt.title="LiipGPT Configurator"};L(u,w=>{s(c).options["show-components"].value?w(x):w(m,!1)},!0)}l(k,v)};L(p,k=>{k(y,!1)})}l(t,n)});var X=i(j),oe=e(X,2);Yt(oe,()=>s(c),t=>{var n=T(),p=S(n);{var y=v=>{var u=T(),x=S(u);jt(x,{onerror:m=>console.error("Rendering error of components",m)},m=>{Ct(m,ta(()=>f))}),l(v,u)},k=v=>{var u=wa(),x=i(u);gt(x,E=>wt(g,E),()=>s(g));var m=e(x,2);Xt(m,()=>ea(s(c).options));var w=e(m,2);gt(w,E=>wt(P,E),()=>s(P)),a(u),l(v,u)};L(p,v=>{s(c).options["show-components"].value?v(y):v(k,!1)})}l(t,n)}),a(j),V(()=>K(X,"src",A)),l(h,j),Ce()}Y(ya,{},[],[],!0);export{ya as component};