@elevenlabs/convai-widget-core 0.0.8 → 0.0.10
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/dist/contexts/server-location.d.ts +1 -2
- package/dist/index.js +946 -899
- package/dist/mocks/browser.d.ts +1 -0
- package/dist/types/config.d.ts +27 -0
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var J = (e, t, n) =>
|
|
4
|
-
import
|
|
5
|
-
import { jsx as h, jsxs as
|
|
1
|
+
var Ho = Object.defineProperty;
|
|
2
|
+
var jo = (e, t, n) => t in e ? Ho(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
|
|
3
|
+
var J = (e, t, n) => jo(e, typeof t != "symbol" ? t + "" : t, n);
|
|
4
|
+
import Yo from "preact-custom-element";
|
|
5
|
+
import { jsx as h, jsxs as P, Fragment as wt } from "preact/jsx-runtime";
|
|
6
6
|
import * as u from "preact/compat";
|
|
7
|
-
import
|
|
8
|
-
import { signal as le, computed as xe,
|
|
9
|
-
import { Conversation as
|
|
7
|
+
import _e, { useContext as Xo, createContext as pe, useMemo as Re, useRef as we, useEffect as Oe, memo as sr, useState as be, useCallback as Te, forwardRef as Ko, useLayoutEffect as Go } from "preact/compat";
|
|
8
|
+
import { signal as le, computed as xe, useSignal as ue, useComputed as Y, useSignalEffect as ze } from "@preact/signals";
|
|
9
|
+
import { Conversation as Zo } from "@elevenlabs/client";
|
|
10
10
|
import { clsx as j } from "clsx";
|
|
11
|
-
import { jsx as k, jsxs as
|
|
11
|
+
import { jsx as k, jsxs as _t, Fragment as mn } from "preact/compat/jsx-runtime";
|
|
12
12
|
function Qe(e) {
|
|
13
13
|
return e ? e === "true" ? !0 : e === "false" ? !1 : null : null;
|
|
14
14
|
}
|
|
@@ -35,19 +35,95 @@ const rn = [
|
|
|
35
35
|
"transcript",
|
|
36
36
|
"text-input",
|
|
37
37
|
"text-contents"
|
|
38
|
-
], Zo = '@import"https://fonts.googleapis.com/css2?family=Inter:wght@400,500&display=swap";*,: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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}: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:-.25em}sup{top:-.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}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-auto{pointer-events:auto}.\\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-3{bottom:-12px}.bottom-0{bottom:0}.bottom-20{bottom:80px}.left-0{left:0}.left-1\\/2{left:50%}.left-4{left:16px}.right-0{right:0}.top-0{top:0}.top-1\\/2{top:50%}.top-20{top:80px}.top-4{top:16px}.z-1{z-index:1}.z-10{z-index:10}.m-1{margin:4px}.-mx-0\\.5{margin-left:-2px;margin-right:-2px}.mx-1{margin-left:4px;margin-right:4px}.-mr-1\\.5{margin-right:-6px}.ml-auto{margin-left:auto}.mt-2{margin-top:8px}.block{display:block}.inline{display:inline}.\\!flex{display:flex!important}.flex{display:flex}.inline-flex{display:inline-flex}.contents{display:contents}.hidden{display:none}.h-11{height:44px}.h-16{height:64px}.h-4{height:16px}.h-48{height:192px}.h-5{height:20px}.h-6{height:24px}.h-9{height:36px}.h-\\[calc\\(100\\%-80px\\)\\]{height:calc(100% - 80px)}.h-full{height:100%}.h-screen{height:100vh}.max-h-\\[550px\\]{max-height:550px}.max-h-\\[8lh\\]{max-height:8lh}.max-h-\\[min\\(384px\\,var\\(--radix-select-content-available-height\\)\\)\\]{max-height:min(384px,var(--radix-select-content-available-height))}.min-h-min{min-height:-moz-min-content;min-height:min-content}.w-16{width:64px}.w-4{width:16px}.w-48{width:192px}.w-5{width:20px}.w-6{width:24px}.w-64{width:256px}.w-9{width:36px}.w-full{width:100%}.w-screen{width:100vw}.\\!min-w-60{min-width:240px!important}.min-w-0{min-width:0px}.min-w-60{min-width:240px}.min-w-9{min-width:36px}.min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.min-w-max{min-width:-moz-max-content;min-width:max-content}.min-w-min{min-width:-moz-min-content;min-width:min-content}.max-w-64{max-width:256px}.max-w-\\[400px\\]{max-width:400px}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-bottom{transform-origin:bottom}.origin-bottom-left{transform-origin:bottom left}.origin-bottom-right{transform-origin:bottom right}.origin-top{transform-origin:top}.origin-top-left{transform-origin:top left}.origin-top-right{transform-origin:top right}.-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-\\[calc\\(var\\(--el-overlay-padding\\)\\)\\]{--tw-translate-y: calc(calc(var(--el-overlay-padding)) * -1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[calc\\(var\\(--el-overlay-padding\\)\\)\\]{--tw-translate-y: calc(var(--el-overlay-padding));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-180{--tw-rotate: -180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-150{--tw-scale-x: 1.5;--tw-scale-y: 1.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-75{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[0\\.333\\]{--tw-scale-x: .333;--tw-scale-y: .333;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-2\\.5{gap:10px}.gap-3{gap:12px}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded-\\[calc\\(var\\(--el-button-radius\\)\\+4px\\)\\]{border-radius:calc(var(--el-button-radius) + 4px)}.rounded-bubble{border-radius:var(--el-bubble-radius)}.rounded-button{border-radius:var(--el-button-radius)}.rounded-compact-sheet{border-radius:var(--el-compact-sheet-radius)}.rounded-dropdown-sheet{border-radius:var(--el-dropdown-sheet-radius)}.rounded-full{border-radius:9999px}.rounded-input{border-radius:var(--el-input-radius)}.rounded-sheet{border-radius:var(--el-sheet-radius)}.rounded-bl-\\[calc\\(var\\(--el-bubble-radius\\)\\/3\\)\\]{border-bottom-left-radius:calc(var(--el-bubble-radius) / 3)}.border{border-width:1px}.border-accent{border-color:var(--el-accent)}.border-base-border{border-color:var(--el-base-border)}.bg-accent{background-color:var(--el-accent)}.bg-base{background-color:var(--el-base)}.bg-base-active{background-color:var(--el-base-active)}.bg-base-border{background-color:var(--el-base-border)}.bg-base-hover{background-color:var(--el-base-hover)}.bg-cover{background-size:cover}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:4px}.p-1\\.5{padding:6px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.px-1{padding-left:4px;padding-right:4px}.px-1\\.5{padding-left:6px;padding-right:6px}.px-2{padding-left:8px;padding-right:8px}.px-2\\.5{padding-left:10px;padding-right:10px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-8{padding-left:32px;padding-right:32px}.py-1\\.5{padding-top:6px;padding-bottom:6px}.py-2\\.5{padding-top:10px;padding-bottom:10px}.py-\\[calc\\(theme\\(spacing\\.2\\)-1px\\)\\]{padding-top:7px;padding-bottom:7px}.pb-1{padding-bottom:4px}.pb-3{padding-bottom:12px}.pl-16{padding-left:64px}.pr-16{padding-right:64px}.pr-3{padding-right:12px}.pt-1{padding-top:4px}.text-center{text-align:center}.text-\\[10px\\]{font-size:10px}.text-lg{font-size:18px;line-height:26px}.text-md{font-size:16px;line-height:24px}.text-sm{font-size:14px;line-height:20px}.text-xs{font-size:12px;line-height:16px}.font-medium{font-weight:500}.text-accent-primary{color:var(--el-accent-primary)}.text-base-error{color:var(--el-base-error)}.text-base-primary{color:var(--el-base-primary)}.text-base-subtle{color:var(--el-base-subtle)}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-30{opacity:.3}.shadow-lg{--tw-shadow: 0 2px 40px 1px rgba(0, 0, 0, .12);--tw-shadow-colored: 0 2px 40px 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-md{--tw-shadow: 0 2px 24px 1px rgba(0, 0, 0, .16);--tw-shadow-colored: 0 2px 24px 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)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[border-radius\\]{transition-property:border-radius;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[margin\\]{transition-property:margin;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[opacity\\,transform\\]{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[opacity\\,width\\,height\\,transform\\,flex-grow\\]{transition-property:opacity,width,height,transform,flex-grow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[transform\\,left\\,top\\]{transition-property:transform,left,top;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[transform\\,opacity\\]{transition-property:transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.overlay{position:absolute;inset:var(--el-overlay-padding);right:calc(var(--el-overlay-padding) + var(--removed-body-scroll-bar-size, 0px))}.focus-ring{--tw-ring-color: var(--el-accent);--tw-ring-offset-width: 2px;--tw-ring-offset-color: var(--el-base)}.focus-ring:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.animate-text{background-image:linear-gradient(75deg,var(--el-base-primary),var(--el-base-subtle),var(--el-base-primary),var(--el-base-subtle));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:TextAnimation 2s linear infinite}@keyframes TextAnimation{0%{background-position:0 0}to{background-position:100% 0}}.\\!terms h6,.terms h6{font-size:12px;line-height:16px;font-weight:500;color:var(--el-base-primary)}.\\!terms h5,.terms h5{font-size:14px;line-height:20px;font-weight:500;color:var(--el-base-primary)}.\\!terms h4,.terms h4{font-size:16px;line-height:24px;font-weight:500;color:var(--el-base-primary)}.\\!terms h3,.terms h3{font-size:18px;line-height:26px;font-weight:500;color:var(--el-base-primary)}.\\!terms h2,.terms h2{font-size:20px;line-height:28px;font-weight:500;color:var(--el-base-primary)}.\\!terms h2,.terms h2{font-size:24px;line-height:30px;font-weight:500;color:var(--el-base-primary)}.\\[field-sizing\\:content\\]{field-sizing:content}.\\[line-height\\:var\\(--el-overlay-padding\\)\\]{line-height:var(--el-overlay-padding)}.\\[overflow-wrap\\:break-word\\]{overflow-wrap:break-word}:host,:root{--el-base: #ffffff;--el-base-hover: #f9fafb;--el-base-active: #f3f4f6;--el-base-border: #e5e7eb;--el-base-subtle: #6b7280;--el-base-primary: #000000;--el-base-error: #ef4444;--el-accent: #000000;--el-accent-hover: #1f2937;--el-accent-active: #374151;--el-accent-border: #4b5563;--el-accent-subtle: #6b7280;--el-accent-primary: #ffffff;--el-overlay-padding: 32px;--el-button-radius: 18px;--el-input-radius: 10px;--el-bubble-radius: 15px;--el-sheet-radius: calc(var(--el-button-radius) + 6px);--el-compact-sheet-radius: calc(var(--el-button-radius) + 12px);--el-dropdown-sheet-radius: calc(var(--el-input-radius) + 6px)}.dev-host,:host{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;font-size:16px;line-height:24px;color:var(--el-base-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;scrollbar-color:#e5e7eb transparent}.placeholder\\:text-base-subtle::-moz-placeholder{color:var(--el-base-subtle)}.placeholder\\:text-base-subtle::placeholder{color:var(--el-base-subtle)}.hover\\:border-accent-hover:hover{border-color:var(--el-accent-hover)}.hover\\:bg-accent-hover:hover{background-color:var(--el-accent-hover)}.hover\\:bg-base-hover:hover{background-color:var(--el-base-hover)}.hover\\:opacity-50:hover{opacity:.5}.focus-visible\\:underline-offset-2:focus-visible{text-underline-offset:2px}.focus-visible\\:opacity-100:focus-visible{opacity:1}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\\:border-accent-active:active{border-color:var(--el-accent-active)}.active\\:bg-accent-active:active{background-color:var(--el-accent-active)}.active\\:bg-base-active:active{background-color:var(--el-base-active)}.data-hidden\\:-translate-y-4[data-shown=false]{--tw-translate-y: -16px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-hidden\\:translate-y-2[data-shown=false]{--tw-translate-y: 8px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-hidden\\:scale-100[data-shown=false]{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-hidden\\:scale-75[data-shown=false]{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-hidden\\:scale-90[data-shown=false]{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-hidden\\:opacity-0[data-shown=false]{opacity:0}.data-\\[highlighted\\]\\:bg-base-active[data-highlighted]{background-color:var(--el-base-active)}', qo = sr(function() {
|
|
39
|
-
|
|
40
|
-
|
|
38
|
+
], qo = '@import"https://fonts.googleapis.com/css2?family=Inter:wght@400,500&display=swap";*,: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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}: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:-.25em}sup{top:-.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}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-auto{pointer-events:auto}.\\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-3{bottom:-12px}.bottom-0{bottom:0}.bottom-20{bottom:80px}.left-0{left:0}.left-1\\/2{left:50%}.left-4{left:16px}.right-0{right:0}.top-0{top:0}.top-1\\/2{top:50%}.top-20{top:80px}.top-4{top:16px}.z-1{z-index:1}.z-10{z-index:10}.m-1{margin:4px}.-mx-0\\.5{margin-left:-2px;margin-right:-2px}.mx-1{margin-left:4px;margin-right:4px}.-mr-1\\.5{margin-right:-6px}.ml-auto{margin-left:auto}.mt-2{margin-top:8px}.block{display:block}.inline{display:inline}.\\!flex{display:flex!important}.flex{display:flex}.inline-flex{display:inline-flex}.contents{display:contents}.hidden{display:none}.h-11{height:44px}.h-16{height:64px}.h-4{height:16px}.h-48{height:192px}.h-5{height:20px}.h-6{height:24px}.h-9{height:36px}.h-\\[calc\\(100\\%-80px\\)\\]{height:calc(100% - 80px)}.h-full{height:100%}.h-screen{height:100vh}.max-h-\\[550px\\]{max-height:550px}.max-h-\\[8lh\\]{max-height:8lh}.max-h-\\[min\\(384px\\,var\\(--radix-select-content-available-height\\)\\)\\]{max-height:min(384px,var(--radix-select-content-available-height))}.min-h-min{min-height:-moz-min-content;min-height:min-content}.w-16{width:64px}.w-4{width:16px}.w-48{width:192px}.w-5{width:20px}.w-6{width:24px}.w-64{width:256px}.w-9{width:36px}.w-full{width:100%}.w-screen{width:100vw}.\\!min-w-60{min-width:240px!important}.min-w-0{min-width:0px}.min-w-60{min-width:240px}.min-w-9{min-width:36px}.min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.min-w-max{min-width:-moz-max-content;min-width:max-content}.min-w-min{min-width:-moz-min-content;min-width:min-content}.max-w-64{max-width:256px}.max-w-\\[400px\\]{max-width:400px}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-bottom{transform-origin:bottom}.origin-bottom-left{transform-origin:bottom left}.origin-bottom-right{transform-origin:bottom right}.origin-top{transform-origin:top}.origin-top-left{transform-origin:top left}.origin-top-right{transform-origin:top right}.-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-\\[calc\\(var\\(--el-overlay-padding\\)\\)\\]{--tw-translate-y: calc(calc(var(--el-overlay-padding)) * -1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[calc\\(var\\(--el-overlay-padding\\)\\)\\]{--tw-translate-y: calc(var(--el-overlay-padding));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-180{--tw-rotate: -180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-150{--tw-scale-x: 1.5;--tw-scale-y: 1.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-75{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[0\\.333\\]{--tw-scale-x: .333;--tw-scale-y: .333;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-2\\.5{gap:10px}.gap-3{gap:12px}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded-\\[calc\\(var\\(--el-button-radius\\)\\+4px\\)\\]{border-radius:calc(var(--el-button-radius) + 4px)}.rounded-bubble{border-radius:var(--el-bubble-radius)}.rounded-button{border-radius:var(--el-button-radius)}.rounded-compact-sheet{border-radius:var(--el-compact-sheet-radius)}.rounded-dropdown-sheet{border-radius:var(--el-dropdown-sheet-radius)}.rounded-full{border-radius:9999px}.rounded-input{border-radius:var(--el-input-radius)}.rounded-sheet{border-radius:var(--el-sheet-radius)}.rounded-bl-\\[calc\\(var\\(--el-bubble-radius\\)\\/3\\)\\]{border-bottom-left-radius:calc(var(--el-bubble-radius) / 3)}.border{border-width:1px}.border-accent{border-color:var(--el-accent)}.border-base-border{border-color:var(--el-base-border)}.bg-accent{background-color:var(--el-accent)}.bg-base{background-color:var(--el-base)}.bg-base-active{background-color:var(--el-base-active)}.bg-base-border{background-color:var(--el-base-border)}.bg-base-hover{background-color:var(--el-base-hover)}.bg-cover{background-size:cover}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:4px}.p-1\\.5{padding:6px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.px-1{padding-left:4px;padding-right:4px}.px-1\\.5{padding-left:6px;padding-right:6px}.px-2{padding-left:8px;padding-right:8px}.px-2\\.5{padding-left:10px;padding-right:10px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-8{padding-left:32px;padding-right:32px}.py-1\\.5{padding-top:6px;padding-bottom:6px}.py-2\\.5{padding-top:10px;padding-bottom:10px}.py-\\[calc\\(theme\\(spacing\\.2\\)-1px\\)\\]{padding-top:7px;padding-bottom:7px}.pb-1{padding-bottom:4px}.pb-3{padding-bottom:12px}.pl-16{padding-left:64px}.pr-16{padding-right:64px}.pr-3{padding-right:12px}.pt-1{padding-top:4px}.text-center{text-align:center}.text-\\[10px\\]{font-size:10px}.text-lg{font-size:18px;line-height:26px}.text-md{font-size:16px;line-height:24px}.text-sm{font-size:14px;line-height:20px}.text-xs{font-size:12px;line-height:16px}.font-medium{font-weight:500}.text-accent-primary{color:var(--el-accent-primary)}.text-base-error{color:var(--el-base-error)}.text-base-primary{color:var(--el-base-primary)}.text-base-subtle{color:var(--el-base-subtle)}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-30{opacity:.3}.shadow-lg{--tw-shadow: 0 2px 40px 1px rgba(0, 0, 0, .12);--tw-shadow-colored: 0 2px 40px 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-md{--tw-shadow: 0 2px 24px 1px rgba(0, 0, 0, .16);--tw-shadow-colored: 0 2px 24px 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)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[border-radius\\]{transition-property:border-radius;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[margin\\]{transition-property:margin;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[opacity\\,transform\\]{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[opacity\\,width\\,height\\,transform\\,flex-grow\\]{transition-property:opacity,width,height,transform,flex-grow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[transform\\,left\\,top\\]{transition-property:transform,left,top;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[transform\\,opacity\\]{transition-property:transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.overlay{position:absolute;inset:var(--el-overlay-padding);right:calc(var(--el-overlay-padding) + var(--removed-body-scroll-bar-size, 0px))}.focus-ring{--tw-ring-color: var(--el-accent);--tw-ring-offset-width: 2px;--tw-ring-offset-color: var(--el-base)}.focus-ring:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.animate-text{background-image:linear-gradient(75deg,var(--el-base-primary),var(--el-base-subtle),var(--el-base-primary),var(--el-base-subtle));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:TextAnimation 2s linear infinite}@keyframes TextAnimation{0%{background-position:0 0}to{background-position:100% 0}}.\\!terms h6,.terms h6{font-size:12px;line-height:16px;font-weight:500;color:var(--el-base-primary)}.\\!terms h5,.terms h5{font-size:14px;line-height:20px;font-weight:500;color:var(--el-base-primary)}.\\!terms h4,.terms h4{font-size:16px;line-height:24px;font-weight:500;color:var(--el-base-primary)}.\\!terms h3,.terms h3{font-size:18px;line-height:26px;font-weight:500;color:var(--el-base-primary)}.\\!terms h2,.terms h2{font-size:20px;line-height:28px;font-weight:500;color:var(--el-base-primary)}.\\!terms h2,.terms h2{font-size:24px;line-height:30px;font-weight:500;color:var(--el-base-primary)}.\\[field-sizing\\:content\\]{field-sizing:content}.\\[line-height\\:var\\(--el-overlay-padding\\)\\]{line-height:var(--el-overlay-padding)}.\\[overflow-wrap\\:break-word\\]{overflow-wrap:break-word}.dev-host,:host{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;font-size:16px;line-height:24px;color:var(--el-base-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;scrollbar-color:#e5e7eb transparent}.placeholder\\:text-base-subtle::-moz-placeholder{color:var(--el-base-subtle)}.placeholder\\:text-base-subtle::placeholder{color:var(--el-base-subtle)}.hover\\:border-accent-hover:hover{border-color:var(--el-accent-hover)}.hover\\:bg-accent-hover:hover{background-color:var(--el-accent-hover)}.hover\\:bg-base-hover:hover{background-color:var(--el-base-hover)}.hover\\:opacity-50:hover{opacity:.5}.focus-visible\\:underline-offset-2:focus-visible{text-underline-offset:2px}.focus-visible\\:opacity-100:focus-visible{opacity:1}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\\:border-accent-active:active{border-color:var(--el-accent-active)}.active\\:bg-accent-active:active{background-color:var(--el-accent-active)}.active\\:bg-base-active:active{background-color:var(--el-base-active)}.data-hidden\\:-translate-y-4[data-shown=false]{--tw-translate-y: -16px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-hidden\\:translate-y-2[data-shown=false]{--tw-translate-y: 8px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-hidden\\:scale-100[data-shown=false]{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-hidden\\:scale-75[data-shown=false]{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-hidden\\:scale-90[data-shown=false]{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-hidden\\:opacity-0[data-shown=false]{opacity:0}.data-\\[highlighted\\]\\:bg-base-active[data-highlighted]{background-color:var(--el-base-active)}', Dn = ["tiny", "compact", "full"];
|
|
39
|
+
function Qo(e) {
|
|
40
|
+
return Dn.includes(e) ? e : Dn[0];
|
|
41
|
+
}
|
|
42
|
+
const Jo = [
|
|
43
|
+
"top-left",
|
|
44
|
+
"top",
|
|
45
|
+
"top-right",
|
|
46
|
+
"bottom-left",
|
|
47
|
+
"bottom",
|
|
48
|
+
"bottom-right"
|
|
49
|
+
];
|
|
50
|
+
function ea(e) {
|
|
51
|
+
return Jo.includes(e) ? e : "bottom-right";
|
|
52
|
+
}
|
|
53
|
+
const lr = {
|
|
54
|
+
main_label: "Need help?",
|
|
55
|
+
start_call: "Start a call",
|
|
56
|
+
start_chat: "Start a chat",
|
|
57
|
+
new_call: "New call",
|
|
58
|
+
end_call: "End",
|
|
59
|
+
mute_microphone: "Mute microphone",
|
|
60
|
+
change_language: "Change language",
|
|
61
|
+
collapse: "Collapse",
|
|
62
|
+
expand: "Expand",
|
|
63
|
+
copied: "Copied!",
|
|
64
|
+
accept_terms: "Accept",
|
|
65
|
+
dismiss_terms: "Cancel",
|
|
66
|
+
listening_status: "Listening",
|
|
67
|
+
speaking_status: "Talk to interrupt",
|
|
68
|
+
connecting_status: "Connecting",
|
|
69
|
+
chatting_status: "Chatting with AI Agent",
|
|
70
|
+
input_label: "Text message input",
|
|
71
|
+
input_placeholder: "Send a message",
|
|
72
|
+
input_placeholder_text_only: "Send a message",
|
|
73
|
+
input_placeholder_new_conversation: "Start a new conversation",
|
|
74
|
+
user_ended_conversation: "You ended the conversation",
|
|
75
|
+
agent_ended_conversation: "The agent ended the conversation",
|
|
76
|
+
conversation_id: "ID",
|
|
77
|
+
error_occurred: "An error occurred",
|
|
78
|
+
copy_id: "Copy ID"
|
|
79
|
+
}, ta = Object.keys(
|
|
80
|
+
lr
|
|
81
|
+
), cr = {
|
|
82
|
+
base: "#ffffff",
|
|
83
|
+
base_hover: "#f9fafb",
|
|
84
|
+
base_active: "#f3f4f6",
|
|
85
|
+
base_border: "#e5e7eb",
|
|
86
|
+
base_subtle: "#6b7280",
|
|
87
|
+
base_primary: "#000000",
|
|
88
|
+
base_error: "#ef4444",
|
|
89
|
+
accent: "#000000",
|
|
90
|
+
accent_hover: "#1f2937",
|
|
91
|
+
accent_active: "#374151",
|
|
92
|
+
accent_border: "#4b5563",
|
|
93
|
+
accent_subtle: "#6b7280",
|
|
94
|
+
accent_primary: "#ffffff",
|
|
95
|
+
overlay_padding: 32,
|
|
96
|
+
button_radius: 18,
|
|
97
|
+
input_radius: 10,
|
|
98
|
+
bubble_radius: 15,
|
|
99
|
+
sheet_radius: "calc(var(--el-button-radius) + 6px)",
|
|
100
|
+
compact_sheet_radius: "calc(var(--el-button-radius) + 12px)",
|
|
101
|
+
dropdown_sheet_radius: "calc(var(--el-input-radius) + 6px)"
|
|
102
|
+
}, na = Object.keys(
|
|
103
|
+
cr
|
|
104
|
+
);
|
|
105
|
+
function ra(e = "us") {
|
|
106
|
+
switch (e) {
|
|
107
|
+
case "eu-residency":
|
|
108
|
+
case "us":
|
|
109
|
+
case "global":
|
|
110
|
+
return e;
|
|
111
|
+
default:
|
|
112
|
+
return console.warn(
|
|
113
|
+
`[ConversationalAI] Invalid server-location: ${e}. Defaulting to "us"`
|
|
114
|
+
), "us";
|
|
115
|
+
}
|
|
116
|
+
}
|
|
41
117
|
function he(e) {
|
|
42
|
-
const t =
|
|
118
|
+
const t = Xo(e);
|
|
43
119
|
if (t == null)
|
|
44
120
|
throw new Error(
|
|
45
121
|
`${e.displayName} cannot be used outside of provider`
|
|
46
122
|
);
|
|
47
123
|
return t;
|
|
48
124
|
}
|
|
49
|
-
const
|
|
50
|
-
function
|
|
125
|
+
const ur = pe(null);
|
|
126
|
+
function oa({
|
|
51
127
|
value: e,
|
|
52
128
|
children: t
|
|
53
129
|
}) {
|
|
@@ -59,13 +135,38 @@ function Qo({
|
|
|
59
135
|
);
|
|
60
136
|
return rn.forEach((r) => {
|
|
61
137
|
n[r].value = e[r];
|
|
62
|
-
}), /* @__PURE__ */ h(
|
|
138
|
+
}), /* @__PURE__ */ h(ur.Provider, { value: n, children: t });
|
|
63
139
|
}
|
|
64
|
-
function
|
|
65
|
-
return he(
|
|
140
|
+
function aa() {
|
|
141
|
+
return he(ur);
|
|
66
142
|
}
|
|
67
143
|
function H(e) {
|
|
68
|
-
return
|
|
144
|
+
return aa()[e];
|
|
145
|
+
}
|
|
146
|
+
const dr = pe(null);
|
|
147
|
+
function ia({
|
|
148
|
+
children: e
|
|
149
|
+
}) {
|
|
150
|
+
const t = H("server-location"), n = Re(() => {
|
|
151
|
+
const r = xe(() => ra(t.value)), o = {
|
|
152
|
+
us: "https://api.us.elevenlabs.io",
|
|
153
|
+
"eu-residency": "https://api.eu.residency.elevenlabs.io",
|
|
154
|
+
global: "https://api.elevenlabs.io"
|
|
155
|
+
}, a = {
|
|
156
|
+
us: "wss://api.us.elevenlabs.io",
|
|
157
|
+
"eu-residency": "wss://api.eu.residency.elevenlabs.io",
|
|
158
|
+
global: "wss://api.elevenlabs.io"
|
|
159
|
+
};
|
|
160
|
+
return {
|
|
161
|
+
location: r,
|
|
162
|
+
serverUrl: xe(() => o[r.value]),
|
|
163
|
+
webSocketUrl: xe(() => a[r.value])
|
|
164
|
+
};
|
|
165
|
+
}, []);
|
|
166
|
+
return /* @__PURE__ */ h(dr.Provider, { value: n, children: e });
|
|
167
|
+
}
|
|
168
|
+
function fr() {
|
|
169
|
+
return he(dr);
|
|
69
170
|
}
|
|
70
171
|
const pt = {
|
|
71
172
|
en: { name: "English", flagCode: "us", languageCode: "en" },
|
|
@@ -108,84 +209,39 @@ const pt = {
|
|
|
108
209
|
function Yt(e) {
|
|
109
210
|
return Object.keys(pt).includes(e ?? "");
|
|
110
211
|
}
|
|
111
|
-
const
|
|
112
|
-
function
|
|
113
|
-
return Dn.includes(e) ? e : Dn[0];
|
|
114
|
-
}
|
|
115
|
-
const ta = [
|
|
116
|
-
"top-left",
|
|
117
|
-
"top",
|
|
118
|
-
"top-right",
|
|
119
|
-
"bottom-left",
|
|
120
|
-
"bottom",
|
|
121
|
-
"bottom-right"
|
|
122
|
-
];
|
|
123
|
-
function na(e) {
|
|
124
|
-
return ta.includes(e) ? e : "bottom-right";
|
|
125
|
-
}
|
|
126
|
-
const cr = {
|
|
127
|
-
main_label: "Need help?",
|
|
128
|
-
start_call: "Start a call",
|
|
129
|
-
start_chat: "Start a chat",
|
|
130
|
-
new_call: "New call",
|
|
131
|
-
end_call: "End",
|
|
132
|
-
mute_microphone: "Mute microphone",
|
|
133
|
-
change_language: "Change language",
|
|
134
|
-
collapse: "Collapse",
|
|
135
|
-
expand: "Expand",
|
|
136
|
-
copied: "Copied!",
|
|
137
|
-
accept_terms: "Accept",
|
|
138
|
-
dismiss_terms: "Cancel",
|
|
139
|
-
listening_status: "Listening",
|
|
140
|
-
speaking_status: "Talk to interrupt",
|
|
141
|
-
connecting_status: "Connecting",
|
|
142
|
-
chatting_status: "Chatting with AI Agent",
|
|
143
|
-
input_label: "Text message input",
|
|
144
|
-
input_placeholder: "Send a message",
|
|
145
|
-
input_placeholder_text_only: "Send a message",
|
|
146
|
-
input_placeholder_new_conversation: "Start a new conversation",
|
|
147
|
-
user_ended_conversation: "You ended the conversation",
|
|
148
|
-
agent_ended_conversation: "The agent ended the conversation",
|
|
149
|
-
conversation_id: "ID",
|
|
150
|
-
error_occurred: "An error occurred",
|
|
151
|
-
copy_id: "Copy ID"
|
|
152
|
-
}, ra = Object.keys(
|
|
153
|
-
cr
|
|
154
|
-
), ur = pe(null);
|
|
155
|
-
function oa({
|
|
212
|
+
const pr = pe(null);
|
|
213
|
+
function sa({
|
|
156
214
|
children: e
|
|
157
215
|
}) {
|
|
158
|
-
const t = H("
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
216
|
+
const t = q(), n = H("language"), r = H("override-language"), o = ue(
|
|
217
|
+
n.peek() ?? t.peek().language
|
|
218
|
+
), a = Y(
|
|
219
|
+
() => (t.value.supported_language_overrides ?? []).filter(
|
|
220
|
+
Yt
|
|
221
|
+
)
|
|
222
|
+
), i = Y(
|
|
223
|
+
() => a.value.map((l) => pt[l]).sort((l, c) => l.name.localeCompare(c.name))
|
|
224
|
+
), s = Re(
|
|
225
|
+
() => ({
|
|
226
|
+
language: xe(
|
|
227
|
+
() => Yt(r.value) ? pt[r.value] : Yt(o.value) && a.value.includes(o.value) ? pt[o.value] : pt[t.value.language]
|
|
164
228
|
),
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
return
|
|
229
|
+
setLanguage: (l) => {
|
|
230
|
+
o.value = l;
|
|
231
|
+
},
|
|
232
|
+
options: i,
|
|
233
|
+
showPicker: xe(() => i.value.length > 0)
|
|
234
|
+
}),
|
|
235
|
+
[]
|
|
236
|
+
);
|
|
237
|
+
return /* @__PURE__ */ h(pr.Provider, { value: s, children: e });
|
|
174
238
|
}
|
|
175
|
-
function
|
|
176
|
-
|
|
177
|
-
case "us":
|
|
178
|
-
case "global":
|
|
179
|
-
return e;
|
|
180
|
-
default:
|
|
181
|
-
return console.warn(
|
|
182
|
-
`[ConversationalAI] Invalid server-location: ${e}. Defaulting to "us"`
|
|
183
|
-
), "us";
|
|
184
|
-
}
|
|
239
|
+
function rt() {
|
|
240
|
+
return he(pr);
|
|
185
241
|
}
|
|
186
|
-
const
|
|
187
|
-
function
|
|
188
|
-
const t =
|
|
242
|
+
const hr = pe(null);
|
|
243
|
+
function la({ children: e }) {
|
|
244
|
+
const t = q(), n = Y(
|
|
189
245
|
() => t.value.mic_muting_enabled ?? !1
|
|
190
246
|
), r = ue(!1), o = Re(
|
|
191
247
|
() => ({
|
|
@@ -203,16 +259,16 @@ function ia({ children: e }) {
|
|
|
203
259
|
}),
|
|
204
260
|
[]
|
|
205
261
|
);
|
|
206
|
-
return /* @__PURE__ */ h(
|
|
262
|
+
return /* @__PURE__ */ h(hr.Provider, { value: o, children: e });
|
|
207
263
|
}
|
|
208
|
-
function
|
|
209
|
-
return he(
|
|
264
|
+
function vr() {
|
|
265
|
+
return he(hr);
|
|
210
266
|
}
|
|
211
|
-
const
|
|
212
|
-
function
|
|
267
|
+
const gr = pe(null);
|
|
268
|
+
function ca({
|
|
213
269
|
children: e
|
|
214
270
|
}) {
|
|
215
|
-
const { language: t } = rt(), n = H("override-prompt"), r = H("override-first-message"), o = H("override-voice-id"), a = H("override-text-only"), i =
|
|
271
|
+
const { language: t } = rt(), n = H("override-prompt"), r = H("override-first-message"), o = H("override-voice-id"), a = H("override-text-only"), i = Y(() => ({
|
|
216
272
|
agent: {
|
|
217
273
|
prompt: {
|
|
218
274
|
prompt: n.value
|
|
@@ -226,7 +282,7 @@ function sa({
|
|
|
226
282
|
conversation: {
|
|
227
283
|
textOnly: Qe(a.value) ?? void 0
|
|
228
284
|
}
|
|
229
|
-
})), s = H("dynamic-variables"), l =
|
|
285
|
+
})), s = H("dynamic-variables"), l = Y(() => {
|
|
230
286
|
if (s.value)
|
|
231
287
|
try {
|
|
232
288
|
return JSON.parse(s.value);
|
|
@@ -235,7 +291,7 @@ function sa({
|
|
|
235
291
|
`[ConversationalAI] Cannot parse dynamic-variables: ${m == null ? void 0 : m.message}`
|
|
236
292
|
);
|
|
237
293
|
}
|
|
238
|
-
}), { webSocketUrl: c } =
|
|
294
|
+
}), { webSocketUrl: c } = fr(), d = H("agent-id"), p = H("signed-url"), g = wn(), v = Y(() => {
|
|
239
295
|
const m = {
|
|
240
296
|
dynamicVariables: l.value,
|
|
241
297
|
overrides: i.value,
|
|
@@ -254,19 +310,19 @@ function sa({
|
|
|
254
310
|
), null);
|
|
255
311
|
});
|
|
256
312
|
return v.value ? /* @__PURE__ */ h(
|
|
257
|
-
|
|
313
|
+
gr.Provider,
|
|
258
314
|
{
|
|
259
315
|
value: v,
|
|
260
316
|
children: e
|
|
261
317
|
}
|
|
262
318
|
) : null;
|
|
263
319
|
}
|
|
264
|
-
function
|
|
265
|
-
return he(
|
|
320
|
+
function ua() {
|
|
321
|
+
return he(gr);
|
|
266
322
|
}
|
|
267
|
-
const
|
|
268
|
-
function
|
|
269
|
-
const t =
|
|
323
|
+
const mr = pe(null);
|
|
324
|
+
function da({ children: e }) {
|
|
325
|
+
const t = q(), n = Re(() => {
|
|
270
326
|
const r = t.peek().terms_key, o = r ? !!localStorage.getItem(r) : !1, a = le(!1), i = le(o), s = xe(
|
|
271
327
|
() => !t.value.terms_html || i.value
|
|
272
328
|
);
|
|
@@ -289,14 +345,14 @@ function ca({ children: e }) {
|
|
|
289
345
|
}
|
|
290
346
|
};
|
|
291
347
|
}, []);
|
|
292
|
-
return /* @__PURE__ */ h(
|
|
348
|
+
return /* @__PURE__ */ h(mr.Provider, { value: n, children: e });
|
|
293
349
|
}
|
|
294
350
|
function Bt() {
|
|
295
|
-
return he(
|
|
351
|
+
return he(mr);
|
|
296
352
|
}
|
|
297
|
-
const
|
|
298
|
-
function
|
|
299
|
-
const t =
|
|
353
|
+
const wr = pe(null);
|
|
354
|
+
function fa({ children: e }) {
|
|
355
|
+
const t = pa();
|
|
300
356
|
return ze(() => {
|
|
301
357
|
if (t.conversationTextOnly.value === !0) {
|
|
302
358
|
t.transcript.value;
|
|
@@ -311,13 +367,13 @@ function ua({ children: e }) {
|
|
|
311
367
|
clearTimeout(n);
|
|
312
368
|
};
|
|
313
369
|
}
|
|
314
|
-
}), /* @__PURE__ */ h(
|
|
370
|
+
}), /* @__PURE__ */ h(wr.Provider, { value: t, children: e });
|
|
315
371
|
}
|
|
316
372
|
function ne() {
|
|
317
|
-
return he(
|
|
373
|
+
return he(wr);
|
|
318
374
|
}
|
|
319
|
-
function
|
|
320
|
-
const e = we(null), t = we(null), n =
|
|
375
|
+
function pa() {
|
|
376
|
+
const e = we(null), t = we(null), n = q(), r = xr(), o = Bt(), a = ua(), { isMuted: i } = vr();
|
|
321
377
|
return ze(() => {
|
|
322
378
|
var l;
|
|
323
379
|
const s = i.value;
|
|
@@ -347,7 +403,7 @@ function da() {
|
|
|
347
403
|
let y = structuredClone(a.peek());
|
|
348
404
|
x && n.value.supports_text_only && (y.textOnly = !0, n.value.text_only || (y.overrides ?? (y.overrides = {}), (E = y.overrides).conversation ?? (E.conversation = {}), y.overrides.conversation.textOnly = !0));
|
|
349
405
|
try {
|
|
350
|
-
y =
|
|
406
|
+
y = ha(b, y);
|
|
351
407
|
} catch (T) {
|
|
352
408
|
console.error(
|
|
353
409
|
"[ConversationalAI] Error triggering call event:",
|
|
@@ -364,7 +420,7 @@ function da() {
|
|
|
364
420
|
}
|
|
365
421
|
] : [];
|
|
366
422
|
try {
|
|
367
|
-
if (t.current =
|
|
423
|
+
if (t.current = Zo.startSession({
|
|
368
424
|
...y,
|
|
369
425
|
onModeChange: (C) => {
|
|
370
426
|
c.value = C.mode;
|
|
@@ -375,13 +431,13 @@ function da() {
|
|
|
375
431
|
onCanSendFeedbackChange: (C) => {
|
|
376
432
|
v.value = C.canSendFeedback;
|
|
377
433
|
},
|
|
378
|
-
onMessage: ({ source: C, message:
|
|
379
|
-
w.peek() === !0 && C === "ai" &&
|
|
434
|
+
onMessage: ({ source: C, message: R }) => {
|
|
435
|
+
w.peek() === !0 && C === "ai" && R === r.peek() || (m.value = [
|
|
380
436
|
...m.value,
|
|
381
437
|
{
|
|
382
438
|
type: "message",
|
|
383
439
|
role: C,
|
|
384
|
-
message:
|
|
440
|
+
message: R,
|
|
385
441
|
isText: !1,
|
|
386
442
|
conversationIndex: f.peek()
|
|
387
443
|
}
|
|
@@ -460,7 +516,7 @@ function da() {
|
|
|
460
516
|
};
|
|
461
517
|
}, [a, i]);
|
|
462
518
|
}
|
|
463
|
-
function
|
|
519
|
+
function ha(e, t) {
|
|
464
520
|
try {
|
|
465
521
|
const n = new CustomEvent("elevenlabs-convai:call", {
|
|
466
522
|
bubbles: !0,
|
|
@@ -472,11 +528,11 @@ function fa(e, t) {
|
|
|
472
528
|
return console.error("[ConversationalAI] Could not trigger call event:", n), t;
|
|
473
529
|
}
|
|
474
530
|
}
|
|
475
|
-
const
|
|
531
|
+
const br = pe(
|
|
476
532
|
null
|
|
477
533
|
);
|
|
478
|
-
function
|
|
479
|
-
const { serverUrl: t } =
|
|
534
|
+
function va({ children: e }) {
|
|
535
|
+
const { serverUrl: t } = fr(), n = H("agent-id"), r = H("override-config"), o = ue(null);
|
|
480
536
|
ze(() => {
|
|
481
537
|
if (r.value)
|
|
482
538
|
try {
|
|
@@ -495,7 +551,7 @@ function pa({ children: e }) {
|
|
|
495
551
|
return;
|
|
496
552
|
}
|
|
497
553
|
const v = new AbortController();
|
|
498
|
-
return
|
|
554
|
+
return ga(n.value, t.value, v.signal).then((m) => {
|
|
499
555
|
v.signal.aborted || (o.value = m);
|
|
500
556
|
}).catch((m) => {
|
|
501
557
|
console.error(
|
|
@@ -505,45 +561,45 @@ function pa({ children: e }) {
|
|
|
505
561
|
v.abort();
|
|
506
562
|
};
|
|
507
563
|
});
|
|
508
|
-
const a = H("variant"), i = H("placement"), s = H("terms-key"), l = H("mic-muting"), c = H("transcript"), d = H("text-input"), p = H("override-text-only"), g =
|
|
564
|
+
const a = H("variant"), i = H("placement"), s = H("terms-key"), l = H("mic-muting"), c = H("transcript"), d = H("text-input"), p = H("override-text-only"), g = Y(() => {
|
|
509
565
|
if (!o.value)
|
|
510
566
|
return null;
|
|
511
567
|
const v = a.value ?? o.value.variant, m = i.value ?? o.value.placement, f = s.value ?? o.value.terms_key, w = Qe(p.value) ?? o.value.text_only ?? !1, b = Qe(l.value) ?? o.value.mic_muting_enabled, x = Qe(c.value) ?? o.value.transcript_enabled, y = Qe(d.value) ?? o.value.text_input_enabled;
|
|
512
568
|
return {
|
|
513
569
|
...o.value,
|
|
514
|
-
variant:
|
|
515
|
-
placement:
|
|
570
|
+
variant: Qo(v),
|
|
571
|
+
placement: ea(m),
|
|
516
572
|
terms_key: f,
|
|
517
573
|
mic_muting_enabled: !w && b,
|
|
518
574
|
transcript_enabled: w || x,
|
|
519
575
|
text_input_enabled: w || y
|
|
520
576
|
};
|
|
521
577
|
});
|
|
522
|
-
return g.value ? /* @__PURE__ */ h(
|
|
578
|
+
return g.value ? /* @__PURE__ */ h(br.Provider, { value: g, children: e }) : null;
|
|
523
579
|
}
|
|
524
|
-
function
|
|
525
|
-
return he(
|
|
580
|
+
function q() {
|
|
581
|
+
return he(br);
|
|
526
582
|
}
|
|
527
583
|
function wn() {
|
|
528
|
-
const e = H("override-text-only"), t =
|
|
529
|
-
return
|
|
584
|
+
const e = H("override-text-only"), t = q();
|
|
585
|
+
return Y(
|
|
530
586
|
() => Qe(e.value) ?? t.value.text_only ?? !1
|
|
531
587
|
);
|
|
532
588
|
}
|
|
533
589
|
function zt() {
|
|
534
590
|
const e = wn(), { conversationTextOnly: t } = ne();
|
|
535
|
-
return
|
|
591
|
+
return Y(() => t.value ?? e.value);
|
|
536
592
|
}
|
|
537
|
-
function
|
|
538
|
-
const e = H("override-first-message"), t =
|
|
539
|
-
return
|
|
593
|
+
function xr() {
|
|
594
|
+
const e = H("override-first-message"), t = q(), { language: n } = rt();
|
|
595
|
+
return Y(
|
|
540
596
|
() => {
|
|
541
597
|
var r, o;
|
|
542
598
|
return e.value ?? ((o = (r = t.value.language_presets) == null ? void 0 : r[n.value.languageCode]) == null ? void 0 : o.first_message) ?? t.value.first_message ?? null;
|
|
543
599
|
}
|
|
544
600
|
);
|
|
545
601
|
}
|
|
546
|
-
async function
|
|
602
|
+
async function ga(e, t, n) {
|
|
547
603
|
const o = await (await fetch(
|
|
548
604
|
`${t}/v1/convai/agents/${e}/widget`,
|
|
549
605
|
{
|
|
@@ -554,39 +610,30 @@ async function ha(e, t, n) {
|
|
|
554
610
|
throw new Error("Response does not contain widget_config");
|
|
555
611
|
return o.widget_config;
|
|
556
612
|
}
|
|
557
|
-
const
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
setLanguage: (l) => {
|
|
575
|
-
o.value = l;
|
|
576
|
-
},
|
|
577
|
-
options: i,
|
|
578
|
-
showPicker: xe(() => i.value.length > 0)
|
|
579
|
-
}),
|
|
580
|
-
[]
|
|
581
|
-
);
|
|
582
|
-
return /* @__PURE__ */ h(br.Provider, { value: s, children: e });
|
|
613
|
+
const ma = sr(function() {
|
|
614
|
+
const t = q(), n = Y(() => {
|
|
615
|
+
const r = t.value.styles;
|
|
616
|
+
return `:host, :root {
|
|
617
|
+
${na.map(
|
|
618
|
+
(o) => `${wa(o)}: ${ba((r == null ? void 0 : r[o]) ?? cr[o])};`
|
|
619
|
+
).join(`
|
|
620
|
+
`)}
|
|
621
|
+
}`;
|
|
622
|
+
});
|
|
623
|
+
return /* @__PURE__ */ P("style", { children: [
|
|
624
|
+
n,
|
|
625
|
+
qo
|
|
626
|
+
] });
|
|
627
|
+
});
|
|
628
|
+
function wa(e) {
|
|
629
|
+
return `--el-${e.replace(/_/g, "-")}`;
|
|
583
630
|
}
|
|
584
|
-
function
|
|
585
|
-
return
|
|
631
|
+
function ba(e) {
|
|
632
|
+
return typeof e == "number" ? `${e}px` : e;
|
|
586
633
|
}
|
|
587
|
-
const
|
|
588
|
-
function
|
|
589
|
-
const t =
|
|
634
|
+
const yr = pe(null);
|
|
635
|
+
function xa({ children: e }) {
|
|
636
|
+
const t = q(), { language: n } = rt(), r = H("text-contents"), o = Y(() => {
|
|
590
637
|
try {
|
|
591
638
|
if (r.value) {
|
|
592
639
|
const i = JSON.parse(r.value);
|
|
@@ -598,31 +645,31 @@ function ga({ children: e }) {
|
|
|
598
645
|
}
|
|
599
646
|
return {};
|
|
600
647
|
}), a = Re(() => Object.fromEntries(
|
|
601
|
-
|
|
648
|
+
ta.map((i) => [
|
|
602
649
|
i,
|
|
603
650
|
xe(
|
|
604
651
|
() => {
|
|
605
652
|
var s, l, c, d;
|
|
606
|
-
return o.value[i] ?? ((c = (l = (s = t.value.language_presets) == null ? void 0 : s[n.value.languageCode]) == null ? void 0 : l.text_contents) == null ? void 0 : c[i]) ?? ((d = t.value.text_contents) == null ? void 0 : d[i]) ??
|
|
653
|
+
return o.value[i] ?? ((c = (l = (s = t.value.language_presets) == null ? void 0 : s[n.value.languageCode]) == null ? void 0 : l.text_contents) == null ? void 0 : c[i]) ?? ((d = t.value.text_contents) == null ? void 0 : d[i]) ?? lr[i];
|
|
607
654
|
}
|
|
608
655
|
)
|
|
609
656
|
])
|
|
610
657
|
), []);
|
|
611
|
-
return /* @__PURE__ */ h(
|
|
658
|
+
return /* @__PURE__ */ h(yr.Provider, { value: a, children: e });
|
|
612
659
|
}
|
|
613
660
|
function re() {
|
|
614
|
-
return he(
|
|
661
|
+
return he(yr);
|
|
615
662
|
}
|
|
616
|
-
const
|
|
617
|
-
function
|
|
618
|
-
const t =
|
|
663
|
+
const Cr = pe(null);
|
|
664
|
+
function ya({ children: e }) {
|
|
665
|
+
const t = q(), n = H("avatar-image-url"), r = H("avatar-orb-color-1"), o = H("avatar-orb-color-2"), a = ue(""), i = Y(() => n.value ? {
|
|
619
666
|
type: "image",
|
|
620
667
|
url: n.value
|
|
621
668
|
} : r.value && o.value ? {
|
|
622
669
|
type: "orb",
|
|
623
670
|
color_1: r.value,
|
|
624
671
|
color_2: o.value
|
|
625
|
-
} : t.value.avatar), s =
|
|
672
|
+
} : t.value.avatar), s = Y(() => {
|
|
626
673
|
switch (i.value.type) {
|
|
627
674
|
case "url":
|
|
628
675
|
return i.value.custom_url;
|
|
@@ -632,30 +679,30 @@ function ma({ children: e }) {
|
|
|
632
679
|
return i.value.url;
|
|
633
680
|
}
|
|
634
681
|
}), l = Re(() => ({ config: i, previewUrl: s, canvasUrl: a }), []);
|
|
635
|
-
return /* @__PURE__ */ h(
|
|
682
|
+
return /* @__PURE__ */ h(Cr.Provider, { value: l, children: e });
|
|
636
683
|
}
|
|
637
684
|
function bn() {
|
|
638
|
-
return he(
|
|
685
|
+
return he(Cr);
|
|
639
686
|
}
|
|
640
|
-
const
|
|
687
|
+
const Sr = pe(null);
|
|
641
688
|
function yt({ children: e, ...t }) {
|
|
642
689
|
const [n, r] = be(null);
|
|
643
|
-
return /* @__PURE__ */ h("div", { ref: r, ...t, children: n && /* @__PURE__ */ h(
|
|
690
|
+
return /* @__PURE__ */ h("div", { ref: r, ...t, children: n && /* @__PURE__ */ h(Sr.Provider, { value: n, children: e }) });
|
|
644
691
|
}
|
|
645
|
-
function
|
|
646
|
-
return he(
|
|
692
|
+
function Ca() {
|
|
693
|
+
return he(Sr);
|
|
647
694
|
}
|
|
648
695
|
function xn(e) {
|
|
649
696
|
return e && typeof e == "object" && "peek" in e;
|
|
650
697
|
}
|
|
651
|
-
function
|
|
698
|
+
function Sa(e) {
|
|
652
699
|
const t = xn(e), n = ue(t ? e.peek() : e);
|
|
653
700
|
return t ? e : (n.value = e, n);
|
|
654
701
|
}
|
|
655
|
-
function
|
|
702
|
+
function Er(e) {
|
|
656
703
|
return xn(e) ? e.value : e;
|
|
657
704
|
}
|
|
658
|
-
function
|
|
705
|
+
function Ea(e) {
|
|
659
706
|
return xn(e) ? e.peek() : e;
|
|
660
707
|
}
|
|
661
708
|
function Bn(e, t) {
|
|
@@ -663,7 +710,7 @@ function Bn(e, t) {
|
|
|
663
710
|
return e(t);
|
|
664
711
|
e != null && (e.current = t);
|
|
665
712
|
}
|
|
666
|
-
function
|
|
713
|
+
function kr(...e) {
|
|
667
714
|
return (t) => {
|
|
668
715
|
let n = !1;
|
|
669
716
|
const r = e.map((o) => {
|
|
@@ -680,12 +727,12 @@ function Er(...e) {
|
|
|
680
727
|
};
|
|
681
728
|
}
|
|
682
729
|
function Z(...e) {
|
|
683
|
-
return u.useCallback(
|
|
730
|
+
return u.useCallback(kr(...e), e);
|
|
684
731
|
}
|
|
685
732
|
// @__NO_SIDE_EFFECTS__
|
|
686
733
|
function vt(e) {
|
|
687
|
-
const t = /* @__PURE__ */
|
|
688
|
-
const { children: a, ...i } = r, s = u.Children.toArray(a), l = s.find(
|
|
734
|
+
const t = /* @__PURE__ */ ka(e), n = u.forwardRef((r, o) => {
|
|
735
|
+
const { children: a, ...i } = r, s = u.Children.toArray(a), l = s.find(Aa);
|
|
689
736
|
if (l) {
|
|
690
737
|
const c = l.props.children, d = s.map((p) => p === l ? u.Children.count(c) > 1 ? u.Children.only(null) : u.isValidElement(c) ? c.props.children : null : p);
|
|
691
738
|
return /* @__PURE__ */ k(t, { ...i, ref: o, children: u.isValidElement(c) ? u.cloneElement(c, void 0, d) : null });
|
|
@@ -694,24 +741,24 @@ function vt(e) {
|
|
|
694
741
|
});
|
|
695
742
|
return n.displayName = `${e}.Slot`, n;
|
|
696
743
|
}
|
|
697
|
-
var
|
|
744
|
+
var Tr = /* @__PURE__ */ vt("Slot");
|
|
698
745
|
// @__NO_SIDE_EFFECTS__
|
|
699
|
-
function
|
|
746
|
+
function ka(e) {
|
|
700
747
|
const t = u.forwardRef((n, r) => {
|
|
701
748
|
const { children: o, ...a } = n;
|
|
702
749
|
if (u.isValidElement(o)) {
|
|
703
|
-
const i =
|
|
704
|
-
return o.type !== u.Fragment && (s.ref = r ?
|
|
750
|
+
const i = Ra(o), s = Pa(a, o.props);
|
|
751
|
+
return o.type !== u.Fragment && (s.ref = r ? kr(r, i) : i), u.cloneElement(o, s);
|
|
705
752
|
}
|
|
706
753
|
return u.Children.count(o) > 1 ? u.Children.only(null) : null;
|
|
707
754
|
});
|
|
708
755
|
return t.displayName = `${e}.SlotClone`, t;
|
|
709
756
|
}
|
|
710
|
-
var
|
|
711
|
-
function
|
|
712
|
-
return u.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId ===
|
|
757
|
+
var Ta = Symbol("radix.slottable");
|
|
758
|
+
function Aa(e) {
|
|
759
|
+
return u.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Ta;
|
|
713
760
|
}
|
|
714
|
-
function
|
|
761
|
+
function Pa(e, t) {
|
|
715
762
|
const n = { ...t };
|
|
716
763
|
for (const r in t) {
|
|
717
764
|
const o = e[r], a = t[r];
|
|
@@ -721,13 +768,13 @@ function Ea(e, t) {
|
|
|
721
768
|
}
|
|
722
769
|
return { ...e, ...n };
|
|
723
770
|
}
|
|
724
|
-
function
|
|
771
|
+
function Ra(e) {
|
|
725
772
|
var r, o;
|
|
726
773
|
let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
|
|
727
774
|
return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
|
|
728
775
|
}
|
|
729
776
|
const Xt = window.matchMedia("(prefers-reduced-motion: reduce)");
|
|
730
|
-
function
|
|
777
|
+
function Ar() {
|
|
731
778
|
const e = ue(Xt.matches);
|
|
732
779
|
return Oe(() => {
|
|
733
780
|
const t = (n) => {
|
|
@@ -736,7 +783,7 @@ function Tr() {
|
|
|
736
783
|
return Xt.addEventListener("change", t), () => Xt.removeEventListener("change", t);
|
|
737
784
|
}, []), e;
|
|
738
785
|
}
|
|
739
|
-
function
|
|
786
|
+
function Pr({ onStart: e, onEnd: t }) {
|
|
740
787
|
const n = we();
|
|
741
788
|
n.current ?? (n.current = /* @__PURE__ */ new Set());
|
|
742
789
|
const r = we(e);
|
|
@@ -762,29 +809,29 @@ function Ar({ onStart: e, onEnd: t }) {
|
|
|
762
809
|
};
|
|
763
810
|
}
|
|
764
811
|
function ce(e) {
|
|
765
|
-
const t =
|
|
812
|
+
const t = Ar().value ? Ia : _a;
|
|
766
813
|
return /* @__PURE__ */ h(t, { ...e });
|
|
767
814
|
}
|
|
768
|
-
function
|
|
769
|
-
return
|
|
815
|
+
function Ia({ active: e, ...t }) {
|
|
816
|
+
return Er(e) ? /* @__PURE__ */ h(Tr, { "data-shown": !0, ...t }) : null;
|
|
770
817
|
}
|
|
771
|
-
function
|
|
818
|
+
function _a({
|
|
772
819
|
active: e,
|
|
773
820
|
initial: t = e,
|
|
774
821
|
...n
|
|
775
822
|
}) {
|
|
776
|
-
const r =
|
|
823
|
+
const r = Sa(e), o = ue(Ea(t));
|
|
777
824
|
ze(() => {
|
|
778
825
|
r.value && (o.value = r.value);
|
|
779
826
|
});
|
|
780
|
-
const { handlers: a } =
|
|
827
|
+
const { handlers: a } = Pr({
|
|
781
828
|
onEnd: () => {
|
|
782
829
|
o.value = r.value;
|
|
783
830
|
}
|
|
784
831
|
});
|
|
785
|
-
return !r.value && !o.value ? null : /* @__PURE__ */ h(
|
|
832
|
+
return !r.value && !o.value ? null : /* @__PURE__ */ h(Tr, { "data-shown": r.value && o.value, ...a, ...n });
|
|
786
833
|
}
|
|
787
|
-
const
|
|
834
|
+
const Na = `#version 300 es
|
|
788
835
|
precision highp float;
|
|
789
836
|
|
|
790
837
|
uniform float uTime;
|
|
@@ -948,7 +995,7 @@ void main() {
|
|
|
948
995
|
|
|
949
996
|
outColor = color;
|
|
950
997
|
}
|
|
951
|
-
`,
|
|
998
|
+
`, Oa = `#version 300 es
|
|
952
999
|
precision highp float;
|
|
953
1000
|
|
|
954
1001
|
in vec2 position;
|
|
@@ -959,7 +1006,7 @@ void main() {
|
|
|
959
1006
|
vUv = position * 0.5 + 0.5;
|
|
960
1007
|
gl_Position = vec4(position, 0, 1);
|
|
961
1008
|
}
|
|
962
|
-
`, zn = 0,
|
|
1009
|
+
`, zn = 0, Ma = new Float32Array([
|
|
963
1010
|
-1,
|
|
964
1011
|
1,
|
|
965
1012
|
-1,
|
|
@@ -968,7 +1015,7 @@ void main() {
|
|
|
968
1015
|
1,
|
|
969
1016
|
1,
|
|
970
1017
|
-1
|
|
971
|
-
]),
|
|
1018
|
+
]), La = "https://storage.googleapis.com/eleven-public-cdn/images/perlin-noise.png", ge = class ge {
|
|
972
1019
|
constructor(t) {
|
|
973
1020
|
J(this, "gl");
|
|
974
1021
|
J(this, "program");
|
|
@@ -1003,7 +1050,7 @@ void main() {
|
|
|
1003
1050
|
depth: !1,
|
|
1004
1051
|
stencil: !1
|
|
1005
1052
|
});
|
|
1006
|
-
this.gl = n, this.program = this.setupProgram(
|
|
1053
|
+
this.gl = n, this.program = this.setupProgram(Na, Oa);
|
|
1007
1054
|
const r = n.createTexture();
|
|
1008
1055
|
n.bindTexture(n.TEXTURE_2D, r), n.texImage2D(
|
|
1009
1056
|
n.TEXTURE_2D,
|
|
@@ -1015,9 +1062,9 @@ void main() {
|
|
|
1015
1062
|
n.RGBA,
|
|
1016
1063
|
n.UNSIGNED_BYTE,
|
|
1017
1064
|
new Uint8Array([128, 128, 128, 255])
|
|
1018
|
-
), ge.noiseImage || (ge.noiseImage = new Image(), ge.noiseImage.crossOrigin = "anonymous", ge.noiseImage.src =
|
|
1065
|
+
), ge.noiseImage || (ge.noiseImage = new Image(), ge.noiseImage.crossOrigin = "anonymous", ge.noiseImage.src = La), ge.noiseImage.complete ? this.copyNoiseImage() : ge.noiseImage.addEventListener("load", this.copyNoiseImage);
|
|
1019
1066
|
const o = n.createBuffer();
|
|
1020
|
-
n.bindBuffer(n.ARRAY_BUFFER, o), n.bufferData(n.ARRAY_BUFFER,
|
|
1067
|
+
n.bindBuffer(n.ARRAY_BUFFER, o), n.bufferData(n.ARRAY_BUFFER, Ma, n.STATIC_DRAW), n.vertexAttribPointer(zn, 2, n.FLOAT, !1, 0, 0), n.enableVertexAttribArray(zn), this.updateColors("#2792DC", "#9CE6E6"), this.resizeObserver = new ResizeObserver((i) => {
|
|
1021
1068
|
const s = i[0], l = s.devicePixelContentBoxSize ? s.devicePixelContentBoxSize[0] : s.contentBoxSize[0];
|
|
1022
1069
|
t.width = Math.min(512, l.inlineSize), t.height = Math.min(512, l.blockSize), this.updateViewport();
|
|
1023
1070
|
});
|
|
@@ -1086,7 +1133,7 @@ void main() {
|
|
|
1086
1133
|
};
|
|
1087
1134
|
J(ge, "noiseImage");
|
|
1088
1135
|
let on = ge;
|
|
1089
|
-
const
|
|
1136
|
+
const Da = {
|
|
1090
1137
|
sm: "w-9 h-9",
|
|
1091
1138
|
lg: "w-48 h-48"
|
|
1092
1139
|
};
|
|
@@ -1106,10 +1153,10 @@ function ot({ size: e = "sm", className: t }) {
|
|
|
1106
1153
|
cancelAnimationFrame(d);
|
|
1107
1154
|
};
|
|
1108
1155
|
});
|
|
1109
|
-
const c =
|
|
1156
|
+
const c = Y(() => ({
|
|
1110
1157
|
backgroundImage: i.value.type === "image" ? `url(${i.value.url})` : i.value.type === "url" ? `url(${i.value.custom_url})` : void 0
|
|
1111
1158
|
}));
|
|
1112
|
-
return /* @__PURE__ */
|
|
1159
|
+
return /* @__PURE__ */ P("div", { className: j("relative shrink-0", Da[e], t), children: [
|
|
1113
1160
|
/* @__PURE__ */ h(
|
|
1114
1161
|
"div",
|
|
1115
1162
|
{
|
|
@@ -1124,7 +1171,7 @@ function ot({ size: e = "sm", className: t }) {
|
|
|
1124
1171
|
style: c,
|
|
1125
1172
|
className: "absolute inset-0 rounded-full overflow-hidden bg-base bg-cover",
|
|
1126
1173
|
children: i.value.type === "orb" && /* @__PURE__ */ h(
|
|
1127
|
-
|
|
1174
|
+
Ba,
|
|
1128
1175
|
{
|
|
1129
1176
|
color1: i.value.color_1,
|
|
1130
1177
|
color2: i.value.color_2
|
|
@@ -1134,7 +1181,7 @@ function ot({ size: e = "sm", className: t }) {
|
|
|
1134
1181
|
)
|
|
1135
1182
|
] });
|
|
1136
1183
|
}
|
|
1137
|
-
function
|
|
1184
|
+
function Ba({ color1: e, color2: t }) {
|
|
1138
1185
|
const { canvasUrl: n } = bn(), [r, o] = be(null);
|
|
1139
1186
|
Oe(() => {
|
|
1140
1187
|
r && (r.updateColors(e, t), r.render(), n.value = r.toDataURL());
|
|
@@ -1151,32 +1198,32 @@ function Oa({ color1: e, color2: t }) {
|
|
|
1151
1198
|
);
|
|
1152
1199
|
return /* @__PURE__ */ h("canvas", { className: "w-full h-full", ref: a });
|
|
1153
1200
|
}
|
|
1154
|
-
const
|
|
1155
|
-
phone:
|
|
1156
|
-
"phone-off":
|
|
1157
|
-
chat:
|
|
1158
|
-
mic:
|
|
1159
|
-
"mic-off":
|
|
1160
|
-
check:
|
|
1161
|
-
"chevron-down":
|
|
1162
|
-
"chevron-up":
|
|
1163
|
-
},
|
|
1201
|
+
const za = {
|
|
1202
|
+
phone: Va,
|
|
1203
|
+
"phone-off": $a,
|
|
1204
|
+
chat: Wa,
|
|
1205
|
+
mic: Ua,
|
|
1206
|
+
"mic-off": Ha,
|
|
1207
|
+
check: Xa,
|
|
1208
|
+
"chevron-down": ja,
|
|
1209
|
+
"chevron-up": Ya
|
|
1210
|
+
}, Fa = {
|
|
1164
1211
|
sm: "text-xs",
|
|
1165
1212
|
md: "text-lg"
|
|
1166
1213
|
};
|
|
1167
1214
|
function Je({ name: e, size: t = "md", className: n }) {
|
|
1168
|
-
const r =
|
|
1215
|
+
const r = za[e];
|
|
1169
1216
|
return /* @__PURE__ */ h(
|
|
1170
1217
|
"slot",
|
|
1171
1218
|
{
|
|
1172
1219
|
name: `icon-${e}`,
|
|
1173
|
-
className: j("flex",
|
|
1220
|
+
className: j("flex", Fa[t], n),
|
|
1174
1221
|
"aria-hidden": !0,
|
|
1175
1222
|
children: /* @__PURE__ */ h(r, {})
|
|
1176
1223
|
}
|
|
1177
1224
|
);
|
|
1178
1225
|
}
|
|
1179
|
-
function
|
|
1226
|
+
function Va(e) {
|
|
1180
1227
|
return /* @__PURE__ */ h(
|
|
1181
1228
|
"svg",
|
|
1182
1229
|
{
|
|
@@ -1190,8 +1237,8 @@ function Da(e) {
|
|
|
1190
1237
|
}
|
|
1191
1238
|
);
|
|
1192
1239
|
}
|
|
1193
|
-
function
|
|
1194
|
-
return /* @__PURE__ */
|
|
1240
|
+
function $a(e) {
|
|
1241
|
+
return /* @__PURE__ */ P(
|
|
1195
1242
|
"svg",
|
|
1196
1243
|
{
|
|
1197
1244
|
height: "1em",
|
|
@@ -1207,7 +1254,7 @@ function Ba(e) {
|
|
|
1207
1254
|
}
|
|
1208
1255
|
);
|
|
1209
1256
|
}
|
|
1210
|
-
function
|
|
1257
|
+
function Wa(e) {
|
|
1211
1258
|
return /* @__PURE__ */ h(
|
|
1212
1259
|
"svg",
|
|
1213
1260
|
{
|
|
@@ -1228,8 +1275,8 @@ function za(e) {
|
|
|
1228
1275
|
}
|
|
1229
1276
|
);
|
|
1230
1277
|
}
|
|
1231
|
-
function
|
|
1232
|
-
return /* @__PURE__ */
|
|
1278
|
+
function Ua(e) {
|
|
1279
|
+
return /* @__PURE__ */ P(
|
|
1233
1280
|
"svg",
|
|
1234
1281
|
{
|
|
1235
1282
|
height: "1em",
|
|
@@ -1245,8 +1292,8 @@ function Fa(e) {
|
|
|
1245
1292
|
}
|
|
1246
1293
|
);
|
|
1247
1294
|
}
|
|
1248
|
-
function
|
|
1249
|
-
return /* @__PURE__ */
|
|
1295
|
+
function Ha(e) {
|
|
1296
|
+
return /* @__PURE__ */ P(
|
|
1250
1297
|
"svg",
|
|
1251
1298
|
{
|
|
1252
1299
|
height: "1em",
|
|
@@ -1262,7 +1309,7 @@ function Va(e) {
|
|
|
1262
1309
|
}
|
|
1263
1310
|
);
|
|
1264
1311
|
}
|
|
1265
|
-
function
|
|
1312
|
+
function ja(e) {
|
|
1266
1313
|
return /* @__PURE__ */ h(
|
|
1267
1314
|
"svg",
|
|
1268
1315
|
{
|
|
@@ -1280,7 +1327,7 @@ function Wa(e) {
|
|
|
1280
1327
|
}
|
|
1281
1328
|
);
|
|
1282
1329
|
}
|
|
1283
|
-
function
|
|
1330
|
+
function Ya(e) {
|
|
1284
1331
|
return /* @__PURE__ */ h(
|
|
1285
1332
|
"svg",
|
|
1286
1333
|
{
|
|
@@ -1298,7 +1345,7 @@ function $a(e) {
|
|
|
1298
1345
|
}
|
|
1299
1346
|
);
|
|
1300
1347
|
}
|
|
1301
|
-
function
|
|
1348
|
+
function Xa(e) {
|
|
1302
1349
|
return /* @__PURE__ */ h(
|
|
1303
1350
|
"svg",
|
|
1304
1351
|
{
|
|
@@ -1317,10 +1364,10 @@ function Ua(e) {
|
|
|
1317
1364
|
);
|
|
1318
1365
|
}
|
|
1319
1366
|
function ke(e) {
|
|
1320
|
-
const t =
|
|
1367
|
+
const t = Ar().value ? Ka : Ga;
|
|
1321
1368
|
return /* @__PURE__ */ h(t, { ...e });
|
|
1322
1369
|
}
|
|
1323
|
-
function
|
|
1370
|
+
function Ka({
|
|
1324
1371
|
visible: e,
|
|
1325
1372
|
className: t,
|
|
1326
1373
|
grow: n,
|
|
@@ -1329,7 +1376,7 @@ function Ha({
|
|
|
1329
1376
|
}) {
|
|
1330
1377
|
return e ? /* @__PURE__ */ h("div", { className: j(n && "grow", t), ...o }) : null;
|
|
1331
1378
|
}
|
|
1332
|
-
function
|
|
1379
|
+
function Ga({
|
|
1333
1380
|
visible: e,
|
|
1334
1381
|
children: t,
|
|
1335
1382
|
className: n,
|
|
@@ -1365,7 +1412,7 @@ function ja({
|
|
|
1365
1412
|
o
|
|
1366
1413
|
// node's content changed
|
|
1367
1414
|
]);
|
|
1368
|
-
const { transitioning: m, handlers: f } =
|
|
1415
|
+
const { transitioning: m, handlers: f } = Pr({
|
|
1369
1416
|
onEnd: () => {
|
|
1370
1417
|
e ? (l.style.width = "", l.style.height = "") : s(!1);
|
|
1371
1418
|
}
|
|
@@ -1397,10 +1444,10 @@ function ja({
|
|
|
1397
1444
|
}
|
|
1398
1445
|
);
|
|
1399
1446
|
}
|
|
1400
|
-
const
|
|
1447
|
+
const Za = {
|
|
1401
1448
|
primary: "text-accent-primary border border-accent bg-accent hover:border-accent-hover hover:bg-accent-hover active:border-accent-active active:bg-accent-active",
|
|
1402
1449
|
secondary: "text-base-primary border border-base-border bg-base hover:bg-base-hover active:bg-base-active"
|
|
1403
|
-
}, Me =
|
|
1450
|
+
}, Me = Ko(
|
|
1404
1451
|
function({
|
|
1405
1452
|
variant: t = "secondary",
|
|
1406
1453
|
children: n,
|
|
@@ -1411,13 +1458,13 @@ const Ya = {
|
|
|
1411
1458
|
...s
|
|
1412
1459
|
}, l) {
|
|
1413
1460
|
const c = !!r && !n;
|
|
1414
|
-
return /* @__PURE__ */
|
|
1461
|
+
return /* @__PURE__ */ P(
|
|
1415
1462
|
"button",
|
|
1416
1463
|
{
|
|
1417
1464
|
ref: l,
|
|
1418
1465
|
className: j(
|
|
1419
1466
|
"h-9 flex px-2.5 text-sm items-center transition-colors justify-center rounded-button duration-200 focus-ring overflow-hidden select-none",
|
|
1420
|
-
|
|
1467
|
+
Za[t],
|
|
1421
1468
|
c && "min-w-9",
|
|
1422
1469
|
o
|
|
1423
1470
|
),
|
|
@@ -1445,7 +1492,7 @@ function an({
|
|
|
1445
1492
|
className: e,
|
|
1446
1493
|
...t
|
|
1447
1494
|
}) {
|
|
1448
|
-
const { status: n, isSpeaking: r } = ne(), o = zt(), a = re(), i =
|
|
1495
|
+
const { status: n, isSpeaking: r } = ne(), o = zt(), a = re(), i = Y(
|
|
1449
1496
|
() => n.value !== "connected" ? a.connecting_status.value : o.value ? a.chatting_status.value : r.value ? a.speaking_status.value : a.listening_status.value
|
|
1450
1497
|
), [s, l] = be(i.peek());
|
|
1451
1498
|
return ze(() => {
|
|
@@ -1509,9 +1556,9 @@ function yn(e, t = []) {
|
|
|
1509
1556
|
);
|
|
1510
1557
|
};
|
|
1511
1558
|
};
|
|
1512
|
-
return o.scopeName = e, [r,
|
|
1559
|
+
return o.scopeName = e, [r, qa(o, ...t)];
|
|
1513
1560
|
}
|
|
1514
|
-
function
|
|
1561
|
+
function qa(...e) {
|
|
1515
1562
|
const t = e[0];
|
|
1516
1563
|
if (e.length === 1) return t;
|
|
1517
1564
|
const n = () => {
|
|
@@ -1529,32 +1576,32 @@ function Xa(...e) {
|
|
|
1529
1576
|
};
|
|
1530
1577
|
return n.scopeName = t.scopeName, n;
|
|
1531
1578
|
}
|
|
1532
|
-
function
|
|
1579
|
+
function Qa(e) {
|
|
1533
1580
|
const t = e + "CollectionProvider", [n, r] = yn(t), [o, a] = n(
|
|
1534
1581
|
t,
|
|
1535
1582
|
{ collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
|
|
1536
1583
|
), i = (f) => {
|
|
1537
|
-
const { scope: w, children: b } = f, x =
|
|
1584
|
+
const { scope: w, children: b } = f, x = _e.useRef(null), y = _e.useRef(/* @__PURE__ */ new Map()).current;
|
|
1538
1585
|
return /* @__PURE__ */ k(o, { scope: w, itemMap: y, collectionRef: x, children: b });
|
|
1539
1586
|
};
|
|
1540
1587
|
i.displayName = t;
|
|
1541
|
-
const s = e + "CollectionSlot", l = /* @__PURE__ */ vt(s), c =
|
|
1588
|
+
const s = e + "CollectionSlot", l = /* @__PURE__ */ vt(s), c = _e.forwardRef(
|
|
1542
1589
|
(f, w) => {
|
|
1543
1590
|
const { scope: b, children: x } = f, y = a(s, b), S = Z(w, y.collectionRef);
|
|
1544
1591
|
return /* @__PURE__ */ k(l, { ref: S, children: x });
|
|
1545
1592
|
}
|
|
1546
1593
|
);
|
|
1547
1594
|
c.displayName = s;
|
|
1548
|
-
const d = e + "CollectionItemSlot", p = "data-radix-collection-item", g = /* @__PURE__ */ vt(d), v =
|
|
1595
|
+
const d = e + "CollectionItemSlot", p = "data-radix-collection-item", g = /* @__PURE__ */ vt(d), v = _e.forwardRef(
|
|
1549
1596
|
(f, w) => {
|
|
1550
|
-
const { scope: b, children: x, ...y } = f, S =
|
|
1551
|
-
return
|
|
1597
|
+
const { scope: b, children: x, ...y } = f, S = _e.useRef(null), E = Z(w, S), T = a(d, b);
|
|
1598
|
+
return _e.useEffect(() => (T.itemMap.set(S, { ref: S, ...y }), () => void T.itemMap.delete(S))), /* @__PURE__ */ k(g, { [p]: "", ref: E, children: x });
|
|
1552
1599
|
}
|
|
1553
1600
|
);
|
|
1554
1601
|
v.displayName = d;
|
|
1555
1602
|
function m(f) {
|
|
1556
1603
|
const w = a(e + "CollectionConsumer", f);
|
|
1557
|
-
return
|
|
1604
|
+
return _e.useCallback(() => {
|
|
1558
1605
|
const x = w.collectionRef.current;
|
|
1559
1606
|
if (!x) return [];
|
|
1560
1607
|
const y = Array.from(x.querySelectorAll(`[${p}]`));
|
|
@@ -1569,12 +1616,12 @@ function Ka(e) {
|
|
|
1569
1616
|
r
|
|
1570
1617
|
];
|
|
1571
1618
|
}
|
|
1572
|
-
var
|
|
1573
|
-
function
|
|
1574
|
-
const t = u.useContext(
|
|
1619
|
+
var Ja = u.createContext(void 0);
|
|
1620
|
+
function ei(e) {
|
|
1621
|
+
const t = u.useContext(Ja);
|
|
1575
1622
|
return e || t || "ltr";
|
|
1576
1623
|
}
|
|
1577
|
-
var
|
|
1624
|
+
var ti = [
|
|
1578
1625
|
"a",
|
|
1579
1626
|
"button",
|
|
1580
1627
|
"div",
|
|
@@ -1592,17 +1639,17 @@ var qa = [
|
|
|
1592
1639
|
"span",
|
|
1593
1640
|
"svg",
|
|
1594
1641
|
"ul"
|
|
1595
|
-
], K =
|
|
1642
|
+
], K = ti.reduce((e, t) => {
|
|
1596
1643
|
const n = /* @__PURE__ */ vt(`Primitive.${t}`), r = u.forwardRef((o, a) => {
|
|
1597
1644
|
const { asChild: i, ...s } = o, l = i ? n : t;
|
|
1598
1645
|
return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ k(l, { ...s, ref: a });
|
|
1599
1646
|
});
|
|
1600
1647
|
return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
|
|
1601
1648
|
}, {});
|
|
1602
|
-
function
|
|
1649
|
+
function ni(e, t) {
|
|
1603
1650
|
e && u.flushSync(() => e.dispatchEvent(t));
|
|
1604
1651
|
}
|
|
1605
|
-
function
|
|
1652
|
+
function We(e) {
|
|
1606
1653
|
const t = u.useRef(e);
|
|
1607
1654
|
return u.useEffect(() => {
|
|
1608
1655
|
t.current = e;
|
|
@@ -1611,8 +1658,8 @@ function $e(e) {
|
|
|
1611
1658
|
return (r = t.current) == null ? void 0 : r.call(t, ...n);
|
|
1612
1659
|
}, []);
|
|
1613
1660
|
}
|
|
1614
|
-
function
|
|
1615
|
-
const n =
|
|
1661
|
+
function ri(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
1662
|
+
const n = We(e);
|
|
1616
1663
|
u.useEffect(() => {
|
|
1617
1664
|
const r = (o) => {
|
|
1618
1665
|
o.key === "Escape" && n(o);
|
|
@@ -1620,11 +1667,11 @@ function Ja(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
|
1620
1667
|
return t.addEventListener("keydown", r, { capture: !0 }), () => t.removeEventListener("keydown", r, { capture: !0 });
|
|
1621
1668
|
}, [n, t]);
|
|
1622
1669
|
}
|
|
1623
|
-
var
|
|
1670
|
+
var oi = "DismissableLayer", sn = "dismissableLayer.update", ai = "dismissableLayer.pointerDownOutside", ii = "dismissableLayer.focusOutside", Vn, Rr = u.createContext({
|
|
1624
1671
|
layers: /* @__PURE__ */ new Set(),
|
|
1625
1672
|
layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
|
|
1626
1673
|
branches: /* @__PURE__ */ new Set()
|
|
1627
|
-
}),
|
|
1674
|
+
}), Ir = u.forwardRef(
|
|
1628
1675
|
(e, t) => {
|
|
1629
1676
|
const {
|
|
1630
1677
|
disableOutsidePointerEvents: n = !1,
|
|
@@ -1634,22 +1681,22 @@ var ei = "DismissableLayer", sn = "dismissableLayer.update", ti = "dismissableLa
|
|
|
1634
1681
|
onInteractOutside: i,
|
|
1635
1682
|
onDismiss: s,
|
|
1636
1683
|
...l
|
|
1637
|
-
} = e, c = u.useContext(
|
|
1638
|
-
const
|
|
1684
|
+
} = e, c = u.useContext(Rr), [d, p] = u.useState(null), g = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, v] = u.useState({}), m = Z(t, (C) => p(C)), f = Array.from(c.layers), [w] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), b = f.indexOf(w), x = d ? f.indexOf(d) : -1, y = c.layersWithOutsidePointerEventsDisabled.size > 0, S = x >= b, E = ci((C) => {
|
|
1685
|
+
const R = C.target, O = [...c.branches].some((M) => M.contains(R));
|
|
1639
1686
|
!S || O || (o == null || o(C), i == null || i(C), C.defaultPrevented || s == null || s());
|
|
1640
|
-
}, g), T =
|
|
1641
|
-
const
|
|
1642
|
-
[...c.branches].some((M) => M.contains(
|
|
1687
|
+
}, g), T = ui((C) => {
|
|
1688
|
+
const R = C.target;
|
|
1689
|
+
[...c.branches].some((M) => M.contains(R)) || (a == null || a(C), i == null || i(C), C.defaultPrevented || s == null || s());
|
|
1643
1690
|
}, g);
|
|
1644
|
-
return
|
|
1691
|
+
return ri((C) => {
|
|
1645
1692
|
x === c.layers.size - 1 && (r == null || r(C), !C.defaultPrevented && s && (C.preventDefault(), s()));
|
|
1646
1693
|
}, g), u.useEffect(() => {
|
|
1647
1694
|
if (d)
|
|
1648
|
-
return n && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (Vn = g.body.style.pointerEvents, g.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(d)), c.layers.add(d),
|
|
1695
|
+
return n && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (Vn = g.body.style.pointerEvents, g.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(d)), c.layers.add(d), $n(), () => {
|
|
1649
1696
|
n && c.layersWithOutsidePointerEventsDisabled.size === 1 && (g.body.style.pointerEvents = Vn);
|
|
1650
1697
|
};
|
|
1651
1698
|
}, [d, g, n, c]), u.useEffect(() => () => {
|
|
1652
|
-
d && (c.layers.delete(d), c.layersWithOutsidePointerEventsDisabled.delete(d),
|
|
1699
|
+
d && (c.layers.delete(d), c.layersWithOutsidePointerEventsDisabled.delete(d), $n());
|
|
1653
1700
|
}, [d, c]), u.useEffect(() => {
|
|
1654
1701
|
const C = () => v({});
|
|
1655
1702
|
return document.addEventListener(sn, C), () => document.removeEventListener(sn, C);
|
|
@@ -1672,9 +1719,9 @@ var ei = "DismissableLayer", sn = "dismissableLayer.update", ti = "dismissableLa
|
|
|
1672
1719
|
);
|
|
1673
1720
|
}
|
|
1674
1721
|
);
|
|
1675
|
-
|
|
1676
|
-
var
|
|
1677
|
-
const n = u.useContext(
|
|
1722
|
+
Ir.displayName = oi;
|
|
1723
|
+
var si = "DismissableLayerBranch", li = u.forwardRef((e, t) => {
|
|
1724
|
+
const n = u.useContext(Rr), r = u.useRef(null), o = Z(t, r);
|
|
1678
1725
|
return u.useEffect(() => {
|
|
1679
1726
|
const a = r.current;
|
|
1680
1727
|
if (a)
|
|
@@ -1683,16 +1730,16 @@ var ri = "DismissableLayerBranch", oi = u.forwardRef((e, t) => {
|
|
|
1683
1730
|
};
|
|
1684
1731
|
}, [n.branches]), /* @__PURE__ */ k(K.div, { ...e, ref: o });
|
|
1685
1732
|
});
|
|
1686
|
-
|
|
1687
|
-
function
|
|
1688
|
-
const n =
|
|
1733
|
+
li.displayName = si;
|
|
1734
|
+
function ci(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
1735
|
+
const n = We(e), r = u.useRef(!1), o = u.useRef(() => {
|
|
1689
1736
|
});
|
|
1690
1737
|
return u.useEffect(() => {
|
|
1691
1738
|
const a = (s) => {
|
|
1692
1739
|
if (s.target && !r.current) {
|
|
1693
1740
|
let l = function() {
|
|
1694
|
-
|
|
1695
|
-
|
|
1741
|
+
_r(
|
|
1742
|
+
ai,
|
|
1696
1743
|
n,
|
|
1697
1744
|
c,
|
|
1698
1745
|
{ discrete: !0 }
|
|
@@ -1714,11 +1761,11 @@ function ai(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
|
1714
1761
|
onPointerDownCapture: () => r.current = !0
|
|
1715
1762
|
};
|
|
1716
1763
|
}
|
|
1717
|
-
function
|
|
1718
|
-
const n =
|
|
1764
|
+
function ui(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
1765
|
+
const n = We(e), r = u.useRef(!1);
|
|
1719
1766
|
return u.useEffect(() => {
|
|
1720
1767
|
const o = (a) => {
|
|
1721
|
-
a.target && !r.current &&
|
|
1768
|
+
a.target && !r.current && _r(ii, n, { originalEvent: a }, {
|
|
1722
1769
|
discrete: !1
|
|
1723
1770
|
});
|
|
1724
1771
|
};
|
|
@@ -1728,35 +1775,35 @@ function ii(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
|
1728
1775
|
onBlurCapture: () => r.current = !1
|
|
1729
1776
|
};
|
|
1730
1777
|
}
|
|
1731
|
-
function
|
|
1778
|
+
function $n() {
|
|
1732
1779
|
const e = new CustomEvent(sn);
|
|
1733
1780
|
document.dispatchEvent(e);
|
|
1734
1781
|
}
|
|
1735
|
-
function
|
|
1782
|
+
function _r(e, t, n, { discrete: r }) {
|
|
1736
1783
|
const o = n.originalEvent.target, a = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
|
|
1737
|
-
t && o.addEventListener(e, t, { once: !0 }), r ?
|
|
1784
|
+
t && o.addEventListener(e, t, { once: !0 }), r ? ni(o, a) : o.dispatchEvent(a);
|
|
1738
1785
|
}
|
|
1739
1786
|
var Kt = 0;
|
|
1740
|
-
function
|
|
1787
|
+
function di() {
|
|
1741
1788
|
u.useEffect(() => {
|
|
1742
1789
|
const e = document.querySelectorAll("[data-radix-focus-guard]");
|
|
1743
|
-
return document.body.insertAdjacentElement("afterbegin", e[0] ??
|
|
1790
|
+
return document.body.insertAdjacentElement("afterbegin", e[0] ?? Wn()), document.body.insertAdjacentElement("beforeend", e[1] ?? Wn()), Kt++, () => {
|
|
1744
1791
|
Kt === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), Kt--;
|
|
1745
1792
|
};
|
|
1746
1793
|
}, []);
|
|
1747
1794
|
}
|
|
1748
|
-
function
|
|
1795
|
+
function Wn() {
|
|
1749
1796
|
const e = document.createElement("span");
|
|
1750
1797
|
return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
|
|
1751
1798
|
}
|
|
1752
|
-
var Gt = "focusScope.autoFocusOnMount", Zt = "focusScope.autoFocusOnUnmount", Un = { bubbles: !1, cancelable: !0 },
|
|
1799
|
+
var Gt = "focusScope.autoFocusOnMount", Zt = "focusScope.autoFocusOnUnmount", Un = { bubbles: !1, cancelable: !0 }, fi = "FocusScope", Nr = u.forwardRef((e, t) => {
|
|
1753
1800
|
const {
|
|
1754
1801
|
loop: n = !1,
|
|
1755
1802
|
trapped: r = !1,
|
|
1756
1803
|
onMountAutoFocus: o,
|
|
1757
1804
|
onUnmountAutoFocus: a,
|
|
1758
1805
|
...i
|
|
1759
|
-
} = e, [s, l] = u.useState(null), c =
|
|
1806
|
+
} = e, [s, l] = u.useState(null), c = We(o), d = We(a), p = u.useRef(null), g = Z(t, (f) => l(f)), v = u.useRef({
|
|
1760
1807
|
paused: !1,
|
|
1761
1808
|
pause() {
|
|
1762
1809
|
this.paused = !0;
|
|
@@ -1770,15 +1817,15 @@ var Gt = "focusScope.autoFocusOnMount", Zt = "focusScope.autoFocusOnUnmount", Un
|
|
|
1770
1817
|
let f = function(y) {
|
|
1771
1818
|
if (v.paused || !s) return;
|
|
1772
1819
|
const S = y.target;
|
|
1773
|
-
s.contains(S) ? p.current = S :
|
|
1820
|
+
s.contains(S) ? p.current = S : Ne(p.current, { select: !0 });
|
|
1774
1821
|
}, w = function(y) {
|
|
1775
1822
|
if (v.paused || !s) return;
|
|
1776
1823
|
const S = y.relatedTarget;
|
|
1777
|
-
S !== null && (s.contains(S) ||
|
|
1824
|
+
S !== null && (s.contains(S) || Ne(p.current, { select: !0 }));
|
|
1778
1825
|
}, b = function(y) {
|
|
1779
1826
|
if (document.activeElement === document.body)
|
|
1780
1827
|
for (const E of y)
|
|
1781
|
-
E.removedNodes.length > 0 &&
|
|
1828
|
+
E.removedNodes.length > 0 && Ne(s);
|
|
1782
1829
|
};
|
|
1783
1830
|
document.addEventListener("focusin", f), document.addEventListener("focusout", w);
|
|
1784
1831
|
const x = new MutationObserver(b);
|
|
@@ -1792,12 +1839,12 @@ var Gt = "focusScope.autoFocusOnMount", Zt = "focusScope.autoFocusOnUnmount", Un
|
|
|
1792
1839
|
const f = document.activeElement;
|
|
1793
1840
|
if (!s.contains(f)) {
|
|
1794
1841
|
const b = new CustomEvent(Gt, Un);
|
|
1795
|
-
s.addEventListener(Gt, c), s.dispatchEvent(b), b.defaultPrevented || (
|
|
1842
|
+
s.addEventListener(Gt, c), s.dispatchEvent(b), b.defaultPrevented || (pi(wi(Or(s)), { select: !0 }), document.activeElement === f && Ne(s));
|
|
1796
1843
|
}
|
|
1797
1844
|
return () => {
|
|
1798
1845
|
s.removeEventListener(Gt, c), setTimeout(() => {
|
|
1799
1846
|
const b = new CustomEvent(Zt, Un);
|
|
1800
|
-
s.addEventListener(Zt, d), s.dispatchEvent(b), b.defaultPrevented ||
|
|
1847
|
+
s.addEventListener(Zt, d), s.dispatchEvent(b), b.defaultPrevented || Ne(f ?? document.body, { select: !0 }), s.removeEventListener(Zt, d), jn.remove(v);
|
|
1801
1848
|
}, 0);
|
|
1802
1849
|
};
|
|
1803
1850
|
}
|
|
@@ -1807,25 +1854,25 @@ var Gt = "focusScope.autoFocusOnMount", Zt = "focusScope.autoFocusOnUnmount", Un
|
|
|
1807
1854
|
if (!n && !r || v.paused) return;
|
|
1808
1855
|
const w = f.key === "Tab" && !f.altKey && !f.ctrlKey && !f.metaKey, b = document.activeElement;
|
|
1809
1856
|
if (w && b) {
|
|
1810
|
-
const x = f.currentTarget, [y, S] =
|
|
1811
|
-
y && S ? !f.shiftKey && b === S ? (f.preventDefault(), n &&
|
|
1857
|
+
const x = f.currentTarget, [y, S] = hi(x);
|
|
1858
|
+
y && S ? !f.shiftKey && b === S ? (f.preventDefault(), n && Ne(y, { select: !0 })) : f.shiftKey && b === y && (f.preventDefault(), n && Ne(S, { select: !0 })) : b === x && f.preventDefault();
|
|
1812
1859
|
}
|
|
1813
1860
|
},
|
|
1814
1861
|
[n, r, v.paused]
|
|
1815
1862
|
);
|
|
1816
1863
|
return /* @__PURE__ */ k(K.div, { tabIndex: -1, ...i, ref: g, onKeyDown: m });
|
|
1817
1864
|
});
|
|
1818
|
-
Nr.displayName =
|
|
1819
|
-
function
|
|
1865
|
+
Nr.displayName = fi;
|
|
1866
|
+
function pi(e, { select: t = !1 } = {}) {
|
|
1820
1867
|
const n = document.activeElement;
|
|
1821
1868
|
for (const r of e)
|
|
1822
|
-
if (
|
|
1869
|
+
if (Ne(r, { select: t }), document.activeElement !== n) return;
|
|
1823
1870
|
}
|
|
1824
|
-
function
|
|
1825
|
-
const t =
|
|
1871
|
+
function hi(e) {
|
|
1872
|
+
const t = Or(e), n = Hn(t, e), r = Hn(t.reverse(), e);
|
|
1826
1873
|
return [n, r];
|
|
1827
1874
|
}
|
|
1828
|
-
function
|
|
1875
|
+
function Or(e) {
|
|
1829
1876
|
const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
|
|
1830
1877
|
acceptNode: (r) => {
|
|
1831
1878
|
const o = r.tagName === "INPUT" && r.type === "hidden";
|
|
@@ -1837,9 +1884,9 @@ function _r(e) {
|
|
|
1837
1884
|
}
|
|
1838
1885
|
function Hn(e, t) {
|
|
1839
1886
|
for (const n of e)
|
|
1840
|
-
if (!
|
|
1887
|
+
if (!vi(n, { upTo: t })) return n;
|
|
1841
1888
|
}
|
|
1842
|
-
function
|
|
1889
|
+
function vi(e, { upTo: t }) {
|
|
1843
1890
|
if (getComputedStyle(e).visibility === "hidden") return !0;
|
|
1844
1891
|
for (; e; ) {
|
|
1845
1892
|
if (t !== void 0 && e === t) return !1;
|
|
@@ -1848,17 +1895,17 @@ function di(e, { upTo: t }) {
|
|
|
1848
1895
|
}
|
|
1849
1896
|
return !1;
|
|
1850
1897
|
}
|
|
1851
|
-
function
|
|
1898
|
+
function gi(e) {
|
|
1852
1899
|
return e instanceof HTMLInputElement && "select" in e;
|
|
1853
1900
|
}
|
|
1854
|
-
function
|
|
1901
|
+
function Ne(e, { select: t = !1 } = {}) {
|
|
1855
1902
|
if (e && e.focus) {
|
|
1856
1903
|
const n = document.activeElement;
|
|
1857
|
-
e.focus({ preventScroll: !0 }), e !== n &&
|
|
1904
|
+
e.focus({ preventScroll: !0 }), e !== n && gi(e) && t && e.select();
|
|
1858
1905
|
}
|
|
1859
1906
|
}
|
|
1860
|
-
var jn =
|
|
1861
|
-
function
|
|
1907
|
+
var jn = mi();
|
|
1908
|
+
function mi() {
|
|
1862
1909
|
let e = [];
|
|
1863
1910
|
return {
|
|
1864
1911
|
add(t) {
|
|
@@ -1875,27 +1922,27 @@ function Yn(e, t) {
|
|
|
1875
1922
|
const n = [...e], r = n.indexOf(t);
|
|
1876
1923
|
return r !== -1 && n.splice(r, 1), n;
|
|
1877
1924
|
}
|
|
1878
|
-
function
|
|
1925
|
+
function wi(e) {
|
|
1879
1926
|
return e.filter((t) => t.tagName !== "A");
|
|
1880
1927
|
}
|
|
1881
1928
|
var te = globalThis != null && globalThis.document ? u.useLayoutEffect : () => {
|
|
1882
|
-
},
|
|
1883
|
-
}),
|
|
1929
|
+
}, bi = u[" useId ".trim().toString()] || (() => {
|
|
1930
|
+
}), xi = 0;
|
|
1884
1931
|
function Cn(e) {
|
|
1885
|
-
const [t, n] = u.useState(
|
|
1932
|
+
const [t, n] = u.useState(bi());
|
|
1886
1933
|
return te(() => {
|
|
1887
|
-
n((r) => r ?? String(
|
|
1934
|
+
n((r) => r ?? String(xi++));
|
|
1888
1935
|
}, [e]), e || (t ? `radix-${t}` : "");
|
|
1889
1936
|
}
|
|
1890
|
-
const
|
|
1937
|
+
const yi = ["top", "right", "bottom", "left"], Le = Math.min, ae = Math.max, Nt = Math.round, Ct = Math.floor, ye = (e) => ({
|
|
1891
1938
|
x: e,
|
|
1892
1939
|
y: e
|
|
1893
|
-
}),
|
|
1940
|
+
}), Ci = {
|
|
1894
1941
|
left: "right",
|
|
1895
1942
|
right: "left",
|
|
1896
1943
|
bottom: "top",
|
|
1897
1944
|
top: "bottom"
|
|
1898
|
-
},
|
|
1945
|
+
}, Si = {
|
|
1899
1946
|
start: "end",
|
|
1900
1947
|
end: "start"
|
|
1901
1948
|
};
|
|
@@ -1923,20 +1970,20 @@ function De(e) {
|
|
|
1923
1970
|
function kn(e) {
|
|
1924
1971
|
return Sn(De(e));
|
|
1925
1972
|
}
|
|
1926
|
-
function
|
|
1973
|
+
function Ei(e, t, n) {
|
|
1927
1974
|
n === void 0 && (n = !1);
|
|
1928
1975
|
const r = at(e), o = kn(e), a = En(o);
|
|
1929
1976
|
let i = o === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
|
|
1930
1977
|
return t.reference[a] > t.floating[a] && (i = Ot(i)), [i, Ot(i)];
|
|
1931
1978
|
}
|
|
1932
|
-
function
|
|
1979
|
+
function ki(e) {
|
|
1933
1980
|
const t = Ot(e);
|
|
1934
1981
|
return [cn(e), t, cn(t)];
|
|
1935
1982
|
}
|
|
1936
1983
|
function cn(e) {
|
|
1937
|
-
return e.replace(/start|end/g, (t) =>
|
|
1984
|
+
return e.replace(/start|end/g, (t) => Si[t]);
|
|
1938
1985
|
}
|
|
1939
|
-
function
|
|
1986
|
+
function Ti(e, t, n) {
|
|
1940
1987
|
const r = ["left", "right"], o = ["right", "left"], a = ["top", "bottom"], i = ["bottom", "top"];
|
|
1941
1988
|
switch (e) {
|
|
1942
1989
|
case "top":
|
|
@@ -1949,15 +1996,15 @@ function Ci(e, t, n) {
|
|
|
1949
1996
|
return [];
|
|
1950
1997
|
}
|
|
1951
1998
|
}
|
|
1952
|
-
function
|
|
1999
|
+
function Ai(e, t, n, r) {
|
|
1953
2000
|
const o = at(e);
|
|
1954
|
-
let a =
|
|
2001
|
+
let a = Ti(Pe(e), n === "start", r);
|
|
1955
2002
|
return o && (a = a.map((i) => i + "-" + o), t && (a = a.concat(a.map(cn)))), a;
|
|
1956
2003
|
}
|
|
1957
2004
|
function Ot(e) {
|
|
1958
|
-
return e.replace(/left|right|bottom|top/g, (t) =>
|
|
2005
|
+
return e.replace(/left|right|bottom|top/g, (t) => Ci[t]);
|
|
1959
2006
|
}
|
|
1960
|
-
function
|
|
2007
|
+
function Pi(e) {
|
|
1961
2008
|
return {
|
|
1962
2009
|
top: 0,
|
|
1963
2010
|
right: 0,
|
|
@@ -1966,8 +2013,8 @@ function Ei(e) {
|
|
|
1966
2013
|
...e
|
|
1967
2014
|
};
|
|
1968
2015
|
}
|
|
1969
|
-
function
|
|
1970
|
-
return typeof e != "number" ?
|
|
2016
|
+
function Mr(e) {
|
|
2017
|
+
return typeof e != "number" ? Pi(e) : {
|
|
1971
2018
|
top: e,
|
|
1972
2019
|
right: e,
|
|
1973
2020
|
bottom: e,
|
|
@@ -2040,7 +2087,7 @@ function Xn(e, t, n) {
|
|
|
2040
2087
|
}
|
|
2041
2088
|
return v;
|
|
2042
2089
|
}
|
|
2043
|
-
const
|
|
2090
|
+
const Ri = async (e, t, n) => {
|
|
2044
2091
|
const {
|
|
2045
2092
|
placement: r = "bottom",
|
|
2046
2093
|
strategy: o = "absolute",
|
|
@@ -2117,7 +2164,7 @@ async function gt(e, t) {
|
|
|
2117
2164
|
elementContext: p = "floating",
|
|
2118
2165
|
altBoundary: g = !1,
|
|
2119
2166
|
padding: v = 0
|
|
2120
|
-
} = Ae(t, e), m =
|
|
2167
|
+
} = Ae(t, e), m = Mr(v), w = s[g ? p === "floating" ? "reference" : "floating" : p], b = Mt(await a.getClippingRect({
|
|
2121
2168
|
element: (n = await (a.isElement == null ? void 0 : a.isElement(w))) == null || n ? w : w.contextElement || await (a.getDocumentElement == null ? void 0 : a.getDocumentElement(s.floating)),
|
|
2122
2169
|
boundary: c,
|
|
2123
2170
|
rootBoundary: d,
|
|
@@ -2146,7 +2193,7 @@ async function gt(e, t) {
|
|
|
2146
2193
|
right: (E.right - b.right + m.right) / S.x
|
|
2147
2194
|
};
|
|
2148
2195
|
}
|
|
2149
|
-
const
|
|
2196
|
+
const Ii = (e) => ({
|
|
2150
2197
|
name: "arrow",
|
|
2151
2198
|
options: e,
|
|
2152
2199
|
async fn(t) {
|
|
@@ -2164,26 +2211,26 @@ const Ti = (e) => ({
|
|
|
2164
2211
|
} = Ae(e, t) || {};
|
|
2165
2212
|
if (c == null)
|
|
2166
2213
|
return {};
|
|
2167
|
-
const p =
|
|
2214
|
+
const p = Mr(d), g = {
|
|
2168
2215
|
x: n,
|
|
2169
2216
|
y: r
|
|
2170
2217
|
}, v = kn(o), m = En(v), f = await i.getDimensions(c), w = v === "y", b = w ? "top" : "left", x = w ? "bottom" : "right", y = w ? "clientHeight" : "clientWidth", S = a.reference[m] + a.reference[v] - g[v] - a.floating[m], E = g[v] - a.reference[v], T = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(c));
|
|
2171
2218
|
let C = T ? T[y] : 0;
|
|
2172
2219
|
(!C || !await (i.isElement == null ? void 0 : i.isElement(T))) && (C = s.floating[y] || a.floating[m]);
|
|
2173
|
-
const
|
|
2220
|
+
const R = S / 2 - E / 2, O = C / 2 - f[m] / 2 - 1, M = Le(p[b], O), V = Le(p[x], O), $ = M, D = C - f[m] - V, N = C / 2 - f[m] / 2 + R, X = ln($, N, D), _ = !l.arrow && at(o) != null && N !== X && a.reference[m] / 2 - (N < $ ? M : V) - f[m] / 2 < 0, L = _ ? N < $ ? N - $ : N - D : 0;
|
|
2174
2221
|
return {
|
|
2175
2222
|
[v]: g[v] + L,
|
|
2176
2223
|
data: {
|
|
2177
|
-
[v]:
|
|
2178
|
-
centerOffset:
|
|
2179
|
-
...
|
|
2224
|
+
[v]: X,
|
|
2225
|
+
centerOffset: N - X - L,
|
|
2226
|
+
..._ && {
|
|
2180
2227
|
alignmentOffset: L
|
|
2181
2228
|
}
|
|
2182
2229
|
},
|
|
2183
|
-
reset:
|
|
2230
|
+
reset: _
|
|
2184
2231
|
};
|
|
2185
2232
|
}
|
|
2186
|
-
}),
|
|
2233
|
+
}), _i = function(e) {
|
|
2187
2234
|
return e === void 0 && (e = {}), {
|
|
2188
2235
|
name: "flip",
|
|
2189
2236
|
options: e,
|
|
@@ -2207,55 +2254,55 @@ const Ti = (e) => ({
|
|
|
2207
2254
|
} = Ae(e, t);
|
|
2208
2255
|
if ((n = a.arrow) != null && n.alignmentOffset)
|
|
2209
2256
|
return {};
|
|
2210
|
-
const b = Pe(o), x = De(s), y = Pe(s) === s, S = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), E = g || (y || !f ? [Ot(s)] :
|
|
2211
|
-
!g && T && E.push(...
|
|
2212
|
-
const C = [s, ...E],
|
|
2257
|
+
const b = Pe(o), x = De(s), y = Pe(s) === s, S = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), E = g || (y || !f ? [Ot(s)] : ki(s)), T = m !== "none";
|
|
2258
|
+
!g && T && E.push(...Ai(s, f, m, S));
|
|
2259
|
+
const C = [s, ...E], R = await gt(t, w), O = [];
|
|
2213
2260
|
let M = ((r = a.flip) == null ? void 0 : r.overflows) || [];
|
|
2214
|
-
if (d && O.push(
|
|
2215
|
-
const
|
|
2216
|
-
O.push(
|
|
2261
|
+
if (d && O.push(R[b]), p) {
|
|
2262
|
+
const N = Ei(o, i, S);
|
|
2263
|
+
O.push(R[N[0]], R[N[1]]);
|
|
2217
2264
|
}
|
|
2218
2265
|
if (M = [...M, {
|
|
2219
2266
|
placement: o,
|
|
2220
2267
|
overflows: O
|
|
2221
|
-
}], !O.every((
|
|
2222
|
-
var V,
|
|
2223
|
-
const
|
|
2224
|
-
if (
|
|
2268
|
+
}], !O.every((N) => N <= 0)) {
|
|
2269
|
+
var V, $;
|
|
2270
|
+
const N = (((V = a.flip) == null ? void 0 : V.index) || 0) + 1, X = C[N];
|
|
2271
|
+
if (X)
|
|
2225
2272
|
return {
|
|
2226
2273
|
data: {
|
|
2227
|
-
index:
|
|
2274
|
+
index: N,
|
|
2228
2275
|
overflows: M
|
|
2229
2276
|
},
|
|
2230
2277
|
reset: {
|
|
2231
|
-
placement:
|
|
2278
|
+
placement: X
|
|
2232
2279
|
}
|
|
2233
2280
|
};
|
|
2234
|
-
let
|
|
2235
|
-
if (!
|
|
2281
|
+
let _ = ($ = M.filter((L) => L.overflows[0] <= 0).sort((L, I) => L.overflows[1] - I.overflows[1])[0]) == null ? void 0 : $.placement;
|
|
2282
|
+
if (!_)
|
|
2236
2283
|
switch (v) {
|
|
2237
2284
|
case "bestFit": {
|
|
2238
2285
|
var D;
|
|
2239
|
-
const L = (D = M.filter((
|
|
2286
|
+
const L = (D = M.filter((I) => {
|
|
2240
2287
|
if (T) {
|
|
2241
|
-
const
|
|
2242
|
-
return
|
|
2288
|
+
const W = De(I.placement);
|
|
2289
|
+
return W === x || // Create a bias to the `y` side axis due to horizontal
|
|
2243
2290
|
// reading directions favoring greater width.
|
|
2244
|
-
|
|
2291
|
+
W === "y";
|
|
2245
2292
|
}
|
|
2246
2293
|
return !0;
|
|
2247
|
-
}).map((
|
|
2248
|
-
L && (
|
|
2294
|
+
}).map((I) => [I.placement, I.overflows.filter((W) => W > 0).reduce((W, ee) => W + ee, 0)]).sort((I, W) => I[1] - W[1])[0]) == null ? void 0 : D[0];
|
|
2295
|
+
L && (_ = L);
|
|
2249
2296
|
break;
|
|
2250
2297
|
}
|
|
2251
2298
|
case "initialPlacement":
|
|
2252
|
-
|
|
2299
|
+
_ = s;
|
|
2253
2300
|
break;
|
|
2254
2301
|
}
|
|
2255
|
-
if (o !==
|
|
2302
|
+
if (o !== _)
|
|
2256
2303
|
return {
|
|
2257
2304
|
reset: {
|
|
2258
|
-
placement:
|
|
2305
|
+
placement: _
|
|
2259
2306
|
}
|
|
2260
2307
|
};
|
|
2261
2308
|
}
|
|
@@ -2272,9 +2319,9 @@ function Kn(e, t) {
|
|
|
2272
2319
|
};
|
|
2273
2320
|
}
|
|
2274
2321
|
function Gn(e) {
|
|
2275
|
-
return
|
|
2322
|
+
return yi.some((t) => e[t] >= 0);
|
|
2276
2323
|
}
|
|
2277
|
-
const
|
|
2324
|
+
const Ni = function(e) {
|
|
2278
2325
|
return e === void 0 && (e = {}), {
|
|
2279
2326
|
name: "hide",
|
|
2280
2327
|
options: e,
|
|
@@ -2316,7 +2363,7 @@ const Pi = function(e) {
|
|
|
2316
2363
|
}
|
|
2317
2364
|
};
|
|
2318
2365
|
};
|
|
2319
|
-
async function
|
|
2366
|
+
async function Oi(e, t) {
|
|
2320
2367
|
const {
|
|
2321
2368
|
placement: n,
|
|
2322
2369
|
platform: r,
|
|
@@ -2343,7 +2390,7 @@ async function Ri(e, t) {
|
|
|
2343
2390
|
y: v * d
|
|
2344
2391
|
};
|
|
2345
2392
|
}
|
|
2346
|
-
const
|
|
2393
|
+
const Mi = function(e) {
|
|
2347
2394
|
return e === void 0 && (e = 0), {
|
|
2348
2395
|
name: "offset",
|
|
2349
2396
|
options: e,
|
|
@@ -2354,7 +2401,7 @@ const Ii = function(e) {
|
|
|
2354
2401
|
y: a,
|
|
2355
2402
|
placement: i,
|
|
2356
2403
|
middlewareData: s
|
|
2357
|
-
} = t, l = await
|
|
2404
|
+
} = t, l = await Oi(t, e);
|
|
2358
2405
|
return i === ((n = s.offset) == null ? void 0 : n.placement) && (r = s.arrow) != null && r.alignmentOffset ? {} : {
|
|
2359
2406
|
x: o + l.x,
|
|
2360
2407
|
y: a + l.y,
|
|
@@ -2365,7 +2412,7 @@ const Ii = function(e) {
|
|
|
2365
2412
|
};
|
|
2366
2413
|
}
|
|
2367
2414
|
};
|
|
2368
|
-
},
|
|
2415
|
+
}, Li = function(e) {
|
|
2369
2416
|
return e === void 0 && (e = {}), {
|
|
2370
2417
|
name: "shift",
|
|
2371
2418
|
options: e,
|
|
@@ -2421,7 +2468,7 @@ const Ii = function(e) {
|
|
|
2421
2468
|
};
|
|
2422
2469
|
}
|
|
2423
2470
|
};
|
|
2424
|
-
},
|
|
2471
|
+
}, Di = function(e) {
|
|
2425
2472
|
return e === void 0 && (e = {}), {
|
|
2426
2473
|
options: e,
|
|
2427
2474
|
fn(t) {
|
|
@@ -2463,7 +2510,7 @@ const Ii = function(e) {
|
|
|
2463
2510
|
};
|
|
2464
2511
|
}
|
|
2465
2512
|
};
|
|
2466
|
-
},
|
|
2513
|
+
}, Bi = function(e) {
|
|
2467
2514
|
return e === void 0 && (e = {}), {
|
|
2468
2515
|
name: "size",
|
|
2469
2516
|
options: e,
|
|
@@ -2485,14 +2532,14 @@ const Ii = function(e) {
|
|
|
2485
2532
|
let w, b;
|
|
2486
2533
|
p === "top" || p === "bottom" ? (w = p, b = g === (await (i.isRTL == null ? void 0 : i.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (b = p, w = g === "end" ? "top" : "bottom");
|
|
2487
2534
|
const x = f - d.top - d.bottom, y = m - d.left - d.right, S = Le(f - d[w], x), E = Le(m - d[b], y), T = !t.middlewareData.shift;
|
|
2488
|
-
let C = S,
|
|
2489
|
-
if ((n = t.middlewareData.shift) != null && n.enabled.x && (
|
|
2490
|
-
const M = ae(d.left, 0), V = ae(d.right, 0),
|
|
2491
|
-
v ?
|
|
2535
|
+
let C = S, R = E;
|
|
2536
|
+
if ((n = t.middlewareData.shift) != null && n.enabled.x && (R = y), (r = t.middlewareData.shift) != null && r.enabled.y && (C = x), T && !g) {
|
|
2537
|
+
const M = ae(d.left, 0), V = ae(d.right, 0), $ = ae(d.top, 0), D = ae(d.bottom, 0);
|
|
2538
|
+
v ? R = m - 2 * (M !== 0 || V !== 0 ? M + V : ae(d.left, d.right)) : C = f - 2 * ($ !== 0 || D !== 0 ? $ + D : ae(d.top, d.bottom));
|
|
2492
2539
|
}
|
|
2493
2540
|
await l({
|
|
2494
2541
|
...t,
|
|
2495
|
-
availableWidth:
|
|
2542
|
+
availableWidth: R,
|
|
2496
2543
|
availableHeight: C
|
|
2497
2544
|
});
|
|
2498
2545
|
const O = await i.getDimensions(s.floating);
|
|
@@ -2508,7 +2555,7 @@ function Ft() {
|
|
|
2508
2555
|
return typeof window < "u";
|
|
2509
2556
|
}
|
|
2510
2557
|
function it(e) {
|
|
2511
|
-
return
|
|
2558
|
+
return Lr(e) ? (e.nodeName || "").toLowerCase() : "#document";
|
|
2512
2559
|
}
|
|
2513
2560
|
function ie(e) {
|
|
2514
2561
|
var t;
|
|
@@ -2516,9 +2563,9 @@ function ie(e) {
|
|
|
2516
2563
|
}
|
|
2517
2564
|
function Se(e) {
|
|
2518
2565
|
var t;
|
|
2519
|
-
return (t = (
|
|
2566
|
+
return (t = (Lr(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
|
|
2520
2567
|
}
|
|
2521
|
-
function
|
|
2568
|
+
function Lr(e) {
|
|
2522
2569
|
return Ft() ? e instanceof Node || e instanceof ie(e).Node : !1;
|
|
2523
2570
|
}
|
|
2524
2571
|
function de(e) {
|
|
@@ -2539,7 +2586,7 @@ function bt(e) {
|
|
|
2539
2586
|
} = fe(e);
|
|
2540
2587
|
return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && !["inline", "contents"].includes(o);
|
|
2541
2588
|
}
|
|
2542
|
-
function
|
|
2589
|
+
function zi(e) {
|
|
2543
2590
|
return ["table", "td", "th"].includes(it(e));
|
|
2544
2591
|
}
|
|
2545
2592
|
function Vt(e) {
|
|
@@ -2555,7 +2602,7 @@ function Tn(e) {
|
|
|
2555
2602
|
const t = An(), n = de(e) ? fe(e) : e;
|
|
2556
2603
|
return ["transform", "translate", "scale", "rotate", "perspective"].some((r) => n[r] ? n[r] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((r) => (n.willChange || "").includes(r)) || ["paint", "layout", "strict", "content"].some((r) => (n.contain || "").includes(r));
|
|
2557
2604
|
}
|
|
2558
|
-
function
|
|
2605
|
+
function Fi(e) {
|
|
2559
2606
|
let t = Be(e);
|
|
2560
2607
|
for (; Ce(t) && !nt(t); ) {
|
|
2561
2608
|
if (Tn(t))
|
|
@@ -2575,7 +2622,7 @@ function nt(e) {
|
|
|
2575
2622
|
function fe(e) {
|
|
2576
2623
|
return ie(e).getComputedStyle(e);
|
|
2577
2624
|
}
|
|
2578
|
-
function
|
|
2625
|
+
function $t(e) {
|
|
2579
2626
|
return de(e) ? {
|
|
2580
2627
|
scrollLeft: e.scrollLeft,
|
|
2581
2628
|
scrollTop: e.scrollTop
|
|
@@ -2596,14 +2643,14 @@ function Be(e) {
|
|
|
2596
2643
|
);
|
|
2597
2644
|
return Zn(t) ? t.host : t;
|
|
2598
2645
|
}
|
|
2599
|
-
function
|
|
2646
|
+
function Dr(e) {
|
|
2600
2647
|
const t = Be(e);
|
|
2601
|
-
return nt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Ce(t) && bt(t) ? t :
|
|
2648
|
+
return nt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Ce(t) && bt(t) ? t : Dr(t);
|
|
2602
2649
|
}
|
|
2603
2650
|
function mt(e, t, n) {
|
|
2604
2651
|
var r;
|
|
2605
2652
|
t === void 0 && (t = []), n === void 0 && (n = !0);
|
|
2606
|
-
const o =
|
|
2653
|
+
const o = Dr(e), a = o === ((r = e.ownerDocument) == null ? void 0 : r.body), i = ie(o);
|
|
2607
2654
|
if (a) {
|
|
2608
2655
|
const s = un(i);
|
|
2609
2656
|
return t.concat(i, i.visualViewport || [], bt(o) ? o : [], s && n ? mt(s) : []);
|
|
@@ -2613,10 +2660,10 @@ function mt(e, t, n) {
|
|
|
2613
2660
|
function un(e) {
|
|
2614
2661
|
return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
|
|
2615
2662
|
}
|
|
2616
|
-
function
|
|
2663
|
+
function Br(e) {
|
|
2617
2664
|
const t = fe(e);
|
|
2618
2665
|
let n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0;
|
|
2619
|
-
const o = Ce(e), a = o ? e.offsetWidth : n, i = o ? e.offsetHeight : r, s =
|
|
2666
|
+
const o = Ce(e), a = o ? e.offsetWidth : n, i = o ? e.offsetHeight : r, s = Nt(n) !== a || Nt(r) !== i;
|
|
2620
2667
|
return s && (n = a, r = i), {
|
|
2621
2668
|
width: n,
|
|
2622
2669
|
height: r,
|
|
@@ -2634,22 +2681,22 @@ function et(e) {
|
|
|
2634
2681
|
width: r,
|
|
2635
2682
|
height: o,
|
|
2636
2683
|
$: a
|
|
2637
|
-
} =
|
|
2638
|
-
let i = (a ?
|
|
2684
|
+
} = Br(t);
|
|
2685
|
+
let i = (a ? Nt(n.width) : n.width) / r, s = (a ? Nt(n.height) : n.height) / o;
|
|
2639
2686
|
return (!i || !Number.isFinite(i)) && (i = 1), (!s || !Number.isFinite(s)) && (s = 1), {
|
|
2640
2687
|
x: i,
|
|
2641
2688
|
y: s
|
|
2642
2689
|
};
|
|
2643
2690
|
}
|
|
2644
|
-
const
|
|
2645
|
-
function
|
|
2691
|
+
const Vi = /* @__PURE__ */ ye(0);
|
|
2692
|
+
function zr(e) {
|
|
2646
2693
|
const t = ie(e);
|
|
2647
|
-
return !An() || !t.visualViewport ?
|
|
2694
|
+
return !An() || !t.visualViewport ? Vi : {
|
|
2648
2695
|
x: t.visualViewport.offsetLeft,
|
|
2649
2696
|
y: t.visualViewport.offsetTop
|
|
2650
2697
|
};
|
|
2651
2698
|
}
|
|
2652
|
-
function
|
|
2699
|
+
function $i(e, t, n) {
|
|
2653
2700
|
return t === void 0 && (t = !1), !n || t && n !== ie(e) ? !1 : t;
|
|
2654
2701
|
}
|
|
2655
2702
|
function Ue(e, t, n, r) {
|
|
@@ -2657,7 +2704,7 @@ function Ue(e, t, n, r) {
|
|
|
2657
2704
|
const o = e.getBoundingClientRect(), a = Pn(e);
|
|
2658
2705
|
let i = ye(1);
|
|
2659
2706
|
t && (r ? de(r) && (i = et(r)) : i = et(e));
|
|
2660
|
-
const s =
|
|
2707
|
+
const s = $i(a, n, r) ? zr(a) : ye(0);
|
|
2661
2708
|
let l = (o.left + s.x) / i.x, c = (o.top + s.y) / i.y, d = o.width / i.x, p = o.height / i.y;
|
|
2662
2709
|
if (a) {
|
|
2663
2710
|
const g = ie(a), v = r && de(r) ? ie(r) : r;
|
|
@@ -2675,10 +2722,10 @@ function Ue(e, t, n, r) {
|
|
|
2675
2722
|
});
|
|
2676
2723
|
}
|
|
2677
2724
|
function Rn(e, t) {
|
|
2678
|
-
const n =
|
|
2725
|
+
const n = $t(e).scrollLeft;
|
|
2679
2726
|
return t ? t.left + n : Ue(Se(e)).left + n;
|
|
2680
2727
|
}
|
|
2681
|
-
function
|
|
2728
|
+
function Fr(e, t, n) {
|
|
2682
2729
|
n === void 0 && (n = !1);
|
|
2683
2730
|
const r = e.getBoundingClientRect(), o = r.left + t.scrollLeft - (n ? 0 : (
|
|
2684
2731
|
// RTL <body> scrollbar.
|
|
@@ -2689,7 +2736,7 @@ function zr(e, t, n) {
|
|
|
2689
2736
|
y: a
|
|
2690
2737
|
};
|
|
2691
2738
|
}
|
|
2692
|
-
function
|
|
2739
|
+
function Wi(e) {
|
|
2693
2740
|
let {
|
|
2694
2741
|
elements: t,
|
|
2695
2742
|
rect: n,
|
|
@@ -2704,11 +2751,11 @@ function zi(e) {
|
|
|
2704
2751
|
scrollTop: 0
|
|
2705
2752
|
}, c = ye(1);
|
|
2706
2753
|
const d = ye(0), p = Ce(r);
|
|
2707
|
-
if ((p || !p && !a) && ((it(r) !== "body" || bt(i)) && (l =
|
|
2754
|
+
if ((p || !p && !a) && ((it(r) !== "body" || bt(i)) && (l = $t(r)), Ce(r))) {
|
|
2708
2755
|
const v = Ue(r);
|
|
2709
2756
|
c = et(r), d.x = v.x + r.clientLeft, d.y = v.y + r.clientTop;
|
|
2710
2757
|
}
|
|
2711
|
-
const g = i && !p && !a ?
|
|
2758
|
+
const g = i && !p && !a ? Fr(i, l, !0) : ye(0);
|
|
2712
2759
|
return {
|
|
2713
2760
|
width: n.width * c.x,
|
|
2714
2761
|
height: n.height * c.y,
|
|
@@ -2716,11 +2763,11 @@ function zi(e) {
|
|
|
2716
2763
|
y: n.y * c.y - l.scrollTop * c.y + d.y + g.y
|
|
2717
2764
|
};
|
|
2718
2765
|
}
|
|
2719
|
-
function
|
|
2766
|
+
function Ui(e) {
|
|
2720
2767
|
return Array.from(e.getClientRects());
|
|
2721
2768
|
}
|
|
2722
|
-
function
|
|
2723
|
-
const t = Se(e), n =
|
|
2769
|
+
function Hi(e) {
|
|
2770
|
+
const t = Se(e), n = $t(e), r = e.ownerDocument.body, o = ae(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), a = ae(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight);
|
|
2724
2771
|
let i = -n.scrollLeft + Rn(e);
|
|
2725
2772
|
const s = -n.scrollTop;
|
|
2726
2773
|
return fe(r).direction === "rtl" && (i += ae(t.clientWidth, r.clientWidth) - o), {
|
|
@@ -2730,7 +2777,7 @@ function Vi(e) {
|
|
|
2730
2777
|
y: s
|
|
2731
2778
|
};
|
|
2732
2779
|
}
|
|
2733
|
-
function
|
|
2780
|
+
function ji(e, t) {
|
|
2734
2781
|
const n = ie(e), r = Se(e), o = n.visualViewport;
|
|
2735
2782
|
let a = r.clientWidth, i = r.clientHeight, s = 0, l = 0;
|
|
2736
2783
|
if (o) {
|
|
@@ -2745,7 +2792,7 @@ function Wi(e, t) {
|
|
|
2745
2792
|
y: l
|
|
2746
2793
|
};
|
|
2747
2794
|
}
|
|
2748
|
-
function
|
|
2795
|
+
function Yi(e, t) {
|
|
2749
2796
|
const n = Ue(e, !0, t === "fixed"), r = n.top + e.clientTop, o = n.left + e.clientLeft, a = Ce(e) ? et(e) : ye(1), i = e.clientWidth * a.x, s = e.clientHeight * a.y, l = o * a.x, c = r * a.y;
|
|
2750
2797
|
return {
|
|
2751
2798
|
width: i,
|
|
@@ -2757,13 +2804,13 @@ function $i(e, t) {
|
|
|
2757
2804
|
function qn(e, t, n) {
|
|
2758
2805
|
let r;
|
|
2759
2806
|
if (t === "viewport")
|
|
2760
|
-
r =
|
|
2807
|
+
r = ji(e, n);
|
|
2761
2808
|
else if (t === "document")
|
|
2762
|
-
r =
|
|
2809
|
+
r = Hi(Se(e));
|
|
2763
2810
|
else if (de(t))
|
|
2764
|
-
r =
|
|
2811
|
+
r = Yi(t, n);
|
|
2765
2812
|
else {
|
|
2766
|
-
const o =
|
|
2813
|
+
const o = zr(e);
|
|
2767
2814
|
r = {
|
|
2768
2815
|
x: t.x - o.x,
|
|
2769
2816
|
y: t.y - o.y,
|
|
@@ -2773,11 +2820,11 @@ function qn(e, t, n) {
|
|
|
2773
2820
|
}
|
|
2774
2821
|
return Mt(r);
|
|
2775
2822
|
}
|
|
2776
|
-
function
|
|
2823
|
+
function Vr(e, t) {
|
|
2777
2824
|
const n = Be(e);
|
|
2778
|
-
return n === t || !de(n) || nt(n) ? !1 : fe(n).position === "fixed" ||
|
|
2825
|
+
return n === t || !de(n) || nt(n) ? !1 : fe(n).position === "fixed" || Vr(n, t);
|
|
2779
2826
|
}
|
|
2780
|
-
function
|
|
2827
|
+
function Xi(e, t) {
|
|
2781
2828
|
const n = t.get(e);
|
|
2782
2829
|
if (n)
|
|
2783
2830
|
return n;
|
|
@@ -2786,18 +2833,18 @@ function Ui(e, t) {
|
|
|
2786
2833
|
let i = a ? Be(e) : e;
|
|
2787
2834
|
for (; de(i) && !nt(i); ) {
|
|
2788
2835
|
const s = fe(i), l = Tn(i);
|
|
2789
|
-
!l && s.position === "fixed" && (o = null), (a ? !l && !o : !l && s.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || bt(i) && !l &&
|
|
2836
|
+
!l && s.position === "fixed" && (o = null), (a ? !l && !o : !l && s.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || bt(i) && !l && Vr(e, i)) ? r = r.filter((d) => d !== i) : o = s, i = Be(i);
|
|
2790
2837
|
}
|
|
2791
2838
|
return t.set(e, r), r;
|
|
2792
2839
|
}
|
|
2793
|
-
function
|
|
2840
|
+
function Ki(e) {
|
|
2794
2841
|
let {
|
|
2795
2842
|
element: t,
|
|
2796
2843
|
boundary: n,
|
|
2797
2844
|
rootBoundary: r,
|
|
2798
2845
|
strategy: o
|
|
2799
2846
|
} = e;
|
|
2800
|
-
const i = [...n === "clippingAncestors" ? Vt(t) ? [] :
|
|
2847
|
+
const i = [...n === "clippingAncestors" ? Vt(t) ? [] : Xi(t, this._c) : [].concat(n), r], s = i[0], l = i.reduce((c, d) => {
|
|
2801
2848
|
const p = qn(t, d, o);
|
|
2802
2849
|
return c.top = ae(p.top, c.top), c.right = Le(p.right, c.right), c.bottom = Le(p.bottom, c.bottom), c.left = ae(p.left, c.left), c;
|
|
2803
2850
|
}, qn(t, s, o));
|
|
@@ -2808,17 +2855,17 @@ function Hi(e) {
|
|
|
2808
2855
|
y: l.top
|
|
2809
2856
|
};
|
|
2810
2857
|
}
|
|
2811
|
-
function
|
|
2858
|
+
function Gi(e) {
|
|
2812
2859
|
const {
|
|
2813
2860
|
width: t,
|
|
2814
2861
|
height: n
|
|
2815
|
-
} =
|
|
2862
|
+
} = Br(e);
|
|
2816
2863
|
return {
|
|
2817
2864
|
width: t,
|
|
2818
2865
|
height: n
|
|
2819
2866
|
};
|
|
2820
2867
|
}
|
|
2821
|
-
function
|
|
2868
|
+
function Zi(e, t, n) {
|
|
2822
2869
|
const r = Ce(t), o = Se(t), a = n === "fixed", i = Ue(e, !0, a, t);
|
|
2823
2870
|
let s = {
|
|
2824
2871
|
scrollLeft: 0,
|
|
@@ -2826,11 +2873,11 @@ function Yi(e, t, n) {
|
|
|
2826
2873
|
};
|
|
2827
2874
|
const l = ye(0);
|
|
2828
2875
|
if (r || !r && !a)
|
|
2829
|
-
if ((it(t) !== "body" || bt(o)) && (s =
|
|
2876
|
+
if ((it(t) !== "body" || bt(o)) && (s = $t(t)), r) {
|
|
2830
2877
|
const g = Ue(t, !0, a, t);
|
|
2831
2878
|
l.x = g.x + t.clientLeft, l.y = g.y + t.clientTop;
|
|
2832
2879
|
} else o && (l.x = Rn(o));
|
|
2833
|
-
const c = o && !r && !a ?
|
|
2880
|
+
const c = o && !r && !a ? Fr(o, s) : ye(0), d = i.left + s.scrollLeft - l.x - c.x, p = i.top + s.scrollTop - l.y - c.y;
|
|
2834
2881
|
return {
|
|
2835
2882
|
x: d,
|
|
2836
2883
|
y: p,
|
|
@@ -2849,7 +2896,7 @@ function Qn(e, t) {
|
|
|
2849
2896
|
let n = e.offsetParent;
|
|
2850
2897
|
return Se(e) === n && (n = n.ownerDocument.body), n;
|
|
2851
2898
|
}
|
|
2852
|
-
function
|
|
2899
|
+
function $r(e, t) {
|
|
2853
2900
|
const n = ie(e);
|
|
2854
2901
|
if (Vt(e))
|
|
2855
2902
|
return n;
|
|
@@ -2863,14 +2910,14 @@ function Vr(e, t) {
|
|
|
2863
2910
|
return n;
|
|
2864
2911
|
}
|
|
2865
2912
|
let r = Qn(e, t);
|
|
2866
|
-
for (; r &&
|
|
2913
|
+
for (; r && zi(r) && qt(r); )
|
|
2867
2914
|
r = Qn(r, t);
|
|
2868
|
-
return r && nt(r) && qt(r) && !Tn(r) ? n : r ||
|
|
2915
|
+
return r && nt(r) && qt(r) && !Tn(r) ? n : r || Fi(e) || n;
|
|
2869
2916
|
}
|
|
2870
|
-
const
|
|
2871
|
-
const t = this.getOffsetParent ||
|
|
2917
|
+
const qi = async function(e) {
|
|
2918
|
+
const t = this.getOffsetParent || $r, n = this.getDimensions, r = await n(e.floating);
|
|
2872
2919
|
return {
|
|
2873
|
-
reference:
|
|
2920
|
+
reference: Zi(e.reference, await t(e.floating), e.strategy),
|
|
2874
2921
|
floating: {
|
|
2875
2922
|
x: 0,
|
|
2876
2923
|
y: 0,
|
|
@@ -2879,25 +2926,25 @@ const Xi = async function(e) {
|
|
|
2879
2926
|
}
|
|
2880
2927
|
};
|
|
2881
2928
|
};
|
|
2882
|
-
function
|
|
2929
|
+
function Qi(e) {
|
|
2883
2930
|
return fe(e).direction === "rtl";
|
|
2884
2931
|
}
|
|
2885
|
-
const
|
|
2886
|
-
convertOffsetParentRelativeRectToViewportRelativeRect:
|
|
2932
|
+
const Ji = {
|
|
2933
|
+
convertOffsetParentRelativeRectToViewportRelativeRect: Wi,
|
|
2887
2934
|
getDocumentElement: Se,
|
|
2888
|
-
getClippingRect:
|
|
2889
|
-
getOffsetParent:
|
|
2890
|
-
getElementRects:
|
|
2891
|
-
getClientRects:
|
|
2892
|
-
getDimensions:
|
|
2935
|
+
getClippingRect: Ki,
|
|
2936
|
+
getOffsetParent: $r,
|
|
2937
|
+
getElementRects: qi,
|
|
2938
|
+
getClientRects: Ui,
|
|
2939
|
+
getDimensions: Gi,
|
|
2893
2940
|
getScale: et,
|
|
2894
2941
|
isElement: de,
|
|
2895
|
-
isRTL:
|
|
2942
|
+
isRTL: Qi
|
|
2896
2943
|
};
|
|
2897
2944
|
function Wr(e, t) {
|
|
2898
2945
|
return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
|
|
2899
2946
|
}
|
|
2900
|
-
function
|
|
2947
|
+
function es(e, t) {
|
|
2901
2948
|
let n = null, r;
|
|
2902
2949
|
const o = Se(e);
|
|
2903
2950
|
function a() {
|
|
@@ -2943,7 +2990,7 @@ function Zi(e, t) {
|
|
|
2943
2990
|
}
|
|
2944
2991
|
return i(!0), a;
|
|
2945
2992
|
}
|
|
2946
|
-
function
|
|
2993
|
+
function ts(e, t, n, r) {
|
|
2947
2994
|
r === void 0 && (r = {});
|
|
2948
2995
|
const {
|
|
2949
2996
|
ancestorScroll: o = !0,
|
|
@@ -2957,7 +3004,7 @@ function qi(e, t, n, r) {
|
|
|
2957
3004
|
passive: !0
|
|
2958
3005
|
}), a && b.addEventListener("resize", n);
|
|
2959
3006
|
});
|
|
2960
|
-
const p = c && s ?
|
|
3007
|
+
const p = c && s ? es(c, n) : null;
|
|
2961
3008
|
let g = -1, v = null;
|
|
2962
3009
|
i && (v = new ResizeObserver((b) => {
|
|
2963
3010
|
let [x] = b;
|
|
@@ -2979,20 +3026,20 @@ function qi(e, t, n, r) {
|
|
|
2979
3026
|
}), p == null || p(), (b = v) == null || b.disconnect(), v = null, l && cancelAnimationFrame(m);
|
|
2980
3027
|
};
|
|
2981
3028
|
}
|
|
2982
|
-
const
|
|
3029
|
+
const ns = Mi, rs = Li, os = _i, as = Bi, is = Ni, Jn = Ii, ss = Di, ls = (e, t, n) => {
|
|
2983
3030
|
const r = /* @__PURE__ */ new Map(), o = {
|
|
2984
|
-
platform:
|
|
3031
|
+
platform: Ji,
|
|
2985
3032
|
...n
|
|
2986
3033
|
}, a = {
|
|
2987
3034
|
...o.platform,
|
|
2988
3035
|
_c: r
|
|
2989
3036
|
};
|
|
2990
|
-
return
|
|
3037
|
+
return Ri(e, t, {
|
|
2991
3038
|
...o,
|
|
2992
3039
|
platform: a
|
|
2993
3040
|
});
|
|
2994
3041
|
};
|
|
2995
|
-
var Pt = typeof document < "u" ?
|
|
3042
|
+
var Pt = typeof document < "u" ? Go : Oe;
|
|
2996
3043
|
function Lt(e, t) {
|
|
2997
3044
|
if (e === t)
|
|
2998
3045
|
return !0;
|
|
@@ -3023,11 +3070,11 @@ function Lt(e, t) {
|
|
|
3023
3070
|
}
|
|
3024
3071
|
return e !== e && t !== t;
|
|
3025
3072
|
}
|
|
3026
|
-
function
|
|
3073
|
+
function Ur(e) {
|
|
3027
3074
|
return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
|
|
3028
3075
|
}
|
|
3029
3076
|
function er(e, t) {
|
|
3030
|
-
const n =
|
|
3077
|
+
const n = Ur(e);
|
|
3031
3078
|
return Math.round(t * n) / n;
|
|
3032
3079
|
}
|
|
3033
3080
|
function Qt(e) {
|
|
@@ -3036,7 +3083,7 @@ function Qt(e) {
|
|
|
3036
3083
|
t.current = e;
|
|
3037
3084
|
}), t;
|
|
3038
3085
|
}
|
|
3039
|
-
function
|
|
3086
|
+
function cs(e) {
|
|
3040
3087
|
e === void 0 && (e = {});
|
|
3041
3088
|
const {
|
|
3042
3089
|
placement: t = "bottom",
|
|
@@ -3059,41 +3106,41 @@ function as(e) {
|
|
|
3059
3106
|
isPositioned: !1
|
|
3060
3107
|
}), [g, v] = u.useState(r);
|
|
3061
3108
|
Lt(g, r) || v(r);
|
|
3062
|
-
const [m, f] = u.useState(null), [w, b] = u.useState(null), x = u.useCallback((
|
|
3063
|
-
|
|
3064
|
-
}, []), y = u.useCallback((
|
|
3065
|
-
|
|
3066
|
-
}, []), S = a || m, E = i || w, T = u.useRef(null), C = u.useRef(null),
|
|
3109
|
+
const [m, f] = u.useState(null), [w, b] = u.useState(null), x = u.useCallback((I) => {
|
|
3110
|
+
I !== T.current && (T.current = I, f(I));
|
|
3111
|
+
}, []), y = u.useCallback((I) => {
|
|
3112
|
+
I !== C.current && (C.current = I, b(I));
|
|
3113
|
+
}, []), S = a || m, E = i || w, T = u.useRef(null), C = u.useRef(null), R = u.useRef(d), O = l != null, M = Qt(l), V = Qt(o), $ = Qt(c), D = u.useCallback(() => {
|
|
3067
3114
|
if (!T.current || !C.current)
|
|
3068
3115
|
return;
|
|
3069
|
-
const
|
|
3116
|
+
const I = {
|
|
3070
3117
|
placement: t,
|
|
3071
3118
|
strategy: n,
|
|
3072
3119
|
middleware: g
|
|
3073
3120
|
};
|
|
3074
|
-
V.current && (
|
|
3121
|
+
V.current && (I.platform = V.current), ls(T.current, C.current, I).then((W) => {
|
|
3075
3122
|
const ee = {
|
|
3076
|
-
|
|
3123
|
+
...W,
|
|
3077
3124
|
// The floating element's position may be recomputed while it's closed
|
|
3078
3125
|
// but still mounted (such as when transitioning out). To ensure
|
|
3079
3126
|
// `isPositioned` will be `false` initially on the next open, avoid
|
|
3080
3127
|
// setting it to `true` when `open === false` (must be specified).
|
|
3081
|
-
isPositioned:
|
|
3128
|
+
isPositioned: $.current !== !1
|
|
3082
3129
|
};
|
|
3083
|
-
|
|
3130
|
+
N.current && !Lt(R.current, ee) && (R.current = ee, u.flushSync(() => {
|
|
3084
3131
|
p(ee);
|
|
3085
3132
|
}));
|
|
3086
3133
|
});
|
|
3087
|
-
}, [g, t, n, V,
|
|
3134
|
+
}, [g, t, n, V, $]);
|
|
3088
3135
|
Pt(() => {
|
|
3089
|
-
c === !1 &&
|
|
3090
|
-
...
|
|
3136
|
+
c === !1 && R.current.isPositioned && (R.current.isPositioned = !1, p((I) => ({
|
|
3137
|
+
...I,
|
|
3091
3138
|
isPositioned: !1
|
|
3092
3139
|
})));
|
|
3093
3140
|
}, [c]);
|
|
3094
|
-
const
|
|
3095
|
-
Pt(() => (
|
|
3096
|
-
|
|
3141
|
+
const N = u.useRef(!1);
|
|
3142
|
+
Pt(() => (N.current = !0, () => {
|
|
3143
|
+
N.current = !1;
|
|
3097
3144
|
}), []), Pt(() => {
|
|
3098
3145
|
if (S && (T.current = S), E && (C.current = E), S && E) {
|
|
3099
3146
|
if (M.current)
|
|
@@ -3101,44 +3148,44 @@ function as(e) {
|
|
|
3101
3148
|
D();
|
|
3102
3149
|
}
|
|
3103
3150
|
}, [S, E, D, M, O]);
|
|
3104
|
-
const
|
|
3151
|
+
const X = u.useMemo(() => ({
|
|
3105
3152
|
reference: T,
|
|
3106
3153
|
floating: C,
|
|
3107
3154
|
setReference: x,
|
|
3108
3155
|
setFloating: y
|
|
3109
|
-
}), [x, y]),
|
|
3156
|
+
}), [x, y]), _ = u.useMemo(() => ({
|
|
3110
3157
|
reference: S,
|
|
3111
3158
|
floating: E
|
|
3112
3159
|
}), [S, E]), L = u.useMemo(() => {
|
|
3113
|
-
const
|
|
3160
|
+
const I = {
|
|
3114
3161
|
position: n,
|
|
3115
3162
|
left: 0,
|
|
3116
3163
|
top: 0
|
|
3117
3164
|
};
|
|
3118
|
-
if (!
|
|
3119
|
-
return
|
|
3120
|
-
const
|
|
3165
|
+
if (!_.floating)
|
|
3166
|
+
return I;
|
|
3167
|
+
const W = er(_.floating, d.x), ee = er(_.floating, d.y);
|
|
3121
3168
|
return s ? {
|
|
3122
|
-
...
|
|
3123
|
-
transform: "translate(" +
|
|
3124
|
-
|
|
3169
|
+
...I,
|
|
3170
|
+
transform: "translate(" + W + "px, " + ee + "px)",
|
|
3171
|
+
...Ur(_.floating) >= 1.5 && {
|
|
3125
3172
|
willChange: "transform"
|
|
3126
3173
|
}
|
|
3127
3174
|
} : {
|
|
3128
3175
|
position: n,
|
|
3129
|
-
left:
|
|
3176
|
+
left: W,
|
|
3130
3177
|
top: ee
|
|
3131
3178
|
};
|
|
3132
|
-
}, [n, s,
|
|
3179
|
+
}, [n, s, _.floating, d.x, d.y]);
|
|
3133
3180
|
return u.useMemo(() => ({
|
|
3134
3181
|
...d,
|
|
3135
3182
|
update: D,
|
|
3136
|
-
refs:
|
|
3137
|
-
elements:
|
|
3183
|
+
refs: X,
|
|
3184
|
+
elements: _,
|
|
3138
3185
|
floatingStyles: L
|
|
3139
|
-
}), [d, D,
|
|
3186
|
+
}), [d, D, X, _, L]);
|
|
3140
3187
|
}
|
|
3141
|
-
const
|
|
3188
|
+
const us = (e) => {
|
|
3142
3189
|
function t(n) {
|
|
3143
3190
|
return {}.hasOwnProperty.call(n, "current");
|
|
3144
3191
|
}
|
|
@@ -3159,29 +3206,29 @@ const is = (e) => {
|
|
|
3159
3206
|
}).fn(n) : {};
|
|
3160
3207
|
}
|
|
3161
3208
|
};
|
|
3162
|
-
},
|
|
3163
|
-
...
|
|
3164
|
-
options: [e, t]
|
|
3165
|
-
}), ls = (e, t) => ({
|
|
3166
|
-
...Ji(e),
|
|
3209
|
+
}, ds = (e, t) => ({
|
|
3210
|
+
...ns(e),
|
|
3167
3211
|
options: [e, t]
|
|
3168
|
-
}),
|
|
3212
|
+
}), fs = (e, t) => ({
|
|
3169
3213
|
...rs(e),
|
|
3170
3214
|
options: [e, t]
|
|
3171
|
-
}),
|
|
3172
|
-
...
|
|
3215
|
+
}), ps = (e, t) => ({
|
|
3216
|
+
...ss(e),
|
|
3173
3217
|
options: [e, t]
|
|
3174
|
-
}),
|
|
3175
|
-
...
|
|
3218
|
+
}), hs = (e, t) => ({
|
|
3219
|
+
...os(e),
|
|
3176
3220
|
options: [e, t]
|
|
3177
|
-
}),
|
|
3178
|
-
...
|
|
3221
|
+
}), vs = (e, t) => ({
|
|
3222
|
+
...as(e),
|
|
3179
3223
|
options: [e, t]
|
|
3180
|
-
}),
|
|
3224
|
+
}), gs = (e, t) => ({
|
|
3181
3225
|
...is(e),
|
|
3182
3226
|
options: [e, t]
|
|
3227
|
+
}), ms = (e, t) => ({
|
|
3228
|
+
...us(e),
|
|
3229
|
+
options: [e, t]
|
|
3183
3230
|
});
|
|
3184
|
-
var
|
|
3231
|
+
var ws = "Arrow", Hr = u.forwardRef((e, t) => {
|
|
3185
3232
|
const { children: n, width: r = 10, height: o = 5, ...a } = e;
|
|
3186
3233
|
return /* @__PURE__ */ k(
|
|
3187
3234
|
K.svg,
|
|
@@ -3196,9 +3243,9 @@ var hs = "Arrow", Ur = u.forwardRef((e, t) => {
|
|
|
3196
3243
|
}
|
|
3197
3244
|
);
|
|
3198
3245
|
});
|
|
3199
|
-
|
|
3200
|
-
var
|
|
3201
|
-
function
|
|
3246
|
+
Hr.displayName = ws;
|
|
3247
|
+
var bs = Hr;
|
|
3248
|
+
function xs(e) {
|
|
3202
3249
|
const [t, n] = u.useState(void 0);
|
|
3203
3250
|
return te(() => {
|
|
3204
3251
|
if (e) {
|
|
@@ -3220,23 +3267,23 @@ function gs(e) {
|
|
|
3220
3267
|
n(void 0);
|
|
3221
3268
|
}, [e]), t;
|
|
3222
3269
|
}
|
|
3223
|
-
var In = "Popper", [
|
|
3270
|
+
var In = "Popper", [jr, Yr] = yn(In), [ys, Xr] = jr(In), Kr = (e) => {
|
|
3224
3271
|
const { __scopePopper: t, children: n } = e, [r, o] = u.useState(null);
|
|
3225
|
-
return /* @__PURE__ */ k(
|
|
3272
|
+
return /* @__PURE__ */ k(ys, { scope: t, anchor: r, onAnchorChange: o, children: n });
|
|
3226
3273
|
};
|
|
3227
|
-
|
|
3228
|
-
var
|
|
3274
|
+
Kr.displayName = In;
|
|
3275
|
+
var Gr = "PopperAnchor", Zr = u.forwardRef(
|
|
3229
3276
|
(e, t) => {
|
|
3230
|
-
const { __scopePopper: n, virtualRef: r, ...o } = e, a =
|
|
3277
|
+
const { __scopePopper: n, virtualRef: r, ...o } = e, a = Xr(Gr, n), i = u.useRef(null), s = Z(t, i);
|
|
3231
3278
|
return u.useEffect(() => {
|
|
3232
3279
|
a.onAnchorChange((r == null ? void 0 : r.current) || i.current);
|
|
3233
3280
|
}), r ? null : /* @__PURE__ */ k(K.div, { ...o, ref: s });
|
|
3234
3281
|
}
|
|
3235
3282
|
);
|
|
3236
|
-
|
|
3237
|
-
var
|
|
3283
|
+
Zr.displayName = Gr;
|
|
3284
|
+
var _n = "PopperContent", [Cs, Ss] = jr(_n), qr = u.forwardRef(
|
|
3238
3285
|
(e, t) => {
|
|
3239
|
-
var A, U,
|
|
3286
|
+
var A, U, Q, F, B, z;
|
|
3240
3287
|
const {
|
|
3241
3288
|
__scopePopper: n,
|
|
3242
3289
|
side: r = "bottom",
|
|
@@ -3252,77 +3299,77 @@ var Nn = "PopperContent", [ws, bs] = Hr(Nn), Zr = u.forwardRef(
|
|
|
3252
3299
|
updatePositionStrategy: v = "optimized",
|
|
3253
3300
|
onPlaced: m,
|
|
3254
3301
|
...f
|
|
3255
|
-
} = e, w =
|
|
3302
|
+
} = e, w = Xr(_n, n), [b, x] = u.useState(null), y = Z(t, (oe) => x(oe)), [S, E] = u.useState(null), T = xs(S), C = (T == null ? void 0 : T.width) ?? 0, R = (T == null ? void 0 : T.height) ?? 0, O = r + (a !== "center" ? "-" + a : ""), M = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, V = Array.isArray(c) ? c : [c], $ = V.length > 0, D = {
|
|
3256
3303
|
padding: M,
|
|
3257
|
-
boundary: V.filter(
|
|
3304
|
+
boundary: V.filter(ks),
|
|
3258
3305
|
// with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
|
|
3259
|
-
altBoundary:
|
|
3260
|
-
}, { refs:
|
|
3306
|
+
altBoundary: $
|
|
3307
|
+
}, { refs: N, floatingStyles: X, placement: _, isPositioned: L, middlewareData: I } = cs({
|
|
3261
3308
|
// default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
|
|
3262
3309
|
strategy: "fixed",
|
|
3263
3310
|
placement: O,
|
|
3264
|
-
whileElementsMounted: (...oe) =>
|
|
3311
|
+
whileElementsMounted: (...oe) => ts(...oe, {
|
|
3265
3312
|
animationFrame: v === "always"
|
|
3266
3313
|
}),
|
|
3267
3314
|
elements: {
|
|
3268
3315
|
reference: w.anchor
|
|
3269
3316
|
},
|
|
3270
3317
|
middleware: [
|
|
3271
|
-
|
|
3272
|
-
l &&
|
|
3318
|
+
ds({ mainAxis: o + R, alignmentAxis: i }),
|
|
3319
|
+
l && fs({
|
|
3273
3320
|
mainAxis: !0,
|
|
3274
3321
|
crossAxis: !1,
|
|
3275
|
-
limiter: p === "partial" ?
|
|
3322
|
+
limiter: p === "partial" ? ps() : void 0,
|
|
3276
3323
|
...D
|
|
3277
3324
|
}),
|
|
3278
|
-
l &&
|
|
3279
|
-
|
|
3325
|
+
l && hs({ ...D }),
|
|
3326
|
+
vs({
|
|
3280
3327
|
...D,
|
|
3281
3328
|
apply: ({ elements: oe, rects: ve, availableWidth: ut, availableHeight: dt }) => {
|
|
3282
|
-
const { width: ft, height:
|
|
3283
|
-
xt.setProperty("--radix-popper-available-width", `${ut}px`), xt.setProperty("--radix-popper-available-height", `${dt}px`), xt.setProperty("--radix-popper-anchor-width", `${ft}px`), xt.setProperty("--radix-popper-anchor-height", `${
|
|
3329
|
+
const { width: ft, height: Uo } = ve.reference, xt = oe.floating.style;
|
|
3330
|
+
xt.setProperty("--radix-popper-available-width", `${ut}px`), xt.setProperty("--radix-popper-available-height", `${dt}px`), xt.setProperty("--radix-popper-anchor-width", `${ft}px`), xt.setProperty("--radix-popper-anchor-height", `${Uo}px`);
|
|
3284
3331
|
}
|
|
3285
3332
|
}),
|
|
3286
|
-
S &&
|
|
3287
|
-
|
|
3288
|
-
g &&
|
|
3333
|
+
S && ms({ element: S, padding: s }),
|
|
3334
|
+
Ts({ arrowWidth: C, arrowHeight: R }),
|
|
3335
|
+
g && gs({ strategy: "referenceHidden", ...D })
|
|
3289
3336
|
]
|
|
3290
|
-
}), [
|
|
3337
|
+
}), [W, ee] = eo(_), Ee = We(m);
|
|
3291
3338
|
te(() => {
|
|
3292
3339
|
L && (Ee == null || Ee());
|
|
3293
3340
|
}, [L, Ee]);
|
|
3294
|
-
const lt = (A =
|
|
3341
|
+
const lt = (A = I.arrow) == null ? void 0 : A.x, ct = (U = I.arrow) == null ? void 0 : U.y, Ie = ((Q = I.arrow) == null ? void 0 : Q.centerOffset) !== 0, [Ye, $e] = u.useState();
|
|
3295
3342
|
return te(() => {
|
|
3296
|
-
b &&
|
|
3343
|
+
b && $e(window.getComputedStyle(b).zIndex);
|
|
3297
3344
|
}, [b]), /* @__PURE__ */ k(
|
|
3298
3345
|
"div",
|
|
3299
3346
|
{
|
|
3300
|
-
ref:
|
|
3347
|
+
ref: N.setFloating,
|
|
3301
3348
|
"data-radix-popper-content-wrapper": "",
|
|
3302
3349
|
style: {
|
|
3303
|
-
...
|
|
3304
|
-
transform: L ?
|
|
3350
|
+
...X,
|
|
3351
|
+
transform: L ? X.transform : "translate(0, -200%)",
|
|
3305
3352
|
// keep off the page when measuring
|
|
3306
3353
|
minWidth: "max-content",
|
|
3307
3354
|
zIndex: Ye,
|
|
3308
3355
|
"--radix-popper-transform-origin": [
|
|
3309
|
-
(F =
|
|
3310
|
-
(B =
|
|
3356
|
+
(F = I.transformOrigin) == null ? void 0 : F.x,
|
|
3357
|
+
(B = I.transformOrigin) == null ? void 0 : B.y
|
|
3311
3358
|
].join(" "),
|
|
3312
3359
|
// hide the content if using the hide middleware and should be hidden
|
|
3313
3360
|
// set visibility to hidden and disable pointer events so the UI behaves
|
|
3314
3361
|
// as if the PopperContent isn't there at all
|
|
3315
|
-
...((z =
|
|
3362
|
+
...((z = I.hide) == null ? void 0 : z.referenceHidden) && {
|
|
3316
3363
|
visibility: "hidden",
|
|
3317
3364
|
pointerEvents: "none"
|
|
3318
3365
|
}
|
|
3319
3366
|
},
|
|
3320
3367
|
dir: e.dir,
|
|
3321
3368
|
children: /* @__PURE__ */ k(
|
|
3322
|
-
|
|
3369
|
+
Cs,
|
|
3323
3370
|
{
|
|
3324
3371
|
scope: n,
|
|
3325
|
-
placedSide:
|
|
3372
|
+
placedSide: W,
|
|
3326
3373
|
onArrowChange: E,
|
|
3327
3374
|
arrowX: lt,
|
|
3328
3375
|
arrowY: ct,
|
|
@@ -3330,7 +3377,7 @@ var Nn = "PopperContent", [ws, bs] = Hr(Nn), Zr = u.forwardRef(
|
|
|
3330
3377
|
children: /* @__PURE__ */ k(
|
|
3331
3378
|
K.div,
|
|
3332
3379
|
{
|
|
3333
|
-
"data-side":
|
|
3380
|
+
"data-side": W,
|
|
3334
3381
|
"data-align": ee,
|
|
3335
3382
|
...f,
|
|
3336
3383
|
ref: y,
|
|
@@ -3348,14 +3395,14 @@ var Nn = "PopperContent", [ws, bs] = Hr(Nn), Zr = u.forwardRef(
|
|
|
3348
3395
|
);
|
|
3349
3396
|
}
|
|
3350
3397
|
);
|
|
3351
|
-
|
|
3352
|
-
var
|
|
3398
|
+
qr.displayName = _n;
|
|
3399
|
+
var Qr = "PopperArrow", Es = {
|
|
3353
3400
|
top: "bottom",
|
|
3354
3401
|
right: "left",
|
|
3355
3402
|
bottom: "top",
|
|
3356
3403
|
left: "right"
|
|
3357
|
-
},
|
|
3358
|
-
const { __scopePopper: r, ...o } = t, a =
|
|
3404
|
+
}, Jr = u.forwardRef(function(t, n) {
|
|
3405
|
+
const { __scopePopper: r, ...o } = t, a = Ss(Qr, r), i = Es[a.placedSide];
|
|
3359
3406
|
return (
|
|
3360
3407
|
// we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
|
|
3361
3408
|
// doesn't report size as we'd expect on SVG elements.
|
|
@@ -3384,7 +3431,7 @@ var qr = "PopperArrow", xs = {
|
|
|
3384
3431
|
visibility: a.shouldHideArrow ? "hidden" : void 0
|
|
3385
3432
|
},
|
|
3386
3433
|
children: /* @__PURE__ */ k(
|
|
3387
|
-
|
|
3434
|
+
bs,
|
|
3388
3435
|
{
|
|
3389
3436
|
...o,
|
|
3390
3437
|
ref: n,
|
|
@@ -3399,33 +3446,33 @@ var qr = "PopperArrow", xs = {
|
|
|
3399
3446
|
)
|
|
3400
3447
|
);
|
|
3401
3448
|
});
|
|
3402
|
-
|
|
3403
|
-
function
|
|
3449
|
+
Jr.displayName = Qr;
|
|
3450
|
+
function ks(e) {
|
|
3404
3451
|
return e !== null;
|
|
3405
3452
|
}
|
|
3406
|
-
var
|
|
3453
|
+
var Ts = (e) => ({
|
|
3407
3454
|
name: "transformOrigin",
|
|
3408
3455
|
options: e,
|
|
3409
3456
|
fn(t) {
|
|
3410
3457
|
var w, b, x;
|
|
3411
|
-
const { placement: n, rects: r, middlewareData: o } = t, i = ((w = o.arrow) == null ? void 0 : w.centerOffset) !== 0, s = i ? 0 : e.arrowWidth, l = i ? 0 : e.arrowHeight, [c, d] =
|
|
3458
|
+
const { placement: n, rects: r, middlewareData: o } = t, i = ((w = o.arrow) == null ? void 0 : w.centerOffset) !== 0, s = i ? 0 : e.arrowWidth, l = i ? 0 : e.arrowHeight, [c, d] = eo(n), p = { start: "0%", center: "50%", end: "100%" }[d], g = (((b = o.arrow) == null ? void 0 : b.x) ?? 0) + s / 2, v = (((x = o.arrow) == null ? void 0 : x.y) ?? 0) + l / 2;
|
|
3412
3459
|
let m = "", f = "";
|
|
3413
3460
|
return c === "bottom" ? (m = i ? p : `${g}px`, f = `${-l}px`) : c === "top" ? (m = i ? p : `${g}px`, f = `${r.floating.height + l}px`) : c === "right" ? (m = `${-l}px`, f = i ? p : `${v}px`) : c === "left" && (m = `${r.floating.width + l}px`, f = i ? p : `${v}px`), { data: { x: m, y: f } };
|
|
3414
3461
|
}
|
|
3415
3462
|
});
|
|
3416
|
-
function
|
|
3463
|
+
function eo(e) {
|
|
3417
3464
|
const [t, n = "center"] = e.split("-");
|
|
3418
3465
|
return [t, n];
|
|
3419
3466
|
}
|
|
3420
|
-
var
|
|
3467
|
+
var As = Kr, Ps = Zr, Rs = qr, Is = Jr, _s = "Portal", to = u.forwardRef((e, t) => {
|
|
3421
3468
|
var s;
|
|
3422
3469
|
const { container: n, ...r } = e, [o, a] = u.useState(!1);
|
|
3423
3470
|
te(() => a(!0), []);
|
|
3424
3471
|
const i = n || o && ((s = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : s.body);
|
|
3425
|
-
return i ?
|
|
3472
|
+
return i ? _e.createPortal(/* @__PURE__ */ k(K.div, { ...r, ref: t }), i) : null;
|
|
3426
3473
|
});
|
|
3427
|
-
|
|
3428
|
-
var
|
|
3474
|
+
to.displayName = _s;
|
|
3475
|
+
var Ns = u[" useInsertionEffect ".trim().toString()] || te;
|
|
3429
3476
|
function tr({
|
|
3430
3477
|
prop: e,
|
|
3431
3478
|
defaultProp: t,
|
|
@@ -3433,7 +3480,7 @@ function tr({
|
|
|
3433
3480
|
},
|
|
3434
3481
|
caller: r
|
|
3435
3482
|
}) {
|
|
3436
|
-
const [o, a, i] =
|
|
3483
|
+
const [o, a, i] = Os({
|
|
3437
3484
|
defaultProp: t,
|
|
3438
3485
|
onChange: n
|
|
3439
3486
|
}), s = e !== void 0, l = s ? e : o;
|
|
@@ -3450,7 +3497,7 @@ function tr({
|
|
|
3450
3497
|
(d) => {
|
|
3451
3498
|
var p;
|
|
3452
3499
|
if (s) {
|
|
3453
|
-
const g =
|
|
3500
|
+
const g = Ms(d) ? d(e) : d;
|
|
3454
3501
|
g !== e && ((p = i.current) == null || p.call(i, g));
|
|
3455
3502
|
} else
|
|
3456
3503
|
a(d);
|
|
@@ -3459,26 +3506,26 @@ function tr({
|
|
|
3459
3506
|
);
|
|
3460
3507
|
return [l, c];
|
|
3461
3508
|
}
|
|
3462
|
-
function
|
|
3509
|
+
function Os({
|
|
3463
3510
|
defaultProp: e,
|
|
3464
3511
|
onChange: t
|
|
3465
3512
|
}) {
|
|
3466
3513
|
const [n, r] = u.useState(e), o = u.useRef(n), a = u.useRef(t);
|
|
3467
|
-
return
|
|
3514
|
+
return Ns(() => {
|
|
3468
3515
|
a.current = t;
|
|
3469
3516
|
}, [t]), u.useEffect(() => {
|
|
3470
3517
|
var i;
|
|
3471
3518
|
o.current !== n && ((i = a.current) == null || i.call(a, n), o.current = n);
|
|
3472
3519
|
}, [n, o]), [n, r, a];
|
|
3473
3520
|
}
|
|
3474
|
-
function
|
|
3521
|
+
function Ms(e) {
|
|
3475
3522
|
return typeof e == "function";
|
|
3476
3523
|
}
|
|
3477
|
-
function
|
|
3524
|
+
function Ls(e) {
|
|
3478
3525
|
const t = u.useRef({ value: e, previous: e });
|
|
3479
3526
|
return u.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
|
|
3480
3527
|
}
|
|
3481
|
-
var
|
|
3528
|
+
var no = Object.freeze({
|
|
3482
3529
|
// See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
|
|
3483
3530
|
position: "absolute",
|
|
3484
3531
|
border: 0,
|
|
@@ -3490,35 +3537,35 @@ var to = Object.freeze({
|
|
|
3490
3537
|
clip: "rect(0, 0, 0, 0)",
|
|
3491
3538
|
whiteSpace: "nowrap",
|
|
3492
3539
|
wordWrap: "normal"
|
|
3493
|
-
}),
|
|
3540
|
+
}), Ds = "VisuallyHidden", Bs = u.forwardRef(
|
|
3494
3541
|
(e, t) => /* @__PURE__ */ k(
|
|
3495
3542
|
K.span,
|
|
3496
3543
|
{
|
|
3497
3544
|
...e,
|
|
3498
3545
|
ref: t,
|
|
3499
|
-
style: { ...
|
|
3546
|
+
style: { ...no, ...e.style }
|
|
3500
3547
|
}
|
|
3501
3548
|
)
|
|
3502
3549
|
);
|
|
3503
|
-
|
|
3504
|
-
var
|
|
3550
|
+
Bs.displayName = Ds;
|
|
3551
|
+
var zs = function(e) {
|
|
3505
3552
|
if (typeof document > "u")
|
|
3506
3553
|
return null;
|
|
3507
3554
|
var t = Array.isArray(e) ? e[0] : e;
|
|
3508
3555
|
return t.ownerDocument.body;
|
|
3509
|
-
}, Xe = /* @__PURE__ */ new WeakMap(), St = /* @__PURE__ */ new WeakMap(), Et = {}, Jt = 0,
|
|
3510
|
-
return e && (e.host ||
|
|
3511
|
-
},
|
|
3556
|
+
}, Xe = /* @__PURE__ */ new WeakMap(), St = /* @__PURE__ */ new WeakMap(), Et = {}, Jt = 0, ro = function(e) {
|
|
3557
|
+
return e && (e.host || ro(e.parentNode));
|
|
3558
|
+
}, Fs = function(e, t) {
|
|
3512
3559
|
return t.map(function(n) {
|
|
3513
3560
|
if (e.contains(n))
|
|
3514
3561
|
return n;
|
|
3515
|
-
var r =
|
|
3562
|
+
var r = ro(n);
|
|
3516
3563
|
return r && e.contains(r) ? r : (console.error("aria-hidden", n, "in not contained inside", e, ". Doing nothing"), null);
|
|
3517
3564
|
}).filter(function(n) {
|
|
3518
3565
|
return !!n;
|
|
3519
3566
|
});
|
|
3520
|
-
},
|
|
3521
|
-
var o =
|
|
3567
|
+
}, Vs = function(e, t, n, r) {
|
|
3568
|
+
var o = Fs(t, Array.isArray(e) ? e : [e]);
|
|
3522
3569
|
Et[n] || (Et[n] = /* @__PURE__ */ new WeakMap());
|
|
3523
3570
|
var a = Et[n], i = [], s = /* @__PURE__ */ new Set(), l = new Set(o), c = function(p) {
|
|
3524
3571
|
!p || s.has(p) || (s.add(p), c(p.parentNode));
|
|
@@ -3543,10 +3590,10 @@ var Ms = function(e) {
|
|
|
3543
3590
|
Xe.set(p, g), a.set(p, v), g || (St.has(p) || p.removeAttribute(r), St.delete(p)), v || p.removeAttribute(n);
|
|
3544
3591
|
}), Jt--, Jt || (Xe = /* @__PURE__ */ new WeakMap(), Xe = /* @__PURE__ */ new WeakMap(), St = /* @__PURE__ */ new WeakMap(), Et = {});
|
|
3545
3592
|
};
|
|
3546
|
-
},
|
|
3593
|
+
}, $s = function(e, t, n) {
|
|
3547
3594
|
n === void 0 && (n = "data-aria-hidden");
|
|
3548
|
-
var r = Array.from(Array.isArray(e) ? e : [e]), o =
|
|
3549
|
-
return o ? (r.push.apply(r, Array.from(o.querySelectorAll("[aria-live]"))),
|
|
3595
|
+
var r = Array.from(Array.isArray(e) ? e : [e]), o = zs(e);
|
|
3596
|
+
return o ? (r.push.apply(r, Array.from(o.querySelectorAll("[aria-live]"))), Vs(r, o, n, "aria-hidden")) : function() {
|
|
3550
3597
|
return null;
|
|
3551
3598
|
};
|
|
3552
3599
|
}, me = function() {
|
|
@@ -3558,7 +3605,7 @@ var Ms = function(e) {
|
|
|
3558
3605
|
return t;
|
|
3559
3606
|
}, me.apply(this, arguments);
|
|
3560
3607
|
};
|
|
3561
|
-
function
|
|
3608
|
+
function oo(e, t) {
|
|
3562
3609
|
var n = {};
|
|
3563
3610
|
for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
|
|
3564
3611
|
if (e != null && typeof Object.getOwnPropertySymbols == "function")
|
|
@@ -3566,16 +3613,16 @@ function ro(e, t) {
|
|
|
3566
3613
|
t.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[o]) && (n[r[o]] = e[r[o]]);
|
|
3567
3614
|
return n;
|
|
3568
3615
|
}
|
|
3569
|
-
function
|
|
3616
|
+
function Ws(e, t, n) {
|
|
3570
3617
|
if (n || arguments.length === 2) for (var r = 0, o = t.length, a; r < o; r++)
|
|
3571
3618
|
(a || !(r in t)) && (a || (a = Array.prototype.slice.call(t, 0, r)), a[r] = t[r]);
|
|
3572
3619
|
return e.concat(a || Array.prototype.slice.call(t));
|
|
3573
3620
|
}
|
|
3574
|
-
var Rt = "right-scroll-bar-position", It = "width-before-scroll-bar",
|
|
3621
|
+
var Rt = "right-scroll-bar-position", It = "width-before-scroll-bar", Us = "with-scroll-bars-hidden", Hs = "--removed-body-scroll-bar-size";
|
|
3575
3622
|
function en(e, t) {
|
|
3576
3623
|
return typeof e == "function" ? e(t) : e && (e.current = t), e;
|
|
3577
3624
|
}
|
|
3578
|
-
function
|
|
3625
|
+
function js(e, t) {
|
|
3579
3626
|
var n = be(function() {
|
|
3580
3627
|
return {
|
|
3581
3628
|
// value
|
|
@@ -3596,14 +3643,14 @@ function Ws(e, t) {
|
|
|
3596
3643
|
})[0];
|
|
3597
3644
|
return n.callback = t, n.facade;
|
|
3598
3645
|
}
|
|
3599
|
-
var
|
|
3600
|
-
function
|
|
3601
|
-
var n =
|
|
3646
|
+
var Ys = typeof window < "u" ? u.useLayoutEffect : u.useEffect, nr = /* @__PURE__ */ new WeakMap();
|
|
3647
|
+
function Xs(e, t) {
|
|
3648
|
+
var n = js(null, function(r) {
|
|
3602
3649
|
return e.forEach(function(o) {
|
|
3603
3650
|
return en(o, r);
|
|
3604
3651
|
});
|
|
3605
3652
|
});
|
|
3606
|
-
return
|
|
3653
|
+
return Ys(function() {
|
|
3607
3654
|
var r = nr.get(n);
|
|
3608
3655
|
if (r) {
|
|
3609
3656
|
var o = new Set(r), a = new Set(e), i = n.current;
|
|
@@ -3616,11 +3663,11 @@ function Us(e, t) {
|
|
|
3616
3663
|
nr.set(n, e);
|
|
3617
3664
|
}, [e]), n;
|
|
3618
3665
|
}
|
|
3619
|
-
function
|
|
3666
|
+
function Ks(e) {
|
|
3620
3667
|
return e;
|
|
3621
3668
|
}
|
|
3622
|
-
function
|
|
3623
|
-
t === void 0 && (t =
|
|
3669
|
+
function Gs(e, t) {
|
|
3670
|
+
t === void 0 && (t = Ks);
|
|
3624
3671
|
var n = [], r = !1, o = {
|
|
3625
3672
|
read: function() {
|
|
3626
3673
|
if (r)
|
|
@@ -3674,13 +3721,13 @@ function js(e, t) {
|
|
|
3674
3721
|
};
|
|
3675
3722
|
return o;
|
|
3676
3723
|
}
|
|
3677
|
-
function
|
|
3724
|
+
function Zs(e) {
|
|
3678
3725
|
e === void 0 && (e = {});
|
|
3679
|
-
var t =
|
|
3726
|
+
var t = Gs(null);
|
|
3680
3727
|
return t.options = me({ async: !0, ssr: !1 }, e), t;
|
|
3681
3728
|
}
|
|
3682
|
-
var
|
|
3683
|
-
var t = e.sideCar, n =
|
|
3729
|
+
var ao = function(e) {
|
|
3730
|
+
var t = e.sideCar, n = oo(e, ["sideCar"]);
|
|
3684
3731
|
if (!t)
|
|
3685
3732
|
throw new Error("Sidecar: please provide `sideCar` property to import the right car");
|
|
3686
3733
|
var r = t.read();
|
|
@@ -3688,64 +3735,64 @@ var oo = function(e) {
|
|
|
3688
3735
|
throw new Error("Sidecar medium not found");
|
|
3689
3736
|
return u.createElement(r, me({}, n));
|
|
3690
3737
|
};
|
|
3691
|
-
|
|
3692
|
-
function
|
|
3693
|
-
return e.useMedium(t),
|
|
3738
|
+
ao.isSideCarExport = !0;
|
|
3739
|
+
function qs(e, t) {
|
|
3740
|
+
return e.useMedium(t), ao;
|
|
3694
3741
|
}
|
|
3695
|
-
var
|
|
3696
|
-
},
|
|
3742
|
+
var io = Zs(), tn = function() {
|
|
3743
|
+
}, Wt = u.forwardRef(function(e, t) {
|
|
3697
3744
|
var n = u.useRef(null), r = u.useState({
|
|
3698
3745
|
onScrollCapture: tn,
|
|
3699
3746
|
onWheelCapture: tn,
|
|
3700
3747
|
onTouchMoveCapture: tn
|
|
3701
|
-
}), o = r[0], a = r[1], i = e.forwardProps, s = e.children, l = e.className, c = e.removeScrollBar, d = e.enabled, p = e.shards, g = e.sideCar, v = e.noIsolation, m = e.inert, f = e.allowPinchZoom, w = e.as, b = w === void 0 ? "div" : w, x = e.gapMode, y =
|
|
3748
|
+
}), o = r[0], a = r[1], i = e.forwardProps, s = e.children, l = e.className, c = e.removeScrollBar, d = e.enabled, p = e.shards, g = e.sideCar, v = e.noIsolation, m = e.inert, f = e.allowPinchZoom, w = e.as, b = w === void 0 ? "div" : w, x = e.gapMode, y = oo(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), S = g, E = Xs([n, t]), T = me(me({}, y), o);
|
|
3702
3749
|
return u.createElement(
|
|
3703
3750
|
u.Fragment,
|
|
3704
3751
|
null,
|
|
3705
|
-
d && u.createElement(S, { sideCar:
|
|
3752
|
+
d && u.createElement(S, { sideCar: io, removeScrollBar: c, shards: p, noIsolation: v, inert: m, setCallbacks: a, allowPinchZoom: !!f, lockRef: n, gapMode: x }),
|
|
3706
3753
|
i ? u.cloneElement(u.Children.only(s), me(me({}, T), { ref: E })) : u.createElement(b, me({}, T, { className: l, ref: E }), s)
|
|
3707
3754
|
);
|
|
3708
3755
|
});
|
|
3709
|
-
|
|
3756
|
+
Wt.defaultProps = {
|
|
3710
3757
|
enabled: !0,
|
|
3711
3758
|
removeScrollBar: !0,
|
|
3712
3759
|
inert: !1
|
|
3713
3760
|
};
|
|
3714
|
-
|
|
3761
|
+
Wt.classNames = {
|
|
3715
3762
|
fullWidth: It,
|
|
3716
3763
|
zeroRight: Rt
|
|
3717
3764
|
};
|
|
3718
|
-
var
|
|
3765
|
+
var Qs = function() {
|
|
3719
3766
|
if (typeof __webpack_nonce__ < "u")
|
|
3720
3767
|
return __webpack_nonce__;
|
|
3721
3768
|
};
|
|
3722
|
-
function
|
|
3769
|
+
function Js() {
|
|
3723
3770
|
if (!document)
|
|
3724
3771
|
return null;
|
|
3725
3772
|
var e = document.createElement("style");
|
|
3726
3773
|
e.type = "text/css";
|
|
3727
|
-
var t =
|
|
3774
|
+
var t = Qs();
|
|
3728
3775
|
return t && e.setAttribute("nonce", t), e;
|
|
3729
3776
|
}
|
|
3730
|
-
function
|
|
3777
|
+
function el(e, t) {
|
|
3731
3778
|
e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
|
|
3732
3779
|
}
|
|
3733
|
-
function
|
|
3780
|
+
function tl(e) {
|
|
3734
3781
|
var t = document.head || document.getElementsByTagName("head")[0];
|
|
3735
3782
|
t.appendChild(e);
|
|
3736
3783
|
}
|
|
3737
|
-
var
|
|
3784
|
+
var nl = function() {
|
|
3738
3785
|
var e = 0, t = null;
|
|
3739
3786
|
return {
|
|
3740
3787
|
add: function(n) {
|
|
3741
|
-
e == 0 && (t =
|
|
3788
|
+
e == 0 && (t = Js()) && (el(t, n), tl(t)), e++;
|
|
3742
3789
|
},
|
|
3743
3790
|
remove: function() {
|
|
3744
3791
|
e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
|
|
3745
3792
|
}
|
|
3746
3793
|
};
|
|
3747
|
-
},
|
|
3748
|
-
var e =
|
|
3794
|
+
}, rl = function() {
|
|
3795
|
+
var e = nl();
|
|
3749
3796
|
return function(t, n) {
|
|
3750
3797
|
u.useEffect(function() {
|
|
3751
3798
|
return e.add(t), function() {
|
|
@@ -3753,36 +3800,36 @@ var Qs = function() {
|
|
|
3753
3800
|
};
|
|
3754
3801
|
}, [t && n]);
|
|
3755
3802
|
};
|
|
3756
|
-
},
|
|
3757
|
-
var e =
|
|
3803
|
+
}, so = function() {
|
|
3804
|
+
var e = rl(), t = function(n) {
|
|
3758
3805
|
var r = n.styles, o = n.dynamic;
|
|
3759
3806
|
return e(r, o), null;
|
|
3760
3807
|
};
|
|
3761
3808
|
return t;
|
|
3762
|
-
},
|
|
3809
|
+
}, ol = {
|
|
3763
3810
|
left: 0,
|
|
3764
3811
|
top: 0,
|
|
3765
3812
|
right: 0,
|
|
3766
3813
|
gap: 0
|
|
3767
3814
|
}, nn = function(e) {
|
|
3768
3815
|
return parseInt(e || "", 10) || 0;
|
|
3769
|
-
},
|
|
3816
|
+
}, al = function(e) {
|
|
3770
3817
|
var t = window.getComputedStyle(document.body), n = t[e === "padding" ? "paddingLeft" : "marginLeft"], r = t[e === "padding" ? "paddingTop" : "marginTop"], o = t[e === "padding" ? "paddingRight" : "marginRight"];
|
|
3771
3818
|
return [nn(n), nn(r), nn(o)];
|
|
3772
|
-
},
|
|
3819
|
+
}, il = function(e) {
|
|
3773
3820
|
if (e === void 0 && (e = "margin"), typeof window > "u")
|
|
3774
|
-
return
|
|
3775
|
-
var t =
|
|
3821
|
+
return ol;
|
|
3822
|
+
var t = al(e), n = document.documentElement.clientWidth, r = window.innerWidth;
|
|
3776
3823
|
return {
|
|
3777
3824
|
left: t[0],
|
|
3778
3825
|
top: t[1],
|
|
3779
3826
|
right: t[2],
|
|
3780
3827
|
gap: Math.max(0, r - n + t[2] - t[0])
|
|
3781
3828
|
};
|
|
3782
|
-
},
|
|
3829
|
+
}, sl = so(), tt = "data-scroll-locked", ll = function(e, t, n, r) {
|
|
3783
3830
|
var o = e.left, a = e.top, i = e.right, s = e.gap;
|
|
3784
3831
|
return n === void 0 && (n = "margin"), `
|
|
3785
|
-
.`.concat(
|
|
3832
|
+
.`.concat(Us, ` {
|
|
3786
3833
|
overflow: hidden `).concat(r, `;
|
|
3787
3834
|
padding-right: `).concat(s, "px ").concat(r, `;
|
|
3788
3835
|
}
|
|
@@ -3820,26 +3867,26 @@ var Qs = function() {
|
|
|
3820
3867
|
}
|
|
3821
3868
|
|
|
3822
3869
|
body[`).concat(tt, `] {
|
|
3823
|
-
`).concat(
|
|
3870
|
+
`).concat(Hs, ": ").concat(s, `px;
|
|
3824
3871
|
}
|
|
3825
3872
|
`);
|
|
3826
3873
|
}, rr = function() {
|
|
3827
3874
|
var e = parseInt(document.body.getAttribute(tt) || "0", 10);
|
|
3828
3875
|
return isFinite(e) ? e : 0;
|
|
3829
|
-
},
|
|
3876
|
+
}, cl = function() {
|
|
3830
3877
|
u.useEffect(function() {
|
|
3831
3878
|
return document.body.setAttribute(tt, (rr() + 1).toString()), function() {
|
|
3832
3879
|
var e = rr() - 1;
|
|
3833
3880
|
e <= 0 ? document.body.removeAttribute(tt) : document.body.setAttribute(tt, e.toString());
|
|
3834
3881
|
};
|
|
3835
3882
|
}, []);
|
|
3836
|
-
},
|
|
3883
|
+
}, ul = function(e) {
|
|
3837
3884
|
var t = e.noRelative, n = e.noImportant, r = e.gapMode, o = r === void 0 ? "margin" : r;
|
|
3838
|
-
|
|
3885
|
+
cl();
|
|
3839
3886
|
var a = u.useMemo(function() {
|
|
3840
|
-
return
|
|
3887
|
+
return il(o);
|
|
3841
3888
|
}, [o]);
|
|
3842
|
-
return u.createElement(
|
|
3889
|
+
return u.createElement(sl, { styles: ll(a, !t, o, n ? "" : "!important") });
|
|
3843
3890
|
}, dn = !1;
|
|
3844
3891
|
if (typeof window < "u")
|
|
3845
3892
|
try {
|
|
@@ -3852,59 +3899,59 @@ if (typeof window < "u")
|
|
|
3852
3899
|
} catch {
|
|
3853
3900
|
dn = !1;
|
|
3854
3901
|
}
|
|
3855
|
-
var Ke = dn ? { passive: !1 } : !1,
|
|
3902
|
+
var Ke = dn ? { passive: !1 } : !1, dl = function(e) {
|
|
3856
3903
|
return e.tagName === "TEXTAREA";
|
|
3857
|
-
},
|
|
3904
|
+
}, lo = function(e, t) {
|
|
3858
3905
|
if (!(e instanceof Element))
|
|
3859
3906
|
return !1;
|
|
3860
3907
|
var n = window.getComputedStyle(e);
|
|
3861
3908
|
return (
|
|
3862
3909
|
// not-not-scrollable
|
|
3863
3910
|
n[t] !== "hidden" && // contains scroll inside self
|
|
3864
|
-
!(n.overflowY === n.overflowX && !
|
|
3911
|
+
!(n.overflowY === n.overflowX && !dl(e) && n[t] === "visible")
|
|
3865
3912
|
);
|
|
3866
|
-
},
|
|
3867
|
-
return
|
|
3868
|
-
},
|
|
3869
|
-
return
|
|
3913
|
+
}, fl = function(e) {
|
|
3914
|
+
return lo(e, "overflowY");
|
|
3915
|
+
}, pl = function(e) {
|
|
3916
|
+
return lo(e, "overflowX");
|
|
3870
3917
|
}, or = function(e, t) {
|
|
3871
3918
|
var n = t.ownerDocument, r = t;
|
|
3872
3919
|
do {
|
|
3873
3920
|
typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
|
|
3874
|
-
var o =
|
|
3921
|
+
var o = co(e, r);
|
|
3875
3922
|
if (o) {
|
|
3876
|
-
var a =
|
|
3923
|
+
var a = uo(e, r), i = a[1], s = a[2];
|
|
3877
3924
|
if (i > s)
|
|
3878
3925
|
return !0;
|
|
3879
3926
|
}
|
|
3880
3927
|
r = r.parentNode;
|
|
3881
3928
|
} while (r && r !== n.body);
|
|
3882
3929
|
return !1;
|
|
3883
|
-
},
|
|
3930
|
+
}, hl = function(e) {
|
|
3884
3931
|
var t = e.scrollTop, n = e.scrollHeight, r = e.clientHeight;
|
|
3885
3932
|
return [
|
|
3886
3933
|
t,
|
|
3887
3934
|
n,
|
|
3888
3935
|
r
|
|
3889
3936
|
];
|
|
3890
|
-
},
|
|
3937
|
+
}, vl = function(e) {
|
|
3891
3938
|
var t = e.scrollLeft, n = e.scrollWidth, r = e.clientWidth;
|
|
3892
3939
|
return [
|
|
3893
3940
|
t,
|
|
3894
3941
|
n,
|
|
3895
3942
|
r
|
|
3896
3943
|
];
|
|
3897
|
-
}, lo = function(e, t) {
|
|
3898
|
-
return e === "v" ? ll(t) : cl(t);
|
|
3899
3944
|
}, co = function(e, t) {
|
|
3900
|
-
return e === "v" ?
|
|
3901
|
-
},
|
|
3945
|
+
return e === "v" ? fl(t) : pl(t);
|
|
3946
|
+
}, uo = function(e, t) {
|
|
3947
|
+
return e === "v" ? hl(t) : vl(t);
|
|
3948
|
+
}, gl = function(e, t) {
|
|
3902
3949
|
return e === "h" && t === "rtl" ? -1 : 1;
|
|
3903
|
-
},
|
|
3904
|
-
var a =
|
|
3950
|
+
}, ml = function(e, t, n, r, o) {
|
|
3951
|
+
var a = gl(e, window.getComputedStyle(t).direction), i = a * r, s = n.target, l = t.contains(s), c = !1, d = i > 0, p = 0, g = 0;
|
|
3905
3952
|
do {
|
|
3906
|
-
var v =
|
|
3907
|
-
(m || b) &&
|
|
3953
|
+
var v = uo(e, s), m = v[0], f = v[1], w = v[2], b = f - w - a * m;
|
|
3954
|
+
(m || b) && co(e, s) && (p += b, g += m), s instanceof ShadowRoot ? s = s.host : s = s.parentNode;
|
|
3908
3955
|
} while (
|
|
3909
3956
|
// portaled content
|
|
3910
3957
|
!l && s !== document.body || // self content
|
|
@@ -3917,22 +3964,22 @@ var Ke = dn ? { passive: !1 } : !1, sl = function(e) {
|
|
|
3917
3964
|
return [e.deltaX, e.deltaY];
|
|
3918
3965
|
}, ir = function(e) {
|
|
3919
3966
|
return e && "current" in e ? e.current : e;
|
|
3920
|
-
},
|
|
3967
|
+
}, wl = function(e, t) {
|
|
3921
3968
|
return e[0] === t[0] && e[1] === t[1];
|
|
3922
|
-
},
|
|
3969
|
+
}, bl = function(e) {
|
|
3923
3970
|
return `
|
|
3924
3971
|
.block-interactivity-`.concat(e, ` {pointer-events: none;}
|
|
3925
3972
|
.allow-interactivity-`).concat(e, ` {pointer-events: all;}
|
|
3926
3973
|
`);
|
|
3927
|
-
},
|
|
3928
|
-
function
|
|
3929
|
-
var t = u.useRef([]), n = u.useRef([0, 0]), r = u.useRef(), o = u.useState(
|
|
3974
|
+
}, xl = 0, Ge = [];
|
|
3975
|
+
function yl(e) {
|
|
3976
|
+
var t = u.useRef([]), n = u.useRef([0, 0]), r = u.useRef(), o = u.useState(xl++)[0], a = u.useState(so)[0], i = u.useRef(e);
|
|
3930
3977
|
u.useEffect(function() {
|
|
3931
3978
|
i.current = e;
|
|
3932
3979
|
}, [e]), u.useEffect(function() {
|
|
3933
3980
|
if (e.inert) {
|
|
3934
3981
|
document.body.classList.add("block-interactivity-".concat(o));
|
|
3935
|
-
var f =
|
|
3982
|
+
var f = Ws([e.lockRef.current], (e.shards || []).map(ir), !0).filter(Boolean);
|
|
3936
3983
|
return f.forEach(function(w) {
|
|
3937
3984
|
return w.classList.add("allow-interactivity-".concat(o));
|
|
3938
3985
|
}), function() {
|
|
@@ -3948,20 +3995,20 @@ function ml(e) {
|
|
|
3948
3995
|
var b = Tt(f), x = n.current, y = "deltaX" in f ? f.deltaX : x[0] - b[0], S = "deltaY" in f ? f.deltaY : x[1] - b[1], E, T = f.target, C = Math.abs(y) > Math.abs(S) ? "h" : "v";
|
|
3949
3996
|
if ("touches" in f && C === "h" && T.type === "range")
|
|
3950
3997
|
return !1;
|
|
3951
|
-
var
|
|
3952
|
-
if (!
|
|
3998
|
+
var R = or(C, T);
|
|
3999
|
+
if (!R)
|
|
3953
4000
|
return !0;
|
|
3954
|
-
if (
|
|
4001
|
+
if (R ? E = C : (E = C === "v" ? "h" : "v", R = or(C, T)), !R)
|
|
3955
4002
|
return !1;
|
|
3956
4003
|
if (!r.current && "changedTouches" in f && (y || S) && (r.current = E), !E)
|
|
3957
4004
|
return !0;
|
|
3958
4005
|
var O = r.current || E;
|
|
3959
|
-
return
|
|
4006
|
+
return ml(O, w, f, O === "h" ? y : S);
|
|
3960
4007
|
}, []), l = u.useCallback(function(f) {
|
|
3961
4008
|
var w = f;
|
|
3962
4009
|
if (!(!Ge.length || Ge[Ge.length - 1] !== a)) {
|
|
3963
4010
|
var b = "deltaY" in w ? ar(w) : Tt(w), x = t.current.filter(function(E) {
|
|
3964
|
-
return E.name === w.type && (E.target === w.target || w.target === E.shadowParent) &&
|
|
4011
|
+
return E.name === w.type && (E.target === w.target || w.target === E.shadowParent) && wl(E.delta, b);
|
|
3965
4012
|
})[0];
|
|
3966
4013
|
if (x && x.should) {
|
|
3967
4014
|
w.cancelable && w.preventDefault();
|
|
@@ -3975,7 +4022,7 @@ function ml(e) {
|
|
|
3975
4022
|
}
|
|
3976
4023
|
}
|
|
3977
4024
|
}, []), c = u.useCallback(function(f, w, b, x) {
|
|
3978
|
-
var y = { name: f, delta: w, target: b, should: x, shadowParent:
|
|
4025
|
+
var y = { name: f, delta: w, target: b, should: x, shadowParent: Cl(b) };
|
|
3979
4026
|
t.current.push(y), setTimeout(function() {
|
|
3980
4027
|
t.current = t.current.filter(function(S) {
|
|
3981
4028
|
return S !== y;
|
|
@@ -4003,24 +4050,24 @@ function ml(e) {
|
|
|
4003
4050
|
return u.createElement(
|
|
4004
4051
|
u.Fragment,
|
|
4005
4052
|
null,
|
|
4006
|
-
m ? u.createElement(a, { styles:
|
|
4007
|
-
v ? u.createElement(
|
|
4053
|
+
m ? u.createElement(a, { styles: bl(o) }) : null,
|
|
4054
|
+
v ? u.createElement(ul, { gapMode: e.gapMode }) : null
|
|
4008
4055
|
);
|
|
4009
4056
|
}
|
|
4010
|
-
function
|
|
4057
|
+
function Cl(e) {
|
|
4011
4058
|
for (var t = null; e !== null; )
|
|
4012
4059
|
e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
|
|
4013
4060
|
return t;
|
|
4014
4061
|
}
|
|
4015
|
-
const
|
|
4016
|
-
var
|
|
4017
|
-
return u.createElement(
|
|
4062
|
+
const Sl = qs(io, yl);
|
|
4063
|
+
var fo = u.forwardRef(function(e, t) {
|
|
4064
|
+
return u.createElement(Wt, me({}, e, { ref: t, sideCar: Sl }));
|
|
4018
4065
|
});
|
|
4019
|
-
|
|
4020
|
-
var
|
|
4021
|
-
|
|
4022
|
-
|
|
4023
|
-
]), jt =
|
|
4066
|
+
fo.classNames = Wt.classNames;
|
|
4067
|
+
var El = [" ", "Enter", "ArrowUp", "ArrowDown"], kl = [" ", "Enter"], He = "Select", [Ut, Ht, Tl] = Qa(He), [st, Oc] = yn(He, [
|
|
4068
|
+
Tl,
|
|
4069
|
+
Yr
|
|
4070
|
+
]), jt = Yr(), [Al, Fe] = st(He), [Pl, Rl] = st(He), po = (e) => {
|
|
4024
4071
|
const {
|
|
4025
4072
|
__scopeSelect: t,
|
|
4026
4073
|
children: n,
|
|
@@ -4036,7 +4083,7 @@ var xl = [" ", "Enter", "ArrowUp", "ArrowDown"], yl = [" ", "Enter"], He = "Sele
|
|
|
4036
4083
|
disabled: g,
|
|
4037
4084
|
required: v,
|
|
4038
4085
|
form: m
|
|
4039
|
-
} = e, f = jt(t), [w, b] = u.useState(null), [x, y] = u.useState(null), [S, E] = u.useState(!1), T =
|
|
4086
|
+
} = e, f = jt(t), [w, b] = u.useState(null), [x, y] = u.useState(null), [S, E] = u.useState(!1), T = ei(c), [C, R] = tr({
|
|
4040
4087
|
prop: r,
|
|
4041
4088
|
defaultProp: o ?? !1,
|
|
4042
4089
|
onChange: a,
|
|
@@ -4046,9 +4093,9 @@ var xl = [" ", "Enter", "ArrowUp", "ArrowDown"], yl = [" ", "Enter"], He = "Sele
|
|
|
4046
4093
|
defaultProp: s,
|
|
4047
4094
|
onChange: l,
|
|
4048
4095
|
caller: He
|
|
4049
|
-
}), V = u.useRef(null),
|
|
4050
|
-
return /* @__PURE__ */ k(
|
|
4051
|
-
|
|
4096
|
+
}), V = u.useRef(null), $ = w ? m || !!w.closest("form") : !0, [D, N] = u.useState(/* @__PURE__ */ new Set()), X = Array.from(D).map((_) => _.props.value).join(";");
|
|
4097
|
+
return /* @__PURE__ */ k(As, { ...f, children: /* @__PURE__ */ _t(
|
|
4098
|
+
Al,
|
|
4052
4099
|
{
|
|
4053
4100
|
required: v,
|
|
4054
4101
|
scope: t,
|
|
@@ -4062,29 +4109,29 @@ var xl = [" ", "Enter", "ArrowUp", "ArrowDown"], yl = [" ", "Enter"], He = "Sele
|
|
|
4062
4109
|
value: O,
|
|
4063
4110
|
onValueChange: M,
|
|
4064
4111
|
open: C,
|
|
4065
|
-
onOpenChange:
|
|
4112
|
+
onOpenChange: R,
|
|
4066
4113
|
dir: T,
|
|
4067
4114
|
triggerPointerDownPosRef: V,
|
|
4068
4115
|
disabled: g,
|
|
4069
4116
|
children: [
|
|
4070
4117
|
/* @__PURE__ */ k(Ut.Provider, { scope: t, children: /* @__PURE__ */ k(
|
|
4071
|
-
|
|
4118
|
+
Pl,
|
|
4072
4119
|
{
|
|
4073
4120
|
scope: e.__scopeSelect,
|
|
4074
|
-
onNativeOptionAdd: u.useCallback((
|
|
4075
|
-
|
|
4121
|
+
onNativeOptionAdd: u.useCallback((_) => {
|
|
4122
|
+
N((L) => new Set(L).add(_));
|
|
4076
4123
|
}, []),
|
|
4077
|
-
onNativeOptionRemove: u.useCallback((
|
|
4078
|
-
|
|
4079
|
-
const
|
|
4080
|
-
return
|
|
4124
|
+
onNativeOptionRemove: u.useCallback((_) => {
|
|
4125
|
+
N((L) => {
|
|
4126
|
+
const I = new Set(L);
|
|
4127
|
+
return I.delete(_), I;
|
|
4081
4128
|
});
|
|
4082
4129
|
}, []),
|
|
4083
4130
|
children: n
|
|
4084
4131
|
}
|
|
4085
4132
|
) }),
|
|
4086
|
-
|
|
4087
|
-
|
|
4133
|
+
$ ? /* @__PURE__ */ _t(
|
|
4134
|
+
Mo,
|
|
4088
4135
|
{
|
|
4089
4136
|
"aria-hidden": !0,
|
|
4090
4137
|
required: v,
|
|
@@ -4092,7 +4139,7 @@ var xl = [" ", "Enter", "ArrowUp", "ArrowDown"], yl = [" ", "Enter"], He = "Sele
|
|
|
4092
4139
|
name: d,
|
|
4093
4140
|
autoComplete: p,
|
|
4094
4141
|
value: O,
|
|
4095
|
-
onChange: (
|
|
4142
|
+
onChange: (_) => M(_.target.value),
|
|
4096
4143
|
disabled: g,
|
|
4097
4144
|
form: m,
|
|
4098
4145
|
children: [
|
|
@@ -4100,17 +4147,17 @@ var xl = [" ", "Enter", "ArrowUp", "ArrowDown"], yl = [" ", "Enter"], He = "Sele
|
|
|
4100
4147
|
Array.from(D)
|
|
4101
4148
|
]
|
|
4102
4149
|
},
|
|
4103
|
-
|
|
4150
|
+
X
|
|
4104
4151
|
) : null
|
|
4105
4152
|
]
|
|
4106
4153
|
}
|
|
4107
4154
|
) });
|
|
4108
4155
|
};
|
|
4109
|
-
|
|
4110
|
-
var
|
|
4156
|
+
po.displayName = He;
|
|
4157
|
+
var ho = "SelectTrigger", vo = u.forwardRef(
|
|
4111
4158
|
(e, t) => {
|
|
4112
|
-
const { __scopeSelect: n, disabled: r = !1, ...o } = e, a = jt(n), i = Fe(
|
|
4113
|
-
const w = c().filter((y) => !y.disabled), b = w.find((y) => y.value === i.value), x =
|
|
4159
|
+
const { __scopeSelect: n, disabled: r = !1, ...o } = e, a = jt(n), i = Fe(ho, n), s = i.disabled || r, l = Z(t, i.onTriggerChange), c = Ht(n), d = u.useRef("touch"), [p, g, v] = Do((f) => {
|
|
4160
|
+
const w = c().filter((y) => !y.disabled), b = w.find((y) => y.value === i.value), x = Bo(w, f, b);
|
|
4114
4161
|
x !== void 0 && i.onValueChange(x.value);
|
|
4115
4162
|
}), m = (f) => {
|
|
4116
4163
|
s || (i.onOpenChange(!0), v()), f && (i.triggerPointerDownPosRef.current = {
|
|
@@ -4118,7 +4165,7 @@ var po = "SelectTrigger", ho = u.forwardRef(
|
|
|
4118
4165
|
y: Math.round(f.pageY)
|
|
4119
4166
|
});
|
|
4120
4167
|
};
|
|
4121
|
-
return /* @__PURE__ */ k(
|
|
4168
|
+
return /* @__PURE__ */ k(Ps, { asChild: !0, ...a, children: /* @__PURE__ */ k(
|
|
4122
4169
|
K.button,
|
|
4123
4170
|
{
|
|
4124
4171
|
type: "button",
|
|
@@ -4131,7 +4178,7 @@ var po = "SelectTrigger", ho = u.forwardRef(
|
|
|
4131
4178
|
"data-state": i.open ? "open" : "closed",
|
|
4132
4179
|
disabled: s,
|
|
4133
4180
|
"data-disabled": s ? "" : void 0,
|
|
4134
|
-
"data-placeholder":
|
|
4181
|
+
"data-placeholder": Lo(i.value) ? "" : void 0,
|
|
4135
4182
|
...o,
|
|
4136
4183
|
ref: l,
|
|
4137
4184
|
onClick: G(o.onClick, (f) => {
|
|
@@ -4144,16 +4191,16 @@ var po = "SelectTrigger", ho = u.forwardRef(
|
|
|
4144
4191
|
}),
|
|
4145
4192
|
onKeyDown: G(o.onKeyDown, (f) => {
|
|
4146
4193
|
const w = p.current !== "";
|
|
4147
|
-
!(f.ctrlKey || f.altKey || f.metaKey) && f.key.length === 1 && g(f.key), !(w && f.key === " ") &&
|
|
4194
|
+
!(f.ctrlKey || f.altKey || f.metaKey) && f.key.length === 1 && g(f.key), !(w && f.key === " ") && El.includes(f.key) && (m(), f.preventDefault());
|
|
4148
4195
|
})
|
|
4149
4196
|
}
|
|
4150
4197
|
) });
|
|
4151
4198
|
}
|
|
4152
4199
|
);
|
|
4153
|
-
|
|
4154
|
-
var
|
|
4200
|
+
vo.displayName = ho;
|
|
4201
|
+
var go = "SelectValue", Il = u.forwardRef(
|
|
4155
4202
|
(e, t) => {
|
|
4156
|
-
const { __scopeSelect: n, className: r, style: o, children: a, placeholder: i = "", ...s } = e, l = Fe(
|
|
4203
|
+
const { __scopeSelect: n, className: r, style: o, children: a, placeholder: i = "", ...s } = e, l = Fe(go, n), { onValueNodeHasChildrenChange: c } = l, d = a !== void 0, p = Z(t, l.onValueNodeChange);
|
|
4157
4204
|
return te(() => {
|
|
4158
4205
|
c(d);
|
|
4159
4206
|
}, [c, d]), /* @__PURE__ */ k(
|
|
@@ -4162,22 +4209,22 @@ var vo = "SelectValue", Tl = u.forwardRef(
|
|
|
4162
4209
|
...s,
|
|
4163
4210
|
ref: p,
|
|
4164
4211
|
style: { pointerEvents: "none" },
|
|
4165
|
-
children:
|
|
4212
|
+
children: Lo(l.value) ? /* @__PURE__ */ k(mn, { children: i }) : a
|
|
4166
4213
|
}
|
|
4167
4214
|
);
|
|
4168
4215
|
}
|
|
4169
4216
|
);
|
|
4170
|
-
|
|
4171
|
-
var
|
|
4217
|
+
Il.displayName = go;
|
|
4218
|
+
var _l = "SelectIcon", mo = u.forwardRef(
|
|
4172
4219
|
(e, t) => {
|
|
4173
4220
|
const { __scopeSelect: n, children: r, ...o } = e;
|
|
4174
4221
|
return /* @__PURE__ */ k(K.span, { "aria-hidden": !0, ...o, ref: t, children: r || "▼" });
|
|
4175
4222
|
}
|
|
4176
4223
|
);
|
|
4177
|
-
|
|
4178
|
-
var
|
|
4179
|
-
|
|
4180
|
-
var je = "SelectContent",
|
|
4224
|
+
mo.displayName = _l;
|
|
4225
|
+
var Nl = "SelectPortal", wo = (e) => /* @__PURE__ */ k(to, { asChild: !0, ...e });
|
|
4226
|
+
wo.displayName = Nl;
|
|
4227
|
+
var je = "SelectContent", bo = u.forwardRef(
|
|
4181
4228
|
(e, t) => {
|
|
4182
4229
|
const n = Fe(je, e.__scopeSelect), [r, o] = u.useState();
|
|
4183
4230
|
if (te(() => {
|
|
@@ -4185,15 +4232,15 @@ var je = "SelectContent", wo = u.forwardRef(
|
|
|
4185
4232
|
}, []), !n.open) {
|
|
4186
4233
|
const a = r;
|
|
4187
4234
|
return a ? u.createPortal(
|
|
4188
|
-
/* @__PURE__ */ k(
|
|
4235
|
+
/* @__PURE__ */ k(xo, { scope: e.__scopeSelect, children: /* @__PURE__ */ k(Ut.Slot, { scope: e.__scopeSelect, children: /* @__PURE__ */ k("div", { children: e.children }) }) }),
|
|
4189
4236
|
a
|
|
4190
4237
|
) : null;
|
|
4191
4238
|
}
|
|
4192
|
-
return /* @__PURE__ */ k(
|
|
4239
|
+
return /* @__PURE__ */ k(yo, { ...e, ref: t });
|
|
4193
4240
|
}
|
|
4194
4241
|
);
|
|
4195
|
-
|
|
4196
|
-
var se = 10, [
|
|
4242
|
+
bo.displayName = je;
|
|
4243
|
+
var se = 10, [xo, Ve] = st(je), Ol = "SelectContentImpl", Ml = /* @__PURE__ */ vt("SelectContent.RemoveScroll"), yo = u.forwardRef(
|
|
4197
4244
|
(e, t) => {
|
|
4198
4245
|
const {
|
|
4199
4246
|
__scopeSelect: n,
|
|
@@ -4215,65 +4262,65 @@ var se = 10, [bo, Ve] = st(je), Rl = "SelectContentImpl", Il = /* @__PURE__ */ v
|
|
|
4215
4262
|
avoidCollisions: w,
|
|
4216
4263
|
//
|
|
4217
4264
|
...b
|
|
4218
|
-
} = e, x = Fe(je, n), [y, S] = u.useState(null), [E, T] = u.useState(null), C = Z(t, (A) => S(A)), [
|
|
4265
|
+
} = e, x = Fe(je, n), [y, S] = u.useState(null), [E, T] = u.useState(null), C = Z(t, (A) => S(A)), [R, O] = u.useState(null), [M, V] = u.useState(
|
|
4219
4266
|
null
|
|
4220
|
-
),
|
|
4267
|
+
), $ = Ht(n), [D, N] = u.useState(!1), X = u.useRef(!1);
|
|
4221
4268
|
u.useEffect(() => {
|
|
4222
|
-
if (y) return
|
|
4223
|
-
}, [y]),
|
|
4224
|
-
const
|
|
4269
|
+
if (y) return $s(y);
|
|
4270
|
+
}, [y]), di();
|
|
4271
|
+
const _ = u.useCallback(
|
|
4225
4272
|
(A) => {
|
|
4226
|
-
const [U, ...
|
|
4273
|
+
const [U, ...Q] = $().map((z) => z.ref.current), [F] = Q.slice(-1), B = document.activeElement;
|
|
4227
4274
|
for (const z of A)
|
|
4228
4275
|
if (z === B || (z == null || z.scrollIntoView({ block: "nearest" }), z === U && E && (E.scrollTop = 0), z === F && E && (E.scrollTop = E.scrollHeight), z == null || z.focus(), document.activeElement !== B)) return;
|
|
4229
4276
|
},
|
|
4230
|
-
[
|
|
4277
|
+
[$, E]
|
|
4231
4278
|
), L = u.useCallback(
|
|
4232
|
-
() =>
|
|
4233
|
-
[
|
|
4279
|
+
() => _([R, y]),
|
|
4280
|
+
[_, R, y]
|
|
4234
4281
|
);
|
|
4235
4282
|
u.useEffect(() => {
|
|
4236
4283
|
D && L();
|
|
4237
4284
|
}, [D, L]);
|
|
4238
|
-
const { onOpenChange:
|
|
4285
|
+
const { onOpenChange: I, triggerPointerDownPosRef: W } = x;
|
|
4239
4286
|
u.useEffect(() => {
|
|
4240
4287
|
if (y) {
|
|
4241
4288
|
let A = { x: 0, y: 0 };
|
|
4242
4289
|
const U = (F) => {
|
|
4243
4290
|
var B, z;
|
|
4244
4291
|
A = {
|
|
4245
|
-
x: Math.abs(Math.round(F.pageX) - (((B =
|
|
4246
|
-
y: Math.abs(Math.round(F.pageY) - (((z =
|
|
4292
|
+
x: Math.abs(Math.round(F.pageX) - (((B = W.current) == null ? void 0 : B.x) ?? 0)),
|
|
4293
|
+
y: Math.abs(Math.round(F.pageY) - (((z = W.current) == null ? void 0 : z.y) ?? 0))
|
|
4247
4294
|
};
|
|
4248
|
-
},
|
|
4249
|
-
A.x <= 10 && A.y <= 10 ? F.preventDefault() : y.contains(F.target) ||
|
|
4295
|
+
}, Q = (F) => {
|
|
4296
|
+
A.x <= 10 && A.y <= 10 ? F.preventDefault() : y.contains(F.target) || I(!1), document.removeEventListener("pointermove", U), W.current = null;
|
|
4250
4297
|
};
|
|
4251
|
-
return
|
|
4252
|
-
document.removeEventListener("pointermove", U), document.removeEventListener("pointerup",
|
|
4298
|
+
return W.current !== null && (document.addEventListener("pointermove", U), document.addEventListener("pointerup", Q, { capture: !0, once: !0 })), () => {
|
|
4299
|
+
document.removeEventListener("pointermove", U), document.removeEventListener("pointerup", Q, { capture: !0 });
|
|
4253
4300
|
};
|
|
4254
4301
|
}
|
|
4255
|
-
}, [y,
|
|
4256
|
-
const A = () =>
|
|
4302
|
+
}, [y, I, W]), u.useEffect(() => {
|
|
4303
|
+
const A = () => I(!1);
|
|
4257
4304
|
return window.addEventListener("blur", A), window.addEventListener("resize", A), () => {
|
|
4258
4305
|
window.removeEventListener("blur", A), window.removeEventListener("resize", A);
|
|
4259
4306
|
};
|
|
4260
|
-
}, [
|
|
4261
|
-
const [ee, Ee] =
|
|
4262
|
-
const U =
|
|
4307
|
+
}, [I]);
|
|
4308
|
+
const [ee, Ee] = Do((A) => {
|
|
4309
|
+
const U = $().filter((B) => !B.disabled), Q = U.find((B) => B.ref.current === document.activeElement), F = Bo(U, A, Q);
|
|
4263
4310
|
F && setTimeout(() => F.ref.current.focus());
|
|
4264
4311
|
}), lt = u.useCallback(
|
|
4265
|
-
(A, U,
|
|
4266
|
-
const F = !
|
|
4267
|
-
(x.value !== void 0 && x.value === U || F) && (O(A), F && (
|
|
4312
|
+
(A, U, Q) => {
|
|
4313
|
+
const F = !X.current && !Q;
|
|
4314
|
+
(x.value !== void 0 && x.value === U || F) && (O(A), F && (X.current = !0));
|
|
4268
4315
|
},
|
|
4269
4316
|
[x.value]
|
|
4270
4317
|
), ct = u.useCallback(() => y == null ? void 0 : y.focus(), [y]), Ie = u.useCallback(
|
|
4271
|
-
(A, U,
|
|
4272
|
-
const F = !
|
|
4318
|
+
(A, U, Q) => {
|
|
4319
|
+
const F = !X.current && !Q;
|
|
4273
4320
|
(x.value !== void 0 && x.value === U || F) && V(A);
|
|
4274
4321
|
},
|
|
4275
4322
|
[x.value]
|
|
4276
|
-
), Ye = r === "popper" ? fn :
|
|
4323
|
+
), Ye = r === "popper" ? fn : Co, $e = Ye === fn ? {
|
|
4277
4324
|
side: s,
|
|
4278
4325
|
sideOffset: l,
|
|
4279
4326
|
align: c,
|
|
@@ -4286,14 +4333,14 @@ var se = 10, [bo, Ve] = st(je), Rl = "SelectContentImpl", Il = /* @__PURE__ */ v
|
|
|
4286
4333
|
avoidCollisions: w
|
|
4287
4334
|
} : {};
|
|
4288
4335
|
return /* @__PURE__ */ k(
|
|
4289
|
-
|
|
4336
|
+
xo,
|
|
4290
4337
|
{
|
|
4291
4338
|
scope: n,
|
|
4292
4339
|
content: y,
|
|
4293
4340
|
viewport: E,
|
|
4294
4341
|
onViewportChange: T,
|
|
4295
4342
|
itemRefCallback: lt,
|
|
4296
|
-
selectedItem:
|
|
4343
|
+
selectedItem: R,
|
|
4297
4344
|
onItemLeave: ct,
|
|
4298
4345
|
itemTextRefCallback: Ie,
|
|
4299
4346
|
focusSelectedItem: L,
|
|
@@ -4301,7 +4348,7 @@ var se = 10, [bo, Ve] = st(je), Rl = "SelectContentImpl", Il = /* @__PURE__ */ v
|
|
|
4301
4348
|
position: r,
|
|
4302
4349
|
isPositioned: D,
|
|
4303
4350
|
searchRef: ee,
|
|
4304
|
-
children: /* @__PURE__ */ k(
|
|
4351
|
+
children: /* @__PURE__ */ k(fo, { as: Ml, allowPinchZoom: !0, children: /* @__PURE__ */ k(
|
|
4305
4352
|
Nr,
|
|
4306
4353
|
{
|
|
4307
4354
|
asChild: !0,
|
|
@@ -4314,7 +4361,7 @@ var se = 10, [bo, Ve] = st(je), Rl = "SelectContentImpl", Il = /* @__PURE__ */ v
|
|
|
4314
4361
|
(U = x.trigger) == null || U.focus({ preventScroll: !0 }), A.preventDefault();
|
|
4315
4362
|
}),
|
|
4316
4363
|
children: /* @__PURE__ */ k(
|
|
4317
|
-
|
|
4364
|
+
Ir,
|
|
4318
4365
|
{
|
|
4319
4366
|
asChild: !0,
|
|
4320
4367
|
disableOutsidePointerEvents: !0,
|
|
@@ -4331,8 +4378,8 @@ var se = 10, [bo, Ve] = st(je), Rl = "SelectContentImpl", Il = /* @__PURE__ */ v
|
|
|
4331
4378
|
dir: x.dir,
|
|
4332
4379
|
onContextMenu: (A) => A.preventDefault(),
|
|
4333
4380
|
...b,
|
|
4334
|
-
|
|
4335
|
-
onPlaced: () =>
|
|
4381
|
+
...$e,
|
|
4382
|
+
onPlaced: () => N(!0),
|
|
4336
4383
|
ref: C,
|
|
4337
4384
|
style: {
|
|
4338
4385
|
// flex layout so we can place the scroll buttons properly
|
|
@@ -4345,12 +4392,12 @@ var se = 10, [bo, Ve] = st(je), Rl = "SelectContentImpl", Il = /* @__PURE__ */ v
|
|
|
4345
4392
|
onKeyDown: G(b.onKeyDown, (A) => {
|
|
4346
4393
|
const U = A.ctrlKey || A.altKey || A.metaKey;
|
|
4347
4394
|
if (A.key === "Tab" && A.preventDefault(), !U && A.key.length === 1 && Ee(A.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(A.key)) {
|
|
4348
|
-
let F =
|
|
4395
|
+
let F = $().filter((B) => !B.disabled).map((B) => B.ref.current);
|
|
4349
4396
|
if (["ArrowUp", "End"].includes(A.key) && (F = F.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(A.key)) {
|
|
4350
4397
|
const B = A.target, z = F.indexOf(B);
|
|
4351
4398
|
F = F.slice(z + 1);
|
|
4352
4399
|
}
|
|
4353
|
-
setTimeout(() =>
|
|
4400
|
+
setTimeout(() => _(F)), A.preventDefault();
|
|
4354
4401
|
}
|
|
4355
4402
|
})
|
|
4356
4403
|
}
|
|
@@ -4363,13 +4410,13 @@ var se = 10, [bo, Ve] = st(je), Rl = "SelectContentImpl", Il = /* @__PURE__ */ v
|
|
|
4363
4410
|
);
|
|
4364
4411
|
}
|
|
4365
4412
|
);
|
|
4366
|
-
|
|
4367
|
-
var
|
|
4413
|
+
yo.displayName = Ol;
|
|
4414
|
+
var Ll = "SelectItemAlignedPosition", Co = u.forwardRef((e, t) => {
|
|
4368
4415
|
const { __scopeSelect: n, onPlaced: r, ...o } = e, a = Fe(je, n), i = Ve(je, n), [s, l] = u.useState(null), [c, d] = u.useState(null), p = Z(t, (C) => d(C)), g = Ht(n), v = u.useRef(!1), m = u.useRef(!0), { viewport: f, selectedItem: w, selectedItemText: b, focusSelectedItem: x } = i, y = u.useCallback(() => {
|
|
4369
4416
|
if (a.trigger && a.valueNode && s && c && f && w && b) {
|
|
4370
|
-
const C = a.trigger.getBoundingClientRect(),
|
|
4417
|
+
const C = a.trigger.getBoundingClientRect(), R = c.getBoundingClientRect(), O = a.valueNode.getBoundingClientRect(), M = b.getBoundingClientRect();
|
|
4371
4418
|
if (a.dir !== "rtl") {
|
|
4372
|
-
const B = M.left -
|
|
4419
|
+
const B = M.left - R.left, z = O.left - B, oe = C.left - z, ve = C.width + oe, ut = Math.max(ve, R.width), dt = window.innerWidth - se, ft = Fn(z, [
|
|
4373
4420
|
se,
|
|
4374
4421
|
// Prevents the content from going off the starting edge of the
|
|
4375
4422
|
// viewport. It may still go off the ending edge, but this can be
|
|
@@ -4380,19 +4427,19 @@ var Nl = "SelectItemAlignedPosition", yo = u.forwardRef((e, t) => {
|
|
|
4380
4427
|
]);
|
|
4381
4428
|
s.style.minWidth = ve + "px", s.style.left = ft + "px";
|
|
4382
4429
|
} else {
|
|
4383
|
-
const B =
|
|
4430
|
+
const B = R.right - M.right, z = window.innerWidth - O.right - B, oe = window.innerWidth - C.right - z, ve = C.width + oe, ut = Math.max(ve, R.width), dt = window.innerWidth - se, ft = Fn(z, [
|
|
4384
4431
|
se,
|
|
4385
4432
|
Math.max(se, dt - ut)
|
|
4386
4433
|
]);
|
|
4387
4434
|
s.style.minWidth = ve + "px", s.style.right = ft + "px";
|
|
4388
4435
|
}
|
|
4389
|
-
const V = g(),
|
|
4436
|
+
const V = g(), $ = window.innerHeight - se * 2, D = f.scrollHeight, N = window.getComputedStyle(c), X = parseInt(N.borderTopWidth, 10), _ = parseInt(N.paddingTop, 10), L = parseInt(N.borderBottomWidth, 10), I = parseInt(N.paddingBottom, 10), W = X + _ + D + I + L, ee = Math.min(w.offsetHeight * 5, W), Ee = window.getComputedStyle(f), lt = parseInt(Ee.paddingTop, 10), ct = parseInt(Ee.paddingBottom, 10), Ie = C.top + C.height / 2 - se, Ye = $ - Ie, $e = w.offsetHeight / 2, A = w.offsetTop + $e, U = X + _ + A, Q = W - U;
|
|
4390
4437
|
if (U <= Ie) {
|
|
4391
4438
|
const B = V.length > 0 && w === V[V.length - 1].ref.current;
|
|
4392
4439
|
s.style.bottom = "0px";
|
|
4393
4440
|
const z = c.clientHeight - f.offsetTop - f.offsetHeight, oe = Math.max(
|
|
4394
4441
|
Ye,
|
|
4395
|
-
|
|
4442
|
+
$e + // viewport might have padding bottom, include it to avoid a scrollable viewport
|
|
4396
4443
|
(B ? ct : 0) + z + L
|
|
4397
4444
|
), ve = U + oe;
|
|
4398
4445
|
s.style.height = ve + "px";
|
|
@@ -4401,12 +4448,12 @@ var Nl = "SelectItemAlignedPosition", yo = u.forwardRef((e, t) => {
|
|
|
4401
4448
|
s.style.top = "0px";
|
|
4402
4449
|
const oe = Math.max(
|
|
4403
4450
|
Ie,
|
|
4404
|
-
|
|
4405
|
-
(B ? lt : 0) +
|
|
4406
|
-
) +
|
|
4451
|
+
X + f.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
|
|
4452
|
+
(B ? lt : 0) + $e
|
|
4453
|
+
) + Q;
|
|
4407
4454
|
s.style.height = oe + "px", f.scrollTop = U - Ie + f.offsetTop;
|
|
4408
4455
|
}
|
|
4409
|
-
s.style.margin = `${se}px 0`, s.style.minHeight = ee + "px", s.style.maxHeight =
|
|
4456
|
+
s.style.margin = `${se}px 0`, s.style.minHeight = ee + "px", s.style.maxHeight = $ + "px", r == null || r(), requestAnimationFrame(() => v.current = !0);
|
|
4410
4457
|
}
|
|
4411
4458
|
}, [
|
|
4412
4459
|
g,
|
|
@@ -4432,7 +4479,7 @@ var Nl = "SelectItemAlignedPosition", yo = u.forwardRef((e, t) => {
|
|
|
4432
4479
|
[y, x]
|
|
4433
4480
|
);
|
|
4434
4481
|
return /* @__PURE__ */ k(
|
|
4435
|
-
|
|
4482
|
+
Bl,
|
|
4436
4483
|
{
|
|
4437
4484
|
scope: n,
|
|
4438
4485
|
contentWrapper: s,
|
|
@@ -4468,8 +4515,8 @@ var Nl = "SelectItemAlignedPosition", yo = u.forwardRef((e, t) => {
|
|
|
4468
4515
|
}
|
|
4469
4516
|
);
|
|
4470
4517
|
});
|
|
4471
|
-
|
|
4472
|
-
var
|
|
4518
|
+
Co.displayName = Ll;
|
|
4519
|
+
var Dl = "SelectPopperPosition", fn = u.forwardRef((e, t) => {
|
|
4473
4520
|
const {
|
|
4474
4521
|
__scopeSelect: n,
|
|
4475
4522
|
align: r = "start",
|
|
@@ -4477,7 +4524,7 @@ var _l = "SelectPopperPosition", fn = u.forwardRef((e, t) => {
|
|
|
4477
4524
|
...a
|
|
4478
4525
|
} = e, i = jt(n);
|
|
4479
4526
|
return /* @__PURE__ */ k(
|
|
4480
|
-
|
|
4527
|
+
Rs,
|
|
4481
4528
|
{
|
|
4482
4529
|
...i,
|
|
4483
4530
|
...a,
|
|
@@ -4497,11 +4544,11 @@ var _l = "SelectPopperPosition", fn = u.forwardRef((e, t) => {
|
|
|
4497
4544
|
}
|
|
4498
4545
|
);
|
|
4499
4546
|
});
|
|
4500
|
-
fn.displayName =
|
|
4501
|
-
var [
|
|
4547
|
+
fn.displayName = Dl;
|
|
4548
|
+
var [Bl, Nn] = st(je, {}), pn = "SelectViewport", So = u.forwardRef(
|
|
4502
4549
|
(e, t) => {
|
|
4503
|
-
const { __scopeSelect: n, nonce: r, ...o } = e, a = Ve(pn, n), i =
|
|
4504
|
-
return /* @__PURE__ */
|
|
4550
|
+
const { __scopeSelect: n, nonce: r, ...o } = e, a = Ve(pn, n), i = Nn(pn, n), s = Z(t, a.onViewportChange), l = u.useRef(0);
|
|
4551
|
+
return /* @__PURE__ */ _t(mn, { children: [
|
|
4505
4552
|
/* @__PURE__ */ k(
|
|
4506
4553
|
"style",
|
|
4507
4554
|
{
|
|
@@ -4550,22 +4597,22 @@ var [Ol, _n] = st(je, {}), pn = "SelectViewport", Co = u.forwardRef(
|
|
|
4550
4597
|
] });
|
|
4551
4598
|
}
|
|
4552
4599
|
);
|
|
4553
|
-
|
|
4554
|
-
var
|
|
4600
|
+
So.displayName = pn;
|
|
4601
|
+
var Eo = "SelectGroup", [zl, Fl] = st(Eo), Vl = u.forwardRef(
|
|
4555
4602
|
(e, t) => {
|
|
4556
4603
|
const { __scopeSelect: n, ...r } = e, o = Cn();
|
|
4557
|
-
return /* @__PURE__ */ k(
|
|
4604
|
+
return /* @__PURE__ */ k(zl, { scope: n, id: o, children: /* @__PURE__ */ k(K.div, { role: "group", "aria-labelledby": o, ...r, ref: t }) });
|
|
4558
4605
|
}
|
|
4559
4606
|
);
|
|
4560
|
-
|
|
4561
|
-
var
|
|
4607
|
+
Vl.displayName = Eo;
|
|
4608
|
+
var ko = "SelectLabel", $l = u.forwardRef(
|
|
4562
4609
|
(e, t) => {
|
|
4563
|
-
const { __scopeSelect: n, ...r } = e, o =
|
|
4610
|
+
const { __scopeSelect: n, ...r } = e, o = Fl(ko, n);
|
|
4564
4611
|
return /* @__PURE__ */ k(K.div, { id: o.id, ...r, ref: t });
|
|
4565
4612
|
}
|
|
4566
4613
|
);
|
|
4567
|
-
|
|
4568
|
-
var Dt = "SelectItem", [
|
|
4614
|
+
$l.displayName = ko;
|
|
4615
|
+
var Dt = "SelectItem", [Wl, To] = st(Dt), Ao = u.forwardRef(
|
|
4569
4616
|
(e, t) => {
|
|
4570
4617
|
const {
|
|
4571
4618
|
__scopeSelect: n,
|
|
@@ -4587,7 +4634,7 @@ var Dt = "SelectItem", [zl, ko] = st(Dt), To = u.forwardRef(
|
|
|
4587
4634
|
"A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder."
|
|
4588
4635
|
);
|
|
4589
4636
|
return /* @__PURE__ */ k(
|
|
4590
|
-
|
|
4637
|
+
Wl,
|
|
4591
4638
|
{
|
|
4592
4639
|
scope: n,
|
|
4593
4640
|
value: r,
|
|
@@ -4638,7 +4685,7 @@ var Dt = "SelectItem", [zl, ko] = st(Dt), To = u.forwardRef(
|
|
|
4638
4685
|
}),
|
|
4639
4686
|
onKeyDown: G(i.onKeyDown, (x) => {
|
|
4640
4687
|
var S;
|
|
4641
|
-
((S = l.searchRef) == null ? void 0 : S.current) !== "" && x.key === " " || (
|
|
4688
|
+
((S = l.searchRef) == null ? void 0 : S.current) !== "" && x.key === " " || (kl.includes(x.key) && b(), x.key === " " && x.preventDefault());
|
|
4642
4689
|
})
|
|
4643
4690
|
}
|
|
4644
4691
|
)
|
|
@@ -4648,10 +4695,10 @@ var Dt = "SelectItem", [zl, ko] = st(Dt), To = u.forwardRef(
|
|
|
4648
4695
|
);
|
|
4649
4696
|
}
|
|
4650
4697
|
);
|
|
4651
|
-
|
|
4652
|
-
var ht = "SelectItemText",
|
|
4698
|
+
Ao.displayName = Dt;
|
|
4699
|
+
var ht = "SelectItemText", Po = u.forwardRef(
|
|
4653
4700
|
(e, t) => {
|
|
4654
|
-
const { __scopeSelect: n, className: r, style: o, ...a } = e, i = Fe(ht, n), s = Ve(ht, n), l =
|
|
4701
|
+
const { __scopeSelect: n, className: r, style: o, ...a } = e, i = Fe(ht, n), s = Ve(ht, n), l = To(ht, n), c = Rl(ht, n), [d, p] = u.useState(null), g = Z(
|
|
4655
4702
|
t,
|
|
4656
4703
|
(b) => p(b),
|
|
4657
4704
|
l.onItemTextChange,
|
|
@@ -4663,22 +4710,22 @@ var ht = "SelectItemText", Ao = u.forwardRef(
|
|
|
4663
4710
|
() => /* @__PURE__ */ k("option", { value: l.value, disabled: l.disabled, children: v }, l.value),
|
|
4664
4711
|
[l.disabled, l.value, v]
|
|
4665
4712
|
), { onNativeOptionAdd: f, onNativeOptionRemove: w } = c;
|
|
4666
|
-
return te(() => (f(m), () => w(m)), [f, w, m]), /* @__PURE__ */
|
|
4713
|
+
return te(() => (f(m), () => w(m)), [f, w, m]), /* @__PURE__ */ _t(mn, { children: [
|
|
4667
4714
|
/* @__PURE__ */ k(K.span, { id: l.textId, ...a, ref: g }),
|
|
4668
4715
|
l.isSelected && i.valueNode && !i.valueNodeHasChildren ? u.createPortal(a.children, i.valueNode) : null
|
|
4669
4716
|
] });
|
|
4670
4717
|
}
|
|
4671
4718
|
);
|
|
4672
|
-
|
|
4673
|
-
var
|
|
4719
|
+
Po.displayName = ht;
|
|
4720
|
+
var Ro = "SelectItemIndicator", Io = u.forwardRef(
|
|
4674
4721
|
(e, t) => {
|
|
4675
4722
|
const { __scopeSelect: n, ...r } = e;
|
|
4676
|
-
return
|
|
4723
|
+
return To(Ro, n).isSelected ? /* @__PURE__ */ k(K.span, { "aria-hidden": !0, ...r, ref: t }) : null;
|
|
4677
4724
|
}
|
|
4678
4725
|
);
|
|
4679
|
-
|
|
4680
|
-
var hn = "SelectScrollUpButton",
|
|
4681
|
-
const n = Ve(hn, e.__scopeSelect), r =
|
|
4726
|
+
Io.displayName = Ro;
|
|
4727
|
+
var hn = "SelectScrollUpButton", _o = u.forwardRef((e, t) => {
|
|
4728
|
+
const n = Ve(hn, e.__scopeSelect), r = Nn(hn, e.__scopeSelect), [o, a] = u.useState(!1), i = Z(t, r.onScrollButtonChange);
|
|
4682
4729
|
return te(() => {
|
|
4683
4730
|
if (n.viewport && n.isPositioned) {
|
|
4684
4731
|
let s = function() {
|
|
@@ -4689,7 +4736,7 @@ var hn = "SelectScrollUpButton", Io = u.forwardRef((e, t) => {
|
|
|
4689
4736
|
return s(), l.addEventListener("scroll", s), () => l.removeEventListener("scroll", s);
|
|
4690
4737
|
}
|
|
4691
4738
|
}, [n.viewport, n.isPositioned]), o ? /* @__PURE__ */ k(
|
|
4692
|
-
|
|
4739
|
+
Oo,
|
|
4693
4740
|
{
|
|
4694
4741
|
...e,
|
|
4695
4742
|
ref: i,
|
|
@@ -4700,9 +4747,9 @@ var hn = "SelectScrollUpButton", Io = u.forwardRef((e, t) => {
|
|
|
4700
4747
|
}
|
|
4701
4748
|
) : null;
|
|
4702
4749
|
});
|
|
4703
|
-
|
|
4750
|
+
_o.displayName = hn;
|
|
4704
4751
|
var vn = "SelectScrollDownButton", No = u.forwardRef((e, t) => {
|
|
4705
|
-
const n = Ve(vn, e.__scopeSelect), r =
|
|
4752
|
+
const n = Ve(vn, e.__scopeSelect), r = Nn(vn, e.__scopeSelect), [o, a] = u.useState(!1), i = Z(t, r.onScrollButtonChange);
|
|
4706
4753
|
return te(() => {
|
|
4707
4754
|
if (n.viewport && n.isPositioned) {
|
|
4708
4755
|
let s = function() {
|
|
@@ -4713,7 +4760,7 @@ var vn = "SelectScrollDownButton", No = u.forwardRef((e, t) => {
|
|
|
4713
4760
|
return s(), l.addEventListener("scroll", s), () => l.removeEventListener("scroll", s);
|
|
4714
4761
|
}
|
|
4715
4762
|
}, [n.viewport, n.isPositioned]), o ? /* @__PURE__ */ k(
|
|
4716
|
-
|
|
4763
|
+
Oo,
|
|
4717
4764
|
{
|
|
4718
4765
|
...e,
|
|
4719
4766
|
ref: i,
|
|
@@ -4725,7 +4772,7 @@ var vn = "SelectScrollDownButton", No = u.forwardRef((e, t) => {
|
|
|
4725
4772
|
) : null;
|
|
4726
4773
|
});
|
|
4727
4774
|
No.displayName = vn;
|
|
4728
|
-
var
|
|
4775
|
+
var Oo = u.forwardRef((e, t) => {
|
|
4729
4776
|
const { __scopeSelect: n, onAutoScroll: r, ...o } = e, a = Ve("SelectScrollButton", n), i = u.useRef(null), s = Ht(n), l = u.useCallback(() => {
|
|
4730
4777
|
i.current !== null && (window.clearInterval(i.current), i.current = null);
|
|
4731
4778
|
}, []);
|
|
@@ -4752,23 +4799,23 @@ var _o = u.forwardRef((e, t) => {
|
|
|
4752
4799
|
})
|
|
4753
4800
|
}
|
|
4754
4801
|
);
|
|
4755
|
-
}),
|
|
4802
|
+
}), Ul = "SelectSeparator", Hl = u.forwardRef(
|
|
4756
4803
|
(e, t) => {
|
|
4757
4804
|
const { __scopeSelect: n, ...r } = e;
|
|
4758
4805
|
return /* @__PURE__ */ k(K.div, { "aria-hidden": !0, ...r, ref: t });
|
|
4759
4806
|
}
|
|
4760
4807
|
);
|
|
4761
|
-
|
|
4762
|
-
var gn = "SelectArrow",
|
|
4808
|
+
Hl.displayName = Ul;
|
|
4809
|
+
var gn = "SelectArrow", jl = u.forwardRef(
|
|
4763
4810
|
(e, t) => {
|
|
4764
4811
|
const { __scopeSelect: n, ...r } = e, o = jt(n), a = Fe(gn, n), i = Ve(gn, n);
|
|
4765
|
-
return a.open && i.position === "popper" ? /* @__PURE__ */ k(
|
|
4812
|
+
return a.open && i.position === "popper" ? /* @__PURE__ */ k(Is, { ...o, ...r, ref: t }) : null;
|
|
4766
4813
|
}
|
|
4767
4814
|
);
|
|
4768
|
-
|
|
4769
|
-
var
|
|
4815
|
+
jl.displayName = gn;
|
|
4816
|
+
var Yl = "SelectBubbleInput", Mo = u.forwardRef(
|
|
4770
4817
|
({ __scopeSelect: e, value: t, ...n }, r) => {
|
|
4771
|
-
const o = u.useRef(null), a = Z(r, o), i =
|
|
4818
|
+
const o = u.useRef(null), a = Z(r, o), i = Ls(t);
|
|
4772
4819
|
return u.useEffect(() => {
|
|
4773
4820
|
const s = o.current;
|
|
4774
4821
|
if (!s) return;
|
|
@@ -4784,19 +4831,19 @@ var $l = "SelectBubbleInput", Oo = u.forwardRef(
|
|
|
4784
4831
|
K.select,
|
|
4785
4832
|
{
|
|
4786
4833
|
...n,
|
|
4787
|
-
style: { ...
|
|
4834
|
+
style: { ...no, ...n.style },
|
|
4788
4835
|
ref: a,
|
|
4789
4836
|
defaultValue: t
|
|
4790
4837
|
}
|
|
4791
4838
|
);
|
|
4792
4839
|
}
|
|
4793
4840
|
);
|
|
4794
|
-
|
|
4795
|
-
function
|
|
4841
|
+
Mo.displayName = Yl;
|
|
4842
|
+
function Lo(e) {
|
|
4796
4843
|
return e === "" || e === void 0;
|
|
4797
4844
|
}
|
|
4798
|
-
function
|
|
4799
|
-
const t =
|
|
4845
|
+
function Do(e) {
|
|
4846
|
+
const t = We(e), n = u.useRef(""), r = u.useRef(0), o = u.useCallback(
|
|
4800
4847
|
(i) => {
|
|
4801
4848
|
const s = n.current + i;
|
|
4802
4849
|
t(s), function l(c) {
|
|
@@ -4809,20 +4856,20 @@ function Lo(e) {
|
|
|
4809
4856
|
}, []);
|
|
4810
4857
|
return u.useEffect(() => () => window.clearTimeout(r.current), []), [n, o, a];
|
|
4811
4858
|
}
|
|
4812
|
-
function
|
|
4859
|
+
function Bo(e, t, n) {
|
|
4813
4860
|
const o = t.length > 1 && Array.from(t).every((c) => c === t[0]) ? t[0] : t, a = n ? e.indexOf(n) : -1;
|
|
4814
|
-
let i =
|
|
4861
|
+
let i = Xl(e, Math.max(a, 0));
|
|
4815
4862
|
o.length === 1 && (i = i.filter((c) => c !== n));
|
|
4816
4863
|
const l = i.find(
|
|
4817
4864
|
(c) => c.textValue.toLowerCase().startsWith(o.toLowerCase())
|
|
4818
4865
|
);
|
|
4819
4866
|
return l !== n ? l : void 0;
|
|
4820
4867
|
}
|
|
4821
|
-
function
|
|
4868
|
+
function Xl(e, t) {
|
|
4822
4869
|
return e.map((n, r) => e[(t + r) % e.length]);
|
|
4823
4870
|
}
|
|
4824
|
-
var
|
|
4825
|
-
const
|
|
4871
|
+
var Kl = po, zo = vo, Fo = mo, Gl = wo, Zl = bo, ql = So, Ql = Ao, Jl = Po, ec = Io, tc = _o, nc = No;
|
|
4872
|
+
const rc = {
|
|
4826
4873
|
sm: "w-4 h-4",
|
|
4827
4874
|
md: "w-6 h-6"
|
|
4828
4875
|
};
|
|
@@ -4837,7 +4884,7 @@ function On({
|
|
|
4837
4884
|
{
|
|
4838
4885
|
className: j(
|
|
4839
4886
|
"rounded-full object-cover",
|
|
4840
|
-
|
|
4887
|
+
rc[e],
|
|
4841
4888
|
n
|
|
4842
4889
|
),
|
|
4843
4890
|
src: `https://storage.googleapis.com/eleven-public-cdn/images/flags/circle-flags/${t}.svg`,
|
|
@@ -4846,10 +4893,10 @@ function On({
|
|
|
4846
4893
|
}
|
|
4847
4894
|
);
|
|
4848
4895
|
}
|
|
4849
|
-
function
|
|
4850
|
-
const [n, r] = be(!1), { language: o, setLanguage: a, options: i } = rt(), s =
|
|
4851
|
-
return /* @__PURE__ */
|
|
4852
|
-
|
|
4896
|
+
function Vo({ children: e, ...t }) {
|
|
4897
|
+
const [n, r] = be(!1), { language: o, setLanguage: a, options: i } = rt(), s = Ca();
|
|
4898
|
+
return /* @__PURE__ */ P(
|
|
4899
|
+
Kl,
|
|
4853
4900
|
{
|
|
4854
4901
|
open: n,
|
|
4855
4902
|
value: o.value.languageCode,
|
|
@@ -4861,8 +4908,8 @@ function Fo({ children: e, ...t }) {
|
|
|
4861
4908
|
},
|
|
4862
4909
|
children: [
|
|
4863
4910
|
e,
|
|
4864
|
-
/* @__PURE__ */ h(
|
|
4865
|
-
|
|
4911
|
+
/* @__PURE__ */ h(Gl, { container: s, children: /* @__PURE__ */ P(
|
|
4912
|
+
Zl,
|
|
4866
4913
|
{
|
|
4867
4914
|
className: "overflow-hidden bg-base border border-base-border rounded-dropdown-sheet max-h-[min(384px,var(--radix-select-content-available-height))] min-w-[var(--radix-select-trigger-width)] z-10",
|
|
4868
4915
|
position: "popper",
|
|
@@ -4874,21 +4921,21 @@ function Fo({ children: e, ...t }) {
|
|
|
4874
4921
|
onEscapeKeyDown: () => r(!1),
|
|
4875
4922
|
...t,
|
|
4876
4923
|
children: [
|
|
4877
|
-
/* @__PURE__ */ h(
|
|
4878
|
-
/* @__PURE__ */ h(
|
|
4879
|
-
|
|
4924
|
+
/* @__PURE__ */ h(tc, { className: "flex items-center justify-center h-6 bg-base text-base-subtle cursor-default", children: /* @__PURE__ */ h(Je, { size: "sm", name: "chevron-up" }) }),
|
|
4925
|
+
/* @__PURE__ */ h(ql, { className: "p-1.5", children: i.value.map((l) => /* @__PURE__ */ P(
|
|
4926
|
+
Ql,
|
|
4880
4927
|
{
|
|
4881
4928
|
value: l.languageCode,
|
|
4882
4929
|
className: "flex select-none items-center p-1.5 pr-3 gap-2 cursor-pointer rounded-input relative focus-visible:outline-none data-[highlighted]:bg-base-active text-sm",
|
|
4883
4930
|
children: [
|
|
4884
4931
|
/* @__PURE__ */ h(On, { flagCode: l.flagCode }),
|
|
4885
|
-
/* @__PURE__ */ h(
|
|
4886
|
-
/* @__PURE__ */ h(
|
|
4932
|
+
/* @__PURE__ */ h(Jl, { children: l.name }),
|
|
4933
|
+
/* @__PURE__ */ h(ec, { className: "text-base-primary p-1.5 -mr-1.5 ml-auto", children: /* @__PURE__ */ h(Je, { size: "sm", name: "check" }) })
|
|
4887
4934
|
]
|
|
4888
4935
|
},
|
|
4889
4936
|
l.languageCode
|
|
4890
4937
|
)) }),
|
|
4891
|
-
/* @__PURE__ */ h(
|
|
4938
|
+
/* @__PURE__ */ h(nc, { className: "flex items-center justify-center h-6 bg-base text-base-subtle cursor-default", children: /* @__PURE__ */ h(Je, { size: "sm", name: "chevron-down" }) })
|
|
4892
4939
|
]
|
|
4893
4940
|
}
|
|
4894
4941
|
) })
|
|
@@ -4896,13 +4943,13 @@ function Fo({ children: e, ...t }) {
|
|
|
4896
4943
|
}
|
|
4897
4944
|
);
|
|
4898
4945
|
}
|
|
4899
|
-
function
|
|
4946
|
+
function oc({
|
|
4900
4947
|
className: e,
|
|
4901
4948
|
...t
|
|
4902
4949
|
}) {
|
|
4903
4950
|
const n = re(), { language: r, showPicker: o } = rt();
|
|
4904
|
-
return o.value ? /* @__PURE__ */ h(
|
|
4905
|
-
|
|
4951
|
+
return o.value ? /* @__PURE__ */ h(Vo, { align: "center", children: /* @__PURE__ */ P(
|
|
4952
|
+
zo,
|
|
4906
4953
|
{
|
|
4907
4954
|
className: j(
|
|
4908
4955
|
"h-9 min-w-max rounded-button focus-ring px-2 flex gap-2 items-center text-base-primary bg-base hover:bg-base-hover active:bg-base-active font-medium",
|
|
@@ -4913,12 +4960,12 @@ function ec({
|
|
|
4913
4960
|
children: [
|
|
4914
4961
|
/* @__PURE__ */ h(On, { size: "sm", flagCode: r.value.flagCode }),
|
|
4915
4962
|
r.value.name,
|
|
4916
|
-
/* @__PURE__ */ h(
|
|
4963
|
+
/* @__PURE__ */ h(Fo, { className: "text-base-subtle", asChild: !0, children: /* @__PURE__ */ h(Je, { size: "sm", name: "chevron-down" }) })
|
|
4917
4964
|
]
|
|
4918
4965
|
}
|
|
4919
4966
|
) }) : null;
|
|
4920
4967
|
}
|
|
4921
|
-
function
|
|
4968
|
+
function ac({
|
|
4922
4969
|
className: e,
|
|
4923
4970
|
...t
|
|
4924
4971
|
}) {
|
|
@@ -4937,7 +4984,7 @@ function Mn({
|
|
|
4937
4984
|
visible: e,
|
|
4938
4985
|
...t
|
|
4939
4986
|
}) {
|
|
4940
|
-
const n = re(), { isMuted: r, isMutingEnabled: o, setIsMuted: a } =
|
|
4987
|
+
const n = re(), { isMuted: r, isMutingEnabled: o, setIsMuted: a } = vr(), i = Te(() => {
|
|
4941
4988
|
a(!r.peek());
|
|
4942
4989
|
}, [a]);
|
|
4943
4990
|
return o.value ? /* @__PURE__ */ h(ke, { visible: e, className: "p-1", children: /* @__PURE__ */ h(
|
|
@@ -4970,11 +5017,11 @@ function Ln({
|
|
|
4970
5017
|
}
|
|
4971
5018
|
);
|
|
4972
5019
|
}
|
|
4973
|
-
function
|
|
5020
|
+
function ic({
|
|
4974
5021
|
showTranscript: e,
|
|
4975
5022
|
scrollPinned: t
|
|
4976
5023
|
}) {
|
|
4977
|
-
const [n, r] = be(""), o = zt(), { text_input_enabled: a } =
|
|
5024
|
+
const [n, r] = be(""), o = zt(), { text_input_enabled: a } = q().value, i = re(), {
|
|
4978
5025
|
isDisconnected: s,
|
|
4979
5026
|
status: l,
|
|
4980
5027
|
startSession: c,
|
|
@@ -4982,9 +5029,9 @@ function nc({
|
|
|
4982
5029
|
sendUserActivity: p,
|
|
4983
5030
|
conversationIndex: g
|
|
4984
5031
|
} = ne();
|
|
4985
|
-
return /* @__PURE__ */
|
|
5032
|
+
return /* @__PURE__ */ P("div", { className: "shrink-0 overflow-hidden flex p-3 items-end justify-end", children: [
|
|
4986
5033
|
a && /* @__PURE__ */ h(
|
|
4987
|
-
|
|
5034
|
+
ac,
|
|
4988
5035
|
{
|
|
4989
5036
|
rows: 1,
|
|
4990
5037
|
"aria-label": i.input_label,
|
|
@@ -4998,7 +5045,7 @@ function nc({
|
|
|
4998
5045
|
placeholder: o.value ? s.value && g.value > 0 ? i.input_placeholder_new_conversation : i.input_placeholder_text_only : i.input_placeholder
|
|
4999
5046
|
}
|
|
5000
5047
|
),
|
|
5001
|
-
/* @__PURE__ */
|
|
5048
|
+
/* @__PURE__ */ P("div", { className: "flex h-11 items-center", children: [
|
|
5002
5049
|
/* @__PURE__ */ h(Mn, { visible: !o.value && !s.value }),
|
|
5003
5050
|
/* @__PURE__ */ h(
|
|
5004
5051
|
ke,
|
|
@@ -5019,12 +5066,12 @@ function nc({
|
|
|
5019
5066
|
] })
|
|
5020
5067
|
] });
|
|
5021
5068
|
}
|
|
5022
|
-
function
|
|
5069
|
+
function sc({
|
|
5023
5070
|
entry: e,
|
|
5024
5071
|
animateIn: t
|
|
5025
5072
|
}) {
|
|
5026
5073
|
const n = re(), { previewUrl: r } = bn(), { lastId: o } = ne();
|
|
5027
|
-
return /* @__PURE__ */ h(ce, { initial: !t, active: !0, children: e.type === "message" ? /* @__PURE__ */
|
|
5074
|
+
return /* @__PURE__ */ h(ce, { initial: !t, active: !0, children: e.type === "message" ? /* @__PURE__ */ P(
|
|
5028
5075
|
"div",
|
|
5029
5076
|
{
|
|
5030
5077
|
className: j(
|
|
@@ -5053,21 +5100,21 @@ function rc({
|
|
|
5053
5100
|
)
|
|
5054
5101
|
]
|
|
5055
5102
|
}
|
|
5056
|
-
) : e.type === "disconnection" ? /* @__PURE__ */
|
|
5103
|
+
) : e.type === "disconnection" ? /* @__PURE__ */ P("div", { className: "mt-2 px-8 text-xs text-base-subtle text-center transition-opacity duration-200 data-hidden:opacity-0", children: [
|
|
5057
5104
|
e.role === "user" ? n.user_ended_conversation : n.agent_ended_conversation,
|
|
5058
5105
|
/* @__PURE__ */ h("br", {}),
|
|
5059
|
-
o.value && /* @__PURE__ */
|
|
5106
|
+
o.value && /* @__PURE__ */ P("span", { className: "break-all", children: [
|
|
5060
5107
|
n.conversation_id,
|
|
5061
5108
|
": ",
|
|
5062
5109
|
o.value
|
|
5063
5110
|
] })
|
|
5064
|
-
] }) : /* @__PURE__ */
|
|
5111
|
+
] }) : /* @__PURE__ */ P("div", { className: "mt-2 px-8 text-xs text-base-error text-center transition-opacity duration-200 data-hidden:opacity-0", children: [
|
|
5065
5112
|
n.error_occurred,
|
|
5066
5113
|
/* @__PURE__ */ h("br", {}),
|
|
5067
5114
|
e.message,
|
|
5068
|
-
o.value && /* @__PURE__ */
|
|
5115
|
+
o.value && /* @__PURE__ */ P(wt, { children: [
|
|
5069
5116
|
/* @__PURE__ */ h("br", {}),
|
|
5070
|
-
/* @__PURE__ */
|
|
5117
|
+
/* @__PURE__ */ P("span", { className: "text-base-subtle break-all", children: [
|
|
5071
5118
|
n.conversation_id,
|
|
5072
5119
|
": ",
|
|
5073
5120
|
o.value
|
|
@@ -5075,8 +5122,8 @@ function rc({
|
|
|
5075
5122
|
] })
|
|
5076
5123
|
] }) });
|
|
5077
5124
|
}
|
|
5078
|
-
const
|
|
5079
|
-
function
|
|
5125
|
+
const lc = 16;
|
|
5126
|
+
function cc({ scrollPinned: e, transcript: t }) {
|
|
5080
5127
|
const n = we(null), r = (a) => {
|
|
5081
5128
|
var i;
|
|
5082
5129
|
(i = n.current) == null || i.scrollTo({
|
|
@@ -5093,11 +5140,11 @@ function ac({ scrollPinned: e, transcript: t }) {
|
|
|
5093
5140
|
{
|
|
5094
5141
|
ref: n,
|
|
5095
5142
|
onScroll: (a) => {
|
|
5096
|
-
e.value = a.currentTarget.scrollTop >= a.currentTarget.scrollHeight - a.currentTarget.clientHeight -
|
|
5143
|
+
e.value = a.currentTarget.scrollTop >= a.currentTarget.scrollHeight - a.currentTarget.clientHeight - lc;
|
|
5097
5144
|
},
|
|
5098
5145
|
className: "px-4 pb-3 grow flex flex-col gap-3 overflow-x-hidden overflow-y-auto",
|
|
5099
5146
|
children: t.value.map((a, i) => /* @__PURE__ */ h(
|
|
5100
|
-
|
|
5147
|
+
sc,
|
|
5101
5148
|
{
|
|
5102
5149
|
entry: a,
|
|
5103
5150
|
animateIn: !o.current
|
|
@@ -5107,7 +5154,7 @@ function ac({ scrollPinned: e, transcript: t }) {
|
|
|
5107
5154
|
}
|
|
5108
5155
|
);
|
|
5109
5156
|
}
|
|
5110
|
-
const
|
|
5157
|
+
const uc = {
|
|
5111
5158
|
"top-left": "origin-top-left",
|
|
5112
5159
|
top: "origin-top",
|
|
5113
5160
|
"top-right": "origin-top-right",
|
|
@@ -5115,8 +5162,8 @@ const ic = {
|
|
|
5115
5162
|
"bottom-right": "origin-bottom-right",
|
|
5116
5163
|
bottom: "origin-bottom"
|
|
5117
5164
|
};
|
|
5118
|
-
function
|
|
5119
|
-
const t = re(), n = wn(), r = zt(), o =
|
|
5165
|
+
function dc({ open: e }) {
|
|
5166
|
+
const t = re(), n = wn(), r = zt(), o = q(), a = o.value.placement, { isDisconnected: i, startSession: s, transcript: l, conversationIndex: c } = ne(), d = xr(), p = Y(() => {
|
|
5120
5167
|
var m;
|
|
5121
5168
|
return n.value || r.value ? !d.value || !n.value ? l.value : [
|
|
5122
5169
|
{
|
|
@@ -5131,36 +5178,36 @@ function sc({ open: e }) {
|
|
|
5131
5178
|
(f) => f.type !== "message" || f.isText
|
|
5132
5179
|
);
|
|
5133
5180
|
}), g = p.value.length > 0 || !i.value && o.value.transcript_enabled, v = ue(!0);
|
|
5134
|
-
return /* @__PURE__ */ h(ce, { initial: !1, active: e, children: /* @__PURE__ */
|
|
5181
|
+
return /* @__PURE__ */ h(ce, { initial: !1, active: e, children: /* @__PURE__ */ P(
|
|
5135
5182
|
"div",
|
|
5136
5183
|
{
|
|
5137
5184
|
className: j(
|
|
5138
5185
|
"flex flex-col overflow-hidden absolute bg-base shadow-lg pointer-events-auto rounded-sheet w-full max-w-[400px] h-[calc(100%-80px)] max-h-[550px]",
|
|
5139
5186
|
"transition-[transform,opacity] duration-200 data-hidden:scale-90 data-hidden:opacity-0",
|
|
5140
|
-
|
|
5187
|
+
uc[a],
|
|
5141
5188
|
a.startsWith("top") ? "top-20" : "bottom-20"
|
|
5142
5189
|
),
|
|
5143
5190
|
children: [
|
|
5144
|
-
/* @__PURE__ */
|
|
5191
|
+
/* @__PURE__ */ P("div", { className: "bg-base shrink-0 flex gap-2 p-4 items-start", children: [
|
|
5145
5192
|
/* @__PURE__ */ h("div", { className: "relative w-16 h-16" }),
|
|
5146
5193
|
/* @__PURE__ */ h(ce, { active: g && !i.value, children: /* @__PURE__ */ h(an, { className: "rounded-bl-[calc(var(--el-bubble-radius)/3)] transition-opacity data-hidden:opacity-0" }) })
|
|
5147
5194
|
] }),
|
|
5148
5195
|
/* @__PURE__ */ h(
|
|
5149
|
-
|
|
5196
|
+
cc,
|
|
5150
5197
|
{
|
|
5151
5198
|
transcript: p,
|
|
5152
5199
|
scrollPinned: v
|
|
5153
5200
|
}
|
|
5154
5201
|
),
|
|
5155
5202
|
/* @__PURE__ */ h(
|
|
5156
|
-
|
|
5203
|
+
ic,
|
|
5157
5204
|
{
|
|
5158
5205
|
scrollPinned: v,
|
|
5159
5206
|
showTranscript: g
|
|
5160
5207
|
}
|
|
5161
5208
|
),
|
|
5162
|
-
/* @__PURE__ */ h(ce, { active: !g || i.value, children: /* @__PURE__ */ h("div", { className: "absolute top-0 left-0 right-0 p-4 flex justify-center transition-[opacity,transform] duration-200 data-hidden:opacity-0 data-hidden:-translate-y-4", children: /* @__PURE__ */ h(
|
|
5163
|
-
/* @__PURE__ */
|
|
5209
|
+
/* @__PURE__ */ h(ce, { active: !g || i.value, children: /* @__PURE__ */ h("div", { className: "absolute top-0 left-0 right-0 p-4 flex justify-center transition-[opacity,transform] duration-200 data-hidden:opacity-0 data-hidden:-translate-y-4", children: /* @__PURE__ */ h(oc, {}) }) }),
|
|
5210
|
+
/* @__PURE__ */ P(
|
|
5164
5211
|
"div",
|
|
5165
5212
|
{
|
|
5166
5213
|
className: j(
|
|
@@ -5192,11 +5239,11 @@ function sc({ open: e }) {
|
|
|
5192
5239
|
}
|
|
5193
5240
|
) });
|
|
5194
5241
|
}
|
|
5195
|
-
function
|
|
5196
|
-
const t = zt(), n =
|
|
5242
|
+
function $o({ expanded: e }) {
|
|
5243
|
+
const t = zt(), n = q().value.variant, { isDisconnected: r } = ne(), o = re(), a = Te(() => {
|
|
5197
5244
|
e.value = !e.value;
|
|
5198
5245
|
}, [e]);
|
|
5199
|
-
return /* @__PURE__ */
|
|
5246
|
+
return /* @__PURE__ */ P(wt, { children: [
|
|
5200
5247
|
n === "full" && /* @__PURE__ */ h(
|
|
5201
5248
|
ke,
|
|
5202
5249
|
{
|
|
@@ -5237,13 +5284,13 @@ function Vo({ expanded: e }) {
|
|
|
5237
5284
|
) })
|
|
5238
5285
|
] });
|
|
5239
5286
|
}
|
|
5240
|
-
function
|
|
5287
|
+
function fc({
|
|
5241
5288
|
expanded: e,
|
|
5242
5289
|
className: t,
|
|
5243
5290
|
...n
|
|
5244
5291
|
}) {
|
|
5245
5292
|
const { isDisconnected: r } = ne(), o = re();
|
|
5246
|
-
return /* @__PURE__ */
|
|
5293
|
+
return /* @__PURE__ */ P(
|
|
5247
5294
|
"div",
|
|
5248
5295
|
{
|
|
5249
5296
|
className: j(
|
|
@@ -5258,38 +5305,38 @@ function lc({
|
|
|
5258
5305
|
{
|
|
5259
5306
|
visible: !e.value && r.value,
|
|
5260
5307
|
className: "p-1 !min-w-60",
|
|
5261
|
-
children: /* @__PURE__ */
|
|
5308
|
+
children: /* @__PURE__ */ P("div", { className: "flex items-center gap-2", children: [
|
|
5262
5309
|
/* @__PURE__ */ h(ot, {}),
|
|
5263
5310
|
/* @__PURE__ */ h("div", { className: "text-sm max-w-64", children: o.main_label })
|
|
5264
5311
|
] })
|
|
5265
5312
|
}
|
|
5266
5313
|
),
|
|
5267
|
-
/* @__PURE__ */ h("div", { className: "flex items-center", children: /* @__PURE__ */ h(
|
|
5314
|
+
/* @__PURE__ */ h("div", { className: "flex items-center", children: /* @__PURE__ */ h($o, { expanded: e }) })
|
|
5268
5315
|
]
|
|
5269
5316
|
}
|
|
5270
5317
|
);
|
|
5271
5318
|
}
|
|
5272
|
-
function
|
|
5319
|
+
function pc({
|
|
5273
5320
|
expanded: e,
|
|
5274
5321
|
className: t,
|
|
5275
5322
|
...n
|
|
5276
5323
|
}) {
|
|
5277
|
-
return /* @__PURE__ */
|
|
5324
|
+
return /* @__PURE__ */ P(
|
|
5278
5325
|
"div",
|
|
5279
5326
|
{
|
|
5280
5327
|
className: j("rounded-compact-sheet flex items-center p-2", t),
|
|
5281
5328
|
...n,
|
|
5282
5329
|
children: [
|
|
5283
5330
|
/* @__PURE__ */ h(ke, { visible: !e.value, className: "p-1", children: /* @__PURE__ */ h(ot, {}) }),
|
|
5284
|
-
/* @__PURE__ */ h(
|
|
5331
|
+
/* @__PURE__ */ h($o, { expanded: e })
|
|
5285
5332
|
]
|
|
5286
5333
|
}
|
|
5287
5334
|
);
|
|
5288
5335
|
}
|
|
5289
|
-
function
|
|
5336
|
+
function hc({ visible: e, className: t, ...n }) {
|
|
5290
5337
|
const r = re(), { language: o, showPicker: a } = rt();
|
|
5291
|
-
return a.value ? /* @__PURE__ */ h(ke, { visible: e, className: "p-1", children: /* @__PURE__ */ h(
|
|
5292
|
-
|
|
5338
|
+
return a.value ? /* @__PURE__ */ h(ke, { visible: e, className: "p-1", children: /* @__PURE__ */ h(Vo, { children: /* @__PURE__ */ P(
|
|
5339
|
+
zo,
|
|
5293
5340
|
{
|
|
5294
5341
|
className: j(
|
|
5295
5342
|
"h-9 min-w-max border border-base-border rounded-button focus-ring px-1.5 flex gap-1 items-center transition-colors duration-200 hover:bg-base-hover active:bg-base-active",
|
|
@@ -5299,14 +5346,14 @@ function uc({ visible: e, className: t, ...n }) {
|
|
|
5299
5346
|
...n,
|
|
5300
5347
|
children: [
|
|
5301
5348
|
/* @__PURE__ */ h(On, { flagCode: o.value.flagCode }),
|
|
5302
|
-
/* @__PURE__ */ h(
|
|
5349
|
+
/* @__PURE__ */ h(Fo, { className: "px-1 text-base-subtle", asChild: !0, children: /* @__PURE__ */ h(Je, { size: "sm", name: "chevron-down" }) })
|
|
5303
5350
|
]
|
|
5304
5351
|
}
|
|
5305
5352
|
) }) }) : null;
|
|
5306
5353
|
}
|
|
5307
5354
|
function Wo() {
|
|
5308
|
-
const e =
|
|
5309
|
-
return /* @__PURE__ */
|
|
5355
|
+
const e = q().value.variant, { isDisconnected: t, status: n } = ne();
|
|
5356
|
+
return /* @__PURE__ */ P(wt, { children: [
|
|
5310
5357
|
/* @__PURE__ */ h(
|
|
5311
5358
|
Ln,
|
|
5312
5359
|
{
|
|
@@ -5316,19 +5363,19 @@ function Wo() {
|
|
|
5316
5363
|
disabled: n.value === "disconnecting" || n.value === "connecting"
|
|
5317
5364
|
}
|
|
5318
5365
|
),
|
|
5319
|
-
/* @__PURE__ */ h(
|
|
5366
|
+
/* @__PURE__ */ h(hc, { visible: t.value }),
|
|
5320
5367
|
/* @__PURE__ */ h(Mn, { visible: !t.value })
|
|
5321
5368
|
] });
|
|
5322
5369
|
}
|
|
5323
|
-
function
|
|
5370
|
+
function vc({
|
|
5324
5371
|
className: e,
|
|
5325
5372
|
...t
|
|
5326
5373
|
}) {
|
|
5327
5374
|
const { isDisconnected: n } = ne(), r = re();
|
|
5328
|
-
return /* @__PURE__ */
|
|
5329
|
-
/* @__PURE__ */
|
|
5375
|
+
return /* @__PURE__ */ P("div", { className: j("flex flex-col p-2 rounded-sheet", e), ...t, children: [
|
|
5376
|
+
/* @__PURE__ */ P("div", { className: "flex items-center p-1 gap-2 min-w-60", children: [
|
|
5330
5377
|
/* @__PURE__ */ h(ot, {}),
|
|
5331
|
-
/* @__PURE__ */
|
|
5378
|
+
/* @__PURE__ */ P("div", { className: "relative text-sm max-w-64", children: [
|
|
5332
5379
|
/* @__PURE__ */ h(
|
|
5333
5380
|
"span",
|
|
5334
5381
|
{
|
|
@@ -5345,11 +5392,11 @@ function dc({
|
|
|
5345
5392
|
/* @__PURE__ */ h("div", { className: "flex items-center", children: /* @__PURE__ */ h(Wo, {}) })
|
|
5346
5393
|
] });
|
|
5347
5394
|
}
|
|
5348
|
-
function
|
|
5395
|
+
function gc({
|
|
5349
5396
|
className: e,
|
|
5350
5397
|
...t
|
|
5351
5398
|
}) {
|
|
5352
|
-
return /* @__PURE__ */
|
|
5399
|
+
return /* @__PURE__ */ P(
|
|
5353
5400
|
"div",
|
|
5354
5401
|
{
|
|
5355
5402
|
className: j("rounded-compact-sheet flex items-center p-2", e),
|
|
@@ -5361,12 +5408,12 @@ function fc({
|
|
|
5361
5408
|
}
|
|
5362
5409
|
);
|
|
5363
5410
|
}
|
|
5364
|
-
function
|
|
5365
|
-
const n =
|
|
5411
|
+
function mc({ expandable: e, expanded: t }) {
|
|
5412
|
+
const n = q().value.variant, r = Bt(), { isDisconnected: o } = ne(), a = Te(async () => {
|
|
5366
5413
|
await r.requestTerms(), t.value = !t.peek();
|
|
5367
5414
|
}, [t]), i = n === "full";
|
|
5368
5415
|
return e ? /* @__PURE__ */ h(
|
|
5369
|
-
i ?
|
|
5416
|
+
i ? fc : pc,
|
|
5370
5417
|
{
|
|
5371
5418
|
expanded: t,
|
|
5372
5419
|
className: j(
|
|
@@ -5375,11 +5422,11 @@ function pc({ expandable: e, expanded: t }) {
|
|
|
5375
5422
|
),
|
|
5376
5423
|
onClick: o.value || t.value ? a : void 0
|
|
5377
5424
|
}
|
|
5378
|
-
) : /* @__PURE__ */ h(i ?
|
|
5425
|
+
) : /* @__PURE__ */ h(i ? vc : gc, { className: "bg-base shadow-md pointer-events-auto overflow-hidden" });
|
|
5379
5426
|
}
|
|
5380
|
-
function
|
|
5381
|
-
const e = re(), t =
|
|
5382
|
-
return /* @__PURE__ */
|
|
5427
|
+
function wc() {
|
|
5428
|
+
const e = re(), t = q(), { dismissTerms: n, acceptTerms: r } = Bt();
|
|
5429
|
+
return /* @__PURE__ */ P("div", { className: "max-w-[400px] flex flex-col gap-2 bg-base shadow-md pointer-events-auto rounded-sheet p-3 text-sm", children: [
|
|
5383
5430
|
/* @__PURE__ */ h(
|
|
5384
5431
|
"div",
|
|
5385
5432
|
{
|
|
@@ -5387,13 +5434,13 @@ function hc() {
|
|
|
5387
5434
|
dangerouslySetInnerHTML: { __html: t.value.terms_html ?? "" }
|
|
5388
5435
|
}
|
|
5389
5436
|
),
|
|
5390
|
-
/* @__PURE__ */
|
|
5437
|
+
/* @__PURE__ */ P("div", { className: "flex justify-end gap-2", children: [
|
|
5391
5438
|
/* @__PURE__ */ h(Me, { onClick: n, children: e.dismiss_terms }),
|
|
5392
5439
|
/* @__PURE__ */ h(Me, { onClick: r, variant: "primary", children: e.accept_terms })
|
|
5393
5440
|
] })
|
|
5394
5441
|
] });
|
|
5395
5442
|
}
|
|
5396
|
-
function
|
|
5443
|
+
function bc({ copyText: e, children: t }) {
|
|
5397
5444
|
const n = re(), [r, o] = be(!1);
|
|
5398
5445
|
Oe(() => {
|
|
5399
5446
|
if (r) {
|
|
@@ -5406,37 +5453,37 @@ function vc({ copyText: e, children: t }) {
|
|
|
5406
5453
|
}
|
|
5407
5454
|
}, [r]);
|
|
5408
5455
|
const a = Te(() => {
|
|
5409
|
-
const i =
|
|
5456
|
+
const i = Er(e);
|
|
5410
5457
|
i && (navigator.clipboard.writeText(i), o(!0));
|
|
5411
5458
|
}, []);
|
|
5412
5459
|
return /* @__PURE__ */ h(Me, { onClick: a, children: r ? n.copied : t });
|
|
5413
5460
|
}
|
|
5414
|
-
function
|
|
5461
|
+
function xc({ sawError: e }) {
|
|
5415
5462
|
const t = re(), { error: n, lastId: r } = ne(), o = Te(() => {
|
|
5416
5463
|
e.value = !0;
|
|
5417
5464
|
}, []);
|
|
5418
|
-
return /* @__PURE__ */
|
|
5419
|
-
/* @__PURE__ */
|
|
5465
|
+
return /* @__PURE__ */ P("div", { className: "max-w-[400px] flex flex-col gap-2 bg-base shadow-md pointer-events-auto rounded-sheet p-3 text-sm", children: [
|
|
5466
|
+
/* @__PURE__ */ P("div", { className: "p-2 pt-1", children: [
|
|
5420
5467
|
/* @__PURE__ */ h("h1", { className: "text-md font-medium pb-1", children: t.error_occurred }),
|
|
5421
5468
|
n.value,
|
|
5422
|
-
r.value && /* @__PURE__ */
|
|
5469
|
+
r.value && /* @__PURE__ */ P(wt, { children: [
|
|
5423
5470
|
/* @__PURE__ */ h("br", {}),
|
|
5424
|
-
/* @__PURE__ */
|
|
5471
|
+
/* @__PURE__ */ P("span", { className: "text-base-subtle", children: [
|
|
5425
5472
|
t.conversation_id,
|
|
5426
5473
|
": ",
|
|
5427
5474
|
r.value
|
|
5428
5475
|
] })
|
|
5429
5476
|
] })
|
|
5430
5477
|
] }),
|
|
5431
|
-
/* @__PURE__ */
|
|
5432
|
-
/* @__PURE__ */ h(
|
|
5478
|
+
/* @__PURE__ */ P("div", { className: "flex justify-end gap-2", children: [
|
|
5479
|
+
/* @__PURE__ */ h(bc, { copyText: r, children: t.copy_id }),
|
|
5433
5480
|
/* @__PURE__ */ h(Me, { variant: "primary", onClick: o, children: "Close" })
|
|
5434
5481
|
] })
|
|
5435
5482
|
] });
|
|
5436
5483
|
}
|
|
5437
|
-
function
|
|
5438
|
-
const e =
|
|
5439
|
-
return e.value.disable_banner ? null : /* @__PURE__ */
|
|
5484
|
+
function yc() {
|
|
5485
|
+
const e = q();
|
|
5486
|
+
return e.value.disable_banner ? null : /* @__PURE__ */ P(
|
|
5440
5487
|
"p",
|
|
5441
5488
|
{
|
|
5442
5489
|
className: j(
|
|
@@ -5466,7 +5513,7 @@ const Ze = {
|
|
|
5466
5513
|
}, qe = {
|
|
5467
5514
|
top: "flex-col-reverse justify-end",
|
|
5468
5515
|
bottom: "flex-col justify-end"
|
|
5469
|
-
},
|
|
5516
|
+
}, Cc = {
|
|
5470
5517
|
"top-left": `${qe.top} ${Ze.left}`,
|
|
5471
5518
|
top: `${qe.top} ${Ze.center}`,
|
|
5472
5519
|
"top-right": `${qe.top} ${Ze.right}`,
|
|
@@ -5475,40 +5522,40 @@ const Ze = {
|
|
|
5475
5522
|
"bottom-right": `${qe.bottom} ${Ze.right}`
|
|
5476
5523
|
}, At = {
|
|
5477
5524
|
display: "none"
|
|
5478
|
-
},
|
|
5479
|
-
const t = ue(!1), n =
|
|
5525
|
+
}, Sc = sr(function() {
|
|
5526
|
+
const t = ue(!1), n = q(), r = ue(!1), { error: o } = ne(), a = Bt(), i = Y(
|
|
5480
5527
|
() => n.value.transcript_enabled || n.value.text_input_enabled
|
|
5481
|
-
), s =
|
|
5528
|
+
), s = Y(
|
|
5482
5529
|
() => j(
|
|
5483
5530
|
"overlay !flex transition-opacity duration-200 data-hidden:opacity-0",
|
|
5484
|
-
|
|
5531
|
+
Cc[n.value.placement]
|
|
5485
5532
|
)
|
|
5486
5533
|
);
|
|
5487
5534
|
ze(() => {
|
|
5488
5535
|
o.value && (i.value ? (r.value = !0, t.value = !0) : r.value = !1);
|
|
5489
5536
|
});
|
|
5490
|
-
const l =
|
|
5491
|
-
return /* @__PURE__ */
|
|
5492
|
-
/* @__PURE__ */ h(ce, { initial: !1, active: p, children: /* @__PURE__ */
|
|
5493
|
-
i.value && /* @__PURE__ */ h(
|
|
5494
|
-
/* @__PURE__ */ h(
|
|
5537
|
+
const l = Y(() => !i.value && o.value && !r.value ? "error" : !a.termsAccepted.value && a.termsShown.value ? "terms" : "conversation"), c = Y(() => l.value === "error"), d = Y(() => l.value === "terms"), p = Y(() => l.value === "conversation");
|
|
5538
|
+
return /* @__PURE__ */ P(wt, { children: [
|
|
5539
|
+
/* @__PURE__ */ h(ce, { initial: !1, active: p, children: /* @__PURE__ */ P(yt, { className: s, style: At, children: [
|
|
5540
|
+
i.value && /* @__PURE__ */ h(dc, { open: t }),
|
|
5541
|
+
/* @__PURE__ */ h(mc, { expandable: i.value, expanded: t })
|
|
5495
5542
|
] }) }),
|
|
5496
|
-
/* @__PURE__ */ h(ce, { initial: !1, active: d, children: /* @__PURE__ */ h(yt, { className: s, style: At, children: /* @__PURE__ */ h(
|
|
5497
|
-
/* @__PURE__ */ h(ce, { initial: !1, active: c, children: /* @__PURE__ */ h(yt, { className: s, style: At, children: /* @__PURE__ */ h(
|
|
5498
|
-
/* @__PURE__ */ h(yt, { className: s, style: At, children: /* @__PURE__ */ h(
|
|
5543
|
+
/* @__PURE__ */ h(ce, { initial: !1, active: d, children: /* @__PURE__ */ h(yt, { className: s, style: At, children: /* @__PURE__ */ h(wc, {}) }) }),
|
|
5544
|
+
/* @__PURE__ */ h(ce, { initial: !1, active: c, children: /* @__PURE__ */ h(yt, { className: s, style: At, children: /* @__PURE__ */ h(xc, { sawError: r }) }) }),
|
|
5545
|
+
/* @__PURE__ */ h(yt, { className: s, style: At, children: /* @__PURE__ */ h(yc, {}) })
|
|
5499
5546
|
] });
|
|
5500
5547
|
});
|
|
5501
|
-
function
|
|
5502
|
-
return /* @__PURE__ */ h(
|
|
5503
|
-
/* @__PURE__ */ h(
|
|
5504
|
-
/* @__PURE__ */ h(
|
|
5548
|
+
function Ec(e) {
|
|
5549
|
+
return /* @__PURE__ */ h(oa, { value: e, children: /* @__PURE__ */ h(ia, { children: /* @__PURE__ */ h(va, { children: /* @__PURE__ */ h(da, { children: /* @__PURE__ */ h(sa, { children: /* @__PURE__ */ h(la, { children: /* @__PURE__ */ h(ca, { children: /* @__PURE__ */ h(fa, { children: /* @__PURE__ */ h(xa, { children: /* @__PURE__ */ P(ya, { children: [
|
|
5550
|
+
/* @__PURE__ */ h(ma, {}),
|
|
5551
|
+
/* @__PURE__ */ h(Sc, {})
|
|
5505
5552
|
] }) }) }) }) }) }) }) }) }) });
|
|
5506
5553
|
}
|
|
5507
|
-
function
|
|
5508
|
-
|
|
5554
|
+
function Mc(e = "elevenlabs-convai") {
|
|
5555
|
+
Yo(Ec, e, [...rn], {
|
|
5509
5556
|
shadow: !0
|
|
5510
5557
|
});
|
|
5511
5558
|
}
|
|
5512
5559
|
export {
|
|
5513
|
-
|
|
5560
|
+
Mc as registerWidget
|
|
5514
5561
|
};
|