open-chat-studio-widget 0.2.0 → 0.3.1

package/dist/esm/open-chat-studio-widget.entry.js

@@ -1,4 +1,4 @@
-import { h, r as registerInstance, H as Host } from './index-3870d3ba.js';
+import { h, r as registerInstance, H as Host } from './index-b73ebc69.js';
 
 const ArrowLeftEndOnRectangleIcon = () => {
     return h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "size-6" },
@@ -8,6 +8,10 @@ const ArrowRightEndOnRectangleIcon = () => {
     return h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "size-6" },
         h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M8.25 9V5.25A2.25 2.25 0 0 1 10.5 3h6a2.25 2.25 0 0 1 2.25 2.25v13.5A2.25 2.25 0 0 1 16.5 21h-6a2.25 2.25 0 0 1-2.25-2.25V15M12 9l3 3m0 0-3 3m3-3H2.25" }));
 };
+const ArrowDownOnSquareIcon = () => {
+    return h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": 1.5, stroke: "currentColor", class: "size-6" },
+        h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M9 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15M9 12l3 3m0 0 3-3m-3 3V2.25" }));
+};
 const ViewfinderCircleIcon = () => {
     return h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "size-6" },
         h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M7.5 3.75H6A2.25 2.25 0 0 0 3.75 6v1.5M16.5 3.75H18A2.25 2.25 0 0 1 20.25 6v1.5m0 9V18A2.25 2.25 0 0 1 18 20.25h-1.5m-9 0H6A2.25 2.25 0 0 1 3.75 18v-1.5M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" }));
@@ -25,7 +29,7 @@ const ChevronDownIcon = () => {
         h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m19.5 8.25-7.5 7.5-7.5-7.5" }));
 };
 
-const ocsChatCss = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;}::before,::after{--tw-content:''}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;}body{margin:0;line-height:inherit;}hr{height:0;color:inherit;border-top-width:1px;}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse;}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0;}button,select{text-transform:none}button,input:where([type='button']),input:where([type='reset']),input:where([type='submit']){-webkit-appearance:button;background-color:transparent;background-image:none;}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af;}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af;}button,[role=\"button\"]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=\"until-found\"])){display:none}:root,[data-theme]{background-color:var(--fallback-b1,oklch(var(--b1)/1));color:var(--fallback-bc,oklch(var(--bc)/1))}@supports not (color: oklch(0% 0 0)){:root{color-scheme:light;--fallback-p:#491eff;--fallback-pc:#d4dbff;--fallback-s:#ff41c7;--fallback-sc:#fff9fc;--fallback-a:#00cfbd;--fallback-ac:#00100d;--fallback-n:#2b3440;--fallback-nc:#d7dde4;--fallback-b1:#ffffff;--fallback-b2:#e5e6e6;--fallback-b3:#e5e6e6;--fallback-bc:#1f2937;--fallback-in:#00b3f0;--fallback-inc:#000000;--fallback-su:#00ca92;--fallback-suc:#000000;--fallback-wa:#ffc22d;--fallback-wac:#000000;--fallback-er:#ff6f70;--fallback-erc:#000000}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--fallback-p:#7582ff;--fallback-pc:#050617;--fallback-s:#ff71cf;--fallback-sc:#190211;--fallback-a:#00c7b5;--fallback-ac:#000e0c;--fallback-n:#2a323c;--fallback-nc:#a6adbb;--fallback-b1:#1d232a;--fallback-b2:#191e24;--fallback-b3:#15191e;--fallback-bc:#a6adbb;--fallback-in:#00b3f0;--fallback-inc:#000000;--fallback-su:#00ca92;--fallback-suc:#000000;--fallback-wa:#ffc22d;--fallback-wac:#000000;--fallback-er:#ff6f70;--fallback-erc:#000000}}}html{-webkit-tap-highlight-color:transparent}*{scrollbar-color:color-mix(in oklch, currentColor 35%, transparent) transparent}*:hover{scrollbar-color:color-mix(in oklch, currentColor 60%, transparent) transparent}:root{color-scheme:light;--in:72.06% 0.191 231.6;--su:64.8% 0.150 160;--wa:84.71% 0.199 83.87;--er:71.76% 0.221 22.18;--pc:89.824% 0.06192 275.75;--ac:15.352% 0.0368 183.61;--inc:0% 0 0;--suc:0% 0 0;--wac:0% 0 0;--erc:0% 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:49.12% 0.3096 275.75;--s:69.71% 0.329 342.55;--sc:98.71% 0.0106 342.55;--a:76.76% 0.184 183.61;--n:32.1785% 0.02476 255.701624;--nc:89.4994% 0.011585 252.096176;--b1:100% 0 0;--b2:96.1151% 0 0;--b3:92.4169% 0.00108 197.137559;--bc:27.8078% 0.029596 256.847952}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--in:72.06% 0.191 231.6;--su:64.8% 0.150 160;--wa:84.71% 0.199 83.87;--er:71.76% 0.221 22.18;--pc:13.138% 0.0392 275.75;--sc:14.96% 0.052 342.55;--ac:14.902% 0.0334 183.61;--inc:0% 0 0;--suc:0% 0 0;--wac:0% 0 0;--erc:0% 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:65.69% 0.196 275.75;--s:74.8% 0.26 342.55;--a:74.51% 0.167 183.61;--n:31.3815% 0.021108 254.139175;--nc:74.6477% 0.0216 264.435964;--b1:25.3267% 0.015896 252.417568;--b2:23.2607% 0.013807 253.100675;--b3:21.1484% 0.01165 254.087939;--bc:74.6477% 0.0216 264.435964}}[data-theme=light]{color-scheme:light;--in:72.06% 0.191 231.6;--su:64.8% 0.150 160;--wa:84.71% 0.199 83.87;--er:71.76% 0.221 22.18;--pc:89.824% 0.06192 275.75;--ac:15.352% 0.0368 183.61;--inc:0% 0 0;--suc:0% 0 0;--wac:0% 0 0;--erc:0% 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:49.12% 0.3096 275.75;--s:69.71% 0.329 342.55;--sc:98.71% 0.0106 342.55;--a:76.76% 0.184 183.61;--n:32.1785% 0.02476 255.701624;--nc:89.4994% 0.011585 252.096176;--b1:100% 0 0;--b2:96.1151% 0 0;--b3:92.4169% 0.00108 197.137559;--bc:27.8078% 0.029596 256.847952}[data-theme=dark]{color-scheme:dark;--in:72.06% 0.191 231.6;--su:64.8% 0.150 160;--wa:84.71% 0.199 83.87;--er:71.76% 0.221 22.18;--pc:13.138% 0.0392 275.75;--sc:14.96% 0.052 342.55;--ac:14.902% 0.0334 183.61;--inc:0% 0 0;--suc:0% 0 0;--wac:0% 0 0;--erc:0% 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:65.69% 0.196 275.75;--s:74.8% 0.26 342.55;--a:74.51% 0.167 183.61;--n:31.3815% 0.021108 254.139175;--nc:74.6477% 0.0216 264.435964;--b1:25.3267% 0.015896 252.417568;--b2:23.2607% 0.013807 253.100675;--b3:21.1484% 0.01165 254.087939;--bc:74.6477% 0.0216 264.435964}@media (hover:hover){.table tr.hover:hover,.table tr.hover:nth-child(even):hover{--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))}.table-zebra tr.hover:hover,.table-zebra tr.hover:nth-child(even):hover{--tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}}.btn{display:inline-flex;height:3rem;min-height:3rem;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:var(--rounded-btn, 0.5rem);border-color:transparent;border-color:oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));padding-left:1rem;padding-right:1rem;text-align:center;font-size:0.875rem;line-height:1em;gap:0.5rem;font-weight:600;text-decoration-line:none;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);border-width:var(--border-btn, 1px);transition-property:color, background-color, border-color, opacity, box-shadow, transform;--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);outline-color:var(--fallback-bc,oklch(var(--bc)/1));background-color:oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));--tw-bg-opacity:1;--tw-border-opacity:1}.btn-disabled,.btn[disabled],.btn:disabled{pointer-events:none}:where(.btn:is(input[type=\"checkbox\"])),:where(.btn:is(input[type=\"radio\"])){width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn:is(input[type=\"checkbox\"]):after,.btn:is(input[type=\"radio\"]):after{--tw-content:attr(aria-label);content:var(--tw-content)}.chat{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));-moz-column-gap:0.75rem;column-gap:0.75rem;padding-top:0.25rem;padding-bottom:0.25rem}@media (hover: hover){.btn:hover{--tw-border-opacity:1;border-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}@supports (color: color-mix(in oklab, black, black)){.btn:hover{background-color:color-mix(\n            in oklab,\n            oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,\n            black\n          );border-color:color-mix(\n            in oklab,\n            oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,\n            black\n          )}}@supports not (color: oklch(0% 0 0)){.btn:hover{background-color:var(--btn-color, var(--fallback-b2));border-color:var(--btn-color, var(--fallback-b2))}}.btn.glass:hover{--glass-opacity:25%;--glass-border-opacity:15%}.btn-disabled:hover,.btn[disabled]:hover,.btn:disabled:hover{--tw-border-opacity:0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity:0.2}@supports (color: color-mix(in oklab, black, black)){.btn:is(input[type=\"checkbox\"]:checked):hover,.btn:is(input[type=\"radio\"]:checked):hover{background-color:color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);border-color:color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black)}}}@media (prefers-reduced-motion: no-preference){.btn{animation:button-pop var(--animation-btn, 0.25s) ease-out}}.btn:active:hover,.btn:active:focus{animation:button-pop 0s ease-out;transform:scale(var(--btn-focus-scale, 0.97))}@supports not (color: oklch(0% 0 0)){.btn{background-color:var(--btn-color, var(--fallback-b2));border-color:var(--btn-color, var(--fallback-b2))}}.btn:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px}.btn.glass{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);outline-color:currentColor}.btn.glass.btn-active{--glass-opacity:25%;--glass-border-opacity:15%}.btn.btn-disabled,.btn[disabled],.btn:disabled{--tw-border-opacity:0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity:0.2}.btn:is(input[type=\"checkbox\"]:checked),.btn:is(input[type=\"radio\"]:checked){--tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.btn:is(input[type=\"checkbox\"]:checked):focus-visible,.btn:is(input[type=\"radio\"]:checked):focus-visible{outline-color:var(--fallback-p,oklch(var(--p)/1))}@keyframes button-pop{0%{transform:scale(var(--btn-focus-scale, 0.98))}40%{transform:scale(1.02)}100%{transform:scale(1)}}@keyframes checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}100%{background-position-y:0}}.join>:where(*:not(:first-child)):is(.btn){margin-inline-start:calc(var(--border-btn) * -1)}.mockup-phone .display{overflow:hidden;border-radius:40px;margin-top:-25px}@keyframes modal-pop{0%{opacity:0}}@keyframes progress-loading{50%{background-position-x:-115%}}@keyframes radiomark{0%{box-shadow:0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,\n      0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset}50%{box-shadow:0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,\n      0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset}100%{box-shadow:0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,\n      0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset}}@keyframes rating-pop{0%{transform:translateY(-0.125em)}40%{transform:translateY(-0.125em)}100%{transform:translateY(0)}}@keyframes skeleton{from{background-position:150%}to{background-position:-50%}}@keyframes toast-pop{0%{transform:scale(0.9);opacity:0}100%{transform:scale(1);opacity:1}}.join.join-vertical>:where(*:not(:first-child)):is(.btn){margin-top:calc(var(--border-btn) * -1)}.join.join-horizontal>:where(*:not(:first-child)):is(.btn){margin-inline-start:calc(var(--border-btn) * -1);margin-top:0px}.visible{visibility:visible}.fixed{position:fixed}.bottom-5{bottom:1.25rem}.left-1\\/2{left:50%}.left-5{left:1.25rem}.right-5{right:1.25rem}.top-1\\/2{top:50%}.flex{display:flex}.size-6{width:1.5rem;height:1.5rem}.h-3\\/5{height:60%}.h-5\\/6{height:83.333333%}.w-\\[450px\\]{width:450px}.w-full{width:100%}.flex-grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:0.25rem}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-none{border-style:none}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-1\\.5{padding:0.375rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-200{transition-duration:200ms}:host{display:block;--button-background-color:inherit;--button-background-color-hover:inherit;--button-text-color:inherit;--button-text-color-hover:inherit}.btn{background-color:var(--button-background-color);color:var(--button-text-color)}.btn:hover{background-color:var(--button-background-color-hover);color:var(--button-text-color-hover)}.iframe-placeholder{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48c3R5bGU+LnNwaW5uZXJfcU04M3thbmltYXRpb246c3Bpbm5lcl84SFFHIDEuMDVzIGluZmluaXRlfS5zcGlubmVyX29YUHJ7YW5pbWF0aW9uLWRlbGF5Oi4xc30uc3Bpbm5lcl9aVExme2FuaW1hdGlvbi1kZWxheTouMnN9QGtleWZyYW1lcyBzcGlubmVyXzhIUUd7MCUsNTcuMTQle2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKDAuMzMsLjY2LC42NiwxKTt0cmFuc2Zvcm06dHJhbnNsYXRlKDApfTI4LjU3JXthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllcigwLjMzLDAsLjY2LC4zMyk7dHJhbnNmb3JtOnRyYW5zbGF0ZVkoLTZweCl9MTAwJXt0cmFuc2Zvcm06dHJhbnNsYXRlKDApfX08L3N0eWxlPjxjaXJjbGUgY2xhc3M9J3NwaW5uZXJfcU04MycgY3g9JzQnIGN5PScxMicgcj0nMycvPjxjaXJjbGUgY2xhc3M9J3NwaW5uZXJfcU04MyBzcGlubmVyX29YUHInIGN4PScxMicgY3k9JzEyJyByPSczJy8+PGNpcmNsZSBjbGFzcz0nc3Bpbm5lcl9xTTgzIHNwaW5uZXJfWlRMZicgY3g9JzIwJyBjeT0nMTInIHI9JzMnLz48L3N2Zz4=);background-repeat:no-repeat;background-position:center}.hover\\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}";
+const ocsChatCss = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;}::before,::after{--tw-content:''}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;}body{margin:0;line-height:inherit;}hr{height:0;color:inherit;border-top-width:1px;}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse;}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0;}button,select{text-transform:none}button,input:where([type='button']),input:where([type='reset']),input:where([type='submit']){-webkit-appearance:button;background-color:transparent;background-image:none;}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af;}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af;}button,[role=\"button\"]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=\"until-found\"])){display:none}.btn{margin-inline-end:0.5rem;margin-bottom:0.5rem;border-radius:0.5rem;border-width:1px;padding-top:0.625rem;padding-bottom:0.625rem;padding-left:1.25rem;padding-right:1.25rem;font-size:0.875rem;line-height:1.25rem;font-weight:500}.btn:focus{outline:2px solid transparent;outline-offset:2px}.btn{background-color:var(--button-background-color);color:var(--button-text-color);border-color:var(--button-border-color)}.btn:hover{background-color:var(--button-background-color-hover);color:var(--button-text-color-hover);border-color:var(--button-border-color-hover)}.visible{visibility:visible}.fixed{position:fixed}.bottom-0{bottom:0px}.left-0{left:0px}.left-1\\/2{left:50%}.right-0{right:0px}.top-1\\/2{top:50%}.flex{display:flex}.hidden{display:none}.size-6{width:1.5rem;height:1.5rem}.h-3\\/5{height:60%}.h-5\\/6{height:83.333333%}.w-full{width:100%}.flex-grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:0.25rem}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-none{border-style:none}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-1\\.5{padding:0.375rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-200{transition-duration:200ms}:host{--button-background-color:white;--button-background-color-hover:#f3f4f6;--button-text-color:#111827;--button-text-color-hover:#1d4ed8;--button-border-color:#6b7280;--button-border-color-hover:#374151;--chat-z-index:50;display:block}#ocs-chat-window{z-index:var(--chat-z-index)}.iframe-placeholder{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48c3R5bGU+LnNwaW5uZXJfcU04M3thbmltYXRpb246c3Bpbm5lcl84SFFHIDEuMDVzIGluZmluaXRlfS5zcGlubmVyX29YUHJ7YW5pbWF0aW9uLWRlbGF5Oi4xc30uc3Bpbm5lcl9aVExme2FuaW1hdGlvbi1kZWxheTouMnN9QGtleWZyYW1lcyBzcGlubmVyXzhIUUd7MCUsNTcuMTQle2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKDAuMzMsLjY2LC42NiwxKTt0cmFuc2Zvcm06dHJhbnNsYXRlKDApfTI4LjU3JXthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllcigwLjMzLDAsLjY2LC4zMyk7dHJhbnNmb3JtOnRyYW5zbGF0ZVkoLTZweCl9MTAwJXt0cmFuc2Zvcm06dHJhbnNsYXRlKDApfX08L3N0eWxlPjxjaXJjbGUgY2xhc3M9J3NwaW5uZXJfcU04MycgY3g9JzQnIGN5PScxMicgcj0nMycvPjxjaXJjbGUgY2xhc3M9J3NwaW5uZXJfcU04MyBzcGlubmVyX29YUHInIGN4PScxMicgY3k9JzEyJyByPSczJy8+PGNpcmNsZSBjbGFzcz0nc3Bpbm5lcl9xTTgzIHNwaW5uZXJfWlRMZicgY3g9JzIwJyBjeT0nMTInIHI9JzMnLz48L3N2Zz4=);background-repeat:no-repeat;background-position:center}.hover\\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}@media (min-width: 640px){.sm\\:bottom-5{bottom:1.25rem}.sm\\:left-5{left:1.25rem}.sm\\:right-5{right:1.25rem}.sm\\:block{display:block}.sm\\:hidden{display:none}.sm\\:w-\\[450px\\]{width:450px}}";
 const OpenChatStudioWidgetStyle0 = ocsChatCss;
 
 const allowedHosts = ["chatbots.dimagi.com"];
@@ -78,10 +82,10 @@ const OcsChat = class {
         this.expanded = !this.expanded;
     }
     getPositionClasses() {
-        const baseClasses = `fixed w-[450px] ${this.expanded ? 'h-5/6' : 'h-3/5'} bg-white border border-gray-200 shadow-lg rounded-lg overflow-hidden flex flex-col`;
+        const baseClasses = `fixed w-full sm:w-[450px] ${this.expanded ? 'h-5/6' : 'h-3/5'} bg-white border border-gray-200 shadow-lg rounded-lg overflow-hidden flex flex-col`;
         const positionClasses = {
-            left: 'left-5 bottom-5',
-            right: 'right-5 bottom-5',
+            left: 'left-0 sm:left-5 bottom-0 sm:bottom-5',
+            right: 'right-0 sm:right-5 bottom-0 sm:bottom-5',
             center: 'left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2'
         }[this.position];
         return `${baseClasses} ${positionClasses}`;
@@ -90,8 +94,8 @@ const OcsChat = class {
         if (this.error) {
             return (h(Host, null, h("p", null, this.error)));
         }
-        return (h(Host, null, h("button", { class: "btn", onClick: () => this.load() }, this.buttonText), this.visible && (h("div", { class: this.getPositionClasses() }, h("div", { class: "flex justify-between items-center px-2 py-2 border-b border-gray-100" }, h("div", { class: "flex gap-1" }, h("button", { class: {
-                'p-1.5 rounded-md transition-colors duration-200 hover:bg-gray-100': true,
+        return (h(Host, null, h("button", { class: "btn", onClick: () => this.load() }, this.buttonText), this.visible && (h("div", { id: "ocs-chat-window", class: this.getPositionClasses() }, h("div", { class: "flex justify-between items-center px-2 py-2 border-b border-gray-100" }, h("div", { class: "flex gap-1" }, h("button", { class: {
+                'hidden sm:block p-1.5 rounded-md transition-colors duration-200 hover:bg-gray-100': true,
                 'text-blue-600': this.position === 'left',
                 'text-gray-500': this.position !== 'left'
             }, onClick: () => this.setPosition('left'), "aria-label": "Dock to left", title: "Dock to left" }, h(ArrowLeftEndOnRectangleIcon, null)), h("button", { class: {
@@ -102,7 +106,7 @@ const OcsChat = class {
                 'p-1.5 rounded-md transition-colors duration-200 hover:bg-gray-100': true,
                 'text-blue-600': this.position === 'right',
                 'text-gray-500': this.position !== 'right'
-            }, onClick: () => this.setPosition('right'), "aria-label": "Dock to right", title: "Dock to right" }, h(ArrowRightEndOnRectangleIcon, null))), h("div", { class: "flex gap-1" }, h("button", { class: "p-1.5 rounded-md transition-colors duration-200 hover:bg-gray-100 text-gray-500", onClick: () => this.toggleSize(), "aria-label": this.expanded ? "Collapse" : "Expand", title: this.expanded ? "Collapse" : "Expand" }, this.expanded ? h(ChevronDownIcon, null) : h(ChevronUpIcon, null)), h("button", { class: "p-1.5 hover:bg-gray-100 rounded-md transition-colors duration-200 text-gray-500", onClick: () => this.visible = false, "aria-label": "Close" }, h(XMarkIcon, null)))), this.loaded && (h("iframe", { class: "flex-grow w-full border-none iframe-placeholder", src: this.botUrl }))))));
+            }, onClick: () => this.setPosition('right'), "aria-label": "Dock to right", title: "Dock to right" }, h("span", { class: "hidden sm:block" }, h(ArrowRightEndOnRectangleIcon, null)), h("span", { class: "sm:hidden" }, h(ArrowDownOnSquareIcon, null)))), h("div", { class: "flex gap-1" }, h("button", { class: "p-1.5 rounded-md transition-colors duration-200 hover:bg-gray-100 text-gray-500", onClick: () => this.toggleSize(), "aria-label": this.expanded ? "Collapse" : "Expand", title: this.expanded ? "Collapse" : "Expand" }, this.expanded ? h(ChevronDownIcon, null) : h(ChevronUpIcon, null)), h("button", { class: "p-1.5 hover:bg-gray-100 rounded-md transition-colors duration-200 text-gray-500", onClick: () => this.visible = false, "aria-label": "Close" }, h(XMarkIcon, null)))), this.loaded && (h("iframe", { class: "flex-grow w-full border-none iframe-placeholder", src: this.botUrl }))))));
     }
 };
 OcsChat.style = OpenChatStudioWidgetStyle0;

package/dist/esm/open-chat-studio-widget.entry.js.map

@@ -1 +1 @@
-{"file":"open-chat-studio-widget.entry.js","mappings":"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","names":[],"sources":["src/components/ocs-chat/heroicons.tsx","src/components/ocs-chat/ocs-chat.css?tag=open-chat-studio-widget&encapsulation=shadow","src/components/ocs-chat/ocs-chat.tsx"],"sourcesContent":["import {h} from \"@stencil/core\";\n\nexport const ArrowLeftEndOnRectangleIcon = () => {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"\n       class=\"size-6\">\n    <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n          d=\"M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15M12 9l-3 3m0 0 3 3m-3-3h12.75\"/>\n  </svg>;\n}\n\nexport const ArrowRightEndOnRectangleIcon = () => {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n              stroke=\"currentColor\" class=\"size-6\">\n    <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n          d=\"M8.25 9V5.25A2.25 2.25 0 0 1 10.5 3h6a2.25 2.25 0 0 1 2.25 2.25v13.5A2.25 2.25 0 0 1 16.5 21h-6a2.25 2.25 0 0 1-2.25-2.25V15M12 9l3 3m0 0-3 3m3-3H2.25\"/>\n  </svg>;\n}\n\nexport const ViewfinderCircleIcon = () => {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n              stroke=\"currentColor\" class=\"size-6\">\n    <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n          d=\"M7.5 3.75H6A2.25 2.25 0 0 0 3.75 6v1.5M16.5 3.75H18A2.25 2.25 0 0 1 20.25 6v1.5m0 9V18A2.25 2.25 0 0 1 18 20.25h-1.5m-9 0H6A2.25 2.25 0 0 1 3.75 18v-1.5M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\"/>\n  </svg>;\n}\n\nexport const XMarkIcon = () => {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n              stroke=\"currentColor\" class=\"size-6\">\n    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\"/>\n  </svg>;\n}\n\nexport const ChevronUpIcon = () => {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n              stroke=\"currentColor\" class=\"size-6\">\n    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4.5 15.75 7.5-7.5 7.5 7.5\"/>\n  </svg>;\n}\n\nexport const ChevronDownIcon = () => {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n              stroke=\"currentColor\" class=\"size-6\">\n    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m19.5 8.25-7.5 7.5-7.5-7.5\"/>\n  </svg>;\n}\n","@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n:host {\n  display: block;\n   /**\n   * @prop --button-background-color: Button background color\n   * @prop --button-background-color-hover: Button background color on hover\n   * @prop --button-text-color: Button text color\n   * @prop --button-text-color-hover: Button text color on hover\n   */\n  --button-background-color: inherit;\n  --button-background-color-hover: inherit;\n  --button-text-color: inherit;\n  --button-text-color-hover: inherit;\n}\n\n/* These custom button styles need to remain since they use CSS variables */\n.btn {\n  background-color: var(--button-background-color);\n  color: var(--button-text-color);\n}\n\n.btn:hover {\n  background-color: var(--button-background-color-hover);\n  color: var(--button-text-color-hover);\n}\n\n.iframe-placeholder {\n    /*loading-dots*/\n  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48c3R5bGU+LnNwaW5uZXJfcU04M3thbmltYXRpb246c3Bpbm5lcl84SFFHIDEuMDVzIGluZmluaXRlfS5zcGlubmVyX29YUHJ7YW5pbWF0aW9uLWRlbGF5Oi4xc30uc3Bpbm5lcl9aVExme2FuaW1hdGlvbi1kZWxheTouMnN9QGtleWZyYW1lcyBzcGlubmVyXzhIUUd7MCUsNTcuMTQle2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKDAuMzMsLjY2LC42NiwxKTt0cmFuc2Zvcm06dHJhbnNsYXRlKDApfTI4LjU3JXthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllcigwLjMzLDAsLjY2LC4zMyk7dHJhbnNmb3JtOnRyYW5zbGF0ZVkoLTZweCl9MTAwJXt0cmFuc2Zvcm06dHJhbnNsYXRlKDApfX08L3N0eWxlPjxjaXJjbGUgY2xhc3M9J3NwaW5uZXJfcU04MycgY3g9JzQnIGN5PScxMicgcj0nMycvPjxjaXJjbGUgY2xhc3M9J3NwaW5uZXJfcU04MyBzcGlubmVyX29YUHInIGN4PScxMicgY3k9JzEyJyByPSczJy8+PGNpcmNsZSBjbGFzcz0nc3Bpbm5lcl9xTTgzIHNwaW5uZXJfWlRMZicgY3g9JzIwJyBjeT0nMTInIHI9JzMnLz48L3N2Zz4=);\n  background-repeat: no-repeat;\n  background-position: center;\n}\n","import { Component, Host, h, Prop, State, Build } from '@stencil/core';\nimport {\n  ArrowLeftEndOnRectangleIcon,\n  ArrowRightEndOnRectangleIcon,\n  ViewfinderCircleIcon,\n  XMarkIcon,\n  ChevronDownIcon,\n  ChevronUpIcon,\n} from './heroicons';\n\nconst allowedHosts = [\"chatbots.dimagi.com\"];\n\n@Component({\n  tag: 'open-chat-studio-widget',\n  styleUrl: 'ocs-chat.css',\n  shadow: true,\n})\nexport class OcsChat {\n\n  /**\n   * The URL of the bot to connect to.\n   */\n  @Prop() botUrl!: string;\n\n  /**\n   * The text to display on the button.\n   */\n  @Prop() buttonText: string = \"Chat\";\n\n  /**\n   * Whether the chat widget is visible on load.\n   */\n  @Prop({ mutable: true }) visible: boolean = false;\n\n  /**\n   * The initial position of the chat widget on the screen.\n   */\n  @Prop({ mutable: true }) position: 'left' | 'center' | 'right' = 'right';\n\n  /**\n   * Whether the chat widget is initially expanded.\n   */\n  @Prop({ mutable: true }) expanded: boolean = false;\n\n  @State() loaded: boolean = false;\n  @State() error: string = \"\";\n\n  componentWillLoad() {\n    this.loaded = this.visible;\n    if (!Build.isDev) {\n      try {\n        const url = new URL(this.botUrl);\n        if (!allowedHosts.includes(url.host)) {\n          this.error = `Invalid Bot URL: ${this.botUrl}`;\n        }\n      } catch {\n        this.error = `Invalid Bot URL: ${this.botUrl}`;\n      }\n    }\n  }\n\n  load() {\n    this.visible = !this.visible;\n    this.loaded = true;\n  }\n\n  setPosition(position: 'left' | 'center' | 'right') {\n    if (position === this.position) return;\n    this.position = position;\n  }\n\n  toggleSize() {\n    this.expanded = !this.expanded;\n  }\n\n  getPositionClasses() {\n    const baseClasses = `fixed w-[450px] ${this.expanded ? 'h-5/6' : 'h-3/5'} bg-white border border-gray-200 shadow-lg rounded-lg overflow-hidden flex flex-col`;\n\n    const positionClasses = {\n      left: 'left-5 bottom-5',\n      right: 'right-5 bottom-5',\n      center: 'left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2'\n    }[this.position];\n\n    return `${baseClasses} ${positionClasses}`;\n  }\n\n  render() {\n    if (this.error) {\n      return (\n        <Host>\n          <p>{this.error}</p>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <button class=\"btn\" onClick={() => this.load()}>{this.buttonText}</button>\n        {this.visible && (\n          <div class={this.getPositionClasses()}>\n            <div class=\"flex justify-between items-center px-2 py-2 border-b border-gray-100\">\n              <div class=\"flex gap-1\">\n                <button\n                  class={{\n                    'p-1.5 rounded-md transition-colors duration-200 hover:bg-gray-100': true,\n                    'text-blue-600': this.position === 'left',\n                    'text-gray-500': this.position !== 'left'\n                  }}\n                  onClick={() => this.setPosition('left')}\n                  aria-label=\"Dock to left\"\n                  title=\"Dock to left\"\n                >\n                  <ArrowLeftEndOnRectangleIcon/>\n                </button>\n                <button\n                  class={{\n                    'p-1.5 rounded-md transition-colors duration-200 hover:bg-gray-100': true,\n                    'text-blue-600': this.position === 'center',\n                    'text-gray-500': this.position !== 'center'\n                  }}\n                  onClick={() => this.setPosition('center')}\n                  aria-label=\"Center\"\n                  title=\"Center\"\n                >\n                  <ViewfinderCircleIcon/>\n                </button>\n                <button\n                  class={{\n                    'p-1.5 rounded-md transition-colors duration-200 hover:bg-gray-100': true,\n                    'text-blue-600': this.position === 'right',\n                    'text-gray-500': this.position !== 'right'\n                  }}\n                  onClick={() => this.setPosition('right')}\n                  aria-label=\"Dock to right\"\n                  title=\"Dock to right\"\n                >\n                  <ArrowRightEndOnRectangleIcon/>\n                </button>\n              </div>\n              <div class=\"flex gap-1\">\n                <button\n                  class=\"p-1.5 rounded-md transition-colors duration-200 hover:bg-gray-100 text-gray-500\"\n                  onClick={() => this.toggleSize()}\n                  aria-label={this.expanded ? \"Collapse\" : \"Expand\"}\n                  title={this.expanded ? \"Collapse\" : \"Expand\"}\n                >\n                  {this.expanded ? <ChevronDownIcon/> : <ChevronUpIcon/>}\n                </button>\n                <button\n                  class=\"p-1.5 hover:bg-gray-100 rounded-md transition-colors duration-200 text-gray-500\"\n                  onClick={() => this.visible = false}\n                  aria-label=\"Close\"\n                >\n                  <XMarkIcon/>\n                </button>\n              </div>\n            </div>\n            {this.loaded && (\n              <iframe\n                class=\"flex-grow w-full border-none iframe-placeholder\"\n                src={this.botUrl}\n              ></iframe>\n            )}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"open-chat-studio-widget.entry.js","mappings":"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","names":[],"sources":["src/components/ocs-chat/heroicons.tsx","src/components/ocs-chat/ocs-chat.css?tag=open-chat-studio-widget&encapsulation=shadow","src/components/ocs-chat/ocs-chat.tsx"],"sourcesContent":["import {h} from \"@stencil/core\";\n\nexport const ArrowLeftEndOnRectangleIcon = () => {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"\n       class=\"size-6\">\n    <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n          d=\"M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15M12 9l-3 3m0 0 3 3m-3-3h12.75\"/>\n  </svg>;\n}\n\nexport const ArrowRightEndOnRectangleIcon = () => {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n              stroke=\"currentColor\" class=\"size-6\">\n    <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n          d=\"M8.25 9V5.25A2.25 2.25 0 0 1 10.5 3h6a2.25 2.25 0 0 1 2.25 2.25v13.5A2.25 2.25 0 0 1 16.5 21h-6a2.25 2.25 0 0 1-2.25-2.25V15M12 9l3 3m0 0-3 3m3-3H2.25\"/>\n  </svg>;\n}\n\nexport const ArrowDownOnSquareIcon = () => {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width={1.5} stroke=\"currentColor\" class=\"size-6\">\n    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15M9 12l3 3m0 0 3-3m-3 3V2.25\" />\n  </svg>\n}\n\nexport const ViewfinderCircleIcon = () => {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n              stroke=\"currentColor\" class=\"size-6\">\n    <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n          d=\"M7.5 3.75H6A2.25 2.25 0 0 0 3.75 6v1.5M16.5 3.75H18A2.25 2.25 0 0 1 20.25 6v1.5m0 9V18A2.25 2.25 0 0 1 18 20.25h-1.5m-9 0H6A2.25 2.25 0 0 1 3.75 18v-1.5M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\"/>\n  </svg>;\n}\n\nexport const XMarkIcon = () => {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n              stroke=\"currentColor\" class=\"size-6\">\n    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\"/>\n  </svg>;\n}\n\nexport const ChevronUpIcon = () => {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n              stroke=\"currentColor\" class=\"size-6\">\n    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4.5 15.75 7.5-7.5 7.5 7.5\"/>\n  </svg>;\n}\n\nexport const ChevronDownIcon = () => {\n  return <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n              stroke=\"currentColor\" class=\"size-6\">\n    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m19.5 8.25-7.5 7.5-7.5-7.5\"/>\n  </svg>;\n}\n","@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n:host {\n   /**\n   * @prop --button-background-color: Button background color\n   * @prop --button-background-color-hover: Button background color on hover\n   * @prop --button-text-color: Button text color\n   * @prop --button-text-color-hover: Button text color on hover\n   * @prop --button-border-color: Button border color\n   * @prop --button-border-color-hover: Button border color on hover\n   */\n  --button-background-color: white;\n  /* gray-100 */\n  --button-background-color-hover: #f3f4f6;\n  /* gray-900 */\n  --button-text-color: #111827;\n  /* blue-700 */\n  --button-text-color-hover: #1d4ed8;\n  /* gray-500 */\n  --button-border-color: #6b7280;\n  /* gray-700 */\n  --button-border-color-hover: #374151;\n  --chat-z-index: 50;\n\n  display: block;\n}\n\n/* These custom button styles need to remain since they use CSS variables */\n\n@layer components {\n  .btn {\n    @apply py-2.5 px-5 me-2 mb-2 text-sm font-medium focus:outline-none rounded-lg border;\n    background-color: var(--button-background-color);\n    color: var(--button-text-color);\n    border-color: var(--button-border-color);\n  }\n\n  .btn:hover {\n    background-color: var(--button-background-color-hover);\n    color: var(--button-text-color-hover);\n    border-color: var(--button-border-color-hover);\n  }\n}\n\n#ocs-chat-window {\n  z-index: var(--chat-z-index);\n}\n\n.iframe-placeholder {\n    /*loading-dots*/\n  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48c3R5bGU+LnNwaW5uZXJfcU04M3thbmltYXRpb246c3Bpbm5lcl84SFFHIDEuMDVzIGluZmluaXRlfS5zcGlubmVyX29YUHJ7YW5pbWF0aW9uLWRlbGF5Oi4xc30uc3Bpbm5lcl9aVExme2FuaW1hdGlvbi1kZWxheTouMnN9QGtleWZyYW1lcyBzcGlubmVyXzhIUUd7MCUsNTcuMTQle2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKDAuMzMsLjY2LC42NiwxKTt0cmFuc2Zvcm06dHJhbnNsYXRlKDApfTI4LjU3JXthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllcigwLjMzLDAsLjY2LC4zMyk7dHJhbnNmb3JtOnRyYW5zbGF0ZVkoLTZweCl9MTAwJXt0cmFuc2Zvcm06dHJhbnNsYXRlKDApfX08L3N0eWxlPjxjaXJjbGUgY2xhc3M9J3NwaW5uZXJfcU04MycgY3g9JzQnIGN5PScxMicgcj0nMycvPjxjaXJjbGUgY2xhc3M9J3NwaW5uZXJfcU04MyBzcGlubmVyX29YUHInIGN4PScxMicgY3k9JzEyJyByPSczJy8+PGNpcmNsZSBjbGFzcz0nc3Bpbm5lcl9xTTgzIHNwaW5uZXJfWlRMZicgY3g9JzIwJyBjeT0nMTInIHI9JzMnLz48L3N2Zz4=);\n  background-repeat: no-repeat;\n  background-position: center;\n}\n","import { Component, Host, h, Prop, State, Build } from '@stencil/core';\nimport {\n  ArrowLeftEndOnRectangleIcon,\n  ArrowRightEndOnRectangleIcon,\n  ArrowDownOnSquareIcon,\n  ViewfinderCircleIcon,\n  XMarkIcon,\n  ChevronDownIcon,\n  ChevronUpIcon,\n} from './heroicons';\n\nconst allowedHosts = [\"chatbots.dimagi.com\"];\n\n@Component({\n  tag: 'open-chat-studio-widget',\n  styleUrl: 'ocs-chat.css',\n  shadow: true,\n})\nexport class OcsChat {\n\n  /**\n   * The URL of the bot to connect to.\n   */\n  @Prop() botUrl!: string;\n\n  /**\n   * The text to display on the button.\n   */\n  @Prop() buttonText: string = \"Chat\";\n\n  /**\n   * Whether the chat widget is visible on load.\n   */\n  @Prop({ mutable: true }) visible: boolean = false;\n\n  /**\n   * The initial position of the chat widget on the screen.\n   */\n  @Prop({ mutable: true }) position: 'left' | 'center' | 'right' = 'right';\n\n  /**\n   * Whether the chat widget is initially expanded.\n   */\n  @Prop({ mutable: true }) expanded: boolean = false;\n\n  @State() loaded: boolean = false;\n  @State() error: string = \"\";\n\n  componentWillLoad() {\n    this.loaded = this.visible;\n    if (!Build.isDev) {\n      try {\n        const url = new URL(this.botUrl);\n        if (!allowedHosts.includes(url.host)) {\n          this.error = `Invalid Bot URL: ${this.botUrl}`;\n        }\n      } catch {\n        this.error = `Invalid Bot URL: ${this.botUrl}`;\n      }\n    }\n  }\n\n  load() {\n    this.visible = !this.visible;\n    this.loaded = true;\n  }\n\n  setPosition(position: 'left' | 'center' | 'right') {\n    if (position === this.position) return;\n    this.position = position;\n  }\n\n  toggleSize() {\n    this.expanded = !this.expanded;\n  }\n\n  getPositionClasses() {\n    const baseClasses = `fixed w-full sm:w-[450px] ${this.expanded ? 'h-5/6' : 'h-3/5'} bg-white border border-gray-200 shadow-lg rounded-lg overflow-hidden flex flex-col`;\n\n    const positionClasses = {\n      left: 'left-0 sm:left-5 bottom-0 sm:bottom-5',\n      right: 'right-0 sm:right-5 bottom-0 sm:bottom-5',\n      center: 'left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2'\n    }[this.position];\n\n    return `${baseClasses} ${positionClasses}`;\n  }\n\n  render() {\n    if (this.error) {\n      return (\n        <Host>\n          <p>{this.error}</p>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <button class=\"btn\" onClick={() => this.load()}>{this.buttonText}</button>\n        {this.visible && (\n          <div id=\"ocs-chat-window\" class={this.getPositionClasses()}>\n            <div class=\"flex justify-between items-center px-2 py-2 border-b border-gray-100\">\n              <div class=\"flex gap-1\">\n                <button\n                  class={{\n                    'hidden sm:block p-1.5 rounded-md transition-colors duration-200 hover:bg-gray-100': true,\n                    'text-blue-600': this.position === 'left',\n                    'text-gray-500': this.position !== 'left'\n                  }}\n                  onClick={() => this.setPosition('left')}\n                  aria-label=\"Dock to left\"\n                  title=\"Dock to left\"\n                >\n                  <ArrowLeftEndOnRectangleIcon/>\n                </button>\n                <button\n                  class={{\n                    'p-1.5 rounded-md transition-colors duration-200 hover:bg-gray-100': true,\n                    'text-blue-600': this.position === 'center',\n                    'text-gray-500': this.position !== 'center'\n                  }}\n                  onClick={() => this.setPosition('center')}\n                  aria-label=\"Center\"\n                  title=\"Center\"\n                >\n                  <ViewfinderCircleIcon/>\n                </button>\n                <button\n                  class={{\n                    'p-1.5 rounded-md transition-colors duration-200 hover:bg-gray-100': true,\n                    'text-blue-600': this.position === 'right',\n                    'text-gray-500': this.position !== 'right'\n                  }}\n                  onClick={() => this.setPosition('right')}\n                  aria-label=\"Dock to right\"\n                  title=\"Dock to right\"\n                >\n                  <span class=\"hidden sm:block\"><ArrowRightEndOnRectangleIcon/></span>\n                  <span class=\"sm:hidden\"><ArrowDownOnSquareIcon/></span>\n                </button>\n              </div>\n              <div class=\"flex gap-1\">\n                <button\n                  class=\"p-1.5 rounded-md transition-colors duration-200 hover:bg-gray-100 text-gray-500\"\n                  onClick={() => this.toggleSize()}\n                  aria-label={this.expanded ? \"Collapse\" : \"Expand\"}\n                  title={this.expanded ? \"Collapse\" : \"Expand\"}\n                >\n                  {this.expanded ? <ChevronDownIcon/> : <ChevronUpIcon/>}\n                </button>\n                <button\n                  class=\"p-1.5 hover:bg-gray-100 rounded-md transition-colors duration-200 text-gray-500\"\n                  onClick={() => this.visible = false}\n                  aria-label=\"Close\"\n                >\n                  <XMarkIcon/>\n                </button>\n              </div>\n            </div>\n            {this.loaded && (\n              <iframe\n                class=\"flex-grow w-full border-none iframe-placeholder\"\n                src={this.botUrl}\n              ></iframe>\n            )}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/open-chat-studio-widget.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-3870d3ba.js';
-export { s as setNonce } from './index-3870d3ba.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-b73ebc69.js';
+export { s as setNonce } from './index-b73ebc69.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.25.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = import.meta.url;

package/dist/esm/open-chat-studio-widget.js.map

@@ -1 +1 @@
-{"file":"open-chat-studio-widget.js","mappings":";;;;AAAA;AACA;AACA;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACrC,EAAE,MAAM,IAAI,GAAiE,EAAE,CAAC;AAChF,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AACtD,GAAG;AACH,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE,CAAC;AACxB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC","names":[],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.25.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}
+{"file":"open-chat-studio-widget.js","mappings":";;;;AAAA;AACA;AACA;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACrC,EAAE,MAAM,IAAI,GAAiE,EAAE,CAAC;AAChF,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AACtD,GAAG;AACH,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE,CAAC;AACxB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC","names":[],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}

package/dist/open-chat-studio-widget/open-chat-studio-widget.esm.js

@@ -1,2 +1,2 @@
-import{p as t,b as e}from"./p-a0561deb.js";export{s as setNonce}from"./p-a0561deb.js";import{g as o}from"./p-e1255160.js";var r=()=>{const e=import.meta.url;const o={};if(e!==""){o.resourcesUrl=new URL(".",e).href}return t(o)};r().then((async t=>{await o();return e([["p-216e7afd",[[1,"open-chat-studio-widget",{botUrl:[1,"bot-url"],buttonText:[1,"button-text"],visible:[1028],position:[1025],expanded:[1028],loaded:[32],error:[32]}]]]],t)}));
+import{p as t,b as o}from"./p-4cdc34c1.js";export{s as setNonce}from"./p-4cdc34c1.js";import{g as e}from"./p-e1255160.js";var r=()=>{const o=import.meta.url;const e={};if(o!==""){e.resourcesUrl=new URL(".",o).href}return t(e)};r().then((async t=>{await e();return o([["p-c4c7c404",[[1,"open-chat-studio-widget",{botUrl:[1,"bot-url"],buttonText:[1,"button-text"],visible:[1028],position:[1025],expanded:[1028],loaded:[32],error:[32]}]]]],t)}));
 //# sourceMappingURL=open-chat-studio-widget.esm.js.map

package/dist/open-chat-studio-widget/open-chat-studio-widget.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","botUrl","buttonText","visible","position","expanded","loaded","error"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.25.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAc,6CAAuC,CAAAC,OAAA,cAAAC,WAAA,kBAAAC,QAAA,OAAAC,SAAA,OAAAC,SAAA,OAAAC,OAAA,KAAAC,MAAA,UAAAT,EAAA","ignoreList":[]}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","botUrl","buttonText","visible","position","expanded","loaded","error"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAc,6CAAuC,CAAAC,OAAA,cAAAC,WAAA,kBAAAC,QAAA,OAAAC,SAAA,OAAAC,SAAA,OAAAC,OAAA,KAAAC,MAAA,UAAAT,EAAA","ignoreList":[]}

package/dist/open-chat-studio-widget/p-4cdc34c1.js

@@ -0,0 +1,3 @@
+const e="open-chat-studio-widget";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:false,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:false,element:false,event:false,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:false,hostListenerTarget:false,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:false,mode:false,modernPropertyDecls:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:false,propString:true,reflect:false,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:false,slotChildNodesFix:false,slotRelocation:false,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:false,vdomListener:true,vdomPropOrAttr:true,vdomRef:false,vdomRender:true,vdomStyle:false,vdomText:true,vdomXlink:false,watchCallback:false};var n=Object.defineProperty;var s=(e,t)=>{for(var s in t)n(e,s,{get:t[s],enumerable:true})};var r="http://www.w3.org/2000/svg";var l="http://www.w3.org/1999/xhtml";var i=new WeakMap;var o=e=>i.get(e);var a=(e,t)=>{i.set(t.t=e,t)};var f=(e,t)=>{const n={l:0,$hostElement$:e,i:t,o:new Map};{n.u=new Promise((e=>n.v=e));e["s-p"]=[];e["s-rc"]=[]}const s=i.set(e,n);return s};var c=(e,t)=>t in e;var u=(e,t)=>(0,console.error)(e,t);var v=new Map;var d=(e,t,n)=>{const s=e.h.replace(/-/g,"_");const r=e.p;if(!r){return void 0}const l=v.get(r);if(l){return l[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${r}.entry.js${""}`).then((e=>{{v.set(r,e)}return e[s]}),(e=>{u(e,t.$hostElement$)}))};var h=new Map;var p="sty-id";var m="{visibility:hidden}.hydrated{visibility:inherit}";var y="slot-fb{display:contents}slot-fb[hidden]{display:none}";var w=typeof window!=="undefined"?window:{};var b=w.document||{head:{}};var g={l:0,m:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,s)=>e.addEventListener(t,n,s),rel:(e,t,n,s)=>e.removeEventListener(t,n,s),ce:(e,t)=>new CustomEvent(e,t)};var S=e=>Promise.resolve(e);var $=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var j=false;var C=[];var O=[];var k=(e,t)=>n=>{e.push(n);if(!j){j=true;if(t&&g.l&4){T(E)}else{g.raf(E)}}};var x=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){u(e)}}e.length=0};var E=()=>{x(C);{x(O);if(j=C.length>0){g.raf(E)}}};var T=e=>S().then(e);var D=k(O,true);var L=e=>{e=typeof e;return e==="object"||e==="function"};function M(e){var t,n,s;return(s=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?s:void 0}var R={};s(R,{err:()=>P,map:()=>A,ok:()=>F,unwrap:()=>N,unwrapErr:()=>U});var F=e=>({isOk:true,isErr:false,value:e});var P=e=>({isOk:false,isErr:true,value:e});function A(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>F(e)))}else{return F(n)}}if(e.isErr){const t=e.value;return P(t)}throw"should never get here"}var N=e=>{if(e.isOk){return e.value}else{throw e.value}};var U=e=>{if(e.isErr){return e.value}else{throw e.value}};var W=(e,t="")=>{{return()=>{}}};var H=(e,t)=>{{return()=>{}}};var z=(e,t,...n)=>{let s=null;let r=false;let l=false;const i=[];const o=t=>{for(let n=0;n<t.length;n++){s=t[n];if(Array.isArray(s)){o(s)}else if(s!=null&&typeof s!=="boolean"){if(r=typeof e!=="function"&&!L(s)){s=String(s)}if(r&&l){i[i.length-1].S+=s}else{i.push(r?B(null,s):s)}l=r}}};o(n);if(t){{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,i,q)}const a=B(e,null);a.$=t;if(i.length>0){a.j=i}return a};var B=(e,t)=>{const n={l:0,C:e,S:t,O:null,j:null};{n.$=null}return n};var Q={};var V=e=>e&&e.C===Q;var q={forEach:(e,t)=>e.map(G).forEach(t),map:(e,t)=>e.map(G).map(t).map(I)};var G=e=>({vattrs:e.$,vchildren:e.j,vkey:e.k,vname:e.T,vtag:e.C,vtext:e.S});var I=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return z(e.vtag,t,...e.vchildren||[])}const t=B(e.vtag,e.vtext);t.$=e.vattrs;t.j=e.vchildren;t.k=e.vkey;t.T=e.vname;return t};var K=(e,t)=>{if(e!=null&&!L(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&1){return String(e)}return e}return e};var X=(e,t,n)=>{const s=g.ce(t,n);e.dispatchEvent(s);return s};var _=new WeakMap;var J=(e,t,n)=>{let s=h.get(e);if($&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=t}else{s.replaceSync(t)}}else{s=t}h.set(e,s)};var Y=(e,t,n)=>{var s;const r=ee(t);const l=h.get(r);e=e.nodeType===11?e:b;if(l){if(typeof l==="string"){e=e.head||e;let n=_.get(e);let i;if(!n){_.set(e,n=new Set)}if(!n.has(r)){{i=document.querySelector(`[${p}="${r}"]`)||b.createElement("style");i.innerHTML=l;const n=(s=g.D)!=null?s:M(b);if(n!=null){i.setAttribute("nonce",n)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(i,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if($){const t=new CSSStyleSheet;t.replaceSync(l);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=l+t.innerHTML}else{e.prepend(i)}}}else{e.append(i)}}if(t.l&1){e.insertBefore(i,null)}}if(t.l&4){i.innerHTML+=y}if(n){n.add(r)}}}else if(!e.adoptedStyleSheets.includes(l)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]}}return r};var Z=e=>{const t=e.i;const n=e.$hostElement$;const s=t.l;const r=W("attachStyles",t.h);const l=Y(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(s&10&&s&2||s&128){n["s-sc"]=l;n.classList.add(l+"-h")}r()};var ee=(e,t)=>"sc-"+e.h;var te=(e,t,n,s,r,l,i)=>{if(n!==s){let i=c(e,t);let o=t.toLowerCase();if(t==="class"){const t=e.classList;const r=se(n);let l=se(s);{t.remove(...r.filter((e=>e&&!l.includes(e))));t.add(...l.filter((e=>e&&!r.includes(e))))}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(c(w,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(n||s){const r=t.endsWith(re);t=t.replace(le,"");if(n){g.rel(e,t,n,r)}if(s){g.ael(e,t,s,r)}}}else{const o=L(s);if((i||o&&s!==null)&&!r){try{if(!e.tagName.includes("-")){const r=s==null?"":s;if(t==="list"){i=false}else if(n==null||e[t]!=r){if(typeof e.__lookupSetter__(t)==="function"){e[t]=r}else{e.setAttribute(t,r)}}}else if(e[t]!==s){e[t]=s}}catch(e){}}if(s==null||s===false){if(s!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!i||l&4||r)&&!o){s=s===true?"":s;{e.setAttribute(t,s)}}}}};var ne=/\s/;var se=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(ne)};var re="Capture";var le=new RegExp(re+"$");var ie=(e,t,n,s)=>{const r=t.O.nodeType===11&&t.O.host?t.O.host:t.O;const l=e&&e.$||{};const i=t.$||{};{for(const e of oe(Object.keys(l))){if(!(e in i)){te(r,e,l[e],void 0,n,t.l)}}}for(const e of oe(Object.keys(i))){te(r,e,l[e],i[e],n,t.l)}};function oe(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ae;var fe=false;var ce=false;var ue=(e,n,s)=>{const i=n.j[s];let o=0;let a;let f;if(i.S!==null){a=i.O=b.createTextNode(i.S)}else{if(!ce){ce=i.C==="svg"}a=i.O=b.createElementNS(ce?r:l,!fe&&t.slotRelocation&&i.l&2?"slot-fb":i.C);if(ce&&i.C==="foreignObject"){ce=false}{ie(null,i,ce)}if(i.j){for(o=0;o<i.j.length;++o){f=ue(e,i,o);if(f){a.appendChild(f)}}}{if(i.C==="svg"){ce=false}else if(a.tagName==="foreignObject"){ce=true}}}a["s-hn"]=ae;return a};var ve=(e,t,n,s,r,l)=>{let i=e;let o;if(i.shadowRoot&&i.tagName===ae){i=i.shadowRoot}for(;r<=l;++r){if(s[r]){o=ue(null,n,r);if(o){s[r].O=o;ye(i,o,t)}}}};var de=(e,t,n)=>{for(let s=t;s<=n;++s){const t=e[s];if(t){const e=t.O;if(e){e.remove()}}}};var he=(e,t,n,s,r=false)=>{let l=0;let i=0;let o=t.length-1;let a=t[0];let f=t[o];let c=s.length-1;let u=s[0];let v=s[c];let d;while(l<=o&&i<=c){if(a==null){a=t[++l]}else if(f==null){f=t[--o]}else if(u==null){u=s[++i]}else if(v==null){v=s[--c]}else if(pe(a,u,r)){me(a,u,r);a=t[++l];u=s[++i]}else if(pe(f,v,r)){me(f,v,r);f=t[--o];v=s[--c]}else if(pe(a,v,r)){me(a,v,r);ye(e,a.O,f.O.nextSibling);a=t[++l];v=s[--c]}else if(pe(f,u,r)){me(f,u,r);ye(e,f.O,a.O);f=t[--o];u=s[++i]}else{{d=ue(t&&t[i],n,i);u=s[++i]}if(d){{ye(a.O.parentNode,d,a.O)}}}}if(l>o){ve(e,s[c+1]==null?null:s[c+1].O,n,s,i,c)}else if(i>c){de(t,l,o)}};var pe=(e,t,n=false)=>{if(e.C===t.C){if(n&&!e.k&&t.k){e.k=t.k}return true}return false};var me=(e,n,s=false)=>{const r=n.O=e.O;const l=e.j;const i=n.j;const o=n.C;const a=n.S;if(a===null){{ce=o==="svg"?true:o==="foreignObject"?false:ce}{{ie(e,n,ce)}}if(l!==null&&i!==null){he(r,l,n,i,s)}else if(i!==null){if(e.S!==null){r.textContent=""}ve(r,null,n,i,0,i.length-1)}else if(!s&&t.updatable&&l!==null){de(l,0,l.length-1)}if(ce&&o==="svg"){ce=false}}else if(e.S!==a){r.data=a}};var ye=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var we=(e,t,n=false)=>{const s=e.$hostElement$;const r=e.i;const l=e.L||B(null,null);const i=V(t)?t:z(null,null,t);ae=s.tagName;if(n&&i.$){for(const e of Object.keys(i.$)){if(s.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){i.$[e]=s[e]}}}i.C=null;i.l|=4;e.L=i;i.O=l.O=s.shadowRoot||s;fe=!!(r.l&1)&&!(r.l&128);me(l,i,n)};var be=(e,t)=>{if(t&&!e.M&&t["s-p"]){const n=t["s-p"].push(new Promise((s=>e.M=()=>{t["s-p"].splice(n-1,1);s()})))}};var ge=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}be(e,e.R);const n=()=>Se(e,t);return D(n)};var Se=(e,t)=>{const n=e.$hostElement$;const s=W("scheduleUpdate",e.i.h);const r=e.t;if(!r){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let l;if(t){{l=Ee(r,"componentWillLoad",void 0,n)}}s();return $e(l,(()=>Ce(e,r,t)))};var $e=(e,t)=>je(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var je=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Ce=async(e,t,n)=>{var s;const r=e.$hostElement$;const l=W("update",e.i.h);const i=r["s-rc"];if(n){Z(e)}const o=W("render",e.i.h);{Oe(e,t,r,n)}if(i){i.map((e=>e()));r["s-rc"]=void 0}o();l();{const t=(s=r["s-p"])!=null?s:[];const n=()=>ke(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.l|=4;t.length=0}}};var Oe=(e,t,n,s)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{we(e,t,s)}}}}catch(t){u(t,e.$hostElement$)}return null};var ke=e=>{const t=e.i.h;const n=e.$hostElement$;const s=W("postUpdate",t);const r=e.R;if(!(e.l&64)){e.l|=64;{Te(n)}s();{e.v(n);if(!r){xe()}}}else{s()}{if(e.M){e.M();e.M=void 0}if(e.l&512){T((()=>ge(e,false)))}e.l&=~(4|512)}};var xe=t=>{T((()=>X(w,"appload",{detail:{namespace:e}})))};var Ee=(e,t,n,s)=>{if(e&&e[t]){try{return e[t](n)}catch(e){u(e,s)}}return void 0};var Te=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var De=(e,t)=>o(e).o.get(t);var Le=(e,t,n,s)=>{const r=o(e);if(!r){throw new Error(`Couldn't find host element for "${s.h}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const l=r.o.get(t);const i=r.l;const a=r.t;n=K(n,s.F[t][0]);const f=Number.isNaN(l)&&Number.isNaN(n);const c=n!==l&&!f;if((!(i&8)||l===void 0)&&c){r.o.set(t,n);if(a){if((i&(2|16))===2){ge(r,false)}}}};var Me=(e,n,s)=>{var r,l;const i=e.prototype;if(n.F||t.watchCallback){const a=Object.entries((r=n.F)!=null?r:{});a.map((([e,[t]])=>{if(t&31||s&2&&t&32){const{get:r,set:l}=Object.getOwnPropertyDescriptor(i,e)||{};if(r)n.F[e][0]|=2048;if(l)n.F[e][0]|=4096;if(s&1||!r){Object.defineProperty(i,e,{get(){{if((n.F[e][0]&2048)===0){return De(this,e)}const t=o(this);const s=t?t.t:i;if(!s)return;return s[e]}},configurable:true,enumerable:true})}Object.defineProperty(i,e,{set(r){const i=o(this);if(l){const s=t&32?this[e]:i.$hostElement$[e];if(typeof s==="undefined"&&i.o.get(e)){r=i.o.get(e)}else if(!i.o.get(e)&&s){i.o.set(e,s)}l.apply(this,[K(r,t)]);r=t&32?this[e]:i.$hostElement$[e];Le(this,e,r,n);return}{if((s&1)===0||(n.F[e][0]&4096)===0){Le(this,e,r,n);if(s&1&&!i.t){i.u.then((()=>{if(n.F[e][0]&4096&&i.t[e]!==i.o.get(e)){i.t[e]=r}}))}return}const l=()=>{const s=i.t[e];if(!i.o.get(e)&&s){i.o.set(e,s)}i.t[e]=K(r,t);Le(this,e,i.t[e],n)};if(i.t){l()}else{i.u.then((()=>l()))}}}})}}));if(s&1){const s=new Map;i.attributeChangedCallback=function(e,r,l){g.jmp((()=>{var a;const f=s.get(e);if(this.hasOwnProperty(f)&&t.lazyLoad){l=this[f];delete this[f]}else if(i.hasOwnProperty(f)&&typeof this[f]==="number"&&this[f]==l){return}else if(f==null){const t=o(this);const s=t==null?void 0:t.l;if(s&&!(s&8)&&s&128&&l!==r){const s=t.t;const i=(a=n.P)==null?void 0:a[e];i==null?void 0:i.forEach((t=>{if(s[t]!=null){s[t].call(s,l,r,e)}}))}return}const c=Object.getOwnPropertyDescriptor(i,f);l=l===null&&typeof this[f]==="boolean"?false:l;if(l!==this[f]&&(!c.get||!!c.set)){this[f]=l}}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=n.P)!=null?l:{}),...a.filter((([e,t])=>t[0]&15)).map((([e,t])=>{const n=t[1]||e;s.set(n,e);return n}))]))}}return e};var Re=async(e,t,n,s)=>{let r;if((t.l&32)===0){t.l|=32;const s=n.p;if(s){const s=d(n,t);if(s&&"then"in s){const e=H();r=await s;e()}else{r=s}if(!r){throw new Error(`Constructor for "${n.h}#${t.A}" was not found`)}if(!r.isProxied){Me(r,n,2);r.isProxied=true}const l=W("createInstance",n.h);{t.l|=8}try{new r(t)}catch(t){u(t,e)}{t.l&=~8}l()}else{r=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.l|=128))}if(r&&r.style){let e;if(typeof r.style==="string"){e=r.style}const t=ee(n);if(!h.has(t)){const s=W("registerStyles",n.h);J(t,e,!!(n.l&1));s()}}}const l=t.R;const i=()=>ge(t,true);if(l&&l["s-rc"]){l["s-rc"].push(i)}else{i()}};var Fe=(e,t)=>{};var Pe=e=>{if((g.l&1)===0){const t=o(e);const n=t.i;const s=W("connectedCallback",n.h);if(!(t.l&1)){t.l|=1;{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){be(t,t.R=n);break}}}if(n.F){Object.entries(n.F).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{Re(e,t,n)}}else{if(t==null?void 0:t.t);else if(t==null?void 0:t.u){t.u.then((()=>Fe()))}}s()}};var Ae=(e,t)=>{};var Ne=async e=>{if((g.l&1)===0){const t=o(e);if(t==null?void 0:t.t);else if(t==null?void 0:t.u){t.u.then((()=>Ae()))}}if(_.has(e)){_.delete(e)}if(e.shadowRoot&&_.has(e.shadowRoot)){_.delete(e.shadowRoot)}};var Ue=(e,t={})=>{var n;const s=W();const r=[];const l=t.exclude||[];const i=w.customElements;const a=b.head;const c=a.querySelector("meta[charset]");const u=b.createElement("style");const v=[];let d;let h=true;Object.assign(g,t);g.m=new URL(t.resourcesUrl||"./",b.baseURI).href;let p=false;e.map((e=>{e[1].map((t=>{const n={l:t[0],h:t[1],F:t[2],N:t[3]};if(n.l&4){p=true}{n.F=t[2]}const s=n.h;const a=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;f(e,n);if(n.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.h}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){o(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{g.jmp((()=>Pe(this)))}}disconnectedCallback(){g.jmp((()=>Ne(this)));g.raf((()=>{var e;const t=o(this);const n=v.findIndex((e=>e===this));if(n>-1){v.splice(n,1)}if(((e=t==null?void 0:t.L)==null?void 0:e.O)instanceof Node&&!t.L.O.isConnected){delete t.L.O}}))}componentOnReady(){return o(this).u}};n.p=e[0];if(!l.includes(s)&&!i.get(s)){r.push(s);i.define(s,Me(a,n,1))}}))}));if(r.length>0){if(p){u.textContent+=y}{u.textContent+=r.sort()+m}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=g.D)!=null?n:M(b);if(e!=null){u.setAttribute("nonce",e)}a.insertBefore(u,c?c.nextSibling:a.firstChild)}}h=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{g.jmp((()=>d=setTimeout(xe,30)))}}s()};var We=e=>g.D=e;export{Q as H,Ue as b,z as h,S as p,a as r,We as s};
+//# sourceMappingURL=p-4cdc34c1.js.map