@liip/liipgpt 3.5.8 → 3.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +26 -3
- package/button/liipgpt-button.iife.js +7 -7
- package/chat/liipgpt-chat.iife.js +8 -8
- package/config/index.cjs +15 -5
- package/config/index.d.ts +18 -0
- package/config/index.js +15 -5
- package/configurator/_app/env.js +1 -1
- package/configurator/_app/immutable/chunks/B2vNY6lx.js +143 -0
- package/configurator/_app/immutable/chunks/BGwzfQ_H.js +1 -0
- package/configurator/_app/immutable/chunks/BTwygYhA.js +1 -0
- package/configurator/_app/immutable/chunks/BmUm-Ak4.js +15 -0
- package/configurator/_app/immutable/chunks/{CTzwhpj8.js → BwV52vQs.js} +1 -1
- package/configurator/_app/immutable/chunks/C00ruT0L.js +3 -0
- package/configurator/_app/immutable/chunks/CFfgUb3G.js +16 -0
- package/configurator/_app/immutable/chunks/CKDKLu5Y.js +1 -0
- package/configurator/_app/immutable/chunks/CX0dfddQ.js +1 -0
- package/configurator/_app/immutable/chunks/CibALFW0.js +1 -0
- package/configurator/_app/immutable/chunks/CnzkQxWo.js +1 -0
- package/configurator/_app/immutable/chunks/CqCdl07t.js +1 -0
- package/configurator/_app/immutable/chunks/CqPRQdP7.js +2 -0
- package/configurator/_app/immutable/chunks/Ct405RO9.js +1 -0
- package/configurator/_app/immutable/chunks/DFBUyDYh.js +29 -0
- package/configurator/_app/immutable/chunks/DUr69vGU.js +1 -0
- package/configurator/_app/immutable/chunks/DV91TmsB.js +293 -0
- package/configurator/_app/immutable/chunks/DVeOoWpz.js +1 -0
- package/configurator/_app/immutable/chunks/Db3xJ3R_.js +1 -0
- package/configurator/_app/immutable/chunks/EDJuo58-.js +61 -0
- package/configurator/_app/immutable/chunks/MRyhzcyW.js +39 -0
- package/configurator/_app/immutable/chunks/qE7I_Q4N.js +5 -0
- package/configurator/_app/immutable/chunks/tFLMI64R.js +1 -0
- package/configurator/_app/immutable/chunks/zUel1ZW0.js +70 -0
- package/configurator/_app/immutable/entry/app.BS_BNglT.js +2 -0
- package/configurator/_app/immutable/entry/start.B8ApCMix.js +1 -0
- package/configurator/_app/immutable/nodes/0.D_2XXaJQ.js +157 -0
- package/configurator/_app/immutable/nodes/1.BnWVDJCZ.js +1 -0
- package/configurator/_app/immutable/nodes/{2.CLnAd2XI.js → 2.SUtdjb5A.js} +12 -11
- package/configurator/_app/immutable/nodes/3.Bo3t-YCM.js +952 -0
- package/configurator/_app/version.json +1 -1
- package/configurator/index.html +11 -10
- package/configurator/sidebar.html +11 -10
- package/index.cjs +15 -5
- package/index.d.ts +38 -2
- package/index.js +15 -5
- package/package.json +6 -1
- package/search-summary/liipgpt-search-summary.iife.js +421 -0
- package/configurator/_app/immutable/chunks/BdP-K7KO.js +0 -3
- package/configurator/_app/immutable/chunks/BxKMs1I8.js +0 -1
- package/configurator/_app/immutable/chunks/CTfJzKVa.js +0 -1
- package/configurator/_app/immutable/chunks/CWcBN6O4.js +0 -1
- package/configurator/_app/immutable/chunks/CZtIlAOR.js +0 -1
- package/configurator/_app/immutable/chunks/CaZV0epm.js +0 -1
- package/configurator/_app/immutable/chunks/CabPM0Ap.js +0 -331
- package/configurator/_app/immutable/chunks/D-Grdat-.js +0 -89
- package/configurator/_app/immutable/chunks/D4_PZTQK.js +0 -1
- package/configurator/_app/immutable/chunks/DOSn06Ce.js +0 -16
- package/configurator/_app/immutable/chunks/DUJlwB59.js +0 -15
- package/configurator/_app/immutable/chunks/IgoyT4Lq.js +0 -143
- package/configurator/_app/immutable/chunks/Nv9VA5OP.js +0 -1
- package/configurator/_app/immutable/entry/app.BAf4MomM.js +0 -2
- package/configurator/_app/immutable/entry/start.BcnC7b6j.js +0 -1
- package/configurator/_app/immutable/nodes/0.aATc5D3u.js +0 -157
- package/configurator/_app/immutable/nodes/1.DAZ8_HBw.js +0 -1
- package/configurator/_app/immutable/nodes/3.gGHjwkkz.js +0 -954
- /package/configurator/_app/immutable/chunks/{CNhGYG1q.js → Bo0U8J3e.js} +0 -0
- /package/configurator/_app/immutable/chunks/{D1hYfEew.js → CFKVnMbq.js} +0 -0
- /package/configurator/_app/immutable/chunks/{C8mohMXa.js → DjVmpym-.js} +0 -0
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
import{n as e}from"../chunks/CibALFW0.js";import{I as t,It as n,J as r,Lt as i,bt as a,i as o,jt as s,o as c,q as l}from"../chunks/C00ruT0L.js";import"../chunks/CFKVnMbq.js";import{r as u}from"../chunks/Ct405RO9.js";import{l as d,n as f,o as p,t as m}from"../chunks/zUel1ZW0.js";import"../chunks/DV91TmsB.js";import"../chunks/MRyhzcyW.js";import"../chunks/tFLMI64R.js";var h=async e=>await(await e(`https://liipgpt.api.dev.genai.liip.ch/configurator/api/all-org-names`)).json(),g=[`baselcitygpt`],_=async e=>{let t=await h(e).catch(e=>(console.error(`Error fetching org names:`,e),[]));t.push(`liipgpt`);let n=t.map(e=>g.includes(e)?[e,{dev:`https://${e}-dev-api.gpt.liip.ch/${e}`,prod:`https://${e}-api.gpt.liip.ch/${e}`}]:[e,{dev:`https://${e}.api.dev.genai.liip.ch/${e}`,prod:`https://${e}.api.prod.genai.liip.ch/${e}`}]);return Object.fromEntries(n)},v=`/**
|
|
2
|
+
* @type {import('@liip/liipgpt/config').ChatConfig} ChatConfig
|
|
3
|
+
*/
|
|
4
|
+
const CHAT_CONFIG_OVERRIDE = {
|
|
5
|
+
// showCloseChatButton: true,
|
|
6
|
+
// showContextInfo: true,
|
|
7
|
+
// showContextMenu: true,
|
|
8
|
+
// showOverallFeedbackButton: true,
|
|
9
|
+
// forcePredefinedQuestions: true, // hides the chat-input on the start-page, forcing the user to use predefined questions.
|
|
10
|
+
// forceChatPage: true, // starts the app directly on the chat-page and hides the "new discussion" button so the user can't go back to the start-page.
|
|
11
|
+
// showReferencesByDefault: true,
|
|
12
|
+
// showExpandedSelectors: true,
|
|
13
|
+
// showTextFeedback: false,
|
|
14
|
+
// inlineLayout: true,
|
|
15
|
+
// allowAudioInput: true,
|
|
16
|
+
// blockPII: false,
|
|
17
|
+
// questionPrefix: "url:https://example.com",
|
|
18
|
+
// translations: {},
|
|
19
|
+
// theme: {},
|
|
20
|
+
// renderKatex: true, // will use katex to render formulas
|
|
21
|
+
// reflectLanguageInPath: true,
|
|
22
|
+
// sendReferrer: true, // sends referrer path to backend for each question
|
|
23
|
+
// addRetrievalQuestionToUrlParams: true, // when true, adds the retrieval question to the URL search parameter
|
|
24
|
+
// forceConsent: true, // when true, forces the user to accept terms and conditions before using the chat
|
|
25
|
+
// askQuestionAgain: true, // when true, the answers of the bot will have an option to ask the corresponding question again
|
|
26
|
+
// enableBackdrop: true, // when true, shows a backdrop when flyout is opened
|
|
27
|
+
/*classification: {
|
|
28
|
+
impact: {
|
|
29
|
+
label: "Impact",
|
|
30
|
+
options: [
|
|
31
|
+
{ label: "Positive", value: 1 },
|
|
32
|
+
{ label: "Negative", value: 2 },
|
|
33
|
+
],
|
|
34
|
+
},
|
|
35
|
+
quality: {
|
|
36
|
+
label: "Quality",
|
|
37
|
+
options: [
|
|
38
|
+
{ label: "Good", value: 1 },
|
|
39
|
+
{ label: "Bad", value: 2 },
|
|
40
|
+
],
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
*/
|
|
44
|
+
/* selectorsConfig: [
|
|
45
|
+
{
|
|
46
|
+
settingName: "sources",
|
|
47
|
+
iconName: "sources", // Must match an SVG key in the theme
|
|
48
|
+
type: "multi-select",
|
|
49
|
+
values: [
|
|
50
|
+
"docs",
|
|
51
|
+
"web",
|
|
52
|
+
"files",
|
|
53
|
+
"docs long title",
|
|
54
|
+
"web long title ",
|
|
55
|
+
"files long title ",
|
|
56
|
+
"docs long title with overflow",
|
|
57
|
+
"web2",
|
|
58
|
+
"files2",
|
|
59
|
+
"docs2",
|
|
60
|
+
"web3",
|
|
61
|
+
"files3",
|
|
62
|
+
"docs3",
|
|
63
|
+
"web4",
|
|
64
|
+
"files4",
|
|
65
|
+
"docs4",
|
|
66
|
+
"web5",
|
|
67
|
+
"files5",
|
|
68
|
+
"docs5",
|
|
69
|
+
"web6",
|
|
70
|
+
"files6",
|
|
71
|
+
"docs6",
|
|
72
|
+
"web7",
|
|
73
|
+
],
|
|
74
|
+
defaultValues: ["docs", "web", "web2"], // Optional: pre-selected values
|
|
75
|
+
allowEmpty: false,
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
settingName: "model",
|
|
79
|
+
iconName: "model", // Must match an SVG key in the theme
|
|
80
|
+
type: "single-select",
|
|
81
|
+
values: ["gpt-4o-mini", "gpt-4o"],
|
|
82
|
+
defaultValues: ["gpt-4o"], // Optional: pre-selected value
|
|
83
|
+
allowEmpty: false,
|
|
84
|
+
},
|
|
85
|
+
],
|
|
86
|
+
*/
|
|
87
|
+
// parentPageContext: { extractSelectors: ["#preview-form"] }
|
|
88
|
+
// enableBackdrop: true,
|
|
89
|
+
// This will be needed for the alva confidence experiment
|
|
90
|
+
/*
|
|
91
|
+
contextVersion: 1,
|
|
92
|
+
messageAdditions: {
|
|
93
|
+
init: [
|
|
94
|
+
{
|
|
95
|
+
type: "component",
|
|
96
|
+
componentName: "alva-init",
|
|
97
|
+
hideAvatar: true,
|
|
98
|
+
noSectionPadding: true,
|
|
99
|
+
data: {},
|
|
100
|
+
},
|
|
101
|
+
],
|
|
102
|
+
|
|
103
|
+
bot: {
|
|
104
|
+
after: [
|
|
105
|
+
{
|
|
106
|
+
type: "component",
|
|
107
|
+
componentName: "alva-score-survey",
|
|
108
|
+
hideAvatar: true,
|
|
109
|
+
noSectionPadding: true,
|
|
110
|
+
data: {},
|
|
111
|
+
},
|
|
112
|
+
],
|
|
113
|
+
},
|
|
114
|
+
},
|
|
115
|
+
*/
|
|
116
|
+
};
|
|
117
|
+
|
|
118
|
+
window.CHAT_CONFIG_OVERRIDE = CHAT_CONFIG_OVERRIDE;
|
|
119
|
+
`,y=`<div
|
|
120
|
+
style="
|
|
121
|
+
display: flex;
|
|
122
|
+
flex-direction: column;
|
|
123
|
+
gap: 8px;
|
|
124
|
+
justify-content: center;
|
|
125
|
+
align-items: center;
|
|
126
|
+
width: 100%;
|
|
127
|
+
height: 100%;
|
|
128
|
+
background: linear-gradient(0deg, #1b181e 0%, #2a2440 90%);
|
|
129
|
+
"
|
|
130
|
+
>
|
|
131
|
+
<svg width="48" height="48" stroke="rgba(127, 127, 127, 0.4)" viewBox="0 0 24 24">
|
|
132
|
+
<g>
|
|
133
|
+
<circle cx="12" cy="12" r="9.5" fill="none" stroke-width="1" stroke-linecap="round">
|
|
134
|
+
<animate
|
|
135
|
+
attributeName="stroke-dasharray"
|
|
136
|
+
dur="1.3s"
|
|
137
|
+
calcMode="spline"
|
|
138
|
+
values="0 150;42 150;42 150;42 150"
|
|
139
|
+
keyTimes="0;0.475;0.7;1"
|
|
140
|
+
keySplines="0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1"
|
|
141
|
+
repeatCount="indefinite"
|
|
142
|
+
/>
|
|
143
|
+
<animate
|
|
144
|
+
attributeName="stroke-dashoffset"
|
|
145
|
+
dur="1.3s"
|
|
146
|
+
calcMode="spline"
|
|
147
|
+
values="0;-2;-59;-59"
|
|
148
|
+
keyTimes="0;0.475;0.98;1"
|
|
149
|
+
keySplines="0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1"
|
|
150
|
+
repeatCount="indefinite"
|
|
151
|
+
/>
|
|
152
|
+
</circle>
|
|
153
|
+
<animateTransform attributeName="transform" type="rotate" dur="1.6s" values="0 12 12;360 12 12" repeatCount="indefinite" />
|
|
154
|
+
</g>
|
|
155
|
+
</svg>
|
|
156
|
+
</div>
|
|
157
|
+
`,b={"api-org":{type:`string`,values:[],value:`liipgpt`,description:`Select the organization to to get the API URL`},"prod-api":{type:`boolean`,value:!1,description:`Select to use the production API URL`},"api-url":{type:`string`,required:!0,value:d,description:``},lang:{type:`string`,values:[`en`,`de`,`fr`,`it`],value:`en`,description:`Initial language of the embed.`},"chat-class":{type:`string`,value:``,description:`This is the class attribute of the chat-app container. With this the chat appearance can be customized.`},"inline-layout":{type:`boolean`,value:!1,description:"If set, the layout will be updated to fit into other website layouts: forces 100vh height and scrolls into view on interactions. Per-instance override of the backend's `inlineLayout` config."},flyout:{type:`boolean`,value:!1,description:`If set the chat will be put in a default flyout container.`},"force-chat-page":{type:`boolean`,value:!1,description:'If set, the app starts directly on the chat-page (skipping the start-page) and the "new discussion" button is hidden. Per-instance override of the backend\'s `forceChatPage` config.'},"autofire-predefined-question-id":{type:`string`,value:``,description:'When set, the app routes directly to the chat-page on init and auto-submits the predefined question with the given id. Per-instance only (no backend config equivalent). Composes with `force-chat-page` to also hide the "new discussion" button.'},"flyout-style":{type:`string`,value:`width: 400px; height: 600px;`,description:`This is the style attribute of the flyout container. With this the flyout size and position can be customized.`},"flyout-class":{type:`string`,value:`custom-flyout-class`,description:`This is the class attribute of the flyout container. With this the flyout size and position can be customized.`},"button-class":{type:`string`,value:``,description:"This is the class attribute of the `<liipgpt-button>` link button. Only used when `show-link-button` is set."},"button-style":{type:`string`,value:``,description:"This is the style attribute of the `<liipgpt-button>` link button. Only used when `show-link-button` is set."},"loader-background":{type:`string`,value:`linear-gradient(0deg, #1B181E 0%, #2A2440 90%)`,description:`This is the background color of the loading spinner.`},"loader-color":{type:`string`,value:`#9C92EE`,description:`This is the color of the loading spinner.`},"custom-loader":{type:`string`,value:y,description:`This is an example how you can provide a custom loading spinner when the chat is loading.`},onclosechat:{type:`string`,value:`document.querySelector("liipgpt-chat").addEventListener("closechat", () => console.log("received: closechat"));`,description:`This is the event listener create a custom handler to the closechat event. RELOAD the page to avoid multiple listeners.`},cdn:{type:`boolean`,value:!0,description:`When set, a fixed CDN URL will be used. Instead of providing the code from the backend.`},"use-sri":{type:`boolean`,value:!1,description:`When enabled, generates embed code with a fixed versioned URL and Subresource Integrity (SRI) hash for stricter security.`},CHAT_CONFIG_OVERRIDE:{type:`string`,value:v,description:`This is only for demo purposes and should not be used in production. RELOAD the page to see the effects.`},"preview-components":{type:`boolean`,value:!1,description:`Previews all the components for designing purposes.`},"hide-sidebar":{type:`boolean`,value:!1,description:``},"preview-background":{type:`string`,value:``,description:`Enter an image URL (.png, .jpg, .webp) for a static background`},"preview-form":{type:`boolean`,value:!1,description:`When true and flyout active it will show a form on the parent page which can be used to demo page context extraction.`},"use-chat-config":{type:`boolean`,value:!1,description:`Enable chatconfig mode: theme and translations are loaded from /chatconfig. Required for FORCE-THEME. When disabled, use the disclaimer slot and HOST-CSS instead.`},"host-css":{type:`string`,value:p,description:`Host-page CSS for the widget and slot buttons. Use a host class as the anchor (e.g. .your-custom-class-wrapper .search-summary). The class is inferred from this CSS and applied to <liipgpt-search-summary class="…"> in the embed snippet.`},"opt-in":{type:`boolean`,value:!0,description:`Show an opt-in gate before streaming. Consent is persisted in localStorage. When enabled in Host CSS mode, also reveals DISCLAIMER-SLOT below.`},"disclaimer-slot":{type:`string`,required:!0,value:f,description:`Inner HTML for the <div slot="disclaimer"> injected into the embed code (when OPT-IN is enabled, Host CSS mode only).`},height:{type:`string`,value:`280`,description:`Collapsed widget height before expand. Use a pixel number (e.g. 280) or any CSS height value (e.g. calc(30svh - 30px)).`},"buttons-slots":{type:`string`,value:m,description:`HTML for the action slot buttons injected into the embed code (Host CSS mode only). Use class names that match HOST-CSS. Clear to omit slot buttons.`}},x=async e=>{let t=await _(e),n=b;return n[`api-org`].values=Object.keys(t),{optionsDefinition:n,apiUrls:t}},S=e({load:()=>E,prerender:()=>!0,ssr:()=>!1}),C=(e,t)=>{let n=structuredClone(e);return Object.entries(e).forEach(([r,i])=>{let a=t.get(r);i.type===`boolean`&&(n[r].required=!0),a===null?i.required?n[r].value=e[r].value:n[r].value=void 0:(i.type===`boolean`&&(n[r].value=a!==`false`),i.type===`string`&&(n[r].value=String(a)))}),n},w,T=e=>{let t=new URLSearchParams(e);return t.has(`show-components`)&&!t.has(`preview-components`)&&(t.set(`preview-components`,t.get(`show-components`)),t.delete(`show-components`)),t},E=async({url:e,fetch:t})=>{let{optionsDefinition:n,apiUrls:r}=await x(t),i=C(n,T(e.searchParams)),a=!!(w&&w[`api-org`].value!==i[`api-org`].value),o=!!(w&&w[`prod-api`].value!==i[`prod-api`].value),s=e.searchParams.has(`api-url`);if(i[`api-org`].value&&(!w||a||o)&&(a||o||!s)){let e=r[i[`api-org`].value];i[`api-url`].value=i[`prod-api`].value?e.prod:e.dev}return w=i,{optionsDefinition:n,options:i,embedTab:u(e.searchParams)}};function D(e,o){i(o,!0);let u=c(o,`children`,7);var d={get children(){return u()},set children(e){u(e),s()}},f=r();return t(a(f),u),l(e,f),n(d)}o(D,{children:{}},[],[],{mode:`open`});export{D as component,S as universal};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{G as e,It as t,Lt as n,Wt as r,Y as i,bt as a,i as o,l as s,pt as c,q as l,xt as u,yt as d}from"../chunks/C00ruT0L.js";import"../chunks/CKDKLu5Y.js";import"../chunks/Bo0U8J3e.js";import"../chunks/CFKVnMbq.js";import"../chunks/DVeOoWpz.js";import{t as f}from"../chunks/BwV52vQs.js";var p=i(`<h1> </h1> <p> </p>`,1);function m(i,o){n(o,!1),s();var m=p(),h=a(m),g=d(h,!0);r(h);var _=u(h,2),v=d(_,!0);r(_),c(()=>{e(g,f.status),e(v,f.error?.message)}),l(i,m),t()}o(m,{},[],[],{mode:`open`});export{m as component};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../chunks/
|
|
2
|
-
import{A as e,B as t,
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../chunks/BGwzfQ_H.js","../chunks/CFfgUb3G.js","../chunks/EDJuo58-.js","../chunks/C00ruT0L.js","../chunks/CibALFW0.js","../chunks/MRyhzcyW.js","../chunks/CX0dfddQ.js","../chunks/DUr69vGU.js","../chunks/DjVmpym-.js","../chunks/DFBUyDYh.js","../chunks/DV91TmsB.js","../chunks/CqCdl07t.js","../chunks/B2vNY6lx.js","../chunks/Db3xJ3R_.js","../chunks/CFKVnMbq.js","../chunks/DVeOoWpz.js","../chunks/Bo0U8J3e.js","../chunks/BmUm-Ak4.js","../chunks/BTwygYhA.js","../chunks/CqPRQdP7.js","../chunks/tFLMI64R.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{A as e,B as t,E as n,Et as r,G as i,H as a,It as o,J as s,Kt as c,Lt as l,M as u,O as d,Ot as f,R as p,T as m,Ut as h,V as g,Wt as _,Y as v,_t as y,at as b,b as x,bt as S,c as C,ct as ee,i as w,jt as T,k as E,kt as D,mt as O,nt as k,o as A,pt as j,q as M,s as te,u as N,ut as P,v as F,w as I,wt as L,xt as R,yt as z,z as B}from"../chunks/C00ruT0L.js";import{t as V}from"../chunks/CKDKLu5Y.js";import"../chunks/Bo0U8J3e.js";import{t as H}from"../chunks/DjVmpym-.js";import"../chunks/CFKVnMbq.js";import{a as U,c as W,r as G,s as ne}from"../chunks/zUel1ZW0.js";import"../chunks/DV91TmsB.js";import"../chunks/DFBUyDYh.js";import"../chunks/MRyhzcyW.js";import"../chunks/tFLMI64R.js";import"../chunks/DVeOoWpz.js";import{t as re}from"../chunks/BwV52vQs.js";import{t as K}from"../chunks/qE7I_Q4N.js";import{n as q,t as J}from"../chunks/EDJuo58-.js";import"../chunks/CX0dfddQ.js";import{n as Y,r as X}from"../chunks/DUr69vGU.js";import{R as Z,a as ie,c as ae,d as oe,h as se,i as ce,l as le,n as ue,o as de,r as fe,s as pe,t as me,u as he,z as ge}from"../chunks/CFfgUb3G.js";var _e=v(`<div class="swatch svelte-1inuijp"><div class="swatch__color svelte-1inuijp"></div> <div class="swatch__label svelte-1inuijp"> </div></div>`),ve={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;
|
|
3
3
|
|
|
4
4
|
@media (min-width: 768px) {display:block;
|
|
5
|
-
}}`};function
|
|
5
|
+
}}`};function ye(e,t){l(t,!1),E(e,ve);let n=A(t,`name`,12),r=A(t,`key`,12),a=A(t,`value`,12);var s={get name(){return n()},set name(e){n(e),T()},get key(){return r()},set key(e){r(e),T()},get value(){return a()},set value(e){a(e),T()}},c=_e(),u=z(c),d=R(u,2),f=z(d,!0);return _(d),_(c),j(()=>{F(c,`title`,`Color ${r()}: ${a()}`),I(u,`background-color: var(--color-${n()??``}-${r()??``});`),i(f,r())}),M(e,c),o(s)}w(ye,{name:{},key:{},value:{}},[],[],{mode:`open`});var be=v(`<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 xe(e){M(e,be())}w(xe,{},[],[],{mode:`open`});var Se=v(`<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
|
|
6
6
|
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
|
|
7
7
|
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
|
|
8
8
|
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{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,
|
|
|
10
10
|
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
|
|
11
11
|
enim in elit vulputate finibus ac in arcu. Donec venenatis tempus facilisis. Lorem ipsum dolor sit amet sed sed enim in elit vulputate
|
|
12
12
|
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
|
|
13
|
-
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),
|
|
13
|
+
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),Ce={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 we(e){E(e,Ce);var t=Se();h(30),M(e,t)}w(we,{},[],[],{mode:`open`});var Te=[{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`,noFeedback:!1,message:{markdown:`Leider kann ich Ihnen bei der Frage nach "test" nicht weiterhelfen, da die Informationen dazu nicht in den gelieferten Inhalten enthalten sind.
|
|
14
14
|
|
|
15
15
|
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].
|
|
16
16
|
|
|
@@ -22,9 +22,9 @@ Bitte lassen Sie mich wissen, ob Sie weitere Informationen zu einem bestimmten T
|
|
|
22
22
|
<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="{"url":"https://www.liip.ch/en/blog/how-to-test-your-gutenberg-blocks","considered":true,"referencesIndex":{"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"}}}" data-used-index="1" data-all-index="3"></liipgpt-reference-number>. </p>
|
|
23
23
|
<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="{"url":"https://www.liip.ch/en/blog/debugging-email-on-staging-server","considered":true,"referencesIndex":{"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"}}}" data-used-index="2" data-all-index="2"></liipgpt-reference-number>. </p>
|
|
24
24
|
<p>Bitte lassen Sie mich wissen, ob Sie weitere Informationen zu einem bestimmten Thema wünschen! </p>
|
|
25
|
-
`,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:{de:`Was ist deine Lieblings<b>frucht</b>?`,en:`What is your favorite <b>fruit</b>?`,fr:`Quel est ton <b>fruit</b> préféré ?`,it:`Qual è il tuo <b>frutto</b> preferito?`},placeholder:{de:`Frucht suchen`,en:`Search a fruit`,fr:`Rechercher un fruit`,it:`Cerca un frutto`},values:[{value:`mango`,label:{de:`Mango`,en:`Mango`,fr:`Mangue`,it:`Mango`}},{value:`watermelon`,label:{de:`Wassermelone`,en:`Watermelon`,fr:`Pastèque`,it:`Anguria`}},{value:`apple`,label:{de:`Apfel`,en:`Apple`,fr:`Pomme`,it:`Mela`}},{value:`pineapple`,label:{de:`Ananas`,en:`Pineapple`,fr:`Ananas`,it:`Ananas`}},{value:`orange`,label:{de:`Orange`,en:`Orange`,fr:`Orange`,it:`Arancia`}},{value:`grape`,label:{de:`Traube`,en:`Grape`,fr:`Raisin`,it:`Uva`}},{value:`strawberry`,label:{de:`Erdbeere`,en:`Strawberry`,fr:`Fraise`,it:`Fragola`}},{value:`banana`,label:{de:`Banane`,en:`Banana`,fr:`Banane`,it:`Banana`}},{value:`kiwi`,label:{de:`Kiwi`,en:`Kiwi`,fr:`Kiwi`,it:`Kiwi`}},{value:`peach`,label:{de:`Pfirsich`,en:`Peach`,fr:`Pêche`,it:`Pesca`}},{value:`cherry`,label:{de:`Kirsche`,en:`Cherry`,fr:`Cerise`,it:`Ciliegia`}},{value:`blueberry`,label:{de:`Heidelbeere`,en:`Blueberry`,fr:`Myrtille`,it:`Mirtillo`}},{value:`raspberry`,label:{de:`Himbeere`,en:`Raspberry`,fr:`Framboise`,it:`Lampone`}},{value:`blackberry`,label:{de:`Brombeere`,en:`Blackberry`,fr:`Mûre`,it:`Mora`}},{value:`plum`,label:{de:`Pflaume`,en:`Plum`,fr:`Prune`,it:`Prugna`}},{value:`apricot`,label:{de:`Aprikose`,en:`Apricot`,fr:`Abricot`,it:`Albicocca`}},{value:`pear`,label:{de:`Birne`,en:`Pear`,fr:`Poire`,it:`Pera`}},{value:`grapefruit`,label:{de:`Grapefruit`,en:`Grapefruit`,fr:`Pamplemousse`,it:`Pompelmo`}}],removeComponentAfterValueSelection:!0,selectorKey:`fruit`}},{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`}]}}],
|
|
25
|
+
`,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:{de:`Was ist deine Lieblings<b>frucht</b>?`,en:`What is your favorite <b>fruit</b>?`,fr:`Quel est ton <b>fruit</b> préféré ?`,it:`Qual è il tuo <b>frutto</b> preferito?`},placeholder:{de:`Frucht suchen`,en:`Search a fruit`,fr:`Rechercher un fruit`,it:`Cerca un frutto`},values:[{value:`mango`,label:{de:`Mango`,en:`Mango`,fr:`Mangue`,it:`Mango`}},{value:`watermelon`,label:{de:`Wassermelone`,en:`Watermelon`,fr:`Pastèque`,it:`Anguria`}},{value:`apple`,label:{de:`Apfel`,en:`Apple`,fr:`Pomme`,it:`Mela`}},{value:`pineapple`,label:{de:`Ananas`,en:`Pineapple`,fr:`Ananas`,it:`Ananas`}},{value:`orange`,label:{de:`Orange`,en:`Orange`,fr:`Orange`,it:`Arancia`}},{value:`grape`,label:{de:`Traube`,en:`Grape`,fr:`Raisin`,it:`Uva`}},{value:`strawberry`,label:{de:`Erdbeere`,en:`Strawberry`,fr:`Fraise`,it:`Fragola`}},{value:`banana`,label:{de:`Banane`,en:`Banana`,fr:`Banane`,it:`Banana`}},{value:`kiwi`,label:{de:`Kiwi`,en:`Kiwi`,fr:`Kiwi`,it:`Kiwi`}},{value:`peach`,label:{de:`Pfirsich`,en:`Peach`,fr:`Pêche`,it:`Pesca`}},{value:`cherry`,label:{de:`Kirsche`,en:`Cherry`,fr:`Cerise`,it:`Ciliegia`}},{value:`blueberry`,label:{de:`Heidelbeere`,en:`Blueberry`,fr:`Myrtille`,it:`Mirtillo`}},{value:`raspberry`,label:{de:`Himbeere`,en:`Raspberry`,fr:`Framboise`,it:`Lampone`}},{value:`blackberry`,label:{de:`Brombeere`,en:`Blackberry`,fr:`Mûre`,it:`Mora`}},{value:`plum`,label:{de:`Pflaume`,en:`Plum`,fr:`Prune`,it:`Prugna`}},{value:`apricot`,label:{de:`Aprikose`,en:`Apricot`,fr:`Abricot`,it:`Albicocca`}},{value:`pear`,label:{de:`Birne`,en:`Pear`,fr:`Poire`,it:`Pera`}},{value:`grapefruit`,label:{de:`Grapefruit`,en:`Grapefruit`,fr:`Pamplemousse`,it:`Pompelmo`}}],removeComponentAfterValueSelection:!0,selectorKey:`fruit`}},{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`}]}}],Ee=v(`<link rel="stylesheet"/>`),De=v(`<!> <!> <!> <!> <!>`,1),Oe=v(`<div class="context-menu svelte-1vjvg2x"><!></div>`),ke=v(`<div class="chat-app__loader-container">Loading...</div>`),Ae=v(`<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>`),je=v(`<p>No popup at index 1 defined.</p>`),Me=v(`<div class="container text-container" style="padding-bottom: 200px;"><hr/> <h2>Popups</h2> <!></div>`),Ne=v(`<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
|
|
26
26
|
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
|
|
27
|
-
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),Ae=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>`),je={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 Me(r,i){m(i,!0),D(r,je);let a=k(i,`data`,7),g=_(()=>W.t);w(()=>{let e={lang:a().options.lang.value,forceTheme:a().options?.[`force-theme`]?.value,apiUrl:a().options[`api-url`].value,features:``};A(()=>U.init(e).catch(e=>{console.error(`Failed to init chat logic`,e)}))});let ee=xe;var C={get data(){return a()},set data(e){a(e),p()}},E=Ae();e(`1vjvg2x`,e=>{var n=c(),r=x(n),i=e=>{var t=Ce(),n=x(t);l(n,17,()=>W.themeBase.fontURLs??[],h,(e,t)=>{var n=Se();F(()=>I(n,`href`,M(t))),o(e,n)});var r=L(n,2);G(r,{id:`font-css`,get css(){return W.themeBase.fontCSS}});var i=L(r,2);{let e=_(()=>K(W.theme));G(i,{id:`theme-css`,get css(){return M(e)}})}var a=L(i,2);G(a,{id:`app-css`,get css(){return le}}),G(L(a,2),{id:`custom-css`,get css(){return W.themeBase.customCSS}}),o(e,t)};t(r,e=>{W.initialized&&e(i)}),o(e,n)});let O;var j=T(E),N=e=>{var t=we();ue(T(t),{}),b(t),o(e,t)};t(j,e=>{W.initialized&&e(N)});var P=L(j,2),z=T(P),B=T(z);f(B,(e,t)=>ne?.(e,t),()=>`portals`);var V=L(B,2),H=e=>{var t=Te();u(2,t,()=>pe,()=>({duration:200,delay:300})),o(e,t)},q=e=>{var r=ke(),i=x(r),a=L(T(i),8),u=T(a),d=e=>{var t=c();l(x(t),17,()=>Object.entries(W.theme.colors.brand),h,(e,t)=>{var n=_(()=>y(M(t),2));let r=()=>M(n)[0],i=()=>M(n)[1];he(e,{name:`brand`,get key(){return r()},get value(){return i()}})}),o(e,t)};t(u,e=>{W.theme.colors?.brand&&e(d)}),b(a);var f=L(a,4),p=T(f),m=e=>{var t=c();l(x(t),17,()=>Object.entries(W.theme.colors.highlight),h,(e,t)=>{var n=_(()=>y(M(t),2));let r=()=>M(n)[0],i=()=>M(n)[1];he(e,{name:`highlight`,get key(){return r()},get value(){return i()}})}),o(e,t)};t(p,e=>{W.theme?.colors?.highlight&&e(m)}),b(f);var C=L(f,4),w=T(C),E=e=>{var t=c();l(x(t),17,()=>Object.entries(W.theme.colors.grey),h,(e,t)=>{var n=_(()=>y(M(t),2));let r=()=>M(n)[0],i=()=>M(n)[1];he(e,{name:`grey`,get key(){return r()},get value(){return i()}})}),o(e,t)};t(w,e=>{W.theme?.colors?.grey&&e(E)}),b(C),b(i);var D=L(i,4),O=L(T(D),8),k=T(O);X(k,{name:`avatar`,class:`introduction__avatar`}),X(L(k,2),{name:`avatar`,class:`message__bot-avatar`}),b(O);var A=L(O,4);ce(A,{onSubmit:()=>{},avoidFocusOnMount:!0});var j=L(A,2),N=T(j);se(N,{predefinedQuestion:{id:`preview-1`,label:`Question one`,question:``},onSubmit:()=>{},index:0});var P=L(N,2);se(P,{predefinedQuestion:{id:`preview-2`,label:`Question two`,question:``},onSubmit:()=>{},index:1}),se(L(P,2),{predefinedQuestion:{id:`preview-3`,label:`Question three`,question:``},onSubmit:()=>{},index:2}),b(j);var R=L(j,4),z=T(R),B=T(z);de(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 V=L(B,2);de(V,{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}}}),de(L(V,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}}}),b(z),b(R);var H=L(R,2),U=T(H),G=L(T(U));S(G,`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`}}})),S(G,`data-used-index`,`1`),S(G,`data-all-index`,`3`),n(),b(U),b(H);var K=L(H,2),q=T(K),J=T(q);X(L(T(J),2),{name:`externalLink`,class:`reference__icon transition-colors`}),b(J),n(4),b(q),b(K);var Y=L(K,4),ne=T(Y),ae=T(ne);re(ae,{});var le=L(ae,2);ue(le,{});var pe=L(le,2);{let e=_(()=>M(g).aboutThisChat||``);fe(pe,{get content(){return M(e)}})}me(L(pe,2),{onclick:()=>{}}),b(ne),b(Y);var Z=L(Y,4),Q=T(Z),ge=T(Q);X(T(ge),{name:`externalLink`}),n(2),b(ge),b(Q);var ve=L(Q,4),ye=L(T(ve),2),xe=T(ye);X(T(xe),{name:`internalLink`}),n(2),b(xe);var Se=L(xe,2);X(T(Se),{name:`internalLink`}),n(2),b(Se);var Ce=L(Se,2);X(T(Ce),{name:`internalLink`}),n(2),b(Ce);var we=L(Ce,2);X(T(we),{name:`internalLink`}),n(2),b(we),b(ye),b(ve);var Te=L(ve,4),Ae=T(Te),je=T(Ae);X(T(je),{name:`lightMode`}),n(2),b(je);var Me=L(je,4);X(T(Me),{name:`darkMode`}),n(2),b(Me),b(Ae),b(Te),b(Z);var Ne=L(Z,4),Pe=L(T(Ne),2),$=T(Pe),Fe=T($);ie(Fe,{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 Ie=L(Fe,2),Le=T(Ie),Re=T(Le,!0);b(Le);var ze=L(Le,2);b(Ie);var Be=L(Ie,2),Ve=T(Be),He=T(Ve,!0);b(Ve);var Ue=L(Ve,2);b(Be),b($),b(Pe),b(Ne),n(4),b(D);var We=L(D,2);_e(L(T(We),4),{}),b(We);var Ge=L(We,4);l(Ge,21,()=>ee,h,(e,t,n)=>{oe(e,{get message(){return M(t)},index:n,onmessageupdate:()=>{},onbotmessageinit:()=>{},onaskQuestion:()=>{}})}),b(Ge);var Ke=L(Ge,2),qe=L(T(Ke),4);be(qe,{});var Je=L(qe,6),Ye=T(Je);X(Ye,{name:`predefinedQuestion`});var Xe=L(Ye,2);X(Xe,{name:`edit`});var Ze=L(Xe,2);X(Ze,{name:`newConversation`});var Qe=L(Ze,2);X(Qe,{name:`voteUp`});var $e=L(Qe,2);X($e,{name:`voteDown`});var et=L($e,2);X(et,{name:`retry`});var tt=L(et,2);X(tt,{name:`message`});var nt=L(tt,2);X(nt,{name:`thread`});var rt=L(nt,2);X(rt,{name:`submit`});var it=L(rt,2);X(it,{name:`expand`});var at=L(it,2);X(at,{name:`help`});var ot=L(at,2);X(ot,{name:`attach`});var st=L(ot,2);X(st,{name:`record`});var ct=L(st,2);X(ct,{name:`reward`});var lt=L(ct,2);X(lt,{name:`share`});var ut=L(lt,2);X(ut,{name:`audio`});var dt=L(ut,2);X(dt,{name:`copy`});var ft=L(dt,2);X(ft,{name:`dismiss`});var pt=L(ft,2);X(pt,{name:`menu`});var mt=L(pt,2);X(mt,{name:`listUnordered`});var ht=L(mt,2);X(ht,{name:`lightMode`}),X(L(ht,2),{name:`darkMode`}),b(Je),b(Ke);var gt=L(Ke,2),_t=e=>{var n=Oe(),r=L(T(n),4),i=e=>{var t=Ee(),n=T(t),r=T(n);s(r,()=>M(g).popups[1].title,!0),b(r);var i=L(r,2);X(L(T(i),2),{name:`dismiss`}),b(i),b(n);var a=L(n,2);s(a,()=>M(g).popups[1].content,!0),b(a),b(t),o(e,t)},a=e=>{o(e,De())};t(r,e=>{M(g).popups?.[1]?e(i):e(a,-1)}),b(n),o(e,n)};t(gt,e=>{M(g).popups&&M(g).popups?.length>0&&e(_t)}),F(()=>{I($,`aria-label`,M(g).feedbackFormTitle),v(Re,M(g).feedbackFormMessage),I(ze,`placeholder`,M(g).feedbackFormMessagePlaceholder),v(He,M(g).feedbackFormEmail),I(Ue,`placeholder`,M(g).feedbackFormEmailPlaceholder)}),te(`submit`,$,async()=>{}),o(e,r)};t(V,e=>{W.initialized?e(q,-1):e(H)}),b(z),b(P);var J=L(P,2);return b(E),F(()=>{O=R(E,``,O,{"color-scheme":W.colorScheme}),I(J,`id`,ae)}),o(r,E),d(C)}E(Me,{data:{}},[],[],{mode:`open`});var Ne=j(`<iframe title="sidebar" id="sidebar" class="svelte-1uha8ag"></iframe>`),Pe=j(`<div id="preview-form" style="font-family: system-ui, sans-serif; color: #1a1a1a; line-height: 1.6; padding: 0 1.5rem 2rem;" class="svelte-1uha8ag"><div style="border-bottom: 4px solid #888; padding: 0.75rem 0;"></div> <h1 style="font-size: 1.5rem; font-weight: 400; margin: 1.5rem 0 0.5rem;">Recht & Justiz</h1> <div style="display: flex; gap: 1.5rem; border-bottom: 1px solid #ddd; margin-bottom: 1.5rem;"><span style="padding: 0.5rem 0; color: #666; cursor: pointer;">Übersicht</span> <span style="padding: 0.5rem 0; border-bottom: 2px solid #1a1a1a; font-weight: 600; cursor: pointer;">Beglaubigungen</span></div> <div style="display: flex; gap: 2.5rem; align-items: flex-start;"><div style="flex: 1; min-width: 0;"><h2 style="font-size: 1.75rem; font-weight: 700; margin: 0 0 1rem;">Notarielle Beglaubigung anmelden</h2> <p style="margin: 0 0 1rem; color: #444;">Los geht's. Sie können beim Bearbeiten Ihrer Anmeldung jederzeit pausieren oder einen Schritt
|
|
27
|
+
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),Pe=v(`<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>`),Fe={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 Q(n,r){l(r,!0),E(n,Fe);let m=A(r,`data`,7),g=f(()=>Y.t);O(()=>{let e={lang:m().options.lang.value,forceTheme:m().options?.[`force-theme`]?.value,apiUrl:m().options[`api-url`].value,features:``};ee(()=>X.init(e).catch(e=>{console.error(`Failed to init chat logic`,e)}))});let v=Te;var y={get data(){return m()},set data(e){m(e),T()}},C=Pe();e(`1vjvg2x`,e=>{var n=s(),r=S(n),i=e=>{var n=De(),r=S(n);B(r,17,()=>Y.themeBase.fontURLs??[],t,(e,t)=>{var n=Ee();j(()=>F(n,`href`,b(t))),M(e,n)});var i=R(r,2);q(i,{id:`font-css`,get css(){return Y.themeBase.fontCSS}});var a=R(i,2);{let e=f(()=>J(Y.theme));q(a,{id:`theme-css`,get css(){return b(e)}})}var o=R(a,2);q(o,{id:`app-css`,get css(){return ue}}),q(R(o,2),{id:`custom-css`,get css(){return Y.themeBase.customCSS}}),M(e,n)};a(r,e=>{Y.initialized&&e(i)}),M(e,n)});let w;var D=z(C),te=e=>{var t=Oe();de(z(t),{}),_(t),M(e,t)};a(D,e=>{Y.initialized&&e(te)});var N=R(D,2),P=z(N),L=z(P);d(L,(e,t)=>ge?.(e,t),()=>`portals`);var V=R(L,2),H=e=>{var t=ke();u(2,t,()=>me,()=>({duration:200,delay:300})),M(e,t)},U=e=>{var n=Ne(),r=S(n),o=R(z(r),8),l=z(o),u=e=>{var n=s();B(S(n),17,()=>Object.entries(Y.theme.colors.brand),t,(e,t)=>{var n=f(()=>c(b(t),2));let r=()=>b(n)[0],i=()=>b(n)[1];ye(e,{name:`brand`,get key(){return r()},get value(){return i()}})}),M(e,n)};a(l,e=>{Y.theme.colors?.brand&&e(u)}),_(o);var d=R(o,4),m=z(d),y=e=>{var n=s();B(S(n),17,()=>Object.entries(Y.theme.colors.highlight),t,(e,t)=>{var n=f(()=>c(b(t),2));let r=()=>b(n)[0],i=()=>b(n)[1];ye(e,{name:`highlight`,get key(){return r()},get value(){return i()}})}),M(e,n)};a(m,e=>{Y.theme?.colors?.highlight&&e(y)}),_(d);var C=R(d,4),ee=z(C),w=e=>{var n=s();B(S(n),17,()=>Object.entries(Y.theme.colors.grey),t,(e,t)=>{var n=f(()=>c(b(t),2));let r=()=>b(n)[0],i=()=>b(n)[1];ye(e,{name:`grey`,get key(){return r()},get value(){return i()}})}),M(e,n)};a(ee,e=>{Y.theme?.colors?.grey&&e(w)}),_(C),_(r);var T=R(r,4),E=R(z(T),8),D=z(E);Z(D,{name:`avatar`,class:`introduction__avatar`}),Z(R(D,2),{name:`avatar`,class:`message__bot-avatar`}),_(E);var O=R(E,4);le(O,{onSubmit:()=>{},avoidFocusOnMount:!0});var A=R(O,2),te=z(A);ce(te,{predefinedQuestion:{id:`preview-1`,label:`Question one`,question:``},onSubmit:()=>{},index:0});var N=R(te,2);ce(N,{predefinedQuestion:{id:`preview-2`,label:`Question two`,question:``},onSubmit:()=>{},index:1}),ce(R(N,2),{predefinedQuestion:{id:`preview-3`,label:`Question three`,question:``},onSubmit:()=>{},index:2}),_(A);var P=R(A,4),I=z(P),L=z(I);fe(L,{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 V=R(L,2);fe(V,{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}}}),fe(R(V,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}}}),_(I),_(P);var H=R(P,2),U=z(H),W=R(z(U));x(W,`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(W,`data-used-index`,`1`),x(W,`data-all-index`,`3`),h(),_(U),_(H);var G=R(H,2),ne=z(G),re=z(ne);Z(R(z(re),2),{name:`externalLink`,class:`reference__icon transition-colors`}),_(re),h(4),_(ne),_(G);var K=R(G,4),q=z(K),J=z(q);ie(J,{});var X=R(J,2);de(X,{});var oe=R(X,2);{let e=f(()=>b(g).aboutThisChat||``);pe(oe,{get content(){return b(e)}})}he(R(oe,2),{onclick:()=>{}}),_(q),_(K);var ue=R(K,4),me=z(ue),ge=z(me);Z(z(ge),{name:`externalLink`}),h(2),_(ge),_(me);var _e=R(me,4),ve=R(z(_e),2),be=z(ve);Z(z(be),{name:`internalLink`}),h(2),_(be);var Se=R(be,2);Z(z(Se),{name:`internalLink`}),h(2),_(Se);var Ce=R(Se,2);Z(z(Ce),{name:`internalLink`}),h(2),_(Ce);var Te=R(Ce,2);Z(z(Te),{name:`internalLink`}),h(2),_(Te),_(ve),_(_e);var Ee=R(_e,4),De=z(Ee),Oe=z(De);Z(z(Oe),{name:`lightMode`}),h(2),_(Oe);var ke=R(Oe,4);Z(z(ke),{name:`darkMode`}),h(2),_(ke),_(De),_(Ee),_(ue);var Pe=R(ue,4),Fe=R(z(Pe),2),Q=z(Fe),Ie=z(Q);ae(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=R(Ie,2),Re=z(Le),ze=z(Re,!0);_(Re);var Be=R(Re,2);_(Le);var Ve=R(Le,2),$=z(Ve),He=z($,!0);_($);var Ue=R($,2);_(Ve),_(Q),_(Fe),_(Pe),h(4),_(T);var We=R(T,2);xe(R(z(We),4),{}),_(We);var Ge=R(We,4);B(Ge,21,()=>v,t,(e,t,n)=>{se(e,{get message(){return b(t)},index:n,onmessageupdate:()=>{},onbotmessageinit:()=>{},onaskQuestion:()=>{}})}),_(Ge);var Ke=R(Ge,2),qe=R(z(Ke),4);we(qe,{});var Je=R(qe,6),Ye=z(Je);Z(Ye,{name:`predefinedQuestion`});var Xe=R(Ye,2);Z(Xe,{name:`edit`});var Ze=R(Xe,2);Z(Ze,{name:`newConversation`});var Qe=R(Ze,2);Z(Qe,{name:`voteUp`});var $e=R(Qe,2);Z($e,{name:`voteDown`});var et=R($e,2);Z(et,{name:`retry`});var tt=R(et,2);Z(tt,{name:`message`});var nt=R(tt,2);Z(nt,{name:`thread`});var rt=R(nt,2);Z(rt,{name:`submit`});var it=R(rt,2);Z(it,{name:`expand`});var at=R(it,2);Z(at,{name:`help`});var ot=R(at,2);Z(ot,{name:`attach`});var st=R(ot,2);Z(st,{name:`record`});var ct=R(st,2);Z(ct,{name:`reward`});var lt=R(ct,2);Z(lt,{name:`share`});var ut=R(lt,2);Z(ut,{name:`audio`});var dt=R(ut,2);Z(dt,{name:`copy`});var ft=R(dt,2);Z(ft,{name:`dismiss`});var pt=R(ft,2);Z(pt,{name:`menu`});var mt=R(pt,2);Z(mt,{name:`listUnordered`});var ht=R(mt,2);Z(ht,{name:`lightMode`}),Z(R(ht,2),{name:`darkMode`}),_(Je),_(Ke);var gt=R(Ke,2),_t=e=>{var t=Me(),n=R(z(t),4),r=e=>{var t=Ae(),n=z(t),r=z(n);p(r,()=>b(g).popups[1].title,!0),_(r);var i=R(r,2);Z(R(z(i),2),{name:`dismiss`}),_(i),_(n);var a=R(n,2);p(a,()=>b(g).popups[1].content,!0),_(a),_(t),M(e,t)},i=e=>{M(e,je())};a(n,e=>{b(g).popups?.[1]?e(r):e(i,-1)}),_(t),M(e,t)};a(gt,e=>{b(g).popups&&b(g).popups?.length>0&&e(_t)}),j(()=>{F(Q,`aria-label`,b(g).feedbackFormTitle),i(ze,b(g).feedbackFormMessage),F(Be,`placeholder`,b(g).feedbackFormMessagePlaceholder),i(He,b(g).feedbackFormEmail),F(Ue,`placeholder`,b(g).feedbackFormEmailPlaceholder)}),k(`submit`,Q,async()=>{}),M(e,n)};a(V,e=>{Y.initialized?e(U,-1):e(H)}),_(P),_(N);var W=R(N,2);return _(C),j(()=>{w=I(C,``,w,{"color-scheme":Y.colorScheme}),F(W,`id`,oe)}),M(n,C),o(y)}w(Q,{data:{}},[],[],{mode:`open`});var Ie=v(`<iframe title="sidebar" id="sidebar" class="svelte-1uha8ag"></iframe>`),Le=v(`<div id="preview-form" style="font-family: system-ui, sans-serif; color: #1a1a1a; line-height: 1.6; padding: 0 1.5rem 2rem;" class="svelte-1uha8ag"><div style="border-bottom: 4px solid #888; padding: 0.75rem 0;"></div> <h1 style="font-size: 1.5rem; font-weight: 400; margin: 1.5rem 0 0.5rem;">Recht & Justiz</h1> <div style="display: flex; gap: 1.5rem; border-bottom: 1px solid #ddd; margin-bottom: 1.5rem;"><span style="padding: 0.5rem 0; color: #666; cursor: pointer;">Übersicht</span> <span style="padding: 0.5rem 0; border-bottom: 2px solid #1a1a1a; font-weight: 600; cursor: pointer;">Beglaubigungen</span></div> <div style="display: flex; gap: 2.5rem; align-items: flex-start;"><div style="flex: 1; min-width: 0;"><h2 style="font-size: 1.75rem; font-weight: 700; margin: 0 0 1rem;">Notarielle Beglaubigung anmelden</h2> <p style="margin: 0 0 1rem; color: #444;">Los geht's. Sie können beim Bearbeiten Ihrer Anmeldung jederzeit pausieren oder einen Schritt
|
|
28
28
|
zurückgehen. In der blauen Infobox finden Sie Hinweise zu den Angaben und Dokumenten, die Sie
|
|
29
29
|
bereithalten sollten.</p> <p style="margin: 0 0 2rem; color: #444;">Um eine Unterschrift oder ein Dokument beglaubigen zu lassen, müssen Sie die entsprechenden Unterlagen
|
|
30
30
|
vor Ort beim Notariat vorlegen. Mit der digitalen Anmeldung beschleunigen Sie den Prozess: Das Formular
|
|
@@ -37,10 +37,11 @@ Bitte lassen Sie mich wissen, ob Sie weitere Informationen zu einem bestimmten T
|
|
|
37
37
|
kann durch eine Beglaubigung bestätigt werden.</p> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 2rem 0 0.75rem;">Wichtig ist:</h2> <p style="margin: 0 0 1rem;">Die Beglaubigung bezieht sich ausschliesslich auf die jeweilige Unterschrift oder die Übereinstimmung
|
|
38
38
|
zum Originaldokument, nicht aber auf den Inhalt von Dokumenten. Die Notariate übernehmen keine
|
|
39
39
|
Verantwortung für die Gültigkeit oder den Inhalt Ihrer Dokumente.</p> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 2rem 0 0.75rem;">Einige Dokumente können nicht beglaubigt werden:</h2> <ul style="margin: 0 0 1rem 1.25rem; padding: 0;"><li>Bürgschaften, diese verlangen eine öffentliche Beurkundung</li> <li>Affidavits (eidesstaatliche Erklärungen)</li> <li>Diese Liste ist nicht abschliessend, das Notariat prüft jedes Dokument individuell.</li></ul></div> <div style="width: 280px; flex-shrink: 0;"><details open="" style="margin-bottom: 0.5rem; border: 1px solid #ddd; border-radius: 4px;"><summary style="padding: 0.75rem 1rem; font-weight: 600; cursor: pointer; list-style: none; background: #fafafa;">Wichtige Hinweise</summary> <div style="padding: 0.75rem 1rem;"><h4 style="font-size: 0.95rem; font-weight: 600; margin: 0 0 0.5rem;">Dokumente und Angaben</h4> <p style="margin: 0 0 0.25rem; font-size: 0.9rem; color: #444;">Benötigte Dokumente und Angaben:</p> <ul style="margin: 0 0 1rem 1.25rem; padding: 0; font-size: 0.9rem; color: #444;"><li>Kopie von ID oder Pass</li> <li>Kopie des Dokuments, das beglaubigt werden soll</li></ul> <h4 style="font-size: 0.95rem; font-weight: 600; margin: 0 0 0.5rem;">Rückmeldung</h4> <p style="margin: 0 0 1rem; font-size: 0.9rem; color: #444;">Das Notariat kontaktiert Sie in der Regel innert 5 Arbeitstagen.</p> <h4 style="font-size: 0.95rem; font-weight: 600; margin: 0 0 0.5rem;">Kosten</h4> <ul style="margin: 0 0 0.5rem 1.25rem; padding: 0; font-size: 0.9rem; color: #444;"><li>Beglaubigung der ersten Unterschrift: Fr. 30</li> <li>Jede weitere Unterschrift auf demselben Schriftstück: Fr. 20</li> <li>Beglaubigung einer Kopie: Fr. 20</li> <li>Jedes weitere Dokument desselben Geschäfts: Fr. 10</li></ul> <p style="margin: 0; font-size: 0.85rem; color: #666;">Die Gebühren unterliegen der Mehrwertsteuer. Allfällige Zusatzleistungen im Rahmen von
|
|
40
|
-
Beglaubigungen werden zusätzlich verrechnet.</p></div></details> <details style="margin-bottom: 0.5rem; border: 1px solid #ddd; border-radius: 4px;"><summary style="padding: 0.75rem 1rem; font-weight: 600; cursor: pointer; list-style: none; background: #fafafa;">Fragen & Antworten</summary> <div style="padding: 0.75rem 1rem; font-size: 0.9rem; color: #444;"><p style="margin: 0;">Hier finden Sie Antworten auf häufig gestellte Fragen rund um notarielle Beglaubigungen.</p></div></details> <details style="border: 1px solid #ddd; border-radius: 4px;"><summary style="padding: 0.75rem 1rem; font-weight: 600; cursor: pointer; list-style: none; background: #fafafa;">Hilfe & Kontakt</summary> <div style="padding: 0.75rem 1rem; font-size: 0.9rem; color: #444;"><p style="margin: 0;">Bei Fragen wenden Sie sich bitte an das zuständige Notariat.</p></div></details></div></div></div>`)
|
|
41
|
-
body {width:100%;height:100%;margin:0;padding:0;}
|
|
40
|
+
Beglaubigungen werden zusätzlich verrechnet.</p></div></details> <details style="margin-bottom: 0.5rem; border: 1px solid #ddd; border-radius: 4px;"><summary style="padding: 0.75rem 1rem; font-weight: 600; cursor: pointer; list-style: none; background: #fafafa;">Fragen & Antworten</summary> <div style="padding: 0.75rem 1rem; font-size: 0.9rem; color: #444;"><p style="margin: 0;">Hier finden Sie Antworten auf häufig gestellte Fragen rund um notarielle Beglaubigungen.</p></div></details> <details style="border: 1px solid #ddd; border-radius: 4px;"><summary style="padding: 0.75rem 1rem; font-weight: 600; cursor: pointer; list-style: none; background: #fafafa;">Hilfe & Kontakt</summary> <div style="padding: 0.75rem 1rem; font-size: 0.9rem; color: #444;"><p style="margin: 0;">Bei Fragen wenden Sie sich bitte an das zuständige Notariat.</p></div></details></div></div></div>`),Re=v(`<img class="preview-bg-image svelte-1uha8ag" alt="Preview background"/>`),ze=v(`<div id="chat-wrapper"><!> <!> <div></div> <!> <div></div></div>`),Be=v(`<div id="preview"><div><!></div> <!> <!></div>`),Ve={hash:`svelte-1uha8ag`,code:`html,
|
|
41
|
+
body {width:100%;height:100%;margin:0;padding:0;}.sidebar-slot.svelte-1uha8ag {flex-shrink:0;width:430px;height:100%;overflow:hidden;}.sidebar-slot--hidden.svelte-1uha8ag {width:0;min-width:0;overflow:visible;}#sidebar.svelte-1uha8ag {display:block;width:430px;height:100%;border:none;}#preview.svelte-1uha8ag {display:flex;align-items:flex-start;justify-content:flex-start;width:100%;height:100%;&.components-preview,
|
|
42
42
|
&:has(.has-bg-image:where(.svelte-1uha8ag)),
|
|
43
|
-
&:has(#preview-form:where(.svelte-1uha8ag)) {height:auto;&
|
|
44
|
-
/* 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.
|
|
43
|
+
&:has(#preview-form:where(.svelte-1uha8ag)) {height:auto;& .sidebar-slot:where(.svelte-1uha8ag) {position:sticky;top:0;height:100vh;}}}#chat-wrapper.svelte-1uha8ag {container-name:preview-container;
|
|
44
|
+
/* 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.svelte-1uha8ag liipgpt-button {display:inline-block;}#chat-wrapper.search-summary-preview.svelte-1uha8ag {
|
|
45
|
+
/* stylelint-disable-next-line property-disallowed-list */container-type:inline-size;height:auto;padding:1.5rem;}#chat-wrapper.search-summary-preview.svelte-1uha8ag liipgpt-search-summary {display:block;}#chat-wrapper.has-bg-image.svelte-1uha8ag,
|
|
45
46
|
#chat-wrapper.svelte-1uha8ag:has(#preview-form:where(.svelte-1uha8ag)) {
|
|
46
|
-
/* 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
|
|
47
|
+
/* 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 $(t,i){l(i,!0),E(t,Ve);let c=te(i,[`$$slots`,`$$events`,`$$legacy`,`$$host`]),u=f(()=>i.data);O(()=>{window.onmessage=function(e){typeof e.data==`string`&&e.data.startsWith(`liipgpt-url:`)&&V(`?`+new URLSearchParams(e.data.replace(`liipgpt-url:`,``)).toString(),{replaceState:!0})}});let d=e=>`/build/${e}/liipgpt-${e}.iife.js`,v=e=>/\.(png|jpe?g|gif|webp|svg|bmp|ico)(\?.*)?$/i.test(e),x=async e=>{e===`build`&&(await H(()=>import(d(`chat`)),[],import.meta.url),await H(()=>import(d(`button`)),[],import.meta.url),await H(()=>import(d(`search-summary`)),[],import.meta.url)),e===`dev`&&(await H(()=>import(`../chunks/BGwzfQ_H.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17]),import.meta.url),await H(()=>import(`../chunks/BTwygYhA.js`),__vite__mapDeps([18,2,3,4,5,6,10,13,7,8,9,14,16,17]),import.meta.url),await H(()=>import(`../chunks/CqPRQdP7.js`),__vite__mapDeps([19,8,2,3,4,5,6,11,14,16,20]),import.meta.url)),e===`server`&&(H(()=>import(U(i.data.options,`chat`)),[],import.meta.url),H(()=>import(U(i.data.options,`button`)),[],import.meta.url),H(()=>import(U(i.data.options,`search-summary`)),[],import.meta.url))},ee=f(()=>i.data.options?.[`preview-mode`]?.value??`server`);O(()=>{x(b(ee))});let w=`./sidebar${re.url.search}`,T=r(void 0),k=r(void 0),A=(e,t)=>{let n=document.createElement(`script`),r=document.createTextNode(`{${t}}`);n.appendChild(r),e.replaceChildren(n)};O(()=>{b(T)&&A(b(T),b(u).options.CHAT_CONFIG_OVERRIDE.value||``)}),O(()=>{b(k)&&b(u).embedTab===`chat`?A(b(k),b(u).options.onclosechat.value||``):b(k)&&b(k).replaceChildren()});let I=f(()=>b(u)&&b(u).options[`preview-components`].value),B=f(()=>b(u).embedTab===`chat`),q=f(()=>b(u).embedTab===`search-summary`);O(()=>{if(!b(q)){W();return}let e=b(u).options[`use-chat-config`]?.value?``:b(u).options[`host-css`]?.value??``;e?ne(e):W()});var J=Be();e(`1uha8ag`,e=>{var t=s(),n=S(t),r=e=>{P(()=>{y.title=`LiipGPT Configurator | Components`})},i=e=>{P(()=>{y.title=`LiipGPT Configurator`})};a(n,e=>{b(u).options[`preview-components`].value?e(r,1):e(i,-1)}),M(e,t)});var Y=z(J);let X;var Z=z(Y),ie=e=>{var t=Ie();j(()=>F(t,`src`,w)),M(e,t)};a(Z,e=>{b(u).options[`hide-sidebar`].value||e(ie)}),_(Y);var ae=R(Y,2),oe=e=>{K(e,{mode:`show`})};a(ae,e=>{b(u).options[`hide-sidebar`].value&&e(oe)}),g(R(ae,2),()=>b(u),e=>{var t=s(),n=S(t),r=e=>{var t=s();D(S(t),{onerror:e=>console.error(`Rendering error of components`,e)},e=>{Q(e,C(()=>c))}),M(e,t)},i=e=>{var t=ze();let n;var r=z(t),i=e=>{var t=Le(),n=R(z(t),6),r=z(n),i=R(z(r),6),a=R(z(i),2),o=R(z(a),14),s=R(z(o),2),c=z(s);c.value=c.__value=``;var l=R(c);l.value=l.__value=`ch`;var u=R(l);u.value=u.__value=`de`;var d=R(u);d.value=d.__value=`at`,_(s),_(o);var f=R(o,12),p=R(z(f),2),m=z(p);m.value=m.__value=``;var g=R(m);g.value=g.__value=`a`;var v=R(g);v.value=v.__value=`b`;var y=R(v);y.value=y.__value=`c`,_(p),_(f),h(2),_(a),_(i),h(16),_(r),h(2),_(n),_(t),M(e,t)};a(r,e=>{b(B)&&b(u).options.flyout.value&&b(u).options[`preview-form`].value&&e(i)});var o=R(r,2),c=e=>{var t=s(),n=S(t),r=e=>{var t=Re();j(()=>F(t,`src`,b(u).options[`preview-background`].value)),M(e,t)},i=f(()=>v(b(u).options[`preview-background`].value));a(n,e=>{b(i)&&e(r)}),M(e,t)};a(o,e=>{b(B)&&b(u).options.flyout.value&&b(u).options[`preview-background`].value&&e(c)});var l=R(o,2);N(l,e=>L(T,e),()=>b(T));var d=R(l,2);p(d,()=>G(b(u).options,b(u).embedTab)),N(R(d,2),e=>L(k,e),()=>b(k)),_(t),j(e=>n=m(t,1,`svelte-1uha8ag`,null,n,e),[()=>({"has-bg-image":b(u).options.flyout.value&&b(u).options[`preview-background`].value&&v(b(u).options[`preview-background`].value),"search-summary-preview":b(q)})]),M(e,t)};a(n,e=>{b(I)?e(r):e(i,-1)}),M(e,t)}),_(J),j(()=>{m(J,1,n([{"components-preview":b(I)}]),`svelte-1uha8ag`),X=m(Y,1,`sidebar-slot svelte-1uha8ag`,null,X,{"sidebar-slot--hidden":b(u).options[`hide-sidebar`].value})}),M(t,J),o()}w($,{},[],[],{mode:`open`});export{$ as component};
|