@liip/liipgpt 3.1.19 → 3.2.1

package/configurator/_app/immutable/nodes/2.BApK-7Jc.js

@@ -1,30 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../chunks/DOrzmUSl.js","../chunks/NZTpNUN0.js","../chunks/Cx_YT9bD.js","../chunks/DePuinxN.js","../chunks/DhLNzzQz.js","../chunks/D54U55sL.js","../chunks/DLsBQsIv.js","../chunks/82l9Ol_a.js","../chunks/uI3-HS-e.js","../chunks/CnmI5oVM.js","../chunks/DjBqceG2.js","../chunks/CDW8Ir6T.js","../chunks/DTEIGda2.js","../chunks/DYkNabEN.js","../chunks/Dt5ghuNT.js"])))=>i.map(i=>d[i]);
-import{i as I,_ as Ct,b as Bt}from"../chunks/DLsBQsIv.js";import"../chunks/NZTpNUN0.js";import{c as X,p as Ee,f as _,s as e,e as a,t as K,b as l,d as De,v as ie,r as t,g as je,S as z,u as Y,o as da,aC as Mt,N as F,a as L,G as n,H as D,aD as ca,aE as Te,P as jt,aF as Pt,O as ua,T as Et}from"../chunks/Cx_YT9bD.js";import{a as se,s as R,l as At,m as va,k as v,n as pa,A as ma,e as W,f as V,I as ae,o as ha,C as Dt,t as ga,p as ba,S as r,q as wa,P as Le,R as Ce,r as Be,N as _a,u as fa,v as ya,w as xa,h as ka,x as qa,M as Sa,j as Pe,y as za,z as Ft,D as Ia}from"../chunks/82l9Ol_a.js";import{p as ne,s as Ta,r as La}from"../chunks/DePuinxN.js";import{g as Ca}from"../chunks/CnmI5oVM.js";import{p as Ba}from"../chunks/DjBqceG2.js";var ja=_('<div class="swatch svelte-18q4g20"><div class="swatch__color svelte-18q4g20"></div> <div class="swatch__label svelte-18q4g20"> </div></div>');const Pa={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 re(b,c){Ee(c,!1),se(b,Pa);let y=ne(c,"name",12),o=ne(c,"key",12),j=ne(c,"value",12);var x=ja(),M=a(x),A=e(M,2),U=a(A,!0);return t(A),t(x),K(()=>{R(x,"title",`Color ${o()}: ${j()}`),At(M,`background-color: var(--color-${y()??""}-${o()??""});`),je(U,o())}),l(b,x),De({get name(){return y()},set name(p){y(p),ie()},get key(){return o()},set key(p){o(p),ie()},get value(){return j()},set value(p){j(p),ie()}})}X(re,{name:{},key:{},value:{}},[],[],!0);var Ea=_('<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" aria-hidden="true"><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" aria-hidden="true"><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="" aria-hidden="true"><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" aria-hidden="true"><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 Ht(b){var c=Ea();l(b,c)}X(Ht,{},[],[],!0);var Da=_(`<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
-    enim in elit vulputate finibus ac in arcu. Donec venenatis tempus facilisis.</p> <h4>Title h4</h4> <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> <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 Fa={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 Gt(b){se(b,Fa);var c=Da();z(30),l(b,c)}X(Gt,{},[],[],!0);const Ma=[{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]. 
-
-Zusätzlich gibt es auch Inhalte über **Debugging von E-Mails auf einem Staging-Server**, die einfache Lösungen für Testumgebungen bieten[^3]. 
-
-Bitte lassen Sie mich wissen, ob Sie weitere Informationen zu einem bestimmten Thema wünschen! 
-
-`,html:`<p>Leider kann ich Ihnen bei der Frage nach "test" nicht weiterhelfen, da die Informationen dazu nicht in den gelieferten Inhalten enthalten sind. </p>
-<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>
-`,text:'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. Zusätzlich gibt es auch Inhalte über Debugging von E-Mails auf einem Staging-Server, die einfache Lösungen für Testumgebungen bieten. Bitte lassen Sie mich wissen, ob Sie weitere Informationen zu einem bestimmten Thema wünschen!'},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 Aa=_('<link rel="stylesheet"/>'),Ha=_("<!> <!> <!> <!> <!>",1),Ga=_('<div class="context-menu svelte-12rj1z4"><!></div>'),Oa=_('<div class="chat-app__loader-container">Loading...</div>'),Ra=_('<div class="container text-container" style="padding-bottom: 200px;"><hr/> <h2>Popups</h2> <div class="dialog-content svelte-12rj1z4"><div class="dialog-header"><div class="dialog-title"><!></div> <div class="dialog-close"><span class="sr-only">Close</span> <!></div></div> <div class="dialog-description"><!></div></div></div>'),Ja=_(`<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-12rj1z4"><!></div> <h3 class="h4">Highlight Colors (optional)</h3> <div class="color-swatches svelte-12rj1z4"><!></div> <h3 class="h4">Grey Colors</h3> <div class="color-swatches svelte-12rj1z4"><!></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-12rj1z4">Card</div></div> <div class="container text-container"><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-12rj1z4"><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-12rj1z4"><div class="context-box__menu"><div class="context-box__menu-item transition-colors"><!> <span>Menü Beispiel</span></div></div> <div class="context-box__separator"></div> <div><div class="context-box__title">Sprache auswählen</div> <div class="context-box__menu"><div class="context-box__menu-item transition-colors active"><!> <span>Deutsch</span></div> <div class="context-box__menu-item transition-colors"><!> <span>English</span></div> <div class="context-box__menu-item transition-colors"><!> <span>Français</span></div> <div class="context-box__menu-item transition-colors"><!> <span>Italiano</span></div></div></div> <div class="context-box__separator" id="bits-c15" role="group" data-dropdown-menu-separator=""></div> <div id="bits-c16" data-dropdown-menu-radio-group="" role="group"><div class="context-box__color-scheme-selector"><div class="context-box__color-scheme-selector-button transition-colors context-box__color-scheme-selector-button--active"><!> <span>Hell</span></div> <hr class="context-box__color-scheme-selector-separator"/> <div class="context-box__color-scheme-selector-button transition-colors"><!> <span>Dunkel</span></div></div></div></div> <h2>Feedback Form</h2> <div class="dialog-content svelte-12rj1z4"><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-12rj1z4"></div> <div class="text-container container"><hr/> <h2>Typography</h2> <!> <hr/> <h2>Icons</h2> <div style="color: currentColor; display: flex; flex-wrap: wrap; gap: 1rem;"><!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!></div></div> <!>`,3),Ua=_('<main class="chat-app svelte-12rj1z4"><!> <div class="chat-app__container svelte-12rj1z4"><div class="chat-app__main svelte-12rj1z4"><div class="chat-app__portals"></div> <!></div></div> <div></div></main>');const Na={hash:"svelte-12rj1z4",code:`.color-swatches.svelte-12rj1z4 {display:flex;grid-template-columns:repeat(13, 1fr);max-width:100%;margin:0;gap:0.25rem;}.chat-app.svelte-12rj1z4,
-    .chat-app__container.svelte-12rj1z4 {width:100%;height:100%;background:var(--body-background);}.chat-page__messages.svelte-12rj1z4 {min-height:auto;padding-bottom:200px;}.context-menu.svelte-12rj1z4 {z-index:1000;position:fixed;top:20px;right:20px;}.chat-app__container.svelte-12rj1z4 {overflow-y:auto;}.chat-app__main.svelte-12rj1z4 {overflow-x:hidden;overscroll-behavior-x:none;background:transparent;touch-action:pan-y;}.card.svelte-12rj1z4 {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-12rj1z4 {position:relative;top:0;left:0;transform:none;}.references__container.svelte-12rj1z4 {background-color:var(--aside-background);}.context-box__content.svelte-12rj1z4 {position:relative;}`};function Ot(b,c){Ee(c,!0),se(b,Na);let y=ne(c,"data",7),o=D(()=>v.t);Y(()=>{const i={lang:y().options.lang.value,forceTheme:y().options?.["force-theme"]?.value,apiUrl:y().options["api-url"].value,features:""};da(()=>va.init(i).catch(s=>{console.error("Failed to init chat logic",s)}))});const j=Ma;var x=Ua();Mt(i=>{var s=F(),m=L(s);{var k=q=>{var h=Ha(),u=L(h);W(u,17,()=>v.themeBase.fontURLs??[],V,($,Q)=>{var J=Aa();K(()=>R(J,"href",n(Q))),l($,J)});var S=e(u,2);ae(S,{id:"font-css",get css(){return v.themeBase.fontCSS}});var w=e(S,2);{let $=D(()=>ka(v.theme));ae(w,{id:"theme-css",get css(){return n($)}})}var f=e(w,2);ae(f,{id:"app-css",get css(){return ha}});var G=e(f,2);ae(G,{id:"custom-css",get css(){return v.themeBase.customCSS}}),l(q,h)};I(m,q=>{v.initialized&&q(k)})}l(i,s)});let M;var A=a(x);{var U=i=>{var s=Ga(),m=a(s);Dt(m,{}),t(s),l(i,s)};I(A,i=>{v.initialized&&i(U)})}var p=e(A,2),H=a(p),N=a(H);pa(N,(i,s)=>qa?.(i,s),()=>"portals");var Z=e(N,2);{var ee=i=>{var s=Oa();ga(2,s,()=>ba,()=>({duration:200,delay:300})),l(i,s)},oe=i=>{var s=Ja(),m=L(s),k=e(a(m),8),q=a(k);{var h=d=>{var g=F(),P=L(g);W(P,17,()=>Object.entries(v.theme.colors.brand),V,(C,B)=>{var T=D(()=>Te(n(B),2));let E=()=>n(T)[0],O=()=>n(T)[1];re(C,{name:"brand",get key(){return E()},get value(){return O()}})}),l(d,g)};I(q,d=>{v.theme.colors?.brand&&d(h)})}t(k);var u=e(k,4),S=a(u);{var w=d=>{var g=F(),P=L(g);W(P,17,()=>Object.entries(v.theme.colors.highlight),V,(C,B)=>{var T=D(()=>Te(n(B),2));let E=()=>n(T)[0],O=()=>n(T)[1];re(C,{name:"highlight",get key(){return E()},get value(){return O()}})}),l(d,g)};I(S,d=>{v.theme?.colors?.highlight&&d(w)})}t(u);var f=e(u,4),G=a(f);{var $=d=>{var g=F(),P=L(g);W(P,17,()=>Object.entries(v.theme.colors.grey),V,(C,B)=>{var T=D(()=>Te(n(B),2));let E=()=>n(T)[0],O=()=>n(T)[1];re(C,{name:"grey",get key(){return E()},get value(){return O()}})}),l(d,g)};I(G,d=>{v.theme?.colors?.grey&&d($)})}t(f),t(m);var Q=e(m,4),J=e(a(Q),8),Fe=a(J);r(Fe,{name:"avatar",class:"introduction__avatar"});var Rt=e(Fe,2);r(Rt,{name:"avatar",class:"message__bot-avatar"}),t(J);var Me=e(J,4);wa(Me,{onSubmit:()=>{}});var de=e(Me,2),Ae=a(de);Le(Ae,{predefinedQuestion:{label:"Question one",question:""},onSubmit:()=>{},index:0});var He=e(Ae,2);Le(He,{predefinedQuestion:{label:"Question two",question:""},onSubmit:()=>{},index:1});var Jt=e(He,2);Le(Jt,{predefinedQuestion:{label:"Question three",question:""},onSubmit:()=>{},index:2}),t(de);var ce=e(de,4),Ge=a(ce),Oe=a(Ge);Ce(Oe,{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 Re=e(Oe,2);Ce(Re,{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 Ut=e(Re,2);Ce(Ut,{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(Ge),t(ce);var ue=e(ce,2),Je=a(ue),ve=e(a(Je));Be(ve,"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"}}})),Be(ve,"data-used-index","1"),Be(ve,"data-all-index","3"),z(),t(Je),t(ue);var pe=e(ue,2),Ue=a(pe),Ne=a(Ue),Nt=e(a(Ne),2);r(Nt,{name:"externalLink",class:"reference__icon transition-colors"}),t(Ne),z(4),t(Ue),t(pe);var me=e(pe,4),Ze=a(me),$e=a(Ze);_a($e,{});var Qe=e($e,2);Dt(Qe,{});var We=e(Qe,2);{let d=D(()=>n(o).aboutThisChat||"");fa(We,{get content(){return n(d)}})}var Zt=e(We,2);ya(Zt,{onclick:()=>{}}),t(Ze),t(me);var he=e(me,4),ge=a(he),Ve=a(ge),$t=a(Ve);r($t,{name:"externalLink"}),z(2),t(Ve),t(ge);var be=e(ge,4),Ye=e(a(be),2),we=a(Ye),Qt=a(we);r(Qt,{name:"internalLink"}),z(2),t(we);var _e=e(we,2),Wt=a(_e);r(Wt,{name:"internalLink"}),z(2),t(_e);var fe=e(_e,2),Vt=a(fe);r(Vt,{name:"internalLink"}),z(2),t(fe);var Ke=e(fe,2),Yt=a(Ke);r(Yt,{name:"internalLink"}),z(2),t(Ke),t(Ye),t(be);var Xe=e(be,4),et=a(Xe),ye=a(et),Kt=a(ye);r(Kt,{name:"lightMode"}),z(2),t(ye);var tt=e(ye,4),Xt=a(tt);r(Xt,{name:"darkMode"}),z(2),t(tt),t(et),t(Xe),t(he);var at=e(he,4),it=e(a(at),2),te=a(it),nt=a(te);xa(nt,{classificationConfig:{impact:{label:"Impact",options:[{label:"Positive",value:1},{label:"Negative",value:2}]},quality:{label:"Quality",options:[{label:"Good",value:1},{label:"Bad",value:2}]}},impact:0,quality:0});var xe=e(nt,2),ke=a(xe),ea=a(ke,!0);t(ke);var ta=e(ke,2);t(xe);var rt=e(xe,2),qe=a(rt),aa=a(qe,!0);t(qe);var ia=e(qe,2);t(rt),t(te),t(it),t(at),z(4),t(Q);var Se=e(Q,2),na=e(a(Se),4);Ht(na),t(Se);var ze=e(Se,4);W(ze,21,()=>j,V,(d,g)=>{Sa(d,{get message(){return n(g)},onmessageupdate:()=>{},onbotmessageinit:()=>{}})}),t(ze);var Ie=e(ze,2),st=e(a(Ie),4);Gt(st);var ot=e(st,6),lt=a(ot);r(lt,{name:"predefinedQuestion"});var dt=e(lt,2);r(dt,{name:"edit"});var ct=e(dt,2);r(ct,{name:"newConversation"});var ut=e(ct,2);r(ut,{name:"voteUp"});var vt=e(ut,2);r(vt,{name:"voteDown"});var pt=e(vt,2);r(pt,{name:"retry"});var mt=e(pt,2);r(mt,{name:"message"});var ht=e(mt,2);r(ht,{name:"thread"});var gt=e(ht,2);r(gt,{name:"submit"});var bt=e(gt,2);r(bt,{name:"expand"});var wt=e(bt,2);r(wt,{name:"help"});var _t=e(wt,2);r(_t,{name:"attach"});var ft=e(_t,2);r(ft,{name:"record"});var yt=e(ft,2);r(yt,{name:"reward"});var xt=e(yt,2);r(xt,{name:"share"});var kt=e(xt,2);r(kt,{name:"audio"});var qt=e(kt,2);r(qt,{name:"copy"});var St=e(qt,2);r(St,{name:"dismiss"});var zt=e(St,2);r(zt,{name:"menu"});var It=e(zt,2);r(It,{name:"listUnordered"});var Tt=e(It,2);r(Tt,{name:"lightMode"});var ra=e(Tt,2);r(ra,{name:"darkMode"}),t(ot),t(Ie);var sa=e(Ie,2);{var oa=d=>{var g=Ra(),P=e(a(g),4),C=a(P),B=a(C),T=a(B);Pe(T,()=>n(o).popups[1].title),t(B);var E=e(B,2),O=e(a(E),2);r(O,{name:"dismiss"}),t(E),t(C);var Lt=e(C,2),la=a(Lt);Pe(la,()=>n(o).popups[1].content),t(Lt),t(P),t(g),l(d,g)};I(sa,d=>{n(o).popups&&n(o).popups?.length>0&&d(oa)})}K(()=>{R(te,"aria-label",n(o).feedbackFormTitle),je(ea,n(o).feedbackFormMessage),R(ta,"placeholder",n(o).feedbackFormMessagePlaceholder),je(aa,n(o).feedbackFormEmail),R(ia,"placeholder",n(o).feedbackFormEmailPlaceholder)}),ca("submit",te,async()=>{}),l(i,s)};I(Z,i=>{v.initialized?i(oe,!1):i(ee)})}t(H),t(p);var le=e(p,2);return t(x),K(i=>{M=At(x,"",M,i),R(le,"id",ma)},[()=>({"color-scheme":v.colorScheme})]),l(b,x),De({get data(){return y()},set data(i){y(i),ie()}})}X(Ot,{data:{}},[],[],!0);var Za=_('<iframe title="sidebar" id="sidebar" class="svelte-1h9zc1h"></iframe>'),$a=_('<div id="chat-wrapper" class="svelte-1h9zc1h"><div></div> <!> <div></div></div>'),Qa=_('<div id="preview" class="svelte-1h9zc1h"><!> <!></div>');const Wa={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 Va(b,c){Ee(c,!0),se(b,Wa);let y=La(c,["$$slots","$$events","$$legacy","$$host"]),o=D(()=>c.data);Y(()=>{window.onmessage=function(i){if(typeof i.data=="string"&&i.data.startsWith("liipgpt-url:")){const s=new URLSearchParams(i.data.replace("liipgpt-url:",""));Ca("?"+s.toString(),{replaceState:!0})}}});const j=i=>`/build/${i}/liipgpt-${i}.iife.js`,x=async i=>{i==="build"&&(await import(j("chat")),await import(j("button"))),i==="dev"&&(await Ct(()=>import("../chunks/DOrzmUSl.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13]),import.meta.url),await Ct(()=>import("../chunks/Dt5ghuNT.js"),__vite__mapDeps([14,1,2,3,13,6,7,5,8,9,12]),import.meta.url)),i==="server"&&(import(Ft(c.data.options,"chat")),import(Ft(c.data.options,"button")))};let M="server",A=D(()=>c.data.options?.["preview-mode"]?.value??M);Y(()=>{x(n(A))});const U=`./sidebar${Ba.url.search}`;let p=jt(void 0),H=jt(void 0);const N=(i,s)=>{const m=document.createElement("script"),k=document.createTextNode(s);m.appendChild(k),i.replaceChildren(m)};Y(()=>{n(p)&&N(n(p),n(o).options.CHAT_CONFIG_OVERRIDE.value||"")}),Y(()=>{n(H)&&N(n(H),n(o).options.onclosechat.value||"")});var Z=Qa();Mt(i=>{var s=F(),m=L(s);{var k=q=>{var h=F(),u=L(h);{var S=f=>{Pt.title="LiipGPT Configurator | Components"},w=f=>{Pt.title="LiipGPT Configurator"};I(u,f=>{n(o).options["show-components"].value?f(S):f(w,!1)},!0)}l(q,h)};I(m,q=>{q(k,!1)})}l(i,s)});var ee=a(Z);{var oe=i=>{var s=Za();K(()=>R(s,"src",U)),l(i,s)};I(ee,i=>{n(o).options["hide-sidebar"].value||i(oe)})}var le=e(ee,2);za(le,()=>n(o),i=>{var s=F(),m=L(s);{var k=h=>{var u=F(),S=L(u);ua(S,{onerror:w=>console.error("Rendering error of components",w)},w=>{Ot(w,Ta(()=>y))}),l(h,u)},q=h=>{var u=$a(),S=a(u);Bt(S,G=>Et(p,G),()=>n(p));var w=e(S,2);Pe(w,()=>Ia(n(o).options));var f=e(w,2);Bt(f,G=>Et(H,G),()=>n(H)),t(u),l(h,u)};I(m,h=>{n(o).options["show-components"].value?h(k):h(q,!1)})}l(i,s)}),t(Z),l(b,Z),De()}X(Va,{},[],[],!0);export{Va as component};