@liip/liipgpt 3.4.2 → 3.4.4

package/configurator/_app/immutable/nodes/2.DJcyAYWL.js

@@ -0,0 +1,31 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../chunks/DopJiv6A.js","../chunks/BdP-K7KO.js","../chunks/DC7iQzPK.js","../chunks/DevUxHro.js","../chunks/C8mohMXa.js","../chunks/DEv5Ueqk.js","../chunks/DJ-KAQCp.js","../chunks/BUm3woLX.js","../chunks/D1hYfEew.js","../chunks/CaZV0epm.js","../chunks/CNhGYG1q.js","../chunks/DUJlwB59.js","../chunks/DpTUJVdo.js"])))=>i.map(i=>d[i]);
+import{A as e,B as t,Bt as n,Ct as r,E as i,Et as a,G as o,I as s,K as c,L as l,M as u,Nt as d,O as f,Ot as p,Pt as m,R as h,T as g,Tt as _,U as ee,Ut as v,Vt as y,_t as b,b as x,c as te,ct as S,dt as C,et as w,gt as T,i as E,k as D,mt as O,o as k,ot as A,q as j,rt as M,s as N,u as P,ut as F,v as I,vt as L,w as R,xt as z,z as B}from"../chunks/BdP-K7KO.js";import{t as ne}from"../chunks/B3eztMjm.js";import"../chunks/CNhGYG1q.js";import{t as V}from"../chunks/C8mohMXa.js";import"../chunks/D1hYfEew.js";import"../chunks/DEv5Ueqk.js";import{a as re,i as H,n as U,t as W}from"../chunks/DevUxHro.js";import"../chunks/CaZV0epm.js";import{t as G}from"../chunks/B5LAyE-f.js";import{n as K,t as q}from"../chunks/az2UTMiX.js";import{H as ie,V as J,a as ae,c as oe,d as se,h as ce,i as le,l as ue,n as de,o as fe,r as pe,s as me,t as he,u as ge}from"../chunks/DC7iQzPK.js";var Y=j(`<div class="swatch svelte-1inuijp"><div class="swatch__color svelte-1inuijp"></div> <div class="swatch__label svelte-1inuijp"> </div></div>`),X={hash:`svelte-1inuijp`,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-1inuijp {opacity:1;}}.swatch__color.svelte-1inuijp {aspect-ratio:1;width:100%;}.swatch__label.svelte-1inuijp {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 _e(e,t){m(t,!1),D(e,X);let n=k(t,`name`,12),r=k(t,`key`,12),i=k(t,`value`,12);var a={get name(){return n()},set name(e){n(e),p()},get key(){return r()},set key(e){r(e),p()},get value(){return i()},set value(e){i(e),p()}},s=Y(),c=T(s),l=L(c,2),u=T(l,!0);return y(l),y(s),F(()=>{I(s,`title`,`Color ${r()}: ${i()}`),R(c,`background-color: var(--color-${n()??``}-${r()??``});`),ee(u,r())}),o(e,s),d(a)}E(_e,{name:{},key:{},value:{}},[],[],{mode:`open`});var ve=j(`<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 ye(e){o(e,ve())}E(ye,{},[],[],{mode:`open`});var be=j(`<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-4x0tmq">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-4x0tmq">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),xe={hash:`svelte-4x0tmq`,code:`.text-sm.svelte-4x0tmq {font-size:var(--base-font-size-sm);}.text-xs.svelte-4x0tmq {font-size:var(--base-font-size-xs);}`};function Se(e){D(e,xe);var t=be();n(30),o(e,t)}E(Se,{},[],[],{mode:`open`});var Ce=[{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`,id:`f47ac10b-58cc-4372-a567-0e02b2c3d479`,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`,id:`a3b8f2c1-7d4e-4a9f-b6c2-8e1d5f3a2b7c`,componentName:`buttons`,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`}]}}],we=j(`<link rel="stylesheet"/>`),Z=j(`<!> <!> <!> <!> <!>`,1),Te=j(`<div class="context-menu svelte-1vjvg2x"><!></div>`),Ee=j(`<div class="chat-app__loader-container">Loading...</div>`),De=j(`<div class="dialog-content svelte-1vjvg2x"><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>`),Oe=j(`<p>No popup at index 1 defined.</p>`),ke=j(`<div class="container text-container" style="padding-bottom: 200px;"><hr/> <h2>Popups</h2> <!></div>`),Ae=j(`<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-1vjvg2x"><!></div> <h3 class="h4">Highlight Colors (optional)</h3> <div class="color-swatches svelte-1vjvg2x"><!></div> <h3 class="h4">Grey Colors</h3> <div class="color-swatches svelte-1vjvg2x"><!></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-1vjvg2x">Card</div></div> <div class="container text-container" style="padding-top: 100px;"><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-1vjvg2x"><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-1vjvg2x"><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-1vjvg2x"><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" style="padding-bottom: var(--spacer-r-40)"><hr/> <h2>Notifications</h2> <!></div> <div class="container text-container"><hr/> <h2>Chat</h2></div> <div class="chat-page__messages svelte-1vjvg2x"></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; padding-bottom: var(--spacer-r-40)"><!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!> <!></div></div> <!>`,3),je=j(`<main class="chat-app svelte-1vjvg2x"><!> <div class="chat-app__container"><div class="chat-app__main svelte-1vjvg2x"><div class="chat-app__portals"></div> <!></div></div> <div></div></main>`),Me={hash:`svelte-1vjvg2x`,code:`.color-swatches.svelte-1vjvg2x {display:flex;grid-template-columns:repeat(13, 1fr);max-width:100%;margin:0;gap:0.25rem;}.chat-app.svelte-1vjvg2x {display:block;flex-grow:1;&::after {z-index:-1;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--body-background);content:"";}}.chat-page__messages.svelte-1vjvg2x {min-height:auto;padding-bottom:200px;}.context-menu.svelte-1vjvg2x {z-index:1000;position:fixed;top:20px;right:20px;}.chat-app__main.svelte-1vjvg2x {overflow:visible;overscroll-behavior:auto;background:transparent;touch-action:auto;}.card.svelte-1vjvg2x {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-1vjvg2x {position:relative;top:0;left:0;transform:none;}.references__container.svelte-1vjvg2x {background-color:var(--aside-background);}.context-box__content.svelte-1vjvg2x {position:relative;}`};function Ne(r,i){m(i,!0),D(r,Me);let a=k(i,`data`,7),g=_(()=>H.t);C(()=>{let e={lang:a().options.lang.value,forceTheme:a().options?.[`force-theme`]?.value,apiUrl:a().options[`api-url`].value,features:``};A(()=>re.init(e).catch(e=>{console.error(`Failed to init chat logic`,e)}))});let te=Ce;var S={get data(){return a()},set data(e){a(e),p()}},E=je();e(`1vjvg2x`,e=>{var n=c(),r=b(n),i=e=>{var t=Z(),n=b(t);l(n,17,()=>H.themeBase.fontURLs??[],h,(e,t)=>{var n=we();F(()=>I(n,`href`,M(t))),o(e,n)});var r=L(n,2);U(r,{id:`font-css`,get css(){return H.themeBase.fontCSS}});var i=L(r,2);{let e=_(()=>W(H.theme));U(i,{id:`theme-css`,get css(){return M(e)}})}var a=L(i,2);U(a,{id:`app-css`,get css(){return de}}),U(L(a,2),{id:`custom-css`,get css(){return H.themeBase.customCSS}}),o(e,t)};t(r,e=>{H.initialized&&e(i)}),o(e,n)});let O;var j=T(E),N=e=>{var t=Te();fe(T(t),{}),y(t),o(e,t)};t(j,e=>{H.initialized&&e(N)});var P=L(j,2),z=T(P),B=T(z);f(B,(e,t)=>ie?.(e,t),()=>`portals`);var ne=L(B,2),V=e=>{var t=Ee();u(2,t,()=>he,()=>({duration:200,delay:300})),o(e,t)},G=e=>{var r=Ae(),i=b(r),a=L(T(i),8),u=T(a),d=e=>{var t=c();l(b(t),17,()=>Object.entries(H.theme.colors.brand),h,(e,t)=>{var n=_(()=>v(M(t),2));let r=()=>M(n)[0],i=()=>M(n)[1];_e(e,{name:`brand`,get key(){return r()},get value(){return i()}})}),o(e,t)};t(u,e=>{H.theme.colors?.brand&&e(d)}),y(a);var f=L(a,4),p=T(f),m=e=>{var t=c();l(b(t),17,()=>Object.entries(H.theme.colors.highlight),h,(e,t)=>{var n=_(()=>v(M(t),2));let r=()=>M(n)[0],i=()=>M(n)[1];_e(e,{name:`highlight`,get key(){return r()},get value(){return i()}})}),o(e,t)};t(p,e=>{H.theme?.colors?.highlight&&e(m)}),y(f);var S=L(f,4),C=T(S),E=e=>{var t=c();l(b(t),17,()=>Object.entries(H.theme.colors.grey),h,(e,t)=>{var n=_(()=>v(M(t),2));let r=()=>M(n)[0],i=()=>M(n)[1];_e(e,{name:`grey`,get key(){return r()},get value(){return i()}})}),o(e,t)};t(C,e=>{H.theme?.colors?.grey&&e(E)}),y(S),y(i);var D=L(i,4),O=L(T(D),8),k=T(O);J(k,{name:`avatar`,class:`introduction__avatar`}),J(L(k,2),{name:`avatar`,class:`message__bot-avatar`}),y(O);var A=L(O,4);ue(A,{onSubmit:()=>{},avoidFocusOnMount:!0});var j=L(A,2),N=T(j);le(N,{predefinedQuestion:{label:`Question one`,question:``},onSubmit:()=>{},index:0});var P=L(N,2);le(P,{predefinedQuestion:{label:`Question two`,question:``},onSubmit:()=>{},index:1}),le(L(P,2),{predefinedQuestion:{label:`Question three`,question:``},onSubmit:()=>{},index:2}),y(j);var R=L(j,4),z=T(R),B=T(z);pe(B,{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 ne=L(B,2);pe(ne,{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}}}),pe(L(ne,2),{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}}}),y(z),y(R);var V=L(R,2),re=T(V),U=L(T(re));x(U,`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`}}})),x(U,`data-used-index`,`1`),x(U,`data-all-index`,`3`),n(),y(re),y(V);var W=L(V,2),G=T(W),K=T(G);J(L(T(K),2),{name:`externalLink`,class:`reference__icon transition-colors`}),y(K),n(4),y(G),y(W);var q=L(W,4),ie=T(q),se=T(ie);ae(se,{});var de=L(se,2);fe(de,{});var he=L(de,2);{let e=_(()=>M(g).aboutThisChat||``);me(he,{get content(){return M(e)}})}ge(L(he,2),{onclick:()=>{}}),y(ie),y(q);var Y=L(q,4),X=T(Y),ve=T(X);J(T(ve),{name:`externalLink`}),n(2),y(ve),y(X);var be=L(X,4),xe=L(T(be),2),Ce=T(xe);J(T(Ce),{name:`internalLink`}),n(2),y(Ce);var we=L(Ce,2);J(T(we),{name:`internalLink`}),n(2),y(we);var Z=L(we,2);J(T(Z),{name:`internalLink`}),n(2),y(Z);var Te=L(Z,2);J(T(Te),{name:`internalLink`}),n(2),y(Te),y(xe),y(be);var Ee=L(be,4),je=T(Ee),Me=T(je);J(T(Me),{name:`lightMode`}),n(2),y(Me);var Ne=L(Me,4);J(T(Ne),{name:`darkMode`}),n(2),y(Ne),y(je),y(Ee),y(Y);var Pe=L(Y,4),Fe=L(T(Pe),2),Q=T(Fe),Ie=T(Q);oe(Ie,{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 Le=L(Ie,2),$=T(Le),Re=T($,!0);y($);var ze=L($,2);y(Le);var Be=L(Le,2),Ve=T(Be),He=T(Ve,!0);y(Ve);var Ue=L(Ve,2);y(Be),y(Q),y(Fe),y(Pe),n(4),y(D);var We=L(D,2);ye(L(T(We),4),{}),y(We);var Ge=L(We,4);l(Ge,21,()=>te,h,(e,t,n)=>{ce(e,{get message(){return M(t)},index:n,onmessageupdate:()=>{},onbotmessageinit:()=>{},onaskQuestion:()=>{}})}),y(Ge);var Ke=L(Ge,2),qe=L(T(Ke),4);Se(qe,{});var Je=L(qe,6),Ye=T(Je);J(Ye,{name:`predefinedQuestion`});var Xe=L(Ye,2);J(Xe,{name:`edit`});var Ze=L(Xe,2);J(Ze,{name:`newConversation`});var Qe=L(Ze,2);J(Qe,{name:`voteUp`});var $e=L(Qe,2);J($e,{name:`voteDown`});var et=L($e,2);J(et,{name:`retry`});var tt=L(et,2);J(tt,{name:`message`});var nt=L(tt,2);J(nt,{name:`thread`});var rt=L(nt,2);J(rt,{name:`submit`});var it=L(rt,2);J(it,{name:`expand`});var at=L(it,2);J(at,{name:`help`});var ot=L(at,2);J(ot,{name:`attach`});var st=L(ot,2);J(st,{name:`record`});var ct=L(st,2);J(ct,{name:`reward`});var lt=L(ct,2);J(lt,{name:`share`});var ut=L(lt,2);J(ut,{name:`audio`});var dt=L(ut,2);J(dt,{name:`copy`});var ft=L(dt,2);J(ft,{name:`dismiss`});var pt=L(ft,2);J(pt,{name:`menu`});var mt=L(pt,2);J(mt,{name:`listUnordered`});var ht=L(mt,2);J(ht,{name:`lightMode`}),J(L(ht,2),{name:`darkMode`}),y(Je),y(Ke);var gt=L(Ke,2),_t=e=>{var n=ke(),r=L(T(n),4),i=e=>{var t=De(),n=T(t),r=T(n);s(r,()=>M(g).popups[1].title,!0),y(r);var i=L(r,2);J(L(T(i),2),{name:`dismiss`}),y(i),y(n);var a=L(n,2);s(a,()=>M(g).popups[1].content,!0),y(a),y(t),o(e,t)},a=e=>{o(e,Oe())};t(r,e=>{M(g).popups?.[1]?e(i):e(a,-1)}),y(n),o(e,n)};t(gt,e=>{M(g).popups&&M(g).popups?.length>0&&e(_t)}),F(()=>{I(Q,`aria-label`,M(g).feedbackFormTitle),ee(Re,M(g).feedbackFormMessage),I(ze,`placeholder`,M(g).feedbackFormMessagePlaceholder),ee(He,M(g).feedbackFormEmail),I(Ue,`placeholder`,M(g).feedbackFormEmailPlaceholder)}),w(`submit`,Q,async()=>{}),o(e,r)};t(ne,e=>{H.initialized?e(G,-1):e(V)}),y(z),y(P);var K=L(P,2);return y(E),F(()=>{O=R(E,``,O,{"color-scheme":H.colorScheme}),I(K,`id`,se)}),o(r,E),d(S)}E(Ne,{data:{}},[],[],{mode:`open`});var Pe=j(`<iframe title="sidebar" id="sidebar" class="svelte-1uha8ag"></iframe>`),Fe=j(`<img class="preview-bg-image svelte-1uha8ag" alt="Preview background"/>`),Q=j(`<div id="chat-wrapper"><!> <div></div> <!> <div></div></div>`),Ie=j(`<div id="preview"><!> <!></div>`),Le={hash:`svelte-1uha8ag`,code:`html,
+    body {width:100%;height:100%;margin:0;padding:0;}#sidebar.svelte-1uha8ag {flex-shrink:0;width:378px;height:100%;border:none;}#preview.svelte-1uha8ag {display:flex;align-items:flex-start;justify-content:flex-start;width:100%;height:100%;&.components-preview,
+        &:has(.has-bg-image:where(.svelte-1uha8ag)) {height:auto;& #sidebar:where(.svelte-1uha8ag) {position:sticky;top:0;height:100vh;}}}#chat-wrapper.svelte-1uha8ag {container-name:preview-container;
+        /* stylelint-disable-next-line property-disallowed-list */container-type:size;width:100%;height:100%;}#chat-wrapper.svelte-1uha8ag liipgpt-chat {display:block;width:100%;height:100%;}#chat-wrapper.has-bg-image.svelte-1uha8ag {
+        /* stylelint-disable-next-line property-disallowed-list */container-type:inline-size;height:auto;min-height:100%;}.preview-bg-image.svelte-1uha8ag {display:block;width:100%;height:auto;pointer-events:none;user-select:none;}`};function $(n,l){m(l,!0),D(n,Le);let u=N(l,[`$$slots`,`$$events`,`$$legacy`,`$$host`]),f=_(()=>l.data);C(()=>{window.onmessage=function(e){typeof e.data==`string`&&e.data.startsWith(`liipgpt-url:`)&&ne(`?`+new URLSearchParams(e.data.replace(`liipgpt-url:`,``)).toString(),{replaceState:!0})}});let p=e=>`/build/${e}/liipgpt-${e}.iife.js`,h=e=>/\.(png|jpe?g|gif|webp|svg|bmp|ico)(\?.*)?$/i.test(e),ee=async e=>{e===`build`&&(await V(()=>import(p(`chat`)),[],import.meta.url),await V(()=>import(p(`button`)),[],import.meta.url)),e===`dev`&&(await V(()=>import(`../chunks/DopJiv6A.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url),await V(()=>import(`../chunks/DpTUJVdo.js`),__vite__mapDeps([12,1,3,4,5,7,8,10,11]),import.meta.url)),e===`server`&&(V(()=>import(K(l.data.options,`chat`)),[],import.meta.url),V(()=>import(K(l.data.options,`button`)),[],import.meta.url))},v=_(()=>l.data.options?.[`preview-mode`]?.value??`server`);C(()=>{ee(M(v))});let x=`./sidebar${G.url.search}`,w=r(void 0),E=r(void 0),k=(e,t)=>{let n=document.createElement(`script`),r=document.createTextNode(`{${t}}`);n.appendChild(r),e.replaceChildren(n)};C(()=>{M(w)&&k(M(w),M(f).options.CHAT_CONFIG_OVERRIDE.value||``)}),C(()=>{M(E)&&k(M(E),M(f).options.onclosechat.value||``)});let A=_(()=>M(f)&&M(f).options[`show-components`].value);var j=Ie();e(`1uha8ag`,e=>{var n=c(),r=b(n),i=e=>{S(()=>{O.title=`LiipGPT Configurator | Components`})},a=e=>{S(()=>{O.title=`LiipGPT Configurator`})};t(r,e=>{M(f).options[`show-components`].value?e(i,1):e(a,-1)}),o(e,n)});var R=T(j),re=e=>{var t=Pe();F(()=>I(t,`src`,x)),o(e,t)};t(R,e=>{M(f).options[`hide-sidebar`].value||e(re)}),B(L(R,2),()=>M(f),e=>{var n=c(),r=b(n),i=e=>{var t=c();a(b(t),{onerror:e=>console.error(`Rendering error of components`,e)},e=>{Ne(e,te(()=>u))}),o(e,t)},l=e=>{var n=Q();let r;var i=T(n),a=e=>{var n=c(),r=b(n),i=e=>{var t=Fe();F(()=>I(t,`src`,M(f).options[`preview-background`].value)),o(e,t)},a=_(()=>h(M(f).options[`preview-background`].value));t(r,e=>{M(a)&&e(i)}),o(e,n)};t(i,e=>{M(f).options.flyout.value&&M(f).options[`preview-background`].value&&e(a)});var l=L(i,2);P(l,e=>z(w,e),()=>M(w));var u=L(l,2);s(u,()=>q(M(f).options)),P(L(u,2),e=>z(E,e),()=>M(E)),y(n),F(e=>r=g(n,1,`svelte-1uha8ag`,null,r,e),[()=>({"has-bg-image":M(f).options.flyout.value&&M(f).options[`preview-background`].value&&h(M(f).options[`preview-background`].value)})]),o(e,n)};t(r,e=>{M(A)?e(i):e(l,-1)}),o(e,n)}),y(j),F(()=>g(j,1,i([{"components-preview":M(A)}]),`svelte-1uha8ag`)),o(n,j),d()}E($,{},[],[],{mode:`open`});export{$ as component};